/* common */
.boxed-layout-header{
	padding-bottom: 0;
}
.main-raised{
	border-radius: 0 !important;
	box-shadow: none !important;
}
.blog-post .section-text{
	padding-bottom: 70px;
}
body{
	background: #fff;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif !important;
}
a, .navbar .dropdown-menu li:hover > a, .navbar .dropdown-menu li:focus > a, .navbar .dropdown-menu li:active > a, .navbar .navbar-nav > li .dropdown-menu li:hover > a, body:not(.home) .navbar-default .navbar-nav > .active:not(.btn) > a, body:not(.home) .navbar-default .navbar-nav > .active:not(.btn) > a:hover, body:not(.home) .navbar-default .navbar-nav > .active:not(.btn) > a:focus, a:hover, .card-blog a.moretag:hover, .card-blog a.more-link:hover, .widget a:hover, .has-text-color.has-accent-color, p.has-text-color a{
	color: #7d7d7d !important;
}
.blog-post{
	background: URL("https://active-co.info/wp/wp-content/uploads/2021/02/body-background.jpg");
}
.navbar .navbar-nav > li a{
	font-size: 14px !important;
}
h3{
	border-bottom: 1px solid #eee;
	font-size: 24px;
	text-shadow: 2px 2px 2px #cecece;
}
h3::before{
	background: url("https://active-co.info/wp/wp-content/uploads/2021/02/before_icon.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 25px;
	margin-right: 5px;
	vertical-align: text-bottom;
	width: 25px;
}
/* Topページ */
.home .main.main-raised .container{
	width: 100%;
}
.box-img_left > div, .box-img_right > div{
	display: flex;
}
/*.box-img_left img, .box-img_right img{
	width: 45%;
}*/
.box-img{
	width: 45%;
}
.box-one, .box-two, .box-three{
	width: 55%;
	padding: 5%;
	background-size: cover !important;
}
.box-one{
	background: url("https://active-co.info/wp/wp-content/uploads/2021/02/top_bg01.jpg") no-repeat;
}
.box-one h2{
	color: #005d95 !important;
	position: relative;
}
.box-two{
	background: url("https://active-co.info/wp/wp-content/uploads/2021/02/top_bg02.jpg") no-repeat;
}
.box-two h2{
	color: #bf743d !important;
	position: relative;
}
.box-three{
	background: url("https://active-co.info/wp/wp-content/uploads/2021/02/top_bg03.jpg") no-repeat;
}
.box-three h2{
	color: #037c82 !important;
	position: relative;
}
.box-one h2, .box-two h2, .box-three h2{
	font-size: 28px;
}
.box-one h2::after, .box-two h2::after, .box-three h2::after{
	content: '';
	position: absolute;
	top: 35%;
	display: inline-block;
	width: 150px;
	height: 1px;
	background-color: black;
	left: 20%;
}
.box-one h2 > span, .box-two h2 > span, .box-three h2 > span{
	font-size: 12px;
	display: block;
}
.box-img_left div > div > a, .box-img_right div > div > a{
	background: #595350;
	color: #fff !important;
	margin-top: 5%;
	padding: 2% 4%;
	border-radius: 16px;
	display: inline-block;
	width: 45%;
	text-align: center;
	margin-left: 55%;
}
.box-img_left div > div > a:hover, .box-img_right div > div > a:hover{
	color: #fff;
}
/* sub-page */
.page-header.header-small .hestia-title{
	font-size: 28px;
}
.page-header.header-small .container{
	padding-top: 210px !important;
	padding-bottom: 130px;
}
/* 業務内容ページ */
.business-flow{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.flow-img{
	margin: 4% 0;
}
ul.business-flow{
	padding: 0;
}
.business-flow li{
	width: 32%;
	padding: 2% 0 !important;
}
.business-flow dt{
	border-bottom: 1px solid #eee;
}
.business-flow dt::before{
	background: url("https://active-co.info/wp/wp-content/uploads/2021/02/works_cont_arrow.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 15px;
	margin-right: 10px;
	vertical-align: baseline;
	width: 15px;
}
.business-flow dd{
	margin-top: 2% !important;
}
.business-flow dd > div > p{
	font-size: 16px;
	margin-top: 2% !important;
}
/* 採用情報ページ */
.recruit-box{
	display: flex;
}
.recruit-box div:first-child{
	width:40%;
}
.recruit-box div:nth-child(2){
	width: 60%;
	padding: 3%;
}

.recruit{
	margin: 5% 0;
}
.recruit dt{
	border-bottom: 1px solid #eee;
}
.recruit dt::before{
	background: url("https://active-co.info/wp/wp-content/uploads/2021/02/works_cont_arrow.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 15px;
	margin-right: 10px;
	vertical-align: baseline;
	width: 15px;
}
.recruit dd{
	margin-top: 2% !important;
}
.recruit ul{
	list-style: inside disc;
}
p.to-contact a{
	text-decoration: underline;
	color: #05a284 !important;
}
/* 会社概要 */
.company-info,.main-client{
	margin: 5% 0;
}
ul.main-client{
	list-style: inside disc;
}
/* お問い合わせ */
.form_wrap{
	border: 1px solid #4d4d4d;
	background: #fff;
	padding: 30px;
}
select{
	-webkit-appearance: normal !important;
	-moz-appearance: normal !important;
	appearance: normal !important;
}
.form_item input,
.form_item select,
.form_item textarea{
	background: transparent !important;
	border: 1px solid #999 !important;
	padding: 7px !important;
}
.form_item p span{
	font-size: 14px;
	margin-left: 10px;
}
.center{
	text-align: center;
}
/* サイトマップ */
ul.sitemap li{
	list-style: inside disc;
}
/*===============================================
 *  media query
===============================================*/
@media screen and (min-width: 1170px){
	.form_wrap{
		margin: 5% 15%;
	}
}
@media screen and (max-width: 1169px) and (min-width: 992px){
	.form_wrap{
		margin: 5% 10%;
	}
}
@media screen and (max-width: 991px) and (min-width: 769px){
	.form_wrap{
		margin: 5%;
	}
}
@media screen and (min-width: 769px){
	.only_sp{
		display: none !important;
	}
}
@media screen and (max-width: 768px){
	.only_pc{
		display: none !important;
	}
	.form_wrap{
		margin: 5% 0;
	}
}
@media screen and (max-width: 640px){
	.box-img_left > div, .box-img_right > div{
		flex-wrap: wrap;
	}
	.box-img, .box-one, .box-two, .box-three{
		width: 100%;
	}
	.box-one h2::after, .box-two h2::after, .box-three h2::after{
		left: 30%;
	}
	.business-flow li{
		width: 49%;
	}
	.recruit-box{
		flex-wrap: wrap;
	}
	.recruit-box div:first-child, .recruit-box div:nth-child(2){
		width: 100%;
	}
	.page-header.header-small .container{
		padding-top: 130px !important;
	}
	.box-img_left div > div > a, .box-img_right div > div > a{
		width: 65%;
		margin-left: 35%;
	}
}
@media screen and (max-width: 480px){
	.box-one h2::after, .box-two h2::after, .box-three h2::after{
		left: 150px;
		width: 100px;
	}
	.business-flow dt{
		font-size: 14px !important;
	}
	.business-flow dt::before{
		margin-right: 4px;
		vertical-align: middle;
	}
	.page-header.header-small .hestia-title{
		font-size: 22px;
	}
	.footer.footer-big{
		padding: 30px !important;
	}
}
p.arrow::before {
  background: url("https://active-co.info/wp/wp-content/uploads/2021/02/works_cont_arrow.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 15px;
  margin-right: 10px;
  vertical-align: baseline;
  width: 15px;
}