@charset "Utf-8";

/*-----------------------------------------------------------------------------------*/
/*	リセット paddingリセット
/*-----------------------------------------------------------------------------------*/

*{
	font-family:'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;	/**	widthにpaddingを含める	**/
	   -moz-box-sizing: border-box;
		 -o-box-sizing: border-box;
		-ms-box-sizing: border-box;
			box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th,{
	margin:0px;
	padding:0px;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
}

body {
	font-size: 14px;
	line-height: 150%;
	color: #003333;
	width: 100%;
}

a{outline: none;}
a:link {}
a:visited {}
a:hover {}
a:active {}

/*-----------------------------------------------------------------------------------*/
/*	リンク画像透過共通指定　hr装飾
/*-----------------------------------------------------------------------------------*/

.link_img:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.contents a img {
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
		 -o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
	-moz-box-shadow: 0px 1px 2px #656565;
	-webkit-box-shadow: 0px 1px 2px #656565;
	box-shadow: 0px 1px 2px #656565;
}
.contents a img:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.a_img_banner{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}


hr{
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:	-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:	 -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:	  -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	margin-top: 5px;
	margin-bottom: 5px;
}

/*********** youtube 地図 ***********/

.youtube_wrapp{
	max-width: 480px;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: 460px !important;
  max-height: 315px !important;
}

.map{
	width: 95%;
	padding: 10px;
	border: 1px solid #999999;
}

/*********** 解除・調整・その他 ***********/

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

.pd_tb30{
	padding-top: 30px;
	padding-bottom: 30px;
}
.pd_tb40{
	padding-top: 40px;
	padding-bottom: 40px;
}
.pd_tb50{
	padding-top: 50px;
	padding-bottom: 50px;
}

.mg_b10 {margin-bottom: 10px;}
.mg_b20 {margin-bottom: 20px;}
.mg_b30 {margin-bottom: 30px;}
.mg_b40 {margin-bottom: 40px;}
.mg_b50 {margin-bottom: 50px;}

.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_red{ color: red}

.align_center{ text-align: center;}
.align_right{ text-align: right;}
.align_left{ text-align: left;}

.m_align_center{ text-align: center;}
.m_align_right{ text-align: right;}
.m_align_left{ text-align: left;}

.img_max {max-width: 100%;}

.only_pc {display: none;}
.only_mobile {}

/*** 幅 ***************************************/

.header_contents, .contents, .footer_contents{
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

/*** ヘッダー ***************************************/
.site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2000; /* コンテンツより前面に出す */
	background-image: url(img/header_bg_m.jpg);
	background-position: bottom left;
	width: 100%;
	height: 60px; /* 必要に応じて調整 */
	display: flex;
	align-items: center;
	padding: 0 15px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.header{

}


.header_contents h1{
	font-size: 80%;
	font-weight: 400;
	line-height: 110%;
	margin-bottom: 20px;
}

.header_logo img{
	width: 300px;
}

.header_right{
	text-align: right;
	font-size: 90%;
}

.orange_large{
	color: #ff6600;
	font-size: 150%;
}

.header_phone a{
	text-decoration: none;
	font-size: 150%;
}

/*** メニュー ***************************************/
.switch .child {
	display: none;
}

.switch .menu:after {
  position: absolute;
  top: 60%;
  right: 10px;
  margin-top: -1.2rem;
  content: '>';
  font-size: 1.4rem;
  font-weight: bold;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transition: all, 0.25s, linear;
  -o-transition: all, 0.25s, linear;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear; }
.switch .menu.active:after {
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.menu {
  display: block;
  position: relative;
	padding-left: 20px;
}

.switch .menu {
	background-color: #5FB404;
	color: #fff;
	height: 40px;
	font-size: 130%;
	padding-top: 10px;
}

.switch .menu:hover {
	background-color: #088A29;
	text-decoration: none;
}


#naviArea{
	margin-bottom: 10px;
}
#gNav{
	font-size: 120%;
}
#gNav li{
	display: block;
	list-style-type: none;
	background-color: #CDFF97;
	border-bottom: 1px dotted #5FB404;
}

