@charset "utf-8";

/* =============================================================
基本設定、各ページ共通のレイアウトを定義
============================================================= */


/* reset
-------------------------------------------------------------- */

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}img{vertical-align:bottom}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}



html {
	font-size: 62.5%;
}

body {
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
	width: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 1.4rem;
	line-height: 1.8;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body * {
	box-sizing: border-box;
}

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


::-moz-selection {
  color: #333;
  background: #ffef40;
}

::selection {
  color: #333;
  background: #ffef40;
} 


@media screen and (max-width:768px) {
	body {
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-o-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}
}



/* a 
-------------------------------------------------------------- */

a {
	color: #333;
	text-decoration: underline;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

a:hover,
a:active {
	text-decoration: none;
}



/* img 
-------------------------------------------------------------- */

img {
	max-width: 100%;
	height: auto;
	border: 0;
}

.img-rp {
	display: block;
	width: 100%;
	height: auto;
}


/* layout
---------------------------------------------------------- */

.sec_inner{
	position:relative;
    z-index:0;
	width: 100%;
	max-width:1000px;
	margin:auto;
}


@media screen and (max-width:1024px) {
    .sec_inner{
		padding:0 40px;
	}
}

@media screen and (max-width:767px) {
    .sec_inner{
		padding:0 20px;
	}
}



/* contents
---------------------------------------------------------- */

#contents {
	overflow: hidden;
	padding-top:90px;
	padding-bottom:90px;
}

.home #contents {
	padding-bottom:0;
}


@media screen and (max-width:767px) {
	#contents {
		padding-top:60px;
		padding-bottom:60px;
	}
}



/* header
---------------------------------------------------------- */

#header {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	background:#FFF;
	box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.14);
}

.header_inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
    align-items: center;
	position: relative;
	z-index:0;
	width:100%;
	padding:0 50px;
}

@media screen and (max-width:1024px) {
	#header {
        position: fixed;
		padding: 20px 0;
	}
	.header_inner{
		padding:0 40px;
	}
}

@media screen and (max-width:767px) {
	#header {
		padding:14px 0;
	}
	.header_inner{
		padding:0 20px;
	}
	.site-id {
		width:150px;
	}
}



/* g-nav
---------------------------------------------------------- */

#nav-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#nav-header > li > a {
	display: block;
	position: relative;
	z-index: 0;
	font-size:1.6rem;
	font-weight: bold;
	padding: 30px 20px;
	letter-spacing: 0.04em;
	text-decoration: none;
}

.nav-sns-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding-left:30px;
}

.nav-sns-header li:not(:last-child) {
	margin-right:10px;
}

.nav-sns-header li{
	position: relative;
	z-index:0;
	width: 36px;
}

.nav-sns-header li a {
	display: table;
	position: absolute;
	z-index: 1;
	top: 50%;
	right:0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	width: 36px;
	height: 36px;
	color:#FFF;
	border-radius:50%;
	text-decoration: none;
}

.nav-sns-header li a i{
	display: table-cell;
	vertical-align: middle;
	font-size:1.6rem;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}


@media screen and (min-width:1025px) {
	#g-nav{
		display:block !important;
	}
	.g-nav_inner{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#nav-header > li.is-active > a {
		color: #ff6d5c;
	}
	#nav-header > li > a:after,
	#nav-header > li.is-active a:after {
		content: '';
		position: absolute;
		z-index: -1;
		bottom: 0;
		left: 0;
		right: 0;
		width: 0;
		height: 6px;
		margin: auto;
		background: #b2de4a;
		opacity: 0;
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
	}
	#nav-header > li > a:hover:after,
	#nav-header > li.is-active > a:after {
		opacity: 1;
		width: 100%;
	}
	.nav-sns-header li a {
		background: #2aa151;
		border:1px solid #2aa151;
	}
	.nav-sns-header li a:hover {
		background: #FFF;
	}
	.nav-sns-header li a:hover i {
		color: #2aa151;
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
}

@media screen and (max-width:1024px) {
	#g-nav {
		display: none;
		position: fixed;
		z-index: 3;
		top:0;
		left: 0;
		background: rgba(0,0,0,0.7);
		width: 100%;
		height: 100%;
	}
	.g-nav_inner{
		position: absolute;
		z-index: 1;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%;
		padding-bottom:60px;
	}
	#nav-header {
		padding-bottom:40px;
	}
	#nav-header > li {
		text-align: center;
		width: 100%;
	}
	#nav-header > li > a {
		font-size:1.7rem;
		padding:14px 20px;
		color: #FFF;
	}
	.nav-sns-header {
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		padding-left:0;
	}
	.nav-sns-header a {
		background:none;
		border:1px solid #FFF;
	}

}



/* btn-nav
---------------------------------------------------------- */

#btn-nav {
	cursor: pointer;
}

