/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/style.scss ***!
  \**********************************************************************************************************************************************************************/
@charset "UTF-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* clearfix
 * =================================================================================
**/
.cf, .plandata, .cap-s-service, .cap-l3, .shoplist .add-info, .shoplist, .shoplist-wrap, .soubi, .car-details .car-details-slide, .car-details, .stepbox ul li, .to-bt2, .to-bt, .dl-box1 dl, .dl-box1, .dibox, .pagetop, .noline-hr, .line-hr, .i5, .i4, .i3, .i2, .i1, .imgfull, .job-syoukai, .boxwrap1, .to-inquirybox, .opendetails, .detailsbox, .cap-property, .stepbox, .qabox, .to-buttonbox, .boxwrap3, .boxwrap2, .cap-recomend, .cap-s, .cap-m, .cap-l, .cap-l2, #page-details-main .entrytext h2, .cap-icon, #logo, #panlist ol, #title, #copyright small, #footer, #container, #navi-main, #header, #panlist, #title-wrap, #copyright, #footer-wrap, #container-wrap, #slide-wrap, #navi-main-wrap, #header-wrap {
  zoom: 1;
}
.cf:before, .plandata:before, .cap-s-service:before, .cap-l3:before, .shoplist .add-info:before, .shoplist:before, .shoplist-wrap:before, .soubi:before, .car-details .car-details-slide:before, .car-details:before, .stepbox ul li:before, .to-bt2:before, .to-bt:before, .dl-box1 dl:before, .dl-box1:before, .dibox:before, .pagetop:before, .noline-hr:before, .line-hr:before, .i5:before, .i4:before, .i3:before, .i2:before, .i1:before, .imgfull:before, .job-syoukai:before, .boxwrap1:before, .to-inquirybox:before, .opendetails:before, .detailsbox:before, .cap-property:before, .stepbox:before, .qabox:before, .to-buttonbox:before, .boxwrap3:before, .boxwrap2:before, .cap-recomend:before, .cap-s:before, .cap-m:before, .cap-l:before, .cap-l2:before, #page-details-main .entrytext h2:before, .cap-icon:before, #logo:before, #panlist ol:before, #title:before, #copyright small:before, #footer:before, #container:before, #navi-main:before, #header:before, #panlist:before, #title-wrap:before, #copyright:before, #footer-wrap:before, #container-wrap:before, #slide-wrap:before, #navi-main-wrap:before, #header-wrap:before, .cf:after, .plandata:after, .cap-s-service:after, .cap-l3:after, .shoplist .add-info:after, .shoplist:after, .shoplist-wrap:after, .soubi:after, .car-details .car-details-slide:after, .car-details:after, .stepbox ul li:after, .to-bt2:after, .to-bt:after, .dl-box1 dl:after, .dl-box1:after, .dibox:after, .pagetop:after, .noline-hr:after, .line-hr:after, .i5:after, .i4:after, .i3:after, .i2:after, .i1:after, .imgfull:after, .job-syoukai:after, .boxwrap1:after, .to-inquirybox:after, .opendetails:after, .detailsbox:after, .cap-property:after, .stepbox:after, .qabox:after, .to-buttonbox:after, .boxwrap3:after, .boxwrap2:after, .cap-recomend:after, .cap-s:after, .cap-m:after, .cap-l:after, .cap-l2:after, #page-details-main .entrytext h2:after, .cap-icon:after, #logo:after, #panlist ol:after, #title:after, #copyright small:after, #footer:after, #container:after, #navi-main:after, #header:after, #panlist:after, #title-wrap:after, #copyright:after, #footer-wrap:after, #container-wrap:after, #slide-wrap:after, #navi-main-wrap:after, #header-wrap:after {
  content: "";
  display: table;
}
.cf:after, .plandata:after, .cap-s-service:after, .cap-l3:after, .shoplist .add-info:after, .shoplist:after, .shoplist-wrap:after, .soubi:after, .car-details .car-details-slide:after, .car-details:after, .stepbox ul li:after, .to-bt2:after, .to-bt:after, .dl-box1 dl:after, .dl-box1:after, .dibox:after, .pagetop:after, .noline-hr:after, .line-hr:after, .i5:after, .i4:after, .i3:after, .i2:after, .i1:after, .imgfull:after, .job-syoukai:after, .boxwrap1:after, .to-inquirybox:after, .opendetails:after, .detailsbox:after, .cap-property:after, .stepbox:after, .qabox:after, .to-buttonbox:after, .boxwrap3:after, .boxwrap2:after, .cap-recomend:after, .cap-s:after, .cap-m:after, .cap-l:after, .cap-l2:after, #page-details-main .entrytext h2:after, .cap-icon:after, #logo:after, #panlist ol:after, #title:after, #copyright small:after, #footer:after, #container:after, #navi-main:after, #header:after, #panlist:after, #title-wrap:after, #copyright:after, #footer-wrap:after, #container-wrap:after, #slide-wrap:after, #navi-main-wrap:after, #header-wrap:after {
  clear: both;
}

/* END:clearfix
 * =================================================================================
**/
/* Base Layout
 * =================================================================================
**/
.mb1 {
  margin-bottom: 6px;
}

.mb2 {
  margin-bottom: 12px;
}

.mb3 {
  margin-bottom: 18px;
}

.mb4 {
  margin-bottom: 24px;
}

.mb5 {
  margin-bottom: 30px;
}

.mb6 {
  margin-bottom: 36px;
}

.mb7 {
  margin-bottom: 42px;
}

.mb8 {
  margin-bottom: 48px;
}

.mb9 {
  margin-bottom: 54px;
}

.mb10 {
  margin-bottom: 60px;
}

.left, .il {
  float: left;
}

.right, .ir {
  float: right;
}

img.left, img.il {
  margin-right: 16px;
}

img.right, img.ir {
  margin-left: 16px;
}

.full {
  width: 100%;
  height: auto;
}

/* Default
 * =================================================================================
**/
html {
  overflow-y: scroll;
  box-sizing: border-box;
  font-size: 62.5%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p, small, address, aside, blockquote, th, td {
  font-family: "Lato", Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
  color: #222;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 1px;
  z-index: 0;
  margin: 0;
  max-height: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
}

body {
  line-height: 1.3;
}

li {
  list-style: none;
}
li img {
  vertical-align: bottom;
}

img {
  vertical-align: bottom;
}

/* END:Default
 * =================================================================================
 */
/* Base Block Style
 * =================================================================================
**/
body {
  background: #fff;
}

#panlist, #title-wrap, #copyright, #footer-wrap, #container-wrap, #slide-wrap, #navi-main-wrap, #header-wrap {
  margin: 0;
  padding: 0;
  position: relative;
}

#panlist ol, #title, #copyright small, #footer, #container, #navi-main, #header {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
@media (max-width: 670px) {
  #panlist ol, #title, #copyright small, #footer, #container, #navi-main, #header {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  #panlist ol, #title, #copyright small, #footer, #container, #navi-main, #header {
    width: 100%;
  }
}

/* END:Base Block Style
 * =================================================================================
**/
/* Logo Style
 * =================================================================================
**/
#logo {
  overflow: hidden;
  margin: 24px 0 8px 0;
  float: left;
}
#logo a {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin: 0;
  text-decoration: none;
}
#logo h1 {
  flex: 0 0 auto;
  margin-right: 8px;
}
#logo h2 {
  flex: 0 0 auto;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 900;
  color: #E78914;
}
#logo h2 span {
  display: block;
  width: 100%;
  color: #444;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (max-width: 670px) {
  #logo {
    float: none;
    width: 100%;
    text-align: center;
  }
  #logo a {
    width: 47%;
    margin: 0 auto;
  }
  #logo a h1 {
    flex: 0 0 25%;
    max-width: 25%;
    margin-right: 1%;
  }
  #logo a h1 img {
    width: 100%;
    height: auto;
  }
  #logo h2 {
    max-width: 74%;
    flex: 0 0 74%;
  }
}

/* END:Logo Style
 * =================================================================================
**/
/* Header Style
 * =================================================================================
**/
#header-right {
  float: right;
  margin-top: 24px;
  margin-bottom: 16px;
}
#header-right p {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 8px;
}
@media (max-width: 670px) {
  #header-right {
    margin-top: 8px;
    padding: 0 8px;
    font-size: 11px;
    font-size: 1.1rem;
    text-align: center;
  }
}

