/*-------------------------mimban/TMPL07/style.css------------------------------------*/
/* -------------------------------------ICON LARGE S------------------------------------ */
.mAbout-list {width:100%;max-width:1400px;margin:0 auto;}
.mAbout-list:after {display:block;content:'';clear:both;}
.mAbout-list li {float:left;width:25%;}
.mAbout-list li:nth-child(even) {padding-top:50px;}
.mAbout-list .mabout-img {display:block;position:relative;width:100%;}
.mAbout-list .mabout-img:before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:15px solid #0dca75;box-sizing:border-box;opacity:0;transition:all .3s ease;}
.mAbout-list .mabout-img img {width:100%;}
.mAbout-list .mabout-img .mabout-view {display:inline-block;position:absolute;top:50%;left:50%;color:#fff;font-weight:700;font-size:0.833em;width:120px;padding:10px 0;background:#0a8f53;border-radius:22px;opacity:0;transform:translate(-50%, -50%);transition:all .3s ease;}
.mAbout-list .mabout-name {display:block;position:relative;color:#222;font-weight:700;padding-top:32px;}
.mAbout-list .mabout-name:before {display:block;content:'';position:absolute;top:-38px;left:50%;width:5px;height:58px;background:#0a8f53;transform:translateX(-50%);transition:all .3s ease;}

.mAbout-list li:nth-child(even) .mabout-img {box-shadow:21px -31px 20px rgba(0,0,0,0.2);}

.mAbout-list a:hover .mabout-img:before {opacity:1;}
.mAbout-list a:hover .mabout-img .mabout-view {opacity:1;margin-top:-20px;}
.mAbout-list a:hover .mabout-name:before {top:-148px;height:168px;}

@media all and (max-width:999px) {
	.mAbout-list li:nth-child(even) {padding-top:20px;}
	.mAbout-list li:nth-child(even) .mabout-img {box-shadow:10px -10px 10px rgba(0,0,0,0.1);}
	.mAbout-list .mabout-img:before {border:10px solid #0dca75;}
	.mAbout-list .mabout-img .mabout-view {width:80px;}

	.mAbout-list .mabout-name br {display:none;}
	.mAbout-list .mabout-name {font-size:0.933em;}
	.mAbout-list a:hover .mabout-name:before {top:-40px;height:60px;}
}
@media all and (max-width:499px) {
	.mAbout-list li {width:50%;padding-bottom:20px;}
	.mAbout-list li:nth-child(even) {padding-top:0;}
	.mAbout-list li:nth-child(even) .mabout-img {box-shadow:none;}
	.mAbout-list .mabout-name {padding-left:10px;padding-right:10px;}
}

/* -------------------------------------ICON LARGE E------------------------------------ */

/*-------------------------mimban2/TMPL07/style.css------------------------------------*/
/* -------------------------------------ICON LARGE S------------------------------------ */
.mLink-list {width:100%;}
.mLink-list:after {display:block;content:'';clear:both;}
.mLink-list li {float:left;width:33.33%;padding-left:20px;box-sizing:border-box;}
.mLink-list a {display:block;position:relative;background:#fff;box-shadow:0 47px 30px rgba(0,0,0,0.2);}
.mLink-list a:before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #DADADA;border-bottom:5px solid #008451;box-sizing:border-box;transition:all .3s ease;}
.mLink-list .mlink-img {position:relative;display:block;width:100%;}
.mLink-list .mlink-img img {width:100%;}
.mLink-list .mlink-name {position:relative;display:block;color:#222;font-weight:700;line-height:1.667em;padding:25px 10px 24px 10px;height:100px}

.mLink-list a:hover:before {border-bottom:10px solid #008451;}

@media all and (max-width:999px) {
.mLink-list li {padding:0 10px;}
.mLink-list a {box-shadow:0 20px 10px rgba(0,0,0,0.1);}
}
@media all and (max-width:699px) {
.mLink-list {padding-top:25px;}
.mLink-list li {padding:0 5px;}
.mLink-list .mlink-name {line-height:1.25em;height:75px}
}
@media all and (max-width:499px) {
.mLink-list .mlink-name {padding-top:15px;padding-bottom:15px;}
}
@media all and (max-width:369px) {
	.mLink-list .mlink-name {height:85px}
}

/* -------------------------------------ICON LARGE E------------------------------------ */