@charset "UTF-8";
/* --------------------------------------------------
**
** productContactArea
**
** -------------------------------------------------- */
.productContactArea { padding-bottom: 30px; }
.productContactArea .enclose .ttl { font-weight: bold; }
.productContactArea .asBtnType3,
.productContactArea .asBtnType4 { margin: 0 20px 0; }
.productContactArea .asBtnType3 li,
.productContactArea .asBtnType4 li { margin-bottom: 10px; }
.productContactArea .asBtnType3 li:last-child,
.productContactArea .asBtnType4 li:last-child { margin-bottom: 0; }
.productContactArea .asBtnType3 li a { font-size: 180%; }
.productContactArea .asBtnType4 li a { text-decoration: none; }
.productContactArea .btns.wide { margin: 0 20px 0; }
.productContactArea .btns.wide li { display: block; }
.productContactArea .btns.wide li a {
	padding: 22px 27px 22px 19px;
	text-align: center;
	color: #1785C4;
	font-size: 140%;
}
/*.telBlock*/
.productContactArea .telBlock {
	box-sizing: border-box;
	padding-bottom: 5px;
}
.productContactArea .telBlock dl {
	margin: 0 20px 6px;
	padding: 10px;
	background-color: #F2F3F5;
	text-align: center;
	font-size: 140%;
}
.productContactArea .telBlock dl dt {
	display: inline-block;
	padding-right: 30px;
	white-space: pre;
}
.productContactArea .telBlock dl dd {
	display: inline-block;
	font-weight: bold;
}
.productContactArea .telBlock p.normal {
	margin: 0 20px 10px;
	text-align: center;
	font-size: 120%;
}

/*.mailBlock*/
.productContactArea .mailBlock p.normal {
	margin: 0 20px 10px;
	text-align: center;
}

.productContactArea .mailBlock ul {
	margin: 0 20px 6px;
	padding: 10px;
	background-color: #F2F3F5;
	text-align: center;
	font-size: 140%;
}

/*.enclose.column*/
.productContactArea .enclose.column { margin: 0 21px 0; }
.productContactArea .enclose.column .col2of4 {
	width: 54.04%;
	width: -webkit-calc(50% + 42px);
	width: calc(50% + 42px);
	margin: 0 -21px;
}
.productContactArea .enclose.column .colIn {
	box-sizing: border-box;
	margin: 0 30px 20px;
	padding: 30px 0;
}
.productContactArea .enclose.column .colIn .txtBlock {
	box-sizing: border-box;
	padding-bottom: 5px;
}
.productContactArea .enclose.column .colIn .txtBlock h4 {
	margin: 0 20px 10px;
	text-align: center;
}
.productContactArea .enclose.column .colIn .txtBlock p.normal {
	margin: 0 20px 10px;
	text-align: center;
}
/*.enclose.lower*/
.productContactArea .enclose.lower {
	margin-bottom: 20px;
	padding: 30px 0;
	border: 1px solid #C9C9C9;
}
.productContactArea .enclose.lower .row:nth-of-type(2) { background: url(/contact/images/bg-img-interactive-01.png) repeat-y 0 0; }
.productContactArea .enclose.lower .row .ttl {
	margin: 0 20px 30px;
	text-align: center;
}
.productContactArea .enclose.lower .row .col {
	float: left;
	width: 50%;
}
.productContactArea .enclose.lower .row .col .txtBlock {
	box-sizing: border-box;
	padding-bottom: 5px;
}
.productContactArea .enclose.lower .row .col .txtBlock p.normal {
	margin: 0 20px 10px;
	text-align: center;
}
.productContactArea .enclose.lower .row .col .asBtnType3.line { margin: 10px 20px 0 10px; }
.productContactArea .enclose.lower .row .col .asBtnType3.line li {
	display: inline-block;
	width: 47.915%;
	width: -webkit-calc(50% - 10px);
	width: calc(50% - 10px);
	margin: 0 0 0 10px;
	vertical-align: top;
}
.productContactArea .enclose.lower .row .col .asBtnType3.line li a {
	width: 50%;
	font-size: 140%;
}
/*clearfix*/
.productContactArea .enclose.lower:after {
	content: "";
	display: block;
	clear: both;
}
.productContactArea .enclose.lower { display: inline-table; }
* html .productContactArea .enclose.lower { height: 1%; }
.productContactArea .enclose.lower {
	zoom: 1;
	display: block;
}
/* --------------------------------------------------
**
** otherArea
**
** -------------------------------------------------- */
.otherArea { padding: 5px 0 30px; }
.otherArea h3 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 320%;
}
.otherArea .columnAreaType2 { margin: 0 21px; }
.otherArea .columnAreaType2 .col2of4 {
	width: 54.04%;
	width: -webkit-calc(50% + 42px);
	width: calc(50% + 42px);
	margin: 0 -21px;
}
.otherArea .columnAreaType2 .col2of4 .colIn { margin: 0 30px 18px; }
.otherArea .columnAreaType2 .col1of3 {
	width: 37.38%;
	width: -webkit-calc(33.33% + 42px);
	width: calc(33.33% + 42px);
	margin: 0 -21px;
}
.otherArea .columnAreaType2 .col1of3 .colIn { margin: 0 30px 18px; }
.otherArea .columnAreaType2 .txtBlock { 
	text-align: center; 
}
.otherArea .columnAreaType2 .txtBlock p.normal { margin: 0 20px 10px;
	text-align: center;}
.otherArea .columnAreaType2 a[href^="mailto"] .txtBlock span {
	display: inline-block;
	padding-left: 20px;
	background: url(/common2/images/bg-icon-mail-01.png) no-repeat 3px .45em;
	text-align: left;
	color: #1785C4;
}

.otherArea .columnAreaType2 .txtBlock ul.btns {
	margin: 0;
}

.otherArea .columnAreaType2 .txtBlock ul li a {
	display: table-cell;
	height: 46px;
	padding: 0 10px;
	border: 1px solid #1785C4;
	border-radius: 2px;
	background-color: #1785C4;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-size: 130%;
	font-weight: bold;
	color: #FFF;
}

.otherArea .columnAreaType2 .txtBlock ul li a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 17px;
  content: "";
  width: 10px;
  height: 14px;
  margin-top: -7px;
  background: url(https://dev43.ini.co.jp/common2/images/bg-icon-button-01.png) no-repeat -60px -18px;
}

.otherArea .columnAreaType2 .txtBlock ul li a:hover {
  background-color: #FFF;
  color: #1785C4;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
}

.otherArea .columnAreaType2 .txtBlock ul li a:hover:after {
  background-position: 0 -18px;
}