@charset "UTF-8";


/*	common
-------------------------------------------------------------------*/

@media screen and (max-width: 750px) {
	
}


#g_infoArea{
	margin-top: 40px;
}

/*	cover
-------------------------------------------------------------------*/
.cover{
	position: relative;
}

.cover #thumbnail-list{
	display: flex;
	justify-content: center;
}

.cover .prev-arrow{
	position: absolute;
	top: 150px;
	left: 50px;
	z-index: 100;
}

.cover .next-arrow{
	position: absolute;
	top: 150px;
	right: 50px;
	z-index: 100;
}

.cover .slick-slide{
	opacity: 0.6;
}

.cover .slick-slide.slick-center{
	opacity: 1 ;
}

.cover .thumbnail-item{
	background-color: #0074bc;
}

.cover .thumbnail-item img{
	width: 102px;
	height: 42px;
}

.cover .thumbnail-current img{
	opacity: 0.5;
}

@media screen and (max-width: 750px) {
	.cover img{
		max-width: 100%;
	}
	
	.slide-arrow{
		display: none !important;
	}
	
	.cover .thumbnail-item {
		margin: 0 5px;
		border: solid 2px #0074bc;
	}
	
	#thumbnail-list{
		margin-top: 30px;
	}
	
	.cover .thumbnail-current{
		background-color: #fff;
	}
	
	.cover .thumbnail-item img{
	opacity: 0;
	max-width: 30%;
	}
}


/*	growing
-------------------------------------------------------------------*/
.growing_wrap h2{
    margin: 50px 0 30px 0;
    padding: 0px;
    border-top: none;
    border-bottom: none;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5em;
    letter-spacing: 0.03em;
    position: relative;
}

.growing_wrap h2 img{
	width: 220px;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}

.growing_wrap h2:after{
	content: '';
	background-color: #9b022a;
	width: 100%;
	height: 6px;
	display: block;
}

.growing_wrap .inner{
	width: 980px;
	margin: 40px auto;
}

.growing_wrap .inner p{
	font-size: 14px;
	text-align: center;
	margin: 0 0 25px 0;
}

