@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 767px) {
	
body{
	width:100%;
	min-width:100%;
}

/* ==========================================================================
header setting
========================================================================== */
header{
	width:100%;
	min-width:100%;
}

header h1{
	position:absolute;
	left:30px;
	top:15px;
	font-size:200%;
	font-weight:900;
}

header ul{
	position:absolute;
	right:30px;
	top:20px;
}

header ul li{
	float:left;
	margin-right:25px;
	font-size:150%;
	font-weight:bold;
}

/* ==========================================================================
footer setting
========================================================================== */
footer {
	width:100%;
	min-width:100%;
}

#footerAreaInner {
	width:100%;
	padding:0 5%;
}

footer ul li {
	float:none;
	margin-bottom:20px;
}

/* ==========================================================================
parts setting
========================================================================== */
.contactBlock {
	width:100%;
	min-width:100%;
}

.contactBlockInner{
	width:100%;
	margin:0 auto;
	padding:40px 0;
}

.contactBlock a.btnBlock {
	width:80%;
}

.contentsBlock{
	padding:100px 10px;
}

#copyright {
	width:100%;
	min-width:100%;
}


/* ==========================================================================
index.html
========================================================================== */

header{
	min-width:100%;
}

.contentsBlock01,
.contentsBlock03{
	min-width:100%;
	max-width:100%;
}

header ul{
	position:absolute;
	right:30px;
	top:20px;
}

header ul li{
	float:left;
	margin-right:25px;
	font-size:150%;
	font-weight:bold;
}

#mainArea{
	min-width:100%;
	max-width:100%;
	padding-top:150px;
	height:700px;
}

#mainArea #message{
	width:90%;
	padding:20px;
}

#mainArea p.read{
	text-align:left;
	font-size:120%;
}

.contentsBlock01,
.contentsBlock03{
	min-width:100%;
}

/* service */

#index .column3Wrap{
	width:100%;
	margin:0 auto;
}

#index .column3Wrap img{
	width:70%;
}

#index .column3Wrap a{
	display:block;
	text-align:center;
	color:#FFF;
}

#index .column3Wrap a:hover{
	color:#FFF;
}

#index .column3Wrap h3{
	font-size:130%;
	font-weight:800;
	text-align:center;
}

#index .column3Wrap .columnBlock01,
#index .column3Wrap .columnBlock02{
	width:80%;
	float:none;
	margin:0 auto 20px;
}

/* --------------------company-------------------- */

#index .column2Wrap {
	width:100%;
	margin:0 auto;
	font-size:130%;
}

#index .column2Wrap .columnBlock01{
	margin-bottom:30px;
}

#index .column2Wrap .columnBlock01,
#index .column2Wrap .columnBlock02{
	width:100%;
	float:none;
}

#index .column2Wrap .columnBlock01 table{
	width:100%;
}

#index .column2Wrap .columnBlock01 table th{
	width:35%;
	padding:10px 10px;
	vertical-align:top;
	border:2px solid #CACACA;
	border-bottom:none;
	border-right:none;
	font-weight:bold;
}

#index .column2Wrap .columnBlock01 table td{
	width:65%;
	padding:10px 10px;
	border:2px solid #CACACA;
	border-bottom:none;
}


#index .column2Wrap .columnBlock02 iframe{
	width:100%;
	height:350px;
}

/* --------------------contact.html-------------------- */

#index #contact table {
	width:100%;
}

#index #contact table th {
	width:100%;
	display:block;
	vertical-align:middle;
	border:2px solid #CACACA;
	border-bottom:none;
}

#index #contact table td {
	width:100%;
	display:block;
	padding:15px 15px;
	border:2px solid #CACACA;
	border-bottom:none;
}

#index #contact table .borderNone{
	border-top:none!important;
}

#index #contact table input[type="radio"]{
	margin:0 5px 10px 0;
}

#index #contact table input.text01{
	width:30%;
}

#index #contact table input.text02{
	width:50%;
}

#index #contact table input.text03{
	width:100%;
}

#index #contact table textarea{
	resize:none;
	width:100%;
	height:150px;
}

#index #contact table span.address{
	display:block;
}


#index #contact .btnBlock{
	margin:0 auto;
	width:100%;
	padding-left:0;
}

#index #contact input.submitBtn,
#index #contact input.resetBtn{
	border-style: none;
	-webkit-appearance: none;
	background:#3dc9b3;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	color:#FFF;
	padding:15px 40px;
	font-size:120%;
	float:none;
	margin-right:0;
	width:100%;
}

#index #contact input.resetBtn{
	margin-right:0;
	background:#FFF;
	color:#3dc9b3;
	border:1px solid #3dc9b3;
}

/* --------------------serviceXX.html-------------------- */


#service #mainArea{
	padding-top:150px;
	height:500px;
	min-width:100%;
	max-width:100%;
}

#service #mainArea #message{
	width:90%;
	padding:20px;
}

#service #mainArea p.read{
	text-align:left;
	font-size:120%;
}



/* --------------------PARTS-------------------- */

.SPdisplayBlock{display:block!important;}
.SPdisplayNone{display:none!important;}

/* drawer */
.sb-slidebar{
	display:block;
}

.sb-toggle-right {
	float: right;
	display:block;
}

header .menu {
  position: absolute;
  z-index: 3;
  border:1px solid white;
  text-decoration: none;
  top: 0.9em;
  right: 1.6em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1em;
  padding: 0.2em 1.2em 0.3em;
  border-radius: 4px;
}

header .menu span {
  font-size:2.0em;
  vertical-align: -0.15em;
}

.sb-slidebar ul li a {
	display: block;
	text-decoration: none;
	background:#252525;
	color: #FFF;
	padding: 1em;
	margin-bottom: 1px;
}

.sb-slidebar ul li ul li a {
	text-indent:1.0em;
	background:#3B3939;
}

}