@charset "UTF-8";
@import "reset.css";
/*
 * ベース
 */
body {
  background-color: #FFFEF2;
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
}

a:focus, *:focus {
  outline: none;
}

a:hover {
  opacity: 0.75;
}

#loading {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
}

#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 500;
}

#top {
  overflow: hidden;
}

.txtcenter {
  text-align: center;
}

.txtright {
  text-align: right;
}

.redtxt {
  color: #E10018;
}

.main-h1 {
  text-align: center;
  position: relative;
}
.main-h1 span {
  color: #B11B22;
  position: relative;
  display: inline-block;
}
.main-h1 span:before, .main-h1 span:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 1.2em;
  height: 4px;
  border-color: #B11B22;
  border: 2px solid;
}
.main-h1 span:before {
  transform: rotate(60deg);
  left: 0;
}
.main-h1 span:after {
  transform: rotate(-60deg);
  right: 0;
}
.main-h1 small {
  display: block;
}

.main-h1:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #FAEC00;
}

.y-bg {
  background: url(../img/y-bg.png), -webkit-linear-gradient(45deg, #FAEC00, #FDF799);
  background-repeat: repeat-y;
  background-size: contain;
}
.y-bg .main-h1:before {
  background-color: #FFFEF2;
}

.iraiwrap ul li {
  background: linear-gradient(#FEFEFE, #E6E6E6);
  border-radius: 6px;
  box-shadow: 0 3px 3px #ccc;
  z-index: 5;
}
.iraiwrap ul li a {
  display: block;
}
.iraiwrap ul li a h2 {
  text-align: center;
}
.iraiwrap ul li a p {
  color: #fff;
  text-align: center;
  border-radius: 60px;
  font-weight: bold;
  position: relative;
}
.iraiwrap ul li a p:after {
  position: absolute;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  right: 15px;
}
.iraiwrap ul li:nth-child(1) a h2 {
  color: #B11B22;
  border-bottom: 2px solid;
  border-color: #B11B22;
}
.iraiwrap ul li:nth-child(1) a p {
  background-color: #E10018;
}
.iraiwrap ul li:nth-child(2) a h2 {
  color: #008825;
  border-bottom: 2px solid;
  border-color: #17BA39;
}
.iraiwrap ul li:nth-child(2) a p {
  background-color: #17BA39;
}

@media only screen and (max-width:820px) {
  .brsp {
    display: inline-block;
  }
  .brpc {
    display: none;
  }
  .pcnone {
    display: inline-block !important;
  }
  .spnone {
    display: none !important;
  }
  #top {
    padding-top: 45px;
  }
  .slick-dots {
    width: 95% !important;
  }
  .main-h1 {
    margin-bottom: 10%;
  }
  .main-h1 span {
    font-size: 6.8vw;
    padding: 0 10%;
  }
  .main-h1 small {
    margin-top: 2%;
  }
  .main-h1:before {
    width: 30%;
    height: 4px;
    bottom: -20px;
  }
  .mb00 {
    margin-bottom: 0 !important;
  }
  .mb30 {
    margin-bottom: 5% !important;
  }
  .mb40 {
    margin-bottom: 5% !important;
  }
  .mb50 {
    margin-bottom: 10% !important;
  }
  .mb60 {
    margin-bottom: 10% !important;
  }
  .mb70 {
    margin-bottom: 15% !important;
  }
  .mt40 {
    margin-top: 5% !important;
  }
  .mt50 {
    margin-top: 10% !important;
  }
  .mt60 {
    margin-top: 15% !important;
  }
  .mt70 {
    margin-top: 15% !important;
  }
  .W100 {
    width: 100% !important;
  }
  .iraiwrap {
    position: relative;
  }
  .iraiwrap ul {
    width: 100%;
    margin: auto;
    position: relative;
  }
  .iraiwrap ul li:first-child {
    margin-top: 0;
  }
  .iraiwrap ul li {
    width: 70%;
    position: relative;
    z-index: 10;
    margin: 8% auto 0;
  }
  .iraiwrap ul li a {
    padding: 5% 0 8%;
  }
  .iraiwrap ul li a h2 {
    font-size: 6vw;
    padding: 2% 0 5%;
    margin: 0 5%;
  }
  .iraiwrap ul li a img {
    margin: 5% auto 0;
    width: 97%;
    display: block;
  }
  .iraiwrap ul li a p {
    width: 70%;
    margin: 0 auto;
    padding: 2.5% 0;
    font-size: 4vw;
  }
  .iraiwrap.subpdisp {
    margin-bottom: 10%;
  }
}
@media only screen and (min-width:821px) {
  .brsp {
    display: none;
  }
  .brpc {
    display: inline-block;
  }
  .pcnone {
    display: none !important;
  }
  .spnone {
    display: inline-block !important;
  }
  .slick-dots {
    width: 97% !important;
  }
  .main-h1 {
    margin-bottom: 70px;
  }
  .main-h1 span {
    font-size: 38px;
    padding: 0 50px;
  }
  .main-h1 small {
    margin-top: 15px;
  }
  .main-h1:before {
    width: 150px;
    height: 4px;
    bottom: -20px;
  }
  .mb00 {
    margin-bottom: 0 !important;
  }
  .mb30 {
    margin-bottom: 30px !important;
  }
  .mb40 {
    margin-bottom: 40px !important;
  }
  .mb50 {
    margin-bottom: 50px !important;
  }
  .mb60 {
    margin-bottom: 60px !important;
  }
  .mb70 {
    margin-bottom: 70px !important;
  }
  .mt40 {
    margin-top: 40px !important;
  }
  .mt50 {
    margin-top: 50px !important;
  }
  .mt60 {
    margin-top: 60px !important;
  }
  .mt70 {
    margin-top: 70px !important;
  }
  .W100 {
    width: 100% !important;
  }
  .iraiwrap {
    position: relative;
  }
  .iraiwrap ul {
    display: flex;
    align-items: stretch;
    justify-content: center;
    min-width: 860px;
    width: 80%;
    max-width: 1000px;
    margin: auto;
  }
  .iraiwrap ul li:first-child {
    margin-left: 0;
  }
  .iraiwrap ul li {
    width: 48%;
    margin-left: 4%;
  }
  .iraiwrap ul li a {
    padding: 30px 20px;
  }
  .iraiwrap ul li a h2 {
    font-size: 30px;
    padding: 7px 0 20px;
  }
  .iraiwrap ul li a img {
    margin: 15px 0 5px;
  }
  .iraiwrap ul li a p {
    width: 70%;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 20px;
  }
  .iraiwrap.subpdisp {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width:600px) and ( max-width:820px) {
  #top {
    padding-top: 70px;
  }
}
/*タブ*/
section.topflowtab {
  display: flex;
  flex-wrap: wrap;
}

section.topflowtab .tabLabel { /* タブ */
  margin-right: 20px;
  padding: 3px 12px;
  flex: 1;
  order: -1;
  border-radius: 3px 3px 0 0;
  color: #fff;
  transition: 0.5s;
  cursor: pointer;
}

@media only screen and (max-width:820px) {
  section.topflowtab .tabLabel { /* タブ */
    margin-right: 1%;
    padding: 3px 2%;
  }
}
section.topflowtab .tabLabel.red { /* タブ */
  background-color: #E10018;
}

section.topflowtab .tabLabel.green { /* タブ */
  background-color: #17BA39;
}

section.topflowtab .tabLabel:nth-last-of-type(1) {
  margin-right: 0;
}

section.topflowtab input { /* ラジオボタン非表示 */
  display: none;
}

section.topflowtab .content { /* 本文 */
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  border: 0;
}

/*アクティブ設定*/
section.topflowtab input:checked + .tabLabel.red {
  color: #fff;
  background-color: #E10018;
}

section.topflowtab input:checked + .tabLabel.green {
  color: #fff;
  background-color: #17BA39;
}

section.topflowtab input:checked + .tabLabel + .content {
  padding: 15px;
  height: auto;
  overflow: auto;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition: 0.5s opacity;
  opacity: 1;
  border: 6px solid;
}

/*followボタン*/
#followBtnWrap {
  position: fixed;
  bottom: 0;
  background-color: #68bb64;
  border-radius: 12px 12px 0 0;
  width: 70%;
  z-index: 10;
}
#followBtnWrap a {
  position: relative;
}
#followBtnWrap .leftBox {
  line-height: 0;
}
#followBtnWrap .rightBox {
  color: #fff;
}
#followBtnWrap .rightBox p {
  line-height: 1.5em;
}

@media only screen and (max-width:820px) {
  #followBtnWrap {
    padding: 2.5% 0 2.5% 2.5%;
    border-radius: 12px 0 0 0;
    width: 65%;
    right: 0;
  }
  #followBtnWrap a {
    display: block;
  }
  #followBtnWrap a .leftBox {
    display: none;
  }
  #followBtnWrap a .rightBox {
    width: 100%;
  }
  #followBtnWrap a .rightBox h3 {
    font-size: 5vw;
  }
  #followBtnWrap a .rightBox p {
    margin-top: 2%;
    font-size: 3.5vw;
  }
  #followBtnWrap a:after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 5%;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    color: #fff;
  }
}
@media only screen and (min-width:821px) {
  #followBtnWrap {
    left: 0;
    max-width: 430px;
    padding: 20px 0 20px 20px;
    left: 20px;
  }
  #followBtnWrap a {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #followBtnWrap a .leftBox {
    width: 25%;
  }
  #followBtnWrap a .leftBox img {
    width: 100%;
  }
  #followBtnWrap a .rightBox {
    width: 70%;
  }
  #followBtnWrap a .rightBox h3 {
    font-size: 24px;
  }
  #followBtnWrap a .rightBox p {
    margin-top: 10px;
    font-size: 16px;
  }
}
/*
 * ヘッダー
 */
header {
  background-color: #E73346;
  color: #fff;
}
header .inner .left {
  position: relative;
}
header .inner .left h1 {
  position: absolute;
}
header .inner .left h1 img {
  width: 100%;
}
header .inner .right #site-navigation h2 {
  font-weight: normal;
  text-indent: -0.5em;
}
header .inner .right #site-navigation ul li {
  font-weight: bold;
}
header .inner .right #site-navigation ul li a {
  color: #fff;
}
header .inner .right #site-navigation ul li.gnaviCta:after {
  content: "ご相談や車検板金などのお問合せはこちら";
  font-weight: normal;
  background-color: #E10018;
  color: #fff;
}
header .inner .right #headcntbox {
  background-color: #B11B22;
}
header .inner .right #headcntbox .mailcnt {
  font-weight: bold;
  line-height: 0;
}
header .inner .right #headcntbox .mailcnt .mailcntBtn {
  color: #B11B22;
  background-color: #FAEC00;
  border-radius: 60px;
  display: block;
  text-align: center;
  line-height: 2em;
}
header .inner .right #headcntbox .mailcnt .mailAdd {
  margin-top: 5px;
  display: block;
}
header .inner .right #headcntbox .telcnt {
  line-height: 0;
}
header .inner .right #headcntbox .telcnt a {
  color: #fff;
}
header .inner .right #headcntbox .telcnt a img {
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width:820px) {
  .menu-toggle, .main-navigation.toggled ul {
    display: block;
  }
  .menu-toggle {
    width: 30px;
    height: 30px;
    top: 15px;
    right: 7px;
    margin: auto;
    padding: 0;
    cursor: pointer;
    position: absolute;
    background-color: #FFF;
    border-radius: 60px;
    z-index: 10;
  }
  .nav_line {
    display: block;
    width: 16px;
    height: 2px;
    background: #E10018;
    transition: 0.3s;
    margin: 0 auto;
  }
  .nav_line1 {
    transform: translateY(-4px);
  }
  .nav_line2 {
    transform: translateY(0px);
  }
  .nav_line3 {
    transform: translateY(4px);
  }
  .nav_txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  header {
    position: fixed;
    z-index: 100;
    top: 0;
    width: 100%;
  }
  header .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    width: 100%;
  }
  header .inner .left {
    width: 22%;
    max-width: 95px;
  }
  header .inner .left h1 {
    top: -20px;
    width: 100%;
    left: 10px;
  }
  header .inner .right {
    width: 73%;
    height: 100%;
    position: relative;
  }
  header .inner .right #site-navigation {
    width: 100%;
    position: absolute;
  }
  header .inner .right #site-navigation h2 {
    font-size: 13px;
    display: none;
  }
  header .inner .right #site-navigation.toggled {
    display: flex;
    align-items: center;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow-y: scroll;
  }
  header .inner .right #site-navigation.toggled .nav_line1 {
    top: 11px;
    transform: translateY(2px) rotate(45deg);
  }
  header .inner .right #site-navigation.toggled .nav_line2 {
    transform: scaleX(0);
  }
  header .inner .right #site-navigation.toggled .nav_line3 {
    bottom: 17px;
    transform: translateY(-2px) rotate(135deg);
  }
  header .inner .right #site-navigation.toggled .menu-hg-menu-container {
    background-color: rgba(225, 0, 24, 0.8);
    width: 100%;
    position: relative;
    height: 100%;
    top: 0;
  }
  header .inner .right #site-navigation.toggled .menu-hg-menu-container #primary-menu {
    overflow-y: scroll;
    height: 60%;
    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 6vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 75%;
    left: 0;
    right: 0;
  }
  header .inner .right #site-navigation.toggled .menu-hg-menu-container #primary-menu li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  header .inner .right #site-navigation.toggled .menu-hg-menu-container #primary-menu li {
    padding-top: 8%;
    border-top: 1px dotted;
    border-color: #fff;
    width: 100%;
  }
  header .inner .right #site-navigation.toggled .menu-hg-menu-container #primary-menu li .sub-menu {
    padding: 0;
    width: 100%;
    margin: 0 auto 0;
  }
  header .inner .right #site-navigation.toggled .menu-hg-menu-container #primary-menu li .sub-menu li:first-child {
    border-top: none;
  }
  header .inner .right #site-navigation.toggled .menu-hg-menu-container #primary-menu li .sub-menu li {
    font-size: 5vw;
    border-top: none;
    padding-top: 5%;
    margin-top: 0;
    padding-bottom: 0;
  }
  header .inner .right #site-navigation.toggled .menu-hg-menu-container #primary-menu li .sub-menu li a {
    font-weight: normal;
    padding: 0;
    font-size: 20px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  header .inner .right #site-navigation.toggled .menu-hg-menu-container #primary-menu li .sub-menu li a:before {
    content: "\f140";
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
    font-weight: 900;
    font-size: 60%;
  }
  header .inner .right #site-navigation.toggled .menu-hg-menu-container #primary-menu li.gnaviCta {
    line-height: 1.2em;
  }
  header .inner .right #site-navigation.toggled .menu-hg-menu-container #primary-menu li.gnaviCta:after {
    font-size: 3.8vw;
    color: #fff;
    background: none;
  }
  header .inner .right #headcntbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-left: 1px solid;
    border-color: #fff;
    background: none;
    border-left: none;
    padding-right: 45px;
  }
  header .inner .right #headcntbox .mailcnt {
    width: 44%;
    font-size: 2.5vw;
  }
  header .inner .right #headcntbox .mailcnt .mailAdd {
    margin-top: 5px;
    margin-bottom: 0;
  }
  header .inner .right #headcntbox .telcnt {
    width: 56%;
    margin-left: 4%;
  }
  header .inner .right #headcntbox .telcnt a img {
    width: 100%;
  }
}
@media only screen and (min-width:821px) {
  .menu-toggle {
    display: none;
  }
  header .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    width: 100%;
    min-width: 1100px;
  }
  header .inner .left {
    width: 250px;
  }
  header .inner .left h1 {
    top: -27px;
    width: 150px;
    left: 18%;
  }
  header .inner .right {
    min-width: 840px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 90%;
  }
  header .inner .right #site-navigation {
    min-width: 400px;
    width: auto;
    margin-left: auto;
    margin-right: 30px;
  }
  header .inner .right #site-navigation h2 {
    font-size: clamp(0.625rem, 0.396rem + 0.48vw, 0.813rem);
  }
  header .inner .right #site-navigation ul {
    margin-top: 6px;
  }
  header .inner .right #site-navigation ul li:first-child {
    margin-left: 0;
  }
  header .inner .right #site-navigation ul li {
    display: inline-block;
    margin-left: clamp(0.938rem, -1.297rem + 3.25vw, 1.75rem);
    font-size: clamp(0.938rem, 0.078rem + 1.25vw, 1.25rem);
    position: relative;
  }
  header .inner .right #site-navigation ul li .sub-menu {
    display: none;
    position: absolute;
    background-color: #E73346;
    border-radius: 0 0 6px 6px;
    width: 250px;
    z-index: 10;
    padding: 15px;
    margin-top: 0;
    left: -15px;
  }
  header .inner .right #site-navigation ul li .sub-menu li:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
  }
  header .inner .right #site-navigation ul li .sub-menu li {
    border-top: 1px solid;
    border-color: #fff;
    margin-left: 0;
    margin-top: 15px;
    padding-top: 15px;
    display: block;
  }
  header .inner .right #site-navigation ul li:hover .sub-menu {
    display: block;
  }
  header .inner .right #site-navigation ul li.gnaviCta {
    position: relative;
    display: inline-block;
  }
  header .inner .right #site-navigation ul li.gnaviCta:before {
    content: "";
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-bottom: 25px solid #ffffff;
    border-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -25px;
  }
  header .inner .right #site-navigation ul li.gnaviCta:hover::before {
    display: inline-block;
  }
  header .inner .right #site-navigation ul li.gnaviCta:after {
    position: absolute;
    background-color: #E10018;
    border-radius: 100px;
    display: none;
    font-size: clamp(0.75rem, 0.406rem + 0.5vw, 0.875rem);
    color: #fff;
    width: clamp(17.5rem, 10.625rem + 10vw, 20rem);
    text-align: center;
    bottom: -3.2em;
    left: 50%;
    transform: translateX(-50%);
    border: 3px solid #fff;
    z-index: 10;
  }
  header .inner .right #site-navigation ul li.gnaviCta:hover::after {
    display: inline-block;
  }
  header .inner .right #headcntbox {
    min-width: 370px;
    width: 40%;
    max-width: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-left: 1px solid;
    border-color: #fff;
  }
  header .inner .right #headcntbox .mailcnt {
    width: 42%;
    font-size: 14px;
    max-width: 250px;
  }
  header .inner .right #headcntbox .mailcnt .mailAdd {
    margin-top: 8px;
    display: block;
  }
  header .inner .right #headcntbox .telcnt {
    width: 44%;
    margin-left: 4%;
    max-width: 250px;
  }
  header .inner .right #headcntbox .telcnt a img {
    width: 100%;
  }
}
@media only screen and (min-width:600px) and ( max-width:820px) {
  .menu-toggle {
    width: 50px;
    height: 50px;
  }
  .nav_line {
    width: 22px;
  }
  header .inner {
    height: 70px;
  }
  header .inner .left {
    max-width: 115px;
  }
  header .inner .right #site-navigation h2 {
    font-size: 13px;
    display: none;
  }
  header .inner .right #site-navigation.toggled .menu-hg-menu-container #primary-menu li {
    border-top: 2px dotted;
    font-size: 28px;
  }
  header .inner .right #site-navigation.toggled .menu-hg-menu-container #primary-menu li .sub-menu li {
    padding-top: 0;
  }
  header .inner .right #site-navigation.toggled .menu-hg-menu-container #primary-menu li .sub-menu li a {
    font-size: 24px;
  }
  header .inner .right #headcntbox {
    padding-right: 75px;
    max-width: 470px;
    margin-left: auto;
  }
  header .inner .right #headcntbox .mailcnt {
    width: 48%;
    font-size: 14px;
  }
  header .inner .right #headcntbox .telcnt {
    width: 52%;
    margin-left: 4%;
  }
  header .inner .right #headcntbox .telcnt a img {
    width: 100%;
  }
}
/*
 * フッター
 */
