@charset "UTF-8";
/*
	* Bootstrap 単独ページに掛かる関するカスタムCSS

	@media screen and (max-width: 1499.98px) {}
	@media (max-width: 991.98px) {}
	@media print {}
	@media screen and (max-width: 767px) {}
 
	xxl-1500over(min-1500)
	xl-1500(max-1499) 左右余白15pxを含む（1470）
	lg-992(max-991)
	md-768(max-767)
	sm-576(max-575)
 
	-------------------

*/

	.cus-mv{
		position: relative;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 50px 15px 60px;
		width: 100%;
		max-width: 1670px;
	}
	.cus-mv .mv-carousel{
		display: flex !important;
		justify-content: flex-end !important;
		width: 100%;
	}

	.cus-mv .mv-text{
		position: absolute;
		top: 240px;
		left: 50%;
		margin-left: -820px;
		text-shadow: 
			#fefdf4 2px 0px,  #fefdf4 -2px 0px,
			#fefdf4 0px -2px, #fefdf4 0px 2px,
			#fefdf4 2px 2px , #fefdf4 -2px 2px,
			#fefdf4 2px -2px, #fefdf4 -2px -2px,
			#fefdf4 1px 2px,  #fefdf4 -1px 2px,
			#fefdf4 1px -2px, #fefdf4 -1px -2px,
			#fefdf4 2px 1px,  #fefdf4 -2px 1px,
			#fefdf4 2px -1px, #fefdf4 -2px -1px;
		z-index: 6;
	}
	.cus-mv .mv-text .main{
		margin-bottom: 20px;
		font-size: 80px;
	}
	.cus-mv .mv-text .sub{
		position: relative;
		display: inline-block;
		margin-bottom: 40px;
		font-family: "Tangerine", cursive;
		font-weight: 700;
		font-style: normal;
		font-size: 60px;
		color: #1a6745;
		line-height: 1.4;
	}
	.cus-mv .mv-text .sub::before{
		content: '';
		position: absolute;
		bottom: 0px;
		left: 0px;
		background-color: #1a6745;
		width: 100%;
		height: 2px;
	}
	.cus-mv .mv-text .text{
		margin: 0;
		font-size: 24px;
	}

	.cus-mv .mv-carousel{
		display: flex !important;
		justify-content: flex-end !important;
	}

	.cus-mv .mv-illust01{
		position: absolute;
		top: 80px;
		left: 50%;
		margin-left: -780px;
		z-index: 3;
	}
	.cus-mv .mv-illust02{
		position: absolute;
		top: 580px;
		left: 50%;
		margin-left: -570px;
		z-index: 3;
	}
	.cus-mv .mv-illust03{
		position: absolute;
		top: 80px;
		right: 50%;
		margin-right: -820px;
		z-index: 3;
	}
	.cus-mv .mv-illust04{
		position: absolute;
		top: 700px;
		right: 50%;
		margin-right: -820px;
		z-index: 3;
	}

	.js-char-reveal .char{
		display: inline-block;
		opacity: 0;
		-webkit-clip-path:
			inset(-40px calc(100% + 40px) -40px -40px);
		clip-path:
			inset(-40px calc(100% + 40px) -40px -40px);
		transform: translateX(-12px);
		will-change: opacity, clip-path, transform;
	}
	.js-char-reveal.is-reveal .char{
		animation:
			char-reveal
			0.9s
			cubic-bezier(0.22, 1, 0.36, 1)
			forwards;
	}
	@keyframes char-reveal {
		0% {
			opacity: 0;
			-webkit-clip-path:
				inset(-40px calc(100% + 40px) -40px -40px);
			clip-path:
				inset(-40px calc(100% + 40px) -40px -40px);
			transform: translateX(-12px);
		}
		100% {
			opacity: 1;
			-webkit-clip-path: inset(-40px);
			clip-path: inset(-40px);
			transform: translateX(0);
		}
	}
	@media (prefers-reduced-motion: reduce) {
		.js-char-reveal .char {
			opacity: 1;
			-webkit-clip-path: none;
			clip-path: none;
			transform: none;
			animation: none !important;
		}
	}

