@charset "UTF-8";

/*===== NOTES ================================================

	last-updated: 2014.12.20
	
		+1 : RESET setting + FONT
		+2 : BASE
		+3 : HeadArea
		+4 : Footer	
		+5 : MainArea
		+6 : Top Page
		

=============================================================*/


/* =================================================================
		+1 : RESET setting
================================================================= */

*{ margin:0; padding:0;}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, code, form, fieldset, legend, input, textarea, 
p, blockquote, th, td{
	margin:0;
	padding:0;
}
table{border-collapse:collapse;border-spacing:0;}
li {list-style-type: none;}
img {border: none;font-size: 0;line-height: 0;vertical-align: top;}

hr {display: none;clear: both;}


/*=====================================================
		+1 : FONT
=====================================================*/

body, div, table, p, h1, h2, h3, h4, ul, li, dl, dt, dd, span, form, address, input, textarea{
	color:#333333;
	font-family:sans-serif;
}

/* Font Size
___________________________________________________ */

body {
  font-size: 100%; /* IE */
}
html>/**/body {
  font-size: 16px; /* Except IE */
}


p,dt, dd, li,th,td{
	line-height:160%;
	font-size: 0.8rem; 
	/*letter-spacing: 1px;*/ 
}

/* =================================================================
		+2 : BASE
================================================================= */

.grid {
	display: grid;
	grid-template-columns:1fr 250px 100px 1fr;
	justify-content: center;
		align-content: center;
		margin: auto;
	  min-height: 100vh;
	
		grid-template-rows: auto auto 1fr auto;
}

body{
	padding:0;
	margin: 0;
	background-color:#FFFFFF;
	-webkit-text-size-adjust: 100%;

}

header_img{
	grid-column: 1/5;
	background: url(../img/common/bg_main.jpg) no-repeat center top;
	height: 144px;
}

header{
	grid-column: 2/4;
	background: url(../img/common/header_s.jpg) no-repeat center top;
	position:relative;
	margin-top: 10px;
	height: 200px;
}
contents_header{
	grid-column: 2/4;
	background: url(../img/common/contents_header_s.jpg) no-repeat center top;
	position:relative;
	margin-top: 10px;
	height: 93px;
}
article{
	grid-column: 2/3;
	margin: 20px 0px 0px 0px;
}
menu{
	grid-column: 3/4;
	grid-row: 2/4;
	margin: 20px 0px 0px 0px;
}

logo{
	grid-column: 2/4;
	justify-self: center;
	margin: 10px 0 10px 0;
}
logo .fujita{
    width:200px;
}
logo .chikuiku{
    width:100px;
}


footer{
	grid-column: 1/5;
}

a{color:#333333;text-decoration:none;}
a:hover{text-decoration:underline;}


/* =================================================================
		+3 : HeadArea
================================================================= */

header_img h1{
	position:absolute;
	font-size:1.5rem;
	line-height:118%;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	text-shadow: 2px 2px 2px #D6E9E5;
}

header h1{
	position:absolute;
	font-size:30px;
	line-height:118%;
	margin-top: 60px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;
}
contents_header h1{
	font-size:26px;
	line-height:120%;
	margin: 18px 0 0 30px;
}
header h1 a, contents_header h1 a{
	color:#333333;	
}
header h1 a:hover,
contehets_header h1 a:hover{
	text-decoration:underline;
}


/* =================================================================
		+4 : Footer
================================================================= */
footer{
	background-color:#333333;
	color:#FFFFFF;
	text-align:left;
	padding:20px 0 20px 0;
	font-size: 0.8rem;
}

footer .parent {
    /* �x���_�[�v���t�B�b�N�X�͏ȗ� */
    display: flex;
    justify-content: left; /* �q�v�f�𒆉����� */
	padding:0 0 0 10px;
    position: relative;
	color:#FFFFFF;
}
footer .right a{
    position: absolute;
    right: 0; /* �E�� */
    margin: -35px 10px 0 0px;
	color:#FFFFFF;
}

/* =================================================================
		+5 : MainArea
================================================================= */


/* Menu */

menu{
  display: flex;
  align-items:top;
  justify-content:flex-start;
  text-align:left;
}
menu  .sticky_nav{
	position: sticky;
	top:5px;
}
menu #globalnav{
	width:100px;
	text-align:left;
	margin:0 0 25px;
}

