@charset "utf-8";
/* FAQ */


	
.faqNav ul {
	width:1000px;
	margin:0px auto;
	overflow: hidden;

}

.faqNav li {
	float:left;
	width: 166.5px;
	text-align:center;
}

.faqNav li a {
	display:block;
	padding:20px 0;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
	color:rgba(38,95,156,1);
	border:solid 1px rgba(230,230,230,1);
	-moz-border-radius: 4px 4px 0 0 ; /* Firefox */
	-webkit-border-radius: 4px 4px 0 0; /* Safari and Chrome */
	border-radius: 4px 4px 0 0;
}

.faqNav li a:hover{
	background-color:rgba(230,230,230,1);
		}


.faqNav li.current {
	-moz-border-radius: 4px 4px 0 0 ; /* Firefox */
	-webkit-border-radius: 4px 4px 0 0; /* Safari and Chrome */
	border-radius: 4px 4px 0 0;
	background-color:rgba(38,95,156,1);
}

.faqNav li.current a{
	color:rgba(255,255,255,1);
}

.faqNav li.current a:hover{
	background-color:rgba(70,111,156,1);
		}

.qesSpace{
	margin-left:6em;
}

dl.faq {
	margin-bottom:50px;	
	}

/*ACCORDION*/

.faq dt{
    width:1000px;
		height:auto;
    	text-align:left;
		position:relative;
		cursor:pointer;
		color:rgba(62,110,165,1);
		padding:2em 0 0.7em 0; 
    }

.faq dt:hover, .h3-box:hover{
	opacity:0.65;
		}

.faq dd{
  width:calc(1000px - 5em);
 	height:auto;
	position:relative;
  	text-align:left;
	color:rgba(138,138,138,1);
  	border:rgba(230,230,230,1) 1px solid;
  	display:none;
	padding:1em 1em 1em 4em;
}


.faq dt:first-letter{
	font-size:1.2em;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari and Chrome */
	border-radius: 4px;
	color:rgba(255,255,255,1);
	background-color:rgba(38,95,156,1);
	padding:4px 6px 6px 6px;
	margin:0 1em;
	}
	
.faq dt:after,.h3-box:after{
	font-size:1.2em;
	content: "＋";
	color:rgba(255,255,255,1);
	background:rgba(180,180,180,1);
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari and Chrome */
	border-radius: 4px;
	padding:5px 4.5px 5px 5.5px;
	position:absolute;
	top:2em;
	right:1em;
	margin-top:-0.5em;	
	-moz-transition: -moz-transform .3s linear;
	-webkit-transition: -webkit-transform .3s linear;
	-o-transition: -o-transform .3s linear;
	-ms-transition: -ms-transform .3s linear; 
	transition: transform .3s linear; 
}



.faq dt.active:after,
.h3-box.active:after {
  content:"－";
	background-color:rgba(38,95,156,1);
	padding:5px 4px 5px 6px;	
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.faq dd:before{
	font-size:1.2em;
	content: "Ａ";
	color:rgba(255,255,255,1);
	background-color:rgba(237,178,0,1);
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari and Chrome */
	border-radius: 4px;
	padding:5px 6px 5px 6px;
	position:absolute;
	top:14px;
	left:1em;
}

.section {
	margin-bottom: 40px;
}

.h3-box {
	padding: 20px 0 15px 19px;
	border-bottom: solid 1px #e6f2fc;
	position: relative;
}
.h3-box:hover {
	cursor: pointer;
}
.h3-box:after {
	top: 21px;
	padding: 8px 4.5px 8px 5.5px;
}
.h3-box.active:after {
	padding: 8px 4.5px 8px 5.5px;	
}
#ib .faq {
	margin-top: 0;
}
	.faq__atext {
		line-height: 1;
		margin-bottom: 10px;	
	}
	.faq__atext--font14 {
		font-size: 14px;	
	}
	
.faqNav {
	overflow: hidden;
}
.faq-box {
	width: 1000px;
	margin: 42px auto 0;
	position:relative;
}
	.faq-box__title {
		font-size: 20px;
		font-weight: bold;
	}

.faq-tablebox {
	width: 100%;
}
	.faq-tablebox__midpoint {
		display: block;
		width: 5px;
		height: 5px;
		margin-right: 3px;
		background-color: #8a8a8a;
		border-radius: 50%;
	}
	.faq-tablebox__left {
		width: 30%;
	}
	.faq-tablebox__left--withauto {
		width: auot;
	}
	.faq-tablebox__left--w50par {
		width: 55%;
	}
	.faq-tablebox__right {
		padding-left: 10px;
		box-sizing: border-box; 
	}
		.faq-tablebox__midpoint--3px {
			width: 3px;
			height: 3px;
			display: inline-block;
			margin: calc(16px /2 - 4px);
		}



/*共通*/
.tablebox {
    display: table;
}
	.tablebox > * {
		display: table-cell;
		vertical-align: middle;
	}
	.tablebox__colon {
		display: inline-block;
		float: right;
	}
a.link-text:hover {
    color: #265f9c;
    opacity: 0.65;
    transition: all 0.4s;
}
a.link-text {
    text-decoration: none;
}
	.link-text__icon {
		display: block;
		width: 14px;
		height: 14px;
		background-image: url(/faq/images/website-backlinks.png);
		background-repeat: no-repeat;
		background-size: contain;
	}

.mb0 {
	margin-bottom: 0;
}

.mb10 {
	margin-bottom: 10px;
}