@charset "UTF-8";
/*   BASE
================================================ */
/*
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, input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic,  メイリオ, Meiryo, sans-serif;
  font-weight: normal; }

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop html, *::-ms-backdrop body, *::-ms-backdrop div, *::-ms-backdrop span, *::-ms-backdrop object, *::-ms-backdrop iframe,
  *::-ms-backdrop h1, *::-ms-backdrop h2, *::-ms-backdrop h3, *::-ms-backdrop h4, *::-ms-backdrop h5, *::-ms-backdrop h6, *::-ms-backdrop p, *::-ms-backdrop blockquote, *::-ms-backdrop pre,
  *::-ms-backdrop abbr, *::-ms-backdrop address, *::-ms-backdrop cite, *::-ms-backdrop code,
  *::-ms-backdrop del, *::-ms-backdrop dfn, *::-ms-backdrop em, *::-ms-backdrop img, *::-ms-backdrop ins, *::-ms-backdrop kbd, *::-ms-backdrop q, *::-ms-backdrop samp,
  *::-ms-backdrop small, *::-ms-backdrop strong, *::-ms-backdrop sub, *::-ms-backdrop sup, *::-ms-backdrop var,
  *::-ms-backdrop b, *::-ms-backdrop i,
  *::-ms-backdrop dl, *::-ms-backdrop dt, *::-ms-backdrop dd, *::-ms-backdrop ol, *::-ms-backdrop ul, *::-ms-backdrop li,
  *::-ms-backdrop fieldset, *::-ms-backdrop form, *::-ms-backdrop label, *::-ms-backdrop legend,
  *::-ms-backdrop table, *::-ms-backdrop caption, *::-ms-backdrop tbody, *::-ms-backdrop tfoot, *::-ms-backdrop thead, *::-ms-backdrop tr, *::-ms-backdrop th, *::-ms-backdrop td,
  *::-ms-backdrop article, *::-ms-backdrop aside, *::-ms-backdrop canvas, *::-ms-backdrop details, *::-ms-backdrop figcaption, *::-ms-backdrop figure,
  *::-ms-backdrop footer, *::-ms-backdrop header, *::-ms-backdrop hgroup, *::-ms-backdrop menu, *::-ms-backdrop nav, *::-ms-backdrop section, *::-ms-backdrop summary,
  *::-ms-backdrop time, *::-ms-backdrop mark, *::-ms-backdrop audio, *::-ms-backdrop video, *::-ms-backdrop input, *::-ms-backdrop textarea, .-frame a html, .-frame a body, .-frame a div, .-frame a span, .-frame a object, .-frame a iframe,
  .-frame a h1, .-frame a h2, .-frame a h3, .-frame a h4, .-frame a h5, .-frame a h6, .-frame a p, .-frame a blockquote, .-frame a pre,
  .-frame a abbr, .-frame a address, .-frame a cite, .-frame a code,
  .-frame a del, .-frame a dfn, .-frame a em, .-frame a img, .-frame a ins, .-frame a kbd, .-frame a q, .-frame a samp,
  .-frame a small, .-frame a strong, .-frame a sub, .-frame a sup, .-frame a var,
  .-frame a b, .-frame a i,
  .-frame a dl, .-frame a dt, .-frame a dd, .-frame a ol, .-frame a ul, .-frame a li,
  .-frame a fieldset, .-frame a form, .-frame a label, .-frame a legend,
  .-frame a table, .-frame a caption, .-frame a tbody, .-frame a tfoot, .-frame a thead, .-frame a tr, .-frame a th, .-frame a td,
  .-frame a article, .-frame a aside, .-frame a canvas, .-frame a details, .-frame a figcaption, .-frame a figure,
  .-frame a footer, .-frame a header, .-frame a hgroup, .-frame a menu, .-frame a nav, .-frame a section, .-frame a summary,
  .-frame a time, .-frame a mark, .-frame a audio, .-frame a video, .-frame a input, .-frame a textarea {
    font-family: メイリオ, Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic,  sans-serif;
    font-weight: normal; } }

    html{
      scroll-behavior: smooth;
    }

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;
  text-decoration: none; }

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

br {
  color: rgba(255, 255, 255, 0); }

/* 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; }

li {
  list-style: none; }

/* change border colour to suit your needs */


input, select {
  vertical-align: middle; }

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

/* clearfix */
.fix:before,
.fix:after {
  content: "";
  display: table; }

.fix:after {
  clear: both; }

.fix {
  *zoom: 1; }

/*  Color  */
/*  Font  */
p {
  line-height: 1.6; }

img {
  vertical-align: bottom; }

@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none; }
    a[href^="tel:"]::after {
      content: none; } }

