@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;
  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]) {
  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;
  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;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.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 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  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;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

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

/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  background: none;
  height: 50px;
  width: 50px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  color: #BF4A00;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 1;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before {
  opacity: 0.8;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 1;
}
.slick-prev:before,
.slick-next:before {
  font-family: "webicon";
  font-size: 5rem;
  line-height: 1;
  color: #BF4A00;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .slick-prev,
.slick-next {
    height: 30px;
    width: 30px;
  }
  .slick-prev:before,
.slick-next:before {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 639px) {
  .slick-prev,
.slick-next {
    height: 20px;
    width: 20px;
    top: 35%;
  }
  .slick-prev:before,
.slick-next:before {
    font-size: 2rem;
  }
}

.slick-prev {
  left: 85px;
}
.slick-prev:before {
  content: "\e010";
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .slick-prev {
    left: 30px;
  }
}
@media only screen and (max-width: 639px) {
  .slick-prev {
    left: 10px;
  }
}

.slick-next {
  right: 85px;
}
.slick-next:before {
  content: "\e011";
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .slick-next {
    right: 30px;
  }
}
@media only screen and (max-width: 639px) {
  .slick-next {
    right: 10px;
  }
}

/* Dots */
.ff-min {
  font-family: YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.ff-en {
  font-family: "Avenir-Light", sans-serif;
}
.ff-en2 {
  font-family: "Georgia", 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: #4E4444 !important;
}
.color-sub {
  color: #BF4A00 !important;
}
.color-accent {
  color: #BF4A00 !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: 1299px) {
  .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: #4E4444;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 50px;
  border: 2px solid #4E4444;
  border-radius: 50px;
  text-decoration: none;
}
a.btn:hover {
  background: #fff;
  color: #4E4444;
  border: 2px solid #4E4444;
}
a.btn i {
  margin: 0 -15px 0 15px;
  font-size: 2rem;
}
a.btn.re i {
  margin: 0 15px 0 -15px;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  a.btn {
    padding: 8px 40px;
    font-size: 1.6rem;
  }
  a.btn i {
    margin: 0 -5px 0 5px;
  }
  a.btn.re i {
    margin: 0 5px 0 -5px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  a.btn {
    padding: 8px 20px;
    font-size: 1.4rem;
  }
  a.btn i {
    margin: 0 -5px 0 5px;
  }
  a.btn.re i {
    margin: 0 5px 0 -5px;
  }
}
@media only screen and (max-width: 639px) {
  a.btn {
    margin: 10px auto 0;
    min-width: 100%;
    max-width: 100%;
    padding: 8px 10px;
    font-size: 1.3rem;
    border: none;
  }
  a.btn:hover {
    background: #4E4444;
    color: #fff;
    border: none;
  }
  a.btn i {
    margin: 0 -3px 0 3px;
  }
  a.btn.re i {
    margin: 0 3px 0 -3px;
  }
}

@media only screen and (min-width: 1300px) {
  .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: 1299px) {
  .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: 1299px) {
  [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;
  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;
  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: #4E4444;
  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;
  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%2329BEBE%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: #000;
  padding: 6px 60px 4px;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #000;
  border-radius: 50px;
  transition-property: color, border-color, background-color, opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.wpcf7-form .submit input:hover {
  background: #fff;
  color: #000;
  border: 2px solid #000;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .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: #000;
    color: #fff;
    border: 2px solid #000;
  }
}

.wpcf7 form .wpcf7-response-output {
  margin: 30px auto 0 !important;
  padding: 20px !important;
}
@media only screen and (max-width: 1299px) {
  .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: #BF4A00;
  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-md > li {
  position: relative;
  padding-left: 20px;
  line-height: 1.5;
}
ul.disc-md > li:before {
  position: absolute;
  background: #000;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 14px;
  left: 0;
  content: "";
}
ul.disc-lg > li {
  position: relative;
  padding-left: 20px;
  font-size: 2.4rem;
  line-height: 1.5;
}
ul.disc-lg > li:before {
  position: absolute;
  background: #000;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 16px;
  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: #4E4444;
  width: 16px;
  height: 16px;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  ul.disc-lg > li {
    padding-left: 18px;
    font-size: 2.2rem;
  }
  ul.disc-lg > li:before {
    width: 9px;
    height: 9px;
    top: 15px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  ul.disc-lg > li {
    padding-left: 15px;
    font-size: 2rem;
  }
  ul.disc-lg > li:before {
    width: 8px;
    height: 8px;
    top: 15px;
  }
  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: 13px;
    height: 13px;
  }
}
@media only screen and (max-width: 639px) {
  ul.disc-lg > li {
    padding-left: 13px;
    font-size: 1.6rem;
  }
  ul.disc-lg > li:before {
    width: 6px;
    height: 6px;
    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 {
    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: 13px;
    height: 13px;
  }
}

ol {
  margin: 0 0 0 1.5em;
}
ol li {
  padding: 3px 0;
}
ol.main {
  counter-reset: li; /* li のカウンタを 0 にセット */
  list-style: none;
  margin: 20px 0 0;
}
ol.main li {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 67px;
  margin-top: 20px;
  padding: 0 0 0 80px;
}
ol.main li:before {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #4E4444;
  width: 67px;
  height: 67px;
  border-radius: 50%;
  padding: 0 0.3em;
  left: 0;
  color: #fff;
  font-size: 2.8rem;
  font-weight: bold;
  counter-increment: li; /* li の数を一つずつ増加 */
  content: counter(li, decimal-leading-zero); /* 数を表示 */
}
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 {
    margin: 15px 0 0;
  }
  ol.main li {
    min-height: 60px;
    margin-top: 10px;
    padding: 0 0 0 70px;
  }
  ol.main li:before {
    width: 60px;
    height: 60px;
    padding: 0 0.3em;
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 639px) {
  ol.main {
    margin: 10px 0 0;
  }
  ol.main li {
    min-height: 50px;
    margin-top: 10px;
    padding: 0 0 0 60px;
  }
  ol.main li:before {
    width: 50px;
    height: 50px;
    padding: 0 0.3em;
    font-size: 1.6rem;
  }
}

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: 30px !important;
  margin-bottom: 30px !important;
}
.mt-md {
  margin-top: 30px !important;
}
.mr-md {
  margin-right: 30px !important;
}
.mb-md {
  margin-bottom: 30px !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: 1299px) {
  .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: 30px !important;
    margin-bottom: 30px !important;
  }
  .mt-150 {
    margin-top: 30px !important;
  }
  .mb-150 {
    margin-bottom: 30px !important;
  }
  .m-120 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .mt-120 {
    margin-top: 30px !important;
  }
  .mb-120 {
    margin-bottom: 30px !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;
  white-space: nowrap;
}
table td {
  vertical-align: top;
  padding: 5px 0;
}
table td > * {
  margin: 0;
  font-size: 100%;
}
table.tbl_line {
  border-top: 1px solid #ccc;
}
table.tbl_line th, table.tbl_line td {
  padding: 18px 10px;
  line-height: 1.8;
  border-bottom: 1px solid #ccc;
}
table.tbl_line th {
  font-weight: bold;
}
table.tbl_line td {
  position: relative;
}
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;
  line-height: 1.5;
}
table.tbl_dot th {
  padding: 20px 0 20px 20px;
  font-weight: bold;
}
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: #BF4A00;
}
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: 1299px) {
  table.tbl_line th, table.tbl_line td {
    padding: 15px 10px;
    line-height: 1.8;
  }
  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;
    line-height: 1.8;
  }
  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: 10px 0 10px 10px;
  }
  table.tbl_dot td {
    padding: 10px 10px 10px 0;
  }
  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 {
    border-top: 1px solid #ccc;
  }
  table.tbl_line th, table.tbl_line td {
    display: block;
    width: 100%;
    padding: 13px 3px;
    line-height: 1.5;
  }
  table.tbl_line th {
    font-weight: bold;
    text-align: left;
    border-bottom: 1px dashed #ccc;
  }
  table.tbl_line td {
    position: relative;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
  }
  table.tbl_line td:before {
    display: none;
  }
  table.tbl_line td iframe {
    height: 350px;
  }
  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%;
    padding: 6px;
  }
  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;
  }
}

