@charset "utf-8";

/*#kuzu_wrap {
display: none !important;
}*/


/*div#contents_wrap {
	background: url("../img/common/bg2.jpg") top center / 100% auto repeat-y;
}
*/
div#container {
	padding: 0;
	max-width: 100%;
}

.sec0 {
	padding: 35px 0 0px;
}
.sec0 .inner {
	max-width: 1064px;
}
.sec0 .img {
	margin-top: 50px;
}
.sec0 .img span {
	/*bottom: 50px;*/
	color: #000;
	right: calc(50% / 10.64);
}
@media screen and (max-width: 768px) {
	.sec0 {
		padding: 20px 0 0;
	}
	.sec0 .img {
		margin-top: 20px;
		margin-inline: -20px;
	}
	.sec0 .img span {
		bottom: 5px;
		right: 3px;
	}
}

.sec1 {
	position: relative;
	
}

.sec1 .ttl01 {
	
	position: absolute;
	left: 0;
	right: 0;
	top: calc(180% / 8.8);;
	text-align: center;
	margin-inline: auto;
	color: #fff;
	text-shadow: 
		0px 0px 8px rgba(0, 0, 0, 0.65),
		0px 0px 8px rgba(0, 0, 0, 0.65),
		0px 0px 8px rgba(0, 0, 0, 0.65),
		0px 0px 8px rgba(0, 0, 0, 0.65),
		0px 0px 8px rgba(0, 0, 0, 0.65),
		0px 0px 8px rgba(0, 0, 0, 0.65),
		0px 0px 8px rgba(0, 0, 0, 0.65),
		0px 0px 8px rgba(0, 0, 0, 0.65);
	
	
	font-size: clamp(17px,calc(35vw / 9.6),35px);
	letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
	.sec1 .ttl01 {
		top: calc(100% / 8.8);
		font-size: calc(19vw / 3.9);
		line-height: 1.8;
	}
}
@media screen and (max-width: 480px) {
	.sec1 .img {
		display: block;
	}
    .sec1 .swipe1 img {
        width: 800px;
        max-width: 800px;
    }
}


.sec2 {
	padding: 80px 0;
	background: url(../img/common/bg1.jpg) center center / 100% auto repeat-y;
	
}
.color_01 {
	color: #b49a42;
}
.box11 {
	display: flex;
	justify-content: space-between;
}

.box11 .txt {
	width: calc(410% / 9.6);
/*	width: calc(431% / 9.6);*/
	margin-top: 50px;
}
.box11 .txt .sec_lead {
	color: #fff;
}

.box11 .img {
	width: calc(500% / 9.6);
}
@media screen and (max-width:767px){
	.sec2 {
		padding: 50px 0;
	}
	.box11 {
		display: block;
	}
	.box11 .txt {
		width: 100%;
		margin-top: 0;
		margin-bottom: 15px;
        text-align: center;
	}
    .box11 .txt .sec_ttl2 {
        margin-bottom: 0.2em;
    }
	
	.box11 .img {
		width: 100%;
	}
}
@media screen and (min-width: 768px) {
	.box11 .txt .sec_lead {
		font-size: clamp(10px, calc(17vw / 14.8), 17px);
		line-height: 2.2;
		letter-spacing: 0.08em;
	}
}