@charset "utf-8";

/*==============================================

	ANNIVERSARY

==============================================*/
main {
	overflow: unset;
}

main .sec_heading .en {
	color:  #4C4A4A;	
	font-size: 3rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem; /* 66.667% */
	letter-spacing: 0.3rem;
	text-align: center;
	margin-bottom: 20px;
}
main .sec_heading h2 {
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 2.4rem;
	margin-top: 10px;
	white-space: nowrap;
	text-align: center;
}



.section_style {
	margin-bottom: 120px;
	margin-top: 120px;
}
.section_style > h2 {
	/* padding: 0 50px; */
	width: 1200px;
	margin: 0 auto;
	padding-left: 30px;
}
.section_style .inner {
	display: flex;
	justify-content: space-between;
	gap: 80px;
	padding-left: calc((100% - 1200px) / 2 + 30px);
	padding-right: calc((100% - 1480px) / 2);
	margin-top: -308px;
}
.section_style .inner .imgs {
	order: 2;
	display: flex;
	gap: 20px;
}
.section_style .inner .exp {
	margin-top: 380px;
	width: 470px;
}
.section_style .catch {
	color: #4C4A4A;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 3.3rem;
	letter-spacing: 0.09rem;
	margin-bottom: 20px;
}


.section_style .inner.inner2 {
	margin-top: 0;
	padding-left: calc((100% - 1480px) / 2 + 10px);
	justify-content: flex-start;
	margin-top: 140px;
	gap: 110px;
}
.section_style .inner.inner2 .imgs {
	order: 0;
}
.section_style .inner.inner2 .exp {
	margin-top: 0;
	width: 560px;
}

.service {
	margin: 150px 0;
}

.cover img {
	width: 100%;
}

.service_list {
	margin-top: 60px;
	padding-right: calc((100% - 1200px) / 2);
}
.service_list li {
	display: flex;
	gap: 0;
	align-items: flex-start;
	margin-bottom: 70px;
	position: relative;
}
.service_list li .imgs {
	width: 54%;
	overflow: hidden;
	/* position: sticky; */
	/* left: 0; */
	/* top: 100px; */
}
.service_list li .exp {
	width: 56%;
	padding-left: 100px;
	/* padding-bottom: 45px; */
	padding-top: 45px;
}
.service_list li .exp .en {
	color: #B4A698;
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem; /* 153.846% */
	letter-spacing: 0.13rem;
}
.service_list li .exp h3 {
	color:  #4C4A4A;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.6rem; /* 180% */
	letter-spacing: 0.1rem;
	margin-bottom: 5px;
}
.service_list li .exp .catch {
	color:  #4C4A4A;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.6rem; /* 225% */
	letter-spacing: 0.08rem;
	margin-top: 20px;
	margin-bottom: 10px;
}

.service_list li .exp .btns {
	display: flex;
	gap: 10px;
	flex-direction: column;
	margin-top: 30px;
}
.service_list li .exp .btns .btn a {
	width: 335px;
}
.service_list li .exp .btns .btn_toggle {
	margin-top: 20px;
}
.toggle_content h4 {
	color: #4C4A4A;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.6rem; /* 225% */
	letter-spacing: 0.08rem;
	margin-bottom: 10px;
	margin-top: 20px;
}

@media screen and (max-width: 736px) {

	main {
		overflow: hidden;
	}


	
	.section_style .inner {
		flex-direction: column;
		margin: 0 auto;
		gap: 0;
	}
	.section_style .inner .imgs {
		order: 0;
		padding-left: 30px;
		gap: 10px;
		align-items: flex-end;
		margin-top: -100px;
	}
	.section_style .inner .imgs picture:nth-of-type(2) {
		order: -1;
	}
	.section_style .inner.inner2 {
		gap: 30px;
	}
	.section_style .inner2 .imgs {
		padding-left: 0;
		padding-right: 30px;;
	}
	.section_style .inner2 .imgs picture:nth-of-type(2) {
		order: 0;
	}
	.section_style {
		margin-top: 60px;
		margin-bottom: 60px;
	}

	.section_style > h2 {
		padding-left: 30px;
		margin-bottom: 50px;
	}

	.section_style .inner.inner2 .exp {
		padding: 0 30px;
		width: 100%;
	}
	.section_style .inner .exp {
		margin-top: 30px;
		padding: 0 30px;
		width: 100%;
	}
	.section_style .slider1 {
		margin-top: 40px;
	}
	.section_style.wedding .imgs {
		width: 100%;
		padding-left: 0;
	}

	.service {
		margin: 70px auto 70px;
	}
	main .sec_heading .en {
		font-size: 2.6rem;
	}
	
	.service_list li {
		flex-direction: column;
	}
	.service_list li .imgs {
		width: 100%;
	}
	.service_list li .exp {
		width: 100%;
		padding: 0 30px;
		margin-top: 20px;
	}
}