@charset "utf-8";

*{margin: 0; padding: 0; box-sizing: border-box; font-family:'sans-serif'}
li{list-style: none;}
a{text-decoration: none; color: inherit;}
img{max-width: 100%; vertical-align: top;}
table{width: 100%; border-collapse: collapse;}
button{cursor: pointer;}
body{background: #fff; color: #333;}

.wrap{height: 100%; position: relative; min-width: 1440px; width: 100%; /*min-width: 1920px;*/}
.top{height: calc(100vh - 100px); min-width: 1440px; width: 100%; /*height: 100%; */ display: flex;}  
.top h1 img:hover{opacity: 0.7;}
header{width: 200px; background: #dcb57b; padding: 10px 10px;}
header h1{text-align: center; margin-bottom: 10px;}

nav>ul>li{position: relative; text-align: center; font-weight: bold;}
nav>ul>li>a{display: block; background: #944450; padding: 10px; color: #fff; border: 1px solid #fff}
nav>ul>li:hover>a,
nav>ul>li>a:focus,
nav>ul>li.on>a{background: #fff; color: #333;}

.sub{position: absolute; top: 0; right: -200px; width: 200px; z-index: 10; display: none;}
.sub a{display: block; padding: 10px; background: #e8a9a9; color:#fff; border: 1px solid #fff}
.sub a:hover,
.sub a:focus{background: #e07283; color: #333;}

.talk{display: flex; gap:5px; text-align: center; }
.talk a{display: inline-block; margin-top: 20px; margin-left: 50px; width:80px; padding: 5px; font-size: 15px; filter: brightness(1.1);  text-decoration:none; font-weight: bold; border-radius: 12px; }
.talk a{background-color: #e7e1e1; color: #333;;}
.talk a:hover{transform: translateX(5px); }
---------
#content-area{min-width: 1240px; width: calc(100% - 200px);  height: calc(100vh - 100px); 
    overflow-y: auto; /* min-width: 1720px; height:100%;*/}
#content-area{min-width: 1240px; width: calc(100% - 200px); height: calc(100vh - 100px); 
    overflow-y: auto ;/*min-width: 1720px;  min-height: 650px;*/ text-align: center; padding: 30px; background: #e7e1e1;  font-size: 20px; color: #333; }
.menu_04{ font-size: 20px; font-weight: bold;}
.menu_04 p{  font-size: 20px; margin-left: 40%; text-align: left; color: #333;}
.menu_04 h2{ color: #98293a;}
.menu_04 h1{color: #98293a; }
.menu_04 h3{color: #333; }
.menu_04 h4{color: #333;}

footer{height: 100px; min-width: 1440px; width: 100%; /*max-width: 1920px;*/ background: #837373; color: #fff; position: relative; display: flex; gap: 20px; align-items: center; padding-left: 20px;}  
footer select{position: absolute; top: 15px; right: 50px; width: 150px; height: 30px; }
footer .fmenu{display: flex; gap: 10px; text-align: center;}
footer .fmenu li:hover{font-weight: bold;}
footer .fmenu li{border-right:1px solid #fff; padding-right: 10px;}
footer .fmenu li:last-child{border-right: none;}
footer .company{ margin-top: 15px;  font-size: 15px; text-align: center;}
footer .copy{font-size: 12px;}