.growing_wrap .inner .search_wrap{
	width: 980px;
	background-color: #fff;
	border: solid 1px #d6a7b1;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}

.growing_wrap .inner .search_wrap .ttl{
	position: absolute;
	top: 20px;
	left: 20px;
}

.growing_wrap .inner .search_wrap .btn{
	box-shadow:0px 0px 2px 1px #e0e0e0;
	position: absolute;
	width: 130px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	transition-property: all;
	transition: 0.3s linear;
}

.growing_wrap .inner .search_wrap .btn a{
	text-decoration: none;
	font-size: 18px;
	color: #333333;
	display: block;
	font-weight: 500;
}

.growing_wrap .inner .search_wrap .tokyo{
	border: solid 5px #dba49a;
	top:123px;
	left: 240px;
}

.growing_wrap .inner .search_wrap .btn:hover a{
	color: #FFF;
}
.growing_wrap .inner .search_wrap .tokyo:hover{
	background-color: #dba49a;
}


.growing_wrap .inner .search_wrap .kanagawa{
	border: solid 5px #9fb7cf;
	top:210px;
	left: 180px;
}

.growing_wrap .inner .search_wrap .kanagawa:hover{
	background-color: #9fb7cf;
}


.growing_wrap .inner .search_wrap .tohoku{
	border: solid 5px #dbc59a;
	top:38px;
	right: 190px;
}

.growing_wrap .inner .search_wrap .tohoku:hover{
	background-color: #dbc59a;
}


/*----------------------  物件を探す  ------------------------*/
.growing_wrap .inner .search_wrap .btn_search{
	width: 170px;
	height: 60px;
	position: absolute;
	right: 200px;
	bottom: 20px;
	background-color: #9b022a;
	display: flex;
	justify-content: center;
	align-items: center;
	transition-property: all;
	transition: 0.3s linear;
	opacity: 1;
}

.growing_wrap .inner .search_wrap .btn_search:hover{
	opacity: 0.8;
}


.growing_wrap .inner .search_wrap .btn_search a{
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	position: relative;
	padding-left: 36px;
}

.growing_wrap .inner .search_wrap .btn_search a:before{
	content: '';
	background-image: url(/common/new/img/top/icon_search.png);
	position: absolute;
	top:0px;
	left: 0px;
	width: 34px;
	height: 40px;
}

/*----------------------  沿線で探す  ------------------------*/
.growing_wrap .inner .search_wrap .btn_railway{
	width: 170px;
	height: 60px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	background-color: #9b022a;
	display: flex;
	justify-content: center;
	align-items: center;
	transition-property: all;
	transition: 0.3s linear;
	opacity: 1;
}

.growing_wrap .inner .search_wrap .btn_railway:hover{
	opacity: 0.8;
}


.growing_wrap .inner .search_wrap .btn_railway a{
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	position: relative;
	padding-left: 30px;
}

.growing_wrap .inner .search_wrap .btn_railway a:before{
	content: '';
	background-image: url(/common/new/img/top/icon_railway.png);
	position: absolute;
	top:0px;
	left: 0px;
	width: 22px;
	height: 30px;
}




.growing_wrap .inner .pic{
	margin-bottom: 30px;
}

.growing_wrap .inner .button a{
	background-color: #9b022a;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 36px;
	border-radius: 4px;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	margin: 0 auto 70px;
	padding-right: 10px;
	background-image: url(/common/new/img/top/arrow.png);
	background-position: right 10px center;
	background-repeat: no-repeat;
	transition-property: all;
	transition: 0.3s linear;
	opacity: 1;
}


.growing_wrap .inner .button a:hover{
	opacity: 0.8;
}


@media screen and (max-width: 750px) {
.growing_wrap img{
	max-width: 100%;
}
		
.growing_wrap .inner{
	width: 94%;
	margin: 0px auto;
}

.growing_wrap .inner p{
	font-size: 24px;
	line-height: 1.8;
	margin: 0 0 25px 0;
}

.growing_wrap .inner .search_wrap{
	width: 100%;
}

.growing_wrap .inner .search_wrap .ttl{
	left: 50%;
	transform: translateX(-50%);
}

.growing_wrap .inner .search_wrap .btn{
    width: 260px;
    height: 120px;
}
.growing_wrap .inner .search_wrap .btn a{
	font-size: 34px;
	font-weight: 600;
}

.growing_wrap .inner .search_wrap .tokyo{
	top: 120px;
    left: 50px;
}
.growing_wrap .inner .search_wrap .kanagawa{
	top: 290px;
    left: 50px;
}
.growing_wrap .inner .search_wrap .tohoku{
	top: 120px;
    right: 50px;
}


/*---------------------  沿線で探す  ----------------------*/
.growing_wrap .inner .search_wrap .btn_search{
	width: 300px;
    height: 60px;
    position: absolute;
    right: auto;
    left: 35px;
    bottom: 40px;
}

.growing_wrap .inner .search_wrap .btn_search a{
	font-size: 26px;
}


/*---------------------  沿線で探す  ----------------------*/
.growing_wrap .inner .search_wrap .btn_railway{
	width: 300px;
    height: 60px;
    position: absolute;
    right: auto;
    right: 35px;
    bottom: 40px;
}

.growing_wrap .inner .search_wrap .btn_railway a{
	font-size: 26px;
}

.growing_wrap .inner .button a {
    width: 340px;
    height: 60px;
    font-size: 24px;
    font-weight: 600;
    padding-right: 0px;
}

}





/*	build
-------------------------------------------------------------------*/
.build_wrap h2{
    margin: 50px 0 30px 0;
    padding: 0px;
    border-top: none;
    border-bottom: none;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5em;
    letter-spacing: 0.03em;
    position: relative;
}

.build_wrap h2 img{
	width: 220px;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}

.build_wrap h2:after{
	content: '';
	background-color: #502d14;
	width: 100%;
	height: 6px;
	display: block;
}

.build_wrap .inner{
	width: 980px;
	margin: 40px auto;
}

.build_wrap .inner p{
	font-size: 14px;
	text-align: center;
	margin: 0 0 25px 0;
}

.build_wrap .inner .btn_wrap{
	background-color: #fff;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	border: solid 2px #502d14;
}

.build_wrap .inner .btn_wrap .pic_button{
	border: solid 2px #502d14;
	position: relative;
	transition-property: all;
	transition: 0.3s linear;
	overflow: hidden;
}

.build_wrap .inner .btn_wrap .pic_button .bg{
	transition-property: all;
	transition: 0.8s linear;
	transform: scale(1);
}
.build_wrap .inner .btn_wrap .pic_button:hover .bg{
	transition-property: all;
	transition: 0.8s linear;
	transform: scale(1.2);
}


.build_wrap .inner .btn_wrap .pic_button h4{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	z-index: 10;
}


.build_wrap .inner .bnr_wrap{
	width: 980px;
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
}

.build_wrap .inner .bnr_wrap .bnr{
	transition-property: all;
	transition: 0.3s linear;
	opacity: 1;
}

.build_wrap .inner .bnr_wrap .bnr:hover{
	opacity: 0.8;
}

.build_wrap .inner .button a{
	background-color: #502d14;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 36px;
	border-radius: 4px;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	margin: 0 auto 70px;
	padding-right: 10px;
	background-image: url(/common/new/img/top/arrow.png);
	background-position: right 10px center;
	background-repeat: no-repeat;
	transition-property: all;
	transition: 0.3s linear;
	opacity: 1;
}

.build_wrap .inner .button a:hover{
	opacity: 0.8;
}




@media screen and (max-width: 750px) {
.build_wrap img{
	max-width: 100%;
}

.build_wrap .inner{
	width: 94%;
	margin: 0px auto;
}

.build_wrap .inner p{
	font-size: 24px;
	line-height: 1.8;
	margin: 0 0 25px 0;
}

.build_wrap .inner .btn_wrap{
	flex-direction: column;
}

.build_wrap .inner .btn_wrap .pic_button{
	max-height: 180px;
	overflow: hidden;
}

.build_wrap .inner .btn_wrap .bg{
	width: 100%;
}

.build_wrap .inner .bnr_wrap{
	width: 100%;
}

.build_wrap .inner .button a {
    width: 340px;
    height: 60px;
    font-size: 24px;
    font-weight: 600;
    padding-right: 0px;
}



}




/*	reform
-------------------------------------------------------------------*/
.reform_wrap h2{
    margin: 50px 0 30px 0;
    padding: 0px;
    border-top: none;
    border-bottom: none;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5em;
    letter-spacing: 0.03em;
    position: relative;
}

.reform_wrap h2 img{
	width: 220px;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}

.reform_wrap h2:after{
	content: '';
	background-color: #0a734b;
	width: 100%;
	height: 6px;
	display: block;
}

.reform_wrap .inner{
	width: 980px;
	margin: 40px auto;
}

.reform_wrap .inner p{
	font-size: 14px;
	text-align: center;
	margin: 0 0 25px 0;
}

.reform_wrap .inner .consultation_wrap{
	width: 980px;
	background-color: #fff;
	border: solid 2px #aac9bb;
	margin-bottom: 20px;
	display: flex;
	
}

.reform_wrap .inner .consultation_wrap p{
	text-align: left;
	font-size: 12px;
}

.reform_wrap .inner .consultation_wrap .pic{
	margin-right: 40px;
}

.reform_wrap .inner .consultation_wrap .web{
	margin-right: 40px;
}

.reform_wrap .inner .consultation_wrap .web h3{
	margin: 30px 0 30px 0;
    padding: 13px 0 0 60px;
    border-left: none;
    font-size: 24px;
    font-weight: 200;
    position: relative;
}

.reform_wrap .inner .consultation_wrap .web h3:before{
	content: '';
	background-image: url(/common/new/img/top/icon_reform_web.png);
	position: absolute;
	top:0px;
	left: 0px;
	width: 48px;
	height: 44px;
}



.reform_wrap .inner .consultation_wrap .visit{
	margin-right: 30px;
}

.reform_wrap .inner .consultation_wrap .visit h3{
	margin: 30px 0 30px 0;
    padding: 13px 0 0 60px;
    border-left: none;
    font-size: 24px;
    font-weight: 200;
    text-align: left;
    position: relative;
}

.reform_wrap .inner .consultation_wrap .visit h3:before{
	content: '';
	background-image: url(/common/new/img/top/icon_reform_store.png);
	position: absolute;
	top:0px;
	left: 0px;
	width: 45px;
	height: 53px;
}

.reform_wrap .inner .consultation_wrap .btn_wrap a{
	width: 280px;
	height: 60px;
	background-color: #0a734b;
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	background-image: url(/common/new/img/top/arrow.png);
	background-position: right 30px center;
	background-repeat: no-repeat;
	transition-property: all;
	transition: 0.3s linear;
	opacity: 1;
}

.reform_wrap .inner .consultation_wrap .btn_wrap a:hover{
	opacity: 0.8;
}



.reform_wrap .inner .bnr_wrap{
	display: flex;
	justify-content: space-between;
	width: 880px;
	margin: 0 auto;
	
}

.reform_wrap .inner .bnr_wrap .bnr{
	width: 280px;
	height: 180px;
	background-color: #fff;
	box-shadow:0px 0px 2px 1px #e0e0e0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 25px;
	transition-property: all;
	transition: 0.3s linear;
	opacity: 1;
}

.reform_wrap .inner .bnr_wrap .bnr:hover{
	opacity: 0.8;
}


.reform_wrap .inner .bnr_wrap .bnr .icon{
	text-align: center;
}

.reform_wrap .inner .bnr_wrap .bnr h3{
	margin: 20px 0 0px 0;
    padding: 0 0 0 0px;
    border-left: none;
    font-size: 18px;
    font-weight: 600;
}

.reform_wrap .inner .bnr_wrap .bnr a{
	text-decoration: none;
	color: #000;
}

.reform_wrap .inner .bnr_wrap .bnr br{
	display: none;
}

.reform_wrap .inner .button a{
	background-color: #0a734b;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 36px;
	border-radius: 4px;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	margin: 0 auto 70px;
	padding-right: 10px;
	background-image: url(/common/new/img/top/arrow.png);
	background-position: right 5px center;
	background-repeat: no-repeat;
	transition-property: all;
	transition: 0.3s linear;
	opacity: 1;
}

.reform_wrap .inner .button a:hover{
	opacity: 0.8;
}



@media screen and (max-width: 750px) {
.reform_wrap img{
	max-width: 100%;
}
	
.reform_wrap .inner{
	width: 94%;
	margin: 0px auto;
}

.reform_wrap .inner p{
	font-size: 24px;
	line-height: 1.8;
	margin: 0 0 25px 0;
}

.reform_wrap .inner .consultation_wrap{
	width: 100%;
	justify-content: space-around;
	padding-bottom: 30px;
}

.reform_wrap .inner .consultation_wrap .pic{
	display: none;
}

.reform_wrap .inner .consultation_wrap .web{
	width: 43%;
	margin-right: 0;
}

.reform_wrap .inner .consultation_wrap .web h3{
	font-size: 27px;
    font-weight: 600;
}

.reform_wrap .inner .consultation_wrap .visit{
	width: 43%;
	margin-right: 0;
}

.reform_wrap .inner .consultation_wrap .visit h3{
	font-size: 27px;
    font-weight: 600;
}

.reform_wrap .inner .consultation_wrap p{
	font-size: 22px;
}

.reform_wrap .inner .consultation_wrap .btn_wrap a{
	font-size: 19px;
}

.reform_wrap .inner .bnr_wrap{
	width: 100%;
}

.reform_wrap .inner .bnr_wrap .bnr{
	width: 32%;
	height: auto;
	padding: 30px 0;
}


.reform_wrap .inner .bnr_wrap .bnr h3{
	text-align: center;
	line-height: 1.6;
	font-size: 23px;
}

.reform_wrap .inner .bnr_wrap .bnr br{
	display: block;
}

.reform_wrap .inner .button a {
    width: 340px;
    height: 60px;
    font-size: 24px;
    font-weight: 600;
    padding-right: 0px;
}


}



/*	etc_wrap
-------------------------------------------------------------------*/
.etc_wrap{
	border-top: solid 6px #0074bc;
}

.etc_wrap .inner{
	width: 980px;
	margin: 40px auto;
	display: flex;
	justify-content: space-between;
}

.etc_wrap .inner .box{
	width: 460px;
	background-color: #fff;
	box-shadow:0px 0px 2px 1px #e0e0e0;
}

.etc_wrap .inner .box  h3{
	margin: 30px 0 20px 0;
    padding: 0 0 0 0px;
    border-left: none;
    font-size: 24px;
    font-weight: 200;
    text-align: center;
}

.etc_wrap .inner .box p{
	margin: 30px;
	font-size: 12px;
	line-height: 1.8;
	 min-height: 84px;
}

.etc_wrap .inner .box .btn_wrap a{
	width: 280px;
	height: 60px;
	background-color: #0074bc;
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	background-image: url(/common/new/img/top/arrow.png);
	background-position: right 30px center;
	background-repeat: no-repeat;
	margin: 0 auto 30px;
	transition-property: all;
	transition: 0.3s linear;
	opacity: 1;
}

.etc_wrap .inner .box .btn_wrap a:hover{
	opacity: 0.8;
}


@media screen and (max-width: 750px) {
	
.etc_wrap .inner{
	padding: 30px 0;
}

.etc_wrap img{
	max-width: 100%;
}

.etc_wrap .inner{
	width: 94%;
	margin: 0px auto;
}

.etc_wrap .inner .box{
	width: 48%;
}

.etc_wrap .inner .box p{
	font-size: 20px;
}

.etc_wrap .inner .box .btn_wrap a{
	font-size: 19px;
}

}


/*	commitmentArea
-------------------------------------------------------------------*/

#commitmentArea{
	background-color: #fff;
}

