/* CSS Document */
@media (max-width: 992px) {
	.btn01,.btn02{
		background-size:calc(50%);	
	}
	.btn01, .btn02{
		font-size:20px;	
	}
	.btn01 strong, .btn02 strong {
		font-size: 22px;
	}
	.infomation h4{
		font-size:24px;	
	}
	.infomation p{
		font-size:19px;	
	}
	.infomation{
		padding:10px 20px;	
	}
	.sec2 .row > div{
		height:300px;	
	}
	.infomation img{
		opacity:0.1;
		bottom: -132px;	
	}
	img.logo{
		width:150px;
	}
	.m-logo h1{
		font-size:28px;
		line-height:38px;
		margin-top:25px;
	}
	.m-logo h1 strong{
		font-size:34px;
	}
	.emotion-child{
		transform:scale(0.6);
		-webkit-transform:scale(0.6);
		-moz-transform:scale(0.6);
		-o-transform:scale(0.6);
		right:50px;
	}
	.m-logo {
		padding-top: 30px;
	}
	.emotion-child{
		height:200px;	
	}
	.emotion-child img.c-a{
		top:-45px !important;	
	}
	.emotion-child img.c-b {
		margin-top: 20px;
	}
	.emotion-child img.c-c{
		margin-top:10px;	
	}
	.emotion-child img.c-d{
		margin-top:155px;
	}
	.bt-footer a{
		display:inline-table;	
	}
	.menu a {
		font-size: 19px;
		padding: 10px 7px;
	}
	header h1{
		padding:16px;	
	}
	.menu{
		margin-top:12px;	
	}
	.box_inner_header{
		background:#fff;	
		height:auto;
	}
	.box_inner_header h1{
		padding:0;
		font-size:46px;
	}
	.box_inner_header img.logo{
		width:auto;
	}
	footer .L{
		display:none;	
	}
	footer .R{
		width:100%;	
	}
}
@media (max-width: 767px) {	
	.m-logo{
		padding-top:10px;	
	}
	.btn01, .btn02{
		padding:160px 20px 20px;	
	}
	.infomation, .btn01, .btn02{
		border-radius:0;	
	}
	.emotion-child{
		display:none;	
	}
	.sec2 .row > div.col-md-2 {
		display: block;
		float: left;
		margin-bottom: 20px;
		width: 50%;
		height:250px;
	}
	.sec2 .row > div.col-sm-8 {
		clear: both;
		display: block;
		width: 100%;
	}
	.btn01, .btn02{
		background-size:auto;	
	}
	.sec2 .row > div{
		height:auto;	
	}
	.infomation p{
		width:auto;	
	}
	.bg-ft{
		padding:10px 0;	
	}
	.font-size{
		display:none;	
	}
	.menu{
		display:block;	
		float:none;
	}
	.menu li a{
		display:block;	
	}
	.box_inner_header,
	.inner_body,
	footer{
		margin-top:10px;	
	}
	.java-html{
		padding:30px 15px;	
	}
}
@media (max-width: 640px) {
	.box_inner_header h1{
		font-size:36px;
	}
	.box_inner_header img.logo{
		width:150px;
	}
}
@media (max-width: 480px) {
	header h1{
		padding:18px;
		font-size:20px;	
	}
	img.logo{
		width:100px;	
		margin-bottom:5px;
		height:auto;
	}
	.m-logo h1{
		margin-top:16px;
		line-height:26px;	
		padding-left:10px;
	}
	.m-logo h1{
		font-size:22px;	
	}
	.m-logo h1 strong{
		font-size:30px;	
	}
	.f01{
		display:none;
	}
	.box_inner_header h1{
		font-size:28px;
	}
	.box_inner_header img.logo{
		width:70px;
		height:auto;
	}
	.inner_body{
		display:none;	
	}
	.nav-html{
		padding:10px;	
	}
	.nav-html .btn{
		margin-right:0px;
		width:100%;	
	}
}
@media (max-width: 320px) {
	.sec2 .row > div.col-md-2 {
		width:100%;
		clear:both;	
	}
}