@charset "utf-8";
/* contents PC */

/* contents index */
.guideList img.bdr {
	box-sizing: border-box;
	border: 1px solid #0b318f;
}

/* contents detail */
.contents-sec * {
	font-size: 16px;
}
.contents-sec {
	margin-bottom: 3em;
}
.contents-lead {
	margin: 2em auto;
}
.contents-sec p {
	margin-bottom: 1em;
}
.contents-ttl {
	position: relative;
	border-bottom: 1px solid #ccc;
    font-size: 22px;
    line-height: 26px;
    margin: 40px auto;
    padding-left: 1em;
    padding-bottom: .5em;
    font-weight: bold;
}
.contents-ttl::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border-radius: 50%;
	border: solid 5px #0f3aa4;
}
.contents-ttl-sub {
	position: relative;
	margin: 1em auto .5em;
	padding-left: 1em;
	font-size: 20px;
	font-weight: bold;
}
.contents-ttl-sub::before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	display: block;
	width: 18px;
	height: 18px;
	background-color: #333;
	box-sizing: border-box;
	border-radius: 50%;
}
.contents-blk-img {
	margin-bottom: 26px;
}
.contents-blk-img img {
	display: block;
	margin: auto;
	max-width: 428px;
}
.contents-sec .list {
	margin-bottom: 1em;
}
.contents-sec .list li {
	margin-left: 1em;
	text-indent: -1em;
}
.contents-sec a {
	color: #0f3aa4;
}
.contents-sec a[target="_blank"]::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 0 .25em;
  background: url('data:image/svg+xml,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018.38%2015.35%22%3E%3Crect%20x%3D%22.83%22%20y%3D%224.5%22%20width%3D%2213.05%22%20height%3D%2210.05%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23333%3B%20stroke-miterlimit%3A10%3B%22%2F%3E%3Cpolyline%20points%3D%2217.88%2010.55%2017.88%20.5%204.83%20.5%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23333%3B%20stroke-miterlimit%3A10%3B%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.contents-tbl {
	margin: 1em auto;
	width: 100%;
	border-collapse: collapse;
}
.contents-tbl th,
.contents-tbl td {
	padding: .5em;
}
.contents-tbl th {
	font-weight: bold;
}
.contents-tbl thead th {
	background-color: #f0f0f0;
	border-bottom: 2px solid;
	text-align: center;
}
.contents-tbl tbody th,
.contents-tbl td {
	border-bottom: 1px solid;
}

.guide-link {
  box-sizing: border-box;
  border: solid 8px #eaf0f5;
  padding: 24px;
  width: calc(100% + 64px);
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: -32px;
}
.guide-link p {
	margin-bottom: 0;
}
.guide-phrase {
  color: #0f3aa4;
  margin-bottom: -1em;
}
.guide-heading {
  display: inline-block;
  padding: 0em .5em;
  margin: 0 1em .1em 0;
  background-color: #0f3aa4;
  border-radius: 3px;
  font-size: 90%;
  color: #fff;
}