/*---------------Nousya---------------*/
.nousya-list{margin: 0 -1% 0 0; display: flex; flex-wrap: wrap;}
.nousya-list p{color:#412210; padding: 40px 0;}
.nousya-list a{display: inline-block; width: 32.33%; margin: 0 1% 0 0; cursor: pointer;}
.nousya-list a figure {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    height: 240px; overflow: hidden; border: 5px solid #fff; display: flex; align-items: center; }
.nousya-list a figure img{width: 100%; opacity: 1; transition: all 0.3s;}
.nousya-list a:hover figure img{opacity:0.7;}
.nousya-list a div{padding: 10px 0; text-align: center; margin: 0 0 10px; color: #412210;}

/*---------------Reliable---------------*/
.reliable h2{background: url(../images/bg-title-brown.png) no-repeat; margin: 30px 0 10px; color: #FFF; font-weight: bold; height: 60px; font-size: 20px; padding: 0 0 0 50px; line-height: 42pt;}
.reliable div{color: #938472; margin: 0 0 20px;}
.reliable div strong{display: block; height: 52px; background: url(../images/bg-title-dot.png) no-repeat; font-size: 20px; font-weight: bold; line-height: 36pt;}

/*---------------User-Voice---------------*/
.user-voice{background: url(../images/bg-pattern-title.png) no-repeat; color: #938472; margin: 0 auto 40px; padding:60px 0 0; position: relative;}
.user-voice figure{position: absolute; right: 0; top:0;}
.user-detail{width: 60%; margin: 0 0 10px;}
.user-detail p{background: url(../images/icon-spiral.png) no-repeat 0 0; padding: 0 0 5px 25px;}
.user-detail{background: url(../images/line-pattern.png) repeat-x bottom; padding: 0 0 10px;}
.user-detail strong{display: block; text-align: right;}
.user-detail strong span{display: inline-block; width: 30%; text-align: left;}

/*---------------Modal---------------*/
.modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:700px}
.modal-container{padding:30px;}
.modal-container figure img{width: 100%;}
.modal-container p{padding: 20px 0;}
.display-topright{position:absolute;right:-6px;top:-7px;}
.close-button{border:none;font-size:30px;display:inline-block;padding:0 14px;vertical-align:middle;overflow:hidden;text-decoration:none;text-align:center;cursor:pointer;white-space:nowrap;}
.animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
/*---------------Responsive---------------*/
@media (max-width:980px){
.modal-content{width: 95%;}
.user-voice{padding: 0 10px;}
.user-voice figure{position: relative; text-align: center; margin:0 0 10px;}
.user-voice figure img{max-width: 100%;}
.user-detail{width: 100%;}
}
@media (max-width:680px){
.nousya-list a{width: 49%;}
}

@media (max-width:480px){
.nousya-list a{width: 100%; margin: 0;}
.nousya-list a figure { height:auto; display: block; }
.reliable div strong{line-height: 20pt;}
.user-detail strong span{width: 55%;}
}