@charset "utf-8";
/* CSS Document */
	
@import url("font-awesome.css");

/* Reset
=========================================== */

* {
	margin:0px;
	padding:0px;
}
/*html,body {
	width: 100%;
	height:100%;
}*/
body {
	font-size:14px;
	line-height:1;
	background-color:#000;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", helvecia,sans-serif,sans-serif;
	color:#333333;
	position:relative;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
img {
	/*width: 100%;*/
	max-width: 100%;
	border:none;
	vertical-align: text-bottom;
}
/*add be*/
.content img {
	width: auto;
	max-width: 100%; 
}
strong {
	font-weight: bold !important;
}
/*.btn img {
	width: 100% !important;
}*/
/*----*/
li { list-style-type:none; }
a {
	outline:none;
	font-style:normal;
}
a:link ,
a:visited ,
a:hover ,
a:active {
	text-decoration:none;
}

.newmark{
	position: absolute;
	top: 15px;
	left: -30px;
}
@media screen and (max-width: 640px){
	.newmark{
		position: absolute;
		width: 15px;
		height: 15px;
		top: -5px;
		left: -10px;
	}
}
/* 改行設定
-------------------- */

/*
.pc-only_br  = PCのみ改行
.tab-only_br = タブレットのみ改行
.sp-only_br  = SPのみ改行

.pc-tab_br = PCとタブレットで改行
.tab-sp_br = タブレットとSPで改行
*/

.sp-only_br {
	display:none;
}
.tab-only_br {
	display:none;
}
.tab-sp_br {
	display: none;
}
@media screen and (max-width: 768px) {
	.pc-only_br {
		display:none;
	}
	.tab-only_br {
		display:inline;
	}
	.tab-sp_br {
		display: inline;
	}
}
@media screen and (max-width: 640px){
	.tab-only_br {
		display:none;
	}
	.sp-only_br {
		display:inline;
	}
	.pc-tab_br {
		display: none;
	}
}


/* layout
=========================================== */

.sec_in {
	width: 100%;
	max-width: 1366px;
	margin-left: auto;
	margin-right: auto;
	padding-left:83px;
	padding-right:83px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.content {
	margin-top: 65px;
}
.navOpen .content {
	opacity: 0.3;
	background: #000;
}
@media screen and (max-width: 768px){
	.sec_in {
		padding-left: 4%;
		padding-right: 4%;
	}
	.content {
		margin-top: 65px;
	}
}
@media screen and (max-width: 640px){
	.content {
		margin-top: 45px;
	}
}

/* header
=========================================== */

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 65px;
	z-index: 9999;
	background: url(../img/header_bottom.png) no-repeat center bottom #000;
	background-size: 100% 1px;
}
.header_in {
	margin: auto;
	position: relative;
	display: block;
}
.header_logo {
	width: 117px;
	height: 123px;
	position: absolute;
	left: 28px;
	top: 33px;
	background: url(../img/header_logo_pc.png) no-repeat;
	background-size: 100% auto;
	z-index: 9997;
	transition: 0.3s all;
}
.header_logo.small {
	/*width: 50px;
	height: 53px;
	top: 8px;*/

	left: 24px;
	top: 14px;
	width: 47px;
	height: 38px;
}
.header_logo a {
	display: block;
	width: 100%;
	height: 100%;
}
.header_logo a span {
	opacity: 0;
}
.header_navBtn.open {
	display: none;
	position: absolute;
	right: 0;
	top: 24px;
	cursor: pointer;
}
.header_navBtn.open span {
	width: 34px;
	height: 2px;
	background: #FFF;
	display: block;
}
.header_navBtn.open .line1 {
	margin-bottom: 5px;
}
.header_navBtn.open .line2 {
	margin-bottom: 5px;
}
.header_navBtn.close {
	position: absolute;
	right: 0;
	top: 20px;
	cursor: pointer;
	display: none;
	padding: 10px;
}
.header_navBtn.close span {
	width: 52px;
	height: 3px;
	background: #FFF;
	display: block;
}
.header_navBtn.close .line1 {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: relative;
	top: 2px;
}
.header_navBtn.close .line2 {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.header_nav {
	margin: auto;
	text-align: center;
}
.header_nav_list {
	display: inline-block;
	padding-top: 23px;
}
.header_nav_list li {
	float: left;
}
.header_nav_list li a:hover {
	opacity: 0.8;
}
.header_nav_list li + li {
	border-left: 1px solid #FFF;
	/*margin-left:15px; 
	padding-left:15px;*/
	margin-left:8px; 
	padding-left:8px;
}
.header_nav_list li img {
	height: 18px;
	width: auto;
}
.header_nav_list .pullMenu {
	position: relative;
	cursor: pointer;
	text-align: left;
}
.header_nav_list .pullMenu_nav {
	position: absolute;
	display: none;
	left: 0;
	top: 100%;
	padding-top: 24px;
}
.header_nav_list .pullMenu_nav_in {
	background: #000;
	padding: 20px 0;
}
.pullMenu_nav_in img {
	height: 18px;
	width: auto;
	max-width: inherit !important;
}
.header_nav_list .pullMenu_nav p + p {
	background:url(../img/header_pullmenu_bottom.png) no-repeat center top;
	background-size: 100% 1px;
	padding-top: 20px;
	margin-top: 20px;
}
.header_nav_list .pullMenu_nav p span {
	display: none;
}
.header_nav_list .pullMenu_nav a {
	display: block;
	padding: 0 15px;
}
.header_nav_list .pullMenu:hover .pullMenu_nav {
	display: block;
}
.header_sns {
	position: absolute;
	right: 0;
	top: 0;
	height: 65px;
	padding: 0 28px 0 0;
}
.header_sns_in {
	height: 100%;
	position: relative;
}
.header_sns_menu {
	float: left;
	height: 100%;
}
.header_sns_menu_btn {
	cursor: pointer;
	height: 100%;
}
.header_sns_menu_btn:hover {
	opacity: 0.8;
}
.header_sns_menu_btn img {
	height: 13px;
	width: auto;
	padding-top: 25px;
}
.header_sns_cal a:hover {
	opacity: 0.8;
}
.header_sns_cal {
	border-left: 1px solid #FFF;
	padding-left: 15px;
	margin-top: 23px;
	margin-left: 15px;
	float: left;
	}
.header_sns_cal img {
	height: 17px;
	width: auto;
}
.header_sns_list {
	position: fixed;
	top:65px;
	right: 0;
	background: #000;
	display: none;
	padding:18px 30px;
}
.header_sns_menu:hover .header_sns_list {
	display: block;
}
.header_sns_list {
	overflow: hidden;
}
.header_sns_list li {
	float: left;
}
.header_sns_list .cal {
	display: none;
}
.header_sns_list li + li {
	margin-left: 20px;
}
.header_sns_list li a:hover {
	opacity: 0.8;
}
.header_sns_list li img {
	height: 19px;
	width: auto;
}
@media screen and (max-width: 1100px){
	#header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 65px;
		z-index: 9999;
		background: url(../img/header_bottom.png) no-repeat center bottom #000;
		background-size: 100% 1px;
	}
	.header_in {
		position: fixed;
		top: 0;
		right: 0;
		height: 100%;
		z-index: 9997;
		background: #000;
		transform: translate(130%,0);
		-webkit-transform: translate(130%,0);
		transition: 0.4s all;
		-webkit-transition: 0.4s all;
	}
	.navOpen .header_in {
		transform: translate(0);
		-webkit-transform: translate(0);
	}
	.header_in:after {
		content: '';
		display: block;
		height: 100%;
		width: 50px;
		background:url(../img/header_bg.png) no-repeat right top;
		background-size: 100% 100%;
		position: absolute;
		left: -50px;
		top: 0;
		z-index: 9996;
	}
	.header_in_in {
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		position: relative;
		z-index: 9997;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.header_nav {
		text-align: left;
		padding-top: 60px;
	}
	.header_navBtn.open {
		display: block;
	}
	.header_navBtn.close {
		display: block;
	}
	.header_nav_list {
		position: relative;
		padding-left: 50px;
	}
	.header_nav_list li {
		float: none;
		margin-left:0px;
		padding-left: 0;
	}
	.header_nav_list li + li {
		border-left: none;
		margin-left:0px;
		padding-left: 0;
	}
	.header_nav_list .pullMenu {
		padding-left: 0;
	}
	.header_nav_list .pullMenu_ttl {
		display: none;
	}
	.header_nav_list .pullMenu_nav {
		display: block;
		padding: 0;
		position: static;
		background: none;
	}
	.header_nav_list .pullMenu_nav_in {
		padding: 0;
		position: static;
		background: none;
	}
	.header_nav_list li img {
		height: 20px;
	}
	.header_nav_list .pullMenu_nav a {
		padding: 0;
	}
	.header_nav_list .pullMenu_nav p {
		margin-top: 15px;
	}
	.header_nav_list .pullMenu_nav p + p {
		background:none;
		padding-top:0;
		margin-top: 20px;
	}
	.header_nav_list .pullMenu_nav p span {
		display: block;
		padding-bottom: 5px;
	}
	.header_nav_list .pullMenu_nav p span img {
		width: 26px;
		height: auto;
		padding-right: 10px;
	}
	.header_nav_list {
		padding-bottom: 40px;
	}
	.header_nav_list li {
		margin-bottom: 22px;
	}
	.header_sns {
		position: static;
		padding: 20px 50px 40px 50px;
		background:url(../img/header_sns_line.png) no-repeat right top;
		background-size:100% 1px;
		height: auto;
	}
	.header_sns_in {
		height: auto;
	}
	.header_sns_menu {
		height: auto;
	}
	.header_sns_menu_btn {
		display: none;
	}
	.header_sns_cal {
		display: none;
	}
	.header_sns_list {
		display: block;
		position: static;
		padding: 0;
	}
	.header_sns_list .cal {
		display: block;
	}
	.header_sns_list li + li {
		margin-left: 25px;
	}
}
@media screen and (max-width: 640px){
	#header {
		height: 45px;
	}
	.header_logo {
		width: 123px;
		height: 47px;
		background: url(../img/header_logo_sp.png) no-repeat;
		background-size: 100%;
		left: 10px;
		top: 12px;
	}
	.header_logo.small {
		width: 90px;
		height: 34px;
		left: 10px;
		top: 6px;
	}
	.header_navBtn.close {
		top: 15px;
		right: 0px;
	}
	.header_navBtn.close span {
		width: 36px;
		height: 2px;
	}
	.header_navBtn.open {
		top: 14px;
	}
	.header_nav_list {
		padding-left: 0;
	}
	.header_nav_list li {
		padding-left: 30px;
		padding-right: 30px;
	}
	.header_nav_list li + li {
		padding-left: 30px;
		margin-top: 28px;
	}
	.header_nav_list .pullMenu {
		padding-left: 0;
	}
	.header_nav_list li img {
		height: 18px;
	}
	.header_nav_list .pullMenu_nav p span img {
		width: 19px;
	}
	.header_nav_list .pullMenu_nav p + p {
		margin-top: 28px;
	}
	.header_nav_list .pullMenu_nav p span {
		display: inline;
	}
	.header_sns {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 20px;
	}
	.header_sns_menu {
		float: none;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.header_sns_list {
		padding-left: 5px;
	}
	.header_sns_list li + li {
		margin-left: 24px;
	}
	/*.header_sns_list li img {
		height: 20px;
	}	*/
}


/* footer
=========================================== */

#footer {
	position: relative;
	background: #000;
}
.footer_item01 {
	position: relative;
	border-top: 1px solid #333333;
	width: 100%;
	height: 100px;
}
.footer_item02 {
	position: relative;
	border-top: 1px solid #333333;
	width: 100%;
	height: 50px;
}
.footer_lang {
	padding:40px 0 0 35px;
	overflow: hidden;
	color: #FFF;
}
.footer_lang .lang {
	float: left;
}
.footer_lang .lang img {
	height: 12px;
	width: auto;
	opacity: 0.5;
}
.footer_lang .lang.current img {
	opacity: 1;
}
.footer_lang .slash {
	float: left;
	padding:2px 0.7em 0 0.7em;
	font-size: 14px;
}
.footer_contact {
	position: absolute;
	right: 35px;
	top: 40px;
}
.footer_contact a:hover {
	opacity: 0.7;
}
.footer_copy {
	color: #a3a3a3;
	font-size: 10px;
	letter-spacing: 1px;
	position: absolute;
	left: 35px;
	top: 20px;
	background: #000;
}
.footer_copy img {
	width: 345px;
}
.footer_share {
	position: absolute;
	right: 35px;
	top: 15px;
	font-size: 12px;
	color: #FFF;
	letter-spacing: 1px;
	display: table;
}
.footer_share .ttl {
	display: table-cell;
	padding:0 8px 0 0;
}
.footer_share .icn > p {
	display: table-cell;
}
.footer_share .icn_twt {
	padding-right: 15px;
}
.footer_share .icn_fb {
	padding-right: 15px;
}
.footer_share .icn img {
	height: 18px;
	width: auto;
}
.footer_share .icn a:hover {
	opacity: 0.7;
}
.footer_pageTop {
	width: 52px;
	position: fixed;
	z-index: 9999;
	right: 45px;
	bottom: 30px;
	transition: 0.3s transform;
	-webkit-transition: 0.3s transform;
	display: none;
}
.footer_pageTop:hover {
	transform:translate(0,-4px);
	-webkit-transform:translate(0,-4px);
}
.footer_pageTop img {
	max-width: 100%;
}
@media screen and (max-width: 640px){
	.footer_item01 {
		/*display: none;*/
		height: 35px
	}
	.footer_lang {
		display: none;
	}
	.footer_contact {
		position: absolute;
		right: 35px;
		top: 5px;
	}
	.footer_contact img {
		zoom: .75;
	}
	.footer_pageTop {
		display: none;
	}
	.footer_copy {
		position: static;
	}
	.footer_share {
		position: relative;
		right: 0;
		top: 0;
		border-bottom: 1px solid #333333;
		width: 100%;
	}
	.footer_share .ttl {
		position: absolute;
		left: 6%;
		top: 50%;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		color: #a3a3a3;
		font-size: 10px;
	}
	.footer_share .icn {
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		-webkit-justify-content: center;
	}
	.footer_share .icn a {
		display: block;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.footer_share .icn_twt {
    padding-left: 20px;
		padding-right: 20px;
	}
	.footer_share .icn_fb {
		padding-left: 25px;
    /*padding-right: 3.5px;*/
    padding-right: 20px;
		position: relative;
  }
  .footer_share .icn_line {
    padding-left: 25px;
    padding-right: 20px;
		position: relative;
  }
	.footer_share .icn_fb:before, .footer_share .icn_line:before {
		content: '';
		display: block;
		width: 1px;
		height: calc(100% - 24px);
		height: -webkit-calc(100% - 24px);
		background: #333;
		position: absolute;
		left: 0px;
		top: 12px;
  }
	.footer_copy {
		margin: auto;
		padding: 10px 0;
		text-align: center;
	}
	.footer_copy img {
		width: 85.9375%;
		max-width: 275px;
	}
}

/*add be---------------------------------------------*/
.kakko {
	display: inline-block;
	margin-left: -0.5rem;
}
.red { color: #FF0004}
.blue { color: #0054FF}
.fontsize10 {
	font-size:10px !important;
}

.fontsize11 {
	font-size:11px !important;
}

.fontsize12 {
	font-size:12px !important;
}

.fontsize13 {
	font-size:13px !important;
}

.fontsize14 {
	font-size:14px !important;
}

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

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

.fontsize17 {
	font-size:17px !important;
}

.fontsize18 {
	font-size:18px !important;
}

.spacingM001 {
	letter-spacing:-0.01rem;
}

.spacingM002 {
	letter-spacing:-0.5px;
}
.spacingM003 {
	letter-spacing:-0.03rem;
}
.spacingM004 {
	letter-spacing:-0.04rem;
}
.spacingM005 {
	letter-spacing:-0.05rem;
}

.tac {text-align: center}
.tal {text-align: left}
.tar {text-align: right}

.fl_R { float: right; margin: 8px;}
.fl_L { float: left; margin: 8px;}
@media screen and (max-width: 640px){
	.fl_R { float: right; margin: 8px 0px;}
	.fl_L { float: left; margin: 8px 0px;}
}
.iframe-wrapper{
	position: relative;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.iframe-wrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 641px){
	.pcNon { display: none ;}
}
@media screen and (max-width: 640px){
	.spNon { display: none ;}
	table {
		box-sizing: border-box;
		/*width: 640px !important;*/
	}
	/*table {
		box-sizing: border-box;
		width: 100% !important;
	}
	th {
		width:100% !important;
		display: block !important;
		box-sizing: border-box;
	}
	td {
		width:100% !important;
		display: block;
		box-sizing: border-box;
	}*/
	
	.fl_R { float: none; text-align: center; display: block}
	.tacSP {text-align: center!important}
	.talSP {text-align: left!important}
	.tarSP {text-align: right!important}

}


.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

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

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

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

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
      padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}