@charset "UTF-8";
/* **************************************************

Name: modify.css

Description: modify, add CSS

Copyright 2016 Hitachi, Ltd.

***************************************************** */
/* ==================================================

Setting of RESET
[1] h2, h3
[2] p
[3] ul
[4] img
[5] button

Setting of layout
[1] #Contents
[2] #BrandingImgStyle
[3] Section, BoxA, BoxB, BoxC
[4] footer

Setting of text
[1] font-size
[2] font-style
[3] color
[4] background

Setting of icon
[1] icon

Setting of contents page
[1] ColumnSet
[2] PageTop
[3] Tab Merit
[-]

Setting of Basic
[1] Width
[2] Margin
[3] Padding

===================================================== */
/* ----------------------------------------------------------------------------------------

Setting of RESET

------------------------------------------------------------------------------------------- */
/* [1] h2, h3
=========================================================================================== */
h2.TitleIoT2 {
  background: none;
  font-size: 36px;
  font-size: 2.25rem;
  position: relative;
  margin-bottom: 40px;
}

h2.TitleIoT2:after {
  position: absolute;
  content: "";
  width: 95px;
  height: 3px;
  background: #333;
  left: 0;
  bottom: 0;
}

h3.TitleIoT3 {
  color: #333;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 25px;
}

h2.TitleLCM2 {
  background: none;
  font-size: 38px;
  font-size: 2.375rem;
}

h2.TitleLCM2 span {
  background: none;
  color: #333333;
  font-weight: normal;
  padding: 0 0 10px 0;
}

h3.TitleLCM3 {
  background: none;
  color: #333333;
  font-size: 110%;
  font-weight: normal;
}

h3.LinkStyle {
  background-repeat: no-repeat;
  background-position: right center;
  display: inline-block;
  padding: 0 20px 0 0;
}

a:link h3.LinkStyle,
a:visited h3.LinkStyle {
  color: #333333;
  text-decoration: none;
  background-image: url(/cmn_doc/image/jp/r1/icon/icon_link_right_xl.gif);
}

a:hover h3.LinkStyle,
a:active h3.LinkStyle {
  color: #b1000e;
  text-decoration: underline;
  background-image: url(/cmn_doc/image/jp/r1/icon/icon_link_right_xl_hover.gif);
}

/* [2] p
=========================================================================================== */
p.TextIoT1 {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 25px;
}

/* [3] ul
=========================================================================================== */
ul.ListIoT1 {
  margin-bottom: 25px;
}

ul.ListIoT1 li:before {
  content: "-";
  margin-right: 10px;
}

ul.ListIoT2 {
  margin-bottom: 25px;
}

ul.ListIoT2 li {
  font-size: 12px;
  font-size: 0.75rem;
  list-style: disc inside;
}

ul.ListIoT3 {
  margin-bottom: 25px;
}

ul.ListIoT3 li {
  font-size: 10px;
  font-size: 0.625rem;
}

ul.ListIoT4 {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 25px;
}

/* [4] img
=========================================================================================== */
.ImgIoT1 {
  margin-bottom: 20px;
}

.ImgIoT2 {
  background: url(/solution/iot/image/img_02_on.png) 0 0 no-repeat;
  margin-bottom: 20px;
}

.ImgIoT2 a {
  display: inline-block;
}

.ImgIoT2 a:hover img {
  visibility: hidden;
}

.ImgIoT3 {
  margin-bottom: 15px;
}

/* [5] button , a
=========================================================================================== */
.ButtonIoT1 a {
  padding: 15px 0;
  background-color: #e60027;
  color: #fff;
  text-decoration: none;
  border-right: solid 3px transparent;
  display: inline-block;
  min-width: 500px;
  min-height: 18px;
  margin: 0 0 15px;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 130%;
  background-image: url(/cmn_doc/image/jp/r1/icon/icon_link_right_l_white.gif);
  background-repeat: no-repeat;
  background-position: right center;
  word-break: break-all;
}

.ButtonIoT1 a:hover {
  background-color: #b1000e;
}

.ButtonIoT2 a {
  padding: 15px 0;
  background-color: #e60027;
  color: #fff;
  text-decoration: none;
  border-right: solid 3px transparent;
  display: inline-block;
  min-width: 300px;
  min-height: 18px;
  margin: 0 0 15px;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 130%;
  background-image: url(/cmn_doc/image/jp/r1/icon/icon_link_right_l_white.gif);
  background-repeat: no-repeat;
  background-position: right center;
  word-break: break-all;
}