#commitmentArea h2{
    margin: 0;
    padding: 0px 0px 30px 0px;
    border-top: none;
    border-bottom: none;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
}

#commitmentArea .inner{
	width: 980px;
	margin: 0 auto;
	padding: 50px 0;
}

#commitmentArea .inner h3 {
	font-family: "Sawarabi Mincho";
	color: #006cb8;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
}

#commitmentArea .list{
	width: 980px;
	display: flex;
	justify-content: space-between;
}

#commitmentArea .list li{
	width: 165px;
}

#commitmentArea .list .indexVisTxt{
	min-height: 140px;
}


@media screen and (max-width: 750px) {
	
	#commitmentArea h2{
		padding: 30px 0px 50px 0px;
	}
	#commitmentArea .inner{
		width: 90%;
		margin: 0 auto;
		padding: 20px 0;
	}
	#commitmentArea .list{
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	#commitmentArea .inner h3 {
	 font-size: 32px;
	 text-align: left;
	}
	#commitmentArea .list li{
		width: 100%;
		display: flex;
	}
	
	#commitmentArea .indexVisLi_txt{
		padding: 0 40px 0 0;
	}
	
	#commitmentArea .indexVisTxt{
		font-size: 20px;
	}
	
}


#indexVisArea {
	padding-top: 50px;
}


