/* Style for PCs */
@media screen and (min-width: 1025px) {
	
	
	/* Header */
	#header {
		width: 100%;
		height: 550px;
		display: block;
		position: relative;
		background-color: #1A1547;
	}
	
	#header h1 {
		width:500px;
		height:300px;
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-150px;
		margin-left:-250px;
		font-size:18px;
		font-weight:bold;
		text-align:center;
	}
	
	#header h1 a {
		width:500px;
		height:300px;
		display:block;
		margin:0 auto;
		color:#fff;
		text-decoration:none;
		background-image:url(../img/0logo.png);
		background-repeat:no-repeat;
		background-position:center top;
		background-size:auto 250px;
		padding-top:255px;
	}
	
	
	/* Menu */
	#menubody {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		background-color: #0D0036;
	}
	
	nav[role=navigation] ul {
		width: 100%;
		max-width:1200px;
		height:auto;
		margin:0 auto;
	}
	
	
	/* Section style */
	.mmbody {
		width:100%;
		max-width:1200px;
		height:auto;
		display:block;
		margin:0 auto;
		padding:50px 2%;
	}
	
	h2.h2_sectitle {
		font-size:24px;
		line-height:1.4em;
		margin:0 0 25px;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		color:#fff;
	}
	
	h2.h2_sectitle2 {
		font-size:24px;
		line-height:1.4em;
		margin:0 0 25px;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		color:#454545;
	}
	
	h2.h2_sectitle3 {
		font-size:20px;
		line-height:1.4em;
		padding-bottom:5px;
		border-bottom:1px solid #ccc;
		margin:0 0 15px;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		color:#454545;
	}
	
	h3.h3_sectoptxt {
		font-size:22px;
		font-weight:200;
		line-height:1.4em;
		margin:0 0 25px;
		text-align:center;
		color:#fff;
	}
	
	
	/* Service menu */
	#servicemm {
		width: 100%;
		height: auto;
		display: block;
		background-color:#2C5180;
	}
  
  .index-bnmm {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: calc( 96% - 40px );
    margin: 0 auto 50px;
  }
  
  .index-bnmm a {
    width: calc( 50% - 15px );
  }
	
	ul#features {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
		width:100%;
		height:auto;
		margin:0 0 40px;
	}
	
	ul#features li {
		width:50%;
		height:auto;
		display:block;
		padding:0 2%;
	}
	
	ul#features li a {
		width:auto;
		height:auto;
		display:block;
		text-decoration:none;
		padding:20px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all  0.4s ease;
	}
	
	ul#features li a:hover {
		background-color: #2B2576;
	}
	
	ul#features li a h4.h4_sectitle {
		font-size:18px;
		line-height:1.4em;
		margin-bottom:10px;
		text-align:center;
		font-weight:200;
		color:#fff;
	}
	
	ul#features li a p.p_com1 {
		font-size:12px;
		line-height:1.6em;
		margin:0;
		text-align:center;
		color:#fff;
	}
	
	ul#serviceicons {
		width:100%;
		height:auto;
		display:block;
		margin:0 0 40px;
	}
	
	ul#serviceicons li {
		width:25%;
		height:auto;
		display:block;
		float:left;
		padding:0 2%;
	}
	
	ul#serviceicons li a, 
	ul#serviceicons li span {
		width:auto;
		height:auto;
		display:block;
		text-decoration:none;
		padding:20px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all  0.4s ease;
	}
	
	ul#serviceicons li a:hover {
		background-color: #2B2576;
	}
	
	ul#serviceicons li a img, 
	ul#serviceicons li span img {
		width:40%;
		height:auto;
		margin:0 auto 15px;
	}
	
	ul#serviceicons li a p.p_com2, 
	ul#serviceicons li span p.p_com2 {
		font-size:12px;
		line-height:1.6em;
		margin:0;
		text-align:center;
		color:#fff;
	}
	
	#casestudymm {
		width: 100%;
		height: auto;
		display: block;
		background-color:#f8f8f8;
	}
	
	#casestudymm ul {
		width:100%;
		height:auto;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom:10px;
	}
	
	#casestudymm ul li {
		width:25%;
		height:auto;
		display:block;
		padding:0;
	}
	
	#casestudymm ul li a {
		width:auto;
		height:auto;
		display:block;
		text-decoration:none;
		padding:20px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all  0.4s ease;
	}
	
	#casestudymm ul li a:hover {
		background-color: #D4E8F2;
	}
	
	#casestudymm ul li img {
		margin: 0 !important;
		float: none !important;
	}
	
	#casestudymm ul li p {
		font-size:12px;
		line-height:1.8em;
		margin: 0 !important;
	}
	
	#casestudymm p.p_com4 a.txtbn30 {
		width:30%;
		height:auto;
		display:block;
		background-color:#2C5180;
		color:#fff;
		font-size:14px;
		line-height:50px;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		text-decoration:none;
		margin:0 auto;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all  0.4s ease;
	}
	
	#casestudymm p.p_com4 a.txtbn30:hover {
		background-color: #2B2576;
	}
	
	#bimm {
		width: 100%;
		height: auto;
		display: block;
		background-color:#e5e5e5;
	}
	
	#bimm #bimmbody {
		width:100%;
		max-width:1200px;
		height:auto;
		display:block;
		margin:0 auto;
		padding:0 2%;
	}
	
	#bimm #bimmbody h2 {
		font-size:14px;
		line-height:1.4em;
		margin-bottom:5px;
	}
	
	#bimm #bimmbody p {
		font-size:12px;
		line-height:1.6em;
		margin-bottom:10px;
	}
	
	#bimm #bimmbody ul.snsicons {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	}
	
	#bimm #bimmbody ul.snsicons li {
		width: 40px;
		height:auto;
		display:block;
		margin-right:10px;
	}
	
	#bimm #bim_address {
		width:25%;
		height:auto;
		display:block;
		float:left;
	}
	
	#bimm #bim_topics {
		width:50%;
		height:auto;
		display:block;
		float:left;
	}
	
	#bimm #bim_cal {
		width:25%;
		height:auto;
		display:block;
		float:right;
    padding: 50px 0;
	}
	
	#bimm #bim_cal iframe {
		height:300px;
	}
	
	#bimm #bim_topics dl dt {
		width:100px;
		height:auto;
		display:block;
		float:left;
		font-size:12px;
		font-weight:normal;
		line-height:1.4em;
		padding:10px 5px;
	}
	
	#bimm #bim_topics dl dd {
		width:100%;
		height:auto;
		display:block;
		font-size:12px;
		font-weight:normal;
		line-height:1.4em;
		padding:10px 5px 10px 105px;
		border-bottom:1px dotted #999;
	}
	
}