#gNav li :last-child{
	border-bottom: none;
}

#gNav li a{
	color: #000066;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	display: block;
}

#gNav li a:hover{
	background-color: #99ccff;
}


#gNav li ul li{
	display: block;
	list-style-type: none;
	background-color: #E6FFC9;
}

#gNav li ul li:first-child{
	border-top: 1px dotted #E6FFC9;
}



#gNav li ul li a{
	color: #000066;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	display: block;
}

#gNav li ul lia:hover{
	background-color: #99ccff;
}

a.nowpage{
	border: 3px solid #FAAC58 !important;
}

.nowpage a.now:before{
	content: "≫";
}


/** TOPページコンテンツ **********************************/

.contents{
	padding-bottom: 30px;
}

.h2_home{
	font-size: 120%;
	font-weight: 400;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #A9D0F5;
	border-radius: 4px/4px;/*丸*/
	-webkit-border-radius: 4px;/*丸*/
	-moz-border-radius: 4px;/*丸*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7feff+0,d7feff+7,d7feff+12,f3ffff+12,def5fc+30,c0ebfa+54,b7e0f7+75,aad3f4+100 */
background: #d7feff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #d7feff 0%, #d7feff 7%, #d7feff 12%, #f3ffff 12%, #def5fc 30%, #c0ebfa 54%, #b7e0f7 75%, #aad3f4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #d7feff 0%,#d7feff 7%,#d7feff 12%,#f3ffff 12%,#def5fc 30%,#c0ebfa 54%,#b7e0f7 75%,#aad3f4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #d7feff 0%,#d7feff 7%,#d7feff 12%,#f3ffff 12%,#def5fc 30%,#c0ebfa 54%,#b7e0f7 75%,#aad3f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7feff', endColorstr='#aad3f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.home_banner{
	margin-bottom: 20px;
}

.home_box{
	text-align: left;
	padding-top: 20px;
	margin-bottom: 20px;
}

.read_more{
	text-align: right;
}

.rireki{
	width: 95%;
	height: 150px;
	overflow: auto;
}

.rireki ul li{
	border-bottom: 1px dotted #999999;
	list-style-type: none;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
}

.rireki ul li:before{
	content: '≫';
}

.rireki ul li:nth-child(2n+1){
	background-color: #EFF5FB;
}



/** RSSフィード **************************************/

.feedEkList{
	list-style-type: none;
	margin-bottom: 5px;
}

.feedEkList li{
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #999999;
}

.feedEkList li:nth-child(2n+1){
	background-color: #EFF5FB;
}

.feedEkList .itemDate{
	font-weight: 800;
	margin-right: 15px;
}

.feedEkList .itemDate:before{
	content: "≫";
}

.feedEkList .itemTitle{
	font-weight: 800;
	font-size: 110%;
	margin-bottom: 5px;
}

.feedEkList .itemTitle a{
	color: #006633;
}

.feedEkList .itemContent{
	display: block;
	width: 100%;
}

/** 各ページ共通コンテンツ **********************************/

.page_top_layout{
	display:block;
	width: 100%;
	margin-bottom: 20px;
}
.page_top_layout.img_left_noboder{
	display:block;
}
.page_top_img{
	width: 100%;
	height:350px;
	object-fit: cover;
	object-position: center bottom;
}

.page_top_layout h1{
	font-size: 16px;
	font-weight: 400;
	border-bottom: 2px solid #b4e9e3;
}

.page_top_layout p{
	padding: 5px 0px 5px 0px;
}

.contents_layout{
	text-align: left;
}

.contents_layout h2{
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: 400;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 4px/4px;/*丸*/
	-webkit-border-radius: 4px;/*丸*/
	-moz-border-radius: 4px;/*丸*/
}