/*   COMPONENTS
================================================ */
/*  main contents  */
/*   カラム表示
================================================ */
.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 639px) {
    .column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

/*   共通
================================================ */
.inner {
  max-width: 1200px;
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  @media screen and (max-width: 639px) {
    .inner {
      width: 92%; } }

@media screen and (max-width: 639px) {
  .sp {
    display: block; } }

@media screen and (min-width: 640px) {
  .sp {
    display: none !important; } }

@media screen and (max-width: 639px) {
  .pc {
    display: none !important; } }

@media screen and (min-width: 640px) {
  .pc {
    display: block; } }

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

.block {
  display: block; }

.table {
  display: table; }

@media all and (-ms-high-contrast: none\0) {
  .br::before *::-ms-backdrop, .br::before {
    color: rgba(255, 255, 255, 0); } }

@media screen and (min-width: 640px) {
  .br::before {
    content: "\A";
    white-space: pre; } }

@media all and (-ms-high-contrast: none\0) {
  .br *::-ms-backdrop, .br {
    color: rgba(255, 255, 255, 0); } }

@media screen and (min-width: 640px) {
  br.-sp {
    display: none; } }

@media screen and (max-width: 639px) {
  br.-pc {
    display: none; } }

.shadow {
  -webkit-box-shadow: 0px 8px 18px -7px #b0b0b0;
  box-shadow: 0px 8px 18px -7px #b0b0b0; }
  address{
    font-style:normal;
    }

/*   BUTTON（ボタン）
================================================ */
.btn {
  font-weight: bold;
  text-align: center;
  display: table;
  position: relative;
  font-size: 1rem;
  border-radius: 5px;
  border: 2px solid #EC6400 ;
  padding: 20px 60px;
  overflow: hidden;
  cursor: pointer;
  background: linear-gradient(135deg, #EC6400 0%, #F7AD09 100%);
  color: #FFF;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .btn:hover {
    opacity: .7; }
    .btn:hover i:last-child {
      right: -1rem; }
  .btn.-center {
    margin-left: auto;
    margin-right: auto; }

/*   見出し
------------------------------------------ */
.ttl {
  position: relative;
  line-height: 1.6;
  font-weight: 900;
  font-size: 3rem;
  margin-bottom: 80px;
  background: linear-gradient(135deg, #EC6400 0%, #F7AD09 100%);
  background: -webkit-linear-gradient(0deg, #EC6400, #FFCC70);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
 }

  .ttl.-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
  @media screen and (max-width: 639px) {
    .ttl {
      font-size: 1.8rem;
      margin-bottom: 10%; } }

/*   段落・テキスト
------------------------------------------ */
.txt {
  line-height: 1.6;
  font-size: 1rem; }
  .txt.-bold {
    font-weight: bold; }
  .txt.-white {
    color: #FFF; }
  .txt.-black {
    color: #242424; }
  .txt.-center {
    text-align: center; }

/* ぱんくず */
.breadcrumb {
  background: #fff2e2;
  padding: 8px 0; }
  .breadcrumb ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .breadcrumb ul li {
      font-size: .9rem;
      line-height: 1.6;
      position: relative;
      color: #606060; }
      .breadcrumb ul li::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f105";
        display: inline-block;
        margin: 0 8px; }
      .breadcrumb ul li:last-child::after {
        display: none; }
    .breadcrumb ul a {
      font-size: .9rem;
      color: #3fadff;
      text-decoration: underline;
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s; }
      .breadcrumb ul a:hover {
        opacity: .8; }
  @media screen and (max-width: 639px) {
    .breadcrumb ul {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.pen-y {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #ffea77));
  background: -webkit-linear-gradient(transparent 60%, #ffea77 0%);
  background: -o-linear-gradient(transparent 60%, #ffea77 0%);
  background: linear-gradient(transparent 60%, #ffea77 0%);
  font-weight: bold; }

.pen-g {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #189a5e));
  background: -webkit-linear-gradient(transparent 70%, #189a5e 0%);
  background: -o-linear-gradient(transparent 70%, #189a5e 0%);
  background: linear-gradient(transparent 70%, #189a5e 0%); }

.re-btn {
  position: fixed;
  bottom: 2%;
  right: 2%;
  z-index: 50;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  max-width: 100px;
  opacity: .7; }
  .re-btn img {
    width: 100%; }
  .re-btn:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)"; }
  @media screen and (max-width: 639px) {
    .re-btn {
      position: fixed;
      bottom: 2%;
      right: 2%;
      z-index: 50;
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s;
      width: 30%;
      z-index: 200;
      max-width: 80px;
      opacity: .7; }
      .re-btn img {
        width: 100%; }
      .re-btn:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(opacity=70)"; } }

/*  navigation  */
/*   HELPER
------------------------------------------ */
@media screen and (min-width: 640px) {
  .ta-c {
    text-align: center; } }

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

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

.mt0 {
  margin-top: 0px; }

.mb0 {
  margin-bottom: 0px; }

.mt10 {
  margin-top: 10px; }

.mb10 {
  margin-bottom: 10px; }

.mt20 {
  margin-top: 20px; }

.mb20 {
  margin-bottom: 20px; }

.mt30 {
  margin-top: 30px; }

.mb30 {
  margin-bottom: 30px; }

.mt40 {
  margin-top: 40px; }

.mb40 {
  margin-bottom: 40px; }

.mt50 {
  margin-top: 50px; }

.mb50 {
  margin-bottom: 50px; }

.mt60 {
  margin-top: 60px; }

.mb60 {
  margin-bottom: 60px; }

.mt70 {
  margin-top: 70px; }

.mb70 {
  margin-bottom: 70px; }

.mt80 {
  margin-top: 80px; }

.mb80 {
  margin-bottom: 80px; }

.mt90 {
  margin-top: 90px; }

.mb90 {
  margin-bottom: 90px; }

.mt100 {
  margin-top: 100px; }

.mb100 {
  margin-bottom: 100px; }

.mt110 {
  margin-top: 110px; }

.mb110 {
  margin-bottom: 110px; }

.mt120 {
  margin-top: 120px; }

.mb120 {
  margin-bottom: 120px; }

.mt130 {
  margin-top: 130px; }

.mb130 {
  margin-bottom: 130px; }

.mt140 {
  margin-top: 140px; }

.mb140 {
  margin-bottom: 140px; }


/*=============================オリジナル===========================*/


@charset "UTF-8";
/*   BASE
================================================ */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
@import url(https://fonts.googleapis.com/css?family=Roboto);
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, input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  color: #000;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop html, *::-ms-backdrop body, *::-ms-backdrop div, *::-ms-backdrop span, *::-ms-backdrop object, *::-ms-backdrop iframe,
*::-ms-backdrop h1, *::-ms-backdrop h2, *::-ms-backdrop h3, *::-ms-backdrop h4, *::-ms-backdrop h5, *::-ms-backdrop h6, *::-ms-backdrop p, *::-ms-backdrop blockquote, *::-ms-backdrop pre,
*::-ms-backdrop abbr, *::-ms-backdrop address, *::-ms-backdrop cite, *::-ms-backdrop code,
*::-ms-backdrop del, *::-ms-backdrop dfn, *::-ms-backdrop em, *::-ms-backdrop img, *::-ms-backdrop ins, *::-ms-backdrop kbd, *::-ms-backdrop q, *::-ms-backdrop samp,
*::-ms-backdrop small, *::-ms-backdrop strong, *::-ms-backdrop sub, *::-ms-backdrop sup, *::-ms-backdrop var,
*::-ms-backdrop b, *::-ms-backdrop i,
*::-ms-backdrop dl, *::-ms-backdrop dt, *::-ms-backdrop dd, *::-ms-backdrop ol, *::-ms-backdrop ul, *::-ms-backdrop li,
*::-ms-backdrop fieldset, *::-ms-backdrop form, *::-ms-backdrop label, *::-ms-backdrop legend,
*::-ms-backdrop table, *::-ms-backdrop caption, *::-ms-backdrop tbody, *::-ms-backdrop tfoot, *::-ms-backdrop thead, *::-ms-backdrop tr, *::-ms-backdrop th, *::-ms-backdrop td,
*::-ms-backdrop article, *::-ms-backdrop aside, *::-ms-backdrop canvas, *::-ms-backdrop details, *::-ms-backdrop figcaption, *::-ms-backdrop figure,
*::-ms-backdrop footer, *::-ms-backdrop header, *::-ms-backdrop hgroup, *::-ms-backdrop menu, *::-ms-backdrop nav, *::-ms-backdrop section, *::-ms-backdrop summary,
*::-ms-backdrop time, *::-ms-backdrop mark, *::-ms-backdrop audio, *::-ms-backdrop video, *::-ms-backdrop input, *::-ms-backdrop textarea, .-frame a html, .-frame a body, .-frame a div, .-frame a span, .-frame a object, .-frame a iframe,
.-frame a h1, .-frame a h2, .-frame a h3, .-frame a h4, .-frame a h5, .-frame a h6, .-frame a p, .-frame a blockquote, .-frame a pre,
.-frame a abbr, .-frame a address, .-frame a cite, .-frame a code,
.-frame a del, .-frame a dfn, .-frame a em, .-frame a img, .-frame a ins, .-frame a kbd, .-frame a q, .-frame a samp,
.-frame a small, .-frame a strong, .-frame a sub, .-frame a sup, .-frame a var,
.-frame a b, .-frame a i,
.-frame a dl, .-frame a dt, .-frame a dd, .-frame a ol, .-frame a ul, .-frame a li,
.-frame a fieldset, .-frame a form, .-frame a label, .-frame a legend,
.-frame a table, .-frame a caption, .-frame a tbody, .-frame a tfoot, .-frame a thead, .-frame a tr, .-frame a th, .-frame a td,
.-frame a article, .-frame a aside, .-frame a canvas, .-frame a details, .-frame a figcaption, .-frame a figure,
.-frame a footer, .-frame a header, .-frame a hgroup, .-frame a menu, .-frame a nav, .-frame a section, .-frame a summary,
.-frame a time, .-frame a mark, .-frame a audio, .-frame a video, .-frame a input, .-frame a textarea {
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  }
}
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;
  text-decoration: none;
}

/* 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;
}

li {
  list-style: none;
}

/* 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;
}

strong {
  font-weight: normal;
}

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

/* clearfix */
.fix:before,
.fix:after {
  content: "";
  display: table;
}

.fix:after {
  clear: both;
}

.fix {
  *zoom: 1;
}

/*  メディアクエリ   */
/*  Padding　（レイアウト関係）  */
.-white {
  color: #fff !important;
}

.main-color {
  color: #ffb316;
}

.sub-color {
  color: #ff6601;
}

.-sp {
  display: none;
}
@media screen and (max-width: 600px) {
  .-sp {
    display: inherit;
  }
}

.-tab {
  display: none;
}
@media screen and (max-width: 768px) {
  .-tab {
    display: inherit;
  }
}

.-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .-pc {
    display: inherit;
  }
}

a {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

a:hover {
  opacity: 0.9;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

p {
  line-height: 1.6;
}

img {
  vertical-align: bottom;
}

br {
  color: rgba(255, 255, 255, 0);
}

@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
  a[href^="tel:"]::after {
    content: none;
  }
}

@media screen and (min-width: 1280px) {
  .higher_xlarge {
    display: block;
  }
}
@media screen and (max-width: 1280px) {
  .higher_xlarge {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .less_xlarge {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .less_xlarge {
    display: block !important;
  }
}

/*   COMPONENTS
================================================ */
/*  main contents  */
.ttl-box {
  margin: 0 auto;
  text-align: center;
  padding-top: 150px;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 600px) {
  .ttl-box {
    padding: 150px 2% 0;
  }
}
.ttl-box h2 {
  font-family: A1 Mincho, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.4rem;
  text-align: center;
  font-weight: normal;
  margin-bottom: 10px;
  letter-spacing: 0.2rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 600px) {
  .ttl-box h2 {
    font-size: 2.2rem;
    letter-spacing: 0;
  }
}
.ttl-box p {
  font-size: 1.4rem;
  font-family: A1 Mincho, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.2rem;
  color: #ffb316;
  margin-top: 10px;
  padding: 5px 40px;
}

@-webkit-keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}

@keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}
.index-news-list {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: -8%;
  background: rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  width: 460px;
}
@media screen and (max-width: 600px) {
  .index-news-list {
    width: 94%;
    margin-left: 6%;
    bottom: 0;
    height: 50px;
  }
}
.index-news-list li {
  padding: 0 20px;
}
@media screen and (max-width: 600px) {
  .index-news-list li {
    padding: 0 12px;
  }
}
.index-news-list li p {
  font-size: 0.9rem;
  color: #fff;
}
.index-news-list li:first-child {
  background: #ff6601;
}
.index-news-list li:first-child p {
  font-size: 1.1rem;
  line-height: 40px;
}
@media screen and (max-width: 600px) {
  .index-news-list li:first-child p {
    line-height: 50px;
  }
}
.index-news-list .-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 600px) {
  .index-news-list .-date {
    display: block;
  }
}
.index-news-list .-date p:first-child {
  color: #aaa;
  margin-right: 1rem;
}
@media screen and (max-width: 600px) {
  .index-news-list .-date p:first-child {
    line-height: 1;
  }
}
.index-news-list .-date p a {
  display: inline-block;
  color: #fff;
  position: relative;
  display: inline-block;
  text-decoration: none;
  line-height: 1;
}
.index-news-list .-date p a:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.index-news-list .-date p a:hover:after {
  bottom: 1px;
  opacity: 1;
  visibility: visible;
}

#fixed-info {
  position: fixed;
  top: 100px;
  right: 0;
  background: #fff;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  border-left: 3px solid #000;
  padding: 10px 15px;
  padding-right: 0;
  width: 210px;
  height: 210px;
  z-index: 100 !important;
  -webkit-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
}
#fixed-info .comment {
  font-size: 1rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  text-align: center;
  line-height: 1.3rem;
  margin-right: 1rem;
}
#fixed-info .comment span {
  font-weight: 900;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
  #fixed-info {
    position: fixed;
    bottom: 20px;
    top: inherit;
    right: 0;
  }
}
@media screen and (max-width: 600px) {
  #fixed-info {
    top: inherit;
    bottom: 0px;
    border-bottom: none;
    border-left: none;
    width: 100%;
    height: auto;
    padding: 10px;
  }
  #fixed-info .-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #fixed-info .-search li {
    margin-bottom: 0;
    width: 50% !important;
  }
  #fixed-info .-search li a {
    padding: 0.7rem 1rem 0.7rem 2rem;
  }
  #fixed-info .comment {
    margin-right: 0;
    font-size: 0.83rem;
    line-height: 1rem;
    margin-bottom: 5px !important;
  }
  #fixed-info .comment br {
    display: none;
  }
  #fixed-info .comment span {
    font-size: 0.83rem;
    line-height: 1rem;
  }
}
#fixed-info .-search a {
  font-size: 1rem;
  padding-left: 1.5rem;
}
@media screen and (max-width: 600px) {
  #fixed-info .-search a {
    font-size: 0.9rem;
  }
}
#fixed-info .-search a:after {
  width: 20px;
  height: 20px;
  left: 0.5rem;
}
#fixed-info .-search li {
  width: 180px;
}

/*   LAYOUT
================================================ */
section {
  padding: 100px 0 0;
}
@media screen and (max-width: 600px) {
  section {
    padding: 80px 0 0;
  }
}
section.bg-main-color {
  background: #ffb316;
  padding-bottom: 100px;
}
@media screen and (max-width: 600px) {
  section.bg-main-color {
    padding-bottom: 0px;
  }
}
section.bg-gray {
  background: #efefef;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
section.bg-black {
  background: #000;
}

.-inner {
  max-width: 1280px;
  padding: 0 4%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .-inner {
    padding: 0 2%;
  }
}

.light-color {
  color: #ffdd43 !important;
}

.gray-color {
  color: #999 !important;
}

/*   カラム表示
================================================ */
.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 600px) {
  .column.-works {
    padding: 0 !important;
  }
}
@media screen and (max-width: 600px) {
  .column > .inner {
    width: auto;
  }
}
@media screen and (min-width: 600px) {
  .column.-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.column.-column1 {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 20px;
}
.column.-column1 img {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .column.-column1 {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .column.-column1 {
    width: 80%;
    text-align: center;
    margin: 0 auto;
  }
  .column.-column1 img {
    width: 100%;
  }
}
.column.-column2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
  .column.-column2.-philanthropy > .inner:last-child {
    margin-top: 30px;
  }
}
.column.-column2 > .inner {
  width: 46%;
}
@media screen and (max-width: 768px) {
  .column.-column2 > .inner {
    width: 47%;
  }
}
@media screen and (max-width: 600px) {
  .column.-column2 > .inner {
    width: 100%;
  }
}
.column.-two-third {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .column.-two-third {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 600px) {
  .column.-two-third {
    margin-bottom: 30px;
  }
}
.column.-two-third > .inner:first-child {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .column.-two-third > .inner:first-child.right {
    width: 100%;
  }
}
.column.-two-third > .inner:last-child {
  width: 36%;
}
@media screen and (max-width: 600px) {
  .column.-two-third > .inner:last-child {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .column.-two-third > .inner:last-child.left {
    position: relative;
    margin-top: 30px !important;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}
@-webkit-keyframes example {
  100% {
    opacity: 1;
  }
}
@keyframes example {
  100% {
    opacity: 1;
  }
}
.column.-column3 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.column.-column3:after {
  content: "";
  display: block;
  width: 31%;
  /* .boxに指定したwidthと同じ幅を指定する */
  height: 0;
}
.column.-column3 > .inner {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .column.-column3 > .inner {
    width: 46%;
  }
}
@media screen and (min-width: 768px) {
  .column.-column3 > .inner {
    width: 31%;
  }
}
.column.-column4 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
  .column.-column4 {
    padding: 0 10% !important;
  }
}
@media screen and (min-width: 1024px) {
  .column.-column4:before {
    content: "";
    display: block;
    width: 46%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .column.-column4:after {
    content: "";
    display: block;
    width: 46%;
  }
}
.column.-column4 > .inner {
  width: 31%;
}
@media screen and (min-width: 1280px) {
  .column.-column4 > .inner {
    width: 23%;
    margin-top: 40px;
  }
  .column.-column4 > .inner:nth-of-type(1), .column.-column4 > .inner:nth-of-type(2), .column.-column4 > .inner:nth-of-type(3), .column.-column4 > .inner:nth-of-type(4) {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .column.-column4 > .inner {
    width: 23%;
    margin-top: 40px;
  }
  .column.-column4 > .inner:nth-of-type(1), .column.-column4 > .inner:nth-of-type(2), .column.-column4 > .inner:nth-of-type(3), .column.-column4 > .inner:nth-of-type(4) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .column.-column4 > .inner {
    width: 48%;
    margin-top: 40px;
  }
  .column.-column4 > .inner:nth-of-type(1), .column.-column4 > .inner:nth-of-type(2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 600px) {
  .column.-column4 > .inner {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
  }
}

/*   段落・テキスト
------------------------------------------ */
.sttl {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.3rem;
  line-height: 2.7rem;
  font-weight: 900;
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 600px) {
  .sttl {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.sttl.-xsmall {
  font-size: 1.35rem;
  line-height: 1.8rem;
  font-weight: bold;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .sttl.-xsmall {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}
.sttl.-xxsmall {
  font-size: 1rem;
  line-height: 1.3rem;
  font-weight: bold;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .sttl.-xxsmall {
    font-size: 0.85rem;
    line-height: 1rem;
  }
}
.sttl.-small {
  font-size: 1.8rem;
  line-height: 2.2rem;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .sttl.-small {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
.sttl.-small.-under {
  position: relative;
}
.sttl.-small.-under:after {
  border-bottom: 2px solid #ffb316;
  width: 80px;
  height: 2px;
  content: "";
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.sttl.-blog {
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-align: left;
}
.sttl.-date {
  font-size: 1rem;
  line-height: 1rem;
  margin-bottom: 20px;
  text-align: left;
}
.sttl span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 900;
  text-align: center;
}
.sttl span.-small {
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.sttl-eng {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  line-height: 1.3rem;
  font-weight: bold;
  text-align: center;
  color: #ffb316;
}
.sttl-eng._sub {
  color: #ff6601;
}

.text {
  font-size: 1rem;
  line-height: 1.8rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 600px) {
  .text {
    font-size: 0.95rem;
    line-height: 1.6rem;
  }
}
.text strong {
  font-weight: bold;
  font-size: 1.2rem;
}
@media screen and (max-width: 600px) {
  .text strong {
    font-size: 1.1rem;
  }
}

.bg-color-text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  color: #fff;
  background: #000;
  padding: 1rem 3rem;
  display: table;
}
@media screen and (max-width: 600px) {
  .bg-color-text {
    padding: 0.8rem 1.2rem;
  }
}
.bg-color-text._main-color {
  background: #ffb316;
  color: #000;
}
.bg-color-text span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 2rem;
}
.bg-color-text._black {
  background: #000;
  color: #fff;
}

/*   各ページ
================================================ */
.main-ttl {
  margin: 10px auto;
  background: #ffb316;
  padding: 70px 0;
}
.main-ttl.-sub {
  background: #ff6601;
}
.main-ttl.-sub .sttl {
  color: #fff !important;
}
.main-ttl.-sub .sttl-eng {
  color: #ffdd43 !important;
}
.main-ttl.-custom {
  background: #fce9dd;
}
.main-ttl.-custom .sttl {
  color: #ff6601 !important;
}
.main-ttl.-custom .sttl-eng {
  color: #666 !important;
}
.main-ttl.-custom2 {
  background: #fcfadd;
}
.main-ttl.-custom2 .sttl {
  color: #ffb316 !important;
}
.main-ttl.-custom2 .sttl-eng {
  color: #666 !important;
}
.main-ttl.-gray {
  background: #efefef;
}
.main-ttl.-gray .sttl {
  color: #ff6601 !important;
}
.main-ttl.-gray .sttl-eng {
  color: #666 !important;
}
.main-ttl.-gray2 {
  background: #efefef;
}
.main-ttl.-gray2 .sttl {
  color: #ffb316 !important;
}
.main-ttl.-gray2 .sttl-eng {
  color: #666 !important;
}

@media screen and (max-width: 768px) {
  .-column4.-register {
    padding: 0 10%;
  }
}
@media screen and (max-width: 600px) {
  .-column4.-register {
    padding: 0 2%;
  }
}
.-column4.-register .inner {
  border: 4px solid #000;
  padding: 20px;
}
.-column4.-register .inner .-english {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.-column4.-register .inner .-english.-one p {
  width: 100%;
}
.-column4.-register .inner .-english p {
  width: 48%;
  text-align: center;
  height: 1.8rem;
  line-height: 1.8rem;
  font-size: 1.1rem;
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
}
.-column4.-register .inner .-english p.-buy {
  background: #ffb316;
  color: #fff;
}
.-column4.-register .inner .-english p.-sale {
  background: #ff6601;
  color: #fff;
}
.-column4.-register .inner .-icon {
  text-align: center;
  margin: 0 auto;
  width: 70px;
  height: 70px;
}
.-column4.-register .inner .-icon img {
  width: 100%;
}
.-column4.-register .inner .ssttl {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  text-align: center;
  color: #000;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .-column4.-register .inner .ssttl {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 1280px) {
  .-column4.-register .inner .ssttl {
    font-size: 1.05rem;
  }
}

#index-freeadvice .sttl {
  position: relative;
  z-index: 2;
}
#index-freeadvice .bg-main-color {
  background: #ffb316;
  margin-top: -1rem;
  padding: 80px 0 100px;
}
@media screen and (max-width: 600px) {
  #index-freeadvice .bg-main-color {
    margin-top: -2rem;
  }
}
#index-freeadvice h3 {
  background: #000;
  color: #fff;
  padding: 1rem 0;
  text-align: center;
  font-size: 1.3rem;
}
@media screen and (max-width: 768px) {
  #index-freeadvice .-column3 {
    padding: 0 10%;
  }
  #index-freeadvice .-column3 .inner {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  #index-freeadvice .-column3 {
    padding: 0 4%;
  }
}

#index-freeadvice-last .sttl {
  position: relative;
  z-index: 2;
  margin-top: -2rem;
}
#index-freeadvice-last .sttl.-white {
  margin-top: 0;
}
@media screen and (max-width: 600px) {
  #index-freeadvice-last .sttl.-white {
    font-size: 1.4rem;
  }
}
#index-freeadvice-last .sttl.-white.-border {
  padding-bottom: 10px;
  border-bottom: 2px solid #fff;
}
#index-freeadvice-last .bg-main-color {
  background: #ffb316;
  margin-top: -20px;
  padding: 80px 0 100px;
}
@media screen and (max-width: 600px) {
  #index-freeadvice-last .bg-main-color {
    margin-top: -2rem;
  }
}
#index-freeadvice-last h3 {
  background: #000;
  color: #fff;
  padding: 1rem 0;
  text-align: center;
  font-size: 1.3rem;
}

