@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-promo{
		position: relative;
		z-index: 3;
	}
	.cus-home-promo .promo-h1{
		position: absolute;
		top: 0;
		left: 0;
		font-size: 14px;
		z-index: 1;
	}
	.cus-home-promo .promo-h2{
		position: absolute;
		bottom: 50px;
		left: 2%;
		font-size: 64px;
		font-weight: 700;
		color: white;
		line-height: 1.6;
		z-index: 6;
	}
	.cus-home-promo .promo-h2 .promo-char{
		display: inline-block;
		opacity: 0;
		transform: translateX(-0.45em);
		animation: promo-char-show 0.5s ease forwards;
	}
	@keyframes promo-char-show{
		to{
			opacity: 1;
			transform: translateX(0);
		}
	}

	.cus-home-promo .promo-img{
		position: relative;
		width: 100%;
		height: 960px;
		z-index: 3;
	}
	.cus-home-promo .promo-img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	@media screen and (max-width: 1499.98px) {
		.cus-home-promo .promo-h2{
			bottom: 40px;
			font-size: 4.5vw;
		}

		.cus-home-promo .promo-img{
			height: 60vw;
		}
	}
	@media (max-width: 991.98px) {
		.cus-home-promo .promo-h2{
			bottom: 30px;
			font-size: 4.8vw;
		}

		.cus-home-promo .promo-img{
			height: 420px;
		}
	}
	@media print {
		.cus-home-promo .promo-h2{
			bottom: 20px;
			font-size: 4vw;
		}
		.cus-home-promo .promo-h2 .promo-char{
			opacity: 1;
			transform: none;
			animation: none;
		}

		.cus-home-promo .promo-img{
			height: 260px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-home-promo .promo-h2{
			bottom: 30px;
			font-size: 26px;
		}

		.cus-home-promo .promo-img{
			height: 60vh;
		}
	}

/* area01 */
	.cus-home-area01-con{
		overflow: hidden;
		position: relative;
		background-image: url("../img/home/area01-bg.jpg");
		background-size: cover;
		background-position: center center;
		padding: 140px 0;
		color: white;
		text-align: center;
	}
	.cus-home-area01-con .con-title{
		position: relative;
		font-size: 48px;
		line-height: 1.5;
		z-index: 5;
	}
	.cus-home-area01-con .con-text{
		position: relative;
		font-size: 20px;
		z-index: 5;
	}

	.cus-home-area01-con .con-photo01{
		position: absolute;
		top: -80px;
		left: 50%;
		margin-left: -960px;
		z-index: 3;
	}
	.cus-home-area01-con .con-photo02{
		position: absolute;
		bottom: -80px;
		left: 50%;
		margin-left: -800px;
		z-index: 3;
	}
	.cus-home-area01-con .con-photo03{
		position: absolute;
		top: -90px;
		right: 50%;
		margin-right: -960px;
		z-index: 3;
	}
	.cus-home-area01-con .con-photo04{
		position: absolute;
		bottom: -80px;
		right: 50%;
		margin-right: -740px;
		z-index: 3;
	}

	.cus-home-area01-con .con-photo01 img,
	.cus-home-area01-con .con-photo02 img,
	.cus-home-area01-con .con-photo03 img,
	.cus-home-area01-con .con-photo04 img{
		opacity: 0.5;
		border: rgba(255, 255, 255, 0.3) solid 10px;
		border-radius: 8px;
	}

	.cus-home-area01-con [data-parallax-speed]{
		will-change: transform;
		transform: translate3d(0, var(--parallax-y, 0px), 0);
	}
	@media screen and (max-width: 767px),
	(prefers-reduced-motion: reduce) {
		.cus-home-area01-con [data-parallax-speed]{
			transform: none;
		}
	}
	@media screen and (max-width: 1499.98px) {
		.cus-home-area01-con{
			padding: 120px 0;
		}
		.cus-home-area01-con .con-title{
			font-size: 42px;
		}
		.cus-home-area01-con .con-text{
			font-size: 19px;
		}
	
		.cus-home-area01-con .con-photo01{
			top: -70px;
			left: 0%;
			margin-left: -30px;
		}
		.cus-home-area01-con .con-photo02{
			bottom: -70px;
			left: 0%;
			margin-left: -10px;
		}
		.cus-home-area01-con .con-photo03{
			top: -80px;
			right: 0%;
			margin-right: -40px;
		}
		.cus-home-area01-con .con-photo04{
			bottom: -70px;
			right: 0%;
			margin-right: -20px;
		}
	
		.cus-home-area01-con .con-photo01 img{width: 237px;/*296 × 456 80*/}
		.cus-home-area01-con .con-photo02 img{width: 301px;/*376 × 576*/}
		.cus-home-area01-con .con-photo03 img{width: 301px;/*376 × 576 */}
		.cus-home-area01-con .con-photo04 img{width: 237px;/*296 × 456 */}
	}
	@media (max-width: 991.98px) {
		.cus-home-area01-con{
			padding: 100px 0;
		}
		.cus-home-area01-con .con-title{
			font-size: 36px;
		}
		.cus-home-area01-con .con-text{
			font-size: 18px;
		}
	
		.cus-home-area01-con .con-photo01{
			top: -70px;
			left: 0%;
			margin-left: -30px;
		}
		.cus-home-area01-con .con-photo02{
			bottom: -70px;
			left: 0%;
			margin-left: -10px;
		}
		.cus-home-area01-con .con-photo03{
			top: -80px;
			right: 0%;
			margin-right: -40px;
		}
		.cus-home-area01-con .con-photo04{
			bottom: -70px;
			right: 0%;
			margin-right: -20px;
		}
	
		.cus-home-area01-con .con-photo01 img{width: 207px;/*296 × 456 70*/}
		.cus-home-area01-con .con-photo02 img{width: 263px;/*376 × 576*/}
		.cus-home-area01-con .con-photo03 img{width: 263px;/*376 × 576 */}
		.cus-home-area01-con .con-photo04 img{width: 207px;/*296 × 456 */}
	}
	@media print {
		.cus-home-area01-con{
			padding: 80px 0;
		}
		.cus-home-area01-con .con-title{
			font-size: 30px;
		}
		.cus-home-area01-con .con-text{
			font-size: 16px;
		}
	
		.cus-home-area01-con .con-photo01{
			top: -60px;
			left: 0%;
			margin-left: -20px;
		}
		.cus-home-area01-con .con-photo02{
			bottom: -60px;
			left: 0%;
			margin-left: -5px;
		}
		.cus-home-area01-con .con-photo03{
			top: -70px;
			right: 0%;
			margin-right: -30px;
		}
		.cus-home-area01-con .con-photo04{
			bottom: -60px;
			right: 0%;
			margin-right: -10px;
		}
	
		.cus-home-area01-con .con-photo01 img{width: 178px;/*296 × 456 60*/}
		.cus-home-area01-con .con-photo02 img{width: 226px;/*376 × 576*/}
		.cus-home-area01-con .con-photo03 img{width: 226px;/*376 × 576 */}
		.cus-home-area01-con .con-photo04 img{width: 178px;/*296 × 456 */}

		.cus-home-area01-con [data-parallax-speed]{
			transform: none !important;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-home-area01-con{
			padding: 80px 0;
			text-align: left;
		}
		.cus-home-area01-con .con-title{
			font-size: 26px;
		}
		.cus-home-area01-con .con-text{
			font-size: 16px;
		}
	
		.cus-home-area01-con .con-photo01{
			top: -20px;
			left: 0%;
			margin-left: -20px;
		}
		.cus-home-area01-con .con-photo02{
			bottom: -30px;
			left: 0%;
			margin-left: -5px;
		}
		.cus-home-area01-con .con-photo03{
			top: -40px;
			right: 0%;
			margin-right: -30px;
		}
		.cus-home-area01-con .con-photo04{
			bottom: -30px;
			right: 0%;
			margin-right: -10px;
		}
	
		.cus-home-area01-con .con-photo01 img{width: 118px;/*296 × 456 40*/}
		.cus-home-area01-con .con-photo02 img{width: 150px;/*376 × 576*/}
		.cus-home-area01-con .con-photo03 img{width: 150px;/*376 × 576 */}
		.cus-home-area01-con .con-photo04 img{width: 118px;/*296 × 456 */}

		.cus-home-area01-con [data-parallax-speed] {
			transform: none;
		}
	}

/* area02 */
	.cus-home-area02-con{
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		gap: 60px;
	}
	.cus-home-area02-con .con-photo{
		flex-shrink: 0;
		width: 733px;
	}
	.cus-home-area02-con .con-text{
		flex: 1;
	}

	.cus-home-area02-con .con-photo .img{
		overflow: hidden;
		background-color: white;
		border-radius: 6px;
		padding: 15px;
		margin: 0;
	}
	.cus-home-area02-con .con-photo .img img{
		width: 100%;
	}

	.cus-home-area02-bt{
		text-align: right;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-home-area02-con{
			gap: 40px;
		}
		.cus-home-area02-con .con-photo{
			width: 50%;
		}
	
		.cus-home-area02-con .con-photo .img{
			padding: 13px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-home-area02-con{
			gap: 30px;
		}
		.cus-home-area02-con .con-photo{
			width: 50%;
		}
	
		.cus-home-area02-con .con-photo .img{
			padding: 12px;
		}
	}
	@media print {
		.cus-home-area02-con{
			gap: 20px;
		}
		.cus-home-area02-con .con-photo{
			width: 50%;
		}
	
		.cus-home-area02-con .con-photo .img{
			padding: 12px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-home-area02-con{
			display: block;
		}
		.cus-home-area02-con .con-photo{
			width: auto;
		}
		.cus-home-area02-con .con-text{
			margin-bottom: 20px;
		}
	
		.cus-home-area02-con .con-photo .img{
			padding: 14px;
		}
	}


/* 業務内容 */
	.cus-business-nav .nav-list{
		display: flex;
		flex-wrap: wrap;
		column-gap: 20px;
		row-gap: 10px;
	}
	.cus-business-nav .nav-list li{
		width: calc((100% - 40px) / 3);
		display: flex;
	}
	.cus-business-nav .nav-list li a{
		overflow: hidden;
		position: relative;
		display: flex;
		align-items: center;
		background-color: #beb697;
		background-image: linear-gradient(#9d936f, #9d936f);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 0 100%;
		border-radius: 6px;
		width: 100%;
		padding: 14px 60px 14px 15px;
		font-size: 18px;
		font-weight: 500;
		color: initial;
		text-decoration: none;
		transition: background-size .45s ease;
	}
	.cus-business-nav .nav-list li a .arrow{
		position: absolute;
		top: 50%;
		right: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		background-color: #fff;
		border-radius: 4px;
		padding: 18px 0;
		width: 46px;
		height: auto;
		font-size: 16px;
		color: #1d3363;
		line-height: 1;
		transform: translateY(-50%);
	}
	.cus-business-nav .nav-list li a .arrow i {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.cus-business-nav .nav-list li a:hover .arrow i {
		animation: arrow-slide .45s ease;
	}
	@keyframes arrow-slide {
		0% {
			transform: translate(-50%, -50%);
		}
		45% {
			transform: translate(180%, -50%); /* 右へ消える */
		}
		46% {
			transform: translate(-280%, -50%); /* 見えない左側へ瞬間移動 */
		}
		100% {
			transform: translate(-50%, -50%); /* 左から中央へ現れる */
		}
	}
	@media screen and (max-width: 1499.98px) {
		.cus-business-nav .nav-list{
			column-gap: 15px;
			row-gap: 10px;
		}
		.cus-business-nav .nav-list li{
			width: calc((100% - 30px) / 3);
			display: flex;
		}
		.cus-business-nav .nav-list li a{
			padding: 14px 60px 14px 15px;
			font-size: 17px;
		}
		.cus-business-nav .nav-list li a .arrow{
			right: 15px;
			width: 40px;
			font-size: 16px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-business-nav .nav-list{
			column-gap: 15px;
			row-gap: 10px;
		}
		.cus-business-nav .nav-list li{
			width: calc((100% - 15px) / 2);
			display: flex;
		}
		.cus-business-nav .nav-list li a{
			padding: 14px 60px 14px 15px;
			font-size: 17px;
		}
		.cus-business-nav .nav-list li a .arrow{
			right: 15px;
			width: 40px;
			font-size: 16px;
		}
	}
	@media print {
		.cus-business-nav .nav-list{
			column-gap: 15px;
			row-gap: 10px;
		}
		.cus-business-nav .nav-list li{
			width: calc((100% - 15px) / 2);
			display: flex;
		}
		.cus-business-nav .nav-list li a{
			padding: 14px 60px 14px 15px;
			font-size: 15px;
		}
		.cus-business-nav .nav-list li a .arrow{
			right: 15px;
			width: 40px;
			font-size: 14px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-business-nav .nav-list{
			display: block;
		}
		.cus-business-nav .nav-list li{
			margin-bottom: 10px;
			width: auto;
		}
		.cus-business-nav .nav-list li:last-child{
			margin-bottom: 0px;
		}
		.cus-business-nav .nav-list li a{
			padding: 12px 60px 12px 15px;
			font-size: 16px;
		}
		.cus-business-nav .nav-list li a .arrow{
			right: 15px;
			width: 40px;
			font-size: 15px;
		}
	}

/* area01 */
	.cus-business-area01-con01{
		display: flex;
		flex-direction: row-reverse;
		column-gap: 50px;
	}
	.cus-business-area01-con01 .con01-text{
		flex-shrink: 0;
		width: 60%;
	}
	.cus-business-area01-con01 .con01-img{
		flex: 1;
		display: flex;
		align-items: flex-end;
		width: 40%;
	}

	.cus-business-area01-con02{
		--bg-y: 0px;
		background-image: url("../img/business/area01-bg01.jpg");
		background-size: cover;
		background-position: center calc(50% + var(--bg-y));
		background-repeat: no-repeat;
		padding: 80px 0;
		color: #fff;
	}

	.cus-business-area01-con02 .con02-title{
		position: relative;
		display: inline-block;
		padding: 12px 38px;
		margin: 0;
		font-size: 32px;
		color: white;
	}
	.cus-business-area01-con02 .con02-title::before,
	.cus-business-area01-con02 .con02-title::after{
		content: "";
		position: absolute;
		width: 18px;
		height: 30px;
		border-color: #fff;
		border-style: solid;
		border-width: 2px;
	}
	.cus-business-area01-con02 .con02-title::before{
		top: 0;
		left: 0;
		border-right: 0;
		border-bottom: 0;
	}
	.cus-business-area01-con02 .con02-title::after{
		bottom: 0;
		right: 0;
		border-left: 0;
		border-top: 0;
	}

	.cus-business-area01-con02 .con02-col{
		display: flex;
		column-gap: 30px;
	}
	.cus-business-area01-con02 .con02-col .col-text{
		width: calc((100% - 60px) / 3);
	}
	@media screen and (max-width: 1499.98px) {
		.cus-business-area01-con01{
			column-gap: 40px;
		}
	
		.cus-business-area01-con02{
			padding: 70px 0;
		}
	
		.cus-business-area01-con02 .con02-title{
			padding: 8px 32px;
			font-size: 30px;
		}
		.cus-business-area01-con02 .con02-title::before,
		.cus-business-area01-con02 .con02-title::after{
			width: 18px;
			height: 30px;
		}
	
		.cus-business-area01-con02 .con02-col{
			column-gap: 20px;
		}
		.cus-business-area01-con02 .con02-col .col-text{
			width: calc((100% - 40px) / 3);
		}
	}
	@media (max-width: 991.98px) {
		.cus-business-area01-con01{
			column-gap: 30px;
		}
	
		.cus-business-area01-con02{
			padding: 60px 0;
		}
	
		.cus-business-area01-con02 .con02-title{
			padding: 8px 28px;
			font-size: 26px;
		}
		.cus-business-area01-con02 .con02-title::before,
		.cus-business-area01-con02 .con02-title::after{
			width: 16px;
			height: 26px;
		}
	
		.cus-business-area01-con02 .con02-col{
			column-gap: 15px;
		}
		.cus-business-area01-con02 .con02-col .col-text{
			width: calc((100% - 30px) / 3);
		}
	}
	@media print {
		.cus-business-area01-con01{
			column-gap: 20px;
		}
	
		.cus-business-area01-con02{
			padding: 40px 0;
		}
	
		.cus-business-area01-con02 .con02-title{
			padding: 6px 20px;
			font-size: 22px;
		}
		.cus-business-area01-con02 .con02-title::before,
		.cus-business-area01-con02 .con02-title::after{
			width: 16px;
			height: 26px;
		}
	
		.cus-business-area01-con02 .con02-col{
			column-gap: 15px;
		}
		.cus-business-area01-con02 .con02-col .col-text{
			width: calc((100% - 30px) / 3);
		}
	}
	@media screen and (max-width: 767px) {
		.cus-business-area01-con01{
			display: block;
		}
		.cus-business-area01-con01 .con01-text{
			margin-bottom: 20px;
			width: auto;
		}
		.cus-business-area01-con01 .con01-img{
			width: auto;
		}
	
		.cus-business-area01-con02{
			background-size: 500% auto;
			background-position: -300px center;
			padding: 40px 0;
		}
	
		.cus-business-area01-con02 .con02-title{
			padding: 6px 16px;
			font-size: 20px;
		}
		.cus-business-area01-con02 .con02-title::before,
		.cus-business-area01-con02 .con02-title::after{
			width: 16px;
			height: 26px;
		}
	
		.cus-business-area01-con02 .con02-col{
			display: block;
		}
		.cus-business-area01-con02 .con02-col .col-text{
			width: auto;
		}
	}

/* area02 */
	.cus-business-area02-con{
		display: flex;
		align-items: stretch;
		width: 100vw;
		margin-left: calc(50% - 50vw);
		column-gap: 50px;
	}
	.cus-business-area02-con.reverse{
		flex-direction: row-reverse;
	}

	.cus-business-area02-con .con-img{
		width: 50vw;
		flex: 0 0 50vw;
	}
	.cus-business-area02-con .con-img .img{
		margin: 0;
		width: 100%;
		height: 100%;
	}
	.cus-business-area02-con .con-img img{
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.cus-business-area02-con .con-text{
		box-sizing: border-box;
		width: 50vw;
		flex: 0 0 50vw;
		padding: 40px 0 40px max(0px, calc(50vw - 735px));
	}
	.cus-business-area02-con.reverse .con-text{
		padding: 40px max(0px, calc(50vw - 735px)) 40px 0;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-business-area02-con{
			column-gap: 40px;
		}
	
		.cus-business-area02-con .con-text{
			width: auto;
			flex: auto;
			padding: 0 0 0 2%;
		}
		.cus-business-area02-con.reverse .con-text{
			padding: 0 2% 0 0;
		}
	}
	@media (max-width: 991.98px) {
		.cus-business-area02-con{
			display: block;
		}
		.cus-business-area02-con .con-img{
			width: auto;
		}
		.cus-business-area02-con .con-text{
			width: 96%;
			flex: auto;
			margin: 0 auto 40px auto;
		}
		.cus-business-area02-con.reverse .con-text{
			padding: 0;
		}
	}
	@media print {
		.cus-business-area02-con{
			display: block;
		}
		.cus-business-area02-con .con-img{
			width: auto;
		}
		.cus-business-area02-con .con-text{
			width: 96%;
			flex: auto;
			margin: 0 auto 40px auto;
		}
		.cus-business-area02-con.reverse .con-text{
			padding: 0;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-business-area02-con{
			display: block;
		}
		.cus-business-area02-con .con-img{
			width: auto;
		}
		.cus-business-area02-con .con-text{
			width: 96%;
			flex: auto;
			margin: 0 auto 20px auto;
		}
		.cus-business-area02-con.reverse .con-text{
			padding: 0;
		}
	}


/* 当事務所について */
	.cus-about-area01-con01{
    background-color: transparent;
    background-image: none;
    padding: 120px 0;
    color: inherit;
}

	.cus-about-area01-text01{
		font-size: 16px;
		color: #333;
	}
	.cus-about-area01-text01 .sign{
		font-size: 20px;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-about-area01-con01{
			padding: 100px 0;
		}

		.cus-about-area01-text01{
			font-size: 16px;
		}
		.cus-about-area01-text01 .sign{
			font-size: 20px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-about-area01-con01{
			padding: 80px 0;
		}

		.cus-about-area01-text01{
			font-size: 15px;
		}
		.cus-about-area01-text01 .sign{
			font-size: 18px;
		}
	}
	@media print {
		.cus-about-area01-con01{
			padding: 60px 0;
		}

		.cus-about-area01-text01{
			font-size: 13px;
		}
		.cus-about-area01-text01 .sign{
			font-size: 16px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-about-area01-con01{
			padding: 60px 0;
		}

		.cus-about-area01-text01{
			font-size: 14px;
		}
		.cus-about-area01-text01 .sign{
			font-size: 17px;
		}
	}


/* お問い合わせ */
	.cus-contact-area01-con{
		overflow: hidden;
		position: relative;
		display: flex;
		align-items: stretch;
		column-gap: 60px;
		background-color: #1d3363;
		border-radius: 8px;
		padding: 60px 80px;
		margin: 0 auto;
		width: 1100px;
	}
	.cus-contact-area01-con::before{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		background-image: url("../img/contact/area01-bg.jpg");
		background-size: cover;
		background-position: center center;
		width: 100%;
		height: 100%;
		opacity: 0.3;
	}
	.cus-contact-area01-con .con-left{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center; /* 白背景内の文字を上下中央 */
		flex-shrink: 0;
		background: rgba(255, 255, 255, 0.9);
		border-radius: 8px;
		padding: 20px 0;
		width: 360px;
		font-size: 22px;
		z-index: 3;
	}
	.cus-contact-area01-con .con-right{
		position: relative;
		flex: 1;
		color: white;
		text-align: center;
		z-index: 3;
	}
	.cus-contact-area01-con .con-right .right-dial{
		font-family: "Lato", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 48px;
	}
	.cus-contact-area01-con .con-right .right-dial .min{
		font-size: 34px;
	}
	@media screen and (max-width: 1499.98px) {
		.cus-contact-area01-con{
			column-gap: 40px;
			padding: 50px 70px;
			width: 96%;
			max-width: 1100px;
		}

		.cus-contact-area01-con .con-left{
			padding: 20px 0;
			width: 320px;
			font-size: 22px;
		}
		.cus-contact-area01-con .con-right .right-dial{
			font-size: 46px;
		}
		.cus-contact-area01-con .con-right .right-dial .min{
			font-size: 32px;
		}
	}
	@media (max-width: 991.98px) {
		.cus-contact-area01-con{
			column-gap: 30px;
			padding: 40px 50px;
			width: 96%;
			max-width: 1100px;
		}

		.cus-contact-area01-con .con-left{
			padding: 20px 0;
			width: 260px;
			font-size: 21px;
		}
		.cus-contact-area01-con .con-right .right-dial{
			font-size: 40px;
		}
		.cus-contact-area01-con .con-right .right-dial .min{
			font-size: 28px;
		}
	}
	@media print {
		.cus-contact-area01-con{
			column-gap: 20px;
			padding: 30px 30px;
			width: 96%;
			max-width: 1100px;
		}

		.cus-contact-area01-con .con-left{
			padding: 20px 0;
			width: 210px;
			font-size: 18px;
		}
		.cus-contact-area01-con .con-right .right-dial{
			font-size: 34px;
		}
		.cus-contact-area01-con .con-right .right-dial .min{
			font-size: 22px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-contact-area01-con{
			display: block;
			padding: 20px;
			width: 94%;
			max-width: 1100px;
		}

		.cus-contact-area01-con .con-left{
			padding: 20px 0;
			margin-bottom: 20px;
			width: 100%;
			font-size: 18px;
		}
		.cus-contact-area01-con .con-right .right-dial{
			font-size: 30px;
		}
		.cus-contact-area01-con .con-right .right-dial .min{
			font-size: 20px;
		}
		.cus-contact-area01-con .con-right .right-text{
			font-size: 15px;
		}
	}

/* フォーム内 */
	.cus-contact-syako th::before{/* 開閉タイプの背景色 */
		background-color: #445e98 !important;
	}
	.cus-contact-syako td{
		background-color: rgba(68, 94, 152, 0.1);
	}
	.cus-contact-touroku th::before{/* 開閉タイプの背景色 */
		background-color: #984343 !important;
	}
	.cus-contact-touroku td{
		background-color: rgba(152, 67, 67, 0.1);
	}
	.cus-contact-kibou th::before{/* 開閉タイプの背景色 */
		background-color: #31853b !important;
	}
	.cus-contact-kibou td{
		background-color: rgba(49, 133, 59, 0.1);
	}
	.cus-contact-others th::before{/* 開閉タイプの背景色 */
		background-color: #ae7d02 !important;
	}
	.cus-contact-others td{
		background-color: rgba(174, 125, 2, 0.1);
	}



	.cus-table-style01 tbody tr.is-dependent th,
	.cus-table-style01 tbody tr.is-dependent td{/* 開閉動作 */
		opacity: 0;
		padding-top: 0;
		padding-bottom: 0;
		border-bottom-width: 0;
		line-height: 0;
		overflow: hidden;
		transition:
			opacity .35s ease,
			padding .35s ease,
			border-width .35s ease,
			line-height .35s ease;
	}
	.cus-table-style01 tbody tr.is-dependent th > *,
	.cus-table-style01 tbody tr.is-dependent td > *{
		max-height: 0;
		overflow: hidden;
		transition: max-height .35s ease;
	}
	.cus-table-style01 tbody tr.is-dependent.is-active th,
	.cus-table-style01 tbody tr.is-dependent.is-active td{
		opacity: 1;
		padding-top: 12px;
		padding-bottom: 12px;
		border-bottom-width: 1px;
		line-height: normal;
	}
	.cus-table-style01 tbody tr.is-dependent.is-active th > *,
	.cus-table-style01 tbody tr.is-dependent.is-active td > *{
		max-height: 500px;
	}
	.cus-table-style01 tbody tr.is-dependent.is-hidden{
		display: none;
	}

	.cus-contact-hyo01{/* 依頼日 */
		display: flex;
		align-items: center;
		gap: 20px;
	}
	.cus-contact-hyo01 .inner{
		display: flex;
		align-items: center;
		gap: 5px;
		width: 160px;
	}
	.cus-contact-hyo01 .inner02{
		width: 120px;
	}
	.cus-contact-hyo01 .inner .hyo01{
		width: 120px;
	}
	.cus-contact-hyo01 .inner .hyo02{
		width: 80px;
	}
	@media screen and (max-width: 767px) {
		.cus-contact-hyo01{/* 依頼日 */
			gap: 15px;
		}
		.cus-contact-hyo01 .inner{
			display: flex;
			align-items: center;
			gap: 5px;
			width: 33.333%;
		}
		.cus-contact-hyo01 .inner02{
			width: 33.333%;
		}
		.cus-contact-hyo01 .inner .hyo01{
			width: 80%;
		}
		.cus-contact-hyo01 .inner .hyo02{
			width: 80%;
		}
	}

	.cus-contact-check01{/* 開閉ボタン（あり/なし） */
		display: flex;
		align-items: center;
		gap: 60px;
	}
	@media screen and (max-width: 767px) {
		.cus-contact-check01{/* 開閉ボタン（あり/なし） */
			gap: 30px;
		}
	}

	select[name="word23"] optgroup {
		font-weight: 700;
		color: #1d3363;
		background-color: #e8edf8;
	}
	
	/* グループごとに色を変える */
	select[name="word23"] optgroup[label="普通自動車"] {
		color: #1d3363;
		background-color: #e7edf9;
	}
	
	select[name="word23"] optgroup[label="軽自動車"] {
		color: #31853b;
		background-color: #e5f3e7;
	}
	
	select[name="word23"] optgroup[label="二輪"] {
		color: #984343;
		background-color: #f8e8e8;
	}
	
	select[name="word23"] optgroup[label="小型特殊"] {
		color: #ae7d02;
		background-color: #fff5dc;
	}