.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% !important;
}
.w10p {
  width: 10% !important;
}
.w15p {
  width: 15% !important;
}
.w20p {
  width: 20% !important;
}
.w25p {
  width: 25% !important;
}
.w30p {
  width: 30% !important;
}
.w35p {
  width: 35% !important;
}
.w40p {
  width: 40% !important;
}
.w45p {
  width: 45% !important;
}
.w50p {
  width: 50% !important;
}
.w55p {
  width: 55% !important;
}
.w60p {
  width: 60% !important;
}
.w65p {
  width: 65% !important;
}
.w70p {
  width: 70% !important;
}
.w75p {
  width: 75% !important;
}
.w80p {
  width: 80% !important;
}
.w85p {
  width: 85% !important;
}
.w90p {
  width: 90% !important;
}
.w95p {
  width: 95% !important;
}
.w100p {
  width: 100% !important;
}
.w105p {
  width: 105% !important;
}
.w110p {
  width: 110% !important;
}
.w115p {
  width: 115% !important;
}
.w120p {
  width: 120% !important;
}
.w125p {
  width: 125% !important;
}
.w130p {
  width: 130% !important;
}
.w135p {
  width: 135% !important;
}
.w140p {
  width: 140% !important;
}
.w145p {
  width: 145% !important;
}
.w150p {
  width: 150% !important;
}
.w155p {
  width: 155% !important;
}
.w160p {
  width: 160% !important;
}
.w165p {
  width: 165% !important;
}
.w170p {
  width: 170% !important;
}
.w175p {
  width: 175% !important;
}
.w180p {
  width: 180% !important;
}
.w185p {
  width: 185% !important;
}
.w190p {
  width: 190% !important;
}
.w195p {
  width: 195% !important;
}
.w200p {
  width: 200% !important;
}
.w205p {
  width: 205% !important;
}
.w210p {
  width: 210% !important;
}
.w215p {
  width: 215% !important;
}
.w220p {
  width: 220% !important;
}
.w225p {
  width: 225% !important;
}
.w230p {
  width: 230% !important;
}
.w235p {
  width: 235% !important;
}
.w240p {
  width: 240% !important;
}
.w245p {
  width: 245% !important;
}
.w250p {
  width: 250% !important;
}
.w255p {
  width: 255% !important;
}
.w260p {
  width: 260% !important;
}
.w265p {
  width: 265% !important;
}
.w270p {
  width: 270% !important;
}
.w275p {
  width: 275% !important;
}
.w280p {
  width: 280% !important;
}
.w285p {
  width: 285% !important;
}
.w290p {
  width: 290% !important;
}
.w295p {
  width: 295% !important;
}
.w300p {
  width: 300% !important;
}
.w305p {
  width: 305% !important;
}
.w310p {
  width: 310% !important;
}
.w315p {
  width: 315% !important;
}
.w320p {
  width: 320% !important;
}
.w325p {
  width: 325% !important;
}
.w330p {
  width: 330% !important;
}
.w335p {
  width: 335% !important;
}
.w340p {
  width: 340% !important;
}
.w345p {
  width: 345% !important;
}
.w350p {
  width: 350% !important;
}
.w355p {
  width: 355% !important;
}
.w360p {
  width: 360% !important;
}
.w365p {
  width: 365% !important;
}
.w370p {
  width: 370% !important;
}
.w375p {
  width: 375% !important;
}
.w380p {
  width: 380% !important;
}
.w385p {
  width: 385% !important;
}
.w390p {
  width: 390% !important;
}
.w395p {
  width: 395% !important;
}
.w400p {
  width: 400% !important;
}
.w405p {
  width: 405% !important;
}
.w410p {
  width: 410% !important;
}
.w415p {
  width: 415% !important;
}
.w420p {
  width: 420% !important;
}
.w425p {
  width: 425% !important;
}
.w430p {
  width: 430% !important;
}
.w435p {
  width: 435% !important;
}
.w440p {
  width: 440% !important;
}
.w445p {
  width: 445% !important;
}
.w450p {
  width: 450% !important;
}
.w455p {
  width: 455% !important;
}
.w460p {
  width: 460% !important;
}
.w465p {
  width: 465% !important;
}
.w470p {
  width: 470% !important;
}
.w475p {
  width: 475% !important;
}
.w480p {
  width: 480% !important;
}
.w485p {
  width: 485% !important;
}
.w490p {
  width: 490% !important;
}
.w495p {
  width: 495% !important;
}
.w500p {
  width: 500% !important;
}

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: #000;
  text-decoration: underline 1px;
}
a:hover {
  outline: 0;
  color: black;
  text-decoration: none;
}
a:active {
  outline: 0;
  color: #BF4A00;
}

::selection {
  background-color: #332c2c;
  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: #4E4444;
  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;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .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: #4E4444;
  font-size: 3rem;
  line-height: 1.5;
}
h2.h_mincho, h3.h_mincho, h4.h_mincho, h5.h_mincho {
  font-family: 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;
  font-weight: normal;
}
h2.h_accent, h3.h_accent, h4.h_accent, h5.h_accent {
  font-size: 3.2rem;
  line-height: 1.5;
  padding-bottom: 20px;
}
h2.h_accent span, h3.h_accent span, h4.h_accent span, h5.h_accent span {
  background: linear-gradient(transparent 60%, #BF4A00 0%);
  display: inline;
  padding: 0 1px 6px;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  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;
  }
  h2.h_accent, h3.h_accent, h4.h_accent, h5.h_accent {
    font-size: 2.6rem;
    padding-bottom: 10px;
  }
}
@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;
  }
  h2.h_accent, h3.h_accent, h4.h_accent, h5.h_accent {
    font-size: 1.8rem;
    padding-bottom: 8px;
  }
}
@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;
  }
  h2.h_accent, h3.h_accent, h4.h_accent, h5.h_accent {
    font-size: 1.6rem;
    padding-bottom: 5px;
  }
}

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

