@charset "UTF-8";

/*TOP PAGE*/


/* ==========================================================================
	slider
========================================================================== */

/*1枚目*/
.swiper-slide.slide1 > span{
	background-image: url(../img/top/mv01.png);
	display: block;
	width: 100%;
	height: 500px;
	background-size: 3000px 500px;
	background-position: center;
	background-repeat: no-repeat;
}
/*4枚目*/
.swiper-slide.slide4 > span{
	background-image: url(../img/top/mv04.png) ;
    background-color: #fff;
	display: block;
	width: 100%;
	height: 500px;
	background-size: 1500px 472px;
	background-position: center;
	background-repeat: no-repeat;
}

/*2枚目*/
.swiper-slide.slide2 > span{
	background-image: url(../img/top/mv02_logo.png);
	display: block;
	width: 100%;
	height: 500px;
	background-size: 200px 296px;
	background-position: center 60px;
	background-repeat: no-repeat;
	background-color: #fff;
}
.swiper-slide.slide2 > div{
	width: 960px;
    display: block;
    position: absolute;
    margin: 0 auto;
    left: 50%;
    height: 130px;
    bottom: 0;
}
.swiper-slide.slide2 > div p{
	display: block;
	width: 417px;
	height: 75px;
    position: absolute;
	background-image: url(../img/top/mv02_ttl.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: -205px;
    margin-top: 30px;
}
.swiper-slide.slide2 > div a{
	margin-left: 283px;
	margin-top: 28px;
	background: #004b37;
	border-radius: 4px;
	display: block;
	width: 89px;
	height: 75px;
    position: absolute;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    line-height: 1.23em;
    letter-spacing: 0.1em;
    padding-left: 0.1em;
	color: #fff;
		transition: 0.3s;
}
	/*アロー*/
.swiper-slide.slide2 > div a span{
	width: 11px;
	height: 15px;
	display: block;
    text-align: center;
    cursor: pointer;
		position: relative;
		margin: 10px auto 5px;
		background-image: url(../img/common/arrow_white.svg);
		transform: translateX(0);
		transition: 0.3s;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
}
/*.swiper-slide.slide2 > div a span::before{
    width: 0px;
    height: 11px;
    border-right: 2px solid #fff;
    transform: rotate(-50deg);
    position: absolute;
    margin: auto;
    content: "";
    vertical-align: middle;
    left: 4.5px;
    top: -1.5px;
	}
.swiper-slide.slide2 > div a span::after{
    width: 0px;
    height: 11px;
    border-right: 2px solid #fff;
    transform: rotate(50deg);
    position: absolute;
    margin: auto;
    content: "";
    vertical-align: middle;
    left: 4.5px;
    top: 5px;
	}*/
/*3枚目*/
.swiper-slide.slide3 > span{
	background-image: url(../img/top/mv03_bg.png);
	display: block;
	width: 100%;
	height: 500px;
	background-size: 3000px 500px;
	background-position: center;
	background-repeat: no-repeat;
}
.swiper-slide.slide3 > div{
	width: 960px;
    display: block;
    position: absolute;
    margin: 0 auto;
    left: 50%;
    height: 130px;
    bottom: 0;
}
.swiper-slide.slide3 > div a{
	margin-left: 283px;
	margin-top: 27px;
	background-image: url(../img/top/mv03_fuki.png);
	display: block;
	width: 89px;
	height: 96px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    line-height: 1.23em;
    letter-spacing: 0.1em;
    padding-left: 0.1em;
	color: #004b37;
		transition: 0.3s;
}
	/*アロー*/
.swiper-slide.slide3 > div a span{
	width: 11px;
	height: 15px;
	display: block;
    text-align: center;
    cursor: pointer;
		position: relative;
		margin: 11px auto 5px;
		background-image: url(../img/common/arrow_green.svg);
		transform: translateX(0);
		transition: 0.3s;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
}

.swiper-slide.slide4 > div{
	width: 960px;
    display: block;
    position: absolute;
    margin: 0 auto;
    left: 50%;
    height: 130px;
    bottom: 0;
}
.swiper-slide.slide4 a{
	margin-left: 323px;
	margin-top: 28px;
	background: #004b37;
	border-radius: 4px;
	display: block;
	width: 89px;
	height: 75px;
    position: absolute;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    line-height: 1.23em;
    letter-spacing: 0.1em;
    padding-left: 0.1em;
	color: #fff;
		transition: 0.3s;
}
	/*アロー*/
.swiper-slide.slide4 a span{
	width: 11px;
	height: 15px;
	display: block;
    text-align: center;
    cursor: pointer;
		position: relative;
		margin: 10px auto 5px;
		background-image: url(../img/common/arrow_white.svg);
		transform: translateX(0);
		transition: 0.3s;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
}
/*.swiper-slide.slide3 > div a span::before{
    width: 0px;
    height: 11px;
    border-right: 2px solid #004b37;
    transform: rotate(-50deg);
    position: absolute;
    margin: auto;
    content: "";
    vertical-align: middle;
    left: 4.5px;
    top: -1.5px;
	}
.swiper-slide.slide3 > div a span::after{
    width: 0px;
    height: 11px;
    border-right: 2px solid #004b37;
    transform: rotate(50deg);
    position: absolute;
    margin: auto;
    content: "";
    vertical-align: middle;
    left: 4.5px;
    top: 5px;
	}*/

.mvCatch {
	width: 416px;
    position: absolute;
	bottom: 5px;
    right: 0;
}
.mvCatch img {
	width: 100%;
	display: block;
}

/*スライドタイトル3本*/
.slide_ttl3{
	width: 960px;
    display: block;
    left: 50%;
    position: absolute;
    margin-left: -447px;
	top: 20px;
}
.slide_ttl3 span{
	background-image: url(../img/top/mv_ttl.png);
	display: block;
	width: 286px;
	height: 196px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
}
.slide_ttl3 span.type2{
	background-image: url(../img/top/mv_ttl.svg);
	width: 233px;
	height: 159px;
}

/*PCのみ*/
@media screen and ( min-width: 769px ) {
	/*2枚目*/
	.swiper-slide.slide2 > div a:hover{
	    	cursor: pointer;
			background: #023829;
			color: #ffff64;
			transition: 0.3s;
	}
		/*アロー*/
	.swiper-slide.slide2 > div a:hover span{
		    cursor: pointer;
			background-image: url(../img/common/arrow_yellow.svg);
			transform: translateX(5px);
			transition: 0.3s;
	}
	/*.swiper-slide.slide2 > div a:hover span::before{
	    border-right: 2px solid #ffff64;
			transition: 0.3s;
		}
	.swiper-slide.slide2 > div a:hover span::after{
	    border-right: 2px solid #ffff64;
			transition: 0.3s;
		}*/
	/*3枚目*/
	.swiper-slide.slide3 > div a:hover{
    	cursor: pointer;
		background-image: url(../img/top/mv03_fuki_on.png);
    	color: #ffff64;
		transition: 0.3s;
    }
	.swiper-slide.slide3 > div a:hover span{
    		cursor: pointer;
			background-image: url(../img/common/arrow_yellow.svg);
			transform: translateX(5px);
			transition: 0.3s;
	}
	/*.swiper-slide.slide3 > div a:hover span::before{
	    border-right: 2px solid #ffff64;
		}
	.swiper-slide.slide3 > div a:hover span::after{
	    border-right: 2px solid #ffff64;
		}*/

}

/*retina*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	/*1枚目*/
	.swiper-slide.slide1 > span{
		background-image: url(../img/top/mv01@2x.png);
			transition: 0.3s;
	}
    /*1枚目*/
	.swiper-slide.slide4 > span{
		background-image: url(../img/top/mv04@2x.png);
			transition: 0.3s;
	}
	/*2枚目*/
	.swiper-slide.slide2 > span{
		background-image: url(../img/top/mv02_logo@2x.png);
			transition: 0.3s;
	}
	.swiper-slide.slide2 > div p{
		background-image: url(../img/top/mv02_ttl@2x.png);
			transition: 0.3s;
	}
	/*3枚目*/
	.swiper-slide.slide3 > span{
		background-image: url(../img/top/mv03_bg@2x.png);
			transition: 0.3s;
	}
	.swiper-slide.slide3 > div a{
		background-image: url(../img/top/mv03_fuki@2x.png);
			transition: 0.3s;
	}
    .swiper-slide.slide4 > div a{
/*		background-image: url(../img/top/mv03_fuki@2x.png);
*/			transition: 0.3s;
	}
	/*スライドタイトル3本*/
	.slide_ttl3 span{
		background-image: url(../img/top/mv_ttl@2x.png);
			transition: 0.3s;
	}
		/*PCのみ*/
		@media screen and ( min-width: 769px ) {
			.swiper-slide.slide3 > div a:hover{
				background-image: url(../img/top/mv03_fuki_on@2x.png);
					transition: 0.3s;
		    }
		}
}