menu #globalnav ul{
	background: url(../img/common/gnav_bg.gif) repeat-y 0 0;
	background-size:contain;                               /* 画像のサイズを指定    */
    width:100%;                                            /* 横幅のサイズを指定    */
    height:100;        
}
menu #globalnav ul li{
	margin:0 0 6px;
}
menu #globalnav ul li a{
	width:99%;
	height:40px;
	display:block;
	background-color:#FFFFFF;
	border:1px solid #387901;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;	
	overflow:hidden;
	padding:0;
	behavior:url("/PIE.htc");
	position:relative;

}

menu #globalnav ul li a.rows2{height:65px;}

menu ul li a span{
	font-size:0.7rem;
	font-weight:bold;
	background: url(../img/common/icon_arrow_gnav_off.gif) no-repeat 20px 19px;
	padding:0px 0 0 25px;
	display: flex;
	align-items: center;
	height: 100%;
	line-height:110%;
}
menu #globalnav ul li.gnav1 a{border:1px solid #387901;}
menu #globalnav ul li.gnav2 a{border:1px solid #FF9900;}
menu #globalnav ul li.gnav3 a{border:1px solid #FF3F95;}
menu #globalnav ul li.gnav4 a{border:1px solid #32A7CC;}
menu #globalnav ul li.gnav5 a{border:1px solid #6FC517;}
menu #globalnav ul li.gnav6 a{border:1px solid #C895FF;}
menu #globalnav ul li.gnav7 a{border:1px solid #E3B600;}
menu #globalnav ul li.gnav8 a{border:1px solid #7979D2;}
menu #globalnav ul li.gnav9 a{border:1px solid #FF582F;}
menu #globalnav ul li.gnav10 a{border:1px solid #079242;}

menu #globalnav ul li.gnav1 a span{color:#387901;background-position:5px 15px;}
menu #globalnav ul li.gnav2 a span{color:#FF9900;background-position:5px -26px;}
menu #globalnav ul li.gnav3 a span{color:#FF3F95;background-position:5px -66px;}
menu #globalnav ul li.gnav4 a span{color:#32A7CC;background-position:5px -106px;}
menu #globalnav ul li.gnav5 a span{color:#6FC517;background-position:5px -146px;}
menu #globalnav ul li.gnav6 a span{color:#C895FF;background-position:5px -186px;}
menu #globalnav ul li.gnav7 a span{color:#E3B600;background-position:5px -226px;}
menu #globalnav ul li.gnav8 a span{color:#7979D2;background-position:5px -266px;}
menu #globalnav ul li.gnav9 a span{color:#FF582F;background-position:5px -306px;}
menu #globalnav ul li.gnav10 a span{color:#079242;background-position:5px -346px;}

menu #globalnav ul li a:hover,
menu #globalnav ul li a.here{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	text-decoration:none;
	behavior:url("/PIE.htc");
	position:relative;
}
menu #globalnav ul li.gnav1 a:hover,
menu #globalnav ul li.gnav1 a.here{background-color:#387901;}
menu #globalnav ul li.gnav2 a:hover,
menu #globalnav ul li.gnav2 a.here{background-color:#FF9900;}
menu #globalnav ul li.gnav3 a:hover,
menu #globalnav ul li.gnav3 a.here{background-color:#FF3F95;}
menu #globalnav ul li.gnav4 a:hover,
menu #globalnav ul li.gnav4 a.here{background-color:#32A7CC;}
menu #globalnav ul li.gnav5 a:hover,
menu #globalnav ul li.gnav5 a.here{background-color:#6FC517;}
menu #globalnav ul li.gnav6 a:hover,
menu #globalnav ul li.gnav6 a.here{background-color:#C895FF;}
menu #globalnav ul li.gnav7 a:hover,
menu #globalnav ul li.gnav7 a.here{background-color:#E3B600;}
menu #globalnav ul li.gnav8 a:hover,
menu #globalnav ul li.gnav8 a.here{background-color:#7979D2;}
menu #globalnav ul li.gnav9 a:hover,
menu #globalnav ul li.gnav9 a.here{background-color:#FF582F;}
menu #globalnav ul li.gnav10 a:hover,
menu #globalnav ul li.gnav10 a.here{background-color:#079242;}

