@charset "utf-8";

@media screen and (max-width:568px){
	body {
		overflow: hidden;
		-webkit-text-size-adjust: 100%;
		padding: 20px 0 0 0;
	}
	* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	}
	#main {
		overflow: hidden;
	}
	#header #tagline,
	#gmenu .inner,
	#main #second.box .inner,
	#contents {
		width: auto;
		padding: 0 15px;
	}
	#main .box {
		padding: 10px 0 0 0;
	}
	#main .box .inner {
		max-width: 528px;
		min-width: 280px;
		padding: 0 10px;
	}
	#footer .inner {
		width: auto;
		padding: 10px 20px;
	}
	#main .box .inner h1 {
		font-size: 22px;
	}
	#contents #feature .feature,
	#contents #whatsnew,
	#contents #whatsnew dl dt,
	#contents #whatsnew dl dd,
	#contents .case dl dt {
		width: auto;
		float: none;
	}
	#contents #whatsnew,
	#contents #bnr {
		float: none;
	}
	#contents h2 {
		font-size: 16px;
	}
	#contents #feature .feature {
		margin: 0 0 20px 0;
		max-width: 90%;
	}
	#contents #feature .feature h3 {
		height: auto !important
	}
	#contents #feature .feature h3 img {
		max-width: 280px;
		height: auto;
	}
	#contents img {
		max-width: 280px;
		height: auto;
	}
	#contents .case .ph {
		margin: 0 0 10px 0;
	}
	#contents .case .ph,
	#contents .case .tx {
		width: auto;
		float: none;
	}
	#contents .case .ph .carousel li {
		width: 280px;
	}
	#tel,
	#link,
	#prev,
	#next,
	#gmenu,
	#cta,
	#footer .link {
		display: none;
	}
	.my-button-wrapper {
		display: block;
	}
	#headbar {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		background: #0071bb;
		color: #fff;
		padding: 5px;
		width: 100%;
		z-index: 255;
		text-align: right;
	}
	#simple-menu {
		display: block;
		color: #fff;
	}
	#header {
		width: auto;
		padding: 35px 0 5px 0;
		margin: 0 0 10px 0;
	}
	#header #logo {
		text-align: center;
	}
	#header #logo img {
		max-width: 300px;
		height: auto;
	}
	#main .carousel {
		overflow: hidden;
	}
	#main .carousel img {
		max-width: 300px;
		height: auto;
	}
	#footer #copyright {
		position: relative;
		width: auto;
		bottom: 0;
		font-size: 8px;
		text-align: center;
	}
	#footer .company {
		font-size: 10px;
		margin: 0 0 10px 0;
	}
	iframe {
		width: 280px;
		height: auto;
	}
	#contents #map_canvas {
		width: 280px;
		height: 400px;
	}
	.my-button-wrapper {
      width: 100%;
	  	  z-index: 255;
   }
   .my-button {
      margin: 0px;
	  padding: 2px;
	  background: #0071bb;
   }
}