@charset "UTF-8";
:root{
	--body : #231815;
	--link : #231815;
	--title : #231815;
	--main : #231815;
	--base : #231815;
	--mainBold : #231815;
	--sub : #231815;
	--white : #231815;
	--bg : #231815;
}
/*--------------------------------------------
MV
---------------------------------------------*/
#mv{
	width : 100%;
	overflow : hidden;
}
#mv .wrap{
	padding-left : 0;
	padding-right : 0;
}
#mv .links{
	display : flex;
	align-items : center;
	justify-content : center;
}
#mv .links a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #2d7332;
	color : #fff;
	font-weight : 700;
}
#mv .links a:before{
	content : "";
	display : block;
	background-size : contain;
	background-repeat : no-repeat;
	background-position : left center;
}
#mv .links a.btn-indigo {
	background-color: #265A93;
}
#mv .links a.btn-orange {
	background-color: #E17D26;
}
#mv .links li:nth-child(1) a:before{
	background-image : url("../images/ui/icon/fee.svg");
}
#mv .links li:nth-child(2) a:before{
	background-image : url("../images/ui/icon/access.svg");
}
#mv .links li:nth-child(3) a:before{
	background-image : url("../images/ui/icon/weather.svg");
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3Ny45OCA0OC4xMSI+PHRpdGxlPmh1bWFuczwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48ZyBpZD0i44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+PHBhdGggZD0iTTIyLjQ4LDMzLjgzYTIuMDgsMi4wOCwwLDAsMS0uMDUtLjM2di0xQTQuNCw0LjQsMCwwLDEsMjIuNjcsMzFhMjcuNjIsMjcuNjIsMCwwLDAsMy44MS03LjU1LDIzLjg2LDIzLjg2LDAsMCwxLTIuNTYtOS44NSwyMC4zNywyMC4zNywwLDAsMSwuMTUtMi4zNyw5LjIsOS4yLDAsMCwwLTYuNzItMi44N2MtNS4zOSwwLTkuNzcsNC40LTkuNzcsMTEuMjNDNy41OCwyNS4wNSwxMiwzMSwxMiwzMWE0LjQsNC40LDAsMCwxLC4yNCwxLjQ0djFhMy4zMiwzLjMyLDAsMCwxLTEuOTQsM0wzLjI3LDM5LjM4YTUuNTIsNS41MiwwLDAsMC0zLjE0LDRMMCw0NWEyLjkxLDIuOTEsMCwwLDAsMi45LDMuMTRIMTQuNDZMMTQuOTMsNDJsMC0uMTZhOS45NCw5Ljk0LDAsMCwxLDUuNjMtNy4yNloiIGZpbGw9IiNmNWVjNGYiLz48cGF0aCBkPSJNNzcuODUsNDMuNDJhNS41Myw1LjUzLDAsMCwwLTMuMTMtNGwtNy4wNy0yLjg5YTMuMzIsMy4zMiwwLDAsMS0xLjk0LTN2LTFBNC4xNiw0LjE2LDAsMCwxLDY2LDMxczQuNDQtNS45NCw0LjQ0LTExLjQxYzAtNi44My00LjM3LTExLjIzLTkuNzctMTEuMjNhOS4yLDkuMiwwLDAsMC02LjcyLDIuODcsMjMsMjMsMCwwLDEsLjE0LDIuMzcsMjMuODYsMjMuODYsMCwwLDEtMi41NSw5Ljg1QTI3LjQ5LDI3LjQ5LDAsMCwwLDU1LjMyLDMxYTQuNjgsNC42OCwwLDAsMSwuMjQsMS40NHYxYzAsLjEzLDAsLjI0LS4wNS4zNmwxLjc1LjcxQTEwLDEwLDAsMCwxLDYzLDQxLjg1bDAsLjE3LjQ3LDYuMDlINzUuMDdBMi45MSwyLjkxLDAsMCwwLDc4LDQ1WiIgZmlsbD0iIzg0YWZjNSIvPjxwYXRoIGQ9Ik01NiwzNy41NWwtOC41Ni0zLjVhNCw0LDAsMCwxLTIuMzMtMy42NVYyOS4xNGE1LjE4LDUuMTgsMCwwLDEsLjI5LTEuNzVzNS4zOC03LjE4LDUuMzgtMTMuOEM1MC44MSw1LjMyLDQ1LjUyLDAsMzksMFMyNy4xNyw1LjMyLDI3LjE3LDEzLjU5YzAsNi42Miw1LjM4LDEzLjgsNS4zOCwxMy44YTUuMTksNS4xOSwwLDAsMSwuMywxLjc1VjMwLjRhNCw0LDAsMCwxLTIuMzUsMy42NUwyMiwzNy41NWE2LjY4LDYuNjgsMCwwLDAtMy43OSw0Ljg5bC0uNDQsNS42N0g2MC4yNmwtLjQzLTUuNjdBNi43NCw2Ljc0LDAsMCwwLDU2LDM3LjU1WiIgZmlsbD0iI2Y5Y2I5MCIvPjwvZz48L2c+PC9zdmc+);
}
#mv dl{
	color : #fff;
	font-weight : 700;
}
#mv dt{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #6fba2c;
}
#mv .open{
	display : flex;
	align-items : center;
}
#mv .time{
	display : flex;
	align-items : center;
}
#mv .time:before{
	content : "";
	display : block;
	background-repeat : no-repeat;
	background-position : left center;
	background-image : url("../images/ui/icon/time.svg");
	background-size : contain;
	flex-shrink : 0;
}
@media screen and (max-width: 768px){
	#mv{
		height : calc( 944 * 100vw / 1080 );
		background : url("../images/home/bg_sp.png") left bottom / auto calc( 211 * 100vw / 1080 ) repeat-x,
		url("../images/home/mv_sp.png") center center / cover no-repeat;
	}
	#mv .wrap{
		padding-top : calc( 24 * 100vw / 1080 );
	}
	#mv #slider{
		background : url("../images/home/bg_slide_sp.png") left top / auto calc( 527 * 100vw / 1080 ) no-repeat;
	}
	#mv .links{
		margin-top : calc( 32 * 100vw / 1080 );
	}
	#mv .links li + li{
		margin-left : calc( 12 * 100vw / 1080 );
	}
	#mv .links a{
		width : calc( 346 * 100vw / 1080 );
		height : calc( 110 * 100vw / 1080 );
		font-size : calc( 42 * 100vw / 1080 );
	}
	#mv .links a:before{
		margin-right : calc( 20 * 100vw / 1080 );
	}
	#mv .links li:nth-child(1) a:before{
		width : calc( 84 * 100vw / 1080 );
		height : calc( 40 * 100vw / 1080 );
	}
	#mv .links li:nth-child(2) a:before{
		width : calc( 55 * 100vw / 1080 );
		height : calc( 65 * 100vw / 1080 );
	}
	#mv .links li:nth-child(3) a:before{
		width : calc( 71 * 100vw / 1080 );
		height : calc( 71 * 100vw / 1080 );
	}
	#mv dl{
		margin-top : calc( 68 * 100vw / 1080 );
	}
	#mv dt{
		/* width : calc( 430 * 100vw / 1080 ); */
		height : calc( 62 * 100vw / 1080 );
		font-size : calc( 34 * 100vw / 1080 );
		margin-left : auto;
		margin-right : auto;
	}
	#mv dd{
		margin-left : calc( 14 * 100vw / 1080 );
	}
	#mv dd{
		margin-top : calc( 22 * 100vw / 1080 );
	}
	#mv .time{
		font-size : calc( 48 * 100vw / 1080 );
	}
	#mv .time:before{
		width : calc( 45 * 100vw / 1080 );
		height : calc( 45 * 100vw / 1080 );
		margin-right : calc( 12 * 100vw / 1080 );
	}
	#mv .open{
		display : flex;
		align-items : center;
		justify-content : center;
	}
	#mv .open span{
		font-size : calc( 30 * 100vw / 1080 );
		margin-left : calc( 18 * 100vw / 1080 );
	}
}
@media print,screen and (min-width: 769px){
	#mv{
		background : url("../images/home/bg.png") left bottom repeat-x,
		url("../images/home/mv.jpg") center center / cover no-repeat;
	}
	#mv #slider{
		background : url("../images/home/bg_slide.png") right top no-repeat;
	}
	#mv dl{
		display : flex;
		align-items : center;
		justify-content : center;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#mv{
		height : calc( 650 * 100vw / 1050 );
		background-size : auto calc( 78 * 100vw / 1050 ) , cover;
	}
	#mv .wrap{
		padding-top : calc( 26 * 100vw / 1050 );
	}
	#mv .links{
		margin-top : calc( 16 * 100vw / 1050 );
	}
	#mv #slider{
		background-size : auto calc( 488 * 100vw / 1050 );
		margin-left : calc( 25 * 100vw / 1050 );
		padding-right : calc( 25 * 100vw / 1050 );
	}
	#mv .links{
		margin-top : calc( 16 * 100vw / 1050 );
	}
	#mv .links li + li{
		margin-left : calc( 34 * 100vw / 1050 );
	}
	#mv .links a{
		width : calc( 196 * 100vw / 1050 );
		height : calc( 42 * 100vw / 1050 );
		font-size : calc( 16 * 100vw / 1050 );
	}
	#mv .links a:before{
		margin-right : calc( 8 * 100vw / 1050 );
	}
	#mv .links li:nth-child(1) a:before{
		width : calc( 32 * 100vw / 1050 );
		height : calc( 16 * 100vw / 1050 );
	}
	#mv .links li:nth-child(2) a:before{
		width : calc( 20 * 100vw / 1050 );
		height : calc( 24 * 100vw / 1050 );
	}
	#mv .links li:nth-child(3) a:before{
		width : calc( 27 * 100vw / 1050 );
		height : calc( 27 * 100vw / 1050 );
	}
	#mv dl{
		margin-top : calc( 36 * 100vw / 1050 );
	}
	#mv dt{
		width : calc( 190 * 100vw / 1050 );
		height : calc( 28 * 100vw / 1050 );
		font-size : calc( 14 * 100vw / 1050 );
	}
	#mv dd{
		margin-left : calc( 14 * 100vw / 1050 );
	}
	#mv .time{
		font-size : calc( 21 * 100vw / 1050 );
	}
	#mv .time:before{
		width : calc( 20 * 100vw / 1050 );
		height : calc( 20 * 100vw / 1050 );
		margin-right : calc( 4 * 100vw / 1050 );
	}
	#mv .open span{
		font-size : calc( 12 * 100vw / 1050 );
		margin-left : calc( 16 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#mv{
		height : 650px;
	}
	#mv .wrap{
		padding-top : 26px;
	}
	#mv .links{
		margin-top : 16px;
	}
	#mv #slider{
		margin-left : 25px;
		padding-right : 25px;
	}
	#mv .links{
		margin-top : 16px;
	}
	#mv .links li + li{
		margin-left : 34px;
	}
	#mv .links a{
		width : 196px;
		height : 42px;
		font-size : 16px;
	}
	#mv .links a:before{
		margin-right : 8px;
	}
	#mv .links li:nth-child(1) a:before{
		width : 32px;
		height : 16px;
	}
	#mv .links li:nth-child(2) a:before{
		width : 20px;
		height : 24px;
	}
	#mv .links li:nth-child(3) a:before{
		width : 27px;
		height : 27px;
	}
	#mv dl{
		margin-top : 36px;
	}
	#mv dt{
		width : 190px;
		height : 28px;
		font-size : 14px;
	}
	#mv dd{
		margin-left : 14px;
	}
	#mv .time{
		font-size : 21px;
	}
	#mv .time:before{
		width : 20px;
		height : 20px;
		margin-right : 4px;
	}
	#mv .open span{
		font-size : 12px;
		margin-left : 16px;
	}
}
/*--------------------------------------------
WHAT
---------------------------------------------*/
#what ul{
	display : flex;
	justify-content : space-between;
	flex-wrap : wrap;
}
#what h3{
	font-weight : 700;
	color : #2d7332;
}
#what .text{
	font-weight : 700;
}
@media screen and (max-width: 768px){
	body::before {
		content: '';
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../images/home/bg_what_sp.jpg") no-repeat center / auto 100%;
		z-index: -1;
	}
	#what .wrap{
		padding-top : calc( 52 * 100vw / 1080 );
		padding-bottom : calc( ( 70 - 13.5 ) * 100vw / 1080 );
	}
	#what ul{
		margin-top : calc( 46 * 100vw / 1080 );
		padding-left : calc( 24 * 100vw / 1080 );
	}
	#what li{
		width : calc( 472 * 100vw / 1080 );
	}
	#what li:nth-child( n + 3){
		margin-top : calc( ( 108 - 13.5 ) * 100vw / 1080 );
	}
	#what .img{
		background : url("../images/home/bg_what_img_sp.png") right top / cover no-repeat;
		width : calc( 472 * 100vw / 1080 );
		height : calc( 376 * 100vw / 1080 );
		padding-right : calc( 24 * 100vw / 1080 );
		padding-bottom : calc( 24 * 100vw / 1080 );
	}
	#what h3{
		font-size : calc( 46 * 100vw / 1080 );
		line-height : 1.75;
		padding-left : calc( 2 * 100vw / 1080 );
		padding-right : calc( 2 * 100vw / 1080 );
		margin-top : calc( ( 28 - 17.25 ) * 100vw / 1080 );
	}
	#what .text{
		margin-top : calc( ( 40 - 17.25 - 13.5 ) * 100vw / 1080 );
	}
}
@media print,screen and (min-width: 769px){
	body::before {
		content: '';
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../images/home/bg_what.jpg") no-repeat center / 160% auto;
		z-index: -1;
	}
	#what .img{
		background : url("../images/home/bg_what_img.png") right top no-repeat;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#what{
		height : calc( 965 * 100vw / 1050 );
	}
	#what .wrap{
		padding-top : calc( 80 * 100vw / 1050 );
	}
	#what ul{
		margin-top : calc( 42 * 100vw / 1050 );
		padding-left : calc( 16 * 100vw / 1050 );
	}
	#what li{
		width : calc( 311 * 100vw / 1050 );
	}
	#what li:nth-child( n + 4){
		margin-top : calc( 64 * 100vw / 1050 );
	}
	#what .img{
		width : calc( 311 * 100vw / 1050 );
		height : calc( 248 * 100vw / 1050 );
		padding-right : calc( 16 * 100vw / 1050 );
		padding-bottom : calc( 16 * 100vw / 1050 );
	}
	#what h3{
		font-size : calc( 18 * 100vw / 1050 );
		line-height : 1.2;
		padding-left : calc( 2 * 100vw / 1050 );
		padding-right : calc( 2 * 100vw / 1050 );
		margin-top : calc( ( 12 - 1.8 ) * 100vw / 1050 );
	}
	#what .text{
		margin-top : calc( ( 14 - 1.8 - 2 ) * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#what{
		height : 965px;
	}
	#what .wrap{
		padding-top : 80px;
	}
	#what ul{
		margin-top : 42px;
		padding-left : 16px;
	}
	#what li{
		width : 311px;
	}
	#what li:nth-child( n + 4){
		margin-top : 64px;
	}
	#what .img{
		width : 311px;
		height : 248px;
		padding-right : 16px;
		padding-bottom : 16px;
	}
	#what h3{
		font-size : 18px;
		line-height : 21.6px;
		padding-left : 2px;
		padding-right : 2px;
		margin-top : calc( 12px - 1.8px );
	}
	#what .text{
		margin-top : calc( 14px - 1.8px - 2px );
	}
}
/*--------------------------------------------
COURSE
---------------------------------------------*/
#course .box-inner{
	border : solid 1px #c9caca;
	background-color : #fff;
}
#course p{
	color : #2d7332;
	font-weight : 700;
}
#course a{
	position : relative;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #2d7332;
	color : #fff;
	font-weight : 700;
}
#course a:before{
	content : "";
	display : block;
	background : url("../images/ui/icon/flag.svg") left top / contain no-repeat;
	position : absolute;
}
#course ul{
	display : flex;
	justify-content : center;
}
@media screen and (max-width: 768px){
	#course .wrap{
		padding-bottom : calc( 52 * 100vw / 1080 );
		padding-right : 0;
		padding-left : calc( 56 * 100% / 1080 );
	}
	#course .box{
		background : url("../images/home/bg_course_sp.png") right top / contain no-repeat;
		width : calc( 1002 * 100vw / 1080 );
		height : calc( 574 * 100vw / 1080 );
		padding-right : calc( 16 * 100vw / 1080 );
		padding-bottom : calc( 16 * 100vw / 1080 );
	}
	#course .box-inner{
		padding-top : calc( 28 * 100vw / 1080 );
		padding-left : calc( 24 * 100vw / 1080 );
		padding-right : calc( 24 * 100vw / 1080 );
		padding-bottom : calc( 16 * 100vw / 1080 );
	}
	#course .texts{
		display : -ms-grid;
		display :     grid;
		-ms-grid-rows : auto auto;
		grid-template-rows : auto auto;
		-ms-grid-columns : auto auto;
		grid-template-columns : auto auto;
	}
	#course p{
		font-size : calc( 41 * 100vw / 1080 );
		line-height : 1.2;
		-ms-grid-row : 1;
		-ms-grid-row-span : 1;
		    grid-row : 1/2;
		-ms-grid-column : 1;
		-ms-grid-column-span : 1;
		    grid-column : 1/2;
	}
	#course h3{
		-ms-grid-row : 1;
		-ms-grid-row-span : 2;
		    grid-row : 1/3;
		-ms-grid-column : 2;
		-ms-grid-column-span : 1;
		    grid-column : 2/3;
		-ms-grid-row-align : center;
		align-self : center;
	}
	#course h3 img{
		height : calc( 131 * 100vw / 1080 );
	}
	#course a{
		-ms-grid-row : 2;
		-ms-grid-row-span : 1;
		    grid-row : 2/3;
		-ms-grid-column : 1;
		-ms-grid-column-span : 1;
		    grid-column : 1/2;
		margin-top : calc( ( 46 - 4.125 ) * 100vw / 1080 );
		width : calc( 408 * 100vw / 1080 );
		height : calc( 64 * 100vw / 1080 );
		font-size : calc( 35 * 100vw / 1080 );
	}
	#course a:before{
		width : calc( 52 * 100vw / 1080 );
		height : calc( 68 * 100vw / 1080 );
		left : calc( 12 * 100vw / 1080 );
		top : calc( -16 * 100vw / 1080 );
	}
	#course ul{
		justify-content : space-between;
		margin-top : calc( 16 * 100vw / 1080 );
	}
	#course li{
		width : calc( 306 * 100vw / 1080 );
	}
}
@media print,screen and (min-width: 769px){
	#course .box{
		background : url("../images/home/bg_course.png") right top no-repeat;
		margin-left : auto;
		margin-right : auto;
		overflow : hidden;
	}
	#course .box-inner{
		display : flex;
		align-items : flex-start;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#course .wrap{
		padding-top : calc( 8 * 100vw / 1050 );
		padding-bottom : calc( 110 * 100vw / 1050 );
	}
	#course .box{
		width : calc( 866 * 100vw / 1050 );
		height : calc( 194 * 100vw / 1050 );
		padding-right : calc( 16 * 100vw / 1050 );
		padding-bottom : calc( 15 * 100vw / 1050 );
		background-size : auto 100%;
	}
	#course .box-inner{
		padding-top : calc( 8 * 100vw / 1050 );
		padding-left : calc( 16 * 100vw / 1050 );
		padding-right : calc( 8 * 100vw / 1050 );
		padding-bottom : calc( 8 * 100vw / 1050 );
	}
	#course .texts{
		padding-top : calc( 12 * 100vw / 1050 );
	}
	#course p{
		font-size : calc( 20 * 100vw / 1050 );
	}
	#course h3{
		margin-top : calc( 14 * 100vw / 1050 );
	}
	#course h3 img{
		height : calc( 57 * 100vw / 1050 );
	}
	#course a{
		margin-top : calc( 20 * 100vw / 1050 );
		width : calc( 242 * 100vw / 1050 );
		height : calc( 38 * 100vw / 1050 );
		font-size : calc( 16 * 100vw / 1050 );
	}
	#course a:before{
		width : calc( 30 * 100vw / 1050 );
		height : calc( 40 * 100vw / 1050 );
		left : calc( 8 * 100vw / 1050 );
		top : calc( -10 * 100vw / 1050 );
	}
	#course ul{
		margin-left : auto;
	}
	#course li{
		width : calc( 172 * 100vw / 1050 );
	}
	#course li + li{
		margin-left : calc( 6 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#course .wrap{
		padding-top : 8px;
		padding-bottom : 110px;
	}
	#course .box{
		width : 866px;
		height : 194px;
		padding-right : 16px;
		padding-bottom : 15px;
	}
	#course .box-inner{
		padding-top : 8px;
		padding-left : 16px;
		padding-right : 8px;
		padding-bottom : 8px;
	}
	#course .texts{
		padding-top : 12px;
	}
	#course p{
		font-size : 20px;
	}
	#course h3{
		margin-top : 14px;
	}
	#course h3 img{
		height : 57px;
	}
	#course a{
		margin-top : 20px;
		width : 242px;
		height : 38px;
		font-size : 16px;
	}
	#course a:before{
		width : 30px;
		height : 40px;
		left : 8px;
		top : -10px;
	}
	#course ul{
		margin-left : auto;
	}
	#course li{
		width : 172px;
	}
	#course li + li{
		margin-left : 6px;
	}
}
/*--------------------------------------------
EVENT
---------------------------------------------*/
#event{
	overflow : hidden;
}
#event .wrap{
	padding-left : 0;
	padding-right : 0;
}
#event .slick-arrow{
	position : absolute;
	z-index : 5;
}
#event .slick-dots{
	display : flex;
	justify-content : center;
	align-items : center;
	z-index : 5;
}
#event .slick-dots li{
	font-size : 0;
}
#event .slick-dots button{
	color : transparent;
	border-radius : 50%;
	font-size : 0;
}
@media screen and (max-width: 768px){
	#event .wrap{
		padding-bottom : calc( 42 * 100vw / 1080 );
	}
	#event #slider02{
		background : url("../images/home/bg_event_sp.png") left top / auto calc( 397 * 100vw / 1080 ) no-repeat;
		margin-top : calc( 36 * 100vw / 1080 );
	}
	#event .slick-arrow{
		top : calc( 142 * 100vw / 1080 );
		width : calc( 24 * 100vw / 1080 );
		height : calc( 74 * 100vw / 1080 );
	}
	#event .prev-arrow{
		left : calc( 36 * 100vw / 1080 );
	}
	#event .next-arrow{
		right : calc( 36 * 100vw / 1080 );
	}
	#event .slick-dots{
		padding-top : calc( 16 * 100vw / 1080 );
	}
}
@media print,screen and (min-width: 769px){
	#event #slider02{
		background : url("../images/home/bg_event.png") right top no-repeat;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#event .wrap{
		padding-bottom : calc( 38 * 100vw / 1050 );
	}
	#event #slider02{
		margin-top : calc( 24 * 100vw / 1050 );
		margin-left : calc( 25 * 100vw / 1050 );
		padding-right : calc( 25 * 100vw / 1050 );
	}
	#event .slick-arrow{
		top : calc( 130 * 100vw / 1050 );
		width : calc( 22 * 100vw / 1080 );
		height : calc( 68 * 100vw / 1080 );
	}
	#event .prev-arrow{
		left : calc( 22 * 100vw / 1050 );
	}
	#event .next-arrow{
		right : calc( ( 22 + 28 ) * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#event .wrap{
		padding-bottom : 38px;
	}
	#event #slider02{
		margin-top : 24px;
		margin-left : 25px;
		padding-right : 25px;
	}
	#event .slick-arrow{
		top : 130px;
	}
	#event .prev-arrow{
		left : 22px;
	}
	#event .next-arrow{
		right : calc( 22px + 28px );
	}
}
/*--------------------------------------------
CALENDAR
---------------------------------------------*/
#calendar .wrap{
	padding-left : 0;
	padding-right : 0;
}
#calendar .box{
	border : 1px solid #c9caca;
	position : relative;
}
#calendar .box:before , #calendar .box:after{
	content : "";
	display : block;
	background-color : rgba(76,73,72,.33);
	position : absolute;
}
#calendar .box:before{
	top : 100%;
	left : -1px;
	width : calc( 100% + 2px );
	-webkit-transform : skewX(45deg);
	        transform : skewX(45deg);
	-webkit-transform-origin : left top;
	        transform-origin : left top;
}
#calendar .box:after{
	top : -2px;
	left : calc( 100% + 1px );
	height : calc( 100% + 2px );
	-webkit-transform : skewY(45deg);
	        transform : skewY(45deg);
	-webkit-transform-origin : left top;
	        transform-origin : left top;
}


