@charset "UTF-8";
@keyframes up {
		0% {
				top: 200px;
		}
		100% {
				top: -80px;
		}
}

@keyframes up_2 {
		0% {
				top: 180px;
		}
		100% {
				top: -30px;
		}
}

@keyframes zoom {
		0% {
				transform: scale(1);
		}
		50% {
				transform: scale(1.5);
		}
		100% {
				transform: scale(1);
		}
}

/*	slick不具合対策
---------------------------------------------------------------*/
* {
		min-width: 0;
		min-height: 0;
}

/*	絵文字対策
---------------------------------------------------------------*/
img.emoji {
		position: static !important;
		transform: none !important;
}

/*=================================================================*/
/*	webフォントセット(NotoSans)
---------------------------------------------------------------*/
@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 100;
		src: url("../font/NotoSansJP-Thin.woff") format("woff");
}

@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 200;
		src: url("../font/NotoSansJP-Light.woff") format("woff");
}

@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 400;
		src: url("../font/NotoSansJP-Regular.woff") format("woff");
}

@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 500;
		src: url("../font/NotoSansJP-Medium.woff") format("woff");
}

@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: bold;
		font-weight: 700;
		src: url("../font/NotoSansJP-Bold.woff") format("woff");
}

@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: bold;
		font-weight: 900;
		src: url("../font/NotoSansJP-Black.woff") format("woff");
}

@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 100;
		src: url("../font/NotoSansJP-Thin.woff") format("woff");
}

@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 200;
		src: url("../font/NotoSansJP-Light.woff") format("woff");
}

@font-face {
		font-family: 'Noto Serif Japanese';
		font-style: normal;
		font-weight: 400;
		src: url("../font/NotoSerifJP-Regular.woff") format("woff");
}

@font-face {
		font-family: 'Noto Serif Japanese';
		font-style: normal;
		font-weight: 500;
		src: url("../font/NotoSerifJP-Medium.woff") format("woff");
}

@font-face {
		font-family: 'Noto Serif Japanese';
		font-style: bold;
		font-weight: 700;
		src: url("../font/NotoSerifJP-Bold.woff") format("woff");
}

@font-face {
		font-family: 'Noto Serif Japanese';
		font-style: bold;
		font-weight: 900;
		src: url("../font/NotoSerifJP-Black.woff") format("woff");
}

/*=================================================================*/
/* ローディング画面
/*=================================================================*/
#fade {
		width: 100vw;
		height: 100vh;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		overflow: hidden;
		z-index: 11;
}

.loaded #fade {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 1s;
		transition: all .8s;
}

.loader,
.loader:after {
		border-radius: 50%;
		width: 10em;
		height: 10em;
}

.loader {
		margin: auto;
		font-size: 5px;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		text-indent: -9999em;
		border-top: 0.7em solid rgba(186, 186, 186, 0.2);
		border-right: 0.7em solid rgba(186, 186, 186, 0.2);
		border-bottom: 0.7em solid rgba(186, 186, 186, 0.2);
		border-left: 0.7em solid #01aaaa;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-animation: load8 1.1s infinite linear;
		animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
		0% {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		100% {
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
		}
}

@keyframes load8 {
		0% {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		100% {
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
		}
}

/*=================================================================*/
/* 全デバイス共通 */
/*=================================================================*/
/*	reset
---------------------------------------------------------------*/
* {
		padding: 0px;
		margin: 0px;
}

/*	img
---------------------------------------------------------------*/
img {
		border: none;
		vertical-align: middle;
}

/*	table
----------------------------------------------------*/
table {
		border-collapse: collapse;
		border-spacing: 0;
		font-size: 100%;
}

/*	clearfix
---------------------------------------------------------------*/
.cf:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}

.cf {
		display: inline-block;
}

/* Hides from IE-mac \*/
* html .cf {
		height: 1%;
}

.cf {
		display: block;
}

/* End hide from IE-mac */
/*	link
---------------------------------------------------------------*/
a,
a:visited,
a:active {
		color: #000000;
		text-decoration: none;
}

/*	space
---------------------------------------------------------------*/
#wrap .mb0 {
		margin-bottom: 0 !important;
}

