@charset "utf-8";
/* ===================================================
	repeater CSS
====================================================== */
body { background: url(../../repeater/img/bg.gif);}
.btn_cmn1 a { padding: 25px 60px;}

.sec_lead { margin-top: 100px;}
.sec_lead h3 { font-size: 24px; text-align: center; line-height: 2; letter-spacing: 4px;}
.sec_lead h3+p { margin: 30px 0 80px; text-align: center; line-height: 2.5;}
.sec_lead ul { display: flex;}
.sec_lead ul li { width: calc(100% / 3);}
.sec_lead ul li img { width: 100%;}

#sec1 { margin: 100px 0 0; border-bottom: 1px solid #ccc;}
#sec1 .inner_md { width: 1200px; margin: 0 auto;}
#sec1 h3 { font-size: 26px; text-align: center; letter-spacing: 4px; line-height: 2;}
#sec1 h3 span { display: block; font-size: 12px; color: #786a4b;}
#sec1 h3+p { margin: 30px 0 80px; text-align: center; line-height: 2.5;}
#sec1 h3+p span { display: block; font-size: 20px;}
#sec1 .inner_md >div { padding: 60px; background: #eee7df; border-radius: 10px;}
#sec1 .inner_md >div h4 { font-size: 22px; text-align: center; letter-spacing: 3px; line-height: 2;}
#sec1 .inner_md >div h4 span { display: block; font-size: 12px; color: #786a4b;}
#sec1 .inner_md >div ul { display: flex; justify-content: space-between; margin: 40px 0 0;}
#sec1 .inner_md >div ul dl { margin: 20px 0 0;}
#sec1 .inner_md >div ul dl dt span:nth-of-type(1) { margin: 0 20px 0 0; font-size: 15px; background-color: #ddd1bb; padding: 4px 15px;}
#sec1 .inner_md >div ul dl dt { display: flex; align-items: center; margin: 0 0 20px; font-size: 20px;}
#sec1 .inner_md >div+p.btn_cmn1 { margin: 60px auto 100px; display: table;}

#sec2 { margin: 100px 0 150px;}
#sec2 h3 { font-size: 26px; text-align: center; letter-spacing: 4px; line-height: 2;}
#sec2 h3 span { display: block; font-size: 12px; color: #786a4b;}
#sec2 h3+p { margin: 30px 0 80px; text-align: center; line-height: 2.5;}
#sec2 h3+p span { display: block; font-size: 20px;}
#sec2 ul { display: flex; justify-content: center;}
#sec2 ul li:nth-of-type(1) { margin-right: 70px;}
#sec2 ul a { width: 350px; box-sizing: border-box; text-align: center;}

@media screen and (max-width: 600px) {
	.sec_lead { margin-top: 60px;}
	.sec_lead h3 { font-size: 20px; padding: 0 4%; line-height: 1.6;}
	.sec_lead h3+p { text-align: left; margin: 20px 0 40px; padding: 0 4%; line-height: 1.8;}
	.sec_lead ul li img { height: 34vw;}

	#sec1 { margin-top: 80px;}
	#sec1 .inner_md { width: 92%;}
	#sec1 h3 { letter-spacing: 2px; font-size: 22px;}
	#sec1 h3+p { margin: 20px 0 40px; text-align: left;}
	#sec1 h3+p span { font-size: 18px; line-height: 1.8;}
	#sec1 .inner_md >div { padding: 30px 5%;}
	#sec1 .inner_md >div h4 { font-size: 20px; line-height: 1.8;}
	#sec1 .inner_md >div ul { display: block; margin: 30px 0 0;}
	#sec1 .inner_md >div ul li:nth-of-type(1) { margin-bottom: 40px;}
	#sec1 .inner_md >div ul dl dt { display: flex; align-items: flex-start;}
	#sec1 .inner_md >div ul dl dt span:nth-of-type(1) { width: 60px; margin-right: 10px; padding: 4px 0; text-align: center;}
	#sec1 .inner_md >div ul dl dt span:nth-of-type(2) { width: calc(100% - 70px);}
	#sec1 .inner_md >div ul li img { height: auto;}
	#sec1 .inner_md >div ul dl dt { font-size: 18px;}
	#sec1 .inner_md >div+p.btn_cmn1 { margin: 40px auto 80px;}
	#sec1 .inner_md >div+p.btn_cmn1 a { width: calc(85vw - 60px); padding: 25px 0; text-align: center;}

	#sec2 { width: 92%; margin: 80px auto 100px;}
	#sec2 ul { display: block;}
	#sec2 h3 { letter-spacing: 2px; font-size: 22px;}
	#sec2 h3+p { margin: 20px 0 40px; text-align: left;}
	#sec2 h3+p span { font-size: 18px; line-height: 1.8;}
	#sec2 ul li.btn_cmn1:nth-of-type(1) { margin-bottom: 10px;}
	#sec2 ul li.btn_cmn1 { margin: 0 auto; display: table; width: 80%;}
	#sec2 ul a { width: 100%;}
}