@charset "UTF-8";
/*
 * recruit.css
 *
 */

/* !mainvisual
---------------------------------------------------------- */
.recruitMain {
	position: relative;
	width: 100%;
	height:780px;
	background: url("../../recruit/img/main_bg.jpg") 50% 50% no-repeat;
	background-size: cover;
	z-index:-99;
	padding:0 50px;
	overflow: hidden;
}
	.recruitMain div.bgBtm {
		position: absolute;
		width:100%;
		left:0;
		bottom:-10px;
		z-index:6;
	}
	.recruitMain div.inner {
		width:100%;
		max-width:1240px;
		padding-top:210px;
		margin: 0 auto;
	}
	.recruitMain h1 {
		text-align: center;
		margin-bottom: 20px;
		animation: text-animation 2s 1 ease ;
	}
		.recruitMain h1 span {
			position: relative;
			display: inline-block;
			height: 38px;
			font-size:20px;
			font-weight:600;
			color: #007EC0;
			line-height:38px;
			letter-spacing: 0.04em;
			background: #FDD000;
			padding:0 0.4em;
		}
			.recruitMain h1 span:before,
			.recruitMain h1 span:after {
				position: absolute;
				content:"";
				width: 0;
				height: 0;
				border-style: solid;
			}
			.recruitMain h1 span:before {
				border-color: transparent transparent #fdd000 transparent;
				border-width: 0px 0px 38px 20px;
				top:0;
				left:-20px;
			}
			.recruitMain h1 span:after {
				border-color: #fdd000 transparent transparent transparent;
				border-width: 38px 20px 0px 0px;
				top:0;
				right:-20px;
			}
	.recruitMain h2 {
		font-size:54px;
		font-weight: 600;
		color: #FFF;
		line-height: 1.6;
		text-align: center;
		letter-spacing: 0.04em;
		text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
		margin-bottom: 70px;
		animation: text-animation 2.2s 1 ease ;
	}
	.recruitMain p {
		text-align: center;
		animation: text-animation 2.4s 1 ease ;
	}
		.recruitMain p span {
			display: inline-block;
			font-size:24px;
			font-weight: 600;
			color: #FFF;
			line-height: 1.5;
			text-align: center;
			letter-spacing: 0.04em;
			background: #007EC0;
			padding:0.3em 1.2em 0.4em 1.2em;
			border-radius: 30px;
		}

@keyframes text-animation {
    0% {
		opacity:0;
        transform: translateY(50px);
    }
	60% {
		opacity:0;
        transform: translateY(50px);
    }
    100% {
		opacity:1;
        transform: translateY(0);
    }
}

@keyframes text-animation2 {
    0% {
		opacity:0;
        transform: translateY(50px);
    }
	70% {
		opacity:0;
        transform: translateY(50px);
    }
    100% {
		opacity:1;
        transform: translateY(0);
    }
}

@keyframes text-animation3 {
    0% {
		opacity:0;
        transform: translateY(50px);
    }
	80% {
		opacity:0;
        transform: translateY(50px);
    }
    100% {
		opacity:1;
        transform: translateY(0);
    }
}

@media screen and (max-width:1039px){
.recruitMain {
	height:550px;
	padding:0 30px;
}
	.recruitMain div.inner {
		padding-top:130px;
	}
	.recruitMain h1 {
		margin-bottom: 15px;
	}
		.recruitMain h1 span {
			height: 34px;
			font-size:18px;
			line-height:34px;
		}
			.recruitMain h1 span:before {
				border-width: 0px 0px 34px 18px;
				left:-18px;
			}
			.recruitMain h1 span:after {
				border-width: 34px 18px 0px 0px;
				right:-18px;
			}
	.recruitMain h2 {
		font-size:46px;
		margin-bottom: 40px;
	}
		.recruitMain p span {
			font-size:22px;
			border-radius: 30px;
		}
}

@media screen and (max-width:767px){
.recruitMain {
	height:360px;
	background: url("../../recruit/img/main_bg_sp.jpg") 50% 50% no-repeat;
	background-size: cover;
	padding:0 15px;
}
	.recruitMain div.inner {
		padding-top:100px;
	}
	.recruitMain h1 {
		margin-bottom: 12px;
	}
		.recruitMain h1 span {
			height: 30px;
			font-size:16px;
			line-height:30px;
		}
			.recruitMain h1 span:before {
				border-width: 0px 0px 30px 15px;
				left:-15px;
			}
			.recruitMain h1 span:after {
				border-width: 30px 15px 0px 0px;
				right:-15px;
			}
	.recruitMain h2 {
		font-size:28px;
		margin-bottom: 25px;
	}
		.recruitMain p span {
			font-size:13px;
		}
}

@media screen and (max-width:359px){
	.recruitMain div.inner {
		padding-top:110px;
	}
	.recruitMain h2 {
		font-size:24px;
	}
}

/* !サブナビ
---------------------------------------------------------- */
.subNavi {
	width:100%;
	padding:0 50px 100px 50px;
}
	.subNavi ul {
		width:100%;
		max-width:1200px;
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
	}
		.subNavi ul li {
			width:30%;
			margin-right: 5%;
		}
		.subNavi ul li:nth-child(3n) {
			margin-right: 0;
		}
			.subNavi ul li a {
				display: block;
				position: relative;
				width:100%;
				height:70px;
				line-height:68px;
				color:#22282C;
				transition:.4s;
				border-bottom:1px solid #EEE;
				overflow:hidden;
				z-index:1;
			}
			.subNavi ul li a.current {
				border-bottom:1px solid #007EC0;
			}
				.subNavi ul li a div {
					position:relative;
					font-family: "Shippori Mincho", serif;
					font-weight:600;
					color:#22282C;
					z-index:2;
					transition:0.4s;
				}
					.subNavi ul li a div span {
						display: block;
						position: absolute;
						content:"";
						width:30px;
						height: 30px;
						background: #007EC0;
						border-radius: 50%;
						top:20px;
						right:5px;
						transition: .3s;
					}
						.subNavi ul li a div span i {
							position: absolute;
							font-size:11px;
							color: #FFF;
							text-align: center;
							transform: rotate(-45deg);
							top:10px;
							left:10px;
							transition: .3s;
						}
						.subNavi ul li a:hover div span,
						.subNavi ul li a.current div span {
							display: block;
							position: absolute;
							content:"";
							width:40px;
							height: 40px;
							border-radius: 50%;
							top:15px;
							right:0;
						}
							.subNavi ul li a:hover div span i,
							.subNavi ul li a.current div span i {
								position: absolute;
								font-size:11px;
								text-align: center;
								top:15px;
								left:15px;
							}
				.subNavi ul li a::after {
					position: absolute;
					bottom: 0;
					left: 0;
					width: 0;
					height: 1px;
					background: #007EC0;
					content: '';
					opacity: 1;
					-webkit-transition: width 0.3s, opacity 0.3s, -webkit-transform 0.3s;
					-moz-transition: width 0.3s, opacity 0.3s, -moz-transform 0.3s;
					transition: width 0.3s, opacity 0.3s, -moz-transform 0.3s;
					-webkit-transform: translateX(0);
					-moz-transform: translateX(0);
					transform: translateX(0);
					z-index:0;
				}
					.subNavi ul li a:hover::after {
						height: 1px;
						width:100%;
						opacity: 1;
						-webkit-transform: translateX(0px);
						-moz-transform: translateX(0px);
						transform: translateX(0px);
					}
				.subNavi ul li a.current::after {
					display: none;
				}

