@charset "utf-8";

/*全称セレクター */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

img{
vertical-align:bottom;  
}


body{
background:#00123C;
}


/*
body{
width:1200px;
height:auto;
margin:0 auto;
}
#00123C
*/

/*ナビ */
nav{
height:40px;
background:black;
}

nav div{
width:100%;
max-width:1200px;
height:40px;
background:#00123C
;
margin:0 auto;
}

a {
  color: white; /* リンクの文字色を青色に変更 */
  text-decoration: none; /* 下線を消す */
}

a:visited{　
  color: #ba55d3;
}

a:hover {
  text-decoration: underline;
}




/*ヘッダー */

header{
background:black;
text-align:center;
}


header img{
width:100%;
max-width:1200px;
height:900px;
object-fit:cover;

}


/*ヘッダーメディアクレリ400 */
@media screen and (max-width:400px){
header img{
width:100%;
height:auto;
object-fit:contain;
}
}



/*
header div{
width:100%;
max-width:1200px;
height:900px;
margin:0 auto;
object-fit:cover;
}

.form1 img{
width:50%;
height:100%;
object-fit:cover;
}

*/







/* 
margin:0 auto;
text-align:center;
object-position:0% 50%;
object-fit:cover;
@media screen and (max-width:350px){
}

   */





/*ROOM説明  1200 450 */

.form1{
font-size:1.3rem;
color:white;
width:100%;
max-width:1200px;
height:400px;
background:#00123C;
margin:0 auto;
padding:25px 20px;
display:flex;
}

.form1 div{
padding:0 20px;
border-bottom: 5px solid #deb887;
}

.form1 img{
width:40%;
height:auto;
object-fit:cover;
}

/*ROOM説明メディアクレリ700 */
@media screen and (max-width:700px){
.form1{
font-size:18px;
height:auto;
}

}

/*ROOM説明メディアクレリ400 */
@media screen and (max-width:400px){
.form1{
font-size:4vw;
height:auto;
flex-direction:column;

}

.form1 img{
width:95%;
height:;
padding:0 0 0 25px;

}


}



/*ヘッドライン1 */
.headline1{
height:70px;
background:#f5f5f5;
padding:20px 0;
}

.headline1 div{
color:black;
font-size:1.8rem;
text-align:center;

}

/*ヘッドラインメディアクレリ */
@media screen and (max-width:700px){
.headline1 div{
font-size:4vw;
}

}


/*設備説明#00123C */

.facilities{
width:100%;
max-width:1200px;
height:400px;
background:#00123C;
margin:0 auto ;
display:flex;
justify-content:space-between;
padding:25px 0 5px 40px;

}

.facilities img{
width:90%;
height:auto;
object-fit:cover;
*/

}

.facilities p{
color:white;
width:90%;
font-size:18px;
}

.facilities div{
width:400px;
height:100%;
}

/*設備説明のメディアクエリ― 900 */

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

.facilities{
flex-direction:column;
height:100%;
padding:70px 70px;
border-bottom: 5px solid #d2b48c;

}

.facilities div{
width:100%;
height:auto;
display:flex;
align-items:center;

}

.facilities img{
width:70%;
height:auto;
margin:15px 0;

}


.facilities p{
font-size:2.8vw;
width:50%;
height:auto;
margin:0 0 0 20px;
}

}


/*設備説明のメディアクエリ― 400 */

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

.facilities{
padding:30px 0 0 75px;

}


.facilities div{
width:250px;
height:auto;
flex-direction:column;
align-items:center;

}

.facilities img{
width:300px;
/*max-width:350px;*/
height:auto;
object-fit:cover;
}


.facilities p{
font-size:4vw;
width:100%;
height:auto;
margin:15px 15px;
}


}


/*設備説明のメディアクエリ― 350 */

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

.facilities{
padding:15px 0 0 30px;

}



.facilities img{
width:200px;
height:auto;
}

}


/*クローズ画像 */

.close-pic{
text-align:center;

}

.close-pic img{
width:100%;
max-width:1200px;
height:800px;
object-fit:cover;

}



/*クローズ画像メディアクレリ */

@media screen and (max-width:400px){
.close-pic img{
width:100%;
height:auto;
object-fit:contain;

}

}





/*管理設備について説明箇条書き */
.manage{
background:#00123C;
width:100%;
max-width:1200px;
height:100%;
padding:50px 80px;
margin:0 auto;
}

.manage h3{
color:white;
font-size:2rem;
text-align:center;
}


.manage-point{
line-height: 1.5;
}


.manage-point ul{
margin:30px 50px;

}


.manage-point li{
color:white;
font-size:1.5rem;
}

/*管理設備について説明箇条書きメディアクレリ */

@media screen and (max-width:900px){
.manage-point li{
color:white;
font-size:18px;
}

}

/*管理設備について説明箇条書きメディアクレリ */
@media screen and (max-width:700px){
.manage{
padding:30px 80px;
}


.manage h3{
font-size:25px;
}


.manage-point li{
color:white;
font-size:15px;
}

.manage-point ul{
margin:10px 10px;
}


}


/*管理設備について説明箇条書きメディアクレリ */
@media screen and (max-width:400px){
.manage h3{
font-size:5vw;
}

.manage-point li{
font-size:3.5vw;
}

.manage-point ul{
margin:1px 1px;
}



}


/*内覧会説明　イベント */

.event{
background:#00123C;
width:100%;
max-width:1200px;
height:100%;
padding:30px 70px;
display:flex;
justify-content:space-between;
margin:0 auto;

}

.event img{
width:40%;
height:300px;
object-fit:cover;
}

.event div{
font-size:1.2rem;
width:50%;
height:200px;
color:white;
line-height: 2;
}


/*イベントメディアクレリ */
@media screen and (max-width:900px){
.event{
padding:15px 25px;
}

.event div{
font-size:1rem;
width:90%;
margin:0 0 0 10px;
}

}

@media screen and (max-width:700px){
.event div{
font-size:1rem;
width:90%;
height:100%;
margin:0 0 0 10px;
}

}


@media screen and (max-width:400px){
.event{
padding:15px 30px;
flex-direction:column;
}

.event img{
width:100%;
object-fit: contain;
}

.event div{
width:100%;
font-size:3vw;
}

}


/* お申込み */
.headline2{
height:100px;
background:#f5f5f5;
padding:25px 0;
/*
margin:0 auto;
padding:25px 350px;
width:100%;
max-width:1200px;
display:flex;
align-items:center;
*/
}


.form{
font-size:15px;
color:white;
padding:5px 20px;
background:red;
border:5px solid pink;
width:100;
width:250px;
height:50px;
border-radius:15px;
margin:0 auto;
white-space: nowrap;
line-height: 2;
}


/*フッター */

footer{
background:black;
width:100%;
max-width:1200px;
height:auto;
padding:20px 50px;
margin:0 auto;
}


footer div p{
color:white;
font-size:15px;

}

.cr{
text-align:center;
}

/*フッターメディアクレリ */
@media screen and (max-width:700px){
footer{
font-size:15px;

}


footer div p{
font-size:2vw;
}

}

@media screen and (max-width:400px){
footer{
padding:10px 25px;
}



}


/*
display:flex;
justify-content:space-between;
font-size:;
#threeimg{
background:red;
width:950px;
height:400px;
margin:0 auto ;
text-align: center;
padding:30px 0;



*/