#subpagecopy {
  background: url(../img/y-bg.png), #fbf145;
  background-repeat: repeat-y;
  background-size: contain;
}
#subpagecopy .footmsg {
  border: 6px solid;
  border-color: #E10018;
  color: #E10018;
  border-radius: 8px;
  background-color: #FFF;
  text-align: center;
  position: relative;
  font-weight: bold;
}
#subpagecopy .footmsg:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #E10018 transparent transparent transparent;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

footer {
  background-color: #E10018;
  border-top: 5px solid;
  border-color: #FAEC00;
}
footer #footinfo {
  position: relative;
}
footer #footinfo h1 {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
}
footer #footinfo h1 img {
  width: 100%;
}
footer #footinfo .inner {
  color: #fff;
  margin: 0 auto;
}
footer #footinfo .inner .col2 .colin h2 {
  font-weight: normal;
  border-radius: 60px;
  border: 1px solid;
  border-color: #fff;
  text-align: center;
}
footer #footinfo .inner .col2 .colin .tellink img {
  width: 100%;
}
footer #footinfo .inner .col2 .colin ul li:first-child {
  margin-top: 0;
}
footer #footinfo .inner .col2 .colin ul li a {
  background: linear-gradient(#FEFEFE, #E6E6E6);
  border-radius: 100px;
  display: block;
  color: #333;
  position: relative;
  text-align: center;
  font-weight: bold;
  line-height: 1.5em;
}
footer #footinfo .inner .col2 .colin ul li a img {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
}
footer #footinfo .inner .col2 .colin ul li a:after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 30px;
}
footer #footinfo .inner .col2 .colin ul li .sateiBtn {
  box-shadow: 0 2px 5px #b11b22;
}
footer #footinfo .inner .col2 .colin ul li:nth-child(1) a {
  color: #E10018;
}
footer #footinfo .inner .col2 .colin ul li:nth-child(2) a {
  color: #17BA39;
}
footer #footinfo .inner .col2 .colin .mailAdd {
  display: block;
}
footer #footarea .inner {
  color: #fff;
  margin: 0 auto;
}
footer #footarea .inner .areaWrap {
  border: 1px solid #fff;
  align-items: stretch;
}
footer #footarea .inner .areaWrap .left h3 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer #footarea .inner .areaWrap .right p span {
  display: block;
}
footer #footnav {
  border-top: 1px solid;
  border-color: #fff;
  margin: 0 auto;
}
footer #footnav .col3 .colin #foot-menu01 li:first-child, footer #footnav .col3 .colin #foot-menu02 li:first-child, footer #footnav .col3 .colin #footnewswrap li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
footer #footnav .col3 .colin #foot-menu01 li a, footer #footnav .col3 .colin #foot-menu02 li a {
  color: #fff;
}
footer #footnav .col3 .colin h2 {
  color: #fff;
  border: 1px solid;
  border-color: #fff;
  border-radius: 100px;
  text-align: center;
  font-weight: normal;
}
footer #footnav .col3 .colin #footnewswrap li {
  border-top: 1px dotted;
  border-color: #fff;
}
footer #footnav .col3 .colin #footnewswrap li a {
  color: #fff;
  line-height: 1.7em;
}
footer #footnav .col3 .colin #footnewswrap li a .postdate {
  display: block;
}
footer #copyright {
  border-top: 1px solid;
  border-color: #fff;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width:820px) {
  #subpagecopy {
    padding: 15% 0 30%;
  }
  #subpagecopy .footmsg {
    width: 70%;
    margin: 0 auto;
    padding: 4% 0;
    font-size: 5vw;
    line-height: 1.5em;
    letter-spacing: 1px;
  }
  #subpagecopy .footmsg:after {
    border-width: 15px 10px 0 10px;
    bottom: -15px;
  }
  footer #footinfo {
    padding: 18% 0 0;
  }
  footer #footinfo h1 {
    width: 45%;
    top: -27%;
  }
  footer #footinfo .inner {
    width: 70%;
  }
  footer #footinfo .inner .col2 .colin.left {
    width: 100%;
  }
  footer #footinfo .inner .col2 .colin.right {
    width: 100%;
    margin: 10% 0 15%;
  }
  footer #footinfo .inner .col2 .colin h2 {
    font-size: 3vw;
    padding: 2% 0;
    margin-bottom: 5%;
  }
  footer #footinfo .inner .col2 .colin ul li {
    margin-top: 4vw;
  }
  footer #footinfo .inner .col2 .colin ul li a {
    padding: 2.5% 0;
    font-size: 4.5vw;
  }
  footer #footinfo .inner .col2 .colin ul li a img {
    height: 74%;
    left: 30px;
  }
  footer #footinfo .inner .col2 .colin ul li .sateiBtn {
    padding: 5% 0;
  }
  footer #footinfo .inner .col2 .colin ul li .sateiBtn img {
    height: 74%;
    left: 15px;
    max-height: 40px;
  }
  footer #footinfo .inner .col2 .colin .mailAdd {
    margin-top: 3%;
  }
  footer #footarea .inner {
    width: 80%;
    margin: 0 auto 10%;
  }
  footer #footarea .inner .areaWrap {
    padding: 5 0;
    margin-top: 5%;
  }
  footer #footarea .inner .areaWrap .colin.left {
    width: 90%;
    border-bottom: 1px solid #fff;
    margin: 0 auto;
  }
  footer #footarea .inner .areaWrap .colin.left h3 {
    font-size: 4vw;
    letter-spacing: 2px;
    text-align: center;
    padding: 5% 0;
  }
  footer #footarea .inner .areaWrap .colin.right {
    width: 100%;
    padding: 2% 5% 5% 5%;
  }
  footer #footarea .inner .areaWrap .colin.right p {
    font-size: 3.5vw;
    text-align: center;
  }
  footer #footarea .inner .areaWrap .colin.right p span {
    font-size: 3vw;
    line-height: 1.5em;
  }
  footer #footnav {
    width: 80%;
  }
  footer #footnav .col3 {
    padding: 15% 0;
  }
  footer #footnav .col3 .colin #foot-menu01, footer #footnav .col3 .colin #foot-menu02 {
    width: 80%;
    margin: 0 auto;
  }
  footer #footnav .col3 .colin #foot-menu01 li:first-child, footer #footnav .col3 .colin #foot-menu02 li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  footer #footnav .col3 .colin #foot-menu01 li, footer #footnav .col3 .colin #foot-menu02 li {
    margin-top: 5%;
    padding-top: 5%;
    font-size: 4vw;
    border-top: 1px dotted;
    border-color: #fff;
  }
  footer #footnav .col3 .colin #foot-menu02 li:first-child {
    margin-top: 5%;
    padding-top: 5%;
    border-top: 1px dotted;
    border-color: #fff;
  }
  footer #footnav .col3 .colin h2 {
    padding: 2% 5%;
    font-size: 4.5vw;
    margin-bottom: 5%;
  }
  footer #footnav .col3 .colin #footnewswrap li {
    margin-top: 5%;
    padding-top: 5%;
  }
  footer #footnav .col3 .colin #footnewswrap li a {
    font-size: 3.8vw;
  }
  footer #footnav .col3 .colin #footnewswrap li a .postdate {
    font-size: 3.5vw;
  }
  footer #footnav .col3 .colin.left, footer #footnav .col3 .colin.center {
    width: 100%;
  }
  footer #footnav .col3 .colin.right {
    width: 100%;
    margin-top: 13%;
  }
  footer #copyright {
    width: 100%;
    font-size: 3vw;
    padding: 5% 0;
  }
}
@media only screen and (min-width:821px) {
  #subpagecopy {
    padding: 90px 0 250px;
  }
  #subpagecopy .footmsg {
    width: 700px;
    margin: 0 auto;
    padding: 30px 0;
    font-size: 30px;
    line-height: 1.5em;
    letter-spacing: 2px;
  }
  #subpagecopy .footmsg:after {
    border-width: 30px 25px 0 25px;
    bottom: -30px;
  }
  footer #footinfo {
    padding: 120px 0 0;
  }
  footer #footinfo h1 {
    width: 380px;
    top: -175px;
  }
  footer #footinfo .inner {
    min-width: 840px;
    width: 80%;
    max-width: 840px;
  }
  footer #footinfo .inner .col2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  footer #footinfo .inner .col2 .colin.left {
    width: 48%;
  }
  footer #footinfo .inner .col2 .colin.right {
    width: 48%;
  }
  footer #footinfo .inner .col2 .colin h2 {
    font-size: 20px;
    padding: 5px 0;
    margin-bottom: 15px;
  }
  footer #footinfo .inner .col2 .colin ul li {
    margin-top: 18px;
  }
  footer #footinfo .inner .col2 .colin ul li a {
    padding: 15px 0;
    font-size: 24px;
  }
  footer #footinfo .inner .col2 .colin ul li a img {
    height: 46px;
    left: 30px;
  }
  footer #footinfo .inner .col2 .colin ul li .sateiBtn {
    padding: 35px 0;
  }
  footer #footinfo .inner .col2 .colin .mailAdd {
    margin-top: 10px;
  }
  footer #footarea .inner {
    min-width: 840px;
    width: 80%;
    max-width: 840px;
  }
  footer #footarea .inner .areaWrap {
    padding: 20px 0;
    margin-top: 30px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  footer #footarea .inner .areaWrap .colin.left {
    width: 30%;
  }
  footer #footarea .inner .areaWrap .colin.left h3 {
    font-size: 22px;
    letter-spacing: 2px;
  }
  footer #footarea .inner .areaWrap .colin.right {
    border-left: 1px solid #fff;
    width: 70%;
    padding: 0 20px;
  }
  footer #footarea .inner .areaWrap .colin.right p {
    font-size: 18px;
  }
  footer #footarea .inner .areaWrap .colin.right p span {
    display: block;
    font-size: 14px;
    line-height: 1.5em;
  }
  footer #footnav {
    min-width: 1000px;
    width: 80%;
    max-width: 1200px;
    margin-top: 50px;
  }
  footer #footnav .col3 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 50px 25px;
  }
  footer #footnav .col3 .colin #foot-menu01 li, footer #footnav .col3 .colin #foot-menu02 li {
    margin-top: 10px;
    font-size: 18px;
  }
  footer #footnav .col3 .colin h2 {
    padding: 10px 25px;
    font-size: 20px;
    margin-bottom: 20px;
  }
  footer #footnav .col3 .colin #footnewswrap li {
    margin-top: 20px;
    padding-top: 20px;
  }
  footer #footnav .col3 .colin #footnewswrap li a .postdate {
    font-size: 14px;
  }
  footer #footnav .col3 .colin.left, footer #footnav .col3 .colin.center {
    width: 30%;
  }
  footer #footnav .col3 .colin.right {
    width: 40%;
  }
  footer #copyright {
    min-width: 1000px;
    width: 80%;
    max-width: 1200px;
    padding: 25px 0;
    font-size: 12px;
  }
}
#loading {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
}

#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 500;
}

/*
 * フロントページ
 */
