@charset "UTF-8";
#box1 img,
#box2 img,
#box3 img{
	width: 100%;
	vertical-align: bottom;
}
#box3 .flexBox{
	display: flex;
	justify-content: space-between;
	gap: 15px;
	flex-wrap: wrap;
}
#box3 .flexBox figure{
	width: 30%;
	@media (width <= 480px){
		width: 100%;
	}
}
#main #box3 div:before,
#main #box3 div:after{
	content: none;
	display: none;
}
#box3 .flexBox figcaption{
	margin: 10px 0;
}
#box3 .linkBtn{
	box-sizing: border-box;
	width: 80%;
	max-width:300px;
	margin: 0 auto 15px;
	padding: 10px;
	border: none;
	border-radius: 10em;
	background: linear-gradient(to right,
					rgba(247, 207, 0, 0.7),
					rgba(246, 37, 2, 0.7) 45%,
					rgba(182, 47, 82, 0.7) 75%,
					rgba(113, 58, 166, 0.7));
	color: #fff;
	text-decoration: none;
	line-height: 1;
}
#box3 .linkBtn a{
	color: inherit;
	font-weight: bold;
}
/* ==========================================================
	PC閲覧用 481px以上
========================================================== */
@media screen and (min-width: 481px) {
	.title h2 {
		font-size: 0.9em;
	}
	#box1 img,
	#box2 img {
		width: 240px;
		float: right;
		margin: 0 0 20px 20px;
	}
}
	/* ==========================================================
	SP閲覧用 480px以下
========================================================== */
	@media screen and (max-width: 480px){
		#box1 .inner,
		#box2 .inner {
			display: flex;
			justify-content: center;
			flex-direction: column;
		}
		#box1 p,
		#box2 p{
			margin-top: 10px;
			padding-bottom: 10px;
		}
		#box1 img,
		#box2 img{
			width: 100%;
		}
	}