@media screen and (max-width: 768px){
	#calendar .wrap{
		padding-bottom : calc( 100 * 100vw / 1080 );
	}
	#calendar .box{
		padding-top : calc( 42 * 100vw / 1080 );
		margin-left : calc( 40 * 100vw / 1080 );
		margin-right : calc( 40 * 100vw / 1080 );
		padding-left : calc( 15 * 100vw / 1080 );
		padding-right : calc( 15 * 100vw / 1080 );
		padding-bottom : calc( 16 * 100vw / 1080 );
	}
	#calendar .box:before{
		height : calc( 28 * 100vw / 1080 );
	}
	#calendar .box:after{
		width : calc( 28 * 100vw / 1080 );
	}
	#calendar #js-calendar{
		margin-top : calc( 42 * 100vw / 1080 );
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#calendar .wrap{
		padding-bottom : calc( 70 * 100vw / 1050 );
	}
	#calendar .box{
		padding-top : calc( 40 * 100vw / 1050 );
		margin-left : calc( 25 * 100vw / 1050 );
		margin-right : calc( 25 * 100vw / 1050 );
		padding-left : calc( 15 * 100vw / 1050 );
		padding-right : calc( 15 * 100vw / 1050 );
		padding-bottom : calc( 16 * 100vw / 1050 );
	}
	#calendar .box:before{
		height : calc( 28 * 100vw / 1050 );
	}
	#calendar .box:after{
		width : calc( 28 * 100vw / 1050 );
	}
	#calendar #js-calendar{
		margin-top : calc( 42 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#calendar .wrap{
		padding-bottom : 70px;
	}
	#calendar .box{
		padding-top : 40px;
		margin-left : 25px;
		margin-right : 25px;
		padding-left : 15px;
		padding-right : 15px;
		padding-bottom : 16px;
	}
	#calendar .box:before{
		height : 28px;
	}
	#calendar .box:after{
		width : 28px;
	}
	#calendar #js-calendar{
		margin-top : 22px;
	}
}
/*--------------------------------------------
ANIMAL EVENT
---------------------------------------------*/
#animalEvent .box{
	margin-left : auto;
	margin-right : auto;
}
#animalEvent .box-inner{
	border : 1px solid #c9caca;
	background-color : #fff;
	height : 100%;
}
#animalEvent .iframe-container{
	overflow-y : scroll;
}
#animalEvent h3{
	display : flex;
	align-items : center;
	color : #4c4948;
	font-weight : 700;
}
#animalEvent h3:before{
	content : "";
	display : block;
	background : url("../images/ui/icon/twitter.svg") left center / contain no-repeat;
}
@media screen and (max-width: 768px){
	#animalEvent .wrap{
		padding-bottom : calc( 156 * 100vw / 1080 );
		padding-left : 0;
		padding-right : 0;
	}
	#animalEvent .box{
		width : calc( 1026 * 100vw / 1080 );
		height : calc( 652 * 100vw / 1080 );
		margin-left : calc( 40 * 100vw / 1080 );
		padding-right : calc( 24 * 100vw / 1080 );
		padding-bottom : calc( 24 * 100vw / 1080 );
		margin-top : calc( 52 * 100vw / 1080 );
		background : url("../images/home/bg_animal_event_sp.png") right top / contain no-repeat;
	}
	#animalEvent .box-inner{
		padding-left : calc( 24 * 100vw / 1080 );
		padding-right : calc( 24 * 100vw / 1080 );
		padding-top : calc( 20 * 100vw / 1080 );
		padding-bottom : calc( 28 * 100vw / 1080 );
	}
	#animalEvent h3{
		font-size : calc( 34 * 100vw / 1080 );
	}
	#animalEvent h3:before{
		width : calc( 100 * 100vw / 1080 );
		height : calc( 100 * 100vw / 1080 );
		margin-right : calc( 18 * 100vw / 1080 );
	}
	#animalEvent .iframe-container{
		margin-top : calc( 16 * 100vw / 1080 );
		width : calc( 948 * 100vw / 1080 );
		height : calc( 463 * 100vw / 1080 );
		margin-left : calc( 6 * 100vw / 1080 );
	}
}
@media print,screen and (min-width: 769px){
	#animalEvent .box{
		background : url("../images/home/bg_animal_event.png") right top no-repeat;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#animalEvent .wrap{
		padding-bottom : calc( 74 * 100vw / 1050 );
	}
	#animalEvent .box{
		width : calc( 588 * 100vw / 1050 );
		height : calc( 374 * 100vw / 1050 );
		padding-right : calc( 16 * 100vw / 1050 );
		padding-bottom : calc( 16 * 100vw / 1050 );
		margin-top : calc( 20 * 100vw / 1050 );
		background-size : contain;
	}
	#animalEvent .box-inner{
		padding-left : calc( 16 * 100vw / 1050 );
		padding-right : calc( 16 * 100vw / 1050 );
		padding-top : calc( 16 * 100vw / 1050 );
		padding-bottom : calc( 12 * 100vw / 1050 );
	}
	#animalEvent h3{
		font-size : calc( 20 * 100vw / 1050 );
	}
	#animalEvent h3:before{
		width : calc( 58 * 100vw / 1050 );
		height : calc( 58 * 100vw / 1050 );
		margin-right : calc( 8 * 100vw / 1050 );
	}
	#animalEvent .iframe-container{
		margin-top : calc( 8 * 100vw / 1050 );
		width : calc( 402 * 100vw / 1050 );
		height : calc( 268 * 100vw / 1050 );
		margin-left : calc( 2 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#animalEvent .wrap{
		padding-bottom : 74px;
	}
	#animalEvent .box{
		width : 588px;
		height : 374px;
		padding-right : 16px;
		padding-bottom : 16px;
		margin-top : 20px;
	}
	#animalEvent .box-inner{
		padding-left : 16px;
		padding-right : 16px;
		padding-top : 16px;
		padding-bottom : 12px;
	}
	#animalEvent h3{
		font-size : 20px;
	}
	#animalEvent h3:before{
		width : 58px;
		height : 58px;
		margin-right : 8px;
	}
	#animalEvent .iframe-container{
		margin-top : 8px;
		height : 268px;
		margin-left : 2px;
	}
}
/*--------------------------------------------
TIMES
---------------------------------------------*/
#times .box{
	margin-left : auto;
	margin-right : auto;
}
#times .box-inner{
	border : 1px solid #c9caca;
	background-color : #fff;
}
@media screen and (max-width: 768px){
	#times .wrap{
		padding-bottom : calc( 162 * 100vw / 1080 );
	}
	#times .box{
		margin-top : calc( 48 * 100vw / 1080 );
		width : calc( 802 * 100vw / 1080 );
		height : calc( 584 * 100vw / 1080 );
		padding-right : calc( 26 * 100vw / 1080 );
		padding-bottom : calc( 27 * 100vw / 1080 );
		background : url("../images/home/bg_times_sp.png") right top / contain no-repeat;
	}
	#times .box-inner{
		padding-top : calc( 16 * 100vw / 1080 );
		padding-bottom : calc( 16 * 100vw / 1080 );
		padding-left : calc( 30 * 100vw / 1080 );
		padding-right : calc( 30 * 100vw / 1080 );
	}
}
@media print,screen and (min-width: 769px){
	#times .box{
		background : url("../images/home/bg_times.png") right top no-repeat;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#times .wrap{
		padding-bottom : calc( 40 * 100vw / 1050 );
	}
	#times .box{
		margin-top : calc( 28 * 100vw / 1050 );
		width : calc( 446 * 100vw / 1050 );
		height : calc( 324 * 100vw / 1050 );
		padding-right : calc( 16 * 100vw / 1050 );
		padding-bottom : 14px;
		background-size : contain;
	}
	#times .box-inner{
		padding-top : calc( 10 * 100vw / 1050 );
		padding-bottom : calc( 10 * 100vw / 1050 );
		padding-left : calc( 16 * 100vw / 1050 );
		padding-right : calc( 16 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#times .wrap{
		padding-bottom : 40px;
	}
	#times .box{
		margin-top : 28px;
		width : 446px;
		height : 324px;
		padding-right : 16px;
		padding-bottom : 14px;
	}
	#times .box-inner{
		padding-top : 10px;
		padding-bottom : 10px;
		padding-left : 16px;
		padding-right : 16px;
	}
}
/*--------------------------------------------
store
---------------------------------------------*/
#store .box{
	margin-left : auto;
	margin-right : auto;
}
#store .box-inner{
	border : 1px solid #c9caca;
	background-color : #fff;
}
@media screen and (max-width: 768px){
	#store .wrap{
		padding-bottom : calc( 162 * 100vw / 1080 );
	}
	#store .box{
		margin-top : calc( 48 * 100vw / 1080 );
		width : calc( 890 * 100vw / 1080 );
		height : calc( 350 * 100vw / 1080 );
		padding-right : calc( 26 * 100vw / 1080 );
		padding-bottom : calc( 35 * 100vw / 1080 );
		background : url("../images/home/bg_store_sp.png") right top / contain no-repeat;
	}
	#store .box-inner{
		padding-top : calc( 5 * 100vw / 1080 );
		padding-bottom : calc( 5 * 100vw / 1080 );
		padding-left : calc( 10 * 100vw / 1080 );
		padding-right : calc( 10 * 100vw / 1080 );
	}
}
@media print,screen and (min-width: 769px){
	#store .box{
		background : url("../images/home/bg_store.png") right top no-repeat;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#store .wrap{
		padding-bottom : calc( 40 * 100vw / 1050 );
	}
	#store .box{
		margin-top : calc( 28 * 100vw / 1050 );
		width : calc( 565 * 100vw / 1050 );
		height : calc( 245 * 100vw / 1050 );
		padding-right : calc( 14 * 100vw / 1050 );
		padding-bottom : 14px;
		background-size : contain;
	}
	#store .box-inner{
		padding-top : calc( 5 * 100vw / 1050 );
		padding-bottom : calc( 5 * 100vw / 1050 );
		padding-left : calc( 7 * 100vw / 1050 );
		padding-right : calc( 7 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#store .wrap{
		padding-bottom : 90px;
	}
	#store .box{
		margin-top : 28px;
		width : 676px;
		height : 245px;
		padding-right : 16px;
		padding-bottom : 14px;
	}
	#store .box-inner{
		padding-top : 5px;
		padding-bottom : 5px;
		padding-left : 10px;
		padding-right : 10px;
	}
}
/*--------------------------------------------
TOPICS
---------------------------------------------*/
#topics ul{
	display : flex;
	justify-content : space-between;
	flex-wrap : wrap;
}
#topics ul::before{
  content:"";
  display: block;
  width:23%;
  order:1;
}
#topics ul::after{
  content:"";
  display: block;
  width:23%;
}

