@charset "UTF-8";
/*
	* Bootstrap 複数ページに掛かるカスタムCSS

	@media screen and (max-width: 1619px) {}
	@media (max-width: 991.98px) {}
	@media print {}
	@media screen and (max-width: 767px) {}
 
	xl-1620(max-1619) 左右余白15pxを含む（1290）
	lg-992(max-991)
	md-768(max-767)
	sm-576(max-575)
 
	-------------------

	Bootstrapスライドに関わるCSS
	Slickスライドに関わるCSS（サムネイルあり）
	モーダルウインドウに関わるCSS
	テキストアニメーション（一文字ずつ表示）に関わるCSS
	リンクボタン装飾
	画像ホバー時アクション
	テーブル装飾
	お問い合わせページ
	お問い合わせページバリデーション
	GoogleMap埋め込み
	YouTube埋め込み
	EZGATE タグコレボタン設定

*/

/* サイト追加CSS */
	.cus-promo{/* 下層ページヘッダ */
		position: relative;
	}

	.cus-promo .promo-title{
		position: absolute;
		top: 45%;
		left: 50%;
		margin-left: -810px;
		width: 33vw;
		display: flex;
		flex-direction: column-reverse;
		text-align: left;
		letter-spacing: 0.1em;
		z-index: 3;
	}
	.cus-promo .promo-title .main{
		margin: 0;
		font-size: 20px;
		font-weight: 400;
	}
	.cus-promo .promo-title .sub{
		position: relative;
		margin: 0;
		font-family: "Zalando Sans Expanded", sans-serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-size: 52px;
		font-weight: 700;
	}
	.cus-promo .promo-title .sub span{
		color: #00a591;
	}
	.cus-promo .promo-title .sub::before{
		content: '';
		position: absolute;
		top: 50%;
		left: -2040px;
		display: block;
		background-color: #00a591;
		width: 2000px;
		height: 1px
	}

	.cus-promo .promo-img{
		padding-left: 33vw;
		margin: 0;
		height: 300px;
	}
	.cus-promo .promo-img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	@media screen and (max-width: 1749px) {
		.cus-promo .promo-title{
			left: 3%;
			margin-left: 0px;
			width: 33vw;
		}
		.cus-promo .promo-title .main{
			font-size: 20px;
		}
		.cus-promo .promo-title .sub{
			font-size: 52px;
		}
		.cus-promo .promo-title .sub::before{
			left: -2030px;
		}
	
		.cus-promo .promo-img{
			height: 300px;
		}
	}
	@media screen and (max-width: 1619px) {
		.cus-promo .promo-title{
			left: 3%;
			margin-left: 0px;
			width: 33vw;
		}
		.cus-promo .promo-title .main{
			font-size: 18px;
		}
		.cus-promo .promo-title .sub{
			font-size: 44px;
		}
		.cus-promo .promo-title .sub::before{
			left: -2020px;
		}
	
		.cus-promo .promo-img{
			height: 280px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-promo{
			margin-top: 60px;
		}

		.cus-promo .promo-title{
			top: 35%;
			left: 3%;
			margin-left: 0px;
			width: auto;
		}
		.cus-promo .promo-title .main{
			font-size: 16px;
		}
		.cus-promo .promo-title .sub{
			font-size: 32px;
		}
		.cus-promo .promo-title .sub::before{
			left: -2010px;
		}
	
		.cus-promo .promo-img{
			height: 260px;
		}
	}
	@media print {
		.cus-promo{
			margin-top: 60px;
		}

		.cus-promo .promo-title{
			top: 35%;
			left: 3%;
			margin-left: 0px;
			width: auto;
		}
		.cus-promo .promo-title .main{
			font-size: 14px;
		}
		.cus-promo .promo-title .sub{
			font-size: 24px;
		}
		.cus-promo .promo-title .sub::before{
			left: -2010px;
		}
	
		.cus-promo .promo-img{
			height: 240px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-promo{
			margin-top: 60px;
		}

		.cus-promo .promo-title{
			top: 35%;
			left: 5%;
			margin-left: 0px;
			width: auto;
			text-shadow: 
				white 2px 0px,  white -2px 0px,
				white 0px -2px, white 0px 2px,
				white 2px 2px , white -2px 2px,
				white 2px -2px, white -2px -2px,
				white 1px 2px,  white -1px 2px,
				white 1px -2px, white -1px -2px,
				white 2px 1px,  white -2px 1px,
				white 2px -1px, white -2px -1px;
		}
		.cus-promo .promo-title .main{
			font-size: 15px;
		}
		.cus-promo .promo-title .sub{
			font-size: 22px;
		}
		.cus-promo .promo-title .sub::before{
			left: -2010px;
		}
	
		.cus-promo .promo-img{
			padding-left: 15vw;
			height: 200px;
		}
	}


	.cus-footer01-con{/* フッター */
		display: flex;
		justify-content: space-between;
		gap: 60px;
	}
	.cus-footer01-con .con-access{
		flex: 1;
	}
	.cus-footer01-con .con-contact {
		flex: 1;
		display: flex;
		flex-direction: column;
	}

	.cus-footer01-contact{
		display: flex;
		flex: 1;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: #f7f7f7;
		border-radius: 8px;
		width: 100%;
	}
	.cus-footer01-contact .contact-phone{
		margin-block: 10px;
		font-family: "Zalando Sans Expanded", sans-serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-size: 36px;
		color: #30b7a8;
	}
	.cus-footer01-contact .contact-phone .ic{
		position: relative;
		top: 2px;
		padding-right: 15px;
	}

	.cus-footer01-contact .contact-text{
		display: inline-block;
		text-align: left;
	}
	.cus-footer01-contact .contact-text .text{
		margin: 0;
	}
	.cus-footer01-contact .contact-text .text span{
		display: inline-block;
		width: 90px;
	}
	
	.cus-footer01-contact .cus-footer01-bt01{
		margin: 0;
		width: 400px;
	}
	.cus-footer01-contact .cus-footer01-bt01 a{
		font-family: "Zalando Sans Expanded", sans-serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-size: 26px !important;
	}
	@media screen and (max-width: 1619px) {
		.cus-footer01-con{/* フッター */
			gap: 40px;
		}

		.cus-footer01-contact .contact-phone{
			font-size: 30px;
		}
		.cus-footer01-contact .contact-phone .ic{
			top: 2px;
			padding-right: 12px;
		}
		
		.cus-footer01-contact .cus-footer01-bt01{
			width: 360px;
		}
		.cus-footer01-contact .cus-footer01-bt01 a{
			font-size: 24px !important;
		}
	}
	@media (max-width: 991.98px) {
		.cus-footer01-con{/* フッター */
			gap: 30px;
		}

		.cus-footer01-contact .contact-phone{
			font-size: 26px;
		}
		.cus-footer01-contact .contact-phone .ic{
			top: 2px;
			padding-right: 12px;
		}
		
		.cus-footer01-contact .cus-footer01-bt01{
			width: 300px;
		}
		.cus-footer01-contact .cus-footer01-bt01 a{
			font-size: 20px !important;
		}
	}
	@media print {
		.cus-footer01-con{/* フッター */
			gap: 20px;
		}

		.cus-footer01-contact .contact-phone{
			font-size: 22px;
		}
		.cus-footer01-contact .contact-phone .ic{
			top: 2px;
			padding-right: 10px;
		}
		
		.cus-footer01-contact .cus-footer01-bt01{
			width: 94%;
		}
		.cus-footer01-contact .cus-footer01-bt01 a{
			font-size: 17px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-footer01-con{/* フッター */
			display: block;
		}
		.cus-footer01-con .con-access{
			margin-bottom: 40px;
		}
	
		.cus-footer01-contact{
			padding: 10px 0;
		}
		.cus-footer01-contact .contact-phone{
			font-size: 26px;
		}
		.cus-footer01-contact .contact-phone .ic{
			top: 2px;
			padding-right: 10px;
		}
		
		.cus-footer01-contact .cus-footer01-bt01{
			margin: 0;
			width: 96%;
		}
		.cus-footer01-contact .cus-footer01-bt01 a{
			font-size: 22px !important;
		}
	}


	.cus-footer02{
		padding: 80px 0;
		background-image: url("../img/site/site-logo-beta.png");
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: auto 74%;
	}
	
	.cus-footer02-con{
		display: flex;
		justify-content: space-between;
		gap: 30px;
		border-bottom: #cacfce solid 1px;
		padding-bottom: 60px;
		margin-bottom: 30px;
	}
	.cus-footer02-con .con-left{
		width: 50%;
	}
	.cus-footer02-con .con-right{
		flex: 1;
	}

	.cus-footer02-text01 span{
		display: inline-block;
		width: 90px;
	}

	.cus-footer02-nav{
		display: flex;
	}
	.cus-footer02-nav .cus-footer02-menu01,
	.cus-footer02-nav .cus-footer02-menu02{
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.cus-footer02-nav .cus-footer02-menu01{
		width: 28%;
	}
	.cus-footer02-nav .cus-footer02-menu02{
		width: 44%;
	}
	.cus-footer02-nav .cus-footer02-menu01 li,
	.cus-footer02-nav .cus-footer02-menu02 li{
		margin-bottom: 5px;
	}
	.cus-footer02-nav .cus-footer02-menu01 li a,
	.cus-footer02-nav .cus-footer02-menu02 li a{
		color: inherit;
		text-decoration: none;
	}
	.cus-footer02-nav .cus-footer02-menu01 li a:hover,
	.cus-footer02-nav .cus-footer02-menu02 li a:hover{
		text-decoration: underline;
	}
	.cus-footer02-nav .cus-footer02-menu02 li .menu02-sub{
		display: block;
		border-left: #cacfce solid 1px;
		padding: 10px 0 10px 30px;
	}
	.cus-footer02-nav .cus-footer02-menu02 li .menu02-sub a{
		display: block;
		margin-bottom: 5px;
	}
	@media screen and (max-width: 1619px) {
		.cus-footer02{
			padding: 60px 0;
		}
		
		.cus-footer02-con{
			gap: 20px;
			padding-bottom: 50px;
			margin-bottom: 25px;
		}
		.cus-footer02-con .con-left{
			width: 40%;
		}
		.cus-footer02-con .con-left img{
			width: 300px;
		}

		.cus-footer02-nav .cus-footer02-menu01{
			width: 25%;
		}
		.cus-footer02-nav .cus-footer02-menu02{
			width: 50%;
		}
		.cus-footer02-nav .cus-footer02-menu02 li .menu02-sub{
			padding: 10px 0 10px 24px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-footer02{
			padding: 50px 0;
		}
		
		.cus-footer02-con{
			gap: 15px;
			padding-bottom: 40px;
			margin-bottom: 20px;
		}
		.cus-footer02-con .con-left{
			width: 35%;
		}
		.cus-footer02-con .con-left img{
			width: 230px;
		}

		.cus-footer02-nav .cus-footer02-menu01{
			width: 23%;
		}
		.cus-footer02-nav .cus-footer02-menu02{
			width: 54%;
		}
		.cus-footer02-nav .cus-footer02-menu02 li .menu02-sub{
			padding: 10px 0 10px 16px;
		}
	}
	@media print {
		.cus-footer02{
			padding: 40px 0;
		}
		
		.cus-footer02-con{
			gap: 15px;
			padding-bottom: 30px;
			margin-bottom: 20px;
		}
		.cus-footer02-con .con-left{
			width: 35%;
		}
		.cus-footer02-con .con-left img{
			width: 190px;
		}

		.cus-footer02-nav .cus-footer02-menu01{
			width: 23%;
			font-size: 13px;
		}
		.cus-footer02-nav .cus-footer02-menu02{
			width: 54%;
			font-size: 13px;
		}
		.cus-footer02-nav .cus-footer02-menu02 li .menu02-sub{
			padding: 10px 0 10px 12px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-footer02{
			padding: 40px 0;
			background-size: 70% auto;
		}
		
		.cus-footer02-con{
			display: block;
			border-bottom: none;
			padding-bottom: 0px;
			margin-bottom: 20px;
		}
		.cus-footer02-con .con-left{
			margin-bottom: 30px;
			width: auto;
		}
	
		.cus-footer02-nav{
			display: block;
		}
		.cus-footer02-nav .cus-footer02-menu01{
			width: auto;
		}
		.cus-footer02-nav .cus-footer02-menu02{
			width: auto;
		}
		.cus-footer02-nav .cus-footer02-menu01 li,
		.cus-footer02-nav .cus-footer02-menu02 li{
			border-bottom: #cacfce solid 1px;
			margin-bottom: 0px;
		}
		.cus-footer02-nav .cus-footer02-menu01 li a,
		.cus-footer02-nav .cus-footer02-menu02 li a{
			display: block;
			padding: 8px 4px;
			text-align: center;
		}
		.cus-footer02-nav .cus-footer02-menu02 li .menu02-sub{
			border-left: none;
			padding: 0;
		}
		.cus-footer02-nav .cus-footer02-menu02 li .menu02-sub a{
			position: relative;
			display: block;
			margin-bottom: 0px;
		}
		.cus-footer02-nav .cus-footer02-menu02 li .menu02-sub a::before{
			position: absolute;
			top: 12px;
			left: 10px;
			display: inline-block;
			font-family: "Font Awesome 6 Free";
			content: "\f061";
			font-weight: 900;
			color: #30b7a8;
			font-size: 12px;
		}
	}


	/* ページング */
	div.paging span.current,
	div.paging span.paging-text{margin:0px 2px;color:#333;border:1px solid #ccc;display:inline;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;}
	div.paging span.paging-text a{padding:3px 8px; display:block;}
	div.paging span.current{background: #3d8078;border:1px solid #3d8078;color:#fff;display:inline;zoom:1;padding:3px 8px;text-decoration:none;display:inline-block; cursor:pointer;}
	div.paging span.paging-text a:hover{background: #CCC;color: #fff;text-decoration:none;cursor:pointer;}


	/* 背景ベタ */
	.cus-bg-ebfaf7{background-color: #ebfaf7;}
	.cus-bg-f2f7f6{background-color: #f2f7f6;}

	/* コンテンツ内見出し */
	.cus-title01{
		display: flex;
		flex-direction: column-reverse;
	}
	.cus-title01.title01-center{/* 中央寄せ */
		justify-content: center;
		text-align: center;
	}
	.cus-title01 .main{
		font-size: 36px;
		font-weight: 700;
		line-height: 1;
	}
	.cus-title01 .sub{
		display: inline-block;
		width: fit-content;
		font-family: "Zalando Sans Expanded", sans-serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-size: 12px;
		font-weight: 700;
		color: #3d8078;
		line-height: 1;
		opacity: 0;
		clip-path: inset(0 100% 0 0);
		transition: clip-path 1.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s ease;
	}
	.cus-title01.title01-center .sub{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.cus-title01.is-visible .sub{
		opacity: 1;
		clip-path: inset(0 0 0 0); /* 右の削りを0にして全表示 */
	}
	@media screen and (max-width: 1619px) {
		.cus-title01 .main{
			font-size: 32px;
		}
		.cus-title01 .sub{
			font-size: 12px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-title01 .main{
			font-size: 28px;
		}
		.cus-title01 .sub{
			font-size: 12px;
		}
	}
	@media print {
		.cus-title01 .main{
			font-size: 24px;
		}
		.cus-title01 .sub{
			font-size: 10px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-title01 .main{
			font-size: 24px;
		}
		.cus-title01 .sub{
			font-size: 12px;
		}
	}


	/* 背景ロゴ画像 */
	.cus-bg-logo{
		background-image: url("../img/site/site-logo.png");
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: contain;
		background-size: auto min(70%, 580px);/* 背景画像高さの上限 */
	}
	@media screen and (max-width: 1619px) {
		.cus-bg-logo{background-size: auto min(70%, 464px);}
	}
	@media (max-width: 991.98px) {
		.cus-bg-logo{background-size: auto min(70%, 371px);}
	}
	@media print {
		.cus-bg-logo{background-size: auto min(70%, 371px);}
	}
	@media screen and (max-width: 767px) {
		.cus-bg-logo{background-size: auto min(60%, 300px);}
	}


	/* 白札反転テキスト */
	.cus-reverse-bgtext{
		background-color: white;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		border-radius: 6px;
		padding: 8px 12px;
		font-size: 24px;
		font-weight: 400;
		color: #3d8078;
		white-space: nowrap;
		opacity: 0;
		transform: rotate(-45deg) scale(0.5);
		animation: rotateIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
		animation-play-state: paused;
	}
	.cus-reverse-no-anim{
		font-size: 18px;
		font-weight: 400;
	}
	.is-active {
		animation-play-state: running !important;
	}
	@media (max-width: 991.98px) {
		.cus-reverse-bgtext{
			font-size: 22px;
		}
		.cus-reverse-no-anim{
			font-size: 17px;
		}
	}
	@media print {
		.cus-reverse-bgtext{
			font-size: 19px;
		}
		.cus-reverse-no-anim{
			font-size: 15px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-reverse-bgtext{
			font-size: 18px;
		}
		.cus-reverse-no-anim{
			font-size: 16px;
		}
	}


/* Bootstrapスライドに関わるCSS */
	#myCarousel {
		width: 100%;
	}
	.cus-carousel-hight {
		overflow: hidden;
		position: relative;
		margin: 0;
		width: 100%;
		height: 100vh; /* 画像高さを指定 */
	}
	.cus-carousel-hight img {
		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;
	}

/* Slickスライドに関わるCSS（サムネイルあり） */
	.cus-slider-container{/* メイン画像幅 */
		overflow: hidden;
		width: 100%;
	}
	.cus-slick-img{
		background-color: #f3f3f3;
		margin: 0 0 10px 0;
		width: 100%;
		height: 560px;
	}
	.cus-slick-img img{
		width: 100%;
		height: 560px;
		object-fit: contain;
		font-family: 'object-fit: contain;';
	}
	
	.thumbnail{
		position: relative;
		display: inline-block;
		padding: 0 60px;
		margin: 0 auto;
	}
	.thumbnail::before{/* 左端の画像borderを消去 */
		content: '';
		position: absolute;
		top: 0px;
		left: 60px;
		display: block;
		background-color: white;
		width: 2px;
		height: 100%;
		z-index: 3;
	}
	.cus-thumbnail-img{
		border-left: #cccccc solid 1px;
		padding: 1px 5px;
		margin: 0;
		height: 120px;
		text-align: center !important;
	}
	.cus-thumbnail-img img{
		display: inline-block !important;
		object-fit: contain;
		font-family: 'object-fit: contain;';
		width: 200px;
		height: 120px;
	}
	@media screen and (max-width: 1619px) {
		.cus-slick-img{
			height: 500px;
		}
		.cus-slick-img img{
			height: 500px;
		}
		
		.thumbnail{
			padding: 0 50px;
		}
		.thumbnail::before{/* 左端の画像borderを消去 */
			left: 50px;
		}
		.cus-thumbnail-img{
			height: 110px;
		}
		.cus-thumbnail-img img{
			width: 190px;
			height: 110px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-slick-img{
			height: 460px;
		}
		.cus-slick-img img{
			height: 460px;
		}
		
		.thumbnail{
			padding: 0 40px;
		}
		.thumbnail::before{/* 左端の画像borderを消去 */
			left: 40px;
		}
		.cus-thumbnail-img{
			height: 100px;
		}
		.cus-thumbnail-img img{
			width: 180px;
			height: 100px;
		}
	}
	@media print {
		.cus-slick-img{
			height: 400px;
		}
		.cus-slick-img img{
			height: 400px;
		}
		
		.thumbnail{
			padding: 0 20px;
		}
		.thumbnail::before{/* 左端の画像borderを消去 */
			left: 20px;
		}
		.cus-thumbnail-img{
			height: 80px;
		}
		.cus-thumbnail-img img{
			width: 140px;
			height: 80px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-slick-img{
			height: 240px;
		}
		.cus-slick-img img{
			height: 240px;
		}
		
		.thumbnail{
			padding: 0 20px;
		}
		.thumbnail::before{/* 左端の画像borderを消去 */
			left: 20px;
		}
		.cus-thumbnail-img{
			height: 60px;
		}
		.cus-thumbnail-img img{
			width: 100px;
			height: 60px;
		}
	}

/* モーダルウインドウに関わるCSS */
	.modal-btn{/* モーダルボタンの設定 */
		/* 上書き設定を入力 */
	}
	.modal-content{/* モーダルウインドウベースの設定 */
		border: #bcbcbc solid 2px;
		background-color: white;
		padding: 10px;
	}

/* テキストアニメーション（一文字ずつ表示）に関わるCSS */
	.cus-movetext01{opacity:0;}
	.cus-movetext01 span{opacity:0;}


/* リンクボタン装飾 */
	.cus-button a{
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: #30b7a8;
		border-radius: 6px;
		padding: 12px 15px;
		font-size: 16px;
		color: white;
		text-decoration: none;
		z-index: 1;
		transition: .3s;
	}
	.cus-button a .arrow{
		overflow: hidden;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		background-color: white;
		border-radius: 6px;
		width: 26px;
		aspect-ratio: 1 / 1;
	}
	.cus-button a .arrow::before{
		position: absolute;
		display: inline-block;
		font-family: "Font Awesome 6 Free";
		content: "\f061";
		font-weight: 900;
		color: #30b7a8;
		font-size: 14px;
	}
	.cus-button a:hover .arrow::before {
		animation: button-slide-arrowLoop 0.6s forwards;
	}
	
	.cus-button.button-big a{
		padding: 30px 20px;
		font-size: 18px;
	}
	.cus-button.button-big a .arrow{
		width: 50px;
	}
	.cus-button.button-big a .arrow::before{
		font-size: 24px;
	}

	.cus-button a .window{
		overflow: hidden;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		background-color: white;
		border-radius: 6px;
		width: 26px;
		aspect-ratio: 1 / 1;
	}
	.cus-button a .window::before{
		position: absolute;
		top: -3px;
		right: 6px;
		display: inline-block;
		font-family: "Font Awesome 6 Free";
		content: "\f063";
		font-weight: 900;
		color: #30b7a8;
		font-size: 14px;
		transform: rotate(-135deg) translateZ(0);
		backface-visibility: hidden;
		text-shadow: 
			1px 1px 0 #fff,
			-1px -1px 0 #fff,
			1px -1px 0 #fff,
			-1px 1px 0 #fff,
			0px 1px 0 #fff,
			0px -1px 0 #fff,
			1px 0px 0 #fff,
			-1px 0px 0 #fff;
		z-index: 3;
	}
	.cus-button a .window::after{
		position: absolute;
		display: inline-block;
		content: "";
		border: #30b7a8 solid 2px;
		border-radius: 3px;
		width: 16px;
		height: 16px;
		z-index: 2;
	}
	.cus-button a:hover .window::before{
		animation: button-slide-windowLoop 0.5s ease-in-out forwards;
		backface-visibility: hidden;
		will-change: transform;
	}

	.cus-button a .mail{
		overflow: hidden;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		background-color: white;
		border-radius: 6px;
		width: 32px;
		aspect-ratio: 1 / 1;
	}
	.cus-button a .mail::before{
		position: absolute;
		top: 10px;
		content: "";
		background-image: url("../img/site/ic-mail-anime01.svg");
		background-size: cover;
		background-repeat: no-repeat;
		width: 20px;
		height: 15px;
		z-index: 3;
		transition: transform 0.4s ease-in-out, top 0.4s ease-in-out;
		z-index: 2;
	}
	.cus-button a .mail::after{
		position: absolute;
		top: 10px;
		content: "";
		background-image: url("../img/site/ic-mail-anime02.svg");
		background-size: cover;
		background-repeat: no-repeat;
		width: 20px;
		height: 10px;
		z-index: 3;
		transition: transform 0.4s ease-in-out, top 0.4s ease-in-out;
		z-index: 3;
		transform-origin: bottom;
	}
	.cus-button a:hover .mail::after{
		transform: translateY(-10px) scaleY(-1);
		top: 2px;
	}
	.cus-button.button-big a .mail{
		width: 60px;
	}
	.cus-button.button-big a .mail::before{
		top: 20px;
		width: 32px;
		height: 23px;
	}
	.cus-button.button-big a .mail::after{
		top: 20px;
		width: 32px;
		height: 16px;
	}
	.cus-button.button-big a:hover .mail::after{
		transform: translateY(-10px) scaleY(-1);
		top: 1px;
	}
	@media screen and (max-width: 767px) {
		.cus-button.button-big a{
			padding: 20px 15px;
			font-size: 17px;
		}
	}


	.cus-button02 a{
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: #d04525;
		border-radius: 6px;
		padding: 12px 15px;
		font-size: 16px;
		color: white;
		text-decoration: none;
		z-index: 1;
		transition: .3s;
	}
	.cus-button02 a .arrow{
		overflow: hidden;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		background-color: white;
		border-radius: 6px;
		width: 26px;
		aspect-ratio: 1 / 1;
	}
	.cus-button02 a .arrow::before{
		position: absolute;
		display: inline-block;
		font-family: "Font Awesome 6 Free";
		content: "\f061";
		font-weight: 900;
		color: #d04525;
		font-size: 14px;
	}
	.cus-button02 a:hover .arrow::before {
		animation: button-slide-arrowLoop 0.6s forwards;
	}

	.cus-button02.button-big a{
		padding: 30px 20px;
		font-size: 18px;
	}
	.cus-button02.button-big a .arrow{
		width: 50px;
	}
	.cus-button02.button-big a .arrow::before{
		font-size: 24px;
	}
	@media screen and (max-width: 767px) {
		.cus-button02.button-big a{
			padding: 20px 15px;
			font-size: 17px;
		}
	}
	@keyframes button-slide-arrowLoop {
		0% {
			transform: translateX(0);
			opacity: 1;
		}
		45% {
			transform: translateX(200%); /* 右に消える */
			opacity: 0;
		}
		50% {
			transform: translateX(-200%); /* 左にワープ */
			opacity: 0;
		}
		100% {
			transform: translateX(0); /* 中央に戻る */
			opacity: 1;
		}
	}
	@keyframes button-slide-windowLoop{
		0% {
			transform: rotate(-135deg) translateY(0) translateZ(0);
			opacity: 1;
		}
		40% {
			transform: rotate(-135deg) translateY(25px) translateZ(0);
			opacity: 1;
		}
		41% {
			transform: rotate(-135deg) translateY(-25px) translateZ(0);
			opacity: 0;
		}
		100% {
			transform: rotate(-135deg) translateY(0) translateZ(0);
			opacity: 1;
		}
	}


/* 画像ホバー時アクション */
	.cus-image-zoom{/* 画像ホバー時に少し拡大 */
		overflow: hidden;
		width: 100%;
	}
	.cus-image-zoom img{
		transition: 0.5s all;
	}
	.cus-image-zoom img:hover{
		transform: scale(1.2,1.2);
		transition: 0.7s all;
	}

	.cus-image-slide-text01{/* 画像ホバー時にテキスト表示 */
		position: relative;
		display: block;
		background-color: black;
		text-decoration: none;
	}
	.cus-image-slide-text01 .text{
		position: absolute;
		bottom: 0%;
		left: 0px;
		width: 100%;
		color: white;
		text-align: center;
		opacity: 0;
		z-index: 3;
		transition: 0.7s all;
	}
	.cus-image-slide-text01 .text .main{
		margin: 0;
		font-size: 32px;
		font-weight: 700;
	}
	.cus-image-slide-text01 .text .sub{
		margin: 0;
		font-size: 16px;
		font-weight: 700;
	}
	.cus-image-slide-text01 .image{
		margin: 0;
		transition: 0.7s all;
	}
	.cus-image-slide-text01:hover .text{
		bottom: 35%;
		opacity: 1;
		transition: 0.7s all;
	}
	.cus-image-slide-text01:hover .image{
		opacity: 0.4;
		transition: 0.7s all;
	}
	@media screen and (max-width: 1619px) {
		.cus-image-slide-text01 .text .main{
			font-size: 32px;
		}
		.cus-image-slide-text01 .text .sub{
			font-size: 16px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-image-slide-text01 .text .main{
			font-size: 26px;
		}
		.cus-image-slide-text01 .text .sub{
			font-size: 15px;
		}
	}
	@media print {
		.cus-image-slide-text01 .text{
			bottom: 35%;
			opacity: 1;
		}
		.cus-image-slide-text01 .image{
			opacity: 0.4;
		}
		.cus-image-slide-text01 .text .main{
			font-size: 20px;
		}
		.cus-image-slide-text01 .text .sub{
			font-size: 15px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-image-slide-text01 .text .main{
			font-size: 20px;
		}
		.cus-image-slide-text01 .text .sub{
			font-size: 15px;
		}
	}

	.cus-image-slide-text02{/* 画像ホバー時にテキスト非表示 */
		position: relative;
		display: block;
		background-color: black;
		text-decoration: none;
	}
	.cus-image-slide-text02 .text{
		position: absolute;
		bottom: 35%;
		left: 0px;
		width: 100%;
		color: white;
		text-align: center;
		opacity: 1;
		z-index: 3;
		transition: 0.7s all;
	}
	.cus-image-slide-text02 .text .main{
		margin: 0;
		font-size: 32px;
		font-weight: 700;
	}
	.cus-image-slide-text02 .text .sub{
		margin: 0;
		font-size: 16px;
		font-weight: 700;
	}
	.cus-image-slide-text02 .image{
		margin: 0;
		opacity: 0.5;
		transition: 0.7s all;
	}
	.cus-image-slide-text02:hover .text{
		bottom: 0%;
		opacity: 0;
		transition: 0.7s all;
	}
	.cus-image-slide-text02:hover .image{
		opacity: 1;
		transition: 0.7s all;
	}
	@media screen and (max-width: 1619px) {
		.cus-image-slide-text02 .text .main{
			font-size: 32px;
		}
		.cus-image-slide-text02 .text .sub{
			font-size: 16px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-image-slide-text02 .text .main{
			font-size: 26px;
		}
		.cus-image-slide-text02 .text .sub{
			font-size: 15px;
		}
	}
	@media print {
		.cus-image-slide-text02 .text{
			bottom: 35%;
			opacity: 1;
		}
		.cus-image-slide-text02 .image{
			opacity: 0.4;
		}
		.cus-image-slide-text02 .text .main{
			font-size: 20px;
		}
		.cus-image-slide-text02 .text .sub{
			font-size: 15px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-image-slide-text02 .text .main{
			font-size: 20px;
		}
		.cus-image-slide-text02 .text .sub{
			font-size: 15px;
		}
	}

	.cus-image-rotate{/* 画像ホバー時に少し拡大 */
		position: relative;
		width: 100%;
	}
	.cus-image-rotate::before{
		content: '';
		position: absolute;
		top: 2%;
		left: 2%;
		display: block;
		background-color: #bbbbbb;
		width: 96%;
		height: 96%;
		-ms-filter: blur(6px);
		filter: blur(6px);
		z-index: 1;
	}
	.cus-image-rotate img{
		position: relative;
		transition: 0.5s all;
		z-index: 3;
	}
	.cus-image-rotate img:hover{
		transform: rotate(8deg);
		transition: 0.3s all;
	}

/* テーブル装飾 */
	@media screen and (max-width: 767px) {
		.cus-table-responsive thead tr{
			display: none;
		}
		.cus-table-responsive tbody tr th,
		.cus-table-responsive tbody tr td{
			display: block;
			width: 100%;
		}
		.cus-table-responsive tbody tr th{
			background-color: #f4f4f4;
		}
	}

	.cus-table-normal{
		overflow: hidden;
		table-layout: fixed;
		border-collapse: separate;
	  border-spacing: 0;
	  border: none !important;
		width: 100%;
	}
	.cus-table-normal tr th{
		position: relative;
		padding: 22px 5px;
	  border: none !important;
	}
	.cus-table-normal tr th::before{
		content: '';
		position: absolute;
		bottom: 0px;
		left: 0%;
		border-bottom: dotted #3d8078 2px !important;
		width: 100%;
		height: 2px;
	}
	.cus-table-normal tr:first-child th::after{
		content: '';
		position: absolute;
		top: 0px;
		left: 2%;
		border-top: dotted #3d8078 2px !important;
		width: 100%;
		height: 2px;
	}
	.cus-table-normal tr td{
		position: relative;
		padding: 22px 0 22px 30px;
	  border: none !important;
	}
	.cus-table-normal tr td::before{
		content: '';
		position: absolute;
		bottom: 0px;
		left: 2%;
		border-bottom: dotted #00aa96 2px !important;
		width: 98%;
		height: 2px;
	}
	.cus-table-normal tr:first-child td::after{
		content: '';
		position: absolute;
		top: 0px;
		left: 2%;
		border-top: dotted #00aa96 2px !important;
		width: 98%;
		height: 2px;
	}
	@media screen and (max-width: 767px) {
		.cus-table-normal tr th{
			display: block;
			background-color: #3d8078;
			padding: 20px 10px;
			width: 100%;
			color: white;
			text-align: center;
		}
		.cus-table-normal tr th::before{
			display: none;
		}
		.cus-table-normal tr:first-child th::after{
			display: none;
		}
		.cus-table-normal tr td{
			display: block;
			padding: 20px 10px;
			width: 100%;
		}
		.cus-table-normal tr td::before{
			display: none;
		}
		.cus-table-normal tr:first-child td::after{
			display: none;
		}
	}

	.cus-table-hyou{
		overflow: hidden;
		table-layout: fixed;
		border-collapse: separate;
	  border-spacing: 0;
	  border: none;
		width: 100%;
	}
	.cus-table-hyou thead tr th{
		position: relative;
		background-color: #3d8078;
		border: none;
		padding: 14px 15px;
	}
	.cus-table-hyou thead tr th::before{
		content: '';
		position: absolute;
		top: 0px;
		right: 0px;
		background-color: white;
		width: 1px;
		height: 100%;
		z-index: 3;
	}

	.cus-table-hyou tbody tr th{
		position: relative;
		background-color: #3d8078;
		border: none;
		padding: 14px 15px;
		color: white;
	}
	.cus-table-hyou tbody tr th::before{
		content: '';
		position: absolute;
		bottom: 0px;
		left: 0px;
		background-color: white;
		width: 100%;
		height: 1px;
		z-index: 3;
	}

	.cus-table-hyou tr td{
		position: relative;
		border: none;
		border-bottom: #cfcfcf solid 1px;
		padding: 14px 15px;
	}
	.cus-table-hyou tr td::before{
		content: '';
		position: absolute;
		top: 0px;
		right: 0px;
		background-color: #cfcfcf;
		width: 1px;
		height: 100%;
		z-index: 3;
	}
	.cus-table-hyou tr td:last-child::before{
		display: none;
	}

	.cus-table-hyou tr td .tit{
		display: none;
	}
	@media screen and (max-width: 767px) {
		.cus-table-hyou{
			border-top: #cfcfcf solid 1px;
		}
		
		.cus-table-hyou thead tr th{
			display: none;
		}
		.cus-table-hyou thead tr th::before{
			display: none;
		}
		
		.cus-table-hyou tbody tr th{
			display: block;
			padding: 12px 10px;
			width: 100%;
		}
		.cus-table-hyou tbody tr th::before{
			display: none;
		}

		.cus-table-hyou tr td{
			display: block;
			width: 100%;
			padding: 12px 0px 12px 100px;
		}
		.cus-table-hyou tr td::before{
			display: none;
		}

		.cus-table-hyou tr td .tit{
			position: absolute;
			top: 0px;
			left: 0px;
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: #3d8078;
			width: 80px;
			height: 100%;
			color: white;
			z-index: 1;
		}
		.cus-table-hyou tbody tr:nth-child(odd) td{
			background-color: #e8f1f0 !important; /* 薄いグレーなど */
		}
	}


	.cus-table-border{
		overflow: hidden;
		table-layout: fixed;
		border-collapse: separate;
	  border-spacing: 0;
	  border: none;
		width: 100%;
	}
	.cus-table-border thead tr th,
	.cus-table-border tbody tr th,
	.cus-table-border tbody tr td{
		padding: 4px;
	}
	.cus-table-border thead tr th .text,
	.cus-table-border tbody tr th .text,
	.cus-table-border tbody tr td .text{
		display: block;
		border: #333333 solid 1px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		padding: 10px;
	}
	.cus-table-border thead tr th .text,
	.cus-table-border tbody tr th .text{
		background-color: #eaeaea;
	}
	@media screen and (max-width: 767px) {
		.cus-table-border thead{
			display: none;
		}
		.cus-table-border thead tr th,
		.cus-table-border tbody tr th,
		.cus-table-border tbody tr td{
			display: block;
			width: 100%;
		}
		.cus-table-border tbody tr th,
		.cus-table-border tbody tr td{
			padding: 4px 0;
		}
	}

	.cus-table-bgcover{
		overflow: hidden;
		table-layout: fixed;
		border-collapse: separate;
	  border-spacing: 0;
	  border: none;
		width: 100%;
	}
	.cus-table-bgcover thead tr th,
	.cus-table-bgcover tbody tr th,
	.cus-table-bgcover tbody tr td{
		padding: 4px;
	}
	.cus-table-bgcover thead tr th .text,
	.cus-table-bgcover tbody tr th .text,
	.cus-table-bgcover tbody tr td .text{
		display: block;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		padding: 12px;
	}
	.cus-table-bgcover thead tr th .text,
	.cus-table-bgcover tbody tr th .text{
		background-color: #eaeaea;
	}
	.cus-table-bgcover tbody tr td .text{
		background-color: #f7f7f7;
	}
	@media screen and (max-width: 767px) {
		.cus-table-bgcover thead{
			display: none;
		}
		.cus-table-bgcover thead tr th,
		.cus-table-bgcover tbody tr th,
		.cus-table-bgcover tbody tr td{
			display: block;
			width: 100%;
		}
		.cus-table-bgcover tbody tr th,
		.cus-table-bgcover tbody tr td{
			padding: 4px 0;
		}
	}
	
	.cus-table-tit-respon tbody tr th .text .misadhi,
	.cus-table-tit-respon tbody tr td .text .misadhi{/* 縦並び時に見出しを追加 */
		display: none;
	}
	@media screen and (max-width: 767px) {
		.cus-table-tit-respon tbody tr th .text,
		.cus-table-tit-respon tbody tr td .text{
			position: relative;
			padding-left: 100px;
		}
		.cus-table-tit-respon tbody tr th .text .misadhi,
		.cus-table-tit-respon tbody tr td .text .misadhi{
			display: block;
			position: absolute;
			top: 0x;
			left: 10px;
			width: 84px;
		}
		.cus-table-tit-respon tbody tr th .text .misadhi .dot,
		.cus-table-tit-respon tbody tr td .text .misadhi .dot{
			display: block;
			float: right;
		}
	}


/* お問い合わせページ */
	.cus-form-required{
		background-color: #d04525;
		border-radius: 4px;
		padding: 2px 6px;
		margin: 0;
		font-size: 14px;
		font-weight: 400;
		color: white;
		line-height: 20px;
	}

	.cus-form-contact{
		overflow: hidden;
	}
	.cus-form-contact .text{
		overflow: hidden;
		position: relative;
	}

	.cus-form-contact .required{/* 必須 */
		float: right;
		background-color: #d04525;
		border-radius: 4px;
		padding: 2px 6px;
		margin: 0;
		font-size: 14px;
		font-weight: 400;
		color: white;
		line-height: 20px;
		z-index: 3;
	}

	.cus-form-contact tbody tr:last-child th::before{
		content: '';
		position: absolute;
		bottom: 0px;
		left: 0px;
		background-color: #3d8078;
		width: 100%;
		height: 1px;
		z-index: 3;
	}
	.cus-form-contact tbody tr:first-child th::after{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: #3d8078;
		width: 100%;
		height: 1px;
		z-index: 3;
	}
	.cus-form-contact tbody tr:first-child td::after{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: #cfcfcf;
		width: 100%;
		height: 1px;
		z-index: 3;
	}
	.cus-form-contact tbody tr td{
		padding: 12px 10px !important;
	}
	.cus-form-contact tbody tr:nth-child(odd) td{
		background-color: white !important;
	}

	label{/* チェックボックス類微調整 */
	  display:block;
	  position:relative;
	  padding-left:1em;
	}
	label input{
	  position:absolute;
	  top:0;
	  bottom:0;
	  left:0;
	  margin:auto;
	}

	.cus-form-contact .text .area-min{/* フォーム幅調整 */
		width: 60%;
	}
	.cus-form-contact .text .area-full{
		width: 100%;
	}
	@media screen and (max-width: 767px) {
		.cus-form-contact .text .area-min{
			width: 100%;
		}
	}

	.cus-form-contact .text .area-address{/* 住所欄レイアウト */
		display: table;
		border-bottom: #d9d9d9 solid 1px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		width: 100%;
	}
	.cus-form-contact .text .area-address:last-child{
		border-bottom: #d9d9d9 solid 0px;
		margin-bottom: 0px;
	}
	.cus-form-contact .text .area-address .txt{
		position: relative;
		display: table-cell;
		width: 160px;
		vertical-align: middle;
	}
	.cus-form-contact .text .area-address .txt::before{
		content: ':';
		position: absolute;
		top: 3px;
		right: 10px;
	}
	.cus-form-contact .text .area-address .form{
		display: table-cell;
		vertical-align: middle;
	}
	@media print {
		.cus-form-contact .text .area-address{/* 住所欄レイアウト */
			display: block;
			padding-bottom: 8px;
			margin-bottom: 8px;
			width: auto;
		}
		.cus-form-contact .text .area-address:last-child{
			border-bottom: #a7a7a7 solid 0px;
			margin-bottom: 0px;
		}
		.cus-form-contact .text .area-address .txt{
			display: inline-block;
			margin-bottom: 5px;
			width: auto;
		}
		.cus-form-contact .text .area-address .txt::before{
			content: ':';
			position: absolute;
			top: -2px;
			right: -10px;
		}
		.cus-form-contact .text .area-address .form{
			display: block;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-form-contact .text .area-address{/* 住所欄レイアウト */
			display: block;
			padding-bottom: 8px;
			margin-bottom: 8px;
			width: auto;
		}
		.cus-form-contact .text .area-address:last-child{
			border-bottom: #a7a7a7 solid 0px;
			margin-bottom: 0px;
		}
		.cus-form-contact .text .area-address .txt{
			display: inline-block;
			margin-bottom: 5px;
			width: auto;
		}
		.cus-form-contact .text .area-address .txt::before{
			content: ':';
			position: absolute;
			top: -2px;
			right: -10px;
		}
		.cus-form-contact .text .area-address .form{
			display: block;
		}
	}

	.cus-cp-ipselect{/* 住所セレクトボックス */
	  overflow: hidden;
	  display: inline-block;
	  width: 200px !important;
	  text-align: center;
	}
	.cus-cp-ipselect select{
	  width: 100%;
	  padding-right: 1em;
	  cursor: pointer;
	  text-indent: 0.01px;
	  text-overflow: ellipsis;
	  border: none;
	  outline: none;
	  background: transparent;
	  background-image: none;
	  box-shadow: none;
	  -webkit-appearance: none;
	  appearance: none;
	}
	.cus-cp-ipselect select::-ms-expand{
	  display: none;
	}
	.cus-cp-ipselect{
	  position: relative;
	  border: 1px solid #949494;
	  border-radius: 0px;
	  background: #ffffff;
	}
	.cus-cp-ipselect::before{
	  position: absolute;
	  top: 1.1em;
	  right: 0.8em;
	  width: 0;
	  height: 0;
	  padding: 0;
	  content: '';
	  border-left: 6px solid transparent;
	  border-right: 6px solid transparent;
	  border-top: 6px solid #0a293a;/* arrow */
	  pointer-events: none;
	}
	.cus-cp-ipselect select{
	  padding: 3px 20px 3px 5px;
	  color: #333333;
	  font-size: 16px;
	}
	@media (max-width: 991.98px) {
		.cus-cp-ipselect{/* セレクトボックス */
	 	 width: 150px !important;
		}
		.cus-cp-ipselect.cp_sl04::before{
		  top: 0.8em;
		  right: 0.4em;
		  border-left: 5px solid transparent;
		  border-right: 5px solid transparent;
		}
		.cus-cp-ipselect.cp_sl04 select{
		  padding: 3px 15px 3px 4px;
		  font-size: 14px;
		}
	}
	@media print{
		.cus-cp-ipselect{/* セレクトボックス */
	 	 width: 130px !important;
		}
		.cus-cp-ipselect.cp_sl04::before{
		  top: 0.8em;
		  right: 0.4em;
		  border-left: 5px solid transparent;
		  border-right: 5px solid transparent;
		}
		.cus-cp-ipselect.cp_sl04 select{
		  padding: 3px 15px 3px 4px;
		  font-size: 12px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-cp-ipselect{/* セレクトボックス */
	 	 width: 150px !important;
		}
		.cus-cp-ipselect.cp_sl04::before{
		  top: 0.8em;
		  right: 0.4em;
		  border-left: 5px solid transparent;
		  border-right: 5px solid transparent;
		}
		.cus-cp-ipselect.cp_sl04 select{
		  padding: 3px 15px 3px 4px;
		  font-size: 14px;
		}
	}

	.cus-form-policy-tit{/* プライバシーポリシー */
		position: relative;
		display: inline-block;
		font-size: 20px;
		font-weight: 700;
		text-align: center;
	}
	.cus-form-policy-tit::before{
		content: '';
		position: absolute;
		top: 50%;
		left: -40px;
		display: block;
		background-color: #333333;
		width: 20px;
		height: 2px;
	}
	.cus-form-policy-tit::after{
		content: '';
		position: absolute;
		top: 50%;
		right: -40px;
		display: block;
		background-color: #333333;
		width: 20px;
		height: 2px;
	}
	
	.cus-form-policy{
		overflow: hidden;
		overflow-y: scroll;
		border: #333333 solid 1px;
		background-color: #f8f8f8;
		padding: 20px;
		height: 360px;
	}
	.cus-form-policy .policy-tit{
		display: inline-block;
		background-color: #888888;
		padding: 6px 10px 8px 10px;
		margin-bottom: 10px;
		color: white;
		line-height: 1;
	}
	@media screen and (max-width: 1619px) {
		.cus-form-policy-tit{/* プライバシーポリシー */
			font-size: 19px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-form-policy-tit{/* プライバシーポリシー */
			font-size: 18px;
		}
	}
	@media print {
		.cus-form-policy-tit{/* プライバシーポリシー */
			font-size: 18px;
		}
		.cus-form-policy-tit::before{
			left: -24px;
			width: 14px;
		}
		.cus-form-policy-tit::after{
			right: -24px;
			width: 14px;
		}
		
		.cus-form-policy{
			padding: 10px;
			height: 200px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-form-policy-tit{/* プライバシーポリシー */
			font-size: 18px;
		}
		.cus-form-policy-tit::before{
			left: -24px;
			width: 14px;
		}
		.cus-form-policy-tit::after{
			right: -24px;
			width: 14px;
		}
		
		.cus-form-policy{
			padding: 10px;
			height: 200px;
		}
	}

	.cus-form-submit{/* ボタン */
		text-align: center;
	}
	.cus-form-submit-daburu{
		display: -webkit-flex;
		display: flex;
		justify-content: center;
	}
	.cus-form-submit-daburu .cus-form-button{
		margin-right: 20px;
	}
	.cus-form-submit-daburu .cus-form-button:last-child{
		margin-right: 0px;
	}
	
	.cus-form-button button{
		overflow: hidden;
		display: inline-block;
		position: relative;
		border: none;
		border: #30b7a8 solid 1px;
		background-color: #30b7a8;
		border-radius: 6px;
		padding: 12px 15px;
		margin: 0;
		width: 240px;/* ボタン幅調整 */
		font-size: 18px;
		color: white;
		text-align: center;
	}
	.cus-form-button.long button{
		width: 600px;/* ボタン幅調整 */
	}
	.cus-form-button.white button{
		border: #646464 solid 1px;
		background: linear-gradient(90deg, white, white);
		color: #646464;
	}
	.cus-form-button button span{
		position: relative;
		z-index: 6;
	}
	.cus-form-button button::before{
		content: "";
		top: 0;
		left: 0;
		overflow: hidden;
		position: absolute;
		background: white;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		width: 100%;
		height: 100%;
		z-index: 3;
		transform-origin: 100% 50%;
		transform: scaleX(0);
		transition: transform ease .3s;
	}
	.cus-form-button.white button::before{
		background: #646464;
	}
	.cus-form-button button:hover{
		color: #646464;
		text-decoration: none;
	}
	.cus-form-button.white button:hover{
		color: white;
		text-decoration: none;
	}
	.cus-form-button button:hover::before{
		transform-origin: 0% 50%;
		transform: scaleX(1);
	}

	.cus-form-doui{
		display: table;
		margin: 0 auto;
	}
	.cus-form-doui .doui-check{
		position: relative;
		top: -1px;
		display: table-cell;
		padding: 0;
		margin: 0;
		width: auto;
		vertical-align: middle;
	}
	.cus-form-doui .doui-text{
		display: table-cell;
		padding: 0;
		margin: 0;
		width: auto;
		vertical-align: middle;
	}
	@media print {
		.cus-form-button button{
			width: 220px;/* ボタン幅調整 */
			font-size: 18px;
		}
		.cus-form-button.long button{
			width: 100%;/* ボタン幅調整 */
		}
	}
	@media screen and (max-width: 767px) {
		.cus-form-submit-daburu{
			display: block;
		}
		.cus-form-submit-daburu .cus-form-button{
			margin-right: 0px;
			margin-bottom: 20px;
			text-align: center;
		}
		.cus-form-submit-daburu .cus-form-button:last-child{
			margin-bottom: 0px;
		}
		
		.cus-form-button button{
			width: 220px;/* ボタン幅調整 */
			font-size: 18px;
		}
		.cus-form-button.long button{
			width: 100%;/* ボタン幅調整 */
		}

		.cus-form-doui .doui-text{
			text-align: left;
		}
	}

	.file-upload {/* ファイルアップロード */
	  display: flex;
	  align-items: center;
	  gap: 12px;
	}
	.file-label {
	  display: inline-block;
	  padding: 8px 16px;
	  background-color: #30b7a8;
	  color: #fff;
	  border-radius: 6px;
	  cursor: pointer;
	  font-size: 14px;
	}
	.file-label:hover {
	  background: #109182;
	}
	.file-label input[type="file"] {/* 本体のfile inputは非表示 */
	  display: none;
	}
	.file-name {
	  font-size: 14px;
	  color: #555;
	}

/* お問い合わせページバリデーション */
	.error-bubble{
	  position: absolute;
	  left: 0;
	  top: 95%;
	  margin-top: 2px;
	  background: rgba(255, 0, 0, 0.75);
	  color: white;
	  padding: 8px 12px;
	  border-radius: 6px;
	  font-size: 14px;
	  z-index: 50;
	  width: max-content;
	  max-width: 260px;
	  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	}
	.error-bubble::after{
	  content: "";
	  position: absolute;
	  top: -6px;
	  left: 10px;
	  border-width: 0 6px 6px 6px;
	  border-style: solid;
	  border-color: transparent transparent rgba(255,0,0,0.75) transparent;
	}
	.cus-form-text{position: relative;}/* textフォームのバリデーション用 */

/* GoogleMap埋め込み */
	.cus-gmap{
		overflow: hidden;
		position: relative;
		margin: 0;
		width: 100%;
		height: 465px;
	}
	.cus-gmap iframe,
	.cus-gmap object,
	.cus-gmap embed{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	@media screen and (max-width: 767px) {
		.cus-gmap{
			height: 30vh;
		}
	}

/* YouTube埋め込み */
	.cus-youtube{
	  position: relative;
	  width: 100%;
	  padding-top: 56.25%;
	}
	.cus-youtube iframe{
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 100% !important;
	  height: 100% !important;
	}

/* EZGATE タグコレボタン設定 */
	.tagcolle-btn-default{
		box-shadow: none !important;
		background-color: #01203b !important;
		border: none !important;
	}
	.tagcolle-btn{
		font-weight: 400 !important;
		font-size: 18px !important;
		color: white !important;
	}
	@media (max-width: 991.98px) {
		.tagcolle-btn{
			font-size: 17px !important;
		}
	}