/*共通 スライドショー*/
#topImgBody {
	position: relative;
	width: 100%;
	height: 640px;
	/* margin: 0 auto 100px; */
	margin: 0 auto 60px;
	z-index: 9990;
}
#topImg {
	position: relative;
	z-index: 1;
}
#topImg div {
	background-position: center 50% !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	width: 100%;
	height: 640px;
	max-height: 640px;
	display: none;
}

#topImg img {
	width: 100%;
	height: auto;
}

.slide_cap {
	text-align: center;
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	bottom: 50%;
	max-width: 82vw;
	margin: auto;
	height: auto;
	z-index: 10;
}


/*共通 トップイベント・見学会*/
.event_body{
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 60px;
}
.event_body h2 {
	font-size: 38px;
	/* font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; */
	font-family: kan415typos-std, sans-serif;
	font-weight: normal;
}
.event_body .top_sub_title {
	margin-bottom: 40px;
}
.event_body .box{
	position: relative;
	margin-bottom: 40px !important;
}
.event_body h3{
	margin: 5px 0 10px;
}
.event_body h3,
.event_body h3 a{
	font-size:14px;
	color: #00A63C;
}
.event_day_box{
	margin: 5px 0 0;
	font-size: 12px;
}
.event_day_box div {
	margin: 0 0 5px;
}
.event_day_box span {
	display: inline-block;
	text-align: center;
	background-color: #00A63C;
	width: 62px;
	padding: 2px 5px;
	margin: 0 5px 0 0;
	color: #fff;
	font-size: 11px;
}
.event_body .more_btn_a {
	text-align: center;
	margin: 20px auto 0;
}



.slide_btn {
	position: absolute;
	width: 100%;
	top: 45%;
	bottom: 50%;
}
.slide_prev {
	float: left;
}
.slide_next {
	float: right;
}
.slide_prev a,
.slide_next a{
	display: block;
	background-size: 80px 80px !important;
	width: 80px;
	height: 80px;
}
.slide_prev a{
	background: url(images/prev_btn.png) 0 0 no-repeat;
}
.slide_next a{
	background: url(images/next_btn.png) 0 0 no-repeat;
}
.slide_prev a:hover,
.slide_next a:hover {
	opacity: 0.7;
}

/* .inview-fade {
	opacity: 0;
	transition: 2.5s;
}
.inview-show{
	opacity: 1.0;
} */