/* Bootstrapスライドに関わるCSS */
	#myCarousel{
		flex: 0 0 939px;
		width: 939px;
		max-width: 100%;
	}
	#myCarousel .carousel-inner,
	#myCarousel .carousel-item{
		width: 100%;
	}
	.cus-mv-slide-normal{
		overflow: hidden;
		position: relative;
		margin: 0;
		width: 100%;
		height: 747px;/* 747 */
	}
	.cus-mv-slide-normal img{
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.carousel-indicators button {/* ドット（インジケーター）を下で表示したい場合こちら */
		position: relative;
		width: 10px !important;
		height: 10px !important;
		border-radius: 50%;
		margin-left: 12px !important;
		margin-right: 12px !important;
		background-color: #fff;
		border: none;
		opacity: 0.5;
	}
	.carousel-indicators .active::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 18px;
		height: 18px;
		background-color: #fff;
		opacity: 0.5;
		border-radius: 50%;
		z-index: -1;
	}

	.carousel-indicators {/* ドット（インジケーター）を右端に縦で表示したい場合こちら */
		right: 30px;
		left: auto;
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
		flex-direction: column; 
		margin: 0;
		width: auto;
	}
	.carousel-indicators button {
		position: relative;
		width: 10px !important;
		height: 10px !important;
		border-radius: 50%;
		background-color: #fff;
		border: none;
		margin: 0 !important;
		opacity: 0.5;
	}
	.carousel-indicators .active::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 18px;
		height: 18px;
		background-color: #fff;
		opacity: 0.5;
		border-radius: 50%;
		z-index: -1;
	}

	.carousel-control-prev,
	.carousel-control-next {/* 左右の矢印ボタンを画像の上に重ねて中央に配置 */
		width: 5%;    /* ボタンの反応範囲 */
		z-index: 10;
	}
	@media screen and (max-width: 1669.98px) {
		.cus-mv{
			padding: 40px 15px 50px;
			width: 100%;
			max-width: 1670px;
		}
		.cus-mv .mv-text{
			top: 150px;
			left: 2%;
			margin-left: 0px;
		}
		.cus-mv .mv-text .main{
			margin-bottom: 20px;
			font-size: 5vw;
		}
		.cus-mv .mv-text .sub{
			margin-bottom: 40px;
			font-size: 3.6vw;
		}
		.cus-mv .mv-text .text{
			font-size: 1.6vw;
		}
	
		.cus-mv .mv-illust01{
			top: 40px;
			left: 2%;
			margin-left: 0px;
		}
		.cus-mv .mv-illust01 img{
			width: 250px;/* 313 80 */
		}
		.cus-mv .mv-illust02{
			top: 440px;
			left: 2%;
			margin-left: 0px;
		}
		.cus-mv .mv-illust02 img{
			width: 312px;/* 390 80 */
		}
		.cus-mv .mv-illust03{
			top: 40px;
			right: 2%;
			margin-right: 0px;
		}
		.cus-mv .mv-illust03 img{
			width: 187px;/* 234 80 */
		}
		.cus-mv .mv-illust04{
			top: 520px;
			right: 2%;
			margin-right: 0px;
		}
		.cus-mv .mv-illust04 img{
			width: 93px;/* 116 80 */
		}

		#myCarousel{/* 939 80 */
			flex: 0 0 751px;
			width: 751px;
			max-width: 100%;
		}
		.cus-mv-slide-normal{
			width: 100%;
			height: 598px;/* 747 80 */
		}
	}
	@media (max-width: 991.98px) {
		.cus-mv{
			padding: 30px 15px 40px;
			width: 100%;
			max-width: 1670px;
		}
		.cus-mv .mv-text{
			top: 150px;
			left: 2%;
			margin-left: 0px;
		}
		.cus-mv .mv-text .main{
			margin-bottom: 16px;
			font-size: 38px;
		}
		.cus-mv .mv-text .sub{
			margin-bottom: 30px;
			font-size: 32px;
		}
		.cus-mv .mv-text .text{
			font-size: 18px;
		}
	
		.cus-mv .mv-illust01{
			top: 40px;
			left: 2%;
			margin-left: 0px;
		}
		.cus-mv .mv-illust01 img{
			width: 203px;/* 313 65 */
		}
		.cus-mv .mv-illust02{
			top: 360px;
			left: 2%;
			margin-left: 0px;
		}
		.cus-mv .mv-illust02 img{
			width: 254px;/* 390 65 */
		}
		.cus-mv .mv-illust03{
			top: 40px;
			right: 2%;
			margin-right: 0px;
		}
		.cus-mv .mv-illust03 img{
			width: 152px;/* 234 65 */
		}
		.cus-mv .mv-illust04{
			top: 440px;
			right: 2%;
			margin-right: 0px;
		}
		.cus-mv .mv-illust04 img{
			width: 75px;/* 116 65 */
		}

		#myCarousel{/* 939 65 */
			flex: 0 0 610px;
			width: 610px;
			max-width: 100%;
		}
		.cus-mv-slide-normal{
			width: 100%;
			height: 486px;/* 747 65 */
		}
	}
	@media print {
		.cus-mv{
			padding: 30px 15px 40px;
			width: 100%;
			max-width: 1670px;
		}
		.cus-mv .mv-text{
			top: 120px;
			left: 2%;
			margin-left: 0px;
		}
		.cus-mv .mv-text .main{
			margin-bottom: 14px;
			font-size: 30px;
		}
		.cus-mv .mv-text .sub{
			margin-bottom: 24px;
			font-size: 26px;
		}
		.cus-mv .mv-text .text{
			font-size: 16px;
		}
	
		.cus-mv .mv-illust01{
			top: 40px;
			left: 2%;
			margin-left: 0px;
		}
		.cus-mv .mv-illust01 img{
			width: 172px;/* 313 55 */
		}
		.cus-mv .mv-illust02{
			top: 360px;
			left: 2%;
			margin-left: 0px;
		}
		.cus-mv .mv-illust02 img{
			width: 215px;/* 390 55 */
		}
		.cus-mv .mv-illust03{
			top: 40px;
			right: 2%;
			margin-right: 0px;
		}
		.cus-mv .mv-illust03 img{
			width: 129px;/* 234 55 */
		}
		.cus-mv .mv-illust04{
			top: 440px;
			right: 2%;
			margin-right: 0px;
		}
		.cus-mv .mv-illust04 img{
			width: 64px;/* 116 55 */
		}

		#myCarousel{/* 939 60 */
			flex: 0 0 563px;
			width: 563px;
			max-width: 100%;
		}
		.cus-mv-slide-normal{
			width: 100%;
			height: 448px;/* 747 60 */
		}
	}
	@media screen and (max-width: 767px) {
		.cus-mv{
			padding: 20px 15px 30px;
			width: 100%;
			max-width: 1670px;
		}
		.cus-mv .mv-text{
			top: 120px;
			left: 2%;
			margin-left: 0px;
		}
		.cus-mv .mv-text .main{
			margin-bottom: 14px;
			font-size: 26px;
		}
		.cus-mv .mv-text .sub{
			margin-bottom: 24px;
			font-size: 26px;
		}
		.cus-mv .mv-text .text{
			font-size: 16px;
		}
	
		.cus-mv .mv-illust01{
			top: 40px;
			left: 2%;
			margin-left: 0px;
		}
		.cus-mv .mv-illust01 img{
			width: 141px;/* 313 45 */
		}
		.cus-mv .mv-illust02{
			top: 300px;
			left: 2%;
			margin-left: 0px;
		}
		.cus-mv .mv-illust02 img{
			width: 176px;/* 390 45 */
		}
		.cus-mv .mv-illust03{
			top: 40px;
			right: 2%;
			margin-right: 0px;
		}
		.cus-mv .mv-illust03 img{
			width: 105px;/* 234 45 */
		}
		.cus-mv .mv-illust04{
			top: 340px;
			right: 2%;
			margin-right: 0px;
		}
		.cus-mv .mv-illust04 img{
			width: 52px;/* 116 45 */
		}

		#myCarousel{/* 939 50 */
			flex: 0 0 470px;
			width: 470px;
			max-width: 100%;
		}
		.cus-mv-slide-normal{
			width: 100%;
			height: 374px;/* 747 50 */
		}
	}
	@media screen and (max-width: 575px) {
		.cus-mv .mv-text{
			top: 80px;
			left: 2%;
			margin-left: 0px;
		}

		.cus-mv .mv-illust01{
			top: 20px;
			left: 2%;
			margin-left: 0px;
		}
		.cus-mv .mv-illust01 img{
			width: 110px;/* 313 35 */
		}
		.cus-mv .mv-illust02{
			top: 180px;
			left: 2%;
			margin-left: 0px;
		}
		.cus-mv .mv-illust02 img{
			width: 137px;/* 390 35 */
		}
		.cus-mv .mv-illust03{
			top: 20px;
			right: 2%;
			margin-right: 0px;
		}
		.cus-mv .mv-illust03 img{
			width: 82px;/* 234 35 */
		}
		.cus-mv .mv-illust04{
			top: 250px;
			right: 2%;
			margin-right: 0px;
		}
		.cus-mv .mv-illust04 img{
			width: 41px;/* 116 35 */
		}

		#myCarousel{/* 939 32 */
			flex: 0 0 300px;
			width: 300px;
			max-width: 100%;
		}
		.cus-mv-slide-normal{
			width: 100%;
			height: 239px;/* 747 32 */
		}
	}

