@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

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

.fz6 {
  font-size: 6px !important;
}

.fz7 {
  font-size: 7px !important;
}

.fz8 {
  font-size: 8px !important;
}

.fz9 {
  font-size: 9px !important;
}

.fz10 {
  font-size: 10px !important;
}

.fz11 {
  font-size: 11px !important;
}

.fz12 {
  font-size: 12px !important;
}

.fz13 {
  font-size: 13px !important;
}

.fz14 {
  font-size: 14px !important;
}

.fz15 {
  font-size: 15px !important;
}

.fz16 {
  font-size: 16px !important;
}

.fz17 {
  font-size: 17px !important;
}

.fz18 {
  font-size: 18px !important;
}

.fz19 {
  font-size: 19px !important;
}

.fz20 {
  font-size: 20px !important;
}

.fz21 {
  font-size: 21px !important;
}

.fz22 {
  font-size: 22px !important;
}

.fz23 {
  font-size: 23px !important;
}

.fz24 {
  font-size: 24px !important;
}

.fz25 {
  font-size: 25px !important;
}

.fz26 {
  font-size: 26px !important;
}

.fz27 {
  font-size: 27px !important;
}

.fz28 {
  font-size: 28px !important;
}

.fz29 {
  font-size: 29px !important;
}

.fz30 {
  font-size: 30px !important;
}

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

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

