@charset "utf-8";
/* CSS Document */

.t76{font-size: .76em;}

.eq-head {
	font-size: 8rem;
	line-height: 8rem;
	margin-bottom: 40px;
	border-bottom: solid 3px black;
}
.sec-cmarea .ttl {
    font-size: clamp(2rem, 4.7619047619047619048vw, 8rem);
    line-height: 1;
    letter-spacing: 0;
    margin: 0 0 20px;
    color: #A78775;
}
.sec-cmarea .ttl span{
	font-size: .5em;
}
@media screen and (min-width:768px) and (max-width: 1200px){
    .sec-cmarea .ttl {
        font-size: 6rem;
        margin: 0 0 30px;
    }
}
@media screen and (max-width: 767px) {
    .sec-cmarea .ttl {
        font-size: 4.8rem;
        margin: 0 0 20px;
	}
}
.sec-text {
	line-height: 2;
	letter-spacing: 0.1em;
}
.sec-link {
	display: inline-block;
	padding: 0 15px;
	position: relative;
}
.sec-link:before {
	background-color: #251e1c;
	content: "";
	display: inline-block;
	height: 2px;
	width: 50px;
	position: absolute;
	right: calc(100% + 0px);
	top: 50%;
	vertical-align: middle;
	transition: all ease 0.25s;
}
.sec-link:hover:before {
	width: 0;
}
.sec-link:after {
	background-color: #251e1c;
	border-radius: 3px;
	content: "";
	display: inline-block;
	height: 6px;
	width: 6px;
	position: absolute;
	left: 0;
	top: calc(50% - 2px);
	vertical-align: middle;
	opacity: 0;
	transform: scale(0);
	transition: all 0.25s ease 0.15s;
}
.sec-link:hover:after {
	opacity: 1;
	transform: scale(1);
}
@media screen and (max-width: 767px){
	.headline01 {
		min-height: 252px;
	}
	.eq-head {
		font-size: 4.5rem;
		line-height: 4.5rem;
		margin-bottom: 20px;
}
	.sec-head {
		font-size: 3rem;
		line-height: 3rem;
		margin-bottom: 20px;
	}
	.sec-text {
		font-size: 1.3rem;
		letter-spacing: 0;
	}
}

.eqbox{margin: 75px 0;}
.eqbox h4{
	font-size: 2.5rem;
		line-height: 2.5rem;
		margin-bottom: 10px;
}

.eqbox > div{margin-bottom: 50px;}
.eqbox p{font-size: 1.5rem; line-height: 2.5rem; margin: 10px 0;}

@media screen and (min-width: 767px){
	.eqbox{display: flex; flex-wrap: wrap; justify-content: space-between;}
	.eqbox > div{width: 31%;}
	.eqbox > div.pe{width: 48%;}
}

/* section categories */
.categories .item {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 75px 0;
	text-align: left;
}
.categories .item:nth-child(even) {
	flex-direction: row-reverse;
	text-align: left;
}
.categories .item .photo {
	width: 44.66%;
}
.categories .item .photo .simpleParallax,
.categories .item .photo img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.categories .item .info {
	border: solid #251e1c;
	border-width: 0 1px 0 0;
	padding: 0 45px;
	width: 53.33%;
}
.categories .item:nth-child(even) .info {
	border-width: 0 0 0 1px;
}
.categories .item .info .sec-text {
	margin-bottom: 20px;
}
.categories .item .info .sec-link {
}
.categories .item:nth-child(even) .sec-link {
	margin-left: 60px;
	margin-right: 0;
}
@media screen and (max-width: 767px){
	.categories .item {
		display: block;
		padding: 40px 0;
	}
	.categories .item .info {
		padding: 0 15px;
		width: 100%;
	}
	.categories .item .photo {
		border: solid #251e1c;
		border-width: 0 1px 0 0;
		padding: 15px 15px 0 0;
		width: 100%;
	}
	.categories .item:nth-child(even) .photo {
		border-width: 0 0 0 1px;
		padding: 15px 0 0 15px;
	}
	.categories .item .photo .img-cap { right: 15px; }
	.categories .item:nth-child(even) .photo .img-cap { right: 0; }
}

.caption{margin-bottom:50px;}