@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Noto+Serif+JP:wght@400;500;700;900&family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Condensed:wght@400;500;700;900&display=swap');
@import url('/src/css/icons.css');

/* CSS Document */
/********************************************
	共通
*********************************************/
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
}

body {
  font-family: 'Noto Sans JP', sans-serif;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	margin:0;
}
.drawer-open {
  overflow: hidden;
}
a,
a:active,
a:hover {
	color:#333;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

ul,ol {
	padding-left: 1.8rem;
}

.pageAnchor {
}
.noLink {
	pointer-events: none;
}

.telLink {
	text-decoration:none;
	color: unset;
}
@media screen and (min-width:961px) {
.telLink {
	pointer-events: none;
}
}

.jpegIcon {
	position:relative;
	line-height:1;
}
.jpegIcon .label {
	display:none;
}
.jpegIcon::after {
	position:absolute;
	display:inline-block;
	content: "";
	background: url(../images/common/icon_jpeg.png) no-repeat center;
	background-size: contain;
	width:1.2em;
	height:1.2em;
	top: calc( 50% - 0.6em );
}

.pdfIcon {
	position:relative;
	line-height:1;
}
.pdfIcon .label {
	display:none;
}
.pdfIcon::after {
	position:absolute;
	display:inline-block;
	content: "";
	background: url(../images/common/icon_pdf.png) no-repeat center;
	background-size: contain;
	width:1.2em;
	height:1.2em;
	top: calc( 50% - 0.6em );
}

.wordIcon {
	position:relative;
	line-height:1;
}
.wordIcon .label {
	display:none;
}
.wordIcon::after {
	position:absolute;
	display:inline-block;
	content: "";
	background: url(../images/common/icon_word.png) no-repeat center;
	background-size: contain;
	width:1.2em;
	height:1.2em;
	top: calc( 50% - 0.6em );
}

.excelIcon {
	position:relative;
	line-height:1;
}
.excelIcon .label {
	display:none;
}
.excelIcon::after {
	position:absolute;
	display:inline-block;
	content: "";
	background: url(../images/common/icon_excel.png) no-repeat center;
	background-size: contain;
	width:1.2em;
	height:1.2em;
	top: calc( 50% - 0.6em );
}

.externalIcon {
  font-family: 'icon-ecopa' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.externalIcon .label {
	display:none;
}
.externalIcon::before {
  content: "\f08e";
}


img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	outline: none;
	max-width:100%;
	height:auto;
}

img:hover { outline: none; }

.maxImage { width:100%; height:auto;}

.roundImage {
	border-radius: 1rem;
	overflow:hidden;
}
.roundImage img {
  width: 100%;
}

.smallImage {
	max-width:2rem;
}

.videoBox {
	width:100%;
	aspect-ratio: 16 / 9;
}

a:hover img {
	opacity:0.75;
}

.noDisplay {
	display:none;
}

.mincho {
	font-family: 'Noto Serif JP', serif;
}

.pt0 {	padding-top:0!important;}
.pt1rem {	padding-top:1rem!important;}
.pt2rem {	padding-top:2rem!important;}
.pt3rem {	padding-top:3rem!important;}
.mt0 {	margin-top:0!important;}
.mt1rem {	margin-top:1rem!important;}
.mt2rem {	margin-top:2rem!important;}
.mt3rem {	margin-top:3rem!important;}
.pb0 {	padding-bottom:0!important;}
.pb1rem {	padding-bottom:1rem!important;}
.pb2rem {	padding-bottom:2rem!important;}
.pb3rem {	padding-bottom:3rem!important;}
.pb4rem {	padding-bottom:4rem!important;}
.mb0 {	margin-bottom:0!important;}
.mb1rem {	margin-bottom:1rem!important;}
.mb2rem {	margin-bottom:2rem!important;}
.mb3rem {	margin-bottom:3rem!important;}
.mb4rem {	margin-bottom:4rem!important;}
.mb8rem {	margin-bottom:8rem!important;}


.ml0 {	margin-left:0!important;}
.ml1rem {	margin-left:1rem!important;}
.ml2rem {	margin-left:2rem!important;}
.mr0 {	margin-right:0!important;}
.mr1rem {	margin-right:1rem!important;}
.mr2rem {	margin-right:2rem!important;}

.leftText {	text-align:left;}
.centerText {	text-align:center;}
.rightText {	text-align:right;}

.bigText {	font-size:1.25em!important;}
.biggerText {	font-size:1.5rem!important;}
.doubleText {	font-size:2rem!important;}
.boldText {	font-weight:bold!important;}
.miniText {	font-size:80%;}
.microText {	font-size:60%;}

.inlineBlock { display:inline-block;}

.inlineBlockArea {
	letter-spacing: -0.4em;
}
.inlineBlockArea .inlineBlock {
	letter-spacing:normal;
	vertical-align:top;
}

.fakeList {
	padding-left:1.25em;
	text-indent:-1.25em;
}

.redText { color:#b40031;}
.blueText { color:#094aac;}

/* ---------------------------------------------------

	Common title

--------------------------------------------------- */

h5, h6 {
	font-size:1rem;
}

.linkArrow {
	position:relative;
	display:inline-block;
}
.linkArrow::after {
  font-family: 'icon-ecopa' !important;
	font-weight:normal;
  content: "\f0da"!important;
	display:inline-block;
	padding:0 0.25rem;
}


/* ---------------------------------------------------

	btn

--------------------------------------------------- */
.arrow,
.external,
.anchor,
.arrowup {
	position:relative;
}

.arrow::after,
.external::after,
.anchor::after,
.arrowup::after {
	position:absolute;
  font-family: 'icon-ecopa' !important;
	min-width:1em;
	min-height:1em;
	top: 50%;
	transform: translate( 0, -50%);
	right:0.5rem;
	font-weight:normal;
}

.arrow::after {
  content: "\f105"!important;
	font-size:150%;
}
.external::after {
  content: "\f08e"!important;
	font-size:125%;
}
.anchor::after {
  content: "\f107"!important;
	font-size:125%;
}
.arrowup::after {
  content: "\f106"!important;
	font-size:125%;
}

/* 丸ボタン */
.btnArea,
.btnArea_anchor {
	text-align:center;
}

@media screen and (min-width:961px) {
.btnArea,
.btnArea_anchor {
}
.arrow::after,
.external::after,
.anchor::after,
.arrowup::after {
	right:0.5em;
}
}

.btnArea a,
.btnArea button,
.btnArea_anchor a {
	margin:0 0.5rem 1rem;
	position:relative;
	display:inline-block;
	line-height:1;
	min-width:190px;
	padding:1rem 1.5rem 1rem 0.5rem;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	border: 2px solid #000;
	background-color:#fff;
	border-radius:1.5rem;
	cursor:pointer;
	transition-duration: 0.25s;
}
.btnArea a.backtoBtn{
	padding:1rem 1.5rem 1rem 2.5rem;
}


.btnArea .middleBtn {
	padding:1rem 2.5rem 1rem 1.5rem;
}


@media screen and (min-width:561px) {
.btnArea a,
.btnArea button,
.btnArea_anchor a {
	margin:0 1rem 1rem;
	padding:1rem 2.5rem 1rem 1.5rem;
}
.btnArea .middleBtn {
	min-width:320px;
	padding:1rem 3.5rem 1rem 2.5rem;
}
}

.btnArea button::after,
.btnArea a::after {
	position:absolute;
  font-family: 'icon-ecopa' !important;
  content: "\f105";
	width:1rem;
	height:1rem;
	top: 50%;
	right:0.5em;
  transform: translateY(-50%);
}

.btnArea a.external::after {
  content: "\e909";
}
.btnArea_anchor a::after {
	position:absolute;
  font-family: 'icon-ecopa' !important;
  content: "\f107";
	width:1rem;
	height:1rem;
	top: calc( 50% - 0.5rem );
	right:1em;
}


/* 角ボタン */
.btnArea2,
.btnArea2_anchor {
	text-align:center;
}

@media screen and (min-width:961px) {
.btnArea2,
.btnArea2_anchor {
}
}

.btnArea2 a,
.btnArea2 button,
.btnArea2_anchor a {
	color:#000;
	margin:0 1rem 1rem;
	position:relative;
	display:inline-block;
	line-height:1;
	min-width:260px;
	padding:1rem 2rem 1rem 1rem;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	transition-duration: 0.25s;
	border: 2px solid #000;
	background-color:#fff;
	border-radius: 0.25rem;
}

.btnArea2 a.backtoBtn{
	padding:1rem 1rem 1rem 2.5rem;
}
.btnArea2 a.submitBtn {
	color:#fff;
	margin:0 1rem 1rem;
	position:relative;
	display:inline-block;
	line-height:1;
	min-width:260px;
	padding:1rem 2rem 1rem 1rem;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	transition-duration: 0.25s;
	border: 2px solid #27593b;
	background-color:#27593b;
	border-radius: 0.25rem;
}


.btnArea2 .middleBtn {
	min-width:320px;
	padding:1rem 4rem 1rem 2.5rem;
}

.btnArea2 button:disabled {
	background-color:#707070;
  cursor: auto;
}


.btnArea2 a::after {
	position:absolute;
  font-family: 'icon-ecopa' !important;
  content: "\f105";
	right:1.25em;
	top: 50%;
	line-height:1;
  transform: translateY(-50%);
}
.btnArea2_anchor a::after {
	position:absolute;
  font-family: 'icon-ecopa' !important;
  content: "\e901";
	top: 50%;
	line-height:1;
  transform: translateY(-50%);
	right:1em;
}

.btnArea a.backtoBtn::after,
.btnArea2 a.backtoBtn::after {
  content: "\f104";
	right:auto;
	left: 1rem;
}

.btnArea2 a.external::after,
.btnArea2 a.anchor::after {
	/*top: calc( 50% - 0.5rem );*/
}

/* 問い合わせ用ボタン */
.contactBtnArea {
	text-align:center;
}
.contactBtnAreaFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items:flex-start;
}
.contactBtnArea a,
.contactBtnArea button {
	margin:0 0 1rem;
	position:relative;
	display:inline-block;
	line-height:1;
	width:100%;
	padding:1.5rem 2.5rem 1.5rem 1rem;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	transition-duration: 0.25s;
	border: 2px solid #27593b;
	border-radius: 0.25rem;
	background-color:#27593b;
	color:#fff;
}
.contactBtnArea a::after,
.contactBtnArea button::after {
	position:absolute;
  font-family: 'icon-ecopa' !important;
  content: "\f105";
	width:1rem;
	height:1rem;
	top: calc( 50% - 0.5rem );
	right:1em;
}

@media screen and (min-width:561px), print {
.contactBtnArea a,
.contactBtnArea button {
	margin:0 1rem 1rem;
	max-width:460px;
}
}

/* アイコンボタン */
.iconBtnArea {
	margin:2rem 0;
	text-align:center;
}

.iconBtn {
	display:flex;
	position:relative;
	border: 3px solid #000;
	border-radius: 1rem;
	overflow:hidden;
	text-decoration:none;
	width: 100%;
	margin:0 0 1rem;
}
.iconBtn::after {
	line-height:1;
}

.iconBtn .icon {
	background-color:#eefae0;
	border-right: 2px solid #000;
	padding:1rem;
}
.iconBtn .icon [class^="icon_"] {
	width:2rem;
	height:2rem;
	margin-right: 0;
}

.iconBtn .title {
	display:flex;
	align-items: center;
	font-size: 1.5rem;
	font-weight:bold;
	padding:0.5rem 2rem 0.5rem 1rem;
}
@media screen and (min-width:561px), print {
.iconBtn {
	min-width:520px;
	width: auto;
}
.iconBtn::after {
}
.iconBtn .icon {
	padding:1.5rem;
}
.iconBtn .icon [class^="icon_"] {
	width:4rem;
	height:4rem;
}
.iconBtn .title {
	padding:0.5rem 2rem;
}
}
@media screen and (min-width:961px), print {
.iconBtnArea {
	display:flex;
	justify-content: center;
}
.iconBtnAreaTwo .iconBtn {
	min-width:inherit;
	max-width:520px;
	margin:0 1rem 1rem;
	width: calc( ( 100% - 5rem ) / 2);
}
}

.iconBtnArea1 {
	margin:2rem 0;
	display:flex;
	justify-content: center;
}
.iconBtn1 {
	display:flex;
	position:relative;
	border: 3px solid #000;
	border-radius: .5rem;
	overflow:hidden;
	text-decoration:none;
}
@media screen and (min-width:561px), print {
.iconBtn1 {
	min-width:480px;
}
}
.iconBtn1 .title {
	display:flex;
	align-items: center;
	font-weight:bold;
	font-size:1.5rem;
	padding:0.5rem 1rem;
	width: calc( 100% - 4rem );
	line-height:1.4;
}
.iconBtn1 .icon {
	border-left: 2px solid #000;
	padding:1rem;
	width:4rem;
	display:flex;
	align-items: center;
}
.iconBtn1 .icon span {
	display: inline-block;
	width:1.5rem;
	height:1.5rem;
}
.iconBtn1 .icon span::after {
	width:1.5rem;
	height:1.5rem;
	top:0;
}
@media screen and (min-width:561px), print {
.iconBtn1 .title {
	padding:0.5rem 2rem;
	width: calc( 100% - 5.75rem );
}
.iconBtn1 .icon {
	padding:1.5rem;
	width:5.75rem;
}
.iconBtn1 .icon span {
	width:2.75rem;
	height:2.75rem;
}
.iconBtn1 .icon span::after {
	width:2.75rem;
	height:2.75rem;
}
}

.iconBtnArea2 {
	margin:2rem 0;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	line-height:1.4;
}
.iconBtn2 {
	margin:0 0.5rem 1rem;
	display:flex;
	position:relative;
	border: 2px solid #000;
	border-radius: .25rem;
	overflow:hidden;
	text-decoration:none;
	min-width:260px;
	background-color:#fff;
	color:#333!important;
}
.iconBtn2 .title {
	display:flex;
	align-items: center;
	font-weight:bold;
	padding:0.5rem 1rem;
	width: calc( 100% - 4rem);
}
.iconBtn2 .icon {
	display:flex;
	align-items: center;
	border-left: 2px solid #000;
	padding:0.5rem 1rem;
}
.iconBtn2 .icon span {
	display:inline-block;
	width:2rem;
	height:2rem;
}
.iconBtn2 .icon span::after {
	top:0;
	width:2rem;
	height:2rem;
}


.iconBtn22 {
	margin:0 0.5rem 1rem;
	display:flex;
	position:relative;
	border: 2px solid #000;
	border-radius: .25rem;
	overflow:hidden;
	text-decoration:none;
	min-width:260px;
	background-color:#fff;
}
.iconBtn22::after {
	width: auto;
	height:auto;
}


.iconBtn22 .title {
	display:flex;
	align-items: center;
	font-weight:bold;
	padding:0.5rem 2rem 0.5rem 1rem;
	width: calc( 100% - 3rem);
}
.iconBtn22 .icon {
	padding:0.395rem 0.5rem;

}
.iconBtn22.forward .icon {
  background-color: #eefae0;
	border-right: 2px solid #000;
}
.iconBtn22.reverse .icon {
	border-left: 2px solid #000;
	display:flex;
	align-items: center;
}
.iconBtn22 .icon span {
	display:inline-block;
	width:3rem;
	height:3rem;
  margin: 0;
}
.iconBtn22 .icon span::after {
	width:2rem;
	height:2rem;
  left: 0.5rem;
  top:calc( 50% - 1rem );
}

.iconBtnArea2 .w40per {
	width: calc( 40% - 2rem );
}

/* 画像付きボタン */
.bannerBtnArea {
	margin:2rem 0;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}

.bannerBtnArea .bannerBtn {
	padding:0 1rem 1rem;
	width: 100%;
}
.bannerBtnArea .bannerBtn a {
	display:block;
	text-decoration:none;
}
.bannerBtnArea .bannerBtn a::after {
	width: auto;
	height:auto;
}

.bannerBtnArea .bannerBtn a dl {
	margin:0;
	display:flex;
	border: 2px solid #000;
	border-radius:0.5rem;
	overflow:hidden;
	background-color:#f4f4f5;
}
.bannerBtnArea .bannerBtn.bgWhite a dl {
	background-color:#fff;
}

@media screen and (min-width:961px), print {
.bannerBtnArea .bannerBtn {
	width: auto;
}
.bannerBtnArea .bannerBtn a.w640 {
	min-width: 640px;
}
.bannerBtnArea .bannerBtn a dl {
	min-width:520px;
}
}

.bannerBtnArea .bannerBtn a dt {
	max-width:40%;
}
.bannerBtnArea .bannerBtn a dd {
	margin:0;
	display:flex;
	flex-direction: column;
	justify-content: center;
	font-size:1rem;
	font-weight:bold;
	line-height:1.5;
	padding:0 1.5rem 0 1rem;
}
.bannerBtnArea .bannerBtn a dd br {
	display:none;
}
.bannerBtnArea .bannerBtn a dd [class^="icon_"] {
	width:32px;
	height:32px;
}
.bannerBtnArea .bannerBtn a dd [class^="icon_"].double {
	width:32px;
	height:32px;
	margin-right:1rem;
}

@media screen and (min-width:761px), print {
.bannerBtnArea .bannerBtn a dt {
	max-width:30%;
}
.bannerBtnArea .bannerBtn a dd {
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	font-size:1.5rem;
	line-height:1.5;
	padding:0 4rem 0 2rem;
}
.bannerBtnArea .bannerBtn a dd [class^="icon_"] {
	width:32px;
	height:32px;
}
.bannerBtnArea .bannerBtn a dd [class^="icon_"].double {
	width:64px;
	height:64px;
	margin-right:2rem;
}
}
@media screen and (min-width:961px), print {
.bannerBtnArea .bannerBtn a dd br {
	display:inline;
}
}

.fullBtnArea {
	width: 100%;
	margin:2rem 0;
	display:flex;
	justify-content: center;
}
.fullBtnArea a {
	text-decoration:none;
	border: 1px solid #000;
	border-radius:1rem;
	overflow:hidden;
}
.fullBtnArea dl {
	margin:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	background-color:#fff;
	line-height:1.8;
}
.fullBtnArea dd {
	margin:0;
	padding:1.5rem 1rem;
}
@media screen and (min-width:961px), print {
.fullBtnArea dl {
	flex-direction:row;
}
.fullBtnArea dt {
	width: 45%;
}
.fullBtnArea dd {
	width: 55%;
	padding:0.5rem 4rem 0.5rem 2rem;
}
}

.fullBtnArea dd .btnTitle {
	font-size:1.5rem;
	font-weight:bold;
	margin:0 0 1rem;
}
.fullBtnArea dd .btnSummary {
}

/* 画像入りボタン */
.bannerBtnArea2 {
	margin:2rem 0;
	display:flex;
	justify-content: center;
}

.bannerBtnArea2 p {
	margin:0;
}
.bannerBtnArea2 p .bannerBtn2 {
	display:inline-block;
	position:relative;
	border:2px solid #000;
	border-radius: 1rem;
	text-align:center;
	padding: 0.5rem 3rem 0.5rem 1rem;
}
.bannerBtnArea2 p .bannerBtn2::after {
	line-height:1;
	right: 1rem;
}

@media screen and (min-width:561px), print {
.bannerBtnArea2 p .bannerBtn2 {
	min-width:480px;
}
.bannerBtnArea2 p .bannerBtn2::after {
	right: 1.5rem;
}
}

/* コンテンツメニューボタン */
.contentsMenuArea2 {
	display: flex;
	flex-wrap: wrap;
}

@media screen and (min-width:961px) {
.contentsMenuArea2 {
}
}

.contentsMenuArea2 a {
	margin:0 0.5rem 0.5rem 0;
	position:relative;
	display:inline-block;
	line-height:1;
	padding:1rem 1.5rem 1rem 0.5rem;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	transition-duration: 0.25s;
	border: 2px solid #000;
	background-color:#fff;
	width: calc( ( 100% - 0.5rem ) / 2 );
}
.contentsMenuArea2 a:nth-child(2n) {
	margin:0 0 0.5rem 0;
}
.contentsMenuArea2 a.current,
.contentsMenuArea2 a:hover {
	color:#fff;
	background-color:#000;
}

.contentsMenuArea2 a::after {
	position:absolute;
  font-family: 'icon-ecopa' !important;
  content: "\f105";
	line-height:1;
	right:0.5rem;
}
.contentsMenuArea2 a.current::after {
	transform: rotate(90deg);
	top: calc( 50% - 0.5rem );
}

@media screen and (min-width:961px), print {
.contentsMenuArea2 a {
	min-width:10rem;
	width: calc( ( 100% - 4rem ) / 5 );
	margin:0 1rem 1rem 0;
}
.contentsMenuArea2 a:nth-child(2n) {
	margin:0 1rem 1rem 0;
}
.contentsMenuArea2 > a:nth-child(5n) {
	margin: 0 0 1rem;
}
}

.contentsMenuArea3 {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
.contentsMenuArea3 .contentsMenu {
	margin:0 0.5rem 1rem;
	border:2px solid #000;
	border-radius:0.25rem;
	text-decoration:none;
	min-width: 130px;
}
@media screen and (min-width:961px), print {
}
.contentsMenuArea3 .contentsMenu::after {
	width: auto;
	height:auto;
	line-height:1;
	right: 0.25rem;
}
.contentsMenuArea3 .contentsMenu_inner {
	margin:0;
	padding:1rem 1rem 1rem 0.5rem;
	display:flex;
	align-items: center;
	flex-direction: column;
	line-height:1.2;
	background-color:#eefae0;
}
.contentsMenuArea3 .contentsMenu:hover .contentsMenu_inner {
	background-color:#fff;
}
.contentsMenuArea3 .contentsMenu_inner .contentsMenuIcon {
	padding: 0 0 0.5rem;
}
.contentsMenuArea3 .contentsMenu_inner .contentsMenuIcon span {
	margin:0;
	width:2.5rem;
	height:2.5rem;
}
.contentsMenuArea3 .contentsMenu_inner .contentsMenuTitle {
	margin:0;
}



/* ---------------------------------------------------

	header

--------------------------------------------------- */

.contentsHeader {
	width:100%;
	position:fixed;
	z-index:99;
	background-color:#fff;
	height:60px;
	padding: 0 1rem;
}

.contentsHeader_inner {
	position:relative;
	max-width:1280px;
	margin:0 auto;
	display:flex;
  gap: 2rem;
	align-items:center;
	justify-content:space-between;
}
.contentsHeader_inner .logoArea {
	padding:0.75rem 0;
  width: 100%;
	/*height:60px;*/
}
.contentsHeader_inner .logoArea a {
	display:inline-block;
}
.contentsHeader_inner .logoArea img {
	height:calc( 60px - 1.5rem );
	width: auto;
}

@media screen and (min-width:961px), print {
  .contentsHeader {
    height:156px;
    border-bottom: 2px solid #60a715;
  }
  .contentsPage .contentsHeader {
  }
  .contentsHeader_inner {
    height:90px;
  }
  .contentsHeader_inner .logoArea {
    padding:0;
    width: auto;
    height:auto;
    max-width:320px;
  }
  .contentsHeader_inner .logoArea img {
    height:auto;
    width: auto;
  }
}
.contentsHeader_inner .logoArea h1,
.contentsHeader_inner .logoArea p {
	line-height:1;
	font-size:1rem;
	margin:0;
}
.contentsHeader_inner .logoArea a {
	text-decoration:none;
	color:#333;
}
.contentsHeader_inner .headerBtnArea {
	display:none;
}
.contentsHeader_inner .headerBtnArea .findBox {
	display:flex;
	position:relative;
	height:52px;
	background-color:#fff;
}

.contentsHeader_inner .headerBtnArea .snsBox {
	display:flex;
	align-items: center;
	list-style:none;
	margin:0;
	padding:2px 0;
	z-index:100;
	background-color:#fff;
}
.contentsHeader_inner .headerBtnArea .snsBox li {
	margin:0 .5rem;
  height:40px;
}
.contentsHeader_inner .headerBtnArea .snsBox li a {
}
.contentsHeader_inner .headerBtnArea .snsBox li img {
  max-height: 100%;
  width: auto;
}
.contentsHeader_inner .headerBtnArea .findBox #searchForm {
	position:absolute;
	width:3rem;
  right:calc( 120px * -1 );
	transition: right .125s;
	z-index:50;
	display:flex;
	align-items: center;
	height:48px;
	top:1px;
}
.contentsHeader_inner .headerBtnArea .findBox #searchForm.show {
	width:calc( 120px + 5rem );
	right: 5rem;
}
.contentsHeader_inner .headerBtnArea .findBox #searchForm input {
	padding:.75rem 3.5rem .75rem 1rem;
	width:3rem;
	transition: all .125s;
	border: 1px solid #000;
}
.contentsHeader_inner .headerBtnArea .findBox #searchForm input:focus,
.contentsHeader_inner .headerBtnArea .findBox #searchForm input:focus-visible {
	outline: none;
}
.contentsHeader_inner .headerBtnArea .findBox #searchForm.show input {
	width:calc( 120px + 5rem );
	border-radius:0.5rem;
}
.contentsHeader_inner .headerBtnArea .findBox #searchForm button {
	position:absolute;
	right:0;
	width:3rem;
	background-color:#000;
	color:#fff;
	cursor:pointer;
	border:1px solid #000;
	padding:.75rem 0;
	border-top-right-radius:0.5rem;
	border-bottom-right-radius: 0.5rem;
	display:none;
}
.contentsHeader_inner .headerBtnArea .findBox #searchForm.show button {
	display: inline-block;
}
.contentsHeader_inner .headerBtnArea .findBox #searchIcon {
	z-index:100;
	font-size:36px;
	line-height:48px;
	border:none;
	background:#fff;
	padding:0 1rem 0 0;
	cursor:pointer;
	border-right: 1px solid #000;
}


