@charset "UTF-8";

@charset "UTF-8";
/*
Theme Name: マルキ産業採用情報サイト
Description: 株式会社マルキ産業 採用情報用のテーマです。
Theme URI:
Author: update Co.,Ltd. creator
Author URI:
Version: 1.0.0
License:
License URI:
*/
/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

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

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 13px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

body {
  background: #ffffff;
  margin: 0;
  color: #231815;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.83;
  word-break: normal;
  overflow-wrap: break-word;
  margin: 0;
  line-height: 1.8;
  letter-spacing: 1.4px;
  overscroll-behavior-y: none;
}

pre,
code,
input,
textarea {
  font: inherit;
}

a {
  color: #231815;
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: none;
}

a:active,
a:focus,
a:hover {
  outline: none;
  text-decoration: none;
}

area {
  cursor: pointer;
}

area:active,
area:focus,
area:hover {
  outline: none;
}

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

p {
  letter-spacing: 1.4px;
  margin-bottom: 1em;
}

address {
  font-style: normal;
}

.wrapper {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
  padding-top: 52px;
  position: relative;
  width: 100%;
}

/* block-inner */
.block-inner {
  padding-left: 5%;
  padding-right: 5%;
}

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

.block-border, .block-price {
  padding: 15px;
  background-color: #fff;
  border-radius: 10px;
  border: solid 1px #d2d2d2;
  position: relative;
}

.block-price_figure {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 160px;
  margin: 0 auto;
  text-align: center;
  max-width: 160px;
  width: 60%;
}

.block-price_figure img {
  height: auto;
  width: 100%;
}

.block-price-item {
  width: 100%;
}

.block-price-item .block-border, .block-price-item .block-price {
  position: relative;
  z-index: 2;
}

.block-payment dt {
  width: 35%;
}

.block-payment dd {
  overflow: hidden;
}

.breadcrumb {
  font-size: 116%;
  font-size: 1.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1.1;
  letter-spacing: 0.38px;
  margin: 17px auto;
  padding: 0 25px;
  width: 935px;
}

.breadcrumb li {
  list-style: none;
  margin: 0 3px;
  vertical-align: top;
}

.breadcrumb li + li:before {
  content: '|';
  color: #8b7878;
  font-size: 13px;
  font-weight: bold;
  margin-right: 4px;
  vertical-align: top;
}

.breadcrumb a {
  color: #8b7878;
  text-decoration: none;
}

.breadcrumb .icon-home {
  color: #231815;
  font-size: 13px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 1px;
  vertical-align: top;
}

/* ボタン */
.button, .button-green, .wpcf7 input[type="submit"], .button-gray-dummy {
  font-size: 108%;
  font-size: 1.08rem;
  background: #f5a722;
  font-weight: 600;
  color: white;
  display: inline-block;
  letter-spacing: 1.9px;
  line-height: 1.1;
  max-width: 100%;
  height: 46px;
  padding: 16px 30px 0;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
  width: 250px;
}

.button:focus, .button-green:focus, .wpcf7 input:focus[type="submit"], .button-gray-dummy:focus {
  background-color: #f3b956;
  color: white;
  outline: none;
}

.button:hover, .button-green:hover, .wpcf7 input:hover[type="submit"], .button-gray-dummy:hover {
  color: white;
  text-decoration: none;
  background-color: #f3b956;
}

.button-green, .wpcf7 input[type="submit"] {
  background: #35803b;
}

.button-green:focus, .wpcf7 input:focus[type="submit"] {
  background-color: rgba(53, 128, 59, 0.7);
}

.button-green:hover, .wpcf7 input:hover[type="submit"] {
  background-color: rgba(53, 128, 59, 0.7);
}

.button-gray-dummy {
  background: #585757;
}

.button-gray-dummy:focus {
  background: #585757;
  color: white;
  outline: none;
}

.button-gray-dummy:hover {
  color: white;
  text-decoration: none;
  background: #585757;
}

.button-line, .button-line-green {
  font-size: 124%;
  font-size: 1.24rem;
  border: 2px solid #585757;
  display: inline-block;
  height: 50px;
  color: #585757;
  font-weight: bold;
  letter-spacing: 2.7px;
  line-height: 1.1;
  padding-top: 18px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
  min-width: 220px;
}

.button-line:focus, .button-line-green:focus {
  background-color: #585757;
  color: white;
  outline: none;
}

._pc .button-line:hover, ._pc .button-line-green:hover {
  color: white;
  text-decoration: none;
  background-color: #585757;
}

.button-line-green {
  border-color: #35803b;
  color: #35803b;
  width: 272px;
}

.button-line-green:focus {
  background-color: #35803b;
  color: white;
  outline: none;
}

._pc .button-line-green:hover {
  color: white;
  text-decoration: none;
  background-color: #35803b;
}

/* 
  form 各パーツ
　ーーーーーーーーーーーーーーー
  0.カスタムプロパティ
  1.フォームパーツ基本レイアウト
  2.formRow - レイアウト
    2-1.col 
    2-2.width
    2-3.parts パーツ用レイアウト
  3.formParts - パーツ
    2-1.label 項目
    2-2.require 必須
  4.wpcf7 - contact form 7 用調整
  5.バリデーション
  6.リキャプチャ メッセージ
 */
/* 0.カスタムプロパティ
--------------------------------------------- */
:root {
  --parts-error-color: #dc2442;
  --parts-border-color: #e2e2e2;
  --parts-bg-color: #f5f5f5;
  --parts-input-height: 46px;
}

/* 1.フォームパーツ基本レイアウト
--------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  padding-left: 0.5em;
  padding-right: 0.5em;
  width: 100%;
}

select {
  font-size: 0.9rem;
  padding: 5px 1em 5px 0.8em;
}

textarea {
  width: 100%;
}

/* 2.レイアウト
--------------------------------------------- */
form .row {
  margin-bottom: 2em;
}

.query-title {
  font-size: 116%;
  font-size: 1.16rem;
  font-weight: bold;
  border-left: 10px solid #62A946;
  margin-bottom: 0.5em;
  padding: 0 15px;
}

.query-content {
  font-size: 0.93rem;
}

/* 3.パーツ
--------------------------------------------- */
.form-parts-radio_input {
  display: none;
}

.form-parts-radio_content {
  position: relative;
  padding: 0 0 0 42px;
}

.form-parts-radio_content:after, .form-parts-radio_content:before {
  position: absolute;
  /* ボックスの位置を指定する */
  content: "";
  /* ボックスのコンテンツ */
  display: block;
  /* ブロックレベル要素化する */
  top: 0;
  /* 上部から配置の基準位置を決める */
}

.form-parts-radio_content:after {
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #d2d2d2;
  border-radius: 50%;
}

.form-parts-radio_content:before {
  left: 20px;
  margin-top: -5px;
  width: 12px;
  height: 12px;
  background: #cbba00;
  border-radius: 50%;
  opacity: 0;
}

.form-parts-radio input[type="radio"]:checked + .form-parts-radio:before {
  opacity: 1;
  /* 要素を表示する */
}

.form-parts-radio input[type="radio"]:checked + .form-parts-radio:hover:after {
  border-color: #cbba00;
  /* ボックスの境界線を実線で指定する */
}

/* 4.contact form 7 用調整
--------------------------------------------- */
.wpcf7-form-control-wrap {
  width: 100%;
}

.wpcf7-not-valid-tip {
  display: none;
}

.wpcf7 .ajax-loader {
  display: block;
  height: 0;
  margin: 1em auto 0.5em;
}

form.submitting .ajax-loader {
  height: 24px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  border: none;
  color: var(--parts-error-color);
  font-weight: inherit;
  margin-top: 1em;
  text-align: center;
}

.undefinedformError {
  display: none !important;
}

.wpcf7-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.wpcf7-checkbox .wpcf7-list-item {
  line-height: 17px;
  margin-bottom: 0.5em;
  margin-left: 0;
  vertical-align: top;
  width: 50%;
}

.wpcf7-checkbox label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.wpcf7-checkbox .parentFormcontactForm {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
}

.wpcf7-checkbox input[type="checkbox"] {
  height: 0;
  opacity: 0;
  width: 0;
}

.wpcf7-checkbox .wpcf7-list-item-label:before {
  content: '';
  cursor: pointer;
  background: url(./assets/images/icon-checkbox.svg) left top no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  width: 26px;
  height: 26px;
  padding: 5px;
  border-radius: 2px;
  margin-right: 0.5em;
  vertical-align: middle;
}