/*SP*/
@media screen and ( max-width: 768px ) {
		.swiper-wrapper{
			/* padding-bottom: 188px; */
		}
		/*1枚目*/
		.swiper-slide.slide1 > span{
			background-image: url(../img/top/mv01_sp.png);
			display: block;
			width: 100%;
			height: 255px;
			background-size: 621px 255px;
			background-position: center;
			background-repeat: repeat-x;
		}

    .swiper-slide.slide4 > span{
			background-image: url(../img/top/mv04@2x.png);
			display: block;
			width: 100%;
			height: 255px;
			background-size: 811px 255px;
			background-position: center;
			background-repeat: repeat-x;
		}
		/*2枚目*/
		.swiper-slide.slide2 > span{
			background-image: url(../img/top/mv02_logo_sp.png);
			display: block;
			width: 100%;
			height: 255px;
			background-size: 100px 147.5px;
			background-position: center 10px;
			background-repeat: no-repeat;
			background-color: #fff;
		}
		.swiper-slide.slide2 > div{
			width: 100%;
		    display: block;
		    position: absolute;
		    margin: 0 auto;
		    left: 0;
		    height: 100px;
		    bottom: 0;
		    /*background-color: #ccc;*/
		}
		.swiper-slide.slide2 > div p{
			display: block;
			width: 247.5px;
			height: 16px;
		    position: absolute;
			background-image: url(../img/top/mv02_ttl_sp.png);
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
			left: 50%;
			margin-left: -124px;
		    margin-top: 15px;
		}
		.swiper-slide.slide2 > div a{
				left: 50%;
				margin-left: -115px;
				margin-top: 55px;
			background: #004b37;
				border-radius: 5px;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 230px;
				height: 35px;
				font-weight: normal;
		    position: absolute;
		    cursor: pointer;
		    text-align: center;
		  	  font-size: 13px;
		    line-height: 1.23em;
		    letter-spacing: 0.1em;
		    padding-left: 0.1em;
			color: #fff;
		}
			/*アロー小白*/
		.swiper-slide.slide2 > div a span{
		    width: 5px;
		    height: 7px;
		    display: block;
		    text-align: center;
		    cursor: default;
		    position: absolute;
		    margin: auto;
		    top: 13px;
		    left: 15px;
		}
		/*.swiper-slide.slide2 > div a span::before{
		    width: 0px;
		    height: 5px;
		    border-right: 1px solid #fff;
		    transform: rotate(-50deg);
		    position: absolute;
		    margin: auto;
		    content: "";
		    vertical-align: middle;
		    left: 2px;
		    top: 0.8px;
			}
		.swiper-slide.slide2 > div a span::after{
		    width: 0px;
		    height: 5px;
		    border-right: 1px solid #fff;
		    transform: rotate(50deg);
		    position: absolute;
		    margin: auto;
		    content: "";
		    vertical-align: middle;
		    left: 2px;
		    top: 3.5px;
			}*/
		/*3枚目*/
		.swiper-slide.slide3 > span{
			background-image: url(../img/top/mv03_sp.png);
			display: block;
			width: 100%;
			height: 255px;
			background-size: 621px 255px;
			background-position: center;
			background-repeat: repeat-x;
		}
		.swiper-slide.slide3 > div{
			width: 100%;
		    display: block;
		    position: absolute;
		    margin: 0 auto;
		    left: 0;
		    height: 100px;
		    bottom: 0;
		}
		.swiper-slide.slide3 > div a{
				left: 50%;
				margin-left: -115px;
				margin-top: 55px;
			background: #fff;
				border-radius: 5px;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 230px;
				height: 35px;
				font-weight: normal;
		    position: absolute;
		    cursor: pointer;
		    text-align: center;
		  	  font-size: 13px;
		    line-height: 1.23em;
		    letter-spacing: 0.08em;
		    padding-left: 0.08em;
			color: #004b37;
		}
			/*アロー小*/
		.swiper-slide.slide3 > div a span{
		    width: 5px;
		    height: 7px;
		    display: block;
		    text-align: center;
		    cursor: default;
		    position: absolute;
		    margin: auto;
		    top: 13px;
		    left: 15px;
		}
		.swiper-slide.slide4 > div{
			width: 100%;
		    display: block;
		    position: absolute;
		    margin: 0 auto;
		    left: 0;
		    height: 100px;
		    bottom: 0;
		}
		.swiper-slide.slide4 > div a{
			    left: 50%;
            bottom:50px;
			    margin-left: -115px;
			    margin-top: 3px;
			    color: #fff;
			    border-radius: 5px;
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    width: 230px;
			    height: 35px;
			    font-weight: normal;
			    position: absolute;
			    cursor: pointer;
			    text-align: center;
			    font-size: 13px;
			    line-height: 1.23em;
			    letter-spacing: 0.08em;
			    padding-left: 0.08em;
			    background-color: #004b37;
			    background-image: none;
		}
			/*アロー小*/
		.swiper-slide.slide4 > div a span{
		    width: 5px;
		    height: 7px;
		    display: block;
		    text-align: center;
		    cursor: default;
		    position: absolute;
		    margin: auto;
		    top: 13px;
		    left: 15px;
		}
		/*.swiper-slide.slide3 > div a span::before{
		    width: 0px;
		    height: 5px;
		    border-right: 1px solid #004b37;
		    transform: rotate(-50deg);
		    position: absolute;
		    margin: auto;
		    content: "";
		    vertical-align: middle;
		    left: 2px;
		    top: 0.8px;
			}
		.swiper-slide.slide3 > div a span::after{
		    width: 0px;
		    height: 5px;
		    border-right: 1px solid #004b37;
		    transform: rotate(50deg);
		    position: absolute;
		    margin: auto;
		    content: "";
		    vertical-align: middle;
		    left: 2px;
		    top: 3.5px;
			}*/

	.mvCatch {
		position: relative;
		width: 71%;
		max-width: 320px;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 15px auto 0;
	}

	.mvNavi {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		width: calc(100% - 36px);
		margin: 27px auto 0;
	}
	.mvNaviLink {
		display: flex;
		align-items: center;
		width: calc((100% - 10px)/2);
		height: 58px;
		padding-left: 12px;
		border: 2px solid #003D28;
		border-radius: 5px;
		font-size: 16px;
		line-height: 20px;
		color: #003D28;
	}

	/*スライドタイトル3本*/
	.slide_ttl3{
		width: 100%;
	    display: block;
	    left: 50%;
	    position: absolute;
	    margin-left: -142.5px;
		bottom: 176px;
		top: auto;
	}
	.slide_ttl3 span{
		background-image: url(../img/top/mv_ttl_sp.png);
		display: block;
		width: 286px;
		height: 196px;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		z-index: 1;
	}
	.slide_ttl3.type2{
		width: auto;
		padding: 0;
		margin: auto;
		top: 38px;
        bottom: auto;
        left: 15px;
        right: auto;
	}
	.slide_ttl3.type2 span{
		background-image: url(../img/top/mv_ttl_sp.svg);
		width: 165px;
        height: 90px;
		margin: 0 auto;
		display: block;
		position: static;
	}
}