.contentsHeader_inner .headerBtnArea .langBtn {
	margin:0 0 0 1rem;
	display:flex;
	align-items: center;
}
.contentsHeader_inner .headerBtnArea .langBtn p {
	margin:0;
}
.contentsHeader_inner .headerBtnArea .langBtn p a {
	display:block;
	padding:0.35rem 1rem;
	border:1px solid #000;
	border-radius: 0.25rem;
	text-decoration:none;
}
.contentsHeader_inner .headerBtnArea .langBtn p a span {
  display: none;
}
.contentsHeader_inner .headerBtnArea .contactBtn {
	margin:0 0 0 1rem;
}
.contentsHeader_inner .headerBtnArea .contactBtn p {
	margin:0;
}
.contentsHeader_inner .headerBtnArea .contactBtn p a {
	margin:0;
}
@media screen and (min-width:961px) {
.contentsHeader {
}
.contentsHeader_inner {
}
.contentsHeader_inner .logoArea {
  padding: 1rem 0;
}
.contentsHeader_inner .logoArea h1,
.contentsHeader_inner .logoArea p {
}
.contentsHeader_inner .headerBtnArea {
	display:flex;
	padding:1px 0;
}
.headerBtnArea a {
}

				
}


/* ---------------------------------------------------

	nav

--------------------------------------------------- */
.drawer-hamburger {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
}
/*.drawer-hamburger .sr-only {
	clip: auto;
	width: 100%;
	left:0;
	bottom:6px;
	font-size:75%;
	margin:0;
	font-weight:bold;
	height:auto;
}*/

