@charset "UTF-8";
/* CSS Document */

/*メタタグ・viewportでの注意*/
html{-webkit-text-size-adjust: 100%}


body{
	background:#fff;
	width:100%;
	height:auto;
	 font-family: '游ゴシック', 'Hiragino Kaku Gothic ProN', 'メイリオ', meiryo, 'Helvetica Neue', sans-serif;
}
header{
	background:#fff;
	width:100%;
	height:auto;
}
h1{
	color:#000;
	padding:15px 30px;
	font-size:40px;
}
.nav{
	width:100%;
	border:1px solid #000;
	background:#000;
}

.nav > ul{
	max-width:980px;
	height:auto;
	margin:0 auto;
	padding:15px 5px 45px;
}
.nav > ul > li{
	float:left;
	text-align:center;
	color:#fff;
	font-size:1.2em;
	width:19%;
	border-right:1px solid #fff;
}
.nav > ul > li:last-of-type{
	border-right:none;
}
.nav > ul > li > a{
	text-decoration:none;
	color:#fff;
}
.nav > ul > li > a:hover{
	text-decoration:none;
	color:#f00;
}
.nav > ul > li > a > span{
	font-size:0.5em;
}
.content{
	clear:both;
	width:100%;
	height:auto;
	/*display:flex;
	flex-direction:row;
	justify-content:space-between;*/
}
.contentDiv{
	width:80%;
	padding:30px 0;
	display:block;
	margin:0 auto;
}
.contentDiv > h2{
	text-align:left;
	font-size:2em;
	color:#333;
	padding:10px;
	border-top:2px solid #999;
	border-bottom:1px solid #ddd;
}
h3{
	padding:10px;
	margin-top:20px;
}
.contentDiv > h2 > span{
	font-size:0.5em;
	padding-left:10px;
}
.contentDiv > ul{
	width:100%;
	margin:20px auto 60px;
}
.contentDiv > ul >li{
    width:100%;
	text-align:left;
	padding:10px;
}
.contentDiv > p{
	width:100%;
	text-align:left;
	padding:10px;	
	margin:25px auto 0;
}
.contentDiv > article{
	width:100%;
	text-align:left;
	padding:10px;
}
.contentDiv > article >a{
	margin-top:10px;
	padding:10px;
}
.red{
	color:#f00;
}
li a img{
	width:300px;
}
.flex{
	display:flex;
}
.line-height2{
	line-height:2;
}
li div img{
	width:200px;
	height:282px;
	margin-right:5px;
}
.contentDiv .prof li{
	margin:25px auto;
	padding:10px;
}
.height50 li{
	margin:50px auto;	
}
footer{
	height:80px;
	background:#000;
}
.copy{
	color:#fff;
	text-align:center;
	padding-top:35px;
}
#contact{
	margin-bottom:50px;
}
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height:2;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}