@charset "UTF-8";


/* header
------------------------------------------------- */
#header .hnav2 {
    border-bottom: none;
}



/* contents
------------------------------------------------- */
@media only screen and (max-width:750px){
	#contents {
		padding-top: 20vw;
	}
}


/* mainvisual
------------------------------------------------- */
.mainvisual {
	height: 20.375em;
}
.mainvisual div.slide {
    position: relative;
    height: 20.375em;
    opacity: 0;
}
.mainvisual .bx-viewport div.slide {
    opacity: 1;
}
.mainvisual div.slide01 {
    background: url("../img/top/mainvisual01.png") center center no-repeat;
    background-size: cover;
}
.mainvisual div.slide02 {
    background: url("../img/top/mainvisual02.png") center center no-repeat;
    background-size: cover;
}
.mainvisual div.slide03 {
    background: url("../img/top/mainvisual03.png") center center no-repeat;
    background-size: cover;
}
.mainvisual div.slide .inner {
	height: 20.375em;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 5em 0 3em;
	box-sizing: border-box;
}
.mainvisual div.slide .inner h2 {
	color: #fff;
	margin-bottom: 1em;
}
.mainvisual div.slide .inner h2 span {
	display: block;
}
.mainvisual div.slide .inner h2 span.new {
	color: #464646;
	background: #FFBA00;
	width: 5em;
	text-align: center;
	margin-bottom: 0.8125em;
	border-radius: 3px;
}
.mainvisual div.slide .inner .text {
	width: 28em;
}
.mainvisual div.slide .inner p.txt {
	color: #fff;	
	line-height: 1.5;
	margin-bottom: 1.57em;
}
.mainvisual div.slide .inner p.link a {
	color: #fff;
	text-decoration: underline;
}
.mainvisual div.slide .inner p.link a:hover {
	text-decoration: none;
}
.mainvisual div.slide .inner .img img {
	width: 22.75em;
	height: auto;
}

.bx-wrapper {
	*zoom: 1;
    position: relative;
}
.bx-wrapper .bx-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.bx-wrapper .bx-controls-direction {
	max-width: 1000px;
	width: 62.5em;
	margin: 0 auto;
	position: relative;
}
.bx-wrapper .bx-controls-direction .bx-prev,
.bx-wrapper .bx-controls-direction .bx-next {
	width: 1em;
	height: 1.75em;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	margin-top: -10em;
}
.bx-wrapper .bx-controls-direction .bx-prev {
	left: 0;
	background: url("../img/top/prev.png") no-repeat center center;
	background-size: 100% auto;
}
.bx-wrapper .bx-controls-direction .bx-next {
	right: 0;
	background: url("../img/top/next.png") no-repeat center center;
	background-size: 100% auto;
}
.bx-wrapper .bx-pager {
    display: none;
}

