@charset "utf-8";
/*
 * 案件名
 * v1.0
 * 
 * Copyright 2015 マサクリエイツ
 * http://www.masa-cr.com/
 *
 * ■Breakpoint
 * -799,800-999,1000-
 *
 * ■Color
 * #172a88 紺
 * 
 * 
 */
/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━  初期設定  */
html {
    color:#000;
    background-color:#fff;
    font-family: 'Open Sans', 'Droid Sans', 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
blockquote {border:dotted 1px #999}
dl {border:solid 1px #ccc}
table {border-top:solid 1px #ccc}
caption {background: #999;color: #fff}
th {background: #eee;border-bottom:solid 1px #ccc}
td {background:#fff;border-bottom:solid 1px #ccc}
hr {color:#ccc;background-color:#ccc}
fieldset {border:1px solid #ccc}
a {text-decoration:underline;color:#06c}
a:visited {text-decoration:;color:#609}
a:hover {text-decoration:none;color:;}
a:active {text-decoration:underline;color:#f30}

/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━  ボックス  */
.box {
	padding:.1em 2.5%;
}
.box,
.box1,
.box2-a, .box2-b,
.box3-a, .box3-b, .box3-c,
.box4-a, .box4-b, .box4-c, .box4-d,
.box12-a, .box12-b,
.box23-a, .box23-b,
.box13-a, .box13-b,
.box24-a, .box24-b {
	margin-bottom:1.5em;
}
@media screen and (min-width: 800px) {
	.box2-a, .box2-b {width:48.5%}
	.box3-a, .box3-b, .box3-c {width:31.3%}
	.box4-a, .box4-b, .box4-c, .box4-d {width:22.75%}
	.box12-a, .box23-b {width:65.7%}
	.box12-b, .box23-a {width:31.3%}
	.box13-a, .box24-b {width:74.25%}
	.box13-b, .box24-a {width:22.75%}
	.box2-a,
	.box3-a, .box3-b,
	.box4-a, .box4-b, .box4-c,
	.box12-a,
	.box23-a,
	.box13-a,
	.box24-a {float:left}
	.box2-b,
	.box3-c,
	.box4-d,
	.box12-b,
	.box23-b,
	.box13-b,
	.box24-b {float:right}
	.box3-a,
	.box4-a, .box4-b {margin-right:3%}
	.boxHalf {
		width:50%;
		float:left;
	}
	.box-left {
		width:37%;
		float:left;
	}
	.box-right {
		width:57%;
		float:right;
	}
    .changeWidth >.box2-a {width:53%}
    .changeWidth > .box2-b {width:44%}
    .changeWidth >.box12-a {width:60%}
    .changeWidth > .box12-b {width:33%}
    .changeWidth2 > .box2-a {width:40%}
    .changeWidth2 > .box2-b {width:57%}
    .changeWidth3 > .box2-a {width:45%}
    .changeWidth3 > .box2-b {width:45%}
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━  レイアウト  */
.inner {
	margin:0;
}
#header {
	position:relative;
	min-height:40px;
	padding-top:1em;
	overflow:hidden;
}
#contents .inner {
	/*padding:0 2% 3em;*/
}
.pdLR {
	padding-left:6%;
    padding-right:6%;
    box-sizing: border-box;
}
.pdLR2 {
	padding-left:3%;
    padding-right:3%;
    box-sizing: border-box;
}
#footer {
	clear:both;
	/*padding:0 .5em;*/
	overflow:hidden;
}
@media screen and (min-width: 800px) {
	/*.inner {
		margin:0 2%;
	}*/
}
@media screen and (min-width: 1200px) {
	#contents .inner {
		max-width: 1200px;
		margin:0 auto;
	}
    .pdLRwide {
        padding-left:8%;
        padding-right:8%;
        box-sizing: border-box;
    }
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━  グローバルナビ  */
.btnMenu {
	width:50px;/*サイズ変更のみで連動*/
	height:50px;/*サイズ変更のみで連動*/
	cursor:pointer;
	position:absolute;
	top:16px;
	right:0;
}
.btnMenu span {
	display:block;
	width:50%;
	height:10%;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	background:#172a88;
}
.btnMenu span:before,
.btnMenu span:after {
	content:'';
	width:100%;
	height:100%;
	background:#172a88;
	position:absolute;
	/*border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;*/
}
.btnMenu span:before{
	top:160%;
}
.btnMenu span:after{
	bottom:160%;
}
#globalNav {
	display:none;
	border-top:solid 6px #172a88;
}
#globalNav,
#globalNav li {
	list-style:none;
	margin:0;
	padding:0;
}
#globalNav li {
	text-align:center;
	border-bottom:solid 1px #ccc;
	float:none;
}
#globalNav li a {
	color:#000;
	text-decoration:none;
	display:block;
	padding:1em 0 .8em;
}
#globalNav li a:hover {
	background:#f0f0f0;
}
#globalNav li a span {
	color:#172a88;
	font-size:75%;
	display:block;
}
/*@media screen and (min-width: 700px) {*/
@media screen and (min-width: 940px) {
	.btnMenu {
		display:none;
	}
	#globalNav {
		display:block;
	}
	#globalNav li {
		width:16.666%;
		float:left;
	}
	#globalNav li a {
		border-right:solid 1px #ccc;
	}
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━  headSiteNav */
.headSiteNav,
.headSaiyoBtn,
.headSaiyoBtn2,
.headSaiyoBtn3,
.seikyushoBtn,
.headSnsBtn {
	display:none;
}
.headSaiyoBtn2 span,
.seikyushoBtn span {
	display:none;
}
.footSiteNav {
	text-align:center;
    margin-top:3em;
}
.footSiteNav li {
	display:inline;
	margin-right:.5em;
	padding-right:.8em;
	font-size:.78em;
	border-right:solid 1px #ddd;
}
.footSiteNav li:last-child {
	border:none;
}
.footSiteNav a {
	text-decoration:none;
	color:#666;;
}
.footSiteNav a:hover {
	color:#000;
}
/*@media screen and (min-width: 700px) {*/
@media screen and (min-width: 940px) {
	.headSiteNav {
		display:block;
		list-style:none;
		margin:0;
		padding:0;
		text-align:right;
		position:absolute;
		right:1em;
		top:1em;
	}
	.headSiteNav li {
		display:inline;
		margin-left:.5em;
		padding-left:.8em;
		font-size:.78em;
		border-left:solid 1px #ddd;
	}
	.headSiteNav li:first-child {
		border:none;
	}
	.headSiteNav a {
		text-decoration:none;
		color:#666;
	}
	.headSiteNav a:hover {
		color:#000;
	}
    .headSaiyoBtn,
    .headSaiyoBtn2,
    .headSaiyoBtn3,
    .seikyushoBtn,
	.headSnsBtn {
        display:block;
		position:absolute;
		top:35px;
    }
    .headSaiyoBtn3 {
		top:26px;
    }
    .headSaiyoBtn a,
    .headSaiyoBtn2 a,
    .seikyushoBtn a {
        text-decoration:none;
        border:solid 1px #172a88;
        padding:8px 12px 9px;
        /*font-family:"noto sans japanese", sans-serif;*/
        font-size:1.033em;
        border-radius:8px;
    }
    .headSaiyoBtn {
		right:13.5em;
    }
    .headSaiyoBtn a {
        background:#fff;
        color:#172a88;
    }
    .headSaiyoBtn a:hover {
        background: #172a88;
        color:#fff;
    }
    .headSnsBtn {
		top:27px;
		right:13.5em;
    }
    .headSaiyoBtn2 {
		right:27.2em;
    }
    .headSaiyoBtn2 a,
    .seikyushoBtn a {
        background: #172a88;
        color:#fff;
    }
    .headSaiyoBtn3 {
		right:16.7em;
    }
    .seikyushoBtn {
		right:39.8em;
    }
    .saiyoSite {
        display:none;
    }
	.footSiteNav {
		display:none;
	}
}
@media screen and (min-width: 1200px) {
	.headSaiyoBtn2 span,
	.seikyushoBtn span {
		display:inline;
	}
    .seikyushoBtn {
		right:44em;
    }
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  pagetop */
#pagetop {
	position:fixed;
	right:0;
	bottom:0;
}
#pagetop a,
#pagetop a span {
	display:block;
	margin:auto;
}
#pagetop a {
	height:54px;
	width:54px;
	background:rgba(23,42,136,0.60);
	position:relative;
}
#pagetop a span {
	width:0;
	height:0;
	border:solid 7px transparent;
	border-bottom:solid 10px #fff;
	background:none;
	position:absolute;
	top:14px;
	right:0;
	left:0;
}
#pagetop a:hover {
	background:rgba(23,42,136,0.80);
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━  クラス  */
/* フォントサイズ */
.fs_6l {font-size:1.75em}
.fs_5l {font-size:1.5em}/* 24 */
.fs_4l {font-size:1.25em}/* 20 */
.fs_3l {font-size:1.1875em}/* 19 */
.fs_2l {font-size:1.125em}/* 18 */
.fs_l {font-size:1.0625em}/* 17 */
.fs_m {font-size:1em}/* 16 */
.fs_s {font-size:.9375em}/* 15 */
.fs_2s {font-size:.875em}/* 14 */
.fs_3s {font-size:.8125em}/* 13 */
.fs_4s {font-size:.75em}/* 12 */
@media screen and (min-width: 560px), print {
    .fs_6l {font-size:2em}
}
@media screen and (min-width: 1000px), print {
    .fs_6l {font-size:2.5em}
    .fs_5l {font-size:2em}/* 32 */
    .fs_4l {font-size:1.875em}/* 30 */
    .fs_3l {font-size:1.5em}/* 24 */
    .fs_2l {font-size:1.25em}/* 20 */
    .fs_l {font-size:1.125em}/* 18 */
}
/* 文字色 */
.txc_01,a.txc_01 {color:#172a88}/* 紺*/
.txc_02,a.txc_02 {color:}
.txc_03,a.txc_03 {color:}
/*背景*/
.bgc_01 {background:}
.bgc_02 {background:}
.bgc_03 {background:}
/*見出し*/
.h_01 {
	color:#fff;
	background:#172a88;
	padding:.4em .6em;
	border-radius:0 1.1em 1.1em 0;
}
.h_02 {
	color:#fff;
	background:#1f69b4;
	border-left:solid 10px #172a88;
	font-weight:normal;
	padding:.3em .6em;
	position:relative;
}
.h_02:before {
	content:"";
	width:0;
	height:0;
	display:block;
	position:absolute; 
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	border:solid 4px transparent;
	border-left:solid 6px #172a88;
}
.h_03 {
	color:#fff;
	background:#238542;
	padding:.4em .6em;
	border-radius:0 1.1em 1.1em 0;
}
.h_03:before {
	content:"";
	/*width:1em;
	background:#333;*/
	border-left:solid 4px #fff;
	padding:.4em;
}
.h_04 {
	border-left:solid 5px #172a88;
	padding-left:.5em;
}
.h_05 {
	color:#172a88;
	background:#f0f0f0;
	padding:.5em 0 .5em 1em;
	vertical-align: middle;
	font-size:16px;
	position:relative;
}
.h_05:before {
	content:"";
	width:0;
	height:0;
	display:block;
	position:absolute; 
	top:0;
	bottom:0;
	left:6px;
	margin:auto;
	border:solid 6px transparent;
	border-left:solid 8px #172a88;
}
.h_06 {
	padding-top:.5em;
	padding-bottom:.25em;
	border-top:solid 1px #172a88;
	border-bottom:solid 1px #172a88;
}
.h_07 span {
    /*display:inline-block;*/
    padding-left:.5em;
    padding-right:.5em;
    border-bottom:solid 1px #172a88;
    color:#172a88;
    line-height:1.6;
}
.h_08 {
    border-bottom:solid 1px #172a88;
    color:#172a88;
    padding-left:14px;
}
.h_08 span {
    display:inline-block;
    border-left:solid 6px #172a88;
    padding:.2em 0 .2em 10px;
}
.h_08 + div {
    padding-left:30px;
}
.h_09 span {
    display:inline-block;
    background:#172a88;
    color:#fff;
    padding:.4em 1em;
    border-radius:1em;
}

/*リスト*/
.list_01 {background:}
.list_02 {background:}
.list_03 {background:}
/* List-Style-Type カスタム */
.customMarker {
	list-style:none;
	padding-left:0;
}
.customMarker li {
	padding-left:1.2em;
	text-indent:-1.2em;
}
.customMarker li:before {
	margin-right:.2em;
}
.customMarker.kome li:before {
	content:"※";
}
.customMarker.doubleCircle li:before {
	content:"◎";
}
.customMarker.Line li:before {
	content:"－";
}

/*ボタン*/
.btn_01 {
	border:solid 1px #d8e5f5;
	position:relative;
	line-height:1;
	/*font-family:"noto sans japanese", sans-serif;*/
}
.btn_01:after {
	content:"\f105";
	font-family:FontAwesome;
	color:#172a88;
	position:absolute;
	top:0;
	bottom:0;
	right:.5em;
	height:1em;
	margin:auto;
	font-size:140%;
}
.btn_01 a {
	display:block;
	color:#172a88;
	text-decoration:none;
	padding:.6em .3em;
	background:#d8e5f5;
	border:solid 3px #fff;
}
.btn_01 a:hover {
	border:solid 3px #d8e5f5;
}
.btn_02 a, a.btn_02 {
	text-decoration:none;
	color:#172a88;
	border:solid 1px #172a88;
	padding:0 .5em .1em;
	/*font-family:"noto sans japanese", sans-serif;*/
}
.btn_02 a:hover, a.btn_02:hover {
	background: #172a88;
	color:#fff;
}
span.btn_03 {
	margin-left:1em;
	color:#06c;
	white-space:nowrap;
}
span.btn_03:before {
	content:"\f0da";
	font-family:FontAwesome;
	margin-right:.1em;
}

/* その他 */
.fa {margin-right:.2em}
.linkBox:hover {
	cursor:pointer;
}
.lineHeightW {
	line-height:2;
}
.letterSpacing {
    letter-spacing:.15em;
}
.serif {
	font-family:'Times New Roman', Times, serif;
}
.clearTable,
.clearTable td,
.clearTable th {
	background:transparent;
	border:none;
}
.onlySp {
    display:none;
}
@media screen and (max-width: 799px) {
	.clearTable td,
	.clearTable th {
		padding:.5em 0;
	}
    .txa_cNarrow {
        text-align: center;
    }
    .onlySp {
        display:block;
    }
    .onlyPc {
        display:none;
    }
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━  オリジナル設定  */
#header {
	background:#fff;
}
.imgLogo {
	margin:.2em 0 .7em .7em;
}
@media screen and (min-width: 700px) {
	.imgLogo {
		margin:.65em 1.5em 1.2em;
	}
}

#contents {
	background:#f0f0f0;
}
#contents .inner {
	background:#fff;
}
#footer {
	/*background:url('../images/back_footer.jpg') no-repeat center bottom #172a88;
	padding:1em 0 8em 0;*/
    background:#172a88;
	padding:1em 0 1em 0;
	color:#fff;
	text-align:center;
}
#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer .fs_s span {
    display:inline-block;
}

