/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/
/*spのdetail関連を非表示ココカラ*/
#sp_head_close {
	display: none;
}
/*spのdetail関連を非表示ココマデ*/

.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;
    display: flex;/*20210322修正部分*/
    flex-direction: column;
    -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: 270px;
	height: 114px;
    padding-top: 42px;
    margin: 0 auto;
}
.recommend_banner > a {
	width: 100%;
	height: 100%;
}
.recommend_banner > a > img.pc {
	display: none;
}
.recommend_banner > a > img.sp {
	width: 100%;
	height: 100%;
}
#emergency_announcement {
	width: 90%;
	/*height: 40px;*/
	margin: 100px auto 0;
	font-size: 16px;
}
#emergency_announcement dl {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	flex-direction: column;
	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: 100%;
	height: 40px;
	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: 100%;
	justify-content: space-between;
}
#emergency_announcement dl dd::after {
	content: '〉';
	margin-right: 20px;
}

.top_area00 {
	position: relative;
	width: 100%;
	/*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: 50px; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.mobile_only {
    display: block;
    font-size: 14px;
    color: #013e98;
    width: 90%;
    margin: 30px auto;
}
/*.mobile_only span{opacity: 0;}
.mobile_only.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}*/
.top_area00_ttl {
	display: block;
	position: relative;
	width: 103px;
	height: 54px;
	margin: 0 auto;
	padding-top: 40px;

}
.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: 100%;
	/*height: 396px;*/
}

.top_area00_btn_inner {
	position: relative;
	height: 100%;
	width: 90%;
	margin: 0 auto;
	flex-wrap: wrap;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.look_table {
	position: relative;
	height: 100%;
	font-size: 16px;
	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: 44px;
	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;
    height: 150px;
    background-color: #fff;
    font-size: 20px;
    color: #013e98;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    /*margin-bottom: 30px;*/
}
.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;
	zoom: .7;
	margin: 0;
}
.top_area01 {
	position: relative;
	width: 100%;
	/*height: 534px;*/
	/*margin: 30px auto;*/
}
.top_area01_inner {
	/*width: 240px;*/
	/*height: 534px;*/
	margin: 30px auto;
}
.top_area01_link_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	/*flex-direction: column;*/
/*	-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 > div {
	margin: 15px auto;
}
.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: 15px auto 15px;
}
.top_area01_link_inner div > ul {
	font-size: 15px;
	line-height: 36px;
	color: #56595b;
    margin-left: 1.7em;
    text-indent: -1.4em;
}
.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: 5px;
	position: relative;
	vertical-align: middle;	
} 
.top_area01_buy,
.top_area01_lent,
.top_area01_estate,
.top_area01_manage,
.top_area01_build  {
	position: relative;
	width: 260px;
	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: 260px;*/
	/*height: 230px;*/
/*	background-color: #fff;
	border: solid 10px #e6edf8;	*/
}
.top_area01_estate > ul {
	width: auto;
	margin-left: 20px;	
}
.top_area01_manage {
/*	position: relative;
	width: 240px;*/
	/*height: 230px;*/
/*	background-color: #fff;
	border: solid 10px #e6edf8;	*/
}
.top_area01_manage  > ul {
	width: auto;
	margin-left: 30px;		
}
.top_area01_build {
/*	position: relative;
	width: 240px;*/
	/*height: 230px;*/
/*	background-color: #fff;
	border: solid 10px #e6edf8;	*/
}
.top_area01_build  > ul {
	width: auto;
	margin-left: 40px;		
} 

