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

/* ※※※※※※※※※※※※ 表示領域768px以上スタイル ※※※※※※※※※※※※ */

/* ▼▼▼▼▼▼▼▼▼▼ 全体設定 ▼▼▼▼▼▼▼▼▼▼ */
body{
	margin-top:110px;
}
.container{
	max-width:980px;
	margin:0 auto;
}
header,nav,#main,footer{
	width:100%;
}
/* △△△△△△△△△△ 全体設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ main_slider設定 ▼▼▼▼▼▼▼▼▼▼ */
#main_slider{
	display:block;
}
#main_slider #slider1,
#main_slider #slider2,
#main_slider #slider3{
	background:#FFF;
}
#main_slider #slider1 img,
#main_slider #slider3 img{
	width:100%;
	height:auto;
}
#main_slider #slider2 p{
	color:#333;
	font-size:180%;
	text-align:center;
	padding:2% 0;
}
/* △△△△△△△△△△ main_slider設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ header設定 ▼▼▼▼▼▼▼▼▼▼ */
header{
	position:fixed;
	top:0;
	left:0;
	height:70px;
	background-color:#D3EDFB;
}
#header_main{
	max-width:980px;
	margin:0 auto;
}
#header_main h1{
	width:50%;
	float:left;
	margin-top:0.5%;
}
#header_main section{
	float:right;
}
#header_main section h2{
	color:#1F519A;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	margin-top:2%;
}
#header_main section h2 a{
	color:#1F519A;
}
#header_main section h2 a:link{
	color:#1F519A;
}
#header_main section h2 a:visited{
	color:#1F519A;
}
#header_main section h2 a:hover{
	color:#C0C0C0;
}
#header_main section h2 a:active{
	color:#00A0E9;
}
#header_main section p{
	color:#333;
	font-size:90%;
	text-align:center;
	line-height:1.2;
}
#header_main section address{
	color:#00A0E9;
	font-size:110%;
	text-align:center;
	line-height:1.2;
}
/* △△△△△△△△△△ header設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ nav設定 ▼▼▼▼▼▼▼▼▼▼ */
#header_nav{
	display:block;
	position:fixed;
	top:70px;
	left:0;
	height:40px;
	background-color:#1F519A;
	box-shadow: 0px 3px 3px 0px rgba(0, 160, 233, 0.5);
}
#header_nav ul{
	max-width:980px;
	margin:0 auto;
}
#header_nav ul li{
	width:20%;
	float:left;
	text-align:center;
}
#header_nav ul li a{
	display:block;
	color:#F8F8FF;
	font-size:105%;
	line-height:40px;
}
#header_nav ul li a:link{
	color:#F8F8FF;
}
#header_nav ul li a:visited{
	color:#F8F8FF;
}
#header_nav ul li a:hover{
	color:#00A0E9;
}
#header_nav ul li a:active{
	color:#D3EDFB;
}
#mobile_nav{
	display:none;
}
#button_box{
	display:none;
}
/* △△△△△△△△△△ nav設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ main設定 ▼▼▼▼▼▼▼▼▼▼ */
#main section{
	width:90%;
	height:auto;
	margin-top:5%;
	margin-bottom:3%;
	padding:0 5%;
}
#main section h3{
	width:70%;
	color:#00A0E9;
	text-indent:2%;
	font-size:140%;
	border-left:8px #1F519A solid;
	border-bottom:1px #1F519A solid
}
#main section article{
	width:96%;
	height:auto;
	color:#333;
	margin-top:3%;
	padding:0 2%;
}
#main #news article ul{
	width:80%;
	height:10em;
	overflow:auto;
	border:#C0C0C0 2px solid;
	border-radius:20px;
	background:#F8F8FF;
	padding:0 2%;

}
#main #news article ul li{
	font-size:110%;
	list-style:square inside;
	margin-bottom:2%;
}
#main #news article ul li:first-child{
	margin-top:2%;
}
#main #news article ul li a{
	color:#1F519A;
}
#main #news article ul li a:link{
	color:#1F519A;
}
#main #news article ul li a:visited{
	color:#1F519A;
}
#main #news article ul li a:hover{
	color:#C0C0C0;
}
#main #news article ul li a:active{
	color:#00A0E9;
}
/* △△△△△△△△△△ main設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ footer設定 ▼▼▼▼▼▼▼▼▼▼ */
footer{
	height:60px;
	background-color:#D3EDFB;
}
#footer_main p{
	color:#00A0E9;
	font-size:90%;
	line-height:60px;
	text-align:center;
}
/* △△△△△△△△△△ footer設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ to_top設定 ▼▼▼▼▼▼▼▼▼▼ */
#bottom_button_box #to_top{
	display:block;
	position:fixed;
	right:0;
	bottom:0;
	width:60px;
	height:60px;
	background:#1F519A;
	opacity:0.8;
}
#bottom_button_box #to_top span{
	display:block;
	position:absolute;
	top:10px;
	width:2px;
	height:40px;
	background:#F8F8FF;
	transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
}
#bottom_button_box #to_top #bottom_button_left{
	right:40px;
}
#bottom_button_box #to_top #bottom_button_middle{
	right:30px;
}
#bottom_button_box #to_top #bottom_button_right{
	right:20px;
}
#to_top.pushon span:first-child{
    -webkit-transform:translateY(-5px) rotate(30deg);
    -moz-transform:translateY(-5px) rotate(30deg);
    -ms-transform:translateY(-5px) rotate(30deg);
    transform:translateY(-5px) rotate(30deg);
}
#to_top.pushon span:last-child{
    -webkit-transform:translateY(-5px) rotate(-30deg);
    -moz-transform:translateY(-5px) rotate(-30deg);
    -ms-transform:translateY(-5px) rotate(-30deg);
    transform:translateY(-5px) rotate(-30deg);
}
/* △△△△△△△△△△ to_top設定 △△△△△△△△△△ */