.drawer-hamburger .drawer-hamburger-icon {
}
.drawer-hamburger .drawer-hamburger-icon::before {
  top: -14px;
}
.drawer-hamburger .drawer-hamburger-icon::after {
  top: 14px;
}
.drawer-open .drawer-hamburger-icon::before {
  top: 0px;
}
.drawer-open .drawer-hamburger-icon:after {
  top: 0px;
}
.drawer-nav {
	padding:1rem 1rem;
}

.drawer-nav > .drawer-menu {
  overflow-y: scroll;
  -webkit-overflow-scrolling: auto;
}

.drawer--top.drawer-open .drawer-nav {
	top: 60px;
	padding: 0 0 60px;
}
.drawer-nav_wrap {
	background-color:#eefae0;
	padding:1rem;
}

.drawer-nav_wrap2 {
	background-color:#fff;
	padding:1rem;
}
.drawer-nav_wrap2 .spContactArea p {
	margin:0;
}
.drawer-nav_wrap2 .spContactArea p a {
	margin:0;
	width: 100%;
}

.drawer-nav_wrap3 {
	background-color:#77b736;
	padding:1rem;
}
.drawer-nav_wrap3 .spEnglishArea p {
	margin:0;
}
.drawer-nav_wrap3 .spEnglishArea p a {
	position:relative;
	display:inline-block;
	line-height:1;
	min-width:190px;
	padding:1rem 1.5rem 1rem 1.5rem;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	border: 1px solid #000;
	background-color:#fff;
	border-radius:1.5rem;
	cursor:pointer;
	transition-duration: 0.25s;
}


