﻿.maindesign{
	width:100%;
	max-width:860px;
	margin: auto;
	font-family: "Noto Sans JP","ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
	}
.maindesign h1{
	margin:0;
	padding:0;
}
.maindesign h3{
	font-size: 1.15em;
    font-weight: bold;
    margin-bottom: 10px;
}
.maindesign img{
	border:none;
}
.maindesign ul{
	list-style: none;
	padding: 0;
}
.maindesign .fsMedium {
    padding: 0.75em!important;
}
.maindesign .breadcrumb {
    box-sizing: border-box;
    color: #83838f;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875em;
    line-height: 1.5;
	margin-bottom: 10px;
}
.maindesign .breadcrumb a {
    color: #83838f !important;
}
.maindesign .table01{
	width:100%;
	border-collapse: collapse;
	border: 1px #333 solid;
}
.maindesign .table01 th,
.maindesign .table01 td{
	border-bottom: 1px #333 solid;
	border-left: 1px #333 solid;
	text-align:left;
	line-height:16px;
	padding:0 10px;
	font-size:12px;
}

.maindesign .table01 td.hc{
	background-color:#c4d79b;
}
.maindesign .table01 td.kakaku{
	padding:5px !important;	
}
.maindesign .table01 th.link01{
	background-color:#ccedf3;
	width:120px;
}
.maindesign .table01 tr{
	background-color:#fff;
}
.maindesign .table01 tr:nth-child(even){
	background-color:#f2f2f2;
}
/*.maindesign .table01 a{
	display:block;
	height:28px;
	line-height: 28px;
	background-image:url(/include_html/koukoku/18_nouki_t/img/arrow_kakaku.png);
	background-repeat:no-repeat;
	background-position:8px center;
	background-position:left 8px center;
	padding:6px 0px;
	padding-left:36px;
	text-align:left;
}*/
.maindesign .table01 .kakaku a{
	white-space: nowrap;
	border-radius: 40px;
    font-weight: bold;
    width: auto;
    height: 100%;
    margin: 0;
    color: #FFF!important;
    display: flex;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    text-align: center;
	background: #EA6D0D;
	font-size: 1.0em;
    padding: 0.5em;
}

.maindesign .table01 th{
	padding:4px 0px;
	text-align:center;
	background-color:#ddd9c4;
	border-bottom: 1px #333 solid;
	color:#333;
	font-weight:bold;
}



.maindesign .table01 a:link,
.maindesign .table01 a:visited,
.maindesign .table01 a:active{
	color:#333;
}
/*.maindesign .table01 a:hover{
	color:#fff;
	background-color:#09F;
}*/
.mask01:hover{
	opacity:0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
	background: #f00;
	}
.mask02{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	/*background: #FFF;*/
	}
/*div#main .maindesign h2{
	text-align:left;
	padding:0;
	font-weight:bold;
	font-size:20px;
	color:#fff;
	padding:10px 0;
	padding-left:10px;
	line-height:24px;
	background-color:#bf7700;
	margin-bottom:10px;
}
div#main .maindesign h3{
	font-size:1.8em;
	font-weight:bold;
	margin:48px 0 24px;
	padding:0 0 6px;
	background:none;
	text-align:left;
	color:#928854;
	border-bottom:solid 3px #928854;
}*/
div#main .maindesign h2.marginTop30{
	margin-top:30px;
}
div#main .maindesign h4{
	font-size:1.4em;
	font-weight:bold;
	margin:28px 0 20px;
	padding:0 0 6px;
	background:none;
	text-align:left;
	color:#333;
	border-bottom:solid 1px #ccc;
}
div#main .maindesign p{
	/*text-align:left;
	font-size:16px;
	margin:18px 0 36px;
	margin-left:1.0em;*/
	padding:0;
	line-height:28px;
}

div#main .maindesign a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}


/*div#main .maindesign.ind h2{
	text-align:left;
	margin-top:30px;
	margin-bottom:10px;
	padding:0;
	font-weight:bold;
	font-size:22px;
	background: none;
	color: #333;
}
div#main .maindesign.ind h3{
	font-size:1.8em;
	font-weight:bold;
	margin:48px 0 24px;
	padding:0 0 6px;
	background:none;
	text-align:left;
	color:#928854;
	border-bottom:solid 3px #928854;
	background: none;
	color: #333;}*/

