@charset "utf-8";

/*----------reset----------*/
html,body,div,span,iframe,
h1,h2,h3,h4,h5,h6,p,
a,address,em,img,small,strong,
dl,dt,dd,ol,ul,li,
table,caption,tbody,tfoot,thead,tr,th,td,
article,header,nav,section,footer {
	font-size: 100%;
	margin: 0;
	padding: 0;
}
article,aside,footer,header,nav,main,section {
	display: block;
}
ul,ol {
	list-style-type: none;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
address,em,i {
	font-style: normal;
}
img {
	vertical-align: bottom;
}
a {
	text-decoration: none;
}

/*common*/
body {
	font: 1rem / 1.5 "Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Meiryo","メイリオ","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
	color: #565656;;
}
.inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.cf {
	display: block;
}
.cf::after {
	content: "";
	display: block;
	clear: both;
}
/*----------header----------*/
header {
	padding-top: 40px;
}
#logo {
	height: 52px;
	width: 475px;
	margin-bottom: 30px;
	padding-left: 25px;
	float: left;
}
address {
	text-align: right;
	margin-bottom: 25px;
	padding-right: 30px;
	float: right;

}
address p {
	font-size: 0.875rem;
	margin-bottom: 5px;
}

.link {
	color: #f39801;
	text-decoration: underline;
}
#main_visual {
	clear: both;
	height: 350px;
	width: 960px;
	position: relative;
}
h1 {
	font-size: 2rem;
	line-height: 1.25;
	font-weight: bold;
	color: #001759;
	margin: auto;
	position: absolute;
	left: 65px;
	top: 50%;
	transform:translateY(-50%);
	text-shadow:2px 2px 5px #FFF,-2px -2px 5px #FFF,
	-2px 2px 5px #FFF,2px -2px 5px #FFF;
}
nav ul {
	display: flex;
}
nav li {
	flex:1;
}
nav a {
	background: #00b8ee url(../../okumoto/images/line.png) repeat-y right top;
	font-size: 1.5rem;
	color: #FFF;
	text-align: center;
	display: block;
	padding: 20px 0px;
}
nav span {
	font-size: 0.875rem;
	display: block;
}

nav li:first-child a {
	background:url(../../okumoto/images/line.png) repeat-y left top,#00b8ee url(../../okumoto/images/line.png) repeat-y right top;
}
main section{
	margin-top: 45px;
	width: 700px;
	float:left;
}
h2 {
	display: inline-block;
	font-size: 26px;
	color: #00b8ee;
}

.date {
	color: #00b8ee;
	width: 5em;
}

#news p{
	padding-left:1em;
	text-indent: 1rem;	
}

section ul {
	
	margin-right:0px;
}
section li {
	width: 210px;
	display: inline-block;
	float: left;
	margin-left: 10px;
}
section li:first-child {
	margin-left:0px;
}

h3 {
	color: #00b8ee;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 15px;
}
aside h2 {
	background: #fffab6 center center;
	height: 45px;
	width: 220px;
	text-align: center;
	padding-top: 7px;
	border-radius:10px 10px 0 0;
}
aside h2:nth-of-type(2){
	margin-top:2rem;
}
aside {
	display: inline-block;
	margin-top:45px;
	width: 245px;
}
dl{
	margin-top:10px;
}
dt {
	writing-mode: vertical-rl;
	display: inline-block;
	background: #00b8ee;
	height: 67px;
	width: 30px;
	text-align: center;
	font-size:20px;
	color:#FFF;
	float:left;
}
dd {
	font-size: 24px;
	color: #00b8ee;
	display: inline-block;
	text-align: center;
	height: 67px;
	margin-left:1rem;
}

dt:nth-of-type(2){
	clear:both;
	background: #F63;
	margin-top: 5px;
}
dd:nth-of-type(2){
	clear: both;
	margin-top:1rem;
	color: #F63;
	text-align: center;
}
aside p{
	clear:both;
	margin-top:1rem;
	font-size:14px;
	font-weight:bold;
}
aside h2:nth-child(2){
}

.text_large a{
	font-size: 20px;
	color:#00b8ee;
}
.footer_link #pagetop {
	font-weight: bold;
}


.text_large em{
	font-size:30px;
}

/*----------footer----------*/

footer{
	margin-top:110px;
	background: #bce2f5;
	border-top: 4px solid #00b8ee;
	border-right-color: #00b8ee;
	border-bottom-color: #00b8ee;
	border-left-color: #00b8ee;
}
.footer_link {
	width:510;
	font-weight:bold;
}
footer #pagetop{
	margin-bottom:1rem;
	margin-top:1rem;
	display:inline-block;
}
footer #pagetop a{
	font-size:16px;
}
.footer_link ul {
	display: inline-block;
	float: left;
	margin-right: 90px;
	width:145px;
}
.footer_link a {
	color: #1b7892;
	text-decoration: underline;
	font-size:14px;
}
footer img {
	display: inline-block;
	float:right;

}
.copy_right {
	text-align: center;
}