.slick-prev {
  left: 3%;
  z-index: 10;
}

.slick-next {
  right: 3%;
  z-index: 10;
}

.slick-dots li button {
  background: #ccc;
}

#topSateiWraps {
  background: #E73346;
}
#topSateiWraps .inner {
  display: flex;
  align-items: stretch;
}
@media only screen and (min-width:821px) {
  #topSateiWraps .inner {
    max-width: 1600px;
    min-width: 1100px;
    margin: 0 auto;
  }
}
#topSateiWraps .leftBox {
  width: 70%;
  position: relative;
}
@media only screen and (min-width:821px) {
  #topSateiWraps .leftBox #slickslide {
    padding: 0;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
  }
}
#topSateiWraps .rightBox {
  width: 30%;
  padding: 20px 10px 20px 0;
}
#topSateiWraps .rightBox #top-contact-form {
  background: #fff;
  border-radius: 20px;
  background: #fff;
  padding: clamp(0.625rem, -0.75rem + 2vw, 1.25rem);
}
#topSateiWraps .rightBox .topFormTtl {
  text-align: center;
  color: #E10018;
  font-size: clamp(1.5rem, 0.95rem + 0.8vw, 1.75rem);
}
#topSateiWraps .rightBox .topFormTxt {
  background-color: #fbdce0;
  border-radius: 5px;
  margin-top: clamp(0.625rem, -0.063rem + 1vw, 0.938rem);
  padding: clamp(0.313rem, -0.375rem + 1vw, 0.625rem);
}
#topSateiWraps .rightBox .topFormTxt p {
  font-size: clamp(0.75rem, 0.475rem + 0.4vw, 0.875rem);
  text-align: center;
  line-height: 1.7em;
}
#topSateiWraps .rightBox .topFormTxt p strong {
  font-size: clamp(0.875rem, 0.325rem + 0.8vw, 1.125rem);
  display: block;
}
#topSateiWraps select, #topSateiWraps input[type=text] {
  width: 100%;
  padding: clamp(0.188rem, -0.088rem + 0.4vw, 0.313rem);
}
#topSateiWraps select {
  padding: clamp(0.313rem, -0.375rem + 1vw, 0.625rem) 0;
}
#topSateiWraps select::-moz-placeholder, #topSateiWraps input[type=text]::-moz-placeholder {
  color: #ccc;
}
#topSateiWraps select::placeholder, #topSateiWraps select option[value=""], #topSateiWraps input[type=text]::placeholder {
  color: #ccc;
}
#topSateiWraps .tsButton {
  border-radius: 100px;
  background-color: #E10018;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  width: 50%;
  margin: 10px auto 0;
  display: block;
  font-size: clamp(1rem, 0.45rem + 0.8vw, 1.25rem);
}
#topSateiWraps .topSatteiForm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
#topSateiWraps .topSatteiForm dt, #topSateiWraps .topSatteiForm dd {
  margin-top: clamp(0.625rem, -0.063rem + 1vw, 0.938rem);
  font-size: clamp(0.875rem, 0.325rem + 0.8vw, 1.125rem);
}
#topSateiWraps .topSatteiForm dt {
  width: 25%;
}
#topSateiWraps .topSatteiForm dd {
  width: 75%;
}
#topSateiWraps .topSatteiForm dd.yaerDd input[type=text] {
  width: 70%;
}

.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

#topnewswrap {
  background-color: #B11B22;
}
#topnewswrap #topnews {
  display: none;
}
#topnewswrap #topnews.new {
  display: block;
}
#topnewswrap #topnews.new li {
  display: flex;
  align-items: center;
  justify-content: center;
}
#topnewswrap #topnews.new li h2 {
  background-color: #FAEC00;
  color: #B11B22;
  border-radius: 100px 0 0 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#topnewswrap #topnews.new li a {
  background-color: #FFF;
  border-radius: 0 100px 100px 0;
  display: flex;
  align-items: center;
  justify-content: left;
}
#sateiirai .inner .hoshokinwrap {
  position: relative;
  background-color: #FAEC00;
  border-radius: 6px;
}
#sateiirai .inner .hoshokinwrap h3 {
  color: #B11B22;
  line-height: 1.5em;
}
#sateiirai .inner .hoshokinwrap p {
  font-weight: bold;
}
#sateiirai .inner .hoshokinwrap img {
  position: absolute;
}

#msgwrap .visionBox {
  min-width: 860px;
  width: 80%;
  max-width: 1000px;
  margin: 30px auto 0;
  background-color: #FFF;
  border-radius: 6px;
  padding: 30px;
  border: 1px solid;
  border-color: #E10018;
}
#msgwrap .visionBox .subTtl {
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  color: #B11B22;
  font-size: clamp(1.25rem, -0.286rem + 2.86vw, 1.5rem);
}
#msgwrap .visionBox .subTtl:before, #msgwrap .visionBox .subTtl:after {
  border-top: 3px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
  border-top: 1px solid;
}
#msgwrap .visionBox .subTtl:before {
  margin-right: 0.5em;
}
#msgwrap .visionBox .subTtl:after {
  margin-left: 0.5em;
}
#msgwrap .visionBox p {
  text-align: center;
  font-weight: bold;
  font-size: clamp(1.125rem, 0.357rem + 1.43vw, 1.25rem);
  margin-top: 20px;
}
#msgwrap .visionBox ul {
  margin: 20px 0 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
#msgwrap .visionBox ul li {
  background-color: #feecee;
  border-radius: 6px;
  text-align: center;
  padding: 25px 10px;
  width: 32%;
  font-weight: bold;
  color: #B11B22;
}
#msgwrap .visionBox ul li img {
  width: 60%;
  display: block;
  margin: 0 auto 5px;
}

#topflow .inner .topflowtab .tabLabel {
  border-radius: 6px 6px 0 0;
  position: relative;
}
#topflow .inner .topflowtab .content {
  background-color: #FFF;
  border-radius: 0 0 12px 12px;
}
#topflow .inner .topflowtab .content .flow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
#topflow .inner .topflowtab .content .flow dt {
  z-index: 5;
}
#topflow .inner .topflowtab .content .flow dt:first-child + dd {
  margin-top: 0;
  border-top: none;
}
#topflow .inner .topflowtab .content .flow dd {
  border-top: 3px dotted;
}
#topflow .inner .topflowtab .content .flow dd h2 {
  line-height: 1.5em;
}
#topflow .inner .topflowtab .content .flow dd p {
  line-height: 2em;
  font-weight: bold;
}
#topflow .inner .topflowtab .content .flow.red dd {
  border-color: #E10018;
}
#topflow .inner .topflowtab .content .flow.red dd h2 {
  color: #B11B22;
}
#topflow .inner .topflowtab .content .flow.green dd {
  border-color: #17BA39;
}
#topflow .inner .topflowtab .content .flow.green dd h2 {
  color: #008825;
}
#topflow .inner .topflowtab .content .flow:before {
  content: "";
  display: block;
  height: 80%;
  position: absolute;
}
#topflow .inner .topflowtab .content .flow.red:before {
  background-color: #E10018;
}
#topflow .inner .topflowtab .content .flow.green:before {
  background-color: #17BA39;
}
#topflow .inner .topflowtab .content.red {
  border-color: #E10018;
}
#topflow .inner .topflowtab .content.green {
  border-color: #17BA39;
}
#topflow .oyakudachiwrap ul {
  margin: 0 auto;
}
#topflow .oyakudachiwrap ul li a {
  background-color: #FFF;
  display: block;
  box-shadow: 0 3px 3px #ccc;
  border-radius: 6px;
  height: 100%;
}
#topflow .oyakudachiwrap ul li a img {
  width: 100%;
  border-radius: 6px 6px 0 0;
}
#topflow .oyakudachiwrap ul li a h3 {
  color: #B11B22;
}
#topflow .oyakudachiwrap ul li a p {
  line-height: 2em;
}

#result .inner #resultslidewrap li {
  position: relative;
}
#result .inner #resultslidewrap li .kaitorigaku-img {
  position: absolute;
}
#result .inner #resultslidewrap li a {
  background-color: #FFF;
  display: block;
  border-radius: 6px;
}
#result .inner #resultslidewrap li a .wp-post-image {
  width: 100%;
}
#result .inner #resultslidewrap li a dl.resultinfo {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
#result .inner #resultslidewrap li a dl.resultinfo dt {
  border: 1px solid;
  border-color: #B11B22;
  color: #B11B22;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(0.75rem, 0.2rem + 0.8vw, 1rem);
}
#result .inner #resultslidewrap li a dl.resultinfo dd {
  color: #B11B22;
  font-size: clamp(0.75rem, 0.2rem + 0.8vw, 1rem);
}
#result .inner #resultslidewrap li a dl.resultinfo dd.kaitorigakuDd span {
  font-weight: bold;
  padding: 0 clamp(0.313rem, -0.375rem + 1vw, 0.625rem);
  background-image: linear-gradient(0deg, #f2e633 50%, #ffffff 50%);
  font-size: clamp(0.938rem, 0.25rem + 1vw, 1.25rem);
}
#result .inner #resultslidewrap li a dl.resultinfo dd.kaitorigakuDd span strong {
  font-size: clamp(2.5rem, -0.25rem + 4vw, 3.75rem);
  font-style: italic;
  margin-right: clamp(0.313rem, -0.375rem + 1vw, 0.625rem);
}
#result .inner #resultslidewrap li a .newsTtl {
  color: #E73346;
  font-weight: bold;
  line-height: 1.5em;
}
#result .inner #resultslidewrap li a .newsDate {
  color: #E73346;
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
}
#result .inner #resultslidewrap li a .newsDate:before {
  border-top: 3px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
  border-top: 1px solid;
  margin-right: 0.5em;
}
#result .inner #resultslidewrap li a .newsExc {
  line-height: 1.6em;
}
#result .inner #resultslidewrap li a:hover {
  opacity: 1;
}
#result .inner #resultslidewrap .slick-track {
  display: flex;
}
#result .inner #resultslidewrap .slick-slide {
  display: flex;
  height: auto;
}
#result .inner #resultslidewrap .slick-slide > .postlink {
  display: block;
  width: 100%;
}
#result .partsinner {
  background-color: #FFF;
  border-radius: 6px;
  margin: 0 auto;
}
#result .partsinner h2 {
  background-color: #E10018;
  text-align: center;
  color: #fff;
  border-radius: 6px 6px 0 0;
}
#result .partsinner h2 span {
  position: relative;
  display: inline-block;
}
#result .partsinner h2 span img {
  position: absolute;
}
#result .partsinner #partslinnerwrap {
  overflow: hidden;
  margin: 0 auto;
}
#result .partsinner #partslinnerwrap li {
  background: url(../img/parts-slide.jpg) repeat-x;
  height: 320px;
  width: 4827px;
  animation: sponcer 30s linear infinite;
  background-size: 50%;
}
@keyframes sponcer {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-2413.5px, 0, 0);
    /* マイナス画像の本来の幅 */
  }
}
#result .partsinner p {
  text-align: center;
  font-weight: bold;
}
#shopinfo {
  background: url(../img/infobg.jpg) no-repeat;
  background-size: cover;
}
#shopinfo .inner .col2 .colin img {
  width: 100%;
}
#shopinfo .inner .col2 .colin h2 {
  color: #B11B22;
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
}
#shopinfo .inner .col2 .colin h2:after {
  border-top: 3px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
  margin-left: 0.5em;
}
#shopinfo .inner .col2 .colin ul li:first-child {
  margin-top: 0;
  padding-top: 0;
}
#shopinfo .inner .col2 .colin ul li {
  font-weight: bold;
}
#shopinfo .inner .col2 .colin p.note {
  color: #B11B22;
  font-weight: bold;
}
#bnrarea01, #bnrarea02 {
  padding: 20px 0 10px;
}
#bnrarea01 ul li:first-child, #bnrarea02 ul li:first-child {
  margin-left: 0;
}
#bnrarea01 ul li, #bnrarea02 ul li {
  float: left;
  width: 49%;
  line-height: 0;
  margin-bottom: 10px;
}
#bnrarea01 ul li:nth-child(even), #bnrarea02 ul li:nth-child(even) {
  margin-left: 2%;
}

#topflow, #result, #shopinfo {
  width: 100%;
}
#topflow .inner, #result .inner, #shopinfo .inner {
  margin: 0 auto;
}
#topflow .morebtn, #result .morebtn, #shopinfo .morebtn {
  background-color: #E10018;
  color: #fff;
  border-radius: 100px;
  position: relative;
  text-align: center;
  display: block;
  font-weight: bold;
  letter-spacing: 2px;
  margin-left: auto;
  margin-right: auto;
}
#topflow .morebtn:after, #result .morebtn:after, #shopinfo .morebtn:after {
  position: absolute;
  right: 30px;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
#topflow .morebtn.green, #result .morebtn.green, #shopinfo .morebtn.green {
  background-color: #17BA39;
}

.home #content section h1 {
  text-align: center;
}

footer {
  width: 100%;
}

