@charset "UTF-8";
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
/* ---------------------------------------------
  cmn_style.css

  index
  0 - Reset
  1 - Base font
  2 - font style
  3 - text color
  4 - clearfix
  5 - float
  6 - preset width
  7 - preset margin
  8 - preset padding
  9 - inline align
  10 - vertical align
  11 - tools
  12 - radius
  13 - Responsive width
  14 - Adobe download
--------------------------------------------- */
/* ---------------------------------------------
  0 - Reset
--------------------------------------------- */
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;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mainLead {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  width: 70%;
  text-align: center;
  padding: 10px 20px;
  background-color: rgba(255, 255, 255, 0.52);
  color: #333;
  font-weight: bold;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .mainLead {
    font-size: 3.38542vw;
    width: 80%;
    line-height: 2;
  }
}

.boxIe7 {
  width: expression((this.parentNode.clientWidth/3 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
}

img {
  max-width: 100%;
  height: auto !important;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  img {
    width: 100%;
  }
}

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, menu, nav, section, summary {
  display: block;
}

/* ---------------------------------------------
  1 - Base font
--------------------------------------------- */
html {
  overflow-y: scroll;
}

body {
  background: #fff;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;
  font-size: 100%;
  line-height: 1.5;
}

/* ---------------------------------------------
  2 - font style
--------------------------------------------- */
.fNormal {
  font-weight: normal;
}

.fBold {
  font-weight: bold;
}

.fItalic {
  font-style: italic;
}

.fSSS {
  font-size: 70%;
}

.fSS {
  font-size: 78%;
}

/* base 12px =  8px */
.fS {
  font-size: 85%;
}

/* base 12px = 10px */
.fM {
  font-size: 100%;
}

.fL {
  font-size: 115%;
}

/* base 12px = 14px */
.fLL {
  font-size: 130%;
}

/* base 12px = 16px */
.fLLL {
  font-size: 143%;
}

/* base 12px = 18px */
sup {
  font-size: 78%;
  vertical-align: top;
}

sub {
  font-size: 78%;
  vertical-align: baseline;
}

/* ---------------------------------------------
  3 - text color
--------------------------------------------- */
a {
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: underline;
}

/* ---------------------------------------------
  4 - clearfix
--------------------------------------------- */
.clearfix {
  display: block;
  min-height: 1%;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

* html .clearfix {
  height: 1%;
  /*\*/
     /*/
height: auto;
overflow: hidden;
/**/
}

/* ---------------------------------------------
  5 - float
--------------------------------------------- */
.fltL {
  display: inline;
  float: left;
}
@media screen and (max-width: 768px) {
  .fltL {
    width: 100%;
    float: none;
  }
}
.fltL p {
  margin-top: 0 !important;
}

.fltR {
  display: inline;
  float: right;
}
@media screen and (max-width: 768px) {
  .fltR {
    width: 100%;
    float: none;
  }
}
.fltR p {
  margin-top: 0 !important;
}

.fltN {
  float: none !important;
}

/* ---------------------------------------------
  6 - preset width
--------------------------------------------- */
.wHalf {
  width: 48%;
}

.wTri {
  width: 33%;
}

.wQuart {
  width: 24%;
}

.wFull {
  width: 99.9%;
}

.wMax {
  width: 100%;
}

/* ---------------------------------------------
  7 - preset margin
--------------------------------------------- */
/* ---------------------------------------------
  8 - preset padding
--------------------------------------------- */
.ma00 {
  margin: 0px !important;
}

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

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

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

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

.pa00 {
  padding: 0px !important;
}

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

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

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

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

.tw00 {
  width: 0% !important;
}

.ma0em {
  margin: 0em !important;
}

.mt0em {
  margin-top: 0em !important;
}

.mr0em {
  margin-right: 0em !important;
}

.mb0em {
  margin-bottom: 0em !important;
}

.ml0em {
  margin-left: 0em !important;
}

.pa0em {
  padding: 0em !important;
}

.pt0em {
  padding-top: 0em !important;
}

.pr0em {
  padding-right: 0em !important;
}

.pb0em {
  padding-bottom: 0em !important;
}

.pl0em {
  padding-left: 0em !important;
}

.tw0em {
  width: 0% !important;
}

.ma05 {
  margin: 5px !important;
}

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

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

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

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

.pa05 {
  padding: 5px !important;
}

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

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

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

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

.tw05 {
  width: 5% !important;
}

.ma1em {
  margin: 1em !important;
}

.mt1em {
  margin-top: 1em !important;
}

.mr1em {
  margin-right: 1em !important;
}

.mb1em {
  margin-bottom: 1em !important;
}

.ml1em {
  margin-left: 1em !important;
}

.pa1em {
  padding: 1em !important;
}

.pt1em {
  padding-top: 1em !important;
}

.pr1em {
  padding-right: 1em !important;
}

.pb1em {
  padding-bottom: 1em !important;
}

.pl1em {
  padding-left: 1em !important;
}

.tw1em {
  width: 1% !important;
}

.ma10 {
  margin: 10px !important;
}

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

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

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

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

.pa10 {
  padding: 10px !important;
}

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

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

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

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

.tw10 {
  width: 10% !important;
}

.ma2em {
  margin: 2em !important;
}

.mt2em {
  margin-top: 2em !important;
}

.mr2em {
  margin-right: 2em !important;
}

.mb2em {
  margin-bottom: 2em !important;
}

.ml2em {
  margin-left: 2em !important;
}

.pa2em {
  padding: 2em !important;
}

.pt2em {
  padding-top: 2em !important;
}

.pr2em {
  padding-right: 2em !important;
}

.pb2em {
  padding-bottom: 2em !important;
}

.pl2em {
  padding-left: 2em !important;
}

.tw2em {
  width: 2% !important;
}

.ma15 {
  margin: 15px !important;
}

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

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

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

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

.pa15 {
  padding: 15px !important;
}

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

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

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

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

.tw15 {
  width: 15% !important;
}

.ma3em {
  margin: 3em !important;
}

.mt3em {
  margin-top: 3em !important;
}

.mr3em {
  margin-right: 3em !important;
}

.mb3em {
  margin-bottom: 3em !important;
}

.ml3em {
  margin-left: 3em !important;
}

.pa3em {
  padding: 3em !important;
}

.pt3em {
  padding-top: 3em !important;
}

.pr3em {
  padding-right: 3em !important;
}

.pb3em {
  padding-bottom: 3em !important;
}

.pl3em {
  padding-left: 3em !important;
}

.tw3em {
  width: 3% !important;
}

.ma20 {
  margin: 20px !important;
}

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

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

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

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

.pa20 {
  padding: 20px !important;
}

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

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

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

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

.tw20 {
  width: 20% !important;
}

.ma4em {
  margin: 4em !important;
}

.mt4em {
  margin-top: 4em !important;
}

.mr4em {
  margin-right: 4em !important;
}

.mb4em {
  margin-bottom: 4em !important;
}

.ml4em {
  margin-left: 4em !important;
}

.pa4em {
  padding: 4em !important;
}

.pt4em {
  padding-top: 4em !important;
}

.pr4em {
  padding-right: 4em !important;
}

.pb4em {
  padding-bottom: 4em !important;
}

.pl4em {
  padding-left: 4em !important;
}

.tw4em {
  width: 4% !important;
}

.ma25 {
  margin: 25px !important;
}

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

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

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

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

.pa25 {
  padding: 25px !important;
}

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

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

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

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

.tw25 {
  width: 25% !important;
}

.ma5em {
  margin: 5em !important;
}

.mt5em {
  margin-top: 5em !important;
}

.mr5em {
  margin-right: 5em !important;
}

.mb5em {
  margin-bottom: 5em !important;
}

.ml5em {
  margin-left: 5em !important;
}

.pa5em {
  padding: 5em !important;
}

.pt5em {
  padding-top: 5em !important;
}

.pr5em {
  padding-right: 5em !important;
}

.pb5em {
  padding-bottom: 5em !important;
}

.pl5em {
  padding-left: 5em !important;
}

.tw5em {
  width: 5% !important;
}

.ma30 {
  margin: 30px !important;
}

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

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

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

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

.pa30 {
  padding: 30px !important;
}

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

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

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

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

.tw30 {
  width: 30% !important;
}

.ma6em {
  margin: 6em !important;
}

.mt6em {
  margin-top: 6em !important;
}

.mr6em {
  margin-right: 6em !important;
}

.mb6em {
  margin-bottom: 6em !important;
}

.ml6em {
  margin-left: 6em !important;
}

.pa6em {
  padding: 6em !important;
}

.pt6em {
  padding-top: 6em !important;
}

.pr6em {
  padding-right: 6em !important;
}

.pb6em {
  padding-bottom: 6em !important;
}

.pl6em {
  padding-left: 6em !important;
}

.tw6em {
  width: 6% !important;
}

.ma35 {
  margin: 35px !important;
}

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

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

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

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

.pa35 {
  padding: 35px !important;
}

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

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

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

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

.tw35 {
  width: 35% !important;
}

.ma7em {
  margin: 7em !important;
}

.mt7em {
  margin-top: 7em !important;
}

.mr7em {
  margin-right: 7em !important;
}

.mb7em {
  margin-bottom: 7em !important;
}

.ml7em {
  margin-left: 7em !important;
}

.pa7em {
  padding: 7em !important;
}

.pt7em {
  padding-top: 7em !important;
}

.pr7em {
  padding-right: 7em !important;
}

.pb7em {
  padding-bottom: 7em !important;
}

.pl7em {
  padding-left: 7em !important;
}

.tw7em {
  width: 7% !important;
}

.ma40 {
  margin: 40px !important;
}

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

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

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

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

.pa40 {
  padding: 40px !important;
}

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

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

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

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

.tw40 {
  width: 40% !important;
}

.ma8em {
  margin: 8em !important;
}

.mt8em {
  margin-top: 8em !important;
}

.mr8em {
  margin-right: 8em !important;
}

.mb8em {
  margin-bottom: 8em !important;
}

.ml8em {
  margin-left: 8em !important;
}

.pa8em {
  padding: 8em !important;
}

.pt8em {
  padding-top: 8em !important;
}

.pr8em {
  padding-right: 8em !important;
}

.pb8em {
  padding-bottom: 8em !important;
}

.pl8em {
  padding-left: 8em !important;
}

.tw8em {
  width: 8% !important;
}

.ma45 {
  margin: 45px !important;
}

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

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

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

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

.pa45 {
  padding: 45px !important;
}

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

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

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

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

.tw45 {
  width: 45% !important;
}

.ma9em {
  margin: 9em !important;
}

.mt9em {
  margin-top: 9em !important;
}

.mr9em {
  margin-right: 9em !important;
}

.mb9em {
  margin-bottom: 9em !important;
}

.ml9em {
  margin-left: 9em !important;
}

.pa9em {
  padding: 9em !important;
}

.pt9em {
  padding-top: 9em !important;
}

.pr9em {
  padding-right: 9em !important;
}

.pb9em {
  padding-bottom: 9em !important;
}

.pl9em {
  padding-left: 9em !important;
}

.tw9em {
  width: 9% !important;
}

.ma50 {
  margin: 50px !important;
}

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

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

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

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

.pa50 {
  padding: 50px !important;
}

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

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

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

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

.tw50 {
  width: 50% !important;
}

.ma10em {
  margin: 10em !important;
}

.mt10em {
  margin-top: 10em !important;
}

.mr10em {
  margin-right: 10em !important;
}

.mb10em {
  margin-bottom: 10em !important;
}

.ml10em {
  margin-left: 10em !important;
}

.pa10em {
  padding: 10em !important;
}

.pt10em {
  padding-top: 10em !important;
}

.pr10em {
  padding-right: 10em !important;
}

.pb10em {
  padding-bottom: 10em !important;
}

.pl10em {
  padding-left: 10em !important;
}

.tw10em {
  width: 10% !important;
}

.ma55 {
  margin: 55px !important;
}

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

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

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

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

.pa55 {
  padding: 55px !important;
}

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

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

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

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

.tw55 {
  width: 55% !important;
}

.ma11em {
  margin: 11em !important;
}

.mt11em {
  margin-top: 11em !important;
}

.mr11em {
  margin-right: 11em !important;
}

.mb11em {
  margin-bottom: 11em !important;
}

.ml11em {
  margin-left: 11em !important;
}

.pa11em {
  padding: 11em !important;
}

.pt11em {
  padding-top: 11em !important;
}

.pr11em {
  padding-right: 11em !important;
}

.pb11em {
  padding-bottom: 11em !important;
}

.pl11em {
  padding-left: 11em !important;
}

.tw11em {
  width: 11% !important;
}

.ma60 {
  margin: 60px !important;
}

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

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

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

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

.pa60 {
  padding: 60px !important;
}

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

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

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

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

.tw60 {
  width: 60% !important;
}

.ma12em {
  margin: 12em !important;
}

.mt12em {
  margin-top: 12em !important;
}

.mr12em {
  margin-right: 12em !important;
}

.mb12em {
  margin-bottom: 12em !important;
}

.ml12em {
  margin-left: 12em !important;
}

.pa12em {
  padding: 12em !important;
}

.pt12em {
  padding-top: 12em !important;
}

.pr12em {
  padding-right: 12em !important;
}

.pb12em {
  padding-bottom: 12em !important;
}

.pl12em {
  padding-left: 12em !important;
}

.tw12em {
  width: 12% !important;
}

.ma65 {
  margin: 65px !important;
}

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

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

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

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

.pa65 {
  padding: 65px !important;
}

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

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

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

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

.tw65 {
  width: 65% !important;
}

.ma13em {
  margin: 13em !important;
}

.mt13em {
  margin-top: 13em !important;
}

.mr13em {
  margin-right: 13em !important;
}

.mb13em {
  margin-bottom: 13em !important;
}

.ml13em {
  margin-left: 13em !important;
}

.pa13em {
  padding: 13em !important;
}

.pt13em {
  padding-top: 13em !important;
}

.pr13em {
  padding-right: 13em !important;
}

.pb13em {
  padding-bottom: 13em !important;
}

.pl13em {
  padding-left: 13em !important;
}

.tw13em {
  width: 13% !important;
}

.ma70 {
  margin: 70px !important;
}

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

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

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

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

.pa70 {
  padding: 70px !important;
}

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

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

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

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

.tw70 {
  width: 70% !important;
}

.ma14em {
  margin: 14em !important;
}

.mt14em {
  margin-top: 14em !important;
}

.mr14em {
  margin-right: 14em !important;
}

.mb14em {
  margin-bottom: 14em !important;
}

.ml14em {
  margin-left: 14em !important;
}

.pa14em {
  padding: 14em !important;
}

.pt14em {
  padding-top: 14em !important;
}

.pr14em {
  padding-right: 14em !important;
}

.pb14em {
  padding-bottom: 14em !important;
}

.pl14em {
  padding-left: 14em !important;
}

.tw14em {
  width: 14% !important;
}

.ma75 {
  margin: 75px !important;
}

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

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

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

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

.pa75 {
  padding: 75px !important;
}

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

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

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

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

.tw75 {
  width: 75% !important;
}

.ma15em {
  margin: 15em !important;
}

.mt15em {
  margin-top: 15em !important;
}

.mr15em {
  margin-right: 15em !important;
}

.mb15em {
  margin-bottom: 15em !important;
}

.ml15em {
  margin-left: 15em !important;
}

.pa15em {
  padding: 15em !important;
}

.pt15em {
  padding-top: 15em !important;
}

.pr15em {
  padding-right: 15em !important;
}

.pb15em {
  padding-bottom: 15em !important;
}

.pl15em {
  padding-left: 15em !important;
}

.tw15em {
  width: 15% !important;
}

.ma80 {
  margin: 80px !important;
}

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

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

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

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

.pa80 {
  padding: 80px !important;
}

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

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

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

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

.tw80 {
  width: 80% !important;
}

.ma16em {
  margin: 16em !important;
}

.mt16em {
  margin-top: 16em !important;
}

.mr16em {
  margin-right: 16em !important;
}

.mb16em {
  margin-bottom: 16em !important;
}

.ml16em {
  margin-left: 16em !important;
}

.pa16em {
  padding: 16em !important;
}

.pt16em {
  padding-top: 16em !important;
}

.pr16em {
  padding-right: 16em !important;
}

.pb16em {
  padding-bottom: 16em !important;
}

.pl16em {
  padding-left: 16em !important;
}

.tw16em {
  width: 16% !important;
}

.ma85 {
  margin: 85px !important;
}

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

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

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

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

.pa85 {
  padding: 85px !important;
}

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

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

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

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

.tw85 {
  width: 85% !important;
}

.ma17em {
  margin: 17em !important;
}

.mt17em {
  margin-top: 17em !important;
}

.mr17em {
  margin-right: 17em !important;
}

.mb17em {
  margin-bottom: 17em !important;
}

.ml17em {
  margin-left: 17em !important;
}

.pa17em {
  padding: 17em !important;
}

.pt17em {
  padding-top: 17em !important;
}

.pr17em {
  padding-right: 17em !important;
}

.pb17em {
  padding-bottom: 17em !important;
}

.pl17em {
  padding-left: 17em !important;
}

.tw17em {
  width: 17% !important;
}

.ma90 {
  margin: 90px !important;
}

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

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

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

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

.pa90 {
  padding: 90px !important;
}

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

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

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

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

.tw90 {
  width: 90% !important;
}

.ma18em {
  margin: 18em !important;
}

.mt18em {
  margin-top: 18em !important;
}

.mr18em {
  margin-right: 18em !important;
}

.mb18em {
  margin-bottom: 18em !important;
}

.ml18em {
  margin-left: 18em !important;
}

.pa18em {
  padding: 18em !important;
}

.pt18em {
  padding-top: 18em !important;
}

.pr18em {
  padding-right: 18em !important;
}

.pb18em {
  padding-bottom: 18em !important;
}

.pl18em {
  padding-left: 18em !important;
}

.tw18em {
  width: 18% !important;
}

.ma95 {
  margin: 95px !important;
}

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

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

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

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

.pa95 {
  padding: 95px !important;
}

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

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

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

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

.tw95 {
  width: 95% !important;
}

.ma19em {
  margin: 19em !important;
}

.mt19em {
  margin-top: 19em !important;
}

.mr19em {
  margin-right: 19em !important;
}

.mb19em {
  margin-bottom: 19em !important;
}

.ml19em {
  margin-left: 19em !important;
}

.pa19em {
  padding: 19em !important;
}

.pt19em {
  padding-top: 19em !important;
}

.pr19em {
  padding-right: 19em !important;
}

.pb19em {
  padding-bottom: 19em !important;
}

.pl19em {
  padding-left: 19em !important;
}

.tw19em {
  width: 19% !important;
}

.ma100 {
  margin: 100px !important;
}

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

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

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

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

.pa100 {
  padding: 100px !important;
}

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

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

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

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

.tw100 {
  width: 100% !important;
}

.ma20em {
  margin: 20em !important;
}

.mt20em {
  margin-top: 20em !important;
}

.mr20em {
  margin-right: 20em !important;
}

.mb20em {
  margin-bottom: 20em !important;
}

.ml20em {
  margin-left: 20em !important;
}

.pa20em {
  padding: 20em !important;
}

.pt20em {
  padding-top: 20em !important;
}

.pr20em {
  padding-right: 20em !important;
}

.pb20em {
  padding-bottom: 20em !important;
}

.pl20em {
  padding-left: 20em !important;
}

.tw20em {
  width: 20% !important;
}

/* ---------------------------------------------
  9 - inline align
--------------------------------------------- */
.inlineL {
  text-align: left;
}

.inlineC {
  text-align: center;
}

.inlineR {
  text-align: right;
}

/* ---------------------------------------------
  10 - vertical align
--------------------------------------------- */
.vlineT {
  vertical-align: top    !important;
}

.vlineM {
  vertical-align: middle !important;
}

.vlineB {
  vertical-align: bottom !important;
}

/* ---------------------------------------------
  11 - tools
--------------------------------------------- */
.clear {
  clear: both;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.hide {
  display: none;
}

.nobg {
  background: none !important;
}

.underLine {
  text-decoration: underline;
}

.noLine {
  text-decoration: none;
}

/* ---------------------------------------------
  13 - Responsive width
--------------------------------------------- */
.w50Pc {
  width: 50% !important;
}

@media screen and (max-width: 600px) {
  .w50Pc {
    width: 90% !important;
  }
}
/* ---------------------------------------------
  14 - Adobe download
--------------------------------------------- */
.adbe {
  padding: 0px;
  border: 1px solid #a7a7a7;
  background-color: #eaeaea;
  margin-top: 5em;
  line-height: 1.5 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.adbe img {
  margin: 10px !important;
}
@media screen and (max-width: 600px) {
  .adbe {
    display: none;
  }
}
.adbe .adImg {
  width: 185px;
  float: left;
  margin: 0;
}
.adbe .adTex {
  margin: 0;
  padding: 10px;
  line-height: 1.5;
}

/* ---------------------------------------------
  15 - flex contents
--------------------------------------------- */
.wysiwyg .floatBox {
  margin-bottom: 30px;
}
.wysiwyg .floatBox .left {
  width: 30%;
  float: left;
  margin-right: 2%;
}
@media screen and (max-width: 768px) {
  .wysiwyg .floatBox .left {
    width: 100%;
    float: none;
    margin: 0;
  }
}
.wysiwyg .floatBox .right {
  width: 68%;
  float: right;
}
@media screen and (max-width: 768px) {
  .wysiwyg .floatBox .right {
    width: 100%;
    float: none;
  }
}