.orange-top-mark {
	position: relative;
	width:60%;
	background: #f7a631;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	margin: 0 auto 10px;
	border-radius: 50px;
	line-height:1.4;
}
@media screen and (max-width: 768px) {
	.orange-top-mark {
		width:100%;
		padding: 5px 10px;
		margin: 0 auto 10px;
		border-radius: 20px;
	}
}
.orange-top-mark:before {
	border: 14px solid transparent;
	border-bottom-color: #f7a631;
	border-top-width: 0;
	top: -13px;
	content: "";
	display: block;
	left: 43%;
	position: absolute;
	width: 0;
}
.bule-left-mark {
	background: url(./common/img/blue-mark-left.png) no-repeat left;
}
@media screen and (max-width: 768px) {
	.bule-left-mark {
		background: none;
	}
}
.line-none{
	border:0 !important;
}.bg-gray{
	background-color:#dcdcdc;
}
.bg-blue{
	background-color:#182a86;
	color:#fff;
}
.bg-orange{
	background-color:#f7a631;
	color:#fff;
}
.bg-orange-title-20{
	font-size:18px;
	color:#fff;
	font-weight:bold;
	background-color:#f7a631;
	border-radius:50px;
	text-align:center;
	padding:20px 0;
	margin: 50px auto 0;
	width: 90%;
}
@media screen and (max-width: 768px) {
	.bg-orange-title-20{
		font-size:16px;
		border-radius:30px;
		padding:15px;
	}
}
.tx-blue-20{
	font-size:20px;
	color:#182a86;
	font-weight:bold;
}
@media screen and (max-width: 768px) {
	.tx-blue-20{
		font-size:16px;
	}
}
.tx-box-w800{
	max-width:820px;
	font-size:16px;
	line-height:1.6;
	text-align:left;
	margin:0 auto 30px;
}
.tx-box-w800 h2{
	margin-bottom:30px;
}
.list-s-disc{
	list-style:disc;
	margin-left: 1em;
}
main {
	margin-top: 130px;
	padding-bottom: 0;
}
main a{
	color:#182a86;
}

@media screen and (max-width: 768px) {
	main {
		margin-top: 0;
	}
}

section h1.en-title {
	font-family: 'Allura', cursive;
	font-size: 110px;
	line-height: 1em;
	color: #182a86;
	text-align: center;
	margin-bottom: 20px;
}
section h2 {
	font-size: 24px;
	font-weight: bold;
	color: #000c4a;
	text-align: center;
	margin-bottom: 80px;
}
section .text-box p {
	font-size: 16px;
	line-height: 2em;
	font-weight: bold;
	color: #000c4a;
}

@media screen and (max-width: 768px) {
	section h1.en-title {
		font-size: 50px;
		text-align: center;
	}
	section h2 {
		font-size: 18px;
		margin-bottom: 30px;
	}
	section .text-box p {
		font-size: 15px;
		line-height: 1.8em;
	}
}

.pankuzu{
	padding: 7px 20px;
	background-color: rgba(255,255,255,0.4);
	border-radius: 60px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
	margin: 10px 0 40px 5%;
	display: inline-block;
	font-size: 14px;
	color: #182a86;
}
.pankuzu a{
	color: #000c4a;
	text-decoration: none;
}

.bg-blue-title {
	background: url(./common/img/team-title.png) no-repeat center top;
	width: 260px;
	height: 55px;
	color: #fff;
	margin: 0 auto 15px;
	text-align: center;
	font-size: 24px;
	letter-spacing: -1px;
}
.bg-blue-title-l {
	background: url(./common/img/title-blue-mark.png) no-repeat center top;
	width: 440px;
	height: 55px;
	color: #fff;
	margin: 0 auto 15px;
	text-align: center;
	font-size: 24px;
	letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
	.bg-blue-title-l {
		max-width: 100%;
		font-size: 21px;
		background-size: contain;
	}
}
.btn-blue a{
	margin: 0 auto 15px;
	text-align: center;
	font-size: 16px;
	border-radius:40px;
	padding:20px 0px;
	width: 200px;
	background-color:#182a86;
	color: #fff;
	text-decoration:none;
	display:block;
}
.btn-blue a:hover {
	text-decoration:none;
    opacity: 0.8;
}
.main-title {
	font-size: 44px;
	font-weight:bold;
	color: #000c4a;
	margin: 0 auto 30px;
	text-align: center;
	line-height: 1.5;
}
.main-title-30 {
	font-size: 30px;
	font-weight:bold;
	color: #000c4a;
	margin: 0 auto 30px;
	text-align: center;
	line-height: 1.5;
}
.main-title-orange {
	font-size: 30px;
	font-weight:bold;
	color: #f7a631;
	margin: 0 auto 30px;
	text-align: center;
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	.main-title ,
	.main-title-30 ,
	.main-title-orange {
		font-size: 24px;
	}
}
/* Message */
.message-box{
	width: 100%;
	max-width: 1280px;
	padding: 60px 54px;
	background-color: #fff;
	border-radius: 40px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
	font-size: 16px;
	line-height:1.6;
	margin:0 auto 100px;
}
.message-box h3{
	font-size: 34px;
	line-height: 1.5;
	color: #000c4a;
	font-weight: bold;
	margin-bottom: 20px;
}
.message-box ul {
	display:flex;
}
.message-box ul li{
	width:50%;
	padding:0 1%;
}
@media screen and (min-width: 768px) {
	.message-box ul li:last-child{
		margin-top: 71px;
	}
}
.message-box ul li img{
	border-radius: 40px;
}
@media screen and (max-width: 768px) {
.message-box{
	padding: 30px 20px ;
	border-radius: 20px;
	margin:0 auto 50px;
	line-height:1.8;
}
.message-box h3{
	font-size: 20px;
/*	margin-bottom: 20px; */
	margin-bottom: 14px;
}
.message-box ul {
	/* display:block; */
	display: flex;
	flex-direction: column-reverse;
}
.message-box ul li{
	width:100%;
	padding: 0;
}
.message-box ul li:last-child{
	width: 305px;
	height: 198px;
	margin-bottom: 24px;
}
.message-box ul li img{
	border-radius: 20px;
}
}


/* interview_list */
.category-box{
	width: 100%;
	max-width: 1024px;
	padding: 20px 40px;
	background-color: #fff;
	border-radius: 40px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
	font-size: 16px;
	margin:0 auto 100px;
	display:none;
}
@media screen and (max-width: 768px) {
	.category-box{
		width: 100%;
		max-width: 100%;
		min-height: auto;
		padding: 25px 20px;
		border-radius: 30px;
		margin-bottom:30px;
	} 
}