.btn-nav_inner {
    position: relative;
	z-index:1;
    width: 22px;
    margin: 0 auto;
}

.btn-nav_inner span,
.btn-nav_inner span:nth-of-type(2):after{
    display: block;
    height: 2px;
	width: 100%;
    background: #333;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

.btn-nav_inner span:nth-of-type(2):after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

.btn-nav_inner span:not(:last-child) {
    margin-bottom: 5px;
}

#btn-nav.is-active .btn-nav_inner span:nth-of-type(1) {transform: translateY(20px) scale(0);}
#btn-nav.is-active .btn-nav_inner span:nth-of-type(2) {transform: rotate(-45deg);}
#btn-nav.is-active .btn-nav_inner span:nth-of-type(2)::after {transform: rotate(90deg);}
#btn-nav.is-active .btn-nav_inner span:nth-of-type(3) {transform: translateY(-20px) scale(0);}

#btn-nav.is-active{
	z-index:3;
}

#btn-nav.is-active .btn-nav_inner span,
#btn-nav.is-active .btn-nav_inner span:nth-of-type(2)::after{
	background-color: #FFF;
}


@media screen and (min-width:1025px) {
	#btn-nav {
		display: none;
	}
}



/* #sec-download
---------------------------------------------------------- */

#sec-download {
	overflow: hidden;
	position: relative;
	z-index: 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

#sec-download .sec_inner {
	padding: 70px 0;
}

.img-download {
	position: absolute;
	z-index: -1;
	top: 0;
	right: -110px;
	width: 100%;
	height: 100%;
	background: url(../img/common/bg_download.png) bottom right no-repeat;
}

.download_cont {
	width: 460px;
}

.download_cont h3 {
	font-size: 1.5rem;
	font-weight: bold;
	margin:20px 0 30px;
	line-height: 1.5;
	letter-spacing: 0.16em;
}

.download_cont h4 {
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom:15px;
	line-height: 1.4;
	letter-spacing: 0.1em;
}

.btn-download:hover{
	opacity:0.7;
}


@media screen and (max-width:768px) {
	#sec-download .sec_inner {
		padding:0;
	}
	.download_cont {
		width: 100%;
		padding:30px 20px 40px;
	}
	.download_cont h3 {
		margin:20px 0 20px;
	}
	.download_cont h4 {
		font-size: 2.0rem;
	}
	.img-download{
		position: static;
		height:340px;
		background: url(../img/common/bg_download.png) bottom center no-repeat;
		background-size:cover; 
	}
}

@media screen and (max-width:767px) {
	.site-id-footer img{
		width: 220px;
		height: auto;
	}
	.img-download{
		height:240px;
	}
}



/* footer
---------------------------------------------------------- */

.footer_cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding:45px 0 70px;
}

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

.nav-footer:first-child {
	margin-right:95px;
}

.nav-footer li {
	margin-bottom:7px;
}

.nav-footer li a {
	position: relative;
	z-index: 0;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 0.06em;
	color: #3faa62;
	text-decoration: none;
}

.nav-footer li a:before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top:0;
	left: 0;
	width:0;
	height:100%;
	background:#ffef40;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

.nav-footer li a:hover:before {
	width:100%;
}

.nav-sns-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:5px 0 30px;
}

.nav-sns-footer h3{
  font-size: 1.5rem;
  font-weight:700;
  letter-spacing: 0.06em;
  color: #3faa62;
}

.nav-sns-footer ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding-left:30px;
}

.nav-sns-footer ul li:not(:last-child) {
	margin-right:10px;
}

.nav-sns-footer ul li{
	position: relative;
	z-index:0;
	width: 36px;
}

.nav-sns-footer ul li a {
	display: table;
	position: absolute;
	z-index: 1;
	top: 50%;
	right:0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	width: 36px;
	height: 36px;
	color:#FFF;
	background: #2aa151;
	border:1px solid #2aa151;
	border-radius:50%;
	text-decoration: none;
}