/* ==========================================================================
	定休日・ニュース・コンセプトボタン
========================================================================== */

.news_wrap{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 55px;
	grid-row-gap: 19px;
	width: 962px;
    margin: 50px auto 0;
	padding-bottom: 50px;
    position: relative;
	z-index: 1;
}
.news_wrap .mvHoliday {
	width: 413px;
	grid-area: 1 / 1 / 2 / 2;
}
/*◯月の定休日*/
.news_wrap .mvHoliday p:nth-child(1){
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
	color: #003D28;
	margin-bottom: 16px;
}
/*◯月の定休日　日にち*/
.news_wrap .mvHoliday p:nth-child(2){
	width: 100%;
	padding: 18px 45px;
	border: 1px dashed #707070;
	background: #fff;
	font-size: 14px;
	line-height: 24px;
	font-feature-settings: "palt";
}
.recruit_bana a{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 413px;
	background-color: #ffffb9;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	display: block;
	transition: 0.3s;
	display: block;
}
.recruit_bana img{
	max-width: 100%;
}
@media screen and ( min-width: 769px ) {
	.recruit_bana img{
		width: 512px;
	}
}
/*ニュースwrap*/
.news_wrap .mvNews {
	width: 493px;
	grid-area: 1 / 2 / 3 / 3;
	background: #E4E4DC;
	padding: 30px 35px;
}
/*ニュースタイトル*/
.news_wrap .mvNews > div h2{
	font-size: 20px;
	letter-spacing: 0;
	font-weight: bold;
	color: #003D28;
	text-align: center;
}
/*一覧ボタン*/
.news_wrap .mvNews > div a{
	background-image: url(../img/top/news_btn.png);
	display: block;
	width: 100px;
	height: 25px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
	line-height: 27px;
	font-size: 12px;
	color: #fff;
	text-align: center;
		transition: 0.3s;
}
/*ニュース本文*/
.news_wrap .mvNews > ul{
	margin-top: 25px;
}
.news_wrap .mvNews > ul li {
	border-bottom: 1px solid #707070;
}
.news_wrap .mvNews > ul li:last-child {
    margin-bottom: 0px;
}
.news_wrap .mvNews > ul li a {
	display: block;
	padding: 10px 0;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 1.4;
    font-weight: normal;
}