@media screen and (min-width: 768px) {
/*画面幅が768px以上（PC）*/
	.top_body {
	}
	.top_body h2 {
		text-align: center;
		width: 100%;
		margin: 0 auto 10px;
	}
	.top_sub_title {
		margin-bottom: 80px;
		text-align: center;
		font-size: 18px;
		/* font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; */
		font-weight: normal;
	}
	.top_sub_title span {
		color: #00A63C;
	}

	/*PCトップ Information 住宅生協のお家情報*/
	#top_info{
		/* background: url(images/parallax_bg.jpg) 0 0 no-repeat;
		background-size: cover; */
		width: 100%;
		padding: 0 0 40px;
		margin-bottom: 40px;
	}
	.top_info_ttl h2 {
		text-align: center;
		width: 100%;
		margin: 0 auto 10px;
		font-size: 38px;
		/* font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; */
		font-family: kan415typos-std, sans-serif;
		font-weight: normal;
	}
	.top_sub_title {
		margin-bottom: 30px;
	}

	.top_info_box_body {
		width: 1080px;
		max-width: 1080px;
		margin: 0 auto;
	}
	.top_info_box {
		position: relative;
		border: solid 1px #00A63C;
		border-top-width: 5px;
		display: flex;
		flex-wrap: wrap;/*親の横幅以上は折り返す*/
		width: 100%;
		/* max-width: 1280px; */
		margin: 0 auto 80px;
	}
	.top_info_box:last-of-type{
		margin-bottom: 0;
	}

	.box_txt {
		background-color: #fff;
		box-sizing: border-box;
		width: 420px;
		padding: 3% 5%;
	}
	.box_img {
		background-color: #fff;
		width: 660px;
		height: auto;
		z-index: 1;
	}
	.box_img img {
		width: 100%;
		height: auto;
	}
	.top_info_box_L .box_img {
		order: 2;
	}
	.top_info_box_L .box_txt {
		order: 1;
	}
	.top_info_box_R .box_img {
		order: 1;
	}
	.top_info_box_R .box_txt {
		order: 2;
	}

	.top_info_box_R{
		text-align: right;
	}

	.top_info_box h3{
		margin: 0 0 1em;
		font-size: 30px;
		color: #00A63C;
	}
	.top_info_box h3 span{
		display: block;
		font-size: 24px;
		color: #111;
	}
	.top_info_box p{
		margin-bottom: 4em;
		font-size: 14px;
	}

	/*PCトップ Contents*/
	#top_contents{
		border-top: solid 10px #00A63C;
		margin-bottom: 40px;
	}
	#top_contents h2 {
		font-size: 38px;
		/* font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; */
		font-family: kan415typos-std, sans-serif;
		font-weight: normal;
	}
	#top_contents .top_sub_title {
		margin-bottom: 30px;
	}
	#top_contents .slick {
		text-align: center;
	}
	#top_contents .slick img {
		margin-bottom: 0.5em;
	}
	.top_contents_box{
		justify-content: space-around;
		width: 1080px;
		max-width: 100%;
		margin: 0 auto;
	}
	.top_contents_box li{
		text-align: center;
		margin-bottom: 20px;
		list-style-type: none;
	}
	.top_contents_box li img{
		display: block;
		margin-bottom: 0.5em;
	}
	.top_contents_box:after { content: ""; display: block; width: 320px; }


	/*PCトップ アイコン*/
	#top_icon{
		border-top: solid 10px #00A63C;
		text-align: center;
		width: 100%;
	}
	#top_icon ul {
		justify-content: space-between;
	}
	#top_icon ul:after { content: ''; width: 33.3333%; display: block; }  
	#top_icon li {
		box-sizing: border-box;
		border-right: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		background-color: #fff;
		width: 33.3333%;
		padding: 40px 0;
		list-style-type: none;
	}
	#top_icon li:nth-of-type(3n){
		border-right: none;
	}
	#top_icon li:nth-child(4),
	#top_icon li:nth-child(5),
	#top_icon li:nth-child(6){
		border-bottom: none;
	}
	#top_icon li:hover{
		background-color: rgba(0, 166, 60,0.1);
	}
	#top_icon li img {
		display: block;
		margin: 0 auto;
	}
	#top_icon li a:hover{
		text-decoration: none;
	}

	/*PCトップ NEWS・BLOG*/
	#top_news_blog{
		justify-content: center;
		background-color: #ECF7F0;
		min-width: 1130px;
		padding: 30px;
	}
	#top_news_blog section{
		box-sizing: border-box;
		background-color: #fff;
		min-width: 512px;
		max-width: 584px;
		padding: 50px 30px;
	}
	#top_news_blog h2 {
		margin-bottom: 30px;
		font-size: 26px;
	}
	#top_news_blog li {
		border-bottom: solid 1px #111;
		margin-bottom: 1em;
		padding-bottom: 1em;
		list-style-type: none;
		font-size: 12px;
	}

	#top_news_blog li .date{
		display: block;
		box-sizing: border-box;
		float: left;
		width: 18%;
		max-width: 100px;
		white-space: 120px;
		padding: 2px 1em 0 0;
		color: #999;
	}
	#top_news_blog li h3{
		display: block;
		box-sizing: border-box;
		float: right;
		width: 80%;
		max-width: 400px;
		font-weight: normal;
	}
	#top_news_blog li a {
		font-size: 12px;
	}
	#top_news_blog li a:hover{
		color: #00A63C;
		text-decoration: none;
	}
	#top_news_blog .more_btn_a {
		text-align: center;
		margin: 60px auto 0;
	}
	#top_news_blog .new_mark{
		display: inline-block;
		text-align: center;
		background-color: #fcf003;
		padding: 2px 6px;
		margin: 0 5px 0 0;
		font-size: 12px;
		font-weight: bold;
		color: #111;
		z-index: 1;
	}




	/*PCトップ 展示場・営業所一覧*/
	#top_office {
		border-bottom: solid 10px #00A63C;
		width: 100%;
		margin: 0 auto 80px;
		padding: 60px 0 40px;
	}
	#top_office h2 {
		margin-bottom: 60px;
		font-size: 40px;
	}
	#top_office ul{
		width: 1040px;
		margin: 0 auto;
	}
	#top_office li{
		background: url(images/more_btn_c.svg) right 90% no-repeat;
		background-size: 24px 24px;
		width: 30%;
		margin: 0 0 4em;
		list-style-type: none;
		margin-right: 3%;
	}
	#top_office li a {
		color: #00A63C;
		font-size: 20px;
		font-weight: bold;
	}
	#top_office li a span {
		display: block;
		font-weight: normal;
		font-size: 16px;
		color: #111;
	}
	#top_office li a:hover{
		text-decoration: none;
		color: #6FB92C;
	}


	/*PCトップ SNS*/
	#top_sns {
		width: 1040px;
		margin: 0 auto;
	}
	#top_sns h2 {
		background-size: 60px 60px;
		padding-top: 64px;
		margin-bottom: 20px;
		font-size: 26px;
	}

	.top_instagram{
		margin: 0 auto 80px;
	}
	.top_instagram h2 {
		background: url(images/sns_ico_ig.svg) center 0 no-repeat;
		margin-bottom: 40px !important;
	}

	.top_sns_wrap{
		width: 1040px;
		margin: 0 auto;
	}
	.top_twitter,
	.top_facebook{
		box-sizing: border-box;
		width: 50% !important;
		margin: 0 auto !important;
	}
	.top_twitter .box,
	.top_facebook .box{
		background-color: #f1f1f1;
		height: 510px;
		padding: 40px;
	}
	.top_twitter h2 {
		background: url(images/x.svg) center 0 no-repeat;
	}
	.top_facebook h2 {
		background: url(images/sns_ico_fb.svg) center 0 no-repeat;
	}

	/*Instagram Feed設定*/
	#sbi_images {
		padding: 0 !important;
	}
	#top_sns #sb_instagram #sbi_images .sbi_item {
		width: 165px !important;
		height: 165px !important;
		margin: 0 10px 0 0 !important;
	}
	#top_sns #sb_instagram #sbi_images .sbi_item:last-of-type{
		margin-right: 0 !important;
	}
	#sb_instagram .sbi_item img {
		width: 165px !important;
		height: 165px !important;
	}
	#sb_instagram .svg-inline--fa {
		display: none !important;
	}
}/*PC End*/


