#todofuken-head-shanetsu {
	width: 900px;
    height: 226px;
    background: url(/img/guide/construction/shanetsu-prefectures.png) no-repeat;
    margin-bottom: 1rem;
    padding: 94px 0 0 0;
}

#todofuken-head-shanetsu h2 {
	color: #3860b9;
    line-height: 60px;
    font-size: 53px;
    font-weight: bold;
    text-align: center;
    text-shadow: white 1px 1px 0px, white 1px -1px 0px, white -1px 1px 0px, white -1px -1px 0px, #535353 4px 4px 0px, #000 2px 2px 5px;
}

.vp-group-tab-const.vp-group-tabh li span {
	background: #E70012;
}

.vp2-h2 {
	background: #E70012;
}

.shanetsu-caution {
	background-color: #E50514;
	color: #fff;
	padding: 16px 8px;
	border-radius: 3px;
	font-size: 22px;
	line-height: 1.5;
	font-weight: bold;
	margin: 20px 0 24px 0;
	text-align: center;
}

.shanetsu-catch {
	display: block;
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	margin-bottom: .875rem;
	margin-top: 2.5rem;
	line-height: 1.25;
}

.shanetsu-risk-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: .75rem;
}

.shanetsu-risk-list figure {
	display: flex;
	flex-direction: column;
	margin: 0;
}