/*分譲地情報*/
/*
.news_wrap > a{
    width: 305px;
	height: 150px;
	display: block;
	float: right;
	background-image: url(../img/top/bana01_nolink.png);
	background-color: #004b37;
	border-radius: 7px;
	background-size: 275px 131px;
	background-position: center right;
	background-repeat: no-repeat;
    transition: 0.3s;
    pointer-events: none;
}
*/
.news_wrap > a{
    width: 305px;
	height: 150px;
	display: block;
	float: right;
    opacity: 1;
    transition: opacity 0.3s ease;
}
.news_wrap .mvBanner {
	width: 413px;
	grid-area: 2 / 1 / 3 / 2;
}
.news_wrap .rightBlock a{
  width: 100%;
	display: block;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.news_wrap .rightBlock a img{
  width: 100%;
	display: block;
}
.news_wrap .rightBlock a + a{
	margin-top: 10px;
}
.news_wrap .rightBlock_clm1 {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.news_wrap .rightBlock_clm1_in {
	width: calc((100% - 10px) / 2);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.news_wrap > div:nth-child(2) > div a{
		background-image: url(../img/top/news_btn@2x.png);
		}
}
/*PCのみ*/
@media screen and ( min-width: 769px ) {
	.news_wrap .mvNews > ul li a {
		transition: opacity 0.3s;
	}
	.news_wrap .mvNews > ul li a:hover {
		opacity: 0.5;
	}
	.news_wrap > div:nth-child(2) > div a:hover{
		background-image: url(../img/top/news_btn_on.png);
		color: #ffff64;
			transition: 0.3s;
	}
     .recruit_bana a:hover{
     background-color: #ffff64;
    }
	/*分譲地情報*/
	.news_wrap > a:hover{
        opacity: 0.6;
	}
	.news_wrap .rightBlock a:hover{
		opacity: 0.6;
	}
		@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
			.news_wrap > div:nth-child(2) > div a:hover{
				background-image: url(../img/top/news_btn_on@2x.png);
				color: #ffff64;
					transition: 0.3s;
			}
		}
		.recruit_bana a:hover {
			opacity: .7;
		}
}

/*sp*/
@media screen and ( max-width: 768px ) {
	.news_wrap{
		display: block;
		width: 100%;
	    margin: 30px auto 0;
        padding-bottom: 0;
	}
	/*定休日 wrap*/
	.news_wrap .mvHoliday{
		width: calc(100% - 36px);
		margin: 0 auto;
	}
	/*◯月の定休日*/
	.news_wrap .mvHoliday p:nth-child(1){
		margin-left: 0;
		margin-bottom: 16px;
		text-align: center;
	}
	/*◯月の定休日　日にち*/
	.news_wrap .mvHoliday p:nth-child(2){
		line-height: 1.72;
	}
	.recruit_bana a{
		top: 440px;
    bottom: auto;
    left: 0;
    right: 0;
    width: 90vw;
    height: 38.13vw;
    margin: auto;
    font-size: 16px;
    line-height: 60px;
  }
  .recruit_bana.type2 {
	margin-top: 45px;
  }
  .recruit_bana.type2 a{
    height: 22.88vw;
	position: relative;
	top: 0;
  }
	/*ニュースwrap*/
	.news_wrap .mvNews{
		width: calc(100% - 36px);
		margin: 0 auto;
		padding: 30px 20px 36px;
	}
	.news_wrap .mvNews.type2 {
		margin-top: 22px;
	}
	/*ニュースタイトル*/
	.news_wrap .mvNews > div h2{

	}
	/*一覧ボタン*/
	.news_wrap > div:nth-child(2) > a{
		background-image: url(../img/top/news_btn_sp.png);
		display: block;
		width: 150px;
		height: 35px;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		margin: 0 auto;
		line-height: 35px;
		font-size: 13px;
		color: #fff;
		text-align: center;
		transition: 0.3s;
	}
	/*ニュース本文*/
	.news_wrap .mvNews > ul{
		margin-top: 16px;
	}
	.news_wrap .mvNews > ul li a p{
		font-size: 13px;
		line-height: 1.462;
	}

	/*分譲地情報*/
	.news_wrap > a{
        width: 100%;
	height: auto;
	display: block;
	float: none;
        margin-top: 30px;
        padding: 0 20px;
        box-sizing: border-box;
	}
    .news_wrap > a > img{
        width: 100%;
	height: auto;
	float: none;
	}

	.news_wrap .rightBlock{
		width: calc(100% - 36px);
		margin: 20px auto 45px;
		float: none;
	}
	.rightBlock_clm1 + .i1 {
		margin-top: 10px;
	}
}


.swiper-pagination {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 18px;
}
.swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 100%;
	margin: 0 !important;
	opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #003D28;
	pointer-events: none;
}
@media screen and ( max-width: 768px ) {
	.swiper-pagination {
		width: 100%;
		align-items: center;
		justify-content: center;
		gap: 13px;
	}
	.swiper-pagination .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
	}
}


