@charset "UTF-8";
/* CSS Document */


@media screen and (max-width: 630px) {
.obi {
	width: auto;
    height: 100px;
    margin: 0% auto;
    padding: 0% 0%;
    background-image: url("../img/contact/obi.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#contact {
	margin:0% 0% 6%;
	padding: 0%;
}
#contact dl {
    width: 100%;
    height: auto;
    margin: 0%;
    padding: 3% 0% 4%;
    line-height: 190%;
	display: flex;
	flex-wrap: wrap;
    border-bottom: dotted 1px #cccccc;
}
#contact dt {
	width: 100%;
    height: auto;
    margin: 0%;
	padding: 0.5% 2%;
	font-size:16px;
}
#contact dl:first-child {
	border-top:1px dotted #cccccc;
}
#contact dt input {
	width: 100%;
}
#contact dt span {
	text-align: center;
    margin: 0px 0px 0px 10px;
	padding: 0px 5px 2px;
	font-size: 70%;
	color: #ffffff;
	background-color: #dd3333;
	border-radius: 3px;
}
#contact dd {
    width: 100%;
    height: auto;
    margin: 0%;
	padding: 0 2%;
}
#contact dd a, #contact .staff a {
    color: #448aca;
	text-decoration:underline;
}

#contact .submit{
	text-align: center;
}
#contact .submit .pic{
	width: 50%;
	margin: 0 auto 15px;
}


}







@media print, screen and (min-width: 631px) {
.obi {
	width:auto;
    height: 150px;
    margin: 0 auto;
    padding: 0px;
    min-width: 1000px;
    background-image: url("../img/contact/obi.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#contact {
	margin:0px 0px 40px;
	padding: 0px;
}
#contact dl {
	width:1000px;
	height:auto;
	margin:0px 0px 0px;
	padding: 10px 20px;
    line-height: 190%;
	box-sizing: border-box;
	border-bottom:1px dotted #cccccc;
	display: flex;
}
#contact dl:first-child {
	border-top:1px dotted #cccccc;
}
#contact dt {
	width: 250px;
    height: auto;
    margin: 0px 20px 0px 0px;
	padding: 5px 0px;
}
#contact dt span {
	text-align: center;
    margin: 0px 0px 0px 5px;
	padding: 1px 3px 1px;
	font-size: 70%;
	line-height: 120%;
	color: #e95a52;
	border: 1px solid #e95a52;
	border-radius: 3px;
}
#contact dd {
    width: 590px;
    height: auto;
    margin: 3px 0px 0px 0px;
}

#contact .submit{
	text-align: center;
}
#contact .submit .pic{
	width: 280px;
	margin: 0 auto 20px;
}

}