@charset "UTF-8";

.layout { width: 100%; text-align: center; padding:0 20px;}

.bgg { background: #F1F1F1;}

.inner { max-width:1200px;}

.layout h2 { display: block; width: 100%; padding:5px 20px; margin: 0; font-size: 16px; text-align: left; background: #F5E928;}


.art {width: 100%; max-width: 960px; margin: 0 auto; padding: 20px 0; text-align: left; }
	.art h3 { display: block; width: 100%; padding:10px 0 10px 1.5em; text-indent: -1.5em; margin: 10px 0; font-size: 16px; text-align: left; border-bottom: 1px solid #999;}
		.art h3::before { content: "● ";}
	.art p { padding: 10px 0; font-size: 16px;}
	.art ul { padding: 10px 0 10px 1em; margin: 0 0 0 1em; list-style: disc;}
	.art li { padding:0; font-size: 16px;}


.areabox { display:flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 960px; margin: 0 auto; padding: 0 0; text-align: left; }
	.area { padding:20px 0;}
		.area h3 { padding: 10px 0 0 0; text-align: left; font-size: 16px;}
		.area p { padding: 10px 0; font-size: 16px;}
		.area p img { padding:20px 0; }

.licencebox { display:flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 960px; margin: 0 auto; padding:20px 0; text-align: center; }
	.licence { padding:20px 0;}
	.licence .photo { display: flex; justify-content: space-between; }
	.licence .photo li { width: 42%; text-align: center;}
		.licence .photo li a { display: inline-block; margin-bottom: 10px;}
		.licence .photo li img { border: 1px solid #333;}
	.licence p { padding: 0; font-size: 16px; text-align: center;}

@media all and (min-width:320px) {
	/* 320px+ settings */
	.area { width:100%; }
	.licence { width:100%; }
}

@media all and (min-width:640px) {
	/* 640px+ settings */
	.licence { width:46%;}
}

@media all and (min-width:960px) {
	/* 960px+ settings */
	.area { width:450px; }
}

@media all and (min-width:1200px) {
	/* 1200px+ settings */
}