.ml0 {
  margin-left: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

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

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

.pl0 {
  padding-left: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

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

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

.ml10 {
  margin-left: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

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

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

.pl10 {
  padding-left: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

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

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

.ml20 {
  margin-left: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

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

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

.pl20 {
  padding-left: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

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

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

.ml30 {
  margin-left: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

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

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

.pl30 {
  padding-left: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

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

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

.ml40 {
  margin-left: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

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

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

.pl40 {
  padding-left: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

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

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

.ml50 {
  margin-left: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

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

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

.pl50 {
  padding-left: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

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

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

.ml60 {
  margin-left: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

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

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

.pl60 {
  padding-left: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

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

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

.ml70 {
  margin-left: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

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

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

.pl70 {
  padding-left: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

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

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

.ml80 {
  margin-left: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

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

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

.pl80 {
  padding-left: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pr85 {
  padding-right: 85px !important;
}

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

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

.ml90 {
  margin-left: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

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

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

.pl90 {
  padding-left: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.pr95 {
  padding-right: 95px !important;
}

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

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

.ml100 {
  margin-left: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

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

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

.pl100 {
  padding-left: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.clearfix {
  overflow: hidden;
  *zoom: 1;
}

.txtC {
  text-align: center !important;
}

.txtR {
  text-align: right !important;
}

.txtL {
  text-align: Left !important;
}

img {
  vertical-align: bottom;
}

.bold {
  font-weight: bold;
}

.bdn {
  border: none !important;
}

.bdbn {
  border-bottom: none !important;
}

.bdrn {
  border-right: none !important;
}

.normalUl li {
  list-style-position: outside;
  list-style: disc;
  margin-left: 20px;
}

.normalOl li {
  margin-left: 20px;
  list-style: decimal;
}

.lsN {
  letter-spacing: -.15rem;
}

@media only screen and (max-width: 600px) {
  .sp-ma0 {
    margin: 0px !important;
  }
  .sp-mb0 {
    margin-bottom: 0px !important;
  }
  .sp-mt0 {
    margin-top: 0px !important;
  }
  .sp-ml0 {
    margin-left: 0px !important;
  }
  .sp-mr0 {
    margin-right: 0px !important;
  }
  .sp-ma5 {
    margin: 5px !important;
  }
  .sp-mb5 {
    margin-bottom: 5px !important;
  }
  .sp-mt5 {
    margin-top: 5px !important;
  }
  .sp-ml5 {
    margin-left: 5px !important;
  }
  .sp-mr5 {
    margin-right: 5px !important;
  }
  .sp-ma10 {
    margin: 10px !important;
  }
  .sp-mb10 {
    margin-bottom: 10px !important;
  }
  .sp-mt10 {
    margin-top: 10px !important;
  }
  .sp-ml10 {
    margin-left: 10px !important;
  }
  .sp-mr10 {
    margin-right: 10px !important;
  }
  .sp-ma15 {
    margin: 15px !important;
  }
  .sp-mb15 {
    margin-bottom: 15px !important;
  }
  .sp-mt15 {
    margin-top: 15px !important;
  }
  .sp-ml15 {
    margin-left: 15px !important;
  }
  .sp-mr15 {
    margin-right: 15px !important;
  }
  .sp-ma20 {
    margin: 20px !important;
  }
  .sp-mb20 {
    margin-bottom: 20px !important;
  }
  .sp-mt20 {
    margin-top: 20px !important;
  }
  .sp-ml20 {
    margin-left: 20px !important;
  }
  .sp-mr20 {
    margin-right: 20px !important;
  }
  .sp-ma25 {
    margin: 25px !important;
  }
  .sp-mb25 {
    margin-bottom: 25px !important;
  }
  .sp-mt25 {
    margin-top: 25px !important;
  }
  .sp-ml25 {
    margin-left: 25px !important;
  }
  .sp-mr25 {
    margin-right: 25px !important;
  }
  .sp-ma30 {
    margin: 30px !important;
  }
  .sp-mb30 {
    margin-bottom: 30px !important;
  }
  .sp-mt30 {
    margin-top: 30px !important;
  }
  .sp-ml30 {
    margin-left: 30px !important;
  }
  .sp-mr30 {
    margin-right: 30px !important;
  }
  .sp-ma35 {
    margin: 35px !important;
  }
  .sp-mb35 {
    margin-bottom: 35px !important;
  }
  .sp-mt35 {
    margin-top: 35px !important;
  }
  .sp-ml35 {
    margin-left: 35px !important;
  }
  .sp-mr35 {
    margin-right: 35px !important;
  }
  .sp-ma40 {
    margin: 40px !important;
  }
  .sp-mb40 {
    margin-bottom: 40px !important;
  }
  .sp-mt40 {
    margin-top: 40px !important;
  }
  .sp-ml40 {
    margin-left: 40px !important;
  }
  .sp-mr40 {
    margin-right: 40px !important;
  }
  .sp-ma45 {
    margin: 45px !important;
  }
  .sp-mb45 {
    margin-bottom: 45px !important;
  }
  .sp-mt45 {
    margin-top: 45px !important;
  }
  .sp-ml45 {
    margin-left: 45px !important;
  }
  .sp-mr45 {
    margin-right: 45px !important;
  }
  .sp-ma50 {
    margin: 50px !important;
  }
  .sp-mb50 {
    margin-bottom: 50px !important;
  }
  .sp-mt50 {
    margin-top: 50px !important;
  }
  .sp-ml50 {
    margin-left: 50px !important;
  }
  .sp-mr50 {
    margin-right: 50px !important;
  }
  .sp-ma55 {
    margin: 55px !important;
  }
  .sp-mb55 {
    margin-bottom: 55px !important;
  }
  .sp-mt55 {
    margin-top: 55px !important;
  }
  .sp-ml55 {
    margin-left: 55px !important;
  }
  .sp-mr55 {
    margin-right: 55px !important;
  }
  .sp-ma60 {
    margin: 60px !important;
  }
  .sp-mb60 {
    margin-bottom: 60px !important;
  }
  .sp-mt60 {
    margin-top: 60px !important;
  }
  .sp-ml60 {
    margin-left: 60px !important;
  }
  .sp-mr60 {
    margin-right: 60px !important;
  }
  .sp-ma65 {
    margin: 65px !important;
  }
  .sp-mb65 {
    margin-bottom: 65px !important;
  }
  .sp-mt65 {
    margin-top: 65px !important;
  }
  .sp-ml65 {
    margin-left: 65px !important;
  }
  .sp-mr65 {
    margin-right: 65px !important;
  }
  .sp-ma70 {
    margin: 70px !important;
  }
  .sp-mb70 {
    margin-bottom: 70px !important;
  }
  .sp-mt70 {
    margin-top: 70px !important;
  }
  .sp-ml70 {
    margin-left: 70px !important;
  }
  .sp-mr70 {
    margin-right: 70px !important;
  }
  .sp-ma75 {
    margin: 75px !important;
  }
  .sp-mb75 {
    margin-bottom: 75px !important;
  }
  .sp-mt75 {
    margin-top: 75px !important;
  }
  .sp-ml75 {
    margin-left: 75px !important;
  }
  .sp-mr75 {
    margin-right: 75px !important;
  }
  .sp-ma80 {
    margin: 80px !important;
  }
  .sp-mb80 {
    margin-bottom: 80px !important;
  }
  .sp-mt80 {
    margin-top: 80px !important;
  }
  .sp-ml80 {
    margin-left: 80px !important;
  }
  .sp-mr80 {
    margin-right: 80px !important;
  }
  .sp-ma85 {
    margin: 85px !important;
  }
  .sp-mb85 {
    margin-bottom: 85px !important;
  }
  .sp-mt85 {
    margin-top: 85px !important;
  }
  .sp-ml85 {
    margin-left: 85px !important;
  }
  .sp-mr85 {
    margin-right: 85px !important;
  }
  .sp-ma90 {
    margin: 90px !important;
  }
  .sp-mb90 {
    margin-bottom: 90px !important;
  }
  .sp-mt90 {
    margin-top: 90px !important;
  }
  .sp-ml90 {
    margin-left: 90px !important;
  }
  .sp-mr90 {
    margin-right: 90px !important;
  }
  .sp-ma95 {
    margin: 95px !important;
  }
  .sp-mb95 {
    margin-bottom: 95px !important;
  }
  .sp-mt95 {
    margin-top: 95px !important;
  }
  .sp-ml95 {
    margin-left: 95px !important;
  }
  .sp-mr95 {
    margin-right: 95px !important;
  }
  .sp-ma100 {
    margin: 100px !important;
  }
  .sp-mb100 {
    margin-bottom: 100px !important;
  }
  .sp-mt100 {
    margin-top: 100px !important;
  }
  .sp-ml100 {
    margin-left: 100px !important;
  }
  .sp-mr100 {
    margin-right: 100px !important;
  }
  .sp-ma105 {
    margin: 105px !important;
  }
  .sp-mb105 {
    margin-bottom: 105px !important;
  }
  .sp-mt105 {
    margin-top: 105px !important;
  }
  .sp-ml105 {
    margin-left: 105px !important;
  }
  .sp-mr105 {
    margin-right: 105px !important;
  }
  .sp-ma110 {
    margin: 110px !important;
  }
  .sp-mb110 {
    margin-bottom: 110px !important;
  }
  .sp-mt110 {
    margin-top: 110px !important;
  }
  .sp-ml110 {
    margin-left: 110px !important;
  }
  .sp-mr110 {
    margin-right: 110px !important;
  }
  .sp-ma115 {
    margin: 115px !important;
  }
  .sp-mb115 {
    margin-bottom: 115px !important;
  }
  .sp-mt115 {
    margin-top: 115px !important;
  }
  .sp-ml115 {
    margin-left: 115px !important;
  }
  .sp-mr115 {
    margin-right: 115px !important;
  }
  .sp-ma120 {
    margin: 120px !important;
  }
  .sp-mb120 {
    margin-bottom: 120px !important;
  }
  .sp-mt120 {
    margin-top: 120px !important;
  }
  .sp-ml120 {
    margin-left: 120px !important;
  }
  .sp-mr120 {
    margin-right: 120px !important;
  }
  .sp-ma125 {
    margin: 125px !important;
  }
  .sp-mb125 {
    margin-bottom: 125px !important;
  }
  .sp-mt125 {
    margin-top: 125px !important;
  }
  .sp-ml125 {
    margin-left: 125px !important;
  }
  .sp-mr125 {
    margin-right: 125px !important;
  }
  .sp-ma130 {
    margin: 130px !important;
  }
  .sp-mb130 {
    margin-bottom: 130px !important;
  }
  .sp-mt130 {
    margin-top: 130px !important;
  }
  .sp-ml130 {
    margin-left: 130px !important;
  }
  .sp-mr130 {
    margin-right: 130px !important;
  }
  .sp-ma135 {
    margin: 135px !important;
  }
  .sp-mb135 {
    margin-bottom: 135px !important;
  }
  .sp-mt135 {
    margin-top: 135px !important;
  }
  .sp-ml135 {
    margin-left: 135px !important;
  }
  .sp-mr135 {
    margin-right: 135px !important;
  }
  .sp-ma140 {
    margin: 140px !important;
  }
  .sp-mb140 {
    margin-bottom: 140px !important;
  }
  .sp-mt140 {
    margin-top: 140px !important;
  }
  .sp-ml140 {
    margin-left: 140px !important;
  }
  .sp-mr140 {
    margin-right: 140px !important;
  }
  .sp-ma145 {
    margin: 145px !important;
  }
  .sp-mb145 {
    margin-bottom: 145px !important;
  }
  .sp-mt145 {
    margin-top: 145px !important;
  }
  .sp-ml145 {
    margin-left: 145px !important;
  }
  .sp-mr145 {
    margin-right: 145px !important;
  }
  .sp-ma150 {
    margin: 150px !important;
  }
  .sp-mb150 {
    margin-bottom: 150px !important;
  }
  .sp-mt150 {
    margin-top: 150px !important;
  }
  .sp-ml150 {
    margin-left: 150px !important;
  }
  .sp-mr150 {
    margin-right: 150px !important;
  }
  .sp-ma155 {
    margin: 155px !important;
  }
  .sp-mb155 {
    margin-bottom: 155px !important;
  }
  .sp-mt155 {
    margin-top: 155px !important;
  }
  .sp-ml155 {
    margin-left: 155px !important;
  }
  .sp-mr155 {
    margin-right: 155px !important;
  }
  .sp-ma160 {
    margin: 160px !important;
  }
  .sp-mb160 {
    margin-bottom: 160px !important;
  }
  .sp-mt160 {
    margin-top: 160px !important;
  }
  .sp-ml160 {
    margin-left: 160px !important;
  }
  .sp-mr160 {
    margin-right: 160px !important;
  }
  .sp-ma165 {
    margin: 165px !important;
  }
  .sp-mb165 {
    margin-bottom: 165px !important;
  }
  .sp-mt165 {
    margin-top: 165px !important;
  }
  .sp-ml165 {
    margin-left: 165px !important;
  }
  .sp-mr165 {
    margin-right: 165px !important;
  }
  .sp-ma170 {
    margin: 170px !important;
  }
  .sp-mb170 {
    margin-bottom: 170px !important;
  }
  .sp-mt170 {
    margin-top: 170px !important;
  }
  .sp-ml170 {
    margin-left: 170px !important;
  }
  .sp-mr170 {
    margin-right: 170px !important;
  }
  .sp-ma175 {
    margin: 175px !important;
  }
  .sp-mb175 {
    margin-bottom: 175px !important;
  }
  .sp-mt175 {
    margin-top: 175px !important;
  }
  .sp-ml175 {
    margin-left: 175px !important;
  }
  .sp-mr175 {
    margin-right: 175px !important;
  }
  .sp-ma180 {
    margin: 180px !important;
  }
  .sp-mb180 {
    margin-bottom: 180px !important;
  }
  .sp-mt180 {
    margin-top: 180px !important;
  }
  .sp-ml180 {
    margin-left: 180px !important;
  }
  .sp-mr180 {
    margin-right: 180px !important;
  }
  .sp-ma185 {
    margin: 185px !important;
  }
  .sp-mb185 {
    margin-bottom: 185px !important;
  }
  .sp-mt185 {
    margin-top: 185px !important;
  }
  .sp-ml185 {
    margin-left: 185px !important;
  }
  .sp-mr185 {
    margin-right: 185px !important;
  }
  .sp-ma190 {
    margin: 190px !important;
  }
  .sp-mb190 {
    margin-bottom: 190px !important;
  }
  .sp-mt190 {
    margin-top: 190px !important;
  }
  .sp-ml190 {
    margin-left: 190px !important;
  }
  .sp-mr190 {
    margin-right: 190px !important;
  }
  .sp-ma195 {
    margin: 195px !important;
  }
  .sp-mb195 {
    margin-bottom: 195px !important;
  }
  .sp-mt195 {
    margin-top: 195px !important;
  }
  .sp-ml195 {
    margin-left: 195px !important;
  }
  .sp-mr195 {
    margin-right: 195px !important;
  }
  .sp-ma200 {
    margin: 200px !important;
  }
  .sp-mb200 {
    margin-bottom: 200px !important;
  }
  .sp-mt200 {
    margin-top: 200px !important;
  }
  .sp-ml200 {
    margin-left: 200px !important;
  }
  .sp-mr200 {
    margin-right: 200px !important;
  }
  .sp-ma205 {
    margin: 205px !important;
  }
  .sp-mb205 {
    margin-bottom: 205px !important;
  }
  .sp-mt205 {
    margin-top: 205px !important;
  }
  .sp-ml205 {
    margin-left: 205px !important;
  }
  .sp-mr205 {
    margin-right: 205px !important;
  }
  .sp-ma210 {
    margin: 210px !important;
  }
  .sp-mb210 {
    margin-bottom: 210px !important;
  }
  .sp-mt210 {
    margin-top: 210px !important;
  }
  .sp-ml210 {
    margin-left: 210px !important;
  }
  .sp-mr210 {
    margin-right: 210px !important;
  }
  .sp-ma215 {
    margin: 215px !important;
  }
  .sp-mb215 {
    margin-bottom: 215px !important;
  }
  .sp-mt215 {
    margin-top: 215px !important;
  }
  .sp-ml215 {
    margin-left: 215px !important;
  }
  .sp-mr215 {
    margin-right: 215px !important;
  }
  .sp-ma220 {
    margin: 220px !important;
  }
  .sp-mb220 {
    margin-bottom: 220px !important;
  }
  .sp-mt220 {
    margin-top: 220px !important;
  }
  .sp-ml220 {
    margin-left: 220px !important;
  }
  .sp-mr220 {
    margin-right: 220px !important;
  }
  .sp-ma225 {
    margin: 225px !important;
  }
  .sp-mb225 {
    margin-bottom: 225px !important;
  }
  .sp-mt225 {
    margin-top: 225px !important;
  }
  .sp-ml225 {
    margin-left: 225px !important;
  }
  .sp-mr225 {
    margin-right: 225px !important;
  }
  .sp-ma230 {
    margin: 230px !important;
  }
  .sp-mb230 {
    margin-bottom: 230px !important;
  }
  .sp-mt230 {
    margin-top: 230px !important;
  }
  .sp-ml230 {
    margin-left: 230px !important;
  }
  .sp-mr230 {
    margin-right: 230px !important;
  }
  .sp-ma235 {
    margin: 235px !important;
  }
  .sp-mb235 {
    margin-bottom: 235px !important;
  }
  .sp-mt235 {
    margin-top: 235px !important;
  }
  .sp-ml235 {
    margin-left: 235px !important;
  }
  .sp-mr235 {
    margin-right: 235px !important;
  }
  .sp-ma240 {
    margin: 240px !important;
  }
  .sp-mb240 {
    margin-bottom: 240px !important;
  }
  .sp-mt240 {
    margin-top: 240px !important;
  }
  .sp-ml240 {
    margin-left: 240px !important;
  }
  .sp-mr240 {
    margin-right: 240px !important;
  }
  .sp-ma245 {
    margin: 245px !important;
  }
  .sp-mb245 {
    margin-bottom: 245px !important;
  }
  .sp-mt245 {
    margin-top: 245px !important;
  }
  .sp-ml245 {
    margin-left: 245px !important;
  }
  .sp-mr245 {
    margin-right: 245px !important;
  }
  .sp-ma250 {
    margin: 250px !important;
  }
  .sp-mb250 {
    margin-bottom: 250px !important;
  }
  .sp-mt250 {
    margin-top: 250px !important;
  }
  .sp-ml250 {
    margin-left: 250px !important;
  }
  .sp-mr250 {
    margin-right: 250px !important;
  }
  .sp-ma255 {
    margin: 255px !important;
  }
  .sp-mb255 {
    margin-bottom: 255px !important;
  }
  .sp-mt255 {
    margin-top: 255px !important;
  }
  .sp-ml255 {
    margin-left: 255px !important;
  }
  .sp-mr255 {
    margin-right: 255px !important;
  }
  .sp-ma260 {
    margin: 260px !important;
  }
  .sp-mb260 {
    margin-bottom: 260px !important;
  }
  .sp-mt260 {
    margin-top: 260px !important;
  }
  .sp-ml260 {
    margin-left: 260px !important;
  }
  .sp-mr260 {
    margin-right: 260px !important;
  }
  .sp-ma265 {
    margin: 265px !important;
  }
  .sp-mb265 {
    margin-bottom: 265px !important;
  }
  .sp-mt265 {
    margin-top: 265px !important;
  }
  .sp-ml265 {
    margin-left: 265px !important;
  }
  .sp-mr265 {
    margin-right: 265px !important;
  }
  .sp-ma270 {
    margin: 270px !important;
  }
  .sp-mb270 {
    margin-bottom: 270px !important;
  }
  .sp-mt270 {
    margin-top: 270px !important;
  }
  .sp-ml270 {
    margin-left: 270px !important;
  }
  .sp-mr270 {
    margin-right: 270px !important;
  }
  .sp-ma275 {
    margin: 275px !important;
  }
  .sp-mb275 {
    margin-bottom: 275px !important;
  }
  .sp-mt275 {
    margin-top: 275px !important;
  }
  .sp-ml275 {
    margin-left: 275px !important;
  }
  .sp-mr275 {
    margin-right: 275px !important;
  }
  .sp-ma280 {
    margin: 280px !important;
  }
  .sp-mb280 {
    margin-bottom: 280px !important;
  }
  .sp-mt280 {
    margin-top: 280px !important;
  }
  .sp-ml280 {
    margin-left: 280px !important;
  }
  .sp-mr280 {
    margin-right: 280px !important;
  }
  .sp-ma285 {
    margin: 285px !important;
  }
  .sp-mb285 {
    margin-bottom: 285px !important;
  }
  .sp-mt285 {
    margin-top: 285px !important;
  }
  .sp-ml285 {
    margin-left: 285px !important;
  }
  .sp-mr285 {
    margin-right: 285px !important;
  }
  .sp-ma290 {
    margin: 290px !important;
  }
  .sp-mb290 {
    margin-bottom: 290px !important;
  }
  .sp-mt290 {
    margin-top: 290px !important;
  }
  .sp-ml290 {
    margin-left: 290px !important;
  }
  .sp-mr290 {
    margin-right: 290px !important;
  }
  .sp-ma295 {
    margin: 295px !important;
  }
  .sp-mb295 {
    margin-bottom: 295px !important;
  }
  .sp-mt295 {
    margin-top: 295px !important;
  }
  .sp-ml295 {
    margin-left: 295px !important;
  }
  .sp-mr295 {
    margin-right: 295px !important;
  }
  .sp-ma300 {
    margin: 300px !important;
  }
  .sp-mb300 {
    margin-bottom: 300px !important;
  }
  .sp-mt300 {
    margin-top: 300px !important;
  }
  .sp-ml300 {
    margin-left: 300px !important;
  }
  .sp-mr300 {
    margin-right: 300px !important;
  }
  .sp-ma305 {
    margin: 305px !important;
  }
  .sp-mb305 {
    margin-bottom: 305px !important;
  }
  .sp-mt305 {
    margin-top: 305px !important;
  }
  .sp-ml305 {
    margin-left: 305px !important;
  }
  .sp-mr305 {
    margin-right: 305px !important;
  }
  .sp-ma310 {
    margin: 310px !important;
  }
  .sp-mb310 {
    margin-bottom: 310px !important;
  }
  .sp-mt310 {
    margin-top: 310px !important;
  }
  .sp-ml310 {
    margin-left: 310px !important;
  }
  .sp-mr310 {
    margin-right: 310px !important;
  }
  .sp-ma315 {
    margin: 315px !important;
  }
  .sp-mb315 {
    margin-bottom: 315px !important;
  }
  .sp-mt315 {
    margin-top: 315px !important;
  }
  .sp-ml315 {
    margin-left: 315px !important;
  }
  .sp-mr315 {
    margin-right: 315px !important;
  }
  .sp-ma320 {
    margin: 320px !important;
  }
  .sp-mb320 {
    margin-bottom: 320px !important;
  }
  .sp-mt320 {
    margin-top: 320px !important;
  }
  .sp-ml320 {
    margin-left: 320px !important;
  }
  .sp-mr320 {
    margin-right: 320px !important;
  }
  .sp-ma325 {
    margin: 325px !important;
  }
  .sp-mb325 {
    margin-bottom: 325px !important;
  }
  .sp-mt325 {
    margin-top: 325px !important;
  }
  .sp-ml325 {
    margin-left: 325px !important;
  }
  .sp-mr325 {
    margin-right: 325px !important;
  }
  .sp-ma330 {
    margin: 330px !important;
  }
  .sp-mb330 {
    margin-bottom: 330px !important;
  }
  .sp-mt330 {
    margin-top: 330px !important;
  }
  .sp-ml330 {
    margin-left: 330px !important;
  }
  .sp-mr330 {
    margin-right: 330px !important;
  }
  .sp-ma335 {
    margin: 335px !important;
  }
  .sp-mb335 {
    margin-bottom: 335px !important;
  }
  .sp-mt335 {
    margin-top: 335px !important;
  }
  .sp-ml335 {
    margin-left: 335px !important;
  }
  .sp-mr335 {
    margin-right: 335px !important;
  }
  .sp-ma340 {
    margin: 340px !important;
  }
  .sp-mb340 {
    margin-bottom: 340px !important;
  }
  .sp-mt340 {
    margin-top: 340px !important;
  }
  .sp-ml340 {
    margin-left: 340px !important;
  }
  .sp-mr340 {
    margin-right: 340px !important;
  }
  .sp-ma345 {
    margin: 345px !important;
  }
  .sp-mb345 {
    margin-bottom: 345px !important;
  }
  .sp-mt345 {
    margin-top: 345px !important;
  }
  .sp-ml345 {
    margin-left: 345px !important;
  }
  .sp-mr345 {
    margin-right: 345px !important;
  }
  .sp-ma350 {
    margin: 350px !important;
  }
  .sp-mb350 {
    margin-bottom: 350px !important;
  }
  .sp-mt350 {
    margin-top: 350px !important;
  }
  .sp-ml350 {
    margin-left: 350px !important;
  }
  .sp-mr350 {
    margin-right: 350px !important;
  }
  .sp-ma355 {
    margin: 355px !important;
  }
  .sp-mb355 {
    margin-bottom: 355px !important;
  }
  .sp-mt355 {
    margin-top: 355px !important;
  }
  .sp-ml355 {
    margin-left: 355px !important;
  }
  .sp-mr355 {
    margin-right: 355px !important;
  }
  .sp-ma360 {
    margin: 360px !important;
  }
  .sp-mb360 {
    margin-bottom: 360px !important;
  }
  .sp-mt360 {
    margin-top: 360px !important;
  }
  .sp-ml360 {
    margin-left: 360px !important;
  }
  .sp-mr360 {
    margin-right: 360px !important;
  }
  .sp-ma365 {
    margin: 365px !important;
  }
  .sp-mb365 {
    margin-bottom: 365px !important;
  }
  .sp-mt365 {
    margin-top: 365px !important;
  }
  .sp-ml365 {
    margin-left: 365px !important;
  }
  .sp-mr365 {
    margin-right: 365px !important;
  }
  .sp-ma370 {
    margin: 370px !important;
  }
  .sp-mb370 {
    margin-bottom: 370px !important;
  }
  .sp-mt370 {
    margin-top: 370px !important;
  }
  .sp-ml370 {
    margin-left: 370px !important;
  }
  .sp-mr370 {
    margin-right: 370px !important;
  }
  .sp-ma375 {
    margin: 375px !important;
  }
  .sp-mb375 {
    margin-bottom: 375px !important;
  }
  .sp-mt375 {
    margin-top: 375px !important;
  }
  .sp-ml375 {
    margin-left: 375px !important;
  }
  .sp-mr375 {
    margin-right: 375px !important;
  }
  .sp-ma380 {
    margin: 380px !important;
  }
  .sp-mb380 {
    margin-bottom: 380px !important;
  }
  .sp-mt380 {
    margin-top: 380px !important;
  }
  .sp-ml380 {
    margin-left: 380px !important;
  }
  .sp-mr380 {
    margin-right: 380px !important;
  }
  .sp-ma385 {
    margin: 385px !important;
  }
  .sp-mb385 {
    margin-bottom: 385px !important;
  }
  .sp-mt385 {
    margin-top: 385px !important;
  }
  .sp-ml385 {
    margin-left: 385px !important;
  }
  .sp-mr385 {
    margin-right: 385px !important;
  }
  .sp-ma390 {
    margin: 390px !important;
  }
  .sp-mb390 {
    margin-bottom: 390px !important;
  }
  .sp-mt390 {
    margin-top: 390px !important;
  }
  .sp-ml390 {
    margin-left: 390px !important;
  }
  .sp-mr390 {
    margin-right: 390px !important;
  }
  .sp-ma395 {
    margin: 395px !important;
  }
  .sp-mb395 {
    margin-bottom: 395px !important;
  }
  .sp-mt395 {
    margin-top: 395px !important;
  }
  .sp-ml395 {
    margin-left: 395px !important;
  }
  .sp-mr395 {
    margin-right: 395px !important;
  }
  .sp-ma400 {
    margin: 400px !important;
  }
  .sp-mb400 {
    margin-bottom: 400px !important;
  }
  .sp-mt400 {
    margin-top: 400px !important;
  }
  .sp-ml400 {
    margin-left: 400px !important;
  }
  .sp-mr400 {
    margin-right: 400px !important;
  }
  .sp-ma405 {
    margin: 405px !important;
  }
  .sp-mb405 {
    margin-bottom: 405px !important;
  }
  .sp-mt405 {
    margin-top: 405px !important;
  }
  .sp-ml405 {
    margin-left: 405px !important;
  }
  .sp-mr405 {
    margin-right: 405px !important;
  }
  .sp-ma410 {
    margin: 410px !important;
  }
  .sp-mb410 {
    margin-bottom: 410px !important;
  }
  .sp-mt410 {
    margin-top: 410px !important;
  }
  .sp-ml410 {
    margin-left: 410px !important;
  }
  .sp-mr410 {
    margin-right: 410px !important;
  }
  .sp-ma415 {
    margin: 415px !important;
  }
  .sp-mb415 {
    margin-bottom: 415px !important;
  }
  .sp-mt415 {
    margin-top: 415px !important;
  }
  .sp-ml415 {
    margin-left: 415px !important;
  }
  .sp-mr415 {
    margin-right: 415px !important;
  }
  .sp-ma420 {
    margin: 420px !important;
  }
  .sp-mb420 {
    margin-bottom: 420px !important;
  }
  .sp-mt420 {
    margin-top: 420px !important;
  }
  .sp-ml420 {
    margin-left: 420px !important;
  }
  .sp-mr420 {
    margin-right: 420px !important;
  }
  .sp-ma425 {
    margin: 425px !important;
  }
  .sp-mb425 {
    margin-bottom: 425px !important;
  }
  .sp-mt425 {
    margin-top: 425px !important;
  }
  .sp-ml425 {
    margin-left: 425px !important;
  }
  .sp-mr425 {
    margin-right: 425px !important;
  }
  .sp-ma430 {
    margin: 430px !important;
  }
  .sp-mb430 {
    margin-bottom: 430px !important;
  }
  .sp-mt430 {
    margin-top: 430px !important;
  }
  .sp-ml430 {
    margin-left: 430px !important;
  }
  .sp-mr430 {
    margin-right: 430px !important;
  }
  .sp-ma435 {
    margin: 435px !important;
  }
  .sp-mb435 {
    margin-bottom: 435px !important;
  }
  .sp-mt435 {
    margin-top: 435px !important;
  }
  .sp-ml435 {
    margin-left: 435px !important;
  }
  .sp-mr435 {
    margin-right: 435px !important;
  }
  .sp-ma440 {
    margin: 440px !important;
  }
  .sp-mb440 {
    margin-bottom: 440px !important;
  }
  .sp-mt440 {
    margin-top: 440px !important;
  }
  .sp-ml440 {
    margin-left: 440px !important;
  }
  .sp-mr440 {
    margin-right: 440px !important;
  }
  .sp-ma445 {
    margin: 445px !important;
  }
  .sp-mb445 {
    margin-bottom: 445px !important;
  }
  .sp-mt445 {
    margin-top: 445px !important;
  }
  .sp-ml445 {
    margin-left: 445px !important;
  }
  .sp-mr445 {
    margin-right: 445px !important;
  }
  .sp-ma450 {
    margin: 450px !important;
  }
  .sp-mb450 {
    margin-bottom: 450px !important;
  }
  .sp-mt450 {
    margin-top: 450px !important;
  }
  .sp-ml450 {
    margin-left: 450px !important;
  }
  .sp-mr450 {
    margin-right: 450px !important;
  }
  .sp-ma455 {
    margin: 455px !important;
  }
  .sp-mb455 {
    margin-bottom: 455px !important;
  }
  .sp-mt455 {
    margin-top: 455px !important;
  }
  .sp-ml455 {
    margin-left: 455px !important;
  }
  .sp-mr455 {
    margin-right: 455px !important;
  }
  .sp-ma460 {
    margin: 460px !important;
  }
  .sp-mb460 {
    margin-bottom: 460px !important;
  }
  .sp-mt460 {
    margin-top: 460px !important;
  }
  .sp-ml460 {
    margin-left: 460px !important;
  }
  .sp-mr460 {
    margin-right: 460px !important;
  }
  .sp-ma465 {
    margin: 465px !important;
  }
  .sp-mb465 {
    margin-bottom: 465px !important;
  }
  .sp-mt465 {
    margin-top: 465px !important;
  }
  .sp-ml465 {
    margin-left: 465px !important;
  }
  .sp-mr465 {
    margin-right: 465px !important;
  }
  .sp-ma470 {
    margin: 470px !important;
  }
  .sp-mb470 {
    margin-bottom: 470px !important;
  }
  .sp-mt470 {
    margin-top: 470px !important;
  }
  .sp-ml470 {
    margin-left: 470px !important;
  }
  .sp-mr470 {
    margin-right: 470px !important;
  }
  .sp-ma475 {
    margin: 475px !important;
  }
  .sp-mb475 {
    margin-bottom: 475px !important;
  }
  .sp-mt475 {
    margin-top: 475px !important;
  }
  .sp-ml475 {
    margin-left: 475px !important;
  }
  .sp-mr475 {
    margin-right: 475px !important;
  }
  .sp-ma480 {
    margin: 480px !important;
  }
  .sp-mb480 {
    margin-bottom: 480px !important;
  }
  .sp-mt480 {
    margin-top: 480px !important;
  }
  .sp-ml480 {
    margin-left: 480px !important;
  }
  .sp-mr480 {
    margin-right: 480px !important;
  }
  .sp-ma485 {
    margin: 485px !important;
  }
  .sp-mb485 {
    margin-bottom: 485px !important;
  }
  .sp-mt485 {
    margin-top: 485px !important;
  }
  .sp-ml485 {
    margin-left: 485px !important;
  }
  .sp-mr485 {
    margin-right: 485px !important;
  }
  .sp-ma490 {
    margin: 490px !important;
  }
  .sp-mb490 {
    margin-bottom: 490px !important;
  }
  .sp-mt490 {
    margin-top: 490px !important;
  }
  .sp-ml490 {
    margin-left: 490px !important;
  }
  .sp-mr490 {
    margin-right: 490px !important;
  }
  .sp-ma495 {
    margin: 495px !important;
  }
  .sp-mb495 {
    margin-bottom: 495px !important;
  }
  .sp-mt495 {
    margin-top: 495px !important;
  }
  .sp-ml495 {
    margin-left: 495px !important;
  }
  .sp-mr495 {
    margin-right: 495px !important;
  }
  .sp-ma500 {
    margin: 500px !important;
  }
  .sp-mb500 {
    margin-bottom: 500px !important;
  }
  .sp-mt500 {
    margin-top: 500px !important;
  }
  .sp-ml500 {
    margin-left: 500px !important;
  }
  .sp-mr500 {
    margin-right: 500px !important;
  }
  .sp-ma505 {
    margin: 505px !important;
  }
  .sp-mb505 {
    margin-bottom: 505px !important;
  }
  .sp-mt505 {
    margin-top: 505px !important;
  }
  .sp-ml505 {
    margin-left: 505px !important;
  }
  .sp-mr505 {
    margin-right: 505px !important;
  }
  .sp-ma510 {
    margin: 510px !important;
  }
  .sp-mb510 {
    margin-bottom: 510px !important;
  }
  .sp-mt510 {
    margin-top: 510px !important;
  }
  .sp-ml510 {
    margin-left: 510px !important;
  }
  .sp-mr510 {
    margin-right: 510px !important;
  }
  .sp-ma515 {
    margin: 515px !important;
  }
  .sp-mb515 {
    margin-bottom: 515px !important;
  }
  .sp-mt515 {
    margin-top: 515px !important;
  }
  .sp-ml515 {
    margin-left: 515px !important;
  }
  .sp-mr515 {
    margin-right: 515px !important;
  }
  .sp-ma520 {
    margin: 520px !important;
  }
  .sp-mb520 {
    margin-bottom: 520px !important;
  }
  .sp-mt520 {
    margin-top: 520px !important;
  }
  .sp-ml520 {
    margin-left: 520px !important;
  }
  .sp-mr520 {
    margin-right: 520px !important;
  }
  .sp-ma525 {
    margin: 525px !important;
  }
  .sp-mb525 {
    margin-bottom: 525px !important;
  }
  .sp-mt525 {
    margin-top: 525px !important;
  }
  .sp-ml525 {
    margin-left: 525px !important;
  }
  .sp-mr525 {
    margin-right: 525px !important;
  }
  .sp-ma530 {
    margin: 530px !important;
  }
  .sp-mb530 {
    margin-bottom: 530px !important;
  }
  .sp-mt530 {
    margin-top: 530px !important;
  }
  .sp-ml530 {
    margin-left: 530px !important;
  }
  .sp-mr530 {
    margin-right: 530px !important;
  }
  .sp-ma535 {
    margin: 535px !important;
  }
  .sp-mb535 {
    margin-bottom: 535px !important;
  }
  .sp-mt535 {
    margin-top: 535px !important;
  }
  .sp-ml535 {
    margin-left: 535px !important;
  }
  .sp-mr535 {
    margin-right: 535px !important;
  }
  .sp-ma540 {
    margin: 540px !important;
  }
  .sp-mb540 {
    margin-bottom: 540px !important;
  }
  .sp-mt540 {
    margin-top: 540px !important;
  }
  .sp-ml540 {
    margin-left: 540px !important;
  }
  .sp-mr540 {
    margin-right: 540px !important;
  }
  .sp-ma545 {
    margin: 545px !important;
  }
  .sp-mb545 {
    margin-bottom: 545px !important;
  }
  .sp-mt545 {
    margin-top: 545px !important;
  }
  .sp-ml545 {
    margin-left: 545px !important;
  }
  .sp-mr545 {
    margin-right: 545px !important;
  }
  .sp-ma550 {
    margin: 550px !important;
  }
  .sp-mb550 {
    margin-bottom: 550px !important;
  }
  .sp-mt550 {
    margin-top: 550px !important;
  }
  .sp-ml550 {
    margin-left: 550px !important;
  }
  .sp-mr550 {
    margin-right: 550px !important;
  }
  .sp-ma555 {
    margin: 555px !important;
  }
  .sp-mb555 {
    margin-bottom: 555px !important;
  }
  .sp-mt555 {
    margin-top: 555px !important;
  }
  .sp-ml555 {
    margin-left: 555px !important;
  }
  .sp-mr555 {
    margin-right: 555px !important;
  }
  .sp-ma560 {
    margin: 560px !important;
  }
  .sp-mb560 {
    margin-bottom: 560px !important;
  }
  .sp-mt560 {
    margin-top: 560px !important;
  }
  .sp-ml560 {
    margin-left: 560px !important;
  }
  .sp-mr560 {
    margin-right: 560px !important;
  }
  .sp-ma565 {
    margin: 565px !important;
  }
  .sp-mb565 {
    margin-bottom: 565px !important;
  }
  .sp-mt565 {
    margin-top: 565px !important;
  }
  .sp-ml565 {
    margin-left: 565px !important;
  }
  .sp-mr565 {
    margin-right: 565px !important;
  }
  .sp-ma570 {
    margin: 570px !important;
  }
  .sp-mb570 {
    margin-bottom: 570px !important;
  }
  .sp-mt570 {
    margin-top: 570px !important;
  }
  .sp-ml570 {
    margin-left: 570px !important;
  }
  .sp-mr570 {
    margin-right: 570px !important;
  }
  .sp-ma575 {
    margin: 575px !important;
  }
  .sp-mb575 {
    margin-bottom: 575px !important;
  }
  .sp-mt575 {
    margin-top: 575px !important;
  }
  .sp-ml575 {
    margin-left: 575px !important;
  }
  .sp-mr575 {
    margin-right: 575px !important;
  }
  .sp-ma580 {
    margin: 580px !important;
  }
  .sp-mb580 {
    margin-bottom: 580px !important;
  }
  .sp-mt580 {
    margin-top: 580px !important;
  }
  .sp-ml580 {
    margin-left: 580px !important;
  }
  .sp-mr580 {
    margin-right: 580px !important;
  }
  .sp-ma585 {
    margin: 585px !important;
  }
  .sp-mb585 {
    margin-bottom: 585px !important;
  }
  .sp-mt585 {
    margin-top: 585px !important;
  }
  .sp-ml585 {
    margin-left: 585px !important;
  }
  .sp-mr585 {
    margin-right: 585px !important;
  }
  .sp-ma590 {
    margin: 590px !important;
  }
  .sp-mb590 {
    margin-bottom: 590px !important;
  }
  .sp-mt590 {
    margin-top: 590px !important;
  }
  .sp-ml590 {
    margin-left: 590px !important;
  }
  .sp-mr590 {
    margin-right: 590px !important;
  }
  .sp-ma595 {
    margin: 595px !important;
  }
  .sp-mb595 {
    margin-bottom: 595px !important;
  }
  .sp-mt595 {
    margin-top: 595px !important;
  }
  .sp-ml595 {
    margin-left: 595px !important;
  }
  .sp-mr595 {
    margin-right: 595px !important;
  }
  .sp-ma600 {
    margin: 600px !important;
  }
  .sp-mb600 {
    margin-bottom: 600px !important;
  }
  .sp-mt600 {
    margin-top: 600px !important;
  }
  .sp-ml600 {
    margin-left: 600px !important;
  }
  .sp-mr600 {
    margin-right: 600px !important;
  }
  .sp-ma605 {
    margin: 605px !important;
  }
  .sp-mb605 {
    margin-bottom: 605px !important;
  }
  .sp-mt605 {
    margin-top: 605px !important;
  }
  .sp-ml605 {
    margin-left: 605px !important;
  }
  .sp-mr605 {
    margin-right: 605px !important;
  }
  .sp-ma610 {
    margin: 610px !important;
  }
  .sp-mb610 {
    margin-bottom: 610px !important;
  }
  .sp-mt610 {
    margin-top: 610px !important;
  }
  .sp-ml610 {
    margin-left: 610px !important;
  }
  .sp-mr610 {
    margin-right: 610px !important;
  }
  .sp-ma615 {
    margin: 615px !important;
  }
  .sp-mb615 {
    margin-bottom: 615px !important;
  }
  .sp-mt615 {
    margin-top: 615px !important;
  }
  .sp-ml615 {
    margin-left: 615px !important;
  }
  .sp-mr615 {
    margin-right: 615px !important;
  }
  .sp-ma620 {
    margin: 620px !important;
  }
  .sp-mb620 {
    margin-bottom: 620px !important;
  }
  .sp-mt620 {
    margin-top: 620px !important;
  }
  .sp-ml620 {
    margin-left: 620px !important;
  }
  .sp-mr620 {
    margin-right: 620px !important;
  }
  .sp-ma625 {
    margin: 625px !important;
  }
  .sp-mb625 {
    margin-bottom: 625px !important;
  }
  .sp-mt625 {
    margin-top: 625px !important;
  }
  .sp-ml625 {
    margin-left: 625px !important;
  }
  .sp-mr625 {
    margin-right: 625px !important;
  }
  .sp-ma630 {
    margin: 630px !important;
  }
  .sp-mb630 {
    margin-bottom: 630px !important;
  }
  .sp-mt630 {
    margin-top: 630px !important;
  }
  .sp-ml630 {
    margin-left: 630px !important;
  }
  .sp-mr630 {
    margin-right: 630px !important;
  }
  .sp-ma635 {
    margin: 635px !important;
  }
  .sp-mb635 {
    margin-bottom: 635px !important;
  }
  .sp-mt635 {
    margin-top: 635px !important;
  }
  .sp-ml635 {
    margin-left: 635px !important;
  }
  .sp-mr635 {
    margin-right: 635px !important;
  }
  .sp-ma640 {
    margin: 640px !important;
  }
  .sp-mb640 {
    margin-bottom: 640px !important;
  }
  .sp-mt640 {
    margin-top: 640px !important;
  }
  .sp-ml640 {
    margin-left: 640px !important;
  }
  .sp-mr640 {
    margin-right: 640px !important;
  }
  .sp-ma645 {
    margin: 645px !important;
  }
  .sp-mb645 {
    margin-bottom: 645px !important;
  }
  .sp-mt645 {
    margin-top: 645px !important;
  }
  .sp-ml645 {
    margin-left: 645px !important;
  }
  .sp-mr645 {
    margin-right: 645px !important;
  }
  .sp-ma650 {
    margin: 650px !important;
  }
  .sp-mb650 {
    margin-bottom: 650px !important;
  }
  .sp-mt650 {
    margin-top: 650px !important;
  }
  .sp-ml650 {
    margin-left: 650px !important;
  }
  .sp-mr650 {
    margin-right: 650px !important;
  }
  .sp-ma655 {
    margin: 655px !important;
  }
  .sp-mb655 {
    margin-bottom: 655px !important;
  }
  .sp-mt655 {
    margin-top: 655px !important;
  }
  .sp-ml655 {
    margin-left: 655px !important;
  }
  .sp-mr655 {
    margin-right: 655px !important;
  }
  .sp-ma660 {
    margin: 660px !important;
  }
  .sp-mb660 {
    margin-bottom: 660px !important;
  }
  .sp-mt660 {
    margin-top: 660px !important;
  }
  .sp-ml660 {
    margin-left: 660px !important;
  }
  .sp-mr660 {
    margin-right: 660px !important;
  }
  .sp-ma665 {
    margin: 665px !important;
  }
  .sp-mb665 {
    margin-bottom: 665px !important;
  }
  .sp-mt665 {
    margin-top: 665px !important;
  }
  .sp-ml665 {
    margin-left: 665px !important;
  }
  .sp-mr665 {
    margin-right: 665px !important;
  }
  .sp-ma670 {
    margin: 670px !important;
  }
  .sp-mb670 {
    margin-bottom: 670px !important;
  }
  .sp-mt670 {
    margin-top: 670px !important;
  }
  .sp-ml670 {
    margin-left: 670px !important;
  }
  .sp-mr670 {
    margin-right: 670px !important;
  }
  .sp-ma675 {
    margin: 675px !important;
  }
  .sp-mb675 {
    margin-bottom: 675px !important;
  }
  .sp-mt675 {
    margin-top: 675px !important;
  }
  .sp-ml675 {
    margin-left: 675px !important;
  }
  .sp-mr675 {
    margin-right: 675px !important;
  }
  .sp-ma680 {
    margin: 680px !important;
  }
  .sp-mb680 {
    margin-bottom: 680px !important;
  }
  .sp-mt680 {
    margin-top: 680px !important;
  }
  .sp-ml680 {
    margin-left: 680px !important;
  }
  .sp-mr680 {
    margin-right: 680px !important;
  }
  .sp-ma685 {
    margin: 685px !important;
  }
  .sp-mb685 {
    margin-bottom: 685px !important;
  }
  .sp-mt685 {
    margin-top: 685px !important;
  }
  .sp-ml685 {
    margin-left: 685px !important;
  }
  .sp-mr685 {
    margin-right: 685px !important;
  }
  .sp-ma690 {
    margin: 690px !important;
  }
  .sp-mb690 {
    margin-bottom: 690px !important;
  }
  .sp-mt690 {
    margin-top: 690px !important;
  }
  .sp-ml690 {
    margin-left: 690px !important;
  }
  .sp-mr690 {
    margin-right: 690px !important;
  }
  .sp-ma695 {
    margin: 695px !important;
  }
  .sp-mb695 {
    margin-bottom: 695px !important;
  }
  .sp-mt695 {
    margin-top: 695px !important;
  }
  .sp-ml695 {
    margin-left: 695px !important;
  }
  .sp-mr695 {
    margin-right: 695px !important;
  }
  .sp-ma700 {
    margin: 700px !important;
  }
  .sp-mb700 {
    margin-bottom: 700px !important;
  }
  .sp-mt700 {
    margin-top: 700px !important;
  }
  .sp-ml700 {
    margin-left: 700px !important;
  }
  .sp-mr700 {
    margin-right: 700px !important;
  }
  .sp-ma705 {
    margin: 705px !important;
  }
  .sp-mb705 {
    margin-bottom: 705px !important;
  }
  .sp-mt705 {
    margin-top: 705px !important;
  }
  .sp-ml705 {
    margin-left: 705px !important;
  }
  .sp-mr705 {
    margin-right: 705px !important;
  }
  .sp-ma710 {
    margin: 710px !important;
  }
  .sp-mb710 {
    margin-bottom: 710px !important;
  }
  .sp-mt710 {
    margin-top: 710px !important;
  }
  .sp-ml710 {
    margin-left: 710px !important;
  }
  .sp-mr710 {
    margin-right: 710px !important;
  }
  .sp-ma715 {
    margin: 715px !important;
  }
  .sp-mb715 {
    margin-bottom: 715px !important;
  }
  .sp-mt715 {
    margin-top: 715px !important;
  }
  .sp-ml715 {
    margin-left: 715px !important;
  }
  .sp-mr715 {
    margin-right: 715px !important;
  }
  .sp-ma720 {
    margin: 720px !important;
  }
  .sp-mb720 {
    margin-bottom: 720px !important;
  }
  .sp-mt720 {
    margin-top: 720px !important;
  }
  .sp-ml720 {
    margin-left: 720px !important;
  }
  .sp-mr720 {
    margin-right: 720px !important;
  }
  .sp-ma725 {
    margin: 725px !important;
  }
  .sp-mb725 {
    margin-bottom: 725px !important;
  }
  .sp-mt725 {
    margin-top: 725px !important;
  }
  .sp-ml725 {
    margin-left: 725px !important;
  }
  .sp-mr725 {
    margin-right: 725px !important;
  }
  .sp-ma730 {
    margin: 730px !important;
  }
  .sp-mb730 {
    margin-bottom: 730px !important;
  }
  .sp-mt730 {
    margin-top: 730px !important;
  }
  .sp-ml730 {
    margin-left: 730px !important;
  }
  .sp-mr730 {
    margin-right: 730px !important;
  }
  .sp-ma735 {
    margin: 735px !important;
  }
  .sp-mb735 {
    margin-bottom: 735px !important;
  }
  .sp-mt735 {
    margin-top: 735px !important;
  }
  .sp-ml735 {
    margin-left: 735px !important;
  }
  .sp-mr735 {
    margin-right: 735px !important;
  }
  .sp-ma740 {
    margin: 740px !important;
  }
  .sp-mb740 {
    margin-bottom: 740px !important;
  }
  .sp-mt740 {
    margin-top: 740px !important;
  }
  .sp-ml740 {
    margin-left: 740px !important;
  }
  .sp-mr740 {
    margin-right: 740px !important;
  }
  .sp-ma745 {
    margin: 745px !important;
  }
  .sp-mb745 {
    margin-bottom: 745px !important;
  }
  .sp-mt745 {
    margin-top: 745px !important;
  }
  .sp-ml745 {
    margin-left: 745px !important;
  }
  .sp-mr745 {
    margin-right: 745px !important;
  }
  .sp-ma750 {
    margin: 750px !important;
  }
  .sp-mb750 {
    margin-bottom: 750px !important;
  }
  .sp-mt750 {
    margin-top: 750px !important;
  }
  .sp-ml750 {
    margin-left: 750px !important;
  }
  .sp-mr750 {
    margin-right: 750px !important;
  }
  .sp-ma755 {
    margin: 755px !important;
  }
  .sp-mb755 {
    margin-bottom: 755px !important;
  }
  .sp-mt755 {
    margin-top: 755px !important;
  }
  .sp-ml755 {
    margin-left: 755px !important;
  }
  .sp-mr755 {
    margin-right: 755px !important;
  }
  .sp-ma760 {
    margin: 760px !important;
  }
  .sp-mb760 {
    margin-bottom: 760px !important;
  }
  .sp-mt760 {
    margin-top: 760px !important;
  }
  .sp-ml760 {
    margin-left: 760px !important;
  }
  .sp-mr760 {
    margin-right: 760px !important;
  }
  .sp-ma765 {
    margin: 765px !important;
  }
  .sp-mb765 {
    margin-bottom: 765px !important;
  }
  .sp-mt765 {
    margin-top: 765px !important;
  }
  .sp-ml765 {
    margin-left: 765px !important;
  }
  .sp-mr765 {
    margin-right: 765px !important;
  }
  .sp-ma770 {
    margin: 770px !important;
  }
  .sp-mb770 {
    margin-bottom: 770px !important;
  }
  .sp-mt770 {
    margin-top: 770px !important;
  }
  .sp-ml770 {
    margin-left: 770px !important;
  }
  .sp-mr770 {
    margin-right: 770px !important;
  }
  .sp-ma775 {
    margin: 775px !important;
  }
  .sp-mb775 {
    margin-bottom: 775px !important;
  }
  .sp-mt775 {
    margin-top: 775px !important;
  }
  .sp-ml775 {
    margin-left: 775px !important;
  }
  .sp-mr775 {
    margin-right: 775px !important;
  }
  .sp-ma780 {
    margin: 780px !important;
  }
  .sp-mb780 {
    margin-bottom: 780px !important;
  }
  .sp-mt780 {
    margin-top: 780px !important;
  }
  .sp-ml780 {
    margin-left: 780px !important;
  }
  .sp-mr780 {
    margin-right: 780px !important;
  }
  .sp-ma785 {
    margin: 785px !important;
  }
  .sp-mb785 {
    margin-bottom: 785px !important;
  }
  .sp-mt785 {
    margin-top: 785px !important;
  }
  .sp-ml785 {
    margin-left: 785px !important;
  }
  .sp-mr785 {
    margin-right: 785px !important;
  }
  .sp-ma790 {
    margin: 790px !important;
  }
  .sp-mb790 {
    margin-bottom: 790px !important;
  }
  .sp-mt790 {
    margin-top: 790px !important;
  }
  .sp-ml790 {
    margin-left: 790px !important;
  }
  .sp-mr790 {
    margin-right: 790px !important;
  }
  .sp-ma795 {
    margin: 795px !important;
  }
  .sp-mb795 {
    margin-bottom: 795px !important;
  }
  .sp-mt795 {
    margin-top: 795px !important;
  }
  .sp-ml795 {
    margin-left: 795px !important;
  }
  .sp-mr795 {
    margin-right: 795px !important;
  }
  .sp-ma800 {
    margin: 800px !important;
  }
  .sp-mb800 {
    margin-bottom: 800px !important;
  }
  .sp-mt800 {
    margin-top: 800px !important;
  }
  .sp-ml800 {
    margin-left: 800px !important;
  }
  .sp-mr800 {
    margin-right: 800px !important;
  }
  .sp-ma805 {
    margin: 805px !important;
  }
  .sp-mb805 {
    margin-bottom: 805px !important;
  }
  .sp-mt805 {
    margin-top: 805px !important;
  }
  .sp-ml805 {
    margin-left: 805px !important;
  }
  .sp-mr805 {
    margin-right: 805px !important;
  }
  .sp-ma810 {
    margin: 810px !important;
  }
  .sp-mb810 {
    margin-bottom: 810px !important;
  }
  .sp-mt810 {
    margin-top: 810px !important;
  }
  .sp-ml810 {
    margin-left: 810px !important;
  }
  .sp-mr810 {
    margin-right: 810px !important;
  }
  .sp-ma815 {
    margin: 815px !important;
  }
  .sp-mb815 {
    margin-bottom: 815px !important;
  }
  .sp-mt815 {
    margin-top: 815px !important;
  }
  .sp-ml815 {
    margin-left: 815px !important;
  }
  .sp-mr815 {
    margin-right: 815px !important;
  }
  .sp-ma820 {
    margin: 820px !important;
  }
  .sp-mb820 {
    margin-bottom: 820px !important;
  }
  .sp-mt820 {
    margin-top: 820px !important;
  }
  .sp-ml820 {
    margin-left: 820px !important;
  }
  .sp-mr820 {
    margin-right: 820px !important;
  }
  .sp-ma825 {
    margin: 825px !important;
  }
  .sp-mb825 {
    margin-bottom: 825px !important;
  }
  .sp-mt825 {
    margin-top: 825px !important;
  }
  .sp-ml825 {
    margin-left: 825px !important;
  }
  .sp-mr825 {
    margin-right: 825px !important;
  }
  .sp-ma830 {
    margin: 830px !important;
  }
  .sp-mb830 {
    margin-bottom: 830px !important;
  }
  .sp-mt830 {
    margin-top: 830px !important;
  }
  .sp-ml830 {
    margin-left: 830px !important;
  }
  .sp-mr830 {
    margin-right: 830px !important;
  }
  .sp-ma835 {
    margin: 835px !important;
  }
  .sp-mb835 {
    margin-bottom: 835px !important;
  }
  .sp-mt835 {
    margin-top: 835px !important;
  }
  .sp-ml835 {
    margin-left: 835px !important;
  }
  .sp-mr835 {
    margin-right: 835px !important;
  }
  .sp-ma840 {
    margin: 840px !important;
  }
  .sp-mb840 {
    margin-bottom: 840px !important;
  }
  .sp-mt840 {
    margin-top: 840px !important;
  }
  .sp-ml840 {
    margin-left: 840px !important;
  }
  .sp-mr840 {
    margin-right: 840px !important;
  }
  .sp-ma845 {
    margin: 845px !important;
  }
  .sp-mb845 {
    margin-bottom: 845px !important;
  }
  .sp-mt845 {
    margin-top: 845px !important;
  }
  .sp-ml845 {
    margin-left: 845px !important;
  }
  .sp-mr845 {
    margin-right: 845px !important;
  }
  .sp-ma850 {
    margin: 850px !important;
  }
  .sp-mb850 {
    margin-bottom: 850px !important;
  }
  .sp-mt850 {
    margin-top: 850px !important;
  }
  .sp-ml850 {
    margin-left: 850px !important;
  }
  .sp-mr850 {
    margin-right: 850px !important;
  }
  .sp-ma855 {
    margin: 855px !important;
  }
  .sp-mb855 {
    margin-bottom: 855px !important;
  }
  .sp-mt855 {
    margin-top: 855px !important;
  }
  .sp-ml855 {
    margin-left: 855px !important;
  }
  .sp-mr855 {
    margin-right: 855px !important;
  }
  .sp-ma860 {
    margin: 860px !important;
  }
  .sp-mb860 {
    margin-bottom: 860px !important;
  }
  .sp-mt860 {
    margin-top: 860px !important;
  }
  .sp-ml860 {
    margin-left: 860px !important;
  }
  .sp-mr860 {
    margin-right: 860px !important;
  }
  .sp-ma865 {
    margin: 865px !important;
  }
  .sp-mb865 {
    margin-bottom: 865px !important;
  }
  .sp-mt865 {
    margin-top: 865px !important;
  }
  .sp-ml865 {
    margin-left: 865px !important;
  }
  .sp-mr865 {
    margin-right: 865px !important;
  }
  .sp-ma870 {
    margin: 870px !important;
  }
  .sp-mb870 {
    margin-bottom: 870px !important;
  }
  .sp-mt870 {
    margin-top: 870px !important;
  }
  .sp-ml870 {
    margin-left: 870px !important;
  }
  .sp-mr870 {
    margin-right: 870px !important;
  }
  .sp-ma875 {
    margin: 875px !important;
  }
  .sp-mb875 {
    margin-bottom: 875px !important;
  }
  .sp-mt875 {
    margin-top: 875px !important;
  }
  .sp-ml875 {
    margin-left: 875px !important;
  }
  .sp-mr875 {
    margin-right: 875px !important;
  }
  .sp-ma880 {
    margin: 880px !important;
  }
  .sp-mb880 {
    margin-bottom: 880px !important;
  }
  .sp-mt880 {
    margin-top: 880px !important;
  }
  .sp-ml880 {
    margin-left: 880px !important;
  }
  .sp-mr880 {
    margin-right: 880px !important;
  }
  .sp-ma885 {
    margin: 885px !important;
  }
  .sp-mb885 {
    margin-bottom: 885px !important;
  }
  .sp-mt885 {
    margin-top: 885px !important;
  }
  .sp-ml885 {
    margin-left: 885px !important;
  }
  .sp-mr885 {
    margin-right: 885px !important;
  }
  .sp-ma890 {
    margin: 890px !important;
  }
  .sp-mb890 {
    margin-bottom: 890px !important;
  }
  .sp-mt890 {
    margin-top: 890px !important;
  }
  .sp-ml890 {
    margin-left: 890px !important;
  }
  .sp-mr890 {
    margin-right: 890px !important;
  }
  .sp-ma895 {
    margin: 895px !important;
  }
  .sp-mb895 {
    margin-bottom: 895px !important;
  }
  .sp-mt895 {
    margin-top: 895px !important;
  }
  .sp-ml895 {
    margin-left: 895px !important;
  }
  .sp-mr895 {
    margin-right: 895px !important;
  }
  .sp-ma900 {
    margin: 900px !important;
  }
  .sp-mb900 {
    margin-bottom: 900px !important;
  }
  .sp-mt900 {
    margin-top: 900px !important;
  }
  .sp-ml900 {
    margin-left: 900px !important;
  }
  .sp-mr900 {
    margin-right: 900px !important;
  }
  .sp-ma905 {
    margin: 905px !important;
  }
  .sp-mb905 {
    margin-bottom: 905px !important;
  }
  .sp-mt905 {
    margin-top: 905px !important;
  }
  .sp-ml905 {
    margin-left: 905px !important;
  }
  .sp-mr905 {
    margin-right: 905px !important;
  }
  .sp-ma910 {
    margin: 910px !important;
  }
  .sp-mb910 {
    margin-bottom: 910px !important;
  }
  .sp-mt910 {
    margin-top: 910px !important;
  }
  .sp-ml910 {
    margin-left: 910px !important;
  }
  .sp-mr910 {
    margin-right: 910px !important;
  }
  .sp-ma915 {
    margin: 915px !important;
  }
  .sp-mb915 {
    margin-bottom: 915px !important;
  }
  .sp-mt915 {
    margin-top: 915px !important;
  }
  .sp-ml915 {
    margin-left: 915px !important;
  }
  .sp-mr915 {
    margin-right: 915px !important;
  }
  .sp-ma920 {
    margin: 920px !important;
  }
  .sp-mb920 {
    margin-bottom: 920px !important;
  }
  .sp-mt920 {
    margin-top: 920px !important;
  }
  .sp-ml920 {
    margin-left: 920px !important;
  }
  .sp-mr920 {
    margin-right: 920px !important;
  }
  .sp-ma925 {
    margin: 925px !important;
  }
  .sp-mb925 {
    margin-bottom: 925px !important;
  }
  .sp-mt925 {
    margin-top: 925px !important;
  }
  .sp-ml925 {
    margin-left: 925px !important;
  }
  .sp-mr925 {
    margin-right: 925px !important;
  }
  .sp-ma930 {
    margin: 930px !important;
  }
  .sp-mb930 {
    margin-bottom: 930px !important;
  }
  .sp-mt930 {
    margin-top: 930px !important;
  }
  .sp-ml930 {
    margin-left: 930px !important;
  }
  .sp-mr930 {
    margin-right: 930px !important;
  }
  .sp-ma935 {
    margin: 935px !important;
  }
  .sp-mb935 {
    margin-bottom: 935px !important;
  }
  .sp-mt935 {
    margin-top: 935px !important;
  }
  .sp-ml935 {
    margin-left: 935px !important;
  }
  .sp-mr935 {
    margin-right: 935px !important;
  }
  .sp-ma940 {
    margin: 940px !important;
  }
  .sp-mb940 {
    margin-bottom: 940px !important;
  }
  .sp-mt940 {
    margin-top: 940px !important;
  }
  .sp-ml940 {
    margin-left: 940px !important;
  }
  .sp-mr940 {
    margin-right: 940px !important;
  }
  .sp-ma945 {
    margin: 945px !important;
  }
  .sp-mb945 {
    margin-bottom: 945px !important;
  }
  .sp-mt945 {
    margin-top: 945px !important;
  }
  .sp-ml945 {
    margin-left: 945px !important;
  }
  .sp-mr945 {
    margin-right: 945px !important;
  }
  .sp-ma950 {
    margin: 950px !important;
  }
  .sp-mb950 {
    margin-bottom: 950px !important;
  }
  .sp-mt950 {
    margin-top: 950px !important;
  }
  .sp-ml950 {
    margin-left: 950px !important;
  }
  .sp-mr950 {
    margin-right: 950px !important;
  }
  .sp-ma955 {
    margin: 955px !important;
  }
  .sp-mb955 {
    margin-bottom: 955px !important;
  }
  .sp-mt955 {
    margin-top: 955px !important;
  }
  .sp-ml955 {
    margin-left: 955px !important;
  }
  .sp-mr955 {
    margin-right: 955px !important;
  }
  .sp-ma960 {
    margin: 960px !important;
  }
  .sp-mb960 {
    margin-bottom: 960px !important;
  }
  .sp-mt960 {
    margin-top: 960px !important;
  }
  .sp-ml960 {
    margin-left: 960px !important;
  }
  .sp-mr960 {
    margin-right: 960px !important;
  }
  .sp-ma965 {
    margin: 965px !important;
  }
  .sp-mb965 {
    margin-bottom: 965px !important;
  }
  .sp-mt965 {
    margin-top: 965px !important;
  }
  .sp-ml965 {
    margin-left: 965px !important;
  }
  .sp-mr965 {
    margin-right: 965px !important;
  }
  .sp-ma970 {
    margin: 970px !important;
  }
  .sp-mb970 {
    margin-bottom: 970px !important;
  }
  .sp-mt970 {
    margin-top: 970px !important;
  }
  .sp-ml970 {
    margin-left: 970px !important;
  }
  .sp-mr970 {
    margin-right: 970px !important;
  }
  .sp-ma975 {
    margin: 975px !important;
  }
  .sp-mb975 {
    margin-bottom: 975px !important;
  }
  .sp-mt975 {
    margin-top: 975px !important;
  }
  .sp-ml975 {
    margin-left: 975px !important;
  }
  .sp-mr975 {
    margin-right: 975px !important;
  }
  .sp-ma980 {
    margin: 980px !important;
  }
  .sp-mb980 {
    margin-bottom: 980px !important;
  }
  .sp-mt980 {
    margin-top: 980px !important;
  }
  .sp-ml980 {
    margin-left: 980px !important;
  }
  .sp-mr980 {
    margin-right: 980px !important;
  }
  .sp-ma985 {
    margin: 985px !important;
  }
  .sp-mb985 {
    margin-bottom: 985px !important;
  }
  .sp-mt985 {
    margin-top: 985px !important;
  }
  .sp-ml985 {
    margin-left: 985px !important;
  }
  .sp-mr985 {
    margin-right: 985px !important;
  }
  .sp-ma990 {
    margin: 990px !important;
  }
  .sp-mb990 {
    margin-bottom: 990px !important;
  }
  .sp-mt990 {
    margin-top: 990px !important;
  }
  .sp-ml990 {
    margin-left: 990px !important;
  }
  .sp-mr990 {
    margin-right: 990px !important;
  }
  .sp-ma995 {
    margin: 995px !important;
  }
  .sp-mb995 {
    margin-bottom: 995px !important;
  }
  .sp-mt995 {
    margin-top: 995px !important;
  }
  .sp-ml995 {
    margin-left: 995px !important;
  }
  .sp-mr995 {
    margin-right: 995px !important;
  }
  .sp-ma1000 {
    margin: 1000px !important;
  }
  .sp-mb1000 {
    margin-bottom: 1000px !important;
  }
  .sp-mt1000 {
    margin-top: 1000px !important;
  }
  .sp-ml1000 {
    margin-left: 1000px !important;
  }
  .sp-mr1000 {
    margin-right: 1000px !important;
  }
}

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

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

@media only screen and (max-width: 600px) {
  .imgAutoResp {
    display: block;
    margin: 0 auto 20px !important;
  }
}

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

@media only screen and (max-width: 768px) {
  .imgAutoRespT {
    display: block;
    margin: 0 auto 20px !important;
  }
}

.imgRight {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

.imgRightRespS {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 600px) {
  .imgRightRespS {
    float: none;
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 20px;
  }
}

.imgRightRespT {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  .imgRightRespT {
    float: none;
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 20px;
  }
}

.imgLeft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.imgLeftRespS {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 600px) {
  .imgLeftRespS {
    float: none;
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 20px;
  }
}

.imgLeftRespT {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  .imgLeftRespT {
    float: none;
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 20px;
  }
}

@media only screen and (max-width: 600px) {
  .imgRespS {
    display: block;
    height: auto;
    margin: 0 auto 20px !important;
  }
}

@media only screen and (max-width: 768px) {
  .imgRespT {
    display: block;
    height: auto;
    margin: 0 auto 20px !important;
  }
}

/*@mixin icon_plus($color:#000,$size:20px){
 position: relative;
 &::before,&::after{
  display: block;
  content: '';
  width: 3px;
  height: $size;
  background-color: $color;
  position: absolute;
  top: 0px;
  left: 10px;
 }
 &::before{
  width: $size;
  height: 3px;
  top: 8px;
  left: 1px;
 }
}*/
.tind1 {
  text-indent: 1em;
}

.tindR1 {
  padding-left: 1em !important;
  text-indent: -1em !important;
}

.tindR2 {
  padding-left: 2em !important;
  text-indent: -2em !important;
}

.tindR3 {
  padding-left: 3em !important;
  text-indent: -3em !important;
}

.tindR4 {
  padding-left: 4em !important;
  text-indent: -4em !important;
}

.tindR5 {
  padding-left: 5em !important;
  text-indent: -5em !important;
}

.tindR6 {
  padding-left: 6em !important;
  text-indent: -6em !important;
}

.tindR7 {
  padding-left: 7em !important;
  text-indent: -7em !important;
}

.tindR8 {
  padding-left: 8em !important;
  text-indent: -8em !important;
}

.tindR9 {
  padding-left: 9em !important;
  text-indent: -9em !important;
}

.tindR10 {
  padding-left: 10em !important;
  text-indent: -10em !important;
}

/*@mixin flex($jc:space-between,$wrap:wrap,$ai:center,$fd:row) {
 @include display-flex();
 @include flex-direction($fd);
 @include flex-wrap($wrap)
 @include justify-content($jc);
 @include align-items($ai);
}*/
.animUp {
  transition: all 0.75s ease-out;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

.animUp.start {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@media only screen and (max-width: 768px) {
  .animUp {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.animLeft {
  transition: all 0.75s ease-out;
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

.animLeft.start {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@media only screen and (max-width: 768px) {
  .animLeft {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.animRight {
  transition: all 0.75s ease-out;
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

.animRight.start {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@media only screen and (max-width: 768px) {
  .animRight {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.bg_no_category {
  background: transparent !important;
  height: 0;
}

.bg_def {
  background: #555 !important;
}

.bg_taiken {
  background: #68829e !important;
}

.bg_kansei {
  background: #aebd38 !important;
}

.bg_kozo {
  background: #598234 !important;
}

.bg_plan {
  background: #c39906 !important;
}

.bg_ob {
  background: #555 !important;
}

.bg_model {
  background: #49260d !important;
}

.bg_kanshaday {
  background: #555 !important;
}

.bg_zeisei {
  background: #555 !important;
}

.bg_loan {
  background: #49260d !important;
}

.bg_sekou {
  background: #e8706a !important;
}

.bg_modelhouse {
  background: #00a1e9 !important;
}

.bg_reform {
  background: #6da013 !important;
}

.bd_sekou {
  border-color: #e8706a !important;
}

.bd_modelhouse {
  border-color: #00a1e9 !important;
}

.bd_reform {
  border-color: #6da013 !important;
}

.ofi {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  font-family: 'object-fit: cover; object-position: center center;';
}

.pctablet {
  display: none !important;
}

@media only screen and (min-width: 601px) {
  .pctablet {
    display: block !important;
  }
}

/*  WisiWig エディターのスタイル */
.wisiwig, .wisiwigTop {
  font-weight: 14px;
}

.wisiwig ul, .wisiwigTop ul {
  list-style: disc;
  text-align: left;
  margin-left: 1em;
}

.wisiwig p, .wisiwigTop p,
.wisiwig li, .wisiwigTop li,
.wisiwig span, .wisiwigTop span {
  font-size: 1em;
  font-weight: normal;
  line-height: 1.7;
}

.wisiwig strong, .wisiwigTop strong {
  font-weight: bold !important;
}

.wisiwig em, .wisiwigTop em {
  font-style: italic !important;
}

.wisiwig h1, .wisiwigTop h1,
.wisiwig h2, .wisiwigTop h2,
.wisiwig h2 span, .wisiwigTop h2 span,
.wisiwig h3, .wisiwigTop h3,
.wisiwig h4, .wisiwigTop h4,
.wisiwig h5, .wisiwigTop h5,
.wisiwig h6, .wisiwigTop h6 {
  font-weight: bold;
  line-height: 1.4;
}

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

.wisiwig h2, .wisiwigTop h2 {
  font-size: 1.2em;
}

.wisiwig h2 span, .wisiwigTop h2 span {
  font-size: 1em !important;
}

.wisiwig h3, .wisiwigTop h3 {
  font-size: 1em;
}

.wisiwig h4, .wisiwigTop h4 {
  font-size: 1em;
}

.wisiwig h5, .wisiwigTop h5 {
  font-size: 1em;
  font-weight: normal !important;
}

.wisiwig h6, .wisiwigTop h6 {
  font-size: 0.8em;
}

@media only screen and (max-width: 600px) {
  .wisiwig h1, .wisiwigTop h1 {
    font-size: 1.8em;
  }
  .wisiwig h2, .wisiwigTop h2 {
    font-size: 1.5em;
  }
  .wisiwig h3, .wisiwigTop h3 {
    font-size: 1.2em;
  }
}

.wisiwigTop h1,
.wisiwigTop h2,
.wisiwigTop h2 span,
.wisiwigTop h3,
.wisiwigTop h4,
.wisiwigTop h5,
.wisiwigTop h6 {
  color: #fff;
}

.wisiwigTop p,
.wisiwigTop li,
.wisiwigTop span {
  color: #fff;
}

.pink {
  color: #f75d92;
}

.orange {
  color: #eb6100;
}

.red {
  color: #f00;
}

.sp {
  display: none !important;
}

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

.tablet {
  display: none !important;
}

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

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

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

.ib {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.bx-wrapper {
  margin-bottom: 20px;
}

.bx-wrapper .bx-viewport {
  box-shadow: none !important;
  border: none !important;
  left: 0 !important;
  background: none !important;
}

#fixedLinks {
  display: none;
  box-sizing: border-box;
  position: fixed;
  right: 0;
  top: 125px;
  z-index: 8500;
  width: 50px;
}

#fixedLinks ul li:first-child {
  display: none;
}

#fixedLinks ul li:first-child img {
  width: 80%;
  max-width: 204px;
  height: auto;
}

#fixedLinks ul li a {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  box-sizing: border-box;
  width: 50px;
  padding: 20px 0;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background-color: #083c05;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

#fixedLinks ul li a:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

@media only screen and (max-width: 768px) {
  #fixedLinks {
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 0;
  }
  #fixedLinks ul {
    width: 100%;
    font-size: 0;
  }
  #fixedLinks ul li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    box-sizing: border-box;
    width: 33.3333% !important;
  }
  #fixedLinks ul li:first-child {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
  }
  #fixedLinks ul li:first-child a {
    border-right: 1px solid #fff;
  }
  #fixedLinks ul li a {
    display: block;
    padding: 0;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    background-color: #000;
    width: 100%;
    height: 50px;
    line-height: 50px;
  }
  #fixedLinks ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  #fixedLinks ul li a img {
    vertical-align: middle;
    margin-right: 5px;
  }
  #fixedLinks ul li a span {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
  }
}

@media only screen and (max-width: 600px) {
  #fixedLinks ul li a {
    font-size: 1.4rem;
  }
}

.CS {
  font-family: "Open Sans", sans-serif;
  font-size: 2.6rem;
  margin-bottom: 90px;
  color: #999;
}

.dn {
  display: none !important;
}

.btn01 {
  box-sizing: border-box;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border-radius: 10px;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.2;
  background-color: #76bf24;
  border: 1px solid #5e991d;
  width: 100%;
  padding: 10px;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) inset;
}

.btn01:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.btn02 {
  box-sizing: border-box;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border-radius: 10px;
  color: #fff;
  font-size: 2.4rem;
  line-height: 1.2;
  background-color: #76bf24;
  width: 100%;
  padding: 20px 10px;
  max-width: 485px;
  border: 1px solid #5e991d;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) inset;
}

.btn02 i {
  margin-right: 20px;
}

.btn02:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.btnMore {
  position: relative;
  padding-left: 20px;
  padding-left: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  box-sizing: border-box;
  width: 300px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #3e2f16;
  color: #3e2f16;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.btnMore::before {
  position: absolute;
  content: '';
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  border-left: 10px solid #000;
  right: 30px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.btnMore:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

#oldBrowser,
#phBtn {
  display: none;
}

html {
  height: 100%;
  font-size: 62.5%;
}

body {
  -webkit-text-size-adjust: 100%;
  min-height: 100%;
  position: relative;
  min-width: 320px;
  font-family: "ヒラギノ角ゴ W3 JIS2004", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #333;
  word-break: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}

#wrapper {
  width: 100%;
  padding-top: 85px;
  transition: 0.3s ease-out;
  position: relative;
  z-index: 1000;
  font-size: 1.6rem;
  background: url(../img/cmnold/bg.png) center 0 repeat-y;
}

@media only screen and (max-width: 1024px) {
  #wrapper {
    min-width: 1024px;
  }
}

@media only screen and (max-width: 768px) {
  #wrapper {
    min-width: 0;
  }
}

#wrapper.open {
  transition: 0.3s ease-out;
  margin-left: -260px;
  box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.3);
}

#wrapper.close {
  position: absolute;
  transition-property: left;
  transition-duration: 1s;
  left: 0;
}

@media only screen and (max-width: 768px) {
  #wrapper {
    padding-top: 55px;
  }
}

#pageHome #wrapper {
  padding-top: 0;
}

@media only screen and (max-width: 768px) {
  #pageHome #wrapper {
    padding-top: 0;
  }
}

/* ===================== mein header ==================== */
#mainHeader,
#floatHeader {
  box-sizing: border-box;
  width: 100%;
  height: 85px;
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9000;
  transition: all 0.5s ease-out;
}

#mainHeader .shadow,
#floatHeader .shadow {
  width: 100%;
  height: 100%;
}

#mainHeader .inner,
#floatHeader .inner {
  transition: all 0.5s ease-out;
  box-sizing: border-box;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  align-items: flex-start;
  flex-direction: row;
  width: 100%;
  min-width: 980px;
  height: 85px;
  margin: auto;
  padding-left: 40px;
  padding-right: 40px;
}

#mainHeader .inner .innerLeft,
#floatHeader .inner .innerLeft {
  width: 100%;
  max-width: 900px;
  height: 85px;
  -js-display: flex;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-end;
  flex-direction: row;
  position: relative;
}

@media only screen and (max-width: 768px) {
  #mainHeader .inner .innerLeft,
  #floatHeader .inner .innerLeft {
    height: 55px;
  }
}

@media only screen and (max-width: 1260px) {
  #mainHeader .inner,
  #floatHeader .inner {
    padding-left: 10px;
    padding-right: 0;
  }
}

#mainHeader h1,
#floatHeader h1 {
  transition: all 0.5s ease-out;
  box-sizing: border-box;
  width: 230px;
  height: 85px;
  background: url(../img/cmn/logo_bg.jpg) no-repeat;
  background-size: cover;
  padding: 20px;
}

#mainHeader h1 a,
#floatHeader h1 a {
  display: block;
}

#mainHeader h1 a:hover,
#floatHeader h1 a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

#mainHeader h1 a img,
#floatHeader h1 a img {
  height: auto;
}

#mainHeader h1 a img:first-of-type,
#floatHeader h1 a img:first-of-type {
  display: none;
}

#mainHeader #subNav,
#floatHeader #subNav {
  display: none;
}

#mainHeader #gNav,
#mainHeader #gNav02,
#floatHeader #gNav,
#floatHeader #gNav02 {
  transition: all 0.5s ease-out;
  width: 100%;
  min-width: 900px;
  padding-bottom: 13px;
  margin-top: 0 !important;
}

#mainHeader #gNav > ul,
#mainHeader #gNav02 > ul,
#floatHeader #gNav > ul,
#floatHeader #gNav02 > ul {
  width: 100%;
  margin: 0 0 0 auto;
  display: table;
}

#mainHeader #gNav > ul.ul01,
#mainHeader #gNav02 > ul.ul01,
#floatHeader #gNav > ul.ul01,
#floatHeader #gNav02 > ul.ul01 {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  margin-bottom: 20px;
}