#index-buyer {
  background: url(assets/img/index/bg-img01.jpg);
  position: relative;
}
#index-buyer:before {
  content: "";
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  /*画像の幅*/
  height: 100%;
  /*画像の高さ*/
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background: #ff6601;
  mix-blend-mode: multiply;
}

#index-flow {
  background: url(assets/img/index/bg-img02.jpg);
  position: relative;
}
#index-flow:before {
  content: "";
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  /*画像の幅*/
  height: 100%;
  /*画像の高さ*/
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background: #ff6601;
  mix-blend-mode: hard-light;
}

#index-success {
  background: url(assets/img/index/bg-img03.jpg);
  position: relative;
}
#index-success:before {
  content: "";
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  /*画像の幅*/
  height: 100%;
  /*画像の高さ*/
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background: #ff6601;
  mix-blend-mode: multiply;
}

@media screen and (max-width: 600px) {
  .-column3.-buyer {
    padding: 0 4%;
  }
}
.-column3.-buyer .inner {
  border: 3px solid #000;
  background: #fff;
  padding: 30px;
  position: relative;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .-column3.-buyer .inner {
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  .-column3.-buyer .inner {
    margin-bottom: 30px;
  }
  .-column3.-buyer .inner:last-child {
    margin-bottom: 0;
  }
}
.-column3.-buyer .inner .price {
  background: #000;
  color: #fff;
  font-size: 1.1rem;
  padding: 0.3rem 1rem;
  font-size: 1.3rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
}
.-column3.-buyer .inner img {
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 100px;
  height: 120px;
}
@media screen and (max-width: 768px) {
  .-column3.-buyer .inner img {
    width: 70px;
    height: 90px;
  }
}
@media screen and (max-width: 768px) {
  .-column3.-buyer .inner .text {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .-column3.-buyer .inner .price {
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .seller-list {
    padding: 0 10%;
  }
}
@media screen and (max-width: 600px) {
  .seller-list {
    padding: 0 4%;
  }
}
.seller-list .inner {
  width: 28% !important;
  position: relative;
}
@media screen and (max-width: 768px) {
  .seller-list .inner {
    width: 42% !important;
  }
  .seller-list .inner:nth-of-type(3) {
    display: none;
  }
  .seller-list .inner:nth-of-type(2):after {
    content: none;
  }
  .seller-list .inner:after {
    right: -20% !important;
  }
}
@media screen and (max-width: 600px) {
  .seller-list .inner {
    width: 100% !important;
    margin-bottom: 30px;
  }
  .seller-list .inner:nth-of-type(2) {
    margin-bottom: 0;
  }
}
.seller-list .inner:after {
  content: "";
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  position: absolute;
  top: 0;
  right: -15%;
  border-right: 1px solid #999;
  height: 100%;
}
.seller-list .inner:last-child:after {
  content: none;
}
.seller-list .inner:nth-of-type(even) .per-num {
  background: #000;
}
.seller-list .inner .per-num {
  background: #ffb316;
  height: 150px;
  width: 100%;
}
.seller-list .inner .per-num p {
  padding-top: 30px;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  line-height: 2.4rem;
  text-align: center;
  font-weight: bold;
}
.seller-list .inner .per-num p span {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3rem;
  text-align: center;
  font-weight: bold;
}
.seller-list .inner .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .seller-list .inner .tag {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.seller-list .inner .tag a {
  background: none;
  padding: 0;
  display: block;
  background: #999;
  padding: 0.3rem 0.5rem;
  color: #fff;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .seller-list .inner .tag a {
    white-space: nowrap;
    margin-bottom: 5px;
  }
}
.seller-list .inner .tag a span {
  background: #999;
  padding: 0.25rem 0.4rem;
  color: #fff;
  margin-right: 6px;
  line-height: 2rem;
  font-size: 0.75rem;
}
.seller-list .inner .tag a span:hover {
  background: #ccc;
}
@media screen and (max-width: 768px) {
  .seller-list.-blog {
    padding: 0 4%;
  }
}
.seller-list.-blog a img {
  height: 190px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 1rem;
}
.seller-list.-blog .tag a {
  background: #000;
}

@media screen and (max-width: 768px) {
  .-column3.seller-list {
    padding: 0;
  }
}
@media screen and (max-width: 600px) {
  .-column3.seller-list {
    padding: 0 10%;
  }
}
.-column3.seller-list .inner .tag a {
  margin-bottom: 0;
  margin-right: 3px;
}
.-column3.seller-list .inner .tag a:nth-of-type(1) {
  display: none;
}
.-column3.seller-list .inner .tag a span {
  line-height: 1.8rem;
}
@media screen and (max-width: 768px) {
  .-column3.seller-list .inner {
    width: 30% !important;
  }
  .-column3.seller-list .inner:nth-of-type(3) {
    display: block;
  }
  .-column3.seller-list .inner:nth-of-type(1)::after {
    content: none;
  }
}
@media screen and (max-width: 600px) {
  .-column3.seller-list .inner {
    width: 100% !important;
  }
  .-column3.seller-list .inner:nth-of-type(3) {
    display: none;
  }
}
.-column3.seller-list .inner .sttl.-small {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .-column3.seller-list .inner .sttl.-small {
    font-size: 1.3rem;
    line-height: 1.8rem;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .-column3.seller-list .inner .text {
    font-size: 0.9rem;
    line-height: 1.6rem;
    -moz-text-align-last: left;
         text-align-last: left;
  }
}

.-column3.seller-list.-blog .inner a .sttl.-xsmall {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.-column3.seller-list.-blog .inner a .sttl-eng {
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .-column3.seller-list.-blog .inner a img {
    height: 170px;
  }
}

@media screen and (max-width: 600px) {
  #index-strength .bg-color-text {
    padding: 1rem;
    line-height: 2rem;
  }
}

.strength-list .inner {
  width: 50% !important;
}
@media screen and (max-width: 600px) {
  .strength-list .inner {
    width: 100% !important;
  }
}
.strength-list .-text {
  margin-left: 8%;
  width: 38% !important;
  margin-right: 4%;
}
@media screen and (max-width: 768px) {
  .strength-list .-text {
    margin: 0 3%;
    width: 42% !important;
  }
}
@media screen and (max-width: 600px) {
  .strength-list .-text {
    margin: 0 5%;
    width: 90% !important;
    margin-bottom: 30px;
  }
}
.strength-list .-text .text span {
  color: #ffb316;
  font-weight: bold;
  font-size: 1.1rem;
}
.strength-list .-img img {
  border-radius: 2rem 0 0 2rem;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  height: 360px;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .strength-list .-img img {
    margin-left: 5%;
    width: 95% !important;
    height: 300px;
  }
}
.strength-list.-reverse .-text {
  margin-left: 4%;
  width: 38% !important;
  margin-right: 8%;
}
@media screen and (max-width: 768px) {
  .strength-list.-reverse .-text {
    margin: 0 3%;
    width: 42% !important;
  }
}
@media screen and (max-width: 600px) {
  .strength-list.-reverse .-text {
    margin: 0 5%;
    width: 90% !important;
    margin-bottom: 30px;
  }
}
.strength-list.-reverse img {
  border-radius: 0 2rem 2rem 0;
}
@media screen and (max-width: 600px) {
  .strength-list.-reverse img {
    margin-left: inherit;
    margin-right: 5%;
    width: 95% !important;
  }
}

.str-num {
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  margin: 30px 0;
}
.str-num span {
  padding: 0rem 1rem 0.3rem;
  border: 3px solid #000;
  font-size: 2rem;
  line-height: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}

@media screen and (max-width: 600px) {
  .after-list {
    padding: 0 4%;
    margin-bottom: 0;
    padding-bottom: 0 !important;
  }
}
.after-list .inner {
  width: 45%;
  position: relative;
}
@media screen and (max-width: 600px) {
  .after-list .inner {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .after-list .inner a .bg-color-text {
    padding: 1rem;
    padding-right: 2.5rem;
    font-size: 1.2rem !important;
  }
}
.after-list .inner:first-child:after {
  content: "";
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  position: absolute;
  top: 0;
  right: -9%;
  border-right: 1px solid #999;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .after-list .inner:first-child:after {
    content: none;
  }
}
.after-list .inner img {
  border-radius: 2rem;
}
.after-list .inner .bg-color-text {
  margin-top: -2rem;
  padding: 1.3rem 5rem;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.after-list .inner .bg-color-text:after {
  content: "";
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.2rem;
  /*画像の幅*/
  height: 1.2rem;
  /*画像の高さ*/
  background: url(assets/img/cmn/arrow-black.svg) no-repeat;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.after-list .inner .bg-color-text._black:after {
  background: url(assets/img/cmn/arrow-white.svg) no-repeat;
}
.after-list .inner .bg-color-text:hover {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background: #ff6601;
}
.after-list .inner .bg-color-text:hover:after {
  right: 0.5rem;
}

@media screen and (max-width: 600px) {
  .seller-list.-pmi {
    padding: 0 15%;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .seller-list.-pmi .inner {
    width: 100% !important;
  }
}
.seller-list.-pmi > .inner {
  position: relative;
}
@media screen and (max-width: 768px) {
  .seller-list.-pmi > .inner {
    width: 30%;
  }
  .seller-list.-pmi > .inner:nth-of-type(3) {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .seller-list.-pmi > .inner {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .seller-list.-pmi > .inner:last-child {
    margin-bottom: 0;
  }
  .seller-list.-pmi > .inner:after {
    content: none;
  }
}
.seller-list.-pmi > .inner .per-num {
  border-radius: 1.5rem;
  height: 180px;
}
.seller-list.-pmi > .inner .per-num p {
  color: #000;
}
.seller-list.-pmi > .inner:nth-of-type(2) p {
  color: #fff;
}
.seller-list.-pmi img {
  width: 100px;
  height: 100px;
}

@media screen and (max-width: 600px) {
  .flow-list {
    padding: 0 2%;
  }
}
@media screen and (max-width: 600px) {
  .flow-list .inner:first-child {
    margin-bottom: 60px;
  }
}
.flow-list .inner .sttl {
  color: #fff;
  background: #000;
  padding: 0.5rem;
}
.flow-list .inner .-detail {
  background: #fff;
  padding: 20px;
  padding-left: 80px;
  position: relative;
}
.flow-list .inner .-detail .-step {
  position: absolute;
  top: -8px;
  left: -8px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 0.8rem;
  text-align: center;
  border: 3px solid #000;
  width: 65px;
  height: 65px;
  line-height: 1.6rem;
}
.flow-list .inner .-detail .-step span {
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  display: block;
  line-height: 1.6rem;
}
.flow-list .inner .-detail ol li {
  font-size: 1.05rem;
  font-weight: bold;
  list-style-type: disc !important;
  margin-left: 1rem;
  margin-bottom: 12px;
  text-decoration: underline;
  text-decoration: none;
  font-weight: normal;
}
.flow-list .inner .-detail ol li:last-child {
  margin-bottom: 0;
}
.flow-list .inner .-detail ol li a {
  color: #1c7bb6;
  line-height: 1.4rem;
  text-decoration: underline;
  font-weight: bold;
}
.flow-list .inner .-detail:after {
  content: "";
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 50px;
  /*画像の幅*/
  height: 15px;
  /*画像の高さ*/
  background: url(assets/img/cmn/triangle.svg) no-repeat;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.flow-list .inner .-detail:last-child:after {
  content: none;
}

.success-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .success-list {
    padding: 0 5%;
  }
}
.success-list .inner {
  margin: 0 2%;
  border: 3px solid #000;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .success-list .inner {
    width: 46% !important;
  }
  .success-list .inner:nth-of-type(3) {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .success-list .inner {
    width: 100% !important;
    margin-bottom: 30px;
  }
  .success-list .inner:nth-of-type(2) {
    margin-bottom: 0px;
  }
  .success-list .inner:nth-of-type(3) {
    display: none;
  }
}
.success-list .inner img {
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  height: 180px;
}
.success-list .inner .-name {
  border-top: 3px solid #000;
  background: #fff;
  padding: 0.3rem 1rem;
  font-size: 1.1rem;
  font-weight: bold;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.success-list .inner .-name:after {
  content: "";
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  position: absolute;
  top: 50%;
  right: 0.3rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.2rem;
  /*画像の幅*/
  height: 1.2rem;
  /*画像の高さ*/
  background: url(assets/img/cmn/arrow-orange.svg) no-repeat;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.success-list .inner:hover img {
  opacity: 0.8;
}
.success-list .inner:hover .-name {
  background: #000;
  color: #fff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.success-list .inner:hover .-name:after {
  right: 0rem;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

@media screen and (max-width: 600px) {
  .-search li {
    margin-bottom: 10px;
  }
}
.-search a {
  padding: 1rem 1.5rem 1rem 1rem;
  text-align: center;
  margin: 0 auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  white-space: nowrap;
  font-weight: bold;
  display: block;
  font-size: 1.2rem;
}
.-search a:after {
  content: "";
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  position: absolute;
  top: 57%;
  left: 1rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 30px;
  /*画像の幅*/
  height: 30px;
  /*画像の高さ*/
  background: url(assets/img/cmn/mail-white.svg) no-repeat;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.-search .-mail {
  background: #333;
  color: #fff;
}
.-search .-mail:hover {
  background: #aaa;
  opacity: 1;
}
.-search .-line {
  background: #40a829;
  color: #fff;
}
.-search .-line:after {
  top: 50%;
  background: url(assets/img/cmn/line-white.svg) no-repeat;
}
.-search .-line:hover {
  background: #6dc759;
  opacity: 1;
}

.md_block-br br {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .md_block-br br {
    display: block !important;
  }
}

.sp_block-br br {
  display: none !important;
}
@media screen and (max-width: 600px) {
  .sp_block-br br {
    display: block !important;
  }
}

@media screen and (max-width: 600px) {
  .sp_no-block-br br {
    display: none !important;
  }
}

.fee-list {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border: 1px solid #918e8e;
}
.fee-list.buyer-list {
  table-layout: auto;
  width: 100%;
}
.fee-list.buyer-list tr:first-child th,
.fee-list.buyer-list tr:first-child td {
  font-size: 1.4rem;
  background: #ff6601;
}
.fee-list.buyer-list th {
  width: 30%;
}
.fee-list.buyer-list td {
  width: 70%;
}
.fee-list.saler-list {
  table-layout: auto;
  width: 100%;
}
.fee-list.saler-list tr:first-child th,
.fee-list.saler-list tr:first-child td {
  font-size: 1.4rem;
  background: #ffb316;
}
.fee-list.saler-list th {
  width: 30%;
}
.fee-list.saler-list td {
  width: 70%;
}
.fee-list th,
.fee-list td {
  word-break: break-all;
  padding: 1.3rem 1rem;
  line-height: 1.6;
  text-align: left;
  border: 1px solid #918e8e;
  font-weight: normal;
}
@media screen and (max-width: 600px) {
  .fee-list th,
.fee-list td {
    padding: 1rem 0.5rem;
    font-size: 0.82rem;
    line-height: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .fee-list tr th,
.fee-list tr td {
    line-height: 1.4rem;
  }
}
.fee-list tr.sub-color:first-child th,
.fee-list tr.sub-color:first-child td {
  background: #ff6601;
}
.fee-list tr:first-child th,
.fee-list tr:first-child td {
  background: #ffb316;
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold !important;
  text-align: center;
}
.fee-list td a {
  color: #000;
}

.saler-link h3 {
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.saler-link h3:hover {
  color: #555;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.company-list {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #918e8e;
}
@media screen and (max-width: 600px) {
  .company-list {
    margin-top: 10px;
    border-bottom: none;
  }
}
.company-list th,
.company-list td {
  border-bottom: 1px solid #918e8e;
  background: fff;
  padding: 1rem;
  line-height: 1.5;
  text-align: left;
  vertical-align: middle;
}
@media screen and (max-width: 600px) {
  .company-list th {
    width: 100%;
    display: block;
    border-bottom: 1px solid #ccc !important;
    border-bottom: none;
    padding: 0.4rem 0.8rem;
  }
  .company-list td {
    width: 100%;
    display: block;
    border-bottom: none;
    padding: 0.4rem 0.8rem;
    margin-bottom: 1rem;
  }
}

.works-list {
  margin-top: 20px;
  width: 100%;
  color: #111;
  border-collapse: collapse;
  border: 1px solid #ccc;
  background: #fff;
}
.works-list tr:first-child th,
.works-list tr:first-child td {
  background: #eee;
}
.works-list th,
.works-list td {
  border: 1px solid #ccc;
  background: #fff;
  padding: 1rem;
  line-height: 1.6;
  font-size: 0.9rem;
  text-align: left;
  vertical-align: middle;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .works-list th,
.works-list td {
    font-size: 0.85rem;
    line-height: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .works-list th,
.works-list td {
    padding: 0.8rem;
    font-size: 0.8rem;
  }
}

.objectfit {
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
}
.objectfit.-posisiton {
  -o-object-position: 100% 100%;
     object-position: 100% 100%;
}

.bg-gray {
  background: #efefef;
  padding: 60px 2rem;
}
@media screen and (max-width: 768px) {
  .bg-gray {
    padding: 50px 2rem;
  }
}
@media screen and (max-width: 600px) {
  .bg-gray {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .bg-gray {
    margin: 0 5%;
  }
}
@media screen and (min-width: 1024px) {
  .bg-gray {
    margin: 0 10%;
  }
}

.border-gray {
  border: 1px solid #999;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .border-gray {
    margin: 0 5%;
  }
}
@media screen and (min-width: 1024px) {
  .border-gray {
    margin: 0 10%;
  }
}
@media screen and (min-width: 1280px) {
  .border-gray {
    margin: 0 20%;
  }
}
.border-gray .sstl,
.border-gray .text {
  color: #666;
}
.border-gray .text {
  font-size: 0.9rem;
}

.-column2 {
  width: 100%;
}
.-column2.entry-box li {
  border: 3px solid #000;
  padding: 30px 20px 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .-column2.entry-box li .btn-white {
    width: 280px;
  }
}
@media screen and (max-width: 600px) {
  .-column2.entry-box li .btn-white {
    width: 90%;
  }
}
@media screen and (max-width: 370px) {
  .-column2.entry-box li .btn-white {
    font-size: 1.05rem;
  }
}
@media screen and (max-width: 600px) {
  .-column2.entry-box li {
    margin-bottom: 30px;
  }
  .-column2.entry-box li p {
    margin-bottom: 110px !important;
  }
  .-column2.entry-box li:last-child {
    margin-bottom: 0;
  }
}
.-column2.entry-box li .btn-white {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.no_xlarge-search {
  display: none;
}
@media screen and (max-width: 1280px) {
  .no_xlarge-search {
    position: absolute;
    top: 470px;
    right: 6%;
    z-index: 10000;
    display: block;
  }
}

#column-post .-inner .column {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#column-post .-inner .column .post-inner {
  width: 768px;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  #column-post .-inner .column .post-inner {
    padding: 0 3% !important;
  }
}
@media screen and (max-width: 600px) {
  #column-post .-inner .column .post-inner {
    padding: 0 !important;
  }
}
#column-post .-inner .column .side-inner {
  max-width: 220px;
  margin: 0 auto;
}
#column-post .-inner .-custom {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 600px) {
  #column-post .-inner .-custom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#column-post .-inner .-custom .post-inner {
  width: 700px;
  margin: 0 auto 70px;
}
@media screen and (max-width: 1024px) {
  #column-post .-inner .-custom .post-inner {
    margin: 0 auto;
  }
  #column-post .-inner .-custom .post-inner .fee-list.buyer-list {
    width: 90%;
    margin: 0 auto;
  }
}
#column-post .-inner .-custom .sub-container {
  width: 320px !important;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #column-post .-inner .-custom .sub-container {
    width: 280px !important;
  }
}
@media screen and (max-width: 600px) {
  #column-post .-inner .-custom .sub-container {
    width: 80% !important;
  }
}
@media screen and (max-width: 370px) {
  #column-post .-inner .-custom .sub-container {
    width: 90% !important;
  }
}

@media screen and (max-width: 1024px) {
  .post-inner {
    padding: 0 3%;
  }
}
@media screen and (max-width: 600px) {
  .post-inner {
    padding: 0%;
  }
}
.post-inner p {
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.8rem;
}
@media screen and (min-width: 1024px) {
  .post-inner p {
    line-height: 2rem;
    font-size: 1.03rem;
  }
}
.post-inner > h2 {
  margin: 5rem 0 3rem;
  background: #ff6601;
  padding: 1.5rem;
  padding-left: 3.2rem;
  width: 100%;
  position: relative;
  width: 100%;
}
.post-inner > h2 span {
  font-size: 1.8rem !important;
  line-height: 2.2rem !important;
  color: #fff;
}
.post-inner > h2 strong {
  font-weight: b900old;
}
.post-inner > h2:before {
  content: "|";
  position: absolute;
  top: 1.3rem;
  top: 50%;
  left: 1rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 2.2rem;
  color: #f4b184;
}
.post-inner > h2:after {
  content: "|";
  position: absolute;
  left: 0.9rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 2.2rem;
  color: #f4b184;
}
.post-inner > h3 {
  margin: 4rem 0 2rem;
  padding: 1rem;
  padding-left: 2.5rem;
  border: 1px solid #eb6100;
  position: relative;
  width: 100%;
}
.post-inner > h3 span {
  font-size: 1.4rem;
  line-height: 1.8rem;
  background: #fff;
}
.post-inner > h3 strong {
  font-weight: bold;
}
.post-inner > h3:before {
  content: "|";
  position: absolute;
  left: 1rem;
  top: 1rem;
  font-size: 1.5rem;
  color: #f4b184;
}
.post-inner > h3:after {
  content: "|";
  position: absolute;
  left: 0.9rem;
  top: 1rem;
  font-size: 1.5rem;
  color: #f4b184;
}
.post-inner > h4 {
  font-size: 1.4rem;
  font-weight: 900;
  margin: 3rem 0 1rem;
  font-family: "Noto Sans JP", sans-serif;
  color: #ff6601;
  margin-bottom: 2rem;
}
.post-inner > h4 span {
  padding-left: 1.5rem;
  font-size: 1.4rem;
  color: #ff6601;
  display: block;
  position: relative;
}
.post-inner > h4 span:after {
  content: "|";
  position: absolute;
  left: 0.2rem;
  top: 0rem;
  font-size: 1.5rem;
  color: #F4B184;
}
.post-inner .wp-block-image {
  margin-bottom: 1rem;
  width: 100%;
}
.post-inner .wp-block-image img {
  width: 100%;
}
.post-inner > p strong {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffc666)) !important;
  background: -o-linear-gradient(transparent 60%, #ffc666 60%) !important;
  background: linear-gradient(transparent 60%, #ffc666 60%) !important;
  font-weight: bold !important;
  font-size: 1.15rem !important;
}
.post-inner > p em {
  color: #eb6100 !important;
  font-weight: bold !important;
  font-size: 1.15rem !important;
  font-style: normal !important;
}
.post-inner > ul {
  background: #feebc6;
  padding: 30px;
  color: #ffb316;
  margin: 2rem;
  line-height: 1.4rem;
}
.post-inner > ul li {
  margin-bottom: 1rem;
  padding-left: 1.2rem;
  position: relative;
}
.post-inner > ul li:after {
  content: "■";
  color: #ffb316;
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 0.8rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.post-inner > ul li:last-child {
  margin-bottom: 0;
}

.category-name {
  margin-top: 5px;
}
.category-name a {
  display: inline-block;
  white-space: nowrap;
  margin: 2px 0;
  padding: 5px;
  background: #eee;
  font-size: 0.8rem;
  color: #111;
  font-weight: bold;
  line-height: 1rem;
  margin-right: 5px;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.category-name a:first-child {
  margin-left: 0;
}
.category-name a:hover {
  background: #999;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
@media screen and (max-width: 600px) {
  .category-name a {
    font-size: 0.7rem;
    padding: 3px;
    margin: 0;
  }
}

.sub-container input[type=checkbox] {
  display: inline !important;
}

.sub-container {
  width: 280px;
}
.sub-container #searchform #s {
  width: 220px !important;
}
@media screen and (max-width: 1024px) {
  .sub-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .sub-container > p {
    width: 100%;
    margin: 0 auto;
  }
  .sub-container > form {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 1rem;
  }
  .sub-container .side-category {
    width: 31%;
    margin-bottom: 2rem !important;
  }
}
@media screen and (max-width: 600px) {
  .sub-container .side-category {
    width: 100%;
  }
}
.sub-container > .bg-gray {
  background: #f3f3f3;
  padding: 15px;
  margin: 0 !important;
  margin-bottom: 30px !important;
}
.sub-container > .bg-gray.side-category {
  margin-top: 20px !important;
}
.sub-container > .bg-gray .cate-list li {
  margin-left: 0.3rem;
}
@media screen and (max-width: 768px) {
  .sub-container > .bg-gray .cate-list li {
    margin-bottom: 15px;
  }
}
.sub-container > .bg-gray .cate-list li a {
  color: #000;
  position: relative;
  padding-left: 1.2rem;
}
.sub-container > .bg-gray .cate-list li a:hover {
  padding-bottom: 3px;
  border-bottom: 2px solid #000;
}
.sub-container > .bg-gray .cate-list li a:before {
  content: "−";
  display: inline-block;
  position: absolute;
  font-weight: normal;
  left: 0;
}
.sub-container > .bg-gray .-column2 {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.sub-container > .bg-gray .-column2:hover {
  opacity: 0.7;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.sub-container > .bg-gray .-column2:hover .sttl {
  color: #ffb316;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.sub-container > .bg-gray .-column2:hover .rubik {
  opacity: 0.7;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.sub-container > .bg-gray .-column2 .inner:first-child {
  width: 38%;
}
.sub-container > .bg-gray .-column2 .inner:first-child img {
  padding-bottom: 10px;
}
.sub-container > .bg-gray .-column2 .inner:first-child img.size-thumbnail {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover;";
  height: 80px;
  width: 100%;
}
.sub-container > .bg-gray .-column2 .inner:last-child {
  width: 55%;
}
.sub-container > .bg-gray .-column2 .inner:last-child .rubik {
  margin-bottom: 0;
}

.-underline {
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
  width: 100%;
}

.toc_title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem !important;
  line-height: 1.3rem;
  font-weight: bold;
  text-align: center;
  color: #ffb316;
}
.toc_title._sub {
  color: #ff6601;
}

.toc_toggle {
  display: none;
}

.toc_list {
  list-style-type: none !important;
}
.toc_list li:after {
  content: none !important;
}
.toc_list > li {
  margin-bottom: 2rem !important;
}
.toc_list > li a {
  font-weight: bold !important;
  color: #666 !important;
  font-size: 1.2rem;
  padding-bottom: 1.5rem !important;
}
.toc_list > li > ul {
  margin-left: 1rem !important;
  margin-top: 1rem !important;
}
.toc_list > li > ul > li {
  margin-bottom: 1rem !important;
}
.toc_list > li > ul > li a {
  margin-top: 0.5rem !important;
  font-weight: bold !important;
  font-size: 0.95rem;
  color: #999 !important;
}
.toc_list > li > ul > li > ul {
  margin-top: 1rem !important;
  margin-left: 1rem !important;
}
.toc_list > li > ul > li > ul > li {
  margin-bottom: 1.5rem !important;
}
.toc_list > li > ul > li > ul > li a {
  font-weight: normal !important;
  font-size: 0.9rem;
  color: #bbb;
}

#toc_container li ul li {
  opacity: 1 !important;
}

div#toc_container {
  margin-top: 2rem !important;
  margin: 0 auto;
  width: 600px;
  padding: 30px;
}
@media screen and (max-width: 600px) {
  div#toc_container {
    width: 100%;
  }
}

.side-category .sttl {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
}
.side-category .sttl-eng {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-size: 0.9rem;
}
.side-category .sttl.-small {
  font-size: 1.4rem !important;
}
.side-category a .column.-column2 .inner img {
  padding-bottom: 10px;
}
.side-category a .column.-column2 .inner .sttl-eng {
  margin-bottom: 1rem;
}
.side-category a .inner:hover .sttl-eng {
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  color: #ff6601;
}
.side-category a .inner .sttl.-xxsmall {
  font-size: 0.9rem;
  line-height: 1.2rem;
  font-weight: bold;
  width: 100%;
}
.side-category a .inner .sttl-eng.-small {
  font-size: 0.75rem;
}

.cate-list li a {
  font-size: 1.1rem;
}

.contents-box {
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .contents-box {
    margin-bottom: 0px;
  }
}
.contents-box .inner {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  margin-bottom: 60px !important;
  width: 31%;
  -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.05));
          filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.05));
}
.contents-box .inner:after {
  content: none;
}
.contents-box .inner img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 12px;
}
@media screen and (max-width: 768px) {
  .contents-box .inner img {
    border-radius: 8px;
  }
}
@media screen and (max-width: 600px) {
  .contents-box .inner img {
    height: 130px;
    border-radius: 6px;
  }
}
@media screen and (max-width: 370px) {
  .contents-box .inner img {
    height: 110px;
    border-radius: 6px;
  }
}
@media screen and (min-width: 1280px) {
  .contents-box .inner img {
    height: 250px;
  }
}
.contents-box .inner img:hover {
  opacity: 0.7;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.contents-box .inner:hover {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.contents-box .inner:hover .sttl {
  color: #ff6601;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.contents-box .inner:hover .sttl-eng {
  opacity: 0.7;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ff6601;
}
.contents-box .inner .sttl-eng {
  margin-top: 0.3rem !important;
  font-size: 0.95rem;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .contents-box .inner {
    width: 48% !important;
  }
}

.line-gray {
  border-bottom: 1px solid #ccc;
  width: 100%;
  height: 1px;
  padding: 0;
}

.search-box {
  border: 4px solid #000;
  padding: 20px;
}
.search-box .sttl {
  font-weight: bold;
  font-size: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
.search-box .sttl:after {
  bottom: -10px !important;
}
.search-box .terms li {
  font-size: 1.1rem;
  margin-bottom: 0.7rem;
}

.addtoany_content_bottom {
  padding: 1rem;
  padding-top: 1.5rem;
  margin: 0 auto;
  margin-top: 40px !important;
  text-align: center;
  margin-top: 1rem;
  width: 80%;
  background: #eee;
}

.searchandfilter > div > ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.searchandfilter > div > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 1px #ccc;
  margin-top: -1px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.searchandfilter > div > ul > li:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  padding: 20px;
}

.searchandfilter > div > ul > li h4 {
  background: #eee;
  border-right: solid 1px #ccc;
  height: 100%;
  padding: 20px;
  margin: 0;
}

.fukidashi {
  margin-top: 60px !important;
  background: #ffb316;
  width: 100%;
  padding: 1rem;
  position: relative;
  text-align: center;
  color: #fff !important;
  font-size: 1.5rem !important;
  font-weight: bold;
}

.fukidashi-triangle {
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #ffb316;
  margin: 0 auto;
  width: 30px;
}

.check-mark {
  margin: 0 auto;
}
.check-mark li {
  position: relative;
}
.check-mark li:after {
  content: "" !important;
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  position: absolute;
  font-size: 0.8rem;
  top: 2px;
  left: -1.2rem;
  width: 1rem;
  /*画像の幅*/
  height: 1rem;
  /*画像の高さ*/
  background: url(assets/img/cmn/check-mark.svg) no-repeat !important;
  color: none !important;
}

.step-5 {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 20px;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: bold;
}

.wpcf7-list-item.last {
  width: 100%;
}

.linkcard {
  width: 100%;
}

@media screen and (max-width: 600px) {
  #column-post .-inner .column .post-inner {
    padding: 0 3% !important;
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .after-list .inner .bg-color-text {
    padding: 1.3rem 3rem;
  }
}
@media screen and (max-width: 370px) {
  .after-list .inner .bg-color-text {
    padding: 1.3rem 2.5rem;
    font-size: 1.4rem;
  }
}
.no-after:after {
  content: none !important;
}

@media screen and (max-width: 1280px) {
  #menu-item-479.menu-item > a, #menu-item-480.menu-item > a {
    border-bottom: 1px solid #ffb316;
  }
}
@media screen and (max-width: 1280px) {
  #menu-item-479, #menu-item-480 {
    position: relative;
  }
}
@media screen and (max-width: 1280px) {
  #menu-item-479 .sub-icon, #menu-item-480 .sub-icon {
    background: none !important;
    border-bottom: none !important;
    font-size: 2rem;
    font-weight: bold;
    position: absolute;
    padding: 0;
    top: 0rem;
    right: 0rem;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
}
@media screen and (min-width: 1280px) {
  #menu-item-479 .sub-icon, #menu-item-480 .sub-icon {
    display: none !important;
  }
}

@media screen and (max-width: 1280px) {
  .sub-icon:after {
    position: absolute;
    top: 1.8rem;
    right: 1rem;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    content: "";
    width: 1rem;
    height: 1rem;
    z-index: 100;
    background: url(https://mabank.biz/wp-content/themes/ma_station/assets/img/cmn/icon-plus.svg) no-repeat;
  }
}
@media screen and (max-width: 1280px) and (max-width: 600px) {
  .sub-icon:after {
    top: 1.5rem;
  }
}
@media screen and (max-width: 1280px) and (max-width: 370px) {
  .sub-icon:after {
    top: 1.5rem;
    width: 0.7rem;
    height: 0.7rem;
    right: 0.5rem;
  }
}

@media screen and (max-width: 1280px) {
  #menu-item-479.menu-item > a, #menu-item-480.menu-item > a {
    background: #f59910;
  }
}
@media screen and (max-width: 1280px) {
  #menu-item-479.menu-item > .sub-menu, #menu-item-480.menu-item > .sub-menu {
    display: none !important;
  }
}

