@charset "UTF-8";
html {
	overflow-y: scroll;
}

fieldset, img {
	border: none;
}

ul, ol {
	list-style-type: none;
}

address, caption, cite, code, dfn, em, var {
	font-style: normal;
}

caption, th {
	text-align: left;
}

a {
	outline: none;
}

/*-----------------------------------------------------------
		余白初期設定
-----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
html, body, div,
p, ul, ol, li, dl, dt, dd,
pre, blockquote,
form, fieldset, input, textarea,
table, th, td {
	margin: 0;
	padding: 0;
}

/*-----------------------------------------------------------
		その他初期設定
-----------------------------------------------------------*/
q:before, q:after {
	content: '';
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	color: #231815;
	line-height: 1.5;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	/*padding-bottom: 85px;*/
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

button, fieldset, form, input, label, legend, select, textarea {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
}

a {
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a:hover {
	opacity: 0.5;
}
a:active {
	text-decoration: none;
}

@media screen and (max-width: 988px) {
	body {
		font-size: 1.2vw;
	}
}
@media screen and (max-width: 599px) {
	body {
		font-size: 12px;
		/*padding-bottom: 60px;*/
	}
}

/*-----------------------------------------------------------
		基本レイアウト
-----------------------------------------------------------*/
.inwrap {
	position: relative;
	max-width: 958px;
	margin: 0px auto;
}

.inwrap2 {
	position: relative;
	max-width: 840px;
	margin: 0px auto;
}

.sp {
	display: none;
}

/*----------------------- header --------------------------*/
header h1 {
	padding: 15px 30px;
	font-size: 0px;
	line-height: 0px;
}
header .menu {
	display: none;
}
header nav {
	background: -webkit-gradient(linear, left top, left bottom, from(#f3fafe), to(#d7e9f8));
	background: -webkit-linear-gradient(#f3fafe, #d7e9f8);
	background: -o-linear-gradient(#f3fafe, #d7e9f8);
	background: linear-gradient(#f3fafe, #d7e9f8);
	border-top: 4px solid #0A318F;
}
header nav ul {
	width: 958px;
	margin: 0px auto;
}
header nav ul li {
	float: left;
	padding-right: 20px;
	background: url(../img/common/line.png) right center no-repeat;
	line-height: 1.1;
}
header nav ul li a {
	display: block;
	padding: 0.77em 15px;
	color: #0A318F;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}
header nav ul li a span {
	display: block;
	font-size: 9px;
}
header nav ul li.line2 a {
	padding: 0.53em 15px;
}
header nav ul li:first-child {
	padding-left: 15px;
}
header nav ul li:last-child {
	padding-right: 0px;
	background: none;
}

/*----------------------- head --------------------------*/
.head {
	border-top: 24px solid #0A318F;
	border-bottom: 24px solid #0A318F;
}
.head .inwrap {
	height: 700px;
	background: url(../img/common/head-bg.png) center bottom no-repeat;
}

/*----------------------- common --------------------------*/
.bg {
	background: #d9e7f6;
}
.pan {
    padding-top: 1em;
	max-width: 840px;
	margin: 0px auto;
	text-align: right;
}
.pan a {
	color: #231815;
}
.overlay {
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: block;
	width: 100%;
	background: rgba(8, 42, 125, 0.85);
	background-blend-mode: multiply;
	color: #fff;
	text-align: center;
}
.overlay span {
	display: block;
}

.line-heading {
	margin: 0px auto;
	border-bottom: 1px solid #2D4097;
	font-size: 24px;
	font-weight: normal;
	color: #2D4097;
	text-align: center;
	line-height: 1.4;
}
.line-heading span {
	display: block;
	padding-bottom: 0.5em;
	font-weight: bold;
	color: #0A318F;
	font-size: 12px;
}

.line-heading2 {
	padding: 0.4em 1.2em;
	background: #0A318F;
	font-size: 15px;
	color: #fff;
	font-weight: normal;
}

.pagetop {
	max-width: 958px;
	margin: 0px auto;
	padding: 10px 0px;
	text-align: right;
}

.linkbox {
	cursor: pointer;
}

/*----------------------- footer --------------------------*/
footer {
	padding: 0.8em;
	background: #0A318F;
	color: #fff;
}
footer .fnavi {
	position: relative;
	z-index: 1;
	margin-bottom: -1.5em;
	text-align: right;
	font-weight: bold;
}
footer a {
	color: #fff;
}

.fixdbn {
	position: fixed;
	left: 0px;
	bottom: 0px;
	right: 0px;
	text-align: center;
}
.fixdbn a {
	display: block;
	padding-top: 5px;
	font-size: 0px;
	line-height: 0px;
	animation: blink 1s linear infinite normal;
	-webkit-animation: blink 1s linear infinite normal;
	-moz-animation: blink 1s linear infinite normal;
	-o-animation: blink 1s linear infinite normal;
}
.fixdbn.blue {
	background: #0e6ec8;
}
.fixdbn.green {
	background: #8cc11f;
}
@keyframes blink{
	0% { opacity: 1;}
	10% { opacity: 0.5;}
	100% { opacity: 1;}
}
@-webkit-keyframes blink{
	0% { opacity: 1;}
	10% { opacity: 0.5;}
	100% { opacity: 1;}
}
@-moz-keyframes blink{
	0% { opacity: 1;}
	10% { opacity: 0.5;}
	100% { opacity: 1;}
}
@-o-keyframes blink{
	0% { opacity: 1;}
	10% { opacity: 0.5;}
	100% { opacity: 1;}
}

@media screen and (max-width: 988px) {
	.inwrap {
		padding: 0px 20px;
	}

	header .inwrap {
		padding: 0px;
	}
	header h1 {
		padding: 3%;
	}
	header nav ul {
		width: auto;
	}
	header nav ul li {
		padding-right: 24px;
		background-size: auto 56%;
	}
	header nav ul li a {
		padding: 0.77em 0.9em;
		font-size: 1.7vw;
	}
	header nav ul li a span {
		font-size: 0.9vw;
	}
	header nav ul li.line2 a {
		padding: 0.53em 0.9em;
	}
	header nav ul li:first-child {
		padding-left: 1.2em;
	}

	/*----------------------- head --------------------------*/
	.head .inwrap {
		position: relative;
		height: auto;
		background-size: 100% auto;
	}
	.head .inwrap:before {
		content: "";
		display: block;
		padding-top: 52.5%;
	}

	/*----------------------- common --------------------------*/
	.line-heading {
		font-size: 2.4vw;
	}
	.line-heading span {
		font-size: 1.2vw;
	}

	.line-heading2 {
		font-size: 1.5vw;
	}

	.pagetop {
		margin: 0px 20px;
	}

	.fixdbn a {
		padding: 5px 30px 0px;
	}
	.fixdbn a img {
		max-width: 100%;
	}
}
@media screen and (max-width: 880px) {
	.inwrap2 {
		padding: 0px 20px;
	}

	header .menu {
		display: block;
		position: absolute;
		right: 0px;
		top: 0px;
		z-index: 1;
		width: 40px;
		height: 42px;
		background: #d9e7f6;
		cursor: pointer;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	header .menu span {
		display: inline-block;
		position: absolute;
		left: 5px;
		width: 30px;
		height: 3px;
		background-color: #7dbee9;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	header .menu span:nth-of-type(1) {
		top: 6px;
	}
	header .menu span:nth-of-type(2) {
		top: 15px;
	}
	header .menu span:nth-of-type(3) {
		bottom: 15px;
	}
	header .menu span:nth-of-type(4) {
		bottom: 6px;
	}
	header nav {
		background: #f3fafe;
		border-bottom: 4px solid #0A318F;
	}
	header nav ul {
		display: none;
		width: auto;
	}
	header nav ul li {
		float: none;
		padding: 0px;
		background: none;
		border-bottom: 1px solid #7dbee9;
	}
	header nav ul li a {
		padding: 15px;
		font-size: 15px;
		text-align: left;
	}
	header nav ul li a span {
		display: inline-block;
		padding-right: 0.5em;
		font-size: 11px;
	}
	header nav ul li.line2 a {
		padding: 15px;
	}
	header nav ul li:first-child, header nav ul li:last-child {
		padding: 0;
	}
	.pan {
		margin: 0px 20px;
	}
}
@media screen and (max-width: 599px) {
	.sp {
		display: inherit;
	}

	.pc {
		display: none;
	}

	header h1 {
		padding: 8px 10px;
	}
	header h1 img {
		width: 125px;
		height: auto;
	}

	/*----------------------- common --------------------------*/
	.line-heading {
		font-size: 20px;
	}
	.line-heading span {
		font-size: 12px;
	}

	.line-heading2 {
		padding: 0.5em 1em;
		font-size: 14px;
	}

	.pagetop img {
		width: 60px;
		height: auto;
	}
	.voiceArea2 .pagetop {
		margin: -40px 0px 0px;
	}
	.overlay {
		border-radius: 0px 0px 6px 6px;
	}

	/*----------------------- head --------------------------*/
	.head {
		border-top: 9px solid #0A318F;
		border-bottom: 9px solid #0A318F;
	}
	.head .inwrap:before {
		padding-top: 52.1875%;
	}

	footer {
		text-align: right;
		font-size: 10px;
	}
	footer .fnavi {
		margin-bottom: 0em;
		font-weight: normal;
	}
}
/*-----------------------------------------------------------
	クリアフィックス
-----------------------------------------------------------*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

* html .clearfix {
	zoom: 1;
}

*:first-child + html .clearfix {
	zoom: 1;
}

.index.head {
	position: relative;
	height: 700px;
	width: 100%;
}

#top .copy {
	position: absolute;
	left: 370px;
	top: 200px;
}
.index .btn {
	position: absolute;
	right: -13px;
	top: -8px;
}
#top .btn a {
	display: block;
	line-height: 0;
}

.index #rec {
	display: none;
	background: url(../img/recruit/main.jpg) center no-repeat;
	background-size: cover;
}
#rec .copy {
	position: absolute;
	left: 0px;
	top: 90px;
	width: 100%;
	text-align: center;
}
.index #csr {
	display: none;
	background: url(../img/csr/main.jpg) center no-repeat;
	background-size: cover;
}
#csr .copy {
	display: block;
	position: absolute;
	left: 0;
	top: 130px;
	width: 100%;
	text-align: center;
}
.index .item {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 700px;
}
.index .inwrap {
	height: 700px;
	z-index: 1000;
}

.index #index01 {
	background: url(../img/index/slide01.jpg) center no-repeat;
	/*background-size: cover;*/
}
.index #index02 {
	display: none;
	background: url(../img/recruit/slide01.jpg) center no-repeat;
	/*background-size: cover;*/
}
.index #index03 {
	display: none;
	background: url(../img/recruit/slide03.jpg) center no-repeat;
	/*background-size: cover;*/
}

.index .bg {
	height: 700px;
	background: url(../img/common/head-bg.png) center bottom no-repeat;
}
.index .slide {
	position: absolute;
	left: 50%;
	bottom: 75px;
	z-index: 9999;
	margin-left: 374px;
}
.index .slide li {
	float: left;
	margin-left: 14px;
}
.index .slide li a {
	display: block;
	width: 14px;
	height: 14px;
	background: #fff;
}
.index .slide li.current a {
	background: #0A318F;
}

.group {
	margin-right: 20px;
	padding: 1.5em 90px 1.5em 0px;
	background: url(../img/index/brother.png) right center no-repeat;
	text-align: right;
}

.news {
	background: #f4f4f5;
}
.news .newsArea {
	display: table;
	width: 800px;
	margin: 0px auto;
	padding: 2em 0px 1em;
}
.news .newsArea h2, .news .newsArea dl {
	display: table-cell;
}
.news .newsArea h2 {
	width: 155px;
	vertical-align: middle;
}
.news .newsArea dt, .news .newsArea dd {
	float: left;
	margin-bottom: 1em;
}
.news .newsArea dt {
	clear: both;
	width: 7em;
}

#top-navi {
	padding: 44px 0px 19px;
}
#top-navi ul {
	padding: 0px 100px;
}
#top-navi ul .navi-item {
	width: 100%;
	height: 165px;
    position: relative;
	margin-bottom: 40px;
}
#top-navi ul .navi-item:nth-child(1) a {
	background: url("../img/index/navi-item01_bg.jpg") center center / contain no-repeat;
}
#top-navi ul .navi-item:nth-child(2) a {
	background: url("../img/index/navi-item02_bg.jpg") center center / contain no-repeat;
}
#top-navi ul .navi-item:nth-child(3) a {
	background: url("../img/index/navi-item03_bg.jpg") center center / contain no-repeat;
}
#top-navi ul .navi-item:nth-child(4) a {
	background: url("../img/index/navi-item04_bg.jpg") center center / contain no-repeat;
}
#top-navi ul .navi-item:nth-child(5) a {
	background: url("../img/index/navi-item05_bg.jpg") center center / contain no-repeat;
}
#top-navi ul .navi-item a {
	display: block;
	width: 758px;
	height: 165px;
}
#top-navi ul .navi-item a:hover {
	opacity: 0.9;
	transform: 1s;
}
#top-navi ul .navi-item a .item-title {
	width: 336px;
	background-color: #123477;
	opacity: 0.9;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	border-radius: 0px 50px 50px 0px;
	padding: 5px 0;
}
#top-navi ul .navi-item a .item-title .title-head {
	color: #fff;
    font-size: 28px;
	font-weight: normal;
    border-bottom: 1px solid #fff;
    padding-left: 20px;
    margin-right: 20px;
}
#top-navi ul .navi-item a .item-title .title-en {
	color: #fff;
    font-size: 14px;
	font-weight: normal;
    padding-left: 20px;
    margin-right: 20px;
}

