@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;
}
.p0 {
padding: 0px !important;
}
.pt0 {
padding-top: 0px !important;
}
.pb0 {
padding-bottom: 0px !important;
}
.pl0 {
padding-left: 0px !important;
}
.pr0 {
padding-right: 0px !important;
}
.pv0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.ph0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.m0 {
margin: 0px !important;
}
.mt0 {
margin-top: 0px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.ml0 {
margin-left: 0px !important;
}
.mr0 {
margin-right: 0px !important;
}
.mv0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.mh0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.p1 {
padding: 1px !important;
}
.pt1 {
padding-top: 1px !important;
}
.pb1 {
padding-bottom: 1px !important;
}
.pl1 {
padding-left: 1px !important;
}
.pr1 {
padding-right: 1px !important;
}
.pv1 {
padding-top: 1px !important;
padding-bottom: 1px !important;
}
.ph1 {
padding-left: 1px !important;
padding-right: 1px !important;
}
.m1 {
margin: 1px !important;
}
.mt1 {
margin-top: 1px !important;
}
.mb1 {
margin-bottom: 1px !important;
}
.ml1 {
margin-left: 1px !important;
}
.mr1 {
margin-right: 1px !important;
}
.mv1 {
margin-top: 1px !important;
margin-bottom: 1px !important;
}
.mh1 {
margin-left: 1px !important;
margin-right: 1px !important;
}
.p2 {
padding: 2px !important;
}
.pt2 {
padding-top: 2px !important;
}
.pb2 {
padding-bottom: 2px !important;
}
.pl2 {
padding-left: 2px !important;
}
.pr2 {
padding-right: 2px !important;
}
.pv2 {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
.ph2 {
padding-left: 2px !important;
padding-right: 2px !important;
}
.m2 {
margin: 2px !important;
}
.mt2 {
margin-top: 2px !important;
}
.mb2 {
margin-bottom: 2px !important;
}
.ml2 {
margin-left: 2px !important;
}
.mr2 {
margin-right: 2px !important;
}
.mv2 {
margin-top: 2px !important;
margin-bottom: 2px !important;
}
.mh2 {
margin-left: 2px !important;
margin-right: 2px !important;
}
.p3 {
padding: 3px !important;
}
.pt3 {
padding-top: 3px !important;
}
.pb3 {
padding-bottom: 3px !important;
}
.pl3 {
padding-left: 3px !important;
}
.pr3 {
padding-right: 3px !important;
}
.pv3 {
padding-top: 3px !important;
padding-bottom: 3px !important;
}
.ph3 {
padding-left: 3px !important;
padding-right: 3px !important;
}
.m3 {
margin: 3px !important;
}
.mt3 {
margin-top: 3px !important;
}
.mb3 {
margin-bottom: 3px !important;
}
.ml3 {
margin-left: 3px !important;
}
.mr3 {
margin-right: 3px !important;
}
.mv3 {
margin-top: 3px !important;
margin-bottom: 3px !important;
}
.mh3 {
margin-left: 3px !important;
margin-right: 3px !important;
}
.p4 {
padding: 4px !important;
}
.pt4 {
padding-top: 4px !important;
}
.pb4 {
padding-bottom: 4px !important;
}
.pl4 {
padding-left: 4px !important;
}
.pr4 {
padding-right: 4px !important;
}
.pv4 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.ph4 {
padding-left: 4px !important;
padding-right: 4px !important;
}
.m4 {
margin: 4px !important;
}
.mt4 {
margin-top: 4px !important;
}
.mb4 {
margin-bottom: 4px !important;
}
.ml4 {
margin-left: 4px !important;
}
.mr4 {
margin-right: 4px !important;
}
.mv4 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.mh4 {
margin-left: 4px !important;
margin-right: 4px !important;
}
.p5 {
padding: 5px !important;
}
.pt5 {
padding-top: 5px !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.pl5 {
padding-left: 5px !important;
}
.pr5 {
padding-right: 5px !important;
}
.pv5 {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.ph5 {
padding-left: 5px !important;
padding-right: 5px !important;
}
.m5 {
margin: 5px !important;
}
.mt5 {
margin-top: 5px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.ml5 {
margin-left: 5px !important;
}
.mr5 {
margin-right: 5px !important;
}
.mv5 {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.mh5 {
margin-left: 5px !important;
margin-right: 5px !important;
}
.p6 {
padding: 6px !important;
}
.pt6 {
padding-top: 6px !important;
}
.pb6 {
padding-bottom: 6px !important;
}
.pl6 {
padding-left: 6px !important;
}
.pr6 {
padding-right: 6px !important;
}
.pv6 {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
.ph6 {
padding-left: 6px !important;
padding-right: 6px !important;
}
.m6 {
margin: 6px !important;
}
.mt6 {
margin-top: 6px !important;
}
.mb6 {
margin-bottom: 6px !important;
}
.ml6 {
margin-left: 6px !important;
}
.mr6 {
margin-right: 6px !important;
}
.mv6 {
margin-top: 6px !important;
margin-bottom: 6px !important;
}
.mh6 {
margin-left: 6px !important;
margin-right: 6px !important;
}
.p7 {
padding: 7px !important;
}
.pt7 {
padding-top: 7px !important;
}
.pb7 {
padding-bottom: 7px !important;
}
.pl7 {
padding-left: 7px !important;
}
.pr7 {
padding-right: 7px !important;
}
.pv7 {
padding-top: 7px !important;
padding-bottom: 7px !important;
}
.ph7 {
padding-left: 7px !important;
padding-right: 7px !important;
}
.m7 {
margin: 7px !important;
}
.mt7 {
margin-top: 7px !important;
}
.mb7 {
margin-bottom: 7px !important;
}
.ml7 {
margin-left: 7px !important;
}
.mr7 {
margin-right: 7px !important;
}
.mv7 {
margin-top: 7px !important;
margin-bottom: 7px !important;
}
.mh7 {
margin-left: 7px !important;
margin-right: 7px !important;
}
.p8 {
padding: 8px !important;
}
.pt8 {
padding-top: 8px !important;
}
.pb8 {
padding-bottom: 8px !important;
}
.pl8 {
padding-left: 8px !important;
}
.pr8 {
padding-right: 8px !important;
}
.pv8 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.ph8 {
padding-left: 8px !important;
padding-right: 8px !important;
}
.m8 {
margin: 8px !important;
}
.mt8 {
margin-top: 8px !important;
}
.mb8 {
margin-bottom: 8px !important;
}
.ml8 {
margin-left: 8px !important;
}
.mr8 {
margin-right: 8px !important;
}
.mv8 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.mh8 {
margin-left: 8px !important;
margin-right: 8px !important;
}
.p9 {
padding: 9px !important;
}
.pt9 {
padding-top: 9px !important;
}
.pb9 {
padding-bottom: 9px !important;
}
.pl9 {
padding-left: 9px !important;
}
.pr9 {
padding-right: 9px !important;
}
.pv9 {
padding-top: 9px !important;
padding-bottom: 9px !important;
}
.ph9 {
padding-left: 9px !important;
padding-right: 9px !important;
}
.m9 {
margin: 9px !important;
}
.mt9 {
margin-top: 9px !important;
}
.mb9 {
margin-bottom: 9px !important;
}
.ml9 {
margin-left: 9px !important;
}
.mr9 {
margin-right: 9px !important;
}
.mv9 {
margin-top: 9px !important;
margin-bottom: 9px !important;
}
.mh9 {
margin-left: 9px !important;
margin-right: 9px !important;
}
.p10 {
padding: 10px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pl10 {
padding-left: 10px !important;
}
.pr10 {
padding-right: 10px !important;
}
.pv10 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.ph10 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.m10 {
margin: 10px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.ml10 {
margin-left: 10px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mv10 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.mh10 {
margin-left: 10px !important;
margin-right: 10px !important;
}
.mt-10 {
margin-top: -10px !important;
}
.ml-10 {
margin-left: -10px !important;
}
.mr-10 {
margin-right: -10px !important;
}
.p15 {
padding: 15px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pl15 {
padding-left: 15px !important;
}
.pr15 {
padding-right: 15px !important;
}
.pv15 {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.ph15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.m15 {
margin: 15px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.ml15 {
margin-left: 15px !important;
}
.mr15 {
margin-right: 15px !important;
}
.mv15 {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.mh15 {
margin-left: 15px !important;
margin-right: 15px !important;
}
.mt-15 {
margin-top: -15px !important;
}
.ml-15 {
margin-left: -15px !important;
}
.mr-15 {
margin-right: -15px !important;
}
.p20 {
padding: 20px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pl20 {
padding-left: 20px !important;
}
.pr20 {
padding-right: 20px !important;
}
.pv20 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.ph20 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.m20 {
margin: 20px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.ml20 {
margin-left: 20px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mv20 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.mh20 {
margin-left: 20px !important;
margin-right: 20px !important;
}
.mt-20 {
margin-top: -20px !important;
}
.ml-20 {
margin-left: -20px !important;
}
.mr-20 {
margin-right: -20px !important;
}
.p25 {
padding: 25px !important;
}
.pt25 {
padding-top: 25px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.pl25 {
padding-left: 25px !important;
}
.pr25 {
padding-right: 25px !important;
}
.pv25 {
padding-top: 25px !important;
padding-bottom: 25px !important;
}
.ph25 {
padding-left: 25px !important;
padding-right: 25px !important;
}
.m25 {
margin: 25px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.ml25 {
margin-left: 25px !important;
}
.mr25 {
margin-right: 25px !important;
}
.mv25 {
margin-top: 25px !important;
margin-bottom: 25px !important;
}
.mh25 {
margin-left: 25px !important;
margin-right: 25px !important;
}
.mt-25 {
margin-top: -25px !important;
}
.ml-25 {
margin-left: -25px !important;
}
.mr-25 {
margin-right: -25px !important;
}
.p30 {
padding: 30px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pl30 {
padding-left: 30px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pv30 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.ph30 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.m30 {
margin: 30px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.ml30 {
margin-left: 30px !important;
}
.mr30 {
margin-right: 30px !important;
}
.mv30 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.mh30 {
margin-left: 30px !important;
margin-right: 30px !important;
}
.mt-30 {
margin-top: -30px !important;
}
.ml-30 {
margin-left: -30px !important;
}
.mr-30 {
margin-right: -30px !important;
}
.p35 {
padding: 35px !important;
}
.pt35 {
padding-top: 35px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.pl35 {
padding-left: 35px !important;
}
.pr35 {
padding-right: 35px !important;
}
.pv35 {
padding-top: 35px !important;
padding-bottom: 35px !important;
}
.ph35 {
padding-left: 35px !important;
padding-right: 35px !important;
}
.m35 {
margin: 35px !important;
}
.mt35 {
margin-top: 35px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.ml35 {
margin-left: 35px !important;
}
.mr35 {
margin-right: 35px !important;
}
.mv35 {
margin-top: 35px !important;
margin-bottom: 35px !important;
}
.mh35 {
margin-left: 35px !important;
margin-right: 35px !important;
}
.mt-35 {
margin-top: -35px !important;
}
.ml-35 {
margin-left: -35px !important;
}
.mr-35 {
margin-right: -35px !important;
}
.p40 {
padding: 40px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pl40 {
padding-left: 40px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pv40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.ph40 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.m40 {
margin: 40px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.ml40 {
margin-left: 40px !important;
}
.mr40 {
margin-right: 40px !important;
}
.mv40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.mh40 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.mt-40 {
margin-top: -40px !important;
}
.ml-40 {
margin-left: -40px !important;
}
.mr-40 {
margin-right: -40px !important;
}
.p45 {
padding: 45px !important;
}
.pt45 {
padding-top: 45px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.pl45 {
padding-left: 45px !important;
}
.pr45 {
padding-right: 45px !important;
}
.pv45 {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
.ph45 {
padding-left: 45px !important;
padding-right: 45px !important;
}
.m45 {
margin: 45px !important;
}
.mt45 {
margin-top: 45px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.ml45 {
margin-left: 45px !important;
}
.mr45 {
margin-right: 45px !important;
}
.mv45 {
margin-top: 45px !important;
margin-bottom: 45px !important;
}
.mh45 {
margin-left: 45px !important;
margin-right: 45px !important;
}
.mt-45 {
margin-top: -45px !important;
}
.ml-45 {
margin-left: -45px !important;
}
.mr-45 {
margin-right: -45px !important;
}
.p50 {
padding: 50px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.pl50 {
padding-left: 50px !important;
}
.pr50 {
padding-right: 50px !important;
}
.pv50 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.ph50 {
padding-left: 50px !important;
padding-right: 50px !important;
}
.m50 {
margin: 50px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.ml50 {
margin-left: 50px !important;
}
.mr50 {
margin-right: 50px !important;
}
.mv50 {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.mh50 {
margin-left: 50px !important;
margin-right: 50px !important;
}
.mt-50 {
margin-top: -50px !important;
}
.ml-50 {
margin-left: -50px !important;
}
.mr-50 {
margin-right: -50px !important;
}
.p55 {
padding: 55px !important;
}
.pt55 {
padding-top: 55px !important;
}
.pb55 {
padding-bottom: 55px !important;
}
.pl55 {
padding-left: 55px !important;
}
.pr55 {
padding-right: 55px !important;
}
.pv55 {
padding-top: 55px !important;
padding-bottom: 55px !important;
}
.ph55 {
padding-left: 55px !important;
padding-right: 55px !important;
}
.m55 {
margin: 55px !important;
}
.mt55 {
margin-top: 55px !important;
}
.mb55 {
margin-bottom: 55px !important;
}
.ml55 {
margin-left: 55px !important;
}
.mr55 {
margin-right: 55px !important;
}
.mv55 {
margin-top: 55px !important;
margin-bottom: 55px !important;
}
.mh55 {
margin-left: 55px !important;
margin-right: 55px !important;
}
.mt-55 {
margin-top: -55px !important;
}
.ml-55 {
margin-left: -55px !important;
}
.mr-55 {
margin-right: -55px !important;
}
.p60 {
padding: 60px !important;
}
.pt60 {
padding-top: 60px !important;
}
.pb60 {
padding-bottom: 60px !important;
}
.pl60 {
padding-left: 60px !important;
}
.pr60 {
padding-right: 60px !important;
}
.pv60 {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.ph60 {
padding-left: 60px !important;
padding-right: 60px !important;
}
.m60 {
margin: 60px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.ml60 {
margin-left: 60px !important;
}
.mr60 {
margin-right: 60px !important;
}
.mv60 {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
.mh60 {
margin-left: 60px !important;
margin-right: 60px !important;
}
.mt-60 {
margin-top: -60px !important;
}
.ml-60 {
margin-left: -60px !important;
}
.mr-60 {
margin-right: -60px !important;
}
.p65 {
padding: 65px !important;
}
.pt65 {
padding-top: 65px !important;
}
.pb65 {
padding-bottom: 65px !important;
}
.pl65 {
padding-left: 65px !important;
}
.pr65 {
padding-right: 65px !important;
}
.pv65 {
padding-top: 65px !important;
padding-bottom: 65px !important;
}
.ph65 {
padding-left: 65px !important;
padding-right: 65px !important;
}
.m65 {
margin: 65px !important;
}
.mt65 {
margin-top: 65px !important;
}
.mb65 {
margin-bottom: 65px !important;
}
.ml65 {
margin-left: 65px !important;
}
.mr65 {
margin-right: 65px !important;
}
.mv65 {
margin-top: 65px !important;
margin-bottom: 65px !important;
}
.mh65 {
margin-left: 65px !important;
margin-right: 65px !important;
}
.mt-65 {
margin-top: -65px !important;
}
.ml-65 {
margin-left: -65px !important;
}
.mr-65 {
margin-right: -65px !important;
}
.p70 {
padding: 70px !important;
}
.pt70 {
padding-top: 70px !important;
}
.pb70 {
padding-bottom: 70px !important;
}
.pl70 {
padding-left: 70px !important;
}
.pr70 {
padding-right: 70px !important;
}
.pv70 {
padding-top: 70px !important;
padding-bottom: 70px !important;
}
.ph70 {
padding-left: 70px !important;
padding-right: 70px !important;
}
.m70 {
margin: 70px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.ml70 {
margin-left: 70px !important;
}
.mr70 {
margin-right: 70px !important;
}
.mv70 {
margin-top: 70px !important;
margin-bottom: 70px !important;
}
.mh70 {
margin-left: 70px !important;
margin-right: 70px !important;
}
.mt-70 {
margin-top: -70px !important;
}
.ml-70 {
margin-left: -70px !important;
}
.mr-70 {
margin-right: -70px !important;
}
.p75 {
padding: 75px !important;
}
.pt75 {
padding-top: 75px !important;
}
.pb75 {
padding-bottom: 75px !important;
}
.pl75 {
padding-left: 75px !important;
}
.pr75 {
padding-right: 75px !important;
}
.pv75 {
padding-top: 75px !important;
padding-bottom: 75px !important;
}
.ph75 {
padding-left: 75px !important;
padding-right: 75px !important;
}
.m75 {
margin: 75px !important;
}
.mt75 {
margin-top: 75px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.ml75 {
margin-left: 75px !important;
}
.mr75 {
margin-right: 75px !important;
}
.mv75 {
margin-top: 75px !important;
margin-bottom: 75px !important;
}
.mh75 {
margin-left: 75px !important;
margin-right: 75px !important;
}
.mt-75 {
margin-top: -75px !important;
}
.ml-75 {
margin-left: -75px !important;
}
.mr-75 {
margin-right: -75px !important;
}
.p80 {
padding: 80px !important;
}
.pt80 {
padding-top: 80px !important;
}
.pb80 {
padding-bottom: 80px !important;
}
.pl80 {
padding-left: 80px !important;
}
.pr80 {
padding-right: 80px !important;
}
.pv80 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.ph80 {
padding-left: 80px !important;
padding-right: 80px !important;
}
.m80 {
margin: 80px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.ml80 {
margin-left: 80px !important;
}
.mr80 {
margin-right: 80px !important;
}
.mv80 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.mh80 {
margin-left: 80px !important;
margin-right: 80px !important;
}
.mt-80 {
margin-top: -80px !important;
}
.ml-80 {
margin-left: -80px !important;
}
.mr-80 {
margin-right: -80px !important;
}
.p85 {
padding: 85px !important;
}
.pt85 {
padding-top: 85px !important;
}
.pb85 {
padding-bottom: 85px !important;
}
.pl85 {
padding-left: 85px !important;
}
.pr85 {
padding-right: 85px !important;
}
.pv85 {
padding-top: 85px !important;
padding-bottom: 85px !important;
}
.ph85 {
padding-left: 85px !important;
padding-right: 85px !important;
}
.m85 {
margin: 85px !important;
}
.mt85 {
margin-top: 85px !important;
}
.mb85 {
margin-bottom: 85px !important;
}
.ml85 {
margin-left: 85px !important;
}
.mr85 {
margin-right: 85px !important;
}
.mv85 {
margin-top: 85px !important;
margin-bottom: 85px !important;
}
.mh85 {
margin-left: 85px !important;
margin-right: 85px !important;
}
.mt-85 {
margin-top: -85px !important;
}
.ml-85 {
margin-left: -85px !important;
}
.mr-85 {
margin-right: -85px !important;
}
.p90 {
padding: 90px !important;
}
.pt90 {
padding-top: 90px !important;
}
.pb90 {
padding-bottom: 90px !important;
}
.pl90 {
padding-left: 90px !important;
}
.pr90 {
padding-right: 90px !important;
}
.pv90 {
padding-top: 90px !important;
padding-bottom: 90px !important;
}
.ph90 {
padding-left: 90px !important;
padding-right: 90px !important;
}
.m90 {
margin: 90px !important;
}
.mt90 {
margin-top: 90px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.ml90 {
margin-left: 90px !important;
}
.mr90 {
margin-right: 90px !important;
}
.mv90 {
margin-top: 90px !important;
margin-bottom: 90px !important;
}
.mh90 {
margin-left: 90px !important;
margin-right: 90px !important;
}
.mt-90 {
margin-top: -90px !important;
}
.ml-90 {
margin-left: -90px !important;
}
.mr-90 {
margin-right: -90px !important;
}
.p95 {
padding: 95px !important;
}
.pt95 {
padding-top: 95px !important;
}
.pb95 {
padding-bottom: 95px !important;
}
.pl95 {
padding-left: 95px !important;
}
.pr95 {
padding-right: 95px !important;
}
.pv95 {
padding-top: 95px !important;
padding-bottom: 95px !important;
}
.ph95 {
padding-left: 95px !important;
padding-right: 95px !important;
}
.m95 {
margin: 95px !important;
}
.mt95 {
margin-top: 95px !important;
}
.mb95 {
margin-bottom: 95px !important;
}
.ml95 {
margin-left: 95px !important;
}
.mr95 {
margin-right: 95px !important;
}
.mv95 {
margin-top: 95px !important;
margin-bottom: 95px !important;
}
.mh95 {
margin-left: 95px !important;
margin-right: 95px !important;
}
.mt-95 {
margin-top: -95px !important;
}
.ml-95 {
margin-left: -95px !important;
}
.mr-95 {
margin-right: -95px !important;
}
.p100 {
padding: 100px !important;
}
.pt100 {
padding-top: 100px !important;
}
.pb100 {
padding-bottom: 100px !important;
}
.pl100 {
padding-left: 100px !important;
}
.pr100 {
padding-right: 100px !important;
}
.pv100 {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.ph100 {
padding-left: 100px !important;
padding-right: 100px !important;
}
.m100 {
margin: 100px !important;
}
.mt100 {
margin-top: 100px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.ml100 {
margin-left: 100px !important;
}
.mr100 {
margin-right: 100px !important;
}
.mv100 {
margin-top: 100px !important;
margin-bottom: 100px !important;
}
.mh100 {
margin-left: 100px !important;
margin-right: 100px !important;
}
.mt-100 {
margin-top: -100px !important;
}
.ml-100 {
margin-left: -100px !important;
}
.mr-100 {
margin-right: -100px !important;
}
.pt70 {
padding-top: 70px !important;
}
.pb70 {
padding-bottom: 70px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mt-70 {
margin-top: -70px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.pt80 {
padding-top: 80px !important;
}
.pb80 {
padding-bottom: 80px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mt-80 {
margin-top: -80px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.pt90 {
padding-top: 90px !important;
}
.pb90 {
padding-bottom: 90px !important;
}
.mt90 {
margin-top: 90px !important;
}
.mt-90 {
margin-top: -90px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.pt100 {
padding-top: 100px !important;
}
.pb100 {
padding-bottom: 100px !important;
}
.mt100 {
margin-top: 100px !important;
}
.mt-100 {
margin-top: -100px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.pt110 {
padding-top: 110px !important;
}
.pb110 {
padding-bottom: 110px !important;
}
.mt110 {
margin-top: 110px !important;
}
.mt-110 {
margin-top: -110px !important;
}
.mb110 {
margin-bottom: 110px !important;
}
.pt120 {
padding-top: 120px !important;
}
.pb120 {
padding-bottom: 120px !important;
}
.mt120 {
margin-top: 120px !important;
}
.mt-120 {
margin-top: -120px !important;
}
.mb120 {
margin-bottom: 120px !important;
}
.pt130 {
padding-top: 130px !important;
}
.pb130 {
padding-bottom: 130px !important;
}
.mt130 {
margin-top: 130px !important;
}
.mt-130 {
margin-top: -130px !important;
}
.mb130 {
margin-bottom: 130px !important;
}
.pt140 {
padding-top: 140px !important;
}
.pb140 {
padding-bottom: 140px !important;
}
.mt140 {
margin-top: 140px !important;
}
.mt-140 {
margin-top: -140px !important;
}
.mb140 {
margin-bottom: 140px !important;
}
.pt150 {
padding-top: 150px !important;
}
.pb150 {
padding-bottom: 150px !important;
}
.mt150 {
margin-top: 150px !important;
}
.mt-150 {
margin-top: -150px !important;
}
.mb150 {
margin-bottom: 150px !important;
}
.mb1em {
margin-bottom: 1em;
}
.mhauto {
margin-left: auto !important;
margin-right: auto !important;
}
.mtm5 {
margin-top: -5px !important;
}
.w10p {
width: 10% !important;
}
.w15p {
width: 15% !important;
}
.w10 {
width: 10px !important;
}
.minw10 {
min-width: 10px !important;
}
.maxw10 {
max-width: 10px !important;
}
.h10 {
height: 10px !important;
}
.minh10 {
min-height: 10px !important;
}
.maxh10 {
max-height: 10px !important;
}
.w110 {
width: 110px !important;
}
.minw110 {
min-width: 110px !important;
}
.maxw110 {
max-width: 110px !important;
}
.h110 {
height: 110px !important;
}
.minh110 {
min-height: 110px !important;
}
.maxh110 {
max-height: 110px !important;
}
.w210 {
width: 210px !important;
}
.minw210 {
min-width: 210px !important;
}
.maxw210 {
max-width: 210px !important;
}
.h210 {
height: 210px !important;
}
.minh210 {
min-height: 210px !important;
}
.maxh210 {
max-height: 210px !important;
}
.w310 {
width: 310px !important;
}
.minw310 {
min-width: 310px !important;
}
.maxw310 {
max-width: 310px !important;
}
.h310 {
height: 310px !important;
}
.minh310 {
min-height: 310px !important;
}
.maxh310 {
max-height: 310px !important;
}
.w410 {
width: 410px !important;
}
.minw410 {
min-width: 410px !important;
}
.maxw410 {
max-width: 410px !important;
}
.h410 {
height: 410px !important;
}
.minh410 {
min-height: 410px !important;
}
.maxh410 {
max-height: 410px !important;
}
.w510 {
width: 510px !important;
}
.minw510 {
min-width: 510px !important;
}
.maxw510 {
max-width: 510px !important;
}
.h510 {
height: 510px !important;
}
.minh510 {
min-height: 510px !important;
}
.maxh510 {
max-height: 510px !important;
}
.w610 {
width: 610px !important;
}
.minw610 {
min-width: 610px !important;
}
.maxw610 {
max-width: 610px !important;
}
.h610 {
height: 610px !important;
}
.minh610 {
min-height: 610px !important;
}
.maxh610 {
max-height: 610px !important;
}
.w710 {
width: 710px !important;
}
.minw710 {
min-width: 710px !important;
}
.maxw710 {
max-width: 710px !important;
}
.h710 {
height: 710px !important;
}
.minh710 {
min-height: 710px !important;
}
.maxh710 {
max-height: 710px !important;
}
.w810 {
width: 810px !important;
}
.minw810 {
min-width: 810px !important;
}
.maxw810 {
max-width: 810px !important;
}
.h810 {
height: 810px !important;
}
.minh810 {
min-height: 810px !important;
}
.maxh810 {
max-height: 810px !important;
}
.w910 {
width: 910px !important;
}
.minw910 {
min-width: 910px !important;
}
.maxw910 {
max-width: 910px !important;
}
.h910 {
height: 910px !important;
}
.minh910 {
min-height: 910px !important;
}
.maxh910 {
max-height: 910px !important;
}
.w20p {
width: 20% !important;
}
.w25p {
width: 25% !important;
}
.w20 {
width: 20px !important;
}
.minw20 {
min-width: 20px !important;
}
.maxw20 {
max-width: 20px !important;
}
.h20 {
height: 20px !important;
}
.minh20 {
min-height: 20px !important;
}
.maxh20 {
max-height: 20px !important;
}
.w120 {
width: 120px !important;
}
.minw120 {
min-width: 120px !important;
}
.maxw120 {
max-width: 120px !important;
}
.h120 {
height: 120px !important;
}
.minh120 {
min-height: 120px !important;
}
.maxh120 {
max-height: 120px !important;
}
.w220 {
width: 220px !important;
}
.minw220 {
min-width: 220px !important;
}
.maxw220 {
max-width: 220px !important;
}
.h220 {
height: 220px !important;
}
.minh220 {
min-height: 220px !important;
}
.maxh220 {
max-height: 220px !important;
}
.w320 {
width: 320px !important;
}
.minw320 {
min-width: 320px !important;
}
.maxw320 {
max-width: 320px !important;
}
.h320 {
height: 320px !important;
}
.minh320 {
min-height: 320px !important;
}
.maxh320 {
max-height: 320px !important;
}
.w420 {
width: 420px !important;
}
.minw420 {
min-width: 420px !important;
}
.maxw420 {
max-width: 420px !important;
}
.h420 {
height: 420px !important;
}
.minh420 {
min-height: 420px !important;
}
.maxh420 {
max-height: 420px !important;
}
.w520 {
width: 520px !important;
}
.minw520 {
min-width: 520px !important;
}
.maxw520 {
max-width: 520px !important;
}
.h520 {
height: 520px !important;
}
.minh520 {
min-height: 520px !important;
}
.maxh520 {
max-height: 520px !important;
}
.w620 {
width: 620px !important;
}
.minw620 {
min-width: 620px !important;
}
.maxw620 {
max-width: 620px !important;
}
.h620 {
height: 620px !important;
}
.minh620 {
min-height: 620px !important;
}
.maxh620 {
max-height: 620px !important;
}
.w720 {
width: 720px !important;
}
.minw720 {
min-width: 720px !important;
}
.maxw720 {
max-width: 720px !important;
}
.h720 {
height: 720px !important;
}
.minh720 {
min-height: 720px !important;
}
.maxh720 {
max-height: 720px !important;
}
.w820 {
width: 820px !important;
}
.minw820 {
min-width: 820px !important;
}
.maxw820 {
max-width: 820px !important;
}
.h820 {
height: 820px !important;
}
.minh820 {
min-height: 820px !important;
}
.maxh820 {
max-height: 820px !important;
}
.w920 {
width: 920px !important;
}
.minw920 {
min-width: 920px !important;
}
.maxw920 {
max-width: 920px !important;
}
.h920 {
height: 920px !important;
}
.minh920 {
min-height: 920px !important;
}
.maxh920 {
max-height: 920px !important;
}
.w30p {
width: 30% !important;
}
.w35p {
width: 35% !important;
}
.w30 {
width: 30px !important;
}
.minw30 {
min-width: 30px !important;
}
.maxw30 {
max-width: 30px !important;
}
.h30 {
height: 30px !important;
}
.minh30 {
min-height: 30px !important;
}
.maxh30 {
max-height: 30px !important;
}
.w130 {
width: 130px !important;
}
.minw130 {
min-width: 130px !important;
}
.maxw130 {
max-width: 130px !important;
}
.h130 {
height: 130px !important;
}
.minh130 {
min-height: 130px !important;
}
.maxh130 {
max-height: 130px !important;
}
.w230 {
width: 230px !important;
}
.minw230 {
min-width: 230px !important;
}
.maxw230 {
max-width: 230px !important;
}
.h230 {
height: 230px !important;
}
.minh230 {
min-height: 230px !important;
}
.maxh230 {
max-height: 230px !important;
}
.w330 {
width: 330px !important;
}
.minw330 {
min-width: 330px !important;
}
.maxw330 {
max-width: 330px !important;
}
.h330 {
height: 330px !important;
}
.minh330 {
min-height: 330px !important;
}
.maxh330 {
max-height: 330px !important;
}
.w430 {
width: 430px !important;
}
.minw430 {
min-width: 430px !important;
}
.maxw430 {
max-width: 430px !important;
}
.h430 {
height: 430px !important;
}
.minh430 {
min-height: 430px !important;
}
.maxh430 {
max-height: 430px !important;
}
.w530 {
width: 530px !important;
}
.minw530 {
min-width: 530px !important;
}
.maxw530 {
max-width: 530px !important;
}
.h530 {
height: 530px !important;
}
.minh530 {
min-height: 530px !important;
}
.maxh530 {
max-height: 530px !important;
}
.w630 {
width: 630px !important;
}
.minw630 {
min-width: 630px !important;
}
.maxw630 {
max-width: 630px !important;
}
.h630 {
height: 630px !important;
}
.minh630 {
min-height: 630px !important;
}
.maxh630 {
max-height: 630px !important;
}
.w730 {
width: 730px !important;
}
.minw730 {
min-width: 730px !important;
}
.maxw730 {
max-width: 730px !important;
}
.h730 {
height: 730px !important;
}
.minh730 {
min-height: 730px !important;
}
.maxh730 {
max-height: 730px !important;
}
.w830 {
width: 830px !important;
}
.minw830 {
min-width: 830px !important;
}
.maxw830 {
max-width: 830px !important;
}
.h830 {
height: 830px !important;
}
.minh830 {
min-height: 830px !important;
}
.maxh830 {
max-height: 830px !important;
}
.w930 {
width: 930px !important;
}
.minw930 {
min-width: 930px !important;
}
.maxw930 {
max-width: 930px !important;
}
.h930 {
height: 930px !important;
}
.minh930 {
min-height: 930px !important;
}
.maxh930 {
max-height: 930px !important;
}
.w40p {
width: 40% !important;
}
.w45p {
width: 45% !important;
}
.w40 {
width: 40px !important;
}
.minw40 {
min-width: 40px !important;
}
.maxw40 {
max-width: 40px !important;
}
.h40 {
height: 40px !important;
}
.minh40 {
min-height: 40px !important;
}
.maxh40 {
max-height: 40px !important;
}
.w140 {
width: 140px !important;
}
.minw140 {
min-width: 140px !important;
}
.maxw140 {
max-width: 140px !important;
}
.h140 {
height: 140px !important;
}
.minh140 {
min-height: 140px !important;
}
.maxh140 {
max-height: 140px !important;
}
.w240 {
width: 240px !important;
}
.minw240 {
min-width: 240px !important;
}
.maxw240 {
max-width: 240px !important;
}
.h240 {
height: 240px !important;
}
.minh240 {
min-height: 240px !important;
}
.maxh240 {
max-height: 240px !important;
}
.w340 {
width: 340px !important;
}
.minw340 {
min-width: 340px !important;
}
.maxw340 {
max-width: 340px !important;
}
.h340 {
height: 340px !important;
}
.minh340 {
min-height: 340px !important;
}
.maxh340 {
max-height: 340px !important;
}
.w440 {
width: 440px !important;
}
.minw440 {
min-width: 440px !important;
}
.maxw440 {
max-width: 440px !important;
}
.h440 {
height: 440px !important;
}
.minh440 {
min-height: 440px !important;
}
.maxh440 {
max-height: 440px !important;
}
.w540 {
width: 540px !important;
}
.minw540 {
min-width: 540px !important;
}
.maxw540 {
max-width: 540px !important;
}
.h540 {
height: 540px !important;
}
.minh540 {
min-height: 540px !important;
}
.maxh540 {
max-height: 540px !important;
}
.w640 {
width: 640px !important;
}
.minw640 {
min-width: 640px !important;
}
.maxw640 {
max-width: 640px !important;
}
.h640 {
height: 640px !important;
}
.minh640 {
min-height: 640px !important;
}
.maxh640 {
max-height: 640px !important;
}
.w740 {
width: 740px !important;
}
.minw740 {
min-width: 740px !important;
}
.maxw740 {
max-width: 740px !important;
}
.h740 {
height: 740px !important;
}
.minh740 {
min-height: 740px !important;
}
.maxh740 {
max-height: 740px !important;
}
.w840 {
width: 840px !important;
}
.minw840 {
min-width: 840px !important;
}
.maxw840 {
max-width: 840px !important;
}
.h840 {
height: 840px !important;
}
.minh840 {
min-height: 840px !important;
}
.maxh840 {
max-height: 840px !important;
}
.w940 {
width: 940px !important;
}
.minw940 {
min-width: 940px !important;
}
.maxw940 {
max-width: 940px !important;
}
.h940 {
height: 940px !important;
}
.minh940 {
min-height: 940px !important;
}
.maxh940 {
max-height: 940px !important;
}
.w50p {
width: 50% !important;
}
.w55p {
width: 55% !important;
}
.w50 {
width: 50px !important;
}
.minw50 {
min-width: 50px !important;
}
.maxw50 {
max-width: 50px !important;
}
.h50 {
height: 50px !important;
}
.minh50 {
min-height: 50px !important;
}
.maxh50 {
max-height: 50px !important;
}
.w150 {
width: 150px !important;
}
.minw150 {
min-width: 150px !important;
}
.maxw150 {
max-width: 150px !important;
}
.h150 {
height: 150px !important;
}
.minh150 {
min-height: 150px !important;
}
.maxh150 {
max-height: 150px !important;
}
.w250 {
width: 250px !important;
}
.minw250 {
min-width: 250px !important;
}
.maxw250 {
max-width: 250px !important;
}
.h250 {
height: 250px !important;
}
.minh250 {
min-height: 250px !important;
}
.maxh250 {
max-height: 250px !important;
}
.w350 {
width: 350px !important;
}
.minw350 {
min-width: 350px !important;
}
.maxw350 {
max-width: 350px !important;
}
.h350 {
height: 350px !important;
}
.minh350 {
min-height: 350px !important;
}
.maxh350 {
max-height: 350px !important;
}
.w450 {
width: 450px !important;
}
.minw450 {
min-width: 450px !important;
}
.maxw450 {
max-width: 450px !important;
}
.h450 {
height: 450px !important;
}
.minh450 {
min-height: 450px !important;
}
.maxh450 {
max-height: 450px !important;
}
.w550 {
width: 550px !important;
}
.minw550 {
min-width: 550px !important;
}
.maxw550 {
max-width: 550px !important;
}
.h550 {
height: 550px !important;
}
.minh550 {
min-height: 550px !important;
}
.maxh550 {
max-height: 550px !important;
}
.w650 {
width: 650px !important;
}
.minw650 {
min-width: 650px !important;
}
.maxw650 {
max-width: 650px !important;
}
.h650 {
height: 650px !important;
}
.minh650 {
min-height: 650px !important;
}
.maxh650 {
max-height: 650px !important;
}
.w750 {
width: 750px !important;
}
.minw750 {
min-width: 750px !important;
}
.maxw750 {
max-width: 750px !important;
}
.h750 {
height: 750px !important;
}
.minh750 {
min-height: 750px !important;
}
.maxh750 {
max-height: 750px !important;
}
.w850 {
width: 850px !important;
}
.minw850 {
min-width: 850px !important;
}
.maxw850 {
max-width: 850px !important;
}
.h850 {
height: 850px !important;
}
.minh850 {
min-height: 850px !important;
}
.maxh850 {
max-height: 850px !important;
}
.w950 {
width: 950px !important;
}
.minw950 {
min-width: 950px !important;
}
.maxw950 {
max-width: 950px !important;
}
.h950 {
height: 950px !important;
}
.minh950 {
min-height: 950px !important;
}
.maxh950 {
max-height: 950px !important;
}
.w60p {
width: 60% !important;
}
.w65p {
width: 65% !important;
}
.w60 {
width: 60px !important;
}
.minw60 {
min-width: 60px !important;
}
.maxw60 {
max-width: 60px !important;
}
.h60 {
height: 60px !important;
}
.minh60 {
min-height: 60px !important;
}
.maxh60 {
max-height: 60px !important;
}
.w160 {
width: 160px !important;
}
.minw160 {
min-width: 160px !important;
}
.maxw160 {
max-width: 160px !important;
}
.h160 {
height: 160px !important;
}
.minh160 {
min-height: 160px !important;
}
.maxh160 {
max-height: 160px !important;
}
.w260 {
width: 260px !important;
}
.minw260 {
min-width: 260px !important;
}
.maxw260 {
max-width: 260px !important;
}
.h260 {
height: 260px !important;
}
.minh260 {
min-height: 260px !important;
}
.maxh260 {
max-height: 260px !important;
}
.w360 {
width: 360px !important;
}
.minw360 {
min-width: 360px !important;
}
.maxw360 {
max-width: 360px !important;
}
.h360 {
height: 360px !important;
}
.minh360 {
min-height: 360px !important;
}
.maxh360 {
max-height: 360px !important;
}
.w460 {
width: 460px !important;
}
.minw460 {
min-width: 460px !important;
}
.maxw460 {
max-width: 460px !important;
}
.h460 {
height: 460px !important;
}
.minh460 {
min-height: 460px !important;
}
.maxh460 {
max-height: 460px !important;
}
.w560 {
width: 560px !important;
}
.minw560 {
min-width: 560px !important;
}
.maxw560 {
max-width: 560px !important;
}
.h560 {
height: 560px !important;
}
.minh560 {
min-height: 560px !important;
}
.maxh560 {
max-height: 560px !important;
}
.w660 {
width: 660px !important;
}
.minw660 {
min-width: 660px !important;
}
.maxw660 {
max-width: 660px !important;
}
.h660 {
height: 660px !important;
}
.minh660 {
min-height: 660px !important;
}
.maxh660 {
max-height: 660px !important;
}
.w760 {
width: 760px !important;
}
.minw760 {
min-width: 760px !important;
}
.maxw760 {
max-width: 760px !important;
}
.h760 {
height: 760px !important;
}
.minh760 {
min-height: 760px !important;
}
.maxh760 {
max-height: 760px !important;
}
.w860 {
width: 860px !important;
}
.minw860 {
min-width: 860px !important;
}
.maxw860 {
max-width: 860px !important;
}
.h860 {
height: 860px !important;
}
.minh860 {
min-height: 860px !important;
}
.maxh860 {
max-height: 860px !important;
}
.w960 {
width: 960px !important;
}
.minw960 {
min-width: 960px !important;
}
.maxw960 {
max-width: 960px !important;
}
.h960 {
height: 960px !important;
}
.minh960 {
min-height: 960px !important;
}
.maxh960 {
max-height: 960px !important;
}
.w70p {
width: 70% !important;
}
.w75p {
width: 75% !important;
}
.w70 {
width: 70px !important;
}
.minw70 {
min-width: 70px !important;
}
.maxw70 {
max-width: 70px !important;
}
.h70 {
height: 70px !important;
}
.minh70 {
min-height: 70px !important;
}
.maxh70 {
max-height: 70px !important;
}
.w170 {
width: 170px !important;
}
.minw170 {
min-width: 170px !important;
}
.maxw170 {
max-width: 170px !important;
}
.h170 {
height: 170px !important;
}
.minh170 {
min-height: 170px !important;
}
.maxh170 {
max-height: 170px !important;
}
.w270 {
width: 270px !important;
}
.minw270 {
min-width: 270px !important;
}
.maxw270 {
max-width: 270px !important;
}
.h270 {
height: 270px !important;
}
.minh270 {
min-height: 270px !important;
}
.maxh270 {
max-height: 270px !important;
}
.w370 {
width: 370px !important;
}
.minw370 {
min-width: 370px !important;
}
.maxw370 {
max-width: 370px !important;
}
.h370 {
height: 370px !important;
}
.minh370 {
min-height: 370px !important;
}
.maxh370 {
max-height: 370px !important;
}
.w470 {
width: 470px !important;
}
.minw470 {
min-width: 470px !important;
}
.maxw470 {
max-width: 470px !important;
}
.h470 {
height: 470px !important;
}
.minh470 {
min-height: 470px !important;
}
.maxh470 {
max-height: 470px !important;
}
.w570 {
width: 570px !important;
}
.minw570 {
min-width: 570px !important;
}
.maxw570 {
max-width: 570px !important;
}
.h570 {
height: 570px !important;
}
.minh570 {
min-height: 570px !important;
}
.maxh570 {
max-height: 570px !important;
}
.w670 {
width: 670px !important;
}
.minw670 {
min-width: 670px !important;
}
.maxw670 {
max-width: 670px !important;
}
.h670 {
height: 670px !important;
}
.minh670 {
min-height: 670px !important;
}
.maxh670 {
max-height: 670px !important;
}
.w770 {
width: 770px !important;
}
.minw770 {
min-width: 770px !important;
}
.maxw770 {
max-width: 770px !important;
}
.h770 {
height: 770px !important;
}
.minh770 {
min-height: 770px !important;
}
.maxh770 {
max-height: 770px !important;
}
.w870 {
width: 870px !important;
}
.minw870 {
min-width: 870px !important;
}
.maxw870 {
max-width: 870px !important;
}
.h870 {
height: 870px !important;
}
.minh870 {
min-height: 870px !important;
}
.maxh870 {
max-height: 870px !important;
}
.w970 {
width: 970px !important;
}
.minw970 {
min-width: 970px !important;
}
.maxw970 {
max-width: 970px !important;
}
.h970 {
height: 970px !important;
}
.minh970 {
min-height: 970px !important;
}
.maxh970 {
max-height: 970px !important;
}
.w80p {
width: 80% !important;
}
.w85p {
width: 85% !important;
}
.w80 {
width: 80px !important;
}
.minw80 {
min-width: 80px !important;
}
.maxw80 {
max-width: 80px !important;
}
.h80 {
height: 80px !important;
}
.minh80 {
min-height: 80px !important;
}
.maxh80 {
max-height: 80px !important;
}
.w180 {
width: 180px !important;
}
.minw180 {
min-width: 180px !important;
}
.maxw180 {
max-width: 180px !important;
}
.h180 {
height: 180px !important;
}
.minh180 {
min-height: 180px !important;
}
.maxh180 {
max-height: 180px !important;
}
.w280 {
width: 280px !important;
}
.minw280 {
min-width: 280px !important;
}
.maxw280 {
max-width: 280px !important;
}
.h280 {
height: 280px !important;
}
.minh280 {
min-height: 280px !important;
}
.maxh280 {
max-height: 280px !important;
}
.w380 {
width: 380px !important;
}
.minw380 {
min-width: 380px !important;
}
.maxw380 {
max-width: 380px !important;
}
.h380 {
height: 380px !important;
}
.minh380 {
min-height: 380px !important;
}
.maxh380 {
max-height: 380px !important;
}
.w480 {
width: 480px !important;
}
.minw480 {
min-width: 480px !important;
}
.maxw480 {
max-width: 480px !important;
}
.h480 {
height: 480px !important;
}
.minh480 {
min-height: 480px !important;
}
.maxh480 {
max-height: 480px !important;
}
.w580 {
width: 580px !important;
}
.minw580 {
min-width: 580px !important;
}
.maxw580 {
max-width: 580px !important;
}
.h580 {
height: 580px !important;
}
.minh580 {
min-height: 580px !important;
}
.maxh580 {
max-height: 580px !important;
}
.w680 {
width: 680px !important;
}
.minw680 {
min-width: 680px !important;
}
.maxw680 {
max-width: 680px !important;
}
.h680 {
height: 680px !important;
}
.minh680 {
min-height: 680px !important;
}
.maxh680 {
max-height: 680px !important;
}
.w780 {
width: 780px !important;
}
.minw780 {
min-width: 780px !important;
}
.maxw780 {
max-width: 780px !important;
}
.h780 {
height: 780px !important;
}
.minh780 {
min-height: 780px !important;
}
.maxh780 {
max-height: 780px !important;
}
.w880 {
width: 880px !important;
}
.minw880 {
min-width: 880px !important;
}
.maxw880 {
max-width: 880px !important;
}
.h880 {
height: 880px !important;
}
.minh880 {
min-height: 880px !important;
}
.maxh880 {
max-height: 880px !important;
}
.w980 {
width: 980px !important;
}
.minw980 {
min-width: 980px !important;
}
.maxw980 {
max-width: 980px !important;
}
.h980 {
height: 980px !important;
}
.minh980 {
min-height: 980px !important;
}
.maxh980 {
max-height: 980px !important;
}
.w90p {
width: 90% !important;
}
.w95p {
width: 95% !important;
}
.w90 {
width: 90px !important;
}
.minw90 {
min-width: 90px !important;
}
.maxw90 {
max-width: 90px !important;
}
.h90 {
height: 90px !important;
}
.minh90 {
min-height: 90px !important;
}
.maxh90 {
max-height: 90px !important;
}
.w190 {
width: 190px !important;
}
.minw190 {
min-width: 190px !important;
}
.maxw190 {
max-width: 190px !important;
}
.h190 {
height: 190px !important;
}
.minh190 {
min-height: 190px !important;
}
.maxh190 {
max-height: 190px !important;
}
.w290 {
width: 290px !important;
}
.minw290 {
min-width: 290px !important;
}
.maxw290 {
max-width: 290px !important;
}
.h290 {
height: 290px !important;
}
.minh290 {
min-height: 290px !important;
}
.maxh290 {
max-height: 290px !important;
}
.w390 {
width: 390px !important;
}
.minw390 {
min-width: 390px !important;
}
.maxw390 {
max-width: 390px !important;
}
.h390 {
height: 390px !important;
}
.minh390 {
min-height: 390px !important;
}
.maxh390 {
max-height: 390px !important;
}
.w490 {
width: 490px !important;
}
.minw490 {
min-width: 490px !important;
}
.maxw490 {
max-width: 490px !important;
}
.h490 {
height: 490px !important;
}
.minh490 {
min-height: 490px !important;
}
.maxh490 {
max-height: 490px !important;
}
.w590 {
width: 590px !important;
}
.minw590 {
min-width: 590px !important;
}
.maxw590 {
max-width: 590px !important;
}
.h590 {
height: 590px !important;
}
.minh590 {
min-height: 590px !important;
}
.maxh590 {
max-height: 590px !important;
}
.w690 {
width: 690px !important;
}
.minw690 {
min-width: 690px !important;
}
.maxw690 {
max-width: 690px !important;
}
.h690 {
height: 690px !important;
}
.minh690 {
min-height: 690px !important;
}
.maxh690 {
max-height: 690px !important;
}
.w790 {
width: 790px !important;
}
.minw790 {
min-width: 790px !important;
}
.maxw790 {
max-width: 790px !important;
}
.h790 {
height: 790px !important;
}
.minh790 {
min-height: 790px !important;
}
.maxh790 {
max-height: 790px !important;
}
.w890 {
width: 890px !important;
}
.minw890 {
min-width: 890px !important;
}
.maxw890 {
max-width: 890px !important;
}
.h890 {
height: 890px !important;
}
.minh890 {
min-height: 890px !important;
}
.maxh890 {
max-height: 890px !important;
}
.w990 {
width: 990px !important;
}
.minw990 {
min-width: 990px !important;
}
.maxw990 {
max-width: 990px !important;
}
.h990 {
height: 990px !important;
}
.minh990 {
min-height: 990px !important;
}
.maxh990 {
max-height: 990px !important;
}
.w100p {
width: 100% !important;
}
.w105p {
width: 105% !important;
}
.w100 {
width: 100px !important;
}
.minw100 {
min-width: 100px !important;
}
.maxw100 {
max-width: 100px !important;
}
.h100 {
height: 100px !important;
}
.minh100 {
min-height: 100px !important;
}
.maxh100 {
max-height: 100px !important;
}
.w200 {
width: 200px !important;
}
.minw200 {
min-width: 200px !important;
}
.maxw200 {
max-width: 200px !important;
}
.h200 {
height: 200px !important;
}
.minh200 {
min-height: 200px !important;
}
.maxh200 {
max-height: 200px !important;
}
.w300 {
width: 300px !important;
}
.minw300 {
min-width: 300px !important;
}
.maxw300 {
max-width: 300px !important;
}
.h300 {
height: 300px !important;
}
.minh300 {
min-height: 300px !important;
}
.maxh300 {
max-height: 300px !important;
}
.w400 {
width: 400px !important;
}
.minw400 {
min-width: 400px !important;
}
.maxw400 {
max-width: 400px !important;
}
.h400 {
height: 400px !important;
}
.minh400 {
min-height: 400px !important;
}
.maxh400 {
max-height: 400px !important;
}
.w500 {
width: 500px !important;
}
.minw500 {
min-width: 500px !important;
}
.maxw500 {
max-width: 500px !important;
}
.h500 {
height: 500px !important;
}
.minh500 {
min-height: 500px !important;
}
.maxh500 {
max-height: 500px !important;
}
.w600 {
width: 600px !important;
}
.minw600 {
min-width: 600px !important;
}
.maxw600 {
max-width: 600px !important;
}
.h600 {
height: 600px !important;
}
.minh600 {
min-height: 600px !important;
}
.maxh600 {
max-height: 600px !important;
}
.w700 {
width: 700px !important;
}
.minw700 {
min-width: 700px !important;
}
.maxw700 {
max-width: 700px !important;
}
.h700 {
height: 700px !important;
}
.minh700 {
min-height: 700px !important;
}
.maxh700 {
max-height: 700px !important;
}
.w800 {
width: 800px !important;
}
.minw800 {
min-width: 800px !important;
}
.maxw800 {
max-width: 800px !important;
}
.h800 {
height: 800px !important;
}
.minh800 {
min-height: 800px !important;
}
.maxh800 {
max-height: 800px !important;
}
.w900 {
width: 900px !important;
}
.minw900 {
min-width: 900px !important;
}
.maxw900 {
max-width: 900px !important;
}
.h900 {
height: 900px !important;
}
.minh900 {
min-height: 900px !important;
}
.maxh900 {
max-height: 900px !important;
}
.w1000 {
width: 1000px !important;
}
.minw1000 {
min-width: 1000px !important;
}
.maxw1000 {
max-width: 1000px !important;
}
.h1000 {
height: 1000px !important;
}
.minh1000 {
min-height: 1000px !important;
}
.maxh1000 {
max-height: 1000px !important;
}
.w33p {
width: 33.33333%;
}
.maxw100p {
max-width: 100%;
}
.w780 {
width: 780px !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;
}
.fz31 {
font-size: 31px !important;
}
.fz32 {
font-size: 32px !important;
}
.fz33 {
font-size: 33px !important;
}
.fz34 {
font-size: 34px !important;
}
.fz35 {
font-size: 35px !important;
}
.fz36 {
font-size: 36px !important;
}
.fz37 {
font-size: 37px !important;
}
.fz38 {
font-size: 38px !important;
}
.fz39 {
font-size: 39px !important;
}
.fz40 {
font-size: 40px !important;
}
.fz41 {
font-size: 41px !important;
}
.fz42 {
font-size: 42px !important;
}
.fz43 {
font-size: 43px !important;
}
.fz44 {
font-size: 44px !important;
}
.fz45 {
font-size: 45px !important;
}
.fz46 {
font-size: 46px !important;
}
.fz47 {
font-size: 47px !important;
}
.fz48 {
font-size: 48px !important;
}
.fz49 {
font-size: 49px !important;
}
.fz50 {
font-size: 50px !important;
}
.bold {
font-weight: bold;
}
.fw100 {
font-weight: 100 !important;
}
.fw200 {
font-weight: 200 !important;
}
.fw300 {
font-weight: 300 !important;
}
.fw400 {
font-weight: 400 !important;
}
.fw500 {
font-weight: 500 !important;
}
.fw600 {
font-weight: 600 !important;
}
.fw700 {
font-weight: 700 !important;
}
.fw800 {
font-weight: 800 !important;
}
.fw900 {
font-weight: 900 !important;
}
.lh0 {
line-height: 0 !important;
}
.lh1 {
line-height: 0.1 !important;
}
.lh2 {
line-height: 0.2 !important;
}
.lh3 {
line-height: 0.3 !important;
}
.lh4 {
line-height: 0.4 !important;
}
.lh5 {
line-height: 0.5 !important;
}
.lh6 {
line-height: 0.6 !important;
}
.lh7 {
line-height: 0.7 !important;
}
.lh8 {
line-height: 0.8 !important;
}
.lh9 {
line-height: 0.9 !important;
}
.lh10 {
line-height: 1 !important;
}
.lh11 {
line-height: 1.1 !important;
}
.lh12 {
line-height: 1.2 !important;
}
.lh13 {
line-height: 1.3 !important;
}
.lh14 {
line-height: 1.4 !important;
}
.lh15 {
line-height: 1.5 !important;
}
.lh16 {
line-height: 1.6 !important;
}
.lh17 {
line-height: 1.7 !important;
}
.lh18 {
line-height: 1.8 !important;
}
.lh19 {
line-height: 1.9 !important;
}
.lh20 {
line-height: 2 !important;
}
.va0 {
vertical-align: 0;
}
.va1 {
vertical-align: 1px !important;
}
.va-1 {
vertical-align: -1px !important;
}
.va2 {
vertical-align: 2px !important;
}
.va-2 {
vertical-align: -2px !important;
}
.va3 {
vertical-align: 3px !important;
}
.va-3 {
vertical-align: -3px !important;
}
.va4 {
vertical-align: 4px !important;
}
.va-4 {
vertical-align: -4px !important;
}
.va5 {
vertical-align: 5px !important;
}
.va-5 {
vertical-align: -5px !important;
}
.va6 {
vertical-align: 6px !important;
}
.va-6 {
vertical-align: -6px !important;
}
.va7 {
vertical-align: 7px !important;
}
.va-7 {
vertical-align: -7px !important;
}
.va8 {
vertical-align: 8px !important;
}
.va-8 {
vertical-align: -8px !important;
}
.va9 {
vertical-align: 9px !important;
}
.va-9 {
vertical-align: -9px !important;
}
.va10 {
vertical-align: 10px !important;
}
.va-10 {
vertical-align: -10px !important;
}
.mb-xs {
margin-bottom: 10px !important;
}
.mb-sm {
margin-bottom: 30px !important;
}
.mb-md {
margin-bottom: 45px !important;
}
.mb-lg {
margin-bottom: 75px !important;
}
.mb-xl {
margin-bottom: 100px !important;
}
.mb-xxl {
margin-bottom: 150px !important;
}
.mb-none {
margin-bottom: 0 !important;
}
@media screen and (max-width: 640px) {
.mb-sm {
margin-bottom: 20px !important;
}
.mb-md {
margin-bottom: 30px !important;
}
.mb-lg {
margin-bottom: 45px !important;
}
.mb-xl {
margin-bottom: 50px !important;
}
.mb-xxl {
margin-bottom: 60px !important;
}
.sp_mb-none {
margin-bottom: 0 !important;
}
.sp_mb-md {
margin-bottom: 20px !important;
}
}
.pb-xs {
padding-bottom: 10px !important;
}
.pb-sm {
padding-bottom: 30px !important;
}
.pb-md {
padding-bottom: 45px !important;
}
.pb-lg {
padding-bottom: 75px !important;
}
.pb-xl {
padding-bottom: 100px !important;
}
.pb-xxl {
padding-bottom: 150px !important;
}
.pb-none {
padding-bottom: 0 !important;
}
@media screen and (max-width: 640px) {
.pb-sm {
padding-bottom: 20px !important;
}
.pb-md {
padding-bottom: 30px !important;
}
.pb-lg {
padding-bottom: 45px !important;
}
.pb-xl {
padding-bottom: 50px !important;
}
.pb-xxl {
padding-bottom: 60px !important;
}
}
.pt-xs {
padding-top: 10px !important;
}
.pt-sm {
padding-top: 30px !important;
}
.pt-md {
padding-top: 45px !important;
}
.pt-lg {
padding-top: 75px !important;
}
.pt-xl {
padding-top: 100px !important;
}
.pt-xxl {
padding-top: 150px !important;
}
.pt-none {
padding-top: 0 !important;
}
@media screen and (max-width: 640px) {
.pt-sm {
padding-top: 20px !important;
}
.pt-md {
padding-top: 30px !important;
}
.pt-lg {
padding-top: 45px !important;
}
.pt-xl {
padding-top: 50px !important;
}
.pt-xxl {
padding-top: 60px !important;
}
}
.fz-md {
font-size: 20px;
}
.fz-lg {
font-size: 24px;
}
@media screen and (max-width: 640px) {
.fz-lg {
font-size: 16px;
}
}
.mt-1 {
margin-top: -1px !important;
}
.mt-5 {
margin-top: -5px !important;
}
.mb1em {
margin-bottom: 1em !important;
}
.fll {
float: left !important;
}
.flr {
float: right !important;
}
.fln {
float: none !important;
}
.tac {
text-align: center !important;
}
.tal {
text-align: left !important;
}
.tar {
text-align: right !important;
}
.vat {
vertical-align: top !important;
}
.vab {
vertical-align: bottom !important;
}
.vam {
vertical-align: middle !important;
}
.clearfix {
display: block;
*zoom: 1;
}
.clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
.none {
display: none !important;
}
.block {
display: block !important;
}
.ib,
.inline-block {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
vertical-align: top;
}
.inline {
display: inline;
}
.table {
display: table;
table-layout: fixed;
}
table.table {
table-layout: auto;
}
.table-row {
display: table-row;
}
.table-cell {
display: table-cell;
vertical-align: top;
}
a.block:hover {
text-decoration: none;
}
.list-disc {
list-style-type: disc;
padding-left: 20px;
}
.list-decimal {
list-style-type: decimal;
padding-left: 20px;
}
.radius2 {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.radius5 {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.radius10 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.radius50p {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.indent {
text-indent: -1.25em;
padding-left: 1.25em;
}
.indent1 {
text-indent: -1em;
padding-left: 1em;
}
.indent20 {
text-indent: -20px;
padding-left: 20px;
}
.nowrap {
white-space: nowrap;
}
.underline {
text-decoration: underline;
}
.hover75 {
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.hover75:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
opacity: 0.75;
}
.hover50 {
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.hover50:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
}
.hover25 {
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.hover25:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
opacity: 0.25;
}
html,
body {
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
}
html {
font-size: 62.5%;
}
body {
font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
color: #1a1a1a;
line-height: 1.6;
font-size: 14px;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
h1 {
font-size: 34px;
font-weight: bold;
}
h2 {
font-size: 28px;
font-weight: bold;
}
h3 {
font-size: 24px;
font-weight: bold;
}
h4 {
font-size: 20px;
}
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
a {
color: #1a1a1a;
cursor: pointer;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
strong {
font-weight: bold;
}
small {
font-size: .7em;
}
span {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
vertical-align: bottom;
}
table th, table td {
vertical-align: top;
}
hr {
margin: 0;
padding: 0;
border: none;
border-bottom: 1px solid #969696;
}
input[type='radio'],
input[type='checkbox'],
label {
cursor: pointer;
}
input[type='text'],
input[type='password'],
input[type='email'],
input[type='search'],
input[type='tel'],
input[type="number"],
select,
textarea {
padding: 4px 15px;
height: auto;
margin: 0 5px 0 0;
border: 1px solid #ccc;
vertical-align: middle;
font-weight: normal;
line-height: 1.5;
font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
color: #000;
width: 100%;
font-size: 16px;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
}
input[type='text']:-moz-placeholder,
input[type='password']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type="number"]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
color: #ccc;
opacity: 1;
}
input[type='text']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type="number"]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
color: #ccc;
opacity: 1;
}
input[type='text']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #ccc;
opacity: 1;
}
input[type='text']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #ccc;
opacity: 1;
}
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
border-color: #ffc800;
}
input[type='text'],
input[type='password'],
input[type='email'],
input[type='search'],
input[type='tel'],
input[type="number"] {
-webkit-appearance: none;
height: 40px;
}
textarea {
line-height: 1.4;
}
select {
background-clip: padding;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
height: 40px;
}
select.w-sm,
input[type='text'].w-sm,
input[type='password'].w-sm,
input[type='email'].w-sm,
input[type='search'].w-sm,
input[type='tel'].w-sm,
input[type="number"].w-sm,
input.text.w-sm,
textarea.w-sm {
width: 200px;
}
select.w-xs,
input[type='text'].w-xs,
input[type='password'].w-xs,
input[type='email'].w-xs,
input[type='search'].w-xs,
input[type='tel'].w-xs,
input[type="number"].w-xs,
input.text.w-xs,
textarea.w-xs {
width: 120px;
}
@media screen and (max-width: 640px) {
select.w-xs,
input[type='text'].w-xs,
input[type='password'].w-xs,
input[type='email'].w-xs,
input[type='search'].w-xs,
input[type='tel'].w-xs,
input[type="number"].w-xs,
input.text.w-xs,
textarea.w-xs {
width: 90px;
}
}
.input-wrap {
position: relative;
display: inline-block;
}
.input-wrap input[type='text'],
.input-wrap input[type='password'],
.input-wrap input[type='email'],
.input-wrap input[type='search'],
.input-wrap input[type='tel'],
.input-wrap input[type="number"],
.input-wrap select,
.input-wrap textarea {
position: relative;
z-index: 2;
background: none;
}
.input-wrap .input-attr {
position: absolute;
right: 10px;
top: 50%;
margin-top: -.7em;
color: #ccc;
z-index: 1;
} html {
position: relative;
height: 100%;
}
body {
height: 100%;
background-color: #ffffff;
}
.main {
overflow: hidden;
}
.container {
max-width: 1230px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
.container.lg {
max-width: 1500px;
}
.container-full {
width: 1200px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 640px) {
.container-full {
width: auto;
}
}
.main {
background-color: transparent !important;
border: none !important;
} body {
padding-top: 100px;
}
@media screen and (max-width: 1000px) {
body {
padding-top: 60px;
}
}
.header {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1000;
height: 100px;
padding: 0;
background: #fff;
}
@media screen and (max-width: 1000px) {
.header {
height: 60px;
}
}
@media screen and (max-width: 1000px) {
.header .header-logo {
padding: 12px 15px;
}
}
.header .header-logo .title {
display: inline-block;
line-height: 0;
margin: 0;
padding: 0;
}
.header .header-logo a {
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.header .header-logo a:hover {
opacity: .6;
}
.header .header-logo img {
vertical-align: inherit;
}
@media screen and (max-width: 1000px) {
.header .header-logo img {
width: 195px;
}
}
.header .inner {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
height: 100px;
padding: 0 20px;
}
@media screen and (max-width: 1000px) {
.header .inner {
height: 60px;
padding: 0;
}
}
@media screen and (max-width: 1000px) {
.header .gnav {
display: none;
position: fixed;
left: 0;
right: 0;
top: 60px;
bottom: 0;
background: rgba(35, 24, 21, 0.7);
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
.gnav-actived .header .gnav {
display: block;
}
}
.header .gnav > ul {
padding-left: 20px;
white-space: nowrap;
}
.header .gnav > ul > li {
font-size: 16px;
display: inline-block;
vertical-align: middle;
position: relative;
}
@media screen and (max-width: 1100px) {
.header .gnav > ul > li {
font-size: 15px;
}
}
.header .gnav > ul > li:after, .header .gnav > ul > li:before {
content: " ";
height: 30px;
width: 1px;
background: #A28261;
position: absolute;
right: 0;
top: 50%;
margin-top: -15px;
}
.header .gnav > ul > li:before {
display: none;
right: auto;
left: 0;
}
.header .gnav > ul > li:first-child:before {
display: block;
}
.header .gnav > ul > li > a {
display: block;
padding: 0 20px;
line-height: 60px;
height: 60px;
}
.header .gnav > ul > li > a:hover {
font-weight: bold;
color: #A28261;
text-decoration: none;
}
@media screen and (max-width: 1100px) {
.header .gnav > ul > li > a {
padding: 0 15px;
}
}
.header .gnav > ul > li a.arrow {
display: none;
}
.header .gnav > ul > li ul {
display: none;
position: absolute;
top: 60px;
left: 50%;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #fff;
text-align: center;
padding: 20px 30px 10px;
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.header .gnav > ul > li ul li {
display: block;
margin-bottom: 10px;
}
.header .gnav > ul > li:hover ul {
display: block;
}
.header .gnav > ul > li:hover.has-child > a {
font-weight: bold;
color: #A28261;
position: relative;
}
.header .gnav > ul > li:hover.has-child > a:before {
content: "";
position: absolute;
z-index: 2;
border-style: solid;
bottom: -6px;
left: 0;
border-width: 6px 6px 0 6px;
border-color: #A28261 transparent transparent transparent;
left: 50%;
margin-left: -6px;
}
.header .gnav > ul > li:hover.has-child > a:before {
bottom: 8px;
}
.header .gnav > ul > li.nav-logo {
border: none;
height: auto;
margin-left: 20px;
}
.header .gnav > ul > li.nav-logo:last-child {
margin-left: 10px;
}
.header .gnav > ul > li.nav-logo a {
padding: 0;
line-height: 1;
height: auto;
}
.header .gnav > ul > li.nav-logo .img {
display: block;
}
@media screen and (max-width: 1200px) {
.header .gnav > ul > li.nav-logo .img {
width: 120px;
}
}
@media screen and (max-width: 1000px) {
.header .gnav > ul > li.nav-logo .img {
width: 100px;
}
}
@media screen and (max-width: 1000px) {
.header .gnav > ul > li.nav-logo .img {
display: none;
}
}
.header .gnav > ul > li.nav-logo .img {
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.header .gnav > ul > li.nav-logo:hover .img {
opacity: .6;
}
.header .gnav > ul > li.nav-logo .txt {
display: none;
}
@media screen and (max-width: 1000px) {
.header .gnav > ul > li.nav-logo .txt {
display: block;
}
}
@media screen and (max-width: 1000px) {
.header .gnav > ul {
padding: 0;
white-space: normal;
}
.header .gnav > ul li {
display: block;
font-size: 14px;
font-weight: bold;
margin: 0 !important;
padding: 0 !important;
}
.header .gnav > ul li:before, .header .gnav > ul li:after {
display: none !important;
}
.header .gnav > ul li a {
color: #494645 !important;
display: block;
background: #EFEAE3;
height: auto;
line-height: 1.4 !important;
border-bottom: 1px solid #fff;
padding: 15px !important;
text-align: left;
position: relative;
z-index: 1;
}
.header .gnav > ul li a:before, .header .gnav > ul li a:after {
display: none !important;
}
.header .gnav > ul li a .txt img {
vertical-align: -1px;
margin-right: 5px;
}
.header .gnav > ul li a.arrow {
display: block;
position: absolute !important;
right: 0;
top: 0;
height: 50px;
width: 50px;
border: none;
padding: 0 !important;
background: none !important;
text-align: center;
z-index: 2;
}
.header .gnav > ul li a.arrow i {
margin-top: 18px;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
-webkit-transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
}
.header .gnav > ul li ul {
display: none !important;
position: static;
padding: 0;
margin: 0;
background: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
}
.header .gnav > ul li ul li {
margin: 0;
padding: 0;
}
.header .gnav > ul li ul a {
font-weight: normal;
}
.header .gnav > ul li.show-snav > a {
color: #fff !important;
background: #A28261;
}
.header .gnav > ul li.show-snav a.arrow i {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.header .gnav > ul li.show-snav ul {
display: block !important;
}
}
.gnav-menu {
display: none;
position: absolute;
right: 0;
top: 0;
}
@media screen and (max-width: 1000px) {
.gnav-menu {
display: block;
}
}
.gnav-menu a {
height: 60px;
width: 60px;
text-align: center;
display: block;
position: relative;
padding-top: 15px;
}
.gnav-menu a:hover {
text-decoration: none;
}
.gnav-menu a .bd {
width: 30px;
border-bottom: 4px solid #A28261;
display: block;
margin: 0 auto;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
-webkit-transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
}
.gnav-menu a .bd:before, .gnav-menu a .bd:after {
content: " ";
display: block;
height: 4px;
background: #A28261;
margin-bottom: 8px;
}
.gnav-actived .gnav-menu a .bd {
width: 40px;
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
border-bottom: none;
margin-top: 13px;
}
.gnav-actived .gnav-menu a .bd:before {
margin: 0;
margin-bottom: -4px;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.gnav-actived .gnav-menu a .bd:after {
margin: 0;
} .footer .footer-main {
padding: 80px 0 70px;
background: #EFEAE3;
}
@media screen and (max-width: 640px) {
.footer .footer-main {
padding: 40px 0;
}
}
.footer .footer-main .col2 {
display: flex;
flex-wrap: unset;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}
.footer .footer-main .col2 .footer-logo {
width: 240px;
padding-right: 20px;
}
@media screen and (max-width: 640px) {
.footer .footer-main .col2 .footer-logo {
display: none;
}
}
.footer .footer-main .col2 .footer-logo a {
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.footer .footer-main .col2 .footer-logo a:hover {
text-decoration: none;
opacity: 0.7;
}
.footer .footer-main .col2 .footer-links {
width: 880px;
}
@media screen and (max-width: 640px) {
.footer .footer-main .col2 .footer-links {
width: 100%;
}
}
.footer .footer-main .col2 .footer-links ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (max-width: 640px) {
.footer .footer-main .col2 .footer-links ul {
margin-bottom: 15px;
}
}
@media screen and (max-width: 640px) {
.footer .footer-main .col2 .footer-links ul li {
width: 50%;
margin-bottom: 1em;
}
}
.footer .footer-main .col2 .footer-links ul li dl {
display: block;
}
.footer .footer-main .col2 .footer-links ul li dl dt {
width: 100%;
}
.footer .footer-main .col2 .footer-links ul li dl dt a {
font-weight: bold;
font-size: 16px;
line-height: 2em;
color: #494645;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width: 640px) {
.footer .footer-main .col2 .footer-links ul li dl dt a {
font-size: 14px;
padding-bottom: 5px;
}
}
.footer .footer-main .col2 .footer-links ul li dl dt a:hover {
text-decoration: none;
opacity: 0.7;
}
.footer .footer-main .col2 .footer-links ul li dl dt ~ dt {
margin-top: 1em;
}
.footer .footer-main .col2 .footer-links ul li dl dd a {
font-size: 16px;
line-height: 2em;
color: #494645;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width: 640px) {
.footer .footer-main .col2 .footer-links ul li dl dd a {
font-size: 14px;
padding-bottom: 5px;
}
}
.footer .footer-main .col2 .footer-links ul li dl dd a:hover {
text-decoration: none;
opacity: 0.7;
}
.footer .footer-main .col2 .footer-links p {
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #C7C8C8;
font-size: 14px;
line-height: 21px;
color: #494645;
}
@media screen and (max-width: 640px) {
.footer .footer-main .col2 .footer-links p {
padding-top: 0;
margin-top: 20px;
border-top: 0;
font-size: 12px;
}
}
.footer .footer-sub {
height: 60px;
padding: 20px 0;
text-align: center;
box-sizing: border-box;
}
@media screen and (max-width: 640px) {
.footer .footer-sub {
height: auto;
padding: 20px 10px;
text-align: left;
}
}
.footer .footer-sub ul li {
display: inline-block;
margin: 0 15px;
}
@media screen and (max-width: 640px) {
.footer .footer-sub ul li {
display: block;
margin: 0 0 10px;
}
}
.footer .footer-sub ul li a {
font-size: 13px;
color: #494645;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.footer .footer-sub ul li a img {
margin-right: 5px;
vertical-align: -2px;
}
.footer .footer-sub ul li a:hover {
text-decoration: none;
opacity: 0.7;
}
.footer .copy {
height: 60px;
padding: 20px;
text-align: right;
box-sizing: border-box;
background: #231815;
}
@media screen and (max-width: 640px) {
.footer .copy {
height: auto;
padding: 20px 0;
text-align: center;
}
}
.footer .copy ul {
display: inline-block;
margin-right: 20px;
}
@media screen and (max-width: 640px) {
.footer .copy ul {
display: block;
margin-right: 0;
margin-bottom: 10px;
}
}
.footer .copy ul li {
display: inline-block;
padding: 0 1em;
border-right: 1px solid #fff;
}
@media screen and (max-width: 640px) {
.footer .copy ul li {
padding: 0 0.5em;
line-height: 1;
}
}
.footer .copy ul li:last-child {
border-right: 0;
}
.footer .copy ul li a {
font-size: 13px;
color: #FFFFFF;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.footer .copy ul li a img {
margin-right: 3px;
}
.footer .copy ul li a:hover {
text-decoration: none;
opacity: 0.7;
}
.footer .copy p {
display: inline-block;
font-size: 14px;
color: #FFFFFF;
}
@media screen and (max-width: 640px) {
.footer .copy p {
font-size: 12px;
}
}
#breadcrumbs {
padding: 10px 20px;
background: #EFEAE3;
font-size: 14px;
color: #494645;
}
#breadcrumbs > span > span a {
padding: 0 5px;
}
.wp-content {
*zoom: 1;
}
.wp-content:after {
content: "\0020";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
.wp-content,
body#tinymce {
font-size: 15px;
line-height: 1.6;
font-weight: 200;
}
.wp-content h1,
.wp-content h2,
.wp-content h3,
.wp-content h4,
.wp-content h5,
body#tinymce h1,
body#tinymce h2,
body#tinymce h3,
body#tinymce h4,
body#tinymce h5 {
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 20px;
}
.wp-content h1:first-child,
.wp-content h2:first-child,
.wp-content h3:first-child,
.wp-content h4:first-child,
.wp-content h5:first-child,
body#tinymce h1:first-child,
body#tinymce h2:first-child,
body#tinymce h3:first-child,
body#tinymce h4:first-child,
body#tinymce h5:first-child {
margin-top: 0;
}
.wp-content h2,
body#tinymce h2 {
margin-top: 30px;
font-size: 20px;
border-bottom: 2px solid #E5E5E5;
padding-bottom: 5px;
margin-bottom: 20px;
position: relative;
}
.wp-content h2:after,
body#tinymce h2:after {
content: " ";
display: block;
width: 24%;
height: 2px;
background: #A28261;
position: absolute;
bottom: -2px;
left: 0;
}
.wp-content h3,
body#tinymce h3 {
font-size: 18px;
margin-top: 1em;
margin-bottom: 5px;
padding-left: 20px;
position: relative;
}
.wp-content h3:before,
body#tinymce h3:before {
content: " ";
display: block;
width: 10px;
height: 10px;
background: #A28261;
display: inline-block;
position: absolute;
left: 0;
top: 50%;
margin-top: -5px;
}
.wp-content h4,
body#tinymce h4 {
font-size: 16px;
}
.wp-content h5,
body#tinymce h5 {
font-size: 14px;
}
.wp-content a,
body#tinymce a {
text-decoration: underline;
}
.wp-content a:hover,
body#tinymce a:hover {
text-decoration: none;
}
.wp-content .aligncenter,
body#tinymce .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-content .alignleft,
body#tinymce .alignleft {
float: left;
margin: 0.5em 1.5em 0.5em 0;
}
@media screen and (max-width: 640px) {
.wp-content .alignleft,
body#tinymce .alignleft {
float: none;
width: 100%;
margin: 0 0 1.5em;
}
}
.wp-content .alignright,
body#tinymce .alignright {
float: right;
margin: 0.5em 0 0.5em 1.5em;
}
@media screen and (max-width: 640px) {
.wp-content .alignright,
body#tinymce .alignright {
float: none;
width: 100%;
margin: 0 0 1.5em;
}
}
.wp-content .wp-caption-dd,
.wp-content .wp-caption-text,
body#tinymce .wp-caption-dd,
body#tinymce .wp-caption-text {
margin-top: 5px;
font-size: 12px;
color: #383838;
font-style: italic;
}
.wp-content ul,
body#tinymce ul {
list-style: disc;
margin-left: 1.5em;
}
.wp-content ol,
body#tinymce ol {
list-style: decimal;
margin-left: 1.5em;
}
.wp-content li,
body#tinymce li {
list-style: inherit !important;
}
.wp-content b, .wp-content strong, .wp-content em,
body#tinymce b,
body#tinymce strong,
body#tinymce em {
font-weight: bold;
}
.wp-content hr,
body#tinymce hr {
margin-top: 10px;
border: none;
border-top: 1px solid #c9c9c9;
}
.wp-content table,
body#tinymce table {
width: 100%;
margin-top: .5em;
margin-bottom: 1em;
}
.wp-content table th, .wp-content table td,
body#tinymce table th,
body#tinymce table td {
padding: 10px;
vertical-align: middle;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.wp-content table th,
body#tinymce table th {
background: #f7f7f7;
position: relative;
white-space: nowrap;
}
.wp-content table.table-sm,
body#tinymce table.table-sm {
font-size: 11px;
}
.wp-content table.table-sm th,
body#tinymce table.table-sm th {
white-space: normal;
}
.wp-content table.table-sm th, .wp-content table.table-sm td,
body#tinymce table.table-sm th,
body#tinymce table.table-sm td {
padding: 5px;
}
@media screen and (max-width: 640px) {
.wp-content table,
body#tinymce table {
font-size: 11px;
}
.wp-content table th, .wp-content table td,
body#tinymce table th,
body#tinymce table td {
padding: 5px;
}
}
@media screen and (max-width: 640px) {
.wp-content table.table-responsive,
body#tinymce table.table-responsive {
font-size: inherit;
width: auto;
display: block;
}
.wp-content table.table-responsive tbody, .wp-content table.table-responsive thead,
body#tinymce table.table-responsive tbody,
body#tinymce table.table-responsive thead {
display: block;
}
.wp-content table.table-responsive tr, .wp-content table.table-responsive th, .wp-content table.table-responsive td,
body#tinymce table.table-responsive tr,
body#tinymce table.table-responsive th,
body#tinymce table.table-responsive td {
width: auto !important;
display: block;
border-bottom: none;
}
.wp-content table.table-responsive th,
body#tinymce table.table-responsive th {
font-weight: bold;
}
.wp-content table.table-responsive th, .wp-content table.table-responsive td,
body#tinymce table.table-responsive th,
body#tinymce table.table-responsive td {
padding: 5px 8px;
}
}
[data-wpview-text*="youtube"] .wpview-content,
[data-mce-p-src^="https://www.youtube.com"],
.iframe-container {
position: relative;
width: 100%;
padding-top: 56.25%;
}
[data-wpview-text*="youtube"] .wpview-content iframe,
[data-mce-p-src^="https://www.youtube.com"] iframe,
.iframe-container iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
iframe {
max-width: 100%;
}
.video-container {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.video-container video {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
video {
max-width: 100%;
}
.gallery-images li a {
height: 75px;
overflow: hidden;
display: block;
}
.gallery-images li.current a {
height: 69px;
border: 3px solid #ccc;
}
.gallery-item img {
box-sizing: border-box;
} .btn {
cursor: pointer;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
font-size: 15px;
font-weight: bold;
line-height: 1.2;
text-decoration: none;
vertical-align: middle;
position: relative;
border: 1px solid #ffffff;
padding: 10px 20px;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
text-shadow: none;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
box-sizing: border-box;
}
.btn:hover {
text-decoration: none;
opacity: 0.7;
}
.btn.btn-red {
color: #fff;
background-color: #FB586B;
}
.btn.btn-yellow {
color: #262424;
background-color: #FFCC00;
}
.btn.btn-blue {
color: #1f4e79;
background-color: #3db0f0;
}
.btn.btn-option {
color: #fff;
background: #006F4F;
border-color: #006F4F;
}
.btn.btn-option:hover {
color: #fff;
background: #ff6f00;
border-color: #ff6f00;
}
.btn.btn-primary {
color: #fff;
background: #A28261;
border-color: #A28261;
}
.btn.btn-primary:hover {
color: #A28261;
background: #fff;
}
.btn.btn-white {
color: #1a1a1a;
background: #fff;
border-color: #fff;
}
.btn.btn-white:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
opacity: 0.75;
}
.btn.btn-sm {
font-size: 14px;
padding: 8px 15px;
}
.btn.btn-block {
display: block;
width: auto;
padding-left: 0;
padding-right: 0;
text-align: center;
}
.btn.btn-open {
position: relative;
display: block;
max-width: 330px;
width: 100%;
margin-left: auto;
margin-right: auto;
background: #231815;
font-size: 15px;
line-height: 2.33333em;
letter-spacing: 0.29em;
color: #fff;
text-align: center;
}
.btn.btn-open:before {
content: '＋';
font-size: 12px;
font-weight: bold;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.btn.btn-close {
position: relative;
display: block;
max-width: 330px;
width: 100%;
margin-left: auto;
margin-right: auto;
background: #231815;
font-size: 15px;
line-height: 2.33333em;
letter-spacing: 0.29em;
color: #fff;
text-align: center;
}
.btn.btn-close:before {
content: '－';
font-size: 12px;
font-weight: bold;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.link-img {
display: inline-block;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.link-img:hover {
opacity: .6;
}
.btn-readmore {
display: inline-block;
width: 168px;
padding: 6px 15px;
font-size: 19px;
color: #FFFFFF;
box-sizing: border-box;
background: #000 url(https://hmgroup.co.jp/wp-content/themes/hmgroup/img/icn_arrow_right.svg) no-repeat right 20px center;
background-size: 19px 37px;
text-align-last: left;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-readmore:hover {
text-decoration: none;
opacity: 0.7;
}
.tags {
display: inline-block;
width: 125px;
padding: 3px 0;
text-align: center;
color: #fff;
background: #C2986D;
font-size: 12px;
letter-spacing: 0.2em;
border-radius: 11px;
}
.tags.tag-company {
background: #849498;
}
.label {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
padding: 4px 6px;
color: #fff;
text-align: center;
white-space: nowrap;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 85%;
font-weight: normal;
line-height: 1;
vertical-align: middle;
}
.label.label-required {
font-weight: bold;
background-color: #FF3933;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…dpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff635d), color-stop(100%, #ff3933));
background-image: -moz-linear-gradient(top, #ff635d, #ff3933);
background-image: -webkit-linear-gradient(top, #ff635d, #ff3933);
background-image: linear-gradient(to bottom, #ff635d, #ff3933);
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFF635D', endColorstr='#FFFF3933');
}
.label-req {
color: red;
} .title-sub {
font-size: 32px;
line-height: 1.6875em;
color: #006F4F;
font-weight: normal;
}
@media screen and (max-width: 640px) {
.title-sub {
font-size: 22px;
font-size: 5.86667vw;
}
}
.title-serif {
margin-bottom: 60px;
font-weight: bold;
font-size: 36px;
line-height: 1.5em;
letter-spacing: 0.05em;
color: #A28261;
text-align: center;
font-family: "Noto Serif JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 640px) {
.title-serif {
font-size: 20px;
margin-bottom: 40px;
}
}
.title-serif-bdb {
font-weight: bold;
font-size: 36px;
line-height: 1.5em;
letter-spacing: 0.05em;
color: #A28261;
text-align: center;
font-family: "Noto Serif JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}
.title-serif-bdb:after {
content: " ";
display: block;
width: 120px;
margin-left: auto;
margin-right: auto;
height: 2px;
background: #898989;
margin-top: 30px;
}
@media screen and (max-width: 640px) {
.title-serif-bdb {
font-size: 20px;
margin-bottom: 40px;
}
}
.title-en {
text-align: center;
}
.title-en .en {
color: #006F4F;
font-size: 80px;
font-weight: normal;
}
@media screen and (max-width: 640px) {
.title-en .en {
font-size: 50px;
}
}
.title-en .ja {
font-weight: bold;
font-size: 30px;
}
@media screen and (max-width: 640px) {
.title-en .ja {
font-size: 18px;
}
}
.title-bdb {
font-size: 40px;
color: #006F4F;
font-weight: normal;
text-align: center;
}
.title-bdb:after {
content: " ";
display: block;
width: 120px;
margin-left: auto;
margin-right: auto;
height: 2px;
background: #898989;
margin-top: 20px;
}
@media screen and (max-width: 640px) {
.title-bdb {
font-size: 24px;
}
.title-bdb:after {
margin-top: 10px;
width: 80px;
}
} .bg-white {
background-color: #fff !important;
}
.bg-option {
background-color: #006F4F;
}
.bg-primary {
background-color: #A28261;
} .bd-gray {
border: 1px solid #cccccc;
} .color-white {
color: #fff !important;
}
.color-black {
color: #1a1a1a !important;
}
.color-red {
color: red !important;
} .table {
table-layout: fixed;
width: 100%;
}
.table.table-primary {
border-top: 1px solid #969696;
}
.table.table-primary tbody tr th {
padding: 20px 40px;
vertical-align: top;
border-bottom: 1px solid #969696;
background: #EFEAE3;
font-weight: bold;
font-size: 20px;
color: #000000;
}
@media screen and (max-width: 640px) {
.table.table-primary tbody tr th {
display: block;
padding: 10px;
font-size: 15px;
border: 0;
}
}
.table.table-primary tbody tr td {
padding: 20px 40px;
font-size: 20px;
line-height: 1.6em;
color: #231815;
border-bottom: 1px solid #969696;
}
@media screen and (max-width: 640px) {
.table.table-primary tbody tr td {
display: block;
padding: 10px;
font-size: 15px;
}
}
.content-box-01 dt {
margin-bottom: 20px;
padding: 12px 0 12px 20px;
font-size: 1em;
line-height: 2.54235em;
letter-spacing: 0.07em;
border-left: 4px solid #0056A7;
background: #F5F4F2;
}
.content-box-01 dd {
font-size: 15px;
line-height: 1.86667em;
letter-spacing: 0.07em;
color: #231815;
}  .col2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.col2 .cell {
width: 48%;
}
@media screen and (max-width: 640px) {
.col2 .cell {
width: 100%;
margin-bottom: 20px;
}
}
.wmax-view {
position: relative;
width: 100vw;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
}
.modal-content {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.5);
z-index: 100000;
}
.modal-content .modal-inner {
position: relative;
max-width: 690px;
max-height: 490px;
top: 50%;
left: 50%;
width: calc(100vw - 20px);
height: calc(100vh - 20px);
transform: translateX(-50%) translateY(-50%);
background: #fff;
padding: 90px;
box-sizing: border-box;
}
@media screen and (max-width: 640px) {
.modal-content .modal-inner {
padding: 70px 20px;
width: calc(100vw - 35px);
height: auto;
}
}
.modal-content .modal-inner .icon-close {
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
} .pager ul.page-numbers {
position: relative;
text-align: center;
font-size: 16px;
letter-spacing: 0.32px;
font-weight: 500;
padding-top: 40px;
}
@media screen and (max-width: 640px) {
.pager ul.page-numbers {
font-size: 11px;
margin-bottom: 30px;
}
}
.pager ul.page-numbers li {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
}
.pager ul.page-numbers a {
color: #000;
}
.pager ul.page-numbers .dots,
.pager ul.page-numbers a.page-numbers,
.pager ul.page-numbers span.current {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
text-decoration: none;
background-color: #FFFFFF;
border: 1px solid #000;
height: 36px;
line-height: 32px;
min-width: 36px;
padding: 0 10px;
margin: 0 2px 10px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width: 640px) {
.pager ul.page-numbers .dots,
.pager ul.page-numbers a.page-numbers,
.pager ul.page-numbers span.current {
min-width: 30px;
height: 30px;
line-height: 26px;
}
}
.pager ul.page-numbers .dots.prev, .pager ul.page-numbers .dots.next,
.pager ul.page-numbers a.page-numbers.prev,
.pager ul.page-numbers a.page-numbers.next,
.pager ul.page-numbers span.current.prev,
.pager ul.page-numbers span.current.next {
border: none;
background-color: none;
}
.pager ul.page-numbers span.current,
.pager ul.page-numbers a.page-numbers:hover {
color: #fff;
background-color: #000;
border-color: #000;
}
.pager ul.page-numbers a.prev:hover,
.pager ul.page-numbers a.next:hover {
color: #000;
background-color: #fff;
border-color: #fff;
opacity: .6;
}
@media screen and (max-width: 640px) {
.slick-slider {
padding-top: 0;
}
}
.slick-slider .slick-prev, .slick-slider .slick-next {
cursor: pointer;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
font-size: 15px;
font-weight: normal;
line-height: 1.4;
text-decoration: none;
position: relative;
border: none;
padding: 0;
margin: 0;
font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
vertical-align: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-shadow: none;
overflow: hidden;
position: absolute;
right: 0;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.8);
border: 1px solid #000;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
font-size: 0;
color: rgba(255, 255, 255, 0);
z-index: 100;
}
.slick-slider .slick-prev:hover, .slick-slider .slick-next:hover {
opacity: .6;
}
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {
content: " ";
display: inline-block;
width: 12px;
height: 12px;
border-left: 2px solid #000;
border-bottom: 2px solid #000;
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
margin-left: -5px;
}
.slick-slider .slick-prev {
left: 0;
}
.slick-slider .slick-prev:before {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-left: 0;
margin-right: -5px;
}
@media screen and (max-width: 640px) {
.slick-slider .slick-prev {
left: -40px;
}
}
@media screen and (max-width: 640px) {
.slick-slider .slick-next {
right: -40px;
}
}
.home .section-mv {
position: relative;
}
.home .section-mv .bx-wrapper {
border: 0;
box-shadow: none;
margin: 0;
}
.home .section-mv li {
position: relative;
height: calc(100vh - 100px);
}
.home .section-mv li img {
width: 100%;
position: absolute;
left: 50%;
top: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@supports (object-fit: cover) {
.home .section-mv li img {
height: 100%;
width: 100%;
top: 0;
left: 0;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
object-fit: cover;
}
}
.home .section-mv .scroll {
position: absolute;
left: 50%;
bottom: 50px;
transform: translateX(-50%);
text-align: center;
z-index: 100;
}
.home .section-mv .scroll img {
width: 2.5vw;
}
@media screen and (max-width: 640px) {
.home .section-mv .scroll img {
width: 10vw;
}
}
.home .section-philosopy {
padding: 75px 0;
margin-bottom: 95px;
box-sizing: border-box;
background: url(https://hmgroup.co.jp/wp-content/themes/hmgroup/img/top_philosopy_bg.png) no-repeat;
background-size: cover;
}
@media screen and (max-width: 640px) {
.home .section-philosopy {
background: url(https://hmgroup.co.jp/wp-content/themes/hmgroup/img/top_philosopy_bg_sp.png) no-repeat;
background-size: 100% auto;
padding: 50px 0;
}
}
.home .section-philosopy h2 {
text-align: center;
margin-bottom: 320px;
}
@media screen and (max-width: 640px) {
.home .section-philosopy h2 {
max-width: 80vw;
margin: 0 auto;
margin-bottom: 47vw;
}
}
.home .section-philosopy dl {
max-width: 1140px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
@media screen and (max-width: 640px) {
.home .section-philosopy dl {
width: auto;
display: block;
}
}
.home .section-philosopy dl dt {
width: 50%;
padding: 55px 0;
background: #A28261;
font-family: "Noto Serif JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
font-size: 36px;
line-height: 1.5em;
letter-spacing: 1.8px;
color: #FFFFFF;
text-align: center;
box-sizing: border-box;
}
@media screen and (max-width: 640px) {
.home .section-philosopy dl dt {
width: 100%;
font-size: 4vw;
padding: 15px 10px;
}
}
.home .section-philosopy dl dd {
position: relative;
width: 50%;
padding: 45px 35px;
font-size: 22px;
line-height: 1.72727em;
color: #000000;
background: #fff;
box-sizing: border-box;
}
@media screen and (max-width: 640px) {
.home .section-philosopy dl dd {
width: 100%;
font-size: 15px;
padding: 15px 10px;
}
}
.home .section-philosopy dl dd .btn-readmore {
position: absolute;
right: 25px;
bottom: 0;
transform: translateY(50%);
}
@media screen and (max-width: 640px) {
.home .section-philosopy dl dd .btn-readmore {
left: 50%;
bottom: -40px;
transform: translateX(-50%);
}
}
.home .section-business {
position: relative;
margin-bottom: 95px;
}
@media screen and (max-width: 640px) {
.home .section-business {
height: auto;
background: #E7F0F6;
padding-bottom: 30px;
}
}
.home .section-business h2 {
margin-bottom: 25px;
}
@media screen and (max-width: 640px) {
.home .section-business h2 {
position: relative;
top: -15px;
margin: 0 20px;
}
.home .section-business h2 img {
width: 200px;
}
}
.home .section-business ul {
position: relative;
max-width: 1710px;
float: right;
}
@media screen and (max-width: 640px) {
.home .section-business ul {
width: 100%;
}
}
.home .section-business ul li {
width: 50%;
float: left;
}
@media screen and (max-width: 640px) {
.home .section-business ul li {
float: none;
width: auto;
}
}
.home .section-business ul li a img {
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.home .section-business ul li a img:hover {
text-decoration: none;
opacity: 0.7;
}
.home .section-business .inner {
position: relative;
padding-left: 20px;
padding-bottom: 30px;
*zoom: 1;
}
.home .section-business .inner:after {
content: "\0020";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
.home .section-business .inner:before {
content: '';
position: absolute;
top: 35px;
left: 0;
width: 90%;
height: 100%;
background: #E7F0F6;
z-index: -1;
}
@media screen and (max-width: 640px) {
.home .section-business .inner:before {
display: none;
}
}
@media screen and (max-width: 640px) {
.home .section-business .inner {
padding-left: 0;
padding-bottom: 20px;
}
}
.home .section-company {
position: relative;
margin-bottom: 95px;
*zoom: 1;
}
.home .section-company:after {
content: "\0020";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
@media screen and (max-width: 640px) {
.home .section-company {
height: auto;
background: #EDEFEB;
padding-bottom: 30px;
}
}
.home .section-company h2 {
max-width: 1710px;
text-align: right;
margin-bottom: 25px;
}
@media screen and (max-width: 640px) {
.home .section-company h2 {
position: relative;
top: -15px;
text-align: left;
margin: 0 20px;
}
.home .section-company h2 img {
width: 200px;
}
}
.home .section-company ul {
max-width: 1710px;
}
.home .section-company ul li {
float: left;
width: 33.33%;
}
@media screen and (max-width: 640px) {
.home .section-company ul li {
float: none;
width: auto;
}
}
.home .section-company ul li a img {
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.home .section-company ul li a img:hover {
text-decoration: none;
opacity: 0.7;
}
.home .section-company .inner {
position: relative;
padding-right: 20px;
padding-bottom: 30px;
*zoom: 1;
}
.home .section-company .inner:after {
content: "\0020";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
.home .section-company .inner:before {
content: '';
position: absolute;
top: 35px;
right: 0;
width: 80%;
height: 100%;
background: #EDEFEB;
z-index: -1;
}
@media screen and (max-width: 640px) {
.home .section-company .inner:before {
display: none;
}
}
@media screen and (max-width: 640px) {
.home .section-company .inner {
padding-right: 0;
padding-bottom: 10px;
}
}
.home .recruit-banner {
margin-bottom: 160px;
}
@media screen and (max-width: 640px) {
.home .recruit-banner {
margin-bottom: 60px;
}
}
.home .recruit-banner a img {
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.home .recruit-banner a img:hover {
text-decoration: none;
opacity: 0.7;
}
@media screen and (max-width: 640px) {
.home .recruit-banner .container {
padding-left: 0;
padding-right: 0;
}
}
.section-news {
margin-bottom: 120px;
}
@media screen and (max-width: 640px) {
.section-news {
margin-bottom: 80px;
}
}
.section-news .section-title {
margin: 0 auto;
margin-bottom: 50px;
text-align: center;
}
.section-news .section-title:before {
content: " ";
display: block;
margin-left: auto;
margin-right: auto;
max-width: 320px;
height: 6px;
background: #A28261;
margin-bottom: 75px;
}
@media screen and (max-width: 640px) {
.section-news .section-title:before {
max-width: 220px;
margin-bottom: 35px;
}
}
@media screen and (max-width: 640px) {
.section-news .section-title {
margin-bottom: 25px;
}
}
.section-news .section-title .title-en {
margin-bottom: 10px;
font-weight: bold;
font-size: 42px;
color: #9D9E9E;
}
@media screen and (max-width: 640px) {
.section-news .section-title .title-en {
font-size: 29px;
margin-bottom: 0;
}
}
.section-news .section-title .title-jp {
font-weight: bold;
font-size: 26px;
color: #000000;
}
@media screen and (max-width: 640px) {
.section-news .section-title .title-jp {
font-size: 16px;
}
}
.section-news .news-list ul {
border-top: 1px solid #BDBEBE;
}
.section-news .news-list ul li a {
display: block;
border-bottom: 1px solid #BDBEBE;
padding: 35px 30px;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: -webkit-flex;
display: flex;
}
@media screen and (max-width: 640px) {
.section-news .news-list ul li a {
padding: 20px 15px;
}
}
.section-news .news-list ul li a:hover {
text-decoration: none;
opacity: 0.7;
}
@media screen and (max-width: 640px) {
.section-news .news-list ul li a {
display: block;
}
}
.section-news .news-list ul li a .news-date {
width: 120px;
-webkit-flex-shrink: 0;
flex-shrink: 0;
font-weight: bold;
font-size: 20px;
color: #231815;
vertical-align: middle;
}
@media screen and (max-width: 640px) {
.section-news .news-list ul li a .news-date {
width: auto;
font-size: 15px;
display: inline-block;
}
}
.section-news .news-list ul li a .news-cats {
width: 120px;
-webkit-flex-shrink: 0;
flex-shrink: 0;
text-align: center;
padding: 5px 10px 0;
}
@media screen and (max-width: 640px) {
.section-news .news-list ul li a .news-cats {
width: auto;
display: inline-block;
}
}
.section-news .news-list ul li a .news-cat {
display: inline-block;
font-size: 16px;
font-weight: bold;
color: #fff;
background: #ffbf00;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
width: 100%;
display: block;
margin-bottom: 10px;
}
.section-news .news-list ul li a .news-cat[data-slug="ir"] {
background: #00a1ff;
}
@media screen and (max-width: 640px) {
.section-news .news-list ul li a .news-cat {
font-size: 13px;
display: inline-block;
padding: 0;
min-width: 80px;
margin: 0;
margin-right: 5px;
}
}
.section-news .news-list ul li a .news-title {
padding: 0 0 0 15px;
font-size: 20px;
color: #000000;
width: 100%;
vertical-align: middle;
}
@media screen and (max-width: 640px) {
.section-news .news-list ul li a .news-title {
display: block;
width: 100%;
padding: 0;
font-size: 15px;
width: auto;
margin-top: 5px;
}
}
.section-news .news-more {
margin-top: 40px;
text-align: center;
} .page-header {
margin: 0;
padding: 0;
}
.page-header .title {
margin: 0;
padding: 0;
height: 480px;
position: relative;
overflow: hidden;
}
.page-header .title img {
height: 100%;
width: auto;
max-width: none;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@supports (object-fit: cover) {
.page-header .title img {
height: 100%;
width: 100%;
top: 0;
left: 0;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
object-fit: cover;
}
}
@media screen and (max-width: 640px) {
.page-header .title {
height: auto;
}
.page-header .title img {
position: static;
width: 100%;
height: auto;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
}
}
.page-main {
background: #fff;
max-width: 1500px;
margin: -60px auto 0;
position: relative;
z-index: 10;
padding: 100px 0 150px;
}
@media screen and (max-width: 1540px) {
.page-main {
margin-left: 20px;
margin-right: 20px;
}
}
@media screen and (max-width: 640px) {
.page-main {
margin: 0;
padding: 30px 0 70px;
}
}
.page.philosophy .page-main h3 {
text-align: center;
margin-bottom: 35px;
}
.page.philosophy .page-main .col2 {
margin: 0 25px 160px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (max-width: 640px) {
.page.philosophy .page-main .col2 {
margin: 0 -15px 160px 0;
}
}
.page.philosophy .page-main .col2 > div {
position: relative;
width: 540px;
background: #EFEAE3;
box-sizing: border-box;
}
.page.philosophy .page-main .col2 > div h4 {
position: absolute;
top: -25px;
left: -15px;
font-weight: bold;
padding: 8px 27px;
font-size: 32px;
color: #FFFFFF;
background: #006F4F;
}
@media screen and (max-width: 640px) {
.page.philosophy .page-main .col2 > div h4 {
font-size: 20px;
}
}
.page.philosophy .page-main .col2 .challenging {
padding: 75px 75px 55px;
}
@media screen and (max-width: 640px) {
.page.philosophy .page-main .col2 .challenging {
padding: 45px 45px 30px;
margin-bottom: 45px;
}
}
.page.philosophy .page-main .col2 .challenging p {
font-size: 30px;
line-height: 2.56667em;
color: #A28261;
font-weight: 600;
}
@media screen and (max-width: 640px) {
.page.philosophy .page-main .col2 .challenging p {
font-size: 19px;
}
}
.page.philosophy .page-main .col2 .creation {
padding: 65px 35px 45px;
}
@media screen and (max-width: 640px) {
.page.philosophy .page-main .col2 .creation {
padding: 45px 10px 35px;
}
}
.page.philosophy .page-main .col2 .creation dl {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
margin-bottom: 33px;
}
.page.philosophy .page-main .col2 .creation dl:last-child {
margin-bottom: 0;
}
.page.philosophy .page-main .col2 .creation dl dt {
width: 195px;
font-size: 26px;
color: #A28261;
border-right: 1px solid #A28261;
}
@media screen and (max-width: 640px) {
.page.philosophy .page-main .col2 .creation dl dt {
font-size: 17px;
width: 140px;
}
}
.page.philosophy .page-main .col2 .creation dl dd {
width: 250px;
font-size: 16px;
line-height: 1.75em;
color: #231815;
}
@media screen and (max-width: 640px) {
.page.philosophy .page-main .col2 .creation dl dd {
font-size: 12px;
width: calc(100% - 150px);
}
}
.page.philosophy .page-main .educational > p {
margin-bottom: 35px;
font-size: 40px;
line-height: 1.35em;
color: #006F4F;
text-align: center;
}
@media screen and (max-width: 640px) {
.page.philosophy .page-main .educational > p {
font-size: 24px;
margin-bottom: 25px;
}
}
.page.philosophy .page-main .educational .text-box {
position: relative;
text-align: right;
}
@media screen and (max-width: 640px) {
.page.philosophy .page-main .educational .text-box img {
width: calc(100vw - 20px);
margin-right: -15px;
}
}
.page.philosophy .page-main .educational .text-box p {
position: absolute;
top: 20px;
left: 0;
display: block;
width: 620px;
padding: 60px;
background: #EDEFEB;
font-size: 20px;
line-height: 1.75em;
color: #000000;
box-sizing: border-box;
text-align: left;
}
@media screen and (max-width: 640px) {
.page.philosophy .page-main .educational .text-box p {
position: relative;
width: calc(100vw - 20px);
top: -8vw;
left: -15px;
padding: 30px 20px;
font-size: 16px;
letter-spacing: 0.8px;
}
}
.page.message .page-main p {
font-size: 22px;
line-height: 1.72727em;
color: #000000;
}
@media screen and (max-width: 640px) {
.page.message .page-main p {
font-size: 16px;
}
}
.page.company .page-main h3 {
text-align: center;
margin-bottom: 70px;
}
@media screen and (max-width: 640px) {
.page.company .page-main h3.title-company img {
width: 128px;
}
}
@media screen and (max-width: 640px) {
.page.company .page-main h3.title-history img {
width: 75px;
}
}
.page.company .page-main .info {
margin-bottom: 70px;
font-size: 26px;
line-height: 1.69231em;
color: #000000;
text-align: center;
}
@media screen and (max-width: 640px) {
.page.company .page-main .info {
margin-bottom: 35px;
font-size: 16px;
}
}
.page.company .page-main .history .month {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 10px;
}
.page.company .page-main .history .month:last-child {
margin-bottom: 0;
}
.page.company .page-main .history .month .number {
width: 85px;
font-weight: bold;
font-size: 20px;
color: #000000;
}
@media screen and (max-width: 640px) {
.page.company .page-main .history .month .number {
font-size: 15px;
}
}
.page.company .page-main .history .month .text {
width: calc(100% - 85px);
font-size: 20px;
line-height: 1.6em;
color: #231815;
}
@media screen and (max-width: 640px) {
.page.company .page-main .history .month .text {
font-size: 15px;
}
}
.page.company .page-main .history .month .text p {
margin-bottom: 10px;
}
.page.company .page-main .history .month .text p:last-child {
margin-bottom: 0;
}
.office-map {
position: relative;
}
@media screen and (max-width: 640px) {
.office-map {
display: none;
}
}
.office-map .links a {
font-size: 27px;
width: 15em;
line-height: 1;
}
@media screen and (max-width: 1200px) {
.office-map .links a {
font-size: 2.4vw;
}
}
.office-map .links a:before {
content: "■";
display: inline-block;
color: #006F4F;
}
.office-map .links li {
position: absolute;
}
.office-map .links li.map001 {
top: 74%;
left: 71%;
}
.office-map .links li.map002 {
top: 84.5%;
left: 62%;
}
.office-map .links li.map003 {
top: 94.5%;
left: 55%;
}
.office-map .links li.map004 {
top: 26.5%;
left: 5%;
}
.office-map .links li.map005 {
top: 14.5%;
left: 7%;
}
.office-map .links li.map006 {
top: 38.5%;
left: 2.5%;
}
.office-map .links li.map007 {
top: 50.5%;
left: 0%;
}
.office-map .links li.map008 {
top: 2.5%;
left: 44.5%;
}
.office-items {
font-size: 20px;
line-height: 1.6em;
border-top: 1px solid #969696;
}
@media screen and (max-width: 640px) {
.office-items {
font-size: 15px;
}
}
.office-items dl {
border-bottom: 1px solid #969696;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 20px 40px;
}
@media screen and (max-width: 640px) {
.office-items dl {
display: block;
padding: 15px 10px;
}
}
.office-items dt {
font-weight: bold;
width: 15em;
-webkit-flex-shrink: 0;
flex-shrink: 0;
position: relative;
padding-left: 1em;
}
.office-items dt:before {
content: "■";
display: inline-block;
color: #006F4F;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 640px) {
.office-items dt {
width: auto;
margin-bottom: 5px;
}
}
.office-items dd {
width: 100%;
}
.office-schools-header {
position: relative;
}
.office-schools-header a {
position: absolute;
right: 0;
top: 0;
}
@media screen and (max-width: 640px) {
.office-schools-header a {
width: 25vw;
}
}
@media screen and (max-width: 640px) {
.office-schools-header .title-sub {
font-size: 18px;
font-size: 4.8vw;
}
}
.office-schools {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -6px;
margin-right: -6px;
}
.office-schools li {
width: 25%;
padding: 0 6px 12px;
}
@media screen and (max-width: 640px) {
.office-schools li {
width: 50%;
}
}
.office-schools a {
display: block;
font-size: 20px;
letter-spacing: 0.02em;
color: #006F4F;
background: #EFEFEF;
font-weight: bold;
padding: 10px 20px;
position: relative;
}
.office-schools a:after {
content: " ";
display: block;
background: url(https://hmgroup.co.jp/wp-content/themes/hmgroup/img/icn-arrow-circle-right.svg) center center no-repeat;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
width: 20px;
height: 20px;
position: absolute;
right: 20px;
top: 50%;
margin-top: -10px;
}
.office-schools a:hover {
text-decoration: none;
opacity: .6;
}
@media screen and (max-width: 640px) {
.office-schools a {
font-size: 15px;
padding: 8px 15px;
}
.office-schools a:after {
width: 16px;
height: 16px;
margin-top: -8px;
right: 15px;
}
}
.business-header {
background: #E7F0F6;
margin-bottom: 30px;
margin-left: -1000px;
margin-right: -1000px;
}
.business-header > .inner {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}
@media screen and (max-width: 1280px) {
.business-header {
margin-left: -35px;
margin-right: -35px;
}
.business-header > .inner {
padding-left: 35px;
padding-right: 35px;
}
}
@media screen and (max-width: 640px) {
.business-header {
margin-left: -15px;
margin-right: -15px;
}
.business-header > .inner {
padding-left: 15px;
padding-right: 0;
}
}
.business-header .title {
font-weight: bold;
font-size: 44px;
color: #007E9F;
}
@media screen and (max-width: 640px) {
.business-header .title {
font-size: 22px;
font-size: 5.86667vw;
}
}
.business-header .img {
width: 460px;
}
@media screen and (max-width: 640px) {
.business-header .img {
width: auto;
}
.business-header .img img {
width: auto;
max-width: none;
height: 100px;
}
}
.business-body-header {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px solid #A28261;
}
@media screen and (max-width: 640px) {
.business-body-header {
display: block;
text-align: center;
margin-bottom: 15px;
padding-bottom: 15px;
}
}
@media screen and (max-width: 640px) {
.business-body-header .logo {
margin-bottom: 10px;
}
.business-body-header .logo img {
width: 160px;
}
}
.business-body-header .title {
font-size: 40px;
line-height: 1.61111em;
color: #006F4F;
font-weight: normal;
}
@media screen and (max-width: 640px) {
.business-body-header .title {
font-size: 18px;
font-size: 4.8vw;
}
}
.business-body {
font-size: 24px;
line-height: 1.8;
}
@media screen and (max-width: 640px) {
.business-body {
font-size: 16px;
font-size: 4.26667vw;
}
}
.business-item {
position: relative;
min-height: 240px;
padding-left: 410px;
font-size: 20px;
line-height: 1.75em;
margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
.business-item {
padding: 0;
font-size: 15px;
font-size: 4vw;
}
}
.business-item .img {
width: 380px;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 640px) {
.business-item .img {
width: auto;
position: static;
margin-bottom: 10px;
}
}
.business-item .title {
font-weight: bold;
font-size: 28px;
color: #231815;
border-left: 20px solid #007E9F;
background: #EFEAE3;
padding: 20px 30px;
margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
.business-item .title {
font-size: 18px;
font-size: 4.8vw;
border-left-width: 10px;
padding: 15px;
}
}
.recruit-01 {
position: relative;
padding-left: 400px;
}
.recruit-01 .img {
width: 420px;
position: absolute;
top: 40px;
left: 0;
}
.recruit-01 .txt {
font-size: 20px;
line-height: 1.75em;
background: #EFEAE3;
padding: 40px 50px;
}
@media screen and (max-width: 640px) {
.recruit-01 {
margin-left: -15px;
margin-right: -15px;
padding-left: 40px;
}
.recruit-01 .img {
width: 120px;
top: 15px;
}
.recruit-01 .txt {
font-size: 16px;
padding: 10px 10px 20px;
}
.recruit-01 .txt img {
width: 220px;
}
.recruit-01 .txt .txt01 {
padding-left: 80px;
min-height: 130px;
}
}
@media screen and (max-width: 640px) {
.recruit-02-items {
margin-left: -15px;
margin-right: -15px;
}
}
.recruit-02 {
font-size: 20px;
line-height: 1.75em;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
background: #EDEFEB;
}
.recruit-02:nth-child(odd) {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media screen and (max-width: 640px) {
.recruit-02 {
display: block;
font-size: 15px;
}
}
.recruit-02 .title {
font-size: 32px;
color: #006F4F;
font-weight: bold;
margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
.recruit-02 .title {
font-size: 20px;
margin-bottom: 5px;
}
}
.recruit-02 .entry,
.recruit-02 .img {
width: 50%;
}
@media screen and (max-width: 640px) {
.recruit-02 .entry,
.recruit-02 .img {
width: auto;
}
}
.recruit-02 .entry {
padding: 30px;
}
@media screen and (max-width: 640px) {
.recruit-02 .entry {
padding: 15px;
}
}
@media screen and (max-width: 640px) {
.recruit-02 .img {
position: relative;
overflow: hidden;
padding-top: 45%;
}
.recruit-02 .img img {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@supports (object-fit: cover) {
.recruit-02 .img img {
height: 100%;
width: 100%;
top: 0;
left: 0;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
object-fit: cover;
}
}
}
.recruit-sub-header {
background: #EFEAE3;
padding: 15px 0;
margin-left: -1000px;
margin-right: -1000px;
}
.recruit-sub-header .title {
text-align: center;
font-weight: bold;
font-size: 48px;
letter-spacing: 0.05em;
color: #A28261;
font-family: "Noto Serif JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 1280px) {
.recruit-sub-header {
margin-left: -35px;
margin-right: -35px;
}
}
@media screen and (max-width: 640px) {
.recruit-sub-header {
margin-left: -15px;
margin-right: -15px;
padding: 10px 0;
}
.recruit-sub-header .title {
font-size: 30px;
}
}
@media screen and (max-width: 640px) {
.recruit-flow {
margin-right: -15px;
margin-left: -15px;
}
}
.recruit-flow li {
position: relative;
padding-left: 110px;
margin-bottom: 80px;
position: relative;
}
.recruit-flow li:before {
content: "";
position: absolute;
z-index: 2;
border-style: solid;
bottom: -40px;
left: 0;
border-width: 40px 60px 0 60px;
border-color: #A28261 transparent transparent transparent;
left: 50%;
margin-left: -60px;
}
.recruit-flow li:before {
bottom: -60px;
}
.recruit-flow li:last-child:before {
display: none;
margin-bottom: 0;
}
@media screen and (max-width: 640px) {
.recruit-flow li {
padding-left: 20px;
position: relative;
margin-bottom: 60px;
}
.recruit-flow li:before {
content: "";
position: absolute;
z-index: 2;
border-style: solid;
bottom: -20px;
left: 0;
border-width: 20px 30px 0 30px;
border-color: #A28261 transparent transparent transparent;
left: 50%;
margin-left: -30px;
}
.recruit-flow li:before {
bottom: -35px;
}
}
.recruit-flow .step {
display: inline-block;
padding: 5px 20px;
color: #fff;
background: #006F4F;
font-weight: bold;
font-size: 32px;
position: absolute;
left: 0;
top: 20px;
}
@media screen and (max-width: 640px) {
.recruit-flow .step {
font-size: 20px;
top: -20px;
left: 0;
padding: 2px 15px;
}
}
.recruit-flow .box {
background: #EDEFEB;
padding: 20px 60px;
}
@media screen and (max-width: 640px) {
.recruit-flow .box {
padding: 25px 20px 20px;
}
}
.recruit-flow .box .title {
font-weight: bold;
font-size: 40px;
color: #006F4F;
}
@media screen and (max-width: 640px) {
.recruit-flow .box .title {
font-size: 24px;
}
}
.recruit-flow .box .txt {
font-size: 20px;
line-height: 1.75em;
}
@media screen and (max-width: 640px) {
.recruit-flow .box .txt {
font-size: 15px;
}
}
.recruit-qa {
font-size: 24px;
line-height: 1.5em;
border-top: 1px solid #969696;
}
@media screen and (max-width: 640px) {
.recruit-qa {
font-size: 16px;
}
}
.recruit-qa dl {
padding: 40px 0;
border-bottom: 1px solid #969696;
}
@media screen and (max-width: 640px) {
.recruit-qa dl {
padding: 25px 0;
}
}
.recruit-qa dt {
margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
.recruit-qa dt {
margin-bottom: 10px;
}
}
.recruit-qa dt, .recruit-qa dd {
position: relative;
padding: 10px 0;
padding-left: 80px;
}
@media screen and (max-width: 640px) {
.recruit-qa dt, .recruit-qa dd {
padding-left: 55px;
}
}
.recruit-qa dt:before,
.recruit-qa dd:before {
content: "Q";
width: 58px;
height: 58px;
font-weight: bold;
font-size: 32px;
color: #FFFFFF;
background: #A28261;
text-align: center;
line-height: 50px;
display: inline-block;
position: absolute;
top: 50%;
left: 0;
margin-top: -29px;
}
@media screen and (max-width: 640px) {
.recruit-qa dt:before,
.recruit-qa dd:before {
font-size: 21px;
width: 40px;
height: 40px;
margin-top: -20px;
line-height: 40px;
}
}
.recruit-qa dd:before {
content: "A";
background: #006F4F;
}
.article-header {
padding: 40px 0;
}
.article-header .title {
font-size: 36px;
font-weight: bold;
text-align: center;
font-family: "Noto Serif JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
color: #A28261;
margin-bottom: 20px;
}
.article-header .title:after {
content: " ";
display: block;
margin-left: auto;
margin-right: auto;
max-width: 200px;
height: 2px;
background: #A28261;
margin-top: 10px;
}
.article-main {
padding-bottom: 100px;
}
.article-main .container {
max-width: 960px;
}
.wpcf7-form {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.wpcf7-form .form-btns {
padding-top: 25px;
text-align: center;
}
.wpcf7-form .form-btns br {
display: none;
}
@media screen and (max-width: 640px) {
.wpcf7-form .form-btns .btn {
margin-bottom: 10px;
}
.wpcf7-form .form-btns .ajax-loader {
display: block;
margin-left: auto;
margin-right: auto;
}
}
.wpcf7-form .wpcf7-form-control-wrap {
display: inline-block;
margin-bottom: 5px;
}
@media screen and (max-width: 640px) {
.wpcf7-form .wpcf7-form-control-wrap {
margin-top: 5px;
}
}
.wpcf7-form .input-group .wpcf7-form-control-wrap {
display: inline-block;
}
.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-textarea {
width: 100%;
margin-right: 0;
}
.wpcf7-form .wpcf7-select.wpcf7c-conf,
.wpcf7-form .wpcf7-text.wpcf7c-conf,
.wpcf7-form .wpcf7-textarea.wpcf7c-conf,
.wpcf7-form .wpcf7-free-text.wpcf7c-conf {
opacity: 1;
padding: 0;
border: none;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.wpcf7-form .wpcf7-select.wpcf7c-conf:-moz-placeholder,
.wpcf7-form .wpcf7-text.wpcf7c-conf:-moz-placeholder,
.wpcf7-form .wpcf7-textarea.wpcf7c-conf:-moz-placeholder,
.wpcf7-form .wpcf7-free-text.wpcf7c-conf:-moz-placeholder {
color: #fff;
}
.wpcf7-form .wpcf7-select.wpcf7c-conf::-moz-placeholder,
.wpcf7-form .wpcf7-text.wpcf7c-conf::-moz-placeholder,
.wpcf7-form .wpcf7-textarea.wpcf7c-conf::-moz-placeholder,
.wpcf7-form .wpcf7-free-text.wpcf7c-conf::-moz-placeholder {
color: #fff;
}
.wpcf7-form .wpcf7-select.wpcf7c-conf:-ms-input-placeholder,
.wpcf7-form .wpcf7-text.wpcf7c-conf:-ms-input-placeholder,
.wpcf7-form .wpcf7-textarea.wpcf7c-conf:-ms-input-placeholder,
.wpcf7-form .wpcf7-free-text.wpcf7c-conf:-ms-input-placeholder {
color: #fff;
}
.wpcf7-form .wpcf7-select.wpcf7c-conf::-webkit-input-placeholder,
.wpcf7-form .wpcf7-text.wpcf7c-conf::-webkit-input-placeholder,
.wpcf7-form .wpcf7-textarea.wpcf7c-conf::-webkit-input-placeholder,
.wpcf7-form .wpcf7-free-text.wpcf7c-conf::-webkit-input-placeholder {
color: #fff;
}
.wpcf7-form .wpcf7-textarea {
height: 8em;
}
.wpcf7-form .wpcf7-list-item-label {
margin-left: .2em;
}
.wpcf7-form .readonly {
background: #ddd;
}
.wpcf7-form input[type="radio"][disabled="disabled"] {
display: none;
}
.wpcf7-form input[type="radio"][disabled="disabled"] ~ .wpcf7-list-item-label {
display: none;
}
.wpcf7-form input[type="radio"][disabled="disabled"]:checked ~ .wpcf7-list-item-label {
display: inline-block;
}
.wpcf7-form .wpcf7-free-text.wpcf7c-conf:disabled {
display: none;
}
.wpcf7-form span.wpcf7-list-item {
margin-left: 0;
margin-right: 1em;
}
.wpcf7-form span.wpcf7-list-item.has-free-text .wpcf7-free-text {
width: 150px;
}
.wpcf7-form.custom-wpcf7c-confirmed span.wpcf7-list-item {
margin: 0;
}
.wpcf7-form.custom-wpcf7c-confirmed .table-form th .required {
display: none;
}
.wpcf7-form .wpcf7-spinner {
display: block;
}
.table-form .label-required {
float: right;
}
.archive-news,
.article-news {
padding-top: 40px;
}
.archive-news .section-news .section-title:before,
.article-news .section-news .section-title:before {
display: none;
}
.article-news {
padding-bottom: 100px;
}
.article-news .section-news {
margin-bottom: 0;
}
.article-news .date {
text-align: right;
font-size: 16px;
}
.article-news .title {
font-size: 26px;
font-family: "Noto Serif JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
color: #A28261;
}
.article-news .article-info {
margin-bottom: 10px;
}
.article-news .article-btns {
text-align: center;
margin-top: 20px;
}
.article-news .article-btns i {
margin-right: 5px;
}
body.sitemap .wp-content {
font-size: 17px;
}
body.sitemap .wp-content a {
text-decoration: none;
}
body.sitemap .wp-content a:hover {
text-decoration: underline;
}
body.sitemap .wp-content a[target="_blank"]:before {
content: " ";
display: inline-block;
width: 15px;
height: 15px;
background: url(https://hmgroup.co.jp/wp-content/themes/hmgroup/img/icn_tablink.svg) center center no-repeat;
-moz-background-size: contain;
-o-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
margin-right: 5px;
}
.home .section-business ul.business-list {
display: flex;
flex-wrap: wrap;
float: none;
justify-content: end;
max-width: none;
}
@media screen and (max-width: 640px) {
.home .section-business ul.business-list {
display: block;
}
}
.home .section-business ul .business-list-item {
width: 24%;
}
@media screen and (max-width: 640px) {
.home .section-business ul .business-list-item {
width: auto;
}
}
.home .section-business ul .business-list-item a {
display: block;
position: relative;
}
.home .section-business ul .business-list-item .img {
display: block;
position: relative;
padding-top: 70%;
overflow: hidden;
}
.home .section-business ul .business-list-item .img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@supports (object-fit: cover) {
.home .section-business ul .business-list-item .img img {
height: 100%;
width: 100%;
top: 0;
left: 0;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
object-fit: cover;
}
}
.home .section-business ul .business-list-item .txt {
position: absolute;
right: 0;
bottom: 20px;
padding: 5px 25px;
background: #000;
color: #fff;
font-weight: bold;
font-size: 20px;
}
@media screen and (max-width: 640px) {
.home .section-business ul .business-list-item .txt {
font-size: 16px;
}
}
.section-recruit-title {
background: #EFE6DA;
text-align: center;
padding-top: 100px;
}
@media screen and (max-width: 640px) {
.section-recruit-title {
padding-top: 40px;
}
}
.section-recruit-title .title {
font-size: 49.5px;
font-weight: bold;
}
@media screen and (max-width: 640px) {
.section-recruit-title .title {
font-size: 27.5px;
font-size: 7.33333vw;
}
}
.section-recruit-box {
background: #EFE6DA;
font-size: 18px;
line-height: 1.8;
padding: 100px 0;
min-height: 100vh;
}
@media screen and (max-width: 640px) {
.section-recruit-box {
font-size: 14px;
padding: 40px 0;
}
}
.section-recruit-box .container {
max-width: 1107px;
}
.section-recruit-box .entry {
position: relative;
}
.section-recruit-box .entry .entry-inner {
background: #fff;
padding: 80px 40px;
}
@media screen and (max-width: 640px) {
.section-recruit-box .entry .entry-inner {
padding: 20px;
}
}
.section-recruit-box .title-en {
color: #fff;
font-weight: normal;
text-align: right;
font-size: 81px;
line-height: 1.2;
margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
.section-recruit-box .title-en {
font-size: 34px;
font-size: 9.06667vw;
text-align: center;
}
}
.section-recruit-box .title {
font-size: 63px;
line-height: 1.4;
font-weight: normal;
margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
.section-recruit-box .title {
font-size: 32px;
font-size: 8.53333vw;
margin-bottom: 20px;
}
}
.section-recruit-box dl {
margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
.section-recruit-box dl {
margin-bottom: 20px;
}
}
.section-recruit-box dt {
font-size: 37.8px;
line-height: 1.4;
font-weight: normal;
}
@media screen and (max-width: 640px) {
.section-recruit-box dt {
font-size: 16px;
font-size: 4.26667vw;
font-weight: bold;
}
}
.section-recruit-box dt a {
display: block;
position: relative;
padding-left: 40px;
}
.section-recruit-box dt a:before {
content: " ";
display: block;
width: 15px;
height: 15px;
border-top: 1px solid #000;
border-left: 1px solid #000;
position: absolute;
top: 50%;
left: 0;
margin-top: -8px;
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.section-recruit-box dt a.current:before {
margin-top: -6px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 640px) {
.section-recruit-box dt a {
padding-left: 20px;
}
.section-recruit-box dt a:before {
width: 10px;
height: 10px;
margin-top: -5px;
}
}
.section-recruit-box dd {
padding-top: 30px;
padding-left: 40px;
}
@media screen and (max-width: 640px) {
.section-recruit-box dd {
padding-left: 20px;
padding-top: 20px;
}
}
.section-recruit-box .arrow {
text-align: center;
padding-top: 80px;
}
@media screen and (max-width: 640px) {
.section-recruit-box .arrow {
padding-top: 20px;
}
}
.section-recruit-box .arrow img {
width: 117px;
}
@media screen and (max-width: 640px) {
.section-recruit-box .arrow img {
width: 65px;
}
}
.section-recruit-box .arrow a {
color: #fff;
display: inline-block;
font-size: 19.8px;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
@media screen and (max-width: 640px) {
.section-recruit-box .arrow a {
font-size: 13px;
}
}
.section-recruit-box .arrow a .txt {
display: block;
}
.section-recruit-box .arrow a:hover {
text-decoration: none;
opacity: .6;
}
.section-recruit-box[data-box="concept"] .entry {
padding-left: 180px;
}
.section-recruit-box[data-box="concept"] .entry .entry-inner {
margin-left: auto;
padding-left: 270px;
}
.section-recruit-box[data-box="concept"] .entry .img {
position: absolute;
left: 0;
top: 50%;
width: 360px;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.section-recruit-box[data-box="mission"] {
background: #EAEA9D;
}
.section-recruit-box[data-box="mission"] .entry {
padding-right: 180px;
}
.section-recruit-box[data-box="mission"] .entry .entry-inner {
margin-right: auto;
padding-right: 180px;
}
.section-recruit-box[data-box="mission"] .entry .img {
position: absolute;
right: 0;
top: 50%;
width: 360px;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.section-recruit-box[data-box="mission"] .title-en {
text-align: left;
}
@media screen and (max-width: 640px) {
.section-recruit-box[data-box="mission"] .title-en {
text-align: center;
}
}
.section-recruit-box[data-box="mission"] .title {
font-size: 54px;
}
@media screen and (max-width: 640px) {
.section-recruit-box[data-box="mission"] .title {
font-size: 25px;
font-size: 6.66667vw;
}
}
@media screen and (max-width: 640px) {
.section-recruit-box[data-box="concept"] .entry, .section-recruit-box[data-box="mission"] .entry {
padding: 0;
padding-top: 120px;
}
.section-recruit-box[data-box="concept"] .entry .entry-inner, .section-recruit-box[data-box="mission"] .entry .entry-inner {
padding: 20px;
padding-top: 100px;
}
.section-recruit-box[data-box="concept"] .entry .img, .section-recruit-box[data-box="mission"] .entry .img {
width: 200px;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
position: absolute;
top: 0;
left: 50%;
margin-left: -100px;
}
}
.section-recruit-box[data-box="value"] {
background: #CAE595;
}
.section-recruit-box[data-box="requirement"] {
background: #99DD72;
}
.section-recruit-box[data-box="requirement"] .title-en {
text-align: left;
}
@media screen and (max-width: 640px) {
.section-recruit-box[data-box="requirement"] .title-en {
text-align: center;
}
}
.section-recruit-box[data-box="requirement"] .title {
font-size: 29.7px;
margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
.section-recruit-box[data-box="requirement"] .title {
font-size: 18px;
font-size: 4.8vw;
text-align: center;
margin-bottom: 20px;
font-weight: normal;
}
}
.section-recruit-box[data-box="requirement"] .entry-inner {
padding: 80px;
}
@media screen and (max-width: 640px) {
.section-recruit-box[data-box="requirement"] .entry-inner {
padding: 20px;
}
}
.section-recruit-box[data-box="fellow"] {
background: #82D888;
word-break: break-all;
}
.section-recruit-box[data-box="fellow"] .title {
font-size: 29.7px;
margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
.section-recruit-box[data-box="fellow"] .title {
display: none;
}
}
.section-recruit-box[data-box="fellow"] li {
padding: 0 15px;
}
@media screen and (max-width: 640px) {
.section-recruit-box[data-box="fellow"] li {
padding: 0;
}
}
.section-recruit-box[data-box="fellow"] li > .inner {
border: 1px solid #000;
padding: 30px;
display: -webkit-flex;
display: flex;
-webkit-align-items: end;
align-items: end;
}
@media screen and (max-width: 640px) {
.section-recruit-box[data-box="fellow"] li > .inner {
border: none;
padding: 0;
}
}
.section-recruit-box[data-box="fellow"] li .name {
font-size: 1.2em;
font-weight: bold;
}
.section-recruit-box[data-box="fellow"] li .job {
margin-bottom: 10px;
}
.section-recruit-box[data-box="fellow"] li .detail {
padding-left: 30px;
}
@media screen and (max-width: 640px) {
.section-recruit-box[data-box="fellow"] li .detail {
padding-left: 20px;
}
}
@media screen and (max-width: 640px) {
.section-recruit-box[data-box="fellow"] li .txt {
font-size: 10px;
line-height: 1.2;
}
}
.section-recruit-box[data-box="fellow"] li .img {
width: 200px;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
@media screen and (max-width: 640px) {
.section-recruit-box[data-box="fellow"] li .img {
width: 120px;
width: 32vw;
}
}
.section-recruit-box[data-box="fellow"] li .img > span {
display: block;
position: relative;
padding-top: 140%;
background: #ccc;
}
.section-recruit-box[data-box="fellow"] li .img img {
display: none;
height: 100%;
width: auto;
max-width: none;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@supports (object-fit: cover) {
.section-recruit-box[data-box="fellow"] li .img img {
height: 100%;
width: 100%;
top: 0;
left: 0;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
object-fit: cover;
}
}
.section-recruit-box[data-box="career"] {
background: #53D392;
}
.section-recruit-box[data-box="career"] .title-en {
text-align: center;
}
.section-recruit-box[data-box="career"] .title {
font-size: 21.6px;
border: 1px solid #232323;
text-align: center;
margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
.section-recruit-box[data-box="career"] .title {
font-size: 15px;
font-size: 4vw;
}
}
.section-recruit-box[data-box="career"] .title > span {
display: inline-block;
background: #232323;
color: #fff;
padding: 5px 30px;
}
.section-recruit-box[data-box="career"] .entry {
margin-bottom: 80px;
}
.section-recruit-box .table.table-recruit th {
font-weight: bold;
vertical-align: middle;
text-align: center;
}
.section-recruit-box .table.table-recruit th, .section-recruit-box .table.table-recruit td {
padding: 20px;
border-bottom: 1px solid #53D392;
}
.section-recruit-box .table.table-recruit tr:last-child th, .section-recruit-box .table.table-recruit tr:last-child td {
border: none;
}
@media screen and (max-width: 640px) {
.section-recruit-box .table.table-recruit {
display: block;
}
.section-recruit-box .table.table-recruit tr, .section-recruit-box .table.table-recruit td, .section-recruit-box .table.table-recruit th, .section-recruit-box .table.table-recruit tbody, .section-recruit-box .table.table-recruit thead, .section-recruit-box .table.table-recruit tfoot {
display: block;
padding: 0;
}
.section-recruit-box .table.table-recruit th, .section-recruit-box .table.table-recruit td {
padding: 5px 10px;
text-align: left;
border: none;
}
.section-recruit-box .table.table-recruit th {
background: rgba(47, 193, 123, 0.2);
border-top: 1px solid #2FC17B;
}
}
@media screen and (max-width: 640px) {
.recruit-sub-header .title {
font-size: 20px;
}
}
.pc_only {
display: block;
}
.sp_only {
display: none;
}
@media screen and (max-width: 640px) {
.sp_only {
display: block;
}
.pc_only {
display: none;
}
}
@media screen and (max-width: 640px) {
.sp_none {
display: none !important;
}
.sp_block {
display: block !important;
}
.sp_inline-block {
display: inline-block !important;
}
.sp_tac {
text-align: center !important;
}
.sp_tal {
text-align: left !important;
}
.sp_tar {
text-align: right !important;
}
.sp_fln {
float: none !important;
}
.sp_bdn {
border: none !important;
}
.sp_fz20 {
font-size: 18px !important;
}
.sp_fz12 {
font-size: 12px !important;
}
.sp_fz16 {
font-size: 16px !important;
}
.sp_w15 {
width: 15px !important;
}
.sp_h15 {
height: 15px;
}
.sp_w50 {
width: 50px;
}
.sp_w200 {
width: 200px;
}
.sp_w250 {
width: 250px;
}
.sp_w80 {
width: 80px !important;
}
.sp_w100 {
width: 100px !important;
}
.sp_w24p {
width: 24% !important;
}
.sp_w34p {
width: 34% !important;
}
.sp_w100p {
width: 100% !important;
}
.sp_wauto {
width: auto !important;
}
.sp_maxw100p {
max-width: 100% !important;
}
.sp_minwn {
min-width: none !important;
}
.sp_maxwn {
max-width: none !important;
}
.sp_col1 {
*zoom: 1;
}
.sp_col1:after {
content: "\0020";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
.sp_col1 > .cell {
width: auto !important;
float: none !important;
clear: both;
margin-right: 0;
margin-bottom: 20px;
}
.sp_col1 > .cell:nth-child(1n-1) {
float: none !important;
clear: both;
margin-right: 0;
margin-bottom: 20px;
}
.sp_col1 > .cell:nth-child(1n-0) {
float: none !important;
clear: both;
margin-right: 0;
margin-bottom: 20px;
}
.sp_p0 {
padding: 0px !important;
}
.sp_pt0 {
padding-top: 0px !important;
}
.sp_pb0 {
padding-bottom: 0px !important;
}
.sp_pl0 {
padding-left: 0px !important;
}
.sp_pr0 {
padding-right: 0px !important;
}
.sp_pv0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.sp_ph0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.sp_m0 {
margin: 0px !important;
}
.sp_mt0 {
margin-top: 0px !important;
}
.sp_mt-0 {
margin-top: 0px !important;
}
.sp_mb0 {
margin-bottom: 0px !important;
}
.sp_ml0 {
margin-left: 0px !important;
}
.sp_mr0 {
margin-right: 0px !important;
}
.sp_mv0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.sp_mh0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.sp_p5 {
padding: 5px !important;
}
.sp_pt5 {
padding-top: 5px !important;
}
.sp_pb5 {
padding-bottom: 5px !important;
}
.sp_pl5 {
padding-left: 5px !important;
}
.sp_pr5 {
padding-right: 5px !important;
}
.sp_pv5 {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.sp_ph5 {
padding-left: 5px !important;
padding-right: 5px !important;
}
.sp_m5 {
margin: 5px !important;
}
.sp_mt5 {
margin-top: 5px !important;
}
.sp_mt-5 {
margin-top: -5px !important;
}
.sp_mb5 {
margin-bottom: 5px !important;
}
.sp_ml5 {
margin-left: 5px !important;
}
.sp_mr5 {
margin-right: 5px !important;
}
.sp_mv5 {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.sp_mh5 {
margin-left: 5px !important;
margin-right: 5px !important;
}
.sp_p10 {
padding: 10px !important;
}
.sp_pt10 {
padding-top: 10px !important;
}
.sp_pb10 {
padding-bottom: 10px !important;
}
.sp_pl10 {
padding-left: 10px !important;
}
.sp_pr10 {
padding-right: 10px !important;
}
.sp_pv10 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.sp_ph10 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.sp_m10 {
margin: 10px !important;
}
.sp_mt10 {
margin-top: 10px !important;
}
.sp_mt-10 {
margin-top: -10px !important;
}
.sp_mb10 {
margin-bottom: 10px !important;
}
.sp_ml10 {
margin-left: 10px !important;
}
.sp_mr10 {
margin-right: 10px !important;
}
.sp_mv10 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.sp_mh10 {
margin-left: 10px !important;
margin-right: 10px !important;
}
.sp_p15 {
padding: 15px !important;
}
.sp_pt15 {
padding-top: 15px !important;
}
.sp_pb15 {
padding-bottom: 15px !important;
}
.sp_pl15 {
padding-left: 15px !important;
}
.sp_pr15 {
padding-right: 15px !important;
}
.sp_pv15 {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.sp_ph15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.sp_m15 {
margin: 15px !important;
}
.sp_mt15 {
margin-top: 15px !important;
}
.sp_mt-15 {
margin-top: -15px !important;
}
.sp_mb15 {
margin-bottom: 15px !important;
}
.sp_ml15 {
margin-left: 15px !important;
}
.sp_mr15 {
margin-right: 15px !important;
}
.sp_mv15 {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.sp_mh15 {
margin-left: 15px !important;
margin-right: 15px !important;
}
.sp_p20 {
padding: 20px !important;
}
.sp_pt20 {
padding-top: 20px !important;
}
.sp_pb20 {
padding-bottom: 20px !important;
}
.sp_pl20 {
padding-left: 20px !important;
}
.sp_pr20 {
padding-right: 20px !important;
}
.sp_pv20 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.sp_ph20 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.sp_m20 {
margin: 20px !important;
}
.sp_mt20 {
margin-top: 20px !important;
}
.sp_mt-20 {
margin-top: -20px !important;
}
.sp_mb20 {
margin-bottom: 20px !important;
}
.sp_ml20 {
margin-left: 20px !important;
}
.sp_mr20 {
margin-right: 20px !important;
}
.sp_mv20 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.sp_mh20 {
margin-left: 20px !important;
margin-right: 20px !important;
}
.sp_p25 {
padding: 25px !important;
}
.sp_pt25 {
padding-top: 25px !important;
}
.sp_pb25 {
padding-bottom: 25px !important;
}
.sp_pl25 {
padding-left: 25px !important;
}
.sp_pr25 {
padding-right: 25px !important;
}
.sp_pv25 {
padding-top: 25px !important;
padding-bottom: 25px !important;
}
.sp_ph25 {
padding-left: 25px !important;
padding-right: 25px !important;
}
.sp_m25 {
margin: 25px !important;
}
.sp_mt25 {
margin-top: 25px !important;
}
.sp_mt-25 {
margin-top: -25px !important;
}
.sp_mb25 {
margin-bottom: 25px !important;
}
.sp_ml25 {
margin-left: 25px !important;
}
.sp_mr25 {
margin-right: 25px !important;
}
.sp_mv25 {
margin-top: 25px !important;
margin-bottom: 25px !important;
}
.sp_mh25 {
margin-left: 25px !important;
margin-right: 25px !important;
}
.sp_p30 {
padding: 30px !important;
}
.sp_pt30 {
padding-top: 30px !important;
}
.sp_pb30 {
padding-bottom: 30px !important;
}
.sp_pl30 {
padding-left: 30px !important;
}
.sp_pr30 {
padding-right: 30px !important;
}
.sp_pv30 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.sp_ph30 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.sp_m30 {
margin: 30px !important;
}
.sp_mt30 {
margin-top: 30px !important;
}
.sp_mt-30 {
margin-top: -30px !important;
}
.sp_mb30 {
margin-bottom: 30px !important;
}
.sp_ml30 {
margin-left: 30px !important;
}
.sp_mr30 {
margin-right: 30px !important;
}
.sp_mv30 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.sp_mh30 {
margin-left: 30px !important;
margin-right: 30px !important;
}
.sp_p35 {
padding: 35px !important;
}
.sp_pt35 {
padding-top: 35px !important;
}
.sp_pb35 {
padding-bottom: 35px !important;
}
.sp_pl35 {
padding-left: 35px !important;
}
.sp_pr35 {
padding-right: 35px !important;
}
.sp_pv35 {
padding-top: 35px !important;
padding-bottom: 35px !important;
}
.sp_ph35 {
padding-left: 35px !important;
padding-right: 35px !important;
}
.sp_m35 {
margin: 35px !important;
}
.sp_mt35 {
margin-top: 35px !important;
}
.sp_mt-35 {
margin-top: -35px !important;
}
.sp_mb35 {
margin-bottom: 35px !important;
}
.sp_ml35 {
margin-left: 35px !important;
}
.sp_mr35 {
margin-right: 35px !important;
}
.sp_mv35 {
margin-top: 35px !important;
margin-bottom: 35px !important;
}
.sp_mh35 {
margin-left: 35px !important;
margin-right: 35px !important;
}
.sp_p40 {
padding: 40px !important;
}
.sp_pt40 {
padding-top: 40px !important;
}
.sp_pb40 {
padding-bottom: 40px !important;
}
.sp_pl40 {
padding-left: 40px !important;
}
.sp_pr40 {
padding-right: 40px !important;
}
.sp_pv40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.sp_ph40 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.sp_m40 {
margin: 40px !important;
}
.sp_mt40 {
margin-top: 40px !important;
}
.sp_mt-40 {
margin-top: -40px !important;
}
.sp_mb40 {
margin-bottom: 40px !important;
}
.sp_ml40 {
margin-left: 40px !important;
}
.sp_mr40 {
margin-right: 40px !important;
}
.sp_mv40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.sp_mh40 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.sp_p45 {
padding: 45px !important;
}
.sp_pt45 {
padding-top: 45px !important;
}
.sp_pb45 {
padding-bottom: 45px !important;
}
.sp_pl45 {
padding-left: 45px !important;
}
.sp_pr45 {
padding-right: 45px !important;
}
.sp_pv45 {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
.sp_ph45 {
padding-left: 45px !important;
padding-right: 45px !important;
}
.sp_m45 {
margin: 45px !important;
}
.sp_mt45 {
margin-top: 45px !important;
}
.sp_mt-45 {
margin-top: -45px !important;
}
.sp_mb45 {
margin-bottom: 45px !important;
}
.sp_ml45 {
margin-left: 45px !important;
}
.sp_mr45 {
margin-right: 45px !important;
}
.sp_mv45 {
margin-top: 45px !important;
margin-bottom: 45px !important;
}
.sp_mh45 {
margin-left: 45px !important;
margin-right: 45px !important;
}
.sp_p50 {
padding: 50px !important;
}
.sp_pt50 {
padding-top: 50px !important;
}
.sp_pb50 {
padding-bottom: 50px !important;
}
.sp_pl50 {
padding-left: 50px !important;
}
.sp_pr50 {
padding-right: 50px !important;
}
.sp_pv50 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.sp_ph50 {
padding-left: 50px !important;
padding-right: 50px !important;
}
.sp_m50 {
margin: 50px !important;
}
.sp_mt50 {
margin-top: 50px !important;
}
.sp_mt-50 {
margin-top: -50px !important;
}
.sp_mb50 {
margin-bottom: 50px !important;
}
.sp_ml50 {
margin-left: 50px !important;
}
.sp_mr50 {
margin-right: 50px !important;
}
.sp_mv50 {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.sp_mh50 {
margin-left: 50px !important;
margin-right: 50px !important;
}
}