@media screen and (max-width: 1280px) {
  #menu-item-479.menu-open > .sub-menu, #menu-item-480.menu-open > .sub-menu {
    display: block !important;
    padding-top: 10px;
  }
  #menu-item-479.menu-open > .sub-menu li, #menu-item-480.menu-open > .sub-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
}

@media screen and (max-width: 1280px) {
  .menu-open {
    width: 100%;
  }
  .menu-open .sub-icon:after {
    position: absolute;
    top: 1.8rem;
    right: 1rem;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    content: "";
    width: 1rem;
    height: 1rem;
    z-index: 100;
    background: url(https://mabank.biz/wp-content/themes/ma_station/assets/img/cmn/icon-minus.svg) no-repeat;
  }
}
@media screen and (max-width: 600px) {
  .menu-open .sub-icon:after {
    top: 1.5rem;
  }
}
@media screen and (max-width: 370px) {
  .menu-open .sub-icon:after {
    top: 1.5rem;
    width: 0.7rem;
    height: 0.7rem;
    right: 0.5rem;
  }
}

.aioseo-logo span {
  display: none;
}

.search-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.search-header .text {
  font-size: 1rem;
  font-weight: bold;
  margin-right: 1rem !important;
}
@media screen and (max-width: 600px) {
  .search-header {
    display: block;
    margin: 0 auto 30px;
  }
}

@media screen and (min-width: 1280px) {
  .menu-item-479 .sub-menu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    width: 410px !important;
    margin-left: 25px !important;
  }
  .menu-item-479 .sub-menu li {
    width: 200px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.contents-img-width {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: block;
  margin-bottom: 60px;
}
.contents-img-width img {
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

@media screen and (max-width: 600px) {
  .box3 {
    padding: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  .box3 .inner {
    width: 30% !important;
  }
}
@media screen and (max-width: 600px) {
  .box3 .inner {
    width: 47% !important;
  }
}
@media screen and (max-width: 768px) {
  .box3 .inner a .sttl.-xsmall {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  .box3 .inner a .sttl-eng {
    font-size: 1rem;
  }
}
@media screen and (max-width: 600px) {
  .box3 .inner a .sttl.-xsmall {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  .box3 .inner a .sttl-eng {
    font-size: 0.8rem;
    line-height: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .box3 .inner img {
    height: 170px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 600px) {
  .box3 .inner img {
    height: 120px;
    border-radius: 6px;
  }
}
@media screen and (max-width: 370px) {
  .box3 .inner img {
    height: 100px;
    border-radius: 6px;
  }
}

.addtoany_header {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

.adviser {
  padding: 1.2rem;
  background: #efefef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .adviser {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.adviser .inner:first-child {
  width: 20%;
}
@media screen and (max-width: 600px) {
  .adviser .inner:first-child {
    width: 30%;
  }
}
.adviser .inner:first-child img {
  height: 110px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
}
@media screen and (max-width: 600px) {
  .adviser .inner:first-child img {
    height: 130px;
  }
}
.adviser .inner:last-child {
  width: 76%;
}
@media screen and (max-width: 600px) {
  .adviser .inner:last-child {
    width: 66%;
  }
}
.adviser .inner:last-child .sttl {
  text-align: left;
  font-size: 1rem;
  line-height: 1.3rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  margin-bottom: 0;
}
.adviser .inner:last-child .sttl span {
  text-align: left;
  background: #ffb316;
  color: #fff;
  padding: 0.05rem 0.2rem;
  font-size: 0.8rem;
  font-weight: normal;
  margin-right: 0.5rem;
}
@media screen and (max-width: 600px) {
  .adviser .inner:last-child .sttl span {
    display: block;
    line-height: 1.4rem;
    padding: 0.05rem 0.2rem;
    margin-right: 0;
  }
}
.adviser .inner:last-child .text {
  font-size: 0.85rem;
  line-height: 1.3rem;
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .adviser .inner:last-child .text {
    font-size: 0.7rem;
    line-height: 1.1rem;
    margin-top: 10px;
  }
}

@media screen and (max-width: 600px) {
  #index-after .text {
    text-align: left !important;
  }
}

.footer-logo {
  width: 330px;
  text-align: center;
  margin: 0 auto;
}

.-column2.-footer .inner:first-child {
  width: 77%;
}
@media screen and (max-width: 768px) {
  .-column2.-footer .inner:first-child {
    width: 100%;
  }
}
.-column2.-footer .inner:last-child {
  width: 22%;
}
@media screen and (max-width: 768px) {
  .-column2.-footer .inner:last-child {
    display: none;
  }
}

.footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto !important;
  width: 100%;
  margin: 10px 0;
  padding: 0 10%;
  color: #fff;
}
.footer-nav li {
  width: 25%;
}
@media screen and (max-width: 600px) {
  .footer-nav li ul li:last-child {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .footer-nav {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 600px) {
  .footer-nav {
    width: 100%;
    display: block;
    padding: 0 10%;
  }
}
.footer-nav li {
  white-space: nowrap;
}
.footer-nav li p {
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .footer-nav li p {
    font-size: 1.2rem;
  }
}
.footer-nav a {
  color: #fff;
  font-weight: bold;
  padding-bottom: 4px;
  margin-bottom: 10px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-size: 0.92rem;
}
@media screen and (max-width: 768px) {
  .footer-nav a {
    text-align: left !important;
  }
}
.footer-nav a:hover {
  color: #ffb316;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.footer-nav .footer-sub {
  margin-top: 10px;
  width: 100%;
}
.footer-nav .footer-sub a {
  font-size: 0.88rem;
  color: #ccc;
  font-weight: normal;
}
.footer-nav .footer-sub a:hover {
  color: #ffdd43;
}

.copy {
  font-size: 0.8rem;
  color: #999;
}

.-search.-footer .-mail {
  background: #ffb316;
}
.-search.-footer .-mail:hover {
  background: #ffdd43;
}

.form {
  margin: auto;
}
@media screen and (max-width: 600px) {
  .form {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .form {
    max-width: 600px;
  }
}

input[type=text],
input[type=tel],
input[type=email],
textarea,
.selector {
  width: 100%;
  border: 2px solid #aaa;
  border-radius: 4px;
  margin: 4px 0 12px;
  outline: none;
  padding: 8px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #333;
  line-height: 1.4rem;
}

input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
textarea:focus {
  border-color: dodgerBlue;
  -webkit-box-shadow: 0 0 8px 0 dodgerBlue;
          box-shadow: 0 0 8px 0 dodgerBlue;
  background: #fff;
}

.inputWithIcon input[type=text],
.inputWithIcon input[type=tel],
.inputWithIcon input[type=email],
.inputWithIcon textarea {
  padding-left: 40px;
}

.wpcf7-list-item label {
  color: #888;
}

.inputWithIcon {
  position: relative;
}

.inputWithIcon i {
  position: absolute;
  left: 0.25rem;
  top: 1.6rem;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  padding: 4px 8px;
  color: #aaa;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.selector {
  width: 250px;
  font-size: 1.2rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #616161;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDI5Mi4zNjIgMjkyLjM2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkyLjM2MiAyOTIuMzYyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PGc+Cgk8cGF0aCBkPSJNMjg2LjkzNSw2OS4zNzdjLTMuNjE0LTMuNjE3LTcuODk4LTUuNDI0LTEyLjg0OC01LjQyNEgxOC4yNzRjLTQuOTUyLDAtOS4yMzMsMS44MDctMTIuODUsNS40MjQgICBDMS44MDcsNzIuOTk4LDAsNzcuMjc5LDAsODIuMjI4YzAsNC45NDgsMS44MDcsOS4yMjksNS40MjQsMTIuODQ3bDEyNy45MDcsMTI3LjkwN2MzLjYyMSwzLjYxNyw3LjkwMiw1LjQyOCwxMi44NSw1LjQyOCAgIHM5LjIzMy0xLjgxMSwxMi44NDctNS40MjhMMjg2LjkzNSw5NS4wNzRjMy42MTMtMy42MTcsNS40MjctNy44OTgsNS40MjctMTIuODQ3QzI5Mi4zNjIsNzcuMjc5LDI5MC41NDgsNzIuOTk4LDI4Ni45MzUsNjkuMzc3eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRUQ2RDNEIiBkYXRhLW9sZF9jb2xvcj0iI0ZENjM2MyI+PC9wYXRoPgo8L2c+PC9nPiA8L3N2Zz4=) no-repeat 95% center/0.85em;
  padding-left: 40px;
}

.require {
  position: relative;
}
.require::after {
  content: "必須";
  position: absolute;
  right: 2%;
  top: 1.6rem;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 0.8rem;
  background: #ED6D3D;
  padding: 0.25rem 0.5rem;
  color: #fff;
  border-radius: 3px;
}
.require.require2::after {
  top: -1.4rem;
}
@media screen and (max-width: 600px) {
  .require.require3::after {
    top: 0.7rem;
  }
}

.option {
  position: relative;
}
.option::after {
  content: "任意";
  position: absolute;
  right: 2%;
  top: 1.8rem;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 0.8rem;
  background: #618fd4;
  padding: 0.25rem 0.5rem;
  color: #fff;
  border-radius: 3px;
}
.option.option2::after {
  top: -1.4rem;
}

.wpcf7-submit,
.btn-submit {
  display: block !important;
  margin: auto;
  font-size: 1.4rem;
  color: dodgerBlue !important;
  border: 2px dodgerBlue solid !important;
  border-radius: 5px;
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 600px) {
  .wpcf7-submit,
.btn-submit {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .wpcf7-submit,
.btn-submit {
    width: 300px;
  }
}

.inputWithIcon input[type=text]:focus + i,
.inputWithIcon textarea:focus + i {
  color: dodgerBlue;
}

.inputWithIcon.inputIconBg i {
  background-color: #aaa;
  color: #fff;
  padding: 9px 4px;
  border-radius: 4px 0 0 4px;
}

.inputWithIcon.inputIconBg input[type=text]:focus + i,
.inputWithIcon.inputIconBg textarea:focus + i {
  color: #fff;
  background-color: dodgerBlue;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
  }
  50% {
    -webkit-box-shadow: 0px 0px 0px 16px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 0px 16px rgba(0, 0, 0, 0.1);
  }
  100% {
    -webkit-box-shadow: 0px 0px 0px 16px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 0px 16px rgba(0, 0, 0, 0);
  }
}

@keyframes ripple {
  0% {
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
  }
  50% {
    -webkit-box-shadow: 0px 0px 0px 16px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 0px 16px rgba(0, 0, 0, 0.1);
  }
  100% {
    -webkit-box-shadow: 0px 0px 0px 16px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 0px 16px rgba(0, 0, 0, 0);
  }
}
.md-radio,
.wpcf7-list-item {
  margin: 0 auto 1rem;
}
@media screen and (max-width: 600px) {
  .md-radio,
.wpcf7-list-item {
    width: 100%;
    line-height: 1.2;
    margin: 0 !important;
  }
}
.md-radio.md-radio-inline,
.wpcf7-list-item.md-radio-inline {
  display: inline-block;
}
.md-radio input[type=radio],
.wpcf7-list-item input[type=radio] {
  display: none;
}
.md-radio input[type=radio]:checked + .wpcf7-list-item-label:before,
.wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label:before {
  border-color: #337ab7;
  -webkit-animation: ripple 0.2s linear forwards;
          animation: ripple 0.2s linear forwards;
}
.md-radio input[type=radio]:checked + .wpcf7-list-item-label:after,
.wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label:after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
@media screen and (max-width: 600px) {
  .md-radio .wpcf7-list-item-label2,
.wpcf7-list-item .wpcf7-list-item-label2 {
    margin-bottom: 35px;
  }
}
.md-radio .wpcf7-list-item-label,
.wpcf7-list-item .wpcf7-list-item-label {
  display: inline-block;
  height: 20px;
  position: relative;
  padding: 0 20px 0 25px;
  margin-bottom: 16px;
  font-size: 1.1rem;
  line-height: 1.1;
  cursor: pointer;
  vertical-align: bottom;
  padding-right: 30px;
}
@media screen and (max-width: 600px) {
  .md-radio .wpcf7-list-item-label,
.wpcf7-list-item .wpcf7-list-item-label {
    margin-bottom: 10px;
    padding-right: 0px;
    line-height: 1.3rem;
    font-size: 1rem;
  }
}
.md-radio .wpcf7-list-item-label:before, .md-radio .wpcf7-list-item-label:after,
.wpcf7-list-item .wpcf7-list-item-label:before,
.wpcf7-list-item .wpcf7-list-item-label:after {
  position: absolute;
  content: "";
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition-property: border-color, -webkit-transform;
  transition-property: border-color, -webkit-transform;
  -o-transition-property: transform, border-color;
  transition-property: transform, border-color;
  transition-property: transform, border-color, -webkit-transform;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.md-radio .wpcf7-list-item-label:before,
.wpcf7-list-item .wpcf7-list-item-label:before {
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0, 0, 0, 0.54);
}
.md-radio .wpcf7-list-item-label:after,
.wpcf7-list-item .wpcf7-list-item-label:after {
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  background: #337ab7;
}

@media screen and (max-width: 600px) {
  .-choise .wpcf7-list-item-label {
    margin-bottom: 30px !important;
  }
}

.-recruitinfo .contents-box .inner {
  margin-bottom: 60px !important;
}
.-recruitinfo .contents-box.-bg_white {
  margin-top: 20px;
}
.-recruitinfo .contents-box .ttl {
  margin-bottom: 10px;
}

.form-container > .form {
  padding: 2.5rem 2rem;
  border: 5px solid #ff6601;
  background: #fff;
}

.form-container > .form {
  padding: 2.5rem 2rem;
  border: 5px solid #ff6601;
  background: #fff;
}
@media screen and (max-width: 600px) {
  .form-container > .form {
    padding: 2rem 1rem;
  }
}
.form-container > .form2 {
  border: 5px solid #ffb316;
}

.btn {
  border: 2px solid #999;
  padding: 1rem 1.5rem 1rem 1rem;
  text-align: center;
  margin: 0 auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  white-space: nowrap;
  background: #fff;
  color: #ff6601;
  font-weight: bold;
  display: block;
  font-size: 1.2rem;
}
.btn.-orange {
  color: #ffb316;
}
.btn.-orange:after {
  background: url(assets/img/cmn/arrow-orange2.svg) no-repeat;
}
.btn.-small {
  padding: 1rem 1rem 1rem 0.5rem;
  font-size: 1.1rem;
  letter-spacing: -0.05rem;
}
.btn.-back {
  width: 280px;
}
@media screen and (max-width: 370px) {
  .btn.-back {
    width: 230px;
  }
}
.btn:after {
  content: "";
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  position: absolute;
  top: 50%;
  right: 0.3rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.9rem;
  /*画像の幅*/
  height: 0.9rem;
  /*画像の高さ*/
  background: url(assets/img/cmn/arrow-orange.svg) no-repeat;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.btn:hover {
  border: 2px solid #ff6601;
  background: #ff6601;
  color: #fff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.btn:hover:after {
  background: url(assets/img/cmn/arrow-white.svg) no-repeat;
  right: 0rem;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.btn a {
  font-size: 1.2rem;
  color: #ffb316;
  font-family: "Noto Sans JP", sans-serif;
  display: block;
  padding: 1rem 1rem;
}
.btn a.-small {
  font-size: 0.6rem !important;
}

.-column3.-tel {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  margin: 0 auto;
}
.-column3.-tel:after {
  content: none;
}
.-column3 .btn-tel {
  text-align: center;
  margin: 0 auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  white-space: nowrap;
  background: #000;
  color: #fff;
  font-weight: bold;
  display: block;
  font-size: 1.8rem;
  line-height: 60px;
  width: 40% !important;
  height: 60px;
}
.-column3 .btn-tel:after {
  content: none;
}
@media screen and (max-width: 768px) {
  .-column3 .btn-tel {
    width: 400px !important;
    margin-bottom: 10px;
  }
}

.center {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

.btn-white {
  padding: 1.2rem 1rem 1.6rem 0;
  padding-left: -1rem;
  text-align: center;
  margin: 0 auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  white-space: nowrap;
  color: #000;
  font-weight: bold;
  display: block;
  font-size: 1.4rem;
  z-index: 2 !important;
  background: #fff;
  border: 3px solid #fff;
}
@media screen and (max-width: 1024px) {
  .btn-white.-control {
    width: 360px;
  }
}
@media screen and (max-width: 600px) {
  .btn-white.-control {
    width: 280px !important;
  }
}
.btn-white.-gray {
  background: #ddd;
  border: 3px solid #ddd;
}
.btn-white.-gray.-yellow {
  background: yellow;
  border: 3px solid yellow;
}
.btn-white.-input {
  font-size: 1.2rem;
  width: 100% !important;
  padding: 1rem;
}
.btn-white.-input:hover {
  background: #ff6601;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.btn-white.-orange {
  background: #ffb316;
  border: 3px solid #ffb316;
}
@media screen and (max-width: 600px) {
  .btn-white.-orange {
    width: 270px !important;
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 768px) {
  .btn-white.-orange {
    width: 320px;
    font-size: 1.2rem;
  }
}
.btn-white.-orange:after {
  width: 1.1rem;
  /*画像の幅*/
  height: 1.1rem;
  /*画像の高さ*/
}
.btn-white.-orange_sub {
  background: #ff6601;
  border: 3px solid #ff6601;
  color: #fff;
}
@media screen and (max-width: 370px) {
  .btn-white.-orange_sub {
    width: 270px !important;
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 768px) {
  .btn-white.-orange_sub {
    width: 320px;
    font-size: 1.2rem;
  }
}
.btn-white.-orange_sub:after {
  background: url(assets/img/cmn/arrow-white.svg) no-repeat;
  width: 1.1rem;
  /*画像の幅*/
  height: 1.1rem;
  /*画像の高さ*/
}
.btn-white.-black {
  color: #fff;
  background: #000;
  border: 3px solid #000;
}
.btn-white.-black:before {
  border: 3px solid #fff;
}
.btn-white.-black:after {
  background: url(assets/img/cmn/arrow-white.svg) no-repeat;
}
.btn-white:hover {
  opacity: 1;
}
.btn-white:hover:before {
  top: -3px;
  left: -3px;
}
.btn-white:hover:after {
  right: 0.5rem;
}
.btn-white:before {
  content: "";
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  /*画像の幅*/
  height: 100%;
  /*画像の高さ*/
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
  border: 3px solid #000;
}
.btn-white:after {
  content: "";
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  position: absolute;
  top: 45%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.3rem;
  /*画像の幅*/
  height: 1.3rem;
  /*画像の高さ*/
  background: url(assets/img/cmn/arrow-black.svg) no-repeat;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (min-width: 768px) {
  .btn-white {
    width: 400px;
  }
}
@media screen and (max-width: 600px) {
  .btn-white {
    width: 90%;
    margin: 0 auto;
    font-size: 1.3rem;
    padding: 1.2rem 1rem 1.6rem 0;
  }
}

.-glass {
  width: 50px;
  height: 50px;
}

#searchform #s {
  width: 280px;
  margin-top: 12px;
  height: 50px;
  border-radius: 2px;
  outline: 0;
  background: #fff;
  border: 3px solid #000;
  position: relative;
}
@media screen and (max-width: 1024px) {
  #searchform #s {
    width: 260px;
  }
}
@media screen and (max-width: 600px) {
  #searchform #s {
    width: 210px;
  }
}
@media screen and (max-width: 370px) {
  #searchform #s {
    width: 170px;
  }
}

/*wp-pagenavi 17*/
.wp-pagenavi {
  clear: both;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .wp-pagenavi span {
    padding: 8px 10px;
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 600px) {
  .wp-pagenavi a {
    padding: 8px 10px;
    font-size: 0.9rem;
  }
}

.wp-pagenavi a,
.wp-pagenavi span {
  color: #ff6601;
  background-color: #ffffff;
  padding: 8px 15px;
  margin: 0 2px;
  white-space: nowrap;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  border: thin dotted #ff6601;
}

.wp-pagenavi a:hover {
  color: #fff;
  background-color: #ff6601;
}

.wp-pagenavi span.current {
  color: #fff;
  background-color: #ff6601;
}

.no-hover {
  pointer-events: none;
  background: #ffb316;
}
.no-hover:after {
  right: 1rem;
}

@media screen and (max-width: 600px) {
  #index-after .-column3.seller-list .inner:nth-of-type(3) {
    display: block !important;
  }
}

.-column4.checkup-flow {
  padding: 0 4% !important;
}
@media screen and (max-width: 768px) {
  .-column4.checkup-flow {
    padding: 0 !important;
  }
}
@media screen and (max-width: 600px) {
  .-column4.checkup-flow {
    padding: 0 4 !important;
    margin-left: -2%;
  }
}
.-column4.checkup-flow .inner {
  width: 20%;
  padding: 1.5rem 1rem;
  border: 3px solid #000;
  margin: 0 auto;
  text-align: center;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .-column4.checkup-flow .inner {
    padding: 1rem 0.5rem;
    width: 21%;
  }
}
@media screen and (max-width: 600px) {
  .-column4.checkup-flow .inner {
    padding: 1rem 0.5rem;
    width: 40%;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .-column4.checkup-flow .inner .sttl.-xsmall {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .-column4.checkup-flow .inner .sttl.-xsmall {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}
.-column4.checkup-flow .inner:after {
  position: absolute;
  top: 50%;
  right: -3rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 2rem;
  height: 2.5rem;
  background: url(https://mabank.biz/wp-content/themes/ma_station/assets/img/cmn/arrow-gray.svg) no-repeat;
}
@media screen and (max-width: 768px) {
  .-column4.checkup-flow .inner:after {
    right: -1.7rem;
    width: 1.2rem;
    height: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .-column4.checkup-flow .inner:after {
    width: 0.8rem;
    height: 1.4rem;
  }
}
.-column4.checkup-flow .inner:last-child:after {
  content: none;
}
.-column4.checkup-flow .inner img {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .-column4.checkup-flow .inner img {
    width: 50%;
  }
}
.-column4.checkup-flow .inner p {
  line-height: 1.3rem;
}
@media screen and (max-width: 768px) {
  .-column4.checkup-flow .inner p {
    font-size: 0.9rem;
    line-height: 1.2rem;
  }
}

a.btn--orange {
  color: #fff;
  background-color: #ff8001;
  padding: 1rem 0;
  border-radius: 8px;
  position: relative;
  -webkit-box-shadow: 0 6px 0 0 #e05f07;
          box-shadow: 0 6px 0 0 #e05f07;
  display: block;
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 1.2rem !important;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));
}
a.btn--orange.-green {
  background: #40a829;
  -webkit-box-shadow: 0 6px 0 0 #298912;
          box-shadow: 0 6px 0 0 #298912;
}
a.btn--orange:hover {
  color: #fff;
  background: #fea621;
  -webkit-box-shadow: none;
          box-shadow: none;
  /*hoverしたら影が縦に4px減るようにしています*/
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
}
a.btn--orange:hover.-green {
  background: #64c44d;
}

/*  navigation  */
.container {
  overflow: hidden;
}

#header-top {
  position: relative;
  width: 100%;
  height: 90px;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
#header-top.-under {
  top: 0;
  bottom: inherit;
  z-index: 10;
}
#header-top .header-logo {
  width: 220px;
  height: 45px;
  z-index: 0;
  display: inline-block;
  margin-left: 2%;
  padding-top: 5px;
}
#header-top.fixed {
  background: #fff;
  height: 80px;
  position: fixed;
  top: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1280px) {
  #header-top.fixed {
    background: none !important;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #header-top.fixed .header-logo {
    display: none;
  }
}
#header-top.fixed #gNav #gmenu {
  height: 80px;
}
#header-top.fixed #gNav #gmenu .header-contact {
  height: 80px;
  line-height: 80px;
}

#header-top.fixed #gNav {
  height: 80px;
}

#gNav {
  height: 86px;
  display: block;
}
#gNav ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0;
  margin-left: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#gNav ul li {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  height: 100%;
  margin-left: 1.8em;
  font-weight: bold;
  padding: 2rem 0;
  position: relative;
}
#gNav ul li:nth-last-child(2) {
  margin-right: 1rem;
}
#gNav ul li a {
  color: #111;
  margin-right: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#gNav ul li a:hover {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  color: #ff6601;
}
#gNav ul .header-contact {
  background: #ffb316;
  height: 82px;
  line-height: 82px;
  margin-left: 10px;
  padding: 0 1.5rem 0 3rem;
  height: 100%;
  position: relative;
}
#gNav ul .header-contact a {
  height: 100%;
  color: #fff;
  height: 82px;
  font-size: 1.05rem;
}
#gNav ul .header-contact::after {
  position: absolute;
  top: 50%;
  left: 1.4rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 20px;
  height: 15px;
  z-index: 100;
  background: url(assets/img/cmn/mail-white.svg) no-repeat;
}
#gNav ul .header-contact:hover {
  background: #ff6601;
  color: #fff;
}

