*, *::before, *::after {box-sizing:border-box;word-wrap:break-word;word-break: break-all;/*transition:all .25s ease;*/}
body{margin:0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.17rem}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible}audio,canvas,embed,iframe,img,object,svg,video,picture{display:block;max-width:100%}canvas,img,svg,video{height:auto}audio{width:100%}img{border-style:none}svg{overflow:hidden}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
p, dd, figure {margin: 0;}
h1,h2,h3 { margin: 0; }
ul { list-style: none;}

@font-face {
  src: url("../BIZUDPGothic-Bold.woff") format("woff");
  font-family: "BIZ UDPGothic";
  font-style: bold;
  font-display: swap;
}
@font-face {
  src: url("../BIZUDPGothic-Regular.woff") format("woff");
  font-family: "BIZ UDPGothic";
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url("../Jost-Variable.woff") format("woff");
  font-family: "Jost";
  font-style: normal;
  font-display: swap;
}

html {
	position: relative;
	min-height: 100%;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
  font-family: 'Jost','BIZ UDPGothic', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: unset;
	color: #000;
	background: linear-gradient(180deg, #fffaeb, #fff);
  overflow-x: hidden;
}

.navBtn {z-index: 700000!important;}
.drawerWrap {z-index: 600000!important;}
.knockOut {z-index: 500000!important;}

#drawerCheckbox,
.drawerInner .localNav, .navBtn { display: none;}
@media (max-width: 750px) {
	.drawerInner .localNav {
		display: block;
	}
	.navBtn {
		position: fixed;
		right: 5vw;
		top: 5vw;
		cursor: pointer;
		display: inline-block;
		margin: 0 auto;
		width: 1.75rem;
		height: 1.5rem;
		transform: rotate3d(0,0,0,0deg);
		transition: transform .1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	.navBtn span,
	.navBtn span::before,
	.navBtn span::after {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		height: 2px;
		border-radius: 3px;
		background: rgba(0,156,127,1);
	}
	.navBtn span {
		top: 50%;
	}
	.navBtn span::before {
		content: '';
		top: -11px;
		transform: rotate3d(0,0,0,0deg);
		transition: top .2s ease-in .2s, transform .2s ease-in;
	}
	.navBtn span::after {
		content: '';
		top: 11px;
		transform: rotate(0deg);
		transition: top .2s ease-in .2s, transform .2s ease-in;
	}
	#drawerCheckbox:checked ~ .navBtn {
		transform: rotate3d(0,0,1,0deg);
		transition: transform .3s ease .1s;
	}
	#drawerCheckbox:checked ~ .navBtn span {
		background: transparent !important;
		transition: background .1s ease;
		box-shadow: none;
	}
	#drawerCheckbox:checked ~ .navBtn span::before,
	#drawerCheckbox:checked ~ .navBtn span::after {
		width: 100%;
		top: 0;
		bottom: 0;
		box-shadow: none;
		background: #fff;
	}
	#drawerCheckbox:checked ~ .navBtn span::before {
		transform: rotate3d(0,0,1,45deg);
		top: 0;
		transition: top .2s ease, transform .2s ease .2s;
	}
	#drawerCheckbox:checked ~ .navBtn span::after {
		transform: rotate3d(0,0,1,-45deg);
		top: 0;
		transition: top .2s ease, transform .2s ease .2s;
	}

	.drawerWrap {
		display: none;
		width: 80vw;
		height: 100vh;
		background: #fffaeb;
		display: block;
		position: fixed;
		top: 0;
		left: -100vw;
		transform: translateX(0);
		transition: transform .4s cubic-bezier(0.1, 0.57, 0.1, 1);
		-webkit-overflow-scrolling: touch;
		pointer-events: none;
		overflow-y: scroll;
	}
	.knockOut {
		display: none;
		background: rgba(0,0,0,0.5);
		position: fixed;
		width: 100vw;
		height: 100vh;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	#drawerCheckbox:checked ~ .drawerWrap {
		opacity: 1;
		transform: translateX(100vw);
		transition: transform .5s cubic-bezier(0.1, 0.57, 0.1, 1);
		pointer-events: auto;
	}
	#drawerCheckbox:checked ~ .drawerWrap + .knockOut {
		display: block;
	}

	.drawerWrap .drawerInner {
		padding: 10vmin 0 0 0;
	}
  .drawerInner .localNav .siteID {
    margin: 0 auto 1rem auto;
  }
	.drawerInner .localNav ul {
		padding-left: 0;
	}
	.drawerInner .localNav ul li {
		width: 100%;
		display: block;
		text-decoration: none;
		text-align: left;
		margin: 2.5rem 0;
		line-height: 1;
	}
	.drawerInner ul li > a {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		height: 100%;
		padding: 0;
		font-size: min(3vmax, 24px);
		color: rgba(0,156,127,1);
		font-weight: 500;
		text-decoration: none;
		text-align: center;
	}
	.drawerInner ul li > a::before {
		content: '';
		height: 1px;
		width: 1.5em;
		background: rgba(0,156,127,1);
		margin-right: 1.5%;
	}
}