.drawer-nav_wrap dl {
	margin:0 0 0.5rem;
}

.drawer-nav_wrap dl dt {
	text-align:left;
	font-weight:bold;
	border:1px solid #000;
	border-radius:0.5rem;
	background-color:#fff;
}
.drawer-nav_wrap dl dt .caps,
.drawer-nav_wrap dl dt a {
	display:block;
	text-decoration:none;
	padding:1rem 4rem;
	position:relative;
}

.drawer-nav_wrap dl dt .caps::before,
.drawer-nav_wrap dl dt a::before {
	top: 0.5rem;
	left: 1rem;
	width:32px;
	height:32px;
	position:absolute;
	content:"";
	background-size: contain;
	background-repeat:no-repeat;
	background-position:left center;
}
.drawer-nav_wrap #spMenu1 dl dt .caps::before {
	background-image:url(/src/images/common/icon_home.svg);
}
.drawer-nav_wrap #spMenu2 dl dt .caps::before {
	background-image:url(/src/images/icons/icon_event.svg);
}
.drawer-nav_wrap #spMenu3 dl dt a::before {
	background-image:url(/src/images/common/icon_gmenu01.svg);
}
.drawer-nav_wrap #spMenu4 dl dt .caps::before {
	background-image:url(/src/images/common/icon_gmenu02.svg);
}
.drawer-nav_wrap #spMenu5 dl dt .caps::before {
	background-image:url(/src/images/common/icon_gmenu03.svg);
}
.drawer-nav_wrap #spMenu6 dl dt .caps::before {
	background-image:url(/src/images/common/icon_gmenu04.svg);
}
.drawer-nav_wrap #spMenu7 dl dt .caps::before {
	background-image:url(/src/images/common/icon_gmenu05.svg);
}
.drawer-nav_wrap #spMenu8 dl dt .caps::before {
	background-image:url(/src/images/icons/icon_ecopahouse.svg);
}
.drawer-nav_wrap #spMenuOther1 dl dt a::before {
	background-image:url(/src/images/icons/icon_faq.svg);
}
.drawer-nav_wrap #spMenuOther2 dl dt a::before {
	background-image:url(/src/images/icons/icon_info.svg);
}

.englishNavi .drawer-nav_wrap #spMenu1 dl dt .caps::before {
	background-image:url(/src/images/common/icon_home.svg);
}
.englishNavi .drawer-nav_wrap #spMenu2 dl dt .caps::before {
	background-image:url(/src/images/common/icon_gmenu02.svg);
}
.englishNavi .drawer-nav_wrap #spMenu3 dl dt .caps::before {
	background-image:url(/src/images/common/icon_gmenu03.svg);
}
.englishNavi .drawer-nav_wrap #spMenu4 dl dt .caps::before {
	background-image:url(/src/images/common/icon_gmenu04.svg);
}



.drawer-nav_wrap dl dt a::after {
  font-family: 'icon-ecopa' !important;
	content:"\f105";
	position:absolute;
	right:1.25rem;
}


.drawer-nav_wrap dl dt .caps::after {
	content:"＋";
	position:absolute;
	right:1rem;
}
.drawer-nav_wrap dl dt.open .caps::after {
	content:"－";
	position:absolute;
	right:1rem;
}

.drawer-nav_wrap dl dt.open {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.drawer-nav_wrap dl dd {
	margin:0;
	background-color:#fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}
.drawer-nav_wrap dl dd ul {
	margin:0;
	padding:0;
	list-style:none;
}
.drawer-nav_wrap dl dd ul li {
	text-align:left;
	padding-left:4rem;
	border-bottom: 1px solid #000;
}
.drawer-nav_wrap dl dd ul > li:last-child {
	border-bottom: none;
}
.drawer-nav_wrap dl dd ul li a {
	display:flex;
	align-items: center;
	text-decoration:none;
	position:relative;
	padding:1rem 0;
}
.drawer-nav_wrap dl dd ul li a::before {
	content: "▲";
	font-size:0.5rem;
	display:inline-block;
	transform: rotate(90deg);
	margin-right:0.5rem;
}

.drawer-nav_wrap {
	overflow:auto;
}
.drawer-nav_wrap dl dd {
	display:none;
}



.drawer-nav .spFindArea {
	padding:1rem 0;
}
.drawer-nav .spFindArea #searchForm1 {
	width:100%;
	position:relative;
}
.drawer-nav .spFindArea #searchForm1.show {
	width:100%;
}
.drawer-nav .spFindArea #searchForm1 input {
	padding:.75rem 3.5rem .75rem 1rem;
	width:100%;
	border-radius:0.5rem;
	transition: all .125s;
	border: 1px solid #000;
}
.drawer-nav .spFindArea #searchForm1 input:focus,
.drawer-nav .spFindArea #searchForm1 input:focus-visible {
	outline: none;
}
.drawer-nav .spFindArea #searchForm1 button {
	position:absolute;
	right:0;
	width:3rem;
	background-color:#000;
	color:#fff;
	cursor:pointer;
	border:1px solid #000;
	padding:.75rem 0;
	border-top-right-radius:0.5rem;
	border-bottom-right-radius: 0.5rem;
	display: inline-block;
}
.drawer-nav .spMenu > ul {
	list-style:none;
	padding:0;
	margin:0;
}
.drawer-nav .spMenu > ul > li {
	margin-bottom:0.5rem;
}
.drawer-nav .spMenu > ul > li a {
	position:relative;
	display:flex;
	align-items: center;
	padding:1rem;
	text-decoration:none;
	color:#fff;
	background-color:#000;
	border-radius: 0.5rem;
}
.drawer-nav .spMenu > ul > li:nth-child(1) a {
	background-color:#174db1;
	border-radius: 0.5rem;
}
.drawer-nav .spMenu > ul > li a::after {
	position:absolute;
  font-family: 'icon-ecopa' !important;
	width:1rem;
	height:1rem;
	top: calc( 50% - 0.55em );
	right:1em;
	font-size:125%;
	font-weight:normal;
  content: "\f105";
}

.drawer-nav .spMenu2 dl {
	overflow:hidden;
	padding-bottom:1px;
}
.drawer-nav .spMenu2 dl dt {
	position:relative;
	text-decoration:none;
	text-align:left;
	color:#fff;
	background-color:#000;
	border-top-right-radius: 0.5rem;
	border-top-left-radius: 0.5rem;
	overflow:hidden;
}
.drawer-nav .spMenu2 dl dt .spMenuCaps {
	display:block;
	padding:1rem;
}
.drawer-nav .spMenu2 dl dt .spMenuCaps::after {
	top: calc( 50% - 0.7em);
}
.drawer-nav .spMenu2 dl dd {
	margin:0;
	position:relative;
	text-decoration:none;
	color:#000;
	background-color:#fff;
	border-right:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	border-bottom-right-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}
.drawer-nav .spMenu2 dl dd > ul {
	margin:0;
	padding:0;
	list-style:none;
}
.drawer-nav .spMenu2 dl dd > ul > li a {
	text-align:left;
	margin:0;
	padding:1rem;
	display:block;
	border-top: 1px solid #000;
	text-decoration:none;
	position:relative;
}

.drawer-nav .spMenu2 dl dd > ul > li a::after {
	position:absolute;
  font-family: 'icon-ecopa' !important;
	font-size:125%;
	width:1em;
	height:1em;
	top: calc( 50% - 0.55em );
	right:1em;
	font-weight:normal;
  content: "\f105";
}


.drawer-nav .spSnsArea ul {
	display:flex;
	justify-content: center;
	align-items: center;
	padding:0;
	list-style:none;
}
.drawer-nav .spSnsArea ul li {
	margin:0;
	padding:0 1rem;
  flex: 1;
  max-width:64px;
}


.contNavArea {
	display:none;
	font-weight:500;
	padding:0 1rem;
}

.contNavArea .gMenuSet {
	max-width:1280px;
	margin:0 auto;
	position:relative;
}
.contNavArea .gMenuSet .gMenu {
	display:flex;
	justify-content:center;
	margin:0;
	list-style:none;
	padding:0;
}
.contNavArea .gMenuSet li {
	height: 64px;
	min-width:fit-content;
  width: calc( 100% / 5 );
	display:flex;
	padding: 0 0.5rem;
}
.contNavArea .gMenuSet .gMenu > li:first-child {
}
.contNavArea .gMenuSet .gMenu > li:last-child {
}

.contNavArea .gMenuSet .gMenu li a {
	width:100%;
	padding:0 .5rem;
	line-height:1;
	justify-content:center;
	text-decoration:none;
	display:flex;
	align-items:center;
	border: 1px solid #fff;
	position:relative;
	transition-duration: 0.25s
}
.contNavArea .gMenuSet .gMenu li a::before {
	display:inline-block;
	height: 35px;
	margin-right:0.5rem;
}

.contNavArea .gMenuSet .gMenu .gmenu1 a::before {
	content:url(/src/images/common/icon_gmenu01.svg);
	width:32px;
}
.contNavArea .gMenuSet .gMenu .gmenu2 a::before {
	content:url(/src/images/common/icon_gmenu02.svg);
	width:42px;
}
.contNavArea .gMenuSet .gMenu .gmenu3 a::before {
	content:url(/src/images/common/icon_gmenu03.svg);
	width:30px;
}
.contNavArea .gMenuSet .gMenu .gmenu4 a::before {
	content:url(/src/images/common/icon_gmenu04.svg);
	width:35px;
}
.contNavArea .gMenuSet .gMenu .gmenu5 a::before {
	content:url(/src/images/common/icon_gmenu05.svg);
	width:24px;
}
.contNavArea .gMenuSet .gMenu li a.current,
.contNavArea .gMenuSet .gMenu li a:hover {
	border-top: 2px solid #60a715;
	border-right: 2px solid #60a715;
	border-left: 2px solid #60a715;
	border-top-left-radius:1rem;
	border-top-right-radius:1rem;
	background-color:#eefae0;
}
.contNavArea .gMenuSet .gMenu li a.current {
	height: calc( 100% + 2px );
	border-bottom: 2px solid #eefae0;
}

