@charset "UTF-8";
/* CSS Document */
/* phpページCSS */

/*事業内容 一覧*/
/*PC*/
@media only screen and (min-width: 769px) {
	/*キービジュアル*/
	#page-key {
		z-index: 1;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.bus-key::before {
		z-index: 1;
		content: "";
		display: none;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
		background-image: url(/wp-content/uploads/2022/12/news-key-pc.png);
		background-size: 100% 100%;
	}
	
	#page-key img {
		display: block;
		position: relative;
		width: 100%;
		height: 350px;
		object-fit: cover;
		object-position: center;
	}
	
	.page-key-text {
		z-index: 3;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
	}
	
	.page-key-text h1 {
		margin-bottom: 20px;
		font-size: 50px;
		font-weight: 500;
		font-family: 'Montserrat', 'sans-serif';
		letter-spacing: 6px;
		line-height: 50px;
		text-align: center;
		color: #333333;
	}
	
	.page-key-text h1 strong {
		display: block;
		font-weight: 500;
	}
	
	.page-key-text h1 font {
		color: #F18405;
	}
	
	.page-key-text h1 span {
		padding: 5px 18px;
		font-size: 26px;
		font-weight: 500;
		letter-spacing: 3px;
		line-height: 26px;
		color: #fff;
		background: -moz-linear-gradient(left, #F18405, #FBC16A);
		background: -webkit-linear-gradient(left, #F18405, #FBC16A);
		background: linear-gradient(to right, #F18405, #FBC16A);
		border-radius: 12px;
	}
	
	.page-key-text h1 p {
		margin-top: 25px;
		font-size: 26px;
		font-weight: 600;
		letter-spacing: 2px;
		line-height: 26px;
		color: #333;
		text-align: center;
	}
	
	/*事業内容一覧*/
	/*コンテンツ*/
	#bus00 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 100px 0;
		margin: 0 auto;
	}
	
	.bus00-back-img {
		z-index: -1;
		position: absolute;
		bottom: 240px;
		right: 0;
		width: 320px;
		height: auto;
		object-fit: cover;
	}
	
	.bus00-p {
		margin: 0 auto 80px auto;
		font-size: 36px;
		letter-spacing: 2px;
		line-height: 36px;
		text-align: center;
	}
	
	#bus00 .con {
		width: 1300px;
	}
	
	.bus00-ptn {
		z-index: 1;
		width: 350px;
		height: 250px;
		padding: 0 0 0 0;
		border-radius: 10px;
		overflow: hidden;
	}
	
	.bus00-ptn::after {
		z-index: -1;
		position: relative;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		-moz-transition: -moz-transform 0.2s linear;
		-webkit-transition: -webkit-transform 0.2s linear;
		-o-transition: -o-transform 0.2s linear;
		-ms-transition: -ms-transform 0.2s linear;
		transition: transform 0.2s linear;
	}
		
	.bus00-ptn:hover::after {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}
	
	/*位置・背景設定*/
	.bus00-01 {
		display: block;
		position: relative;
		width: 350px;
		height: 550px;
	}
	
	.bus00-01 div.bus00-img::after {
		background-image: url(/wp-content/uploads/2023/07/business_pc1.jpg);
	}
	
	.bus00-02 {
		display: block;
		position: absolute;
		top: 0;
		left: 475px;
		width: 350px;
		height: 550px;
	}
	
	.bus00-02 div.bus00-img::after {
		background-image: url(/wp-content/uploads/2023/07/business_pc2.jpg);
	}
	
	.bus00-03 {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 350px;
		height: 550px;
	}
	
	.bus00-03 div.bus00-img::after {
		background-image: url(/wp-content/uploads/2023/07/business_pc3.jpg);
	}
	
	.bus00-04 {
		display: block;
		position: relative;
		width: 350px;
		height: 480px;
		margin: 0 auto 0 237.5px;
	}
	
	.bus00-04 div.bus00-img::after {
		background-image: url(/wp-content/uploads/2023/07/business_pc4.jpg);
	}
	
	.bus00-05 {
		display: block;
		position: absolute;
		bottom: 0;
		right: 237.5px;
		width: 350px;
		height: 480px;
	}
	
	.bus00-05 div.bus00-img::after {
		background-image: url(/wp-content/uploads/2023/07/business_pc5.jpg);
	}
	
	.bus00-text {
		position: absolute;
		top: 268px;
		left: 0;
		width: 350px;
		height: auto;
	}
	
	.bus00-text h2 {
		position: relative;
		font-size: 30px;
		letter-spacing: 1px;
		line-height: 30px;
		text-align: left;
		color: #333333;
	}
	
	.bus00-text h3 {
		margin: 18px 0 10px 0;
		font-size: 25px;
		letter-spacing: 1px;
		line-height: 25px;
		text-align: left;
		color: #F18405;
	}
	
	.bus00-text p {
		width: 330px;
		margin: 0 auto 0 0;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 26px;
		text-align: left;
		color: #333333;
	}
	
}
	
