@charset "UTF-8";
:root{
  --baseColor:#333;
  --pointColor:#0094A8;
  --fontColor:#000;
  --green:#3c8700;
  --gray:#757575;
  --red:#D8000C;
  --shadow:0 2px 10px 0 rgba(0,0,0,.2);
  --mainAnime:all .3s ease;
}
/*  --subColor:#ba7d13;*/
/*  --pointColor:#e22544;*/

*,*:before,*::after{box-sizing:border-box}
.clearfix:before,.clearfix::after{display:table;content:""}
.clearfix::after{clear:both}
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{position:relative;margin:0;font-family:-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;font-size:16px;line-height:1.6;color:#000}
article,aside,footer,header,nav,#main,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}

/* ===========================
テキスト
=========================== */
h1{line-height:1;margin:0;padding:0;}
h2,h3,h4,h5,h6{
  font-family:"fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-style:normal;
  font-feature-settings: "palt";
}
h2{margin:0 0 16px 0;line-height:1.3;font-size:min(6.2vw, 1.5em)}
h3{margin:0 0 8px 0;line-height:1.3;font-size:1.25em}
h4{line-height:1.5;margin:0 0 .3em 0;font-size:1.125em/*18px*/}
h5{line-height:1.5;margin:0;font-size:1.125em/*16px*/}
h6{line-height:1.5;margin:0;font-size:1rem/*16px*/}
p{margin:0 0 1em}
b,strong,.textB{font-weight:bold}
.fontS{font-size:.875em}
.fontM{font-size:1.25em}
.fontL{font-size:1.5em}
.fontLL{font-size:2em}
.txtL{text-align:left!important}
.txtR{text-align:right!important}
.txtC{text-align:center!important}
.txt-normal{color:var(--fontColor)}
.txt-middle,.txt-middle th,.txt-middle td{vertical-align:middle !important}
.txt-muted{color:var(--gray)}
.txt-success{color:var(--green)}
.txt-error,.txt-imp{color:var(--red)}
.txt-point{color:var(--pointColor);font-weight:bold}
.txt-info{color:#00529B}
.txt-default{color:var(--fontColor);font-weight:normal}

/* SPのみ
------------------------*/
@media screen and (max-width:767px){
	.hiddenSP,.forPC,.forTB{display:none!important}
}
/* TBのみ
------------------------*/
@media screen and (min-width:768px) and (max-width:1059px){
	.hiddenTB,.forPC,.forSP{display:none!important}
	h3{line-height:1.4;font-size:1.375em}
}
/* TB
------------------------*/
@media screen and (min-width:768px) {
	h2{font-size:2em/*32px*/;}
	h3{margin-bottom:16px;font-size:1.625em/*26px*/}
	h4{font-size:1.25em/*20px*/;}
	h5{font-size:1.125em/*16px*/;}
}
/* PC
------------------------*/
@media screen and (min-width:1060px) {
	.hiddenPC,.forTB,.forSP{display:none!important}
}


/* ===========================
   リンク フォーム
=========================== */
a{background-color:transparent;color:var(--baseColor);text-decoration:underline;transition:all .3s ease}
a:visited{color:#BD00DA}
a:hover, a:focus, a:active{color:var(--mColorDark);text-decoration:none}
a:hover img{opacity:.6}	
a.btn{
	position:relative;
 	z-index:1;
  display:inline-block;
  min-width:15em;
  margin:0 auto;
  padding:.6em 1em .5em;
 	overflow: hidden;
  border:2px solid var(--pointColor);
  background:rgba(255,255,255,.6);
  text-decoration:none;
  color:var(--pointColor);
  font-weight:bold;
  text-align:center;
  transition:all .3s ease;
}
a.btn > span{
  display:block;
  transition:all .3s ease;
}
a.btn > span::after{
  margin-left:1em
}
a.btn:hover{
  color:#FFF!important
}
a.btn::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color:var(--pointColor);
	transform: translateX(-100%);
  transition:all .3s ease;
	z-index: -1;
}
a.btn:hover::before {
	transform: translateX(0);
}
a.btn span:hover{
  transform:translateX(-.3em);
}


/* ===========================
テーブル、リスト
=========================== */
main table{margin:0 0 1em;border-spacing:0;border-collapse:collapse;border:1px var(--baseColor) solid}
h4 + .tableScroll{margin-top:1em !important}
main td, main th{padding:10px 16px 8px}
main table.txtL,main th.txtL,main td.txtL{text-align:left}
main table.txtR,main th.txtR,main td.txtR{text-align:right}
main th.nowrap,main td.nowrap{white-space:nowrap}
main td{background:rgba(255,255,255,.6)}
main th{background:var(--baseColor);color:#FFF;font-weight:normal}
main .noDeco{border:none;background:none}
main .noDeco td,main .noDeco th{border:none;background:none;padding:0;text-align:left;font-weight:normal;vertical-align:top}
ul, ol{padding-left:20px;margin-top:0;margin-bottom:1em}
table ul,table ol,dl ul,dl ol{margin-bottom:0}
li:last-child{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}
ul.kome,ul.star{list-style:none;padding-left:1em}
p + ul.kome,p + ul.star{margin-top:-1em}
table + ul.kome,table + ul.star{margin-top:-.5em}
ul.kome li:before{display:inline-block;width:1em;content:'※';margin-left:-1em;text-align:center}
ul.star li:before{display:inline-block;width:1em;content:'★';margin-left:-1em;text-align:center}
ol.kakko{margin-left:2.2em}
ol.kakko li{list-style-type:none;counter-increment:cnt;}
ol.kakko li::before{content:"（" counter(cnt) "）";display:inline-block;margin-left:-2.2em;width:2.2em}
ol.kakko .no2{counter-reset:cnt 1}
dl{margin-top:0;margin-bottom:1em}
dt, dd{line-height:1.5}
dt{font-weight:normal}
dd{margin-left:0}
dl.dlLayout{border-bottom:1px #999 solid;}
dl.dlLayout dt{
  border:1px #999 solid;
  background:#f4f3f0;
  padding:.5em 1em;
  font-weight:bold
}
dl.dlLayout dd{
  border-left:1px #999 solid;
  border-right:1px #999 solid;
  padding:.5em 1em;
}

/* SPのみ
------------------------*/
@media screen and (max-width:767px){
	main .tableBlock th,main .tableBlock td{
		display:block;
		width:100%!important;
	}
	main .tableBlock th{
		text-align:left;
	}
	main .tableScroll{
		overflow:auto;
		margin-bottom:1em;
	}
	main .tableScroll table{
		width:auto;
		min-width:500px;
		margin-bottom:10px;
		white-space:nowrap;
	}
	main .tableScroll::-webkit-scrollbar{
		-webkit-appearance:none;
		width:5px;
	}
	main .tableScroll::-webkit-scrollbar-thumb{
		border-radius:4px;
		background-color:rgba(0,0,0,.3);
		box-shadow:0 0 1px rgba(255,255,255,.5);
	}
}
/* TB
------------------------*/
@media screen and (min-width:768px){
	main td, main th{padding:.5em 1em;}
  main th{border-bottom:1px solid rgba(255,255,255,.5)}
  main tr:last-of-type th{border-bottom:none}
  main td{border-bottom:1px solid var(--baseColor)}
  a.btn{min-width:20em}
}


/* ===========================
   レイアウト
=========================== */
.colGroup {
	position:relative;
	display:flex;
	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のみ
------------------------*/
@media screen and (max-width:767px){
.colGroup{margin-right:-5px;margin-left:-5px}
[class^="col-"] {padding-right:5px;padding-left:5px}
.spOrder1{order:1}
}
/* TB
------------------------*/
@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%}
.tbOrder1{order:1}
}
/* PC
------------------------*/
@media screen and (min-width:1060px) {
.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%}
.pcOrder1{order:1}
}

.fLeft{float:left}
.fRight{float:right}
.pl1em{padding-left:1em !important}
.pl1_5em{padding-left:1.5em !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}
.mt1em{margin-top:1em !important}
.mt2em{margin-top:2em !important}
.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml1em{margin-left:1em !important}
.ml2em{margin-left:2em !important}
.ml-0_5em{margin-left:-.5em !important}
.ml-1em{margin-left:-1em !important}
.ml-2em{margin-left:-2em !important}
.mr0{margin-right:0 !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr1em{margin-right:1em !important}
.mr2em{margin-right:2em !important}
.mr-1em{margin-right:-1em !important}
.mr-2em{margin-right:-2em !important}

.width1em{display:inline-block;width:1em}
.width2em{display:inline-block;width:2em}
.width3em{display:inline-block;width:3em}
.width4em{display:inline-block;width:4em}
.width5em{display:inline-block;width:5em}
.width6em{display:inline-block;width:6em}
.width7em{display:inline-block;width:7em}
.width8em{display:inline-block;width:8em}
.width9em{display:inline-block;width:9em}
.width10em{display:inline-block;width:10em}