@media only screen and (max-width:820px) {
  .slidebox {
    padding-top: 30px;
  }
  #topSateiWraps .inner {
    display: block;
  }
}
@media only screen and (max-width:820px) and (min-width:821px) {
  #topSateiWraps .inner {
    max-width: unset;
    min-width: unset;
    margin: 0 auto;
  }
}
@media only screen and (max-width:820px) {
  #topSateiWraps .leftBox {
    width: 100%;
    position: relative;
  }
  #topSateiWraps .rightBox {
    width: 87.5%;
    margin: 0 auto;
    padding: 7.5% 0;
  }
  #topSateiWraps .rightBox #top-contact-form {
    padding: 5%;
  }
  #topSateiWraps .rightBox .topFormTtl {
    font-size: 6.5vw;
  }
  #topSateiWraps .rightBox .topFormTxt {
    margin-top: 5%;
    padding: 2% 0;
  }
  #topSateiWraps .rightBox .topFormTxt p {
    font-size: 3vw;
    line-height: 2em;
  }
  #topSateiWraps .rightBox .topFormTxt p strong {
    font-size: 4vw;
  }
  #topSateiWraps select, #topSateiWraps input[type=text] {
    padding: clamp(0.188rem, -0.088rem + 0.4vw, 0.313rem);
  }
  #topSateiWraps select {
    padding: clamp(0.313rem, -0.375rem + 1vw, 0.625rem) 0;
  }
  #topSateiWraps .tsButton {
    padding: 10px 0;
    width: 70%;
    margin: 10px auto 0;
    font-size: clamp(1rem, 0.45rem + 0.8vw, 1.25rem);
  }
  #topSateiWraps .topSatteiForm dt, #topSateiWraps .topSatteiForm dd {
    margin-top: 2.5%;
    font-size: 3.5vw;
  }
  #topnewswrap {
    padding: 5% 0;
    margin-top: 0;
  }
  #topnewswrap #topnews.new {
    width: 95%;
    margin: 0 auto;
  }
  #topnewswrap #topnews.new li {
    align-items: stretch;
  }
  #topnewswrap #topnews.new li h2 {
    width: 27%;
    padding: 5% 0;
    font-size: 4vw;
  }
  #topnewswrap #topnews.new li a {
    display: block;
    width: 73%;
    padding: 2.5% 5% 2.5% 3%;
    font-size: 3.5vw;
    line-height: 1.4em;
  }
  #topnewswrap #topnews.new li a .postdate {
    margin: 0;
    display: block;
    font-size: 3.5vw;
  }
  #sateiirai {
    padding: 15% 0;
  }
  #sateiirai .inner .iraiwrap {
    position: relative;
  }
  #sateiirai .inner .iraiwrap ul:before, #sateiirai .inner .iraiwrap ul:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 25%;
    margin: auto;
    z-index: 0;
  }
  #sateiirai .inner .iraiwrap ul:before {
    background: linear-gradient(90deg, rgb(240, 128, 139), rgba(240, 128, 139, 0), rgb(240, 128, 139));
    top: 10%;
  }
  #sateiirai .inner .iraiwrap ul:after {
    background: linear-gradient(90deg, rgb(139, 220, 156), rgba(139, 220, 156, 0), rgb(139, 220, 156));
    bottom: 10%;
  }
  #sateiirai .inner .hoshokinwrap {
    width: 90%;
    margin: 0 auto 0;
    padding: 5%;
  }
  #sateiirai .inner .hoshokinwrap h3 {
    width: 70%;
    font-size: 5vw;
  }
  #sateiirai .inner .hoshokinwrap p {
    width: 100%;
    font-size: 4vw;
    line-height: 2em;
    margin-top: 10px;
  }
  #sateiirai .inner .hoshokinwrap img {
    right: -4%;
    top: -10%;
    width: 50%;
  }
  #instawrap {
    padding: 15% 0 35%;
  }
  #instawrap .inner {
    width: 95%;
    margin: 0 auto;
  }
  #msgwrap .inner {
    width: 90%;
    margin: 0 auto;
  }
  #msgwrap {
    padding: 0 0 13%;
  }
  #msgwrap .main-h1 {
    margin-bottom: 10%;
  }
  #msgwrap .main-h1 small {
    margin-top: 4%;
    font-size: 4.5vw;
    letter-spacing: 1px;
  }
  #msgwrap .msgTxt {
    font-size: 3.8vw;
  }
  #msgwrap .visionBox {
    min-width: unset;
    width: 90%;
    max-width: unset;
    margin: 10% auto 0;
    padding: 5%;
  }
  #msgwrap .visionBox .subTtl {
    font-size: 5.5vw;
    line-height: 1.5em;
  }
  #msgwrap .visionBox p {
    font-size: 4.5vw;
    margin-top: 5%;
    line-height: 1.5em;
  }
  #msgwrap .visionBox ul {
    margin: 0;
    display: block;
  }
  #msgwrap .visionBox ul li {
    margin: 5% 0 0;
    padding: 5% 2.5%;
    width: 100%;
    font-size: 4vw;
  }
  #msgwrap .visionBox ul li img {
    width: 35%;
    margin: 0 auto 2%;
  }
  #topflow {
    padding: 0 0 15%;
  }
  #topflow .inner {
    width: 90%;
  }
  #topflow .inner .topflowtab {
    margin: -120px 0 0;
  }
  #topflow .inner .topflowtab .tabLabel {
    height: 120px;
    font-size: 5vw;
    letter-spacing: 0;
    text-align: center;
  }
  #topflow .inner .topflowtab .tabLabel img {
    height: 70px;
    margin-top: 5%;
  }
  #topflow .inner .topflowtab .content {
    padding: 0 5%;
  }
  #topflow .inner .topflowtab .content .flow dt {
    width: 25%;
  }
  #topflow .inner .topflowtab .content .flow dd {
    width: 70%;
    padding: 10% 0;
  }
  #topflow .inner .topflowtab .content .flow dd h2 {
    font-size: 6vw;
    margin-bottom: 3%;
  }
  #topflow .inner .topflowtab .content .flow dd p {
    font-size: 3.5vw;
    line-height: 1.7em;
  }
  #topflow .inner .topflowtab .content .flow:before {
    width: 5px;
    left: 11.8%;
    z-index: 0;
    height: 68%;
  }
  #topflow .inner .topflowtab .content .morebtn {
    margin-bottom: 10%;
  }
  #topflow .oyakudachiwrap {
    margin-top: 15%;
  }
  #topflow .oyakudachiwrap ul {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    width: 90%;
  }
  #topflow .oyakudachiwrap ul li:nth-child(2n+1) {
    margin-left: 0;
  }
  #topflow .oyakudachiwrap ul li {
    width: 49%;
    margin-left: 2%;
    margin-top: 5%;
  }
  #topflow .oyakudachiwrap ul li a h3 {
    text-align: center;
    margin-top: 5%;
    font-size: 5vw;
  }
  #topflow .oyakudachiwrap ul li a p {
    padding: 5%;
    font-size: 3vw;
  }
  #result {
    padding: 15% 0;
  }
  #result .inner .main-h1 {
    margin-bottom: 5%;
  }
  #result .inner #resultslidewrap li {
    margin: 0 10px;
    padding-top: 35px;
  }
  #result .inner #resultslidewrap li .kaitorigaku-img {
    width: 40%;
    left: -10px;
    top: 0;
  }
  #result .inner #resultslidewrap li a {
    padding: 15px;
  }
  #result .inner #resultslidewrap li a .wp-post-image {
    margin-bottom: 5%;
  }
  #result .inner #resultslidewrap li a dl.resultinfo dt {
    width: 26%;
    margin-top: 2.5%;
    font-size: 3vw;
  }
  #result .inner #resultslidewrap li a dl.resultinfo dd {
    width: 70%;
    margin-top: 2.5%;
    font-size: 3.5vw;
  }
  #result .inner #resultslidewrap li a .newsTtl {
    font-size: 3.2vw;
  }
  #result .inner #resultslidewrap li a .newsDate {
    font-size: 2.8vw;
  }
  #result .inner #resultslidewrap li a .newsExc {
    font-size: 3vw;
  }
  #result .partsinner {
    width: 85%;
    margin-top: 15%;
    padding-bottom: 50px;
  }
  #result .partsinner h2 {
    font-size: 6vw;
    padding: 5% 0;
  }
  #result .partsinner h2 img {
    width: 100px;
    top: -190%;
    right: -77%;
  }
  #result .partsinner #partslinnerwrap {
    margin-top: 40px;
    margin-bottom: 15px;
  }
  #result .partsinner #partslinnerwrap li {
    height: 220px;
  }
  #result .partsinner p {
    font-size: 4vw;
    padding: 0 0;
  }
  #result .partsinner a {
    margin-top: 8%;
  }
  #shopinfo {
    padding: 15% 0 35%;
  }
  #shopinfo .inner .col2 .colin h2 {
    font-size: 5vw;
    margin-bottom: 5%;
  }
  #shopinfo .inner .col2 .colin ul li {
    font-size: 4vw;
    margin-top: 2.5%;
    padding-top: 2.5%;
  }
  #shopinfo .inner .col2 .colin p.note {
    margin-bottom: 8%;
    text-indent: -1.3em;
    margin-left: 1.5em;
    line-height: 1.5em;
    font-size: 3.3vw;
    margin-top: 5%;
  }
  #shopinfo .inner .col2 .colin small {
    font-size: 2.5vw;
    margin-left: 5px;
  }
  #shopinfo .inner .col2 .colin.left {
    width: 100%;
  }
  #shopinfo .inner .col2 .colin.right {
    width: 85%;
    margin: 8% auto 0;
  }
  #shopinfo .inner .morebtn {
    margin-top: 10%;
  }
  #topflow .morebtn, #result .morebtn, #shopinfo .morebtn {
    width: 80%;
    padding: 3% 0;
    font-size: 4vw;
  }
}
@media only screen and (min-width:821px) {
  #topnewswrap {
    padding: 35px 0;
    margin-top: 0;
  }
  #topnewswrap #topnews.new li h2 {
    width: 200px;
    padding: 15px 0;
    font-size: 20px;
  }
  #topnewswrap #topnews.new li a {
    width: 800px;
    padding: 15px 0;
    font-size: 18px;
  }
  #topnewswrap #topnews.new li a .postdate {
    margin: 0 20px;
  }
  #sateiirai {
    padding: 90px 0;
  }
  #sateiirai .inner .iraiwrap {
    position: relative;
  }
  #sateiirai .inner .iraiwrap ul:before, #sateiirai .inner .iraiwrap ul:after {
    position: absolute;
    content: "";
    width: 40%;
    height: 200px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
  }
  #sateiirai .inner .iraiwrap ul:before {
    background: linear-gradient(90deg, rgb(240, 128, 139), rgba(240, 128, 139, 0));
    left: 0;
  }
  #sateiirai .inner .iraiwrap ul:after {
    background: linear-gradient(90deg, rgba(139, 220, 156, 0), rgb(139, 220, 156));
    right: 0;
  }
  #sateiirai .inner .hoshokinwrap {
    min-width: 860px;
    width: 80%;
    max-width: 1000px;
    margin: 0 auto 0;
    padding: 35px;
  }
  #sateiirai .inner .hoshokinwrap h3 {
    width: 60%;
    font-size: 34px;
  }
  #sateiirai .inner .hoshokinwrap p {
    width: 55%;
    font-size: 18px;
    line-height: 2em;
    margin-top: 10px;
  }
  #sateiirai .inner .hoshokinwrap img {
    right: -4%;
    bottom: 0;
    width: 55%;
  }
  #instawrap {
    padding: 90px 0 200px;
  }
  #msgwrap {
    padding: 0 0 100px;
  }
  #msgwrap .main-h1 {
    margin-bottom: 50px;
  }
  #msgwrap .main-h1 small {
    font-size: clamp(1.25rem, -0.286rem + 2.86vw, 1.5rem);
    margin-top: 30px;
    letter-spacing: 2px;
  }
  #msgwrap .msgTxt {
    font-size: clamp(1.125rem, 0.357rem + 1.43vw, 1.25rem);
  }
  #topflow {
    padding: 0 0 90px;
  }
  #topflow .inner {
    min-width: 860px;
    width: 80%;
    max-width: 1000px;
  }
  #topflow .inner .topflowtab {
    margin: -120px 0 0;
  }
  #topflow .inner .topflowtab .tabLabel {
    height: 120px;
    font-size: 30px;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #topflow .inner .topflowtab .tabLabel img {
    height: 100px;
    left: 10px;
    position: absolute;
  }
  #topflow .inner .topflowtab .content {
    padding: 0 60px;
  }
  #topflow .inner .topflowtab .content .flow dt {
    width: 16%;
  }
  #topflow .inner .topflowtab .content .flow dd {
    width: 80%;
    padding: 80px 0;
  }
  #topflow .inner .topflowtab .content .flow dd h2 {
    font-size: 32px;
    margin-bottom: 10px;
  }
  #topflow .inner .topflowtab .content .flow dd p {
    font-size: 18px;
  }
  #topflow .inner .topflowtab .content .flow:before {
    width: 5px;
    left: 7.5%;
    z-index: 0;
  }
  #topflow .inner .topflowtab .content .morebtn {
    margin-bottom: 60px;
  }
  #topflow .oyakudachiwrap {
    margin-top: 80px;
  }
  #topflow .oyakudachiwrap ul {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    min-width: 1000px;
    width: 80%;
    max-width: 1200px;
  }
  #topflow .oyakudachiwrap ul li {
    width: 31%;
  }
  #topflow .oyakudachiwrap ul li a h3 {
    text-align: center;
    margin-top: 20px;
    font-size: 24px;
  }
  #topflow .oyakudachiwrap ul li a p {
    padding: 20px;
  }
  #result {
    padding: 90px 0;
  }
  #result .inner .main-h1 {
    margin-bottom: 20px;
  }
  #result .inner #resultslidewrap li {
    margin: 0 clamp(0.625rem, -1.438rem + 3vw, 1.563rem);
    padding-top: 35px;
  }
  #result .inner #resultslidewrap li .kaitorigaku-img {
    width: 150px;
    left: -35px;
    top: 0;
  }
  #result .inner #resultslidewrap li a {
    padding: 15px;
  }
  #result .inner #resultslidewrap li a dl.resultinfo dt {
    width: 30%;
    margin-top: 15px;
  }
  #result .inner #resultslidewrap li a dl.resultinfo dd {
    width: 65%;
    margin-top: 15px;
  }
  #result .inner #resultslidewrap li a .newsTtl {
    font-size: clamp(0.875rem, 0.546rem + 0.68vw, 1.188rem);
  }
  #result .inner #resultslidewrap li a .newsDate {
    font-size: clamp(0.75rem, 0.2rem + 0.8vw, 1rem);
  }
  #result .inner #resultslidewrap li a .newsExc {
    font-size: clamp(0.75rem, 0.2rem + 0.8vw, 1rem);
  }
  #result .partsinner {
    min-width: 1000px;
    width: 80%;
    max-width: 1200px;
    margin-top: 80px;
    padding-bottom: 50px;
  }
  #result .partsinner h2 {
    font-size: 38px;
    padding: 26px 0;
  }
  #result .partsinner h2 img {
    width: 130px;
    top: -30px;
    right: -140px;
  }
  #result .partsinner #partslinnerwrap {
    margin-top: 40px;
    margin-bottom: 15px;
  }
  #result .partsinner #partslinnerwrap li {
    height: 220px;
  }
  #result .partsinner p {
    font-size: 22px;
  }
  #result .partsinner a {
    margin-top: 25px;
  }
  #shopinfo {
    padding: 90px 0 260px;
  }
  #shopinfo .inner .col2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #shopinfo .inner .col2 .colin h2 {
    margin-left: 50px;
    padding-right: 10%;
    font-size: 24px;
    margin-bottom: 18px;
  }
  #shopinfo .inner .col2 .colin ul {
    margin-left: 50px;
  }
  #shopinfo .inner .col2 .colin ul li {
    font-size: 22px;
    margin-top: 5px;
    padding-top: 5px;
  }
  #shopinfo .inner .col2 .colin p.note {
    margin-left: 72px;
    padding-right: 10%;
    margin-bottom: 25px;
    text-indent: -1.3em;
    margin-top: 10px;
  }
  #shopinfo .inner .col2 .colin small {
    font-size: 12px;
    margin-left: 5px;
  }
  #shopinfo .inner .col2 .colin.left {
    width: 47%;
  }
  #shopinfo .inner .col2 .colin.left .shopinfoSlide {
    height: 100%;
  }
  #shopinfo .inner .col2 .colin.left .shopinfoSlide .shopinfoSlide_item {
    min-height: 450px;
    background-size: cover;
    background-position: center;
    border-radius: 0 10px 10px;
  }
  #shopinfo .inner .col2 .colin.right {
    width: 53%;
  }
  #shopinfo .inner .morebtn {
    margin-top: 50px;
  }
  #topflow .morebtn, #result .morebtn, #shopinfo .morebtn {
    width: 400px;
    padding: 12px 30px;
    font-size: 18px;
  }
}
@media only screen and (min-width:600px) and ( max-width:820px) {
  #topflow .inner .topflowtab {
    margin: -150px 0 0;
  }
  #topflow .inner .topflowtab .tabLabel {
    height: 150px;
    font-size: 4.5vw;
  }
  #topflow .inner .topflowtab .tabLabel img {
    margin-bottom: 10px;
  }
  #result .inner #resultslidewrap li .kaitorigaku-img {
    width: 30%;
  }
}
/*
 * 下層ページ
 */
.breadcrumbs {
  background-color: #FAEC00;
}
.breadcrumbs ul {
  display: flex;
  align-items: flex-start;
  justify-content: end;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
.breadcrumbs ul li a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  margin-left: 10px;
  font-weight: 900;
  margin-left: 5px;
  margin-right: 5px;
}