#mainHeader #gNav > ul.ul01 .bnr_gd,
#mainHeader #gNav02 > ul.ul01 .bnr_gd,
#floatHeader #gNav > ul.ul01 .bnr_gd,
#floatHeader #gNav02 > ul.ul01 .bnr_gd {
  padding-right: 100px;
}

#mainHeader #gNav > ul.ul01 li,
#mainHeader #gNav02 > ul.ul01 li,
#floatHeader #gNav > ul.ul01 li,
#floatHeader #gNav02 > ul.ul01 li {
  padding: 0 20px;
}

#mainHeader #gNav > ul.ul01 li a,
#mainHeader #gNav02 > ul.ul01 li a,
#floatHeader #gNav > ul.ul01 li a,
#floatHeader #gNav02 > ul.ul01 li a {
  height: 20px;
  line-height: 20px;
  font-family: "ヒラギノ角ゴ W3 JIS2004", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#mainHeader #gNav > ul.ul01 li:last-of-type,
#mainHeader #gNav02 > ul.ul01 li:last-of-type,
#floatHeader #gNav > ul.ul01 li:last-of-type,
#floatHeader #gNav02 > ul.ul01 li:last-of-type {
  margin-right: 85px;
}

#mainHeader #gNav > ul.ul02,
#mainHeader #gNav02 > ul.ul02,
#floatHeader #gNav > ul.ul02,
#floatHeader #gNav02 > ul.ul02 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}

#mainHeader #gNav > ul.ul02 > li,
#mainHeader #gNav02 > ul.ul02 > li,
#floatHeader #gNav > ul.ul02 > li,
#floatHeader #gNav02 > ul.ul02 > li {
  padding-top: 8px;
  border-right: none;
  border-top: solid 1.5px #000;
  margin-right: 30px;
}

#mainHeader #gNav > ul.ul02 > li a,
#mainHeader #gNav02 > ul.ul02 > li a,
#floatHeader #gNav > ul.ul02 > li a,
#floatHeader #gNav02 > ul.ul02 > li a {
  height: 20px;
  line-height: 20px;
}

#mainHeader #gNav > ul.ul02 > li ul.sub li,
#mainHeader #gNav02 > ul.ul02 > li ul.sub li,
#floatHeader #gNav > ul.ul02 > li ul.sub li,
#floatHeader #gNav02 > ul.ul02 > li ul.sub li {
  border-bottom: 1px dotted #999;
}

#mainHeader #gNav > ul > li,
#mainHeader #gNav02 > ul > li,
#floatHeader #gNav > ul > li,
#floatHeader #gNav02 > ul > li {
  display: table-cell;
  position: relative;
  border-right: solid 1px #000;
}

#mainHeader #gNav > ul > li > a,
#mainHeader #gNav02 > ul > li > a,
#floatHeader #gNav > ul > li > a,
#floatHeader #gNav02 > ul > li > a {
  box-sizing: border-box;
  display: block;
  text-align: center;
  color: #000;
  font-family: "ヒラギノ角ゴ W3 JIS2004", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 40px;
  height: 40px;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  padding: 0;
  letter-spacing: -0.05rem;
}

#mainHeader #gNav > ul > li ul,
#mainHeader #gNav02 > ul > li ul,
#floatHeader #gNav > ul > li ul,
#floatHeader #gNav02 > ul > li ul {
  box-sizing: border-box;
  position: absolute;
  z-index: 9000;
  left: 0;
  top: 34px;
  width: 100%;
  min-width: 250px;
  border: 1px solid #999;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  transition: all 0.2s ease-out;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  background-color: rgba(255, 255, 255, 0.8);
}

#mainHeader #gNav > ul > li ul li a,
#mainHeader #gNav02 > ul > li ul li a,
#floatHeader #gNav > ul > li ul li a,
#floatHeader #gNav02 > ul > li ul li a {
  display: block;
  padding: 5px;
  font-family: "ヒラギノ角ゴ W3 JIS2004", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
}

#mainHeader #gNav > ul > li ul li a:hover,
#mainHeader #gNav02 > ul > li ul li a:hover,
#floatHeader #gNav > ul > li ul li a:hover,
#floatHeader #gNav02 > ul > li ul li a:hover {
  text-decoration: none;
}

#mainHeader #gNav > ul > li:last-child ul,
#mainHeader #gNav02 > ul > li:last-child ul,
#floatHeader #gNav > ul > li:last-child ul,
#floatHeader #gNav02 > ul > li:last-child ul {
  left: auto;
  right: 0;
}

#mainHeader #gNav > ul > li:hover ul, #mainHeader #gNav > ul > li.open ul,
#mainHeader #gNav02 > ul > li:hover ul,
#mainHeader #gNav02 > ul > li.open ul,
#floatHeader #gNav > ul > li:hover ul,
#floatHeader #gNav > ul > li.open ul,
#floatHeader #gNav02 > ul > li:hover ul,
#floatHeader #gNav02 > ul > li.open ul {
  transition: all 0.2s ease-out;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

@media only screen and (max-width: 768px) {
  #mainHeader #gNav,
  #mainHeader #gNav02,
  #floatHeader #gNav,
  #floatHeader #gNav02 {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  #mainHeader #gNav > ul > li > a,
  #mainHeader #gNav02 > ul > li > a,
  #floatHeader #gNav > ul > li > a,
  #floatHeader #gNav02 > ul > li > a {
    font-size: 1.4rem;
    padding: 0 4px;
  }
  #mainHeader #gNav > ul > li ul li a,
  #mainHeader #gNav02 > ul > li ul li a,
  #floatHeader #gNav > ul > li ul li a,
  #floatHeader #gNav02 > ul > li ul li a {
    padding-left: 5px;
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 1260px) {
  #mainHeader #gNav,
  #mainHeader #gNav02,
  #floatHeader #gNav,
  #floatHeader #gNav02 {
    min-width: 750px;
  }
  #mainHeader #gNav > ul > li > a,
  #mainHeader #gNav02 > ul > li > a,
  #floatHeader #gNav > ul > li > a,
  #floatHeader #gNav02 > ul > li > a {
    padding: 0 1px;
  }
}

#mainHeader #menuBtnCover,
#floatHeader #menuBtnCover {
  display: block;
  z-index: 9999;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  height: 35px;
  padding: 0 10px;
  align-items: center;
  color: #d3a358;
  text-decoration: none;
  font-size: 12px;
}

@media only screen and (max-width: 768px) {
  #mainHeader #menuBtnCover,
  #floatHeader #menuBtnCover {
    top: 8px;
  }
}

#mainHeader #menuBtn,
#floatHeader #menuBtn {
  padding-top: 8px;
}

#mainHeader #menuBtn .txt,
#floatHeader #menuBtn .txt {
  display: block;
  text-align: center;
  font-size: 6px;
  line-height: 10px;
}

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

#mainHeader .menu-trigger,
#floatHeader .menu-trigger {
  position: relative;
  width: 32px;
  height: 18px;
}

#mainHeader .menu-trigger span,
#floatHeader .menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #49260d;
}

#mainHeader .menu-trigger span:nth-of-type(1),
#floatHeader .menu-trigger span:nth-of-type(1) {
  top: 0;
}

#mainHeader .menu-trigger span:nth-of-type(2),
#floatHeader .menu-trigger span:nth-of-type(2) {
  top: 8px;
  width: 32px;
}

#mainHeader .menu-trigger span:nth-of-type(3),
#floatHeader .menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

#mainHeader .menu-trigger.active span:nth-of-type(1),
#floatHeader .menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}

#mainHeader .menu-trigger.active span:nth-of-type(1),
#floatHeader .menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}

#mainHeader .menu-trigger.active span:nth-of-type(2),
#floatHeader .menu-trigger.active span:nth-of-type(2) {
  left: 50%;
  opacity: 0;
  -webkit-animation: active-menu-bar02 0.8s forwards;
  animation: active-menu-bar02 0.8s forwards;
}

#mainHeader .menu-trigger.active span:nth-of-type(3),
#floatHeader .menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}

@-webkit-keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}

@keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}

#mainHeader.adjust,
#floatHeader.adjust {
  height: 85px;
}

#mainHeader.adjust .inner,
#floatHeader.adjust .inner {
  height: 85px;
  padding-top: 0;
}

#mainHeader.adjust .inner h1 a img:first-of-type,
#floatHeader.adjust .inner h1 a img:first-of-type {
  display: none;
}

#mainHeader.adjust .inner h1 a img:last-of-type,
#floatHeader.adjust .inner h1 a img:last-of-type {
  display: block;
}

#mainHeader.adjust .inner .innerLeft,
#floatHeader.adjust .inner .innerLeft {
  height: 85px;
}

#mainHeader.adjust .inner .innerLeft #subNav,
#floatHeader.adjust .inner .innerLeft #subNav {
  display: none !important;
}

#mainHeader.adjust .inner .innerLeft #gnav ul li a,
#floatHeader.adjust .inner .innerLeft #gnav ul li a {
  width: 85px;
}

#mainHeader.open,
#floatHeader.open {
  transition: 0.3s ease-out;
  margin-left: -260px;
}

#mainHeader.close,
#floatHeader.close {
  transition-property: left;
  transition: 0.3s ease-out;
  left: 0;
}

@media only screen and (max-width: 768px) {
  #mainHeader,
  #floatHeader {
    width: 100%;
    height: 55px;
    min-height: 0;
  }
  #mainHeader .inner,
  #floatHeader .inner {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 55px;
    overflow: hidden;
    padding: 0;
  }
  #mainHeader .inner h1,
  #floatHeader .inner h1 {
    width: 230px;
    max-width: 175px;
    height: 55px;
    padding: 10px 10px 0 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
  }
  #mainHeader .inner h1 a,
  #floatHeader .inner h1 a {
    display: block;
    background: none;
    width: auto;
    height: auto;
  }
  #mainHeader .inner h1 a img,
  #floatHeader .inner h1 a img {
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  #mainHeader .inner h1,
  #floatHeader .inner h1 {
    padding: 0 10px 0 10px;
  }
  #mainHeader .inner h1 a img,
  #floatHeader .inner h1 a img {
    height: 55px;
  }
}

#mainHeader.hover, #mainHeader.hover02,
#floatHeader.hover,
#floatHeader.hover02 {
  background-color: rgba(255, 255, 255, 0.9);
  background-image: none;
  height: 70px;
  border-bottom: 3px solid #654c9d;
}

#mainHeader.hover h1, #mainHeader.hover02 h1,
#floatHeader.hover h1,
#floatHeader.hover02 h1 {
  background: none;
  padding: 20px 0 0 10px;
  box-shadow: none;
}

#mainHeader.hover h1 .svg path, #mainHeader.hover02 h1 .svg path,
#floatHeader.hover h1 .svg path,
#floatHeader.hover02 h1 .svg path {
  color: #000;
  fill: #000;
}

#mainHeader.hover .inner, #mainHeader.hover02 .inner,
#floatHeader.hover .inner,
#floatHeader.hover02 .inner {
  height: 70px;
}

#mainHeader.hover .inner .info span, #mainHeader.hover02 .inner .info span,
#floatHeader.hover .inner .info span,
#floatHeader.hover02 .inner .info span {
  color: #000;
}

#mainHeader.hover #gNav, #mainHeader.hover02 #gNav,
#floatHeader.hover #gNav,
#floatHeader.hover02 #gNav {
  width: 820px;
  border-bottom: none;
}

#mainHeader.hover #gNav > ul > li, #mainHeader.hover02 #gNav > ul > li,
#floatHeader.hover #gNav > ul > li,
#floatHeader.hover02 #gNav > ul > li {
  height: 30px;
}

#mainHeader.hover #gNav > ul > li:hover, #mainHeader.hover #gNav > ul > li.current, #mainHeader.hover02 #gNav > ul > li:hover, #mainHeader.hover02 #gNav > ul > li.current,
#floatHeader.hover #gNav > ul > li:hover,
#floatHeader.hover #gNav > ul > li.current,
#floatHeader.hover02 #gNav > ul > li:hover,
#floatHeader.hover02 #gNav > ul > li.current {
  border-bottom: 6px solid #654c9d;
}

#mainHeader.hover #gNav > ul > li > a, #mainHeader.hover02 #gNav > ul > li > a,
#floatHeader.hover #gNav > ul > li > a,
#floatHeader.hover02 #gNav > ul > li > a {
  height: 30px;
  color: #000;
  text-shadow: none;
}

#mainHeader.hover #gNav > ul > li div, #mainHeader.hover02 #gNav > ul > li div,
#floatHeader.hover #gNav > ul > li div,
#floatHeader.hover02 #gNav > ul > li div {
  position: fixed;
}

@media only screen and (max-width: 768px) {
  #mainHeader.hover #gNav, #mainHeader.hover02 #gNav,
  #floatHeader.hover #gNav,
  #floatHeader.hover02 #gNav {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  #mainHeader.hover, #mainHeader.hover02,
  #floatHeader.hover,
  #floatHeader.hover02 {
    height: 70px;
  }
  #mainHeader.hover .inner, #mainHeader.hover02 .inner,
  #floatHeader.hover .inner,
  #floatHeader.hover02 .inner {
    height: 70px;
  }
  #mainHeader.hover h1 img, #mainHeader.hover02 h1 img,
  #floatHeader.hover h1 img,
  #floatHeader.hover02 h1 img {
    display: block;
    width: auto;
    height: 90%;
  }
}

#spMenu {
  background-color: #555;
  position: fixed;
  right: -260px;
  top: 0;
  width: 260px;
  height: 100%;
  z-index: 1;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

#spMenu.open {
  transition: 0.3s ease-out;
  right: 0;
}

#spMenu.close {
  transition: 0.3s ease-out;
  right: -260px;
}

#spMenu .sidePhone {
  text-align: center;
  padding: 20px 10px;
  background-color: #000;
  border-bottom: 1px solid #333;
}

#spMenu nav {
  background-color: #000;
}

#spMenu nav h3 {
  font-size: 1.6rem;
  padding: 15px 10px;
  color: #d3a358;
  border-bottom: 1px solid #333333;
  font-weight: bold;
}

#spMenu nav > ul {
  width: 100%;
  background-color: #555;
  box-shadow: 0px 1 3px 0 rgba(0, 0, 0, 0.3);
}

#spMenu nav > ul > li a {
  font-size: 1.6rem;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 15px 10px;
  border-bottom: 1px solid #333333;
  /*     &.hc{
         @include arrow($width:2px,$size:8px,$pos:10px,$color:#fff,$location:right,$direction:down);
         &.open{
          @include arrow($width:2px,$size:8px,$pos:10px,$color:#fff,$location:right,$direction:up);
         }
        }*/
}

#spMenu nav > ul > li ul {
  display: block;
  width: 100%;
  background-color: #666666;
  /*     overflow: hidden;
        transition: all 0.5s ease-out;
        max-height: 0;
        &.open{
         max-height: 500px;
        }*/
}

#spMenu nav > ul > li ul li a {
  box-sizing: border-box;
  padding-left: 40px;
  display: block;
  color: #fff;
  line-height: 20px;
  font-size: 1.4rem;
  background-color: #262626;
  border-bottom: 1px solid #666666;
  position: relative;
}

#spMenu nav > ul > li ul li a.current {
  text-decoration: none;
  background-color: #1a1a1a;
  color: #fff;
}

#spMenu nav > ul > li ul li a.nr {
  color: #333333;
}

#spMenu nav > ul.ftMenu {
  border-top: 4px solid #d3a358;
}

#spMenu nav > ul.ftMenu li a {
  font-weight: normal;
  font-size: 1.4rem;
}

#spMenu > ul {
  width: 100%;
  padding-bottom: 100px;
  background-color: #555;
  box-shadow: 0px 1 3px 0 rgba(0, 0, 0, 0.3);
}

#spMenu > ul > li a {
  font-size: 1.6rem;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 15px 10px;
  border-bottom: 1px solid #333333;
  font-weight: bold;
}

#spMenu > ul > li a.hc {
  position: relative;
  display: block;
}

#spMenu > ul > li a.hc::before {
  display: block;
  position: absolute;
  content: "";
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 10px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

#spMenu > ul > li a.hc.open {
  position: relative;
  display: block;
}

#spMenu > ul > li a.hc.open::before {
  display: block;
  position: absolute;
  content: "";
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 10px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

#spMenu > ul > li ul {
  display: block;
  width: 100%;
  background-color: #666666;
  transition: all 0.5s ease-out;
  max-height: 0;
  overflow: hidden;
  max-height: 0;
}

#spMenu > ul > li ul.open {
  max-height: 500px;
}

#spMenu > ul > li ul li a {
  box-sizing: border-box;
  padding-left: 40px;
  display: block;
  color: #fff;
  line-height: 30px;
  font-size: 1.4rem;
  background-color: #262626;
  border-bottom: 1px solid #666666;
  position: relative;
}

#spMenu > ul > li ul li a.current {
  text-decoration: none;
  background-color: #1a1a1a;
  color: #fff;
}

#spMenu > ul > li ul li a.nr {
  color: #333333;
}

#pageIndex #mainHeader,
#pageIndex #floatHeader {
  height: 160px;
}

#pageIndex #mainHeader .inner,
#pageIndex #floatHeader .inner {
  height: 160px;
}

#pageIndex #mainHeader .inner .innerLeft,
#pageIndex #floatHeader .inner .innerLeft {
  height: 160px;
}

@media only screen and (max-width: 768px) {
  #pageIndex #mainHeader .inner .innerLeft,
  #pageIndex #floatHeader .inner .innerLeft {
    height: 55px;
  }
}

#pageIndex #mainHeader h1,
#pageIndex #floatHeader h1 {
  width: 310px;
  padding: 110px 10px 10px 10px;
}

#pageIndex #mainHeader h1 a img,
#pageIndex #floatHeader h1 a img {
  width: 90%;
  margin: 0 auto;
}

#pageIndex #mainHeader h1 a img:first-of-type,
#pageIndex #floatHeader h1 a img:first-of-type {
  display: block;
}

#pageIndex #mainHeader h1 a img:last-of-type,
#pageIndex #floatHeader h1 a img:last-of-type {
  display: none;
}

#pageIndex #mainHeader #subNav,
#pageIndex #floatHeader #subNav {
  display: block;
  transition: all 0.5s ease-out;
  vertical-align: middle;
  font-size: 0;
  padding-top: 10px;
  padding-right: 100px;
  margin-bottom: 14px;
}

@media only screen and (max-width: 768px) {
  #pageIndex #mainHeader #subNav,
  #pageIndex #floatHeader #subNav {
    display: none;
  }
}

#pageIndex #mainHeader #subNav a,
#pageIndex #mainHeader #subNav img,
#pageIndex #floatHeader #subNav a,
#pageIndex #floatHeader #subNav img {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-right: 10px;
}

#pageIndex #mainHeader #subNav a,
#pageIndex #floatHeader #subNav a {
  margin-right: 10px;
}

#pageIndex #mainHeader #subNav .btnContact,
#pageIndex #floatHeader #subNav .btnContact {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  width: 126px;
  height: 39px;
  line-height: 39px;
  font-weight: bold;
  text-align: center;
  font-size: 1.4rem;
}

#pageIndex #mainHeader #subNav .btnContact:hover,
#pageIndex #floatHeader #subNav .btnContact:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

#pageIndex #mainHeader #gNav > ul.ul01 li:last-of-type,
#pageIndex #mainHeader #gNav02 > ul.ul01 li:last-of-type,
#pageIndex #floatHeader #gNav > ul.ul01 li:last-of-type,
#pageIndex #floatHeader #gNav02 > ul.ul01 li:last-of-type {
  margin-right: 10px !important;
  border-right: none;
}

@media only screen and (max-width: 1260px) {
  #pageIndex #mainHeader #gNav,
  #pageIndex #mainHeader #gNav02,
  #pageIndex #floatHeader #gNav,
  #pageIndex #floatHeader #gNav02 {
    min-width: 750px;
  }
}

#pageIndex #mainHeader.adjust,
#pageIndex #floatHeader.adjust {
  height: 85px;
}

#pageIndex #mainHeader.adjust .inner,
#pageIndex #floatHeader.adjust .inner {
  height: 85px;
}

#pageIndex #mainHeader.adjust .inner .innerLeft,
#pageIndex #floatHeader.adjust .inner .innerLeft {
  height: 85px;
}

#pageIndex #mainHeader.adjust .inner h1,
#pageIndex #floatHeader.adjust .inner h1 {
  width: 230px;
  height: 85px;
  padding: 20px;
}

#pageIndex #mainHeader.adjust .inner h1 a img:first-of-type,
#pageIndex #floatHeader.adjust .inner h1 a img:first-of-type {
  display: none;
}

#pageIndex #mainHeader.adjust .inner h1 a img:last-of-type,
#pageIndex #floatHeader.adjust .inner h1 a img:last-of-type {
  display: block;
}

#pageIndex #mainHeader.adjust .inner #gNav > ul.ul01 .bnr_gd,
#pageIndex #mainHeader.adjust .inner #gNav02 > ul.ul01 .bnr_gd,
#pageIndex #floatHeader.adjust .inner #gNav > ul.ul01 .bnr_gd,
#pageIndex #floatHeader.adjust .inner #gNav02 > ul.ul01 .bnr_gd {
  padding-right: 22px;
}

#pageIndex #mainHeader.adjust .inner #gNav > ul.ul01 li:last-of-type,
#pageIndex #mainHeader.adjust .inner #gNav02 > ul.ul01 li:last-of-type,
#pageIndex #floatHeader.adjust .inner #gNav > ul.ul01 li:last-of-type,
#pageIndex #floatHeader.adjust .inner #gNav02 > ul.ul01 li:last-of-type {
  margin-right: 85px !important;
  border-right: solid 1px #000;
}

@media only screen and (max-width: 768px) {
  #pageIndex #mainHeader.adjust,
  #pageIndex #floatHeader.adjust {
    height: 55px;
  }
  #pageIndex #mainHeader.adjust .inner,
  #pageIndex #floatHeader.adjust .inner {
    height: 55px;
  }
  #pageIndex #mainHeader.adjust .inner .innerLeft,
  #pageIndex #floatHeader.adjust .inner .innerLeft {
    height: 55px;
  }
}

#pageIndex #mainHeader.open,
#pageIndex #floatHeader.open {
  transition: 0.3s ease-out;
  margin-left: -260px;
}

#pageIndex #mainHeader.close,
#pageIndex #floatHeader.close {
  transition-property: left;
  transition: 0.3s ease-out;
  left: 0;
}

@media only screen and (max-width: 768px) {
  #pageIndex #mainHeader,
  #pageIndex #floatHeader {
    width: 100%;
    height: 55px;
    min-height: 0;
  }
  #pageIndex #mainHeader .inner,
  #pageIndex #floatHeader .inner {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 55px;
    overflow: hidden;
    padding: 0;
  }
  #pageIndex #mainHeader .inner h1,
  #pageIndex #floatHeader .inner h1 {
    width: 230px;
    max-width: 175px;
    height: 55px;
    padding: 8px 10px 0 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
  }
  #pageIndex #mainHeader .inner h1 a,
  #pageIndex #floatHeader .inner h1 a {
    display: block;
    background: none;
    width: auto;
    height: auto;
  }
  #pageIndex #mainHeader .inner h1 a img,
  #pageIndex #floatHeader .inner h1 a img {
    width: 100%;
  }
  #pageIndex #mainHeader .inner h1 a img:first-of-type,
  #pageIndex #floatHeader .inner h1 a img:first-of-type {
    display: none;
  }
  #pageIndex #mainHeader .inner h1 a img:last-of-type,
  #pageIndex #floatHeader .inner h1 a img:last-of-type {
    display: block;
  }
}

#pageIndex #mainHeader.hover, #pageIndex #mainHeader.hover02,
#pageIndex #floatHeader.hover,
#pageIndex #floatHeader.hover02 {
  background-color: rgba(255, 255, 255, 0.9);
  background-image: none;
  height: 70px;
  border-bottom: 3px solid #654c9d;
}

#pageIndex #mainHeader.hover h1, #pageIndex #mainHeader.hover02 h1,
#pageIndex #floatHeader.hover h1,
#pageIndex #floatHeader.hover02 h1 {
  background: none;
  padding: 20px 0 0 10px;
  box-shadow: none;
}

#pageIndex #mainHeader.hover h1 .svg path, #pageIndex #mainHeader.hover02 h1 .svg path,
#pageIndex #floatHeader.hover h1 .svg path,
#pageIndex #floatHeader.hover02 h1 .svg path {
  color: #000;
  fill: #000;
}

#pageIndex #mainHeader.hover .inner, #pageIndex #mainHeader.hover02 .inner,
#pageIndex #floatHeader.hover .inner,
#pageIndex #floatHeader.hover02 .inner {
  height: 70px;
}

#pageIndex #mainHeader.hover .inner .info span, #pageIndex #mainHeader.hover02 .inner .info span,
#pageIndex #floatHeader.hover .inner .info span,
#pageIndex #floatHeader.hover02 .inner .info span {
  color: #000;
}

#pageIndex #mainHeader.hover #gNav, #pageIndex #mainHeader.hover02 #gNav,
#pageIndex #floatHeader.hover #gNav,
#pageIndex #floatHeader.hover02 #gNav {
  width: 820px;
  border-bottom: none;
}

#pageIndex #mainHeader.hover #gNav > ul > li, #pageIndex #mainHeader.hover02 #gNav > ul > li,
#pageIndex #floatHeader.hover #gNav > ul > li,
#pageIndex #floatHeader.hover02 #gNav > ul > li {
  height: 30px;
}

#pageIndex #mainHeader.hover #gNav > ul > li:hover, #pageIndex #mainHeader.hover #gNav > ul > li.current, #pageIndex #mainHeader.hover02 #gNav > ul > li:hover, #pageIndex #mainHeader.hover02 #gNav > ul > li.current,
#pageIndex #floatHeader.hover #gNav > ul > li:hover,
#pageIndex #floatHeader.hover #gNav > ul > li.current,
#pageIndex #floatHeader.hover02 #gNav > ul > li:hover,
#pageIndex #floatHeader.hover02 #gNav > ul > li.current {
  border-bottom: 6px solid #654c9d;
}

#pageIndex #mainHeader.hover #gNav > ul > li > a, #pageIndex #mainHeader.hover02 #gNav > ul > li > a,
#pageIndex #floatHeader.hover #gNav > ul > li > a,
#pageIndex #floatHeader.hover02 #gNav > ul > li > a {
  height: 30px;
  color: #000;
  text-shadow: none;
}

#pageIndex #mainHeader.hover #gNav > ul > li div, #pageIndex #mainHeader.hover02 #gNav > ul > li div,
#pageIndex #floatHeader.hover #gNav > ul > li div,
#pageIndex #floatHeader.hover02 #gNav > ul > li div {
  position: fixed;
}

@media only screen and (max-width: 768px) {
  #pageIndex #mainHeader.hover #gNav, #pageIndex #mainHeader.hover02 #gNav,
  #pageIndex #floatHeader.hover #gNav,
  #pageIndex #floatHeader.hover02 #gNav {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  #pageIndex #mainHeader.hover, #pageIndex #mainHeader.hover02,
  #pageIndex #floatHeader.hover,
  #pageIndex #floatHeader.hover02 {
    height: 70px;
  }
  #pageIndex #mainHeader.hover .inner, #pageIndex #mainHeader.hover02 .inner,
  #pageIndex #floatHeader.hover .inner,
  #pageIndex #floatHeader.hover02 .inner {
    height: 70px;
  }
  #pageIndex #mainHeader.hover h1 img, #pageIndex #mainHeader.hover02 h1 img,
  #pageIndex #floatHeader.hover h1 img,
  #pageIndex #floatHeader.hover02 h1 img {
    display: block;
    width: auto;
    height: 90%;
  }
}

/* ===================== # pageIndex mein header ==================== */
#pageIndex #eventList {
  width: 100%;
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}

#pageIndex #eventList h5 {
  box-sizing: border-box;
  width: 100%;
  font-size: 2.4rem;
  position: relative;
  margin-bottom: 30px;
}

#pageIndex #eventList h5::before {
  position: absolute;
  top: calc(50% - 5px);
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background: #49260d;
}

#pageIndex #eventList h5 span {
  position: relative;
  padding-right: 1em;
  background: #fff;
}

#pageIndex #eventList .eventBox {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  border-bottom: solid 1px #000;
}

#pageIndex #eventList .eventBox:last-of-type {
  border-bottom: none;
}

#pageIndex #eventList .eventBox .date {
  width: 110px;
  -js-display: flex;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  box-sizing: border-box;
  font-size: 2.4rem;
  font-family: "ヒラギノ角ゴ W3 JIS2004", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-right: 30px;
}

#pageIndex #eventList .eventBox .date .youbi {
  font-size: 1.4rem;
  line-height: 1;
  margin: 10px 0 0 6px;
}

#pageIndex #eventList .eventBox .date.sat, #pageIndex #eventList .eventBox .date.sun, #pageIndex #eventList .eventBox .date.hol {
  color: #d3a358;
  font-weight: bold;
}