@media only screen and (min-width:751px) and (max-width:1000px){
	.bx-wrapper .bx-controls-direction .bx-prev {
		left: 1em;
	}
	.bx-wrapper .bx-controls-direction .bx-next {
		right: 2em;
	}
}
@media only screen and (max-width:750px){
	.mainvisual {
		height: 113.867vw;
	}
	.mainvisual div.slide {
		position: relative;
		height: 113.867vw;
	}
	.mainvisual div.slide01 {
		background: url("../img/top/mainvisual01_sp.png") center center no-repeat;
		background-size: cover;
	}
	.mainvisual div.slide02 {
		background: url("../img/top/mainvisual02_sp.png") center center no-repeat;
		background-size: cover;
	}
	.mainvisual div.slide03 {
		background: url("../img/top/mainvisual03_sp.png") center center no-repeat;
		background-size: cover;
	}
	.mainvisual div.slide .inner {
		height: 113.867vw;
		width: 85%;
		margin: 0 auto;
		display: block;
		padding: 8vw 2vw;
		box-sizing: border-box;
	}
	.mainvisual div.slide .inner h2 {
		color: #fff;
		font-size: 7.067vw;
		margin-bottom: 4vw;
	}
	.mainvisual div.slide .inner h2 span.new {
		font-size: 4.4vw;
		color: #464646;
		background: #FFBA00;
		width: 5em;
		text-align: center;
		margin-bottom: 1vw;
		border-radius: 6px;
	}
	.mainvisual div.slide .inner h2 span.sub {
		font-size: 3.2vw;
	}
	.mainvisual div.slide .inner .text {
		width: 100%;
	}
	.mainvisual div.slide .inner p.txt {
		color: #fff;	
		line-height: 1.54;
		margin-bottom: 1vw;
		font-size: 3.467vw;
	}
	.mainvisual div.slide .inner p.link {
		text-align: right;
		font-size: 3.467vw;
	}
	.mainvisual div.slide .inner p.link a {
		color: #fff;
		text-decoration: underline;
		font-size: 3.467vw;
	}
	.mainvisual div.slide .inner .img {
		text-align: center;
		margin-bottom: 4vw;
	}
	.mainvisual div.slide .inner .img img {
		width: 75.467vw;
		height: auto;
	}
	.bx-wrapper .bx-controls-direction {
		max-width: 750px;
		width: 95%;
		margin: 0 auto;
		position: relative;
	}
	.bx-wrapper .bx-controls-direction .bx-prev,
	.bx-wrapper .bx-controls-direction .bx-next {
		width: 3.266vw;
		height: 10.587vw;
		display: block;
		text-indent: -9999px;
		position: absolute;
		top: 0;
		margin-top: -62vw;
	}
	.bx-wrapper .bx-controls-direction .bx-prev {
		left: 0;
		background: url("../img/top/prev_sp.png") no-repeat center center;
		background-size: 100% auto;
	}
	.bx-wrapper .bx-controls-direction .bx-next {
		right: 0;
		background: url("../img/top/next_sp.png") no-repeat center center;
		background-size: 100% auto;
	}
	.bx-wrapper .bx-pager {
		display: none;
	}
}

/* cont1
------------------------------------------------- */
.cont1 {
	padding: 6.75em 0 4.6875em;
	background: #F2F2F2;
}
.cont1 .businessArea {
	display: flex;
	justify-content: space-between;
}
.cont1 .businessArea .businessBox {
	width: 47.4%;
}
.cont1 .businessArea .businessBox a {
	background: #fff;	
	border: 1px solid #D1D1D1;
	padding: 4.4375em 0 3.1875em;
	box-sizing: border-box;
	display: block;
}
.cont1 .businessArea .businessBox h3 {
	color: #1C9FD6;
	text-align: center;
	line-height: 1;
	margin-bottom: 2em;
	position: relative;
}
.cont1 .businessArea .businessBox h3 span {
	position: absolute;
	top: -5em;
	left: 50%;
	transform: translateX(-50%);
}
.cont1 .businessArea .businessBox h3 span img {
	width: 4.167em;
}
.cont1 .businessArea .businessBox dl dt {
	width: 26em;
	margin: 0 auto 2em;
}
.cont1 .businessArea .businessBox dl dd {
	text-align: center;
	color: #5D5D5D;
	line-height: 1.5;
}
@media only screen and (max-width:750px) {
	.cont1 {
		padding: 19.467vw 0 11.6vw;
	}
	.cont1 .businessArea {
		display: block;
		padding: 0 3vw;
	}
	.cont1 .businessArea .businessBox {
		width: 100%;
	}
	.cont1 .businessArea .businessBox:first-child {
		margin-bottom: 21.2vw;
	}
	.cont1 .businessArea .businessBox a {
		padding: 12.533vw 0 8.933vw;
	}
	.cont1 .businessArea .businessBox h3 {
		margin-bottom: 7.333vw;
		font-size: 5.333vw;
	}
	.cont1 .businessArea .businessBox h3 span {
		position: absolute;
		top: -22vw;
		left: 50%;
		transform: translateX(-50%);
	}
	.cont1 .businessArea .businessBox h3 span img {
		width: 18.933vw;
	}
	.cont1 .businessArea .businessBox dl dt {
		width: 80vw;
		margin: 0 auto 5.333vw;
	}
	.cont1 .businessArea .businessBox dl dd {
		font-size: 3.467vw;
		line-height: 1.54;
	}
}