.ButtonIoT2 a:hover {
  background-color: #b1000e;
}

.ButtonIoT3 a {
  padding: 15px 0;
  background-color: #e60027;
  color: #fff;
  text-decoration: none;
  border-right: solid 3px transparent;
  display: inline-block;
  min-width: 500px;
  min-height: 18px;
  margin: 0 0 15px;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 130%;
  word-break: break-all;
  position: relative;
}

.ButtonIoT3 a:after {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background: url(/solution/iot/image/icon_new_window_white.gif) 0 0 no-repeat;
  top: calc(50% - 8px);
  right: 5px;
}

.ButtonIoT3 a:hover {
  background-color: #b1000e;
}

.LintIoT1 {
  text-align: right;
  background: url(/cmn_doc/image/jp/r1/icon/icon_new_window.gif) right center no-repeat;
  padding-right: 20px;
}

.LintIoT1 a {
  font-size: 14px;
  font-size: 0.875rem;
  color: #333;
  text-decoration: none;
}

.LintIoT1 a:hover {
  color: #b1000e;
  text-decoration: underline;
}

.LintIoT2 {
  text-align: right;
  background: url(/cmn_doc/image/jp/r1/icon/icon_pdf.gif) right center no-repeat;
  padding-right: 15px;
}

.LintIoT2 a {
  font-size: 14px;
  font-size: 0.875rem;
  color: #333;
  text-decoration: none;
}

.LintIoT2 a:hover {
  color: #b1000e;
  text-decoration: underline;
}

.LintIoT3 {
  text-align: right;
  background: url(/cmn_doc/image/jp/r1/icon/icon_link_right_hover.gif) right center no-repeat;
  padding-right: 15px;
}

.LintIoT3 a {
  font-size: 14px;
  font-size: 0.875rem;
  color: #333;
  text-decoration: none;
}

.LintIoT3 a:hover {
  color: #b1000e;
  text-decoration: underline;
}

/* ----------------------------------------------------------------------------------------

Setting of layout

------------------------------------------------------------------------------------------- */
/* [1] #Contents
=========================================================================================== */
#Contents.lcm {
  padding-top: 15px;
  width: 100%;
}

#Contents.lcm.TopMarginSet {
  padding-top: 0;
}

#Contents.lcm .GridSet {
  width: 100%;
}

#Contents.lcm .PageTitleStyle1 {
  margin: 0 auto 25px;
  text-align: left;
  width: 965px;
}

/* [2] #BrandingImgStyle
=========================================================================================== */
#BrandingImgStyle {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../image/top_bg.jpg);
    background-size: cover;
    box-sizing: border-box;
    max-height: 700px;
    width: 100%;
}

#KeyVisual {
    display: block;
    margin: 0 auto;
    width: 965px;
    text-align: left;
    height: 700px;
    position: relative;
}

#BrandingImgStyle #KeyVisual .keyvisual {
    position: absolute;
    top: 140px;
    left: 20px;

}

/* [3] Section, BoxA, BoxB, BoxC
=========================================================================================== */
.Section.BgGray {
  margin: 0 auto;
  padding: 35px 0 30px 0;
  width: 100%;
}

.Section.BgGray:nth-child(odd) {
  background-color: #f5f4f4;
}

.Section.BgGray:nth-child(even) {
  background-color: #ece8e8;
}

.Section.BgGray > .ClearFix {
  margin: 0 auto;
  width: 965px;
}

.Box {
    margin: 0 auto;
    padding: 30px 0 20px 0;
    width: 970px;
    overflow: hidden;
}
.Box h2 {
    color: #003366;
    font-size: 32px;
    line-height: 140%;
    font-weight: bold;
    text-align: center;
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
    background: none;
}
.Box h3 {
    color: #333333;
    font-size: 24px;
    line-height: 140%;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}
.Box h3.center {
    text-align: center;
}


.Box .feature_box {
    width: 280px;
    float: left;
    margin-bottom: 40px;
}
.Box .feature_box .feature_title {
    background-image: url(../image/bg01.gif);
    display: table-cell;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    height: 130px;
    vertical-align: middle;
}
.Box .feature_box .feature_body {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background-color: #FFFFFF;
    min-height: 8em;
}
.Box .feature_box.box_rm {
    margin-right: 65px;
}