@media screen and (max-width:1039px){
.subNavi {
	padding:0 30px 80px 30px;
}
		.subNavi ul li {
			width:31%;
			margin-right: 3.5%;
		}
		.subNavi ul li:nth-child(3n) {
			margin-right: 0;
		}
			.subNavi ul li a {
				height:60px;
				line-height:58px;
			}
			.subNavi ul li a.current {
				color: #007EC0;
			}
					.subNavi ul li a div span {
						top:15px;
						right:0;
					}
						.subNavi ul li a:hover div span,
						.subNavi ul li a.current div span {
							width:30px;
							height: 30px;
							background: #007EC0;
							top:15px;
							right:0;
						}
							.subNavi ul li a:hover div span i,
							.subNavi ul li a.current div span i {
								color: #FFF;
								top:10px;
								left:10px;
							}
				.subNavi ul li a::after {
					display: none;
				}
}

@media screen and (max-width:767px){
.subNavi {
	padding:0 25px 60px 25px;
}
	.subNavi ul {
		max-width:300px;
		margin: 0 auto;
	}
		.subNavi ul li {
			width:100%;
			margin-right: 0;
		}
		.subNavi ul li:last-child {
			margin-bottom: 0;
		}
			.subNavi ul li a {
				height:50px;
				line-height:48px;
			}
					.subNavi ul li a div span {
						width:24px;
						height: 24px;
						top:13px;
						right:0;
					}
						.subNavi ul li a div span i {
							top:7px;
							left:7px;
						}
						.subNavi ul li a:hover div span,
						.subNavi ul li a.current div span {
							width:24px;
							height: 24px;
							top:13px;
							right:0;
						}
							.subNavi ul li a:hover div span i,
							.subNavi ul li a.current div span i {
								color: #FFF;
								top:7px;
								left:7px;
							}
}

/* !事業内容
---------------------------------------------------------- */
.service {
	width:100%;
	padding:0 50px 100px 50px;
}
	.service div.inner {
		width:100%;
		max-width:1000px;
		margin:0 auto;
	}
		.service div.inner p.enTit {
			font-size:16px;
			font-weight: 600;
			color: #007EC0;
			letter-spacing: 0.04em;
			position: relative;
			padding-left:16px;
		}
			.service div.inner p.enTit:before {
				position: absolute;
				content:"";
				width:5px;
				height: 5px;
				background: #FDD000;
				border-radius: 50%;
				top:47%;
				left:0;
			}
		.service div.inner h2 {
			font-size:40px;
			font-weight: 600;
			line-height: 1.6;
			margin-bottom: 50px;
		}
		.service div.inner h3.copy {
			font-size:34px;
			font-weight: 600;
			line-height: 1.6;
			text-align: center;
			color: #004E8A;
			margin-bottom: 20px;
		}
		.service div.inner h4.subTit {
			text-align: center;
			margin-bottom: 40px;
		}
			.service div.inner h4.subTit span {
				display: inline-block;
				font-size:22px;
				line-height: 1.6;
				padding:0.4em 0;
				border-top:1px solid #22282C;
				border-bottom:1px solid #22282C;
			}
		.service div.inner ul.serviceList {
			width:700px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin: 0 auto 80px auto;
		}
			.service div.inner ul.serviceList li {
				width:200px;
				height: 200px;
				border:5px solid #FDD000;
				border-radius: 50%;
				align-self: center;
				padding-top:40px;
			}
				.service div.inner ul.serviceList li h4 {
					font-size:26px;
					font-weight: 600;
					text-align: center;
					line-height: 1.5;
					color: #DBB506;
					letter-spacing: 0.1em;
					margin-bottom: 10px;
				}
				.service div.inner ul.serviceList li p {
					font-size:18px;
					text-align: center;
					line-height: 1.6;
				}
			.service div.inner ul.serviceList li:nth-child(2) {
				width:240px;
				height: 240px;
				border:7px solid #007EC0;
				border-radius: 50%;
				padding-top:54px;
			}
				.service div.inner ul.serviceList li:nth-child(2) h4 {
					font-size:28px;
					color: #007EC0;
				}
				.service div.inner ul.serviceList li:nth-child(2) p {
					font-size:20px;
				}
		.service div.inner div.box {
			width:100%;
			padding:0 30px 30px 30px;
			background: #EFF7FC;
			border-radius: 6px;
		}
			.service div.inner div.box h3 {
				position: relative;
				text-align: center;
				top:-18px;
				margin-bottom: 20px;
			}
				.service div.inner div.box h3 span {
					font-size:26px;
					font-weight: 600;
					color: #FFF;
					line-height: 1.4;
					padding:0.3em 0.6em;
					background: #007EC0;
					border-radius: 4px;
				}
			.service div.inner div.box p {
				font-size:20px;
				text-align: center;
				margin-bottom: 20px;
			}
			.service div.inner div.box img.fig {
				display: block;
				width:100%;
				max-width: 850px;
				margin: 0 auto;
			}

@media screen and (max-width:1039px){
.service {
	padding:0 30px 80px 30px;
}
		.service div.inner p.enTit {
			font-size:15px;
			padding-left:16px;
		}
		.service div.inner h2 {
			font-size:36px;
			margin-bottom: 45px;
		}
		.service div.inner h3.copy {
			font-size:28px;
		}
		.service div.inner h4.subTit {
			margin-bottom: 40px;
		}
			.service div.inner h4.subTit span {
				font-size:20px;
			}
		.service div.inner ul.serviceList {
			width:640px;
			margin: 0 auto 60px auto;
		}
			.service div.inner ul.serviceList li {
				width:180px;
				height: 180px;
				padding-top:35px;
			}
				.service div.inner ul.serviceList li h4 {
					font-size:24px;
				}
				.service div.inner ul.serviceList li p {
					font-size:16px;
				}
			.service div.inner ul.serviceList li:nth-child(2) {
				width:220px;
				height: 220px;
				padding-top:45px;
			}
				.service div.inner ul.serviceList li:nth-child(2) h4 {
					font-size:26px;
				}
				.service div.inner ul.serviceList li:nth-child(2) p {
					font-size:18px;
				}
			.service div.inner div.box h3 {
				top:-18px;
				margin-bottom: 15px;
			}
				.service div.inner div.box h3 span {
					font-size:24px;
				}
			.service div.inner div.box p {
				font-size:18px;
			}
}