.englishNav .gMenuSet .gMenu .gmenu1 a::before {
	content:url(/src/images/common/icon_gmenu02.svg);
	width:42px;
}
.englishNav .gMenuSet .gMenu .gmenu2 a::before {
	content:url(/src/images/common/icon_gmenu03.svg);
	width:30px;
}
.englishNav .gMenuSet .gMenu .gmenu3 a::before {
	content:url(/src/images/common/icon_gmenu04.svg);
	width:35px;
}
@media screen and (min-width:961px), print {
.contNavArea {
	display:block;
}
.drawer-hamburger {
	display:none;
}
}
@media screen and (min-width:1121px), print {
.contNavArea .gMenuSet li {
}
.contNavArea .gMenuSet a {
	font-size:1.125rem;
}
}

/* ---------------------------------------------------

	footer

--------------------------------------------------- */
@media screen and (min-width:561px), print {
.gFooter {
  padding-top: 100px;
} 
}
.footerInner {
	display:none;
}

@media screen and (min-width:961px), print {
.footerInner {
	display:block;
	padding:3rem 1rem 6rem;
	background-color:#f4f4f5;
}
.footerMenuArea {
	max-width: 1280px;
	margin: 0 auto;
	display:flex;
	flex-wrap: wrap;
}

.footerMenuArea > .footerMenu1 {
	width: calc((100% - 4rem) / 5);
	margin-right:1rem;
	margin-bottom:1rem;
}
.footerMenuArea > .footerMenu2 {
	width: calc(( 100% - 4rem) / 5 * 2 + 1rem);
	margin-right:1rem;
	margin-bottom:1rem;
}
.footerMenuArea > .footerMenu3 {
	width: calc((100% - 4rem) / 5);
	margin-right:1rem;
	margin-bottom:1rem;
}

.footerMenuArea > div:nth-child(3) {
	margin-right: 0;
}
.footerMenuArea > div:nth-child(7) {
	margin-right: 0;
}
}
@media screen and (min-width:1121px), print {
.footerMenuArea > .footerMenu1 {
	width: calc((100% - 12rem) / 5);
	margin-right:3rem;
}
.footerMenuArea > .footerMenu2 {
	width: calc(( 100% - 12rem) / 5 * 2 + 3rem);
	margin-right:3rem;
}
.footerMenuArea > .footerMenu3 {
	width: calc((100% - 12rem) / 5);
	margin-right:3rem;
}
}
.footerMenuArea dl {
	margin: 0 0 2rem;
}
.footerMenuArea dl dt {
	margin:0 0 1rem;
	font-weight:bold;
	font-size:1.125rem;
	line-height:1.25;
	padding-bottom:0.5rem;
	border-bottom: 2px solid #60a715;
}
.footerMenuArea dl dt a {
  position: relative;
	display:block;
	text-decoration: none;
	padding-left:2rem;
}
.footerMenuArea dl dt a::before {
	position:absolute;
	display:inline-block;
	top:0.2rem;
	left:0;
	font-weight:normal;
	font-size: 75%;
  font-family: 'icon-ecopa' !important;
  content: "\f105";
	color: #fff;
	width: 1.25rem;
	line-height:1.25rem;
	text-align:center;
	background-color:#60a715;
	border-radius:0.625rem;
}
.footerMenuArea dl dd {
	margin:0 0 0.5rem;
	padding-left: 0.5rem;
}
.footerMenuArea dl dd a {
  position: relative;
	display:block;
	padding: 0 0 0 1rem;
	text-decoration:none;
}
.footerMenuArea dl dd a::before {
	position:absolute;
	top:0.25rem;
	left:0;
	font-weight:normal;
	font-size: 75%;
  font-family: 'icon-ecopa' !important;
  content: "\f105";
}

@media screen and (min-width:1121px), print {
.footerMenuArea dl dd {
	padding-left: 1rem;
}
}

.footerMenu2 dl {
	display:flex;
	flex-wrap: wrap;
}

.footerMenu2 dl dt {
	width: 100%;
}
.footerMenu2 dl dd {
	width: 50%;
}
.footerMenu2 dl dd.children {
  width: 100%;
  padding-left:0;
}
.footerMenu2 dl dd ul {
	list-style:none;
	padding:0;
	margin:0;
}
.footerMenu2 dl dd.children ul {
  display:flex;
	flex-wrap: wrap;
}
.footerMenu2 dl dd ul li {
	margin: 0 0 0.5rem;
  padding-left: 1rem;
}
.footerMenu2 dl dd.children ul li {
  width: 50%;
}

.footerBtn {
	margin:0;
	display:flex;
  align-items: flex-start;
}
.footerBtn a {
	width: 48%;
	margin-right:2%;
	text-decoration:none;
	border: 1px solid #000;
	background-color: #fff;
	position:relative;
	line-height:1;
	padding:1rem 0.5rem 1rem 1.5rem;
	font-weight:bold;
	cursor:pointer;
	transition-duration: 0.25s;
}
.footerBtn a::before {
	position:absolute;
  font-family: 'icon-ecopa' !important;
  content: "\f105";
	width:1rem;
	height:1rem;
	line-height:1;
	top: calc( 50% - 0.5rem );
	left: 0.75rem;
}