/* area01 */
	.cus-home-area01-con01{
		display: flex;
		flex-direction: row-reverse;
		align-items: stretch;
	}
	.cus-home-area01-con01 .con01-text{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		flex-shrink: 0;
		background-image: url("../img/home/area01-img01.png");
		background-size: 312px 436px;
		background-position: right bottom;
		background-repeat: no-repeat;
		padding-left: 30px;
		width: 50%;
	}
	.cus-home-area01-con01 .con01-photo{
		display: flex;
		align-items: stretch;
		flex: 1;
		padding-right: 50px;
		min-width: 1px;
		margin-left: -110px;
	}
	.cus-home-area01-con01 .con01-photo .img{
		overflow: hidden;
		border-radius: 40px;
		margin: 0;
		width: 100%;
		height: 480px;
	}
	.cus-home-area01-con01 .con01-photo .img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.cus-home-area01-con02{
		display: flex;
		align-items: stretch;
	}
	.cus-home-area01-con02 .con02-text{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		flex-shrink: 0;
		background-image: url("../img/home/area01-img02.png");
		background-size: 442px 404px;
		background-position: right bottom;
		background-repeat: no-repeat;
		padding-right: 30px;
		width: 50%;
	}
	.cus-home-area01-con02 .con02-photo{
		display: flex;
		align-items: stretch;
		flex: 1;
		padding-left: 50px;
		min-width: 1px;
		margin-right: -110px;
	}
	.cus-home-area01-con02 .con02-photo .img{
		overflow: hidden;
		border-radius: 40px;
		margin: 0;
		width: 100%;
		height: 480px;
	}
	.cus-home-area01-con02 .con02-photo .img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	@media screen and (max-width: 1679.98px) {
		.cus-home-area01-con01 .con01-text{
			background-size: 312px 436px;
			padding-left: 25px;
		}
		.cus-home-area01-con01 .con01-photo{
			padding-right: 30px;
			margin-left: 0;
		}
		.cus-home-area01-con01 .con01-photo .img{
			border-radius: 36px;
			height: 480px;
		}

		.cus-home-area01-con02 .con02-text{
			background-size: 442px 404px;
			padding-right: 25px;
		}
		.cus-home-area01-con02 .con02-photo{
			padding-left: 30px;
			margin-right: 0px;
		}
		.cus-home-area01-con02 .con02-photo .img{
			border-radius: 36px;
			height: 480px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-home-area01-con01 .con01-text{/* 312 436 80 */
			background-size: 250px 349px;
			padding-left: 20px;
		}
		.cus-home-area01-con01 .con01-photo{
			padding-right: 20px;
			margin-left: 0;
		}
		.cus-home-area01-con01 .con01-photo .img{
			border-radius: 36px;
			height: 480px;
		}

		.cus-home-area01-con02 .con02-text{/* 442 404 80 */
			background-size: 354px 323px;
			padding-right: 20px;
		}
		.cus-home-area01-con02 .con02-photo{
			padding-left: 20px;
			margin-right: 0px;
		}
		.cus-home-area01-con02 .con02-photo .img{
			border-radius: 36px;
			height: 480px;
		}
	}
	@media print {
		.cus-home-area01-con01 .con01-text{/* 312 436 80 */
			background-size: 250px 349px;
			padding-left: 15px;
		}
		.cus-home-area01-con01 .con01-photo{
			padding-right: 15px;
			margin-left: 0;
		}
		.cus-home-area01-con01 .con01-photo .img{
			border-radius: 36px;
			height: 480px;
		}

		.cus-home-area01-con02 .con02-text{/* 442 404 80 */
			background-size: 354px 323px;
			padding-right: 15px;
		}
		.cus-home-area01-con02 .con02-photo{
			padding-left: 15px;
			margin-right: 0px;
		}
		.cus-home-area01-con02 .con02-photo .img{
			border-radius: 36px;
			height: 480px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-home-area01-con01{
			display: block;
			margin-bottom: 30px;
		}
		.cus-home-area01-con01 .con01-text{/* 312 436 80 */
			background-size: 250px 349px;
			padding-left: 10px;
			width: auto;
		}
		.cus-home-area01-con01 .con01-photo{
			padding-right: 0px;
			margin-left: 0;
			width: auto;
		}
		.cus-home-area01-con01 .con01-photo .img{
			border-radius: 30px;
			height: 60vw;
		}

		.cus-home-area01-con02{
			display: block;
		}
		.cus-home-area01-con02 .con02-text{/* 442 404 80 */
			background-size: 354px 323px;
			padding-left: 10px;
			padding-right: 0px;
			width: auto;
		}
		.cus-home-area01-con02 .con02-photo{
			padding-left: 0px;
			margin-right: 0px;
			width: auto;
		}
		.cus-home-area01-con02 .con02-photo .img{
			border-radius: 30px;
			height: 60vw;
		}
	}


/* 業務内容 */
	.cus-business-area01-text01{
		font-size: 24px;
		color: #1a6745;
	}

	.cus-business-area01-con01,
	.cus-business-area01-con03{
		display: flex;
		flex-direction: row-reverse;
		align-items: stretch;
	}
	.cus-business-area01-con01 .con01-text,
	.cus-business-area01-con03 .con03-text{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		flex-shrink: 0;
		background-position: right bottom;
		background-repeat: no-repeat;
		padding-left: 30px;
		width: 50%;
	}
	.cus-business-area01-con01 .con01-text{
		background-image: url("../img/business/area01-img01.png");
		background-size: 414px 375px;
	}
	.cus-business-area01-con03 .con03-text{
		background-image: url("../img/business/area01-img03.png");
		background-size: 279px 382px;
	}
	.cus-business-area01-con01 .con01-photo,
	.cus-business-area01-con03 .con03-photo{
		display: flex;
		align-items: stretch;
		flex: 1;
		padding-right: 50px;
		min-width: 1px;
		margin-left: -110px;
	}
	.cus-business-area01-con01 .con01-photo .img,
	.cus-business-area01-con03 .con03-photo .img{
		overflow: hidden;
		border-radius: 40px;
		margin: 0;
		width: 100%;
		height: 480px;
	}
	.cus-business-area01-con01 .con01-photo .img img,
	.cus-business-area01-con03 .con03-photo .img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.cus-business-area01-con02{
		display: flex;
		align-items: stretch;
	}
	.cus-business-area01-con02 .con02-text{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		flex-shrink: 0;
		background-image: url("../img/business/area01-img02.png");
		background-size: 452px 289px;
		background-position: right bottom;
		background-repeat: no-repeat;
		padding-right: 30px;
		width: 50%;
	}
	.cus-business-area01-con02 .con02-photo{
		display: flex;
		align-items: stretch;
		flex: 1;
		padding-left: 50px;
		min-width: 1px;
		margin-right: -110px;
	}
	.cus-business-area01-con02 .con02-photo .img{
		overflow: hidden;
		border-radius: 40px;
		margin: 0;
		width: 100%;
		height: 480px;
	}
	.cus-business-area01-con02 .con02-photo .img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.cus-title03 .markey.markey-business03{
		width: 540px !important;
	}
	@media screen and (max-width: 1679.98px) {
		.cus-business-area01-con01 .con01-text,
		.cus-business-area01-con03 .con03-text{
			padding-left: 25px;
		}
		.cus-business-area01-con01 .con01-text{/* 414 375 80 */
			background-size: 331px 300px;
		}
		.cus-business-area01-con03 .con03-text{/* 279 382 80 */
			background-size: 223px 306px;
			}
		.cus-business-area01-con01 .con01-photo,
		.cus-business-area01-con03 .con03-photo{
			padding-right: 30px;
			margin-left: 0;
		}
		.cus-business-area01-con01 .con01-photo .img,
		.cus-business-area01-con03 .con03-photo .img{
			border-radius: 36px;
			height: 480px;
		}

		.cus-business-area01-con02 .con02-text{/* 452 289 80 */
			background-size: 362px 231px;
			padding-right: 25px;
		}
		.cus-business-area01-con02 .con02-photo{
			padding-left: 30px;
			margin-right: 0px;
		}
		.cus-business-area01-con02 .con02-photo .img{
			border-radius: 36px;
			height: 480px;
		}

		.cus-title03 .markey.markey-business03{
			width: 420px !important;
		}
	}
	@media (max-width: 991.98px) {
		.cus-business-area01-con01 .con01-text,
		.cus-business-area01-con03 .con03-text{
			padding-left: 20px;
		}
		.cus-business-area01-con01 .con01-text{/* 414 375 64 */
			background-size: 265px 240px;
		}
		.cus-business-area01-con03 .con03-text{/* 279 382 64 */
			background-size: 179px 244px;
		}
		.cus-business-area01-con01 .con01-photo,
		.cus-business-area01-con03 .con03-photo{
			padding-right: 20px;
			margin-left: 0;
		}
		.cus-business-area01-con01 .con01-photo .img,
		.cus-business-area01-con03 .con03-photo .img{
			border-radius: 36px;
			height: 480px;
		}

		.cus-business-area01-con02 .con02-text{/* 452 289 64 */
			background-size: 289px 185px;
			padding-right: 20px;
		}
		.cus-business-area01-con02 .con02-photo{
			padding-left: 20px;
			margin-right: 0px;
		}
		.cus-business-area01-con02 .con02-photo .img{
			border-radius: 36px;
			height: 480px;
		}

		.cus-title03 .markey.markey-business03{
			width: 380px !important;
		}
	}
	@media print {
		.cus-business-area01-con01 .con01-text,
		.cus-business-area01-con03 .con03-text{
			padding-left: 15px;
		}
		.cus-business-area01-con01 .con01-text{/* 414 375 50 */
			background-size: 207px 188px;
		}
		.cus-business-area01-con03 .con03-text{/* 279 382 50 */
			background-size: 140px 191px;
		}
		.cus-business-area01-con01 .con01-photo,
		.cus-business-area01-con03 .con03-photo{
			padding-right: 20px;
			margin-left: 0;
		}
		.cus-business-area01-con01 .con01-photo .img,
		.cus-business-area01-con03 .con03-photo .img{
			border-radius: 36px;
			height: 480px;
		}

		.cus-business-area01-con02 .con02-text{/* 452 289 50 */
			background-size: 226px 145px;
			padding-right: 15px;
		}
		.cus-business-area01-con02 .con02-photo{
			padding-left: 20px;
			margin-right: 0px;
		}
		.cus-business-area01-con02 .con02-photo .img{
			border-radius: 36px;
			height: 480px;
		}

		.cus-title03 .markey.markey-business03{
			width: 340px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-business-area01-con01,
		.cus-business-area01-con03{
			display: block;
			margin-bottom: 30px;
		}
		.cus-business-area01-con01 .con01-text,
		.cus-business-area01-con03 .con03-text{
			padding-left: 0px;
			margin-bottom: 20px;
		}
		.cus-business-area01-con01 .con01-text{/* 414 375 50 */
			background-size: 207px 188px;
			width: auto;
		}
		.cus-business-area01-con03 .con03-text{/* 279 382 50 */
			background-size: 140px 191px;
			width: auto;
		}
		.cus-business-area01-con01 .con01-photo,
		.cus-business-area01-con03 .con03-photo{
			padding-right: 0px;
			margin-left: 0;
			width: auto;
		}
		.cus-business-area01-con01 .con01-photo .img,
		.cus-business-area01-con03 .con03-photo .img{
			border-radius: 30px;
			height: 60vw;
		}

		.cus-business-area01-con02{
			display: block;
		}
		.cus-business-area01-con02 .con02-text{/* 442 404 50 */
			background-size: 226px 145px;
			padding-left: 0px;
			padding-right: 0px;
			margin-bottom: 20px;
			width: auto;
		}
		.cus-business-area01-con02 .con02-photo{
			padding-left: 0px;
			margin-right: 0px;
			width: auto;
		}
		.cus-business-area01-con02 .con02-photo .img{
			border-radius: 30px;
			height: 60vw;
		}

		.cus-title03 .markey.markey-business03{
			width: 300px !important;
		}
	}


/* 会社案内 */
	.cus-title02 .sub .markey.markey-company01{
		bottom: -10px;
		left: -40px;
		width: 290px !important;
	}
	.cus-title02 .sub .markey.markey-company02{
		left: -30px;
		width: 310px !important;
	}
	.cus-title02 .sub .markey.markey-company03{
		left: -35px;
		width: 390px !important;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-title02 .sub .markey.markey-company01{
			left: -30px;
			width: 270px !important;
		}
		.cus-title02 .sub .markey.markey-company02{
			left: -20px;
			width: 290px !important;
		}
		.cus-title02 .sub .markey.markey-company03{
			left: -20px;
			width: 360px !important;
		}
	}
	@media (max-width: 991.98px) {
		.cus-title02 .sub .markey.markey-company01{
			left: -40px;
			width: 250px !important;
		}
		.cus-title02 .sub .markey.markey-company02{
			left: -40px;
			width: 260px !important;
		}
		.cus-title02 .sub .markey.markey-company03{
			left: -20px;
			width: 280px !important;
		}
	}
	@media print {
		.cus-title02 .sub .markey.markey-company01{
			left: -40px;
			width: 220px !important;
		}
		.cus-title02 .sub .markey.markey-company02{
			left: -40px;
			width: 230px !important;
		}
		.cus-title02 .sub .markey.markey-company03{
			left: -20px;
			width: 250px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-title02 .sub .markey.markey-company01{
			bottom: -5px;
			left: -26px;
			width: 220px !important;
		}
		.cus-title02 .sub .markey.markey-company02{
			left: -30px;
			width: 230px !important;
		}
		.cus-title02 .sub .markey.markey-company03{
			left: -10px;
			width: 250px !important;
		}
	}



/* お問い合わせ電話 */
	.cus-contact-phone{
		position: relative;
		background-color: #1a6745;
		border-radius: 30px;
		padding: 60px 20px;
		z-index: 3;
	}

	.cus-contact-dial{
		display: flex;
		justify-content: center;
		align-items: center;
		column-gap: 60px;
	}
	.cus-contact-dial .dial-col{
		background-color: #fefdf4;
		border-radius: 20px;
		padding: 30px 60px;
		
	}
	.cus-contact-dial .dial-col .dial-number{
		font-size: 42px;
		color: #1a6745;
	}
	.cus-contact-dial .dial-col .dial-number .min{
		display: inline-block;
		padding-right: 15px;
		font-family: "Tangerine", cursive;
		font-weight: 700;
		font-style: normal;
	}
	
	.cus-contact-phone .phone-img01{
		position: absolute;
		top: 0px;
		right: 30px;
		z-index: -1;
	}
	.cus-contact-phone .phone-img01 img{
		width: 420px;
	}
	.cus-contact-phone .phone-img02{
		position: absolute;
		bottom: 40px;
		left: 20px;
		z-index: -1;
	}
	.cus-contact-phone .phone-img02 img{
		width: 300px;
	}

/* タイトル調整 */
	.cus-title02 .sub .markey.markey-contact01{
		left: 40px;
		width: 340px !important;
	}
	.cus-title02 .sub .markey.markey-contact02{
		left: -40px;
		width: 390px !important;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-contact-phone{
			border-radius: 30px;
			padding: 50px 20px;
		}
	
		.cus-contact-dial{
			column-gap: 50px;
		}
		.cus-contact-dial .dial-col{
			border-radius: 20px;
			padding: 30px 40px;
			
		}
		.cus-contact-dial .dial-col .dial-number{
			font-size: 38px;
		}
		.cus-contact-dial .dial-col .dial-number .min{
			font-size: 30px;
		}

		.cus-contact-phone .phone-img01{
			top: 0px;
			right: 0px;
		}
		.cus-contact-phone .phone-img01 img{
			width: 319px;/* 420*76 */
		}
		.cus-contact-phone .phone-img02{
			bottom: 200px;
			left: 20px;
		}
		.cus-contact-phone .phone-img02 img{
			width: 228px;/* 300*76 */
		}

	/* タイトル調整 */
		.cus-title02 .sub .markey.markey-contact01{
			left: 45px;
			width: 300px !important;
		}
		.cus-title02 .sub .markey.markey-contact02{
			left: -40px;
			width: 390px !important;
		}
	}
	@media (max-width: 991.98px) {
		.cus-contact-phone{
			border-radius: 24px;
			padding: 40px 15px;
		}
	
		.cus-contact-dial{
			column-gap: 35px;
		}
		.cus-contact-dial .dial-col{
			border-radius: 8px;
			padding: 20px 20px;
			
		}
		.cus-contact-dial .dial-col .dial-number{
			font-size: 32px;
		}
		.cus-contact-dial .dial-col .dial-number .min{
			font-size: 24px;
		}

		.cus-contact-phone .phone-img01{
			top: 0px;
			right: 0px;
		}
		.cus-contact-phone .phone-img01 img{
			width: 269px;/* 420*64 */
		}
		.cus-contact-phone .phone-img02{
			bottom: 140px;
			left: 20px;
		}
		.cus-contact-phone .phone-img02 img{
			width: 192px;/* 300*64 */
		}

	/* タイトル調整 */
		.cus-title02 .sub .markey.markey-contact01{
			left: 45px;
			width: 280px !important;
		}
		.cus-title02 .sub .markey.markey-contact02{
			left: -40px;
			width: 360px !important;
		}
	}
	@media print {
		.cus-contact-phone{
			border-radius: 24px;
			padding: 30px 10px;
		}
	
		.cus-contact-dial{
			column-gap: 20px;
		}
		.cus-contact-dial .dial-col{
			border-radius: 8px;
			padding: 15px;
			
		}
		.cus-contact-dial .dial-col .dial-number{
			font-size: 24px;
		}
		.cus-contact-dial .dial-col .dial-number .min{
			font-size: 19px;
		}

		.cus-contact-phone .phone-img01{
			top: 0px;
			right: 0px;
		}
		.cus-contact-phone .phone-img01 img{
			width: 210px;/* 420*50 */
		}
		.cus-contact-phone .phone-img02{
			bottom: 140px;
			left: 20px;
		}
		.cus-contact-phone .phone-img02 img{
			width: 150px;/* 300*50 */
		}

	/* タイトル調整 */
		.cus-title02 .sub .markey.markey-contact01{
			left: 45px;
			width: 250px !important;
		}
		.cus-title02 .sub .markey.markey-contact02{
			left: -40px;
			width: 330px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-contact-phone{
			border-radius: 20px;
			padding: 30px 10px;
		}
	
		.cus-contact-dial{
			display: block;
		}
		.cus-contact-dial .dial-col{
			border-radius: 8px;
			padding: 15px;
			margin-bottom: 20px;
			text-align: center;
			
		}
		.cus-contact-dial .dial-col .dial-number{
			font-size: 26px;
		}
		.cus-contact-dial .dial-col .dial-number .min{
			font-size: 20px;
		}

		.cus-contact-phone .phone-img01{
			top: 0px;
			right: 0px;
		}
		.cus-contact-phone .phone-img01 img{
			width: 176px;/* 420*42 */
		}
		.cus-contact-phone .phone-img02{
			bottom: 20px;
			left: auto;
			right: 40px;
		}
		.cus-contact-phone .phone-img02 img{
			width: 126px;/* 300*42 */
		}

	/* タイトル調整 */
		.cus-title02 .sub .markey.markey-contact01{
			left: 10px;
			width: 280px !important;
		}
		.cus-title02 .sub .markey.markey-contact02{
			left: -70px;
			width: 380px !important;
		}
	}


	/* お問い合わせフォーム */
	.cus-form-table{
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
		table-layout: fixed;
	}
	.cus-form-table .form-title-column{width: 25%;}
	.cus-form-table .form-input-column{width: 75%;}
	.cus-form-table th,
	.cus-form-table td{
		border-bottom: 1px solid #b0ccc0;
		padding-top: 30px;
		padding-bottom: 30px;
		vertical-align: top;
	}
	.cus-form-table th{
		padding-right: 40px;
		padding-left: 2px;
		color: #1a6745;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.6;
		text-align: left;
	}
	.cus-form-table td{
		padding-right: 2px;
		padding-left: 2px;
	}
	.cus-form-table tr:first-child th,
	.cus-form-table tr:first-child td{
		padding-top: 0;
	}
	.cus-form-table tr:last-child th,
	.cus-form-table tr:last-child td{
		border-bottom: none;
		padding-bottom: 0;
	}
	.cus-form-table label,
	.cus-form-table .form-title{
		display: inline-block;
	}

	/* 通常の入力欄 */
	.cus-form-table .area-auto{
		width: 100% !important;
		max-width: 600px;
	}
	.cus-form-table .area-full{
		width: 100% !important;
	}

	/* 住所欄 */
	.cus-address-fields{
		display: flex;
		flex-direction: column;
		row-gap: 18px;
	}
	.cus-address-fields .address-row{
		display: grid;
		grid-template-columns: 100px minmax(0, 1fr);
		align-items: center;
		column-gap: 15px;
	}
	.cus-address-fields .address-row label{
		margin: 0;
		white-space: nowrap;
	}
	.cus-address-fields .postal-input{
		width: 100%;
		max-width: 220px;
	}
	.cus-address-fields .address-input{
		width: 100%;
	}

	/* 必須表示との間隔 */
	.cus-form-table .required{
		margin-left: 8px;
	}
		@media screen and (max-width: 1499.98px){
		.cus-form-table .form-title-column{width: 30%;}
		.cus-form-table .form-input-column{width: 70%;}

		.cus-form-table th,
		.cus-form-table td{
			padding-top: 28px;
			padding-bottom: 28px;
		}
		.cus-form-table th{
			padding-right: 30px;
			font-size: 19px;
		}
	}
	@media (max-width: 991.98px){
		.cus-form-table .form-title-column{width: 35%;}
		.cus-form-table .form-input-column{width: 65%;}

		.cus-form-table th,
		.cus-form-table td{
			padding-top: 26px;
			padding-bottom: 26px;
		}
		.cus-form-table th{
			padding-right: 20px;
			font-size: 18px;
		}
		.cus-address-fields .address-row{
			grid-template-columns: 90px minmax(0, 1fr);
		}
	}
	@media print{
		.cus-form-table .form-title-column{width: 35%;}
		.cus-form-table .form-input-column{width: 65%;}

		.cus-form-table th,
		.cus-form-table td{
			padding-top: 20px;
			padding-bottom: 20px;
		}
		.cus-form-table th{
			padding-right: 10px;
			font-size: 16px;
		}
	}
	@media screen and (max-width: 767px){
		.cus-form-table,
		.cus-form-table tbody,
		.cus-form-table tr,
		.cus-form-table th,
		.cus-form-table td{
			display: block;
			width: 100% !important;
		}
		.cus-form-table tr{
			border-bottom: 1px solid #b0ccc0;
			padding: 20px 2px;
		}
		.cus-form-table tr:first-child{
			padding-top: 0;
		}
		.cus-form-table tr:last-child{
			border-bottom: none;
			padding-bottom: 0;
		}
		.cus-form-table th,
		.cus-form-table td{
			border-bottom: none;
			padding: 0;
		}
		.cus-form-table th{
			margin-bottom: 10px;
			font-size: 17px;
		}
		.cus-form-table .area-auto{
			max-width: none;
		}
		.cus-address-fields{
			row-gap: 14px;
		}
		.cus-address-fields .address-row{
			grid-template-columns: 94px minmax(0, 1fr);
			column-gap: 10px;
		}
		.cus-address-fields .postal-input{
			max-width: 190px;
		}
	}