.contents_layout h3{
	color: #0a8e7d;
	font-weight: bold;
	font-size: 125%;
	background-repeat: no-repeat;
	background-position: 0pt 6pt;
	padding-left: 24px;
	margin-left: 5px;
	line-height: 35px;
}

.contents_layout h3:before{
	content: url(img/h3_icon_poin.gif);
	vertical-align: middle;
	margin-right: 5px;
}

.contents_layout h4{
	display: inline-block;
	border-bottom: 2px solid #ff9933;
	color: #0a8e7d;
	font-size: 110%;
	margin-left: 5px;
}

.contents_layout p{
	padding: 10px 0px 20px 0px;
}

.list_disc{
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 30px;
}

.list_disc li{
	padding-bottom: 5px;
}

.contents_layout ol{
	padding-left: 20px;
	margin-bottom: 15px;
}

.contents_layout ol li{
	padding-bottom: 5px;
}

.table_boder{
	border-collapse:collapse;
	background-color: #ffffcc;
	margin-bottom: 30px;
}

.table_boder caption{
	font-size: 110%;
	padding-bottom: 3px;
}

.table_boder tr th{
	background-color: #FFCC99;
	padding: 5px;
	border: 1px solid #999999;
}

.table_boder tr td{
	padding: 5px 10px;
	border: 1px solid #999999;
}

.th_120 tr th{
	display: block;
	width: 100%;
}

.th_120 tr td{
	display: block;
	width: 100%;
	border-top: none;
	border-bottom: none;
}

.th_120 tr:last-child td {
	border-bottom: 1px solid #999999;
}

.table_plan span{
	color: #009900;
}

.nahaboshi_org{
	display: block;
	color: #009900 !important;
}


.kenboren_org{
	display: block;
	color: #003333 !important;
}

.table_plan tr td{
	text-align: left;
	font-size: 12px;
	padding: 3px 1px;
	font-weight: 400;
}

.table_access{
	margin-bottom: 30px;
}

.table_access tr th{
	background-color: #ccffff;
	display: block;
	width: 100%;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999999;
}

.table_access tr td{
	display: block;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999999;
}

.table_noboder{}

.table_noboder tr td{
	border: none;
}

.table_noboder tr td:first-child{
	text-align: center;
}

.gcs{
	width: 100%;
	background-color: #cef6f5;
	padding: 20px 10px 20px 10px;
	border-radius: 8px/8px;/*丸*/
	-webkit-border-radius: 8px;/*丸*/
	-moz-border-radius: 8px;/*丸*/
	margin-top: 15px;
	margin-bottom: 20px;
}

.input_seach{
	font-size: 150%;
	width: 80%;
	max-width: 400px;
}

.css-button{
	font-size: 150%;
}



.side_box{
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #999999;
}

.side_box a img{}

.img_side_banner{
	width: 230px;
}

.mailmag_head{
	width: 100%;
	background-image: url(img/side_mailmag_head_bg.gif);
	background-repeat: repeat-x;
}

.mailmag_head img{
	vertical-align: bottom;
}

.mailmag_box{
	border: 1px solid;
	border-color: #ffdb00;
	background-color: #F2F5A9;
	padding: 5px;
	border-bottom-right-radius: 8px/8px;/*右下丸*/
	border-bottom-left-radius: 8px/8px; /*左下丸*/
	-webkit-border-bottom-right-radius: 8px;/*右下丸*/
	-webkit-border-bottom-left-radius: 8px;/*左下丸*/
	-moz-border-radius-bottomright: 8px;/*右下丸*/
	-moz-border-radius-bottomleft: 8px; /*左下丸*/
}

.mailmag_box form table{
	margin-left: auto;
	margin-right: auto;
}

.mailmag_box label{
	padding: 10px;
	display: block;
	font-size: 150%;
}

.mail_input input{
	font-size: 150%;
	width: 90%;
	max-width: 400px;
}

.submit{
	font-size: 140%;
}


.tel_large{
	text-align: center;
	font-size: 110%;
	line-height: 180%;
}

