@charset "UTF-8";
/*改善点

・768pxまではPC（タブレットも含む）
・767pxからSP


追加ルール
/*==================
 ▼ブレイクポイントのルール▼
 -スマホを基本設計にする-
 *〜479px：SP縦
 *480px〜：SP横
 *600px〜タブレット
 *960px〜小型PC
 *1280px〜大型PC
==================

*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap");
.mainColor {
  color: #ffbe00;
}

.mainColorSub {
  color: #fbee43;
}

.bgmainColor {
  color: #f1f3f3;
}

.mainColorDeep {
  color: #596166;
}

.bgMainColorDeep {
  background-color: #596166;
}

.mainColorExDeep {
  color: #f3efef;
}

.mainColorLight {
  color: #aad1c1;
}

.bgMainColorLight {
  background-color: #aad1c1;
}

.mainColorExLight {
  color: #ededed;
}

.bgMainColorExLight {
  background-color: #ededed;
}

.mainColorUlLight {
  color: #f6f7f9;
}

.cautionColor {
  color: #e60110;
}

.bgMainColorUlLight {
  background-color: #f6f7f9;
}

.subColor {
  color: #443b24;
}

.bgSubColor {
  background-color: #004996;
}

.subColorDeep {
  color: #e3e3fb;
}

.bgSubColorDeep {
  background-color: #e3e3fb;
}

.bgSubColorLight {
  background-color: #e3e2e2;
}

.compColor {
  color: #a9a8a9;
}

.bgCompColor {
  background-color: #a9a8a9;
}

.grayColor {
  color: #cccdcd;
}

.bgGrayColor {
  background-color: #cccdcd;
}

.grayColorLight {
  color: #dcdcdc;
}

.bgGrayColorLight {
  background-color: #dcdcdc;
}

.bgGrayColorExLight {
  background-color: #ececec;
}

.bgWhiteTrans {
  background-color: rgba(255, 255, 255, 0.5);
}

.bgBlackTrans {
  background-color: rgba(0, 0, 0, 0.3);
}

.bgBlack {
  background: #000;
}

.bgGrad {
  background: rgb(255, 174, 86);
  background: linear-gradient(to right, #efe590 0%, #ffae56 100%);
}

.bgGradafter {
  background: rgb(239, 229, 144);
  background: linear-gradient(to left, #efe590 0%, #ffae56 100%);
}

.bgTexture {
  background-image: url(../img/bg_texture_light.gif);
}

.grayLight {
  color: #9a9a9a;
}

.white {
  color: #fff;
}

/*フォント系*/
.fontEn {
  font-family: "Montserrat", sans-serif;
}

.fontEnSub {
  font-family: "Heebo", sans-serif;
}

.fontNumSub {
  font-family: "Barlow Condensed", sans-serif;
}

.fontNumSubA {
  font-family: "Didact Gothic", sans-serif;
}

.fontNum {
  font-family: "Inter", sans-serif;
}

.fontJP {
  font-family: "Noto Serif JP", serif;
}