.recruitpan {
	margin-bottom: 1em;
}
#recruitArea {
	border-top: 8px solid #0a318d;
	border-bottom: 16px solid #0a318d;
}
#recruitArea.bnone {
	border: none;
}
#recruitArea .bgtitle {
	position: relative;
	height: 194px;
	background: url(../img/index/recbg.jpg) center no-repeat;
	font-size: 30px;
	font-weight: normal;
}
#recruitArea .bgtitle .overlay {
	padding: 0.3em 0px;
	line-height: 1.2;
}
#recruitArea .bgtitle .en {
	font-size: 10px;
}
#recruitArea .line-heading {
	width: 200px;
	padding: 50px 0px 0px;
}
#recruitArea.bnone .line-heading {
	padding: 0px;
	margin-bottom: 25px;
}
#recruitArea .inwrap {
	width: 730px;
}
#recruitArea .read {
	padding: 40px 0px 50px;
	text-align: center;
	font-size: 24px;
	color: #0a318d;
}
#recruitArea .more, .voiceArea .more {
	margin-bottom: 60px;
	text-align: center;
}
#recruitArea .more a, .voiceArea .more a {
	display: inline-block;
	padding: 0.5em 2em 0.3em;
	background: #036eb7;
	border-radius: 1.5em;
	color: #fff;
	font-size: 16px;
}
#recruitArea .more a span, .voiceArea .more a span {
	padding-left: 0.5em;
	font-size: 22px;
	font-weight: bold;
}
.voiceArea .more {
	padding-top: 50px;
	margin-bottom: 0px;
}
.voiceArea .more a {
	padding: 0.8em 2em;
	background: #0a318d;
}
.recitems .item {
	clear: both;
	position: relative;
	margin-bottom: 50px;
}
.recitems .item h3 {
	margin-bottom: 20px;
	padding: 0.3em 0.5em;
	background: #0a318d;
	font-size: 23px;
	color: #fff;
	line-height: 1;
}
.recitems .item h3 a {
	color: #fff;
}
.recitems .item h3 a span {
	margin-left: 1em;
	letter-spacing: 0.1em;
	font-size: 13px;
	vertical-align: middle;
}
.recitems .item h3 a span span {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin: 0px 0.2em;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	font-size: 14px;
	color: #0a318d;
	line-height: 1.5;
}
.recitems .item .pick {
	position: absolute;
	top: 10px;
	right: 10px;
}
.recitems .item .pick span {
	display: inline-block;
	margin-left: 10px;
	padding: 0em 1em;
	border-radius: 1.5em;
	background: #fff;
	color: #0a318d;
	font-weight: bold;
}
.recitems .item .pick span.att {
	color: #e50012;
	font-size: 14px;
	background: #ffff00;
}
.recitems .item .img {
	float: left;
	width: 254px;
	border: 1px solid #0a318d;
	font-size: 0px;
	line-height: 0px;
}
.recitems .item .img img {
	width: 100%;
}
.recitems .item .text {
	float: right;
	width: 450px;
}
.recitems .item .text p {
	margin-bottom: 0.3em;
	color: #171c61;
	font-size: 19px;
	font-weight: bold;
}
.recitems .item .text .icons {
	font-size: 0px;
}
.recitems .item .text .icons li {
	display: inline-block;
	margin: 0px 8px 5px 0px;
	padding: 0.2em 0.5em;
	border: 1px solid #496cd9;
	color: #496cd9;
	font-weight: bold;
	font-size: 12px;
}
.recitems .item .text .icons li.att {
	color: #e50012;
	border-color: #e50012;
}
.recitems .item .text .bn {
	padding-top: 0.5em;
	margin-bottom: 0;
	color: #171c61;
	font-size: 15px;
	font-weight: normal;
}
.recitems .intern {
	padding-bottom: 20px;
	background: #def5fa;
}
.recitems .intern h3 {
	background: #00a199;
}
.recitems .intern .pick span {
	color: #00a199;
}
.recitems .new {
	padding-bottom: 20px;
	background: #def5fa;
}
.recitems .new h3 {
	background: #00afd5;
}
.recitems .new .pick span {
	color: #00afd5;
}

#recEntry {
	padding: 0px 0px 50px;
	background: #eee;
	font-size: 18px;
}
#recEntry .link {
	background: #8cc11f;
	text-align: center;
	margin-bottom: 50px;
	font-size: 0px;
	line-height: 0px;
}
#recEntry .link a {
	display: block;
	padding-top: 5px;
}
#recEntry p.copy {
	font-size: 20px;
	font-weight: bold;
	color: #0a318d;
}
#recEntry p {
	margin-bottom: 1em;
}
#recEntry .images .item {
	float: left;
	width: 32%;
	margin-right: 2%;
}
#recEntry .images .item:nth-child(3n) {
	margin-right: 0px;
}
#recEntry .images .item .caption {
	margin: 3px 0 0;
	font-size: 16px;
	color: #666;
}
#recEntry .images .item img {
	max-width: 100%;
}

#access {
	padding: 35px 0px 60px;
}
#access h2 {
	width: 200px;
	margin-bottom: 45px;
}
#access .map {
	margin-bottom: 30px;
}
#access .map .mapbox {
	position: relative;
	float: left;
	width: 430px;
	height: 225px;
	margin-left: 100px;
	margin-right: 30px;
	overflow: hidden;
}
#access .map .mapbox h3 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 110px;
	height: 110px;
	color: #fff;
	font-size: 19px;
	line-height: 1.2;
	overflow: hidden;
}
#access .map .mapbox h3 span {
	display: block;
	position: relative;
	z-index: 1;
	padding-left: 0.8em;
	padding-top: 0.5em;
	font-weight: normal;
}
#access .map .mapbox h3:before {
	content: "";
	display: block;
	position: absolute;
	left: -133px;
	top: -133px;
	width: 220px;
	height: 220px;
	background: #0A318F;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#access .map .address {
	float: left;
	width: 300px;
	padding-top: 3em;
}
#access .map .address p {
	padding-bottom: 1.5em;
}
#access .map .address dt, #access .map .address dd {
	float: left;
	margin-bottom: 0.8em;
}
#access .map .address dt {
	clear: both;
	width: 5em;
}
#access .map .address dd:before {
	content: "…";
}
#access .map:last-child {
	margin-bottom: 0px;
}
#access .map:first-of-type .mapbox h3 span {
	padding-top: 0.8em;
}

#service {
	padding: 30px 50px;
}
#service h2 {
	width: 10em;
}
#service .box {
	margin-top: -45px;
	float: left;
	width: 374px;
}
#service .box h3 a {
	display: block;
	height: 82px;
	margin-bottom: 3px;
	padding-top: 74px;
	font-size: 26px;
	color: #1D2088;
	line-height: 1.2;
	text-align: center;
}
#service .box h3 a span {
	display: block;
	font-size: 19px;
	color: #231815;
}
#service .box .img a {
	display: block;
	position: relative;
	width: 350px;
	height: 267px;
	border: 1px solid #1D2088;
}
#service .box .img a .overlay {
	padding: 25px 0px 10px;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.2;
}
#service .box .img a .overlay .title {
	font-size: 29px;
}
#service .box .img a .overlay .text {
	padding-top: 0.5em;
	font-weight: normal;
	font-size: 15px;
}
#service .unkou {
	margin-left: 85px;
	margin-right: 40px;
}
#service .unkou h3 a {
	padding-left: 110px;
	background: url(../img/index/btn-bg1.png) no-repeat;
}
#service .unkou .img a {
	margin-left: 21px;
	background: url(../img/index/img-unkou.jpg) no-repeat;
}
#service .seibi h3 a {
	padding-right: 120px;
	background: url(../img/index/btn-bg2.png) no-repeat;
}
#service .seibi .img a {
	background: url(../img/index/img-seibi.jpg) no-repeat;
}

@media screen and (max-width: 1500px) {
	.index {
		background-size: cover;
		height: 46vw;
	}
	.index .item {
		height: 46vw;
	}
	.index .inwrap {
		height: 46vw;
	}
	.index.head .inwrap:before {
		padding-top: 59%;
	}
	.index #index01 {
		background-size: cover;
	}
	.index #index02 {
		background-size: cover;
	}
	.index #index03 {
		background-size: cover;
	}
	.index.head {
		height: 46vw;
	}
}

@media screen and (max-width: 988px) {
	#top .copy {
		right: 5%;
		left: auto;
		top: 41%;
		width: 57%;
	}
	#top .copy img {
		width: 100%;
		height: auto;
	}
	.index .btn {
		top: -2%;
		right: -2%;
		width: 20.5%;
	}
	.index .btn a img {
		width: 100%;
	}
	.index #top {
		background-size: cover;
	}
	.index #rec {
		background-size: cover;
	}
	#rec .copy {
		top: 15%;
	}
	#rec .copy img {
		width: 65%;
		height: auto;
	}
	.index #csr {
		background-size: cover;
	}
	#csr .copy {
		left: 12%;
		top: 18%;
		width: 74%;
	}
	#csr .copy img {
		width: 100%;
		height: auto;
	}
	.index .bg {
		height: auto;
		background-size: 100% auto;
	}
	.index .slide {
		left: auto;
		right: 20px;
		bottom: 19%;
		margin-left: 0px;
	}
	.index .slide li {
		margin-left: 5px;
	}
	.index .slide li a {
		width: 5px;
		height: 5px;
	}


	.news .newsArea {
		max-width: 650px;
		width: auto;
	}
	.news .newsArea h2 {
		width: 135px;
	}

	#top-navi {
		padding: 4.4% 0px 2%;
	}
	#top-navi ul .navi-item {
		height: 214px;
	}
	#top-navi ul .navi-item a .item-title {
		width: 100%;
		background-color: #123477;
		opacity: 1;
		position: absolute;
		bottom: 0;
		top: auto;
		transform: none;
		border-radius: 0;
		padding: 5px 0;
	}
	#top-navi ul .navi-item a .item-title .title-head {
		border-bottom: 0px;
		padding-left: 0px;
		margin-right: 0px;
		text-align: center;
	}
	#top-navi ul .navi-item a .item-title .title-en {
		padding-left: 0px;
		margin-right: 0px;
		text-align: center;
	}
	#top-navi ul .navi-item:nth-child(1) a {
		background: url("../img_sp/index/navi-item01_bg.jpg") center center / cover no-repeat;
	}
	#top-navi ul .navi-item:nth-child(2) a {
		background: url("../img_sp/index/navi-item02_bg.jpg") center center / cover no-repeat;
	}
	#top-navi ul .navi-item:nth-child(3) a {
		background: url("../img_sp/index/navi-item03_bg.jpg") center center / cover no-repeat;
	}
	#top-navi ul .navi-item:nth-child(4) a {
		background: url("../img_sp/index/navi-item04_bg.jpg") center center / cover no-repeat;
	}
	#top-navi ul .navi-item:nth-child(5) a {
		background: url("../img_sp/index/navi-item05_bg.jpg") center center / cover no-repeat;
	}
	#top-navi ul .navi-item a {
		display: block;
		width: 100%;
		height: 214px;
	}
	/*#top-navi ul {
		padding-left: 8%;
	}
	#top-navi ul li {
		width: 29.3%;
		margin-right: 2.7%;
		margin-bottom: 2.7%;
		font-size: 2.7vw;
	}
	#top-navi ul li a {
		position: relative;
		width: 100%;
		height: auto;
	}
	#top-navi ul li a:before {
		content: "";
		display: block;
		padding-top: 72%;
	}
	#top-navi ul li .en {
		font-size: 1.2vw;
	}
	#top-navi ul li:nth-child(4) {
		margin-left: 16.3%;
	}
	#top-navi ul li:nth-child(1) a, #top-navi ul li:nth-child(2) a, #top-navi ul li:nth-child(3) a, #top-navi ul li:nth-child(4) a, #top-navi ul li:nth-child(5) a {
		background-size: cover;
	}*/

	#access {
		padding: 4% 0px 6%;
	}
	#access h2 {
		width: 22%;
		margin-bottom: 5%;
	}
	#access .map {
		margin-bottom: 3.5%;
	}
	#access .map .mapbox {
		width: 46.5%;
		margin-left: 11%;
		margin-right: 3%;
	}
	#access .map .mapbox h3 {
		width: 26%;
		font-size: 1.9vw;
	}
	#access .map .mapbox h3:before {
		left: -118%;
		top: -124%;
		width: 200%;
		height: 200%;
	}
	#access .map .address {
		width: 36%;
		font-size: 1.25vw;
	}

	#service {
		padding: 4% 0px 6%;
	}
	#service .box {
		margin-top: -5%;
		width: 40.5%;
	}
	#service .box h3 a {
		position: relative;
		height: auto;
		padding-top: 19.7%;
		padding-bottom: 7%;
		font-size: 2.7vw;
	}
	#service .box h3 a span {
		font-size: 1.9vw;
	}
	#service .box .img a {
		width: 95%;
		height: auto;
	}
	#service .box .img a:before {
		content: "";
		display: block;
		padding-top: 76%;
	}
	#service .box .img a .overlay {
		padding: 6% 0px 3%;
		font-size: 2.1vw;
	}
	#service .box .img a .overlay .title {
		font-size: 2.9vw;
	}
	#service .box .img a .overlay .text {
		font-size: 1.5vw;
	}
	#service .unkou {
		margin-left: 9%;
		margin-right: 4.5%;
	}
	#service .unkou h3 a {
		padding-left: 31%;
		background-size: cover;
	}
	#service .unkou .img a {
		margin-left: 5%;
		background-size: cover;
	}
	#service .seibi h3 a {
		padding-right: 33%;
		background-size: cover;
	}
	#service .seibi .img a {
		background-size: cover;
	}

	#recruitArea .bgtitle {
		height: auto;
		padding-top: 21%;
		background-size: cover;
		font-size: 2.7vw;
	}
	#recruitArea .bgtitle .en {
		font-size: 1.2vw;
	}
	#recruitArea .bgtitle .overlay {
		padding: 0.5em 0px;
	}
	#recruitArea .line-heading {
		width: 200px;
		padding: 50px 0px 0px;
	}
	#recruitArea.bnone .line-heading {
		padding: 0px;
		margin-bottom: 25px;
	}
	#recruitArea .inwrap {
		width: auto;
		max-width: 730px;
	}
	#recruitArea .read {
		padding: 1.5em 0px 2em;
		font-size: 2.7vw;
	}
	#recruitArea .more, .voiceArea .more {
		margin-bottom: 60px;
	}
	#recruitArea .more a, .voiceArea .more a {
		font-size: 2vw;
	}
	#recruitArea .more a span, .voiceArea .more a span {
		font-size: 2.8vw;
	}
	.voiceArea .more {
		padding-top: 50px;
	}
	.recitems .item {
		clear: both;
		position: relative;
		margin-bottom: 50px;
	}
	.recitems .item h3 {
		padding: 0.5em 0.7em;
		font-size: 2.7vw;
	}
	.recitems .item h3 a span {
		font-size: 1.6vw;
	}
	.recitems .item h3 a span span {
		font-size: 2vw;
	}
	.recitems .item .pick {
		top: 1em;
		right: 1em;
	}
	.recitems .item .pick span {
		font-size: 1.6vw;
	}
	.recitems .item .img {
		width: auto;
		max-width: 254px;
	}
	.recitems .item .text {
		width: auto;
		max-width: 450px;
	}
	.recitems .item .text p {
		font-size: 2.4vw;
	}
	.recitems .item .text .icons li {
		font-size: 1.6vw;
	}
	.recitems .item .text .bn {
		font-size: 2vw;
	}

	#recEntry {
		padding: 0px 0px 3em;
		font-size: 2.2vw;
	}
	#recEntry .link {
		margin-bottom: 4vw;
	}
	#recEntry p.copy {
		font-size: 2.6vw;
	}
	#recEntry .images .item .caption {
		font-size: 2vw;
	}

}

