@charset "UTF-8";
/*reset*/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, audio, 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;
}

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

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

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

blockquote, q {
  quotes: none;
}

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

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

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

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

del {
  text-decoration: line-through;
}

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

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

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

input, select {
  vertical-align: middle;
}

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

strong {
  font-weight: normal;
}

picture {
  width: 100%;
}

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

body {
  font-family: "NotoSansCJKjp",sans-serif;
  color: #434343;
}

img {
  display: block;
}

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

a:hover {
  opacity: .8;
}

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

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

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

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

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

input[type="image"] {
  -webkit-appearance: none;
}

/*selectのリセット*/
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: '';
}

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

/*Base*/
/* CSS Document */
.wrap {
  width: 750px;
  background: #fff;
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  .wrap {
    width: 100%;
  }
}

.overlaid {
  position: relative;
  z-index: 1;
}

.abs {
  position: absolute;
}
.video_01 {
  top: 37%;
  width: 93%;
  left: 3%;
}

.gif_01 {
  top: 38.2%;
  width: 90%;
  left: 5.3%;
}

.gif_02 {
  top: 55.5%;
  width: 90%;
  left: 5.5%;
}

.gif_03 {
  top: 24.7%;
  width: 87.9%;
  left: 6.2%;
}

.gif_04 {
  top: 34.1%;
  width: 87.9%;
  left: 6.2%;
}

.op_01 {
  top: 50.3%;
  width: 33%;
  left: 2%;
  z-index: 2;
}

.acc_content {
  display: none;
}

.acc_content_last {
  margin-top: 30px;
}

@media screen and (max-width: 750px) {
  .acc_content_last {
    margin-top: 4vw;
  }
}
 .video-container_01 {
   width: 100%; /* ページ全幅 */
   height: 100%; /* 高さを自動調整 */
   margin: 0 auto; /* 動画を中央に配置 */
   background-color: #000; /* ロード時の背景色（オプション） */
overflow: hidden;  /* 動画がコンテナからはみ出さないようにする */
        }
 /* 動画自体のスタイル */
 .video-container video {
            width: 100%; /* コンテナ幅に合わせる */
            height: 100%; /* コンテナ高さに合わせる */
            display: block;
        }
.video-container_02 {
   width: 100%; /* ページ全幅 */
   height: 100%; /* 高さを自動調整 */
   margin: 0 auto; /* 動画を中央に配置 */
   background-color: #000; /* ロード時の背景色（オプション） */
overflow: hidden;  /* 動画がコンテナからはみ出さないようにする */
        }
 /* 動画自体のスタイル */
 .video-container video {
            width: 100%; /* コンテナ幅に合わせる */
            height: 100%; /* コンテナ高さに合わせる */
            display: block;
        }
.video-container_03 {
   width: 100%; /* ページ全幅 */
   height: 100%; /* 高さを自動調整 */
   margin: 0 auto; /* 動画を中央に配置 */
   background-color: #000; /* ロード時の背景色（オプション） */
overflow: hidden;  /* 動画がコンテナからはみ出さないようにする */
        }
 /* 動画自体のスタイル */
 .video-container video {
            width: 100%; /* コンテナ幅に合わせる */
            height: 100%; /* コンテナ高さに合わせる */
            display: block;
        }
.video-container_04 {
   width: 100%; /* ページ全幅 */
   height: 100%; /* 高さを自動調整 */
   margin: 0 auto; /* 動画を中央に配置 */
   background-color: #000; /* ロード時の背景色（オプション） */
overflow: hidden;  /* 動画がコンテナからはみ出さないようにする */
        }
 /* 動画自体のスタイル */
 .video-container video {
            width: 100%; /* コンテナ幅に合わせる */
            height: 100%; /* コンテナ高さに合わせる */
            display: block;
        }
.video-container_05 {
   width: 100%; /* ページ全幅 */
   height: 100%; /* 高さを自動調整 */
   margin: 0 auto; /* 動画を中央に配置 */
   background-color: #000; /* ロード時の背景色（オプション） */
overflow: hidden;  /* 動画がコンテナからはみ出さないようにする */
        }
 /* 動画自体のスタイル */
 .video-container video {
            width: 100%; /* コンテナ幅に合わせる */
            height: 100%; /* コンテナ高さに合わせる */
            display: block;
        }
