@charset "utf-8";

body {
color:#000;
}

@media screen and (min-width: 601px) {
	#spNavBtn{ display:none !important;}	
	#gnav{ display:block !important;}
}

@media screen and (max-width: 600px) {
	
.fadeImg{
	opacity:1;
	top:0;
}
	
body{ font-size:13px}
	
img{ max-width:100%; height:auto}


#header header {
    width: auto;
    margin: 0 auto;
    position: relative;
    height: 60px;
}

#header h1 {
    position:static;
	 margin-right:60px;
}

#header h1 img{
	height:30px;
	width:auto;
	margin:15px 15px;
}

.dispBox {
	padding-right:15px;
	padding-left:15px;
}

h2.secTitle span { display:none}

.dispBox > section{ width:auto;}

#sec01{
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:auto 100%;
}

#sec01 section{
	text-align:center;
}
#sec01 h2 {
    font-size: 20px;
	 font-weight:bold;
}

#sec01 p {
    font-size: 14px;
	 line-height:1.6;
	 margin:0 3em
}
#sec01 p span{ display:inline}

#sec02 section {
    padding: 30px 0;
}

#sec02 .txArea {
    width: auto;
    float: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#sec02 .imArea {
    width: auto;
    float: none;
	 text-align:center;
}

#sec02 .imArea img{ max-width:60%;}

#sec03 section {
    padding:30px 0;
}

#sec03 .im01 {
    float: none;
	 margin:0 2em 1em
}

#sec03 .im01 img{ width:100%;}

#sec03 .im02 ul{
	margin:0;
}

#sec03 .im02 li{
	float:none;
	padding:0 0 10px;
	width:auto;
}

#sec03 .im02 li img{ width:100%; height:auto}

#sec03 p {
    width: auto;
    margin: 0 0 2em;
}

#sec04 section {padding: 30px 0;}

#sec04 .txArea {
    width: auto;
    float: none;
    margin: 0;
    padding:0;
}

#sec04 .imArea {
    width: auto;
    float: none;
}

#sec04 .imArea img{ max-width:60%;}

#sec05 .dispBox {
    padding: 30px 15px 0;
}

#sec05 .dlTitle {
    width: auto;
    float: none;
    margin: 0;
    padding: 0;
}

#sec05 .btn {
    width: auto;
    float: none;
    margin:20px 0 40px;
}

#sec05 .btn ul{
	margin:0;
}

#sec05 .btn li{
	float:none;
	width:auto;
	margin:10px 0;
}

#sec05 p{ font-size:13px;}

#footer footer {
    display: block;
    width: 960px;
    margin: 0 auto;
    position: relative;
    padding: 80px 0 50px;
}

#footer footer {
    width: auto;
    padding:30px 15px 20px;
}

#footer dt{ font-weight:bold;}
#footer dt+dd {
	clear:both;
}

#footCredit{
	position:static;
	margin:30px auto 10px;
	max-width:200px;
}

#footer .btn {
    width: auto;
	 margin-top:1em;
}


#spNavBtn{
	position:absolute;
	top:8px;
	right:8px;
	width:44px;
	height:44px;
	background:url(../images/bt_spgnav.gif) no-repeat;
	background-size:100% auto;
	z-index:9999
}

#spNavBtn.on{
	background-position:0 -44px;
}

#gnav{
	position:absolute;
	top:60px;
	left:0;
	width:100%;
	display:none
}

#gnav li{
	float:none;
	margin:0
}

#gnav li a{
	background:#023E88;
	display:block;
	border-bottom:1px solid #FFF;
	padding:15px;
	color:#FFF;
}

#pageTitle{
	margin-top:80px;
	font-size:20px
}

.baseTbl,
.baseTbl tbody,
.baseTbl th,
.baseTbl tr,
.baseTbl td{
	display:block;
	width:auto;
	border:none
}

.baseTbl th:before{
	content:"▼";
}

.baseTbl th span{
	font-size:11px;
	display:inline;
}

.baseTbl td{
	padding:.5em 0 1em;	
}

.baseTbl input[type="text"],
.baseTbl textarea{
	width:100%;
	box-sizing:border-box;
	border-radius:0;	
}

.baseTbl input[name="zip01"]{width: 5em;}
.baseTbl input[name="zip02"] {width: 8em;}


.btn_c input{
-webkit-appearance: none;
width:200px;
margin:0 0 10px;
}

body#inquiry{
	padding-top:0	
}

body#inquiry .dispBox{
	padding-top:0;
}
	
}