/* Style for TabletPCs Large models */
@media screen and (min-width: 769px) and (max-width: 1024px) {
	
	
	/* Header */
	#header {
		width: 100%;
		height: 550px;
		display: block;
		position: relative;
		background-color: #1A1547;
	}
	
	#header h1 {
		width:500px;
		height:300px;
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-150px;
		margin-left:-250px;
		font-size:18px;
		font-weight:bold;
		text-align:center;
	}
	
	#header h1 a {
		width:500px;
		height:300px;
		display:block;
		margin:0 auto;
		color:#fff;
		text-decoration:none;
		background-image:url(../img/0logo.png);
		background-repeat:no-repeat;
		background-position:center top;
		background-size:auto 250px;
		padding-top:255px;
	}
	
	
	/* Menu */
	#menubody {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		background-color: #0D0036;
	}
	
	nav[role=navigation] ul {
		width: 100%;
		height:auto;
		margin:0 auto;
	}
	
	
	/* Section style */
	.mmbody {
		width:100%;
		max-width:1200px;
		height:auto;
		display:block;
		margin:0 auto;
		padding:50px 2%;
	}
	
	h2.h2_sectitle {
		font-size:24px;
		line-height:1.4em;
		margin:0 0 25px;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		color:#fff;
	}
	
	h2.h2_sectitle2 {
		font-size:24px;
		line-height:1.4em;
		margin:0 0 25px;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		color:#454545;
	}
	
	h2.h2_sectitle3 {
		font-size:20px;
		line-height:1.4em;
		padding-bottom:5px;
		border-bottom:1px solid #ccc;
		margin:0 0 15px;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		color:#454545;
	}
	
	h3.h3_sectoptxt {
		font-size:22px;
		font-weight:200;
		line-height:1.4em;
		margin:0 0 25px;
		text-align:center;
		color:#fff;
	}
	
	
	/* Service menu */
	#servicemm {
		width: 100%;
		height: auto;
		display: block;
		background-color:#2C5180;
	}
  
  .index-bnmm {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: calc( 98% - 40px );
    margin: 0 auto 50px;
  }
  
  .index-bnmm a {
    width: 100%;
    margin-bottom: 30px;
  }
	
	ul#features {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
		width:100%;
		height:auto;
		margin:0 0 40px;
	}
	
	ul#features li {
		width:50%;
		height:auto;
		display:block;
		padding:0 1%;
	}
	
	ul#features li a {
		width:auto;
		height:auto;
		display:block;
		text-decoration:none;
		padding:20px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all  0.4s ease;
	}
	
	ul#features li a:hover {
		background-color: #2B2576;
	}
	
	ul#features li a h4.h4_sectitle {
		font-size:18px;
		line-height:1.4em;
		margin-bottom:10px;
		text-align:center;
		font-weight:200;
		color:#fff;
	}
	
	ul#features li a p.p_com1 {
		font-size:12px;
		line-height:1.6em;
		margin:0;
		text-align:center;
		color:#fff;
	}
	
	ul#serviceicons {
		width:100%;
		height:auto;
		display:block;
		margin:0 0 40px;
	}
	
	ul#serviceicons li {
		width:25%;
		height:auto;
		display:block;
		float:left;
		padding:0 1%;
	}
	
	ul#serviceicons li a, 
	ul#serviceicons li span {
		width:auto;
		height:auto;
		display:block;
		text-decoration:none;
		padding:10px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all  0.4s ease;
	}
	
	ul#serviceicons li a:hover {
		background-color: #2B2576;
	}
	
	ul#serviceicons li a img, 
	ul#serviceicons li span img {
		width:40%;
		height:auto;
		margin:0 auto 15px;
	}
	
	ul#serviceicons li a p.p_com2, 
	ul#serviceicons li span p.p_com2 {
		font-size:12px;
		line-height:1.6em;
		margin:0;
		text-align:center;
		color:#fff;
	}
	
	#casestudymm {
		width: 100%;
		height: auto;
		display: block;
		background-color:#f8f8f8;
	}
	
	#casestudymm ul {
		width:100%;
		height:auto;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom:10px;
	}
	
	#casestudymm ul li {
		width:25%;
		height:auto;
		display:block;
		padding:0;
	}
	
	#casestudymm ul li a {
		width:auto;
		height:auto;
		display:block;
		text-decoration:none;
		padding:10px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all  0.4s ease;
	}
	
	#casestudymm ul li a:hover {
		background-color: #D4E8F2;
	}
	
	#casestudymm ul li img {
		margin: 0 !important;
		float: none !important;
	}
	
	#casestudymm ul li p {
		font-size:12px;
		line-height:1.8em;
		margin: 0 !important;
	}
	
	#casestudymm p.p_com4 a.txtbn30 {
		width:40%;
		height:auto;
		display:block;
		background-color:#2C5180;
		color:#fff;
		font-size:14px;
		line-height:50px;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		text-decoration:none;
		margin:0 auto;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all  0.4s ease;
	}
	
	#casestudymm p.p_com4 a.txtbn30:hover {
		background-color: #2B2576;
	}
	
	#bimm {
		width: 100%;
		height: auto;
		display: block;
		background-color:#e5e5e5;
	}
	
	#bimm #bimmbody {
		width:100%;
		max-width:1200px;
		height:auto;
		display:block;
		margin:0 auto;
		padding:0 2%;
	}
	
	#bimm #bimmbody #bim_address h2 {
		font-size:14px;
		line-height:1.4em;
		margin-bottom:5px;
		text-align:center;
	}
	
	#bimm #bimmbody #bim_address p {
		font-size:12px;
		line-height:1.6em;
		margin-bottom:10px;
		text-align:center;
	}
	
	#bimm #bimmbody ul.snsicons {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
		margin:0 auto;
	}
	
	#bimm #bimmbody ul.snsicons li {
		width:40px;
		height:auto;
		display:block;
		margin-right:5px;
		margin-left:5px;
	}
	
	#bimm #bim_address {
		width:50%;
		height:auto;
		display:block;
		float:left;
	}
	
	#bimm #bim_topics {
		width:50%;
		height:auto;
		display:block;
		float:right;
	}
	
	#bimm #bim_cal {
		width:100%;
		height:auto;
		display:block;
		clear:both;
    padding: 50px 0;
	}
	
	#bimm #bim_cal iframe {
		height:400px;
	}
	
	#bimm #bim_topics dl {
		margin:0!important;
		padding:0;
	}
	
	#bimm #bim_topics dl dt {
		width:80px;
		height:auto;
		display:block;
		float:left;
		font-size:12px;
		font-weight:normal;
		line-height:1.4em;
		padding:10px 5px;
	}
	
	#bimm #bim_topics dl dd {
		width:100%;
		height:auto;
		display:block;
		font-size:12px;
		font-weight:normal;
		line-height:1.4em;
		padding:10px 5px 10px 85px;
		border-bottom:1px dotted #999;
	}

}