@media screen and (max-width: 767px) {
/*画面幅が767px以下（スマホ専用スタイル）*/
	#topImgBody {
		position: relative;
		width: 100%;
		height: auto;
		/* margin-bottom: 1em; */
		margin-bottom: 0;
		padding-bottom: 40px;
		/* padding-bottom: 65px; */
		overflow: hidden;
		z-index: 0;
	}
	/*#topImgBody img {
		display: block;
		text-align: center;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}*/
	#topImg,
	#topImg .bx-viewport,
	#topImg div {
		height: calc(100vh - 150px) !important;
	}
	.slide_btn{
		display: none;
	}

	.top_body h2 {
		text-align: center;
		width: 100%;
		margin: 0 auto 3em;
		font-size: 30px;
		color: #111;
		font-weight: normal;
	}
	.top_sub_title {
		margin-bottom: 20px;
		text-align: center;
		font-size: 14px;
		/* font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; */
		font-weight: normal;
	}
	.top_sub_title span {
		color: #00A63C;
	}

	/*SP トップイベント・見学会*/
	.event_body{
		width: 86%;
		margin: 0 auto;
		padding-bottom: 30px;
	}
	.event_body h2 {
		margin-bottom: 10px;
	}
	.event_body .top_sub_title {
		margin-bottom: 20px;
	}
	.event_body .box{
		margin-bottom: 20px !important;
	}
	.event_body h3{
		margin: 5px 0 10px;
	}
	.event_body h3,
	.event_body h3 a{
		font-size:12px;
		line-height: 1.35;
	}
	.event_day_box{
		margin: 5px 0 0;
		font-size: 10px;
	}
	.event_day_box div {
		width: 100%;
		margin: 0 0 2px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.event_day_box span {
		display: block;
		text-align: center;
		background-color: #00A63C;
		box-sizing: border-box;
		width: 100%;
		padding: 0 5px;
		margin: 0 0 3px;
		font-size: 10px;
	}
	.event_body .more_btn_a {
		text-align: center;
		width: 50%;
		margin: 20px auto 0;
	}
	.event_body .more_btn_a img{
		width: 100%;
		height: auto;
	}


	/*SPトップ Information 住宅生協のお家情報*/
	#top_info{
		background: none;
		width: 100%;
		padding: 20px 0 0;
		margin-bottom: 20px;
	}
	.top_info_ttl h2 {
		text-align: center;
		width: 100%;
		margin: 0 auto 10px;
		font-size: 36px;
		/* font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; */
		font-family: kan415typos-std, sans-serif;
		font-size: 30px;
		color: #111;
		font-weight: normal;
	}
	.top_info_ttl .top_sub_title {
		margin-bottom: 0;
	}

	.top_info_box_body {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
	}
	.top_info_box {
		position: relative;
		width: 100%;
		margin: 0 auto 20px;
	}
	.box_txt {
		background-color: #fff;
		box-sizing: border-box;
		width: 100%;
		padding: 7% !important;
	}
	.box_img {
		position: relative;
		border-bottom: solid 5px #00A63C;
		width: 100%;
		height: auto;
	}
	.box_img img {
		width: 100%;
		height: auto;
	}
	.top_info_box_L {
		margin-left: auto;
	}
	.top_info_box_R{
		text-align: left;
		margin-right: auto;
	}
	.top_info_box_L .box_img{
		right: auto;
	}
	.top_info_box_R .box_img{
		left: auto;
	}
	.top_info_box_R .box_txt{
		padding: 0;
		margin-left: auto;
	}

	.top_info_box h3{
		color: #00A63C;
		font-size: 22px;
		line-height: 1.2;
	}
	.top_info_box h3 span{
		display: block;
		margin-top: 5px;
		font-size: 16px;
		color: #111;
	}
	.top_info_box p{
		margin: 1.5em 0 2.5em;
		font-size: 14px;
	}
	.top_info_box p br {
		display: none;
	}
	.top_info_box .more_btn_a {
		width: 60%;
		margin: 0 auto;
	}
	.top_info_box .more_btn_a img{
		width: 100%;
		height: auto;
	}


	/*SPトップ Contents*/
	#top_contents{
		border-top: solid 3px #00A63C;
		width: 86%;
		padding: 7%;
		margin: 0 auto;
	}
	#top_contents h2 {
		margin-bottom: 10px;
		font-size: 30px;
		/* font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; */
		font-family: kan415typos-std, sans-serif;
	}

	#top_contents .slick {
		display: flex;
		flex-wrap: wrap;/*親の横幅以上は折り返す*/
		text-align: center;
	}
	#top_contents .slick li {
		width: 46% !important;
		margin: 0 7% 2em 0 !important;
		list-style-type: none;
		font-size: 10px;
	}
	#top_contents .slick li:nth-of-type(even) {
		margin-right: 0 !important;
	}
	#top_contents .slick li img {
		width: 100%;
		height: auto;
		margin-bottom: 0.5em;
	}

	.top_contents_box {
		display: flex;
		flex-wrap: wrap;/*親の横幅以上は折り返す*/
		text-align: center;
	justify-content: space-between;
	}
	.top_contents_box li {
		width: 46% !important;
	/*	margin: 0 7% 2em 0 !important;*/
		list-style-type: none;
		font-size: 10px;
	margin-bottom: 10px;
	}

	.top_contents_box li:nth-of-type(odd) {
		margin-right: 0 !important;
	}
	/*
	.top_contents_box li:first-of-type{
		padding: 0 20% 2em;
		margin: 0 auto !important;
	}
	*/
	.top_contents_box li img {
		width: 100%;
		height: auto;
		margin-bottom: 0.5em;
	}



	/*SPトップ アイコン*/
	#top_icon{
		border-top: solid 3px #00A63C;
		text-align: center;
		width: 100%;
	}
	#top_icon ul {
		justify-content: space-between;
	}
	#top_icon li {
		box-sizing: border-box;
		border-right: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		background-color: #fff;
		width: 50%;
		padding: 20px 0;
		list-style-type: none;
		font-size: 12px;
	}
	#top_icon li:nth-of-type(even){
		border-right: none;
	}
	/* #top_icon li:nth-child(5),
	#top_icon li:nth-child(6){
		border-bottom: none;
	} */
	#top_icon li img {
		display: block;
		width: 40%;
		height: auto;
		margin: 10px auto 0;
	}
	#top_icon li img.more {
		width: 30%;
		height: auto;
	}
	#top_icon li a:hover{
		text-decoration: none;
	}


	/*spトップ NEWS・BLOG*/
	#top_news_blog{
		padding: 0;
	}
	#top_news_blog section{
		border-bottom: solid 3px #00A63C;
		box-sizing: border-box;
		background-color: #ECF7F0;
		padding: 6% 4%;
		margin: 0;
	}

	#top_news_blog h2 {
		margin: 0 auto 20px;
		font-size: 24px;
	}

	#top_news_blog li {
		border-bottom: solid 1px #111;
		margin-bottom: 1em;
		padding-bottom: 1em;
		list-style-type: none;
	}
	#top_news_blog li .date{
		display: block;
		padding: 0 0 0.5em;
		color: #999;
		font-size: 12px;
	}
	#top_news_blog li h3{
		display: block;
		font-weight: normal;
		font-size: 14px;
	}
	#top_news_blog li a {
		font-size: 14px;
	}
	#top_news_blog li a:hover{
		text-decoration: none;
	}
	#top_news_blog .more_btn_a {
		text-align: center;
		width: 50%;
		margin: 40px auto 0;
	}
	#top_news_blog .new_mark{
		display: inline-block;
		text-align: center;
		background-color: #fcf003;
		padding: 1px 6px;
		margin: -4px 6px 0 0;
		font-size: 10px;
		font-weight: bold;
		z-index: 1;
		vertical-align: middle;
	}


	/* .sp_news_tab_ttl {
		border-bottom: solid 1px #00A63C;
		width: 92%;
		padding: 0 4%;
		margin: 40px 0 0;
	}
	.sp_news_tab_ttl h2 {
		display: block;
		float: left;
		box-sizing: border-box;
		border: solid 1px #00A63C;
		border-bottom: none;
		text-align: center;
		background-color: #fff;
		width: 50%;
		padding: 5px 0;
		margin: 0;
		font-size: 14px;
		cursor: pointer;
		font-weight: normal;
	}
	.sp_news_tab_ttl h2.active {
		background-color: #00A63C;
		color: #fff;
	} */


	/*spトップ 展示場・営業所一覧*/
	#top_office {
		width: 100%;
		margin: 30px auto;
		padding: 0;
	}
	#top_office h2 {
		border-bottom: solid 1px #ccc;
		padding-bottom: 1em;
		margin-bottom: 0;
		font-size: 16px;
		font-weight: bold;
	}
	#top_office ul{
		width: 100%;
		margin: 0 auto;
	}
	#top_office li{
		border-bottom: solid 1px #ccc;
		background: url(images/more_btn_c.svg) 96% 50% no-repeat;
		background-size: 20px 20px;
		width: 100%;
		padding: 0;
		list-style-type: none;
	}
	#top_office li a {
		display: block;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		padding: 0.4em 4%;
		color: #00A63C;
		font-size: 18px;
		font-weight: bold;
	}
	#top_office li a span {
		display: block;
		font-weight: normal;
		font-size: 14px;
		color: #111;
	}
	#top_office li a:hover{
		text-decoration: none;
	}
	#top_office li:last-of-type a{
		padding: 0.8em 4%;
	}


	/*spトップ SNS*/
	#top_sns_ico {
		margin: 0 auto 40px;
	}
	#top_sns_ico ul {
		width: 82%;
		margin: 0 auto;
	}
	#top_sns_ico li {
		text-align: center;
		list-style-type: none;
		font-weight: bold;
	}
	#top_sns_ico li img {
		display: block;
		margin: 0 auto;
	}


}