.category-box dl{
	color:#182a86;
	font-weight:bold;
	display:flex;
	align-items: center;
}
.category-box dl dt{
	width: 300px;
	font-size:50px;
	font-family: 'Allura', cursive;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
}
@media screen and (max-width: 768px) {
	.category-box dl{
		display:block;
	}
	.category-box dl dt{
		width: 100%;
		font-size:40px;
		margin-bottom: 15px;
	}
}
.category-box dl dd ul{
	font-size:16px;
	line-height: 1.4;
	display:flex;
	flex-wrap: wrap;
}
.category-box dl dd ul li {
	background-color:#182a86;
	color:#fff;
	margin:10px;
	padding:10px 30px;
	border-radius:30px;
}
.category-box dl dd ul li a{
	background-color:#182a86;
	color:#fff;
	margin:10px;
	padding:10px 30px;
	border-radius:30px;
	text-decoration:none;
	
}
@media screen and (max-width: 768px) {
	.category-box dl dd ul li {
		font-size:14px;
		margin:6px;
		padding:10px 10px;
		border-radius:50px;
	}
}
.category-box dl dd ul li.on,
.category-box dl dd ul li.on a{
	background-color:#f7a631;
}

.interview-box {
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	max-width: 1280px;
	margin: 0 auto;
}

.interview-box .interview-box-list{
	width: 28%;
	margin: 0 2.666% 100px;
}
.interview-box .interview-box-list dt{
	text-align:center;
}

div.interview-box div:nth-child(3n+1) dl {
  position: relative;
  top: 0px;
  left: 20px;
}

div.interview-box div:nth-child(3n+2) dl {
  position: relative;
  top: 90px;
  left: 20px;
}

div.interview-box div:nth-child(3n) dl {
  position: relative;
  top: 40px;
  right: -20px;
}

@media screen and (max-width: 768px) {
div.interview-box div:nth-child(3n) dl ,
div.interview-box div:nth-child(3n+1) dl ,
div.interview-box div:nth-child(3n+2) dl {
    position: relative;
    top: 0px;
    left: 0px;
    margin-bottom: 20px;
  }
}
.interview-box .interview-box-list dt img{
    border-radius: 30px;
}

.interview-box-img {
	max-width: 360px;
	padding: 20px;
	text-align: left;
	position: relative;
	top: -30px;
	left: -30px;
	background-color: #fff;
	border-radius: 30px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
}
.interview-box-img p.name{
	color:#333333;
	font-size:20px;
	font-weight:bold;
}
@media screen and (max-width: 768px) {
	.interview-box {
		display: block;
		justify-content: space-between;
		max-width: 100%;
		margin-bottom: 30px;
	}
	.interview-box .interview-box-list{
		width: 100%;
		margin: 0 0 30px;
	}
	.interview-box dl dt img {
		max-width: 80%;
		object-fit: cover;
		height: 236px;
		width: 100%;
		object-position: 0 0;  }
	.interview-box dl.staff-left {
		position: relative;
		top: 0px;
		left: 0px;
		margin-bottom: 20px;
	}
	.interview-box dl.staff-middle {
		position: relative;
		top: 0;
		left: 0px;
	}
	.interview-box dl.staff-right {
		position: relative;
		top: 0;
		right: 0;
	}
	.interview-box-img {
		width: 100%;
		height: auto;
		min-height: auto;
		padding: 10px 30px;
		background: none;
		color: #333333;
		position: relative;
		top: -10px;
		left: -0;
		background-color: #fff;
		border-radius: 20px;
		margin: 0 auto;
		filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
	}
	.interview-box-img p.name{
		font-size:18px;
	}
}
.pager .pagination {
	text-align: center;
}

.pager .pagination li {
	display: inline;
	margin: 0 2px;
	padding: 0;
	display: inline-block;
	background:#8b7d94;
	width: 50px;
	height: 50px;
	text-align: center;
	position: relative;
	border-radius: 50px;
}

