@charset "UTF-8";
/*  --------------------------------------
デバイス振り分け(PC)
--------------------------------------  */
@media screen and (min-width:768px) {
.sp {display:none!important;}
body {
  padding-bottom:105px!important;
}
.ni_header {
  margin:0 auto;
  max-width:1200px;
  max-height:870px;
  font-size:0;
  line-height:0;
  position:relative;
}
.ni_header nav {
  padding:0;
  width:65.3333%;
  display:flex;
  position:absolute;
  bottom:28.2%;
  left:50%;
  transform:translateX(-50%);
}
.ni_header nav div {
  width:47.7%;
}
.ni_header nav div:first-child {
  margin:0 2% 0 1.9%;
}
.ni_linkarea,
.ni_links {
  padding:0;
  width:63.5%;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
}
.ni_linkarea {bottom:6.7%;}
.ni_links    {bottom:5.0%;}
.ni_header img,
.ni_linkarea div img {width:100%;}
.ni_main {
	margin:0 auto;
	width:100%;
	font-size:0;
	line-height:0;
}
.ni_section {
	position:relative;
}
.ni_clinks {
  padding:0;
  width:63.54%;
  display:flex;
  position:absolute;
  left:50%;
  bottom:24.7%;
  transform:translateX(-50%);
}
.ni_clinks div {
  width:48.9%
}
.ni_clinks div:first-child {
  margin:0 1.5% 0 0.7%;
}
.ni_main img {width:100%;}
a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}
.trace {
	margin:0;
	padding:0;
	width:100%;
  max-height:95px;
	font-size:0;
	line-height:0;
	position:fixed;
	bottom:0;
	left:0;
	z-index:200;
}
.trace_wrap {
  width:100%;
  position:relative;
}
.trace_inner {
	margin:0 auto;
	width:63.5%;
  max-width:636px;
	display:flex;
	justify-content: space-between;
	align-items:center;
  position:absolute;
  left:50%;
  top:13px;
  transform:translateX(-50%);
}
.trace_inner div {
	margin:0 auto;
	width:49.66%;
	font-size:0;
	line-height:0;
}
.trace img {width:100%;}


/* --------------------  aタグ処理 画像透過リンク */
a img {transition:opacity 0.5s;}
a:hover img {opacity:0.7;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:6%;}

}/* end */

/*  --------------------------------------
デバイス振り分け(SP)
--------------------------------------  */
@media screen and (max-width:767px) {
.pc {display:none;}
body {
  padding-bottom:18vw!important;
}
#pagetop {
  bottom:18vw!important;
}
.ni_header {
  margin:0 auto;
  width:100%;
  font-size:0;
  line-height:0;
  position:relative;
}
.ni_header nav {
  padding:0;
  width:89.125%;
  display:flex;
  position:absolute;
  bottom:25.6%;
  left:50%;
  transform:translateX(-50%);
}
.ni_header nav div {
  width:49.22%;
}
.ni_header nav div:first-child {
  margin:0 1.2% 0 0.7%;
}
.ni_linkarea,
.ni_links {
  padding:0;
  width:84.75%;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
}
.ni_linkarea {bottom:5.7%;}
.ni_links    {bottom:3.3%;}
.ni_header img,
.ni_linkarea div img {width:100%;}
.ni_main {
	margin:0 auto;
	width:100%;
	font-size:0;
	line-height:0;
}
.ni_section {
	position:relative;
}
.ni_clinks {
  padding:0;
  width:84.75%;
  display:flex;
  position:absolute;
  left:50%;
  bottom:29.7%;
  transform:translateX(-50%);
}
.ni_clinks div {
  width:49.7%
}
.ni_clinks div:first-child {
  margin:0 1.3% 0 1%;
}
.ni_main img {width:100%;}
.trace {
	margin:0;
	padding:0;
	width:100%;
	font-size:0;
	line-height:0;
	position:fixed;
	bottom:0;
	left:0;
	z-index:200;
}
.trace_wrap {
  width:100%;
  position:relative;
}
.trace_inner {
	margin:0 auto;
	width:83.4%;
	display:flex;
	justify-content: space-between;
	align-items:center;
  position:absolute;
  left:50%;
  bottom:12%;
  transform:translateX(-50%);
}
.trace_inner div {
	margin:0 auto;
	width:48.8%;
}
.trace img {width:100%;}


}/* sp end */