.globalNav {
	display: none;
}
@media (min-width: 750px) {
	.globalNav {
		display: block;
	}
	.globalNav ul {
		display: flex;
		justify-content: center;
		width: 100%;
		max-width: calc(100% - (4vw * 2));
		margin: 0 auto;
		padding: 0;
	}
	.globalNav ul li {
		display: flex;
		margin-left: -1px;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		flex-grow: 1;
	}
	.globalNav ul li a {
		color: #fff;
		background: rgba(0,156,127,1);
		text-decoration: none;
		line-height: 1;
		padding: 1em 0;
		width: 100%;
		text-align: center;
		position: relative;
		display: block;
	}
	.globalNav ul li a::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		height: 3px;
		background: rgba(0,156,127,1);
		width: 0;
	}
	.globalNav ul li a:hover {
		background: rgba(0,156,127,.85);
	}
	.globalNav ul li a:hover::after {
		background: #fff;
		width: 100%;
	}
}
.globalHeader {
	display: block;
	position: sticky;
	top: 0;
	z-index: 1;
	background: #fffaeb;
	width: 100%;
}
.globalHeader .headerInner {
	width: 100%;
	max-width: calc(100% - (2vw * 2));
	margin: 0 auto;
	padding: 10px 0 10px 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}
@media(min-width:750px){
	.globalHeader .headerInner {
		padding: 1% 0;
		max-width: calc(100% - (4vw * 2));
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
	}
}
.siteID {
	display: block;
	width: 50%;
	margin-right: 4vw;
	margin-bottom: 2vw;
}
.siteID a {
	display: block;
}
@media(min-width:750px){
	.siteID {
		width: 25%;
		margin-bottom: 0;
	}
}

.retailBtn {
	width: 100%;
}
.retailBtn > a {
	display: block;
	line-height: 1.1;
	text-decoration: none;
	color: #fff;
	font-weight: 400;
	font-size: min(3vmax, 14px);
	background: rgba(243,152,0,1);
	padding: 1em .5em;
	border-radius: .75em;
}
.localNav a.retailBtn {
	display: block;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	line-height: 1.1;
	text-decoration: none;
	color: #fff;
	font-weight: 400;
	background: rgba(243,152,0,1);
	padding: 1em 1em;
	border-radius: .75em;
}
.retailBtn span {
	background: #fff;
	color: red;
	border-radius: 10px;
	padding: .25em .75em;
	font-weight: 600;
	margin: 0 .5em .25em 0;
}
.localNav a.retailBtn span {
	margin-bottom: .5em;
	font-size: 125%;
	display: block;
	width: 100%;
}
.localNav a.retailBtn br {
	display: none;
}
@media(min-width:750px){
	.retailBtn {
		width: auto;
	}
	.retailBtn > a {
		padding: .5em 2em .5em 1.5em;
		font-size: min(3vw, 24px);
	}
	.retailBtn > a:hover {
		opacity: .75;
	}
	.retailBtn > a span {
		background: #fff;
		color: red;
		border-radius: 10px;
		padding: .5em .5em;
		font-weight: 600;
		margin: 0 .5em 0 0;
		display: inline-block;
		width: auto;
	}
}




.wrap {
	padding: 0 4vw;
  overflow: hidden;
}
.secInner {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
@media(min-width:750px){
	.wrap {
		padding: 0;
	}
	.secInner {
		max-width: calc(100% - (4vw * 2));
	}
}



.sec00 {
	padding: 2% 0 10% 0;
}

.earlyNotes {
  margin-bottom: 3%;
}
.earlyNotes a#outline10 {
  width: fit-content;
  display: block !important;
  font-size: min(3.5vw, 32px);
  line-height: 1.3;
  text-decoration: none;
  padding: .25rem .5rem .15rem .5rem;
  text-align: left;
  color: red;
  border: 2px solid red;
  background: #fff;
  margin-bottom: .25em;
}
.earlyNotes a#fixedamount {
  width: fit-content;
  display: block !important;
  font-size: min(3.5vw, 26px);
  line-height: 1.3;
  text-decoration: none;
  padding: .25rem .5rem .15rem .5rem;
  text-align: left;
  margin-bottom: .25em;
  color: red;
}


.earlyNotes a:hover {
  transition: all .25s;
  background: rgba(255, 158, 158, 0.075);
}
@media(min-width:750px) {
  .earlyNotes a {
    max-width: calc(100% - (4vw * 2));
  }
}