/* topicsList */
.topicsList h3 {
	border-bottom:solid 3px #172a88;
	font-size:100%;
}
.topicsList h3 a {
	color:#172a88;
	text-decoration:none;
}
.topicsList h3 a:hover {
	text-decoration:underline;
}
.topicsList ul {
	list-style:none;
	margin:0;
	padding:0 0 0 .5em;
	font-size:87%;
}
.topicsList li:before {
	content:"\f0da";
	font-family:FontAwesome;
	color:#172a88;
	margin-right:.2em;
	margin-left:-.5em;
}
.topicsList li a {
	text-decoration:none;
	color:#000;
}
.topicsList li span {
	color:#666;
	margin-right:1em;
}
.topicsList li a:hover {
	text-decoration:underline;
}

/* topLink */
.topLink_01 {
	background:url('../images/back_topLink_01.jpg') no-repeat center bottom;
	background-size:cover;
	padding-top:12px;
	height:350px;
}
.topLink_02 {
	background-size:cover;
	background:url('../images/back_topLink_02.jpg') no-repeat center bottom;
	padding-top:12px;
	height:350px;
}

/* topServiceList */
.topServiceList {
	list-style:none;
	margin:0;
	padding:0;
}
.topServiceList li {
	list-style:none;
	margin:0;
	padding:/*30% 0 0*/180px 0 0;
	float:left;
	text-align:center;
}
.topServiceList li.no_01,
.topServiceList li.no_02 {
	width:50%;
}
.topServiceList li.no_03,
.topServiceList li.no_04,
.topServiceList li.no_05,
.topServiceList li.no_07,
.topServiceList li.no_07_2 {
	width:33.333%;
}
.topServiceList a {
	text-decoration:none;
	color:#fff;
	display:block;
	padding:1.2em 0;
}
.topServiceList .no_01 {
	background:url('../images/back_topServieList_01.jpg') no-repeat center center;
}
.topServiceList .no_01 a {
	background:#f39800;
}
.topServiceList .no_02 {
	background:url('../images/back_topServieList_02.jpg') no-repeat center center;
}
.topServiceList .no_02 a {
	background:#8fc31f;
}
.topServiceList .no_03 {
	background:url('../images/back_topServieList_03.jpg') no-repeat center center;
}
.topServiceList .no_03 a {
	background:#2ea7e0;
}
.topServiceList .no_04 {
	background:url('../images/back_topServieList_04.jpg') no-repeat center center;
}
.topServiceList .no_04 a {
	background:#dae000;
}
/*
.topServiceList .no_05 {
	background:url('../images/back_topServieList_05.jpg') no-repeat center center;
}
.topServiceList .no_05 a {
	background:#00a29a;
}
*/
.topServiceList .no_05 {
	background:url('../images/back_topServieList_06.jpg') no-repeat center center;
}
.topServiceList .no_05 a {
	background:#9fa120;
}
.topServiceList .no_07 {
	background:url('../images/back_topServieList_07.jpg') no-repeat center center;
}
.topServiceList .no_07 a {
	background:#dae000;
}
.topServiceList .no_07_2 {
	background:url('../images/back_topServieList_07_2.jpg') no-repeat center center;
}
.topServiceList .no_07_2 a {
	background:#dae000;
}
.topLink_03 {
	text-align:center;
	background:url('../images/back_topLink_03.jpg') no-repeat center center;
	margin:7%;
	box-shadow:2px 2px 6px #999;
	padding:170px 0 0;
	max-width:300px;
}
.topLink_03 a {
	text-decoration:none;
	color:#fff;
	display:block;
	padding:1.2em 0;
	background:#172a88;
}