#header-search-sns {
  display: flex;
  flex-flow: row wrap;
}
@media (max-width: 670px) {
  #header-search-sns {
    padding: 0 16px;
  }
}

#header-search {
  flex: 0 0 auto;
  background: #FAFAFA;
  border: solid 1px #DCDCDC;
  flex-grow: 1;
  margin-right: 16px;
}
#header-search form {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  height: 100%;
}
#header-search .textbox {
  border: none;
  border-right: solid 1px #DCDCDC;
  background-color: transparent;
  margin: 2px;
  padding: 4px;
  flex: 0 0 80%;
  flex-grow: 1;
}
#header-search .submitbox {
  display: block;
  background: url("../img/icon-search.svg") no-repeat center center;
  background-size: 18px 17px;
  border: none;
  text-indent: -9999px;
  width: 40px;
  height: 24px;
  flex-grow: 0;
  cursor: pointer;
}

#header-sns {
  flex: 0 0 auto;
  flex-grow: 0;
}
#header-sns ul {
  padding: 0;
  display: flex;
  flex-flow: row wrap;
}
#header-sns ul li {
  margin-right: 8px;
}
#header-sns ul li:last-child {
  margin-right: 0;
}
@media (max-width: 670px) {
  #header-sns {
    flex: 0 0 100%;
  }
  #header-sns ul {
    margin: 8px 0;
    width: 100%;
    align-items: center;
  }
  #header-sns ul li {
    width: 12%;
    max-height: 33px;
  }
  #header-sns ul li img {
    width: 100%;
    height: auto;
  }
}

/* END:Header Style
 * =================================================================================
**/
/* Navi Style
 * =================================================================================
**/
#navi-main-wrap {
  width: 100%;
  background: #403C37;
}

#navi-main {
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
}
#navi-main li {
  flex: 0 1 auto;
  flex-grow: 1;
  text-align: center;
  letter-spacing: 3px;
  text-shadow: 2px 2px 2px rgba(17, 17, 17, 0.9);
  font-weight: 900;
  font-size: 16px;
  font-size: 1.6rem;
}
#navi-main li a {
  display: block;
  padding: 8px 0;
  color: #fff;
  text-decoration: none;
  transition: all 0.6s;
  border-bottom: solid 4px transparent;
}
#navi-main li a:hover {
  background: #1D1B18;
  border-bottom-color: #E78914;
}
@media (max-width: 670px) {
  #navi-main {
    flex-flow: row wrap;
  }
  #navi-main li {
    flex: 0 1 33.3%;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: 600;
  }
}

#sp-navi-bt {
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: center;
  background: #E78914;
  width: 100%;
  height: 48px;
  padding: 16px 0;
  box-shadow: 0px -2px 6px rgba(136, 136, 136, 0.6);
  z-index: 100;
  cursor: pointer;
}
#sp-navi-bt p {
  display: inline-block;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 900;
  color: #fff;
  background: url("../img/sp-center-navi.svg") no-repeat 0 center;
  background-size: 10px 7px;
  padding-left: 16px;
}

#sp-navi-wrap-out {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(231, 137, 20, 0.6);
  z-index: 200;
}

#sp-navi-wrap {
  position: relative;
  background: #fff;
  margin: 16px 10%;
  padding: 16px;
  height: 90%;
  overflow: auto;
  box-shadow: 2px 0px 4px rgba(64, 60, 55, 0.7);
  cursor: pointer;
}
#sp-navi-wrap #side h2 {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}
#sp-navi-wrap #side ul li {
  text-align: center;
}

#sp-navi-close {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  background: #E78914;
  cursor: pointer;
  z-index: 300;
}
#sp-navi-close #sp-navi-close-line1 {
  width: 16px;
  height: 2px;
  background: #fff;
  display: block;
  position: absolute;
  left: 8px;
  top: 16px;
  z-index: 310;
  transform: rotateZ(45deg);
}
#sp-navi-close #sp-navi-close-line2 {
  width: 16px;
  height: 2px;
  background: #fff;
  display: block;
  position: absolute;
  left: 8px;
  top: 16px;
  z-index: 310;
  transform: rotateZ(-45deg);
}

/* END:Navi Style
 * =================================================================================
**/
/* Main Style
 * =================================================================================
**/
#container-wrap {
  background: #F1F1F1;
}

#container {
  display: flex;
  flex-flow: row nowrap;
  padding: 16px 0 80px 0;
}
@media (max-width: 670px) {
  #container {
    flex-flow: column nowrap;
  }
}

#main {
  width: 76%;
  max-width: 76%;
  flex: 0 0 76%;
  position: relative;
}
@media (max-width: 670px) {
  #main {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (max-width: 1024px) {
  #main {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}

/* END:Main Style
 * =================================================================================
**/
/* Side Style
 * =================================================================================
**/
#side {
  flex: 0 0 24%;
  padding-right: 1%;
}
#side h2 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 900;
  margin-bottom: 8px;
}
#side ul {
  padding: 0;
  margin-bottom: 40px;
}
#side ul li {
  font-size: 16px;
  font-size: 1.6rem;
  border-bottom: dotted 1px #DCDCDC;
}
#side ul li a {
  display: block;
  padding: 8px;
  text-decoration: none;
  color: #222;
  transition: all 0.6s;
}
#side ul li a:hover {
  background-color: #DCDCDC;
  color: #E71438;
}
#side .side-bannder li {
  margin-bottom: 8px;
}
#side .side-bannder li a {
  background: #fff;
  color: #E78914;
  font-weight: 900;
}
#side .side-bannder li a img {
  margin-right: 16px;
}
@media (max-width: 670px) {
  #side {
    flex: 0 0 100%;
    padding-left: 0;
    display: none;
  }
}
@media (max-width: 1024px) {
  #side {
    flex: 0 0 100%;
    padding: 0;
    display: none;
  }
}

/* END:Side Style
 * =================================================================================
**/
/* Footer Style
 * =================================================================================
**/
#footer {
  padding: 8px 0;
}
@media (max-width: 670px) {
  #footer {
    padding: 8px;
  }
}
#footer footer {
  display: flex;
  flex-direction: column;
}

#copyright {
  background: #403C37;
  display: flex;
  flex-flow: row wrap;
}
#copyright small {
  flex: 1 0 auto;
  font-size: 10px;
  font-size: 1rem;
  color: #fff;
  text-align: left;
  line-height: 2;
}
#copyright small a {
  color: #fff;
  text-decoration: none;
}
#copyright ul {
  flex: 0 0 auto;
  padding: 0;
}
#copyright ul li a {
  color: #fff;
}
@media (max-width: 670px) {
  #copyright {
    padding-bottom: 32px;
  }
}

#side-pagetop {
  position: fixed;
  right: 3%;
  bottom: 10%;
}
#side-pagetop p a {
  display: block;
  padding: 8px;
  text-decoration: none;
  color: #6A6467;
  font-weight: 900;
  padding-left: 32px;
  transition: all 0.6s;
  position: relative;
}
#side-pagetop p a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  width: 21px;
  height: 21px;
  margin-top: -10px;
  background: url("../img/side-pagetop.svg") no-repeat left center;
  background-size: 21px 21px;
  transition: all 0.6s;
}
#side-pagetop p a:hover:before {
  transform: rotateZ(360deg);
}
@media (max-width: 670px) {
  #side-pagetop {
    right: 1%;
    bottom: 9%;
  }
}

#footer-sns {
  flex: 0 0 auto;
  flex-grow: 0;
  margin-bottom: 8px;
}
#footer-sns ul {
  padding: 0;
  display: flex;
  flex-flow: row wrap;
}
#footer-sns ul li {
  margin-right: 8px;
  height: 33px;
}
#footer-sns ul li:last-child {
  margin-right: 0;
}
#footer-sns ul li a {
  display: block;
  width: auto;
  height: 100%;
}
#footer-sns ul li a img {
  width: auto;
  height: 100%;
}
@media (max-width: 670px) {
  #footer-sns {
    flex: 0 0 auto;
  }
  #footer-sns ul {
    margin: 8px 0;
    width: 100%;
    align-items: center;
  }
  #footer-sns ul li {
    width: auto;
  }
}

/* END:Footer Style
 * =================================================================================
**/
/* Title Style
 * =================================================================================
**/
#title-wrap {
  background: #1D1B18;
}

