@charset "utf-8";

.l-content .rdsw_tutorial_page .rdsw_tutorial_img {
  top: 0;
  height: 730px;
}
.l-content .rdsw_tutorial_page .rdsw_tutorial_ttl {
  top: 554px;
  background: #fff0 no-repeat center center;
  z-index: 1;
}
.l-content .rdsw_tutorial_page .rdsw_tutorial_bar {
  width: 194px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 6px;
}
.l-content .rdsw_tutorial_page .rdsw_tutorial_msg {
  pointer-events: none;
}

/* ================
rel='start'
================ */
.l-content .rdsw_tutorial_page[rel='start'] .rdsw_tutorial_ttl {
    background-image: url(../img/ttl_start.png);
    top: 554px;
}

.l-content .rdsw_tutorial_page[rel='start'] {
  display: block;
  z-index: 1;
}
.l-content .rdsw_tutorial_page[rel='start'] .rdsw_tutorial_img {
  display: block;
  opacity: 1;
  top: 0;
  height: 730px;
}
.l-content .rdsw_tutorial_page[rel='start'] .rdsw_tutorial_btn {
  top: 650px;
  left: 591px;
}

.l-content .rdsw_tutorial_page[rel='start'] .rdsw_tutorial_msg {
    top: 675px;
    left: 801px;
}


/* ================
rel='1'
================ */
.l-content .rdsw_tutorial_page[rel='1'] {
  background-color: #fff;
}
.l-content .rdsw_tutorial_page[rel='1'] .rdsw_tutorial_ttl {
  background-image: url(../img/ttl_01.png);
  top: 578px;
}
.l-content .rdsw_tutorial_page[rel='1'] .rdsw_tutorial_btn.btn_prev,
.l-content .rdsw_tutorial_page[rel='2'] .rdsw_tutorial_btn.btn_prev,
.l-content .rdsw_tutorial_page[rel='3'] .rdsw_tutorial_btn.btn_prev,
.l-content .rdsw_tutorial_page[rel='4'] .rdsw_tutorial_btn.btn_prev,
.l-content .rdsw_tutorial_page[rel='5'] .rdsw_tutorial_btn.btn_prev,
.l-content .rdsw_tutorial_page[rel='6'] .rdsw_tutorial_btn.btn_prev,
.l-content .rdsw_tutorial_page[rel='7'] .rdsw_tutorial_btn.btn_prev,
.l-content .rdsw_tutorial_page[rel='8'] .rdsw_tutorial_btn.btn_prev,
.l-content .rdsw_tutorial_page[rel='9'] .rdsw_tutorial_btn.btn_prev,
.l-content .rdsw_tutorial_page[rel='10'] .rdsw_tutorial_btn.btn_prev,
.l-content .rdsw_tutorial_page[rel='11'] .rdsw_tutorial_btn.btn_prev {
  top: 665px;
  left: 114px;
}

.l-content .rdsw_tutorial_page[rel='1'] .rdsw_tutorial_btn.btn_next,
.l-content .rdsw_tutorial_page[rel='2'] .rdsw_tutorial_btn.btn_next,
.l-content .rdsw_tutorial_page[rel='4'] .rdsw_tutorial_btn.btn_next,
.l-content .rdsw_tutorial_page[rel='5'] .rdsw_tutorial_btn.btn_next,
.l-content .rdsw_tutorial_page[rel='8'] .rdsw_tutorial_btn.btn_next,
.l-content .rdsw_tutorial_page[rel='9'] .rdsw_tutorial_btn.btn_next,
.l-content .rdsw_tutorial_page[rel='10'] .rdsw_tutorial_btn.btn_next,
.l-content .rdsw_tutorial_page[rel='11'] .rdsw_tutorial_btn.btn_next {
  top: 665px;
  left: 1041px;
}
.l-content .rdsw_tutorial_page[rel='1'] .rdsw_tutorial_msg,
.l-content .rdsw_tutorial_page[rel='2'] .rdsw_tutorial_msg,
.l-content .rdsw_tutorial_page[rel='4'] .rdsw_tutorial_msg,
.l-content .rdsw_tutorial_page[rel='5'] .rdsw_tutorial_msg,
.l-content .rdsw_tutorial_page[rel='8'] .rdsw_tutorial_msg,
.l-content .rdsw_tutorial_page[rel='9'] .rdsw_tutorial_msg,
.l-content .rdsw_tutorial_page[rel='10'] .rdsw_tutorial_msg,
.l-content .rdsw_tutorial_page[rel='11'] .rdsw_tutorial_msg {
  top: 675px;
  left: 1193px;
}
.l-content .rdsw_tutorial_page[rel='1'] .rdsw_tutorial_bar {
  background-position: 0 0;
}

.l-content .rdsw_tutorial_page[rel='1'] .rdsw_tutorial_img_2 {
  width: auto;
  height: auto;
  top: 76px;
  left: 489px;
}

.l-content .rdsw_tutorial_page[rel='1'] .rdsw_tutorial_img_3 {
  width: auto;
  height: auto;
  top: 140px;
  left: 468px;
}


/* ================
rel='2'
================ */
.l-content .rdsw_tutorial_page[rel='2'] .rdsw_tutorial_ttl {
  background-image: url(../img/ttl_02.png);
  top: 578px;
}