/*****************************************************
FileName : /css/index.css
*****************************************************/

#coArea {
	min-width: 980px;
	width: 100%;
}

.innerBlock {
	position: relative;
	width: 980px;
	margin: 0 auto 0 auto;
}

#mvArea {
	position: relative;
	min-width: 980px;
	width: 100%;
	height: 440px;
	background-color: #fff;
	/* background-image: url(/common/new/img/index/index_img_01.jpg); */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#mvImLi_70 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: solid 5px #166fb6;
}

#mvImLi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#mvImLi li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background-image: url(/common/new/img/index/index_img_04.jpg); */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#mvImLi li:not(:first-child) {
	display: none;
}
#mvAreaTx {
	position: absolute;
	top: 55px;
	right: 0px;
	margin: 0;
}

.oneColumn #maBlock {
	min-width: 980px;
	width: 100%;
	background-color: transparent;
}

/*	g_infoArea
-------------------------------------------------------------------*/
#g_infoArea {
	margin-bottom: 30px;
	padding: 8px 28px;
	border: 2px solid #e60512;
	color: #e60512;
	background-color: #fff;
}
#g_infoArea p {
	margin-bottom: 0;
}
#g_infoArea p span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 15px;
}

#indexLiArea {
	margin-bottom: 40px;
}
#indexLiArea * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.indexLi {}
.indexLi:after {
	display: block;
	clear: both;
	height: 0px;
	content: "";
}
.indexLi li {
	float: left;
	width: 33%;
	height: 200px;
	padding: 0;
	border-top: 10px solid #9c0329;
	text-align: center;
	background-color: #fff;
}
.indexLi li > a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background-position: center center;
	background-repeat: no-repeat;
}
.indexLi li:first-child {
	border-color: #9c0329;
}
.indexLi li:first-child > a {
	background-image: url('/common/new/img/index/index_li_tx_01_1_pc.png');
}
.indexLi li:first-child > a:hover {
	background-color: #9c0329;
	background-image: url('/common/new/img/index/index_li_tx_01_2_pc.png');
}
.indexLi li:nth-child(2) {
	width: 34%;
	border-color: #512e12;
	border-right: 1px solid #efeeeb;
	border-left: 1px solid #efeeeb;
}
.indexLi li:nth-child(2) > a {
	background-image: url('/common/new/img/index/index_li_tx_02_1_pc.png');
}
.indexLi li:nth-child(2) > a:hover {
	background-color: #512e12;
	background-image: url('/common/new/img/index/index_li_tx_02_2_pc.png');
}
.indexLi li:nth-child(3) {
	border-color: #00734a;
}
.indexLi li:nth-child(3) > a {
	background-image: url('/common/new/img/index/index_li_tx_03_1_pc.png');
}
.indexLi li:nth-child(3) > a:hover {
	background-color: #00734a;
	background-image: url('/common/new/img/index/index_li_tx_03_2_pc.png');
}
.indexLi li .btn img {
	vertical-align: top;
}
.indexLi li:nth-child(2) .btn {
	background-color: #512e12;
}
.indexLi li:nth-child(3) .btn {
	background-color: #00734a;
}
#spCarousel_01 {}
@media screen and (min-width: 751px) {
	#spCarousel_01 .indexLi {
		overflow: hidden;
		width: auto !important;
		height: 240px;
		transform: none !important;
	}
	#spCarousel_01 .indexLi li {
		width: 33% !important;
	}
	#spCarousel_01 .indexLi li:nth-child(2) {
		width: 34% !important;
	}
	#spCarousel_01 .indexCarouselBtn {
		display: none;
	}
}
#spCarousel_01 .indexLi li {
	height: 240px;
	border-top: none;
	border-bottom: 10px solid #9c0329;
	background-color: #e1b3be;
}
#spCarousel_01 .indexLi li.build {
	border-color: #512e12;
	background-color: #cac0b8;
	border-right: 1px solid #efeeeb;
	border-left: 1px solid #efeeeb;
}
#spCarousel_01 .indexLi li.reform {
	border-color: #00734a;
	background-color: #b2d5c8;
}
#spCarousel_01 .indexLi .inner {
	overflow: hidden;
	width: 80%;
	max-width: 440px;
	height: 100%;
	margin: 0 auto;
}
#spCarousel_01 .indexLi img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	max-width: 100%;
}
#indexCarouselP {
	display: none;
}