.sec00 .lead {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.sec00 .lead figcaption {
	display: block;
	font-size: min(5vw, 68px);
	line-height: 1.4;
	padding: 1em 0;
	text-align: center;
}
.sec00 .lead figcaption span {
	display: block;
	font-weight: 600;
}
.sec00 .lead figcaption span:nth-child(1) { color: rgba(0,156,127,1); }
@media(min-width:750px) {
	.sec00 {
		padding: 4% 0 6vmin 0;
	}
	.sec00 .lead figcaption {
		padding: 2% 0 2% 0;
	}
}

.operation.invalid .display {
	background: #d2ecb9;
	color: #000;
	text-align: center;
	padding: 1em 1em;
	line-height: 1;
	line-height: 1.4;
	font-size: min(6vw, 30px);
}

.operation.enabled {
	background: #fff;
}
.operation.enabled .display {
	color: #ff0000;
	background: #92d050;
	padding: .75em 1em;
	line-height: 1;
	font-size: min(6.5vw, 62px);
	font-weight: 600;
	text-align: center;
}

.secInner.graph {
	background: #fff;
  padding-bottom: 2rem;
}
.secInner.graph img {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}


.secInner.graph a.pdf {
	font-size: min(5vw,40px);
  text-underline-offset: .25em;
	display: block !important;
	margin: 0 auto 2rem auto;
	width: -moz-fit-content;
	width: fit-content;
	padding: 0 0 0 0;
	line-height: 1;
	letter-spacing: .05em;
}
.secInner.graph a.pdf + .pdf {
  font-size: min(5vw,24px);

}


.secInner.graph .graphTitle {
	font-size: min(5vw, 32px);
	text-align: center;
}

.secInner.graph .graphImg {
	display: block;
	margin: 0 auto 2% auto;
}
.secInner.graph .graphImg::after {
	display: none;
}
.secInner.graph a[target="_blank"]:not(.pdf)::after {
	display: none;
}

.secInner.graph .graphAnno {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	border: 1px solid #000;
	padding: 1em;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto 3% auto;
}
.secInner.graph .graphAnno p {
	display: flex;
	align-items: center;
	padding: .5em 1em;
	font-size: min(3vw, 18px);
	line-height: 1;
}
@media(min-width:750px) {
	.secInner.graph .graphAnno {
		align-items: center;
		flex-direction: row;
	}
	.secInner.graph .graphAnno p {
		padding: 0 1em;
	}
}
.secInner.graph .graphAnno p:before {
	content: '';
	display: block;
	width: 6em;
	margin-right: .5em;
}
.secInner.graph .graphAnno p:nth-of-type(1)::before {
	height: 6px;
	background-image: linear-gradient(to right, red, red 0.75em, transparent 0.5em, transparent 1em);
    background-size: 1.25em 1em;
    background-repeat: repeat-x;
}
.secInner.graph .graphAnno p:nth-of-type(2):before {
	border-bottom: 5px solid red;
}



.unitHeadline {
	text-align: center;
	color: #000;
	font-size: min(5vw,24px);
	background: #fff;
	line-height: 1;
	padding-top: min(4vw,7%);
	margin-bottom: .5em;
}
.supplyUnit {
	text-align: center;
	font-size: min(5vw,24px);
	line-height: 1;
	background: #fff;
	padding-bottom: 3vw;

}

.sec00 .arrow {
	background: rgba(0,156,127,1);
	color: #fff;
	width: 100%;
	font-weight: 400;
	padding: 1.5rem 1rem 3.5rem 1rem;
	line-height: 1.4;
	font-size: min(5vw, 28px);
	text-align: center;
	display: block;
	clip-path: polygon(0 0, 100% 0%, 100% 50%, 50% 100%, 0% 50%);
}
@media(min-width:750px) {
	.sec00 .arrow {
		padding: 2rem 1rem 2rem 1rem;
	}
}

.slogan {
	margin: min(5vmax, 12em) auto 0 auto;
	width: 100%;
	max-width: calc(100% - (4vw * 2));
	text-align: center;
	font-weight: 600;
	font-feature-settings: "palt" 1;
	display: flex;
	flex-direction: column;
	color: rgba(243,152,0,1);
}
.slogan p:nth-child(1) {
	font-size: min(6.5vw, 32px);
	line-height: 1.2;
	margin-bottom: 1em;
}
.slogan p:nth-child(2) {
	font-size: min(8vw, 58px);
	letter-spacing: .1em;
	line-height: 1.2;

}
.slogan p span {
	font-size: 80%;
}
@media(min-width:750px) {
	.slogan {
		margin-top: 5vmin;
	}
}

.sec01 {
	padding: 0 0 20% 0;
}
.sec01 .secInner {
	border: 4px solid rgba(0,156,127,1);
	padding: 1.75rem 1.25rem;
}
.sec01 .secInner .secHeadline {
	text-align: center;
	display: block;
	font-size: min(6.25vw, 35px);
	font-weight: 500;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto 1em auto;
	padding-bottom: .5em;
	line-height: 1.4;
	border-bottom: 4px solid rgba(0,156,127,1);
}
.sec01 .secInner .secHeadline span {
	color: rgba(243,152,0,1);
}
.sec01 .secInner p {
	text-align: justify;
	line-height: 1.7;
	font-size: min(5vw, 22px);
}
.sec01 .secInner p span {
	font-size: 75%;
}
@media(min-width:750px){
	.sec01 {
		padding: 0 0 4% 0;
	}
	.sec01 .secInner .secHeadline {
		line-height: 1.4;
		margin: 0 auto .5em auto;
	}
}

.underconst {
	margin-bottom: 4%;
	padding: 2em 1em;
}





.sec02 {
	padding: 0 0 8% 0;
}
.sec02 .secInner {
	text-align: center;
	padding: 8% 4vw 4% 4vw;
	border: 3px solid rgba(0,156,127,1);
	position: relative;
	margin-bottom: 10%;
	border-radius: 5px;
}
.sec02 .secInner figcaption {
	position: absolute;
	bottom: calc( 100% - 1em - (.5em * 2) );
	left: 0;
	right: 0;
	line-height: 1;
	font-size: min(3vw, 32px);
	text-align: center;
	width: -moz-fit-content;
	width: fit-content;
	display: inline-block;
	margin: 0 auto 1em auto;
	background: rgba(0,156,127,1);
	color: #fff;
	border: 1px solid rgba(0,156,127,1);
	padding: .5em 1em;
	border-radius: 2em;
}
.sec02 .secInner .plot {
	text-align: center;
	margin-bottom: 2%;
}
.sec02 .secInner .plot img {
	margin: 0 auto;
	max-width: 100%;
}
.sec02 .secInner .plot img._sp:nth-child(1) { margin-bottom: 4%; }
.sec02 .secInner .plot img._sp:nth-child(2) { margin-bottom: 4%; }
.sec02 .secInner .plot img._sp:nth-child(3) { margin-bottom: 2%; }
.sec02 .secInner p {
	text-align: center;
	line-height: 1.7;
	padding: 1rem 0;
	font-size: min(6vw, 52px);
}
.sec02 .secInner p.plane {
	font-size: min(6vw, 22px);
	text-align: left;
	font-weight: 400;
}
.sec02 .secInner p > span {
	font-size: 75%;
}
.sec02 .secInner p sup {
	font-size: 75%;
}
.sec02 .secInner .plane.anno {
  font-size: min(3.5vw, 18px);
  color: #666;
	text-align: justify;
  padding: 0 0 0 2.5em;
  text-indent: -2.5em;
}


.sec02 .secInner .secLead {
  font-size: min(4vw, 20px);
  text-align: justify;
  width: 100%;
  margin: 0 auto 0 auto;
}
@media(min-width: 1400px){
  .sec02 .secInner .secLead {

  }
}

.sec02 .secInner .listFiles {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  padding: 0;
  transition: padding-left .25s;
}
.sec02 .secInner .listFiles:not(:last-child) {
  margin-bottom: 5%;
}
.sec02 .secInner .listFiles li {
  padding: .5em 0;
}
.sec02 .secInner .listFiles li a {
  font-size: min(3.5vw, 28px);
	text-underline-offset: .25em;
  align-items: center;
  display: inline-flex;
  line-height: 1;
  text-decoration: none;
  border-bottom: 1px solid #0808c0
}
@media(min-width: 1400px){
  .sec02 .secInner .listFiles {
    padding-left: 24%;
  }
  .sec02 .secInner .listFiles.\\2nd {
    /* padding-left: 0%; */
  }
}
.sec02 .secInner .listFiles li a#outline10 {
  font-size: min(4.5vw, 40px);
  line-height: 1.2;
}



