/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


.top_mv {
	position: relative;
	width: 2560px;
	height: 670px;
	background-repeat: no-repeat;
	background-image: url("../../common/images/index/top_mainvis_img.jpg");
	background-position: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    flex-direction: column;
    justify-content: flex-end;
    display: flex;/*20210322修正部分*/
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;/*20210322修正部分*/
}
.top_mv_title {
	position: relative;
	width: 866px;
	height: 71px;
	margin: 0 auto;
	border-bottom: solid 7px #f1c654;
	padding-top: 116px;	

}

.top_mv_des {
	position: relative;
	font-size: 18px;
	color: #000;
	text-align: center;
	line-height: 48px;
	margin-top: 37px;
}
.recommend_banner {
	display: none;/*バナーを非表示にする場合はnone、表示させる場合はblock*/
	width: 400px;
	height: 106px;
    padding-top: 30px;
    margin: 0 auto;
}
.recommend_banner > a {
	width: 100%;
	height: 100%;
}
.recommend_banner > a > img.sp {
	display: none;
}
.recommend_banner > a > img.pc {
	width: 100%;
	height: 100%;
}

#emergency_announcement {
	width: 900px;
	height: 40px;
	margin: 0 auto 30px;
	font-size: 16px;
}
#emergency_announcement dl {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	background-color: #fff;
	border: solid 2px #013e98;
	box-sizing: border-box;
}
#emergency_announcement > a {
	display: block;
	width: 100%;
	height: 100%;
}
#emergency_announcement dl dt {
	width: 164px;
	height: 100%;
	background-color: #013e98;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;justify-content: center;
}
#emergency_announcement dl dt::before {
	content: 'i';
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	color: #013e98;
	margin-right: 10px;
	width: 22px;
	height: 22px;
	border-radius: 11px;
}
#emergency_announcement dl dd {
	color: #013e98;
	margin-left: 20px;
	display: flex;
	align-items: center;
	width: calc(100% - 164px);
	justify-content: space-between;
}
#emergency_announcement dl dd::after {
	content: '〉';
	margin-right: 20px;
}