.pager .pagination li a{
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display:table;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.pager .pagination li a span{
	display:table-cell;
	vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
	color: #fff;
	background: #182a86;
	border-radius: 50px;
}

@media only screen and (max-width: 767px){
	.pager .pagination li{
		display: none;
	}

	.pager .pagination li.pre,
	.pager .pagination li.next{
		display: inline-block;
		width: 40%;
		height: 50px;
		text-align: center;
	}

	.pager .pagination li.pre a,
	.pager .pagination li.next a{
		width: 100%;
		text-align: center;
	}

	.pager .pagination li.pre span::after{
		content: "　前の6件へ";
	}

	.pager .pagination li.next span::before{
		content: "次の6件へ　";
	}

}

/* interview-post */
.interview-post-box {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1280px;
	margin: 0 auto 60px;
}

.interview-post-box dl.staff {
	position: relative;
	width: 100%;
}
.interview-post-box dl.staff dt img{
	border-radius:30px;
}

@media only screen and (max-width: 767px){
	.interview-post-box dl.staff dt{
		text-align:center;
	}
}

.interview-post-box-img {
	max-width: 720px;
	padding: 36px;
	text-align: left;
	position: absolute;
	bottom: 60px;
	left: 480px;
	background-color: #fff;
	border-radius: 30px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
}
.interview-post-box-img span.name{
	color:#000c4a;
	font-size:30px;
	font-weight:bold;
	display:inline-block;
}
.interview-post-box-img span.position{
	color:#f7a631;
	font-size:20px;
	font-weight:bold;
	display:inline-block;
}
@media screen and (max-width: 768px) {
	.interview-post-box {
		display: block;
		justify-content: space-between;
		max-width: 100%;
		margin-bottom: 30px;
	}
	.interview-post-box dl dt img {
		max-width: 80%;
		object-fit: cover;
		height: 236px;
		width: 100%;
		object-position: 0 0;  }
	.interview-box-post dl.staff {
		position: relative;
		top: 0;
		left: 0px;
	}
	.interview-post-box-img {
		width: 100%;
		height: auto;
		min-height: auto;
		padding: 20px 20px 25px;
		background: none;
		color: #333333;
		position: relative;
		top: -10px;
		left: -0;
		background-color: #fff;
		border-radius: 20px;
		margin: 0 auto;
		filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
	}
	.interview-post-box-img p.name{
		font-size:18px;
	}
}

.comment-box {
	max-width: 1024px;
	margin: 0 auto 60px;
	padding: 76px 120px 46px;
	text-align: left;
	background-color: #fff;
	border-radius: 30px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
	font-size:16px;
}
.comment-box figure{
	max-width: 100%;
	margin-bottom: 30px;
}
.comment-box figure img{
	max-width: 100%;
	margin-bottom: 10px;
}
.comment-box .wp-caption-text{
	background: #eee;
    border: 1px solid #ddd;
    max-width: 100%;
    padding: 5px 10px 3px;
	font-size:80%;
}
.comment-box img{
	border-radius:30px;
}
.comment-box img.alignleft{
	margin-right: 20px;
	max-width:360px;
}
.comment-box img.alignright{
	margin-left: 20px;
	max-width:360px;
}
@media screen and (max-width: 768px) {
	.comment-box {
		max-width: 100%;
		margin: 0 auto 40px;
		padding: 40px 20px 20px;
	}
}
.comment-box h3{
	font-size:30px;
	line-height: 1.5;
	color:#000c4a;
	font-weight:bold;
	margin-bottom:30px;
}
.comment-box h4{
	color:#182a86;
	font-weight:bold;
	margin-bottom:30px;
	line-height:1.6;
}
.comment-box p{
	margin-bottom:30px;
}
.photo-right{
	float:right;
	margin-left: 20px;
}
.photo-left{
	float:left;
	margin-right: 20px;
}
@media screen and (max-width: 768px) {
.photo-right{
	margin-left: 0;
}
.photo-left{
	margin-right: 0;
}
}

/* 3pillar */

.pillar-navi {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 900px;
	margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
.pillar-navi {
	justify-content: center;
}
}

.pillar-navi li{
	width: 33%;
}

.pillar-navi li img{
	max-width: 100%;
}

.pillar-navi .navi01-off{
	background: url(./common/img/3pillar-01-off.png) no-repeat center top;
	width: 284px;
	height: 281px;
}
.pillar-navi .navi01-off:hover,
.pillar-navi .navi01-on{
	background: url(./common/img/3pillar-01-on.png) no-repeat center top;
	width: 284px;
	height: 281px;
}

.pillar-navi .navi02-off{
	background: url(./common/img/3pillar-02-off.png) no-repeat center top;
	width: 284px;
	height: 281px;
}
.pillar-navi .navi02-off:hover,
.pillar-navi .navi02-on{
	background: url(./common/img/3pillar-02-on.png) no-repeat center top;
	width: 284px;
	height: 281px;
}

.pillar-navi .navi03-off{
	background: url(./common/img/3pillar-03-off.png) no-repeat center top;
	width: 284px;
	height: 281px;
}
.pillar-navi .navi03-off:hover,
.pillar-navi .navi03-on{
	background: url(./common/img/3pillar-03-on.png) no-repeat center top;
	width: 284px;
	height: 281px;
}

.pillar-navi a p{
	color:#f7a631;
	font-size:20px;
	text-align:center;
	padding-top:178px;
}

@media screen and (max-width: 768px) {
	.pillar-navi .navi01-off,
	.pillar-navi .navi01-on,
	.pillar-navi .navi02-off,
	.pillar-navi .navi02-on,
	.pillar-navi .navi03-off,
	.pillar-navi .navi03-on,
	.pillar-navi .navi01-off:hover,
	.pillar-navi .navi02-off:hover,
	.pillar-navi .navi03-off:hover{
		width: 190px;
		height: 100%;
		background-size: cover;
	}
	.pillar-navi a p{
		font-size:18px;
		padding:125px 0 40px;
	}
}

.pillar-navi a:hover p,
.pillar-navi a .navi01-on p,
.pillar-navi a .navi02-on p,
.pillar-navi a .navi03-on p{
	color:#fff;
}
.pillar-navi a ,
.pillar-navi a:hover {
	text-decoration: none;
}


.pillar-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1280px;
	margin: 0 auto 80px;
}
.pillar-box .pillar-box-list{
	width: 40%;
}

.pillar-box dl.pillar-left {
	position: relative;
	top: 0;
	left: 100px;
}

.pillar-box dl.pillar-right {
	position: relative;
	top: 40px;
	right: -20px;
}

.pillar-bg-box {
	max-width: 496px;
	min-height: 136px;
	padding: 24px 40px;
	text-align: left;
	color: #333333;
	position: relative;
	top: -80px;
	left: -106px;
	background-color: #fff;
	border-radius: 40px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
}
.pillar-bg-box p.name {
	font-size: 20px;
	color:#182a86;
	font-weight:bold;
}


@media screen and (max-width: 768px) {
	.pillar-box .pillar-box-list{
		width: 100%;
	}

	.pillar-box dl.pillar-left {
		position: relative;
		top: 0;
		left: 0;
	}
	.pillar-box dl.pillar-right {
		position: relative;
		top: 0;
		right: 0;
	}
	.pillar-box {
		display: block;
		justify-content: space-between;
		max-width: 100%;
		margin: 0 auto 40px;
	}
	.pillar-bg-box {
		width: 100%;
		height: auto;
		min-height: auto;
		padding: 10px 30px;
		background: none;
		color: #333333;
		position: relative;
		top: -20px;
		left: -0;
		background-color: #fff;
		border-radius: 20px;
		margin: 0 auto;
		filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
	}
}

.pillar-single-box {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1082px;
	margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
	.pillar-single-box {
		height: auto;
	}
}

.pillar-single-box dl {
	position: relative;
	width: 100%;
}
.pillar-single-box dl.right dt{
	text-align:right;
}

@media only screen and (max-width: 767px){
	.pillar-single-box dl dt{
		text-align:center;
	}
}

.pillar-single-box-img {
	min-width: 580px;
	padding: 36px;
	text-align: left;
	position: absolute;
	top: 100px;
	left: 500px;
	background-color: #fff;
	border-radius: 30px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
}
.pillar-single-box-img-long {
	width:100%;
	padding: 36px;
	text-align: left;
	background-color: #fff;
	border-radius: 30px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
}
.pillar-single-box-img strong{
	font-size:20px;
	font-weight:bold;
}
.pillar-single-box-img p.name{
	color:#182a86;
	font-size:20px;
	font-weight:bold;
}

dl.right .pillar-single-box-img {
	left: 0;
}

.pillar-single-box-img ul{
	color:#000;
	font-size:16px;
}
.pillar-single-box-img ul li{
	list-style-type: disc;
	margin-left: 1.5em;
}
@media screen and (max-width: 768px) {
	.pillar-single-box-img {
		width: 100%;
		min-width: auto;
		height: auto;
		min-height: auto;
		padding: 20px 20px 25px;
		background: none;
		color: #333333;
		position: relative;
		top: -10px;
		left: -0;
		background-color: #fff;
		border-radius: 20px;
		margin: 0 auto;
		filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
	}
}

.pillar-list-box {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1280px;
	margin: 0 auto;
}