.gototop{
	display: block;
	background-image: url(img/icon_gototop.gif);
	background-position: right;
	background-repeat: no-repeat;
	height: 44px;
	text-align: right;
	line-height: 44px;
}

.gototop a{
	padding-right: 60px;
}

.side_box h5{
	text-align: center;
	background-color: #FAFAFA;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #999999;
	margin-bottom: 10px;
}

.list_kanri{
	list-style-type: none;
}

.list_kanri li{
	background-color: #D8F6CE;
	width: 100%;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border: 1px solid #A9F5BC;
	border-radius: 8px/8px;/*丸*/
	-webkit-border-radius: 8px;/*丸*/
	-moz-border-radius: 8px;/*丸*/
}

.list_kanri li a:before{
	content: "≫";
}

.list_kanri li a{
	display: block;
}

.list_kanri li:hover{
	background-color: #E0F8F1;
}

.footer{
	background-image: url(img/footer_bg_mobile.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.footer_contents{
	text-align: center;
	padding-top: 20px;
	border-top: 1px dotted #298A08;
}

.footer_contents p{
text-shadow:0px 2px 1px #fff,0px 1px 1px #fff,1px 1px 1px #fff,1px 0px 1px #fff,2px 0px 1px #fff,1px -1px 1px #fff,1px -2px 1px #fff,0px -2px 1px #fff,-1px -2px 1px #fff,-2px -2px 1px #fff,-2px -1px 1px #fff,-2px 0px 1px #fff,-2px 1px 1px #fff,-1px 1px 1px #fff;
/* for IE */
filter:dropshadow(color=#fff,offx=0,offy=2,positive=1),dropshadow(color=#fff,offx=1,offy=1,positive=1),dropshadow(color=#fff,offx=1,offy=-1,positive=1),dropshadow(color=#fff,offx=0,offy=-2,positive=1),dropshadow(color=#fff,offx=-1,offy=-2,positive=1),dropshadow(color=#fff,offx=-2,offy=-1,positive=1),dropshadow(color=#fff,offx=-2,offy=1,positive=1),dropshadow(color=#fff,offx=-1,offy=1,positive=1);
}

.footer_contents p a{
	text-decoration: none;
}

.copy{
	padding-top: 20px;
	padding-bottom: 20px;
}

.copy a{
	text-decoration: none;
}

.contents_layout p a img{
	margin: 10px;
}

/** サイド上部メニュー共通デザイン **********************************/

.side_menu_top{
	background-image: url(img/side_h2_mobile_bg.png);
	height: 60px;
	text-align: left;
	padding-top: 10px;
	padding-left: 65px;
	color: #fff;
	border-top-right-radius: 8px/8px;/*右上丸*/
	border-top-left-radius: 8px/8px; /*左上丸*/
	-webkit-border-top-right-radius: 8px;/*右上丸*/
	-webkit-border-top-left-radius: 8px;/*左上丸*/
	-moz-border-radius-topright: 8px;/*右上丸*/
	-moz-border-radius-topleft: 8px; /*左上丸*/
}


.side_menu_top h2{
	font-size: 150%;
text-shadow:0px 2px 1px #fff,0px 1px 1px #fff,1px 1px 1px #fff,1px 0px 1px #fff,2px 0px 1px #fff,1px -1px 1px #fff,1px -2px 1px #fff,0px -2px 1px #fff,-1px -2px 1px #fff,-2px -2px 1px #fff,-2px -1px 1px #fff,-2px 0px 1px #fff,-2px 1px 1px #fff,-1px 1px 1px #fff;
/* for IE */
filter:dropshadow(color=#fff,offx=0,offy=2,positive=1),dropshadow(color=#fff,offx=1,offy=1,positive=1),dropshadow(color=#fff,offx=1,offy=-1,positive=1),dropshadow(color=#fff,offx=0,offy=-2,positive=1),dropshadow(color=#fff,offx=-1,offy=-2,positive=1),dropshadow(color=#fff,offx=-2,offy=-1,positive=1),dropshadow(color=#fff,offx=-2,offy=1,positive=1),dropshadow(color=#fff,offx=-1,offy=1,positive=1);
}

.side_menu{
	text-align: left;
}

.side_menu ul{
	margin-bottom: 5px;
	border: 1px solid;
	border-bottom-right-radius: 8px/8px;/*右下丸*/
	border-bottom-left-radius: 8px/8px; /*左下丸*/
	-webkit-border-bottom-right-radius: 8px;/*右下丸*/
	-webkit-border-bottom-left-radius: 8px;/*左下丸*/
	-moz-border-radius-bottomright: 8px;/*右下丸*/
	-moz-border-radius-bottomleft: 8px; /*左下丸*/}

.side_menu ul li{
	display: block;
	list-style-type: none;
	padding: 10px;
}

.side_menu ul li:hover{
	background-color: #ffffcc;
	text-decoration: underline;
}

.side_menu ul li a{
	display: block;
	text-decoration: none;
	background-image: url(img/icon_arw2.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 23px;
}


.side_menu ul li:last-child{
	border-bottom: none;
	border-bottom-right-radius: 8px/8px;/*右下丸*/
	border-bottom-left-radius: 8px/8px; /*左下丸*/
	-webkit-border-bottom-right-radius: 8px;/*右下丸*/
	-webkit-border-bottom-left-radius: 8px;/*左下丸*/
	-moz-border-radius-bottomright: 8px;/*右下丸*/
	-moz-border-radius-bottomleft: 8px; /*左下丸*/
}

/** 就労支援ページ **********************************/

.h2_jobsupport{
	border: 1px solid #A9D0F5;
background: #e1ffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.jobsupport_side_menu .side_menu_top{
	background-color: #74baf1;
}

.jobsupport_side_menu h2{
	color: #096ca5;
}

.jobsupport_side_menu ul{
	border-color: #3399ff;
}

.jobsupport_side_menu ul li{
	background-color: #c7e3f7;
	border-bottom: 1px dotted #3399ff;
}

#joblist{
	width: 100%;
	overflow: auto;
}

#joblist ul{
	overflow: auto;
	list-style-type: none;
}

#joblist ul li{
	width: 98%;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	line-height: 200%;
	text-align: center;
	overflow: auto;
	border: 1px solid #0a8e7d;
}

#joblist ul li:after{
	clear: both;
	content: "";
}

#joblist ul li a img{
	display: block;
	width: 240px;
	height: 180px;
	margin-left: auto;
	margin-right: auto;
}