.wpcf7-checkbox input[type="checkbox"]:checked + div + div + .wpcf7-list-item-label:before,
.wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
  background: url(./assets/images/icon-checkbox-checked.svg) left top no-repeat;
  background-size: 100% 100%;
}

.wpcf7 input[type="submit"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  cursor: pointer;
  padding-top: 0;
}

/* 5.バリデーション調整
--------------------------------------------- */
.formErrorContent {
  font-size: 85%;
  font-size: 0.85rem;
  color: var(--parts-error-color);
  letter-spacing: 1.4px;
  line-height: 2.6;
}

input[type='text'].wpcf7-form-control,
input[type='email'].wpcf7-form-control,
input[type='tel'].wpcf7-form-control,
input[type='date'].wpcf7-form-control,
textarea.wpcf7-form-control,
select.wpcf7-form-control {
  border: solid 1px #da9c9f;
  background-color: #fffafb;
}

input[type='text'].wpcf7-form-control:only-child,
input[type='email'].wpcf7-form-control:only-child,
input[type='tel'].wpcf7-form-control:only-child,
input[type='date'].wpcf7-form-control:only-child,
textarea.wpcf7-form-control:only-child,
select.wpcf7-form-control:only-child {
  background-color: var(--parts-bg-color);
  border: 1px solid #e2e2e2;
}

/* 6.リキャプチャ メッセージ
--------------------------------------------- */
.grecaptcha-badge {
  visibility: hidden;
}

.recaptcha_policy {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 11px !important;
  color: #444 !important;
}

.recaptcha_policy a {
  font-size: 11px !important;
  color: #03c4eb !important;
}

/* 画像横並び */
.grid, .grid-col2, .grid-col3, .grid-col4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.grid:before, .grid-col2:before, .grid-col3:before, .grid-col4:before, .grid:after, .grid-col2:after, .grid-col3:after, .grid-col4:after {
  content: '';
  display: block;
  height: 1px;
  max-width: calc(50% - 25px);
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 50%;
}

.grid-col2 > .col,
.grid-col2 > img {
  max-width: calc(50% - 25px);
  width: 50%;
}

.grid-col3 img {
  margin: 0.5em;
  max-width: calc(32% - 0.5em);
  width: auto;
}

.grid-col3:before, .grid-col3:after {
  max-width: calc(32% - 0.5em);
}

.grid-col4 img {
  margin: 0.5em auto;
  max-width: calc(24% - 0.5em);
  width: auto;
}

.grid-col4:before, .grid-col4:after {
  max-width: calc(24% - 0.5em);
}

.grid-thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.grid-thumbnail .col {
  letter-spacing: 1px;
  width: calc(100% - 250px);
}

.grid-thumbnail .thumb {
  width: 198.3px;
  height: 189.9px;
}

.grid-thumbnail .thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.heading, .post-content h2 {
  font-size: 139%;
  font-size: 1.39rem;
  color: #35803b;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 2.4px;
  margin-bottom: 0.8em;
  margin-top: 0;
}

.heading-circle {
  font-size: 108%;
  font-size: 1.08rem;
  font-weight: 600;
  letter-spacing: 1.6px;
  margin-bottom: 0.5em;
  position: relative;
}

.heading-circle:after {
  background-color: #cbba00;
  bottom: auto;
  border-radius: 50%;
  content: '';
  display: block;
  margin: auto;
  position: absolute;
  left: 5px;
  opacity: 0.15;
  top: -25px;
  width: 52px;
  height: 52px;
}

.heading-normal {
  font-size: 124%;
  font-size: 1.24rem;
  font-weight: 600;
  letter-spacing: 1.6px;
  margin-bottom: 0.5em;
  position: relative;
}

.heading-section {
  font-weight: normal;
  margin-bottom: 1.3em;
  font-size: 154%;
  font-size: 1.54rem;
  letter-spacing: 2.8px;
  display: block;
}

.link-border {
  text-decoration: underline;
}

.link-border:hover {
  text-decoration: none;
}

.list-style-none, .list-flow {
  margin-left: 0;
  padding-left: 0;
}

.list-style-none li, .list-flow li {
  list-style: none;
}

.list-style-none > dt, .list-flow > dt {
  margin: 0;
  padding: 0;
}

.list-indent1 li {
  text-indent: -1em;
  padding-left: 1em;
}

.list-indent1-5 li {
  text-indent: -1.5em;
  padding-left: 1.5em;
}

.list-oneline {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.list-oneline dt {
  float: left;
  padding: 0;
  margin: 0;
  width: 7em;
}

.list-oneline dd {
  overflow: hidden;
  padding: 0 0 0 1em;
  text-indent: -1em;
  margin: 0;
}

.list-oneline dd:before {
  content: ' ： ';
}

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

/* リスト白丸 */
.list-item-check {
  list-style: none !important;
  margin-bottom: 1em;
  padding-left: 2em;
  text-indent: -1.2em;
}

.list-item-check:before {
  content: url(./assets/images/icon-check.svg);
  display: inline-block;
  line-height: 1.1;
  vertical-align: middle;
  margin-right: 7px;
  padding-left: 3px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

/* リスト黒丸 */
.list-item-dotted {
  list-style: none !important;
  margin-bottom: 1em;
  padding-left: 2em;
  text-indent: -2em;
}

.list-item-dotted:before {
  background: #000;
  content: '';
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
}

.list-price {
  margin: 0.5em 0 0;
  padding: 0;
}

.list-price-item {
  list-style: none;
  padding: 1.5em 0 1.8em;
}

.list-price-item + .list-price-item {
  border-top: 1px solid #d2d2d2;
}

.list-price-item_price {
  font-size: 139%;
  font-size: 1.39rem;
  color: #af3131;
  line-height: 1.1;
  letter-spacing: 2.6px;
  vertical-align: bottom;
}

.list-price-item_price small {
  font-size: 108%;
  font-size: 1.08rem;
}

.list-price-item_caption {
  font-size: 154%;
  font-size: 1.54rem;
  line-height: normal;
  width: calc(60% - 20px);
}

.list-price-item_caption small {
  font-size: 108%;
  font-size: 1.08rem;
}

.list-price-item_price {
  line-height: 1.1;
}

.list-price-item .option-img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.list-price-item .option-img img {
  width: 100%;
}

.list-flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.25;
  margin-bottom: 4em;
  text-align: center;
}

.list-flow-item {
  font-size: 93%;
  font-size: 0.93rem;
  margin-bottom: 1.5em;
  padding-left: 20px;
  position: relative;
  width: 120px;
}

.list-flow-item:before {
  background: url(./assets/images/flow-arrow.svg) left top no-repeat;
  background-size: 100% 100%;
  content: '';
  display: inline-block;
  left: 3px;
  height: 49px;
  position: absolute;
  top: 25px;
  width: 15px;
}

.list-flow-item:first-child {
  padding-left: 0;
  width: 100px;
}

.list-flow-item:first-child:before {
  content: unset;
}

.list-flow-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.1;
  margin-bottom: 5px;
  padding: 20px 10px;
  width: 100px;
}

.list-flow-note {
  font-size: 77%;
  font-size: 0.77rem;
  font-weight: 300;
  margin-top: 0.6em;
}

.pagenav {
  font-size: 124%;
  font-size: 1.24rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1.1;
  margin: 4em 0 0;
  position: relative;
  text-align: center;
}

.pagenav_inner {
  padding: 0;
}

.pagenav .pager {
  border: 1px solid #35803b;
  border-radius: 50%;
  color: #35803b;
  display: inline-block;
  font-family: inherit;
  font-weight: 600;
  line-height: 40px;
  height: 40px;
  margin: 5px;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
  vertical-align: middle;
  width: 40px;
}

.pagenav .pager.current {
  border: 1px solid #dde8d7;
  color: #35803b;
  background-color: #dde8d7;
}

.pagenav a.pager:hover {
  opacity: 0.8;
}

.pagenav .prev,
.pagenav .next {
  color: #35803b;
  display: inline-block;
  font-family: inherit;
  font-weight: 600;
  line-height: 40px;
  margin: 5px;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
  vertical-align: middle;
}

.pagenav .prev:hover,
.pagenav .next:hover {
  opacity: 0.8;
}

