@charset "UTF-8";
@font-face{font-family:'icomoon';src:url('../fonts/icomoon.eot?avaq3d');src:url('../fonts/icomoon.eot?avaq3d#iefix') format('embedded-opentype'),url('../fonts/icomoon.ttf?avaq3d') format('truetype'),url('../fonts/icomoon.woff?avaq3d') format('woff'),url('../fonts/icomoon.svg?avaq3d#icomoon') format('svg');font-weight:normal;font-style:normal}

[class^="icon-"]::after, [class*="icon-"]::after,.btn a::after,.goTopBtn a::before,.icon-home::before,.navToggle::before,#gNav ul li a::after,#topicpath ul li.home::before,.anchorlink li a::after,.guideFlow li::after,.pointFlow li::after,.goIndexBtn a::before{
  font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-plus::after{content: "\e901"}
.icon-minus::after{content: "\e911"}
.icon-home::before,#topicpath ul li.home::before{content: "\e909";}
.icon-spNav-open::before,.navToggle::before{content: "\e902"}
.icon-spNav-close::before,body.open .navToggle::before{content: "\e903"}
.icon-arrow-t::after{content: "\e904"}
.icon-arrow-b::after{content: "\e905"}
.icon-arrow-l::after{content:"\e906"}
.icon-arrow-r::after,.guideFlow li::after,.pointFlow li::after{content: "\e907"}
.icon-search-l::after{content: "\e908"}
.icon-file-pdf::after{content: "\e90c"}
.icon-file-img::after{content: "\e90d"}
.icon-file-text::after{content: "\e90e"}
.icon-file-excel::after{content: "\e90f"}
.icon-file-word::after{content: "\e910"}
.icon-access::after{content: "\e912"}
.icon-blank::after{content: "\e913";margin-left:.3em;}
.icon-youtube::after{content: "\e915"}
*{margin:0px; padding:0px}
*,*:before,*::after{box-sizing:border-box}
.clearfix:before,.clearfix:after,#wrap:before,#wrap:after{display:table;content:""}
.clearfix:after,#wrap:after{clear:both}
html{
  line-height:1.15;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  font-size:62.5%
}
@font-face {
  font-family: 'Local Noto Sans JP';
  src: 
    local('Noto Sans JP'), /* Windows用 */
    local('Noto Sans CJK JP Regular') /* Android用 */;
}
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/BebasNeue-Regular.woff2') format('woff2'),
  url('../fonts/BebasNeue-Regular.woff') format('woff');
}
body {
  padding:0;margin:0;
  font-family: "Local Noto Sans JP", "Noto Sans JP", "Helvetica Neue", Arial, Meiryo, sans-serif;
  color:#222;
  font-size:16px;
  font-size:1.6em;
  line-height: 1.6;
  background-color:var(--bgGRY);
}
article,aside,footer,header,nav,section{display:block}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none;border:0;vertical-align:middle;max-width:100%;height:auto}
svg:not(:root){overflow:hidden}