#title h2 {
  color: #fff;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 900;
  padding: 24px;
}
#title h2 a {
  color: #fff;
  text-decoration: none;
}
@media (max-width: 670px) {
  #title h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}

#panlist {
  background: #fff;
}
#panlist ol {
  display: flex;
  flex-flow: row wrap;
  padding: 0;
}
#panlist ol li {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  color: #222;
  margin-right: 8px;
}
#panlist ol li a {
  color: #222;
  padding-right: 8px;
  background: url("../img/panlist.svg") no-repeat right center;
  background-size: 3px 5px;
  text-decoration: none;
}
#panlist ol li a:hover {
  text-decoration: underline;
}
@media (max-width: 670px) {
  #panlist ol {
    padding: 0 8px;
  }
}

/* END:Title Style
 * =================================================================================
**/
/* Print Style
 * =================================================================================
**/
@media print {
  h1 a {
    text-indent: 0;
  }

  #navi_main li a {
    text-indent: 0;
  }

  #navi_sub li a {
    text-indent: 0;
  }
}
/* END:Print Style
 * =================================================================================
**/
/* END:Base Layout
 * =================================================================================
**/
/* Generic Layout Style
 * =================================================================================
**/
.cap-recomend, .cap-s, .cap-m, .cap-l, .cap-l2, #page-details-main .entrytext h2, .cap-icon {
  margin: 8px 0 16px 0;
}

.cap-icon {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #1485E7;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;
  position: relative;
  padding-left: 32px;
}
.cap-icon:before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  margin-top: -6px;
  width: 12px;
  height: 12px;
  background: url("../img/cap-base.svg") no-repeat left top;
  background-size: 12px 12px;
  overflow: hidden;
}

#page-details-main .entrytext h2 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  padding-left: 32px;
  margin-right: 16px;
  background: url("../img/cap-l.svg") no-repeat left center;
  background-size: 19px 18px;
}

.cap-l2 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  padding-left: 32px;
  margin-right: 16px;
  background: url("../img/cap-l.svg") no-repeat left center;
  background-size: 19px 18px;
}

.cap-l {
  padding: 8px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.cap-l h2, .cap-l p {
  flex: 0 0 auto;
}
.cap-l h2 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  padding-left: 32px;
  margin-right: 16px;
  background: url("../img/cap-l.svg") no-repeat left center;
  background-size: 19px 18px;
}
.cap-l p.carname {
  font-size: 12px;
  font-size: 1.2rem;
  color: #777;
}
.cap-l.cl-3 {
  text-align: right;
}

.cap-m {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  padding-left: 8px;
  background: url("../img/cap-m.svg") no-repeat left center;
  background-size: 3px 9px;
}
.cap-m h3 {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  position: relative;
  color: #403C37;
  line-height: 1.7;
  border-left: solid 4px;
  padding-left: 8px;
}

.cap-m.cm-2 {
  border-bottom: solid 2px #DCDCDC;
}
.cap-m.cm-2 h3 {
  color: #222;
  border: none;
  padding: 0;
}
.cap-m.cm-2 h3:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -2px;
  border-bottom: solid 2px #1485E7;
  width: 40%;
}

.cap-m.cm-3 {
  border-bottom: solid 1px #1485E7;
}
.cap-m.cm-3 h3 {
  color: #222;
  border: none;
  padding: 0;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;
  text-align: center;
}

.cap-s {
  padding: 16px 0;
}
.cap-s h4 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  position: relative;
  padding-left: 24px;
}
.cap-s h4:before {
  content: "";
  display: block;
  width: 8px;
  border-top: solid 4px #E71438;
  position: absolute;
  top: 50%;
  left: 0;
}

.cap-s.cs-2 h4 {
  font-size: 18px;
  font-size: 1.8rem;
}
.cap-s.cs-2 h4:before {
  border: solid 4px #E71438;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin-top: -8px;
}

