/* CSS Document */
html {
    font-size: 62.5%;
}
body {
    width: 100%;
    margin: 0;
    padding: 0 8px 8px;
    box-sizing: border-box;
    line-height: 1.6;
    background-color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
    text-align: left;
}

/* clearfix */
.clearfix:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	zoom: 1;
}

.img {
	display: block;
    height: 0;
	overflow: hidden;
}

.mailLogo{
    float: left;
    margin: 12px 0 0;
    width: 65%;
}
.mailLogo a{
    width: 100%;
}
.mailLogo a img{
    width: 100%;
}
.mailHeadTel{
    float: right;
    width: 25%;
    margin: 12px 0 6px;
}
.mailHeadTel a img{
    width: 100%;
}
.ttl{
    clear: both;
    margin: 0 0 8px;
    padding: 0 0 0 4px;
    background: #eee;
    line-height: 2;
    font-size: 12px;
    font-size: 1.2rem;
    color: #666s;
}

.mainTable{
    width:100%;
    margin-bottom:15px;
    text-align:left;
    border:#DDD solid 1px;
}
    
.mainTable th{
    padding:5px 5px;
    background:#F6F6F6;
    font-weight:normal;
    border-bottom:#DDD dotted 1px;
}

.mainTable td{
    padding:5px 5px;
    background:#FFF;
    border-bottom:#DDD dotted 1px;
}

.copy{
    padding: 10px 25px 5px;
    border-top:#CCC dotted 1px;
    text-align:center;
    color: #475D79;
    font-weight: bold;
    line-height: 13px;
    text-shadow: 1px 1px 0 #EEEEEE;
}


.tomail{
    float:right;
    border-radius:4px;
    border:#85B200 solid 1px;
    background: #A3D900;
    padding:15px 4px 0px 0px;
    margin-left:-3px;
    margin-bottom:15px;
    line-height:30px;
    width:45%;
    height:35px;
    font-weight:bold;
    text-align:center;
}

.tomail a{
    text-decoration:none;
    display:block;
    width: 100%;
    height: 50px;
}

.backpage{
    float:left;
    /*margin-left:auto;*/
    border-radius:4px;
    border:#CCC solid 1px;
    background: #E6E6E6;
    padding:15px 4px 0px 0px;
    margin-left:-3px;
    margin-bottom:15px;
    line-height:30px;
    width:40%;
    height:35px;
    font-weight: bold;
    text-align: center;
}

.backpage a{
    text-decoration:none;
    display:block;
    width: 100%;
    height: 50px;
}

.buttonSend{
    padding: 8px;
    text-align: center;
    font-weight: bold;
    height: 70px;
    background: url(./images/btnCotactSend.gif) left top no-repeat;
    background-size: 100%;
    border: none;
}

.check{
    color:#F00;
}

#contactpContact{
    padding-top:50px;
}

#contactpContact img{
    margin-top:-6px;
}







/*-------------------------------
sub menu
-------------------------------*/
#footerMenuTtl {
    margin: 0;
    width: 100%;
}
#footerMenuTtl img {
    width: 100%;
}
#smaSubMenu {
    width: 100%;
    margin: -5px auto 10px;
    background: url(../images/sma_subNavi.png) 0px 0px no-repeat;
    background-size: 100%;
    box-sizing: border-box;
}
#smaSubMenuAbout{
	width: 34%;
	padding-top: 17%;
	float:left;
	display:block;
	cursor: pointer;
}

#smaSubMenuPrice{
	width: 33%;
	padding-top: 17%;
	display:block;
	float:left;
	cursor: pointer;
}

#smaSubMenuGyousya{
	width: 33%;
	padding-top: 17%;
	display:block;
	float:left;
	cursor: pointer;
}
.telList{
    width: 100%;
    margin: 0;
    padding: 0;
    list-style:none;
}
.telList__item{
    margin-bottom: 5px;
    padding: 0;
    background: none;
}