.pillar-list-box .pillar-list-box-list{
	width: 28%;
	margin-bottom:100px;
}
.pillar-list-box .pillar-list-box-list dt{
	text-align:center;
}

.pillar-list-box dl.list-left {
	position: relative;
	top: 0px;
	left: 20px;
}

.pillar-list-box dl.list-middle {
	position: relative;
	top: 90px;
	left: 20px;
}

.pillar-list-box dl.list-right {
	position: relative;
	top: 40px;
	right: -20px;
}

.pillar-list-box-img {
	max-width: 360px;
	padding: 26px;
	text-align: left;
	color: #333;
	position: relative;
	top: -30px;
	left: -30px;
	background-color: #fff;
	border-radius: 30px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));

}
.pillar-list-box-img p.name{
	color:#182a86;
	font-size:20px;
	font-weight:bold;
}
@media screen and (max-width: 768px) {
	.pillar-list-box {
		display: block;
		justify-content: space-between;
		max-width: 100%;
		margin-bottom: 30px;
	}
	.pillar-list-box .pillar-list-box-list{
		width: 100%;
		margin-bottom:30px;
	}
	.pillar-list-box dl dt img {
		max-width: 80%;
		object-fit: cover;
		height: 236px;
		width: 100%;
		object-position: 0 0;  }
	.pillar-list-box dl.list-left {
		position: relative;
		top: 0px;
		left: 0px;
		margin-bottom: 20px;
	}
	.pillar-list-box dl.list-middle {
		position: relative;
		top: 0;
		left: 0px;
	}
	.pillar-list-box dl.list-right {
		position: relative;
		top: 0;
		right: 0;
	}
	.pillar-list-box-img {
		width: 100%;
		height: auto;
		min-height: auto;
		padding: 10px 30px;
		background: none;
		color: #333333;
		position: relative;
		top: -10px;
		left: -0;
		background-color: #fff;
		border-radius: 20px;
		margin: 0 auto;
		filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
	}
	.pillar-list-box-img p.name{
		font-size:18px;
	}
}

.pillar-hyoka-box{
	max-width: 1024px;
	padding: 40px;
	background-color: #fff;
	border-radius: 60px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
	font-size: 16px;
	margin:0 auto 100px;
}
.pillar-hyoka-box dl{
	max-width: 90%;
	color:#182a86;
	font-weight:bold;
	display:flex;
	margin:0 auto 35px;
	border-bottom:solid 1px #f7a631;
	padding-bottom:35px;
	align-items: center;
}
.pillar-hyoka-box dl.last{
	border-bottom:solid 0px #f7a631;
	padding-bottom:0;
	margin-bottom:0;
}

.pillar-hyoka-box dl dt{
	width: 12%;
	text-align: center;
	padding-right: 2%;
	line-height: 1.2;
}
.pillar-hyoka-box dl dt span.number{
	font-size:50px;
	white-space: nowrap
}
.pillar-hyoka-box dl dd.title{
	width: 30%;
	padding-right: 2%;
	font-size: 24px;
	font-weight: bold;
	color: #f7a631;
	line-height: 1.5;
	margin-top: 20px;
}
.pillar-hyoka-box dl dd{
	width: 54%;
	font-size:20px;
	line-height: 1.4;
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
	.pillar-hyoka-box{
		width: 100%;
		max-width: 100%;
		min-height: auto;
		padding: 25px 20px;
		border-radius: 30px;
		margin-bottom:30px;
	} 
	.pillar-hyoka-box dl{
		display:block;
	}

	.pillar-hyoka-box dl dt{
		width: auto;
		padding-right: 0;
		text-align: left;
		margin: 0 0 5px 2px;
	}
	.pillar-hyoka-box dl dt span.number{
		font-size:24px;
	}
	.pillar-hyoka-box dl dd.title{
		width: 100%;
		padding-right:0;
	}
	.pillar-hyoka-box dl dd{
		width: 100%;
	}
}

.syokyu-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1280px;
	margin: 0 auto 80px;
}
.syokyu-box .syokyu-box-a{
	width: 40%;
}
.syokyu-box .syokyu-box-b{
	width: 60%;
	padding-top:60px;
	padding-left:20px;
}
.syokyu-box .syokyu-box-c{
	width: 100%;
	padding-left:20px;
}