.sec02 .secInner p.small {
	font-size: min(5vw, 20px);
	text-align: justify;
  width: fit-content;
  margin: 0 auto;
}
.wrap a[target="_blank"] {
	display: inline-block;
}
.wrap a[target="_blank"]::after {
	content: '';
	display: inline-block;
	margin-left: .25em;
	width: .75em;
  height: .75em;
  background-size: contain;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg fill="%23009c7f" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 30 30" width="30px" height="30px"><path d="M 25.980469 2.9902344 A 1.0001 1.0001 0 0 0 25.869141 3 L 20 3 A 1.0001 1.0001 0 1 0 20 5 L 23.585938 5 L 13.292969 15.292969 A 1.0001 1.0001 0 1 0 14.707031 16.707031 L 25 6.4140625 L 25 10 A 1.0001 1.0001 0 1 0 27 10 L 27 4.1269531 A 1.0001 1.0001 0 0 0 25.980469 2.9902344 z M 6 7 C 4.9069372 7 4 7.9069372 4 9 L 4 24 C 4 25.093063 4.9069372 26 6 26 L 21 26 C 22.093063 26 23 25.093063 23 24 L 23 14 L 23 11.421875 L 21 13.421875 L 21 16 L 21 24 L 6 24 L 6 9 L 14 9 L 16 9 L 16.578125 9 L 18.578125 7 L 16 7 L 14 7 L 6 7 z"/></svg>');
}
.wrap a[target="_blank"].pdf::after {
	background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve"><g transform="translate(128 128) scale(0.72 0.72)" style=""><g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(-175.05 -175.05000000000004) scale(3.89 3.89)" ><path d="M 11.58 54.882 v 31.965 c 0 1.741 1.412 3.153 3.153 3.153 h 60.534 c 1.741 0 3.153 -1.412 3.153 -3.153 V 54.882 C 56.073 47.881 33.792 47.838 11.58 54.882 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(184,53,53); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 78.42 54.882 V 18.345 C 69.386 13.658 63.133 7.61 60.075 0 H 14.733 c -1.741 0 -3.153 1.412 -3.153 3.153 v 51.729 H 78.42 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(233,233,224); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 78.42 18.345 H 62.948 c -1.587 0 -2.873 -1.286 -2.873 -2.873 V 0 L 78.42 18.345 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(217,215,202); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 32.116 62.679 h -5.944 c -0.829 0 -1.5 0.672 -1.5 1.5 v 9.854 v 6.748 c 0 0.828 0.671 1.5 1.5 1.5 s 1.5 -0.672 1.5 -1.5 v -5.248 h 4.444 c 2.392 0 4.338 -1.946 4.338 -4.338 v -4.177 C 36.454 64.625 34.508 62.679 32.116 62.679 z M 33.454 71.194 c 0 0.737 -0.6 1.338 -1.338 1.338 h -4.444 v -6.854 h 4.444 c 0.738 0 1.338 0.601 1.338 1.339 V 71.194 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,249,249); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 46.109 82.28 h -5.652 c -0.829 0 -1.5 -0.672 -1.5 -1.5 V 64.179 c 0 -0.828 0.671 -1.5 1.5 -1.5 h 5.652 c 2.553 0 4.63 2.077 4.63 4.63 V 77.65 C 50.739 80.203 48.662 82.28 46.109 82.28 z M 41.957 79.28 h 4.152 c 0.898 0 1.63 -0.731 1.63 -1.63 V 67.309 c 0 -0.898 -0.731 -1.63 -1.63 -1.63 h -4.152 V 79.28 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,249,249); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 63.828 62.679 h -8.782 c -0.828 0 -1.5 0.672 -1.5 1.5 V 80.78 c 0 0.828 0.672 1.5 1.5 1.5 s 1.5 -0.672 1.5 -1.5 v -6.801 h 4.251 c 0.828 0 1.5 -0.672 1.5 -1.5 s -0.672 -1.5 -1.5 -1.5 h -4.251 v -5.301 h 7.282 c 0.828 0 1.5 -0.672 1.5 -1.5 S 64.656 62.679 63.828 62.679 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,249,249); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /></g></g></svg>');
}
.sec02 .secInner p.small a {
	font-size: min(5vw, 24px);
	text-underline-offset: .25em;
  align-items: center;
}
@media(min-width:750px){
	.sec02 a[target="_blank"] {
		display: flex;
	}
	.sec02 .secInner p.small a {
		/* font-size: 150%; */
		text-underline-offset: .25em;
    width: fit-content;
    margin: auto;
	}

	.sec02 {
		padding: 0 0 4% 0;
		text-align: center;
	}
	.sec02 .secInner {
		margin-bottom: 4%;
		padding: 4% 14% 4% 12%;
	}
	.sec02 .secHalf {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
		margin: 0 auto;
		position: relative;
		max-width: calc(100% - (2vw * 2));
	}
	.sec02 .secHalf .secInner {
		width: calc( 100% / 2 - (2vw * 2));
		align-self: normal;
    padding: 4% 2vw 4% 2vw;
	}
	.sec02 .secInner p {
		font-size: min(3vw, 52px);
	}
	.sec02 .secInner .plot + p {
		font-size: min(5vw, 22px);
    padding-bottom: .25em;
	}
}