/* ※※※※※※※※※※※※ 表示領域768px以下スタイル ※※※※※※※※※※※※ */
@media screen and (max-width:768px){

/* ▼▼▼▼▼▼▼▼▼▼ 全体設定 ▼▼▼▼▼▼▼▼▼▼ */
body{
	margin-top:220px;/* (header140px)+(mobile_nav60px)+(margin-topとして20px) */
}
/* △△△△△△△△△△ 全体設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ main_slider設定 ▼▼▼▼▼▼▼▼▼▼ */
#main_slider{
	display:none;
}
/* △△△△△△△△△△ main_slider設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ header設定 ▼▼▼▼▼▼▼▼▼▼ */
header{
	height:140px;
}
#header_main h1{
	width:100%;
	text-align:center;
	float:none;
}
#header_main section{
	float:none;
}
/* △△△△△△△△△△ header設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ mobile_nav設定 ▼▼▼▼▼▼▼▼▼▼ */
#header_nav{
	display:none;
}
#mobile_nav{
	display:block;
	position:fixed;
	top:140px;
	left:0;
	height:60px;
	background-color:#1F519A;
	box-shadow: 0px 3px 3px 0px rgba(0, 160, 233, 0.5);
}
#mobile_nav ul{
	display:none;
	background-color:#1F519A;
}
#mobile_nav ul li{
	text-align:center;
	border-bottom:1px #D3EDFB solid;
}
#mobile_nav ul li:first-child{
	border-top:1px #D3EDFB solid;
}
#mobile_nav ul li:last-child{
	box-shadow: 0px 3px 3px 0px rgba(0, 160, 233, 0.5);
	border-bottom:none;
}
#mobile_nav p.menutitle{
	width:90%;
	height:60px;
	text-indent:10%;
	font-size:130%;
	line-height:60px;
	color:#F8F8FF;
	background:#1F519A;
}
#mobile_nav ul li a{
	display:block;
	color:#F8F8FF;
	font-size:105%;
	line-height:60px;
}
#mobile_nav ul li a:link{
	color:#F8F8FF;
}
#mobile_nav ul li a:visited{
	color:#F8F8FF;
}
#mobile_nav ul li a:hover{
	color:#00A0E9;
}
#mobile_nav ul li a:active{
	color:#D3EDFB;
}
/* △△△△△△△△△△ mobile_nav設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ button_box設定 ▼▼▼▼▼▼▼▼▼▼ */
#button_box{
	display:block;
}
#button_box #menu_button{
	position:fixed;
	right:10%;
	top:140px;
	width:40px;
	height:60px;
}
#button_box #menu_button span{
	display:block;
	position:relative;
	right:0;
	height:2px;
	background:#F8F8FF;
	transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
}
#button_box #menu_button #menu_button_top{
	top:14px;
}
#button_box #menu_button #menu_button_middle{
	top:27px;
}
#button_box #menu_button #menu_button_bottom{
	top:40px;
}
#menu_button.push span:first-child{
    -webkit-transform:translateY(15px) rotate(45deg);
    -moz-transform:translateY(15px) rotate(45deg);
    -ms-transform:translateY(15px) rotate(45deg);
    transform:translateY(15px) rotate(45deg);
}
#menu_button.push span:nth-child(2){
    opacity:0;
}
#menu_button.push span:last-child{
    -webkit-transform:translateY(-15px) rotate(-45deg);
    -moz-transform:translateY(-15px) rotate(-45deg);
    -ms-transform:translateY(-15px) rotate(-45deg);
    transform:translateY(-15px) rotate(-45deg);
}
/* △△△△△△△△△△ button_box設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ main設定 ▼▼▼▼▼▼▼▼▼▼ */
#main #news article ul{
	width:auto;
}
#main #news article ul li{
	font-size:90%;
}
#main #news article ul li:first-child{
	margin-top:2%;
}
/* △△△△△△△△△△ main設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ footer設定 ▼▼▼▼▼▼▼▼▼▼ */
#footer_main p{
	font-size:50%;
}
/* △△△△△△△△△△ footer設定 △△△△△△△△△△ */
}