/*SP*/
@media only screen and (max-width: 768px) {
	/*キービジュアル*/
	#page-key {
		z-index: 1;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.bus-key::before {
		z-index: 1;
		content: "";
		display: none;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
		background-image: url(/wp-content/uploads/2022/12/news-key-sp.png);
		background-size: 100% 100%;
	}
	
	#page-key img {
		display: block;
		position: relative;
		width: 100%;
		height: 190px;
		object-fit: cover;
		object-position: center;
	}
	
	.page-key-text {
		z-index: 3;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
	}
	
	.page-key-text h1 {
		margin-bottom: 6px;
		font-size: 30px;
		font-weight: 500;
		font-family: 'Montserrat', 'sans-serif';
		letter-spacing: 3px;
		line-height: 30px;
		text-align: center;
		color: #333333;
	}
	
	.page-key-text h1 strong {
		display: block;
		font-weight: 500;
	}
	
	.page-key-text h1 font {
		color: #F18405;
	}
	
	.page-key-text h1 span {
		padding: 3px 8px;
		font-size: 15px;
		font-weight: 500;
		letter-spacing: 1px;
		line-height: 15px;
		color: #fff;
		background: -moz-linear-gradient(left, #F18405, #FBC16A);
		background: -webkit-linear-gradient(left, #F18405, #FBC16A);
		background: linear-gradient(to right, #F18405, #FBC16A);
		border-radius: 5px;
	}
	
	.page-key-text h1 p {
		margin-top: 12px;
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 1px;
		line-height: 15px;
		color: #333;
		text-align: center;
	}
	
	/*事業内容一覧*/
	#bus00 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 50px 0 50px 0;
		margin: 0 auto;
	}
	
	.bus00-back-img {
		z-index: -1;
		position: absolute;
		top: 10px;
		right: 0;
		width: 160px;
		height: auto;
		object-fit: cover;
	}
	
	.bus00-p {
		margin: 0 auto 30px auto;
		font-size: 20px;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: center;
	}
	
	#bus00 .con {
		width: 300px;
	}
	
	.bus00-ptn {
		z-index: 1;
		width: 300px;
		height: 210px;
		padding: 0 0 0 0;
		border-radius: 5px;
		overflow: hidden;
	}
	
	.bus00-ptn::after {
		z-index: -1;
		position: relative;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	
	/*位置・背景設定*/
	.bus00-01 {
		display: block;
		position: relative;
		width: 300px;
		height: auto;
		margin-bottom: 175px;
	}
	
	.bus00-01 div.bus00-img::after {
		background-image: url(/wp-content/uploads/2023/07/business_smp1.jpg);
	}
	
	.bus00-02 {
		display: block;
		position: relative;
		width: 300px;
		height: auto;
		margin-bottom: 175px;
	}
	
	.bus00-02 div.bus00-img::after {
		background-image: url(/wp-content/uploads/2023/07/business_smp2.jpg);
	}
	
	.bus00-03 {
		display: block;
		position: relative;
		width: 300px;
		height: auto;
		margin-bottom: 155px;
	}
	
	.bus00-03 div.bus00-img::after {
		background-image: url(/wp-content/uploads/2023/07/business_smp3.jpg);
	}
	
	.bus00-04 {
		display: block;
		position: relative;
		width: 300px;
		height: auto;
		margin-bottom: 155px;
	}
	
	.bus00-04 div.bus00-img::after {
		background-image: url(/wp-content/uploads/2023/07/business_smp4.jpg);
	}
	
	.bus00-05 {
		display: block;
		position: relative;
		width: 300px;
		height: auto;
		margin-bottom: 155px;
	}
	
	.bus00-05 div.bus00-img::after {
		background-image: url(/wp-content/uploads/2023/07/business_smp5.jpg);
	}
	
	.bus00-text {
		position: absolute;
		top: 225px;
		left: 0;
		width: 300px;
		height: auto;
	}
	
	.bus00-text h2 {
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: left;
		color: #333;
	}
	
	.bus00-text h3 {
		margin: 15px 0 8px 0;
		font-size: 15px;
		letter-spacing: 1px;
		line-height: 15px;
		text-align: left;
		color: #F18405;
	}
	
	.bus00-text p {
		font-size: 13px;
		letter-spacing: 0.5px;
		line-height: 18px;
		text-align: left;
		color: #333;
	}
	
}

/*事業内容 個別*/
/*PC*/
@media only screen and (min-width: 769px) {
	#bus {
		position: relative;
		width: 100%;
		height: auto;
		padding: 100px 0;
		margin: 0 auto;
	}
	
	.bus-ptn01 {
		position: relative;
		width: 80%;
		min-width: 1000px;
		margin: 0 auto 80px auto;
	}
	
	.bus-ptn01 img {
		display: block;
		position: relative;
		width: 50%;
		height: auto;
		margin: 0 0 0 auto;
		border-radius: 10px;
		object-fit: cover;
	}
	
	.bus-ptn01 .bus-text {
		position: absolute;
		top: 50%;
		left: 5%;
		transform: translate(0, -50%);
		width: 42%;
	}
	
	.bus-text h2 {
		margin: 0 0 30px 0;
		font-size: 30px;
		letter-spacing: 1px;
		line-height: 30px;
		text-align: left;
		color: #F18405;
	}
	
	.bus-text p {
		line-height: 28px;
	}
	
	.bus-ptn02 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 60px 0 100px 0;
		margin: 0 auto;
	}
	
	.bus-back {
		z-index: -1;
		position: absolute;
		top: -50px;
		left: 0;
		width: 260px;
		height: auto;
		object-fit: cover;
	}
	
	.bus-con {
		position: relative;
		width: 1100px;
		height: auto;
		margin: 0 auto;
	}
	
	.bus-con h2 {
		margin: 0 0 50px 0;
		font-size: 30px;
		letter-spacing: 1px;
		line-height: 30px;
		text-align: center;
		color: #F18405;
	}
	
	.bus-con img {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 20px auto;
		border-radius: 10px;
	}
	
	.bus-con p {
		font-size: 16px;
		line-height: 28px;
	}
	
	.bus-con00 {
		position: relative;
		width: 1000px;
		height: auto;
		margin: 50px auto 0 auto;
	}
	
	.bus-con01 {
		position: relative;
		width: 300px;
		height: auto;
		margin: 0 auto 0 0;
	}
	
	.bus-con02 {
		position: absolute;
		top: 0;
		left: 350px;
		width: 300px;
		height: auto;
	}
	
	.bus-con03 {
		position: absolute;
		top: 0;
		right: 0;
		width: 300px;
		height: auto;
	}
	
	.bus-con00 h3 {
		z-index: 1;
		position: relative;
		padding: 12px 0;
		margin: 0 0 25px 0;
		font-size: 20px;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: center;
		color: #fff;
		background: -moz-linear-gradient(left, #F18405, #FBC16A);
		background: -webkit-linear-gradient(left, #F18405, #FBC16A);
		background: linear-gradient(to right, #F18405, #FBC16A);
		border-radius: 10px;
	}
	
	.bus-con00 img {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		border-radius: 10px;
	}
	
	.bus-ptn03 {
		position: relative;
		width: 1100px;
		height: auto;
		margin: 0 auto;
	}
	
	.bus-h2 {
		z-index: 1;
		position: relative;
		padding-bottom: 20px;
		margin: 0 0 35px 0;
		font-size: 20px;
		font-weight: 500;
		letter-spacing: 2px;
		line-height: 20px;
		color: #F18405;
		text-align: left;
	}
	
	.bus-h2 font {
		display: block;
		margin-bottom: 6px;
		font-size: 40px;
		font-weight: 500;
		font-family: 'Montserrat', 'sans-serif';
		letter-spacing: 6px;
		line-height: 40px;
		color: #333;
	}
	
	.bus-h2::before {
		content: "";
		z-index: -1;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 5px;
		background-image: url(http://baba.face-eachother.site/wp-content/uploads/2022/12/dashed-pc.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.bus-ptn03 h3 {
		margin: 0 0 15px 0;
		font-size: 20px;
		font-weight: 500;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: left;
	}
	
	.bus-ptn03 h3 font {
		display: block;
		margin-bottom: 6px;
		font-size: 26px;
		font-weight: 500;
		font-family: 'Montserrat', 'sans-serif';
		letter-spacing: 1px;
		line-height: 26px;
		text-align: left;
		color: #F18405;
	}
	
	.bus-04 {
		position: relative;
		width: 980px;
		height: auto;
		margin: 0 auto;
	}
	
	.bus-04 img {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		border-radius: 10px;
	}
	
	.bus-04-1 {
		position: relative;
		width: 460px;
		height: auto;
		margin: 0 60px 30px 0;
		float: left;
	}
	
	.bus-04-2 {
		position: relative;
		width: 460px;
		height: auto;
		margin: 0 0 30px 0;
		float: left;
	}
	
	/*施工実績ループ*/
	.bus-ptn04 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 100px 0 80px 0;
	}
	
	.bus-h2-2 {
		text-align: center!important;
		padding-bottom: 0!important;
		margin-bottom: 30px!important;
	}
	
	.bus-h2-2::before {
		content: "";
		display: none;
	}
	
	.bus-loop-con {
		position: relative;
		width: 990px;
		height: auto;
		margin: 30px auto 0 auto;
	}
	
	/*ループ設定*/
	.bus-loop {
		display: block;
		position: relative;
		width: 300px;
		height: auto;
		margin: 0 15px 0 15px;
		float: left;
	}
	
	.bus-loop-img {
		z-index: 2;
		width: 300px;
		height: 200px;
		padding: 0 0 0 0;
		border-radius: 10px;
		overflow: hidden;
	}
		
	.bus-loop-img img {
		position: relative;
		width: 100%;
		height: 100%;
		object-fit: cover;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		transition: transform 0.2s linear;
	}
		
	.bus-loop:hover .bus-loop-img img {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}
	
	.bus-loop-title {
		position: absolute;
		top: 210px;
		left: 0;
		font-size: 18px;
		font-weight: 600;
		letter-spacing: 1px;
		line-height: 26px;
		color: #333;
		text-align: left;
	}
	
	.bus-category {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		width: 150px;
		padding: 8px 0;
		font-size: 15px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 15px;
		text-align: center;
		color: #fff;
		background: #F18405;
		border-radius: 10px;
	}
	
}
	
/*SP*/
@media only screen and (max-width: 768px) {
	#bus {
		position: relative;
		width: 100%;
		height: auto;
		padding: 50px 0 50px 0;
		margin: 0 auto;
	}
	
	.bus-ptn01 {
		position: relative;
		width: 90%;
		margin: 0 auto 30px auto;
	}
	
	.bus-ptn01 .bus-text {
		position: relative;
		width: 100%;
	}
	
	.bus-ptn01 img {
		display: block;
		position: absolute;
		top: 50px;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, 0);
		width: 300px;
		height: auto;
		object-fit: cover;
	}
	
	.bus-text h2 {
		font-size: 20px;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: center;
		color: #F18405;
		margin: 0 0 235px 0;
	}
	
	.bus-text p {
		line-height: 20px;
	}
	
	.bus-ptn02 {
		z-index: 1;
		position: relative;
		width: 100%;
		height: auto;
		padding: 20px 0 40px 0;
		margin: 0 auto;
	}
	
	.bus-back {
		z-index: -1;
		position: absolute;
		top: -20px;
		left: 0;
		width: 110px;
		height: auto;
		object-fit: cover;
	}
	
	.bus-con {
		z-index: 2;
		position: relative;
		width: 340px;
		height: auto;
		margin: 0 auto;
	}
	
	.bus-con h2 {
		margin: 0 0 15px 0;
		font-size: 15px;
		letter-spacing: 0.5px;
		line-height: 22px;
		text-align: center;
		color: #F18405;
	}
	
	.bus-con img {
		display: block;
		position: relative;
		width: 340px;
		height: auto;
		margin: 0 auto 15px auto;
		border-radius: 5px;
	}
	
	.bus-con p {
		font-size: 13px;
		line-height: 20px;
	}
	
	.bus-con00 {
		position: relative;
		width: 340px;
		height: auto;
		margin: 30px auto 0 auto;
	}
	
	.bus-con01 {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 30px auto;
	}
	
	.bus-con02 {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 30px auto;
	}
	
	.bus-con03 {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	.bus-con00 h3 {
		z-index: 1;
		position: relative;
		padding: 5px 0;
		margin: 0 0 12px 0;
		font-size: 15px;
		letter-spacing: 1px;
		line-height: 15px;
		text-align: center;
		color: #fff;
		background: -moz-linear-gradient(left, #F18405, #FBC16A);
		background: -webkit-linear-gradient(left, #F18405, #FBC16A);
		background: linear-gradient(to right, #F18405, #FBC16A);
		border-radius: 5px;
	}
	
	.bus-con00 img {
		display: block;
		position: relative;
		width: 250px;
		height: auto;
		margin: 0 auto;
		border-radius: 5px;
	}
	
	.bus-ptn03 {
		position: relative;
		width: 340px;
		height: auto;
		margin: 0 auto;
	}
	
	.bus-h2 {
		z-index: 1;
		position: relative;
		padding-bottom: 10px;
		margin: 0 0 25px 0;
		font-size: 13px;
		font-weight: 500;
		letter-spacing: 1px;
		line-height: 13px;
		color: #F18405;
		text-align: left;
	}
	
	.bus-h2 font {
		display: block;
		margin-bottom: 4px;
		font-size: 24px;
		font-weight: 500;
		font-family: 'Montserrat', 'sans-serif';
		letter-spacing: 3px;
		line-height: 24px;
		color: #333;
	}
	
	.bus-h2::before {
		content: "";
		z-index: -1;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 3px;
		background-image: url(/wp-content/uploads/2022/12/dashed-sp.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.bus-ptn03 h3 {
		margin: 0 0 8px 0;
		font-size: 13px;
		font-weight: 500;
		letter-spacing: 1px;
		line-height: 13px;
		text-align: left;
		white-space: nowrap;
	}
	
	.bus-ptn03 h3 font {
		display: block;
		margin-bottom: 5px;
		font-size: 17px;
		font-weight: 500;
		font-family: 'Montserrat', 'sans-serif';
		letter-spacing: 1px;
		line-height: 17px;
		text-align: left;
		color: #F18405;
	}
	
	.bus-04 {
		position: relative;
		width: 235px;
		height: auto;
		margin: 0 auto;
	}
	
	.bus-04 img {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		border-radius: 5px;
	}
	
	.bus-04-1 {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 20px auto;
	}
	
	.bus-04-2 {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 20px auto;
	}
	
	/*施工実績ループ*/
	.bus-ptn04 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 30px 0 40px 0;
	}
	
	.bus-h2-2 {
		text-align: center!important;
		padding-bottom: 0!important;
		margin-bottom: 30px!important;
	}
	
	.bus-h2-2::before {
		content: "";
		display: none;
	}
	
	.bus-loop-con {
		position: relative;
		width: 340px;
		height: auto;
		margin: 30px auto 0 auto;
	}
	
	/*ループ設定*/
	.bus-loop {
		display: block;
		position: relative;
		width: 150px;
		height: auto;
		margin: 0 10px 70px 10px;
		float: left;
	}
	
	.bus-loop-img {
		z-index: 2;
		width: 150px;
		height: 100px;
		padding: 0 0 0 0;
		border-radius: 5px;
		overflow: hidden;
	}
		
	.bus-loop-img img {
		position: relative;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
		
	.bus-loop-title {
		position: absolute;
		top: 105px;
		left: 0;
		font-size: 13px;
		font-weight: 600;
		letter-spacing: 1px;
		line-height: 18px;
		color: #333;
		text-align: left;
	}
	
	.bus-category {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		width: 105px;
		padding: 3px 0;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 0.3px;
		line-height: 12px;
		text-align: center;
		color: #fff;
		background: #F18405;
		border-radius: 5px;
	}
	
}