.sec03 {
	padding: 0 0 8% 0;
}
.sec03 .secInner {
	background: #fff;
	padding: .75rem 1rem;
	border: 1px solid #cdcdcd;
}
.sec03 .secInner .secHeadline {
	font-size: min(5vw, 18px);
	color: #666;
	font-weight: 400;
	text-align: center;
	padding: 0 2.5rem 0 1.5rem;
  min-width: 11em;
}
.sec03 .secInner ul {
	padding: 1rem 0 1rem 0rem;
	border-top: 1px solid #cdcdcd;
	overflow: auto;
	max-height: 9rem;
	flex-grow: 1;
}
.sec03 .secInner ul li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: .5rem 0;
}
.sec03 .secInner ul li time {
	color: #666;
	font-weight: 400;
	display: inline-block;
	padding-right: 1rem;
}
@media(min-width:750px){
	.sec03 {
		padding: 0 0 4% 0;
	}
	.sec03 .secInner {
		display: flex;
		align-items: center;
	}
	.sec03 .secInner ul {
		padding: 0 0 1rem 2.5rem;
		border-top: none;
		border-left: 1px solid #cdcdcd;
	}
	.sec03 .secInner ul li {
		flex-direction: row;
		align-items: center;
	}
	.sec03 .secInner ul li time {
		width: 7.5em;
	}
}

