@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-home-mv{
		position: relative;
		padding: 240px 2% 0 2%;
	}
	.cus-home-mv .mv-text{
		display: flex;
		align-items: end;
		gap: 60px;
		padding-left: 5vw;
		letter-spacing: 0.08em;
	}
	.cus-home-mv .mv-text .main{
		font-size: 64px;
		font-weight: 400;
		line-height: 1.7;
	}
	.cus-home-mv .mv-text .main .char{
		display: inline-block;
		opacity: 0;
		transform: translateX(-20px);
		transition: opacity 0.6s ease, transform 0.6s ease;
		will-change: opacity, transform;
	}
	.cus-home-mv .mv-text .main .char.is-visible{
		opacity: 1;
		transform: translateX(0);
	}
	.cus-home-mv .mv-text .main .char-space{
		display: inline-block;
		width: 0.3em;
	}

	.cus-home-mv .mv-text .sub{
		margin-bottom: 20px;
		font-family: "Libre Baskerville", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		color: #757575;
		opacity: 0;
		transform: translateY(15px);
		transition: opacity 0.8s ease, transform 0.8s ease;
		will-change: opacity, transform;
	}
	.cus-header-normal .mv-text .sub.is-visible,
	.cus-home-mv .mv-text .sub.is-visible{
		opacity: 1;
		transform: translateY(0);
	}

	.cus-home-mv .mv-scroll{
		position: absolute;
		top: 460px;
		right: 5%;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #0aa96e; /* グラデーション非対応ブラウザ用フォールバック */
		background: linear-gradient(135deg, #0aa96e 0%, #008b56 100%);
		width: 146px;
		aspect-ratio: 1 / 1;
		z-index: 10;
	}
	.cus-home-mv .mv-scroll img{
		width: 22px;
	}
	.cus-home-mv .mv-scroll:hover{
		opacity: 0.8;
	}

	/* MV */
	.cus-mv-slide-zoom{
		overflow: hidden;
		position: relative;
		padding-left: 10%;
		width: 100%;
		height: 800px;/* 高さ指定 */
		background-color: #fff;
	}
	.cus-mv-slide-zoom .mv-zoom-photo{/* 左右いっぱいにしない場合ここで調整 */
		overflow: hidden;
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
	.cus-mv-slide-zoom .mv-zoom-photo .img{
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		z-index: 1;
		transition: opacity 2s ease-in-out;
	}
	.cus-mv-slide-zoom .mv-zoom-photo .img.is-prev{
		opacity: 1;
		z-index: 1;
	}
	.cus-mv-slide-zoom .mv-zoom-photo .img.is-active{
		opacity: 1;
		z-index: 2;
	}
	.cus-mv-slide-zoom .mv-zoom-photo .img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		transform: scale(1.0);
		transition: none;
	}
	.cus-mv-slide-zoom .mv-zoom-photo .img.is-active img,
	.cus-mv-slide-zoom .mv-zoom-photo .img.is-prev img{
		transform: scale(1.15);
		transition: transform 10s linear; /* ズームの速度 */
	}
	.cus-mv-slide-zoom .mv-zoom-photo .img.is-active.is-visible img{
		transform: scale(1.15);
		transition: transform 10s linear;
	}

	/* プログレスバー（タイムライン）の追加 */
	.cus-mv-slide-zoom .mv-zoom-photo .img .progress-bar{
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: rgba(100, 100, 100, 0.7);
		width: 0;
		height: 4px;
		z-index: 10;
		opacity: 0;
    
		transition-property: width, opacity;
		transition-timing-function: linear, ease-in-out;
	}
	.cus-mv-slide-zoom .mv-zoom-photo .img.is-active .progress-bar{
		width: 100%;
		opacity: 1;
	}
	.cus-mv-slide-zoom .mv-zoom-photo .img.is-prev .progress-bar{
		width: 100%;
		opacity: 0;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-home-mv{
			padding: 220px 2% 0 2%;
		}
		.cus-home-mv .mv-text{
			gap: 40px;
			padding-left: 4vw;
		}
		.cus-home-mv .mv-text .main{
			font-size: 4vw;
		}
	
		.cus-home-mv .mv-text .sub{
			margin-bottom: 1vw;
		}
	
		.cus-home-mv .mv-scroll{
			top: 30vw;
			width: 9vw;
		}
		.cus-home-mv .mv-scroll img{
			width: 16px;
		}
	
		/* MV */
		.cus-mv-slide-zoom{
			padding-left: 8%;
			height: 50vw;/* 高さ指定 */
		}
	}
	@media (max-width: 1200.98px) {
		.cus-home-mv .mv-scroll{
			top: 35vw;
			width: 8vw;
		}
	}
	@media (max-width: 1100.98px) {
		.cus-home-mv .mv-scroll{
			top: 38vw;
			width: 8vw;
		}
	}
	@media (max-width: 991.98px) {
		.cus-home-mv{
			padding: 140px 2% 0 2%;
		}
		.cus-home-mv .mv-text{
			gap: 30px;
			padding-left: 20px;
		}
		.cus-home-mv .mv-text .main{
			font-size: 28px;
		}
	
		.cus-home-mv .mv-text .sub{
			margin-bottom: 8px;
			font-size: 14px;
		}
	
		.cus-home-mv .mv-scroll{
			top: 260px;
			width: 60px;
		}
		.cus-home-mv .mv-scroll img{
			width: 14px;
		}
	
		/* MV */
		.cus-mv-slide-zoom{
			padding-left: 6%;
			height: 400px;/* 高さ指定 */
		}
	}
	@media print {
		.cus-home-mv{
			padding: 160px 2% 0 2%;
		}
		.cus-home-mv .mv-text{
			gap: 20px;
			padding-left: 20px;
		}
		.cus-home-mv .mv-text .main{
			font-size: 24px;
		}
	
		.cus-home-mv .mv-text .sub{
			margin-bottom: 8px;
			font-size: 12px;
		}
	
		.cus-home-mv .mv-scroll{
			top: 280px;
			width: 60px;
		}
		.cus-home-mv .mv-scroll img{
			width: 14px;
		}
	
		/* MV */
		.cus-mv-slide-zoom{
			padding-left: 6%;
			height: 300px;/* 高さ指定 */
		}
	}
	@media screen and (max-width: 767px) {
		.cus-home-mv{
			padding: 100px 2% 0 2%;
		}
		.cus-home-mv .mv-text{
			display: block;
			padding-left: 0px;
		}
		.cus-home-mv .mv-text .main{
			font-size: 24px;
		}
	
		.cus-home-mv .mv-text .sub{
			margin: 10px 0 0 0;
			font-size: 13px;
		}
	
		.cus-home-mv .mv-scroll{
			top: 220px;
			width: 60px;
		}
		.cus-home-mv .mv-scroll img{
			width: 14px;
		}
	
		/* MV */
		.cus-mv-slide-zoom{
			padding-left: 0;
			height: 50vh;/* 高さ指定 */
		}
	}

/* area01 */
	.cus-home-area01-list{
		display: grid;
		grid-template-columns: repeat(2, 268px); /* 横に2列（268pxずつ）並べる */
		justify-content: center;
		gap: 0 40px; /* 列同士の間隔（左右の離れ具合） */
		margin: 0 auto;
		padding: 0;
	}
	.cus-home-area01-list .list01{
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 268px;
		height: 268px;
		border-radius: 50%;
		border: #0ba96f solid 1px;
		background: #ffffff;
		box-sizing: border-box;
		padding: 20px;
	}
	.cus-home-area01-list .list01:nth-child(1){
		grid-row: 1;
		grid-column: 1 / -1;
		justify-self: center;
		margin-bottom: -10px;
		z-index: 2;
	}
	.cus-home-area01-list .list01:nth-child(2){
		grid-row: 2;
		grid-column: 2;
		z-index: 1;
	}
	.cus-home-area01-list .list01:nth-child(3){
		grid-row: 2;
		grid-column: 1;
		z-index: 1;
	}

	.cus-home-area01-list .list01 .number{
		position: absolute;
		top: 6px;
		left: 6px;
		display: inline-block;
		background-color: white;
		border-radius: 50%;
		padding: 20px;
		font-family: "Libre Baskerville", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-size: 20px;
		color: #0ba96f;
		letter-spacing: 0.08em;
		z-index: 3;
	}
	.cus-home-area01-list .list01 .textbox .main{
		margin: 0 0 5px 0;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-size: 20px;
		color: #0ba96f;
	}
	.cus-home-area01-list .list01 .textbox .sub{
		margin: 0;
		font-family: "Libre Baskerville", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-size: 12px;
		color: #bababa;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-home-area01-list{
			grid-template-columns: repeat(2, 230px); /* 横に2列（268pxずつ）並べる */
			gap: 0 30px; /* 列同士の間隔（左右の離れ具合） */
		}
		.cus-home-area01-list .list01{
			width: 230px;
			height: 230px;
			padding: 20px;
		}
	
		.cus-home-area01-list .list01 .number{
			padding: 14px;
			font-size: 18px;
		}
		.cus-home-area01-list .list01 .textbox .main{
			font-size: 18px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-home-area01-list{
			grid-template-columns: repeat(2, 190px); /* 横に2列（268pxずつ）並べる */
			gap: 0 20px; /* 列同士の間隔（左右の離れ具合） */
		}
		.cus-home-area01-list .list01{
			width: 190px;
			height: 190px;
			padding: 16px;
		}
	
		.cus-home-area01-list .list01 .number{
			padding: 12px;
			font-size: 16px;
		}
		.cus-home-area01-list .list01 .textbox .main{
			font-size: 16px;
		}
	}
	@media print {
		.cus-home-area01-list{
			grid-template-columns: repeat(2, 170px); /* 横に2列（268pxずつ）並べる */
			gap: 0 20px; /* 列同士の間隔（左右の離れ具合） */
		}
		.cus-home-area01-list .list01{
			width: 170px;
			height: 170px;
			padding: 14px;
		}
	
		.cus-home-area01-list .list01 .number{
			padding: 10px;
			font-size: 14px;
		}
		.cus-home-area01-list .list01 .textbox .main{
			font-size: 14px;
		}
		.cus-home-area01-list .list01 .textbox .sub{
			font-size: 10px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-home-area01-list{
			grid-template-columns: repeat(2, 160px); /* 横に2列（268pxずつ）並べる */
			gap: 0 14px; /* 列同士の間隔（左右の離れ具合） */
		}
		.cus-home-area01-list .list01{
			width: 160px;
			height: 160px;
			padding: 14px;
		}
	
		.cus-home-area01-list .list01 .number{
			padding: 4px;
			font-size: 15px;
		}
		.cus-home-area01-list .list01 .textbox .main{
			font-size: 15px;
		}
		.cus-home-area01-list .list01 .textbox .sub{
			font-size: 10px;
		}
	}

/* aera02 */
	.cus-home-area02-col{
		overflow: hidden;
		display: block;
		color: white;
		text-decoration: none;
	}
	.cus-home-area02-col:hover{
		color: white;
	}
	.cus-home-area02-col .col-img{
		overflow: hidden;
		display: block;
		margin-bottom: 10px;
		width: 100%;
		height: 330px;
	}
	.cus-home-area02-col .col-img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
		transition: 0.5s all;
	}
	.cus-home-area02-col:hover .col-img img{
		transform: scale(1.2,1.2);
		transition: 0.7s all;
	}

	.cus-home-area02-col .col-text01{
		display: flex;
		align-items: center;
		gap: 40px;
		border-bottom: rgba(255, 255, 255, 0.6) solid 1px;
		padding-bottom: 11px;
		margin-bottom: 10px;
	}
	.cus-home-area02-col .col-text01 .arrow{
		flex-shrink: 0;
		width: 40px;
	}
	.cus-home-area02-col .col-text01 .title{
		flex: 1;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-size: 32px;
		letter-spacing: 0.08em;
	}
	.cus-home-area02-col .col-text01 .arrow span{
		display: flex;
		justify-content: center;
		align-items: center;
		border: white solid 1px;
		width: 40px;
		aspect-ratio: 1 / 1;
	}
	.cus-home-area02-col .col-text01 .arrow span img{
		width: 10px;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-home-area02-col .col-img{
			height: 24vw;
		}
	
		.cus-home-area02-col .col-text01{
			gap: 20px;
		}
		.cus-home-area02-col .col-text01 .arrow{
			width: 30px;
		}
		.cus-home-area02-col .col-text01 .title{
			font-size: 24px;
		}
		.cus-home-area02-col .col-text01 .arrow span{
			width: 30px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-home-area02-col .col-img{
			height: 24vw;
		}
	
		.cus-home-area02-col .col-text01{
			gap: 10px;
		}
		.cus-home-area02-col .col-text01 .arrow{
			width: 26px;
		}
		.cus-home-area02-col .col-text01 .title{
			font-size: 19px;
		}
		.cus-home-area02-col .col-text01 .arrow span{
			width: 26px;
		}
		.cus-home-area02-col .col-text01 .arrow span img{
			width: 8px;
		}
	}
	@media print {
		.cus-home-area02-col .col-img{
			height: 150px;
		}
	
		.cus-home-area02-col .col-text01{
			gap: 10px;
		}
		.cus-home-area02-col .col-text01 .arrow{
			width: 20px;
		}
		.cus-home-area02-col .col-text01 .title{
			font-size: 16px;
		}
		.cus-home-area02-col .col-text01 .arrow span{
			width: 20px;
		}
		.cus-home-area02-col .col-text01 .arrow span img{
			width: 8px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-home-area02-col .col-img{
			height: 64vw;
		}
	
		.cus-home-area02-col .col-text01{
			gap: 10px;
		}
		.cus-home-area02-col .col-text01 .arrow{
			width: 26px;
		}
		.cus-home-area02-col .col-text01 .title{
			font-size: 18px;
		}
		.cus-home-area02-col .col-text01 .arrow span{
			width: 26px;
		}
		.cus-home-area02-col .col-text01 .arrow span img{
			width: 8px;
		}
	}

/* area03 */
	.cus-home-area03-con{
		position: relative;
	}

	.cus-home-area03-con .con-text{
		position: absolute;
		top: 0px;
		left: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0 0 0 60px;
		width: 675px;
		height: 608px;
	}

	.cus-home-area03-con .con-photo{
		padding-right: 50%;
	}
	.cus-home-area03-con .con-photo .img{
		margin: 0;
		width: 100%;
		height: 608px;
	}
	.cus-home-area03-con .con-photo .img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	@media screen and (max-width: 1499.98px) {
		.cus-home-area03-con .con-text{
			padding: 0 0 0 40px;
			width: 48%;
			height: 560px;
		}

		.cus-home-area03-con .con-photo .img{
			height: 560px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-home-area03-con .con-text{
			left: 40%;
			padding: 0 0 0 20px;
			width: 58%;
			height: 500px;
		}

		.cus-home-area03-con .con-photo{
			padding-right: 60%;
		}
		.cus-home-area03-con .con-photo .img{
			height: 500px;
		}
	}
	@media print {
		.cus-home-area03-con .con-text{
			left: 40%;
			padding: 0 0 0 20px;
			width: 58%;
			height: 420px;
		}

		.cus-home-area03-con .con-photo{
			padding-right: 60%;
		}
		.cus-home-area03-con .con-photo .img{
			height: 420px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-home-area03-con .con-text{
			position: static;
			display: block;
			padding: 0;
			margin: 0 auto 20px auto;
			width: 94%;
			height: auto;
		}
	
		.cus-home-area03-con .con-photo{
			padding-right: 0%;
		}
		.cus-home-area03-con .con-photo .img{
			height: 64vw;
		}
	}

/* area04 */
	.cus-home-area04-news{
		overflow-x: hidden;
		overflow-y: auto;
		height: 400px;
		mask-image: linear-gradient(to bottom, transparent 0px, black 12px, black calc(100% - 12px), transparent 100%);
		-webkit-mask-image: linear-gradient(to bottom, transparent 0px, black 12px, black calc(100% - 12px), transparent 100%);
	}
	.cus-home-area04-news::-webkit-scrollbar {
		width: 2px;
	}
	.cus-home-area04-news::-webkit-scrollbar-track {
		background-color: #e0e0e0;
	}
	.cus-home-area04-news::-webkit-scrollbar-thumb {
		background-color: #8e8e8e;
		border-radius: 1px; /* 角丸指定（不要な場合は削除可能です） */
	}
	/* Firefox 向けスクロールバー設定 */
	@supports (scrollbar-width: thin) {
		.cus-home-area04-news {
			scrollbar-width: thin;
			scrollbar-color: #8e8e8e #e0e0e0;
		}
	}

	.cus-home-area04-news li{
		padding-right: 50px;
	}
	.cus-home-area04-news li a{
		position: relative;
		display: flex;
		align-items: center;
		gap: 15px;
		border-bottom: #e0e0e0 solid 1px;
		padding: 20px 40px 20px 0;
		color: #222222;
		text-decoration: none;
	}
	.cus-home-area04-news li a .day{
		flex-shrink: 0;
		width: 110px;
		font-family: "Libre Baskerville", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		white-space: nowrap;
	}
	.cus-home-area04-news li a .cate span{
		display: inline-block;
		border: #0ba96f solid 1px;
		padding: 0 20px;
		font-size: 14px;
		color: #0ba96f;
		white-space: nowrap;
	}
	.cus-home-area04-news li a .new{
		flex-shrink: 0;
		font-family: "Libre Baskerville", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-size: 15px;
		color: #d21919;
		white-space: nowrap;
	}
	.cus-home-area04-news li a .text{
		overflow: hidden;
	}
	.cus-home-area04-news li a .arrow{
		position: absolute;
		top: 50%;
		right: 20px;
		display: block;
		transform: translateY(-50%);
		transition: transform 0.3s ease;
		z-index: 3;
	}
	.cus-home-area04-news li a .arrow img{
		filter: brightness(0.73);
		width: 12px;
	}
	.cus-home-area04-news li a:hover .arrow{
		transform: translateY(-50%) translateX(12px); /* Y軸の中央揃えを維持しつつX軸へ12px移動 */
	}
	@media screen and (max-width: 1499.98px) {
		.cus-home-area04-news li{
			padding-right: 30px;
		}
		.cus-home-area04-news li a{
			gap: 13px;
			padding: 18px 40px 18px 0;
		}
		.cus-home-area04-news li a .day{
			width: 110px;
		}
		.cus-home-area04-news li a .cate span{
			padding: 0 18px;
			font-size: 14px;
		}
		.cus-home-area04-news li a .new{
			font-size: 15px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-home-area04-news li{
			padding-right: 20px;
		}
		.cus-home-area04-news li a{
			gap: 13px;
			padding: 18px 40px 18px 0;
		}
		.cus-home-area04-news li a .day{
			width: 90px;
			font-size: 15px;
		}
		.cus-home-area04-news li a .cate span{
			padding: 0 12px;
			font-size: 13px;
		}
		.cus-home-area04-news li a .new{
			font-size: 14px;
		}
	}
	@media print {
		.cus-home-area04-news li{
			padding-right: 20px;
		}
		.cus-home-area04-news li a{
			gap: 13px;
			padding: 18px 40px 18px 0;
		}
		.cus-home-area04-news li a .day{
			width: 90px;
			font-size: 13px;
		}
		.cus-home-area04-news li a .cate span{
			padding: 0 12px;
			font-size: 11px;
		}
		.cus-home-area04-news li a .new{
			font-size: 12px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-home-area04-news li{
			padding-right: 20px;
		}
		.cus-home-area04-news li a{
			display: block;
			gap: 0px;
			padding: 15px 30px 15px 0;
		}
		.cus-home-area04-news li a .day{
			float: left;
			width: 110px;
		}
		.cus-home-area04-news li a .cate{
			float: left;
			padding-right: 10px;
		}
		.cus-home-area04-news li a .cate span{
			padding: 0 10px;
			font-size: 13px;
		}
		.cus-home-area04-news li a .new{
			float: left;
			font-size: 13px;
		}
		.cus-home-area04-news li a .text{
			clear: both;
			display: block;
			padding-top: 10px;
		}
		.cus-home-area04-news li a .arrow{
			right: 10px;
		}
	}


/* 会社概要 */
	.cus-company-area02-history{
		position: relative;
		width: 100%;
	}
	.cus-company-area02-history-line{
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		pointer-events: none;
	}
	.cus-company-area02-history-line line{
		stroke: white;
		stroke-width: 1;
		vector-effect: non-scaling-stroke;
	}
	.cus-company-area02-history > *:not(.cus-company-area02-history-line):not(.cus-company-area02-history-dots){
		position: relative;
		z-index: 1;
	}

	.cus-company-area02-history-dots{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
	}
	.cus-company-area02-history-dots span{
		position: absolute;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background-color: white;
		transform: translate(-50%, -50%);
	}

	.cus-company-area02-history-main{
		position: relative;
		height: 800px;
	}
	.cus-company-area02-history-main li{
		position: absolute;
	}
	.cus-company-area02-history-main li .position{
		position: relative;
		display: inline-block;
	}
	.cus-company-area02-history-main li .position::before{
		content: '';
		position: absolute;
		background-color: white;
		width: 1px;
		z-index: -1;
	}

	.cus-company-area02-history-main .history01{
		top: 80px;
		left: 0px;
	}
	.cus-company-area02-history-main .history01 .position::before{
		top: -55px;
		left: 36px;
		height: 60px;
	}
	.cus-company-area02-history-main .history02{
		top: -20px;
		left: 85px;
	}
	.cus-company-area02-history-main .history02 .position::before{
		bottom: -20px;
		left: 22px;
		height: 20px;
	}
	.cus-company-area02-history-main .history03{
		top: 160px;
		left: 152px;
	}
	.cus-company-area02-history-main .history03 .position::before{
		top: -60px;
		left: 28px;
		height: 65px;
	}
	.cus-company-area02-history-main .history04{
		top: 60px;
		left: 228px;
	}
	.cus-company-area02-history-main .history04 .position::before{
		bottom: -25px;
		left: 24px;
		height: 25px;
	}
	.cus-company-area02-history-main .history05{
		top: 240px;
		left: 296px;
	}
	.cus-company-area02-history-main .history05 .position::before{
		top: -60px;
		left: 28px;
		height: 65px;
	}
	.cus-company-area02-history-main .history06{
		top: 140px;
		left: 372px;
	}
	.cus-company-area02-history-main .history06 .position::before{
		bottom: -25px;
		left: 24px;
		height: 25px;
	}
	.cus-company-area02-history-main .history07{
		top: 320px;
		left: 440px;
	}
	.cus-company-area02-history-main .history07 .position::before{
		top: -60px;
		left: 28px;
		height: 65px;
	}
	.cus-company-area02-history-main .history08{
		top: 215px;
		left: 516px;
	}
	.cus-company-area02-history-main .history08 .position::before{
		bottom: -25px;
		left: 24px;
		height: 25px;
	}
	.cus-company-area02-history-main .history09{
		top: 400px;
		left: 583px;
	}
	.cus-company-area02-history-main .history09 .position::before{
		top: -60px;
		left: 28px;
		height: 65px;
	}
	.cus-company-area02-history-main .history10{
		top: 295px;
		left: 660px;
	}
	.cus-company-area02-history-main .history10 .position::before{
		bottom: -25px;
		left: 24px;
		height: 25px;
	}
	.cus-company-area02-history-main .history11{
		top: 480px;
		left: 728px;
	}
	.cus-company-area02-history-main .history11 .position::before{
		top: -60px;
		left: 28px;
		height: 65px;
	}
	.cus-company-area02-history-main .history12{
		top: 375px;
		left: 803px;
	}
	.cus-company-area02-history-main .history12 .position::before{
		bottom: -25px;
		left: 24px;
		height: 25px;
	}
	.cus-company-area02-history-main .history13{
		top: 560px;
		left: 872px;
	}
	.cus-company-area02-history-main .history13 .position::before{
		top: -60px;
		left: 28px;
		height: 65px;
	}
	.cus-company-area02-history-main .history14{
		top: 460px;
		left: 947px;
	}
	.cus-company-area02-history-main .history14 .position::before{
		bottom: -25px;
		left: 24px;
		height: 25px;
	}
	.cus-company-area02-history-main .history15{
		top: 644px;
		left: 1016px;
	}
	.cus-company-area02-history-main .history15 .position::before{
		top: -60px;
		left: 28px;
		height: 65px;
	}
	.cus-company-area02-history-main .history16{
		top: 535px;
		left: 1092px;
	}
	.cus-company-area02-history-main .history16 .position::before{
		bottom: -25px;
		left: 24px;
		height: 25px;
	}
	.cus-company-area02-history-main .history17{
		top: 720px;
		left: 1160px;
	}
	.cus-company-area02-history-main .history17 .position::before{
		top: -60px;
		left: 28px;
		height: 65px;
	}
	.cus-company-area02-history-main .history18{
		top: 615px;
		left: 1236px;
	}
	.cus-company-area02-history-main .history18 .position::before{
		bottom: -25px;
		left: 24px;
		height: 25px;
	}
	.cus-company-area02-history-main .history19{
		top: 800px;
		left: 1304px;
	}
	.cus-company-area02-history-main .history19 .position::before{
		top: -60px;
		left: 28px;
		height: 65px;
	}
	.cus-company-area02-history-main .history20{
		top: 670px;
		left: 1334px;
	}
	.cus-company-area02-history-main .history20 .position::before{
		bottom: -55px;
		left: 70px;
		height: 60px;
	}

	.cus-company-area02-history-main li .year{
		display: inline-block;
		background-color: white;
		border-radius: 100px;
		padding: 0 10px;
		margin: 0;
		font-size: 14px;
		font-weight: 700;
		color: #0ba96f;
	}
	.cus-company-area02-history-main li .text{
		display: block;
		padding: 4px 0;
		margin: 0;
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1.5;
		color: white;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-company-area02-history{
			margin: 0 auto;
			width: 940px;
		}
	
		.cus-company-area02-history-main{
			height: 800px;
		}
		.cus-company-area02-history-main .position{
			width: 110px;
		}

		.cus-company-area02-history-main .history01{
			top: 100px;
			left: 0px;
		}
		.cus-company-area02-history-main .history01 .position::before{
			top: -75px;
			left: 24px;
			height: 80px;
		}
		.cus-company-area02-history-main .history02{
			top: -45px;
			left: 49px;
		}
		.cus-company-area02-history-main .history02 .position::before{
			bottom: -20px;
			left: 22px;
			height: 20px;
		}
		.cus-company-area02-history-main .history03{
			top: 190px;
			left: 90px;
		}
		.cus-company-area02-history-main .history03 .position::before{
			top: -90px;
			left: 28px;
			height: 95px;
		}
		.cus-company-area02-history-main .history04{
			top: 34px;
			left: 140px;
		}
		.cus-company-area02-history-main .history04 .position::before{
			bottom: -25px;
			left: 24px;
			height: 25px;
		}
		.cus-company-area02-history-main .history05{
			top: 246px;
			left: 183px;
		}
		.cus-company-area02-history-main .history05 .position::before{
			top: -60px;
			left: 28px;
			height: 65px;
		}
		.cus-company-area02-history-main .history06{
			top: 135px;
			left: 235px;
		}
		.cus-company-area02-history-main .history06 .position::before{
			bottom: -25px;
			left: 24px;
			height: 25px;
		}
		.cus-company-area02-history-main .history07{
			top: 330px;
			left: 277px;
		}
		.cus-company-area02-history-main .history07 .position::before{
			top: -66px;
			left: 28px;
			height: 70px;
		}
		.cus-company-area02-history-main .history08{
			top: 214px;
			left: 328px;
		}
		.cus-company-area02-history-main .history08 .position::before{
			bottom: -25px;
			left: 24px;
			height: 25px;
		}
		.cus-company-area02-history-main .history09{
			top: 406px;
			left: 372px;
		}
		.cus-company-area02-history-main .history09 .position::before{
			top: -60px;
			left: 28px;
			height: 65px;
		}
		.cus-company-area02-history-main .history10{
			top: 270px;
			left: 422px;
		}
		.cus-company-area02-history-main .history10 .position::before{
			bottom: -25px;
			left: 24px;
			height: 25px;
		}
		.cus-company-area02-history-main .history11{
			top: 490px;
			left: 466px;
		}
		.cus-company-area02-history-main .history11 .position::before{
			top: -68px;
			left: 28px;
			height: 70px;
		}
		.cus-company-area02-history-main .history12{
			top: 350px;
			left: 516px;
		}
		.cus-company-area02-history-main .history12 .position::before{
			bottom: -25px;
			left: 24px;
			height: 25px;
		}
		.cus-company-area02-history-main .history13{
			top: 572px;
			left: 560px;
		}
		.cus-company-area02-history-main .history13 .position::before{
			top: -68px;
			left: 28px;
			height: 70px;
		}
		.cus-company-area02-history-main .history14{
			top: 430px;
			left: 610px;
		}
		.cus-company-area02-history-main .history14 .position::before{
			bottom: -25px;
			left: 24px;
			height: 25px;
		}
		.cus-company-area02-history-main .history15{
			top: 646px;
			left: 653px;
		}
		.cus-company-area02-history-main .history15 .position::before{
			top: -68px;
			left: 28px;
			height: 75px;
		}
		.cus-company-area02-history-main .history16{
			top: 510px;
			left: 704px;
		}
		.cus-company-area02-history-main .history16 .position::before{
			bottom: -25px;
			left: 24px;
			height: 25px;
		}
		.cus-company-area02-history-main .history17{
			top: 725px;
			left: 747px;
		}
		.cus-company-area02-history-main .history17 .position::before{
			top: -60px;
			left: 28px;
			height: 65px;
		}
		.cus-company-area02-history-main .history18{
			top: 613px;
			left: 798px;
		}
		.cus-company-area02-history-main .history18 .position::before{
			bottom: -25px;
			left: 24px;
			height: 25px;
		}
		.cus-company-area02-history-main .history19{
			top: 804px;
			left: 792px;
		}
		.cus-company-area02-history-main .history19 .position::before{
			top: -60px;
			left: 78px;
			height: 65px;
		}
		.cus-company-area02-history-main .history20{
			top: 675px;
			left: 880px;
		}
		.cus-company-area02-history-main .history20 .position::before{
			bottom: -50px;
			left: 36px;
			height: 50px;
		}

		.cus-company-area02-history-main li .year{
			padding: 2px 10px;
			font-size: 13px;
		}
		.cus-company-area02-history-main li .text{
			font-size: 14px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-company-area02-history-line{
			display: none;
		}
		.cus-company-area02-history::before{
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 10px;
			z-index: 0;
			width: 1px;
			background-color: white;
			pointer-events: none;
		}
		.cus-company-area02-history-dots{
			display: none;
		}

		.cus-company-area02-history-main{
			height: auto;
		}
		.cus-company-area02-history-main li{
			position: static;
			padding: 0 0 40px 34px;
			text-align: left;
		}
		.cus-company-area02-history-main li .position::before{
			display: none;
		}
		.cus-company-area02-history-main li .position::after{
			content: '';
			position: absolute;
			top: 8px;
			left: -30px;
			background-color: white;
			border-radius: 50%;
			width: 13px;
			height: 13px;
			z-index: 1;
		}
		.cus-company-area02-history-main li .position{
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			width: auto;
		}
		.cus-company-area02-history-main li .year{
			order: 1;
		}
		.cus-company-area02-history-main li .text{
			order: 2;
		}
	}


/* area03 */
	.cus-company-area03-text01{
		display: flex;
		margin: 0;
	}
	.cus-company-area03-text01 .text01{
		position: relative;
		flex-shrink: 0;
		width: 130px;
	}
	.cus-company-area03-text01 .text01::before{
		content: '：';
		position: absolute;
		top: 0px;
		right: 15px;
	}
	.cus-company-area03-text01 .text02{
		flex: 1;
	}

	.cus-company-area03-button{
		margin: 0;
	}
	.cus-company-area03-button a{
		position: relative;
		display: block;
		border: #0ba96f solid 2px;
		background-color: white;
		background-image: linear-gradient(to right, #0ba96f 0%, #0ba96f 100%);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 0% 100%;
		padding: 24px 10px;
		margin: 0 auto;
		width: 680px;
		font-size: 20px;
		color: #0ba96f;
		text-align: center;
		text-decoration: none;
		transition: background-size 0.4s ease, color 0.25s ease 0.1s;
	}
	.cus-company-area03-button a .ic{
		position: absolute;
		top: 50%;
		right: 20px;
		width: 60px;
		transform: translateY(-50%);
	}
	.cus-company-area03-button a .ic img{
		transition: filter 0.3s ease 0.15s;
	}
	.cus-company-area03-button a:hover,
	.cus-company-area03-button a:focus{
		background-size: 100% 100%;
		color: white;
	}
	.cus-company-area03-button a:hover .ic img,
	.cus-company-area03-button a:focus .ic img{
		filter: brightness(0) invert(1);
	}
	@media screen and (max-width: 767px) {
		.cus-company-area03-text01{
			display: block;
		}
		.cus-company-area03-text01 .text01{
			display: block;
			width: auto;
			font-weight: 700;
		}
		.cus-company-area03-text01 .text01::before{
			display: none;
		}
		.cus-company-area03-text01 .text02{
			display: block;
			margin-bottom: 10px;
		}

		.cus-company-area03-button a{
			padding: 20px 10px;
			margin: 0 auto;
			width: 100%;
			font-size: 18px;
		}
		.cus-company-area03-button a .ic{
			right: 10px;
			width: 45px;
		}
	}

/* area04 */
	.cus-company-area04-map{
		position: relative;
		padding-bottom: 155px;
	}
	.cus-company-area04-map .map-text{
		position: absolute;
		bottom: 0px;
		left: 50%;
		background: rgba(255, 255, 255, 0.8);
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
		padding: 20px;
		margin-left: -480px;
		width: 960px;
	}
	.cus-company-area04-map .map-text .title{
		font-size: 24px;
		font-weight: 700;
		color: #0ba96f;
	}
	@media (max-width: 991.98px) {
		.cus-company-area04-map{
			position: relative;
			padding-bottom: 140px;
		}
		.cus-company-area04-map .map-text{
			left: 3%;
			padding: 20px;
			margin-left: 0px;
			width: 94%;
		}
		.cus-company-area04-map .map-text .title{
			font-size: 22px;
		}
	}
	@media print {
		.cus-company-area04-map{
			position: relative;
			padding-bottom: 140px;
		}
		.cus-company-area04-map .map-text{
			left: 3%;
			padding: 15px;
			margin-left: 0px;
			width: 94%;
		}
		.cus-company-area04-map .map-text .title{
			font-size: 20px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-company-area04-map{
			padding-bottom: 0px;
		}
		.cus-company-area04-map .map-text{
			position: static;
			padding: 15px;
			margin: 10px auto 0 auto;
			width: 94%;
		}
		.cus-company-area04-map .map-text .title{
			font-size: 18px;
		}
	}

/* お知らせ */
	.cus-news-nav{
		display: flex;
		align-items: stretch;
		flex-wrap: wrap;
	}
	.cus-news-nav li{
		box-sizing: content-box;
		display: flex;
		padding: 0 2% 15px 0;
		width: 32%;
	}
	.cus-news-nav li:nth-child(3n){
		padding-right: 0%;
	}
	.cus-news-nav li a{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		border: #0ba96f solid 2px;
		background-color: white;
		padding: 12px 20px;
		font-size: 18px;
		color: #0ba96f;
		text-align: center;
		text-decoration: none;
	}
	.cus-news-nav li .active,
	.cus-news-nav li a:hover{
		background-color: #0ba96f;
		color: white;
	}

	.cus-news-nav-toggle{
		display: none;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-news-nav li{
			padding: 0 2% 12px 0;
		}
		.cus-news-nav li a{
			padding: 12px 15px;
			font-size: 18px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-news-nav li{
			padding: 0 2% 10px 0;
			width: 49%;
		}
		.cus-news-nav li:nth-child(3n){
			padding-right: 2% ;
		}
		.cus-news-nav li:nth-child(2n){
			padding-right: 0%;
		}
		.cus-news-nav li a{
			padding: 12px 13px;
			font-size: 17px;
		}
	}
	@media print {
		.cus-news-nav li{
			padding: 0 2% 10px 0;
			width: 49%;
		}
		.cus-news-nav li:nth-child(3n){
			padding-right: 2% ;
		}
		.cus-news-nav li:nth-child(2n){
			padding-right: 0%;
		}
		.cus-news-nav li a{
			padding: 12px 13px;
			font-size: 15px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-news-nav-toggle{
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			border: #0ba96f solid 2px;
			background-color: white;
			padding: 10px 14px;
			font-size: 16px;
			color: #0ba96f;
			text-align: left;
		}
		.cus-news-nav-toggle::after{
			content: "+";
			font-size: 24px;
			line-height: 1;
		}
		.cus-news-nav-toggle.is-open::after{
			content: "−";
		}
		.cus-news-nav{
			display: block;
			max-height: 0;
			opacity: 0;
			overflow: hidden;
			margin-top: 0;
			margin-bottom: 0;
			transition: max-height 0.4s ease, opacity 0.3s ease, margin-top 0.4s ease;
		}
		.cus-news-nav.is-open{
			max-height: 1000px;
			opacity: 1;
			margin-top: 15px;
		}
		.cus-news-nav li{
			padding: 0 0 15px 0;
			width: auto;
		}
		.cus-news-nav li:nth-child(3n){
			padding-right: 0% ;
		}
		.cus-news-nav li:nth-child(2n){
			padding-right: 0%;
		}
		.cus-news-nav li a{
			padding: 10px 14px;
			font-size: 16px;
			text-align: left;
		}
	}

	.cus-news-area01-list .list-con{
		display: flex;
		border-bottom: #e0e0e0 solid 1px;
		padding-bottom: 50px;
		margin-bottom: 50px;
		gap: 30px;
	}
	.cus-news-area01-list .list-con .list-text{
		flex: 1;
	}
	.cus-news-area01-list .list-con .list-button{
		display: flex;
		flex-direction: column;
		align-items: end;
		flex-shrink: 0;
		width: 30%;
		gap: 10px;
		padding-top: 70px;
	}

	.cus-news-area01-col01{
		position: relative;
		display: flex;
		align-items: center;
		gap: 15px;
		padding: 20px 40px 20px 0;
		color: #222222;
		text-decoration: none;
	}
	.cus-news-area01-col01 .day{
		flex-shrink: 0;
		width: 110px;
		font-family: "Libre Baskerville", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		white-space: nowrap;
	}
	.cus-news-area01-col01 .cate span{
		display: inline-block;
		border: #0ba96f solid 1px;
		padding: 0 20px;
		font-size: 14px;
		color: #0ba96f;
		white-space: nowrap;
	}
	.cus-news-area01-col01 .new{
		flex-shrink: 0;
		font-family: "Libre Baskerville", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-size: 15px;
		color: #d21919;
		white-space: nowrap;
	}
	
	.cus-news-area01-list .list-con .list-text .text-title{
		position: relative;
		padding-bottom: 8px;
		font-size: 22px;
	}
	.cus-news-area01-list .list-con .list-text .text-title::before{
		content: '';
		position: absolute;
		bottom: 0px;
		left: 0px;
		background-color: #0ba96f;
		width: 100%;
		height: 1px;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-news-area01-list .list-con{
			padding-bottom: 40px;
			margin-bottom: 40px;
			gap: 26px;
		}
		.cus-news-area01-list .list-con .list-button{
			padding-top: 70px;
		}

		.cus-news-area01-col01 .day{
			width: 110px;
		}
		.cus-news-area01-col01 .cate span{
			padding: 0 18px;
			font-size: 14px;
		}
		.cus-news-area01-col01 .new{
			font-size: 15px;
		}

		.cus-news-area01-list .list-con .list-text .text-title{
			font-size: 21px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-news-area01-list .list-con{
			padding-bottom: 30px;
			margin-bottom: 30px;
			gap: 22px;
		}
		.cus-news-area01-list .list-con .list-button{
			padding-top: 70px;
		}

		.cus-news-area01-col01 .day{
			width: 90px;
			font-size: 15px;
		}
		.cus-news-area01-col01 .cate span{
			padding: 0 12px;
			font-size: 13px;
		}
		.cus-news-area01-col01 .new{
			font-size: 14px;
		}

		.cus-news-area01-list .list-con .list-text .text-title{
			font-size: 20px;
		}
	}
	@media print {
		.cus-news-area01-list .list-con{
			padding-bottom: 20px;
			margin-bottom: 20px;
			gap: 20px;
		}
		.cus-news-area01-list .list-con .list-button{
			padding-top: 70px;
		}

		.cus-news-area01-col01 .day{
			width: 90px;
			font-size: 13px;
		}
		.cus-news-area01-col01 .cate span{
			padding: 0 12px;
			font-size: 11px;
		}
		.cus-news-area01-col01 .new{
			font-size: 12px;
		}

		.cus-news-area01-list .list-con .list-text .text-title{
			font-size: 18px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-news-area01-list .list-con{
			display: block;
			padding-bottom: 20px;
			margin-bottom: 20px;
			gap: 0px;
		}
		.cus-news-area01-list .list-con .list-button{
			width: auto;
			gap: 0px;
			padding-top: 0px;
		}
		.cus-news-area01-list .list-con .list-button p{
			margin-bottom: 15px !important;
		}
	
		.cus-news-area01-col01{
			gap: 10px;
			padding: 15px 0;
		}
		.cus-news-area01-col01 .day{
			width: 110px;
		}
		.cus-news-area01-col01 .cate span{
			padding: 0 10px;
			font-size: 13px;
		}
		.cus-news-area01-col01 .new{
			font-size: 13px;
		}

		.cus-news-area01-list .list-con .list-text .text-title{
			font-size: 19px;
		}
	}




/* 実績・認証・方針 */
	.trackrecord-area01-col{
		position: relative;
		overflow: hidden;
		text-align: center;
	}

	.trackrecord-area01-col .col-title .inner{
		position: relative;
		display: inline-block;
		padding: 0 26px;
		font-size: 18px;
		font-weight: 700;
	}
	.trackrecord-area01-col .col-title .inner::before{
		content: '';
		position: absolute;
		top: 52%;
		left: 0px;
		background-color: #0ba96f;
		width: 12px;
		height: 3px;
		transform: translateY(-50%);
	}
	.trackrecord-area01-col .col-title .inner::after{
		content: '';
		position: absolute;
		top: 52%;
		right: 0px;
		background-color: #0ba96f;
		width: 12px;
		height: 3px;
		transform: translateY(-50%);
	}

	.trackrecord-area01-col .col-text{
		border: #eaeaea solid 1px;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12) !important;
		padding: 20px;
		text-align: left;
	}
	@media (min-width: 768px) {
		.trackrecord-area01-col {
			display: flex;
			flex-direction: column;
		}
	
		.trackrecord-area01-col .col-text {
			flex: 1;
		}
	}
	@media screen and (max-width: 1499.98px) {
		.trackrecord-area01-col .col-title .inner{
			padding: 0 26px;
			font-size: 18px;
		}
	}
	@media (max-width: 991.98px) {
		.trackrecord-area01-col .col-title .inner{
			padding: 0 22px;
			font-size: 17px;
		}
	}
	@media print {
		.trackrecord-area01-col .col-title .inner{
			padding: 0 20px;
			font-size: 15px;
		}

		.trackrecord-area01-col .col-text{
			padding: 15px;
		}
	}
	@media screen and (max-width: 767px) {
		.trackrecord-area01-col .col-title .inner{
			padding: 0 20px;
			font-size: 16px;
		}

		.trackrecord-area01-col .col-text{
			padding: 15px;
		}
	}

/* area02 */
	.trackrecord-area02-con01{
		display: flex;
		gap: 50px;
		background-color: white;
		padding: 30px;
	}
	.trackrecord-area02-con01 .con01-left{
		flex-shrink: 0;
		width: 60%;
	}
	.trackrecord-area02-con01 .con01-right{
		flex: 1;
	}

	.trackrecord-area02-title01{
		position: relative;
		display: inline-block;
		padding-bottom: 16px;
		font-size: 18px;
		font-weight: 700;
	}
	.trackrecord-area02-title01::before{
		content: '';
		position: absolute;
		bottom: 0px;
		left: 0px;
		background-color: #0ba96f;
		width: 60%;
		height: 2px;
	}

	.trackrecord-area02-text01{
		position: relative;
		border: #0ba96f solid 1px;
		padding: 40px 30px 20px 30px;
		text-align: center;
	}
	.trackrecord-area02-text01 .text01{
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: #0ba96f;
		padding: 4px 20px;
		font-size: 15px;
		color: white;
	}
	@media screen and (max-width: 1499.98px) {
		.trackrecord-area02-con01{
			gap: 40px;
			padding: 25px;
		}

		.trackrecord-area02-title01{
			padding-bottom: 16px;
			font-size: 17px;
		}
	
		.trackrecord-area02-text01{
			padding: 35px 20px 15px 20px;
		}
		.trackrecord-area02-text01 .text01{
			padding: 3px 18px;
			font-size: 15px;
		}
	}
	@media (max-width: 991.98px) {
		.trackrecord-area02-con01{
			gap: 25px;
			padding: 20px;
		}

		.trackrecord-area02-title01{
			padding-bottom: 16px;
			font-size: 16px;
		}
	
		.trackrecord-area02-text01{
			padding: 30px 15px 15px 15px;
		}
		.trackrecord-area02-text01 .text01{
			padding: 3px 15px;
			font-size: 14px;
		}
	}
	@media print {
		.trackrecord-area02-con01{
			gap: 20px;
			padding: 15px;
		}

		.trackrecord-area02-title01{
			padding-bottom: 16px;
			font-size: 15px;
		}
	
		.trackrecord-area02-text01{
			padding: 30px 15px 15px 15px;
		}
		.trackrecord-area02-text01 .text01{
			padding: 3px 15px;
			font-size: 13px;
		}
	}
	@media screen and (max-width: 767px) {
		.trackrecord-area02-con01{
			display: block;
			padding: 15px;
		}
		.trackrecord-area02-con01 .con01-left{
			margin-bottom: 20px;
			width: auto;
		}

		.trackrecord-area02-title01{
			padding-bottom: 12px;
			font-size: 16px;
		}
	
		.trackrecord-area02-text01{
			padding: 30px 15px 15px 15px;
		}
		.trackrecord-area02-text01 .text01{
			padding: 3px 15px;
			font-size: 14px;
		}
	}

/* area03 */
	.trackrecord-area03-con01{
		border: #0ba96f solid 1px;
		background-color: rgba(255, 255, 255, 0.7);
		box-shadow: 0 3px 6px rgba(1, 101, 41, 0.144) !important;
		padding: 30px;
	}
	@media screen and (max-width: 1499.98px) {
		.trackrecord-area03-con01{
			padding: 25px;
		}
	}
	@media (max-width: 991.98px) {
		.trackrecord-area03-con01{
			padding: 20px;
		}
	}
	@media print {
		.trackrecord-area03-con01{
			padding: 15px;
		}
	}
	@media screen and (max-width: 767px) {
		.trackrecord-area03-con01{
			padding: 15px;
		}
	}


/* プライバシーポリシー */
	.cus-privacypolicy-title01{
		position: relative;
		display: block;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-size: 32px;
	}
	.cus-privacypolicy-title01::before{
		content: '';
		position: absolute;
		top: 50%;
		left: 0px;
		background-color: #0ba96f;
		width: 100%;
		height: 1px;
	}
	.cus-privacypolicy-title01 span{
		position: relative;
		display: inline-block;
		background-color: white;
		padding: 0 40px 0 0;
		z-index: 3;
	}

	.cus-privacypolicy-title02{
		position: relative;
		padding-left: 20px;
		font-size: 24px;
		font-weight: 700;
	}
	.cus-privacypolicy-title02::before{
		content: '';
		position: absolute;
		top: 50%;
		left: 0px;
		background-color: #0ba96f;
		width: 8px;
		height: 8px;
		transform: translateY(-50%);
	}

	.cus-privacypolicy-list01 .list01-li::marker{
		font-size: 24px;
		font-weight: 700;
		color: #0ba96f;
	}
	.cus-privacypolicy-list01 .list01-li{
		border-bottom: #acacac solid 1px;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.cus-privacypolicy-list01 .list01-li .list01-title{
		font-size: 20px;
		font-weight: 700;
	}

	.cus-privacypolicy-thead th{
		background-color: #0ba96f;
		color: white;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-privacypolicy-title01{
			font-size: 28px;
		}
		.cus-privacypolicy-title01 span{
			padding: 0 30px 0 0;
		}
	
		.cus-privacypolicy-title02{
			padding-left: 20px;
			font-size: 22px;
		}
		.cus-privacypolicy-title02::before{
			width: 8px;
			height: 8px;
		}
	
		.cus-privacypolicy-list01 .list01-li::marker{
			font-size: 22px;
		}
		.cus-privacypolicy-list01 .list01-li{
			padding-bottom: 26px;
			margin-bottom: 26px;
		}
		.cus-privacypolicy-list01 .list01-li .list01-title{
			font-size: 19px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-privacypolicy-title01{
			font-size: 26px;
		}
		.cus-privacypolicy-title01 span{
			padding: 0 20px 0 0;
		}
	
		.cus-privacypolicy-title02{
			padding-left: 18px;
			font-size: 20px;
		}
		.cus-privacypolicy-title02::before{
			width: 7px;
			height: 7px;
		}
	
		.cus-privacypolicy-list01 .list01-li::marker{
			font-size: 20px;
		}
		.cus-privacypolicy-list01 .list01-li{
			padding-bottom: 24px;
			margin-bottom: 24px;
		}
		.cus-privacypolicy-list01 .list01-li .list01-title{
			font-size: 18px;
		}
	}
	@media print {
		.cus-privacypolicy-title01{
			font-size: 22px;
		}
		.cus-privacypolicy-title01 span{
			padding: 0 16px 0 0;
		}
	
		.cus-privacypolicy-title02{
			padding-left: 18px;
			font-size: 18px;
		}
		.cus-privacypolicy-title02::before{
			width: 7px;
			height: 7px;
		}
	
		.cus-privacypolicy-list01 .list01-li::marker{
			font-size: 18px;
		}
		.cus-privacypolicy-list01 .list01-li{
			padding-bottom: 20px;
			margin-bottom: 20px;
		}
		.cus-privacypolicy-list01 .list01-li .list01-title{
			font-size: 16px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-privacypolicy-title01{
			font-size: 22px;
		}
		.cus-privacypolicy-title01 span{
			padding: 0 16px 0 0;
		}
	
		.cus-privacypolicy-title02{
			padding-left: 18px;
			font-size: 18px;
		}
		.cus-privacypolicy-title02::before{
			width: 7px;
			height: 7px;
		}
	
		.cus-privacypolicy-list01 .list01-li::marker{
			font-size: 18px;
		}
		.cus-privacypolicy-list01 .list01-li{
			padding-bottom: 20px;
			margin-bottom: 20px;
		}
		.cus-privacypolicy-list01 .list01-li .list01-title{
			font-size: 16px;
		}
	}