@media screen and (max-width: 599px) {
	.index .btn {
		width: 22.5%;
	}
	.index .inwrap:before {
		padding-top: 59%;
	}
	#top .btn a {
		font-size: 12px;
	}
	#top .btn a span {
		font-size: 9px;
	}
	#csr .copy {
		width: 74%;
	}
	#recruit .copy {
		top: 10%;
	}
	#recruit .copy img {
		width: 78%;
	}

	.group {
		margin-right: 0px;
		padding: 1em 25px 1em 0px;
		background-size: 24px;
		font-size: 2vw;
	}

	.news .newsArea {
		max-width: 100%;
		width: auto;
	}
	.news .newsArea h2 {
		display: block;
		width: auto;
		margin-bottom: 5px;
		text-align: center;
	}
	.news .newsArea dl {
		display: block;
		padding: 0px 20px;
	}
	.news .newsArea dl dd {
		width: 70%;
	}

	#top-navi ul {
		padding: 0;
	}
/*	#top-navi ul li {
		width: 48.65%;
		font-size: 3.2vw;
	}
	#top-navi ul li a .overlay {
		display: none;
	}
	#top-navi ul li:nth-child(2), #top-navi ul li:nth-child(4) {
		margin-right: 0%;
		margin-left: 0px;
	}
	#top-navi ul li:nth-child(1) a {
		background: url(../img_sp/index/btn01.png) no-repeat;
		background-size: 100%;
	}
	#top-navi ul li:nth-child(2) a {
		background: url(../img_sp/index/btn02.png) no-repeat;
		background-size: 100%;
	}
	#top-navi ul li:nth-child(3) a {
		background: url(../img_sp/index/btn03.png) no-repeat;
		background-size: 100%;
	}
	#top-navi ul li:nth-child(4) a {
		background: url(../img_sp/index/btn04.png) no-repeat;
		background-size: 100%;
	}
	#top-navi ul li:nth-child(5) a {
		background: url(../img_sp/index/btn05.png) no-repeat;
		background-size: 100%;
	}*/

	#access h2 {
		width: 45%;
	}
	#access .map .address dt {
		width: 5em;
	}
	#access .map .mapbox {
		float: none;
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		margin-bottom: 10px;
	}
	#access .map .mapbox h3 {
		width: 23%;
		font-size: 3.2vw;
	}
	#access .map .mapbox h3:before {
		left: -118%;
		top: -124%;
		width: 200%;
		height: 200%;
	}
	#access .mapbox h3.honsya {
		background-size: 100% auto;
	}
	#access .mapbox h3.kariya {
		background-size: 100% auto;
	}
	#access .map .address {
		float: none;
		width: 100%;
		font-size: 2.8vw;
		padding-top: 0px;
	    padding-left: 1em;
	    box-sizing: border-box;
	}

	#service {
		padding: 4% 30px 6%;
	}
	#service .box {
		float: none;
		margin-top: 0;

		width: 100%;
	}
	#service .box h3 a {
		padding-top: 33%;
		padding-bottom: 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -999px;
   		background: url(../img_sp/index/btn-bg1.png) no-repeat;
		background-size: 100%;
	}
	#service .box h3 a span {
		display: none;
	}
	#service .box .img a {
		width: 95%;
	}
	#service .box .img a .overlay {
		border-radius: 0px;
		font-size: 14px;
	}
	#service .box .img a .overlay .title {
		font-size: 19px;
	}
	#service .box .img a .overlay .text {
		font-size: 12px;
	}
	#service .unkou {
		margin-left: 0;
		margin-right: 2.5%;
		margin-bottom: 20px;
	}
	#service .unkou h3 a {
		padding-left: 31%;
	}
	#service .unkou .img a {
		margin-left: 5%;
	}
	#service .seibi {
		margin-left: 2.5%;
	}
	#service .seibi h3 a {
   		background: url(../img_sp/index/btn-bg2.png) no-repeat;
		background-size: 100%;
	}
	#service .seibi .img a {
		margin-right: 5%;
	}

	#recruitArea .bgtitle {
		padding-top: 42%;
		font-size: 4.5vw;
	}
	#recruitArea .bgtitle .overlay {
		padding: 0.3em 0px;
		border-radius: 0px;
	}
	#recruitArea .line-heading {
		width: 200px;
		padding: 50px 0px 0px;
	}
	#recruitArea.bnone .line-heading {
		padding: 0px;
		margin-bottom: 25px;
	}
	#recruitArea .read {
		padding: 1.5em 0px;
		font-size: 4vw;
	}
	#recruitArea .more, .voiceArea .more {
		margin-bottom: 60px;
	}
	#recruitArea .more a, .voiceArea .more a {
		display: block;
		font-size: 3vw;
		text-align: center;
	}
	#recruitArea .more a span, .voiceArea .more a span {
		display: block;
		font-size: 4.5vw;
	}
	.voiceArea .more {
		padding-top: 50px;
	}
	.recitems .item {
		margin-bottom: 7vw;
	}
	.recitems .item h3 {
		margin-bottom: 0;
		padding: 0.5em 0.7em 0.2em;
		font-size: 4.2vw;
	}
	.recitems .item h3 a span {
		font-size: 1.6vw;
	}
	.recitems .item h3 a span span {
		font-size: 2vw;
	}
	.recitems .item .pick {
		position: static;
		margin-bottom: 1em;
		background: #0a318d;
		padding: 0px 0px 0.5em;
	}
	.recitems .item .pick span {
		font-size: 1.8vw;
	}
	.recitems .item .img {
		max-width: 100%;
	}
	.recitems .item .text {
		padding-top: 1em;
	}
	.recitems .item .text p {
		font-size: 4vw;
	}
	.recitems .item .text .icons li {
		font-size: 1.8vw;
	}
	.recitems .item .text .bn {
		font-size: 3vw;
	}

	#recEntry {
		padding: 0px 0px 3em;
		font-size: 3.2vw;
	}
	#recEntry .link {
		padding: 5px 30px 0px;
		margin-bottom: 6vw;
	}
	#recEntry .link img {
		max-width: 100%;
	}
	#recEntry p.copy {
		font-size: 4.2vw;
	}
	#recEntry .images .item .caption {
		font-size: 3vw;
	}
}

.service .page-navi {
	text-align: center;
}
.service .page-navi p {
	padding: 80px 0px 40px;
	font-size: 24px;
	line-height: 1.7;
	color: #0A318F;
	font-weight: bold;
}
.service .page-navi ul {
	width: 720px;
	margin: 0px auto 55px;
}
.service .page-navi ul li {
	float: left;
	margin: 0px 20px;
	font-size: 28px;
	line-height: 1.25;
}
.service .page-navi ul li a {
	display: block;
	width: 200px;
	height: 180px;
	font-weight: bold;
	color: #0A318F;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.service .page-navi ul li:nth-child(1) a {
	padding-top: 25px;
	background: url(../img/service/navi01.png) center top no-repeat;
}
.service .page-navi ul li:nth-child(2) a {
	padding-top: 50px;
	background: url(../img/service/navi02.png) center top no-repeat;
}
.service .page-navi ul li:nth-child(3) a {
	padding-top: 50px;
	background: url(../img/service/navi03.png) center top no-repeat;
}
.service p {
	padding: 0px 1.3em 1.3em;
	line-height: 1.75;
}
.service p.pan {
	padding: 1em 0px 0px;
}
.service .read {
	padding: 1em 0.8em;
	font-size: 19px;
	line-height: 1.4;
	color: #0A318F;
	font-weight: bold;
}
.service h3 {
	margin-bottom: 1em;
	padding: 0.2em 1em;
	border-top: 1px solid #0A318F;
	border-bottom: 1px solid #0A318F;
	font-size: 15px;
}
/*.service .list {
	position: relative;
	padding: 20px;
	display: flex;
    justify-content: center;
	gap: 30px;
}*/
.service .list-02 {
	position: relative;
	padding: 20px;
	display: flex;
    justify-content: flex-start;
}
.service .list h4 {
	display: inline-block;
	padding: 0.2em 2em 0.2em 1em;
	background: url(../img/common/obi.png) right center no-repeat;
	background-size: auto 100%;
	color: #fff;
	font-size: 13px;
}
.service .list ul {
	display: table;
	margin: 10px auto 0px;
	text-align: center;
	position: relative;
	z-index: 1;
}
.service .list ul li {
	display: table-cell;
    width: 100px;
    height: 100px;
    padding-right: 30px;
    background: url(../img/service/bg.png) left center / contain no-repeat;
    font-weight: bold;
    line-height: 1.5;
    vertical-align: middle;
}
.service .list ul li.img a {
	position: relative;
	display: block;
	width: 180px;
	height: 130px;
	padding: 0px;
}
.service .list ul li.img a .overlay {
	padding: 10px 0px 5px;
	font-size: 14px;
}
.service .list ul li.img a .overlay span {
	font-size: 10px;
}
.service .list ul li:last-child {
	padding-right: 0px;
}
/*.service .list img {
	position: absolute;
}*/
.service .list img.icon01 {
	left: 240px;
	bottom: 15px;
	z-index: 2;
}
.service .list img.icon02 {
	left: 44px;
	top: 50px;
	z-index: 2;
}
.service .list img.icon08 {
	left: 10px;
    bottom: 50px;
    z-index: 4;
}
.service .list img.icon03 {
	right: 0px;
	bottom: 3px;
}
.service .list img.icon04 {
	left: 25px;
	top: 60px;
	z-index: 2;
}
.service .list img.icon05 {
	right: 6px;
	bottom: 6px;
}
.service .list img.icon06 {
	left: 20px;
	bottom: 10px;
	z-index: 2;
}
.service .list img.icon07 {
	right: 20px;
	bottom: 10px;
	z-index: 2;
}
.service .imgs {
	margin: 25px 0px 40px;
}
.service .imgs img {
	float: left;
	margin-right: 26px;
}
.service .imgs img:last-child {
	margin-right: 0px;
}
/*.service #unyu .list {
	padding-bottom: 10px;
}*/
.service #unyu .list ul {
	/*margin-top: -15px;*/
	padding-left: 170px;
}
.service #unyu .list ul li.img a {
	background: url(../img/index/img-unkou.jpg) no-repeat;
	background-size: cover;
}
/*.service #unyu .list ul li:nth-child(4) {
	padding-right: 42px;
	background: url(../img/service/bg.png) left center no-repeat;
}*/
.service #seibi .list {
	padding-bottom: 10px;
}
.service #seibi .list ul {
	margin-top: -15px;
	padding-left: 40px;
}
.service #seibi .list ul li.img {
	padding-right: 30px;
}
.service #seibi .list ul li.img a {
	background: url(../img/index/img-seibi.jpg) no-repeat;
	background-size: cover;
}
.service #seibi .list ul li:nth-child(1) {
	padding-right: 42px;
	background: url(../img/service/bg.png) left center no-repeat;
}