#indexVisArea {
}
.indexVisTtl {
	display: inline-block;
	padding: 16px 0 14px 0;
	margin: 0;
	border: none;
}
.indexVisTtl img {
	width: 400px;
	vertical-align: top;
}
#indexVisBlock {
	padding: 50px 0 10px 0;
	margin: 0 0 40px 0;
	background-color: #fff;
}
#indexVisBlock:after {
	display: block;
	clear: both;
	height: 0px;
	content: "";
}
#indexVisBlock li {
	float: left;
	width: 412px;
	margin: 0 0 40px 60px;
}
#indexVisBlock li:after {
	display: block;
	clear: both;
	height: 0px;
	content: "";
}
.indexVisLi_l {
	float: left;
	width: 120px;
	margin: 0 20px 0 0;
}
.indexVisLi_l img {
	width: 100%;
}
.indexVisLi_r {
	float: left;
	width: 272px;
	margin: 0 0 0 0;
}
.indexVisTi {
	padding: 20px 0 10px 0;
	margin: 0;
	border: 0;
}
.indexVisTi img {
	height: 30px;
}
.indexVisTxt {
	padding: 0;
	margin: 0;
	border: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}

#visCardArea {
	margin: 0 0 50px 0;
}
#visCardArea:after {
	display: block;
	clear: both;
	height: 0px;
	content: "";
}
.visCard {
	float: left;
	width: 470px;
	color: #221815;
	text-align: center;
	background-color: #fff;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.visCard:after {
	display: block;
	clear: both;
	height: 0px;
	content: "";
}
.visCard:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);/* IE lt 8.x */
	-ms-filter: "alpha(opacity=70)";/* IE 8.x */
}
.visCard + .visCard {
	float: right;
}
.visCard > .inner {
	display: block;
	height: 100%;
	color: #333;
	text-decoration: none;
}
.cardImg {
	margin: 0;
}
.cardImg img {
	width: 100%;
}
.cardTtl {
	padding: 20px 0  16px 0;
	margin: 0;
	border: none;
	font-size: 24px;
}

