.box-catalog{
    text-align:center;
    width:768px;
    margin: 0 auto;
    background-color:#fff;
    padding:7% 5%;
    font-size:1.4rem !important;
}
.box-catalog .title{
    font-size:2.4rem;
    line-height:3rem;
    margin:0 auto 3%;
    padding:0% 0 0% 0;
    overflow: hidden;
	text-align: center;
    position:relative;
	display: table;
    white-space: nowrap;
}
.box-catalog .title span{
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
	}
.box-catalog .title::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}

.box-catalog .subtitle { font-family: 'HanaMinA'; margin:0 0 3% 0; }

#box-catalog{ width:960px; margin:0 auto 3%; text-align: left;}
.comment{
	font-size:1.4rem;
    line-height:2.6rem ;
    border: double #E6E6E6;
    text-align:center;
    color: #43321B;
    padding:5%;
    letter-spacing:0.1rem;
    margin:0 0 3% 0;
	background-color:#fff;
}
.contact-mes{
    font-size:1.8rem;
    margin:0 0 2% 0;
}
.formstyle{margin:0 auto;}
.form-block{
    border-bottom:solid 1px #E6E6E6;
    font-size:13px;
    padding:18px 0 16px 0;
}
.form-l{float:left; width:30%;}
.form-r{float:right; width:65%;}
.input-style00{
	width:25%;
    background-color:#fff;
	border: solid 1px #ccc;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding:7px 5px 5px 5px;
}
.input-style01{
    width:100%;
    background-color:#fff;
    border:none;
    padding:7px 5px 5px 5px;
	border: solid 1px #ccc;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.input-style02{
    width:50%;
    background-color:#fff;
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding:7px 5px 5px 5px;
}
.input-style03{
    width:220px;
    background-color:#fff;
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding:7px 5px 5px 5px;
}

.input-style04 {
	width: 220px;
    background-color: #888888;
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 14px 8px 12px 8px !important;
    font-size: 1.6rem !important;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    margin: 6px 0 0 0;
}
.input-style05 {
    width: 220px;
    background-color: #fff;
    border: none;
    border: solid 1px #B9A282;
    padding: 14px 8px 12px 8px !important;
    font-size: 1.6rem !important;
    font-weight: bold;
    color: #43321B;
    cursor: pointer;
    margin: 6px 0 0 0;
}
.select-style01{
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding:5px 5px 5px 5px;
    width:220px;
}
.textarea-style01{
    width:100%;
    height:160px;
    background-color:#fff;
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding:7px 5px 5px 5px;
}
.form-r a{font-size:1rem; color:#635347;}
.form-r ul{text-decoration:none;}
.form-r ul li{text-decoration:none; margin:0 0 20px 0;}
.form-r ul li:last-child{margin:0 0 0 0;}
.form-r ul li p{float:left; margin:0 10px 0 0; display:table-cell;vertical-align:middle;}

@media only screen and (max-width: 1023px) {
#box-catalog{display:block; width:90%;}
}

@media only screen and (max-width: 767px) {

.formstyle{display:block; width:100%;}
.comment{font-size:13px;}
.contact-mes{ font-size:16px;}
}

@media only screen and (max-width: 479px) {

#box-catalog{width:90%;}
.form-block{padding:10px 0 8px 0; border:none;}
.input-style00{width:30%;}
.input-style01{width:100%;}
.input-style02{width:100%;}
.input-style03{width:100%;}
.input-style04{width:100%; font-size: 2.4rem !important;}
.input-style05{width:100%; font-size: 3rem !important;}
.select-style01{width:100%;}
.form-l{display:block; width:100%; float:none; margin: 0 auto 6px;}
.form-r{display:block; width:100%; float:none;}
.comment{
    line-height:1.8rem !important;
    margin:6% 0 4% 0;
    text-align:left;
    
}
.comment br{display:none;}
.box-bottom_sitemap{font-size:0.7rem; line-height:1.4rem; letter-spacing:normal; margin:3% 0;}
.box-bottom_sitemap br{display:inline;}
.contact-mes{    text-align: center;
    margin: 0 auto 20px;}
.contact-mes b{
	font-size: 2.6rem;
    display: block;
    padding: 6px 0;}
}