@media screen and (max-width:767px){
.service {
	padding:0 25px 70px 25px;
}
		.service div.inner p.enTit {
			font-size:14px;
			padding-left:14px;
		}
			.service div.inner p.enTit:before {
				top:48%;
			}
		.service div.inner h2 {
			font-size:26px;
			margin-bottom: 35px;
		}
		.service div.inner h3.copy {
			font-size:20px;
			line-height: 1.8;
		}
		.service div.inner h4.subTit {
			text-align: center;
			margin-bottom: 30px;
		}
			.service div.inner h4.subTit span {
				font-size:15px;
				line-height: 1.6;
			}
		.service div.inner ul.serviceList {
			width:160px;
			flex-wrap: wrap;
			margin: 0 auto 45px auto;
		}
			.service div.inner ul.serviceList li {
				width:140px;
				height: 140px;
				border:4px solid #FDD000;
				padding-top:20px;
				margin: 0 auto 15px auto;
			}
				.service div.inner ul.serviceList li h4 {
					font-size:22px;
				}
				.service div.inner ul.serviceList li p {
					font-size:14px;
				}
			.service div.inner ul.serviceList li:nth-child(2) {
				width:160px;
				height: 160px;
				border:6px solid #007EC0;
				padding-top:25px;
			}
				.service div.inner ul.serviceList li:nth-child(2) h4 {
					font-size:24px;
				}
				.service div.inner ul.serviceList li:nth-child(2) p {
					font-size:14px;
				}
		.service div.inner div.box {
			padding:0 20px 20px 20px;
		}
			.service div.inner div.box h3 {
				top:-12px;
				margin-bottom: 12px;
			}
				.service div.inner div.box h3 span {
					font-size:18px;
				}
			.service div.inner div.box p {
				font-size:16px;
				margin-bottom: 15px;
			}
}

@media screen and (max-width:359px){
			.service div.inner h4.subTit span {
				font-size:13px;
			}
}

/* !電気設備工事業界の魅力
---------------------------------------------------------- */
.appeal {
	width:100%;
	padding:100px 50px 100px 50px;
	background: #F3F3F3;
}
	.appeal div.inner {
		width:100%;
		max-width:1240px;
		margin:0 auto;
	}
		.appeal div.inner p.enTit {
			font-size:16px;
			font-weight: 600;
			color: #007EC0;
			letter-spacing: 0.04em;
			position: relative;
			padding-left:16px;
		}
			.appeal div.inner p.enTit:before {
				position: absolute;
				content:"";
				width:5px;
				height: 5px;
				background: #FDD000;
				border-radius: 50%;
				top:47%;
				left:0;
			}
		.appeal div.inner h2 {
			font-size:40px;
			font-weight: 600;
			line-height: 1.6;
			margin-bottom: 50px;
		}
		.appeal div.inner h3.copy {
			font-size:30px;
			font-weight: 600;
			line-height: 1.6;
			text-align: center;
			color: #004E8A;
			margin-bottom: 40px;
		}
		.appeal div.inner ul.marketList {
			width:100%;
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			margin-bottom: 80px;
		}
		.appeal div.inner ul.marketList li {
			position: relative;
			width:32.66%;
			font-size:18px;
			line-height: 1.6;
			padding:0.4em 0.8em 0.4em 40px;
			background: #FFF;
			border-radius: 4px;
			margin-right: 1%;
			margin-bottom: 10px;
		}
		.appeal div.inner ul.marketList li:nth-child(3n) {
			margin-right: 0;
		}
			.appeal div.inner ul.marketList li:before {
				position: absolute;
				content:"";
				width:21px;
				height: 19px;
				background: url("../../recruit/img/icon_check.png") 0 0 no-repeat;
				background-size:21px 19px;
				top:12px;
				left:12px;
			}
			.appeal div.inner ul.marketList li span {
				font-size:80%;
				margin-left: 0.4em;
			}
		.appeal div.inner h3.futureTit {
			text-align: center;
			margin-bottom: 50px;
		}
			.appeal div.inner h3.futureTit span {
				position: relative;
				font-size:28px;
				padding: .2em 1em;
			}
				.appeal div.inner h3.futureTit span::before,
				.appeal div.inner h3.futureTit span::after {
					display: inline-block;
					position: absolute;
					width: 10px;
					height: 100%;
					border: 3px solid #4E9849;
					box-sizing: border-box;
					content: '';
				}
				.appeal div.inner h3.futureTit span::before {
					top: 0;
					left: 0;
					border-right: none;
				}
				.appeal div.inner h3.futureTit span::after {
					bottom: 0;
					right: 0;
					border-left: none;
				}
		.appeal div.inner ul.futureList {
			width:100%;
			display: flex;
			justify-content: space-between;
			margin-bottom: 20px;
		}
			.appeal div.inner ul.futureList li {
				width:31%;
				padding:40px;
				background: #FFF;
				border:1px solid #C0D7BF;
				border-radius: 6px;
			}
				.appeal div.inner ul.futureList li img {
					display: block;
					width:100px;
					margin:0 auto 15px auto;
				}
				.appeal div.inner ul.futureList li h4 {
					font-size:22px;
					font-weight: 600;
					text-align: center;
					line-height: 1.6;
					color: #4E9849;
					margin-bottom: 15px;
				}
		.appeal div.inner img.arrow {
			display: block;
			width:160px;
			margin: 0 auto 10px auto;
		}
		.appeal div.inner p.point {
			font-size:36px;
			font-weight: 600;
			line-height: 1.6;
			text-align: center;
			color: #4E9849;
			margin-bottom: 20px;
		}
		.appeal div.inner ul.resultList {
			width:660px;
			display: flex;
			justify-content: space-between;
			margin: 0 auto 80px auto;
		}
			.appeal div.inner ul.resultList li {
				width:320px;
				font-size:22px;
				font-weight: 600;
				line-height: 1.6;
				text-align: center;
				padding:0.4em 0.6em;
				background: #FFF;
				border-radius: 4px;
			}
		.appeal div.inner ul.pointList {
			width:100%;
			display: flex;
			justify-content: space-between;
		}
			.appeal div.inner ul.pointList li {
				width:33.33%;
				padding:0 36px;
				border-right:1px dotted #007EC0;
			}
			.appeal div.inner ul.pointList li:first-child {
				border-left:1px dotted #007EC0;
			}
				.appeal div.inner ul.pointList li img {
					display: block;
					width:50px;
					margin:0 auto 15px auto;
				}
				.appeal div.inner ul.pointList li h3 {
					font-size:22px;
					font-weight: 600;
					text-align: center;
					line-height: 1.6;
					color: #007EC0;
					margin-bottom: 20px;
				}

