@import url("style.css");

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

.page{
	padding-top:220px;
	font-weight:300;
  word-break: break-word;
  overflow-wrap: break-word;
}

.page h1{
	text-align:center;
	margin-bottom:80px;
}

.page p{
	font-size:0.9rem;
}

/* member */

.member-area h1 img{
	margin:0 auto;
}

.member-area h2{
	font-size:1.6rem;
	margin-bottom:20px;
}

.member-area h2 span{
	font-size:2rem;
	display:block;
	margin-top:15px;
}

.member-area p{
	margin-bottom:20px;
}

.member-area p.managing{
	margin-bottom:0;
}

/* profile */

.profile-area h1 img{
	margin:0 auto;
}

.profile-area table{
	width:100%;
}

.profile-area table th{
	text-align: justify;
  text-align-last: justify; /* これが一行目にも均等割り付けを適用させます */
	width:22%;
	border-bottom:solid 2px #666;
	padding:15px 25px;
}

.profile-area table td{
	width:78%;
	border-bottom:solid 2px #CCC;
	padding:15px 25px;
}

/* 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:#000;
	width:250px;
	color:#FFF;
}

.form-area p span.req{
background: #000;
  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;
}


/* single */

.single h1{
	font-size:1.8rem;
}

.news-list h2{
	font-size:1.2rem;
	margin-top:40px;
	padding-bottom:5px;
	border-bottom:solid 1px #CCC;
}

.news-list time{
	font-size:0.8rem;
}

.single p{
	margin-bottom:15px;
}



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

}

/* 〜1199px（lg 未満） */
@media (max-width: 1199.98px) {

}

/* 〜991px（md 未満） */
@media (max-width: 991.98px) {

}

/* 〜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%;
	}
	.page{
		padding-top:130px;
	}
	.profile-area table td,.profile-area table th{
		display:block;
		width:100%;
	}
	.profile-area table th{
		text-align-last: auto;
		border:none;
		padding-bottom: 0;
	}
	.profile-area,.member-area{
		padding-top:35px;
	}
	.page h1 {
		margin-bottom:40px;
	}
}

/* 〜575px（xs） */
@media (max-width: 575.98px) {
	.single h1{
		font-size:5vw;
	}
	.news-list h2{
		font-size:4vw;
	}
	.page p{
		font-size:3vw;
	}
	.profile-area table td,.profile-area table th{
		font-size:3vw;
	}
	.member-area h2 span,.member-area h2{
		font-size:7vw;
	}
}