.pagenav .prev .icon-arrow,
.pagenav .next .icon-arrow {
  border: 1px solid #35803b;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  vertical-align: middle;
  padding-left: 0.1em;
  width: 40px;
  line-height: 40px;
  vertical-align: top;
}

.pagenav .prev .icon-arrow:before,
.pagenav .next .icon-arrow:before {
  content: url(./assets/images/icon-arrow.png);
  display: inline-block;
  line-height: 1.1;
  vertical-align: middle;
}

.pagenav .prev .icon-arrow {
  margin-right: 0.5em;
}

.pagenav .prev .icon-arrow:before {
  margin-right: 0.1em;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.pagenav .next .icon-arrow {
  margin-left: 0.5em;
}

.pagenav .next .icon-arrow:before {
  margin-left: 0.1em;
}

.table {
  border: none;
  border-collapse: collapse;
  width: 100%;
}

.table tr {
  border: none;
}

.table th {
  border: none;
  font-weight: normal;
  padding: 0.7em 2em;
  text-align: left;
  vertical-align: top;
  width: 260px;
}

.table td {
  border: none;
  letter-spacing: 0.9px;
  vertical-align: top;
  padding: 0.7em 2em;
}

.table tr:nth-child(odd) th,
.table tr:nth-child(odd) td {
  background-color: #f7f7f7;
}

.table tr:nth-child(even) th,
.table tr:nth-child(even) td {
  padding-top: 0.9em;
  padding-bottom: 1.1em;
}

.table-nonstyle {
  border: none;
  border-collapse: collapse;
}

.table-nonstyle th,
.table-nonstyle td {
  padding: 0 0.5em;
  vertical-align: top;
}

/* aside flow,about */
.aside-block_inner {
  margin: 0 auto;
  max-width: 1000px;
  padding: 2em 20px;
}

.aside-lead {
  font-size: 124%;
  font-size: 1.24rem;
  line-height: 1.57;
  letter-spacing: 2px;
}

.aside-buttonList {
  margin: 1em auto;
}

.aside-buttonList li {
  margin: 10px auto;
}

.footer {
  font-size: 100%;
  font-size: 1rem;
  background-color: #35803b;
  color: white;
  margin-top: auto;
  position: relative;
}

.footer_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 28px 2.5%;
  margin: 0 auto;
  width: 100%;
}

.footer-logo {
  font-size: 200%;
  font-size: 2rem;
  font-weight: normal;
  letter-spacing: normal;
  margin: 0 auto 0 0;
}

.footer-tel {
  font-size: 177%;
  font-size: 1.77rem;
  color: white;
  font-weight: bold;
}

.footer-tel .icon-tel {
  display: inline-block;
  height: 26px;
  margin-right: 5px;
  width: 20px;
}

.footer-tel .icon-tel img {
  vertical-align: middle;
  width: 100%;
}

.footer-address + .footer-address {
  margin-left: 3em;
  margin-top: 0.5em;
}

.footer-copyright {
  font-size: 70%;
  font-size: 0.7rem;
  color: #474747;
  letter-spacing: 0.6px;
  margin-top: 50px;
  text-align: center;
}

.header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  color: #231815;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  left: 0;
  padding: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 100%;
  z-index: 9999;
}

._scroll .header {
  -webkit-box-shadow: 0 5px 10px 0 rgba(180, 145, 145, 0.06);
          box-shadow: 0 5px 10px 0 rgba(180, 145, 145, 0.06);
}

.header a {
  text-decoration: none;
}

.header_inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 52px;
  margin: 0 auto;
  padding: 0 10px 0 0;
  position: relative;
  -webkit-transition: height 0.4s;
  transition: height 0.4s;
  z-index: 10000;
  width: 100%;
}

.header-logo {
  font-size: 116%;
  font-size: 1.16rem;
  font-weight: bold;
  letter-spacing: normal;
}

.header-logo_ancher {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-logo-img {
  display: block;
  width: 66px;
}

.header-logo-text {
  white-space: nowrap;
}

.header-logo-label {
  font-size: 77%;
  font-size: 0.77rem;
  border: 1px solid #005324;
  border-radius: 10px;
  color: #005324;
  line-height: 1.1;
  margin-left: 1em;
  padding: 4px 0.6em;
  white-space: nowrap;
}

.header-main {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  left: 0;
  max-width: none;
  margin: 0 0 0 auto;
  opacity: 1;
  padding: 0;
  position: relative;
  -webkit-transition: 0s;
  transition: 0s;
  -webkit-transform: none;
          transform: none;
  top: 0;
  visibility: visible;
  width: calc(100% - 383px);
  z-index: 9999;
}

.header-nav-wrap {
  background: transparent;
  position: relative;
  margin-left: auto;
  width: 100%;
}

.header-nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  max-width: 440px;
  margin: 0 0 0 auto;
  padding: 0 15px;
  width: 80%;
}

.header-nav:before {
  background: rgba(0, 0, 0, 0.87);
  content: "";
  display: block;
  left: 0;
  height: 495px;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transition-delay: opacity 0.2s;
          transition-delay: opacity 0.2s;
  -webkit-transform: scale(1, 0);
          transform: scale(1, 0);
  visibility: hidden;
  width: 100%;
  z-index: -1;
}

._parentHover .header-nav:before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  visibility: visible;
}

.header-nav-item {
  font-size: 108%;
  font-size: 1.08rem;
  font-family: HiraKakuProN-W3;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  margin: 0 1em;
  list-style: none;
  letter-spacing: normal;
  -webkit-transition: 1s;
  transition: 1s;
}