.site-main #posthead {
  background: url(../img/y-bgsub.png);
  background-repeat: repeat-x;
  background-size: contain;
  background-position-y: -30px;
}
.site-main #posthead h1 {
  margin-bottom: 0;
}
.site-main #postbody .inner {
  margin: 0 auto;
}
.site-main #postbody h1 {
  background: linear-gradient(#EA4C5D, #E10018);
  color: #fff;
  border-radius: 100px;
  font-weight: bold;
  position: relative;
  text-align: center;
  line-height: 1.5em;
}
.site-main #postbody h2 {
  background: linear-gradient(#EA4C5D, #E10018);
  color: #fff;
  border-radius: 100px;
  font-weight: bold;
  position: relative;
  text-align: center;
  line-height: 1.5em;
}
.site-main #postbody h2 img {
  position: absolute;
}
.site-main #postbody h1.horizonttl, .site-main #postbody h2.horizonttl, .site-main #postbody h3.horizonttl {
  background: none;
  border-radius: 0;
  color: #E10018;
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  position: relative;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5em;
}
.site-main #postbody h1.horizonttl:before, .site-main #postbody h2.horizonttl:before, .site-main #postbody h3.horizonttl:before, .site-main #postbody h1.horizonttl:after, .site-main #postbody h2.horizonttl:after, .site-main #postbody h3.horizonttl:after {
  border-top: 3px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
}
.site-main #postbody h1.horizonttl:before, .site-main #postbody h2.horizonttl:before, .site-main #postbody h3.horizonttl:before {
  margin-right: 0.5em;
}
.site-main #postbody h1.horizonttl:after, .site-main #postbody h2.horizonttl:after, .site-main #postbody h3.horizonttl:after {
  margin-left: 0.5em;
}
.site-main #postbody h2.kyokattl {
  background: none;
  color: #E10018;
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-main #postbody h2.kyokattl .kyokaicon {
  position: relative;
}
.site-main #postbody .stepicon {
  left: 0;
  right: 0;
  margin: auto;
}
.site-main #postbody h3 {
  background-color: #1A5AA1;
  color: #333;
  border-radius: 4px;
  font-weight: bold;
}
.site-main #postbody h4 {
  color: #333;
  border-bottom: 1px solid;
  border-color: #333;
}
.site-main #postbody h5 {
  color: #333;
}
.site-main #postbody h6 {
  color: #333;
}
.site-main #postbody ul li:first-child, .site-main #postbody ol li:first-child {
  margin-top: 0;
}
.site-main #postbody ul {
  margin-left: 1.5em;
}
.site-main #postbody ol {
  margin-left: 1.5em;
}
.site-main #postbody a {
  color: #E10018;
}
.site-main #postbody strong {
  color: #E10018;
}
.site-main #postbody .post-navigation {
  width: 100%;
}
.site-main #postbody .post-navigation .next a, .site-main #postbody .post-navigation .prev a {
  background-color: #E10018;
  color: #333;
  text-align: center;
  display: block;
  border-radius: 4px;
}
.site-main #postbody .post-navigation .next a:hover, .site-main #postbody .post-navigation .prev a:hover {
  background-color: #1A5AA1;
  color: #333;
  text-decoration: none;
}
.site-main #postbody .post-navigation .next a:after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.site-main #postbody .post-navigation .prev a:before {
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  margin-left: 10px;
  font-weight: 900;
  margin-right: 10px;
}
.site-main #postbody .basebg {
  background-color: #FFFEF2;
}
.site-main #postbody .ylwbg {
  background: url(../img/y-bg.png), #fbf145;
  background-repeat: repeat-y;
  background-size: contain;
}
.site-main #postbody .whtbg {
  background-color: #FFF;
}
.site-main #postbody .bigtxt {
  font-weight: bold;
}
.site-main #postbody .txtcenter {
  text-align: center;
}
.site-main #postbody .fukidashi {
  border: 6px solid;
  border-color: #E10018;
  color: #E10018;
  border-radius: 28px;
  background-color: #FAEC00;
  text-align: center;
  position: relative;
  font-weight: bold;
}
.site-main #postbody .fukidashi:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #E10018 transparent transparent transparent;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.site-main #postbody .sateiflow {
  margin-left: 0;
}
.site-main #postbody .sateiflow li:first-child:before {
  display: none;
}
.site-main #postbody .sateiflow li {
  background-color: #FFF;
  position: relative;
  border: 5px solid;
  border-color: #E10018;
  border-radius: 6px;
  color: #E10018;
  text-align: center;
  font-weight: bold;
  position: relative;
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-main #postbody .sateiflow li img {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.site-main #postbody .sateiflow li:before {
  position: absolute;
}
.site-main #postbody .sateiflowbox .left img {
  width: 100%;
}
.site-main #postbody .sateiflowbox .right p {
  font-weight: bold;
}
.site-main #postbody .ttltxt {
  color: #E10018;
  font-weight: bold;
}
.site-main #postbody .ylwbox {
  border: 4px solid;
  border-color: #FAEC00;
  border-radius: 6px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.site-main #postbody .ylwbox dt {
  background: linear-gradient(#FDF799, #FAEC00);
  text-align: center;
  color: #E10018;
  width: 35%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-main #postbody .ylwbox dd {
  width: 65%;
  display: flex;
  align-items: center;
  justify-content: left;
}
.site-main #postbody .ylwbox dd ul {
  margin-bottom: 0;
}
.site-main #postbody .ylwbox dd ul li {
  list-style: disc;
}
.site-main #postbody .telbox {
  border: 3px solid;
  border-color: #E10018;
  background-color: #FFFEF2;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  color: #008825;
  border-radius: 100px;
}
.site-main #postbody .telbox dt {
  width: 30%;
  border-right: 3px solid;
  border-color: #17BA39;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-main #postbody .telbox dd {
  width: 70%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.site-main #postbody .telbox dd img {
  margin-right: 5px;
}
.site-main #postbody .cntform dt .s-red {
  background-color: #E10018;
  color: #fff;
  border-radius: 60px;
}
.site-main #postbody .cntform dd {
  position: relative;
}
.site-main #postbody .cntform dd input[type=text], .site-main #postbody .cntform dd input[type=email], .site-main #postbody .cntform dd textarea, .site-main #postbody .cntform dd select {
  border: 1px solid;
  border-color: #E10018;
  width: 100%;
}
.site-main #postbody .cntform dd select {
  padding: 15px 15px;
}
.site-main #postbody .cntform dd .note {
  color: #E10018;
  margin-bottom: 0;
}
.site-main #postbody .cntform dd .wpcf7-not-valid-tip {
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #FAEC00;
  border-radius: 60px;
  padding: 10px 15px;
  line-height: 1em;
}
.site-main #postbody .cntform dd .wpcf7-not-valid-tip:after {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #FAEC00 transparent transparent transparent;
}
.site-main #postbody .cntform .visitSateiButton {
  background: #fbf59a;
  border-radius: 6px;
  padding: 25px 30px;
  margin-top: 35px;
}
.site-main #postbody .cntform .visitSateiButton dt, .site-main #postbody .cntform .visitSateiButton dd {
  margin-top: 0;
}
.site-main #postbody .cntform .acceptance {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.site-main #postbody .subbtn {
  position: relative;
}
.site-main #postbody .subbtn input[type=submit] {
  display: block;
  background: linear-gradient(#FDF799, #FAEC00);
  color: #B11B22;
  border: 4px solid;
  border-color: #E10018;
  font-weight: bold;
  line-height: 2em;
  text-align: center;
  position: relative;
  cursor: pointer;
  border-radius: 6px;
}
.site-main #postbody .subbtn input[type=submit]:hover {
  background: linear-gradient(#EA4C5D, #E10018);
  color: #fff;
}
.site-main #postbody .subbtn input[type=submit]:disabled {
  background: #ccc;
  color: #999;
  border-color: #999;
}
.site-main #postbody .subbtn .ajax-loader {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}
.site-main #postbody .urawazalist li {
  background-color: #FFF;
  border: 3px solid;
  border-color: #E10018;
  border-radius: 6px;
  position: relative;
  text-align: center;
  font-weight: bold;
}
.site-main #postbody .urawazalist li .stepicon {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.site-main #postbody .urawazalist li .urawazaimg {
  margin: 0 auto;
  display: block;
}
.site-main #postbody .imgtxtbox .left {
  position: relative;
}
.site-main #postbody .imgtxtbox .left .mameicon {
  position: absolute;
}
.site-main #postbody .imgtxtbox .left img {
  width: 100%;
}
.site-main #postbody .imgtxtbox .right p {
  font-weight: bold;
}
.site-main #postbody .reverse {
  flex-direction: row-reverse !important;
}
.site-main #postbody .yunyusha a {
  border-radius: 20px;
  display: block;
  font-weight: bold;
  border: 3px solid;
  border-color: #FAEC00;
  background: linear-gradient(#EA4C5D, #E10018);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.site-main #postbody .yunyusha a img {
  display: block;
}
.site-main #postbody .yunyusha a p {
  color: #FAEC00;
  margin-bottom: 0;
}
.site-main #postbody .yunyusha a p span {
  display: block;
  color: #fff;
  line-height: 1.8em;
}
.site-main #postbody .yunyusha a:after {
  position: absolute;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  margin-left: 10px;
  font-weight: 900;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
.site-main #postbody .kyokalist {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0;
}
.site-main #postbody .kyokalist li {
  font-weight: bold;
  border: 3px solid;
  border-color: #E10018;
  border-radius: 6px;
  background-color: #FFF;
  text-align: center;
  margin-top: 0;
}
.site-main #postbody .kyokalist li a {
  position: relative;
  display: block;
  height: 100%;
}
.site-main #postbody .kyokalist li a .kyokaimg {
  display: block;
  margin: 0 auto;
}
.site-main #postbody .kyokalist li a:after {
  position: absolute;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  margin-left: 10px;
  font-weight: 900;
  left: 0;
  right: 0;
  bottom: 0;
}
.site-main #postbody .carlist {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.site-main #postbody .carlist li {
  list-style: disc;
}
.site-main #postbody .taiolist {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0;
}
.site-main #postbody .taiolist li {
  list-style: disc;
}
.site-main #postbody .faq {
  background-color: #FFF;
  border-radius: 15px;
  border: 3px solid;
  border-color: #E10018;
  font-weight: bold;
}
.site-main #postbody .faq dt {
  color: #B11B22;
  position: relative;
}
.site-main #postbody .faq dt:before {
  content: "";
  background: url(../img/page/iconq.png) no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
}
.site-main #postbody .faq dd {
  border-top: 3px solid;
  border-color: #E10018;
  position: relative;
}
.site-main #postbody .faq dd ul li strong {
  color: #1A5AA1;
  display: block;
}
.site-main #postbody .faq dd ul li span {
  color: #1A5AA1;
}
.site-main #postbody .faq dd p {
  margin-bottom: 0;
}
.site-main #postbody .faq dd:before {
  content: "";
  background: url(../img/page/icona.png) no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
}
.site-main #postbody .accessbtn {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-left: 0;
}
.site-main #postbody .accessbtn li {
  width: 49%;
  margin-top: 0;
}
.site-main #postbody .accessbtn li a {
  display: block;
  color: #E10018;
  background: linear-gradient(#FDF799, #FAEC00);
  border: 3px solid;
  border-color: #E10018;
  border-radius: 6px;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 2px 5px #ccc;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.site-main #postbody .accessbtn li a .subtxt, .site-main #postbody .accessbtn li a .maintxt, .site-main #postbody .accessbtn li a small {
  display: block;
  width: 100%;
}
.site-main #postbody .accessbtn li a:after {
  content: "\f13a";
  font-family: "Font Awesome 5 Free";
  margin-left: 10px;
  font-weight: 900;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 35px;
  height: 1em;
  line-height: 1em;
}
.site-main #postbody .tenpoinfo dt {
  font-weight: bold;
}
.site-main #postbody iframe {
  width: 100%;
}
.site-main #postbody #kojoslide {
  margin: 0;
}
.site-main #postbody #kojoslide .slick-list {
  overflow: visible;
}
.site-main #postbody #kojoslide .slick-dots {
  margin: 0;
}
.site-main #postbody #kojoslide .slick-slide {
  margin-top: 0;
  transition: 0.3s ease;
  transform: scale(0.85);
}
.site-main #postbody #kojoslide .slick-current {
  transform: scale(1);
}
.site-main #postbody .shakenSlide {
  margin: 0;
}
.site-main #postbody .shakenSlide li img {
  margin: 0;
}
.site-main #postbody .accessFctorySlide {
  margin-left: 0;
}
.site-main #postbody .accessFctorySlide .kojomv {
  margin: 0;
}
.site-main #postbody .imgttl {
  position: relative;
  background: none;
  text-align: center;
}
.site-main #postbody .imgttl img {
  display: block;
  margin: 0 auto;
  position: relative;
}
.site-main #postbody .imgttl:before {
  content: "";
  width: 100%;
  background: linear-gradient(#FDF799, #FAEC00);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.site-main #postbody .partsli {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: 0;
}
.site-main #postbody .partsli li {
  line-height: 0;
}
.site-main #postbody .partsli li img {
  width: 100%;
  border-radius: 6px;
  border: 3px solid;
  border-color: #E10018;
}
.site-main #postbody .partscustomer {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: 0;
}
.site-main #postbody .partscustomer li {
  background: linear-gradient(#FDF799, #FAEC00);
  border-radius: 6px;
  color: #B11B22;
  text-align: center;
  font-weight: bold;
}
.site-main #postbody .partscustomer li img {
  display: block;
}
.site-main #postbody .btli {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: 0;
}
.site-main #postbody .btli li {
  line-height: 0;
}
.site-main #postbody .btli li img {
  width: 100%;
  border-radius: 6px;
  border: 3px solid;
  border-color: #E10018;
}
.site-main #postbody .singledate {
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  color: #E10018;
}
.site-main #postbody .singledate:before, .site-main #postbody .singledate:after {
  border-top: 3px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
  border-color: #E10018;
  border-top: 1px solid;
}
.site-main #postbody .singledate:before {
  margin-right: 0.5em;
}
.site-main #postbody .singledate:after {
  margin-left: 0.5em;
}
.site-main #postbody .post-navigation {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.site-main #postbody .post-navigation .next, .site-main #postbody .post-navigation .prev {
  display: block;
  line-height: 1em;
  letter-spacing: 1px;
  background-color: #FAEC00;
  color: #E10018;
  border-radius: 4px;
  text-align: center;
  position: relative;
}
.site-main #postbody .post-navigation .next:after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 15px;
}
.site-main #postbody .post-navigation .prev:before {
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  margin-left: 10px;
  font-weight: 900;
  position: absolute;
  left: 15px;
}
.site-main #postbody .resultpostwrap {
  margin: 0 auto;
  position: relative;
}
.site-main #postbody .resultpostwrap .resultpostimg img {
  width: 100%;
}
.site-main #postbody .resultpostwrap .kaitorigaku-img {
  position: absolute;
}
.site-main #postbody dl.postresultinfo {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.site-main #postbody dl.postresultinfo dt {
  border: 1px solid;
  border-color: #B11B22;
  color: #B11B22;
  text-align: center;
}
.site-main #postbody dl.postresultinfo dd {
  color: #333;
  font-weight: bold;
}
.site-main #postbody .kaitorikakaku {
  color: #E10018;
  text-align: center;
  margin: 0 auto;
  display: block;
  background: linear-gradient(rgba(250, 236, 0, 0) 50%, rgb(250, 236, 0) 50%);
  font-weight: bold;
  line-height: 1.2em;
}
.site-main #postbody .pastwrap p {
  text-align: center;
  margin-bottom: 0;
  font-weight: bold;
}
.site-main #postbody .pastwrap p strong {
  color: #333;
}
.site-main #postbody .tablepress {
  border-collapse: collapse;
}
.site-main #postbody .tablepress .column-1 {
  border: 1px solid;
  color: #B11B22;
  font-weight: bold;
  text-align: center;
}
.site-main #postbody .tablepress .column-2 {
  border: 1px solid;
  border-color: #E10018;
  font-weight: bold;
}
.site-main #postbody #newsarcwrap, .site-main #postbody #blogarcwrap {
  margin: 0;
}
.site-main #postbody #newsarcwrap li:first-child, .site-main #postbody #blogarcwrap li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.site-main #postbody #resultarcwrap {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0;
}
.site-main #postbody #resultarcwrap li {
  background-color: #FFF;
  border-radius: 6px;
  box-shadow: 0 2px 3px #ccc;
}
.site-main #postbody #resultarcwrap li img {
  width: 100%;
  border-radius: 6px 6px 0 0;
}
.site-main #postbody #resultarcwrap li p {
  line-height: 1.5em;
  margin: 0;
}
.site-main #postbody .wp-pagenavi {
  text-align: center;
}
.site-main #postbody .wp-pagenavi a, .site-main #postbody .wp-pagenavi span.pages {
  background-color: #E10018;
  border-radius: 4px;
  color: #fff;
  border: none;
  border: none;
}
.site-main #postbody .wp-pagenavi a:hover {
  background-color: #FAEC00;
  color: #B11B22;
}
.site-main #postbody .wp-pagenavi span {
  border: none;
  color: #E10018;
}

