@charset "utf-8";

/*-------------------------------------------------------------------------- common --*/
.maintitle{
	padding: 30px 0;
	color: #126BBF;
	text-align: center;
	border-top: 4px solid #126BBF;
	border-bottom: 2px solid #126BBF;
	background: #F3F9FF;
}
#nextLink{
	text-align: center;
	background: #126bbf url("/sp/common/image/nextTtl.png") no-repeat top left;
	background-size: 45px 45px;
}
#nextLink a{
	padding: 30px 3%;
	display: block;
	color: #FFF;
	text-decoration: none;
}
#nextLink .ttl1{
	text-align: center;
	padding-bottom:5px;
}
#nextLink .ttl2{
	font-size: 18px;
	text-align: center;
}
.box{
	padding:30px 4%;
	text-align: center;
}
.box.gray{
	background: #edf2f7;
}
.box.pd0{
	padding-left:0;
	padding-right:0;
}
.box p{
	text-align: left;
	line-height: 1.6;
}
.box .pdw{
	padding-left:4%;
	padding-right:4%;
}
.box h2{
	text-align: center;
	line-height: 1.2;
}
.box h2 span{
	display: inline-block;
	padding:0 0 5px;
	margin-bottom: 20px;
	font-size: 16px;
	border-bottom:3px solid #126bbf;
}
.box h3{
	font-size: 16px;
	color:#126bbf;
	text-align: left;
}
.box h3 span{
	font-size: 14px;
}
.box .btn{
	width:80%;
	margin:20px auto 0; 
}
.box .btn a{
	display: block;
	padding: 10px;
	background:#126bbf;
	font-size: 16px;
}
.box .movie{
	border:4px solid #ccc;
	padding:4px;
}
.box .movie p.tl{
	text-align: right;
	font-size: 10px;
}
.box .movie .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.box .movie .youtube iframe {
	position: absolute;
	top: 0;right: 0;
	width: 100% !important;
	height: 100% !important;
}
.imgFull img{
	width:100%;
	height:auto;
}
.linkL{
	text-decoration: underline!important;
}

/*------------------------------------------------------------------------ index --*/
h4.plus{
	text-align: left;
	font-size: 14px;
	padding:35px 0 5px;
	background:url("../../know/about/image/index_p4.png") center 7px no-repeat;
}
.txtFlm{
	margin-top:15px;
	background: #f7fafc;
	padding:10px;
}

.moreVICS li{
	width:100%;
	margin-top:15px;
	border:1px solid #dadce1;
}
.moreVICS li a{
	display: block;
	width: 100%;
}
a.titleBtn{
	padding:20px 0;
	background:#126bbf;
}
a.titleBtn p{
	padding-top:10px;
	line-height: 1.6;
	color: #FFF;
	text-align: center;
}
.contBtn{
	padding:15px;
}
.contBtn strong{
	display: inline-block;
	margin-top:10px;
	font-size: 16px;
	color: #126bbf;
}
.contBtn p{
	color: #333;
}