@media screen and (max-width: 799px) {
	.topLink_03 {
		margin:7% auto;
	}
}
@media screen and (max-width: 979px) {
	.topServiceList li.no_01,
	.topServiceList li.no_02,
	.topServiceList li.no_03,
	.topServiceList li.no_04,
	.topServiceList li.no_05 {
		/*width:50%;*/
	}
}

/* mind */
.h_mind_01 {
	color:#172a88;
	margin-bottom:0;
	border-bottom:solid 1px #172a88;
	padding-bottom:.5em;
}
.subH_01 {
	color:#172a88;
	margin-top:-.75em;
}
.subH_01 span {
	background:#fff;
	padding-right:.5em;
}

/* article */
.article {
	margin:0 auto;
	padding:1px 6% 3em;
	background:#fff;
	max-width:800px;
}

/* machineList */
.machineList {
  	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	font-size:82%;
}
.machineList li {
	display:inline-block;
	padding:.5em 0;
}

/* philosophy */
.philosophyBox {
	background:url('../images/back_philosophy.jpg') no-repeat center bottom;
	padding:3em 0 310px;
	overflow:hidden;
}
@media screen and (min-width: 900px) {
	.philosophyBox .box-a {
		float:left;
		width:40%;
		padding-top:100px;
	}
	.philosophyBox .box-b {
		float:right;
		width:58%;
	}
	.mindBox .box-a {
		float:left;
		width:49%;
	}
	.mindBox .box-b {
		float:right;
		width:49%;
	}
}

