@import url("style.css");

/* ####################################
 * GROW UP ADD PAGE CSS
 * #################################### */

section.page-header{
	background: #00052B;
	padding: 120px 0 40px;
}

.page-eng{
	font-family: "Noto Sans JP", sans-serif;
	color:#110088;
	font-weight:700;
}

#page{
	padding:80px 0 120px;
}

.sec-title{
	padding:80px 0 0;
	text-align:center;
}

.career .sec-title{
	padding-top:0;
}

.sec-title h2{
	font-size:1rem;
}

.sec-title h2 span{
	padding-bottom: 24px;
	font-size:4rem;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:700;
	color:#110088;
	display:block;
	text-transform: uppercase;
}

.page-navi,.page-navi a{
	color:#FFF;
	font-size:0.8rem;
}

/* company */

.greeting h2{
	color:#110088;
	font-weight:700;
}

.greeting p{
	line-height:2.0;
}

.company-profile h2{
	font-size:2.7rem;
	margin-bottom:40px;
	text-align:center;
}

.company-profile table{
	width:70%;
	margin:0 auto;
}

.company-profile table th{
	width:25%;
	padding:20px 15px;
	border-bottom:solid 2px #110088;
	color:#110088;
	font-weight:normal;
}

.company-profile table td{
	width:75%;
	padding:20px 15px;
	border-bottom:solid 1px #ccc;
}

/* SERVICE */

.service-area-q h2{
	font-size:3rem;
	position: relative;
	margin-bottom:30px;
}

.service-area-q h2:after{
	content: ""; /* 疑似要素を生成 */
	position: absolute;
	left: 0;
	bottom: -10px; /* h2の下に配置 */
	width: 10%; /* 下線の長さ */
	height: 1px; /* 下線の太さ */
	background-color: #110088; /* 下線の色 */
}

.first-img01{
	background-image: url('../img/service-img01.jpg');
	background-position: center;
    background-size: cover;
	min-height:500px;
}

.first-img02{
	background-image: url('../img/service-img02.jpg');
	background-position: center;
    background-size: cover;
	min-height:500px;
}

.first-img03{
	background-image: url('../img/service-img03.jpg');
	background-position: center;
    background-size: cover;
	min-height:500px;
}

.service-area-s1 h2{
	margin-bottom:30px;
	border-bottom:solid 1px #ccc;
}

.service-area-s1 h3 span{
	font-size:3.8rem;
	padding-right:10px;
}


.service-area-works time {
position: relative;
padding-left: 30px; /* 日付と線の間のスペース */
display: inline-flex;
align-items: center;
}

.service-area-works time::before {
content: "";
position: absolute;
left: 0;
width: 25px; /* 線の長さ */
height: 1px; /* 線の太さ */
background-color: #000; /* 線の色 */
}

/* recruit */

.career-area h2.voice-title{
	margin-top:100px;
	font-weight:300;
}

.career-area h2.info-title{
	margin-top:100px;
}

.career-area p.comment{
font-size: 1.8rem;
    font-weight: 300;
    line-height: 2;
}

.career-area .voice h3{
	font-size:1.4rem;
	margin-bottom:30px;
}

.career-area .voice .voice-inner-l{
	padding:40px;
	background:#EDF4F6;
}

.career-area .voice .voice-inner-r{
	padding:40px;
	background:#e6f5f9;
}

.career-area .info table{
	width:100%;
}

.career-area .info table th:first-child,.career-area .info table tr:first-child td{
	border-top:solid 1px #aaa;
}

.career-area .info table th{
	width:25%;
	padding:20px;
	border-bottom:solid 1px #aaa;
	background:#EDF4F6;
	font-weight:normal;
}

.career-area .info table td{
	width:75%;
	padding:20px;
	border-bottom:solid 1px #aaa;
}

/* contact */

.wpcf7-spinner{
	display:block;
}

.form-area{
	width: 75%;
	margin: 0 auto;
}
.form-area p{
	color:#000;
	margin-top:30px;
}

.form-area input,.form-area textarea{
	width:100%;
	padding:10px;
	border-radius:5px;
	background:#ECECEC;
	border:none;
}

.form-area input[type="submit"]{
	background:#1B2F45;
	width:250px;
	color:#FFF;
}

.form-area p span.req{
background: #1B2F45;
  font-size: 0.8rem;
  padding: 5px 10px;
  border-radius: 3px;
  color: #FFF;
  margin-left: 10px;
}
.contact-tel-area{
	background:#ECECEC;
	padding:30px;
	margin-top:80px;
}

.contact-tel-area h3{
	font-size:1.5rem;
	color:#1B2F45;
}

.contact-tel-area h4{
	font-size:1.8rem;
	color:#1B2F45;
}

.contact-tel-area h4 i{
font-size: 1.5rem;
  vertical-align: bottom;	
}


.contact-tel-area p{
	font-size:0.85rem;
	margin: 0;
}

/* news list */

.single-post-except a{
	font-size:1.2rem;
	color:#010C62;
}

.single-post-except{
	padding-bottom:10px;
	border-bottom:dotted 1px #010C62;
}

/* single */

.single-title h2{
	font-size:1.4rem;
}

/* responsive */


@media (max-width: 991px) {
	.first-img01,.first-img02,.first-img03{
		width:100%;
		min-height:600px;
	}
}

@media (max-width: 767px) {
	.company-profile table{
		width:100%;
	}
	.company-profile table th,.company-profile table td,.career-area .info table th,.career-area .info table td{
		display:block;
		width:100%;
	}
	.career-area .info table th:first-child, .career-area .info table tr:first-child td,.career-area .info table th, .career-area .info table td{
		border:none;
	}
	.sec-title h2 span{
		font-size:3rem;
	}
	.service-area-q .parent{
		text-align:center;
	}
	.service-area-q h2{
		font-size:2rem;
	}
	.service-area-works{
		font-size:1.2rem;
	}
	.career-area .voice h3{
		font-size:1.2rem;
	}
	.form-area{
		width:100%;
	}
	.career p.sec-sub-title{
		font-size:3rem;
	}
}

@media (max-width: 574px) {

}