@media screen and (max-width:1039px){
.appeal {
	padding:80px 30px 80px 30px;
}
		.appeal div.inner p.enTit {
			font-size:15px;
			padding-left:16px;
		}
		.appeal div.inner h2 {
			font-size:36px;
			margin-bottom: 45px;
		}
		.appeal div.inner h3.copy {
			font-size:26px;
		}
		.appeal div.inner ul.marketList {
			margin-bottom: 70px;
		}
		.appeal div.inner ul.marketList li {
			font-size:16px;
		}
			.appeal div.inner ul.marketList li:before {
				top:10px;
			}
			.appeal div.inner ul.marketList li span {
				margin-left: 0;
				display: block;
			}
		.appeal div.inner h3.futureTit {
			margin-bottom: 40px;
		}
			.appeal div.inner h3.futureTit span {
				font-size:24px;
			}
		.appeal div.inner ul.futureList {
			margin-bottom: 20px;
		}
			.appeal div.inner ul.futureList li {
				padding:30px 25px;
			}
				.appeal div.inner ul.futureList li img {
					width:90px;
				}
				.appeal div.inner ul.futureList li h4 {
					font-size:18px;
				}
		.appeal div.inner img.arrow {
			width:140px;
			margin: 0 auto 10px auto;
		}
		.appeal div.inner p.point {
			font-size:32px;
			margin-bottom: 20px;
		}
		.appeal div.inner ul.resultList {
			width:600px;
			margin: 0 auto 70px auto;
		}
			.appeal div.inner ul.resultList li {
				width:290px;
				font-size:20px;
			}
			.appeal div.inner ul.pointList li {
				padding:0 30px;
			}
				.appeal div.inner ul.pointList li h3 {
					font-size:18px;
					margin-bottom: 15px;
				}
}

@media screen and (max-width:767px){
.appeal {
	padding:70px 25px 70px 25px;
}
		.appeal div.inner p.enTit {
			font-size:14px;
			padding-left:14px;
		}
			.appeal div.inner p.enTit:before {
				top:48%;
			}
		.appeal div.inner h2 {
			font-size:26px;
			margin-bottom: 35px;
		}
		.appeal div.inner h3.copy {
			font-size:20px;
			line-height: 1.8;
		}
		.appeal div.inner ul.marketList {
			max-width: 320px;
			margin:0 auto 70px auto;
		}
		.appeal div.inner ul.marketList li {
			width:100%;
			font-size:14px;
			margin-right:0;
			padding:0.5em 0.8em 0.5em 40px;
		}
		.appeal div.inner ul.marketList li:last-child {
			margin-bottom: 0;
		}
			.appeal div.inner ul.marketList li:before {
				top:9px;
			}
		.appeal div.inner h3.futureTit {
			margin-bottom: 35px;
		}
			.appeal div.inner h3.futureTit span {
				font-size:20px;
			}
				.appeal div.inner h3.futureTit span::before,
				.appeal div.inner h3.futureTit span::after {
					border: 2px solid #4E9849;
				}
				.appeal div.inner h3.futureTit span::before {
					border-right: none;
				}
				.appeal div.inner h3.futureTit span::after {
					border-left: none;
				}
		.appeal div.inner ul.futureList {
			width:100%;
			max-width:320px;
			flex-wrap: wrap;
			margin:0 auto 20px auto;
		}
			.appeal div.inner ul.futureList li {
				width:100%;
				padding:25px 20px;
				margin-bottom: 20px;
			}
			.appeal div.inner ul.futureList li:last-child {
				margin-bottom: 0;
			}
				.appeal div.inner ul.futureList li img {
					width:90px;
				}
				.appeal div.inner ul.futureList li h4 {
					font-size:16px;
				}
		.appeal div.inner img.arrow {
			width:120px;
			margin: 0 auto 10px auto;
		}
		.appeal div.inner p.point {
			font-size:22px;
			margin-bottom: 20px;
		}
		.appeal div.inner ul.resultList {
			width:260px;
			flex-wrap: wrap;
			margin: 0 auto 60px auto;
		}
			.appeal div.inner ul.resultList li {
				width:260px;
				font-size:16px;
				margin-bottom: 10px;
			}
			.appeal div.inner ul.resultList li:last-child {
				margin-bottom: 0;
			}
		.appeal div.inner ul.pointList {
			width:100%;
			max-width:320px;
			flex-wrap: wrap;
			margin: 0 auto;
		}
			.appeal div.inner ul.pointList li {
				width:100%;
				padding:25px 20px;
				border-right:0;
				border-bottom:1px dotted #007EC0;
			}
			.appeal div.inner ul.pointList li:first-child {
				border-left:0;
				border-top:1px dotted #007EC0;
			}
				.appeal div.inner ul.pointList li img {
					display: block;
					width:50px;
					margin:0 auto 15px auto;
				}
				.appeal div.inner ul.pointList li h3 {
					font-size:16px;
				}
}

/* !三幸電設の強み
---------------------------------------------------------- */
.strength {
	width:100%;
	padding:100px 50px 100px 50px;
}
	.strength div.inner {
		width:100%;
		max-width:1240px;
		margin:0 auto;
	}
		.strength div.inner p.enTit {
			font-size:16px;
			font-weight: 600;
			color: #007EC0;
			letter-spacing: 0.04em;
			position: relative;
			padding-left:16px;
		}
			.strength div.inner p.enTit:before {
				position: absolute;
				content:"";
				width:5px;
				height: 5px;
				background: #FDD000;
				border-radius: 50%;
				top:47%;
				left:0;
			}
		.strength div.inner h2 {
			font-size:40px;
			font-weight: 600;
			line-height: 1.6;
			margin-bottom: 50px;
		}
		.strength div.inner ul.strengthList {
			width:100%;
			display: flex;
			justify-content: space-between;
		}
			.strength div.inner ul.strengthList li {
				width:49%;
			}
				.strength div.inner ul.strengthList li p {
					font-size:18px;
					font-weight: 600;
					text-align: center;
					line-height: 1;
					color: #007EC0;
					margin-bottom: 20px;
				}
					.strength div.inner ul.strengthList li p span {
						display: block;
						font-size:40px;
					}
				.strength div.inner ul.strengthList li img {
					display: block;
					width:100%;
					max-width: 500px;
					margin: 0 auto;
				}
				.strength div.inner ul.strengthList li:last-child img {
					padding-top: 18px;
				}