@media screen and (max-width: 988px) {
	.service .page-navi p {
		padding: 8% 0px 4%;
		font-size: 2.4vw;
	}
	.service .page-navi ul {
		width: 75%;
		margin: 0px auto 6%;
	}
	.service .page-navi ul li {
		width: 27%;
		margin: 0px 3%;
		font-size: 2.8vw;
	}
	.service .page-navi ul li a {
		width: 100%;
		height: auto;
	}
	.service .page-navi ul li:nth-child(1) a {
		padding: 15.5% 0px 42%;
		background-size: cover;
	}
	.service .page-navi ul li:nth-child(2) a {
		padding: 26% 0px 49%;
		background-size: cover;
	}
	.service .page-navi ul li:nth-child(3) a {
		padding: 26% 0px 49%;
		background-size: cover;
	}
	.service .read {
		font-size: 1.9vw;
	}
	.service h3 {
		font-size: 1.5vw;
	}
	.service .list {
		/*padding: 10px 0px 20px;*/
		flex-wrap: wrap;
	}
	.service .list .list-item {
		width: 100%;
	}
	.service .list h4 {
		background: url(../img_sp/common/obi.png) right center no-repeat;
		background-size: auto 100%;
		font-size: 1.3vw;
	}
	.service .list ul {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 5px auto 0px;
		gap: 10px;
		/*width: 84%;*/
	}
	.service .list ul li {
		width: 14%;
		height: auto;
		padding: 5.7% 2.3%;
		background: url(../img_sp/service/bg.png) center no-repeat;
		background-size: 100%;
	}
	.service .list ul li.img a {
		width: 100%;
		height: auto;
	}
	.service .list ul li.img a:before {
		content: "";
		display: block;
		padding-top: 76%;
	}
	.service .list ul li.img a .overlay {
		padding: 0.8em 0px 0.4em;
		font-size: 1.4vw;
	}
	.service .list ul li.img a .overlay span {
		font-size: 1vw;
	}
	.service .list ul li:last-child {
		padding: 0 2.3%;
	}
	.service .list img.icon01 {
		left: 6%;
		bottom: 10%;
		width: 6.65%;
		height: auto;
	}
	.service .list img.icon02 {
		left: 27%;
		top: 24%;
		width: 7.4%;
		height: auto;
	}
	.service .list img.icon03 {
		width: 10%;
		height: auto;
	}
	.service .list img.icon04 {
		left: 3%;
		top: 40%;
		width: 14.75%;
		height: auto;
	}
	.service .list img.icon05 {
		right: 1%;
		bottom: 3%;
		width: 10%;
	}
	.service .list img.icon06 {
		width: 15.4%;
		left: 1%;
	}
	.service .list img.icon07 {
		left: auto;
		right: 1%;
		width: 12.5%;
	}
	.service .list img.icon08 {
		left: 17%;
		top: 34%;
	}
	.service #sougou .list ul.item5 {
		width: 70%;
	}
	.service #sougou .list ul.item5 li {
		width: 16%;
		padding: 6.85% 2%;
	}
	.service .imgs {
		margin: 3% 0px 4.5%;
	}
	.service .imgs img {
		width: 31.2%;
		height: auto;
		margin-right: 3.2%;
	}
	.service #unyu .list ul {
		/*width: 78%;*/
		margin-top: -2%;
		padding-left: 18%;
	}
	.service #unyu .list ul li {
		width: 14.5%;
		padding: 0px 3.5% 0px 0px;
		background: url(../img_sp/service/bg.png) left center no-repeat;
		background-size: 100%;
	}
	.service #unyu .list ul li:nth-child(4) {
		/*padding-left: 0px;*/
		/*padding-right: 3.5%;*/
		background: url(../img_sp/service/bg.png) left center no-repeat;
		/*background-size: auto 62%, 20% auto;*/
		background-size: 100%;
	}
	.service #unyu .list ul li:nth-child(5) {
		width: 25%;
		padding: 0px;
	}
	.service #seibi .list ul {
		width: 78%;
		margin-top: -1%;
		padding-left: 4%;
	}
	.service #seibi .list ul li {
		width: 14.5%;
		padding: 0px 3.5% 0px 0px;
		background: url(../img_sp/service/bg.png) left center no-repeat;
		background-size: auto 71%;
	}
	.service #seibi .list ul li.img {
		width: 24.5%;
		padding-right: 3.5%;
	}
	.service #seibi .list ul li:nth-child(1) {
		padding-right: 3.5%;
		background: url(../img_sp/service/bg.png) left center no-repeat;
		background-size: auto 71%, 20% auto;
	}
}
@media screen and (max-width: 599px) {
	.service .page-navi p {
		font-size: 14px;
		letter-spacing: 0.3em;
	}
	.service .page-navi ul {
		width: 90%;
		margin: 0px auto 4%;
	}
	.service .page-navi ul li {
		width: 27%;
		margin: 0px 3%;
		font-size: 3.5vw;
	}
	.service .read {
		font-size: 14px;
	}
	.service h3 {
		font-size: 15px;
	}
	.service .list {
		/*position: relative;
		padding: 10px 0px 0px;
		margin-top: 3em;*/
	}
	.service .list h4 {
		/*position: absolute;*/
		font-size: 13px;
		/*top: -2.5em;*/
	}
	.service .list ul li {
		display: block;
		float: left;
		width: 20%;
		padding: 13.7% 2.3%;
		margin-bottom: 10px;
		font-size: 2.8vw;
	}
	.service .list ul li.img a:before {
		padding-top: 50%;
	}
	.service .list ul li.img a .overlay {
		width: 55%;
		height: 100%;
		padding: 16% 0px 0;
		font-size: 14px;
		line-height: 1.5;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.service .list ul li.img a .overlay span {
		font-size: 2.5vw;
	}
	.service .list ul li.img a .overlay span:last-child {
		display: none;
	}
	.service .list ul li:last-child {
		padding: 9.7% 2.3%;
	}
	.service .list img.icon01 {
		left: 32%;
		bottom: auto;
		width: 14.65%;
		top: 35%;
	}
	.service .list img.icon02 {
		left: 7%;
		top: 37%;
		width: 17.4%;
	}
	.service .list img.icon03 {
		width: 15%;
		height: auto;
	}
	.service .list img.icon04 {
		top: 37%;
		width: 26.75%;
	}
	.service .list img.icon05 {
		width: 23%;
	}
	.service .list img.icon06 {
		bottom: 6%;
		width: 23.4%;
	}
	.service .list img.icon07 {
		bottom: 5%;
		width: 21.5%;
	}
	.service #sougou .list ul.item5 li {
		width: 28%;
		padding: 13.7% 2.3%;
	}
	.service #sougou .list ul.item5 li:nth-child(4) {
		margin-left: 18%;
	}
	.service .imgs {
		margin: 3% 0px 4.5%;
	}
	.service .imgs img {
		width: 31.2%;
		height: auto;
		margin-right: 3.2%;
	}
	.service #unyu .list ul {
		width: 100%;
		margin-top: 3%;
		padding-left: 0%;
	}
	.service #unyu .list ul li {
		width: 28%;
		padding: 13.5% 2.3%;
		/*background-size: auto 100%;*/
	}
	.service #unyu .list ul li:first-child {
		padding: 9.7% 2.3%;
	}
	.service #unyu .list ul li:nth-child(4) {
		/*clear: both;*/
		/*padding-right: 10.5%;*/
		/*background-size: auto 100%, 40% auto;*/
	}
	.service #unyu .list ul li:nth-child(5) {
		width: 60%;
	}
	.service #seibi .list ul {
		width: 84%;
		margin-top: 3%;
		padding-left: 0%;
	}
	.service #seibi .list ul li {
		width: 28%;
		padding: 10.5% 2.3%;
		background: url(../img_sp/service/bg.png) center no-repeat;
		background-size: 100% 100%;
	}
	.service #seibi .list ul li.img {
		width: 59%;
		padding: 0px;
	}
	.service #seibi .list ul li:nth-child(1) {
		padding-right: 10.5%;
		background-size: auto 100%, 40% auto;
	}
	.service #seibi .list ul li:nth-child(3) {
		clear: both;
	}
	.service #seibi .list ul li:nth-child(4) {
		padding: 2.8% 2.3%;
		line-height: 1;
	}
	.service #seibi .list ul li:nth-child(5) {
		padding: 14% 2.3%;
	}
}

#blifht h2 {
	margin: 10px 0px 15px;
	background: url(../img/blifht/headbg.png) top repeat-x;
	text-align: center;
}
#blifht .item {
	float: left;
	margin-right: 160px;
	margin-bottom: 50px;
}
#blifht .item:nth-of-type(2n) {
	margin-right: 0px;
}
#blifht .item ul {
	margin-top: 10px;
	text-align: center;
}
/*
#blifht .item ul li {
	float: left;
}
#blifht .item ul li:last-child {
	float: right;
}
*/

@media screen and (max-width: 988px) {
	#blifht h2 {
		margin: 1% 0px 1.5%;
	}
	#blifht h2 img {
		max-width: 932px;
		width: 100%;
		height: auto;
	}
	#blifht .item {
		width: 40%;
		margin-right: 20%;
		margin-bottom: 5%;
	}
	#blifht .item img {
		width: 100%;
		height: auto;
	}
	#blifht .item ul {
		margin-top: 1%;
	}
	#blifht .item ul li {
		width: 50%;
		margin: 0px auto;
	}
	/*
	#blifht .item ul li {
		width: 44%;
	}
	#blifht .item ul li:last-child {
		width: 50.5%;
	}
	*/
}
@media screen and (max-width: 599px) {
	#blifht h2 {
		margin: 1% 0px 6.5%;
	}
	#blifht h2 img {
		max-width: 932px;
		width: 100%;
		height: auto;
	}
	#blifht .item {
		width: 48%;
		margin-right: 4%;
	}
	#blifht .item ul {
		margin-top: 1%;
	}
	/*
	#blifht .item ul li {
		display: block;
		width: 84%;
	}
	#blifht .item ul li:last-child {
		width: 100%;
	}
	*/
}

.company h2, .history h2 {
	margin-bottom: 15px;
}
.company table, .history table {
	width: 100%;
}
.company table th, .company table td, .history table th, .history table td {
	padding: 1.8em 2.3em;
	border-bottom: 1px solid #2EA7E0;
	vertical-align: top;
	font-weight: normal;
}
.company table tr:last-child th, .company table tr:last-child td, .history table tr:last-child th, .history table tr:last-child td {
	border-bottom: none;
}
.company table th, .history table th {
	width: 10em;
}
.company table td, .history table td {
	padding-left: 0px;
}
.company table td ol.indent-2 li {
    text-indent: -2em;
	padding-left: 2em;
}
.company table td span, .history table td span {
	display: block;
	margin-top: -1.5em;
	margin-bottom: 1.5em;
	padding-left: 25em;
}
.company table td span:last-child {
	margin-bottom: 0px;
}
.company img, .history img {
	position: absolute;
}
.company img.img01, .history img.img01 {
	right: 0px;
	top: 80px;
}
.company img.img02, .history img.img02 {
	right: 0px;
	top: 240px;
}
.company img.img03, .history img.img03 {
	right: 0px;
	top: 400px;
}
.company img.img04, .history img.img04 {
	right: 0px;
	top: 560px;
}
.company img.img05, .history img.img05 {
	right: 0px;
	top: 720px;
}

.company {
	padding: 45px 0px;
}

.history {
	padding: 0px 0px 30px;
}

@media screen and (max-width: 988px) {
	.company h2, .history h2 {
		margin-bottom: 2%;
	}
	.company table, .history table {
		font-size: 1.22vw;
	}
	.company img, .history img {
		width: 24.8%;
		height: auto;
	}
	.company img.img01, .history img.img01 {
		right: 3.5%;
		top: 4.8%;
	}
	.company img.img02, .history img.img02 {
		right: 0;
		top: 21%;
	}
	.company img.img03, .history img.img03 {
		right: 6%;
		top: 41.8%;
	}
	.company img.img04, .history img.img04 {
		right: 0;
		top: 65%;
	}
	
	.company {
		padding: 45px 0px;
	}
	
	.history {
		padding: 0px 0px 30px;
	}
}
@media screen and (max-width: 599px) {
	.company table, .history table {
		font-size: 2.8vw;
	}
	.company table th, .company table td, .history table th, .history table td {
		padding: 0.5em 1em;
	}
	.company table td span, .history table td span {
		margin-top: 0em;
		margin-bottom: 0.5em;
		padding-left: 0;
		text-align: right;
	}
	.company table th, .history table th {
		width: 7.5em;
	}
	.company img.img01, .history img.img01 {
		right: 3.5%;
		top: 100px;
	}
	.company img.img02, .history img.img02 {
		right: 3.5%;
		top: 220px;
	}
	.company img.img03, .history img.img03 {
		right: 3.5%;
		top: 340px;
	}
	.company img.img04, .history img.img04 {
		right: 3.5%;
		top: 520px;
	}
	.company img.img05, .history img.img05 {
		right: 3.5%;
		top: 640px;
	}
	
	.company {
		padding: 20px;
	}
	.company img, .history img {
		width: 28.5%;
		height: auto;
	}
	
	.history {
		padding: 0px 20px 30px;
	}
	.history table th, .history table td {
		display: block;
	}
	.history table th {
		width: auto;
		padding-bottom: 0px;
		border-bottom: none;
	}
}

#concept .head {
	/*height: 350px;
	background: url(../img/concept/main.jpg) center top no-repeat;
    border-bottom: 10px solid #0A318F;*/
	border: none;
}
#concept .pan {
	margin-bottom: 35px;
}
#concept h2 {
	margin-bottom: 20px;
}
#concept .sub {
	display: inline-block;
	margin-bottom: 0.5em;
	padding: 0.2em 1.5em;
	background: #2fa8e1;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	border-radius: 1.5em;
}
#concept h2 + p {
	margin-bottom: 2em;
	padding-left: 1.5em;
	font-size: 15px;
	font-weight: bold;
}
#concept .sub + p.read {
	margin-bottom: 0em;
	padding-left: 0.5em;
}
#concept .vision {
	font-size: 20px;
	font-weight: bold;
	padding-left: 0;
	line-height: 2;
}
#concept .read {
	margin-bottom: 0.5em;
	font-size: 20px;
	font-weight: bold;
}
#concept ul {
	margin-bottom: 2em;
	padding-left: 1.5em;
}
#concept ul li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 15px;
	font-weight: bold;
}
#concept .comment {
	padding-bottom: 40px;
	background: url(../img/concept/bg.png) right bottom no-repeat;
}
#concept .comment .read {
	margin-bottom: 1.5em;
}
#concept .comment p {
	margin-bottom: 1.5em;
	line-height: 2;
}
#concept .comment .short {
	clear: both;
	padding-right: 320px;
}
#concept .comment .img {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
#concept .comment > .name {
	padding-top: 20px;
	padding-right: 320px;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.3;
	text-align: right;
}
#concept .comment > .name img {
	margin-left: 30px;
}
#concept .char {
	min-height: 170px;
	margin-bottom: 20px;
	padding-left: 320px;
	background: url(../img/concept/inu.png) 150px center no-repeat;
}
#concept .char .name {
	margin-bottom: 1em;
	padding-top: 30px;
	color: #0A318F;
}
#concept .char .name span {
	font-weight: bold;
	font-size: 17px;
}
#concept .name + p {
}
#concept .char-text {
	margin-bottom: 30px;
	padding: 10px 0px 0px;
	border-radius: 10px;
	border: 2px solid #2096D5;
}
#concept .char-text h3 span {
	display: inline-block;
	padding:  0.3em 20px;
	background: #2096D5 url(../img/concept/obi.png) right center no-repeat;
	background-size: auto 100%;
	color: #fff;
	font-size: 10px;
}
#concept .char-text p {
	padding:  10px 35px 1.5em;
	line-height: 2;
}