/* Style for TabletPCs */
@media screen and (min-width: 600px) and (max-width: 768px) {
	
	
	/* Header */
	#header {
		width: 100%;
		height: 350px;
		display: block;
		position: relative;
		background-color: #1A1547;
	}
	
	#header h1 {
		width:500px;
		height:250px;
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-150px;
		margin-left:-250px;
		font-size:16px;
		font-weight:bold;
		text-align:center;
	}
	
	#header h1 a {
		width:500px;
		height:250px;
		display:block;
		margin:0 auto;
		color:#fff;
		text-decoration:none;
		background-image:url(../img/0logo.png);
		background-repeat:no-repeat;
		background-position:center top;
		background-size:auto 200px;
		padding-top:210px;
	}
	
	
	/* Menu */
	#menubody {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		background-color: #0D0036;
	}
	
	nav[role=navigation] ul {
		width: 100%;
		height:auto;
		margin:0 auto;
	}
	
	
	/* Section style */
	.mmbody {
		width:100%;
		max-width:1200px;
		height:auto;
		display:block;
		margin:0 auto;
		padding:50px 2%;
	}
	
	h2.h2_sectitle {
		font-size:22px;
		line-height:1.4em;
		margin:0 0 25px;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		color:#fff;
	}
	
	h2.h2_sectitle2 {
		font-size:22px;
		line-height:1.4em;
		margin:0 0 25px;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		color:#454545;
	}
	
	h2.h2_sectitle3 {
		font-size:20px;
		line-height:1.4em;
		padding-bottom:5px;
		border-bottom:1px solid #ccc;
		margin:0 0 15px;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		color:#454545;
	}
	
	h3.h3_sectoptxt {
		font-size:20px;
		font-weight:200;
		line-height:1.4em;
		margin:0 0 25px;
		text-align:center;
		color:#fff;
	}
	
	
	/* Service menu */
	#servicemm {
		width: 100%;
		height: auto;
		display: block;
		background-color:#2C5180;
	}
  
  .index-bnmm {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc( 99% - 20px );
    margin: 0 auto 50px;
  }
  
  .index-bnmm a {
    width: 100%;
    margin-bottom: 30px;
  }
	
	ul#features {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
		width:100%;
		height:auto;
		margin:0 0 40px;
	}
	
	ul#features li {
		width:50%;
		height:auto;
		display:block;
		padding:0 0.5%;
	}
	
	ul#features li a {
		width:auto;
		height:auto;
		display:block;
		text-decoration:none;
		padding:10px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all  0.4s ease;
	}
	
	ul#features li a:hover {
		background-color: #2B2576;
	}
	
	ul#features li a h4.h4_sectitle {
		font-size:18px;
		line-height:1.4em;
		margin-bottom:10px;
		text-align:center;
		font-weight:200;
		color:#fff;
	}
	
	ul#features li a p.p_com1 {
		display:none;
	}
	
	ul#serviceicons {
		width:100%;
		height:auto;
		display:block;
		margin:0 0 40px;
	}
	
	ul#serviceicons li {
		width:50%;
		height:auto;
		display:block;
		float:left;
		padding:0 2% 20px;
	}
	
	ul#serviceicons li a, 
	ul#serviceicons li span {
		width:auto;
		height:auto;
		display:block;
		text-decoration:none;
		padding:10px 5px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all  0.4s ease;
	}
	
	ul#serviceicons li a:hover {
		background-color: #2B2576;
	}
	
	ul#serviceicons li a img, 
	ul#serviceicons li span img {
		width:25%;
		height:auto;
		margin:0 auto 15px;
	}
	
	ul#serviceicons li a p.p_com2, 
	ul#serviceicons li span p.p_com2 {
		font-size:12px;
		line-height:1.6em;
		margin:0;
		text-align:center;
		color:#fff;
	}
	
	#casestudymm {
		width: 100%;
		height: auto;
		display: block;
		background-color:#f8f8f8;
	}
	
	#casestudymm ul {
		width:100%;
		height:auto;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom:10px;
	}
	
	#casestudymm ul li {
		width:50%;
		height:auto;
		display:block;
		padding:0 0 10px;
	}
	
	#casestudymm ul li a {
		width:auto;
		height:auto;
		display:block;
		text-decoration:none;
		padding:10px 10px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all  0.4s ease;
	}
	
	#casestudymm ul li a:hover {
		background-color: #D4E8F2;
	}
	
	#casestudymm ul li img {
		margin: 0 !important;
		float: none !important;
	}
	
	#casestudymm ul li p {
		font-size:12px;
		line-height:1.8em;
		margin: 0 !important;
	}
	
	#casestudymm p.p_com4 a.txtbn30 {
		width:50%;
		height:auto;
		display:block;
		background-color:#2C5180;
		color:#fff;
		font-size:14px;
		line-height:50px;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		text-decoration:none;
		margin:0 auto;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all  0.4s ease;
	}
	
	#casestudymm p.p_com4 a.txtbn30:hover {
		background-color: #2B2576;
	}
	
	#bimm {
		width: 100%;
		height: auto;
		display: block;
		background-color:#e5e5e5;
	}
	
	#bimm #bimmbody {
		width:100%;
		max-width:1200px;
		height:auto;
		display:block;
		margin:0 auto;
		padding:0 2%;
	}
	
	#bimm #bimmbody #bim_address h2 {
		font-size:14px;
		line-height:1.4em;
		margin-bottom:5px;
		text-align:center;
	}
	
	#bimm #bimmbody #bim_address p {
		font-size:12px;
		line-height:1.6em;
		margin-bottom:10px;
		text-align:center;
	}
	
	#bimm #bimmbody ul.snsicons {
		display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
		margin:0 auto;
	}
	
	#bimm #bimmbody ul.snsicons li {
		width:60px;
		height:auto;
		display:block;
		margin-right:5px;
		margin-left:5px;
	}
	
	#bimm #bim_address {
		width:100%;
		height:auto;
		display:block;
		padding-bottom:30px;
		border-bottom:1px dotted #999;
	}
	
	#bimm #bim_topics {
		width:100%;
		height:auto;
		display:block;
	}
	
	#bimm #bim_cal {
		width:100%;
		height:auto;
		display:block;
		clear:both;
    padding: 50px 0;
	}
	
	#bimm #bim_cal iframe {
		height:400px;
	}
	
	#bimm #bim_topics dl {
		margin:0!important;
		padding:0;
	}
	
	#bimm #bim_topics dl dt {
		width:80px;
		height:auto;
		display:block;
		float:left;
		font-size:12px;
		font-weight:normal;
		line-height:1.4em;
		padding:10px 5px;
	}

	#bimm #bim_topics dl dd {
		width:100%;
		height:auto;
		display:block;
		font-size:12px;
		font-weight:normal;
		line-height:1.4em;
		padding:10px 5px 10px 85px;
		border-bottom:1px dotted #999;
	}
	
}