@media screen and (max-width:1039px){
.strength {
	padding:80px 30px 80px 30px;
}
		.strength div.inner p.enTit {
			font-size:15px;
			padding-left:16px;
		}
		.strength div.inner h2 {
			font-size:36px;
			margin-bottom: 45px;
		}
			.strength div.inner ul.strengthList li {
				width:47%;
			}
				.strength div.inner ul.strengthList li:last-child img {
					padding-top: 10px;
				}
}

@media screen and (max-width:767px){
.strength {
	padding:70px 25px 70px 25px;
}
		.strength div.inner p.enTit {
			font-size:14px;
			padding-left:14px;
		}
			.strength div.inner p.enTit:before {
				top:48%;
			}
		.strength div.inner h2 {
			font-size:26px;
			margin-bottom: 35px;
		}
		.strength div.inner ul.strengthList {
			max-width:340px;
			flex-wrap: wrap;
			margin: 0 auto;
		}
			.strength div.inner ul.strengthList li {
				width:100%;
			}
			.strength div.inner ul.strengthList li:first-child {
				margin-bottom: 40px;
			}
				.strength div.inner ul.strengthList li p {
					font-size:14px;
				}
					.strength div.inner ul.strengthList li p span {
						font-size:30px;
					}
				.strength div.inner ul.strengthList li:last-child img {
					padding-top: 0;
				}
}

/* !施工管理の仕事
---------------------------------------------------------- */
.jobWrap {
	width:100%;
	position: relative;
}
.jobWrap div.bgTop {
	display: block;
	width:100%;
	line-height: 1;
	margin-bottom: -1px;
}
.jobWrap div.bgBtm {
	display: block;
	width:100%;
	line-height: 1;
}
.job {
	width:100%;
	background: #EFF7FC;
	padding:70px 50px 55px 50px;
}
	.job div.inner {
		width:100%;
		max-width:1240px;
		margin:0 auto ;
		position: relative;
	}
		.job div.inner p.enTit {
			font-size:16px;
			font-weight: 600;
			color: #007EC0;
			letter-spacing: 0.04em;
			position: relative;
			padding-left:16px;
		}
			.job div.inner p.enTit:before {
				position: absolute;
				content:"";
				width:5px;
				height: 5px;
				background: #FDD000;
				border-radius: 50%;
				top:47%;
				left:0;
			}
		.job div.inner h2 {
			font-size:40px;
			font-weight: 600;
			line-height: 1.6;
			margin-bottom: 50px;
		}
		.job div.inner ul.jobList {
			width:100%;
			display: flex;
			margin-bottom: 90px;
		}
			.job div.inner ul.jobList li {
				width:24%;
				padding:30px;
				margin-right: 1.33%;
				background: #FFF;
				border-radius: 16px;
			}
			.job div.inner ul.jobList li:last-child {
				margin-right: 0;
			}
				.job div.inner ul.jobList li p.num {
					text-align: center;
					color: #007EC0;
					font-weight: 600;
					margin-bottom: 10px;
				}
				.job div.inner ul.jobList li img {
					display: block;
					width:60px;
					margin: 0 auto 10px auto;
				}
				.job div.inner ul.jobList li h3 {
					font-size:22px;
					font-weight: 600;
					text-align: center;
					margin-bottom: 15px;
				}
		.job div.inner h3.flowTit {
			font-size:30px;
			font-weight: 600;
			line-height: 1.5;
			padding-left:0.7em;
			border-left:6px solid #4E9849;
			margin-bottom: 40px;
		}
		.job div.inner dl.flow {
			width:100%;
			position: relative;
			display: flex;
			flex-wrap: wrap;
		}
		.job div.inner dl.flow:before {
			position: absolute;
			content:"";
			width:24px;
			height: 100%;
			background: #FFF;
			border-radius: 12px;
			top:0;
			left:0;
		}
			.job div.inner dl.flow dt {
				width:240px;
				position: relative;
				padding-left:60px;
				font-size:20px;
				color: #004E8A;
				line-height: 1.5;
				margin: 10px 0;
			}
				.job div.inner dl.flow dt:before {
					position: absolute;
					content:"";
					width:16px;
					height: 16px;
					background: #0B6DA1;
					border-radius: 50%;
					top:10px;
					left:4px;
				}
			.job div.inner dl.flow dd {
				width:calc(100% - 240px);
				margin: 10px 0;
			}

@media screen and (max-width:1039px){
.job {
	padding:60px 30px 40px 30px;
}
		.job div.inner p.enTit {
			font-size:15px;
			padding-left:16px;
		}
		.job div.inner h2 {
			font-size:36px;
			margin-bottom: 45px;
		}
		.job div.inner ul.jobList {
			margin-bottom: 80px;
		}
			.job div.inner ul.jobList li {
				padding:30px 25px;
			}
				.job div.inner ul.jobList li img {
					width:50px;
				}
				.job div.inner ul.jobList li h3 {
					font-size:20px;
				}
		.job div.inner h3.flowTit {
			font-size:26px;
			margin-bottom: 35px;
		}
			.job div.inner dl.flow dt {
				width:180px;
				font-size:18px;
				line-height: 1.6;
			}
				.job div.inner dl.flow dt:before {
					top:10px;
				}
			.job div.inner dl.flow dd {
				width:calc(100% - 180px);
			}
}
	
@media screen and (max-width:767px){
.job {
	padding:40px 25px 50px 25px;
}
		.job div.inner p.enTit {
			font-size:14px;
			padding-left:14px;
		}
			.job div.inner p.enTit:before {
				top:48%;
			}
		.job div.inner h2 {
			font-size:26px;
			margin-bottom: 35px;
		}
		.job div.inner ul.jobList {
			max-width:320px;
			flex-wrap: wrap;
			margin: 0 auto 70px auto;
		}
			.job div.inner ul.jobList li {
				width:100%;
				padding:25px 25px;
				margin-right: 0;
				border-radius: 12px;
				margin-bottom: 20px;
			}
			.job div.inner ul.jobList li:last-child {
				margin-bottom: 0;
			}
				.job div.inner ul.jobList li p.num {
					text-align: center;
					color: #007EC0;
					font-weight: 600;
					margin-bottom: 10px;
				}
				.job div.inner ul.jobList li img {
					display: block;
					width:50px;
					margin: 0 auto 10px auto;
				}
				.job div.inner ul.jobList li h3 {
					font-size:18px;
					font-weight: 600;
					text-align: center;
					margin-bottom: 15px;
				}
		.job div.inner h3.flowTit {
			font-size:20px;
			border-left:5px solid #4E9849;
			margin-bottom: 30px;
		}
			.job div.inner dl.flow dt {
				width:100px;
				padding-left:30px;
				font-size:14px;
				line-height: 1.8;
			}
				.job div.inner dl.flow dt:before {
					width:12px;
					height: 12px;
					top:8px;
					left:6px;
				}
			.job div.inner dl.flow dd {
				width:calc(100% - 100px);
				line-height: 1.8;
			}
}