.maindesign .table01.taue td.hc{
    background-color: #1a9b9e;
    color: #fff;
}
.maindesign .table01.implement td.hc{
    background-color: #ccc0da;
}
.maindesign .table01.cart td.hc2{
    background-color: #b8cce4;
}
.maindesign .ichiran{
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.maindesign .ichiran li{
	width: calc(33.3% - 10px);
	margin-right: calc(30px / 2);
	margin-bottom: 10px;
}
.maindesign .ichiran li:nth-child(3n){
	margin-right: 0;
}
.maindesign .ichiran li .block{
	display: block;
	margin-bottom: 5px;
}
@media screen and (max-width: 767px){
.maindesign .ichiran li{
	width: calc(50% - 10px);
	margin-right: 10px;
	margin-bottom: 10px;
}
.maindesign .ichiran li:nth-child(3n){
	margin-right: 10px;
}
.maindesign .ichiran li:nth-child(2n){
	margin-right: 0;
}
	
}

.maindesign .flex2-1{
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.maindesign .flex2-1 li{
	width: calc(50% - 10px);
	margin-right: 20px;
}
.maindesign .flex2-1 li:nth-child(2n){
	margin-right: 0;
}
@media screen and (max-width: 767px){
.maindesign .flex2-1 li{
	width: 100%;
	margin-right: 0;
	margin-bottom: 10px;
}
.maindesign .kanren a{
	display: block;
	width: 80%;
	margin: auto;
}
}

.maindesign .tenpo{
	text-align: center;
}
.maindesign .tenpo p{
	margin-bottom: 10px;
}
.maindesign .tenpo a{
	display: block;
	width: 50%;
	margin: auto;
}
@media screen and (max-width: 767px){
.maindesign .tenpo a{
	width: 80%;
}
}

.maindesign .koukan{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.maindesign .koukan .koukan_img{
	width: calc(50% - 10px);
}
.maindesign .koukan .koukan_txt{
	width: calc(50% - 10px);
	margin-left: 20px;
}
.maindesign .koukan .koukan_txt p{
		margin-bottom: 30px;
}
.maindesign .koukan .koukan_txt a{
	width: 80%;
	margin: auto;
	display: block;
}
@media screen and (max-width: 767px){
.maindesign .koukan .koukan_img{
	width:100%;
}
.maindesign .koukan .koukan_txt{
	width:100%;
	margin-left: 0;
}
	
}
div#main .maindesign .links li .text-box{
	text-align: inherit;
}
.maindesign .cover-btn {
    width: 50%;
    margin: 30px auto;
}
@media screen and (max-width: 767px){
.maindesign .cover-btn {
    width: 100%;
}
}
div#main .maindesign .cover-btn a{
	height: auto;
}



/*230323*/
.maindesign .title_inner {
    background-color: rgba(0,0,0,0.3);
    padding: 10px 30px;
    line-height: 1.4;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 70%;
    height: 65%;
    text-align: center;
    white-space: nowrap;
}
.maindesign h3 {
    border-left: 4px solid #f00;
    font-size: 1.2em;
    font-weight: bold;
    margin: 20px 0 10px 0;
    text-align: left;
    padding: 0.6rem 1rem;
    line-height: 1.2;
}
.maindesign .cols2 {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
		margin-bottom: 10px;
}
.maindesign .cols2 .cate_container {
	width: calc( 50% - 10px);
	align-self: flex-end;
	margin-bottom: 20px;
}
.maindesign .cols2 .cate_container_02 {
	width: calc( 50% - 10px);
}
.maindesign .cols2 .img_container {
	width: 45%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.maindesign .cols2 .text_container {
	width: 55%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
div#main .maindesign .icon_01 {
  /* テキストエリアの作成と、テキストの上下中央よせ */
  padding-top: 20px;
  padding-bottom: 20px;

  /*padding-left: 60px;  画像の配置場所を確保 */
  background-image: url("/include_html/koukoku/18_nouki_t/images_230323/icon_1.jpg"); /* 画像URLを指定 */
  background-position: left center; /* 画像の位置 */
  background-size: 50px 50px; /* 画像のサイズ */
  background-repeat: no-repeat; /* 背景画像の繰り返しなくす */
}
div#main .maindesign .icon_02 {
  /* テキストエリアの作成と、テキストの上下中央よせ */
  padding-top: 20px;
  padding-bottom: 20px;

  /*padding-left: 60px;  画像の配置場所を確保 */
  background-image: url("/include_html/koukoku/18_nouki_t/images_230323/icon_2.jpg"); /* 画像URLを指定 */
  background-position: left center; /* 画像の位置 */
  background-size: 50px 50px; /* 画像のサイズ */
  background-repeat: no-repeat; /* 背景画像の繰り返しなくす */
}
div#main .maindesign .icon_03 {
  /* テキストエリアの作成と、テキストの上下中央よせ */
  padding-top: 20px;
  padding-bottom: 20px;

  /*padding-left: 60px;  画像の配置場所を確保 */
  background-image: url("/include_html/koukoku/18_nouki_t/images_230323/icon_3.jpg"); /* 画像URLを指定 */
  background-position: left center; /* 画像の位置 */
  background-size: 50px 50px; /* 画像のサイズ */
  background-repeat: no-repeat; /* 背景画像の繰り返しなくす */
}
div#main .maindesign .icon_04 {
  /* テキストエリアの作成と、テキストの上下中央よせ */
  padding-top: 20px;
  padding-bottom: 20px;

  /*padding-left: 60px;  画像の配置場所を確保 */
  background-image: url("/include_html/koukoku/18_nouki_t/images_230323/icon_4.jpg"); /* 画像URLを指定 */
  background-position: left center; /* 画像の位置 */
  background-size: 50px 50px; /* 画像のサイズ */
  background-repeat: no-repeat; /* 背景画像の繰り返しなくす */
}
div#main .maindesign .icon_05 {
  /* テキストエリアの作成と、テキストの上下中央よせ */
  padding-top: 20px;
  padding-bottom: 20px;

  /*padding-left: 60px;  画像の配置場所を確保 */
  background-image: url("/include_html/koukoku/18_nouki_t/images_230323/icon_5.jpg"); /* 画像URLを指定 */
  background-position: left center; /* 画像の位置 */
  background-size: 50px 50px; /* 画像のサイズ */
  background-repeat: no-repeat; /* 背景画像の繰り返しなくす */
}
div#main .maindesign .icon_06 {
  /* テキストエリアの作成と、テキストの上下中央よせ */
  padding-top: 20px;
  padding-bottom: 20px;

  /*padding-left: 60px;  画像の配置場所を確保 */
  background-image: url("/include_html/koukoku/18_nouki_t/images_230323/icon_6.jpg"); /* 画像URLを指定 */
  background-position: left center; /* 画像の位置 */
  background-size: 50px 50px; /* 画像のサイズ */
  background-repeat: no-repeat; /* 背景画像の繰り返しなくす */
}
div#main .maindesign .icon_07 {
  /* テキストエリアの作成と、テキストの上下中央よせ */
  padding-top: 20px;
  padding-bottom: 20px;

  /*padding-left: 60px;  画像の配置場所を確保 */
  background-image: url("/include_html/koukoku/18_nouki_t/images_230323/icon_7.jpg"); /* 画像URLを指定 */
  background-position: left center; /* 画像の位置 */
  background-size: 50px 50px; /* 画像のサイズ */
  background-repeat: no-repeat; /* 背景画像の繰り返しなくす */
}
div#main .maindesign .icon_08 {
  /* テキストエリアの作成と、テキストの上下中央よせ */
  padding-top: 20px;
  padding-bottom: 20px;

  /*padding-left: 60px;  画像の配置場所を確保 */
  background-image: url("/include_html/koukoku/18_nouki_t/images_230323/icon_8.jpg"); /* 画像URLを指定 */
  background-position: left center; /* 画像の位置 */
  background-size: 50px 50px; /* 画像のサイズ */
  background-repeat: no-repeat; /* 背景画像の繰り返しなくす */
}
#main .relation {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main a.feature {
    color: #000000;
    text-decoration: none;
}
#main .feature {
    width: 49%;
    height: auto;
    min-height: 75px;
    margin-bottom: 10px;
    padding: 10px 0;
    border: 1px solid #ccc;
    position: relative;
    transition: 0.6s;
    justify-content: space-between;
	display: flex !important;
}
#main .feature .relation_text {
	width: 70%;
	padding-left: 10px;
}
#main .feature .feat_title {
	font-size: 1.2em;
	font-weight: bold;
}
#main .feature .feat_text {
	font-size: 0.8em;
	line-height: 1.2;
	margin-top: 10px;
}
#main .feature .relation_img {
	width: 20%;
	padding-right: 5px;
}
#main .feature .relation_img img {
	width: 100%;
	height: auto;
	max-width: 80px;
}
#main .lead-text {
	font-size: 16px !important;
}
@media screen and (max-width: 767px) {
	.maindesign .cols2 {
		justify-content: space-between;
		/*max-height: 170px;*/
	}
	.maindesign .cols2 .cate_container {
	width: 100%;
}
	.maindesign .cols2 .img_container {
		/*width: 40%;
		max-height: 170px;*/
	}
	.maindesign .cols2 .img_container > img {
		/*height: 100%;
		width: auto;*/
	}
	.maindesign .cols2 .text_container {
		/*width: 50%;
		height: 170px;*/
	}
	.maindesign .mbgc_blue {
		font-size: 0.7rem;
		margin-bottom: 0.2rem;
		padding: 0.2em;
	}
	.maindesign .mbgc_gray {
		font-size: 0.7rem;
		margin-bottom: 0.2rem;
		padding: 0.2em;
	}
	.maindesign .cols2 .text_container li {
		font-size: 0.7rem;
	}
		#main .feature__items li {
		width: 100%;
	}
	#main .feature {
		width: 100%;
		align-items: center;
	}
}
.maindesign .AC-blocks {
    margin: 30px 0 20px;
    border: 2px solid #ccc;
}
.maindesign .AC-blocks .model-block {
    text-align: center;
    /* margin-top: 20px; */
    background: #fff;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0.5em 1.3em;
    position: relative;
    cursor: pointer;
}
.maindesign .AC-blocks .model-block::after {
    font-family: 'Noto Sans JP', sans-serif;
    content: url(/include_html/koukoku/newlife/img/arrow_forward.svg);
    transform-origin: center;
    transform: translateY(-50%);
    color: #9ca289;
    display: inline-block;
    align-items: center;
    /* padding: 0.5em; */
    transition: 0.5s;
    position: absolute;
    top: 50%;
    right: 1%;
    height: 25px;
    width: 25px;
}
.maindesign .AC-blocks .model-block.active::after {
    transform: rotate(
180deg) translateY(50%);
}
.maindesign .AC-blocks .sub-block {
    display: none;
    padding: 10px;
     /*border: 2px solid #ccc; */
}
.maindesign .AC-blocks .model-block02 {
    text-align: center;
    /* margin-top: 20px; */
    background: #fff;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0.5em 1.3em;
    position: relative;
    cursor: pointer;
}
.maindesign .AC-blocks .model-block02::after {
    font-family: 'Noto Sans JP', sans-serif;
    content: url(/include_html/koukoku/newlife/img/arrow_forward.svg);
    transform-origin: center;
    transform: translateY(-50%);
    color: #9ca289;
    display: inline-block;
    align-items: center;
    /* padding: 0.5em; */
    transition: 0.5s;
    position: absolute;
    top: 50%;
    right: 1%;
    height: 25px;
    width: 25px;
}
.maindesign .AC-blocks .model-block02.active::after {
    transform: rotate(
180deg) translateY(50%);
}
.maindesign .AC-blocks .sub-block02 {
    display: none;
     padding: 10px;
    /*border: 2px solid #ccc; */
}
.maindesign .AC-blocks .model-block03 {
    text-align: center;
    /* margin-top: 20px; */
    background: #fff;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0.5em 1.3em;
    position: relative;
    cursor: pointer;
}
.maindesign .AC-blocks .model-block03::after {
    font-family: 'Noto Sans JP', sans-serif;
    content: url(/include_html/koukoku/newlife/img/arrow_forward.svg);
    transform-origin: center;
    transform: translateY(-50%);
    color: #9ca289;
    display: inline-block;
    align-items: center;
    /* padding: 0.5em; */
    transition: 0.5s;
    position: absolute;
    top: 50%;
    right: 1%;
    height: 25px;
    width: 25px;
}
.maindesign .AC-blocks .model-block03.active::after {
    transform: rotate(
180deg) translateY(50%);
}
.maindesign .AC-blocks .sub-block03 {
    display: none;
     padding: 10px;
    /*border: 2px solid #ccc; */
}
.maindesign .AC-blocks .model-block04 {
    text-align: center;
    /* margin-top: 20px; */
    background: #fff;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0.5em 1.3em;
    position: relative;
    cursor: pointer;
}
.maindesign .AC-blocks .model-block04::after {
    font-family: 'Noto Sans JP', sans-serif;
    content: url(/include_html/koukoku/newlife/img/arrow_forward.svg);
    transform-origin: center;
    transform: translateY(-50%);
    color: #9ca289;
    display: inline-block;
    align-items: center;
    /* padding: 0.5em; */
    transition: 0.5s;
    position: absolute;
    top: 50%;
    right: 1%;
    height: 25px;
    width: 25px;
}
.maindesign .AC-blocks .model-block04.active::after {
    transform: rotate(
180deg) translateY(50%);
}
.maindesign .AC-blocks .sub-block04 {
    display: none;
     padding: 10px;
    /*border: 2px solid #ccc; */
}
.maindesign .AC-blocks .model-block05 {
    text-align: center;
    /* margin-top: 20px; */
    background: #fff;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0.5em 1.3em;
    position: relative;
    cursor: pointer;
}
.maindesign .AC-blocks .model-block05::after {
    font-family: 'Noto Sans JP', sans-serif;
    content: url(/include_html/koukoku/newlife/img/arrow_forward.svg);
    transform-origin: center;
    transform: translateY(-50%);
    color: #9ca289;
    display: inline-block;
    align-items: center;
    /* padding: 0.5em; */
    transition: 0.5s;
    position: absolute;
    top: 50%;
    right: 1%;
    height: 25px;
    width: 25px;
}
.maindesign .AC-blocks .model-block05.active::after {
    transform: rotate(
180deg) translateY(50%);
}
.maindesign .AC-blocks .sub-block05 {
    display: none;
     padding: 10px;
    /*border: 2px solid #ccc; */
	position: relative;
}



