@charset "UTF-8";
/* page-universal
-------------------------------------------------- */
.box-main-image__inner{
	padding: 75px 0 60px;
}
@media (max-width: 767px) {
	.box-main-image{
		height: auto;
	}
	.box-main-image__inner{
		padding: 40px 0 30px;
	}
}

.box-lead{
	margin: 0 0 70px;
}
.box-lead .hdg-lv2{
	font-size: 30px;
	margin-bottom: 50px;
}
.universal-content{
	min-height: 646px;
}
.universal-content--design{
	background: url(/assets/images/universal/universal_design_bg.jpg) no-repeat center center;
	background-size: cover;
	margin-bottom: 1px;
}
.universal-content--design:after{
	display: block;
	clear: both;
	content: "";
}
.universal-content--design .universal-content__inner{
	width: 550px;
	float: right;
}
.universal-content--manner{
	background: url(/assets/images/universal/universal_manners_bg.jpg) no-repeat center center;
	background-size: cover;
}
.universal-content__inner{
	padding: 190px 0 0;
}
.universal-content--manner .universal-content__inner{
	padding-top: 110px;
}
.universal-content__lead{
	font-size: 36px;
	color: #af9574;
	margin-bottom: 30px;
}
.universal-content__title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.universal-content__text{
	font-size: 15px;
	line-height: 2;
	margin-bottom: 20px;
}
.universal-content__list{
	display: block;
	position: relative;
	overflow: hidden;
}
.universal-content__list ul{
	margin: 0 -5px;
}
.universal-content__list ul:after{
	display: block;
	clear: both;
	content: "";
}
.universal-content__list ul > li{
	width: 176px;
	display: inline-block;
	padding: 0 5px;
	float: left;
}
.universal-content__list span{
	display: block;
	font-size: 12px;
	margin-top: 5px;
}
.universal-content__img{
	display: none;
}
@media (max-width: 1119px) and (min-width: 768px){
	.universal-content__inner{
		padding: 80px 20px 0;
	}
	.box-main-image__inner {
		padding-top: 30px;
	}
	.box-main-image__inner p{
		line-height: 1;
		margin-bottom: 5px;
	}
	.box-lead{
		margin: 0 0 30px;
	}
	.box-lead .hdg-lv2{
		font-size: 18px;
		line-height: 1.7;
		margin-bottom: 15px;
	}
	.box-lead .txt-lead{
		line-height: 1.6;
	}
	.universal-content{
		min-height: auto;
		text-align: center;
	}
	.universal-content .content-wrapper{
		padding: 0;
	}
	.universal-content--design,
	.universal-content--manner{
		background: none;
	}
	.universal-content__inner{
		padding: 25px 15px 30px;
		box-sizing: border-box;
	}
	.universal-content--design .universal-content__inner{
		width: 100%;
		float: none;
		background: url(/assets/images/universal/universal_bg_design.png) repeat center;
	}
	.universal-content--manner .universal-content__inner{
		background: url(/assets/images/universal/universal_bg_manner.png) repeat center;
		padding-top: 30px;
	}
	.universal-content--manner .universal-content__img{
		background: url(/assets/images/universal/universal_manners_bg_tb.jpg) repeat center;
		background-size: cover;
	}
	.universal-content__lead{
		text-align: center;
		font-size: 24px;
		margin-bottom: 15px;
	}
	.universal-content__title{
		text-align: center;
		font-size: 15px;
		line-height: 1.65;
		margin-bottom: 7px;
	}
	.universal-content__text{
		font-size: 14px;
		line-height: 1.75;
		margin-bottom: 15px;
	}
	.universal-content__list span{
		font-size: 10px;
		margin-top: 0;
	}
	.universal-content__img{
		display: block;
		text-align: center;
		line-height: 0;
		background: url(/assets/images/universal/universal_design_bg_tb.jpg) no-repeat center;
		background-size: cover;
		min-height: 420px;
	}
	.universal-content__list--col03{
		max-width: 548px;
		margin: 0 auto;
	}
	.universal-content__list--col02{
		max-width: 362px;
		margin: 0 auto;
	}
	.universal-content__list--col03 ul > li{
		width: 33.33%;
		box-sizing: border-box;
	}
	.universal-content__list--col02 ul > li{
		width: 50%;
		box-sizing: border-box;
	}
	.page-universal .nav-backtotop__text small {
		display: block!important;
	}
}
@media (max-width: 767px) {
	.box-main-image__inner {
		padding-top: 30px;
	}
	.box-main-image__inner p{
		line-height: 1;
		margin-bottom: 5px;
	}
	.box-lead{
		margin: 0 0 30px;
	}
	.box-lead .hdg-lv2{
		font-size: 18px;
		line-height: 1.7;
		margin-bottom: 15px;
	}
	.box-lead .txt-lead{
		line-height: 1.6;
	}
	.universal-content{
		min-height: auto;
	}
	.universal-content .content-wrapper{
		padding: 0;
	}
	.universal-content--design,
	.universal-content--manner{
		background: none;
	}
	.universal-content__inner{
		padding: 25px 15px 30px;
		box-sizing: border-box;
	}
	.universal-content--design .universal-content__inner{
		width: 100%;
		float: none;
		background: url(/assets/images/universal/universal_bg_design.png) repeat center;
	}
	.universal-content--manner .universal-content__inner{
		background: url(/assets/images/universal/universal_bg_manner.png) repeat center;
		padding-top: 30px;
	}
	.universal-content--manner .universal-content__img{
		background: url(/assets/images/universal/universal_bg_manner.png) repeat center;
	}
	.universal-content__lead{
		text-align: center;
		font-size: 24px;
		margin-bottom: 15px;
	}
	.universal-content__title{
		text-align: center;
		font-size: 15px;
		line-height: 1.65;
		margin-bottom: 7px;
	}
	.universal-content__text{
		font-size: 14px;
		line-height: 1.75;
		margin-bottom: 15px;
	}
	.universal-content__list span{
		font-size: 10px;
		margin-top: 0;
	}
	.universal-content__img{
		display: block;
		text-align: center;
		line-height: 0;
		background: url(/assets/images/universal/universal_bg_design.png) repeat center;
	}
	.universal-content__img img{
		margin: 0 auto;
	}
	.universal-content__list--col03{
		max-width: 548px;
		margin: 0 auto;
	}
	.universal-content__list--col02{
		max-width: 362px;
		margin: 0 auto;
	}
	.universal-content__list--col03 ul > li{
		width: 33.33%;
		box-sizing: border-box;
	}
	.universal-content__list--col02 ul > li{
		width: 50%;
		box-sizing: border-box;
	}
}
.visible-sp{
	display: none!important;
}
@media(max-width: 767px){
	.visible-sp{
		display: block!important;
	}
}