@media screen and (max-width: 988px) {
	#concept .head {
		height: auto;
		background-size: cover;
	}
	#concept .pan {
		margin-bottom: 3.5%;
	}
	#concept .head:before {
		content: "";
		padding-top: 36.45833%;
	}
	#concept h2 {
		margin-bottom: 2%;
	}
	#concept .sub {
		font-size: 1.4vw;
	}
	#concept h2 + p {
		font-size: 1.5vw;
	}
	#concept .vision {
		font-size: 2vw;
	}
	#concept .read {
		font-size: 2vw;
	}
	#concept ul li {
		font-size: 1.5vw;
	}
	#concept .comment {
		padding-bottom: 4%;
		background-size: 35%;
	}
	#concept .comment .short {
		padding-right: 39%;
	}
	#concept .comment .img {
		margin-right: 3%;
		margin-bottom: 3%;
		width: 36%;
		height: auto;
	}
	#concept .comment .char {
		width: 30.5%;
		margin-right: 3%;
		background-size: 48%;
	}
	#concept .comment .char .name {
		padding-top: 48%;
	}
	#concept .comment .char .name span {
		font-size: 1.4vw;
	}
	#concept .comment > .name {
		padding-top: 16%;
		font-size: 1.6vw;
	}
	#concept .comment > .name img {
		margin-left: 3%;
		width: 20%;
		height: auto;
	}
}
@media screen and (max-width: 599px) {
	#concept .pan {
		margin-bottom: 20px;
	}
	#concept .head:before {
		padding-top: 36.71875%;
	}
	#concept h2 {
		margin-bottom: 15px;
	}
	#concept .sub {
		font-size: 13px;
	}
	#concept h2 + p {
		padding-left: 1em;
		font-size: 13px;
	}
	#concept .sub + p.read {
		padding-left: 1em;
		text-indent: -0.5em;
	}
	#concept .vision {
		font-size: 14px;
	}
	#concept .read {
		font-size: 14px;
	}
	#concept ul {
		padding-left: 1em;
	}
	#concept ul li {
		font-size: 13px;
		padding-left: 0px;
		text-indent: 0px;
	}
	#concept .comment {
		padding-bottom: 4%;
		background: none;
	}
	#concept .comment .spbg {
		background: url(../img_sp/concept/bg.png) right bottom no-repeat;
		background-size: 40%;
	}
	#concept .comment .spbg .name {
		padding-bottom: 0px;
		padding-right: 45%;
		font-size: 11px;
		font-weight: bold;
		text-align: right;
	}
	#concept .comment .spbg .name img {
		width: 40%;
		height: auto;
	}
	#concept .comment .short {
		padding-right: 0px;
	}
	#concept .comment .sp-short {
		padding-right: 45%;
	}
	#concept .comment .img {
		float: none;
		width: 100%;
	}
	#concept .comment .char {
		width: 100%;
		padding: 0px;
		margin-right: 0%;
		background: none;
	}
	
	#concept .char {
		min-height: 0;
		margin-bottom: 20px;
		padding-left: 30%;
		background: url(../img/concept/inu.png) left center no-repeat;
		background-size: 28% auto;
	}
	#concept .char .name {
		padding-top: 0;
	}
	#concept .char .name span {
	}
	#concept .name + p {
	}
	#concept .char-text {
	}
	#concept .char-text h3 span {
	}
	#concept .char-text p {
		padding:  10px 20px 1em;
	}
}

.csr {
	background: url(../img/csr/main.jpg) center no-repeat;
	background-size: cover;
}
.csr .copy {
	position: absolute;
	left: 40px;
	top: 50px;
}

#csr-navi {
	padding: 44px 0px 19px;
}
#csr-navi ul {
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
#csr-navi ul .navi-item {
	width: 306px;
    position: relative;
	margin-bottom: 40px;
}
#csr-navi ul .navi-item-long {
	width: 632px;
    position: relative;
	margin-bottom: 40px;
}
#csr-navi ul .navi-item:nth-child(1) a {
	background: url("../img/csr/navi01.jpg") center center / cover no-repeat;
}
#csr-navi ul .navi-item:nth-child(2) a {
	background: url("../img/csr/navi02.jpg") center center / contain no-repeat;
}
#csr-navi ul .navi-item:nth-child(3) a {
	background: url("../img/csr/navi03.jpg") center center / contain no-repeat;
}
#csr-navi ul .navi-item:nth-child(4) a {
	background: url("../img/csr/navi04.jpg") center center / contain no-repeat;
}
#csr-navi ul .navi-item:nth-child(5) a {
	background: url("../img/csr/navi05.jpg") center center / contain no-repeat;
}
#csr-navi ul .navi-item a {
	display: block;
	height: 214px;
}
#csr-navi ul .navi-item a:hover {
	opacity: 0.9;
	transform: 1s;
}
#csr-navi ul .navi-item a .item-title {
	position: absolute;
    bottom: 0;
    background-color: #1D2087;
    width: 100%;
    height: 80px;
	text-align: center;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#csr-navi ul .navi-item a .item-title .title-head {
	color: #fff;
    font-size: 24px;
	font-weight: normal;
	line-height: 1;
}
#csr-navi ul .navi-item a .item-title .title-en {
	color: #fff;
    font-size: 14px;
	font-weight: normal;
}

/*#csr-navi ul li {
	width: calc(33% - 20px);
	font-size: 24px;
	line-height: 1.4;
}
#csr-navi ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
#csr-navi ul li .overlay {
	padding: 0.3em 0px;
}
#csr-navi ul li .en {
	font-size: 12px;
}*/
/*#csr-navi ul li:nth-child(4) {
	margin-left: 140px;
}*/
/*#csr-navi ul li:nth-child(1) a {
	background: url(../img/csr/navi01.jpg) no-repeat;
}
#csr-navi ul li:nth-child(2) a {
	background: url(../img/csr/navi02.jpg) no-repeat;
}
#csr-navi ul li:nth-child(3) a {
	background: url(../img/csr/navi03.jpg) no-repeat;
}
#csr-navi ul li:nth-child(4) a {
	background: url(../img/csr/navi04.jpg) no-repeat;
}
#csr-navi ul li:nth-child(5) a {
	background: url(../img/csr/navi05.jpg) no-repeat;
}*/

#eco, #safety, #society, #worker {
	padding-top: 40px;
	padding-bottom: 40px;
}
#eco h2, #safety h2, #society h2, #worker h2 {
	margin-bottom: 1em;
	padding-top: 50px;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #0A318F;
	font-size: 27px;
	color: #0A318F;
	text-align: center;
}
#eco .read, #safety .read, #society .read, #worker .read {
	margin-bottom: 0.3em;
	font-size: 24px;
	color: #0A318F;
	text-align: center;
}
#eco .read + p, #safety .read + p, #society .read + p, #worker .read + p {
	margin-bottom: 3em;
	font-size: 18px;
	color: #0A318F;
	text-align: center;
}
#eco .csr-box, #eco .csr-left, #eco .csr-right, #safety .csr-box, #safety .csr-left, #safety .csr-right, #society .csr-box, #society .csr-left, #society .csr-right, #worker .csr-box, #worker .csr-left, #worker .csr-right {
	position: relative;
	margin-bottom: 40px;
	border-left: 1px solid #0A318F;
	line-height: 1.75;
}
#eco .csr-left, #safety .csr-left, #society .csr-left, #worker .csr-left {
	float: left;
	width: 500px;
}
#eco .csr-right, #safety .csr-right, #society .csr-right, #worker .csr-right {
	float: right;
	width: 480px;
}
#eco .clear, #safety .clear, #society .clear, #worker .clear {
	clear: both;
}
#eco h3, #eco p, #eco ul, #eco dl, #safety h3, #safety p, #safety ul, #safety dl, #society h3, #society p, #society ul, #society dl, #worker h3, #worker p, #worker ul, #worker dl {
	margin-left: 25px;
}
#eco .point, #safety .point, #society .point, #worker .point {
	display: inline-block;
	margin: 0px 0px 15px;
	padding: 0.2em 2em 0.2em 1em;
	background: url(../img/common/obi.png) right center no-repeat;
	background-size: auto 100%;
	color: #fff;
	font-size: 15px;
}
#eco h3, #safety h3, #society h3, #worker h3 {
	margin-bottom: 15px;
	padding-left: 55px;
	padding-top: 0.3em;
	font-size: 22px;
	color: #0A318F;
	font-weight: normal;
}
#eco h3 span, #safety h3 span, #society h3 span, #worker h3 span {
	font-size: 13px;
}
#eco p, #safety p, #society p, #worker p {
	margin-bottom: 1.5em;
}
#eco p.pan, #safety p.pan, #society p.pan, #worker p.pan {
	margin: 0px auto;
	padding-top: 1em;
}
#society .logo {
	margin-top: 0.5em;
}
#eco .copy, #safety .copy, #society .copy, #worker .copy {
	font-size: 18px;
}
#eco .copy span, #safety .copy span, #society .copy span, #worker .copy span {
	font-size: 12px;
}
#eco li, #safety li, #society li, #worker li {
	padding-left: 2em;
	text-indent: -2em;
}
#eco .list dt:first-letter, #safety .list dt:first-letter, #society .list dt:first-letter, #worker .list dt:first-letter {
	color: #0A318F;
}
#eco .date dt, #safety .date dt, #society .date dt, #worker .date dt {
	clear: both;
	float: left;
	width: 7em;
}
#eco .date dd, #safety .date dd, #society .date dd, #worker .date dd {
	float: left;
	padding-bottom: 1em;
}
#eco .img01, #safety .img01, #society .img01, #worker .img01 {
	position: absolute;
	right: 0px;
	top: 20px;
}
#eco .img02, #society .img02, #worker .img02 {
	float: right;
	margin-top: -100px;
}
#safety .img02 {
	float: right;
}
#eco .img-left, #safety .img-left, #society .img-left, #worker .img-left {
	float: left;
	margin-bottom: 40px;
}
#eco .img-right, #safety .img-right, #society .img-right, #worker .img-right {
	float: right;
	margin-bottom: 40px;
}

#society h2 {
	background: url(../img/csr/society/icon.png) center top no-repeat;
}
#society h3 {
	background: url(../img/csr/society/icon.png) left top no-repeat;
}

#safety h2 {
	background: url(../img/csr/safety/icon.png) center top no-repeat;
}
#safety h3 {
	background: url(../img/csr/safety/icon.png) left top no-repeat;
}

#eco h2 {
	background: url(../img/csr/eco/icon.png) center top no-repeat;
}
#eco h3 {
	padding-left: 40px;
	background: url(../img/csr/eco/icon.png) left top no-repeat;
}
#eco .csr-right {
	width: 470px;
}
#eco .csr-box h4 {
	font-weight: normal;
	margin-left: 25px;
}
#eco .csr-box li {
	margin-bottom: 1em;
}

#worker h2 {
	background: url(../img/csr/worker/icon.png) center top no-repeat;
}
#worker h3 {
	background: url(../img/csr/worker/icon.png) left top no-repeat;
}

