@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------

デザインデータ入稿方法　sending

------------------------------------------------------*/

/*----納期----*/
.day-cont {
	margin-bottom: 30px;
}

.day-cont .ps {
	width: 70%;
	text-align: center;
	margin: 0 auto 30px;
	border: 1px solid #515151;
	padding: 10px 20px;
	border-radius: 5px;
	letter-spacing: .1em;
}

.day-cont .ps p {
	font-size: 1.5rem;
	line-height: 1.3;
}

.day-cont .day-list {
	gap: 20px 2%;
	justify-content: flex-start;
}

.day-cont .day-list > div {
	width: 32%;
	background: url("../../../_images/common/calendar-back.gif");
	background-size: 100% 100%;
	text-align: center;
	text-shadow: 
	#FFF 2px 0px,  #FFF -2px 0px,
	#FFF 0px -2px, #FFF 0px 2px,
	#FFF 2px 2px , #FFF -2px 2px,
	#FFF 2px -2px, #FFF -2px -2px,
	#FFF 1px 2px,  #FFF -1px 2px,
	#FFF 1px -2px, #FFF -1px -2px,
	#FFF 2px 1px,  #FFF -2px 1px,
	#FFF 2px -1px, #FFF -2px -1px;
	padding: 60px 25px 30px;
	box-sizing: border-box;
}

.day-cont .day-list dt,
.day-cont .day-list dt em,
.day-cont .day-list dd div {
	font-weight: 900;
}

.day-cont .day-list div {
	display: flex;
	justify-content:center;
	flex-direction: column;
}

.day-cont .day-list div dt {
	font-size: 2.4rem;
	line-height: 1.1;
	margin-bottom: .7rem;
}

.day-cont .day-list dt em {
	display: block;
}

.day-cont .day-list dt span {
	color: #646464;
	font-size: 1.7rem;
}

.day-cont .day-list div dd div {
	font-size: 2.5rem;
	color: #e93310;
}

.day-cont .day-list div dd span {
	width: fit-content;
	display: block;
	padding: 5px 20px;
	font-size: 1.4rem;
	color: #FFF;
	background: #3461a4;
	margin: 7px auto 0;
	border-radius: 100px;
	text-shadow: none;
}


@media screen and (max-width: 786px) {
	.day-cont .day-list {
		justify-content: space-between;
	}
	.day-cont .day-list > div {
		width: 48%;
	}
}

@media screen and (max-width: 480px) {
	.day-cont .day-list > div {
		width: 100%;
	}
}


/*----ご注意点----*/
.caution-box {
	margin: 3rem 20px 5rem;
	padding: 30px;
	border-radius: 5px;
	border: 1px dashed #FF3135;
	box-sizing: border-box;
	background: #FFF3F3;
}

.caution-box dt {
	font-weight: bold;
	font-size: 16px;
	color: #FF3135;
	text-align: center;
	margin-bottom: 10px;
}

@media screen and (max-width: 480px) {
	.caution-box {
		margin: 3rem 0 5rem;
		padding: 20px 30px;
	}
}


/*----speed-cont----*/
.speed-cont .text {
	width: 420px;
}

@media screen and (max-width: 786px) {
	.speed-cont .img {
		width: 35%;
	}
	
	.speed-cont .text {
		width: 60%;
	}
}

@media screen and (max-width: 480px) {
	.speed-cont .img {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
	
	.speed-cont .img img {
		width: auto;
		max-width: 100%;
	}
	
	.speed-cont .text {
		width: 100%;
	}
}