@charset "UTF-8";

.socialbtn{
	margin: 10px 0;
	top: 0;
}
.prbrothers{
	width: auto;
}
.prbrothers .main{
	margin: 0 -20px;
}
.prbrothers .main h2{
	font-size: 20px;
	line-height: 1.4;
	padding: 10px;
	text-align: center;
}
.prbrothers h3{
	font-size: 18px;
}
.prbrothers h3 .in{
	padding: 10px;
}
.prbrothers h4{
	font-size: 14px;
}
.prbrothers h4 .num{
	font-size: 24px;
}
.prbrothers h4 .featureWrap .feature{
	font-size: 14px;
}
.prbrothers .model{
	margin: 20px 0 30px;
}
.prbrothers .model{
	font-size: 14px;
	flex-wrap: wrap;
	margin-top: 10px;
}
.prbrothers .model dt{
	width: 100%;
	text-align: center;
}
.prbrothers .model dd{
	margin: 10px 5px 0;
}
.prbrothers .model dd a{
	padding: 5px 10px;
}
.prbrothers .style1,
.prbrothers .style2,
.prbrothers .style3{
	height: auto;
	width: auto;
}
.prbrothers .blog{
	background-image: none;
	padding: 20px;
}
.prbrothers .blog h3{
	padding: 0;
	margin: 0;
}
.prbrothers .blog p{
	padding: 0;
	margin: 20px 0 10px;
}
.prbrothers .blog ul{
	flex-wrap: wrap;
}
.prbrothers .blog ul li{
	width: 33.3%;
	text-align: center;
}
.prbrothers .popup{
	left: 2.5% !important;
	top: calc(2.5% + 20px);
	width: 70%;
}
.prbrothers .style3 .popup{
	width: 40%;
}
.prbrothers .popup h4{
	font-size: 12px;
	margin-top: 10px;
}
.prbrothers .style1 .trigger,
.prbrothers .style2 .trigger,
.prbrothers .style3 .trigger{
	top: 0;
	right: 0;
	max-width: 25%;
}