a.skip{text-align:center;padding:2px 0;top:auto;}
.skip, a.skip{background-color:#FFF}
.skip{width:1px;color:#000;font-size:.1%;line-height:.1;position:absolute;left:-3000px;z-index:9999}
a.skip:active, a.skip:focus,a.skipShow{position:relative;display:block;width:99.99%;left:auto;background:#222;color:#FFF;font-size:100%;line-height:1.6;}


/* テキスト
------------------------------------------ */
h1{line-height:0;margin:0;padding:0}
h2{margin:0 0 .5em 0;
	font-size:1.1875em/*19px*/;
	line-height:1.5;
  font-weight:900;
}
h3{
  line-height:1.2;
  margin:0;
  font-size:1.0625em/*17px*/;
  font-weight:900;
}
h4{
  padding-bottom:0;
  line-height:1.4;
  margin:0 0 .5em 0;
  font-size:1em/*16px*/;
  color:var(--mainColor);
  font-weight:900;
}
h4::before{
  content:"";
  display:inline-block;
  width:16px;height:16px;
  margin-right:.3em;
  border-radius:16px;
  border:4px solid var(--mainColor);
}
h5{padding-bottom:0;line-height:1.5;margin:0 0 .3em 0;font-size:100%/*16px*/}
h5::before{
  content: "";
  display: inline-block;
  width:6px;
  height:1em;
  margin-right:.4em;
  border-radius:3px;
  background-color:var(--ttlColor);
  vertical-align: middle;
}
p{margin:0 0 1em}
b,strong,.textB{font-weight:inherit;font-weight:700}
.fontS{font-size:87.5%/*14px*/}
.fontM{font-size:112.5%/*18px*/}
.fontL{font-size:125%/*20px*/;line-height:1.8}
.fontLL{font-size:150%/*24px*/}
.textL{text-align:left}
.textR{text-align:right}
.textC{text-align:center}
.text-middle,.text-middle th,.text-middle td{vertical-align:middle !important}
.text-justify{text-align:justify}
.text-nowrap{white-space:nowrap}
.text-lowercase{text-transform:lowercase}
.text-uppercase, .initialism{text-transform:uppercase}
.textCapitalize{text-transform:capitalize}
.textMuted{color:var(--GRY)}
.textSuccess{color:var(--GRN)}
.textPoint{color:var(--RED)}

/* SP only */
@media screen and (max-width:767px){
  .hiddenSP,.forPC,.forTB{display:none}
}
/* TB only */
@media screen and (min-width:768px) and (max-width:1023px){
	.hiddenTB,.forPC,.forSP{display:none}
}
/* PC over */
@media screen and (min-width:1024px){
	.hiddenPC,.forTB,.forSP{display:none}
  h2{font-size:1.25em/*20px*/}
}

/* リンク フォーム
------------------------------------------ */
a{transition:all .3s ease;word-break: break-all;}
a:link{color:#0000CC;background-color:transparent}
a:visited{color:#800080;background-color:transparent}
a:active{color:#DD0000;background-color:transparent}
a:hover{color:#DD0000;text-decoration:none; background-color:transparent;opacity:.75;}
a:hover img{opacity:.75;box-shadow: 0 0 0 2px #dd0000;}
a:hover img.iconImg{opacity:1;box-shadow:none;}

.btn{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto 1em;padding:0 0 5px}
.btn a{
  margin:0 auto;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:.3em 2em;
  border-radius:100px;
  background:#FFF;
  transition:none;
  box-shadow:var(--boxShadow);
  text-decoration:none;
  color:#222;
  text-align:center;
  font-weight:bold
}
.btn a::after{
  display:inline-block;
  content: "\e907";
  margin-left:.5em;
  transition:var(--mainAnime);
  font-size:.75em;
}
.btn a:hover{
  opacity:1;
  background-color:var(--bgGRY);
  box-shadow:inset var(--boxShadow);
}
.btn a:hover::after {
  transform:translateX(4px)
}
img.iconImg{margin-left:.3em}

/* SP only */
@media screen and (max-width:767px){
	.btn a{max-width:90vw}
}
/* TB over */
@media screen and (min-width:768px){
	.btn a{min-width:280px;margin-left:8px;margin-right:8px}
}

/* テーブル、リスト
------------------------------------------ */
.subCont table{margin-bottom:1em;border-spacing:0;border-collapse:collapse;border:1px #CCC solid}
.subCont td, .subCont th{padding:.5em;vertical-align:top}
.subCont td{border:1px #CCC solid;background:#FFF}
.subCont th{border:1px #CCC solid;background:var(--bgGRY)}
#mainArea .noDeco{border:none;background:none}
#mainArea .noDeco td,#mainArea .noDeco th{border:none;background:none;padding:0 .5em .2em 0;text-align:left;font-weight:normal}
ul, ol{padding-left:2em;margin-top:0;margin-bottom:1em}
table ul{margin-bottom:0}
ul ul, ul ol, ol ul, ol ol{padding-left:20px;margin-bottom:0}
nav ul{padding-left:0;margin-bottom:0;list-style:none}
nav ul li{margin-bottom:0}
nav a{text-decoration:none}
ul.kome{list-style:none;padding-left:1em}
ul.kome li span{display:inline-block;width:1em;margin-left:-1em;}
p + ul.kome{margin-top:-1em}
table + ul.kome{margin-top:-.5em}
dl{margin-top:0;margin-bottom:1em}
dt, dd{line-height:1.5}
dt{font-weight:normal}
dd{margin-left:0}
/* SP only */
@media screen and (max-width:767px){
	.tableBlock th,.tableBlock td{display:block;width:100%;border:none;border-bottom:1px #CCC solid}
	.tableBlock{border-bottom:none}
  .tableScroll{
		overflow:auto;
		margin-bottom:1em;
	}
  .tableScroll table{
		width:auto;
		min-width:500px;
		margin-bottom:10px;
		white-space:nowrap;
	}
  .tableScroll::-webkit-scrollbar{
		-webkit-appearance:none;
		width:5px;
	}
  .tableScroll::-webkit-scrollbar-thumb{
		border-radius:4px;
		background-color:rgba(0,0,0,.3);
		box-shadow:0 0 1px rgba(255,255,255,.5);
	}  
}

/* レイアウト
------------------------------------------ */
.colGroup {
	position: relative;
	display:flex;
	-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
[class^="col-"] {
	position:relative;
	min-height:1px;
	overflow:hidden;
}
.col-sp1 {width:8.33333%}
.col-sp2 {width:16.66667%}
.col-sp3 {width:25%}
.col-sp4 {width:33.33333%}
.col-sp5 {width:41.66667%}
.col-sp6 {width:50%}
.col-sp7 {width:58.33333%}
.col-sp8 {width:66.66667%}
.col-sp9 {width:75%}
.col-sp10 {width:83.33333%}
.col-sp11 {width:91.66667%}
.col-sp12 {width:100%}
/* SP only */
@media screen and (max-width:767px){
  .colGroup{margin-right:-5px;margin-left:-5px}
  [class^="col-"] {padding-right:5px;padding-left:5px}
}
/* TB over */
@media screen and (min-width:768px){
  .colGroup{margin-right:-8px;margin-left:-8px}
  [class^="col-"] {padding-right:8px;padding-left:8px}
  .col-tb1{width:8.33333%}
  .col-tb2{width:16.66667%}
  .col-tb3{width:25%}
  .col-tb4{width:33.33333%}
  .col-tb5{width:41.66667%}
  .col-tb6{width:50%}
  .col-tb7{width:58.33333%}
  .col-tb8{width:66.66667%}
  .col-tb9{width:75%}
  .col-tb10{width:83.33333%}
  .col-tb11{width:91.66667%}
  .col-tb12{width:100%}
}
/* PC over */
@media screen and (min-width:1024px){
  .colGroup{margin-right:-12px;margin-left:-12px}
  [class^="col-"] {padding-right:12px;padding-left:12px}
  .col-pc1{width:8.33333%}
  .col-pc2{width:16.66667%}
  .col-pc3{width:25%}
  .col-pc4{width:33.33333%}
  .col-pc5{width:41.66667%}
  .col-pc6{width:50%}
  .col-pc7{width:58.33333%}
  .col-pc8{width:66.66667%}
  .col-pc9{width:75%}
  .col-pc10{width:83.33333%}
  .col-pc11{width:91.66667%}
  .col-pc12{width:100%}
}

.pl1em{padding-left:1em !important}
.pl2em{padding-left:2em !important}

.pb0{padding-bottom:0 !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}

.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb1em{margin-bottom:1em !important}
.mb2em{margin-bottom:2em !important}
.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.mr0{margin-right:0 !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}