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

body{
	font-family:'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #434343;
	line-height: 1.7;
	font-size: 11pt;
	background: url("../img/bk.jpg");
}

*{ margin: 0; padding: 0;}


hr{
	clear: both;
	visibility: hidden;
	height: 0;
	margin: 0;
	line-height: 0;
	border: none;
}
.center{ text-align: center;}

.float_l{
	float: left;
}

.float_r{
	float: right;
}

.clear-left{
	clear: left;
}

.clear-right{
	clear: right;
}

#contents{
	width: 100%;
	overflow: hidden;
}

#contents .container{
	width: 900px;
	margin: 0 auto;
	padding: 0;
}


@media screen and (max-width: 768px){
	#contents .container{
		width: 100%;
	}
	
	.smart-100{
		width: 100%;
	}
}

.mb20{ margin-bottom: 20px;}
.ml20{ margin-left: 20px;}

.img_40{
	width: 40%;
	margin: 0px auto;
}
.img_40 img{
	width: 100%;
}
.img_50{
	width: 50%;
	margin: 0px auto;
}
.img_50 img{
	width: 100%;
}
.img_60{
	width: 60%;
	margin: 0px auto;
}
.img_60 img{
	width: 100%;
}
.img_70{
	width: 70%;
	margin: 0px auto;
}
.img_70 img{
	width: 100%;
}

.img_90{
	width: 90%;
	margin: 0px auto;
}
.img_90 img{
	width: 100%;
}

.img_100{
	width: 100%;
	margin: 0px auto;
}
.img_100 img{
	width: 100%;
}

@media screen and (max-width: 768px){
	.img_40,.img_50,.img_60,.img_70,.img_80,.img_90,.img_100{
		width: 100%;
	}
	.smart_img_100{
		width: 100%;
	}
}

.img_maru{border-radius: 50%;}


.font-70{ font-size: 70%;}
.font-80{ font-size: 80%;}
.font-90{ font-size: 90%;}
.font-110{ font-size: 110%;}
.font-120{ font-size: 120%;}
.font-130{ font-size: 130%;}
.font-140{ font-size: 140%;}
.font-150{ font-size: 150%;}
.font-160{ font-size: 160%;}
.font-170{ font-size: 170%;}
.font-180{ font-size: 180%;}
.font-190{ font-size: 190%;}
.font-200{ font-size: 200%;}
.font-210{ font-size: 210%;}
.font-normal{ font-weight: normal;}
.font-bold{ font-weight: bold;}
.letter-sp1{ letter-spacing: 0.1em !important;}



.color_orange{ color: #ec6941;}
.color_blue{color:#38bcd2;}
.color_blue2{color: #0096df;}
.color_green{ color: #54bd84;}
.color_red{ color: #e60012;}



.line_yellow{ background: #fff799;}


.li_sp{ margin-top: 10px; padding-top: 10px;}

.margin_left10{ margin-left: 10px;}
.margin_top15{ margin-top: 15px;}
.margin_top30{ margin-top: 30px;}
.margin_bottom10{ margin-bottom: 10px;}
.margin_bottom15{ margin-bottom: 15px;}
.margin_bottom30{ margin-bottom: 30px;}

.margin-auto{
	margin: 0 auto!important;
}


/**    header
────────────────────**/

#header{
	background: #399e8e;
	padding: 30px 0 20px;
}

#logo{
	float: left;
	margin-top: 30px;
}


#time{
	color: #fff;
	margin-top: 20px;
	font-size: 120%;
}

#illust{
	float: right;
}


@media screen and (max-width: 768px){
	#header{
		background: #399e8e;
		padding: 0;
	}

	#logo{
		margin: 10px auto;
		width: 100%;
		text-align: center;
	}
	#logo img{
		width: 40%;
	}
	
	#time{
		margin-top: 0px;
	}

	#illust{
		float: none;
		width: 100%;
		text-align: center;
	}
	
	#illust img{
		width: 30%;
	}
}