#pageIndex #eventList .eventBox .event {
  padding: 10px 4px;
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  box-sizing: border-box;
  flex: 1 1;
  text-align: left;
}

#pageIndex #eventList .eventBox .event .item {
  position: relative;
  font-size: 14px;
  width: 100%;
  margin: 8px 0;
  padding-bottom: 4px;
}

#pageIndex #eventList .eventBox .event .item a {
  display: block;
  width: 100%;
}

#pageIndex #eventList .eventBox .event .cat {
  margin-right: 15px;
  color: #fff;
  font-size: 13px;
  padding: 4px;
  width: 160px;
  display: inline-block;
  text-align: center;
}

#pageIndex #eventList .eventBox .event .event_status {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  min-width: 54px;
}

#pageIndex #eventList .eventBox .event .event_status li {
  color: #fff;
  font-size: 10px;
  background: #555;
  margin-bottom: 2px;
  border-radius: 1em;
  padding: 2px;
  text-align: center;
}

#pageIndex #eventList .eventBox .event .event_status li.yoyaku {
  background: #c80000;
}

#pageIndex #eventList .eventBox .event .event_status li.nokori {
  background: #0089bf;
}

#pageIndex #eventList .eventBox .event a:hover {
  text-decoration: none;
  opacity: 0.8;
}

@media only screen and (max-width: 600px) {
  #pageIndex #eventList .eventBox .event .cat {
    display: block;
    text-align: center;
  }
  #pageIndex #eventList .eventBox .event .event_name {
    display: block;
    margin-top: 4px;
  }
  #pageIndex #eventList .eventBox .event .event_status {
    position: relative;
    top: auto;
    right: auto;
    display: block;
    width: 100%;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  #pageIndex #eventList .eventBox .event .event_status li {
    display: inline-block;
    padding: 2px 6px;
  }
}

@media only screen and (max-width: 600px) {
  #pageIndex #eventList {
    display: block;
    height: auto;
    margin-right: 0;
  }
  #pageIndex #eventList .eventBox {
    width: 100%;
  }
  #pageIndex #eventList .eventBox .row2,
  #pageIndex #eventList .eventBox .row3,
  #pageIndex #eventList .eventBox .row4,
  #pageIndex #eventList .eventBox .row5,
  #pageIndex #eventList .eventBox .row6,
  #pageIndex #eventList .eventBox .row7 {
    height: auto !important;
  }
  #pageIndex #eventList .eventBox .date {
    height: auto;
    width: 100px;
    font-size: 2.4rem;
    margin-right: 20px;
  }
  #pageIndex #eventList .eventBox .date .youbi {
    margin: 10px 0 0 3px;
  }
  #pageIndex #eventList .eventBox .event {
    height: auto;
  }
}

#pageIndex #eventItem .sec > .h_category {
  font-size: 16px;
  color: #fff;
  display: inline-block;
  padding: 4px 20px;
  margin-bottom: 20px;
}

#pageIndex #eventItem .sec > h3 {
  margin-bottom: 4px !important;
}

@media only screen and (max-width: 600px) {
  #pageIndex #eventItem .sec > h3 {
    font-size: 2em;
  }
}

#pageIndex #eventItem .sec > .date {
  font-size: 18px;
  color: #dd0000;
  margin-bottom: 20px;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

#pageIndex #eventItem .sec > .date span {
  display: block;
}

#pageIndex #eventItem .sec > .date span.map {
  width: 100px;
  background: #dd0000;
  color: #fff;
  text-align: center;
}

#pageIndex #eventItem .sec > .mainImg {
  margin-bottom: 20px;
}

#pageIndex #eventItem .sec > .mainImg img {
  min-width: 100%;
}

#pageIndex #eventItem .sec > .description {
  font-size: 14px;
  line-height: 2.5;
  margin-bottom: 40px;
}

#pageIndex #eventItem .sec > .toiawase {
  box-sizing: border-box;
  border: solid 4px #ddd;
  width: 60%;
  padding: 20px 50px;
  margin: 0 auto 50px auto;
  background: #fff;
}

#pageIndex #eventItem .sec > .toiawase p {
  font-size: 16px;
  line-height: 1.7;
  margin: 2px 0;
}

#pageIndex #eventItem .sec > .toiawase .btn {
  width: 100%;
}

#pageIndex #eventItem .sec > .toiawase .btnMore {
  display: block;
  width: 100%;
  background: #505060;
  color: #fff;
  margin: 50px 0 10px 0;
  max-width: 100%;
}

#pageIndex #eventItem .sec > .toiawase .btnMore:before {
  border-color: #fff;
}

#pageIndex #eventItem .sec .gmap {
  margin: 0 auto 50px auto;
  text-align: center;
}

#pageIndex #eventItem .sec .gmap iframe {
  width: 100%;
  height: 400px;
}

#pageIndex #eventItem .sec #relatedPosts a,
#pageIndex #eventItem .sec #relatedPosts a:hover {
  text-decoration: none;
}

#pageIndex #eventItem .sec #relatedPosts a:hover,
#pageIndex #eventItem .sec #relatedPosts a:hover:hover {
  opacity: 0.7;
}

#pageIndex #eventItem .sec #relatedPosts h1 {
  font-size: 14px;
  padding: 20px 0;
  border-top: solid 1px #c1c1c1;
}

#pageIndex #eventItem .sec #relatedPosts #eventSlider {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  margin-top: 20px;
}

#pageIndex #eventItem .sec #relatedPosts #eventSlider .slide {
  box-sizing: border-box;
  width: 46%;
  padding-left: 10px;
}

#pageIndex #eventItem .sec #relatedPosts #eventSlider .slide .slide_inner {
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  position: relative;
}

#pageIndex #eventItem .sec #relatedPosts #eventSlider .slide .slide_inner .image {
  width: 100%;
}

#pageIndex #eventItem .sec #relatedPosts #eventSlider .slide .slide_inner .image img {
  width: 100%;
  height: 186px;
  -o-object-fit: cover;
     object-fit: cover;
}

#pageIndex #eventItem .sec #relatedPosts #eventSlider .slide .slide_inner .status {
  width: 66px;
  height: 66px;
  background: #ee8800;
  color: #fff;
  -js-display: flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  position: absolute;
  top: -10px;
  left: -10px;
}

#pageIndex #eventItem .sec #relatedPosts #eventSlider .slide .slide_inner .date {
  width: 100%;
  color: #dd0000;
}

#pageIndex #eventItem .sec #relatedPosts #eventSlider .slide .slide_inner .description {
  width: 100%;
}

#pageIndex #eventItem .sec #relatedPosts #eventSlider .slide .slide_inner .category {
  width: 100%;
}

#pageIndex #eventItem .sec #relatedPosts #eventSlider .slide .slide_inner .category span {
  display: inline-block;
  background: #505060;
  padding: 4px 20px;
  color: #fff;
  margin-top: 20px;
}

@media only screen and (max-width: 600px) {
  #pageIndex #eventItem .sec #relatedPosts #eventSlider .slide {
    margin-bottom: 30px;
    border: solid 1px #ccc;
    border-radius: 6px;
    padding: 10px;
  }
}

@media only screen and (max-width: 600px) {
  #pageIndex #eventItem .sec > .toiawase {
    width: 100%;
    padding: 10px;
    text-align: center;
  }
  #pageIndex #eventItem .sec > .toiawase .btn a {
    font-size: 14px;
    margin-top: 10px;
  }
  #pageIndex #eventItem .sec #relatedPosts {
    margin-bottom: 50px;
  }
  #pageIndex #eventItem .sec #relatedPosts #eventSlider {
    display: block;
  }
  #pageIndex #eventItem .sec #relatedPosts #eventSlider .slide {
    width: 100%;
  }
}

#pageIndex .bx-wrapper .bx-controls-direction a.disabled {
  display: block !important;
}

#pageIndex .bx-prev {
  margin-left: -100px;
}

#pageIndex .bx-next {
  margin-right: -100px;
}

#pageIndex .bx-prev,
#pageIndex .bx-next {
  margin-left: 0;
  margin-right: 0;
}

#pageIndex a:hover {
  text-decoration: none;
}

#pageIndex #wrapper #mainHeader,
#pageIndex #wrapper #floatHeader {
  border-bottom: none !important;
}

#pageIndex #wrapper #mainHeader:before,
#pageIndex #wrapper #floatHeader:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 60px;
  top: 100px;
  background-color: #fff;
  z-index: -100;
  transition: all 300ms 0s ease;
}

#pageIndex #wrapper #mainHeader #gNav > ul > li a,
#pageIndex #wrapper #floatHeader #gNav > ul > li a {
  color: #000;
}

#pageIndex #wrapper #mainHeader.adjust,
#pageIndex #wrapper #floatHeader.adjust {
  border-bottom: none !important;
}

#pageIndex #wrapper #mainHeader.adjust:before,
#pageIndex #wrapper #floatHeader.adjust:before {
  top: 0;
  height: 86px;
}

@media only screen and (max-width: 768px) {
  #pageIndex #wrapper #mainHeader:before,
  #pageIndex #wrapper #floatHeader:before {
    height: 0;
    background-color: transparent;
  }
}

#pageIndex #wrapper #landinfoSec h2,
#pageIndex #wrapper #eventSec h2,
#pageIndex #wrapper #newsSec h2 {
  line-height: 1.2;
  font-family: "ヒラギノ角ゴ W3 JIS2004", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 2rem;
  color: #fff;
  margin-bottom: 30px;
  background-color: #49260d;
  text-align: left;
  font-weight: normal;
  padding: 5px 10px;
}

#pageIndex #wrapper #landinfoSec .landUl {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi {
  flex-basis: 23.5%;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi:last-of-type {
  border: none;
  box-shadow: none;
  height: 0;
  margin: 0;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi a img {
  width: 100%;
  border-radius: 10px 10px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  font-family: 'object-fit: cover; object-position: center center;';
}

#pageIndex #wrapper #landinfoSec .landUl .landLi a ul {
  padding: 15px 10px;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi a ul li.place {
  text-align: center;
  font-size: 1.3rem;
  line-height: 13px;
  color: #fff;
  padding: 4px 12px;
  display: inline-block;
  border-radius: 5px;
  margin-bottom: 5px;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi a ul li.place.kyoto {
  background-color: #8743d3;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi a ul li.place.osaka {
  background-color: #e1800e;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi a ul li.place.shiga {
  background-color: #4457cc;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi a ul li.ttl {
  font-weight: bold;
  margin-bottom: 10px;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi a ul li.address {
  font-size: 1.5rem;
  margin-bottom: 10px;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi a ul li span.terms {
  font-size: 1.3rem;
  padding: 2px 8px;
  border-radius: 0;
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi a ul li span.terms.no {
  border: 2px solid #089478;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi a ul li span.terms.yes {
  border: 2px solid #e71515;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi a ul li span.negotiation {
  font-size: 1.3rem;
  padding: 5px 8px 3px;
  border-radius: 0;
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
  background: #f00;
  color: white;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi a ul li.price, #pageIndex #wrapper #landinfoSec .landUl .landLi a ul li.area {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi a ul li.price p, #pageIndex #wrapper #landinfoSec .landUl .landLi a ul li.area p {
  display: inline-block;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi a ul li.price p:first-of-type, #pageIndex #wrapper #landinfoSec .landUl .landLi a ul li.area p:first-of-type {
  padding: 0 10px;
  background-color: #dbdbdf;
  font-size: 1.4rem;
  line-height: 1.6;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi a ul li.price p:last-of-type, #pageIndex #wrapper #landinfoSec .landUl .landLi a ul li.area p:last-of-type {
  font-size: 1.5rem;
}

#pageIndex #wrapper #landinfoSec .landUl .landLi a ul li.price p:last-of-type span, #pageIndex #wrapper #landinfoSec .landUl .landLi a ul li.area p:last-of-type span {
  color: #e71515;
  font-size: 2rem;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  #pageIndex #wrapper #landinfoSec .landUl .landLi {
    flex-basis: 31%;
  }
}

@media only screen and (max-width: 600px) {
  #pageIndex #wrapper #landinfoSec .landUl {
    display: block;
  }
  #pageIndex #wrapper #landinfoSec .landUl .landLi {
    width: 90%;
    margin: 0 auto 30px;
  }
}

#pageIndex #wrapper #eventSec {
  margin-top: -150px;
}

#pageIndex #wrapper #eventSec .bx-wrapper {
  max-width: 980px !important;
}

#pageIndex #wrapper #eventSec .bx-wrapper .bx-prev {
  background: url(../img/cmn/slider_navi_01_left.png) no-repeat 0 0;
  margin-left: -60px;
}

#pageIndex #wrapper #eventSec .bx-wrapper .bx-next {
  background: url(../img/cmn/slider_navi_01_right.png) no-repeat 0 0;
  margin-right: -60px;
}

@media only screen and (max-width: 600px) {
  #pageIndex #wrapper #eventSec .bx-wrapper .bx-controls-direction {
    display: none;
  }
}

#pageIndex #wrapper #eventSec .bx-wrapper .bx-controls-direction a {
  margin-top: -65px;
}

#pageIndex #wrapper #eventSec #eventSlider .item ul {
  position: relative;
  box-sizing: border-box;
  min-height: 284px;
}

#pageIndex #wrapper #eventSec #eventSlider .item ul li.image {
  margin-bottom: 15px;
}

#pageIndex #wrapper #eventSec #eventSlider .item ul li.date {
  color: #000;
  font-size: 1.2rem;
  display: inline-block;
}

#pageIndex #wrapper #eventSec #eventSlider .item ul li.category {
  text-align: center;
  font-size: 1.3rem;
  line-height: 13px;
  color: #fff;
  padding: 4px;
  min-width: 6em;
  padding: 4px 6px;
  display: inline-block;
  float: right;
}

#pageIndex #wrapper #eventSec #eventSlider .item ul li.text {
  margin-bottom: 2em;
}

#pageIndex #wrapper #eventSec #eventSlider .item ul li p {
  margin-top: 10px;
  line-height: 1.4;
  font-size: 1.4rem;
}

#pageIndex #wrapper #eventSec #eventSlider .item ul li img {
  width: 100%;
  height: 180px;
}

#pageIndex #wrapper #eventSec .btnWrapper {
  -js-display: flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}

@media only screen and (max-width: 768px) {
  #pageIndex #wrapper #eventSec {
    margin-top: 0;
  }
}

@media only screen and (max-width: 600px) {
  #pageIndex #wrapper #eventSec {
    margin-top: 30px;
  }
}

#pageIndex #wrapper #newsSec {
  margin-top: 30px;
}

@media only screen and (max-width: 600px) {
  #pageIndex #wrapper #newsSec {
    margin-top: 0;
  }
}

@media only screen and (max-width: 600px) {
  #pageIndex #wrapper #newsSec .ttl {
    height: 40px;
  }
}

#pageIndex #wrapper #newsSec.sec .inner {
  padding: 50px 0 !important;
}

@media only screen and (max-width: 768px) {
  #pageIndex #wrapper #newsSec.sec .inner {
    padding: 50px 10px 0 !important;
  }
}

#pageIndex #wrapper #newsSec ul li {
  border-bottom: solid 1px #000;
  padding: 16px 0;
}

#pageIndex #wrapper #newsSec ul li a {
  display: block;
  width: 100%;
}

#pageIndex #wrapper #newsSec ul li a:hover {
  opacity: 0.8;
}

#pageIndex #wrapper #newsSec ul li p.row {
  box-sizing: border-box;
  font-size: 1.6rem;
  line-height: 1.7;
  display: inline-block;
}

#pageIndex #wrapper #newsSec ul li p.row time {
  display: inline-block;
  margin: 0 70px 0 10px;
}

#pageIndex #wrapper #newsSec ul li p.row span {
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
  padding: 4px;
  width: 90px;
  display: inline-block;
  text-align: center;
}

#pageIndex #wrapper #newsSec ul li p.row span.news {
  background: #49260d;
  color: #fff;
}

#pageIndex #wrapper #newsSec ul li p.row span.event {
  background: #d3a358;
  color: #fff;
}

#pageIndex #wrapper #newsSec ul li p.row span.media {
  background: #558833;
  color: #fff;
}

#pageIndex #wrapper #newsSec ul li p.row span.award {
  background: #aebb33;
  color: #fff;
}

@media only screen and (max-width: 600px) {
  #pageIndex #wrapper #newsSec ul li p.row {
    display: block;
  }
  #pageIndex #wrapper #newsSec ul li p.row:nth-child(2) {
    margin-top: 10px;
  }
  #pageIndex #wrapper #newsSec ul li p.row time {
    margin-right: 0;
  }
}

#pageIndex #wrapper #newsSec .btnMore {
  background: #fff;
}

#pageIndex #wrapper #recoSec {
  background: url("../img/index/top_bgReco.jpg") no-repeat 0 0;
  background-size: cover;
}

#pageIndex #wrapper #recoSec .container {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  max-height: 750px;
  overflow: hidden;
  margin-bottom: 50px;
}

#pageIndex #wrapper #recoSec .container > div {
  position: relative;
  width: 48%;
}

#pageIndex #wrapper #recoSec .container > div#eventListWrapper #eventList #eventListInner {
  width: 98%;
  max-height: 660px;
  overflow-y: auto;
}

#pageIndex #wrapper #recoSec .container > div h2 {
  background: #967d34;
  font-size: 28px;
  text-align: center;
  color: #fff;
  padding: 10px;
}

#pageIndex #wrapper #recoSec .container > div article {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  margin-bottom: 13px;
  position: relative;
}

#pageIndex #wrapper #recoSec .container > div article .category {
  display: block;
  width: 100px !important;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  padding: 4px;
}

#pageIndex #wrapper #recoSec .container > div article .btn_goto {
  position: absolute;
  right: 8px;
  bottom: 6px;
  width: 90px !important;
}

#pageIndex #wrapper #recoSec .container > div article .btn_goto a {
  display: block;
  width: 90px !important;
  text-align: center;
  font-size: 11px;
  border: solid 1px #555;
}

#pageIndex #wrapper #recoSec .container > div article .btn_goto a:hover {
  opacity: 0.5;
}

#pageIndex #wrapper #recoSec .container > div article > p {
  width: 200px;
  background: #fff;
}

#pageIndex #wrapper #recoSec .container > div article > p img {
  width: 100%;
  height: 130px;
}

#pageIndex #wrapper #recoSec .container > div article > ul {
  background: #fff;
  padding: 10px;
  flex: 1 1;
}

#pageIndex #wrapper #recoSec .container > div article > ul .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 4px;
}

#pageIndex #wrapper #recoSec .container > div article > ul .date,
#pageIndex #wrapper #recoSec .container > div article > ul .time {
  font-size: 14px;
  color: #c04123;
}

#pageIndex #wrapper #recoSec .container > div article > ul .description {
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 14px;
}

#pageIndex #wrapper #recoSec .container > div article .bg_taiken,
#pageIndex #wrapper #recoSec .container > div article .bg_kansei,
#pageIndex #wrapper #recoSec .container > div article .bg_kozo,
#pageIndex #wrapper #recoSec .container > div article .bg_plan,
#pageIndex #wrapper #recoSec .container > div article .bg_ob,
#pageIndex #wrapper #recoSec .container > div article .bg_model,
#pageIndex #wrapper #recoSec .container > div article .bg_kanshaday,
#pageIndex #wrapper #recoSec .container > div article .bg_zeisei,
#pageIndex #wrapper #recoSec .container > div article .bg_loan,
#pageIndex #wrapper #recoSec .container > div article .bg_sekou,
#pageIndex #wrapper #recoSec .container > div article .bg_modelhouse,
#pageIndex #wrapper #recoSec .container > div article .bg_reform,
#pageIndex #wrapper #recoSec .container > div article .bg_def {
  font-size: 11px;
}

#pageIndex #wrapper #recoSec .container > div .btnWrapper {
  margin-bottom: 0;
  width: 100%;
  max-width: 100%;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

#pageIndex #wrapper #recoSec .container > div .btnWrapper p {
  width: 48%;
  background: #fff;
}

#pageIndex #wrapper #recoSec .container > div .btnMore {
  margin-bottom: 0;
  font-size: 14px;
}

@media only screen and (max-width: 768px) {
  #pageIndex #wrapper #recoSec .container {
    display: block;
    max-height: inherit;
    overflow: display;
  }
  #pageIndex #wrapper #recoSec .container > div {
    width: 100%;
  }
  #pageIndex #wrapper #recoSec .container > div#eventListWrapper #eventList #eventListInner {
    width: 100%;
    max-height: inherit;
    overflow: display;
  }
  #pageIndex #wrapper #recoSec .container > div .btnMore {
    position: relative;
    bottom: auto;
    left: auto;
  }
  #pageIndex #wrapper #recoSec .container > div:nth-child(2) {
    margin-top: 30px;
    text-align: center;
  }
}

@media only screen and (max-width: 600px) {
  #pageIndex #wrapper #recoSec .container > div article {
    display: block;
  }
  #pageIndex #wrapper #recoSec .container > div article > p {
    width: 100%;
  }
  #pageIndex #wrapper #recoSec .container > div .btnWrapper {
    display: block;
    position: relative;
  }
  #pageIndex #wrapper #recoSec .container > div .btnWrapper > p {
    width: 100%;
    margin-bottom: 10px;
  }
}

#pageIndex #wrapper main .fv {
  min-height: 400px;
  height: 960px;
}

#pageIndex #wrapper main .fv .txtArea {
  position: absolute;
  padding-top: 275px;
  width: 100%;
}

#pageIndex #wrapper main .fv .txtArea .bx-wrapper {
  margin: 60px auto;
}

#pageIndex #wrapper main .fv .txtArea .bx-wrapper::before {
  content: '';
  display: block;
  background: url(../img/index/ttl01.png) no-repeat 0 0;
  background-size: contain;
  width: 745px;
  height: 84px;
  position: absolute;
  top: -60px;
  right: 0;
}

#pageIndex #wrapper main .fv .txtArea .bx-wrapper .bx-viewport {
  height: 550px !important;
}

#pageIndex #wrapper main .fv .txtArea .bx-wrapper .bx-controls-direction a {
  height: 70px;
  margin-top: -35px;
}

#pageIndex #wrapper main .fv .txtArea .bx-wrapper .bx-prev {
  background: url(../img/cmn/slider_navi_01_left.png) no-repeat 0 0;
  margin-left: 30px;
  box-shadow: 4px 4px 12px 1px rgba(0, 0, 0, 0.5);
}

#pageIndex #wrapper main .fv .txtArea .bx-wrapper .bx-next {
  background: url(../img/cmn/slider_navi_01_right.png) no-repeat 0 0;
  margin-right: 30px;
  box-shadow: 4px 4px 12px 1px rgba(0, 0, 0, 0.5);
}

#pageIndex #wrapper main .fv .txtArea .bx-wrapper .bx-pager {
  bottom: -60px;
}

#pageIndex #wrapper main .fv .txtArea .bx-wrapper .bx-pager.bx-default-pager a {
  background: #d3d3d4;
  width: 6px;
  height: 6px;
  margin: 0 12px;
  border-radius: 50%;
}

#pageIndex #wrapper main .fv .txtArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
#pageIndex #wrapper main .fv .txtArea .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

#pageIndex #wrapper main .fv .txtArea .txtArea_inner {
  width: 100%;
}

#pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide {
  height: 400px;
  -js-display: flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

#pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box0 {
  height: 400px;
  position: relative;
}

#pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box1,
#pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box2 {
  box-sizing: border-box;
  font-weight: normal;
  overflow: hidden;
}

#pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box1 p {
  line-height: 1;
}

#pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box1 img,
#pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box1 iframe {
  height: 400px;
  width: 600px;
}

#pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box2 {
  padding-left: 20px;
  text-align: center;
  position: absolute;
  bottom: -150px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background-color: #49260d;
  width: 94%;
  height: 180px;
  padding: 10px;
}

#pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box2 .wisiwig p, #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box2 .wisiwigTop p {
  font-size: 1.4rem;
}

#pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box2 .wisiwig:first-of-type p, #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box2 .wisiwigTop:first-of-type p {
  margin-bottom: 5px;
}

#pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box2 .wisiwig:last-of-type, #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box2 .wisiwigTop:last-of-type {
  margin-top: 5px;
}

@media screen and (max-width: 1200px) {
  #pageIndex #wrapper main .fv .txtArea .bx-wrapper .bx-prev {
    display: none;
  }
  #pageIndex #wrapper main .fv .txtArea .bx-wrapper .bx-next {
    display: none;
  }
  #pageIndex #wrapper main .fv .txtArea .bx-wrapper::before {
    width: 600px;
    height: 68px;
    position: absolute;
    top: -48px;
    right: 0;
  }
  #pageIndex #wrapper main .fv .txtArea .bx-wrapper .bx-viewport {
    height: 580px !important;
  }
  #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box1 img,
  #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box1 iframe {
    width: 748px;
    height: 500px;
  }
  #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box2 {
    bottom: -180px;
  }
}

@media only screen and (max-width: 768px) {
  #pageIndex #wrapper main .fv {
    box-sizing: border-box;
    background-attachment: scroll;
    height: auto;
  }
  #pageIndex #wrapper main .fv .txtArea {
    position: static;
    height: auto;
    min-height: 400px;
    padding-top: 110px;
  }
  #pageIndex #wrapper main .fv .txtArea .bx-wrapper {
    margin: 0 auto 120px;
    max-width: 748px !important;
  }
  #pageIndex #wrapper main .fv .txtArea .bx-wrapper::before {
    width: 500px;
    height: 57px;
    position: absolute;
    top: -42px;
    right: 0;
  }
  #pageIndex #wrapper main .fv .txtArea .bx-wrapper .bx-viewport {
    height: 580px !important;
  }
  #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide {
    height: 400px;
  }
  #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box0 {
    width: 640px;
  }
  #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box1 img,
  #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box1 iframe {
    width: 640px;
    height: 427px;
  }
  #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box2 {
    width: 75%;
  }
}

@media only screen and (max-width: 600px) {
  #pageIndex #wrapper main .fv {
    min-height: auto;
    height: auto;
    padding-top: 0;
  }
  #pageIndex #wrapper main .fv .txtArea {
    padding-top: 80px;
    height: 100vh;
  }
  #pageIndex #wrapper main .fv .txtArea .bx-wrapper {
    margin: 30px auto;
    width: 375px !important;
  }
  #pageIndex #wrapper main .fv .txtArea .bx-wrapper::before {
    width: 350px;
    height: 40px;
    position: absolute;
    top: -30px;
    right: 0;
  }
  #pageIndex #wrapper main .fv .txtArea .bx-wrapper .bx-viewport {
    height: 550px !important;
  }
  #pageIndex #wrapper main .fv .txtArea .txtArea_inner {
    display: block;
  }
  #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box0 {
    width: 100%;
  }
  #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box1 img,
  #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box1 iframe {
    width: 100% !important;
    height: 300px;
  }
  #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box2 {
    height: 280px;
    width: 92%;
  }
  #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box2 p:first-child {
    font-size: 1.4rem;
  }
  #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box2 p:nth-child(2) {
    font-size: 1.4rem;
  }
  #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box2 .wisiwig, #pageIndex #wrapper main .fv .txtArea .txtArea_inner .slide .box2 .wisiwigTop {
    margin-bottom: 10px;
  }
}

#pageIndex #wrapper main .sec .inner {
  box-sizing: border-box;
  max-width: 980px;
  padding: 70px 0 50px;
}

@media only screen and (max-width: 768px) {
  #pageIndex #wrapper main .sec .inner {
    padding: 50px 10px 50px;
  }
}

#pageIndex #wrapper main .sec .inner .blue {
  color: #0086cd;
}

#pageIndex #wrapper main .sec .inner .gold {
  color: #dca66b;
}

#pageIndex #wrapper main .sec .inner h2 {
  line-height: 1.2;
  margin-bottom: 30px;
}

#pageIndex #wrapper main .sec .inner h2 span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 50%;
  line-height: 1.8;
  margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {
  #pageIndex #wrapper main .sec .inner h2 {
    font-size: 8vw;
  }
}

#pageIndex #wrapper main .sec .inner .lead01 {
  text-align: center;
  font-size: 2.4rem;
  color: #967d34;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  line-height: 40px;
  font-weight: bold;
  margin-bottom: 40px;
}

#pageIndex #wrapper main .sec .inner .lead01 sub {
  vertical-align: sub;
  font-size: 75%;
}

#pageIndex #wrapper main .sec.sec01 .inner .cover {
  position: relative;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
}

#pageIndex #wrapper main .sec.sec01 .inner .cover .box {
  width: 455px;
  text-align: center;
}

#pageIndex #wrapper main .sec.sec01 .inner .cover .box figure {
  margin-bottom: 25px;
}

#pageIndex #wrapper main .sec.sec01 .inner .cover .box figure figcaption {
  margin-top: -30px;
  line-height: 1.5;
  font-size: 2rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: bold;
}

#pageIndex #wrapper main .sec.sec01 .inner .cover .box figure figcaption img {
  margin-bottom: 20px;
}

#pageIndex #wrapper main .sec.sec01 .inner .cover .box figure figcaption.figc2 {
  margin-top: -50px;
}

#pageIndex #wrapper main .sec.sec01 .inner .cover .iconPlusLarge {
  position: absolute;
  left: 450px;
  top: 150px;
  width: 68px;
  height: 44px;
}

@media only screen and (max-width: 768px) {
  #pageIndex #wrapper main .sec.sec01 .inner .cover {
    display: block;
  }
  #pageIndex #wrapper main .sec.sec01 .inner .cover .box {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
  }
  #pageIndex #wrapper main .sec.sec01 .inner .cover .iconPlusLarge {
    width: 100%;
    position: static;
    text-align: center;
    padding: 20px 0;
  }
}

#pageIndex #wrapper main .sec.sec01 .inner .btnMore {
  max-width: 350px;
}

#pageIndex #wrapper main .sec.sec02 .cover {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}

#pageIndex #wrapper main .sec.sec02 .cover .box {
  position: relative;
  width: 260px;
  padding-bottom: 60px;
}

#pageIndex #wrapper main .sec.sec02 .cover .box .img {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #7f7f7f;
  margin-bottom: 20px;
}

#pageIndex #wrapper main .sec.sec02 .cover .box p {
  font-size: 1.4rem;
}

#pageIndex #wrapper main .sec.sec02 .cover .box .btnMore {
  position: absolute;
  left: 0;
  bottom: 0;
}

@media only screen and (max-width: 768px) {
  #pageIndex #wrapper main .sec.sec02 .cover {
    padding: 0 10px;
  }
  #pageIndex #wrapper main .sec.sec02 .cover .box {
    width: 32%;
  }
}

@media only screen and (max-width: 600px) {
  #pageIndex #wrapper main .sec.sec02 .cover {
    display: block;
  }
  #pageIndex #wrapper main .sec.sec02 .cover .box {
    width: 260px;
    margin: 0 auto 20px;
  }
}

#pageIndex #wrapper main .sec.sec03 .cover {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}

#pageIndex #wrapper main .sec.sec03 .cover .box {
  box-sizing: border-box;
  position: relative;
  width: 293px;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.85);
}

#pageIndex #wrapper main .sec.sec03 .cover .box .ttl {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 20px;
}

#pageIndex #wrapper main .sec.sec03 .cover .box img {
  margin-bottom: 20px;
}

#pageIndex #wrapper main .sec.sec03 .cover .box .txt {
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  color: #333;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  #pageIndex #wrapper main .sec.sec03 .cover {
    display: block;
    margin-top: 0;
  }
  #pageIndex #wrapper main .sec.sec03 .cover .box {
    width: 80%;
    min-width: 293px;
    margin: 0 auto 20px;
  }
  #pageIndex #wrapper main .sec.sec03 .cover .box img {
    display: block;
    margin: 0 auto 20px;
  }
}

#pageIndex #wrapper main .sec.btmCmnSec {
  padding: 100px 0 60px;
}

#pageIndex #wrapper main .sec.btmCmnSec .bx-wrapper .bx-prev {
  background: url(../img/cmn/slider_navi_01_left.png) no-repeat 0 0;
  margin-left: -70px;
}

#pageIndex #wrapper main .sec.btmCmnSec .bx-wrapper .bx-next {
  background: url(../img/cmn/slider_navi_01_right.png) no-repeat 0 0;
  margin-right: -70px;
}

#pageIndex #wrapper main .sec.btmCmnSec .bx-wrapper .bx-controls-direction a {
  width: 30px;
  height: 30px;
  margin-top: -15px;
}

#pageIndex #wrapper main .sec.btmCmnSec .inner {
  padding: 0 10px;
}

#pageIndex #wrapper main .sec.btmCmnSec .inner h2 {
  margin-bottom: 35px;
}

#pageIndex #wrapper main .sec.btmCmnSec .inner .txt01 {
  text-align: center;
  color: #967d34;
  font-size: 2.2rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: bold;
  margin-bottom: 40px;
}

#pageIndex #wrapper main .sec.btmCmnSec .inner.inner02 {
  padding: 0;
}

@media only screen and (max-width: 768px) {
  #pageIndex #wrapper main .sec.btmCmnSec .inner {
    padding: 55px 10px 40px;
  }
}

@media only screen and (max-width: 600px) {
  #pageIndex #wrapper main .sec.btmCmnSec {
    padding: 50px 0;
  }
  #pageIndex #wrapper main .sec.btmCmnSec .inner {
    padding: 0 10px;
  }
}

main {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  min-width: 950px;
  padding-bottom: 60px;
}

@media only screen and (max-width: 768px) {
  main {
    min-width: 320px;
  }
}

main .inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 950px;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  main .inner {
    padding: 0 10px;
  }
}

main #twoClm {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  align-items: stretch;
  flex-direction: row;
  box-sizing: border-box;
  width: 100%;
  max-width: 980px;
  margin: auto;
}

main #twoClm #clmL {
  width: 100%;
  max-width: 740px;
}

main #twoClm #clmL .h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 4rem;
  margin-bottom: 30px;
}

main #twoClm #clmL .h4 {
  font-size: 2.8rem;
  background-color: #eff8df;
  border-top: 2px solid #6da013;
  padding: 20px 16px 15px;
  margin-bottom: 40px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
}

main #twoClm #clmR {
  box-sizing: border-box;
  width: 100%;
  max-width: 210px;
  padding-left: 30px;
  border-left: 1px solid #ccc;
}

main #twoClm #clmR #lNav {
  margin-bottom: 40px;
}

main #twoClm #clmR #lNav ul {
  border-top: 1px solid #c4d7a2;
}

main #twoClm #clmR #lNav ul li a {
  display: block;
  position: relative;
  display: block;
  padding-left: 10px;
  font-size: 1.4rem;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #c4d7a2;
}

main #twoClm #clmR #lNav ul li a::before {
  display: block;
  position: absolute;
  content: "";
  border-top: 2px solid #6da013;
  border-right: 2px solid #6da013;
  width: 4px;
  height: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

main #twoClm #clmR #lNav ul li a:hover, main #twoClm #clmR #lNav ul li a.current {
  text-decoration: none;
  background-color: #e2f2c6;
  color: #6da013;
}

main #twoClm #clmR #lNav ul li a.current {
  font-weight: bold;
}

main #twoClm #clmR #lNav ul li::before {
  margin-top: 5px;
}

@media only screen and (max-width: 768px) {
  main #twoClm #clmR #lNav {
    margin-bottom: 20px;
  }
  main #twoClm #clmR #lNav ul li {
    margin-bottom: 0;
  }
  main #twoClm #clmR #lNav ul li::before {
    margin-top: auto;
    left: 10px;
  }
  main #twoClm #clmR #lNav ul li a {
    display: block;
    padding: 20px;
  }
}

main #twoClm #clmR .sideFlyerTtl {
  background-color: #6da013;
  color: #fff;
  text-align: center;
  padding: 5px;
}

main #twoClm #clmR #sideFlyer {
  width: 100%;
}

main #twoClm #clmR #sideFlyer li figure {
  text-align: center;
}

main #twoClm #clmR #sideFlyer li figure a {
  display: block;
  padding: 15px;
  background-color: #fff;
}

main #twoClm #clmR #sideFlyer li figure a img {
  width: 100%;
  height: auto;
}

main #twoClm #clmR #sideFlyer li figure figcaption {
  background-color: rgba(62, 88, 16, 0.6);
  color: #fff;
  padding: 5px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 768px) {
  main #twoClm #clmR #sideFlyer li a img {
    display: block;
    width: auto !important;
    max-height: 200px;
    margin: auto;
  }
}

main #twoClm #clmR .bx-wrapper {
  padding-bottom: 20px;
}

main #twoClm #clmR .bx-wrapper .bx-prev,
main #twoClm #clmR .bx-wrapper .bx-next {
  display: none;
}

main #twoClm #clmR .bx-wrapper:hover .bx-prev,
main #twoClm #clmR .bx-wrapper:hover .bx-next {
  display: block;
}

