﻿@charset "utf-8";

@keyframes sub-visual {
	from {background-size:100%;}
	to {background-size:120%;}
}

.sub.sub-41 #sub-visual,
.sub.sub-70 #sub-visual {background-image:url(/assets/img/sub/banner/sub_banner1.jpg) !important;}
.sub.sub-51 #sub-visual,
.sub.sub-128 #sub-visual {background-image:url(/assets/img/sub/banner/sub_banner2.jpg) !important;}
.sub.sub-52 #sub-visual,
.sub.sub-129 #sub-visual {background-image:url(/assets/img/sub/banner/sub_banner3.jpg) !important;}
.sub.sub-53 #sub-visual {background-image:url(/assets/img/sub/banner/sub_banner4.jpg) !important;}
.sub.sub-5 #sub-visual {background-image:url(/assets/img/sub/banner/sub_banner5.jpg) !important;}
.sub.sub-55 #sub-visual {background-image:url(/assets/img/sub/banner/sub_banner6.jpg) !important;}

.deps-3 {display:flex; justify-content:flex-start; gap:10px; padding-bottom:50px; flex-wrap:wrap;}
.deps-3 > li {width:24.5%;}
.deps-3 > li a {display:flex; padding:15px; background:#fff; border:1px solid #ddd; text-align:center; border-radius:5px; word-break:keep-all; align-items:center; justify-content:center; color:#333;}
.deps-3 > li:hover a {background:var(--sub-color); border-color:var(--sub-color); color:#fff; opacity:0.5;}
.deps-3 > li.active a {background:var(--sub-color); border-color:var(--sub-color); color:#fff; opacity:1;}


.sub-title-h3{background:url('/assets/img/subtitle_bg.png') no-repeat left; text-indent:23px;}

#sub-visual {position:relative; display:flex; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; height:100%; max-height:350px; overflow:hidden;}
#sub-visual::before {display:block;position:absolute; width:100%; height:100%; left:0; top:0; background:#0008; z-index:1; content:'';}
#sub-visual img {width:100%; visibility:hidden;}
#sub-visual .inner {padding:40px 20px 0 20px;font-size:62px;line-height:1.1;color:#fff;text-shadow:#000 0 0 12px;text-align:center;}
#sub-visual .inner p {padding:0;margin:10px 0 0 0;font-size:0.3em;}
#page-title {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:9; font-size:2.5rem; color:#fff;}

#page-loc {position:relative;z-index:10;}
#page-loc .no-text {display:inline-block;width:1px;height:1px;overflow:hidden;padding:10px;text-indent:-1000px;}
#page-loc .inner {position:absolute;left:0;top:0px;width:100%;padding:0 20px;border-bottom:1px solid #e3e3e3; background:#fff;}
#page-loc .loc-wrap {width:100%; max-width:var(--max-width);background:#fff; margin:0 auto; }
#page-loc .loc-wrap > ul {display:block;width:100%;padding:0;margin:0;list-style:none;}
#page-loc .loc-wrap > ul:after {content:'';clear:both;display:table;}
#page-loc .loc-wrap > ul > li {float:left;}
#page-loc .loc-home {width:60px;}
#page-loc .loc-home a {display:flex; justify-content:center; align-items:center; width:100%;height:60px;background:url(/assets/img/sc_loc_home.png) no-repeat center;border-right:solid 1px #e3e3e3; border-left:1px solid #e3e3e3;}
#page-loc .loc-home a > i {font-size:1.5rem; color:#333;}
#page-loc .loc-link {position:relative;}
#page-loc .loc-link > a {display:block;height:60px;line-height:60px;color:#000;width:100%; text-decoration:none;border-right:solid 1px #e3e3e3;}
/*
#page-loc .loc-link > a > span {display:block;min-width:330px; text-indent:20px; margin:0 auto; background:url(/assets/img/sc_loc_arrow.png) no-repeat 300px; padding-right:15px;white-space:nowrap;}
#page-loc .loc-link > a > span:hover {background:#62b5df url(/assets/img/sc_loc_arrow_on.png) no-repeat 300px; color:#fff;}
*/
#page-loc .loc-link > a > span {display:block;min-width:150px;white-space:nowrap;padding:0 66px 0 20px;position:relative; font-size:var(--small-font-size);}
#page-loc .loc-link > a > span:after {content:'\f107';position:absolute;right:20px;font-family:'Font Awesome 5 Free';font-weight:900;}
/* #page-loc .loc-link:hover > a {background:var(--main-color);color:#fff;border-right-color:var(--main-color);} */

#page-loc .loc-wrap .on {background:#62b5df; color:#fff;}
#page-loc .loc-wrap .on a{color:#fff; }

#page-loc .loc-link .loc-sub {position:absolute;left:0;top:100%;min-width:100%;display:none; background:#fff;}
#page-loc .loc-link .loc-sub ul {display:block;padding:0;margin:0;list-style:none;}
#page-loc .loc-link .loc-sub li {display:block;float:none; line-height:36px;}
#page-loc .loc-link .loc-sub a {display:block;padding:8px 20px 8px 20px;text-decoration:none;white-space:nowrap; font-size:var(--cont-font-size); border:1px solid #e3e3e3; border-top:0;}
#page-loc .loc-link .loc-sub li:first-child a {border-top:1px solid #e3e3e3;}
#page-loc .loc-link .loc-sub a:hover {color:#fff; background-color:var(--main-color); opacity:0.5; border-color:var(--main-color);}
#page-loc .loc-link .loc-sub a.active {color:#fff; background-color:var(--main-color); opacity:1; border-color:var(--main-color);}
/* site location - share buttons */
#page-loc .loc-wrap li.loc-right {float:right;position:relative;z-index:2;padding-right:6px;}
#page-loc .loc-right > a {display:block;width:40px;height:60px;float:left;}
#page-loc .loc-share {background:url(../img/loc_share.png) no-repeat center;border-left-width:0;}
#page-loc .loc-print {background:url(../img/loc_print.png) no-repeat center;}
#page-loc .loc-share-sub {position:absolute;right:100%;top:15px;display:none;}
#page-loc .loc-share-sub ul {display:block;width:auto;white-space:nowrap;padding:0;margin:0;list-style:none;}
#page-loc .loc-share-sub li {display:inline;}
/* site location - fix to top */
#page-loc .inner {transition:all .2s;}
.fix-loc #page-loc {position:fixed;left:0;top:0;width:100%;}
.fix-loc #page-loc .inner {background:#fff;top:0; border-top:1px solid #e3e3e3; }
.fix-loc #page-body {padding-top:80px;}



/* contents body */
.container {padding:120px 0 60px 0; font-size:20px;}
.contents-body .hero {word-break:keep-all;}
.contents-body .hero strong {color:#4caf50;font-size:2em;font-weight:normal;line-height:1;}
.contents-body .hero div {border:solid 1px #4caf50;border-radius:20px;border-top-left-radius:0;border-bottom-right-radius:0;padding:20px;line-height:1.6;}
.contents-body .hero.red strong {color:#c1161d;}
.contents-body .hero.red div {border-color:#c1161d;}
.contents-body .hero.blue strong {color:#0069b5;}
.contents-body .hero.blue div {border-color:#0069b5;}
.contents-body .hero.skyblue strong {color:#0096db;}
.contents-body .hero.skyblue div {border-color:#0096db;}
.contents-body .hero.yellow strong {color:#ff8f00;}
.contents-body .hero.yellow div {border-color:#ff8f00;}

/* less than 1280px */
@media all and (max-width:1280px) {
  /* site location - remove padding when fixed */
  .fix-loc #page-loc .inner {padding:0;}

  /* site location - change sns share icon position */
  #page-loc .loc-share-sub {right:0;top:110%;}
	#page-loc .inner {border-right:none;}
}

/* less than 1024px */
@media all and (max-width:1024px) {
  /* site location */
  #page-loc .loc-wrap > ul {display:table;table-layout:fixed;}
  #page-loc .loc-wrap > ul:after {display:none;}
  #page-loc .loc-wrap > ul > li {display:table-cell;float:none;vertical-align:middle;}
  #page-loc .loc-wrap > ul > li.loc-right {width:90px;float:none;padding-right:0;}
  #page-loc .loc-link > a > span {min-width:auto;overflow:hidden;text-overflow:ellipsis;}
}

/* less than 768px */
@media all and (max-width:768px) {
#sub-visual {height:100px;}
#page-title {font-size:15px; width:100%; padding:0 15px;}
#page-loc .loc-home a > i {font-size:1.1em;}
.deps-3 {flex-wrap:wrap; justify-content:space-between;}
.deps-3 > li {width:48%;}
.deps-3 > li a {min-height:auto; padding:5px;}

  /* site location - change height */
  #page-loc .inner {top:0px;padding:0;border-left:none;}
  #page-loc .loc-home {width:40px;}
  #page-loc .loc-wrap > ul > li.loc-right {width:55px;}
  #page-loc .loc-right > a {width:26px;}
  #page-loc .loc-home a,
  #page-loc .loc-link > a,
  #page-loc .loc-right > a {height:40px;line-height:40px;}
  /* site location - show only last path */
  #page-loc .loc-right > a {background-size:18px;}
  #page-loc .loc-wrap > ul > li.loc-link {display:none;}
  #page-loc .loc-wrap > ul > li:nth-last-child(2) {display:table-cell;}
	#page-loc .loc-link > a > span {padding:0 16px 0 10px;}
	#page-loc .loc-link > a > span:after {right:10px;}
}

#page-body h2 {padding:0;margin:0;font-size:1.5em;font-weight:normal;}
#page-body h3 {padding:0;margin:0;font-size:1.3em;font-weight:normal;}

.hstyle-1 {border-left:solid 3px #c1161d;padding-left:8px !important;line-height:1;margin-bottom:0.4em !important;margin-top:0.4em !important;}
.hstyle-2 {padding-left:24px !important;line-height:1;padding-top:0.4em !important;padding-bottom:0.4em !important;background:url(/public/assets/bul3.gif) no-repeat 0 50%;background-size:22px;}

.quote {text-align:center;padding:0.5em 0;}
.quote strong {display:inline-block;padding:0.2em 1em;margin:0;font-size:1.5em;font-weight:normal;position:relative;color:#0277bd;}
.quote strong:before,
.quote strong:after {content:'\f10e';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;right:0;bottom:0;font-size:0.7em;color:#81d4fa;}
.quote strong:before {content:'\f10d';left:0;top:0;right:auto;bottom:auto;}

.block-border {padding:1em;border:solid 1px #efefef;}
.block-p1 {padding:0.5rem;}
.block-p2 {padding:1rem;}
.block-p3 {padding:1.5rem;}
.block-p4 {padding:2rem;}

.block-flex {display:flex;margin-left:-10px;margin-right:-10px;}
.block-flex > div {flex-grow:1;flex-basis:100%;padding-left:10px;padding-right:10px;}
.block-flex.xl-2,
.block-flex.xl-3,
.block-flex.xl-4 {flex-wrap:wrap;}
.block-flex.xl-2:after,
.block-flex.xl-3:after,
.block-flex.xl-4:after {content:'';flex-grow:10000000000;}
.block-flex.xl-2 > div {flex-basis:50%;max-width:50%;}
.block-flex.xl-2 > div:nth-child(2n+2)~div {margin-top:20px;}
.block-flex.xl-3 > div {flex-basis:33.33%; max-width:33.33%;}
.block-flex.xl-3 > div:nth-child(3n+3)~div {margin-top:20px;}
.block-flex.xl-4 > div {flex-basis:25%;max-width:25%;}
.block-flex.xl-4 > div:nth-child(4n+4)~div {margin-top:20px;}
.block-flex.border > div {border-left:solid 1px #eee;}
.block-flex.border > div:first-child,
.block-flex.border.xl-2 > div:nth-child(2n+1),
.block-flex.border.xl-3 > div:nth-child(3n+1),
.block-flex.border.xl-4 > div:nth-child(4n+1) {border-left:none;}

.block-link {display:inline-block;position:relative;background:#333;border:solid 1px #333;padding:0.5em 1em;color:#fff !important;text-decoration:none !important;line-height:1.5;text-align:center;overflow:hidden;cursor:pointer;}
.block-link span {position:relative;z-index:2;}
.block-link:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;transform:translateX(-101%);font-size:0;}
.block-link,
.block-link:before {transition:all .2s;}
.block-link:hover {color:#333 !important;}
.block-link:hover:before {transform:none;}
.block-link.skyblue {border-color:#0096DB;background:#0096DB;}
.block-link.skyblue:hover {color:#0096DB !important;}
.block-link.blue {border-color:#0069b5;background:#0069b5;}
.block-link.blue:hover {color:#0069b5 !important;}
.block-link.red {border-color:#C1161D;background:#C1161D;}
.block-link.red:hover {color:#C1161D !important;}
.block-link.yellow {border-color:#FDB414;background:#FDB414;}
.block-link.yellow:hover {color:#FDB414 !important;}
.block-link.green {border-color:#008F4C;background:#008F4C;}
.block-link.green:hover {color:#008F4C !important;}

.text-red {color:#C1161D;}
.text-blue {color:#0069b5;}
.text-skyblue {color:#0096DB;}
.text-yellow {color:#FDB414;}
.text-green {color:#008F4C;}

.big-1 {font-size:1.1em !important;}
.big-2 {font-size:1.25em !important;}
.big-3 {font-size:1.5em !important;}
.big-4 {font-size:1.75em !important;}
.big-5 {font-size:2em !important;}
.small-1 {font-size:0.9em !important;}
.small-2 {font-size:0.8em !important;}
.small-3 {font-size:0.7em !important;}
.small-4 {font-size:0.6em !important;}
.small-5 {font-size:0.5em !important;}
.m-b1 {margin-bottom:0.5rem !important;}
.m-b2 {margin-bottom:0.75rem !important;}
.m-b3 {margin-bottom:1rem !important;}
.m-b4 {margin-bottom:1.5rem !important;}
.m-b5 {margin-bottom:1.75rem !important;}
.m-b6 {margin-bottom:2rem !important;}
.shade-1 {box-shadow:#ccc 0 0 10px -5px;}
.shade-2 {box-shadow:#999 0 5px 16px -5px;}
.shade-3 {box-shadow:#555 0 10px 20px -5px;}
.shade-4 {box-shadow:#000 0 10px 20px -5px;}
.round-1 {border-radius:5px;}
.round-2 {border-radius:10px;}
.round-3 {border-radius:15px;}
.round-4 {border-radius:20px;}
.clear:before,
.clear:after {content:'';clear:both;display:table;}
.center {text-align:center;}

hr.line-1, div.line-1 hr,
hr.line-2, div.line-2 hr,
hr.line-3, div.line-3 hr,
hr.line-4, div.line-4 hr,
hr.line-5, div.line-5 hr,
hr.line-6, div.line-6 hr {clear:both;border:none;height:1px;line-height:1px;overflow:hidden;background:#f3f3f3;padding:0;margin:0;}
hr.line-1 {margin:0.5rem 0;}
hr.line-2 {margin:0.75rem 0;}
hr.line-3 {margin:1rem 0;}
hr.line-4 {margin:1.5rem 0;}
hr.line-5 {margin:1.75rem 0;}
hr.line-6 {margin:2rem 0;}
hr.none {opacity:0;}
div.line-1 {clear:both;padding:0.5rem 0;}
div.line-2 {clear:both;padding:0.75rem 0;}
div.line-3 {clear:both;padding:1rem 0;}
div.line-4 {clear:both;padding:1.5rem 0;}
div.line-5 {clear:both;padding:1.75rem 0;}
div.line-6 {clear:both;padding:2rem 0;}

.block-1 {padding:1em 0 0.5em 0;position:relative;}
.block-1 > strong {position:absolute;top:0.5em;left:1em;line-height:1;display:inline-block;white-space:nowrap;padding:0 0.5em;background:#fff;font-size:1.1em;}
.block-1 > div {border:solid 1px #7db9e8;padding:1em;}
* .block-1:last-child {padding-bottom:0;}

.ul-1 {list-style:none none outside;margin-top:0;margin-bottom:0;margin-left:0;padding-left:1em;}
.ul-1 > li {position:relative;}
.ul-1 > li:before {content:'\00b7';position:absolute;left:-0.8em;}
.ul-1.dash > li:before {content:'\2010';}
.ul-1.arrow > li:before {content:'\2023';}

.ul-2 {padding:0;margin:0;list-style:none;}
.ul-2 > li {display:inline-block;}
.ul-2 > li:before {content:'/';color:#bfbfbf;margin:0 0.5em;}
.ul-2 > li:first-child:before {display:none;}

.ul-3 {padding:0;margin:0;list-style:none;}
.ul-3 > li {display:inline-block;white-space:nowrap;}
.ul-3 > li:after {content:',';}
.ul-3 > li:last-child:after {display:none;}

.dl-1 {display:block;margin:0;padding:0;width:100%;}
.dl-1 dt {float:left;padding:0.75em 0;border-top:solid 1px #888;width:100px;position:relative;font-weight:normal;}
.dl-1 dd {padding:0.75em 0.5em 0.75em 110px;border-top:solid 1px #efefef;margin:0;word-break:break-all;}
.dl-1 dt:first-child,
.dl-1 dd:nth-child(2) {border-top-width:0;}
.dl-1 dt {color:#1e5799;border-color:#1e5799;}
.dl-1.dt-150 dt {width:150px;}
.dl-1.dt-150 dd {padding-left:160px;}
.dl-1.dt-200 dt {width:200px;}
.dl-1.dt-200 dd {padding-left:210px;}
.dl-1.dash dt,
.dl-1.arrow dt {padding-left:1em;}
.dl-1.dash dt:before {content:'\2010';position:absolute;left:0.3em;}
.dl-1.arrow dt:before {content:'\2023';position:absolute;left:0.3em;}

.dl-1.xl dt,
.dl-1.xl dd {float:none;width:100% !important;border-top-width:1px !important;}
.dl-1.xl dd {padding-left:0.5em;}
.dl-1.xl dd:last-child {border-bottom:solid 1px #efefef;}

.table-1 table {width:100%;table-layout:auto;border-spacing:0;border-collapse:collapse;border-top:solid 1px #dfdfdf;}
.table-1 th,
.table-1 td {text-align:center;border-bottom:solid 1px #dfdfdf;border-right:solid 1px #dfdfdf;padding:0.5em 0;position:relative;}
.table-1 th[rowspan]:before,
.table-1 td[rowspan]:before {content:'';position:absolute;left:-1px;top:0;width:1px;height:100%;border-left:solid 1px #dfdfdf;}
.table-1 th:first-child:before,
.table-1 td:first-child:before {display:none;}
.table-1 th {font-weight:500;}
.table-1 thead th {border-bottom-color:#888;}
.table-1 td:last-child,
.table-1 th:last-child {border-right-width:0;}
.table-1 th.left,
.table-1 td.left {text-align:left;padding-left:0.5em;}
.table-1.fixed table {table-layout:fixed;}
.table-1.simple table {border-top-width:0;}
.table-1.simple th,
.table-1.simple td {border-right-width:0;}
.table-1.border table {border-left:solid 1px #dfdfdf;}
.table-1.border td:last-child,
.table-1.border th:last-child {border-right-width:1px;}
.table-1.grey thead tr {background:#efefef;}
.table-1.yellow thead tr {background:#fff8e1;}
.table-1.blue thead tr {background:#e3f2fd;}
.table-1.green thead tr {background:#e8f5e9;}
.table-1.purple thead tr {background:#ede7f6;}
.table-1.grey tbody th {background:#f5f5f5;}

.tab-1:before,
.tab-1:after {content:'';clear:both;display:table;}
.tab-1 ul {display:table;width:100%;table-layout:auto;border-collapse:collapse;padding:0;margin:0;}
.tab-1.fixed ul {table-layout:fixed;}
.tab-1 li {display:table-cell;}
.tab-1 li a {display:block;text-align:center;border:solid 1px #ccc;border-right-width:0;border-bottom:solid 1px #000;padding:1em 0;color:#666 !important;text-decoration:none;}
.tab-1 li:last-child a {border-right-width:1px;}
.tab-1 li.active a,
.tab-1 li a:hover {border-color:#000;border-bottom-color:#fff;color:#000 !important;text-decoration:none !important;}
.tab-1 li.active+li a,
.tab-1 li:hover+li a {border-left-color:#000;}

.progress {position:relative;}
.progress:after {content:'\27A4';position:absolute;text-align:right;right:-5px;top:50%;display:block;overflow:hidden;height:24px;font-size:24px;line-height:25px;color:#efefef;transform:translateY(-50%);}
.progress:before {content:'';position:absolute;left:0;top:50%;width:100%;display:block;height:1px;border-bottom:solid 1px #efefef;}
.progress ol {padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;position:relative;z-index:2;}
.progress li {display:block;flex-grow:1;position:relative;margin-right:50px;}
.progress li:first-child {margin-left:50px;}
.progress li:before {display:block;content:'';position:relative;padding-bottom:100%;}
.progress li > div {position:absolute;top:0;left:0;width:100%;height:100%;background:#f1f1f1;border-radius:50%;z-index:2;}
.progress li > div {display:flex;justify-content:center;align-items:center;}

.tall {height:100%;}

@media all and (max-width:1024px) {
	.block-flex.lg {display:block;}
	.block-flex.lg > div {max-width:100%;}
	.block-flex.lg > div:first-child~div {margin-top:20px;}
	.block-flex.lg-2,
	.block-flex.lg-3,
	.block-flex.lg-4 {flex-wrap:wrap;}
	.block-flex.lg-2:after,
	.block-flex.lg-3:after,
	.block-flex.lg-4:after {content:'';flex-grow:10000000000;}
	.block-flex.lg-2 > div {flex-basis:50%;max-width:50%;}
	.block-flex.lg-2 > div:nth-child(2n+2)~div {margin-top:20px;}
	.block-flex.lg-3 > div {flex-basis:33.33%;max-width:33.33%;}
	.block-flex.lg-3 > div:nth-child(3n+3)~div {margin-top:20px;}
	.block-flex.lg-4 > div {flex-basis:25%;max-width:25%;}
	.block-flex.lg-4 > div:nth-child(4n+4)~div {margin-top:20px;}
	.block-flex.border.lg-2 > div,
	.block-flex.border.lg-3 > div,
	.block-flex.border.lg-4 > div {border-left:solid 1px #eee;}
	.block-flex.border.lg > div,
	.block-flex.border.lg-2 > div:nth-child(2n+1),
	.block-flex.border.lg-3 > div:nth-child(3n+1),
	.block-flex.border.lg-4 > div:nth-child(4n+1) {border-left:none;}

	.full-lg {width:100%;margin:0.1em 0;}
	.center-lg {text-align:center;}

	.tab-1.lg ul {display:block;padding:1em;border:solid 1px #ccc;border-bottom-color:#000;line-height:2;}
	.tab-1.lg li {display:inline-block;white-space:nowrap;margin-right:1em;}
	.tab-1.lg li a {padding:0;border-width:0;display:inline;}
	.tab-1.lg li a:before {content:'\2714';color:#c6c6c6;margin-right:5px;}
	.tab-1.lg li.active a:before {color:#c1161d;}

	.dl-1.lg dt,
	.dl-1.lg dd {float:none;width:100% !important;border-top-width:1px !important;}
	.dl-1.lg dd {padding-left:0.5em;}
	.dl-1.lg dd:last-child {border-bottom:solid 1px #efefef;}

	.progress li {margin-right:25px;}
	.progress li:first-child {margin-left:25px;}

	.lg-hide {display:none;}
}

@media all and (min-width:1024.2px) {
	.tab-1.fixed-lg ul {table-layout:fixed;}

	.lg-show {display:none;}
}

@media all and (max-width:768px) {
	.block-flex.md {display:block;}
	.block-flex.md > div {max-width:100%;}
	.block-flex.md > div:first-child~div {margin-top:20px;}
	.block-flex.md-2,
	.block-flex.md-3,
	.block-flex.md-4 {flex-wrap:wrap;}
	.block-flex.md-2:after,
	.block-flex.md-3:after,
	.block-flex.md-4:after {content:'';flex-grow:10000000000;}
	.block-flex.md-2 > div {flex-basis:50%;max-width:50%;}
	.block-flex.md-2 > div:nth-child(2n+2)~div {margin-top:20px;}
	.block-flex.md-3 > div {flex-basis:33.33%;max-width:33.33%;}
	.block-flex.md-3 > div:nth-child(3n+3)~div {margin-top:20px;}
	.block-flex.md-4 > div {flex-basis:25%;max-width:25%;}
	.block-flex.md-4 > div:nth-child(4n+4)~div {margin-top:20px;}
	.block-flex.border.md-2 > div,
	.block-flex.border.md-3 > div,
	.block-flex.border.md-4 > div {border-left:solid 1px #eee;}
	.block-flex.border.md > div,
	.block-flex.border.md-2 > div:nth-child(2n+1),
	.block-flex.border.md-3 > div:nth-child(3n+1),
	.block-flex.border.md-4 > div:nth-child(4n+1) {border-left:none;}

	.full-md {width:100%;margin:0.1em 0;}
	.center-md {text-align:center;}

	.tab-1.md ul {display:block;padding:1em;border:solid 1px #ccc;border-bottom-color:#000;line-height:2;}
	.tab-1.md li {display:inline-block;white-space:nowrap;margin-right:1em;}
	.tab-1.md li a {padding:0;border-width:0;display:inline;}
	.tab-1.md li a:before {content:'\2714';color:#c6c6c6;margin-right:5px;}
	.tab-1.md li.active a:before {color:#c1161d;}

	.dl-1.md dt,
	.dl-1.md dd {float:none;width:100% !important;border-top-width:1px !important;}
	.dl-1.md dd {padding-left:0.5em;}
	.dl-1.md dd:last-child {border-bottom:solid 1px #efefef;}

	.progress:before,
	.progress:after {display:none;}
	.progress ol {display:block;}
	.progress li {display:block;padding:0;margin:0 0 2em 0;}
	.progress li:first-child {margin-left:0;}
	.progress li:before {display:none;}
	.progress li:after {content:'\21A7';display:block;left:0;bottom:-0.95em;width:100%;text-align:center;font-size:2em;line-height:1;position:absolute;color:#dfdfdf;}
	.progress li:last-child {margin-bottom:0;}
	.progress li:last-child:after {display:none;}
	.progress li > div {position:static;border-radius:5px;}

	.ul-2 > li {display:block;}
	.ul-2 > li:before {display:none;}

	.table-1 {overflow-x:auto;}
	.table-1:after {content:'< SCROLL >';font-size:8pt;position:sticky;left:0;color:#777;}
	.table-1 table {min-width:100%;table-layout:auto !important;}
	.table-1 th,
	.table-1 td {white-space:nowrap;padding-left:0.5em;padding-right:0.5em;}

	.md-hide {display:none;}
}

@media all and (min-width:768.2px) {
	.tab-1.fixed-md ul {table-layout:fixed;}

	.md-show {display:none;}
}

@media all and (max-width:640px) {
	.block-flex.sm {display:block;}
	.block-flex.sm > div {max-width:100%;}
	.block-flex.sm > div:first-child~div {margin-top:20px;}
	.block-flex.sm-2,
	.block-flex.sm-3,
	.block-flex.sm-4 {flex-wrap:wrap;}
	.block-flex.sm-2:after,
	.block-flex.sm-3:after,
	.block-flex.sm-4:after {content:'';flex-grow:10000000000;}
	.block-flex.sm-2 > div {flex-basis:50%;max-width:50%;}
	.block-flex.sm-2 > div:nth-child(2n+2)~div {margin-top:20px;}
	.block-flex.sm-3 > div {flex-basis:33.33%;max-width:33.33%;}
	.block-flex.sm-3 > div:nth-child(3n+3)~div {margin-top:20px;}
	.block-flex.sm-4 > div {flex-basis:25%;max-width:25%;}
	.block-flex.sm-4 > div:nth-child(3n+3)~div {margin-top:20px;}
	.block-flex.border.sm-2 > div,
	.block-flex.border.sm-3 > div,
	.block-flex.border.sm-4 > div {border-left:solid 1px #eee;}
	.block-flex.border.sm > div,
	.block-flex.border.sm-2 > div:nth-child(2n+1),
	.block-flex.border.sm-3 > div:nth-child(3n+1),
	.block-flex.border.sm-4 > div:nth-child(4n+1) {border-left:none;}

	.tab-1.sm ul {display:block;padding:1em;border:solid 1px #ccc;border-bottom-color:#000;line-height:2;}
	.tab-1.sm li {display:inline-block;white-space:nowrap;margin-right:1em;}
	.tab-1.sm li a {padding:0;border-width:0;display:inline;}
	.tab-1.sm li a:before {content:'\2714';color:#c6c6c6;margin-right:5px;}
	.tab-1.sm li.active a:before {color:#c1161d;}

	.dl-1.sm dt,
	.dl-1.sm dd {float:none;width:100% !important;border-top-width:1px !important;}
	.dl-1.sm dd {padding-left:0.5em;}
	.dl-1.sm dd:last-child {border-bottom:solid 1px #efefef;}

	.full-sm {width:100%;margin:0.1em 0;}
	.center-sm {text-align:center;}

	.sm-hide {display:none;}
}

@media all and (min-width:640.2px) {
	.tab-1.fixed-sm ul {table-layout:fixed;}

	.sm-show {display:none;}
}

@media all and (max-width:480px) {
	.block-flex.xs {display:block;}
	.block-flex.xs > div {max-width:100%;}
	.block-flex.xs > div:first-child~div {margin-top:20px;}
	.block-flex.xs-2,
	.block-flex.xs-3,
	.block-flex.xs-4 {flex-wrap:wrap;}
	.block-flex.xs-2:after,
	.block-flex.xs-3:after,
	.block-flex.xs-4:after {content:'';flex-grow:10000000000;}
	.block-flex.xs-2 > div {flex-basis:50%;max-width:50%;}
	.block-flex.xs-2 > div:nth-child(2n+2)~div {margin-top:20px;}
	.block-flex.xs-3 > div {flex-basis:33.33%;max-width:33.33%;}
	.block-flex.xs-3 > div:nth-child(3n+3)~div {margin-top:20px;}
	.block-flex.xs-4 > div {flex-basis:25%;max-width:25%;}
	.block-flex.xs-4 > div:nth-child(4n+4)~div {margin-top:20px;}
	.block-flex.border.xs-2 > div,
	.block-flex.border.xs-3 > div,
	.block-flex.border.xs-4 > div {border-left:solid 1px #eee;}
	.block-flex.border.xs > div,
	.block-flex.border.xs-2 > div:nth-child(2n+1),
	.block-flex.border.xs-3 > div:nth-child(3n+1),
	.block-flex.border.xs-4 > div:nth-child(4n+1) {border-left:none;}

	.tab-1.xs ul {display:block;padding:1em;border:solid 1px #ccc;border-bottom-color:#000;line-height:2;}
	.tab-1.xs li {display:inline-block;white-space:nowrap;margin-right:1em;}
	.tab-1.xs li a {padding:0;border-width:0;display:inline;}
	.tab-1.xs li a:before {content:'\2714';color:#c6c6c6;margin-right:5px;}
	.tab-1.xs li.active a:before {color:#c1161d;}

	.dl-1.xs dt,
	.dl-1.xs dd {float:none;width:100% !important;border-top-width:1px !important;}
	.dl-1.xs dd {padding-left:0.5em;}
	.dl-1.xs dd:last-child {border-bottom:solid 1px #efefef;}

	.full-xs {width:100%;margin:0.1em 0;}
	.center-xs {text-align:center;}

	.xs-hide {display:none;}
}

@media all and (min-width:480.2px) {
	.tab-1.fixed-xs ul {table-layout:fixed;}

	.xs-show {display:none;}
}

@media print {
	header,
	#sub-visual,
	#page-loc,
	footer,
	#page-left {display:none;}
	.container {padding:0;}
}

.card-box {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);overflow:auto;z-index:101;padding:10px;visibility:hidden;opacity:0;transition:all .1s;}
.card-box a.card-hide {position:fixed;left:0;top:0;right:24px;bottom:0;text-align:right;padding:10px;font-size:32px;color:#fff !important;text-decoration:none;}
.card-box .card-body {max-width:720px;margin:50px auto;position:relative;background:#fff;border-radius:8px;z-index:2;overflow:hidden;box-shadow:#000 0 0 50px;opacity:0;transform:translateY(20%);transition:all .1s;transition-delay:.1s;}
.card-box .card-thumb {text-align:center;font-size:0;}
.card-box .card-thumb img {max-width:100%;}
.card-box .card-texts {padding:20px;}
.card-box .card-texts h3 {padding:0;margin:0;text-align:center;font-weight:500;font-size:1.3em;}
.card-box .card-texts h3+p {text-align:center;}
.card-box .card-texts h3+p small {display:block;font-size:0.9em;}

body.card-open {overflow:hidden;}
body.card-open .card-box {visibility:visible;opacity:1;}
body.card-open .card-body {opacity:1;transform:none;}

@media (max-width:1024px) {
	.container {padding:100px 15px 60px 15px;}
}
@media (max-width:768px) {
	.container {padding:80px 15px 60px 15px;}
}
@media (max-width:500px) {
	.container {font-size:16px;}
}