.sec06 {
	padding: 0 0 8% 0;
}
.sec06 .secInner .secHeadline {
    text-align: center;
    font-size: min(5vw, 32px);
    margin-bottom: 3%;
}
@media(min-width:750px){
	.sec06 {
		padding: 4% 0 4% 0;
		margin-top: -4%;
	}
}
.sec06 .secInner ul {
	width: 100%;
	display: flex;
	margin: .5em auto .5em auto;
	flex-wrap: wrap;
	padding: 0;
}
.sec06 .secInner ul li {
	text-align: left;
	padding: .75em .5em;
	line-height: 1;
	font-weight: 400;
	flex-basis: auto;
	width: 100%;
	border: 1px solid #ccc;
	margin-top: -1px;
}
@media(min-width:750px){
	.sec06 .secInner ul li {
		text-align: center;
		flex-basis: auto;
		width: calc( 100% / 4 );
		margin-left: -1px;
	}
}



.btnWrap {
	width: 100%;
	max-width: calc(100% - (4vw * 2));
	margin: 0 auto;
	padding: 0 0 17% 0;
}
.btnWrap .btn {
	background: rgba(243,152,0,1);
	color: #fff;
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	text-align: center;
	margin: 0 auto;
	border-radius: 10px;
	line-height: 1.4;
	padding: 1em 1em;
	font-size: min(5vw, 24px);
	text-decoration: none;
	font-weight: 500;
}
.btnWrap .btn span {
	font-size: 75%;
	font-weight: 400;
}
.btn:hover {
	opacity: .75;
}
@media(min-width:750px){
	.btnWrap {
		padding: 4% 0 8% 0;
		margin-top: -4%;
	}
}


.sec04 {
	margin-top: -8%;
	padding: 8% 0 0 0;
	background: linear-gradient(180deg, #b4daa9, #fff);
}
.sec04 .secInner {
	max-width: calc(100% - (4vw * 2));
}
.sec04 .secInner .secHeadline {
	text-align: center;
	font-size: min(5vw, 32px);
	margin-bottom: 3%;
}
.faqList {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 8% 0;
}
.faqList .faqSubHeadline {
	display: block;
	line-height: 1;
	text-align: center;
	padding: 1em 0 0 0;
	font-size: min(5vw, 24px);
	color: rgba(0,156,127,1);
}
.faqList dl {
	position: relative;
  padding: 0 1rem 0 0;
	background: #fff;
	border: 4px solid rgba(0,156,127,1);
}
.faqList dl dt {
	font-weight: 700;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.faqList dl dt::after {
	content: '\00ff0b';
	color: #fff;
	font-size: min(2.5vmax,30px);
	width: min(2.5vmax,30px);
	height: min(2.5vmax,30px);
	background: rgba(0,156,127,1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	transition: all .75s ease;
}
.faqList dl.faqOpen dt::after {
	content: '\00ff0d';
	transition: all .75s ease;
}
.faqList dl dt p {
	line-height: 1.4;
	flex-grow: 1;
	width: 100%;
	user-select: none;
	letter-spacing: .05em;
	font-feature-settings: "palt" 1;
	font-size: min(5vmin, 24px);
	font-weight: 400;
  padding: 1em;
	text-align: justify;
}
@media (min-width: 750px) {
	.sec04 {
		margin-top: -4%;
		padding: 4% 0 0 0;
	}
	.faqList dl dt p {
		display: flex;
		align-items: center;
	}
}

.faqList dl dd {
	display: flex;
	height: 0;
	opacity: 0;
  padding: 0 2%;
	overflow: hidden;
	width: 100%;
	font-size: min(3.75vmin, 18px);
	transition: all .75s ease;
}
.faqList dl.faqOpen dd {
	height: auto;
	opacity: 1;
	padding: 0 1em 1em 1em;
	align-items: flex-start;
	transition: all .75s ease;
}
.faqList dl dd p {
	line-height: 1.8;
	flex-grow: 1;
	width: 100%;
	padding: 1.25rem 1.5rem;
	letter-spacing: .05em;
	font-feature-settings: "palt" 1;
	font-size: min(5vw, 19px);
	font-weight: 400;
	background: #eee;
}
@media (min-width: 750px) {
	.faqList {
		padding: 0 0 8% 0;
	}
}







/* MAP
___________________________________________________ */
#sec07 {
  padding: min(6%,50px) 0 min(6%,50px) 0;
}
#sec07 .secInner .secHeadline {
	text-align: center;
	display: block;
	font-size: min(6.25vw, 35px);
	font-weight: 500;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto 1em auto;
	padding-bottom: .5em;
	line-height: 1.4;
	border-bottom: 4px solid rgba(0,156,127,1);
}
#sec07 .secInner .secHeadline span {
	font-size: 50%;
  line-height: 1.2;
  display: block;
}
.search_container {
  position: relative;
  border: 2px solid #000;
  border-radius: 8px;
  padding: 0;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin: 0 auto 1em auto;
}
@media(min-width: 960px) {
  .search_container {
    /*width: 60%;*/
  }
}
.search_container input[type="text"] {
  border: none;
  width: 70%;
  height: 3rem;
  line-height: 1;
  font-size: min(5vw, 18px);
  padding: .5em;
  box-shadow: inset 6px 6px 12px 0 rgba(0,0,0,0.25);
}
.search_container button {
  cursor: pointer;
  border: none;
  background: #ff9e4f;
  color: #fff;
  width: 30%;
  height: 3rem;
  outline: none;
  line-height: 1;
  font-size: min(5vw, 18px);
  padding: .5em;
  border-left: 1px solid #000;
}


