@import url("style.css");

/*
 * File Name: page.css
 * Description: uchiumi css
 * Last Update: 2026/02/07
 */

.page-hero{
	background: linear-gradient(to top, #1E3C73, #2A5297);
	padding-top:165px;
}

.page-hero h2{
	text-align:center;
	color:#FFF;
}

/* info */

.info h3{
	text-align:center;
	font-size:1.4rem;
	line-height:1.8;
}

.info h4{
color:#1F3D74;
margin-bottom:30px;
}

.info h4 span{
	display:block;
	color:#666;
	font-size:0.9rem;
	font-weight:300;
	margin-top:15px;
}

.info p{
	border-bottom:solid 1px #1F3D74;
	padding-bottom:20px;
}

.info table{
	width:100%;
}

.info table th{
	width:25%;
	padding:15px;
	border-bottom:dotted 1px #FFF;
}
.info table td{
	width:75%;
	padding:15px;
	border-bottom:dotted 1px #FFF;
}

.info table span.table-price{
	border:solid 1px #FFF;
	display:inline-block;
	padding:3px 8px;
}

.info table td p{
	border:none;
	margin:0;
	padding:0;
}

#page-sec02{
background: linear-gradient(to top, #1E3C73, #2A5297);
color:#FFF;
}

.cta a{
	color:#000;
}

p.reserve-att{
	font-size:1.4rem;
	font-weight:700;
	text-align:center;
	padding:5px 10px;
	border:solid 1px #FFF;
}

/* contact */

.wpcf7-spinner{
	display:block;
}

.form-area{
	width: 75%;
	margin: 0 auto;
}
.form-area p{
	color:#000;
	margin-top:30px;
}

.form-area input,.form-area textarea{
	width:100%;
	padding:10px;
	border-radius:5px;
	background:#ECECEC;
	border:none;
}

.form-area input[type="submit"]{
	background:#1B2F45;
	width:250px;
	color:#FFF;
}

.form-area p span.req{
background: #1B2F45;
  font-size: 0.8rem;
  padding: 5px 10px;
  border-radius: 3px;
  color: #FFF;
  margin-left: 10px;
}

.contact-tel-area{
	background:#ECECEC;
	padding:30px;
	margin-top:80px;
}

.contact-tel-area h3{
	font-size:1.5rem;
	color:#1B2F45;
}

.contact-tel-area h4{
	font-size:1.8rem;
	color:#1B2F45;
}

.contact-tel-area h4 i{
font-size: 1.5rem;
  vertical-align: bottom;	
}


.contact-tel-area p{
	font-size:0.85rem;
	margin: 0;
}


/* ================================
 - Responsive design
 ================================ */
 
/* 〜1399px（xl 未満） */
@media (max-width: 1399.98px) {

}

/* 〜1199px（lg 未満） */
@media (max-width: 1199.98px) {
	.info h3{
		text-align:left;
	}
}

/* 〜991px（md 未満） */
@media (max-width: 991.98px) {
	.info h4{
		margin-top:20px;
	}
	.contact-tel-area h4{
		margin-top:15px;
	}
}

/* 〜767px（sm 未満） */
@media (max-width: 767.98px) {
	.info table th,.info table td{
		display:block;
		width:100%;
	}
	.info table th{
		background:#FFF;
		color:#21417B;
		border:none;
	}
	.form-area{
		width:100%;
	}
}

/* 〜575px（xs） */
@media (max-width: 575.98px) {
	.info h3{
		font-size:4.5vw;
	}
	.info h4{
		font-size:4.9vw;
	}
	p.reserve-att{
		font-size:4.9vw;
	}
}