@media only screen and (max-width:820px) {
  .breadcrumbs .inner {
    padding: 1.5% 0;
    width: 90%;
    margin: 0 auto;
  }
  .breadcrumbs ul {
    line-height: 1.5em;
    padding-left: 28%;
  }
  .breadcrumbs ul li {
    font-size: 0.6em;
  }
  .site-main {
    width: 100%;
    margin: 0 auto;
  }
  .site-main #posthead {
    padding: 12% 0 15%;
  }
  .site-main #postbody .inner {
    width: 90%;
    padding: 15% 0;
    margin: 0 auto;
  }
  .site-main #postbody h1 {
    font-size: 5vw;
    padding: 3% 0;
    margin-bottom: 5%;
  }
  .site-main #postbody h1.postttl {
    padding-left: 8%;
    padding-right: 8%;
  }
  .site-main #postbody h1.horizonttl, .site-main #postbody h2.horizonttl {
    padding-top: 27%;
    width: 80%;
    font-size: 5.5vw;
  }
  .site-main #postbody .stepicon {
    width: 28%;
    top: 0;
    max-width: 150px;
  }
  .site-main #postbody h2.kyokattl .kyokaicon {
    width: 20%;
    margin-right: 3%;
  }
  .site-main #postbody h2 {
    font-size: 5vw;
    padding: 3% 0;
    margin-bottom: 5%;
  }
  .site-main #postbody h3 {
    font-size: 4.5vw;
    padding: 5px 10px;
    margin-bottom: 5%;
  }
  .site-main #postbody h4 {
    font-size: 4.5vw;
    padding: 5px 0;
    margin-bottom: 5%;
  }
  .site-main #postbody h5 {
    font-size: 4vw;
    padding: 5px 0;
    margin-bottom: 5%;
  }
  .site-main #postbody h6 {
    font-size: 4vw;
    padding: 5px 0;
    margin-bottom: 5%;
  }
  .site-main #postbody p {
    font-size: 3.8vw;
    margin-bottom: 5%;
  }
  .site-main #postbody ul {
    margin-left: 1.5em;
    margin-bottom: 5%;
  }
  .site-main #postbody ul li {
    font-size: 3.8vw;
  }
  .site-main #postbody ol {
    margin-left: 1.5em;
    margin-bottom: 5%;
  }
  .site-main #postbody ol li {
    font-size: 3.8vw;
  }
  .site-main #postbody dl dt {
    font-size: 3.8vw;
  }
  .site-main #postbody dl dd {
    font-size: 3.8vw;
  }
  .site-main #postbody table th, .site-main #postbody table td {
    font-size: 3.8vw;
  }
  .site-main #postbody .note {
    font-size: 3vw;
  }
  .site-main #postbody .post-navigation {
    width: 100%;
    margin-top: 20px;
  }
  .site-main #postbody .post-navigation .next, .site-main #postbody .post-navigation .prev {
    width: 30%;
  }
  .site-main #postbody .post-navigation .next a, .site-main #postbody .post-navigation .prev a {
    font-size: 0.8em;
    line-height: 2.5em;
  }
  .site-main #postbody .whtbg {
    border-top: 5px solid;
    border-bottom: 5px solid;
    border-color: #E10018;
  }
  .site-main #postbody .bigtxt {
    font-size: 4.3vw;
  }
  .site-main #postbody .fukidashi {
    width: 100%;
    margin: 0 auto;
    padding: 2.5% 0;
    font-size: 5vw;
    line-height: 1.5em;
    letter-spacing: 1px;
    margin-bottom: 7%;
    border: 4px solid;
  }
  .site-main #postbody .fukidashi:after {
    border-width: 15px 10px 0 10px;
    bottom: -15px;
  }
  .site-main #postbody .sateiflow {
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin-top: 15%;
  }
  .site-main #postbody .sateiflow li:first-child {
    margin-left: 0;
  }
  .site-main #postbody .sateiflow li {
    padding: 11% 0 4% 0;
    width: 30%;
    margin-left: 3.33%;
    font-size: 4.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid;
  }
  .site-main #postbody .sateiflow li img {
    min-width: 65px;
    top: -35px;
    max-width: 150px;
    width: 50%;
  }
  .site-main #postbody .sateiflow li:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: 0;
    bottom: 0;
    left: -12%;
    margin: auto;
    height: 1em;
    font-size: 4vw;
  }
  .site-main #postbody .col2 .colin {
    width: 100%;
  }
  .site-main #postbody .sateiflowbox .left {
    width: 55%;
    margin: 0 auto;
  }
  .site-main #postbody .sateiflowbox .right {
    width: 90%;
    margin: 0 auto;
  }
  .site-main #postbody .ttltxt {
    font-size: 5vw;
    line-height: 1.5em;
    text-align: center;
  }
  .site-main #postbody .ylwbox dt {
    padding: 8% 0;
    font-size: 4vw;
    width: 25%;
  }
  .site-main #postbody .ylwbox dd {
    padding: 8% 0 8% 5%;
    width: 75%;
  }
  .site-main #postbody .ylwbox dd ul {
    margin-left: 8%;
  }
  .site-main #postbody .ylwbox dd ul li {
    font-size: 3.8vw;
    margin-top: 3%;
  }
  .site-main #postbody .ylwbox dd ul li small {
    font-size: 3vw;
    line-height: 1.5em;
    display: inline-block;
    padding-right: 10%;
  }
  .site-main #postbody .telbox {
    padding: 2% 0;
    font-size: 4vw;
  }
  .site-main #postbody .telbox dt {
    width: 35%;
  }
  .site-main #postbody .telbox dd {
    font-size: 5vw;
    width: 65%;
  }
  .site-main #postbody .telbox dd img {
    width: 12%;
    margin-right: 3%;
    vertical-align: middle;
  }
  .site-main #postbody .cntform dt {
    width: 100%;
    margin-top: 8%;
    background-color: #fed8dc;
    padding: 2.5% 5%;
    border-radius: 6px;
  }
  .site-main #postbody .cntform dt .s-red {
    margin-left: 3%;
    font-weight: normal;
    font-size: 3vw;
    padding: 0.5% 5%;
  }
  .site-main #postbody .cntform dd {
    width: 100%;
    margin-top: 5%;
  }
  .site-main #postbody .cntform dd input[type=text], .site-main #postbody .cntform dd input[type=email], .site-main #postbody .cntform dd textarea {
    width: 100%;
    padding: 3% 5%;
  }
  .site-main #postbody .cntform dd .wpcf7-not-valid-tip {
    font-size: 10px;
    top: -25px;
  }
  .site-main #postbody .cntform dd .wpcf7-not-valid-tip:after {
    border-width: 10px 5px 0 5px;
    bottom: -10px;
  }
  .site-main #postbody .cntform .visitSateiButton {
    padding: 2.5% 5%;
    margin-top: 8%;
  }
  .site-main #postbody .cntform .visitSateiButton dt {
    background: none;
    padding: 0;
  }
  .site-main #postbody .cntform .visitSateiButton dd {
    margin-top: 2.5%;
    padding: 0;
  }
  .site-main #postbody .cntform .visitSateiButton dd .wpcf7-list-item.first {
    margin-left: 0;
  }
  .site-main #postbody .cntform .year input[type=text], .site-main #postbody .cntform .soko input[type=text] {
    width: 60%;
  }
  .site-main #postbody .cntform .acceptance {
    padding: 5% 0 0;
    width: 100%;
    margin: 0 auto;
    font-size: 3.5vw;
  }
  .site-main #postbody .cntform .acceptance .wpcf7-form-control-wrap {
    line-height: 0;
    width: 20%;
  }
  .site-main #postbody .cntform .acceptance .wpcf7-form-control-wrap input[type=checkbox] {
    transform: scale(3);
  }
  .site-main #postbody .cntform .acceptance .note {
    text-align: left;
  }
  .site-main #postbody .subbtn input[type=submit] {
    width: 65%;
    margin: 8% auto 0;
    padding: 5% 0;
    font-size: 4.5vw;
  }
  .site-main #postbody .wpcf7-response-output {
    width: 90%;
    margin: 0 auto 10%;
    text-align: center;
  }
  .site-main #postbody .urawazalist {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    margin: 13% 0 0;
  }
  .site-main #postbody .urawazalist li:nth-child(2n+1) {
    margin-left: 0;
  }
  .site-main #postbody .urawazalist li:nth-child(2) {
    margin-top: 0;
  }
  .site-main #postbody .urawazalist li {
    width: 49%;
    margin-top: 10%;
    margin-left: 2%;
    padding: 10% 0 5%;
  }
  .site-main #postbody .urawazalist li .stepicon {
    top: -13%;
    width: 32%;
  }
  .site-main #postbody .urawazalist li .urawazaimg {
    width: 65%;
    margin-bottom: 5%;
  }
  .site-main #postbody .imgtxtbox {
    width: 90%;
    margin: 0 auto;
  }
  .site-main #postbody .imgtxtbox .left {
    width: 100%;
  }
  .site-main #postbody .imgtxtbox .left .mameicon {
    width: 30%;
    left: -6%;
    top: -12%;
  }
  .site-main #postbody .imgtxtbox .left img {
    width: 100%;
  }
  .site-main #postbody .imgtxtbox .right {
    width: 100%;
  }
  .site-main #postbody .yunyusha a {
    padding: 5% 5% 8%;
    margin: 0 0 2%;
  }
  .site-main #postbody .yunyusha a img {
    width: 20%;
  }
  .site-main #postbody .yunyusha a p {
    width: 80%;
    margin-left: 0;
    font-size: 5vw;
  }
  .site-main #postbody .yunyusha a p span {
    font-size: 2.8vw;
  }
  .site-main #postbody .yunyusha a:after {
    font-size: 5vw;
    bottom: 4%;
  }
  .site-main #postbody .kyokalist li:nth-child(3n+1) {
    margin-left: 0;
  }
  .site-main #postbody .kyokalist li:nth-child(1), .site-main #postbody .kyokalist li:nth-child(2), .site-main #postbody .kyokalist li:nth-child(3) {
    margin-top: 0;
  }
  .site-main #postbody .kyokalist li {
    margin-left: 2%;
    width: 31%;
    margin-top: 2.5%;
    font-size: 2.5vw;
    line-height: 1.5em;
  }
  .site-main #postbody .kyokalist li a {
    padding: 5% 0 10%;
    font-size: 2.5vw;
    line-height: 1.5em;
  }
  .site-main #postbody .kyokalist li a .kyokaimg {
    width: 60%;
    margin-bottom: 2%;
  }
  .site-main #postbody .carlist {
    margin: 0 auto;
    width: 95%;
  }
  .site-main #postbody .carlist li:nth-child(2n+1) {
    margin-left: 0;
  }
  .site-main #postbody .carlist li {
    width: 47%;
    margin-left: 6%;
    font-size: 4vw;
    list-style: none;
  }
  .site-main #postbody .carlist li strong {
    display: block;
    font-size: 3.5vw;
  }
  .site-main #postbody .taiolist {
    margin-top: 8%;
    width: 100%;
    margin-top: 8% auto 0;
  }
  .site-main #postbody .taiolist li:first-child {
    margin-top: 2.5%;
  }
  .site-main #postbody .taiolist li {
    width: 40%;
    margin-left: 10%;
    margin-top: 2.5%;
  }
  .site-main #postbody .faq {
    padding: 8% 5%;
    margin-top: 10%;
  }
  .site-main #postbody .faq dt {
    font-size: 3.8vw;
    padding: 0 0 9% 65px;
  }
  .site-main #postbody .faq dt:before {
    width: 60px;
    height: 60px;
    left: -5px;
    top: -16px;
  }
  .site-main #postbody .faq dd {
    font-size: 3.8vw;
    padding: 8% 0 2% 65px;
    line-height: 2em;
  }
  .site-main #postbody .faq dd ul {
    margin-bottom: 0;
    margin-top: 5%;
  }
  .site-main #postbody .faq dd ul li {
    list-style: disc;
    margin-top: 5%;
    font-size: 3.3vw;
    line-height: 1.8em;
  }
  .site-main #postbody .faq dd ul li strong {
    font-size: 3.8vw;
  }
  .site-main #postbody .faq dd ul li span {
    font-size: 3.8vw;
  }
  .site-main #postbody .faq dd .note {
    margin-top: 5%;
  }
  .site-main #postbody .faq dd:before {
    width: 60px;
    height: 60px;
    left: -7px;
    top: 10%;
  }
  .site-main #postbody .accessbtn {
    margin-bottom: 10%;
  }
  .site-main #postbody .accessbtn li a {
    font-size: 5vw;
    padding: 3% 0 5% 0;
    line-height: 1.3em;
  }
  .site-main #postbody .accessbtn li a .subtxt {
    font-size: 3.5vw;
  }
  .site-main #postbody .accessbtn li a small {
    font-size: 3vw;
    line-height: 1.2em;
  }
  .site-main #postbody .accessbtn li a:after {
    height: 1em;
    font-size: 4vw;
    right: 7%;
  }
  .site-main #postbody .tenpoinfo dt {
    width: 100%;
    background-color: #FAEC00;
    text-align: center;
    margin-top: 5%;
    padding: 2.5% 0;
    font-size: 4vw;
  }
  .site-main #postbody .tenpoinfo dd {
    width: 100%;
    margin-top: 5%;
    text-align: center;
    font-size: 4vw;
  }
  .site-main #postbody .kojoinfowrap dt {
    background-color: #E10018;
    color: #fff;
  }
  .site-main #postbody .kojoinfowrap img {
    margin-top: 5%;
  }
  .site-main #postbody .tenpoinfowrap, .site-main #postbody .kojoinfowrap {
    margin-bottom: 30px;
  }
  .site-main #postbody .kojomv {
    margin-bottom: 30px;
  }
  .site-main #postbody #setsubislide {
    margin-left: 0;
  }
  .site-main #postbody #setsubislide .slick-dots {
    bottom: -17%;
  }
  .site-main #postbody #setsubislide .slick-slide {
    margin-top: 10px;
  }
  .site-main #postbody .imgttl {
    margin-top: -5%;
  }
  .site-main #postbody .imgttl img {
    width: 90%;
  }
  .site-main #postbody .imgttl:before {
    height: 50%;
  }
  .site-main #postbody .partsli li:nth-child(2n+1) {
    margin-left: 0;
  }
  .site-main #postbody .partsli li:first-child {
    margin-top: 2%;
  }
  .site-main #postbody .partsli li {
    width: 49%;
    margin-left: 2%;
    margin-top: 2%;
  }
  .site-main #postbody .partscustomer li:nth-child(2n+1) {
    margin-left: 0;
  }
  .site-main #postbody .partscustomer li:first-child {
    margin-top: 2%;
  }
  .site-main #postbody .partscustomer li {
    width: 49%;
    margin-left: 2%;
    margin-top: 2%;
    padding: 5% 2%;
    font-size: 3.5vw;
  }
  .site-main #postbody .partscustomer li img {
    width: 80%;
    margin: 0 auto 5%;
  }
  .site-main #postbody .btli li:nth-child(2n+1) {
    margin-left: 0;
  }
  .site-main #postbody .btli li:first-child {
    margin-top: 2%;
  }
  .site-main #postbody .btli li {
    width: 49%;
    margin-left: 2%;
    margin-top: 2%;
  }
  .site-main #postbody .singledate {
    width: 60%;
    margin: 0 auto 5%;
    font-size: 3.5vw;
  }
  .site-main #postbody .post-navigation {
    width: 100%;
    margin-top: 10%;
    margin-bottom: 0%;
  }
  .site-main #postbody .post-navigation .next, .site-main #postbody .post-navigation .prev {
    width: 35%;
    padding: 3% 0;
    font-size: 3.5vw;
  }
  .site-main #postbody dl.postresultinfo dt {
    width: 26%;
    margin-top: 2.5%;
    font-size: 3vw;
  }
  .site-main #postbody dl.postresultinfo dd {
    width: 70%;
    margin-top: 2.5%;
    font-size: 3.5vw;
  }
  .site-main #postbody .resultpostwrap {
    width: 100%;
  }
  .site-main #postbody .resultpostwrap .resultpostimg {
    margin-top: 10%;
  }
  .site-main #postbody .resultpostwrap .kaitorigaku-img {
    width: 120px;
    top: -30px;
    right: -20px;
  }
  .site-main #postbody dl.postresultinfo {
    margin-bottom: 12%;
    margin-top: 5%;
  }
  .site-main #postbody dl.postresultinfo dt {
    width: 40%;
    margin-top: 2.5%;
    font-size: 4vw;
  }
  .site-main #postbody dl.postresultinfo dd {
    width: 55%;
    margin-top: 2.5%;
    font-size: 4vw;
  }
  .site-main #postbody .kaitorikakaku {
    width: 90%;
    font-size: 11vw;
    margin-bottom: 12%;
  }
  .site-main #postbody .kaitorikakaku span {
    font-size: 7vw;
  }
  .site-main #postbody .pastwrap {
    margin-bottom: 5%;
    font-size: 4.5vw;
  }
  .site-main #postbody .tablepress {
    margin: 5% 0;
  }
  .site-main #postbody .tablepress .column-1 {
    width: 40%;
  }
  .site-main #postbody .tablepress .column-2 {
    width: 60%;
  }
  .site-main #postbody #newsarcwrap, .site-main #postbody #blogarcwrap {
    width: 90%;
    margin: 0 auto;
  }
  .site-main #postbody #newsarcwrap li, .site-main #postbody #blogarcwrap li {
    margin-top: 5%;
    padding-top: 5%;
    border-top: 1px dotted;
    border-color: #E10018;
  }
  .site-main #postbody #newsarcwrap li a, .site-main #postbody #blogarcwrap li a {
    font-size: 3.5vw;
  }
  .site-main #postbody #newsarcwrap li a .postdate, .site-main #postbody #blogarcwrap li a .postdate {
    display: block;
    width: 100%;
    font-size: 3vw;
  }
  .site-main #postbody #resultarcwrap li:nth-child(2n+1) {
    margin-left: 0;
  }
  .site-main #postbody #resultarcwrap li {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 3%;
  }
  .site-main #postbody #resultarcwrap li p {
    font-size: 3vw;
    padding: 2% 5% 5%;
  }
  .site-main #postbody .wp-pagenavi {
    margin-top: 10%;
    margin-bottom: 0%;
  }
  .site-main #postbody .wp-pagenavi a, .site-main #postbody .wp-pagenavi span.pages {
    margin: 0 1%;
    padding: 2% 4%;
    font-size: 4vw;
  }
  .site-main #postbody .wp-pagenavi span {
    margin: 0 1%;
    padding: 2% 3%;
    font-size: 4vw;
  }
}
@media only screen and (min-width:821px) {
  .breadcrumbs .inner {
    min-width: 1000px;
    width: 95%;
    max-width: 1400px;
    margin: 0 auto;
  }
  .breadcrumbs ul li {
    font-size: 10px;
  }
  .site-main {
    width: 100%;
    margin: 0 auto;
  }
  .site-main #posthead {
    padding: 90px 0 80px;
  }
  .site-main #postbody .inner {
    min-width: 860px;
    width: 80%;
    max-width: 1000px;
    padding: 100px 0;
  }
  .site-main #postbody h1 {
    font-size: 32px;
    padding: 15px 10px;
    margin-bottom: 25px;
  }
  .site-main #postbody h2 {
    font-size: 32px;
    padding: 15px 10px;
    margin-bottom: 25px;
  }
  .site-main #postbody h1.horizonttl, .site-main #postbody h2.horizonttl {
    padding-top: 110px;
    width: 70%;
  }
  .site-main #postbody h3.horizonttl {
    width: 70%;
  }
  .site-main #postbody .stepicon {
    width: 80px;
    top: 0;
  }
  .site-main #postbody h2.kyokattl .kyokaicon {
    width: 100px;
    margin-right: 20px;
  }
  .site-main #postbody h3 {
    font-size: 30px;
    padding: 5px 10px;
    margin-bottom: 25px;
  }
  .site-main #postbody h4 {
    font-size: 28px;
    padding: 5px 0;
    margin-bottom: 25px;
  }
  .site-main #postbody h5 {
    font-size: 26px;
    padding: 5px 0;
    margin-bottom: 15px;
  }
  .site-main #postbody h6 {
    font-size: 26px;
    padding: 5px 0;
    margin-bottom: 15px;
  }
  .site-main #postbody p {
    font-size: 20px;
    margin-bottom: 25px;
  }
  .site-main #postbody ul {
    margin-left: 1.5em;
    margin-bottom: 25px;
  }
  .site-main #postbody ul li {
    font-size: 20px;
    margin-top: 8px;
  }
  .site-main #postbody ol {
    margin-left: 1.5em;
    margin-bottom: 25px;
  }
  .site-main #postbody ol li {
    font-size: 20px;
    margin-top: 8px;
  }
  .site-main #postbody dl dt {
    font-size: 20px;
  }
  .site-main #postbody dl dd {
    font-size: 20px;
  }
  .site-main #postbody table th, .site-main #postbody table td {
    font-size: 20px;
  }
  .site-main #postbody .note {
    font-size: 14px;
  }
  .site-main #postbody .post-navigation {
    width: 100%;
    margin-top: 20px;
  }
  .site-main #postbody .post-navigation .next, .site-main #postbody .post-navigation .prev {
    width: 30%;
  }
  .site-main #postbody .post-navigation .next a, .site-main #postbody .post-navigation .prev a {
    font-size: 20px;
    line-height: 2.5em;
  }
  .site-main #postbody .whtbg {
    border-top: 5px solid;
    border-bottom: 5px solid;
    border-color: #E10018;
  }
  .site-main #postbody .bigtxt {
    font-size: 26px;
  }
  .site-main #postbody .fukidashi {
    width: 700px;
    margin: 0 auto;
    padding: 15px 0;
    font-size: 32px;
    line-height: 1.5em;
    letter-spacing: 2px;
    margin-bottom: 50px;
  }
  .site-main #postbody .fukidashi:after {
    border-width: 30px 25px 0 25px;
    bottom: -30px;
  }
  .site-main #postbody .sateiflow {
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin-top: 90px;
  }
  .site-main #postbody .sateiflow li:first-child {
    margin-left: 0;
  }
  .site-main #postbody .sateiflow li {
    padding: 80px 0 35px 0;
    width: 29%;
    margin-left: 5%;
    font-size: 26px;
  }
  .site-main #postbody .sateiflow li img {
    width: 96px;
    top: -45px;
  }
  .site-main #postbody .sateiflow li:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: 0;
    bottom: 0;
    left: -13%;
    margin: auto;
    height: 1em;
  }
  .site-main #postbody .col2 {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .site-main #postbody .col2 .colin {
    width: 49%;
  }
  .site-main #postbody .sateiflowbox {
    align-items: center;
  }
  .site-main #postbody .sateiflowbox .left {
    width: 40%;
  }
  .site-main #postbody .sateiflowbox .right {
    width: 57%;
  }
  .site-main #postbody .ttltxt {
    font-size: 30px;
    line-height: 1.5em;
  }
  .site-main #postbody .ylwbox dt {
    padding: 20px 0;
    font-size: 22px;
  }
  .site-main #postbody .ylwbox dd {
    padding: 20px 0 20px 20px;
  }
  .site-main #postbody .ylwbox dd ul li {
    font-size: 18px;
  }
  .site-main #postbody .ylwbox dd ul li small {
    font-size: 14px;
  }
  .site-main #postbody .telbox {
    padding: 10px 0;
    font-size: 22px;
  }
  .site-main #postbody .telbox dt {
    width: 40%;
  }
  .site-main #postbody .telbox dd {
    font-size: 30px;
    width: 60%;
  }
  .site-main #postbody .telbox dd img {
    width: 35px;
    margin-right: 10px;
  }
  .site-main #postbody .cntform {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 22px;
    width: 85%;
    margin: 0 auto;
  }
  .site-main #postbody .cntform dt {
    width: 30%;
    margin-top: 35px;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .site-main #postbody .cntform dt .s-red {
    margin-left: 15px;
    font-weight: normal;
    font-size: 14px;
    padding: 3px 10px;
    display: flex;
    align-items: center;
    height: 1.5em;
  }
  .site-main #postbody .cntform dd {
    width: 70%;
    margin-top: 35px;
  }
  .site-main #postbody .cntform dd input[type=text], .site-main #postbody .cntform dd input[type=email], .site-main #postbody .cntform dd textarea {
    width: 100%;
    padding: 10px 15px;
  }
  .site-main #postbody .cntform dd .wpcf7-not-valid-tip {
    font-size: 10px;
    top: -25px;
  }
  .site-main #postbody .cntform dd .wpcf7-not-valid-tip:after {
    border-width: 10px 5px 0 5px;
    bottom: -10px;
  }
  .site-main #postbody .cntform .year input[type=text], .site-main #postbody .cntform .soko input[type=text] {
    width: 60%;
  }
  .site-main #postbody .cntform .acceptance {
    padding: 12px 0 0;
    font-size: 15px;
  }
  .site-main #postbody .cntform .acceptance .wpcf7-form-control-wrap {
    line-height: 0;
    width: 60px;
  }
  .site-main #postbody .cntform .acceptance .wpcf7-form-control-wrap input[type=checkbox] {
    transform: scale(3);
  }
  .site-main #postbody .cntform .visitSatei {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
  .site-main #postbody .subbtn input[type=submit] {
    width: 40%;
    margin: 60px auto 0;
    padding: 10px 0;
    font-size: 24px;
  }
  .site-main #postbody .wpcf7-response-output {
    width: 800px;
    margin: 0 auto 50px;
    text-align: center;
  }
  .site-main #postbody .urawazalist {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    margin: 75px 0 0;
  }
  .site-main #postbody .urawazalist li:nth-child(3n+1) {
    margin-left: 0;
  }
  .site-main #postbody .urawazalist li:nth-child(4), .site-main #postbody .urawazalist li:nth-child(5) {
    margin-top: 60px;
  }
  .site-main #postbody .urawazalist li {
    width: 32%;
    margin-top: 0;
    margin-left: 2%;
    padding: 40px 0 15px;
  }
  .site-main #postbody .urawazalist li .stepicon {
    top: -40px;
    width: 80px;
  }
  .site-main #postbody .urawazalist li .urawazaimg {
    width: 65%;
    margin-bottom: 10px;
  }
  .site-main #postbody .imgtxtbox {
    width: 100%;
    margin: 0 auto;
  }
  .site-main #postbody .imgtxtbox .left {
    position: relative;
    width: 40%;
  }
  .site-main #postbody .imgtxtbox .left .mameicon {
    width: 120px;
    left: -35px;
    top: -30px;
  }
  .site-main #postbody .imgtxtbox .left img {
    width: 100%;
  }
  .site-main #postbody .imgtxtbox .right {
    width: 56%;
  }
  .site-main #postbody .imgtxtbox.reverse .left .mameicon {
    left: auto;
    right: -35px;
  }
  .site-main #postbody .yunyusha a {
    padding: 25px 50px 35px;
    margin: 0 10px 25px;
  }
  .site-main #postbody .yunyusha a img {
    width: 30%;
  }
  .site-main #postbody .yunyusha a p {
    width: 70%;
    margin-left: 0;
    font-size: 32px;
  }
  .site-main #postbody .yunyusha a p span {
    font-size: 20px;
  }
  .site-main #postbody .yunyusha a:after {
    font-size: 30px;
    bottom: 15px;
  }
  .site-main #postbody .kyokalist li:nth-child(4n+1) {
    margin-left: 0;
  }
  .site-main #postbody .kyokalist li:nth-child(5), .site-main #postbody .kyokalist li:nth-child(6), .site-main #postbody .kyokalist li:nth-child(7), .site-main #postbody .kyokalist li:nth-child(8) {
    margin-top: 25px;
  }
  .site-main #postbody .kyokalist li {
    margin-left: 2%;
    width: 23%;
  }
  .site-main #postbody .kyokalist li a {
    padding: 10px 0 40px;
  }
  .site-main #postbody .kyokalist li a .kyokaimg {
    width: 60%;
    margin-bottom: 7px;
  }
  .site-main #postbody .carlist {
    margin: 0 auto;
    width: 70%;
  }
  .site-main #postbody .carlist li:first-child {
    margin-top: 8px;
  }
  .site-main #postbody .carlist li {
    width: 45%;
    margin-left: 5%;
  }
  .site-main #postbody .carlist li strong {
    margin-right: 15px;
  }
  .site-main #postbody .taiolist {
    margin-top: 35px;
  }
  .site-main #postbody .taiolist li:nth-child(3n+1) {
    margin-left: 0;
  }
  .site-main #postbody .taiolist li {
    width: 31%;
    margin-left: 2%;
  }
  .site-main #postbody .faq {
    padding: 40px 40px;
    margin-top: 50px;
  }
  .site-main #postbody .faq dt {
    font-size: 22px;
    padding: 0 0 30px 110px;
  }
  .site-main #postbody .faq dt:before {
    width: 100px;
    height: 100px;
    left: -5px;
    top: -33px;
  }
  .site-main #postbody .faq dd {
    font-size: 20px;
    padding: 40px 0px 0 110px;
    line-height: 2em;
  }
  .site-main #postbody .faq dd ul {
    margin-bottom: 0;
    margin-top: 20px;
  }
  .site-main #postbody .faq dd ul li {
    list-style: disc;
    margin-top: 10px;
  }
  .site-main #postbody .faq dd .note {
    margin-top: 15px;
  }
  .site-main #postbody .faq dd:before {
    width: 110px;
    height: 110px;
    left: -20px;
    top: 30px;
  }
  .site-main #postbody .accessbtn {
    margin-bottom: 50px;
  }
  .site-main #postbody .accessbtn li a {
    font-size: 32px;
    padding: 10px 0;
    line-height: 1.3em;
  }
  .site-main #postbody .accessbtn li a .subtxt {
    font-size: 20px;
    line-height: 1.2EM;
  }
  .site-main #postbody .accessbtn li a small {
    font-size: 18px;
    line-height: 1.2em;
  }
  .site-main #postbody .accessbtn li a:after {
    height: 1em;
    font-size: 24px;
  }
  .site-main #postbody .tenpoinfo {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .site-main #postbody .tenpoinfo dt:first-child, .site-main #postbody .tenpoinfo dt:first-child + dd {
    margin-top: 0;
  }
  .site-main #postbody .tenpoinfo dt {
    width: 34%;
    background-color: #FAEC00;
    text-align: center;
    margin-top: 15px;
  }
  .site-main #postbody .tenpoinfo dd {
    width: 62%;
    margin-top: 15px;
  }
  .site-main #postbody .kojoinfowrap {
    align-items: center;
  }
  .site-main #postbody .kojoinfowrap dt {
    background-color: #E10018;
    color: #fff;
  }
  .site-main #postbody .tenpoinfowrap, .site-main #postbody .kojoinfowrap {
    margin-bottom: 30px;
  }
  .site-main #postbody .kojomv {
    margin-bottom: 30px;
  }
  .site-main #postbody #kojoslide .slick-dots {
    bottom: -60px;
  }
  .site-main #postbody .imgttl img {
    min-width: 860px;
    width: 80%;
    max-width: 1000px;
  }
  .site-main #postbody .imgttl:before {
    height: 170px;
  }
  .site-main #postbody .partsli li:nth-child(4n+1) {
    margin-left: 0;
  }
  .site-main #postbody .partsli li:first-child {
    margin-top: 1.5%;
  }
  .site-main #postbody .partsli li {
    width: 24%;
    margin-left: 1%;
    margin-top: 1.5%;
  }
  .site-main #postbody .partscustomer li:nth-child(4n+1) {
    margin-left: 0;
  }
  .site-main #postbody .partscustomer li:first-child {
    margin-top: 1.5%;
  }
  .site-main #postbody .partscustomer li {
    width: 24%;
    margin-left: 1%;
    margin-top: 1.5%;
    padding: 15px;
    font-size: 18px;
  }
  .site-main #postbody .partscustomer li img {
    width: 80%;
    margin: 0 auto 10px;
  }
  .site-main #postbody .btli li:nth-child(2n+1) {
    margin-left: 0;
  }
  .site-main #postbody .btli li:first-child {
    margin-top: 4%;
  }
  .site-main #postbody .btli li {
    width: 48%;
    margin-left: 4%;
    margin-top: 4%;
  }
  .site-main #postbody .singledate {
    width: 300px;
    margin: 0 auto 30px;
    font-size: 20px;
  }
  .site-main #postbody .post-navigation {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 0;
  }
  .site-main #postbody .post-navigation .next, .site-main #postbody .post-navigation .prev {
    width: 150px;
    padding: 15px 0;
    font-size: 16px;
  }
  .site-main #postbody .resultpostwrap {
    width: 800px;
  }
  .site-main #postbody .resultpostwrap .resultpostimg {
    margin-top: 60px;
  }
  .site-main #postbody .resultpostwrap .kaitorigaku-img {
    width: 180px;
    top: -50px;
    right: -80px;
  }
  .site-main #postbody dl.postresultinfo {
    margin-bottom: 50px;
    margin-top: 20px;
  }
  .site-main #postbody dl.postresultinfo dt {
    width: 45%;
    margin-top: 15px;
    padding: 8px 0;
  }
  .site-main #postbody dl.postresultinfo dd {
    width: 50%;
    margin-top: 15px;
    padding: 8px 0;
  }
  .site-main #postbody .kaitorikakaku {
    width: 500px;
    font-size: 74px;
    margin-bottom: 50px;
  }
  .site-main #postbody .kaitorikakaku span {
    font-size: 44px;
  }
  .site-main #postbody .pastwrap {
    margin-bottom: 50px;
  }
  .site-main #postbody .pastwrap p {
    font-size: 26px;
  }
  .site-main #postbody .tablepress {
    margin: 50px 0;
  }
  .site-main #postbody .tablepress .column-1 {
    width: 45%;
  }
  .site-main #postbody .tablepress .column-2 {
    width: 55%;
  }
  .site-main #postbody #newsarcwrap, .site-main #postbody #blogarcwrap {
    width: 800px;
    margin: 0 auto;
  }
  .site-main #postbody #newsarcwrap li, .site-main #postbody #blogarcwrap li {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px dotted;
    border-color: #E10018;
    position: relative;
    padding-left: 7em;
  }
  .site-main #postbody #newsarcwrap li a, .site-main #postbody #blogarcwrap li a {
    font-size: 18px;
  }
  .site-main #postbody #newsarcwrap li a .postdate, .site-main #postbody #blogarcwrap li a .postdate {
    display: inline-block;
    margin-right: 25px;
    width: 7em;
    position: absolute;
    left: 0;
  }
  .site-main #postbody #resultarcwrap li:nth-child(3n+1) {
    margin-left: 0;
  }
  .site-main #postbody #resultarcwrap li {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 15px;
  }
  .site-main #postbody #resultarcwrap li p {
    font-size: 16px;
    padding: 10px 10px 15px;
  }
  .site-main #postbody .wp-pagenavi {
    margin-top: 50px;
    margin-bottom: 20px;
  }
  .site-main #postbody .wp-pagenavi a, .site-main #postbody .wp-pagenavi span.pages {
    margin: 0 5px;
    padding: 5px 10px;
    font-size: 26px;
  }
  .site-main #postbody .wp-pagenavi span {
    margin: 0 6px;
    padding: 5px 10px;
    font-size: 26px;
  }
}
@media only screen and (min-width:600px) and ( max-width:820px) {
  .site-main #postbody .faq dt {
    padding: 0 0 9% 120px;
  }
  .site-main #postbody .faq dt:before {
    width: 100px;
    height: 100px;
  }
  .site-main #postbody .faq dd {
    padding: 8% 0 2% 120px;
  }
  .site-main #postbody .faq dd:before {
    width: 100px;
    height: 100px;
  }
}
/*
 * 調整ページ
 */