#topics a{
	border : 1px solid #c9caca;
	display : block;
	background-color : #fff;
	width : 100%;
	height : 100%;
}
#topics .category{
	display : inline-flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	color : #fff;
	padding-left : 1em;
	padding-right : 1em;
	background-color : #2d7332;
	font-weight : 700;
}
#topics .text{
	font-weight : 700;
}
@media screen and (max-width: 768px){
	#topics .wrap{
		padding-bottom : calc( 94 * 100vw / 1080 );
	}
	#topics ul{
		margin-top : calc( 34 * 100vw / 1080 );
	}
	#topics li{
		background : url("../images/home/bg_topics_sp.png") right top / contain no-repeat;
		width : calc( 502 * 100vw / 1080 );
		height : calc( 700 * 100vw / 1080 );
		padding-right : calc( 30 * 100vw / 1080 );
		padding-bottom : calc( 30 * 100vw / 1080 );
	}
	#topics li:nth-child( n + 3){
		margin-top : calc( 46 * 100vw / 1080 );
	}
	#topics a{
		padding-top : calc( 30 * 100vw / 1080 );
		padding-left : calc( 22 * 100vw / 1080 );
		padding-right : calc( 22 * 100vw / 1080 );
	}
	#topics .category{
		margin-top : calc( 18 * 100vw / 1080 );
		height : calc( 60 * 100vw / 1080 );
		font-size : calc( 37 * 100vw / 1080 );
	}
	#topics .text{
		margin-top : calc( ( 38 - 13.5 ) * 100vw / 1080 );
	}
}
@media print,screen and (min-width: 769px){
	#topics li{
		background : url("../images/home/bg_topics.png") right top no-repeat;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#topics .wrap{
		padding-bottom : calc( 52 * 100vw / 1050 );
	}
	#topics ul{
		margin-top : calc( 34 * 100vw / 1050 );
	}
	#topics li{
		width : calc( 240 * 100vw / 1050 );
		height : calc( 300 * 100vw / 1050 );
		padding-right : calc( 14 * 100vw / 1050 );
		padding-bottom : calc( 14 * 100vw / 1050 );
		background-size : contain;
	}
	#topics li:nth-child( n + 5){
		margin-top : calc( 42 * 100vw / 1050 );
	}
	#topics a{
		padding-top : calc( 14 * 100vw / 1050 );
		padding-left : calc( 16 * 100vw / 1050 );
		padding-right : calc( 16 * 100vw / 1050 );
	}
	#topics .category{
		margin-top : calc( 10 * 100vw / 1050 );
		height : calc( 22 * 100vw / 1050 );
		font-size : calc( 14 * 100vw / 1050 );
	}
	#topics .text{
		margin-top : calc( ( 10 - 2 ) * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#topics .wrap{
		padding-bottom : 52px;
	}
	#topics ul{
		margin-top : 34px;
	}
	#topics li{
		width : 240px;
		height : 300px;
		padding-right : 14px;
		padding-bottom : 14px;
	}
	#topics li:nth-child( n + 5){
		margin-top : 42px;
	}
	#topics a{
		padding-top : 14px;
		padding-left : 16px;
		padding-right : 16px;
	}
	#topics .category{
		margin-top : 10px;
		height : 22px;
		font-size : 14px;
	}
	#topics .text{
		margin-top : calc( 10px - 2px );
	}
}
/*--------------------------------------------
ANIMAL TOPICS
---------------------------------------------*/
#animaltopics ul{
	display : flex;
	justify-content : space-between;
	flex-wrap : wrap;
}
#animaltopics ul::before{
  content:"";
  display: block;
  width:23%;
  order:1;
}
#animaltopics ul::after{
  content:"";
  display: block;
  width:23%;
}