.footerInner2 {
	padding:1rem;
	background-image:url(../images/common/bg_footer.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size: cover;
}

.footerInner2 .footerInner2Block {
	margin:0 auto 1rem;
	position:relative;
	background-color:#fff;
	padding: 2rem 1rem;
	border-radius: 1.5rem;
}
@media screen and (min-width:561px), print {
.footerInner2 {
	padding:0 1rem;
	height: 564px;
}
.footerInner2 .footerInner2Block {
	margin:0 auto;
	max-width:540px;
	padding: 2rem 4rem;
	top: -100px;
}
}
.footerInner2 .footerInner2Block .footerLogoBox {
	text-align:center;
	margin:0 0 1rem;
  font-size: 1.125rem;
  font-weight: bold;
}
.footerInner2 .footerInner2Block .footerLogoBox img {
	margin: 0 0 2rem;
}
.footerInner2 .footerInner2Block .subTextBox {
	padding: 0 0 1rem;
	border-bottom: 1px solid #000;
	margin:0 0 1rem;
	display: flex;
	align-items: center;
}
.footerInner2 .footerInner2Block .subTextBox .thumb {
	margin-right: 1rem;
}
.footerInner2 .footerInner2Block .subTextBox .summary {
	line-height:1.6;
}
.footerInner2 .footerInner2Block .accessBox {
	text-align:center;
	line-height:2;
}

.footerInner2 .footerMenuArea2 {
	margin:0 auto;
	position:relative;
}

.footerInner2 .footerMenuArea2 .footerMenu2 {
	list-style:none;
	margin:0;
	padding:0;
	display: flex;
	flex-wrap: wrap;
}

.footerInner2 .footerMenuArea2 .footerMenu2 p {
	padding:0 0 0.5rem;
	margin:0;
	width: 100%;
}
@media screen and (min-width:561px), print {
.footerInner2 .footerMenuArea2 {
	max-width:540px;
  width:100%;
	top: -84px;
}
}
@media screen and (min-width:961px), print {
.footerInner2 .footerMenuArea2 {
	width:calc(540px + 1rem);
  max-width: none;
}
.footerInner2 .footerMenuArea2 .footerMenu2 p {
	padding: 0 0.5rem 0.5rem;
	width: 50%;
}
}

.footerInner2 .footerMenuArea2 .footerMenu2 p a {
	display:block;
	text-decoration:none;
	background-color:#fff;
	position:relative;
	line-height:2.5;
	padding:0.5rem 1.5rem 0.5rem 2rem;
	font-weight:bold;
	cursor:pointer;
	transition-duration: 0.25s;
	border-radius: 0.5rem;
}
.footerInner2 .footerMenuArea2 .footerMenu2 p a::before {
	display: inline-block;
	width: 2.5rem;
	height:2.5rem;
	vertical-align:middle;
	margin-right:1.5rem;
}
.footerInner2 .footerMenuArea2 .footerMenu2 p a.mapLink::before {
	content:url(../images/common/icon_map.svg);
	
}
.footerInner2 .footerMenuArea2 .footerMenu2 p a.routeLink::before {
	content:url(../images/common/icon_route.svg);
}
.footerInner2 .footerMenuArea2 .footerMenu2 p a::after {
	position:absolute;
  font-family: 'icon-ecopa' !important;
  content: "\f105";
	width:1rem;
	height:1rem;
	line-height:1;
	top: calc( 50% - 0.5rem );
	right:1em;
}



.copyrightArea {
	padding:1.5rem 1rem;
}
.copyrightArea p {
	text-align:center;
	margin:0;
}

/* ---------------------------------------------------

	pagetop

--------------------------------------------------- */
.set_pagetop {
	position: absolute;
	position: fixed !important;
	bottom: 4rem;
	right: 1rem;
	z-index:1000;
	margin:0;
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	transition-duration: 0s;
}
.set_pagetop .page_top {
	display:flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	font-size: 2rem;
	text-align:center;
	background-color: #60a715;
	border: 2px solid #fff;
	border-radius: 25px;
	text-decoration:none;
	color:#fff;
	line-height:1;
}

.drawer--top.drawer-open .set_pagetop .page_top {
	display:none!important;
	color:#fff;
}

.set_pagetop .page_top span {
	padding-bottom:0.25rem;
}
@media screen and (min-width:961px) {
.set_pagetop .page_top {
	width:90px;
	height:90px;
	border-radius: 47px;
}
}

/* ---------------------------------------------------

	Layout

--------------------------------------------------- */


/* ---------------------------------------------------
	icons
--------------------------------------------------- */
[class^="icon_"], [class*=" icon_"] {
  width:32px;
	height:32px;
	display: inline-block;
	background-position:center center;
	background-size: contain;
	background-repeat:no-repeat;
	vertical-align:middle;
	margin-right:0.5rem;
}
.icon_event {
	background-image:url(/src/images/common/icon_gmenu01.svg);
}
.icon_event_list {
	background-image:url(/src/images/icons/icon_event.svg);
}

.icon_concert {
	background-image:url(/src/images/icons/icon_concert.svg);
}
.icon_jleague {
	background-image:url(/src/images/icons/icon_soccer.svg);
}
.icon_rugby {
	background-image:url(/src/images/icons/icon_rugby.svg);
}
.icon_car {
	background-image:url(/src/images/icons/icon_car.svg);
}
.icon_bike {
	background-image:url(/src/images/icons/icon_bike.svg);
}


.icon_news {
	background-image:url(/src/images/icons/icon_news.svg);
}

.icon_facility {
	background-image:url(/src/images/common/icon_gmenu02.svg);
}
.icon_arena {
	background-image:url(/src/images/icons/icon_arena.svg);
}
.icon_facility2 {
	background-image:url(/src/images/icons/icon_facility.svg);
}

.icon_training {
	background-image:url(/src/images/icons/icon_training.svg);
}
.icon_exercise {
	background-image:url(/src/images/icons/icon_exercise.svg);
}
.icon_exercise2 {
	background-image:url(/src/images/icons/icon_exercise2.svg);
}
.icon_exercise3 {
	background-image:url(/src/images/icons/icon_exercise3.svg);
}
.icon_exercise4 {
	background-image:url(/src/images/icons/icon_exercise4.svg);
}


.icon_museum {
	background-image:url(/src/images/icons/icon_museum.svg);
}
.icon_restaurant {
	background-image:url(/src/images/icons/icon_restaurant.svg);
}
.icon_universal {
	background-image:url(/src/images/icons/icon_universal.svg);
}

.icon_fleamarket {
	background-image:url(/src/images/icons/icon_fleamarket.svg);
}
.icon_coffee {
	background-image:url(/src/images/icons/icon_coffee.svg);
}


.icon_seat {
	background-image:url(/src/images/icons/icon_seat.svg);
}

.icon_map {
	background-image:url(/src/images/common/icon_gmenu03.svg);
}
.icon_walking2 {
	background-image:url(/src/images/icons/icon_walking2.svg);
}

.icon_question,
.icon_faq {
	background-image:url(/src/images/icons/icon_faq.svg);
}
.icon_link,
.icon_sitemap,
.icon_privacypolicy,
.icon_sitepolicy,
.icon_info {
	background-image:url(/src/images/icons/icon_info.svg);
}

.icon_reserve,
.icon_input {
	background-image:url(/src/images/icons/icon_input.svg);
}
.icon_price {
	background-image:url(/src/images/icons/icon_price.svg);
}
.icon_download {
	background-image:url(/src/images/icons/icon_download.svg);
}

.icon_access {
	background-image:url(/src/images/common/icon_gmenu04.svg);
}

.icon_parking {
	background-image:url(/src/images/icons/icon_parking.svg);
}
.icon_parkpin {
	background-image:url(/src/images/icons/icon_parkpin.svg);
}

.icon_usinginfo,
.icon_organizer {
	background-image:url(/src/images/common/icon_gmenu05.svg);
}
.icon_ecopahouse {
	background-image:url(/src/images/icons/icon_ecopahouse.png);
}

.icon_ecopahouse1 {
	background-image:url(/src/images/icons/icon_ecopahouse.png);
}

.icon_office {
	background-image:url(/src/images/icons/icon_office.svg);
}


.icon_sports {
	background-image:url(/src/images/icons/icon_shoes.svg);
}
.icon_camera {
	background-image:url(/src/images/icons/icon_camera.svg);
}

.icon_caution{
	background-image:url(/src/images/icons/icon_cautionred.svg);
}
.icon_inputGreen {
	background-image:url(/src/images/icons/icon_inputGreen.svg);
}

.icon_history {
	background-image:url(/src/images/icons/icon_history.svg);
}
.icon_tel {
	background-image:url(/src/images/icons/icon_tel.svg);
}
.icon_email {
	background-image:url(/src/images/icons/icon_email.svg);
}
.icon_emailGreen {
	background-image:url(/src/images/icons/icon_emailGreen.svg);
}
.icon_emailWhite {
	background-image:url(/src/images/icons/icon_emailWhite.svg);
}

.icon_mappin {
	background-image:url(/src/images/icons/icon_mapPin.svg);
}
.icon_etc {
	background-image:url(/src/images/icons/icon_etc.svg);
}
.icon_tourist {
	background-image:url(/src/images/icons/icon_tourist.svg);
}
.icon_train {
	background-image:url(/src/images/icons/icon_train.svg);
}
.icon_airplane {
	background-image:url(/src/images/icons/icon_airplane.svg);
}
.icon_route {
	background-image:url(/src/images/icons/icon_route.svg);
}
.icon_street {
	background-image:url(/src/images/icons/icon_street.svg);
}
.icon_walking {
	background-image:url(/src/images/icons/icon_walking.svg);
}

.icon_language {
	background-image:url(/src/images/icons/icon_language.svg);
}

/* ---------------------------------------------------
	caption
--------------------------------------------------- */
.pageCaptionArea {
	background-color:#eefae0;
	/* border-bottom: 2px solid #000; */
	padding:0 0.5rem;
}
.pageCaptionArea .contentsTop {
	max-width:1280px;
	margin:0 auto;
	display:flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 21 / 9;
	position:relative;
}
.pageCaptionArea .contentsTop .contentsTopTitle {
	position:relative;
	margin: -2rem 0 0 0;
	font-size: 7.5vw;
	font-weight:bold;
	z-index: +1;
	text-indent: -18vw;
	padding-left: 18vw;
}

.pageCaptionArea .contentsTop .contentsTopTitle [class^="icon_"] {
	width:3rem;
	height:3rem;
	margin-right: 1rem;
}
.pageCaptionArea .contentsTop .englishTitle {
	font-size:2rem;
	font-weight:bold;
	position:absolute;
	width: 100%;
	left: 0;
	bottom: 1.5rem;
	text-align:center;
	/* right: 0.5rem;
	top:1rem; */
  font-family: 'Quattrocento Sans', sans-serif;
  color: transparent;
  -webkit-text-stroke: 1px #59a309;
}

@media screen and (min-width:561px) {
.pageCaptionArea .contentsTop .contentsTopTitle {
	font-size: 2rem;
	text-indent: 0;
	padding-left: 0;
}
.pageCaptionArea .contentsTop .englishTitle {
	font-size:3rem;
}
}
@media screen and (min-width:761px) {
.pageCaptionArea .contentsTop {
	aspect-ratio: auto;
	height:26vw;
}
}
@media screen and (min-width:961px), print {
.pageCaptionArea .contentsTop {
	justify-content:flex-start;
	height:180px;
}
.pageCaptionArea .contentsTop .contentsTopTitle {
	margin:0;
}
.pageCaptionArea .contentsTop .contentsTopTitle [class^="icon_"] {
	width:3.75rem;
	height:3.75rem;
	margin-right: 1.25rem;
}
.pageCaptionArea .contentsTop .englishTitle {
	font-size:6.25rem;
	right: 0;
	top:20%;
	width: auto;
	left:auto;
	bottom: auto;
}
}
.pageCaptionArea .contentsTop .englishTitle p {
	margin:0;
}

.contentsTitle1 {
	display:flex;
	width: 100%;
	border: 2px solid #000;
	border-radius:0.5rem;
	overflow:hidden;
	margin:0 0 2rem;
	font-size: 1.25rem;
	line-height:1.2;
}

.contentsTitle1 .icon {
	padding:1rem 1.5rem;
	background-color:#eefae0;
	border-right: 1px solid #000;
	display: flex;
	align-items:center;
}
.contentsTitle1 .icon [class^="icon_"] {
	width:2.5rem;
	height:2.5rem;
	margin-right: 0;
}
.contentsTitle1 .label {
	margin:0;
	padding: 0 0.5rem;
	display: flex;
	align-items:center;
}

@media screen and (min-width:561px), print {
.contentsTitle1 {
	font-size: 1.5rem;
}
}
@media screen and (min-width:961px), print {
.contentsTitle1 {
	font-size: 1.75rem;
}
.contentsTitle1 .icon [class^="icon_"] {
	width:3rem;
	height:3rem;
}
.contentsTitle1 .label {
	padding: 0 1.5rem;
}
}

.contentsTitle2 {
	width: 100%;
	border: 2px solid #000;
	border-radius:0.5rem;
	overflow:hidden;
	margin:0 0 2rem;
	position:relative;
	display: flex;
	align-items: center;
	padding:0.5rem 1rem 0.5rem 2rem;
	min-height: 5.5rem;
	font-size: 1.5rem;
}
.contentsTitle2::before {
	display: block;
	content:" ";
	width:1rem;
	height:100%;
	background-color:#60a715;
	position:absolute;
	top:0;
	left:0;
}
.label_2 {
  margin-left:1rem;
  display: inline-block;
	border: 1px solid #ff4500;
	color: #ff4500;
	background-color: #fff;
  border-radius:0.25rem;
  font-size: 1rem;
  padding: 0.1em 0.5em;
  position: relative;
  bottom: 0.1em;
}
.contentsTitle2 .label_2 {
  font-size:70%;
}
.label_2.bgOrange {
}
@media screen and (min-width:561px), print {
.contentsTitle2 {
	margin:0 0 4rem;
	font-size: 1.75rem;
}
}

.contentsDetailTitle1,
.contentsDetailTitle11 {
	position:relative;
	top:10px;
	border: 4px solid #60a715;
	background-color:#fff;
	min-height:7rem;
	display:flex;
	align-items: center;
	border-radius:1rem;
	font-size: 1.5rem;
	line-height:1.2;
}
.contentsDetailTitle1 {
	padding:1.5rem 1rem;
	margin: 6px 6px 3rem;
	justify-content: flex-start;
}
.contentsDetailTitle1 .nowLabel {
  position: absolute;
  right: 0.5rem;
  top:-0.75rem;
  font-size:1rem;
  padding: 0.25rem 1rem;
  border: 2px solid #ff4500;
  background-color: #fff;
  color: #ff4500;
  border-radius:0.5rem;
}
@media screen and (min-width:561px), print {
.contentsDetailTitle1,
.contentsDetailTitle11 {
	font-size: 1.75rem;
}
}
@media screen and (min-width:961px), print {
.contentsDetailTitle1,
.contentsDetailTitle11 {
	font-size: 2rem;
	min-height:9rem;
	line-height:1.5;
}
.contentsDetailTitle1 .nowLabel {
  right: 2rem;
  top: auto;
  padding: 0.25rem 1.5rem;
  font-size: 2rem;
}
}
.contentsDetailTitle11 {
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	margin: 6px 6px 4rem;
	padding: 0.75rem 0 0.5rem;
}
.contentsDetailTitle11 > .label {
	display:block;
	width: 100%;
	padding: 0 1rem 0.5rem;
	text-align:center;
}
.contentsDetailTitle11 > .label:nth-child(2) {
	font-size: 1rem;
	border-top: 3px solid #60a715;
	padding:0.75rem 1rem 0.5rem;
}

.contentsDetailTitle1::before,
.contentsDetailTitle11::before {
	z-index: -1;
	content:" ";
	background-color:#60a715;
	width:230px;
	min-height:5.5rem;
	position:absolute;
	top: -12px;
	left:-12px;
	clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
}

.contentsDetailTitle1::after,
.contentsDetailTitle11::after {
	z-index: -1;
	content:" ";
	background-color:#60a715;
	width:230px;
	min-height:5.5rem;
	position:absolute;
	bottom: -12px;
	right:-12px;
	clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
}
.contentsDetailTitle1 [class^="icon_"] {
	width: 3rem;
	height:3rem;
	margin-right:1rem;
	display:none;
}
@media screen and (min-width:561px), print {
.contentsDetailTitle1 [class^="icon_"] {
	display: block;
}
.contentsDetailTitle11 {
	font-size: 2rem;
	min-height:9rem;
}
.contentsDetailTitle11 > .label {
	padding: 0 1rem;
}
.contentsDetailTitle11 > .label:nth-child(2) {
	padding:1rem 1rem 0;
}
}

@media screen and (min-width:961px), print {
.contentsDetailTitle11,
.contentsDetailTitle1 {
	position:relative;
	top:10px;
	border: 4px solid #60a715;
	background-color:#fff;
	display:flex;
	align-items: center;
	border-radius:1rem;
	font-size: 2rem;
	min-height:9rem;
}
.contentsDetailTitle11 {
	min-height:13.75rem;
	font-size: 2.5rem;
}

.contentsDetailTitle1 [class^="icon_"] {
	margin-right:1.5rem;
}
.contentsDetailTitle1::before,
.contentsDetailTitle11::before {
	top: -10px;
	left:-10px;
	min-height:7.5rem;
}

.contentsDetailTitle1::after,
.contentsDetailTitle11::after {
	bottom: -10px;
	right:-10px;
	min-height:7.5rem;
}
.contentsDetailTitle1 {
	padding:0.5rem 12rem 0.5rem 4rem;
	margin: 6px 6px 4rem;
}
.contentsDetailTitle11 > .label:nth-child(2) {
	font-size: 1.75rem;
	padding:1rem 1rem 0;
}
}

.contentsChildTitle1 {
	position:relative;
	font-size:1.25rem;
	line-height:1.25;
	font-weight:bold;
	padding:0 0 1rem;
	margin:0 0 2rem;
	border-bottom:4px solid #ccc;
}
.contentsChildTitle1::after {
	content:"";
	position:absolute;
	left:0;
	bottom:-4px;
	width: 12rem;
	height:4px;
	background-color:#60a715;
}
@media screen and (min-width:561px), print {
.contentsChildTitle1 {
	font-size:1.5rem;
}
}
.contentsChildTitle2 {
	font-size:1.5rem;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	margin:0 0 2rem;
	padding:0.925rem 1rem;
	background-color:#eefae0;
	border: 2px solid #60a715;
	border-radius: 0.5rem;
}
.contentsChildTitle3 {
	font-size:1.25rem;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	margin:0 0 1rem;
}

.contentsChildTitle4 {
	font-size:1.25rem;
	line-height:1.25;
	font-weight:bold;
	margin:0 0 1rem;
}

.contentsIntroTitle1 {
	font-size:1.75rem;
	margin: 0 0 2rem;
}

@media screen and (min-width:561px), print {
.contentsChildTitle3 {
	font-size:1.5rem;
}
.contentsChildTitle4 {
	font-size:1.5rem;
	line-height:1.5;
}
.contentsIntroTitle1 {
	font-size:2.5rem;
	text-align:center;
}
}

/* ---------------------------------------------------
	grid
--------------------------------------------------- */

/* 縦見出し */

.gridArea {
	margin:2rem 0;
}
.gridArea .gridBlock {
	position:relative;
}

.gridArea .gridBlock .gridLine {
	margin:0;
	line-height:2;
}
.gridArea .gridBlock .gridLine .gridCaps {
	font-weight:bold;
	padding:0.5rem 1rem;
	border-bottom: 3px solid #60a715;
}


.gridArea .gridBlock .gridLine .gridCell {
	margin:0;
	padding:0.5rem 1rem;
}
.gridArea .gridBlock > .gridLine:last-child .gridCell {
}
@media screen and (min-width:561px),print {
.gridArea .gridBlock {
	border-bottom: 1px solid #707070;
}
.gridArea .gridBlock .gridLine {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	border-top: 1px solid #707070;
}

.gridArea .gridBlock .gridLine .gridCaps {
	padding:1rem 1rem;
	border-top: 3px solid #60a715;
  border-bottom: none;
	width:40%;
}
.gridArea .gridBlock > .gridLine:last-child .gridCaps {
}
.gridArea .gridBlock > .gridLine:last-child::before {
	position: absolute;
	content:"";
	width:40%;
	height: 3px;
	background-color:#60a715;
	bottom:-4px;
	left:0;
}
.gridArea .gridBlock .gridLine .gridCell {
	width: 60%;
	padding:1rem 1rem;
}

}

@media screen and (min-width:961px),print {
.gridArea .gridBlock .gridLine .gridCaps {
	width:19rem;
}
.gridArea .gridBlock > .gridLine:last-child::before {
	width:19rem;
}
.gridArea .gridBlock .gridLine .gridCell {
	width: calc( 100% - 19rem );
	padding:1rem 2rem;
}

}
.gridArea .gridBlock .gridLine .gridCell ul {
	margin:0;
	padding: 0 0 0 1.5rem;
}


/* table リスト */

.gridListArea {
	width:100%;
	margin:0 0 2rem;
	overflow:hidden;
}
.supportText {
	display:block;
	text-align:center;
	background-color:#60a715;
	color:#fff;
	margin:0 0 0.5rem;
}
@media screen and (min-width:961px), print {
.supportText {
	display:none;
}
}
.gridListArea_inner {
	width:100%;
	overflow:auto;
}

.gridListArea .gridListBlock {
	width: 940px;
}
@media screen and (min-width:961px), print {

.gridListArea .gridListBlock {
	width: 100%;
}

}


/* table 縦リスト */

.gridListArea .gridColumnListBlock {
	border: 1px solid #000;
	border-radius: 0.5rem;
	overflow:hidden;
	width: 940px;
}
.gridListArea .gridColumnListBlock .gridLine {
	margin:0;
	display:flex;
}
@media screen and (min-width:961px), print {

.gridListArea .gridColumnListBlock {
	width: 100%;
}

}
.gridListArea .gridColumnListBlock .gridLine dt,
.gridListArea .gridColumnListBlock .gridLine dd {
	text-align:center;
	padding:0.25rem 0.25rem;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	margin:0;
	line-height:1.5;
}
.gridListArea .gridColumnListBlock .gridLine > :last-child {
	border-right: none;
}
.gridListArea .gridColumnListBlock .gridLine:last-child dt,
.gridListArea .gridColumnListBlock .gridLine:last-child dd {
	border-bottom: none;
}

.gridListArea .gridColumnListBlock.gridColumn3 .gridLine dt,
.gridListArea .gridColumnListBlock.gridColumn3 .gridLine dd {
	width: calc( 940px / 3 );
}
.gridListArea .gridColumnListBlock.gridColumn4 .gridLine dt,
.gridListArea .gridColumnListBlock.gridColumn4 .gridLine dd {
	width: calc( 940px / 4 );
}
.gridListArea .gridColumnListBlock.gridColumn5 .gridLine dt,
.gridListArea .gridColumnListBlock.gridColumn5 .gridLine dd {
	width: calc( 940px / 5 );
}

.gridListArea .gridColumnListBlock.gridColumn7 .gridLine dt,
.gridListArea .gridColumnListBlock.gridColumn7 .gridLine dd {
	width: calc( 940px / 7 );
}
.gridListArea .gridColumnListBlock.gridColumn8 .gridLine dt,
.gridListArea .gridColumnListBlock.gridColumn8 .gridLine dd {
	width: calc( 940px / 8 );
}

@media screen and (min-width:961px), print {
.gridListArea .gridColumnListBlock.gridColumn3 .gridLine dt,
.gridListArea .gridColumnListBlock.gridColumn3 .gridLine dd {
	width: calc( 100% / 3 );
}
.gridListArea .gridColumnListBlock.gridColumn4 .gridLine dt,
.gridListArea .gridColumnListBlock.gridColumn4 .gridLine dd {
	width: calc( 100% / 4 );
}
.gridListArea .gridColumnListBlock.gridColumn5 .gridLine dt,
.gridListArea .gridColumnListBlock.gridColumn5 .gridLine dd {
	width: calc( 100% / 5 );
}
.gridListArea .gridColumnListBlock.gridColumn7 .gridLine dt,
.gridListArea .gridColumnListBlock.gridColumn7 .gridLine dd {
	width: calc( 100% / 7 );
}
.gridListArea .gridColumnListBlock.gridColumn8 .gridLine dt,
.gridListArea .gridColumnListBlock.gridColumn8 .gridLine dd {
	width: calc( 100% / 8 );
}
}
.gridListArea .gridColumnListBlock .gridLine.gridCaps dt,
.gridListArea .gridColumnListBlock .gridLine.gridCaps dd {
	background:#eefae0;
	font-weight:bold;
	display: flex;
	justify-content:center;
	align-items: center;
}
.gridListArea .gridColumnListBlock .gridLine .bgGrey {
	background-color: #f4f4f5;
}


/* table 横リスト */

.gridListArea {
	width: 100%;
	overflow:auto;
}
.gridListArea .gridRowListBlock {
	border: 1px solid #000;
	border-radius: 0.5rem;
	overflow:hidden;
	width: 940px;
}
.gridListArea .gridRowListBlock .gridLine {
	margin:0;
	display:flex;
}
@media screen and (min-width:961px), print {

.gridListArea .gridRowListBlock {
	width: 100%;
}

}
.gridListArea .gridRowListBlock .gridLine dt.gridCaps {
	background:#eefae0;
	font-weight:bold;
}
.gridListArea .gridRowListBlock .gridLine dt,
.gridListArea .gridRowListBlock .gridLine dd {
	padding:0.75rem 1.5rem;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	margin:0;
	line-height:1.5;
}
.gridListArea .gridRowListBlock .gridLine > :last-child {
	border-right: none;
}
.gridListArea .gridRowListBlock .gridLine:last-child dt,
.gridListArea .gridRowListBlock .gridLine:last-child dd {
	border-bottom: none;
}

.gridListArea .gridRowListBlock.gridColumn3 .gridLine dt,
.gridListArea .gridRowListBlock.gridColumn3 .gridLine dd {
	width: calc( 940px / 3 );
}
.gridListArea .gridRowListBlock.gridColumn4 .gridLine dt,
.gridListArea .gridRowListBlock.gridColumn4 .gridLine dd {
	width: calc( 940px / 4 );
}

@media screen and (min-width:961px), print {
.gridListArea .gridRowListBlock.gridColumn3 .gridLine dt,
.gridListArea .gridRowListBlock.gridColumn3 .gridLine dd {
	width: calc( 100% / 3 );
}
.gridListArea .gridRowListBlock.gridColumn4 .gridLine dt,
.gridListArea .gridRowListBlock.gridColumn4 .gridLine dd {
	width: calc( 100% / 4 );
}
}
/* ---------------------------------------------------
	crumbs
--------------------------------------------------- */

.crumbsArea {
	padding:0 1rem;
	margin: 0 0 1rem;
}
@media screen and (min-width:961px) {
.crumbsArea {
	margin: 0 0 2rem;
}
}
.crumbsArea ul {
	max-width:1280px;
	margin: 0 auto;
	padding:1rem 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.crumbsArea ul li {
	position: relative;
	padding-right:2rem;
	margin-bottom: 0.25rem;
}
.crumbsArea ul li::after {
	position: absolute;
	content: ">";
	right:0.75rem;
	top: calc( 50% - 0.5em );
}
.crumbsArea ul > li:last-child {
	padding-right:0;
}
.crumbsArea ul > li:last-child::after {
	content:"";
}
.crumbsArea ul li a {
}

.contentsArea {
	max-width:1024px;
	margin: 0 auto;
	padding:2rem 0;
}


/* ---------------------------------------------------
	list
--------------------------------------------------- */

.m0 {
	margin:0!important;
}
.p0 {
	padding:0!important;
}
.pagename {
	margin: 0 0 1rem;
}
.pagename p {
	text-align:center;
	margin:0;
}

.pagenumber ul {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	justify-content: center;
}
.pagenumber ul li {
	padding:0 0.25rem;
}
.pagenumber ul li a {
	width:3rem;
	height:3rem;
	font-weight:bold;
	display:flex;
	align-items:center;
	justify-content: center;
	text-decoration:none;
	border: 1px solid #000;
	box-shadow: 0 0 0 1px #000;
	border-radius: 1.5rem;
	background-clip: padding-box;
}
.pagenumber ul li.current a,
.pagenumber ul li a:hover {
	background-color:#999;
	color:#fff;

}
.pagenumber ul li a span {
	font-weight:bold;
}

.greenPointList {
	margin:0;
	list-style:none;
	padding:0;
}
.greenPointList li {
	position:relative;
	padding: 0 0.5rem 0 1rem;
}
.greenPointList li::before {
	position:absolute;
	left:0;
	top:0.25rem;
	content:"●";
	font-size:0.75rem;
	color:#60a715;
}
.inlineList,
.twoColumnList {
	letter-spacing: -0.4em;
}
.twoColumnList li {
	letter-spacing:normal;
	vertical-align:top;
	display:inline-block;
	width: 50%;
}
.inlineList li {
	letter-spacing:normal;
	vertical-align:top;
	display: inline-block;
	margin-right: 4rem;
}

/* ---------------------------------------------------
	lpo Area
--------------------------------------------------- */

/* ---------------------------------------------------

	WYSIWYG

--------------------------------------------------- */


.wysiwygArea {
	line-height:1.6;
}
.gridArea .gridBlock .gridLine .wysiwygArea {
	line-height:2;
}
.wysiwygArea table {
  border: 1px solid #000;
  border-collapse: collapse;
}
.wysiwygArea table td {
  border: 1px solid #000;
	padding:0.5rem;
}
.wysiwygArea ol li {
	margin:0 0 1rem;
}
.wysiwygArea a,
.wysiwygArea a:hover {
	color:rgb(0,0,238);
}
.wysiwygArea a:visited {
	color: rgb(85,26,139);
}

.wysiwygArea a.telLink,
.wysiwygArea a.telLink:hover,
.wysiwygArea a.iconBtn,
.wysiwygArea a.iconBtn:hover{
	color:rgb(0,0,0);
}
.wysiwygArea a.telLink:visited,
.wysiwygArea a.iconBtn:visited {
	color: rgb(0,0,0);
}
.wysiwygArea .contactBtnArea a,
.wysiwygArea .contactBtnArea a:hover {
  color:rgb(255,255,255);
}
.wysiwygArea .contactBtnArea a:visited {
  color:rgb(255,255,255);
}
.wysiwygArea .btnArea2 a,
.wysiwygArea .btnArea2 a:hover,
.wysiwygArea .btnArea2 button {
  color:rgb(0,0,0);
}
.wysiwygArea .btnArea2 a:visited {
  color:rgb(0,0,0);
}


.gridCell.wysiwygArea p {
	margin:0;
}
.wysiwygOld table {
  border:inherit;
  border-collapse:inherit;
}
.wysiwygOld table td {
  border:inherit;
	padding:inherit;
}


/* ---------------------------------------------------

	Media Queries

--------------------------------------------------- */
.sp_on {
	display:inline;
}
.sp_off {
	display:none;
}
.tab_on {
	display:inlie;
}
.sp_block {
	display:block;
}
.tab_block {
	display:block;
}
.pc_block {
	display:none;
}
@media screen and (min-width:561px) {
.sp_on {
	display:none;
}
.sp_off {
	display:inline;
}
.sp_block {
	display:none;
}
}
@media screen and (min-width:961px) {
.tab_on {
	display:none;
}
.pc_block {
	display:block;
}
}

@media print {

  .contentsHeader {
    position: absolute;
  }
  .drawer-hamburger {
    display: none;
  }
  .drawer-nav {
    display: none;
  }
.set_pagetop {
	display:none;
}

}

.dummyLabel {
	position:relative;
}
.dummyLabel::after {
	position:absolute;
	content:"ダミー画像";
	display:block;
	height:1rem;
	line-height:1;
	padding:0.5rem;
	border: 1px solid #f00;
	color:#f00;
	background-color:#fff;
	font-weight:bold;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}

/* ---------------------------------------------------

	サイズ補正

--------------------------------------------------- */

@media screen and (min-width:561px) {
  .w20per {
    width: 20%!important;
  }
  .w30per {
	width:30%!important;
}
.w50per {
  width: 50%!important;
}
  .w70per {
    width: 70%!important;
  }
.w80per{
  width:80%!important;
}
.width50Image {
	text-align:center;
	margin: 0 25%;
}
.width50Image img {
	width:100%!important;
}
}