/* co-detail
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━�? */

/* product-news
�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�? */

/* SP < 768px */
@media print, screen and (max-width: 47.9em) {
	.narrow-contents .product-news li hr {
		margin: 0 -3.25%;
	}
}
.narrow-contents .product-news li .news-item {
	padding-left: 0;
}


/* detail-navigation
�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�? */

/* SP < 768px */
@media print, screen and (max-width: 47.9em) {
	.corporate-detail + section.column {
		margin-bottom: 1em;
	}
	.detail-navigation {
		width: 106%;
		margin: 0 -3%;
	}
}

.detail-navigation ul {
	margin: 0;
	padding: 0;
}
.detail-navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.detail-navigation .frame {
	padding-bottom: 0;
	background: #dcdcdc;
}
.detail-navigation .frame .main-navigation > li {
	position: relative;
	border-bottom: 1px solid #fff;
	float: inherit;
	padding: 0;
	font-size: inherit;
}
.detail-navigation .frame .main-navigation > li:first-child {
	border-top: 1px solid #666;
}
.detail-navigation .frame .main-navigation > li > div {
	display: block;
	position: relative;
}
.detail-navigation .frame .main-navigation > li > div > a:not(.js-toggle-head) {
	display: block;
	margin-right: 3.3em;
	padding: .9em 0 .9em 1em;
	text-decoration: none;
	color: #1f1f1f;
	font-size: .875em;
	z-index: 1;
}
.js-toggle-head {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	padding: 0 1.184em;
	border-left: 1px solid #fff;
	font-size: 1.2em;
}
.js-toggle-head .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -.6em;
	margin-left: -.4em;
	background: none;
}
.js-toggle-head .icon img.svg {
	margin-top: .2em;
	pointer-events: none;
}
.js-toggle-head .icon.minus,
.is-close .js-toggle-head .icon.plus,
.no-svg .js-toggle-head .icon img,
.js-toggle-head .icon img.svg {
	display: block;
}
.is-close .js-toggle-head .icon.minus,
.js-toggle-head .icon.plus,
.js-toggle-head .icon img,
.no-svg .js-toggle-head .icon img.svg {
	display: none;
}


.detail-navigation .main-navigation li > div > a.detail-nav-link:before,
.detail-navigation .sub-navigation li > a.current:before,
.detail-navigation .sub-navigation li > a:before {
	position: absolute;
  right: 1.1em;
  top: 50%;
  display: inline-block;
  content: '';
  margin-top: -0.5em;
  width: 1.098em;
  height: 1.098em;
  background-image: url('/common/support/resource/image/common/css/icons.svgz');
  background-repeat: no-repeat;
  background-size: 17em 113em;
  background-position: -10em 0;
  z-index: 2;
}
.detail-navigation li:not(.btn-search) > .sub-navigation {
	visibility: visible;
	position: relative;
	top: 0;
	width: auto;
	padding-top: 0;
	padding-bottom: 0;
}
.detail-navigation .sub-navigation li {
	position: relative;
}
.detail-navigation .sub-navigation li > a {
	display: block;
	position: relative;
	margin-right: 0;
	padding: .9em 0 .9em 1em;
	text-decoration: none;
	color: #100d0d;
	font-size: .875em;
	z-index: 1;
}
.detail-navigation .sub-navigation li > a.current {
	background: #d2dbec;
	color: #100d0d;
}
.detail-navigation .main-navigation > li > .sub-navigation > ul > li {
	margin: 0;
	border-top: 1px solid #fff;
}
.detail-navigation .main-navigation > li > .sub-navigation > ul > li > a {
	padding: .9em 4.368em .9em 2.1em;
}

/* PC > 768px */
@media print, screen and (min-width: 48em) {
	.header-grid + article p:first-child {
		margin-top: 0;
	}

	.corporate-detail + section.column {
		margin-top: 0;
	}
}




/* Q&A accordion
�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�?�? */
.qna-accordion {
	width:100%;
	margin-bottom:3em;
	clear:both;
}
.qna-accordion li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.qna-accordion .frame {
	padding-bottom: 0;
	background: #fff;
}
.qna-accordion .frame .main-navigation > li {
	padding: 0;
	font-size: inherit;
	width:100%;}
.qna-accordion .frame .main-navigation > li > div {
	display: block;
	position: relative;
}
.qna-accordion .frame .main-navigation > li > div > a:not(.js-toggle-head) {
	display:block;
	padding:1em 0;
	text-decoration: none;
	color: #1f1f1f;
	font-size: .875em;
	z-index: 1;
	width:100%;
	text-indent:10%;
}

.question-toggle-head {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding: 0 1.184em;
	font-size: 1.2em;
}
.q-icon {
	color:#c81d1d;
	text-align:left;
	font-weight:bold;
	line-height:300%;
	display:block;
}
.q-icon:after, .a-icon:after {
	content: ".";
	color: #000;
}
.question-toggle-head .icon img.svg {
	margin-top: .2em;
	pointer-events: none;
}


.answer-box {
	text-align:left;
	color: #1f1f1f;
	font-size: .875em;
	width:100%;
	clear:both;
	margin-top:15px;
	position:relative;

}

.answer-box dd {
	margin-left:10%;
	width:85%;
	padding:1em;
	box-sizing:border-box;
	overflow-x:auto;
}

.a-icon {
	color:#000;
	text-align:left;
	font-weight:bold;
	background:#fff;
	float:left;
	height:100%;
	position:absolute;
	padding-right:2em;
}

.id_num {
	font-weight:bold;
	text-indent:.5em;
}

.id_num:before {
	margin-left:.5em;
	display: inline-block;
	content: "|";
	vertical-align: bottom;
	text-indent:0;
	color:#606060;
}



/* SP < 768px */
@media print, screen and (max-width: 47.9em) {

	.answer-box dd {
		margin-left:16%;
	}
	.qna-accordion .frame .main-navigation > li > div > a:not(.js-toggle-head) {
		text-indent:13%;
	}
}