.cap-s.cs-3 h4 {
  font-size: 16px;
  font-size: 1.6rem;
  padding-left: 16px;
}
.cap-s.cs-3 h4:before {
  border: none;
  border-radius: 8px;
  background: linear-gradient(to bottom, #E78914, #403C37);
  width: 4px;
  height: 100%;
  top: 0;
}

.boxwrap1, .to-inquirybox, .opendetails, .detailsbox, .cap-property, .stepbox, .qabox, .to-buttonbox, .boxwrap3, .boxwrap2 {
  margin-bottom: 80px;
  padding: 0;
  position: relative;
}

.boxwrap2 {
  padding: 16px;
  background: #F8F8F8;
  border: solid #DCDCDC;
}

.boxwrap3 {
  padding: 8px;
  text-align: center;
  border: solid 1px #DCDCDC;
  position: relative;
  background: url("../img/back-lesson.gif") repeat top left;
}
.boxwrap3 p:before, .boxwrap3 p:after {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  border: double 3px #DCDCDC;
  position: absolute;
  background: #fff;
}
.boxwrap3 p:before {
  top: 4px;
  left: 4px;
}
.boxwrap3 p:after {
  bottom: 4px;
  right: 4px;
}

.job-syoukai {
  padding: 0;
  margin-bottom: 32px;
  position: relative;
}
.job-syoukai img {
  float: left;
  margin-right: 16px;
}
@media (max-width: 670px) {
  .job-syoukai {
    text-align: center;
  }
  .job-syoukai img {
    float: none;
    margin-right: 0;
    margin-bottom: 8px;
    max-width: 100%;
    height: auto;
  }
}

.tar {
  text-align: right;
}

.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.imgfull {
  margin-bottom: 80px;
  text-align: center;
}
.ir {
  margin-left: 16px;
}

.il {
  margin-right: 16px;
}

.i5, .i4, .i3, .i2, .i1 {
  margin-bottom: 80px;
}
.i5 .in-wrap, .i4 .in-wrap, .i3 .in-wrap, .i2 .in-wrap, .i1 .in-wrap {
  display: flex;
  flex-flow: row wrap;
}
.i5 .in-wrap div, .i4 .in-wrap div, .i3 .in-wrap div, .i2 .in-wrap div, .i1 .in-wrap div {
  margin: 0 2% 0 0;
  padding: 0;
  text-align: center;
}
.i5 .in-wrap div figure, .i4 .in-wrap div figure, .i3 .in-wrap div figure, .i2 .in-wrap div figure, .i1 .in-wrap div figure {
  padding: 0;
  margin: 0;
}
.i5 .in-wrap div figure figcaption, .i4 .in-wrap div figure figcaption, .i3 .in-wrap div figure figcaption, .i2 .in-wrap div figure figcaption, .i1 .in-wrap div figure figcaption {
  font-size: 14px;
  font-size: 1.4rem;
}
.i5 .in-wrap div img, .i4 .in-wrap div img, .i3 .in-wrap div img, .i2 .in-wrap div img, .i1 .in-wrap div img {
  margin-bottom: 8px;
}
.no-borderradius .i5 .in-wrap, .no-borderradius .i4 .in-wrap, .no-borderradius .i3 .in-wrap, .no-borderradius .i2 .in-wrap, .no-borderradius .i1 .in-wrap {
  margin-right: -2%;
}
.no-borderradius .i5 .in-wrap div, .no-borderradius .i4 .in-wrap div, .no-borderradius .i3 .in-wrap div, .no-borderradius .i2 .in-wrap div, .no-borderradius .i1 .in-wrap div {
  float: left;
  margin-right: 1%;
}
.no-flexbox .i5 div, .no-flexbox .i4 div, .no-flexbox .i3 div, .no-flexbox .i2 div, .no-flexbox .i1 div {
  float: left;
}

.i1 .i1div {
  width: 100%;
}
.i1 .i1div:nth-child(1n) {
  margin-right: 0;
}
.i1 .i1div h2 {
  background: #E78914;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 8px 0;
}
.i1.btcap div img {
  margin-bottom: 0;
}

.i2 .i2div {
  width: 49%;
}
.i2 .i2div:nth-child(2n) {
  margin-right: 0;
}
.i2 .i2div h2 {
  background: #E78914;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 8px 0;
}
.i2.btcap div img {
  margin-bottom: 0;
}

.i3 .i3div {
  width: 32%;
}
.i3 .i3div:nth-child(3n) {
  margin-right: 0;
}
.i3 .i3div h2 {
  background: #E78914;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 8px 0;
}
.i3.btcap div img {
  margin-bottom: 0;
}

.i4 .i4div {
  width: 23.5%;
}
.i4 .i4div:nth-child(4n) {
  margin-right: 0;
}
.i4 .i4div h2 {
  background: #E78914;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 8px 0;
}
.i4.btcap div img {
  margin-bottom: 0;
}

.i5 .i5div {
  width: 18.4%;
}
.i5 .i5div:nth-child(5n) {
  margin-right: 0;
}
.i5 .i5div h2 {
  background: #E78914;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 8px 0;
}
.i5.btcap div img {
  margin-bottom: 0;
}

.i-sh {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}

.line-hr hr {
  height: 1px;
  margin-bottom: 64px;
  overflow: hidden;
  border: none;
  border-bottom: dotted 1px #aaa;
}

.noline-hr hr {
  height: 1px;
  margin-bottom: 64px;
  overflow: hidden;
  border: none;
}

.pagetop {
  text-align: right;
  margin-bottom: 64px;
}
.pagetop p {
  color: #fff;
  float: right;
}
.pagetop p a {
  display: block;
  background: url(../img/pagetop.svg) no-repeat 16px center #fff;
  background-size: 11px 15px;
  color: #E71438;
  padding: 8px 24px 8px 40px;
  text-decoration: none;
  transition: all 0.6s;
}
.pagetop p a:hover {
  opacity: 0.6;
  background-position-y: 0;
}

.dibox {
  margin-bottom: 80px;
}

/* 汎用テーブルレイアウト
 * =================================================================================
 */
.tb-box3, .tb-box2, .tb-box1-2, .tb-box1, .job-table table {
  width: 100%;
  table-layout: auto;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #ccc;
}
.tb-box3 th, .tb-box2 th, .tb-box1-2 th, .tb-box1 th, .job-table table th {
  background: #e9e9e9;
  padding: 16px 8px;
  border: 1px solid #ccc;
  font-weight: 700;
}
.tb-box3 td, .tb-box2 td, .tb-box1-2 td, .tb-box1 td, .job-table table td {
  background: transparent;
  padding: 16px;
  border: 1px solid #ccc;
}

@media (max-width: 670px) {
  .job-table table tr th {
    width: 35%;
  }
  .job-table table tr td {
    width: 65%;
  }
}

.tb-box1 th {
  width: 30%;
}
.tb-box1 th.th-01 {
  width: 70%;
}
.tb-box1 td {
  width: 70%;
}
.tb-box1 td.td-01 {
  width: 30%;
}

.tb-box1-2 th {
  width: 50%;
}
.tb-box1-2 td {
  width: 50%;
}

.tb-box2 th {
  width: 33%;
}
.tb-box2 td {
  width: 33%;
}

.tb-box3 th {
  width: 20%;
}
.tb-box3 td {
  width: 20%;
}

.tb-box-b6, .tb-box-b5, .tb-box-b4, .tb-box-b3, .tb-box-b2, .tb-box-b, .spec-table {
  width: 100%;
  table-layout: auto;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #DCDCDC;
}
.tb-box-b6 th, .tb-box-b5 th, .tb-box-b4 th, .tb-box-b3 th, .tb-box-b2 th, .tb-box-b th, .spec-table th {
  background: #f4f1ef;
  padding: 8px 16px;
  border: 1px solid #DCDCDC;
}
.tb-box-b6 td, .tb-box-b5 td, .tb-box-b4 td, .tb-box-b3 td, .tb-box-b2 td, .tb-box-b td, .spec-table td {
  background: transparent;
  padding: 16px;
  border: 1px solid #DCDCDC;
}

.spec-table {
  margin-bottom: 48px;
}
.spec-table th {
  width: 20%;
  text-align: left;
}
.spec-table td {
  width: 30%;
  font-weight: 700;
}
@media (max-width: 670px) {
  .spec-table tr {
    display: flex;
    flex-flow: row wrap;
  }
  .spec-table tr th, .spec-table tr td {
    flex: 0 0 100%;
    border-top: none;
    border-left: none;
    border-right: none;
  }
  .spec-table tr:last-child td {
    border-bottom: none;
  }
}

.tb-box-b th {
  width: 35%;
}
.tb-box-b th:nth-child(1) {
  background: #F1F0EE;
}
.tb-box-b td {
  width: 35%;
}
.tb-box-b th:nth-child(1), .tb-box-b td:nth-child(1) {
  width: 30%;
}

.tb-box-b2 th {
  width: 23.3%;
}
.tb-box-b2 th:nth-child(1) {
  background: #F1F0EE;
}
.tb-box-b2 td {
  width: 23.3%;
}
.tb-box-b2 th:nth-child(1), .tb-box-b2 td:nth-child(1) {
  width: 30%;
}

.tb-box-b3 th {
  width: 17.5%;
}
.tb-box-b3 th:nth-child(1) {
  background: #F1F0EE;
}
.tb-box-b3 td {
  width: 17.5%;
}
.tb-box-b3 th:nth-child(1), .tb-box-b3 td:nth-child(1) {
  width: 30%;
}

.tb-box-b4 th {
  width: 14%;
}
.tb-box-b4 th:nth-child(1) {
  background: #F1F0EE;
}
.tb-box-b4 td {
  width: 14%;
}
.tb-box-b4 th:nth-child(1), .tb-box-b4 td:nth-child(1) {
  width: 30%;
}

.tb-box-b5 th {
  width: 11.6%;
}
.tb-box-b5 th:nth-child(1) {
  background: #F1F0EE;
}
.tb-box-b5 td {
  width: 11.6%;
}
.tb-box-b5 th:nth-child(1), .tb-box-b5 td:nth-child(1) {
  width: 30%;
}

.tb-box-b6 th {
  width: 10%;
}
.tb-box-b6 th:nth-child(1) {
  background: #F1F0EE;
}
.tb-box-b6 td {
  width: 10%;
}
.tb-box-b6 th:nth-child(1), .tb-box-b6 td:nth-child(1) {
  width: 30%;
}

.dl-box1 {
  margin-bottom: 80px;
  display: block;
}
.dl-box1 dl {
  border-top: solid 1px #ccc;
  display: table;
  width: 100%;
}
.dl-box1 dl dt, .dl-box1 dl dd {
  display: table-cell;
}
.dl-box1 dl dt {
  width: 30%;
  padding: 16px 2%;
  background: #f6f6f6;
}
.dl-box1 dl dd {
  width: 70%;
  padding: 16px 1%;
}
.dl-box1 dl:last-child {
  border-bottom: solid 1px #ccc;
}

.to-buttonbox .to-bt2 {
  float: right;
  display: inline-block;
  margin-left: 16px;
  margin-bottom: 16px;
}

.to-bt {
  margin-bottom: 80px;
}
.to-bt p {
  padding: 0;
  margin: 0;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
}
.to-bt p a {
  display: inline-block;
  padding: 16px 72px 16px 56px;
  text-align: center;
  background: url("../img/to-bt.svg") no-repeat 90% center #985B0F;
  background-size: 15px 11px;
  box-shadow: 0 3px 0px rgba(170, 86, 17, 0.9);
  color: #fff;
  text-decoration: none;
  text-shadow: 2px 1px 1px #C46313;
  transition: all 0.6s;
}
.to-bt p a:hover {
  background-color: #683A00;
  background-position-x: 95%;
}

.to-bt2 {
  text-align: right;
}
.to-bt2 p {
  padding: 0;
  margin: 0;
  font-weight: 700;
}
.to-bt2 p a {
  display: inline-block;
  padding: 8px 40px;
  text-align: center;
  background: linear-gradient(to bottom, #fff, #ddd);
  color: #222;
  border: #bbb 1px solid;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.6s;
  position: relative;
}
.to-bt2 p a:before, .to-bt2 p a:after {
  content: "";
  display: block;
  position: absolute;
}
.to-bt2 p a:before {
  top: -8px;
  left: -8px;
  width: 31px;
  height: 36px;
  background: url("../img/to-pdf.svg") no-repeat left center;
  background-size: 31px 36px;
}
.to-bt2 p a:after {
  top: 50%;
  right: 8px;
  width: 5px;
  height: 6px;
  background: url("../img/to-pdf-next.svg") no-repeat left center;
  background-size: 5px 6px;
}
.to-bt2 p a:hover {
  background: linear-gradient(to top, #fff, #ddd);
}

.qabox dl dt, .qabox dl dd {
  position: relative;
  padding: 8px 0 16px 56px;
}
.qabox dl dt:before, .qabox dl dd:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  font-size: 2rem;
  border-radius: 2px;
  color: #fff;
  padding: 8px 16px;
}
.qabox dl dt {
  margin-bottom: 8px;
  color: #403C37;
}
.qabox dl dt:before {
  content: "Q";
  background: #403C37;
}
.qabox dl dd:before {
  content: "A";
  background: #985B0F;
}

.itemrcap2 {
  text-align: center;
  background: url("../img/back-lesson.gif") repeat top left;
  border: double 3px #DCDCDC;
  padding: 16px;
}

.to-bt.type01 a {
  background-color: #E78914;
}
.to-bt.type01 a:hover {
  background-color: #E71438;
}

.to-bt.type02 a:hover {
  background-color: #1D1B18;
}

.to-bt.type03 a {
  background-color: #985B0F;
}
.to-bt.type03 a:hover {
  background-color: #683A00;
}

.to-bt.type04 a {
  background-color: #1485E7;
}
.to-bt.type04 a:hover {
  background-color: #0D5898;
}

.stepbox ul {
  padding: 0;
}
.stepbox ul li {
  display: table;
  width: 100%;
  margin-bottom: 24px;
  position: relative;
}
.stepbox ul li .left, .stepbox ul li .il, .stepbox ul li .right, .stepbox ul li .ir {
  display: table-cell;
  float: none;
  position: relative;
}
.stepbox ul li .left, .stepbox ul li .il {
  width: 25%;
  background: #403C37;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.stepbox ul li .left h2, .stepbox ul li .il h2 {
  color: #fff;
  margin: 8px;
}
.stepbox ul li .right, .stepbox ul li .ir {
  width: 75%;
}
.stepbox ul li .right h3, .stepbox ul li .ir h3, .stepbox ul li .right .stepbox-maintxt, .stepbox ul li .ir .stepbox-maintxt, .stepbox ul li .right .stepbox-subtxt, .stepbox ul li .ir .stepbox-subtxt {
  margin: 0 8px 8px 24px;
}
.stepbox ul li .right h3, .stepbox ul li .ir h3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.7;
  font-weight: 700;
  color: #403C37;
  border-bottom: dotted 1px #403C37;
}
.stepbox ul li:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: 7%;
  width: 0;
  height: 0;
  border: solid 8px transparent;
  border-top: solid 8px #403C37;
  border-bottom: 16px;
}
.stepbox ul li:last-child:after {
  border: none;
  display: none;
}

