/*///////////////// app ////////////////*/

.app .frame{background:url(../img/app/app.png?)  center center no-repeat;}
.app article h4{color:#fff;background:#22528a;border-left:solid 10px #6e1818;}
.app article h5 span{background:#6e1818;color:#fff;}
.app article .big{font-weight:bold;}

@media all and (min-width: 768px) {
.app article h2 span{display:block;width:928px;height:140px;background:url(../img/app/title.png)  left center no-repeat;}
.app article h3{width:740px;margin:0 auto;font-size:140%;line-height:160%;}
.app article h4{margin-bottom:20px;font-size:110%;}
.app article h4 span{display:block;padding:5px 10px;}
.app article h5 {margin-bottom:10px;}
.app article h5 span{padding:5px 10px;}

.app article .br_point{display:block;}

.app .frame{display:block;width:740px;height:380px;margin:20px auto;}
.app .app-nuri{width:740px;margin:0 auto;}
.app .app-nuri section{padding:0 0px 10px;}
}

@media all and (max-width: 767px) {
.app article h2 {padding:0;}
.app article h2 span{display:block;width:100%;height:0; padding-top:25%;
	background:url(../img/app/title_smp.png?1)  center top no-repeat;background-size:contain;}
.app article h3{font-size:110%;line-height:160%;}
.app article h4{margin-bottom:1em;font-size:100%;}
.app article h4 span{display:block;padding:.3em .5em .2em;}
.app article h5 span{padding:.3em .5em .2em;}


.app .frame{display:block;width:100%;height:0;padding-top:51.5%;margin:1em auto;background-size:contain;}
 }


/* button */
.app article .btn-basic{display:block;text-align:center;}
.app article .btn-basic a{display:block;margin:0 auto;font-weight:bold;}
.app article .btn-basic a {display: block;cursor: pointer;margin: 0 auto;padding: 30px; color: #fff;font-size:160%;text-align: center;text-decoration: none;
                       background-color: #22528a;border-radius: 10px;box-shadow: 0 6px 0 #000, 0 12px 0 rgba(0,0,0,0.1);-webkit-transition: color 0.3s, 
                       background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;}
.app article .btn-basic a:hover {background-color: #799fca; box-shadow: 0 3px 0 #000, 0 6px 0px rgba(0,0,0,0.1); -webkit-transform: translateY(3px);transform: translateY(3px);}
.app article .btn-basic a:active {color: #ddd;background-color: #799fca;box-shadow: 0 0 0 #000, 0 0 0px rgba(0,0,0,0.1);-webkit-transform: translateY(6px);transform: translateY(6px);transition-duration: 0.1s;}

@media all and (min-width: 768px) {
.app article .btn-basic a{display:block;width:240px; padding:15px 0;font-size:100%; line-height:100%;margin:20px auto;}
}
@media all and (max-width: 767px) {
.app article .btn-basic a{display:block;width:70%; padding:1em 0;font-size:100%; line-height:100%;margin:1.5em auto 2em;font-weight:bold;}
}