.feedcontents{
	display: block;
	width: 100%;
}

.feeddate{
	font-size: 90%;
	font-weight: 800;
}

.feednew{
	color: #ff0000;
	font-size: 90%;
	font-weight: 800;
}

#joblist ul li h3{
	display: inline-blok;
	margin-left: 0px !important;
	margin-bottom: 0px !important;
}

.div_button_more{
	text-align: center;
}

.div_button_more a{
	display: inline-block;
	padding: 3px 20px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #0a8e7d;
	background-color: #0a8e7d;
	color: white;
	text-decoration: none;
	transition: 0.3s;
}

.div_button_more a:hover{
	background-color: white;
	color: #0a8e7d;
	transition: 0.3s;
}




/** 講習・講座案内ページ **********************************/

.h2_lecture{
	border: 1px solid #f27189;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe1fc+0,ffe1fc+7,ffe1fc+12,fffdff+12,fde7f6+30,fbc9ea+54,f8bede+75,f5b1d1+100 */
background: #ffe1fc; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffe1fc 0%, #ffe1fc 7%, #ffe1fc 12%, #fffdff 12%, #fde7f6 30%, #fbc9ea 54%, #f8bede 75%, #f5b1d1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ffe1fc 0%,#ffe1fc 7%,#ffe1fc 12%,#fffdff 12%,#fde7f6 30%,#fbc9ea 54%,#f8bede 75%,#f5b1d1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ffe1fc 0%,#ffe1fc 7%,#ffe1fc 12%,#fffdff 12%,#fde7f6 30%,#fbc9ea 54%,#f8bede 75%,#f5b1d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe1fc', endColorstr='#f5b1d1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.lecture_side_menu .side_menu_top{
	background-color: #f27189;
}