.stepbox-subtxt {
  background: url("../img/back-lesson.gif") repeat top left;
  border: double 4px #DCDCDC;
  padding: 8px 8px 8px 24px;
  position: relative;
}
.stepbox-subtxt:before {
  content: "";
  display: block;
  width: 8px;
  height: 2px;
  position: absolute;
  top: 16px;
  left: 8px;
  background: #E78914;
}

.cap-property {
  background: #e9e9e9;
  padding: 16px;
  display: flex;
  flex-flow: row-reverse wrap;
  justify-content: flex-end;
}
.cap-property h2, .cap-property h3, .cap-property p {
  flex: 0 0 auto;
  vertical-align: middle;
  margin-right: 8px;
}
.cap-property h2 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 4px 16px;
}
.cap-property h3 {
  background: #403C37;
  color: #fff;
  font-weight: 700;
  padding: 4px 16px;
}
.cap-property p {
  color: #403C37;
  border: solid 2px;
  padding: 4px 16px;
}
.no-flexbox .cap-property h2, .no-flexbox .cap-property h3, .no-flexbox .cap-property p {
  float: left;
}

.detailsbox .left, .detailsbox .il {
  width: 30%;
}
.detailsbox .left dl dt, .detailsbox .il dl dt {
  background: #969696;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 8px;
  margin-bottom: 4px;
}
.detailsbox .left dl dd, .detailsbox .il dl dd {
  text-align: center;
}
.detailsbox .right, .detailsbox .ir {
  width: 67%;
}

.cap-recomend {
  position: relative;
  background: url("../img/cap-recomend.svg") no-repeat left center;
  background-size: 18px 18px;
  z-index: auto;
  overflow: hidden;
}
.cap-recomend h2 {
  display: inline-block;
  position: relative;
  z-index: 10;
  background: #fff;
  margin-left: 24px;
  padding: 8px 24px 8px 8px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
}
.cap-recomend:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 48px;
  z-index: -1;
  width: 100%;
  border-top: 4px #1485E7 solid;
}

.opendetails {
  cursor: pointer;
}
.opendetails .od-cap {
  position: relative;
  background: #f8f8f8;
}
.opendetails h2 {
  border-bottom: 4px solid #E71438;
  padding: 16px 16px 16px 40px;
  margin-bottom: 16px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  position: relative;
  z-index: 10;
}
.opendetails h2:before {
  content: "";
  display: block;
  width: 20px;
  height: 23px;
  overflow: hidden;
  background: url("../img/cap-news.svg") no-repeat left center;
  background-size: 41px 23px;
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -11px;
}
.opendetails .openclose {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -9px;
  z-index: 0;
}
.opendetails .dibox {
  margin-bottom: 8px;
}
.opendetails .dibox .tb-box3 th {
  width: 23%;
}
.opendetails .dibox .tb-box3 td {
  width: 27%;
}
.opendetails .boxwrap1, .opendetails .to-inquirybox, .opendetails .boxwrap2, .opendetails .boxwrap3, .opendetails .to-buttonbox, .opendetails .qabox, .opendetails .stepbox, .opendetails .cap-property, .opendetails .detailsbox, .opendetails .opendetails {
  margin-bottom: 0;
}

.closebox {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 10;
}

.to-inquirybox {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  border: solid 1px #DCDCDC;
  padding: 16px;
}
.to-inquirybox .left, .to-inquirybox .il, .to-inquirybox .right, .to-inquirybox .ir {
  display: flex;
  vertical-align: middle;
  text-align: left;
  width: 50%;
  flex: 0 0 50%;
  float: none;
}
.to-inquirybox .left, .to-inquirybox .il {
  border-right: solid 1px #DCDCDC;
  flex-flow: row wrap;
  align-items: center;
}
.to-inquirybox .left h2, .to-inquirybox .il h2, .to-inquirybox .left .to-inquirybox-telhosoku, .to-inquirybox .il .to-inquirybox-telhosoku {
  flex: 0 0 auto;
}
.to-inquirybox .left h2, .to-inquirybox .il h2 {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  margin-right: 16px;
}
.to-inquirybox .left .to-inquirybox-telhosoku, .to-inquirybox .il .to-inquirybox-telhosoku {
  font-weight: 700;
}
.to-inquirybox .left address, .to-inquirybox .il address {
  flex: 0 0 100%;
  color: #E78914;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 900;
  font-style: normal;
  background: url("../img/to-box-tel.svg") no-repeat left center;
  background-size: 40px 40px;
  padding-left: 48px;
}
.to-inquirybox .left address a, .to-inquirybox .il address a {
  color: #E78914;
  text-decoration: none;
}
.to-inquirybox .right, .to-inquirybox .ir {
  text-align: center;
}
.to-inquirybox .right h3, .to-inquirybox .ir h3 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 900;
  display: block;
  width: 100%;
}
.to-inquirybox .right h3 a, .to-inquirybox .ir h3 a {
  display: block;
  background: #E78914 url("../img/to-inquiry-mail.svg") no-repeat 16px center;
  background-size: 19px 14px;
  color: #fff;
  text-decoration: none;
  padding: 8px;
  margin: 8px 8px 8px 24px;
  transition: all 0.6s;
}
.to-inquirybox .right h3 a:hover, .to-inquirybox .ir h3 a:hover {
  background-color: #985B0F;
}
@media (max-width: 670px) {
  .to-inquirybox .left, .to-inquirybox .il, .to-inquirybox .right, .to-inquirybox .ir {
    display: block;
    width: 100%;
    flex: 100%;
  }
  .to-inquirybox .left, .to-inquirybox .il {
    border-right: none;
    text-align: center;
  }
  .to-inquirybox .left h2, .to-inquirybox .il h2 {
    margin: 0;
  }
  .to-inquirybox .left h2, .to-inquirybox .il h2, .to-inquirybox .left .to-inquirybox-telhosoku, .to-inquirybox .il .to-inquirybox-telhosoku {
    flex: 0 0 100%;
  }
  .to-inquirybox .left address, .to-inquirybox .il address {
    font-size: 20px;
    font-size: 2rem;
    background-size: 20px 20px;
    padding-left: 24px;
    margin-bottom: 8px;
  }
  .to-inquirybox .right h3, .to-inquirybox .ir h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .to-inquirybox .right h3 a, .to-inquirybox .ir h3 a {
    margin: 0;
    background-position-x: 8px;
    background-size: 15px 10px;
  }
}