.nav-sns-footer ul li a i{
	display: table-cell;
	vertical-align: middle;
	font-size:1.6rem;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

.nav-sns-footer ul li a:hover {
	background: #FFF;
}

.nav-sns-footer ul li a:hover i {
	color: #2aa151;
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.copy-right{
	border-top:1px solid #e5e5e5;
	padding:20px 0;
}

.copy-right p{
	font-size:1.4rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #3faa62;
}

.footer_tel{
	display:block;
	text-align: right;
	font-size:1.3rem;
	font-weight:bold;
	line-height:1.68;
	letter-spacing:0.1em;
	color: #3faa62;
	text-decoration: none;
}

.footer_tel .en{
	display:block;
	font-size:2.4rem;
	font-weight:700;
	margin-top:0.3em;
	line-height:1;
	letter-spacing:0.1em;
}


@media screen and (min-width:1025px) {
	.nav-sns-footer {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
}

@media screen and (max-width:1024px) {
	.footer_cont_right {
		width:100%;
		margin-top:20px;
	}
	.footer_tel{
		text-align: left;
	}
}

@media screen and (max-width:768px) {
	.footer_cont {
		padding:25px 0 50px;
	}
	.nav-sns-footer{
		margin-bottom:40px;
	}
	.nav-sns-footer ul {
		width: 100%;
		height:36px;
		margin-top:5px;
		padding-left:0;
	}
	.copy-right{
		padding:15px 0;
		margin-bottom:55px;
	}
	.copy-right p{
		font-size:1.3rem;
	}
}



/* footer-fixed-sp
---------------------------------------------------------- */

#footer-fixed-sp{
	display: none;
	text-align: center;
	position: fixed;
	z-index:1;
	bottom:-200%;
	left:0;
	width: 100%;
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
}

#footer-fixed-sp a {
	display: block;
	text-align: center;
	font-size:1.5rem;
	font-weight:bold;
	padding:13px 20px;
	background:#ffef40;
	letter-spacing: 0.02em;
	text-decoration: none;
}

#footer-fixed-sp a i{
	font-weight:900;
	margin-left:8px;
}


@media screen and (max-width:768px) {
	#footer-fixed-sp{
		display: block;
	}
	#footer-fixed-sp.is-shown{
		bottom:0;
	}
}



/* pageTop
---------------------------------------------------------- */

#pageTop {
	display:none;
    position: fixed;
    z-index: 1;
    right: 7%;
    bottom: 10%;
}

#pageTop a {
    text-align: center;
    display: table;
    width: 66px;
    height: 66px;
    font-size: 1.57em;
    background:#ffef40;
    text-decoration:none;
	border-radius:50%;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

#pageTop a i {
    display: table-cell;
    vertical-align: middle;
    color:#3faa62;
}

#pageTop a:hover{
	margin-bottom:4px;
}

#pageTop a:hover i{
	animation: anim-pagetop .65s cubic-bezier(0.215,.61,.355,1) 0s 1;
}