/******* bizImageBox *******/
.bizImageBox {
	position:relative;
	width:95%;
	margin:4em auto 0;
}
.bizBox-b p,
.bizBox-c p {
	font-size:85%;
	margin:.5em 0;
}
.bizBox-b p {
	line-height:1.7;
}
.bizBox-c p {
	line-height:1.4;
}
.bizBox-b .h_03,
.bizBox-c .h_03 {
	margin:1.5em 0 .5em;
}
.bizImageBox img,
.bizImg {
	width:100%;
	margin:0 auto;
}
.bizImg {
	display:none;
	position:absolute;
	top:0;
	left:0;
	-moz-animation: anime1 1s ease 0s infinite normal;
	-webkit-animation: anime1 1s ease 0s infinite normal;
	-o-animation: anime1 1s ease 0s infinite normal;
	-ms-animation: anime1 1s ease 0s infinite normal;
	animation: anime1 1s ease 0s infinite normal;
	visibility:hidden;
}
.bizImg.bizImage_00 {
	display:block;
	visibility:visible;
}
@-moz-keyframes anime1 {
	0% {padding-top:0;} 50% {padding-top:5px;} 100% {padding-top:0px;}
}
@-webkit-keyframes anime1 {
	0% {padding-top:0;} 50% {padding-top:5px;} 100% {padding-top:0px;}
}
@-o-keyframes anime1 {
	0% {padding-top:0;} 50% {padding-top:5px;} 100% {padding-top:0px;}
}
@-ms-keyframes anime1 {
	0% {padding-top:0;} 50% {padding-top:5px;} 100% {padding-top:0px;}
}
@keyframes anime1 {
	0% {padding-top:0;} 50% {padding-top:5px;} 100% {padding-top:0px;}
}
@media screen and (min-width: 500px) {
	.bizBox-a {
		margin:0 10%;
	}
	.bizBox-b {
		width:48%;
		float:left;
	}
	.bizBox-c {
		width:48%;
		float:right;
	}
}
@media screen and (min-width: 860px) {
	.wrapBizBox-ab {
		width:75%;
		float:left;
		padding-top:1em;
	}
	.bizBox-a {
		width:67%;
		float:right;
		margin:0;
	}
	.bizBox-b {
		width:33%;
		float:left;
	}
	.bizBox-c {
		width:25%;
		float:right;
		padding-top:1em;
	}
	.bizH_01,
	.bizH_02,
	.bizH_03,
	.bizH_04,
	.bizH_05,
	.bizH_06 {
		transition: background 0.1s linear;
		-moz-transition: background 0.1s linear;
		-webkit-transition: background 0.1s linear;
		-o-transition: background 0.1s linear;
		-ms-transition: background 0.1s linear;
	}
	.bizH_01:hover,
	.bizH_02:hover,
	.bizH_03:hover,
	.bizH_04:hover,
	.bizH_05:hover,
	.bizH_06:hover {
		background:#00a0e9;
		cursor:default;
	}
	.bizImg {
		visibility:visible;
	}
	.bizImg.bizImage_00 {
		display:none;
	}
	.bizImg.bizImage_01 {
		display:block;
	}
	.loadSelect {
		background:#00a0e9;
	}
}