main #twoClm #clmR .btnRequest {
  text-decoration: none;
  display: block;
  background-color: #eb6100;
  text-align: center;
  font-weight: bold;
  color: #fff;
  height: 3.6rem;
  line-height: 3.6rem;
}

main #twoClm #clmR .btnRequest:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}

main #twoClm #clmR .tallfree {
  font-weight: bold;
  font-size: 2rem;
}

main #twoClm #clmR .tallfree img {
  margin-right: 5px;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  main #twoClm #clmR .contactArea {
    max-width: 80%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 600px) {
  main #twoClm #clmR .contactArea {
    text-align: center;
  }
}

main #twoClm #clmR .businessHours {
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  main #twoClm #clmR .businessHours {
    -js-display: flex;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    max-width: 80%;
    margin: 0 auto 20px;
  }
  main #twoClm #clmR .businessHours p {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 600px) {
  main #twoClm #clmR .businessHours {
    -js-display: flex;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
  }
  main #twoClm #clmR .businessHours p {
    margin-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  main #twoClm #clmR #bnrArea {
    -js-display: flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
  }
}

@media only screen and (max-width: 460px) {
  main #twoClm #clmR #bnrArea p {
    width: 48%;
    text-align: center;
  }
  main #twoClm #clmR #bnrArea p img {
    max-width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 768px) {
  main #twoClm {
    display: block;
  }
  main #twoClm #clmL {
    max-width: 100%;
  }
  main #twoClm #clmR {
    box-sizing: border-box;
    max-width: 100%;
    padding: 0 10px;
  }
}

#toTop {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 20px;
  z-index: 9999;
}

#toTop a {
  position: relative;
  display: block;
  display: block;
  width: 54px;
  height: 54px;
  border-radius: 10px;
  background-color: #290d0b;
}

#toTop a::before {
  display: block;
  position: absolute;
  content: "";
  border-top: 4px solid #d3a358;
  border-right: 4px solid #d3a358;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 20px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

#toTop a span {
  display: none;
}

@media only screen and (max-width: 768px) {
  #toTop {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    right: 0;
    bottom: 50px;
  }
}

#mainFooter {
  padding: 80px 0 25px;
  background-color: #290d0b;
}

#mainFooter .inner {
  width: 100%;
  max-width: 980px;
  margin: auto;
  text-align: left;
}

#mainFooter .inner .cover {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}

#mainFooter .inner .cover .box {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
  color: #fff;
}

#mainFooter .inner .cover .box.b1 {
  box-sizing: border-box;
  width: 705px;
  padding-right: 25px;
  border-right: 1px solid #49443e;
}

#mainFooter .inner .cover .box.b1 nav h3 {
  font-size: 1.4rem;
  margin-bottom: 10px;
  color: #d3a358;
}

#mainFooter .inner .cover .box.b1 nav h3 a {
  color: #333;
}

#mainFooter .inner .cover .box.b1 nav > ul {
  margin-bottom: 40px;
}

#mainFooter .inner .cover .box.b1 nav > ul > li {
  position: relative;
  display: block;
  line-height: 1.3;
  margin-bottom: 10px;
  padding-left: 12px;
  text-align: left;
}

#mainFooter .inner .cover .box.b1 nav > ul > li::before {
  display: block;
  position: absolute;
  content: "";
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  width: 4px;
  height: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

#mainFooter .inner .cover .box.b1 nav > ul > li::before {
  top: 7px;
  bottom: auto;
}

#mainFooter .inner .cover .box.b1 nav > ul > li > a {
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
}

#mainFooter .inner .cover .box.b1 nav > ul > li > a.nr {
  color: #ddd !important;
}

#mainFooter .inner .cover .box.b1 nav > ul > li ul {
  padding-top: 5px;
}

#mainFooter .inner .cover .box.b1 nav > ul > li ul li {
  position: relative;
  display: block;
  padding-left: 12px;
  margin-bottom: 5px;
}

#mainFooter .inner .cover .box.b1 nav > ul > li ul li::before {
  display: block;
  position: absolute;
  content: "";
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  width: 4px;
  height: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

#mainFooter .inner .cover .box.b1 nav > ul > li ul li a {
  font-size: 1.2rem;
  color: #fff;
}

#mainFooter .inner .cover .box.b2 {
  box-sizing: border-box;
  display: block;
  width: 275px;
  padding-left: 40px;
}

#mainFooter .inner .cover .box.b2 p {
  margin-bottom: 20px;
}

#mainFooter .inner .cover .box.b2 p em {
  font-size: 1.6rem;
  font-weight: bold;
}

#mainFooter .inner .cover .box.b2 p a.link {
  color: #fff;
  position: relative;
  display: block;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding-left: 1em;
}

#mainFooter .inner .cover .box.b2 p a.link::before {
  display: block;
  position: absolute;
  content: "";
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  width: 4px;
  height: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

#mainFooter .copy {
  color: #999;
  font-size: 12px;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  #mainFooter {
    padding: 0 0 50px;
  }
  #mainFooter > .inner .cover {
    display: none;
  }
  #mainFooter > .inner .copy {
    padding: 10px;
    text-align: center;
  }
}

/*body{
 #wrapper{

  .bx-wrapper{
   margin-bottom: 20px;

   .bx-viewport {
    box-shadow: none;
    border:none;
    left:0;
    background: none;
   }

   .bx-pager.bx-default-pager a:hover,
    .bx-pager.bx-default-pager a.active {
   }

   .bx-pager{

    &.bx-default-pager{
     //display: none;
     margin-bottom: -10px;
     a{
      @include border-radius(0);
      width: 20px;
      margin: 0 2px;
      &:hover,&.active{
       background: $orange;
      }
     }
    }
   }

   .bx-controls .bx-controls-direction{
    position: relative;
    height: 0;
   }

   @include media(tablet){
    .bx-pager{
     &.bx-default-pager{
      display: block;
     }
    }
   }
  }
 }
}*/
#bc {
  height: 32px;
  margin-top: -40px;
  margin-bottom: 40px;
}

#bc ul {
  width: 100%;
  max-width: 980px;
  margin: auto;
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

#bc ul li {
  font-size: 1.2rem;
  line-height: 32px;
  padding-right: 16px;
  margin-right: 10px;
  color: #999;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 500px;
  position: relative;
  display: block;
}

#bc ul li::before {
  margin-top: -5px;
}

#bc ul li::before {
  display: block;
  position: absolute;
  content: "";
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 2px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

#bc ul li:last-child::before {
  display: none;
}

#bc ul li a {
  color: #999;
}

@media only screen and (max-width: 768px) {
  #bc {
    display: none;
  }
}

/*.sec{
 padding: 80px 0 0;
 >.inner{
  @include resp;
 }
 @include media(tablet){
  padding: 40px 0 0;
  >.inner{
   @include bdx;
   padding: 0 10px;
  }
 }
}*/
.normalPage #mainHeader #gNav > ul.ul01 .bnr_gd,
.normalPage #mainHeader #gNav02 > ul.ul01 .bnr_gd {
  padding-right: 24px;
}

.normalPage sup {
  font-size: 50%;
  vertical-align: top;
}

.normalPage #mainImgArea {
  width: 100%;
  height: 290px;
  position: relative;
}

.normalPage #mainImgArea .ttl {
  position: absolute;
  right: 0;
  top: 100px;
  z-index: 150;
  width: 620px;
  background-color: #454443;
  color: #fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 3rem;
  text-align: center;
  line-height: 1.4;
  padding: 5px 0 0;
}

.normalPage #mainImgArea .boxR {
  position: absolute;
  right: 0;
  top: 0;
  width: 32.5vw;
  min-width: 332px;
  height: 290px;
  background: url(../img/feature/index/main_bg.png) 0 0 no-repeat;
}

.normalPage #mainImgArea .mainImg {
  width: 67.5vw;
  min-width: 690px;
  height: 240px;
  position: relative;
  z-index: 100;
}

.normalPage #mainImgArea .mainImg img {
  width: 100%;
  height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  font-family: 'object-fit: cover; object-position: center center;';
}

@media only screen and (max-width: 768px) {
  .normalPage #mainImgArea {
    height: auto;
    -js-display: flex;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
  }
  .normalPage #mainImgArea .ttl {
    order: 1;
    position: static;
    width: 100%;
    font-size: 3rem;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 20px;
  }
  .normalPage #mainImgArea .boxR {
    order: 2;
    position: static;
    width: 100%;
    min-width: 0;
    height: 200px;
    background-position: center center;
    background-size: contain;
    display: none;
  }
  .normalPage #mainImgArea .mainImg {
    width: 100%;
    min-width: 0;
    height: auto;
    order: 0;
  }
  .normalPage #mainImgArea .mainImg img {
    height: auto;
  }
}

.normalPage .sec {
  margin-bottom: 40px;
}

.normalPage .sec h5 {
  font-size: 2rem;
  background-color: #eff8df;
  border-left: 6px solid #6da013;
  padding: 8px 5px 5px 20px;
  margin-bottom: 40px;
}

.normalPage .sec h5.orangeH {
  color: #eb6100;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  padding: 5px;
  margin-bottom: 40px;
  background: none;
  border: none;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.normalPage .sec h6 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.normalPage .sec p sub {
  vertical-align: baseline;
  font-size: 50%;
}

.wp-pagenavi {
  text-align: center;
  margin-bottom: 55px;
}

.wp-pagenavi a,
.wp-pagenavi span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  box-sizing: border-box;
  padding: 0 3px;
  margin: 0 3px 10px;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #6da013;
  background-color: #fff;
  font-size: 1.6rem;
  line-height: 1.5;
  border: 1px solid #6da013;
}

.wp-pagenavi a:hover,
.wp-pagenavi span:hover {
  text-decoration: none;
  background-color: #6da013;
  color: #fff;
}

.wp-pagenavi a.current,
.wp-pagenavi span.current {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  box-sizing: border-box;
  text-decoration: none;
  background-color: #6da013;
  color: #fff;
  font-size: 1.6rem;
}

.wp-pagenavi a.pages,
.wp-pagenavi span.pages {
  display: none;
}

.wp-pagenavi a.extend,
.wp-pagenavi span.extend {
  border: none;
}

.wp-pagenavi a.extend:hover,
.wp-pagenavi span.extend:hover {
  background-color: #fff;
  color: #aaa;
}

.pp_social {
  display: none !important;
}

.pp_description {
  text-align: center;
  font-size: 12px;
}

.ppt {
  display: none !important;
}

.pp_expand {
  display: none !important;
}

#pageCampaign #mainImg {
  background: url(../img/campaign/main.png) center center no-repeat;
  background-size: cover;
}

#pageCampaign #mainImg span {
  display: none;
}

#pageCampaign #cover01 {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
}

#pageCampaign #cover01 li {
  width: 30%;
  margin-bottom: 20px;
}

#pageCampaign #cover01 li figure img {
  margin-bottom: 5px;
}

#pageCampaign #cover01 li figure figcaption {
  font-weight: bold;
  font-size: 2rem;
}

@media only screen and (max-width: 768px) {
  #pageCampaign #cover01 {
    -js-display: flex;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
  }
  #pageCampaign #cover01 li {
    width: 48%;
  }
}

@media only screen and (max-width: 600px) {
  #pageCampaign #cover01 li {
    width: 100%;
    max-width: 400px;
  }
}

#pageCampaign .btn01 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border-radius: 10px;
  width: 100%;
  max-width: 486px;
  background-color: #76bf24;
  color: #fff;
  padding: 20px 0;
}

#pageCampaign .btn01:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

#pageCampaign .btn01 span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

#pageCampaign .btn01 span.s1 {
  font-size: 2rem;
  font-weight: bold;
  padding-left: 26px;
  position: relative;
}

#pageCampaign .btn01 span.s1::after {
  display: block;
  content: "➜";
  font-size: 12.8px;
  font-weight: bold;
  position: absolute;
  color: #76bf24;
  background-color: #fff;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  left: 0px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

@media only screen and (max-width: 600px) {
  #pageCampaign .btn01 span.s1 {
    font-size: 4.5vw;
  }
  #pageCampaign .btn01 span.s2 {
    font-size: 3vw;
  }
}

#pageQA .leadTxt {
  font-size: 1.9rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: bold;
}

#pageQA .qaDl dt {
  padding-left: 30px;
  background: url(../img/questions/qaIconQ.gif) 0 0px no-repeat;
  font-size: 2rem;
  font-weight: bold;
  color: #56443b;
  margin-bottom: 10px;
}

#pageQA .qaDl dd {
  padding-left: 30px;
  background: url(../img/questions/qaIconA.gif) 0 0px no-repeat;
  font-size: 1.4rem;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 20px;
}

#pageModel #mainImg {
  background: url(../img/model/main.jpg) center center no-repeat;
  background-size: cover;
}

#pageModel h3 {
  font-size: 2.7rem;
  color: #514425;
  margin-bottom: 32px;
}

#pageModel .leadTxt {
  font-size: 1.54rem;
}

#pageModel .modelSec {
  box-sizing: border-box;
  border-radius: 3px;
  border: 2px solid #b22e27;
  margin-bottom: 25px;
}

#pageModel .modelSec .inner {
  padding: 15px;
}

#pageModel .modelSec .btn02 {
  box-sizing: border-box;
  border-radius: 6px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 100%;
  background-color: #fff;
  border: 3px solid #e8706a;
  color: #e8706a;
  padding: 5px 10px;
  font-size: 1.6rem;
  text-align: center;
}

#pageModel .modelSec .btn02:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

#pageModel .modelSec h4 {
  background: -owg-linear-gradient(#ec8a85, #e34f48);
  -pie-background: -pie-linear-gradient(#ec8a85, #e34f48);
  background: linear-gradient(#ec8a85, #e34f48);
  box-sizing: border-box;
  padding: 10px 5px 5px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: 1.7rem;
  letter-spacing: 3px;
}

#pageModel .modelSec .cover {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
}

#pageModel .modelSec .cover .boxL {
  width: 265px;
}

#pageModel .modelSec .cover .boxL .wzero {
  padding: 20px;
  text-align: center;
}

#pageModel .modelSec .cover .boxL .txt {
  line-height: 2;
}

#pageModel .modelSec .cover .boxR {
  width: 412px;
}

#pageModel .modelSec .cover .boxR .map {
  width: 100%;
  margin-bottom: 20px;
}

#pageModel .modelSec .cover .boxR .map iframe {
  width: 100%;
  height: 232px;
}

#pageModel .modelSec .cover .boxR .normalUl li {
  font-size: 1.2rem;
}

@media only screen and (max-width: 768px) {
  #pageModel .modelSec .cover {
    display: block;
  }
  #pageModel .modelSec .cover .boxL {
    width: 100%;
    margin-bottom: 20px;
  }
  #pageModel .modelSec .cover .boxR {
    width: 100%;
  }
  #pageModel .modelSec .cover .boxR .map iframe {
    height: 56.3vw;
  }
}

#pageModel .modelSec.ms02 {
  border-color: #6e942a;
}

#pageModel .modelSec.ms02 h4 {
  background: #8ab934;
}

#pageModel .modelSec.ms02 .btn {
  box-sizing: border-box;
  border-radius: 6px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 100%;
  background-color: #fff;
  border: 3px solid #8ab934;
  color: #8ab934;
  padding: 5px 10px;
  font-size: 1.6rem;
  text-align: center;
}

#pageModel .modelSec.ms02 .btn:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

#pageLandinfo main {
  padding-bottom: 180px;
}

#pageLandinfo main .inner {
  padding: 50px 0 100px;
  background-color: #fff;
}

#pageLandinfo .tab {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  margin-bottom: 50px;
}

#pageLandinfo .tab li {
  display: inline-block;
  flex-basis: 23.5%;
}

#pageLandinfo .tab li a {
  -js-display: flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  width: 100%;
  text-decoration: none;
  text-align: center;
  color: #fff;
  position: relative;
  border-radius: 6px;
  padding: 10px 0;
}

#pageLandinfo .tab li a:after {
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 3px;
  margin: auto;
  content: '';
  vertical-align: middle;
  width: 7px;
  height: 7px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#pageLandinfo .tab li.all a {
  background-color: #555555;
}

#pageLandinfo .tab li.osaka a {
  background-color: #e1800e;
}

#pageLandinfo .tab li.kyoto a {
  background-color: #8743d3;
}

#pageLandinfo .tab li.shiga a {
  background-color: #4457cc;
}

#pageLandinfo .tab li.active a:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top: 8px solid #fff;
}

#pageLandinfo .tab li.active.all a:before {
  border-top-color: #555555;
}

#pageLandinfo .tab li.active.osaka a:before {
  border-top-color: #e1800e;
}

#pageLandinfo .tab li.active.kyoto a:before {
  border-top-color: #8743d3;
}

#pageLandinfo .tab li.active.shiga a:before {
  border-top-color: #4457cc;
}

#pageLandinfo .tabContents {
  width: 100%;
}

#pageLandinfo .tabContents .hit {
  background-color: #f0f0f0;
  text-align: center;
  width: 100%;
  padding: 30px 0;
  margin-bottom: 80px;
}

#pageLandinfo .tabBox {
  display: none;
}

#pageLandinfo .landUl {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}

#pageLandinfo .landUl .landLi {
  flex-basis: 31%;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
}

#pageLandinfo .landUl .landLi:last-of-type {
  border: none;
  box-shadow: none;
  height: 0;
  margin: 0;
}

#pageLandinfo .landUl .landLi a:hover {
  text-decoration: none;
}

#pageLandinfo .landUl .landLi a img {
  width: 100%;
  border-radius: 10px 10px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  font-family: 'object-fit: cover; object-position: center center;';
}

#pageLandinfo .landUl .landLi a ul {
  padding: 15px 10px;
}

#pageLandinfo .landUl .landLi a ul li.place {
  text-align: center;
  font-size: 1.3rem;
  line-height: 13px;
  color: #fff;
  padding: 4px 12px;
  display: inline-block;
  border-radius: 5px;
  margin-bottom: 5px;
}

#pageLandinfo .landUl .landLi a ul li.place.kyoto {
  background-color: #8743d3;
}

#pageLandinfo .landUl .landLi a ul li.place.osaka {
  background-color: #e1800e;
}

#pageLandinfo .landUl .landLi a ul li.place.shiga {
  background-color: #4457cc;
}

#pageLandinfo .landUl .landLi a ul li.ttl {
  font-weight: bold;
  margin-bottom: 10px;
}

#pageLandinfo .landUl .landLi a ul li.address {
  font-size: 1.5rem;
  margin-bottom: 10px;
}

#pageLandinfo .landUl .landLi a ul li span.terms {
  font-size: 1.3rem;
  padding: 2px 12px;
  border-radius: 0;
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}

#pageLandinfo .landUl .landLi a ul li span.terms.no {
  border: 2px solid #089478;
}

#pageLandinfo .landUl .landLi a ul li span.terms.yes {
  border: 2px solid #e71515;
}

#pageLandinfo .landUl .landLi a ul li span.negotiation {
  font-size: 1.3rem;
  padding: 5px 12px 3px;
  border-radius: 0;
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
  background: #f00;
  color: white;
}

#pageLandinfo .landUl .landLi a ul li.price, #pageLandinfo .landUl .landLi a ul li.area {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

#pageLandinfo .landUl .landLi a ul li.price p, #pageLandinfo .landUl .landLi a ul li.area p {
  display: inline-block;
}

#pageLandinfo .landUl .landLi a ul li.price p:first-of-type, #pageLandinfo .landUl .landLi a ul li.area p:first-of-type {
  padding: 0 10px;
  background-color: #dbdbdf;
  font-size: 1.4rem;
  line-height: 1.6;
}

#pageLandinfo .landUl .landLi a ul li.price p:last-of-type, #pageLandinfo .landUl .landLi a ul li.area p:last-of-type {
  font-size: 1.5rem;
}

#pageLandinfo .landUl .landLi a ul li.price p:last-of-type span, #pageLandinfo .landUl .landLi a ul li.area p:last-of-type span {
  color: #e71515;
  font-size: 2rem;
  font-weight: bold;
}

@media only screen and (max-width: 600px) {
  #pageLandinfo .tab {
    padding: 0 10px;
  }
  #pageLandinfo .tab li a {
    height: 70px;
    padding: 0 0 10px;
  }
  #pageLandinfo .tab li a:after {
    top: auto;
    right: 0;
    left: 0;
    bottom: 14px;
  }
  #pageLandinfo .landUl {
    display: block;
  }
  #pageLandinfo .landUl .landLi {
    width: 90%;
    margin: 0 auto 30px;
  }
}

#pageLandinfoDetail section {
  margin-bottom: 100px;
}

#pageLandinfoDetail section img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  font-family: 'object-fit: cover; object-position: center center;';
}

#pageLandinfoDetail section .sliderArea .bx-wrapper {
  margin-bottom: 20px;
}

#pageLandinfoDetail section .sliderArea .bx-wrapper img {
  margin: 0 auto;
}

#pageLandinfoDetail section .sliderArea .bx-wrapper .bx-viewport {
  height: 570px !important;
}

#pageLandinfoDetail section .sliderArea .bx-wrapper ul li {
  height: 570px;
  position: relative;
}

#pageLandinfoDetail section .sliderArea .bx-wrapper ul li img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  font-family: 'object-fit: cover; object-position: center center;';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

#pageLandinfoDetail section .sliderArea .bx-wrapper .bx-controls-direction a {
  margin-top: -32px;
  width: 41px;
  height: 74px;
  z-index: 999;
}

#pageLandinfoDetail section .sliderArea .bx-wrapper .bx-prev {
  background: url(../img/landinfo_archive/slider_arrow_left.png) no-repeat center center;
}

#pageLandinfoDetail section .sliderArea .bx-wrapper .bx-next {
  background: url(../img/landinfo_archive/slider_arrow_right.png) no-repeat center center;
}

#pageLandinfoDetail section .sliderArea .custom-thumb {
  -js-display: flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

#pageLandinfoDetail section .sliderArea .custom-thumb a {
  margin: 7px;
}

@media only screen and (max-width: 1024px) {
  #pageLandinfoDetail section .sliderArea .bx-wrapper .bx-viewport {
    height: 500px !important;
  }
  #pageLandinfoDetail section .sliderArea .bx-wrapper ul li {
    height: 500px;
    position: relative;
  }
}

@media only screen and (max-width: 768px) {
  #pageLandinfoDetail section .sliderArea .bx-wrapper .bx-viewport {
    height: 392px !important;
  }
  #pageLandinfoDetail section .sliderArea .bx-wrapper ul li {
    height: 392px;
    position: relative;
  }
}

@media only screen and (max-width: 600px) {
  #pageLandinfoDetail section .sliderArea .bx-wrapper .bx-viewport {
    height: 186px !important;
  }
  #pageLandinfoDetail section .sliderArea .bx-wrapper ul li {
    height: 186px;
    position: relative;
  }
  #pageLandinfoDetail section .sliderArea .bx-wrapper .bx-controls-direction a {
    margin-top: -18px;
    width: 20px;
    height: 36px;
    background-size: cover;
  }
  #pageLandinfoDetail section .sliderArea .custom-thumb a img {
    width: 100px;
    height: 64px;
  }
}

@media only screen and (max-width: 320px) {
  #pageLandinfoDetail section .sliderArea .custom-thumb a img {
    width: 80px;
    height: 51px;
  }
}

#pageLandinfoDetail section.sec01 .ttlArea {
  margin-bottom: 40px;
}

#pageLandinfoDetail section.sec01 .ttlArea .flex {
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  margin-bottom: 5px;
}

#pageLandinfoDetail section.sec01 .ttlArea .flex p {
  font-size: 1.8rem;
  line-height: 1.4;
  color: #fff;
  padding: 0 30px;
  border-radius: 5px;
}

#pageLandinfoDetail section.sec01 .ttlArea .flex p.place {
  margin-right: 20px;
}

#pageLandinfoDetail section.sec01 .ttlArea .flex p.place.kyoto {
  background-color: #8743d3;
}

#pageLandinfoDetail section.sec01 .ttlArea .flex p.place.osaka {
  background-color: #e1800e;
}

#pageLandinfoDetail section.sec01 .ttlArea .flex p.place.shiga {
  background-color: #4457cc;
}

#pageLandinfoDetail section.sec01 .ttlArea .flex p.terms.no {
  background-color: #089478;
}

#pageLandinfoDetail section.sec01 .ttlArea .flex p.terms.yes {
  background-color: #e71515;
}

#pageLandinfoDetail section.sec01 .ttlArea .flex p span.negotiation {
  font-size: 1.8rem;
  padding: 0px 12px;
  display: inline-block;
  font-weight: bold;
  background: #f00;
  color: white;
  border-radius: 5px;
}

#pageLandinfoDetail section.sec01 .ttlArea .ttl {
  font-size: 3rem;
  line-height: 1.4;
  font-weight: bold;
}

@media only screen and (max-width: 600px) {
  #pageLandinfoDetail section.sec01 .ttlArea .flex p {
    padding: 0 10px;
    display: inline-block;
  }
  #pageLandinfoDetail section.sec01 .ttlArea .flex p.place {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 320px) {
  #pageLandinfoDetail section.sec01 .ttlArea {
    margin-bottom: 30px;
  }
  #pageLandinfoDetail section.sec01 .ttlArea .flex p {
    font-size: 1.6rem;
  }
  #pageLandinfoDetail section.sec01 .ttlArea .ttl {
    font-size: 2.6rem;
  }
}

#pageLandinfoDetail section.sec01 .detailArea {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
  margin-top: 60px;
  margin-bottom: 70px;
}

#pageLandinfoDetail section.sec01 .detailArea .box {
  width: 49%;
}

#pageLandinfoDetail section.sec01 .detailArea .box li {
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
  margin-bottom: 20px;
}

#pageLandinfoDetail section.sec01 .detailArea .box li:last-of-type {
  margin-bottom: 0;
}

#pageLandinfoDetail section.sec01 .detailArea .box li p:first-of-type {
  display: inline-block;
  background-color: #9bad7b;
  width: 90px;
  color: #fff;
  text-align: center;
  margin-right: 10px;
}

#pageLandinfoDetail section.sec01 .detailArea .box:last-of-type li {
  display: block;
}

#pageLandinfoDetail section.sec01 .detailArea .box:last-of-type li p:first-of-type {
  margin-bottom: 15px;
  margin-right: 0;
}

#pageLandinfoDetail section.sec01 .detailArea .box:last-of-type li p:last-of-type {
  padding-left: 5px;
}

@media only screen and (max-width: 768px) {
  #pageLandinfoDetail section.sec01 .detailArea .box:first-of-type li:last-of-type p:first-of-type {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 600px) {
  #pageLandinfoDetail section.sec01 .detailArea {
    display: block;
  }
  #pageLandinfoDetail section.sec01 .detailArea .box {
    width: 100%;
  }
  #pageLandinfoDetail section.sec01 .detailArea .box:first-of-type {
    margin-bottom: 20px;
  }
}

#pageLandinfoDetail section.sec01 .contactArea .btnBox {
  -js-display: flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  margin-bottom: 25px;
}

#pageLandinfoDetail section.sec01 .contactArea .btnBox a.btn {
  width: 200px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 5px;
  margin: 0 25px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  position: relative;
  display: block;
}

#pageLandinfoDetail section.sec01 .contactArea .btnBox a.btn:first-of-type {
  background-color: #083c05;
}

#pageLandinfoDetail section.sec01 .contactArea .btnBox a.btn:last-of-type {
  background-color: #997733;
}

#pageLandinfoDetail section.sec01 .contactArea .btnBox a.btn:after {
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
  content: '';
  vertical-align: middle;
  width: 7px;
  height: 7px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#pageLandinfoDetail section.sec01 .contactArea .btnBox a.btn:hover {
  text-decoration: none;
  opacity: 0.7;
}

@media only screen and (max-width: 600px) {
  #pageLandinfoDetail section.sec01 .contactArea .btnBox {
    -js-display: flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
  }
  #pageLandinfoDetail section.sec01 .contactArea .btnBox a.btn {
    width: 48%;
    margin: 0;
  }
}

#pageLandinfoDetail section.sec02 .tab {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  border-bottom: 2px solid #d8d8d8;
  margin-bottom: -30px;
}

#pageLandinfoDetail section.sec02 .tab li {
  flex-basis: 18%;
  border: 2px solid #d8d8d8;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}

#pageLandinfoDetail section.sec02 .tab li a {
  background-color: #e9e9e9;
  text-align: center;
  display: block;
  width: 100%;
  padding: 15px 0;
  font-weight: bold;
}

#pageLandinfoDetail section.sec02 .tab li a:hover {
  text-decoration: none;
  background-color: #fff;
}

@media only screen and (max-width: 600px) {
  #pageLandinfoDetail section.sec02 .tab li a {
    font-size: 1.3rem;
  }
}

#pageLandinfoDetail section.sec02 .ancArea {
  padding-top: 100px;
}

#pageLandinfoDetail section.sec02 .ancArea .ttl_anc {
  text-align: center;
  margin-bottom: 40px;
}

#pageLandinfoDetail section.sec02 .ancArea .ttl_anc p {
  margin-top: 12px;
  font-size: 1.3rem;
}

#pageLandinfoDetail section.sec02 .ancArea#anc01 ul {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}

#pageLandinfoDetail section.sec02 .ancArea#anc01 ul li {
  flex-basis: 29%;
  margin-bottom: 30px;
}

#pageLandinfoDetail section.sec02 .ancArea#anc01 ul li p {
  line-height: 1.4;
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  #pageLandinfoDetail section.sec02 .ancArea#anc01 ul {
    -js-display: flex;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
  }
}

@media only screen and (max-width: 600px) {
  #pageLandinfoDetail section.sec02 .ancArea#anc01 ul li {
    flex-basis: auto;
  }
}

#pageLandinfoDetail section.sec02 .ancArea#anc05 table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
}

#pageLandinfoDetail section.sec02 .ancArea#anc05 table th {
  width: 15%;
  background: #ecf1f5;
  box-sizing: border-box;
  padding: 15px;
  vertical-align: middle;
  font-weight: bold;
}

#pageLandinfoDetail section.sec02 .ancArea#anc05 table td {
  background: #fff;
  box-sizing: border-box;
  padding: 15px;
  vertical-align: top;
  text-align: left;
}

#pageLandinfoDetail section.sec02 .ancArea#anc05 table tr {
  border-bottom: 1px solid #ccc;
}

#pageLandinfoDetail section.sec02 .ancArea#anc05 table tr:first-of-type {
  border-top: 1px solid #ccc;
}

#pageLandinfoDetail section.sec02 .ancArea#anc05 table tr.other td {
  line-height: 2;
}

@media only screen and (max-width: 600px) {
  #pageLandinfoDetail section.sec02 .ancArea#anc05 table th,
  #pageLandinfoDetail section.sec02 .ancArea#anc05 table td {
    display: block;
    width: 100%;
    border-bottom: none;
  }
  #pageLandinfoDetail section.sec02 .ancArea#anc05 table td {
    border-bottom: 1px solid #ccc;
  }
  #pageLandinfoDetail section.sec02 .ancArea#anc05 table tr {
    border-bottom: none;
  }
  #pageLandinfoDetail section.sec02 .ancArea#anc05 table tr:first-of-type {
    border-top: none;
  }
  #pageLandinfoDetail section.sec02 .ancArea#anc05 table tr:first-of-type th {
    border-top: 1px solid #ccc;
  }
}

#pageLandinfoDetail section.sec03 {
  background-color: #ecf1f5;
  padding: 70px 0;
}

#pageWorks #mainImg {
  background: url(../img/works/main.jpg) center center no-repeat;
  background-size: cover;
}

#pageWorks .leadTxt {
  font-size: 1.9rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: bold;
}

#pageWorks .qaDl dt {
  padding-left: 30px;
  background: url(../img/questions/qaIconQ.gif) 0 7px no-repeat;
  font-size: 2rem;
  font-weight: bold;
  color: #56443b;
  margin-bottom: 10px;
}

#pageWorks .qaDl dd {
  padding-left: 30px;
  background: url(../img/questions/qaIconA.gif) 0 4px no-repeat;
  font-size: 1.4rem;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 20px;
}

#pageOrg04 .sec01 #photoArea {
  background-color: #eee;
  padding: 3px;
  border-radius: 5px;
}

#pageOrg04 .sec01 #photoArea .cover {
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

#pageOrg04 .sec01 #photoArea .cover .ph {
  display: none;
}

#pageOrg04 .sec01 #photoArea .cover h6 {
  margin-bottom: 0;
}

#pageOrg04 .sec01 #photoArea .cover h6 a {
  display: block;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: normal;
  padding: 10px;
  color: #016767;
}

#pageOrg04 .sec01 #photoArea .cover h6 a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  text-decoration: none;
  background-color: #f8f8f8;
}

#pageOrg04 .sec01 #photoArea .cover h6 a.current {
  background-color: #fff;
}

#pageOrg04 .sec01 #photoArea .phInner {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  align-items: flex-start;
  flex-direction: row;
  background-color: #fff;
  padding: 30px 20px;
}

#pageOrg04 .sec01 #photoArea .phInner img {
  margin-right: 20px;
  height: auto;
  max-width: 100%;
}

#pageOrg04 .sec01 #photoArea .phInner dl.dl01 {
  width: 270px;
}

#pageOrg04 .sec01 #photoArea .phInner dl.dl02 {
  width: 420px;
}

#pageOrg04 .sec01 #photoArea .phInner dl dt {
  color: #016767;
  font-weight: bold;
  margin-bottom: 20px;
}

#pageOrg04 .sec01 #photoArea .phInner dl dd span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  color: #fff;
  padding: 3px 10px;
  font-size: 1.2rem;
  line-height: 1;
}

#pageOrg04 .sec01 #photoArea .phInner dl dd span.s1 {
  background-color: #019999;
  border-radius: 5px 0 0 5px;
}

#pageOrg04 .sec01 #photoArea .phInner dl dd span.s2 {
  background-color: #0199cc;
  border-left: 1px solid #67ccff;
  border-radius: 0 5px 5px 0;
}

@media only screen and (max-width: 768px) {
  #pageOrg04 .sec01 #photoArea {
    border-radius: 0;
    padding: 1px;
  }
  #pageOrg04 .sec01 #photoArea .cover {
    display: block;
  }
  #pageOrg04 .sec01 #photoArea .cover h6 a {
    border-bottom: 1px solid #ccc;
  }
  #pageOrg04 .sec01 #photoArea .cover h6 a.current {
    font-weight: bold;
    border-bottom: none;
  }
  #pageOrg04 .sec01 #photoArea .cover .ph01 {
    display: block;
  }
  #pageOrg04 .sec01 #photoArea .cover .ph .phInner {
    display: block;
    padding: 0 10px 10px;
  }
  #pageOrg04 .sec01 #photoArea .cover .ph .phInner img {
    margin-bottom: 10px;
  }
  #pageOrg04 .sec01 #photoArea .cover .ph .phInner dl {
    width: 100% !important;
  }
  #pageOrg04 .sec01 #photoArea .cover .ph .phInner dl dt {
    margin-bottom: 5px;
    display: none;
  }
  #pageOrg04 .sec01 #photoArea .cover .ph .phInner dl dd p {
    font-size: 1.2rem;
    margin-bottom: 5px !important;
  }
}

#pageOrg04 .sec02 h6 {
  background-color: #a38b78;
  font-weight: normal;
  padding: 5px 10px;
  margin-bottom: 25px;
}

#pageOrg04 .sec02 h6.c2 {
  background-color: #9eb700;
}

#pageOrg04 .sec02 .cover {
  -js-display: flex;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
}

#pageOrg04 .sec02 .cover .box {
  box-sizing: border-box;
  width: 320px;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

#pageOrg04 .sec02 .cover .box figure {
  width: 105px;
  text-align: center;
}

#pageOrg04 .sec02 .cover .box figure img {
  margin-bottom: 5px;
}

#pageOrg04 .sec02 .cover .box figure figcaption {
  font-weight: bold;
}

#pageOrg04 .sec02 .cover .box ul {
  width: 195px;
}

#pageOrg04 .sec02 .cover .box ul li {
  position: relative;
  display: block;
  padding-left: 12px;
  font-size: 1.4rem;
  margin-bottom: 5px;
}

#pageOrg04 .sec02 .cover .box ul li::before {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
  font-weight: bold;
  font-size: 12px;
  color: #000;
}

@media only screen and (max-width: 768px) {
  #pageOrg04 .sec02 .cover {
    -js-display: flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
  }
  #pageOrg04 .sec02 .cover .box {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 600px) {
  #pageOrg04 .sec02 .cover .box {
    padding: 0 10px;
  }
}

#pageOrg04 .sec021 .cover {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
}

#pageOrg04 .sec021 .cover dl {
  box-sizing: border-box;
  border-radius: 5px;
  padding: 10px;
  background-color: #fcfbeb;
  width: 162px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}

#pageOrg04 .sec021 .cover dl dt {
  background-color: #4e9b9b;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  padding: 6px 0;
  margin-bottom: 10px;
  line-height: 1;
}

