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

	@media screen and (max-width: 1399.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)
 
	-------------------

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

*/

/* サイドナビ */
	.cus-side-nav{
		position: fixed;
		bottom: 20%;
		right: 0px;
		z-index: 99;
	}
	.cus-side-nav .nav-col{
		margin-bottom: 10px;
		width: 80px;
		height: 100px;
		color: white;
		font-size: 14px;
	}
	.cus-side-nav .nav-col a{
		color: white;
		text-decoration: none;
	}
	.cus-side-nav .nav-col .phone{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border: #5287d2 solid 2px;
		border-right: none;
		background-color: #5287d2;
		border-radius: 12px 0 0 12px;
		width: 100%;
		height: 100%;
	}
	.cus-side-nav .nav-col .line{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border: #abd129 solid 2px;
		border-right: none;
		background-color: #abd129;
		border-radius: 12px 0 0 12px;
		width: 100%;
		height: 100%;
	}
	.cus-side-nav .nav-col .web{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border: #fb861e solid 2px;
		border-right: none;
		background-color: #fb861e;
		border-radius: 12px 0 0 12px;
		width: 100%;
		height: 100%;
	}
	.cus-side-nav .nav-col .map{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border: #83aeea solid 2px;
		border-right: none;
		background-color: #fafbfc;
		border-radius: 12px 0 0 12px;
		width: 100%;
		height: 100%;
		color: #83aeea;
	}
	.cus-side-nav .nav-col .ic{
		margin-bottom: 6px;
	}

	.cus-side-nav .nav-col .phone{
		background-image: linear-gradient(to left, #3f70b5 0%, #3f70b5 100%);
	}
	.cus-side-nav .nav-col .line{
		background-image: linear-gradient(to left, #8eae18 0%, #8eae18 100%);
	}
	.cus-side-nav .nav-col .web{
		background-image: linear-gradient(to left, #d9680d 0%, #d9680d 100%);
	}
	.cus-side-nav .nav-col .map{
		background-image: linear-gradient(to left, #dce8f9 0%, #dce8f9 100%);
	}
	.cus-side-nav .nav-col .phone,
	.cus-side-nav .nav-col .line,
	.cus-side-nav .nav-col .web,
	.cus-side-nav .nav-col .map{
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 0% 100%;
		transition: background-size 0.4s ease;
	}
	.cus-side-nav .nav-col .phone:hover,
	.cus-side-nav .nav-col .line:hover,
	.cus-side-nav .nav-col .web:hover,
	.cus-side-nav .nav-col .map:hover{
		background-size: 100% 100%;
	}

	.cus-side-nav{/* 動作 */
		transform: translateX(100%);
		opacity: 0;
		pointer-events: none;
		transition: transform 0.4s ease, opacity 0.25s ease;
	}
	.cus-side-nav.is-visible{
		transform: translateX(0);
		opacity: 1;
		pointer-events: auto;
	}
	@media print {
		.cus-side-nav{
			display: none;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-side-nav{
			position: fixed;
			bottom: -2px;
			right: auto;
			left: 2%;
			display: flex;
			gap: 6px;
			width: 96%;
			z-index: 99;
		}
		.cus-side-nav .nav-col{
			margin-bottom: 0px;
			padding: 5px 0 2px 0;
			width: 25%;
			height: 70px;
			font-size: 13px;
		}
		.cus-side-nav .nav-col .phone{
			border-radius: 4px 4px 0 0;
			border: #5287d2 solid 2px;
			border-bottom: none;
		}
		.cus-side-nav .nav-col .line{
			border-radius: 4px 4px 0 0;
			border: #abd129 solid 2px;
			border-bottom: none;
		}
		.cus-side-nav .nav-col .web{
			border-radius: 4px 4px 0 0;
			border: #fb861e solid 2px;
			border-bottom: none;
		}
		.cus-side-nav .nav-col .map{
			border-radius: 4px 4px 0 0;
			border: #83aeea solid 2px;
			border-bottom: none;
		}

		.cus-side-nav .nav-col .ic{
			margin-bottom: 4px;
		}
		.cus-side-nav .nav-col .ic img{
			width: 26px;
		}
	}


/* 下層ページヘッダ */
	.cus-promo{
		position: relative;
		padding: 20px 2%;
	}

	.cus-promo .promo-title{
		position: absolute;
		top: 50%;
		left: 3%;
		transform: translateY(-50%);
	}
	.cus-promo .promo-title .main{
		position: relative;
		display: inline-block;
		padding: 8px 30px;
		margin: 0;
		color: #5287d2;
		font-size: 52px;
	}
	.cus-promo .promo-title .main::before{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: #f7f9fc;
		border-radius: 6px;
		width: 100%;
		height: 100%;
		z-index: -1;
	}

	.cus-promo .img{
		overflow: hidden;
		border-radius: 28px;
		margin: 0;
		width: 100%;
		height: 340px;
	}
	.cus-promo .img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	@media screen and (max-width: 1399.98px) {
		.cus-promo .promo-title{
			left: 3.6%;
		}
		.cus-promo .promo-title .main{
			padding: 8px 26px;
			font-size: 46px;
		}
	
		.cus-promo .img{
			border-radius: 28px;
			height: 290px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-promo{
			margin-top: 60px;
		}

		.cus-promo .promo-title{
			left: 3.6%;
		}
		.cus-promo .promo-title .main{
			padding: 8px 22px;
			font-size: 42px;
		}
	
		.cus-promo .img{
			border-radius: 24px;
			height: 240px;
		}
	}
	@media print {
		.cus-promo{
			margin-top: 0px;
		}

		.cus-promo .promo-title{
			left: 4%;
		}
		.cus-promo .promo-title .main{
			padding: 8px 20px;
			font-size: 34px;
		}
	
		.cus-promo .img{
			border-radius: 20px;
			height: 200px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-promo{
			margin-top: 60px;
		}

		.cus-promo .promo-title{
			left: 4%;
		}
		.cus-promo .promo-title .main{
			padding: 8px 20px;
			font-size: 26px;
		}
	
		.cus-promo .img{
			border-radius: 20px;
			height: 160px;
		}
	}

/* ヘッダ部表示アニメーション */
	.js-title-bg-reveal.is-ready .main::before{
		transform: scaleX(0);
		transform-origin: left center;
		transition: transform 0.45s ease;
	}
	.js-title-bg-reveal.is-ready .main.is-bg-visible::before{
		transform: scaleX(1);
	}
	.js-title-bg-reveal.is-ready .main .char{
		display: inline-block;
		opacity: 0;
		transform: translateY(8px);
		transition: opacity 0.35s ease, transform 0.35s ease;
	}
	.js-title-bg-reveal.is-ready .main .char.is-visible{
		opacity: 1;
		transform: translateY(0);
	}
	
	.cus-mv-col .col-title .sub[data-aos="fade-up"]{
		transition-delay: 0s;
	}
	.cus-mv-col .col-title .sub[data-aos="fade-up"].aos-animate{
		transition-delay: 3.5s;
	}


/* タイトル */
	.cus-title01{
		position: relative;
	}
	.cus-title01::before{
		content: '';
		position: absolute;
		top: 6px;
		left: 0px;
		background-image: url("../img/site/title01-img.png");
		background-size: cover;
		background-repeat: no-repeat;
		width: 38px;
		height: 36px;
	}
	.cus-title01 .main{
		padding-left: 50px;
		font-size: 36px;
	}
	.cus-title01 .sub{
		font-family: "LINE Seed JP", sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #8ca5d6;
	}
	.cus-title01.is-title-char-ready .main .char{
		display: inline-block;
		opacity: 0;
		transform: translateY(16px) scale(0.8);
	}
	.cus-title01.is-title-char-ready .main .char.is-visible{
		animation: cus-title01-char 0.5s ease-out forwards;
	}
	@keyframes cus-title01-char{
		0%{
			opacity: 0;
			transform: translateY(16px) scale(0.8);
		}
		65%{
			opacity: 1;
			transform: translateY(-4px) scale(1.08);
		}
		100%{
			opacity: 1;
			transform: translateY(0) scale(1);
		}
	}
	@media screen and (max-width: 1399.98px) {
		.cus-title01::before{
			top: 6px;
			background-size: 34px 32px;
			width: 34px;
			height: 32px;
		}
		.cus-title01 .main{
			padding-left: 46px;
			font-size: 32px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-title01::before{
			top: 5px;
			background-size: 30px 29px;
			width: 30px;
			height: 29px;
		}
		.cus-title01 .main{
			padding-left: 42px;
			font-size: 28px;
		}
	}
	@media print {
		.cus-title01::before{
			top: 4px;
			background-size: 27px 25px;
			width: 27px;
			height: 25px;
		}
		.cus-title01 .main{
			padding-left: 36px;
			font-size: 22px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-title01::before{
			top: 4px;
			background-size: 27px 25px;
			width: 27px;
			height: 25px;
		}
		.cus-title01 .main{
			padding-left: 36px;
			font-size: 24px;
		}
	}

	.cus-title02{
		text-align: center;
	}
	.cus-title02 .main{
		position: relative;
		display: inline-block;
		padding: 20px 80px;
		font-size: 38px;
		letter-spacing: 0.08em;
	}
	.cus-title02 .main::before{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		border: #5287d2 solid 2px;
		border-right: none;
		border-radius: 12px 0 0 12px;
		width: 30px;
		height: 100%;
	}
	.cus-title02 .main::after{
		content: '';
		position: absolute;
		top: 0px;
		right: 0px;
		border: #5287d2 solid 2px;
		border-left: none;
		border-radius: 0 12px 12px 0;
		width: 30px;
		height: 100%;
	}
	.cus-title02.is-title02-char-ready .main{
		perspective: 600px;
	}
	.cus-title02.is-title02-char-ready .main .char{
		display: inline-block;
		opacity: 0;
		transform: rotateY(90deg);
		transform-origin: center;
	}
	.cus-title02.is-title02-char-ready .main .char.is-visible{
		animation: cus-title02-char 0.5s ease-out forwards;
	}
	@keyframes cus-title02-char{
		0%{
			opacity: 0;
			transform: rotateY(90deg);
		}
		70%{
			opacity: 1;
			transform: rotateY(-10deg);
		}
		100%{
			opacity: 1;
			transform: rotateY(0);
		}
	}
	@media screen and (max-width: 1399.98px) {
		.cus-title02 .main{
			padding: 18px 72px;
			font-size: 35px;
		}
		.cus-title02 .main::before{
			width: 30px;
		}
		.cus-title02 .main::after{
			width: 30px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-title02 .main{
			padding: 16px 62px;
			font-size: 30px;
		}
		.cus-title02 .main::before{
			width: 24px;
		}
		.cus-title02 .main::after{
			width: 24px;
		}
	}
	@media print {
		.cus-title02 .main{
			padding: 14px 52px;
			font-size: 24px;
		}
		.cus-title02 .main::before{
			width: 20px;
		}
		.cus-title02 .main::after{
			width: 20px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-title02 .main{
			padding: 14px 32px;
			font-size: 24px;
		}
		.cus-title02 .main::before{
			border-radius: 8px 0 0 8px;
			width: 20px;
		}
		.cus-title02 .main::after{
			border-radius: 0 8px 8px 0;
			width: 20px;
		}
	}


/* 背景ボックス */
	.cus-bg-f7f9fc{
		background-color: #f7f9fc;
		border-radius: 20px;
		padding: 60px 50px;
	}
	.cus-bg-ccdff7{
		background-color: rgba(204, 223, 247, 0.9);
		border-radius: 20px;
		padding: 60px 50px;
	}
	.cus-bg-f2f6fc{
		background-color: #f2f6fc;
		border-radius: 20px;
		padding: 60px 50px;
	}
	.cus-bg-e7f9ed{
		background-color: rgba(232, 250, 238, 1);
		border-radius: 20px;
		padding: 60px 50px;
	}
	.cus-bg-fcf5f9{
		background-color: #fcf5f9;
		border-radius: 20px;
		padding: 60px 50px;
	}

	.cus-bg-eeeeee{
		background-color: #eeeeee;
		border-radius: 20px;
		padding: 60px 50px;
	}
	@media screen and (max-width: 1399.98px) {
		.cus-bg-f7f9fc,
		.cus-bg-ccdff7,
		.cus-bg-f2f6fc,
		.cus-bg-e7f9ed,
		.cus-bg-fcf5f9,
		.cus-bg-eeeeee{
			padding: 50px 40px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-bg-f7f9fc,
		.cus-bg-ccdff7,
		.cus-bg-f2f6fc,
		.cus-bg-e7f9ed,
		.cus-bg-fcf5f9,
		.cus-bg-eeeeee{
			padding: 40px 30px;
		}
	}
	@media print {
		.cus-bg-f7f9fc,
		.cus-bg-ccdff7,
		.cus-bg-f2f6fc,
		.cus-bg-e7f9ed,
		.cus-bg-fcf5f9,
		.cus-bg-eeeeee{
			padding: 30px 20px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-bg-f7f9fc,
		.cus-bg-ccdff7,
		.cus-bg-f2f6fc,
		.cus-bg-e7f9ed,
		.cus-bg-fcf5f9,
		.cus-bg-eeeeee{
			padding: 30px 20px;
		}
	}

/* 背景ウエーブ */
	.cus-bg-wave-body{
		position: relative;
		background-color: #fafbfd;
		padding: 20px 0;
		margin: 170px 0 270px 0;/* 下マージン120分含む */
	}
	.cus-bg-wave-body.bottom-nowave{
		margin: 170px 0 0 0;/* 下マージン120分含む */
	}
	.cus-bg-wave-body::before{
		content: '';
		position: absolute;
		top: -171px;
		left: 0px;
		background-image: url("../img/site/wave-top.png");
		background-position: center top;
		background-repeat: no-repeat;
		background-size: auto auto;
		width: 100%;
		height: 171px;
	}
	.cus-bg-wave-body::after{
		content: '';
		position: absolute;
		bottom: -152px;
		left: 0px;
		background-image: url("../img/site/wave-bottom.png");
		background-position: center top;
		background-repeat: no-repeat;
		background-size: auto auto;
		width: 100%;
		height: 152px;
	}
	.cus-bg-wave-body.bottom-nowave::after{
		display: none;
	}
	@media screen and (min-width: 2000.98px) {
		.cus-bg-wave-body::before{
			background-size: 100% 171px;
		}
		.cus-bg-wave-body::after{
			background-size: 100% 152px;
		}
	}
	@media screen and (max-width: 1399.98px) {
		.cus-bg-wave-body{
			padding: 20px 0;
			margin: 140px 0 220px 0;/* 下マージン120分含む */
		}
		.cus-bg-wave-body.bottom-nowave{
			margin: 140px 0 0 0;/* 下マージン120分含む */
		}
		.cus-bg-wave-body::before{
			top: -141px;
			background-size: 1400px 100%;
			height: 141px;
		}
		.cus-bg-wave-body::after{
			bottom: -131px;
			background-size: 1400px 100%;
			height: 131px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-bg-wave-body{
			padding: 15px 0;
			margin: 120px 0 180px 0;/* 下マージン120分含む */
		}
		.cus-bg-wave-body.bottom-nowave{
			margin: 120px 0 0 0;/* 下マージン120分含む */
		}
		.cus-bg-wave-body::before{
			top: -121px;
			background-size: 1100px 100%;
			height: 121px;
		}
		.cus-bg-wave-body::after{
			bottom: -111px;
			background-size: 1100px 100%;
			height: 111px;
		}
	}
	@media print {
		.cus-bg-wave-body{
			padding: 10px 0;
			margin: 80px 0 120px 0;/* 下マージン120分含む */
		}
		.cus-bg-wave-body.bottom-nowave{
			margin: 80px 0 0 0;/* 下マージン120分含む */
		}
		.cus-bg-wave-body::before{
			top: -91px;
			background-size: 800px 100%;
			height: 91px;
		}
		.cus-bg-wave-body::after{
			bottom: -81px;
			background-size: 800px 100%;
			height: 81px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-bg-wave-body{
			padding: 10px 0;
			margin: 80px 0 120px 0;/* 下マージン120分含む */
		}
		.cus-bg-wave-body.bottom-nowave{
			margin: 80px 0 0 0;/* 下マージン120分含む */
		}
		.cus-bg-wave-body::before{
			top: -91px;
			background-size: 800px 100%;
			height: 91px;
		}
		.cus-bg-wave-body::after{
			bottom: -81px;
			background-size: 800px 100%;
			height: 81px;
		}
	}

/* 共通カレンダー */
	.cus-calendar-con{
		display: flex;
		align-items: center;
		gap: 16px;
		font-size: 16px;
	}
	.cus-calendar-con .title{}
	.cus-calendar-con .title span{
		background-color: #83aeea;
		border-radius: 100px;
		padding: 2px 14px;
		color: white;
	}
	.cus-calendar-text02{
		display: flex;
		gap: 10px;
		font-size: 16px;
	}

	.cus-calendar-col01{
		border-bottom: #cbcfd7 solid 1px;
		padding-bottom: 22px;
		margin-bottom: 20px;
		text-align: center;
	}
	.cus-calendar-ms{/* 右コンテンツの余白 */
		margin-left: 50px;
	}

	.cus-calendar-col01 .col01-phone .min{
		font-size: 20px;
	}
	.cus-calendar-col01 .col01-phone .dial{
		font-size: 40px;
		letter-spacing: 0.08em;
	}
	@media screen and (max-width: 1399.98px) {
		.cus-calendar-con{
			gap: 14px;
			font-size: 15px;
		}
		.cus-calendar-con .title{
			font-size: 15px;
		}
		.cus-calendar-text02{
			font-size: 15px;
		}
	
		.cus-calendar-col01{
			padding-bottom: 22px;
			margin-bottom: 20px;
		}
		.cus-calendar-ms{/* 右コンテンツの余白 */
			margin-left: 20px;
		}
	
		.cus-calendar-col01 .col01-phone .min{
			font-size: 19px;
		}
		.cus-calendar-col01 .col01-phone .dial{
			font-size: 36px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-calendar-con{
			gap: 14px;
			font-size: 16px;
		}
		.cus-calendar-con .title{
			font-size: 16px;
		}
		.cus-calendar-text02{
			font-size: 16px;
		}
	
		.cus-calendar-col01{
			padding-bottom: 22px;
			margin-bottom: 20px;
		}
		.cus-calendar-ms{/* 右コンテンツの余白 */
			margin-left: 30px;
		}
	
		.cus-calendar-col01 .col01-phone .min{
			font-size: 20px;
		}
		.cus-calendar-col01 .col01-phone .dial{
			font-size: 40px;
		}
	}
	@media print {
		.cus-calendar-con{
			gap: 14px;
			font-size: 15px;
		}
		.cus-calendar-con .title{
			font-size: 15px;
		}
		.cus-calendar-text02{
			font-size: 15px;
		}
	
		.cus-calendar-col01{
			padding-bottom: 22px;
			margin-bottom: 20px;
		}
		.cus-calendar-ms{/* 右コンテンツの余白 */
			margin-left: 20px;
		}
	
		.cus-calendar-col01 .col01-phone .min{
			font-size: 18px;
		}
		.cus-calendar-col01 .col01-phone .dial{
			font-size: 34px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-calendar-con{
			display: block;
			gap: 0px;
			font-size: 15px;
		}
		.cus-calendar-con .title{
			display: block;
			margin-bottom: 5px;
			font-size: 15px;
		}
		.cus-calendar-text02{
			font-size: 15px;
		}
	
		.cus-calendar-col01{
			padding-bottom: 22px;
			margin-bottom: 20px;
		}
		.cus-calendar-ms{/* 右コンテンツの余白 */
			margin-left: 0px;
		}
	
		.cus-calendar-col01 .col01-phone .min{
			font-size: 16px;
		}
		.cus-calendar-col01 .col01-phone .dial{
			font-size: 28px;
		}
	}

/* サイト内イラストポップアップ */
	.img-pop.is-img-pop-ready{
		display: inline-block;
		opacity: 0;
		transform: translateY(32px) scale(0.8);
	}
	.img-pop.is-img-pop-ready.is-visible{
		animation: cus-popimg-char 0.8s ease-out forwards;
	}
	@keyframes cus-popimg-char{
		0%{
			opacity: 0;
			transform: translateY(32px) scale(0.8);
		}
		65%{
			opacity: 1;
			transform: translateY(-30px) scale(1.08);
		}
		100%{
			opacity: 1;
			transform: translateY(0) scale(1);
		}
	}
	@media screen and (max-width: 767px) {
		.img-pop,
		.img-pop.is-img-pop-ready,
		.img-pop.is-img-pop-ready.is-visible{
			display: inline-block;
			opacity: 1 !important;
			transform: none !important;
			animation: none !important;
			pointer-events: none;
		}
	}

/* ボタン */
	.cus-button01 a{
		position: relative;
		display: inline-block;
		padding-left: 50px;
		color: #313233;
		text-decoration: none;
	}
	.cus-button01 a::before{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: #83aeea;
		border-radius: 50%;
		width: 40px;
		aspect-ratio: 1 / 1;
	}
	.cus-button01.button01-pink a::before{
		background-color: #fac3de;
	}
	.cus-button01.button01-orange a::before{
		background-color: #ffa351;
	}
	.cus-button01 a::after{
		content: '\f178';
		position: absolute;
		top: 0px;
		left: 0px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		aspect-ratio: 1 / 1;
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		font-size: 12px;
		color: white;
	}
	.cus-button01.back a::after{
		content: '\f177';
	}
	.cus-button01 a:hover::after{
		animation: cus-button01-arrow 0.5s ease;
	}
	.cus-button01.back a:hover::after{
		animation: cus-button01-arrow-back 0.5s ease;
	}
	@keyframes cus-button01-arrow{
		0%{
			opacity: 1;
			transform: translateX(0);
		}
		45%{
			opacity: 0;
			transform: translateX(20px);
		}
		55%{
			opacity: 0;
			transform: translateX(-20px);
		}
		100%{
			opacity: 1;
			transform: translateX(0);
		}
	}
	@keyframes cus-button01-arrow-back{
		0%{
			opacity: 1;
			transform: translateX(0);
		}
		45%{
			opacity: 0;
			transform: translateX(-20px);
		}
		55%{
			opacity: 0;
			transform: translateX(20px);
		}
		100%{
			opacity: 1;
			transform: translateX(0);
		}
	}
	@media (max-width: 991.98px) {
		.cus-button01 a{
			padding-left: 40px;
		}
		.cus-button01 a::before{
			width: 32px;
		}
		.cus-button01 a::after{
			width: 32px;
		}
	}
	@media print {
		.cus-button01 a{
			padding-left: 34px;
		}
		.cus-button01 a::before{
			width: 28px;
		}
		.cus-button01 a::after{
			width: 28px;
		}
	}
	
/* ボタン */
	.cus-button02 a{
		position: relative;
		display: flex;
		align-items: center;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 0% 100%;
		padding: 15px 20px 15px 90px;
		height: 80px;
		font-size: 20px;
		color: white;
		text-decoration: none;
		transition: background-size 0.4s ease;
	}
	.cus-button02 a::before{
		content: '';
		position: absolute;
		top: 50%;
		left: 15px;
		background-color: white;
		border-radius: 50%;
		width: 50px;
		aspect-ratio: 1 / 1;
		transform: translateY(-50%);
	}
	.cus-button02 a::after{
		content: '\f178';
		position: absolute;
		top: 50%;
		left: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50px;
		aspect-ratio: 1 / 1;
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		font-size: 16px;
		transform: translateY(-50%);
	}
	.cus-button02 a:hover::after{
		animation: cus-button02-arrow 0.5s ease;
	}
	.cus-button02.button02-orange a{
		background-color: #fb861e;
		background-image: linear-gradient(to right, #dc6810 0%, #dc6810 100%);
		border-radius: 100px;
	}
	.cus-button02.button02-orange a::after{
		color: #fb861e;
	}
	.cus-button02.button02-green a{
		background-color: #abd129;
		background-image: linear-gradient(to right, #86a817 0%, #86a817 100%);
		border-radius: 100px;
	}
	.cus-button02.button02-green a::after{
		color: #abd129;
	}
	.cus-button02 a:hover,
	.cus-button02 a:focus{
		background-size: 100% 100%;
	}
	.cus-button02 a:hover::after,
	.cus-button02 a:focus::after{
		animation: cus-button02-arrow 0.5s ease;
	}
	@keyframes cus-button02-arrow{
		0%{
			opacity: 1;
			transform: translateY(-50%) translateX(0);
		}
		45%{
			opacity: 0;
			transform: translateY(-50%) translateX(26px);
		}
		55%{
			opacity: 0;
			transform: translateY(-50%) translateX(-26px);
		}
		100%{
			opacity: 1;
			transform: translateY(-50%) translateX(0);
		}
	}

/* ボタン */
	.cus-button03 a{
		position: relative;
		display: flex;
		align-items: center;
		border: #83aeea solid 1px;
		background-color: #fcfdff;
		background-image: linear-gradient(to right, #83aeea 0%, #83aeea 100%);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 0% 100%;
		border-radius: 100px;
		height: 60px;
		padding-left: 70px;
		color: #83aeea;
		line-height: 1.4;
		text-decoration: none;
		transition: background-size 0.4s ease, color 0.25s ease 0.1s;
	}
	.cus-button03 a::before{
		content: '';
		position: absolute;
		top: 50%;
		left: 15px;
		background-color: #83aeea;
		border-radius: 50%;
		width: 40px;
		aspect-ratio: 1 / 1;
		transform: translateY(-50%);
		transition: background-color 0.25s ease 0.1s;
	}
	.cus-button03 a::after{
		content: '\f178';
		position: absolute;
		top: 50%;
		left: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		aspect-ratio: 1 / 1;
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		font-size: 12px;
		color: white;
		transform: translateY(-50%);
		transition: color 0.25s ease 0.1s;
	}
	.cus-button03 a:hover,
	.cus-button03 a:focus{
		background-size: 100% 100%;
		color: #fcfdff;
	}
	.cus-button03 a:hover::before,
	.cus-button03 a:focus::before{
		background-color: #fcfdff;
	}
	.cus-button03 a:hover::after,
	.cus-button03 a:focus::after{
		color: #83aeea;
		animation: cus-button03-arrow 0.5s ease;
	}
	@keyframes cus-button03-arrow{
		0%{
			opacity: 1;
			transform: translateY(-50%) translateX(0);
		}
		45%{
			opacity: 0;
			transform: translateY(-50%) translateX(22px);
		}
		55%{
			opacity: 0;
			transform: translateY(-50%) translateX(-22px);
		}
		100%{
			opacity: 1;
			transform: translateY(-50%) translateX(0);
		}
	}


/* モーダルウインドウに関わる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-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: 1399.98px) {
		.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: 1399.98px) {
		.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;
		}
	}

	.table-normal{
		overflow: hidden;
		table-layout: fixed;
		border-collapse: collapse;
		border: none;
		border-radius: 22px;
		width: 100%;
		--bs-table-bg: transparent;
		--bs-table-border-color: transparent;
	}
	.table-normal th,
	.table-normal td{
		border: none !important;
		padding: 14px 8px;
		text-align: center;
		vertical-align: middle;
	}
	.table-normal thead th{
		background-color: #83aeea !important;
		color: white;
		font-size: 15px;
		font-weight: 400;
	}
	.table-normal thead th:first-child,
	.table-normal tbody th{
		width: 25%;
	}
	.table-normal tbody th{
		background-color: #c4dafa !important;
		color: inherit;
		font-size: 16px;
		font-weight: 400;
	}
	.table-normal tbody td{
		background-color: #fafbfc !important;
		color: #4a86d9;
		font-size: 15px;
		font-weight: 400;
	}
	.table-normal sup{
		font-size: 0.7em;
	}

	.cus-table-border{
		overflow: hidden;
		table-layout: fixed;
		border-collapse: separate;
	  border-spacing: 0;
	  border: none;
		width: 100%;
	}
	.cus-table-border tbody tr th,
	.cus-table-border tbody tr td{
		position: relative;
		vertical-align: top;
	}
	.cus-table-border tbody tr th .text,
	.cus-table-border tbody tr td .text{
		display: block;
		padding: 14px;
	}
	.cus-table-border tbody tr th::before{
		content: '';
		position: absolute;
		bottom: 0px;
		left: 0px;
		background-color: #5287d2;
		width: 96%;
		height: 2px;
	}
	.cus-table-border tbody tr td::before{
		content: '';
		position: absolute;
		bottom: 0px;
		left: 0px;
		background-color: #aeccf7;
		width: 100%;
		height: 2px;
	}
	@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-border tbody tr th::before{
			width: 100%;
		}
	}

	.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: #a90505;
		padding: 1px 6px 0 6px;
		margin: 0;
		height: 20px;
		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: #a90505;
		padding: 1px 6px 0 6px;
		margin: 0;
		height: 20px;
		font-size: 14px;
		font-weight: 400;
		color: white;
		line-height: 20px;
		z-index: 3;
	}

	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: #a7a7a7 solid 1px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		width: 100%;
	}
	.cus-form-contact .text .area-address:last-child{
		border-bottom: #a7a7a7 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: 1399.98px) {
		.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;
		background: transparent;
		border: #dc6810 solid 1px;
		background-image: linear-gradient(to right, #dc6810 0%, #dc6810 100%);
		border-radius: 100px;
		padding: 12px 0;
		margin: 0;
		width: 240px;/* ボタン幅調整 */
		font-size: 20px;
		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: #dc6810;
		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;
		min-width: 0;
	}
	.file-label{
	  display: inline-block;
	  padding: 5px 12px;
	  background: #868686;
	  color: #fff;
	  border-radius: 6px;
	  cursor: pointer;
	  font-size: 14px;
		flex-shrink: 0; 
		transition: all 0.5s 0s ease;
	}
	.file-label:hover{
	  background: #515151;
		transition: all 0.5s 0s ease;
	}
	.file-label input[type="file"] {/* 本体のfile inputは非表示 */
	  display: none;
	}
	.file-name{
	  font-size: 14px;
	  color: #555;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  flex-grow: 1;            
	  min-width: 0;
	}

/* お問い合わせページバリデーション */
	.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: 510px;
	}
	.cus-gmap iframe,
	.cus-gmap object,
	.cus-gmap embed{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	@media (max-width: 991.98px) {
		.cus-gmap{
			height: 400px;
		}
	}
	@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;
		}
	}
