@charset "utf-8";

/* CSS Document */

a[href="#"] {
	pointer-events: none;
	opacity: 0.5;
}


/*============================
#main-ttl
============================*/

#main-ttl {
/*	background-image: url(../img/body_bg.jpg);*/
	margin-bottom: 25px;
	margin-top: 25px;
	padding-left: 15px;
	padding-right: 15px;
}

#main-ttl::after {
/*	content: "";
	display: block;
	background-image: url(../img/ttl_leaf.png);
	background-size: 100%;
	max-width: 332px;
	width: 100%;
	height: 75px;
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);*/
}

#main-ttl h1 {
	position: relative;
	width: 100%;
	text-align: center;
	width: 125px;
	height: 125px;
	margin: auto;
	border-radius: 50%;
	background-color: #fff000;
	margin-bottom: 25px;
}

#main-ttl h1 img {
	position: absolute;
	width: 100%;
	height: auto;
	max-width: 93px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#main-ttl .lead {
}

#main-ttl .lead strong {
	margin-bottom: 12px;
	line-height: 0;
}

#main-ttl .lead strong img {
	max-width: 344px;
}

#main-ttl .lead p {
	line-height: 1.6em;
	text-align: left;
	padding-left: 0;
	padding-right: 0;
}
@media (min-width: 768px) {
	#main-ttl {
		/*height: 342px;*/
		display: flex;
		align-items: center;
		align-self: flex-start;
		margin-top: 35px;
		margin-bottom: 50px;
	}
	#main-ttl::after {}
	#main-ttl h1 {
		width: 200px;
		height: 200px;
		margin-bottom: 0px;
		
	}
	#main-ttl h1 img {
		max-width: 150px;
	}
	#main-ttl .lead {
		width: 65%;
	}
	#main-ttl .lead strong {
		text-align: left;
	}
	#main-ttl .lead strong img {
		max-width: none;
	}
	#main-ttl .lead p {
		font-size: 14px;
	}
}

@media (min-width: 992px) {
	#main-ttl {
		width: 960px;
		margin-top: 65px;
		margin-bottom: 100px;
		margin-left: auto;
		margin-right: auto;
	}
	#main-ttl::after {
		/*max-width: 824px;
		height: 190px;
		bottom: -55px;*/
	}
	#main-ttl h1 {
		width: 250px;
		height: 250px;
		margin-bottom: 0px;
		
	}
	#main-ttl h1 img {
		max-width: 186px;
	}
	#main-ttl .lead {
		width: 600px;
	}
	#main-ttl .lead strong {
		margin-bottom: 30px;
	}
	#main-ttl .lead p {
		font-size: 16px;
		line-height: 2em;
	}
}


/*======================================
.inner
======================================*/

.inner {
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width: 1200px) {
	.inner {
		padding-left: 0;
		padding-right: 0;
	}
	#main-ttl {
		width: 1080px;
		margin-top: 65px;
		margin-bottom: 100px;
		margin-left: auto;
		margin-right: auto;
	}
	#main-ttl .lead {
		width: 720px;
	}
}


/*======================================
.lead
======================================*/

.lead strong {
	display: block;
	text-align: center;
	margin-bottom: 32px;
	font-weight: 900;
}

.lead strong img {}

.lead p {
	padding: 0 15px;
	font-size: 12px;
	line-height: 30px;
	text-align: justify;
	font-weight: 900;
}

@media (min-width: 768px) {
	.lead strong {
		margin-bottom: 60px;
	}
	#main-content article .lead strong img {
		max-width: 100%;
		width: auto;
	}
	.lead p {}
}

@media (min-width: 992px) {
	.lead p {
		text-align: center;
		font-size: 20px;
		line-height: 2.5;
	}
}


/*======================================
.img
======================================*/

.img {
	position: relative;
}

.img small {
	font-size: 10px;
	line-height: 1;
	position: absolute;
	bottom: 0;
	right: 5px;
	font-family: "游ゴシック Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.img small::before {
	content: "";
	display: inline-block;
	background-size: 100% 100%;
	line-height: 1;
}

/*.img small.img_photo::before {
	width: 27px;
	height: 7px;
	background-image: url(../img/img_photo.png);
}*/

@media (min-width: 768px) {
	.img {}
	.img small {
		font-size: 12px;
		bottom: 0;
		right: 5px;
	}
	.img small.img_photo::before {
		width: 54px;
		height: 14px;
	}
}


/*======================================
.caption
======================================*/

.caption {
	margin-top: 20px;
	background-color: #f6f6f6;
	padding: 0.5em 0 1em;
}

.caption small {
	display: block;
	font-family: "游ゴシック Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
}

/*.caption small::before {
	content: "※";
}
*/
@media (min-width: 992px) {
	.caption {}
	.caption small {
		font-size: 12px;
	}
	.caption small::before {}
}