@charset "UTF-8";

/* ad_list
---------------------------------------------------------*/
.ad_flex .img_l{
	width: 27%;
	max-width: 300px;
}
.ad_flex .txt_r{
	width: 69%;
}
.ad_flex .txt_r .com_btn1{
	margin-top: 1.2em;
}

.ad_index1{
	line-height: 1.5em;
	margin-bottom: 1em;
}
.ad_index1 dt{
	letter-spacing: 0.1em;
	font-size:105%;
	margin-bottom: 1em;
}
.ad_index1 dd{
	letter-spacing: 0.2em;
	font-size:120%;
}
.ad_index1 dd span{
	font-size:160%;
}

.ad_list > li{
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #ccc;
}
.ad_list > li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.ad_reki{
	background: #f1f0ee;
	padding: 60px 5%;
	box-sizing: border-box;
}
.ad_reki ul{
	max-width: 1070px;
	margin: 0 auto;
	flex-wrap: wrap;
}
.ad_reki li{
	width: 49%;
	position: relative;
	padding-left: 1.3em;
	box-sizing: border-box;
	margin-bottom: .3em;
}
.ad_reki li::before{
	position: absolute;
	display: block;
	content: "";
	background: #a79564;
	background-size: 100% auto;
	width: .45em;
	height: .45em;
	top:.7em;
	left: 0;
	border-radius: 50%;
}
.ad_reki li:last-child{
	margin-bottom: 0;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.ad_flex .txt_r .com_btn1{
	margin-top: 1em;
}

.ad_index1 dt{
	letter-spacing: 0.05em;
	margin-bottom: .8em;
}
.ad_index1 dd{
	letter-spacing: 0.1em;
}

.ad_list > li{
	padding-bottom: 5%;
	margin-bottom: 5%;
}

.ad_reki{
	padding:5%;
}
.ad_reki li{
	padding-left: 1em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.ad_flex{
	display: block;
}
.ad_flex .img_l{
	width: 80%;
	margin: 0 auto 4%;
}
.ad_flex .txt_r{
	width: 100%;
}
.ad_flex .txt_r .com_btn1{
	margin-top: 1em;
}

.ad_index1{
	text-align: center;
	margin-bottom: .8em;
}
.ad_index1 dt{
	letter-spacing: 0.05em;
	margin-bottom: .7em;
}
.ad_index1 dd{
	letter-spacing: 0.15em;
}

.ad_list > li{
	padding-bottom: 8%;
	margin-bottom: 8%;
}
.ad_reki{
	padding: 6% 5%;
}
.ad_reki ul{
	display: block;
}
.ad_reki li{
	width: 100%;
	padding-left: .9em;
	margin-bottom: .2em;
}
.ad_reki li::before{
	top:.6em;
}
}