/**    index
────────────────────**/

#top_img{
	width: 35%;
	float: left;
	margin: 20px 30px 20px 0;
}

#top_img img{
	width: 100%;
	border-radius: 10px;
}

#top_text{
	width: 60%;
	float: left;
	margin-top: 40px;
	font-size: 120%;
	font-weight: bold;
	color: #004631;
}



@media screen and (max-width: 768px){
	#top_img{
		width: 70%;
		float: none;
		margin: 10px auto;
	}

	#top_img img{
		width: 100%;
		border-radius: 10px;
	}

	#top_text{
		width: 90%;
		float: none;
		margin: 0 auto 10px;
		font-size: 90%;
		line-height: 1.3;
	}
}

#news{
	width: 100%;
	background: #004631;
	border: 5px #b19565 solid;
	padding: 10px 20px 20px;
	overflow: hidden;
	margin-top: 20px;
}

.news_box{
	color: #fff;
	background: url(../img/news_border.png) repeat-x bottom;
	padding: 10px;
}

.tag{
	width: 10%;
	float: left;
}

.date{
	width: 10%;
	float: left;
	margin-bottom: 0;
	margin-top: 10px;
	color: #87c8ef;
}

.tit{
	width: 80%;
	float: left;
	margin-bottom: 0;
	color: #faee00;
	font-size: 150%;
	padding-left: 15px;
}

.news_text{
	clear: both;
	margin-left: 20%;
	padding-left: 15px;
}

.news_text a{ color: #faee00;}
.news_text a:hover{ background: #10684b; text-decoration: none;}


.news_img{
	margin-left: 22%;
	margin-top: 10px;
}
@media screen and (max-width: 768px){
	.tag{
		width: 100%;
		float: none;
		line-height: 0;
	}

	.date{
		width: 100%;
		float: none;
		margin-bottom: 0;
		margin-top: 0;
		color: #87c8ef;
	}

	.tit{
		width: 100%;
		float: none;
		margin-bottom: 0;
		color: #faee00;
		font-size: 150%;
		padding-left: 0;
	}
	.news_text{
		clear: both;
		margin-left: 0;
		padding-left: 0;
	}
	
	.news_img{
		margin-left: 0;
	}
}

#tebiki{
	background: #fae1a8 url(../img/tebiki_bk.png) no-repeat right bottom;
	width: 100%;
	padding: 10px 20px 20px;
	margin: 20px 0;
	text-align: center;
	overflow: hidden;
}


#tebiki p{
	font-weight: bold;
	font-size: 150%;
	line-height: 1;
}

@media screen and (max-width: 768px){
	#tebiki{
		background-image: none;
	}
	
	#tebiki p{
		font-size: 120%;
	}
}


.link p{
	display: block;
	text-align: center;
	font-size: 200%;
	font-weight: bold;
	float: left;
}

.link p a{
	width: 220px;
	height: 220px;
	color: #fff;
	display: block;
	padding: 35% 0;
	-moz-border-radius: 25px; 
	-webkit-border-radius: 25px;
	text-decoration: none;
	margin-top: 20px;
	margin-right: 5px;
}



@media screen and (max-width: 768px){
	.link{
		width: 50%;
		float: left;
	}

	.link p{
		display: block;
		text-align: center;
		font-size: 200%;
		font-weight: bold;
		float: left;
		width: 95%;
		margin: 0;
	}

	.link p a{
		
		height: auto;
		color: #fff;
		display: block;
		padding: 35% 0;
		-moz-border-radius: 25px; 
		-webkit-border-radius: 25px;
		text-decoration: none;
		margin: 10px 3px 3px 0px;
		width: 100%;
	}
	
}


.link p.nav1 a{
	background: #83c8dd;
	border: 3px #83c8dd solid;
}


.link p.nav1 a:hover{
	background: #9dd7ed;
}

.link p.nav2 a{
	background: #e8cc54;
	border: 3px #e8cc54 solid;
}