#pageOrg04 .sec021 .cover dl dd {
  font-size: 1.2rem;
  color: #666;
  padding: 5px 0 3px 0;
  border-bottom: 1px dotted #999;
}

@media only screen and (max-width: 768px) {
  #pageOrg04 .sec021 .cover dl {
    width: 48%;
  }
}

@media only screen and (max-width: 460px) {
  #pageOrg04 .sec021 .cover dl {
    width: 100%;
  }
}

#pageOrg04 .sec03 {
  border: 1px solid #ccc;
}

#pageOrg04 .sec03 h5 {
  border: none;
  background-color: #6da013;
  color: #fff;
  padding: 10px;
  font-weight: bold;
  margin-bottom: 0;
}

#pageOrg04 .sec03 .secInner {
  padding: 20px 15px;
  background-color: #fff;
}

#pageOrg04 .sec03 .secInner .cover {
  position: relative;
  padding-right: 270px;
}

#pageOrg04 .sec03 .secInner .cover img {
  position: absolute;
  right: 0;
  top: 0;
  width: 255px;
}

#pageOrg04 .sec03 .secInner .cover ul li {
  position: relative;
  display: block;
  padding-left: 10px;
  margin-bottom: 15px;
  font-size: 1.4rem;
}

#pageOrg04 .sec03 .secInner .cover ul li::before {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
  font-weight: bold;
  font-size: 10px;
  color: #000;
}

@media only screen and (max-width: 600px) {
  #pageOrg04 .sec03 .secInner .cover {
    padding-right: 0;
  }
  #pageOrg04 .sec03 .secInner .cover img {
    position: static;
    display: block;
    margin: 0 auto 20px;
  }
}

#pageOrg04 .sec03 .secInner .txt {
  font-weight: bold;
}

#pageOrg04 .sec03 .secInner .txt em {
  font-size: 125%;
  color: #e71f1f;
}

#pageOrg04 .sec .withI {
  overflow: hidden;
}

#pageOrg04 .sec .withI img {
  max-width: 250px;
  height: auto;
}

@media only screen and (max-width: 768px) {
  #pageOrg04 .sec .withI img {
    max-width: 100%;
  }
}

#pageOrg03 .withI {
  overflow: hidden;
}

#pageOrg03 .withI img {
  max-width: 355px;
  height: auto;
}

@media only screen and (max-width: 768px) {
  #pageOrg03 .withI img {
    max-width: 100%;
  }
}

#pageOrg03 .sec01 .cover {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
}

#pageOrg03 .sec01 .cover ul {
  box-sizing: border-box;
  border-radius: 3px;
  width: 355px;
  padding: 15px 15px 5px;
  background-color: #fcfbeb;
  border: 1px solid #e3e2d3;
}

#pageOrg03 .sec01 .cover ul li {
  color: #5a7960;
  margin-bottom: 10px;
}

#pageOrg03 .sec01 .cover ul li i {
  color: #8cab23;
  margin-right: 10px;
}

#pageOrg03 .sec01 .cover .boxR {
  width: 355px;
}

#pageOrg03 .sec01 .sec01Inner {
  position: relative;
  box-sizing: border-box;
  width: 680px;
  margin: auto;
  padding: 30px 190px 20px 20px;
  background: -owg-linear-gradient(to left, white, #eee);
  -pie-background: -pie-linear-gradient(to left, white, #eee);
  background: linear-gradient(to left, white, #eee);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
}

#pageOrg03 .sec01 .sec01Inner h4 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 2rem;
  font-weight: bold;
  color: #56443b;
  margin-bottom: 20px;
}

#pageOrg03 .sec01 .sec01Inner img {
  position: absolute;
  right: 20px;
  top: 20px;
}

#pageOrg03 .sec01 .sec01Inner .name {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 2rem;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  #pageOrg03 .sec01 .sec01Inner {
    width: 100%;
    padding: 15px;
  }
  #pageOrg03 .sec01 .sec01Inner img {
    position: static;
    display: block;
    margin: 0 auto 20px;
  }
}

@media only screen and (max-width: 768px) {
  #pageOrg03 .sec01 .cover {
    display: block;
  }
  #pageOrg03 .sec01 .cover ul {
    width: 100%;
    margin-bottom: 20px;
  }
  #pageOrg03 .sec01 .cover .boxR {
    width: 100%;
  }
}

#pageOrg02 .sec .box {
  padding-bottom: 44px;
  background: url(../img/organization/03/download.png) center bottom no-repeat;
  margin-bottom: 10px;
}

#pageOrg02 .sec dl {
  background-color: #fefdf3;
  padding: 15px 20px;
  border: 3px solid #e5e5e5;
}

#pageOrg02 .sec dl dt {
  color: #56443b;
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px;
}

#pageOrg02 .sec dl dt span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border-radius: 3px;
  font-size: 1.2rem;
  background-color: #90c31f;
  color: #fff;
  padding: 10px 15px;
  margin-right: 20px;
}

#pageOrg02 .sec dl dt span.s2 {
  background-color: #f60;
}

#pageOrg02 .sec dl dd {
  font-size: 1.4rem;
  line-height: 1.8;
}

#pageOrg06 .withI {
  overflow: hidden;
  position: relative;
}

#pageOrg06 .withI img {
  max-width: 160px;
  height: auto;
}

@media only screen and (max-width: 768px) {
  #pageOrg06 .withI img {
    max-width: 100%;
  }
}

#pageOrg06 .withI .name {
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: bold;
  font-size: 1.6rem;
}

@media only screen and (max-width: 768px) {
  #pageOrg06 .withI {
    padding-bottom: 36px;
  }
}

#pageOrg06 .sec .cover {
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

#pageOrg06 .sec .cover .box {
  border-radius: 4px;
  padding: 3px;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  margin-right: 10px;
}

#pageOrg06 .sec .cover .box:nth-child(5) {
  margin-right: 0;
}

#pageOrg06 .sec .cover figure {
  position: relative;
  overflow: hidden;
}

#pageOrg06 .sec .cover figure figcaption {
  box-sizing: border-box;
  padding: 3px 5px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  #pageOrg06 .sec .cover .box {
    margin: 0 5px 10px !important;
  }
}

@media only screen and (max-width: 460px) {
  #pageOrg06 .sec .cover {
    -js-display: flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
  }
}

#pagePrivacy #clmL .normalOl li {
  margin-bottom: 20px;
  font-size: 1.4rem;
  line-height: 1.8;
}

#pagePrivacy #clmL .normalOl li dl dt {
  color: #56443b;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.4;
  padding-left: 1em !important;
  text-indent: -1em !important;
}

#pagePrivacy #clmL .normalOl li dl dt::before {
  content: '■';
}

#pagePrivacy #clmL .normalOl li dl dd {
  margin-bottom: 20px;
}

#pagePrivacy #clmL .contactArea {
  padding: 20px;
  border: 1px solid #ccc;
  color: #5a7960;
  margin-bottom: 40px;
}

#pagePrivacy #clmL .contactArea p span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

#pageEvents h5 {
  margin-bottom: 20px;
}

#pageEvents .navi {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  margin-bottom: 10px;
}

#pageEvents .navi a {
  color: #6da013;
  text-decoration: none;
}

#pageEvents .navi ahover {
  opacity: 0.8;
}

#pageEvents #eventList {
  margin-right: -20px;
  min-height: 1000px;
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}

#pageEvents #eventList .eventBox {
  box-sizing: border-box;
  width: 48%;
  margin-bottom: 10px;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  /* &.row2, &.row3{
				.date, .event{
          height: 130px !important;
					@include media(sp){
						height: auto !important;
					}
				}
			}
			&.row4, &.row5{
				.date, .event{
					height: 270px !important;
					@include media(sp){
						height: auto !important;
					}
				}
			}
			&.row6, &.row7{
				.date, .event{
					height: 370px !important;
					@include media(sp){
						height: auto !important;
					}
				}
      } */
}

#pageEvents #eventList .eventBox.row2 .date,
#pageEvents #eventList .eventBox.row2 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row2 .date,
  #pageEvents #eventList .eventBox.row2 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row3 .date,
#pageEvents #eventList .eventBox.row3 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row3 .date,
  #pageEvents #eventList .eventBox.row3 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row4 .date,
#pageEvents #eventList .eventBox.row4 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row4 .date,
  #pageEvents #eventList .eventBox.row4 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row5 .date,
#pageEvents #eventList .eventBox.row5 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row5 .date,
  #pageEvents #eventList .eventBox.row5 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row6 .date,
#pageEvents #eventList .eventBox.row6 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row6 .date,
  #pageEvents #eventList .eventBox.row6 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row7 .date,
#pageEvents #eventList .eventBox.row7 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row7 .date,
  #pageEvents #eventList .eventBox.row7 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row8 .date,
#pageEvents #eventList .eventBox.row8 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row8 .date,
  #pageEvents #eventList .eventBox.row8 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row9 .date,
#pageEvents #eventList .eventBox.row9 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row9 .date,
  #pageEvents #eventList .eventBox.row9 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row10 .date,
#pageEvents #eventList .eventBox.row10 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row10 .date,
  #pageEvents #eventList .eventBox.row10 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row11 .date,
#pageEvents #eventList .eventBox.row11 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row11 .date,
  #pageEvents #eventList .eventBox.row11 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row12 .date,
#pageEvents #eventList .eventBox.row12 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row12 .date,
  #pageEvents #eventList .eventBox.row12 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row13 .date,
#pageEvents #eventList .eventBox.row13 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row13 .date,
  #pageEvents #eventList .eventBox.row13 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row14 .date,
#pageEvents #eventList .eventBox.row14 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row14 .date,
  #pageEvents #eventList .eventBox.row14 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row15 .date,
#pageEvents #eventList .eventBox.row15 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row15 .date,
  #pageEvents #eventList .eventBox.row15 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row16 .date,
#pageEvents #eventList .eventBox.row16 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row16 .date,
  #pageEvents #eventList .eventBox.row16 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row17 .date,
#pageEvents #eventList .eventBox.row17 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row17 .date,
  #pageEvents #eventList .eventBox.row17 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row18 .date,
#pageEvents #eventList .eventBox.row18 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row18 .date,
  #pageEvents #eventList .eventBox.row18 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row19 .date,
#pageEvents #eventList .eventBox.row19 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row19 .date,
  #pageEvents #eventList .eventBox.row19 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row20 .date,
#pageEvents #eventList .eventBox.row20 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row20 .date,
  #pageEvents #eventList .eventBox.row20 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row21 .date,
#pageEvents #eventList .eventBox.row21 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row21 .date,
  #pageEvents #eventList .eventBox.row21 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row22 .date,
#pageEvents #eventList .eventBox.row22 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row22 .date,
  #pageEvents #eventList .eventBox.row22 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row23 .date,
#pageEvents #eventList .eventBox.row23 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row23 .date,
  #pageEvents #eventList .eventBox.row23 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row24 .date,
#pageEvents #eventList .eventBox.row24 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row24 .date,
  #pageEvents #eventList .eventBox.row24 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row25 .date,
#pageEvents #eventList .eventBox.row25 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row25 .date,
  #pageEvents #eventList .eventBox.row25 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row26 .date,
#pageEvents #eventList .eventBox.row26 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row26 .date,
  #pageEvents #eventList .eventBox.row26 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row27 .date,
#pageEvents #eventList .eventBox.row27 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row27 .date,
  #pageEvents #eventList .eventBox.row27 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row28 .date,
#pageEvents #eventList .eventBox.row28 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row28 .date,
  #pageEvents #eventList .eventBox.row28 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row29 .date,
#pageEvents #eventList .eventBox.row29 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row29 .date,
  #pageEvents #eventList .eventBox.row29 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row30 .date,
#pageEvents #eventList .eventBox.row30 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row30 .date,
  #pageEvents #eventList .eventBox.row30 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row31 .date,
#pageEvents #eventList .eventBox.row31 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row31 .date,
  #pageEvents #eventList .eventBox.row31 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row32 .date,
#pageEvents #eventList .eventBox.row32 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row32 .date,
  #pageEvents #eventList .eventBox.row32 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row33 .date,
#pageEvents #eventList .eventBox.row33 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row33 .date,
  #pageEvents #eventList .eventBox.row33 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row34 .date,
#pageEvents #eventList .eventBox.row34 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row34 .date,
  #pageEvents #eventList .eventBox.row34 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row35 .date,
#pageEvents #eventList .eventBox.row35 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row35 .date,
  #pageEvents #eventList .eventBox.row35 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row36 .date,
#pageEvents #eventList .eventBox.row36 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row36 .date,
  #pageEvents #eventList .eventBox.row36 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row37 .date,
#pageEvents #eventList .eventBox.row37 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row37 .date,
  #pageEvents #eventList .eventBox.row37 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row38 .date,
#pageEvents #eventList .eventBox.row38 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row38 .date,
  #pageEvents #eventList .eventBox.row38 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row39 .date,
#pageEvents #eventList .eventBox.row39 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row39 .date,
  #pageEvents #eventList .eventBox.row39 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row40 .date,
#pageEvents #eventList .eventBox.row40 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row40 .date,
  #pageEvents #eventList .eventBox.row40 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row41 .date,
#pageEvents #eventList .eventBox.row41 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row41 .date,
  #pageEvents #eventList .eventBox.row41 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row42 .date,
#pageEvents #eventList .eventBox.row42 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row42 .date,
  #pageEvents #eventList .eventBox.row42 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row43 .date,
#pageEvents #eventList .eventBox.row43 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row43 .date,
  #pageEvents #eventList .eventBox.row43 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row44 .date,
#pageEvents #eventList .eventBox.row44 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row44 .date,
  #pageEvents #eventList .eventBox.row44 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row45 .date,
#pageEvents #eventList .eventBox.row45 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row45 .date,
  #pageEvents #eventList .eventBox.row45 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row46 .date,
#pageEvents #eventList .eventBox.row46 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row46 .date,
  #pageEvents #eventList .eventBox.row46 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row47 .date,
#pageEvents #eventList .eventBox.row47 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row47 .date,
  #pageEvents #eventList .eventBox.row47 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row48 .date,
#pageEvents #eventList .eventBox.row48 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row48 .date,
  #pageEvents #eventList .eventBox.row48 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row49 .date,
#pageEvents #eventList .eventBox.row49 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row49 .date,
  #pageEvents #eventList .eventBox.row49 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox.row50 .date,
#pageEvents #eventList .eventBox.row50 .event {
  height: auto !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox.row50 .date,
  #pageEvents #eventList .eventBox.row50 .event {
    height: auto !important;
  }
}

#pageEvents #eventList .eventBox .date {
  width: 70px;
  height: 60px;
  -js-display: flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  box-sizing: border-box;
  font-size: 30px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  background: #efefef;
  border-right: solid 2px #dedede;
  border-bottom: solid 2px #dedede;
  margin-right: 6px;
}

#pageEvents #eventList .eventBox .date.sat {
  color: #3366ff;
}

#pageEvents #eventList .eventBox .date.sun, #pageEvents #eventList .eventBox .date.hol {
  color: #cc0000;
}

#pageEvents #eventList .eventBox .date .youbi {
  font-size: 20px;
  line-height: 1;
  margin: 4px 0 0 6px;
}

#pageEvents #eventList .eventBox .event {
  /* height: 60px; */
  padding: 10px 4px;
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  box-sizing: border-box;
  flex: 1 1;
  background: #efefef;
  text-align: left;
  border-right: solid 2px #dedede;
  border-bottom: solid 2px #dedede;
}

#pageEvents #eventList .eventBox .event .item {
  position: relative;
  font-size: 14px;
  width: 100%;
  margin: 8px 0;
}

#pageEvents #eventList .eventBox .event .cat {
  margin-right: 6px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 4px;
  border-radius: 5px;
}

#pageEvents #eventList .eventBox .event .event_status {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
}

#pageEvents #eventList .eventBox .event .event_status li {
  color: #fff;
  font-size: 10px;
  background: #555;
  margin-bottom: 2px;
  border-radius: 1em;
  padding: 2px;
  text-align: center;
}

#pageEvents #eventList .eventBox .event .event_status li.yoyaku {
  background: #c80000;
}

#pageEvents #eventList .eventBox .event .event_status li.nokori {
  background: #0089bf;
}

#pageEvents #eventList .eventBox .event a:hover {
  text-decoration: none;
  opacity: 0.8;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList .eventBox .event .cat {
    display: block;
    text-align: center;
  }
  #pageEvents #eventList .eventBox .event .event_name {
    display: block;
    margin-top: 4px;
  }
  #pageEvents #eventList .eventBox .event .event_status {
    position: relative;
    top: auto;
    right: auto;
    display: block;
    width: 100%;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  #pageEvents #eventList .eventBox .event .event_status li {
    display: inline-block;
    padding: 2px 6px;
  }
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventList {
    display: block;
    height: auto;
    margin-right: 0;
  }
  #pageEvents #eventList .eventBox {
    width: 100%;
  }
  #pageEvents #eventList .eventBox .row2,
  #pageEvents #eventList .eventBox .row3,
  #pageEvents #eventList .eventBox .row4,
  #pageEvents #eventList .eventBox .row5,
  #pageEvents #eventList .eventBox .row6,
  #pageEvents #eventList .eventBox .row7 {
    height: auto !important;
  }
  #pageEvents #eventList .eventBox .date {
    height: auto;
  }
  #pageEvents #eventList .eventBox .event {
    height: auto;
  }
}

#pageEvents #eventItem .sec > .h_category {
  font-size: 16px;
  color: #fff;
  display: inline-block;
  padding: 4px 20px;
  margin-bottom: 20px;
}

#pageEvents #eventItem .sec > h3 {
  margin-bottom: 4px !important;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventItem .sec > h3 {
    font-size: 2em;
  }
}

#pageEvents #eventItem .sec > .date {
  position: relative;
  font-size: 18px;
  color: #dd0000;
  margin-bottom: 20px;
}

#pageEvents #eventItem .sec > .date span {
  display: block;
  padding: 6px 0;
}

#pageEvents #eventItem .sec > .date span.map {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  background: #dd0000;
  color: #fff;
  text-align: center;
}

#pageEvents #eventItem .sec > .date .time span {
  display: inline-block;
}

#pageEvents #eventItem .sec > .date .time span.sprt {
  padding-right: 16px;
  padding-left: 12px;
}

#pageEvents #eventItem .sec > .mainImg {
  margin-bottom: 20px;
}

#pageEvents #eventItem .sec > .mainImg img {
  min-width: 100%;
}

#pageEvents #eventItem .sec > .description {
  font-size: 14px;
  line-height: 2.5;
  margin-bottom: 40px;
}

#pageEvents #eventItem .sec > .toiawase {
  box-sizing: border-box;
  border: solid 4px #ddd;
  width: 60%;
  padding: 20px 50px;
  margin: 0 auto 50px auto;
  background: #fff;
}

#pageEvents #eventItem .sec > .toiawase p {
  font-size: 16px;
  line-height: 1.7;
  margin: 2px 0;
}

#pageEvents #eventItem .sec > .toiawase .btn {
  width: 100%;
}

#pageEvents #eventItem .sec > .toiawase .btnMore {
  display: block;
  width: 100%;
  background: #505060;
  color: #fff;
  margin: 50px 0 10px 0;
  max-width: 100%;
}

#pageEvents #eventItem .sec > .toiawase .btnMore:before {
  border-color: #fff;
}

#pageEvents #eventItem .sec .gmap {
  margin: 0 auto 50px auto;
  text-align: center;
}

#pageEvents #eventItem .sec .gmap iframe {
  width: 100%;
  height: 400px;
}

#pageEvents #eventItem .sec #relatedPosts a {
  display: block;
  width: 100%;
  max-width: 100%;
}

#pageEvents #eventItem .sec #relatedPosts a,
#pageEvents #eventItem .sec #relatedPosts a:hover {
  text-decoration: none;
}

#pageEvents #eventItem .sec #relatedPosts a:hover,
#pageEvents #eventItem .sec #relatedPosts a:hover:hover {
  opacity: 0.7;
}

#pageEvents #eventItem .sec #relatedPosts h1 {
  font-size: 14px;
  padding: 20px 0;
  border-top: solid 1px #c1c1c1;
}

#pageEvents #eventItem .sec #relatedPosts #eventSlider {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
  margin-top: 20px;
}

#pageEvents #eventItem .sec #relatedPosts #eventSlider .slide {
  box-sizing: border-box;
  width: 46%;
  padding-left: 10px;
}

#pageEvents #eventItem .sec #relatedPosts #eventSlider .slide .slide_inner {
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  position: relative;
}

#pageEvents #eventItem .sec #relatedPosts #eventSlider .slide .slide_inner .image {
  width: 100%;
}

#pageEvents #eventItem .sec #relatedPosts #eventSlider .slide .slide_inner .image img {
  max-width: 100%;
  width: 100%;
  height: 186px;
  -o-object-fit: cover;
     object-fit: cover;
}

#pageEvents #eventItem .sec #relatedPosts #eventSlider .slide .slide_inner .status {
  width: 66px;
  height: 66px;
  background: #ee8800;
  color: #fff;
  -js-display: flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  position: absolute;
  top: -10px;
  left: -10px;
}

#pageEvents #eventItem .sec #relatedPosts #eventSlider .slide .slide_inner .date {
  width: 100%;
  color: #dd0000;
}

#pageEvents #eventItem .sec #relatedPosts #eventSlider .slide .slide_inner .time .sprt {
  padding-left: 20px;
  padding-right: 20px;
}

#pageEvents #eventItem .sec #relatedPosts #eventSlider .slide .slide_inner .description {
  max-width: 100%;
  width: 100%;
}

#pageEvents #eventItem .sec #relatedPosts #eventSlider .slide .slide_inner .category {
  width: 100%;
}

#pageEvents #eventItem .sec #relatedPosts #eventSlider .slide .slide_inner .category span {
  display: inline-block;
  background: #505060;
  padding: 4px 20px;
  color: #fff;
  margin-top: 20px;
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventItem .sec #relatedPosts #eventSlider .slide {
    margin-bottom: 30px;
    border: solid 1px #ccc;
    border-radius: 6px;
    padding: 10px;
  }
}

@media only screen and (max-width: 600px) {
  #pageEvents #eventItem .sec > .toiawase {
    width: 100%;
    padding: 10px;
    text-align: center;
  }
  #pageEvents #eventItem .sec > .toiawase .btn a {
    font-size: 14px;
    margin-top: 10px;
  }
  #pageEvents #eventItem .sec #relatedPosts {
    margin-bottom: 50px;
  }
  #pageEvents #eventItem .sec #relatedPosts #eventSlider {
    display: block;
  }
  #pageEvents #eventItem .sec #relatedPosts #eventSlider .slide {
    width: 100%;
  }
}

#pageWorks h3.h3 {
  font-size: 30px !important;
  padding: 10px 0 10px 20px;
  letter-spacing: -0.1rem;
  border-left: solid 6px #967d34;
}

#pageWorks #pagenavi {
  text-align: center;
}

#pageWorks #pagenavi a,
#pageWorks #pagenavi span {
  display: inline-block;
  border: solid 1px #6da013;
  color: #6da013;
  min-width: 1.4em;
  padding: 6px;
}

#pageWorks #pagenavi a.last,
#pageWorks #pagenavi span.last {
  margin-left: 6px;
}

#pageWorks #pagenavi a.current,
#pageWorks #pagenavi span.current {
  background: #6da013;
  color: #fff;
}

#pageWorks #worksGallery {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}

#pageWorks #worksGallery .gallery_box {
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
  width: 48%;
  margin-bottom: 70px;
}

#pageWorks #worksGallery .gallery_box .image img {
  width: 100%;
  height: 200px;
}

@media all and (-ms-high-contrast: none) {
  #pageWorks #worksGallery .gallery_box .image img {
    width: 355px;
  }
}

#pageWorks #worksGallery .gallery_box .title {
  box-sizing: border-box;
  width: 100%;
  min-height: 62px;
  margin: 14px 0;
}

#pageWorks #worksGallery .gallery_box .title .title_text {
  font-size: 20px;
  line-height: 1.7;
  height: 69px;
  position: relative;
  border-bottom: solid 1px;
  border-color: #555;
}

#pageWorks #worksGallery .gallery_box .title .category {
  display: block;
  float: right;
  font-size: 14px;
  color: #fff;
  text-align: center;
  min-width: 8em;
  border-radius: 1em;
  background: #555;
}

@media only screen and (max-width: 600px) {
  #pageWorks #worksGallery .gallery_box .title .title_text {
    font-size: 16px;
  }
}

#pageWorks #worksGallery .gallery_box .description {
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  line-height: 1.7;
}

#pageWorks #worksGallery .gallery_box .btnMoreCont {
  box-sizing: border-box;
  width: 100%;
  margin-top: auto;
  margin-bottom: 0;
}

#pageWorks #worksGallery .gallery_box .btnMoreCont .btnMore {
  width: 80%;
  margin: 30px 0 0 0;
}

@media only screen and (max-width: 600px) {
  #pageWorks #worksGallery {
    display: block;
  }
  #pageWorks #worksGallery .gallery_box {
    width: 100%;
  }
}

#pageWorks #workItem a {
  display: block;
  width: 100%;
  max-width: 100%;
}

#pageWorks #workItem .hide {
  display: none;
}

#pageWorks #workItem .popup.noModal {
  cursor: auto;
}

#pageWorks #workItem .popup.noModal:hover img {
  opacity: 1;
}

#pageWorks #workItem > .category {
  text-align: right;
}

#pageWorks #workItem > .category span {
  padding: 4px 20px;
  color: #fff;
  border-radius: 1em;
  background: #555;
}

#pageWorks #workItem .img_title {
  color: #eb6100;
}

#pageWorks #workItem .img_caption {
  font-size: 12px;
  line-height: 1.4;
}

#pageWorks #workItem .mainContainer .mainImg {
  width: 100%;
}

#pageWorks #workItem .mainContainer .mainImg img {
  width: 100%;
}

#pageWorks #workItem .mainContainer .info.type01 {
  margin-top: 50px;
}

#pageWorks #workItem .mainContainer .info.type01 .col {
  box-sizing: border-box;
  display: table;
  width: 100%;
}

#pageWorks #workItem .mainContainer .info.type01 .col > p {
  display: table-cell;
  padding: 10px;
  background: #fff;
}

#pageWorks #workItem .mainContainer .info.type01 .col > p.head {
  width: 15%;
  background: #f7f7f7;
}

#pageWorks #workItem .mainContainer .info.type01 .col > p.data {
  width: 35%;
}

#pageWorks #workItem .mainContainer .info.type02 {
  margin-top: 50px;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
}

#pageWorks #workItem .mainContainer .info.type02 .col {
  box-sizing: border-box;
  width: 50%;
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}

#pageWorks #workItem .mainContainer .info.type02 .col > p {
  box-sizing: border-box;
  padding: 10px;
  background: #fff;
}

#pageWorks #workItem .mainContainer .info.type02 .col > p.head {
  width: 30%;
  background: #f7f7f7;
}

#pageWorks #workItem .mainContainer .info.type02 .col > p.data {
  width: 70%;
}

#pageWorks #workItem .mainContainer .mainTxt p {
  font-size: 16px;
  margin-bottom: 1em;
}

#pageWorks #workItem .mainContainer.type01 .info {
  border-left: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}

#pageWorks #workItem .mainContainer.type01 .info .col p {
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
}

#pageWorks #workItem .mainContainer.type01 .mainTxt {
  margin-top: 50px;
}

@media only screen and (max-width: 600px) {
  #pageWorks #workItem .mainContainer.type01 .info {
    display: block;
  }
  #pageWorks #workItem .mainContainer.type01 .info .col {
    width: 100%;
  }
}

#pageWorks #workItem .mainContainer.type02 {
  /* @include flex($jc:space-between, $ai:flex-start); */
}

#pageWorks #workItem .mainContainer.type02 .outerColumn:nth-child(1) {
  width: 47%;
  float: left;
  margin-right: 40px;
  margin-bottom: 20px;
}

#pageWorks #workItem .mainContainer.type02 .info {
  border-left: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  display: block;
}

#pageWorks #workItem .mainContainer.type02 .info .col {
  width: 100%;
}

#pageWorks #workItem .mainContainer.type02 .info .col p {
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
}

@media only screen and (max-width: 600px) {
  #pageWorks #workItem .mainContainer.type02 .outerColumn {
    width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
  }
  #pageWorks #workItem .mainContainer.type02 .mainTxt {
    margin-top: 50px;
  }
}

#pageWorks #workItem .subContainer {
  margin-top: 10px;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}

@media only screen and (max-width: 600px) {
  #pageWorks #workItem .subContainer {
    margin-top: 0;
  }
}

#pageWorks #workItem .subContainer .item {
  box-sizing: border-box;
}

#pageWorks #workItem .subContainer .item img {
  display: block;
  width: 100%;
  max-width: 100;
}

@media only screen and (max-width: 600px) {
  #pageWorks #workItem .subContainer .item {
    width: 100% !important;
  }
  #pageWorks #workItem .subContainer .item img {
    margin-bottom: 6px;
    margin-top: 24px;
  }
  #pageWorks #workItem .subContainer .item.item02 {
    display: block;
    width: 100% !important;
  }
  #pageWorks #workItem .subContainer .item.item02 img {
    width: 100% !important;
  }
}

#pageWorks #workItem .subContainer.type01 .item {
  width: 100%;
}

@media only screen and (max-width: 600px) {
  #pageWorks #workItem .subContainer.type01 .item p {
    width: 100%;
  }
}

#pageWorks #workItem .subContainer.type02 .item {
  width: 48%;
  /* height: 240px; */
}

#pageWorks #workItem .subContainer.type02 .item img {
  /* height: 240px; */
}

@media only screen and (max-width: 600px) {
  #pageWorks #workItem .subContainer.type02 .item {
    height: auto;
  }
  #pageWorks #workItem .subContainer.type02 .item p {
    width: 100%;
  }
  #pageWorks #workItem .subContainer.type02 .item02 > div {
    width: 100%;
  }
}

#pageWorks #workItem .subContainer.type03 .item {
  /* height: 320px; */
}

#pageWorks #workItem .subContainer.type03 .item img {
  /* height: 320px; */
}

#pageWorks #workItem .subContainer.type03 .item01 {
  width: 32%;
}

#pageWorks #workItem .subContainer.type03 .item02 {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
  width: 66%;
}

#pageWorks #workItem .subContainer.type03 .item02 div {
  width: 48.3%;
}

#pageWorks #workItem .subContainer.type03 .item02 img {
  /* width: 48.3%; */
}

@media only screen and (max-width: 600px) {
  #pageWorks #workItem .subContainer.type03 .item {
    height: auto;
  }
  #pageWorks #workItem .subContainer.type03 .item p {
    width: 100%;
  }
  #pageWorks #workItem .subContainer.type03 .item02 > div {
    width: 100%;
  }
}

#pageWorks #workItem .subContainer.type04 .item {
  width: 48%;
}

#pageWorks #workItem .subContainer.type04 .item02 img {
  width: 100%;
  max-width: 100%;
  height: 47%;
}

#pageWorks #workItem .subContainer.type04 .item02 img.item02_02 {
  margin-top: auto;
  margin-bottom: 0;
}

@media only screen and (max-width: 600px) {
  #pageWorks #workItem .subContainer.type04 .item {
    height: auto;
  }
  #pageWorks #workItem .subContainer.type04 .item p {
    width: 100%;
  }
  #pageWorks #workItem .subContainer.type04 .item02 > div {
    width: 100%;
  }
}

#pageWorks #workItem .subContainer.type05 .item {
  /* height: 280px; */
}

#pageWorks #workItem .subContainer.type05 .item img {
  /* height: 280px; */
}

#pageWorks #workItem .subContainer.type05 .item01 {
  width: 23.5%;
}

#pageWorks #workItem .subContainer.type05 .item02 {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
  width: 74.5%;
}

#pageWorks #workItem .subContainer.type05 .item02 div {
  width: 31.5%;
}

@media only screen and (max-width: 600px) {
  #pageWorks #workItem .subContainer.type05 .item {
    height: auto;
  }
  #pageWorks #workItem .subContainer.type05 .item p {
    width: 100%;
  }
  #pageWorks #workItem .subContainer.type05 .item02 > div {
    width: 100%;
  }
}

#pageWorks #workItem .floorPlanWrapper {
  position: relative;
}

@media only screen and (max-width: 600px) {
  #pageWorks #workItem .floorPlanWrapper:after {
    position: absolute;
    font-size: 12px;
    color: #999;
    content: 'スクロール >>';
    bottom: -20px;
    left: 4px;
  }
}

#pageWorks #workItem .floorPlan {
  margin-top: 50px;
}

#pageWorks #workItem .floorPlan img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 600px) {
  #pageWorks #workItem .floorPlan {
    position: relative;
    overflow: scroll;
  }
  #pageWorks #workItem .floorPlan img {
    width: auto;
    max-width: inherit;
    height: auto;
  }
}

#pageWorks #workItem #relatedPosts {
  margin-top: 100px;
}

#pageWorks #workItem #relatedPosts h1 {
  font-size: 14px;
  padding: 20px 0;
  border-top: solid 1px #c1c1c1;
}

.customize-support #mainHeader,
.customize-support #floatHeader {
  top: 32px;
}

@media only screen and (max-width: 768px) {
  .customize-support #mainHeader,
  .customize-support #floatHeader {
    top: 46px;
  }
}

@media only screen and (max-width: 600px) {
  html #wpadminbar {
    position: fixed;
  }
}

#pageTopics #twoClm #clmL .inner .topicsList li {
  box-sizing: border-box;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  position: relative;
  padding: 0 70px 10px 120px;
}

#pageTopics #twoClm #clmL .inner .topicsList li time {
  position: absolute;
  border-radius: 5px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-color: #6da013;
  left: 0;
  top: 0;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  padding: 3px 5px;
}

#pageTopics #twoClm #clmL .inner .topicsList li a {
  font-size: 1.4rem;
}

#pageTopics #twoClm #clmL .inner .topicsList li a.cate {
  position: absolute;
  right: 0;
  top: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 1.1rem;
  background-color: #ccc;
  padding: 3px 10px;
}

#pageTopics #twoClm #clmL .inner .topicsList li a.cate:hover {
  text-decoration: none;
  background-color: #999;
}

@media only screen and (max-width: 768px) {
  #pageTopics #twoClm #clmL .inner .topicsList li {
    padding: 10px;
    margin-bottom: 10px;
  }
  #pageTopics #twoClm #clmL .inner .topicsList li time,
  #pageTopics #twoClm #clmL .inner .topicsList li a.cate {
    position: static;
  }
  #pageTopics #twoClm #clmL .inner .topicsList li .link {
    display: block;
    margin-top: 10px;
  }
}

#pageTopics #twoClm #clmL .inner #container {
  width: 100%;
}

#pageTopics #twoClm #clmL .inner #container.innerBox {
  margin: 0;
}

#pageTopics #twoClm #clmL .inner #container #content h1 {
  font-size: 2.4rem;
  background-color: #eff8df;
  border-top: 2px solid #6da013;
  padding: 12px 16px 8px;
  margin-bottom: 10px;
}

#pageTopics #twoClm #clmL .inner #container #content h1 .fa-leaf {
  display: none;
}

#pageTopics #twoClm #clmL .inner #container #content h2 {
  font-size: 2rem;
  background-color: #eff8df;
  border-left: 6px solid #6da013;
  padding: 8px 5px 5px 20px;
  margin-bottom: 10px;
  border-top: none;
  border-bottom: none;
}

#pageTopics #twoClm #clmL .inner #container #content .dateInfo {
  text-align: right;
  color: #888;
  margin-bottom: 20px;
  font-size: 1.1rem;
}

#pageTopics #twoClm #clmL .inner #container #content .dateInfo span {
  margin-right: 10px;
}

#pageTopics #twoClm #clmL .inner #container #content .entry-content {
  font-size: 1.4rem;
  line-height: 1.8;
}

#pageTopics #twoClm #clmL .inner #container #content .entry-content .su-box .su-box-title {
  font-size: 1.6rem;
}

#pageTopics #twoClm #clmL .inner #container #content .adminEdit {
  padding-top: 20px;
}

#pageTopics #twoClm #clmL .inner #container #content .adminEdit .linkBtnAdmin {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-color: #eee;
  padding: 10px 20px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}

#pagePost .sec .h4 {
  margin-bottom: 10px !important;
}

#pagePost .postList {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

#pagePost .postList li {
  margin-bottom: 20px;
}

#pagePost .postList li figure {
  text-align: center;
}

#pagePost .postList li figure img {
  margin-bottom: 5px;
}

#pagePost .postList li figure figcaption {
  text-align: center;
  font-size: 1.4rem;
}

@media only screen and (max-width: 768px) {
  #pagePost .postList {
    -js-display: flex;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
  }
  #pagePost .postList li {
    width: 32%;
    min-width: 145px;
  }
}

#pagePost .dateInfo,
#pageTopics .dateInfo {
  text-align: right;
  color: #888;
  margin-bottom: 20px;
  font-size: 1.1rem;
}