.box h3 { margin: 0 0 10px; font-weight: bold; font-size: 14px; text-align: center; color: #333; }
.box .h3_1 { margin-top: 20px; }
.box .new { position: relative; }
.box .new:before { content: ""; display: inline-block; width: 60px; height: 20px; margin-left: -70px; background-image: url(../../know/wide/image/new.png); background-repeat: no-repeat; background-size: contain; vertical-align: middle; }
.box .new2:before { position: relative; top: -20px; left: 60px; }
.uservoice {}
.uservoice li { box-sizing: border-box; background-color: #FFF; padding: 20px 10px; margin-bottom: 20px; overflow: hidden; }
.uservoice li h4, .uservoice li h5 { font-size: 16px; text-align: center; }
.uservoice li h5 { margin-bottom: 10px; }
.uservoice li .fb { font-size: 14px; line-height: 1.5; overflow: hidden; margin-bottom: 10px; }
.uservoice li .fb .fl { float: left; margin-right: 10px; }
.uservoice li .fb img { width: 110px; }
.uservoice li:nth-child(even) { float: right; }
.uservoice li:nth-child(1) { border: solid 1px #99C144; }
.uservoice li:nth-child(1) h5 { color: #99C144; }
.uservoice li:nth-child(2) { border: solid 1px #E69B2F; }
.uservoice li:nth-child(2) h5 { color: #E69B2F; }
.uservoice li:nth-child(3) { border: solid 1px #D75D96; }
.uservoice li:nth-child(3) h5 { color: #D75D96; }
.uservoice li:nth-child(4) { border: solid 1px #2DA09A; }
.uservoice li:nth-child(4) h5 { color: #2DA09A; }

/*------------------------------------------------------------------------ appeal --*/
dl.appealTtl {
	display: table;
	margin:15px 0 10px;
	text-align: left;
}
dl.appealTtl dt{
	display: table-cell;
	width:40px;
}
dl.appealTtl dd{
	display: table-cell;
	font-size:16px;
	font-weight: bold;
	color:#126bbf;
}
dl.appealTtl dd.txt{
	color:#333;
}

/*---------------------------------------------------------------------- shipment --*/
h3.tblTtl{
	margin-top: 15px;
	padding:10px;
	font-size:16px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color:#FFF;
	background-color: #126bbf;
}
.shipmentTbl{
	width:100%;
	border-collapse: collapse;
}
.shipmentTbl tr:nth-child(odd){
	background: #edf2f7;
}
.shipmentTbl th{
	width: 50%;
	padding:5px 12px;
	border:1px solid #dadce1;
	font-size:12px;
	text-align: left;
	font-weight: normal;
}
.shipmentTbl td{
	width: 50%;
	padding:5px 12px;
	border:1px solid #dadce1;
	font-size:16px;
	font-weight: bold;
}


/*------------------------------------------------------------------------ vics wide --*/
/*top*/
dl.widetopTtl {
	display: table;
	margin:15px 0 10px;
	text-align: left;
}
dl.widetopTtl dt{
	display: table-cell;
	width:30px;
}
dl.widetopTtl dd{
	display: table-cell;
	font-size:15px;
	font-weight: bold;
	color:#333;
}
ul.wideNavi1 li{
	margin-bottom:12px;
}
ul.wideNavi1 li a{
	display: block;
	padding: 6px;
	background:#FFF;
	border:2px solid #126bbf;
	text-align: left;
	background: url("/common/image/icon_link.png") no-repeat 96% center;
}
ul.wideNavi2 li{
	margin-bottom:10px;
}
ul.wideNavi2 li:last-child{
	margin-bottom:0;
}
ul.wideNavi2 li a{
	display: block;
	padding: 10px;
	background:#FFF;
	border:1px solid #126bbf;
	font-size: 13px;
	color: #126bbf;
	font-weight: bold;
	text-align: left;
	background: url("/common/image/icon_link.png") no-repeat 96% center;
}
ul.wideNavi1 li.active,
ul.wideNavi2 li.active{
	background-color:#ecf5ff;
}
.reportBtn{
	background: url("/sp/know/wide/image/btn_report_bg.jpg") no-repeat center center;
	background-size: cover;
}
.reportBtn a{
	display: block;
	padding:30px 5%;
	text-align: center;
	color:#FFF;
	font-size:20px;
	background: url("/common/image/icon_link_w.png") no-repeat 96% center;
}
/*05*/
.linkBox{
	padding:15px 4%;
}
.linkBox.bLine{
	border-bottom: 1px solid #c8c8c8;
}
.linkTtl{
	margin-top: 10px;
	font-size: 18px;
	font-weight: bold;
}
.linkUrl{
	word-break: break-all;
}
/*faq*/
.faqArea{
}
dl.accordion-menu{
	border-top: 2px solid #f2f2f2;
}
dl.accordion-menu:first-child{
	border-top: none;
}
dl.accordion-menu dt{
	min-height: 70px;
	background:#FFF url("/sp/know/wide/image/icon_Q.png") no-repeat 8px 20px;
	background-size: 39px 39px;
	position: relative;
}
dl.accordion-menu dt p{
	padding:20px 40px 20px 60px;
	font-size: 14px;
	line-height: 1.4;
	font-weight: bold;
	color:#126bbf;
}
dl.accordion-menu dt.open p::after,
dl.accordion-menu dt.close p::after {
	content: ' ';
	width:19px;
	height:11px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
}
dl.accordion-menu dt.open p::after {
	background:url("/sp/know/wide/image/icon_up.png") 0 0 no-repeat;
	background-size: 19px 11px;
}
dl.accordion-menu dt.close p::after {
	background:url("/sp/know/wide/image/icon_down.png") 0 0 no-repeat;
	background-size: 19px 11px;
}
dl.accordion-menu dd{
	padding:20px 15px 20px 60px;
	background:#f2f2f2 url("/sp/know/wide/image/icon_A.png") no-repeat 8px 20px;
	background-size: 39px 39px;
}
/*media*/
.box.media h3{
	margin-top: 10px;
	padding:10px 0;
	font-size: 16px;
	font-weight: bold;
	color:#126bbf;
	border-top: 1px solid #126bbf;
	border-bottom: 1px solid #126bbf;
}
.box.media h3.fst{
	margin-top: 0;
	border-top: none;
}
.box.media ul li{
	padding:10px 0;
	font-size: 13px;
	text-align: left;
	border-top: 1px solid #d9d9d9;
}
.box.media ul li:first-child{
	border-top:none;
}
.box.media ul li span{
	font-weight: bold;
}
.box.media .info{
	padding:10px 0 0;
	font-size: 11px;
	text-align: left;
	border-top: 1px solid #d9d9d9;
}
/*report*/
.maintitleImg img{
	border-top: 4px solid #126BBF;
	width:100%;
	height:auto;
}
.mainText{
	padding: 15px 3%;
	line-height: 1.6;
}
ul.mainAnc{
	border-top:2px solid #f2f2f2;
}
ul.mainAnc li a{
	display: block;
	padding: 10px 3%;
	background:#FFF;
	border-bottom:2px solid #f2f2f2;
	color: #126bbf;
	font-weight: bold;
	text-align: left;
	background: url("/common/image/icon_link.png") no-repeat 96% center;
}
.report .box h3{
	font-size: 15px;
}
.carouselArea{
	padding:15px 4% 20px;
	background: #edf2f7;
}
.carouselArea h4{
	padding-bottom: 10px;
	text-align: center;
}
.carouselArea .sml{
	font-size:10px!important;
}
a.linkBack{
	display: block;
	padding:10px 2%;
	color:#FFF;
	background: #126BBF;
}
.box h2 .line_bottom{
	padding-left: 0.5rem;
}
.box .h3_1.center{
	padding-left: 2.4rem;
}


/*------------------------------------------------------------------------ parking --*/
.parkingInfo{
	padding:12px 0 10px 40px;
	background:url(/know/service/image/parking_icon.png) no-repeat left center;
	font-size:12px;
}
ul.parking{
	margin-top:20px;
	width:100%;
 display: flex;
 flex-wrap: nowrap;
 justify-content:space-between;
}
ul.parking li{
 width:47%;
}
ul.parking li + li{
 width:51%;
}
ul.parking li img{
 width:100%;
 height:auto;
}
ul.parking li p{
 font-size: 12px;
}
.parkingTbl{
	width:100%;
	margin-top:20px;
	border-collapse: collapse;
}
.parkingTbl th{
	width:110px;
	padding:8px;
	border:1px solid #dadce1;
	font-size:12px;
	font-weight: normal;
 background: #edf2f7;
 color: #126bbf;
 font-weight: bold;
}
.parkingTbl td{
	padding:8px;
	border:1px solid #dadce1;
	font-size:13px;
}
.parkingTbl td.txt2{
	padding:12px 8px;
	border:1px solid #dadce1;
	font-size:13px;
	text-align: left;
}
.parkingTbl td .outside:after {
 content: "";
	display: inline-block;
	width:14px;
	height:12px;
	background:url(/common/image/icon_outside.png) no-repeat 0 0;
	background-size: 14px 12px;
 vertical-align: middle;
 margin-left: 4px;
}
.parkingInfo2{
padding:12px 3% 0;
font-size:13px;
line-height: 1.6;
}