@charset "UTF-8";

/******************** CSS RESET ********************/
*, *:before, *:after {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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer,header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
img {max-width: 100%; vertical-align: bottom;}
hr {display: block;height: 1px;border: 0; border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
address {font-style: normal;}
input:not([type="radio"]):not([type="checkbox"]), button, textarea {padding: 0;margin: 0;background: none;border: none;border-radius: 0;outline: 0;-webkit-appearance: none;-moz-appearance: none;}
input {vertical-align: middle;}

/******************** 共通設定 ********************/
body {
	font-family: arial , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #333;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
}

/**** リンク ****/
a:link {text-decoration:underline; color:#2b3095;}
a:visited {text-decoration:underline; color:#791e78;}
a:hover {text-decoration:none; color:#9f0000;}
a:active {text-decoration:none; color:#9f0000;}

/* ヘッダー */
#header{
	border-bottom: 4px solid #d93600;
}
#header .header_inner{
	max-width: 998px;
	margin: 0 auto;
	vertical-align: middle;
	padding: 6px 0 2px;
	overflow: hidden;
}
#header .header_inner h1{
	float: left;
	padding: 20px 8px;
}
#header .header_inner .area{
	font-weight: bold;
	font-size: 125%;
	float: left;
	padding: 47px 0 0 8px;
}
#header .header_inner .greeting{
	font-size: 110%;
	font-weight: bold;
	float: right;
	display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
	align-items:center;
	vertical-align: middle;
	margin-right: 12px;
	padding-top: 2px;
}
#header .header_inner .greeting p{
	padding: 40px 8px 12px 0;
	/*letter-spacing: -0.001px;*/
}
#header .header_inner .greeting p span{
	font-size: 170%;
	display: inline-block;
	vertical-align: middle;
	margin: -3px 0 0 12px;
}
@media screen and (max-width: 998px){
	#header .header_inner h1{
		max-width: 260px;
	}
	#header .header_inner .area{
		font-size: 100%;
		padding: 42px 0 0 8px;
	}
	#header .header_inner .greeting p{
		font-size: 80%;
		padding: 38px 12px 15px 0;
	}
	#header .header_inner .greeting img{
		width: 80px;
	}
}
@media screen and (max-width: 770px){
	#header .header_inner{
		padding-bottom: 0;
	}
	#header .header_inner .greeting{
		display: inline-block;
		float: none;
		text-align: center;
		width: 100%;
		border-top: 1px solid #eee;
		background: #f9fbe9;
		padding: 10px 0;
	}
	#header .header_inner .greeting p{
		padding: 0;
		display: inline-block;
	}
	#header .header_inner .greeting img{
		width: 60px;
	}
}
@media screen and (max-width: 480px){
	#header .header_inner h1{
		max-width: 210px;
		padding: 8px 10px;
	}
	#header .header_inner .area{
		font-size: 90%;
		padding: 22px 0 0 4px;
	}
	#header .header_inner .greeting{
		padding: 5px 0;
	}
	#header .header_inner .greeting p{
		padding: 10px 0;
		font-size: 60%;
	}
	#header .header_inner .greeting p span{
		margin: -3px 0 0 8px;
	}
	#header .header_inner .greeting img{
		width: 50px;
	}
}


/* フッター */
#footer{
	background: #d93600;
	color: #fff;
	font-size: 90%;
	font-weight: normal;
	text-align: center;
	padding: 10px 0;
}
@media screen and (max-width: 480px){
	#footer{
		font-size: 60%;
	}
}

/* メインビジュアル */
.vis {
	max-width: 998px;
	margin: 0 auto;
}
.vis h2{
	height: 0;
}
.vis .bxslider{
	position: relative;
}

.vis .bx-wrapper {
    position: relative;
}
.vis .bx-wrapper li{
	margin: 0;
}
.vis .bx-wrapper .bx-viewport{
	overflow: visible !important;
}
@media screen and (max-width: 480px){
	.vis {
		margin-bottom: 70px;
	}
}
/* ページャー */
.bx-pager{
    margin: 0 auto;
    position: absolute;
	left: 16px;
    bottom: 16px;
    z-index: 9999;
}
.bx-pager-item {
    display: inline-block;
    margin: 0 8px 0 0;
    padding: 0;
    z-index: 9999;
}
.bx-pager-item a,.bx-controls-auto-item a {
    padding: 8px;
	border:1px solid #ccc;
	background: #fff;
    font-size: 80%;
    color: #222;
    text-decoration: none;
}
.bx-pager-item a.active {
    background-color: #000;
    color: #ffffff !important;
	pointer-events:none;
	cursor:default;
	text-decoration:none;
}
@media screen and (max-width: 480px){
	.bx-pager{
		bottom: -38px;
	}
	.bx-pager-item a{
		background: #aaa;
		color: #222;
		display: block;
		text-indent: -9999px;
		vertical-align: bottom;
		font-size: 70%;
		border: 0;
		width: 24px;
		height: 24px;
	}
}
/* 再生、停止 */
.bx-controls-auto{
    margin: 0 auto;
    position: absolute;
	right: 16px;
    bottom: 16px;
    z-index: 9999;
}
.bx-controls-auto-item {
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0;
}
.bx-controls-auto-item a {
	position: relative;
	background: #fff;
	color: #222;
}
.bx-controls-auto-item .bx-start,
.bx-controls-auto-item .bx-stop{
	position: relative;
}
.bx-controls-auto-item .bx-start{
	display:none;
}
@media screen and (max-width: 480px){
	.bx-controls-auto{
		bottom: -38px;
	}
}

/* コンテンツ */
.group{
	max-width: 998px;
	margin: 40px auto;
	padding: 0 20px;
	overflow: hidden;
}
.group h2{
	border-bottom: 1px solid #d93600;
	font-size: 156%;
	padding-bottom: 6px;
	margin-bottom: 20px;
}
.group h2 img{
	margin-right: 10px;
}
.group ul{
	display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
	flex-wrap: wrap;
		-ms-flex-wrap: wrap;
	padding-left: 14px;
}
.group ul li:nth-child(odd){
	width: 40%;
}
.group ul li:nth-child(even){
	width: 60%;
}
.group ul li{
	position: relative;
	padding-left: 16px;
	margin-bottom: 16px;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: -0.001em;
}
.group ul li:before{
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 8px;
	height: 8px;
	border-bottom: 2px solid #d93600;
	border-right: 2px solid #d93600;
	transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
}
.group .list{
	float: left;
	width: 70%;
}
.group .ceo{
	float: right;
	text-align: center;
	width: 30%;
}
.group .ceo small{
	display: block;
	font-size: 74%;
	text-align: center;
	margin-top: 8px;
}
@media screen and (max-width: 998px){
	.group{
		padding: 0 10px;
	}
	.group h2{
		font-size: 130%;
	}
	.group h2 img{
		height: auto;
		width: 32px;
		margin-top: -4px;
	}
	.group ul li{
		font-size: 90%;
		width: auto !important;
		margin: 0 4% 10px 0;
	}
	.group .list{
		float: none;
		width: 100%;
	}
	.group .ceo{
		float: none;
		width: 100%;
		margin-top: 20px;
	}
}
@media screen and (max-width: 480px){
	.group ul{
		padding-left: 10px;
	}
	.group ul li{
		width: 100% !important;
	}
	.group .ceo{
	}
	.group .ceo img{
		height: auto;
		width: 180px;
	}
}