/* !有資格者
---------------------------------------------------------- */
.qualifications {
	width:100%;
	padding:100px 50px 0 50px;
}
	.qualifications div.inner {
		width:100%;
		max-width:1240px;
		margin:0 auto ;
		position: relative;
	}
		.qualifications div.inner:before {
			position: absolute;
			content:"";
			width:75%;
			height: 100%;
			background: #007EC0;
			z-index: 0;
			top:0;
			left:12.5%;
		}
		.qualifications div.inner p.enTit {
			text-align: center;
			padding-top: 70px;
			z-index: 1;
		}
			.qualifications div.inner p.enTit span {
				position: relative;
				display: inline-block;
				font-size:16px;
				font-weight: 600;
				color: #FFF;
				letter-spacing: 0.04em;
				padding-left:16px;
			}
				.qualifications div.inner p.enTit span:before {
					position: absolute;
					content:"";
					width:5px;
					height: 5px;
					background: #FDD000;
					border-radius: 50%;
					top:47%;
					left:0;
				}
		.qualifications div.inner h2 {
			position: relative;
			font-family: "Shippori Mincho", serif;
			font-size:44px;
			font-weight: 600;
			line-height: 1.4;
			text-align: center;
			color: #FFF;
			margin-bottom: 50px;
			z-index: 1;
		}
		.qualifications div.inner ul.qualList {
			position: relative;
			width:100%;
			display: flex;
			z-index: 1;
			padding-bottom: 120px;
		}
			.qualifications div.inner ul.qualList li {
				width:23.5%;
				margin-right: 2%;
				padding:30px 5px;
				background: #FFF;
				border:1px solid #007EC0;
				border-radius: 6px;
			}
			.qualifications div.inner ul.qualList li:nth-child(4n) {
				margin-right: 0;
			}
				.qualifications div.inner ul.qualList li h3 {
					font-family: "Shippori Mincho", serif;
					font-weight: 600;
					font-size:18px;
					line-height: 1.6;
					text-align: center;
					margin-bottom: 20px;
				}
				.qualifications div.inner ul.qualList li h3.singleL {
					line-height: 3.2;
				}
				.qualifications div.inner ul.qualList li img.icon {
					display: block;
					width:90px;
					border-radius: 50%;
					margin: 0 auto 15px auto;
				}
				.qualifications div.inner ul.qualList li div.number {
					font-family: "Shippori Mincho", serif;
					font-weight: 600;
					font-size:18px;
					text-align: center;
					line-height: 1;
				}
					.qualifications div.inner ul.qualList li div.number span {
						font-size:260%;
						color: #007EC0;
						margin-right: 4px;
					}

@media screen and (max-width:1039px){
.qualifications {
	padding:80px 30px 0 30px;
}	
		.qualifications div.inner p.enTit {
			padding-top: 50px;
		}
			.qualifications div.inner p.enTit span {
				font-size:15px;
				padding-left:16px;
			}
		.qualifications div.inner h2 {
			font-size:36px;
			margin-bottom: 45px;
		}
		.qualifications div.inner ul.qualList {
			padding-bottom: 100px;
		}
			.qualifications div.inner ul.qualList li {
				padding:30px 0;
			}
				.qualifications div.inner ul.qualList li h3 {
					font-size:15px;
					margin-bottom: 15px;
				}
					.qualifications div.inner ul.qualList li h3 br {
						display:  inherit;
					}
				.qualifications div.inner ul.qualList li img.icon {
					width:80px;
					margin: 0 auto 15px auto;
				}
				.qualifications div.inner ul.qualList li div.number {
					font-size:16px;
				}
}
	
@media screen and (max-width:767px){
.qualifications {
	padding:70px 25px 0 25px;
}
		.qualifications div.inner:before {
			width:260px;
			left:50%;
			margin-left: -130px;
		}
		.qualifications div.inner p.enTit {
			padding-top: 30px;
		}
			.qualifications div.inner p.enTit span {
				font-size:14px;
				padding-left:14px;
			}
				.qualifications div.inner p.enTit span:before {
					top:48%;
				}
		.qualifications div.inner h2 {
			font-size:26px;
			margin-bottom: 35px;
		}
		.qualifications div.inner ul.qualList {
			flex-wrap: wrap;
			max-width:340px;
			margin:0 auto;
			padding-bottom: 70px;
		}
			.qualifications div.inner ul.qualList li {
				width:100%;
				margin-right: 0;
				margin-bottom: 20px;
				padding:30px 5px;
			}
			.qualifications div.inner ul.qualList li:nth-child(4n) {
				margin-bottom: 0;
			}
				.qualifications div.inner ul.qualList li h3 {
					font-size:16px;
					margin-bottom: 15px;
				}
				.qualifications div.inner ul.qualList li h3.singleL {
					line-height: 1.6;
				}
					.qualifications div.inner ul.qualList li h3 br {
						display: none;
					}
					.qualifications div.inner ul.qualList li div.number span {
						font-size:220%;
					}
}

/* !福利厚生
---------------------------------------------------------- */
.benefits {
	width:100%;
	padding:100px 50px 100px 50px;
	background: #F3F3F3;
}
	.benefits div.inner {
		width:100%;
		max-width:1240px;
		margin:0 auto;
	}
		.benefits div.inner p.enTit {
			font-size:16px;
			font-weight: 600;
			color: #007EC0;
			letter-spacing: 0.04em;
			position: relative;
			padding-left:16px;
		}
			.benefits div.inner p.enTit:before {
				position: absolute;
				content:"";
				width:5px;
				height: 5px;
				background: #FDD000;
				border-radius: 50%;
				top:47%;
				left:0;
			}
		.benefits div.inner h2 {
			font-size:40px;
			font-weight: 600;
			line-height: 1.6;
			margin-bottom: 50px;
		}
		.benefits div.inner p.copy {
			font-size:28px;
			font-weight: 600;
			line-height: 1.7;
			text-align: center;
			color: #4E9849;
			margin-bottom: 50px;
		}
		.benefits div.inner ul.benefitsList {
			width:100%;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}
			.benefits div.inner ul.benefitsList li {
				width:24%;
				padding:30px 30px;
				background: #FFF;
				border-radius: 16px;
				margin-right: 1.33%;
			}
			.benefits div.inner ul.benefitsList li:nth-child(4n) {
				margin-right: 0;
			}
				.benefits div.inner ul.benefitsList li img {
					display: block;
					width:41px;
					margin:0 auto 12px auto;
				}
				.benefits div.inner ul.benefitsList li h3 {
					font-size:22px;
					font-weight: 600;
					text-align: center;
					line-height: 1.6;
					margin-bottom: 20px;
				}
			.benefits div.inner ul.benefitsList li:last-child {
				width:100%;
				margin-right: 0;
				margin-top: 20px;
			}
				.benefits div.inner ul.benefitsList li div.shikaku {
					width:100%;
					display: flex;
					justify-content: space-between;
				}
					.benefits div.inner ul.benefitsList li div.shikaku div.left {
						width:48%;
					}
					.benefits div.inner ul.benefitsList li div.shikaku div.right {
						width:48%;
						padding:20px 20px 10px 20px;
						background: #E3EFE2;
						border-radius: 4px;
					}
						.benefits div.inner ul.benefitsList li div.shikaku div.right h4 {
							font-size:18px;
							font-weight: 600;
							line-height: 1.6;
							text-align: center;
							margin-bottom: 15px;
						}
							.benefits div.inner ul.benefitsList li div.shikaku div.right h4 span {
								color: #FDD000;
								margin-right: 0.4em;
							}
						.benefits div.inner ul.benefitsList li div.shikaku div.right ul.shikakuList {
							width:100%;
							display: flex;
							flex-wrap: wrap;
						}
							.benefits div.inner ul.benefitsList li div.shikaku div.right ul.shikakuList li {
								width:49%;
								margin-right: 2%;
								line-height: 1.6;
								padding:0.5em 0.8em;
								background: #FFF;
								border-radius: 4px;
								margin-bottom: 10px;
							}
							.benefits div.inner ul.benefitsList li div.shikaku div.right ul.shikakuList li:nth-child(even) {
								margin-right: 0;
							}
							.benefits div.inner ul.benefitsList li div.shikaku div.right ul.shikakuList li:last-child {
								margin-top: 0;
							}

