@charset "utf-8";

@media screen and (min-width: 770px) {
.title{
	border-bottom:2px solid #111;
	font-size:2.0em;
	margin:0 0 25px 0;
	padding:10px 0;
}
}

type="text"{width:auto;}

.contact p{margin:10px 0;}

.contact .contact_box{
	border:1px solid #126AC4;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:1.0em;
}
.contact .contact_box dl{
	display:flex;
	flex-wrap:wrap;
}

.contact .contact_box dt{
	margin:2px 0;
	width:35%;
}

.contact .contact_box dd{
	margin:2px 0;
	width:65%;
	font-size: 0.8em;
}

.contact .contact_box dd span{
	color:#126AC4;
	font-weight:bold;
	font-size: 1.8em;
}

.contact .sub_title{
	border-top:2px solid #126AC4 !important;
	border:1px solid #EEE;
	display:block;
	font-weight:bold;
	margin-top:2.5em;
	padding:5px 10px;
}

.contact .faq_ttl{
	font-weight:bold;
	margin-top:1.0em;
}

.contact .faq_list{
	display:flex;
	flex-wrap: wrap;
	margin:0 10px;
	width:1180px
}

.contact .faq_list li{
	margin:0;
	width:295px;
}

.contact .scroll{
	border:1px solid #CCC;
	height:300px;
	margin:1.0em auto 2.0em auto;
	overflow:auto;
	padding:1%;
	width:100%;
}

.contact_form dl{
	border-top:1px solid #DDD;
	display:flex;
	flex-wrap:wrap;
	margin:1.5em 0;
}

.contact_form dl dt{
	background:#126ac4;
	border-bottom:1px solid #DDD;
	color:#FFF;
	font-weight:bold;
	padding:1%;
	width:23%;
}

.contact_form dl dd{
	border-bottom:1px solid #DDD;
	padding:1%;
	width:77%;
	margin-left:0;
}
.contact_form dd ul{
	padding-left: 0px;
	display:flex;
	flex-wrap:wrap;
}
.contact_form dd ul li{
	width:33.33%;
}
.contact_form .address{
	border-top:none;
	display:flex;
	flex-wrap:wrap;
	margin:0;
}

.contact_form .address dt{
	background:none;
	border-bottom:none;
	color:#111;
	font-weight:normal;
	padding:2px 0;
	width:130px;
}

.contact_form .address dd{
	border-bottom:none;
	padding:2px 0;
	width:calc(100% - 130px);
}

.contact_form .btn_submit{
	text-align:center;
}

.contact_form .btn_submit input{
	background:#333;
	border:none;
	color:#FFF;
	cursor:pointer;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
	min-height:4.0em;
	line-height:100%;
	padding:1.5em 3.5em;
}

.contact_form .btn_submit input:hover{
	background:#126ac4;
}


@media screen and (max-width: 770px) {
.contact .contact_box{
	margin:2%;
}
.contact .contact_box dl{
	display:block;
}

.contact .contact_box dt{
	width:100%;
}

.contact .contact_box dd{
	margin:2px 0 5px 0;
	padding-left:15px;
	width:calc(100% - 15px);
}
.contact p{
	margin:10px auto;
	width:96%;
}
.contact .faq_ttl{
	margin:1.0em auto 0 auto;
	width:96%;
}
.contact .faq_list{
	margin:0 auto;
	width:96%;
	padding-left: 0px;
}
.contact .faq_list li{
	margin:0 2%;
	width:100%;
}

.contact .scroll{
	height:300px;
	width:96%;
}

.contact_form input{
	padding:5px 1%;
	max-width:98%;
}

.contact_form dl{
	border-top:none;
	display:block;
}

.contact_form dl dt{
	border-bottom:none;
	padding:2% 1%;
	width:98%;
}

.contact_form dl dd{
	border-bottom:none;
	margin:0.5em auto 1.0em auto;
	width:94%;
	margin-left:0;
}
.contact_form dd span{
	display:block;
	margin:2px 0;
}
.contact_form dd ul{
	display:block;
}
.contact_form dd ul li{
	width:100%;
}
.contact_form .address{
	display:block;
}

.contact_form .address dt{
	width:100%;
}

.contact_form .address dd{
	width:100%;
}
}