#pagePost .dateInfo span,
#pageTopics .dateInfo span {
  margin-right: 10px;
}

#pagePost p,
#pageTopics p {
  margin-bottom: 15px;
}

#pagePost img,
#pageTopics img {
  max-width: 100%;
  height: auto;
}

#pagePost .aligncenter,
#pageTopics .aligncenter {
  display: block;
  margin: auto;
}

#pagePost .alignleft,
#pageTopics .alignleft {
  float: left;
}

#pagePost .alignright,
#pageTopics .alignright {
  float: right;
}

#pagePost #clmR,
#pageTopics #clmR {
  text-align: left;
  font-size: 1.4rem;
}

#pagePost #clmR #recentTopics,
#pageTopics #clmR #recentTopics {
  margin-bottom: 20px;
}

#pagePost #clmR #recentTopics h3,
#pageTopics #clmR #recentTopics h3 {
  text-align: center;
  color: #fff;
  background-color: #6da013;
  font-size: 1.4rem;
  line-height: 1;
  padding: 6px;
  margin-bottom: 10px;
}

#pagePost #clmR #recentTopics ul li,
#pageTopics #clmR #recentTopics ul li {
  border-bottom: 1px dotted #ccc;
}

#pagePost #clmR #recentTopics ul li a,
#pageTopics #clmR #recentTopics ul li a {
  display: block;
  padding: 10px 0;
  font-size: 1.2rem;
  line-height: 1.4;
}

#pagePost #nav-below,
#pageTopics #nav-below {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-bottom: 20px;
}

#pagePost #nav-below div,
#pageTopics #nav-below div {
  font-size: 1.2rem;
  width: 48%;
}

#pagePost #nav-below div a,
#pageTopics #nav-below div a {
  color: #999;
}

#pagePost #nav-below .nav-next,
#pageTopics #nav-below .nav-next {
  text-align: right;
}

#pagePost #nav-below .nav-next a .meta-nav,
#pageTopics #nav-below .nav-next a .meta-nav {
  float: right;
}

#pageFeature #mainImgArea .ttl02 {
  box-sizing: border-box;
  background-color: #dcb32f;
  vertical-align: middle;
  padding: 10px;
  color: #000;
}

#pageFeature #mainImgArea .ttl02 span {
  box-sizing: border-box;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 1px solid #fff;
  color: #fff;
  font-size: 1.8rem;
  padding: 5px 8px;
  margin-right: 15px;
  line-height: 1;
}

#pageFeature #mainImgArea .ttl02 em {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

@media only screen and (max-width: 600px) {
  #pageFeature #mainImgArea .ttl02 {
    font-size: 2.4rem;
  }
}

#pageFeature main #twoClm #clmL .h4 {
  background-color: #f5efda;
  border-color: #dcb32f;
  color: #333;
}

#pageFeature main #twoClm #clmL .orangeH {
  color: #57351f;
  background: none;
}

#pageFeature .sec h5 {
  background-color: #eeeeee;
  border-color: #dcb32f;
  font-weight: bold;
}

#pageFeature .sec02 .cover {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: felx-start;
  flex-direction: row;
  width: 740px;
  background: url(../img/feature/index/dot.png) center 0 repeat-y;
  margin-bottom: 50px;
}

#pageFeature .sec02 .cover dl {
  width: 350px;
}

#pageFeature .sec02 .cover dl dt.dt01 {
  box-sizing: border-box;
  height: 60px;
  background-color: #da94a8;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 20px 5px;
  line-height: 1.2;
}

#pageFeature .sec02 .cover dl dt.dt02 {
  font-size: 1.6rem;
  text-align: center;
  padding: 20px 100px 20px 0;
  margin: 0 20px;
  background: url(../img/feature/index/icon01.png) right center no-repeat;
}

#pageFeature .sec02 .cover dl dt.dt02 em {
  box-sizing: border-box;
  font-size: 2rem;
  display: block;
  padding-top: 15px;
  border-top: 2px solid #da94a8;
  margin-top: 10px;
  color: #8e5d6d;
}

#pageFeature .sec02 .cover dl dd {
  font-size: 1.4rem;
  line-height: 1.8;
  margin: 0 20px;
}

#pageFeature .sec02 .cover dl.dl02 dt.dt01 {
  background-color: #8ba98a;
  padding: 10px 5px 0;
}

#pageFeature .sec02 .cover dl.dl02 dt.dt02 {
  background: url(../img/feature/index/icon02.png) right center no-repeat;
}

#pageFeature .sec02 .cover dl.dl02 dt.dt02 em {
  border-top: 2px solid #8ba98a;
  color: #5e7660;
}

#pageFeature .sec02 .cover dl.dl03 dt.dt01 {
  background: url(../img/feature/index/bg_dl03.png) center 0 repeat-y;
  padding: 10px 5px 0;
}

#pageFeature .sec02 .cover dl.dl03 dt.dt02 {
  background: url(../img/feature/index/icon03.png) right center no-repeat;
  letter-spacing: -0.15rem;
}

#pageFeature .sec02 .cover dl.dl03 dt.dt02 em {
  border-top: transparent;
  background: url(../img/feature/index/bg_dl03.png) center 0 no-repeat;
  color: #868f4f;
}

#pageFeature .sec02 .cover dl.dl04 dt.dt01 {
  background-color: #b5a28a;
}

#pageFeature .sec02 .cover dl.dl04 dt.dt02 {
  background: url(../img/feature/index/icon04.png) right center no-repeat;
}

#pageFeature .sec02 .cover dl.dl04 dt.dt02 em {
  border-top: 2px solid #b5a28a;
  color: #7d705f;
}

#pageFeature .sec02 .cover dl.dl05 dt.dt01 {
  background-color: #95c0db;
}

#pageFeature .sec02 .cover dl.dl05 dt.dt02 {
  letter-spacing: -0.15rem;
  background: url(../img/feature/index/icon05.png) right center no-repeat;
}

#pageFeature .sec02 .cover dl.dl05 dt.dt02 em {
  border-top: 2px solid #95c0db;
  color: #668699;
}

#pageFeature .sec02 .cover dl.dl06 dt.dt01 {
  background-color: #ac96b7;
}

#pageFeature .sec02 .cover dl.dl06 dt.dt02 {
  background: url(../img/feature/index/icon05.png) right center no-repeat;
}

#pageFeature .sec02 .cover dl.dl06 dt.dt02 em {
  border-top: 2px solid #ac96b7;
  color: #7c6c85;
}

#pageFeature .sec02 .cover ul li {
  position: relative;
  display: block;
  padding-left: 14px;
  font-size: 1.6rem;
  margin-bottom: 5px;
}

#pageFeature .sec02 .cover ul li::before {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
  font-weight: bold;
  font-size: 14px;
  color: #8fc31f;
}

#pageFeature .sec02 .cover ul li span {
  margin-left: -0.5rem;
  font-size: 1.3rem;
}

@media only screen and (max-width: 768px) {
  #pageFeature .sec02 .cover {
    display: block;
    width: 100%;
    background: none;
  }
  #pageFeature .sec02 .cover dl {
    width: 100%;
    margin: 0 auto 20px;
  }
}

#pageFeature .note p {
  font-size: 1.2rem;
}

#pageFeature .note .ttl {
  font-weight: bold;
  margin-bottom: 5px;
}

#pageFeature .sec04 dl {
  box-sizing: border-box;
  min-height: 58px;
  padding-left: 120px;
  background: url(../img/feature/index/img05.png) 0 0 no-repeat;
  margin-bottom: 20px;
  padding-top: 10px;
}

#pageFeature .sec04 dl dt {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.4rem;
}

#pageFeature .sec04 dl dd {
  font-size: 1.2rem;
}

#pageFeature .sec04 dl.txt02 {
  min-height: 72px;
  background: url(../img/feature/index/img06.png) 0 0 no-repeat;
  padding-top: 25px;
}

#pageFeature .sec05 .inner {
  position: relative;
  padding-right: 280px;
}

#pageFeature .sec05 .inner p {
  position: relative;
  z-index: 10;
}

#pageFeature .sec05 .inner img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}

@media only screen and (max-width: 768px) {
  #pageFeature .sec05 .inner {
    padding-right: 0;
  }
  #pageFeature .sec05 .inner img {
    position: static;
    display: block;
    margin: 0 auto 20px;
  }
}

#pageFeature02 #mainImgArea .ttl02 {
  box-sizing: border-box;
  background-color: #3f7a9b;
  vertical-align: middle;
  padding: 10px;
  color: #fff;
}

#pageFeature02 #mainImgArea .ttl02 span {
  box-sizing: border-box;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 1px solid #fff;
  color: #fff;
  font-size: 1.8rem;
  padding: 5px 8px;
  margin-right: 15px;
  line-height: 1;
}

#pageFeature02 #mainImgArea .ttl02 em {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

@media only screen and (max-width: 600px) {
  #pageFeature02 #mainImgArea .ttl02 {
    font-size: 2.4rem;
  }
}

#pageFeature02 main #twoClm #clmL .h4 {
  background-color: #d6e8f2;
  border-color: #3f7a9b;
  color: #333;
}

#pageFeature02 main #twoClm #clmL .orangeH {
  color: #57351f;
  background: none;
}

#pageFeature02 .sec h5 {
  background-color: #eeeeee;
  border-color: #3f7a9b;
  font-weight: bold;
}

#pageFeature02 .sec h5 sub {
  font-size: 75%;
  vertical-align: sub;
}

#pageFeature02 .sec01 .box01 {
  border: 1px solid #ccc;
}

#pageFeature02 .sec01 .box01 h6 {
  box-sizing: border-box;
  min-height: 145px;
  background-color: #1d50a2;
  color: #fff;
  position: relative;
  padding: 15px 275px 10px 20px;
  font-size: 2.2rem;
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
}

#pageFeature02 .sec01 .box01 h6 .mark {
  position: absolute;
  right: 10px;
  top: 15px;
}

#pageFeature02 .sec01 .box01 h6 .txt01 {
  margin: 15px 15px 10px 0;
  vertical-align: middle;
}

#pageFeature02 .sec01 .box01 h6 .txt02 {
  font-weight: normal;
  font-size: 1.6rem;
}

#pageFeature02 .sec01 .box01 .cover {
  font-size: 0;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  align-items: flex-start;
  flex-direction: row;
}

#pageFeature02 .sec01 .box01 .cover img {
  width: 50%;
  height: auto;
}

#pageFeature02 .sec01 .box01 .cover .img01 {
  border-right: 1px solid #ccc;
}

@media only screen and (max-width: 768px) {
  #pageFeature02 .sec01 .box01 h6 {
    padding-right: 22vw;
    font-size: 3.5vw;
    min-height: 0;
  }
  #pageFeature02 .sec01 .box01 h6 .txt01 {
    width: 20vw;
    height: auto;
    margin-right: 5px;
  }
  #pageFeature02 .sec01 .box01 h6 .mark {
    width: 20vw;
    height: auto;
  }
  #pageFeature02 .sec01 .box01 h6 .txt02 {
    font-size: 3vw;
  }
}

@media only screen and (max-width: 460px) {
  #pageFeature02 .sec01 .box01 .cover {
    display: block;
  }
  #pageFeature02 .sec01 .box01 .cover img {
    width: 100%;
  }
}

#pageFeature02 .sec02 .cover01 {
  position: relative;
  padding-right: 375px;
  min-height: 224px;
  margin-bottom: 20px;
}

#pageFeature02 .sec02 .cover01.c2 {
  min-height: 147px;
}

#pageFeature02 .sec02 .cover01 .img01 {
  position: absolute;
  right: 180px;
  top: 0;
}

#pageFeature02 .sec02 .cover01 .img02 {
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (max-width: 768px) {
  #pageFeature02 .sec02 .cover01 {
    padding-right: 0;
    text-align: center;
  }
  #pageFeature02 .sec02 .cover01 .img01 {
    position: static;
    margin-bottom: 20px;
  }
  #pageFeature02 .sec02 .cover01 .img02 {
    position: static;
    margin-bottom: 20px;
  }
  #pageFeature02 .sec02 .cover01 h6,
  #pageFeature02 .sec02 .cover01 p {
    text-align: left;
  }
}

#pageFeature02 .sec03 .inner {
  position: relative;
  box-sizing: border-box;
  padding-right: 375px;
  min-height: 598px;
}

#pageFeature02 .sec03 .inner .img01 {
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (max-width: 768px) {
  #pageFeature02 .sec03 .inner {
    padding-right: 0;
  }
  #pageFeature02 .sec03 .inner .img01,
  #pageFeature02 .sec03 .inner .img02 {
    position: static;
    display: block;
    margin: 0 auto 20px;
  }
}

#pageFeature02 .sec03 .gvaArea {
  background-color: #eaf4fa;
  border: 1px solid #3f7a9b;
  padding: 20px;
}

#pageFeature02 .sec03 .gvaArea sup {
  vertical-align: top;
  font-size: 50%;
}

#pageFeature02 .sec03 .gvaArea h6 {
  border-bottom: 2px solid #3f7a9b;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

#pageFeature02 .sec03 .gvaArea .txt02 {
  padding-left: 2em !important;
  text-indent: -2em !important;
}

#pageFeature02 .sec03 .gvaArea .cover02 {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
  margin-bottom: 20px;
}

#pageFeature02 .sec03 .gvaArea .cover02 .box01 {
  width: 280px;
}

#pageFeature02 .sec03 .gvaArea .cover02 .box01 .box02 img {
  vertical-align: middle;
  float: left;
  margin-right: 40px;
  min-height: 59px;
}

#pageFeature02 .sec03 .gvaArea .cover02 .box01 .box02 p {
  padding-left: 2em !important;
  text-indent: -2em !important;
  line-height: 1.5;
}

@media only screen and (max-width: 768px) {
  #pageFeature02 .sec03 .gvaArea .cover02 {
    -js-display: flex;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
  }
  #pageFeature02 .sec03 .gvaArea .cover02 .box01 {
    width: 100%;
    max-width: 545px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}

#pageFeature02 .sec04 h6 {
  font-size: 2.4rem;
  margin-bottom: 10px;
  vertical-align: middle;
}

#pageFeature02 .sec04 h6 em {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  text-align: center;
  line-height: 0.8;
}

#pageFeature02 .sec04 h6 em b {
  font-weight: normal;
  font-size: 50%;
}

#pageFeature02 .sec04 h6 span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  color: #3f7a9b;
  font-size: 75%;
}

#pageFeature02 .sec04 h6 img {
  vertical-align: middle;
  margin-right: 20px;
}

@media only screen and (max-width: 600px) {
  #pageFeature02 .sec04 h6 {
    font-size: 3.8vw;
  }
  #pageFeature02 .sec04 h6 .h6Icon {
    width: 8vw;
    height: auto;
    margin-right: 10px;
  }
}

#pageFeature02 .sec04 .inner {
  position: relative;
  box-sizing: border-box;
  padding-right: 160px;
}

#pageFeature02 .sec04 .inner .img01 {
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (max-width: 768px) {
  #pageFeature02 .sec04 .inner {
    padding-right: 0 !important;
  }
  #pageFeature02 .sec04 .inner .img01 {
    position: static;
    display: block;
    margin: 0 auto 20px;
  }
}

#pageFeature02 .sec04.sec042 .inner {
  padding-right: 290px;
}

#pageFeature02 .sec04.sec042 .inner .numbers {
  margin-bottom: 20px;
}

#pageFeature02 .sec04.sec042 .inner .numbers span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 5px;
}

#pageFeature02 .sec04.sec042 .inner .iconGD img {
  vertical-align: middle;
  margin-right: 5px;
}

#pageFeature02 .sec04.sec042 .inner .iconGD span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

#pageFeature02 .sec04.sec042 .inner .iconGD em {
  font-size: 2rem;
  font-weight: bold;
}

#pageFeature02 .sec04.sec042 .inner .iconGD em super {
  font-size: 50%;
  vertical-align: super;
}

#pageFeature02 .sec04.sec043 .cover {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
}

#pageFeature02 .sec04.sec043 .cover figure img {
  margin-bottom: 5px;
}

#pageFeature02 .sec04.sec043 .cover figure figcaption {
  font-size: 1.2rem;
}

#pageFeature02 .sec04.sec043 .cover .box01 {
  width: 50%;
}

#pageFeature02 .sec04.sec043 .cover .box02 {
  width: 48%;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
  text-align: center;
}

#pageFeature02 .sec04.sec043 .cover .box02 figure {
  margin-bottom: 21px;
}

#pageFeature02 .sec04.sec043 .cover .box02 figure:nth-child(n + 4) {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  #pageFeature02 .sec04.sec043 .cover {
    display: block;
  }
  #pageFeature02 .sec04.sec043 .cover figure {
    text-align: center;
  }
  #pageFeature02 .sec04.sec043 .cover .box01 {
    width: 100%;
    margin-bottom: 20px;
  }
  #pageFeature02 .sec04.sec043 .cover .box02 {
    -js-display: flex;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    width: 100%;
  }
  #pageFeature02 .sec04.sec043 .cover .box02 figure {
    width: 30%;
    min-width: 110px;
  }
}

@media only screen and (max-width: 460px) {
  #pageFeature02 .sec04.sec043 .cover .box02 figure {
    width: 50%;
  }
}

#pageFeature02 .sec04.sec043 .h7 {
  color: #3f7a9b;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 30px;
}

#pageFeature02 .sec04.sec043 .cover02 {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
}

#pageFeature02 .sec04.sec043 .cover02 .box1 {
  width: 48%;
}

#pageFeature02 .sec04.sec043 .cover02 .box1 .ttl {
  font-size: 2rem;
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 20px;
}

#pageFeature02 .sec04.sec043 .cover02 .box1 .ttl img {
  float: right;
}

#pageFeature02 .sec04.sec043 .cover02 .box1 .imgsCover {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  margin-bottom: 20px;
}

#pageFeature02 .sec04.sec043 .cover02 .box2 {
  width: 48%;
}

#pageFeature02 .sec04.sec043 .cover02 .box2 figcaption {
  font-size: 1.4rem;
}

#pageFeature02 .sec04.sec043 .cover02 .box2 ul li {
  font-size: 1.3rem;
  margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
  #pageFeature02 .sec04.sec043 .cover02 {
    display: block;
  }
  #pageFeature02 .sec04.sec043 .cover02 .box1 {
    width: 100%;
    margin-bottom: 20px;
  }
  #pageFeature02 .sec04.sec043 .cover02 .box1 .imgsCover {
    display: block;
    text-align: center;
  }
  #pageFeature02 .sec04.sec043 .cover02 .box1 .imgsCover img {
    max-width: 50%;
    height: auto;
    margin: 0 10px 10px;
  }
  #pageFeature02 .sec04.sec043 .cover02 .box1 .txt01 {
    text-align: center;
  }
  #pageFeature02 .sec04.sec043 .cover02 .box2 {
    max-width: 350px;
    width: 100%;
    margin: auto;
  }
  #pageFeature02 .sec04.sec043 .cover02 .box2 figure {
    text-align: center;
  }
}

#pageFeature02 .sec04.sec044 .h6 {
  padding: 0;
  background: none;
  border: none;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0 20px;
}

#pageFeature02 .sec04.sec044 .inner {
  position: relative;
  padding-right: 370px;
  margin-bottom: 40px;
}

#pageFeature02 .sec04.sec044 .inner img {
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (max-width: 768px) {
  #pageFeature02 .sec04.sec044 .inner {
    padding-right: 0;
  }
  #pageFeature02 .sec04.sec044 .inner img {
    position: static;
    display: block;
    margin: 0 auto 20px;
  }
}

#pageFeature02 .sec04.sec044 .inner02 {
  position: relative;
  padding-right: 370px;
}

#pageFeature02 .sec04.sec044 .inner02 .img01 {
  position: absolute;
  right: 0;
  top: 0;
}

#pageFeature02 .sec04.sec044 .inner02 .img02 {
  position: absolute;
  right: 0;
  top: 267px;
}

#pageFeature02 .sec04.sec044 .inner02 .inner03 {
  position: relative;
  padding-right: 155px;
  margin-bottom: 20px;
}

#pageFeature02 .sec04.sec044 .inner02 .inner03 .img03 {
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (max-width: 768px) {
  #pageFeature02 .sec04.sec044 .inner02 {
    padding-right: 0;
  }
  #pageFeature02 .sec04.sec044 .inner02 .img01,
  #pageFeature02 .sec04.sec044 .inner02 .img02 {
    position: static;
    display: block;
    margin: 0 auto 20px;
  }
  #pageFeature02 .sec04.sec044 .inner02 .inner03 {
    padding-right: 0;
  }
  #pageFeature02 .sec04.sec044 .inner02 .inner03 .img03 {
    position: static;
    display: block;
    margin: 0 auto 20px;
  }
}

#pageFeature03 #mainImgArea .ttl02 {
  box-sizing: border-box;
  background-color: #5f8b4b;
  vertical-align: middle;
  padding: 10px;
  color: #fff;
}

#pageFeature03 #mainImgArea .ttl02 span {
  box-sizing: border-box;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 1px solid #fff;
  color: #fff;
  font-size: 1.8rem;
  padding: 5px 8px;
  margin-right: 15px;
  line-height: 1;
}

#pageFeature03 #mainImgArea .ttl02 em {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

@media only screen and (max-width: 600px) {
  #pageFeature03 #mainImgArea .ttl02 {
    font-size: 2.4rem;
  }
}

#pageFeature03 main #twoClm #clmL .h4 {
  background-color: #dcedd4;
  border-color: #5f8b4b;
  color: #333;
}

#pageFeature03 main #twoClm #clmL .orangeH {
  color: #57351f;
  background: none;
}

#pageFeature03 .sec h5 {
  background-color: #eeeeee;
  border-color: #5f8b4b;
  font-weight: bold;
}

#pageFeature03 .sec .ttl {
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.4;
}

#pageFeature03 .sec .ttl02 {
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.4;
  color: #5f8b4b;
}

#pageFeature03 .sec01 .cover {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
}

#pageFeature03 .sec01 .cover .box {
  width: 351px;
  margin-bottom: 40px;
}

#pageFeature03 .sec01 .cover .box h6 {
  background-color: #dcedd4;
  font-size: 2rem;
  font-weight: normal;
  line-height: 40px;
  padding: 0;
  margin-bottom: 25px;
}

#pageFeature03 .sec01 .cover .box h6 span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 0 20px;
  background-color: #4b902b;
  color: #fff;
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  #pageFeature03 .sec01 .cover {
    display: block;
  }
  #pageFeature03 .sec01 .cover .box {
    width: 100%;
  }
  #pageFeature03 .sec01 .cover .box figure {
    max-width: 351px;
    margin: 0 auto 20px;
  }
}

#pageFeature03 .sec02 .inner {
  position: relative;
  padding-left: 120px;
}

#pageFeature03 .sec02 .inner img {
  position: absolute;
  left: 0;
  top: 0;
}

#pageFeature03 .sec02 .cover {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
}

#pageFeature03 .sec02 .cover .box {
  width: 355px;
}

#pageFeature03 .sec02 .cover .box p {
  line-height: 1.6;
  margin-bottom: 20px;
  overflow: hidden;
}

#pageFeature03 .sec02 .cover .box p.txt01 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  #pageFeature03 .sec02 .cover {
    display: block;
  }
  #pageFeature03 .sec02 .cover .box {
    width: 100%;
  }
  #pageFeature03 .sec02 .cover .box p.txt01 {
    margin-bottom: 20px;
  }
}

#pageFeature03 .sec03 .inner {
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
}

#pageFeature03 .sec03 .inner h6 {
  order: 1;
}

#pageFeature03 .sec03 .inner img {
  order: 0;
  flex-basis: 100px;
  display: block;
  margin-right: 20px;
}

#pageFeature03 .sec03 .inner02 {
  position: relative;
  padding-right: 370px;
  min-height: 201px;
}

#pageFeature03 .sec03 .inner02 img {
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (max-width: 768px) {
  #pageFeature03 .sec03 .inner02 {
    width: 100%;
    padding-right: 0;
  }
  #pageFeature03 .sec03 .inner02 img {
    position: static;
    display: block;
    margin: 0 auto 20px;
  }
}

#pageFeature03 .sec03 .inner03 {
  position: relative;
  padding-right: 370px;
  min-height: 225px;
  margin-bottom: 40px;
}

#pageFeature03 .sec03 .inner03 figure {
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (max-width: 768px) {
  #pageFeature03 .sec03 .inner03 {
    width: 100%;
    padding-right: 0;
  }
  #pageFeature03 .sec03 .inner03 figure {
    position: static;
    max-width: 351px;
    display: block;
    margin: 0 auto 20px;
  }
}

#pageFeature03 .sec03 .hems {
  background-color: #f3faf0;
  border: 1px solid #5f8b4b;
  padding: 20px;
}

#pageFeature03 .sec03 .hems h6 {
  font-size: 2rem;
  color: #5f8b4b;
  padding-bottom: 5px;
  border-bottom: 2px solid #5f8b4b;
  margin-bottom: 20px;
}

#pageFeature03 .sec03 .hems .ttl sup {
  font-size: 50%;
  vertical-align: top;
}

#pageFeature03 .sec03 .hems .hemsInner {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

#pageFeature03 .sec03 .hems .hemsInner .box1 {
  width: 355px;
}

#pageFeature03 .sec03 .hems .hemsInner .box2 {
  text-align: right;
  width: 315px;
}

#pageFeature03 .sec03 .hems .hemsInner .box2 img {
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  #pageFeature03 .sec03 .hems .hemsInner {
    display: block;
  }
  #pageFeature03 .sec03 .hems .hemsInner .box1 {
    width: 100%;
    margin-bottom: 20px;
  }
  #pageFeature03 .sec03 .hems .hemsInner .box2 {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
}

#pageFeature03 .sec04 .inner {
  position: relative;
  padding-right: 370px;
  margin-bottom: 20px;
}

#pageFeature03 .sec04 .inner .ttl02 {
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
}

#pageFeature03 .sec04 .inner img {
  position: absolute;
  top: 60px;
  right: 0;
}

@media only screen and (max-width: 768px) {
  #pageFeature03 .sec04 .inner {
    display: block;
    padding: 0;
  }
  #pageFeature03 .sec04 .inner .ttl02 {
    position: static;
    width: 100%;
  }
  #pageFeature03 .sec04 .inner img {
    position: static;
    display: block;
    margin: auto;
  }
}

#pageFeature03 .sec04 .cover {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}

#pageFeature03 .sec04 .cover figure {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 20px 10px;
  background-color: #fff;
}

#pageFeature03 .sec04 .cover figure img {
  order: 1;
}

#pageFeature03 .sec04 .cover figure figcaption {
  order: 0;
  color: #5f8b4b;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  #pageFeature03 .sec04 .cover {
    display: block;
    text-align: center;
  }
  #pageFeature03 .sec04 .cover figure {
    max-width: 350px;
    margin: 0 auto 20px;
  }
}

#pageFeature03 .sec04 .inner02 {
  position: relative;
  padding-right: 370px;
  margin-bottom: 40px;
}

#pageFeature03 .sec04 .inner02 .fig01Cover {
  position: absolute;
  right: 0;
  top: 0;
}

#pageFeature03 .sec04 .inner02 .fig01 {
  box-sizing: border-box;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  width: 350px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 20px 5px;
  margin-bottom: 5px;
}

#pageFeature03 .sec04 .inner02 .fig01 img {
  order: 1;
}

#pageFeature03 .sec04 .inner02 .fig01 figcaption {
  order: 0;
  color: #5f8b4b;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}

#pageFeature03 .sec04 .inner02 .inner03 {
  -js-display: flex;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

#pageFeature03 .sec04 .inner02 .inner03 figure {
  width: 164px;
}

#pageFeature03 .sec04 .inner02 .inner03 figure img {
  margin-bottom: 5px;
}

#pageFeature03 .sec04 .inner02 .inner03 figure figcaption {
  font-size: 1.2rem;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #pageFeature03 .sec04 .inner02 {
    display: block;
    padding-right: 0;
  }
  #pageFeature03 .sec04 .inner02 .fig01Cover {
    width: 100%;
    max-width: 350px;
    position: static;
    margin: 0 auto 20px;
  }
  #pageFeature03 .sec04 .inner02 .inner03 {
    margin-bottom: 20px;
  }
  #pageFeature03 .sec04 .inner02 .inner03 figure {
    margin-bottom: 20px;
  }
}

#pageFeature03 .sec04 .inner04 {
  position: relative;
  padding-right: 370px;
  min-height: 320px;
}

#pageFeature03 .sec04 .inner04 .graph {
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
  width: 350px;
}

#pageFeature03 .sec04 .inner04 .graph figure {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 20px 5px;
  margin-bottom: 5px;
}

#pageFeature03 .sec04 .inner04 .graph figure img {
  order: 1;
}

#pageFeature03 .sec04 .inner04 .graph figure figcaption {
  order: 0;
  color: #5f8b4b;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  #pageFeature03 .sec04 .inner04 {
    display: block;
    padding-right: 0;
  }
  #pageFeature03 .sec04 .inner04 .graph {
    position: static;
    width: 100%;
    max-width: 350px;
    margin: 0 auto 20px;
  }
}

#pageFeature04 .sec h5 span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-size: 1.2rem;
}

#pageFeature04 .sec .cover {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}

#pageFeature04 .sec .cover figure {
  box-sizing: border-box;
  width: 31%;
  background-color: #faf8eb;
  padding: 10px;
  margin-bottom: 20px;
}

#pageFeature04 .sec .cover figure img {
  margin-bottom: 10px;
}

#pageFeature04 .sec .cover figure figcaption {
  font-size: 1.2rem;
}

@media only screen and (max-width: 600px) {
  #pageFeature04 .sec .cover figure {
    width: 48%;
  }
}

#pageFeature04 .sec02 ul li {
  position: relative;
  padding-left: 160px;
  min-height: 100px;
  margin-bottom: 15px;
}

#pageFeature04 .sec02 ul li img {
  position: absolute;
  left: 0;
  top: 0;
}

#pageFeature04 .sec02 ul li .ttl {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
}

#pageFeature04 .sec02 ul li .ttl span {
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #090;
  color: #fff;
  line-height: 1;
  padding: 5px;
  font-size: 70%;
  margin-right: 5px;
}

#pageFeature04 .sec02 ul li .ttl span.s2 {
  background-color: #09c;
}

#pageFeature04 .sec02 ul li .txt {
  font-size: 1.2rem;
}

#pageFeature05 .cover01 {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
  margin-bottom: 20px;
}

#pageFeature05 .cover01 dl {
  width: 162px;
  border-top: 5px solid #f90;
  padding-top: 10px;
  margin-bottom: 20px;
}

#pageFeature05 .cover01 dl dt {
  font-size: 1.5rem;
  margin-bottom: 10px;
}

#pageFeature05 .cover01 dl dt::first-letter {
  color: #eb6100;
}

#pageFeature05 .cover01 dl dd {
  font-size: 1.2rem;
  line-height: 1.8;
  text-align: left;
}

#pageFeature05 .cover01.c2 img {
  order: 3;
}

@media only screen and (max-width: 768px) {
  #pageFeature05 .cover01 {
    display: block;
    text-align: center;
    font-size: 0;
  }
  #pageFeature05 .cover01 img {
    display: block;
    margin: 0 auto 20px;
  }
  #pageFeature05 .cover01 dl {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 45%;
    vertical-align: top;
    margin: 0 5px;
  }
}

#pageFeature05 .cover02 {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}

#pageFeature05 .cover02 .img01 {
  width: auto;
  height: 290px;
}

#pageFeature05 .cover02 .img01 img {
  width: auto;
  height: 290px;
}

#pageFeature05 .cover02 .box {
  box-sizing: border-box;
  width: 32%;
  padding: 10px;
  background-color: #faf8eb;
  margin-bottom: 20px;
}

#pageFeature05 .cover02 .box figure img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

#pageFeature05 .cover02 .box figure figcaption {
  background-color: #784e44;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 10px;
}

#pageFeature05 .cover02 .box p {
  font-size: 1.2rem;
}

@media only screen and (max-width: 768px) {
  #pageFeature05 .cover02 .img01 {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 20px;
  }
  #pageFeature05 .cover02 .img01 img {
    max-width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 600px) {
  #pageFeature05 .cover02 .box {
    width: 48%;
  }
}

.oneClmPage {
  /*==================================================================
    flexbox start
===================================================================*/
  /* .align-items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
} */
  /* .align-self-start {
  -ms-flex-item-align: start;
  align-self: flex-start;
} */
  /*# tuika 211102修正 */
}

.oneClmPage #wrapper {
  background: none;
  padding-top: 0;
}

.oneClmPage #wrapper main .fv {
  position: relative;
  height: 100vh;
}

.oneClmPage #wrapper main .fv .cateNav {
  position: absolute;
  left: 0;
  top: 160px;
  width: 100%;
}

.oneClmPage #wrapper main .fv .cateNav ul {
  display: table;
  width: 100%;
  max-width: 980px;
  margin: auto;
}

.oneClmPage #wrapper main .fv .cateNav ul li {
  box-sizing: border-box;
  display: table-cell;
  padding-left: 1px;
  width: 33.3%;
}

.oneClmPage #wrapper main .fv .cateNav ul li:first-child {
  padding-left: 0;
}

.oneClmPage #wrapper main .fv .cateNav ul li a {
  background-color: #fff;
  display: block;
  text-align: center;
  padding: 10px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: bold;
}

.oneClmPage #wrapper main .fv .cateNav ul li a:hover, .oneClmPage #wrapper main .fv .cateNav ul li a.current {
  background-color: #d3a358;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #wrapper main .fv .cateNav {
    top: auto;
    bottom: 0;
  }
  .oneClmPage #wrapper main .fv .cateNav ul {
    -js-display: flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    align-items: stretch;
    flex-direction: row;
  }
  .oneClmPage #wrapper main .fv .cateNav ul li a {
    box-sizing: border-box;
    -js-display: flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    height: 60px;
    padding: 10px 5px;
    font-size: 1.3rem;
  }
}

.oneClmPage #wrapper main .sec h2 {
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 5rem;
  font-weight: bold;
}

@media only screen and (max-width: 600px) {
  .oneClmPage #wrapper main .sec h2 {
    font-size: 10vw;
  }
}

.oneClmPage #wrapper main .sec p {
  font-size: 1.8rem;
}

@media only screen and (max-width: 600px) {
  .oneClmPage #wrapper main .sec p {
    font-size: 1.6rem;
  }
}

.oneClmPage #wrapper main .sec.btmCmnSec .inner {
  padding: 40px 10px;
}

.oneClmPage #wrapper main .sec.btmCmnSec .inner h2 {
  margin-bottom: 35px;
}

.oneClmPage #wrapper main .sec.btmCmnSec .inner .txt01 {
  text-align: center;
  color: #967d34;
  font-size: 2.2rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: bold;
  margin-bottom: 40px;
}

.oneClmPage.tab #wrapper main .fv {
  background-attachment: scroll;
}

.oneClmPage #mainHeader,
.oneClmPage #floatHeader {
  box-sizing: border-box;
  height: 132px;
  background: none;
  border-bottom: none;
  background: url(../img/cmn/h_bg.jpg) 0 0 no-repeat;
  background-size: cover;
}

.oneClmPage #mainHeader .inner,
.oneClmPage #floatHeader .inner {
  height: 132px;
  padding-left: 40px;
  background: none;
}

.oneClmPage #mainHeader .inner .innerLeft #subNav .bnr_gd,
.oneClmPage #floatHeader .inner .innerLeft #subNav .bnr_gd {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.oneClmPage #mainHeader .inner .innerLeft #gNav,
.oneClmPage #mainHeader .inner .innerLeft #gNav02,
.oneClmPage #floatHeader .inner .innerLeft #gNav,
.oneClmPage #floatHeader .inner .innerLeft #gNav02 {
  margin-top: 64px;
  padding-bottom: 0;
}

@media only screen and (max-width: 1260px) {
  .oneClmPage #mainHeader .inner,
  .oneClmPage #floatHeader .inner {
    padding-left: 10px;
  }
  .oneClmPage #mainHeader .inner .innerLeft,
  .oneClmPage #floatHeader .inner .innerLeft {
    max-width: 800px;
    margin-left: 10px;
  }
}

.oneClmPage #mainHeader h1,
.oneClmPage #floatHeader h1 {
  height: 300px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #mainHeader h1,
  .oneClmPage #floatHeader h1 {
    height: 85px;
  }
  .oneClmPage #mainHeader h1 a,
  .oneClmPage #floatHeader h1 a {
    height: 85px;
  }
}

.oneClmPage #mainHeader.adjust,
.oneClmPage #floatHeader.adjust {
  height: 85px;
}

.oneClmPage #mainHeader.adjust .inner,
.oneClmPage #floatHeader.adjust .inner {
  height: 85px;
}

.oneClmPage #mainHeader.adjust .inner .innerLeft,
.oneClmPage #floatHeader.adjust .inner .innerLeft {
  border-bottom: none;
}

