@charset "UTF-8";
body {-webkit-font-smoothing: antialiased;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
ul {list-style: none; padding-left: 0;}
img {vertical-align: bottom;}

.flexLayout {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
}
@media screen and (max-width: 767px) {
	.flexLayout {display: block;}
}

.fadein.scrollin {opacity : 1; transform : translate(0, 0);}
.fadein {opacity : 0.1; transform : translate(0, 50px); transition : all 600ms;}

.relatedLink {margin-top: 24px; display: block; text-align: right;}
.relatedLink a {display: inline-block; background: url(/img/common/arrow_right.png) no-repeat 14px 50%; border: 1px solid #ccc; padding: 10px 20px 10px 35px; text-decoration: none; color: #191919;}
.relatedLink a:hover {border: 1px solid #191919;}

header .mainVisual {width: 100%; display: table;}
header .mainVisual .inner {width: 100%; height: 100vh; display: table-cell; vertical-align: middle;}
header .mainVisual .inner h1 {max-width: 570px; width: auto; margin: 0 auto;}
header .mainVisual .inner h1 img {width:100%;}

@media screen and (max-width: 589px) {
	header .mainVisual .inner {height: 70vh;}
	header .mainVisual .inner h1 img {padding: 0 5%;}
}

main.mainContents {width: 100%;}
main.mainContents section {margin: 0;}

/*housevision_concept*/
main.mainContents section.housevision_concept {width: 100%; /*background:#ebebeb;*/ border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
main.mainContents section.housevision_concept .wrap {max-width: 1300px; width: 95%; margin: 0 auto; padding: 50px 0; justify-content:space-between;}
main.mainContents section.housevision_concept .wrap .housevision_concept__sentence {width: 40%}
main.mainContents section.housevision_concept .wrap section.conceptLead {margin:0; width: 100%;}
main.mainContents section.housevision_concept .wrap section.conceptLead p {line-height: 2.0; font-size: 16px;}
main.mainContents section.housevision_concept .wrap figure {width: 50%; margin: 0 auto; text-align: center;}
main.mainContents section.housevision_concept .wrap figure img {width: 100%;}

@media screen and (max-width: 767px) {
	main.mainContents section.housevision_concept .wrap .housevision_concept__sentence {width:100%}
	main.mainContents section.housevision_concept .wrap figure {width:100%;}
}

.pageNavigation {border-top: 1px solid #ebebeb;}
.pageNavigation ul {
	max-width: 1300px; 
	width: auto; 
	margin: 0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
}
.pageNavigation ul li {width: 25%; text-align: center; border-left: 1px solid #ebebeb;}
.pageNavigation ul li:last-child {border-right:1px solid #ebebeb;}
.pageNavigation ul li a {display: block; padding:30px 10px; font-size: 18px; text-decoration: none; font-weight: bold; color: #333; transition: background-color 1s linear;}
.pageNavigation ul li a:hover {transition-property: all; transition: 0.3s linear; background-color: #ebebeb;}

@media screen and (max-width: 767px) {
	.pageNavigation ul {flex-wrap:wrap;}
	.pageNavigation ul li {width: 50%;}
	.pageNavigation ul li:first-child {border-bottom:1px solid #ebebeb;}
	.pageNavigation ul li:nth-child(2) {border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;}
}
/*housevision_concept*/

/*housevision_contents*/
main.mainContents section.housevision_contents {width: 100%;}
main.mainContents section.housevision_contents .wrap {max-width: 1300px; width: 95%; margin: 0 auto; padding-top: 50px;}
main.mainContents section.housevision_contents .wrap h1.housevision_contents__mainTtl {/*font-family: serif;*/}
main.mainContents section.housevision_contents .wrap .housevision_contents__subVisual {/*border-bottom: 1px solid #ebebeb; padding-bottom: 50px;*/}
main.mainContents section.housevision_contents .wrap .housevision_contents__subVisual figure {margin:50px auto 0;}
main.mainContents section.housevision_contents .wrap .housevision_contents__subVisual figure img {width: 100%;}
main.mainContents section.housevision_contents .wrap .housevision_contents__subVisual h1 {margin: 50px 0 0; text-align: center;}

main.mainContents section.housevision_contents .wrap .housevision_contents__subVisual .mujihouse {max-width: 900px; width: auto; margin: 0 auto;}
main.mainContents section.housevision_contents .wrap .housevision_contents__subVisual .mujihouse h1 {font-size: 22px;}
main.mainContents section.housevision_contents .wrap .housevision_contents__subVisual .mujihouse .lead {justify-content:space-between;}
main.mainContents section.housevision_contents .wrap .housevision_contents__subVisual .mujihouse .lead h2 {width:30%; font-size: 16px;}
main.mainContents section.housevision_contents .wrap .housevision_contents__subVisual .mujihouse .lead p {width:60%;}

main.mainContents section.housevision_contents .wrap .housevision_contents__subVisual .mujihouse p.category {text-align: right; margin: 0;}

@media screen and (max-width: 767px) {
	main.mainContents section.housevision_contents .wrap .housevision_contents__subVisual .mujihouse .lead h2 {width:100%;}
	main.mainContents section.housevision_contents .wrap .housevision_contents__subVisual .mujihouse .lead h2 br {display: none;}
	main.mainContents section.housevision_contents .wrap .housevision_contents__subVisual .mujihouse .lead p {width:100%;}
}

main.mainContents section.housevision_contents .wrap .housevision_contents__subTtl {max-width: 900px; width: auto; margin:50px auto 0; text-align: center;}
main.mainContents section.housevision_contents .wrap .housevision_contents__subTtl h1 {font-size: 22px; margin: 0;}

main.mainContents section.housevision_contents .wrap .housevision_contents__link {margin: 0 auto; padding-top: 50px;}
main.mainContents section.housevision_contents .wrap .housevision_contents__link h1 {font-size: 22px;}
main.mainContents section.housevision_contents .wrap .housevision_contents__link h1 span {display: block; padding: 5px 0;}
main.mainContents section.housevision_contents .wrap .housevision_contents__link h1 span.infillLogo {width: 13%; display: block;}
main.mainContents section.housevision_contents .wrap .housevision_contents__link h1 span.infillLogo img {width: 100%; display: block;}
main.mainContents section.housevision_contents .wrap .housevision_contents__link h1 span.mujiurLogo {width: 25%; display: block;}
main.mainContents section.housevision_contents .wrap .housevision_contents__link h1 span.mujiurLogo img {width: 100%; display: block;}
main.mainContents section.housevision_contents .wrap .housevision_contents__link h1 span.mujircLogo {width: 50%; display: block;}
main.mainContents section.housevision_contents .wrap .housevision_contents__link h1 span.mujircLogo img {width: 100%; display: block;}
main.mainContents section.housevision_contents .wrap .housevision_contents__link h1 span.supportLogo {width: 18%; display: block;}
main.mainContents section.housevision_contents .wrap .housevision_contents__link h1 span.supportLogo img {width: 100%; display: block;}

@media screen and (min-width: 768px) {
	main.mainContents section.housevision_contents .wrap .housevision_contents__link .headerTtl.logo {height: 60px;}
	main.mainContents section.housevision_contents .wrap .housevision_contents__link .headerTtl.logo2 {height: 110px;}
	main.mainContents section.housevision_contents .wrap .housevision_contents__link .headerTtl.logo3 {height: 150px;}

	main.mainContents section.housevision_contents .wrap .housevision_contents__link .headerTtl {position: relative;}
	main.mainContents section.housevision_contents .wrap .housevision_contents__link .headerTtl p.category {position: absolute; bottom: 0; right: 0;}
}
@media screen and (max-width: 767px) {
	main.mainContents section.housevision_contents .wrap .housevision_contents__link h1 span.infillLogo {width: 20%;}
	main.mainContents section.housevision_contents .wrap .housevision_contents__link h1 span.mujiurLogo {width: 32%;}
	main.mainContents section.housevision_contents .wrap .housevision_contents__link h1 span.supportLogo {width: 25%;}
	main.mainContents section.housevision_contents .wrap .housevision_contents__link .headerTtl.logo {height:auto;}
	main.mainContents section.housevision_contents .wrap .housevision_contents__link .headerTtl.logo2 {height:auto;}
	main.mainContents section.housevision_contents .wrap .housevision_contents__link .headerTtl.logo3 {height:auto;}
	main.mainContents section.housevision_contents .wrap .housevision_contents__link .headerTtl p.category {text-align: right; margin: 0;}
}


main.mainContents section.housevision_contents .wrap .housevision_contents__link h2 {font-size: 16px;}
main.mainContents section.housevision_contents .wrap .housevision_contents__link .column2 {width: 50%; padding: 0 15px;}
main.mainContents section.housevision_contents .wrap .housevision_contents__link .column2 figure {margin:0 auto;}
main.mainContents section.housevision_contents .wrap .housevision_contents__link .column2 figure img {width: 100%;}
main.mainContents section.housevision_contents .wrap .housevision_contents__link .column3 {width: 33%; padding: 0 15px;}
main.mainContents section.housevision_contents .wrap .housevision_contents__link .column3 figure {margin:0 auto;}
main.mainContents section.housevision_contents .wrap .housevision_contents__link .column3 figure img {width: 100%;}

@media screen and (max-width: 767px) {
	main.mainContents section.housevision_contents .wrap .housevision_contents__link .column2, 
	main.mainContents section.housevision_contents .wrap .housevision_contents__link .column3 {width:100%;}

	main.mainContents section.housevision_contents .wrap .housevision_contents__link .column2:first-child,
	main.mainContents section.housevision_contents .wrap .housevision_contents__link .column3:first-child,
	main.mainContents section.housevision_contents .wrap .housevision_contents__link .column3:nth-child(2) {margin-bottom: 50px;}
}

main.mainContents section.housevision_contents.event .wrap {border: 1px solid #ddd; padding: 30px; margin: 50px auto; box-sizing: border-box; border-radius: 8px;}
main.mainContents section.housevision_contents.event .wrap h1 {font-size: 22px; margin:0;}
main.mainContents section.housevision_contents.event .wrap ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
main.mainContents section.housevision_contents.event .wrap ul li {width: 25%; padding: 15px;}
main.mainContents section.housevision_contents.event .wrap ul li a {text-decoration: none; color: #191919;}
main.mainContents section.housevision_contents.event .wrap ul li img {width: 100%; margin-bottom: 5px;}

@media screen and (max-width: 767px) {
	main.mainContents section.housevision_contents.event .wrap ul {display:block;}
	main.mainContents section.housevision_contents.event .wrap ul li {width:100%; margin-bottom: 15px; padding:0;}
	main.mainContents section.housevision_contents.event .wrap ul li:last-child {margin-bottom:0;}
}
/*housevision_contents*/

/*sns share*/
aside.share {text-align: center; color: #999; font-size: 12px; margin: 0 auto; padding: 40px 0 20px;}
aside.share a {display: inline-block; padding: 5px;}
aside.share span {display: inline-block; color: #999; font-size: 11px; margin-right: 5px;}
aside.share img {vertical-align: middle; opacity: .4;}
aside.share img.tw_btnImg {width: 23px; padding-right: 0;}
aside.share img.fbBtn {width: 19px; padding-right: 0;}
/*sns share*/

main.mainContents section.housevision_concept div.wrap:after { content: ""; display: block; clear: both; }