@charset "utf-8";
/* CSS Document */


/* common&reset */
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, a, pre, form, fieldset, input, textarea, p, blockquote, th, td, address {
	font-style: normal;
	font-weight: normal;
	font-size:100%;
	margin: 0;
	padding: 0;
	}

ul, li {
	list-style-type: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0 none;
	width:100%;
}
a {
	text-decoration:none;
	color: #2EA7E0;
}

a:hover {
	color:#F60;
}

body {
	width: 100%;
	height:100%;
	background-position: 50% 50%;
	background-attachment:fixed;
	font-size: 21px;
	color: #000;
	line-height: 1.8em;
	font-family: "BIZ UDPGothic", sans-serif;
	}


a:hover img {
	opacity:0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
}
section {}

footer .inner{width:94%;}

article, aside, figure, figcaption, footer, header, nav, section {
	display: block;
}

/*共有*/
.cf:after{
  display: block;
  clear: both;
  content: "";
}

/*エラー*/
.error_messe{color:#F00;}


/*電話*/
footer a[href^="tel:"] {
	color:#000;
}

footer a:hover[href^="tel:"] {
	color:#000;
}



.pan{}

.sps{letter-spacing:-0.2em;}

/*インナー*/
.inner{width:90%;padding:0;max-width:1200px;margin:0 auto;}

/*フェードイン*/
.fadein{
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
  transition:all 0.5s;
}


/* ===== バーガーボタン ===== */
.burger {
  position: fixed;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 24px;
  cursor: pointer;
  z-index: 1001;
}

.burger span {
  display: block;
  height: 4px;
  background: #333;
  margin: 4px 0;
  transition: 0.3s;
}

/* ×に変形 */
.burger.active span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
  background:#FFf;
}
.burger.active span:nth-child(2) {
  opacity: 0;
}
.burger.active span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
  background:#FFf;
}

/* ===== メニュー ===== */
.menu {
  position: fixed;
  top: 0;
  right: -250px;
  width: 250px;
  height: 100%;
  background: #222;
  color: #fff;
  padding-top: 60px;
  transition: 0.3s;
  z-index: 1000;
}

.menu.active {
  right: 0;
}

.menu ul {
  list-style: none;
  padding: 0;
}

.menu li {
  padding:0.2em 1em;
}

.menu a {
  color: #fff;
  text-decoration: none;
}

/* ===== 背景オーバーレイ ===== */
.overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 999;
}

.overlay.active {
  opacity: 1;
  visibility: visible;
}
</style>




@media screen and (max-width: 760px) {
body {
	font-size: 18px;
	line-height: 1.8em;
	}


.inner{width:90%;}


/*電話*/
a[href^="tel:"] {
    cursor: default;
	color:#333333;
	}
	
a:hover[href^="tel:"] {
	color:#333333;
}

a:hover[href^="tel:"] img{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
footer a[href^="tel:"] {
    pointer-events: auto;
	cursor:pointer;
}



}

@media screen and (max-width: 400px) {
	
}