.oneClmPage #mainHeader.adjust .inner h1,
.oneClmPage #floatHeader.adjust .inner h1 {
  width: 230px;
  height: 85px;
  padding: 20px;
}

.oneClmPage #mainHeader.adjust .inner h1 a img,
.oneClmPage #floatHeader.adjust .inner h1 a img {
  width: 100% !important;
}

.oneClmPage #mainHeader.adjust .inner h1 a img:first-of-type,
.oneClmPage #floatHeader.adjust .inner h1 a img:first-of-type {
  display: none;
}

.oneClmPage #mainHeader.adjust .inner h1 a img:last-of-type,
.oneClmPage #floatHeader.adjust .inner h1 a img:last-of-type {
  display: block;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #mainHeader,
  .oneClmPage #floatHeader {
    width: 100%;
    height: 55px;
    min-height: 0;
  }
  .oneClmPage #mainHeader .inner,
  .oneClmPage #floatHeader .inner {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 55px;
    overflow: hidden;
    padding: 0;
  }
  .oneClmPage #mainHeader .inner h1,
  .oneClmPage #floatHeader .inner h1 {
    width: 230px;
    max-width: 175px;
    height: 55px;
    padding: 10px 10px 0 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
  }
  .oneClmPage #mainHeader .inner h1 a,
  .oneClmPage #floatHeader .inner h1 a {
    display: block;
    background: none;
    width: auto;
    height: auto;
  }
  .oneClmPage #mainHeader .inner h1 a img,
  .oneClmPage #floatHeader .inner h1 a img {
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
  }
  .oneClmPage #mainHeader.adjust,
  .oneClmPage #floatHeader.adjust {
    height: 55px;
    padding: 0;
  }
  .oneClmPage #mainHeader.adjust .inner,
  .oneClmPage #floatHeader.adjust .inner {
    height: 55px;
    padding-top: 0;
  }
}

.oneClmPage #mainHeader {
  background: #fff !important;
}

.oneClmPage #pageConcept #wrapper main {
  /*   .fv{
       min-height: 600px;
       .leadTxt{
        position: absolute;
        left: 0;
        right: 0;
        width: 700px;
        top: 40vh;
        height: 341px;
        margin: auto;
        max-width: 90%;
       }

       .cateNav{
        position: absolute;
        left: 0;
        top: 160px;
        width: 100%;

        ul{
         display: table;
         width: 100%;
         max-width: 980px;
         margin: auto;
         li{
          @include bdx;
          display: table-cell;
          padding-left: 1px;
          width: 33.3%;
          &:first-child{
           padding-left: 0;
          }
          a{
           background-color: #fff;
           display: block;
           text-align: center;
           padding: 5px;
           font-family: $mincho;
           font-weight: bold;
           &:hover{
            background-color: #d3a358;
            color: #fff;
            text-decoration: none;
           }
          }
         }
        }
       }

       @include media(tablet){
        @include bdx;
        background-attachment:scroll;
        padding-top: 100px;
        padding-bottom: 80px;
        height: auto;
        min-height: 0;
        .leadTxt{
         position: static;
         height: auto;
        }
        .cateNav{
         top: auto;
         bottom: 0;
         ul{
          @include flex($ai:stretch,$wrap:nowrap);
          li{
           a{
            @include bdx;
            @include flex($ai:center,$jc:center);
            height: 60px;
            padding: 10px 5px;
            font-size: 1.4rem;
           }
          }
         }
        }
       }
      }*/
}

.oneClmPage #pageConcept #wrapper main .fv {
  min-height: 620px;
}

.oneClmPage #pageConcept #wrapper main .fv .leadTxt {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 700px;
  height: 341px;
  margin: auto;
  max-width: 90%;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pageConcept #wrapper main .fv {
    box-sizing: border-box;
    background-attachment: scroll;
    padding-top: 100px;
    padding-bottom: 80px;
    height: auto;
    min-height: 0;
  }
  .oneClmPage #pageConcept #wrapper main .fv .leadTxt {
    position: static;
    height: auto;
  }
}

.oneClmPage #pageConcept #wrapper main .sec.sec01 {
  height: 100vh;
  position: relative;
  background: url(../img/about/index/bg02.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.oneClmPage #pageConcept #wrapper main .sec.sec01 .bg02 {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) url(../img/about/index/bg02_tile.png) 0 0 repeat;
}

.oneClmPage #pageConcept #wrapper main .sec.sec01 .inner {
  -js-display: flex;
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 10;
}

.oneClmPage #pageConcept #wrapper main .sec.sec01 .inner h2 {
  color: #fff;
  margin-top: 100px;
}

.oneClmPage #pageConcept #wrapper main .sec.sec01 .inner .txt {
  max-width: 670px;
  margin-bottom: 100px;
}

.oneClmPage #pageConcept #wrapper main .sec.sec01 .inner .txt sub {
  vertical-align: baseline;
  font-size: 50%;
}

.oneClmPage #pageConcept #wrapper main .sec.sec01 .inner p {
  max-width: 950px;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pageConcept #wrapper main .sec.sec01 {
    height: auto;
    background-attachment: scroll;
  }
  .oneClmPage #pageConcept #wrapper main .sec.sec01 .inner {
    box-sizing: border-box;
    display: block;
    height: auto;
    padding: 70px 10px 40px;
  }
  .oneClmPage #pageConcept #wrapper main .sec.sec01 .inner h2 {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner {
  max-width: 980px;
  padding: 40px 0;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pageConcept #wrapper main .sec.sec02 .inner {
    padding-top: 55px;
  }
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .blue {
  color: #0086cd;
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .gold {
  color: #dca66b;
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner h2 {
  line-height: 1.2;
  margin-bottom: 60px;
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner h2 span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 50%;
  line-height: 1.8;
  margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {
  .oneClmPage #pageConcept #wrapper main .sec.sec02 .inner h2 {
    font-size: 8vw;
  }
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover {
  position: relative;
  margin-bottom: 60px;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover .box {
  width: 455px;
  text-align: center;
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover .box .ttl {
  font-size: 2.8rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 40px;
  text-align: center;
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover .box figure {
  margin-bottom: 25px;
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover .box figure figcaption {
  margin-top: -30px;
  line-height: 1.5;
  font-size: 2rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: bold;
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover .box figure figcaption img {
  margin-bottom: 20px;
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover .box figure figcaption.figc2 {
  margin-top: -50px;
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover .box p {
  font-size: 1.3rem;
  text-align: left;
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover .iconPlusLarge {
  position: absolute;
  left: 450px;
  top: 396px;
  width: 68px;
  height: 44px;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover {
    display: block;
  }
  .oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover .box {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
  }
  .oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover .iconPlusLarge {
    width: 100%;
    position: static;
    text-align: center;
    padding: 20px 0;
  }
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover02 {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover02 div,
.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover02 figure {
  margin: 0 5px 0;
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover02 figure {
  text-align: center;
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover02 figure img {
  margin-bottom: 20px;
}

.oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover02 figure figcaption.figc3 {
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

@media only screen and (max-width: 600px) {
  .oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover02 {
    display: block;
    text-align: center;
  }
  .oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover02 div,
  .oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover02 figure {
    margin: 0 0 10px;
  }
  .oneClmPage #pageConcept #wrapper main .sec.sec02 .inner .cover02 .iconEquals {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.oneClmPage #pageConcept #wrapper main .sec.sec03 {
  background: url(../img/about/index/bg03.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
  min-height: 670px;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pageConcept #wrapper main .sec.sec03 {
    height: auto;
    min-height: 0;
    background-attachment: scroll;
  }
}

.oneClmPage #pageConcept #wrapper main .sec.sec03 .inner {
  max-width: 980px;
  -js-display: flex;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  height: 100%;
  position: relative;
}

.oneClmPage #pageConcept #wrapper main .sec.sec03 .inner header h2 {
  color: #fff;
  margin-bottom: 40px;
}

.oneClmPage #pageConcept #wrapper main .sec.sec03 .inner header p {
  color: #fff;
  text-align: center;
  font-size: 2rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.oneClmPage #pageConcept #wrapper main .sec.sec03 .inner .cover {
  width: 100%;
  max-width: 980px;
  margin-top: -100px;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}

.oneClmPage #pageConcept #wrapper main .sec.sec03 .inner .cover .box {
  box-sizing: border-box;
  position: relative;
  width: 293px;
  padding: 20px 20px 60px;
  background-color: rgba(255, 255, 255, 0.85);
}

.oneClmPage #pageConcept #wrapper main .sec.sec03 .inner .cover .box .ttl {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 20px;
}

.oneClmPage #pageConcept #wrapper main .sec.sec03 .inner .cover .box img {
  margin-bottom: 20px;
}

.oneClmPage #pageConcept #wrapper main .sec.sec03 .inner .cover .box .txt {
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  color: #333;
  margin-bottom: 20px;
}

.oneClmPage #pageConcept #wrapper main .sec.sec03 .inner .cover .box .btn {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  text-align: center;
}

.oneClmPage #pageConcept #wrapper main .sec.sec03 .inner .cover .box .btn a {
  position: relative;
  display: block;
  box-sizing: border-box;
  display: block;
  margin: auto;
  width: 185px;
  text-align: center;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #3e2f16;
  line-height: 1;
  font-size: 1.6rem;
  color: #3e2f16;
}

.oneClmPage #pageConcept #wrapper main .sec.sec03 .inner .cover .box .btn a::before {
  display: block;
  position: absolute;
  content: "";
  border-top: 1px solid #3e2f16;
  border-right: 1px solid #3e2f16;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 14px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.oneClmPage #pageConcept #wrapper main .sec.sec03 .inner .cover .box .btn a:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pageConcept #wrapper main .sec.sec03 .inner {
    display: block;
    padding: 55px 10px 40px;
  }
  .oneClmPage #pageConcept #wrapper main .sec.sec03 .inner header {
    margin-bottom: 40px;
  }
  .oneClmPage #pageConcept #wrapper main .sec.sec03 .inner header h2 {
    margin-bottom: 20px;
  }
  .oneClmPage #pageConcept #wrapper main .sec.sec03 .inner .cover {
    display: block;
    margin-top: 0;
  }
  .oneClmPage #pageConcept #wrapper main .sec.sec03 .inner .cover .box {
    width: 80%;
    min-width: 293px;
    margin: 0 auto 20px;
  }
  .oneClmPage #pageConcept #wrapper main .sec.sec03 .inner .cover .box img {
    display: block;
    margin: 0 auto 20px;
  }
}

.oneClmPage #pageConcept.tab #wrapper main .sec.sec01, .oneClmPage #pageConcept.tab #wrapper main .sec.sec03 {
  background-attachment: scroll;
}

.oneClmPage #pageOrg01 .sec {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #ccc;
}

.oneClmPage #pageOrg01 .sec h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 3rem;
  margin-bottom: 20px;
}

.oneClmPage #pageOrg01 .sec .cover {
  position: relative;
  padding-left: 175px;
}

.oneClmPage #pageOrg01 .sec .cover img {
  position: absolute;
  left: 0;
  top: 0;
}

.oneClmPage #pageOrg01 .sec .cover .btnMore {
  max-width: 200px;
}

@media only screen and (max-width: 600px) {
  .oneClmPage #pageOrg01 .sec .cover {
    padding-left: 0;
  }
  .oneClmPage #pageOrg01 .sec .cover img {
    position: static;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .oneClmPage #pageOrg01 .sec .cover .btnMore {
    max-width: 100%;
  }
}

.oneClmPage #pagePostForm {
  font-size: 1.4rem;
}

.oneClmPage #pagePostForm ul li {
  font-size: 1.4rem;
}

.oneClmPage #pagePostForm .cover01 {
  -js-display: flex;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

.oneClmPage #pagePostForm .cover01 table.seminar {
  box-sizing: border-box;
  width: 30%;
  /*開催日程のtableを横3点に*/
  border-collapse: collapse;
  margin-bottom: 40px;
}

.oneClmPage #pagePostForm .cover01 table.seminar th {
  box-sizing: border-box;
  background-color: #6da013;
  color: #fff;
  border: 1px solid #ccc;
  text-align: center;
  padding: 10px;
  width: 100%;
  font-size: 1.8rem;
  font-weight: bold;
}

.oneClmPage #pagePostForm .cover01 table.seminar td {
  font-size: 1.6rem;
  width: 50%;
  box-sizing: border-box;
  background-color: #fffef0;
  border: 1px solid #ccc;
  color: #00492c;
  text-align: center;
  padding: 10px;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pagePostForm .cover01 table.seminar tr th {
    display: table-cell;
  }
  .oneClmPage #pagePostForm .cover01 table.seminar tr td {
    display: table-cell;
  }
}

@media only screen and (max-width: 600px) {
  .oneClmPage #pagePostForm .cover01 table.seminar {
    width: 100%;
  }
}

.oneClmPage #pagePostForm input[type='submit'] {
  display: block;
  width: 200px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin: auto;
  font-size: 1.8rem;
  color: #fff;
  border: none;
  background-color: #083c05;
}

.oneClmPage #pagePostForm input[type='submit']:disabled {
  background-color: #e0e0e0;
}

.oneClmPage #pagePostForm .sec .h4 {
  font-size: 2.4rem;
  background-color: #eff8df;
  border-top: 2px solid #6da013;
  padding: 12px 16px 8px;
  margin-bottom: 20px;
}

.oneClmPage #pagePostForm .sec i {
  margin-right: 5px;
}

.oneClmPage #pagePostForm .sec i.fa-check-square {
  color: #cc3232;
}

.oneClmPage #pagePostForm .sec i.fa-square {
  color: #94cd5f;
}

.oneClmPage #pagePostForm .sec table {
  width: 100%;
  margin-bottom: 20px;
}

.oneClmPage #pagePostForm .sec table caption {
  background-color: #eef8e0;
  text-align: center;
  padding: 10px;
}

.oneClmPage #pagePostForm .sec table tr th {
  font-size: 1.4rem;
  box-sizing: border-box;
  vertical-align: top;
  padding: 20px 10px;
  border-bottom: 1px solid #ccc;
}

.oneClmPage #pagePostForm .sec table tr td {
  font-size: 1.4rem;
  vertical-align: top;
  box-sizing: border-box;
  padding: 20px 10px;
  border-bottom: 1px solid #ccc;
}

.oneClmPage #pagePostForm .sec table tr td input[type='text'],
.oneClmPage #pagePostForm .sec table tr td input[type='email'] {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}

.oneClmPage #pagePostForm .sec table tr td textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}

.oneClmPage #pagePostForm .sec table tr td select {
  padding: 5px;
}

.oneClmPage #pagePostForm .sec table tr td .short input[type='text'] {
  width: 50%;
}

.oneClmPage #pagePostForm .sec table.tb01 th {
  width: 220px;
}

.oneClmPage #pagePostForm .sec table.tb02 th {
  font-size: 1.6rem;
  font-weight: bold;
  color: #00492c;
}

.oneClmPage #pagePostForm .sec table.tb02 td label {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-bottom: 5px;
  margin-right: 5px;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pagePostForm .sec table tr th {
    display: block;
    padding-bottom: 0;
    border-bottom: none;
  }
  .oneClmPage #pagePostForm .sec table tr td {
    display: block;
  }
  .oneClmPage #pagePostForm .sec table tr td label {
    margin: 0;
  }
  .oneClmPage #pagePostForm .sec table tr td input[type='radio'],
  .oneClmPage #pagePostForm .sec table tr td input[type='checkbox'] {
    display: none;
  }
  .oneClmPage #pagePostForm .sec table tr td input[type='radio'] + span,
  .oneClmPage #pagePostForm .sec table tr td input[type='checkbox'] + span {
    display: block;
    margin-bottom: 5px;
    border-radius: 5px;
    background: -owg-linear-gradient(#fafafa, #ddd);
    -pie-background: -pie-linear-gradient(#fafafa, #ddd);
    background: linear-gradient(#fafafa, #ddd);
    border: 1px solid #ccc;
    padding: 10px 10px 10px 30px;
  }
  .oneClmPage #pagePostForm .sec table tr td input[type='radio']:checked + span,
  .oneClmPage #pagePostForm .sec table tr td input[type='checkbox']:checked + span {
    background: url(../img/cmn/check.png), -owg-linear-gradient(#3771c8, #0e4392);
    -pie-background: url(../img/cmn/check.png), -pie-linear-gradient(#3771c8, #0e4392);
    background: url(../img/cmn/check.png), linear-gradient(#3771c8, #0e4392);
    background-position: 0 center;
    background-repeat: no-repeat;
    color: #fff;
  }
  .oneClmPage #pagePostForm .sec table.tb01 th {
    width: 100%;
  }
}

.oneClmPage #pageBrand #wrapper main .fv {
  position: relative;
  min-height: 700px;
  background: url(../img/first/bg01.jpg) center 0 no-repeat;
  background-size: cover;
}

.oneClmPage #pageBrand #wrapper main .fv .brand {
  position: absolute;
  left: 0;
  right: 0;
  width: 557px;
  top: 40vh;
  top: 0;
  bottom: 0;
  height: 268px;
  margin: auto;
  max-width: 90%;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pageBrand #wrapper main .fv {
    box-sizing: border-box;
    background-attachment: scroll;
    padding-top: 100px;
    padding-bottom: 80px;
    height: auto;
    min-height: 0;
  }
  .oneClmPage #pageBrand #wrapper main .fv .brand {
    position: static;
    width: 65vw;
    height: auto;
  }
}

.oneClmPage #pageBrand #wrapper main .sec .inner {
  box-sizing: border-box;
  max-width: 980px;
  padding: 135px 0 75px;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pageBrand #wrapper main .sec .inner {
    padding: 55px 10px 40px;
  }
}

.oneClmPage #pageBrand #wrapper main .sec .inner h2 {
  line-height: 1.2;
  margin-bottom: 60px;
}

.oneClmPage #pageBrand #wrapper main .sec .inner h2 span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 50%;
  line-height: 1.8;
  margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {
  .oneClmPage #pageBrand #wrapper main .sec .inner h2 {
    font-size: 8vw;
  }
}

.oneClmPage #pageBrand #wrapper main .sec .inner .txt01 {
  text-align: center;
  font-size: 2.4rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  line-height: 46px;
  font-weight: bold;
  margin-bottom: 40px;
}

@media only screen and (max-width: 600px) {
  .oneClmPage #pageBrand #wrapper main .sec .inner .txt01 {
    font-size: 4vw;
    line-height: 2;
  }
}

.oneClmPage #pageBrand #wrapper main .sec .innerSec {
  background-color: #e3dfdc;
}

.oneClmPage #pageBrand #wrapper main .sec .innerSec h3 {
  font-size: 2.4rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.oneClmPage #pageBrand #wrapper main .sec .innerSec h4 {
  font-size: 3.2rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: bold;
}

.oneClmPage #pageBrand #wrapper main .sec .innerSec.sec0102 {
  background-color: #eae4d1;
}

.oneClmPage #pageBrand #wrapper main .sec .innerSec.sec0103 {
  background-color: #fff;
}

.oneClmPage #pageBrand #wrapper main .sec .innerSec .inner {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pageBrand #wrapper main .sec .innerSec .inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover {
  position: relative;
  padding-right: 430px;
  min-height: 240px;
}

.oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover .photo {
  position: absolute;
  right: 0;
  top: 0;
}

.oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover .photo .plus {
  position: absolute;
  width: 33px;
  height: 33px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover .box01 {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}

.oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover .box01 .b01 {
  box-sizing: border-box;
  width: 215px;
  min-height: 240px;
  border-right: 1px solid #000;
}

.oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover .box01 .b01 figure {
  text-align: center;
}

.oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover .box01 .b01 figure figcaption {
  font-size: 5.6rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover .box01 .b02 {
  width: 305px;
  -js-display: flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}

.oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover .box01 .b02 p {
  width: 100%;
  font-size: 1.5rem;
  line-height: 2;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover {
    padding-right: 0;
  }
  .oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover .photo {
    display: block;
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    text-align: center;
  }
  .oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover .photo .plus {
    position: absolute;
  }
  .oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover .box01 {
    margin-bottom: 20px;
    display: table;
    width: 100%;
  }
  .oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover .box01 .b01 {
    display: table-cell;
    min-height: 0;
  }
  .oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover .box01 .b02 {
    display: table-cell;
    width: auto;
    vertical-align: middle;
    padding-left: 20px;
  }
}

@media only screen and (max-width: 600px) {
  .oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover .box01 {
    display: block;
  }
  .oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover .box01 .b01 {
    display: block;
    border-right: none;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
    width: 100%;
  }
  .oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover .box01 .b02 {
    width: 100%;
    display: block;
    padding-left: 0;
  }
  .oneClmPage #pageBrand #wrapper main .sec .innerSec .inner .cover .box01 .b02 h4 {
    text-align: center;
  }
}

.oneClmPage #pageBrand.pageNoble #wrapper main .fv {
  background: url(../img/noble/bg01.jpg) center center no-repeat;
  background-size: cover;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb01 .inner h2 {
  font-size: 4.6rem;
  color: #3e1f04;
  line-height: 1.2;
  font-weight: normal;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb01 .inner .imgList {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  width: 720px;
  margin: 0 auto 50px;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb01 .inner .imgList li {
  width: 25%;
  text-align: center;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb01 .inner .txt01 {
  font-size: 1.8rem;
  line-height: 2.2;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pageBrand.pageNoble #wrapper main .secNb01 .inner h2 {
    font-size: 5.5vw;
  }
  .oneClmPage #pageBrand.pageNoble #wrapper main .secNb01 .inner .imgList {
    width: 100%;
  }
  .oneClmPage #pageBrand.pageNoble #wrapper main .secNb01 .inner .imgList li img {
    box-sizing: border-box;
    max-width: 100%;
    padding: 5px;
    height: auto;
  }
}

@media only screen and (max-width: 600px) {
  .oneClmPage #pageBrand.pageNoble #wrapper main .secNb01 .inner h2 {
    margin-bottom: 20px;
  }
  .oneClmPage #pageBrand.pageNoble #wrapper main .secNb01 .inner .imgList li {
    width: 50%;
  }
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 h2 {
  background-color: #bea684;
  color: #3e1e03;
  font-size: 3rem;
  font-family: "ヒラギノ角ゴ W3 JIS2004", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
  padding: 15px 10px;
  margin-bottom: 0;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 h2 span {
  font-size: 67%;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 .secNb02Top {
  background-color: #f5f2e9;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 .secNb02Top .inner {
  padding-top: 20px;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 .secNb02Top .inner .txt01 {
  color: #524236;
  font-size: 1.4rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W3 JIS2004", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: left;
  line-height: 1.8;
  max-width: 790px;
  margin: 0 auto 20px;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section {
  background: url(../img/noble/sec_bg.png) 0 0 repeat;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section h3 {
  background-color: #c2cad1;
  color: #0f375f;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  border-top: 2px solid #0f375f;
  vertical-align: middle;
  padding: 10px 10px 5px;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section h3 span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 58%;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section h4 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  color: #0f375f;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.35;
  margin-bottom: 25px;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section h4 span {
  font-size: 1.6rem;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section h4.l2 {
  line-height: 0.75;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section .inner {
  padding-top: 50px;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section .cover {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section .cover .boxL {
  width: 545px;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section .cover .boxL p {
  font-size: 1.6rem;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section .cover02 {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section.secNb0202 h3 {
  background-color: #c0cac4;
  border-color: #083d1e;
  color: #083d1e;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section.secNb0202 h4 {
  color: #083d1e;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section.secNb0203 h3 {
  background-color: #cfc4c9;
  border-color: #892d56;
  color: #892d56;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section.secNb0203 h4 {
  color: #892d56;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section.secNb0204 h3 {
  background-color: #c5cebc;
  border-color: #4f7032;
  color: #4f7032;
}

.oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section.secNb0204 h4 {
  color: #4f7032;
  text-indent: -0.5em;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section .cover {
    display: block;
  }
  .oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section .cover .boxL {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 600px) {
  .oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section h4 {
    font-size: 9vw;
  }
  .oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section .cover {
    display: block;
  }
  .oneClmPage #pageBrand.pageNoble #wrapper main .secNb02 section .cover .boxL {
    width: 100%;
    margin-bottom: 20px;
  }
}

.oneClmPage #pageTaiken main #twoClm #clmL h3 {
  font-weight: bold;
  font-size: 5.3rem;
}

.oneClmPage #pageTaiken main #twoClm #clmL h3 em {
  font-size: 2.4rem;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 75px;
  text-align: center;
  padding-bottom: 15px;
  background: url(../img/campaign/taiken/muryo_under.png) 0 bottom no-repeat;
}

.oneClmPage #pageTaiken main #twoClm #clmL h3 span {
  font-size: 53%;
  color: #5b860e;
}

@media only screen and (max-width: 600px) {
  .oneClmPage #pageTaiken main #twoClm #clmL h3 {
    font-size: 9.5vw;
  }
}

.oneClmPage #pageTaiken main #twoClm #clmL .dl01 dt {
  color: #d91919;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.oneClmPage #pageTaiken main #twoClm #clmL .dl01 dd {
  position: relative;
  display: block;
  padding-left: 16px;
  margin-bottom: 10px;
}

.oneClmPage #pageTaiken main #twoClm #clmL .dl01 dd::before {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
  font-weight: bold;
  font-size: 14px;
  color: #000;
}

.oneClmPage #pageTaiken main #twoClm #clmL .dl01 dd sub {
  font-size: 50%;
  vertical-align: baseline;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec01 .box {
  background-color: #fefdf3;
  border: 3px solid #e5e5e5;
  padding: 20px;
  margin-bottom: 30px;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec01 .box dl dt {
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  color: #6da013;
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 15px;
  position: relative;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec01 .box dl dt em {
  border-radius: 3px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-color: #6da013;
  color: #fff;
  width: 50px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  margin-right: 20px;
  width: 50px;
  min-width: 50px;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec01 .box dl dt span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec01 .box dl dt span.checkIn {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #6da013;
  font-size: 1.6rem;
  font-weight: normal;
  background-color: #fff;
  padding: 5px;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec01 .box dl dd {
  font-size: 1.4rem;
  line-height: 24px;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pageTaiken main #twoClm #clmL .sec01 .box dl dt.dt02 {
    padding-top: 50px;
  }
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec02 h5 {
  background: none;
  border: none;
  padding: 0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: bold;
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec02 h5 .mark {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid #d91919;
  width: 120px;
  height: 120px;
  color: #d91919;
  text-align: center;
  padding-top: 25px;
  font-size: 2.7rem;
  margin-right: 15px;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec02 h5 .mark em {
  font-size: 135%;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec02 h5 .txt {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 3.4rem;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec02 h5 .txt em {
  color: #d91919;
  font-size: 125%;
  margin-right: -0.5em;
  margin-left: -0.5em;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pageTaiken main #twoClm #clmL .sec02 h5 .mark {
    padding-top: 3vw;
    font-size: 3.6vw;
    width: 16vw;
    height: 16vw;
    margin-right: 2.3vw;
  }
  .oneClmPage #pageTaiken main #twoClm #clmL .sec02 h5 .txt {
    font-size: 4.2vw;
  }
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec02 .sec0201 {
  border: 1px solid #ccc;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec02 .sec0201 h6 {
  background-color: #6da013;
  color: #fff;
  padding: 16px;
  position: relative;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec02 .sec0201 h6 span {
  border: 1px solid #fff;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 5px 15px;
  position: absolute;
  top: 10px;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec02 .sec0201 h6 span.s1 {
  right: 120px;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec02 .sec0201 h6 span.s2 {
  right: 16px;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec02 .sec0201 .cover01 {
  padding: 18px 18px 0;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  margin-bottom: 20px;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec02 .sec0201 .cover02 {
  padding: 0 18px;
  position: relative;
  padding-right: 380px;
  margin-bottom: 40px;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec02 .sec0201 .cover02 .map {
  position: absolute;
  right: 18px;
  top: 0;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec02 .sec0201 .cover02 .red {
  color: #d91919;
}

.oneClmPage #pageTaiken main #twoClm #clmL .sec02 .sec0201 .cover02 .place {
  font-size: 1.6rem;
  font-weight: bold;
  border-left: 6px solid #6da013;
  padding-left: 10px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pageTaiken main #twoClm #clmL .sec02 .sec0201 .cover01 div {
    width: 48%;
  }
  .oneClmPage #pageTaiken main #twoClm #clmL .sec02 .sec0201 .cover02 {
    padding-right: 18px;
  }
  .oneClmPage #pageTaiken main #twoClm #clmL .sec02 .sec0201 .cover02 .map {
    position: static;
  }
}

@media only screen and (max-width: 600px) {
  .oneClmPage #pageTaiken main #twoClm #clmL .sec02 .sec0201 h6 {
    padding-top: 50px;
  }
  .oneClmPage #pageTaiken main #twoClm #clmL .sec02 .sec0201 h6 span {
    font-size: 1.2rem;
  }
  .oneClmPage #pageTaiken main #twoClm #clmL .sec02 .sec0201 h6 span.s1 {
    right: 95px;
  }
}

.oneClmPage #pageOrg05 .sec h5 {
  padding-left: 10px;
  vertical-align: middle;
  position: relative;
  padding-left: 100px;
}

.oneClmPage #pageOrg05 .sec h5 span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border-radius: 5px;
  position: absolute;
  left: 10px;
  top: 6px;
  font-size: 60%;
  background-color: #cd100c;
  color: #fff;
  padding: 5px 10px;
}

.oneClmPage #pageOrg05 .sec h5 sup {
  font-size: 50%;
  vertical-align: top;
}

.oneClmPage #pageOrg05 .sec01 .ul01 {
  background-color: #fefdf3;
  border: 1px solid #e4e3db;
  padding: 15px;
}

.oneClmPage #pageOrg05 .sec01 .ul01 li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
}

.oneClmPage #pageOrg05 .sec01 .ul01 li:last-child {
  margin-bottom: 0;
}

.oneClmPage #pageOrg05 .sec01 .ul01 li i {
  position: absolute;
  left: 0;
  top: 0;
  margin-right: 5px;
  color: #8bac38;
}

.oneClmPage #pageOrg05 .sec01 .ul02 li {
  padding-left: 2em !important;
  text-indent: -2em !important;
  font-size: 1.4rem;
  margin-bottom: 5px;
}

.oneClmPage #pageOrg05 .sec01 .cover01 {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

.oneClmPage #pageOrg05 .sec01 .cover01 figure {
  box-sizing: border-box;
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: column;
  width: 50%;
  max-width: 350px;
  border: 2px solid #c1c5bc;
  background-color: #fff;
}

.oneClmPage #pageOrg05 .sec01 .cover01 figure img {
  box-sizing: border-box;
  width: 90%;
  max-width: 312px;
  height: auto;
  display: block;
  margin: 0 auto 15px;
  order: 1;
}

.oneClmPage #pageOrg05 .sec01 .cover01 figure figcaption {
  order: 0;
  padding: 10px;
  background-color: #f3f7eb;
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 15px;
}

.oneClmPage #pageOrg05 .sec01 .cover01 .img {
  width: 50%;
  max-width: 350px;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pageOrg05 .sec01 .cover01 {
    display: block;
  }
  .oneClmPage #pageOrg05 .sec01 .cover01 figure {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .oneClmPage #pageOrg05 .sec01 .cover01 figure img {
    max-width: 100%;
  }
  .oneClmPage #pageOrg05 .sec01 .cover01 .img {
    width: 100%;
    max-width: 100%;
  }
}

.oneClmPage #pageOrg05 .HOY2014 {
  position: relative;
  padding-left: 150px;
}

.oneClmPage #pageOrg05 .HOY2014 .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 123px;
  height: auto;
}

.oneClmPage #pageOrg05 .HOY2014 .leadTxt {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 2.7rem;
  font-weight: bold;
  margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {
  .oneClmPage #pageOrg05 .HOY2014 {
    padding-left: 0;
  }
  .oneClmPage #pageOrg05 .HOY2014 .img {
    position: static;
    width: auto;
    height: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto 20px;
  }
}

.oneClmPage #pageOrg05 .tb01 {
  width: 100%;
  border-collapse: collapse;
}

.oneClmPage #pageOrg05 .tb01 tr th,
.oneClmPage #pageOrg05 .tb01 tr td {
  padding: 7px;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 1.4rem;
}

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

.oneClmPage #pageOrg05 .dl01 {
  border: 2px solid #c1c5bc;
}

.oneClmPage #pageOrg05 .dl01 dt {
  background-color: #f7f7f7;
  text-align: center;
  padding: 10px;
  font-size: 1.4rem;
}

.oneClmPage #pageOrg05 .dl01 dd {
  background-color: #fff;
  padding: 10px;
  font-size: 1.4rem;
  line-height: 1.8;
}

.oneClmPage #pageOrg05 .cover03 {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}

.oneClmPage #pageOrg05 .cover03 .box {
  box-sizing: border-box;
  width: 30%;
  border: 2px solid #526533;
  background-color: #fff;
}

.oneClmPage #pageOrg05 .cover03 .box .ttl {
  background-color: #647d3f;
  color: #fff;
  text-align: center;
  font-size: 1.7rem;
}

.oneClmPage #pageOrg05 .cover03 .box .boxInner {
  padding: 10px;
}

.oneClmPage #pageOrg05 .cover03 .box .ttl02 {
  border-left: 5px solid #9c0;
  padding-left: 10px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  .oneClmPage #pageOrg05 .cover03 {
    display: block;
  }
  .oneClmPage #pageOrg05 .cover03 .box {
    width: 100%;
    margin-bottom: 20px;
  }
}

.oneClmPage .flex {
  -js-display: flex;
  display: flex;
}

.oneClmPage .flex-between, .oneClmPage .flex-around {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media only screen and (max-width: 600px) {
  .oneClmPage .flex-between.sp-block p, .oneClmPage .sp-block.flex-around p,
  .oneClmPage .flex-between.sp-block li, .oneClmPage .sp-block.flex-around li,
  .oneClmPage .flex-between.sp-block dt, .oneClmPage .sp-block.flex-around dt,
  .oneClmPage .flex-between.sp-block dd, .oneClmPage .sp-block.flex-around dd,
  .oneClmPage .flex-between.sp-block div, .oneClmPage .sp-block.flex-around div {
    max-width: 100%;
    margin-bottom: 20px;
    width: auto;
  }
  .oneClmPage .flex-between.sp-block img, .oneClmPage .sp-block.flex-around img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}

.oneClmPage .flex-between.nowrap, .oneClmPage .nowrap.flex-around {
  flex-wrap: nowrap;
}

.oneClmPage .flex-between.flex1 li, .oneClmPage .flex1.flex-around li,
.oneClmPage .flex-between.flex1 div, .oneClmPage .flex1.flex-around div {
  flex: 1 1;
}

.oneClmPage .flex-around {
  justify-content: space-around;
}

.oneClmPage .flex-direction-column {
  flex-direction: column;
}

.oneClmPage .justify-content-center {
  justify-content: center;
}

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

.oneClmPage .align-items-center {
  align-items: center;
}

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

.oneClmPage .align-self-center {
  align-self: center;
}

.oneClmPage .align-self-end {
  align-self: flex-end;
}

@media only screen and (max-width: 600px) {
  .oneClmPage .sp-block {
    display: block;
    float: none !important;
  }
}

@media only screen and (max-width: 600px) {
  .oneClmPage .sp-center {
    text-align: center !important;
    margin: auto;
  }
}

@media only screen and (max-width: 600px) {
  .oneClmPage .sp-wa {
    width: auto !important;
    flex-basis: auto !important;
  }
  .oneClmPage .sp-wa > * {
    flex-basis: auto !important;
  }
}

@media only screen and (max-width: 600px) {
  .oneClmPage .sp-ma {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 600px) {
  .oneClmPage .sp-w100 {
    width: 100% !important;
    flex-basis: 100% !important;
  }
  .oneClmPage .sp-w100 > * {
    flex-basis: 100% !important;
  }
}

@media only screen and (max-width: 600px) {
  .oneClmPage .sp-inline {
    display: inline;
  }
}

@media only screen and (max-width: 1024px) {
  .oneClmPage .pc-block {
    display: block;
  }
}

.oneClmPage .slide div {
  display: none;
}

.oneClmPage .bx-viewport .slide div {
  display: block !important;
}

.oneClmPage .secEmergencyNotice {
  margin: 40px auto 0;
}

.oneClmPage .secEmergencyNotice .inner {
  max-width: 980px;
}

.oneClmPage .secEmergencyNotice .inner a {
  display: block;
  text-align: center;
  padding: 22px 0;
  background-color: #e9e9e9;
  transition: all 0.2s ease-out;
}

.oneClmPage .secEmergencyNotice .inner a:hover {
  opacity: 0.8;
}

@media screen and (max-width: 1024px) {
  .oneClmPage .secEmergencyNotice {
    margin: 70px auto 0;
  }
}

@media screen and (max-width: 600px) {
  .oneClmPage .secEmergencyNotice {
    margin: 20px auto 0;
  }
}
/*# sourceMappingURL=layout_new.css.map */