.feature_bg {
    background-image: url(../image/bg_photo.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
.hx_bg {
    background-color: #DDDDDD;
}
.case_bg {
    background-color: #EFE6DE;
}
.Box .hx_point   {
    background-image: url(../image/bg02.gif);
    background-repeat: repeat;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    color: #ffffff;
    vertical-align: middle;
    margin-bottom: 20px;
    width: 740px;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}

.Box .hx_point dl {
    float: none;
    clear: both;
    height: 50px;
}

.Box .hx_point dl dt {
    color: #ffffff;
    font-weight: bold;
    font-size: 33px;
    float: left;
    width: 220px;
    display: block;
}
.Box .hx_point dl dd {
    font-size: 18px;
    line-height: 140%;
    font-weight: bold;
    vertical-align: middle;
    display: block;
    float: left;
    width: 500px;
}
.hx_point dl .simple_adj {
    padding-top: 14px;
}





.graphicPart {
    text-align: center;
}
.Box .ask3  {
    background-color: #D90000;
    color: #ffffff;
    text-align: center;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    width: 260px;
    float: left;
    vertical-align: middle;
}

.Box .ask3 a {
    display: block;
    width: 100%; /* 横幅 */
    background-color: #D90000;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.Box .ask3 a:hover { background-color: #ff6600;
    color: #ffffff;
}





.BoxA {
  margin: 0 auto;
  padding: 60px 0 0 0;
  width: 965px;
}

.BoxInner {
  display: inline-block;
  margin: 0 0 0 25px;
  width: 781px;
}

.BoxWrap {
  width: 781px;
}

.BoxB {
  border-bottom: 1px dashed #333333;
  box-sizing: border-box;
  margin: 20px;
}

.BoxB:last-of-type {
  border: none;
  margin-bottom: 0;
}

.BoxB .ImgOnlyStyle {
  height: 8em;
}

.BoxB a {
  color: #333333;
  text-decoration: none;
}

.BoxB a:hover {
  display: block;
  opacity: 0.7;
}

.BoxC {
  border-right: solid 1px #d5d5d5;
  box-sizing: border-box;
  float: left;
  padding: 10px 15px 0 15px;
  width: 259px;
}

.BoxC:nth-of-type(3),
.BoxC:nth-of-type(6) {
  border-right: none;
}

.BoxC .ImgLeftAdjust {
  margin-right: 10px;
}

.BoxC .ImgOnlyStyle {
  height: 70px;
  margin: 10px 0 0 0;
  max-width: 70px;
  min-width: 60px;
  text-align: center;
}

.ImgOnlyStyle.kanshi {
  margin: -30px 0 0 -2px;
}

.BoxIoT1 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.BoxIoT1 div {
  width: calc(50% - 1px);
  background-color: #f2f2f2;
  padding: 20px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.BoxIoT1 div:nth-child(-n + 2) {
  margin-bottom: 1px;
}

.BoxIoT1 div:nth-child(odd) {
  margin-right: 1px;
}

.BoxIoT1 div img {
  margin-right: 25px;
}

.BoxIoT1 div dt {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.BoxIoT1 div dd {
  font-size: 14px;
  font-size: 0.875rem;
}

.BoxIoT1 div dd a {
  color: #08427c;
}

.BoxIoT2 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-bottom: 40px;
}

.BoxIoT2 div {
  width: calc((100% - 25px) / 2);
  background-color: #f2f2f2;
  padding: 20px;
  box-sizing: border-box;
}

.BoxIoT2 div:first-child {
  margin-right: 25px;
}

.BoxIoT2 div dl {
  margin-bottom: 30px;
}

.BoxIoT2 div dt {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.BoxIoT2 div dd {
  font-size: 14px;
  font-size: 0.875rem;
}

.BoxButton1 {
  background-color: #e5e5e5;
  padding: 50px 0;
  border-top: solid 1px #d6d6d6;
  border-bottom: solid 1px #fff;
  *zoom: 1;
}

.BoxButton1:before {
  content: " ";
  display: table;
}

.BoxButton1:after {
  content: " ";
  display: table;
  clear: both;
}

.ButtonSet {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

.BoxPoint1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.BoxPoint1 div {
  width: calc((960px - 3px) / 4);
  background-color: #f2f2f2;
  padding: 20px 10px;
  margin-right: 1px;
  box-sizing: border-box;
}

.BoxPoint1 div:last-child {
  margin-right: 0;
}

.BoxPoint1 div h4 {
  font-size: 22px;
  font-weight: normal;
}

.BoxPoint1 div p {
  font-size: 12px;
}

/* [4] footer
=========================================================================================== */
.Section.footer {
  width: 100%;
  background-image: linear-gradient(-60deg, #5d5d5d 65%, #818080 20%, #818080 15%);
}

.Section.footer h3 {
  color: #ffffff;
  font-size: 115%;
  font-weight: normal;
  line-height: 160%;
  margin: 0 0 0 15px;
}

.Section.footer h3 > span {
  display: inline-block;
}

.LinkListStyle7 {
  font-size: 90%;
}

.LinkListStyle7 li > a {
  color: #ffffff;
  display: block;
  margin: 0 0 20px 0;
  text-decoration: none;
}

/* ----------------------------------------------------------------------------------------

Setting of text

------------------------------------------------------------------------------------------- */
/* [1] font-size
=========================================================================================== */
.fs72 {
  display: inline-block;
  font-size: 72px;
  padding-right: 6px !important;
  padding-left: 3px !important;
}

.fs38 {
  display: inline-block;
  font-size: 38px !important;
}

.fs36 {
  display: inline-block;
  font-size: 36px !important;
}

.fs28 {
  display: inline-block;
  font-size: 28px !important;
}

.fs18 {
  display: inline-block;
  font-size: 18px !important;
}

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

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

/* [2] font-style
=========================================================================================== */
.italic {
  display: inline-block;
  font-style: italic;
}

.underline {
  border-bottom: 3px solid;
  display: inline-block;
  padding: 0;
}

/* [3] color
=========================================================================================== */
/* salmon pink */
.salmon {
  color: #fd5c59 !important;
}

/* pink */
.pink {
  color: #E94F7A !important;
}

/* green */
.green {
  color: #499965 !important;
}

/*khaki*/
.khaki {
  color: #7b8b35 !important;
}

/* navy blue */
.navy {
  color: #3a6c9f !important;
}

/* white */
.white {
  color: #ffffff !important;
}

/* red */
.red {
  color: #f85631 !important;
}

/* blue */
.purple {
  color: #311085 !important;
}

/* orange */
.orange {
  color: #f39800 !important;
}

/* [4] background
=========================================================================================== */
.bg_gray1 {
  background-color: #d9e4e9;
}

.bg_gray2 {
  background-color: #ece8e8;
}

.bg_gray3 {
  background-color: #e6e6e6;
}

/* ----------------------------------------------------------------------------------------

Setting of icon

------------------------------------------------------------------------------------------- */
/* [1] icon
=========================================================================================== */
.exclamation_mark {
  background: url(/service/lcm/image/icon_inquiry.png) no-repeat 0 0.2em;
  padding: 0 0 0 50px;
}

.doc {
  background: url(/service/lcm/image/icon_doc.png) no-repeat 0 0.1em;
  padding: 0 0 0 30px;
}

.form {
  background: url(/service/lcm/image/icon_form.png) no-repeat 0 0.1em;
  padding: 0 0 0 30px;
}

.tel {
  background: url(/service/lcm/image/icon_tel.png) no-repeat 0 0;
  padding: 0 0 0 30px;
}

.pdf {
  background: url(/service/lcm/image/icon_pdf.png) no-repeat right center;
  padding: 0 50px 0 0;
}

.fitlive {
  background: url(/service/lcm/image/logo_fitlive_s.png) no-repeat 0 bottom !important;
  padding: 20px 0 0 280px;
}

.lease {
  background: url(/service/lcm/image/logo_lease_s.png) no-repeat 0 bottom !important;
  padding: 20px 0 0 280px;
}

.mainte {
  background: url(/service/lcm/image/logo_mainte_s.png) no-repeat 0 bottom !important;
  padding: 30px 0 0 280px;
}

/* ----------------------------------------------------------------------------------------

Setting of contents page

------------------------------------------------------------------------------------------- */
/* [1] ColumnSet
=========================================================================================== */
.ColumnSet.lcm {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.ColumnSet.lcm.contents {
  box-sizing: border-box;
  min-height: 180px;
}

.ColumnSet.lcm.contents .Column2.FirstItem {
  border-right: 1px solid #babbbb;
  box-sizing: border-box;
  padding: 0 40px 0 10px;
}

.ColumnSet.lcm.contents .Column2.LastItem {
  box-sizing: border-box;
  padding: 0 0 0 40px;
  margin: 0;
}

/* [2] PageTop
=========================================================================================== */
.PageTop {
  margin: 30px auto 20px;
  width: 965px;
}

/* [3] Tab Merit
=========================================================================================== */
.TabMerit {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.TabMerit > li {
  margin: 0 2% 0 0;
  width: 23%;
}

.TabMerit > li:last-child {
  margin: 0;
}

.TitleMerit > span {
  border-bottom: 2px solid;
  display: block;
  margin: 0 0 25px 0;
  padding: 0 0 0.5em 0;
}

.TabMerit li a:hover img {
  opacity: 0.7;
}

/* [4] FatMenu
=========================================================================================== */
.FatMenuSet .FMColumnMenuArea h3.FMSubHeaderLink {
  margin-bottom: 0;
}
.FMBottomColumnMenu .FMLinkListStyle > li a {
  color: #333;
}
.FMBottomColumnMenu .FMLinkListStyle > li a:hover {
  color: #b1000e;
}

/* ----------------------------------------------------------------------------------------

Setting of Basic

------------------------------------------------------------------------------------------- */
/* [1] Width %�w��
=========================================================================================== */
.wid3p {
  width: 3%;
}

.wid4p {
  width: 4%;
}

.wid5p {
  width: 5%;
}

.wid6p {
  width: 6%;
}

.wid7p {
  width: 7%;
}

.wid8p {
  width: 8%;
}

.wid9p {
  width: 9%;
}

.wid10p {
  width: 10%;
}

.wid11p {
  width: 11%;
}

.wid12p {
  width: 12%;
}

.wid13p {
  width: 13%;
}

.wid14p {
  width: 14%;
}

.wid15p {
  width: 15%;
}

.wid16p {
  width: 16%;
}

.wid17p {
  width: 17%;
}

.wid18p {
  width: 18%;
}

.wid20p {
  width: 20%;
}

.wid22p {
  width: 22%;
}

.wid25p {
  width: 25%;
}

.wid28p {
  width: 28%;
}

.wid30p {
  width: 30%;
}

.wid33p {
  width: 33%;
}

.wid35p {
  width: 35%;
}

.wid38p {
  width: 38%;
}

.wid40p {
  width: 40%;
}

.wid42p {
  width: 42%;
}

.wid44p {
  width: 44%;
}

.wid45p {
  width: 45%;
}

.wid48p {
  width: 48%;
}

.wid50p {
  width: 50%;
}

.wid55p {
  width: 55%;
}

.wid57p {
  width: 57%;
}

.wid58p {
  width: 58%;
}

.wid60p {
  width: 60%;
}

.wid63p {
  width: 63%;
}

.wid65p {
  width: 65%;
}

.wid67p {
  width: 67%;
}

.wid70p {
  width: 70%;
}

.wid72p {
  width: 72%;
}

.wid73p {
  width: 73%;
}

.wid74p {
  width: 74%;
}

.wid75p {
  width: 75%;
}

.wid80p {
  width: 80%;
}

.wid85p {
  width: 85%;
}

.wid90p {
  width: 90%;
}

.wid95p {
  width: 95%;
}

.wid98p {
  width: 98%;
}

.wid100p {
  width: 100%;
}

.widpx5 {
  width: 5px;
}

.widpx10 {
  width: 10px;
}

.widpx11 {
  width: 11px;
}

.widpx100 {
  width: 100px;
}

.widpx120 {
  width: 120px;
}

.widpx150 {
  width: 150px;
}

.widpx160 {
  width: 160px;
}

.widpx200 {
  width: 200px;
}

.widpx220 {
  width: 220px;
}

.widpx230 {
  width: 230px;
}

.widpx250 {
  width: 250px;
}

.widpx300 {
  width: 300px;
}

.widpx350 {
  width: 350px;
}

.widpx380 {
  width: 380px;
}

.widpx400 {
  width: 400px;
}

.widpx450 {
  width: 450px;
}

.widpx500 {
  width: 500px;
}

.widpx570 {
  width: 570px;
}

.widpx700 {
  width: 700px;
}

/* [2] Margin
=========================================================================================== */
.MT0 {
  margin-top: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* [3] Padding
=========================================================================================== */
.PT0 {
  padding-top: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* Inquiry */

#Inquiry{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

#Inquiry .ButtonStyle1 a{
font-size: 100%;
font-weight: 700;
padding: 18px 30px 18px 25px;
margin: 80px 0;
}

#Inquiry .ButtonStyle1 a:hover{
padding: 18px 32px 18px 25px;
}