#gNav ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0;
  margin-left: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#gNav .sub-menu {
  visibility: hidden;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  opacity: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 60px;
  width: 200px;
  top: 60px;
  left: 20%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
  text-align: center;
  display: block;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
@media screen and (max-width: 1280px) {
  #gNav .sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    display: block;
    position: absolute;
    top: 50px;
    left: 0%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    white-space: nowrap;
  }
  #gNav .sub-menu a {
    display: block;
    padding-left: 0px;
    padding: 16px 20px;
    border-bottom: none;
    line-height: 1.2em;
  }
  #gNav .sub-menu:hover:after {
    content: none;
  }
  #gNav .sub-menu li {
    display: block;
    font-size: 16px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  #gNav .sub-menu li {
    background: #efefef;
  }
}
@media screen and (max-width: 1280px) {
  #gNav .sub-menu li a:hover {
    color: #999 !important;
    background: #ddd9ec;
  }
}
#gNav .sub-menu li {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  width: 200px;
  background: #ff6601;
  height: 50px;
  margin-bottom: 2px;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
#gNav .sub-menu li:hover {
  background: #ffb316;
  color: #fff !important;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
#gNav .sub-menu li a {
  font-size: 1.05rem;
  padding: 0 20px;
  color: #fff;
  line-height: 0px;
  display: block;
  height: 50px;
}
#gNav .sub-menu li a:hover {
  color: #fff;
}
#gNav .sub-menu li:hover {
  background: #ffb316;
  color: #fff !important;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