.link p.nav2 a:hover{
	background: #f6e27a;
}


.link p.nav3 a{
	background: #64bdab;
	border: 3px #64bdab solid;
}

.link p.nav3 a:hover{
	background: #7aceba;
}


.link p.nav4 a{
	background: #e58fac;
	border: 3px #e58fac solid;
}

.link p.nav4 a:hover{
	background: #f3a6bc;
}



#footer{
	background: url(../img/footer_bk.png) repeat-x top;
	padding-top: 50px;
	text-align: center;
	margin-top: 20px;
}

#gmap{
	width: 100%; 
	margin-bottom: 50px;
}

#copyright p{
	margin: 0;
	font-size: 80%;
	padding: 20px;
}


/**   sub
────────────────────**/

.h1_center{
	text-align: center;
}
h1 {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
  top:0;
}

h1:before, h1:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
h1:before {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  left: 0;
}
h1:after {
  content: '';
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
}

@media screen and (max-width: 768px){
	h1 {
		font-size: 150%;
	}
}

p.p_about_big{
	font-size: 300%;
	font-weight: bold;
	text-align: center;
	color: #707070;
	margin: 20px 0;
	}

@media screen and (max-width: 768px){
	p.p_about_big{
		font-size: 160%;
		}
}
.color_01{ color:#83c8dd;}
.color_02{ color:#e8cc54;}
.color_03{ color:#64bdab;}
.color_04{ color:#e58fac;}

h2{
	color: #6cb4e4;
  text-align: center;
  padding: 0.25em;
	margin-top: 50px;
  border-top: solid 2px #6cb4e4;
  border-bottom: solid 2px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

ul.ul_style{
	margin-left: 50px;
	font-size: 120%;
}

ul.ul_style li{
	list-style-image: url(../img/ul_style_list.png);
	margin-bottom: 10px;
}

@media screen and (max-width: 768px){
	h2{
		margin-top: 20px;
		font-size: 150%;
	}
	ul.ul_style{
	margin-left: 30px;
	}
}

ul.ul_style2{
	margin-left: 50px;
	font-size: 100%;
}

ul.ul_style2 li{
	list-style-image: url(../img/ul_style_list.png);
}

@media screen and (max-width: 768px){
	ul.ul_style2{
	margin-left: 30px;
	}
}


.onegai{
	border: 1px #83c8dd dotted;
	width: 100%;
	padding: 10px;
	margin: 20px 0;
}


.button_pdf p{
	width: 50%;
	margin: 0 auto;
	display: block;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	font-family: "游ゴシック","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,Arial,Verdana,sans-serif;
}


.button_pdf p i{
	margin-right: 15px;
	font-size: 150%;
}
.button_pdf p a{
	background: #0c3f74;
	border: 1px #0c3f74 solid;
	color: #fff;
	display: block;
	padding: 20px 0;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	text-decoration: none;
	margin: 80px 0;
}

.button_pdf p a:hover{
	background: #155fa0;
}


@media screen and (max-width: 768px){
	.button_pdf p{
		width: 90%;
	}
	
	.button_pdf p a{
		margin: 20px 0;
	}
}



ul#number{
	margin: 20px auto;
	text-align: center;
	width: 90%;
}


ul#number li{
	display: block;
	width: 30px;
	height: 27px;
	text-align: center;
	float: left;
	list-style: none;
	margin-right: 10px;
	border: 1px #faee00 solid;
	color: #faee00;
	line-height: 2;
}

ul#number li a{
	display: block;
	width: 30px;
	height: 27px;
	background: #faee00;
	color: #004631;
	text-decoration: none;
}

ul#number li a:hover{
	display: block;
	width: 30px;
	height: 27px;
	background: #fff100;
	color: #004631;
	text-decoration: none;
}

p#to_list{
	text-align: center;
	margin: 30px 0 0;
}

p#to_list a{
	color: #fff;
}