@charset "UTF-8";


/* sass */
a { word-break: break-all; }

body.body-app { background-color: #f5f5f5; line-height: 1.8; }

.l-body { margin: 25px 16px 0; }

.nav-global { margin: 15px 0 0 0; font-size: 16px; font-size: 1.6rem; font-weight: bold; background-color: #fff; }

.nav-global .nav-global-item { margin-left: 16px; border-bottom: 1px solid #eeeeee; }

.nav-global .nav-global-item > a { padding: 18px 30px 18px 0; display: block; text-decoration: none; color: #333; position: relative; }

.nav-global .nav-global-item > a:after { content: ""; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; width: 6px; height: 6px; border-top: 2px solid #999; border-right: 2px solid #999; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.hdg-lv1 { font-weight: bold; font-size: 20px; font-size: 2rem; margin: 25px 0; }

.hdg-lv2 { font-weight: bold; font-size: 18px; font-size: 1.8rem; margin: 25px 0 0; color: #777777; }

.hdg-lv3 { font-weight: bold; font-size: 12px; font-size: 1.2rem; }

.txt-nor { font-size: 12px; font-size: 1.2rem; }

.wrap-box { background-color: #fff; padding: 18px 16px; }

.wrap-box.pt1 { margin: 25px -16px 0; }

.wrap-box.pt2 { margin: 10px -16px 0; }

.wrap-sec.lv2 + .wrap-sec { margin: 25px 0 0; }

.txt-nor + .wrap-sec.lv2 { margin: 25px 0 0; }

.lst-order { font-size: 12px; font-size: 1.2rem; }

.lst-order > .lst-item { position: relative; }

.lst-order > .lst-item:before { position: absolute; left: 0; }

.lst-order.pt1 { counter-reset: counter-name; }

.lst-order.pt1 > .lst-item { padding-left: 1.2em; }

.lst-order.pt1 > .lst-item:before { counter-increment: counter-name; content: counter(counter-name) "\002e"; }

.lst-order.pt2 { counter-reset: cnt; }

.lst-order.pt2 > .lst-item { padding-left: 2.2em; }

.lst-order.pt2 > .lst-item:before { counter-increment: cnt; content: "(" counter(cnt) ")"; }

.lst-order.pt3 { counter-reset: counter-half; }

.lst-order.pt3 > .lst-item { padding-left: 1.5em; }

.lst-order.pt3 > .lst-item:before { counter-increment: counter-half; content: counter(counter-half) "\00ff09"; }

.lst-faq{
	margin-top: 15px;
}
.lst-faq > li{
	background-color: #fff;
	margin: 0 -16px;
}
.lst-faq > li a{
	margin-left: 15px;
	border-bottom: 1px solid #eeeeee;
	display: block;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	font-size: 16px;
	padding: 18px 15px 18px 0;
}
.qa-modal{
  position: relative;
  background: #FFF;
  width: auto;
  max-width: 767px;
  margin: 20px auto;
	border-radius: 16px;
}
.qa-modal-main{
	padding: 30px 0 0;
}
.mfp-close{
	border-top: 1px solid #eee;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #1da4b8;
	padding: 15px;
}
.q-txt{
	margin: 0 15px;
	padding: 0 0 15px;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid #eee;
}
.a-txt{
	font-size: 14px;
	padding: 15px 0 0;
	margin: 0 15px;
}
.a-txt:last-child{
	padding-bottom: 30px;
}
.a-txt + .a-txt{
	margin-top: 16px;
}
.a-txt + .a-lst{
	margin-top: 16px;
}
.a-lst{
	font-size: 14px;
	padding: 15px 0 30px;
	margin: 0 15px;
}
.lst-indent{
	font-size: 14px;
	padding: 15px 0 30px;
	margin: 0 15px;
}
.lst-indent > li{
	display: table;
}
.lst-indent > li span{
	display: table-cell;
	vertical-align: top;
}
.lst-indent > li span:first-child{
	white-space: nowrap;
}
.lst-cap{
	font-size: 0;
	margin: 0 15px 15px;
	text-align: center;
}
.lst-cap > li{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	padding: 0 5px;
}
.lst-cap > li:only-child{
	width: 50%;
}
.lst-cap img{
	max-width: 100%;
	height: auto;
	border: 1px solid #ccc;
}
.padt0{
	padding-top: 0;
}
.mgt-30{
	margin-top: -30px;
}

.note-indent{
	display: flex;
	flex-wrap: wrap;
	font-weight: bold;
	margin: 0 -16px -15px;
	padding: 5px 16px;
}

.note-indent dt{
	min-width: 6em;
}

.note-indent dd{
	width: calc(100% - 9em);
}

.note-indent.bg{
	background: #dbf6fa;
}