.mapWrap {
  width: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
}
.mapWrap::before {
  content: '';
  display: block;
  padding-top: calc( 100% / 1 * 1 );
}
#map {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media(min-width: 960px) {
  .mapWrap::before {
    padding-top: calc( 100% / 16 * 9 );
  }
}


/* SEC11
___________________________________________________ */
#sec11 {
	padding: min(10%,60px) 0 min(10%,60px) 0;
}

.stationList {
	/* width: calc(100% - (4vw * 2)); */
  width: 100%;
	margin: 0 auto;
	background: #fff;
	/* padding: 3px 5px; */
}
@media(min-width: 960px) {
	.stationList {
		width: 100%;
	}
}
.stationList dl {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #ccc;
	margin: .25em auto;
}
.stationList dl dt {
	width: 20%;
	background: #efefef;
	border-right: 1px solid #ccc;
	padding: .5em;
	font-size: min(4vw, 18px);
}
.stationList dl dt:nth-of-type(1) {
	border-bottom: 1px solid #ccc;
}
@media(min-width: 960px) {
	.stationList dl dt {
		width: 10%;
		text-align: center;
	}
	.stationList dl dt:nth-of-type(1) {
		border-bottom: none;
	}
	.stationList dl dt:nth-of-type(2) {
		border-left: 1px solid #ccc;
		border-bottom: none;
	}
}
.stationList dl dd {
	width: 80%;
	padding: .5em;
	font-size: min(4vw, 18px);
	background: rgba(255,255,255,1);
}
.stationList dl dd:nth-of-type(1) {
	border-bottom: 1px solid #ccc;
}
@media(min-width: 960px) {
	.stationList dl dd:nth-of-type(1) {
		width: 30%;
		border-bottom: none;
	}
	.stationList dl dd:nth-of-type(2) {
		width: 50%;
		border-bottom: none;
	}
}


/* map renew */
#stationList dl {
  display: grid;
  grid-template-columns: min(30%, 200px) 1fr;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  margin: .25em auto;
}
#stationList dl dt {
  width: auto;
  height: 100%;
  align-content: center;
  border-bottom: none;
  text-align: center;
}
#stationList dl dd {
  width: auto;
  display: block;
  padding: .5em .5em .5em 1.5em;
  border-bottom: none;
}
#stationList dl dd a {
  margin-right: 1em;
  color: #0071c1;
  width: fit-content;
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid #0071c1;
  transition: all .5s ease;
  
}
#stationList dl dd a:hover {
  border-bottom: 1px solid transparent;
}
#stationList dl dd p {
  font-size: 70%;
  letter-spacing: .01em;
  color: #666;
  display: inline-block;
}
@media(min-width: 960px) {
  #stationList dl dt {
    width: auto;
  }
  #stationList dl dd {
    width: auto;
    flex-direction: row;
  }
}







