@charset "Shift_JIS";

@media (max-width: 768px) {
div.box-content-01	{ height:auto !important; }
div.box-content-01 div.lyt-col2-01,
div.box-content-01 div.lyt-col2-01-inner,
div.box-content-01 div.lyt-col2-01 div.column	{ width:100%; }
.hdg-level4-01	{  }

div.lyt-col2-01 div.column	{ height:auto !important; }

ul.list-link-01.list-link-col2 li	{ float:none;width:100%;margin-bottom:5px; }

ul.nav-page-02 li	{ margin-bottom:15px; }


/* URLが横幅貫通してスマホで横スクロールが出る為 */
table.urlBlock	{ display:block; overflow:hidden;width:100%; }
.urlBlock		{ display:block; overflow:hidden;width:97%; }

/* 質問リストで間隔が狭いと押しにくい為 */
ul.list-question-01 li	{ margin-bottom:10px; }

ul.list-link-01.list-link-col2 li	{ height:auto !important; }

/* QA */
dl.box-definition-01	{ background:none;border:1px solid #CCCCCC; border-radius:5px; overflow:hidden; }
dl.box-definition-01 dt.title	{ background:none;border:1px solid #fff;border-top-left-radius:6px;border-top-right-radius:6px;
background: #e5eaf6; /* Old browsers */
background: -moz-linear-gradient(top,  #e5eaf6 0%, #f2f5fb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5eaf6), color-stop(100%,#f2f5fb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5eaf6 0%,#f2f5fb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5eaf6 0%,#f2f5fb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5eaf6 0%,#f2f5fb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e5eaf6 0%,#f2f5fb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5eaf6', endColorstr='#f2f5fb',GradientType=0 ); /* IE6-9 */
 }

div#nav-local h2.one a	{ background:none; }

}

/* -----------------------------------------------------
	10. 2016.2.10　アクセシビリティ改修追記CSS
----------------------------------------------------- */
/* labelTel
 * ------------------------- */
span.telOuter.labelTel {
	box-sizing: border-box;
	min-height: 40px;
	padding: 0 0 0 32px;
	line-height: 1.2;
	display: table;
	width: 100%;
	position: relative;
}
span.telOuter.labelTel:before {
	content: "";
	width: 22px;
	height: 18px;
	background: url(/common/images/icon_tel.gif) no-repeat;
	background-position: left top;
	display: block;
	position: absolute;
	top: 11px;
	left: 10px;
}
span.telOuter.labelTel strong {
	color: #cf2b00;
	font-size: 125%;
	display: table-cell;
	vertical-align: middle;
	padding: 9px 11px 7px;
	letter-spacing: 0.1em;
}
span.telOuter.labelTel strong > span.small-text {
	font-size: 66.5%;
}
span.telOuter.labelTel .daialText {
	color: #5e5e5e;
	font-size: 63%;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	width: 65px;
	padding-left: 5px;
}
span.telOuter.labelTel.reception strong {
	width: 43%;
}
span.telOuter.labelTel.reception .receptionTime {
	display: table-cell;
	vertical-align: middle;
	font-size: 86%;
	line-height: 1.5;
	padding-right: 10px;
}

/*data-link-01
 * ------------------------- */
dl.data-link-01 {
  width: 100%;
  display: table;
}
dl.data-link-01 > * {
  display: table-cell;
  vertical-align: top;
}
dl.data-link-01 dt {
  padding: 2px 5px 2px 0;
  width: 40px;
  position: relative;
}
dl.data-link-01 dt:after {
  content: "";
  width: 2px;
  height: 11px;
  background: url("/common/images/colon.gif") no-repeat 0 0;
  position: absolute;
  right: 0;
  top: 0.35em;
}
dl.data-link-01 dd {
  padding: 2px 0 2px 10px
}

@media (max-width: 768px) {
	span.telOuter.labelTel.reception {
		display: block;
		overflow: hidden;
	}
	span.telOuter.labelTel.reception .daialText {
		display: block;
		float: left;
		padding-top: 14px;
	}
	span.telOuter.labelTel.reception strong {
		display: block;
		width: auto;
		float: left;
	}
	span.telOuter.labelTel.reception .receptionTime {
		display: block;
		clear: both;
		padding: 0 10px 5px 5px;
	}
}