@charset "UTF-8"

html {
 font-size=100%;
}

/* HEADER */

.page-header {
 display: flex;
 justify-content: space-between;
}
.page-header h1 {
 font-size: 1.5rem;
}
 
.wrapper {
 max-width: 1600px;
 margin: 0 auto;
 padding: 0 2%;
}

.logo {
 width: 100px;
 margin-top: 0pt;
}

/* ナビメニュー */
.main-nav {
 display: flex;
 font-size: 1.25rem;
 text-transform: none;
 margin-left: 10px;
 list-style: none;
}

.main-nav a {
  color: #0000FF;
}

.main-nav a:hover {
  color: #FF0000;
  background-color: #FFFFFF;
}

.main-nav li {
 margin-left: 15px;
}
/* ナビメニュー */
/* HEADER */


body {
 font-family: "新ゴ R",serif;
}

img {
 max-width: 100%;
}

.title-top {
 background-color: rgba(255,255,255,0.5);
}

.big-bg {
 background-size: cover;
 background-position: center top
 background-repeat: no-repeat;
 
}

.home-page {
 text-align: center;
 margin-top: 10%;

}

.home-page h2 {
  color: #FFFFFF;
}

#home {
 background-image: url(../img/top1_bg.jpg);
 background-color: #777777;
 min-height: 100vh;
}

#home .page-title {
 text-transform: none;
}

/* レイアウト　メイン画面・サイドメニュー */
article {
 width: 78%;

}

aside {
 width: 20%;
 text-align: center;
 border-radius: 10px;
}

.main2 {
 display: flex;
 justify-content: space-between;
 margin-bottom: 10px;

}

/* お知らせ・更新履歴 */
wn1 {
 width: 48%;
 text-align: center;
 background: #00dF7f;
}

wn2 {
 width: 48%;
 text-align: center;
 background: #009F9F;

}

wn {
 width: 96%;
 margin-top: 1%;
 margin-left: 2%;
 margin-right: 2%;
 text-align: center;
 background: #97cdf3;
}

.main3 {
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 10px;
 hight: 450px;

}