@charset "UTF-8";

#u-mv .mvImg{
	background-image: url(../img/pc/bg_mv.jpg);
}
	#u-mv h2 span{
		width: 57px;
	}

.u-page #main .secTtl{
	letter-spacing: .05em;
}
	.u-page #main .secTtl b{
		display: block;
		color: #bfab47;
		font-size: 24px;
		font-weight: normal;
		letter-spacing: .06em;
		line-height: 1;
		margin-bottom: 30px;
	}
@media screen and (max-width: 768px){
	.u-page #main .secTtl b{
		font-size: 18px;
		margin-bottom: 15px;
	}
}



#rinen{
	padding-top: 180px;
	margin-top: -180px;
}
	#rinen .secTtl span{
		display: block;
		font-size: 26px;
		font-weight: normal;
		margin-top: 10px;
	}
	#rinen .secTxt{
		display: inline-block;
	}
		#rinen .secTxt span{
			display: block;
			text-align: right;
			margin-top: 25px;
			padding-right: 1em;
			box-sizing: border-box;
		}
@media screen and (max-width: 768px){
	#rinen{
		margin-top: -60px;
		padding-top: 60px;
	}
	#rinen .secTtl span{
		font-size: 16px;
		margin-top: 5px;
	}
	#rinen .secTxt{
		letter-spacing: .05em;
	}
	#rinen .secTxt span{
		margin-top: 15px;
		padding-right: 0;
	}
}



#message{
	padding-top: 180px;
	margin-top: -50px;
}
	.messageList{
		max-width: 1500px;
		margin: 70px auto 0;
	}
		.messageList li{
			align-items: center;
			justify-content: flex-start;
		}
		.messageList li + li{
			margin-top: 150px;
		}
			.messageList .photo{
				width: 53.333333%;
				position: relative;
				z-index: 0;
			}
			.messageList .txt{
				width: 38.666666%;
				min-height: 410px;
				position: relative;
				z-index: 1;
				left: -5.333333%;
				box-sizing: border-box;
				border: 1px solid #918b8a;
				background: rgba(255,255,255,.9);
				padding: 40px 3.3%;
				align-content: center;
				justify-content: center;
			}
			.messageList li.reverse .txt{
				left: auto;
				right: -5.333333%;
			}
				.messageList h4{
					font-size: 30px;
					letter-spacing: .1em;
					line-height: 1.8;
				}
				.messageList p{
					font-size: 16px;
					letter-spacing: .05em;
					line-height: 2.375;
					text-align: left;
					margin-top: 10px;
				}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.messageList .txt{
		min-height: initial;
		padding: 70px 3.3%;
	}
}
@media screen and (max-width: 1500px){
	.messageList .txt{
		min-height: initial;
		max-height: 27.333333vw;
		padding: 5.1333333vw 3.3%;
	}
	.messageList h4{
		font-size: 2vw;
	}
	.messageList p{
		font-size: 1.0666666vw;
	}
}
@media screen and (max-width: 1024px){
	.messageList{
		width: 87.5%;
		margin-top: 40px;
	}
	.messageList .photo{
		width: 93%;
	}
	.messageList .txt{
		width: 93%;
		left: 0;
		top: -24vw;
		padding: 20px 6%;
		margin-left: auto;
		margin-right: 0;
		margin-bottom: -24vw;
		justify-content: flex-start;
		max-height: none;
		min-height: 410px;
	}
	.messageList li.reverse .txt{
		right: 0;
		margin-left: 0;
		margin-right: auto;
	}
	.messageList h4{
		text-align: left;
		font-size: 30px;
	}
	.messageList p{
		font-size: 16px;
	}
}
@media screen and (max-width: 768px){
	#message{
		padding-top: 60px;
		margin-top: 20px;
	}
	#message .secTtl{
		font-size: 19px !important;
		letter-spacing: 0;
	}
	.messageList li + li{
		margin-top: 40px;
	}
	.messageList .txt{
		min-height: 0;
	}
	.messageList h4{
		font-size: 18px;
	}
	.messageList p{
		font-size: 14px;
		line-height: 2;
	}
}



#company{
	padding-top: 180px;
	margin-top: 20px;
	padding-bottom: 150px;
}
	#company .inner{
		max-width: 900px;
	}
		.companyTable{
			margin-top: 55px;
		}
			.companyTable th{
				background: #f9f7ed;
				width: 157px;
				white-space: nowrap;
			}
			.companyTable th,
			.companyTable td{
				font-size: 16px;
				letter-spacing: .05em;
				line-height: 1;
				text-align: left;
				padding: 27px 45px;
				vertical-align: top;
				box-sizing: border-box;
			}
			.companyTable tr + tr th,
			.companyTable tr + tr td{
				border-top: 1px solid #918b8a;
			}
			.companyTable td a{
				color: #655d5b;
				letter-spacing: .05em;
			}
			.companyTable td p{
				line-height: 2.5;
				letter-spacing: 0;
			}
			.companyTable td li{
				line-height: 2.5;
				/*position: relative;
				box-sizing: border-box;
				padding-left: 1em;*/
			}
			/*.companyTable td li:before{
				content: "";
				position: absolute;
				left: 0;
				top: calc(1.25em - 2.5px);
				width: 5px;
				height: 5px;
				background: #655d5b;
				border-radius: 50%;
			}*/
			.companyTable tr:nth-child(6) th,
			.companyTable tr:nth-child(7) th{
				line-height: 2.5;
			}
@media screen and (max-width: 768px){
	#company{
		padding-top: 60px;
		margin-top: 20px;
		padding-bottom: 70px;
	}
	.companyTable{
		margin-top: 30px;
	}
	.companyTable th{
		width: 85px;
	}
	.companyTable th, .companyTable td{
		font-size: 12px;
		line-height: 2;
		padding: 14px 17px;
	}
	.companyTable td p{
		line-height: 2;
	}
	.companyTable td li{
		line-height: 2.2;
	}
	/*.companyTable td li:before{
		width: 3px;
		height: 3px;
		top: calc(1.1em - 1.5px);
		left: 2px;
	}*/
}