.top_area00 {
	position: relative;
	width: 900px;
	/*height: 576px;*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d2f2ff+1,d9e1ed+100 */
	background: #d2f2ff; /* Old browsers */ /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear,  left top, left bottom,  color-stop(1%, #d2f2ff),to(#d9e1ed));
	background: -o-linear-gradient(top,  #d2f2ff 1%,#d9e1ed 100%);
	background: linear-gradient(to bottom,  #d2f2ff 1%,#d9e1ed 100%);
	margin: 0 auto;
	/*margin-top: -100px;*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.mobile_only {
	display: none;
}
.top_area00_ttl {
	display: block;
	position: relative;
	width: 103px;
	height: 54px;
	margin: 0 auto;
	padding-top: 23px;
	/*padding-top: 40px;*//*←recommend_banner無い時*/

}
.top_area00_ttl > .under_line {
	border-bottom: solid 3px #013e98;
	width: 45px;
    margin: 15px auto 0;
}
.top_area00_ttl_inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	align-items: center;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.top_area00_btn {
	position: relative;
	display: block;
	margin: 30px auto;
	width: 783px;
	height: 396px;
}

.top_area00_btn_inner {
	position: relative;
	height: 100%;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.look_btn_wrap {
	width: 484px;
	display: flex;
	justify-content: space-between;
}
.look_table {
	position: relative;
	width: 260px;
	height: 100%;
	font-size: 18px;
	color: #013e98;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
}
/* .look_table th {
	display: table-cell;
	vertical-align: inherit;
	font-weight: bold;
	text-align: -internal-center;
} */
.look_table tr > th {
	height: 46px;
	background-color: #013e98;
	vertical-align: middle;
}
/* .look_table tr td {
	display: table-cell;
	vertical-align: inherit;
} */

.look_table tr:nth-child(n+2):nth-child(-n+3) td {
	background-color: #fff;
	height: 78px;
	vertical-align: middle;
	border-bottom: solid 1px #d2f1ff;
}
.look_table tr:nth-child(n+5):nth-child(-n+7) td {
	height: 44px;
	vertical-align: middle;
	background-color: #fff;
	border-bottom: solid 1px #d2f1ff;
}
.look_table tr > td > a {
	position: relative;
	display: block;
	margin-left: 40px;

}

.look_table tr:nth-child(2) > td:before {
	content: '';
	width: 27px;
	height: 31px;
	position: absolute;
	left: 20px;
	background-repeat: no-repeat;
	background-image: url("../../common/images/common/top_area00_01_01_icon.png");
	background-position: 0 0;
	display: inline-block;
}
.look_table tr:nth-child(3) > td:before {
	content: '';
	width: 27px;
	height: 30px;
	position: absolute;
	left: 20px;
	background-repeat: no-repeat;
	background-image: url("../../common/images/common/top_area00_01_02_icon.png");
	background-position: 0 0;
	display: inline-block;
}
.look_table tr:nth-child(5) > td:before {
	content: '';
	width: 27px;
	height: 23px;
	position: absolute;
	left: 20px;
	background-repeat: no-repeat;
	background-image: url("../../common/images/common/top_area00_01_03_icon.png");
	background-position: 0 0;
	display: inline-block;
}
.look_table tr:nth-child(6) > td:before {
	content: '';
	width: 27px;
	height: 23px;
	position: absolute;
	left: 20px;
	background-repeat: no-repeat;
	background-image: url("../../common/images/common/top_area00_01_04_icon.png");
	background-position: 0 0;
	display: inline-block;
}
.look_table tr:nth-child(7) > td:before {
	content: '';
	width: 27px;
	height: 23px;
	position: absolute;
	left: 20px;
	background-repeat: no-repeat;
	background-image: url("../../common/images/common/top_area00_01_05_icon.png");
	background-position: 0 0;
	display: inline-block;
}

a.look_area , a.look_station {
	position: relative;
	width: 220px;
	height: 396px;
	background-color: #fff;
	font-size: 20px;
	color: #013e98;
	text-align: center;
/*	display: flex;
	flex-direction: column;
	align-items: center;*/
}
a.look_area br,
 a.look_station br {
 	/*display: none;*/
 }
.look_table td:hover ,
a.look_area:hover ,
a.look_station:hover {
	background-color: #013e98;
	color: #fff;
}
.look_table td:hover:before,
a.look_area:hover > img,
a.look_station:hover > img {
	-webkit-filter: brightness(1000);
	        filter: brightness(1000);
}
.look_table tr:nth-child(n+2):nth-child(-n+3) td:hover {
	background-color: #013e98;
}
.look_table tr:nth-child(n+5):nth-child(-n+7) td:hover {
	background-color: #013e98;
}
.look_area > img, .look_station > img {
	display: block;
	position: relative;
	margin: 150px auto 20px;
}
.top_area01 {
	position: relative;
	width: 2560px;
	height: 534px;
	/*margin: 30px auto;*/
}
.top_area01_inner {
	width: 900px;
	height: 534px;
	margin: 30px auto;
}
.top_area01_link_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-line-pack: justify;
	    align-content: space-between;
	position: relative;
	width: 100%;
	height: 100%;

}
.top_area01_link_inner .under_line {
	border-bottom: solid 3px #013e98;
	width: 40px;
    margin: 0 auto 15px;
}
.top_area01_link_inner div > a > h2 > img {
	display: block;
	margin: 30px auto 15px;
}
.top_area01_link_inner div > ul {
	font-size: 16px;
	line-height: 42px;
	color: #56595b;
}
.top_area01_link_inner div > ul > li {

}
.top_area01_link_inner div > ul > li:before {
	content: '';
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-image: url("../../common/images/index/area01_arrow_icon.svg");
	background-position: 0 0px;
	display: inline-block;
	padding-right: 15px;
	position: relative;
	vertical-align: middle;	
} 
.top_area01_buy, .top_area01_lent {
	position: relative;
	width: 418px;
	height: 242px;
	background-color: #fff;
	border: solid 10px #e6edf8;
}
.top_area01_buy > ul {
	width: 240px;
	margin-left: 90px;
}
.top_area01_lent > ul {
	width: 260px;
	margin-left: 80px;
}
.top_area01_estate {
	position: relative;
	width: 302px;
	height: 230px;
	background-color: #fff;
	border: solid 10px #e6edf8;	
}
.top_area01_estate > ul {
	width: auto;
	margin-left: 20px;	
}
.top_area01_manage {
	position: relative;
	width: 266px;
	height: 230px;
	background-color: #fff;
	border: solid 10px #e6edf8;	
}
.top_area01_manage  > ul {
	width: auto;
	margin-left: 30px;		
}
.top_area01_build {
	position: relative;
	width: 222px;
	height: 230px;
	background-color: #fff;
	border: solid 10px #e6edf8;	
}
.top_area01_build  > ul {
	width: auto;
	margin-left: 40px;		
} 

.top_news_area {
	position: relative;
	width: 2560px;
	height: 720px;
}
.top_news_area_inner {
	position: relative;
	width: 900px;
	height: 610px;
	margin: 40px auto 70px;
	background-color: #f0f0f0;
}
.top_news_ttl {
	position: relative;
	display: block;
	padding-top: 70px;
	margin: 0 auto;

}
.top_news_list {
	position: relative;
	display: block;
	margin: 40px auto 50px;
	width: 720px;
	/*height: 140px;*/
}
.date_icon_wrap {
	display: flex;
}
.top_news_list > li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 26px;
	margin-bottom: 30px;
}
.top_news_list li > a {
}
.post_date {
	width: 70px;
	font-size: 16px;
	color: #013e98;
	margin-right: 20px;
	line-height: 28px;
}
.news_cat_icon {
	font-size: 16px;
	color: #fff;
	background-color: #dfb850;
	margin-right: 30px;
	width: 110px;
	height: 26px;
	text-align: center;
}

.news_desc {
	font-size: 16px;
	color: #56595b;	
}
.top_news_btn {
	position: relative;
	display: block;
	text-align: center;
}
.top_about {
	position: relative;
	width: 2560px;
	height: 910px;
	background-color: #013e98;
}
.top_about_inner {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 768px;
}
.top_about_ttl {
	display: block;
	margin: 0 auto 36px;
	padding-top: 70px;
}
.top_about_desc {
	position: relative;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	margin-bottom: 60px;
}
.top_about_vision {
	position: relative;
	width: 1000px;
	height: 452px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-line-pack: justify;
	    align-content: space-between;
	margin-bottom: 40px;
}
.top_about_vision_cell {
	position: relative;
	width: 477px;
	height: 207px;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.vision_cell_mark {
	position: relative;
	width: 150px;
	height: 136px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
}
.vision_cell_mark img {
	margin: auto;
	display: table-cell;

}
.vision_cell_desc {
	position: relative;
	width: 230px;
	height: 130px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.vision_cell_desc > img {
	display: block;
	
}
.vision_cell_desc > p {
	position: relative;
	width: 100%;
	font-size: 16px;
	color: #56595b;
}
.top_about_btn {
	position: relative;
}
.top_about_btn img {
	margin: 0 auto;
	display: block;
}
section.top_faq {
	position: relative;
	width: 2560px;
	height: 916px;
	background-repeat: no-repeat;
	background-image: url("../../common/images/index/top_faq_bg.jpg");
	background-position: 0 0px;
}
.top_faq_inner {
	position: relative;
	width: 752px;
	height: 780px;
	margin: 0 auto;
	padding-top: 70px;
}
.top_faq_ttl {
	position: relative;
	display: block;
	margin: 0 auto 35px;
}

ul.top_faq_list {
	position: relative;
	width: 751px;
	height: 569px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 40px;
}

ul.top_faq_list li {
	width: 746px;
	height: 98px;
	font-size: 20px;	
	display: -webkit-box;	
	display: -ms-flexbox;	
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
ul.top_faq_list li:nth-of-type(-n+3) {
	color: #56595b;
	background-color: #fff;
	border: solid 3px #013e98;
}
ul.top_faq_list li:nth-of-type(n+4) {
	color: #fff;
	background-color: #013e98;
	border: solid 3px #013e98;
}
ul.top_faq_list li > img {
	margin-left: 46px;
	margin-right: 68px;
}
ul.top_faq_list li > p {
	width: 473px;
}
ul.top_faq_list li > a {
	color: #fff;
	font-size: 14px;
	background-color: #dfb850;
	text-align: center;
	padding: 14px;
} 
.top_faq_btn {
	position: relative;
}
.top_faq_btn img {
	display: block;
	margin: 0 auto;
}
section.top_sns_seo {
	position: relative;
	width: 2560px;
	height: 1367px;
	background-repeat: no-repeat;
	background-image: url("../../common/images/index/top_seo_bg.jpg");
	background-position: 0 0px;	
}
.top_sns_area {
	position: relative;
	width: 900px;
	/*height: 566px;*/
	margin: 0 auto 120px;
	padding-top: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.tiktok_notice {
	width: 400px;
	margin: 0 auto;
	font-size: 12px;
	color: #fff;
	text-shadow: 0px 0px 3px rgb(0 0 0);
}
.tiktok_area {
	width: 408px;
	margin: 0 auto;
}
.top_sns_blog {
	position: relative;
	width: 450px;
}
.top_sns_blog span {
	display: none;
}
.top_sns_blog img {
	display: block;
	margin: 0 auto 50px;
}
ul.top_sns_blog_list {
	width: 450px;
	height: 312px;
	margin-bottom: 80px;
}
ul.top_sns_blog_list li {
	height: 103px;
	color: #fff;
	font-size: 16px;
	border-bottom: solid 1px #fff;
} 
ul.top_sns_blog_list li .date.bal2 {
	color: #f1c654;
	font-size: 18px;
	padding-top: 25px;
	margin-bottom: 10px;	
}
.top_sns_blog_btn {

}

.top_sns_fb {
	position: relative;
	width: 410px;
}
.top_sns_fb img {
	display: block;
	margin: 0 auto 40px;
}
dl.top_seo {
	position: relative;
	width: 648px;
	height: 455px;
	color: #fff;
	margin: 0 41%;
}
.top_seo dt {
	margin-bottom: 40px;

}
.top_seo dd {
	font-size: 16px;
	line-height: 40px;
}