@media screen and (max-width: 768px) {
	.syokyu-box .syokyu-box-a,
	.syokyu-box .syokyu-box-b,
	.syokyu-box .syokyu-box-c{
		width: 100%;
		padding:0;
	}
	.syokyu-box {
		display: block;
		justify-content: space-between;
		max-width: 100%;
		margin: 0 auto 40px;
	}
}
.jikosinkoku-box{
	width: 100%;
	max-width: 1280px;
	height: auto;
	padding: 50px 100px 45px;
	background-color: #fff;
	border-radius: 40px;
	margin: 0 auto 100px;
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
}
@media screen and (max-width: 768px) {
	.jikosinkoku-box{
		padding: 30px 25px 25px;
		border-radius: 40px;

	}
}
.toukyu-box{
	max-width: 1280px;
	padding: 40px;
	background-color: #fff;
	border-radius: 60px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
	font-size: 16px;
	margin:0 auto 100px;
}
.toukyu-mark{
	max-width: 1280px;
	padding: 8px 0;
	width: 81%;
	margin: 0 auto;
}
.toukyu-box dl{
	max-width: 90%;
	color:#333;
	font-weight:bold;
	display:flex;
	margin:0 auto;
	align-items: center;
}
@media screen and (max-width: 768px) {
	.toukyu-box dl{
		max-width: 100%;
	}
}
.toukyu-box dl dt{
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	margin-right: 3%;
	color:#fff;
	width: 100px;
	text-align: center;
	padding: 10px;
	line-height: 1.2;
	border-radius:10px;
}
.toukyu-box dl dt span.number{
	font-size:50px;
	white-space: nowrap
}
.toukyu-box dl dd.title{
	width: 32%;
	padding-right: 2%;
	font-size: 24px;
	font-weight: bold;
	color:#182a86;
	line-height: 1.5;
}
.toukyu-box dl dd.title span{
	font-size: 16px;
	color:#333;
	display:block;
}
.toukyu-box dl dd{
	width: 54%;
}
@media screen and (max-width: 768px) {
	.toukyu-box{
		width: 100%;
		max-width: 100%;
		min-height: auto;
		padding: 25px 20px;
		border-radius: 30px;
		margin-bottom:30px;
	} 
	.toukyu-box dl{
		display:block;
	}

	.toukyu-box dl dt{
		width: auto;
		padding-right: 0;
		text-align: left;
		margin: 0 0 5px 2px;
	}
	.toukyu-box dl dt span.number{
		font-size:24px;
	}
	.toukyu-box dl dd.title{
		width: 100%;
		padding-right:0;
	}
	.toukyu-box dl dd{
		width: 100%;
	}
}
.toukyu-box dl.toukyu1{ border-bottom:solid 2px #df2424;}
.toukyu-box dl.toukyu1 dt{background-color:#df2424;}

.toukyu-box dl.toukyu2{ border-bottom:solid 2px #eb601e;}
.toukyu-box dl.toukyu2 dt{background-color:#eb601e;}

.toukyu-box dl.toukyu3{ border-bottom:solid 2px #eb9b1d;}
.toukyu-box dl.toukyu3 dt{background-color:#eb9b1d;}

.toukyu-box dl.toukyu4{ border-bottom:solid 2px #52a500;}
.toukyu-box dl.toukyu4 dt{background-color:#52a500;}

.toukyu-box dl.toukyu5{ border-bottom:solid 2px #00490e;}
.toukyu-box dl.toukyu5 dt{background-color:#00490e;}

.toukyu-box dl.toukyu6{ border-bottom:solid 2px #0a7c98;}
.toukyu-box dl.toukyu6 dt{background-color:#0a7c98;}

.toukyu-box dl.toukyu7{ border-bottom:solid 2px #000c4a;}
.toukyu-box dl.toukyu7 dt{background-color:#000c4a;}


.pillar-course-box{
	max-width: 1280px;
	font-size:20px;
	color:#182a86;
	font-weight:bold;
	background-color: #fff;
	border-radius: 50px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
	text-align:center;
	padding:50px 0;
	margin:0 auto 100px;
}
@media screen and (max-width: 768px) {
	.pillar-course-box{
		font-size:16px;
		border-radius: 30px;
		padding:30px 15px;
	}
}
.pillar-career-box{
	max-width: 1280px;
	font-size:18px;
	background-color: #fff;
	border-radius: 50px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
	padding:50px;
	margin:0 auto 100px;
}
@media screen and (max-width: 768px) {
	.pillar-career-box{
		font-size:15px;
		border-radius: 30px;
		padding:30px 15px;
	}
}
.pillar-career-box table{
	width:100%;
	text-align:center;
	margin-bottom:15px;
}
.pillar-career-box table th,
.pillar-career-box table td{
	padding:15px;
	border: 1px #cccccc solid;
}
.pillar-career-box table th{
	background-color:#dcdcdc;
	font-weight:bold;
	text-align:center;
}
@media screen and (max-width: 768px) {
	.pillar-career-box table th,
	.pillar-career-box table td{
		padding:5px;
	}
}
.pillar-w-box{
	max-width: 1280px;
	background-color: #fff;
	border-radius: 50px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
	padding:50px;
	margin:0 auto 100px;
}
.pillar-w-box ul {
	color: #000;
	font-size: 16px;
}
.pillar-w-box ul li {
	list-style-type: disc;
	margin-left: 1.5em;
}
.pillar-w-box p.name {
    color: #182a86;
    font-size: 20px;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
	.pillar-career-box{
		font-size:15px;
		border-radius: 30px;
		padding:30px 15px;
		white-space: nowrap;
		overflow: scroll;
	}
}




/* task */

.task-box {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1280px;
	margin: 0 auto 50px;
}

.task-box .task-box-list{
	width: 28%;
	margin-bottom:100px;
}
.task-box .task-box-list dt{
	text-align:center;
}

.task-box dl.task-left {
	position: relative;
	top: 0px;
	left: 20px;
}

.task-box dl.task-middle {
	position: relative;
	top: 90px;
	left: 20px;
}

.task-box dl.task-right {
	position: relative;
	top: 40px;
	right: -20px;
}

.task-box dl dd {
	font-size:16px;
	max-width: 360px;
	padding: 20px;
	text-align: left;
	position: relative;
	top: -30px;
	left: -30px;
	background-color: #fff;
	border-radius: 30px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
}
@media screen and (max-width: 768px) {
	.task-box {
		display: block;
		justify-content: space-between;
		max-width: 100%;
		margin-bottom: 30px;
	}
	.task-box .task-box-list{
		width: 100%;
		margin-bottom:30px;
	}
	.task-box dl dt img {
		max-width: 80%;
		object-fit: cover;
		height: 236px;
		width: 100%;
		object-position: 0 0;  }
	.task-box dl.task-left {
		position: relative;
		top: 0px;
		left: 0px;
		margin-bottom: 20px;
	}
	.task-box dl.task-middle {
		position: relative;
		top: 0;
		left: 0px;
	}
	.task-box dl.task-right {
		position: relative;
		top: 0;
		right: 0;
	}
	.task-box dl dd {
		width: 100%;
		height: auto;
		min-height: auto;
		padding: 10px 30px;
		background: none;
		color: #333333;
		position: relative;
		top: -10px;
		left: -0;
		background-color: #fff;
		border-radius: 20px;
		margin: 0 auto;
		filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
	}
}
.task-point-box{
	width: 1024px;
	padding: 40px;
	background-color: #fff;
	border-radius: 60px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
	font-size: 16px;
	margin:0 auto 100px;
}
.task-point-box dl{
	max-width: 680px;
	color:#182a86;
	font-weight:bold;
	display:flex;
	margin:0 auto 35px;
	border-bottom:solid 1px #f7a631;
	padding-bottom:35px;
	align-items: center;
}
.task-point-box dl.last{
	border-bottom:solid 0px #f7a631;
	padding-bottom:0;
	margin-bottom:0;
}

.task-point-box dl dt{
	width: 15%;
	text-align: center;
	padding-right: 30px;
	line-height: 1.2;
}
.task-point-box dl dt span.number{
	font-size:50px;
	white-space: nowrap
}
.task-point-box dl dd{
	width: 85%;
	font-size:20px;
	line-height: 1.4;
}

@media screen and (max-width: 768px) {
	.task-point-box{
		width: 100%;
		max-width: 100%;
		min-height: auto;
		padding: 25px 20px;
		border-radius: 30px;
		margin-bottom:30px;
	} 
	.task-point-box dl{
		display:block;
	}

	.task-point-box dl dt{
		width: auto;
		padding-right: 0;
		text-align: left;
		margin: 0 0 5px 2px;
	}
	.task-point-box dl dt span.number{
		font-size:24px;
	}
}

/* worktogether */
.worktogether-flex-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
	max-width: 1280px;
	margin: 0 auto;
}
.worktogether-flex-box div:nth-child(even){
	position:relative;
	top:50px;
}
.worktogether-box{
	width: 48%;
	max-width: 570px;
	/* min-height: 270px; */
	padding: 40px 32px 20px;
	background-color: #fff;
	border-radius: 60px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
	font-size: 16px;
	margin-bottom:100px;
}
.worktogether-box dl{
	color:#182a86;
	font-weight:bold;
	display:flex;
	margin-bottom:15px;
}
.worktogether-box dl dt{
	width: 108px;
	text-align: center;
	padding-right: 30px;
	line-height: 1.2;
}
.worktogether-box dl dt span.number{
	font-size:50px;
	white-space: nowrap
}
.worktogether-box dl dd{
	font-size: 28px;
	line-height: 1.4;
}
.gray .worktogether-box dl{
	color:#555555;
}

@media screen and (max-width: 768px) {
	.worktogether-box{
		width: 100%;
		max-width: 100%;
		min-height: auto;
		padding: 25px 20px;
		border-radius: 30px;
		margin-bottom:30px;
	}
	.worktogether-flex-box div:nth-child(even){
		position:static;
		top:0px;
	}
	.worktogether-box dl{
		display:block;
	}

	.worktogether-box dl dt{
		width: auto;
		padding-right: 0;
		text-align: left;
		margin: 0 0 5px 2px;
	}
	.worktogether-box dl dt span.number{
		font-size:24px;
	}
	.worktogether-box dl dd{
		font-size: 21px;
	}
	}
/* companystory */

.companystory-box {
	width: 1024px;
	padding: 80px 60px 43px;
	background-color: #fff;
	border-radius: 60px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
	margin: 0 auto;
}
.companystory-box-in {
	padding: 60px 60px 0;
	margin: 0 auto;
}
.companystory-box p.tx-orange {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2em;
	color: #f7a631;
	margin-bottom: 20px;
}
.companystory-box p.tx-lead {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}
.companystory-box p.tx-box {
	font-size: 16px;
}

@media screen and (max-width: 768px) {
	.companystory-box {
		max-width: 100%;
		padding: 15px;
		border-radius: 30px;
	}
	.companystory-box-in {
		padding: 10px 0 0;
		margin: 0 auto;
	}
	.companystory-box p.tx-orange {
		font-size: 20px;
	}
	.companystory-box p.tx-lead {
		font-size: 18px;
		line-height:1.6;
	}

}



/* 背景画像 */

ol li {
	position: relative;
	z-index: -100;
}

header ol li:nth-child(1) figure {
	position: absolute;
	left: 0;
	top: 0;
}
header ol li:nth-child(2) figure {
	position: absolute;
	right: 0;
	top: 200px;
}
footer ol li:nth-child(1) figure {
	position: absolute;
	right: 0;
	bottom: 55px;
}
.page-id-2 header ol li figure ,
.page-id-84 header ol li figure {
	display:none;
}

@media screen and (max-width: 768px) {
	header ol li:nth-child(1) figure {
		width: 85%;
	}
	header ol li:nth-child(2) figure {
		width: 85%;
		top: 500px;
	}
	footer ol li:nth-child(1) figure {
		position: absolute;
		right: 0;
		bottom: 55px;
	}
}


/* テキストアニメーション */

.loading span:nth-child(2) {
	animation-delay: .1s;
}
.loading span:nth-child(3) {
	animation-delay: .15s;
}
.loading span:nth-child(4) {
	animation-delay: .2s;
}
.loading span:nth-child(5) {
	animation-delay: .25s;
}
.loading span:nth-child(6) {
	animation-delay: .3s;
}
.loading span:nth-child(7) {
	animation-delay: .35s;
}
.loading span:nth-child(8) {
	animation-delay: .4s;
}
.loading span:nth-child(9) {
	animation-delay: .45s;
}
.loading span:nth-child(10) {
	animation-delay: .50s;
}
.loading span:nth-child(11) {
	animation-delay: .55s;
}
.loading span:nth-child(12) {
	animation-delay: .60s;
}
.loading span:nth-child(13) {
	animation-delay: .65s;
}
.loading span:nth-child(14) {
	animation-delay: .70s;
}
.loading span:nth-child(15) {
	animation-delay: .75s;
}
@keyframes loading {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


.en-title{
	opacity: 0;
}
.en-title.loading{
	opacity: 1;
}
.loading span {
	color: transparent;
	animation: loading 4s ease-out forwards;
}
@keyframes loading {
	0%      {text-shadow:  0 0 100px #182a86; opacity:0;}
	5%      {text-shadow:  0 0 90px #182a86;}
	15%     {opacity: 1;}
	20%     {text-shadow:  0 0 0px #182a86;}
	80%     {text-shadow:  0 0 0px #182a86;}
	85%     {text-shadow:  0 0 0px #182a86;}
	95%     {text-shadow:  0 0 0px #182a86;}
	100%    {text-shadow:  0 0 0px #182a86;}
}



/* テキストアニメーション-FV */

.loading-FV span:nth-child(1) {
	animation-delay: .6s;
}
.loading-FV span:nth-child(2) {
	animation-delay: .65s;
}
.loading-FV span:nth-child(3) {
	animation-delay: .7s;
}
.loading-FV span:nth-child(4) {
	animation-delay: .75s;
}
.loading-FV span:nth-child(5) {
	animation-delay: .8s;
}
.loading-FV span:nth-child(6) {
	animation-delay: .85s;
}
.loading-FV span:nth-child(7) {
	animation-delay: .9s;
}
.loading-FV span:nth-child(8) {
	animation-delay: .95s;
}
@keyframes loading-FV {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


.fv-title{
	opacity: 0;
}
.fv-title.loading-FV{
	opacity: 1;
}
.loading-FV span {
	color: transparent;
	animation: loading-FV 6s ease-out forwards;
}
@keyframes loading-FV {
	0%      {text-shadow:  0 0 100px #000c4a; opacity:0;}
	5%      {text-shadow:  0 0 90px #000c4a;}
	15%     {opacity: 1;}
	20%     {text-shadow:  0 0 0px #000c4a;}
	80%     {text-shadow:  0 0 0px #000c4a;}
	85%     {text-shadow:  0 0 0px #000c4a;}
	95%     {text-shadow:  0 0 0px #000c4a;}
	100%    {text-shadow:  0 0 0px #000c4a;}
}

.companystory-box {
  position: relative;
}
.companystory-box ul{
	margin-bottom:15px;
	color:#F7A631;
}
.companystory-box ul li span.data{
	width:20%;
	background-color:#fff;
	color:#F7A631;
	padding:0;
    content:  none;
	text-align: start;
}
.companystory-box ul li span{
	background-color: #F7A631;
	display: inline-block;
	color: #fff;
	width: 74%;
	font-size: 16px;
	padding:4px 3%;
	margin-bottom: 15px;
	border-radius: 6px;
}
/*
.companystory-box .sp ul li span::before {
    content:  '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #fff;
    display:  inline-block;
    vertical-align:  middle;
    position:  relative;
    top: -2px;
    margin-right: 3px;
}*/
@media screen and (min-width: 768px){
	.companystory-box .companystory-box--txt{
		display: flex;
		justify-content: space-around;
		align-items: flex-start;
	}
	.companystory-box ul{
		display: block;
	/*	flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;*/
		text-align: center;
		width: 42%;
	}
	.companystory-box ul li{
	/*	width: calc(48% - 20px);*/
		display: flex;
		align-items: center;
	}
	.companystory-box ul li span {
		width: 80%;
		padding: 8px 3%;
	}
	.companystory-box ul li span.data{
		width: 20%;
	}
	.companystory-box .bnr-graph{
		margin-bottom: 40px;
	}
}
.companystory-graph-bg{
	background: url(./common/img/companystory-graph-bg.png) no-repeat center;
	height: 619px;
	width: 900px;
}
.companystory-graph-bg ul li.bg-gray-left{
	background: url(./common/img/bg-gray-left.png) no-repeat;
	height: 52px;
	width: 133px;
}
.companystory-graph-bg ul li.bg-gray-left-s{
	background: url(./common/img/bg-gray-left_s.png) no-repeat;
	height: 52px;
	width: 200px;
}
.companystory-graph-bg ul li.bg-gray-right{
	background: url(./common/img/bg-gray-right.png) no-repeat;
	height: 52px;
	width: 197px;
}
.companystory-graph-bg ul li.bg-orange-left{
	background: url(./common/img/bg-orange-left.png) no-repeat;
	height: 52px;
	width: 159px;
}
.companystory-graph-bg ul li.bg-orange-right-l{
	background: url(./common/img/bg-orange-right-l.png) no-repeat;
	height: 52px;
	width: 222px;
}
.companystory-graph-bg ul li.bg-orange-right-m{
	background: url(./common/img/bg-orange-right-s.png) no-repeat;
	height: 79px;
	width: 194px;
}
.companystory-graph-bg ul li.bg-orange-right{
	background: url(./common/img/bg-orange-right.png) no-repeat;
	height: 52px;
	width: 155px;
}
.companystory-graph-bg ul li{
  position: absolute;
  z-index: 101;
}
.companystory-graph-bg ul li label{
  display: block;
  padding: 5px 10px ;
  color: #fff;
  text-decoration: none;
	text-align:center;
}
.companystory-graph-bg ul li a{
  text-decoration: none;
}
.companystory-graph-bg ul li:nth-child(1){
  left: 110px;
  top: 579px;
}
.companystory-graph-bg ul li:nth-child(2){
  left: 214px;
  top: 515px;
}
.companystory-graph-bg ul li:nth-child(3){
  left: 286px;
  top: 446px;
}
.companystory-graph-bg ul li:nth-child(4){
  left: 366px;
  top: 515px;
}
.companystory-graph-bg ul li:nth-child(5){
  left: 382px;
  top: 376px;
}
.companystory-graph-bg ul li:nth-child(6){
  left: 450px;
  top: 310px;
}
.companystory-graph-bg ul li:nth-child(7){
  left: 319px;
  top: 230px;
}
.companystory-graph-bg ul li:nth-child(8){
  left: 521px;
  top: 246px;
}
.companystory-graph-bg ul li:nth-child(9){
  left: 537px;
  top: 190px;
}
.companystory-graph-bg ul li:nth-child(10){
  left: 686px;
  top: 134px;
}
.companystory-graph-bg ul li:nth-child(11){
  left: 768px;
  top: 80px;
}

.companystory-box .hidden_show {
	display:none;
}

@media screen and (max-width: 768px){
	.companystory-box ul:first-child,.companystory-box ul li .dete-last{
		margin-bottom:  0px;
	}
	.companystory-box ul li{
		display: flex;
		align-items: center;
	}
}

#astecwill .pillar-navi .navi01-off{
	background: url(./common/img/3pillar-astecwill-01-off.png) no-repeat center bottom;
	background-size: contain;
}
#astecwill .pillar-navi .navi01-off:hover,
#astecwill .pillar-navi .navi01-on{
	background: url(./common/img/3pillar-astecwill-01-on.png) no-repeat center bottom;
	background-size: contain;
}

#astecwill .pillar-navi .navi02-off{
	background: url(./common/img/3pillar-astecwill-02-off.png) no-repeat center bottom;
	background-size: contain;
}
#astecwill .pillar-navi .navi02-off:hover,
#astecwill .pillar-navi .navi02-on{
	background: url(./common/img/3pillar-astecwill-02-on.png) no-repeat center bottom;
	background-size: contain;
}

#astecwill .pillar-navi .navi03-off{
	background: url(./common/img/3pillar-astecwill-03-off.png) no-repeat center bottom 7px;
	background-size: contain;
}
#astecwill .pillar-navi .navi03-off:hover,
#astecwill .pillar-navi .navi03-on{
	background: url(./common/img/3pillar-astecwill-03-on.png) no-repeat center bottom 7px;
	background-size: contain;
}

.ttl-astecwill-box {
	text-align: center;
	margin: 0 auto 40px;
}
.ttl-astecwill-box-en {
	font-family: 'Allura', cursive;
    font-size: 30px;
	color: #182A86;
	margin-bottom: 10px;
}
.ttl-astecwill-box-main {
	position: relative;
	line-height: 1.25;
	color: #000C4A;
	font-size: 40px;
	font-weight: 600;
	margin: 30px 0;
}
.ttl-astecwill-box-main::before {
	content: "";
	display: block;
	background-image: url(./common/img/ttl-deco-paint-yellow.png);
	background-size: 602px 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: -40px;
	z-index: -1;
	width: 100%;
	height: 140px;
	margin: 0 auto;
}
.ttl-astecwill-box-sub {
	color: #000C4A;
	font-size: 18px;
	font-weight: 500;
}

.ttl-astecwill-box-01 .ttl-astecwill-box-main::before {
	background-size: 490px auto;
	top: -36px;
	height: 145px;
}

.ttl-astecwill-box-02 .ttl-astecwill-box-main::before {
	top: 0;
}

#astecwill .single-column {
	max-width: 900px;
	margin: 0 auto;
	padding: 50px 16px 60px;
}

#astecwill .single-column-inner {
	font-size: 16px;
	line-height: 1.875;
	max-width: 744px;
	/* max-width: 900px; */
	width: 100%;
	margin: 0 auto;
}

#astecwill .btn-blue {
    text-align: center;
}

.astecwill-text-lead {
	font-size: 16px;
}
.astecwill-text-lead span {
	font-weight: 600;
	background:linear-gradient(transparent 60%, #FECF22 60%);
}

.astecwill-blue-box {
	border: solid 1px #182A86;
	border-radius: 20px;
	text-align: center;
	max-width: 742px;
	padding: 32px;
	margin: 54px auto;
}
.astecwill-blue-box-ttl {
	font-family: 'Noto Serif JP', serif;
	color: #182A86;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 16px;
}
.astecwill-blue-box-ttl span.font-yakuhan {
	font-family: YakuHanJP, 'Noto Serif JP', serif;
	color: #182A86;
	font-size: 24px;
	font-weight: 400;
}
.astecwill-blue-box-ttl span.text-space-01 {
	margin-left: -.1em;
}
.astecwill-blue-box-text {
	font-size: 14px;
	color: #182A86;
	line-height: 2;
}

#astecwill .btn-blue a {
    padding: 20px;
    width: auto;
	min-width: 380px;
    display: inline-block;
}

.astecwill-power-box {
	text-align: center;
	font-size: 16px;
}
.astecwill-power-dt {
	position: relative;
	color: #182A86;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px;
}
.astecwill-power-dt::before {
	content: "";
	display: block;
	background-image: url(./common/img/ttl-deco-paint-yellow-small.png);
	background-size: 210px 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 5px;
	z-index: -1;
	width: 100%;
	height: 50px;
	margin: 0 auto;
}

.astecwill-power-dt-main {
	display: block;
	font-size: 24px;
	margin-bottom: 10px;
}

.astecwill-power-dt-sub {
	display: block;
	font-family: 'Noto Serif JP', serif;
	font-size: 16px;
}

.astecwill-power-box .f-small {
	font-size: 14px;
}

.astecwill-power-dl + .astecwill-power-dl {
	margin-top: 40px;
}

#astecwill .pillar-single-box-img-long + .pillar-single-box-img-long {
	margin-top: 80px;
}

#astecwill .pillar-single-box-img-long:last-child {
	margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
	#astecwill .pillar-navi a p {
		padding: 110px 0 55px;
	}
	
	.ttl-astecwill-box {
		margin: 0 auto 32px;
	}
	.ttl-astecwill-box-en {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.ttl-astecwill-box .bg-blue-title {
		background-size: contain;
		width: 100%;
		height: 40px;
		margin: 0 auto 8px;
		font-size: 16px;
	}
	.ttl-astecwill-box-main {
		font-size: 24px;
		margin: 0 0 15px;
	}
	.ttl-astecwill-box-main::before {
		background-size: contain;
		left: 0;
		right: 0;
		top: -40px;
		width: 80vw;
		margin: auto;
	}
	.ttl-astecwill-box-sub {
		font-size: 16px;
	}
	
	.ttl-astecwill-box-01 .ttl-astecwill-box-main::before {
		background-size: contain;
		left: 0;
		right: 0;
		top: -46px;
		width: 72vw;
		margin: 0 auto 16px;
	}
	
	.ttl-astecwill-box-02 .ttl-astecwill-box-main::before {
		top: 0;
	}
	
	#astecwill .single-column {
		padding: 24px 16px 32px;
	}
	
	#astecwill .single-column-inner {
		font-size: 14px;
		line-height: 1.8;
	}
	.astecwill-text-lead {
		font-size: 14px;
	}
	
	.astecwill-blue-box {
		border-radius: 16px;
		padding: 16px 16px 24px;
		margin: 32px auto;
	}
	.astecwill-blue-box-ttl {
		white-space: pre;
		word-wrap: normal;
		line-height: 1.4;
		font-size: 22px;
		margin-bottom: 16px;
	}
	.astecwill-blue-box-text {
		text-align: left;
		font-size: 13px;
	}
	
	#astecwill .btn-blue a {
		padding: 20px;
		width: auto;
		min-width: 0;
		margin: 0 auto;
	}
	
	.astecwill-power-box {
		font-size: 14px;
	}
	.astecwill-power-dt {
		position: relative;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 10px;
	}
	.astecwill-power-dt::before {
		background-size: 210px 100%;
		top: 5px;
		width: 100%;
		height: 50px;
		margin: 0 auto;
	}
	
	.astecwill-power-dt-main {
		font-size: 18px;
		margin-bottom: 8px;
	}
	
	.astecwill-power-dt-sub {
		font-size: 12px;
	}
	
	.astecwill-power-box .f-small {
		font-size: 12px;
	}
	
	.astecwill-power-dl + .astecwill-power-dl {
		margin-top: 32px;
	}
	
	#astecwill .pillar-single-box-img-long + .pillar-single-box-img-long {
		margin-top: 40px;
	}
	
	#astecwill .pillar-single-box-img-long:last-child {
		margin-bottom: 50px;
	}	
}
/* recruit */
.recruit-wrap .interview-box {
	max-width: 1180px;
}

.recruit-wrap .interview-box {
	justify-content: space-between;
}

.recruit-wrap .interview-box .interview-box-list {
	/* margin: 0; */
	margin-bottom: 60px;
}

.recruit-wrap .interview-box .interview-box-list .interview-box-img,
.recruit-wrap .interview-box div:nth-child(3n+2) dl,
.recruit-wrap .interview-box div:nth-child(3n) dl,
.recruit-wrap .interview-box div:nth-child(3n+1) dl {
	top: 0;
	left: 0;
	right: 0;
}

/* .recruit-wrap .interview-box div:last-child dl {
	margin-top: 60px;
} */

.recruit-wrap .interview-box .interview-box-list .interview-box-img span,
.recruit-wrap .interview-box .interview-box-list .interview-box-img p.name {
	color: #333333;
}

.recruit-wrap .interview-box .interview-box-list a {
	text-decoration: none;
	display: inline-block;
}

.recruit-wrap .tx-box-w800 {
	margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
	.page-id-693 header ol li figure {
		height: 1200px;
		overflow: hidden;
	}
}

@media screen and (max-width: 768px) {
	.recruit-wrap .interview-box div:last-child dl {
		margin-top: 0px;
	}
	.page-id-693 #recruit {
		background-color: transparent;
	}
}
.bg-blue-title__meet {
	font-feature-settings: "palt";
}
.pillar-career-box table tbody tr th:not(:first-child){
	color: #fff;
}
.pillar-career-box table tbody tr .bg-orange-title{
	background-color: #ff7700;
}
.pillar-career-box table tbody tr .bg-darkBlue-title{
	background-color: #193f8d;
}
.pillar-career-box table tbody tr .bg-green-title{
	background-color: #368e1e;
}