#animaltopics a{
	border : 1px solid #c9caca;
	display : block;
	background-color : #fff;
	width : 100%;
	height : 100%;
}
#animaltopics .category{
	display : inline-flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	color : #fff;
	padding-left : 1em;
	padding-right : 1em;
	background-color : #2d7332;
	font-weight : 700;
}
#animaltopics .text{
	font-weight : 700;
}
@media screen and (max-width: 768px){
	#animaltopics h2.title-lang img{
		width: auto !important;
	}
	#animaltopics .wrap{
		padding-bottom : calc( 94 * 100vw / 1080 );
	}
	#animaltopics ul{
		margin-top : calc( 34 * 100vw / 1080 );
	}
	#animaltopics li{
		background : url("../images/home/bg_topics_sp.png") right top / contain no-repeat;
		width : calc( 502 * 100vw / 1080 );
		height : calc( 762 * 100vw / 1080 );
		padding-right : calc( 30 * 100vw / 1080 );
		padding-bottom : calc( 30 * 100vw / 1080 );
	}
	#animaltopics li:nth-child( n + 3){
		margin-top : calc( 46 * 100vw / 1080 );
	}
	#animaltopics a{
		padding-top : calc( 30 * 100vw / 1080 );
		padding-left : calc( 22 * 100vw / 1080 );
		padding-right : calc( 22 * 100vw / 1080 );
	}
	#animaltopics .category{
		margin-top : calc( 18 * 100vw / 1080 );
		height : calc( 60 * 100vw / 1080 );
		font-size : calc( 37 * 100vw / 1080 );
	}
	#animaltopics .text{
		margin-top : calc( ( 38 - 13.5 ) * 100vw / 1080 );
	}
}
@media print,screen and (min-width: 769px){
	#animaltopics li{
		background : url("../images/home/bg_topics.png") right top no-repeat;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#animaltopics .wrap{
		padding-bottom : calc( 52 * 100vw / 1050 );
	}
	#animaltopics ul{
		margin-top : calc( 34 * 100vw / 1050 );
	}
	#animaltopics li{
		width : calc( 240 * 100vw / 1050 );
		height : calc( 336 * 100vw / 1050 );
		padding-right : calc( 14 * 100vw / 1050 );
		padding-bottom : calc( 14 * 100vw / 1050 );
		background-size : contain;
	}
	#animaltopics li:nth-child( n + 5){
		margin-top : calc( 42 * 100vw / 1050 );
	}
	#animaltopics a{
		padding-top : calc( 14 * 100vw / 1050 );
		padding-left : calc( 16 * 100vw / 1050 );
		padding-right : calc( 16 * 100vw / 1050 );
	}
	#animaltopics .category{
		margin-top : calc( 10 * 100vw / 1050 );
		height : calc( 22 * 100vw / 1050 );
		font-size : calc( 14 * 100vw / 1050 );
	}
	#animaltopics .text{
		margin-top : calc( ( 10 - 2 ) * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#animaltopics .wrap{
		padding-bottom : 52px;
	}
	#animaltopics ul{
		margin-top : 34px;
	}
	#animaltopics li{
		width : 240px;
		height : 336px;
		padding-right : 14px;
		padding-bottom : 14px;
	}
	#animaltopics li:nth-child( n + 5){
		margin-top : 42px;
	}
	#animaltopics a{
		padding-top : 14px;
		padding-left : 16px;
		padding-right : 16px;
	}
	#animaltopics .category{
		margin-top : 10px;
		height : 22px;
		font-size : 14px;
	}
	#animaltopics .text{
		margin-top : calc( 10px - 2px );
	}
}