.shanetsu-risk-list figure img {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.shanetsu-risk-list figcaption {
	display: block;
	background-color: #30353B;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 1.25rem;
	line-height: 2;
}

.shanetsu-risk-list p {
	margin-bottom: 0;
	padding: .5rem;
	font-size: .875rem;
}

.connavi-sub-ttl {
	font-size: 26px;
	padding: .5rem .875rem;
    line-height: 1.25;
}

.connavi-sub-ttl + h3 {
	margin-top: .75rem !important;
}

.shanetsu-column {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
}

.shanetsu-column div > p:not(:last-child) {
	margin-bottom: 1.5rem;
}

.shanetsu-column div strong {
	font-size: 1.25rem;
	font-weight: bold;
	display: block;
	margin-bottom: .5rem;
	line-height: 1.25;
}

.shanetsu-wide-image {
	margin-top: 1.5rem;
	margin-bottom: 2rem;
	display: flex;
	width: 100%;
}

.shanetsu-column-features {
	grid-template-columns: 1fr 280px;
	margin-top: 1.5rem;
}

.shanetsu-column-features ul {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.shanetsu-column-features b {
	font-weight: bold;
	font-size: 1.25rem;
	display: block;
	margin-bottom: .5rem;
	line-height: 1.25;
}

.shanetsu-column-features p {
	margin-bottom: .5rem;
}

.shanetsu-column-features span {
	display: block;
	text-align: center;
	border: 1px solid red;
	border-radius: 3px;
	font-size: 1.125rem;
	padding: 1rem .5rem;
	color: #E50514;
	font-weight: bold;
}

.shanetsu-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	margin-top: 1rem;
}

.shanetsu-table thead th {
	background-color: #707070;
	color: #fff;
	font-weight: bold;
	font-size: 1.125rem;
	padding: 1rem .5rem;
	text-align: center;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.shanetsu-table thead th:last-child {
	border-right: 1px solid #ccc;
}

.shanetsu-table tbody th {
	background-color: #EFEFEF;
	font-weight: bold;
	vertical-align: middle;
	padding: 1rem .5rem;
	font-size: .875rem;
	text-align: center;
	line-height: 1.25;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.shanetsu-table tbody td {
	vertical-align: middle;
	padding: 1rem .5rem;
	text-align: center;
	font-size: .875rem;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.shanetsu-table tbody img {
    width: 160px;
    height: auto;
}

.shanetsu-table tbody tr > td:last-child {
	border-right: 1px solid #ccc;
}

.shanetsu-table tbody tr:last-child th,
.shanetsu-table tbody tr:last-child td {
	border-bottom: 1px solid #ccc;
}

.contents-bxslider-wrap {
	margin: 0;
	overflow: hidden;
	padding-bottom: 3rem;
}

.bx-viewport {
	overflow: visible !important;
	padding-left: 32px;
	padding-right: 0px;
}

.bx-wrapper {
	width: 100% !important;
	max-width: 100% !important;
}

.contents-bxslider-wrap .bx-next,
.contents-bxslider-wrap .bx-next:hover {
	right: 0;
	transform: translateY(-50%);
}

.contents-bxslider-wrap .bx-prev,
.contents-bxslider-wrap .bx-prev:hover {
	left: 0;
	transform: translateY(-50%);
}

.bxslider-card {
	padding: 30px;
	border: 1px solid #D9D9D9;
	border-radius: 6px;
}

.bxslider-card-item {
	display: flex;
	flex-direction: column;
}

.contents-bxslider-wrap .bxslider-card-title {
	font-size: 1.25rem;
	line-height: 1.25;
	font-weight: bold;
	margin: 0 0 .5rem;
	display: block;
	padding: 0;
}

.bxslider-construction-detail {
	display: grid;
	grid-template-columns: 1fr 300px;
	grid-gap: 1rem;
	margin-bottom: 1.5rem;
}

.bxslider-construction-detail dl div {
	display: grid;
	grid-template-columns: 3rem 1fr;
	grid-gap: 1rem;
}

.bxslider-construction-detail dt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	font-size: .875rem;
	line-height: 1.5;
}

.bxslider-construction-detail dt:after {
	content: "：";
	position: absolute;
	right: -1rem;
	top: 50%;
	transform: translateY(-50%);
}

.bxslider-construction-detail dd {
	font-size: .875rem;
	line-height: 1.5;
}

.bx-pager.bx-default-pager {
	text-align: center;
	margin-top: 1.5rem;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
}

.bx-pager.bx-default-pager a {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 6px;
	background-color: #000;
	border-radius: 50%;
	text-indent: -9999px;
	overflow: hidden;
	transition: opacity 0.3s;
	opacity: 0.4;
}

.bx-pager.bx-default-pager a.active {
	opacity: 1;
	background-color: #333;
}

.tr_faqBox {
  width: 900px;
  margin: 0;
  margin-bottom: 40px;
}

.tr_faqBox dt {
  /* cursor:pointer; */
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: 99% center;
  border-bottom: dotted 1px #ccc;
  padding: 20px 30px 20px 40px;
  font-size: 15px;
  line-height: 1.6em;
  position: relative;
}

.tr_faqBox dt span {
	font-weight: bold;;
}

.tr_faqBox dt:before {
  font-family: "Font Awesome 5 Free";
  content: "\f059";
  font-size: 130%;
  position: absolute;
  color: #e50112;
  font-weight: 900;
  top: 30%;
  left: 5px;
}

.tr_faqBox dd, .aori_faqBox dd, .nidai_faqBox dd, .hoshu_faqBox dd {
  /*display:none;*/
  font-size: 15px;
  line-height: 140%;
  border-bottom: dotted 1px #ccc;
  padding: 20px 30px 20px 40px;
  font-size: 15px;
  line-height: 1.6em;
  position: relative;
}

.tr_faqBox dd, .aori_faqBox dd, .nidai_faqBox dd, .hoshu_faqBox dd {
  /*display:none;*/
  font-size: 15px;
  line-height: 140%;
  border-bottom: dotted 1px #ccc;
  padding: 20px 30px 20px 40px;
  font-size: 15px;
  line-height: 1.6em;
  position: relative;
}

.tr_faqBox dd:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0a4";
  font-size: 130%;
  position: absolute;
  color: #e50112;
  font-weight: 900;
  top: 20px;
  left: 5px;
}

.tr_faqBox dd p, .aori_faqBox dd p, .nidai_faqBox dd p, .hoshu_faqBox dd p {
  margin: 0 0 20px 0;
}

.tr_faqBox dt.active {
  background-image: url(../../trackseat/img/faq_close.png);
  background-size: 12px auto;
}

.tr_faqBox dt.over, .aori_faqBox dt.over, .nidai_faqBox dt.over, .hoshu_faqBox dt.over {
  background-color: #faf5e7;
}

.pc-none {
	display: none;
}

@media screen and (max-width: 768px) {
	#todofuken-head-shanetsu {
		width: 100%;
		height: 130px;
		background: url(/img/guide/construction/shanetsu-prefectures.png) no-repeat;
		margin-bottom: 1rem;
		padding: 40px 0 0 0;
		background-size: 100%;
	}

	#todofuken-head-shanetsu h2 {
		line-height: 25px;
		font-size: 25px;
		font-weight: bold;
		text-align: center;
		text-shadow: 2px 2px 5px white, -2px 2px 5px white, 2px -2px 5px white, -2px -2px 5px white;
	}

	.shanetsu-caution {
		font-size: 1.25rem;
	}

	.shanetsu-catch {
		font-size: 1rem;
	}

	.shanetsu-risk-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.shanetsu-risk-list figcaption {
		font-size: 1rem;
	}

	.connavi-sub-ttl {
		font-size: 1.25rem;
	}

	.shanetsu-column {
		grid-template-columns: 1fr;
	}

	.shanetsu-column-features {
		grid-template-columns: 1fr;
	}

	.shanetsu-column-features span {
		padding: .875rem .5rem;
		font-size: 1rem;
	}

	.shanetsu-column-features img {
		width: 100%;
	}

	.shanetsu-table thead th {
		font-size: 1rem;
	}

	.contents-bxslider-wrap .bxslider-card-title {
		font-size: 1.125rem;
	}

	.bxslider-construction-detail {
		grid-template-columns: 1fr;
	}

	.bxslider-construction-detail dl div {
		align-items: flex-start;
	}

	.bxslider-card {
		padding: 1rem;
	}

	.cur-midashi{
		font-weight: bold !important;
		font-size: 0.875rem !important;
		line-height: 1.5 !important;
		white-space: wrap !important;
		flex-grow: 1 !important;
		padding: 0 !important;
		margin: 0 !important;
		background: none !important;
		border: none !important;
	  }

	.tr_faqBox {
		width: 100%;
		margin: 0;
		margin-bottom: 100px;
	}

	.pc-none {
		display: block;
	}
}