@media screen and (max-width: 988px) {
	.csr {
		background-size: cover;
	}
	.csr .copy {
		left: 4%;
		top: 8%;
		width: 59%;
	}
	.csr .copy img {
		width: 100%;
		height: auto;
	}

	#csr-navi {
		padding: 4.4% 0px 2%;
	}
	#csr-navi ul {
		padding-left: 80px;
	}
	/*#csr-navi ul li {
		width: 29.5%;
		margin-right: 2.5%;
		margin-bottom: 2.5%;
		font-size: 2.4vw;
	}*/
	#csr-navi ul .navi-item-long {
		width: 100%;
		margin-right: 0;
	}
	#csr-navi ul .navi-item {
		width: 100%;
		margin-right: 0;
	}
	#csr-navi ul .navi-item:nth-child(2) a {
		background-size: 100%;
	}
	#csr-navi ul .navi-item:nth-child(3) a {
		background-size: 100%;
	}
	#csr-navi ul .navi-item:nth-child(4) a {
		background-size: 100%;
	}
	#csr-navi ul .navi-item:nth-child(5) a {
		background-size: 100%;
	}
	#csr-navi ul li a {
		width: 100%;
		height: auto;
	}
	#csr-navi ul li a:before {
		content: "";
		display: block;
		padding-top: 72%;
	}
	#csr-navi ul li .en {
		font-size: 1.2vw;
	}
	/*#csr-navi ul li:nth-child(4) {
		margin-left: 16.5%;
	}*/
	#csr-navi ul li:nth-child(1) a, #csr-navi ul li:nth-child(2) a, #csr-navi ul li:nth-child(3) a, #csr-navi ul li:nth-child(4) a, #csr-navi ul li:nth-child(5) a {
		background-size: cover;
	}

	#eco, #safety, #society, #worker {
		padding-top: 4%;
		padding-bottom: 4%;
	}
	#eco h2, #safety h2, #society h2, #worker h2 {
		padding-top: 2em;
		font-size: 2.7vw;
	}
	#eco .read, #safety .read, #society .read, #worker .read {
		font-size: 2.4vw;
	}
	#eco .read + p, #safety .read + p, #society .read + p, #worker .read + p {
		font-size: 1.8vw;
	}
	#eco .csr-box, #eco .csr-left, #eco .csr-right, #safety .csr-box, #safety .csr-left, #safety .csr-right, #society .csr-box, #society .csr-left, #society .csr-right, #worker .csr-box, #worker .csr-left, #worker .csr-right {
		margin-bottom: 4%;
	}
	#eco .csr-left,
	#eco .csr-right, #safety .csr-left,
	#safety .csr-right, #society .csr-left,
	#society .csr-right, #worker .csr-left,
	#worker .csr-right {
		width: 57%;
	}
	#eco h3, #eco p, #eco ul, #eco dl, #safety h3, #safety p, #safety ul, #safety dl, #society h3, #society p, #society ul, #society dl, #worker h3, #worker p, #worker ul, #worker dl {
		margin-left: 2.5%;
	}
	#eco .point, #safety .point, #society .point, #worker .point {
		margin: 0px 0px 1em;
		padding: 0.2em 2em 0.2em 1em;
		font-size: 1.5vw;
	}
	#eco h3, #safety h3, #society h3, #worker h3 {
		margin-bottom: 1.5%;
		padding-left: 2.3em;
		font-size: 2.4vw;
	}
	#eco h3 span, #safety h3 span, #society h3 span, #worker h3 span {
		font-size: 1.5vw;
	}
	#eco .copy, #safety .copy, #society .copy, #worker .copy {
		font-size: 1.8vw;
	}
	#eco .copy span, #safety .copy span, #society .copy span, #worker .copy span {
		font-size: 1.2vw;
	}
	#eco .img01, #safety .img01, #society .img01, #worker .img01 {
		top: 2%;
		width: 33%;
		height: auto;
	}
	#eco .img02, #safety .img02, #society .img02, #worker .img02 {
		margin-top: -10%;
	}
	#eco .img-left,
	#eco .img-right, #safety .img-left,
	#safety .img-right, #society .img-left,
	#society .img-right, #worker .img-left,
	#worker .img-right {
		width: 31.5%;
		margin-bottom: 0px;
		height: auto;
	}

	#society h2,
	#society h3 {
		background-size: auto 1.4em;
	}

	#safety h2,
	#safety h3 {
		background-size: auto 1.4em;
	}

	#eco h3 {
		padding-left: 1.5em;
	}
	#eco h2,
	#eco h3 {
		background-size: auto 1.4em;
	}
	#eco .csr-right {
		width: 61.7%;
	}

	#worker h2,
	#worker h3 {
		background-size: auto 1.4em;
	}
}
@media screen and (max-width: 599px) {
	.csr .copy {
		width: 90%;
	}

	#csr-navi {
		padding: 4.4% 0px 2%;
	}
	#csr-navi ul {
		padding-left: 0px;
	}
	#csr-navi ul li {
		width: 31.6%;
		font-size: 2.4wv;
	}
	/*#csr-navi ul li a {
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
	}*/
	#csr-navi ul li a:before {
		content: "";
		display: block;
		padding-top: 73%;
	}
	/*#csr-navi ul li:nth-child(4) {
		margin-left: 16.5%;
	}*/
	#csr-navi ul li:nth-child(3) {
		margin-right: 0;
	}
	
	#csr-navi ul li:nth-child(1) a {
		background: url(../img_sp/csr/btn01.png) no-repeat;
		background-size: 100%;
	}
	#csr-navi ul li:nth-child(2) a {
		background: url(../img_sp/csr/btn02.png) no-repeat;
		background-size: 100%;
	}
	#csr-navi ul li:nth-child(3) a {
		background: url(../img_sp/csr/btn03.png) no-repeat;
		background-size: 100%;
	}
	#csr-navi ul li:nth-child(4) a {
		background: url(../img_sp/csr/btn04.png) no-repeat;
		background-size: 100%;
	}
	#csr-navi ul li:nth-child(5) a {
		background: url(../img_sp/csr/btn05.png) no-repeat;
		background-size: 100%;
	}

	#eco, #safety, #society, #worker {
		padding-top: 4%;
		padding-bottom: 4%;
	}
	#eco h2, #safety h2, #society h2, #worker h2 {
		padding-top: 2em;
		font-size: 15px;
	}
	#eco .read, #safety .read, #society .read, #worker .read {
		font-size: 13px;
	}
	#eco .read + p, #safety .read + p, #society .read + p, #worker .read + p {
		font-size: 3vw;
	}
	#eco .csr-box, #eco .csr-left, #eco .csr-right, #safety .csr-box, #safety .csr-left, #safety .csr-right, #society .csr-box, #society .csr-left, #society .csr-right, #worker .csr-box, #worker .csr-left, #worker .csr-right {
		margin-bottom: 4%;
		border: none;
	}
	#eco .csr-left,
	#eco .csr-right,
	#eco .csr-box, #safety .csr-left,
	#safety .csr-right,
	#safety .csr-box, #society .csr-left,
	#society .csr-right,
	#society .csr-box, #worker .csr-left,
	#worker .csr-right,
	#worker .csr-box {
		width: 100%;
	}
	#eco .csr-left .line,
	#eco .csr-right .line,
	#eco .csr-box .line, #safety .csr-left .line,
	#safety .csr-right .line,
	#safety .csr-box .line, #society .csr-left .line,
	#society .csr-right .line,
	#society .csr-box .line, #worker .csr-left .line,
	#worker .csr-right .line,
	#worker .csr-box .line {
		border-left: 1px solid #0A318F;
	}
	#eco .csr-left img,
	#eco .csr-right img,
	#eco .csr-box img, #safety .csr-left img,
	#safety .csr-right img,
	#safety .csr-box img, #society .csr-left img,
	#society .csr-right img,
	#society .csr-box img, #worker .csr-left img,
	#worker .csr-right img,
	#worker .csr-box img {
		margin: 10px 0px 10px 15%;
	}
	#worker .csr-left .icon {
		margin: 0;
	}
	#society img.logo {
		margin: 0.5em 0px 0px;
	}
	#eco h3, #eco p, #eco ul, #eco dl, #safety h3, #safety p, #safety ul, #safety dl, #society h3, #society p, #society ul, #society dl, #worker h3, #worker p, #worker ul, #worker dl {
		margin-left: 15px;
	}
	#eco ul, #eco dl, #safety ul, #safety dl, #society ul, #society dl, #worker ul, #worker dl {
		margin-left: 0px;
	}
	#eco .point, #safety .point, #society .point, #worker .point {
		margin: 0px 0px 1.5em;
		background: url(../img_sp/common/obi.png) right center no-repeat;
		background-size: auto 100%;
		font-size: 10px;
	}
	#eco h3, #safety h3, #society h3, #worker h3 {
		font-size: 14px;
		padding-top: 0px;
	}
	#eco h3 span, #safety h3 span, #society h3 span, #worker h3 span {
		font-size: 10px;
	}
	#eco .copy, #safety .copy, #society .copy, #worker .copy {
		font-size: 12px;
	}
	#eco .copy span, #safety .copy span, #society .copy span, #worker .copy span {
		font-size: 10px;
	}
	#eco .csr-left > p,
	#eco .csr-right > p,
	#eco .csr-box > p, #safety .csr-left > p,
	#safety .csr-right > p,
	#safety .csr-box > p, #society .csr-left > p,
	#society .csr-right > p,
	#society .csr-box > p, #worker .csr-left > p,
	#worker .csr-right > p,
	#worker .csr-box > p {
		margin-left: 0px;
	}
	#eco li:first-letter, #safety li:first-letter, #society li:first-letter, #worker li:first-letter {
		font-weight: bold;
		color: #0A318F;
	}

	#society h3 {
		background: url(../img_sp/csr/society/icon.png) no-repeat;
		background-size: auto 1.4em;
	}
	#society h2 {
		background: url(../img_sp/csr/society/icon.png) center top no-repeat;
		background-size: auto 1.4em;
	}

	#safety h3 {
		background: url(../img_sp/csr/safety/icon.png) no-repeat;
		background-size: auto 1.4em;
	}
	#safety h2 {
		background: url(../img_sp/csr/safety/icon.png) center top no-repeat;
		background-size: auto 1.4em;
	}

	#eco h3 {
		padding-left: 1.5em;
	}
	#eco h3 {
		background: url(../img_sp/csr/eco/icon.png) no-repeat;
		background-size: auto 1.4em;
	}
	#eco h2 {
		background: url(../img_sp/csr/eco/icon.png) center top no-repeat;
		background-size: auto 1.4em;
	}
	#eco .csr-box h4 {
		margin-left: 0px;
	}
	#eco .csr-right {
		width: 100%;
	}

	#worker h3 {
		background: url(../img_sp/csr/worker/icon.png) no-repeat;
		background-size: auto 1.4em;
	}
	#worker h2 {
		background: url(../img_sp/csr/worker/icon.png) center top no-repeat;
		background-size: auto 1.4em;
	}
}

.youkou h2 {
	width: 200px;
}
.youkou h2 + p {
	padding: 20px 0px 30px;
	text-align: center;
	font-size: 18px;
	letter-spacing: 0.3em;
}
.youkou ul {
	width: 620px;
	margin: 0px auto 40px;
}
.youkou ul li {
	position: relative;
	float: left;
	width: 282px;
}
.youkou ul li a {
	display: block;
	min-height: 142px;
	padding: 2em 0em 0em 10.5em;
	background: url(../img/recruit/btnbg02.png) no-repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #231815;
}
.youkou ul li:first-child {
	margin-right: 36px;
}
.youkou ul li:first-child a {
	padding: 2em 1em;
	background: url(../img/recruit/btnbg01.png) no-repeat;
}
.youkou ul li span {
	position: absolute;
	left: 13.2em;
	bottom: 1.8em;
	font-weight: bold;
	color: #c00;
}
.youkou ul li:first-child span {
	left: 1.5em;
}
.youkou .step {
	padding: 30px 0px 50px;
	text-align: center;
}
.youkou .step h3 {
	display: inline-block;
	margin-bottom: 35px;
	padding: 0.2em 3em 0.2em 2em;
	background: url(../img/common/obi.png) right center no-repeat;
	background-size: auto 100%;
	color: #fff;
	letter-spacing: 0.5em;
}
.youkou .step .stepline {
	width: 620px;
	margin: 0px auto;
}
.youkou .step .stapbox {
	position: relative;
	float: left;
	width: 180px;
	margin-right: 40px;
	border-radius: 8px;
	background: #e8f5fd;
}
.youkou .step .stapbox:nth-of-type(3) {
	margin-right: 0px;
}
.youkou .step .stapbox .num {
	position: absolute;
	left: 4px;
	top: -6px;
	width: 25px;
	height: 28px;
	background: url(../img/recruit/obi.png) no-repeat;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 28px;
}
.youkou .step .stapbox img {
	margin-bottom: -5px;
}
.youkou .step .stapbox .text {
	display: block;
	padding: 1.2em 0;
	background: #fff;
	border-radius: 0px 0px 8px 8px;
}
.youkou .step .stapbox .text p {
	min-height: 3em;
}

.movie {
	padding: 25px 0px 40px;
	background: #F4F4F5;
}
.movie h2 {
	width: 200px;
	margin-bottom: 20px;
}
.movie .moviebox {
	width: 600px;
	margin: 0px auto;
}

.message {
	min-height: 850px;
	background: url(../img/recruit/messagebg.jpg) no-repeat center top / auto;
}
.message h2 {
	padding-left: 240px;
	padding-top: 45px;
	font-size: 20px;
	text-shadow: 2px 2px 3px #fff, -2px 2px 3px #fff, 2px -2px 3px #fff, -2px -2px 3px #fff;
}
.message .text {
	position: relative;
	width: 580px;
	padding: 2em;
	margin-left: 220px;
}
.message .text:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	-webkit-filter: blur(10px);
	filter: blur(10px);
}
.message .text p {
	position: relative;
	z-index: 1;
	line-height: 1.7;
}
.message .text p.name {
	text-align: right;
}
.message .text p.name span {
	display: inline-block;
	margin-right: 1em;
	font-weight: bold;
}

.entry {
	position: relative;
	padding: 25px 0px;
	background: #0A318F;
	text-align: center;
}
.entry p {
	position: relative;
	z-index: 1;
	font-size: 18px;
	color: #fff;
}
.entry p.btn {
	padding-top: 7px;
}
.entry p.btn a {
	display: inline-block;
	padding: 10px 120px;
	font-size: 22px;
	font-weight: bold;
	border-radius: 2em;
	line-height: 1.1;
	background: #8FC31F;
	letter-spacing: 0.5em;
	color: #fff;
}
.entry .img01, .entry .img02 {
	position: absolute;
	left: 50%;
	bottom: 0px;
}
.entry .img01 {
	margin-left: -340px;
}
.entry .img02 {
	margin-left: 200px;
}

.voiceArea {
	padding: 35px 0px;
}
.voiceArea h2 {
	width: 200px;
	margin-bottom: 25px;
}
.voiceArea .voice {
	margin-bottom: 35px;
	display: flex;
	justify-content: center;
}
.voiceArea .voice li {
	position: relative;
	float: left;
	line-height: 1.4;
	overflow: hidden;
}
.voiceArea .voice li a {
	display: table;
	width: 338px;
}
.voiceArea .job {
	padding-left: 215px;
}
.voiceArea .job li {
	position: relative;
	float: left;
	margin-right: 23px;
	font-size: 27px;
	line-height: 1.4;
}
.voiceArea .job li a {
	display: block;
	width: 250px;
	height: 180px;
}
.voiceArea .job li .overlay {
	padding: 0.3em 0px;
}
.voiceArea .job li .en {
	font-size: 12px;
}
.voiceArea .job li:nth-child(1) a {
	background: url(../img/index/img-busi.jpg) no-repeat;
}
.voiceArea .job li:nth-child(2) a {
	background: url(../img/recruit/img01.jpg) no-repeat;
}

#boshu {
	padding: 60px 0px;
}
#boshu h2 {
	width: 200px;
	margin-bottom: 25px;
}
#boshu .read {
	margin-bottom: 40px;
	font-size: 14px;
	text-align: center;
	letter-spacing: 0.3em;
}
#boshu .btns {
	padding-left: 30px;
}
#boshu .btns ul {
	float: left;
	margin: 0px 37px 0px 0px;
}
#boshu .btns ul li {
	margin-bottom: 45px;
}
#boshu .btns ul:nth-child(3n) {
	margin-right: 0px;
}
#boshu table {
	width: 100%;
}
#boshu table th, #boshu table td {
	padding: 1em 2.5em;
	border: 1px solid #bfc0c0;
}
#boshu table th {
	border-right: none;
	background: #d9e7f6;
	text-align: center;
}
#boshu table tr:first-child th {
	padding: 0.6em;
	border: 1px solid #bfc0c0;
	font-size: 20px;
	text-align: center;
}
#boshu table tr:first-child th:first-child {
	background: #bad3ee;
}
#boshu table td {
	border-left: none;
}
#boshu table td span {
	display: inline-block;
	margin-right: 1em;
	vertical-align: top;
}