/*━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━  追加設定  */
/******* スタッフ紹介 ******/
.staffBoxA-a {
	margin-bottom:2em;
}
.staffBoxA-b {
	margin-bottom:2em;
}
.staffSchedule {
	list-style:none;
	margin:0 0 2em;
	padding:0;
}
.staffSchedule li {
	margin:0;
	padding:.5em;
	border-bottom:solid 1px #172a88;
}
.staffSchedule p {
	margin:0;
}
.staffInterview {
	border:none;
	padding:0;
}
.staffInterview dt {
	color:#172a88;
	border-top:solid 2px #172a88;
	border-bottom:solid 2px #172a88;
	padding:.3em 0;
	font-size:1.066em;
}
.staffInterview dd {
	margin:1em 0 2em;
}
@media screen and (min-width: 560px) {
	.staffBoxA-a {
		float:left;
		width:40%;
	}
	.staffBoxA-b {
		float:right;
		width:56%;
	}
	.staffBoxB {
		clear:both;
	}
}
@media screen and (min-width: 800px) {
	.staffBoxA {
		float:left;
		width:28%;
	}
	.staffBoxA-a {
		float:none;
		width:auto;
	}
	.staffBoxA-b {
		float:none;
		width:auto;
	}
	.staffBoxB {
		float:right;
		width:68%;
	}
}