/*--------------------------------------------
NEWS
---------------------------------------------*/
#news ul{
	background-color : #fff;
	width : 100%;
	height : 100%;
	border : 1px solid #c9caca;
}
#news li{
	border-bottom : 1px dotted #c9caca;
}
#news li a{
	display : flex;
	align-items : center;
}
#news time{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #2d7332;
	color : #fff;
	flex-shrink : 0;
	font-weight : 700;
	white-space: nowrap;
}
#news h3{
	font-weight : 700;
	display : flex;
	align-items : center;
}
@media screen and (max-width: 768px){
	#news .wrap{
		padding-bottom : calc( 120 * 100vw / 1080 );
		padding-left : 0;
		padding-right : 0;
	}
	#news .box{
		margin-left : calc( 40 * 100% / 1080 );
		background : url("../images/home/bg_news_sp.png") right top / contain no-repeat;
		margin-top : calc( 64 * 100vw / 1080 );
		width : calc( 1040 * 100vw / 1080 );
		height : calc( 1060 * 100vw / 1080 );
		padding-right : calc( 30 * 100vw / 1080 );
		padding-bottom : calc( 30 * 100vw / 1080 );
	}
	#news ul{
		padding-top : calc( 32 * 100vw / 1080 );
		padding-left : calc( 30 * 100vw / 1080 );
		padding-right : calc( 30 * 100vw / 1080 );
	}
	#news li:first-child{
		border-top : 1px dotted #c9caca;
	}
	#news a{
		padding-top : calc( 20 * 100vw / 1080 );
		padding-bottom : calc( 20 * 100vw / 1080 );
	}
	#news time{
		width : calc( 234 * 100vw / 1080 );
		height : calc( 95 * 100vw / 1080 );
		font-size : calc( 36 * 100vw / 1080 );
		line-height : 1.2;
		text-align : left;
		padding-left : calc( 16 * 100vw / 1080 );
		white-space: normal;
	}
	#news h3{
		font-size : calc( 32 * 100vw / 1080 );
		line-height : 1.28;
		margin-left : calc( 36 * 100vw / 1080 );
	}
	#news .more {
		margin-top: calc( 45 * 100vw / 1080 );
		text-align: center;
		font-size: calc( 38 * 100vw / 1080 );
		font-weight: 700;
	}
	#news .more a {
		padding: 0;
		color: #2d7332;
	}
}
@media print,screen and (min-width: 769px){
	#news .box{
		background : url("../images/home/bg_news.png") right top no-repeat;
		margin-left : auto;
		margin-right : auto;
	}
	#news h3:before{
		content : "|";
		display : block;
		color : #4c4948;
		margin-left : 1em;
		margin-right : 1em;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#news .wrap{
		padding-bottom : calc( 68 * 100vw / 1050 );
	}
	#news .box{
		margin-top : calc( 22 * 100vw / 1050 );
		width : calc( 866 * 100vw / 1050 );
		height : calc( 364 * 100vw / 1050 );
		padding-right : calc( 14 * 100vw / 1050 );
		padding-bottom : calc( 14 * 100vw / 1050 );
		box-sizing : contain;
	}
	#news ul{
		padding-left : calc( 14 * 100vw / 1050 );
		padding-right : calc( 14 * 100vw / 1050 );
		padding-bottom : calc( 10 * 100vw / 1050 );
	}
	#news a{
		padding-top : calc( 12 * 100vw / 1050 );
		padding-bottom : calc( 12 * 100vw / 1050 );
	}
	#news time{
		width : calc( 145 * 100vw / 1050 );
		height : calc( 22 * 100vw / 1050 );
		font-size : calc( 14 * 100vw / 1050 );
	}
	#news h3{
		font-size : calc( 14 * 100vw / 1050 );
		line-height : 1.2;
	}
	#news .more {
		margin-top: calc( 25 * 100vw / 1050 );
		text-align: center;
		font-size: calc( 22 * 100vw / 1050 );
		font-weight: 700;
	}
	#news .more a {
		padding: 0;
		color: #2d7332;
	}
}
@media print,screen and (min-width: 1050px){
	#news .wrap{
		padding-bottom : 68px;
	}
	#news .box{
		margin-top : 22px;
		width : 866px;
		height : 364px;
		padding-right : 14px;
		padding-bottom : 14px;
	}
	#news ul{
		padding-left : 14px;
		padding-right : 14px;
		padding-bottom : 10px;
	}
	#news a{
		padding-top : 12px;
		padding-bottom : 12px;
	}
	#news time{
		width : 145px;
		height : 22px;
		font-size : 14px;
	}
	#news h3{
		font-size : 14px;
		line-height : 16.8px;
	}
	#news .more {
		margin-top: 25px;
		text-align: center;
		font-size: 22px;
		font-weight: 700;
	}
	#news .more a {
		padding: 0;
		color: #2d7332;
	}
}
@media screen and (max-width: 768px) and (-ms-high-contrast:none){
	#news time{
		font-size : calc( 32 * 100vw / 1080 );
	}
}
@media screen and (min-width: 769px) and (max-width:1049px) and (-ms-high-contrast:none){
	#news time{
		font-size : calc( 13 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px) and (-ms-high-contrast:none){
	#news time{
		font-size : 13px;
	}
}
/*--------------------------------------------
ASIDE SNS
---------------------------------------------*/
#aside-sns ul{
	display : flex;
	justify-content : center;
}
#aside-sns li a{
	display : block;
}
#aside-sns li a img{
	width : 100%;
	height : auto;
}
@media screen and (max-width: 768px){
	#aside-sns .wrap{
		padding-bottom : calc( 56 * 100vw / 1080 );
	}
	#aside-sns ul{
		margin-top : calc( 36 * 100vw / 1080 );
	}
	#aside-sns li{
		width : calc( 244 * 100vw / 1080 );
		height : calc( 244 * 100vw / 1080 );
	}
	#aside-sns li + li{
		margin-left : calc( 56 * 100vw / 1080 );
	}
	#aside-sns #sb_instagram {
		display : none;
	}
}
@media print,screen and (min-width: 769px){
	#aside-sns .box{
		background : url("../images/home/bg_sns.png") right top no-repeat;
		margin-left : auto;
		margin-right : auto;
	}
	#aside-sns .box-inner{
		background-color : #fff;
		width : 100%;
		height : 100%;
		border : 1px solid #c9caca;
	}
	#aside-sns h4{
		display : flex;
		align-items : center;
		font-weight : 700;
	}
	#aside-sns h4:before{
		content : "";
		display : block;
		background : url("../images/ui/icon/koala.svg") left center / contain no-repeat;
	}
	#aside-sns ul{
		display : flex;
		align-items : flex-start;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#aside-sns .wrap{
		padding-bottom : calc( 68 * 100vw / 1050 );
	}
	#aside-sns .wrap > ul{
		margin-top : calc( 14 * 100vw / 1050 );
	}
	#aside-sns .wrap > ul > li{
		width : calc( 58 * 100vw / 1050 );
		height : calc( 58 * 100vw / 1050 );
	}
	#aside-sns .wrap > ul > li + li{
		margin-left : calc( 14 * 100vw / 1050 );
	}
	#aside-sns .box{
		margin-top : calc( 30 * 100vw / 1050 );
		width : calc( 866 * 100vw / 1050 );
		height : calc( 230 * 100vw / 1050 );
		padding-right : calc( 16 * 100vw / 1050 );
		padding-bottom : calc( 16 * 100vw / 1050 );
		background-size : contain;
	}
	#aside-sns .box-inner{
		padding-top : calc( 12 * 100vw / 1050 );
		padding-left : calc( 22 * 100vw / 1050 );
		padding-right : calc( 22 * 100vw / 1050 );
	}
	#aside-sns h4{
		font-size : calc( 20 * 100vw / 1050 );
	}
	#aside-sns h4:before{
		width : calc( 50 * 100vw / 1050 );
		height : calc( 50 * 100vw / 1050 );
		margin-right : calc( 8 * 100vw / 1050 );
	}
	#aside-sns #sb_instagram {
		margin-top : calc( 10 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#aside-sns .wrap{
		padding-bottom : 68px;
	}
	#aside-sns .wrap > ul{
		margin-top : 14px;
	}
	#aside-sns .wrap > ul > li{
		width : 58px;
		height : 58px;
	}
	#aside-sns .wrap > ul > li + li{
		margin-left : 14px;
	}
	#aside-sns .box{
		margin-top : 30px;
		width : 866px;
		height : 230px;
		padding-right : 16px;
		padding-bottom : 16px;
	}
	#aside-sns .box-inner{
		padding-top : 12px;
		padding-left : 22px;
		padding-right : 22px;
	}
	#aside-sns h4{
		font-size : 20px;
	}
	#aside-sns h4:before{
		width : 50px;
		height : 50px;
		margin-right : 8px;
	}
	#aside-sns #sb_instagram {
		margin-top : 10px;
	}
}
/*--------------------------------------------
ANIMAL SNS
---------------------------------------------*/
@media screen and (max-width: 768px){
	#animal-sns .wrap{
		padding-bottom : calc( 80 * 100vw / 1080 );
	}
	#animal-sns .sp-box{
		margin-top : calc( 56 * 100vw / 1080 );
		display : flex;
		justify-content : center;
	}
	#animal-sns .sp-box > .box{
		order : 1;
	}
	#animal-sns .box-wrap{
		margin-left : calc( 56 * 100vw / 1080 );
		order : 2;
		display : flex;
		justify-content : center;
	}
	#animal-sns .box-wrap .box + .box{
		margin-left : calc( 56 * 100vw / 1080 );
	}
	#animal-sns img{
		height : calc( 244 * 100vw / 1080 );
	}
	#animal-sns #sb_instagram {
		display: none;
	}
}
@media print,screen and (min-width: 769px){
	#animal-sns .box-wrap{
		display : flex;
		justify-content : center;
	}
	#animal-sns .box-wrap .box{
		background : url("../images/home/bg_animal01.png") right top no-repeat;
	}
	#animal-sns .box-wrap h4 a{
		display : flex;
		align-items : center;
		font-weight : 700;
		color : #4c4948;
	}
	#animal-sns .box-wrap .iframe-container{
		overflow-y : scroll;
	}
	#animal-sns .box-inner{
		border : 1px solid #c9caca;
		background-color : #fff;
		width : 100%;
		height : 100%;
	}
	#animal-sns .sp-box > .box{
		margin-left : auto;
		margin-right : auto;
		background : url("../images/home/bg_animal02.png") right top no-repeat;
	}
	#animal-sns .sp-box > .box .box-inner{
		display : flex;
		align-items : center;
		font-weight : 700;
	}
	#animal-sns .sp-box > .box .box-inner:after{
		content : "";
		display : block;
		background : url("../images/ui/icon/arrow.svg") left center / contain no-repeat;
		margin-left : auto;
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	#animal-sns .wrap{
		padding-bottom : calc( 20 * 100vw / 1050 );
	}
	#animal-sns .box-wrap{
		margin-top : calc( 32 * 100vw / 1050 );
	}
	#animal-sns .box-wrap .box{
		width : calc( 314 * 100vw / 1050 );
		height : calc( 262 * 100vw / 1050 );
		padding-right : calc( 14 * 100vw / 1050 );
		padding-bottom : calc( 16 * 100vw / 1050 );
		background-size : contain;
	}
	#animal-sns .box-wrap .box + .box{
		margin-left : calc( 68 * 100vw / 1050 );
	}
	#animal-sns .box-wrap .box-inner{
		padding-top : calc( 8 * 100vw / 1050 );
		padding-left : calc( 10 * 100vw / 1050 );
		padding-right : calc( 10 * 100vw / 1050 );
	}
	#animal-sns .box-wrap h4 a{
		font-size : calc( 18 * 100vw / 1050 );
	}
	#animal-sns .box-wrap h4 a img{
		height : calc( 40 * 100vw / 1050 );
		margin-right : calc( 8 * 100vw / 1050 );
	}
	#animal-sns .box-wrap .iframe-container{
		width : calc( 278 * 100vw / 1050 );
		height : calc( 184 * 100vw / 1050 );
		margin-top : calc( 6 * 100vw / 1050 );
	}
	#animal-sns .sp-box > .box{
		margin-top : calc( 48 * 100vw / 1050 );
		width : calc( 314 * 100vw / 1050 );
		height : calc( 74 * 100vw / 1050 );
		padding-right : calc( 16 * 100vw / 1050 );
		padding-bottom : calc( 16 * 100vw / 1050 );
		background-size : contain;
	}
	#animal-sns .sp-box > .box a{
		font-size : calc( 18 * 100vw / 1050 );
		padding-left : calc( 6 * 100vw / 1050 );
		padding-right : calc( 12 * 100vw / 1050 );
	}
	#animal-sns .sp-box > .box a:after{
		width : calc( 28 * 100vw / 1050 );
		height : calc( 28 * 100vw / 1050 );
	}
	#animal-sns .sp-box > .box img{
		height : calc( 40 * 100vw / 1050 );
		width : calc( 40 * 100vw / 1050 );
		margin-right : calc( 8 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	#animal-sns .wrap{
		padding-bottom : 20px;
	}
	#animal-sns .box-wrap{
		margin-top : 32px;
	}
	#animal-sns .box-wrap .box{
		width : 314px;
		height : 262px;
		padding-right : 14px;
		padding-bottom : 16px;
	}
	#animal-sns .box-wrap .box + .box{
		margin-left : 68px;
	}
	#animal-sns .box-wrap .box-inner{
		padding-top : 8px;
		padding-left : 10px;
		padding-right : 10px;
	}
	#animal-sns .box-wrap h4 a{
		font-size : 18px;
	}
	#animal-sns .box-wrap h4 a img{
		height : 40px;
		margin-right : 8px;
	}
	#animal-sns .box-wrap .iframe-container{
		width : 278px;
		height : 184px;
		margin-top : 6px;
	}
	#animal-sns .sp-box > .box{
		margin-top : 48px;
		width : 314px;
		height : 74px;
		padding-right : 16px;
		padding-bottom : 16px;
	}
	#animal-sns .sp-box > .box a{
		font-size : 18px;
		padding-left : 6px;
		padding-right : 12px;
	}
	#animal-sns .sp-box > .box a:after{
		width : 28px;
		height : 28px;
	}
	#animal-sns .sp-box > .box img{
		height : 40px;
		width : 40px;
		margin-right : 8px;
	}
}
/*# sourceMappingURL=../maps/home.css.map */