#wrap .mb10 {
		margin-bottom: 10px;
}

#wrap .mb15 {
		margin-bottom: 15px;
}

#wrap .mb30 {
		margin-bottom: 30px;
}

#wrap .mb50 {
		margin-bottom: 50px;
}

/*	ul
---------------------------------------------------------------*/
li {
		list-style-type: none;
}

/*	p
---------------------------------------------------------------*/
p {
		color: #141414;
}

/*	inputreset
---------------------------------------------------------------*/
input, button, select, textarea {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: transparent;
		border: none;
		border-radius: 0;
		font: inherit;
		outline: none;
}

/*=================================================================*/
body {
		line-height: 160%;
		margin: 0 auto;
		text-align: left;
		word-break: break-all;
		font-family: "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #141414;
		background: #fff;
}

/*******************************************************************/
/* Print */
/*******************************************************************/
@media print {
		header {
				position: absolute !important;
				top: 0;
		}
}

/*******************************************************************/
/* PC */
/*******************************************************************/
@media print, screen and (min-width: 769px) {
		/*<start>==========================================================*/
		html {
				height: 100%;
				font-size: 62.5%;
		}
		/*10px相当にreset*/
		body {
				height: 100%;
				margin: 0;
				font-size: 16px;
				/*css3の効かないブラウザ用*/
				font-size: 1.6rem;
				/*bodyのベースサイズをセット（ここでは16px）以下各要素は10pxを基準にサイズ指定1.2rem（12px）1.4rem（14px）など）*/
				font-weight: 500;
		}
		#wrap {
				position: relative;
		}
		.sp {
				display: none !important;
		}
		/*	ハンバーガーメニュー
---------------------------------------------------------------*/
		.menuTriggerBox {
				position: fixed;
				top: 23px;
				right: 25px;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 68px;
				height: 68px;
				z-index: 10;
				cursor: pointer;
				transition: .2s;
		}
		.menuTriggerBox.compact {
				height: 55px;
		}
		.menuTriggerBox.active {
				height: 68px !important;
		}
		.menuTrigger,
		.menuTrigger span {
				display: inline-block;
				transition: all .4s;
				box-sizing: border-box;
		}
		.menuTrigger {
				position: relative;
				top: 0;
				width: 30px;
				height: 27px;
		}
		.menuTrigger span {
				position: absolute;
				left: 0;
				width: 100%;
				height: 4px;
				background-color: #1e1e1e;
				border-radius: 4px;
		}
		.menuTrigger span:nth-of-type(1) {
				top: 0;
		}
		.menuTrigger span:nth-of-type(2) {
				top: 11px;
		}
		.menuTrigger span:nth-of-type(3) {
				bottom: 0;
		}
		.menuTrigger.active span:nth-of-type(1) {
				-webkit-transform: translateY(20px) rotate(-45deg);
				transform: translateY(10px) rotate(-45deg);
		}
		.menuTrigger.active span:nth-of-type(2) {
				opacity: 0;
		}
		.menuTrigger.active span:nth-of-type(3) {
				-webkit-transform: translateY(-20px) rotate(45deg);
				transform: translateY(-13px) rotate(45deg);
		}
		/*=================================================================*/
		/*	ハンバーガーボタンと連動したメニュー */
		/*=================================================================*/
		.navMenu {
				background: #aaa;
				width: 100vw;
				height: 100vh;
				z-index: 2;
				position: fixed;
				box-sizing: border-box;
				transition: .5s;
		}
		.navMenu.left {
				left: -100vw;
		}
		.navMenu.left.active {
				left: 0;
		}
		.navMenu.right {
				right: -100vw;
		}
		.navMenu.right.active {
				right: -17px;
		}
		.navMenu.top {
				top: -100vh;
		}
		.navMenu.top.active {
				top: 0;
		}
		.navMenu.fade {
				opacity: 0;
				visibility: hidden;
				transform: scale(1.01);
		}
		.navMenu.fade.active {
				opacity: 1;
				visibility: visible;
				transform: scale(1);
		}
		/*=================================================================*/
		/*	header */
		/*=================================================================*/
		header {
				box-sizing: border-box;
				width: 100%;
				position: fixed;
				min-width: 1100px;
				top: 0;
				z-index: 2;
		}
		header.compact .deco, header.compactInMap .deco {
				height: 60px;
		}
		header.compact .inner a.logo, header.compactInMap .inner a.logo {
				height: 60px;
		}
		header.compact .inner a.logo img, header.compactInMap .inner a.logo img {
				height: 80%;
				width: auto;
		}
		header.compact .inner .rightCont dl dt, header.compact .inner .rightCont dl dd, header.compactInMap .inner .rightCont dl dt, header.compactInMap .inner .rightCont dl dd {
				height: 60px;
		}
		header.compact .inner .rightCont dl dt, header.compactInMap .inner .rightCont dl dt {
				font-size: 1.4rem;
		}
		header.compact .inner .rightCont dl dd .number, header.compactInMap .inner .rightCont dl dd .number {
				font-size: 3.0rem;
		}
		header.compact .inner .rightCont dl dd .unit, header.compactInMap .inner .rightCont dl dd .unit {
				font-size: 1.3rem;
		}
		header .inner {
				display: flex;
				justify-content: space-between;
		}
		header .inner a.logo {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 415px;
				height: 111px;
				background: #fff;
				transition: .2s;
		}
		header .inner a.logo img {
				transition: .2s;
		}
		header .inner .rightCont {
				display: flex;
				align-items: center;
				justify-content: flex-end;
				flex: 1;
		}
		header .inner .rightCont ul {
				display: flex;
				align-items: center;
				justify-content: space-around;
				gap: 2em;
				margin-right: 2em;
		}
		header .inner .rightCont ul li a {
				white-space: nowrap;
				font-size: 1.4rem;
		}
		header .inner .rightCont dl {
				display: flex;
				max-width: 440px;
				width: 50%;
				box-sizing: border-box;
				position: relative;
		}
		header .inner .rightCont dl::after {
				content: "";
				display: block;
				width: 100%;
				height: 4px;
				background: #f39800;
				position: absolute;
				bottom: 0;
		}
		header .inner .rightCont dl dt {
				background: #141414;
				color: #fff;
				width: 45%;
				height: 111px;
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 1.8rem;
				transition: .2s;
		}
		header .inner .rightCont dl dd {
				background: #01aaaa;
				color: #fff;
				width: 55%;
				height: 111px;
				display: flex;
				justify-content: center;
				align-items: center;
				transition: .2s;
		}
		header .inner .rightCont dl dd .number {
				font-size: 4.1rem;
				letter-spacing: -0.06em;
		}
		header .inner .rightCont dl dd .unit {
				font-size: 1.9rem;
				margin-left: 17px;
		}
		header {
				background: linear-gradient(to bottom, #fff, #70cbf3);
		}
		header.noBg {
				background: #fff;
		}
		header .deco {
				position: fixed;
				width: 100%;
				height: 110px;
				z-index: -1;
				overflow: hidden;
				transition: .2s;
		}
		header .deco .balloon1 {
				position: absolute;
				left: 50%;
				transform: translate(-110%, -50%);
				animation: up 10s linear 0s infinite;
				animation-delay: 40ms;
		}
		header .deco .balloon2 {
				position: absolute;
				left: 50%;
				transform: translate(547%, -50%);
				animation: up_2 9s linear 0s infinite;
				animation-delay: 80ms;
		}
		header .deco .balloon3 {
				position: absolute;
				left: 50%;
				transform: translate(-150%, -50%);
				animation: up 12s linear 0s infinite;
		}
		header .deco .balloon4 {
				position: absolute;
				left: 50%;
				transform: translate(-55%, -50%);
				animation: up_2 11.3s linear 0s infinite;
				animation-delay: 250ms;
		}
		header .deco .balloon5 {
				position: absolute;
				left: 50%;
				transform: translate(-340%, -50%);
				animation: up 8.5s linear 0s infinite;
				animation-delay: 300ms;
		}
		header .deco .balloon6 {
				position: absolute;
				left: 50%;
				transform: translate(155%, -50%);
				animation: up 12.6s linear 0s infinite;
				animation-delay: 350ms;
		}
		header .deco .balloon7 {
				position: absolute;
				left: 50%;
				transform: translate(-260%, -50%);
				animation: up 12.7s linear 0s infinite;
				animation-delay: 300ms;
		}
		header .deco .balloon8 {
				position: absolute;
				left: 50%;
				transform: translate(320%, -50%);
				animation: up_2 8.5s linear 0s infinite;
				animation-delay: 100ms;
		}
		header .deco .balloon9 {
				position: absolute;
				left: 50%;
				transform: translate(120%, -50%);
				animation: up 6.5s linear 0s infinite;
				animation-delay: 70ms;
		}
		header .deco .balloon10 {
				position: absolute;
				left: 50%;
				transform: translate(20%, -50%);
				animation: up 8.6s linear 0s infinite;
		}
		a.topscroll {
				display: flex;
				justify-content: center;
				align-items: center;
				right: 0;
				width: 57px;
				height: 57px;
				background: #f39800;
		}
		nav {
				position: fixed;
				top: 111px;
				width: 100%;
				background: #eee;
				z-index: 2;
				transition: .2s;
		}
		nav.compact, nav.compactInMap {
				top: 60px;
		}
		nav.compact img, nav.compactInMap img {
				display: none !important;
		}
		nav.compact .inner > ul > li > span, nav.compact .inner > ul > li > a, nav.compactInMap .inner > ul > li > span, nav.compactInMap .inner > ul > li > a {
				height: 45px;
		}
		nav.compact .inner > ul > li > span span, nav.compact .inner > ul > li > a span, nav.compactInMap .inner > ul > li > span span, nav.compactInMap .inner > ul > li > a span {
				font-size: 1.4rem;
		}
		nav.compact .inner > ul > li > ul, nav.compactInMap .inner > ul > li > ul {
				top: 45px;
		}
		nav.black .inner {
				background: #565555;
		}
		nav.black .inner > ul > li::after {
				background: #8d8d8d;
		}
		nav.black .inner > ul > li > ul {
				background-color: #6e6d6d;
		}
		nav.black .inner > ul > li > ul > li::after {
				background: #8d8d8d;
		}
		nav .inner {
				min-width: 1100px;
				max-width: 1300px;
				background: #01aaaa;
				margin: 0 auto;
				border-radius: 3px;
		}
		nav .inner > ul {
				display: flex;
		}
		nav .inner > ul > li {
				width: calc(100% / 6);
				position: relative;
		}
		nav .inner > ul > li:last-child::after {
				display: none;
		}
		nav .inner > ul > li::after {
				content: "";
				display: block;
				width: 1px;
				height: 35px;
				background: #7ac2c2;
				position: absolute;
				top: 0;
				bottom: 0;
				right: 0;
				margin: auto;
		}
		nav .inner > ul > li > span, nav .inner > ul > li > a {
				color: #fff;
				display: flex;
				justify-content: center;
				align-items: center;
				height: 73px;
				cursor: pointer;
		}
		nav .inner > ul > li > span::after, nav .inner > ul > li > a::after {
				content: "";
				display: block;
				width: 0;
				height: 4px;
				background: #fff;
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				transition: .2s;
				border-radius: 50px;
		}
		nav .inner > ul > li > span:hover::after, nav .inner > ul > li > a:hover::after {
				width: 20%;
		}
		nav .inner > ul > li > span > span img, nav .inner > ul > li > a > span img {
				display: block;
				margin: 0 auto 2px;
				height: 18px;
		}
		nav .inner > ul > li > span > span span, nav .inner > ul > li > a > span span {
				font-size: 1.5rem;
				letter-spacing: 0.16rem;
		}
		nav .inner > ul > li > ul {
				display: none;
				position: absolute;
				top: 73px;
				background: #f39800;
				width: 100%;
				border-radius: 0 0 3px 3px;
		}
		nav .inner > ul > li > ul li {
				position: relative;
		}
		nav .inner > ul > li > ul li:last-child::after {
				display: none;
		}
		nav .inner > ul > li > ul li::after {
				content: "";
				display: block;
				width: 60%;
				height: 1px;
				background: #f7b23f;
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
		}
		nav .inner > ul > li > ul li a {
				color: #fff;
				font-size: 1.4rem;
				display: block;
				padding: 10px;
				background-image: url(../images/union/icon_navarrow.svg);
				background-repeat: no-repeat;
				background-position: center right 16px;
				transition: .2s;
		}
		nav .inner > ul > li > ul li a:hover {
				background-position: center right 8px;
		}
		/*=================================================================*/
		/*	sticky */
		/*=================================================================*/
		.sticky > div, .sticky > a {
				background: #fff;
				border-radius: 6px 0 0 6px;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 22px;
				filter: drop-shadow(0px 4px 4px #dbdbdb96);
		}
		.sticky > a {
				width: 48px;
				height: 61px;
				position: fixed;
				top: 443px;
				right: 0;
				z-index: 1;
		}
		.sticky > a.search {
				top: 281px;
		}
		.sticky > div {
				width: 200px;
				height: 61px;
				transform: translateX(152px);
				transition: .3s;
		}
		.sticky > div.tel {
				font-size: 2.3rem;
				color: #f39800;
				letter-spacing: -0.02em;
				font-weight: 600;
				position: fixed;
				top: 362px;
				right: 0;
				z-index: 1;
		}
		.sticky > div.search {
				font-size: 1.2rem;
				font-weight: 500;
				position: fixed;
				top: 281px;
				right: 0;
				z-index: 1;
		}
		.sticky > div.active {
				transform: translateX(0);
		}
		.sticky > div > div:first-of-type {
				flex-basis: 48px;
				height: 61px;
				display: flex;
				justify-content: center;
				align-items: center;
				cursor: pointer;
		}
		.sticky > div > div:nth-of-type(2) {
				flex: 1;
		}
		/*=================================================================*/
		/*	footer */
		/*=================================================================*/
		footer {
				padding-top: 119px;
				background: url(../images/union/bg_footer.webp) repeat-x top center;
				margin-top: 60px;
		}
		footer .menu {
				background: #01aaaa;
				padding: 40px 0 70px;
				color: #fff;
		}
		footer .menu .inner {
				max-width: 1300px;
				min-width: 1100px;
				margin: 0 auto;
				display: flex;
				justify-content: space-between;
		}
		footer .menu .inner > div:first-of-type p {
				font-size: 1.4rem;
				color: #fff;
				margin-top: 20px;
				font-weight: 300;
		}
		footer .menu .inner > div:nth-of-type(2) {
				display: flex;
				gap: 72px;
		}
		footer .menu .inner > div:nth-of-type(2) h3 {
				font-size: 1.6rem;
				font-weight: 600;
				line-height: 1;
				margin-top: 30px;
				margin-bottom: 8px;
		}
		footer .menu .inner > div:nth-of-type(2) h3:first-of-type {
				margin-top: 0;
		}
		footer .menu .inner > div:nth-of-type(2) ul li a {
				color: #fff;
				font-size: 1.3rem;
				font-weight: 300;
		}
		footer .copy {
				text-align: center;
				font-size: 1.4rem;
				line-height: 1;
				padding: 20px 0;
		}
		/*<end>============================================================*/
}

/*******************************************************************/
/* SP */
/*******************************************************************/
@media screen and (max-width: 768px) {
		/*<start>==========================================================*/
		html {
				font-size: 62.5%;
		}
		/*10px相当にreset*/
		body {
				font-size: 15px;
				/*css3の効かないブラウザ用*/
				font-size: 1.5rem;
				/*bodyのベースサイズをセット（ここでは20px）以下各要素は10pxを基準にサイズ指定2.2rem（22px）2.4rem（24px）など）*/
		}
		html, body {
				-webkit-text-size-adjust: 100%;
				/* iPhoneでのフォントサイズ自動変換OFF  縦横でのフォントサイズが固定される */
				-webkit-font-smoothing: antialiased;
				android: textAppearance= "?android:attr/textAppearanceSmall";
		}
		#wrap {
				position: relative;
		}
		.pc {
				display: none !important;
		}
		/*	ハンバーガーメニュー
---------------------------------------------------------------*/
		.menuTriggerBox {
				position: fixed;
				top: 0;
				right: 0;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 68px;
				height: 68px;
				z-index: 10;
				cursor: pointer;
				transition: .2s;
		}
		.menuTriggerBox.compact {
				height: 55px;
		}
		.menuTriggerBox.active {
				height: 68px !important;
		}
		.menuTrigger,
		.menuTrigger span {
				display: inline-block;
				transition: all .4s;
				box-sizing: border-box;
		}
		.menuTrigger {
				position: relative;
				top: 0;
				width: 30px;
				height: 27px;
		}
		.menuTrigger span {
				position: absolute;
				left: 0;
				width: 100%;
				height: 4px;
				background-color: #1e1e1e;
				border-radius: 4px;
		}
		.menuTrigger span:nth-of-type(1) {
				top: 0;
		}
		.menuTrigger span:nth-of-type(2) {
				top: 11px;
		}
		.menuTrigger span:nth-of-type(3) {
				bottom: 0;
		}
		.menuTrigger.active span:nth-of-type(1) {
				-webkit-transform: translateY(20px) rotate(-45deg);
				transform: translateY(10px) rotate(-45deg);
		}
		.menuTrigger.active span:nth-of-type(2) {
				opacity: 0;
		}
		.menuTrigger.active span:nth-of-type(3) {
				-webkit-transform: translateY(-20px) rotate(45deg);
				transform: translateY(-13px) rotate(45deg);
		}
		/*	img
----------------------------------------------------*/
		img {
				width: 100%;
				height: auto;
		}
		/*=================================================================*/
		/*	footer */
		/*=================================================================*/
		footer .copy {
				text-align: center;
		}
		@keyframes up {
				0% {
						top: 200px;
				}
				100% {
						top: -80px;
				}
		}
		@keyframes up_2 {
				0% {
						top: 180px;
				}
				100% {
						top: -30px;
				}
		}
		@keyframes zoom {
				0% {
						transform: scale(1);
				}
				50% {
						transform: scale(1.5);
				}
				100% {
						transform: scale(1);
				}
		}
		/*=================================================================*/
		/*	header */
		/*=================================================================*/
		header {
				padding: 20px;
				box-sizing: border-box;
				width: 100%;
				position: fixed;
				top: 0;
				background: #fff;
				z-index: 3;
				height: 66px;
		}
		header .logo {
				width: 38%;
				display: block;
		}
		.telBox {
				width: 66px;
				height: 66px;
				background: #01aaaa;
				position: fixed;
				top: 0;
				right: 66px;
				margin: auto;
				z-index: 3;
				display: flex;
				justify-content: center;
				align-items: center;
		}
		.telBox span {
				text-align: center;
		}
		.telBox img {
				width: 20px;
		}
		.telBox p {
				font-size: 1.1rem;
				color: #fff;
		}
		/*=================================================================*/
		/*	ハンバーガーボタンと連動したメニュー */
		/*=================================================================*/
		.navMenu {
				background: linear-gradient(to right bottom, #f39800, #01aaaa);
				width: 100vw;
				height: 100vh;
				z-index: 2;
				position: fixed;
				box-sizing: border-box;
				transition: .5s;
				top: 0;
				padding: 1px;
				overflow-y: auto;
		}
		.navMenu .inner {
				background: #fff;
				margin-top: 66px;
				padding: 30px;
		}
		.navMenu .inner > ul > li {
				position: relative;
				padding: 10px;
		}
		.navMenu .inner > ul > li::after {
				content: "";
				display: block;
				position: absolute;
				width: 100%;
				height: 1px;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				background: linear-gradient(to right bottom, #f39800, #01aaaa);
		}
		.navMenu .inner > ul > li > a, .navMenu .inner > ul > li > span {
				padding: 10px 0;
				display: block;
				position: relative;
				display: flex;
				justify-content: space-between;
		}
		.navMenu .inner > ul > li > a .oac, .navMenu .inner > ul > li > span .oac {
				position: relative;
				background: #01aaaa;
				width: 21px;
				height: 21px;
				border-radius: 50%;
				/* 二本の横棒を作成する */
				/* 2本の横棒のうち一本は縦棒にする */
		}
		.navMenu .inner > ul > li > a .oac::before, .navMenu .inner > ul > li > a .oac::after, .navMenu .inner > ul > li > span .oac::before, .navMenu .inner > ul > li > span .oac::after {
				content: '';
				display: block;
				width: 9px;
				height: 2px;
				border-radius: 5px;
				background: #fff;
				position: absolute;
				right: 0;
				left: 0;
				top: 0;
				bottom: 0;
				margin: auto;
				transform: translateY(-50%);
		}
		.navMenu .inner > ul > li > a .oac::after, .navMenu .inner > ul > li > span .oac::after {
				transform: translateY(-50%) rotate(90deg);
				transition: 0.3s;
		}
		.navMenu .inner > ul > li > a .oac.active::after, .navMenu .inner > ul > li > span .oac.active::after {
				/* プラスがクリックされたら縦棒を横にしてマイナスにする疑似要素 */
				transform: rotate(0);
				transition: 0.3s;
		}
		.navMenu .inner > ul > li > ul {
				border-top: 1px dotted #f39800;
				border-image-slice: 1;
				display: none;
		}
		.navMenu .inner > ul > li > ul li {
				padding: 8px 0 8px 1.18em;
				background: url(../images/union/icon_spnav.svg) no-repeat left center;
				background-size: 11px;
		}
		.navMenu.left {
				left: -100vw;
		}
		.navMenu.left.active {
				left: 0;
		}
		.navMenu.right {
				right: -100vw;
		}
		.navMenu.right.active {
				right: -17px;
		}
		.navMenu.top {
				top: -100vh;
		}
		.navMenu.top.active {
				top: 0;
		}
		.navMenu.fade {
				opacity: 0;
				visibility: hidden;
				transform: scale(1.01);
		}
		.navMenu.fade.active {
				opacity: 1;
				visibility: visible;
				transform: scale(1);
		}
		a.topscroll {
				display: flex;
				justify-content: center;
				align-items: center;
				right: 0;
				width: 57px;
				height: 57px;
				background: #f39800;
				z-index: 1;
		}
		a.topscroll.map {
				display: none !important;
		}
		/*=================================================================*/
		/*	footer */
		/*=================================================================*/
		footer {
				padding-top: 59px;
				background: url(../images/union/bg_footer.webp) repeat-x top center;
				background-size: auto 59px;
				margin-top: 60px;
		}
		footer.map {
				display: none;
		}
		footer > .sp {
				background-color: #01aaaa;
				padding: 20px 0;
		}
		footer > .sp a {
				display: block;
				margin: 0 auto;
				width: 50%;
				max-width: 300px;
		}
		footer > .sp p {
				margin-top: 8px;
				font-size: 1.1rem;
				color: #fff;
				text-align: center;
		}
		footer > .sp img {
				width: 100%;
		}
		footer .copy {
				text-align: center;
				font-size: 1.1rem;
				line-height: 1;
				padding: 10px 0;
		}
		/*<end>============================================================*/
}

/*******************************************************************/
/* TB(header only) */
/*******************************************************************/
@media screen and (min-width: 769px) and (max-width: 1200px) {
		/*<start>==========================================================*/
		/*<end>============================================================*/
}

/*# sourceMappingURL=theme.css.map */