@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:200,300,400,500,700&display=swap');
.notoJp * {font-family: 'Noto Sans JP', sans-serif !important;}

.qsWrap {padding:75px 10px 35px; margin:0 auto;}
.qsWrap .sec {margin-bottom:50px;}
.qsWrap .sec .qsBigTit {font-size:27px; line-height:27px;  color:#000000; margin-bottom:15px; }
.qsWrap .sec .qsBigSub {font-size:13px; color:#666666; font-weight:200; margin-bottom:15px; }
.qsWrap .sec .qsBox {position: relative;}
.qsWrap .sec .qsBox:after {content:''; display: block; clear:both;}
.qsWrap .sec .qsBox .tit {position: absolute; left:0; top:0; height:100%; border-top:1px solid #999999; width:80px; padding-top:15px; font-size:12px; color:#000001;}
.qsWrap .sec .qsBox .list { border-top:1px solid #999999; margin-left:90px; padding-top:15px; font-size:12px; color:#000000; font-weight:300;  padding-bottom:30px;}
.qsWrap .sec .qsBox .list > ul > li{margin-bottom:15px; letter-spacing:-0.01em;}
.qsWrap .sec .qsBox .list > ul > li:last-child {margin-bottom: 0;}
.qsWrap .sec .qsBox .list > ul > li div {padding-bottom:10px;}
.qsWrap .sec .qsBox .list > ul > li div:last-child {padding-bottom:0;}
.qsWrap .sec .qsBox .list > ul > li div p {padding-left:8px; position: relative; letter-spacing:-0.03em;    word-break: keep-all;}
.qsWrap .sec .qsBox .list > ul > li div p a {display: block; color:#000000;}
.qsWrap .sec .qsBox .list > ul > li a { color:#000000;}
.qsWrap .sec .qsBox .list > ul > li div p.link a span {display: inline-block; vertical-align: top; width:10px; height: 15px; background:url('/pub/images/new/icoLoca.png') no-repeat; background-size:10px;}
.qsWrap .sec .qsBox .list > ul > li div p.link a:hover {color:#00a8ff}
.qsWrap .sec .qsBox .list > ul > li div p.link a:hover span { background:url('/pub/images/new/icoLoca_on.png') no-repeat; background-size:10px;}
.qsWrap .sec .qsBox .list > ul > li div p:after {content:''; position: absolute; left:0; top:8px; width:2px; height:2px; background:#878787; border-radius:50%;}
.qsWrap .sec .qsBox .list > ul > li ul {margin-top:10px; padding-left: 7px;}
.qsWrap .sec .qsBox .list > ul > li ul li {position: relative; font-size:11px; color:#555555; margin-bottom:10px; padding-left: 8px;}
.qsWrap .sec .qsBox .list > ul > li ul li:last-child {margin-bottom:0;}
.qsWrap .sec .qsBox .list > ul > li ul li:after {content:''; position: absolute; left:0; top:8px; width: 3px; height:1px; background:#555555;}
.qsWrap .sec .qsBox.border .tit {border-top:2px solid #1a1a1a;   }
.qsWrap .sec .qsBox.border .list {border-top:2px solid #1a1a1a;}
.qsWrap .sec .qsBox:last-child .tit {border-bottom:1px solid #999999;   }
.qsWrap .sec .qsBox:last-child .list {border-bottom:1px solid #999999;}


.qsWrap.type2 .sec .qsBox {}
.qsWrap.type2 .sec .qsBox .tit {padding-bottom:35px}
.qsWrap.type2 .sec .qsBox .list {padding-bottom:35px}
.qsWrap.type2 .sec .qsBox .imgLink:after {display: none;}
.qsWrap.type2 .sec .qsBox .imgLink .linkTitle {padding-left:8px; position: relative; letter-spacing:-0.03em;}
.qsWrap.type2 .sec .qsBox .imgLink .linkTitle:after {content:''; position: absolute; left:0; top:8px; width:2px; height:2px; background:#878787; border-radius:50%;}
.qsWrap.type2 .sec .qsBox .imgLink:after {display: none;}
.qsWrap.type2 .sec .qsBox .imgLink a { color:#000;}
.qsWrap.type2 .sec .qsBox .imgLink a span {margin-left: 8px; display: inline-block;}
.qsWrap.type2 .sec .qsBox .imgLink a em {display: inline-block; vertical-align:middle; position: relative; top:-1px; width:5px; height: 10px; background:url('/pub/images/new/ico_arrow.png') center no-repeat; margin-left:5px; background-size:5px auto;}
.qsWrap.type2 .sec .qsBox .imgLink a:hover .linkTitle + span {font-weight:500; color:#00a8ff;}
.qsWrap.type2 .sec .qsBox .imgLink a:hover em {background:url('/pub/images/new/ico_arrow_on.png')  center no-repeat; background-size:5px auto;}
.qsWrap.type2 .sec .qsBox .imgLink a span.pic {position: relative; display: inline-block; vertical-align: top; margin-top:10px;}
.qsWrap.type2 .sec .qsBox .imgLink a span.pic:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.5); transition:.3s all; opacity:0;}
.qsWrap.type2 .sec .qsBox .imgLink a:hover span.pic:after {opacity:1;}
.qsWrap.type2 .sec .qsBox .list > ul > li ul li {margin-bottom:10px; line-height:20px;}