/* ================
rel='3'
================ */
.l-content .rdsw_tutorial_page[rel='3'] .rdsw_tutorial_ttl {
  background-image: url(../img/ttl_03.png);
  top: 578px;

}

.l-content .rdsw_tutorial_page[rel='3'] .rdsw_tutorial_btn.btn_next {
  width: auto;
  height: auto;
  top: 452px !important;
  left: 791px !important;
}

.l-content .rdsw_tutorial_page[rel='3'] .rdsw_tutorial_msg {
  width: auto;
  height: auto;
  top: 496px !important;
  left: 916px !important;
}

/* ================
rel='4'
================ */

.l-content .rdsw_tutorial_page[rel='4'] .rdsw_tutorial_ttl {
  background-image: url(../img/ttl_04.png);
  top: 578px;

}



/* ================
rel='5'
================ */

.l-content .rdsw_tutorial_page[rel='5'] .rdsw_tutorial_ttl {
  background-image: url(../img/ttl_05.png);
  top: 578px;

}


/* ================
rel='6'
================ */
.l-content .rdsw_tutorial_page[rel='6'] .rdsw_tutorial_ttl {
  background-image: url(../img/ttl_06.png);
  top: 578px;

}
.l-content .rdsw_tutorial_page[rel='6'] .rdsw_tutorial_btn.btn_next {
  width: auto;
  height: auto;
  top: 252px !important;
  left: 887px !important;
}

.l-content .rdsw_tutorial_page[rel='6'] .rdsw_tutorial_msg {
  width: auto;
  height: auto;
  top: 296px !important;
  left: 988px !important;
}

/* ================
rel='7'
================ */
.l-content .rdsw_tutorial_page[rel='7'] .rdsw_tutorial_ttl {
  background-image: url(../img/ttl_07.png);
  top: 578px;

}
.l-content .rdsw_tutorial_page[rel='7'] .rdsw_tutorial_btn.btn_next {
  width: auto;
  height: auto;
    top: 509px !important;
    left: 546px !important;
}

.l-content .rdsw_tutorial_page[rel='7'] .rdsw_tutorial_msg {
  width: auto;
  height: auto;
    top: 534px !important;
    left: 907px !important;
}

/* ================
rel='8'
================ */
.l-content .rdsw_tutorial_page[rel='8'] .rdsw_tutorial_ttl {
  background-image: url(../img/ttl_08.png);
  top: 578px;

}
.l-content .rdsw_tutorial_page[rel='8'] .rdsw_tutorial_btn.btn_next {
  width: auto;
  height: auto;
    top: 377px !important;
    left: 624px !important;
}
.l-content .rdsw_tutorial_page[rel='8'] .rdsw_tutorial_btn.btn_next  span{
  display: inline-block;
  width: 114px;
  height: 36px;
  background-color: transparent;
  border: 0;
}
.l-content .rdsw_tutorial_page[rel='8'] .rdsw_tutorial_msg {
  width: auto;
  height: auto;
    top: 394px !important;
    left: 700px !important;

} 


/* ================
rel='9'
================ */
.l-content .rdsw_tutorial_page[rel='9'] .rdsw_tutorial_ttl {
  background-image: url(../img/ttl_09.png);
  top: 578px;

}
.l-content .rdsw_tutorial_page[rel='9'] .rdsw_tutorial_btn.btn_next {
  width: auto;
  height: auto;
top: 396px !important;
    left: 582px !important;
}
.l-content .rdsw_tutorial_page[rel='9'] .rdsw_tutorial_btn.btn_next  span{
  display: inline-block;
    width: 85px;
    height: 27px;
  background-color: transparent;
  border: 0;
}
.l-content .rdsw_tutorial_page[rel='9'] .rdsw_tutorial_msg {
  width: auto;
  height: auto;
    top: 406px !important;
    left: 630px !important;

}

/* ================
rel='10'
================ */
.l-content .rdsw_tutorial_page[rel='10'] .rdsw_tutorial_ttl {
  background-image: url(../img/ttl_10.png);
  top: 578px;

}


/* ================
rel='11'
================ */
.l-content .rdsw_tutorial_page[rel='11'] .rdsw_tutorial_ttl {
  background-image: url(../img/ttl_11.png);
  top: 578px;

}
.l-content .rdsw_tutorial_page[rel='11'] .rdsw_tutorial_btn.btn_next {
  width: auto;
  height: auto;
    top: 140px !important;
    left: 670px !important;
}
.l-content .rdsw_tutorial_page[rel='11'] .rdsw_tutorial_msg {
  width: auto;
  height: auto;
top: 127px !important;
    left: 1041px !important;

}

/* ================
rel='12'
================ */

.l-content .rdsw_tutorial_page[rel='12'] .rdsw_tutorial_btn.btn_next {
  width: auto;
  height: auto;
  top: 297px !important;
  left: 543px !important;
}
.l-content .rdsw_tutorial_page[rel='12'] .rdsw_tutorial_btn.btn_next  span{
  display: inline-block;
    width: 274px;
    height: 46px;
  background-color: transparent;
  border: 0;
}