@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap");
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

* {
  /* Remove default margin on everything */
  margin: 0;
  /* Remove default padding on everything */
  padding: 0;
  /* Calc `em` based line height, bigger line height for smaller font size and smaller line height for bigger font size: https://kittygiraudel.com/2020/05/18/using-calc-to-figure-out-optimal-line-height/ */
}

/* Use a more-intuitive box-sizing model on everything */
*,
::before,
::after {
  box-sizing: border-box;
}

/* Remove border and set sensible defaults for backgrounds, on all elements except fieldset progress and meter */
*:where(:not(fieldset, progress, meter)) {
  border-width: 0;
  border-style: solid;
  background-origin: border-box;
  background-repeat: no-repeat;
}

html {
  /* Allow percentage-based heights in the application */
  block-size: 100%;
  /* Making sure text size is only controlled by font-size */
  -webkit-text-size-adjust: none;
}

/* Smooth scrolling for users that don't prefer reduced motion */
@media (prefers-reduced-motion: no-preference) {
  html:focus-within {
    scroll-behavior: smooth;
  }
}
body {
  /* Improve text rendering */
  -webkit-font-smoothing: antialiased;
  /* https://marco.org/2012/11/15/text-rendering-optimize-legibility */
  text-rendering: optimizeSpeed;
  /* Allow percentage-based heights in the application */
  min-block-size: 100%;
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter#example_2 */
  /* scrollbar-gutter: stable both-edges; Removed until this bug is fixed: https://bugs.chromium.org/p/chromium/issues/detail?id=1318404#c2 */
}

/* Improve media defaults */
:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, svg, video) {
  block-size: auto;
  max-inline-size: 100%;
}

/* Remove stroke and set fill colour to the inherited font colour */
:where(svg) {
  stroke: none;
  fill: currentColor;
}

/* SVG's without a fill attribute */
:where(svg):where(:not([fill])) {
  /* Remove fill and set stroke colour to the inherited font colour */
  stroke: currentColor;
  fill: none;
  /* Rounded stroke */
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Set a size for SVG's without a width attribute */
:where(svg):where(:not([width])) {
  inline-size: 5rem;
}

/* Remove built-in form typography styles */
:where(input, button, textarea, select),
:where(input[type=file])::-webkit-file-upload-button {
  color: inherit;
  font: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
}

/* Change textarea resize to vertical only and block only if the browser supports that */
:where(textarea) {
  resize: vertical;
}

@supports (resize: block) {
  :where(textarea) {
    resize: block;
  }
}
/* Avoid text overflows */
:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

/* Fix h1 font size inside article, aside, nav, and section */
h1 {
  font-size: 2em;
}

/* Position list marker inside */
:where(ul, ol) {
  list-style-position: inside;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
:where(ul, ol)[role=list] {
  list-style: none;
}

/* More readable underline style for anchor tags without a class. This could be set on anchor tags globally, but it can cause conflicts. */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make it clear that interactive elements are interactive */
:where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
  cursor: pointer;
  touch-action: manipulation;
}

:where(input[type=file]) {
  cursor: auto;
}

:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
  cursor: pointer;
}

/* Animate focus outline */
@media (prefers-reduced-motion: no-preference) {
  :focus-visible {
    transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
  }
  :where(:not(:active)):focus-visible {
    transition-duration: 0.25s;
  }
}
:where(:not(:active)):focus-visible {
  outline-offset: 5px;
}

/* Make sure users can't select button text */
:where(button, button[type], input[type=button], input[type=submit], input[type=reset]),
:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
  text-align: center;
}

/* Disabled cursor for disabled buttons */
:where(button, button[type], input[type=button], input[type=submit], input[type=reset])[disabled] {
  cursor: not-allowed;
}

