@charset "UTF-8";

/* --- ヒーローエリア ---*/
section.hero_plan1 {
	background: url(../img/hero_plan1.jpg) no-repeat center center;
}

section.hero_plan2 {
	background: url(../img/hero_plan2.jpg) no-repeat center center;
}

section.hero_plan3 {
	background: url(../img/hero_plan3.jpg) no-repeat center center;
}

/* --- WEDDING-PHOTO-PLAN ---*/
section.wedding_plan {
	padding: 60px 0px 90px;
}

section.wedding_plan h3,
section.wedding_plan h4,
section.wedding_plan div.text,
section.wedding_plan div.data,
section.wedding_plan div.caution,
section.wedding_plan ul.icon_list,
section.wedding_plan ul.btn {
	padding: 0px 30px 0px;
}

section.wedding_plan h2 {
	letter-spacing: 0.5em;
}

section.wedding_plan h3,
section.wedding_plan h4 {
	font-size: 18px;
	font-weight: 400;
}

section.wedding_plan h3 {
	margin-bottom: 30px;
}

section.wedding_plan h4 {
	margin-bottom: 20px;
}

section.wedding_plan div.text {
	margin-bottom: 85px;
}

section.wedding_plan div.data {
	margin-bottom: 30px;
}

section.wedding_plan div.caution {
	margin-bottom: 50px;
}

section.wedding_plan div.text p,
section.wedding_plan div.data p,
section.wedding_plan div.caution p {
	font-size: 16px;
	margin-bottom: 30px;
}

section.wedding_plan div.image {
	max-width: 900px;
	margin: 0 auto 70px;
}

section.wedding_plan div.image img {
	display: block;
	width: 100%;
	height: auto;
}

section.wedding_plan ul.icon_list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

section.wedding_plan ul.icon_list li {
	flex: 0 0 92px;
	padding: 4px;
}

section.wedding_plan ul.icon_list li img {
	display: block;
}

section.wedding_plan ul.btn {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

section.wedding_plan ul.btn li a {
	display: block;
	font-size: 16px;
}

section.wedding_plan ul.btn li a {
	background: url(../img/icon_tri.png) no-repeat left center;
	padding: 6px 8px 6px 20px;
}


/* デスクトップ用 */
@media(min-width:1067px) {
	/* --- WEDDING-PHOTO-PLAN ---*/
	section.wedding_plan {
	padding: 70px 0px 100px;
	}
	section.wedding_plan h3,
	section.wedding_plan h4,
	section.wedding_plan div.text,
	section.wedding_plan div.data,
	section.wedding_plan div.caution,
	section.wedding_plan ul.icon_list,
	section.wedding_plan ul.btn {
	padding: 0px;
	}
	section.wedding_plan h2 {
	letter-spacing: 1em;
	}
	section.wedding_plan h3 {
	font-size: 16px;
	}
	section.wedding_plan h3 {
	margin-bottom: 35px;
	}
	section.wedding_plan h4 {
	margin-bottom: 20px;
	}
	section.wedding_plan div.text,
	section.wedding_plan div.data {
	margin-bottom: 40px;
	}
	section.wedding_plan div.caution {
	margin-bottom: 20px;
	}
	section.wedding_plan div.text p,
	section.wedding_plan div.data p,
	section.wedding_plan div.caution p {
	font-size: 14px;
	}
	section.wedding_plan div.image {
	margin-bottom: 40px;
	}
	section.wedding_plan ul.icon_list {
	margin-bottom: 30px;
	}
	section.wedding_plan ul.icon_list li {
	flex: 0 0 12.5%;
	padding: 0px;
	}
	section.wedding_plan ul.btn li a {
	font-size: 14px;
	}
}

/* スマートフォン用 */
@media(max-width:500px) {
	section.wedding_plan ul.icon_list li {
	flex: 0 0 25%;
	padding: 6px;
	}
	section.wedding_plan ul.icon_list li img {
	width: 100%;
	height: auto;
	}
}