@charset "UTF-8";
/*
 * special.css
 */
/* responsive */
@charset "utf-8";

.spOnly{
	display:none;
}
br.spOnly{
	display:none
}
span.spOnly{
	display:none
}
.pcOnly{
	display:block;
}

br.pcOnly{
	display:inline
}
span.pcOnly{
	display:inline
}
.iOs, .android{
	display:none;
}
tr.spOnly{
	display:none !important;
}
tr.pcOnly{
	display:table !important;
}


@media (max-width: 667px){

/* common */

input[type=text] {
  font-size: 16px !important;
  scale(0.8);
}
input[type=email] {
  font-size: 16px !important;
  scale(0.8);
}
input[type=tel] {
  font-size: 16px !important;
  scale(0.8);
}


.spOnly{
	display:block;
}
.pcOnly{
	display:none;
	}

br.pcOnly{
	display:none
}
span.pcOnly{
	display:none
}
br.spOnly{
	display:inline
}
span.spOnly{
	display:inline
}
tr.spOnly{
	display:table !important;
}
tr.pcOnly{
	display:none !important;
}

.iOs, .android{
	display:block;
}
img{
	max-width:100% !important;
	height: auto;
}

/* special */

#gNav{
	display:none;

}

body {

}
#responsiveHeader #headerLogo {
    padding: 9px 0 5px 10px;
    width: 180px;
}
#responsiveHeader #hederRead {
    padding-left: 9px;
}
.lead00{
	text-align:center;
}
.lead00 span{
	display:block;
	text-align:left;
}

#mainImg {
    width: 100% ;
	height:auto;
	
}
#mainImg h2 {
    font-size: 24px;
}

#maincontent{
	width:96%;
	padding:2%;
	overflow:hidden;
	border-left:none;
	border-right: none;
}
#maincontent .waku_box02 {
    width: auto;
	padding: 2%;
}

.responsiveFooterIn{
	width:100%;
}

#maincontent input{
	max-width:96%;
}

#responsiveHeader {
    width: 100%;
}
#responsiveFooterTop{
    padding-top: 0;
	}

#responsiveFooter ul{
	float: none;
    padding: 0;
}
#responsiveFooterTop ul li{
	padding:10px;
	border-bottom:#FFFFFF solid 1px;
	float:none;
	display:block;
	margin-right:0px;
	background-position: 10px center !important;
}
#responsiveFooterTop ul li a{
	padding-left:10px;
	display:block;
	}

.responsiveFtPageTop{
	padding-top:10px;
}
#copyright{
	font-size: 8px;
}
#responsiveFooterTop .responsiveFtPageTop a{
	margin-right: 10px;
}
/* contents */

#maincontent .mainLead{
	font-size:24px;
}
#maincontent .lead01{
	font-size:16px;
    padding-left: 2%;
    padding-right: 2%;
}

#maincontent .productLead01 dt,#maincontent .productLead02 dt{
    border-radius: 0;
    display: block;
    float: none;
    font-size: 18px;
    height: auto;
    padding: 2%;
    width: 96%;
	text-align:left;
}
#maincontent .productLead01 dd{
	padding-top:20px;
	padding-bottom:20px;
}

#maincontent .productLead01 dd,#maincontent .productLead02 dd{
	margin-left:0;
	float:none;
	padding-left:2%;
	padding-right:2%;
}

#maincontent .productLead01 dd ul{
	float:none;
	text-align: center;
	display:table;
	table-layout:fixed;
	width:100%;
}

#maincontent .productLead01 dd ul li{
	float:none;
	display: table-cell;
	margin-bottom:15px;
}

#maincontent .off47 {
    float: none;
    margin-top: -17px;
    position: absolute;
    right: 4%;
    width: 85px;
}


#maincontent .contactBox {
    margin-top: 23px;
    position: relative;
    right: auto;
	margin-left:0;
	padding: 10px 0;
}
#maincontent .contactBox a{
	font-size:16px;
}
#maincontent .contactBox img{
}
#maincontent .subLead {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 30px;
    text-align: center;
}
#maincontent .greyBox3c li {
    background-color: #efefef;
    float: none;
    margin-bottom: 20px;
    margin-left: 0;
    min-height: auto;
    padding: 2% 5%;
    width: 90%;
}
#maincontent .kyouikuBox{
	background-color:#F9F9F9;
	background-image:none;
}
.tableSpBox{
	overflow:auto;
	width:100%;
}

#maincontent table.zciomt2_table01{
	min-width:800px;
}
#maincontent .jireiBox, #maincontent .daiwabouBox {
	text-align:center;
}
#maincontent .jireiBox h4.ashirai01 ,#maincontent .jireiBox p{
	text-align:left;
}
#maincontent .jireiBox h4.ashirai01{
	font-size:19px;
}
.daiwabouContentsBox h4{
	font-size:19px;
}

#maincontent .jireiBox p.fltL, #maincontent .daiwabouBox p.fltL{
	float:none !important;
	margin:0 auto 20px;
	display:inline-block;
}
#maincontent .jireiContentsBox, #maincontent .daiwabouContentsBox {
	margin-left:0;
}

 #maincontent .daiwabouContentsBox {
	 padding-left:2%;
	 padding-right:2%;
 }
 #maincontent .daiwabouContentsBox h4.ashirai01 ,#maincontent .daiwabouContentsBox p{
	text-align:left;
}

}