@import url(//fonts.googleapis.com/css?family=Dancing+Script);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Shippori+Mincho:wght@500;600;700;800&display=swap);@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

*,*::before,*::after{
  box-sizing: border-box;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

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

caption,
th,
td {
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

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

body {
  width: 100%;
  height: 100%;
  overflow: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 500;
  line-height: 1.5;
  /*background-color: red;*/
}

/*body::after{
  content:"テスト環境";
  position:fixed;
  display: block;
  left:0;
  bottom:0;
  background: red;
  color:#fff;
  z-index: 100;
  padding:.5em;
  font-size: .8em;
}*/

body.is-ofh {
  overflow: hidden;
}

a img:hover {
  opacity: 0.7;
}

a,
a button {
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

a:link {
  color: #585454;
  text-decoration: none;
}

a:visited {
  color: #585454;
}

a:hover {
  color: #585454;
  text-decoration: none;
}

a:active {
  color: #585454;
}

.pc-on {
  display: block;
}

.sp-on {
  display: none;
}

.pc-min-on {
  display: none;
}

img {
  width: 100%;
}

.win body {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 400;
}

.mac body {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 400;
}

.icon {
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  display: inline-block;
  width: 1em;
  height: 1em;
}

/* ==========================================
Single-colored icons can be modified like so:
.icon-name {
  font-size: 32px;
  color: red;
}
========================================== */
.icon_logo {
  width: 3.1796875em;
}

.icon_logout {
  width: 0.9443359375em;
}

/* Slider */
.slick-slider {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -ms-touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  touch-action: pan-y;
  user-select: none;
}

.slick-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
}
.slick-track:before, .slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  height: 100%;
  min-height: 1px;
  float: left;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -webkit-animation-name: swing;
  transform-origin: top center;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
  animation-name: jello;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  animation-duration: 0.75s;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0;
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0;
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  animation-duration: 0.75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
    opacity: 0;
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
    opacity: 0;
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
    opacity: 0;
  }
}
@keyframes bounceOutLeft {
  20% {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
    opacity: 0;
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
    opacity: 0;
  }
}
@keyframes bounceOutRight {
  20% {
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
    opacity: 0;
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
    opacity: 0;
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
    opacity: 0;
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDownBig {
  from {
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInLeftBig {
  from {
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInRightBig {
  from {
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInUpBig {
  from {
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0;
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0;
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
    opacity: 0;
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
    opacity: 0;
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
    opacity: 0;
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
    opacity: 0;
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
    opacity: 0;
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
    opacity: 0;
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
    opacity: 0;
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
    opacity: 0;
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -webkit-animation-name: flip;
  backface-visibility: visible;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutX;
  animation-duration: 0.75s;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY;
  animation-duration: 0.75s;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    transform-origin: center;
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: center;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    transform-origin: center;
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: center;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: left bottom;
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: left bottom;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: left bottom;
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: left bottom;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: right bottom;
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: right bottom;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: right bottom;
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: right bottom;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: left bottom;
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: left bottom;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: left bottom;
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: left bottom;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    transform-origin: right bottom;
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: right bottom;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    transform-origin: right bottom;
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform-origin: right bottom;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    transform-origin: center;
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    transform-origin: center;
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: left bottom;
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: left bottom;
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: right bottom;
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: right bottom;
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: left bottom;
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: left bottom;
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    transform-origin: right bottom;
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    transform-origin: right bottom;
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
  animation-duration: 2s;
}

@-webkit-keyframes jackInTheBox {
  from {
    -webkit-transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes jackInTheBox {
  from {
    -webkit-transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;

  }
}
@keyframes rollIn {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    opacity: 0;
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    opacity: 0;
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
  }
}
@keyframes zoomInDown {
  from {
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
  }
}
@keyframes zoomInLeft {
  from {
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
  }
}
@keyframes zoomInRight {
  from {
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
  }
}
@keyframes zoomInUp {
  from {
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
  }
  to {
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
  }
}
@keyframes zoomOutDown {
  40% {
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
  }
  to {
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
    opacity: 0;
  }
}
@keyframes zoomOutLeft {
  40% {
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
    opacity: 0;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
    opacity: 0;
  }
}
@keyframes zoomOutRight {
  40% {
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
    opacity: 0;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
  }
  to {
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
  }
}
@keyframes zoomOutUp {
  40% {
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
  }
  to {
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    visibility: visible;
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    visibility: visible;
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    visibility: visible;
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    visibility: visible;
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    visibility: visible;
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    visibility: visible;
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
@-webkit-keyframes textAnime {
  from {
    -webkit-transform: translate3d(1.5em, 0, 0);
            transform: translate3d(1.5em, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1);
    opacity: 1;
  }
}
@keyframes textAnime {
  from {
    -webkit-transform: translate3d(1.5em, 0, 0);
            transform: translate3d(1.5em, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes tileMenuNlo {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  40% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  50% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
}
@keyframes tileMenuNlo {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  40% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  50% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
}
@-webkit-keyframes scrollIcon {
  0% {
    height: 0px;
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0);
  }
  30% {
    height: 200px;
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0);
  }
  60% {
    height: 200px;
    -webkit-transform: translate3d(0, 200px, 0);
            transform: translate3d(0, 200px, 0);
  }
  100% {
    height: 0px;
    -webkit-transform: translate3d(0, 200px, 0);
            transform: translate3d(0, 200px, 0);
  }
}
@keyframes scrollIcon {
  0% {
    height: 0px;
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0);
  }
  30% {
    height: 200px;
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0);
  }
  60% {
    height: 200px;
    -webkit-transform: translate3d(0, 200px, 0);
            transform: translate3d(0, 200px, 0);
  }
  100% {
    height: 0px;
    -webkit-transform: translate3d(0, 200px, 0);
            transform: translate3d(0, 200px, 0);
  }
}
/* Slider */

.l-header {
  position: relative !important;
}
.l-header .category-list__detail .navInnerItem {
  display: none;
}
.l-header .category-list__detail .c-rect-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% / 4);
  height: 80px;
  padding: 28px 52px 28px 20px;
  font-size: 15px;
}
.l-header .category-list__detail .c-rect-ttl::before {
  display: block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  background-color: #007BE5;
  content: "";
}
.l-header .category-list__detail .c-rect-ttl::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 24px;
  height: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(/assets/img/icon_arrow-down2.svg) no-repeat center/cover;
  content: "";
}
.l-header .category-list__detail .c-rect-ttl.is-active::after {
  -webkit-transform: scale(1, -1) translateY(-50%);
          transform: scale(1, -1) translateY(-50%);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.l-header .category-list__detail .js-ac__detail .navInnerItem {
  font-size: 15px;
}
.l-header .category-list__detail .js-ac__detail .navInnerItem a {
  width: 200px;
  padding: 10px 0;
  color: #007BE5;
}
.l-header .btn-humburgerClose {
  z-index: 300;
  position: absolute;
  top: 32px;
  right: 7px;
  width: 48px;
  height: 48px;
  background: url(../img/icon_close2.svg) no-repeat center/14px 14px;
}
.l-header .ac__detail .btn-humburgerClose {
  top: 12px;
  right: 6px;
}
.l-header .mypage__ttl {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.l-header .mypage__detail {
  margin-top: 14px;
}
.l-header .mypage__detail .point {
  margin-top: 30px;
}
.l-header .mypage__s-ttl {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.l-header .mypage .login {
  margin-top: 20px;
}
.l-header .mypage .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 239px;
  height: 44px;
  padding: 12px 14px;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.03em;
}
.l-header .mypage .btn .icon {
  font-size: 16px;
}
.l-header .mypage .btn:not(:first-child) {
  margin-top: 8px;
}
.l-header .mypage .btn .ico {
  position: relative;
  width: 7px;
  height: 12px;
}
.l-header .mypage .btn .ico::after {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="7.119" height="12.45" viewBox="0 0 7.119 12.45"><path id="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M16.219,12.419,11.508,7.711a.886.886,0,0,1,0-1.257.9.9,0,0,1,1.26,0l5.338,5.334a.888.888,0,0,1,.026,1.227l-5.36,5.371a.89.89,0,1,1-1.26-1.257Z" transform="translate(-11.246 -6.196)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="7.119" height="12.45" viewBox="0 0 7.119 12.45"><path id="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M16.219,12.419,11.508,7.711a.886.886,0,0,1,0-1.257.9.9,0,0,1,1.26,0l5.338,5.334a.888.888,0,0,1,.026,1.227l-5.36,5.371a.89.89,0,1,1-1.26-1.257Z" transform="translate(-11.246 -6.196)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header .mypage .btn--new {
  background-color: #EF7C4E;
}
.l-header .mypage .btn--login {
  background-color: #688188;
}
.l-header .mypage .point {
  padding: 12px 14px;
  border: solid 1px #707070;
  background-color: #fff;
  font-size: 11px;
}
.l-header .mypage .point__ttl {
  color: #525252;
  white-space: nowrap;
}
.l-header .mypage .point__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.l-header .mypage .point__detail .user-point {
  color: #DEB400;
  font-size: 24px;
}
.l-header .mypage .links {
  padding: 12px 0;
  font-size: 11px;
}
.l-header .mypage .links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
  color: #585454;
}
.l-header .mypage .links a .icon {
  margin-right: 12px;
  color: #b0c2c4;
  font-size: 16px;
}
.l-header .mypage .links a .ico {
  width: 26px;
  height: 26px;
  margin-right: 16px;
}
.l-header .mypage .links a .ico::after {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #585454;
  content: "";
}
.l-header .mypage .links a .ico--accountLine {
  -webkit-mask-size: contain;
          mask-size: contain;
}
.l-header .mypage .links a .ico--heartLine {
  -webkit-mask-size: contain;
          mask-size: contain;
}
.l-header .mypage .logout {
  padding-top: 12px;
  border-top: solid 1px #707070;
  font-size: 12px;
}
.l-header .mypage .logout a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
  color: #566264;
}
.l-header .mypage .logout a .icon {
  margin-right: 12px;
  color: #b0c2c4;
  font-size: 16px;
}
.l-header .mypage .logout a .ico {
  width: 26px;
  height: 26px;
  margin-right: 16px;
}
.l-header .mypage .logout a .ico::after {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #585454;
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="23.675" height="20.715" viewBox="0 0 23.675 20.715"><path id="Icon_logout2" d="M8.878,0V2.959H20.715v14.8H8.878v2.959h14.8V0ZM5.919,5.919,0,10.358,5.919,14.8V11.837H17.756V8.878H5.919Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="23.675" height="20.715" viewBox="0 0 23.675 20.715"><path id="Icon_logout2" d="M8.878,0V2.959H20.715v14.8H8.878v2.959h14.8V0ZM5.919,5.919,0,10.358,5.919,14.8V11.837H17.756V8.878H5.919Z"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.l-header .userinfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.l-header .userinfo .icon {
  margin-right: 12px;
  color: #007BE5;
  font-size: 28px;
}
.l-header .userinfo__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  color: #007BE5;
  font-size: 13px;
}
.l-header .userinfo__name::before {
  display: none;
}
.l-header .userinfo__name::after {
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 12px;
  background: url(../img/icon_arrow-down.svg) no-repeat center/cover;
  content: "";
}
.l-header .userinfo__point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 0 0;
}
.l-header .userinfo__point::before {
  display: none;
}
.l-header .userinfo__point span {
  color: #8D9D9F;
  font-size: 11px;
}
.l-header .userinfo__point .user-point {
  color: #DEB400;
  font-family: "Shippori Mincho", serif;
  font-size: 13px;
  font-weight: 800;
}
.l-header .list li:not(:first-child) {
  border-top: solid 1px #707070;
}
.l-header .list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 260px;
  padding: 16px 8px;
  font-size: 13px;
}
.l-header .list li a::after {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background: url(../img/icon_arrow-right-s.svg) no-repeat center/cover;
  content: "";
}
.l-header .list li a div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-header .list li a .icon {
  margin-right: 8px;
  color: #007BE5;
  font-size: 18px;
}
.l-header .ac__detail {
  display: none;
  position: absolute;
}
.l-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 auto;
  padding: 0 100px;
}
.l-header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0;
  font-size: 37px;
}
.l-header__logo .icon {
  display: block;
  color: #fff;
}
.l-header__logo .catch {
  color: #fff;
  font-size: 11px;
  white-space: nowrap;
}
.l-header__menus {
  width: 100%;
}
.l-header__menus .navigation_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.l-header__main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
}
.l-header__main-menu .ico {
  width: 16px;
  height: 16px;
  margin-right: 12px;
}
.l-header__main-menu .ico::before {
  display: block;
  width: 100%;
  height: 100%;
  background: #585454;
  content: "";
}
.l-header__main-menu .ico--recipe::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14.744" height="14" viewBox="0 0 14.744 14"><path id="Icon_recipe" d="M8.243,12.57l2.182-2.182L5.012,4.983a3.09,3.09,0,0,0,0,4.364Zm5.228-1.4a3.749,3.749,0,0,0,4.064-1.064c1.473-1.473,1.758-3.585.625-4.719s-3.238-.848-4.719.625a3.749,3.749,0,0,0-1.064,4.064L4.85,17.605l1.087,1.087,5.313-5.3,5.3,5.3,1.087-1.087-5.3-5.3Z" transform="translate(-4.11 -4.7)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14.744" height="14" viewBox="0 0 14.744 14"><path id="Icon_recipe" d="M8.243,12.57l2.182-2.182L5.012,4.983a3.09,3.09,0,0,0,0,4.364Zm5.228-1.4a3.749,3.749,0,0,0,4.064-1.064c1.473-1.473,1.758-3.585.625-4.719s-3.238-.848-4.719.625a3.749,3.749,0,0,0-1.064,4.064L4.85,17.605l1.087,1.087,5.313-5.3,5.3,5.3,1.087-1.087-5.3-5.3Z" transform="translate(-4.11 -4.7)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header__main-menu .ico--star::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.273" height="16.5" viewBox="0 0 17.273 16.5"><path id="Icon_star" d="M10.886,2.25a.75.75,0,0,1,.673.418l2.263,4.584,5.06.74A.75.75,0,0,1,19.3,9.271l-3.661,3.565.864,5.037a.75.75,0,0,1-1.088.791l-4.525-2.379L6.362,18.664a.75.75,0,0,1-1.088-.791l.864-5.037L2.477,9.271a.75.75,0,0,1,.415-1.279l5.06-.74,2.263-4.584A.75.75,0,0,1,10.886,2.25Zm6.275,7.006-3.947-.577a.75.75,0,0,1-.564-.41L10.886,4.694,9.122,8.269a.75.75,0,0,1-.564.41l-3.947.577,2.855,2.781a.75.75,0,0,1,.216.664l-.674,3.928,3.529-1.856a.75.75,0,0,1,.7,0l3.529,1.856L14.09,12.7a.75.75,0,0,1,.216-.664Z" transform="translate(-2.25 -2.25)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.273" height="16.5" viewBox="0 0 17.273 16.5"><path id="Icon_star" d="M10.886,2.25a.75.75,0,0,1,.673.418l2.263,4.584,5.06.74A.75.75,0,0,1,19.3,9.271l-3.661,3.565.864,5.037a.75.75,0,0,1-1.088.791l-4.525-2.379L6.362,18.664a.75.75,0,0,1-1.088-.791l.864-5.037L2.477,9.271a.75.75,0,0,1,.415-1.279l5.06-.74,2.263-4.584A.75.75,0,0,1,10.886,2.25Zm6.275,7.006-3.947-.577a.75.75,0,0,1-.564-.41L10.886,4.694,9.122,8.269a.75.75,0,0,1-.564.41l-3.947.577,2.855,2.781a.75.75,0,0,1,.216.664l-.674,3.928,3.529-1.856a.75.75,0,0,1,.7,0l3.529,1.856L14.09,12.7a.75.75,0,0,1,.216-.664Z" transform="translate(-2.25 -2.25)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header__main-menu .ico--house::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16.25" height="15" viewBox="0 0 16.25 15"><path id="Icon_house" d="M9.625,19.5v-5h3.75v5h3.812V12h2.438L11.5,4.5,3.375,12H5.813v7.5Z" transform="translate(-3.375 -4.5)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16.25" height="15" viewBox="0 0 16.25 15"><path id="Icon_house" d="M9.625,19.5v-5h3.75v5h3.812V12h2.438L11.5,4.5,3.375,12H5.813v7.5Z" transform="translate(-3.375 -4.5)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header__main-menu .ico--compass::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path id="Icon_compass" d="M6.816,7.378a.968.968,0,1,0,1.368,0,.967.967,0,0,0-1.368,0ZM7.5.563a7.5,7.5,0,1,0,7.5,7.5A7.5,7.5,0,0,0,7.5.563ZM11.315,5.04l-2,4.365a.966.966,0,0,1-.477.477l-4.365,2a.6.6,0,0,1-.792-.792l2-4.365a.966.966,0,0,1,.477-.477l4.365-2A.6.6,0,0,1,11.315,5.04Z" transform="translate(0 -0.563)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path id="Icon_compass" d="M6.816,7.378a.968.968,0,1,0,1.368,0,.967.967,0,0,0-1.368,0ZM7.5.563a7.5,7.5,0,1,0,7.5,7.5A7.5,7.5,0,0,0,7.5.563ZM11.315,5.04l-2,4.365a.966.966,0,0,1-.477.477l-4.365,2a.6.6,0,0,1-.792-.792l2-4.365a.966.966,0,0,1,.477-.477l4.365-2A.6.6,0,0,1,11.315,5.04Z" transform="translate(0 -0.563)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header__main-menu .ico--search::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14.997" height="15" viewBox="0 0 14.997 15"><path id="Icon_search" d="M14.793,12.968l-2.921-2.921a.7.7,0,0,0-.5-.205H10.9A6.09,6.09,0,1,0,9.843,10.9v.477a.7.7,0,0,0,.205.5l2.921,2.921a.7.7,0,0,0,.993,0l.829-.829a.706.706,0,0,0,0-1Zm-8.7-3.126a3.75,3.75,0,1,1,3.75-3.75A3.747,3.747,0,0,1,6.093,9.843Z" transform="translate(0)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14.997" height="15" viewBox="0 0 14.997 15"><path id="Icon_search" d="M14.793,12.968l-2.921-2.921a.7.7,0,0,0-.5-.205H10.9A6.09,6.09,0,1,0,9.843,10.9v.477a.7.7,0,0,0,.205.5l2.921,2.921a.7.7,0,0,0,.993,0l.829-.829a.706.706,0,0,0,0-1Zm-8.7-3.126a3.75,3.75,0,1,1,3.75-3.75A3.747,3.747,0,0,1,6.093,9.843Z" transform="translate(0)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header__main-menu .navigation_item.is-current .ac__ttl {
  margin-left: 20px;
  padding-right: 33px;
  border-bottom: solid 1px #007BE5;
  color: #007BE5;
  font-weight: bold;
}
.l-header__main-menu .navigation_item.is-current .ac__ttl .icon {
  color: #007BE5;
}
.l-header__main-menu .icon {
  margin-right: 8px;
  color: #b0c2c4;
  font-size: 24px;
}
.l-header__main-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.l-header__main-menu .navigation_subContainer {
  margin-top: 40px;
  padding-top: 40px;
  border-top: solid 1px #585454;
  font-size: 12px;
}
.l-header__main-menu .navigation_subContainer .subContainer__navi {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.l-header__main-menu .navigation_subContainer .subContainer__navi li:nth-child(1) {
  grid-area: 1/1/2/2;
}
.l-header__main-menu .navigation_subContainer .subContainer__navi li:nth-child(2) {
  grid-area: 2/1/3/2;
}
.l-header__main-menu .navigation_subContainer .subContainer__navi li:nth-child(3) {
  grid-area: 3/1/4/2;
}
.l-header__main-menu .navigation_subContainer .subContainer__navi li:nth-child(4) {
  grid-area: 1/2/2/3;
}
.l-header__main-menu .navigation_subContainer .subContainer__navi li:nth-child(5) {
  grid-area: 2/2/3/3;
}
.l-header__main-menu .navigation_subContainer .subContainer__navi li:nth-child(6) {
  grid-area: 3/2/4/3;
}
.l-header__main-menu .navigation_subContainer .subContainer__navi li a {
  padding: 6px 0;
}
.l-header__main-menu .navigation_subContainer .subContainer__navi .ico {
  width: 16px;
  height: 16px;
}
.l-header__main-menu .navigation_subContainer .subContainer__navi .ico::before {
  width: 100%;
  height: 100%;
  background-color: #585454;
  content: "";
}
.l-header__main-menu .navigation_subContainer .subContainer__navi .login .ico::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path id="Icon_account" d="M11,3a8,8,0,1,0,8,8A8,8,0,0,0,11,3Zm0,2.4A2.4,2.4,0,1,1,8.6,7.8,2.4,2.4,0,0,1,11,5.4Zm0,11.36a5.76,5.76,0,0,1-4.8-2.576c.024-1.592,3.2-2.464,4.8-2.464s4.776.872,4.8,2.464A5.76,5.76,0,0,1,11,16.76Z" transform="translate(-3 -3)" /></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path id="Icon_account" d="M11,3a8,8,0,1,0,8,8A8,8,0,0,0,11,3Zm0,2.4A2.4,2.4,0,1,1,8.6,7.8,2.4,2.4,0,0,1,11,5.4Zm0,11.36a5.76,5.76,0,0,1-4.8-2.576c.024-1.592,3.2-2.464,4.8-2.464s4.776.872,4.8,2.464A5.76,5.76,0,0,1,11,16.76Z" transform="translate(-3 -3)" /></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header__main-menu .navigation_subContainer .subContainer__navi .welcome .ico {
  height: 18px;
}
.l-header__main-menu .navigation_subContainer .subContainer__navi .welcome .ico::before {
  width: 13px;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12.591" height="17.986" viewBox="0 0 12.591 17.986"><path id="Icon_lightbulb" d="M11.1,20.087a.9.9,0,0,0,.9.9h3.6a.9.9,0,0,0,.9-.9v-.9H11.1ZM13.8,3a6.293,6.293,0,0,0-3.6,11.457V16.49a.9.9,0,0,0,.9.9h5.4a.9.9,0,0,0,.9-.9V14.457A6.293,6.293,0,0,0,13.8,3Zm2.563,9.982-.764.54v2.068H12V13.522l-.764-.54a4.5,4.5,0,1,1,5.126,0Z" transform="translate(-7.5 -3)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12.591" height="17.986" viewBox="0 0 12.591 17.986"><path id="Icon_lightbulb" d="M11.1,20.087a.9.9,0,0,0,.9.9h3.6a.9.9,0,0,0,.9-.9v-.9H11.1ZM13.8,3a6.293,6.293,0,0,0-3.6,11.457V16.49a.9.9,0,0,0,.9.9h5.4a.9.9,0,0,0,.9-.9V14.457A6.293,6.293,0,0,0,13.8,3Zm2.563,9.982-.764.54v2.068H12V13.522l-.764-.54a4.5,4.5,0,1,1,5.126,0Z" transform="translate(-7.5 -3)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header__main-menu .navigation_subContainer .subContainer__navi .profile .ico::before {
  width: 14px;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path id="Icon_building" d="M13.625,15H13V.75A.75.75,0,0,0,12.25,0H1.75A.75.75,0,0,0,1,.75V15H.375A.375.375,0,0,0,0,15.375V16H14v-.625A.375.375,0,0,0,13.625,15ZM4,2.375A.375.375,0,0,1,4.375,2h1.25A.375.375,0,0,1,6,2.375v1.25A.375.375,0,0,1,5.625,4H4.375A.375.375,0,0,1,4,3.625Zm0,3A.375.375,0,0,1,4.375,5h1.25A.375.375,0,0,1,6,5.375v1.25A.375.375,0,0,1,5.625,7H4.375A.375.375,0,0,1,4,6.625ZM5.625,10H4.375A.375.375,0,0,1,4,9.625V8.375A.375.375,0,0,1,4.375,8h1.25A.375.375,0,0,1,6,8.375v1.25A.375.375,0,0,1,5.625,10ZM8,15H6V12.375A.375.375,0,0,1,6.375,12h1.25A.375.375,0,0,1,8,12.375Zm2-5.375A.375.375,0,0,1,9.625,10H8.375A.375.375,0,0,1,8,9.625V8.375A.375.375,0,0,1,8.375,8h1.25A.375.375,0,0,1,10,8.375Zm0-3A.375.375,0,0,1,9.625,7H8.375A.375.375,0,0,1,8,6.625V5.375A.375.375,0,0,1,8.375,5h1.25A.375.375,0,0,1,10,5.375Zm0-3A.375.375,0,0,1,9.625,4H8.375A.375.375,0,0,1,8,3.625V2.375A.375.375,0,0,1,8.375,2h1.25A.375.375,0,0,1,10,2.375Z" /></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path id="Icon_building" d="M13.625,15H13V.75A.75.75,0,0,0,12.25,0H1.75A.75.75,0,0,0,1,.75V15H.375A.375.375,0,0,0,0,15.375V16H14v-.625A.375.375,0,0,0,13.625,15ZM4,2.375A.375.375,0,0,1,4.375,2h1.25A.375.375,0,0,1,6,2.375v1.25A.375.375,0,0,1,5.625,4H4.375A.375.375,0,0,1,4,3.625Zm0,3A.375.375,0,0,1,4.375,5h1.25A.375.375,0,0,1,6,5.375v1.25A.375.375,0,0,1,5.625,7H4.375A.375.375,0,0,1,4,6.625ZM5.625,10H4.375A.375.375,0,0,1,4,9.625V8.375A.375.375,0,0,1,4.375,8h1.25A.375.375,0,0,1,6,8.375v1.25A.375.375,0,0,1,5.625,10ZM8,15H6V12.375A.375.375,0,0,1,6.375,12h1.25A.375.375,0,0,1,8,12.375Zm2-5.375A.375.375,0,0,1,9.625,10H8.375A.375.375,0,0,1,8,9.625V8.375A.375.375,0,0,1,8.375,8h1.25A.375.375,0,0,1,10,8.375Zm0-3A.375.375,0,0,1,9.625,7H8.375A.375.375,0,0,1,8,6.625V5.375A.375.375,0,0,1,8.375,5h1.25A.375.375,0,0,1,10,5.375Zm0-3A.375.375,0,0,1,9.625,4H8.375A.375.375,0,0,1,8,3.625V2.375A.375.375,0,0,1,8.375,2h1.25A.375.375,0,0,1,10,2.375Z" /></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header__main-menu .navigation_subContainer .subContainer__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 38px;
}
.l-header__main-menu .navigation_subContainer .subContainer__btns .c-btnLikes {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  padding: 8px 11px;
  border: solid 1px #707070;
  border-radius: 3px;
  background-color: #F2F2F2;
  color: #585454;
}
.l-header__main-menu .navigation_subContainer .subContainer__btns .c-btnLikes .ico {
  width: 19px;
  height: 19px;
  margin-right: 7px;
}
.l-header__main-menu .navigation_subContainer .subContainer__btns .c-btnLikes .ico::before {
  width: 100%;
  height: 100%;
  background-color: #FF9090;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18.759" height="16.755" viewBox="0 0 18.759 16.755"><path id="Icon_heart" d="M19.636,5.979a4.854,4.854,0,0,0-6.982,0l-.951.974-.951-.974a4.856,4.856,0,0,0-6.982,0,5.142,5.142,0,0,0,0,7.15l.951.974,6.982,7.15,6.982-7.15.951-.974A5.141,5.141,0,0,0,19.636,5.979Z" transform="translate(-2.323 -4.497)" /></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18.759" height="16.755" viewBox="0 0 18.759 16.755"><path id="Icon_heart" d="M19.636,5.979a4.854,4.854,0,0,0-6.982,0l-.951.974-.951-.974a4.856,4.856,0,0,0-6.982,0,5.142,5.142,0,0,0,0,7.15l.951.974,6.982,7.15,6.982-7.15.951-.974A5.141,5.141,0,0,0,19.636,5.979Z" transform="translate(-2.323 -4.497)" /></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header__main-menu .navigation_subContainer .subContainer__btns .sns {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-header__main-menu .navigation_subContainer .subContainer__btns .sns li {
  width: 22px;
  height: 22px;
}
.l-header__main-menu .navigation_subContainer .subContainer__btns .sns li a {
  display: block;
  width: 100%;
  padding: 0;
}
.l-header__sub-menu .navigation_item .ac-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-header__sub-menu .navigation_item .ac {
  position: relative;
}
.l-header__sub-menu .navigation_item .ac__ttl, .l-header__sub-menu .navigation_item .ac__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 17px 0 9px;
  color: #8D9D9F;
  font-size: 11px;
}
.l-header__sub-menu .navigation_item .ac__ttl .icon,
.l-header__sub-menu .navigation_item .ac__ttl .icon-wrap + span, .l-header__sub-menu .navigation_item .ac__item .icon,
.l-header__sub-menu .navigation_item .ac__item .icon-wrap + span {
  display: block;
}
.l-header__sub-menu .navigation_item .ac__ttl .icon-wrap + span, .l-header__sub-menu .navigation_item .ac__item .icon-wrap + span {
  margin-top: 2px;
  line-height: 1.5;
}
.l-header__sub-menu .navigation_item .ac__ttl .icon-wrap, .l-header__sub-menu .navigation_item .ac__item .icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 28px;
}
.l-header__sub-menu .navigation_item .ac__ttl .icon-wrap .icon_man, .l-header__sub-menu .navigation_item .ac__item .icon-wrap .icon_man {
  font-size: 21px;
}
.l-header__sub-menu .navigation_item .ac__detail {
  right: 0;
  background-color: #fff;
}
.l-header__sub-menu .navigation_item .ac__detail.text {
  padding: 24px;
}
.l-header__sub-menu .navigation_item .ac .ico--accountLine {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 26px;
          flex: 0 0 26px;
  width: 26px;
  height: 26px;
  background-color: #fff;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26.126" height="26.126" viewBox="0 0 26.126 26.126"><path id="Icon_account-line" d="M15.313,2.25A13.063,13.063,0,1,1,2.25,15.313,13.078,13.078,0,0,1,15.313,2.25Zm0,24.626A11.563,11.563,0,1,0,3.75,15.313,11.576,11.576,0,0,0,15.313,26.876Zm0-20.932a4.444,4.444,0,1,1-4.444,4.444A4.449,4.449,0,0,1,15.313,5.944Zm0,7.388a2.944,2.944,0,1,0-2.944-2.944A2.947,2.947,0,0,0,15.313,13.332Zm0,2.339A13.82,13.82,0,0,1,20.2,16.707c2.659,1.111,3.235,2.514,3.25,3.5l0,.233-.129.194a9.616,9.616,0,0,1-16.025,0l-.129-.194,0-.233c.015-.982.59-2.385,3.245-3.5A13.818,13.818,0,0,1,15.313,15.671Zm6.613,4.345c-.15-.678-.972-1.37-2.3-1.926a12.35,12.35,0,0,0-4.31-.919A12.35,12.35,0,0,0,11,18.091c-1.329.556-2.149,1.247-2.3,1.926a8.115,8.115,0,0,0,13.226,0Z" transform="translate(-2.25 -2.25)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26.126" height="26.126" viewBox="0 0 26.126 26.126"><path id="Icon_account-line" d="M15.313,2.25A13.063,13.063,0,1,1,2.25,15.313,13.078,13.078,0,0,1,15.313,2.25Zm0,24.626A11.563,11.563,0,1,0,3.75,15.313,11.576,11.576,0,0,0,15.313,26.876Zm0-20.932a4.444,4.444,0,1,1-4.444,4.444A4.449,4.449,0,0,1,15.313,5.944Zm0,7.388a2.944,2.944,0,1,0-2.944-2.944A2.947,2.947,0,0,0,15.313,13.332Zm0,2.339A13.82,13.82,0,0,1,20.2,16.707c2.659,1.111,3.235,2.514,3.25,3.5l0,.233-.129.194a9.616,9.616,0,0,1-16.025,0l-.129-.194,0-.233c.015-.982.59-2.385,3.245-3.5A13.818,13.818,0,0,1,15.313,15.671Zm6.613,4.345c-.15-.678-.972-1.37-2.3-1.926a12.35,12.35,0,0,0-4.31-.919A12.35,12.35,0,0,0,11,18.091c-1.329.556-2.149,1.247-2.3,1.926a8.115,8.115,0,0,0,13.226,0Z" transform="translate(-2.25 -2.25)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
}
.l-header__sub-menu .navigation_item .ac .ico--heartLine {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22px;
          flex: 0 0 22px;
  width: 24px;
  height: 22px;
  background-color: #fff;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24.166" height="21.752" viewBox="0 0 24.166 21.752"><path id="Icon_heart-line" d="M19.03,3.747a6.6,6.6,0,0,1,4.756,2.017,6.975,6.975,0,0,1,0,9.69L14.2,25.274a.75.75,0,0,1-1.073,0l-9.589-9.82a6.977,6.977,0,0,1,0-9.69,6.619,6.619,0,0,1,9.513,0l.613.628.613-.628A6.6,6.6,0,0,1,19.03,3.747ZM13.66,23.676l9.053-9.27a5.466,5.466,0,0,0,0-7.594,5.118,5.118,0,0,0-7.366,0L14.2,7.989a.75.75,0,0,1-1.073,0l-1.15-1.177a5.119,5.119,0,0,0-7.366,0,5.468,5.468,0,0,0,0,7.594Z" transform="translate(-1.578 -3.747)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24.166" height="21.752" viewBox="0 0 24.166 21.752"><path id="Icon_heart-line" d="M19.03,3.747a6.6,6.6,0,0,1,4.756,2.017,6.975,6.975,0,0,1,0,9.69L14.2,25.274a.75.75,0,0,1-1.073,0l-9.589-9.82a6.977,6.977,0,0,1,0-9.69,6.619,6.619,0,0,1,9.513,0l.613.628.613-.628A6.6,6.6,0,0,1,19.03,3.747ZM13.66,23.676l9.053-9.27a5.466,5.466,0,0,0,0-7.594,5.118,5.118,0,0,0-7.366,0L14.2,7.989a.75.75,0,0,1-1.073,0l-1.15-1.177a5.119,5.119,0,0,0-7.366,0,5.468,5.468,0,0,0,0,7.594Z" transform="translate(-1.578 -3.747)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
}
.l-header__sub-menu .navigation_item .ac .ico--bulb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23px;
          flex: 0 0 23px;
  width: 16px;
  height: 23px;
  background-color: #fff;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12.591" height="17.986" viewBox="0 0 12.591 17.986"><path id="Icon_lightbulb" d="M11.1,20.087a.9.9,0,0,0,.9.9h3.6a.9.9,0,0,0,.9-.9v-.9H11.1ZM13.8,3a6.293,6.293,0,0,0-3.6,11.457V16.49a.9.9,0,0,0,.9.9h5.4a.9.9,0,0,0,.9-.9V14.457A6.293,6.293,0,0,0,13.8,3Zm2.563,9.982-.764.54v2.068H12V13.522l-.764-.54a4.5,4.5,0,1,1,5.126,0Z" transform="translate(-7.5 -3)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12.591" height="17.986" viewBox="0 0 12.591 17.986"><path id="Icon_lightbulb" d="M11.1,20.087a.9.9,0,0,0,.9.9h3.6a.9.9,0,0,0,.9-.9v-.9H11.1ZM13.8,3a6.293,6.293,0,0,0-3.6,11.457V16.49a.9.9,0,0,0,.9.9h5.4a.9.9,0,0,0,.9-.9V14.457A6.293,6.293,0,0,0,13.8,3Zm2.563,9.982-.764.54v2.068H12V13.522l-.764-.54a4.5,4.5,0,1,1,5.126,0Z" transform="translate(-7.5 -3)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
}
.l-header__sub-menu .navigation_item .ac.menu {
  margin-left: 0;
}
.l-header__sub-menu .navigation_item .ac.menu .el_humburger {
  width: 32px;
  height: 33px;
  background-color: #fff;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33"><g id="icon_menu" transform="translate(-973 -380)"><path id="長方形_70" data-name="長方形 70" d="M3,1.5A1.5,1.5,0,0,0,1.5,3V30A1.5,1.5,0,0,0,3,31.5H29A1.5,1.5,0,0,0,30.5,30V3A1.5,1.5,0,0,0,29,1.5H3M3,0H29a3,3,0,0,1,3,3V30a3,3,0,0,1-3,3H3a3,3,0,0,1-3-3V3A3,3,0,0,1,3,0Z" transform="translate(973 380)"/><g id="Icon_feather-menu" data-name="Icon feather-menu" transform="translate(981.872 390.159)"><path id="パス_63" data-name="パス 63" d="M18.755,18.75H4.5a.75.75,0,0,1,0-1.5H18.755a.75.75,0,0,1,0,1.5Z" transform="translate(-4.5 -11.659)"/><path id="パス_64" data-name="パス 64" d="M18.755,9.75H4.5a.75.75,0,0,1,0-1.5H18.755a.75.75,0,0,1,0,1.5Z" transform="translate(-4.5 -9)"/><path id="パス_65" data-name="パス 65" d="M18.755,27.75H4.5a.75.75,0,0,1,0-1.5H18.755a.75.75,0,0,1,0,1.5Z" transform="translate(-4.5 -14.318)"/></g></g></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33"><g id="icon_menu" transform="translate(-973 -380)"><path id="長方形_70" data-name="長方形 70" d="M3,1.5A1.5,1.5,0,0,0,1.5,3V30A1.5,1.5,0,0,0,3,31.5H29A1.5,1.5,0,0,0,30.5,30V3A1.5,1.5,0,0,0,29,1.5H3M3,0H29a3,3,0,0,1,3,3V30a3,3,0,0,1-3,3H3a3,3,0,0,1-3-3V3A3,3,0,0,1,3,0Z" transform="translate(973 380)"/><g id="Icon_feather-menu" data-name="Icon feather-menu" transform="translate(981.872 390.159)"><path id="パス_63" data-name="パス 63" d="M18.755,18.75H4.5a.75.75,0,0,1,0-1.5H18.755a.75.75,0,0,1,0,1.5Z" transform="translate(-4.5 -11.659)"/><path id="パス_64" data-name="パス 64" d="M18.755,9.75H4.5a.75.75,0,0,1,0-1.5H18.755a.75.75,0,0,1,0,1.5Z" transform="translate(-4.5 -9)"/><path id="パス_65" data-name="パス 65" d="M18.755,27.75H4.5a.75.75,0,0,1,0-1.5H18.755a.75.75,0,0,1,0,1.5Z" transform="translate(-4.5 -14.318)"/></g></g></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header--under .l-header__main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  right: -83.5897435897%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 83.5897435897%;
  height: 100vh;
  padding: 40px 24px 56px 30px;
  overflow-y: scroll;
  background: #E5E3E3;
  font-size: 14px;
  font-size: 14px;
  font-weight: bold;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-header--under .l-header__main-menu.js_appear {
  z-index: 1;
  right: 0;
  opacity: 1;
}
.l-header--under .l-header__main-menu .top {
  margin-bottom: 28px;
  padding: 0 0 32px;
  border-bottom: solid 1px #585454;
}
.l-header--under .l-header__main-menu .top .logo {
  padding: 0;
}
.l-header--under .l-header__main-menu .top .logo .icon_logo {
  color: #585454;
  font-size: 38px;
}
.l-header--under .l-header__main-menu .ico {
  width: 16px;
  height: 16px;
  margin-right: 12px;
}
.l-header--under .l-header__main-menu .ico::before {
  display: block;
  width: 100%;
  height: 100%;
  background: #585454;
  content: "";
}
.l-header--under .l-header__main-menu .ico--recipe::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14.744" height="14" viewBox="0 0 14.744 14"><path id="Icon_recipe" d="M8.243,12.57l2.182-2.182L5.012,4.983a3.09,3.09,0,0,0,0,4.364Zm5.228-1.4a3.749,3.749,0,0,0,4.064-1.064c1.473-1.473,1.758-3.585.625-4.719s-3.238-.848-4.719.625a3.749,3.749,0,0,0-1.064,4.064L4.85,17.605l1.087,1.087,5.313-5.3,5.3,5.3,1.087-1.087-5.3-5.3Z" transform="translate(-4.11 -4.7)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14.744" height="14" viewBox="0 0 14.744 14"><path id="Icon_recipe" d="M8.243,12.57l2.182-2.182L5.012,4.983a3.09,3.09,0,0,0,0,4.364Zm5.228-1.4a3.749,3.749,0,0,0,4.064-1.064c1.473-1.473,1.758-3.585.625-4.719s-3.238-.848-4.719.625a3.749,3.749,0,0,0-1.064,4.064L4.85,17.605l1.087,1.087,5.313-5.3,5.3,5.3,1.087-1.087-5.3-5.3Z" transform="translate(-4.11 -4.7)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header--under .l-header__main-menu .ico--star::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.273" height="16.5" viewBox="0 0 17.273 16.5"><path id="Icon_star" d="M10.886,2.25a.75.75,0,0,1,.673.418l2.263,4.584,5.06.74A.75.75,0,0,1,19.3,9.271l-3.661,3.565.864,5.037a.75.75,0,0,1-1.088.791l-4.525-2.379L6.362,18.664a.75.75,0,0,1-1.088-.791l.864-5.037L2.477,9.271a.75.75,0,0,1,.415-1.279l5.06-.74,2.263-4.584A.75.75,0,0,1,10.886,2.25Zm6.275,7.006-3.947-.577a.75.75,0,0,1-.564-.41L10.886,4.694,9.122,8.269a.75.75,0,0,1-.564.41l-3.947.577,2.855,2.781a.75.75,0,0,1,.216.664l-.674,3.928,3.529-1.856a.75.75,0,0,1,.7,0l3.529,1.856L14.09,12.7a.75.75,0,0,1,.216-.664Z" transform="translate(-2.25 -2.25)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.273" height="16.5" viewBox="0 0 17.273 16.5"><path id="Icon_star" d="M10.886,2.25a.75.75,0,0,1,.673.418l2.263,4.584,5.06.74A.75.75,0,0,1,19.3,9.271l-3.661,3.565.864,5.037a.75.75,0,0,1-1.088.791l-4.525-2.379L6.362,18.664a.75.75,0,0,1-1.088-.791l.864-5.037L2.477,9.271a.75.75,0,0,1,.415-1.279l5.06-.74,2.263-4.584A.75.75,0,0,1,10.886,2.25Zm6.275,7.006-3.947-.577a.75.75,0,0,1-.564-.41L10.886,4.694,9.122,8.269a.75.75,0,0,1-.564.41l-3.947.577,2.855,2.781a.75.75,0,0,1,.216.664l-.674,3.928,3.529-1.856a.75.75,0,0,1,.7,0l3.529,1.856L14.09,12.7a.75.75,0,0,1,.216-.664Z" transform="translate(-2.25 -2.25)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header--under .l-header__main-menu .ico--house::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16.25" height="15" viewBox="0 0 16.25 15"><path id="Icon_house" d="M9.625,19.5v-5h3.75v5h3.812V12h2.438L11.5,4.5,3.375,12H5.813v7.5Z" transform="translate(-3.375 -4.5)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16.25" height="15" viewBox="0 0 16.25 15"><path id="Icon_house" d="M9.625,19.5v-5h3.75v5h3.812V12h2.438L11.5,4.5,3.375,12H5.813v7.5Z" transform="translate(-3.375 -4.5)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header--under .l-header__main-menu .ico--compass::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path id="Icon_compass" d="M6.816,7.378a.968.968,0,1,0,1.368,0,.967.967,0,0,0-1.368,0ZM7.5.563a7.5,7.5,0,1,0,7.5,7.5A7.5,7.5,0,0,0,7.5.563ZM11.315,5.04l-2,4.365a.966.966,0,0,1-.477.477l-4.365,2a.6.6,0,0,1-.792-.792l2-4.365a.966.966,0,0,1,.477-.477l4.365-2A.6.6,0,0,1,11.315,5.04Z" transform="translate(0 -0.563)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path id="Icon_compass" d="M6.816,7.378a.968.968,0,1,0,1.368,0,.967.967,0,0,0-1.368,0ZM7.5.563a7.5,7.5,0,1,0,7.5,7.5A7.5,7.5,0,0,0,7.5.563ZM11.315,5.04l-2,4.365a.966.966,0,0,1-.477.477l-4.365,2a.6.6,0,0,1-.792-.792l2-4.365a.966.966,0,0,1,.477-.477l4.365-2A.6.6,0,0,1,11.315,5.04Z" transform="translate(0 -0.563)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header--under .l-header__main-menu .ico--search::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14.997" height="15" viewBox="0 0 14.997 15"><path id="Icon_search" d="M14.793,12.968l-2.921-2.921a.7.7,0,0,0-.5-.205H10.9A6.09,6.09,0,1,0,9.843,10.9v.477a.7.7,0,0,0,.205.5l2.921,2.921a.7.7,0,0,0,.993,0l.829-.829a.706.706,0,0,0,0-1Zm-8.7-3.126a3.75,3.75,0,1,1,3.75-3.75A3.747,3.747,0,0,1,6.093,9.843Z" transform="translate(0)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14.997" height="15" viewBox="0 0 14.997 15"><path id="Icon_search" d="M14.793,12.968l-2.921-2.921a.7.7,0,0,0-.5-.205H10.9A6.09,6.09,0,1,0,9.843,10.9v.477a.7.7,0,0,0,.205.5l2.921,2.921a.7.7,0,0,0,.993,0l.829-.829a.706.706,0,0,0,0-1Zm-8.7-3.126a3.75,3.75,0,1,1,3.75-3.75A3.747,3.747,0,0,1,6.093,9.843Z" transform="translate(0)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header--under .l-header__main-menu .navigation_item {
  height: 50px;
  padding: 0;
}
.l-header--under .l-header__main-menu .navigation_item.is-current .ac__ttl {
  margin-left: 20px;
  padding-right: 33px;
  border-bottom: solid 1px #007BE5;
  color: #007BE5;
  font-weight: bold;
}
.l-header--under .l-header__main-menu .navigation_item.is-current .ac__ttl .icon {
  color: #007BE5;
}
.l-header--under .l-header__main-menu .icon {
  margin-right: 8px;
  color: #b0c2c4;
  font-size: 24px;
}
.l-header--under .l-header__main-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 12px 0;
  color: #585454;
}
.l-header--under .l-header__main-menu a .ico::before {
  background: #585454;
}
.l-header--under .l-header__main-menu .navigation_subContainer {
  margin-top: 40px;
  padding-top: 40px;
  border-top: solid 1px #585454;
  font-size: 12px;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__navi {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__navi li:nth-child(1) {
  grid-area: 1/1/2/2;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__navi li:nth-child(2) {
  grid-area: 2/1/3/2;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__navi li:nth-child(3) {
  grid-area: 3/1/4/2;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__navi li:nth-child(4) {
  grid-area: 1/2/2/3;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__navi li:nth-child(5) {
  grid-area: 2/2/3/3;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__navi li:nth-child(6) {
  grid-area: 3/2/4/3;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__navi li a {
  padding: 6px 0;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__navi .ico {
  width: 16px;
  height: 16px;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__navi .ico::before {
  width: 100%;
  height: 100%;
  background-color: #585454;
  content: "";
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__navi .login .ico::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path id="Icon_account" d="M11,3a8,8,0,1,0,8,8A8,8,0,0,0,11,3Zm0,2.4A2.4,2.4,0,1,1,8.6,7.8,2.4,2.4,0,0,1,11,5.4Zm0,11.36a5.76,5.76,0,0,1-4.8-2.576c.024-1.592,3.2-2.464,4.8-2.464s4.776.872,4.8,2.464A5.76,5.76,0,0,1,11,16.76Z" transform="translate(-3 -3)" /></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path id="Icon_account" d="M11,3a8,8,0,1,0,8,8A8,8,0,0,0,11,3Zm0,2.4A2.4,2.4,0,1,1,8.6,7.8,2.4,2.4,0,0,1,11,5.4Zm0,11.36a5.76,5.76,0,0,1-4.8-2.576c.024-1.592,3.2-2.464,4.8-2.464s4.776.872,4.8,2.464A5.76,5.76,0,0,1,11,16.76Z" transform="translate(-3 -3)" /></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__navi .welcome .ico {
  height: 18px;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__navi .welcome .ico::before {
  width: 13px;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12.591" height="17.986" viewBox="0 0 12.591 17.986"><path id="Icon_lightbulb" d="M11.1,20.087a.9.9,0,0,0,.9.9h3.6a.9.9,0,0,0,.9-.9v-.9H11.1ZM13.8,3a6.293,6.293,0,0,0-3.6,11.457V16.49a.9.9,0,0,0,.9.9h5.4a.9.9,0,0,0,.9-.9V14.457A6.293,6.293,0,0,0,13.8,3Zm2.563,9.982-.764.54v2.068H12V13.522l-.764-.54a4.5,4.5,0,1,1,5.126,0Z" transform="translate(-7.5 -3)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12.591" height="17.986" viewBox="0 0 12.591 17.986"><path id="Icon_lightbulb" d="M11.1,20.087a.9.9,0,0,0,.9.9h3.6a.9.9,0,0,0,.9-.9v-.9H11.1ZM13.8,3a6.293,6.293,0,0,0-3.6,11.457V16.49a.9.9,0,0,0,.9.9h5.4a.9.9,0,0,0,.9-.9V14.457A6.293,6.293,0,0,0,13.8,3Zm2.563,9.982-.764.54v2.068H12V13.522l-.764-.54a4.5,4.5,0,1,1,5.126,0Z" transform="translate(-7.5 -3)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__navi .profile .ico::before {
  width: 14px;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path id="Icon_building" d="M13.625,15H13V.75A.75.75,0,0,0,12.25,0H1.75A.75.75,0,0,0,1,.75V15H.375A.375.375,0,0,0,0,15.375V16H14v-.625A.375.375,0,0,0,13.625,15ZM4,2.375A.375.375,0,0,1,4.375,2h1.25A.375.375,0,0,1,6,2.375v1.25A.375.375,0,0,1,5.625,4H4.375A.375.375,0,0,1,4,3.625Zm0,3A.375.375,0,0,1,4.375,5h1.25A.375.375,0,0,1,6,5.375v1.25A.375.375,0,0,1,5.625,7H4.375A.375.375,0,0,1,4,6.625ZM5.625,10H4.375A.375.375,0,0,1,4,9.625V8.375A.375.375,0,0,1,4.375,8h1.25A.375.375,0,0,1,6,8.375v1.25A.375.375,0,0,1,5.625,10ZM8,15H6V12.375A.375.375,0,0,1,6.375,12h1.25A.375.375,0,0,1,8,12.375Zm2-5.375A.375.375,0,0,1,9.625,10H8.375A.375.375,0,0,1,8,9.625V8.375A.375.375,0,0,1,8.375,8h1.25A.375.375,0,0,1,10,8.375Zm0-3A.375.375,0,0,1,9.625,7H8.375A.375.375,0,0,1,8,6.625V5.375A.375.375,0,0,1,8.375,5h1.25A.375.375,0,0,1,10,5.375Zm0-3A.375.375,0,0,1,9.625,4H8.375A.375.375,0,0,1,8,3.625V2.375A.375.375,0,0,1,8.375,2h1.25A.375.375,0,0,1,10,2.375Z" /></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path id="Icon_building" d="M13.625,15H13V.75A.75.75,0,0,0,12.25,0H1.75A.75.75,0,0,0,1,.75V15H.375A.375.375,0,0,0,0,15.375V16H14v-.625A.375.375,0,0,0,13.625,15ZM4,2.375A.375.375,0,0,1,4.375,2h1.25A.375.375,0,0,1,6,2.375v1.25A.375.375,0,0,1,5.625,4H4.375A.375.375,0,0,1,4,3.625Zm0,3A.375.375,0,0,1,4.375,5h1.25A.375.375,0,0,1,6,5.375v1.25A.375.375,0,0,1,5.625,7H4.375A.375.375,0,0,1,4,6.625ZM5.625,10H4.375A.375.375,0,0,1,4,9.625V8.375A.375.375,0,0,1,4.375,8h1.25A.375.375,0,0,1,6,8.375v1.25A.375.375,0,0,1,5.625,10ZM8,15H6V12.375A.375.375,0,0,1,6.375,12h1.25A.375.375,0,0,1,8,12.375Zm2-5.375A.375.375,0,0,1,9.625,10H8.375A.375.375,0,0,1,8,9.625V8.375A.375.375,0,0,1,8.375,8h1.25A.375.375,0,0,1,10,8.375Zm0-3A.375.375,0,0,1,9.625,7H8.375A.375.375,0,0,1,8,6.625V5.375A.375.375,0,0,1,8.375,5h1.25A.375.375,0,0,1,10,5.375Zm0-3A.375.375,0,0,1,9.625,4H8.375A.375.375,0,0,1,8,3.625V2.375A.375.375,0,0,1,8.375,2h1.25A.375.375,0,0,1,10,2.375Z" /></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 38px;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__btns .c-btnLikes {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  padding: 8px 11px;
  border: solid 1px #707070;
  border-radius: 3px;
  background-color: #F2F2F2;
  color: #585454;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__btns .c-btnLikes .ico {
  width: 19px;
  height: 19px;
  margin-right: 7px;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__btns .c-btnLikes .ico::before {
  width: 100%;
  height: 100%;
  background-color: #FF9090;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18.759" height="16.755" viewBox="0 0 18.759 16.755"><path id="Icon_heart" d="M19.636,5.979a4.854,4.854,0,0,0-6.982,0l-.951.974-.951-.974a4.856,4.856,0,0,0-6.982,0,5.142,5.142,0,0,0,0,7.15l.951.974,6.982,7.15,6.982-7.15.951-.974A5.141,5.141,0,0,0,19.636,5.979Z" transform="translate(-2.323 -4.497)" /></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18.759" height="16.755" viewBox="0 0 18.759 16.755"><path id="Icon_heart" d="M19.636,5.979a4.854,4.854,0,0,0-6.982,0l-.951.974-.951-.974a4.856,4.856,0,0,0-6.982,0,5.142,5.142,0,0,0,0,7.15l.951.974,6.982,7.15,6.982-7.15.951-.974A5.141,5.141,0,0,0,19.636,5.979Z" transform="translate(-2.323 -4.497)" /></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__btns .sns {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__btns .sns li {
  width: 22px;
  height: 22px;
}
.l-header--under .l-header__main-menu .navigation_subContainer .subContainer__btns .sns li a {
  display: block;
  width: 100%;
  padding: 0;
}

.l-main-content {
  position: relative;
}

.l-footer {
  padding: 38px 0;
  background-color: #688188;
}
.l-footer__in {
  position: relative;
  width: 85%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 10px 0 10px;
}
.l-footer__menus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.l-footer__logo {
  margin-bottom: 16px;
}
.l-footer__logo .icon_logo {
  color: #fff;
  font-size: 35px;
}
.l-footer__menu li {
  font-size: 0;
}
.l-footer__menu a {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}
.l-footer__bot {
  margin-top: -30px;
}
.l-footer__bot p {
  margin-top: 12px;
  color: #fff;
  font-size: 11px;
  text-align: right;
}
.l-footer__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.l-footer__sns li {
  width: 23px;
  height: 23px;
}
.l-footer__sns li.facebook a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22.247" height="22.112" viewBox="0 0 22.247 22.112"><path id="Icon_facebook" d="M22.809,11.686A11.123,11.123,0,1,0,9.948,22.675V14.9H7.122V11.686H9.948V9.235c0-2.788,1.66-4.327,4.2-4.327a17.119,17.119,0,0,1,2.49.217V7.861h-1.4A1.608,1.608,0,0,0,13.424,9.6v2.088h3.085L16.016,14.9H13.424v7.773A11.127,11.127,0,0,0,22.809,11.686Z" transform="translate(-0.563 -0.563)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22.247" height="22.112" viewBox="0 0 22.247 22.112"><path id="Icon_facebook" d="M22.809,11.686A11.123,11.123,0,1,0,9.948,22.675V14.9H7.122V11.686H9.948V9.235c0-2.788,1.66-4.327,4.2-4.327a17.119,17.119,0,0,1,2.49.217V7.861h-1.4A1.608,1.608,0,0,0,13.424,9.6v2.088h3.085L16.016,14.9H13.424v7.773A11.127,11.127,0,0,0,22.809,11.686Z" transform="translate(-0.563 -0.563)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-footer__sns li.insta a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22.117" height="22.112" viewBox="0 0 22.117 22.112"><path id="Icon_instagram" d="M11.056,7.625a5.669,5.669,0,1,0,5.669,5.669A5.66,5.66,0,0,0,11.056,7.625Zm0,9.355a3.686,3.686,0,1,1,3.686-3.686A3.692,3.692,0,0,1,11.056,16.98Zm7.224-9.587A1.322,1.322,0,1,1,16.957,6.07,1.319,1.319,0,0,1,18.279,7.393Zm3.755,1.342A6.544,6.544,0,0,0,20.248,4.1a6.587,6.587,0,0,0-4.633-1.786c-1.826-.1-7.3-.1-9.123,0A6.578,6.578,0,0,0,1.859,4.1,6.565,6.565,0,0,0,.072,8.73c-.1,1.826-.1,7.3,0,9.123a6.544,6.544,0,0,0,1.786,4.633,6.6,6.6,0,0,0,4.633,1.786c1.826.1,7.3.1,9.123,0a6.544,6.544,0,0,0,4.633-1.786,6.587,6.587,0,0,0,1.786-4.633c.1-1.826.1-7.293,0-9.118ZM19.676,19.812a3.732,3.732,0,0,1-2.1,2.1c-1.456.577-4.909.444-6.518.444s-5.067.128-6.518-.444a3.732,3.732,0,0,1-2.1-2.1c-.577-1.456-.444-4.909-.444-6.518s-.128-5.067.444-6.518a3.732,3.732,0,0,1,2.1-2.1C5.993,4.1,9.447,4.23,11.056,4.23s5.067-.128,6.518.444a3.732,3.732,0,0,1,2.1,2.1c.577,1.456.444,4.909.444,6.518S20.253,18.361,19.676,19.812Z" transform="translate(0.005 -2.238)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22.117" height="22.112" viewBox="0 0 22.117 22.112"><path id="Icon_instagram" d="M11.056,7.625a5.669,5.669,0,1,0,5.669,5.669A5.66,5.66,0,0,0,11.056,7.625Zm0,9.355a3.686,3.686,0,1,1,3.686-3.686A3.692,3.692,0,0,1,11.056,16.98Zm7.224-9.587A1.322,1.322,0,1,1,16.957,6.07,1.319,1.319,0,0,1,18.279,7.393Zm3.755,1.342A6.544,6.544,0,0,0,20.248,4.1a6.587,6.587,0,0,0-4.633-1.786c-1.826-.1-7.3-.1-9.123,0A6.578,6.578,0,0,0,1.859,4.1,6.565,6.565,0,0,0,.072,8.73c-.1,1.826-.1,7.3,0,9.123a6.544,6.544,0,0,0,1.786,4.633,6.6,6.6,0,0,0,4.633,1.786c1.826.1,7.3.1,9.123,0a6.544,6.544,0,0,0,4.633-1.786,6.587,6.587,0,0,0,1.786-4.633c.1-1.826.1-7.293,0-9.118ZM19.676,19.812a3.732,3.732,0,0,1-2.1,2.1c-1.456.577-4.909.444-6.518.444s-5.067.128-6.518-.444a3.732,3.732,0,0,1-2.1-2.1c-.577-1.456-.444-4.909-.444-6.518s-.128-5.067.444-6.518a3.732,3.732,0,0,1,2.1-2.1C5.993,4.1,9.447,4.23,11.056,4.23s5.067-.128,6.518.444a3.732,3.732,0,0,1,2.1,2.1c.577,1.456.444,4.909.444,6.518S20.253,18.361,19.676,19.812Z" transform="translate(0.005 -2.238)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.l-footer__copy {
  margin-top: 12px;
  color: #fff;
  font-size: 10px;
  text-align: right;
}

.c-totop-wrap {
  margin-bottom: 30px;
}
.c-totop-wrap:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  font-size: 0;
  content: ".";
}
.c-totop-wrap .c-totop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 55px;
  height: 55px;
  float: right;
  border: 2px solid #969696;
  border-radius: 50%;
}
.c-totop-wrap .c-totop img {
  width: 26px;
}
.c-totop-wrap .c-totop:hover {
  background-color: #d9d9d9;
}
.c-totop-wrap .c-totop:hover img {
  opacity: 1;
}

.c-inner {
  width: 1020px;
  margin: 0 auto;
}
.c-inner--wide {
  width: 1100px;
}

a.c-button-type1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 333px;
  height: 50px;
  border: 2px solid #8f7e71;
  color: #8f7e71 !important;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 21px;
  font-weight: 700;
}
a.c-button-type1:hover {
  background-color: #e9e5e3;
}

a.c-button-type1.bd1 {
  border: 1px solid #8f7e71;
  background: #fff;
}

.c-fixed-login {
  z-index: 2;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-fixed-login .cross-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 8px;
  left: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  color: #9D9AA7;
  font-size: 8px;
  cursor: pointer;
}
.c-fixed-login .open-btn {
  display: none;
  position: absolute;
  top: 0;
  right: -30px;
  border-radius: 0 5px 5px 0;
  background: #fadc03;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.c-fixed-login .open-btn div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 97px;
  color: #000;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.c-fixed-login.scrolled {
  bottom: -250px;
}
.c-fixed-login .c-login-menu li:not(:last-child) {
  border-bottom: solid 1px #707070;
}
.c-fixed-login .c-login-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 141px;
  height: 48px;
  color: #605BDB;
  font-size: 11px;
  font-weight: bold;
}
.c-fixed-login .c-login-menu li a .icon {
  margin-right: 8px;
  opacity: 0.5;
}
.c-fixed-login__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-left: 22px;
}
.c-fixed-login__text {
  width: 243px;
  padding: 16px;
  border-right: solid 1px #707070;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
}
.c-fixed-login__text__in {
  display: block;
  margin-bottom: 8px;
}
.c-fixed-login__text .link-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 36px;
  padding: 0 16px;
  border-radius: 18px;
  background-color: #605BDB;
  color: #fff;
  font-size: 11px;
}
.c-fixed-login__text .link-btn .icon {
  margin-left: 4px;
}

.login-toggle-close {
  left: -406px;
}

.c-side-menu {
  position: fixed;
  top: 32vh;
  left: 0;
  width: 175px;
  padding-left: 16px;
  background-image: url(../img/line_fixed_login.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 6px;
}
.c-side-menu.scrolled {
  position: absolute;
  top: inherit;
  bottom: 100px;
  left: 0;
}
.c-side-menu h3 {
  margin-bottom: 10px;
}
.c-side-menu__img {
  margin-bottom: 4px;
}
.c-side-menu__text {
  position: relative;
}
.c-side-menu__text img {
  position: absolute;
  right: 20px;
  bottom: 0;
}
.c-side-menu__line-3 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  height: 56px;
  overflow: hidden;
}
.c-side-menu p {
  width: 120px;
  margin-bottom: 6px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 700;
}
.c-side-menu a {
  display: block;
}
.c-side-menu a:hover {
  opacity: 0.5;
}
.c-side-menu a img:hover {
  opacity: 1;
}
.c-side-menu .c-button-type1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 87%;
  height: 50px;
  font-size: 14px;
}

.c-menu-list {
  margin: 10px 0 0 0;
}

.c-menu-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-menu-card:hover {
  opacity: 0.7;
}
.c-menu-card .c-menu-img {
  max-width: 120px;
  margin-right: 10px;
}
.c-menu-card .c-menu-img img:hover {
  opacity: 1;
}
.c-menu-card .c-menu-detail {
  width: 60%;
}
.c-menu-card .c-menu-detail .title h4 {
  color: #250f0b;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.c-menu-card .c-menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-menu-card .c-menu-wrap .c-menu-data-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 5px;
}
.c-menu-card .c-menu-wrap .company {
  display: block;
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid #d4d4d4;
  color: #8f7e71;
  font-size: 12.5px;
}
.c-menu-card .c-menu-wrap .category {
  color: #250f0b;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  font-weight: 700;
}
.c-menu-card .c-menu-wrap .red {
  margin-left: 5px;
  color: #ff0000;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.c-menu-card .c-menu-l-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 80%;
  font-size: 11px;
}
.c-menu-card .c-menu-l-wrap .date {
  display: inline-block;
  color: #636262;
}
.c-menu-card .logo {
  max-width: 100%;
}
.c-menu-card .logo img {
  height: auto;
}
.c-menu-card .logo img:hover {
  opacity: 1;
}

.c-build-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-build-result__detail {
  position: relative;
  width: 30.4%;
  margin-bottom: 7px;
}
.c-build-result__detail--name {
  position: absolute;
  width: 100%;
  padding: 8px;
  background: rgba(0, 0, 0, 0.5);
  background-color: rgb;
  color: #fff;
}
.c-build-result__detail--name:after {
  display: none;
  position: absolute;
  top: 10px;
  right: 4px;
  width: 25px;
  height: 25px;
  background: url(../img/icon_p2.png);
  background-size: cover;
  content: "";
}
.c-build-result__detail--name.no-icon:after {
  display: none;
  position: absolute;
  top: 10px;
  right: 4px;
  width: 25px;
  height: 25px;
  background: none;
  background-size: cover;
  content: "";
}
.c-build-result__detail--img a {
  display: block;
}
.c-build-result__detail__icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 0;
}
.c-build-result__detail__icon {
  display: inline-block;
  line-height: 0;
}
.c-build-result__detail__icon--callout {
  display: inline-block;
}
.c-build-result__detail__icon--callout img {
  display: inline-block;
  width: 25px;
}
.c-build-result__detail__icon--callout span {
  display: inline-block;
  position: relative;
  max-width: 100%;
  margin-left: 3px;
  padding: 6px 15px;
  border-radius: 4px;
  background: #d2cbc7;
  color: #250f0b;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 15px;
  vertical-align: bottom;
}
.c-build-result__detail__icon--callout span:before {
  position: absolute;
  top: 3px;
  left: -12px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  border: 7px solid transparent;
  border-top: 12px solid #d2cbc7;
  content: "";
}
.c-build-result__detail__icon--allow {
  display: inline-block;
}
.c-build-result__detail__icon--allow img {
  display: inline-block;
  width: 30px;
}
.c-build-result__detail__icon--allow span {
  display: inline-block;
  position: relative;
  margin-left: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  vertical-align: super;
}
.c-build-result__detail__icon--allow span:before {
  position: absolute;
  top: -7px;
  left: -12px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  border: 5px solid transparent;
  border-top: 10px solid #000;
  content: "";
}
.c-build-result__detail__text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  position: relative;
  height: 80px;
  margin-bottom: 10px;
  padding: 10px;
  overflow: hidden;
  background-color: #e9e5e3;
  font-size: 13px;
  letter-spacing: -0.6px;
  line-height: 1.6;
  text-align: justify;
}
.c-build-result__detail__text:before {
  display: block;
  position: absolute;
  width: 27px;
  height: 27px;
  margin: -4px 0 0 -4px;
  background: url(../img/build-icon05.png);
  background-size: 100%;
  content: "";
}
.c-build-result__detail__text p {
  margin-left: 30px;
}
.c-build-result__address {
  font-size: 13px;
}
.c-build-result__address li {
  white-space: normal;
}
.c-build-result__address--tel {
  display: inline-block;
  margin-right: 10px;
}
.c-build-result__address--fax {
  display: inline-block;
}
.c-build-result__btn {
  margin: 50px auto 60px;
}
.c-build-result__title {
  width: 100%;
  margin-bottom: 30px;
  margin-left: 10px;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.c-common-btn {
  display: inline-block;
  width: 100%;
  margin: 30px 0 0px 0px;
  text-align: center;
}
.c-common-btn .submit-btn {
  padding: 10px 35px;
  background: #333333;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.c-category-select {
  display: none;
  z-index: 10;
  top: 90px;
  right: 90px;
}
.c-category-select:before {
  width: 1px;
  height: 10px;
  content: "";
}
.c-category-select__all {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  left: 185px;
  margin-right: 20px;
  float: right;
  color: #fff !important;
}
.c-category-select__all .txt {
  position: relative;
}
.c-category-select__all .txt:after {
  position: absolute;
  top: 4px;
  left: 160px;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  content: "";
}
.c-category-select__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 100px;
  left: 90px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 1100px;
  margin: 0 auto;
  padding: 23px 50px 50px 90px;
  border: 1px solid #d0c2b7;
  background: #fff;
}
.c-category-select__list > ul > li {
  display: inline-block;
  width: 90%;
}
.c-category-select__box {
  width: 48%;
}
.c-category-select .right {
  width: 45%;
}
.c-category-select__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.c-category-select__item {
  position: relative;
  margin-bottom: 23px;
}
.c-category-select__image {
  position: absolute;
  top: -4px;
  left: -44px;
}
.c-category-select__image img {
  width: 36px;
  height: 36px;
}
.c-category-select__content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 15px;
}
.c-category-select__content ul li {
  display: inline;
}
.c-category-select__content ul li span {
  position: relative;
  margin-right: 35px;
  font-size: 14px;
}
.c-category-select__content ul li span:before {
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: 4px;
  left: -14px;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  border-top: 2px solid #c7beb8;
  border-right: 2px solid #c7beb8;
  content: "";
}

.c-category-pc .c-category-select__title {
  color: #875a38;
}

.c-pagenation ul {
  margin: 0 0 100px;
  padding: 12px 0;
  text-align: center;
}
.c-pagenation ul li {
  display: inline;
  margin: 0 1px;
  padding: 0;
}
.c-pagenation ul li:first-child a {
  position: relative;
  padding: 1px 8px 0 16px;
}
.c-pagenation ul li:first-child a:before {
  position: absolute;
  top: 50%;
  left: 7%;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border: 0px;
  border-top: solid 2px #9a8b7f;
  border-right: solid 2px #9a8b7f;
  content: "";
}
.c-pagenation ul li:last-child a {
  position: relative;
  padding: 1px 16px 0 8px;
}
.c-pagenation ul li:last-child a:after {
  position: absolute;
  top: 50%;
  right: 7%;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 0px;
  border-top: solid 2px #9a8b7f;
  border-right: solid 2px #9a8b7f;
  content: "";
}
.c-pagenation ul li a {
  display: inline-block;
  padding: 1px 5px;
  border: 1px solid #ccc;
  background: #fff;
  text-decoration: none;
  vertical-align: middle;
}
.c-pagenation ul li .one {
  background: #9a8b7f;
  color: #fff;
}

.word-box button {
  background-image: url(/assets/img/icon_search_white.png);
}

.quiz-keyvisu-inner {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}

.c-key-visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  max-width: 1280px;
  height: 100%;
  margin: 0 auto 45px;
  overflow: hidden;
  overflow: inherit;
}
.c-key-visual__img {
  width: auto;
  height: 250px;
}
.c-key-visual__breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: -20px;
  font-size: 12px;
}
.c-key-visual__breadcrumbs a {
  position: relative;
  margin-left: 25px;
}
.c-key-visual__breadcrumbs a:nth-of-type(n+2) {
  color: #888888;
}
.c-key-visual__breadcrumbs a:not(:last-of-type):after {
  display: block;
  position: absolute;
  top: 7px;
  right: -13px;
  width: 4px;
  height: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  content: "";
}
.c-key-visual__breadcrumbs a:hover {
  opacity: 0.5;
}
.c-key-visual__prev {
  z-index: 15;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 195px;
  padding-bottom: 7px;
  border-bottom: 1px solid #666666;
  font-size: 16px;
  cursor: pointer;
}
.c-key-visual__prev:hover {
  opacity: 0.5;
}
.c-key-visual__prev a {
  margin-left: 25px;
}
.c-key-visual__bg-box {
  position: absolute;
}
.c-key-visual__bg {
  position: relative;
  left: 10px;
}
.c-key-visual__sub-ttl {
  position: absolute;
  top: 89px;
  left: -180px;
  font-size: 24px;
}
.c-key-visual__ttl {
  position: absolute;
  top: 120px;
  left: -140px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 36px;
  font-weight: 700;
}

.c-single-nav {
  position: absolute;
  top: 140px;
  right: 110px;
  width: calc(100% - 335px);
  max-width: 990px;
}
.c-single-nav .inner {
  width: initial;
  max-width: 1100px;
}
.c-single-nav:before {
  display: block;
  content: "";
}
.c-single-nav__title {
  display: block;
  border-bottom: 1px solid #cccccc;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-weight: 700;
}
.c-single-nav__title span {
  font-size: 12px;
  font-weight: normal;
}
.c-single-nav__sub-ttl {
  font-size: 12px;
}
.c-single-nav__back {
  display: inline-block;
  position: relative;
  margin-left: 15px;
  color: #cacaca;
  font-size: 12px;
}
.c-single-nav__back:before {
  position: absolute;
  top: 6px;
  left: -10px;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  content: "";
}
.c-single-nav__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-single-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-single-nav__list li {
  max-width: 200px;
  margin-left: 20px;
  font-size: 11px;
}
.c-single-nav__list li a {
  position: relative;
  margin-left: 25px;
  color: #000000;
}
.c-single-nav__list li a:nth-of-type(n+2) {
  color: #888888;
}
.c-single-nav__list li a:after {
  display: block;
  position: absolute;
  top: 4px;
  right: -13px;
  width: 4px;
  height: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  content: "";
}
.c-single-nav__list li:last-child a {
  color: #888888;
}
.c-single-nav__list li:last-child a:after {
  content: none;
}

.c-ranking span {
  position: absolute;
  top: -25px;
  left: 50px;
  color: #fff;
}
.c-ranking .quiz_bg {
  width: auto;
  height: 250px;
}
.c-ranking .category {
  position: initial;
  color: #000000;
  font-weight: 300;
}
.c-ranking .slick-list {
  overflow: inherit;
}
.c-ranking .slick-dots {
  position: absolute;
  bottom: 13px;
  left: 70px;
  margin-top: 2px;
  text-align: center !important;
}
.c-ranking .slick-dots li {
  display: inline-block;
  margin-left: 12px;
}
.c-ranking .slick-dots li button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  border-radius: 50%;
  outline: none;
  background-color: #d0d0d0;
  text-indent: -9999px;
  cursor: pointer;
}
.c-ranking .slick-dots li button:focus {
  border-color: #d0d0d0;
  outline: 0;
}
.c-ranking .slick-dots li.slick-active button {
  background-color: #7971b4;
}
.c-ranking .slick-prev {
  display: none !important;
}
.c-ranking .slick-next {
  display: none !important;
}
.c-ranking .slick-slide {
  width: 283px;
}
.c-ranking .ranking-slider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  position: absolute;
  top: 0;
  right: -10px;
  width: 218px;
  overflow: hidden;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.c-ranking .c-attention-ranking {
  width: 218px;
  height: 250px;
  padding: 27px 5px 5px 5px;
  overflow: hidden;
  background: #520808;
}
.c-ranking .c-attention-ranking__maintitle {
  position: absolute;
  top: -23px;
  left: 48px;
  color: #fff;
  font-size: 16px;
}
.c-ranking .c-attention-ranking__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-ranking .c-attention-ranking__content:hover {
  background: #fff;
  opacity: 1;
}
.c-ranking .c-attention-ranking__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: none;
  height: 136px;
  margin-right: 0;
  overflow: hidden;
}
.c-ranking .c-attention-ranking__image img {
  width: 209px;
  height: auto;
}
.c-ranking .c-attention-ranking__image img:hover {
  opacity: 0.7;
}
.c-ranking .c-attention-ranking__ribbon-logo {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 12px;
  max-width: 35px;
}
.c-ranking .c-attention-ranking__ribbon-logo .ribbon-logo-ranking {
  position: relative;
}
.c-ranking .c-attention-ranking__ribbon-logo .ribbon-logo-ranking span {
  position: absolute;
  top: 0;
  right: 21px;
  color: #fff;
  font-size: 20px;
  letter-spacing: -4px;
}
.c-ranking .c-attention-ranking__ribbon-logo .ribbon-logo-ranking .small {
  top: 9px;
  right: -9px;
  font-size: 10px;
}
.c-ranking .c-attention-ranking__title {
  position: relative;
  width: 100%;
  padding: 1px 5px 13px;

  background: #ece6e3;
}
.c-ranking .c-attention-ranking__title .title h4 {
  font-size: 12px;
}
.c-ranking .c-attention-ranking__title ul {
  position: absolute;
  right: 80px;
  bottom: -7px;
}
.c-ranking .c-attention-ranking__title ul li span:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #b4b1ae;
  content: "";
}
.c-ranking .c-attention-ranking__title ul .first span:after {
  right: 0;
}
.c-ranking .c-attention-ranking__title ul .second span:after {
  right: 20px;
}
.c-ranking .c-attention-ranking__title ul .third span:after {
  right: 40px;
  background: #9e97e3;
}
.c-ranking .c-attention-ranking__title .category {
  position: initial;
  top: auto;
  left: 5px;
}

.contact .cont-box {
  padding-top: 125px;
}
.contact .txt_margin--bold {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}

.c-modal {
  display: none;
  z-index: 1000000;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.c-modal.is-shown {
  display: block;
}
.c-modal__bg {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
}
.c-modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 99;
  position: absolute;
  top: 50vh;
  left: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40vw;
  padding: 25px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
}
.c-modal__content .circle-mark {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border: solid 20px #8f7e71;
  border-radius: 50%;
  line-height: 80px;
  text-align: center;
}
.c-modal__content .answer {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #8f7e71;
  color: #8f7e71;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}
.c-modal__content .point-get {
  font-size: 18px;
}
.c-modal__content .txt {
  margin-bottom: 30px;
  text-align: center;
}
.c-modal__content .cross-mark {
  margin-bottom: 10px;
}
.c-modal__content .cross-mark img {
  width: 108px;
  height: 108px;
}
.c-modal__content .cross-mark-mini {
  position: absolute;
  top: 20px;
  right: 20px;
}
.c-modal__content .cross-mark-mini img {
  width: 30px;
  height: 30px;
}
.c-modal__content .about-item {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: left;
}
.c-modal__content .about-opinion {
  margin-bottom: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.c-modal__content .about-item-list {
  margin: 10px 0 20px 50px;
}
.c-modal__content .about-item-list > li input {
  margin-right: 5px;
}
.c-modal .correct-content {
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}
.c-modal .correct-content textarea {
  border: 1px solid gray;
}

.ans-modal .c-modal__bg {
  top: -40px;
}

.sk-folding-cube {
  top: 50%;
}

.c-pagination {
  margin-bottom: 70px;
  padding-bottom: 30px;
}
.c-pagination__navi {
  margin: 0 0 34px;
  font-family: "Shippori Mincho", serif;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
.c-pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
}
.c-pagination__list .current {
  margin: 0 5px;
  line-height: 33px;
}
.c-pagination__list li {
  margin: 0;
}
.c-pagination__list li a {
  margin: 0 5px;
  padding: 5px 10px;
  border: 1px solid #bababa;
  color: #333;
  font-size: 16px;
  text-decoration: none;
}
.c-pagination--catalog .c-pagination__list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-pagination--catalog .c-pagination__list li {
  min-width: 36px;
  margin: 0 4px;
  font-family: "Shippori Mincho", serif;
  font-size: 14px;
  font-weight: 600;
}
.c-pagination--catalog .c-pagination__list li a {
  display: block;
  min-width: 36px;
  height: 36px;
  margin: 0;
  border: none;
  background-color: #DCE7E8;
  color: #007BE5;
}
.c-pagination--catalog .c-pagination__list li.current {
  background-color: #007BE5;
  color: #fff;
}
.c-pagination--catalog .c-pagination__list li.current span {
  display: block;
  width: 36px;
  height: 36px;
}
.c-pagination--catalog .c-pagination__list li.prev {
  margin-right: 96px;
}
.c-pagination--catalog .c-pagination__list li.next {
  margin-left: 96px;
}
.c-pagination--catalog .c-pagination__list li.prev a, .c-pagination--catalog .c-pagination__list li.next a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.c-pagination--catalog .c-pagination__list li.prev a::before {
  display: inline;
  margin-right: 4px;
  font-size: 14px;
  content: "\2190";
}
.c-pagination--catalog .c-pagination__list li.next a::after {
  display: inline;
  margin-left: 4px;
  font-size: 14px;
  content: "\2192";
}

.c-breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1180px;
  max-width: 1440px;
  margin: 20px auto;
  padding: 0 80px;
  color: #8D9D9F;
  font-family: "Shippori Mincho", serif;
  font-size: 12px;
  font-weight: 600;
}
.c-breadcrumbs li {
  margin: 0 10px 0 0;
}
.c-breadcrumbs li:not(:first-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-breadcrumbs li:not(:first-child)::before {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 10px 0 0;
  background: url(../img/icon_arrow-right.svg) no-repeat center/cover;
  content: "";
}
.c-breadcrumbs a {
  position: relative;
  color: #8D9D9F;
}
.c-breadcrumbs a:first-child {
  margin-left: 0;
}

.c-rect-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 15px;
}
.c-rect-ttl::before {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8px;
          flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin: calc((1.5em - 8px) / 2) 8px 6px 0;
  background-color: #007BE5;
  content: "";
}

.c-wrap {
  min-width: 1180px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 80px;
}

.c-search-box {
  position: relative;
  width: 320px;
}
.c-search-box .icon {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #b0c2c4;
  font-size: 24px;
}
.c-search-box input {
  width: 100%;
  height: 44px;
  padding: 10px 10px 10px 40px;
  border: none;
  border-radius: 4px;
  outline: none;
  background-color: #F3F2F5;
  font-size: 16px;
  letter-spacing: 0.04em;
}
.c-search-box input::-webkit-input-placeholder {
  color: #b0c2c4;
}
.c-search-box input:-ms-input-placeholder {
  color: #b0c2c4;
}
.c-search-box input::-ms-input-placeholder {
  color: #b0c2c4;
}
.c-search-box input::placeholder {
  color: #b0c2c4;
}

a.c-contact-btn {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 400px;
  height: 72px;
  background-color: #007BE5;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
a.c-contact-btn::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 24px;
  width: 28px;
  height: 28px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/icon_mail.svg) no-repeat center/cover;
  content: "";
}

.c-btn, .c-btn-favorite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 56px;
  padding: 8px 24px;
  background-color: #007BE5;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.c-btn::after, .c-btn-favorite::after {
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 12px;
  background: url(../img/icon_arrow-right-l.svg) no-repeat center/cover;
  content: "";
}
.c-btn__text {
  display: block;
  width: 100%;
  color: #fff;
}

.c-btn-favorite::after {
  display: none;
}
.c-btn-favorite .icon {
  margin-right: 8px;
  font-size: 18px;
}
.c-btn-favorite--off {
  border: solid 1px #8D9D9F;
  background-color: transparent;
  color: #8D9D9F;
}
.c-btn-favorite--off .c-btn-favorite__text {
  color: #8D9D9F;
}
.c-btn-favorite--off .icon {
  color: #8D9D9F;
}
.c-btn-favorite--on {
  background-color: #F54A78;
  color: #fff;
}
.c-btn-favorite--on .c-btn-favorite__text {
  color: #fff;
}
.c-btn-favorite--on .icon {
  color: #fff;
}

.c-result-info {
  margin-top: 35px;
  font-family: "Shippori Mincho", serif;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}

.c-btnLikes {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  padding: 8px 11px;
  border: solid 1px #707070;
  border-radius: 3px;
  background-color: #F2F2F2;
  color: #585454;
  font-size: 12px;
  font-weight: bold;
}
.c-btnLikes .ico {
  width: 19px;
  height: 19px;
  margin-right: 7px;
}
.c-btnLikes .ico::before {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #FF9090;
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18.759" height="16.755" viewBox="0 0 18.759 16.755"><path id="Icon_heart" d="M19.636,5.979a4.854,4.854,0,0,0-6.982,0l-.951.974-.951-.974a4.856,4.856,0,0,0-6.982,0,5.142,5.142,0,0,0,0,7.15l.951.974,6.982,7.15,6.982-7.15.951-.974A5.141,5.141,0,0,0,19.636,5.979Z" transform="translate(-2.323 -4.497)" /></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18.759" height="16.755" viewBox="0 0 18.759 16.755"><path id="Icon_heart" d="M19.636,5.979a4.854,4.854,0,0,0-6.982,0l-.951.974-.951-.974a4.856,4.856,0,0,0-6.982,0,5.142,5.142,0,0,0,0,7.15l.951.974,6.982,7.15,6.982-7.15.951-.974A5.141,5.141,0,0,0,19.636,5.979Z" transform="translate(-2.323 -4.497)" /></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-btnLikeNum {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 63px;
          flex: 1 0 63px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  min-width: 63px;
  height: 29px;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #F2F2F2;
  color: #585454;
  font-size: 9px;
  font-weight: bold;
  white-space: nowrap;
}
.c-btnLikeNum::before {
  display: block;
  width: 20px;
  height: 18px;
  margin-right: 6px;
  background-color: #585454;
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24.166" height="21.752" viewBox="0 0 24.166 21.752"><path id="Icon_heart-line" d="M19.03,3.747a6.6,6.6,0,0,1,4.756,2.017,6.975,6.975,0,0,1,0,9.69L14.2,25.274a.75.75,0,0,1-1.073,0l-9.589-9.82a6.977,6.977,0,0,1,0-9.69,6.619,6.619,0,0,1,9.513,0l.613.628.613-.628A6.6,6.6,0,0,1,19.03,3.747ZM13.66,23.676l9.053-9.27a5.466,5.466,0,0,0,0-7.594,5.118,5.118,0,0,0-7.366,0L14.2,7.989a.75.75,0,0,1-1.073,0l-1.15-1.177a5.119,5.119,0,0,0-7.366,0,5.468,5.468,0,0,0,0,7.594Z" transform="translate(-1.578 -3.747)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24.166" height="21.752" viewBox="0 0 24.166 21.752"><path id="Icon_heart-line" d="M19.03,3.747a6.6,6.6,0,0,1,4.756,2.017,6.975,6.975,0,0,1,0,9.69L14.2,25.274a.75.75,0,0,1-1.073,0l-9.589-9.82a6.977,6.977,0,0,1,0-9.69,6.619,6.619,0,0,1,9.513,0l.613.628.613-.628A6.6,6.6,0,0,1,19.03,3.747ZM13.66,23.676l9.053-9.27a5.466,5.466,0,0,0,0-7.594,5.118,5.118,0,0,0-7.366,0L14.2,7.989a.75.75,0,0,1-1.073,0l-1.15-1.177a5.119,5.119,0,0,0-7.366,0,5.468,5.468,0,0,0,0,7.594Z" transform="translate(-1.578 -3.747)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}

.c-btnShare {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 63px;
          flex: 1 0 63px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  min-width: 63px;
  height: 29px;
  padding: 7px;
  border-radius: 3px;
  background-color: #F2F2F2;
  color: #585454;
  font-size: 9px;
  font-weight: bold;
  white-space: nowrap;
}
.c-btnShare::before {
  display: block;
  width: 17px;
  height: 14px;
  margin-right: 3px;
  background-color: #688188;
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.025" height="14.187" viewBox="0 0 17.025 14.187"><path id="Icon_ionic-md-share-alt" data-name="Icon ionic-md-share-alt" d="M21.525,13.489,14.431,6.75v3.783c-6.621.946-8.985,5.675-9.931,10.4,2.365-3.31,5.2-4.824,9.931-4.824v3.878Z" transform="translate(-4.5 -6.75)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.025" height="14.187" viewBox="0 0 17.025 14.187"><path id="Icon_ionic-md-share-alt" data-name="Icon ionic-md-share-alt" d="M21.525,13.489,14.431,6.75v3.783c-6.621.946-8.985,5.675-9.931,10.4,2.365-3.31,5.2-4.824,9.931-4.824v3.878Z" transform="translate(-4.5 -6.75)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
}

.c-sort-list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 152px;
  height: 53px;
  overflow: hidden;
  background: #fff;
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
}
.c-sort-list:hover {
  z-index: 100;
  height: auto;
}
.c-sort-list:hover .c-sort-btn {
  display: block;
}
.c-sort-list .c-sort-btn {
  display: none;
  position: relative;
  border-top: 1px solid #E5F1FD;
  border-right: 1px solid #007BE5;
  border-left: 1px solid #007BE5;
  font-size: 14px;
}
.c-sort-list .c-sort-btn:first-child {
  margin-bottom: 4px;
  border-top: 1px solid #007BE5;
  border-bottom: 1px solid #007BE5;
}
.c-sort-list .c-sort-btn:nth-of-type(2) {
  border-top: 1px solid #007BE5;
}
.c-sort-list .c-sort-btn:last-child {
  border-bottom: 1px solid #007BE5;
}
.c-sort-list .c-sort-btn.is-active {
  display: block;
}
.c-sort-list .c-sort-btn.is-active::before, .c-sort-list .c-sort-btn.is-active::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  top: 50%;
  width: 1px;
  height: 9px;
  margin: 0;
  padding: 0;
  border-left: 1px solid #007BE5;
  line-height: 1;
  content: "";
}
.c-sort-list .c-sort-btn.is-active::before {
  right: 17.5px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.c-sort-list .c-sort-btn.is-active::after {
  right: 23px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
.c-sort-list .c-sort-btn a {
  display: block;
  padding: 15px 16px;
  color: #007BE5;
  line-height: 1;
}

.c-item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-bottom: 26px;
  border-bottom: 1px solid #b0c2c4;
}

.c-item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  width: calc(20% - 30.4px);
  max-width: 225px;
  margin-bottom: 48px;
  margin-left: 38px;
}
.c-item:nth-of-type(5n+1) {
  margin-left: 0;
}
.c-item__txtwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-item__ttlwrap {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 8px 0 8px;
}
.c-item__ttl {
  font-family: "Shippori Mincho", serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.c-item__ttl a {
  word-wrap: break-word;
  display: block;
  width: 100%;
  white-space: pre-wrap;
  word-break: break-all;
}
.c-item__ttl a:before {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}
.c-item__brand {
  color: #8D9D9F;
  font-family: "Shippori Mincho", serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.c-item__price {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin: 0 0 8px;
  color: #566264;
  font-family: "Shippori Mincho", serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.c-item__reviewwrap {
  position: relative;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  color: #DEB400;
  font-weight: bold;
}
.c-item__reviewwrap .c-star {
  max-width: 150px;
  margin-bottom: 6px;
}
.c-item__reviewwrap .c-star__num {
  font-size: 20px;
}
.c-item__reviewwrap .c-star__num::before {
  margin-right: 5px;
}
.c-item__reviewwrap .c-star__num::after {
  width: 120px;
  height: 16px;
  background-size: contain;
}
.c-item__reviewwrap .review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #007BE5;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: inherit;
  word-break: keep-all;
}
.c-item__reviewwrap .review::before {
  display: inline-block;
  width: 24px;
  height: 21px;
  margin-right: 4px;
  background: url(/assets/img/catalog/icon_baloon.svg) no-repeat center;
  content: "";
}
.c-item__img {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index: -1;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 225px;
  border: 1px solid #E1DFE7;
}
.c-item__img img {
  height: 225px;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
}
.c-item__favbtn {
  display: block;
  z-index: 2;
  position: absolute;
  top: calc(225px - 44px);
  right: 8px;
  width: 36px;
  height: 36px;
  background: url(/assets/img/catalog/icon_fav.svg) no-repeat center;
}
.c-item__favbtn.is-active {
  border-radius: 100px;
  background: url(/assets/img/catalog/icon_faved.svg) no-repeat center;
  background-size: cover;
  -webkit-animation: favorite;
          animation: favorite;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
@-webkit-keyframes favorite {
  0% {
    -webkit-transform: scale(120%);
            transform: scale(120%);
  }
  100% {
    -webkit-transform: scale(100%);
            transform: scale(100%);
  }
}
@keyframes favorite {
  0% {
    -webkit-transform: scale(120%);
            transform: scale(120%);
  }
  100% {
    -webkit-transform: scale(100%);
            transform: scale(100%);
  }
}
.c-item:hover .c-item__img img,
.c-item:hover .c-item__icon img,
.c-item:hover .c-item__ttlwrap,
.c-item:hover .c-item__reviewwrap {
  opacity: 0.6;
}
.c-item--new {
  overflow: hidden;
}
.c-item--new::before {
  z-index: 1;
  position: absolute;
  top: -10px;
  left: -25px;
  padding: 20px 20px 5px 20px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: #f54a78;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  content: "New";
}

.c-star__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #DEB400;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
.c-star__num::before {
  display: block;
  margin-right: 8px;
}
.c-star__num::after {
  display: block;
  width: 204px;
  height: 24px;
  content: "";
}
.c-star__num--1::before {
  content: "1";
}
.c-star__num--1::after {
  background: url(../img/star1.svg) no-repeat center/cover;
}
.c-star__num--1-5::before {
  content: "1.5";
}
.c-star__num--1-5::after {
  background: url(../img/star1-5.svg) no-repeat center/cover;
}
.c-star__num--2::before {
  content: "2";
}
.c-star__num--2::after {
  background: url(../img/star2.svg) no-repeat center/cover;
}
.c-star__num--2-5::before {
  content: "2.5";
}
.c-star__num--2-5::after {
  background: url(../img/star2-5.svg) no-repeat center/cover;
}
.c-star__num--3::before {
  content: "3";
}
.c-star__num--3::after {
  background: url(../img/star3.svg) no-repeat center/cover;
}
.c-star__num--3-5::before {
  content: "3.5";
}
.c-star__num--3-5::after {
  background: url(../img/star3-5.svg) no-repeat center/cover;
}
.c-star__num--4::before {
  content: "4";
}
.c-star__num--4::after {
  background: url(../img/star4.svg) no-repeat center/cover;
}
.c-star__num--4-5::before {
  content: "4.5";
}
.c-star__num--4-5::after {
  background: url(../img/star4-5.svg) no-repeat center/cover;
}
.c-star__num--5::before {
  content: "5";
}
.c-star__num--5::after {
  background: url(../img/star5.svg) no-repeat center/cover;
}
.c-star__num--5-5::before {
  content: "5.5";
}
.c-star__num--5-5::after {
  background: url(../img/star5-5.svg) no-repeat center/cover;
}
.c-star__num--6::before {
  content: "6";
}
.c-star__num--6::after {
  background: url(../img/star6.svg) no-repeat center/cover;
}
.c-star__num--6-5::before {
  content: "6.5";
}
.c-star__num--6-5::after {
  background: url(../img/star6-5.svg) no-repeat center/cover;
}
.c-star__num--7::before {
  content: "7";
}
.c-star__num--7::after {
  background: url(../img/star7.svg) no-repeat center/cover;
}

.c-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-tabs .c-tab {
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.c-tabs .c-tab div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}

.c-tabContent {
  display: none;
}
.c-tabContent.is-active {
  display: block;
}

.page-index {
  color: #585454;
}
.page-index .index-siteCatch {
  color: #688188;
  font-size: 13px;
  font-weight: bold;
}
.page-index .index-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.page-index .index-slide .pc-on {
  display: block;
}
.page-index .index-slide .sp-on {
  display: none;
}
.page-index .index-slide .key-slide {
  width: 100%;
}
.page-index .index-slide .key-slide .slick-list {
  overflow: inherit;
}
.page-index .index-slide .key-slide .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
.page-index .index-slide .key-slide .slick-dots li {
  display: block;
}
.page-index .index-slide .key-slide .slick-dots li button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  border-radius: 50%;
  outline: none;
  background-color: #fff;
  text-indent: -9999px;
  cursor: pointer;
}
.page-index .index-slide .key-slide .slick-dots li button:focus {
  border-color: #d0d0d0;
  outline: 0;
}
.page-index .index-slide .key-slide .slick-dots li.slick-active button {
  background-color: #688188;
}
.page-index .index-slide .key-slide li {
  position: relative;
}
.page-index .index-slide .key-slide li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-index .index-slide .key-slide li a {
  display: block;
}
.page-index .index-slide .key-slide li a > span {
  display: block;
  position: absolute;
  top: 106px;
  left: -71px;
}
.page-index .index-slide .key-slide li a:hover img {
  opacity: 1;
}
.page-index .index-tabNavigation__tabs .c-tab {
  background-color: rgba(135, 175, 172, 0.5);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.03em;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.page-index .index-tabNavigation__tabs .c-tab.is-active {
  border-top: solid 3px #688188;
  border-bottom: none;
  background-color: #fff;
  color: #688188;
}
.page-index .index-tabNavigation__contents .block {
  gap: 3.8461538462vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.8205128205vw;
  text-align: center;
}
.page-index .index-tabNavigation__contents .block .item {
  width: 26.1538461538vw;
}
.page-index .index-tabNavigation__contents .block .item dt {
  position: relative;
  margin-bottom: 28px;
  padding-bottom: 33px;
}
.page-index .index-tabNavigation__contents .block .item dt::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 17px;
  height: 12px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #585454;
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="12" viewBox="0 0 17 12"><path id="icon_arrowTriangle" d="M6.868,2.3a2,2,0,0,1,3.264,0l4.632,6.54A2,2,0,0,1,13.132,12H3.868A2,2,0,0,1,2.236,8.844Z" transform="translate(17 12) rotate(180)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="12" viewBox="0 0 17 12"><path id="icon_arrowTriangle" d="M6.868,2.3a2,2,0,0,1,3.264,0l4.632,6.54A2,2,0,0,1,13.132,12H3.868A2,2,0,0,1,2.236,8.844Z" transform="translate(17 12) rotate(180)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.page-index .index-sec {
  padding: 36px 0 40px;
}
.page-index .index-sec__ttl {
  position: relative;
  padding-bottom: 12px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.page-index .index-sec__ttl .fz-s {
  display: block;
  font-size: 10px;
}
.page-index .index-sec__ttl::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 78px;
  height: 3px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
}
.page-index .index-sec__text {
  margin-top: 24px;
  margin-bottom: 35px;
  color: #707070;
  font-size: 10px;
  letter-spacing: 0.07em;
  line-height: 1.8;
  text-align: center;
}
.page-index .index-sec__btnArea {
  margin-top: 25px;
  text-align: center;
}
.page-index .index-sec__btn {
  gap: 13px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 27px;
  padding: 0 15px 0 22px;
  border: solid 1px #707070;
  border-radius: 3px;
  background-color: #fff;
  font-size: 12px;
}
.page-index .index-sec__btn::after {
  display: block;
  width: 5px;
  height: 9px;
  background-color: #585454;
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="7.119" height="12.45" viewBox="0 0 7.119 12.45"><path id="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M16.219,12.419,11.508,7.711a.886.886,0,0,1,0-1.257.9.9,0,0,1,1.26,0l5.338,5.334a.888.888,0,0,1,.026,1.227l-5.36,5.371a.89.89,0,1,1-1.26-1.257Z" transform="translate(-11.246 -6.196)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="7.119" height="12.45" viewBox="0 0 7.119 12.45"><path id="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M16.219,12.419,11.508,7.711a.886.886,0,0,1,0-1.257.9.9,0,0,1,1.26,0l5.338,5.334a.888.888,0,0,1,.026,1.227l-5.36,5.371a.89.89,0,1,1-1.26-1.257Z" transform="translate(-11.246 -6.196)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
}
.page-index .index-sec--bg {
  background-color: #F4F4F4;
}
.page-index .index-sec--bg .index-sec__text {
  color: #585454;
}
.page-index .index-sec .article__kv {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 117px;
          flex: 0 0 117px;
  width: 117px;
  height: 83px;
}
.page-index .index-sec .article__kv img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover";
}
.page-index .index-sec .article__detail {
  gap: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-index .index-sec .article__ttl {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.page-index .index-sec .article__name {
  margin-top: 5px;
  font-size: 9px;
  letter-spacing: 0.03em;
}
.page-index .index-recipe .index-sec__ttl::after {
  background-color: #EF7C4E;
}
.page-index .index-recipe .article__kv {
  text-align: center;
}
.page-index .index-recipe .article__kv img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover";
}
.page-index .index-recipe .article__detail {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 11px;
}
.page-index .index-recipe .article__icon {
  width: 53px;
  height: 53px;
  overflow: hidden;
  border: solid 1px #fff;
  border-radius: 50%;
}
.page-index .index-recipe .article__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover";
}
.page-index .index-recipe .article__office {
  font-size: 9px;
}
.page-index .index-recipe .article__ttl {
  margin-top: 4px;
  font-size: 12px;
  font-weight: bold;
}
.page-index .index-catalog .index-sec__ttl::after {
  background-color: #DDB958;
}
.page-index .index-catalog .p-item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 80px;
}
.page-index .index-catalog .p-item-list .c-item-list {
  margin-bottom: 0;
  border: none;
}
.page-index .index-life .index-sec__ttl::after {
  background-color: #B2A596;
}
.page-index .index-architects .index-sec__ttl::after {
  background-color: #4B82C1;
}
.page-index .index-builder .index-sec__ttl::after {
  background-color: #2E811A;
}
.page-index .index-about {
  padding: 40px 0 45px;
  background-color: rgba(143, 174, 183, 0.38);
  text-align: center;
}
.page-index .index-about .icon_logo {
  margin-bottom: 19px;
  font-size: 34px;
}
.page-index .index-about__ttl {
  margin-bottom: 23px;
  font-size: 15px;
  font-weight: bold;
}
.page-index .index-about__text {
  font-size: 12px;
  line-height: 2.1666666667;
}
.page-index .index-linksArea .links {
  margin: 0 auto;
  padding: 70px 0 82px;
}
.page-index .index-linksArea .links li:not(:first-child) {
  margin-top: 12px;
}
.page-index .index-linksArea .links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 42px;
  border: solid 1.5px #688188;
  border-radius: 3px;
  color: #688188;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.03em;
  text-align: center;
}
.page-index .index-linksArea .links a::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  width: 13px;
  height: 11px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
  background-color: #688188;
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="12" viewBox="0 0 17 12"><path id="icon_arrowTriangle" d="M6.868,2.3a2,2,0,0,1,3.264,0l4.632,6.54A2,2,0,0,1,13.132,12H3.868A2,2,0,0,1,2.236,8.844Z" transform="translate(17 12) rotate(180)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="12" viewBox="0 0 17 12"><path id="icon_arrowTriangle" d="M6.868,2.3a2,2,0,0,1,3.264,0l4.632,6.54A2,2,0,0,1,13.132,12H3.868A2,2,0,0,1,2.236,8.844Z" transform="translate(17 12) rotate(180)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.page-build .c-single-nav {
  top: 0;
}
.page-build .c-key-visual {
  height: 250px;
  padding: 0;
}
.page-build .c-key-visual__sub-ttl {
  position: absolute;
  top: 112px;
  left: -187px;
}
.page-build .c-key-visual__bg {
  margin-right: 40px;
}
.page-build .c-key-visual__ttl {
  display: block;
  position: absolute;
  top: 102px;
  left: -60px;
}
.page-build .c-key-visual__breadcrumbs {
  right: 0;
  margin-right: 40px;
}
.page-build .c-key-visual__prev {
  position: absolute;
}
.page-build .c-key-visual__bg-box {
  right: 0;
}
.page-build .build-keyvisu-inner {
  display: block;
  width: 1280px;
  margin: 0 auto;
}
.page-build .index-map-section {
  position: relative;
}
.page-build .index-map-section--2 {
  margin-bottom: 90px;
}
.page-build .index-map-section .map-block {
  position: relative;
  width: 650px;
  margin: 0 auto 35px;
}
.page-build .index-map-section .map-block a:hover {
  color: #9B9AE3;
}
.page-build .index-map-section .map-block p {
  position: absolute;
  top: -7px;
  left: -263px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-build .index-map-section .map-block__img {
  width: 950px;
  text-align: center;
}
.page-build .index-map-section .map-block__img img {
  margin-top: 52px;
  margin-left: -317px;
}
.page-build .index-map-section .map-block__area__detail {
  position: absolute;
}
.page-build .index-map-section .map-block__area__detail--01 {
  top: 128px;
  right: -226px;
}
.page-build .index-map-section .map-block__area__detail--02 {
  top: 189px;
  right: 40px;
}
.page-build .index-map-section .map-block__area__detail--02 ul {
  width: 220px !important;
}
.page-build .index-map-section .map-block__area__detail--02 li {
  width: 48% !important;
}
.page-build .index-map-section .map-block__area__detail--03 {
  top: 321px;
  right: 30px;
}
.page-build .index-map-section .map-block__area__detail--03 ul {
  width: 230px !important;
}
.page-build .index-map-section .map-block__area__detail--03 li {
  width: 48% !important;
}
.page-build .index-map-section .map-block__area__detail--04 {
  top: 100px;
  left: -98px;
}
.page-build .index-map-section .map-block__area__detail--04 ul {
  width: 320px !important;
}
.page-build .index-map-section .map-block__area__detail--05 {
  z-index: 2;
  right: 275px;
  bottom: -6px;
}
.page-build .index-map-section .map-block__area__detail--05 ul {
  width: 220px !important;
}
.page-build .index-map-section .map-block__area__detail--05 li {
  width: 48% !important;
}
.page-build .index-map-section .map-block__area__detail--06 {
  z-index: 2;
  top: 220px;
  left: -98px;
}
.page-build .index-map-section .map-block__area__detail--06 ul {
  width: 260px !important;
}
.page-build .index-map-section .map-block__area__detail--06 li {
  width: 48% !important;
}
.page-build .index-map-section .map-block__area__detail--07 {
  bottom: -10px;
  left: -2px;
}
.page-build .index-map-section .map-block__area__detail--08 {
  top: 220px;
  left: -284px;
}
.page-build .index-map-section .map-block__area__detail--08 ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 270px !important;
}
.page-build .index-map-section .map-block__area__detail--08 ul li {
  width: 50% !important;
}
.page-build .index-map-section .map-block__area span {
  margin-bottom: 5px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-weight: 700;
}
.page-build .index-map-section .map-block__area--01 {
  color: #690085;
}
.page-build .index-map-section .map-block__area--02 {
  color: #0a3a97;
}
.page-build .index-map-section .map-block__area--03 {
  color: #0065b5;
}
.page-build .index-map-section .map-block__area--04 {
  color: #009e74;
}
.page-build .index-map-section .map-block__area--05 {
  color: #91c728;
}
.page-build .index-map-section .map-block__area--06 {
  color: #ec9800;
}
.page-build .index-map-section .map-block__area--07 {
  color: #e56a13;
}
.page-build .index-map-section .map-block__area--08 {
  color: #dd001d;
}
.page-build .index-map-section .map-block__area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 380px;
  margin-left: 15px;
}
.page-build .index-map-section .map-block__area ul li {
  width: 33%;
  margin-bottom: 5px;
}
.page-build .index-map-section .build-search {
  position: absolute;
  top: -80px;
  right: -260px;
  width: 288px;
  margin: 80px auto 95px;
  border: 4px solid #c3bab3;
}
.page-build .index-map-section .build-search__allow {
  text-align: center;
}
.page-build .index-map-section .build-search__allow img {
  width: 60px;
  margin: auto;
}
.page-build .index-map-section .build-search__content {
  padding: 10px 27px 25px;
  background: #eeecea;
}
.page-build .index-map-section .build-search__txt {
  padding: 7px;
  background: #8f7e71;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}
.page-build .index-map-section .build-search__input-box {
  position: relative;
}
.page-build .index-map-section .build-search__input-box:before {
  z-index: 2;
  position: absolute;
  right: 18px;
  bottom: 35px;
  width: 10px;
  height: 10px;
  margin: auto;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  border-top: 2.5px solid #7d7775;
  border-right: 2.5px solid #7d7775;
  vertical-align: middle;
  content: "";
  pointer-events: none;
}
.page-build .index-map-section .build-search__input-box select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px;
}
.page-build .index-map-section .build-search__input-box select::-ms-expand {
  display: none;
}
.page-build .index-map-section .build-search__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 15px;
  text-align: center;
}
.page-build .index-map-section .build-search__detail span {
  display: inline-block;
  margin-bottom: 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.page-build .index-map-section .build-search__detail__input {
  width: 100%;
  margin: 0 auto 20px;
  border-radius: 0px;
  background: #fff;
  color: #000000;
  font-size: 18px;
}
.page-build .index-map-section .build-search__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
}
.page-build .index-map-section .build-search__submit input {
  width: 168px;
  height: 42px;
  background-color: #333333;
  color: #fff;
  font-size: 20px;
  letter-spacing: 10px;
  cursor: pointer;
}
.page-build .build-construct-area {
  z-index: 30;
  position: relative;
  margin-bottom: 60px;
}
.page-build .build-construct-area__title {
  background: #8f7e71;
  color: #fff;
  text-align: center;
}
.page-build .build-construct-area__subtitle {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 13px;
  text-align: center;
}
.page-build .build-construct-area__select {
  padding: 10px 6px;
  background: #c7beb8;
  text-align: center;
}
.page-build .build-construct-area__back {
  position: absolute;
  top: 29px;
  left: 16px;
}
.page-build .build-construct-area__back span a {
  position: relative;
  color: #000000 !important;
  font-size: 10px;
}
.page-build .build-construct-area__back span a:before {
  position: absolute;
  top: 2px;
  left: -7px;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  border-top: 2px solid #4e4a48;
  border-right: 2px solid #4e4a48;
  content: "";
}
.page-build .build-construct-area__prefecture {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.page-build .build-construct-area__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;

      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}
.page-build .build-construct-area__box li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 23%;
  margin: 3px;
  margin-bottom: 10px;
  margin-bottom: 3px;
  padding: 26px 2px;
  padding: 10px 2px;
  padding: 25px 2px;
  border: 2px solid #8f7e71;
  background: #fff;
  font-size: 13px;
}
.page-build .build-construct-area__box li a {
  color: #8f7e71;
}
.page-build .build-construct-area__box li a span {
  font-size: 11px;
  font-weight: normal;
}
.page-build .build-construct-area .local li {
  width: 31%;
  padding: 6px 2px;
}
.page-build .build-construct-area .local li:nth-child(3n) {
  margin-right: 0;
}
.page-build .build-text-section {
  width: 100%;
  margin-bottom: 120px;
  text-align: left;
}
.page-build .build-text-section h4 {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #b79b7c;
  color: #b85f29;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}
.page-build .build-text-section h4 span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 32px;
  font-weight: 700;
}
.page-build .build-text-section h4 .evaluation {
  font-size: 24px;
}
.page-build .build-text-section ul {
  list-style-type: disc;
}
.page-build .build-text-section p {
  margin: 15px 0;
}
.page-build .build-text-section__inner {
  width: 1100px;
  padding: 30px 50px;
  border: 2px solid #a5835e;
  background-color: #e9e0d7;
}
.page-build .build-text-section__main-wrap {
  padding: 0 100px;
}
.page-build .build-text-section .conditions-list {
  margin-left: 20px;
}
.page-build .build-text-section__info {
  display: block;
  position: relative;
  margin: 0 auto;
  color: #7b401a;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 26px;
  font-weight: 700;
  text-align: center;
}
.page-build .build-text-section__info:before, .page-build .build-text-section__info:after {
  position: absolute;
  top: -2px;
  left: 0;
  width: 0;
  height: 41.95px;
  border-width: 0 0 0 2px;
  border-style: solid;
  border-color: #8f7e71;
  content: "";
}
.page-build .build-text-section__info:before {
  left: 40%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.page-build .build-text-section__info:after {
  left: 60%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.page-build .build-text-section__info--brown {
  color: #48250e !important;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-build .build-text-section__info--black {
  color: #1c1b1a !important;
}
.page-build .build-text-section p {
  color: #816754;
  font-size: 16px;
}
.page-build .build-text-section p span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-build .build-text-section__btn .c-button-type1 {
  margin: 30px auto;
  border: 2px solid #92683c;
  background-color: #92683c;
  color: #fff !important;
  font-size: 18px;
}
.page-build .w100 {
  width: 100% !important;
}
.page-build .build-select-city {
  position: relative;
}
.page-build .build-select-city__title {
  padding: 10px 20px;
  border-bottom: 1px solid #cccccc;
  background: #c7beb8;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
}
.page-build .build-select-city__back-btn {
  position: absolute;
  top: 8px;
  left: 35px;
}
.page-build .build-select-city__back {
  position: relative;
  font-size: 10px;
}
.page-build .build-select-city__back:before {
  position: absolute;
  top: 0px;
  left: -12px;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  border-top: 2px solid #8f7e71;
  border-right: 2px solid #8f7e71;
  content: "";
}
.page-build .build-select-city__list li {
  position: relative;
  padding: 10px 20px;
  border-bottom: 1px solid #cccccc;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 700;
}
.page-build .build-select-city__list li:before {
  position: absolute;
  top: 37%;
  right: 20px;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 2px solid #8f7e71;
  border-right: 2px solid #8f7e71;
  content: "";
}
.page-build .paging {
  margin: 100px 0;
}
.page-build .paging ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
}
.page-build .paging ol li a {
  margin-left: 10px;
  padding: 5px 10px;
  border: 1px solid #bababa;
}
.page-build .paging ol li.prev {
  position: relative;
}
.page-build .paging ol li.prev:before {
  display: block;
  position: absolute;
  top: 9px;
  left: 20px;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  content: "";
}
.page-build .paging ol li.prev a {
  padding: 5px 17px;
}
.page-build .paging ol li.next {
  position: relative;
}
.page-build .paging ol li.next:before {
  display: block;
  position: absolute;
  top: 9px;
  right: 8px;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  content: "";
}
.page-build .paging ol li.next a {
  padding: 5px 17px;
}
.page-build .c-build-result__detail--img a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 221px;
  overflow: hidden;
  border: 1px solid #ccc;
}
.page-build .c-build-result__btn .c-button-type1 {
  margin: 0 auto;
}
.page-build-result .result-section {
  position: relative;
  margin-bottom: 100px;
}
.page-build-result .result-section__title {
  width: 80%;
  margin-left: 15vw;
  border-bottom: 1px solid #000;
  font-size: 24px;
}
.page-build-result .result-section .prev {
  position: absolute;
  bottom: -30px;
  left: 235px;
  width: 230px;
  font-size: 16px;
  cursor: pointer;
}
.page-build-result .result-section .prev:hover {
  opacity: 0.5;
}
.page-build-result .result-section .prev a {
  margin-left: 25px;
  color: #888888;
}
.page-build-result .result-section .breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 80px;
  bottom: -30px;
  font-size: 16px;
}
.page-build-result .result-section .breadcrumbs a {
  position: relative;
  margin-left: 25px;
}
.page-build-result .result-section .breadcrumbs a:nth-of-type(n+2) {
  color: #888888;
}
.page-build-result .result-section .breadcrumbs a:not(:last-of-type):after {
  display: block;
  position: absolute;
  top: 10px;
  left: 63px;
  width: 4px;
  height: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  content: "";
}
.page-build-result .result-section .breadcrumbs a:hover {
  opacity: 0.5;
}
.page-build-result .result {
  margin-top: 0;
  padding-bottom: 4em;
}
.page-build-result .result .c-inner {
  width: initial;
  max-width: 1280px;
  padding-top: 60px;
}
.page-build-result .result .result-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px;
}
.page-build-result .result .result-block__text {
  font-size: 30px;
}
.page-build-result .result .result-block__text span {
  font-size: 18px;
}
.page-build-result .result .result-block__change-btn a {
  position: relative;
}
.page-build-result .result .result-block__change-btn a:hover {
  opacity: 0.5;
}
.page-build-result .result .result-block__change-btn a:before {
  display: block;
  position: absolute;
  top: 6px;
  right: -10px;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  content: "";
}
.page-build-result .result .c-build-result__detail__icon {
  width: initial;
}

.page-build-single {
  padding-top: 0;
}
.page-build-single .index-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: calc(100% - 255px);
  margin-right: 40px;
  margin-bottom: 70px;
  margin-left: 215px;
  overflow: visible;
}
.page-build-single .index-slide .page-title {
  position: absolute;
  top: -20px;
  left: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-weight: 700;
}
.page-build-single .index-slide .prev {
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  padding-bottom: 10px;
  border-top: 1px solid #666666;
  border-bottom: none;
  font-size: 12px;
  cursor: pointer;
}
.page-build-single .index-slide .prev a {
  display: inline-block;
  margin-top: 8px;
  margin-left: 0;
}
.page-build-single .index-slide .breadcrumbs {
  top: 25px;
  right: 0;
  font-size: 11px;
}
.page-build-single .index-slide .breadcrumbs a:not(:last-of-type):after {
  position: absolute;
  top: 6px;
  right: -13px;
  width: 4px;
  height: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  content: "";
}
.page-build-single .sec {
  width: 100%;
  padding-top: 80px;
}
.page-build-single .sec .inner {
  width: 1100px;
}
.page-build-single .build-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.page-build-single .build-content__main {
  width: 740px;
}
.page-build-single .build-content__nav {
  width: 310px;
}
.page-build-single .arrow {
  display: inline-block;
  position: relative;
  position: relative;
  padding: 0 0 0 0;
  color: #333;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  vertical-align: middle;
}
.page-build-single .arrow:before, .page-build-single .arrow:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  vertical-align: middle;
  content: "";
}
.page-build-single .arrow--1:after {
  -webkit-transform: rotate(45deg);
  right: -12px;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  border-top: 2px solid #726259;
  border-right: 2px solid #726259;
}
.page-build-single .arrow--2:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  right: 13px;
  width: 7px;
  height: 10px;
  border: 5px solid transparent;
  border-left: 7px solid #333;
}
.page-build-single .arrow--3:before {
  -webkit-transform: rotate(45deg);
  top: 5px;
  left: 14px;
  width: 6px;
  width: 6px;
  height: 6px;
  margin: 0;
  transform: rotate(45deg);
  border-top: 2px solid #726259;
  border-right: 2px solid #726259;
}
.page-build-single .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d2cbc7;
}
.page-build-single .title-box__title {
  color: #8f7e71;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 21px;
  font-weight: 700;
}
.page-build-single .title-box__comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 115px;
}
.page-build-single .comment-area__image {
  width: 54px;
}
.page-build-single .comment-area__image img {
  width: 100%;
}
.page-build-single .comment-area .comment-count {
  color: #333;
}
.page-build-single .comment-area .comment-count__text {
  margin-bottom: 3px;
  margin-left: -11px;
  font-size: 12px;
}
.page-build-single .comment-area .comment-count__count {
  display: inline-block;
  position: relative;
  padding: 7px 15px;
  border-radius: 6px;
  background: #d2cbc7;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}
.page-build-single .comment-area .comment-count__count:before {
  position: absolute;
  top: 10px;
  left: -5px;
  width: 0;
  height: 0;
  border-width: 5px 5px 5px 0;
  border-style: solid;
  border-color: transparent #d2cbc7 transparent transparent;
  content: "";
}
.page-build-single .comment-content {
  margin-bottom: 10px;
  padding-bottom: 35px;
  border-bottom: 1px solid #d2cbc7;
}
.page-build-single .comment-content:last-child {
  margin-bottom: 90px;
  padding-bottom: 0px;
  border-bottom: none;
}
.page-build-single .comment-content--2 {
  padding-bottom: 29px;
}
.page-build-single .comment-content--2:last-child {
  margin-bottom: 90px;
  padding-bottom: 0px;
  border-bottom: none;
}
.page-build-single .comment-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.page-build-single .comment-info__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 66px;
  height: 66px;
  overflow: hidden;
  border: 1px solid #ccc;
  border: none;
  background-position: center;
  background-size: cover;
}
.page-build-single .comment-info__image img {
  display: block;
  width: auto;
  height: auto;
}
.page-build-single .comment-info__image--2 {
  width: 60px;
}
.page-build-single .comment-info__belong {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  margin-top: 12px;
  margin-left: 12px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.page-build-single .comment-info__result {
  margin-top: 12px;
  font-size: 12px;
}
.page-build-single .comment-info__result span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.page-build-single .comment-info__name {
  display: block;
  margin-bottom: 20px;
  padding-left: 5px;
  border-left: 4px solid #d2cbc7;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-build-single .comment-company {
  display: inline-block;
  margin: 10px 6px;
  font-weight: bold;
}
.page-build-single .comment-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-build-single .comment-box__head {
  width: 66px;
  margin-right: 12px;
  font-size: 12px;
  text-align: right;
}
.page-build-single .comment-box__body {
  width: calc(100% - 78px);
}
.page-build-single .comment-box__body p {
  margin-bottom: 10px;
  font-size: 14px;
}
.page-build-single .comment-box__body p span {
  color: #875a38;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-build-single .build-result__btn--2 {
  width: 333px;
  margin: 0 0 80px auto;
}
.page-build-single .build-form label:nth-child(2) {
  margin-left: 40px;
}
.page-build-single .build-form input[type=radio] {
  display: inline-block;
  width: initial;
  vertical-align: text-bottom;
}
.page-build-single .build-form .is-open {
  display: block;
}
.page-build-single .build-form .required-mail {
  display: inline;
}
.page-build-single .build-form .required-post {
  display: inline;
}
.page-build-single .shop-info {
  margin-bottom: 30px;
  padding-bottom: 24px;
  border: 4px solid #bdbdbd;
}
.page-build-single .shop-info__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 5px;
  background: #dbd6d1;
  color: #250f0b;
  font-family: "Noto Sans JP", sans-serif;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-size: 18px;
  font-weight: 700;
  font-weight: 700;
}
.page-build-single .shop-info__title span {
  display: inline-block;
  width: 43px;
  margin-right: 5px;
}
.page-build-single .parameter-wrap {
  margin: 8px 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
}
.page-build-single .parameter-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 4px;
}
.page-build-single .parameter-box__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  font-size: 13px;
}
.page-build-single .parameter-box__item:before {
  display: inline-block;
  width: 32px;
  height: 22px;
  margin: 3px 13px 0 0;
  background: url(../img/subnav_icon_02.png);
  background-size: contain;
  vertical-align: middle;
  content: " ";
}
.page-build-single .parameter-box__item--2:before {
  display: inline-block;
  width: 32px;
  height: 22px;
  margin: 3px 13px 0 0;
  background: url(../img/subnav_icon_03.png);
  background-size: contain;
  vertical-align: middle;
  content: " ";
}
.page-build-single .parameter-box__item--3:before {
  display: inline-block;
  width: 32px;
  height: 20px;
  margin: 3px 13px 0 0;
  background: url(../img/subnav_icon_04.png);
  background-size: contain;
  vertical-align: middle;
  content: " ";
}
.page-build-single .parameter-box__item--4:before {
  display: inline-block;
  width: 32px;
  height: 21px;
  margin: 3px 13px 0 0;
  background: url(../img/subnav_icon_05.png);
  background-size: contain;
  vertical-align: middle;
  content: " ";
}
.page-build-single .parameter-box__num {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.page-build-single .parameter-box__num span {
  color: #875a38;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.page-build-single .information {
  margin: 13px 14px 16px;
}
.page-build-single .information-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 8px;
  font-size: 13px;
}
.page-build-single .information-box__head {
  width: 16%;
  color: #875a38;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-build-single .information-box__body {
  width: 84%;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-build-single .entry-btn {
  margin: 0 14px;
}
.page-build-single .entry-btn a {
  display: block;
  width: 100%;
  padding: 10px 0;
  background: #8f7e71;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.page-build-single .entry-btn--blog {
  margin-bottom: 16px;
}
.page-build-single .entry-btn--blog a {
  border: 2px solid #8f7e71;
  background: #fff;
  color: #8f7e71;
}
.page-build-single .shop-detail-wrap {
  border: 1px solid #c0b6af;
}
.page-build-single .shop-detail {
  margin: 0px 20px 14px 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #ccc;
}
.page-build-single .shop-detail--2 {
  margin: 0 0 14px 0;
  padding: 6px 16px 15px 5px;
  border-bottom: none;
}
.page-build-single .shop-detail--3 {
  margin: 0;
  padding: 8px 16px 0px 5px;
}
.page-build-single .shop-detail.no-border {
  margin-bottom: none;
  border-bottom: none;
}
.page-build-single .shop-detail.no-border--2 {
  padding-bottom: 24px;
}
.page-build-single .shop-detail__title {
  margin-bottom: 4px;
  color: #875a38;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 700;
}
.page-build-single .shop-detail__title--2 {
  margin-bottom: 6px;
  color: #875a38;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.page-build-single .shop-detail__title.icon-feature:before {
  display: inline-block;
  width: 28px;
  height: 27px;
  margin: 0px 5px 0 0;
  background: url(../img/subnav_icon_08.png);
  background-size: contain;
  vertical-align: middle;
  content: " ";
}
.page-build-single .shop-detail__title.icon-collabo:before {
  display: inline-block;
  width: 28px;
  height: 27px;
  margin: 0px 5px 0 0;
  background: url(../img/subnav_icon_06.png);
  background-size: contain;
  vertical-align: middle;
  content: " ";
}
.page-build-single .shop-detail__title.icon-story:before {
  display: inline-block;
  width: 28px;
  height: 27px;
  margin: 0px 5px 0 0;
  background: url(../img/subnav_icon_07.png);
  background-size: contain;
  vertical-align: middle;
  content: " ";
}
.page-build-single .shop-detail__text {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 700;
}
.page-build-single .shop-detail__text .dot:last-child {
  display: none;
}
.page-build-single .shop-detail__text span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-build-single .shop-detail__text--2 {
  margin-left: 33px;
}
.page-build-single .shop-detail__text--3 {
  font-weight: normal;
}
.page-build-single .shop-detail__text--indent {
  padding-left: 55px;
  text-indent: -55px;
}
.page-build-single .shop-detail__list {
  padding-bottom: 13px;
  border-bottom: 1px solid #ccc;
}
.page-build-single .shop-detail__list.no-border {
  padding-bottom: 0px;
  border-bottom: none;
}
.page-build-single .shop-detail__list li {
  padding-left: 33px;
  color: #250f0b;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-indent: 0px;
}
.page-build-single .shop-detail--brown {
  background: #edeae9;
}
.page-build-single .layout {
  position: relative;
  width: 100%;
  margin: 0 auto 50px;
}
.page-build-single .layout a {
  color: #666;
}
.page-build-single .layout .slide {
  display: none;
}
.page-build-single .layout .slide li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 490px;
  overflow: hidden;
  border: 1px solid #ccc;
  list-style: none;
}
.page-build-single .layout .slide.slick-initialized {
  display: block;
}
.page-build-single .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}
.page-build-single .slick-dots li {
  display: inline-block;
  max-width: 130px;
  max-height: 85px;
  margin-right: 6px;
  list-style: none;
  cursor: pointer;
}
.page-build-single .slick-dots li:last-child {
  margin-right: 0px;
}
.page-build-single .slick-dots li img {
  width: 100%;
  height: auto;
  opacity: 0.5;
}
.page-build-single .slick-dots li.slick-active img {
  opacity: 1;
}
.page-build-single .slick-prev::before {
  display: inline-block;
  width: 28px;
  height: 49px;
  background-image: url(../img/build-arrow-l.png);
  background-size: contain;
  vertical-align: middle;
  content: "";
}
.page-build-single .slick-next::before {
  display: inline-block;
  width: 28px;
  height: 49px;
  background-image: url(../img/build-arrow-r.png);
  background-size: contain;
  vertical-align: middle;
  content: "";
}
.page-build-single .slick-prev {
  z-index: 100;
  position: absolute;
  top: 235px;
  left: 10px;
}
.page-build-single .slick-next {
  z-index: 100;
  position: absolute;
  top: 235px;
  right: 10px;
}
.page-build-single .c-build-result__btn {
  margin-top: 0;
}
.page-build-single .c-build-result__btn a.c-button-type1 {
  margin: 0 auto;
}
.page-build-single .contact .form_tab .btn {
  width: 100%;
}

.contact .build-confirm {
  padding-top: 200px;
}
.contact .build-confirm .return_btn {
  font-size: 13px;
}
.contact .build-confirm .section_ttl span {
  margin-left: 0;
}
.page-quiz-index .c-key-visual {
  position: relative;
  margin-bottom: 0;
}
.page-quiz-index .c-key-visual .c-key-visual__img {
  margin-right: 218px;
}
.page-quiz-index .c-key-visual .inner {
  width: initial;
  max-width: 1280px;
}
.page-quiz-index .c-key-visual__prev {
  position: absolute;
}
.page-quiz-index .c-key-visual__breadcrumbs {
  position: absolute;
}
.page-quiz-index .index-newinfo-section .more-read {
  display: block;
  width: 180px;
  margin: 30px auto 0 auto;
  padding: 5px 30px;
  background: #8f7e71;
  color: #fff;
  text-align: center;
}
.page-quiz-index .index-newinfo-section .inner {
  width: 1280px;
}
.page-quiz-index .index-newinfo-section .info-block {
  position: relative;
}
.page-quiz-index .index-newinfo-section .info-block .c-category-select-box {
  top: -323px;
}
.page-quiz-index .index-newinfo-section .info-block .category-title {
  position: absolute;
  top: 52px;
  right: 140px;
  font-size: 17px;
}
.page-quiz-index .index-newinfo-section .info-block .category-title:hover {
  opacity: 0.7;
}
.page-quiz-index .index-newinfo-section .info-block .category-title span {
  position: relative;
  padding-bottom: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-quiz-index .index-newinfo-section .info-block .category-title span:after {
  position: absolute;
  top: -2px;
  right: -23px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-right: 3px solid #7d7775;
  border-bottom: 3px solid #7d7775;
  content: "";
}
.page-quiz-index .index-newinfo-section .info-block .editor-title {
  border-bottom: 1px solid #8f7e71;
  color: #8f7e71;
}
.page-quiz-index .index-newinfo-section .info-block__img {
  text-align: center;
}
.page-quiz-index .index-newinfo-section .info-block__img img {
  width: 80%;
  margin: auto;
}
.page-quiz-index .index-newinfo-section__list {
  padding: 90px 0 110px;
  background: #fff;
}
.page-quiz-index .index-newinfo-section__list .category {
  margin-bottom: 5px;
}
.page-quiz-index .index-newinfo-section__list .c-menu-detail {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-quiz-index .index-newinfo-section__list .c-menu-detail h4 {
  font-size: 16px;
}
.page-quiz-index .index-newinfo-section__list h3 {
  width: 30%;
  margin: 0 auto;
  padding-bottom: 16px;
  border-bottom: 1px solid #666666;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 35px;
  font-weight: 700;
  text-align: center;
}
.page-quiz-index .index-newinfo-section__list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 80px 0 0 0;
}
.page-quiz-index .index-newinfo-section__list ul li {
  width: 30%;
  margin: 0 50px 70px 0;
}
.page-quiz-index .index-newinfo-section__list ul li:nth-child(3n) {
  margin-right: 0;
}
.page-quiz-index .index-newinfo-section__list ul li:nth-child(n+7) {
  margin-bottom: 0;
}
.page-quiz-index .index-newinfo-section__list .quiz-list-img {
  max-width: 150px;
}
.page-quiz-index .index-newinfo-section .information {
  padding: 50px 90px 110px;
}
.page-quiz-index .index-newinfo-section .editor-box {
  padding: 50px 90px 110px;
  background: #efedeb;
}
.page-quiz-index .index-newinfo-section .editor-box .more-read {
  display: block;
  width: 180px;
  margin: 30px auto 0 auto;
  padding: 5px 30px;
  background: #8f7e71;
  color: #fff;
  text-align: center;
}
.page-quiz-index .index-newinfo-section .editor-box ul {
  margin: 50px 0 0 0;
}
.page-quiz-index .index-newinfo-section .editor-box .quiz-img-deco {
  position: absolute;
  top: -1px;
  left: 0;
}
.page-quiz-index .index-newinfo-section .archives-box {
  padding: 50px 90px 98px;
}
.page-quiz-index .index-newinfo-section__pagenation ul {
  margin: 0 0 100px;
  padding: 12px;
  text-align: center;
}
.page-quiz-index .index-newinfo-section__pagenation ul li {
  display: inline;
  margin: 0 1px;
  padding: 0;
}
.page-quiz-index .index-newinfo-section__pagenation ul li:first-child a {
  position: relative;
  padding: 1px 8px 0 16px;
}
.page-quiz-index .index-newinfo-section__pagenation ul li:first-child a:before {
  position: absolute;
  top: 50%;
  left: 7%;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border: 0px;
  border-top: solid 2px #9a8b7f;
  border-right: solid 2px #9a8b7f;
  content: "";
}
.page-quiz-index .index-newinfo-section__pagenation ul li:last-child a {
  position: relative;
  padding: 1px 16px 0 8px;
}
.page-quiz-index .index-newinfo-section__pagenation ul li:last-child a:after {
  position: absolute;
  top: 50%;
  right: 7%;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 0px;
  border-top: solid 2px #9a8b7f;
  border-right: solid 2px #9a8b7f;
  content: "";
}
.page-quiz-index .index-newinfo-section__pagenation ul li a {
  display: inline-block;
  padding: 1px 5px;
  border: 1px solid #ccc;
  background: #fff;
  text-decoration: none;
  vertical-align: middle;
}
.page-quiz-index .index-newinfo-section__pagenation ul li .one {
  background: #9a8b7f;
  color: #fff;
}
.page-quiz-index .w100 {
  width: 100% !important;
}

.page-quiz-single {
  padding-top: 80px;
}
.page-quiz-single .c-single-nav {
  top: 0;
}
.page-quiz-single .content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 1100px;
  margin: 0 auto;
}
.page-quiz-single .c-category-select-box {
  position: absolute;
  top: 130px;
  left: 0;
}
.page-quiz-single .c-category-select-box .c-category-select {
  bottom: -55px;
}
.page-quiz-single .main-content {
  color: #250f0b;
}
.page-quiz-single .main-content .c-inner {
  width: 740px;
  background-position: bottom;
  background-repeat: repeat-x;
  background-size: 2px;
}
.page-quiz-single .main-content .c-inner:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  font-size: 0;
  content: ".";
}
.page-quiz-single .main-content .quiz-article {
  margin-bottom: 34px;
}
.page-quiz-single .main-content .quiz-article__company {
  position: relative;
  padding: 10px 0;
}
.page-quiz-single .main-content .quiz-article__company--title {
  color: #8f7e71;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.page-quiz-single .main-content .quiz-article__company--item {
  display: inline-block;
  margin: 0 6px 6px 0;
  padding: 4px 10px;
  border: 1px solid #25100B;
  border-radius: 10px;
  background-color: #25100B;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 700;
}
.page-quiz-single .main-content .quiz-article__company--date {
  margin-bottom: 20px;
  color: #636262;
  font-size: 12px;
  text-align: right;
}
.page-quiz-single .main-content .quiz-article__company--red {
  color: #ff0000;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-quiz-single .main-content .quiz-article__company--img {
  display: inline-block;
  margin-bottom: -7px;
}
.page-quiz-single .main-content .quiz-article__company__datail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-quiz-single .main-content .quiz-article__company__datail .information {
  margin-right: 10px;
  line-height: 15px;
}
.page-quiz-single .main-content .quiz-article__paragrath {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 28px;
}
.page-quiz-single .main-content .quiz-article .second-paragrath {
  margin-top: 37px;
}
.page-quiz-single .main-content .quiz-article__main-img {
  margin-bottom: 20px;
}
.page-quiz-single .main-content .quiz-article__main-img span {
  margin-top: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 700;
}
.page-quiz-single .main-content .quiz-article__text {
  width: 47%;
  letter-spacing: 0.5px;
}
.page-quiz-single .main-content .quiz-article__text:nth-child(odd) {
  margin-right: 40px;
}
.page-quiz-single .main-content .quiz-article__text:nth-child(even) {
  margin-left: 40px;
}
.page-quiz-single .main-content .quiz-article__img {
  width: 47%;
  margin-bottom: 50px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-quiz-single .main-content .quiz-article__img span {
  font-size: 12px;
}
.page-quiz-single .main-content .quiz-article__quiz-btn {
  display: block;
  width: 32%;
  margin: 0 auto 40px auto;
  text-align: center;
}
.page-quiz-single .main-content .quiz-article h3 {
  border-bottom: 1px solid #999;
  color: #250f0b;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 29px;
  font-weight: 700;
  text-align: left;
}
.page-quiz-single .main-content .quiz-article h4 {
  margin-bottom: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 19px;
  font-weight: 700;
}
.page-quiz-single .main-content .quiz-article .quiz-article__text {
  margin-bottom: 10px;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 27px;
}
.page-quiz-single .main-content .quiz-article .quiz-article__movie {
  width: 100%;
  text-align: center;
}
.page-quiz-single .main-content .quiz-article .c-button-type1 {
  margin: 0 auto;
}
.page-quiz-single .main-content .quiz-company-info__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 30px 0;
  padding: 10px 0 10px 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-quiz-single .main-content .quiz-company-info--title {
  position: relative;
  width: 23%;
  padding-left: 20px;
  font-size: 18px;
}
.page-quiz-single .main-content .quiz-company-info--title span:after {
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  width: 1px;
  height: 100%;
  background: #cccccc;
  content: "";
}
.page-quiz-single .main-content .quiz-company-info__box {
  width: 78%;
}
.page-quiz-single .main-content .quiz-company-info__box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 13px;
}
.page-quiz-single .main-content .quiz-company-info__box dl dt {
  width: 22%;
  margin-bottom: 10px;
  color: #875a38;
}
.page-quiz-single .main-content .quiz-company-info__box dl dd {
  width: 68%;
}
.page-quiz-single .main-content .quiz-recommend {
  margin-bottom: 58px;
}
.page-quiz-single .main-content .quiz-recommend__cont {
  padding-bottom: 30px;
  background-image: url(../img/top_arrow.png);
  background-position: 33px 20px;
  background-repeat: no-repeat;
  background-size: 41px;
}
.page-quiz-single .main-content .quiz-recommend__cont h3 {
  position: relative;
  margin: 0 0 15px 70px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.page-quiz-single .main-content .quiz-recommend__cont h3:before {
  display: block;
  position: absolute;
  top: 3px;
  left: -27px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #000;
  content: "";
}
.page-quiz-single .main-content .quiz-recommend__cont li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 30px;
}
.page-quiz-single .main-content .quiz-recommend__cont li h4 {
  width: 287px;
  margin-top: -30px;
}
.page-quiz-single .main-content .quiz-recommend__cont li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-quiz-single .main-content .quiz-recommend__cont li a:hover {
  background-color: #e9e5e3;
}
.page-quiz-single .main-content .quiz-recommend__title {
  padding: 5px;
  background: #a99c92;
  color: #fff;
  font-size: 20px;
}
.page-quiz-single .main-content .quiz-recommend__card {
  margin-bottom: 30px;
  border: 3.5px solid #c0b6af;
}
.page-quiz-single .main-content .quiz-recommend__message-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 14px 12px;
  background: #e6e2df;
}
.page-quiz-single .main-content .quiz-recommend__img {
  width: 133px;
  margin-right: 10px;
}
.page-quiz-single .main-content .quiz-recommend__text-box {
  width: 79%;
}
.page-quiz-single .main-content .quiz-recommend__company {
  color: #250f0b;
  font-size: 14px;
}
.page-quiz-single .main-content .quiz-recommend__name {
  color: #250f0b;
  font-size: 18px;
}
.page-quiz-single .main-content .quiz-recommend__name > .small {
  font-size: 14px;
}
.page-quiz-single .main-content .quiz-recommend__message {
  margin-top: 11px;
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 23px;
}
.page-quiz-single .main-content .quiz-recommend__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 660px;
  padding: 15px;
  border: 2px solid #8f7e71;
}
.page-quiz-single .main-content .quiz-recommend__text img {
  margin-right: 20px;
}
.page-quiz-single .main-content .quiz-recommend__text img:hover {
  opacity: 1;
}
.page-quiz-single .main-content .quiz-recommend__text p {
  font-size: 24px;
}
.page-quiz-single .main-content .quiz-recommend__text p span {
  color: #726259;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 36px;
  font-weight: 700;
}
.page-quiz-single .main-content .quiz-recommend .open_modal {
  display: inline-block;
  margin-top: 10px;
  cursor: pointer;
}
.page-quiz-single .main-content .quiz-question {
  margin-top: -130px;
  padding-top: 130px;
}
.page-quiz-single .main-content .quiz-question h3 {
  margin-bottom: 26px;
  color: #250f0b;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.page-quiz-single .main-content .quiz-question__btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #6a1313;
}
.page-quiz-single .main-content .quiz-question__answer {
  position: relative;
  width: 48%;
  padding: 10px 50px;
  background: #6a1313;
  color: #fff;
  text-align: center;
}
.page-quiz-single .main-content .quiz-question__answer span {
  position: relative;
}
.page-quiz-single .main-content .quiz-question__answer span:after {
  display: inline-block;
  position: absolute;
  top: 18px;
  left: 45px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  border-top: 3px solid #b58989;
  border-right: 3px solid #b58989;
  content: "";
}
.page-quiz-single .main-content .quiz-question__quiz-btn {
  display: none;
}
.page-quiz-single .main-content .quiz-question__sub-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  text-align: center;
}
.page-quiz-single .main-content .quiz-question__sub-btn .tab-btn.is-active {
  background-color: #6a1313;
}
.page-quiz-single .main-content .quiz-question__btn {
  width: 100%;
  margin: 0 5px 10px 0;
  padding: 10px 10px;
  background: #333333;
  color: #fff;
  font-size: 16px;
}
.page-quiz-single .main-content .quiz-question__btn:last-child {
  margin: 0 0 10px 0;
}
.page-quiz-single .main-content .quiz-question__title-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-quiz-single .main-content .quiz-question__img {
  width: 60px;
  max-width: 100%;
  height: 60px;
  margin-right: 10px;
}
.page-quiz-single .main-content .quiz-question__select-list {
  padding: 40px 30px;
  border-bottom: 3px solid #ccc4be;
}
.page-quiz-single .main-content .quiz-question__select-list .tab-event {
  text-align: center;
}
.page-quiz-single .main-content .quiz-question__select-list .tab-event .tab-event__note {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-quiz-single .main-content .quiz-question__select-list .event-submit-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
.page-quiz-single .main-content .quiz-question__select-list .event-submit-btn:hover {
  opacity: 0.7;
}
.page-quiz-single .main-content .quiz-question__select-list .select-box {
  margin: 40px 0 0 60px;
}
.page-quiz-single .main-content .quiz-question__select-list .select {
  display: block;
  position: relative;
  width: 85%;
  margin: 0 auto 15px;
  padding: 15px 20px;
  border: 1px solid #8f7e71;
}
.page-quiz-single .main-content .quiz-question__select-list .select:after {
  display: inline-block;
  position: absolute;
  top: 25px;
  right: 14px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 3px solid #8e7e73;
  border-right: 3px solid #8e7e73;
  content: "";
}
.page-quiz-single .main-content .quiz-question__select-list .select .alphabet {
  margin-right: 20px;
  color: #8f7e71;
  font-size: 24px;
}
.page-quiz-single .main-content .quiz-question__select-list .select .num {
  font-size: 18px;
}
.page-quiz-single .main-content .quiz-sns__sns-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  margin: 0 auto;
  padding: 40px 60px 60px 120px;
}
.page-quiz-single .main-content .quiz-sns__sns-share li:first-child {
  width: 50%;
}
.page-quiz-single .main-content .quiz-sns__sns-share li {
  width: 10%;
  margin-right: 7px;
}
.page-quiz-single .main-content .quiz-sns__sns-share span {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-quiz-single .main-content .quiz-sns__sns-share span:after {
  display: inline-block;
  position: absolute;
  top: 5px;
  right: -12px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 3px solid #a7a3a1;
  border-right: 3px solid #a7a3a1;
  content: "";
}
.page-quiz-single .main-content .quiz-sns__sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 30px;
}
.page-quiz-single .main-content .quiz-sns__sns-logo {
  width: 85px;
  height: 85px;
}
.page-quiz-single .main-content .quiz-read__box {
  background: #f2f2f2;
}
.page-quiz-single .main-content .quiz-read__more-read {
  position: relative;
  width: 95%;
  margin: 0 auto;
  padding: 20px 5px 5px;
  border-bottom: 1px solid #d9d9d9;
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.page-quiz-single .main-content .quiz-read__more-read:after {
  -webkit-transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  top: 28px;
  right: 5px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border-top: 3px solid #221815;
  border-right: 3px solid #221815;
  content: "";
}
.page-quiz-single .main-content .quiz-read__card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding-bottom: 20px;
}
.page-quiz-single .main-content .quiz-read__card-list .c-menu-card {
  padding: 20px;
}
.page-quiz-single .main-content .quiz-read__card-list li {
  width: 48%;
}
.page-quiz-single .main-content .quiz-uservoice {
  margin-top: 45px;
}
.page-quiz-single .main-content .quiz-uservoice__wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 55px;
  border: 4px solid #dbd6d2;
  background: #f2f2f2;
}
.page-quiz-single .main-content .quiz-uservoice__wrap h3 {
  color: #000000;
  font-size: 26px;
  text-align: center;
}
.page-quiz-single .main-content .quiz-uservoice__voice-logo {
  max-width: 100%;
  margin-right: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-quiz-single .main-content .quiz-uservoice__voice-logo img {
  width: 55px;
  max-width: 100%;
}
.page-quiz-single .main-content .quiz-uservoice__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #8f7e71;
}
.page-quiz-single .main-content .quiz-uservoice__description {
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}
.page-quiz-single .main-content .quiz-uservoice__sub-description {
  display: block;
  margin: 20px 0;
  color: #875a38;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
}
.page-quiz-single .main-content .quiz-uservoice textarea {
  width: 100%;
  height: 160px;
  padding: 5px;
  border: 1px solid #d1d1d1;
  font-size: 15px;
}
.page-quiz-single .main-content .quiz-uservoice .nickname-box {
  margin-top: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
}
.page-quiz-single .main-content .quiz-uservoice .nickname-box label {
  color: #000000;
  font-size: 16px;
}
.page-quiz-single .main-content .quiz-uservoice .nickname-box .nickname {
  width: 40%;
  height: 30px;
  margin-left: 10px;
  padding: 5px;
  border: 1px solid #d1d1d1;
}
.page-quiz-single .main-content .quiz-opinion__wrap {
  padding: 30px 0;
}
.page-quiz-single .main-content .quiz-opinion__box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-bottom: 10px;
}
.page-quiz-single .main-content .quiz-opinion .comment {
  margin-left: 120px;
}
.page-quiz-single .main-content .quiz-opinion__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 22px;
  font-weight: 700;
}
.page-quiz-single .main-content .quiz-opinion__title .title-icon {
  position: relative;
  margin-right: 60px;
}
.page-quiz-single .main-content .quiz-opinion__title .title-icon__callout {
  position: absolute;
  top: -14px;
  right: -56px;
}
.page-quiz-single .main-content .quiz-opinion__title .title-icon__balloon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  position: relative;
  min-width: 36px;
  max-width: 100%;
  margin: 1.5em 0 1.5em 15px;
  padding: 4px 14px;
  border-radius: 5px;
  background: #d2cbc7;
  color: #555;
  font-size: 16px;
  text-align: center;
}
.page-quiz-single .main-content .quiz-opinion__title .title-icon__balloon:after {
  z-index: 1;
  position: absolute;
  top: 70%;
  left: -14px;
  margin-top: -14px;
  border: 6px solid transparent;
  border-right: 8px solid #d2cbc7;
  content: "";
}
.page-quiz-single .main-content .quiz-opinion__title .title-icon__balloon:before {
  z-index: 1;
  position: absolute;
  top: 10%;
  right: -44px;
  width: 160%;
  margin-top: -14px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 10px;
  content: "\30B3\30E1\30F3\30C8\6570";
}
.page-quiz-single .main-content .quiz-opinion__title .title-icon__balloon p {
  margin: 0;
  padding: 0;
}
.page-quiz-single .main-content .quiz-opinion__title .title-icon img {
  max-width: 54px;
}
.page-quiz-single .main-content .quiz-opinion__title img {
  width: 100px;
}
.page-quiz-single .main-content .quiz-opinion__icon {
  min-width: 40px;
  margin-right: 10px;
}
.page-quiz-single .main-content .quiz-opinion__icon img {
  width: 40px;
}
.page-quiz-single .main-content .quiz-opinion__box {
  margin: 15px 0 47px 0;
  padding-top: 9px;
  border-top: 1px solid #d2cbc6;
}
.page-quiz-single .main-content .quiz-opinion__content {
  font-size: 14px;
}
.page-quiz-single .main-content .quiz-opinion__name {
  color: #875a38;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.page-quiz-single .sidemenu .side-inner {
  width: 300px;
}
.page-quiz-single .sidemenu .quiz-single-menu h3 {
  position: relative;
  margin: 50px 0 0 10px;
  padding: 20px 0 30px 0;
  color: #8f7e71;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-align: left;
}
.page-quiz-single .sidemenu .quiz-single-menu h3:before {
  position: absolute;
  top: 36px;
  left: -10px;
  width: 1px;
  height: 65px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #8f7e71;
  content: "";
}
.page-quiz-single .sidemenu .quiz-single-menu__ranking {
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
}
.page-quiz-single .sidemenu .quiz-single-menu .first {
  background: #b09c56;
}
.page-quiz-single .sidemenu .quiz-single-menu .second {
  background: #898ba5;
}
.page-quiz-single .sidemenu .quiz-single-menu .third {
  background: #aa8976;
}
.page-quiz-single .sidemenu .quiz-single-menu__card-list .c-menu-list {
  overflow-x: auto;
}
.page-quiz-single .sidemenu .quiz-single-menu__card-list .c-menu-list li {
  margin-bottom: 25px;
}
.page-quiz-single .sidemenu .quiz-single-menu__card-list .c-menu-list li .c-menu-card {
  padding: 0;
}
.page-quiz-single .sidemenu .ranking-box {
  position: relative;
}
.page-quiz-single .sidemenu .ranking-box h3 {
  margin-top: 0;
}
.page-quiz-single .sidemenu .ranking-box .c-ranking span {
  top: -70px;
}
.page-quiz-single .sidemenu .ranking-box .c-ranking .ranking-slider {
  top: -40px;
}
.page-quiz-single .sidemenu .ranking-box .c-menu-card {
  margin-bottom: 15px;
}
.page-quiz-single .quiz-form label:nth-child(2) {
  margin-left: 40px;
}
.page-quiz-single .quiz-form input[type=radio] {
  display: inline-block;
  width: initial;
  vertical-align: text-bottom;
}
.page-quiz-single .quiz-wrap {
  position: relative;
  width: 100%;
  height: 1000px;
  margin-bottom: 100px;
  overflow-y: hidden;
}
.page-quiz-single .quiz-wrap__bg {
  position: absolute;
  top: 800px;
  right: 0;
  width: 100%;
  height: 200px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(0%, rgba(255, 255, 255, 0)), color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(70%, rgba(255, 255, 255, 0.9)), color-stop(60%, white));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.9) 70%, white 60%);
}
.page-quiz-single .quiz-wrap__btn {
  display: block;
  z-index: 1;
  position: absolute;
  top: 900px;
  right: 0;
  left: 0;
  width: 440px;
  height: 55px;
  margin: 0 auto;
  border-radius: 10px;
  background-color: #C82C2C;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 55px;
  text-align: center;
}
.page-quiz-single .quiz-wrap.is-shown {
  height: auto;
}
.page-quiz-single .quiz-wrap.is-shown .quiz-wrap__bg {
  display: none;
}
.page-quiz-single .quiz-wrap.is-shown .quiz-wrap__btn {
  display: none;
}
.quiz-editors-pick .category-detail {
  margin-top: 10px;
}
.quiz-editors-pick .category-detail__info {
  color: #8f7e71;
  font-size: 22px !important;
}
.quiz-category .c-category-select-scroll {
  background: none;
}
.quiz-category .c-category-select__list {
  overflow: initial;
}
.quiz-category .c-category-select__list > ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.quiz-category .c-category-select__list > ul .is-triangle:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.quiz-category .c-category-select__list > ul li {
  position: relative;
  width: 100%;
  padding: 10px 10px 10px 50px;
  border-bottom: 1px solid #d1c3b8;
  background: none;
}
.quiz-category .c-category-select__list > ul li:after {
  position: absolute;
  top: 18px;
  right: 17px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  border-top: 2px solid #80583a;
  border-right: 2px solid #80583a;
  content: "";
}
.quiz-category .c-category-select__image {
  display: block;
  position: absolute;
  top: -4px;
  left: -45px;
}
.quiz-category .c-category-select__title {
  color: #875a38;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.quiz-category .c-category-select__subtitle {
  display: inline-block;
  position: relative;
  color: #7d573a;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.quiz-category .c-category-select__subtitle:after {
  position: absolute;
  top: 9px;
  right: -11px;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-right: 2px solid #7d573a;
  border-bottom: 2px solid #7d573a;
  content: "";
}
.quiz-category .c-category-select__content ul {
  position: initial;
  margin-top: 10px;
}
.quiz-category .c-category-select__content ul li {
  width: initial;
  padding: 0;
  border-bottom: none;
}
.quiz-category .c-category-select__content ul li:after {
  content: none;
}
.quiz-category .c-category-select__content ul li span {
  padding: 1px 8px;
  white-space: nowrap;
}
.quiz-category .c-category-select__news {
  width: 100%;
  background: #8f7e71;
  color: #fff;
  text-align: center;
}
.quiz-category .c-category-select__news .txt:after {
  content: none;
}

.page-quiz-result {
  padding-top: 80px;
}
.page-quiz-result .c-single-nav {
  top: 0;
}
.page-quiz-result .pankuzu {
  position: relative;
  margin-left: 205px;
  padding: 0 60px 0 0;
  overflow: initial;
  text-align: left;
}
.page-quiz-result .pankuzu .breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 20;
  position: absolute;
  right: 60px;
  bottom: 0;
  font-size: 11px;
}
.page-quiz-result .pankuzu .breadcrumbs a {
  position: relative;
  margin-left: 10px;
}
.page-quiz-result .pankuzu .breadcrumbs a:nth-of-type(n+2) {
  color: #888888;
}
.page-quiz-result .pankuzu .breadcrumbs a:hover {
  opacity: 0.5;
}
.page-quiz-result .pankuzu .breadcrumbs .home:after {
  display: block;
  position: absolute;
  top: 6px;
  left: 39px;
  width: 4px;
  height: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  content: "";
}
.page-quiz-result .pankuzu h2 {
  border-bottom: 1px solid black;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-quiz-result .pankuzu .slick-slide {
  width: 977px !important;
}
.page-quiz-result .pankuzu .prev {
  position: absolute;
  bottom: -10px;
  left: -25px;
  width: 230px;
  padding-bottom: 5px;
  font-size: 15px;
  cursor: pointer;
}
.page-quiz-result .pankuzu .prev:hover {
  opacity: 0.5;
}
.page-quiz-result .pankuzu .prev a {
  margin-left: 25px;
  color: #666666;
}
.page-quiz-result .pankuzu .key-slide {
  width: 76vw;
}
.page-quiz-result .pankuzu .key-slide li a span {
  top: 95px;
  left: -186px;
}
.page-quiz-result .index-newinfo-section .inner {
  width: 1280px;
}
.page-quiz-result .index-newinfo-section .info-block {
  position: relative;
}
.page-quiz-result .index-newinfo-section .info-block .category-detail {
  position: absolute;
  top: 42px;
  left: 90px;
  font-size: 17px;
}
.page-quiz-result .index-newinfo-section .info-block .category-detail__info {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.page-quiz-result .index-newinfo-section .info-block .category-detail__result {
  font-size: 15px;
}
.page-quiz-result .index-newinfo-section .info-block .category-title {
  position: absolute;
  top: 47px;
  right: 129px;
  font-size: 17px;
}
.page-quiz-result .index-newinfo-section .info-block .category-title span {
  position: relative;
  padding-bottom: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-quiz-result .index-newinfo-section .info-block .category-title span:after {
  position: absolute;
  top: -2px;
  right: -23px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-right: 3px solid #7d7775;
  border-bottom: 3px solid #7d7775;
  content: "";
}
.page-quiz-result .index-newinfo-section .info-block .editor-title {
  border-bottom: 1px solid #8f7e71;
  color: #8f7e71;
}
.page-quiz-result .index-newinfo-section .info-block__img {
  text-align: center;
}
.page-quiz-result .index-newinfo-section .info-block__img img {
  width: 80%;
  margin: auto;
}
.page-quiz-result .index-newinfo-section__list {
  min-height: 990px;
  padding: 37px 90px 38px;
  background: #fff;
}
.page-quiz-result .index-newinfo-section__list .category {
  margin-bottom: 5px;
}
.page-quiz-result .index-newinfo-section__list .c-menu-card {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-quiz-result .index-newinfo-section__list .c-menu-card .title h4 {
  font-size: 16px;
}
.page-quiz-result .index-newinfo-section__list h3 {
  width: 30%;
  margin: 0 auto;
  padding-bottom: 16px;
  border-bottom: 1px solid #666666;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 35px;
  font-weight: 700;
  text-align: center;
}
.page-quiz-result .index-newinfo-section__list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 75px 0 0 0;
}
.page-quiz-result .index-newinfo-section__list ul li {
  width: 30%;
  margin: 0 50px 67px 0;
}
.page-quiz-result .index-newinfo-section__list ul li:nth-child(3n) {
  margin-right: 0;
}
.page-quiz-result .index-newinfo-section__list .quiz-list-img {
  min-width: 135px;
}
.page-quiz-result .index-newinfo-section .editor-box {
  padding: 50px 90px 110px;
  background: #efedeb;
}
.page-quiz-result .index-newinfo-section .archives-box {
  padding: 50px 90px 98px;
}
.page-quiz-result .index-newinfo-section__pagenation ul {
  margin: 0 0 100px;
  padding: 12px;
  text-align: center;
}
.page-quiz-result .index-newinfo-section__pagenation ul li {
  display: inline;
  margin: 0 1px;
  padding: 0;
}
.page-quiz-result .index-newinfo-section__pagenation ul li:first-child a {
  position: relative;
  padding: 1px 8px 0 16px;
}
.page-quiz-result .index-newinfo-section__pagenation ul li:first-child a:before {
  position: absolute;
  top: 50%;
  left: 7%;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border: 0px;
  border-top: solid 2px #9a8b7f;
  border-right: solid 2px #9a8b7f;
  content: "";
}
.page-quiz-result .index-newinfo-section__pagenation ul li:last-child a {
  position: relative;
  padding: 1px 16px 0 8px;
}
.page-quiz-result .index-newinfo-section__pagenation ul li:last-child a:after {
  position: absolute;
  top: 50%;
  right: 7%;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 0px;
  border-top: solid 2px #9a8b7f;
  border-right: solid 2px #9a8b7f;
  content: "";
}
.page-quiz-result .index-newinfo-section__pagenation ul li a {
  display: inline-block;
  padding: 1px 5px;
  border: 1px solid #ccc;
  background: #fff;
  text-decoration: none;
  vertical-align: middle;
}
.page-quiz-result .index-newinfo-section__pagenation ul li .one {
  background: #9a8b7f;
  color: #fff;
}
.page-quiz-result .w100 {
  width: 100% !important;
}
.page-architects .search-list {
  margin-top: 40px;
}
.page-architects .serch_box .left_box {
  white-space: nowrap;
}
.page-architects .serch_box .left_box .place:before {
  content: url(/assets/img//architects_01.png);
}
.page-architects .serch_box .left_box .custom select::-ms-expand {
  display: none;
}
.page-architects .word-box input {
  height: 40px;
  padding: 7px;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.page-architects .word-box button {
  width: 40px;
  height: 40px;
}
.page-architects .custom select {
  padding: 13px;
}
.page-architects .custom:after {
  top: 35%;
  right: 4px;
  font-size: 10px;
}
.page-architects .index-slide {
  position: relative;
  overflow: inherit;
}
.page-architects .index-slide .category {
  position: initial;
  color: #000000;
  font-weight: 300;
}
.page-architects .slick-list {
  position: relative;
}
.page-architects .slick-dots {
  position: absolute;
  right: 15px;
  bottom: -700px;
  margin-top: 4px;
  text-align: right;
}
.page-architects .slick-dots li {
  display: inline-block;
  margin-left: 12px;
}
.page-architects .slick-dots li button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  border-radius: 50%;
  outline: none;
  background-color: #d0d0d0;
  text-indent: -9999px;
  cursor: pointer;
}
.page-architects .slick-dots li button:focus {
  border-color: #d0d0d0;
  outline: 0;
}
.page-architects .slick-dots li.slick-active button {
  background-color: #7971b4;
}
.page-architects .cont-box {
  padding-top: 150px;
}
.page-architects .c-key-visual__sub-ttl {
  top: 100px;
  left: -127px;
}
.page-architects .c-key-visual__ttl {
  top: 132px;
}

.page-architects-single {
  padding-top: 0;
}
.page-architects-single .l-header {
  position: absolute !important;
}
.page-architects-single main {
  position: relative;
}
.page-architects-single .detail .h2_box .section_ttl {
  margin-top: 45px;
}
.page-architects-single .question_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-architects-single .slick-dots {
  position: absolute;
  right: 15px;
  bottom: -700px;
  margin-top: 4px;
  text-align: right;
}
.page-architects-single .slick-dots li {
  display: inline-block;
  margin-left: 12px;
}
.page-architects-single .slick-dots li button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  border-radius: 50%;
  outline: none;
  background-color: #d0d0d0;
  text-indent: -9999px;
  cursor: pointer;
}
.page-architects-single .slick-dots li button:focus {
  border-color: #d0d0d0;
  outline: 0;
}
.page-architects-single .slick-dots li.slick-active button {
  background-color: #7971b4;
}
.page-architects-single .main_bg main {
  padding-top: 140px;
}

.page-architects-office {
  padding-top: 0;
}
.page-architects-office .l-header {
  position: absolute !important;
}
.page-architects-office .l-header .l-header__logo {
  width: 130px;
}
.page-architects-office .c-single-nav__list li:first-child,
.page-architects-office .c-single-nav__list li:first-child a {
  margin-left: 0;
}
.page-architects-office main .section_ttl {
  margin-top: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}
.page-architects-office main .section_ttl span {
  margin: 0;
}
.page-architects-office .detail_office .slider {
  width: 740px;
  height: 493px;
  margin-top: 15px;
}
.page-architects-office .detail_office .slider li {
  height: 493px;
}
.page-architects-office .sampleMain {
  margin-top: 14px;
}
.page-architects-office .sampleMain .box .img {
  margin: 0 -4.1025641026vw;
}
.page-architects-office .sampleMain .box .text {
  margin-top: 14px;
  padding-bottom: 10px;
  font-size: 12px;
}
.page-architects-office .sampleMain .box .text .title {
  font-size: 12px;
}
.page-architects-office .sample {
  margin-right: -4.1025641026vw;
}
.page-architects-office .sample .box {
  margin: 0;
}
.page-architects-office .sample .box:nth-child(odd) {
  margin: 0;
}
.page-architects-office .sample .box .img {
  width: 100%;
  max-width: none;
  height: 33.8461538462vw;
}
.page-architects-office .sample .box .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-architects-office .sample .box .text {
  font-size: 12px;
}
.page-architects-office .sample .box .text .title {
  margin-top: 7px;
  font-size: 12px;
}

.page-guide {
  padding-top: 0;
}
.page-guide .main_bg main {
  padding-top: 100px;
}

.page-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 100px 0;
  margin: 160px 0 250px;
}
.page-login .left {
  display: none !important;
  margin-right: 20px;
}
.page-login .login-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 625px;
}
.page-login .login-box__title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-login .login-box__title-box h3 {
  margin-top: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-login .login-box__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 10px 0 15px 0;
  padding: 20px 80px 40px;
  border: 1px solid #8f7e71;
  background: #E6E6FA;
}
.page-login .login-box__input span {
  font-size: 14px;
}
.page-login .login-box__input .submit_button {
  width: 50%;
  padding: 10px 30px;
  background: #9e97e3;
  color: #fff;
  text-align: center;
}
.page-login .login-box__input input[type=text] {
  width: 80%;
  margin: 10px 0 10px 0;
  padding: 6px;
  border: 1px solid #333;
}
.page-login .login-box__input input[type=submit] {
  margin: 5px 0;
  font-size: 16px;
}
.page-login .login-box__input label {
  margin-top: 10px;
  font-size: 14px;
}
.page-login .login-box__pass-foget {
  color: #9e97e3;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-login .login-box__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 250px;
  padding: 15px;
  background: #B3AEE3;
  text-align: center;
}
.page-login .login-box__title {
  margin-bottom: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.page-login .login-box__title--small {
  font-size: 16px;
  font-weight: normal;
}
.page-login .login-box__txt {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.page-login .login-box__txt--red {
  color: #520808;
}
.page-login .login-box__contact {
  margin: 0 auto;
  margin-top: 20px;
  padding: 3px;
}
.page-login .login-box__contact--white {
  background: #fff;
}
.page-login .login-box__contact--gold {
  display: inline-block;
  padding: 7px 25px;
  background: #8f7e71;
  color: #fff;
}
.page-clip .cont-box {
  padding-top: 125px;
}
.page-clip .main_bg main {
  margin: 0 auto;
  margin-top: 0;
  padding-top: 90px;
  padding-bottom: 50px;
}
.page-clip .detail .ml {
  margin-left: 0;
}
.page-clip .img-dis-text {
  font-size: 13px;
}

.page-life {
  padding-top: 0;
}
.page-life .professional {
  margin-top: 70px;
}
.page-life .professional .cont:nth-child(3n) {
  margin-right: 0;
}
.page-life .c-key-visual__ttl {
  top: 122px;
}
.page-life .c-key-visual__sub-ttl {
  top: 82px;
}
.page-life .detail_index .serch_box .left_box .place:before {
  content: url(/assets/img//architects_01.png);
}
.page-life .word-box input {
  padding: 7px;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.page-life .custom select {
  padding: 13px;
}
.page-life .custom:after {
  top: 32%;
}
.page-life .index-slide {
  position: relative;
  overflow: inherit;
}
.page-life .index-slide .category {
  position: initial;
  color: #000000;
  font-weight: 300;
}
.page-life .slick-list {
  position: relative;
}
.page-life .slick-dots {
  position: absolute;
  right: 15px;
  bottom: -700px;
  margin-top: 4px;
  text-align: right;
}
.page-life .slick-dots li {
  display: inline-block;
  margin-left: 12px;
}
.page-life .slick-dots li button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  border-radius: 50%;
  outline: none;
  background-color: #d0d0d0;
  text-indent: -9999px;
  cursor: pointer;
}
.page-life .slick-dots li button:focus {
  border-color: #d0d0d0;
  outline: 0;
}
.page-life .slick-dots li.slick-active button {
  background-color: #7971b4;
}
.page-life .cont-box {
  padding-top: 150px;
}
.page-life-single .b-catalog {
  max-width: 908px;
  margin: auto;
}
.page-life-single .b-catalog__hdg {
  margin-top: 38px;
  font-family: "Shippori Mincho", serif;
  font-size: 42px;
  font-weight: 600;
  text-align: center;
}
.page-life-single .b-catalog__subhdg {
  max-width: 760px;
  margin: auto;
  padding-bottom: 20px;
  border-bottom: 1px solid #007BE5;
  font-family: "Shippori Mincho", serif;
  font-size: 28px;
  font-weight: 500;
  text-align: center;
}
.page-life-single .b-catalog__label {
  max-width: 416px;
  margin: 40px auto 0;
  padding: 8px 0;
  background: url(../img/hdg_bg.svg) no-repeat center;
  background-size: contain;
  font-size: 18px;
  text-align: center;
}
.page-life-single .b-catalog__list {
  gap: 60px 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 88px auto 160px;
  padding: 0;
}
.page-life-single .b-catalog-item {
  max-width: 200px;
  font-size: 15px;
  list-style: none;
}
.page-life-single .b-catalog-item__img:hover {
  opacity: 1;
}
.page-life-single .b-catalog-item__hdg {
  margin-top: 16px;
}
.page-life-single .b-catalog-item__btn {
  position: relative;
  margin-top: 22px;
  padding: 11px 0;
  background-color: rgba(0, 123, 229, 0.1);
  color: #007BE5;
  font-weight: bold;
  text-align: center;
}
.page-life-single .b-catalog-item__btn::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 12px;
  height: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/right-arrow.svg) no-repeat center;
  content: "";
}
.page-life-single .b-catalog-item:hover .b-catalog-item__img {
  opacity: 0.9;
}
.page-life-single .b-catalog-item:hover .b-catalog-item__hdg {
  opacity: 0.9;
}
.page-life-single .b-catalog-item:hover .b-catalog-item__btn {
  background-color: #9C9CE2;
  color: #fff;
}
.page-life-single .b-catalog-item:hover .b-catalog-item__btn::after {
  background: url(../img/right-arrow_wh.svg) no-repeat center;
}
.professional .text_cont .textOverflow {
  height: 90px;
}
.contact .cont-box {
  padding-top: 0;
}
.contact .cont-box .btn {
  width: 100%;
  border-bottom: none;
}
@media screen and (min-width: 769px) {
.contact .l-footer__menu:nth-of-type(2) {
  margin-left: 120px;
}
}
.contact .userinfo {
  margin-left: 150px;
}
.page-point-index .c-key-visual {
  height: 250px;
  padding: 0;
}
.page-point-index .c-key-visual__sub-ttl {
  position: absolute;
  top: 112px;
  left: -187px;
}
.page-point-index .c-key-visual__bg {
  margin-right: 40px;
}
.page-point-index .c-key-visual__ttl {
  position: absolute;
  top: 102px;
  left: -160px;
}
.page-point-index .c-key-visual__breadcrumbs {
  right: 0;
  margin-right: 40px;
}
.page-point-index .c-key-visual__prev {
  position: absolute;
}
.page-point-index .c-key-visual__bg-box {
  right: 0;
}
.page-point-index .section-title {
  position: relative;
  margin: 45px 0 30px 0;
  padding-bottom: 5px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
.page-point-index .section-title img {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 530px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page-point-index .exchange-subject {
  margin-top: 100px;
}
.page-point-index .point-about {
  margin-bottom: 105px;
  padding-top: 15px;
}
.page-point-index .point-about__title {
  position: relative;
  margin: 35px 0 30px 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
.page-point-index .point-about__title img {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 530px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page-point-index .point-about__discription {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
}
.page-point-index .point-about__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}
.page-point-index .point-about__list li {
  width: 24.5%;
  padding: 15px 25px 15px;
  border: 1px solid #999999;
}
.page-point-index .point-about__list li:first-child p {
  font-size: 14px;
}
.page-point-index .point-about__list li img {
  width: 220px;
  max-width: 100%;
}
.page-point-index .point-about__list li p {
  margin-top: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.page-point-index .point-get__list {
  width: calc(100% - 100px);
  margin: 30px auto 45px;
}
.page-point-index .point-get__list .red {
  color: #dd001d;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.page-point-index .point-get__list img {
  width: 57px;
}
.page-point-index .point-get__annotation {
  text-align: center;
}
.page-point-index .point-get__annotation span {
  display: inline-block;
  padding: 0 40px;
  border-radius: 10px;
  background: #666666;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
}
.page-point-index .point-get__title-box {
  padding: 4px;
}
.page-point-index .point-get__title {
  color: #fff;
  font-size: 26px;
  text-align: center;
}
.page-point-index .point-get__text {
  color: #fff;
  font-size: 15px;
  text-align: center;
}
.page-point-index .point-get__list-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  padding: 10px 110px 10px 190px;
}
.page-point-index .point-get__list-detail:first-child {
  border-bottom: 1px solid #8f7e71;
}
.page-point-index .point-get__list-detail a {
  text-decoration: underline;
}
.page-point-index .point-get__list-detail img {
  position: absolute;
  top: -2px;
  left: 120px;
}
.page-point-index .point-get__list-detail .text {
  margin-right: 70px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 22px;
  font-weight: 700;
  white-space: nowrap;
}
.page-point-index .point-get__list-detail .text .logo {
  display: inline-block;
  position: relative;
  margin-left: 65px;
}
.page-point-index .point-get__list-detail .text .logo img {
  position: absolute;
  top: -6px;
  left: -60px;
  width: 45px;
  height: auto;
}
.page-point-index .point-get .login p {
  margin-bottom: 5px;
}
.page-point-index .point-get .target {
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
}
.page-point-index .point-get .target p {
  margin-left: 5px;
}
.page-point-index .point-get__target-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}
.page-point-index .point-get__target-list .card-wrap {
  width: 49%;
}
.page-point-index .point-get__target-list .quiz {
  border: 8px solid #ddd8d4;
}
.page-point-index .point-get__target-list .quiz .quiz-title-box {
  background: #a5988d;
}
.page-point-index .point-get__target-list .build {
  border: 8px solid #cccccc;
}
.page-point-index .point-get__target-list .build .build-title-box {
  background: #8c8c8c;
}
.page-point-index .point-get__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 20px 30px 10px;
}
.page-point-index .point-get__content-detail {
  width: 30%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.page-point-index .point-get__content-detail span {
  color: #b12c3d;
  font-size: 25px;
}
.page-point-index .point-get__content-detail img {
  width: 133px;
}
.page-point-index .point-get__content-detail .text-wide {
  width: 150%;
  -webkit-transform: translate(-17%, 0%);
          transform: translate(-17%, 0%);
}
.page-point-index .point-get__supplement {
  margin-top: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
}
.page-point-index .point-exchange__discription {
  margin-bottom: 30px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
}
.page-point-index .point-exchange__common {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.page-point-index .point-exchange .gift-inner {
  width: 650px;
  margin: 0 auto;
}
.page-point-index .point-exchange .capcha-img {
  width: calc(100% - 400px);
  margin: 0 auto;
}
.page-point-index .point-exchange__title {
  width: calc( 100% - 240px );
  margin: 40px auto 20px;
  border-bottom: 1px solid #d8cdc3;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
}
.page-point-index .point-exchange__common-content {
  width: 310px;
  padding: 20px 0 10px;
  border: 1px solid #bcb2aa;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
}
.page-point-index .point-exchange__common-content img {
  display: inline-block;
  width: 67px;
}
.page-point-index .point-exchange__common-content p {
  margin-top: 10px;
}
.page-point-index .point-exchange .donation-content {
  padding: 5px 60px;
}
.page-point-index .point-exchange__common-text {
  position: relative;
  margin-top: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
}
.page-point-index .point-exchange__common-text .red {
  color: #b12c3d;
}
.page-point-index .point-exchange__common-text .point-image-position {
  position: relative;
}
.page-point-index .point-exchange__common-text .triangle {
  position: relative;
}
.page-point-index .point-exchange__common-text .triangle:before {
  position: absolute;
  top: 0;
  left: -30px;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  border-right: 8px solid transparent;
  border-bottom: 13.6025px solid #7a7473;
  border-left: 8px solid transparent;
  content: "";
}
.page-point-index .point-exchange__common-text img {
  display: inline-block;
  position: absolute;
  top: -3px;
  left: 17px;
  width: 30px;
}
.page-point-index .point-exchange .donation-point {
  top: -6px;
  left: -35px;
}
.page-point-index .point-exchange__common-detail {
  width: 310px;
  margin: 0 auto;
}
.page-point-index .point-exchange__donation {
  margin-top: 10px;
}
.page-point-index .point-exchange__donation p {
  margin-bottom: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
}
.page-point-index .point-exchange__habitat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  margin: 0 auto;
}
.page-point-index .point-exchange__habitat p {
  margin-bottom: 0;
  margin-left: 10px;
  font-size: 12px;
  text-align: left;
}
.page-point-index .point-exchange__habitat img {
  width: 165px;
  border: 1px solid #ccc;
}
.welcome .c-key-visual {
  height: 250px;
  padding: 0;
}
.welcome .c-key-visual__ttl {
  top: 100px;
  left: -190px;
}
.welcome .c-key-visual__bg-box {
  position: static;
  margin-right: 40px;
}
.welcome .logo-content {
  position: absolute;
  top: 50px;
  left: 15px;
}
.welcome .logo-content .logo-box {
  position: relative;
  width: 100px;
  height: 100px;
  background-color: #c5c1ee;
}
.welcome .logo-content .logo-box .logo-text {
  position: absolute;
  right: -60px;
  bottom: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.welcome .logo-concept {
  top: 0px;
}
.welcome .show-page {
  margin: 20px auto;
  padding: 15px 10px;
  border: 1px solid #8f7e71;
  color: #8f7e71;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
}
.welcome .page-read {
  display: inline-block;
}
.welcome .concept .concept-inner {
  position: relative;
  overflow: hidden;
}
.welcome .concept__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.welcome .concept__left {
  width: 28%;
}
.welcome .concept__left .couple-img {
  width: 225px;
  margin-left: 55px;
}
.welcome .concept__right {
  width: 68%;
  padding-top: 70px;
  font-size: 15px;
}
.welcome .concept__right .concept-title {
  width: 325px;
  margin-bottom: 20px;
}
.welcome .concept__right .home-create-img {
  width: 280px;
  margin: -66px -34px 0 30px;
  float: right;
}
.welcome .concept__img-list {
  position: relative;
  width: 100%;
  height: 180px;
}
.welcome .concept__img-list .list {
  position: absolute;
  width: 125px;
}
.welcome .concept__img-list .list-01 {
  top: 0;
  left: -5px;
}
.welcome .concept__img-list .list-02 {
  top: 10px;
  left: 110px;
}
.welcome .concept__img-list .list-03 {
  top: 20px;
  left: 230px;
}
.welcome .concept__introduce {
  position: relative;
  width: 162px;
  margin-right: 127px;
  float: right;
}
.welcome .concept__introduce .description {
  position: absolute;
  bottom: 0;
  left: -160px;
  width: 140px;
}
.welcome .concept__introduce .description span {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 13px;
}
.welcome .intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.welcome .intro .intro-inner {
  z-index: 1px;
  position: relative;
  width: 1100px;
  margin: 0 auto;
  padding-top: 210px;
  padding-bottom: 80px;
  background-image: url("/assets/img/welcome_intro_bg.png");
  background-position: bottom 8px left 168px;
  background-repeat: no-repeat;
  background-size: auto;
}
.welcome .intro figure {
  width: 40%;
  margin: 0 0 15px 15px;
  float: right;
}
.welcome .intro .logo-box .logo-text {
  right: -110px;
}
.welcome .intro__bold {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.welcome .intro__left {
  position: absolute;
  top: 80px;
  left: 110px;
  width: 30%;
}
.welcome .intro .planning-left {
  left: 59px;
}
.welcome .intro .build-left {
  top: 80px;
  left: 12px;
}
.welcome .intro .complete-left {
  left: 120px;
}
.welcome .intro__img-box {
  position: relative;
}
.welcome .intro__right {
  width: 72%;
  margin-left: 320px;
}
.welcome .intro__right .pc-on {
  display: inline;
}
.welcome .intro__right .sp-on {
  display: none;
}
.welcome .intro .build-right {
  position: relative;
  margin: 0 0 5px 205px;
}
.welcome .intro .evaluation-list-box {
  position: absolute;
  right: -130px;
  bottom: -80px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.welcome .intro .evaluation-list-box span {
  display: block;
  color: #a5988d;
  text-align: center;
}
.welcome .intro .evaluation-list {
  display: inline-block;
  margin-bottom: 5px;
  padding: 20px 20px 20px 40px;
  border-radius: 10px;
  background-color: #a5988d;
  color: #fff;
}
.welcome .intro .evaluation-list ol {
  color: #fff;
  list-style-type: decimal;
}
.welcome .intro .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.welcome .intro .content p {
  padding-left: 70px;
}
.welcome .intro .content .complete-right {
  margin-left: 270px;
}
.welcome .intro .content .complete-right p {
  padding-left: 70px;
}
.welcome .intro .img-01 {
  position: absolute;
  top: -65px;
  left: -56px;
  width: 150px;
  margin-bottom: 20px;
}
.welcome .intro .img-02 {
  position: relative;
  width: 190px;
  margin-top: 0;
}
.welcome .intro .img-02 .text {
  position: absolute;
  top: -30px;
  right: 0;
  width: 57px;
}
.welcome .intro .img-02 .complete-txt {
  left: 0;
}
.welcome .intro .img-02 .subject {
  position: absolute;
  top: -40px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.welcome .intro .img-02 .num {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50px;
  height: 50px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #9d8c7d;
  color: #fff;
  font-size: 25px;
  line-height: 48px;
  text-align: center;
}
.welcome .intro__quiz {
  margin-bottom: 76px;
}
.welcome .intro__quiz p {
  padding-left: 0 !important;
}
.welcome .intro__quiz .quiz-img-01 {
  top: -76px;
  left: 55px;
  width: 130px;
}
.welcome .intro__quiz .quiz-title {
  padding: 0;
}
.welcome .intro__quiz .quiz-title:before {
  content: none;
}
.welcome .intro__quiz .quiz-title a {
  display: inline-block;
  position: relative;
}
.welcome .intro__quiz .quiz-title a:after {
  position: absolute;
  right: -10px;
  bottom: 7px;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 2px solid #8f7e71;
  border-right: 2px solid #8f7e71;
  content: "";
}
.welcome .intro__planning {
  margin-bottom: 84px;
  margin-left: 110px;
}
.welcome .intro__planning .planning-img-01 {
  width: 250px;
}
.welcome .intro__build {
  margin-bottom: 150px;
}
.welcome .intro__build .build-img-01 {
  left: -20px;
}
.welcome .intro__title {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  padding: 5px 0 0 70px;
  border-bottom: 1px solid #8f7e71;
  color: #8f7e71;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 25px;
  font-weight: 700;
}
.welcome .intro__title:before {
  position: absolute;
  top: 26px;
  left: -36px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #8f7e71;
  content: "";
}
.welcome .intro__title a {
  display: inline-block;
  position: relative;
  color: #8f7e71;
  font-size: 14px;
}
.welcome .intro__title a:after {
  position: absolute;
  right: -10px;
  bottom: 7px;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 2px solid #8f7e71;
  border-right: 2px solid #8f7e71;
  content: "";
}
.welcome .intro .complete-title {
  padding: 0 0 0 20px;
}
.welcome .intro .planning-right p {
  padding-left: 50px;
}
.welcome .intro .planning-title {
  padding: 5px 0 0 50px;
}
.welcome .intro__recipe .intro__title, .welcome .intro__catalog .intro__title {
  padding-left: 0;
}
.welcome .intro__recipe .intro__title::before, .welcome .intro__catalog .intro__title::before {
  display: none;
}
.welcome .intro__recipe .content__detail, .welcome .intro__catalog .content__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.welcome .point .point__image--sp {
  display: none;
}
.welcome .point .point-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 120px;
}
.welcome .point__text {
  width: 760px;
}
.welcome .point__text h4 {
  margin-bottom: 20px;
  color: #8f7e71;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 25px;
  font-weight: 700;
}
.welcome .point__text p img {
  display: inline;
  width: 20px;
  margin: 0 2px;
  vertical-align: middle;
}
.welcome .point__text p a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-decoration: underline;
}
.welcome .point__image {
  width: 190px;
  margin-top: 60px;
}
.welcome .contact {
  margin: 0 0 160px;
}
.welcome .contact .contact-inner {
  position: relative;
}
.welcome .contact .logo-content {
  top: 10px;
}
.welcome .contact .logo-content .logo-text {
  right: -30px;
}
.welcome .contact__title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.welcome .contact__content {
  position: absolute;
  top: 55px;
  left: 200px;
}
.welcome .contact__tel {
  color: #8f7e71;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.welcome .contact .description {
  display: block;
}
.welcome .contact .here {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-decoration: underline;
}

.page-catalog .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #DEB400;
  font-size: 25px;
  font-weight: bold;
}
.page-catalog .total::before {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 5px;
  background: url(../img/icon_comment.svg) no-repeat center/cover;
  content: "";
}
.page-catalog .key-visual {
  min-width: 1180px;
  max-width: 1440px;
  height: 440px;
  margin: 0 auto;
  padding: 0 80px;
  overflow-y: hidden;
}
.page-catalog .key-visual__inner {
  position: relative;
  height: 100%;
  background: url(../img/catalog_kv_bg.png) no-repeat center bottom/1280px auto;
}
.page-catalog .key-visual__ttlArea {
  z-index: 1;
  position: relative;
}
.page-catalog .key-visual__img {
  position: absolute;
}
.page-catalog .key-visual__fukidashi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 40px;
  font-family: "Shippori Mincho", serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1;
}
.page-catalog .key-visual__fukidashi .fukidashi {
  position: relative;
  padding: 9px;
  background-color: #C19C00;
  color: #fff;
  font-family: "Shippori Mincho", serif;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: 0.05em;
}
.page-catalog .key-visual__fukidashi .fukidashi::before, .page-catalog .key-visual__fukidashi .fukidashi::after {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  content: "";
}
.page-catalog .key-visual__fukidashi .fukidashi::before {
  bottom: -9px;
  left: -9px;
  border-bottom: solid 1px #C19C00;
  border-left: solid 1px #C19C00;
}
.page-catalog .key-visual__fukidashi .fukidashi::after {
  top: -9px;
  right: -9px;
  border-top: solid 1px #C19C00;
  border-right: solid 1px #C19C00;
}
.page-catalog .key-visual__fukidashi .fukidashi span {
  position: relative;
}
.page-catalog .key-visual__fukidashi .fukidashi span::before {
  display: block;
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-width: 5px 3.5px 0 3.5px;
  border-style: solid;
  border-color: #C19C00 transparent transparent transparent;
  content: "";
}
.page-catalog .key-visual__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Shippori Mincho", serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1;
}
.page-catalog .key-visual__ttl .emphasis {
  margin: 20px 0;
  padding-top: 0.5em;
  background-image: radial-gradient(0.07em 0.07em at center center, #9C9CE2, #9C9CE2 100%, transparent);
  background-position: top left 0em;
  background-repeat: repeat-x;
  background-size: 1.13em 0.3em;
  color: #6464C6;
  font-size: 22px;
  line-height: 1;
}
.page-catalog .key-visual__text {
  margin-top: 28px;
  color: #525252;
  font-size: 16px;
  letter-spacing: 0.03em;
  text-align: center;
}
.page-catalog .key-visual .comingsoon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.8);
  color: red;
  font-size: 14px;
  text-align: center;
}
.page-catalog .comment-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 18px;
}
.page-catalog .comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  min-width: 800px;
  padding: 30px;
}
.page-catalog .comment__link {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-catalog .comment__head .profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.page-catalog .comment__head .profile__img {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
}
.page-catalog .comment__head .profile__company {
  font-weight: bold;
  letter-spacing: 0.05em;
}
.page-catalog .comment__head .profile__company a {
  z-index: 2;
  position: relative;
  color: #007BE5;
}
.page-catalog .comment__head .profile__name {
  margin-top: 5px;
  color: #566264;
}
.page-catalog .comment__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 648px;
          flex: 0 0 648px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 648px;
  height: 257px;
  padding: 0 94px;
}
.page-catalog .comment__detail .fukidashi {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-catalog .comment__detail .fukidashi::before {
  display: block;
  position: absolute;
  bottom: 54px;
  left: 30px;
  width: 0;
  height: 0;
  border-width: 0 16px 12px 16px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  content: "";
}
.page-catalog .comment__detail .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
}
.page-catalog .comment__detail .category li:not(:first-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-catalog .comment__detail .category li:not(:first-child)::before {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: url(../img/icon_arrow-right.svg) no-repeat center/cover;
  content: "";
}
.page-catalog .comment__detail .category li a {
  z-index: 2;
  position: relative;
}
.page-catalog .comment__detail .c-star {
  margin-top: 7px;
}
.page-catalog .comment__detail .text-wrap {
  width: 100%;
  margin-top: 16px;
}
.page-catalog .comment__detail .text-wrap .text {
  overflow: hidden;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.8;
}
.page-catalog .comment__detail .text-wrap .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 12px;
  color: #007BE5;
  font-size: 13px;
  font-weight: bold;
}
.page-catalog .comment__detail .text-wrap .more::after {
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 6px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background: url(../img/icon_arrow-down.svg) no-repeat center/cover;
  content: "";
}
.page-catalog .slide-arrow {
  z-index: 10;
  position: absolute;
  width: 36px;
  background-color: #007BE5;
}
.page-catalog .slide-arrow.prev-arrow {
  left: 80px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.page-catalog .slide-arrow.next-arrow {
  right: 80px;
}
.page-catalog .new-articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 50px auto 0;
  padding: 40px 64px;
  -webkit-box-shadow: 0 10px 50px rgba(40, 44, 46, 0.06);
          box-shadow: 0 10px 50px rgba(40, 44, 46, 0.06);
}
.page-catalog .new-articles__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  font-family: "Shippori Mincho", serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.09em;
}
.page-catalog .new-articles__ttl::before {
  display: block;
  width: 42.6px;
  height: 25.17px;
  margin-right: 8px;
  background: url(../img/icon_new.svg) no-repeat center/cover;
  content: "";
}
.page-catalog .new-articles__detail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 854px;
          flex: 0 0 854px;
}
.page-catalog .new-articles__detail .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 8px;
  border-bottom: solid 1px #F2F2F2;
}
.page-catalog .new-articles__detail .list:not(:first-child) {
  padding-top: 8px;
}
.page-catalog .new-articles__detail .list dt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 174px;
          flex: 0 0 174px;
  width: 174px;
  padding: 8px 0;
}
.page-catalog .new-articles__detail .list dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-catalog .new-articles__detail .list dd a {
  display: block;
  width: 160px;
  margin-left: 20px;
  padding: 8px 0;
  color: #007BE5;
  font-weight: bold;
}
.page-catalog .category-list {
  margin-top: 60px;
}
.page-catalog .category-list__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-catalog .category-list__ttl {
  font-family: "Shippori Mincho", serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.09em;
}
.page-catalog .category-list__detail {
  margin-top: 40px;
  padding: 48px 52px 20px;
  -webkit-box-shadow: 0 10px 50px rgba(40, 44, 46, 0.06);
          box-shadow: 0 10px 50px rgba(40, 44, 46, 0.06);
}
.page-catalog .category-list__detail .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-catalog .category-list__detail .row > div {
  padding-bottom: 40px;
  font-size: 15px;
}
.page-catalog .category-list__detail .row > div .c-rect-ttl {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.03em;
  text-decoration: underline;
}
.page-catalog .category-list__detail .row > div .navInnerItem {
  margin-top: 16px;
}
.page-catalog .category-list__detail .row > div .navInnerItem a {
  display: block;
  padding: 8px 0;
  color: #007BE5;
  font-size: 15px;
}
.page-catalog .pr {
  position: relative;
  margin-top: 80px;
  font-size: 13px;
}
.page-catalog .pr__ttl {
  padding: 88px 0 64px;
  background-color: #007BE5;
  color: #fff;
  font-family: "Shippori Mincho", serif;
  font-size: 28px;
  font-weight: 800;
  text-align: center;
}
.page-catalog .pr p {
  margin-top: 36px;
  line-height: 1.8;
}
.page-catalog .pr .note {
  color: #566264;
  font-size: 12px;
  line-height: 2;
}
.page-catalog .pr__detail {
  position: relative;
}
.page-catalog .pr__detail::before {
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #007BE5;
  content: "";
}
.page-catalog .pr__inner {
  width: 880px;
  margin: 0 auto;
  padding: 48px 76px 70px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 40px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 40px rgba(0, 0, 0, 0.05);
}
.page-catalog .pr__s-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.page-catalog .pr__s-ttl::before {
  display: block;
  width: 6px;
  height: 20px;
  margin-right: 12px;
  background-color: #007BE5;
  content: "";
}
.page-catalog .pr ul {
  margin-top: 36px;
  padding: 22px 12px;
  border-top: solid 1px #DCE7E8;
  border-bottom: solid 1px #DCE7E8;
}
.page-catalog .pr ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 6px 0;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
}
.page-catalog .pr ul li::before {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8px;
          flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin: calc((1.5em - 8px) / 2) 8px 6px 0;
  background-color: #007BE5;
  content: "";
}
.page-catalog .pr .c-contact-btn {
  margin: 40px auto;
}
.page-catalog .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 20px;
}
.page-catalog .item .slider {
  font-size: 0;
}
.page-catalog .item .slider__main {
  position: relative;
  max-width: 820px;
}
.page-catalog .item .slider__main .slide .slick-slide {
  width: 480px;
  margin: 0 120px;
}
.page-catalog .item .slider__main .slide .slick-slide .photo {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 482px;
  border: solid 1px #E1DFE7;
}
.page-catalog .item .slider__main .slide .slick-slide .photo img {
  width: auto;
  max-width: 100%;
  height: 482px;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: contain;";
}
.page-catalog .item .slider__main .slide .slick-slide img {
  display: block;
}
.page-catalog .item .slider__main .slide .slick-slide .caption {
  display: block;
  padding: 8px 12px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 2;
  text-align: left;
}
.page-catalog .item .slider__main .slide-arrow {
  top: 232px;
}
.page-catalog .item .slider__main .slide-arrow.prev-arrow {
  left: 0;
}
.page-catalog .item .slider__main .slide-arrow.next-arrow {
  right: 0;
}
.page-catalog .item .slider__main .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  background-color: #F9F8FA;
}
.page-catalog .item .slider__main .slick-dots li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 72px;
  height: 72px;
  margin: 18px;
  border: solid 1px #E1DFE7;
  background-color: #fff;
}
.page-catalog .item .slider__main .slick-dots li img {
  max-width: 100%;
}
.page-catalog .item .slider__main .slick-dots li.slick-active {
  border: solid 2px #007BE5;
}
.page-catalog .item__detail {
  width: 100%;
  padding: 32px 36px;
  background-color: #F9F8FA;
}
.page-catalog .item__company {
  color: #8D9D9F;
  font-family: "Shippori Mincho", serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.page-catalog .item__name {
  margin-top: 10px;
  font-family: "Shippori Mincho", serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5;
}
.page-catalog .item__price {
  margin-top: 24px;
  font-family: "Shippori Mincho", serif;
  font-size: 20px;
  font-weight: 600;
}
.page-catalog .item__review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 25px;
  color: #DEB400;
  font-size: 24px;
  font-weight: bold;
}
.page-catalog .item__review .c-star {
  margin-top: 0;
}
.page-catalog .item__review .c-star__num {
  font-size: 27px;
}
.page-catalog .item__review .c-star__num::after {
  width: 204px;
  height: 24px;
}
.page-catalog .item__btn-area {
  padding-top: 10px;
}
.page-catalog .item__btn-area > * {
  margin-top: 16px;
}
.page-catalog .item__information {
  margin-top: 32px;
}
.page-catalog .item__information dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.page-catalog .item__information dl:not(:first-child) {
  margin-top: 20px;
}
.page-catalog .item__information dl .c-rect-ttl {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  padding-right: 1em;
  color: #566264;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.page-catalog .item__information dl .c-rect-ttl::before {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5px;
          flex: 0 0 5px;
  width: 5px;
  height: 5px;
  margin: calc((1.5em - 5px) / 2) 6px 0 0;
  background-color: #007BE5;
}
.page-catalog .item__information dl dd {
  font-size: 15px;
  font-weight: bold;
  text-align: right;
  text-align: left;
}
.page-catalog .item__information dl dd a {
  color: #007BE5;
}
.page-catalog .review-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 75px;
}
.page-catalog .review {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 67.1875%;
          flex: 0 0 67.1875%;
  margin-right: 4%;
}
.page-catalog .review .view-select {
  color: #007BE5;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
}
.page-catalog .review__ttl-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-catalog .review__ttl-area > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-catalog .review__ttl-area .review-outline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 12px;
}
.page-catalog .review__ttl-area .review-outline .c-star {
  margin-top: 0;
}
.page-catalog .review__ttl-area .review-outline .c-star__num {
  font-size: 20px;
}
.page-catalog .review__ttl-area .review-outline .c-star__num::before {
  margin-right: 7px;
}
.page-catalog .review__ttl-area .review-outline .c-star__num::after {
  width: 187px;
  height: 22px;
}
.page-catalog .review__ttl-area .review-outline .total {
  margin-left: 16px;
  font-size: 18px;
}
.page-catalog .review__ttl-area .review-outline .total::before {
  width: 26px;
  height: 26px;
}
.page-catalog .review__detail {
  margin-top: 20px;
}
.page-catalog .review__detail p {
  color: #DEB400;
  font-size: 24px;
  font-weight: bold;
}
.page-catalog .review__detail .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 0;
  border-top: solid 1px #DCE7E8;
}
.page-catalog .review__detail .cont:last-child {
  border-bottom: solid 1px #DCE7E8;
}
.page-catalog .review__detail .cont p {
  color: #333;
  font-size: 13px;
  font-weight: normal;
}
.page-catalog .review__detail .cont__thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  width: 80px;
  height: 80px;
  margin-right: 20px;
  overflow: hidden;
  border-radius: 50%;
}
.page-catalog .review__detail .cont__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-catalog .review__detail .cont__ttl > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-catalog .review__detail .cont__ttl .c-star {
  margin-top: 0;
}
.page-catalog .review__detail .cont__ttl .c-star__num {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-catalog .review__detail .cont__ttl .c-star__num::before {
  font-size: 18px;
}
.page-catalog .review__detail .cont__ttl .c-star__num::after {
  width: 167px;
  height: 18px;
}
.page-catalog .review__detail .cont__ttl .company {
  margin-left: 24px;
  color: #007BE5;
  font-size: 14px;
}
.page-catalog .review__detail .cont__ttl .name {
  margin-left: 24px;
  color: #566264;
  font-size: 14px;
}
.page-catalog .review__detail .cont__ttl .date {
  color: #b0c2c4;
  font-size: 14px;
}
.page-catalog .review__detail .cont__detail {
  font-size: 13px;
}
.page-catalog .review__detail .cont__detail > * {
  margin-top: 10px;
}
.page-catalog .review__detail .cont__detail > *.c-modal {
  margin-top: 0;
}
.page-catalog .review__detail .cont__detail a {
  display: block;
}
.page-catalog .review__detail .cont__detail img {
  max-width: 160px;
}
.page-catalog .review__detail .cont__detail .c-modal__bg {
  background-color: rgba(0, 0, 0, 0.5);
}
.page-catalog .review__detail .cont__detail .c-modal__content {
  position: relative;
  width: 61vw;
  padding: 40px;
  border-radius: 4px;
}
.page-catalog .review__detail .cont__detail .c-modal__content .icon-close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  background: url(../img/icon_close.svg) no-repeat center/cover;
}
.page-catalog .review__detail .cont__detail .c-modal__content img {
  width: auto;
  max-width: 100%;
}
.page-catalog .review__detail .cont__detail .c-modal__content .caption {
  position: absolute;
  bottom: 40px;
  left: 40px;
  max-width: calc(100% - 80px);
  padding: 8px 12px;
  -webkit-backdrop-filter: brightness(80%) blur(30px);
          backdrop-filter: brightness(80%) blur(30px);
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: left;
}
.page-catalog .review__detail .cont__detail__text {
  text-align: justify;
}
.page-catalog .review__detail .cont__more {
  display: block;
  font-weight: bold;
  text-align: right;
}
.page-catalog .review__detail .cont__more a {
  position: relative;
  padding-right: 20px;
  color: #007BE5;
}
.page-catalog .review__detail .cont__more a::before {
  content: "\3082\3063\3068\898B\308B";
}
.page-catalog .review__detail .cont__more a::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  background: url(../img/icon_arrow-down.svg) no-repeat center/cover;
  content: "";
}
.page-catalog .review__detail .cont__more a.is-active::before {
  content: "\4E00\90E8\3092\8868\793A";
}
.page-catalog .review__detail .cont__more a.is-active::after {
  -webkit-transform: scale(1, -1) translateY(-50%);
          transform: scale(1, -1) translateY(-50%);
}
.page-catalog--detail .c-rect-ttl {
  font-family: "Shippori Mincho", serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
}
.page-catalog--detail .pr {
  margin-top: 0;
  font-size: 14px;
  line-height: 1.9;
}
.page-catalog--detail .pr p {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #DCE7E8;
  color: #566264;
}
.page-catalog .c-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 35px;
  margin-bottom: 0;
}
.page-catalog .c-pagination__list {
  margin: 0 80px;
}
.page-catalog .c-pagination__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0 4px;
  color: #8D9D9F;
  font-family: "Shippori Mincho", serif;
  font-size: 14px;
  font-weight: 600;
}
.page-catalog .c-pagination__list li a,
.page-catalog .c-pagination__list li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  border: none;
  color: #8D9D9F;
  font-size: 14px;
  line-height: 1;
}
.page-catalog .c-pagination__list li a {
  background-color: #DCE7E8;
}
.page-catalog .c-pagination__list li.current a {
  background-color: #007BE5;
  color: #fff;
}
.page-catalog .c-pagination__prev, .page-catalog .c-pagination__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 88px;
  height: 36px;
  color: #8D9D9F;
  font-family: "Shippori Mincho", serif;
  font-size: 14px;
  font-weight: 600;
}
.page-catalog .c-pagination__prev .icon, .page-catalog .c-pagination__next .icon {
  margin: 0 0 0 4px;
  font-size: 16px;
}
.page-catalog .c-pagination__prev a, .page-catalog .c-pagination__next a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  border: none;
  background-color: #DCE7E8;
  color: #8D9D9F;
  font-size: 14px;
  line-height: 1;
}
.page-catalog .c-pagination__prev .icon {
  margin: 0 4px 0 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.page-catalog .recommend {
  margin-top: 72px;
}
.page-catalog .recommend:not(:first-child) {
  margin-top: 60px;
}
.page-catalog .recommend:last-child {
  margin-bottom: 100px;
}
.page-catalog .recommend .recommend-slide {
  margin-top: 40px;
  padding: 0 36px;
}
.page-catalog .recommend .slide-arrow {
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page-catalog .recommend .slide-arrow.prev-arrow {
  right: inherit;
  left: 0;
  -webkit-transform: scale(-1, 1) translateY(-50%);
          transform: scale(-1, 1) translateY(-50%);
}
.page-catalog .recommend .c-item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin: 0 20px 0 0;
}

.page-catalog-list .p-item-list {
  margin-top: 60px;
}
.page-catalog-list .p-item-list__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-catalog-list .p-item-list__ttl {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.01em;
}
.page-catalog-list .p-item-list__detail {
  margin-top: 48px;
}

.request input[type=radio],
.request input[type=checkbox] {
  display: none;
  margin-right: 16px;
}
.request input[type=checkbox] {
  margin-right: 16px;
}
.request label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 24px;
  padding-left: 40px;
}
.request input[type=checkbox] + label {
  padding-left: 32px;
}
.request input[type=radio] + label::before,
.request input[type=checkbox] + label::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 2px solid #8D9D9F;
  border-radius: 50%;
  background: #fff;
  content: "";
}
.request input[type=radio] + label::after,
.request input[type=checkbox] + label::after {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #007BE5;
  content: "";
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.request input[type=checkbox] + label::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 3px;
  width: 18px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-bottom: 4px solid #fff;
  border-left: 4px solid #fff;
  border-radius: 0;
  background: transparent;
}
.request input[type=checkbox] + label::before {
  border-radius: 4px;
}
.request input[type=radio]:checked + label::before,
.request input[type=checkbox]:checked + label::before {
  border: 2px solid #007BE5;
}
.request input[type=checkbox]:checked + label::before {
  background-color: #007BE5;
}
.request input[type=radio]:checked + label::after,
.request input[type=checkbox]:checked + label::after {
  opacity: 1;
}
.request .request-ttl {
  display: block;
  width: 100%;
  padding: 20px;
  background: #e0e0e0;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.request .request-ttl .emphasis {
  color: #ff5050;
}
.request .radio-btns {
  gap: 20px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.request .radio-btns .attributeElse {
  gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.request .radio-btns .attributeElse label {
  white-space: nowrap;
}
.request .postalCode-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.request .postalCode-area input {
  width: auto;
  max-width: 150px;
}
.request .postalCode-ttl {
  margin-right: 16px;
  color: #333;
  font-size: 13px;
  white-space: nowrap;
}
.request .contact_btn {
  margin-top: 64px;
}
.request .contact_btn .submit_btn.submit_btn--emphasis {
  background-color: #ff7f50;
}
.request .includedItems {
  padding: 24px 40px 64px;
  background-color: #e0e0e0;
}
.request .includedItems .form_tab {
  margin-bottom: 20px;
}
.request .includedItems__inner {
  padding: 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 50px rgba(51, 51, 51, 0.16);
          box-shadow: 0 10px 50px rgba(51, 51, 51, 0.16);
}
.request .sendingRequest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.request .sendingRequest label {
  min-width: calc(7em + 40px);
}
.request .sendingRequestItems {
  padding-top: 40px;
}
.request .sendingRequestItems .category {
  padding: 24px 0;
  border-top: dashed 1px #ddd;
}
.request .sendingRequestItems .category dt {
  position: relative;
  font-weight: bold;
}
.request .sendingRequestItems .category dt label {
  z-index: 1;
  position: relative;
}
.request .sendingRequestItems .category dd {
  gap: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
}
.request .request-thanks {
  font-size: 14px;
  line-height: 1.9;
  text-align: center;
}
.request .request-thanks__ttl {
  margin: 40px auto;
  font-size: 18px;
}
.request .request-thanks .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 190px;
  height: 42px;
  margin: 40px auto;
  background-color: #797979;
  color: #fff;
  font-size: 14px;
}

.page-recipe-item .article__profileBrand, .page-recipe .item__brand {
  margin-top: 8px;
  color: #585454;
  font-size: 15px;
  font-weight: bold;
}

.page-recipe-item .article__profileName, .page-recipe .item__name {
  margin: 2px 0 20px;
  color: #266DCE;
  font-size: 18px;
  font-weight: bold;
  text-decoration: underline;
}
.page-recipe .recipe-ttl {
  gap: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.page-recipe .recipe-ttl::before {
  display: block;
  width: 14px;
  height: 13px;
  background-color: #fff;
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14.744" height="14" viewBox="0 0 14.744 14"><path id="Icon_recipe" d="M8.243,12.57l2.182-2.182L5.012,4.983a3.09,3.09,0,0,0,0,4.364Zm5.228-1.4a3.749,3.749,0,0,0,4.064-1.064c1.473-1.473,1.758-3.585.625-4.719s-3.238-.848-4.719.625a3.749,3.749,0,0,0-1.064,4.064L4.85,17.605l1.087,1.087,5.313-5.3,5.3,5.3,1.087-1.087-5.3-5.3Z" transform="translate(-4.11 -4.7)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14.744" height="14" viewBox="0 0 14.744 14"><path id="Icon_recipe" d="M8.243,12.57l2.182-2.182L5.012,4.983a3.09,3.09,0,0,0,0,4.364Zm5.228-1.4a3.749,3.749,0,0,0,4.064-1.064c1.473-1.473,1.758-3.585.625-4.719s-3.238-.848-4.719.625a3.749,3.749,0,0,0-1.064,4.064L4.85,17.605l1.087,1.087,5.313-5.3,5.3,5.3,1.087-1.087-5.3-5.3Z" transform="translate(-4.11 -4.7)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.page-recipe .recipe-tabNavigation__tabs {
  display: block;
  z-index: 5;
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  overflow: hidden;
}
.page-recipe .recipe-tabNavigation__tabs::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 1px);
  background-color: #fff;
  content: "";
}
.page-recipe .recipe-tabNavigation__tabs .c-tab {
  z-index: 1;
  position: relative;
  width: auto;
  color: #585454;
}
.page-recipe .recipe-tabNavigation__tabs .c-tab div {
  width: auto;
  padding: 10px 2px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
}
.page-recipe .recipe-tabNavigation__tabs .c-tab.is-active {
  position: relative;
  color: #EF7C4E;
}
.page-recipe .recipe-tabNavigation__tabs .c-tab.is-active::after {
  display: block;
  z-index: 1;
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 100%;
  height: 3px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 1.5px;
  background-color: #EF7C4E;
  content: "";
}
.page-recipe .recipe-tabNavigation__tabs.is-fixed {
  position: fixed;
  top: 84px;
  left: 0;
}
.page-recipe .recipe-tabNavigation__tabs.is-fixed + .recipe-tabNavigation__contents {
  padding-top: 81px;
}
.page-recipe .recipe-tabNavigation__tabsInner {
  gap: 20px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 10px 15px 0;
  overflow-x: auto;
  white-space: nowrap;
}
.page-recipe .recipe-tabNavigation__tabsInner::-webkit-scrollbar {
  display: none;
}
.page-recipe .recipe-tabNavigation__contents {
  padding-bottom: 23px;
}
.page-recipe .recipe-tabNavigation__contents .articleWrap {
  margin-top: 48px;
  margin-bottom: 60px;
}
.page-recipe .article {
  position: relative;
  padding-bottom: 40px;
}
.page-recipe .article__kv {
  position: relative;
  text-align: center;
}
.page-recipe .article__kv.horizontally_long_outer {
  width: 100%;
  height: 0;
  padding-top: 66.3888888889%;
}
.page-recipe .article__kv.vertically_long_outer {
  width: 100%;
  height: 0;
}
.page-recipe .article__kv img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "object-fit: cover";
}
.page-recipe .article__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 12px;
  right: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 20px;
  padding: 0 10px;
  border-radius: 3px;
  background-color: #EF7C4E;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
}
.page-recipe .article__detail {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 10px;
  color: #333;
}
.page-recipe .article__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 56px;
          flex: 0 0 56px;
  width: 56px;
  height: 56px;
  overflow: hidden;
  border: solid 1px #fff;
  border-radius: 50%;
  text-align: center;
}
.page-recipe .article__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover";
}
.page-recipe .article__ttlArea {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: solid 1px #707070;
}
.page-recipe .article__office {
  margin-bottom: 4px;
  font-size: 10px;
}
.page-recipe .article__ttl {
  font-size: 15px;
  font-weight: bold;
}
.page-recipe .article__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #688188;
  font-size: 10px;
  font-weight: bold;
  line-height: 2;
}
.page-recipe .article__tags > *:not(:last-child)::after {
  content: "\FF5C";
}
.page-recipe .article__profile {
  gap: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 11px 0 9px;
}
.page-recipe .article__profile--pb0 {
  padding-bottom: 0;
}
.page-recipe .article__profileIcon {
  -ms-flex-preferred-size: 60px;
      flex-basis: 60px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
}
.page-recipe .article__profileTtlArea {
  width: 100%;
}
.page-recipe .article__profileOffice {
  font-size: 12px;
}
.page-recipe .article__profileTtl {
  font-size: 13px;
  font-weight: bold;
}
.page-recipe .article__profileTtl--l {
  font-size: 16px;
}
.page-recipe .article__slider {
  position: relative;
}
.page-recipe .article__slider .slick-dots {
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: calc(239/390*100vw - 18px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0;
}
.page-recipe .article__slider .slick-dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: #fff;
  font-size: 0;
}
.page-recipe .article__slider .slick-dots .slick-active button {
  background-color: #EF7C4E;
}
.page-recipe .article__slide {
  width: 100%;
}
.page-recipe .article__slideImg {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 61.2820512821%;
}
.page-recipe .article__slideImg img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "object-fit: cover";
}
.page-recipe .article__slideTags {
  display: none;
}
.page-recipe .article__slideTags.is-active {
  display: block;
}
.page-recipe .article__slideTagIcon {
  display: block;
  position: absolute;
  right: 15px;
  bottom: 13px;
  width: 33px;
  height: 33px;
}
.page-recipe .article__slideTagIcon::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  content: "";
}
.page-recipe .article__slideTagIcon::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #566264;
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33"><g id="グループ_270" data-name="グループ 270" transform="translate(-342 -193)"><path id="楕円形_5_-_アウトライン" data-name="楕円形 5 - アウトライン" d="M16.5,1.5A15,15,0,0,0,5.893,27.107,15,15,0,1,0,27.107,5.893,14.9,14.9,0,0,0,16.5,1.5m0-1.5A16.5,16.5,0,1,1,0,16.5,16.5,16.5,0,0,1,16.5,0Z" transform="translate(342 193)" /><g id="グループ_80" data-name="グループ 80" transform="translate(66.905 -224.498)"><g id="Icon_feather-tag" data-name="Icon feather-tag" transform="translate(286.095 427.991)"><path id="パス_23" data-name="パス 23" d="M10.315,17.763a2.2,2.2,0,0,1-1.565-.649L2.47,10.842a.75.75,0,0,1-.22-.531V3A.75.75,0,0,1,3,2.25h7.311a.75.75,0,0,1,.53.22l6.28,6.28a2.218,2.218,0,0,1,0,3.121L11.88,17.115A2.2,2.2,0,0,1,10.315,17.763ZM3.75,10l6.06,6.053a.712.712,0,0,0,1.008,0l5.243-5.243a.714.714,0,0,0,0-1L10,3.75H3.75Z" transform="translate(-3 -3)" /><rect id="長方形_121" data-name="長方形 121" width="1.5" height="1.5" rx="0.75" transform="translate(2.9 2.906)"/></g></g></g></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33"><g id="グループ_270" data-name="グループ 270" transform="translate(-342 -193)"><path id="楕円形_5_-_アウトライン" data-name="楕円形 5 - アウトライン" d="M16.5,1.5A15,15,0,0,0,5.893,27.107,15,15,0,1,0,27.107,5.893,14.9,14.9,0,0,0,16.5,1.5m0-1.5A16.5,16.5,0,1,1,0,16.5,16.5,16.5,0,0,1,16.5,0Z" transform="translate(342 193)" /><g id="グループ_80" data-name="グループ 80" transform="translate(66.905 -224.498)"><g id="Icon_feather-tag" data-name="Icon feather-tag" transform="translate(286.095 427.991)"><path id="パス_23" data-name="パス 23" d="M10.315,17.763a2.2,2.2,0,0,1-1.565-.649L2.47,10.842a.75.75,0,0,1-.22-.531V3A.75.75,0,0,1,3,2.25h7.311a.75.75,0,0,1,.53.22l6.28,6.28a2.218,2.218,0,0,1,0,3.121L11.88,17.115A2.2,2.2,0,0,1,10.315,17.763ZM3.75,10l6.06,6.053a.712.712,0,0,0,1.008,0l5.243-5.243a.714.714,0,0,0,0-1L10,3.75H3.75Z" transform="translate(-3 -3)" /><rect id="長方形_121" data-name="長方形 121" width="1.5" height="1.5" rx="0.75" transform="translate(2.9 2.906)"/></g></g></g></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.page-recipe .article__slideTagLabel {
  position: absolute;
  padding: 1.3vw 2vw;
  border: solid 0.6vw #DDB958;
  border-radius: 0.7vw;
  background-color: #fff;
  font-size: 2.5vw;
}
.page-recipe .article__slideTagLabel::before {
  display: block;
  position: absolute;
  bottom: -2vw;
  left: 3.1vw;
  width: 0;
  height: 0;
  border-width: 2vw 0.6vw 0 0.6vw;
  border-style: solid;
  border-color: #DDB958 transparent transparent transparent;
  content: "";
}
.page-recipe .article__slideTagLabel::after {
  display: block;
  position: absolute;
  bottom: -4.3vw;
  left: 2.8vw;
  width: 1.8vw;
  height: 1.8vw;
  border-radius: 50%;
  background-color: #DDB958;
  content: "";
}
.page-recipe .article__slideTagLabel span {
  gap: 1.2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-recipe .article__slideTagLabel span::after {
  display: block;
  width: 1.2vw;
  height: 2.56vw;
  background-color: #566264;
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="7.119" height="12.45" viewBox="0 0 7.119 12.45"><path id="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M16.219,12.419,11.508,7.711a.886.886,0,0,1,0-1.257.9.9,0,0,1,1.26,0l5.338,5.334a.888.888,0,0,1,.026,1.227l-5.36,5.371a.89.89,0,1,1-1.26-1.257Z" transform="translate(-11.246 -6.196)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="7.119" height="12.45" viewBox="0 0 7.119 12.45"><path id="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M16.219,12.419,11.508,7.711a.886.886,0,0,1,0-1.257.9.9,0,0,1,1.26,0l5.338,5.334a.888.888,0,0,1,.026,1.227l-5.36,5.371a.89.89,0,1,1-1.26-1.257Z" transform="translate(-11.246 -6.196)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.page-recipe .article__slideComment {
  padding: 7px 0;
  background-color: #F4F4F4;
  color: #585454;
  font-size: 11px;
}
.page-recipe .article__text {
  margin-top: 23px;
  font-size: 12px;
  line-height: 1.6666666667;
}
.page-recipe .article__btns {
  gap: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 26px;
  padding-bottom: 20px;
}
.page-recipe .recipe-sec__ttl {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.page-recipe .recipe-sec__ttl::before {
  display: block;
  width: 16px;
  height: 16px;
  background-color: #EF7C4E;
  content: "";
}
.page-recipe .recipe-sec__btns {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 20px;
}
.page-recipe .recipe-sec__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 45px;
  border: solid 1px #707070;
  background-color: #F4F4F4;
  color: #585454;
  font-size: 12px;
  font-weight: bold;
}
.page-recipe .recipe-sec__likesArea {
  margin: 18px 0;
  text-align: center;
}
.page-recipe .recipe-sec--recommend {
  padding-bottom: 27px;
}
.page-recipe .recipe-sec--recommend .recipe-sec__ttl::before {
  background-color: #DDB958;
}
.page-recipe .recipe-sec--recommend .item--main .item__img {
  display: block;
}
.page-recipe .recipe-sec--recommend .item--main .item__inner {
  display: grid;
}
.page-recipe .recipe-sec--recommend .item--main .item__namewWrap {
  grid-area: namewWrap;
}
.page-recipe .recipe-sec--recommend .item--main .item__profileWrap {
  grid-area: profileWrap;
}
.page-recipe .recipe-sec--recommend .item--main .item__reviewWrap {
  grid-area: reviewWrap;
}
.page-recipe .recipe-sec--recommend .item--main .item__imgWrap {
  position: relative;
  grid-area: imgWrap;
}
.page-recipe .recipe-sec--recommend .item--main .item__reviewCountwWrap {
  grid-area: reviewCountwWrap;
}
.page-recipe .recipe-sec--recommend .item--main .item__reviewCount {
  margin: 16px 0 4px;
  border-bottom: 1px solid #266DCE;
  color: #266DCE;
  font-size: 15px;
}
.page-recipe .recipe-sec--recommend .item--main .item__profileWrap .article__profile {
  padding-top: 20px;
}
.page-recipe .recipe-sec--recommend .item--main .item__profileWrap .article__profileIcon {
  -ms-flex-preferred-size: 32px;
      flex-basis: 32px;
  width: 32px;
  height: 32px;
}
.page-recipe .recipe-sec--recommend .item--main .item__profileWrap .article__profileOffice {
  font-size: 12px;
}
.page-recipe .recipe-sec--recommend .item--main .item__profileWrap .article__profileTtl {
  font-size: 12px;
  font-weight: bold;
}
.page-recipe .recipe-sec--recommend .item--main .item__review {
  margin-top: 20px;
  font-size: 16px;
}
.page-recipe .recipe-sec--recommend .item--main .item__point {
  display: inline-block;
  margin-top: 18px;
  padding: 2px 5px;
  border-radius: 8px;
  background-color: #DDB958;
  color: white;
  font-size: 14px;
}
.page-recipe .recommend {
  margin-top: 28px;
  padding: 16px 0 0;
  background-color: #F4F4F4;
}
.page-recipe .recommend__ttl {
  margin-bottom: 18px;
  color: #585454;
  font-size: 15px;
  font-weight: bold;
}
.page-recipe .recommend__inner {
  gap: 15px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
}
.page-recipe .recommend__inner::-webkit-scrollbar {
  display: none;
}
.page-recipe .recommend .slick-slide {
  width: 118px;
  margin: 0 6px;
}
.page-recipe .recommend .item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 118px;
          flex: 0 0 118px;
  width: 118px;
  margin-top: 0;
}
.page-recipe .recommend .item a {
  display: block;
  padding: 0 0 18px;
}
.page-recipe .recommend .item__img {
  padding-top: 89.8305084746%;
}
.page-recipe .recommend .item__brand {
  font-size: 11px;
}
.page-recipe .recommend .item__name {
  margin: 3px 0 0;
  font-size: 15px;
}
.page-recipe .recommend .item__ttl {
  margin-top: 7px;
  color: #585454;
  font-size: 12px;
  font-weight: bold;
}
.page-recipe .recommend--idea {
  padding-bottom: 10px;
  background-color: transparent;
}
.page-recipe .recommend--idea .recommend__inner .slick-slide {
  width: 130px;
}
.page-recipe .recommend--idea .item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 130px;
          flex: 0 0 130px;
  width: 130px;
}
.page-recipe .recommend--idea .item__img {
  padding-top: 101.5384615385%;
}
.page-recipe .item {
  display: block;
  position: relative;
  margin-top: 20px;
}
.page-recipe .item__label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 12px;
  left: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 7px 10px;
  border-radius: 3px;
  background-color: #DDB958;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.page-recipe .item__img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 74.4444444444%;
  text-align: center;
}
.page-recipe .item__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "object-fit: cover";
}
.page-recipe .border {
  width: 100%;
  height: 1px;
  background-color: #707070;
}
.page-recipe.header-m .recipe-tabNavigation__tabs.is-fixed {
  top: 62px;
}
.page-recipe.header-m .recipe-tabNavigation__tabs.is-fixed + .recipe-tabNavigation__contents {
  padding-top: 61px;
}
.page-recipe .c-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 35px;
  margin-bottom: 0;
}
.page-recipe .c-pagination__list {
  margin: 0 80px;
}
.page-recipe .c-pagination__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0 4px;
  color: #8D9D9F;
  font-family: "Shippori Mincho", serif;
  font-size: 14px;
  font-weight: 600;
}
.page-recipe .c-pagination__list li a,
.page-recipe .c-pagination__list li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  border: none;
  color: #8D9D9F;
  font-size: 14px;
  line-height: 1;
}
.page-recipe .c-pagination__list li a {
  background-color: #DCE7E8;
}
.page-recipe .c-pagination__list li.current a {
  background-color: #007BE5;
  color: #fff;
}
.page-recipe .c-pagination__prev, .page-recipe .c-pagination__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 88px;
  height: 36px;
  color: #8D9D9F;
  font-family: "Shippori Mincho", serif;
  font-size: 14px;
  font-weight: 600;
}
.page-recipe .c-pagination__prev .icon, .page-recipe .c-pagination__next .icon {
  margin: 0 0 0 4px;
  font-size: 16px;
}
.page-recipe .c-pagination__prev a, .page-recipe .c-pagination__next a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  border: none;
  background-color: #DCE7E8;
  color: #8D9D9F;
  font-size: 14px;
  line-height: 1;
}
.page-recipe .c-pagination__prev .icon {
  margin: 0 4px 0 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.page-recipe-index .recipe-ttlWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 32px;
  background-color: #EF7C4E;
}
.page-recipe-index .pager {
  width: 100%;
  padding-top: 24px;
  border-top: solid 1px #F4F4F4;
  text-align: center;
}
.page-recipe-index .pager p {
  font-size: 12px;
  letter-spacing: 0.1em;
}
.page-recipe-index .pager ul {
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
  font-size: 14px;
  font-weight: bold;
}
.page-recipe-index .pager ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  background-color: #F4F4F4;
}
.page-recipe-index .pager ul li.more, .page-recipe-index .pager ul li.last {
  background-color: #fff;
}
.page-recipe-index .pager ul li.current {
  background-color: #688188;
  color: #fff;
}
.page-recipe-index .pager ul li.prev, .page-recipe-index .pager ul li.next {
  width: 88px;
}
.page-recipe-index .pager ul li.prev {
  margin-right: 76px;
}
.page-recipe-index .pager ul li.prev span,
.page-recipe-index .pager ul li.prev a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.page-recipe-index .pager ul li.prev span::before,
.page-recipe-index .pager ul li.prev a::before {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3A%23B0C2C4%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%200h12v12H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M9.735%206.49H2.24a.5.5%200%201%201%200-1h7.5a.5.5%200%200%201%200%201z%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M6.742%209.506a.5.5%200%200%201-.353-.854L9.052%206%206.389%203.348a.5.5%200%200%201%20.706-.709l3.018%203.007a.5.5%200%200%201%200%20.709L7.095%209.361a.5.5%200%200%201-.353.145z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.page-recipe-index .pager ul li.prev span {
  background-color: #fff;
  color: #B0C2C4;
}
.page-recipe-index .pager ul li.prev a {
  background-color: #DCE7E8;
  color: #688188;
}
.page-recipe-index .pager ul li.prev a::before {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3A%23688188%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%200h12v12H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M9.735%206.49H2.24a.5.5%200%201%201%200-1h7.5a.5.5%200%200%201%200%201z%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M6.742%209.506a.5.5%200%200%201-.353-.854L9.052%206%206.389%203.348a.5.5%200%200%201%20.706-.709l3.018%203.007a.5.5%200%200%201%200%20.709L7.095%209.361a.5.5%200%200%201-.353.145z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.page-recipe-index .pager ul li.next {
  margin-left: 76px;
}
.page-recipe-index .pager ul li.next span,
.page-recipe-index .pager ul li.next a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.page-recipe-index .pager ul li.next span::after,
.page-recipe-index .pager ul li.next a::after {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3A%23B0C2C4%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%200h12v12H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M9.735%206.49H2.24a.5.5%200%201%201%200-1h7.5a.5.5%200%200%201%200%201z%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M6.742%209.506a.5.5%200%200%201-.353-.854L9.052%206%206.389%203.348a.5.5%200%200%201%20.706-.709l3.018%203.007a.5.5%200%200%201%200%20.709L7.095%209.361a.5.5%200%200%201-.353.145z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.page-recipe-index .pager ul li.next span {
  background-color: #fff;
  color: #B0C2C4;
}
.page-recipe-index .pager ul li.next a {
  background-color: #DCE7E8;
  color: #688188;
}
.page-recipe-index .pager ul li.next a::after {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3A%23688188%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%200h12v12H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M9.735%206.49H2.24a.5.5%200%201%201%200-1h7.5a.5.5%200%200%201%200%201z%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M6.742%209.506a.5.5%200%200%201-.353-.854L9.052%206%206.389%203.348a.5.5%200%200%201%20.706-.709l3.018%203.007a.5.5%200%200%201%200%20.709L7.095%209.361a.5.5%200%200%201-.353.145z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.page-recipe-index .pager ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.page-recipe-index .pager ul a {
  color: #8D9D9F;
}

.page-recipe-detail .recipe-ttlWrap {
  position: relative;
}
.page-recipe-detail .recipe-ttlWrap::before {
  display: block;
  width: 100%;
  height: 12px;
  margin-bottom: 11px;
  background-color: #EF7C4E;
  content: "";
}
.page-recipe-detail .recipe-ttl {
  gap: 4px;
  margin-bottom: 4px;
  color: #EF7C4E;
  font-size: 9px;
}
.page-recipe-detail .recipe-ttl::before {
  width: 10px;
  height: 9px;
  background-color: #EF7C4E;
}
.page-recipe-detail .article {
  padding-bottom: 20px;
}
.page-recipe-detail .article__ttl {
  display: block;
  padding-bottom: 9px;
  font-size: 17px;
  font-weight: bold;
}
.page-recipe-detail .article__tags {
  margin-top: 20px;
}
.page-recipe-detail .article .c-btnLikeNum .ml--10 {
  display: inline-block;
  margin-left: 10px;
}

.page-recipe-item .recipe-ttlWrap {
  position: relative;
}
.page-recipe-item .recipe-ttlWrap::before {
  display: block;
  width: 100%;
  height: 12px;
  background-color: #DDB958;
  content: "";
}
.page-recipe-item .article {
  padding-bottom: 20px;
}
.page-recipe-item .article__slider .slick-dots .slick-active button {
  background-color: #DDB958;
}
.page-recipe-item .article__profile {
  padding-bottom: 12px;
}
.page-recipe-item .article__text {
  margin-top: 18px;
}
.page-recipe-item .article__itemBtns {
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 23px;
}
.page-recipe-item .article__itemBtn, .page-recipe-item .article__itemBtn--request, .page-recipe-item .article__itemBtn--official {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 38px;
  border-radius: 3px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}
.page-recipe-item .article__itemBtn--official {
  background-color: #266DCE;
}
.page-recipe-item .article__itemBtn--request {
  background-color: #EF7C4E;
}
.page-recipe-item .article__btns {
  margin-top: 0px;
}
.page-recipe-item .article__btns .c-btnShare {
  padding: 14px 20px;
}
.page-recipe-item .article__btns .c-btnLikeNum {
  padding: 14px 16px;
}
.page-recipe-item .article__btns .c-btnLikeNum::before {
  margin-right: 10px;
}
.page-recipe-item .article__profileItem {
  margin: 12px 0;
}
.page-recipe-item .article__profileBrand {
  margin-top: 0;
}
.page-recipe-item .article__profileName {
  margin: 0;
  color: #333;
  font-size: 20px;
  text-decoration: none;
}
.page-recipe-item .recipe-sec--item .recipe-sec__ttl::before, .page-recipe-item .recipe-sec--comment .recipe-sec__ttl::before {
  background-color: #DDB958;
}
.page-recipe-item .recipe-sec--item {
  margin: 10px auto 20px;
}
.page-recipe-item .recipe-sec--item .recipe-sec__textArea {
  padding-bottom: 25px;
  border-bottom: dotted 1px #707070;
}
.page-recipe-item .recipe-sec--comment {
  margin-bottom: 30px;
}
.page-recipe-item .recipe-sec--comment .recipe-sec__ttl .num {
  font-size: 15px;
  font-weight: normal;
}
.page-recipe-item .recipe-sec--idea {
  margin-top: 20px;
}
.page-recipe-item .commentBlock, .page-recipe-item .commentBlock--company, .page-recipe-item .commentBlock--pro {
  margin-top: 15px;
  border: solid 1px #707070;
  border-radius: 3px;
}
.page-recipe-item .commentBlock .comment:not(:first-child), .page-recipe-item .commentBlock--company .comment:not(:first-child), .page-recipe-item .commentBlock--pro .comment:not(:first-child) {
  margin-top: 10px;
}
.page-recipe-item .commentBlock .comment__ttl, .page-recipe-item .commentBlock--company .comment__ttl, .page-recipe-item .commentBlock--pro .comment__ttl {
  font-size: 16px;
  font-weight: bold;
}
.page-recipe-item .commentBlock .comment__name, .page-recipe-item .commentBlock--company .comment__name, .page-recipe-item .commentBlock--pro .comment__name {
  font-size: 15px;
}
.page-recipe-item .commentBlock .comment__text, .page-recipe-item .commentBlock--company .comment__text, .page-recipe-item .commentBlock--pro .comment__text {
  margin-top: 5px;
  font-size: 12px;
}
.page-recipe-item .commentBlock .comment__text li, .page-recipe-item .commentBlock--company .comment__text li, .page-recipe-item .commentBlock--pro .comment__text li {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
}
.page-recipe-item .commentBlock .comment__text li::before, .page-recipe-item .commentBlock--company .comment__text li::before, .page-recipe-item .commentBlock--pro .comment__text li::before {
  content: "\30FB";
}
.page-recipe-item .commentBlock a, .page-recipe-item .commentBlock--company a, .page-recipe-item .commentBlock--pro a {
  color: #266DCE;
  font-weight: bold;
  text-decoration: underline;
}
.page-recipe-item .commentBlock--pro {
  padding: 20px 20px 37px;
  background-color: #F4F4F4;
}
.page-recipe-item .commentBlock--pro .article {
  padding-bottom: 3px;
}
.page-recipe-item .commentBlock--company {
  position: relative;
  margin-left: 50px;
  padding: 20px;
}
.page-recipe-item .commentBlock--company::before {
  display: block;
  position: absolute;
  top: 5px;
  left: -30px;
  width: 23px;
  height: 26px;
  background-color: #585454;
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22.5" height="25.5" viewBox="0 0 22.5 25.5"><path id="Icon_material-subdirectory-arrow-right" data-name="Icon material-subdirectory-arrow-right" d="M28.5,22.5l-9,9-2.13-2.13L22.755,24H6V6H9V21H22.755L17.37,15.63,19.5,13.5Z" transform="translate(-6 -6)"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22.5" height="25.5" viewBox="0 0 22.5 25.5"><path id="Icon_material-subdirectory-arrow-right" data-name="Icon material-subdirectory-arrow-right" d="M28.5,22.5l-9,9-2.13-2.13L22.755,24H6V6H9V21H22.755L17.37,15.63,19.5,13.5Z" transform="translate(-6 -6)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
}
.page-recipe-item .commentBlock--company .article {
  padding-bottom: 3px;
}
.page-recipe-item .commentBlock--company .comment__ttl {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: solid 1px #707070;
}
.page-recipe-item .commentBlock--company .comment__text {
  margin-top: 10px;
}
.page-favorite .favorite-ttl {
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 19px 0;
  color: #688188;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.page-favorite .favorite-ttl::after {
  display: block;
  width: 22px;
  height: 20px;
  background-color: #FF9090;
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18.759" height="16.755" viewBox="0 0 18.759 16.755"><path id="Icon_heart" d="M19.636,5.979a4.854,4.854,0,0,0-6.982,0l-.951.974-.951-.974a4.856,4.856,0,0,0-6.982,0,5.142,5.142,0,0,0,0,7.15l.951.974,6.982,7.15,6.982-7.15.951-.974A5.141,5.141,0,0,0,19.636,5.979Z" transform="translate(-2.323 -4.497)" /></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18.759" height="16.755" viewBox="0 0 18.759 16.755"><path id="Icon_heart" d="M19.636,5.979a4.854,4.854,0,0,0-6.982,0l-.951.974-.951-.974a4.856,4.856,0,0,0-6.982,0,5.142,5.142,0,0,0,0,7.15l.951.974,6.982,7.15,6.982-7.15.951-.974A5.141,5.141,0,0,0,19.636,5.979Z" transform="translate(-2.323 -4.497)" /></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.page-favorite .favorite-sec {
  position: relative;
  min-height: 520px;
  padding-bottom: 40px;
}
.page-favorite .favorite-comment {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 40px 0;
  background-color: #F4F4F4;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.6666666667;
  text-align: center;
}
.page-favorite .favoriteItem {
  background-color: #fff;
}
.page-favorite .favoriteItem__inner {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 14px;
  padding-bottom: 14px;
  border-top: solid 1px #707070;
}
.page-favorite .favoriteItem__imgWrap {
  display: block;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 150px;
          flex: 0 0 150px;
}
.page-favorite .favoriteItem__img {
  width: 106px;
  height: 106px;
}
.page-favorite .favoriteItem__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-favorite .favoriteItem__img img:hover {
  opacity: 1;
}
.page-favorite .favoriteItem__badge {
  position: absolute;
  top: 25px;
  right: 0;
  width: 56px;
  height: 56px;
  overflow: hidden;
  border-radius: 50%;
}
.page-favorite .favoriteItem__badge img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-favorite .favoriteItem__badge img:hover {
  opacity: 1;
}
.page-favorite .favoriteItem__detail {
  position: relative;
  -ms-flex-preferred-size: calc(100% - 150px);
      flex-basis: calc(100% - 150px);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.page-favorite .favoriteItem__category, .page-favorite .favoriteItem__office {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  font-size: 10px;
}
.page-favorite .favoriteItem__category {
  color: #fff;
  font-weight: bold;
}
.page-favorite .favoriteItem__category.category-recipe span {
  background-color: #EF7C4E;
}
.page-favorite .favoriteItem__category.category-item span {
  background-color: #DDB958;
}
.page-favorite .favoriteItem__category.category-catalog span {
  background-color: #9C9CE2;
}
.page-favorite .favoriteItem__category span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 17.5px;
  padding: 0 8.75px;
}
.page-favorite .favoriteItem__office {
  width: 125%;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}
.page-favorite .favoriteItem__ttl {
  min-height: 3.3333333333em;
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.6666666667;
}
.page-favorite .favoriteItem__btn {
  text-align: right;
}
.page-favorite .favoriteItem__trash {
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 16px;
  background-color: #9B0000;
  cursor: pointer;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg id="b" xmlns="http://www.w3.org/2000/svg" width="14.293" height="15.77" viewBox="0 0 14.293 15.77"><g id="c"><g id="d"><path id="e" class="h" d="m13.793,3.954H.5c-.276,0-.5-.224-.5-.5s.224-.5.5-.5h13.293c.276,0,.5.224.5.5s-.224.5-.5.5Z"/><path class="h" d="m10.839,15.77H3.454c-1.09,0-1.977-.887-1.977-1.977V3.454c0-.276.224-.5.5-.5s.5.224.5.5v10.339c0,.538.438.977.977.977h7.385c.539,0,.978-.438.978-.977V3.454c0-.276.224-.5.5-.5s.5.224.5.5v10.339c0,1.09-.887,1.977-1.978,1.977Zm-.739-11.815c-.276,0-.5-.224-.5-.5v-1.477c0-.539-.438-.977-.977-.977h-2.954c-.539,0-.977.438-.977.977v1.477c0,.276-.224.5-.5.5s-.5-.224-.5-.5v-1.477c0-1.09.887-1.977,1.977-1.977h2.954c1.09,0,1.977.887,1.977,1.977v1.477c0,.276-.224.5-.5.5Z"/><path id="f" class="h" d="m5.669,12.077c-.276,0-.5-.224-.5-.5v-4.431c0-.276.224-.5.5-.5s.5.224.5.5v4.431c0,.276-.224.5-.5.5Z"/><path id="g" class="h" d="m8.623,12.077c-.276,0-.5-.224-.5-.5v-4.431c0-.276.224-.5.5-.5s.5.224.5.5v4.431c0,.276-.224.5-.5.5Z"/></g></g></svg>');
          mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg id="b" xmlns="http://www.w3.org/2000/svg" width="14.293" height="15.77" viewBox="0 0 14.293 15.77"><g id="c"><g id="d"><path id="e" class="h" d="m13.793,3.954H.5c-.276,0-.5-.224-.5-.5s.224-.5.5-.5h13.293c.276,0,.5.224.5.5s-.224.5-.5.5Z"/><path class="h" d="m10.839,15.77H3.454c-1.09,0-1.977-.887-1.977-1.977V3.454c0-.276.224-.5.5-.5s.5.224.5.5v10.339c0,.538.438.977.977.977h7.385c.539,0,.978-.438.978-.977V3.454c0-.276.224-.5.5-.5s.5.224.5.5v10.339c0,1.09-.887,1.977-1.978,1.977Zm-.739-11.815c-.276,0-.5-.224-.5-.5v-1.477c0-.539-.438-.977-.977-.977h-2.954c-.539,0-.977.438-.977.977v1.477c0,.276-.224.5-.5.5s-.5-.224-.5-.5v-1.477c0-1.09.887-1.977,1.977-1.977h2.954c1.09,0,1.977.887,1.977,1.977v1.477c0,.276-.224.5-.5.5Z"/><path id="f" class="h" d="m5.669,12.077c-.276,0-.5-.224-.5-.5v-4.431c0-.276.224-.5.5-.5s.5.224.5.5v4.431c0,.276-.224.5-.5.5Z"/><path id="g" class="h" d="m8.623,12.077c-.276,0-.5-.224-.5-.5v-4.431c0-.276.224-.5.5-.5s.5.224.5.5v4.431c0,.276-.224.5-.5.5Z"/></g></g></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.page-favorite .favoriteItem:last-child .favoriteItem__inner {
  border-bottom: solid 1px #707070;
}
@media screen and (max-width: 768px) {
  html {
    -webkit-overflow-scrolling: touch;
    height: 100%;
  }
  body {
    position: relative;
    /*width: 100vw;*/
    width:100%;
    overflow-x: hidden;
  }
  body .js_fixed__bg {
    display: block;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(88, 84, 84, 0.72);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  body .js_fixed__bg.is-active {
    z-index: 80;
    opacity: 1;
  }
  body.js_fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
  }
  body.js_fixed .l-header {
    z-index: 100;
  }
  body.js_humburgerOpen .l-header__inner {
    background-color: transparent;
  }
  .pc-on {
    display: none;
  }
  .sp-on {
    display: block;
  }
  @-webkit-keyframes scrollIcon {
    0% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      -webkit-transform-origin: top;
              transform-origin: top;
    }
    40% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-transform-origin: top;
              transform-origin: top;
    }
    50% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-transform-origin: bottom;
              transform-origin: bottom;
    }
    60% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-transform-origin: bottom;
              transform-origin: bottom;
    }
    100% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      -webkit-transform-origin: bottom;
              transform-origin: bottom;
    }
  }
  @keyframes scrollIcon {
    0% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      -webkit-transform-origin: top;
              transform-origin: top;
    }
    40% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-transform-origin: top;
              transform-origin: top;
    }
    50% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-transform-origin: bottom;
              transform-origin: bottom;
    }
    60% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-transform-origin: bottom;
              transform-origin: bottom;
    }
    100% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      -webkit-transform-origin: bottom;
              transform-origin: bottom;
    }
  }
  .l-header {
    width: 100%;
    height: 60px;
  }
  .l-header #category-list__detail.is-active .ac__detail {
    display: block;
    z-index: 100;
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    padding: 30px 0 60px;
    overflow-y: scroll;
    background-color: #fff;
  }
  .l-header .category-list__ttl {
    padding-left: 36px;
    color: #566264;
    font-size: 14px;
  }
  .l-header .category-list__detail .navInnerItem {
    padding-bottom: 10px;
  }
  .l-header .category-list__detail .navInnerItem.is-active {
    display: block;
  }
  .l-header .category-list__detail .c-rect-ttl {
    width: 100%;
    height: 60px;
    padding: 16px 30px;
    font-size: 16px;
  }
  .l-header .category-list__detail .js-ac__detail .navInnerItem a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 40px;
    padding: 0 30px;
  }
  .l-header .js-slideTarget {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0px;
    right: -83.5897435897%;
    left: inherit;
    width: 83.5897435897%;
    height: 100vh;
    padding: 40px 24px 156px 30px;
    overflow-y: scroll;
    background: #E5E3E3;
    -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.16);
            box-shadow: 0 30px 30px rgba(0, 0, 0, 0.16);
    font-size: 14px;
    font-weight: bold;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .l-header .js-slideTarget.js_appear {
    z-index: 1;
    right: 0;
    opacity: 1;
  }
  .l-header .mypage {
    padding: 38px 4.8717948718vw 38px 16px;
  }
  .l-header .mypage__ttl.name {
    font-size: 16px;
  }
  .l-header .mypage .btn {
    width: 100%;
    height: 37px;
    margin-right: 7.6923076923vw;
    border-radius: 3px;
  }
  .l-header .mypage .point {
    padding: 15px 25px;
    font-size: 14px;
    font-weight: normal;
  }
  .l-header .mypage .point__detail {
    font-size: 14px;
  }
  .l-header .mypage .point__detail .user-point {
    font-size: 33px;
  }
  .l-header .mypage .links {
    padding: 14px 0 22px;
    font-size: 14px;
    font-weight: normal;
  }
  .l-header .mypage .links a {
    padding: 12px 0;
  }
  .l-header .mypage .links a .icon {
    font-size: 20px;
  }
  .l-header .mypage .links a .ico--accountLine::after {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26.126" height="26.126" viewBox="0 0 26.126 26.126"><path id="Icon_account-line" d="M15.313,2.25A13.063,13.063,0,1,1,2.25,15.313,13.078,13.078,0,0,1,15.313,2.25Zm0,24.626A11.563,11.563,0,1,0,3.75,15.313,11.576,11.576,0,0,0,15.313,26.876Zm0-20.932a4.444,4.444,0,1,1-4.444,4.444A4.449,4.449,0,0,1,15.313,5.944Zm0,7.388a2.944,2.944,0,1,0-2.944-2.944A2.947,2.947,0,0,0,15.313,13.332Zm0,2.339A13.82,13.82,0,0,1,20.2,16.707c2.659,1.111,3.235,2.514,3.25,3.5l0,.233-.129.194a9.616,9.616,0,0,1-16.025,0l-.129-.194,0-.233c.015-.982.59-2.385,3.245-3.5A13.818,13.818,0,0,1,15.313,15.671Zm6.613,4.345c-.15-.678-.972-1.37-2.3-1.926a12.35,12.35,0,0,0-4.31-.919A12.35,12.35,0,0,0,11,18.091c-1.329.556-2.149,1.247-2.3,1.926a8.115,8.115,0,0,0,13.226,0Z" transform="translate(-2.25 -2.25)"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26.126" height="26.126" viewBox="0 0 26.126 26.126"><path id="Icon_account-line" d="M15.313,2.25A13.063,13.063,0,1,1,2.25,15.313,13.078,13.078,0,0,1,15.313,2.25Zm0,24.626A11.563,11.563,0,1,0,3.75,15.313,11.576,11.576,0,0,0,15.313,26.876Zm0-20.932a4.444,4.444,0,1,1-4.444,4.444A4.449,4.449,0,0,1,15.313,5.944Zm0,7.388a2.944,2.944,0,1,0-2.944-2.944A2.947,2.947,0,0,0,15.313,13.332Zm0,2.339A13.82,13.82,0,0,1,20.2,16.707c2.659,1.111,3.235,2.514,3.25,3.5l0,.233-.129.194a9.616,9.616,0,0,1-16.025,0l-.129-.194,0-.233c.015-.982.59-2.385,3.245-3.5A13.818,13.818,0,0,1,15.313,15.671Zm6.613,4.345c-.15-.678-.972-1.37-2.3-1.926a12.35,12.35,0,0,0-4.31-.919A12.35,12.35,0,0,0,11,18.091c-1.329.556-2.149,1.247-2.3,1.926a8.115,8.115,0,0,0,13.226,0Z" transform="translate(-2.25 -2.25)"/></svg>');
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
  .l-header .mypage .links a .ico--heartLine::after {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24.166" height="21.752" viewBox="0 0 24.166 21.752"><path id="Icon_heart-line" d="M19.03,3.747a6.6,6.6,0,0,1,4.756,2.017,6.975,6.975,0,0,1,0,9.69L14.2,25.274a.75.75,0,0,1-1.073,0l-9.589-9.82a6.977,6.977,0,0,1,0-9.69,6.619,6.619,0,0,1,9.513,0l.613.628.613-.628A6.6,6.6,0,0,1,19.03,3.747ZM13.66,23.676l9.053-9.27a5.466,5.466,0,0,0,0-7.594,5.118,5.118,0,0,0-7.366,0L14.2,7.989a.75.75,0,0,1-1.073,0l-1.15-1.177a5.119,5.119,0,0,0-7.366,0,5.468,5.468,0,0,0,0,7.594Z" transform="translate(-1.578 -3.747)"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24.166" height="21.752" viewBox="0 0 24.166 21.752"><path id="Icon_heart-line" d="M19.03,3.747a6.6,6.6,0,0,1,4.756,2.017,6.975,6.975,0,0,1,0,9.69L14.2,25.274a.75.75,0,0,1-1.073,0l-9.589-9.82a6.977,6.977,0,0,1,0-9.69,6.619,6.619,0,0,1,9.513,0l.613.628.613-.628A6.6,6.6,0,0,1,19.03,3.747ZM13.66,23.676l9.053-9.27a5.466,5.466,0,0,0,0-7.594,5.118,5.118,0,0,0-7.366,0L14.2,7.989a.75.75,0,0,1-1.073,0l-1.15-1.177a5.119,5.119,0,0,0-7.366,0,5.468,5.468,0,0,0,0,7.594Z" transform="translate(-1.578 -3.747)"/></svg>');
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
  .l-header .mypage .logout {
    padding-top: 15px;
    font-size: 14px;
    font-weight: normal;
  }
  .l-header .mypage .logout a {
    padding: 12px 0;
  }
  .l-header .mypage .logout a .icon {
    font-size: 20px;
  }
  .l-header .list {
    padding: 0;
  }
  .l-header .list li:last-child {
    border-bottom: solid 1px #707070;
  }
  .l-header .list li a {
    padding: 24px;
    font-size: 15px;
  }
  .l-header__inner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 60px;
    padding: 11px 15px 11px 15px;
    background-color: #688188;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .l-header__logo {
    font-size: 31px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .l-header__main-menu {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    right: -83.5897435897%;
    width: 83.5897435897%;
    height: 100vh;
    padding: 40px 24px 56px 30px;
    overflow-y: scroll;
    background: #E5E3E3;
    font-size: 14px;
    font-weight: bold;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .l-header__main-menu.js_appear {
    z-index: 1;
    right: 0;
    opacity: 1;
  }
  .l-header__main-menu .top {
    margin-bottom: 28px;
    padding: 0 0 32px;
    border-bottom: solid 1px #585454;
  }
  .l-header__main-menu .top .logo {
    padding: 0;
  }
  .l-header__main-menu .top .logo .icon_logo {
    color: #585454;
    font-size: 38px;
  }
  .l-header__main-menu .navigation_item {
    height: 50px;
    padding: 0;
  }
  .l-header__main-menu .icon {
    font-size: 28px;
  }
  .l-header__main-menu a {
    width: 100%;
    padding: 12px 0;
  }
  .l-header__sub-menu .navigation_item .ac__ttl, .l-header__sub-menu .navigation_item .ac__item {
    width: 40px;
    height: 40px;
    padding: 0;
  }
  .l-header__sub-menu .navigation_item .ac__ttl .icon-wrap + span, .l-header__sub-menu .navigation_item .ac__item .icon-wrap + span {
    display: none;
  }
  .l-header__sub-menu .navigation_item .ac.menu {
    margin-left: 8px;
  }
  .l-header--under .l-header__main-menu .icon {
    font-size: 28px;
  }
  .l-main-content {
    padding-top: 0;
  }
  .l-wrap {
    padding: 0 15px;
  }
  .l-wrapS {
    padding: 0 50px;
  }
  .l-footer {
    z-index: 0;
    position: relative;
    padding: 22px 0;
  }
  .l-footer__in {
    width: 100%;
    padding: 0;
  }
  .l-footer__menus {
    display: block;
    text-align: center;
  }
  .l-footer__menu {
    width: 90%;
    max-width: 188px;
    margin: auto;
  }
  .l-footer__menu:last-child {
    margin-right: auto;
  }
  .l-footer__menu:not(:first-of-type) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: solid 1px #fff;
  }
  .l-footer__menu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 28px;
    font-size: 10px;
  }
  .l-footer__bot {
    margin-top: 32px;
  }
  .l-footer__bot p {
    margin-top: 28px;
    text-align: center;
  }
  .l-footer__sns {
    gap: 8px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-footer__copy {
    margin-top: 28px;
    text-align: center;
  }
  .l-footer--top .l-footer__menu:nth-of-type(2) {
    padding-top: 0;
    border: none;
  }
  .c-totop-wrap .c-totop {
    z-index: -1;
  }
  .c-inner {
    width: 100%;
  }
  .c-inner--wide {
    width: 100%;
  }
  .c-build-scroll {
    overflow-x: auto;
    white-space: nowrap;
  }
  a.c-button-type1 {
    height: 40px;
    font-size: 18px;
  }
  a.c-button-type1.bd1 {
    margin: 10px auto;
  }
  .c-fixed-login .cross-btn {
    top: 12px;
    left: 4px;
    width: 24px;
    height: 24px;
  }
  .c-fixed-login {
    z-index: 0;
    width: 100%;
  }
  .c-fixed-login .c-login-menu li a {
    width: 138px;
    height: 45px;
  }
  .c-fixed-login__inner {
    padding-left: 16px;
  }
  .c-fixed-login__text {
    padding: 14px 10px 14px 16px;
    font-size: 12px;
  }
  .login-toggle-close {
    left: -100%;
  }
  .c-side-menu {
    position: absolute;
    top: 85vw;
    width: 100%;
    padding: 10px;
    border: 1px solid #4c4c4c;
    background-color: #ece9e7;
    background-image: none;
  }
  .c-side-menu h3 {
    color: #695546;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
  }
  .c-side-menu__text img {
    right: 22px;
  }
  .c-side-menu__line-3 {
    height: auto;
  }
  .c-side-menu p {
    width: 90%;
    margin: auto;
    font-size: 16px;
  }
  .c-side-menu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-side-menu .c-button-type1 {
    height: 40px;
    font-size: 18px;
  }
  .c-menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: auto;
  }
  .c-menu-list li {
    width: 184px;
  }
  .c-menu-card .c-menu-wrap {
    display: block;
    height: 65px;
  }
  .c-build-result {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    margin: 10px 0 30px 0;
  }
  .c-build-result__detail {
    width: 100%;
    min-width: 290px;
    margin: 0 13px;
  }
  .c-build-result__detail--name {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .c-build-result__detail__icon-box {
    padding: 3px 0;
  }
  .c-build-result__detail__icon {
    width: initial;
  }
  .c-build-result__detail__icon--callout img {
    width: 22px;
  }
  .c-build-result__detail__icon--callout span {
    padding: 4px 13px;
    font-size: 12.3px;
  }
  .c-build-result__detail__icon--allow img {
    width: 25px;
  }
  .c-build-result__detail__icon--allow span {
    margin-left: 10px;
    font-size: 12.3px;
  }
  .c-build-result__detail__icon--allow span:before {
    top: -5px;
    left: -9px;
    border-top: 7px solid #000;
  }
  .c-build-result__detail__text p {
    white-space: normal;
  }
  .c-common-btn {
    margin: 15px 0 20px 0px;
  }
  .c-category-select {
    top: initial;
    right: 0px;
    bottom: -125px;
    width: 100%;
    margin: 5px auto 0px;
    background: #8f7e71;
  }
  .c-category-select__list {
    position: relative;
    top: initial;
    left: initial;
    width: 100%;
    padding: 0;
    overflow: scroll;
    background: none;
  }
  .c-category-select__list > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
    -webkit-column-count: auto;
            column-count: auto;
  }
  .c-category-select__list > ul > li {
    margin-right: 2px;
    padding: 5px 6px;
    background: #96877e;
    color: #9e795d;
  }
  .c-category-select__list > ul .is-click {
    background: #fff;
    color: #96867a;
  }
  .c-category-select__box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .c-category-select__title {
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
  }
  .c-category-select__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
    margin-bottom: 0px;
  }
  .c-category-select__image {
    display: none;
  }
  .c-category-select__content {
    display: none;
  }
  .c-category-select__content ul {
    position: fixed;
    top: 185px;
    left: 0;
    width: 100vw;
    margin-left: 0;
    padding: 0px 10px;
  }
  .c-category-select__content ul li {
    display: inline-block;
    margin-right: 10px;
  }
  .c-category-select__content ul li span {
    display: inline-block;
    margin-right: 0;
    padding: 1px 15px;
    border-radius: 15px;
    background: #5b5b5b;
    color: #fff;
    font-size: 12px;
  }
  .c-category-select__content ul li span:before {
    content: none;
  }
  .c-pagenation ul {
    margin: 0;
  }
  .c-key-visual {
    position: unset;
    margin: 0;
  }
  .c-key-visual__breadcrumbs {
    display: none;
  }
  .c-key-visual__prev {
    display: none;
  }
  .c-key-visual__bg {
    left: inherit;
    padding: 20px 10px;
  }
  .c-key-visual__sub-ttl {
    top: -132px;
    left: 126px;
    font-size: 12px;
  }
  .c-key-visual__ttl {
    top: -117px;
    left: 126px;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
  }
  .c-single-nav {
    top: 0;
    left: 10px;
    width: 60%;
    padding: 0;
  }
  .c-single-nav__title {
    font-size: 18px;
  }
  .c-single-nav__title span {
    font-size: 14.5px;
  }
  .c-ranking span {
    top: -19px;
    left: 14px;
    color: #520808;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 700;
  }
  .c-ranking .slick-list {
    width: 100%;
  }
  .c-ranking .slick-dots {
    left: 150px;
  }
  .c-ranking .ranking-slider {
    top: 7px;
    right: inherit;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .c-ranking .c-attention-ranking {
    width: 100%;
    height: 148px;
    padding: 10px 15px 5px;
    border-top: 2px solid #520808;
    background: #ece6e3;
  }
  .c-ranking .c-attention-ranking__maintitle {
    display: none;
    color: #520808;
  }
  .c-ranking .c-attention-ranking__content {
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
        -ms-flex-direction: initial;
            flex-direction: initial;
  }
  .c-ranking .c-attention-ranking__image img {
    width: 282px;
  }
  .c-ranking .c-attention-ranking__title {
    padding: 1px 0 7px 13px;
  }
  .c-ranking .c-attention-ranking__title .title h4 {
    font-size: 14.5px;
  }
  .page-quiz {
    padding-top: 60px;
  }
  .js-content-open {
    margin-top: 75px;
  }
  .c-modal {
    -webkit-overflow-scrolling: touch;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  .c-modal__bg {
    top: 0;
    height: 100vh;
  }
  .c-modal__content {
    z-index: 100000;
    top: 40vh;
    width: 90vw;
    padding: 15px;
  }
  .c-modal__content .circle-mark {
    width: 50px;
    height: 50px;
    border: solid 10px #8f7e71;
  }
  .c-modal__content .answer {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 18px;
  }
  .c-modal__content .point-get {
    font-size: 14px;
  }
  .c-modal__content .txt {
    margin-bottom: 10px;
    font-size: 15px;
    text-align: left;
  }
  .c-modal__content .about-item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
  .c-modal .correct-content textarea {
    height: 70px;
  }
  .ans-modal .c-modal__bg {
    top: 0;
  }
  .c-pagination--catalog .c-pagination__list li.prev {
    margin-right: 30px;
  }
  .c-pagination--catalog .c-pagination__list li.next {
    margin-left: 30px;
  }
  .c-pagination--catalog .c-pagination__list li.prev a, .c-pagination--catalog .c-pagination__list li.next a {
    font-size: 0;
  }
  .c-breadcrumbs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    min-width: inherit;
    margin: 8px 0;
    padding: 0 16px;
  }
  .c-breadcrumbs li {
    margin: 4px 10px 4px 0;
  }
  .c-rect-ttl {
    font-size: 16px;
  }
  .c-rect-ttl::before {
    margin-right: 10px;
  }
  .c-wrap {
    min-width: inherit;
    max-width: inherit;
    padding: 0;
  }
  .c-search-box {
    width: 100%;
  }
  a.c-contact-btn {
    width: 100%;
  }
  .c-result-info {
    margin-top: 40px;
  }
  .c-item-list {
    width: calc(100% - 32px);
    margin: 0 auto;
  }
  .c-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    max-width: inherit;
    margin-bottom: 20px;
    margin-left: 0;
  }
  .c-item__txtwrap {
    width: calc(75% - 16px);
    margin: 0 0 0 16px;
  }
  .c-item__ttlwrap {
    margin: 0 0 12px;
  }
  .c-item__reviewwrap .c-star__num {
    font-size: 18px;
  }
  .c-item__reviewwrap .review {
    font-size: 15px;
  }
  .c-item__img {
    width: 35%;
    height: 120px;
  }
  .c-item__img img {
    height: 120px;
  }
  .c-item__favbtn {
    top: 85px;
    left: 100px;
    width: 28px;
    height: 28px;
    background-size: cover;
  }
  .c-item--new::before {
    font-size: 11px;
  }
  .c-star__num {
    font-size: 16px;
  }
  .c-star__num::before {
    margin-right: 5px;
  }
  .c-star__num::after {
    width: 122px;
    height: 14px;
  }
  .page-index {
    margin: auto;
  }
  .page-index .index-siteCatch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 45px;
  }
  .page-index .index-slide .pc-on {
    display: none;
  }
  .page-index .index-slide .sp-on {
    display: block;
  }
  .page-index .index-slide .key-slide {
    position: relative;
  }
  .page-index .index-slide .key-slide .slick-dots {
    gap: 8px;
    position: absolute;
    bottom: 9px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .page-index .index-slide .key-slide .slick-dots li {
    height: auto;
  }
  .page-index .index-slide .key-slide .slick-dots li button {
    width: 8px;
    height: 8px;
  }
  .page-index .index-slide .key-slide li {
    width: 100%;
    height: 61.5384615385vw;
  }
  .page-index .index-slide .key-slide li a > span {
    left: 0;
  }
  .page-index .index-intro {
    padding: 32px 0;
    font-size: 11px;
    letter-spacing: 0.07em;
    line-height: 1.6363636364;
    text-align: center;
  }
  .page-index .index-intro p:not(:first-child) {
    margin-top: calc(1em * 18 / 11);
  }
  .page-index .index-tabNavigation__tabs .c-tab {
    height: 35px;
    border-bottom: solid 1px #688188;
  }
  .page-index .index-tabNavigation__tabs .c-tab:not(:first-child) {
    border-left: solid 1px #688188;
  }
  .page-index .index-tabNavigation__contents {
    padding: 42px 15px 37px;
    border-bottom: solid 1px #688188;
  }
  .page-index .index-sec .article:not(:first-child) {
    margin-top: 25px;
  }
  .page-index .index-recipe .article:not(:first-child) {
    margin-top: 20px;
  }
  .page-index .index-recipe .article__kv {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 70%;
  }
  .page-index .index-recipe .article__kv img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .page-build .c-single-nav {
    left: 0;
  }
  .page-build--wide {
    width: 100%;
    margin: auto;
  }
  .page-build .c-key-visual {
    height: 0;
  }
  .page-build .c-key-visual__sub-ttl {
    display: block;
    position: static;
    top: 12px;
    left: -40px;
    width: 220px;
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
  }
  .page-build .c-key-visual__bg {
    margin-right: 0;
  }
  .page-build .c-key-visual__ttl {
    display: block;
    position: static;
    top: 7px;
    left: 21px;
    width: 160px;
    border-bottom: none;
    font-size: 18px;
  }
  .page-build .c-key-visual__txt {
    position: static;
    top: 33px;
    left: -40px;
    width: 197px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 10px;
    font-weight: 700;
  }
  .page-build .c-key-visual__bg-box {
    top: 0px;
    left: 0;
  }
  .page-build .build-keyvisu-inner {
    display: inline-block;
    width: 100%;
  }
  .page-build .build-construct-area {
    margin: 100px 0 50px 0;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
  }
  .page-build .build-construct-area__title {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: 700;
  }
  .page-build .build-construct-area__select {
    min-height: 200px;
    padding: 7px 10px;
  }
  .page-build .build-text-section {
    padding: 40px 12px;
  }
  .page-build .build-text-section h4 {
    width: 100%;
    font-size: 19px;
  }
  .page-build .build-text-section h4 span {
    font-size: 28px;
  }
  .page-build .build-text-section h4 .evaluation {
    font-size: 19px;
  }
  .page-build .build-text-section__about {
    font-size: 28px;
    font-weight: normal;
  }
  .page-build .build-text-section__inner {
    width: 100%;
    padding: 30px 10px;
  }
  .page-build .build-text-section__main-wrap {
    padding: 0 10px;
  }
  .page-build .build-text-section__info:before {
    left: 30%;
  }
  .page-build .build-text-section__info:after {
    left: 70%;
  }
  .page-build .build-text-section p {
    font-size: 12px;
  }
  .page-build .build-text-section__btn .c-button-type1 {
    width: 233px;
  }
  .page-build-city {
    padding-top: 0;
  }
  .page-build-result {
    width: 90%;
  }
  .page-build-result .result {
    margin-top: 0;
  }
  .page-build-result .result .c-inner {
    width: 100%;
  }
  .page-build-result .result .result-block {
    margin: 0 0 10px 0;
  }
  .page-build-result .result .result-block__text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 13px;
    font-weight: 700;
  }
  .page-build-result .result .result-block__text span {
    font-size: 10.5px;
    font-weight: normal;
  }
  .page-build-result .result .result-block__change-btn {
    margin-top: 22px;
    margin-right: 10px;
  }
  .page-build-result .result .result-block__change-btn a {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 11px;
    font-weight: 700;
  }
  .page-build-result .result .result-block__change-btn a:before {
    top: 3px;
  }
  .page-build-result .result .c-build-result {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-build-result .result .c-build-result__detail {
    margin: 0 0 40px 0;
  }
  .page-build-result .result .c-build-result__detail--name {
    width: 100%;
  }
  .page-build-single {
    width: 95%;
  }
  .page-build-single .c-single-nav {
    top: -54px;
  }
  .page-build-single .sec {
    margin-top: 80px;
    padding-top: 0;
  }
  .page-build-single .sec .inner {
    width: 100%;
    margin: 0;
  }
  .page-build-single .build-content__main {
    width: 100%;
  }
  .page-build-single .build-content__nav {
    width: 100%;
  }
  .page-build-single .title-box__title {
    font-size: 18px;
  }
  .page-build-single .comment-company {
    margin: 10px;
  }
  .page-build-single .shop-detail-wrap {
    margin-bottom: 40px;
  }
  .page-build-single .layout .slide li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 300px;
    overflow: hidden;
    border: 1px solid #ccc;
  }
  .page-build-single .slick-prev {
    top: 130px;
  }
  .page-build-single .slick-next {
    top: 130px;
  }
  .page-build-single .c-build-result__btn a.c-button-type1 {
    width: calc(100% - 132px);
  }
  .page-build-single .contact_btn {
    margin-bottom: 30px;
  }
  .contact .build-confirm {
    padding-top: 60px;
  }
  .contact .build-confirm .section_ttl span {
    position: relative;
  }
  .page-quiz-index {
    width: 100%;
  }
  .page-quiz-index .c-category-select__list {
    position: static;
  }
  .page-quiz-index .c-key-visual {
    padding-right: 0;
  }
  .page-quiz-index .c-key-visual__bg {
    position: relative;
    width: 100%;
    height: 150px;
    margin-top: 30px;
    content: "";
  }
  .page-quiz-index .c-key-visual__sub-ttl {
    top: -42px;
  }
  .page-quiz-index .c-key-visual__ttl {
    top: -22px;
  }
  .page-quiz-index .index-newinfo-section {
    margin-top: 40px;
  }
  .page-quiz-index .index-newinfo-section .inner {
    width: calc(100% - 22px);
    margin: 0 auto;
  }
  .page-quiz-index .index-newinfo-section__list h3 {
    width: 100%;
    padding-bottom: 5px;
    font-size: 18px;
    text-align: left;
  }
  .page-quiz-index .index-newinfo-section__list ul li {
    margin: 0 50px 0 0;
  }
  .page-quiz-index .index-newinfo-section__list ul li:nth-child(3n) {
    margin-right: 50px;
  }
  .page-quiz-index .index-newinfo-section__list .quiz-list-img {
    z-index: 1;
    min-width: 130px;
  }
  .page-quiz-index .index-newinfo-section .information {
    padding: 0;
  }
  .page-quiz-index .index-newinfo-section .information .c-menu-detail {
    width: 184px;
  }
  .page-quiz-index .index-newinfo-section .information .c-menu-detail h4 {
    font-size: 14.5px;
  }
  .page-quiz-index .index-newinfo-section .information .c-menu-detail span {
    font-size: 12px;
  }
  .page-quiz-index .index-newinfo-section .information ul {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 10px 0 0 0;
    overflow-x: auto;
  }
  .page-quiz-index .index-newinfo-section .information ul li {
    width: 100%;
  }
  .page-quiz-index .index-newinfo-section .information .quiz-list-img {
    min-width: 100px;
    height: auto;
  }
  .page-quiz-index .index-newinfo-section .information {
    padding: 0;
  }
  .page-quiz-index .index-newinfo-section .editor-box {
    margin-top: 20px;
    padding: 0;
    background: #fff;
  }
  .page-quiz-index .index-newinfo-section .editor-box ul li {
    width: 100%;
    margin: 0 0 40px 0;
    border-bottom: 3px solid #8f7e71;
  }
  .page-quiz-index .index-newinfo-section .editor-box ul li .c-menu-card {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-quiz-index .index-newinfo-section .editor-box ul li .c-menu-card .quiz-list-img {
    max-width: initial;
    margin-right: 0;
  }
  .page-quiz-index .index-newinfo-section .editor-box ul li .c-menu-card .c-menu-detail {
    z-index: 10;
    position: absolute;
    top: -30px;
    right: 0;
    width: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(0%, transparent), color-stop(30%, #fff));
    background: linear-gradient(to top, transparent 0%, transparent 0%, #fff 30%);
  }
  .page-quiz-index .index-newinfo-section .editor-box ul li .c-menu-card .c-menu-detail .c-menu-wrap {
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
        -ms-flex-direction: initial;
            flex-direction: initial;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 10px;
  }
  .page-quiz-index .index-newinfo-section .editor-box ul li .c-menu-card .c-menu-detail .c-menu-wrap .company {
    display: block;
    width: initial;
    margin-right: 5px;
    padding: 0;
    border-bottom: none;
    color: #000000;
    font-size: 11px;
    text-align: right;
  }
  .page-quiz-index .index-newinfo-section .editor-box ul li .c-menu-card .c-menu-detail .c-menu-wrap .company .set_width.sp-on {
    display: inline-block;
    width: 24px !important;
    margin-left: 10px;
    vertical-align: middle;
  }
  .page-quiz-index .index-newinfo-section .editor-box ul li .c-menu-card .c-menu-detail .c-menu-wrap .c-menu-data-box {
    margin: 0;
  }
  .page-quiz-index .index-newinfo-section .editor-box ul li .c-menu-card .c-menu-detail .c-menu-wrap .c-menu-data-box .c-menu-l-wrap {
    display: none;
  }
  .page-quiz-index .index-newinfo-section .archives-box {
    padding: 20px 0 0 0;
  }
  .page-quiz-index .index-newinfo-section .archives-box .c-menu-detail {
    width: 184px;
  }
  .page-quiz-index .index-newinfo-section .archives-box .c-menu-detail h4 {
    font-size: 14.5px;
  }
  .page-quiz-index .index-newinfo-section .archives-box .c-menu-detail span {
    font-size: 12px;
  }
  .page-quiz-index .index-newinfo-section .archives-box ul {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 10px 0 0 0;
    overflow-x: auto;
  }
  .page-quiz-index .index-newinfo-section .archives-box ul li {
    width: 100%;
  }
  .page-quiz-index .index-newinfo-section .archives-box ul li:nth-child(3n) {
    margin: 0 50px 70px 0;
  }
  .page-quiz-index .index-newinfo-section .archives-box .quiz-list-img {
    min-width: 130px;
  }
  .page-quiz-single {
    position: relative;
    margin-bottom: 80px;
  }
  .page-quiz-single .c-single-nav {
    width: initial;
  }
  .page-quiz-single .content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin-top: 10px;
  }
  .page-quiz-single .js-content-open {
    margin-top: 70px;
  }
  .page-quiz-single .main-content .c-inner {
    width: 95%;
  }
  .page-quiz-single .main-content .quiz-article__company {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-quiz-single .main-content .quiz-article__company--title {
    margin-bottom: 5px;
    font-size: 11px;
  }
  .page-quiz-single .main-content .quiz-article__company--item {
    margin-bottom: 5px;
    font-size: 9px;
  }
  .page-quiz-single .main-content .quiz-article__company--date {
    font-size: 9px;
    text-align: left;
  }
  .page-quiz-single .main-content .quiz-article__company--img {
    position: absolute;
    right: 3px;
    bottom: 25px;
  }
  .page-quiz-single .main-content .quiz-article__company__datail .information {
    font-size: 9px;
  }
  .page-quiz-single .main-content .quiz-article__text {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .page-quiz-single .main-content .quiz-article__text:nth-child(odd) {
    margin-right: 0;
  }
  .page-quiz-single .main-content .quiz-article__text:nth-child(even) {
    margin-left: 0;
  }
  .page-quiz-single .main-content .quiz-article__img {
    width: 100%;
  }
  .page-quiz-single .main-content .quiz-article__quiz-btn {
    display: none;
  }
  .page-quiz-single .main-content .quiz-article h3 {
    font-size: 16px;
  }
  .page-quiz-single .main-content .quiz-article .quiz-article__movie iframe {
    width: 100% !important;
    height: auto !important;
  }
  .page-quiz-single .main-content .quiz-company-info__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto 30px;
  }
  .page-quiz-single .main-content .quiz-company-info--title {
    width: initial;
    padding-left: 0;
  }
  .page-quiz-single .main-content .quiz-company-info--title span:after {
    content: none;
  }
  .page-quiz-single .main-content .quiz-company-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-quiz-single .main-content .quiz-company-info__box dl dt {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
  }
  .page-quiz-single .main-content .quiz-company-info__box dl dd {
    width: 100%;
  }
  .page-quiz-single .main-content .quiz-recommend__title {
    padding: 0px 18px;
  }
  .page-quiz-single .main-content .quiz-recommend__message-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 14px 19px 32px;
  }
  .page-quiz-single .main-content .quiz-recommend__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 5px;
  }
  .page-quiz-single .main-content .quiz-recommend__img img {
    width: 98px;
    height: 98px;
  }
  .page-quiz-single .main-content .quiz-recommend__intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 30px;
  }
  .page-quiz-single .main-content .quiz-recommend__text-box {
    width: 100%;
  }
  .page-quiz-single .main-content .quiz-recommend__company {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
  }
  .page-quiz-single .main-content .quiz-recommend__name {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
  }
  .page-quiz-single .main-content .quiz-recommend__message {
    margin-top: 6px;
    letter-spacing: 1.2px;
    line-height: 20px;
  }
  .page-quiz-single .main-content .quiz-question h3 {
    width: 70%;
    margin: 30px auto;
  }
  .page-quiz-single .main-content .quiz-question__btn-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: none;
  }
  .page-quiz-single .main-content .quiz-question__answer {
    display: none;
  }
  .page-quiz-single .main-content .quiz-question__quiz-btn {
    display: block;
    width: 80%;
    margin: 0 auto 60px auto;
  }
  .page-quiz-single .main-content .quiz-question__quiz-btn.sp-on {
    margin: 0 auto 30px auto;
  }
  .page-quiz-single .main-content .quiz-question__sub-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .page-quiz-single .main-content .quiz-question__btn {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 15px;
  }
  .page-quiz-single .main-content .quiz-question__btn:last-child {
    width: 80%;
    margin: 0 auto;
    border-radius: 35px;
  }
  .page-quiz-single .main-content .quiz-question__title-list {
    margin: 50px 0 20px 0;
  }
  .page-quiz-single .main-content .quiz-question__img {
    width: 130px;
  }
  .page-quiz-single .main-content .quiz-question__select-list {
    padding: 0;
    border: none;
  }
  .page-quiz-single .main-content .quiz-question__select-list .select-box {
    margin: 0;
  }
  .page-quiz-single .main-content .quiz-question__select-list .select {
    width: 75vw;
  }
  .page-quiz-single .main-content .quiz-sns__sns-share {
    width: 90%;
    padding: 0;
  }
  .page-quiz-single .main-content .quiz-sns__sns-share li:first-child {
    width: 55%;
    padding: 0;
  }
  .page-quiz-single .main-content .quiz-sns__sns-list {
    margin: 30px 0;
  }
  .page-quiz-single .main-content .quiz-sns__sns-list li span {
    display: inline-block;
    margin-top: 4px;
  }
  .page-quiz-single .main-content .quiz-read {
    margin-bottom: 100px;
  }
  .page-quiz-single .main-content .quiz-read__more-read {
    font-size: 15px;
  }
  .page-quiz-single .main-content .quiz-read__card-list {
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    overflow: auto;
    overflow: scroll;
  }
  .page-quiz-single .main-content .quiz-read__card-list li {
    min-width: 340px;
  }
  .page-quiz-single .main-content .quiz-uservoice__wrap {
    padding: 5px 10px;
  }
  .page-quiz-single .main-content .quiz-uservoice__description {
    font-weight: normal;
  }
  .page-quiz-single .main-content .quiz-uservoice .nickname-box .nickname {
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-top: 5px;
  }
  .page-quiz-single .main-content .quiz-opinion .comment {
    margin-left: 55px;
  }
  .page-quiz-single .c-modal .c-common-btn {
    margin: 5px 0 0px 0px;
  }
  .page-quiz-single .sidemenu .side-inner {
    width: initial;
  }
  .page-quiz-single .sidemenu .quiz-single-menu h3 {
    margin: 0 0 0 10px;
    padding: 20px 0 0 0;
    font-size: 18px;
  }
  .page-quiz-single .sidemenu .quiz-single-menu__card-list .c-menu-list {
    margin: 0;
    margin-bottom: 40px;
    background: #efedeb;
  }
  .page-quiz-single .sidemenu .quiz-single-menu__card-list .c-menu-list li {
    width: 334px;
    margin-bottom: 0;
    padding: 15px 20px 20px 20px;
    border-top: 2px solid #8f7e71;
  }
  .page-quiz-single .sidemenu .quiz-single-menu__card-list .c-menu-list li .c-menu-card {
    width: 300px;
    margin-right: 95px;
  }
  .page-quiz-single .sidemenu .ranking-box .c-ranking span {
    position: relative;
    top: 0px;
    left: 10px;
  }
  .page-quiz-single .sidemenu .ranking-box .c-ranking .ranking-slider {
    position: relative;
    top: 0;
  }
  .page-quiz-single .tab-answer {
    display: none;
  }
  .page-quiz-single .tab-siryou {
    display: block;
    padding: 20px 0;
  }
  .page-quiz-single .tab-event {
    display: block;
    padding: 20px 0;
  }
  .page-quiz-single .quiz-wrap {
    height: 200vw;
  }
  .page-quiz-single .quiz-wrap__bg {
    top: 160vw;
  }
  .page-quiz-single .quiz-wrap__btn {
    top: 180vw;
    width: 80%;
  }
  .quiz-editors-pick {
    width: 100%;
  }
  .quiz-category {
    padding-top: 0;
  }
  .quiz-category .c-category-select-box {
    position: initial;
  }
  .quiz-category .c-category-select {
    display: block;
    position: initial;
    margin-top: 0;
    background: none;
  }
  .quiz-category .c-category-select__item {
    position: relative;
  }
  .quiz-category .c-category-select__content ul {
    width: 85vw;
    padding: 0px;
  }
  .page-quiz-result .c-single-nav {
    top: 65px;
  }
  .page-quiz-result .index-newinfo-section {
    padding-bottom: 120px;
  }
  .page-quiz-result .index-newinfo-section .inner {
    width: 100%;
    margin: 0;
    padding: 20px 10px;
    background: #f4f2f1;
  }
  .page-quiz-result .index-newinfo-section .info-block .category-detail {
    position: static;
    top: -60px;
    left: 0;
    margin-bottom: 20px;
    font-size: 13px;
  }
  .page-quiz-result .index-newinfo-section .info-block .category-detail__info {
    font-size: 13px;
  }
  .page-quiz-result .index-newinfo-section .info-block .category-detail__result {
    font-size: 10.5px;
  }
  .page-quiz-result .index-newinfo-section .info-block .c-category-select {
    position: absolute;
    bottom: -152px;
  }
  .page-quiz-result .index-newinfo-section__list {
    min-height: inherit;
    padding: 0;
  }
  .page-quiz-result .index-newinfo-section__list .c-menu-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 5px 3px 10px;
    border: 1px solid #8f7e71;
    text-align: center;
  }
  .page-quiz-result .index-newinfo-section__list .c-menu-card .title {
    height: 80px;
    text-align: left;
  }
  .page-quiz-result .index-newinfo-section__list .c-menu-card .title h4 {
    font-size: 14.5px;
  }
  .page-quiz-result .index-newinfo-section__list .c-menu-card .c-menu-img {
    margin: 0 auto;
  }
  .page-quiz-result .index-newinfo-section__list .c-menu-card .c-menu-detail {
    position: relative;
    width: 100%;
  }
  .page-quiz-result .index-newinfo-section__list .c-menu-card .c-menu-detail .c-menu-l-wrap {
    display: none;
  }
  .page-quiz-result .index-newinfo-section__list .c-menu-card .c-menu-detail .company {
    padding: 7px 0 5px;
    border-bottom: none;
    font-size: 11px;
    text-align: left;
  }
  .page-quiz-result .index-newinfo-section__list .c-menu-card .c-menu-detail .company .set_width.sp-on {
    display: inline-block;
    width: 20px !important;
    vertical-align: middle;
  }
  .page-quiz-result .index-newinfo-section__list .c-menu-card .c-menu-detail .logo {
    position: absolute;
    top: 2px;
    left: 0;
  }
  .page-quiz-result .index-newinfo-section__list ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0;
    background: #f4f2f1;
  }
  .page-quiz-result .index-newinfo-section__list ul li {
    width: 49.5%;
    margin: 0 0 15px 0;
    background: #fff;
  }
  .page-quiz-result .index-newinfo-section__list ul li:nth-child(3n) {
    margin-right: 0;
  }
  .page-quiz-result .index-newinfo-section__list .quiz-list-img {
    width: 100%;
    max-width: initial;
  }
  .page-quiz-result .index-newinfo-section__pagenation {
    display: none;
  }
  .page-architects {
    width: 90%;
    margin-top: 0;
    padding-top: 0;
  }
  .page-architects .search-list {
    margin-top: 60px;
  }
  .page-architects .index-slide {
    margin: 60px 0 50px;
  }
  .page-architects .slick-dots {
    right: 17px;
    bottom: 5px;
  }
  .page-architects .cont-box {
    padding-top: 0;
  }
  .page-architects .c-key-visual__sub-ttl {
    display: block;
    position: static;
    top: -5px;
    left: -40px;
    width: 100%;
    border-bottom: none;
    font-size: 12px;
  }
  .page-architects .c-key-visual__ttl {
    display: block;
    position: static;
    top: 15px;
    left: -40px;
    font-size: 18px;
  }
  .page-architects .c-key-visual__txt {
    font-size: 10px;
  }
  .page-architects .c-key-visual__bg-box {
    top: 0;
    right: inherit;
    left: 0;
  }
  .page-architects-single .l-header {
    position: relative !important;
  }
  .page-architects-single .bc-list {
    margin-bottom: 0;
  }
  .page-architects-single .detail .h2_box .section_ttl {
    margin-top: 1em;
  }
  .page-architects-single .c-single-nav {
    top: 8px;
    left: 41%;
    width: 55%;
  }
  .page-architects-single {
    width: 100%;
    margin-top: 0;
    padding-top: 0;
  }
  .page-architects-single .slick-dots {
    right: 17px;
    bottom: 5px;
  }
  .page-architects-single .main_bg main {
    padding-top: 10%;
  }
  .page-architects-single .bx-viewport {
    overflow: visible;
  }
  .page-architects-single .img-dis-text {
    bottom: -270px;
  }
  .page-architects-single .bukken_box {
    margin-top: 140px;
  }
  .page-architects-single .bx-pager {
    padding-top: 10px;
  }
  .page-architects-single .section_ttl {
    margin-bottom: 50px !important;
  }
  .page-architects-office .l-header {
    position: relative !important;
  }
  .page-architects-office .l-header .l-header__logo {
    width: 60px;
  }
  .page-architects-office .detail_office .slider {
    width: 100%;
    height: auto;
  }
  .page-architects-office .detail_office .slider li {
    height: auto;
  }
  .page-architects-office .sampleMain .box .text .text {
    display: none;
  }
  .page-architects-office .sample .slick-slide {
    width: 33.3333333333vw;
    margin: 0 1.5384615385vw;
  }
  .page-architects-office .sample .box .text .text {
    display: none;
  }
  .page-guide {
    margin-top: 0;
    padding-top: 0;
  }
  .page-guide .main_bg main {
    padding-top: 0px;
  }
  .page-guide main .section_ttl span {
    position: absolute;
    top: -35px;
  }
  .page-guide .cont-box {
    margin-top: 120px;
  }
  .page-login {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 95%;
    margin: 160px auto 60px;
  }
  .page-login .left {
    margin-right: 0;
  }
  .page-login .login-box {
    width: 100%;
    margin-bottom: 40px;
  }
  .page-login .login-box__wrap {
    display: none;
  }
  .page-login .login-box__input {
    padding-right: 0;
  }
  .page-clip {
    margin-top: 0;
  }
  .page-clip .cont-box {
    padding-top: 0px;
  }
  .page-clip .main_bg main {
    position: relative;
    padding-top: 70px;
  }
  .page-clip .c-single-nav {
    top: 10px;
  }
  .page-clip .bc-list {
    font-size: 12px;
  }
  .page-clip .img-dis-text {
    bottom: 2px;
    padding: 8px 3%;
    font-size: 10px;
  }
  .page-life {
    margin-top: 0;
    padding-top: 0;
  }
  .page-life {
    width: 100%;
  }
  .page-life .professional {
    margin-top: 60px;
    text-align: initial;
  }
  .page-life .c-key-visual__ttl {
    display: block;
    position: static;
    top: -20px;
    left: 73px;
    width: 110px;
    border-bottom: none;
    font-size: 10px;
  }
  .page-life .c-key-visual__sub-ttl {
    display: block;
    position: static;
    top: -20px;
    left: -40px;
    width: 170px;
    font-size: 10px;
  }
  .page-life .c-key-visual__txt {
    top: 0;
  }
  .page-life .index-slide {
    margin: 60px 0 50px;
  }
  .page-life .slick-dots {
    right: 17px;
    bottom: 5px;
  }
  .page-life .cont-box {
    padding-top: 0;
  }
  .page-life-single {
    margin: 0;
  }
  .page-life-single .main_bg {
    margin-top: 20px;
  }
  .page-life-single .b-catalog__hdg {
    margin-top: 25px;
    font-size: 32px;
  }
  .page-life-single .b-catalog__subhdg {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 16px;
    font-size: 16px;
  }
  .page-life-single .b-catalog__label {
    margin-top: 26px;
    font-size: 13px;
  }
  .page-life-single .b-catalog__list {
    gap: 28px 23px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(100% - 32px);
    margin: 48px auto 130px;
  }
  .page-life-single .b-catalog-item {
    max-width: calc(50% - 14px);
  }
  .page-life-single .b-catalog-item__hdg {
    margin-top: 12px;
  }
  .page-life-single .b-catalog-item__btn {
    margin-top: 12px;
  }
  .professional {
    padding-bottom: 60px;
    text-align: center;
  }
  .contact {
    margin-top: 0px;
  }
  .contact .cont-box {
    padding-top: 0px;
  }
  .page-point-index {
    width: calc(100% - 20px);
  }
  .page-point-index .inner {
    margin: 0;
  }
  .page-point-index .c-key-visual {
    height: 0;
  }
  .page-point-index .c-key-visual__sub-ttl {
    display: block;
    position: static;
    top: 12px;
    left: -40px;
    width: 220px;
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
  }
  .page-point-index .c-key-visual__ttl {
    display: block;
    position: static;
    top: 27px;
    left: -49px;
    border-bottom: 1px solid #cccccc;
    font-size: 18px;
  }
  .page-point-index .c-key-visual__txt {
    display: block;
    position: static;
    top: 33px;
    left: -40px;
    width: 197px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 10px;
    font-weight: 700;
  }
  .page-point-index .c-key-visual__bg-box {
    top: 0;
    left: 0;
  }
  .page-point-index .section-title {
    margin: 30px 0 16px 0;
    font-size: 19px;
  }
  .page-point-index .point-about {
    margin-bottom: 0;
    padding-top: 60px;
  }
  .page-point-index .point-about__discription {
    font-size: 13px;
  }
  .page-point-index .point-about__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .page-point-index .point-about__list li:first-child p {
    font-size: 11px;
  }
  .page-point-index .point-about__list li {
    width: 49%;
    margin-bottom: 5px;
    padding: 15px 10px 5px;
    text-align: center;
  }
  .page-point-index .point-about__list li img {
    display: inline-block;
    width: 110px;
  }
  .page-point-index .point-about__list li p {
    font-size: 11px;
  }
  .page-point-index .point-get__list {
    width: initial;
  }
  .page-point-index .point-get__list img {
    width: 46px;
  }
  .page-point-index .point-get__list-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 30px;
    padding: 0 0 0 60px;
    font-size: 14px;
  }
  .page-point-index .point-get__list-detail img {
    top: -10px;
    left: 0px;
  }
  .page-point-index .point-get__list-detail .text {
    margin-right: 0;
    font-size: 17px;
    white-space: initial;
  }
  .page-point-index .point-get__list-detail .text .logo {
    display: initial;
    margin-left: 36px;
  }
  .page-point-index .point-get__list-detail .text .logo img {
    top: -6px;
    left: -33px;
    width: 30px;
  }
  .page-point-index .point-get__target-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-point-index .point-get__target-list .card-wrap {
    width: 100%;
  }
  .page-point-index .point-get__target-list .quiz {
    margin-bottom: 10px;
  }
  .page-point-index .point-get__content {
    padding: 20px 0;
  }
  .page-point-index .point-get__content-detail {
    font-size: 12px;
  }
  .page-point-index .point-get__content-detail p {
    margin-bottom: 5px;
  }
  .page-point-index .point-get__supplement {
    font-size: 12px;
  }
  .page-point-index .point-exchange__discription {
    font-size: 13px;
  }
  .page-point-index .point-exchange__common {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-point-index .point-exchange .gift-inner {
    width: 100%;
  }
  .page-point-index .point-exchange .capcha-img {
    width: 100%;
  }
  .page-point-index .point-exchange__title {
    width: calc( 100% - 50px );
    border-radius: 20px;
    background: #333333;
    color: #fff;
  }
  .page-point-index .point-exchange__common-content {
    width: initial;
    padding: 30px 0px 10px 0;
    border: none;
    font-size: 14px;
  }
  .page-point-index .point-exchange__common-content p {
    display: inline-block;
    width: 80%;
    border-bottom: 1px solid #938b85;
  }
  .page-point-index .point-exchange .donation-content {
    padding: 0 0 10px 0;
  }
  .page-point-index .point-exchange .donation-content p {
    width: 100%;
  }
  .page-point-index .point-exchange__common-text {
    margin-top: 0;
    font-size: 12px;
    line-height: 25px;
  }
  .page-point-index .point-exchange__common-text .triangle:before {
    top: -2px;
    left: -23px;
  }
  .page-point-index .point-exchange__common-text img {
    top: 2px;
    left: 62px;
  }
  .page-point-index .point-exchange .donation-point {
    top: -9px;
  }
  .page-point-index .point-exchange__common-detail {
    width: initial;
    margin: 0 0 30px;
    padding: 0px 10px 0px 10px;
    border: 1px solid #c9c1bb;
  }
  .page-point-index .point-exchange .donation {
    margin: 0;
    padding-bottom: 0;
    border: none;
  }
  .page-point-index .point-exchange__donation-wrap {
    padding: 10px;
    border: 1px solid #c9c1bb;
  }
  .page-point-index .point-exchange__donation p {
    font-size: 10.5px;
  }
  .page-point-index .point-exchange__habitat {
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    width: 100%;
  }
  .page-point-index .point-exchange__habitat img {
    width: 127px;
    height: 48px;
  }
  .welcome {
    width: 100%;
  }
  .welcome .c-key-visual {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    height: auto;
  }
  .welcome .c-key-visual__ttl {
    display: block;
    position: static;
    width: 100%;
  }
  .welcome .logo-content {
    position: initial;
  }
  .welcome .logo-content .logo-box {
    width: 50px;
    height: 80px;
    margin-left: -13px;
    background: radial-gradient(#c5c1ee, #fff);
  }
  .welcome .logo-content .logo-box .logo-text {
    right: -250px;
    bottom: 30px;
    width: 280px;
    padding-left: 10px;
    border-bottom: 1px solid #9e9e9e;
  }
  .welcome .page-read {
    display: none;
  }
  .welcome .right-inner {
    padding: 0 4%;
  }
  .welcome .concept .concept-inner {
    padding-top: 60px;
    overflow: initial;
  }
  .welcome .concept__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .welcome .concept__left {
    width: 0;
  }
  .welcome .concept__right {
    width: 100%;
    padding-top: 0;
  }
  .welcome .concept__introduce {
    margin-right: 0;
  }
  .welcome .concept__introduce .description span {
    margin-bottom: 0 0 10px 20px;
  }
  .welcome .intro {
    display: block;
    margin-top: 150px;
  }
  .welcome .intro .intro-inner {
    width: initial;
    padding-top: 50px;
    background: none;
  }
  .welcome .intro figure {
    width: 40%;
    margin: 0;
    float: none;
  }
  .welcome .intro__left {
    position: initial;
    width: 100%;
  }
  .welcome .intro__right {
    width: 100%;
    margin-left: 0;
  }
  .welcome .intro__right .pc-on {
    display: none;
  }
  .welcome .intro__right .sp-on {
    display: inline;
  }
  .welcome .intro .build-right {
    margin: 0;
  }
  .welcome .intro .evaluation-list-box {
    position: initial;
    margin-bottom: 10px;
  }
  .welcome .intro .evaluation-list {
    display: block;
    width: calc(100% - 70px);
    margin: 0 auto 5px;
  }
  .welcome .intro .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 70px;
    margin-left: 0;
  }
  .welcome .intro .content p {
    padding-left: 0;
  }
  .welcome .intro .content .complete-right {
    margin-left: 0;
  }
  .welcome .intro .content .complete-right p {
    padding-left: 0;
  }
  .welcome .intro .img-02 {
    width: 100%;
  }
  .welcome .intro__quiz {
    margin-top: 30px !important;
  }
  .welcome .intro__quiz .quiz-img-01 {
    top: -20px;
    left: 14px;
    width: 65px;
  }
  .welcome .intro__quiz .quiz-title a {
    display: none;
  }
  .welcome .intro__title {
    margin: 20px 0;
    padding: 0;
    border-bottom: none;
  }
  .welcome .intro__title:before {
    content: none;
  }
  .welcome .intro__title a {
    display: none;
  }
  .welcome .intro .complete-title {
    padding: 0;
  }
  .welcome .intro .planning-title {
    padding: 0;
  }
  .welcome .intro__recipe.content {
    margin-top: 0;
  }
  .welcome .intro__recipe .content__inner, .welcome .intro__catalog .content__inner {
    padding: 0 4%;
  }
  .welcome .intro__recipe .content__detail, .welcome .intro__catalog .content__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .welcome .intro__recipe .content__detail .img, .welcome .intro__catalog .content__detail .img {
    margin-bottom: 20px;
  }
  .welcome .point {
    margin-bottom: 80px;
  }
  .welcome .point .point__image--sp {
    display: block;
  }
  .welcome .point .point-inner {
    margin-top: -20%;
    padding-left: 0;
  }
  .welcome .point__text h4 {
    color: #fff;
  }
  .welcome .point__image {
    display: none;
  }
  .welcome .contact__content {
    top: 115px;
    left: 0;
  }
  .page-catalog .key-visual {
    position: relative;
    min-width: inherit;
    height: 562px;
    padding: 0;
    overflow-x: hidden;
  }
  .page-catalog .key-visual::before {
    display: block;
    position: absolute;
    top: 165px;
    left: 0;
    width: 100%;
    height: 215px;
    background-color: rgba(252, 225, 197, 0.7);
    content: "";
  }
  .page-catalog .key-visual::after {
    display: block;
    position: absolute;
    top: 44px;
    left: 50%;
    width: calc(100% - 16px);
    height: 223px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-backdrop-filter: brightness(105%) blur(25px);
            backdrop-filter: brightness(105%) blur(25px);
    background-color: rgba(255, 255, 255, 0.5);
    content: "";
  }
  .page-catalog .key-visual__inner {
    background-image: none;
  }
  .page-catalog .key-visual__img {
    z-index: 1;
    bottom: 0;
    left: 50%;
    width: 450px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .page-catalog .key-visual__fukidashi {
    padding-top: 18px;
    font-size: 30px;
  }
  .page-catalog .key-visual__fukidashi .fukidashi {
    padding: 10px;
    font-size: 16px;
  }
  .page-catalog .key-visual__fukidashi .fukidashi::before {
    bottom: -6px;
    left: -6px;
  }
  .page-catalog .key-visual__fukidashi .fukidashi::after {
    top: -6px;
    right: -6px;
  }
  .page-catalog .key-visual__ttl {
    font-size: 30px;
  }
  .page-catalog .key-visual__ttl .emphasis {
    margin: 30px 0 18px;
    font-size: 18px;
  }
  .page-catalog .key-visual__text {
    margin-top: 25px;
    font-size: 13px;
    line-height: 1.8;
  }
  .page-catalog .comment-area {
    margin-top: 0;
  }
  .page-catalog .comment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: unset;
    margin: 0 8px;
    padding: 30px 0 0;
  }
  .page-catalog .comment__head .profile {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 20px;
    font-size: 12px;
    text-align: left;
  }
  .page-catalog .comment__head .profile__img {
    width: 40px;
    height: 40px;
    margin-right: 12px;
  }
  .page-catalog .comment__detail {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(100vw - 24px);
    max-width: 351px;
    height: 200px;
    padding: 0 39px;
  }
  .page-catalog .comment__detail .fukidashi {
    background: url(../img/fukidashi.svg) no-repeat center/cover;
    -webkit-filter: drop-shadow(0 3px 20px rgba(0, 0, 0, 0.12));
            filter: drop-shadow(0 3px 20px rgba(0, 0, 0, 0.12));
  }
  .page-catalog .comment__detail .fukidashi::before {
    bottom: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-width: 8px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
  }
  .page-catalog .comment__detail .category {
    font-size: 12px;
  }
  .page-catalog .comment__detail .text-wrap {
    margin-top: 13px;
  }
  .page-catalog .comment__detail .text-wrap .text {
    height: 5.4em;
  }
  @supports (-webkit-line-clamp: 3) {
    .page-catalog .comment__detail .text-wrap .ellipsis {
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }
  }
  .page-catalog .comment__detail .text-wrap .more {
    margin-top: 8px;
    font-size: 12px;
  }
  .page-catalog .comment__detail .text-wrap .more::after {
    width: 10px;
    height: 10px;
    margin-left: 12px;
  }
  .page-catalog .slide-arrow.prev-arrow {
    bottom: 7px;
    left: 8px;
  }
  .page-catalog .slide-arrow.next-arrow {
    right: 8px;
    bottom: 7px;
  }
  .page-catalog .new-articles {
    display: block;
    padding: 48px 28px;
  }
  .page-catalog .new-articles__ttl {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto 44px;
  }
  .page-catalog .new-articles__detail {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .page-catalog .new-articles__detail .list {
    display: block;
    padding-bottom: 12px;
  }
  .page-catalog .new-articles__detail .list:not(:first-child) {
    padding-top: 28px;
  }
  .page-catalog .new-articles__detail .list dt {
    width: auto;
    padding: 0 0 8px;
    font-size: 15px;
  }
  .page-catalog .new-articles__detail .list dd a {
    display: block;
    width: auto;
    margin: 0 16px 0 0;
    font-size: 14px;
  }
  .page-catalog .category-list {
    margin-top: 87px;
  }
  .page-catalog .category-list__head {
    display: block;
    padding: 0 20px;
  }
  .page-catalog .category-list__head .c-search-box {
    margin-top: 20px;
  }
  .page-catalog .category-list__ttl {
    text-align: center;
  }
  .page-catalog .category-list__detail {
    margin-top: 28px;
    padding: 30px;
  }
  .page-catalog .category-list__detail .row {
    display: block;
  }
  .page-catalog .pr__ttl {
    padding: 60px 0;
    font-size: 24px;
  }
  .page-catalog .pr__inner {
    width: calc(100% - 16px);
    padding: 42px 16px 48px;
  }
  .page-catalog .pr ul li::before {
    margin-right: 10px;
  }
  .page-catalog .item {
    display: block;
  }
  .page-catalog .item .slider__main .slide .slick-list {
    margin: 0 30px;
  }
  .page-catalog .item .slider__main .slide .slick-slide {
    width: 100%;
    margin: 0 auto;
  }
  .page-catalog .item .slider__main .slide .slick-slide .photo {
    height: auto;
  }
  .page-catalog .item .slider__main .slide .slick-slide .photo img {
    height: auto;
  }
  .page-catalog .item .slider__main .slide-arrow {
    top: 139px;
    bottom: inherit;
  }
  .page-catalog .item .slider__main .slide-arrow.prev-arrow {
    left: 8px;
  }
  .page-catalog .item .slider__main .slide-arrow.next-arrow {
    right: 8px;
  }
  .page-catalog .item .slider__main .slick-dots {
    margin-top: 20px;
    padding: 16px 0;
  }
  .page-catalog .item .slider__main .slick-dots li {
    width: 60px;
    height: 60px;
    margin: 4px;
  }
  .page-catalog .item__detail {
    margin-top: 1px;
    padding: 20px 20px 40px;
  }
  .page-catalog .item__information dl .c-rect-ttl::before {
    margin-right: 6px;
  }
  .page-catalog .review-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: 40px;
  }
  .page-catalog .review {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 60px 20px 0;
  }
  .page-catalog .review .view-select {
    margin-top: 32px;
  }
  .page-catalog .review__ttl-area > div:first-child {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .page-catalog .review__ttl-area .review-outline {
    width: 100%;
    margin: 10px 0 0;
  }
  .page-catalog .review__detail .cont {
    display: block;
    position: relative;
    padding: 32px 0 16px;
  }
  .page-catalog .review__detail .cont__thumb {
    position: absolute;
    top: 32px;
    left: 0;
    width: 100px;
    height: 100px;
  }
  .page-catalog .review__detail .cont__ttl {
    display: block;
    min-height: 100px;
    padding-left: 120px;
  }
  .page-catalog .review__detail .cont__ttl > div {
    display: block;
  }
  .page-catalog .review__detail .cont__ttl .company {
    display: inline-block;
    margin-top: 6px;
    margin-left: 0;
  }
  .page-catalog .review__detail .cont__ttl .name {
    margin-top: 6px;
    margin-left: 0;
  }
  .page-catalog .review__detail .cont__ttl .date {
    margin-top: 6px;
  }
  .page-catalog .review__detail .cont__detail {
    padding-top: 8px;
  }
  .page-catalog .review__detail .cont__detail > * {
    margin-top: 18px;
  }
  .page-catalog .review__detail .cont__detail .c-modal__content {
    width: 100%;
    padding: 40px 12px;
    border-radius: 0;
  }
  .page-catalog .review__detail .cont__detail .c-modal__content .caption {
    left: 12px;
  }
  .page-catalog .review__detail .cont__detail__text {
    line-height: 1.8;
  }
  .page-catalog .review__detail .cont__detail__text.is-active {
    max-height: unset;
  }
  .page-catalog .review__detail .cont__detail__text.is-active .ellipsis {
    display: block;
  }
  .page-catalog--detail .pr {
    margin: 0 20px;
  }
  .page-catalog .c-pagination {
    margin-top: 28px;
  }
  .page-catalog .c-pagination__list {
    margin: 0 auto;
  }
  .page-catalog .c-pagination__prev, .page-catalog .c-pagination__next {
    width: 36px;
    font-size: 0;
  }
  .page-catalog .c-pagination__prev .icon, .page-catalog .c-pagination__next .icon {
    margin: 0;
  }
  .page-catalog .c-pagination__prev a, .page-catalog .c-pagination__next a {
    font-size: 0;
  }
  .page-catalog .c-pagination__prev .icon {
    margin: 0;
  }
  .page-catalog .recommend .c-rect-ttl {
    margin: 0 20px;
  }
  .page-catalog .recommend:not(:first-child) {
    margin-top: 100px;
  }
  .page-catalog .recommend .recommend-slide {
    padding: 0;
  }
  .page-catalog .recommend .c-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    max-width: 132px;
    margin: 0;
    padding: 0 6px;
  }
  .page-catalog .recommend .c-item__txtwrap {
    width: 100%;
    margin: 0;
  }
  .page-catalog .recommend .c-item__img {
    width: 100%;
  }
  .page-catalog .recommend .c-item__reviewwrap {
    display: block;
  }
  .page-catalog .recommend .c-item__reviewwrap .c-star__num {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .page-catalog .recommend .c-item__reviewwrap .review {
    position: unset;
    margin: 10px 0 0;
    font-size: 16px;
  }
  .page-catalog-list .p-item-list {
    margin-top: 87px;
  }
  .page-catalog-list .p-item-list__head {
    display: block;
    padding: 0 20px;
  }
  .page-catalog-list .p-item-list__head .c-search-box {
    margin-top: 20px;
  }
  .page-catalog-list .p-item-list__ttl {
    text-align: center;
  }
  .page-catalog-list .p-item-list__detail {
    margin-top: 20px;
  }
  .request .postalCode-area {
    margin-bottom: 10px;
  }
  .request .includedItems {
    padding: 8px 0 24px;
  }
  .request .includedItems .form_tab {
    margin-bottom: 8px;
  }
  .request .request-table th {
    font-size: 12px;
    font-weight: bold;
  }
  .request .sendingRequestItems .category {
    padding: 16px 0;
  }
  .request .sendingRequestItems .category dt .js-ac__ttl {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .request .sendingRequestItems .category dt .js-ac__ttl::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(-45deg) translateY(-50%);
            transform: rotate(-45deg) translateY(-50%);
    -webkit-transform-origin: left center;
            transform-origin: left center;
    border-bottom: solid 2px #8D9D9F;
    border-left: solid 2px #8D9D9F;
    content: "";
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .request .sendingRequestItems .category dt .js-ac__ttl.is-active::after {
    top: calc(50% - 8px);
    -webkit-transform: rotate(135deg) translateY(-50%);
            transform: rotate(135deg) translateY(-50%);
  }
  .request .sendingRequestItems .category dd {
    gap: 16px;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 24px;
    padding-left: 24px;
  }
  .request .sendingRequestItems .category dd.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-recipe .recipe-tabNavigation__tabs.is-fixed {
    top: 60px;
  }
  .page-recipe .recipe-tabNavigation__tabs.is-fixed + .recipe-tabNavigation__contents {
    padding-top: 40px;
  }
  .page-recipe .article__kv.vertically_long_outer {
    padding-top: 122.2222222222%;
  }
  .page-recipe .article__sliderThumb {
    display: none;
  }
  .page-recipe .article__btns > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__img {
    height: auto;
    padding-top: inherit;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__img img {
    position: static;
    width: 50%;
    margin: auto;
    -webkit-transform: inherit;
            transform: inherit;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__inner {
    grid-template-areas: "profileWrap" "reviewWrap" "imgWrap" "namewWrap" "reviewCountwWrap";
  }
  .page-recipe .recipe-sec--recommend .item--main .item__namewWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: 50%;
    margin: 16px auto 0;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__namewWrap .item__brand {
    margin: 0;
    font-size: 12px;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__namewWrap .item__name {
    margin: 0;
    font-size: 12px;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__imgWrap {
    width: 100%;
    margin: 50px auto 0;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__imgWrap .item__label {
    top: 0;
    left: 0;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__reviewCountwWrap {
    display: inline;
    margin-top: 16px;
    text-align: center;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__reviewCountwWrap .item__reviewCount {
    display: inline;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__profileWrap .article__profile {
    gap: 8px;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__profileWrap .article__profileIcon {
    -ms-flex-preferred-size: 32px;
        flex-basis: 32px;
    width: 32px;
    height: 32px;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__profileWrap .article__profileOffice {
    font-size: 10px;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__profileWrap .article__profileTtl {
    font-size: 10px;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__review {
    margin-top: 14px;
    font-size: 12px;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__point {
    margin-top: 14px;
    border-radius: 3px;
    font-size: 11px;
  }
  .page-recipe .c-pagination {
    margin-top: 28px;
  }
  .page-recipe .c-pagination__list {
    margin: 0 auto;
  }
  .page-recipe .c-pagination__prev, .page-recipe .c-pagination__next {
    width: 36px;
    font-size: 0;
  }
  .page-recipe .c-pagination__prev .icon, .page-recipe .c-pagination__next .icon {
    margin: 0;
  }
  .page-recipe .c-pagination__prev a, .page-recipe .c-pagination__next a {
    font-size: 0;
  }
  .page-recipe .c-pagination__prev .icon {
    margin: 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  body.js_fixed .l-header {
    background-color: transparent;
  }
  body.js_humburgerOpen .l-header__logo {
    opacity: 0;
    pointer-events: none;
  }
  .c-category-select__list > ul > li {
    color: #fff;
  }
}
@media screen and (max-width: 999px) {
  .pc-min-on {
    display: block;
  }
  .pc-min-off {
    display: none;
  }
}
@media (print), (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    -webkit-transition: none !important;
    animation: unset !important;
    transition: none !important;
  }
}
@media screen and (max-width: 1740px) {
  .only-pcWide {
    display: none;
  }
  .l-header__sub-menu .navigation_item .ac__ttl .icon.only-pcWide,
.l-header__sub-menu .navigation_item .ac__ttl .icon-wrap + span.only-pcWide, .l-header__sub-menu .navigation_item .ac__item .icon.only-pcWide,
.l-header__sub-menu .navigation_item .ac__item .icon-wrap + span.only-pcWide {
    display: none;
  }
  .l-header__sub-menu .navigation_item .ac__ttl .icon-wrap + span.only-pcWide, .l-header__sub-menu .navigation_item .ac__item .icon-wrap + span.only-pcWide {
    display: none;
  }
}
@media screen and (min-width: 1741px) {
  .not-pcWide {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .l-header {
    background-color: #688188;
  }
  .l-header {
    width: 100%;
    height: 86px;
  }
  .l-header #category-list__detail.is-active .ac__detail {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 50px rgba(40, 44, 46, 0.06);
            box-shadow: 0 10px 50px rgba(40, 44, 46, 0.06);
    font-size: 16px;
  }
  .l-header .category-list__detail {
    min-width: 1180px;
  }
  .l-header .category-list__detail .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 calc((100% - 1280px) / 2);
    border-bottom: solid 1px #707070;
  }
  .l-header .category-list__detail .row::before, .l-header .category-list__detail .row::after {
    display: block;
    width: calc(100% / 4);
    content: "";
  }
  .l-header .category-list__detail .row::before {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .l-header .category-list__detail .navInnerItem {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 10px calc((100% - 1280px) / 2);
    border-bottom: solid 1px #707070;
  }
  .l-header .category-list__detail .navInnerItem.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-header .category-list__detail .c-rect-ttl:hover {
    cursor: pointer;
  }
  .l-header .category-list__detail .js-ac__detail .navInnerItem a:hover {
    color: #9C9CE2;
  }
  .l-header .category-list__detail .js-ac__detail .navInnerItem a:not(:nth-child(5n)) {
    margin-right: 70px;
  }
  .l-header .mypage__ttl {
    font-size: 11px;
  }
  .l-header .mypage__detail {
    margin-top: 10px;
  }
  .l-header .mypage__detail .point {
    margin-top: 16px;
  }
  .l-header .mypage__s-ttl {
    font-size: 11px;
  }
  .l-header .mypage .btn {
    width: 160px;
    height: 33px;
    padding: 7px 12px;
    font-size: 11px;
  }
  .l-header .mypage .btn {
    border-radius: 3px;
  }
  .l-header .mypage .btn:hover {
    border-color: #9C9CE2;
    color: #9C9CE2;
  }
  .l-header .mypage .btn--new:hover {
    background-color: #9C9CE2;
    color: #fff;
  }
  .l-header .mypage .btn--login:hover {
    background-color: #9C9CE2;
    color: #fff;
  }
  .l-header .mypage .links a .ico {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    width: 20px;
    height: 20px;
  }
  .l-header .mypage .links a .ico--accountLine {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21px;
            flex: 0 0 21px;
    width: 21px;
    height: 21px;
  }
  .l-header .mypage .links a:hover {
    color: #9C9CE2;
  }
  .l-header .mypage .links a:hover .icon {
    color: #9C9CE2;
  }
  .l-header .mypage .logout a .ico {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    width: 20px;
    height: 20px;
  }
  .l-header .mypage .logout a:hover {
    color: #9C9CE2;
  }
  .l-header .mypage .logout a:hover .icon {
    color: #9C9CE2;
  }
  .l-header .list li a:hover {
    color: #9C9CE2;
  }
  .l-header .list li a:hover .icon {
    color: #9C9CE2;
  }
  .l-header .ac:hover .ac__detail {
    display: block;
  }
  .l-header__inner {
    height: 100%;
  }
  .l-header__logo {
    gap: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-header__menus .navigation,
.l-header__menus .navigation_screen,
.l-header__menus .navigation_wrapper,
.l-header__menus .navigation_item,
.l-header__menus .ac-wrap {
    height: 100%;
  }
  .l-header__main-menu .ico {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
  }
  .l-header__main-menu .ico::before {
    background: #fff;
  }
  .l-header__main-menu .navigation_item:not(:first-child) {
    margin-left: 40px;
  }
  .l-header__main-menu a {
    color: #fff;
  }
  .l-header__main-menu a:hover {
    color: #E5C951;
  }
  .l-header__main-menu a:hover .ico::before {
    background-color: #E5C951;
  }
  .l-header__sub-menu {
    margin-left: 38px;
  }
  .l-header__sub-menu .navigation_item .ac-wrap {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .l-header__sub-menu .navigation_item .ac {
    margin-left: 16px;
  }
  .l-header__sub-menu .navigation_item .ac:hover .ac__ttl,
.l-header__sub-menu .navigation_item .ac:hover .ac__item {
    color: #E5C951;
  }
  .l-header__sub-menu .navigation_item .ac:hover .ac__ttl::after,
.l-header__sub-menu .navigation_item .ac:hover .ac__item::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22icon_arrow-down%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2012%2012%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_400%22%20d%3D%22M0%200h12v12H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_401%22%20d%3D%22M6%208.9c-.2%200-.3-.1-.4-.2L1.1%204.2c-.2-.2-.2-.6%200-.8s.6-.2.8%200l4.1%204%204.1-4.1c.2-.2.6-.2.8%200s.2.6%200%20.8L6.4%208.7c-.1.1-.2.2-.4.2z%22%20fill%3D%22%23E5C951%22%2F%3E%3C%2Fsvg%3E");
  }
  .l-header__sub-menu .navigation_item .ac:hover .ac__ttl .ico,
.l-header__sub-menu .navigation_item .ac:hover .ac__item .ico {
    background-color: #E5C951;
  }
  .l-header__sub-menu .navigation_item .ac:hover .ac__detail {
    display: block;
  }
  .l-header__sub-menu .navigation_item .ac__ttl, .l-header__sub-menu .navigation_item .ac__item {
    height: 100%;
    color: #fff;
    font-size: 12px;
  }
  .l-header__sub-menu .navigation_item .ac__ttl.userinfo, .l-header__sub-menu .navigation_item .ac__item.userinfo {
    position: relative;
    padding-top: 12px;
    padding-right: 22px !important;
  }
  .l-header__sub-menu .navigation_item .ac__ttl.userinfo::after, .l-header__sub-menu .navigation_item .ac__item.userinfo::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    width: 14px;
    height: 8px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22icon_arrow-down%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2012%2012%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_400%22%20d%3D%22M0%200h12v12H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_401%22%20d%3D%22M6%208.9c-.2%200-.3-.1-.4-.2L1.1%204.2c-.2-.2-.2-.6%200-.8s.6-.2.8%200l4.1%204%204.1-4.1c.2-.2.6-.2.8%200s.2.6%200%20.8L6.4%208.7c-.1.1-.2.2-.4.2z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
  }
  .l-header__sub-menu .navigation_item .ac__ttl.userinfo:hover::after, .l-header__sub-menu .navigation_item .ac__item.userinfo:hover::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22icon_arrow-down%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2012%2012%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_400%22%20d%3D%22M0%200h12v12H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_401%22%20d%3D%22M6%208.9c-.2%200-.3-.1-.4-.2L1.1%204.2c-.2-.2-.2-.6%200-.8s.6-.2.8%200l4.1%204%204.1-4.1c.2-.2.6-.2.8%200s.2.6%200%20.8L6.4%208.7c-.1.1-.2.2-.4.2z%22%20fill%3D%22%23E5C951%22%2F%3E%3C%2Fsvg%3E");
  }
  .l-header__sub-menu .navigation_item .ac__detail {
    width: 221px;
    height: 480px;
    background-color: #E5E3E3;
  }
  .l-header__sub-menu .navigation_item .ac__detail.text {
    padding: 18px 45px 18px 28px;
  }
  .l-header__sub-menu .navigation_item .ac__detail.text#slideNav3 {
    padding-right: 32px;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  .l-header__sub-menu .navigation_item .ac__detail.text#slideNav2 {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  .l-header--under {
    height: 62px;
  }
  .l-header--under .l-header__inner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 62px;
    padding: 11px 15px 11px 15px;
    background-color: #688188;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .l-header--under .l-header__logo {
    font-size: 35px;
  }
  .l-header--under .l-header__main-menu {
    width: 326px;
  }
  .l-header--under .l-header__main-menu .ico {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
  }
  .l-header--under .l-header__main-menu .ico::before {
    background: #fff;
  }
  .l-header--under .l-header__main-menu .navigation_item:not(:first-child) {
    margin-left: 0px;
  }
  .l-header--under .l-header__main-menu a:hover {
    color: #585454;
  }
  .l-header--under .l-header__main-menu a:hover .ico::before {
    background-color: #585454;
  }
  .l-header--under .l-header__sub-menu .navigation_item .ac.menu {
    margin-left: 16px;
  }
  .l-header--under .l-header__sub-menu .navigation_item .ac.menu .el_humburger {
    width: 24px;
    height: 100%;
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  .l-header--under .l-header__sub-menu .navigation_item .ac__ttl {
    padding: 0;
  }
  .l-wrapS {
    max-width: 1136px;
    margin: 0 auto;
  }
  .l-footer__menus {
    gap: 120px;
  }
  .l-footer__logo .icon_logo {
    font-size: 50px;
  }
  .l-footer__menu li {
    position: relative;
    margin-bottom: 20px;
    line-height: 1;
  }
  .l-footer--under .l-footer__in {
    width: auto;
    max-width: inherit;
    margin: 0 100px 0 80px;
  }
  .l-footer--under .l-footer__menu:last-of-type a {
    font-weight: normal;
  }
  .l-footer--under .l-footer__bot {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
  }
  .l-footer--under .l-footer__sns {
    gap: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .l-footer--under .l-footer__sns li {
    width: 28px;
    height: 28px;
  }
  .l-footer--under .l-footer__sns li a {
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  .l-footer--top {
    padding-top: 43px;
    padding-bottom: 7px;
  }
  .l-footer--top .l-footer__in {
    max-width: 1408px;
    padding-left: 0;
  }
  .l-footer--top .l-footer__menus {
    gap: 40px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-footer--top .l-footer__menu {
    width: 100%;
  }
  .l-footer--top .l-footer__menu:nth-child(1) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 265px;
            flex: 0 0 265px;
  }
  .l-footer--top .l-footer__menu:nth-of-type(2) {
    position: relative;
    margin: 0;
  }
  .l-footer--top .l-footer__menu:nth-of-type(2)::before, .l-footer--top .l-footer__menu:nth-of-type(2)::after {
    display: block;
    position: absolute;
    left: 0;
    width: 3px;
    background-color: #fff;
    content: "";
  }
  .l-footer--top .l-footer__menu:nth-of-type(2)::before {
    top: 0;
    height: 170px;
  }
  .l-footer--top .l-footer__menu:nth-of-type(2)::after {
    bottom: 30px;
    height: 70px;
  }
  .l-footer--top .l-footer__menu:nth-child(2), .l-footer--top .l-footer__menu:nth-child(3) {
    padding-left: 53px;
  }
  .l-footer--top .l-footer__menu li {
    margin-bottom: 30px;
  }
  .l-footer--top .l-footer__menu a {
    font-size: 20px;
  }
  .l-footer--top .l-footer__sns {
    gap: 20px;
    margin-top: 92px;
  }
  .l-footer--top .l-footer__sns .icon.icon_logo {
    color: #fff;
    font-size: 53px;
  }
  .l-footer--top .l-footer__sns li:nth-child(1) {
    width: auto;
    height: auto;
    margin-right: 30px;
  }
  .l-footer--top .l-footer__sns li:nth-child(2), .l-footer--top .l-footer__sns li:nth-child(3) {
    width: 57px;
    height: 57px;
  }
  .l-footer--top .l-footer__sns li:nth-child(2) a, .l-footer--top .l-footer__sns li:nth-child(3) a {
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  .l-footer--top .l-footer__copy {
    margin-top: 30px;
    font-size: 15px;
    text-align: center;
  }
  .l-main-content {
    padding-top: 86px;
  }
  .l-main-content.header-m {
    padding-top: 62px;
  }
  .c-fixed-login .c-login-menu li a:hover {
    color: #9C9CE2;
  }
  .c-fixed-login__text .link-btn:hover {
    background-color: #9C9CE2;
  }
  .c-build-result:after {
    display: block;
    width: 30%;
    content: "";
  }
  .c-breadcrumbs a:hover {
    color: #9C9CE2;
  }
  a.c-contact-btn:hover {
    background-color: #9C9CE2;
  }
  .c-btn:hover, .c-btn-favorite:hover {
    background-color: #9C9CE2;
  }
  .c-btn-favorite--off:hover {
    border: solid 1px #9C9CE2;
    background-color: transparent;
    color: #9C9CE2;
  }
  .c-btn-favorite--off:hover .c-btn-favorite__text {
    color: #9C9CE2;
  }
  .c-btn-favorite--off:hover .icon {
    color: #9C9CE2;
  }
  .c-btn-favorite--on:hover {
    background-color: #9C9CE2;
  }
  .c-btnLikes {
    padding: 14px 20px 14px 16px;
    font-size: 16px;
  }
  .c-item__icon {
    width: 84px;
    height: 84px;
    margin: 25px 0 17px;
    overflow: hidden;
    border-radius: 50%;
  }
  .c-item__label {
    font-size: 11px;
  }
  .page-index .index-slide .key-slide .slick-dots {
    margin: 6px 10px 6px 0;
  }
  .page-index .index-slide .key-slide .slick-dots li {
    margin-left: 12px;
  }
  .page-index .index-slide .key-slide li {
    width: 100%;
    height: 480px;
  }
  .page-index .index-intro {
    padding: 70px 0;
    background-color: #F4F4F4;
    font-size: 19px;
    letter-spacing: 0.07em;
    line-height: 1.6315789474;
    text-align: center;
  }
  .page-index .index-intro p:not(:first-child) {
    margin-top: calc(1em * 18 / 11);
  }
  .page-index .index-tabNavigation {
    padding-bottom: 100px;
    background-color: #F4F4F4;
  }
  .page-index .index-tabNavigation__tabs {
    max-width: 1136px;
    margin: 0 auto;
  }
  .page-index .index-tabNavigation__tabs .c-tab {
    height: 88px;
    font-size: 30px;
  }
  .page-index .index-tabNavigation__tabs .c-tab.is-active {
    border-top: solid 10px #688188;
  }
  .page-index .index-tabNavigation__contents {
    max-width: 1136px;
    margin: 0 auto;
    padding: 100px 50px;
    background-color: #fff;
  }
  .page-index .index-tabNavigation__contents .block {
    gap: 115px;
    font-size: 25px;
  }
  .page-index .index-tabNavigation__contents .block .item {
    width: 260px;
  }
  .page-index .index-sec {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .page-index .index-sec__ttl {
    padding-bottom: 24px;
    font-size: 25px;
  }
  .page-index .index-sec__ttl .fz-s {
    font-size: 18px;
  }
  .page-index .index-sec__ttl::after {
    height: 5px;
  }
  .page-index .index-sec__text {
    margin-top: 22px;
    margin-bottom: 50px;
    font-size: 15px;
    line-height: 1.6666666667;
  }
  .page-index .index-sec__btn {
    gap: 28px;
    height: 42px;
    padding: 0 21px 0 48px;
    font-size: 15px;
  }
  .page-index .index-sec__btn::after {
    width: 6px;
    height: 10px;
  }
  .page-index .index-recipe {
    padding-top: 195px;
    background-color: #fff;
  }
  .page-index .index-recipe__contents {
    gap: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-index .index-recipe__contents .paid,
.page-index .index-recipe__contents .free {
    gap: 24px 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .page-index .index-recipe__contents .paid {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 673px;
            flex: 0 0 673px;
  }
  .page-index .index-recipe__contents .free {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
            flex: 0 0 320px;
  }
  .page-index .index-recipe .article__kv {
    width: 100%;
    max-width: 320px;
    height: 226px;
  }
  .page-index .index-recipe .article__detail {
    gap: 10px;
    margin-top: 10px;
  }
  .page-index .index-recipe .article__icon {
    width: 55px;
    height: 55px;
  }
  .page-index .index-recipe .article__office {
    font-size: 11px;
  }
  .page-index .index-recipe .article__ttl {
    margin-top: 0;
    font-size: 14px;
  }
  .page-index .index-life .professional {
    gap: 41px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-index .index-life .professional .cont {
    margin: 0;
  }
  .page-index .index-builder {
    background-color: #F4F4F4;
  }
  .page-index .index-builder .page-build {
    padding-bottom: 45px;
  }
  .page-index .index-aboutArea {
    gap: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 70px;
  }
  .page-index .index-about {
    -ms-flex-preferred-size: 723px;
        flex-basis: 723px;
  }
  .page-index .index-about .icon_logo {
    margin-bottom: 32px;
    font-size: 40px;
  }
  .page-index .index-about__ttl {
    font-size: 17px;
  }
  .page-index .index-about__text {
    font-size: 14px;
  }
  .page-index .index-linksArea {
    -ms-flex-preferred-size: 405px;
        flex-basis: 405px;
  }
  .page-index .index-linksArea .links {
    padding: 0;
  }
  .page-index .index-linksArea .links li:not(:first-child) {
    margin-top: 16px;
  }
  .page-index .index-linksArea .links a {
    height: 59px;
    padding: 0 15%;
    border-width: 3px;
    border-radius: 6px;
    font-size: 18px;
  }
  .page-index .index-linksArea .links a::before {
    width: 19px;
    height: 15px;
  }
  .page-quiz-single .tab-answer {
    display: block;
  }
  .page-quiz-single .tab-siryou {
    display: none;
  }
  .page-quiz-single .tab-event {
    display: none;
  }
  .page-quiz-single .quiz-wrap p {
    line-height: 27px;
  }
  .page-architects-office .sampleMain .box {
    gap: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-architects-office .sampleMain .box .img {
    margin: 0;
  }
  .page-architects-office .sampleMain .box .text {
    width: 500px;
  }
  .page-architects-office .sampleMain .box .text .title {
    font-size: 16px;
  }
  .page-architects-office .sampleMain .box .text .text {
    font-size: 16px;
  }
  .page-architects-office .sample {
    display: block;
    position: relative;
    margin: 60px 0 0;
    padding: 0;
  }
  .page-architects-office .sample .slick-slide {
    width: 210px;
    margin: 0 6px;
  }
  .page-architects-office .sample .box .img {
    height: 210px;
  }
  .page-architects-office .sample .box .text .title {
    font-size: 14px;
  }
  .page-architects-office .sample .slide-arrow {
    z-index: 1;
    position: absolute;
    top: 87px;
    width: 36px;
    background-color: #007BE5;
    cursor: pointer;
  }
  .page-architects-office .sample .slide-arrow.prev-arrow {
    left: 0;
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .page-architects-office .sample .slide-arrow.next-arrow {
    right: 0;
  }
  .professional {
    gap: 41px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 80px;
  }
  .professional::before, .professional::after {
    display: block;
    width: 306px;
    content: "";
  }
  .professional::before {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .professional .cont,
.professional .cont:nth-child(3n),
.professional .cont:nth-last-of-type(-n+3) {
    margin: 0;
    padding: 0;
  }
  .professional .cont a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
  .professional .text_cont {
    top: inherit;
    height: 100%;
    margin-top: -40px;
  }
  .welcome .intro__recipe, .welcome .intro__catalog {
    margin-bottom: 80px;
    padding: 0 80px;
  }
  .welcome .intro__recipe .content__detail, .welcome .intro__catalog .content__detail {
    gap: 70px;
  }
  .welcome .intro__recipe .content__detail p, .welcome .intro__catalog .content__detail p {
    padding-left: 0px;
  }
  .welcome .intro__recipe .content__detail .img, .welcome .intro__catalog .content__detail .img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
  }
  .page-catalog .key-visual__img:first-child {
    top: 15px;
    left: -20px;
    width: 523px;
  }
  .page-catalog .key-visual__img:nth-child(2) {
    top: -13px;
    right: -50px;
    width: 471px;
  }
  .page-catalog .comment__link:hover + .comment__head + .comment__detail .text-wrap .more {
    color: #9C9CE2;
  }
  .page-catalog .comment__link:hover + .comment__head + .comment__detail .text-wrap .more::after {
    background: url(../img/icon_arrow-down-hover.svg) no-repeat center/cover;
  }
  .page-catalog .comment__head .profile {
    margin-right: 20px;
    padding-bottom: 10px;
    font-size: 14px;
    white-space: nowrap;
  }
  .page-catalog .comment__head .profile__company {
    margin-top: 10px;
  }
  .page-catalog .comment__head .profile__company a:hover {
    color: #9C9CE2;
    cursor: pointer;
  }
  .page-catalog .comment__detail .fukidashi {
    border-radius: 320px/130px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 40px rgba(0, 0, 0, 0.12);
            box-shadow: 0 3px 40px rgba(0, 0, 0, 0.12);
  }
  .page-catalog .comment__detail .category li a:hover {
    color: #9C9CE2;
    cursor: pointer;
  }
  .page-catalog .comment__detail .text-wrap .text {
    height: 7.2em;
  }
  @supports (-webkit-line-clamp: 4) {
    .page-catalog .comment__detail .text-wrap .ellipsis {
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }
  }
  .page-catalog .slide-arrow:hover {
    background-color: #9C9CE2;
    cursor: pointer;
  }
  .page-catalog .new-articles__detail .list dd a:hover {
    color: #9C9CE2;
    cursor: pointer;
  }
  .page-catalog .category-list__detail .row:not(:first-child) {
    padding-top: 40px;
    border-top: solid 1px #707070;
  }
  .page-catalog .category-list__detail .row:nth-child(2) > div:not(:first-child) {
    margin-left: 32px;
  }
  .page-catalog .category-list__detail .row > div:not(:first-child) {
    margin-left: 40px;
  }
  .page-catalog .category-list__detail .row > div .navInnerItem a:hover {
    color: #9C9CE2;
    cursor: pointer;
  }
  .page-catalog .pr__inner .pr__s-ttl + * {
    margin-top: 28px;
  }
  .page-catalog .item .slider {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64%;
            flex: 0 0 64%;
    margin-right: 4%;
  }
  .page-catalog .item__information dl dd a:hover {
    color: #9C9CE2;
  }
  .page-catalog .review .view-select:hover {
    color: #9C9CE2;
  }
  .page-catalog .review__detail .cont__ttl .company:hover {
    color: #9C9CE2;
  }
  .page-catalog .review__detail .cont__detail .c-modal__content .icon-close:hover {
    cursor: pointer;
  }
  .page-catalog .review__detail .cont__detail__text {
    line-height: 1.8;
  }
  .page-catalog .review__detail .cont__detail__text.is-active {
    height: auto;
  }
  .page-catalog .review__detail .cont__detail__text.is-active .ellipsis {
    display: block;
  }
  .page-catalog .review__detail .cont__more a:hover {
    color: #9C9CE2;
  }
  .page-catalog .review__detail .cont__more a:hover::after {
    background: url(../img/icon_arrow-down-hover.svg) no-repeat center/cover;
  }
  .page-catalog .c-pagination__list li a:hover {
    background-color: #007BE5;
    color: #fff;
  }
  .page-catalog .c-pagination__prev a:hover, .page-catalog .c-pagination__next a:hover {
    background-color: #007BE5;
    color: #fff;
  }
  .request .sendingRequestItems .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .request .sendingRequestItems .category dt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26.595%;
            flex: 0 0 26.595%;
  }
  .page-recipe {
    background-color: #F2F2F2;
  }
  .page-recipe__inner {
    max-width: 1040px;
    margin: 0 auto;
    background-color: #fff;
  }
  .page-recipe .recipe-ttlWrap {
    padding: 0 8px;
  }
  .page-recipe .recipe-tabNavigation__tabs {
    margin-bottom: 0;
  }
  .page-recipe .recipe-tabNavigation__tabs .c-tab div {
    padding: 17px 3px;
    font-size: 15px;
  }
  .page-recipe .recipe-tabNavigation__tabsInner {
    gap: 28px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 5px;
  }
  .page-recipe .recipe-tabNavigation__contents {
    padding-bottom: 32px;
  }
  .page-recipe .recipe-tabNavigation__contents .l-wrap {
    padding: 0 53px;
  }
  .page-recipe .articleWrap {
    gap: 44px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .page-recipe .article {
    width: calc((100% - 64px) / 3);
    padding-bottom: 0;
  }
  .page-recipe .article__kv.vertically_long_outer {
    padding-top: 66.3888888889%;
  }
  .page-recipe .article__detail {
    padding: 16px 0 0;
  }
  .page-recipe .article__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 44px;
            flex: 0 0 44px;
    width: 44px;
    height: 44px;
  }
  .page-recipe .article__ttlArea {
    padding: 0;
    border-bottom: none;
  }
  .page-recipe .article__office {
    font-size: 12px;
  }
  .page-recipe .article__name {
    font-size: 12px;
    font-weight: bold;
  }
  .page-recipe .article__ttl {
    margin-top: 15px;
    font-size: 19px;
  }
  .page-recipe .article__tags {
    margin-top: 14px;
    padding-top: 14px;
    border-top: solid 1px #707070;
    font-size: 12px;
  }
  .page-recipe .article__sliderWrap {
    gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 0;
    margin: 11px 102px 0;
    padding: 0;
  }
  .page-recipe .article__sliderWrap * {
    min-width: 0;
    min-height: 0;
  }
  .page-recipe .article__sliderThumb {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 168px;
            flex: 0 0 168px;
  }
  .page-recipe .article__sliderThumb div, .page-recipe .article__sliderThumb img {
    display: block;
    font-size: 0;
  }
  .page-recipe .article__sliderThumb .article__slideImg {
    padding-top: 51.2%;
  }
  .page-recipe .article__sliderThumb .slick-slide {
    margin: 2px 0;
  }
  .page-recipe .article__slider {
    margin: 5px 0;
  }
  .page-recipe .article__slider .slick-dots {
    gap: 14px;
    top: 374px;
  }
  .page-recipe .article__slider .slick-dots button {
    width: 10px;
    height: 10px;
  }
  .page-recipe .article__slideTagIcon {
    right: 20px;
    bottom: 20px;
    width: 58px;
    height: 58px;
  }
  .page-recipe .article__slideTagIcon::after {
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  .page-recipe .article__slideTagLabel {
    padding: 9px 13px;
    border-width: 3px;
    border-radius: 4px;
    font-size: 16.45px;
  }
  .page-recipe .article__slideTagLabel::before {
    bottom: -13px;
    left: 21px;
    border-width: 13px 3px 0 3px;
  }
  .page-recipe .article__slideTagLabel::after {
    bottom: -28px;
    left: 18px;
    width: 12px;
    height: 12px;
  }
  .page-recipe .article__slideTagLabel span::after {
    width: 8px;
    height: 12px;
  }
  .page-recipe .article__slideComment {
    padding: 12px 0;
    font-size: 13px;
  }
  .page-recipe .article__slideComment .l-wrap {
    margin: 0 13px;
    padding: 0;
  }
  .page-recipe .article__text {
    margin-top: 30px;
    font-size: 16px;
    line-height: 2;
  }
  .page-recipe .article__btns > * {
    max-width: 250px;
  }
  .page-recipe .recipe-sec__ttl {
    font-size: 18px;
  }
  .page-recipe .recipe-sec__ttl::before {
    width: 10px;
    height: 10px;
  }
  .page-recipe .recipe-sec__btns {
    gap: 2px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 28px;
  }
  .page-recipe .recipe-sec__btn {
    width: calc((100% - 4px) / 3);
    height: 56px;
    border: none;
    font-size: 15px;
  }
  .page-recipe .recipe-sec__likesArea {
    margin: 0 auto;
    padding: 48px 0 60px;
  }
  .page-recipe .recipe-sec--recommend {
    margin-top: 44px;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__inner {
    gap: 0 24px;
    grid-template-areas: "imgWrap namewWrap" "imgWrap profileWrap" "imgWrap reviewWrap" "reviewCountwWrap reviewWrap";
    grid-template-columns: minmax(200px, 1fr) 1fr;
    grid-template-rows: -webkit-min-content -webkit-min-content auto 1fr;
    grid-template-rows: min-content min-content auto 1fr;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__reviewCount {
    display: block;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__brand {
    margin-top: 0;
    font-size: 16px;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__name {
    font-size: 20px;
  }
  .page-recipe .recipe-sec--recommend .item--main .item__profileWrap {
    width: 100%;
  }
  .page-recipe .recipe-sec--category {
    margin: 0 103px;
  }
  .page-recipe .recommend {
    margin: 24px 102px 60px;
    margin-top: 40px;
    padding: 22px 0 30px;
  }
  .page-recipe .recommend .l-wrap {
    margin: 0 25px;
  }
  .page-recipe .recommend .item a {
    padding: 0;
  }
  .page-recipe .recommend--idea {
    padding: 0;
  }
  .page-recipe .recommend--idea .recommend__inner {
    gap: 20px;
    margin: 0;
  }
  .page-recipe .recommend--idea .recommend__inner .slick-slide {
    width: 240px;
  }
  .page-recipe .recommend--idea .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 240px;
            flex: 0 0 240px;
    width: 240px;
  }
  .page-recipe .recommend--idea .item__img {
    padding-top: 66.6666666667%;
  }
  .page-recipe .recommend--idea .item__ttl {
    margin-top: 12px;
    font-size: 14px;
  }
  .page-recipe .recommend--idea .article__profile {
    gap: 10px;
  }
  .page-recipe .recommend--idea .article__profile .article__profileOffice {
    color: #707070;
    font-size: 12px;
    letter-spacing: 0.03em;
  }
  .page-recipe .recommend--idea .article__profile .article__profileTtl--l {
    color: #707070;
    font-size: 13px;
  }
  .page-recipe .recommend--idea .article__profile .article__profileIcon {
    -ms-flex-preferred-size: 40px;
        flex-basis: 40px;
    width: 40px;
    height: 40px;
  }
  .page-recipe .c-pagination__list li a:hover {
    background-color: #007BE5;
    color: #fff;
  }
  .page-recipe .c-pagination__prev a:hover, .page-recipe .c-pagination__next a:hover {
    background-color: #007BE5;
    color: #fff;
  }
  .page-recipe-index .article:nth-child(1) {
    width: 100%;
  }
  .page-recipe-index .article:nth-child(1) .article__inner {
    gap: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-recipe-index .article:nth-child(1) .article__kvWrap {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 440px;
            flex: 0 0 440px;
  }
  .page-recipe-index .article:nth-child(1) .article__ttl {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 24px;
  }
  .page-recipe-index .article:nth-child(1) .article__office {
    font-size: 12px;
  }
  .page-recipe-index .article:nth-child(1) .article__name {
    font-size: 12px;
    font-weight: bold;
  }
  .page-recipe-index .article:nth-child(1) .article__tags {
    margin-top: 20px;
    padding-top: 20px;
    font-size: 14px;
  }
  .page-recipe-index .article:nth-child(1) .article__detail {
    padding: 0;
  }
  .page-recipe-detail .recipe-ttlWrap {
    padding: 0;
  }
  .page-recipe-detail .recipe-ttlWrap::before {
    margin-bottom: 44px;
  }
  .page-recipe-detail .l-wrap {
    margin: 0 102px;
  }
  .page-recipe-detail .recipe-ttl {
    font-size: 12px;
  }
  .page-recipe-detail .recipe-ttl::before {
    width: 12px;
    height: 12px;
  }
  .page-recipe-detail .article:nth-of-type(1) {
    width: 100%;
  }
  .page-recipe-detail .article:nth-of-type(1) .article__ttl {
    padding-bottom: 16px;
    font-size: 27px;
  }
  .page-recipe-detail .article:nth-of-type(1) .article__tags {
    border: none;
    font-size: 14px;
  }
  .page-recipe-detail .article__profileIcon {
    -ms-flex-preferred-size: 60px;
        flex-basis: 60px;
    width: 60px;
    height: 60px;
  }
  .page-recipe-detail .article__profileOffice {
    font-size: 13px;
  }
  .page-recipe-detail .article__profileTtl {
    font-size: 14px;
  }
  .page-recipe-detail .article__btns {
    gap: 14px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 44px;
    padding-bottom: 44px;
  }
  .page-recipe-detail .article .c-btnLikeNum,
.page-recipe-detail .article .c-btnShare {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    min-width: 218px;
    height: 52px;
    padding: 10px 16px;
    border: solid 1px #707070;
    font-size: 16px;
    letter-spacing: 0.03em;
  }
  .page-recipe-detail .article .c-btnLikeNum::before {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    width: 20px;
    height: 18px;
    margin: 0;
  }
  .page-recipe-detail .article .c-btnShare::before {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    width: 20px;
    height: 17px;
    margin-right: 12px;
  }
  .page-recipe-detail .recipe-sec--recommend {
    padding-bottom: 0px;
  }
  .page-recipe-detail .article--profile {
    width: auto;
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .page-recipe-detail .article--profile .article__profile {
    padding-top: 0;
  }
  .page-recipe-detail .article--profile .article__profileTtl--l {
    font-size: 20px;
  }
  .page-recipe-detail .recipe-sec__btns {
    margin: 28px 102px 0;
  }
  .page-recipe-item .article:nth-of-type(1) {
    width: 100%;
  }
  .page-recipe-item .article:nth-of-type(1) .recipe-ttlWrap {
    padding: 0;
  }
  .page-recipe-item .article:nth-of-type(1) .article__profile {
    gap: 16px;
    padding-top: 25px;
    padding-bottom: 24px;
    border-bottom: solid 1px #707070;
  }
  .page-recipe-item .article:nth-of-type(1) .article__profile .article__icon {
    -ms-flex-preferred-size: 76px;
        flex-basis: 76px;
    width: 76px;
    height: 76px;
  }
  .page-recipe-item .article:nth-of-type(1) .article__profile .article__profileBrand {
    font-size: 16px;
  }
  .page-recipe-item .article:nth-of-type(1) .article__profile .article__profileName {
    font-size: 22px;
  }
  .page-recipe-item .article:nth-of-type(1) .article__profile .article__profileTtlArea .border {
    display: none;
  }
  .page-recipe-item .article:nth-of-type(1) .l-wrap {
    padding: 0 102px;
  }
  .page-recipe-item .article:nth-of-type(1) .article__slideComment .l-wrap {
    padding: 0;
  }
  .page-recipe-item .article__sliderWrap {
    margin-top: 44px;
  }
  .page-recipe-item .article__itemBtn, .page-recipe-item .article__itemBtn--request, .page-recipe-item .article__itemBtn--official {
    font-size: 16px;
  }
  .page-recipe-item .article__itemBtn--official {
    height: 52px;
  }
  .page-recipe-item .article__itemBtn--request {
    height: 52px;
  }
  .page-recipe-item .article__btns {
    padding-bottom: 0;
  }
  .page-recipe-item .article__btns .c-btnShare,
.page-recipe-item .article__btns .c-btnLikeNum {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    height: 52px;
    font-size: 16px;
  }
  .page-recipe-item .article__btns .c-btnShare::before,
.page-recipe-item .article__btns .c-btnLikeNum::before {
    width: 20px;
    height: 20px;
  }
  .page-recipe-item .article__btns .c-btnShare::before {
    margin-right: 8px;
  }
  .page-recipe-item .recipe-sec--item {
    margin-top: 28px;
    margin-bottom: 36px;
  }
  .page-recipe-item .recipe-sec--item .recipe-sec__textArea {
    padding-bottom: 44px;
  }
  .page-recipe-item .recipe-sec--item .article__text {
    margin-top: 24px;
  }
  .page-recipe-item .recipe-sec--item .article__itemBtns {
    margin-top: 36px;
  }
  .page-recipe-item .recipe-sec--comment {
    margin-bottom: 44px;
    padding: 0 102px;
  }
  .page-recipe-item .recipe-sec--idea {
    margin-bottom: 80px;
  }
  .page-recipe-item .recipe-sec--idea .recipe-sec__ttlArea {
    margin: 0 102px 28px;
  }
  .page-recipe-item .recipe-sec--category {
    margin: 0 102px;
  }
  .page-recipe-item .commentBlock .comment:not(:first-child), .page-recipe-item .commentBlock--company .comment:not(:first-child), .page-recipe-item .commentBlock--pro .comment:not(:first-child) {
    margin-top: 20px;
  }
  .page-recipe-item .commentBlock .comment__text, .page-recipe-item .commentBlock--company .comment__text, .page-recipe-item .commentBlock--pro .comment__text {
    margin-top: 8px;
    font-size: 14px;
  }
  .page-recipe-item .commentBlock--pro {
    margin-top: 32px;
    padding: 28px 28px 40px;
    border-radius: 6px;
  }
  .page-recipe-item .commentBlock--pro .article {
    padding-bottom: 6px;
  }
  .page-recipe-item .commentBlock--pro .article:nth-child(1) .article__profile {
    padding: 0;
    border: none;
  }
  .page-recipe-item .commentBlock--pro .article:nth-child(1) .article__icon {
    -ms-flex-preferred-size: 60px;
        flex-basis: 60px;
    width: 60px;
    height: 60px;
  }
  .page-recipe-item .commentBlock--pro .article:nth-child(1) .article__profileOffice {
    font-size: 13px;
  }
  .page-recipe-item .commentBlock--pro .article:nth-child(1) .article__profileTtl--l {
    font-size: 17px;
  }
  .page-recipe-item .commentBlock--company {
    margin-top: 32px;
    margin-left: 80px;
    padding: 22px 24px 24px;
    border: none;
    border-radius: 8px;
    background-color: rgba(221, 185, 88, 0.1);
  }
  .page-recipe-item .commentBlock--company::before {
    top: 10px;
    left: -44px;
    width: 25px;
    height: 18px;
    background: url(../img/icon_bent-arrow.png) no-repeat center/cover;
    -webkit-mask-image: none;
            mask-image: none;
  }
  .page-recipe-item .commentBlock--company .comment__ttlWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 15px;
    border-bottom: solid 1px #DDB958;
  }
  .page-recipe-item .commentBlock--company .comment__ttl {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
    font-size: 15px;
  }
  .page-recipe-item .commentBlock--company .comment__name {
    font-size: 14px;
  }
  .page-recipe-item .commentBlock--company .comment__text {
    font-size: 14px;
    line-height: 1.7142857143;
  }
  .page-favorite .favorite-ttlWrap {
    min-width: 1180px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 40px 80px;
  }
  .page-favorite .p-item-list__head {
    position: relative;
  }
  .page-favorite .favorite-ttl {
    padding: 0;
  }
  .page-favorite .favorite-ttl::after {
    display: none;
  }
  .page-favorite .favorite-comment {
    left: 50%;
    min-width: 1180px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 40px 80px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .page-favorite .c-item__img {
    position: relative;
  }
  .page-favorite .c-item__label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 8px;
    color: #fff;
  }
  .page-favorite .c-item__label--cat {
    background-color: #9C9CE2;
  }
  .page-favorite .c-item__label--recipe {
    background-color: #EF7C4E;
  }
  .page-favorite .c-item__label--item {
    background-color: #DDB958;
  }
}
@media screen and (min-width: 769px) and (min-width: 1439px) {
  .l-header .category-list__detail .row::before, .l-header .category-list__detail .row::after {
    width: 290px;
  }
}
@media screen and (min-width: 1439px) {
  .l-header .category-list__detail .c-rect-ttl {
    width: 290px;
  }
  .page-catalog .category-list__detail .row > div {
    min-width: 200px;
  }
}
@media screen and (max-width: 1740px) and (min-width: 768px) {
  .l-header__sub-menu .navigation_item .ac__item {
    padding: 0;
  }
}
@media all and (-ms-high-contrast: none) {
  .c-key-visual__breadcrumbs a:not(:last-of-type):after {
    top: 4px;
  }
  .page-build .index-map-section .build-search__input-box:before {
    bottom: 42px;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .page-index .index-recipe__contents .paid .article {
    max-width: calc(50% - 33px);
  }
}
@media (min-width: 768px) {
  .page-architects-single .text {
    width: 330px;
  }
  .page-architects-single .text .ex {
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: none;
  }
  .page-architects-single .text p {
    margin-bottom: 10px !important;
    font-size: 13px;
  }
  .page-life .detail .text .ex {
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: none;
  }
  .page-life .detail .text p {
    margin-bottom: 10px !important;
    font-size: 13px;
  }
}



/* builderSearch */
#builderSearch{
  padding: 0;
  margin-top: 1em;
  margin-bottom:2em;
}
#builderSearch.builderSearch-index{
  margin-top:0;
  padding: 0 12px;
}
#builderSearch .c-inner{
  background-color:#EFEDEB;
  background-color:rgba(143, 174, 183, 0.38);
  border:none;
  
  max-width: 1024px;
  margin: 0 auto;
  padding:2em 1em;
}
@media screen and (min-width: 769px) {
  #builderSearch{
    margin-top: 0;
    margin-bottom:4em;
    padding: 0;
  }
  #builderSearch .c-inner{
    padding:2.5em;
    white-space: 100%;
  }
  
  #builderSearch.builderSearch-index{
    margin-top:4em;
    padding: 0;
  }

}


#builderSearch .c-inner h4{
  color:#585454;
  font-weight: 600;
  border: none;
  font-size: 18px;
  margin: 0 auto;
  padding: 0;
}
#builderSearch .c-inner h4 span.text__small{
  font-size: 14px;
  font-weight:normal;
}
#builderSearch .c-inner h4 + p{
  color:#585454;
  text-align: center;
  font-size: 18px;
  margin-top: 1em;
  margin-bottom: 1em;
  font-weight: 700;
  line-height: 1.4;
}
#builderSearch .c-inner h4 + p span.text__small{
  font-size: 14px;
  font-weight:normal;
}

@media screen and (min-width: 769px) {
  #builderSearch .c-inner h4{
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
  }
  #builderSearch .c-inner h4 span.text__small{

    font-size: 18px;
    font-weight:normal;
  }
  #builderSearch .c-inner h4 + p{
    color:#585454;
    text-align: center;
    font-size: 24px;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: 700;
    line-height: 1.4;
  }
  #builderSearch .c-inner h4 + p span.text__small{
    font-size: 18px;
    font-weight:normal;
  }
}
#builderSearch .c-button-builderSearch{
  display: flex;
  position: relative;
  justify-content: center;
  max-width: 400px;
  width: 100%;
  height: 50px;
  border: solid 1.5px #688188;
  border-radius: 3px;
  color: #688188 !important;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.03em;
  text-align: center;
  background-color: #fff;
  margin-top: 1em;
  padding: 1em;
  border-width: 3px;
  border-radius: 6px;
  transition:.3s ease !important;
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  #builderSearch .c-button-builderSearch{
    height: 65px;
    font-size: 20px;
  }
}
#builderSearch .c-button-builderSearch::before{
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  width: 13px;
  height: 11px;
  transform: translateY(-50%) rotate(-90deg);
  background-color: #688188;
  content: "";

  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="12" viewBox="0 0 17 12"><path id="icon_arrowTriangle" d="M6.868,2.3a2,2,0,0,1,3.264,0l4.632,6.54A2,2,0,0,1,13.132,12H3.868A2,2,0,0,1,2.236,8.844Z" transform="translate(17 12) rotate(180)"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="12" viewBox="0 0 17 12"><path id="icon_arrowTriangle" d="M6.868,2.3a2,2,0,0,1,3.264,0l4.632,6.54A2,2,0,0,1,13.132,12H3.868A2,2,0,0,1,2.236,8.844Z" transform="translate(17 12) rotate(180)"/></svg>');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}


#builderSearch .c-button-builderSearch:hover{
  background-color:#688188;
  color:#ffffff !important;
}

#builderSearch .c-button-builderSearch:hover::before{
  background-color:#ffffff;
}


/* builderContact */
.c-form-radio{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.c-form-radio label:not(:last-of-type){
  margin-bottom: 1em;
}

.c-form-radio label input {
    position: absolute;
    white-space: nowrap;
    width: 1px !important;
    height: 1px;
    overflow: hidden;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    margin: -1px;
}

.c-form-radio-name {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  color: #666;
}

.c-form-radio-name:before {
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-right: 6px;
    flex-shrink: 0;
}

.c-form-radio input:checked + .c-form-radio-name {
    color: #7b401a;
}

.c-form-radio input:checked + .c-form-radio-name:before {
    border: 0.35em solid #7b401a;
}

.c-form-radio span.c-form-radio-text{
  color:#000;
}

.c-form-radio input:checked + .c-form-radio-name span.c-form-radio-text{
    color:#7b401a;
}


#user_type_other_textbox{
  margin-top: .5em;
}

main.builderForm-index,
main.builderForm-confirm,
main.builderForm-thanks{
  padding:5em 0 !important;
}
main.builderForm-index .cont,
main.builderForm-confirm .cont,
main.builderForm-thanks .cont{
  padding: 1.5em;
}
@media screen and (min-width: 769px) {
  main.builderForm-index .cont,
  main.builderForm-confirm .cont,
  main.builderForm-thanks .cont{
    padding: 0 1.5em;
  }
}
main.builderForm-thanks .cont{
  text-align: center;
}

@media screen and (min-width: 769px) {
  main.builderForm-thanks .cont{
    text-align: center;
    padding: 4em;
  }
}
main.builderForm-index .cont .section_ttl,
main.builderForm-confirm .cont .section_ttl,
main.builderForm-thanks .cont .section_ttl{
  height: auto;
  margin-top: 0;
  font-size: 20px;
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  main.builderForm-index .cont .section_ttl,
  main.builderForm-confirm .cont .section_ttl,
  main.builderForm-thanks .cont .section_ttl{
    font-size: 24px;

  }

}
main.builderForm-index .cont .section_ttl span,
main.builderForm-confirm .cont .section_ttl span,
main.builderForm-thanks .cont .section_ttl span{
  position: static;
  margin: 0;
}


@media screen and (max-width: 768px) {
  main.builderForm-index,
  main.builderForm-confirm,
  main.builderForm-thanks{
    margin: 3em auto !important;
    padding: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  main.builderForm-confirm table.confirm th{
    font-size: 13px;
  }  
}
main.builderForm-index table.builderForm th,
main.builderForm-confirm table.confirm th{
  color:#6B6B6B;
}
@media screen and (min-width: 769px) {
  main.builderForm-index table.builderForm th,
  main.builderForm-confirm table.confirm th{
    width: 300px;
  }  
}
main.builderForm-confirm table.confirm td{
  font-weight:600;
}

main.builderForm-index .contact_btn,
main.builderForm-confirm .contact_btn,
main.builderForm-thanks .contact_btn{
  margin-bottom:0 !important;
}