@charset "utf-8";

/*****************************************************************************
 兄弟提案
******************************************************************************/
#content{
	width: 970px;
}
.socialbtn{
	display: flex;
}
.socialbtn > div{
	margin-right: 10px;
}
.prbrothers{
	margin: 0 auto 30px;
}
.prbrothers .main h2{
	background: linear-gradient(to right,#71B0DC,#A7CCE7);
	color: #FFF;
/*	font-family: 'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝','Yu Mincho',HG明朝B,'ＭＳ Ｐ明朝','ＭＳ 明朝',serif; */
	font-size: 40px;
	text-align: center;
	font-weight: 500;
	padding: 30px;
}
.prbrothers p{
	margin:0px;
}
.prbrothers h3{
	margin:18px 0px 8px 0px;
	background: #379593;
	padding: 3px;
	color: #FFF;
	font-size: 24px;
	text-align: center;
}
.prbrothers h3 .in{
	display: block;
	border: 1px dashed #FFF;
	padding: 15px 20px 20px;
}
.prbrothers h3 .num{
	color: #E8E353;
	font-size: 150%;
	margin: -10px 5px 0;
	display: inline-block;
	vertical-align: middle;
}
.prbrothers h4{
	margin:30px 0px 20px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
	/*border-bottom:1px dotted #939393;*/
}
.prbrothers h4 .num{
	color: #379593;
	font-weight: 500;
	font-size: 40px;
	margin-right: 20px;
	white-space: nowrap;
}
.prbrothers h4 .featureWrap{
	margin-top: 10px;
}
.prbrothers h4 .featureWrap .feature{
	background: #E8E353;
	border-radius: 3px;
	padding: 1px 10px;
	display: inline-block;
	font-weight: bold;
	font-size: 18px;
}
.prbrothers h4 .txt{
	width: 100%;
	margin-top: 10px;
}
.prbrothers .model{
	margin: 20px 0 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
}
.prbrothers .model dd{
	margin-left: 20px;
}
.prbrothers .model dd a{
	color: #FFF;
	text-decoration: none;
	padding: 5px 20px;
	display: block;
}
.prbrothers .model dd.buona_scelta a{
	background: #A84F55;
}
.prbrothers .model dd.utility_plus a{
	background: #9C7647;
}
.prbrothers .model dd.spaio a{
	background: #4D447A;
}
.prbrothers .style1{
	position:relative;
	width:970px;
	height:629px;
	top:0px;
}
.prbrothers .style1 .trigger,
.prbrothers .style2 .trigger,
.prbrothers .style3 .trigger{
	position: absolute;
	display: block;
	top: 20px;
	right: 20px;
}

.prbrothers .style2{
	position:relative;
	width:970px;
	height:629px;
	top:0px;
}
.prbrothers .style3{
	position:relative;
	width:970px;
	height:629px;
	top:0px;
}
.prbrothers .trigger, .prbrothers .trigger2{
	position:absolute;
}
#wrap .prbrothers p.pblink{
	margin-top:4px;
	margin-bottom:0px;
	padding-left:18px;
	background:url("../../images/gakusyu/proposal/brothers/mark_pblink.gif") no-repeat 0px 2px;

}
.prbrothers .popup strong, .prbrothers .popup2 strong{
	color:#c24418;
}
/* style1 */
.prbrothers .popup{
	transition: all .5s;
	padding:8px 6px 8px 6px;
	position:absolute;
	top:180px;
	left: 180px;
	z-index:50;
	background-color:#ffffff;
	border:3px solid #379593;
	border-collapse:collapse;
	opacity: 0;
}
.prbrothers .style2 .popup{
	left: 210px;
}
.prbrothers .style3 .popup{
	left: 350px;
}

.prbrothers .style1 .popup h4{
	margin-bottom:6px;
}
.prbrothers .style1 .popup p{
	margin-left:6px;
	margin-bottom:8px;
}
/* style2 */
.prbrothers .style2 .popup h4{
	margin-left:0px;
	margin-bottom:6px;
}
.prbrothers .style2 .popup p{
	margin-left:3px;
	margin-bottom:8px;
}
/* style3 */
.prbrothers .style3 .popup h4{
	margin-left:0px;
	margin-bottom:6px;
}
.prbrothers .style3 .popup p{
	margin-left:3px;
	margin-bottom:8px;
}

/* FAQ */
#content .prbrothers .faq{
	margin:0px 0px 0px 0px;
	padding:15px;
	border:solid 10px #379593;
}
#content .prbrothers .faq p{
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 0px;
	font-size:85%;
	border-bottom:1px dotted #939393;
}
#content .prbrothers .faq p.q{
	color:#379593;
	font-weight:bold;
}
#content .prbrothers .faq p.prbanswer{
	padding-left:1.2em;
	text-indent:-1.2em;
}
.prbrothers .blog{
	background: #F4ECDD url("../../../images/gakusyu/proposal/brothers/blog_title_bg.png") no-repeat 123px 8px;
	padding: 0 115px;
}
.prbrothers .blog h3{
	background: none;
	padding: 33px 0 0 154px;
	text-align: left;
}
.prbrothers .blog p{
	padding-left: 170px;
	margin: 10px 15px 10px 0;
	font-weight: bold;
	font-size: 13px;
}
.prbrothers .blog ul{
	display: flex;
	justify-content: center;
}

/*****************************************************************************
 収納革命
******************************************************************************/

.prstoragerev .mainimg{
	margin-bottom:30px;
	height:460px;
	position:relative;
	background:url("../../images/gakusyu/proposal/storagerev/title_bg.jpg") no-repeat left top;
}
.prstoragerev .mainimg h2{
	position:absolute;
	left:0px;
	top:271px;
}
.prstoragerev .mainimg p.btn{
	position:absolute;
	left:12px;
	top:376px;
}
.prstoragerev .mainimg .btn img{
	margin-right:5px;
}

.prstoragerev .revbox{
	margin-bottom:15px;
	overflow:hidden;
}
.prstoragerev .revleft{
	width:345px;
	float:left;
}
.prstoragerev .revright{
	width:380px;
	float:right;
	text-align:right;
}
#jibun img{
	margin-bottom:20px;
}
.prstoragerev .deskplus{
	margin-bottom:20px;
	width:740px;
	overflow:hidden;
}
.prstoragerev .deskplus img{
	float:left;
}
.prstoragerev .pdflink{
	margin-bottom:30px;
	text-align:center;
}
.prstoragerev .orange{
	color:#df6003;
}