@charset "UTF-8";

/* ---------- mediaQuery  ---------- */

@media all and (min-width: 768px) and (max-width: 1200px) {
.viewpc {
	display: block!important;
}
.viewtb {
	display: block!important;
}
.viewsp {
	display: none;
}
.nonetb {
	display: none!important;
}


body {
		background-image: none;
		width: 100%;
}
.inner{
	clear: both;
	width: 96%;
	margin: 0 auto;
	padding: 0 2% 0 2%;
}
img {
		width: 100%;
		height: auto
	}

/* ===============
header
================*/
	
#globalMenuS {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
	position: absolute;
	left: 6%;
}

/* ===============
main
================*/
main {
	width: 100%;
	clear: both;
}
	
/* ===============
#topimage
================*/



/* ================
#pagetop
================== */
#pagetop {
	display: none;
	position: fixed;
	right: 5px;
	bottom: 40px;
	width: 60px;
	height: 60px;
	background: url(../images/totop.png) no-repeat;
	background-size: 60px;
	z-index: 5;
}
#pagetop a {
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
}

/* ===================
footer
====================== */
footer {
	clear: both;
	width: 100%;
	margin: 20px 0 0 0;
	background-color: #24a0ae;
	padding: 20px 0;
}
footer .inner {
	width: 96%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

}