.indexTtl {
	margin: 0;
	padding: 30px 0 14px 0;
	border: none;
	text-align: center;
	font-size: 28px;
	line-height: 1em;
}
.indexTtl span {
	display: block;
	font-size: 12px;
}

#specialArea {
	margin: 0 0 50px 0;
}
#specialArea:after {
	display: block;
	clear: both;
	height: 0px;
	content: "";
}
#specialArea li {
	float: left;
	width: 290px;
	height: 160px;
	padding: 10px;
	margin: 0 0 20px 0;
	background-color: #fff;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
#specialArea li:nth-child(3n-1) {
	margin: 0 25px 20px 25px;
}
#specialArea li a {
	display: block;
	text-decoration: none;
}
#specialArea li a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);/* IE lt 8.x */
	-ms-filter: "alpha(opacity=70)";/* IE 8.x */
}
#specialArea li img {
	max-width: 100%;
}
.specialTxt {
	padding: 10px 6px 0 6px;
	margin: 0 0 0 0;
	color: #000;
}

.errorPage {
	position: relative;
	width: 940px;
	padding: 0 20px 20px;
	margin: 0 auto;
	background-color: #fff;
}

@media screen and (max-width: 750px) {
	#coArea {
		min-width: 750px;
		width: 100%;
	}
	.innerBlock {
		width: 750px;
	}
	#mvArea {
		min-width: 750px;
		width: 100%;
		height: 360px;
		background-size: 1060px;
	}
	#mvAreaTx {
		top: 106px;
		right: 20px;
		overflow: hidden;
		width: 320px;
		height: 140px;
	}
	#mvAreaTx img {
		width: 100%;
	}
	.oneColumn #maBlock {
		min-width: 750px;
		width: 100%;
	}

	#g_infoArea {
		width: 690px;
		padding: 20px 26px;
		margin: 50px auto;
	}
	#g_infoArea p {
		width: 100%;
		font-size: 28px;
		line-height: 1.6em;
		background-color: #fff;
	}

	.indexLi li,
	.indexLi li:nth-child(3n-1) {
		position: relative;
		width: 750px;
		height: 150px;
		padding: 0;
		text-align: left;
	}
	.indexLi li .btn {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background-color: transparent;
		background-position: 690px center;
		background-size: 30px;
	}
	.indexLi li:first-child > a {
		background-image: url('/common/new/img/index/index_li_tx_01_1_sp.png');
	}
	.indexLi li:first-child > a:hover {
		background-image: url('/common/new/img/index/index_li_tx_01_2_sp.png');
	}
	.indexLi li:nth-child(2) > a {
		background-image: url('/common/new/img/index/index_li_tx_02_1_sp.png');
	}
	.indexLi li:nth-child(2) > a:hover {
		background-image: url('/common/new/img/index/index_li_tx_02_2_sp.png');
	}
	.indexLi li:nth-child(3) > a {
		background-image: url('/common/new/img/index/index_li_tx_03_1_sp.png');
	}
	.indexLi li:nth-child(3) > a:hover {
		background-image: url('/common/new/img/index/index_li_tx_03_2_sp.png');
	}
	#spCarousel_01 .indexLi li:nth-child(2) {
		border-right: none;
		border-left: none;
	}
	#spCarousel_01 {
		position: relative;
		overflow: hidden;
		width: 750px;
		height: 280px;
	}
	#spCarousel_01 .indexLi {
		position: absolute;
		top: 0;
		/* left: -270px; */
		/* width: 1290px; */
		width: 1000%;
	}
	#spCarousel_01 .indexLi li {
		width: 430px;
		height: 220px;
		padding: 20px;
		border-bottom: none;
	}
	#spCarousel_01 .indexLi img {
		max-width: none;
		height: 100%;
	}
	#spCarousel_01 .indexLi .inner {
		width: 100%;
		height: 180px;
	}
	#indexCarouselP {
		display: block;
		text-align: center;
		padding: 240px 0 20px 0;
	}
	#indexCarouselP li {
		cursor: pointer;
		display: inline-block;
		width: 50px;
		height: 12px;
		margin: 0 4px;
		border: none;
		border-radius: 0;
		background-color: #fff;
	}
	#indexCarouselP li:nth-child(1) {
		background-color: #e1b3be;
	}
	#indexCarouselP li:nth-child(1).active,
	#indexCarouselP li:nth-child(1).swiper-pagination-bullet-active {
		background-color: #9c0329;
	}
	#indexCarouselP li:nth-child(2) {
		background-color: #cac0b8;
	}
	#indexCarouselP li:nth-child(2).active,
	#indexCarouselP li:nth-child(2).swiper-pagination-bullet-active {
		background-color: #502e12;
	}
	#indexCarouselP li:nth-child(3) {
		background-color: #b2d5c8;
	}
	#indexCarouselP li:nth-child(3).active,
	#indexCarouselP li:nth-child(3).swiper-pagination-bullet-active {
		background-color: #00734a;
	}
	.indexCarouselBtn {
		cursor: pointer;
		position: absolute;
		top: 90px;
		width: 32px;
		height: 48px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.indexCarouselBtn.ui_prev {
		left: 10px;
		background-image: url(/common/new/img/ic_arrow_wh_24.png);
	}
	.indexCarouselBtn.ui_next {
		right: 10px;
		background-image: url(/common/new/img/ic_arrow_wh_22.png);
	}

	#indexVisBlock li {
		width: 630px;
	}
	.indexVisTtl {
		border-bottom: 0;
	}
	.indexVisTtl img {
		width: 100%;
	}
	.indexVisLi_l {
		width: 170px;
		margin: 0 30px 0 0;
	}
	.indexVisLi_r {
		width: 430px;
	}
	.indexVisTi {
		padding: 0 0 20px 0;
	}
	.indexVisTi img {
		height: 46px;
	}
	.indexVisTxt {
		width: 100%;
		font-size: 28px;
		line-height: 1.6em;
		background-color: #fff;
	}

	#visCardArea {
		margin: 0px 0 140px 0;
	}
	.visCard {
		position: relative;
		float: none;
		width: 690px;
		margin: 0 auto 160px auto;
	}
	.visCard + .visCard {
		float: none;
	}
	.cardImg {
		float: left;
		width: 440px;
		margin: 10px 0 0 10px;
	}
	.cardTtl {
		float: left;
		width: 240px;
		height: 122px;
		padding: 40px 0 40px 0;
		font-size: 28px;
	}
	.visCard + .visCard .cardTtl {
		padding: 20px 20px;
	}
	.cardTxt {
		position: absolute;
		top: 130px;
		text-align: left;
		font-size: 28px;
		line-height: 1.6em;
	}
	.indexTtl {
		font-size: 34px;
		padding: 40px 0 20px 0;
	}
	.indexTtl span {
		font-size: 20px;
	}

	#specialArea {}
	#specialArea li,
	#specialArea li:nth-child(3n-1) {
		width: 330px;
		height: 400px;
		margin: 0 0 30px 30px;
		background-color: transparent;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.specialTxt {
		font-size: 28px;
		line-height: 1.6em;
	}

	.errorPage {
		width: 100%;
		padding: 30px;
	}
	#maBlock .errorPage h1 {
		font-size: 32px;
	}
	.errorPage p {
		font-size: 26px;
		line-height: 1.6em;
	}
}