/* END:Generic Layout Style
 * =================================================================================
**/
/* Top Page Style
 * =================================================================================
**/
#slide-wrap .swiper-button-prev, #slide-wrap .swiper-container-rtl .swiper-button-next {
  background: url("../img/prev.svg") no-repeat center center;
  background-size: 18px 18px;
  left: 10px;
  right: auto;
}
.no-svg #slide-wrap .swiper-button-prev, .no-svg #slide-wrap .swiper-container-rtl .swiper-button-next {
  background-image: url("../img/prev.png");
}
#slide-wrap .swiper-button-next {
  background: url("../img/next.svg") no-repeat center center;
  background-size: 18px 18px;
}
.no-svg #slide-wrap .swiper-button-next {
  background-image: url("../img/next.png");
}
#slide-wrap .swiper-slide {
  width: 1200px;
}
#slide-wrap .swiper-slide img {
  height: 600px;
  width: auto;
}
@media (max-width: 670px) {
  #slide-wrap .swiper-slide img {
    height: auto;
    width: 100%;
  }
}
#slide-wrap .swiper-pagination-fraction, #slide-wrap .swiper-pagination-custom, #slide-wrap .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 2px;
}
#slide-wrap .swiper-pagination-bullet-active {
  background-color: rgba(231, 137, 20, 0.9);
}
@media (max-width: 670px) {
  #slide-wrap .swiper-slide {
    width: 100%;
  }
  #slide-wrap img {
    width: 100%;
    height: auto;
  }
}