/*-----------------------------------------------------------
		common
-----------------------------------------------------------*/
/*-- text-align --*/
.txt-left { text-align: left   !important; }
.txt-right { text-align: right  !important; }
.txt-center { text-align: center !important; }

/*-- float --*/
.right { float: right !important; }
.left { float: left  !important; }
.clear { clear: both !important; }

/*-- font-size --*/
.fs08em { font-size: 0.8em !important; }
.fs10em { font-size: 1.0em !important; }
.fs15em { font-size: 1.5em !important; }
.fs20em { font-size: 2.0em !important; }
.fs25em { font-size: 2.5em !important; }
.fs30em { font-size: 3.0em !important; }
.fs35em { font-size: 3.5em !important; }
.fs40em { font-size: 4.0em !important; }
.fs45em { font-size: 4.5em !important; }
.fs50em { font-size: 5.0em !important; }

/*-- letter-spacing --*/
.ls00em{ letter-spacing:0.0em !important; }
.ls01em{ letter-spacing:0.1em !important; }
.ls02em{ letter-spacing:0.2em !important; }
.ls03em{ letter-spacing:0.3em !important; }
.ls04em{ letter-spacing:0.4em !important; }
.ls05em{ letter-spacing:0.5em !important; }
.ls06em{ letter-spacing:0.6em !important; }
.ls07em{ letter-spacing:0.7em !important; }
.ls08em{ letter-spacing:0.8em !important; }
.ls09em{ letter-spacing:0.9em !important; }
.ls10em{ letter-spacing:1.0em !important; }

/*-- font-weight --*/
.bold { font-weight:bold !important; }

/*-- margin-top --*/
.mt00 { margin-top:  0px !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; }

/*-- margin-right --*/
.mr00 { margin-right:  0px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
 
 /*-- margin-bottom --*/
.mb00 { margin-bottom:  0px !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; }
.mb90 { margin-bottom: 90px !important; }
 
 /*-- margin-left --*/
.ml00 { margin-left:  0px !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; }

/*-- padding-top --*/
.pt00 { padding-top:  0px !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; }

/*-- padding-right --*/
.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }

/*-- padding-bottom --*/
.pb00 { padding-bottom:  0px !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; }

/*-- padding-left --*/
.pl00 { padding-left:  0px !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; }