#calendar .box{
	background-color: #fff;
}
.btn {
	display: inline-block;
	background-color: #fff;
	border-radius: .25rem;
	padding: 0 .75em;
}
.icon {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: 5% 0;
	width : calc( 72 * 100vw / 1080 );
	height : calc( 72 * 100vw / 1080 );
	line-height: 1;
}
.icon-solar::before {
	display: inline-block;
	content: '';
	width: 100%;
	height: 100%;
	background-image : url("../images/ui/icon/weather.svg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
@media screen and (max-width: 768px){
	.icon {
	}
}
@media screen and (min-width: 769px) and (max-width:1049px){
	.icon {
		width : calc( 27 * 100vw / 1050 );
		height : calc( 27 * 100vw / 1050 );
	}
}
@media print,screen and (min-width: 1050px){
	.icon {
		width : 28px;
		height : 28px;
	}
}
.text-middle {
	margin-top: .1em;
	font-size: calc( 34 * 100vw / 1080 );
}
.btn-weather-infomation {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
@media screen and (max-width: 1049px) and (min-width: 769px) {
	.text-middle {
		font-size: calc( 14 * 100vw / 1050 );
	}
	.btn-weather-infomation {
		flex-direction: row;
	}
}
@media print, screen and (min-width: 1050px) {
	.text-middle {
		font-size: 14px;
	}
	.btn-weather-infomation {
		flex-direction: row;
	}
}

.text-green {
	color: #2D7332;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !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-n1 {
  margin: -0.25rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-n5,
.mx-n5 {
  margin-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-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-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-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-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-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-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-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-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;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}