.lecture_side_menu h2{
	color: #a50956;
}
.lecture_side_menu ul{
	border-color: #f27189;
}

.lecture_side_menu ul li{
	border-bottom: 1px dotted #a50956;
	background-color: #FBDFEB;
}


.icon_nahaboshi{
	background-color: #0086AB;
	display: inline-block;
	line-height: 180%;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 5px;
	color: white !important;
	border-radius: 5px/5px;/*丸*/
	-webkit-border-radius: 5px;/*丸*/
	-moz-border-radius: 5px;/*丸*/
}

.icon_kenboren{
	background-color: #C7243A;
	display: inline-block;
	line-height: 180%;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 5px;
	color: white !important;
	border-radius: 5px/5px;/*丸*/
	-webkit-border-radius: 5px;/*丸*/
	-moz-border-radius: 5px;/*丸*/
}

.reserve_frame{
	height: 1210px;
}
/** 子育て・生活支援のページ **********************************/

.h2_childrearing{
	border: 1px solid #64a129;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4ffe1+0,f4ffe1+7,f4ffe1+12,fefffd+12,f1fde7+30,ddfbc9+54,cff8be+75,c0f5b1+100 */
background: #f4ffe1; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f4ffe1 0%, #f4ffe1 7%, #f4ffe1 12%, #fefffd 12%, #f1fde7 30%, #ddfbc9 54%, #cff8be 75%, #c0f5b1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #f4ffe1 0%,#f4ffe1 7%,#f4ffe1 12%,#fefffd 12%,#f1fde7 30%,#ddfbc9 54%,#cff8be 75%,#c0f5b1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #f4ffe1 0%,#f4ffe1 7%,#f4ffe1 12%,#fefffd 12%,#f1fde7 30%,#ddfbc9 54%,#cff8be 75%,#c0f5b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ffe1', endColorstr='#c0f5b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.childrearing_side_menu .side_menu_top{
	background-color: #64a129;
}

.childrearing_side_menu h2{
	color: #0e7806;
}

.childrearing_side_menu ul{
	border-color: #64a129;
}

.childrearing_side_menu ul li{
	border-bottom: 1px dotted #0e7806;
	background-color: #E6F7D7;
}

/** 日常生活支援のページ **********************************/

.h2_nichijo{
	border:1px solid #ff8e3e;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffead7+0,ffead7+7,ffead7+12,fff9f3+12,fcf3de+30,faeac0+54,f7ecb7+75,f4edaa+100 */
background: #ffead7; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffead7 0%, #ffead7 7%, #ffead7 12%, #fff9f3 12%, #fcf3de 30%, #faeac0 54%, #f7ecb7 75%, #f4edaa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ffead7 0%,#ffead7 7%,#ffead7 12%,#fff9f3 12%,#fcf3de 30%,#faeac0 54%,#f7ecb7 75%,#f4edaa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ffead7 0%,#ffead7 7%,#ffead7 12%,#fff9f3 12%,#fcf3de 30%,#faeac0 54%,#f7ecb7 75%,#f4edaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffead7', endColorstr='#f4edaa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.nichijo_side_menu .side_menu_top{
	background-color: #ff8e3e;
}

.nichijo_side_menu h2{
	color: #a6350d;
}

.nichijo_side_menu ul{
	border-color: #ff8e3e;
}

.nichijo_side_menu ul li{
	border-bottom: 1px dotted #0e7806;
	background-color: #FFF09F;
}

.button_orange{
	margin-left: auto;
	margin-right: auto;
	padding: 7px 15px;
	font-size: 120%;
	color: #ffffff;
	font-weight: 400;
	text-decoration: none;
	display: block;
	background: #E6855E; /* Old browsers */
	transition: 0.3s;
}

