body {
    padding-top: 80px; /* ヘッダーの後ろに要素が隠れないようにするため */
    text-align: center;
    font-size:82.5%;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    color:#262626;
}


header {
    width: 100%; /* 幅いっぱいを指定 */
    height: 90px; /* 高さを50pxに指定 */
    background: white; /* 背景色にグレーを指定 */
    padding: 0em; /* ヘッダーに上下左右それぞれ余白を指定 */
    box-sizing: border-box; /* padding分を含んで幅を100%にするため */
    position: fixed; /* ウィンドウを基準に画面に固定 */
    top: 0; /* 上下の固定位置を上から0pxにする */
    left: 0; /* 左右の固定位置を左から0pxにする */
    display: flex; /* 中の要素を横並びにする */
    align-items: center; /* 中の要素を上下中央に並べる */
}


header .gnav .menu {
    display: flex; /* 中の要素を横並びにする */
    font-famly:Verdana, Arial, SunSans-Regular, sans-serif;
}

header .gnav .menu li {
    list-style: none; /* リストの[・]を消す */
}

header .gnav .menu li + li {
    margin-left: 40px; /* メニューそれぞれに間隔をあけるため */
}

main {
    height: 100vw; /* スクロールの演出を見れるようにmainに高さを指定 */
}


iframe[src$=".pdf"]{
    width:100%;
    height:80vh;
}


h1 {
    text-align: center;
    font-size: 14px;
}


p {
    font-size: 1.2em;
    letter-spacing: 0.3em;
}


a, a:active, a:visited {
    color: #333;
    text-decoration: none;
}


img {
    border: 0px solid #ddd;
}


a img { border: none; }




div#content {
    padding: 8em 0 0 0;
    border-top: 1px dotted #ccc;
}






====


ol.menu-tab{
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding:0;
}
ol.menu-tab li{
  position:relative;
  margin: 7px 0 7px 0px;
  padding-left:0px;
  font-weight: bold;
  font-size:14px;
  line-height: 10px;
  border: solid 1px #F6A38B;
  border-radius:20px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
ol.menu-tab li:before{
  counter-increment: none;
  content: none;
  position: absolute;
  left: 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height:30px;
  background: #F6A38B;
  border-radius: 50%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ol.menu-tab li:hover{
  background: #F6A38B;
  color: #fff;
}
ol.menu-tab li:hover:before{
  background: #fff;
  color: #F6A38B;
}



ul {
list-style: none;
margin-left: -80px; /* 入れ物自体、左へ20px寄っていただく */
}
ul2 {
list-style: none;
margin-left: 45px; /* 入れ物自体、左へ20px寄っていただく */
}



.navbar {
	position: absolute;
	width: 100%;
	background:  white;

}
.navbar li {
	flex: 2;	
}


.navbar a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #333;
	padding: 15px 20px;
}


.navbar {
    text-align:center;
}
.navbar ul {
    display:inline-block;
}
.navbar li {
    float:left;
}
.navbar li + li {
    margin-left:20px;
}



=====



main {
	margin: 0 auto;
	padding: 1em;
}

h1 {
    text-align: center;
    font-size: 14px;
}

fixed {
	position: fixed;
	top: 0;
}

====




div#main {
    float: right;
    width: 8%;
    margin: 0 0 1em 0;
    line-height: 1.8em;
    letter-spacing: 0.2em;
}div







.content2 {
  text-align: left;
  max-width: 490px;
  margin-top: 50px;
  margin: 0 auto;
  text-align: left;
}



li {
    list-style: none; /* リストの[・]を消す */
}

.content2 h2 {
  text-align: center;
  font-size: 30px;
  margin-top: 50px;
}

.content2 h3 {
  text-align: center;
  font-size: 24px;
  margin-top: 10px;
}

.content2 h4 {
  text-align: center;
  font-size: 15px;
  margin-top: 15px;
}

.content2 h5 {
  text-align: center;
  font-size: 10px;
  margin-top: 10px;
}


.content2 h6 {
  text-align: center;
  font-size: 12px;
  margin-top: 12px;
  font-weight: normal;
}



.content2 p {
  font-size: 12px;
  margin-top: 10px;
  line-height: 1.5;
  text-align: left;
  text-align: justify;
}

.content2 p2 {
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.5;
  text-align: left;
}

.content2 p3 {
  font-size: 12px;
  margin-top: 10px;
  line-height: 1.5;
  text-align: left;
  text-align: justify;
}

.content2 p4 {
  font-size: 10px;
  margin-top: 10px;
  line-height: 1.5;
  text-align: left;
  text-align: justify;
}



.content2 a:hover {
  color : #f3a68c;
  text-decoration: none;
}





div#footer {
    clear: both;
    border-top: 1px solid #ccc;
    padding-right: 30px;
    text-align: right;
}