/* Style for Smartphonea */
@media screen and (max-width: 599px) {
	
	
	/* Header */
	#header {
		width: 100%;
		height: 200px;
		display: block;
		position: relative;
		background-color: #1A1547;
	}
	
	#header h1 {
		width:92px;
		height:100px;
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-50px;
		margin-left:-46px;
	}
	
	#header h1 a {
		width:92px;
		height:100px;
		display:block;
		margin:0 auto;
		background-image:url(../img/0logo.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:auto 100px;
		text-indent:-9999px;
	}
	
	
	/* Menu */
	#menubody {
		width:auto;
		height:auto;
		background-color: #0D0036;
	}
	
	nav[role=navigation] ul {
		margin: 0;
		padding: 0;
	}
	
	
	/* Section style */
	.mmbody {
		width:100%;
		max-width:1200px;
		height:auto;
		display:block;
		margin:0 auto;
		padding:30px 5%;
	}
	
	h2.h2_sectitle {
		font-size:18px;
		line-height:1.4em;
		margin:0 0 25px;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		color:#fff;
	}
	
	h2.h2_sectitle2 {
		font-size:18px;
		line-height:1.4em;
		margin:0 0 25px;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		color:#454545;
	}
	
	h2.h2_sectitle3 {
		font-size:16px;
		line-height:1.4em;
		padding-bottom:5px;
		border-bottom:1px solid #ccc;
		margin:0 0 15px;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		color:#454545;
	}
	
	h3.h3_sectoptxt {
		font-size:16px;
		font-weight:200;
		line-height:1.4em;
		margin:0 0 25px;
		text-align:center;
		color:#fff;
	}
	
	
	/* Service menu */
	#servicemm {
		width: 100%;
		height: auto;
		display: block;
		background-color:#2C5180;
	}
  
  .index-bnmm {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc( 99% - 20px );
    margin: 0 auto 30px;
  }
  
  .index-bnmm a {
    width: 100%;
    margin-bottom: 30px;
  }
	
	ul#features {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
		width:100%;
		height:auto;
		margin:0 0 40px;
	}
	
	ul#features li {
		width:100%;
		height:auto;
		display:block;
		margin-bottom:20px;
	}
	
	ul#features li a {
		width:auto;
		height:auto;
		display:block;
		text-decoration:none;
		padding:10px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all  0.4s ease;
	}
	
	ul#features li a:hover {
		background-color: #2B2576;
	}
	
	ul#features li a h4.h4_sectitle {
		font-size:18px;
		line-height:1.4em;
		margin-bottom:10px;
		text-align:center;
		font-weight:200;
		color:#fff;
	}
	
	ul#features li a p.p_com1 {
		font-size:14px;
		line-height:1.6em;
		color:#fff;
		text-align:center;
	}
	
	ul#serviceicons {
		width:100%;
		height:auto;
		display:block;
		margin:0 0 40px;
	}
	
	ul#serviceicons li {
		width:50%;
		height:auto;
		display:block;
		float:left;
		padding:0 1% 10px;
	}
	
	ul#serviceicons li a, 
	ul#serviceicons li span {
		width:auto;
		height:auto;
		display:block;
		text-decoration:none;
		padding:10px 0px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all  0.4s ease;
	}
	
	ul#serviceicons li a:hover {
		background-color: #2B2576;
	}
	
	ul#serviceicons li a img, 
	ul#serviceicons li span img {
		width:40%;
		height:auto;
		margin:0 auto 15px;
	}
	
	ul#serviceicons li a p.p_com2, 
	ul#serviceicons li span p.p_com2 {
		font-size:12px;
		line-height:1.6em;
		margin:0;
		text-align:center;
		color:#fff;
	}
	
	#casestudymm {
		width: 100%;
		height: auto;
		display: block;
		background-color:#f8f8f8;
	}
	
	#casestudymm ul {
		width:100%;
		height:auto;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom:10px;
	}
	
	#casestudymm ul li {
		width:100%;
		height:auto;
		display:block;
		border-bottom:1px dotted #999;
		margin-bottom:10px;
	}
	
	#casestudymm ul li a {
		width:auto;
		height:auto;
		display:block;
		text-decoration:none;
		padding:10px 10px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all  0.4s ease;
	}
	
	#casestudymm ul li a:hover {
		background-color: #D4E8F2;
	}
	
	#casestudymm ul li img {
		margin: 0 !important;
		float: none !important;
	}
	
	#casestudymm ul li p {
		font-size:12px;
		line-height:1.8em;
		margin: 0 !important;
	}
	
	#casestudymm p.p_com4 a.txtbn30 {
		width:80%;
		height:auto;
		display:block;
		background-color:#2C5180;
		color:#fff;
		font-size:14px;
		line-height:50px;
		text-align:center;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		text-decoration:none;
		margin:0 auto;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all  0.4s ease;
	}
	
	#casestudymm p.p_com4 a.txtbn30:hover {
		background-color: #2B2576;
	}
	
	#bimm {
		width: 100%;
		height: auto;
		display: block;
		background-color:#e5e5e5;
	}
	
	#bimm #bimmbody {
		width:100%;
		max-width:1200px;
		height:auto;
		display:block;
		margin:0 auto;
		padding:0 2%;
	}
	
	#bimm #bimmbody #bim_address h2 {
		font-size:16px;
		line-height:1.4em;
		margin-bottom:5px;
		text-align:center;
	}
	
	#bimm #bimmbody #bim_address p {
		font-size:14px;
		line-height:1.6em;
		margin-bottom:10px;
		text-align:center;
	}
	
	#bimm #bimmbody ul.snsicons {
		display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
		margin:0 auto;
	}
	
	#bimm #bimmbody ul.snsicons li {
		width:60px;
		height:auto;
		display:block;
		margin-right:5px;
		margin-left:5px;
	}
	
	#bimm #bim_address {
		width:100%;
		height:auto;
		display:block;
		padding-bottom:30px;
		border-bottom:1px dotted #999;
	}
	
	#bimm #bim_topics {
		width:100%;
		height:auto;
		display:block;
	}
	
	#bimm #bim_cal {
		width:100%;
		height:auto;
		display:block;
		clear:both;
    padding: 30px 0;
	}
	
	#bimm #bim_cal iframe {
		height:400px;
	}
	
	#bimm #bim_topics dl {
		margin:0!important;
		padding:0;
	}
	
	#bimm #bim_topics dl dt {
		width:100%;
		height:auto;
		display:block;
		font-size:12px;
		font-weight:bold;
		line-height:1.4em;
		padding:10px 5px 5px 5px;
	}
	
	#bimm #bim_topics dl dd {
		width:100%;
		height:auto;
		display:block;
		font-size:14px;
		font-weight:normal;
		line-height:1.4em;
		padding:0px 5px 10px;
		border-bottom:1px dotted #999;
	}

}