.info {
	padding: 30px 0px;
}
.info h2 {
	width: 200px;
	margin-bottom: 25px;
}
.info .data {
	float: left;
	width: 48%;
}
.info .data table {
	width: 100%;
}
.info .data table th, .info .data table td {
	padding: 0.5em 1em;
	border: 1px solid #bfc0c0;
}
.info .data table th {
	border-right: none;
	background: #f4f4f5;
	text-align: center;
}
.info .data table tr:first-child th {
	border: 1px solid #bfc0c0;
	background: #d9e7f6;
}
.info .data table td {
	border-left: none;
}
.info .maps {
	float: right;
	width: 48%;
}
.info .maps .mapbox {
	height: 225px;
	margin-bottom: 25px;
	position: relative;
	overflow: hidden;
}
.info .maps .mapbox p {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 110px;
	height: 110px;
	color: #fff;
	font-size: 11px;
	line-height: 1.2;
	overflow: hidden;
}
.info .maps .mapbox p span {
	display: block;
	position: relative;
	z-index: 1;
	padding-left: 0.8em;
	padding-top: 1em;
	font-weight: normal;
}
.info .maps .mapbox p:before {
	content: "";
	display: block;
	position: absolute;
	left: -133px;
	top: -170px;
	width: 220px;
	height: 220px;
	background: #0A318F;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* voice */
#voice .voicehead {
	height: 375px;
}
#voice .pan {
	margin-bottom: 55px;
}
#voice .voicehead .text {
	position: absolute;
	right: 100px;
	top: 70px;
	min-width: 420px;
	padding: 25px 15px 15px;
	background: url(../img/recruit/voice01/boxbg.png) right bottom no-repeat;
	color: #fff;
	text-align: center;
}
#voice .voicehead .text .num {
	font-size: 25px;
	line-height: 1;
}
#voice .voicehead .text .num span {
	padding-left: 0.5em;
	font-size: 52px;
	vertical-align: middle;
}
#voice .voicehead .text .job {
	margin: 0.5em 0px;
	font-size: 33px;
	line-height: 1.2;
}
#voice .voicehead .text .job span {
	display: block;
	font-size: 18px;
}
#voice .voicehead .text .comment {
	margin-bottom: 0.4em;
	font-size: 23px;
	line-height: 1.3;
}
#voice .voicehead .text .year {
	font-size: 18px;
}
#voice h2 {
	display: inline-block;
	margin-bottom: 20px;
	padding: 0.2em 1em;
	font-size: 15px;
	font-weight: normal;
	background: #0A318F;
	color: #fff;
}
//#voice .number01 {
//	background: url(../img/recruit/voice01/main.jpg) center top no-repeat;
//}
#voice .number02 {
	background: url(../img/recruit/voice02/main.jpg) center top no-repeat;
}
#voice .profile, #voice .history {
	float: left;
	width: 50%;
	min-height: 14em;
	margin-bottom: 30px;
	border-left: 1px solid #0A318F;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#voice .profile p, #voice .profile dl, #voice .history p, #voice .history dl {
	padding-left: 20px;
}
#voice .profile .type, #voice .history .type {
	margin-bottom: 1em;
}
#voice .profile .type span, #voice .history .type span {
	padding: 0.2em 0.5em;
	color: #fff;
	background: #2EA7E0;
}
#voice .profile dt, #voice .profile dd, #voice .history dt, #voice .history dd {
	float: left;
	margin-bottom: 1em;
}
#voice .profile dt, #voice .history dt {
	clear: both;
	width: 7em;
}
#voice .interview {
	padding: 30px 0px;
}
#voice .interview dt {
	margin-bottom: 10px;
	font-size: 22px;
	color: #0A318F;
	padding-left: 1.5em;
	text-indent: -1.5em;
	line-height: 1.3;
	letter-spacing: -1px;
}
#voice .interview dt span {
	font-size: 33px;
}
#voice .interview dd {
	margin-bottom: 2.5em;
	padding-left: 3em;
}
#voice .interview dd.mb {
	margin-bottom: 4em;
}
#voice .interview .rightimg {
	padding-right: 380px;
}
#voice .interview .leftimg {
	margin-left: 330px;
}
#voice .interview .img01 {
	position: absolute;
	right: 0px;
	top: 60px;
}
#voice .interview .img02 {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#voice .flow {
	padding: 25px 0px;
	text-align: center;
}
#voice .flow h2 {
	font-size: 25px;
}
#voice .flow .flowbg {
	min-height: 1400px;
	padding-top: 45px;
//	background: url(../img/recruit/voice01/flow.png) center top no-repeat;
	text-align: left;
}
#voice .flow .flowbg .time {
	margin-bottom: 0.7em;
	font-weight: bold;
	font-size: 28px;
	line-height: 1;
}
#voice .flow .flowbg h3 {
	color: #0A318F;
	font-size: 19px;
}
#voice .flow .flowbg p {
	font-size: 14px;
}
#voice .flow .flowbg div {
	padding: 0.5em 0px 1em;
}
#voice .flow .flowbg .flow01, #voice .flow .flowbg .flow03, #voice .flow .flowbg .flow06 {
	margin-left: 350px;
	border-left: 10px solid #0A318F;
	padding-left: 10px;
}
#voice .flow .flowbg .flow02, #voice .flow .flowbg .flow04, #voice .flow .flowbg .flow05 {
	margin-right: 330px;
	border-right: 10px solid #0A318F;
	padding-right: 10px;
	text-align: right;
}
#voice .flow .flowbg .flow04, #voice .flow .flowbg .flow05 {
	margin-right: 350px;
}
#voice .flow .flowbg .flow01 {
	margin-bottom: 180px;
}
#voice .flow .flowbg .flow02 {
	margin-bottom: 80px;
}
#voice .flow .flowbg .flow03 {
	margin-bottom: 218px;
}
#voice .flow .flowbg .flow04 {
	margin-bottom: 165px;
	padding-left: 110px;
}
#voice .flow .flowbg .flow05 {
	margin-bottom: 2.5em;
}
#voice .flow .flowbg .break {
	text-align: right;
}
#voice .flow.num02 .flowbg {
	min-height: 1663px;
	background: url(../img/recruit/voice02/flow.png) center top no-repeat;
}
#voice .flow.num02 .flowbg .flow01 {
	margin-bottom: 165px;
}
#voice .flow.num02 .flowbg .flow02 {
	margin-bottom: 70px;
}
#voice .flow.num02 .flowbg .flow03 {
	margin-bottom: 160px;
}
#voice .flow.num02 .flowbg .flow05 {
	margin-bottom: 250px;
}
#voice .voiceArea2 ul {
	padding: 40px 0px 40px 360px;
	background: url(../img/recruit/voice01/ballon.png) left center no-repeat;
}
#voice .voiceArea2 ul li {
	position: relative;
	float: left;
	margin-right: 23px;
	margin-bottom: 25px;
	font-size: 22px;
	line-height: 1.4;
}
#voice .voiceArea2 ul li a {
	display: block;
	width: 250px;
	height: 180px;
}
#voice .voiceArea2 ul li .overlay {
	padding: 0.3em 0px;
}
#voice .voiceArea2 ul li .en {
	font-size: 12px;
}
#voice .voiceArea2 ul li:nth-child(1) a {
	background: url(../img/csr/navi05.jpg) no-repeat;
}
#voice .voiceArea2 ul li:nth-child(2) a {
	background: url(../img/csr/navi01.jpg) center center no-repeat;
}
#voice .voiceArea2 ul li:nth-child(3) {
	margin-bottom: 0px;
	margin-left: 140px;
}
#voice .voiceArea2 ul li:nth-child(3) a {
	background: url(../img/recruit/img02.jpg) no-repeat;
}

@media screen and (max-width: 1500px) {

	.message {
		padding-bottom: 5%;
		min-height: auto;
		background-size: cover;
		height: 47vw;
	}
}