/* cont2
------------------------------------------------- */
.cont2 {
	padding: 5.625em 0 3em;
	background: #fff;
}
.cont2 .news h3 {
	font-weight: bold;
	text-align: center;
	margin-bottom: 1.54em;
}
.cont2 .news dl {
	display: flex;
	padding: 0.9em 0;
	border-bottom: 1px solid #BFBFBF;
}
.cont2 .news dl dt {
	width: 26%;
}
.cont2 .news dl dd {
	width: 74%;
	line-height: 1.87;
}
.cont2 .news dl dd a {
	color: #5D5D5D;
}
.cont2 .news dl dt span {
	display: inline-block;
	width: 7.714em;
	text-align: center;
	padding: 0.15em 0;
	color: #fff;
	border-radius: 3px;
	margin: 0 0.8em 0 1.2em;
}
.cont2 .news dl dt span.all {
	background: #868686;
}
.cont2 .news dl dt span.ndi {
	background: #41D993;
}
.cont2 .news dl dt span.security {
	background: #58C4FD;
}
@media only screen and (max-width:750px) {
	.cont2 {
		padding: 8vw 0;
		background: #fff;
	}
	.cont2 .news h3 {
		font-size: 4.8vw;
		margin-bottom: 6.667vw;
	}
	.cont2 .news dl {
		display: block;
		padding: 3vw 0;
		margin: 0 3vw;
	}
	.cont2 .news dl dt {
		width: 100%;
		margin-bottom: 2vw;
		font-size: 3.467vw;
		display: flex;
		justify-content: space-between;
	}
	.cont2 .news dl dd {
		width: 100%;
		font-size: 3.467vw;
		line-height: 1.54;
	}
	.cont2 .news dl dt span {
		width: 28vw;
		padding: 0.2vw 0;
		margin: 0;
		font-size: 3.2vw;
	}
}


/* cont3
------------------------------------------------- */
.cont3 {
	padding: 0 0 4.5em;
	background: #fff;
}
.cont3 .bnrArea {
	display: flex;
	align-items: center;
	margin-bottom: 2em;
}
.cont3 .bnrArea li {
	border-left: 1px solid #BFBFBF;
	width: 50%;
	box-sizing: border-box;
	text-align: center;	
	padding: 1em 0;
}
.cont3 .bnrArea li:last-child {
	border-right: 1px solid #BFBFBF;
}
.cont3 .bnrArea li:first-child img {
	width: 10.875em;
}
.cont3 .bnrArea li:last-child img {
	width: 10.1875em;
	margin-bottom: 0.5em;
}
.cont3 .bnrArea li:last-child span {
	display: block;
	color: #5D5D5D;
}
.cont3 .recruit {
	display: flex;
	justify-content: space-between;
	border: 1px solid #BCBCBC;
	box-sizing: border-box;
}
.cont3 .recruit .text {
	width: 62.2%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #1C9FD6;
}
.cont3 .recruit .text::after {
	content: "";
	display: inline-block;
	background: url("../img/top/cont3_arrow.png") no-repeat right center;
	background-size: 1.744em auto;
	width: 1.744em;
	height: 1.444em;
	padding-left: 0.5em;
}
.cont3 .recruit .img {
	width: 37.8%;
	height: auto;
	text-align: right;
	margin-right: -1px;
}
@media only screen and (max-width:750px) {
	.cont3 {
		padding: 0 0 11.933vw;
		background: #fff;
	}
	.cont3 .bnrArea {
		display: flex;
		align-items: center;
		margin-bottom: 8.573vw;
		padding: 0 3vw;
	}
	.cont3 .bnrArea li {
		padding: 4vw 0 12vw;
	}
	.cont3 .bnrArea li:first-child img {
		width: 36.667vw;
	}
	.cont3 .bnrArea li:last-child img {
		width: 29.2vw;
		margin-bottom: 4vw;
	}
	.cont3 .bnrArea li:last-child span {
		font-size: 3.467vw;
	}
	.cont3 .recruit {
		display: block;
		margin: 0 3vw;
	}
	.cont3 .recruit .text {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 7vw 0;
		font-size: 3.733vw;
	}
	.cont3 .recruit .text::after {
		content: "";
		display: inline-block;
		background: url("../img/top/cont3_arrow.png") no-repeat right center;
		background-size: 1.744em auto;
		width: 1.744em;
		height: 1.444em;
		padding-left: 0.5em;
	}
	.cont3 .recruit .img {
		width: 100%;
		margin-right: 0;
	}
}