@charset "UTF-8";

@media (min-width: 768px){
	.contact-txt p{
		text-align: center;
	}
}

.bl_contactHowTo{
	position: relative;
	max-width: 700px;
	margin-top: 2em;
	margin-right: auto;
	margin-left: auto;
	padding: 1.5em;
	border:solid 1px rgba(150, 160, 172, .5);
	background-repeat: no-repeat;
}
.bl_contactHowTo.bl_contactHowTo__tel{
	background-image: url(../img/icon_tel.svg);
	background-size: 26%;
	background-position: left -5px top 5px;
}
.bl_contactHowTo.bl_contactHowTo__line{
	margin-bottom: 2em;
	background-image: url(../img/icon_message.svg);
	background-size: 26%;
	background-position: right 5px top 5px;
}
.bl_contactHowTo.bl_contactHowTo__email{
	margin-bottom: 2em;
	background-image: url(../img/icon_email.svg);
	background-size: 26%;
	background-position: left 30px top 20px;
}
.bl_contactHowTo_ttl{
	margin-bottom: 1.5em;
	font-size: 1.2rem;
	text-align: center;
	color:#818f96;
}
.bl_contactHowTo_eMail{
	width: 240px;
	max-width: 100%;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
}
.bl_contactHowTo_eMail img{
	width: 100%;
}
.bl_contactHowTo_icon{
	position: absolute;
	width: 30%;
	opacity: .1;
}
.bl_contactHowTo_icon.bl_contactHowTo_icon__tel{
	top:20px;
	left:20px;
}
.bl_contactHowTo_icon.bl_contactHowTo_icon__message{
	top:20px;
}
.bl_contactHowTo_txtTel_num{
	font-size: 1.1em;
}
.bl_contactHowTo_line_body{
	display: table;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(150, 160, 172, .1);
	padding: 10px 30px;
}
.bl_contactHowTo_line_qr{
	width: 50%;
	margin-top: 1em;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.bl_contactHowTo_line_qr img{
	width: 100%;
	max-width: 100%;
}
.bl_contactHowTo_line_qr p{
	padding-top: .5em;
}
.bl_contactHowTo ol,
.bl_contactHowTo ul{
	margin: 0;
	padding: 0;
}
.bl_contactHowTo ol li{
	margin-bottom: .2em;
}
.bl_contactHowTo ul{
	margin-left: 1.2em;
}
.hp_dib{
	display: inline-block;
}
.hp_taC{
	text-align: center;
}

	@media (min-width: 768px){
		.bl_contactHowTo{
			width: 90%;
		}
		.bl_contactHowTo.bl_contactHowTo__tel{
			background-position: left -10px top 10px;
		}
		.bl_contactHowTo.bl_contactHowTo__line{
			background-position: right 8px top 8px;
		}
		.bl_contactHowTo_line{
			display: flex;
			justify-content: center;
			padding-top: 10px;
		}
		.bl_contactHowTo_line_body{
			display: block;
			width: 280px;
			margin-right: 20px;
			margin-left: 0;
		}
		.bl_contactHowTo_line_qr{
			width: 180px;
			margin-top: 0;
			margin-right:0px;
			margin-left:20px;
			text-align: center;
			align-self: center;
		}
	}