.button_orange:hover{
	background: #F3C0AB;
	transition: 0.3s;
}


/** ご相談・お問合わせのページ **********************************/

.att{color: #cc0000;}

.table_form{
	width: 100%;
	border: 2px solid #5ABDB3;
	border-radius: 8px/8px;/*角丸*/
	-webkit-border-radius: 8px;/*角丸*/
	-moz-border-radius: 8px;/*角丸*/
}

.table_form caption{
	font-size: 110%;
	padding: 10px;
}

.table_form tr th{
	display: block;
	width: 100%;
	background-color: #B8E9E4;
	padding: 10px 0px 10px 20px;
	border-bottom: 1px dotted #3399ff;
}

.table_form tr td{
	display: block;
	width: 100%;
	padding: 10px 0px 10px 5px;
	border-bottom: 2px solid #5ABDB3;
}

.table_form tr td:last-child{
	border-bottom: none;
}

.table_form tr td select{
	font-size: 110%!important;
}

.table_form tr td input{
	font-size: 120%!important;
}

.td_name input{
	width: 130px!important;
}

.td_mail input{
	width: 90%!important;
	max-width: 400px;
}

.td_tell input{
	width: 90%!important;
	max-width: 400px;
}

.table_form tr td textarea{
	width: 90%!important;
	max-width: 400px;
}

.td_kakunin{
	text-align: center;
}

.td_kakunin label{
	padding: 5px 10px;
}

.button button{
	font-size: 150%;
	padding: 10px;
	margin: 20px 10px 30px 10px;
	border-radius: 8px/8px;/*角丸*/
	-webkit-border-radius: 8px;/*角丸*/
	-moz-border-radius: 8px;/*角丸*/
}

.button button:hover{
	background-color: #E6E6E6;
}

.table_form tr td input, .table_form tr td textarea, .table_form tr td select{
	background-color: #F2F5AA;
}


.hint{
	background-color: #E6E6E6;
	display: block;
	width: 100%;
	margin-top: 10px;
	padding: 10px;
	border: 1px dotted #999999;
}

.h2_contact{
	border:1px solid #49b1a3;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffead7+0,ffead7+7,ffead7+12,fff9f3+12,fcf3de+30,faeac0+54,f7ecb7+75,f4edaa+100 */
background: #ffead7; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffead7 0%, #ffead7 7%, #ffead7 12%, #fff9f3 12%, #fcf3de 30%, #faeac0 54%, #f7ecb7 75%, #f4edaa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ffead7 0%,#ffead7 7%,#ffead7 12%,#fff9f3 12%,#fcf3de 30%,#faeac0 54%,#f7ecb7 75%,#f4edaa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ffead7 0%,#ffead7 7%,#ffead7 12%,#fff9f3 12%,#fcf3de 30%,#faeac0 54%,#f7ecb7 75%,#f4edaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffead7', endColorstr='#f4edaa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.contact_side_menu .side_menu_top{
	background-color: #49b1a3;
}

.contact_side_menu h2{
	color: #41958b;
}

.contact_side_menu ul{
	background-color: #B8E9E4;
	border-color: #49b1a3;
}

.contact_side_menu ul li{
	border-bottom: 1px dotted #49b1a3;
}

.table_form tr td ul{
	list-style-type: none;
}

.table_form tr td ul li{
	padding-top: 5px;
	padding-bottom: 5px;
}
.button_contact{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 20px;
}
.button_contact button{
	font-size: 15px;
	padding: 7px 9px;
}


/** 学習支援事業 *************************************/

#feed{
	width: 100%;
	overflow: auto;
}

#feed ul{
	list-style-type: none;
}

#feed ul li{
	padding-top: 10px;
	padding-bottom: 10px;
	content: "";
	clear: both;
	display: block;
	line-height: 200%;
}

#feed ul li a img{
	float: left;
	width: 120px;
	height: 90px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.feeddate{
	font-size: 90%;
	font-weight: 800;
}

