@charset "utf-8";
/* ==================================================
		
		社外連携／イベント PC

================================================== */
@media screen and (min-width:750px) {
  
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
#contents .vi {
 background: url(../img/bak_vi.jpg) no-repeat left top / cover;
}
  
/* --------------------------------------------------
		.ceremony
-------------------------------------------------- */
#contents .ceremony .ceremony-inner {
 font-size: 18px;
}
#contents .ceremony .ceremony-inner .txt {
 width: 615px;
}
#contents .ceremony .ceremony-inner .ceremony-box {
 width: 481px;
}
#contents .ceremony .photomovie .photo {
 padding-right: 24px;
}
#contents .ceremony .photomovie .movie {
 padding: 4px 0 0 24px;
}
#contents .ceremony .photomovie .movie > div {
 width: 442px !important;
 height: 262px !important;
}
#contents .ceremony .cap::before {
 content: "・";
}
#contents .ceremony .photomovie .movie .cap {
 padding-top: 23px !important;
}

/*	.info-box
-------------------------------------------------- */ 
#contents .info-box {
	background: #f0f0f0;
	border-radius: 23px;
	padding: 0 67px;
	font-size: 18px;
}

#contents .info-box dl {
	display: flex;
}

#contents .info-box dl:not(:last-child) {
	margin-bottom: 15px;
}

#contents .info-box dl dt {
	padding-right: 30px;
	width: 215px;
}

#contents .info-box dl dd {
	padding-left: 1rem;
	text-indent: -1rem;
}

#contents .info-box .icon {
	width: 17px;
	vertical-align: baseline;
	margin-left: 5px;
}

}


/* ==================================================
		
		社外連携／イベント SP

================================================== */
@media screen and (max-width:749px) {
  
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
#contents .vi {
 background: url(../img/bak_vi.jpg) no-repeat left top / cover;
}
  
/* --------------------------------------------------
		.ceremony
-------------------------------------------------- */
#contents .ceremony .ceremony-inner {
 font-size: 15px;
}
#contents .ceremony .photomovie .movie {
 width: 98%;
 margin: 0 auto;
}
#contents .ceremony .cap::before {
 content: "・";
}

/*	.info-box
-------------------------------------------------- */ 
#contents .info-box {
	background: #f0f0f0;
	border-radius: 23px;
	padding: 0 20px;
}
#contents .info-box dl:not(:last-child) {
	margin-bottom: 15px;
}
#contents .info-box .icon {
	width: 13px;
	vertical-align: baseline;
	margin-left: 3px;
}
 
}