#gNav li:hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  z-index: 9999;
}

/*SPのサブメニュー指定*/
@media screen and (max-width: 1280px) {
  .sub-menu {
    display: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sub-menu li:first-child a {
    padding: 0.5rem 8% !important;
    padding-top: 0 !important;
  }
  .sub-menu li a {
    font-size: 0.9rem !important;
    color: #555 !important;
    font-weight: normal;
    padding: 0.5rem 8% !important;
  }
}
@media screen and (max-width: 600px) {
  .sub-menu li a {
    font-size: 0.7rem !important;
    padding: 0.5rem 2% !important;
  }
}

@media screen and (max-width: 600px) {
  .sub-menu li a {
    font-size: 0.8rem !important;
  }
}

a.meanmenu-reveal {
  display: none;
}

a.mean-bar {
  width: 100%;
  position: fixed;
  background: none;
  min-height: 86px;
  z-index: 98;
  top: 0;
  left: 0;
  display: block;
}

.meanmenu-reveal-btn {
  position: absolute;
  display: block;
  z-index: 99999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 52px;
  height: 52px;
  right: 0;
  top: 0;
}

.meanmenu-reveal {
  width: 34px;
  height: 20px;
  margin: 26px 0px;
  display: block !important;
  position: relative;
}
.meanmenu-reveal span {
  display: inline-block;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  margin: 0 auto;
}
.meanmenu-reveal span:nth-of-type(1) {
  top: 0;
  background: #fff;
}
.meanmenu-reveal span:nth-of-type(2) {
  top: 8px;
  background: #fff;
}
.meanmenu-reveal span:nth-of-type(3) {
  top: 16px;
  background: #fff;
}

.meanclose span:nth-of-type(1) {
  -webkit-animation: active-menu-ber01 0.75s forwards;
  animation: active-menu-ber01 0.75s forwards;
  top: -2px;
}
.meanclose span:nth-of-type(2) {
  opacity: 0;
}
.meanclose span:nth-of-type(3) {
  -webkit-animation: active-menu-ber03 0.75s forwards;
  animation: active-menu-ber03 0.75s forwards;
}

.mean-container .mean-nav {
  width: 100%;
  overflow-y: auto;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
}
.mean-container .mean-nav ul {
  margin: 0;
  width: 100%;
  list-style-type: none;
  position: relative;
  z-index: 99;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.mean-container .mean-nav ul ul {
  padding-bottom: 0;
  margin-bottom: 0;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  z-index: 100;
}
@media screen and (max-width: 1280px) {
  .mean-container .mean-nav ul ul {
    background: #ffb316;
  }
}
@media screen and (max-width: 1280px) {
  .mean-container .mean-nav ul ul a {
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) {
  #menu-item-502 {
    position: relative !important;
    padding-top: 1rem !important;
    padding-bottom: 0.5rem;
  }
  #menu-item-502 img {
    height: 40px;
  }
}

#gmenu {
  position: relative;
  z-index: 100;
  background: #fff;
  position: relative;
  height: 80px;
  z-index: 2;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
@media screen and (max-width: 1280px) {
  #gmenu {
    height: 100vh;
    overflow: scroll !important;
    -webkit-overflow-scrolling: touc !important;
  }
}
@media screen and (max-width: 1280px) {
  #gmenu > li {
    width: 100% !important;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  #gmenu > li:first-child {
    padding-top: 60px;
  }
  #gmenu > li:nth-of-type(2) {
    padding-top: 60px;
  }
}
#gmenu .on_nav {
  position: absolute;
  top: 25px;
  left: 0px;
  width: 220px;
  height: 51px;
}
@media screen and (max-width: 1280px) {
  #gmenu {
    background: #ffb316;
    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;
    padding-bottom: 1000px;
  }
  #gmenu > li {
    width: 50% !important;
    font-weight: bold !important;
    font-size: 1.1rem !important;
  }
  #gmenu > li .sub-menu {
    display: block !important;
  }
}
@media screen and (max-width: 600px) {
  #gmenu > li {
    font-size: 0.9rem !important;
    line-height: 1.2rem;
  }
}
@media screen and (min-width: 1280px) {
  #gmenu > li:last-child {
    background: #ffb316;
    height: 82px;
    line-height: 82px;
    margin-left: 10px;
    padding: 0 1.5rem 0 3rem;
    height: 100%;
    position: relative;
  }
  #gmenu > li:last-child a {
    height: 100%;
    color: #fff;
    height: 82px;
    font-size: 1.05rem;
  }
  #gmenu > li:last-child::after {
    position: absolute;
    top: 50%;
    left: 1.4rem;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    content: "";
    width: 20px;
    height: 15px;
    z-index: 100;
    background: url(https://mabank.biz/wp-content/themes/ma_station/assets/img/cmn/mail-white.svg) no-repeat;
  }
  #gmenu > li:last-child:hover {
    background: #ff6601;
    color: #fff;
  }
}