.feednew{
	color: #d9333f;
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
  -moz-animation:blink 1.5s ease-in-out infinite alternate;
  animation:blink 1.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}

#feed ul li h4{
	display: block;
	border-bottom: none;
}
/** VトップニュースRssV **/
#feed_topnews{}
.hottopics_area{
	width: 100%;
	text-align: center;
}
.h5_topnews_title{
	font-size: 135%;
	margin-bottom: 15px;
}
.topnews_feeddate{
	display: block;
	text-align: right !important;
	font-weight: 900;
	margin-bottom: 15px;
	margin-right: 15px;
}
.topnews_content{
	line-height: 200%;
}
.topnews_content img{
	max-width: 100%;
	height: auto;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
/** AトップニュースRssA **/
/**VギャラリーV**/
.gallery{
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
	margin-bottom: 15px;
}
.gallery li{
	width: 48%;
	margin-bottom: 15px;
}
.gallery li a{
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
	border: 1px solid #656565;
	border-radius: 3px;
	padding: 7px;
}
.gallery li a img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

/**ΛギャラリーΛ**/
/**VヘッダメニューREV**/
/* ヘッダー全体を上部に固定 */


  /* ハンバーガーボタンを右上に配置 */
  .menu-toggle {
	position: fixed; /* 画面に対して固定 */
	top: 15px;	   /* 上からの距離 */
	right: 15px;	 /* 右からの距離 */
	z-index: 2001;   /* ヘッダーよりさらに前面に */
	display: block;
	cursor: pointer;
	background: none;
	border: none;
}


.nav-inner {
	padding: 10px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* ハンバーガーボタン装飾 */
.menu-toggle {
	display: block;
	background: none;
	border: none;
	cursor: pointer;
	z-index: 1000;
}

.bar {
	display: block;
	width: 25px;
	height: 2px;
	margin: 5px 0;
	background: #005bac;
	transition: 0.3s;
}

.menu-toggle.active .bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle.active .bar:nth-child(2) { opacity: 0; }
.menu-toggle.active .bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* メニュー本体 */
.nav-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 80%;
  height: 100%;
  background: #fff;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  padding-top: 60px;
  z-index: 999;
  overflow-y: auto;
}

.nav-menu.is-open {
  right: 0;
}

.main-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.main-menu > li {
  border-bottom: 1px solid #eee;
  display: flex; /* 親リンクとボタンを横並びにするため */
  flex-wrap: wrap;
}

/* 親リンクのスタイル */
.main-menu > li > a {
  flex: 1; /* ボタン以外の余白をすべて埋める */
  display: block;
  padding: 15px 20px;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  background: #fdfdfd;
}

/* 「＋/－」ボタンのスタイル */
.submenu-toggle {
  width: 50px;
  background: #fdfdfd;
  border: none;
  border-left: 1px solid #eee;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #005bac;
  font-weight: bold;
}

/* ボタンの中身の文字制御 */
.submenu-toggle::before {
  content: '+';
}

.has-submenu.is-active > .submenu-toggle::before {
  content: '-';
}

/* サブメニュー装飾 */
.submenu {
  width: 100%; /* 1行をフルに使う */
  display: none;
  background: #f0f7ff;
  list-style: none;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.submenu li a {
  display: block;
  padding: 12px 35px;
  color: #666;
  text-decoration: none;
  font-size: 14px;
  border-top: 1px solid #fff;
}

.has-submenu.is-active .submenu {
  max-height: 500px;
  border-left: 4px solid #005bac;
  display: block;
}

.nav-menu-bottom{
	padding-top: 20px;
	padding-left: 20px;
}
/**ΛヘッダメニューREΛ**/
.header_logo_m img{
	height: 45px;
}
.img_page_top{
	padding-top: 70px;
	width: 100%;
	height: auto;
}
.h1_page_top{
	font-size:14px;
	font-weight: 400;
	line-height: 130%;
	margin-bottom: 20px;
}