@charset "utf-8";
body {
  font-size: 16px;
}
.inner{
	padding: 1em 2em;
}
#logo{
	    max-width: 420px;
}
article h1{
	    font-size: 2.3rem;
}
h2{
	    font-size: 2rem;
}
#head_menu nav{
	padding-bottom: 10px;
}
#contact-form p.submit input[type='submit']{
	font-size: 1.2rem;
}
#archive-lists h2,
h3{
	    font-size: 1.6rem;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.float.img{
	width: 30%;
}
.float.text{
	width: 70%;
}
.frame .float.text,.frame .float.img{
	padding: 1em;
}
#archive-lists .float.img{
	padding: 25px 25px 25px 0;
}
.pull-down-box dt ,
#campaign{
	    font-size: 1.5rem;
}
#catchphrase {
  padding: 1em 0 4em;
}
#sec_4{
	padding-bottom: 3em;
}
footer{
	    padding-bottom: 75px;
}
#footer_sub a.tel{
	    font-size: 3rem;
}
#footer_sub a.tel img{
    width: 50px;
}
.w-haif{
	width: 50%;
}
.w-60{
	max-width: 60%;
}
.w-40{
	max-width: 40%;
}
br.mb,
a.mb,
#mb_menu{
	display: none;
}
#head-top p{
 text-align: right;
	font-size: 1.3rem;
	margin-top: 2em;
}
#head-top nav{
	padding-top: 2em;
}

#side-icons a {
        max-width: 60px;
    }
.table{
	display: table;
	width: 100%;
}
.t-sell{
	display: table-cell;
	vertical-align: middle;
}
#profile{
	padding: 0 6em;
}
#profile ul{
	width: 60%;
}
#profile .img{
	width: 40%;
}
#contact-form dl{
	display: table;
	width: 100%;
}
#contact-form dt,
#contact-form dd{
	display: table-cell;
	vertical-align: middle;
}
#contact-form dt{
	    width: 40%;
    padding-right: 1em;
    text-align: right;
}
#contact-form dd{
	width: 60%;
}
#footer_sub a.tel::before {
  width: 40px;
  height: 40px;
  margin-right: 15px;
}