@media screen and (min-width: 1024px) {
  .mean-container {
    overflow: scroll !important;
  }
}
.mean-container .mean-nav ul li a {
  display: block;
  width: 100%;
  padding: 1em 2em;
  font-size: 1.1em;
  margin: 0;
  text-align: center;
  text-decoration: none;
  color: #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.mean-container .mean-nav ul li a img {
  display: none;
}
.mean-container .mean-nav ul li a span.pre {
  display: block;
  width: 100%;
  padding: 1.2em 2em;
  font-size: 1.1em;
  margin: 0;
  text-align: left;
  text-decoration: none;
  color: #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.mean-container .mean-nav ul li li a {
  width: 100%;
  padding: 1em 8%;
  text-shadow: none !important;
  visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}
.mean-container .mean-nav ul li a:hover {
  background: #252525;
  background: rgba(255, 255, 255, 0.1);
}
.mean-container .mean-nav ul li a.mean-expand {
  /*margin-top:1px;*/
  width: 60px;
  height: 100%;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  padding: 0.3em;
  font-size: 36px;
  color: #88addb;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  color: #88addb;
  font-size: 36px;
}
.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.mean-nav .wrapper {
  width: 100%;
  height: 100vh;
  padding: 0;
  margin: 0;
}

.mean-container .mean-bar {
  position: fixed;
  top: 0;
  right: 0;
  width: 70px;
  height: 70px;
  background: #ff6601;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-weight: normal;
}
.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.mean-container .mean-bar a span {
  font-weight: normal;
}