.top_news_area {
	position: relative;
	width: 100%;
	/*height: 720px;*/
}
.top_news_area_inner {
	position: relative;
	width: 100%;
	/*height: 610px;*/
	margin: 40px auto 0;
	background-color: #f0f0f0;
	padding-bottom: 40px;
}
.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: 90%;
	/*height: 140px;*/
}
.date_icon_wrap {
	display: flex;
}
.top_news_list > li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	/*height: 26px;*/
	margin-bottom: 20px;
}
.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;
	width: 212px;
	height: 54px;
	margin: 0 auto;
}
.top_about {
	position: relative;
	width: 100%;
	/*height: 910px;*/
	background-color: #013e98;
	padding-bottom: 40px;
}
.top_about_inner {
	position: relative;
	margin: 0 auto;
	width: 100%;
	/*height: 768px;*/
}
.top_about_ttl {
	display: block;
	margin: 0 auto 36px;
	padding-top: 70px;
}
.top_about_desc {
	position: relative;
	font-size: 16px;
	color: #fff;
	width: 90%;
	margin: 0 auto;
	line-height: 30px;
	text-align: left;
	margin-bottom: 20px;
}
.top_about_desc br {
	display: none;
}
.top_about_vision {
	position: relative;
	width: 100%;
	/*height: 452px;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
	align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-around;
	-ms-flex-line-pack: justify;
	    align-content: space-around;
	margin-bottom: 40px;
}
.top_about_vision > a {
	margin-bottom: 20px;
}
.top_about_vision_cell {
	position: relative;
	margin: 0 auto;
	/*height: 207px;*/
	flex-wrap: wrap;
	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;
	padding: 15px 0;
	-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: 100%;
	background-size: cover;
	/*height: 916px;*/
	background-repeat: no-repeat;
	background-image: url("../../common/images/index/top_faq_bg.jpg");
	background-position: -1010px 0px;
	padding-bottom: 10px;
}
.top_faq_inner {
	position: relative;
	width: 100%;
	/*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: 90%;
	margin: 0 auto;
	/*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: 16px;	
	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: space-around;
	        margin-bottom: 10px;
}
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: 5px 10px;
}
ul.top_faq_list li:nth-of-type(4) > img,
ul.top_faq_list li:nth-of-type(5) > img {
	margin: 18px 10px;
}
ul.top_faq_list li > p {
	width: 54%;
}
ul.top_faq_list li > a {
	color: #fff;
	font-size: 14px;
	background-color: #dfb850;
	text-align: center;
	padding: 10px 8px;
} 
.top_faq_btn {
	position: relative;
	width: 277px;
	height: 46px;
	display: block;
	margin: 40px auto;
}
.top_faq_btn img {
	width: 100%;
}
section.top_sns_seo {
	position: relative;
	width: 100%;
	padding-bottom: 40px;
	/*height: 1367px;*/
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("../../common/images/index/top_seo_bg.jpg");
	background-position: 0 0px;	
}
.top_sns_area {
	position: relative;
	width: 100%;
	/*height: 566px;*/
	margin: 0 auto 60px;
	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: 100%;
	margin: 0 auto;
	font-size: 12px;
	color: #fff;
}
.tiktok_area {
	margin: 0 auto;
	height: 400px;

}
.top_sns_blog {
	position: relative;
	width: 100%;
	margin-bottom: 80px;
}
.top_sns_blog span {
	display: none;
}
.top_sns_blog img {
	display: block;
	margin: 0 auto;
}
ul.top_sns_blog_list {
	width: 90%;
	height: 312px;
	margin: 0 auto 40px;
	/*margin-bottom: 80px;*/
}
ul.top_sns_blog_list li {
	/*height: 100px;*/
	color: #fff;
	font-size: 16px;
	padding-bottom: 10px;
	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 {
	width: 212px;
	height: 54px;
	display: block;
	margin: 0 auto 10px;

}
.sbi_load_btn {
	display: none!important;
}
.top_sns_fb {
	position: relative;
	/*width: 90%;*/
	margin: 0 auto;
}
.top_sns_fb img {
	display: block;
	margin: 0 auto 40px;
}
dl.top_seo {
	position: relative;
	width: 90%;
	/*height: 455px;*/
	color: #fff;
	margin: 0 auto;
}
.top_seo > span {
	font-size: 18px;
	line-height: 30px;
}
.top_seo dt {
	margin-bottom: 40px;

}
.top_seo dt img {

}
.top_seo dd {
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 30px;
}

@media (orientation: portrait){
 
	/*デバイスが縦向きの場合の記述*/
	.top_about_vision > a {
		width: 256px;
	}
	.top_area00_btn_inner {
		flex-direction: column;	
	}
	.look_btn_wrap {
		display: flex;
		justify-content: space-between;
		margin-bottom: 30px
	}
	a.look_area , a.look_station {
		width: 45%;
	}
	.look_table {
		width: 100%;		
	}
	.top_sns_fb,
	.tiktok_notice,
	.tiktok_area {
		width: 90%;
	}
}

@media (orientation: landscape){
 
	/*デバイスが横向きの場合の記述*/
	.top_about_vision > a {
		width: 454px;
	}
	.top_area00_btn_inner {
		justify-content: space-between;
	}
	.look_btn_wrap {
		width: 45%;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	}
	.look_btn_wrap a br {
		display: none;
	}
	.look_table {
		width: 50%;		
	}
	.top_sns_fb,
	.tiktok_notice,
	.tiktok_area {
		width: 60%;
	}
}