@keyframes mirageFade {
0% {
opacity:0;
filter:blur(32px)
}
33.333% {
opacity:1;
filter:blur(0px)
}
66.666% {
opacity:1;
filter:blur(0px)
}
to {
	opacity:0;
	filter:blur(32px)
}
}
@keyframes fadein {
to {
opacity:1
}
}
@keyframes fadeout {
to {
opacity:0
}
}
*[data-animate=fadein] {
	opacity:0
}
*[data-animate=fadein][data-animated=true] {
	animation:fadein 3s forwards
}
*[data-animate=fadeout] {
	opacity:1
}
*[data-animate=fadeout][data-animated=true] {
	animation:fadeout 3s forwards
}
@keyframes throwright {
0% {
transform:translate(-5vw);
opacity:0
}
to {
	opacity:1
}
}
*[data-animate=throwright] {
	opacity:0
}
*[data-animate=throwright][data-animated=true] {
animation:throwright .8s forwards;
	animation-timing-function:cubic-bezier(.16, 1, .3, 1)
}
@keyframes throwleft {
0% {
transform:translate(5vw);
opacity:0
}
to {
	opacity:1
}
}
*[data-animate=throwleft] {
	opacity:0
}
*[data-animate=throwleft][data-animated=true] {
animation:throwleft .8s forwards;
	animation-timing-function:cubic-bezier(.16, 1, .3, 1)
}
@keyframes slideup {
to {
transform:rotate(0) translate(0);
opacity:1
}
}
*[data-animate=slideup] {
	transform:rotate(0) translateY(20px);
	opacity:0
}
*[data-animate=slideup][data-animated=true] {
	animation:slideup 2s forwards;
	animation-timing-function:cubic-bezier(.22, 1, .36, 1)
}
@keyframes slideleft {
to {
transform:translate(0) rotate(0);
opacity:1
}
}
*[data-animate=slideleft] {
	transform:translate(20px) rotate(0);
	opacity:0
}
*[data-animate=slideleft][data-animated=true] {
animation:slideleft .8s forwards;
	animation-timing-function:cubic-bezier(.16, 1, .3, 1)
}
@keyframes slideright {
to {
transform:translate(0) rotate(0);
opacity:1
}
}
*[data-animate=slideright] {
	transform:translate(-20px) rotate(0);
	opacity:0
}
*[data-animate=slideright][data-animated=true] {
animation:slideright .8s forwards;
	animation-timing-function:cubic-bezier(.16, 1, .3, 1)
}
@keyframes slidedown {
to {
transform:translate(0) rotate(0);
opacity:1
}
}
*[data-animate=slidedown] {
	transform:translateY(-20px) rotate(0);
	opacity:0
}
*[data-animate=slidedown][data-animated=true] {
	animation:slidedown 2s forwards;
	animation-timing-function:cubic-bezier(.22, 1, .36, 1)
}
@keyframes blurin {
to {
opacity:1;
filter:blur(0px)
}
}
*[data-animate=blurin] {
	opacity:0;
	filter:blur(32px)
}
*[data-animate=blurin][data-animated=true] {
	animation:blurin 2s forwards;
	animation-timing-function:cubic-bezier(.22, 1, .36, 1)
}
main .memories {
	margin-inline:auto;
	min-width:375px;
	max-width:1440px;
	width:100%
}
:root {
	background-color:gray
}
body {
	margin:0;
	padding:0;
	font-family:Arial, sans-serif
}
.list-breadcrumb {
	font-family: 'Noto Sans JP', sans-serif !important;
}
main {
	margin:0 auto -80px;
	min-width:375px;
	background-image:url(./images/background.webp);
	background-position:center top;
	width:100vw;
	overflow:hidden
}
main img {
	display:block;
	width:100%
}
main h1, main h2, main h3, main h4, main h5, main h6, main p, main figure, main footer {
	font:inherit;
	font-family:Zen Maru Gothic, Noto Sans JP, sans-serif
}
main footer {
	position:relative;
	max-width:1080px;
	width:calc(100vw - 40px);
	margin:0 auto;
	box-sizing:border-box;
	padding-bottom:90px
}
@media(max-width:768px) {
main footer {
max-width:335px
}
}
main footer:before {
	content:"";
	display:block;
	width:10px;
	height:100%;
	position:absolute;
	left:50%;
	transform:translate(-50%);
	background-color:#4c280f40
}
main footer nav {
	position:relative;
	display:flex;
	gap:30px;
	z-index:1
}
@media(max-width:768px) {
main footer nav {
flex-direction:column;
gap:30px
}
}
main footer nav a {
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:#fff;
	flex:1;
	text-align:center;
	height:100px;
	font-size:18px;
	font-weight:700;
	letter-spacing:.9px;
	color:#1b5cb5;
	gap:10px;
transition:.5s color, .5s background-color
}
main footer nav a rect {
transition:.5s fill
}
main footer nav a path {
transition:.5s stroke
}
@media(max-width:768px) {
main footer nav a {
flex:none;
font-size:16px
}
}
main footer nav a:hover {
	color:#1b5cb5;
	text-decoration:none;
	background-color:#1b5cb5;
	color:#fff
}
main footer nav a:hover rect {
	fill:#fff
}
main footer nav a:hover path {
	stroke:#1b5cb5
}
main .narrow {
	display:none
}
@media(max-width:768px) {
main .narrow {
display:unset
}
}
main .wide {
	display:unset
}
@media(max-width:768px) {
main .wide {
display:none
}
}
main .first {
	background-color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	position:fixed;
	width:100%;
	z-index:1;
	pointer-events:none
}
main .first canvas.confetti {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events:none
}
main .first .catch_copy {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:20px;
	position:relative
}
@media(max-width:768px) {
main .first .catch_copy {
gap:10px;
width:200px
}
}
main .first .catch_copy img:last-child {
	margin-top:10px
}
main .second {
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	overflow:hidden;
	pointer-events:none
}
main .second .mirage {
	position:absolute;
	inset:0
}
main .second .mirage img {
	position:absolute;
	transform:scale(.66) translate(-50%, -50%);
	opacity:0;
	width:auto;
	height:auto;
	animation:mirageFade 5s ease-out infinite
}
@media(max-width:768px) {
main .second .mirage img {
transform:scale(.33) translate(-50%, -50%)
}
}
main .second .catch_copy {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:20px
}
@media(max-width:768px) {
main .second .catch_copy {
width:325px
}
}
main .second .catch_copy img {
	width:auto
}
@media(max-width:768px) {
main .second .catch_copy img {
width:325px
}
}
main .second .catch_copy img:last-child {
	margin-top:10px
}
@media(max-width:768px) {
main .second .catch_copy img:last-child {
width:180px
}
}
main .third {
	position:relative;
	min-width:375px;
	max-width:1440px;
	margin-inline:auto;
	margin-bottom:90px
}
@media(max-width:768px) {
main .third {
margin-bottom:0
}
}
main .third .figure {
	position:relative;
	width:fit-content;
	margin:0 auto
}
main .third .figure .paper {
	width:86.3152777778%;
	margin:0 auto
}
@media(max-width:768px) {
main .third .figure .paper {
width:94.6666666667%
}
}
main .third .figure .photo {
	position:absolute;
	width:79.8611111111%;
	margin:0 auto;
	inset:50%;
	transform:translate(-50%, -50%)
}
@media(max-width:768px) {
main .third .figure .photo {
width:87.5866666667%
}
}
main .third p {
	padding:40px;
	background-image:url(./images/background_cloth.webp);
	font-size:1.3888888889vw;
	font-weight:700;
	line-height:1.6em;
	box-sizing:border-box;
	width:418px;
	border-radius:20px;
	text-align:center;
	color:#fff;
	position:absolute;
	inset-inline:60px;
	bottom:0
}
@media(min-width:1440px) {
main .third p {
font-size:20px
}
}
@media(max-width:768px) {
main .third p {
position:static;
inset:auto;
margin:0 auto;
background:none;
color:#4c280f;
width:auto;
font-size:20px
}
}
main .third p.right {
	left:auto
}
main .third p.bottom {
	top:auto
}
main .memories {
	display:flex;
	flex-direction:column;
	gap:156px;
	position:relative
}
main .memories:before {
	content:"";
	display:block;
	width:10px;
	height:100%;
	position:absolute;
	left:50%;
	transform:translate(-50%);
	background-color:#4c280f40
}
main .memories .lineart {
	position:absolute;
	width:100%
}
main .memories .lineart img {
	position:relative;
	display:block;
	width:auto;
	height:auto;
	margin-inline:auto;
	max-width:720px;
	max-height:556px;
	object-fit:contain;
	object-position:center center
}
@media(max-width:768px) {
main .memories .lineart img {
max-width:360px;
max-height:278px
}
}
main .memories>section {
	position:relative
}
main .memories>section header .number {
	font-size:21px;
	letter-spacing:1px;
	font-weight:500;
	background-color:#1b5cb5;
	color:#fff;
	border-radius:9999px;
	width:288px;
	line-height:34px;
	margin:0 auto;
	text-align:center
}
main .memories>section header .year {
	font-size:301.67px;
	font-weight:700;
	line-height:.75em;
	color:#dfcfbc;
	font-family:Outfit, sans-serif;
	margin-top:35px;
	font-kerning:none
}
@media(max-width:768px) {
main .memories>section header .year {
font-size:120px;
font-weight:800;
letter-spacing:.03em
}
}
main .memories>section header .year span {
	display:block;
	margin-left:50%;
	transform:translate(-371px)
}
@media(max-width:768px) {
main .memories>section header .year span {
transform:translate(-155px)
}
}
main .memories>section figure {
	display:flex;
	background-color:#fff;
	max-width:1080px;
	width:calc(100vw - 40px);
	margin:0 auto;
	padding:70px;
	box-sizing:border-box;
	border-radius:40px
}
@media(max-width:768px) {
main .memories>section figure {
flex-direction:column;
padding:40px 30px;
max-width:335px
}
}
main .memories>section figure img {
	order:1;
	max-width:380px;
	max-height:100%;
	object-fit:contain;
	object-position:center
}
main .memories>section figure figcaption {
	flex:1;
	margin-right:30px
}
@media(max-width:768px) {
main .memories>section figure figcaption {
margin-right:auto
}
}
main .memories>section figure figcaption h4 {
	font-size:20px;
	font-weight:700;
	line-height:1.5em;
	color:#1b5cb5
}
@media(max-width:768px) {
main .memories>section figure figcaption h4 {
font-size:18px
}
}
main .memories>section figure figcaption h5 {
	margin-top:10px;
	font-size:24px;
	font-weight:700;
	line-height:1.6em;
	color:#4c280f
}
@media(max-width:768px) {
main .memories>section figure figcaption h5 {
font-size:20px
}
}
main .memories>section figure figcaption p {
	margin-top:30px;
	color:#4c280f;
	font-weight:700;
	line-height:1.8em;
	font-size:16px
}
@media(max-width:768px) {
main .memories>section figure figcaption p {
margin:20px 0
}
}
main .memories>section figure figcaption p small {
	font-size:.9em;
	font-weight:400;
	line-height:1.5em;
	display:block;
	margin:10px auto;
	padding-top:10px;
	border-top:dotted 1px #a59488
}
main .memories>section .notebook {
	display:flex;
	flex-direction:column;
	gap:75px;
	margin:110px auto;
	position:relative
}
main .memories>section .notebook:last-child {
	margin-bottom:0
}
@media(max-width:768px) {
main .memories>section .notebook {
margin:80px auto;
gap:50px
}
}
main .memories>section .notebook .photo {
	position:absolute;
	width:0;
	height:0;
	inset-inline:50%
}
main .memories>section .notebook img {
	position:absolute;
	width:280px;
	inset-inline:calc(100% - 140px);
	top:-110px
}
@media(max-width:768px) {
main .memories>section .notebook img {
width:180px;
inset-inline:calc(100% - 90px);
top:-118.5px
}
}
main .memories>section .stickynotes {
	position:relative;
	width:fit-content;
	margin:0 auto;
	z-index:1
}
main .memories>section .stickynotes:before {
	position:absolute;
	inset:0;
	content:"";
	display:block;
	width:100%;
	height:100%;
	background-color:#0003;
	filter:blur(8px);
	transform:skew(0, 3deg);
	transform-origin:left top
}
main .memories>section .stickynotes span {
	display:block;
	position:relative;
	width:fit-content;
	padding:20px;
	font-weight:400;
	font-size:18px;
	line-height:1.35em;
	letter-spacing:.54px;
	min-width:350px;
	z-index:1;
	border-left:20px solid red
}
@media(max-width:768px) {
main .memories>section .stickynotes span {
font-weight:600;
min-width:270px;
max-width:320px
}
}
main .memories>section .stickynotes.pink span {
	background-color:#ffdbdb;
	border-color:#fbb
}
main .memories>section .stickynotes.yellow span {
	background-color:#fff6c0;
	border-color:#f9eb9b
}
main .memories>section .stickynotes.green span {
	background-color:#d7efe8;
	border-color:#bef0e2
}
main .memories>section .stickynotes.blue span {
	background-color:#cfeeff;
	border-color:#b0e4ff
}
main .memories .memory_dual {
	display:flex;
	flex-direction:column;
	background-color:#fff;
	margin:0 auto;
	box-sizing:border-box;
	border-radius:40px;
	max-width:1080px;
	padding:40px 115px;
	font-size:24px;
	color:#1b5cb5;
	font-weight:700;
	line-height:1.5em;
	text-align:center
}
@media(max-width:768px) {
main .memories .memory_dual {
max-width:300px;
padding:30px;
font-size:24px;
text-align:left
}
}
main .memories .memory_thanks {
	display:flex;
	flex-direction:column;
	background-color:#fff;
	margin:0 auto;
	box-sizing:border-box;
	border-radius:40px;
	min-width:1080px;
	padding:70px;
	position:relative
}
@media(max-width:768px) {
main .memories .memory_thanks {
min-width:335px;
max-width:auto;
padding:40px 30px
}
}
main .memories .memory_thanks canvas.confetti {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events:none
}
main .memories .memory_thanks .thanks_message {
	position:relative
}
main .memories .memory_thanks .thanks_message h2 {
	font-size:40px;
	color:#1b5cb5;
	font-weight:700;
	line-height:1.5em;
	text-align:center;
	letter-spacing:.75px
}
@media(max-width:768px) {
main .memories .memory_thanks .thanks_message h2 {
font-size:32px
}
}
main .memories .memory_thanks .thanks_message small {
	font-size:15px;
	line-height:1.5em;
	color:#1b5cb5;
	font-weight:700;
	text-align:center;
	letter-spacing:.75px;
	margin:0 auto;
	display:block
}
main .memories .memory_thanks .thanks_message p {
	color:#4c280f;
	font-weight:700;
	line-height:1.8em;
	font-size:24px;
	text-align:center;
	margin-top:30px
}
@media(max-width:768px) {
main .memories .memory_thanks .thanks_message p {
font-size:20px
}
}
main .memories .memory_01 .lineart img {
	margin-top:50px;
	left:-510px
}
@media(max-width:768px) {
main .memories .memory_01 .lineart img {
margin-top:33px;
inset:auto auto auto -167px
}
}
@media(max-width:768px) {
main .memories .memory_01 .notebook {
margin-bottom:220px
}
}
main .memories .memory_01 .notebook .photo {
	transform:translate(-196px, 160px) rotate(10.83deg)
}
@media(max-width:768px) {
main .memories .memory_01 .notebook .photo {
transform:translate(40px, 340px) rotate(10.83deg)
}
}
main .memories .memory_01 .notebook .yellow {
	left:262px
}
@media(max-width:768px) {
main .memories .memory_01 .notebook .yellow {
left:10px
}
}
main .memories .memory_01 .notebook .blue {
	left:104px
}
@media(max-width:768px) {
main .memories .memory_01 .notebook .blue {
left:-22px
}
}
main .memories .memory_02 .lineart img {
	margin-top:50px;
	right:-370px
}
@media(max-width:768px) {
main .memories .memory_02 .lineart img {
inset:auto -220px auto auto
}
}
main .memories .memory_02 .notebook .photo {
	transform:translate(-390px, 110px) rotate(-8.04deg)
}
@media(max-width:768px) {
main .memories .memory_02 .notebook .photo {
transform:translate(-66px, 185px) rotate(12deg)
}
}
main .memories .memory_02 .notebook .green {
	left:-130px
}
@media(max-width:768px) {
main .memories .memory_02 .notebook .green {
left:-32px;
margin-bottom:157px
}
}
main .memories .memory_02 .notebook .yellow {
	left:60px
}
@media(max-width:768px) {
main .memories .memory_02 .notebook .yellow {
left:20px
}
}
main .memories .memory_02 .notebook .blue {
	left:-50px
}
@media(max-width:768px) {
main .memories .memory_02 .notebook .blue {
left:-38px
}
}
main .memories .memory_03 .lineart img {
	margin-top:215px;
	left:-535px
}
@media(max-width:768px) {
main .memories .memory_03 .lineart img {
margin-top:35px;
inset:auto auto auto -230px
}
}
main .memories .memory_03 .notebook .photo:nth-of-type(1) {
transform:translate(450px, 46px) rotate(-11deg)
}
@media(max-width:768px) {
main .memories .memory_03 .notebook .photo:nth-of-type(1) {
transform:translate(61px, 310px) rotate(10deg)
}
}
main .memories .memory_03 .notebook .photo:nth-of-type(2) {
transform:translate(-200px, 350px) rotate(7deg)
}
@media(max-width:768px) {
main .memories .memory_03 .notebook .photo:nth-of-type(2) {
transform:translate(-120px, 400px) rotate(-13deg)
}
}
main .memories .memory_03 .notebook .pink {
	left:-38px
}
@media(max-width:768px) {
main .memories .memory_03 .notebook .pink {
left:32px
}
}
main .memories .memory_03 .notebook .green {
	left:225px
}
@media(max-width:768px) {
main .memories .memory_03 .notebook .green {
left:-16px;
margin-bottom:140px
}
}
main .memories .memory_03 .notebook .yellow {
	left:150px
}
@media(max-width:768px) {
main .memories .memory_03 .notebook .yellow {
left:32px
}
}
main .memories .memory_03 .notebook .blue {
	left:300px
}
@media(max-width:768px) {
main .memories .memory_03 .notebook .blue {
left:-22px
}
}
main .memories .memory_04 .lineart img {
	margin-top:44px;
	right:-474px
}
@media(max-width:768px) {
main .memories .memory_04 .lineart img {
inset:auto -208px auto auto;
margin-top:27px
}
}
main .memories .memory_04 .notebook .photo {
	transform:translate(-450px, 110px) rotate(-11deg)
}
@media(max-width:768px) {
main .memories .memory_04 .notebook .photo {
transform:translate(-8px, 210px) rotate(11deg)
}
}
main .memories .memory_04 .notebook .blue {
	left:-181px
}
@media(max-width:768px) {
main .memories .memory_04 .notebook .blue {
left:25px;
margin-bottom:160px
}
}
main .memories .memory_04 .notebook .pink {
	left:70px
}
@media(max-width:768px) {
main .memories .memory_04 .notebook .pink {
left:-24px
}
}
main .memories .memory_05 .lineart img {
	margin-top:50px;
	left:-510px
}
@media(max-width:768px) {
main .memories .memory_05 .lineart img {
margin-top:34px;
inset:auto auto auto -223px
}
}
main .memories .memory_05 .notebook .photo {
	transform:translate(-176px, 100px) rotate(-11deg)
}
@media(max-width:768px) {
main .memories .memory_05 .notebook .photo {
transform:translate(42px, 224px) rotate(11deg)
}
}
main .memories .memory_05 .notebook .green {
	left:83px
}
@media(max-width:768px) {
main .memories .memory_05 .notebook .green {
left:22px;
margin-bottom:148px
}
}
main .memories .memory_05 .notebook .yellow {
	left:295px
}
@media(max-width:768px) {
main .memories .memory_05 .notebook .yellow {
left:-30px
}
}
main .memories .memory_06 .lineart img {
	margin-top:50px;
	right:-534px
}
@media(max-width:768px) {
main .memories .memory_06 .lineart img {
margin-top:16px;
inset:auto auto auto 220px
}
}
main .memories .memory_06 .notebook .photo:nth-of-type(1) {
transform:translate(-415px, 68px) rotate(12deg)
}
@media(max-width:768px) {
main .memories .memory_06 .notebook .photo:nth-of-type(1) {
transform:translate(-53px, 201px) rotate(11deg)
}
}
main .memories .memory_06 .notebook .photo:nth-of-type(2) {
transform:translate(207px, 306px) rotate(-15deg)
}
@media(max-width:768px) {
main .memories .memory_06 .notebook .photo:nth-of-type(2) {
transform:translate(44px, 490px) rotate(10deg)
}
}
main .memories .memory_06 .notebook .yellow {
	left:-138px
}
@media(max-width:768px) {
main .memories .memory_06 .notebook .yellow {
left:-28px;
margin-bottom:146px
}
}
main .memories .memory_06 .notebook .blue {
	left:-33px
}
@media(max-width:768px) {
main .memories .memory_06 .notebook .blue {
left:22px;
margin-bottom:150px
}
}
main .memories .memory_06 .notebook .pink {
	left:-308px
}
@media(max-width:768px) {
main .memories .memory_06 .notebook .pink {
left:-10px
}
}
main .memories .memory_07 .lineart img {
	margin-top:165px;
	left:-532px
}
@media(max-width:768px) {
main .memories .memory_07 .lineart img {
margin-top:33px;
inset:auto auto auto -230px
}
}
main .memories .memory_07 .notebook .photo:nth-of-type(1) {
transform:translate(434px, 145px) rotate(12deg)
}
@media(max-width:768px) {
main .memories .memory_07 .notebook .photo:nth-of-type(1) {
transform:translate(66px, 307px) rotate(-9deg)
}
}
main .memories .memory_07 .notebook .photo:nth-of-type(2) {
transform:translate(-226px, 380px) rotate(-11deg)
}
@media(max-width:768px) {
main .memories .memory_07 .notebook .photo:nth-of-type(2) {
transform:translate(-62px, 617px) rotate(11deg)
}
}
main .memories .memory_07 .notebook .green {
	left:-60px
}
@media(max-width:768px) {
main .memories .memory_07 .notebook .green {
left:32px
}
}
main .memories .memory_07 .notebook .yellow {
	left:120px
}
@media(max-width:768px) {
main .memories .memory_07 .notebook .yellow {
left:-22px;
margin-bottom:143px
}
}
main .memories .memory_07 .notebook .blue {
	left:25px
}
@media(max-width:768px) {
main .memories .memory_07 .notebook .blue {
left:32px;
margin-bottom:146px
}
}
main .memories .memory_07 .notebook .pink {
	left:230px
}
@media(max-width:768px) {
main .memories .memory_07 .notebook .pink {
left:-22px
}
}
main .memories .memory_08 .lineart img {
	margin-top:34px;
	right:-495px
}
@media(max-width:768px) {
main .memories .memory_08 .lineart img {
inset:auto -220px auto auto;
margin-top:27px
}
}
main .memories .memory_08 .notebook .photo:nth-of-type(1) {
transform:translate(189px, 58px) rotate(-8deg)
}
@media(max-width:768px) {
main .memories .memory_08 .notebook .photo:nth-of-type(1) {
transform:translate(-54px, 198px) rotate(12deg)
}
}
main .memories .memory_08 .notebook .yellow {
	left:-130px
}
@media(max-width:768px) {
main .memories .memory_08 .notebook .yellow {
left:-8px;
margin-bottom:146px
}
}
main .memories .memory_08 .notebook .blue {
	left:-306px
}
@media(max-width:768px) {
main .memories .memory_08 .notebook .blue {
left:24px
}
}
main .memories .memory_09 .lineart img {
	margin-top:40px;
	left:-482px
}
@media(max-width:768px) {
main .memories .memory_09 .lineart img {
margin-top:27px;
inset:auto auto auto -240px
}
}
main .memories .memory_09 .notebook {
	margin-bottom:140px
}
@media(max-width:768px) {
main .memories .memory_09 .notebook {
margin-bottom:220px
}
}
main .memories .memory_09 .notebook .photo:nth-of-type(1) {
transform:translate(446px, 42px) rotate(-10deg)
}
@media(max-width:768px) {
main .memories .memory_09 .notebook .photo:nth-of-type(1) {
transform:translate(68px, 188px) rotate(-10deg)
}
}
main .memories .memory_09 .notebook .photo:nth-of-type(2) {
transform:translate(-329px, 112px) rotate(13deg)
}
@media(max-width:768px) {
main .memories .memory_09 .notebook .photo:nth-of-type(2) {
transform:translate(63px, 436px) rotate(11deg)
}
}
main .memories .memory_09 .notebook .pink {
	left:120px
}
@media(max-width:768px) {
main .memories .memory_09 .notebook .pink {
left:33px;
margin-bottom:160px
}
}
main .memories .memory_09 .notebook .yellow {
	left:-20px
}
@media(max-width:768px) {
main .memories .memory_09 .notebook .yellow {
left:-30px
}
}
main .memories .memory_10 {
	margin-bottom:100px
}
main .memories .memory_10 figure {
	margin-top:100px
}