@charset "utf-8";

/*-------------------
  共通
-------------------*/
.page-noshiguide--inner {
	max-width: 1200px;
	margin: 0 auto;
}
.page-noshiguide-contents--inner {
	max-width: 1000px;
	margin: 0 auto;
}
.page-noshiguide .bg-gray {
  background-color: #F4F4F4;
  padding: 80px 0;
}
.page-noshiguide .bg-gray+.bg-gray {
  padding-top: 0;
}
.page-noshiguide .page-noshiguide-contents {
  background-color: #fff;
  border-radius: 10px;
  padding: 45px 50px 60px;
}
.page-noshiguide .heading {
  font-size: 22px;
  padding: 0 0 12px;
  border-bottom: 1px solid #000000;
  margin: 0 0 25px;
}
.page-noshiguide .description {
  font-size: 14px;
}
.page-noshiguide .description p {
  margin: 15px 0;
}
.page-noshiguide .description > .innerArea:last-child {
  margin-bottom: 0;
}
.page-noshiguide .innerArea {
  margin: 35px 0;
}
.page-noshiguide h2 {
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 0 12px;
  margin: 0 0 10px;
  position: relative;
}
.page-noshiguide h2::before {
  content: "";
  display: block;
  width: 5px;
  height: 18px;
  border-radius: 2px;
  background-color: #000000;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
/* tableEl */
.page-noshiguide .tableEl {
  margin: 25px 0;
}
.page-noshiguide .tableEl th {
  background-color: #F4F4F4;
  border: 1px solid #BBBBBB;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 0;
}
.page-noshiguide .tableEl td {
  border: 1px solid #BBBBBB;
  text-align: center;
  font-size: 14px;
  padding: 8px 0;
}.page-noshiguide .tableEl .vam {
  vertical-align: middle;
}
.page-noshiguide .tableEl caption {
  margin: 0 0 5px;
}
/* list-notice */
.page-noshiguide .list-notice {
  margin: 5px 0 5px 20px;
}
.page-noshiguide .list-notice > li {
  position: relative;
}
.page-noshiguide .list-notice > li:before {
	content: "※";
	position: absolute;
	top: 0;
	left: -20px;
}
/* note-dot-list */
.page-noshiguide .note-dot-list > li+li {
  margin-top: 10px;
}
.page-noshiguide .note-dot-list > li {
  text-indent: -1em;
  padding-left: 1em;
}
/* box */
.page-noshiguide .description .box {
  margin: 40px 0;
}
.page-noshiguide .description .box:last-child {
  margin: 40px 0 0;
}

/*-------------------
  contents
-------------------*/
.page-noshiguide .secInner{
  display: flex;
  align-items: start;
  margin: 40px 0px;
}
.page-noshiguide .secInner .imgEl{
  width: 20%;
}
.page-noshiguide .secInner .imgEl img{
  border: solid 1px #dedede;
}
.page-noshiguide .secInner .imgEl span{
  display: block;
  font-size: 12px;
  text-align: center;
  margin-top: 5px;
}
.page-noshiguide .secInner .descEl{
  width: 75%;
  margin-left: 30px;
  border: solid 1px #dedede;
}
.page-noshiguide .secInner .descEl dl{
  display: flex;
}
.page-noshiguide .secInner .descEl dl:not(:last-child){
  border-bottom: solid 1px #dedede;
}
.page-noshiguide .secInner .descEl dl dt{
  width: 25%;
  background: #F4F4F4;
  padding: 10px 1em;
}
.page-noshiguide .secInner .descEl dl dd{
  width: 80%;
  padding: 10px 1em;
}