@charset "UTF-8";

/* common */
.cmn_sec_heading2{
	text-align: center;
}
@media (min-width: 641px){
	.cmn_heading{
		background-image: url(../sy_images/whats_ida/whats_billboard.jpg);
	}
}

/* ===========================================
  whats_ida Page
=========================================== */

.cmn_sec_heading2 + .wh_list{
	margin-top: 4px;
}

/* sec1 */
.wh_arr{
	position: relative;
	padding-bottom: 34px;
	margin-bottom: 30px;
}
.wh_arr:after{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -16px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 16px 0 16px;
	content: "";
	z-index: 10;
	border-color: #86c03f transparent transparent transparent;
}
@media (min-width: 641px){
	.wh_arr{
		padding-bottom: 41px;
	}
	.wh_arr:after{
		margin-left: -25px;
		border-width: 20px 25px 0 25px;
	}
}

.sec1{
	text-align: center;
}
.wh_heading{
	max-width: 700px;
	margin: 0 auto 21px;
	padding: 6px;
	background-color: #86C03F;
	color: #fff;
	border-radius: 10px;
	font-size: 1.8rem;
	text-align: center;
}
.wh_list{
	display: inline-block;
	padding-left: .5em;
	padding-right: .5em;
	text-align: left;
}
.wh_list li{
	padding-left: 1em;
	text-indent: -1em;
	font-weight: bold;
}
.wh_list li:before{
	content: "●";
	color: #86c03f;
}
.wh_list li em{
	color: #86c03f;
}
.wh_list.wh_arr{
	margin-bottom: 25px;
}
.wh_txt{
	margin-top: 6px;
	margin-bottom: 20px;
}
.wh_img{
	margin: 13px auto 7px;
}
@media (max-width: 640px){
	.wh_txt{
		text-align: left;
	}
	.wh_list li{
		line-height: 1.7;
	}
	.wh_list li ~ li{
		margin-top: 5px;
	}
}
@media (min-width: 641px){
	.wh_heading{
		font-size: 2.4rem;
	}
	.wh_list.wh_arr{
		margin-bottom: 23px;
	}
	.wh_txt{
		margin-bottom: 31px;
	}
	.wh_img{
		width: 459px;
		margin-bottom: 9px;
	}
}