.carlist {
  padding: 0;
  display: flex;
  flex-flow: row wrap;
}
.carlist li {
  width: 32.5%;
  max-width: 32.5%;
  flex: 0 0 32.5%;
  margin-right: 1.25%;
  margin-bottom: 8px;
  background: #fff;
  box-shadow: 2px 2px 4px rgba(64, 60, 55, 0.3);
  position: relative;
  display: flex;
  flex-flow: column wrap;
  cursor: pointer;
}
.carlist li:nth-child(3n) {
  margin-right: 0;
}
.carlist li .carlist-main {
  position: relative;
  flex: 0 0 auto;
  flex-grow: 0;
}
.carlist li .carlist-main .carlist-category > ul {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.carlist li .carlist-main .carlist-category > ul li {
  width: auto;
  max-width: 100%;
  flex: 0 0 auto;
  display: block;
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0;
  background-color: transparent;
  box-shadow: 0 0 0 transparent;
}
.carlist li .carlist-main .carlist-category > ul li a {
  display: inline-block;
  background: rgba(14, 95, 158, 0.5);
  color: #fff;
  padding: 8px;
  text-decoration: none;
}
.carlist li .carlist-main h2 {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(14, 95, 158, 0.5);
  color: #fff;
  padding: 8px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
}
.carlist li .carlist-main .carlist-name {
  position: absolute;
  bottom: 8px;
  left: 0;
  text-align: center;
  width: 100%;
}
.carlist li .carlist-main .carlist-name p {
  display: inline-block;
  background: rgba(0, 0, 20, 0.5);
  color: #fff;
  font-weight: 700;
  padding: 4px 8px;
  border: solid 1px #fff;
}
.carlist li .carlist-main .carlist-name-noimage {
  padding: 32px 0;
}
.carlist li .carlist-main .carlist-name-noimage p {
  padding: 8px;
}
.carlist li .carlist-main .carlist-img img {
  width: 100%;
  height: auto;
}
.carlist li .carlist-main .carlist-img:empty {
  height: 24px;
}
.carlist li .carlist-details {
  padding: 8px;
  flex: 0 0 auto;
  flex-grow: 1;
}
.carlist li .carlist-details .carlist-equipment, .carlist li .carlist-details .carlist-explanation {
  text-align: center;
}
.carlist li .carlist-details .carlist-equipment {
  font-weight: 700;
  margin-bottom: 8px;
}
.carlist li .carlist-details .carlist-explanation {
  margin-bottom: 16px;
}
.carlist li .carlist-details .carlist-explanation p {
  font-size: 11px;
  font-size: 1.1rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
.carlist li .carlist-details .carlist-price {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
}
.carlist li .carlist-details .carlist-price h3 {
  font-size: 10px;
  font-size: 1rem;
}
.carlist li .carlist-details .carlist-price p {
  font-weight: 700;
}
.carlist li .carlist-details .carlist-price .carlist-price-base {
  flex: 0 0 50%;
}
.carlist li .carlist-details .carlist-price .carlist-price-base p {
  font-size: 18px;
  font-size: 1.8rem;
}
.carlist li .carlist-details .carlist-price .carlist-price-total {
  flex: 0 0 50%;
  text-align: right;
}
.carlist li .carlist-details .carlist-price .carlist-price-total h3, .carlist li .carlist-details .carlist-price .carlist-price-total p {
  color: #E78914;
}
.carlist li .carlist-details .carlist-price .carlist-price-total p {
  font-weight: 900;
  font-size: 26px;
  font-size: 2.6rem;
}
.carlist li .to-details {
  flex: 0 0 auto;
  flex-grow: 0;
  display: flex;
  justify-content: space-between;
}
.carlist li .to-details p {
  letter-spacing: 0;
  flex: 0 0 49%;
  align-self: flex-end;
}
.carlist li .to-details p a {
  display: block;
  background: #403C37;
  color: #fff;
  font-weight: 900;
  text-decoration: none;
  text-align: center;
  padding: 8px 4px;
  transition: all 0.6s;
}
.carlist li .to-details p a:hover {
  background: #1D1B18;
  color: #E78914;
}
.carlist .nofit {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  padding: 16px;
}
@media (max-width: 670px) {
  .carlist {
    padding: 8px;
  }
  .carlist li {
    max-width: 49%;
    flex: 0 0 49%;
    margin-right: 2%;
  }
  .carlist li .carlist-main .carlist-name p {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .carlist li .carlist-details .carlist-equipment {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0px;
    line-height: 1.2;
  }
  .carlist li .carlist-details .carlist-price .carlist-price-base p {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .carlist li .carlist-details .carlist-price .carlist-price-total p {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .carlist li:nth-child(3n) {
    margin-right: 2%;
  }
  .carlist li:nth-child(2n) {
    margin-right: 0;
  }
}

/* END:Top Page Style
 * =================================================================================
**/
/* each Page Style
 * =================================================================================
**/
.car-details {
  background: #fff;
  padding: 16px;
}
.car-details .car-details-carname {
  margin-bottom: 16px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.car-details .car-details-carname h2 {
  flex: 0 0 auto;
  max-width: 100%;
  display: block;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  margin-right: 16px;
}
.car-details .car-details-carname h2 a {
  text-decoration: none;
  color: #222;
}
.car-details .car-details-carname p {
  flex: 0 0 auto;
  display: block;
  width: 100%;
}
@media (max-width: 670px) {
  .car-details .car-details-carname {
    width: 100%;
  }
  .car-details .car-details-carname p {
    flex: 0 0 100%;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0;
  }
}
.car-details .cardetails-text {
  margin-bottom: 16px;
}
.car-details .car-details-info {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 8px;
}
.car-details .car-details-info .car-details-price {
  width: 32%;
  max-width: 32%;
  flex: 0 0 32%;
  padding-right: 3%;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
}
.car-details .car-details-info .car-details-price .hosoku {
  flex: 0 0 100%;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 400;
}
.car-details .car-details-info .car-details-price h3 {
  font-size: 10px;
  font-size: 1rem;
}
.car-details .car-details-info .car-details-price p {
  font-weight: 700;
}
.car-details .car-details-info .car-details-price .carlist-price-base {
  flex: 0 0 50%;
}
.car-details .car-details-info .car-details-price .carlist-price-base p {
  font-size: 18px;
  font-size: 1.8rem;
}
.car-details .car-details-info .car-details-price .carlist-price-total {
  flex: 0 0 50%;
  text-align: right;
}
.car-details .car-details-info .car-details-price .carlist-price-total h3, .car-details .car-details-info .car-details-price .carlist-price-total p {
  color: #E78914;
}
.car-details .car-details-info .car-details-price .carlist-price-total p {
  font-weight: 900;
  font-size: 26px;
  font-size: 2.6rem;
}
.car-details .car-details-info .car-details-info-text {
  width: 68%;
  max-width: 68%;
  flex: 0 0 68%;
}
.car-details .car-details-info .car-details-info-text table {
  width: 100%;
  border-left: solid 1px #DCDCDC;
}
.car-details .car-details-info .car-details-info-text table th, .car-details .car-details-info .car-details-info-text table td {
  border-right: dotted 1px #DCDCDC;
  text-align: center;
}
.car-details .car-details-info .car-details-info-text table th {
  font-weight: 700;
}
.car-details .car-details-info .car-details-info-text table td {
  font-size: 12px;
  font-size: 1.2rem;
}
@media (max-width: 670px) {
  .car-details .car-details-info .car-details-price, .car-details .car-details-info .car-details-info-text {
    max-width: 100%;
    flex: 100%;
  }
}
.car-details .car-details-slide {
  margin-bottom: 16px;
}
.car-details .gallery-top {
  width: auto;
  margin-bottom: 8px;
}
.car-details .gallery-top .swiper-slide {
  margin-bottom: 8px;
}
.car-details .gallery-top img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.car-details .gallery-top .firstbox, .car-details .gallery-top .clone-thumbsbox {
  display: flex;
  flex-flow: row nowrap;
}
.car-details .gallery-top .firstbox .carimagetext, .car-details .gallery-top .clone-thumbsbox .carimagetext {
  max-width: 26%;
  flex: 0 0 26%;
  padding: 16px;
  margin-left: 1%;
  order: 1;
  border: solid 1px #F1F1F1;
  background: #fff;
}
.car-details .gallery-top .firstbox .carimagetext p, .car-details .gallery-top .clone-thumbsbox .carimagetext p {
  font-weight: 600;
  color: #444;
}
.car-details .gallery-top .firstbox .carimage-img, .car-details .gallery-top .clone-thumbsbox .carimage-img {
  max-width: 73%;
  flex: 0 0 73%;
  order: 0;
}
.car-details .gallery-top .firstbox .carimage-img img, .car-details .gallery-top .clone-thumbsbox .carimage-img img {
  width: 100%;
  height: auto;
}
@media (max-width: 670px) {
  .car-details .gallery-top .firstbox, .car-details .gallery-top .clone-thumbsbox {
    flex-flow: row wrap;
  }
  .car-details .gallery-top .firstbox .carimagetext, .car-details .gallery-top .firstbox .carimage-img, .car-details .gallery-top .clone-thumbsbox .carimagetext, .car-details .gallery-top .clone-thumbsbox .carimage-img {
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0;
  }
}
.car-details .gallery-thumbs {
  display: flex;
  flex-flow: row wrap;
}
.car-details .gallery-thumbs > div {
  width: 9.55%;
  max-width: 9.55%;
  flex: 0 0 9.55%;
  margin-right: 0.5%;
  margin-bottom: 8px;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.6s;
}
.car-details .gallery-thumbs > div:nth-child(10n) {
  margin-right: 0;
}
.car-details .gallery-thumbs > div img {
  width: 100%;
  height: auto;
}
.car-details .gallery-thumbs > div:hover {
  opacity: 1;
}
.car-details .gallery-thumbs > div .carimagetext p {
  display: none;
}
.car-details .gallery-thumbs .currentimage {
  opacity: 1;
}
@media (max-width: 670px) {
  .car-details .gallery-thumbs > div {
    max-width: 19.2%;
    flex: 0 0 19.2%;
    margin-right: 1%;
  }
  .car-details .gallery-thumbs > div:nth-child(5n) {
    margin-right: 0;
  }
}

.soubi ul {
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.soubi ul li {
  max-width: 19.2%;
  flex: 0 0 19.2%;
  background: #f5f5f5;
  margin-bottom: 8px;
  padding: 4px;
  text-align: center;
  color: #999;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: -1;
  flex-grow: 1;
}
.soubi ul li:nth-child(5n) {
  margin-right: 0;
}
.soubi ul li.check-on {
  background-color: #E78914;
  color: #fff;
  font-weight: 700;
}
.soubi ul li:last-child {
  margin-right: 0;
}
.soubi ul li.double {
  max-width: 39.4%;
  flex: 0 0 39.4%;
}
@media (max-width: 670px) {
  .soubi ul li {
    max-width: 49%;
    flex: 0 0 49%;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .soubi ul li:nth-child(2n) {
    margin-right: 0;
  }
  .soubi ul li.double {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .soubi ul li:nth-child(29), .soubi ul li:nth-child(41) {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

#page-details-main {
  background: #fff;
  padding: 16px;
}

.job-table {
  margin-bottom: 56px;
}

.shoplist {
  margin-top: 32px;
}
.shoplist:first-child {
  margin-top: 0;
}
.shoplist .boxwrap1, .shoplist .boxwrap2, .shoplist .boxwrap3, .shoplist .to-buttonbox, .shoplist .qabox, .shoplist .stepbox, .shoplist .cap-property, .shoplist .detailsbox, .shoplist .opendetails, .shoplist .to-inquirybox {
  margin-bottom: 16px;
}
.shoplist .add-info {
  margin-top: 16px;
}
.shoplist .add-info dl {
  display: table;
  width: 100%;
}
.shoplist .add-info dl dt, .shoplist .add-info dl dd {
  display: table-cell;
  padding: 8px;
  border-bottom: solid 1px #fff;
}
.shoplist .add-info dl dt {
  width: 20%;
  background: #F1F1F1;
  text-align: center;
  font-weight: 700;
}
.shoplist .add-info dl dd {
  width: 80%;
  border-bottom-color: #F1F1F1;
}
.shoplist .map {
  margin-top: 16px;
  margin-bottom: 16px;
}
.shoplist .map iframe {
  width: 100%;
}
.shoplist .shoplist-listimg ul {
  padding: 0;
  display: flex;
  flex-flow: row wrap;
}
.shoplist .shoplist-listimg ul li {
  max-width: 32%;
  flex: 0 0 32%;
  margin-right: 2%;
}
.shoplist .shoplist-listimg ul li img {
  width: 100%;
  height: auto;
  margin-bottom: 8px;
}
.shoplist .shoplist-listimg ul li p {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}
.shoplist .shoplist-listimg ul li:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 670px) {
  .shoplist .boxwrap1 img.il, .shoplist .boxwrap2 img.il, .shoplist .boxwrap3 img.il, .shoplist .to-buttonbox img.il, .shoplist .qabox img.il, .shoplist .stepbox img.il, .shoplist .cap-property img.il, .shoplist .detailsbox img.il, .shoplist .opendetails img.il, .shoplist .to-inquirybox img.il {
    max-width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 16px;
  }
  .shoplist .add-info dl dt {
    width: 30%;
  }
  .shoplist .add-info dl dd {
    width: 70%;
  }
  .shoplist .map iframe {
    height: 300px;
  }
}

.shop-detail-wrap iframe {
  width: 100%;
}

/* END:each Page Style
 * =================================================================================
**/
/* service Page Style
 * =================================================================================
**/
.cap-l3 {
  margin-top: 32px;
  text-align: center;
}
.cap-l3 h2 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #DD2D63;
  font-weight: 900;
}
.cap-l3 h3 {
  font-size: 12px;
  font-size: 1.2rem;
  color: #9FA0A0;
}
#page-details-main .cap-l3:first-child {
  margin-top: 0;
}

.cap-s-service {
  margin-top: 24px;
  text-align: center;
}
.cap-s-service h4 {
  color: #DD2D63;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}

.plandata {
  margin-top: 16px;
  display: table;
  width: 100%;
  border-bottom: dotted 1px #DCDCDC;
}
.plandata dt, .plandata dd {
  display: table-cell;
}
.plandata dt {
  width: 80%;
}
.plandata dt h2 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.plandata dd {
  width: 20%;
  text-align: right;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 670px) {
  .plandata {
    display: block;
  }
  .plandata dt, .plandata dd {
    display: block;
    width: 100%;
  }
  .plandata dd {
    padding-bottom: 8px;
  }
}

.plan-sub dt, .plan-sub dd {
  padding: 8px 0;
}

.price-text {
  margin-top: 32px;
  font-size: 12px;
  font-size: 1.2rem;
}

.to-inquirybox-service {
  margin-top: 16px;
}
.to-inquirybox-service h2 {
  text-align: center;
}
.to-inquirybox-service .left, .to-inquirybox-service .il {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  border-right: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.to-inquirybox-service .left h2, .to-inquirybox-service .il h2 {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}
.to-inquirybox-service .left dl, .to-inquirybox-service .il dl {
  margin-top: 8px;
  max-width: 48%;
  flex: 0 0 48%;
}
.to-inquirybox-service .left dl dt, .to-inquirybox-service .il dl dt {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
}
.to-inquirybox-service .left h3, .to-inquirybox-service .il h3 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 900;
  display: block;
  width: 100%;
  text-align: center;
}
.to-inquirybox-service .left h3 a, .to-inquirybox-service .il h3 a {
  display: block;
  background: #E78914 url("../img/to-inquiry-mail.svg") no-repeat 16px center;
  background-size: 19px 14px;
  color: #fff;
  text-decoration: none;
  padding: 8px;
  margin: 8px 0 0 0;
  transition: all 0.6s;
}
.to-inquirybox-service .left h3 a:hover, .to-inquirybox-service .il h3 a:hover {
  background-color: #985B0F;
}
@media (max-width: 670px) {
  .to-inquirybox-service .left dl, .to-inquirybox-service .il dl {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

/* END:service Page Style
 * =================================================================================
**/
/* sell Page Style
 * =================================================================================
**/
.page-template-page-sell #main img {
  width: 100%;
  height: auto;
}

/* END:sell Page Style
 * =================================================================================
**/
/* Inquiry Page Style
 * =================================================================================
**/
.inquiry-wrap {
  background: #fff;
  padding: 16px;
}

.formpage p, .page-template-page-sell p {
  font-weight: 700;
}
.formpage dl dt, .page-template-page-sell dl dt {
  font-weight: bold;
}
.formpage dl dd, .page-template-page-sell dl dd {
  margin: 8px 0 24px 0;
  min-height: 24px;
}
.formpage .mw_wp_form_confirm dd, .page-template-page-sell .mw_wp_form_confirm dd {
  background-color: #F1F1F1;
  padding: 4px;
  border: solid 1px #DCDCDC;
}
.formpage input, .formpage textarea, .page-template-page-sell input, .page-template-page-sell textarea {
  padding: 4px;
  border: solid 1px #DCDCDC;
}
.formpage input[type=text], .formpage input[type=email], .formpage textarea, .page-template-page-sell input[type=text], .page-template-page-sell input[type=email], .page-template-page-sell textarea {
  width: 100%;
}
.formpage .wpcf7-list-item, .page-template-page-sell .wpcf7-list-item {
  margin-right: 16px;
}
.formpage .wpcf7-list-item input, .page-template-page-sell .wpcf7-list-item input {
  margin-right: 8px;
}
.formpage .fm-txt, .formpage .fm-sel, .formpage .fm-texa, .formpage .fm-chk, .formpage .fm-rad, .page-template-page-sell .fm-txt, .page-template-page-sell .fm-sel, .page-template-page-sell .fm-texa, .page-template-page-sell .fm-chk, .page-template-page-sell .fm-rad {
  padding: 4px;
  margin: 8px;
  border: solid 1px #DCDCDC;
}
.formpage .fm-txt:focus, .formpage .fm-sel:focus, .formpage .fm-texa:focus, .formpage .fm-chk:focus, .formpage .fm-rad:focus, .page-template-page-sell .fm-txt:focus, .page-template-page-sell .fm-sel:focus, .page-template-page-sell .fm-texa:focus, .page-template-page-sell .fm-chk:focus, .page-template-page-sell .fm-rad:focus {
  box-shadow: 0 0 8px rgba(100, 100, 100, 0.15);
  border-color: #ddd;
}
.formpage .fm-txt, .formpage .fm-texa, .page-template-page-sell .fm-txt, .page-template-page-sell .fm-texa {
  width: 95%;
}
.formpage .to-submit, .page-template-page-sell .to-submit {
  text-align: center;
}
.formpage .to-submit input, .page-template-page-sell .to-submit input {
  padding: 16px;
  background: #403C37;
  border: none;
  border-radius: 2px;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  transition: all 0.6s;
}
.formpage .to-submit input:hover, .page-template-page-sell .to-submit input:hover {
  opacity: 0.8;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.formpage .carname input:read-only, .formpage .carvincode input:read-only, .formpage .tenponame input:read-only, .page-template-page-sell .carname input:read-only, .page-template-page-sell .carvincode input:read-only, .page-template-page-sell .tenponame input:read-only {
  background: #F1F1F1;
}
.formpage .to-submit, .formpage button, .page-template-page-sell .to-submit, .page-template-page-sell button {
  display: block;
  background: #E78914 url("../img/to-inquiry-mail.svg") no-repeat 16px center;
  background-size: 19px 14px;
  color: #fff;
  text-decoration: none;
  padding: 8px;
  margin: 0 auto;
  transition: all 0.6s;
  width: 40%;
  cursor: pointer;
}
.formpage .to-submit:hover, .formpage button:hover, .page-template-page-sell .to-submit:hover, .page-template-page-sell button:hover {
  background-color: #985B0F;
}
.formpage button, .page-template-page-sell button {
  border: none;
  background-color: #985B0F;
}
@media (max-width: 670px) {
  .formpage .to-submit, .formpage button, .page-template-page-sell .to-submit, .page-template-page-sell button {
    width: 100%;
  }
}

.red {
  color: #f00;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.hideText {
  display: none;
}

.toTelLink, .toMailLink {
  display: block;
  background: #E78914 url("../img/to-box-tel2.svg") no-repeat 16px center;
  background-size: 19px 14px;
  color: #fff;
  text-decoration: none;
  padding: 8px 0;
  margin: 0 auto 16px auto;
  transition: all 0.6s;
  width: 40%;
  cursor: pointer;
  text-align: center;
}
.toTelLink:hover, .toMailLink:hover {
  background-color: #985B0F;
}
@media (max-width: 670px) {
  .toTelLink, .toMailLink {
    width: 100%;
  }
}

.toMailLink {
  background: #E78914 url("../img/to-inquiry-mail.svg") no-repeat 16px center;
  background-size: 20px;
}

.remodal .cap-l2 {
  text-align: left;
}

.modalInShop h3 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.inquiryModalTel {
  flex: 0 0 100%;
  color: #E78914;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 900;
  font-style: normal;
  margin: 8px 0;
}
.inquiryModalTel a {
  background: url("../img/to-box-tel.svg") no-repeat left center;
  background-size: 30px 30px;
  padding-left: 48px;
  color: #E78914;
  text-decoration: none;
}

.requiredCaption {
  background-color: #E71438;
  color: #fff;
  border-radius: 4px;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: normal;
  padding: 4px;
}

.mw_wp_form_input .error {
  font-weight: bold;
}

#inquiryPage p {
  font-weight: normal;
}

/* END:Inquiry Page Style
 * =================================================================================
**/
/* END:LightBox2 Style
 * =================================================================================
**/
.lb-nav a.lb-prev, .lb-nav a.lb-next {
  background-size: 16px 16px;
}

.lb-nav a.lb-prev {
  background-position-x: 4%;
}

.lb-nav a.lb-next {
  background-position-x: 98%;
}

/* END:LightBox2 Style
 * =================================================================================
**/
/* Custom Scroll Style
 * =================================================================================
**/
.ps .ps__scrollbar-y-rail {
  opacity: 0.4;
}
.ps .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background: #E78914;
}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background: #E78914;
}
.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background: #E78914;
}
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background: #E71438;
}

.tete {
  background: #f00;
}

.tetetest1229 {
  background-color: #fff;
  color: aqua;
}

.aa {
  color: crimson;
}

/* END:Custom Scroll Style
 * =================================================================================
**/
/* ReModal Style
 * =================================================================================
**/
.remodal-wrapper {
  background: rgba(10, 10, 10, 0.6);
}

.remodal-is-initialized {
  overflow: scroll;
}

/* ReModal Style
 * =================================================================================
**/