header {
  background-color: #fff;
  position: fixed;
  width: 100%;
  padding: 0;
  z-index: 9999;
}
header .page-header {
  position: relative;
  background-image: url(../img/common/bg_tile_center.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: auto 100px;
  padding-top: 100px;
}
header .page-header:before {
  position: absolute;
  background-image: url(../img/common/bg_tile_right.jpg);
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: auto 100px;
  width: 100%;
  height: 100px;
  left: calc(50% + 488px);
  top: 0;
  content: "";
  z-index: -1;
}
header .page-header:after {
  position: absolute;
  background-image: url(../img/common/bg_tile_left.jpg);
  background-repeat: repeat-x;
  background-position: right bottom;
  background-size: auto 100px;
  width: 100%;
  height: 100px;
  right: calc(50% + 488px);
  top: 0;
  content: "";
  z-index: -1;
}
header .page-header > .l-inner {
  display: flex;
  justify-content: space-between;
  width: auto;
  max-width: 1760px;
  height: 140px;
  padding: 0 4%;
  align-items: center;
}
header.is_scroll {
  box-shadow: 0 0 2px #ccc;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  header .page-header {
    background-size: auto 80px;
    padding-top: 80px;
  }
  header .page-header:before {
    background-size: auto 80px;
    height: 80px;
    left: calc(50% + 390px);
  }
  header .page-header:after {
    background-size: auto 80px;
    height: 80px;
    right: calc(50% + 390px);
  }
  header .page-header > .l-inner {
    max-width: 100%;
    height: 100px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  header .page-header {
    background-position: 50% -10px;
    background-size: auto 40px;
    padding-top: 30px;
  }
  header .page-header:before {
    background-size: auto 40px;
    height: 30px;
    left: calc(50% + 195px);
  }
  header .page-header:after {
    background-size: auto 40px;
    height: 30px;
    right: calc(50% + 195px);
  }
  header .page-header > .l-inner {
    max-width: 100%;
    height: 60px;
    margin: 0 auto;
    padding: 0 70px 0 4%;
    align-items: center;
  }
  .is-spmenu-open header .page-header > .l-inner {
    box-shadow: none;
  }
}
@media only screen and (max-width: 639px) {
  header .page-header {
    background-position: 50% -5px;
    background-size: auto 20px;
    padding-top: 15px;
  }
  header .page-header:before {
    background-size: auto 20px;
    height: 15px;
    left: calc(50% + 97px);
  }
  header .page-header:after {
    background-size: auto 20px;
    height: 15px;
    right: calc(50% + 97px);
  }
  header .page-header > .l-inner {
    max-width: 100%;
    height: 45px;
    margin: 0 auto;
    padding: 0 45px 0 4%;
    align-items: center;
  }
  .is-spmenu-open header .page-header > .l-inner {
    box-shadow: none;
  }
}

.logo-main {
  width: 243px;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .logo-main {
    width: 200px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .logo-main {
    width: 150px;
  }
}
@media only screen and (max-width: 639px) {
  .logo-main {
    width: 110px;
  }
}

.header-content {
  display: none;
}
@media only screen and (min-width: 1300px) {
  .header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.nav-sns {
  display: flex;
  justify-content: flex-end;
  margin-left: 30px;
}
.nav-sns > li {
  margin-left: 20px;
  padding: 0;
}
.nav-sns a {
  color: #000;
  text-decoration-line: none;
  font-size: 3rem;
}
.nav-sns a:hover {
  color: #BF4A00;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .nav-sns {
    margin-left: 10px;
  }
  .nav-sns > li {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .nav-sns {
    display: none;
  }
}
@media only screen and (max-width: 639px) {
  .nav-sns {
    display: none;
  }
}

.nav-main {
  display: block;
}
.nav-main__list {
  display: flex;
  justify-content: space-around;
  margin: 0;
}
.nav-main__list > li {
  position: relative;
  padding: 0;
  flex-grow: 1;
}
.nav-main__list > li:before {
  position: absolute;
  width: 1px;
  border-left: 1px solid #ccc;
  top: 24px;
  bottom: 24px;
  left: 0;
  content: "";
}
.nav-main__list > li.is-hover > a {
  color: #BF4A00;
}
.nav-main__list > li .current {
  color: #BF4A00;
}
.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.is-hover > a:before {
  visibility: visible;
  opacity: 1;
}
.nav-main__list > li.is-hover .submenu {
  visibility: visible;
  opacity: 1;
  z-index: 10;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .nav-main__list > li:before {
    top: 26px;
    bottom: 26px;
  }
  .nav-main__list > li > a {
    line-height: 62px;
    font-size: 1.7rem;
    padding: 0 15px;
  }
  .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;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .nav-main {
    display: none;
  }
}
@media only screen and (max-width: 639px) {
  .nav-main {
    display: none;
  }
}

.submenu {
  position: absolute;
  transition: visibility 0.3s, opacity 0.3s;
  visibility: hidden;
  left: 0;
  text-align: left;
  opacity: 0;
  overflow: hidden;
}
.submenu__list {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 10px;
}
.submenu__list:before {
  position: absolute;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #4E4444;
  border-left: 15px solid transparent;
  top: 0;
  left: 48px;
  content: "";
  z-index: -1;
}
.submenu__list > li {
  position: relative;
  width: 200px;
  font-size: 1.8rem;
  padding: 0;
  box-shadow: 0 0 3px #4E4444;
}
.submenu__list > li:before {
  position: absolute;
  background-color: #4E4444;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: -1;
}
.submenu__list > li:hover:before {
  background-color: #fff;
}
.submenu__list > li:not(:first-of-type) {
  border-top: 1px solid #a39d91;
}
.submenu__list > li:first-of-type {
  padding-top: 5px;
}
.submenu__list > li a {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 13px 13px 13px 35px;
  color: #fff;
  line-height: 1.5;
  text-decoration: none;
  overflow: hidden;
}
.submenu__list > li a:before {
  position: absolute;
  font-family: "webicon";
  color: #fff;
  left: 10px;
  top: calc(50% - 9px);
  font-size: 1.4rem;
  content: "\e905";
}
.submenu__list > li a:hover {
  color: #4E4444;
}
.submenu__list > li a:hover:before {
  color: #4E4444;
}
.submenu__list > li a:hover:after {
  background-color: #fff;
  opacity: 1;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .submenu {
    display: none;
  }
}
@media only screen and (max-width: 639px) {
  .submenu {
    display: none;
  }
}

.btn-sp-menu {
  position: absolute;
  display: block;
  cursor: pointer;
  width: 60px;
  height: 60px;
  margin-left: auto;
  text-align: center;
  top: 30px;
  right: 0;
}
@media only screen and (min-width: 1300px) {
  .btn-sp-menu {
    display: none;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .btn-sp-menu {
    display: none;
  }
}
.btn-sp-menu .icon-nav {
  display: flex;
  width: 60px;
  height: 60px;
  color: #000;
  font-size: 2.8rem;
  line-height: 60px;
}
.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: 2rem;
  content: "\e020";
}
@media only screen and (max-width: 639px) {
  .btn-sp-menu {
    width: 45px;
    height: 45px;
    top: 15px;
    right: 0;
  }
  .btn-sp-menu .icon-nav {
    width: 45px;
    height: 45px;
    font-size: 2.2rem;
    line-height: 45px;
  }
}

.nav-sp {
  background-image: url(../img/common/bg_wall.jpg);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto 100%;
  -webkit-transition: visibility 0.4s, opacity 0.4s;
  transition: visibility 0.4s, opacity 0.4s;
  visibility: hidden;
  opacity: 0;
  overflow-y: auto;
  overflow-y: auto;
  position: fixed;
  top: 90px;
  bottom: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  min-width: 320px;
  content: "";
}
@media only screen and (min-width: 1300px) {
  .nav-sp {
    display: none;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .nav-sp {
    display: none;
  }
}
.nav-sp.is-open {
  visibility: visible;
  opacity: 1;
}
.nav-sp__inner {
  padding: 20px 0;
}
.nav-sp__list > li {
  position: relative;
  padding: 0;
  margin: 10px 4% 0;
  background: #fff;
  border-radius: 5px;
}
.nav-sp__list > li > a {
  display: block;
  min-height: 40px;
  padding: 10px 50px 10px 20px;
  color: #000;
  font-size: 1.5rem;
  text-decoration: none;
}
.nav-sp__list > li > a:after {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 47px;
  height: 47px;
  top: 0;
  right: 0;
  color: #4E4444;
  font-family: "webicon";
  font-size: 1.2rem;
  content: "\e006";
}
.nav-sp__list > li.accordion-menu > a:after {
  display: none;
}
.nav-sp__list > li.accordion-menu ul {
  display: none;
  background: #fff;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.nav-sp__list > li.accordion-menu ul li {
  position: relative;
  padding: 0;
  border-top: 1px solid #ccc;
}
.nav-sp__list > li.accordion-menu ul a {
  display: block;
  padding: 10px 16px 10px 40px;
  color: #BF4A00;
  font-size: 1.4rem;
  text-decoration: none;
  caret-color: transparent;
}
.nav-sp__list > li.accordion-menu ul a:hover {
  color: #4E4444;
}
.nav-sp__list > li.accordion-menu ul a:before {
  position: absolute;
  font-family: "webicon";
  font-size: 8px;
  color: #000;
  content: "\e014";
  left: 25px;
  top: 14px;
}
.nav-sp__list > li.accordion-menu i {
  position: absolute;
  width: 47px;
  height: 47px;
  font-size: 1.8rem;
  line-height: 47px;
  text-align: center;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  border-left: 1px solid #ccc;
}
.nav-sp__list > li.accordion-menu i:before {
  display: block;
  font-size: 12px;
  content: "\e007";
}
.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: 10px 4% 0;
}
.nav-sp__sublist li {
  font-size: 1.4rem;
}
.nav-sp__sublist li a {
  display: block;
  padding: 3px 0;
  color: #000;
  text-decoration: none;
}
.nav-sp__sublist li a i {
  margin-right: 5px;
  color: #BF4A00;
  font-size: 1.1rem;
}
.nav-sp__footer {
  display: flex;
  justify-content: space-between;
  margin: 20px 4% 0;
}
.nav-sp__add > li {
  margin: 2px 0 0;
  padding: 0;
  font-size: 1.3rem;
  line-height: 1.2;
}
.nav-sp__add > li.name {
  margin: 20px auto 5px;
  font-family: YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 1.8rem;
}
.nav-sp__add > li a {
  color: #000;
  text-decoration: none;
}
.nav-sp__sns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: auto;
}
.nav-sp__sns > li {
  margin: 0 0 0 15px;
  padding: 0;
  line-height: 1;
}
.nav-sp__sns a {
  font-size: 3rem;
  text-decoration: none;
}
@media only screen and (max-width: 639px) {
  .nav-sp {
    top: 60px;
  }
  .nav-sp__inner {
    padding: 10px 0;
  }
  .nav-sp__list > li {
    margin: 10px 4% 0;
  }
  .nav-sp__list > li > a {
    min-height: 35px;
    padding: 0 35px 0 10px;
    font-size: 1.4rem;
    line-height: 35px;
  }
  .nav-sp__list > li > a:after {
    width: 35px;
    height: 35px;
    font-size: 1rem;
  }
  .nav-sp__list > li.accordion-menu ul a {
    padding: 5px 10px 5px 26px;
    font-size: 1.3rem;
  }
  .nav-sp__list > li.accordion-menu ul a:before {
    font-size: 0.8rem;
    left: 12px;
    top: 9px;
  }
  .nav-sp__list > li.accordion-menu i {
    width: 35px;
    height: 35px;
    font-size: 1.4rem;
    line-height: 35px;
  }
  .nav-sp__list > li.accordion-menu i:before {
    font-size: 1rem;
  }
  .nav-sp__sublist {
    margin: 10px 4% 0;
  }
  .nav-sp__sublist li {
    font-size: 1.3rem;
  }
  .nav-sp__sublist li a {
    padding: 3px 0;
  }
  .nav-sp__sublist li a i {
    margin-right: 5px;
    font-size: 1rem;
  }
  .nav-sp__footer {
    display: block;
    margin: 20px 4% 0;
  }
  .nav-sp__add > li {
    margin: 2px 0 0;
    padding: 0;
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .nav-sp__add > li.name {
    margin: 20px 0 5px;
    font-size: 1.4rem;
  }
  .nav-sp__add > li a {
    color: #000;
    text-decoration: none;
  }
  .nav-sp__sns {
    margin-top: 20px;
  }
}

.page-content {
  padding-top: 240px;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .page-content {
    padding-top: 180px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .page-content {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 639px) {
  .page-content {
    padding-top: 60px;
  }
}

.content-main {
  padding-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: 1760px;
  padding: 20px 4% 0;
}
.breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
}
.breadcrumb ul li {
  padding: 0;
  line-height: 57px;
}
.breadcrumb ul li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding-right: 30px;
  text-decoration: none;
}
.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: 1299px) {
  .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: 85%;
    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: 1299px) {
  .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: 31%;
  margin-top: 50px;
}
.col3 > div:first-of-type, .col3 > div:nth-of-type(2), .col3 > div:nth-of-type(3) {
  margin-top: 0;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .col3 > div {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 639px) {
  .col3 > div {
    width: 100%;
    margin: 20px auto 0;
  }
  .col3 > div:nth-of-type(2), .col3 > div:nth-of-type(3) {
    margin-top: 20px;
  }
}

.box__white {
  background: #fff;
  margin-top: 60px;
  padding: 50px;
  border-radius: 20px;
  box-shadow: 0 0 6px #ccc;
}
.box__white:first-of-type {
  margin-top: 0;
}
.box__gray {
  background: #F8F8F8;
  margin-top: 20px;
  padding: 30px 60px;
}
.box__gray:first-of-type {
  margin-top: 0;
}
.box__ore {
  background: #ffefd0;
  padding: 30px;
  border-radius: 10px;
}
.box__line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 70px;
  border: 10px solid #F8F8F8;
}
.box__line > .contents dt {
  font-family: YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 2.8rem;
  line-height: 1.8;
}
.box__line > .contents dd {
  line-height: 1.5;
}
.box__tos {
  width: 100%;
  padding: 60px 80px;
  border: 10px solid #EDEDED;
}
.box__tos .tos-text {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 30px;
}
.box__tos .tos-text__text {
  width: 48%;
}
.box__tos .tos-text a.btn {
  background: #AC3500;
  width: 400px;
  border: 2px solid #AC3500;
}
.box__tos .tos-text a.btn:hover {
  background: #fff;
  color: #AC3500;
  border: 2px solid #AC3500;
}
.box__tos .tos-text a.btn i {
  margin: 0 -15px 0 15px;
  font-size: 2rem;
}
.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__404 {
  padding: 100px 0;
}
.box__404 h3 {
  text-align: center;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .box {
    padding: 60px 0;
  }
  .box__white {
    margin-top: 40px;
    padding: 50px;
    border-radius: 20px;
  }
  .box__gray {
    padding: 25px 50px;
  }
  .box__ore {
    padding: 28px;
    border-radius: 8px;
  }
  .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__tos {
    padding: 40px 60px;
  }
  .box__tos .tos-text {
    margin-top: 20px;
  }
  .box__tos .tos-text__text {
    width: 48%;
  }
  .box__tos .tos-text a.btn {
    width: 315px;
    padding: 6px 60px 4px;
  }
  .box__tos .tos-text a.btn i {
    margin: 0 -5px 0 5px;
  }
  .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__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__white {
    margin-top: 30px;
    padding: 30px;
    border-radius: 10px;
  }
  .box__gray {
    margin-top: 15px;
    padding: 20px 40px;
  }
  .box__ore {
    padding: 25px;
    border-radius: 7px;
  }
  .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__tos {
    padding: 30px 40px;
  }
  .box__tos .tos-text {
    display: block;
    margin-top: 20px;
  }
  .box__tos .tos-text__text {
    width: 100%;
  }
  .box__tos .tos-text__btn {
    margin-top: 20px;
  }
  .box__tos .tos-text a.btn {
    width: 268px;
    padding: 6px 46px 4px;
  }
  .box__tos .tos-text a.btn i {
    margin: 0 -5px 0 5px;
  }
  .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__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__white {
    margin-top: 10px;
    padding: 15px;
    border-radius: 10px;
  }
  .box__gray {
    margin-top: 15px;
    padding: 15px 20px;
  }
  .box__ore {
    padding: 20px;
    border-radius: 5px;
  }
  .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__tos {
    padding: 20px;
    border: 8px solid #EDEDED;
  }
  .box__tos .tos-text {
    display: block;
    margin-top: 10px;
  }
  .box__tos .tos-text__text {
    width: 100%;
  }
  .box__tos .tos-text__btn {
    margin-top: 10px;
  }
  .box__tos .tos-text a.btn {
    width: auto;
    min-width: 100%;
    max-width: 100%;
    padding: 4px 15px 2px;
    font-size: 1.4rem;
  }
  .box__tos .tos-text a.btn:hover {
    background: #AC3500;
    color: #fff;
  }
  .box__tos .tos-text a.btn i {
    margin: 0 -3px 0 3px;
  }
  .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__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: 1299px) {
  .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-solid {
  border-top: 1px solid #ccc;
  margin-top: 100px !important;
  padding-top: 100px;
}
.bt-solid__sm {
  border-top: 1px solid #ccc;
  margin-top: 50px !important;
  padding-top: 50px;
}
.bt-solid__xs {
  border-top: 1px solid #ccc;
  margin-top: 40px !important;
  padding-top: 0;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .bt-solid {
    margin-top: 50px !important;
    padding-top: 50px;
  }
  .bt-solid__sm {
    margin-top: 30px !important;
    padding-top: 30px;
  }
}
@media only screen and (max-width: 639px) {
  .bt-solid {
    margin-top: 30px !important;
    padding-top: 30px;
  }
  .bt-solid__sm {
    margin-top: 20px !important;
    padding-top: 20px;
  }
  .bt-solid__xs {
    margin-top: 20px !important;
    padding-top: 0;
  }
}

.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: 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;
}

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

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

.page-footer {
  background-color: #4E4444;
  margin-top: 50px;
}
.page-footer > .l-inner {
  background-image: url(../img/common/footer_img.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 152px auto;
  padding: 60px 0 60px 180px;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .page-footer {
    margin-top: 40px;
  }
  .page-footer > .l-inner {
    background-size: 130px auto;
    padding: 60px 0 50px 150px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .page-footer {
    margin-top: 30px;
  }
  .page-footer > .l-inner {
    background-position: 0 40px;
    background-size: 100px auto;
    padding: 50px 0 30px;
  }
}
@media only screen and (max-width: 639px) {
  .page-footer {
    margin-top: 0;
  }
  .page-footer > .l-inner {
    background-position: 0 20px;
    background-size: 80px auto;
    padding: 15px 0 20px;
  }
}

.footer-content {
  display: flex;
  justify-content: space-between;
  color: #fff;
}
.footer-content .info-text .list-add > li {
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.3;
  color: #fff;
}
.footer-content .info-text .list-add > li.shop-name {
  margin: 0;
  font-size: 2.6rem;
  font-family: YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 1;
}
.footer-content .info-text .list-add > li.add {
  font-size: 1.6rem;
}
.footer-content .info-text .list-add > li a {
  color: #fff;
  text-decoration: none;
}
.footer-content .info-text .copyright {
  margin-top: 20px;
  color: #fff;
}
.footer-content .info-text .copyright small {
  font-size: 1.4rem;
}
.footer-content .info-right {
  display: flex;
  flex-direction: column;
}
.footer-content .info-right .footer-link {
  font-size: 1.8rem;
}
.footer-content .info-right .footer-link > li {
  padding: 0;
}
.footer-content .info-right .footer-link a {
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
}
.footer-content .info-right .footer-link a:hover {
  color: #000;
}
.footer-content .info-right .footer-link a > i {
  font-size: 1rem;
  margin-right: 15px;
}
.footer-content .info-right .info-sns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: auto;
}
.footer-content .info-right .info-sns > li {
  margin: 0 0 0 15px;
  padding: 0;
  line-height: 1;
}
.footer-content .info-right .info-sns a {
  font-size: 3rem;
  text-decoration: none;
  color: #fff;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .footer-content .info-text .list-add > li {
    margin: 8px 0 0;
  }
  .footer-content .info-text .list-add > li.shop-name {
    padding-bottom: 5px;
    font-size: 2.4rem;
  }
  .footer-content .info-text .list-add > li.add {
    font-size: 1.4rem;
  }
  .footer-content .info-text .copyright {
    margin-top: 10px;
  }
  .footer-content .info-text .copyright small {
    font-size: 1.4rem;
  }
  .footer-content .info-right .footer-link {
    font-size: 1.6rem;
  }
  .footer-content .info-right .footer-link a > i {
    font-size: 0.8rem;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .footer-content {
    flex-direction: column-reverse;
  }
  .footer-content .info-text {
    margin-top: 20px;
  }
  .footer-content .info-text .list-add > li {
    margin: 8px 0 0;
  }
  .footer-content .info-text .list-add > li.shop-name {
    font-size: 2rem;
  }
  .footer-content .info-text .list-add > li.add {
    font-size: 1.4rem;
  }
  .footer-content .info-text .copyright {
    margin-top: 8px;
  }
  .footer-content .info-text .copyright small {
    font-size: 1.3rem;
  }
  .footer-content .info-right .footer-link {
    margin-left: auto;
    font-size: 1.4rem;
  }
  .footer-content .info-right .footer-link a > i {
    font-size: 0.6rem;
    margin-right: 5px;
  }
  .footer-content .info-right .info-sns {
    margin: 15px 0 0 auto;
  }
}
@media only screen and (max-width: 639px) {
  .footer-content {
    flex-direction: column-reverse;
  }
  .footer-content .info-text {
    margin-top: 20px;
  }
  .footer-content .info-text .list-add > li {
    margin: 8px 0 0;
  }
  .footer-content .info-text .list-add > li.shop-name {
    font-size: 1.5rem;
  }
  .footer-content .info-text .list-add > li.add {
    font-size: 1.4rem;
  }
  .footer-content .info-text .copyright {
    margin-top: 8px;
  }
  .footer-content .info-text .copyright small {
    font-size: 1.2rem;
  }
  .footer-content .info-right .footer-link {
    margin-left: auto;
    font-size: 1.3rem;
  }
  .footer-content .info-right .footer-link a > i {
    font-size: 0.6rem;
    margin-right: 5px;
  }
  .footer-content .info-right .info-sns {
    margin: 15px 0 0 auto;
  }
}

.pageheadline-top {
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0 auto;
  width: 90%;
}

.greeting .about-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.greeting .about-top .about {
  width: 470px;
}
.greeting .about-top .about > h3 {
  width: 100%;
  font-size: 4rem;
  font-weight: normal;
  line-height: 1.3;
}
.greeting .about-top .about > h4 {
  width: 100%;
  font-size: 3rem;
  font-weight: normal;
  color: #BF4A00;
  margin: 30px 0 15px;
}
.greeting .about-top .about > .text {
  width: 100%;
}
.greeting .about-top .image-top {
  width: 730px;
}
.greeting .about-sec {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.greeting .about-sec > .text {
  width: 100%;
}
.greeting .about-sec .daihyo {
  font-family: YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 2.2rem;
  text-align: right;
}
.greeting .about-sec .daihyo > span {
  font-family: YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 82%;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .greeting .about-top .about {
    width: 45%;
  }
  .greeting .about-top .about > h3 {
    font-size: 3rem;
  }
  .greeting .about-top .about > h4 {
    font-size: 2.6rem;
    margin: 15px 0 10px;
  }
  .greeting .about-top .image-top {
    width: 50%;
  }
  .greeting .about-sec .daihyo {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .greeting .about-top .about {
    width: 100%;
  }
  .greeting .about-top .about > h3 {
    font-size: 2.6rem;
  }
  .greeting .about-top .about > h4 {
    font-size: 2rem;
    margin: 10px 0 5px;
  }
  .greeting .about-top .image-top {
    width: 100%;
  }
  .greeting .about-sec .daihyo {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 639px) {
  .greeting .about-top .about {
    width: 100%;
  }
  .greeting .about-top .about > h3 {
    font-size: 2rem;
  }
  .greeting .about-top .about > h4 {
    font-size: 1.8rem;
    margin: 10px 0 5px;
  }
  .greeting .about-top .image-top {
    width: auto;
    margin-left: -8%;
  }
  .greeting .about-sec .daihyo {
    font-size: 1.8rem;
  }
}

.monochrome {
  width: 100%;
  margin-top: 4%;
  margin-bottom: 4%;
}

.yokoyama-history {
  position: relative;
  width: 100%;
  padding: 80px 0 120px;
  z-index: 1;
}
.yokoyama-history:after {
  position: absolute;
  background-image: url(../img/about/back-nami.jpg);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: 935px auto;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  opacity: 0.5;
}
.yokoyama-history > .l-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 70%;
}
.yokoyama-history .history-image {
  width: 30%;
  max-width: 400px;
}
.yokoyama-history .history-text {
  width: 68%;
}
.yokoyama-history .history-text > .image {
  max-width: 400px;
}
.yokoyama-history .history-text > h4 {
  font-weight: bold;
  margin-top: 20px;
}
.yokoyama-history .history-text > ul {
  padding-bottom: 10px;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .yokoyama-history {
    position: relative;
    width: 100%;
    padding: 30px 0 50px;
    z-index: 1;
  }
  .yokoyama-history:after {
    background-position: 100% 100%;
    background-size: 55% auto;
  }
  .yokoyama-history > .l-inner {
    width: 90%;
  }
  .yokoyama-history .history-image {
    width: 28%;
  }
  .yokoyama-history .history-text {
    width: 68%;
  }
  .yokoyama-history .history-text > .image {
    max-width: 400px;
  }
  .yokoyama-history .history-text > h4 {
    margin-top: 10px;
  }
  .yokoyama-history .history-text > ul {
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .yokoyama-history {
    position: relative;
    width: 100%;
    padding: 40px 0 50px;
    z-index: 1;
  }
  .yokoyama-history:after {
    background-position: 100% 100%;
    background-size: 55% auto;
  }
  .yokoyama-history > .l-inner {
    width: 90%;
  }
  .yokoyama-history .history-image-sp {
    width: 40%;
    margin: 50px auto 0;
  }
  .yokoyama-history .history-text {
    width: 100%;
  }
  .yokoyama-history .history-text > h4 {
    margin-top: 10px;
  }
  .yokoyama-history .history-text > ul {
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 639px) {
  .yokoyama-history {
    position: relative;
    width: 100%;
    padding: 40px 0 0;
    z-index: 1;
  }
  .yokoyama-history:after {
    background-position: 100% 50%;
    background-size: auto 70%;
  }
  .yokoyama-history > .l-inner {
    width: 90%;
  }
  .yokoyama-history .history-image-sp {
    width: 50%;
    margin: 15px auto 0;
  }
  .yokoyama-history .history-text {
    width: 100%;
  }
  .yokoyama-history .history-text > h4 {
    margin-top: 10px;
  }
  .yokoyama-history .history-text > ul {
    padding-bottom: 5px;
  }
}

.mind {
  position: relative;
  background-color: #f8f8f8;
  margin: 0 0 -50px 0;
  padding-top: 160px;
  padding-bottom: 50px;
  z-index: 1;
}
.mind:before {
  position: absolute;
  background-image: url(../img/common/giza_white.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  transform: rotate(180deg);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  margin-top: -1px;
  content: "";
}
.mind::after {
  position: absolute;
  background-image: url(../img/common/giza_white.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  margin-bottom: -1px;
  content: "";
}
.mind > h3 {
  font-size: 3.6rem;
  font-weight: normal;
  text-align: center;
  margin-top: -50px;
}
.mind > .l-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  padding-bottom: 50px;
}
.mind .box__white {
  width: 32%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 30px 30px 50px;
  margin-top: 50px;
}
.mind .promise {
  width: 100%;
  margin: 0 auto;
}
.mind .promise > h4 {
  font-size: 3rem;
  font-weight: normal;
  text-align: center;
  color: #BF4A00;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .mind {
    margin: 0 0 -50px 0;
    padding-top: 100px;
    padding-bottom: 50px;
  }
  .mind > h3 {
    font-size: 3.4rem;
    margin-top: -40px;
  }
  .mind > .l-inner {
    padding-bottom: 0px;
  }
  .mind .box__white {
    padding: 20px 20px 40px;
    margin-top: 20px;
  }
  .mind .promise > h4 {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .mind {
    margin: 0 0 -50px 0;
    padding-top: 80px;
    padding-bottom: 30px;
  }
  .mind > h3 {
    font-size: 2.6rem;
    margin-top: -30px;
  }
  .mind > .l-inner {
    padding-bottom: 30px;
  }
  .mind .box__white {
    display: flex;
    flex-direction: column;
    padding: 15px 15px 25px;
    margin-top: 30px;
  }
  .mind .promise > h4 {
    font-size: 2rem;
  }
  .mind .promise > .text {
    line-height: 1.5;
  }
}
@media only screen and (max-width: 639px) {
  .mind {
    margin: 0 0 -50px 0;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .mind > h3 {
    font-size: 2rem;
    margin-top: 0px;
  }
  .mind > .l-inner {
    padding-bottom: 0px;
  }
  .mind .box__white {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px;
    margin-top: 30px;
  }
  .mind .promise > h4 {
    font-size: 1.8rem;
  }
  .mind .promise > .text {
    line-height: 1.5;
  }
}

.overview-history > .l-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.overview-history .overview > h3 {
  font-size: 3.6rem;
}
.overview-history .overview > .list {
  border-top: 1px solid #ccc;
}
.overview-history .overview > .list dt {
  font-weight: bold;
  margin-top: 25px;
}
.overview-history .overview > .list dd {
  border-bottom: 1px solid #ccc;
  padding-bottom: 25px;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .overview-history > .l-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .overview-history .overview > h3 {
    font-size: 3rem;
  }
  .overview-history .overview > .list dt {
    margin-top: 20px;
  }
  .overview-history .overview > .list dd {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .overview-history > .l-inner {
    display: flex;
    flex-direction: column;
  }
  .overview-history .overview > h3 {
    font-size: 2.2rem;
  }
  .overview-history .overview > .list dt {
    margin-top: 15px;
  }
  .overview-history .overview > .list dd {
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 639px) {
  .overview-history > .l-inner {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
  }
  .overview-history .overview > h3 {
    font-size: 1.8rem;
  }
  .overview-history .overview > .list dt {
    margin-top: 10px;
  }
  .overview-history .overview > .list dd {
    padding-bottom: 10px;
  }
}

.overview {
  width: 48%;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .overview {
    width: 100%;
  }
}
@media only screen and (max-width: 639px) {
  .overview {
    width: 100%;
  }
}

.access {
  width: 48%;
}
.access .gmap {
  padding: 10px;
  border: 1px solid #ccc;
}
.access .gmap iframe {
  width: 100%;
  height: 610px;
  border: 0;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .access .gmap iframe {
    height: 500px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .access {
    width: 100%;
  }
  .access .gmap {
    margin-top: 20px;
  }
  .access .gmap iframe {
    height: 400px;
  }
}
@media only screen and (max-width: 639px) {
  .access {
    width: 100%;
  }
  .access .gmap {
    margin-top: 10px;
    padding: 5px;
  }
  .access .gmap iframe {
    height: 300px;
  }
}

.ashitaka-top {
  position: relative;
  padding: 100px 0 130px;
  background-image: url(../img/common/y-back.jpg);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 1920px auto;
  z-index: 0;
}
.ashitaka-top:before {
  position: absolute;
  background-image: url(../img/common/giza_white.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  transform: rotate(180deg);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin-top: -1px;
  content: "";
  z-index: -1;
}
.ashitaka-top:after {
  position: absolute;
  background-image: url(../img/common/giza_white.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin-bottom: -1px;
  z-index: -1;
  content: "";
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .ashitaka-top {
    padding: 80px 0 100px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .ashitaka-top {
    padding: 60px 0 80px;
  }
}
@media only screen and (max-width: 639px) {
  .ashitaka-top {
    padding: 40px 0 60px;
  }
}

.ashitaka-2nd {
  position: relative;
  padding: 100px 0 0;
}
.ashitaka-2nd:before {
  position: absolute;
  background-image: url(../img/common/giza_white.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;
}
.ashitaka-2nd > .l-inner {
  display: flex;
  justify-content: space-between;
}
.ashitaka-2nd .text {
  width: 48%;
  margin-right: 60px;
}
.ashitaka-2nd .text > .image {
  width: 423px;
}
.ashitaka-2nd .hamidasi {
  flex: 1;
  width: 48%;
  margin-right: calc(50% - 50vw);
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .ashitaka-2nd {
    padding: 70px 0 0;
  }
  .ashitaka-2nd .text > .image {
    width: 250px;
  }
  .ashitaka-2nd .text > p {
    font-size: 1.6rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .ashitaka-2nd {
    padding: 20px 0 0;
  }
  .ashitaka-2nd > .l-inner {
    flex-direction: column;
    margin: 0 auto;
    padding: 0;
  }
  .ashitaka-2nd .text {
    width: 100%;
    margin: 0 auto;
  }
  .ashitaka-2nd .text > .image {
    width: 50%;
  }
  .ashitaka-2nd .hamidasi {
    width: 100%;
    margin: 10px 0 0;
  }
  .ashitaka-2nd .hamidasi img {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }
}
@media only screen and (max-width: 639px) {
  .ashitaka-2nd {
    padding: 20px 0 0;
  }
  .ashitaka-2nd > .l-inner {
    flex-direction: column;
    margin: 0 auto;
    padding: 0;
  }
  .ashitaka-2nd .text {
    width: 100%;
    margin: 0 auto;
  }
  .ashitaka-2nd .text > .image {
    width: 70%;
  }
  .ashitaka-2nd .hamidasi {
    width: 100%;
    margin: 10px 0 0;
  }
  .ashitaka-2nd .hamidasi img {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}

.ashitaka-3rd {
  margin-top: 80px;
}
.ashitaka-3rd .gray-item {
  background: #E6E2D9;
  margin-top: 20px;
  padding: 18px;
  border-radius: 20px;
}
.ashitaka-3rd .gray-item p {
  font-size: 3rem;
  text-align: center;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .ashitaka-3rd {
    margin-top: 50px;
  }
  .ashitaka-3rd .gray-item {
    padding: 15px;
    border-radius: 15px;
  }
  .ashitaka-3rd .gray-item p {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .ashitaka-3rd {
    margin-top: 20px;
  }
  .ashitaka-3rd .gray-item {
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
  }
  .ashitaka-3rd .gray-item p {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 639px) {
  .ashitaka-3rd {
    margin-top: 15px;
  }
  .ashitaka-3rd .gray-item {
    margin-top: 10px;
    padding: 8px;
    border-radius: 5px;
  }
  .ashitaka-3rd .gray-item p {
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
}

.ashitaka-4th .l-inner {
  width: 55%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ashitaka-4th .image {
  width: 28%;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .ashitaka-4th .l-inner {
    width: 75%;
  }
  .ashitaka-4th .image {
    width: 28%;
  }
}
@media only screen and (max-width: 639px) {
  .ashitaka-4th .l-inner {
    width: 80%;
  }
  .ashitaka-4th .image {
    width: 28%;
  }
}

.ashitaka-5th .l-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ashitaka-5th .osusume {
  display: flex;
  flex-direction: column;
  width: 48%;
}
.ashitaka-5th .osusume > .image {
  width: 100%;
}
.ashitaka-5th .osusume-txt {
  flex-grow: 1;
  background: #ffefd0;
  margin-top: auto;
  padding: 30px;
  border-radius: 10px;
}
.ashitaka-5th .osusume-txt .osusume-p {
  font-size: 2.2rem;
  line-height: 1.6;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .ashitaka-5th .osusume {
    width: 48%;
  }
  .ashitaka-5th .osusume > .image {
    width: 100%;
  }
  .ashitaka-5th .osusume-txt {
    padding: 28px;
    border-radius: 8px;
  }
  .ashitaka-5th .osusume-txt .osusume-p {
    font-size: 1.8rem;
    line-height: 1.6;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .ashitaka-5th .osusume-txt {
    padding: 25px;
    border-radius: 7px;
  }
  .ashitaka-5th .osusume-txt .osusume-p {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
@media only screen and (max-width: 639px) {
  .ashitaka-5th .l-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ashitaka-5th .osusume {
    width: 100%;
  }
  .ashitaka-5th .osusume-txt {
    padding: 20px;
    border-radius: 5px;
  }
  .ashitaka-5th .osusume-txt .osusume-p {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}

.ashitaka-gourmet .l-inner {
  display: flex;
  flex-direction: column;
}
.ashitaka-gourmet .g-title {
  width: 50%;
  margin: 0 auto;
}
.ashitaka-gourmet .list-gourmet .gourmet {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.ashitaka-gourmet .list-gourmet .gourmet:nth-child(even) {
  flex-direction: row-reverse;
}
.ashitaka-gourmet .list-gourmet .gourmet-photo {
  width: 48%;
}
.ashitaka-gourmet .list-gourmet .gourmet-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 48%;
}
.ashitaka-gourmet .list-gourmet .gourmet-text .title {
  color: #BF4A00;
  font-size: 5rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
.ashitaka-gourmet .list-gourmet .gourmet-text .title span {
  display: block;
  font-size: 3rem;
  line-height: 1.3;
}
.ashitaka-gourmet .list-gourmet .gourmet-text .text {
  margin-top: 15px;
}
.ashitaka-gourmet .list-gourmet .gourmet-text.rows2 {
  flex-direction: row;
  justify-content: space-between;
}
.ashitaka-gourmet .list-gourmet .gourmet-text.rows2 .first {
  display: flex;
  flex-direction: column;
  width: 48%;
  margin: auto 0;
}
.ashitaka-gourmet .list-gourmet .gourmet-text.rows2 .first > .text {
  margin-top: auto;
}
.ashitaka-gourmet .list-gourmet .gourmet-text.rows2 .second {
  display: flex;
  flex-direction: column;
  margin: auto 0;
  margin-left: auto;
  border-left: 2px solid #BF4A00;
  padding-left: 25px;
}
.ashitaka-gourmet .list-gourmet .gourmet-text.rows2 .second > .text {
  margin-top: auto;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .ashitaka-gourmet .list-gourmet .gourmet {
    margin-top: 40px;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text .title {
    font-size: 3rem;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text .title span {
    font-size: 1.8rem;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text .text {
    margin-top: 10px;
    line-height: 1.5;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text.rows2 {
    flex-direction: column;
    justify-content: space-between;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text.rows2 .first {
    width: 100%;
    margin: 0;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text.rows2 .first > .text {
    margin-top: auto;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text.rows2 .second {
    width: 100%;
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-left: none;
    border-top: 2px solid #BF4A00;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text.rows2 .second > .text {
    margin-top: auto;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .ashitaka-gourmet .list-gourmet .gourmet {
    flex-direction: column;
    margin-top: 40px;
  }
  .ashitaka-gourmet .list-gourmet .gourmet:first-child {
    margin-top: 20px;
  }
  .ashitaka-gourmet .list-gourmet .gourmet:nth-child(even) {
    flex-direction: column;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-photo {
    width: 80%;
    margin: 0 auto;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text {
    width: 80%;
    margin: 20px auto 0;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text .title {
    font-size: 2.4rem;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text .title span {
    font-size: 1.8rem;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text .text {
    margin-top: 5px;
    line-height: 1.5;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text.rows2 {
    flex-direction: column;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text.rows2 .first {
    width: 100%;
    margin: 0;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text.rows2 .first > .text {
    margin-top: auto;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text.rows2 .second {
    width: 100%;
    margin: 20px 0 0;
    padding: 0;
    border-left: none;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text.rows2 .second > .text {
    margin-top: auto;
  }
}
@media only screen and (max-width: 639px) {
  .ashitaka-gourmet .g-title {
    width: 80%;
  }
  .ashitaka-gourmet .list-gourmet .gourmet {
    flex-direction: column;
    margin-top: 20px;
  }
  .ashitaka-gourmet .list-gourmet .gourmet:first-child {
    margin-top: 10px;
  }
  .ashitaka-gourmet .list-gourmet .gourmet:nth-child(even) {
    flex-direction: column;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-photo {
    width: 100%;
    margin: 0 auto;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text {
    width: 100%;
    margin: 10px auto 0;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text .title {
    font-size: 1.8rem;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text .title span {
    font-size: 1.4rem;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text .text {
    margin-top: 3px;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text.rows2 {
    flex-direction: column;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text.rows2 .first {
    width: 100%;
    margin: 0;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text.rows2 .first > .text {
    margin-top: auto;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text.rows2 .second {
    width: 100%;
    margin: 10px 0 0;
    padding: 0;
    border-left: none;
  }
  .ashitaka-gourmet .list-gourmet .gourmet-text.rows2 .second > .text {
    margin-top: auto;
  }
}

.gourmet-six .g-title {
  font-size: 3.6rem;
  line-height: 1.5;
  font-weight: normal;
}
.gourmet-six > .l-inner {
  width: 85%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gourmet-six .gourmet-6 {
  width: 32%;
  font-size: 3rem;
  text-align: center;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .gourmet-six .g-title {
    font-size: 3rem;
  }
  .gourmet-six .gourmet-6 {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .gourmet-six .g-title {
    font-size: 2rem;
  }
  .gourmet-six .gourmet-6 {
    width: 48%;
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 639px) {
  .gourmet-six .g-title {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  .gourmet-six .gourmet-6 {
    width: 100%;
    margin: 0 auto;
    font-size: 2rem;
  }
}

.ashitaka-last .l-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 100px;
}
.ashitaka-last__photo {
  flex: 1;
  width: 48%;
  margin-left: calc(50% - 50vw);
}
.ashitaka-last__text {
  width: 48%;
  margin-left: 60px;
  padding-bottom: 30px;
}
.ashitaka-last__text .title {
  font-size: 6rem;
  line-height: 1;
}
.ashitaka-last__text .title img {
  width: 423px;
}
.ashitaka-last__text .text {
  font-size: 3.6rem;
  margin-top: 50px;
  line-height: 1.3;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .ashitaka-last .l-inner {
    padding-bottom: 80px;
  }
  .ashitaka-last__text {
    margin-left: 60px;
  }
  .ashitaka-last__text .title {
    font-size: 3.2rem;
  }
  .ashitaka-last__text .title img {
    width: 250px;
  }
  .ashitaka-last__text .text {
    font-size: 2.2rem;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .ashitaka-last .l-inner {
    flex-direction: column;
    padding-bottom: 50px;
  }
  .ashitaka-last__photo {
    flex: 1;
    width: 100%;
    margin: 0;
  }
  .ashitaka-last__photo img {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
  }
  .ashitaka-last__text {
    width: 100%;
    margin: 30px 0 0;
  }
  .ashitaka-last__text .title {
    font-size: 2.4rem;
  }
  .ashitaka-last__text .title img {
    width: 50%;
  }
  .ashitaka-last__text .text {
    font-size: 1.6rem;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 639px) {
  .ashitaka-last .l-inner {
    flex-direction: column;
    padding-bottom: 30px;
  }
  .ashitaka-last__photo {
    flex: 1;
    width: 100%;
    margin: 0;
  }
  .ashitaka-last__photo img {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .ashitaka-last__text {
    width: 100%;
    margin: 20px 0 0;
  }
  .ashitaka-last__text .title {
    font-size: 2.2rem;
  }
  .ashitaka-last__text .title img {
    width: 50%;
  }
  .ashitaka-last__text .text {
    font-size: 1.4rem;
    margin-top: 10px;
  }
}

.sidedish-t {
  width: 50%;
  margin: 0 auto;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .sidedish-t {
    width: 70%;
  }
}
@media only screen and (max-width: 639px) {
  .sidedish-t {
    width: 90%;
  }
}

.sidedish-top {
  position: relative;
  z-index: -1;
  padding: 0 0 100px;
  background-image: url(../img/sidedish/seiniku-top-bg.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.sidedish-top .l-inner {
  width: 80%;
  margin: 0 auto;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .sidedish-top {
    padding: 0 0 80px;
    background-position: 0 0;
    background-size: 100% auto;
  }
  .sidedish-top .l-inner {
    width: 80%;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .sidedish-top {
    padding: 0 0 50px;
    background-position: 0 0;
    background-size: 100% auto;
  }
  .sidedish-top .l-inner {
    width: 80%;
  }
}
@media only screen and (max-width: 639px) {
  .sidedish-top {
    padding: 0 0 30px;
    background-position: 0 0;
    background-size: 100% auto;
  }
  .sidedish-top .l-inner {
    width: 80%;
  }
  .sidedish-top .l-inner > .image {
    width: 100%;
    margin: 0 auto;
  }
}

.azi {
  width: 48%;
  margin: 80px 0 0;
}
.azi-text > .title {
  margin-top: 20px;
  color: #BF4A00;
  font-size: 2.4rem;
  line-height: 1.5;
}
.azi-text > .title span {
  display: block;
  font-size: 1.8rem;
  line-height: 1.3;
}
.azi-text > .title.t-top {
  margin: 0;
}
.azi-text > .text {
  margin-top: 5px;
  line-height: 1.5;
}
.azi-text > .text.etc {
  margin-top: 50px;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .azi {
    margin: 50px 0 0;
  }
  .azi-text > .title {
    font-size: 2rem;
  }
  .azi-text > .title span {
    font-size: 1.6rem;
  }
  .azi-text > .text.etc {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .azi {
    width: 80%;
    margin: 30px auto 0;
  }
  .azi-text > .title {
    margin-top: 20px;
    font-size: 2rem;
  }
  .azi-text > .title span {
    font-size: 1.6rem;
  }
  .azi-text > .text {
    margin-top: 5px;
  }
  .azi-text > .text.etc {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 639px) {
  .azi {
    width: 100%;
    margin: 0 auto;
  }
  .azi-photo {
    margin-top: 20px;
  }
  .azi-text > .title {
    margin-top: 10px;
    font-size: 1.8rem;
  }
  .azi-text > .title span {
    font-size: 1.4rem;
  }
  .azi-text > .title.t-top {
    margin-top: 10px;
  }
  .azi-text > .text {
    margin-top: 3px;
  }
  .azi-text > .text.etc {
    margin-top: 10px;
  }
}

.sidedish-2nd {
  position: relative;
  padding: 100px 0 130px;
  background-image: url(../img/common/y-back.jpg);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 100% auto;
  z-index: 0;
}
.sidedish-2nd:before {
  position: absolute;
  background-image: url(../img/common/giza_white.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  transform: rotate(180deg);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin-top: -1px;
  content: "";
  z-index: -1;
}
.sidedish-2nd:after {
  position: absolute;
  background-image: url(../img/common/giza_white.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin-bottom: -1px;
  content: "";
  z-index: -1;
}
.sidedish-2nd .azitukeniku {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .sidedish-2nd {
    padding: 80px 0 100px;
  }
  .sidedish-2nd .azi {
    margin: 50px 0 0;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .sidedish-2nd {
    padding: 40px 0 60px;
  }
  .sidedish-2nd .azitukeniku {
    flex-direction: column;
  }
}
@media only screen and (max-width: 639px) {
  .sidedish-2nd {
    padding: 30px 0 50px;
  }
  .sidedish-2nd .azitukeniku {
    flex-direction: column;
  }
}

.sidedish-3rd .sozai-3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}
.sidedish-3rd .sozai-3 > .azi {
  width: 31%;
}
.sidedish-3rd .sozai-3.sozai-top > .azi {
  margin-top: 30px;
}
.sidedish-3rd .sozai-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .sidedish-3rd .sozai-2 > .azi {
    width: 48%;
  }
}
@media only screen and (max-width: 639px) {
  .sidedish-3rd .sozai-3 > .azi {
    width: 100%;
  }
  .sidedish-3rd .sozai-3.sozai-top > .azi {
    margin-top: 0;
  }
  .sidedish-3rd .sozai-2 > .azi {
    width: 100%;
  }
}

.gift-top .gift-title {
  font-size: 3rem;
  text-align: center;
  line-height: 1.5;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .gift-top .gift-title {
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 639px) {
  .gift-top .gift-title {
    font-size: 1.6rem;
  }
}

.gift-img {
  border-top: 1px solid #ccc;
  padding: 100px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gift-img .gift-text {
  width: 38%;
}
.gift-img .gift-t {
  font-size: 3.6rem;
  line-height: 1.5;
}
.gift-img .gift-t > span {
  color: #BF4A00;
}
.gift-img .image {
  width: 56%;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .gift-img {
    padding: 60px 0 0;
  }
  .gift-img .gift-t {
    font-size: 2.8rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .gift-img {
    padding: 40px 0 0;
  }
  .gift-img .gift-t {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 639px) {
  .gift-img {
    padding: 20px 0 0;
    display: flex;
  }
  .gift-img .gift-text {
    width: 100%;
  }
  .gift-img .gift-t {
    font-size: 2.2rem;
  }
  .gift-img .image {
    width: 100%;
    margin-top: 20px;
  }
}

.gift-pac {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
  padding-bottom: 20px;
}
.gift-pac:after {
  display: block;
  width: 32%;
  content: "";
}
.gift-pac .gift-food {
  display: flex;
  flex-direction: column;
  width: 32%;
  padding: 0 0 80px;
}
.gift-pac .gift-food .food-gift-p {
  flex-grow: 1;
  font-size: 2.4rem;
  padding: 20px 0 30px;
  line-height: 1.2;
}
.gift-pac .gift-food .food-g {
  font-size: 1.8rem;
  margin-top: -10px;
  padding: 0 0 30px;
  line-height: 1;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .gift-pac .gift-food {
    padding: 0 0 60px;
  }
  .gift-pac .gift-food .food-gift-p {
    font-size: 1.8rem;
    padding: 20px 0 20px;
  }
  .gift-pac .gift-food .food-g {
    font-size: 1.6rem;
    padding: 0 0 20px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .gift-pac {
    margin-top: 20px;
  }
  .gift-pac .gift-food {
    width: 48%;
    padding: 0 0 40px;
  }
  .gift-pac .gift-food .food-gift-p {
    padding: 15px 0;
    font-size: 1.6rem;
  }
  .gift-pac .gift-food .food-g {
    margin-top: -5px;
    padding: 0 0 15px;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 639px) {
  .gift-pac {
    margin-top: 20px;
  }
  .gift-pac .gift-food {
    width: 100%;
    padding: 0 0 20px;
  }
  .gift-pac .gift-food .food-gift-p {
    padding: 15px 0 5px;
    font-size: 1.4rem;
  }
  .gift-pac .gift-food .food-g {
    font-size: 1.2rem;
    margin-top: 0;
    padding: 0 0 10px;
  }
}

.contact-layout {
  position: relative;
  background-color: #f8f8f8;
  margin: 0 0 -50px 0;
  padding-top: 100px;
  padding-bottom: 140px;
  z-index: 0;
}
.contact-layout:before {
  position: absolute;
  background-image: url(../img/common/giza_white.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  transform: rotate(180deg);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  margin-top: -1px;
  content: "";
}
.contact-layout > .l-inner {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .contact-layout {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .contact-layout {
    height: 100%;
    margin-top: 20px;
    padding-top: 50px;
  }
  .contact-layout > .l-inner {
    flex-direction: column;
  }
}
@media only screen and (max-width: 639px) {
  .contact-layout {
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 50px;
  }
  .contact-layout > .l-inner {
    flex-direction: column;
  }
}

.tel-insta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 32%;
  margin-top: 30px;
}
.tel-insta h2 {
  font-size: 3rem;
}
.tel-insta .tel-number {
  font-weight: bold;
  font-size: 2.2rem;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .tel-insta {
    margin-top: 30px;
  }
  .tel-insta h2 {
    font-size: 2.6rem;
  }
  .tel-insta .tel-number {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .tel-insta {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-end;
    width: auto;
    margin-top: 0;
    font-size: 1.4rem;
  }
  .tel-insta h2 {
    font-size: 2.2rem;
  }
  .tel-insta .tel-number {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 639px) {
  .tel-insta {
    margin-top: 20px;
    width: 100%;
  }
  .tel-insta h2 {
    font-size: 1.8rem;
  }
  .tel-insta .tel-number {
    font-size: 1.6rem;
  }
}

.contact-instagram {
  background-image: url(../img/top/bg_insta_01.png), url(../img/top/bg_insta_02.png), url(../img/top/bg_insta_03.png);
  background-position: 0 30px, 100% 0, 50% 100%;
  background-repeat: no-repeat;
  background-size: 90px auto, 103px auto, 140px auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  height: 350px;
  margin: auto 0 0;
}
.contact-instagram .account {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin: auto 0 0;
  font-size: 2.6rem;
  font-weight: bold;
}
.contact-instagram .account > img {
  width: 40px;
  margin-right: 20px;
}
.contact-instagram > .text {
  margin-top: 20px;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .contact-instagram {
    background-position: 0 60px, 100% 0, 90% 100%;
    background-size: 60px auto, 70px auto, 80px auto;
    width: 100%;
    height: auto;
    padding: 110px 0 60px;
  }
  .contact-instagram .account {
    height: 40px;
    margin: auto 0 0;
    font-size: 2rem;
  }
  .contact-instagram .account > img {
    width: 30px;
    margin-right: 15px;
  }
  .contact-instagram > .text {
    margin-top: 10px;
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .contact-instagram {
    background-position: 0 60px, 100% 0, 90% 100%;
    background-size: 60px auto, 70px auto, 80px auto;
    flex-direction: column;
    width: 220px;
    height: auto;
    margin: 0 0 0 auto;
    padding: 110px 0 60px;
  }
  .contact-instagram .account {
    height: auto;
    margin: 0;
    font-size: 2rem;
  }
  .contact-instagram .account > img {
    width: 30px;
    margin-right: 15px;
  }
  .contact-instagram > .text {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 639px) {
  .contact-instagram {
    background-position: 0 10px, 100% 0, 90% 90%;
    background-size: 50px auto, 50px auto, 70px auto;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin: 20px 0 0;
    padding: 50px 0;
  }
  .contact-instagram .account {
    height: auto;
    margin: 0;
    font-size: 2rem;
  }
  .contact-instagram .account > img {
    width: 30px;
    margin-right: 15px;
  }
  .contact-instagram > .text {
    margin-top: 10px;
  }
}

.contact-list {
  margin: 40px 0 0;
  width: 64%;
}
.contact-list__inner {
  background: #fff;
  width: 100%;
  margin: 0 auto;
  padding: 50px 50px 30px;
  border-radius: 20px;
  box-shadow: 0 0 6px #ccc;
}
.contact-list__inner .title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  text-align: center;
}
.contact-list__inner .title i {
  margin-right: 15px;
  color: #4E4444;
  font-size: 3.4rem;
}
.contact-list__inner .tel-number {
  margin-top: 10px;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
.contact-list__inner .tel-number a {
  color: #000;
}
.contact-list__inner .tel-info {
  margin-top: 5px;
  text-align: center;
}
.contact-list__inner .mail-info {
  padding: 20px 0 40px;
}
.contact-list__submit {
  margin: 10px 0 0;
}
.contact-list__submit p {
  text-align: center;
}
.contact-list__submit a {
  color: #BF4A00;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .contact-list {
    margin: 30px 0 0;
  }
  .contact-list__inner {
    width: 100%;
    padding: 30px 40px 20px;
  }
  .contact-list__inner .title {
    font-size: 2.6rem;
  }
  .contact-list__inner .title i {
    margin-right: 10px;
    font-size: 3rem;
  }
  .contact-list__inner .tel-number {
    font-size: 3rem;
  }
  .contact-list__submit {
    margin: 20px 0 0;
  }
  .contact-list__submit p {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .contact-list {
    margin: 30px 0 0;
    width: 100%;
  }
  .contact-list__inner {
    width: 100%;
    padding: 30px 30px 10px;
  }
  .contact-list__inner .title {
    font-size: 2rem;
  }
  .contact-list__inner .title i {
    margin-right: 10px;
    font-size: 3.3rem;
  }
  .contact-list__inner .tel-number {
    font-size: 2.8rem;
  }
  .contact-list__submit {
    margin: 20px 0 0;
    padding: 0;
  }
  .contact-list__submit p {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 639px) {
  .contact-list {
    margin: 10px 0 0;
    width: 100%;
  }
  .contact-list__inner {
    width: 100%;
    padding: 20px 20px 5px;
    border-radius: 10px;
  }
  .contact-list__inner .title {
    margin-top: 10px;
    padding-bottom: 0;
    font-size: 1.6rem;
  }
  .contact-list__inner .title i {
    margin-right: 5px;
    font-size: 2rem;
  }
  .contact-list__inner .tel-number {
    font-size: 2rem;
  }
  .contact-list__inner .mail-info {
    padding: 20px 0 20px;
  }
  .contact-list__submit {
    margin: 20px 0 0;
    padding: 0;
  }
  .contact-list__submit p {
    font-size: 1.4rem;
    text-align: left;
  }
}

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

.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 {
  padding-top: 100px;
}
.blog-list > .l-inner {
  border-top: 1px solid #ccc;
}
.blog-list__detail {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 70px 0;
  border-bottom: 1px solid #ccc;
}
.blog-list__text {
  display: flex;
  flex-direction: column;
  width: calc(100% - 450px);
}
.blog-list__date {
  display: flex;
  justify-content: flex-start;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  line-height: 1.3;
}
.blog-list__date .slug-news {
  background: #BF4A00;
}
.blog-list__date .slug-works {
  background: #4E4444;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
}
.blog-list__title {
  width: 100%;
  margin: 20px 0 0;
  padding: 0;
  font-size: 3rem;
  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: #4e4444;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  margin-top: 10px;
  padding: 6px 35px 4px;
  border: 2px solid #4e4444;
  border-radius: 50px;
}
.blog-list__link a:hover {
  background: #fff;
  color: #4e4444;
  border: 2px solid #4e4444;
}
.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 {
  border: 1px solid #ccc;
  border-radius: 20px;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .blog-list {
    padding-top: 70px;
  }
  .blog-list__detail {
    padding: 40px 0;
  }
  .blog-list__text {
    width: 60%;
  }
  .blog-list__date {
    font-size: 1.6rem;
  }
  .blog-list__date .category {
    width: 100px;
    margin-right: 10px;
  }
  .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 {
    padding-top: 40px;
  }
  .blog-list__detail {
    padding: 30px 0;
  }
  .blog-list__text {
    width: 60%;
  }
  .blog-list__date {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .blog-list__date .category {
    width: 90px;
    margin-right: 10px;
    font-size: 1.4rem;
  }
  .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 {
    padding-top: 20px;
  }
  .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__date .category {
    width: 90px;
    margin-right: 10px;
    font-size: 1.3rem;
  }
  .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%;
    padding: 3px 15px;
    font-size: 1.3rem;
    border: none;
  }
  .blog-list__link a:hover {
    background: #000;
    color: #fff;
    border: none;
  }
  .blog-list__link a i {
    display: none;
  }
  .blog-list__thumbnail {
    width: 100%;
  }
}

.works-list {
  margin-top: -50px;
  padding-bottom: 50px;
}
.works-list > .l-inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.works-list__detail {
  width: 610px;
  margin-top: 50px;
}
.works-list__detail a {
  color: #000;
  text-decoration: none;
}
.works-list__detail img {
  width: 610px;
  height: 380px;
  object-fit: cover;
  border: 1px solid #ccc;
  overflow: hidden;
}
.works-list__date {
  margin-top: 25px;
  line-height: 1.3;
}
.works-list__title {
  margin: 25px 0 0;
  padding: 0;
  font-size: 2.8rem;
  line-height: 1.2;
}
@media only screen and (min-width: 960px) and (max-width: 1299px) {
  .works-list {
    margin-top: -40px;
    padding-bottom: 30px;
  }
  .works-list__detail {
    width: 48%;
    margin-top: 40px;
  }
  .works-list__detail img {
    width: 100%;
    height: 75%;
  }
  .works-list__date {
    margin-top: 20px;
    font-size: 1.6rem;
  }
  .works-list__title {
    margin: 5px 0 0;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .works-list {
    margin-top: -30px;
    padding-bottom: 20px;
  }
  .works-list__detail {
    width: 48%;
    margin-top: 30px;
  }
  .works-list__detail img {
    width: 100%;
    height: 75%;
  }
  .works-list__date {
    margin-top: 10px;
    font-size: 1.4rem;
  }
  .works-list__title {
    margin: 5px 0 0;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 639px) {
  .works-list {
    margin-top: -25px;
    padding-bottom: 0;
  }
  .works-list__detail {
    width: 100%;
    margin-top: 25px;
  }
  .works-list__detail img {
    width: 100%;
    height: auto;
  }
  .works-list__date {
    margin-top: 10px;
    font-size: 1.2rem;
  }
  .works-list__title {
    margin: 10px 0 0;
    font-size: 1.4rem;
  }
}

.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: #4E4444;
  width: 53px;
  height: 53px;
  margin: 50px 5px 0;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 50%;
  border: 3px solid #4E4444;
}
.nav-links .page-numbers:hover, .nav-links .page-numbers.current {
  background: #fff;
  color: #4E4444;
  border: 3px solid #4E4444;
}
.nav-links .page-numbers.prev i, .nav-links .page-numbers.next i {
  font-size: 1.8rem;
}
@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 #4E4444;
  }
  .nav-links .page-numbers:hover, .nav-links .page-numbers.current {
    border: 2px solid #4E4444;
  }
  .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 #4E4444;
  }
  .nav-links .page-numbers:hover, .nav-links .page-numbers.current {
    border: 2px solid #4E4444;
  }
  .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;
  color: #000;
  text-decoration: none;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.3;
}
.blog-single__date .category {
  flex-shrink: 0;
  width: 120px;
  margin-right: 30px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  border-radius: 50px;
  text-align: center;
}
.blog-single__date .slug-news {
  background: #BF4A00;
}
.blog-single__date .slug-works {
  background: #4E4444;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
}
.blog-single__title {
  margin: 10px auto 0;
  font-size: 3.6rem;
  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: 1299px) {
  .blog-single__date {
    font-size: 1.8rem;
  }
  .blog-single__date .category {
    width: 100px;
    margin-right: 10px;
    font-size: 1.6rem;
  }
  .blog-single__title {
    margin: 10px 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.6rem;
  }
  .blog-single__date .category {
    width: 90px;
    margin-right: 10px;
    font-size: 1.4rem;
  }
  .blog-single__title {
    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__date .category {
    width: 80px;
    margin-right: 10px;
    font-size: 1.3rem;
  }
  .blog-single__title {
    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: 1299px) {
  .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;
  }
}