@charset "UTF-8";

/*-------------------------------------------------------------------------------------*/
/*↓ここから編集-----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

@media (min-width:1200px){}
@media (max-width:1199px){}
@media (min-width:992px){}
@media (max-width:991px){}
@media (min-width:768px){}
@media (max-width:767px){}

.top-concept {
	padding: 200px 0;
	background: url(../images/common/bg_concept.jpg) no-repeat top right;
}

.top-concept h2 {
	font-weight: bold;
}

.business-block {
	display: flex;
}

.business-block-item {
	width: 50%;
	transition: .3s;
	opacity: 1;
}

.business-block-item:hover {
	opacity: 0.9;
}

.business-block-item:first-child {
	background: url(../images/common/bg_product01.jpg) no-repeat center center;
	background-size: cover;
	border-right: solid 2px #fff;
}

.business-block-item:last-child {
	background: url(../images/common/bg_product02.jpg) no-repeat center center;
	background-size: cover;
}

.business-block-item a {
	color: #fff;
	display: block;
	padding: 100px 50px;
}

.business-block-item a:hover {
	text-decoration: none;
	color: #fff;
}

.heading-custom01 {
	font-size: 32px;
	font-weight: bold;
	position: relative;
	margin-bottom: 40px;
}

.heading-custom01:before {
	content: "";
	display: block;
	width: 60px;
	height: 1px;
	background: #fff;
	position: absolute;
	bottom: -10px;
}

.heading-custom02 {
	font-size: 32px;
	font-weight: bold;
	position: relative;
	margin-bottom: 40px;
}

.heading-custom02:before {
	content: "";
	display: block;
	width: 60px;
	height: 1px;
	background: #148719;
	position: absolute;
	bottom: -10px;
}

.business-block-item .btn-wrap02 {
	text-align: left;
}

.btn-custom01 {
    background: none;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 0 120px 10px 20px;
    border-bottom: solid 2px #fff;
    position: relative;
}

.btn-custom01:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	margin-top: -10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 20px;
	left: inherit;
	-webkit-transition: .2s;
	transition: .2s;
}

.top-company-block {
	display: flex;
	position: relative;
	align-items: center;
}

.top-company-block:after {
	content: "";
	display: block;
	width: 90%;
	height: 100%;
	position: absolute;
	top: 10%;
	left: 0;
	background: #f2f3f2;
	z-index: -1;
}

.top-company-text {
	width: 50%;
}

.top-company-img {
	width: 50%;
}

.top-company-text .wp-block-buttons {
	margin-top: 40px;
}

.top-company-text-inner {
    padding-left: calc(100% - 600px);
}

.text-point {
	font-size: 20px;
	font-weight: bold;
	color: #148719;
	padding: 0 2px;
}

.is-style-table01.company table td:nth-child(1) {
    background: #edeff1;
    color: #333;
}

.sub-costom-header h2 {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

.sub-costom-header h2 span {
	font-size: 50px;
	font-weight: bold;
}

.grecaptcha-badge {
	bottom: 100px !important;
}


@media (max-width:1199px){
	.top-company-text-inner {
		margin-left: 5%;
		padding-right: 5%;
	}
}

@media (max-width:991px){
	.top-concept {
		padding: 130px 10px;
	}

	.top-concept h2 {
		font-size: 32px;
	}

	.business-block {
		display: block;
	}

	.business-block-item {
		width: 100%;
		border: none;
	}
	.business-block-item:first-child {
		border-right: none;
	}
}

@media (max-width:767px){
	.top-concept h2 {
		font-size: 18px;
	}

	.business-block-item a {
		padding: 50px 30px;
	}

	.heading-custom01,
	.heading-custom02 {
		font-size: 20px;
		margin-bottom: 30px;
	}

	.business-block-item .btn-wrap02 {
		margin-top: 30px;
    	text-align: center;
	}

	.top-company-block {
		display: block;
	}

	.top-company-text {
		width: 100%;
	}

	.top-company-img {
		margin-top: 20px;
		width: 100%;
	}

	.top-concept {
		background-size: cover;
		background-position: center center;
	}
	
	.top-company-block:after {
		width: 110%;
		left: -10px;
	}

	.business-block {
		margin: 0 calc(50% - 50vw);
	}

	.sub-costom-header h2 {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}

	.sub-costom-header h2 span {
		font-size: 24px;
		font-weight: bold;
	}
}