/*	インフォ用CSS	*/

	.secInfo { width:95%; margin:70px auto 40px; line-height:28px; }
	.secInfo h3 { font-size:150%; text-align:center; margin:0 0 40px; }
	.secInfo h4 { font-size:115%; font-weight:bold; }
	.secInfo a { text-decoration:underline; }
	.secInfo a:hover { color:#0068b7; text-decoration:none; }
	
	.secInfo dl { display:flex; flex-wrap:wrap; width:100%;  }
	
	.infoCntBox		{ margin:0 0 70px; }
	
	.infoList		{ }
	.infoList dt	{ width:1.5em }
	.infoList dd	{ width:calc(100% - 1.5em); }
	
	.infoContact	{ margin:30px 0; }
	.infoContact dt	{ width:140px; }
	.infoContact dd	{ width:calc(100% - 140px); }
	
	.infoServiceBox		{ margin:30px 0 0; }
	.infoServiceBox span	{ font-weight:bold; display:block; margin:0 0 8px; }
	
	.onlineShop img		{ position:relative; top:-5px; width:16px; margin:0 0 0 7px; }
	
	.mailAdd		{ display:inline-block; height:24px; border-bottom:1px solid #000000; }
	.mailAdd:hover	{ border-bottom:1px solid #0068b7; }
	
	.mail1			{ background:url("./mail1.png") no-repeat 0 7px; width:215px; }
	.mail1:hover	{ background-position:right 7px; }
	.mail2			{ background:url("./mail2.png") no-repeat 0 7px; width:200px; }
	.mail2:hover	{ background-position:right 7px; }


	@media not all and (min-width: 768px) {
		.header__logo { margin-top:18px; }
		
	}