body{
    margin: 0px;
    padding: 0px;
}
/* ヘッダー設定 */
header{
    position: fixed;
    display: flex;
    align-items: center;
    width: 100vw;
    margin-left: 0px;
    margin-top: 0px;
    background-color: white;
    z-index: 999;
}
header > h1{
    font-family: "Hiragino Mincho ProN";
    font-size: 4vw;
}
.mail{
    position: absolute;
    top: 0;
    right: 11.5vw;
}
/* ハンバーガーメニュー設定 */
.menu > img{
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}
#nav-menu {
    display: none;
    background-color: black;
    position: fixed;
    top: 50px;
    right: 0;
    width: 200px;
    padding: 20px;
    z-index: 999;
}

#nav-menu ul {
    list-style: none;
    padding: 0;
}

#nav-menu li {
    margin: 15px 0;
    font-family: "Hiragino Mincho ProN";
}

#nav-menu a {
    color: white;
    text-decoration: none;
    font-size: 18px;
}

.hidden {
    display: none;
}

/* メニュー表示時 */
#nav-menu.show {
    display: block;
    opacity: 0.9;
}

/* トップメッセージ */
video{
    margin-top:10%;
}

.top_mes{
    text-align: center;
    font-family: "Hiragino Mincho ProN";
    color: white;
    width: 100vw;
    position: absolute;
    top: 8vh;
}
@media (min-width: 768px) { 
    .top_mes{
        top: 20vh;
    }
}

.top_mes h2{
    font-size: 4vw;
}
.top_mes h1{
    font-size: 7vw;
}
.scroll{
    margin-top: 10%;
}
.top_mes h3{
    font-size:2.5vw;
}
.top_back{
    margin-top: 15vh;
}

/* スクロールされた内容の設定 */
.fade-section {
    opacity: 0;  /* 初期状態で非表示 */
    transform: translateY(5vw);  /* 初期位置を下に設定 */
    transition: opacity 1s ease-out, transform 1s ease-out;  /* フェードインとスライド効果 */
    padding: 0 0 0vw 10vw;
    margin: 5vh 0;
}

/* フェードインした状態 */
.fade-section.visible {
    opacity: 1;  /* フェードイン */
    transform: translateY(0);  /* 元の位置に戻る */
}

/* 物件案内 */
.siteAccess{
    position: relative;
}
.room_back{
    position: absolute;
    top: 0vh;
    right: 0vw;
    opacity: 0.1;

}


/* 当社について */
.aboutbox{
    background-color: #333;
    width: 70vw;
    padding: 5vw;
    font-weight: lighter;
    color: white;
}
.aboutbox h3{
    font-size: 3vw;
    color: white;
    font-weight: lighter;
    font-family: "Hiragino Mincho ProN";
}
#about1{
    margin-bottom: 2vh;
}
.about_title{
    display: flex;
    align-items: center;
}
.about_title span{
    color: #4282f4;
}
.about_photo1{
    margin-left: 15vw;
}


/* 自社物件 */
.ownBuilding{
    display: flex;
    margin-top: 10%;
    margin-right: 10vw;
}
.ownBuilding .build{
    margin: 1vw;
    padding-top: 2vh;
    width: auto;
    height: auto;
    text-align: center;
    border: solid 1px black;
    background-color: white;
    font-size: 3vw;
}
.companyOwned{
    position: relative;
    
}
.comown_back{
    opacity: 0.1;
    position: absolute;
    bottom: -0vh;
    right: 0vw;
    z-index: -1;
}

/*駐車場*/
.parking table{
    margin-left: 0vw;
    width: 60vw;
}


/* 会社概要 */
.Company{
    position: relative;
    
}
.company_back{
    opacity: 0.1;
    position: absolute;
    bottom: -4vh;
    right: 0vw;
    z-index: -1;
}


table {
	font-family: "Hiragino Mincho ProN";
	font-size: 2vw;
	margin: 5% auto;   
    border-spacing:0;
    margin-right: 10vw;
    border-top: solid 1px #bababb;
    
    
}
th{
    background-color: rgb(240, 240, 240);
}
th,td{
    border-bottom: 1px solid #bababb;  
}

th,td {
	padding: 2.5vw;
	font-weight: normal;
	text-align: left;
}



/* お問い合わせ */
.contact_main{
    display: flex;
}
.map{
    width: 50%;
    height: 5%;
}

.map_side {
    margin-left: 5vw;
    font-size: 3vw;
    font-weight: bolder;
    font-family: "Hiragino Mincho ProN";
}

.mail_link{
    text-decoration: none;
}
.Contact{
    position: relative;
    
}
.contact_back{
    opacity: 0.1;
    position: absolute;
    bottom: -5vh;
    right: 0vw;
    z-index: -1;
}



/* ２ページ目 */
.history{
    display: flex;
    margin-left: 10vw;
    font-size: 2vw;
}
.back_btn{
    background-color: gainsboro;
    font-size: 2.5vw;
    text-align: center;
    width: 20vw;
    padding: 4px 0;
    border-radius: 5%;
    margin-left: 40vw;
}
.back_btn a{
    text-decoration: none;
    color:black;
}


/* フッターコンテンツ */
.bottom{
    margin-left: 10vw;
    margin-top: 15vh;
}
.bottom_logo{
    display: flex;
    font-size: 2vw;
}
.bottom h2{
    font-weight: lighter;
    font-size: 3vw;
}

footer{
    text-align: center;
    padding: 1vh 0;
    background-color: black;
    color: white;
    font-weight: lighter;
    font-size: 2vw;
}






/* 各種コンテンツ設定*/
.cont_text h1{
    font-size: 7vw;
    font-weight: lighter;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.cont_text h1::first-letter {
    font-size: 8vw;
    color: #4282f4;
}
.cont_text h2{
    font-size: 2.5vw;
    font-weight: lighter;
    font-family: "Hiragino Mincho ProN";
    margin-top: -2vh;
}
.cont_text p{
    font-size: 2.5vw;
    margin-top: 1vh;
}