.site-main #postbody .firstblock .inner {
  padding-top: 0;
}
.site-main #postbody .mb0 {
  margin-bottom: 0;
}
.site-main #postbody .pb0 {
  padding-bottom: 0;
}
.site-main #postbody .morebtn {
  background-color: #E10018;
  color: #fff;
  border-radius: 100px;
  position: relative;
  text-align: center;
  display: block;
  font-weight: bold;
  letter-spacing: 2px;
  margin-left: auto;
  margin-right: auto;
}
.site-main #postbody .morebtn:after {
  position: absolute;
  right: 30px;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.site-main #postbody .morebtn.green {
  background-color: #17BA39;
}
.site-main #posthead.shucchosatei .main-h1 span, .site-main #posthead.shucchosateiform .main-h1 span {
  color: #008825;
}
.site-main #posthead.shucchosatei .main-h1 span:before, .site-main #posthead.shucchosatei .main-h1 span:after, .site-main #posthead.shucchosateiform .main-h1 span:before, .site-main #posthead.shucchosateiform .main-h1 span:after {
  border-color: #008825;
}
.site-main #postbody.shucchosatei .whtbg, .site-main #postbody.shucchosateiform .whtbg {
  border-top: 5px solid;
  border-bottom: 5px solid;
  border-color: #17BA39;
}
.site-main #postbody.shucchosatei h2, .site-main #postbody.shucchosateiform h2 {
  background: linear-gradient(#5DCF74, #17BA39);
}
.site-main #postbody.shucchosatei .fukidashi, .site-main #postbody.shucchosateiform .fukidashi {
  border-color: #17BA39;
  color: #008825;
}
.site-main #postbody.shucchosatei .fukidashi:after, .site-main #postbody.shucchosateiform .fukidashi:after {
  border-color: #17BA39 transparent transparent transparent;
}
.site-main #postbody.shucchosatei .sateiflow li, .site-main #postbody.shucchosateiform .sateiflow li {
  border-color: #17BA39;
  color: #008825;
}
.site-main #postbody.shucchosatei h2.horizonttl, .site-main #postbody.shucchosateiform h2.horizonttl {
  background: none;
  color: #008825;
}
.site-main #postbody.shucchosatei .ttltxt, .site-main #postbody.shucchosateiform .ttltxt {
  color: #008825;
}
.site-main #postbody.shucchosatei .telbox, .site-main #postbody.shucchosateiform .telbox {
  border-color: #17BA39;
}
.site-main #postbody.shucchosatei .telbox dd a, .site-main #postbody.shucchosateiform .telbox dd a {
  color: #008825;
}
.site-main #postbody.shucchosatei .morebtn, .site-main #postbody.shucchosateiform .morebtn {
  background-color: #17BA39;
  width: 100%;
}
.site-main #postbody.shucchosatei .cntform dd input[type=text], .site-main #postbody.shucchosatei .cntform dd input[type=email], .site-main #postbody.shucchosatei .cntform dd textarea, .site-main #postbody.shucchosateiform .cntform dd input[type=text], .site-main #postbody.shucchosateiform .cntform dd input[type=email], .site-main #postbody.shucchosateiform .cntform dd textarea {
  border-color: #17BA39;
}
.site-main #postbody.shucchosatei .cntform .acceptance, .site-main #postbody.shucchosateiform .cntform .acceptance {
  font-size: 15px;
}
.site-main #postbody.netsateiform .basebg.flowarrow, .site-main #postbody.shucchosateiform .basebg.flowarrow {
  position: relative;
}
.site-main #postbody.netsateiform .basebg.flowarrow:before, .site-main #postbody.shucchosateiform .basebg.flowarrow:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #E10018 transparent transparent transparent;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.site-main #postbody.shucchosateiform .basebg.flowarrow:before {
  border-color: #17BA39 transparent transparent transparent;
}
.site-main #postbody.kaitoritaio h2.horizonttl {
  padding-top: 0;
}
.site-main #postbody.kaitoritaio .inner .carname {
  font-size: 3vw;
}
.site-main #postbody.company #tablepress-53 .column-1 {
  vertical-align: middle;
}
.site-main #postbody.company #tablepress-53 .column-2 {
  font-weight: normal;
  line-height: 1.8em;
}
.site-main #postbody.company #tablepress-53 .column-2 strong:first-child {
  margin-top: 0;
}
.site-main #postbody.company #tablepress-53 .column-2 strong {
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  color: #B11B22;
}
.site-main #postbody.company #tablepress-53 .column-2 strong:after {
  border-top: 3px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
  border-top: 1px solid;
  margin-left: 0.5em;
}
.site-main #postbody.access h3 {
  padding: 0;
}

