@charset "UTF-8";
.olivearea {margin-top: 30px;}
.oliveleft {width: 360px; float: left;}
.oliveright {padding-left: 370px;}
.oliveheadline img {height: 100px;}
.olivesup {font-size: 25px; line-height:30px; font-weight: bold; margin-top: 10px;}
.olivesup img {height: 50px; margin: 0 5px;}
.dec {font-size: 17px; line-height:25px;}

.app {width: 550px; }
.appword {font-size:22px; line-height: 30px; margin-bottom: 10px; text-align: center;}
.appl {width: 100px; float: left; margin-right: 35px;}
.appm {width: 360px; float: left; margin-right: 15px;}
.appicon1 img {height: 50px;  margin-top: 10px; }
.appr {float: left; width: 110px; display: block;}

.atop {margin-top: 10px;}
.app:after{display:table; clear:both; content:"";}
.oliveline {border-top: 2px solid #288034; width: 80%; margin: 0 auto;}
.linetop {margin-top: 20px; }
.olivetnc {font-size: 11px; display: inline-block; margin-top: 10px;}

.mobile {display: none;}
.desktop {display: block;}

 @media screen and (max-width: 970px) { 
.mobile {display: block;}
.desktop {display: none;}	 
.oliveleft {width: 100%; float: none; text-align: center;}
.oliveleft img {width: 360px;}	 
.oliveright {padding-left: 0px;}	 
.oliveheadline	{text-align: center;}
.olivesup {font-size: 25px; line-height:30px; font-weight: bold; margin-top: 10px; text-align: center;}	 
.dec {font-size: 17px; line-height:25px; text-align: center;}	
.app {width: 100%; }	
.appm {width: 360px; float: none; margin-right: 0px; margin: 0 auto;}	
	 
.appicon1 img {height: 50px;  margin-top: 10px; }	
.oliveline {border-top: 2px solid #288034; width: 100%; margin: 0 auto;}	
.linetop {margin-top: 20px; }	 
}

.dbox {background-color: #ecf8ef; padding: 10px; margin-bottom: 20px; text-align: center; font-size: 18px; line-height: 30px; }