@charset "utf-8";
.bg_w,
.msn-footer {
    background: #fff;
}
@media screen and (max-width: 767px) {
    .bg_w, .msn-footer {
        padding-top: 40px;
        margin-top: 0;
    }
}
/*#kuzu_wrap ul li,
#kuzu_wrap ul li a{
    color: #fff;
}*/


.main .img ul {
	display: flex;
}
.main .img ul li {
	width: calc(100% / 3);
	position: relative;
}
.main .img ul li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width: 767px) {
	.main .img ul {
		flex-direction: column;
		height: 100%;
	}
	.main .img ul li {
		width: 100%;
		height: 100%;
	}
	.main .img ul li:nth-child(1),
	.main .img ul li:nth-child(3) {
		display: none;
	}
}
.main .page_ttl {
    max-width: 392px;
    width: calc(392%/16);
}
@media screen and (max-width: 480px) {
    .main .page_ttl {
        width: calc(196%/4.8);
    }
}





.inner {
	max-width: 1180px;
}

.sec {
	position: relative;
}


.sec_ttl {
	font-size: clamp(16px, calc(28vw / 11.8), 28px);
	line-height: 1.3;
	font-feature-settings: "palt";
}
.sec_lead{
	font-size: clamp(13px,calc(20vw / 11.8),20px);
	line-height: 1.8;
	font-feature-settings: "palt";
}

.sec .me_ttl {
	font-size: clamp(30px,calc(60vw / 11.8),60px);
	line-height: 1;
	font-weight: 900;
	margin-bottom: 0.5em;
	margin-bottom: 0.8em;
	text-align: center;
}
@media screen and (max-width: 480px) {
	.sec_ttl {
		font-size: calc(20vw / 3.9);
		font-weight: 900;
		letter-spacing: 0.08em;
	}
	.sec_lead {
		font-size: calc(15vw / 3.9);
	}
	.sec .me_ttl {
		font-size: calc(36vw / 3.9);
	}
}

	.sec .fbg {
		position: absolute;
		width: 100%;
		height: 100%;
		display: block;
		left: 0;
		top: 0;
		z-index: -1;
	}
	.sec .fbg_in{
	display: block;
	position: relative;
	overflow: hidden;
	clip-path: inset(0 0 0 0);
	height: 100%;
	}
	.sec .fbg_in img{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	pointer-events: none;
	object-fit: cover;
	}


.sec .t1 {
	font-size: clamp(16px,calc(20vw / 11.8),20px);
	line-height: 1.4;
	letter-spacing: 0.08em;
	font-weight: 600;
	margin-bottom: 0.9em;
	font-feature-settings: "palt";
}
.sec .t2 {
	font-size: clamp(14px,calc(17vw / 11.8),17px);
	line-height: 1.6;
	font-weight: 600;
	letter-spacing: 0.08em;
	margin-bottom: 0.4em;
	font-feature-settings: "palt";
}
.sec .t3 {
	font-size: clamp(12px,calc(15vw / 11.8),15px);
	line-height: 1.6;
	font-weight: 600;
	letter-spacing: 0.08em;
	font-feature-settings: "palt";
}
.sec .t3.mb {
	margin-bottom: 1.3em;
}
.sec .t4 {
	font-size: clamp(10px,calc(12vw / 11.8),12px);
	line-height: 1.5;
	font-weight: 600;
	font-feature-settings: "palt";
}
.sec .t5 {
	font-size: clamp(12px,calc(15vw / 11.8),15px);
	line-height: 1.6;
	font-weight: 600;
	letter-spacing: -0.03em;
	font-feature-settings: "palt";
}

@media screen and (max-width: 480px) {
	.sec .t1 {
		font-size: calc(16vw / 3.9);
	}
	.sec .t2 {
		font-size: calc(14vw / 3.9);
	}
	.sec .t3 {
		font-size: calc(12vw / 3.9);
	}
	.sec .t4 {
		font-size: calc(10vw / 3.9);
	}
	.sec .t5 {
		font-size: calc(12vw / 3.9);
	}
}


.sec .color_red {
	color: #e84752;
}








.sec1 {
	padding: 20px 0 60px;
}
.sec1 .img11 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 18px;
}
.sec1 .img11 li {
	width: calc(384% / 11.8);
}

@media screen and (max-width: 767px) {
	.sec1 {
		padding: 20px 0 40px;
	}
	.sec1 .img11 {
		row-gap: 4vw;
	}
	.sec1 .img11 li {
		width:48%;
	}
}
.sec1 .box11 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.sec1 .box11 .fig {
	width: calc(620% / 11.8);
}
.sec1 .box11 .img {
	width: calc(520% / 11.8);
}
.sec1 .box11 .img .sec_lead {
	line-height: 1.2;
}
@media screen and (max-width: 767px) {
	.sec1 .box11 {
		display: block;
		margin-bottom: 20px;
	}
	.sec1 .box11 .fig {
		display: none;
		width: 100%;
		margin-bottom: 15px;
	}
	.sec1 .box11 .img {
		width: 100%;
	}
	.sec1 .box11 .img .sec_lead {
		line-height: 1.8;
	}
	.sec1 .sec_lead {
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
	.sp_w {
		width: calc(100% + 40px);
		margin-inline: -20px;
	}
}

.sec2 {
	padding: 60px 0;
}
.sec2 .box21 {
	display: flex;
	justify-content: space-between;
}
.sec2 .box21 .l {
	width: calc(430% / 11.8);
}
.sec2 .box21 .r {
	width: calc(703% / 11.8);
}
@media screen and (max-width: 767px) {
	.sec2 {
		padding: 40px 0 40px;
	}
	.sec2 .box21 {
		display: block;
	}
	.sec2 .box21 .l {
		width: 100%;
		margin-bottom: 30px;
	}
	.sec2 .box21 .r {
		width: 100%;
	}
	.sec2 .fbg_in img{
		object-position: 30% 50%;
	}
}




.sec3 {
	padding: 60px 0;
}
.sec3 .box31 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 20px;
}
.sec3 .box31 .box311 {
	width: calc(613% / 11.8);
}
.sec3 .box31 .box312 {
	width: calc(518% / 11.8);
}
.sec3 .box31 .box312 .box {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.sec3 .box31 .box312 .box p {
	flex:1;
}
.sec3 .box31 .box312 .box > div {
	width: calc(204% / 5.18);
}
.sec3 .box31 .box313 {
	width: calc(480% / 11.8);
	padding-top: calc(50% / 11.8);
}
.sec3 .box31 .box314 {
	width: calc(679% / 11.8);
}
@media screen and (max-width: 767px) {
	.sec3 {
		padding: 40px 0 40px;
	}
	.sec3 .fbg_in img{
		object-position: 70% 50%;
	}
	.sec3 .box31 {
		display: block;
	}
	.sec3 .box31 .box311 {
		width: 100%;
		margin-bottom: 35px;
	}
	.sec3 .box31 .box312 {
		width: 100%;
		margin-bottom: 35px;
	}
	.sec3 .box31 .box312 .box > div {
		width: calc(204% / 5.18);
	}
	.sec3 .box31 .box313 {
		width: 100%;
		margin-bottom: 5px;
	}
	.sec3 .box31 .box314 {
		width: calc(100% + 30px);
		margin-inline: -15px;
	}
	
}


div#container {
    max-width: 100%;
    padding: 0;
}