/* ----------
https://www.providesign.co.jp/
2019. providesign

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
---------- */

/*apple-company------------------*/



#hhmenu{display: none;}

#apple-company #main-img{
	background: url("../images/apple/top-img.jpg");
	background-repeat: no-repeat;
	background-position: right -6rem center;
	position: relative;
	background-size: cover;
	height: 55vh;
}

#apple-company #main-img > *{
	width: 154px;
	height: 225px;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 25%;
	z-index: 8;
}

@media (min-width: 768px) {

	#hhmenu{display: block;}

		#apple-company.apple-company-home header{display: none}

		#apple-company #main-img{
			background-position: top center;
			background-size: cover;
			background-repeat: no-repeat;
			height: 100vh;
			width: 100%;
		}

	#apple-company #main-img > *{
		width: 203px;
		height: 250px;
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		top: 25%;
		z-index: 8;
	}
}

#content-top .main-title {
	font-size: 0.87rem;
	letter-spacing: 0.1rem;
}

#apple-company #top-cms {
	padding: 1.5rem 0 3rem 0;
}

#apple-news{width: 100%}

@media (min-width: 768px) {

	#apple-company #top-cms {
		padding: 0rem 0 4.5rem 0;
	}

	#apple-news{
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		box-sizing: border-box;
		justify-content: space-between !important;
		border-top:double 3px #e5e5e5e5;
		border-bottom:double 3px #e5e5e5e5;
		padding: 1.5rem 3rem;
		width: 100%;
		margin: 3rem 0 4rem 0;
	}

	#apple-news > *:first-child{width: 24%;display: flex;align-items: center;}

	#apple-news > *:last-child{width: 76%}

	#content-top .main-title {
		font-size: 1.3rem;
		letter-spacing: 0.15rem;
	}

	#apple-company .b-btn a {
			padding: 1rem 3rem 0.6rem 3rem;
			font-size: 0.75rem;
			letter-spacing: 0.2rem;
	}
}

@media (min-width: 992px) {
	#apple-news{margin: 5rem 0 4rem 0;
			padding: 1.5rem 6rem;
		}

	#apple-news .es-row1 .asset-name{width: 88%}
}


/*HOUSE------------------*/


.house-madori{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	box-sizing: border-box;
	justify-content: space-around !important;
	list-style: none;
	padding-left: 0;
}

.house-madori li:first-child{width: 100%;}
.house-madori li:nth-child(2){width: 79%;margin-right: 1rem;}
.house-madori li:nth-child(3){width: 88%;}

@media (min-width: 768px) {
	.waku-gr{border: 1px solid #e5e5e5;padding: 3rem 0rem;}
	.house-madori{justify-content: flex-end !important;}
	.house-madori li:first-child{width: 52%;}
	.house-madori li:nth-child(2){width: 41%;margin-right: 1rem;}
	.house-madori li:nth-child(3){width: 47%;margin-right: 4.5rem;}
}


/*kitchen------------------*/


/*Concept------------------*/

#concept-visual-inner {

}

#concept-visual {
	background-image: url("../images/concept/concept-parts01.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 3rem;
	background-color: #ededed;
}

#concept-visual ul {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	box-sizing: border-box;
	justify-content: center !important;
	list-style: none;
	padding-left: 0;
}

#concept-visual ul li {
	width: 80%;
	margin-bottom: 3rem;
}

@media (min-width: 768px) {
	#concept-visual ul li {
	width: 29%;
	margin: 0 0.8rem 3rem 0.8rem;
	}
}

@media (min-width: 992px) {
	#concept-visual ul li {
		width: 26%;
		margin: 3rem 2rem 2rem 2rem;
	}
}
.concept-bottom{text-align: center}

#life-style ul{
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	box-sizing: border-box;
	justify-content: space-between !important;
}

#life-style ul li{
	width: 90%;
	margin: auto;
	padding-bottom: 3rem;
}

@media (min-width: 768px) {
	#life-style ul li{
	width: 45%;
	margin: 0 0.8rem 0rem 0.8rem;
	}
}

#life-style ul li >*:first-child{margin-bottom: 0.5rem;}

.link-arw a{
	background-image: url("../images/parts/icon-cir-right-m-brwn.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 0.85rem;
	background-size: 0.8rem;
}



/*apple-about------------------*/
#apple-history-area h4{
font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho","HiraMinProN-W6";
font-size: 1.18rem
}

#apple-history-area h4+*{margin-bottom: 2rem}

/*apple-sub-menu------------------*/
#apple-sub-menu{}
#apple-sub-menu section{ border-top: double #e5e5e5; margin-bottom: 2.5rem}

#apple-sub-menu h2 {
	font-weight: bold;
	font-size: 1.25rem;
	text-align: center;
	letter-spacing: 0.2rem;
}

#apple-sub-menu ul li h4{
	text-align: center;
	font-size: 0.9rem;
	font-weight: bold;
	}

@media (min-width: 768px) {
	#apple-sub-menu section{margin-bottom: 2rem}

	#apple-sub-menu h2 {
		font-size: 1.3rem;
	}
#apple-sub-menu ul li h4{
	font-size: 0.98rem;
	}
}

@media (min-width: 992px) {
#apple-sub-menu ul li h4{
	font-size: 1.1rem;
	}

}