@charset "UTF-8";
/*reset*/
html, body, article, aside, header, nav, section, main, footer {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

.wrap div, .wrap object, .wrap iframe, .wrap h1, .wrap h2, .wrap h3, .wrap h4, .wrap h5, .wrap h6, .wrap p, .wrap blockquote, .wrap pre, .wrap abbr, .wrap address, .wrap cite, .wrap code, .wrap dl, .wrap dt, .wrap dd, .wrap ol, .wrap ul, .wrap li, .wrap fieldset, .wrap form, .wrap legend, .wrap table, .wrap tbody, .wrap tfoot, .wrap thead, .wrap tr, .wrap th, .wrap td, .wrap article, .wrap aside, .wrap canvas, .wrap details, .wrap figcaption, .wrap figure, .wrap footer, .wrap header, .wrap hgroup, .wrap menu, .wrap nav, .wrap section, .wrap summary, .wrap audio, .wrap video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
  line-height: 1.5;
  font-size: 100%;
  font-style: normal;
  text-align: justify;
  font-weight: 400;
}

.wrap span, .wrap del, .wrap dfn, .wrap em, .wrap ins, .wrap kbd, .wrap q, .wrap samp, .wrap small, .wrap strong, .wrap sub, .wrap sup, .wrap var, .wrap b, .wrap i, .wrap label, .wrap caption, .wrap time, .wrap mark {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
  line-height: 1;
}

.wrap article, .wrap aside, .wrap details, .wrap figcaption, .wrap figure, .wrap footer, .wrap header, .wrap hgroup, .wrap menu, .wrap nav, .wrap section, .wrap main, .wrap picture, .wrap source {
  display: block;
}

.wrap ol, .wrap ul, .wrap li {
  list-style: none;
}

.wrap blockquote, .wrap q {
  quotes: none;
}

.wrap blockquote:before, .wrap blockquote:after, .wrap q:before, .wrap q:after {
  content: '';
  content: none;
}

.wrap a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.wrap ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

.wrap mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

.wrap del {
  text-decoration: line-through;
}

.wrap abbr[title], .wrap dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

.wrap table {
  border-collapse: collapse;
  border-spacing: 0;
}

.wrap hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

.wrap input, .wrap select {
  vertical-align: middle;
}

.wrap img {
  vertical-align: bottom;
  font-size: 0;
  line-height: 0;
  width: 100%;
  height: auto;
  border: 0;
}

.wrap strong {
  font-weight: normal;
}

.wrap picture {
  width: 100%;
}

/*base*/
html {
  -webkit-overflow-scrolling: touch;
}

.wrap {
  font-family: "NotoSansCJKjp",sans-serif;
  color: #434343;
  /*selectのリセット*/
}

.wrap img {
  display: block;
}

.wrap a {
  color: colors(base);
  text-decoration: none;
  will-change: transform;
  -webkit-transition: .2s;
  transition: .2s;
}

.wrap a:hover {
  opacity: .8;
}

@media screen and (min-width: 641px) {
  .wrap a[href^="tel:"] {
    cursor: default;
  }
}

@media screen and (max-width: 1000px) {
  .wrap a:hover {
    opacity: 1;
  }
}

.wrap input {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
}

.wrap input::-webkit-search-decoration {
  display: none;
}

.wrap input:focus {
  outline-offset: -2px;
}

.wrap select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
  background: #000;
  color: #fff;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}

.wrap select::-ms-expand {
  display: none;
}

/*Base*/
/* CSS Document */
.wrap {
  min-width: 1000px;
  width: 100%;
  background: #fff;
  margin: 0 auto;
  overflow: hidden;
}

.wrap .wrapInner {
  width: 1000px;
  margin: 0 auto;
}

.wrap .wrapInner p {
  margin: 0 -300px;
}

.wrap .wrapInner .lpItem--w1000 {
  margin: 0 auto;
}

.wrap .wrapInner .ctaArea {
  position: relative;
}

.wrap .wrapInner .ctaArea--01 {
  padding: 43px 0 0;
}

.wrap .wrapInner .ctaArea--02 {
  margin-top: -43px;
}

.wrap .wrapInner .ctaBtn--01 {
  position: absolute;
  display: block;
  bottom: 3%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 740px;
}

.wrap .wrapInner .ctaBtn--02 {
  display: block;
  width: 942px;
  margin: 0 auto;
}

.wrap .wrapInner .overlayArea {
  position: relative;
}

.wrap .wrapInner .overlayBase {
  position: relative;
}

.wrap .wrapInner .overlayBase--fv {
  z-index: 20;
}

.wrap .wrapInner .overlayItem {
  position: absolute;
  z-index: 10;
}

.wrap .wrapInner .overlayItem--fv {
  width: 1600px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 -300px;
  overflow: hidden;
}

.wrap .wrapInner .overlayItem__video {
  position: relative;
  left: -10px;
}

.wrap .wrapInner .overlayItem--comp {
  width: 626px;
  height: 428px;
  top: 9.3%;
  left: 2.2%;
  right: 0;
  margin: 0 auto;
}

.wrap .wrapInner .overlayItem--compOn {
  width: 106px;
  top: 3%;
  right: 9%;
  margin: 0 auto;
}

.wrap .wrapInner .overlayItem--01 {
  width: 70.85%;
  top: 1.6%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.wrap .wrapInner .overlayItem--021 {
  width: 51.6%;
  top: 21.9%;
  left: 23.5%;
  z-index: 20;
}

.wrap .wrapInner .overlayItem--022 {
  width: 51.5%;
  top: 37.2%;
  left: 29%;
  right: 0;
  margin: 0 auto;
}

.wrap .wrapInner .overlayItem--023 {
  width: 100%;
  bottom: -13%;
  left: 0;
}

.wrap .wrapInner .overlayItem--02 {
  width: 60%;
  top: 56.2%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
/*-----------------------------
 ctaBtn Animation
-------------------------------*/
.ctaBtn{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	animation: btn_move infinite .6s;
}
@keyframes btn_move {
	0%{
		transform: scale(1);
	}
	49%{
		transform: scale(1);
	}
	50%{
		transform: scale(.95);
	}
	100%{
		transform: scale(.95);
	}
}
@-webkit-keyframes btn_move {
	0%{
		-webkit-transform: scale(1);
	}
	49%{
		-webkit-transform: scale(1);
	}
	50%{
		-webkit-transform: scale(.95);
	}
	100%{
		-webkit-transform: scale(.95);
	}
}
@-moz-keyframes btn_move {
	0%{
		-moz-transform: scale(1);
	}
	49%{
		-moz-transform: scale(1);
	}
	50%{
		-moz-transform: scale(.95);
	}
	100%{
		-moz-transform: scale(.95);
	}
}
/*-----------------------------
 footer
-------------------------------*/
.footer_container_fluid {
	width: 100%;
	background: #fff;
	margin: auto;
	padding:50px 0 0 0;
}
.footer_container {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	color: #999;
}

.footer_container a{
	text-decoration: none;
	display:inline;
	color: #999;
	margin:0 5px;
}
.copyright {
	width: 100%;
	background: #000;
	margin: 10px auto 0 auto;
	color: #999;
	font-size: 12px;
	text-align: center;
	padding:15px 0;
}

div[id^="bback"],
#scr_area{
	display:none;
}


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