.pagination {
	position: relative;
	overflow: hidden;
}
.pagination ul {
	margin: 0;
	padding: 1em 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.pagination li {
	margin: .5em 0;
}
.pagination li span {
	border:1px solid #333;
	margin: 0 3px;
	line-height: 1;
	padding: .5em .5em;
	display: block;
	font-size: min(4vw, 24px);
	text-decoration:none;
	color: #000;
	background: #fff;
	cursor: pointer;
}
.pagination li.ff span {
	border-color: transparent;
	font-size: min(4vw, 32px);
	background: transparent;
}
.pagination li.ff.f1 span {
	padding: .5em .75em;
}
.pagination li.ff.f2 span {
	padding: .5em 0;
}
.pagination li.active span,
.pagination li:not(.ff) span:hover {
	border:solid 1px #000;
	color: #fff;
	background: #009c7f;
}
















.ctaWrap {
	width: 100%;
	max-width: calc(100% - (4vw * 2));
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-around;
	border: 4px solid rgba(0,156,127,1);
	background: #fff;
	flex-direction: column;
}
.ctaWrap > * {
	padding: 2rem 1rem;
	text-align: center;
	text-decoration: none;
	color: #666;
	width: 100%;
}
.ctaWrap > div {
	position: relative;
	border-bottom: 1px dotted #666;
}
.ctaWrap > div p:nth-child(1) {
	font-size: min(5vw, 20px);
	border-bottom: 5px solid rgba(0,156,127,1);
	display: inline-block;
	padding: 0 .75em .25em .75em;
  font-weight: 700;
}
.ctaWrap > div p:nth-child(2) {
	padding: 1em 0;
	line-height: 1.5;
	font-weight: 400;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	position: relative;
	font-size: min(5vw, 16px);
}
.ctaWrap > div p:nth-child(2)::after {
  content: '';
  display: block;

  width: 2vw;
  height: 2vw;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;

	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-2vw) translateX(1vw) rotate(-135deg);
}
.ctaWrap > div:hover p:nth-child(2)::after {
	transform: translateY(-2vw) translateX(1.5vw) rotate(-135deg);
}

.ctaWrap > a p:nth-child(1) {
	font-size: min(4vw, 16px);
	margin-bottom: .25em;
}
.ctaWrap > a p:nth-child(1) span {
	color: rgba(0,156,127,1);
}
.ctaWrap > a p:nth-child(2) {
	font-size: min(4vw, 20px);
	color: rgba(0,156,127,1);
	margin-bottom: .75em;
  font-weight: 700;
}
.ctaWrap > a p:nth-child(3) {
	font-size: min(5vw, 14px);
	margin-bottom: .75em;
}
.ctaWrap > a p:nth-child(3) span {
	letter-spacing: .25em;
	font-size: min(7vw, 52px);
	color: rgba(0,156,127,1);
	font-weight: 700;
}
.ctaWrap > a p:nth-child(4) {
	font-size: min(5vw, 18px);
  width: fit-content;
  max-width: 38em;
  margin: 0 auto;
  padding: 1em 1em;
  text-align: left;
  line-height: 1.8;
}
@media (min-width: 750px) {
	.ctaWrap {
		flex-direction: row;
	}
	.ctaWrap > * {
		width: calc( 100% / 2);
	}
	.ctaWrap > a[href*="tel:"] {
		pointer-events: none;
    border-left: 1px dotted #666;
	}
	.ctaWrap > div {
		border-bottom: none;

	}
  .ctaWrap > a p:nth-child(4) {
    padding: 1em 1em;
  }
}

.globalFooter {
  background: #fff;
}
.globalFooter .footerInner {
	width: 100%;
	max-width: calc(100% - (4vw * 2));
	margin: 0 auto;
	padding: 1% 0 0% 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}
.globalFooter .footerInner .siteID {
	margin-bottom: 2rem;
}
.globalFooter p {
	display: block;
	width: 100%;
	max-width: calc(100% - (4vw * 2));
	margin: 0 auto;
	padding: 2em 1em;
	color: #666;
	font-weight: 400;
	letter-spacing: .1em;
}
.footerInner ul {
	display: flex;
	padding: 0;
	margin: 0 auto;
	flex-grow: 1;
}
.footerInner ul li {
	display: flex;
}
.footerInner ul li a {
	color: #666;
	line-height: 1;
	font-weight: 400;
	padding: .75em 1.5em;
	font-size: min(3.5vw, 16px);
}
@media (min-width: 750px) {
	.globalFooter .footerInner {
		flex-direction: row;
	}
}



.b { font-weight: 700; }


._sp { display: inline-block; }
._pc { display: none; }
@media (min-width: 750px) {
	._sp { display: none; }
	._pc { display: inline-block; }
}