@font-face {
  font-family: "webicon";
  src: url("../fonts/webicon.eot?37l1ov");
  src: url("../fonts/webicon.eot?37l1ov#iefix") format("embedded-opentype"), url("../fonts/webicon.ttf?37l1ov") format("truetype"), url("../fonts/webicon.woff?37l1ov") format("woff"), url("../fonts/webicon.svg?37l1ov#webicon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon:before, .icon:after, [class^=icon-], [class*=" icon-"] {
  font-family: "webicon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow01_t:before {
  content: "\e001";
}

.icon-arrow01_r:before {
  content: "\e002";
}

.icon-arrow01_b:before {
  content: "\e003";
}

.icon-arrow01_l:before {
  content: "\e004";
}

.icon-arrow02_t:before {
  content: "\e005";
}

.icon-arrow02_r:before {
  content: "\e006";
}

.icon-arrow02_b:before {
  content: "\e007";
}

.icon-arrow02_l:before {
  content: "\e008";
}

.icon-arrow03_t:before {
  content: "\e009";
}

.icon-arrow03_r:before {
  content: "\e010";
}

.icon-arrow03_b:before {
  content: "\e011";
}

.icon-arrow03_l:before {
  content: "\e012";
}

.icon-arrow04_t:before {
  content: "\e013";
}

.icon-arrow04_r:before {
  content: "\e014";
}

.icon-arrow04_b:before {
  content: "\e015";
}

.icon-arrow04_l:before {
  content: "\e016";
}

.icon-mail:before {
  content: "\e017";
}

.icon-tel:before {
  content: "\e018";
}

.icon-nav:before {
  content: "\e019";
}

.icon-close:before {
  content: "\e020";
}

.icon-plus:before {
  content: "\e021";
}

.icon-minus:before {
  content: "\e022";
}

.icon-blank:before {
  content: "\e023";
}

.icon-pdf:before {
  content: "\e024";
}

.icon-facebook:before {
  content: "\e025";
}

.icon-instagram:before {
  content: "\e026";
}

.icon-cart:before {
  content: "\e027";
}

@media print {
  header {
    position: initial;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.3s linear;
}

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

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

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

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  margin: 0 auto;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  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;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.ff-min {
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.ff-en {
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.ff-en2 {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.fw-n {
  font-weight: normal;
}
.fw-b {
  font-weight: bold;
}

.ta-l {
  text-align: left !important;
}
.ta-c {
  text-align: center !important;
}
.ta-r {
  text-align: right !important;
}

.lh-xl {
  line-height: 2 !important;
}
.lh-lg {
  line-height: 1.8 !important;
}
.lh-md {
  line-height: 1.5 !important;
}
.lh-sm {
  line-height: 1.3 !important;
}
.lh-xs {
  line-height: 1 !important;
}

.color-font {
  color: #000 !important;
}
.color-main {
  color: #FFD6BF !important;
}
.color-sub {
  color: #2B3F5C !important;
}
.color-accent {
  color: #ea8971 !important;
}
.color-red {
  color: #C70008 !important;
}
.color-yellow {
  color: #E3BD3D !important;
}
.color-blue {
  color: #2C79B4 !important;
}
.color-purple {
  color: #6A75C7 !important;
}
.color-gray {
  color: #F8F8F8 !important;
}
.color-gray2 {
  color: #ccc !important;
}
.color-gray3 {
  color: #707070 !important;
}
.color-brown {
  color: #5D3C20 !important;
}
.color-white {
  color: #fff !important;
}

.fz-50 {
  font-size: 5rem;
}
.fz-40 {
  font-size: 4rem;
}
.fz-xl {
  font-size: 3.4rem !important;
}
.fz-lg {
  font-size: 2.4rem !important;
}
.fz-md {
  font-size: 1.8rem !important;
}
.fz-sm {
  font-size: 1.4rem !important;
}
.fz-xs {
  font-size: 1rem !important;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .fz-50 {
    font-size: 4.6rem;
  }
  .fz-40 {
    font-size: 3.6rem;
  }
  .fz-xl {
    font-size: 3.8rem !important;
  }
  .fz-lg {
    font-size: 2.8rem !important;
  }
  .fz-md {
    font-size: 1.8rem !important;
  }
  .fz-sm {
    font-size: 1.4rem !important;
  }
  .fz-xs {
    font-size: 1rem !important;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .fz-50 {
    font-size: 3rem;
  }
  .fz-40 {
    font-size: 2.4rem;
  }
  .fz-xl {
    font-size: 2.6rem !important;
  }
  .fz-lg {
    font-size: 2.2rem !important;
  }
  .fz-md {
    font-size: 1.8rem !important;
  }
  .fz-sm {
    font-size: 1.3rem !important;
  }
  .fz-xs {
    font-size: 0.5rem !important;
  }
}
@media only screen and (max-width: 639px) {
  .fz-50 {
    font-size: 2rem;
  }
  .fz-40 {
    font-size: 2rem;
  }
  .fz-xl {
    font-size: 2.2rem !important;
  }
  .fz-lg {
    font-size: 1.6rem !important;
  }
  .fz-md {
    font-size: 1.4rem !important;
  }
  .fz-sm {
    font-size: 1.3rem !important;
  }
  .fz-xs {
    font-size: 0.5rem !important;
  }
}

del {
  color: #999;
}

a.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #2B3F5C;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 50px;
  border: 2px solid #2B3F5C;
  border-radius: 50px;
}
a.btn:hover {
  background: #fff;
  color: #2B3F5C;
  border: 2px solid #2B3F5C;
}
a.btn i {
  margin: 0 -15px 0 15px;
  font-size: 2.3rem;
}
a.btn i.icon-arrow01_r {
  font-size: 1.6rem;
}
a.btn.re i {
  margin: 0 15px 0 -15px;
}
#granola a.btn, #gift a.btn {
  width: 860px;
  margin: 70px auto;
  padding: 15px 50px;
  font-size: 2.6rem;
}
#granola a.btn i, #gift a.btn i {
  font-size: 3rem;
}
#jam a.btn {
  width: 860px;
  padding: 15px 50px;
  font-size: 2.6rem;
}
#jam a.btn i {
  font-size: 3rem;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  a.btn {
    padding: 10px 30px;
    font-size: 1.8rem;
  }
  a.btn i {
    margin: 0 -5px 0 5px;
    font-size: 2rem;
  }
  a.btn i.icon-arrow01_r {
    font-size: 1.5rem;
  }
  a.btn.re i {
    margin: 0 5px 0 -5px;
  }
  #granola a.btn, #gift a.btn {
    width: 760px;
    margin: 50px auto;
    padding: 13px 30px;
    font-size: 2.2rem;
  }
  #granola a.btn i, #gift a.btn i {
    font-size: 2.6rem;
  }
  #jam a.btn {
    width: 760px;
    padding: 13px 30px;
    font-size: 2.2rem;
  }
  #jam a.btn i {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  a.btn {
    padding: 8px 25px;
    line-height: 1;
    font-size: 1.6rem;
  }
  a.btn i {
    margin: 0 -5px 0 5px;
    font-size: 1.8rem;
  }
  a.btn i.icon-arrow01_r {
    font-size: 1.4rem;
  }
  a.btn.re i {
    margin: 0 5px 0 -5px;
  }
  #granola a.btn, #gift a.btn {
    width: 100%;
    margin: 30px auto;
    padding: 10px 25px;
    font-size: 1.6rem;
  }
  #granola a.btn i, #gift a.btn i {
    font-size: 1.8rem;
  }
  #jam a.btn {
    width: 100%;
    padding: 10px 25px;
    font-size: 1.6rem;
  }
  #jam a.btn i {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 639px) {
  a.btn {
    margin: 10px auto 0;
    min-width: 100%;
    max-width: 100%;
    padding: 4px 10px;
    line-height: 1;
    font-size: 1.4rem;
  }
  a.btn i {
    margin: 0 -3px 0 3px;
    font-size: 1.4rem;
  }
  a.btn i.icon-arrow01_r {
    font-size: 1rem;
  }
  a.btn.re i {
    margin: 0 3px 0 -3px;
  }
  #granola a.btn, #gift a.btn {
    width: 80%;
    margin: 20px auto;
    padding: 8px 10px;
    font-size: 1.4rem;
  }
  #granola a.btn i, #gift a.btn i {
    font-size: 1.6rem;
  }
  #jam a.btn {
    width: 80%;
    padding: 8px 10px;
    font-size: 1.4rem;
  }
  #jam a.btn i {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 1280px) {
  .for-pc {
    display: block !important;
  }
  .for-pcs {
    display: none;
  }
  .for-tab {
    display: none;
  }
  .for-sp {
    display: none;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .for-pc {
    display: none;
  }
  .for-pcs {
    display: block !important;
  }
  .for-tab {
    display: none;
  }
  .for-sp {
    display: none;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .for-pc {
    display: none;
  }
  .for-pcs {
    display: none;
  }
  .for-tab {
    display: block !important;
  }
  .for-sp {
    display: none;
  }
}
@media only screen and (max-width: 639px) {
  .for-pc {
    display: none;
  }
  .for-pcs {
    display: none;
  }
  .for-tab {
    display: none;
  }
  .for-sp {
    display: block !important;
  }
}
.d-b {
  display: block !important;
}
.d-ib {
  display: inline-block !important;
}
.d-i {
  display: inline !important;
}

.flex {
  display: flex;
}

.flex-wp-wp {
  flex-wrap: wrap;
}
.flex-wp-wp-re {
  flex-wrap: wrap-reverse;
}

.flex-di-re {
  flex-direction: row-reverse;
}
.flex-di-col {
  flex-direction: column;
}

.flex-jc-c {
  justify-content: center;
}
.flex-jc-sb {
  justify-content: space-between;
}

.flex-ai-fs {
  align-items: flex-start;
}
.flex-ai-c {
  align-items: center;
}
.flex-ai-fe {
  align-items: flex-end;
}

textarea, input, select {
  padding: 3px 8px;
}

[type=submit], button {
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
}

[type=text],
[type=password],
[type=email],
[type=url],
[type=tel],
select,
textarea {
  width: 400px;
  margin-right: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
  outline: 0;
}
[type=text]:focus,
[type=password]:focus,
[type=email]:focus,
[type=url]:focus,
[type=tel]:focus,
select:focus,
textarea:focus {
  border-color: #999;
  background-color: #fefefe;
}
[type=text].contact-txt,
[type=password].contact-txt,
[type=email].contact-txt,
[type=url].contact-txt,
[type=tel].contact-txt,
select.contact-txt,
textarea.contact-txt {
  width: 100%;
  height: 200px;
  font-size: 1.6rem;
  border-color: #000;
  border-radius: 0;
  resize: vertical;
}
[type=text].year,
[type=password].year,
[type=email].year,
[type=url].year,
[type=tel].year,
select.year,
textarea.year {
  width: 100px;
}
[type=text].speak, [type=text].listen, [type=text].read-write,
[type=password].speak,
[type=password].listen,
[type=password].read-write,
[type=email].speak,
[type=email].listen,
[type=email].read-write,
[type=url].speak,
[type=url].listen,
[type=url].read-write,
[type=tel].speak,
[type=tel].listen,
[type=tel].read-write,
select.speak,
select.listen,
select.read-write,
textarea.speak,
textarea.listen,
textarea.read-write {
  width: 370px;
}
[type=text].monthly, [type=text].day,
[type=password].monthly,
[type=password].day,
[type=email].monthly,
[type=email].day,
[type=url].monthly,
[type=url].day,
[type=tel].monthly,
[type=tel].day,
select.monthly,
select.day,
textarea.monthly,
textarea.day {
  width: 80px;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  [type=text],
  [type=password],
  [type=email],
  [type=url],
  [type=tel],
  select,
  textarea {
    width: 340px;
  }
  [type=text].year,
  [type=password].year,
  [type=email].year,
  [type=url].year,
  [type=tel].year,
  select.year,
  textarea.year {
    width: 80px;
  }
  [type=text].speak, [type=text].listen, [type=text].read-write,
  [type=password].speak,
  [type=password].listen,
  [type=password].read-write,
  [type=email].speak,
  [type=email].listen,
  [type=email].read-write,
  [type=url].speak,
  [type=url].listen,
  [type=url].read-write,
  [type=tel].speak,
  [type=tel].listen,
  [type=tel].read-write,
  select.speak,
  select.listen,
  select.read-write,
  textarea.speak,
  textarea.listen,
  textarea.read-write {
    width: 280px;
  }
  [type=text].monthly, [type=text].day,
  [type=password].monthly,
  [type=password].day,
  [type=email].monthly,
  [type=email].day,
  [type=url].monthly,
  [type=url].day,
  [type=tel].monthly,
  [type=tel].day,
  select.monthly,
  select.day,
  textarea.monthly,
  textarea.day {
    width: 60px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  [type=text],
  [type=password],
  [type=email],
  [type=url],
  [type=tel],
  select,
  textarea {
    width: 340px;
  }
  [type=text].year,
  [type=password].year,
  [type=email].year,
  [type=url].year,
  [type=tel].year,
  select.year,
  textarea.year {
    width: 80px;
  }
  [type=text].speak, [type=text].listen, [type=text].read-write,
  [type=password].speak,
  [type=password].listen,
  [type=password].read-write,
  [type=email].speak,
  [type=email].listen,
  [type=email].read-write,
  [type=url].speak,
  [type=url].listen,
  [type=url].read-write,
  [type=tel].speak,
  [type=tel].listen,
  [type=tel].read-write,
  select.speak,
  select.listen,
  select.read-write,
  textarea.speak,
  textarea.listen,
  textarea.read-write {
    width: 280px;
  }
  [type=text].monthly, [type=text].day,
  [type=password].monthly,
  [type=password].day,
  [type=email].monthly,
  [type=email].day,
  [type=url].monthly,
  [type=url].day,
  [type=tel].monthly,
  [type=tel].day,
  select.monthly,
  select.day,
  textarea.monthly,
  textarea.day {
    width: 60px;
  }
}
@media only screen and (max-width: 639px) {
  [type=text],
  [type=password],
  [type=email],
  [type=url],
  [type=tel],
  select,
  textarea {
    width: 100%;
  }
  [type=text].year, [type=text].speak, [type=text].listen, [type=text].read-write,
  [type=password].year,
  [type=password].speak,
  [type=password].listen,
  [type=password].read-write,
  [type=email].year,
  [type=email].speak,
  [type=email].listen,
  [type=email].read-write,
  [type=url].year,
  [type=url].speak,
  [type=url].listen,
  [type=url].read-write,
  [type=tel].year,
  [type=tel].speak,
  [type=tel].listen,
  [type=tel].read-write,
  select.year,
  select.speak,
  select.listen,
  select.read-write,
  textarea.year,
  textarea.speak,
  textarea.listen,
  textarea.read-write {
    width: 70% !important;
  }
  [type=text].monthly, [type=text].day,
  [type=password].monthly,
  [type=password].day,
  [type=email].monthly,
  [type=email].day,
  [type=url].monthly,
  [type=url].day,
  [type=tel].monthly,
  [type=tel].day,
  select.monthly,
  select.day,
  textarea.monthly,
  textarea.day {
    width: 70%;
    margin-top: 5px;
  }
}

select {
  padding: 3px 30px 3px 8px;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
  background-position: calc(100% - 15px) 1em, calc(100% - 10px) 1em;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 639px) {
  select {
    padding: 3px 30px 3px 8px;
    background-position: calc(100% - 15px) 0.8em, calc(100% - 10px) 0.8em;
  }
}

::-webkit-input-placeholder {
  color: #999;
}

::-moz-placeholder {
  color: #999;
}

:-ms-input-placeholder {
  color: #999;
}

.placeholder {
  color: #999;
}

.wpcf7-form .wpcf7-not-valid-tip {
  display: block;
  font-size: 1.6rem;
}
.wpcf7-form span.wpcf7-list-item {
  margin: 0;
}
.wpcf7-form .wpcf7-checkbox {
  display: block;
  margin: 0;
}
.wpcf7-form .wpcf7-checkbox span.wpcf7-list-item {
  margin: 0 20px 0 0;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox] {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  padding: 0 0 0 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  display: none;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0 0 25px;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span::after {
  position: absolute;
  opacity: 0;
  content: "";
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span::before {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 0;
  margin-right: 15px;
  border-radius: 5px;
  border: 1px solid #ccc;
  content: "";
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230096EB%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22arcs%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.wpcf7-form .wpcf7-radio {
  display: block;
  margin: 0;
}
.wpcf7-form .wpcf7-radio span.wpcf7-list-item {
  margin: 0 20px 0 0;
}
.wpcf7-form .wpcf7-radio input[type=radio] {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  padding: 0 0 0 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  display: none;
}
.wpcf7-form .wpcf7-radio input[type=radio] + span {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0 0 25px;
}
.wpcf7-form .wpcf7-radio input[type=radio] + span::after {
  position: absolute;
  opacity: 0;
  content: "";
}
.wpcf7-form .wpcf7-radio input[type=radio] + span::before {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 0;
  margin-right: 15px;
  border-radius: 50%;
  border: 1px solid #ccc;
  content: "";
}
.wpcf7-form .wpcf7-radio input[type=radio]:checked + span::after {
  opacity: 1;
  width: 12px;
  height: 12px;
  left: 4px;
  border-radius: 50%;
  background-color: #FFD6BF;
  content: "";
}
.wpcf7-form .check {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0 0;
  padding: 0;
}
.wpcf7-form .check .wpcf7-list-item label {
  display: flex;
  align-items: center;
  width: 100%;
}
.wpcf7-form .check .wpcf7-list-item label input[type=checkbox] {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  padding: 0;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.wpcf7-form .check .wpcf7-list-item label input[type=checkbox] + span {
  display: flex;
  align-items: center;
}
.wpcf7-form .check .wpcf7-list-item label input[type=checkbox] + span::after {
  display: none;
}
.wpcf7-form .check .wpcf7-list-item label input[type=checkbox] + span::before {
  display: inline-block;
  background: #fff;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  border-radius: 5px;
  border: 2px solid #ccc;
  content: "";
}
.wpcf7-form .check .wpcf7-list-item label input[type=checkbox]:checked + span::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ac3500%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22arcs%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.wpcf7-form .check .wpcf7-list-item label .wpcf7-list-item-label span {
  width: calc(100% - 35px);
}
.wpcf7-form .submit {
  width: 600px;
  text-align: center;
  margin: 50px auto 0;
}
.wpcf7-form .submit input {
  width: 100%;
  justify-content: center;
  align-items: center;
  background: #2B3F5C;
  padding: 6px 60px 4px;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #2B3F5C;
  border-radius: 50px;
}
.wpcf7-form .submit input:hover {
  background: #fff;
  color: #2B3F5C;
  border: 2px solid #2B3F5C;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .wpcf7-form .submit {
    margin: 50px auto 0;
  }
  .wpcf7-form .submit input {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .wpcf7-form .wpcf7-not-valid-tip {
    display: block;
    padding-left: 0;
    font-size: 1.4rem;
  }
  .wpcf7-form span.wpcf7-list-item {
    margin: 0;
  }
  .wpcf7-form .wpcf7-radio {
    margin: 0;
  }
  .wpcf7-form .wpcf7-radio span.wpcf7-list-item {
    display: block;
    margin: 10px 0 0;
  }
  .wpcf7-form .submit {
    width: 400px;
    margin: 30px auto 0;
  }
  .wpcf7-form .submit input {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 639px) {
  .wpcf7-form .wpcf7-not-valid-tip {
    display: block;
    padding-left: 0;
    font-size: 1.3rem;
    padding-top: 3px;
    padding-left: 0;
  }
  .wpcf7-form span.wpcf7-list-item {
    margin: 0;
  }
  .wpcf7-form .wpcf7-radio {
    margin: 0;
  }
  .wpcf7-form .wpcf7-radio span.wpcf7-list-item {
    display: block;
    margin: 10px 0 0;
  }
  .wpcf7-form .check {
    justify-content: flex-start;
  }
  .wpcf7-form .check .wpcf7-list-item label input[type=checkbox] {
    margin-right: 10px;
  }
  .wpcf7-form .check .wpcf7-list-item label input[type=checkbox] + span::before {
    margin-right: 10px;
  }
  .wpcf7-form .check .wpcf7-list-item label .wpcf7-list-item-label span {
    width: 100%;
  }
  .wpcf7-form .submit {
    width: auto;
    margin: 20px auto 0;
  }
  .wpcf7-form .submit input {
    padding: 4px 15px 2px;
    font-size: 1.4rem;
  }
  .wpcf7-form .submit input:hover {
    background: #2B3F5C;
    color: #fff;
    border: 2px solid #2B3F5C;
  }
}

.wpcf7 form .wpcf7-response-output {
  margin: 30px auto 0 !important;
  padding: 20px !important;
}
@media only screen and (max-width: 1279px) {
  .wpcf7 form .wpcf7-response-output {
    width: 100%;
    margin: 10px auto 0;
    padding: 20px;
  }
}
@media only screen and (max-width: 639px) {
  .wpcf7 form .wpcf7-response-output {
    width: 100%;
    padding: 10px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin: -15px;
}
.row:after {
  content: "";
  display: block;
  clear: both;
}
.row.rev {
  flex-direction: row-reverse;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .row {
    margin: -10px;
  }
}
@media only screen and (max-width: 639px) {
  .row {
    margin: -8px;
  }
  .row .sp-img {
    display: block;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}

.col-sp-12, .col-tab-12, .col-12, .col-sp-11, .col-tab-11, .col-11, .col-sp-10, .col-tab-10, .col-10, .col-sp-9, .col-tab-9, .col-9, .col-sp-8, .col-tab-8, .col-8, .col-sp-7, .col-tab-7, .col-7, .col-sp-6, .col-tab-6, .col-6, .col-sp-5, .col-tab-5, .col-5, .col-sp-4, .col-tab-4, .col-4, .col-sp-3, .col-tab-3, .col-3, .col-sp-2, .col-tab-2, .col-2, .col-sp-1, .col-tab-1, .col-1 {
  padding: 15px;
}
.col-sp-12 :first-child, .col-tab-12 :first-child, .col-12 :first-child, .col-sp-11 :first-child, .col-tab-11 :first-child, .col-11 :first-child, .col-sp-10 :first-child, .col-tab-10 :first-child, .col-10 :first-child, .col-sp-9 :first-child, .col-tab-9 :first-child, .col-9 :first-child, .col-sp-8 :first-child, .col-tab-8 :first-child, .col-8 :first-child, .col-sp-7 :first-child, .col-tab-7 :first-child, .col-7 :first-child, .col-sp-6 :first-child, .col-tab-6 :first-child, .col-6 :first-child, .col-sp-5 :first-child, .col-tab-5 :first-child, .col-5 :first-child, .col-sp-4 :first-child, .col-tab-4 :first-child, .col-4 :first-child, .col-sp-3 :first-child, .col-tab-3 :first-child, .col-3 :first-child, .col-sp-2 :first-child, .col-tab-2 :first-child, .col-2 :first-child, .col-sp-1 :first-child, .col-tab-1 :first-child, .col-1 :first-child {
  margin-top: 0;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .col-sp-12, .col-tab-12, .col-12, .col-sp-11, .col-tab-11, .col-11, .col-sp-10, .col-tab-10, .col-10, .col-sp-9, .col-tab-9, .col-9, .col-sp-8, .col-tab-8, .col-8, .col-sp-7, .col-tab-7, .col-7, .col-sp-6, .col-tab-6, .col-6, .col-sp-5, .col-tab-5, .col-5, .col-sp-4, .col-tab-4, .col-4, .col-sp-3, .col-tab-3, .col-3, .col-sp-2, .col-tab-2, .col-2, .col-sp-1, .col-tab-1, .col-1 {
    padding: 10px;
  }
}
@media only screen and (max-width: 639px) {
  .col-sp-12, .col-tab-12, .col-12, .col-sp-11, .col-tab-11, .col-11, .col-sp-10, .col-tab-10, .col-10, .col-sp-9, .col-tab-9, .col-9, .col-sp-8, .col-tab-8, .col-8, .col-sp-7, .col-tab-7, .col-7, .col-sp-6, .col-tab-6, .col-6, .col-sp-5, .col-tab-5, .col-5, .col-sp-4, .col-tab-4, .col-4, .col-sp-3, .col-tab-3, .col-3, .col-sp-2, .col-tab-2, .col-2, .col-sp-1, .col-tab-1, .col-1 {
    padding: 8px;
  }
}

.col-1 {
  width: 8.3333333333%;
}
.col-2 {
  width: 16.6666666667%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.3333333333%;
}
.col-5 {
  width: 41.6666666667%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.3333333333%;
}
.col-8 {
  width: 66.6666666667%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.3333333333%;
}
.col-11 {
  width: 91.6666666667%;
}
.col-12 {
  width: 100%;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .col-tab-1 {
    width: 8.3333333333%;
  }
  .col-tab-2 {
    width: 16.6666666667%;
  }
  .col-tab-3 {
    width: 25%;
  }
  .col-tab-4 {
    width: 33.3333333333%;
  }
  .col-tab-5 {
    width: 41.6666666667%;
  }
  .col-tab-6 {
    width: 50%;
  }
  .col-tab-7 {
    width: 58.3333333333%;
  }
  .col-tab-8 {
    width: 66.6666666667%;
  }
  .col-tab-9 {
    width: 75%;
  }
  .col-tab-10 {
    width: 83.3333333333%;
  }
  .col-tab-11 {
    width: 91.6666666667%;
  }
  .col-tab-12 {
    width: 100%;
    float: none;
  }
}
@media only screen and (max-width: 639px) {
  .col-sp-1 {
    width: 8.3333333333%;
  }
  .col-sp-2 {
    width: 16.6666666667%;
  }
  .col-sp-3 {
    width: 25%;
  }
  .col-sp-4 {
    width: 33.3333333333%;
  }
  .col-sp-5 {
    width: 41.6666666667%;
  }
  .col-sp-6 {
    width: 50%;
  }
  .col-sp-7 {
    width: 58.3333333333%;
  }
  .col-sp-8 {
    width: 66.6666666667%;
  }
  .col-sp-9 {
    width: 75%;
  }
  .col-sp-10 {
    width: 83.3333333333%;
  }
  .col-sp-11 {
    width: 91.6666666667%;
  }
  .col-sp-12 {
    width: 100%;
    float: none;
  }
}

ul.attention li {
  position: relative;
  padding: 0 0 0 1em;
}
ul.attention li:before {
  position: absolute;
  width: 1em;
  top: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  color: #ea8971;
  content: "※";
}

ul {
  list-style-type: none;
}
ul li {
  padding: 3px 0;
}
ul.disc {
  line-height: 1.5;
}
ul.disc li {
  position: relative;
  margin-left: 1em;
  padding: 0;
}
ul.disc li:before {
  position: absolute;
  width: 1em;
  height: 20px;
  top: 0;
  left: -0.8em;
  content: "・";
}
ul.circle {
  list-style: circle;
  padding: 0 0 0 1.5em;
}
ul.square {
  list-style: square;
  padding: 0 0 0 1.5em;
}
ul.attention li {
  padding: 3px 0 3px 1.5em;
}
ul.disc-lg > li {
  position: relative;
  padding-left: 20px;
  line-height: 1.5;
}
ul.disc-lg > li:before {
  position: absolute;
  background: #000;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 15px;
  left: 0;
  content: "";
}
ul.disc-lg.long > li {
  padding: 10px 0 10px 25px;
}
ul.disc-lg.long > li:before {
  top: 15px;
}
ul.disc-lg.col2 {
  display: flex;
  flex-wrap: wrap;
}
ul.disc-lg.col2 > li {
  width: 50%;
}
ul.disc-lg.col2 > li span {
  font-size: 1.5rem;
}
ul.disc-lg.col2 > li.col1 {
  width: 100%;
  padding-bottom: 20px;
}
ul.disc-lg.row1 {
  display: flex;
  flex-wrap: wrap;
}
ul.disc-lg.row1 > li {
  margin-right: 25px;
}
ul.disc-lg.c-main > li:before {
  background: #FFD6BF;
  width: 10px;
  height: 10px;
  top: 11px;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  ul.disc-lg > li {
    padding-left: 13px;
  }
  ul.disc-lg > li:before {
    width: 5px;
    height: 5px;
    top: 13px;
  }
  ul.disc-lg.long > li {
    padding: 7px 0 7px 20px;
  }
  ul.disc-lg.long > li:before {
    top: 11px;
  }
  ul.disc-lg.col2 > li span {
    font-size: 1.4rem;
  }
  ul.disc-lg.col2 > li.col1 {
    width: 100%;
    padding-bottom: 10px;
  }
  ul.disc-lg.row1 {
    display: flex;
    flex-wrap: wrap;
  }
  ul.disc-lg.row1 > li {
    margin-right: 25px;
  }
  ul.disc-lg.c-main > li:before {
    width: 8px;
    height: 8px;
    top: 10px;
  }
}
@media only screen and (max-width: 639px) {
  ul.disc-lg > li {
    padding-left: 10px;
  }
  ul.disc-lg > li:before {
    width: 4px;
    height: 4px;
    top: 12px;
  }
  ul.disc-lg.long > li {
    padding: 7px 0 7px 20px;
  }
  ul.disc-lg.long > li:before {
    top: 11px;
  }
  ul.disc-lg.col2 > li {
    width: 100%;
  }
  ul.disc-lg.col2 > li span {
    font-size: 1.4rem;
  }
  ul.disc-lg.col2 > li.col1 {
    width: 100%;
    padding-bottom: 10px;
  }
  ul.disc-lg.row1 {
    display: flex;
    flex-wrap: wrap;
  }
  ul.disc-lg.row1 > li {
    width: 100%;
    margin-right: 25px;
  }
  ul.disc-lg.c-main > li:before {
    width: 6px;
    height: 6px;
    top: 10px;
  }
}

ol {
  margin: 0 0 0 1.5em;
}
ol li {
  padding: 3px 0;
}
ol.main > li {
  list-style-type: none;
  counter-increment: cnt;
  padding: 5px 0 5px 1em;
  line-height: 1.5;
}
ol.main > li:before {
  color: #FFD6BF;
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 3rem;
  font-weight: bold;
  content: counter(cnt) ".";
  display: inline-block;
  margin-left: -1.5em;
  width: 1.5em;
}
ol.main > li span {
  font-weight: bold;
}
ol.brackets {
  margin: 0;
}
ol.brackets > li {
  list-style-type: none;
  counter-increment: cnt;
  padding: 8px 0 8px 2.5em;
  line-height: 1.5;
}
ol.brackets > li:before {
  content: "(" counter(cnt) ")";
  display: inline-block;
  margin-left: -2.5em;
  width: 2.5em;
}
ol.brackets > li ul {
  margin: 10px 0;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  ol.main > li {
    padding: 5px 0;
    line-height: 1.5;
  }
  ol.main > li:before {
    font-size: 2.2rem;
    margin-left: -1.2em;
    width: 1.2em;
  }
}
@media only screen and (max-width: 639px) {
  ol.main > li {
    padding: 0;
    line-height: 1.5;
  }
  ol.main > li:before {
    font-size: 2rem;
    margin-left: -1.2em;
    width: 1.2em;
  }
}

dl.list-cl {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
dl.list-cl dt {
  position: relative;
  width: 250px;
  padding-right: 30px;
}
dl.list-cl dt:before {
  position: absolute;
  background: #ccc;
  width: 15px;
  height: 1px;
  top: 15px;
  right: 25px;
  content: "";
}
dl.list-cl dd {
  width: calc(100% - 250px);
}
@media only screen and (max-width: 639px) {
  dl.list-cl dt {
    width: 170px;
    padding-right: 40px;
  }
  dl.list-cl dt:before {
    width: 10px;
    top: 9px;
    right: 15px;
  }
  dl.list-cl dd {
    width: calc(100% - 170px);
  }
}

.m-150 {
  margin-top: 150px !important;
  margin-bottom: 150px !important;
}
.mt-150 {
  margin-top: 150px !important;
}
.mr-150 {
  margin-right: 150px !important;
}
.mb-150 {
  margin-bottom: 150px !important;
}
.m-120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}
.mt-120 {
  margin-top: 120px !important;
}
.mr-120 {
  margin-right: 120px !important;
}
.mb-120 {
  margin-bottom: 120px !important;
}
.m-xl {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}
.mt-xl {
  margin-top: 96px !important;
}
.mr-xl {
  margin-right: 96px !important;
}
.mb-xl {
  margin-bottom: 96px !important;
}
.m-lg {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.mt-lg {
  margin-top: 50px !important;
}
.mr-lg {
  margin-right: 50px !important;
}
.mb-lg {
  margin-bottom: 50px !important;
}
.m-md {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}
.mt-md {
  margin-top: 35px !important;
}
.mr-md {
  margin-right: 35px !important;
}
.mb-md {
  margin-bottom: 35px !important;
}
.m-sm {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mt-sm {
  margin-top: 20px !important;
}
.mr-sm {
  margin-right: 20px !important;
}
.mb-sm {
  margin-bottom: 20px !important;
}
.m-xs {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.mt-xs {
  margin-top: 5px !important;
}
.mr-xs {
  margin-right: 5px !important;
}
.mb-xs {
  margin-bottom: 5px !important;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .m-150 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mt-150 {
    margin-top: 100px !important;
  }
  .mb-150 {
    margin-bottom: 100px !important;
  }
  .m-120 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mt-120 {
    margin-top: 80px !important;
  }
  .mb-120 {
    margin-bottom: 80px !important;
  }
  .m-xl {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .mt-xl {
    margin-top: 45px !important;
  }
  .mb-xl {
    margin-bottom: 45px !important;
  }
  .m-lg {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .mt-lg {
    margin-top: 35px !important;
  }
  .mb-lg {
    margin-bottom: 35px !important;
  }
  .m-md {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .mt-md {
    margin-top: 25px !important;
  }
  .mb-md {
    margin-bottom: 25px !important;
  }
  .m-sm {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .mt-sm {
    margin-top: 15px !important;
  }
  .mb-sm {
    margin-bottom: 15px !important;
  }
  .m-xs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .mt-xs {
    margin-top: 5px !important;
  }
  .mb-xs {
    margin-bottom: 5px !important;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .m-150 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .mt-150 {
    margin-top: 70px !important;
  }
  .mb-150 {
    margin-bottom: 70px !important;
  }
  .m-120 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .mt-120 {
    margin-top: 50px !important;
  }
  .mb-120 {
    margin-bottom: 50px !important;
  }
  .m-xl {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .mt-xl {
    margin-top: 30px !important;
  }
  .mb-xl {
    margin-bottom: 30px !important;
  }
  .m-lg {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mt-lg {
    margin-top: 20px !important;
  }
  .mb-lg {
    margin-bottom: 20px !important;
  }
  .m-md {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .mt-md {
    margin-top: 15px !important;
  }
  .mb-md {
    margin-bottom: 15px !important;
  }
  .m-sm {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .mt-sm {
    margin-top: 10px !important;
  }
  .mb-sm {
    margin-bottom: 10px !important;
  }
  .m-xs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .mt-xs {
    margin-top: 5px !important;
  }
  .mb-xs {
    margin-bottom: 5px !important;
  }
}
@media only screen and (max-width: 639px) {
  .m-150 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .mt-150 {
    margin-top: 50px !important;
  }
  .mb-150 {
    margin-bottom: 50px !important;
  }
  .m-120 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mt-120 {
    margin-top: 40px !important;
  }
  .mb-120 {
    margin-bottom: 40px !important;
  }
  .m-xl {
    margin-top: 23px !important;
    margin-bottom: 23px !important;
  }
  .mt-xl {
    margin-top: 23px !important;
  }
  .mb-xl {
    margin-bottom: 23px !important;
  }
  .m-lg {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }
  .mt-lg {
    margin-top: 18px !important;
  }
  .mb-lg {
    margin-bottom: 18px !important;
  }
  .m-md {
    margin-top: 13px !important;
    margin-bottom: 13px !important;
  }
  .mt-md {
    margin-top: 13px !important;
  }
  .mb-md {
    margin-bottom: 13px !important;
  }
  .m-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mt-sm {
    margin-top: 8px !important;
  }
  .mb-sm {
    margin-bottom: 8px !important;
  }
  .m-xs {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .mt-xs {
    margin-top: 3px !important;
  }
  .mb-xs {
    margin-bottom: 3px !important;
  }
}

.mt-20 {
  margin-top: -20 px !important;
}
.mt-15 {
  margin-top: -15 px !important;
}
.mt-10 {
  margin-top: -10 px !important;
}
.mt-5 {
  margin-top: -5 px !important;
}
.mt0 {
  margin-top: 0 px !important;
}
.mt5 {
  margin-top: 5 px !important;
}
.mt10 {
  margin-top: 10 px !important;
}
.mt15 {
  margin-top: 15 px !important;
}
.mt20 {
  margin-top: 20 px !important;
}
.mt25 {
  margin-top: 25 px !important;
}
.mt30 {
  margin-top: 30 px !important;
}
.mt35 {
  margin-top: 35 px !important;
}
.mt40 {
  margin-top: 40 px !important;
}
.mt45 {
  margin-top: 45 px !important;
}
.mt50 {
  margin-top: 50 px !important;
}
.mt55 {
  margin-top: 55 px !important;
}
.mt60 {
  margin-top: 60 px !important;
}
.mt65 {
  margin-top: 65 px !important;
}
.mt70 {
  margin-top: 70 px !important;
}
.mt75 {
  margin-top: 75 px !important;
}
.mt80 {
  margin-top: 80 px !important;
}
.mt85 {
  margin-top: 85 px !important;
}
.mt90 {
  margin-top: 90 px !important;
}
.mt95 {
  margin-top: 95 px !important;
}
.mt100 {
  margin-top: 100 px !important;
}
.mt105 {
  margin-top: 105 px !important;
}
.mt110 {
  margin-top: 110 px !important;
}
.mt115 {
  margin-top: 115 px !important;
}
.mt120 {
  margin-top: 120 px !important;
}
.mt125 {
  margin-top: 125 px !important;
}
.mt130 {
  margin-top: 130 px !important;
}
.mt135 {
  margin-top: 135 px !important;
}
.mt140 {
  margin-top: 140 px !important;
}
.mt145 {
  margin-top: 145 px !important;
}
.mt150 {
  margin-top: 150 px !important;
}
.mt155 {
  margin-top: 155 px !important;
}
.mt160 {
  margin-top: 160 px !important;
}
.mt165 {
  margin-top: 165 px !important;
}
.mt170 {
  margin-top: 170 px !important;
}
.mt175 {
  margin-top: 175 px !important;
}
.mt180 {
  margin-top: 180 px !important;
}
.mt185 {
  margin-top: 185 px !important;
}
.mt190 {
  margin-top: 190 px !important;
}
.mt195 {
  margin-top: 195 px !important;
}
.mt200 {
  margin-top: 200 px !important;
}
.mt205 {
  margin-top: 205 px !important;
}
.mt210 {
  margin-top: 210 px !important;
}
.mt215 {
  margin-top: 215 px !important;
}
.mt220 {
  margin-top: 220 px !important;
}
.mt225 {
  margin-top: 225 px !important;
}
.mt230 {
  margin-top: 230 px !important;
}
.mt235 {
  margin-top: 235 px !important;
}
.mt240 {
  margin-top: 240 px !important;
}
.mt245 {
  margin-top: 245 px !important;
}
.mt250 {
  margin-top: 250 px !important;
}
.mt255 {
  margin-top: 255 px !important;
}
.mt260 {
  margin-top: 260 px !important;
}
.mt265 {
  margin-top: 265 px !important;
}
.mt270 {
  margin-top: 270 px !important;
}
.mt275 {
  margin-top: 275 px !important;
}
.mt280 {
  margin-top: 280 px !important;
}
.mt285 {
  margin-top: 285 px !important;
}
.mt290 {
  margin-top: 290 px !important;
}
.mt295 {
  margin-top: 295 px !important;
}
.mt300 {
  margin-top: 300 px !important;
}
.mt305 {
  margin-top: 305 px !important;
}
.mt310 {
  margin-top: 310 px !important;
}
.mt315 {
  margin-top: 315 px !important;
}
.mt320 {
  margin-top: 320 px !important;
}
.mt325 {
  margin-top: 325 px !important;
}
.mt330 {
  margin-top: 330 px !important;
}
.mt335 {
  margin-top: 335 px !important;
}
.mt340 {
  margin-top: 340 px !important;
}
.mt345 {
  margin-top: 345 px !important;
}
.mt350 {
  margin-top: 350 px !important;
}
.mt355 {
  margin-top: 355 px !important;
}
.mt360 {
  margin-top: 360 px !important;
}
.mt365 {
  margin-top: 365 px !important;
}
.mt370 {
  margin-top: 370 px !important;
}
.mt375 {
  margin-top: 375 px !important;
}
.mt380 {
  margin-top: 380 px !important;
}
.mt385 {
  margin-top: 385 px !important;
}
.mt390 {
  margin-top: 390 px !important;
}
.mt395 {
  margin-top: 395 px !important;
}
.mt400 {
  margin-top: 400 px !important;
}
.mt405 {
  margin-top: 405 px !important;
}
.mt410 {
  margin-top: 410 px !important;
}
.mt415 {
  margin-top: 415 px !important;
}
.mt420 {
  margin-top: 420 px !important;
}
.mt425 {
  margin-top: 425 px !important;
}
.mt430 {
  margin-top: 430 px !important;
}
.mt435 {
  margin-top: 435 px !important;
}
.mt440 {
  margin-top: 440 px !important;
}
.mt445 {
  margin-top: 445 px !important;
}
.mt450 {
  margin-top: 450 px !important;
}
.mt455 {
  margin-top: 455 px !important;
}
.mt460 {
  margin-top: 460 px !important;
}
.mt465 {
  margin-top: 465 px !important;
}
.mt470 {
  margin-top: 470 px !important;
}
.mt475 {
  margin-top: 475 px !important;
}
.mt480 {
  margin-top: 480 px !important;
}
.mt485 {
  margin-top: 485 px !important;
}
.mt490 {
  margin-top: 490 px !important;
}
.mt495 {
  margin-top: 495 px !important;
}
.mt500 {
  margin-top: 500 px !important;
}
.mt505 {
  margin-top: 505 px !important;
}
.mt510 {
  margin-top: 510 px !important;
}
.mt515 {
  margin-top: 515 px !important;
}
.mt520 {
  margin-top: 520 px !important;
}
.mt525 {
  margin-top: 525 px !important;
}
.mt530 {
  margin-top: 530 px !important;
}
.mt535 {
  margin-top: 535 px !important;
}
.mt540 {
  margin-top: 540 px !important;
}
.mt545 {
  margin-top: 545 px !important;
}
.mt550 {
  margin-top: 550 px !important;
}
.mt555 {
  margin-top: 555 px !important;
}
.mt560 {
  margin-top: 560 px !important;
}
.mt565 {
  margin-top: 565 px !important;
}
.mt570 {
  margin-top: 570 px !important;
}
.mt575 {
  margin-top: 575 px !important;
}
.mt580 {
  margin-top: 580 px !important;
}
.mt585 {
  margin-top: 585 px !important;
}
.mt590 {
  margin-top: 590 px !important;
}
.mt595 {
  margin-top: 595 px !important;
}
.mt600 {
  margin-top: 600 px !important;
}
.mt605 {
  margin-top: 605 px !important;
}
.mt610 {
  margin-top: 610 px !important;
}
.mt615 {
  margin-top: 615 px !important;
}
.mt620 {
  margin-top: 620 px !important;
}
.mt625 {
  margin-top: 625 px !important;
}
.mt630 {
  margin-top: 630 px !important;
}
.mt635 {
  margin-top: 635 px !important;
}
.mt640 {
  margin-top: 640 px !important;
}
.mt645 {
  margin-top: 645 px !important;
}
.mt650 {
  margin-top: 650 px !important;
}
.mt655 {
  margin-top: 655 px !important;
}
.mt660 {
  margin-top: 660 px !important;
}
.mt665 {
  margin-top: 665 px !important;
}
.mt670 {
  margin-top: 670 px !important;
}
.mt675 {
  margin-top: 675 px !important;
}
.mt680 {
  margin-top: 680 px !important;
}
.mt685 {
  margin-top: 685 px !important;
}
.mt690 {
  margin-top: 690 px !important;
}
.mt695 {
  margin-top: 695 px !important;
}
.mt700 {
  margin-top: 700 px !important;
}
.mt705 {
  margin-top: 705 px !important;
}
.mt710 {
  margin-top: 710 px !important;
}
.mt715 {
  margin-top: 715 px !important;
}
.mt720 {
  margin-top: 720 px !important;
}
.mt725 {
  margin-top: 725 px !important;
}
.mt730 {
  margin-top: 730 px !important;
}
.mt735 {
  margin-top: 735 px !important;
}
.mt740 {
  margin-top: 740 px !important;
}
.mt745 {
  margin-top: 745 px !important;
}
.mt750 {
  margin-top: 750 px !important;
}
.mt755 {
  margin-top: 755 px !important;
}
.mt760 {
  margin-top: 760 px !important;
}
.mt765 {
  margin-top: 765 px !important;
}
.mt770 {
  margin-top: 770 px !important;
}
.mt775 {
  margin-top: 775 px !important;
}
.mt780 {
  margin-top: 780 px !important;
}
.mt785 {
  margin-top: 785 px !important;
}
.mt790 {
  margin-top: 790 px !important;
}
.mt795 {
  margin-top: 795 px !important;
}
.mt800 {
  margin-top: 800 px !important;
}
.mt805 {
  margin-top: 805 px !important;
}
.mt810 {
  margin-top: 810 px !important;
}
.mt815 {
  margin-top: 815 px !important;
}
.mt820 {
  margin-top: 820 px !important;
}
.mt825 {
  margin-top: 825 px !important;
}
.mt830 {
  margin-top: 830 px !important;
}
.mt835 {
  margin-top: 835 px !important;
}
.mt840 {
  margin-top: 840 px !important;
}
.mt845 {
  margin-top: 845 px !important;
}
.mt850 {
  margin-top: 850 px !important;
}
.mt855 {
  margin-top: 855 px !important;
}
.mt860 {
  margin-top: 860 px !important;
}
.mt865 {
  margin-top: 865 px !important;
}
.mt870 {
  margin-top: 870 px !important;
}
.mt875 {
  margin-top: 875 px !important;
}
.mt880 {
  margin-top: 880 px !important;
}
.mt885 {
  margin-top: 885 px !important;
}
.mt890 {
  margin-top: 890 px !important;
}
.mt895 {
  margin-top: 895 px !important;
}
.mt900 {
  margin-top: 900 px !important;
}
.mt905 {
  margin-top: 905 px !important;
}
.mt910 {
  margin-top: 910 px !important;
}
.mt915 {
  margin-top: 915 px !important;
}
.mt920 {
  margin-top: 920 px !important;
}
.mt925 {
  margin-top: 925 px !important;
}
.mt930 {
  margin-top: 930 px !important;
}
.mt935 {
  margin-top: 935 px !important;
}
.mt940 {
  margin-top: 940 px !important;
}
.mt945 {
  margin-top: 945 px !important;
}
.mt950 {
  margin-top: 950 px !important;
}
.mt955 {
  margin-top: 955 px !important;
}
.mt960 {
  margin-top: 960 px !important;
}
.mt965 {
  margin-top: 965 px !important;
}
.mt970 {
  margin-top: 970 px !important;
}
.mt975 {
  margin-top: 975 px !important;
}
.mt980 {
  margin-top: 980 px !important;
}
.mt985 {
  margin-top: 985 px !important;
}
.mt990 {
  margin-top: 990 px !important;
}
.mt995 {
  margin-top: 995 px !important;
}
.mt1000 {
  margin-top: 1000 px !important;
}

.mb-20 {
  margin-bottom: -20 px !important;
}
.mb-15 {
  margin-bottom: -15 px !important;
}
.mb-10 {
  margin-bottom: -10 px !important;
}
.mb-5 {
  margin-bottom: -5 px !important;
}
.mb0 {
  margin-bottom: 0 px !important;
}
.mb5 {
  margin-bottom: 5 px !important;
}
.mb10 {
  margin-bottom: 10 px !important;
}
.mb15 {
  margin-bottom: 15 px !important;
}
.mb20 {
  margin-bottom: 20 px !important;
}
.mb25 {
  margin-bottom: 25 px !important;
}
.mb30 {
  margin-bottom: 30 px !important;
}
.mb35 {
  margin-bottom: 35 px !important;
}
.mb40 {
  margin-bottom: 40 px !important;
}
.mb45 {
  margin-bottom: 45 px !important;
}
.mb50 {
  margin-bottom: 50 px !important;
}
.mb55 {
  margin-bottom: 55 px !important;
}
.mb60 {
  margin-bottom: 60 px !important;
}
.mb65 {
  margin-bottom: 65 px !important;
}
.mb70 {
  margin-bottom: 70 px !important;
}
.mb75 {
  margin-bottom: 75 px !important;
}
.mb80 {
  margin-bottom: 80 px !important;
}
.mb85 {
  margin-bottom: 85 px !important;
}
.mb90 {
  margin-bottom: 90 px !important;
}
.mb95 {
  margin-bottom: 95 px !important;
}
.mb100 {
  margin-bottom: 100 px !important;
}
.mb105 {
  margin-bottom: 105 px !important;
}
.mb110 {
  margin-bottom: 110 px !important;
}
.mb115 {
  margin-bottom: 115 px !important;
}
.mb120 {
  margin-bottom: 120 px !important;
}
.mb125 {
  margin-bottom: 125 px !important;
}
.mb130 {
  margin-bottom: 130 px !important;
}
.mb135 {
  margin-bottom: 135 px !important;
}
.mb140 {
  margin-bottom: 140 px !important;
}
.mb145 {
  margin-bottom: 145 px !important;
}
.mb150 {
  margin-bottom: 150 px !important;
}
.mb155 {
  margin-bottom: 155 px !important;
}
.mb160 {
  margin-bottom: 160 px !important;
}
.mb165 {
  margin-bottom: 165 px !important;
}
.mb170 {
  margin-bottom: 170 px !important;
}
.mb175 {
  margin-bottom: 175 px !important;
}
.mb180 {
  margin-bottom: 180 px !important;
}
.mb185 {
  margin-bottom: 185 px !important;
}
.mb190 {
  margin-bottom: 190 px !important;
}
.mb195 {
  margin-bottom: 195 px !important;
}
.mb200 {
  margin-bottom: 200 px !important;
}
.mb205 {
  margin-bottom: 205 px !important;
}
.mb210 {
  margin-bottom: 210 px !important;
}
.mb215 {
  margin-bottom: 215 px !important;
}
.mb220 {
  margin-bottom: 220 px !important;
}
.mb225 {
  margin-bottom: 225 px !important;
}
.mb230 {
  margin-bottom: 230 px !important;
}
.mb235 {
  margin-bottom: 235 px !important;
}
.mb240 {
  margin-bottom: 240 px !important;
}
.mb245 {
  margin-bottom: 245 px !important;
}
.mb250 {
  margin-bottom: 250 px !important;
}
.mb255 {
  margin-bottom: 255 px !important;
}
.mb260 {
  margin-bottom: 260 px !important;
}
.mb265 {
  margin-bottom: 265 px !important;
}
.mb270 {
  margin-bottom: 270 px !important;
}
.mb275 {
  margin-bottom: 275 px !important;
}
.mb280 {
  margin-bottom: 280 px !important;
}
.mb285 {
  margin-bottom: 285 px !important;
}
.mb290 {
  margin-bottom: 290 px !important;
}
.mb295 {
  margin-bottom: 295 px !important;
}
.mb300 {
  margin-bottom: 300 px !important;
}
.mb305 {
  margin-bottom: 305 px !important;
}
.mb310 {
  margin-bottom: 310 px !important;
}
.mb315 {
  margin-bottom: 315 px !important;
}
.mb320 {
  margin-bottom: 320 px !important;
}
.mb325 {
  margin-bottom: 325 px !important;
}
.mb330 {
  margin-bottom: 330 px !important;
}
.mb335 {
  margin-bottom: 335 px !important;
}
.mb340 {
  margin-bottom: 340 px !important;
}
.mb345 {
  margin-bottom: 345 px !important;
}
.mb350 {
  margin-bottom: 350 px !important;
}
.mb355 {
  margin-bottom: 355 px !important;
}
.mb360 {
  margin-bottom: 360 px !important;
}
.mb365 {
  margin-bottom: 365 px !important;
}
.mb370 {
  margin-bottom: 370 px !important;
}
.mb375 {
  margin-bottom: 375 px !important;
}
.mb380 {
  margin-bottom: 380 px !important;
}
.mb385 {
  margin-bottom: 385 px !important;
}
.mb390 {
  margin-bottom: 390 px !important;
}
.mb395 {
  margin-bottom: 395 px !important;
}
.mb400 {
  margin-bottom: 400 px !important;
}
.mb405 {
  margin-bottom: 405 px !important;
}
.mb410 {
  margin-bottom: 410 px !important;
}
.mb415 {
  margin-bottom: 415 px !important;
}
.mb420 {
  margin-bottom: 420 px !important;
}
.mb425 {
  margin-bottom: 425 px !important;
}
.mb430 {
  margin-bottom: 430 px !important;
}
.mb435 {
  margin-bottom: 435 px !important;
}
.mb440 {
  margin-bottom: 440 px !important;
}
.mb445 {
  margin-bottom: 445 px !important;
}
.mb450 {
  margin-bottom: 450 px !important;
}
.mb455 {
  margin-bottom: 455 px !important;
}
.mb460 {
  margin-bottom: 460 px !important;
}
.mb465 {
  margin-bottom: 465 px !important;
}
.mb470 {
  margin-bottom: 470 px !important;
}
.mb475 {
  margin-bottom: 475 px !important;
}
.mb480 {
  margin-bottom: 480 px !important;
}
.mb485 {
  margin-bottom: 485 px !important;
}
.mb490 {
  margin-bottom: 490 px !important;
}
.mb495 {
  margin-bottom: 495 px !important;
}
.mb500 {
  margin-bottom: 500 px !important;
}
.mb505 {
  margin-bottom: 505 px !important;
}
.mb510 {
  margin-bottom: 510 px !important;
}
.mb515 {
  margin-bottom: 515 px !important;
}
.mb520 {
  margin-bottom: 520 px !important;
}
.mb525 {
  margin-bottom: 525 px !important;
}
.mb530 {
  margin-bottom: 530 px !important;
}
.mb535 {
  margin-bottom: 535 px !important;
}
.mb540 {
  margin-bottom: 540 px !important;
}
.mb545 {
  margin-bottom: 545 px !important;
}
.mb550 {
  margin-bottom: 550 px !important;
}
.mb555 {
  margin-bottom: 555 px !important;
}
.mb560 {
  margin-bottom: 560 px !important;
}
.mb565 {
  margin-bottom: 565 px !important;
}
.mb570 {
  margin-bottom: 570 px !important;
}
.mb575 {
  margin-bottom: 575 px !important;
}
.mb580 {
  margin-bottom: 580 px !important;
}
.mb585 {
  margin-bottom: 585 px !important;
}
.mb590 {
  margin-bottom: 590 px !important;
}
.mb595 {
  margin-bottom: 595 px !important;
}
.mb600 {
  margin-bottom: 600 px !important;
}
.mb605 {
  margin-bottom: 605 px !important;
}
.mb610 {
  margin-bottom: 610 px !important;
}
.mb615 {
  margin-bottom: 615 px !important;
}
.mb620 {
  margin-bottom: 620 px !important;
}
.mb625 {
  margin-bottom: 625 px !important;
}
.mb630 {
  margin-bottom: 630 px !important;
}
.mb635 {
  margin-bottom: 635 px !important;
}
.mb640 {
  margin-bottom: 640 px !important;
}
.mb645 {
  margin-bottom: 645 px !important;
}
.mb650 {
  margin-bottom: 650 px !important;
}
.mb655 {
  margin-bottom: 655 px !important;
}
.mb660 {
  margin-bottom: 660 px !important;
}
.mb665 {
  margin-bottom: 665 px !important;
}
.mb670 {
  margin-bottom: 670 px !important;
}
.mb675 {
  margin-bottom: 675 px !important;
}
.mb680 {
  margin-bottom: 680 px !important;
}
.mb685 {
  margin-bottom: 685 px !important;
}
.mb690 {
  margin-bottom: 690 px !important;
}
.mb695 {
  margin-bottom: 695 px !important;
}
.mb700 {
  margin-bottom: 700 px !important;
}
.mb705 {
  margin-bottom: 705 px !important;
}
.mb710 {
  margin-bottom: 710 px !important;
}
.mb715 {
  margin-bottom: 715 px !important;
}
.mb720 {
  margin-bottom: 720 px !important;
}
.mb725 {
  margin-bottom: 725 px !important;
}
.mb730 {
  margin-bottom: 730 px !important;
}
.mb735 {
  margin-bottom: 735 px !important;
}
.mb740 {
  margin-bottom: 740 px !important;
}
.mb745 {
  margin-bottom: 745 px !important;
}
.mb750 {
  margin-bottom: 750 px !important;
}
.mb755 {
  margin-bottom: 755 px !important;
}
.mb760 {
  margin-bottom: 760 px !important;
}
.mb765 {
  margin-bottom: 765 px !important;
}
.mb770 {
  margin-bottom: 770 px !important;
}
.mb775 {
  margin-bottom: 775 px !important;
}
.mb780 {
  margin-bottom: 780 px !important;
}
.mb785 {
  margin-bottom: 785 px !important;
}
.mb790 {
  margin-bottom: 790 px !important;
}
.mb795 {
  margin-bottom: 795 px !important;
}
.mb800 {
  margin-bottom: 800 px !important;
}
.mb805 {
  margin-bottom: 805 px !important;
}
.mb810 {
  margin-bottom: 810 px !important;
}
.mb815 {
  margin-bottom: 815 px !important;
}
.mb820 {
  margin-bottom: 820 px !important;
}
.mb825 {
  margin-bottom: 825 px !important;
}
.mb830 {
  margin-bottom: 830 px !important;
}
.mb835 {
  margin-bottom: 835 px !important;
}
.mb840 {
  margin-bottom: 840 px !important;
}
.mb845 {
  margin-bottom: 845 px !important;
}
.mb850 {
  margin-bottom: 850 px !important;
}
.mb855 {
  margin-bottom: 855 px !important;
}
.mb860 {
  margin-bottom: 860 px !important;
}
.mb865 {
  margin-bottom: 865 px !important;
}
.mb870 {
  margin-bottom: 870 px !important;
}
.mb875 {
  margin-bottom: 875 px !important;
}
.mb880 {
  margin-bottom: 880 px !important;
}
.mb885 {
  margin-bottom: 885 px !important;
}
.mb890 {
  margin-bottom: 890 px !important;
}
.mb895 {
  margin-bottom: 895 px !important;
}
.mb900 {
  margin-bottom: 900 px !important;
}
.mb905 {
  margin-bottom: 905 px !important;
}
.mb910 {
  margin-bottom: 910 px !important;
}
.mb915 {
  margin-bottom: 915 px !important;
}
.mb920 {
  margin-bottom: 920 px !important;
}
.mb925 {
  margin-bottom: 925 px !important;
}
.mb930 {
  margin-bottom: 930 px !important;
}
.mb935 {
  margin-bottom: 935 px !important;
}
.mb940 {
  margin-bottom: 940 px !important;
}
.mb945 {
  margin-bottom: 945 px !important;
}
.mb950 {
  margin-bottom: 950 px !important;
}
.mb955 {
  margin-bottom: 955 px !important;
}
.mb960 {
  margin-bottom: 960 px !important;
}
.mb965 {
  margin-bottom: 965 px !important;
}
.mb970 {
  margin-bottom: 970 px !important;
}
.mb975 {
  margin-bottom: 975 px !important;
}
.mb980 {
  margin-bottom: 980 px !important;
}
.mb985 {
  margin-bottom: 985 px !important;
}
.mb990 {
  margin-bottom: 990 px !important;
}
.mb995 {
  margin-bottom: 995 px !important;
}
.mb1000 {
  margin-bottom: 1000 px !important;
}

.p0 {
  padding: 0 px !important;
}
.p5 {
  padding: 5 px !important;
}
.p10 {
  padding: 10 px !important;
}
.p15 {
  padding: 15 px !important;
}
.p20 {
  padding: 20 px !important;
}
.p25 {
  padding: 25 px !important;
}
.p30 {
  padding: 30 px !important;
}
.p35 {
  padding: 35 px !important;
}
.p40 {
  padding: 40 px !important;
}
.p45 {
  padding: 45 px !important;
}
.p50 {
  padding: 50 px !important;
}
.p55 {
  padding: 55 px !important;
}
.p60 {
  padding: 60 px !important;
}
.p65 {
  padding: 65 px !important;
}
.p70 {
  padding: 70 px !important;
}
.p75 {
  padding: 75 px !important;
}
.p80 {
  padding: 80 px !important;
}
.p85 {
  padding: 85 px !important;
}
.p90 {
  padding: 90 px !important;
}
.p95 {
  padding: 95 px !important;
}
.p100 {
  padding: 100 px !important;
}
.p105 {
  padding: 105 px !important;
}
.p110 {
  padding: 110 px !important;
}
.p115 {
  padding: 115 px !important;
}
.p120 {
  padding: 120 px !important;
}
.p125 {
  padding: 125 px !important;
}
.p130 {
  padding: 130 px !important;
}
.p135 {
  padding: 135 px !important;
}
.p140 {
  padding: 140 px !important;
}
.p145 {
  padding: 145 px !important;
}
.p150 {
  padding: 150 px !important;
}
.p155 {
  padding: 155 px !important;
}
.p160 {
  padding: 160 px !important;
}
.p165 {
  padding: 165 px !important;
}
.p170 {
  padding: 170 px !important;
}
.p175 {
  padding: 175 px !important;
}
.p180 {
  padding: 180 px !important;
}
.p185 {
  padding: 185 px !important;
}
.p190 {
  padding: 190 px !important;
}
.p195 {
  padding: 195 px !important;
}
.p200 {
  padding: 200 px !important;
}
.p205 {
  padding: 205 px !important;
}
.p210 {
  padding: 210 px !important;
}
.p215 {
  padding: 215 px !important;
}
.p220 {
  padding: 220 px !important;
}
.p225 {
  padding: 225 px !important;
}
.p230 {
  padding: 230 px !important;
}
.p235 {
  padding: 235 px !important;
}
.p240 {
  padding: 240 px !important;
}
.p245 {
  padding: 245 px !important;
}
.p250 {
  padding: 250 px !important;
}
.p255 {
  padding: 255 px !important;
}
.p260 {
  padding: 260 px !important;
}
.p265 {
  padding: 265 px !important;
}
.p270 {
  padding: 270 px !important;
}
.p275 {
  padding: 275 px !important;
}
.p280 {
  padding: 280 px !important;
}
.p285 {
  padding: 285 px !important;
}
.p290 {
  padding: 290 px !important;
}
.p295 {
  padding: 295 px !important;
}
.p300 {
  padding: 300 px !important;
}
.p305 {
  padding: 305 px !important;
}
.p310 {
  padding: 310 px !important;
}
.p315 {
  padding: 315 px !important;
}
.p320 {
  padding: 320 px !important;
}
.p325 {
  padding: 325 px !important;
}
.p330 {
  padding: 330 px !important;
}
.p335 {
  padding: 335 px !important;
}
.p340 {
  padding: 340 px !important;
}
.p345 {
  padding: 345 px !important;
}
.p350 {
  padding: 350 px !important;
}
.p355 {
  padding: 355 px !important;
}
.p360 {
  padding: 360 px !important;
}
.p365 {
  padding: 365 px !important;
}
.p370 {
  padding: 370 px !important;
}
.p375 {
  padding: 375 px !important;
}
.p380 {
  padding: 380 px !important;
}
.p385 {
  padding: 385 px !important;
}
.p390 {
  padding: 390 px !important;
}
.p395 {
  padding: 395 px !important;
}
.p400 {
  padding: 400 px !important;
}
.p405 {
  padding: 405 px !important;
}
.p410 {
  padding: 410 px !important;
}
.p415 {
  padding: 415 px !important;
}
.p420 {
  padding: 420 px !important;
}
.p425 {
  padding: 425 px !important;
}
.p430 {
  padding: 430 px !important;
}
.p435 {
  padding: 435 px !important;
}
.p440 {
  padding: 440 px !important;
}
.p445 {
  padding: 445 px !important;
}
.p450 {
  padding: 450 px !important;
}
.p455 {
  padding: 455 px !important;
}
.p460 {
  padding: 460 px !important;
}
.p465 {
  padding: 465 px !important;
}
.p470 {
  padding: 470 px !important;
}
.p475 {
  padding: 475 px !important;
}
.p480 {
  padding: 480 px !important;
}
.p485 {
  padding: 485 px !important;
}
.p490 {
  padding: 490 px !important;
}
.p495 {
  padding: 495 px !important;
}
.p500 {
  padding: 500 px !important;
}
@media only screen and (max-width: 639px) {
  .p30 {
    padding: 15px 0 !important;
  }
}

.pt0 {
  padding-top: 0 px !important;
}
.pt5 {
  padding-top: 5 px !important;
}
.pt10 {
  padding-top: 10 px !important;
}
.pt15 {
  padding-top: 15 px !important;
}
.pt20 {
  padding-top: 20 px !important;
}
.pt25 {
  padding-top: 25 px !important;
}
.pt30 {
  padding-top: 30 px !important;
}
.pt35 {
  padding-top: 35 px !important;
}
.pt40 {
  padding-top: 40 px !important;
}
.pt45 {
  padding-top: 45 px !important;
}
.pt50 {
  padding-top: 50 px !important;
}
.pt55 {
  padding-top: 55 px !important;
}
.pt60 {
  padding-top: 60 px !important;
}
.pt65 {
  padding-top: 65 px !important;
}
.pt70 {
  padding-top: 70 px !important;
}
.pt75 {
  padding-top: 75 px !important;
}
.pt80 {
  padding-top: 80 px !important;
}
.pt85 {
  padding-top: 85 px !important;
}
.pt90 {
  padding-top: 90 px !important;
}
.pt95 {
  padding-top: 95 px !important;
}
.pt100 {
  padding-top: 100 px !important;
}
.pt105 {
  padding-top: 105 px !important;
}
.pt110 {
  padding-top: 110 px !important;
}
.pt115 {
  padding-top: 115 px !important;
}
.pt120 {
  padding-top: 120 px !important;
}
.pt125 {
  padding-top: 125 px !important;
}
.pt130 {
  padding-top: 130 px !important;
}
.pt135 {
  padding-top: 135 px !important;
}
.pt140 {
  padding-top: 140 px !important;
}
.pt145 {
  padding-top: 145 px !important;
}
.pt150 {
  padding-top: 150 px !important;
}
.pt155 {
  padding-top: 155 px !important;
}
.pt160 {
  padding-top: 160 px !important;
}
.pt165 {
  padding-top: 165 px !important;
}
.pt170 {
  padding-top: 170 px !important;
}
.pt175 {
  padding-top: 175 px !important;
}
.pt180 {
  padding-top: 180 px !important;
}
.pt185 {
  padding-top: 185 px !important;
}
.pt190 {
  padding-top: 190 px !important;
}
.pt195 {
  padding-top: 195 px !important;
}
.pt200 {
  padding-top: 200 px !important;
}
.pt205 {
  padding-top: 205 px !important;
}
.pt210 {
  padding-top: 210 px !important;
}
.pt215 {
  padding-top: 215 px !important;
}
.pt220 {
  padding-top: 220 px !important;
}
.pt225 {
  padding-top: 225 px !important;
}
.pt230 {
  padding-top: 230 px !important;
}
.pt235 {
  padding-top: 235 px !important;
}
.pt240 {
  padding-top: 240 px !important;
}
.pt245 {
  padding-top: 245 px !important;
}
.pt250 {
  padding-top: 250 px !important;
}
.pt255 {
  padding-top: 255 px !important;
}
.pt260 {
  padding-top: 260 px !important;
}
.pt265 {
  padding-top: 265 px !important;
}
.pt270 {
  padding-top: 270 px !important;
}
.pt275 {
  padding-top: 275 px !important;
}
.pt280 {
  padding-top: 280 px !important;
}
.pt285 {
  padding-top: 285 px !important;
}
.pt290 {
  padding-top: 290 px !important;
}
.pt295 {
  padding-top: 295 px !important;
}
.pt300 {
  padding-top: 300 px !important;
}
.pt305 {
  padding-top: 305 px !important;
}
.pt310 {
  padding-top: 310 px !important;
}
.pt315 {
  padding-top: 315 px !important;
}
.pt320 {
  padding-top: 320 px !important;
}
.pt325 {
  padding-top: 325 px !important;
}
.pt330 {
  padding-top: 330 px !important;
}
.pt335 {
  padding-top: 335 px !important;
}
.pt340 {
  padding-top: 340 px !important;
}
.pt345 {
  padding-top: 345 px !important;
}
.pt350 {
  padding-top: 350 px !important;
}
.pt355 {
  padding-top: 355 px !important;
}
.pt360 {
  padding-top: 360 px !important;
}
.pt365 {
  padding-top: 365 px !important;
}
.pt370 {
  padding-top: 370 px !important;
}
.pt375 {
  padding-top: 375 px !important;
}
.pt380 {
  padding-top: 380 px !important;
}
.pt385 {
  padding-top: 385 px !important;
}
.pt390 {
  padding-top: 390 px !important;
}
.pt395 {
  padding-top: 395 px !important;
}
.pt400 {
  padding-top: 400 px !important;
}
.pt405 {
  padding-top: 405 px !important;
}
.pt410 {
  padding-top: 410 px !important;
}
.pt415 {
  padding-top: 415 px !important;
}
.pt420 {
  padding-top: 420 px !important;
}
.pt425 {
  padding-top: 425 px !important;
}
.pt430 {
  padding-top: 430 px !important;
}
.pt435 {
  padding-top: 435 px !important;
}
.pt440 {
  padding-top: 440 px !important;
}
.pt445 {
  padding-top: 445 px !important;
}
.pt450 {
  padding-top: 450 px !important;
}
.pt455 {
  padding-top: 455 px !important;
}
.pt460 {
  padding-top: 460 px !important;
}
.pt465 {
  padding-top: 465 px !important;
}
.pt470 {
  padding-top: 470 px !important;
}
.pt475 {
  padding-top: 475 px !important;
}
.pt480 {
  padding-top: 480 px !important;
}
.pt485 {
  padding-top: 485 px !important;
}
.pt490 {
  padding-top: 490 px !important;
}
.pt495 {
  padding-top: 495 px !important;
}
.pt500 {
  padding-top: 500 px !important;
}

.pb0 {
  padding-bottom: 0 px !important;
}
.pb5 {
  padding-bottom: 5 px !important;
}
.pb10 {
  padding-bottom: 10 px !important;
}
.pb15 {
  padding-bottom: 15 px !important;
}
.pb20 {
  padding-bottom: 20 px !important;
}
.pb25 {
  padding-bottom: 25 px !important;
}
.pb30 {
  padding-bottom: 30 px !important;
}
.pb35 {
  padding-bottom: 35 px !important;
}
.pb40 {
  padding-bottom: 40 px !important;
}
.pb45 {
  padding-bottom: 45 px !important;
}
.pb50 {
  padding-bottom: 50 px !important;
}
.pb55 {
  padding-bottom: 55 px !important;
}
.pb60 {
  padding-bottom: 60 px !important;
}
.pb65 {
  padding-bottom: 65 px !important;
}
.pb70 {
  padding-bottom: 70 px !important;
}
.pb75 {
  padding-bottom: 75 px !important;
}
.pb80 {
  padding-bottom: 80 px !important;
}
.pb85 {
  padding-bottom: 85 px !important;
}
.pb90 {
  padding-bottom: 90 px !important;
}
.pb95 {
  padding-bottom: 95 px !important;
}
.pb100 {
  padding-bottom: 100 px !important;
}
.pb105 {
  padding-bottom: 105 px !important;
}
.pb110 {
  padding-bottom: 110 px !important;
}
.pb115 {
  padding-bottom: 115 px !important;
}
.pb120 {
  padding-bottom: 120 px !important;
}
.pb125 {
  padding-bottom: 125 px !important;
}
.pb130 {
  padding-bottom: 130 px !important;
}
.pb135 {
  padding-bottom: 135 px !important;
}
.pb140 {
  padding-bottom: 140 px !important;
}
.pb145 {
  padding-bottom: 145 px !important;
}
.pb150 {
  padding-bottom: 150 px !important;
}
.pb155 {
  padding-bottom: 155 px !important;
}
.pb160 {
  padding-bottom: 160 px !important;
}
.pb165 {
  padding-bottom: 165 px !important;
}
.pb170 {
  padding-bottom: 170 px !important;
}
.pb175 {
  padding-bottom: 175 px !important;
}
.pb180 {
  padding-bottom: 180 px !important;
}
.pb185 {
  padding-bottom: 185 px !important;
}
.pb190 {
  padding-bottom: 190 px !important;
}
.pb195 {
  padding-bottom: 195 px !important;
}
.pb200 {
  padding-bottom: 200 px !important;
}
.pb205 {
  padding-bottom: 205 px !important;
}
.pb210 {
  padding-bottom: 210 px !important;
}
.pb215 {
  padding-bottom: 215 px !important;
}
.pb220 {
  padding-bottom: 220 px !important;
}
.pb225 {
  padding-bottom: 225 px !important;
}
.pb230 {
  padding-bottom: 230 px !important;
}
.pb235 {
  padding-bottom: 235 px !important;
}
.pb240 {
  padding-bottom: 240 px !important;
}
.pb245 {
  padding-bottom: 245 px !important;
}
.pb250 {
  padding-bottom: 250 px !important;
}
.pb255 {
  padding-bottom: 255 px !important;
}
.pb260 {
  padding-bottom: 260 px !important;
}
.pb265 {
  padding-bottom: 265 px !important;
}
.pb270 {
  padding-bottom: 270 px !important;
}
.pb275 {
  padding-bottom: 275 px !important;
}
.pb280 {
  padding-bottom: 280 px !important;
}
.pb285 {
  padding-bottom: 285 px !important;
}
.pb290 {
  padding-bottom: 290 px !important;
}
.pb295 {
  padding-bottom: 295 px !important;
}
.pb300 {
  padding-bottom: 300 px !important;
}
.pb305 {
  padding-bottom: 305 px !important;
}
.pb310 {
  padding-bottom: 310 px !important;
}
.pb315 {
  padding-bottom: 315 px !important;
}
.pb320 {
  padding-bottom: 320 px !important;
}
.pb325 {
  padding-bottom: 325 px !important;
}
.pb330 {
  padding-bottom: 330 px !important;
}
.pb335 {
  padding-bottom: 335 px !important;
}
.pb340 {
  padding-bottom: 340 px !important;
}
.pb345 {
  padding-bottom: 345 px !important;
}
.pb350 {
  padding-bottom: 350 px !important;
}
.pb355 {
  padding-bottom: 355 px !important;
}
.pb360 {
  padding-bottom: 360 px !important;
}
.pb365 {
  padding-bottom: 365 px !important;
}
.pb370 {
  padding-bottom: 370 px !important;
}
.pb375 {
  padding-bottom: 375 px !important;
}
.pb380 {
  padding-bottom: 380 px !important;
}
.pb385 {
  padding-bottom: 385 px !important;
}
.pb390 {
  padding-bottom: 390 px !important;
}
.pb395 {
  padding-bottom: 395 px !important;
}
.pb400 {
  padding-bottom: 400 px !important;
}
.pb405 {
  padding-bottom: 405 px !important;
}
.pb410 {
  padding-bottom: 410 px !important;
}
.pb415 {
  padding-bottom: 415 px !important;
}
.pb420 {
  padding-bottom: 420 px !important;
}
.pb425 {
  padding-bottom: 425 px !important;
}
.pb430 {
  padding-bottom: 430 px !important;
}
.pb435 {
  padding-bottom: 435 px !important;
}
.pb440 {
  padding-bottom: 440 px !important;
}
.pb445 {
  padding-bottom: 445 px !important;
}
.pb450 {
  padding-bottom: 450 px !important;
}
.pb455 {
  padding-bottom: 455 px !important;
}
.pb460 {
  padding-bottom: 460 px !important;
}
.pb465 {
  padding-bottom: 465 px !important;
}
.pb470 {
  padding-bottom: 470 px !important;
}
.pb475 {
  padding-bottom: 475 px !important;
}
.pb480 {
  padding-bottom: 480 px !important;
}
.pb485 {
  padding-bottom: 485 px !important;
}
.pb490 {
  padding-bottom: 490 px !important;
}
.pb495 {
  padding-bottom: 495 px !important;
}
.pb500 {
  padding-bottom: 500 px !important;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 20px;
}
table th {
  font-weight: normal;
  vertical-align: top;
  padding: 5px 0;
}
table td {
  vertical-align: top;
  padding: 5px 0;
}
table td > * {
  margin: 0;
  font-size: 100%;
}
table.tbl_line {
  border-top: 1px solid #000;
}
table.tbl_line th, table.tbl_line td {
  padding: 15px 30px;
  line-height: 1.5;
  border-bottom: 1px solid #000;
}
table.tbl_line th {
  background-color: #F8F8F8;
  border-right: 1px solid #000;
}
table.tbl_line td {
  vertical-align: middle;
}
table.tbl_box {
  border: 1px solid #ccc;
}
table.tbl_box th, table.tbl_box td {
  padding: 30px 40px;
  line-height: 1.8;
  border-top: 1px dashed #ccc;
}
table.tbl_box th {
  background: #F8F8F8;
  font-size: 1.8rem;
  font-weight: bold;
}
table.tbl_box td {
  position: relative;
  vertical-align: middle;
}
table.tbl_box td iframe {
  display: block;
  width: 100%;
  height: 450px;
  margin-top: 10px;
  border: 0;
}
table.tbl_dot {
  border-bottom: 1px dashed #707070;
}
table.tbl_dot th, table.tbl_dot td {
  border-top: 1px dashed #707070;
}
table.tbl_dot th {
  padding: 20px 0 20px 20px;
  font-weight: bold;
  border-right: 2px solid #fff;
}
table.tbl_dot td {
  position: relative;
  vertical-align: middle;
  padding: 20px 20px 20px 0;
}
table.tbl_contact {
  margin: 40px 0 0;
}
h4 + table.tbl_contact {
  margin-top: 20px;
}
table.tbl_contact th {
  padding: 16px 24px 8px 0;
  color: #000;
  font-weight: normal;
  vertical-align: top;
  line-height: 1.5;
}
table.tbl_contact td {
  padding: 12px 0 12px 90px;
  vertical-align: middle;
  font-size: 1.6rem;
}
table.tbl_contact td > * {
  margin: 0;
  font-size: 100%;
}
table.tbl_contact td .note {
  font-size: 1.6rem;
  padding: 0 20px 0 0;
}
table.tbl_contact td .note-lg {
  display: block;
  width: 400px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-top: 10px;
  padding: 0;
}
table.tbl_contact .haveto {
  padding-left: 5px;
  color: #C70008;
  font-size: 1.8rem;
}
table.tbl_contact label {
  display: inline-block;
  margin: 0　20px 0 0;
  cursor: pointer;
}
table.tbl_contact label input {
  margin-right: 0.5em;
}
table.tbl_contact .error {
  display: inline-block;
  color: #ea8971;
}
table.tbl_contact .content {
  width: 100%;
  resize: vertical;
  overflow: auto;
  height: 100px;
}
table.tbl_contact.big th {
  font-size: 2.2rem;
}
table.tbl_contact.big td {
  font-size: 2.2rem;
}
table.tbl_contact.big td .note {
  font-size: 1.8rem;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  table.tbl_line th, table.tbl_line td {
    padding: 10px 15px;
    font-size: 1.6rem;
  }
  table.tbl_box th {
    font-size: 1.6rem;
  }
  table.tbl_box th, table.tbl_box td {
    padding: 15px 25px;
  }
  table.tbl_dot {
    margin-top: 10px;
  }
  table.tbl_dot th {
    padding: 15px 0 15px 15px;
  }
  table.tbl_dot td {
    padding: 15px 15px 15px 0;
  }
  table.tbl_contact {
    margin: 30px 0 0;
  }
  table.tbl_contact th {
    font-size: 1.8rem;
    padding: 16px 15px 8px 0;
    line-height: 1.3;
  }
  table.tbl_contact td {
    padding: 12px 0 12px 30px;
  }
  table.tbl_contact td .note {
    display: inline-block;
    width: 100%;
    padding: 0;
  }
  table.tbl_contact td .note-lg {
    width: 100%;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  table.tbl_line th, table.tbl_line td {
    padding: 10px;
    font-size: 1.4rem;
  }
  table.tbl_box th {
    font-size: 1.6rem;
  }
  table.tbl_box th, table.tbl_box td {
    padding: 15px 25px;
  }
  table.tbl_dot {
    margin-top: 10px;
  }
  table.tbl_dot th, table.tbl_dot td {
    display: block;
    width: 100%;
  }
  table.tbl_dot th {
    padding: 10px 10px 0;
  }
  table.tbl_dot td {
    padding: 0 10px 10px;
    border-top: none;
  }
  table.tbl_contact {
    margin: 0;
  }
  h4 + table.tbl_contact {
    margin-top: 0;
  }
  table.tbl_contact th, table.tbl_contact td {
    display: block;
  }
  table.tbl_contact th [type=text],
  table.tbl_contact th [type=email],
  table.tbl_contact th [type=tel], table.tbl_contact td [type=text],
  table.tbl_contact td [type=email],
  table.tbl_contact td [type=tel] {
    width: 100%;
  }
  table.tbl_contact th input[type=checkbox], table.tbl_contact td input[type=checkbox] {
    border: 1px solid #F8F8F8;
  }
  table.tbl_contact th input[type=radio], table.tbl_contact td input[type=radio] {
    border: 1px solid #F8F8F8;
  }
  table.tbl_contact th {
    padding: 13px 0 3px;
    border-right: none;
    border-bottom: none;
  }
  table.tbl_contact td {
    padding: 0 0 5px;
    border-top: none;
  }
  table.tbl_contact td .note {
    display: inline-block;
    width: 100%;
    padding: 0;
    font-size: 1.4rem;
  }
  table.tbl_contact td .note-lg {
    width: 100%;
    font-size: 1.4rem;
  }
  table.tbl_contact.big th {
    font-size: 1.6rem;
  }
  table.tbl_contact.big td {
    font-size: 1.6rem;
  }
  table.tbl_contact.big td .note {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 639px) {
  table.tbl_line th, table.tbl_line td {
    display: block;
    width: 100%;
    padding: 10px 5px;
  }
  table.tbl_line th {
    font-weight: bold;
    text-align: left;
    border-right: none;
    border-bottom: 1px dashed #ccc;
  }
  table.tbl_line td {
    position: relative;
    vertical-align: middle;
  }
  table.tbl_box {
    border-top: none;
  }
  table.tbl_box th, table.tbl_box td {
    display: block;
    width: 100%;
    padding: 13px 10px;
  }
  table.tbl_box th {
    font-size: 1.4rem;
    border: none;
    border-top: 1px solid #ccc;
  }
  table.tbl_box td {
    position: relative;
    vertical-align: middle;
  }
  table.tbl_box td iframe {
    height: 350px;
  }
  table.tbl_dot {
    margin-top: 10px;
  }
  table.tbl_dot th, table.tbl_dot td {
    display: block;
    width: 100%;
  }
  table.tbl_dot th {
    padding: 10px 10px 0;
  }
  table.tbl_dot td {
    padding: 0 10px 10px;
    border-top: none;
  }
  table.tbl_contact {
    margin: 0;
  }
  h4 + table.tbl_contact {
    margin-top: 0;
  }
  table.tbl_contact th, table.tbl_contact td {
    display: block;
  }
  table.tbl_contact th [type=text],
  table.tbl_contact th [type=email],
  table.tbl_contact th [type=tel], table.tbl_contact td [type=text],
  table.tbl_contact td [type=email],
  table.tbl_contact td [type=tel] {
    width: 100%;
  }
  table.tbl_contact th input[type=checkbox], table.tbl_contact td input[type=checkbox] {
    border: 1px solid #F8F8F8;
  }
  table.tbl_contact th input[type=radio], table.tbl_contact td input[type=radio] {
    border: 1px solid #F8F8F8;
  }
  table.tbl_contact th {
    padding: 13px 0 3px;
    border-right: none;
    border-bottom: none;
  }
  table.tbl_contact td {
    padding: 0 0 5px;
    border-top: none;
  }
  table.tbl_contact td .note {
    display: inline-block;
    width: 100%;
    padding: 0;
    font-size: 1.3rem;
  }
  table.tbl_contact td .note-lg {
    width: 100%;
    font-size: 1.3rem;
  }
  table.tbl_contact.big th {
    font-size: 1.6rem;
  }
  table.tbl_contact.big td {
    font-size: 1.6rem;
  }
  table.tbl_contact.big td .note {
    font-size: 1.4rem;
  }
}

.tbl_scroll {
  border-top: 3px solid #000;
  border-bottom: 1px solid #000;
}
.tbl_scroll th {
  background-color: #F8F8F8;
  white-space: nowrap;
  padding: 15px 20px;
  line-height: 1.5;
  border-right: 1px solid #000;
}
.tbl_scroll th:nth-child(3) {
  text-align: center;
}
.tbl_scroll th:nth-child(4) {
  border-right: none;
}
.tbl_scroll td {
  border-top: 1px solid #000;
  padding: 15px 20px;
  line-height: 1.5;
  letter-spacing: 0;
  border-right: 1px solid #000;
}
.tbl_scroll td:nth-child(3) {
  text-align: center;
  vertical-align: middle;
}
.tbl_scroll td:nth-child(4) {
  border-right: none;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .tbl_scroll th {
    padding: 10px 15px;
    font-size: 1.6rem;
  }
  .tbl_scroll td {
    padding: 10px 15px;
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .tbl_scroll th {
    padding: 10px;
    font-size: 1.4rem;
  }
  .tbl_scroll td {
    padding: 10px;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 639px) {
  .tbl_scroll th {
    padding: 10px 5px;
    font-size: 1.3rem;
    line-height: 1.3;
  }
  .tbl_scroll td {
    padding: 10px 5px;
    font-size: 1.3rem;
    line-height: 1.3;
  }
}

.va-t {
  vertical-align: top !important;
}
.va-m {
  vertical-align: middle !important;
}
.va-b {
  vertical-align: bottom !important;
}

.w20 {
  width: 20px !important;
}
.w25 {
  width: 25px !important;
}
.w30 {
  width: 30px !important;
}
.w35 {
  width: 35px !important;
}
.w40 {
  width: 40px !important;
}
.w45 {
  width: 45px !important;
}
.w50 {
  width: 50px !important;
}
.w55 {
  width: 55px !important;
}
.w60 {
  width: 60px !important;
}
.w65 {
  width: 65px !important;
}
.w70 {
  width: 70px !important;
}
.w75 {
  width: 75px !important;
}
.w80 {
  width: 80px !important;
}
.w85 {
  width: 85px !important;
}
.w90 {
  width: 90px !important;
}
.w95 {
  width: 95px !important;
}
.w100 {
  width: 100px !important;
}
.w105 {
  width: 105px !important;
}
.w110 {
  width: 110px !important;
}
.w115 {
  width: 115px !important;
}
.w120 {
  width: 120px !important;
}
.w125 {
  width: 125px !important;
}
.w130 {
  width: 130px !important;
}
.w135 {
  width: 135px !important;
}
.w140 {
  width: 140px !important;
}
.w145 {
  width: 145px !important;
}
.w150 {
  width: 150px !important;
}
.w155 {
  width: 155px !important;
}
.w160 {
  width: 160px !important;
}
.w165 {
  width: 165px !important;
}
.w170 {
  width: 170px !important;
}
.w175 {
  width: 175px !important;
}
.w180 {
  width: 180px !important;
}
.w185 {
  width: 185px !important;
}
.w190 {
  width: 190px !important;
}
.w195 {
  width: 195px !important;
}
.w200 {
  width: 200px !important;
}
.w205 {
  width: 205px !important;
}
.w210 {
  width: 210px !important;
}
.w215 {
  width: 215px !important;
}
.w220 {
  width: 220px !important;
}
.w225 {
  width: 225px !important;
}
.w230 {
  width: 230px !important;
}
.w235 {
  width: 235px !important;
}
.w240 {
  width: 240px !important;
}
.w245 {
  width: 245px !important;
}
.w250 {
  width: 250px !important;
}

.w5p {
  width: 5%;
}
.w10p {
  width: 10%;
}
.w15p {
  width: 15%;
}
.w20p {
  width: 20%;
}
.w25p {
  width: 25%;
}
.w30p {
  width: 30%;
}
.w35p {
  width: 35%;
}
.w40p {
  width: 40%;
}
.w45p {
  width: 45%;
}
.w50p {
  width: 50%;
}
.w55p {
  width: 55%;
}
.w60p {
  width: 60%;
}
.w65p {
  width: 65%;
}
.w70p {
  width: 70%;
}
.w75p {
  width: 75%;
}
.w80p {
  width: 80%;
}
.w85p {
  width: 85%;
}
.w90p {
  width: 90%;
}
.w95p {
  width: 95%;
}
.w100p {
  width: 100%;
}

html {
  overflow-y: scroll;
  font-size: 62.5%;
  box-sizing: border-box;
}

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

body {
  color: #000;
  font-family: YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  line-height: 1.8;
  font-feature-settings: "palt";
  text-align: justify;
  text-justify: distribute;
  overflow: hidden;
}

input, select, option, textarea {
  font-family: YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}

nav ol,
nav ul {
  list-style: none;
}

a, a * {
  transition-property: color, border-color, background-color, opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

a {
  color: #ea8971;
  -webkit-text-decoration: underline 1px;
          text-decoration: underline 1px;
}
a:hover {
  outline: 0;
  color: rgb(230.7147239264, 118.5398773006, 90.7852760736);
  text-decoration: none;
}
a:active {
  outline: 0;
  color: #ea8971;
}

::-moz-selection {
  background-color: rgb(255, 181.328125, 140);
  color: #fff;
}

::selection {
  background-color: rgb(255, 181.328125, 140);
  color: #fff;
}

p + img {
  margin-top: 25px;
}

img {
  max-width: 100%;
  height: auto;
}

html:before,
html:after,
body:before,
body:after {
  position: fixed;
  display: block;
  background: #FFD6BF;
  content: "";
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
  body {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 639px) {
  body {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

.page {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  display: grid;
  grid-template-rows: 1fr auto;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .page {
    left: 0;
    transition: left 0.2s;
    width: auto;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .page {
    left: 0;
    transition: left 0.2s;
    width: auto;
  }
}
@media only screen and (max-width: 639px) {
  .page {
    left: 0;
    transition: left 0.2s;
    width: auto;
  }
}

h2, h3, h4, h5 {
  font-size: 1.8rem;
}
h2.h_main, h3.h_main, h4.h_main, h5.h_main {
  color: #FFD6BF;
  font-size: 3rem;
  line-height: 1.5;
}
h2.h_mincho, h3.h_mincho, h4.h_mincho, h5.h_mincho {
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 2.8rem;
  font-weight: normal;
  line-height: 1.5;
}
h2.h_bold, h3.h_bold, h4.h_bold, h5.h_bold {
  font-size: 2.6rem;
  line-height: 1.5;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  h2.h_main, h3.h_main, h4.h_main, h5.h_main {
    font-size: 2.6rem;
  }
  h2.h_mincho, h3.h_mincho, h4.h_mincho, h5.h_mincho {
    font-size: 2.4rem;
  }
  h2.h_bold, h3.h_bold, h4.h_bold, h5.h_bold {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  h2, h3, h4, h5 {
    font-size: 1.6rem;
  }
  h2.h_main, h3.h_main, h4.h_main, h5.h_main {
    font-size: 2.2rem;
  }
  h2.h_mincho, h3.h_mincho, h4.h_mincho, h5.h_mincho {
    font-size: 2rem;
  }
  h2.h_bold, h3.h_bold, h4.h_bold, h5.h_bold {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 639px) {
  h2, h3, h4, h5 {
    font-size: 1.4rem;
  }
  h2.h_main, h3.h_main, h4.h_main, h5.h_main {
    font-size: 1.8rem;
  }
  h2.h_mincho, h3.h_mincho, h4.h_mincho, h5.h_mincho {
    font-size: 1.6rem;
  }
  h2.h_bold, h3.h_bold, h4.h_bold, h5.h_bold {
    font-size: 1.6rem;
  }
}

.pageheadline {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 200px;
  margin-top: 40px;
  z-index: 0;
}
.pageheadline:before {
  position: absolute;
  background-image: url(../img/common/bg_header_left.jpg);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto 200px;
  height: 200px;
  top: 0;
  right: 50%;
  left: 0;
  content: "";
  z-index: 1;
}
.pageheadline:after {
  position: absolute;
  background-image: url(../img/common/bg_header_right.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto 200px;
  height: 200px;
  right: 0;
  left: 50%;
  content: "";
  z-index: 1;
}
.pageheadline h2 {
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 3.4rem;
  font-weight: normal;
  text-align: center;
  letter-spacing: 0.1em;
  z-index: 2;
}
.pageheadline h2 span {
  display: block;
  color: #ea8971;
  font-family: YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .pageheadline {
    height: 160px;
    margin-top: 30px;
  }
  .pageheadline:before {
    background-size: auto 160px;
    height: 160px;
  }
  .pageheadline:after {
    background-size: auto 160px;
    height: 160px;
  }
  .pageheadline h2 {
    font-size: 3rem;
  }
  .pageheadline h2 span {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .pageheadline {
    height: 100px;
    margin-top: 20px;
  }
  .pageheadline:before {
    background-size: auto 100px;
    height: 100px;
  }
  .pageheadline:after {
    background-size: auto 100px;
    height: 100px;
  }
  .pageheadline h2 {
    font-size: 1.8rem;
  }
  .pageheadline h2 span {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 639px) {
  .pageheadline {
    height: 60px;
    margin-top: 20px;
  }
  .pageheadline:before {
    background-size: auto 60px;
    height: 60px;
    right: 55%;
  }
  .pageheadline:after {
    background-size: auto 60px;
    height: 60px;
    left: 55%;
  }
  .pageheadline h2 {
    font-size: 1.5rem;
  }
  .pageheadline h2 span {
    font-size: 1.3rem;
  }
}

.l-inner {
  width: auto;
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 4%;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .l-inner {
    width: 92%;
    max-width: none;
    padding: 0;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .l-inner {
    width: 90%;
    max-width: none;
    padding: 0;
  }
}
@media only screen and (max-width: 639px) {
  .l-inner {
    width: 90%;
    max-width: none;
    padding: 0;
  }
}

header {
  position: fixed;
  width: 100%;
  padding: 0;
  z-index: 9999;
}
header .page-header > .l-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
  max-width: 100%;
  height: 100px;
  padding: 0 4%;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  header .page-header > .l-inner {
    height: 90px;
    padding: 0 2% 0 4%;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  header .page-header > .l-inner {
    height: 70px;
    padding: 0 2% 0 4%;
  }
}
@media only screen and (max-width: 639px) {
  header .page-header > .l-inner {
    height: 60px;
    padding: 0 2% 0 4%;
  }
}

.logo-main {
  max-width: 153px;
  margin: 0;
}
.logo-main a {
  display: block;
  text-decoration: none;
}
.logo-main a img {
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .logo-main {
    width: 130px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .logo-main {
    width: 100px;
  }
  .logo-main a {
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 639px) {
  .logo-main {
    width: 80px;
  }
  .logo-main a {
    padding-bottom: 10px;
  }
}

.header-content {
  margin-right: 80px;
  padding-bottom: 20px;
}
.nav-main__list {
  display: flex;
  justify-content: space-around;
  margin: 0;
}
.nav-main__list > li {
  position: relative;
  padding: 0;
  flex-grow: 1;
  font-family: YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: bold;
}
.nav-main__list > li:before {
  position: absolute;
  width: 1px;
  border-left: 3px dotted #FFD6BF;
  top: 24px;
  bottom: 24px;
  left: 0;
  content: "";
}
.nav-main__list > li.is-hover > a {
  color: #ea8971;
}
.nav-main__list > li .current {
  color: #ea8971;
}
.nav-main__list > li:first-child:before {
  display: none;
}
.nav-main__list > li > a {
  display: block;
  line-height: 62px;
  color: #000;
  font-size: 1.9rem;
  text-align: center;
  text-decoration: none;
  padding: 0 20px;
  letter-spacing: 0;
  transition: all 0.2s;
}
.nav-main__list > li:last-child > a {
  padding: 0 0 0 20px;
}
.nav-main__list > li.is-hover > a:before {
  visibility: visible;
  opacity: 1;
}
.nav-main__list > li.is-hover .submenu {
  visibility: visible;
  opacity: 1;
  z-index: 10;
}

.btn-sp-menu {
  background-image: url(../img/common/bg_menu.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 68px 70px;
  position: absolute;
  display: block;
  cursor: pointer;
  margin-left: auto;
  text-align: center;
  right: 40px;
  bottom: 0;
  z-index: 99;
}
.btn-sp-menu .icon-nav {
  display: flex;
  width: 70px;
  height: 70px;
  color: #000;
  font-size: 3rem;
  line-height: 70px;
}
.btn-sp-menu .icon-nav:before {
  width: 100%;
}
.btn-sp-menu.is-open .icon-nav {
  padding-top: 0;
}
.btn-sp-menu.is-open .icon-nav:before {
  font-size: 2.8rem;
  content: "\e020";
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .btn-sp-menu {
    right: 20px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .btn-sp-menu {
    background-size: 58px 60px;
    right: 20px;
  }
  .btn-sp-menu .icon-nav {
    width: 60px;
    height: 60px;
    font-size: 2.6rem;
    line-height: 60px;
  }
  .btn-sp-menu.is-open .icon-nav:before {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 639px) {
  .btn-sp-menu {
    background-size: 48px 50px;
    right: 10px;
  }
  .btn-sp-menu .icon-nav {
    width: 50px;
    height: 50px;
    font-size: 2.4rem;
    line-height: 50px;
  }
  .btn-sp-menu.is-open .icon-nav:before {
    font-size: 2.2rem;
  }
}

.nav-sp {
  background-color: #FFD6BF;
  transition: visibility 0.4s, opacity 0.4s;
  visibility: hidden;
  opacity: 0;
  overflow-y: auto;
  overflow-y: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  min-width: 320px;
  content: "";
}
.nav-sp.is-open {
  visibility: visible;
  opacity: 1;
}
.nav-sp__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  margin: 0 auto;
}
.nav-sp__inner {
  padding: 60px 0 30px;
}
.nav-sp__list {
  margin-top: 30px;
  font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
.nav-sp__list > li {
  background: #fff;
  margin: 10px 4%;
  padding: 0;
  border-radius: 10px;
}
.nav-sp__list > li > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding: 14px 30px;
  color: #000;
  font-size: 1.6rem;
  text-decoration: none;
}
.nav-sp__list > li > a:after {
  color: #2B3F5C;
  font-family: "webicon";
  font-size: 1.3rem;
  content: "\e002";
}
.nav-sp__list > li.accordion-menu {
  position: relative;
}
.nav-sp__list > li.accordion-menu > a:after {
  display: none;
}
.nav-sp__list > li.accordion-menu ul {
  display: none;
  background: #fff;
  border-radius: 10px;
}
.nav-sp__list > li.accordion-menu ul li {
  padding: 0;
  border-top: 1px dashed #ccc;
}
.nav-sp__list > li.accordion-menu ul a {
  position: relative;
  display: block;
  padding: 14px 16px 14px 50px;
  color: #000;
  font-size: 1.4rem;
  text-decoration: none;
  caret-color: transparent;
  z-index: 1;
}
.nav-sp__list > li.accordion-menu ul a:hover {
  color: #ea8971;
}
.nav-sp__list > li.accordion-menu ul a:before {
  position: absolute;
  font-family: "webicon";
  font-size: 8px;
  content: "\e014";
  left: 30px;
  top: 19px;
}
.nav-sp__list > li.accordion-menu > i {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 75px;
  color: #000;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.nav-sp__list > li.accordion-menu > i:before {
  display: block;
  font-size: 1.2rem;
  content: "\e007";
  margin-top: 23px;
}
.nav-sp__list > li.accordion-menu.is-open {
  border-bottom: none;
}
.nav-sp__list > li.accordion-menu.is-open i:before {
  content: "\e005";
}
.nav-sp__sublist {
  margin: 20px 4% 0;
}
.nav-sp__sublist li {
  font-size: 1.6rem;
}
.nav-sp__sublist li a {
  display: block;
  padding: 5px 0;
  color: #000;
  text-decoration: none;
}
.nav-sp__sublist li a i {
  margin-right: 5px;
  font-size: 1.1rem;
}
.nav-sp__footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  margin: 20px 4% 0;
}
.nav-sp__footer .name {
  width: 100%;
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 2.4rem;
  padding-bottom: 15px;
}
.nav-sp__footer .name span {
  margin-left: 20px;
  font-family: YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.4rem;
}
.nav-sp__add {
  margin: 0 30px 0 0;
}
.nav-sp__add > li {
  margin: 6px 0 0;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1;
}
.nav-sp__add > li.shop-name {
  margin: 0;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.1;
}
.nav-sp__add > li.add {
  margin-top: 10px;
}
.nav-sp__add > li.hours {
  line-height: 1.5;
}
.nav-sp__add > li a {
  color: #000;
  text-decoration: none;
}
.nav-sp__sns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 0 0 auto;
}
.nav-sp__sns > li {
  margin: 0 0 0 15px;
  padding: 0;
  line-height: 1;
}
.nav-sp__sns a {
  position: relative;
  color: #000;
  font-size: 3rem;
  text-decoration: none;
  line-height: 1;
}
.nav-sp__sns a:hover {
  opacity: 0.5;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .nav-sp__logo {
    width: 150px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .nav-sp__logo {
    width: 130px;
  }
  .nav-sp__inner {
    padding: 60px 0 30px;
  }
  .nav-sp__list {
    margin-top: 30px;
  }
  .nav-sp__list > li {
    margin: 10px 4%;
  }
  .nav-sp__list > li > a {
    min-height: 50px;
    padding: 9px 20px;
    font-size: 1.5rem;
  }
  .nav-sp__list > li > a:after {
    font-size: 1.3rem;
  }
  .nav-sp__list > li.accordion-menu ul a {
    padding: 9px 51px 9px 36px;
    font-size: 1.4rem;
  }
  .nav-sp__list > li.accordion-menu ul a:before {
    left: 20px;
    top: 12px;
  }
  .nav-sp__list > li.accordion-menu > i {
    width: 51px;
  }
  .nav-sp__list > li.accordion-menu > i:before {
    font-size: 1.2rem;
    margin-top: 21px;
  }
  .nav-sp__sublist {
    margin: 20px 4% 0;
  }
  .nav-sp__sublist li {
    font-size: 1.6rem;
  }
  .nav-sp__sublist li a {
    padding: 5px 0;
  }
  .nav-sp__sublist li a i {
    margin-right: 5px;
    font-size: 1.1rem;
  }
  .nav-sp__footer {
    display: block;
    margin: 20px 4% 0;
  }
  .nav-sp__footer .name {
    font-size: 2rem;
    padding-bottom: 15px;
    line-height: 1;
  }
  .nav-sp__footer .name span {
    margin-left: 10px;
  }
  .nav-sp__add {
    margin: 10px 0 0;
  }
  .nav-sp__add > li {
    margin: 6px 0 0;
    font-size: 1.4rem;
    line-height: 1;
  }
  .nav-sp__add > li.shop-name {
    font-size: 1.4rem;
  }
  .nav-sp__add > li.add {
    margin-top: 10px;
  }
  .nav-sp__sns {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px dashed #000;
  }
  .nav-sp__sns > li {
    margin: 0 15px 0 0;
  }
  .nav-sp__sns a {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 639px) {
  .nav-sp__logo {
    width: 100px;
  }
  .nav-sp__inner {
    padding: 30px 0 10px;
  }
  .nav-sp__list {
    margin-top: 20px;
  }
  .nav-sp__list > li {
    margin: 10px 4%;
    border-radius: 5px;
  }
  .nav-sp__list > li > a {
    min-height: 30px;
    padding: 7px 15px;
    font-size: 1.3rem;
  }
  .nav-sp__list > li > a:after {
    font-size: 1rem;
  }
  .nav-sp__list > li.accordion-menu ul a {
    padding: 7px 15px 7px 30px;
    font-size: 1.3rem;
  }
  .nav-sp__list > li.accordion-menu ul a:before {
    left: 15px;
    top: 10px;
  }
  .nav-sp__list > li.accordion-menu > i {
    width: 39px;
  }
  .nav-sp__list > li.accordion-menu > i:before {
    font-size: 1rem;
    margin-top: 12px;
  }
  .nav-sp__sublist {
    margin: 0 4%;
  }
  .nav-sp__sublist li {
    font-size: 1.3rem;
  }
  .nav-sp__sublist li a {
    padding: 0;
    line-height: 1;
  }
  .nav-sp__sublist li a i {
    margin-right: 5px;
    font-size: 1rem;
  }
  .nav-sp__footer {
    display: block;
    margin: 20px 4% 0;
  }
  .nav-sp__footer .name {
    font-size: 1.6rem;
    padding-bottom: 10px;
    line-height: 1;
  }
  .nav-sp__footer .name span {
    margin-left: 10px;
    font-size: 1.1rem;
  }
  .nav-sp__add {
    margin: 10px 0 0;
    padding: 0;
  }
  .nav-sp__add > li {
    margin: 3px 0 0;
    font-size: 1.3rem;
    line-height: 1.3;
  }
  .nav-sp__add > li.shop-name {
    padding-bottom: 3px;
    font-size: 1.3rem;
  }
  .nav-sp__add > li.add {
    margin-top: 10px;
  }
  .nav-sp__add > li.hours {
    margin-top: 6px;
    line-height: 1.3;
  }
  .nav-sp__add > li.tel {
    margin-top: 6px;
  }
  .nav-sp__sns {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #000;
  }
  .nav-sp__sns > li {
    margin: 0 11px 0 0;
  }
  .nav-sp__sns a {
    font-size: 2.4rem;
  }
}

.page-content {
  margin-top: 100px;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .page-content {
    margin-top: 90px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .page-content {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 639px) {
  .page-content {
    margin-top: 50px;
  }
}

.content-main {
  margin-top: 0;
}

a.trans:hover {
  opacity: 0.6;
}

.breadcrumb {
  margin-bottom: 70px;
  padding: 0;
  font-size: 1.6rem;
}
.breadcrumb > .l-inner {
  width: auto;
  max-width: 100%;
  padding: 20px 4% 0;
}
.breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
}
.breadcrumb ul li {
  padding: 0;
  line-height: 57px;
  color: #ea8971;
}
.breadcrumb ul li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: #000;
  padding-right: 30px;
  text-decoration: none;
}
.breadcrumb ul li a:hover {
  color: #ea8971;
}
.breadcrumb ul li a:after {
  position: absolute;
  color: #000 !important;
  font-family: "webicon";
  right: 8px;
  font-size: 1rem;
  content: "\e006";
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .breadcrumb {
    margin-bottom: 40px;
    padding: 0;
    font-size: 1.4rem;
  }
  .breadcrumb > .l-inner {
    width: 92%;
    max-width: none;
    margin: 0 auto;
    padding: 0;
  }
  .breadcrumb ul {
    padding: 20px 0 0;
  }
  .breadcrumb ul li {
    line-height: 40px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .breadcrumb {
    margin-bottom: 50px;
    font-size: 1.3rem;
  }
  .breadcrumb > .l-inner {
    width: 90%;
    max-width: none;
    padding: 0;
  }
  .breadcrumb ul {
    padding: 15px 0 0;
  }
  .breadcrumb ul li {
    line-height: 30px;
  }
}
@media only screen and (max-width: 639px) {
  .breadcrumb {
    margin-bottom: 30px;
    font-size: 1.2rem;
  }
  .breadcrumb > .l-inner {
    width: 90%;
    max-width: none;
    padding: 0;
  }
  .breadcrumb ul {
    padding: 10px 0 0;
  }
  .breadcrumb ul li {
    line-height: 20px;
  }
}

.outline {
  margin-bottom: 0 !important;
  padding-bottom: 50px;
  border-bottom: 1px dashed #ccc;
}
.outline__title {
  font-size: 4rem;
  font-weight: bold;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .outline__title {
    font-size: 3.4rem;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 639px) {
  .outline {
    padding-bottom: 20px;
  }
  .outline__title {
    font-size: 2.4rem;
    line-height: 1.2;
  }
}

.col2 {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col2 > div {
  width: 48%;
  margin-top: 4%;
}
.col2 > div:first-of-type, .col2 > div:nth-of-type(2) {
  margin-top: 0;
}
.col2 > div.img {
  width: 35%;
}
.col2 > div.text {
  width: 58%;
}
.col2.c_line:before {
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  border-left: 1px dashed #000;
  content: "";
}
.col2.rev {
  flex-direction: row-reverse;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .col2 > div.img {
    width: 40%;
  }
  .col2 > div.text {
    width: 55%;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .col2 > div {
    margin-top: 5%;
  }
  .col2 > div:nth-of-type(1) {
    margin-top: 3%;
  }
  .col2 > div:nth-of-type(2) {
    margin-top: 5%;
  }
  .col2 > div.img {
    width: 100%;
    margin-bottom: -2%;
  }
  .col2 > div.text {
    width: 100%;
  }
}
@media only screen and (max-width: 639px) {
  .col2 > div {
    width: auto;
  }
  .col2 > div:nth-of-type(1) {
    margin-top: 3%;
  }
  .col2 > div:nth-of-type(2) {
    margin-top: 4%;
  }
  .col2 > div.img {
    width: 100%;
  }
  .col2 > div.text {
    width: 100%;
  }
  .col2.c_line:before {
    display: none;
  }
}

.col3 {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col3 > div {
  width: 32%;
  margin-top: 30px;
}
.col3 > div p {
  margin-top: 18px;
  font-size: 2.6rem;
  text-align: center;
  line-height: 1.5;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .col3 > div {
    margin-top: 25px;
  }
  .col3 > div p {
    margin-top: 15px;
    font-size: 2rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .col3 > div {
    margin-top: 25px;
  }
  .col3 > div p {
    margin-top: 15px;
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 639px) {
  .col3 > div {
    width: 48%;
    margin-top: 10px;
  }
  .col3 > div p {
    margin-top: 8px;
    font-size: 1.4rem;
  }
}

.box__main {
  background: #FFD6BF;
  margin-top: 30px;
  padding: 20px;
  color: #fff;
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
}
.box__white {
  background: #fff;
  margin-top: 60px;
  padding: 80px;
  border-radius: 30px;
  box-shadow: 0 0 5px #ccc;
}
.box__white:first-of-type {
  margin-top: 0;
}
.box__line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 70px;
  border: 10px solid #EDEDED;
}
.box__maintenance {
  width: 100%;
  padding: 60px 80px;
  border: 10px solid #EDEDED;
}
.box__maintenance .maintenance-text {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 30px;
}
.box__maintenance .maintenance-text__text {
  width: 48%;
}
.box__maintenance .maintenance-text__detail {
  margin-top: 60px;
  padding-top: 60px;
  border-top: 1px dashed #ccc;
}
.box__maintenance .maintenance-text__detail > dl {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.box__maintenance .maintenance-text__detail > dl > dt {
  width: 11%;
}
.box__maintenance .maintenance-text__detail > dl > dd {
  width: 85%;
}
.box__gray {
  background: #F8F8F8;
  padding: 40px 60px;
}
.box__404 {
  padding: 100px 0;
}
.box__404 h3 {
  text-align: center;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .box {
    padding: 60px 0;
  }
  .box__main {
    font-size: 2rem;
  }
  .box__white {
    margin-top: 40px;
    padding: 50px;
    border-radius: 20px;
  }
  .box__line {
    padding: 20px 40px;
  }
  .box__line > .contents {
    width: calc(100% - 240px);
  }
  .box__line > .contents dt {
    font-size: 2.2rem;
    line-height: 1.5;
  }
  .box__line > .contents dd {
    line-height: 1.5;
  }
  .box__line .btn {
    width: 220px;
  }
  .box__maintenance {
    padding: 40px 60px;
  }
  .box__maintenance .maintenance-text {
    margin-top: 20px;
  }
  .box__maintenance .maintenance-text__detail {
    margin-top: 60px;
    padding-top: 60px;
  }
  .box__maintenance .maintenance-text__detail > dl > dt {
    width: 11%;
  }
  .box__maintenance .maintenance-text__detail > dl > dd {
    width: 85%;
  }
  .box__gray {
    padding: 30px 50px;
  }
  .box__404 {
    padding: 100px 0 !important;
  }
  .box__404 .btn {
    margin: 20px auto 0;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .box {
    padding: 40px 0;
  }
  .box__main {
    padding: 20px;
    font-size: 1.8rem;
    text-align: left;
    line-height: 1.5;
  }
  .box__white {
    margin-top: 30px;
    padding: 30px;
    border-radius: 20px;
  }
  .box__line {
    padding: 20px 40px;
  }
  .box__line > .contents {
    width: calc(100% - 240px);
  }
  .box__line > .contents dt {
    font-size: 2.2rem;
    line-height: 1.5;
  }
  .box__line > .contents dd {
    line-height: 1.5;
  }
  .box__line .btn {
    width: 220px;
  }
  .box__maintenance {
    padding: 30px 40px;
  }
  .box__maintenance .maintenance-text {
    display: block;
    margin-top: 20px;
  }
  .box__maintenance .maintenance-text__text {
    width: 100%;
  }
  .box__maintenance .maintenance-text__btn {
    margin-top: 20px;
  }
  .box__maintenance .maintenance-text__detail {
    margin-top: 30px;
    padding-top: 20px;
  }
  .box__maintenance .maintenance-text__detail > dl > dt {
    width: 100%;
    margin-top: 10px;
  }
  .box__maintenance .maintenance-text__detail > dl > dd {
    width: 100%;
  }
  .box__gray {
    padding: 20px 40px;
  }
  .box__404 {
    display: flex;
    flex-direction: column;
    padding: 100px 0 !important;
  }
  .box__404 .btn {
    margin: 20px auto 0;
  }
}
@media only screen and (max-width: 639px) {
  .box {
    padding: 20px 0;
  }
  .box__main {
    margin-top: 20px;
    padding: 10px 20px;
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.5;
  }
  .box__white {
    margin-top: 10px;
    padding: 15px;
    border-radius: 10px;
  }
  .box__line {
    flex-wrap: wrap;
    padding: 15px 20px;
    border: 8px solid #F8F8F8;
  }
  .box__line > .contents dt {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .box__line > .contents dd {
    line-height: 1.5;
  }
  .box__maintenance {
    padding: 20px;
    border: 8px solid #EDEDED;
  }
  .box__maintenance .maintenance-text {
    display: block;
    margin-top: 10px;
  }
  .box__maintenance .maintenance-text__text {
    width: 100%;
  }
  .box__maintenance .maintenance-text__btn {
    margin-top: 10px;
  }
  .box__maintenance .maintenance-text__detail {
    margin-top: 20px;
    padding-top: 10px;
  }
  .box__maintenance .maintenance-text__detail > dl > dt {
    width: 100%;
    margin-top: 10px;
  }
  .box__maintenance .maintenance-text__detail > dl > dd {
    width: 100%;
  }
  .box__gray {
    padding: 15px 30px;
  }
  .box__404 {
    padding: 100px 0 !important;
  }
}

.bg-gray {
  background: #F8F8F8;
  margin-top: 120px;
  padding: 120px 0;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .bg-gray {
    margin-top: 80px;
    padding: 80px 0;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .bg-gray {
    margin-top: 50px;
    padding: 50px 0;
  }
}
@media only screen and (max-width: 639px) {
  .bg-gray {
    margin-top: 30px;
    padding: 30px 0;
  }
}

.attention {
  position: relative;
  padding: 0 0 0 1em;
  line-height: 1.5;
}
.attention:before {
  position: absolute;
  width: 1em;
  top: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  content: "※";
}
.attention_box {
  border: 1px solid #C70008;
  border-radius: 5px;
  padding: 10px 10px 10px 2.5em !important;
}
.attention_box:before {
  top: 10px !important;
  left: 1em !important;
}

.bt-dashed {
  border-top: 1px dashed #000;
  margin-top: 100px !important;
  padding-top: 100px;
}
.bt-dashed__sm {
  border-top: 1px dashed #000;
  margin-top: 50px !important;
  padding-top: 50px;
}
.bt-dashed__xs {
  border-top: 1px dashed #000;
  margin-top: 40px !important;
  padding-top: 0;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .bt-dashed {
    margin-top: 50px !important;
    padding-top: 50px;
  }
  .bt-dashed__sm {
    margin-top: 40px !important;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .bt-dashed {
    margin-top: 50px !important;
    padding-top: 50px;
  }
  .bt-dashed__sm {
    margin-top: 30px !important;
    padding-top: 30px;
  }
}
@media only screen and (max-width: 639px) {
  .bt-dashed {
    margin-top: 30px !important;
    padding-top: 30px;
  }
  .bt-dashed__sm {
    margin-top: 20px !important;
    padding-top: 20px;
  }
  .bt-dashed__xs {
    margin-top: 20px !important;
    padding-top: 0;
  }
}

.btb-dashed {
  padding: 20px 0;
  border-top: 1px dashed #000;
  border-bottom: 1px dashed #000;
}

.r-10 {
  border-radius: 10px;
}
.r-20 {
  border-radius: 20px;
}
.r-30 {
  border-radius: 30px;
}

.page-footer {
  background-color: #F2F2F2;
  background-image: url(../img/common/bg_wave_gray.jpg);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-top: 140px;
  padding: 100px 0 50px;
}
.page-footer > .l-inner {
  max-width: 100%;
}
#granola .page-footer {
  margin-top: 0;
  padding: 40px 0 100px;
  background-image: none;
}
#pickles .page-footer {
  margin-top: 0;
  padding: 40px 0 100px;
  background-image: none;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .page-footer {
    margin-top: 120px;
    padding: 80px 0 40px;
  }
  #granola .page-footer {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .page-footer {
    margin-top: 100px;
    padding: 60px 0 30px;
  }
  #granola .page-footer {
    padding: 30px 0 40px;
  }
}
@media only screen and (max-width: 639px) {
  .page-footer {
    margin-top: 40px;
    padding: 40px 0 15px;
  }
  #granola .page-footer {
    padding: 20px 0 15px;
  }
}

.footer-content__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.footer-content__header .name {
  width: 100%;
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 4rem;
}
.footer-content__header .name span {
  margin-left: 20px;
  font-family: YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.6rem;
}
.footer-content__link {
  font-size: 1.7rem;
}
.footer-content__link a {
  display: flex;
  align-items: center;
  color: #000;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
}
.footer-content__link a:hover {
  color: #ea8971;
}
.footer-content__link a > i {
  font-size: 1.4rem;
  margin-right: 10px;
}
.footer-content__info {
  display: flex;
  justify-content: flex-start;
  margin: 60px 0 0;
}
.footer-content__info .info-text .list-add > li {
  margin: 6px 0 0;
  padding: 0;
  line-height: 1;
}
.footer-content__info .info-text .list-add > li.shop-name {
  margin: 0;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
}
.footer-content__info .info-text .list-add > li.add {
  margin-top: 10px;
}
.footer-content__info .info-text .list-add > li.hours {
  line-height: 1.5;
}
.footer-content__info .info-text .list-add > li a {
  color: #000;
  text-decoration: none;
}
.footer-content__info .info-sns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: auto 0 0 auto;
}
.footer-content__info .info-sns > li {
  margin: 0 0 0 18px;
  padding: 0;
  line-height: 1;
}
.footer-content__info .info-sns a {
  color: #000;
  font-size: 3rem;
  text-decoration: none;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .footer-content__header {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .footer-content__header .name {
    margin-top: 20px;
    font-size: 3rem;
  }
  .footer-content__header .name span {
    margin-left: 20px;
    font-size: 1.6rem;
  }
  .footer-content__link {
    font-size: 1.6rem;
  }
  .footer-content__link a > i {
    font-size: 1.3rem;
    margin-right: 10px;
  }
  .footer-content__info {
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin: 40px 0 0;
  }
  .footer-content__info .info-text {
    width: 55%;
  }
  .footer-content__info .info-text .list-add {
    width: 100%;
    font-size: 1.6rem;
  }
  .footer-content__info .info-text .list-add > li {
    margin: 6px 0 0;
    padding: 0;
    line-height: 1;
  }
  .footer-content__info .info-text .list-add > li.shop-name {
    margin: 0;
    font-size: 1.8rem;
  }
  .footer-content__info .info-text .list-add > li.hours {
    line-height: 1.5;
  }
  .footer-content__info .info-sns {
    width: 40%;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .footer-content__header {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .footer-content__header .name {
    margin-top: 15px;
    font-size: 2.4rem;
  }
  .footer-content__header .name span {
    margin-left: 10px;
    font-size: 1.4rem;
  }
  .footer-content__link {
    font-size: 1.4rem;
  }
  .footer-content__link a > i {
    font-size: 1rem;
    margin-right: 8px;
  }
  .footer-content__info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 15px 0 0;
  }
  .footer-content__info .info-photo {
    width: 60%;
    min-width: 330px;
    margin-right: 50px;
  }
  .footer-content__info .info-text {
    width: 100%;
  }
  .footer-content__info .info-text .list-add {
    width: 100%;
  }
  .footer-content__info .info-text .list-add > li {
    margin: 6px 0 0;
    padding: 0;
    line-height: 1;
  }
  .footer-content__info .info-text .list-add > li.shop-name {
    margin: 0;
    font-size: 1.6rem;
  }
  .footer-content__info .info-sns {
    width: 100%;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px dashed #000;
  }
}
@media only screen and (max-width: 639px) {
  .footer-content__header {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .footer-content__header .name {
    margin-top: 15px;
    font-size: 1.8rem;
  }
  .footer-content__header .name span {
    margin-left: 5px;
    font-size: 1.1rem;
  }
  .footer-content__link {
    font-size: 1.4rem;
  }
  .footer-content__link a > i {
    font-size: 1rem;
    margin-right: 8px;
  }
  .footer-content__info {
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0 0;
  }
  .footer-content__info .info-photo {
    width: 100%;
    min-width: auto;
    margin-right: 0;
  }
  .footer-content__info .info-text {
    width: 100%;
  }
  .footer-content__info .info-text .list-add {
    width: 100%;
  }
  .footer-content__info .info-text .list-add > li {
    margin: 6px 0 0;
    padding: 0;
    line-height: 1;
  }
  .footer-content__info .info-text .list-add > li.shop-name {
    margin: 0;
    font-size: 1.4rem;
  }
  .footer-content__info .info-sns {
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #000;
  }
  .footer-content__info .info-sns > li {
    margin: 0 0 0 11px;
  }
  .footer-content__info .info-sns a {
    font-size: 2.4rem;
  }
}

.shop-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 !important;
}
.shop-text {
  width: 100%;
}
.shop-info {
  margin-top: 100px;
}
.shop-info__name {
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 3.6rem;
}
.shop-info__name > span {
  margin-left: 20px;
  font-family: YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.6rem;
}
.shop-info__add {
  margin-top: 30px;
}
.shop-info__add > li {
  padding: 0;
  line-height: 1.5;
}
.shop-info__add > li.shop-name {
  font-size: 2rem;
  font-weight: bold;
}
.shop-info__add > li.add {
  margin-top: 10px;
}
.shop-info__add > li.hours {
  margin-top: 8px;
}
.shop-info__add > li.tel {
  margin-top: 8px;
}
.shop-map {
  width: 100%;
  margin-top: 80px;
  padding: 10px;
  border: 1px solid #ccc;
}
.shop-map iframe {
  width: 100%;
  height: 580px;
  border: 0;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .shop-info {
    margin-top: 80px;
  }
  .shop-info__name {
    font-size: 3rem;
  }
  .shop-info__add {
    margin-top: 40px;
  }
  .shop-info__add > li.shop-name {
    font-size: 1.8rem;
  }
  .shop-info__add > li.add {
    margin-top: 10px;
  }
  .shop-info__add > li.hours {
    margin-top: 6px;
  }
  .shop-info__add > li.tel {
    margin-top: 6px;
  }
  .shop-map {
    margin-top: 60px;
  }
  .shop-map iframe {
    height: 480px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .shop-info {
    margin-top: 40px;
  }
  .shop-info__name {
    font-size: 2.4rem;
  }
  .shop-info__name > span {
    margin-left: 10px;
    font-size: 1.4rem;
  }
  .shop-info__add {
    margin-top: 15px;
  }
  .shop-info__add > li {
    line-height: 1;
  }
  .shop-info__add > li.shop-name {
    font-size: 1.6rem;
  }
  .shop-info__add > li.add {
    margin-top: 10px;
  }
  .shop-info__add > li.hours {
    margin-top: 6px;
    line-height: 1.5;
  }
  .shop-info__add > li.tel {
    margin-top: 6px;
  }
  .shop-map {
    margin-top: 60px;
  }
  .shop-map iframe {
    height: 380px;
  }
}
@media only screen and (max-width: 639px) {
  .shop-info {
    margin-top: 40px;
  }
  .shop-info__name {
    font-size: 1.8rem;
  }
  .shop-info__name > span {
    margin-left: 5px;
    font-size: 1.1rem;
  }
  .shop-info__add {
    margin-top: 15px;
  }
  .shop-info__add > li {
    line-height: 1;
  }
  .shop-info__add > li.shop-name {
    font-size: 1.4rem;
  }
  .shop-info__add > li.add {
    margin-top: 10px;
  }
  .shop-info__add > li.hours {
    margin-top: 6px;
    line-height: 1.5;
  }
  .shop-info__add > li.tel {
    margin-top: 6px;
  }
  .shop-map {
    margin-top: 40px;
    padding: 5px;
  }
  .shop-map iframe {
    height: 280px;
  }
}

.lineup-intro {
  margin-top: 100px;
  display: flex;
  justify-content: space-between;
}
.lineup-intro .photo {
  width: 60%;
}
.lineup-intro .photo > img {
  border-radius: 20px;
}
.lineup-intro .text {
  width: 33%;
}
.lineup-intro .text .title {
  font-size: 5.4rem;
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 1.3;
}
.lineup-intro .text .title.small {
  font-size: 4rem;
}
.lineup-intro .text .title.logo {
  width: 350px;
}
.lineup-intro .text .title.logolemon {
  width: 330px;
}
.lineup-intro .text .detail {
  margin-top: 25px;
}
.lineup-intro .text .link {
  margin-top: 30px;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .lineup-intro {
    margin-top: 80px;
  }
  .lineup-intro .text .title {
    font-size: 4rem;
  }
  .lineup-intro .text .title.small {
    font-size: 4rem;
  }
  .lineup-intro .text .title.logo {
    width: 90%;
  }
  .lineup-intro .text .title.logolemon {
    width: 90%;
  }
  .lineup-intro .text .detail {
    margin-top: 20px;
  }
  .lineup-intro .text .link {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .lineup-intro {
    margin-top: 50px;
    flex-wrap: wrap;
  }
  .lineup-intro .photo {
    width: 80%;
    margin: 0 auto;
  }
  .lineup-intro .text {
    width: 80%;
    margin: 20px auto 0;
  }
  .lineup-intro .text .title {
    font-size: 3.2rem;
  }
  .lineup-intro .text .title.small {
    font-size: 2.6rem;
  }
  .lineup-intro .text .title.logo {
    width: 50%;
  }
  .lineup-intro .text .title.logolemon {
    width: 50%;
  }
  .lineup-intro .text .detail {
    margin-top: 15px;
  }
  .lineup-intro .text .link {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 639px) {
  .lineup-intro {
    margin-top: 50px;
    flex-wrap: wrap;
  }
  .lineup-intro .photo {
    width: 80%;
    margin: 0 auto;
  }
  .lineup-intro .text {
    width: 80%;
    margin: 15px auto 0;
  }
  .lineup-intro .text .title {
    font-size: 2.2rem;
  }
  .lineup-intro .text .title.small {
    font-size: 2.2rem;
  }
  .lineup-intro .text .title.logo {
    width: 40%;
  }
  .lineup-intro .text .title.logolemon {
    width: 40%;
  }
  .lineup-intro .text .detail {
    margin-top: 10px;
  }
  .lineup-intro .text .link {
    margin-top: 0;
  }
}

.lineup-pickup {
  padding: 0px;
}

.photo-2nd img {
  border: 1px solid #ccc;
  border-radius: 20px;
}

.jam-main > .l-inner {
  padding: 0;
}
.jam-main .img-sp {
  display: none;
}
@media only screen and (max-width: 639px) {
  .jam-main .img-pc {
    display: none;
  }
  .jam-main .img-sp {
    display: block;
  }
}

.jam-about {
  margin-top: -350px;
}
.jam-about > .l-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: row-reverse;
  padding: 0;
}
.jam-about .photo {
  width: 580px;
  margin-right: 35px;
}
.jam-about .text {
  width: 55%;
}
.jam-about .title {
  font-size: 5.4rem;
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.jam-about .detail {
  font-size: 1.8rem;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .jam-about {
    margin-top: -250px;
  }
  .jam-about .photo {
    width: 450px;
    margin-right: 35px;
  }
  .jam-about .text {
    width: 55%;
  }
  .jam-about .title {
    font-size: 4.4rem;
  }
  .jam-about .detail {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .jam-about {
    margin-top: -15%;
  }
  .jam-about .photo {
    width: 100%;
    margin-right: -600px;
  }
  .jam-about .text {
    width: 63%;
  }
  .jam-about .title {
    font-size: 2.3rem;
  }
  .jam-about .detail {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 639px) {
  .jam-about {
    margin-top: 5%;
  }
  .jam-about > .l-inner {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .jam-about .photo {
    width: 65%;
    margin-bottom: 30px;
    margin-left: 30px;
  }
  .jam-about .text {
    width: 100%;
  }
  .jam-about .title {
    font-size: 2.4rem;
  }
  .jam-about .detail {
    font-size: 1.4rem;
  }
}

.lineup-img {
  margin-top: 100px;
}
.lineup-img > .l-inner {
  padding: 0;
}
.lineup-img__top {
  margin: 0;
}
.lineup-img__text {
  margin-top: 60px;
}
.lineup-img__photo-top {
  margin-top: 80px;
}
.lineup-img__photo-bottom {
  position: relative;
}
.lineup-img__photo-bottom > .text {
  position: absolute;
  top: 80px;
  right: 50px;
  width: 45%;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .lineup-img .text-body {
    top: 40px;
    right: 40px;
    width: 52%;
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .lineup-img .text-body {
    top: 0px;
    right: 30px;
    width: 50%;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 639px) {
  .lineup-img .jam-body {
    margin-top: 150px;
  }
  .lineup-img .text-body {
    top: -120px;
    width: 80%;
    font-size: 1.4rem;
  }
}

.jam-lineup {
  margin-top: 120px;
}
.jam-lineup > .title {
  font-size: 5rem;
  font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 60px;
}
.jam-lineup > .l-inner {
  padding: 0;
}
.jam-lineup > .l-inner > .text {
  margin-top: 60px;
  text-align: center;
}
.jam-lineup .list-jam {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}
.jam-lineup .list-jam > li {
  width: 30%;
}
.jam-lineup .jam-photo {
  width: 100%;
  max-width: 300px;
  margin: 30px auto;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .jam-lineup > .title {
    font-size: 2.8rem;
    margin-bottom: 40px;
  }
  .jam-lineup > .l-inner > .text {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 639px) {
  .jam-lineup > .title {
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
  .jam-lineup > .l-inner > .text {
    margin-top: 30px;
    text-align: left;
  }
  .jam-lineup .list-jam {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .jam-lineup .list-jam > li {
    width: 45%;
  }
  .jam-lineup .jam-photo {
    width: 100%;
    max-width: 200px;
    margin: 15px auto;
  }
}

.text-jam {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  margin: 50px auto 0;
}
.text-jam > li {
  width: 33.3%;
  border-top: 1px dashed #707070;
  font-size: 2.2rem;
  padding: 20px 10px;
  border-right: 1px dashed #707070;
  text-align: center;
}
.text-jam > li:nth-child(3n) {
  border-right: none;
}
.text-jam > li:nth-child(1) {
  border-top: none;
}
.text-jam > li:nth-child(2) {
  border-top: none;
}
.text-jam > li:nth-child(3) {
  border-top: none;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .text-jam {
    margin: 40px auto 0;
  }
  .text-jam > li {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .text-jam {
    margin: 30px auto 0;
  }
  .text-jam > li {
    font-size: 1.6rem;
    padding: 10px 5px;
  }
}
@media only screen and (max-width: 639px) {
  .text-jam {
    margin: 20px auto 0;
  }
  .text-jam > li {
    width: 50%;
    font-size: 1.3rem;
    padding: 10px 0;
  }
  .text-jam > li:nth-child(3n) {
    border-right: 1px dashed #707070;
  }
  .text-jam > li:nth-child(2n) {
    border-right: none;
  }
  .text-jam > li:nth-child(3) {
    border-top: 1px dashed #707070;
  }
  .text-jam > li.empty {
    display: none;
  }
}

.pickles-top .main {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
}

@media only screen and (max-width: 639px) {
  .pickles-top-sp {
    display: block;
    width: 90%;
    margin: auto;
  }
  .pickles-top-sp__logo {
    width: 70%;
    margin: 0 auto;
    padding-left: 5%;
  }
  .pickles-top-sp__copy {
    margin-top: 30px;
  }
  .pickles-top-sp__text {
    margin-top: 30px;
    line-height: 1.8;
  }
  .pickles-top-sp__main {
    margin-top: 20px;
  }
}
.pickles-top-sp .img {
  display: block;
  width: 50%;
}

.pickles > .l-inner {
  padding: 0 50px 110px;
}
.pickles > .l-inner .copy {
  margin: 0 auto;
}
.pickles > .l-inner .text {
  margin: 50px auto 0;
  text-align: center;
}
.pickles > .l-inner .list_pickles > div {
  display: flex;
  align-items: center;
  position: relative;
  margin: 70px auto 0;
}
.pickles > .l-inner .list_pickles > div h3 {
  position: absolute;
}
.pickles > .l-inner .list_pickles > div h3 img {
  width: 240px;
}
.pickles > .l-inner .list_pickles > div .photo {
  margin: auto;
  display: block;
  width: 797px;
}
.pickles > .l-inner .list_pickles > div:nth-child(odd) h3 {
  left: 0;
}
.pickles > .l-inner .list_pickles > div:nth-child(even) h3 {
  right: 0;
}
.pickles > .l-inner .banner {
  display: block;
  margin: 80px auto 0;
}
.pickles > .l-inner .banner img {
  width: 800px;
  margin: 0 auto;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .pickles > .l-inner .text {
    margin: 30px auto 0;
  }
  .pickles > .l-inner .list_pickles > div {
    margin: 50px auto 0;
  }
  .pickles > .l-inner .list_pickles > div h3 img {
    width: 200px;
  }
  .pickles > .l-inner .list_pickles > div .photo {
    width: 75%;
  }
  .pickles > .l-inner .banner {
    margin: 80px auto 0;
  }
  .pickles > .l-inner .banner img {
    width: 100%;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .pickles > .l-inner {
    padding: 0 0 60px;
  }
  .pickles > .l-inner .text {
    margin: 30px auto 0;
  }
  .pickles > .l-inner .list_pickles > div {
    margin: 30px auto 0;
  }
  .pickles > .l-inner .list_pickles > div h3 img {
    width: 130px;
  }
  .pickles > .l-inner .list_pickles > div .photo {
    width: 70%;
  }
  .pickles > .l-inner .banner {
    margin: 50px auto 0;
  }
  .pickles > .l-inner .banner img {
    width: 100%;
  }
}
@media only screen and (max-width: 639px) {
  .pickles > .l-inner {
    padding: 0 0 50px;
  }
  .pickles > .l-inner .text {
    margin: 30px auto 0;
    text-align: left;
  }
  .pickles > .l-inner .list_pickles > div {
    margin: 20px auto 0;
  }
  .pickles > .l-inner .list_pickles > div h3 img {
    width: 80px;
  }
  .pickles > .l-inner .list_pickles > div .photo {
    width: 65%;
  }
  .pickles > .l-inner .banner {
    margin: 40px auto 0;
  }
  .pickles > .l-inner .banner img {
    width: 100%;
  }
}

.p-feature {
  background-color: #F7A451;
  background-image: url(../img/lineup/pickles/bg_feature_01.png), url(../img/lineup/pickles/bg_feature_02.png);
  background-position: 0 100%, 100% 0;
  background-repeat: no-repeat;
  background-size: 700px auto;
}
.p-feature .copy img {
  margin: 0 auto;
  width: 600px;
}
.p-feature .l-inner {
  padding: 100px 0;
}
.p-feature .list_p-feature li {
  margin: 80px auto 0;
  text-align: center;
}
.p-feature .list_p-feature li img {
  margin: 0 auto;
  width: 800px;
}
.p-feature .banner {
  display: block;
  margin: 100px auto 0;
}
.p-feature .banner img {
  display: block;
  width: 800px;
  margin: 0 auto;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .p-feature {
    background-position: -35% 100%, 100% 0;
  }
  .p-feature .banner {
    display: block;
    margin: 60px auto 0;
  }
  .p-feature .banner img {
    display: block;
    width: 800px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .p-feature {
    background-size: 600px auto;
    background-position: 0 100%, 100% 110%;
  }
  .p-feature .copy img {
    width: 100%;
    max-width: 600px;
  }
  .p-feature .l-inner {
    padding: 50px 0 200px;
  }
  .p-feature .list_p-feature li {
    margin: 80px auto 0;
    text-align: center;
  }
  .p-feature .list_p-feature li img {
    width: 800px;
  }
  .p-feature .banner {
    margin: 30px auto 0;
  }
  .p-feature .banner img {
    width: 100%;
  }
}
@media only screen and (max-width: 639px) {
  .p-feature {
    background-size: 60% auto;
    background-position: 0 100%, 100% 110%;
  }
  .p-feature .copy img {
    width: 100%;
  }
  .p-feature .l-inner {
    padding: 30px 0;
  }
  .p-feature .list_p-feature li {
    margin: 20px 0 0;
    text-align: center;
  }
  .p-feature .list_p-feature li img {
    width: 100%;
  }
  .p-feature .banner {
    margin: 30px auto;
  }
  .p-feature .banner img {
    width: 100%;
  }
}

.iroiro > .l-inner {
  padding: 100px 0;
}
.iroiro > .l-inner > .image {
  margin: 0 auto;
}
.iroiro > .l-inner > .copy {
  width: 1050px;
  margin: 0 auto;
  padding: 55px 0 20px;
}
.iroiro .list_iroiro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0 0;
}
.iroiro .list_iroiro > div.headline {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  width: 280px;
}
.iroiro .list_iroiro > div.headline img {
  margin: 60px auto 0 0;
}
.iroiro .list_iroiro > div.headline .text {
  margin: 20px 20px 0;
  font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-size: 2rem;
  line-height: 1.5;
}
.iroiro .list_iroiro .title {
  font-size: 5rem;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
}
.iroiro .list_iroiro .title span {
  display: block;
  font-size: 1.6rem;
  font-weight: normal;
}
.iroiro .list_iroiro .photo {
  width: 280px;
  margin: 20px 0 0;
}
.iroiro .banner {
  display: block;
  margin: 100px auto 0;
}
.iroiro .banner img {
  display: block;
  width: 800px;
  margin: 0 auto;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .iroiro > .l-inner {
    padding: 80px 0;
  }
  .iroiro > .l-inner > .copy {
    width: 100%;
    padding: 40px 0 10px;
  }
  .iroiro .list_iroiro {
    margin: 30px 0 0;
  }
  .iroiro .list_iroiro > div.headline {
    width: 60%;
  }
  .iroiro .list_iroiro > div.headline img {
    margin: 40px auto 0 0;
  }
  .iroiro .list_iroiro > div.headline .text {
    margin: 20px 15px 0;
    font-size: 1.6rem;
  }
  .iroiro .list_iroiro .title {
    font-size: 3.6rem;
  }
  .iroiro .list_iroiro .title span {
    font-size: 1.4rem;
  }
  .iroiro .list_iroiro .photo {
    width: 80%;
    margin: 20px auto 0;
  }
  .iroiro .banner {
    display: block;
    margin: 60px auto 0;
  }
  .iroiro .banner img {
    display: block;
    width: 800px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .iroiro > .l-inner {
    padding: 50px 10px;
  }
  .iroiro > .l-inner > .copy {
    width: 100%;
    padding: 40px 0 10px;
  }
  .iroiro > .l-inner .list_iroiro {
    flex-wrap: wrap;
    margin: 20px 4% 0;
  }
  .iroiro > .l-inner .list_iroiro > div {
    width: 48%;
    margin: 30px 0 0;
  }
  .iroiro > .l-inner .list_iroiro > div.headline {
    width: 48%;
  }
  .iroiro > .l-inner .list_iroiro > div.headline img {
    width: 80%;
    margin: 0 auto;
  }
  .iroiro > .l-inner .list_iroiro > div.headline .text {
    margin: 20px 30px 0;
    font-size: 1.6rem;
  }
  .iroiro > .l-inner .list_iroiro .title {
    font-size: 3.4rem;
  }
  .iroiro > .l-inner .list_iroiro .title span {
    font-size: 1.3rem;
  }
  .iroiro > .l-inner .list_iroiro .photo {
    width: 80%;
    margin: 15px auto 0;
  }
  .iroiro > .l-inner .banner {
    margin: 30px auto 0;
  }
  .iroiro > .l-inner .banner img {
    width: 100%;
  }
}
@media only screen and (max-width: 639px) {
  .iroiro > .l-inner {
    padding: 50px 0;
  }
  .iroiro > .l-inner > .copy {
    width: 100%;
    padding: 20px 0 5px;
  }
  .iroiro > .l-inner .list_iroiro {
    flex-wrap: wrap;
    margin: 20px 0 0;
  }
  .iroiro > .l-inner .list_iroiro > div {
    width: 48%;
    margin: 15px 0 0;
  }
  .iroiro > .l-inner .list_iroiro > div.headline {
    width: 48%;
  }
  .iroiro > .l-inner .list_iroiro > div.headline img {
    width: 90%;
    margin: 0 auto;
  }
  .iroiro > .l-inner .list_iroiro > div.headline .text {
    margin: 20px 10px 0;
    font-size: 1.4rem;
  }
  .iroiro > .l-inner .list_iroiro .title {
    font-size: 2.4rem;
  }
  .iroiro > .l-inner .list_iroiro .title span {
    font-size: 1.1rem;
  }
  .iroiro > .l-inner .list_iroiro .photo {
    width: 80%;
    margin: 10px auto 0;
  }
  .iroiro > .l-inner .banner {
    margin: 30px auto 0;
  }
  .iroiro > .l-inner .banner img {
    width: 100%;
  }
}

.p-lineup {
  position: relative;
  background-image: url(../img/lineup/pickles/bg_lineup_01.png), url(../img/lineup/pickles/bg_lineup_02.png), url(../img/lineup/pickles/bg_lineup_03.png), url(../img/lineup/pickles/bg_lineup_04.png), url(../img/lineup/pickles/bg_lineup_05.png), url(../img/lineup/pickles/bg_lineup_06.png), url(../img/lineup/pickles/bg_wood.jpg);
  background-position: 100% 3%, 0 10%, 100% 30%, 0 50%, 95% 55%, 100% 92%, 50% 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat-y;
  background-size: 200px auto, 300px auto, 320px auto, 350px auto, 186px auto, 750px auto, 100% auto;
  z-index: 1;
}
.p-lineup:before {
  position: absolute;
  background-image: url(../img/common/bg_wave_gray_trans.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  top: 0;
  right: 0;
  bottom: -1px;
  left: 0;
  content: "";
  z-index: -1;
}
.p-lineup .copy img {
  margin: 0 auto;
  width: 800px;
}
.p-lineup .text {
  margin: 50px auto 0;
  text-align: center;
}
.p-lineup .l-inner {
  padding: 100px 0;
}
.p-lineup .list_p-lineup {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.p-lineup .list_p-lineup > div {
  width: 48%;
  margin: 100px 0 0;
}
.p-lineup .list_p-lineup .title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url(../img/lineup/pickles/bg_lineup_title.png);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 520px auto;
  height: 440px;
  padding: 20px 80px 100px;
}
.p-lineup .list_p-lineup .title dt {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0.1em;
}
.p-lineup .list_p-lineup .title dt img {
  display: block;
  height: 50px;
  margin: -40px auto 20px;
}
.p-lineup .list_p-lineup .title dd {
  margin: 10px 50px 0;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.5;
}
.p-lineup .list_p-lineup .sugarless {
  position: relative;
}
.p-lineup .list_p-lineup .sugarless:before {
  position: absolute;
  background-image: url(../img/lineup/pickles/icon_sugarless.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 130px 130px;
  width: 130px;
  height: 130px;
  right: 80px;
  bottom: 30px;
  content: "";
  transform: rotate(15deg);
  border-radius: 50%;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.p-lineup .list_p-lineup .photo {
  display: block;
  height: 500px;
  margin: 10px auto 0;
}
.p-lineup .banner {
  display: block;
  margin: 100px auto 0;
}
.p-lineup .banner img {
  display: block;
  width: 800px;
  margin: 0 auto;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .p-lineup {
    background-position: 100% 4%, 0 10%, 100% 30%, 0 50%, 100% 55%, 120% 92%, 50% 0;
    background-size: 180px auto, 250px auto, 250px auto, 300px auto, 186px auto, 750px auto, 100% auto;
  }
  .p-lineup .list_p-lineup {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .p-lineup .list_p-lineup > div {
    width: 48%;
    margin: 100px 0 0;
  }
  .p-lineup .list_p-lineup .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(../img/lineup/pickles/bg_lineup_title.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 410px auto;
    height: 380px;
    padding: 20px 50px 100px;
  }
  .p-lineup .list_p-lineup .title dt {
    font-size: 3.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 0.1em;
  }
  .p-lineup .list_p-lineup .title dt img {
    display: block;
    height: 50px;
    margin: -40px auto 20px;
  }
  .p-lineup .list_p-lineup .title dd {
    margin: 10px 10px 0;
    font-size: 1.8rem;
    text-align: center;
    line-height: 1.5;
  }
  .p-lineup .list_p-lineup .sugarless {
    position: relative;
  }
  .p-lineup .list_p-lineup .sugarless:before {
    position: absolute;
    background-image: url(../img/lineup/pickles/icon_sugarless.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100px 100px;
    width: 100px;
    height: 100px;
    right: 20px;
    bottom: 40px;
    content: "";
    transform: rotate(15deg);
    border-radius: 50%;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  }
  .p-lineup .list_p-lineup .photo {
    display: block;
    height: 500px;
    margin: 10px auto 0;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .p-lineup {
    background-position: 100% 3%, 0 10%, 100% 30%, 0 50%, 95% 55%, 100% 95%, 50% 0;
    background-size: 150px auto, 250px auto, 270px auto, 300px auto, 180px auto, 450px auto, 100% auto;
  }
  .p-lineup .l-inner {
    padding: 50px 0;
  }
  .p-lineup .list_p-lineup {
    flex-direction: column;
  }
  .p-lineup .list_p-lineup > div {
    width: 100%;
    margin: 50px 0 0;
  }
  .p-lineup .list_p-lineup .title {
    width: 520px;
    margin: 0 auto;
    padding: 20px 30px 100px;
  }
  .p-lineup .list_p-lineup .photo {
    height: 500px;
  }
  .p-lineup .banner {
    margin: 30px auto 0;
  }
  .p-lineup .banner img {
    width: 100%;
  }
}
@media only screen and (max-width: 639px) {
  .p-lineup {
    background-position: 100% 5%, 0 18%, 100% 30%, 0 50%, 95% 74%, 100% 97%, 50% 0;
    background-size: 150px auto, 180px auto, 180px auto, 200px auto, 150px auto, 300px auto, 100% auto;
  }
  .p-lineup .l-inner {
    padding: 30px 0;
  }
  .p-lineup .list_p-lineup > div {
    width: 100%;
    margin: 50px 0 0;
  }
  .p-lineup .list_p-lineup .title {
    background-image: none;
    background-color: #fff;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 15px;
    border-radius: 30px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  }
  .p-lineup .list_p-lineup .title dt {
    font-size: 2rem;
  }
  .p-lineup .list_p-lineup .title dt img {
    display: block;
    height: 40px;
    margin: -20px auto 10px;
  }
  .p-lineup .list_p-lineup .title dd {
    margin: 5px 0 0;
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .p-lineup .list_p-lineup .sugarless:before {
    background-size: 70px 70px;
    width: 70px;
    height: 70px;
    right: 60px;
    bottom: auto;
    top: -45px;
    margin-right: -55px;
  }
  .p-lineup .list_p-lineup .photo {
    height: 400px;
    margin: 15px auto 20px;
  }
  .p-lineup .banner {
    margin: 30px auto 0;
  }
  .p-lineup .banner img {
    width: 100%;
  }
}

.granola-main > .l-inner {
  padding: 0;
}
.granola-main .logo {
  display: block;
  width: auto;
  max-width: 480px;
  margin: 0 auto 30px;
}
@media only screen and (max-width: 639px) {
  .granola-main .logo {
    max-width: 80%;
    margin: 0 auto 30px;
  }
}

.granola-about {
  margin-top: 140px;
}
.granola-about > .l-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  padding: 0;
}
.granola-about .photo {
  width: 636px;
  margin-right: 35px;
}
.granola-about .text {
  background-image: url(../img/lineup/pocotogra/img_about_02.jpg);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 300px auto;
  width: 500px;
  padding-bottom: 150px;
}
.granola-about .text dt {
  margin: 10px auto 0;
  font-size: 5rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.granola-about .text dd {
  margin: 20px 0 0 5px;
  line-height: 1.8;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .granola-about {
    margin-top: 100px;
  }
  .granola-about > .l-inner {
    justify-content: space-between;
  }
  .granola-about .photo {
    width: 48%;
    margin-right: 0;
  }
  .granola-about .text {
    background-size: 200px auto;
    width: 48%;
    padding-bottom: 85px;
  }
  .granola-about .text dt {
    margin: 10px auto 0;
    font-size: 3.8rem;
  }
  .granola-about .text dd {
    margin: 15px 0 0 3px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .granola-about {
    margin-top: 80px;
  }
  .granola-about > .l-inner {
    flex-direction: column;
  }
  .granola-about .photo {
    width: 100%;
    margin: 30px 0 0;
  }
  .granola-about .text {
    background-position: 80% 100%;
    background-size: 230px auto;
    width: 100%;
    padding: 0 230px 0 0;
  }
  .granola-about .text dt {
    margin: 0;
    font-size: 3rem;
  }
  .granola-about .text dd {
    margin: 10px 0 0 3px;
  }
}
@media only screen and (max-width: 639px) {
  .granola-about {
    margin-top: 20px;
  }
  .granola-about > .l-inner {
    flex-direction: column;
  }
  .granola-about .photo {
    width: 100%;
    margin: 30px 0 0;
  }
  .granola-about .text {
    background-position: 90% 100%;
    background-size: auto 130px;
    width: 100%;
    padding: 0 0 120px 0;
  }
  .granola-about .text dt {
    margin: 0;
    font-size: 1.6rem;
  }
  .granola-about .text dd {
    margin: 8px 0 0 3px;
  }
}

.granola-healhty {
  margin-top: 90px;
}
.granola-healhty > .l-inner {
  padding: 0;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .granola-healhty {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .granola-healhty {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 639px) {
  .granola-healhty {
    margin-top: 20px;
  }
  .granola-healhty > .l-inner {
    width: 100%;
  }
}

.granola-feature {
  background-image: url(../img/lineup/pocotogra/bg_feature.jpg);
  background-position: 0 0;
  background-repeat: repeat-y;
  background-size: 100% auto;
  margin-top: 90px;
}
.granola-feature > .l-inner {
  padding: 0;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .granola-feature {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .granola-feature {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 639px) {
  .granola-feature {
    background: none;
    margin-top: 20px;
  }
  .granola-feature > .l-inner {
    width: 100%;
  }
  .granola-feature > .l-inner p {
    padding: 0 4%;
  }
}

.granola-story {
  margin-top: 100px;
}
.granola-story > .l-inner {
  width: 1200px;
  padding: 0;
}
.granola-story .list_story {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.granola-story .list_story__text {
  width: 800px;
}
.granola-story .list_story__text p {
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-top: 20px;
  font-size: 2rem;
}
.granola-story .list_story__text p:first-of-type {
  margin-top: 0;
}
.granola-story .list_story__text p span {
  font-size: 2.6rem;
  font-weight: bold;
}
.granola-story .list_story__photo {
  width: 350px;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .granola-story {
    margin-top: 100px;
  }
  .granola-story > .l-inner {
    width: auto;
    padding: 0 4%;
  }
  .granola-story .list_story {
    margin-top: 20px;
  }
  .granola-story .list_story__text {
    width: 65%;
  }
  .granola-story .list_story__text p {
    margin-top: 20px;
    font-size: 1.8rem;
  }
  .granola-story .list_story__text p span {
    font-size: 2.2rem;
  }
  .granola-story .list_story__photo {
    width: 30%;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .granola-story {
    margin-top: 80px;
  }
  .granola-story > .l-inner {
    width: auto;
    padding: 0 4%;
  }
  .granola-story .list_story {
    margin-top: 10px;
  }
  .granola-story .list_story__text {
    width: 65%;
  }
  .granola-story .list_story__text p {
    margin-top: 10px;
    font-size: 1.6rem;
  }
  .granola-story .list_story__text p span {
    font-size: 1.8rem;
  }
  .granola-story .list_story__photo {
    width: 30%;
  }
}
@media only screen and (max-width: 639px) {
  .granola-story {
    margin-top: 60px;
  }
  .granola-story > .l-inner {
    width: auto;
    padding: 0 4%;
  }
  .granola-story .list_story {
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .granola-story .list_story:nth-of-type(2) {
    flex-direction: column-reverse;
  }
  .granola-story .list_story__text {
    width: 100%;
  }
  .granola-story .list_story__text p {
    margin-top: 10px;
    font-size: 1.4rem;
  }
  .granola-story .list_story__text p:first-of-type {
    margin-top: 10px;
  }
  .granola-story .list_story__text p span {
    font-size: 1.6rem;
  }
  .granola-story .list_story__photo {
    width: 80%;
    margin: 20px auto 0;
  }
}

.granola-scene {
  margin-top: 70px;
}
.granola-scene > .title {
  font-size: 4rem;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: center;
}
.granola-scene .list_scene {
  display: flex;
  justify-content: space-between;
}
.granola-scene .list_scene > div:nth-of-type(2) {
  margin-top: 70px;
}
.granola-scene .list_scene__photo {
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
}
.granola-scene .list_scene__text {
  margin-top: 30px;
  font-size: 3.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .granola-scene {
    margin-top: 50px;
  }
  .granola-scene > .title {
    font-size: 3rem;
  }
  .granola-scene .list_scene > div {
    width: 33%;
  }
  .granola-scene .list_scene > div:nth-of-type(2) {
    margin-top: 50px;
  }
  .granola-scene .list_scene__photo {
    max-width: none;
  }
  .granola-scene .list_scene__text {
    margin-top: 30px;
    font-size: 2.8rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .granola-scene {
    margin-top: 30px;
  }
  .granola-scene > .title {
    font-size: 2.2rem;
  }
  .granola-scene .list_scene > div {
    width: 33%;
  }
  .granola-scene .list_scene > div:nth-of-type(2) {
    margin-top: 40px;
  }
  .granola-scene .list_scene__photo {
    max-width: none;
  }
  .granola-scene .list_scene__text {
    margin-top: 20px;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 639px) {
  .granola-scene {
    margin-top: 50px;
  }
  .granola-scene > .title {
    font-size: 2rem;
  }
  .granola-scene .list_scene {
    flex-wrap: wrap;
  }
  .granola-scene .list_scene > div {
    width: 70%;
    margin: 20px auto 0;
  }
  .granola-scene .list_scene__photo {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .granola-scene .list_scene__text {
    margin-top: 10px;
    font-size: 1.8rem;
  }
}

.granola-lineup {
  margin-top: 100px;
}
.granola-lineup .title .logo {
  display: block;
  width: auto;
  max-width: 500px;
  margin: 0 auto;
}
.granola-lineup .title .text {
  display: block;
  margin: 10px auto 0;
  font-size: 4rem;
  text-align: center;
  letter-spacing: 0.3em;
}
.granola-lineup .list_lineup {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.granola-lineup .list_lineup > div {
  width: 31%;
  margin: 50px 0 0;
}
.granola-lineup .list_lineup .photo {
  display: block;
}
.granola-lineup .list_lineup .text {
  margin: 20px 0 0;
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
.granola-lineup > .note {
  margin-top: 40px;
  padding: 40px;
  border: 10px solid #EDEDED;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .granola-lineup {
    margin-top: 80px;
  }
  .granola-lineup .title .logo {
    max-width: 400px;
  }
  .granola-lineup .title .text {
    margin: 10px auto 0;
    font-size: 3rem;
  }
  .granola-lineup .list_lineup > div {
    margin: 30px 0 0;
  }
  .granola-lineup .list_lineup .text {
    margin: 15px 0 0;
    font-size: 1.6rem;
    line-height: 1.6;
  }
  .granola-lineup > .note {
    margin-top: 30px;
    padding: 30px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .granola-lineup {
    margin-top: 60px;
  }
  .granola-lineup .title .logo {
    max-width: 300px;
  }
  .granola-lineup .title .text {
    margin: 0 auto;
    font-size: 2.2rem;
  }
  .granola-lineup .list_lineup > div {
    width: 48%;
    margin: 30px 0 0;
  }
  .granola-lineup .list_lineup .text {
    margin: 10px 0 0;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .granola-lineup .note {
    margin-top: 30px;
    padding: 30px;
  }
}
@media only screen and (max-width: 639px) {
  .granola-lineup {
    margin-top: 30px;
  }
  .granola-lineup .title .logo {
    max-width: 60%;
    margin: 0 auto;
  }
  .granola-lineup .title .text {
    font-size: 2rem;
    margin: 0;
  }
  .granola-lineup .list_lineup > div {
    width: 80%;
    margin: 20px auto 0;
  }
  .granola-lineup .list_lineup .text {
    margin: 10px 0 0;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .granola-lineup .note {
    margin: 20px 5% 0;
    padding: 10px 15px;
    border: 8px solid #EDEDED;
  }
}

.granola-recipe {
  position: relative;
  background-image: url(../img/lineup/pocotogra/bg_grain.jpg);
  background-repeat: repeat-y;
  background-position: 0 0;
  background-size: 100% auto;
  margin-top: 100px;
  padding-bottom: 100px;
  z-index: 1;
}
.granola-recipe:before {
  position: absolute;
  background-image: url(../img/common/bg_wave_gray_trans.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  top: 0;
  right: 0;
  bottom: -1px;
  left: 0;
  content: "";
  z-index: -1;
}
.granola-recipe:after {
  position: absolute;
  background-color: #fff;
  background-position: 0 0;
  height: 120px;
  top: 0;
  right: 0;
  left: 0;
  content: "";
  z-index: -1;
}
.granola-recipe > .l-inner {
  padding: 0;
}
.granola-recipe > .l-inner > h2 {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}
.granola-recipe .title {
  display: block;
  width: auto;
  max-width: 480px;
  margin: 0 auto 40px;
}
.granola-recipe .list_recipe {
  background: #fff;
  width: auto;
  margin: 70px 100px 0;
  padding: 60px 100px;
  box-shadow: 0 0 6px 1px rgba(103, 51, 6, 0.6);
}
.granola-recipe .list_recipe.grachi {
  background-image: url(../img/lineup/pocotogra/list_recipe_grachi.jpg);
  background-repeat: no-repeat;
  background-position: 90% 75px;
  background-size: 190px auto;
}
.granola-recipe .list_recipe.parfait {
  background-image: url(../img/lineup/pocotogra/list_recipe_parfait.jpg);
  background-repeat: no-repeat;
  background-position: 90% 105px;
  background-size: 246px auto;
}
.granola-recipe .list_recipe__title {
  background-image: url(../img/lineup/pocotogra/title_list_recipe.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: auto 46px;
  font-size: 3.8rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding-top: 46px;
}
.granola-recipe .list_recipe__text {
  position: relative;
  padding-bottom: 50px;
}
.granola-recipe .list_recipe__text:before {
  position: absolute;
  background-image: url(../img/lineup/pocotogra/line_dot.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  height: 15px;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}
.granola-recipe .list_recipe__flow {
  margin-top: 30px;
}
.granola-recipe .list_recipe__flow dt {
  margin-top: 20px;
  font-size: 1.8rem;
  font-weight: bold;
}
.granola-recipe .list_recipe__flow dd {
  font-size: 1.8rem;
}
.granola-recipe .list_recipe__photo {
  display: block;
  margin-top: 40px;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .granola-recipe {
    margin-top: 80px;
    padding-bottom: 80px;
  }
  .granola-recipe:after {
    height: 120px;
  }
  .granola-recipe > .l-inner > h2 {
    font-size: 2.4rem;
  }
  .granola-recipe .title {
    max-width: 380px;
    margin: 0 auto 30px;
  }
  .granola-recipe .list_recipe {
    margin: 40px 0 0;
    padding: 50px 60px 60px;
  }
  .granola-recipe .list_recipe.grachi {
    background-position: 90% 60px;
    background-size: 170px auto;
  }
  .granola-recipe .list_recipe.parfait {
    background-position: 90% 80px;
    background-size: 200px auto;
  }
  .granola-recipe .list_recipe__title {
    background-position: 0 0;
    background-size: auto 36px;
    font-size: 3rem;
    padding-top: 36px;
  }
  .granola-recipe .list_recipe__text {
    padding-bottom: 40px;
  }
  .granola-recipe .list_recipe__flow {
    margin-top: 20px;
  }
  .granola-recipe .list_recipe__flow dt {
    margin-top: 10px;
  }
  .granola-recipe .list_recipe__photo {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .granola-recipe {
    margin-top: 60px;
    padding-bottom: 40px;
  }
  .granola-recipe:after {
    height: 70px;
  }
  .granola-recipe > .l-inner > h2 {
    font-size: 2rem;
  }
  .granola-recipe .title {
    max-width: 260px;
    margin: 0 auto 20px;
  }
  .granola-recipe .list_recipe {
    margin: 40px 0 0;
    padding: 30px 40px 40px;
  }
  .granola-recipe .list_recipe.grachi {
    background-position: 90% 40px;
    background-size: 100px auto;
  }
  .granola-recipe .list_recipe.parfait {
    background-position: 90% 40px;
    background-size: 140px auto;
  }
  .granola-recipe .list_recipe__title {
    background-position: 0 0;
    background-size: auto 26px;
    font-size: 2.2rem;
    padding-top: 26px;
  }
  .granola-recipe .list_recipe__text {
    padding-bottom: 30px;
  }
  .granola-recipe .list_recipe__flow {
    margin-top: 20px;
  }
  .granola-recipe .list_recipe__flow dt {
    margin-top: 10px;
    font-size: 1.6rem;
  }
  .granola-recipe .list_recipe__flow dd {
    font-size: 1.4rem;
  }
  .granola-recipe .list_recipe__photo {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 639px) {
  .granola-recipe {
    margin-top: 40px;
    padding-bottom: 30px;
  }
  .granola-recipe:after {
    height: 50px;
  }
  .granola-recipe > .l-inner > h2 {
    font-size: 1.6rem;
  }
  .granola-recipe .title {
    max-width: 200px;
    margin: 0 auto 20px;
  }
  .granola-recipe .list_recipe {
    margin: 20px 0 0;
    padding: 40px 20px 20px;
  }
  .granola-recipe .list_recipe.grachi {
    background-position: 95% 20px;
    background-size: 70px auto;
  }
  .granola-recipe .list_recipe.parfait {
    background-position: 95% 20px;
    background-size: 90px auto;
  }
  .granola-recipe .list_recipe__title {
    background-position: 0 0;
    background-size: auto 16px;
    font-size: 1.6rem;
    padding-top: 16px;
  }
  .granola-recipe .list_recipe__text {
    padding-bottom: 30px;
  }
  .granola-recipe .list_recipe__flow {
    margin-top: 10px;
  }
  .granola-recipe .list_recipe__flow dt {
    margin-top: 5px;
    font-size: 1.4rem;
  }
  .granola-recipe .list_recipe__flow dd {
    font-size: 1.3rem;
  }
  .granola-recipe .list_recipe__photo {
    margin-top: 20px;
  }
}

.bakedsweets {
  padding: 0;
}

.bakedsweets-about {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin: 100px 0px 50px;
  padding: 0;
}
.bakedsweets-about .photo {
  width: 51%;
  min-width: 250px;
}
.bakedsweets-about .bakedsweets-text {
  width: 45%;
}
.bakedsweets-about .bakedsweets-text > .title {
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 5.4rem;
}
.bakedsweets-about .bakedsweets-text > .heading {
  margin-top: 50px;
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 2.8rem;
}
.bakedsweets-about .bakedsweets-text > .detail {
  margin-top: 15px;
  font-size: 1.8rem;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .bakedsweets-about {
    align-items: flex-start;
  }
  .bakedsweets-about .photo {
    width: 55%;
  }
  .bakedsweets-about .bakedsweets-text {
    width: 43%;
  }
  .bakedsweets-about .bakedsweets-text > .title {
    font-size: 5rem;
  }
  .bakedsweets-about .bakedsweets-text > .heading {
    margin-top: 40px;
    font-size: 2.8rem;
  }
  .bakedsweets-about .bakedsweets-text > .detail {
    margin-top: 15px;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .bakedsweets-about {
    display: block;
    margin: 80px 0px 30px;
    padding: 0;
  }
  .bakedsweets-about .photo {
    width: 80%;
    margin: 0 auto;
  }
  .bakedsweets-about .bakedsweets-text {
    width: 100%;
  }
  .bakedsweets-about .bakedsweets-text > .title {
    font-size: 4rem;
  }
  .bakedsweets-about .bakedsweets-text > .heading {
    margin-top: 30px;
    font-size: 2.4rem;
  }
  .bakedsweets-about .bakedsweets-text > .detail {
    margin-top: 10px;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 639px) {
  .bakedsweets-about {
    display: block;
    margin: 30px 0px 10px;
    padding: 0;
  }
  .bakedsweets-about .photo {
    width: 80%;
    margin: 0 auto;
  }
  .bakedsweets-about .bakedsweets-text {
    width: 100%;
  }
  .bakedsweets-about .bakedsweets-text > .title {
    font-size: 3rem;
  }
  .bakedsweets-about .bakedsweets-text > .heading {
    margin-top: 20px;
    font-size: 2rem;
  }
  .bakedsweets-about .bakedsweets-text > .detail {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}

.bakedsweets-main {
  display: flex;
  justify-content: space-between;
  padding: 0;
  width: 100%;
}
.bakedsweets-main .b-phot {
  width: 90%;
}
@media only screen and (max-width: 639px) {
  .bakedsweets-main {
    display: block;
  }
  .bakedsweets-main .b-phot {
    width: 100%;
    margin: 30px auto 0;
  }
}

#lemon {
  border-top: 1px dotted #000;
  padding-top: 100px;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  #lemon {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  #lemon {
    padding-top: 60px;
  }
  #lemon > .photo {
    padding-bottom: 30px;
  }
  #lemon {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 639px) {
  #lemon {
    padding-top: 40px;
  }
  #lemon > .photo {
    padding-bottom: 20px;
  }
}

.lemon-png {
  width: 35%;
  margin: -20% 0 0 5%;
}

.title-logo {
  margin-bottom: 30px;
}

.spoon {
  padding: 0;
}

.spoon-main {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0;
  width: 100%;
}
.spoon-main .p-phot {
  width: 80%;
}
@media only screen and (max-width: 639px) {
  .spoon-main {
    display: block;
  }
  .spoon-main .p-phot {
    width: 50%;
    margin: 30px auto 0;
  }
}

.spoon-about {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 130px 0px 50px;
  padding: 0;
}
.spoon-about .photo {
  width: 85px;
  max-width: 85px;
}
.spoon-about .spoon-text {
  width: 1090px;
}
.spoon-about .spoon-text > .title {
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 5.4rem;
}
.spoon-about .spoon-text > .detail {
  margin-top: 15px;
  font-size: 1.6rem;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .spoon-about {
    justify-content: center;
    align-items: flex-start;
  }
  .spoon-about .photo {
    width: 15%;
    margin-right: 50px;
  }
  .spoon-about .spoon-text {
    width: 75%;
  }
  .spoon-about .spoon-text > .title {
    font-size: 4.4rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .spoon-about {
    align-items: flex-start;
    margin: 80px 0px 30px;
  }
  .spoon-about .photo {
    width: 15%;
  }
  .spoon-about .spoon-text {
    width: 80%;
  }
  .spoon-about .spoon-text > .title {
    font-size: 3rem;
  }
  .spoon-about .spoon-text > .detail {
    margin-top: 15px;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 639px) {
  .spoon-about {
    align-items: flex-start;
    margin: 50px 0px 20px;
  }
  .spoon-about .photo {
    width: 15%;
  }
  .spoon-about .spoon-text {
    width: 80%;
  }
  .spoon-about .spoon-text > .title {
    font-size: 2.2rem;
  }
  .spoon-about .spoon-text > .detail {
    margin-top: 15px;
    font-size: 1.4rem;
  }
}

.gift-top {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
}
.gift-top > .l-inner {
  padding: 0;
}
.gift-top .gift-top-title {
  width: 48%;
}
.gift-top .gift-top-title > h2 {
  font-size: 3.6rem;
  font-weight: lighter;
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 1.5;
  color: rgb(0, 0, 0);
  margin-bottom: 30px;
}
.gift-top .gift-top-title > p {
  font-size: 1.8rem;
  color: rgb(0, 0, 0);
  margin-bottom: 30px;
}
.gift-top .gift-top-img {
  width: 48%;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .gift-top {
    padding: 0px 80px;
  }
  .gift-top .gift-top-title {
    margin-right: 30px;
  }
  .gift-top .gift-top-title > h2 {
    font-size: 2.4rem;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .gift-top .gift-top-title > p {
    font-size: 1.6rem;
    margin-bottom: 25px;
  }
  .gift-top .gift-top-img {
    max-width: 500px;
  }
  .gift-top .gift-top-img:nth-child(2) {
    max-width: 500px;
    margin: 0px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .gift-top .gift-top-title {
    margin-right: 25px;
  }
  .gift-top .gift-top-title > h2 {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
  .gift-top .gift-top-title > p {
    font-size: 1.4rem;
    line-height: 1.2;
    margin-bottom: 20px;
  }
  .gift-top .gift-top-img {
    max-width: 400px;
  }
  .gift-top .gift-top-img:nth-child(2) {
    max-width: 320px;
    margin: 0px;
  }
}
@media only screen and (max-width: 639px) {
  .gift-top {
    flex-direction: column-reverse;
  }
  .gift-top .gift-top-title {
    width: 100%;
  }
  .gift-top .gift-top-title > h2 {
    font-size: 2rem;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .gift-top .gift-top-title > p {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
  .gift-top .gift-top-img {
    width: 100%;
    margin: 20px;
  }
  .gift-top .gift-top-img:nth-child(2) {
    max-width: 100%;
    margin: 0px;
  }
}

.gift-about {
  background-color: #FFD6BF;
  background-image: url(../img/common/bg_wave_pink_top.jpg), url(../img/common/bg_wave_pink_bottom.jpg);
  background-position: 50% 0, 50% 100%;
  background-repeat: no-repeat;
  background-size: 100% auto, 100% auto;
  margin-top: -150px;
  padding: 150px 0 175px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  display: flex;
  flex-direction: column;
}
.gift-about > .l-inner {
  padding: 0;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .gift-about {
    padding: 150px 0 100px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .gift-about {
    margin-top: 50px;
    padding: 50px 0 100px;
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 639px) {
  .gift-about {
    margin-top: 0px;
    padding: 0px 0 30px;
    display: flex;
    flex-direction: column;
  }
}

.gift-pickup {
  width: 100%;
  margin: 20px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gift-pickup > .gift-img {
  width: 48%;
}
.gift-pickup > .text {
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 3rem;
  width: 47%;
}
.gift-pickup > .text .photo {
  width: 550px;
}
.gift-pickup > .text > .photo > .detail {
  width: 100%;
}
.gift-pickup:nth-child(2) > .gift-img {
  width: 35%;
}
.gift-pickup:nth-child(2) > .text {
  margin-left: 130px;
}
.gift-pickup:nth-child(2) > .text .photo {
  width: 550px;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .gift-pickup {
    margin: 20px auto;
  }
  .gift-pickup > .text {
    font-size: 2.4rem;
  }
  .gift-pickup > .text .photo {
    width: 410px;
  }
  .gift-pickup > .text > .photo > .detail {
    width: 100%;
  }
  .gift-pickup:nth-child(2) > .gift-img {
    margin: 0 auto;
  }
  .gift-pickup:nth-child(2) > .text {
    margin-left: 0;
  }
  .gift-pickup:nth-child(2) > .text .photo {
    width: 410px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .gift-pickup {
    flex-direction: column;
    margin: 20px auto;
  }
  .gift-pickup > .gift-img {
    width: 80%;
    margin: 30px auto 0;
  }
  .gift-pickup > .text {
    font-size: 1.8rem;
    width: 100%;
  }
  .gift-pickup > .text .photo {
    max-width: 80%;
    width: 80%;
  }
  .gift-pickup > .text > .photo > .detail {
    width: 100%;
  }
  .gift-pickup:nth-child(2) {
    flex-direction: column-reverse;
  }
  .gift-pickup:nth-child(2) > .gift-img {
    width: 80%;
    margin: 30px auto 0;
  }
  .gift-pickup:nth-child(2) > .text {
    margin-left: 0;
  }
  .gift-pickup:nth-child(2) > .text .photo {
    width: 80%;
  }
}
@media only screen and (max-width: 639px) {
  .gift-pickup {
    flex-direction: column;
    margin: 20px auto;
  }
  .gift-pickup > .gift-img {
    width: 80%;
    margin: 20px auto 0;
  }
  .gift-pickup > .text {
    font-size: 1.6rem;
    width: 100%;
  }
  .gift-pickup > .text .photo {
    max-width: 80%;
    width: 80%;
  }
  .gift-pickup > .text > .photo > .detail {
    width: 100%;
  }
  .gift-pickup:nth-child(2) {
    flex-direction: column-reverse;
  }
  .gift-pickup:nth-child(2) > .gift-img {
    width: 80%;
    margin: 20px auto 0;
  }
  .gift-pickup:nth-child(2) > .text {
    margin-left: 0;
  }
  .gift-pickup:nth-child(2) > .text .photo {
    width: 80%;
  }
}

.gift-lineup > .title {
  text-align: center;
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 4rem;
  font-weight: lighter;
}
.gift-lineup > .title > .text {
  font-family: YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
  text-align: center;
  font-size: 1.8rem;
  font-weight: lighter;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .gift-lineup > .title {
    font-size: 3rem;
  }
  .gift-lineup > .title > .text {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 639px) {
  .gift-lineup {
    margin: 0 auto;
  }
  .gift-lineup > .title {
    font-size: 2.2rem;
  }
  .gift-lineup > .title > .text {
    font-size: 1.4rem;
  }
}

.gift-list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
}

.gift-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 45%;
  margin: 80px 15px;
}
.gift-box > h2 {
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 2.8rem;
  font-weight: normal;
  padding: 15px 0px 5px;
}
.gift-box > .text {
  font-family: YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.8rem;
  text-align: left;
  padding: 20px 0px 0px;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .gift-box {
    width: 45%;
    margin: 60px 15px;
  }
  .gift-box > h2 {
    font-size: 2.2rem;
    padding: 10px 0px 5px;
  }
  .gift-box > .text {
    font-size: 1.4rem;
    padding: 15px 0px 0px;
  }
}
@media only screen and (max-width: 639px) {
  .gift-box {
    flex-direction: column;
    width: 100%;
    margin: 30px 10px;
  }
  .gift-box > h2 {
    font-size: 1.6rem;
    padding: 10px 0 0;
  }
  .gift-box > .text {
    font-size: 1.4rem;
    padding: 5px 0 0;
  }
}

.gift-photo {
  width: 100%;
}

.greeting__list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
}
.greeting__text {
  width: 60%;
}
.greeting__photo {
  width: 30%;
}
.greeting__photo .name {
  margin-top: 20px;
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 3rem;
  line-height: 1.5;
}
.greeting__photo .name span {
  display: block;
  font-size: 1.8rem;
}
.greeting__photo .affiliation {
  margin-top: 10px;
  line-height: 1.5;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .greeting__list {
    margin-top: 20px;
  }
  .greeting__text {
    width: 60%;
  }
  .greeting__photo {
    width: 35%;
  }
  .greeting__photo .name {
    margin-top: 20px;
    font-size: 2.6rem;
  }
  .greeting__photo .name span {
    font-size: 1.6rem;
  }
  .greeting__photo .affiliation {
    margin-top: 8px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .greeting__list {
    margin-top: 10px;
  }
  .greeting__text {
    width: 60%;
  }
  .greeting__photo {
    width: 35%;
  }
  .greeting__photo .name {
    margin-top: 15px;
    font-size: 2rem;
  }
  .greeting__photo .name span {
    font-size: 1.4rem;
  }
  .greeting__photo .affiliation {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 639px) {
  .greeting__list {
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .greeting__text {
    width: 100%;
  }
  .greeting__photo {
    width: 100%;
    margin: 20px 0 0;
  }
  .greeting__photo img {
    width: 80%;
    margin: 0 auto;
  }
  .greeting__photo .name {
    margin-top: 15px;
    font-size: 1.8rem;
    text-align: center;
  }
  .greeting__photo .name span {
    font-size: 1.4rem;
  }
  .greeting__photo .affiliation {
    margin-top: 5px;
    text-align: center;
  }
}

.overview {
  position: relative;
  background-color: #F8F6D1;
  padding: 120px 0;
}
.overview:before {
  position: absolute;
  background-image: url(../img/common/bg_wave.png);
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 1920px auto;
  width: 100%;
  height: 100px;
  top: -1px;
  content: "";
}
.overview:after {
  position: absolute;
  background-image: url(../img/common/bg_wave.png);
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 1920px auto;
  width: 100%;
  height: 100px;
  bottom: -1px;
  transform: rotate(180deg);
  content: "";
}
.overview > .l-inner {
  background: #fff;
  margin: 120px auto;
  padding: 100px;
  border-radius: 20px;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
}
.overview__photo {
  width: 700px;
  margin: 40px auto;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .overview {
    padding: 80px 0;
  }
  .overview:before, .overview:after {
    background-size: 1280px auto;
    height: 67px;
  }
  .overview > .l-inner {
    margin: 80px auto;
    padding: 80px;
  }
  .overview__photo {
    width: 80%;
    margin: 40px auto;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .overview {
    padding: 60px 0;
  }
  .overview:before, .overview:after {
    background-size: 960px auto;
    height: 50px;
  }
  .overview > .l-inner {
    margin: 60px auto;
    padding: 40px;
  }
  .overview__photo {
    width: 100%;
    margin: 20px auto 30px;
  }
}
@media only screen and (max-width: 639px) {
  .overview {
    padding: 30px 0;
  }
  .overview:before, .overview:after {
    background-size: 640px auto;
    height: 50px;
  }
  .overview > .l-inner {
    margin: 50px auto;
    padding: 20px 30px 30px;
    border-radius: 10px;
  }
  .overview__photo {
    width: 100%;
    margin: 10px auto 20px;
  }
}

.banner {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}
.banner__content {
  display: flex;
  flex-direction: column;
  padding: 30px 40px;
  border: 3px solid #AAD5F2;
  border-radius: 10px;
}
.banner__content:nth-child(1) {
  width: 45%;
}
.banner__content:nth-child(2) {
  width: 53%;
}
.banner__content > .title {
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0;
  white-space: nowrap;
}
.banner__content > .image {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.banner__content > .image > .text {
  font-weight: bold;
  line-height: 1.5;
}
.banner__content > .image > img {
  width: 200px;
}
.banner__content > .link {
  background: #FFD6BF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 220px;
  margin-top: auto;
  padding: 13px 35px 11px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: none;
  line-height: 1;
  border: 2px solid #FFD6BF;
  border-radius: 50px;
}
.banner__content > .link:hover {
  background: #fff;
  color: #ea8971;
}
.banner__content > .link i {
  font-size: 1rem;
  margin-right: 15px;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .banner {
    margin-top: 40px;
  }
  .banner__content {
    padding: 30px 30px;
  }
  .banner__content:nth-child(1) {
    width: 49%;
  }
  .banner__content:nth-child(2) {
    width: 49%;
  }
  .banner__content:nth-child(2) > img {
    margin: 10px 0 15px;
  }
  .banner__content > .title {
    font-size: 2.2rem;
    line-height: 1.5;
    white-space: normal;
  }
  .banner__content > .image {
    margin-bottom: 10px;
  }
  .banner__content > .image > .text {
    font-size: 1.6rem;
  }
  .banner__content > .image > img {
    width: 45%;
  }
  .banner__content > .link {
    padding: 13px 25px 11px;
    font-size: 1.6rem;
  }
  .banner__content > .link i {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .banner {
    flex-wrap: wrap;
    margin-top: 0;
  }
  .banner__content {
    padding: 30px 30px;
  }
  .banner__content:nth-child(1) {
    width: 100%;
    margin-top: 30px;
  }
  .banner__content:nth-child(2) {
    width: 100%;
    margin-top: 20px;
  }
  .banner__content:nth-child(2) > img {
    margin: 10px 0 20px;
  }
  .banner__content > .title {
    font-size: 2rem;
    line-height: 1.5;
    white-space: normal;
  }
  .banner__content > .image {
    margin: 10px 0;
  }
  .banner__content > .image > .text {
    font-size: 1.4rem;
  }
  .banner__content > .image > img {
    width: 45%;
    margin: 0;
  }
  .banner__content > .link {
    padding: 9px 20px 7px;
    font-size: 1.5rem;
  }
  .banner__content > .link i {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 639px) {
  .banner {
    flex-wrap: wrap;
    margin-top: 0;
  }
  .banner__content {
    padding: 20px;
  }
  .banner__content:nth-child(1) {
    width: 100%;
    margin-top: 30px;
  }
  .banner__content:nth-child(2) {
    width: 100%;
    margin-top: 20px;
  }
  .banner__content:nth-child(2) > img {
    margin: 10px 0 20px;
  }
  .banner__content > .title {
    font-size: 1.6rem;
    line-height: 1.5;
    white-space: normal;
  }
  .banner__content > .image {
    flex-wrap: wrap;
    margin: 0 0 10px;
  }
  .banner__content > .image > .text {
    width: 100%;
    font-size: 1.3rem;
  }
  .banner__content > .image > img {
    width: 60%;
    margin: 10px auto 0;
  }
  .banner__content > .link {
    width: auto;
    padding: 5px 10px 3px;
    font-size: 1.3rem;
  }
  .banner__content > .link i {
    font-size: 0.8rem;
    margin-right: 4px;
  }
}

.organization-chart {
  position: relative;
  background-color: #D7EFFC;
  padding: 120px 0;
}
.organization-chart:before {
  position: absolute;
  background-image: url(../img/common/bg_wave.png);
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 1920px auto;
  width: 100%;
  height: 100px;
  top: -1px;
  content: "";
}
.organization-chart:after {
  position: absolute;
  background-image: url(../img/common/bg_wave.png);
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 1920px auto;
  width: 100%;
  height: 100px;
  bottom: -1px;
  transform: rotate(180deg);
  content: "";
}
.organization-chart > .l-inner {
  background: #fff;
  margin: 120px auto;
  padding: 100px;
  border-radius: 20px;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
}
.organization-chart__photo {
  width: 100%;
  margin-top: 40px;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .organization-chart {
    padding: 80px 0;
  }
  .organization-chart:before, .organization-chart:after {
    background-size: 1280px auto;
    height: 67px;
  }
  .organization-chart > .l-inner {
    margin: 80px auto;
    padding: 80px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .organization-chart {
    padding: 60px 0;
  }
  .organization-chart:before, .organization-chart:after {
    background-size: 960px auto;
    height: 50px;
  }
  .organization-chart > .l-inner {
    margin: 60px auto;
    padding: 40px;
  }
  .organization-chart__photo {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 639px) {
  .organization-chart {
    padding: 30px 0;
  }
  .organization-chart:before, .organization-chart:after {
    background-size: 640px auto;
    height: 50px;
  }
  .organization-chart > .l-inner {
    margin: 50px auto;
    padding: 20px 30px 30px;
    border-radius: 10px;
  }
  .organization-chart__photo {
    margin-top: 15px;
  }
}

.processing {
  display: flex;
  justify-content: space-between;
}
.processing__text {
  width: 56%;
}
.processing__photo {
  width: 38%;
}
.processing__photo img {
  margin-top: 30px;
}
.processing__photo img:nth-child(1) {
  margin-top: 0;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .processing {
    flex-wrap: wrap;
  }
  .processing__text {
    width: 100%;
  }
  .processing__photo {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
  }
  .processing__photo img {
    width: 33.4%;
    margin-top: 0;
  }
  .processing__photo img:nth-child(1) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 639px) {
  .processing {
    flex-wrap: wrap;
  }
  .processing__text {
    width: 100%;
  }
  .processing__photo {
    width: 100%;
    margin-top: 0;
  }
  .processing__photo img {
    width: 100%;
    margin-top: 20px;
  }
  .processing__photo img:nth-child(1) {
    margin-top: 30px;
  }
}

.works {
  position: relative;
  background: rgb(205, 239, 255);
  background: linear-gradient(180deg, rgb(205, 239, 255) 0%, rgb(205, 231, 218) 35%, rgb(248, 246, 209) 100%);
  margin-top: 100px;
  padding: 0 0 220px;
}
.works:before {
  position: absolute;
  background-image: url(../img/common/bg_wave.png);
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 1920px auto;
  width: 100%;
  height: 100px;
  top: -1px;
  content: "";
}
.works:after {
  position: absolute;
  background-image: url(../img/common/bg_wave.png);
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 1920px auto;
  width: 100%;
  height: 100px;
  bottom: -1px;
  transform: rotate(180deg);
  content: "";
}
.works > .l-inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 150px 4% 0;
  z-index: 1;
}
.works > .l-inner:before {
  position: absolute;
  background-image: url(../img/works/bg_works.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: -1;
}
.works__list {
  width: 33%;
}
.works__list:nth-child(1) {
  width: 25%;
  margin-top: -5%;
}
.works__list:nth-child(2) {
  width: 20%;
}
.works__list:nth-child(3) {
  width: 43%;
}
.works__list:nth-child(4) {
  width: 25%;
  margin-top: -5%;
}
.works__list:nth-child(5) {
  align-self: flex-start;
  width: 30%;
  margin-top: 5%;
  margin-right: 10%;
}
.works__list:nth-child(6) {
  align-self: flex-start;
  width: 20%;
  margin-top: 6%;
}
.works__list:nth-child(7) {
  width: 30%;
}
.works__list:nth-child(8) {
  width: 30%;
}
.works__list:nth-child(9) {
  width: 25%;
  margin-top: -18%;
}
.works__link {
  width: 100%;
  margin-top: 80px;
  font-size: 2.2rem;
  text-align: center;
}
.works__link .sns-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}
.works__link .sns-list > li {
  width: 48%;
}
.works__link .sns-list a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  padding: 8px 5px;
  color: #000;
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 3rem;
  font-weight: bold;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 0 4px #ccc;
}
.works__link .sns-list a:hover {
  opacity: 0.6;
}
.works__link .sns-list a i {
  color: #1877f2;
  font-size: 3.2rem;
  margin-right: 16px;
}
.works__link .sns-list a img {
  display: inline-block;
  width: 30px;
  margin-right: 20px;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .works {
    margin-top: 60px;
    padding: 0 0 110px;
  }
  .works:before, .works:after {
    background-size: 1280px auto;
    height: 67px;
  }
  .works > .l-inner {
    padding: 80px 0 0;
  }
  .works__link {
    margin-top: 50px;
    font-size: 2rem;
  }
  .works__link .sns-list {
    margin-top: 30px;
  }
  .works__link .sns-list a {
    padding: 4px 5px;
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .works {
    margin-top: 40px;
    padding: 0 0 80px;
  }
  .works:before, .works:after {
    background-size: 960px auto;
    height: 50px;
  }
  .works > .l-inner {
    padding: 60px 0 0;
  }
  .works__link {
    margin-top: 50px;
    font-size: 1.6rem;
  }
  .works__link .sns-list {
    flex-direction: column;
    margin: 30px auto 0;
  }
  .works__link .sns-list > li {
    width: 70%;
    margin-top: 5px;
  }
  .works__link .sns-list a {
    padding: 4px 5px;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 639px) {
  .works {
    margin-top: 40px;
    padding: 0;
  }
  .works:before, .works:after {
    background-size: 640px auto;
    height: 50px;
  }
  .works > .l-inner {
    padding: 80px 0;
  }
  .works > .l-inner:before {
    background-position: 50% 0;
    background-repeat: repeat-y;
    background-size: 90% auto;
  }
  .works__list {
    width: 48%;
  }
  .works__list:nth-child(1) {
    width: 50%;
    margin-top: 0;
  }
  .works__list:nth-child(2) {
    width: 30%;
  }
  .works__list:nth-child(3) {
    width: 63%;
    margin-top: 5%;
  }
  .works__list:nth-child(4) {
    width: 30%;
    margin-top: -5%;
  }
  .works__list:nth-child(5) {
    align-self: center;
    width: 35%;
    margin-top: 5%;
    margin-right: 0;
  }
  .works__list:nth-child(6) {
    align-self: center;
    width: 20%;
    margin-top: 0;
    margin-right: 35%;
  }
  .works__list:nth-child(7) {
    width: 30%;
    align-self: flex-end;
  }
  .works__list:nth-child(8) {
    align-self: flex-end;
    width: 25%;
  }
  .works__list:nth-child(9) {
    width: 25%;
    margin-top: -20%;
  }
  .works__link {
    margin-top: 30px;
    font-size: 1.4rem;
    text-align: left;
  }
  .works__link .sns-list {
    flex-direction: column;
    margin: 5px auto 0;
  }
  .works__link .sns-list > li {
    width: 100%;
    margin-top: 5px;
  }
  .works__link .sns-list a {
    padding: 10px 5px;
    font-size: 1.6rem;
  }
}

.environmental h3 {
  width: 100%;
}
.environmental__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.environmental__text {
  width: 700px;
  font-size: 2.5rem;
  font-weight: bold;
}
.environmental__image {
  width: 300px;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .environmental__text {
    width: 70%;
    font-size: 2.5rem;
  }
  .environmental__image {
    width: 25%;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .environmental__text {
    width: 70%;
    font-size: 1.8rem;
  }
  .environmental__image {
    width: 25%;
  }
}
@media only screen and (max-width: 639px) {
  .environmental__text {
    width: 100%;
    font-size: 1.6rem;
  }
  .environmental__image {
    width: 50%;
    margin: 10px auto 0;
  }
}

.img-sdgs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 70px;
  border: 10px solid #EDEDED;
}
.img-sdgs img:nth-child(1) {
  width: 34%;
}
.img-sdgs img:nth-child(2) {
  width: 60%;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .img-sdgs {
    padding: 40px;
  }
}
@media only screen and (max-width: 639px) {
  .img-sdgs {
    display: block;
    padding: 30px;
    border: 8px solid #EDEDED;
  }
  .img-sdgs img:nth-child(1) {
    width: 60%;
    margin: 0 auto;
  }
  .img-sdgs img:nth-child(2) {
    width: 100%;
    margin: 30px auto 0;
  }
}

.security-action img {
  width: 300px;
  margin: 0 auto;
}
.security-action h3 {
  margin: 70px auto 0;
  font-size: 3rem;
  text-align: center;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .security-action img {
    width: 25%;
  }
  .security-action h3 {
    margin: 50px auto 0;
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .security-action img {
    width: 30%;
  }
  .security-action h3 {
    margin: 30px auto 0;
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 639px) {
  .security-action img {
    width: 50%;
  }
  .security-action h3 {
    margin: 20px auto 0;
    font-size: 1.8rem;
  }
}

.mv1200r {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-top: 100px;
}
.mv1200r__text {
  width: 48.5%;
  margin-top: 3%;
}
.mv1200r__text .title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #2B3F5C;
  font-size: 4rem;
}
.mv1200r__text .title img {
  width: 97px;
  margin-left: 15px;
}
.mv1200r__text > h4 {
  background: linear-gradient(transparent 60%, #FFEC00 0%);
  display: inline;
  padding: 0 1px;
  font-size: 2.5rem;
}
.mv1200r__text > p {
  margin-top: 30px;
}
.mv1200r__photo {
  width: 48.5%;
  margin-top: 3%;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .mv1200r {
    margin-top: 80px;
  }
  .mv1200r__text {
    width: 100%;
    margin-top: 0;
  }
  .mv1200r__text .title {
    margin-bottom: 10px;
    font-size: 3rem;
  }
  .mv1200r__text .title img {
    width: 60px;
  }
  .mv1200r__text > h4 {
    font-size: 2rem;
  }
  .mv1200r__text > p {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .mv1200r {
    margin-top: 60px;
  }
  .mv1200r__text {
    width: 100%;
    margin-top: 0;
  }
  .mv1200r__text .title {
    margin-bottom: 5px;
    font-size: 2.4rem;
  }
  .mv1200r__text .title img {
    width: 50px;
  }
  .mv1200r__text > h4 {
    padding: 0;
    font-size: 1.7rem;
  }
  .mv1200r__text > p {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 639px) {
  .mv1200r {
    margin-top: 40px;
  }
  .mv1200r__text {
    width: 100%;
    margin-top: 0;
  }
  .mv1200r__text .title {
    margin-bottom: 5px;
    font-size: 2.4rem;
  }
  .mv1200r__text .title img {
    width: 50px;
  }
  .mv1200r__text > h4 {
    padding: 0;
    font-size: 1.4rem;
  }
  .mv1200r__text > p {
    margin-top: 10px;
  }
  .mv1200r__photo {
    width: 100%;
    margin-top: 4%;
  }
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
  .contact-info {
    margin-top: 30px;
  }
}

.contact-list__inner {
  background: #fff;
  width: 100%;
  margin: 40px auto 0;
  padding: 50px;
  border: 10px solid #EDEDED;
}
.contact-list__inner .title {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ea8971;
  font-size: 3rem;
  line-height: 1.3;
}
.contact-list__inner .title i {
  margin-right: 10px;
  font-size: 3.6rem;
}
.contact-list__inner .tel-shop {
  margin-top: 30px;
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}
.contact-list__inner .tel-number {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0.1em;
}
.contact-list__inner .tel-number a {
  color: #000;
  text-decoration: none;
}
.contact-list__inner .tel-info {
  margin-top: 5px;
  text-align: center;
  line-height: 1.5;
}
.contact-list__inner .mail-info {
  padding: 20px 0 40px;
}
.contact-list__submit {
  margin: 30px 0 0;
}
.contact-list__submit p {
  text-align: center;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .contact-list__inner {
    margin: 30px auto 0;
  }
  .contact-list__inner .title {
    font-size: 2.6rem;
  }
  .contact-list__inner .tel-number {
    font-size: 3.2rem;
  }
  .contact-list__submit {
    margin: 30px 0 0;
    padding: 0;
  }
  .contact-list__submit p {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .contact-list__inner {
    margin: 30px auto 0;
    padding: 30px;
  }
  .contact-list__inner .title {
    font-size: 2.2rem;
  }
  .contact-list__inner .tel-shop {
    font-size: 2.4rem;
  }
  .contact-list__inner .tel-number {
    font-size: 3rem;
  }
  .contact-list__submit {
    margin: 30px 0 0;
    padding: 0;
  }
  .contact-list__submit p {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 639px) {
  .contact-list__inner {
    margin: 10px auto 0;
    padding: 20px 10px;
    border: 8px solid #EDEDED;
  }
  .contact-list__inner .title {
    font-size: 1.6rem;
  }
  .contact-list__inner .tel-shop {
    font-size: 2rem;
  }
  .contact-list__inner .tel-number {
    font-size: 2rem;
    letter-spacing: 0.01em;
    padding-bottom: 10px;
  }
  .contact-list__inner .mail-info {
    padding: 20px 0 20px;
  }
  .contact-list__submit {
    margin: 20px 0 0;
    padding: 0;
  }
  .contact-list__submit p {
    text-align: left;
  }
}

.policy {
  margin-top: 20px;
}
.policy__list {
  margin-top: 30px;
}
.policy .title {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.8rem;
  margin-top: 20px;
  padding: 17px 30px 13px 30px;
  border: 1px solid #000;
  cursor: pointer;
  border-radius: 10px;
}
.policy .title:before {
  position: absolute;
  font-family: "webicon";
  font-size: 2.2rem;
  top: 13px;
  right: 30px;
  bottom: 0;
  content: "\e910";
}
.policy .title.is-open:before {
  content: "\e908";
}
.policy .details {
  position: relative;
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 27px 30px 20px;
  border-bottom: 1px dashed #000;
}
.policy .details h2 {
  font-size: 1.6rem;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #ccc;
}
.policy .details .box {
  background-color: #F8F8F8;
  margin: 5px 0 15px;
  padding: 10px 15px;
  border-radius: 3px;
}
.policy .details .box h2 {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
@media only screen and (max-width: 639px) {
  .policy {
    margin-top: 10px;
    padding-top: 0;
  }
  .policy__list {
    margin-top: 10px;
  }
  .policy .title {
    font-size: 1.4rem;
    margin-top: 0;
    padding: 5px 10px 3px 10px;
    border-radius: 3px;
  }
  .policy .title:before {
    font-size: 1.6rem;
    top: 3px;
    right: 10px;
  }
  .policy .details {
    font-size: 1.4rem;
    padding: 10px 10px 10px;
  }
  .policy .details h2 {
    font-size: 1.4rem;
    margin-top: 10px;
    padding-top: 10px;
  }
  .policy .details .box {
    margin: 5px 0 15px;
    padding: 10px 15px;
  }
}

.blog-list > .l-inner {
  padding: 0;
  border-top: 1px dashed #000;
}
.blog-list__detail {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 70px 0;
  border-bottom: 1px dashed #000;
}
.blog-list__text {
  display: flex;
  flex-direction: column;
  width: calc(100% - 450px);
}
.blog-list__date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #000;
  text-decoration: none;
  line-height: 1.3;
}
.blog-list__title {
  width: 100%;
  margin: 20px 0 0;
  padding: 0;
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 3.4rem;
  font-weight: normal;
  line-height: 1.2;
}
.blog-list__content {
  margin: 20px 0;
}
.blog-list__link {
  margin: auto 0 0 auto;
}
.blog-list__link a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #2B3F5C;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  margin-top: 10px;
  padding: 6px 35px 4px;
  border: 2px solid #2B3F5C;
  border-radius: 50px;
  text-decoration: none;
}
.blog-list__link a:hover {
  background: #fff;
  color: #2B3F5C;
}
.blog-list__link a i {
  margin: 0 15px 0 -10px;
  font-size: 1.1rem;
}
.blog-list__thumbnail {
  width: 400px;
}
.blog-list__thumbnail a {
  display: block;
}
.blog-list__thumbnail img {
  width: 100%;
  border: 1px solid #ccc;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .blog-list__detail {
    padding: 40px 0;
  }
  .blog-list__text {
    width: 60%;
  }
  .blog-list__date {
    font-size: 1.6rem;
  }
  .blog-list__title {
    margin-top: 15px;
    font-size: 2.4rem;
  }
  .blog-list__content {
    margin: 10px 0 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .blog-list__link {
    margin: auto 0 0 auto;
  }
  .blog-list__link a {
    font-size: 1.6rem;
    padding: 5px 25px 3px;
  }
  .blog-list__link a i {
    margin: 0 10px 0 0;
  }
  .blog-list__thumbnail {
    width: 37%;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .blog-list {
    margin-top: -30px;
  }
  .blog-list__detail {
    padding: 30px 0;
  }
  .blog-list__text {
    width: 60%;
  }
  .blog-list__date {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .blog-list__title {
    margin-top: 10px;
    font-size: 2rem;
  }
  .blog-list__content {
    margin: 10px 0 0;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .blog-list__link {
    margin: auto 0 0 auto;
  }
  .blog-list__link a {
    font-size: 1.4rem;
    padding: 4px 15px 2px;
  }
  .blog-list__link a i {
    font-size: 1;
    margin: 0 5px 0 0;
  }
  .blog-list__thumbnail {
    width: 37%;
  }
}
@media only screen and (max-width: 639px) {
  .blog-list > .l-inner {
    border-top: none;
  }
  .blog-list__detail {
    flex-direction: column;
    width: auto;
    padding: 30px 0;
  }
  .blog-list__detail:first-of-type {
    padding-top: 0;
  }
  .blog-list__text {
    width: 100%;
  }
  .blog-list__date {
    margin-top: 20px;
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .blog-list__title {
    margin-top: 10px;
    font-size: 1.8rem;
  }
  .blog-list__content {
    margin: 10px 0 0;
  }
  .blog-list__link {
    width: 100%;
    margin: 10px 0 0;
  }
  .blog-list__link a {
    width: 100%;
    font-size: 1.3rem;
    padding: 2px 10px 0;
  }
  .blog-list__link a:hover {
    background: #2B3F5C;
    color: #fff;
  }
  .blog-list__link a i {
    display: none;
  }
  .blog-list__thumbnail {
    width: 100%;
  }
}

.pagination {
  width: 100%;
}

.nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav-links .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2B3F5C;
  width: 53px;
  height: 53px;
  margin: 50px 5px 0;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 50%;
  border: 3px solid #2B3F5C;
}
.nav-links .page-numbers:hover, .nav-links .page-numbers.current {
  background: #fff;
  color: #2B3F5C;
}
.nav-links .page-numbers.prev i, .nav-links .page-numbers.next i {
  font-size: 1.8rem;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .nav-links .page-numbers {
    width: 46px;
    height: 46px;
    margin: 46px 5px 0;
  }
  .nav-links .page-numbers.prev i, .nav-links .page-numbers.next i {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .nav-links .page-numbers {
    width: 40px;
    height: 40px;
    margin: 40px 5px 0;
    border: 2px solid #2B3F5C;
  }
  .nav-links .page-numbers.prev i, .nav-links .page-numbers.next i {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 639px) {
  .nav-links .page-numbers {
    width: 30px;
    height: 30px;
    margin: 30px 3px 0;
    font-size: 1.3rem;
    border: 2px solid #2B3F5C;
  }
  .nav-links .page-numbers.prev i, .nav-links .page-numbers.next i {
    font-size: 1.2rem;
  }
}

.blog-single__date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  font-size: 2rem;
  line-height: 1.3;
}
.blog-single__title {
  margin: 10px auto 0;
  font-family: "Noto Serif JP", sans-serif, YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 3.4rem;
  font-weight: normal;
  line-height: 1.5;
}
.blog-single__content {
  margin: 35px 0 0;
  line-height: 1.8;
}
.blog-single__content img {
  margin-top: 20px;
}
.blog-single__content .wp-block-image {
  margin-bottom: 0;
}
.blog-single__content .wp-block-columns {
  margin-bottom: 0;
}
.blog-single__content p {
  margin-top: 30px;
}
.blog-single__content h1 {
  font-size: 2.6rem;
  line-height: 1.3;
}
.blog-single__content h2 {
  font-size: 2.4rem;
  line-height: 1.3;
}
.blog-single__content h3 {
  font-size: 2.2rem;
  line-height: 1.3;
}
.blog-single__content h4 {
  font-size: 2rem;
  line-height: 1.3;
}
.blog-single__content h5 {
  font-size: 1.8rem;
  line-height: 1.3;
}
.blog-single__content h6 {
  font-size: 1.6rem;
  line-height: 1.3;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .blog-single__date {
    font-size: 1.6rem;
  }
  .blog-single__title {
    margin: 8px auto 0;
    font-size: 2.8rem;
  }
  .blog-single__content {
    margin: 25px 0 0;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .blog-single {
    margin: 30px 0 0;
  }
  .blog-single__date {
    font-size: 1.4rem;
  }
  .blog-single__title {
    margin: 5px auto 0;
    font-size: 2.2rem;
  }
  .blog-single__content {
    margin: 10px 0 0;
  }
  .blog-single__content img {
    margin-top: 10px;
  }
  .blog-single__content p {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 639px) {
  .blog-single {
    margin: 10px 0 0;
  }
  .blog-single__date {
    font-size: 1.4rem;
  }
  .blog-single__title {
    margin: 0 auto;
    font-size: 1.8rem;
    text-align: left;
  }
  .blog-single__content {
    margin: 10px 0 0;
  }
  .blog-single__content img {
    margin-top: 8px;
  }
  .blog-single__content p {
    margin-top: 15px;
  }
  .blog-single__content h1 {
    font-size: 2.6rem;
  }
  .blog-single__content h2 {
    font-size: 2.2rem;
  }
  .blog-single__content h3 {
    font-size: 2rem;
  }
  .blog-single__content h4 {
    font-size: 1.8rem;
  }
  .blog-single__content h5 {
    font-size: 1.6rem;
  }
  .blog-single__content h6 {
    font-size: 1.4rem;
  }
}

.list-link {
  width: 500px;
  margin: 80px auto 0;
  padding: 0;
}
.list-link .btn {
  width: 100%;
  margin: 20px 0 0;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .list-link {
    width: auto;
    max-width: 500px;
    margin: 30px auto 0;
    padding: 0 0 20px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .list-link {
    max-width: 500px;
    margin: 30px auto 0;
    padding: 0 0 20px;
  }
}
@media only screen and (max-width: 639px) {
  .list-link {
    width: 80%;
    margin: 20px auto 50px;
    padding: 0;
  }
  .list-link .btn {
    margin: 10px 0 0;
  }
}

@media (max-width: 600px) {
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    padding: 0;
  }
}