/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {    color: #222;    font-size: 1em;    line-height: 1.4;}
::-moz-selection {    background: #b3d4fc;    text-shadow: none;}
::selection {    background: #b3d4fc;    text-shadow: none;}

hr {    display: block;    height: 1px;    border: 0;    border-top: 1px solid #ccc;    margin: 1em 0;    padding: 0;}
audio,canvas,iframe,img,svg,video {    vertical-align: middle;}
fieldset {    border: 0;    margin: 0;    padding: 0;}
textarea {    resize: vertical;}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {    margin: 0.2em 0;    background: #ccc;    color: #000;    padding: 0.2em 0;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* common settings
-------------------------------- */
body{ font-size:18px; line-height:170%; color:#333; margin:0; padding:0;
  font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , YuGothic ,'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif; font-weight: 500;
  -webkit-text-size-adjust: 100%;/* iOS landscape対策 */
}

h1,h2,h3,h4,h5,h6,p,ul,dl,ol{margin-top: 0;}
img{max-width: 100%; height: auto;}


/* link color */
a			{ color:#198022;}
a:hover		{ color:#42B238;}
a:visited	{ color:#253A6C;}

a img{ transition: all 0.3s; }
a:hover img{ opacity: 0.8;}

.memo{ color:#999;}
.brSpan{ display: inline-block;}

.txtGreen{ color: #42B238;}
.txtRightGreen{ color: #EDF8EB;}
.txtDarkGreen{ color: #198022;}

h2{ padding:20px 10px; text-align: center; font-size: 28px; line-height: 1.4; color: #42B238;}

hr.dot { height:5px; background: url(/common/img/line_dot.png) repeat-x ;border: 0; margin: 50px 0;}


/* ============================================
     struct
   ============================================ */
.struct { max-width: 1100px; margin: 0 auto; padding-left: 10px; padding-right: 10px; }


/* header
-------------------------------- */
header{ background: url(/common/img/header_bg.jpg) center bottom no-repeat; background-size: cover;}
header{ background: url(/common/img/home_headBg02.jpg) center center no-repeat; background-size: cover;}
header .inner{ background: url(/common/img/header_bg_cover@2x.png) center bottom no-repeat; background-size: 100% 67px;}
header .inner .struct{ margin: 0 auto; max-width: 1200px; padding: 20px 10px 77px;}
    header .inner .struct:before,
    header .inner .struct:after {    content: " ";    display: table;}
    header .inner .struct:after {    clear: both;}
    header .inner .struct {    *zoom: 1;}
header h1{ float: left;}
header .headerSub{ float: right;}
header .headerSub a{ display: block; padding-bottom: 10px;}
header .menuBtn{ display: none;width: 36px; height: 36px; background: url(/common/img/menu_btn@2x.png) no-repeat; background-size: contain; }
header .headerTxt{ display: none;}
header .pc{ display: inline;}
header .sp{ display: none;}

@media (max-width: 740px) {
    header { margin-bottom: 220px;}
    header .inner{ min-height: 300px;background-size: 1200px 67px; position: relative;}
    header h1{ position: absolute; bottom: -100px; float: inherit; text-align: center; width: 100%;}
    header .headerSub{ position: absolute; bottom: -220px; float: inherit; text-align: center; width: 100%;}
    header .headerTxt{ display: block; margin-top: 50px; color: #fff; text-align: center;}
    header .menuBtn{ display: block; position: fixed; top: 10px; right: 10px;}
    header .pc{ display: none;}
    header .sp{ display: inline;}
}


/* nav
-------------------------------- */
nav ul{ list-style: none; padding: 20px 0; text-align: center;}
nav ul li{ display: inline-block; margin: 0; padding: 0; border-left: 1px solid #efefef;}
    nav ul li:first-child{ border-left: 0;}
nav ul li a{ display: block; padding: 0 20px; font-size: 17px; line-height: 1.2; color: #4f4f4f; text-decoration: none; }
nav .menuClose{display: none;width: 36px; height: 36px; background: url(/common/img/menu_close@2x.png) no-repeat; background-size: contain; }
nav .navSub{display: none;}



@media (max-width: 880px) {
    nav ul li a{ padding: 0 10px; }
}
@media (max-width: 740px) {

    nav .menuClose{ display: block; position: absolute; top: 10px; right: 10px;}
    nav{ display: none; position: fixed ; width:100%; height: 100%; box-sizing: border-box; margin: 0; padding: 0; top: 0; left: 0; background-color: #EDF8EB; background-color: rgba(237,248,235,0.95); }
    nav .inner{  box-sizing: border-box; height: 100%;  padding: 105px 20px 20px; background: url(/common/img/header_logo.png) no-repeat center 20px ; overflow: auto; background-size: 100px 73px; }
    
    nav ul li{ display: block; margin-bottom: 5px;}

    nav ul li a{ padding: 10px 40px 10px 10px; background: url(/common/img/mark_arrow_right.png) no-repeat right center ; background-color: #fff; border-radius: 5px; color: #42B238; font-size: 16px; text-align: left;}
        nav ul li a:visited{ color: #42B238;}

    nav .navSub { display: block; text-align: center;}
    nav .navSub a{ display: inline-block; margin: 10px;}


}

nav.demo{display: block;}

/* pageTtl
-------------------------------- */
.pegeTtl{ margin: 50px 0 60px; padding:20px 10px; background-color: #EDF8EB; text-align: center; font-size: 28px; color: #42B238;}


/* main
-------------------------------- */
.main{ padding-bottom:50px; }
.main:before,
.main:after {    content: " ";    display: table;}
.main:after {    clear: both;}
.main {    *zoom: 1;}

.lead{ margin-bottom: 50px;}


/* footer
-------------------------------- */
footer{ background-color: #EDF8EB; padding: 45px 0 0;}
footer .floatBox .imgLeft{ margin: 0 50px 0 0;}
footer .floatBox .imgLeft img{ margin-bottom: 15px;}

footer .FooterContact a{ display: inline-block; margin:0 30px 20px 0;}

footer .txtStop ul{ background: url(/common/img/line_dot.png) repeat-x left top; list-style: none; padding: 30px 5px 0; font-size: 16px; line-height: 1.2;}
footer .txtStop ul li{ display: inline-block; margin:0 20px 15px 0; }
footer .txtStop ul li a{ color: #42B238; text-decoration: none;}
    footer .txtStop ul li a:hover{ text-decoration: underline;}

footer .copyright{ margin-bottom: 0; text-align: center; color: #42B238;}


@media (max-width: 640px) {

    footer .floatBox { display: block;}
    footer .floatBox .imgLeft{ margin: 0 auto 20px;}

    footer .FooterContact { text-align: center;}
    footer .FooterContact a{ margin:0 20px 20px;}
    footer .txtStop ul{ text-align: center;}

}


/* ============================================
     pages
   ============================================ */
.lead{ font-size: 20px; line-height: 1.6; text-align: center;}


/*  home
-------------------------------- */
/*
.home header{ background: url(/common/img/home_headBg.jpg) center bottom no-repeat; background-size: cover;}
*/
.home header{ background: url(/common/img/home_headBg02.jpg) center bottom no-repeat; background-size: cover;}
.home header .inner{ height: 620px;}
.home header .headerTxt{ display: block; color: #fff; position: absolute; right: 50%; top: 150px; margin-right: -210px; font-size: 30px; line-height: 1.6; text-align: center;}
/*
@media (max-width: 980px) {
    .home header .headerTxt{ text-align: left; right: inherit; left: 15px; }
}
*/
@media (max-width: 740px) {
    .home header .inner{ height: inherit;min-height: 300px;background-size: 1200px 67px; position: relative;}
    .home header .headerTxt{ text-align: center; position: static; left: inherit; top: inherit; margin-top: 50px;margin-right: inherit; font-size: 18px; line-height: 1.6;}
}

/* homeSecSupport */
.homeSecSupport{ padding: 50px 0; background-color: #EDF8EB;}
.homeSecSupport .item{ text-align: center;}
.homeSecSupport .item p{ margin-bottom: 10px;}

/* homeSecPorta / homeSecTarget / homeSecNews /  */
.homeSecPorta,
.homeSecTarget,
.homeSecNews   { padding: 80px 0; background: url(/common/img/line_dot.png) repeat-x left bottom; text-align: center;}
.homeSecNews .inner{ max-width: 1000px; margin-left: auto; margin-right: auto;}

.SecNews dl { text-align: left; line-height: 150%;}
.SecNews dl dt{ padding : 0.75em 0; color: #42B238;}
.SecNews dl dd{ margin:-3em 0 0 0; padding : 0.75em 0 0.75em 7em ; border-bottom: 1px dotted #ccc;}
    .SecNews dl dd:last-child{ border-bottom-width: 0;}
.SecNews .button02{ text-align: right;}

@media (max-width: 480px) {
    .SecNews dl dt{ padding-bottom : 0; }
    .SecNews dl dd{ margin:0; padding:0 0 0.75em; }
}

/* homeSecBlog */
.homeSecBlog{ padding: 80px 0;}
.homeSecBlog .inner{ max-width: 1000px; margin-left: auto; margin-right: auto;}
.homeSecBlog .flexBox .item{ width: 305px; margin-left: 14px; margin-right: 14px;}
.homeSecBlog .img,
.homeSecBlog .date{ margin-bottom: 5px;}
.homeSecBlog .button02{ text-align: right;}
.homeSecBlog .button02{ text-align: right;}
.homeSecBlog .button02{ text-align: right;}


/*  facility
-------------------------------- */
.flexBox.facility p{ margin-bottom: 5px; text-align: center;}
.flexBox.facility p.txt{ color: #42B238;}


/*  flow
-------------------------------- */
.flow .main .struct{ max-width: 740px;}


.flow .flexBox{ flex-wrap: nowrap; width: 480px; box-sizing: border-box; max-width: 100%; margin: 0 auto 20px; padding: 0 0 30px ; background: url(/common/img/mark_arrow_down2.png) no-repeat 60px bottom ; }

.flow .flexBox h3{width: 150px; box-sizing: border-box; margin: 0; padding: 10px; background-color:#42B238; border-radius: 5px 0 0 5px; text-align: center; font-size: 16px; line-height: 1.4; color: #fff; white-space: nowrap;}

.flow .flexBox h3 span{ display: inline-block; padding-left: 10px; font-size: 22px; line-height: 1.4; }
.flow .flexBox p{ width: 350px; box-sizing: border-box; margin: 0; background-color:#f2f2f2; padding: 10px; border-radius: 0 5px 5px 0; font-size: 18px; line-height: 1.4; }
    .flow .flexBox.num05{ background-image:none; }

@media (max-width: 480px) {
    .flow .flexBox{ background-position: center bottom;}


}

/*  work
-------------------------------- */
.work .main .struct{ max-width: 800px;}
.work h3{ margin-bottom: 50px; font-size: 24px; color:#42B238; text-align: center;}
.work h4{ font-size: 18px; color:#42B238;}

.work .workBox2{ margin-bottom: 30px; border-bottom: 1px dotted #ccc;}
.work .workBox2.firstChild{ border-top: 1px dotted #ccc; padding-top: 30px;}


/*  access
-------------------------------- */
.googleMap iframe{width: 100%; height: 400px;}


/*  faq
-------------------------------- */
.faq .struct{ max-width: 800px;}
.faq dt{ background: url(/common/img/icon_q.png) no-repeat left top; padding: 0px 0 5px 40px; font-size: 20px; color: #42B238;}
.faq dd{ background: url(/common/img/icon_a.png) no-repeat 6px top; margin: 20px 0 30px; padding: 0 0 20px 40px; border-bottom: 1px dotted #ccc; }


/*  news
-------------------------------- */
.news .struct{ max-width: 800px;}

.entryTtl{ font-size: 24px; color: #42B238;}
.entryDate{text-align: right;}

/*  company
-------------------------------- */
.company .struct{ max-width: 800px;}
.company table{ min-width: 600px; }

@media (max-width: 620px) {
.company table{ min-width: inherit; }
}

/*  contact
-------------------------------- */
.contact table th,
.contact table td{ padding: 25px 5px;}
.contact table th{ background-color: inherit;}
.contact table input,
.contact table textarea{ width: 100%; font-size: 16px; padding: 5px;}
.contact .must{ font-size: 14px; color: #f00;}
.contact .memo{ font-size: 14px; }
.contact .submit{ margin-top: 30px; text-align: center;}
.contact .submit input{ padding: 10px 40px; border: 0; border-radius: 100px; background-color: #42B238; color: #fff; font-size: 20px; line-height: 1; cursor: pointer;}
.contact .submit input:hover{ opacity: 0.8; }


@media (max-width: 480px) {
    .contact table th{ border-bottom: 0; padding-bottom: 0;}
    .contact table td{ padding-top: 0;}
    
}


/* 


.txtGreen{ color: #42B238;}
.txtRightGreen{ color: #EDF8EB;}
.txtDarkGreen{ color: #198022;}

*/





/* ============================================
     utility
   ============================================ */

/*  flexBox
-------------------------------- */
.flexBox{display: flex; flex-wrap: wrap;}
.flexBox.center {justify-content: center;}

.flexBox .item{ margin: 0 30px 30px;}

@media (max-width: 640px) {

    
}

/*  floatBox
-------------------------------- */
.floatBox:before,
.floatBox:after {    content: " ";    display: table;}
.floatBox:after {    clear: both;}
.floatBox {    *zoom: 1;}

.floatBox .imgLeft{ float:left; margin:0 30px 30px 0;}
.floatBox .imgRight{ float:right; margin:0 0 30px 30px;}
.floatBox .txtFloat{}
.floatBox .txtStop{ overflow:hidden;}

@media (max-width: 640px) {
  .floatBox .imgLeft,
  .floatBox .imgRight{ float:none; margin:0 auto 30px; text-align:center;}
}


/* button
-------------------------------- */
/* button01 */
.button01 a{ padding: 15px 50px; display: inline-block; background-color: #42B238; border-radius: 100px; box-shadow: 0px 3px 0 0 #198022; color: #fff; text-decoration: none; line-height: 1.2; transition: all .3s;}
    .button01 a:hover{ opacity: 0.8; }

/* button02 */
.button02 a{ display: inline-block; padding: 5px 20px; border: 1px solid #42B238;  background-color: #fff; border-radius: 5px; line-height: 1.2; text-decoration: none; color: #42B238; transition: all .3s;}
    .button02 a:hover{ opacity: 0.8;}


/*  table
-------------------------------- */
/* tblKei */
.tblKei{border-top: 1px solid #ccc;}
.tblKei th,
.tblKei td{ text-align: left; vertical-align: top;padding: 10px 20px; border-bottom: 1px solid #ccc; }

/* tbl01 */
.tbl01 {border-top: 1px solid #ccc; border-collapse: collapse;}
.tbl01 th,
.tbl01 td{ text-align: left; vertical-align: top;padding: 10px 20px; border-bottom: 1px solid #ccc; vertical-align: top; }
.tbl01 th{ background-color: #efefef; white-space: nowrap;}
@media (max-width: 480px) {
    .tbl01 th,
    .tbl01 td{ display: block;}
}



/* ul / dl
-------------------------------- */
/* ------ ul01 */
.ul01 {    list-style: none;    padding:0;    margin:0;}
.ul01 li {     padding-left: 1em;     text-indent: -1.2em;}
.ul01 li:before {    content: "◆ ";    color: #f00;}

/* ------ li margin bottom */
.limb5 li{ margin-bottom: 5px;}
.limb10 li{ margin-bottom: 10px;}
.limb15 li{ margin-bottom: 15px;}
.limb20 li{ margin-bottom: 20px;}

/* ------ dl01 （罫線付き） */
.dl01 {  border-top: 1px dotted #ccc; line-height: 150%;}
.dl01 dt{ padding : 0.75em 0;}
.dl01 dd{ margin:-3em 0 0 0; padding : 0.75em 0 0.75em 6em ; border-bottom: 1px dotted #ccc;}



/* ----- ページ送り CSS */
.pagenavi{padding:27px 0; font-size:18px; font-weight:bold; line-height:1;}
.pagenavi a,
.pagenavi span{ 
    display:block;
    float:left;
    padding:6px 12px;
    margin-left:5px;
    margin-bottom:5px;
    background:#fff;
	border:1px solid #42B238;
    text-decoration:none;
    color:#42B238;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.pagenavi a:hover{
    background:#42B238;
    color:#fff;
}
.pagenavi span{
	border:1px solid #42B238;
	background-color:#42B238;
	color:#fff;
}


/*  text align
-------------------------------- */
.txtAlignLeft{ text-align:left !important;}
.txtAlignRight{ text-align:right !important;}
.txtAlignCenter{ text-align:center !important;}

.boxCenter{ margin-left: auto; margin-right: auto;}



/*  WordPress 画像配置用CSS
-------------------------------- */
.alignleft { float:left; margin:0 20px 20px 0;}
.alignright { float:right; margin: 0 0 20px 20px;}
.aligncenter { display:block; text-align:center; margin:20px auto;}
@media only screen and (max-width: 740px) {
    .alignleft ,
    .alignright ,
    .aligncenter { display:block; float:none; text-align:center; margin:20px auto;}
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


/*  font-size
-------------------------------- */
.font10{ font-size:10px !important;}
.font11{ font-size:11px !important;}
.font12{ font-size:12px !important;}
.font13{ font-size:13px !important;}
.font14{ font-size:14px !important;}
.font15{ font-size:15px !important;}
.font16{ font-size:16px !important;}
.font17{ font-size:17px !important;}
.font18{ font-size:18px !important;}
.font19{ font-size:19px !important;}
.font20{ font-size:20px !important;}
.font22{ font-size:22px !important;}
.font24{ font-size:24px !important;}
.font26{ font-size:26px !important;}
.font28{ font-size:28px !important;}
.font30{ font-size:30px !important;}
.font32{ font-size:32px !important;}
.font34{ font-size:34px !important;}
.font36{ font-size:36px !important;}
.font38{ font-size:38px !important;}
.font40{ font-size:40px !important;}

/*  margin
-------------------------------- */
/*top*/
.mt00{margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

/*right*/
.mr00{margin-right:0 !important;}
.mr05{margin-right:5px !important;}
.mr08{margin-right:8px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

/*bottom*/
.mb00{margin-bottom:0 !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

/*left*/
.ml00{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

/* both side */
.ms00{margin-left:0 !important; margin-right:0 !important;}
.ms05{margin-left:5px !important; margin-right:5px !important;}
.ms10{margin-left:10px !important; margin-right:10px !important;}
.ms15{margin-left:15px !important; margin-right:15px !important;}
.ms20{margin-left:20px !important; margin-right:20px !important;}
.ms25{margin-left:25px !important; margin-right:25px !important;}
.ms30{margin-left:30px !important; margin-right:30px !important;}
.ms35{margin-left:35px !important; margin-right:35px !important;}
.ms40{margin-left:40px !important; margin-right:40px !important;}
.ms45{margin-left:45px !important; margin-right:45px !important;}
.ms50{margin-left:50px !important; margin-right:50px !important;}

/*  padding
-------------------------------- */
/*top*/
.pt00{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

/*right*/
.pr00{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr08{padding-right:8px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

/*bottom*/
.pb00{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

/*left*/
.pl00{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

/* both side */
.ps00{padding-left:0 !important; padding-right:0 !important;}
.ps05{padding-left:5px !important; padding-right:5px !important;}
.ps10{padding-left:10px !important; padding-right:10px !important;}
.ps15{padding-left:15px !important; padding-right:15px !important;}
.ps20{padding-left:20px !important; padding-right:20px !important;}
.ps25{padding-left:25px !important; padding-right:25px !important;}
.ps30{padding-left:30px !important; padding-right:30px !important;}
.ps35{padding-left:35px !important; padding-right:35px !important;}
.ps40{padding-left:40px !important; padding-right:40px !important;}
.ps45{padding-left:45px !important; padding-right:45px !important;}
.ps50{padding-left:50px !important; padding-right:50px !important;}