@media only screen and (max-width:820px) {
  .site-main #postbody .fukidashi {
    font-size: 4.5vw;
  }
  .site-main #postbody .morebtn {
    width: 80%;
    padding: 3% 0;
    font-size: 4.5vw;
  }
  .site-main #postbody.netsateiform .basebg.flowarrow:before, .site-main #postbody.shucchosateiform .basebg.flowarrow:before {
    border-width: 15px 10px 0 10px;
    top: 0;
  }
  .site-main #postbody.shucchosateiform .cntform dt {
    background-color: #cdf4d5;
  }
  .site-main #postbody.netsateiform .firstblock .inner, .site-main #postbody.shucchosateiform .firstblock .inner {
    padding: 0 0 15% 0;
  }
  .site-main #postbody.netsateiform .lastblock .inner, .site-main #postbody.shucchosateiform .lastblock .inner {
    padding: 15% 0 0 0;
  }
  .site-main #postbody.company #tablepress-53 .column-1 {
    padding: 5% 0;
    width: 25%;
  }
  .site-main #postbody.company #tablepress-53 .column-2 {
    padding: 5%;
    width: 75%;
    vertical-align: middle;
  }
  .site-main #postbody.company #tablepress-53 .column-2 strong {
    margin-top: 3%;
    margin-bottom: 2%;
  }
}
@media only screen and (min-width:821px) {
  .site-main #postbody .morebtn {
    width: 400px;
    padding: 12px 30px;
    font-size: 18px;
  }
  .site-main #postbody.shucchosatei .morebtn, .site-main #postbody.shucchosateiform .morebtn {
    padding: 20px 0;
    font-size: 24px;
  }
  .site-main #postbody.netsateiform .basebg.flowarrow:before, .site-main #postbody.shucchosateiform .basebg.flowarrow:before {
    border-width: 30px 25px 0 25px;
    top: 0;
  }
  .site-main #postbody.kaitoritaio .inner .carname {
    font-size: 16px;
  }
  .site-main #postbody.netsateiform .firstblock .inner, .site-main #postbody.shucchosateiform .firstblock .inner {
    padding: 0 0 100px 0;
  }
  .site-main #postbody.netsateiform .lastblock .inner, .site-main #postbody.shucchosateiform .lastblock .inner {
    padding: 100px 0 0 0;
  }
  .site-main #postbody.company #tablepress-53 .column-1 {
    padding: 20px;
    width: 30%;
  }
  .site-main #postbody.company #tablepress-53 .column-2 {
    padding: 20px;
    width: 70%;
  }
  .site-main #postbody.company #tablepress-53 .column-2 strong {
    margin-top: 15px;
    margin-bottom: 10px;
  }
}
.wpcf7 form .wpcf7-response-output {
  width: 100%;
  color: #46b450;
  border-radius: 100px;
  font-size: 22px;
  padding: 20px 0;
}

@media only screen and (max-width:820px) {
  .wpcf7 form .wpcf7-response-output {
    font-size: 3vw;
    padding: 5% 0;
    width: 100% !important;
  }
}
/*
* ローディング
*/
#logo_loader {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 101;
  background-color: #E10018;
}

#logo_loader .f_logo {
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 135px;
  text-align: center;
  color: #fff;
  font-size: 30px;
}

#logo_loader .f_logo img {
  width: 200px;
  height: auto;
}

#logo_loader .f_logo:before {
  content: "";
  display: block;
  width: 100%;
  height: 110%;
  background-color: #E10018;
  position: absolute;
  bottom: 100%;
  left: 0;
  animation: loadLogo 1s;
}

@keyframes loadLogo {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 0;
  }
  100% {
    bottom: 100%;
  }
}
#logo_loader .f_logo:before {
  animation: loadLogo 1s;
}

#logo_loader.open {
  animation-name: slideOut;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-delay: 1.5s;
}

@keyframes slideOut {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateXY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@media only screen and (max-width:820px) {
  #logo_loader .f_logo {
    width: 70%;
  }
}/*# sourceMappingURL=styles.css.map */