@charset "UTF-8";


/* 施工事例詳細ページ */
.visual{
	position: relative;
	text-align: center;
}

.visual > img{
	min-width: 80%;
}

.visual a{
	position: absolute;
	top: 10px;
	right: 5px;
}

.case{ margin-top:-100px; padding:110px 10px 10px; box-sizing:border-box; background:#fff;}
.share .section-wrap{ padding-bottom:0}
.case h3{ margin-top:0;}
.case h4{ margin:0; font-size:1.6rem}
.point{ margin-bottom:20px; padding:20px; box-sizing:border-box; background:#f6f6f6;}
.point li{ display:inline-block; margin-right:10px;}
.case-left p{ padding-bottom:10px}
.case-right{ border-top: 1px solid #007843;border-bottom: 1px solid #007843}
.case-right dl{ padding:20px 0 10px}
.case-right dl dt{ padding-bottom:10px; clear:both; float:left; font-weight:bold}
.case-right dl dd{ padding-bottom:10px; margin-left:100px;}

.case-img{ text-align:center;}
.case-img h3{ margin:0 0 20px}

.ownervoice-wrap{ margin:10px;padding:20px 20px 0; box-sizing:border-box; border:1px solid #007843; background:#fff}
.ownervoice-wrap h4{ margin:0 0 10px; color:#007843; font-size:2rem;font-family: 'Noto Serif JP', serif; font-weight:normal; }
.ownervoice-data-right h5{ padding-bottom:10px;color:#007843; font-size:2rem; border-bottom:1px solid #007843; margin:0 0 10px}
.ownervoice-data-right p{ padding-bottom:20px; line-height:1.8}
.ownervoice-data-left img{ margin-bottom:10px}

.case-right .btn05{ margin-bottom:20px;}
@media screen and (min-width: 961px) {
.case-wrap{}

.case{ margin-top:-150px; padding-bottom: 60px;}
.case-wrap{ display:flex; justify-content: space-between;width:1080px; margin:0 auto; padding:80px 0 0;}
.case-left{ width:700px;}
.case-right{ width:340px;}
.case-left p{ padding-bottom:30px}
.point{ margin-bottom:0}
.point p{ padding-bottom:0}
.case-right .btn05{ margin-bottom:0}
.case-img{ padding:40px 0}
.case-img h3{ margin:0 0 40px}



.ownervoice{  width:1260px; margin:-100px auto 0; }
.ownervoice h3{ float: right; position:relative; top:135px; right:60px; text-align:left;  
    letter-spacing: 10px;  
 -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;}
	
.outline1-6 span span{
    letter-spacing: 2px; padding:10px 2px}
.outline1-6 .block{ margin:0}

.ownervoice-wrap{ clear:both;padding:60px 80px 40px;background:#fff url(../../img/h4_bg.jpg) 740px 30px no-repeat; }
.ownervoice-wrap h4{  font-size:3rem; margin-bottom:40px; padding-right: 100px;}
.ownervoice-data{ display:flex;justify-content: space-between;}
.ownervoice-data-right{ width:540px; }
.ownervoice-data-left{ width:480px;}
.ownervoice-data-right h5{ margin:0 0 10px}
.ownervoice-data-right h5{ font-size:2.2rem;margin:0 0 15px}
.ownervoice-data-right p{ padding-bottom:40px}
}