@media screen and (max-width:1039px){
.benefits {
	padding:80px 30px 80px 30px;
}
		.benefits div.inner p.enTit {
			font-size:15px;
			padding-left:16px;
		}
		.benefits div.inner h2 {
			font-size:36px;
			margin-bottom: 45px;
		}
		.benefits div.inner p.copy {
			font-size:24px;
			margin-bottom: 45px;
		}
			.benefits div.inner ul.benefitsList li {
				width:49%;
				padding:30px 25px;
				margin-right: 2%;
			}
			.benefits div.inner ul.benefitsList li:nth-child(even) {
				margin-right: 0;
			}
				.benefits div.inner ul.benefitsList li h3 {
					font-size:20px;
					margin-bottom: 15px;
				}
			.benefits div.inner ul.benefitsList li:nth-child(3) {
				margin-top: 15px;
			}
			.benefits div.inner ul.benefitsList li:nth-child(4) {
				margin-top: 15px;
			}
			.benefits div.inner ul.benefitsList li:last-child {
				margin-top: 15px;
			}
							.benefits div.inner ul.benefitsList li div.shikaku div.right ul.shikakuList li {
								padding:0.5em 0.6em;
							}
							.benefits div.inner ul.benefitsList li div.shikaku div.right ul.shikakuList li:nth-last-child(2) {
								margin-top: 0;
							}
							.benefits div.inner ul.benefitsList li div.shikaku div.right ul.shikakuList li:nth-last-child(3) {
								margin-top: 0;
							}
}

@media screen and (max-width:767px){
.benefits {
	padding:70px 25px 70px 25px;
}
		.benefits div.inner p.enTit {
			font-size:14px;
			padding-left:14px;
		}
			.benefits div.inner p.enTit:before {
				top:48%;
			}
		.benefits div.inner h2 {
			font-size:26px;
			margin-bottom: 35px;
		}
		.benefits div.inner p.copy {
			font-size:16px;
			text-align: left;
			margin-bottom: 35px;
		}
		.benefits div.inner ul.benefitsList {
			max-width:340px;
			margin: 0 auto;
		}
			.benefits div.inner ul.benefitsList li {
				width:100%;
				padding:25px 20px;
				border-radius: 12px;
				margin-right: 0;
				margin-bottom: 20px;
			}
				.benefits div.inner ul.benefitsList li h3 {
					font-size:18px;
				}
			.benefits div.inner ul.benefitsList li:nth-child(3) {
				margin-top: 0;
			}
			.benefits div.inner ul.benefitsList li:nth-child(4) {
				margin-top: 0;
			}
			.benefits div.inner ul.benefitsList li:last-child {
				width:100%;
				margin-right: 0;
				margin-top: 0;
				margin-bottom: 0;
			}
				.benefits div.inner ul.benefitsList li div.shikaku {
					width:100%;
					flex-wrap: wrap;
				}
					.benefits div.inner ul.benefitsList li div.shikaku div.left {
						width:100%;
						margin-bottom: 30px;
					}
					.benefits div.inner ul.benefitsList li div.shikaku div.right {
						width:100%;
						padding:20px 20px 10px 20px;
					}
						.benefits div.inner ul.benefitsList li div.shikaku div.right h4 {
							font-size:16px;
						}
						.benefits div.inner ul.benefitsList li div.shikaku div.right ul.shikakuList {
							width:100%;
							display: flex;
							flex-wrap: wrap;
						}
							.benefits div.inner ul.benefitsList li div.shikaku div.right ul.shikakuList li {
								width:100%;
								margin-right: 0;
							}
}

/* !よくある質問
---------------------------------------------------------- */
.faq {
	width:100%;
	padding:100px 50px 100px 50px;
}
	.faq div.inner {
		width:100%;
		max-width:1240px;
		margin:0 auto;
	}
		.faq div.inner p.enTit {
			font-size:16px;
			font-weight: 600;
			color: #007EC0;
			letter-spacing: 0.04em;
			position: relative;
			padding-left:16px;
		}
			.faq div.inner p.enTit:before {
				position: absolute;
				content:"";
				width:5px;
				height: 5px;
				background: #FDD000;
				border-radius: 50%;
				top:47%;
				left:0;
			}
		.faq div.inner h2 {
			font-size:40px;
			font-weight: 600;
			line-height: 1.6;
			margin-bottom: 50px;
		}
		.faq div.inner div.faqBox {
			width:100%;
			padding: 30px 40px;
			background: #F3F3F3;
			border-radius: 16px;
			margin-bottom: 20px;
		}
			.faq div.inner div.faqBox p.question {
				font-weight: 600;
				color: #007EC0;
				padding-left:40px;
				position: relative;
				margin-bottom: 10px;
			}
			.faq div.inner div.faqBox p.question:before {
				position: absolute;
				content: "Q";
				color: #FFF;
				text-align: center;
				line-height: 28px;
				width:30px;
				height: 30px;
				background: #007EC0;
				border-radius: 50%;
				top:2px;
				left:0;
			}
			.faq div.inner div.faqBox p.answer {
				padding-left:40px;
				position: relative;
			}
			.faq div.inner div.faqBox p.answer:before {
				position: absolute;
				content: "A";
				color: #004E8A;
				text-align: center;
				line-height: 28px;
				width:30px;
				height: 30px;
				background: #FDD000;
				border-radius: 50%;
				top:2px;
				left:0;
			}