@media screen and (max-width: 988px) {
	.recruit {
		background-size: cover;
	}
	.recruit .copy {
		top: 64%;
	}
	.recruit .copy img {
		width: 66%;
		height: auto;
	}

	.recruit {
		height: 56vw;
	}
	.recruit.head .inwrap {
		height: 56vw;
	}
	.recruit .item {
		height: 56vw;
	}
	.recruit #recruit01 {
		background-size: cover;
	}
	.recruit #recruit02 {
		background-size: cover;
	}
	.recruit #recruit03 {
		background-size: cover;
	}

	.youkou {
		padding: 6% 0px 0px;
	}
	.youkou h2 {
		width: 24%;
	}
	.youkou h2 + p {
		padding: 3% 0px 4%;
	}
	.youkou ul {
		width: 72%;
		margin: 0px auto 5%;
	}
	.youkou ul li {
		width: 46.7%;
	}
	.youkou ul li a {
		min-height: 0;
		height: 13em;
		background-size: 100% auto;
	}
	.youkou ul li:first-child {
		margin-right: 6.6%;
	}
	.youkou ul li:first-child a {
		background-size: 100% auto;
	}
	.youkou .step {
		padding: 3% 0px 5%;
	}
	.youkou .step h3 {
		margin-bottom: 35px;
	}
	.youkou .step .stepline {
		width: 74%;
	}
	.youkou .step .stapbox {
		width: 28.5%;
		margin-right: 7.25%;
	}
	.youkou .step .stapbox .num {
		left: 2%;
		top: -2%;
		width: 14%;
		height: 12%;
		background-size: cover;
		line-height: 2.5;
	}
	.youkou .step .stapbox img {
		width: 95%;
		height: auto;
		margin-bottom: -5px;
	}

	.movie {
		padding: 25px 0px 40px;
	}
	.movie h2 {
		width: 24%;
		margin-bottom: 2%;
	}
	.movie .moviebox {
		width: 62%;
	}

	.message h2 {
		padding-top: 5.5%;
		font-size: 2vw;
	}
	.message .text {
		width: 64%;
	}

	.entry {
		padding: 2.5% 0px;
	}
	.entry p {
		font-size: 1.8vw;
	}
	.entry p.btn {
		padding-top: 0.5em;
	}
	.entry p.btn a {
		padding: 0.5em 5em;
		font-size: 2.2vw;
	}
	.entry .img01 {
		margin-left: -33%;
		width: 14.6%;
		height: auto;
	}
	.entry .img02 {
		margin-left: 20%;
		width: 15.2%;
		height: auto;
	}

	.voiceArea {
		padding: 3.5% 0px;
	}
	.voiceArea h2 {
		width: 24%;
		margin-bottom: 2.5%;
	}
	.voiceArea .voice {
		margin-bottom: 3.5%;
	}
	.voiceArea .voice li {
		width: 42.4%;
	}
	.voiceArea .voice li a {
		width: 100%;
	}
	.voiceArea .voice li a img {
		width: 100%;
	}
	.voiceArea .job {
		padding-left: 215px;
	}
	.voiceArea .job li {
		width: 36%;
		height: auto;
		margin-right: 3%;
		font-size: 2.5vw;

	}
	.voiceArea .job li a {
		width: 100%;
		height: auto;
	}
	.voiceArea .job li a:before {
		content: "";
		display: block;
		padding-top: 72%;
	}
	.voiceArea .job li .en {
		font-size: 1.2vw;
	}
	.voiceArea .job li:nth-child(1) a, .voiceArea .job li:nth-child(2) a {
		background-size: cover;
	}

	#boshu {
		padding: 6% 0px;
	}
	#boshu h2 {
		width: 24%;
		margin-bottom: 2.5%;
	}

	#boshu .btns {
		padding-left: 0px;
	}
	#boshu .btns ul {
		float: none;
		clear: both;
		margin: 0px 0px 20px 0px;
	}
	#boshu .btns ul li {
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 0px;
	}
	#boshu .btns ul li:last-child {
		margin-right: 0px;
	}
	#boshu ul {
		padding-left: 0px;
	}
	#boshu ul li {
		width: 48%;
		margin: 0px 4% 20px 0px;
	}
	#boshu ul li img {
		width: 100%;
	}
	#boshu table tr:first-child th {
		font-size: 2vw;
	}

	.info {
		padding: 3% 0px;
	}
	.info h2 {
		width: 24%;
		margin-bottom: 2.5%;
	}
	.info .data {
		width: 48%;
	}
	.info .maps {
		width: 48%;
	}
	.info .maps .mapbox {
		margin-bottom: 2.5%;
	}
	.info .maps .mapbox p {
		font-size: 1.1vw;
	}
	.info .maps .mapbox p:before {
		left: -50%;
		top: -75%;
		width: 106%;
		height: 133%;
	}

	/* voice */
	#voice .voicehead {
		height: auto;
	}
	#voice .pan {
		margin-bottom: 5.5%;
	}
	#voice .voicehead .inwrap:before {
		content: "";
		display: block;
		padding-top: 39.0625%;
	}
	#voice .voicehead .text {
		right: 10%;
		top: 15%;
		min-width: 0;
		padding: 2.5% 1.5% 1.5%;
		background-size: 170% auto;
	}
	#voice .voicehead .text .num {
		font-size: 2.5vw;
	}
	#voice .voicehead .text .num span {
		font-size: 5.2vw;
	}
	#voice .voicehead .text .job {
		font-size: 3.3vw;
	}
	#voice .voicehead .text .job span {
		font-size: 1.8vw;
	}
	#voice .voicehead .text .comment {
		font-size: 2.3vw;
	}
	#voice .voicehead .text .year {
		font-size: 1.8vw;
	}
	#voice h2 {
		margin-bottom: 1.3em;
		font-size: 1.5vw;
	}
	#voice .number01,
	#voice .number02 {
		background-size: cover;
	}
	#voice .profile, #voice .history {
		margin-bottom: 3%;
	}
	#voice .profile p, #voice .profile dl, #voice .history p, #voice .history dl {
		padding-left: 2%;
	}
	#voice .interview {
		padding: 3% 0px;
	}
	#voice .interview dt {
		margin-bottom: 1%;
		font-size: 2.4vw;
	}
	#voice .interview dt span {
		font-size: 3.3vw;
	}
	#voice .interview .rightimg {
		padding-right: 38%;
	}
	#voice .interview .leftimg {
		margin-left: 33%;
	}
	#voice .interview .img01 {
		top: 6%;
		width: 35%;
		height: auto;
	}
	#voice .interview .img02 {
		width: 30%;
		height: auto;
	}
	#voice .flow {
		padding: 2.5% 0px;
	}
	#voice .flow h2 {
		font-size: 2.5vw;
	}
	#voice .flow .flowbg {
		min-height: 0;
		padding-bottom: 10%;
		padding-top: 4.5%;
		background-size: 100% auto;
	}
	#voice .flow .flowbg .time {
		font-size: 2.8vw;
	}
	#voice .flow .flowbg h3 {
		font-size: 1.9vw;
	}
	#voice .flow .flowbg p {
		font-size: 1.4vw;
	}
	#voice .flow .flowbg .flow01, #voice .flow .flowbg .flow03, #voice .flow .flowbg .flow06 {
		margin-left: 42%;
		padding-left: 1%;
	}
	#voice .flow .flowbg .flow02, #voice .flow .flowbg .flow04, #voice .flow .flowbg .flow05 {
		margin-right: 39%;
		padding-right: 1%;
	}
	#voice .flow .flowbg .flow04, #voice .flow .flowbg .flow05 {
		margin-right: 42%;
	}
	#voice .flow .flowbg .flow01 {
		margin-bottom: 23%;
	}
	#voice .flow .flowbg .flow02 {
		margin-bottom: 10%;
	}
	#voice .flow .flowbg .flow03 {
		margin-bottom: 33%;
	}
	#voice .flow .flowbg .flow04 {
		margin-bottom: 21%;
	}
	#voice .flow.num02 .flowbg {
		min-height: 0;
		padding-bottom: 15%;
		background-size: 100% auto;
	}
	#voice .flow.num02 .flowbg .flow01 {
		margin-bottom: 20%;
	}
	#voice .flow.num02 .flowbg .flow02 {
		margin-bottom: 9%;
	}
	#voice .flow.num02 .flowbg .flow03 {
		margin-bottom: 19%;
	}
	#voice .flow.num02 .flowbg .flow05 {
		margin-bottom: 30%;
	}
	#voice .voiceArea2 ul {
		padding: 4% 0px 4% 38%;
		background-size: 28% auto;
	}
	#voice .voiceArea2 ul li {
		margin-right: 4%;
		width: 43.5%;
		margin-bottom: 2.5%;
		font-size: 2.0vw;
	}
	#voice .voiceArea2 ul li a {
		width: 100%;
		height: auto;
	}
	#voice .voiceArea2 ul li a:before {
		content: "";
		display: block;
		padding-top: 72%;
	}
	#voice .voiceArea2 ul li .en {
		font-size: 1.2vw;
	}
	#voice .voiceArea2 ul li:nth-child(1) a, #voice .voiceArea2 ul li:nth-child(2) a, #voice .voiceArea2 ul li:nth-child(3) a {
		background-size: cover;
	}
	#voice .voiceArea2 ul li:nth-child(3) {
		margin-left: 24%;
	}
}
@media screen and (max-width: 599px) {
	.recruit {
		background: url(../img_sp/recruit/main.jpg) center no-repeat;
		background-size: cover;
	}
	.recruit .inwrap:before {
		padding-top: 59%;
	}
	.recruit .copy {
		top: 64%;
	}
	.recruit .copy img {
		width: 66%;
	}

	.youkou h2 {
		width: 9em;
	}
	.youkou ul {
		width: 80%;
		margin: 0px auto 5%;
	}
	.youkou ul li {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.youkou ul li a {
		height: auto;
		background: url(../img_sp/recruit/btnbg02.png) no-repeat;
		background-size: 100% auto;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
	}
	.youkou ul li span {
		display: none;
	}
	.youkou ul li:first-child {
		padding: 0px;
		margin-right: 0%;
	}
	.youkou ul li:first-child a {
		background: url(../img_sp/recruit/btnbg01.png) no-repeat;
		background-size: 100% auto;
	}
	.youkou ul li a:before {
		content: "";
		display: block;
		padding-top: 52%;
	}
	.youkou .step {
		padding: 20px 0px 5%;
	}
	.youkou .step h3 {
		display: block;
		margin-bottom: 20px;
		background: url(../img_sp/common/obi.png) right center no-repeat;
		font-size: 14px;
	}
	.youkou .step .stepline {
		width: 100%;
	}
	.youkou .step .stapbox {
		display: table;
		float: none;
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0%;
	}
	.youkou .step .stapbox .num {
		width: 30px;
		height: 34px;
	}
	.youkou .step .stapbox img {
		display: table-cell;
		width: 100%;
		margin-bottom: -4px;
	}
	.youkou .step .stapbox .text {
		display: table-cell;
		width: 58%;
		border-radius: 0px 6px 6px 0px;
		vertical-align: middle;
		font-size: 14px;
	}

	.movie {
		padding: 25px 20px 40px;
	}
	.movie h2 {
		width: 9em;
	}
	.movie .moviebox {
		width: 100%;
	}
	.movie .moviebox iframe {
		height: 220px;
	}

	.message {
		padding: 0px;
		min-height: 450px;
		background: url(../img_sp/recruit/messagebg.jpg) no-repeat center top / cover;
		background-size: cover;
		height: auto;
	}
	.message:before {
		content: "";
		display: block;
		padding-top: 88.4%;
	}
	.message div {
		display: none;
	}

	.entry {
		padding: 0px;
	}
	.entry p {
	}
	.entry p:first-child {
		display: none;
	}
	.entry p.btn a {
		display: block;
		padding: 0;
		background: url(../img_sp/recruit/entry01.gif) no-repeat;
		background-size: 100%;
		text-indent: -9999px;
		font-size: 0px;
		line-height: 0px;
	}
	.entry p.btn a.type02 {
		background: url(../img_sp/recruit/entry02.gif) no-repeat;
		background-size: 100%;
	}
	.entry p.btn a:before {
		content: "";
		display: block;
		padding-top: 33%;
	}
	.entry .img01,
	.entry .img02 {
		display: none;
	}

	.voiceArea {
		padding: 3.5% 0px;
	}
	.voiceArea h2 {
		width: 9em;
		margin-bottom: 2.5%;
	}
	.voiceArea .voice {
		padding-left: 0%;
		margin-bottom: 3.5%;
	}
	.voiceArea .voice li {
		display: block;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 10px;
	}
	.voiceArea .job {
		padding-left: 50px;
	}
	.voiceArea .job li {
		width: 39%;
		font-size: 14px;
		margin-right: 2%;
	}
	.voiceArea .job li a {
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
	}
	.voiceArea .job li a:before {
		contnet: "";
		display: block;
		padding-top: 73%;
	}
	.voiceArea .job li:last-child {
		margin-right: 0px;
	}
	.voiceArea .job li:nth-child(1) a {
		background: url(../img_sp/recruit/btn01.png) no-repeat;
		background-size: 100%;
	}
	.voiceArea .job li:nth-child(2) a {
		background: url(../img_sp/csr/btn04.png) no-repeat;
		background-size: 100%;
	}

	#boshu {
		padding: 6% 0px;
	}
	#boshu h2 {
		width: 9em;
	}
	#boshu table th, #boshu table td {
		padding: 0.5em;
	}
	#boshu table th {
		width: 4.5em;
		vertical-align: top;
	}
	#boshu table tr:first-child th {
		width: auto;
		font-size: 14px;
	}

	.info {
		padding: 3% 0px;
	}
	.info h2 {
		width: 9em;
	}
	.info .data {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.info .data table {
		font-size: 3.2vw;
	}
	.info .data table th {
		width: 7em;
		vertical-align: top;
	}
	.info .maps {
		width: 100%;
		margin-bottom: 10px;
	}
	.info .maps .mapbox {
		margin-bottom: 2.5%;
	}
	.info .maps .mapbox p {
		font-size: 11px;
	}

	/* voice */
	#voice .voicehead .inwrap:before {
		padding-top: 58.59375%;
	}
	#voice .voicehead .text {
		right: 10%;
		top: 15%;
		min-width: 0;
		padding: 2.5% 1.5% 1.5%;
	}
	#voice .voicehead .text .num {
		font-size: 10px;
	}
	#voice .voicehead .text .num span {
		font-size: 22px;
	}
	#voice .voicehead .text .job {
		font-size: 14px;
	}
	#voice .voicehead .text .job span {
		font-size: 10px;
	}
	#voice .voicehead .text .comment {
		font-size: 11px;
	}
	#voice .voicehead .text .year {
		font-size: 10px;
	}
	#voice h2 {
		padding: 0.2em 0.5em;
		font-size: 12px;
	}
	#voice .profile h2 {
		margin-bottom: 0.6em;
	}
	#voice .profile, #voice .history {
		float: none;
		width: 100%;
		min-height: 0px;
		padding: 0px;
		margin-bottom: 20px;
		border: none;
	}
	#voice .profile p, #voice .profile dl, #voice .history p, #voice .history dl {
		padding-left: 0%;
	}
	#voice .history dt, #voice .history dd {
		margin-bottom: 0px;
	}
	#voice .profile p span {
		padding-left: 1em;
	}
	#voice .interview {
		padding: 3% 0px;
	}
	#voice .interview dt {
		font-size: 13px;
		font-weight: bold;
	}
	#voice .interview dt span {
		font-size: 14px;
	}
	#voice .interview dd {
		padding: 0px;
		font-size: 12px;
	}
	#voice .interview dd span.sp {
		display: inline;
	}
	#voice .interview dd.mb {
		margin-bottom: 2.5em;
	}
	#voice .interview dd img {
		margin-top: 1em;
	}
	#voice .interview .rightimg {
		padding-right: 0;
	}
	#voice .interview .leftimg {
		margin-left: 0;
	}
	#voice .flow {
		padding: 8.5% 0px;
	}
	#voice .flow h2 {
		font-size: 14px;
	}
	#voice .flow .flowbg {
		background: none;
		padding-bottom: 0%;
		padding-top: 0%;
	}
	#voice .flow .flowbg img {
		margin-bottom: 10px;
	}
	#voice .flow .flowbg p {
		padding-bottom: 30px;
		font-size: 12px;
	}
	#voice .flow .flowbg .time {
		display: inline-block;
		margin-right: 2em;
		padding-bottom: 0px;
		font-size: 14px;
	}
	#voice .flow .flowbg h3 {
		display: inline-block;
		font-size: 14px;
	}
	#voice .flow .flowbg .flow01, #voice .flow .flowbg .flow03, #voice .flow .flowbg .flow06, #voice .flow .flowbg .flow02, #voice .flow .flowbg .flow04, #voice .flow .flowbg .flow05 {
		border: none;
		margin: 0px;
		padding: 0px;
		text-align: left;
	}
	#voice .flow .flowbg .flow04, #voice .flow .flowbg .flow05 {
		margin-right: 0;
	}
	#voice .flow .flowbg .flow01,
	#voice .flow .flowbg .flow02,
	#voice .flow .flowbg .flow03,
	#voice .flow .flowbg .flow04 {
		margin-bottom: 10px;
		background: url(../img_sp/recruit/voice01/arrow.png) center bottom no-repeat;
		background-size: 25px auto;
	}
	#voice .flow .flowbg .break {
		padding-bottom: 0.5em;
		text-align: left;
	}
	#voice .flow.num02 .flowbg {
		background: none;
		padding-bottom: 0%;
		padding-top: 0%;
	}
	#voice .flow.num02 .flowbg .flow01,
	#voice .flow.num02 .flowbg .flow02,
	#voice .flow.num02 .flowbg .flow03,
	#voice .flow.num02 .flowbg .flow04,
	#voice .flow.num02 .flowbg .flow05 {
		margin: 0px;
		margin-bottom: 10px;
		background: url(../img_sp/recruit/voice01/arrow.png) center bottom no-repeat;
		background-size: 25px auto;
	}
	#voice .voiceArea2 ul {
		padding-left: 0px;
		padding-bottom: 30%;
		background: url(../img_sp/recruit/voice01/ballon.png) left bottom no-repeat;
		background-size: 60%;
	}
	#voice .voiceArea2 ul li {
		font-size: 3.2vw;
		margin-right: 2%;
	}
	#voice .voiceArea2 ul li a:before {
		content: "";
		display: block;
		padding-top: 73%;
	}
	#voice .voiceArea2 ul li:last-child {
		margin-right: 0px;
	}
	#voice .voiceArea2 ul li:nth-child(3) a {
		background: url(../img_sp/recruit/btn03.png) no-repeat;
		background-size: 100%;
	}
	#voice .voiceArea2 ul li:nth-child(3) {
		margin-left: 0%;
	}
}

#copyright {
	padding: 40px 0px;
}
#copyright h2 {
	margin-bottom: 2em;
}
#copyright p {
	margin-bottom: 3em;
}
#copyright dt {
	margin-bottom: 1em;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #0A318F;
}
#copyright dd {
	margin-bottom: 3em;
}

@media screen and (max-width: 988px) {
	#copyright {
		padding: 4% 0px;
	}
	#copyright dt {
		padding-bottom: 0.4em;
		font-size: 1.4vw;
	}
}
@media screen and (max-width: 599px) {
	#copyright {
		padding: 20px 0px;
	}
	#copyright dt {
		font-size: 14px;
	}
	#copyright dd.logo {
		padding-bottom: 40px;
		background: url(../img_sp/copyright/logo.gif) center bottom no-repeat;
		background-size: 72px auto;
	}
}

#privacy {
	padding: 40px 0px;
}
#privacy h2 {
	margin-bottom: 0.5em;
}
#privacy h3 {
	margin-bottom: 0.5em;
	font-size: 18px;
}
#privacy p {
	margin-bottom: 1.5em;
}
#privacy .box {
	padding: 1em;
	background: #F2F2F2;
}
#privacy dt {
	margin-bottom: 1em;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #0A318F;
}
#privacy dd {
	margin-bottom: 3em;
}
#privacy ul {
	padding: 1.5em;
}
#privacy li {
	margin-bottom: 0.5em;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
#privacy dd ul li {
	padding-top: 0.3em;
}
#privacy dd ul li:first-letter {
	color: #0A318F;
}
#privacy .name {
	margin-top: 2em;
	text-align: right;
	font-size: 16px;
}
#privacy .name span {
	font-size: 12px;
}

@media screen and (max-width: 988px) {
	#privacy {
		padding: 4% 0px;
	}
	#privacy dt {
		padding-bottom: 0.4em;
		font-size: 1.4vw;
	}
}
@media screen and (max-width: 599px) {
	#privacy {
		padding: 20px 0px;
	}
	#privacy p {
		font-weight: bold;
	}
	#privacy dt {
		font-size: 14px;
	}
}

/* soon */
.soon {
	padding: 20vh 0px 25vh;
	text-align: center;
	font-size: 18px;
}
@media screen and (max-width: 599px) {
	.soon {
		font-size: 14px;
	}
}