.staff-list {
    min-height: 1000px;
    overflow:hidden;
}
.staff-list ul {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
    flex-wrap: wrap;
}
.staff-list ul li {
	margin:0;
	padding:0;
	position: relative;
	top: -200px;
	z-index: 2;
    width:50%;
    background: #172a88;
    text-align:center;
	/*display:none;*/
}
.staff-list ul li a {
	display:block;
	line-height:0;
    color:#fff;
    text-decoration:none;
    border:solid 2px #fff;
}
.staff-list ul li a:hover {
    opacity:.8;
}
.staff-list ul li img {
    display:block;
    opacity:1;
}
.staff-list ul li div {
	line-height:1.5;
    padding:.2em;
}
.staff-list ul li div.staffSyozoku {
    background:#f39800;
    line-height:1.2;
}
@media screen and (min-width: 560px) {
    .staff-list {
        min-height:800px;
    }
    .staff-list ul li {
        width:33.333%;
    }
}
@media screen and (min-width: 1000px) {
    .staff-list {
        position: relative;
        height:0;
        padding-top:47%;
        min-height:auto;
    }
    .staff-list ul {
        position: absolute;
        width:100%;
        top:0;
    }
    .staff-list ul li {
        width:20%;
    }
}
.staffHeader {
    background:#172a88;
    color:#fff;
    border-bottom:solid 10px #f39800;
}
@media screen and (min-width: 800px) {
    .staffImage {
        margin-top:-13em;
    }
}
@media screen and (min-width: 1000px) {
    .staffImage {
        margin-top:-16em;
    }
}