/* ==========================================================================
	おすすめ物件
========================================================================== */
.bukken{
	width: 100%;
	background-color: #e4e4dc;
	padding: 90px 0 80px;
}
/*wrap*/
.bukken > div{
	width: 962px;
	margin: 0 auto;
}
/*ttl*/
.bukken > div h2{
	font-size: 32px;
	text-align: center;
	letter-spacing: 0.1em;
	color: #003D28;
}
.bukken > div h2 span{
	display: block;
	margin-top: 22px;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 400;
}

/*物件表示*/
.bukkenSliderBox {
	height: 442px;
	margin-top: 65px;
	position: relative;
    overflow: hidden;
}
.bukkenSlider {
    transition-timing-function: ease-out;
}
.bukkenSlideItem {
	width: 238px;
	margin-right: 37px;
	transition: 0.4s ease;
	will-change: width;
    backface-visibility: hidden;
}
.bukkenSlideItem a {
	display: block;
}
.bukkenSlideItem .img {
	height: 150px;
	border-radius: 10px;
	transition: 0.4s ease;
}
.bukkenSlideItem .pick_cat_price {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid #9F9F9F;
}
.bukkenSlideItem .pick_cat {
	font-size: 14px;
	letter-spacing: 0;
	line-height: 1.3;
	transition: 0.4s ease;
}
.bukkenSlideItem .pick_price {
	text-align: right;
}
.bukkenSlideItem .pick_price .num {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	color: #003D28;
	transition: 0.4s ease;
}
.bukkenSlideItem .pick_price .num + span {
	font-size: 14px;
	transition: 0.4s ease;
}
.bukkenSlideItem .pick_access {
	margin-top: 8px;
	font-size: 13px;
	line-height: 22px;
	transition: 0.4s ease;
}

.bukkenSliderBox .swiper-pagination {
	right: 0;
	bottom: 132px;
	left: auto;
	top: auto;
	max-width: 513px;
}

.bukkenBtn {
	display: flex;
	align-items: center;
	justify-content: center;
    background: url(../img/top_test/pick_btn.svg)no-repeat center / contain;
    width: 238px;
    height: 55px;
	padding-bottom: 4px;
	margin: 0 auto 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    letter-spacing: 0.1em;
    transition: 0.3s;
}

/*retina*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.bukken ul li a div span{
			background-image: url(../img/top/pick_on@2x.png);
	}
}
/*PCのみ*/
@media screen and ( min-width: 769px ) {
	.bukkenSlider {
		margin-left: -343px;
	}
	.bukkenSlideItem a {
		transition: opacity 0.3s;
	}
	.bukkenSlideItem a:hover {
		opacity: 0.6;
	}
	.bukkenSlideItem.swiper-slide-active {
		width: 412px;
	}
	.bukkenSlideItem.swiper-slide-active .img {
		height: 260px;
	}
	.bukkenSlideItem.swiper-slide-active .pick_cat_price {
		margin-top: 15px;
		padding-bottom: 10px;
	}
	.bukkenSlideItem.swiper-slide-active .pick_cat {
		font-size: 18px;
	}
	.bukkenSlideItem.swiper-slide-active .pick_price .num {
		font-size: 48px;
	}
	.bukkenSlideItem.swiper-slide-active .pick_price .num + span {
		font-size: 22px;
	}
	.bukkenSlideItem.swiper-slide-active .pick_access {
		margin-top: 12px;
		font-size: 16px;
	}
	.bukken ul li a:hover div span{
		opacity: 1;
			transition: 0.3s;
	}
	.bukken ul li a:hover div{
		width: 100%;
		height: 117px;
		background-color: #ccc;
		border-radius: 5px;
		transition: 0.3s;
		overflow: hidden;
	}

	.bukkenBtn:hover {
		background-image: url(../img/top_test/pick_btn_on.svg);
		color: #ffff64;
		transition: 0.3s;
	}
}


/*sp*/
@media screen and ( max-width: 768px ) {
	.bukken{
		width: 100%;
		padding: 32px 0 38px;
	}
	/*wrap*/
	.bukken > div{
		width: 100%;
	}
	/*ttl*/
	.bukken > div h2{
		font-size: 26px;
	}
	.bukken > div h2 span{
		margin-top: 8px;
		font-size: 14px;
		letter-spacing: 0;
	}

	/*物件表示*/
	.bukkenSliderBox {
		height: auto;
		margin-top: 23px;
		overflow: hidden;
	}
	.bukkenSlideItem {
		width: 242px;
		margin: 0 11px;
	}
	.bukkenSlideItem .img {
		height: 154px;
		border-radius: 5px;
	}
	.bukkenSlideItem .pick_cat_price {
		margin-top: 15px;
		padding-bottom: 5px;
	}
	.bukkenSlideItem .pick_cat {
		font-size: 15px;
	}
	.bukkenSlideItem .pick_price .num {
		font-size: 24px;
	}
	.bukkenSlideItem .pick_access {
		font-size: 12px;
		line-height: 1.417;
	}

	.bukkenSliderBox .swiper-pagination {
		position: relative;
		bottom: 0;
		max-width: 100%;
		margin-top: 22px;
	}

	.bukken .bukkenBtn {
		margin-top: 28px;
	}

	.bukkenBtn {
		width: 150px;
		height: 34px;
		padding-bottom: 2px;
		font-size: 14px;
	}
}

