@charset "utf-8";
/* CSS Document */


body {
	font-family: Verdana,  Arial,  "ヒラギノ角ゴ Pro W3",  "Hiragino Kaku Gothic Pro",  Osaka,  "ＭＳ Ｐゴシック",  Meiryo,  "メイリオ",  sans-serif;
	color: #333;
	background: #fff;
}
img {
	max-width: 100% ;
}
a {
	color: #9d133a;
	text-decoration: underline;
}
a:hover {
	color: #9d133a;
	text-decoration: none;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

ul {
	list-style: none;
}


.container {
width: 1200px;
margin: 0 auto;
}

.header {
background: url(../img/lp_01.png) no-repeat;
padding: 100px 50px 0;

box-sizing: border-box;
}

h1.header_title {
width: 526px;
margin: 0 auto;
}

.header ul {
display: flex;
justify-content: space-between;
margin: 30px 0;
padding: 0 0 30px;
}

h2.house_life_title {
width: 572px;
margin: 50px auto;
}

.share_house_life_container1 {
background: #eda713;
padding: 20px 100px;
}


.share_house_life_container1 h3 {

}

.share_house_life_container1 h4 {
margin: 20px auto;
}

.share_house_life_container1 p.worldtxt {
padding: 10px 20px;
line-height: 1.5;
}

.share_house_life_container2 {
background: #EB6E80;
padding: 40px 60px;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}

.share_house_life_2 {
}

.share_house_life_2 p {
margin: 20px 0;
}


.share_house_life_container3 {
background: #66BCBF;
padding: 40px 80px;
display: flex;
justify-content: space-between;
}

.share_house_life_container3 h3 {
margin: 0 0 20px;
}


.share_house_life_container4 {
background: #B0CBEB;
padding: 40px 30px 40px 80px;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}

.share_house_life_container4 h4 {
margin: 20px 0;
}


.share_house_life_container5 {
background: #EDA713;
padding: 50px 60px 0;
display: flex;
justify-content: space-between;
}

.share_house_life_container5 h4 {
margin: 20px 0;
}

.share_house_life_container6 {
background: #EB6E80;
padding: 50px 150px 30px 30px;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}

.share_house_life_container6 h4 {
margin: 20px 0;
}


.voice_container {
background: linear-gradient(-135deg, #66BCBF 20px, transparent 0) 0 20px, linear-gradient(135deg, #66BCBF 20px, #ffffff 0) 0 20px;
background-color: #66BCBF;
background-repeat: repeat-x;
background-size: 40px 40px;
background-position: center bottom;
}

.voice_container h3 {
width: 354px;
margin: 0 auto;
padding: 50px 0;

}


.share_house_life_container7 {
padding: 50px 80px;
display: flex;
flex-direction: row;
justify-content: space-between;
border-bottom: 2px dotted #CCC;
}

.share_house_life_container7 h4 {
margin: 20px auto;

}


.share_house_life_container8 {
padding: 50px 80px;
display: flex;
justify-content: space-between;
border-bottom: 2px dotted #CCC;
flex-direction: row-reverse;
}

.share_house_life_container8 h4 {
margin: 20px auto;
}


.share_house_life_container9 {
padding: 50px 80px;
display: flex;
justify-content: space-between;
flex-direction: row;
}

.share_house_life_container9 h4 {
margin: 20px auto;
}

.detail_btn {
width: 467px;
margin: 50px auto;

}

.footer {
padding: 50px 0;
background: #EFA61F;
text-align: center;
color: #FFF;

}



/*******************************************/

 @media only screen and (max-width:640px) {

img {
	max-width: 100%;
	max-height: auto;
}


.container {
width: 100%;
margin: 0 auto;
}

.header {
background: url(../img/lp_01.png) no-repeat;
padding: 30px 30px 0;
background-size: contain;

box-sizing: border-box;
}

h1.header_title {
width: 70%;
margin: 0 auto;
}

h2.house_life_title {
width: 90%;
margin: 30px auto ;
}

.share_house_life_container1 {
background: #eda713;
padding: 20px 10%;
}

.share_house_life_container2 {

background: #EB6E80;
padding: 40px 40px;
display:block;
flex-direction: row-reverse;
justify-content: space-between;
}


.share_house_life_container3 {
background: #66BCBF;
padding: 40px 40px;
display:block;
justify-content: space-between;
}


.share_house_life_container4 {
background: #B0CBEB;
padding: 40px 40px;
display:block;
flex-direction: row-reverse;
justify-content: space-between;
}

.share_house_life_container5 {
background: #EDA713;
padding: 40px 40px;
display: block;
justify-content: space-between;
}

.share_house_life_container6 {
background: #EB6E80;
padding: 40px 40px;
display: block;
flex-direction:column;
justify-content: space-between;
}

.share_house_life_container7 {
padding: 40px 40px;
display: block;
flex-direction:row;
justify-content: space-between;
border-bottom: 2px dotted #CCC;
}

.share_house_life_container8 {
padding: 40px 40px;
display: block;
flex-direction:row;
justify-content: space-between;
border-bottom: 2px dotted #CCC;
}

.share_house_life_container9 {
padding: 40px 40px;
display: block;
flex-direction:row;
justify-content: space-between;
border-bottom: 2px dotted #CCC;
}

.detail_btn {
width: 90%;
margin: 50px auto;
}


.voice_container h3 {
width: 80%;
margin: 0 auto;
padding: 50px 0;
}

.detail_container {
width: 95%;
margin: 0 auto;
}

.header ul {
display: block;
justify-content: space-between;
margin: 30px 0 0;
padding: 0;
}

}