/******* 沿革 ******/
.historyTable {
	font-size:.88em;
	border-top:none;
}
.historyTable th {
	text-align:center;
	font-size:.88em;
	padding-left:0;
	padding-right:0;
	vertical-align:middle;
	border-bottom-color:#fff;
	background: #E6E9F4;
	color:#172a88;
}
.historyTable td {
	border-bottom-style:dotted;
	vertical-align:middle;
}

/******* サイトマップ *******/
.sitemap ul {
	list-style:none;
	padding:0;
}
.sitemap li {
	margin-left:1em;
	color:#06c;
}
.sitemap li:before {
	content:"\f0da";
	font-family:FontAwesome;
	margin-right:.2em;
}


/******* 採用パンフレット *******/
.pamphletImage img {
    margin-bottom:6%;
    box-shadow:10px 10px 20px rgba(0,0,0,.2);
}

/******* 採用情報 ******/
.itemList span {
	margin-right:1em;
	display:inline-block;
}
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index:1;
}
.recruitTh {
	width:6em;
}
@media screen and (min-width: 560px), print {
	.recruitTh {
		width:9em;
	}
}

/******* 事業紹介 ******/
.businessNav a {
	display:block;
    text-decoration: none;
    text-align:center;
    border: solid 1px #172a88;
    padding: 1.5em .5em;
    border-radius: 8px;
    color: #172a88;
    margin:1.5em 0;
}
.businessNav a:hover {
    color: #fff;
    background: #172a88;
}
.businessNav h2,
.businessNav p {
	margin:.5em 0;
}
@media screen and (min-width: 940px) {
	.businessNav {
		display:flex;
		gap:3%;
		margin-bottom:22.5%;
	}
	.businessNav a {
		width:100%;
	}
}