/* ==========================================================================
	月極駐車場を探す・売買物件を探す・賃貸物件を探す
========================================================================== */

.search{
	width: 960px;
	padding: 98px 0 107px;
	margin: 0 auto 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.search > div{
	width: 300px;
}
.search h2{
	font-size: 24px;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
	color: #003D28;
	text-align: center;
}
.search h2 span{
	display: block;
	margin-top: 12px;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
}
.search > div > a,
.search > div > ul{
	display: block;
	width: 100%;
	height: 300px;
	border-radius: 7px;
	position: relative;
}
/*一覧box 1*/
.search > div > a div{
	bottom: 10px;
	right: 10px;
	background: rgba(255,255,255,.7);
	border-radius: 4px;
	display: block;
	width: 80px;
	height: 80px;
    position: absolute;
    text-align: center;
    font-size: 13px;
    line-height: 1.23em;
    letter-spacing: 0.1em;
    padding-left: 0.1em;
	color: #326496;
		transition: 0.3s;
}
/*一覧boxアロー 1*/
.search > div > a div span{
	width: 11px;
	height: 15px;
	display: block;
    text-align: center;
    cursor: pointer;
		position: relative;
		margin: 13px auto 7px;
		background-image: url(../img/common/arrow_blue.svg);
		transform: translateX(0);
		transition: 0.3s;
		background-size: 11px 15px;
		background-position: center;
		background-repeat: no-repeat;
}
/*1番目*/
.search > div:nth-child(1) a{
	background-image: url(../img/top/bana02.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
/*2番目*/
.search > div:nth-child(2) a{
	background-image: url(../img/top/bana03_220106.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
/*3番目*/
.search > div > ul{
	background-color: #004b37;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
}
.search > div > ul li{
	background-color: #fff;
	position: relative;
	width: 260px;
	height: 81px;
	border-radius: 7px;
			transition: 0.3s;
}
.search > div > ul li a{
	position: absolute;
	display: block;
	width :100%;
	height: 100%;
}
.search > div > ul li:nth-child(1){
	background-image: url(../img/top/btn01.png);
	background-size: 130px 100%;
	background-position: center right;
	background-repeat: no-repeat;
}
.search > div > ul li:nth-child(2){
	background-image: url(../img/top/btn02.png);
	background-size: 130px 100%;
	background-position: center right;
	background-repeat: no-repeat;
}
.search > div > ul li:nth-child(3){
	background-image: url(../img/top/btn03.png);
	background-size: 130px 100%;
	background-position: center right;
	background-repeat: no-repeat;
}
/*一覧box 2*/
.search > div > ul li a div{
	position: absolute;
	border-radius: 4px;
	width: 130px;
	height: 81px;
    /*position: initial;*/
    text-align: center;
    font-size: 13px;
    line-height: 1.23em;
    letter-spacing: 0.1em;
    padding-left: 0.1em;
	color: #004b37;
		transition: 0.3s;
}
/*一覧boxアロー 2*/
.search > div > ul li a div span{
	width: 11px;
	height: 15px;
	display: block;
    text-align: center;
    cursor: pointer;
		position: relative;
		margin: 13px auto 7px;
		background-image: url(../img/common/arrow_green.svg);
		transform: translateX(0);
		transition: 0.3s;
		background-size: 11px 15px;
		background-position: center;
		background-repeat: no-repeat;
}
.honovo_banner {
	display: block;
	width: 729px;
	margin: 80px auto 0;
}
.honovo_banner img {
	width: 100%;
}

/*retina*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	/*1番目*/
	.search > div:nth-child(1) a{
		background-image: url(../img/top/bana02@2x.png);
	}
	/*2番目*/
	.search > div:nth-child(2) a{
		background-image: url(../img/top/bana03_220106.png);
	}
	/*3番目*/
	.search > div > ul li:nth-child(1){
		background-image: url(../img/top/btn01@2x.png);
	}
	.search > div > ul li:nth-child(2){
		background-image: url(../img/top/btn02@2x.png);
	}
	.search > div > ul li:nth-child(3){
		background-image: url(../img/top/btn03@2x.png);
	}
}
/*PCのみ*/
@media screen and ( min-width: 769px ) {
	/*一覧box 1*/
	.search > div > a:hover div{
			background: rgba(2,56,41,1);
			color: #ffff64;
			transition: 0.3s;
	}
	/*一覧boxアロー 1*/
	.search > div > a:hover div span{
		width: 11px;
		height: 15px;
		display: block;
	    text-align: center;
	    cursor: pointer;
			position: relative;
			margin: 13px auto 7px;
			background-image: url(../img/common/arrow_yellow.svg);
			transform: translateX(5px);
			transition: 0.3s;
			background-size: 11px 15px;
			background-position: center;
			background-repeat: no-repeat;
	}
	.search > div > ul li:hover{
		background-color: #ffff64;
			transition: 0.3s;
	}
	/*一覧box 2*/
	.search > div > ul li a:hover div{
		color: #023829;
			transition: 0.3s;
	}
	/*一覧boxアロー 2*/
	.search > div > ul li a:hover div span{
		width: 11px;
		height: 15px;
		display: block;
	    text-align: center;
	    cursor: pointer;
			position: relative;
			margin: 13px auto 7px;
			background-image: url(../img/common/arrow_dgreen.svg);
			transform: translateX(5px);
			transition: 0.3s;
			background-size: 11px 15px;
			background-position: center;
			background-repeat: no-repeat;
	}
		/*pcのみ retina*/
		@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {

		}

	.honovo_banner {
		transition: opacity 0.3s;
	}
	.honovo_banner:hover {
		opacity: 0.6;
	}
}


/*sp*/
@media screen and ( max-width: 768px ) {
	.search{
		width: 100%;
		margin: 0 auto 0;
		padding: 42px 0 50px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.search > div{
		width: 100%;
		padding: 0 15px;
	}
	.search h2{
		display: block;
		text-align: center;
		font-size: 22px;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.search h2 span{
		font-size: 14px;
		letter-spacing: 0;
		margin-top: 11px;
	}
	.search > div > a,
	.search > div > ul{
		display: block;
		width: 100%;
		height: 125px;
		border-radius: 4px;
	}
/*一覧box 1*/
.search > div > a div{
	bottom: 10px;
	right: 10px;
	background: rgba(255,255,255,.7);
	border-radius: 4px;
	display: block;
	width: 105px;
	height: 105px;
    position: absolute;
    text-align: center;
    font-size: 13px;
    line-height: 1.385em;
    letter-spacing: 0.1em;
    padding-left: 0.1em;
	color: #326496;
		transition: 0.3s;
}
/*一覧boxアロー 1*/
.search > div > a div span{
	width: 11px;
	height: 15px;
	display: block;
    text-align: center;
    cursor: pointer;
		position: relative;
		margin: 25px auto 7px;
		background-image: url(../img/common/arrow_blue.svg);
		transform: translateX(0);
		transition: 0.3s;
		background-size: 11px 15px;
		background-position: center;
		background-repeat: no-repeat;
}
	/*1番目*/
	.search > div:nth-child(1) a{
		background-image: url(../img/top/bana02_sp.png);
		background-size: 621px 125px;
		background-position: center left;
		background-repeat: no-repeat;
		background-color: #717575;
	}
	/*2番目*/
	.search > div:nth-child(2) a{
		background-image: url(../img/top/bana03_sp_220106.png);
		background-size: 621px 125px;
		background-position: center left;
		background-repeat: no-repeat;
		background-color: #80b4dc;
	}
	/*SP追加文字*/
	.search > div > p{
		font-size: 12px;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 45px;
		font-weight: normal;
	}
	/*3番目*/
	.search > div:nth-child(3){
		height: auto;
	}
.search > div > ul{
	background-color: #004b37;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
	height: 350px
}
.search > div > ul li{
	background-color: #fff;
	position: relative;
		width: 100%;
		height: 100px;
	border-radius: 7px;
			transition: 0.3s;
}
.search > div > ul li a{
	position: absolute;
	display: block;
	width :100%;
	height: 100%;
}
.search > div > ul li:nth-child(1){
	background-image: url(../img/top/btn01_sp.png);
	background-size: 142.5px 100%;
	background-position: center right;
	background-repeat: no-repeat;
}
.search > div > ul li:nth-child(2){
	background-image: url(../img/top/btn02_sp.png);
	background-size: 142.5px 100%;
	background-position: center right;
	background-repeat: no-repeat;
}
.search > div > ul li:nth-child(3){
	background-image: url(../img/top/btn03_sp.png);
	background-size: 142.5px 100%;
	background-position: center right;
	background-repeat: no-repeat;
}
/*一覧box 2*/
.search > div > ul li a div{
		width: 100%;
		height: 100%;
    /*position: initial;*/
    text-align: center;
    font-size: 13px;
    line-height: 1.385em;
    letter-spacing: 0.1em;
    padding-left: 0.1em;
	color: #004b37;
		transition: 0.3s;
		padding-right: 142.5px;
}
/*一覧boxアロー 2*/
.search > div > ul li a div span{
	width: 11px;
	height: 15px;
	display: block;
    text-align: center;
    cursor: pointer;
		position: relative;
		margin: 20px auto 10px;
		background-image: url(../img/common/arrow_green.svg);
		transform: translateX(0);
		transition: 0.3s;
		background-size: 11px 15px;
		background-position: center;
		background-repeat: no-repeat;
}

.honovo_banner {
	width: calc(100% - 37px);
	margin-top: 25px;
}
}



/* ==========================================================================
	エピソード
========================================================================== */

.episode{
	overflow: hidden;
	padding: 106px 0 70px;
	background: #E4E4DC;
}
.episode .inner {
	display: flex;
	align-items: center;
	gap: 85px;
	width: 962px;
	margin: 0 auto;
}
.episode .episodeThumbSliderBox {
	width: 326px;
}
.episode .episodeTextBox {
	padding-bottom: 40px;
	opacity: 0 !important;
}
.episode .episodeTextBox.swiper-slide-thumb-active {
	opacity: 1 !important;
}
.episode .episodeTitle {
	line-height: 1.75;
	color: #003D28;
}
.episode .episodeTitle .sml {
	font-size: 16px;
	letter-spacing: 0.05em;
}
.episode .episodeTitle .big {
	font-size: 32px;
}
.episode .episodeText {
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
	text-align: justify;
	margin-top: 32px;
}
.episode .bukkenBtn {
	margin-top: 50px;
}

.episode .episodeSliderBox {
	width: calc((100% - 326px - 85px) + ((100vw - 962px)/2));
	margin-right: calc((-100vw - -962px)/2);
	padding-left: 23px;
	overflow: hidden;
}
.episode .episodeSlider {
	margin-left: -203px;
	height: auto;
	transition-timing-function: ease-out;
}
.episode .episodeSlideItem {
	/* width: 306px; */
	width: calc((100% + ((100vw - 962px)/2))/3);
	height: auto;
	margin-right: 25px;
	opacity: 0.3;
}
.episode .episodeSlideItem .episodeSlideItemImg {
	border-radius: 10px;
	overflow: hidden;
}
.episode .episodeSlideItem .episodeSlideItemImg img {
	width: 100%;
}
.episode .episodeSlideItem .episodeSlideItemTitle {
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.3;
	font-weight: bold;
	color: #003D28;
	text-align: center;
	margin-top: 13px;
}
.episode .episodeSlideItem.swiper-slide-active {
	opacity: 1;
}
.episode .swiper-button-next,
.episode .swiper-button-prev {
	top: calc((50% - 50px) + 25px);
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: #003D28;
}
.episode .swiper-button-next::after,
.episode .swiper-button-prev::after {
	font-size: 14px;
	color: #fff;
}
.episode .swiper-button-next {
	/* left: calc(((100% + ((100vw - 962px)/2)))/3); */
	left: 470px;
}
.episode .swiper-button-prev {
	left: 0;
}
@media screen and ( min-width: 769px ) {
	.episode .episodeSliderBox .swiper-pagination {
		display: none;
	}
}
@media screen and ( max-width: 768px ) {
	.episode{
		padding: 33px 0 45px
	}
	.episode .inner {
		display: block;
		width: 100%;
	}
	.episode .episodeThumbSliderBox {
		width: 295px;
	}
	.episode .episodeTitle {
		line-height: 1.58;
		text-align: center;
	}
	.episode .episodeTitle .sml {
		font-size: 15px;
	}
	.episode .episodeTitle .big {
		font-size: 26px;
	}
	.episode .episodeText {
		font-size: 14px;
		line-height: 1.8572;
		margin-top: 13px;
	}
	.episode .bukkenBtn {
		margin-top: 20px;
	}

	.episode .episodeSliderBox {
		width: 100%;
		margin-right: 0;
		padding-left: 0;
	}
	.episode .episodeSliderBox .swiper-pagination {
		position: relative;
		bottom: auto;
		top: auto;
		margin-top: 30px;
	}
	.episode .episodeSlider {
		margin-left: 0;
	}
	.episode .episodeSlideItem {
		width: 213px;
		margin: 0 12px;
	}
	.episode .episodeSlideItem .episodeSlideItemTitle {
		letter-spacing: 0;
	}
	.episode .swiper-button-next {
		display: none;
		left: auto;
		right: 56px;
	}
	.episode .swiper-button-prev {
		display: none;
		left: 56px;
	}
}


/* 200831 */
.movieWrap {
	width: 962px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.movieWrap .movie {
	width: 100%;
	height: 660px;
	overflow: hidden;
	position: relative;
}
.movieWrap .movie video {
	min-width: 100%;
	min-height: 100%;
	max-width: 105%;
	position: absolute;
	left: 50%;
	top: 50%;
	vertical-align: middle;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: 0;
}
.movieWrap .movie img {
	width: 100%;
}
@media screen and ( min-width: 769px ) {
	_:-ms-lang(x)::-ms-backdrop, .movieWrap {
		padding: 30px 0;
	}
	_:-ms-lang(x)::-ms-backdrop, .movieWrap .movie {
		height: 566px;
	}

	.mvNaviLink {
		display: flex;
		align-items: center;
		justify-content: start;
		position: absolute;
		width: 162px;
		height: 58px;
		padding-left: 14px;
		border: 3px solid #003D28;
		border-radius: 5px;
		background: #fff;
		font-size: 16px;
		letter-spacing: 0;
		line-height: 20px;
		font-weight: bold;
		color: #003D28;
		transition: background 0.3s,color 0.3s;
		z-index: 1;
	}
	.mvNaviLink::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 7px;
		transform: translateY(-50%) rotate(-90deg);
		border-style:solid;
		border-width: 10px 9px 0 9px;
		border-color: #003D28 transparent transparent transparent;
		transition: border-color 0.3s,bottom 0.3s;
	}
	.mvNaviLink:hover {
		background: #003D28;
		color: #fff;
	}
	.mvNaviLink:hover::before {
		bottom: 14px;
		border-color: #fff transparent transparent transparent;
	}
	.mvNaviLink.link01 {
		left: 367px;
		bottom: 90px;
	}
	.mvNaviLink.link02 {
		left: 253px;
        top: 302px;
	}
	.mvNaviLink.link03 {
		left: 102px;
        bottom: 198px;
	}
	.mvNaviLink.link04 {
		right: 185px;
		top: 498px;
	}
	.mvNaviLink.link05 {
		right: 95px;
		top: 82px;
	}
	.mvNaviLink.link06 {
		right: 295px;
		top: 127px;
	}
	.mvNaviLink.link07 {
		right: 80px;
		bottom: 238px;
	}
}
@media screen and ( max-width: 768px ) {
	.movieWrap {
		width: 100%;
	}
	.movieWrap .movie {
		width: 100%;
		height: auto;
		padding: 25px 0 0;
	}
	.movieWrap .movie video {
		display: block;
		position: relative;
		left: 0;
		top: 0;
		transform: none;
		width: 100%;
		min-height: auto;
	}

	.mvNaviLink {
		position: relative;
	}
	.mvNaviLink::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		border-style: solid;
		border-width: 9px 0 9px 10px;
		border-color: transparent transparent transparent #003D28;
	}

	footer {
		margin-top: 25px;
	}
}