@charset "UTF-8";


/* Setting
------------------------------------------------------------------- */
html,body { color:#222; line-height:1.6; text-align:left; font-size:65.5%; }
body { font-size:1.3rem; background:#FFF; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; margin: 0 auto;}

a { color:#2F3F60; text-decoration:underline;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
img { max-width:100%; height:auto; }

	/* block */
	section { padding:1.8em 1em 1.8em; }
	section:after { content:""; display:block; clear:both; }
	
	section > h1 { text-align:center; margin-bottom:1.6em; font-size:2.2rem; text-transform:uppercase; letter-spacing:1px; font-family:'Josefin Sans', sans-serif; color:#000; position:relative; padding-bottom:0.5em; }
	section > h1:first-letter { font-size:3.4rem; }
	section > h1 span { display:block; font-size:1.1rem; color:#000; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; margin-top:-15px; letter-spacing:0px; }
	section > h1:after { content:""; width:80px; height:2px; background:#2F3F60; position:absolute; left:50%; bottom:0; margin-left:-40px; }
	
	.red { color:#EE1C25; }
	
	body > h1 { padding:1em; background:#2F3F60; color:#FFF; text-align:center; font-weight:bold; letter-spacing:1px; }



/* header
------------------------------------------------------------------- */
body > header:after { content:""; display:block; clear:both; }
body > header h2 { height:2.5em; line-height:2.5em; color:#FFF; background:#2F3F60; text-align:center; font-size:1rem; }
body > header h1 { float:left; width:30%; margin:0.5em 1em 0; }
body > header > a { float:right; text-align:center; width:20%; height:5em; border-left:1px solid #DDD; border-bottom:1px solid #DDD;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.51, #EEEEEE), color-stop(0.48, #FFFFFF));
background: -webkit-linear-gradient(top, #FFFFFF 48%, #EEEEEE 51%);
background: -moz-linear-gradient(top, #FFFFFF 48%, #EEEEEE 51%);
background: -o-linear-gradient(top, #FFFFFF 48%, #EEEEEE 51%);
background: -ms-linear-gradient(top, #FFFFFF 48%, #EEEEEE 51%);
background: linear-gradient(top, #FFFFFF 48%, #EEEEEE 51%); }
body > header > a img { width:50%; position:relative; vertical-align:top; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }



/* pagetop
------------------------------------------------------------------- */
.pagetop a { display:block; padding:40px 0 10px; text-align:center; background:#596580; color:#CCC; letter-spacing:1px; text-transform:uppercase; text-decoration:none; position:relative; font-size:1rem; margin-top:4em; }
.pagetop a:after { content:""; width:20px; height:20px; position:absolute; right:50%; top:50%; margin:-10px -10px 0 0; border-right:1px solid #CCC; border-bottom:1px solid #CCC; 
-ms-transform:rotate(225deg); -webkit-transform:rotate(225deg); transform:rotate(225deg);
-webkit-animation:3s pt infinite ease; -moz-animation:3s pt infinite ease; -ms-animation:3s pt infinite ease; -o-animation:3s pt infinite ease; animation:3s pt infinite ease; }

	@-webkit-keyframes pt {
		0%,100% { top:50%; }
		50% { top:40%; }
	}
	@-moz-keyframes pt {
		0%,100% { top:50%; }
		50% { top:40%; }
	}
	@-ms-keyframes pt {
		0%,100% { top:50%; }
		50% { top:40%; }
	}
	@-o-keyframes pt {
		0%,100% { top:50%; }
		50% { top:40%; }
	}
	@keyframes pt {
		0%,100% { top:50%; }
		50% { top:40%; }
	}


/* footer
------------------------------------------------------------------- */
body > footer { background:#0A2C73; text-align:center; padding:2em 1em; font-size:1.2rem; color:#FFF; }
body > footer h1 { text-align:center; margin: 0 auto;}
body > footer h1 img { width:32%; }
body > footer > p {}
body > footer small { text-align:center; font-size:1rem; color:#EEE; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-top:2em; display:block; }



/*
/	PAGE
/
---------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------- */
.home .fv .bx-controls { display:none; }

.home .top {
	z-index:99999;
	position:relative;
}
.home .top address { padding:0 1em; margin-bottom:1.5em; }
.home .top ul { width:100%; }
.home .top ul:after { content:""; display:block; clear:both; }
.home .top ul li { float:left; width:49%; padding:1px; padding-left:0; }
.home .top ul li:nth-child(2n) { padding-right:0; }
.home .top ul li:nth-child(1),
.home .top ul li:nth-child(2) { padding-bottom:0; }
.home .top ul li a { display:block; width:100%; height:4em; line-height:4em; font-size:1.25rem; text-align:center; position:relative; background:#0A2C73; color:#FFF; text-decoration:none; }
.home .top ul li a span { position:absolute; left:0; top:18px; width:100%; text-indent:0; letter-spacing:1px; font-size:1rem; letter-spacing:1px; color:#FFF; }

.home .s1 { margin-bottom:-2em; }
.home .s1 h2 {
	margin-bottom:2em;
	text-align:center;
	font-size: 24px;
	font-weight: bold;
	color: #006;
}
.home .s1 strong {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.home .s1 img  {
	max-width:100%;
	height: auto;
	width: 100%;
	margin-bottom: 15px;
	margin-top: 15px;
}
.home .s1 h3 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.home .s1 p {
	font-size:14px;
	line-height: 25px;
	margin-bottom: 25px;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 25px;
}
.home .s1 ul {
	line-height: 30px;
	margin-bottom: 25px;
	margin-top: 25px;
}
.home .s1 ul li {
	line-height: 30px;
}
.home .s1 #gre tr td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #036;
}




.home .s2 > ul { margin-bottom:3em; }
.home .s2 > ul li { height:140px; margin-bottom:1.5em; background:#FFF; }
.home .s2 > ul li a { display:block; width:100%; height:100%; text-decoration:none; color:#222; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2); -o-box-shadow:0px 0px 5px rgba(0,0,0,0.2); box-shadow:0px 0px 5px rgba(0,0,0,0.2); }
.home .s2 > ul li > dl{
	width:100%;
	height:auto;
	padding:10px;
	float: left;
}
.home .s2 > ul ｌｉ > dl dt{ float:left; width:150px; height:120px; background-position:center center; background-repeat:no-repeat; background-size:cover; margin-right:20px; }
.home .s2 > ul li > a dl img{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.home .s2 > ul li > dl dd{
	overflow:hidden;
	float: left;
	width: 60%;
	margin-top: 10px;
}
.home .s2 > ul li > dl dd h3{
	font-size:1.3rem;
	font-weight:bold;
	margin-bottom:10px;
	margin-top: 10px;
}
.home .s2 > ul li > dl dd h4{ color:#930; font-size:1.05rem; margin:0.5em 0; }
.home .s2 > ul li > dl dd p{ font-size:1rem; }

/* news/blog */
.home .s2 div { width:100%; position:relative; font-size: 5px; line-height: 10px;}
.home .s2 div:first-of-type { margin-bottom:4em; }
.home .s2 div h2 { margin-bottom:1.5em; font-size:2rem; text-transform:uppercase; letter-spacing:1px; font-family:'Josefin Sans', sans-serif; color:#000; position:relative; padding-left:20px; }
.home .s2 div h2:first-letter { font-size:3rem; }
.home .s2 div h2 span { font-size:1.05rem; color:#000; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; margin-top:-2px; margin-left:10px; letter-spacing:0; }
.home .s2 div h2:after { content:""; width:2px; height:26px; background:#2F3F60; position:absolute; left:0; top:-9px; }
.home .s2 div ul { margin-bottom:3em; }
.home .s2 div li { margin-bottom:20px; height:30px; }
.home .s2 div li:last-child { margin-bottom:0; }
.home .s2 div li dl:after { content:""; display:block; clear:both; }
.home .s2 div li dl dt { float:left; width:100px; height:100px; background-position:center center; background-repeat:no-repeat; background-size:cover; margin-right:20px; }
.home .s2 div li dl dd { overflow:hidden; height:100px; position:relative; }
.home .s2 div li dl dd h1 { font-size:1.3rem; text-decoration:none; margin-bottom:10px; line-height:1.4; }
.home .s2 div li dl dd h1 a { text-decoration:none; }
.home .s2 div li dl dd q { font-size:1rem; line-height:1.3; display:block; }
.home .s2 div li dl dd time { display:block; position:absolute; left:0; bottom:0; color:#888; font-size:1rem; }
.home .s2 div > a { display:block; width:70%; height:32px; line-height:32px; background:#F38613; font-size:1.2rem; text-align:center; text-decoration:none; color:#FFF; border-radius:5px; margin:0 auto; }
.home .s2 div li h1 { font-size:1.2rem; margin-bottom: 7px;}
.home .s2 div li time { font-size:1rem; }

.home .s3 ul:after { content:""; display:block; clear:both; }
.home .s3 li { float:left; width:50%; }
.home .s3 li a { display:block; width:100%; height:280px; border-right:1px solid #CCC; padding-right:1em; text-decoration:none; color:#222; margin-bottom:1.5em; position:relative; border-bottom:2px solid #FFF; }
.home .s3 li:nth-child(2n) a { border-right:none; padding-left:1em; padding-right:0; }
.home .s3 li img { margin-bottom:20px; }
.home .s3 li h2 { font-weight:bold; font-size:1.3rem; margin-bottom:10px; }
.home .s3 li p { font-size:1.1rem; line-height:1.4; }
.home #keiji_sp {margin-bottom: 50px;}
.home #keiji_sp a {
    display: block;
    width: 96%;
    height: 60px;
    line-height: 58px;
    /* background: #F38613; */
    font-size: 1.5rem;
    text-align: center;
    text-decoration: none;
    color: #3F51B5;
    border-radius: 5px;
    margin: 0 auto;
    border: 2px solid #3F51B5;
}
    

/* G2_採用情報
------------------------------------------------------------------- */
/* Table */
table#recruit{ width:100%; border:none; padding:0; background: url(../images/table_bg.jpg) left bottom repeat-x; }
table#recruit th{ width:20%; border:1px solid #666; text-align:center; font-weight:bold; padding:5px 0; color:#246B95; }
table#recruit td{ width:80%; padding:10px; border:1px solid #666; }


/* G2_掲示板お知らせ
------------------------------------------------------------------- */
/* Table */
table.bulletin_board{ width:100%; border:none; padding:0; background: url(../images/table_bg.jpg) left bottom repeat-x; border-collapse:  collapse; font-size: 13px; }
table.bulletin_board tr{  }
table.bulletin_board th{ width:30%; text-align:center; font-weight:bold; padding:10px 0; color:#246B95; border:1px solid #666; border-right: none;font-size: 11px;}
table.bulletin_board th.nado{border-right: 1px solid #666;}
table.bulletin_board td{ border:1px solid #666; padding:10px 0 10px 10px; }