.mean-remove {
  display: none !important;
}

@-webkit-keyframes menu-ber01 {
  0% {
    -webkit-transform: translateY(8px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-ber01 {
  0% {
    -webkit-transform: translateY(8px) rotate(45deg);
            transform: translateY(8px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(8px) rotate(0);
            transform: translateY(8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes menu-ber02 {
  0% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-ber02 {
  0% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(0);
            transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes active-menu-ber01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(10px) rotate(45deg);
  }
}
@keyframes active-menu-ber01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(10px) rotate(0);
            transform: translateY(10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(10px) rotate(45deg);
            transform: translateY(10px) rotate(45deg);
  }
}
@-webkit-keyframes active-menu-ber03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
  }
}
@keyframes active-menu-ber03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(0);
            transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg);
  }
}
.active {
  color: #ffb316 !important;
}

.menu__single a {
  padding: 50px 0 !important;
  display: block !important;
}

@media screen and (min-width: 1280px) {
  #gmenu > li:last-child {
    background: #ffb316;
    height: 82px;
    line-height: 82px;
    margin-left: 10px;
    padding: 0 1.5rem 0 3rem;
    height: 100%;
    position: relative;
  }
  #gmenu > li:last-child a {
    height: 100%;
    color: #fff;
    height: 82px;
    font-size: 1.05rem;
  }
  #gmenu > li:last-child::after {
    position: absolute;
    top: 50%;
    left: 1.4rem;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    content: "";
    width: 20px;
    height: 15px;
    z-index: 100;
    background: url(https://mabank.biz/wp-content/themes/ma_station/assets/img/cmn/mail-white.svg) no-repeat;
  }
  #gmenu > li:last-child:hover {
    background: #ff6601;
    color: #fff;
  }
}

.menu-item-column {
  display: none;
}
@media screen and (max-width: 1280px) {
  .menu-item-column {
    display: block;
  }
}

.swiper1.swiper-container {
  height: 400px;
  width: 90vw;
  margin-left: 10vw;
  overflow: hidden;
  position: relative;
  top: 20px;
}

#index-swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: bottom;";
}

.swiper1 .swiper-slide {
  position: relative;
  width: 100%;
  height: 100vh;
}
.swiper1 .swiper-slide:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background: url(assets/img/dots.png) repeat;
}
.swiper1 .slide-img {
  height: 100vh;
}
.swiper1 .slide-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: bottom;";
}

.demo-inner-content {
  position: absolute;
  color: #fff;
  z-index: 10;
  width: 550px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.demo-inner-content h3 img {
  -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.4));
}
.demo-inner-content p {
  font-size: 1rem;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  color: #fff;
  margin-top: 30px;
}
@media screen and (max-width: 600px) {
  .demo-inner-content p {
    font-size: 1.2rem;
    letter-spacing: 0rem;
    line-height: 1.8rem;
  }
}
@media screen and (min-width: 1280px) {
  .demo-inner-content p {
    font-size: 1.4rem;
    margin-left: 20px;
  }
}

/*   HELPER
------------------------------------------ */
@media screen and (min-width: 600px) {
  .ta-c {
    text-align: center !important;
  }
}

.ta-c {
  text-align: center !important;
}

.ta-r {
  text-align: right !important;
}

.ta-l {
  text-align: left !important;
}

@media screen and (max-width: 600px) {
  .pt0 {
    padding-top: 0 !important;
  }
}

.pb80 {
  padding-bottom: 80px;
}

.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mt110 {
  margin-top: 110px !important;
}

.mb110 {
  margin-bottom: 110px !important;
}

.mt120 {
  margin-top: 120px !important;
}

.mb120 {
  margin-bottom: 120px !important;
}

.mt130 {
  margin-top: 130px !important;
}

.mb130 {
  margin-bottom: 130px !important;
}

.mt140 {
  margin-top: 140px !important;
}

.mb140 {
  margin-bottom: 140px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pt110 {
  padding-top: 110px !important;
}

.pb110 {
  padding-bottom: 110px !important;
}

.pt120 {
  padding-top: 120px !important;
}

.pb120 {
  padding-bottom: 120px !important;
}

.pt130 {
  padding-top: 130px !important;
}

.pb130 {
  padding-bottom: 130px !important;
}

.pt140 {
  padding-top: 140px !important;
}

.pb140 {
  padding-bottom: 140px !important;
}

@media screen and (max-width: 600px) {
  .mb80 {
    margin-bottom: 68px !important;
  }
}

@media screen and (max-width: 600px) {
  .mt60 {
    margin-top: 40px !important;
  }
}

@media screen and (max-width: 600px) {
  .mt80 {
    margin-top: 60px !important;
  }
}

@media screen and (max-width: 600px) {
  .mt30 {
    margin-top: 20px !important;
  }
}

@media screen and (max-width: 600px) {
  .mt40 {
    margin-top: 30px !important;
  }
}

@media screen and (max-width: 600px) {
  .mt60 {
    margin-top: 46px !important;
  }
}

@media screen and (max-width: 600px) {
  .mt50 {
    margin-top: 40px !important;
  }
}

@media screen and (max-width: 600px) {
  .mt100 {
    margin-top: 80px !important;
  }
}

@media screen and (max-width: 768px) {
  .mt120 {
    margin-top: 100px !important;
  }
}

@media screen and (max-width: 768px) {
  .mb120 {
    margin-bottom: 100px !important;
  }
}

@media screen and (max-width: 600px) {
  .mb100 {
    margin-bottom: 80px !important;
  }
}

@media screen and (max-width: 600px) {
  .font-small {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 600px) {
  .move-recruit {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    border-bottom: 1px solid #fff;
  }
}

input[type=checkbox] {
  display: none;
}

.checkbox03 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 5px 30px;
  position: relative;
  width: auto;
}

.checkbox03::before {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  content: "";
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}

.checkbox03::after {
  border-right: 6px solid #ffb316;
  border-bottom: 3px solid #ffb316;
  content: "";
  display: block;
  height: 20px;
  left: 7px;
  margin-top: -16px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg) translate3d(0, 2px, 0) scale3d(0.7, 0.7, 1);
          transform: rotate(45deg) translate3d(0, 2px, 0) scale3d(0.7, 0.7, 1);
  -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  width: 9px;
}

input[type=checkbox]:checked + .checkbox03::before {
  border-color: #666;
}

input[type=checkbox]:checked + .checkbox03::after {
  opacity: 1;
  -webkit-transform: rotate(45deg) scale3d(1, 1, 1);
          transform: rotate(45deg) scale3d(1, 1, 1);
}

/*------人事労務リスク追加分20220907-------*/

.bunner-risk {
  margin-top: 60px;
}

/*オリジナル*/

.require label{
  font-size: 1.1rem;
}
.column.-column2 label{
  width: 50%;
  margin-bottom: 12px;
}
.top_back{
  display: table;
  margin: auto;
  background-color: #ffb316;
  padding:12px 16px;
  color:#000;
  font-weight: bold;
}


@media screen and (max-width: 638px) {
  .column.-column2 label{
    width: 100%;
  }
}