.serif {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.sans {
  font-family: YakuHanJP_Narrow, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #231815;
}
body p,
body span {
  font-weight: 500;
}

/*==================================================
 * リセットcss
 *================================================*/
/* a modern css reset*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

li {
  list-style-type: none;
}

/*==================================================
 * フォント
 *================================================*/
.italic {
  font-style: italic;
}

html {
  font-size: 10px;
}

html,
body {
  font-feature-settings: "palt";
}

body {
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0.1em;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.8;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7,
p,
span,
div {
  line-height: 1.8;
  font-weight: 400;
}

.lh_xxl {
  line-height: 2.5;
}
.lh_xxl * {
  line-height: 2.5;
}

.lh_xl {
  line-height: 2;
}
.lh_xl * {
  line-height: 2;
}

.lh_l {
  line-height: 1.8;
}
.lh_l * {
  line-height: 1.8;
}

.lh_m {
  line-height: 1.5;
}
.lh_m * {
  line-height: 1.5;
}

.lh_s {
  line-height: 1.1;
}
.lh_s * {
  line-height: 1.1;
}

.lh_xs {
  line-height: 0.7;
}
.lh_xs * {
  line-height: 0.7;
}

.ls_xl {
  letter-spacing: 0.3em;
}

.ls_l {
  letter-spacing: 0.2em;
}

.ls_m {
  letter-spacing: 0.1em;
}

.ls_s {
  letter-spacing: 0.05em;
}

.ls_xs {
  letter-spacing: 0.01em;
}

.ls_0 {
  letter-spacing: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

.bold {
  font-weight: 700 !important;
}

.bold900 {
  font-weight: 900 !important;
}

.thin {
  font-weight: 100;
}

.nowrap {
  white-space: nowrap;
}

.white {
  color: #fff;
}

.black {
  color: #000;
}

.gray {
  color: #686868;
}

.red {
  color: #ff4501 !important;
}

.red2 {
  color: #b50d23 !important;
}

.blue {
  color: #333d80;
}

.fsL {
  font-size: 100px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsL {
    font-size: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .fsL {
    font-size: 42px;
  }
}

.fsL2 {
  font-size: 64px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsL2 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .fsL2 {
    font-size: 36px;
  }
}

.fsL3 {
  font-size: 56px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsL3 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .fsL3 {
    font-size: 36px;
  }
}

.fsL35 {
  font-size: 50px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsL35 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .fsL35 {
    font-size: 30px;
  }
}

.fsL45 {
  font-size: 45px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsL45 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .fsL45 {
    font-size: 27px;
  }
}

.fsL4 {
  font-size: 42px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsL4 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .fsL4 {
    font-size: 22px;
  }
}

.fsM {
  font-size: 34px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsM {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .fsM {
    font-size: 21px;
  }
}

.fsML {
  font-size: 32px;
}
@media only screen and (max-width: 767px) {
  .fsML {
    font-size: 20px;
  }
}

.fsMM {
  font-size: 30px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsMM {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .fsMM {
    font-size: 22px;
  }
}

.fsM2 {
  font-size: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsM2 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .fsM2 {
    font-size: 20px;
  }
}

.fsM3 {
  font-size: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsM3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .fsM3 {
    font-size: 18px;
  }
}

.fsM26 {
  font-size: 26px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsM26 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .fsM26 {
    font-size: 17px;
  }
}

.fsM25 {
  font-size: 25px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsM25 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .fsM25 {
    font-size: 17px;
  }
}

.fsM25s {
  font-size: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsM25s {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .fsM25s {
    font-size: 17px;
  }
}

.fsM36 {
  font-size: 23px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsM36 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .fsM36 {
    font-size: 17px;
  }
}

.fsM36m {
  font-size: 23px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsM36m {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .fsM36m {
    font-size: 18px;
  }
}

.fsM36s {
  font-size: 22px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsM36s {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .fsM36s {
    font-size: 18px;
  }
}

.fsM36 {
  font-size: 20px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsM36 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .fsM36 {
    font-size: 20px;
  }
}

.fsM4 {
  font-size: 18px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsM4 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .fsM4 {
    font-size: 16px;
  }
}

.fsM45 {
  font-size: 17px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsM45 {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .fsM45 {
    font-size: 15px;
  }
}

.fsM5 {
  font-size: 16px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsM5 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .fsM5 {
    font-size: 14px;
  }
}

.fsS {
  font-size: 14px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsS {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .fsS {
    font-size: 13px;
  }
}

.fsS1 {
  font-size: 14px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsS1 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .fsS1 {
    font-size: 13px;
    line-height: 1.7;
  }
}

.fsS2 {
  font-size: 13px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsS2 {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .fsS2 {
    font-size: 12px;
  }
}

.fsS3 {
  font-size: 12px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsS3 {
    font-size: 11px;
  }
}
@media only screen and (max-width: 767px) {
  .fsS3 {
    font-size: 11px;
  }
}

.fsS4 {
  font-size: 10px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .fsS4 {
    font-size: 9px;
  }
}
@media only screen and (max-width: 767px) {
  .fsS4 {
    font-size: 9px;
  }
}

.h000 {
  font-size: 100px;
}

.h00 {
  font-size: 64px;
}

.h0 {
  font-size: 42px;
}

.h1 {
  font-size: 32px;
}

.h2 {
  font-size: 28px;
}

.h3 {
  font-size: 24px;
}

.h4 {
  font-size: 18px;
}

.h5 {
  font-size: 16px;
}

.text_m {
  font-size: 14px;
}

.text_sm {
  font-size: 13px;
}

.text_s {
  font-size: 12px;
}

.text_ss {
  font-size: 10px;
}

@media screen and (min-width: 768px) and (max-width: 959px) {
  body {
    font-size: 14px;
  }
  .h000 {
    font-size: 64px;
  }
  .h00 {
    font-size: 36px;
  }
  .h0 {
    font-size: 25px;
  }
  .h1 {
    font-size: 24px;
  }
  .h2 {
    font-size: 24px;
  }
  .h3 {
    font-size: 20px;
  }
  .h4 {
    font-size: 15px;
  }
  .h5 {
    font-size: 14px;
  }
  .text_m {
    font-size: 13px;
  }
  .text_s {
    font-size: 11px;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
  .h000 {
    font-size: 42px;
  }
  .h00 {
    font-size: 36px;
  }
  .h0 {
    font-size: 24px;
  }
  .h1 {
    font-size: 22px;
  }
  .h2 {
    font-size: 20px;
  }
  .h3 {
    font-size: 17px;
  }
  .h4 {
    font-size: 15px;
  }
  .h5 {
    font-size: 15px;
  }
  .text_m {
    font-size: 13px;
  }
  .text_s {
    font-size: 11px;
  }
}
/*==================================================
 * 独自リセット
 *================================================*/
/*リセット関係*/
*,
*:before,
*:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
}

ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}

/*
a:hover{
	opacity: 0.8;
	transition:0.3s;
}
*/
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0;
  font-weight: 100;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  image-rendering: -webkit-optimize-contrast;
}

hr {
  margin: 10px auto;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

/*==================================================
 * 独自クラス（どのサイトでも）
 *================================================*/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.remove {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  height: 0;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.relapadding {
  padding-right: 80px;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

.inlineBlock {
  display: inline-block;
}

.inlineBlockUl li {
  display: inline-block;
}

.disNone {
  display: none !important;
}

.bgCenter {
  background-position: center center;
  background-size: cover;
}

.opa {
  transition: 0.3s;
  opacity: 1;
}

a:hover .opa {
  transition: 0.3s;
  opacity: 0.7;
}

.tra,
.tra:hover {
  transition: 0.3s;
}

.verticalMiddle {
  vertical-align: middle;
}

.verticalBottom {
  vertical-align: bottom;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .text-center-sp {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .text-right-sp {
    text-align: right;
  }
}

@media only screen and (max-width: 767px) {
  .text-left-sp {
    text-align: left;
  }
}

@media only screen and (min-width: 767px) and (max-width: 959px) {
  .text-left-tab {
    text-align: left;
  }
}

.writting-rl {
  writing-mode: vertical-rl;
  font-feature-settings: normal;
}

/*
p {
    margin-bottom: 10px;
}
*/
.linkA {
  text-decoration: underline;
  transition: 0.3s;
  color: #ffbe00;
}
.linkA:hover {
  color: #ffbe00;
  text-decoration: underline;
}

@media screen and (min-width: 959px) {
  .spTab {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
@media screen and (min-width: 1485px) {
  .mp {
    display: none !important;
  }
}
@media screen and (max-width: 1366px) {
  .Menu_p {
    display: none !important;
  }
}
@media screen and (min-width: 1367px) {
  .Menu_s {
    display: none !important;
  }
}
@media screen and (max-width: 1700px) {
  .brM {
    display: block !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .notTab {
    display: none !important;
  }
  .tab {
    display: block !important;
  }
}
/*余白*/
.m0 {
  margin: 0;
}

.p0 {
  padding: 0;
}

.mb0 {
  margin-bottom: 0;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .mb30 {
    margin-bottom: 20px;
  }
}

.mb40 {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .mb40 {
    margin-bottom: 30px;
  }
}

.mb50 {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .mb50 {
    margin-bottom: 30px;
  }
}

.mb60 {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .mb60 {
    margin-bottom: 40px;
  }
}

.mb70 {
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .mb70 {
    margin-bottom: 40px;
  }
}

.mb80 {
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .mb80 {
    margin-bottom: 40px;
  }
}

.mb80 {
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .mb80 {
    margin-bottom: 50px;
  }
}

.mb100 {
  margin-bottom: 100px;
}
@media only screen and (max-width: 959px) {
  .mb100 {
    margin-bottom: 50px;
  }
}

.mb200 {
  margin-bottom: 200px;
}
@media only screen and (max-width: 767px) {
  .mb200 {
    margin-bottom: 70px;
  }
}

.ml0 {
  margin-left: 0;
}

.mbXL {
  margin-bottom: 35%;
}

.mbL {
  margin-bottom: 30%;
}

.mbL2 {
  margin-bottom: 25%;
}

.mbL3 {
  margin-bottom: 20%;
}

.mbL4 {
  margin-bottom: 15%;
}

.mbL5 {
  margin-bottom: 12%;
}

.mbM {
  margin-bottom: 10%;
}

.mbM2 {
  margin-bottom: 7.5%;
}

.mbM3 {
  margin-bottom: 5%;
}

.mbS {
  margin-bottom: 3.5%;
}

.mbS2 {
  margin-bottom: 2%;
}

.mbS3 {
  margin-bottom: 1%;
}

.mbS4 {
  margin-bottom: 0.5%;
}

@media only screen and (max-width: 767px) {
  .mbSpL {
    margin-bottom: 30%;
  }
  .mbSpL2 {
    margin-bottom: 25%;
  }
  .mbSpL3 {
    margin-bottom: 20%;
  }
  .mbSpL4 {
    margin-bottom: 15%;
  }
  .mbSpM {
    margin-bottom: 10%;
  }
  .mbSpM2 {
    margin-bottom: 7.5%;
  }
  .mbSpM3 {
    margin-bottom: 5%;
  }
  .mbSpS {
    margin-bottom: 3.5%;
  }
  .mbSpS2 {
    margin-bottom: 2%;
  }
  .mbSpS3 {
    margin-bottom: 1%;
  }
}
/*flex・グリッド系*/
.flex {
  display: flex;
}

.justCenter {
  justify-content: center;
}

.justEnd {
  justify-content: flex-end;
}

.justBetween {
  justify-content: space-between;
}

.alignCenter {
  align-items: center;
}

.alignStart {
  align-items: flex-start;
}

.alignEnd {
  align-items: flex-end;
}

.flexReverse {
  flex-flow: row-reverse;
}

.flexWrap {
  flex-wrap: wrap;
}

.col {
  padding-left: 15px;
  padding-right: 15px;
}

.flexCol {
  width: 100%;
}

.col1 {
  width: 100%;
}

.col2 {
  width: 50%;
}

.col3 {
  width: 33.3333%;
}

.col-3 {
  width: 66.6666%;
}

.col4 {
  width: 25%;
}

.col-4 {
  width: 75%;
}

.col5 {
  width: 20%;
}

.col-5 {
  width: 80%;
}

.col6 {
  width: 16.666%;
}

.col-6 {
  width: 83.333%;
}

.col3-2 {
  width: 60%;
}

.col-3-2 {
  width: 40%;
}

@media screen and (max-width: 767px) {
  .flexSplit {
    width: 100%;
  }
  .flexPc {
    display: block;
  }
  .flexWrapSp {
    flex-wrap: wrap;
  }
  .bgFixed {
    background-attachment: unset;
  }
  .flexReverse {
    flex-flow: row;
  }
  .flexSp {
    display: flex;
  }
  .colSp1 {
    width: 100%;
  }
  .colSp2 {
    width: 50%;
  }
  .colSp3 {
    width: 33.3333%;
  }
  .colSp-3 {
    width: 66.6666%;
  }
  .colSp4 {
    width: 25%;
  }
  .colSp-4 {
    width: 75%;
  }
  .colSp5 {
    width: 20%;
  }
  .colSp-5 {
    width: 80%;
  }
  .colSp6 {
    width: 16.666%;
  }
  .colSp-6 {
    width: 83.333%;
  }
  .colSp3-2 {
    width: 60%;
  }
  .colSp-3-2 {
    width: 40%;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .flexTab {
    display: block;
  }
  .colMd1 {
    width: 100%;
  }
  .colMd2 {
    width: 50%;
  }
  .colMd3 {
    width: 33.3333%;
  }
  .colMd-3 {
    width: 66.6666%;
  }
  .colMd4 {
    width: 25%;
  }
  .colMd-4 {
    width: 75%;
  }
  .colMd5 {
    width: 20%;
  }
  .colMd-5 {
    width: 80%;
  }
  .colMd6 {
    width: 16.666%;
  }
  .colMd-6 {
    width: 83.333%;
  }
  .colMd3-2 {
    width: 60%;
  }
  .colMd-3-2 {
    width: 40%;
  }
}
/*横幅*/
.cnt {
  width: 90%;
  max-width: 1728px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 959px) {
  .cnt {
    width: 100%;
    max-width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .cnt.cntMS {
    width: 95%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1500px) {
  .cnt {
    max-width: 1200px;
  }
}

.cn .cntInnerWide {
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (min-width: 1201px) {
  .cn .cntInnerWide {
    margin-left: calc((100vw - 1200px) / -2 - 15px);
    width: 100vw;
    padding-left: 0;
    padding-right: 0;
  }
}

.w100 {
  width: 100%;
}

.cntM {
  max-width: 1760px;
  margin-right: auto;
  margin-left: auto;
}

.cntS {
  max-width: 1396px;
  margin-right: auto;
  margin-left: auto;
}

.cntXS {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}

.cntMSub {
  max-width: 1540px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 1426px) {
  .cntMSub {
    width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .cntMSub {
    width: 63%;
    margin-left: 3%;
  }
}

.cntM {
  max-width: 1752px;
  margin-right: auto;
  margin-left: auto;
}

.cntMS {
  max-width: 1660px;
  margin-right: auto;
  margin-left: auto;
}

.cntMM {
  max-width: 1728px;
  margin-right: auto;
  margin-left: auto;
}

.cntL {
  max-width: 1730px;
  margin-right: auto;
  margin-left: auto;
}

.cntWide {
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .cntWide {
    width: 90%;
  }
  .cntWide.__sp {
    width: 100%;
  }
}

.rw {
  margin-left: -15px;
  margin-right: -15px;
}

:root {
  --spaceSize: clamp(50px, 3.5vw, 63px);
  --spaceSizeMiddle: clamp(65px, 6.1vw, 110px);
  --spaceSizeSMiddle: clamp(65px, 4.5vw, 90px);
  --spaceSizeWide: clamp(135px, 14vw, 270px);
}

.padding {
  padding-top: var(--spaceSize);
  padding-bottom: var(--spaceSize);
}

.paddingW {
  padding-top: var(--spaceSizeWide);
  padding-bottom: var(--spaceSizeWide);
}

.margin {
  margin-top: var(--spaceSize);
  margin-bottom: var(--spaceSize);
}

.marginSM {
  margin-top: var(--spaceSizeSMiddle);
  margin-bottom: var(--spaceSize);
}

.marginM {
  margin-top: var(--spaceSizeMiddle);
  margin-bottom: var(--spaceSizeMiddle);
}

.margin-top {
  margin-top: var(--spaceSizeMiddle);
}

.margin-bottom {
  margin-bottom: var(--spaceSizeMiddle);
}

.marginW {
  margin-top: var(--spaceSizeWide);
  margin-bottom: var(--spaceSizeWide);
}

/*背景系*/
.bgImg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.bgImgHeight {
  padding-bottom: 67%;
}

.bgFixed {
  background-attachment: fixed;
}
@media only screen and (max-width: 767px) {
  .bgFixed {
    background-attachment: inherit;
  }
}

.bgImgCircle {
  border-radius: 50%;
  padding-bottom: 100%;
}

.bgBlur {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.bgBlur:before {
  content: "";
  background: inherit;
  filter: blur(3px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}

.bgWhite {
  background-color: #ffffff;
}

.bgZoom {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
}

.bgZoomImg {
  width: 100%;
  transition: all 0.5s ease-out;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  will-change: transform;
  height: 100%;
  top: 0;
  left: 0;
}

a:hover .bgZoomImg {
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0.9);
}

.bgZoomText {
  position: relative;
  pointer-events: none;
  width: 100%;
  z-index: 1;
}

/*テーブルboostrap*/
table {
  border-collapse: collapse;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th {
  text-align: inherit;
  font-weight: normal;
}
.table td,
.table th {
  padding: 1.2rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #e8edf0;
}

.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered td,
.table-bordered th {
  border: 1px solid #dee2e6;
}

/*マスクアニメーション*/
.maskCenter .maskWrap {
  margin-left: auto;
  margin-right: auto;
}

.maskWrap {
  display: table;
  overflow: hidden;
}

.maskWrap .mask {
  display: table;
  position: relative;
  margin-bottom: 0.25em;
  left: -100%;
  overflow: hidden;
}

.maskWrap .maskBg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ae9373;
}

/*角丸*/
.radiusS {
  border-radius: 5px;
}

.radiusM {
  border-radius: 10px;
}

.radiusL {
  border-radius: 20px;
}

.radiusXl {
  border-radius: 30px;
}

/*影*/
.shadowS {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}
@media only screen and (max-width: 767px) {
  .shadowS {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
  }
}

.shadowM {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
}
@media only screen and (max-width: 767px) {
  .shadowM {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.5) 0px 30px 60px -30px;
  }
}

.shadowL {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 30px -30px, rgba(0, 0, 0, 0.1) 0px 30px 60px -30px;
}
@media only screen and (max-width: 767px) {
  .shadowL {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 30px 90px;
  }
}

.shadowLL {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
}

/*FVスライダー(CSS)*/
.mainImgBox,
.mainImg {
  padding-bottom: 65vw;
}
@media only screen and (max-width: 767px) {
  .mainImgBox,
  .mainImg {
    padding-bottom: 120vw;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .mainImgBox,
  .mainImg {
    padding-bottom: 95vw;
  }
}

.mainImgBox {
  overflow: hidden;
  position: relative;
  z-index: -1;
}

.mainImg {
  z-index: 10;
  opacity: 0;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  /*1枚6秒で×枚数*/
  animation: anime 18s 0s infinite;
}

/*2枚目以降6秒遅れてアニメーションスタート*/
.mainImg:nth-of-type(2) {
  animation-delay: 6s;
}

.mainImg:nth-of-type(3) {
  animation-delay: 12s;
}

/*
.mainImg:nth-of-type(4) {
    animation-delay: 18s;
}
.mainImg:nth-of-type(5) {
    animation-delay: 24s;
}

.mainImg:nth-of-type(6) {
    animation-delay: 30s;
}
*/
@keyframes anime {
  0% {
    opacity: 0;
  }
  /*3秒：フェードイン.3/alls*/
  16% {
    opacity: 1;
  }
  /*6秒：次のスライド再生.6/alls*/
  33% {
    opacity: 1;
  }
  /*9秒：フェードアウト&次のスライドフェードイン*/
  50% {
    opacity: 0;
    transform: scale(1.2);
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}
/*FVスライダー(CSS)ここまで*/
/*==================================================
 * 独自クラス（このサイトだけ）
 *================================================*/
/*線系*/
.titleLine {
  /*
  background: linear-gradient(transparent 50%, #f4d862 0%);
  display: inline;
  */
  position: relative;
  display: inline-block;
  z-index: 10;
  /*
  &.white{
      background: linear-gradient(transparent 70%, $subColorDeep 0%);
  }
  */
}
.titleLine:after {
  content: "";
  display: inline-block;
  background-color: #a9a8a9;
  position: absolute;
  bottom: 0;
  left: -2.5%;
  width: 105%;
  height: 0.3em;
  z-index: 0;
}
.titleLine.sub {
  background: linear-gradient(transparent 70%, #443b24 0%);
}

.titleBd {
  position: relative;
  margin-bottom: 7rem;
  display: inline-block;
}
.titleBd:before {
  position: absolute;
  content: " ";
  display: block;
  width: 5rem;
  margin: 0 auto;
  text-align: center;
  left: 0;
  right: 0;
  bottom: -1.5rem;
  height: 2px;
  background-color: #ffbe00;
  border-radius: 50px;
}
.titleBd.compColor:before {
  background-color: #a9a8a9;
}
.titleBd.white:before {
  background-color: #fff;
}
.titleBd.sub {
  display: block;
}
.titleBd.sub:before {
  width: 23rem;
  height: 2px;
  bottom: -7px;
}
@media only screen and (max-width: 767px) {
  .titleBd {
    margin-bottom: 3rem;
  }
  .titleBd:before {
    width: 2.5rem;
  }
}

.titleBdCenter {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}
.titleBdCenter:after {
  content: "";
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 80px;
  height: 4px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffbe00;
  border-radius: 2px;
}
.titleBdCenter.mini:after {
  bottom: -15px;
  width: 40px;
  height: 1.5px;
  border-radius: 0px;
}

.titleBdLeft {
  display: flex;
  align-items: center;
}
.titleBdLeft:before {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #ffbe00;
  display: block;
  margin-right: 1.5rem;
  max-width: 3rem;
}
.titleBdLeft.white:before {
  background: #fff;
}

.titleBdLight {
  border-bottom: 1px solid #ffbe00;
  display: inline-block;
}

.bdBox {
  border: 2px solid #ffbe00;
}

/*ボタン*/
/* ボタンだけに指定する場合は以下 */
.button {
  display: inline-block;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  border: 1px solid #333;
  padding: 0.5em 1em;
  letter-spacing: 0.1em;
  line-height: 1.4;
  box-shadow: 4px 4px 0px 0 #596166;
  font-size: 21px;
  background-color: #fff;
}
.button:hover {
  color: #596166;
  background-color: #fff;
}
.button.small {
  font-size: 16px;
}
.button.insta {
  box-shadow: 4px 4px 0px 0 #e264af;
}
.button.line {
  box-shadow: 4px 4px 0px 0 #4caa4d;
}
.button.mono {
  box-shadow: 4px 4px 0px 0 #c4c4c4;
}
/*==================================================
 * header
 *================================================*/
/*------------モーダルウィンドウ------------*/
/*オーバーレイメニュー*/
.overRayBox {
  position: fixed;
  top: 78px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y: scroll;
  transition: all 0.5s;
  visibility: hidden;
  opacity: 0;
  z-index: 995;
}
.overRayBox > ul {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.open .overRayBox {
  visibility: visible;
  opacity: 1;
}
@media only screen and (max-width: 1366px) {
  .overRayBox {
    top: 78px;
  }
}
@media only screen and (max-width: 767px) {
  .overRayBox {
    top: 10%;
    top: 54px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .overRayBox {
    top: 68px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .overRayBox {
    top: 68px;
  }
}

html.open {
  overflow-y: hidden;
}

/*ハンバーガーメニュー*/
.menu-btn {
  position: fixed;
  cursor: pointer;
  z-index: 996;
  right: 37px;
  top: 3px;
  height: 58px;
  width: 58px;
  border: none;
  background-color: transparent;
}
@media only screen and (max-width: 1366px) {
  .menu-btn {
    top: 13px;
  }
  .change-color .menu-btn {
    top: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .menu-btn {
    top: 5px;
    right: 10px;
  }
  .change-color .menu-btn {
    top: 0;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .menu-btn {
    top: 10px;
  }
  .change-color .menu-btn {
    top: 4px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .menu-btn {
    top: 8px;
  }
  .change-color .menu-btn {
    top: 4px;
  }
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}

.menu-trigger {
  position: relative;
  width: 33px;
  height: 24px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
  top: 6px;
}
.menu-trigger span:nth-of-type(2) {
  top: 17px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: -6px;
}
.menu-trigger.active span {
  background-color: #000;
}
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(11px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  left: 50%;
  opacity: 0;
  animation: active-menu-bar02 0.8s forwards;
}
.menu-trigger.active span:nth-of-type(3) {
  transform: translateY(-10px) rotate(45deg);
}
.menu-trigger.active span:nth-of-type(4) {
  background: none !important;
}
@keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
/*------------モーダルウィンドウ終わり------------*/
/*==================================================
 * footer
 *================================================*/
/*スマホfooter追従問い合わせ*/
.footerTelSpFlexLi {
  width: 50%;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  background-color: #a9946c;
}
.footerTelSpFlexLi:last-child {
  border-right: none;
  background-color: #ffbe00;
}
.footerTelSpFlexLi a {
  display: block;
  padding: 9px 0;
}
.footerTelSpFlexLi a i {
  font-size: 16px;
}

.footerTelSpText {
  font-size: 16px;
  line-height: 1.5;
}

.footerTelSp {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 100;
}

/*フッター追従コンタクト*/
.fixBarContact {
  padding: 1rem 2rem;
}

.fixBar {
  position: fixed;
  z-index: 10;
  right: 2%;
  bottom: 2%;
}
.fixBar .button {
  padding: 0.7rem 3rem;
  border: 1px solid #ffbe00;
}

.fixBarA {
  margin-right: 10px;
}
.fixBarA:hover {
  background-color: #fff;
  color: #ffbe00;
}

.fixBarTop {
  height: 44px;
  width: 44px;
  cursor: pointer;
  border: 1px solid #ffbe00;
  border-radius: 50px;
}
.fixBarTop:hover {
  background-color: #fff;
  border: 1px solid #ffbe00;
  color: #ffbe00;
}

.fixBar i,
.fixBar span {
  vertical-align: middle;
}

.fixBarTop i {
  margin-top: 14px;
}

/*==================================================
 * トップページ
 *================================================*/
/*Q&Aここから*/
.topQaBoxUl li:nth-child(2) hr {
  border-top: 1px solid #dadada;
}

.topQaBoxUl li {
  display: inline-block;
  vertical-align: middle;
}

.topQaBoxDl {
  width: 48%;
  display: inline-block;
  margin-right: 1%;
  vertical-align: top;
}

.topQaBoxDl dd {
  display: none;
  margin-top: 3%;
}

.topQaBoxDl dt {
  font-weight: normal;
}

.topQaBoxDl dt:hover {
  background: rgba(242, 203, 149, 0.3);
  border-radius: 5px;
  cursor: pointer;
}

.topQaBoxUl li:nth-child(3) {
  width: 74%;
}

.topQaBoxUl li:nth-child(1) {
  margin-right: 2%;
}

.topQaBoxUl li:nth-child(2) {
  width: 8%;
  margin-right: 2%;
}

/*Q&Aここまで*/
@media screen and (max-width: 767px) {
  /*Q&Aのスマホここから*/
  .topQaBoxDl {
    width: 100%;
  }
  /*Q&Aのスマホここまで*/
}
/*==================================================
 * 下層ページ
 *================================================*/
/*共通部分------------------------------------*/
/*パンくず*/
/*パンくず終わり*/
/*about-us------------------------------------*/
/*残す--ここから*/
.pageAboutCompanyUl ul {
  display: flex;
}
.pageAboutCompanyUl li {
  padding: 0.5em 0;
}
@media only screen and (max-width: 767px) {
  .pageAboutCompanyUl li {
    padding: 0.8em 0;
    font-size: 13px;
  }
}
.pageAboutCompanyUl li:nth-child(1) {
  width: 30%;
  text-align: left;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .pageAboutCompanyUl li:nth-child(1) {
    font-size: 15px;
  }
}
.pageAboutCompanyUl li:nth-child(2) {
  width: 70%;
}
.fa-map-marker {
  color: #d9534f;
  font-size: 20px;
  margin-left: 1%;
}

/*残す--ここまで*/
/*お問い合わせページ------------------------------------*/
/*お問い合わせページ------------------------------------*/
.cform {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.cform span {
  font-weight: bold;
  font-size: 16px;
}
.cform tr:nth-child(1) {
  border-top: solid 2px #000;
}
.cform tr:not(:first-child) th,
.cform tr:not(:first-child) td {
  position: relative;
}
.cform tr:not(:first-child) th::after,
.cform tr:not(:first-child) td::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  left: 0;
  top: 0;
  background-image: linear-gradient(to right, #000 2px, transparent 2px);
  background-size: 7px 2px;
  background-repeat: repeat-x;
}
.cform tr {
  margin-bottom: 1em;
  display: block;
}
.cform tr th,
.cform tr td {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.01em;
  text-align: left;
  padding: 2em 0;
}
.cform tr th {
  vertical-align: top;
  width: 470px;
  margin-bottom: 0.5em;
}
.cform tr th.__top {
  vertical-align: top;
}
.cform tr th.__top p {
  line-height: 2.4;
}
.cform tr td {
  width: 739px;
}
.cform label {
  margin-right: 1.5em;
}
.cform label span {
  line-height: 1;
  display: inline-block;
}
.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=tel],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
  width: 100%;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 1em;
  letter-spacing: 0.07em;
  line-height: 1.4;
  background-color: #d3dde0;
}
.cform option::-moz-placeholder,
.cform textarea::-moz-placeholder,
.cform input[type=text]::-moz-placeholder,
.cform input[type=tel]::-moz-placeholder,
.cform input[type=email]::-moz-placeholder,
.cform input[type=search]::-moz-placeholder,
.cform input[type=url]::-moz-placeholder {
  color: #d3dde0;
}
.cform option::-moz-placeholder, .cform textarea::-moz-placeholder, .cform input[type=text]::-moz-placeholder, .cform input[type=tel]::-moz-placeholder, .cform input[type=email]::-moz-placeholder, .cform input[type=search]::-moz-placeholder, .cform input[type=url]::-moz-placeholder {
  color: #d3dde0;
}
.cform option::placeholder,
.cform textarea::placeholder,
.cform input[type=text]::placeholder,
.cform input[type=tel]::placeholder,
.cform input[type=email]::placeholder,
.cform input[type=search]::placeholder,
.cform input[type=url]::placeholder {
  color: #d3dde0;
}
.cform input[type=date] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px;
  font-size: 16px;
  border: dashed 2px solid #d3dde0;
  border-radius: 4px;
}
.cform select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  background-color: #d3dde0 !important;
  border-radius: 4px !important;
  padding: 1.3em !important;
  border: unset !important;
}
.cform input[type=checkbox] + span:before {
  font-family: "Font Awesome 5 Free";
  content: "";
  display: inline-block;
  margin-right: 0.5em;
  font-weight: 400;
  margin-top: -4px;
}
.cform select#select-title {
  width: 100%;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 1em;
  font-size: 15px;
  letter-spacing: 0.07em;
  line-height: 1.4;
  background-color: #f6f6f6;
}
.cform .title {
  font-weight: bold;
  font-size: clamp(16px, 1vw, 20px);
}
@media only screen and (max-width: 767px) {
  .cform span {
    font-weight: bold;
    font-size: 15px;
  }
  .cform tr {
    margin-bottom: 1em;
  }
  .cform tr:not(:first-child) td::after {
    display: none;
  }
  .cform tr:not(:first-child) th {
    position: relative;
  }
  .cform tr:not(:first-child) th::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    left: 0;
    top: 0;
    background-image: linear-gradient(to right, #000 2px, transparent 2px);
    background-size: 7px 2px;
    background-repeat: repeat-x;
  }
  .cform tr th,
  .cform tr td {
    font-size: 16px;
  }
  .cform tr td {
    padding: 1em 0 0.5em;
  }
  .cform tr th {
    border-bottom: unset;
    padding: 1.5em 0 0;
    margin: 0;
  }
  .cform tr,
  .cform td {
    display: block;
    width: 100% !important;
  }
  .cform th {
    display: flex;
    justify-content: space-between;
    width: 100% !important;
  }
  .cform th span {
    padding: 0.6em;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .cform tr th,
  .cform tr td {
    font-size: 16px;
  }
  .cform th {
    width: 430px !important;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .cform tr th,
  .cform tr td {
    font-size: 16px;
  }
  .cform th {
    width: 430px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mwform-checkbox-field-text {
    font-size: 15px;
    margin-top: 10px;
  }
}

#yoyaku_id {
  margin-bottom: 13px;
}

.contactBlock {
  padding: 3em 3em 3em;
  border: solid 2px #ffbe00;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .contactBlock {
    border-radius: 15px;
    padding: 2em 1em;
    height: 300px;
    overflow-y: scroll;
  }
}

.thcomment {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.2;
}

.contactTitle {
  font-size: 26px;
  font-family: YakuHanJP, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .contactTitle {
    font-size: 21px;
  }
}

.contactList > li {
  position: relative;
}
.contactList > li::after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #000;
  border-radius: 50%;
  top: 10px;
  left: 0;
}
.contactList > li span {
  display: inline-block;
  font-size: 16px;
  padding-left: 1.2em;
  font-weight: 500;
}
.contactList > li span.__nopadding {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .contactList > li span {
    font-size: 15px;
  }
}

.flatpickr-calendar {
  z-index: 9999; /* カレンダーが他の要素の下に隠れないように調整 */
}

.contactText {
  font-size: 16px;
  font-weight: 500;
}
.contactText.__small {
  font-size: 13px;
}

.required-srt {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 0.6;
  padding: 0.2em 0.8em;
  background-color: #d20000;
  border-radius: 3px;
  margin: auto 0.7em;
}
@media only screen and (max-width: 959px) {
  .required-srt {
    font-size: 14px;
    padding: 0.1em 0.5em;
  }
}

.cform [type=submit] {
  display: inline-block;
  font-size: 20px;
  padding: 10px 30px;
  text-decoration: none;
  background: #ff8f00;
  color: #fff;
  border-bottom: solid 4px #b17c00;
  border-radius: 3px;
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0 !important;
}

.mwform-radio-field {
  position: relative;
}
.mwform-radio-field input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #d3dde0;
  cursor: pointer;
}
.mwform-radio-field input[type=radio]:checked::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 5px;
  width: 13px;
  height: 13px;
  background-color: #0078d4; /* チェック時の色 */
  border-radius: 50%;
}

.mwform-checkbox-field input[type=checkbox] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background-color: #d3dde0;
  cursor: pointer;
  position: relative;
}
.contactAlertBox .mwform-checkbox-field input[type=checkbox] {
  background-color: #fff;
  margin-right: 5px;
}
.mwform-checkbox-field input[type=checkbox]:checked::before {
  content: "✔";
  position: absolute;
  top: -2px;
  left: 7px;
  font-size: 16px;
  color: #000;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .contactAlertBox .mwform-checkbox-field input[type=checkbox] {
    top: -2px;
    left: 5px;
    font-size: 15px;
    width: 20px;
    height: 20px;
  }
  .contactAlertBox .mwform-checkbox-field input[type=checkbox]:checked::before {
    top: -5px;
    left: 3px;
  }
}

.wpcf7-list-item {
  display: block;
  margin-bottom: 5px; /* 行間を少し空ける（任意） */
}
.Item-syubetu .wpcf7-list-item {
  display: unset;
  margin-bottom: 0; /* 行間を少し空ける（任意） */
}

.contactAlertrequiredBlock {
  position: absolute;
  top: 30px;
  left: 20px;
}
@media only screen and (max-width: 767px) {
  .contactAlertrequiredBlock {
    top: 17px;
    left: 6px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .contactAlertrequiredBlock {
    top: 28px;
    left: 4px;
  }
}

.contactAlertBox {
  background-color: #d3dde0;
  border-radius: 7px;
  padding: 1.8em;
  margin: 3% 0 0;
  position: relative;
}
.contactAlertBox p {
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .contactAlertBox {
    padding: 3.3em 0.8em 1em;
    margin: 0 0;
  }
  .contactAlertBox p {
    font-size: 15px;
  }
}

.contactAlertTitle {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 5px;
}

.submit-btn {
  text-align: center;
}
.submit-btn input {
  transition: 0.3s;
  font-size: 16px;
  letter-spacing: 0.07em;
  padding: 1.25em 2em;
  background-color: #2c2c2c;
  color: #fff;
  cursor: pointer;
  border: 1px solid #2c2c2c;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .submit-btn input {
    font-size: 14px;
  }
}

.BtBox > li:nth-child(3) {
  text-align: center;
}

.ContactBt03 {
  background-color: #2c2c2c;
  margin: 50px 10px 30px 10px;
  padding: 1.25em 2em;
  letter-spacing: 0.1em;
  width: 500px !important;
  border: solid 1px #ffffff;
  color: #ffffff;
  text-decoration: none;
  line-height: normal;
  font-size: 24px;
  font-weight: bold;
  border-radius: 50px;
  box-sizing: border-box;
  cursor: pointer;
  transition: 0.3s;
}
.ContactBt03:hover {
  background-color: #ffbe00 !important;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .ContactBt03 {
    width: 250px !important;
    padding: 4% 9% !important;
    font-size: 15px;
  }
}

.ContactBt01 {
  background: #990100;
  margin: 30px 10px 30px 10px;
  padding: 10px 10px 10px 10px;
  width: 250px;
  border: solid 3px #ffffff;
  color: #ffffff;
  text-decoration: none;
  line-height: normal;
  font-size: 1.2em;
  font-weight: bold;
  box-sizing: border-box;
  cursor: pointer;
  /* Old browsers */
}

.ContactBt02 {
  background: #d2d2d2;
  margin: 30px 0px 30px 0px;
  padding: 10px 10px 10px 10px;
  width: 250px;
  border: solid 3px #ffffff;
  color: #ffffff;
  text-decoration: none;
  line-height: normal;
  font-size: 1.2em;
  font-weight: bold;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  /* Old browsers */
}

.wpcf7-spinner {
  display: none;
}

/*下層ページ共通------------------------------------*/
/*投稿詳細ページ------------------------------------*/
li.widget {
  list-style-type: none;
  margin-bottom: 20%;
}

.widgettitle {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 3%;
}

li.widget li {
  color: #a7a7a7;
  margin-bottom: 3%;
}

/*タグクラウド*/
.tagCloud li {
  list-style: none;
  background: #db4a39;
  display: inline-block;
  color: #fff;
  padding: 0.5% 2%;
  font-size: 12px;
}

.tagCloud li .glyphicon {
  right: 5px;
}

.tagCloud li a {
  color: #fff;
  font-weight: 100;
  text-decoration: none;
}

.tagcloud a {
  color: #808080;
  border: 1px solid #808080;
  border-radius: 25px;
  padding: 2%;
  margin-bottom: 5%;
  display: inline-block;
}

.entryTitle {
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .entryTitle {
    font-size: 19px;
  }
}

.entry {
  line-height: 1.8;
  letter-spacing: 0.15em;
  float: none;
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
}
.entry figcaption {
  font-size: 13px;
  color: gray;
}
.entry .btnWrap {
  margin: 5% 0;
}
.entry a {
  display: inline-block;
  line-height: 1;
  color: #fff;
  padding: 1.5em 4em;
  font-size: 18px;
  background-color: #231815;
  transition: 0.3s;
  position: relative;
}
.entry a:hover {
  background-color: #ffbe00;
  color: #fff;
}
@media screen and (max-width: 1465px) {
  .entry a {
    padding: 1em 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .entry a {
    font-size: 15px;
    padding: 0.6em 1.5em;
  }
}
.entry blockquote {
  padding: 2em 4em;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  color: #7b7b7b;
  background-color: #f6f7f9;
  font-style: italic;
  margin-bottom: 1.5em;
}
.entry blockquote p {
  font-size: 14px;
}
.entry strong {
  font-style: normal;
  font-weight: bold;
  background: linear-gradient(transparent 40%, #fff7c0 40%);
}
.entry p {
  margin: 0.5em 0 1.3em 0;
  font-weight: 500;
  line-height: 2.2;
  letter-spacing: 0.1em;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .entry p {
    font-size: 14px;
  }
}
.entry h2,
.entry h3,
.entry h4,
.entry h5 {
  font-weight: bold;
}
.entry h2 {
  font-size: 20px;
  margin: 8% auto 3%;
  background-color: #edeeef;
  padding: 0.5em 1em;
  border-radius: 3px;
  font-weight: bold;
  border-left: 4px solid #ffbe00;
  padding-left: 0.7em;
}
@media only screen and (max-width: 767px) {
  .entry h2 {
    font-size: 18px;
    margin: 12% auto 6%;
  }
}
.entry h3 {
  margin: 3% auto 3%;
  border-bottom: 1px solid #ffbe00;
  padding-bottom: 0.4em;
  font-weight: bold;
  font-size: 18px;
  padding-left: 0.5em;
}
@media only screen and (max-width: 767px) {
  .entry h3 {
    margin: 6% auto 3%;
    font-size: 16px;
  }
}
.entry h4 {
  margin: 3% auto 3%;
  padding: 1em;
  font-weight: bold;
  font-size: 17px;
  /* background-color: #f4f4f4; */
  padding-left: 2.6em;
  font-weight: 600;
  position: relative;
}
.entry h4::after {
  position: absolute;
  content: "▶";
  color: #ffbe00;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
@media only screen and (max-width: 767px) {
  .entry h4 {
    margin: 6% auto 3%;
    font-size: 16px;
  }
}
.entry h5 {
  margin: 3% 0;
  color: #ffbe00;
  padding: 0.5em 2em;
  padding-left: 0;
  font-size: 16px;
  line-height: 1.4;
  display: inline-block;
  font-weight: 700;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .entry h5 {
    font-size: 15px;
  }
}
.entry table {
  width: 100%;
}
.entry table td {
  border-right: 1px solid #ffbe00;
  border-bottom: 1px solid #ffbe00;
}
.entry table td:first-child {
  width: 30%;
  background-color: #eef6fa;
  border-left: 1px solid #ffbe00;
}
.entry table td:last-child {
  width: auto;
}
.entry table th,
.entry table td {
  padding: 1.5rem 2rem;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .entry table th,
  .entry table td {
    padding: 1rem 1.5rem;
    font-size: 14px;
  }
}
.entry ul {
  margin-bottom: 2%;
}
.entry li {
  list-style-type: none;
  line-height: 1.7;
  font-weight: normal;
  margin-bottom: 0.3em;
  position: relative;
  padding-left: 1.5em;
  font-weight: bold;
}
.entry li:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f14a";
  color: #ffbe00;
  position: absolute;
  left: 0;
  font-weight: 500;
}
.entry figure {
  width: min(100%, 1366px);
  margin-right: auto;
  margin-left: auto;
}

/*目次*/
.toc_number {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1;
  color: #cacaca;
  font-weight: normal;
}

#toc_container {
  background: #ececec;
  border: none !important;
  margin: 0 auto;
  padding: 4% 6%;
  border-radius: 10px;
}
#toc_container a {
  color: #ffbe00;
}

.toc_list li:before {
  display: none;
}

.toc_title {
  border-bottom: 1px solid #ffbe00;
  font-size: 21px;
  font-weight: bold;
  padding-bottom: 0.3em;
}

.toc_toggle {
  font-size: 14px;
}

.wp-caption {
  max-width: 100% !important;
  padding: 2%;
  margin: auto auto 3% auto;
}

.wp-caption-text {
  background: rgba(195, 184, 177, 0.67);
  width: 100%;
  text-align: left;
  padding: 1% 3%;
  word-wrap: break-word;
  font-size: 10px;
  color: white !important;
  position: relative !important;
  z-index: 1;
  top: -35px;
  display: block;
  left: 5%;
}

.wp-caption-text a {
  color: white;
}

@media screen and (max-width: 767px) {
  .wp-caption-text {
    background: hsla(330, 50%, 60%, 0.48);
    width: 100%;
    text-align: left;
    padding: 1% 3%;
    word-wrap: break-word;
    font-size: 10px;
    color: white !important;
    position: relative !important;
    z-index: 1;
    top: -50px;
    display: block;
    left: 5%;
  }
}
/*リンクカードプラグイン*/
.lkc-title-text {
  font-weight: normal;
  letter-spacing: 0.15em;
  transition: 0.3s;
}
a:hover .lkc-title-text {
  color: #ffbe00;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .lkc-title-text {
    font-size: 14px;
    line-height: 1.5;
  }
}

.lkc-excerpt {
  display: none;
}

.lkc-url {
  display: none;
}

.lkc-external-wrap,
.lkc-internal-wrap {
  box-shadow: none;
  border: 2px solid #ffbe00;
  border-radius: 10px;
  background-color: #aad1c1;
}

.lkc-external-wrap,
.lkc-internal-wrap,
.lkc-this-wrap {
  max-width: none;
}

.lkc-thumbnail-img {
  border: none;
  box-shadow: none;
  border-radius: 10px;
  transition: 0.3s;
}
a:hover .lkc-thumbnail-img {
  opacity: 0.7;
}

.lkc-thumbnail {
  margin-right: 3%;
}

.lkc-date {
  position: absolute;
  bottom: 10%;
  right: 3%;
  color: #ffbe00;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  display: none !important;
}

.lkc-info {
  background-color: #ffbe00;
  display: inline-block !important;
  position: absolute;
  right: 3%;
  top: -5%;
  padding: 0.5em 1em;
  border-radius: 5px;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .lkc-info {
    top: -11%;
  }
}

.lkc-domain {
  color: #fff;
}

.lkc-card {
  padding: 2rem 1rem 1rem;
}
.lkc-card img {
  vertical-align: middle;
}

.lkc-content {
  overflow: auto !important;
  height: inherit !important;
}

.lkc-sns-fb {
  padding: 1%;
}

/*コメント*/
div#respond textarea,
div#respond input {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cacaca;
  padding: 10px;
}

#respond input#submit {
  background: #0a0a0a;
  color: #fff;
  border-radius: 0;
  font-size: 12px;
  transition: 0.3s;
}

#respond input#submit:hover {
  background: #cc6699;
  transition: 0.3s;
}

/*記事詳細-----------------------------------*/
/*記事コンテンツ周り*/
.singleColumnArticle {
  margin-bottom: 10%;
}

.singleColumnArticleContent {
  margin: auto;
}

.singleColumnTitle {
  border-bottom: 1px solid;
  padding-bottom: 0.4em;
  margin-bottom: 0.8em;
  font-size: 21px;
  line-height: 1.5;
  letter-spacing: 0.15em;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .singleColumnTitle {
    font-size: 18px;
  }
}

.singleColumnInfoUl .date {
  margin-right: 1em;
}
.singleColumnInfoUl .cate {
  display: inline-block;
  font-size: 13px;
  background-color: #e9e9e9;
  color: #ffbe00;
  border-radius: 50px;
  font-weight: 700;
  padding: 0.8em 2em;
  text-align: center;
  line-height: 1;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
.singleColumnInfoUl .cateUl {
  display: inline-block;
  transition: 0.3s;
}
.singleColumnInfoUl .cateUl li {
  display: inline-block;
  font-size: 16px;
  line-height: 0.7;
  background-color: #ffbe00;
  color: #fff;
  border-radius: 5px;
  padding: 1em;
  text-align: center;
}
.singleColumnInfoUl .typeUl {
  display: inline-block;
  transition: 0.3s;
}
.singleColumnInfoUl .typeUl li {
  display: inline-block;
  font-size: 16px;
  line-height: 0.7;
  background-color: #7c0710;
  color: #fff;
  border-radius: 5px;
  padding: 1em;
  text-align: center;
}
.singleColumnInfoUl .typeUl.__cate li {
  background-color: #ffbe00;
}
.singleColumnInfoUl .typeUl.__cate:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .singleColumnInfoUl .cateUl li {
    font-size: 12px;
  }
  .singleColumnInfoUl .type li {
    font-size: 12px;
  }
}

/*この記事をシェアするボタン*/
.singleColumnShare {
  padding: 3% 6%;
}
@media only screen and (max-width: 767px) {
  .singleColumnShare {
    padding: 6% 9%;
  }
}

.singleColumnShareButton {
  padding: 0.7rem 1rem;
  width: 20%;
  margin-right: 3%;
  text-align: center;
  transition: 0.3s;
}
@media only screen and (max-width: 959px) {
  .singleColumnShareButton {
    width: 45%;
    margin-right: 2.5%;
  }
}
.singleColumnShareButton > * {
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .singleColumnShareButton > * {
    font-size: 12px;
  }
}
.singleColumnShareButton i {
  font-size: 22px;
  margin-right: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .singleColumnShareButton i {
    font-size: 16px;
  }
}
.singleColumnShareButton.twitter {
  background: #1da1f2;
  border: 1px solid #1da1f2;
}
.singleColumnShareButton.twitter:hover {
  background: #fff;
  color: #1da1f2;
}
.singleColumnShareButton.facebook {
  background: #1877f2;
  border: 1px solid #1877f2;
}
.singleColumnShareButton.facebook:hover {
  background: #fff;
  color: #1877f2;
}

.singleColumnShareTitle {
  width: 50%;
}
@media only screen and (max-width: 959px) {
  .singleColumnShareTitle {
    width: 100%;
    margin-bottom: 6% !important;
  }
}

/*この記事を書いた人*/
.singleColumnWriterImg {
  padding-bottom: 100%;
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {
  .singleColumnWriterImgBox {
    max-width: 140px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4%;
  }
}

.singleColumnWriter {
  padding: 3% 3%;
  margin: 6% 0 6% 0;
  border: 1px solid #ffbe00;
}
@media only screen and (max-width: 767px) {
  .singleColumnWriter {
    padding: 8%;
    margin: 12% 0 6% 0;
  }
}

.singleColumnWriterTitle {
  border-bottom: 1px solid #ffbe00;
}

.singleColumnWriterButton {
  background: #fff;
  border: 1px solid #ffbe00;
  border-radius: 25px;
  padding: 0.25em;
  max-width: 280px;
  display: block;
  transition: 0.3s;
  color: #ffbe00;
}
.singleColumnWriterButton:hover {
  background: #ffbe00;
  color: #fff;
}

.sidebarWriterSns li {
  display: inline-block;
  margin-right: 3%;
  margin-bottom: 4%;
}
.sidebarWriterSns li a {
  border: 1px solid #d2d2d2;
  padding: 0.4em 1em;
  border-radius: 35px;
  background: #fff;
  letter-spacing: 0.05em;
}
.sidebarWriterSns li a:hover {
  background-color: #f1f1f1;
}
.sidebarWriterSns li a .fa-instagram {
  color: #fd1d1d;
}
.sidebarWriterSns li a .fa-twitter {
  color: #00acee;
}
.sidebarWriterSns li a .fa-facebook {
  color: #3b5998;
}
.sidebarWriterSns li a .fa-comment {
  color: #00b900;
}

/*次のページを見る*/
.singleColumnPreNextBox {
  padding: 5%;
  position: relative;
  transition: 0.3s;
  background-color: #e9eef0;
  border-radius: 10px;
}
.singleColumnPreNextBox.pre {
  margin-right: 1.5%;
}
.singleColumnPreNextBox.next {
  margin-left: 1.5%;
}

.singleClumnPreNextDescri {
  color: #727171;
}

.singleColumnPrevNextArrow {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 33px;
  height: 1px;
  background: #727171;
}
.singleColumnPrevNextArrow::after {
  content: "";
  position: absolute;
  top: -4px;
  left: 2px;
  width: 1px;
  height: 5px;
  border-top: 1px solid #727171;
  border-left: 1px solid #727171;
  transform: rotate(45deg);
}
.next .singleColumnPrevNextArrow {
  transform: scale(-1, 1);
  left: 15px;
  right: auto;
}

/*アーカイブページ------------------------------------*/
.cmNewsListUl > li {
  margin: 0 2%;
  margin-bottom: 2%;
  padding-bottom: 1%;
  border-bottom: dashed 1px #a6a6a7;
}
@media only screen and (max-width: 767px) {
  .cmNewsListUl > li {
    width: 100%;
    margin: 0 2%;
    margin-bottom: 10%;
  }
}

.cmNewsListCard {
  transition: 0.3s;
}
a:hover .cmNewsListCard {
  opacity: 0.7;
}
.cmNewsListCard .topNewsDays {
  margin-right: 10px;
}

.cmNewsTitle {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .cmNewsTitle {
    font-size: 16px;
  }
}

.cmNewsDescri {
  font-size: 13px;
  margin-bottom: 3%;
  color: #9d9d9d;
}
@media only screen and (max-width: 767px) {
  .cmNewsDescri {
    font-size: 13px;
    line-height: 1.5;
  }
}

.cmNewsListImg {
  transition: 0.3s;
  padding-bottom: 70%;
}
a:hover .cmNewsListImg {
  transform: scale(1.1);
}

.cmkatalogListImg {
  transition: 0.3s;
  padding-bottom: 143%;
}

.cmNewsListImgWrap {
  overflow: hidden;
  margin-bottom: 6%;
}

.cmNewsListInfoUl li {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  background: #ffe9a7;
  padding: 0.8em 2em;
  text-align: center;
  line-height: 0.7;
}
.cmNewsListInfoUl li:not(:last-child) {
  margin-right: 5px;
}
.cmNewsListInfoUl.nofover {
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .cmNewsListInfoUl li {
    font-size: 12px;
  }
}

/*Pagenation*/
.pagenation {
  margin: 1em 0;
}
.pagenation ul {
  display: flex;
  justify-content: center;
}
.pagenation li {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  margin: 0 0.5%;
  border-radius: 50px;
  border: solid 1px #ffbe00;
  color: #707070;
  text-align: center;
  width: 43px;
  height: 55px;
  border-radius: 5px;
  position: relative;
}
.pagenation li a {
  width: 43px;
  height: 55px;
  display: block;
}
.pagenation li.active {
  cursor: not-allowed;
  display: inline-block;
  line-height: 0.7;
  color: #fff;
  background: #b9bec3;
  border: solid 1px #b9bec3;
}
.pagenation li.active span {
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pagenation li.prev {
  display: none;
}
.pagenation li.next {
  display: none;
}
.pagenation li.activeno {
  background: #ffbe00;
  border: solid 1px bold;
  transition: 0.3s;
  color: #fff;
}
.pagenation li.activeno span {
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pagenation li.activeno:hover {
  opacity: 0.7;
  border-radius: 5px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .pagenation li {
    font-size: 1.5rem;
    width: 40px;
    height: 40px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .pagenation li {
    width: 50px;
    height: 50px;
  }
}

/*ページャー、ページネーション------------------------------------*/
.page-numbers {
  padding: 0.7% 1%;
}

span.page-numbers {
  color: #ffbe00;
  font-weight: bold;
}

a.page-numbers {
  color: #c5c5c5;
}

/*==================================================
 * サイドバー
 *================================================*/
@media only screen and (max-width: 767px) {
  #sidebar {
    margin-top: 15%;
  }
}

.sidebarBox {
  margin-bottom: 15%;
  margin-left: 5%;
}
@media only screen and (max-width: 767px) {
  .sidebarBox {
    margin-left: 0;
    margin-bottom: 8%;
  }
}

.sidebarNewsUl .cat-item {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
.sidebarNewsUl .cat-item .date {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.sidebarNewsUl .cat-item .title {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .sidebarNewsUl .cat-item {
    padding-bottom: 0.25em;
    margin-bottom: 0.25em;
  }
  .sidebarNewsUl .cat-item .date {
    font-size: 13px;
  }
  .sidebarNewsUl .cat-item .title {
    font-size: 14px;
  }
}

.sidebarCategoryBlock li {
  display: inline-block;
  font-size: 14px;
  background-color: #ffe9a7;
  font-weight: 500;
  padding: 0.5em 1.8em;
  margin-right: 6px;
  line-height: 1;
  margin-bottom: 1em;
  transition: 0.3s;
}
.sidebarCategoryBlock li:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .sidebarCategoryBlock li {
    font-size: 12px;
  }
}

.sidebarTitle {
  font-size: 27px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  color: #ffbe00;
  font-weight: 600;
  letter-spacing: 0.01em;
  border-bottom: 1px solid;
  padding-bottom: 0.25em;
  margin-bottom: 0.75em;
}
@media only screen and (max-width: 767px) {
  .sidebarTitle {
    padding-bottom: 0.25em;
    margin-bottom: 1em;
    font-size: 26px;
  }
}

.sidebarRankingImg {
  width: 30%;
  padding-bottom: 30%;
  margin-right: 5%;
  border-radius: 5px;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .sidebarRankingImg {
    display: none;
  }
}

.sidebarRankingText {
  width: 65%;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .sidebarRankingText {
    width: 100%;
  }
}

.sidebarRankingNum {
  background: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #ffbe00;
  right: 10px;
  top: 10px;
  position: absolute;
  font-size: 14px;
}

#sidebar select {
  width: 100%;
  padding: 0.7em;
  border: solid 1px #a7a7a7;
  border-radius: 5px;
}

.sidebarTagWrap a {
  font-size: 14px !important;
  color: #ffbe00;
}
.sidebarTagWrap a:before {
  content: "#";
}
.sidebarTagWrap a:after {
  content: "/";
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
  color: #cccdcd;
}
@media only screen and (max-width: 767px) {
  .sidebarTagWrap a {
    font-size: 12px !important;
  }
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
}

/*==================================================
 * 全サイト共通
 *================================================*/
/*共通部分*/
:root {
  --header: 250px;
  scroll-padding: var(--header);
}

/*パンくず*/
/*パンくず終わり*/
.vertical {
  writing-mode: vertical-rl;
  font-feature-settings: normal;
  white-space: nowrap;
}

.verticalReverse {
  writing-mode: vertical-lr;
}

@media only screen and (max-width: 767px) {
  .verticalPc {
    writing-mode: horizontal-tb;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.topFvImgWrap {
  padding: 2em 0 0;
  width: 96%;
  margin-inline: auto;
}

.topFvImg {
  position: relative;
  top: 2.5%;
  width: 97%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50px;
}
@media only screen and (max-width: 767px) {
  .topFvImg {
    top: 0;
    width: 100%;
    border-radius: unset;
    background-image: url(.././img/topFv_lp_sp.jpg) !important;
    padding-bottom: 195%;
  }
}

/*==================================================
 * 当サイトのみ共通
 *================================================*/
body {
  font-size: 16px;
  color: #231815;
  font-weight: 500;
}

main {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  main {
    margin-top: 0;
  }
}

.submit-btn input,
.submit-btn button {
  width: 500px !important;
  padding: 2% 7% !important;
  background: #000 !important;
  background-size: 200% auto;
  font-size: 24px;
  border: none !important;
  border-radius: 50px;
  color: #fff;
  margin-top: 3%;
  transition: 0.3s;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 600;
  outline: unset !important;
  cursor: pointer;
}
.submit-btn input:hover,
.submit-btn button:hover {
  background-color: #ffbe00 !important;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .submit-btn input,
  .submit-btn button {
    width: 250px !important;
    padding: 4% 9% !important;
    font-size: 15px;
  }
}

.commonTitleEn {
  font-size: clamp(3rem, 2.2718446602rem + 1.9417475728vw, 6rem);
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  line-height: 1.2;
}

.commonTitleJp {
  font-size: clamp(1.6rem, 1.4058252427rem + 0.5177993528vw, 2.4rem);
  font-weight: 900;
  line-height: 1.6;
}

.commonText {
  font-size: clamp(1.5rem, 1.3786407767rem + 0.3236245955vw, 2rem);
  font-weight: bold;
  line-height: 1.6;
}
.commonText.__small {
  font-size: clamp(1.5rem, 1.4757281553rem + 0.0647249191vw, 1.6rem);
  line-height: 1.8;
}
@media only screen and (max-width: 767px) {
  .commonText.__small {
    line-height: 1.6;
  }
}

.commonCaption {
  font-size: clamp(1.4rem, 1.3757281553rem + 0.0647249191vw, 1.5rem);
  font-weight: 500;
  line-height: 1;
}

.alink {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: #000;
  transition: 0.3s;
}
.alink:hover {
  color: #036ea9;
  text-decoration-color: unset;
}

/*==================================================
 * ヘッダー
 *================================================*/
.ahover {
  transition: 0.3s;
}
a:hover .ahover {
  opacity: 0.7;
}

.active-link {
  color: #ffbe00;
}

.commonBtn {
  display: inline-block;
  background-color: #000;
  border-radius: 50px;
  color: #fff;
  font-size: clamp(1.6rem, 1.4058252427rem + 0.5177993528vw, 2.4rem);
  padding: 1.2em 0.5em;
  width: 500px;
  line-height: 1;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: bold;
  transition: 0.3s;
  position: relative;
}
.text-left-tab .commonBtn {
  padding: 1.2em 0.5em 1.2em 1.2em;
}
.commonBtn.__small {
  font-size: clamp(1.5rem, 1.4757281553rem + 0.0647249191vw, 1.6rem);
  width: 307px;
  padding: 0.8em 1.2em;
}
.commonBtn::after {
  position: absolute;
  display: block;
  font-family: "Font Awesome 6 Pro";
  content: "\f061";
  transition: 0.3s;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  right: 25px;
  top: 50%;
  color: #ffbe00;
  transform: translateY(-50%);
}
.commonBtn:hover {
  color: #000;
  background-color: #d3dde0;
  font-weight: bold;
}
.commonBtn:hover::after {
  right: 20px;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .commonBtn {
    width: 320px;
  }
  .commonBtn.__small {
    width: 260px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .commonBtn {
    width: 400px;
  }
  .commonBtn.__small {
    width: 266px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .planBtnBlock .commonBtn {
    font-size: 18px;
    width: 320px;
    text-align: left;
    padding: 1.2em 0.5em 1.2em 1.2em;
  }
  .planBtnBlock .commonBtn::after {
    right: 12px;
  }
  .commonBtn.__small {
    width: 282px;
  }
}

/*==================================================
 * header
 *================================================*/
/*==================================================
 * pagenation*/
:root {
  --swiper-theme-color: #fff;
}

/*==================================================
 * フッター
 *================================================*/
footer {
  position: relative;
  margin-top: -8px;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  footer {
    margin-top: -74px;
    padding-top: 18%;
  }
}

.footerlogoImg {
  width: 10%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .footerlogoImg {
    width: 36%;
    margin-bottom: 7%;
  }
}

@media only screen and (min-width: 767px) and (max-width: 959px) {
  .footerWrap {
    display: block;
    width: 76%;
    margin-inline: auto;
  }
}

.footerBlock {
  width: 97%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding: 9em 1em 8em;
  background-color: #1f1f1f;
  border-top-right-radius: 50px;
  border-top-left-radius: 50px;
}
@media only screen and (max-width: 767px) {
  .footerBlock {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    width: 100%;
    padding: 1em 1em 3em;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .footerBlock {
    width: 100%;
    padding: 2em 1em 3em;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .footerBlock {
    padding: 2em 1em 8em;
  }
}

.footerTel {
  font-size: clamp(3rem, 2.5145631068rem + 1.2944983819vw, 5rem);
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .footerTel {
    pointer-events: none;
  }
}

.fonnterInner {
  max-width: 1396px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .fonnterInner {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
}

.footerContactBlock {
  position: relative;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  margin-top: 0;
  padding: 0.6em 0.3em;
  background-color: #ffbe00;
  margin-top: -20px;
  z-index: 999;
}
@media screen and (min-width: 960px) {
  .footerContactBlock {
    display: none !important;
  }
}

.footerContactBlock_1 {
  padding-bottom: 4em;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .footerContactBlock_1 {
    width: 87%;
    margin-inline: auto;
    padding-bottom: 2.8em;
  }
}

.footerContactBlock_2 {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.5em;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  background-color: #ffbe00;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .footerContactBlock_2 {
    width: 100;
    padding: 0.5em 1em;
    margin-inline: auto;
  }
}

.footerContact {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  margin-top: -10px;
  background-color: #ffbe00;
  padding: 0.4em 2em 0.4em;
  border-top-right-radius: 50px;
  border-top-left-radius: 50px;
}
@media screen and (max-width: 959px) {
  .footerContact {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .footerContact {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    margin-top: 0;
    padding: 0.6em 0.3em;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
  .footerContact {
    margin-top: -48px;
    padding: 0.3em 0.3em;
  }
}

.katarogTitle {
  font-size: clamp(1.5rem, 0.8932038835rem + 1.6181229773vw, 4rem);
  line-height: 1;
  font-weight: 900;
}

.copylight {
  font-size: 12px;
  letter-spacing: 0.08em;
  font-weight: 500;
}

.footerTitleBlock {
  width: 50%;
  margin-right: 3%;
}
@media only screen and (max-width: 767px) {
  .footerTitleBlock {
    width: 100%;
    margin-right: 0;
  }
}

.footerInfoText {
  font-size: clamp(1.5rem, 1.4757281553rem + 0.0647249191vw, 1.6rem);
  font-weight: bold;
}

.catalogTitle {
  font-size: clamp(1.8rem, 1.7029126214rem + 0.2588996764vw, 2.2rem);
  white-space: nowrap;
  padding-left: 0.5em;
  letter-spacing: 0.01em;
  line-height: 1.4;
  font-weight: 900;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .catalogTitle {
    padding: 0;
  }
}

.btnbox {
  position: relative;
  width: 315px;
}
@media screen and (max-width: 959px) {
  .btnbox {
    width: 100%;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .btnbox {
    width: 370px;
  }
}

.catalogBtn {
  display: inline-block;
  background-color: #000;
  border-radius: 50px;
  color: #fff;
  font-size: clamp(1.5rem, 1.4757281553rem + 0.0647249191vw, 1.6rem);
  width: 350px;
  padding: 0.8em 1.2em;
  line-height: 1;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: bold;
  transition: 0.3s;
  position: relative;
}
.catalogBtn::after {
  position: absolute;
  display: block;
  font-family: "Font Awesome 6 Pro";
  content: "\f061";
  transition: 0.3s;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  right: 100px;
  top: 50%;
  color: #ffbe00;
  transform: translateY(-50%);
}
.catalogBtn:hover {
  color: #000;
  background-color: #d3dde0;
  font-weight: bold;
}
.catalogBtn:hover::after {
  right: 20px;
  color: #000;
}
@media screen and (max-width: 768px) {
  .catalogBtn {
    width: 335px;
    padding: 0.8em 4em 0.8em 1.2em;
  }
  .catalogBtn::after {
    right: 110px;
  }
}
@media screen and (max-width: 560px) {
  .catalogBtn {
    width: 309px;
  }
  .catalogBtn::after {
    right: 80px;
  }
}

.catalogBtnBlock {
  position: relative;
}

.catalogTitleWrap {
  margin-inline: auto;
  width: 69%;
  display: grid;
  grid-template-columns: 1fr 0.1fr;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
@media screen and (max-width: 560px) {
  .catalogTitleWrap {
    display: block;
    width: 100%;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .catalogTitleBlock {
    width: 380px;
  }
}

.footerBtn {
  cursor: pointer;
  position: fixed;
  right: 2%;
  bottom: 12%;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  transition: 0.3s;
  background-color: #1f1f1f;
  z-index: 9999;
}
.footerBtn::after {
  position: absolute;
  display: block;
  font-family: "Font Awesome 6 Pro";
  content: "\f077";
  font-weight: 900;
  font-size: 23px;
  color: #ffbe00;
  top: 52%;
  left: 52%;
  transform: translate(-50%, -50%);
}
.footerBtn:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 959px) {
  .footerBtn {
    display: none;
  }
}

.footerBox {
  margin-right: 15px;
  position: relative;
  padding: 1.2em 6em 1.3em 0.3em;
  background-color: #d20000;
  border-radius: 50px;
}
@media only screen and (max-width: 767px) {
  .footerBox {
    margin-right: 0;
    margin-bottom: 4%;
    padding: 0.3em 0.5em 0.3em 1em;
    border-radius: 50px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .footerBox {
    margin-right: 0;
    margin-bottom: 1%;
    padding: 0.3em 0.5em 0.3em 1.7em;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .footerBox {
    width: 46%;
    padding: 0.5em 5.5em 0.5em 0.7em;
  }
}

.footerill_01 {
  position: absolute;
  width: 107px;
  top: -15px;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .footerill_01 {
    width: 107px;
    top: -30px;
    right: 0;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .footerill_01 {
    top: -30px;
    right: -17px;
  }
}

.footerill_02 {
  position: absolute;
  width: 103px;
  top: -5px;
  right: -85px;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .footerill_02 {
    width: 99px;
    top: -28px;
    right: 0;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .footerill_02 {
    width: 92px;
    top: -14px;
    right: 0;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .footerill_02 {
    width: 97px;
    top: -2px;
    right: 0;
  }
}

.footerTitle {
  font-size: clamp(1.5rem, 1.3300970874rem + 0.4530744337vw, 2.2rem);
  padding-left: 0.7em;
  line-height: 1.3;
  font-weight: bold;
  color: #fff;
}
.footerTitle span {
  font-size: clamp(1.8rem, 1.654368932rem + 0.3883495146vw, 2.4rem);
  line-height: 1.3;
  font-weight: bold;
  color: #ffff00;
}
.footerTitle span.__large {
  font-size: clamp(2.4rem, 2.254368932rem + 0.3883495146vw, 3rem);
  line-height: 1;
  font-weight: bold;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .footerTitle {
    line-height: 1.2;
    padding-left: 0.3em;
  }
  .footerTitle span {
    line-height: 1.3;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .footerTitle {
    padding-left: 0.1em;
  }
}

.footerBoxIllstBlock > li {
  position: absolute;
}
.footerBoxIllstBlock > li img {
  margin: 0;
}
.footerBoxIllstBlock > li:nth-child(1) {
  bottom: -8px;
  right: 404px;
  width: 10%;
}
.footerBoxIllstBlock > li:nth-child(2) {
  bottom: -88px;
  right: 26px;
  width: 19%;
}
@media only screen and (max-width: 767px) {
  .footerBoxIllstBlock > li:nth-child(1) {
    bottom: -18px;
    right: -16px;
    width: 34%;
  }
  .footerBoxIllstBlock > li:nth-child(2) {
    bottom: -83px;
    right: -12px;
    width: 34%;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .footerBoxIllstBlock > li:nth-child(1) {
    bottom: -7px;
    right: -20px;
    width: 13%;
  }
  .footerBoxIllstBlock > li:nth-child(2) {
    display: none;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .footerBoxIllstBlock > li:nth-child(1) {
    bottom: -7px;
    right: 94px;
    width: 13%;
  }
  .footerBoxIllstBlock > li:nth-child(2) {
    display: none;
  }
}

/*==================================================
 * 矢印
 *================================================*/
.swiperFlow {
  overflow: hidden;
}

.swiperBtn {
  position: absolute;
  bottom: -42px;
  left: 10%;
  z-index: 9;
}
@media only screen and (max-width: 767px) {
  .swiperBtn {
    left: 69%;
    transform: translateX(-50%);
    bottom: -9%;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .swiperBtn {
    bottom: -45px;
    left: 21.5%;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .swiperBtn {
    bottom: -39px;
    left: 18.5%;
  }
}

/*==================================================
/*トップページ
*================================================*/
.breadcrumbs {
  color: #ffbe00;
  padding-top: 7px;
  font-size: 15px;
  font-weight: 500;
}
.breadcrumbs #text {
  display: none;
}
.breadcrumbs .current-item {
  color: #000000;
  font-weight: 500;
}
.breadcrumbs a {
  transition: 0.3s;
}
.breadcrumbs a:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs {
    font-size: 13px;
  }
}

/*==================================================
/*common
*================================================*/
.facilityTitle {
  font-size: clamp(2.4rem, 1.7689320388rem + 1.6828478964vw, 5rem);
  letter-spacing: 0em;
  line-height: 1.2;
  font-weight: 900;
}
.facilityTitle.__small {
  font-size: clamp(2rem, 1.5145631068rem + 1.2944983819vw, 4rem);
}

.facilityTextBox {
  width: 71%;
  margin-inline: auto;
  padding: 2.5em 0.5em;
  border-radius: 10px;
  background-color: #d3dde0;
}
@media only screen and (max-width: 767px) {
  .facilityTextBox {
    padding: 1.5em 0.5em;
    width: 100%;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .facilityTextBox {
    width: 80%;
  }
}

.facilityTitle2 {
  font-size: clamp(1.8rem, 1.2660194175rem + 1.4239482201vw, 4rem);
  line-height: 1.6;
  font-weight: 900;
}
.facilityTitle2 span {
  display: inline-block;
  font-size: clamp(1.8rem, 1.2660194175rem + 1.4239482201vw, 4rem);
  line-height: 1.3;
  font-weight: 900;
  position: relative;
}
.facilityTitle2 span::after {
  content: "";
  display: block;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  width: 17px;
  height: 17px;
  border-radius: 50px;
  background-color: #ffbe00;
  border: solid 3px #333;
}
@media only screen and (max-width: 767px) {
  .facilityTitle2 span::after {
    top: -11px;
    width: 10px;
    height: 10px;
    border: solid 2px #333;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
  .facilityTitle2 span::after {
    top: -11px;
    width: 13px;
    height: 13px;
  }
}

.illustBlock {
  width: 83%;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .illustBlock {
    width: 100%;
  }
}

.infBox {
  position: relative;
}

.infoBlock {
  background-color: #ffbe00;
  padding: 2.5em 4em 4em;
  border-radius: 50px;
  border: solid 2px #333;
}
@media only screen and (max-width: 767px) {
  .infoBlock {
    padding: 2em 1em 1.5em;
    border-radius: 18px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
  .infoBlock {
    padding: 1.5em 1.5em 2.5em;
    border-radius: 30px;
  }
}

.eventTitle {
  font-size: clamp(2rem, 1.5145631068rem + 1.2944983819vw, 4rem);
  line-height: 1.2;
  font-weight: 900;
}

.infoTextBlock {
  width: 45%;
  margin-right: 5%;
}
@media only screen and (max-width: 767px) {
  .infoTextBlock {
    width: 100%;
  }
}

.infoImgBlock {
  width: 45%;
  margin-right: 5%;
}
@media only screen and (max-width: 767px) {
  .infoImgBlock {
    width: 105%;
    margin-left: -2.5%;
    margin-bottom: 7%;
  }
}

.titleEn {
  font-size: clamp(3rem, 2.5145631068rem + 1.2944983819vw, 5rem);
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
}
.titleEn.__small {
  font-size: clamp(1.2rem, 1.0058252427rem + 0.5177993528vw, 2rem);
}

.titleEn_1 span {
  padding: 0.7em 0 0.7em 0.8em;
  font-size: clamp(1.6rem, 1.5029126214rem + 0.2588996764vw, 2rem);
  line-height: 2;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  position: relative;
}
.titleEn_1 span::after {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 100%;
  border-radius: 10px;
  background-color: #333;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .titleEn_1 span {
    font-size: 20px;
  }
}

.infoTable.__grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.infoTable.__grid > li dt {
  width: 52%;
  margin-right: 5%;
}
.infoTable.__grid > li dd {
  width: 38%;
}
.infoTable > li:not(:last-child) {
  margin-bottom: 12px;
}
.infoTable > li dt {
  font-size: clamp(1.6rem, 1.5029126214rem + 0.2588996764vw, 2rem);
  line-height: 1;
  text-align: center;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: bold;
  color: #fff;
  padding: 0.8em 0.5em;
  background-color: #000;
  border-radius: 5px;
  width: 28%;
  margin-right: 2%;
}
.infoTable > li dd {
  width: 83%;
  font-size: clamp(1.6rem, 1.5029126214rem + 0.2588996764vw, 2rem);
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 1700px) {
  .infoTable.__grid > li dt {
    width: 55%;
    margin-right: 3%;
  }
}
@media only screen and (max-width: 767px) {
  .infoTable {
    margin-bottom: 15px;
  }
  .infoTable > li:not(:last-child) {
    margin-bottom: 10px;
  }
  .infoTable > li dt {
    width: 37%;
    padding: 0.7em 0.3em;
  }
  .infoTable.planSp > li dt {
    width: 46%;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .infoTable > li dt {
    width: 35%;
  }
  .infoTable.__grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .infoTable.__grid > li dt {
    width: 51%;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .infoTable > li dt {
    width: 30%;
  }
  .infoTable.__grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .infoTable.__grid > li dt {
    width: 51%;
  }
}

.infoillstWrap {
  position: absolute;
  width: 119px;
  top: -48px;
  right: 5px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .infoillstWrap {
    display: none;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .infoillstWrap {
    width: 63px;
    right: 0;
    top: -30px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .infoillstWrap {
    width: 74px;
    right: 50%;
    transform: translateX(-50%);
    top: -30px;
  }
}

.infoBtn {
  margin-top: -40px;
}
@media only screen and (max-width: 767px) {
  .infoBtn {
    margin-top: -30px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .infoBtn {
    margin-top: -30px;
  }
}

.planBlock {
  display: grid;
  grid-template-columns: 24% 66% 10%;
  border-top: 2px solid;
  border-bottom: 2px solid;
  border-image-source: repeating-linear-gradient(to right, #000 0 2px, transparent 2px 7px);
  border-image-slice: 1;
}
@media screen and (max-width: 1400px) {
  .planBlock {
    grid-template-columns: 24% 70% 6%;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
  .planBlock {
    grid-template-columns: 31% 69%;
  }
}

@media only screen and (min-width: 767px) and (max-width: 959px) {
  .planTextBlock {
    margin-bottom: 3%;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .planTextBlock {
    width: 70%;
  }
}

.planTitleBlock {
  padding: 4.2em 0;
  border-right: 2px solid;
  border-image-source: repeating-linear-gradient(to bottom, #000 0 2px, transparent 2px 7px);
  border-image-slice: 1;
}

.planInnerBlock {
  padding: 4.2em 4em 2em;
  border-right: 2px solid;
  border-image-source: repeating-linear-gradient(to bottom, #000 0 2px, transparent 2px 7px);
  border-image-slice: 1;
}
@media screen and (max-width: 1500px) {
  .planInnerBlock {
    padding: 4.2em 1.5em 2em;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .planInnerBlock {
    padding: 4.2em 1.1em 2em;
    border-right: unset;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .planInnerBlock {
    padding: 4.2em 0 2em 1.5em;
    border-right: unset;
  }
}

.mojiSlider {
  overflow: hidden !important;
  height: clamp(1632px, 102.4vw, 1967px);
}

@media only screen and (min-width: 767px) and (max-width: 1279px) {
  .planLineBlock {
    display: none;
  }
}

.planIllustBlock img {
  max-width: unset !important;
  width: 421px;
}
@media screen and (max-width: 1600px) {
  .planIllustBlock img {
    width: 273px;
  }
}
@media only screen and (max-width: 767px) {
  .planIllustBlock {
    position: absolute;
    right: 0;
    top: -21px;
  }
  .planIllustBlock img {
    width: 148px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .planIllustBlock img {
    width: 238px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .planIllustBlock img {
    width: 273px;
  }
}

.planTitleBox {
  padding: 0.3em 0 0.3em 1.5em;
  position: relative;
}
.planTitleBox::after {
  position: absolute;
  display: block;
  content: "";
  width: 4px;
  height: 100%;
  border-radius: 10px;
  background-color: #333;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.planImgList {
  background-color: #ffbe00;
  padding: 1.8em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
  border-radius: 30px;
  border: solid 2px #000;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .planImgList {
    padding: 1em;
  }
}

.planImg {
  padding-bottom: 72%;
  border-radius: 10px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .planImg {
    padding-bottom: 14%;
  }
}

.planList > li:not(:last-child) {
  margin-bottom: 7%;
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
  .planList > li:not(:last-child) {
    margin-bottom: 12%;
  }
}

@media only screen and (min-width: 767px) and (max-width: 959px) {
  .planBlockWrap {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .planBtnBlock {
    margin-top: -21px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .planBtnBlock {
    margin-bottom: 22px;
  }
}

.c-text__item {
  writing-mode: vertical-lr; /* 上から下に書く */
  white-space: nowrap;
  font-size: clamp(4rem, 3.7572815534rem + 0.6472491909vw, 5rem);
  letter-spacing: 0.08em;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  line-height: 3.5;
}
@media screen and (max-width: 1400px) {
  .c-text__item {
    line-height: 2;
  }
}

.orderTitleWrap {
  width: 60%;
  padding: 0 2em;
  margin-inline: auto;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .orderTitleWrap {
    width: 100%;
    padding: 0;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .orderTitleWrap {
    width: 76%;
    padding: 0 2em;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .orderTitleWrap {
    width: 73%;
    padding: 0 2em;
  }
}

.orderBox {
  margin-top: -73px;
  width: 90%;
  margin-inline: auto;
  padding: 7.5em 4em 6em;
  padding-top: clamp(20px, 6.4vw, 122px);
  background-color: #ffbe00;
  border-radius: 50px;
}
@media screen and (max-width: 1850px) {
  .orderBox {
    padding: 7.5em 0 6em;
  }
}
@media only screen and (max-width: 767px) {
  .orderBox {
    width: 100%;
    border-radius: 0;
    margin-top: -45px;
    padding: 6.7em 0 1.7em;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
  .orderBox {
    padding: 4.2em 0m 2em;
    margin-top: -51px;
  }
}

.orderList {
  position: relative;
  width: 100%;
  z-index: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
  counter-increment: number 0;
}
.orderList > li {
  counter-increment: number 1;
  background-color: #fff;
  padding: 0.8em 0.8em 2em;
  border-radius: 30px;
}
@media only screen and (max-width: 767px) {
  .orderList {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .orderList > li {
    border-radius: 8px;
    padding: 0.8em 0.8em 1em;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .orderList {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .orderList {
    -moz-column-gap: 10px;
         column-gap: 10px;
    row-gap: 10px;
  }
}

.orderImgWrap > li {
  position: absolute;
}
.orderImgWrap > li:nth-child(1) {
  top: -8px;
  left: 0;
  width: 15%;
}
.orderImgWrap > li:nth-child(2) {
  top: -8px;
  right: 0;
  width: 18%;
}
@media only screen and (max-width: 767px) {
  .orderImgWrap > li:nth-child(1) {
    top: 43px;
    left: 27px;
    width: 21%;
  }
  .orderImgWrap > li:nth-child(2) {
    top: 43px;
    right: 33px;
    width: 25.5%;
  }
}

.stepImg {
  padding-bottom: 59%;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .stepImg {
    padding-bottom: 37%;
    border-radius: 6px;
  }
}

.orderTitle {
  font-size: clamp(2rem, 1.9029126214rem + 0.2588996764vw, 2.4rem);
  line-height: 1;
  font-weight: bold;
}

.orderTextBox {
  padding: 0 1em;
}
@media only screen and (max-width: 767px) {
  .orderTextBox {
    padding: 0 0.3em;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .orderTextBox {
    padding: 0 0.3em;
  }
}

.orderNbTitle {
  text-align: center;
  font-size: clamp(1.5rem, 1.4514563107rem + 0.1294498382vw, 1.7rem);
  line-height: 2.8;
  font-family: "Montserrat", sans-serif;
  color: #ffbe00;
  font-weight: bold;
}

.orderNbText span {
  position: relative;
  text-align: center;
  display: block;
}
.orderNbText span::after {
  content: "";
  display: block;
  position: absolute;
  content: "0" counter(number);
  font-size: clamp(3rem, 2.8300970874rem + 0.4530744337vw, 3.7rem);
  line-height: 1;
  color: #ffbe00;
  font-weight: bold;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.orderNbBox {
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 50%;
  right: 30px;
  bottom: -42px;
}
@media only screen and (max-width: 767px) {
  .orderNbBox {
    width: 80px;
    height: 80px;
    right: 9px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .orderNbBox {
    width: 80px;
    height: 80px;
    right: 13px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .orderNbBox {
    width: 70px;
    height: 70px;
    right: 13px;
    bottom: -44px;
  }
}

.orderNbTitleWap {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.outlineBlock {
  position: relative;
  display: grid;
  grid-template-columns: 24% 76%;
  border-top: 2px solid;
  border-image-source: repeating-linear-gradient(to right, #000 0 2px, transparent 2px 7px);
  border-image-slice: 1;
}
@media only screen and (max-width: 767px) {
  .outlineBlock {
    display: block;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
  .outlineBlock {
    grid-template-columns: 31% 69%;
  }
}

.outlineTitleBlock {
  padding: 4.2em 0;
  border-right: 2px solid;
  border-image-source: repeating-linear-gradient(to bottom, #000 0 2px, transparent 2px 7px);
  border-image-slice: 1;
}
@media only screen and (max-width: 767px) {
  .outlineTitleBlock {
    padding: 2em 0;
    border-right: unset;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
  .outlineTitleBlock {
    padding: 2.2em 0;
  }
}

@media only screen and (max-width: 767px) {
  .outlineTitleWrap {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
  .outlineTitleWrap {
    margin-bottom: 125%;
  }
}

.outlineInnerBlock {
  padding: 3.2em 11em 2em 9em;
}
@media screen and (max-width: 1800px) {
  .outlineInnerBlock {
    padding: 1.2em 0em 2em 2.5em;
  }
}
@media only screen and (max-width: 767px) {
  .outlineInnerBlock {
    padding: 0;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
  .outlineInnerBlock {
    padding: 1.2em 1.5em 2em 1.5em;
  }
}

.outlineIllustBlock {
  position: relative;
  width: 58%;
  margin-inline: auto;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .outlineIllustBlock {
    position: absolute;
    top: 36px;
    width: 91px;
    right: 0;
  }
}
.commonTable {
  width: 100%;
}
.commonTable th,
.commonTable td {
  font-size: clamp(1.6rem, 1.5029126214rem + 0.2588996764vw, 2rem);
  line-height: 1.6;
  font-weight: bold;
  text-align: left;
  padding: 1.2em 1.5em 1.2em 0;
  position: relative;
}
.commonTable th::after,
.commonTable td::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to right, #000 2px, transparent 2px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
}
.commonTable tr:last-child th::after,
.commonTable tr:last-child td::after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .commonTable {
    margin-bottom: 5%;
  }
  .commonTable th,
  .commonTable td {
    display: block;
    width: 100%;
    padding: 0;
  }
  .commonTable tr:nth-child(1) th::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    left: 0;
    top: 0;
    background-image: linear-gradient(to right, #000 2px, transparent 2px);
    background-size: 4px 2px;
    background-repeat: repeat-x;
  }
  .commonTable tr th::after {
    display: none;
  }
  .commonTable th {
    padding: 0.4em 0 0.4em 0.5em;
    background-color: #d3dde0;
  }
  .commonTable td {
    padding: 0.4em 0 0.4em 0.5em;
    padding-bottom: 1.2em;
  }
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
  .commonTable tr th,
  .commonTable tr td {
    padding: 1em 0;
  }
}

.mapBlock {
  width: 90%;
  margin-inline: auto;
  margin-top: -80px;
  position: relative;
  z-index: 1;
}
.mapBlock iframe {
  width: 100%;
  height: 700px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
@media screen and (max-width: 1630px) {
  .mapBlock {
    margin-top: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .mapBlock {
    width: 100%;
    margin-top: 0;
  }
  .mapBlock iframe {
    width: 100%;
    height: 400px;
    border-radius: unset;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
  .mapBlock {
    margin-top: -40px;
  }
  .mapBlock iframe {
    height: 550px;
  }
}

.plan10_Slider .slick-prev,
.plan10_Slider .slick-next,
.plan19_Slider .slick-prev,
.plan19_Slider .slick-next,
.plan30_Slider .slick-prev,
.plan30_Slider .slick-next {
  z-index: 2;
  top: 39%;
}
.plan10_Slider .slick-prev::after,
.plan10_Slider .slick-next::after,
.plan19_Slider .slick-prev::after,
.plan19_Slider .slick-next::after,
.plan30_Slider .slick-prev::after,
.plan30_Slider .slick-next::after {
  position: absolute;
  display: block;
  font-family: "Font Awesome 6 Pro";
  content: "\f053";
  font-weight: 900;
  font-size: 20px;
  top: 31px;
  left: 12px;
  color: #ffbe00;
}
.plan10_Slider .slick-prev::before,
.plan10_Slider .slick-next::before,
.plan19_Slider .slick-prev::before,
.plan19_Slider .slick-next::before,
.plan30_Slider .slick-prev::before,
.plan30_Slider .slick-next::before {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #000;
}
.plan10_Slider .slick-prev,
.plan19_Slider .slick-prev,
.plan30_Slider .slick-prev {
  left: -30px;
}
.plan10_Slider .slick-prev::after,
.plan19_Slider .slick-prev::after,
.plan30_Slider .slick-prev::after {
  content: "\f053";
}
.plan10_Slider .slick-next,
.plan19_Slider .slick-next,
.plan30_Slider .slick-next {
  right: -11px;
}
.plan10_Slider .slick-next::after,
.plan19_Slider .slick-next::after,
.plan30_Slider .slick-next::after {
  content: "\f105";
}

/* ==========================================================================
   印刷用
   ========================================================================== */
/* -------------------------------------------------------------- 
 
 Hartija CSS Print Framework -MIT License
   * Version:   1.0
 
-------------------------------------------------------------- */
@media print {
  body {
    -webkit-print-color-adjust: exact;
    /*chrome用*/
    zoom: 0.8;
    border-top: none;
  }
  .bgImg {
    display: list-item; /* 該当箇所の表示方法をlist-itemに */
    list-style-image: url(print_bg.png); /* 表示させたい画像 */
    list-style-position: inside; /* マーカーの位置を内側に */
  }
  header {
    display: none;
  }
  footer {
    display: none;
  }
  .footerTelSp {
    display: none;
  }
  .menu-btn {
    display: none;
  }
  .fixBar {
    display: none !important;
  }
  .parallax-mirror {
    display: none;
    height: 0 !important;
  }
  .rellax {
    transform: none !important;
  }
  .PrintHidden {
    display: none;
  }
  .printArea {
    margin: 0;
    padding: 0;
  }
}/*# sourceMappingURL=import.css.map */