@keyframes anim-pagetop {
	0% {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
	50% {
		transform: translate3d(0, -5px, 0);
		opacity: 0
	}
	50.1% {
		transform: translate3d(0, 5px, 0);
		opacity: 0
	}
	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@media screen and (max-width:768px) {
    #pageTop {
		display:none !important;
	}
}


/* facebook シェアボタンのバグ調整用
---------------------------------------------------------- */

.fb-like > span {
	width: 135px !important;
	height: 20px !important;
}
.fb-like iframe {
	width: 135px !important;
	height: 20px !important;
}




/* =============================================================
汎用クラスを定義
============================================================= */


/* Tool
---------------------------------------------------------- */

/* display */
.is-block {display:block;}
.is-ilblock {display:inline-block;}
.is-block-center{display:block;margin:0 auto;}

/* text-align */
.taL {text-align: left;}
.taC {text-align: center;}
.taR {text-align: right;}

/* float */
.flt-l {float: left;}
.flt-r {float: right;}
.cf:after {
	content: "";
	display: table;
	clear: both;
}

/* font */
.en{
	font-family: 'Quicksand', sans-serif;
	font-weight:400;
}

/* font-weight */
.is-normal {font-weight:normal;}
.is-bold {font-weight:bold; }

/* color */
.is-green { color: #3faa62;}
.is-lgreen { color:#b2de4a;}
.is-orange { color:#ffc240;}
.line-yellow {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(0, #FFEF40));
	background: -webkit-linear-gradient(transparent 0, #FFEF40 0);
	background: -o-linear-gradient(transparent 0, #FFEF40 0);
	background: linear-gradient(transparent 0, #FFEF40 0);
}

/* other */
.pcNone {display:none !important;}
/*.spNone {display:block !important;}*/


@media screen and (max-width:768px) {
    .pcNone {display: block !important;}
    .spNone {display: none !important;}
}



/* Title
---------------------------------------------------------- */

/*ttl-01*/

.ttl-01 {
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.6;
}

.ttl-01 .en {
	display: inline-block;
	position: relative;
	z-index: 0;
	font-size: 0.69em;
	padding: 0 15px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.08em;
	color: #b2de4a;
}

.ttl-01 .en:before,
.ttl-01 .en:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	width: 2px;
	height: 18px;
	background: #b2de4a;
	border-radius: 1px;
}

.ttl-01 .en:before {
	left: 0;
	transform: rotate(-20deg);
}

.ttl-01 .en:after {
	right: 0;
	transform: rotate(20deg);
}

.ttl-01 .ja {
	display: block;
	letter-spacing: 0.06em;
	line-height: 1.4;
}


/*ttl-02*/

.ttl-02 {
	font-size: 2.3rem;
	font-weight: bold;
	margin-bottom:20px;
	padding-bottom:8px;
	border-bottom:1px dotted #d8d8d8;
	letter-spacing: 0.1em
}


@media screen and (max-width:767px) {
    .ttl-01{
		font-size: 2.2rem;
    }
	.ttl-02 {
		font-size: 2.0rem;
		margin-bottom:10px;
	}

}



/* Text
------------------------------------------------------- */

.p-text {
    font-size:1.5rem;
	letter-spacing: 0.1em;
}



/* List
---------------------------------------------------------- */

/*list-01*/

.list-01 > li{
	font-size:1.5rem;
	padding-left: 1.4em;
	text-indent: -1.4em;
	letter-spacing: 0.1em;
}

.list-01 > li:not(:last-child){
	margin-bottom:13px;
}


/*list-sns-share*/

.list-sns-share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.list-sns-share li{
	line-height: 1;
}

.list-sns-share li:not(:last-child){
	margin-right:5px;
}



/* Btn
---------------------------------------------------------- */

.btn-01 {
	position: relative;
	z-index: 0;
	font-size: 1.6rem;
	font-weight: bold;
	padding-right: 20px;
	text-decoration: none;
}

.btn-01:after {
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: "Font Awesome 5 Free";
	content: " \f105";
	font-size: 2.0rem;
	font-weight: 900;
	color: #b2de4a;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	text-decoration: none;
}

.btn-01 span{
	text-decoration: underline;
}

.btn-01 span:hover{
	text-decoration:none;
}



/* table
---------------------------------------------------------- */

/*tbl-01*/

.tbl-01{
	width: 100%;
	border-collapse: separate;
    border-top: 1px solid #e5e5e5;
	font-size:1.5rem;
    letter-spacing:0.06em;
}

.tbl-01 th,
.tbl-01 td{
    text-align:left;
	border-bottom: 1px solid #e5e5e5;
	padding: 20px;
    position:relative;
}

.tbl-01 th{
    font-weight:bold;
}

.tbl-01 .p-note{
	font-size:0.93em;
	margin-top:0.5em;
	line-height: 1.6;
	color:#777;
}


@media screen and (max-width:768px) {
    .tbl-01{
        width: 100%;
    }
    .tbl-01 th,
    .tbl-01 td{
        text-align: left;
        padding:13px 0 0;
    }
    .tbl-01 th{
        border-bottom: none;
    }
    .tbl-01 td{
        padding:0 0 15px;
    }
    .tbl-01,
    .tbl-01 tbody,
    .tbl-01 tr,
    .tbl-01 th,
    .tbl-01 td{
        width: 100%;
        display: block;
    }

    table thead {
        display: none;
    }
}



/* animation 
------------------------------------------------------------------- */

.js-fadeInUp,
.js-fadeInDown{
    visibility: hidden;
}


/*fadeInUp*/

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 15%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp{
    animation-name: fadeInUp;
    animation-duration: .8s;
    animation-fill-mode: both;
    visibility: visible;
}


/*fadeInDown*/

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -15%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown{
    animation-name: fadeInDown;
    animation-duration: .8s;
    animation-fill-mode: both;
    visibility: visible;
}



/* margin・padding
------------------------------------------------------------------- */

.mt-05{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-25{margin-top:25px;}
.mt-30{margin-top:30px;}
.mt-35{margin-top:35px;}
.mt-40{margin-top:40px;}

.mb-05{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-25{margin-bottom:25px;}
.mb-30{margin-bottom:30px;}
.mb-35{margin-bottom:35px;}
.mb-40{margin-bottom:40px;}

.mr-05{margin-right:5px;}
.mr-10{margin-right:10px;}
.mr-15{margin-right:15px;}
.mr-20{margin-right:20px;}
.mr-25{margin-right:25px;}
.mr-30{margin-right:30px;}
.mr-35{margin-right:35px;}
.mr-40{margin-right:40px;}

.ml-05{margin-left:5px;}
.ml-10{margin-left:10px;}
.ml-15{margin-left:15px;}
.ml-20{margin-left:20px;}
.ml-25{margin-left:25px;}
.ml-30{margin-left:30px;}
.ml-35{margin-left:35px;}
.ml-40{margin-left:40px;}

.pt-05{padding-top:5px;}
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pt-20{padding-top:20px;}
.pt-25{padding-top:25px;}
.pt-30{padding-top:30px;}
.pt-35{padding-top:35px;}
.pt-40{padding-top:40px;}

.pb-05{padding-bottom:5px;}
.pb-10{padding-bottom:10px;}
.pb-15{padding-bottom:15px;}
.pb-20{padding-bottom:20px;}
.pb-25{padding-bottom:25px;}
.pb-30{padding-bottom:30px;}
.pb-35{padding-bottom:35px;}
.pb-40{padding-bottom:40px;}