@charset "utf-8";
/*
=======================================
	Reset CSS
=======================================
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, main, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
}

article,aside,details,figcaption,figure,
footer,header,main,menu,nav,section{
	display:block;
}

html{
	-webkit-text-size-adjust: 100%;
}

body{
	color: #000;
	line-height: 1.5;
	font-size: 14px;
	font-family: sans-serif;
}

img{
	border: 0;
	max-width: 100%;
	height: auto;
}

ul,ol{
	list-style-type: none;
}

table {
	border-collapse: collapse; 
	border-spacing: 0;
}

img, input, select, textarea { 
	vertical-align: middle;
}

a{
	color: #000;
	transition: 0.5s;
}
a:hover{
	color: #0488d5;
}

a:hover img{
	opacity: 1;
}

/*
=========================================
	Base Layout
=========================================
*/
/*ALL and Smart Phone*/
.container{
	max-width: 940px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 auto;
	background: url();
}
.container:after{
	content:"";
	display: block;
	clear:both;
}

.full{
	margin-left: -10px;
	margin-right: -10px;
}
@media screen and (min-width:750px){
	.full{
		margin-left: 0;
		margin-right: 0;
	}
}

/*
=========================================
	Modules（Block）
=========================================
*/


/*global navigation
--------------------*/
nav{
 width: 100%;
 height: 70px;
 position: relative;
 background: #eaf4ff;
 border-bottom: 1px solid #cccccc;
 z-index:9999;
}
.drawer{
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 position: relative;
 height: 70px;
 padding: 0 1em;
}

.navbar_toggle{
 z-index:9999;
}
.navbar_toggle_icon {
 position: relative;
 display: block;
 height: 2px;
 width: 30px;
 background: #5c6b80;
 -webkit-transition: ease .5s;
 transition: ease .5s;
}
.navbar_toggle_icon:nth-child(1) {
 top: 0;
}
.navbar_toggle_icon:nth-child(2) {
 margin: 8px 0;
}
.navbar_toggle_icon:nth-child(3) {
 top: 0;
}
/*OPEN時の動き*/
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
 top: 10px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 opacity: 0;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
 top: -10px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}

.menu{
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 -webkit-transition:ease .5s;
 transition:ease .5s;
}
.menu ul li{
 padding: 2em;
 border-bottom: 1px solid #CCC;
 background: #fff;
}

/*OPEN時の動き*/
.menu.open {
 -webkit-transform:translateX(0);
 transform:translateX(0);
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 750px) {
nav{
 display: flex;
 flex-direction: row;
}
.navbar_toggle{
 display: none;
}
.menu{
 width: 100%;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
.menu ul{
 height: 70px;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
}
.menu ul li{
 font-family:sans-serif;
 padding: 0 1em;
 border-bottom: none;
 font-size: 160%;
 font-weight: 700;
 background: #eaf4ff;

}
}

/*main
--------------------*/
#main{
	margin-bottom: 50px;
}

/*ima
--------------------*/
#ima{
	background: url(../img/G4+.png);

}

/*izen
--------------------*/
#izen{
	background: url(../img/G6+.png);

}

/*newold
--------------------*/
p.newold{
	padding:10px;
	text-align:center;
	margin:0 auto;
	font-size:120%;
	color: #5580aa;

}

/*yearbox
--------------------*/
.yearbox {
	width: 100px;
    padding: 0.3em 0.3em;
    margin-top: 1em ;
    font-weight: bold;
    color: #5580aa;/*文字色*/
    background: #FFF;
    border: solid 3px #5580aa;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.yearbox p {
	text-align:center;
	font-size:120%;
}

/*表
--------------------*/
*, *:before, *:after {
	box-sizing: border-box;
}
.hyou4{
	background:;
	text-align:center;
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.hyou4 > div{
	width: 25%;
	padding: 10px;
}

.hyou4 p{
 	background:#fff;
 	margin:0 auto;
 	
}
@media screen and (max-width: 750px) {
	.hyou4 > div{
		width: 33.33333%;
	}
}
@media screen and (max-width: 480px) {
	.hyou4 > div{
		width: 50%;
	}
}

/*先頭へ
--------------------*/
.pagetop{
	width: 14.0625%;
	min-width: 45px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	opacity:0.6;
}

/*
=========================================
	Utilities
=========================================
*/

/* マージン
---------------------------------*/
.mb0{ margin-bottom: 0 !important;}
.mb5{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb25{ margin-bottom: 25px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb35{ margin-bottom: 35px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb45{ margin-bottom: 45px !important;}
.mb50{ margin-bottom: 50px !important;}

/* 左右行揃え
---------------------------------*/
.ta-l{ text-align: left; }
.ta-r{ text-align: right; }
.ta-c{ text-align: center; }


/* フロート／フロート解除
---------------------------------*/
.fl{ float:left; }
.fr{ float:right; }
.fl-img{ float: left; margin-right: 10px; margin-bottom: 10px;}
.fr-img{ float: right; margin-left: 10px; margin-bottom: 10px;}
.clear{ clear:both; }

/* clearfix */
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both; 
}
.clearfix{
	zoom:1;
}