._pc .header-nav-item {
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.header-nav-item_ancher {
  color: #231815;
  display: block;
  line-height: 1.1;
  padding: 1em;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.sub-menu-wrap {
  position: relative;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.sub-menu-wrap ul {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 18px;
  left: -10px;
  z-index: 9999;
  display: none;
}

.sub-menu-wrap ul a {
  display: block;
  padding: 5px 10px;
}

.sub-menu-wrap ul a:hover {
  background-color: rgba(77, 69, 69, 0.596);
  color: white;
}

.sub-menu-wrap:hover ul {
  display: block;
}

.sub-menu-wrap:hover ul li a {
  -webkit-transition: .3s;
  transition: .3s;
}

.sub-menu-wrap:hover ul li a:hover {
  opacity: 0.8;
  -webkit-transition: .3s;
  transition: .3s;
}

.header-buttonList {
  padding: 0;
  margin: 0;
  max-width: 260px;
  width: 40%;
}

.header-buttonList li {
  margin: auto;
}

.header-button {
  display: inline-block;
  border: 2px solid #35803b;
  border-radius: 4px;
  line-height: 29px;
  height: 31px;
  text-align: center;
  width: 96px;
  vertical-align: middle;
}

.header-button.green {
  background-color: #35803b;
  color: white;
}

/* スマホ */
/* Safari */

.menu-btn {
  font-size: 70%;
  font-size: 0.7rem;
  background-color: #f5a722;
  border-radius: 5px;
  bottom: 8px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.4);
          box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.4);
  color: white;
  right: 8px;
  cursor: pointer;
  height: 50px;
  padding-top: 14px;
  position: fixed;
  text-align: center;
  width: 50px;
  z-index: 9999;
}

.menu-btn_hamburger {
  margin: 0 auto;
  height: 20px;
  width: 26px;
  position: relative;
}

.menu-btn_hamburger:before,
.menu-btn_hamburger span, .menu-btn_hamburger:after {
  background-color: white;
  display: block;
  height: 2px;
  content: '';
  position: absolute;
  width: 100%;
}

.menu-btn_hamburger span {
  margin: auto;
  bottom: 0;
  top: 0;
}

.menu-btn_hamburger:after {
  bottom: 0;
}

._menuOpen .menu-btn_hamburger span {
  display: none;
}

._menuOpen .menu-btn_hamburger:before {
  bottom: 0;
  margin: auto;
  right: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

._menuOpen .menu-btn_hamburger:after {
  margin: auto;
  right: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* page
--------------------------------------------- */
.page-header {
  text-align: center;
}

.page-headerImg {
  display: inline-block;
  max-width: 965px;
  padding-left: 15px;
  padding-right: 15px;
}

.page-heading {
  font-size: 154%;
  font-size: 1.54rem;
  font-weight: 600;
  letter-spacing: 2px;
  width: 100%;
}

.page-content {
  padding-bottom: 40px;
  padding-top: 40px;
}

.page-content_inner {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.pageSectionBlock {
  margin: 0 auto;
  max-width: 863px;
  padding-bottom: 40px;
}

.pageSectionBlock + .pageSectionBlock {
  margin-top: 2.5em;
}

.pageSectionBlock_inner {
  max-width: 796px;
  margin-left: auto;
  margin-right: auto;
}

.pageSectionHeading {
  font-size: 124%;
  font-size: 1.24rem;
  background-color: #ec6312;
  color: white;
  line-height: 1.2;
  margin-bottom: 1.5em;
  padding: 0.3em 1em;
  text-align: center;
}

.pageSectionHeading.green {
  background-color: #35803b;
}

/* lead */
.pageLeadBlock-text {
  margin-left: auto;
  margin-right: auto;
  max-width: 461px;
  width: 100%;
}

.pageLeadBlock-img {
  margin-left: auto;
  margin-right: auto;
  max-width: 350px;
  text-align: center;
  width: 100%;
}

.pageLeadList-item {
  margin: 0 auto 1em;
  width: 85%;
}

.pageLeadList-item figure {
  text-align: center;
}

/* photoblock */
.photoBlock-photo {
  margin: 0 auto 1em;
  width: 100%;
}

.photoBlock-text {
  margin: 0 auto 1em;
  width: 100%;
}

.photoBlock-photo figure {
  padding-top: 67%;
  position: relative;
  width: 100%;
}

.photoBlock-photo img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

/* photolist */
.photoList-item {
  font-size: 108%;
  font-size: 1.08rem;
  color: #35803b;
  margin-bottom: 1em;
  text-align: center;
  width: calc(50% - 10px);
}

.photoList-item p {
  margin-top: 0.5em;
  font-weight: 600;
}

/* posts
--------------------------------------------- */
.post-content {
  margin: 0 auto;
  max-width: 930px;
  padding-left: 15px;
  padding-right: 15px;
}

.post-content h2 {
  margin-bottom: 0.5em;
}

.post-content h3 {
  font-size: 131%;
  font-size: 1.31rem;
  border: 1px solid #231815;
  margin: 1.5em 0 2em;
  padding: 10px 14px;
}

.post-content p {
  margin-bottom: 1em;
}

.post-content p + h2,
.post-content p + h3 {
  margin-top: 1.5em;
}

.post-content ul {
  margin: 0;
}

.post-content li {
  letter-spacing: 0.025em;
}

.post-content blockquote {
  position: relative;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f4f4f4;
  border-radius: 10px;
  margin: 1em 0;
  padding: 20px 20px 10px;
}

.post-content blockquote p {
  padding: 0;
  margin: 10px 0;
  line-height: 1.7;
}

.post-content blockquote cite {
  display: block;
  text-align: right;
  color: #888888;
  font-size: 0.9em;
}

.post-header {
  border-bottom: 1px solid #9e9e9e;
  margin: 0 0 2em;
  padding-bottom: 0.5em;
}

.post-heading {
  font-size: 131%;
  font-size: 1.31rem;
  color: #231815 !important;
  font-weight: 500;
  margin: 0;
}

/* キャプション */
.gallery-caption {
  color: gray;
  font-size: 0.75em;
  margin: 5px 0;
  text-align: center;
}

.wp-caption {
  max-width: 100%;
  margin: 0 0 1.5em;
  padding: 8px;
  border: #eaedf2 2px solid;
}

.wp-caption.aligncenter {
  margin: 0 auto 1em;
}

.sticky {
  display: block;
}

.post {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

/* youtube */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.require {
  color: #d31212;
  font-size: 1rem;
}

#inquery {
  padding-left: 15px;
}

.page-template-page-guideline .page-content_inner {
  max-width: 832px;
}

.page-template-page-guideline .page-heading {
  color: #585757;
}

.guidelineTitleIcon {
  display: block;
  margin: 0 auto;
  max-height: 55px;
  max-width: 71px;
  text-align: center;
}

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

.guidelinePicture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto 2em;
}

.guidelinePicture-item {
  width: calc(33% - 6px);
  margin: 0 auto;
}

.guidelinePicture-item figure {
  padding-top: 67%;
  position: relative;
  width: 100%;
}

.guidelinePicture-item img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

/* 1 home base
--------------------------------------------------------------*/
.home-content {
  padding-bottom: 0;
}

.home-section {
  line-height: 1.67;
  letter-spacing: 0.35px;
  max-width: 812px;
  padding-bottom: 3em;
  padding-top: 3em;
}

.home-section_inner {
  margin: 0 auto;
  max-width: 980px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}

.home-section p {
  line-height: 1.67;
  letter-spacing: 1.2px;
}

.home-section a {
  text-decoration: none;
}

.home-section figure {
  margin: 0;
}

.home-section-text {
  margin-top: 25px;
  margin-bottom: 55px;
  position: relative;
  line-height: 1.4;
  padding: 2em 1.5em 1em 2em;
  display: inline-block;
}

.home-section-text::before, .home-section-text::after {
  content: '';
  width: 40px;
  height: 40px;
  position: absolute;
  display: inline-block;
}

.home-section-text::before {
  border-left: solid 2px #f08500;
  border-top: solid 2px #f08500;
  top: 0;
  left: 0;
}

.home-section-text::after {
  border-right: solid 2px #35803b;
  border-bottom: solid 2px #35803b;
  bottom: 0;
  right: 0;
}

.home-section-heading {
  font-size: 139%;
  font-size: 1.39rem;
  border-bottom: 1px solid #585757;
  color: #585757;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2.8px;
  margin: 0 auto 1em;
  max-width: 361px;
  padding: 0;
  text-align: center;
}

.home-section-heading:after {
  margin-left: auto;
  margin-right: auto;
}

.overview .home-section-text {
  margin-bottom: 0;
}

/* 2. home about
--------------------------------------------------------------*/
.homeAboutList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.homeAboutList li {
  margin: 0 auto 10px;
  max-width: 384px;
  width: 95%;
}

.homeAboutList img {
  width: 100%;
}

/* 3. home guidelines
--------------------------------------------------------------*/
.homeGuidelinesList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.homeGuidelinesList li {
  margin: 0.5em 15px;
  max-width: 240px;
  width: 95%;
}

.homeGuidelinesList a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 66%;
  position: relative;
  overflow: hidden;
}

.homeGuidelinesList img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.homeGuidelines-itemText {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-top-width: 5px;
  border-top-style: solid;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  left: 0;
  margin: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 92px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  width: 56%;
}

.homeGuidelines-itemText.blue {
  border-top-color: #0069b6;
}

.homeGuidelines-itemText.green {
  border-top-color: #35803b;
}

.homeGuidelines-itemText.orange {
  border-top-color: #f5a722;
}

/* 4. home cat-img
--------------------------------------------------------------*/
.cat-img_inner p {
  font-size: 1.3rem;
  margin-bottom: .5em;
}

.driverList:after {
  display: block;
  height: 1px;
  content: '';
  width: calc(33% - 10px);
}

.driverList-item {
  margin-bottom: 1em;
  width: calc(33% - 10px);
}

h3 {
  font-size: 154%;
  font-size: 1.54rem;
}

.title-main {
  padding: 0.5em;
  color: #494949;
  background: #fffaf4;
  border-left: solid 5px #f5a722;
}

.title-sub {
  padding-left: 65px;
  position: relative;
}

.title-sub::before {
  content: "Q";
  display: block;
  position: absolute;
  top: -5px;
  left: 0px;
  background-color: #f5a722;
  color: white;
  width: 50px;
  line-height: 35px;
  text-align: center;
}

.title-sub::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 50px;
  width: 0;
  height: 0;
  border-left: 10px solid #f5a722;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

p, a {
  font-size: 108%;
  font-size: 1.08rem;
}

.sp-br {
  display: none;
}

.sp-block {
  display: none;
}

.sp-none {
  display: block;
}

.member-info {
  padding-top: 100px;
  position: relative;
  border-top: 1px dotted #CBCBCB;
}

.member-info .title-box {
  position: absolute;
  display: inline-block;
  width: 300px;
  text-align: center;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
}

.member-info .title-box h3 {
  position: relative;
}

.member-info .title-box h3::after {
  content: "REAL VOICE";
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #EC6312;
  font-size: 93%;
  font-size: 0.93rem;
}

.member-info .members {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.member-info .members .member-card {
  width: 403px;
  color: #367F3B;
  margin-bottom: 60px;
}

.member-info .members .member-card img {
  margin-bottom: 17px;
}

.member-info .members .member-card .personal-comment {
  font-size: 139%;
  font-size: 1.39rem;
  font-weight: bold;
  color: #231815;
  margin-bottom: 30px;
}

.member-info .members .member-card .member-buttom {
  display: block;
  width: 156px;
  height: 40px;
  line-height: 40px;
  margin-left: auto;
  text-align: center;
  border: 1px #BABABA solid;
  border-radius: 20px;
  color: #575757;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 22px;
  font-weight: bold;
}

.member-info .members .member-card .member-buttom:hover {
  background-color: #367F3B;
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.member-detail .menber {
  padding-top: 66px;
  margin-top: -66px;
  margin-bottom: 120px;
}

.member-detail .menber .member-headline {
  margin-bottom: 80px;
  width: 100%;
  height: 394px;
  padding: 80px 35px 50px;
  color: #367F3B;
  background-image: url(./assets/images/member1-headline.png);
  background-size: cover;
}

.member-detail .menber .member-headline p, .member-detail .menber .member-headline div {
  width: 400px;
}

.member-detail .menber .member-headline div {
  height: 87px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 15px;
  -webkit-box-shadow: 1px 3px 6px black;
          box-shadow: 1px 3px 6px black;
  border-radius: 6px;
}

.member-detail .menber .member-headline div p {
  margin-bottom: 5px;
}

.member-detail .menber .member-headline .member-headline-comment {
  font-size: 185%;
  font-size: 1.85rem;
  font-weight: bold;
  position: relative;
  color: #231815;
  line-height: 35px;
}

.member-detail .menber .member-headline .member-headline-comment::before {
  content: "REAL VOICE";
  position: absolute;
  top: -30px;
  left: 0;
  color: #EC6312;
  font-size: 93%;
  font-size: 0.93rem;
}

.member-detail .menber .member-headline .member-headline-name {
  font-size: 170%;
  font-size: 1.7rem;
  font-weight: bold;
  padding-left: 18px;
}

.member-detail .menber .headline2 {
  background-image: url(./assets/images/member2-headline.png);
  background-size: cover;
}

.member-detail .menber .headline3 {
  background-image: url(./assets/images/member3-headline.png);
  background-size: cover;
}

.member-detail .menber .headline4 {
  background-image: url(./assets/images/member4-headline.png);
  background-size: cover;
}

.member-detail .menber .member-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 70px;
}

.member-detail .menber .member-comment .comment {
  width: 430px;
}

.member-detail .menber .member-comment .comment h3 {
  line-height: 30px;
  margin-bottom: 30px;
}

.member-detail .menber .member-comment .comment .comment-mg {
  margin-top: 60px;
}

.member-detail .menber .member-comment .comment-img {
  width: 380px;
}

.member-detail .menber .member-comment .item1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.member-detail .menber .member-comment .item2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.p-privacy-policy .page-content {
  font-size: 100%;
  font-size: 1rem;
  line-height: 2.2;
  letter-spacing: 0.84px;
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 1em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

[style="text-align: center;"] > * {
  margin-left: auto;
  margin-right: auto;
}

.bg-gray {
  background-color: #f0f1e8;
}

.bg-green {
  background-color: #f0f1e8;
}

.bg-white {
  background-color: #fff;
}

.border {
  border: 1px solid #d2d2d2;
}

.col-10p {
  width: 10%;
}

.col-12p {
  width: 12%;
}

.col-15p {
  width: 15%;
}

.col-20p {
  width: 20%;
}

.col-25p {
  width: 25%;
}

.col-35p {
  width: 35%;
}

.col-40p {
  width: 40%;
}

.col-48p {
  width: 48%;
}

.col-50p {
  width: 50%;
}

.col-95p {
  width: 95%;
}

.col-100p {
  width: 100% !important;
}

.col-5em {
  width: 5em;
}

.col-4em {
  width: 4em;
}

.col-10em {
  width: 10em;
}

.color-yellow {
  color: #cbba00;
}

.color-green {
  color: #35803b;
}

.color-gray {
  color: #585757;
}

.display-ib {
  display: inline-block;
}

.flex, .flex-wrap, .flex-nowrap, .flex-ai-center, .flex-ai-c, .flex-ai-end, .flex-ai-stretch, .flex-jc-center, .flex-jc-c, .flex-jc-between, .flex-jc-btw, .flex-jc-start, .flex-jc-st, .flex-jc-end, .flex-jc-around, .flex-column, .flex-row {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.flex-ai-center, .flex-ai-c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-ai-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex-ai-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.flex-jc-center, .flex-jc-c {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-jc-between, .flex-jc-btw {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-jc-start, .flex-jc-st {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex-jc-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex-jc-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

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

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

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

.font-lighter {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-bold {
  font-weight: 600;
}

.font-l {
  font-size: 124%;
  font-size: 1.24rem;
}

.font-m {
  font-size: 116%;
  font-size: 1.16rem;
}

.font-n {
  font-size: 100%;
  font-size: 1rem;
}

.font-s {
  font-size: 93%;
  font-size: 0.93rem;
}

.font-ss {
  font-size: 70%;
  font-size: 0.7rem;
}

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

.font-serif {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.font-barlow {
  font-family: 'Barlow', sans-serif;
}

.hover-zoom-img_img,
.hover-zoom-img img {
  -webkit-transition: all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: scale(1.01, 1.01);
          transform: scale(1.01, 1.01);
}

.hover-zoom-img:hover .hover-zoom-img_img,
.hover-zoom-img:hover img {
  opacity: 0.85;
  -webkit-transform: scale(1.06, 1.06);
          transform: scale(1.06, 1.06);
}

.hover-opacity-img img {
  -webkit-transition: all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hover-opacity-img:hover img {
  opacity: 0.8;
}

.hover-opacity {
  text-decoration: none;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.hover-opacity:hover {
  opacity: 0.7;
}

/* inview */
[data-inview="cover"] {
  position: relative;
}

[data-inview="cover"]:before {
  background: #eff4f7;
  position: absolute;
  z-index: 1;
  content: "";
  display: block;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-inview="cover"] [data-inview-child="fadeup"] {
  opacity: 0;
  transition: transform .5s ease 1s, opacity .75s ease 1s, box-shadow .3s ease, -webkit-transform .5s ease 1s;
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
}

[data-inview="cover"]._inview:before {
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
  width: 0;
}

[data-inview="cover"]._inview [data-inview-child="fadeup"] {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

[data-inview="imgfadein"] {
  position: relative;
}

[data-inview="imgfadein"] img {
  opacity: 0;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

[data-inview="imgfadein"]._inview img {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

[data-inview="fade"] {
  opacity: 0;
  -webkit-transition: opacity 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-inview="fade"]._inview {
  opacity: 1;
}

[data-inview="fadeup"] {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-inview="fadeup"]._inview {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

[data-inview="flow"] {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

[data-inview="flow"]._inview {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

[data-inview="faderight"] {
  opacity: 0;
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
  -webkit-transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

[data-inview="faderight"]._inview {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

[data-inview="fadeleft"] {
  opacity: 0;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
  -webkit-transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

[data-inview="fadeleft"]._inview {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

[data-inview="opacity"] {
  opacity: 0;
  -webkit-transition: opacity 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-inview="opacity"]._inview {
  opacity: 1;
}

[data-inview="clip-path"] {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  opacity: 0;
  position: relative;
  transition: opacity 0.75s linear, transform 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), clip-path 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-inview="clip-path"] [data-inview-child="faderight"] {
  opacity: 0;
  transition: transform .5s ease 1s, opacity .75s ease 1s, box-shadow .3s ease, -webkit-transform .5s ease 1s;
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
}

[data-inview="clip-path"]._inview {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  opacity: 1;
}

[data-inview="clip-path"]._inview [data-inview-child="faderight"] {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

[data-inview="clip-path"] + [data-inview="fadeup"] {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

[data-inview="zoom"] {
  -webkit-filter: blur(8px) brightness(1.5);
          filter: blur(8px) brightness(1.5);
  opacity: 0;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-filter 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-filter 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), filter 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), filter 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-filter 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

[data-inview="zoom"]._inview {
  -webkit-filter: blur(0px) brightness(1);
          filter: blur(0px) brightness(1);
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.delay-01s {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.delay-02s {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.delay-03s {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.delay-04s {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.delay-05s {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.delay-06s {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.delay-07s {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.delay-08s {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.delay-09s {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.delay-10s {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.delay-12s {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.delay-14s {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.is-tel {
  text-decoration: none !important;
}

.is-fax {
  pointer-events: none;
  text-decoration: none !important;
}

._pc .is-tel {
  pointer-events: none;
  text-decoration: none !important;
}

.mg-0 {
  margin: 0;
}

.mg-t0 {
  margin-top: 0px;
}

.mg-t02em {
  margin-top: 0.2em;
}

.mg-t05em {
  margin-top: 0.5em;
}

.mg-t1em {
  margin-top: 1em;
}

.mg-t1-5em {
  margin-top: 1.5em;
}

.mg-t2em {
  margin-top: 2em;
}

.mg-t3em {
  margin-top: 3em;
}

.mg-t4em {
  margin-top: 4em;
}

.mg-t5em {
  margin-top: 5em;
}

.mg-b0 {
  margin-bottom: 0px;
}

.mg-b05em {
  margin-bottom: 0.5em;
}

.mg-b1em {
  margin-bottom: 1em;
}

.mg-b2em {
  margin-bottom: 2em;
}

.mg-b3em {
  margin-bottom: 3em;
}

.mg-b4em {
  margin-bottom: 4em;
}

.mg-b5em {
  margin-bottom: 5em;
}

.mg-b6em {
  margin-bottom: 6em;
}

.mg-r0 {
  margin-right: 0px;
}

.mg-r05em {
  margin-right: 0.5em;
}

.mg-r1em {
  margin-right: 1em;
}

.mg-r2em {
  margin-right: 2em;
}

.mg-r3em {
  margin-right: 3em;
}

.mg-r4em {
  margin-right: 4em;
}

.mg-r5em {
  margin-right: 5em;
}

.mg-l0 {
  margin-left: 0;
}

.mg-l05em {
  margin-left: 0.5em;
}

.mg-l1em {
  margin-left: 1em;
}

.mg-l2em {
  margin-left: 2em;
}

.mg-l3em {
  margin-left: 3em;
}

.mg-l4em {
  margin-left: 4em;
}

.mg-l5em {
  margin-left: 5em;
}

.mg-center {
  margin-left: auto;
  margin-right: auto;
}

.mg-right {
  margin-right: 0;
  margin-left: auto;
}

.mg-left {
  margin-right: auto;
  margin-left: 0;
}

.pd-t0 {
  padding-top: 0;
}

.pd-r0 {
  padding-right: 0;
}

.pd-b0 {
  padding-bottom: 0;
}

.pd-l0 {
  padding-left: 0;
}

.shadow {
  background-color: #00243e;
  -webkit-box-shadow: 10.1px 12.4px 28.2px 2.8px rgba(53, 54, 53, 0.4);
          box-shadow: 10.1px 12.4px 28.2px 2.8px rgba(53, 54, 53, 0.4);
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@media print, screen and (min-width: 768px) {
  body {
    font-size: 108%;
    font-size: 1.08rem;
    letter-spacing: 1.4px;
  }
  .wrapper {
    min-width: 1260px;
  }
  .block-inner {
    padding-left: 0;
    padding-right: 0;
  }
  .block-border, .block-price {
    padding: 20px 25px;
  }
  .block-price_figure {
    height: 310px;
    max-width: none;
    width: 310px;
  }
  .block-price-item {
    width: 48%;
  }
  .block-payment dt {
    width: 12%;
  }
  .button, .button-green, .wpcf7 input[type="submit"], .button-gray-dummy {
    font-size: 116%;
    font-size: 1.16rem;
    height: 56px;
    letter-spacing: 2.9px;
    padding-top: 23px;
    width: 337px;
  }
  .button-line, .button-line-green {
    font-size: 147%;
    font-size: 1.47rem;
    height: 60px;
    letter-spacing: 3.7px;
  }
  form .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .query-title {
    font-size: 131%;
    font-size: 1.31rem;
    margin-bottom: 0;
    width: 30%;
  }
  .query-content {
    font-size: 131%;
    font-size: 1.31rem;
    padding: 0 15px;
    width: 70%;
  }
  .wpcf7-checkbox .wpcf7-list-item {
    width: 33%;
  }
  .wpcf7 input[type="submit"] {
    padding-top: 0;
  }
  .formErrorContent {
    font-size: 100%;
    font-size: 1rem;
    white-space: nowrap;
  }
  .heading, .post-content h2 {
    font-size: 185%;
    font-size: 1.85rem;
  }
  .heading-circle {
    font-size: 154%;
    font-size: 1.54rem;
    letter-spacing: 2px;
  }
  .heading-circle:after {
    left: -20px;
    top: 0;
    width: 104px;
    height: 104px;
  }
  .heading-normal {
    font-size: 154%;
    font-size: 1.54rem;
    letter-spacing: 2px;
  }
  .heading-section {
    font-size: 216%;
    font-size: 2.16rem;
  }
  .list-item-check:before {
    margin-right: 15px;
    padding-left: 5px;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .list-item-dotted:before {
    margin-right: 16px;
    width: 10px;
    height: 10px;
  }
  .list-price-item_price {
    font-size: 200%;
    font-size: 2rem;
  }
  .list-price-item_price small {
    font-size: 154%;
    font-size: 1.54rem;
  }
  .list-price-item_caption {
    font-size: 231%;
    font-size: 2.31rem;
  }
  .list-price-item_caption small {
    font-size: 154%;
    font-size: 1.54rem;
  }
  .list-flow-item {
    font-size: 93%;
    font-size: 0.93rem;
    margin-bottom: 0;
    width: 160px;
  }
  .list-flow-item:before {
    top: 45px;
  }
  .list-flow-item:first-child {
    width: 140px;
  }
  .list-flow-icon {
    height: 140px;
    padding: 0;
    width: 140px;
  }
  .list-flow-note {
    font-size: 100%;
    font-size: 1rem;
    text-align: left;
  }
  .pagenav_inner {
    padding: 0 60px;
  }
  .aside-block_inner {
    padding-bottom: 55px;
    padding-top: 55px;
  }
  .aside-lead {
    font-size: 170%;
    font-size: 1.7rem;
    letter-spacing: 4.3px;
  }
  .aside-buttonList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 3em auto 4em;
  }
  .aside-buttonList li {
    margin: 0 9px;
  }
  .aside-buttonList + .aside-buttonList li {
    margin: 0 5px;
  }
  .footer-address {
    margin-bottom: 0;
  }
  .footer-copyright {
    font-size: 93%;
    font-size: 0.93rem;
    margin-top: 140px;
  }
  .page-heading {
    font-size: 185%;
    font-size: 1.85rem;
  }
  .page-content {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .page-content_inner {
    width: 965px;
  }
  .pageSectionBlock {
    padding-bottom: 70px;
  }
  .pageSectionHeading {
    font-size: 162%;
    font-size: 1.62rem;
  }
  .pageLeadBlock-text {
    margin-left: 0;
    width: 53%;
  }
  .pageLeadBlock-img {
    margin-right: 0;
    width: 47%;
  }
  .pageLeadList-item {
    width: 260px;
  }
  .photoBlock-photo {
    margin-left: 0;
    width: 390px;
  }
  .photoBlock-text {
    margin-right: 1.5em;
    width: 400px;
  }
  .photoList-item {
    font-size: 139%;
    font-size: 1.39rem;
    width: calc(33% - 10px);
  }
  .post-content h3 {
    font-size: 154%;
    font-size: 1.54rem;
    padding: 14px 18px;
  }
  .post-content blockquote {
    padding: 40px 40px 30px;
  }
  .post-header {
    margin-bottom: 2.5em;
  }
  .post-heading {
    font-size: 170%;
    font-size: 1.7rem;
    margin: 0;
  }
  #inquery {
    padding-left: 0;
  }
  .guidelinePicture-item {
    width: 244px;
  }
  .home-content {
    max-width: 877px;
    margin: 0 auto;
  }
  .home-section {
    line-height: 1.8;
    letter-spacing: 0.25px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 4em;
    padding-top: 3em;
  }
  .home-section_inner {
    padding-left: 0;
    padding-right: 0;
  }
  .home-section p {
    line-height: 1.8;
    letter-spacing: 0.25px;
  }
  .home-section-heading {
    font-size: 177%;
    font-size: 1.77rem;
    border-width: 2px;
  }
  .homeAboutList li {
    margin: 0 auto 20px;
    width: auto;
  }
  .homeGuidelinesList a {
    height: 162px;
    padding-top: 0;
  }
  .homeGuidelines-itemText {
    border-top-width: 7px;
  }
  .cat-img_inner p {
    font-size: 2.5rem;
  }
  .driverList:after {
    display: none;
  }
  .driverList-item {
    width: calc(20% - 15px);
  }
  .p-privacy-policy .page-content {
    font-size: 108%;
    font-size: 1.08rem;
    line-height: 2.71;
    letter-spacing: 0.84px;
  }
  [class*=' flex-tab'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  [class^='flex-tab'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flex-tab-wrap {
    -ms-flex-wrap: flex-wrap;
        flex-wrap: flex-wrap;
  }
  .flex-tab-reverce {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .flex-tab-jc-c {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .flex-tab-jc-btw {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .flex-tab-ai-c {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .font-l {
    font-size: 185%;
    font-size: 1.85rem;
  }
  .font-m {
    font-size: 124%;
    font-size: 1.24rem;
  }
  .font-n {
    font-size: 108%;
    font-size: 1.08rem;
  }
  .font-s {
    font-size: 100%;
    font-size: 1rem;
  }
  .font-ss {
    font-size: 93%;
    font-size: 0.93rem;
  }
  .font-tab-center {
    text-align: center;
  }
  .is-sp {
    display: none !important;
  }
  .mg-0 {
    margin: 0;
  }
  .mg-t0 {
    margin-top: 0px;
  }
  .mg-t02em {
    margin-top: 0.2em;
  }
  .mg-t05em {
    margin-top: 0.5em;
  }
  .mg-t1em {
    margin-top: 1em;
  }
  .mg-t1-5em {
    margin-top: 1.5em;
  }
  .mg-t2em {
    margin-top: 2em;
  }
  .mg-t3em {
    margin-top: 3em;
  }
  .mg-t4em {
    margin-top: 4em;
  }
  .mg-t5em {
    margin-top: 5em;
  }
  .mg-b0 {
    margin-bottom: 0px;
  }
  .mg-b05em {
    margin-bottom: 0.5em;
  }
  .mg-b1em {
    margin-bottom: 1em;
  }
  .mg-b2em {
    margin-bottom: 2em;
  }
  .mg-b3em {
    margin-bottom: 3em;
  }
  .mg-b4em {
    margin-bottom: 4em;
  }
  .mg-b5em {
    margin-bottom: 5em;
  }
  .mg-b6em {
    margin-bottom: 6em;
  }
  .mg-center {
    margin-left: auto;
    margin-right: auto;
  }
  .mg-right {
    margin-right: 0;
    margin-left: auto;
  }
  .mg-left {
    margin-right: auto;
    margin-left: 0;
  }
  .mg-tab-t0 {
    margin-top: 0px;
  }
  .mg-tab-t1em {
    margin-top: 0.8em;
  }
  .mg-tab-t2em {
    margin-top: 1.6em;
  }
  .mg-tab-t3em {
    margin-top: 2.4em;
  }
  .mg-tab-t4em {
    margin-top: 3.2em;
  }
  .mg-tab-t5em {
    margin-top: 1.6em;
  }
  .mg-tab-b0 {
    margin-bottom: 0px;
  }
  .mg-tab-b05em {
    margin-bottom: 0.4em;
  }
  .mg-tab-b1em {
    margin-bottom: 0.8em;
  }
  .mg-tab-b2em {
    margin-bottom: 1.6em;
  }
  .mg-tab-b3em {
    margin-bottom: 2.4em;
  }
  .mg-tab-b4em {
    margin-bottom: 3.2em;
  }
  .mg-tab-b5em {
    margin-bottom: 4em;
  }
  .mg-tab-b6em {
    margin-bottom: 4.8em;
  }
  .mg-tab-center {
    margin-left: auto;
    margin-right: auto;
  }
  .mg-tab-center {
    margin-left: auto;
    margin-right: auto;
  }
  .mg-tab-center {
    margin-left: auto;
    margin-right: auto;
  }
  .pd-t0 {
    padding-top: 0;
  }
  .pd-r0 {
    padding-right: 0;
  }
  .pd-b0 {
    padding-bottom: 0;
  }
  .pd-l0 {
    padding-left: 0;
  }
  .shadow {
    -webkit-box-shadow: 20.1px 24.9px 56.4px 5.6px rgba(53, 54, 53, 0.4);
            box-shadow: 20.1px 24.9px 56.4px 5.6px rgba(53, 54, 53, 0.4);
  }
}

@media only screen and (min-width: 1030px) {
  .wrapper {
    padding-top: 140px;
  }
  .header {
    padding: 6px 1.5% 6px 0;
  }
  .header_inner {
    height: 54px;
    margin: 0;
    padding: 0;
    width: 383px;
  }
  .header-logo {
    font-size: 170%;
    font-size: 1.7rem;
  }
  .header-logo-img {
    width: 102px;
  }
  .header-logo-label {
    font-size: 85%;
    font-size: 0.85rem;
    padding: 4px 1em;
  }
  .header-nav-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-nav-item {
    font-size: 108%;
    font-size: 1.08rem;
    margin: 0 auto;
  }
  .header-nav-item_ancher {
    padding: 0;
  }
  ._pc .header-nav-item_ancher:hover {
    color: #231815;
    opacity: 0.8;
  }
  .menu-btn {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .block-price-item .heading-circle:after {
    height: 75px;
    left: -1em;
    top: -2.5em;
    width: 75px;
    z-index: 1;
  }
  .block-price-item + .block-price-item {
    margin-top: 2em;
  }
  .breadcrumb {
    font-size: 93%;
    font-size: 0.93rem;
    padding: 0 20px;
  }
  .breadcrumb li + li:before {
    font-size: 11px;
  }
  .breadcrumb .icon-home {
    font-size: 11px;
  }
  .grid-col2 > .col,
  .grid-col2 > img {
    max-width: none;
    width: 100%;
  }
  .grid-col2 > .col + .col,
  .grid-col2 > img + .col {
    margin-top: 1em;
  }
  .grid-col3 img {
    max-width: calc(48% - 0.5em);
  }
  .grid-col3:before, .grid-col3:after {
    max-width: 48%;
  }
  .grid-col4 img {
    max-width: calc(48% - 0.5em);
  }
  .grid-col4:before, .grid-col4:after {
    max-width: calc(48% - 0.5em);
  }
  .table th {
    padding: 1em;
    width: 30%;
  }
  .table td {
    padding: 1em;
    width: 70%;
  }
  .footer_inner {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer-logo {
    font-size: 170%;
    font-size: 1.7rem;
  }
  .footer-tel {
    font-size: 154%;
    font-size: 1.54rem;
  }
  .footer-tel .icon-tel {
    height: 24px;
    width: 18px;
  }
  .footer-address + .footer-address {
    margin-left: 0;
    margin-top: 1em;
  }
  [data-inview="faderight"] {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  [data-inview="faderight"]._inview {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  [data-inview="fadeleft"] {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  [data-inview="fadeleft"]._inview {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .is-tab {
    display: none !important;
  }
  .mg-sp-t0 {
    margin-top: 0px;
  }
  .mg-sp-t1em {
    margin-top: 0.8em;
  }
  .mg-sp-t2em {
    margin-top: 1.6em;
  }
  .mg-sp-t3em {
    margin-top: 2.4em;
  }
  .mg-sp-t4em {
    margin-top: 3.2em;
  }
  .mg-sp-t5em {
    margin-top: 1.6em;
  }
  .mg-sp-b0 {
    margin-bottom: 0px;
  }
  .mg-sp-b05em {
    margin-bottom: 0.4em;
  }
  .mg-sp-b1em {
    margin-bottom: 0.8em;
  }
  .mg-sp-b2em {
    margin-bottom: 1.6em;
  }
  .mg-sp-b3em {
    margin-bottom: 2.4em;
  }
  .mg-sp-b4em {
    margin-bottom: 3.2em;
  }
  .mg-sp-b5em {
    margin-bottom: 4em;
  }
  .mg-sp-b6em {
    margin-bottom: 4.8em;
  }
  .mg-sp-center {
    margin-left: auto;
    margin-right: auto;
  }
  .mg-sp-center {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 1029px) {
  .header-main {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    background-color: #fff;
    height: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: scroll;
    opacity: 0;
    padding: 70px 20px 20px;
    position: fixed;
    width: 100%;
    visibility: hidden;
    -webkit-transition: visibility 0.1s, opacity 0.1s, z-index 0.1s;
    transition: visibility 0.1s, opacity 0.1s, z-index 0.1s;
    z-index: -1;
  }
  ._menuOpen .header-main {
    height: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 9999;
    -webkit-transition: visibility 0.3s, opacity 0.3s, z-index 0s;
    transition: visibility 0.3s, opacity 0.3s, z-index 0s;
  }
  .header-nav-wrap {
    margin: 0;
  }
  .header-nav {
    display: block;
    margin: 0 auto;
    max-width: none;
    padding: 0;
    width: 100%;
  }
  .header-nav-item {
    border-bottom: 1px solid #e0e8ec;
    margin: 0;
  }
  .header-nav-item_ancher:after {
    border-right: 2px solid #35803b;
    border-top: 2px solid #35803b;
    bottom: 0;
    content: '';
    display: block;
    height: 10px;
    margin: auto;
    position: absolute;
    right: 1em;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 0;
    width: 10px;
  }
  .sub-menu-wrap ul {
    display: none;
  }
  .sub-menu-wrap:hover ul {
    display: none;
  }
  .header-buttonList {
    display: block;
    margin-top: 2em;
    max-width: 100%;
    text-align: center;
    width: 100%;
  }
  .header-button {
    height: 46px;
    line-height: 46px;
    margin-bottom: 1em;
    width: 90%;
  }
  _:lang(x) + _:-webkit-full-screen-document, .header-main {
    min-height: -webkit-fill-available;
  }
  .is-pc {
    display: none !important;
  }
}

@media screen and (max-width: 500px) {
  .overview .home-section_inner {
    background-image: url(./assets/images/overview-bg1.png);
    background-size: cover;
  }
  .member-detail .menber .member-headline {
    height: auto;
    width: 100%;
    background-image: none;
    padding: 0;
    position: relative;
    margin-bottom: 50px;
  }
  .member-detail .menber .member-headline .real-voice {
    position: absolute;
    top: 120px;
    left: 15px;
    font-size: 185%;
    font-size: 1.85rem;
    font-weight: 700;
    letter-spacing: -1px;
    color: #231815;
  }
  .member-detail .menber .member-headline .member-headline-name {
    position: absolute;
    top: 180px;
    left: 15px;
    font-size: 139%;
    font-size: 1.39rem;
    color: #231815;
    padding: 0;
  }
  .member-detail .menber .member-headline .position {
    position: absolute;
    top: 225px;
    left: 15px;
    font-size: 124%;
    font-size: 1.24rem;
    color: #f5a722;
    font-weight: 700;
    padding: 0;
    letter-spacing: 0px;
    line-height: 20px;
  }
  .member-detail .menber .member-headline .member-headline-comment {
    position: absolute;
    width: 85%;
    background-color: #f5a722;
    bottom: 0px;
    margin-bottom: 0;
    -webkit-transform: translate(-50%, 30%);
            transform: translate(-50%, 30%);
    left: 50%;
    font-size: 108%;
    font-size: 1.08rem;
    line-height: 20px;
    color: #FFF;
    padding: 10px 20px;
    text-align: left;
    -webkit-box-shadow: 1px 3px 6px #868686;
            box-shadow: 1px 3px 6px #868686;
  }
  .member-detail .menber .member-headline .member-headline-comment::before {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .sp-br {
    display: block;
  }
  .sp-block {
    display: block;
  }
  .sp-none {
    display: none;
  }
  .member-info .members {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .member-info .members .member-card {
    width: 100%;
    margin-bottom: 50px;
  }
  .member-info .members .member-card p {
    margin-bottom: 3px;
  }
  .member-info .members .member-card img {
    width: 100%;
  }
  .member-info .members .member-card .personal-comment {
    font-size: 124%;
    font-size: 1.24rem;
    line-height: 20px;
    margin-bottom: 5px;
  }
  .member-info .members .member-card .member-buttom {
    margin: 25px auto 0;
    width: 200px;
  }
  .member-detail .menber {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .member-detail .menber .member-headline {
    height: auto;
    width: 100%;
    background-image: none;
    padding: 0;
    position: relative;
    margin-bottom: 50px;
  }
  .member-detail .menber .member-headline .real-voice {
    position: absolute;
    top: 100px;
    left: 15px;
    font-size: 231%;
    font-size: 2.31rem;
    font-weight: 700;
    letter-spacing: -1px;
    color: #231815;
  }
  .member-detail .menber .member-headline .member-headline-name {
    position: absolute;
    top: 180px;
    left: 15px;
    font-size: 139%;
    font-size: 1.39rem;
    color: #231815;
    padding: 0;
  }
  .member-detail .menber .member-headline .position {
    position: absolute;
    top: 215px;
    left: 15px;
    font-size: 124%;
    font-size: 1.24rem;
    color: #f5a722;
    font-weight: 700;
    padding: 0;
    letter-spacing: 0px;
    line-height: 20px;
  }
  .member-detail .menber .member-headline .member-headline-comment {
    position: absolute;
    width: 85%;
    background-color: #f5a722;
    bottom: 0px;
    margin-bottom: 0;
    -webkit-transform: translate(-50%, 30%);
            transform: translate(-50%, 30%);
    left: 50%;
    font-size: 124%;
    font-size: 1.24rem;
    line-height: 20px;
    color: #FFF;
    padding: 10px 20px;
    text-align: left;
    -webkit-box-shadow: 1px 3px 6px #868686;
            box-shadow: 1px 3px 6px #868686;
  }
  .member-detail .menber .member-headline .member-headline-comment::before {
    display: none;
  }
  .member-detail .menber .member-comment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin-bottom: 5px;
  }
  .member-detail .menber .member-comment .comment {
    width: 100%;
  }
  .member-detail .menber .member-comment .comment h3 {
    margin-bottom: 15px;
    margin-top: 0px;
    font-size: 139%;
    font-size: 1.39rem;
  }
  .member-detail .menber .member-comment .comment p {
    margin-bottom: 3px;
  }
  .member-detail .menber .member-comment .comment p:last-child {
    margin-bottom: 25px;
  }
  .member-detail .menber .member-comment .comment .comment-mg {
    margin-top: 30px;
  }
  .member-detail .menber .member-comment .comment-img {
    width: 100%;
    margin-bottom: 30px;
  }
  .member-detail .menber .member-comment .comment-img img {
    width: 100%;
  }
}

@media print {
  @page {
    size: A4 landscape;
    margin: 0;
  }
  body,
  .container {
    min-width: 287mm;
  }
  /* 印刷したくない要素 */
  .grecaptcha-badge,
  .is-sp {
    display: none !important;
  }
  /* 印刷したい要素 */
  [data-inview="cover"] {
    opacity: 1 !important;
  }
  [data-inview="cover"]:before {
    display: none !important;
  }
  [data-inview="cover"] [data-inview-child="fadeup"] {
    opacity: 1 !important;
    -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
  [data-inview="imgfadein"] {
    opacity: 1 !important;
  }
  [data-inview="imgfadein"] img {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
  [data-inview="fade"] {
    opacity: 1 !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
  [data-inview="fadeup"] {
    opacity: 1 !important;
    -webkit-transform: translateY(0px) !important;
            transform: translateY(0px) !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
  [data-inview="faderight"] {
    opacity: 1 !important;
    -webkit-transform: translateX(0px) !important;
            transform: translateX(0px) !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
  [data-inview="fadeleft"] {
    opacity: 1 !important;
    -webkit-transform: translateX(0px) !important;
            transform: translateX(0px) !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
  [data-inview="opacity"] {
    opacity: 1 !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
  [data-inview="clip-path"] {
    -webkit-clip-path: inset(0 0 0 0) !important;
            clip-path: inset(0 0 0 0) !important;
    opacity: 1 !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
  [data-inview="clip-path"] [data-inview-child="faderight"] {
    opacity: 1 !important;
    -webkit-transform: translateX(0) !important;
            transform: translateX(0) !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

/*# sourceMappingURL=style.css.map */