menu #globalnav ul li a:hover span,
menu #globalnav ul li a.here span{
	background: url(../img/common/icon_arrow_gnav.png) no-repeat 20px 19px;
	color:#FFFFFF;
	background-position:5px 15px;
}


/* MainLeft
___________________________________________________ */

article .main_box{
	background: url(../img/common/title_bg.gif) no-repeat 0 0;
	margin:0 0 0px;
}
article .main_box .section{

	padding:0;
	margin:0 0 20px;
}

/* .section?��?��?��@?��yp,h2?��`h6,table?��p?��[?��c?��z
------------------------------------------ */
/* p */
article .section p{
	margin:0 10px 10px;	
}
/* h2 */
article h2{
	width:98%;
	margin:0 0 10px;	
}
article h2 span{
	padding:5px 0 5px 18px;
	font-size:1.1rem;
	font-weight: bold;
	color: #FFFFFF;
	display:block;
}

article h2 img{
	width:90px; 
}

/* h2 ?��w?��i?��F?��w?��?�� */
article h2.h2_1{height:20px; margin:0 0 5px;}
article h2.h2_2{background-color:#FF9900;}
article h2.h2_3{background-color:#FF3F95;}
article h2.h2_4{background-color:#32A7CC;}
article h2.h2_5{background-color:#6FC517;}
article h2.h2_6{background-color:#C895FF;}
article h2.h2_7{background-color:#E3B600;}
article h2.h2_8{background-color:#7979D2;}
article h2.h2_9{background-color:#FF582F;}
article h2.h2_10{background-color:#079242;}
article h2.h2_11{background-color:#666666;
}


/* h3?��`h6?��?��?��ʎw?��?�� */
article .section h3,
article .section h4,
article .section h5,
article .section h6{
	margin: 0 0 10px;
}
/* h3 */
article .section h3{
	font-size: 22px;
	font-weight: bold;
	padding:10px 0 0 10px;
	height:38px;
	width: 90%;
}
article .section h3.h3_2{background-image:url(../img/common/h3_2.jpg);color:#FF9900;}
article .section h3.h3_3{background-image:url(../img/common/h3_3.jpg);color:#FF3F95;}
article .section h3.h3_4{background-image:url(../img/common/h3_4.jpg);color:#32A7CC;}
article .section h3.h3_5{background-image:url(../img/common/h3_5.jpg);color:#6FC517;}
article .section h3.h3_6{background-image:url(../img/common/h3_6.jpg);color:#C895FF;}
article .section h3.h3_7{background-image:url(../img/common/h3_7.jpg);color:#E3B600;}
article .section h3.h3_8{background-image:url(../img/common/h3_8.jpg);color:#7979D2;}
article .section h3.h3_9{background-image:url(../img/common/h3_9.jpg);color:#FF582F;}
article .section h3.h3_10{background-image:url(../img/common/h3_10.jpg);color:#079242;}

/* h4 */
article .section h4{
	border-bottom:solid 3px #FFDFB0;
	padding: 0 0 0 0;
	height:30px;
	width: 95%;
}

article .section h4.col2{
	border-bottom:solid 3px #FFDFB0;
	padding: 0 0 0 0;
	height:50px;
	width: 95%;
}

article .section h4 span{
	border-left:solid 7px #FF9900;
	font-size: 0.8rem;
	font-weight: bold;
	display:block;
	margin:0 0 0 8px;
	padding:4px 0 0 10px;
	height:20px;
}
/* h4 ?��?��?��?�� */
article .section h4.h4_2{border-bottom-color: #FFDFB0;}
article .section h4.h4_3{border-bottom-color: #FFD5DA;}
article .section h4.h4_4{border-bottom-color: #D6E9E5;}
article .section h4.h4_5{border-bottom-color: #E2EFC1;}
article .section h4.h4_6{border-bottom-color: #F4E6EF;}
article .section h4.h4_7{border-bottom-color: #F9ECBC;}
article .section h4.h4_8{border-bottom-color: #D8D8F1;}
article .section h4.h4_9{border-bottom-color: #FFDBD2;}
article .section h4.h4_10{border-bottom-color: #C7FCDD;}
article .section h4.h4_11{border-bottom-color: #bbbaba;}
/* h4 ?��?��?��?�� */
article .section h4.h4_2 span{border-left-color: #FF9900;}
article .section h4.h4_3 span{border-left-color: #FF3F95;}
article .section h4.h4_4 span{border-left-color: #32A7CC;}
article .section h4.h4_5 span{border-left-color: #6FC517;}

article .section h4.h4_col2 span{
	font-size: 0.8rem;
	font-weight: bold;
	display:block;
	margin:0 0 0 8px;
	padding:4px 0 0 10px;
	height:40px;
}

article .section h4.h4_6 span{border-left-color: #C895FF;}
article .section h4.h4_7 span{border-left-color: #E3B600;}
article .section h4.h4_8 span{border-left-color: #7979D2;}
article .section h4.h4_9 span{border-left-color: #FF582F;}
article .section h4.h4_10 span{border-left-color: #079242;}
article .section h4.h4_11 span{border-left-color: #666666;}

/* h5 */
article .section h5{
	background: url(../img/common/h5.jpg) no-repeat 10px 8px;
	background-color:#F7F7F7;
		font-size: 0.9rem;;
	font-weight:normal;
	padding: 5px 0 0 30px;
	height:22px;
	width: 80%;
}
/* ?��A?��C?��R?��?��?��ʒu?��i-42px?��j */
article .section h5.h5_2{background-position:10px 8px;}
article .section h5.h5_3{background-position:10px -34px;}
article .section h5.h5_4{background-position:10px -76px;}
article .section h5.h5_5{background-position:10px -118px;}
article .section h5.h5_6{background-position:10px -160px;}
article .section h5.h5_7{background-position:10px -202px;}
article .section h5.h5_8{background-position:10px -244px;}
article .section h5.h5_9{background-position:10px -286px;}
article .section h5.h5_10{background-position:10px -328px;}


.pc{
	display: none;
}

article .infomap iframe{
	max-width: 200px;
  height:155px;
}

/* ?��e?��[?��u?��?��------------------ */
article table{
	border-left:solid 1px #CCCCCC;
	border-top:solid 1px #CCCCCC;
	max-width:90%;
	margin:auto;
}
article table th,
article table td{
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	padding:5px 0px 5px 15px;
	line-height:150%;
	font-size: 0.8rem;
}
article table th{
	width:150px;
	text-align:left;
}

article  table td.gray{
	background-color:#F9F9F9;
	text-align:left;
    padding:5px 10px;
	font-weight: 700;
}





article table th.th_2{background-color:#FFF0D3;color:#FF9900;}
article table th.th_3{background-color:#FFE7E2;color:#FF3F95;}
article table th.th_4{background-color:#EAF2E8;color:#32A7CC;}
article table th.th_5{background-color:#F0F5D5;color:#6FC517;}
article table th.th_6{background-color:#F9F0ED;color:#C895FF;}
article table th.th_7{background-color:#FCF3D3;color:#E3B600;}
article table th.th_8{background-color:#F1F1FA;color:#7979D2;}
article table th.th_9{background-color:#FFF7F4;color:#FF582F;}
article table th.th_10{background-color:#E9FEF2;color:#079242;}


article table td{
	background-color:#FFFFFF;	
}
/* ?��?��?��A?��C?��R?��?�� */
article .section ul li{
	font-weight:normal;
	font-size: 0.8rem;
	margin-left: 10px;
	 /* background-image: url(../img/common/icon_arrow.jpg);  */
	background-repeat: no-repeat;
	margin-top: 5px;
	line-height: 120%;
}
/* ?��A?��C?��R?��?��?��ʒu */
article .section ul li.arrow_2{background-position:0px 0px;}
article .section ul li.arrow_3{background-position:0px -36px;}
article .section ul li.arrow_4{background-position:0px -73px;}
article .section ul li.arrow_5{background-position:0px -110px;}
article .section ul li.arrow_6{background-position:0px -147px;}
article .section ul li.arrow_7{background-position:0px -184px;}
article .section ul li.arrow_8{background-position:0px -221px;}
article .section ul li.arrow_9{background-position:0px -258px;}
article .section ul li.arrow_10{background-position:0px -295px;}

/* ?��{?��^?��?��------------------ */
article .btn a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}






/* =================================================================
		+6 :  Top Page
================================================================= */

/* Topics------------------ */

#main_left #topics .main_inner{
	width:660px;
	padding:15px 0;
}
#main_left #topics .topics_box{
	width:309px;
	float:left;
	display:inline;
	margin:0 16px 0 0;
	/*background: url(../img/top/topics_box_top.gif) no-repeat center top;*/
	border:6px solid #CCCCCC;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior:url("/PIE.htc");
	position:relative;
}
#main_left #topics .topics_box2{
	width:309px;
	float:left;
	display:inline;
	margin:0;
	/*background: url(../img/top/topics_box_top.gif) no-repeat center top;*/
	border:6px solid #CCCCCC;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior:url("/PIE.htc");
	position:relative;
}
#main_left #topics .topics_box_inner{
	margin:15px 0 0;
	padding:0 0 0 10px;
}
#main_left #topics .topics_box_inner p{
	padding:0 0 10px;
}
#main_left #topics .topics_box_inner p a{
	color:#387901;
	background: url(../img/common/icon_arrow_green.gif) no-repeat 0 1px;
	padding:0 0 0 20px;
	display:block;
	margin:0 0 0 190px;
}

/* What's New------------------ */

article #whatsnew .main_inner{
	width:250px;
	margin:0 0 0px;
}
article #whatsnew dl{
	width:90%;
	margin:0;
	background: url(../img/top/line_dotted.gif) repeat-x left bottom;
	float:left;
	padding:10px 0 10px;
}
/* ?��ʼn�?��s?��{?��[?��_?��[?��Ȃ�?��w?��?�� */
/*
#main_left #whatsnew dl.noborder{
	background:none;
}
*/
article #whatsnew dl dt{
	width:50px;
	float:left;
	padding:0 0 0 5px;
	display:inline;
}
article #whatsnew dl dd{
	width:200px;
	padding:0 0 0 5px;
	float:left;
	display:inline;
}


article .underline{
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 16px;
	position: relative;
	border-bottom: 5px solid #c8c8c8;/*右：グレー*/
  }
 article .underline::before{
	content: '';
	position: absolute;
	bottom: -5px;
	width: 30%;
	height: 5px;
	background: #056d30;/*左：緑*/
  }

  img.img-trim{
	width: 17px;
	height: 19px;
	object-fit: none;
	object-position:100% 44%;
  }
  article .recruit ul {
	padding: 0em 1em 0.5em 1.3em;
	position: relative;
  }
  
  article .recruit ul li {
	line-height: 1;
	padding: 0.5em 0;
	list-style-type: none!important;
  }
  
  article .recruit ul li:before {
	
	content: "\f138";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	position: absolute;
	left : 1em;/*左端からのアイコンまでの距離*/
	color: #32A7CC;/*アイコン色*/
  }