@media screen and (max-width:1039px){
.faq {
	padding:80px 30px 80px 30px;
}
		.faq div.inner p.enTit {
			font-size:15px;
			padding-left:16px;
		}
		.faq div.inner h2 {
			font-size:36px;
			margin-bottom: 45px;
		}
		.faq div.inner div.faqBox {
			padding: 30px 30px;
		}
			.faq div.inner div.faqBox p.question:before {
				top:1px;
			}
			.faq div.inner div.faqBox p.answer:before {
				top:1px;
			}
}

@media screen and (max-width:767px){
.faq {
	padding:70px 25px 70px 25px;
}
		.faq div.inner p.enTit {
			font-size:14px;
			padding-left:14px;
		}
			.faq div.inner p.enTit:before {
				top:48%;
			}
		.faq div.inner h2 {
			font-size:26px;
			margin-bottom: 35px;
		}
		.faq div.inner div.faqBox {
			padding: 20px 20px;
			border-radius: 12px;
		}
			.faq div.inner div.faqBox p.question {
				padding-left:38px;
			}
			.faq div.inner div.faqBox p.question:before {
				line-height: 26px;
				width:28px;
				height: 28px;
				top:0;
			}
			.faq div.inner div.faqBox p.answer {
				padding-left:38px;
			}
			.faq div.inner div.faqBox p.answer:before {
				line-height: 26px;
				width:28px;
				height: 28px;
				top:0;
			}
}

/* !募集要項
---------------------------------------------------------- */
.requirements {
	width:100%;
	padding:100px 50px 100px 50px;
	background: #EFF7FC;
}
	.requirements div.inner {
		width:100%;
		max-width:1240px;
		margin:0 auto;
	}
		.requirements div.inner p.enTit {
			font-size:16px;
			font-weight: 600;
			color: #007EC0;
			letter-spacing: 0.04em;
			position: relative;
			padding-left:16px;
		}
			.requirements div.inner p.enTit:before {
				position: absolute;
				content:"";
				width:5px;
				height: 5px;
				background: #FDD000;
				border-radius: 50%;
				top:47%;
				left:0;
			}
		.requirements div.inner h2 {
			font-size:40px;
			font-weight: 600;
			line-height: 1.6;
			margin-bottom: 50px;
		}

@media screen and (max-width:1039px){
.requirements {
	padding:80px 30px 80px 30px;
}
		.requirements div.inner p.enTit {
			font-size:15px;
			padding-left:16px;
		}
		.requirements div.inner h2 {
			font-size:36px;
			margin-bottom: 45px;
		}
}

@media screen and (max-width:767px){
.requirements {
	padding:70px 25px 70px 25px;
}
		.requirements div.inner p.enTit {
			font-size:14px;
			padding-left:14px;
		}
			.requirements div.inner p.enTit:before {
				top:48%;
			}
		.requirements div.inner h2 {
			font-size:26px;
			margin-bottom: 35px;
		}
}

/* !ご応募
---------------------------------------------------------- */
.application {
	width:100%;
	padding:100px 50px 100px 50px;
}
	.application div.inner {
		width:100%;
		max-width:1240px;
		margin:0 auto;
	}
		.application div.inner p.enTit {
			font-size:16px;
			font-weight: 600;
			color: #007EC0;
			letter-spacing: 0.04em;
			position: relative;
			padding-left:16px;
		}
			.application div.inner p.enTit:before {
				position: absolute;
				content:"";
				width:5px;
				height: 5px;
				background: #FDD000;
				border-radius: 50%;
				top:47%;
				left:0;
			}
		.application div.inner h2 {
			font-size:40px;
			font-weight: 600;
			line-height: 1.6;
			margin-bottom: 50px;
		}

@media screen and (max-width:1039px){
.application {
	padding:80px 30px 80px 30px;
}
		.application div.inner p.enTit {
			font-size:15px;
			padding-left:16px;
		}
		.application div.inner h2 {
			font-size:36px;
			margin-bottom: 45px;
		}
}

@media screen and (max-width:767px){
.application {
	padding:70px 25px 70px 25px;
}
		.application div.inner p.enTit {
			font-size:14px;
			padding-left:14px;
		}
			.application div.inner p.enTit:before {
				top:48%;
			}
		.application div.inner h2 {
			font-size:26px;
			margin-bottom: 35px;
		}
}

/* !Fixボタン
---------------------------------------------------------- */
ul.sideFixNavi {
	position:fixed;
	width:50px;
	height: 180px;
	bottom:10%;
	right:0;
	z-index: 98;
	-webkit-animation: ctaBnr 2.8s 1 ease;
	-moz-animation: ctaBnr 2.8s 1 ease;
	animation: ctaBnr 2.8s 1 ease ;
}
	ul.sideFixNavi li {
		display: flex;
		flex-wrap: wrap;
		width:100%;
	}
		ul.sideFixNavi li a {
			display: block;
			width:100%;
			height: 180px;
			font-weight: 600;
			color: #FFF;
			background: #004E8A;
			line-height: 48px;
			text-align: center;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
			transition: .6s;
			border-radius:4px 0 0 4px;
			position: relative;
		}
			ul.sideFixNavi li a:hover {
				background: #007EC0;
			}
			ul.sideFixNavi li a i {
				margin-bottom:0.6em;
			}
/* !アニメーション設定 */
@keyframes ctaBnr {
	0% {
		transform: translateX(50px);
    }
	80% {
		transform: translateX(50px);
    }
	100% {
		opacity: 1;
		transform: translateY(0);
    }
}

@media screen and (max-width:1039px){
ul.sideFixNavi {
	height: 170px;
}
		ul.sideFixNavi li a {
			height: 170px;
		}
			ul.sideFixNavi li a:hover {
				background: #004E8A;
			}
}

@media screen and (max-width:767px){
ul.sideFixNavi {
	width:160px;
	height: 48px;
	bottom:0;
	left:0;
}
		ul.sideFixNavi li a {
			width:100%;
			height: 48px;
			padding:0;
			line-height: 46px;
			-ms-writing-mode: horizontal-tb;
			writing-mode: horizontal-tb;
			border-radius:0 4px 0 0;
		}
			ul.sideFixNavi li a i {
				margin-bottom:0;
				margin-right:0.6em;
			}
/* !アニメーション設定 */
@keyframes ctaBnr {
	0% {
		transform: translateY(50px);
    }
	80% {
		transform: translateY(50px);
    }
	100% {
		opacity: 1;
		transform: translateY(0);
    }
}
}