.video-container_06 {
   width: 100%; /* ページ全幅 */
   height: 100%; /* 高さを自動調整 */
   margin: 0 auto; /* 動画を中央に配置 */
   background-color: #000; /* ロード時の背景色（オプション） */
overflow: hidden;  /* 動画がコンテナからはみ出さないようにする */
        }
 /* 動画自体のスタイル */
 .video-container video {
            width: 100%; /* コンテナ幅に合わせる */
            height: 100%; /* コンテナ高さに合わせる */
            display: block;
        }
.video-container_07 {
   width: 100%; /* ページ全幅 */
   height: 100%; /* 高さを自動調整 */
   margin: 0 auto; /* 動画を中央に配置 */
   background-color: #000; /* ロード時の背景色（オプション） */
overflow: hidden;  /* 動画がコンテナからはみ出さないようにする */
        }
 /* 動画自体のスタイル */
 .video-container video {
            width: 100%; /* コンテナ幅に合わせる */
            height: 100%; /* コンテナ高さに合わせる */
            display: block;
        }
.slide-arrow {
  width: 67px;
  top: -5.1%;
  bottom: 0;
  margin: auto 0;
  position: absolute;
  z-index: 5;
  cursor: pointer;
}

@media screen and (max-width: 750px) {
  .slide-arrow {
    width: 8.93333vw;
  }
}

.slick-disabled {
  display: none !important;
}

.prev-arrow {
  left: 3%;
}

.next-arrow {
  right: 3%;
}
/*-----------------------------
tab-offer
-------------------------------*/
.wrap{
max-width: 750px;
margin: 0 auto;
background:#fff;
}
.abs{
	position: absolute;
}
.btn{
	position: absolute
}
.btn01{
	top: 79%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 92.3%;
}
.btn02{
	top: 75%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 92.3%;
}
.btn03{
	top: 75%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 92.3%;
}

/*************************
Tab
*************************/
.Tab{
background: url(../cp_01/bg.jpg);
background-position: top;
}
.TabBtn{
	display: flex;
	margin: 0 auto;
	width: 100%;
}
.TabWrap{
margin: -1px auto 0;
position: relative
}
.TabWrap--01,.TabWrap--02,.TabWrap--04{display: none}
.TabBtn01,.TabBtn02,.ToggleBtnWrap,.TabBtn05{
	top: 35%;
    left: 0;
    right: 0;
    margin: auto;
    width: 92%;
}
.ToggleBtnWrap{
	top: auto;
	bottom: 3.7%;
}
.TabBtn05{top: 41.7%;}
.BtnToggle{
	cursor: pointer;
	position: absolute;
	width: 7%;
    height: 3%;
}
.BtnToggle__Inner{position: relative}
.BtnToggle--01{
	top: 21.4%;
    right: 9.1%;
}
.BtnToggle--02{
	bottom: 15.8%;
    right: 8.9%;
}
.BtnToggle__Btn--01{opacity: 0	}
.BtnToggle--On .BtnToggle__Btn--01{ opacity: 1}
.TabBtn03--01{
	width: 95%;
    top: 23.9%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.TabBtn03--02{
	width: 96%;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    bottom: 3.4%;
}
.TabBtn__Item{cursor: pointer}
.TabBtn02{
	top: 31%;
}
.TabWrap2{
    margin: -1px auto 0;
	position: relative;
}
.TabBtn2{
    display: flex;
    margin: 0 auto;
    width: 100%;
}
.TabBtn03{
	top: 31%;
}
.TabWrap3{
    margin: -1px auto 0;
	position: relative;
}
.TabBtn3{
    display: flex;
    margin: 0 auto;
    width: 100%;
}
.TabBtn04{
	top: 31%;
}
.TabWrap4{
    margin: -1px auto 0;
	position: relative;
}
.TabBtn4{
    display: flex;
    margin: 0 auto;
    width: 100%;
}
/*-----------------------------
/ footer
/------------------------------*/
.links{padding: 0 10px 15px;text-align:center;font-size:12px;line-height:1.7em;}
.links a{
    font-size:12px;
    color:#0100fe;
    text-decoration:underline;
}
#footer{
    color:#0100fe;
    font-size:11px;
    display:block;
    width:100%;
    text-align:center;
    padding:5px 0 28px;
    background-color:#ebf7f7
}

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