@charset "utf-8";
.page-title {background-image: url(/img/anniversary/anniversary-mv.jpg);}


/* -------------------------------------------------- */
/* #block-anniversary */
/* -------------------------------------------------- */
#block-anniversary .ttl + .d-flex {gap:40px;margin: 80px 0;justify-content: center;}
#block-anniversary .ttl + .d-flex .box {max-width: calc((100% - 40px)/2);}
#block-anniversary .ttl + .d-flex .box .img {position: relative;}
#block-anniversary .ttl + .d-flex .box .img + p {padding: 15px;}
#block-anniversary .text h3 {font-size: 2.8rem;margin-bottom: 1em;}
#block-anniversary .text h3 small{display: block;font-size: 1.5rem;margin-bottom: .8em;}

#block-anniversary .anniversary-box01 .sub-text{font-size: 2.2rem;text-align: center;margin: 100px 0 50px; }
#block-anniversary .anniversary-box01 .sub-text p {position: relative;padding: 1em;}
#block-anniversary .anniversary-box01 .sub-text p span {display: inline;border-bottom: 1px solid #666;line-height: 1.4;margin: 5px;}
#block-anniversary .anniversary-box01 .d-flex {gap:40px;}
#block-anniversary .anniversary-box01 .d-flex h3 {font-size: 5.4rem;line-height: 1.3;margin-bottom: 20px;}
#block-anniversary .anniversary-box02,
#block-anniversary .anniversary-box03 {margin-top: 150px;}


/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:1400px){
}
@media screen and (min-width:1px) and (max-width:999px){
}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:767px){
	
	/* -------------------------------------------------- */
	/* #block-anniversary */
	/* -------------------------------------------------- */
	#block-anniversary .ttl .common-ttl01 + p {text-align: left;}
	#block-anniversary .ttl + .d-flex {display: block;margin: 40px 0;}
	#block-anniversary .ttl + .d-flex .box {max-width: 100%;}
	#block-anniversary .ttl + .d-flex .box + .box {margin-top: 40px;}
	#block-anniversary .text h3 {text-align: center;}
	#block-anniversary .text h3 small{font-size: 1.4rem;}
	#block-anniversary .text h3 + .img {margin-bottom: 30px;}


	#block-anniversary .anniversary-box01 .sub-text{font-size: 1.8rem;margin: 50px 0 30px; }
	#block-anniversary .anniversary-box01 .d-flex h3 {font-size: 3rem;}
	
	#block-anniversary .anniversary-box02,
	#block-anniversary .anniversary-box03 {margin-top: 80px;}
}