@charset "UTF-8";
/* クラブミラノ */
.milano {}

/* ==================================================================== */
/* SMARTPHONE
======================================================================= */
@media screen and (max-width: 768px) {
  
	#rec-header {
		margin: 0 auto 30px;
		text-align: center;
	}
	.rh--copy {
		font-size: 1.8rem;
		font-weight: 600;
		color: #1a205c;
		line-height: 1.5;
		text-shadow: 0px 0px 10px rgba(215, 241, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1);
		margin-bottom: 20px;
	}
	.rh--contact h2 {
		font-size: 1.8rem;
		color: #c62e8b;
		line-height: 1;
		margin-bottom: 10px;
	}
	.rh--contact p {
		margin-bottom: 20px;
	}
	.rh--contact-tel {
		font-size: 2.4rem;
		color: #c62e8b;
		line-height: 1;
	}
	.rh--contact-tel a {
		position: relative;
		display: flex;
		justify-content: space-around;
		align-items: center;
		border-radius: 3px;
		margin: 0 auto;
		max-width: 240px;
		padding: 10px 25px;
		color: #FFF;
		transition: 0.3s ease-in-out;
		font-weight: 600;
		background: #c62e8b;
		filter: drop-shadow(0px 2px 4px #f76dba);
	}
	.rh--contact-tel a:after {
		content: '';
		width: 8px;
		height: 8px;
		border-top: 2px solid #FFF;
		border-right: 2px solid #FFF;
		transform: rotate(45deg) translateY(-50%);
		position: absolute;
		top: 50%;
		right: 20px;
		border-radius: 1px;
		transition: 0.3s ease-in-out;
	}
	.rh--contact-tel a:hover {
		transform: translateY(-2px);
		box-shadow: 0 10px 20px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
	}
  
	.sec-wrap + .sec-wrap {
		margin-top: 30px;
	}
	.sec-contents table {
		border-collapse: collapse;
		width: 100%;
		margin: auto;
	}
	.sec-contents table th,
	.sec-contents table td {
		border-bottom: 2px solid #c1c7c6;
		padding: 1em;
	}
	.sec-contents table th {
		border-bottom: 2px solid #4d9bc1;;
		font-weight: bold;
		text-align: left;
		width: 20%;
		min-width: 4em;
		white-space: nowrap;
	}
  
}

/* ==================================================================== */
/* DESKTOP
======================================================================= */
@media screen and (min-width: 768px), print {
	
	#rec-header {
		margin: 0 auto 50px;
		text-align: center;
	}
	.rh--copy {
		font-size: 3.2rem;
		font-weight: 600;
		color: #1a205c;
		line-height: 1.5;
		text-shadow: 0px 0px 10px rgba(215, 241, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1);
		margin-bottom: 30px;
	}
	.rh--contact h2 {
		font-size: 2.1rem;
		color: #c62e8b;
		line-height: 1;
		margin-bottom: 10px;
	}
	.rh--contact p {
		margin-bottom: 20px;
	}
	.rh--contact-tel {
		font-size: 4.2rem;
		color: #c62e8b;
		line-height: 1;
	}
  
	.sec-wrap + .sec-wrap {
		margin-top: 30px;
	}
	.sec-contents table {
		border-collapse: collapse;
		width: 100%;
		max-width: 80%;
		margin: auto;
	}
	.sec-contents table th,
	.sec-contents table td {
		border-bottom: 2px solid #c1c7c6;
		padding: 1em;
	}
	.sec-contents table th {
		border-bottom: 2px solid #4d9bc1;;
		font-weight: bold;
		text-align: left;
		width: 20%;
		min-width: 4em;
	}
  
}