@charset "UTF-8";

.cprof__tel a { color: inherit; }
.cprof__btn .ico { fill: none; stroke: var(--text); stroke-width: 1; stroke-linejoin: round; }
.cprof__btn .ico text { fill: var(--text); stroke: none; font-family: Arial, sans-serif; font-size: 3.4px; font-weight: 700; }

@media (min-width: 1001px) {
	.cprof__table th { width: 160px; }

	.cprof { padding: 160px 0; }
	.cprof .ch3 { margin-bottom: 40px; }

	.cprof__tel { display: grid; grid-template-columns: auto 1fr; column-gap: .3em; }
	.cprof__tel > div { display: contents; }

	.cprof__btn { text-align: center; margin-top: 60px; }
	.cprof__btn a {
		position: relative; display: inline-flex; align-items: center; justify-content: center;
		width: 360px; height: 40px; box-sizing: border-box;
		border: 1px solid var(--text); font-size: 15px; letter-spacing: 0.14em;
		transition: background .3s, color .3s;
	}
	.cprof__btn .ico { position: absolute; right: 12px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); }
	.cprof__btn .ico, .cprof__btn .ico text { transition: stroke .3s, fill .3s; }
	.cprof__btn a:hover { background: var(--wine); border-color: var(--wine); color: #fff; opacity: 1; }
	.cprof__btn a:hover .ico { stroke: #fff; }
	.cprof__btn a:hover .ico text { fill: #fff; }
}

@media (max-width: 1000px) {

	.cprof { padding: 21.067vw 0 21.333vw; }
	.cprof .ch3 { margin-bottom: 5vw; }

	.cprof__tel { display: flex; flex-direction: column; }
	.cprof__tel-hotel { order: -1; }
	.cprof__tel .pad, .cprof__tel .sep { display: none; }
	.cprof__tel .fax { display: block; }

	.cprof__btn { text-align: center; margin-top: 10.667vw; }
	.cprof__btn a {
		position: relative; display: inline-flex; align-items: center; justify-content: center;
		width: 65.6vw; height: 8vw; box-sizing: border-box;
		border: max(1px, 0.267vw) solid var(--text); font-size: 3.2vw; letter-spacing: 0.02em;
	}
	.cprof__btn .ico { position: absolute; right: 2.8vw; top: 50%; width: 4vw; height: 4vw; transform: translateY(-50%); }
}