/* Scss Document */
section .wrap {
	padding: 0px 0 120px;
}
.h2_tit {
	padding: 0px 0 40px;
	font-weight: 600;
	font-size: 24px;
	line-height: 20px;
}
#sec1 .wrap {
	padding: 160px 0 140px;
}
#sec1 .photo {

}
#sec1 .photo img {
	width: 100%;
	height: auto;
	border-radius: 16px;

}
#sec1 h2 {
	font-size: 32px;
	line-height: 40px;
	font-weight: 600;
	padding: 66px 0 35px;
	border-radius: 16px;
}
#sec1 .txt {
	font-size: 16px;
	line-height: 32px;
}
#sec2 .point dl {
	width: 29.3%;
	font-size: 16px;
	line-height: 32px;
}
#sec2 .point dl dt {
	background: #F2F1F1;
	border-radius: 16px;
	font-weight: bold;
	font-size: 18px;
	line-height: 56px;
	padding: 0 20px;
	margin-bottom: 20px;
	color: #333333;
}
#sec3 .wrap {
	padding-bottom: 160px;
}
#sec3 .info {
	background: #F2F1F1;
	border-radius: 16px;
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	padding: 70px 16px 80px;
}
#sec3 .info .bnr_shared {
	margin-top: 40px;
	max-width: 320px;
}
#sec3 .info .bnr_shared a {
	line-height: 80px;
	height: 80px;
	font-size: 20px;
	font-weight: 600;
}
#sec3 .info .bnr_shared a img {
	right: 28px;
}

@media screen and (max-width: 890px) {
#sec2 .point dl {
	width: 31%;
}
#sec2 .point dl dt {
	font-size: 17px;
	padding: 0 10px;
}
}

@media screen and (max-width: 767px) {
.h2_tit {
	padding: 0px 0 30px;
	font-size: 18px;
	line-height: 1;
}
section .wrap {
	padding-bottom: 56px;
}
#sec1 h2 {
	font-size: 24px;
	line-height: 36px;
	padding: 52px 0 15px;
}
#sec1 .wrap {
	padding: 120px 0 112px;
}
#sec1 .txt {
	font-size: 14px;
	line-height: 28px;
}
#sec2 .point dl {
	width: 100%;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 55px;
}
#sec2 .point dl dt {
	font-size: 18px;
	line-height: 56px;
	padding: 0 20px;
}
#sec3 .wrap {
	padding-bottom: 120px;
}
#sec3 .info {
	text-align: left;
	font-size: 14px;
	line-height: 28px;
	padding: 51px 20px 60px;
}
#sec3 .info .bnr_shared {
	margin-top: 25px;
}
}
