/*
    VARIABLE
 */
/*
    MIXIN
 */
.note {
  margin-top: 30px;
  font-size: 10px;
  line-height: 1.4; }

.list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 40px; }
  .list-item {
    position: relative; }

.sec-title {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  min-height: 86px;
  margin-bottom: 24px;
  padding: 10px 0; }

.sec-title-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #cedffc; }

.sec-title-text {
  position: relative;
  z-index: 1;
  margin: 0 auto; }

.t-lineup_sec_item_pic {
  margin: 0 auto; }

/*
    PAGE TITLE
*/
.t-pageTitle_pic {
  border-bottom: 1px solid #ccc; }

/*
    FEATURE
*/
.t-feature {
  background-color: #d2f2ff;
  background-image: url(../img/feature/bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 40px 0 50px; }

.t-feature_title {
  width: 122px;
  margin: 0 auto 35px; }

.t-feature_lead {
  margin: 0 0 20px; }

.t-feature_pic {
  margin: 0 0 20px; }

.t-feature_sec.-num02 {
  margin-top: 20px; }
  .t-feature_sec.-num02 .t-lineup_note_list {
    margin-bottom: 50px; }

.t-feature_anc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 27px 0;
  margin-top: 50px; }

.t-feature_anc_item {
  width: 268px; }
  .t-feature_anc_item.-num01 .t-feature_anc_item_pic {
    width: 63.5px;
    right: 15px; }
  .t-feature_anc_item.-num02 .t-feature_anc_item_pic {
    width: 76px;
    right: 9px; }
  .t-feature_anc_item.-num03 .t-feature_anc_item_pic {
    width: 66px;
    right: 15px; }
  .t-feature_anc_item.-num04 .t-feature_anc_item_pic {
    width: 66px;
    right: 15px; }
  .t-feature_anc_item.-num05 .t-feature_anc_item_pic {
    width: 48px;
    right: 19px; }
  .t-feature_anc_item.-num06 .t-feature_anc_item_pic {
    width: 68px;
    right: 10px;
    bottom: 12px; }
  .t-feature_anc_item.-num07 .t-feature_anc_item_pic {
    width: 66px;
    right: 12px; }

.t-feature_anc_link {
  display: block;
  position: relative; }

.t-feature_anc_item_pic {
  width: 100px;
  position: absolute;
  right: 0;
  bottom: 3px; }

.t-feature_anc_item_txt {
  font-size: 11px;
  text-align: center;
  margin-top: 6px; }

/*
    LINEUP
*/
.t-lineup {
  padding-top: 40px; }

.t-lineup_title {
  width: 97px;
  margin: 0 auto 30px; }

.t-lineup_sec {
  position: relative; }
  .t-lineup_sec + .t-lineup_sec {
    margin-top: 60px; }

.t-lineup_sec_pic01 {
  margin-bottom: 20px; }

.t-lineup_sec_pic02 {
  margin-bottom: 40px; }

.t-lineup_sec_anchor {
  position: absolute;
  top: -30px;
  left: 0; }

.t-lineup_sec_title {
  margin-bottom: 30px; }

.t-lineup_sec_item_pic {
  position: relative;
  margin-bottom: 5px; }

.t-lineup_sec_item_des {
  position: absolute;
  left: 50%;
  bottom: 5%; }

.t-lineup_sec_item_name {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 5px; }

.t-lineup_sec_item_lead {
  font-size: 12px; }
  .t-lineup_sec_item_lead span.-icon {
    font-size: 10px;
    display: inline-block;
    border: #555 solid 1px;
    padding: 0 4px; }

.t-lineup_sec_item_txt {
  text-align: center;
  font-size: 11px; }

.t-lineup_sec_item_btn {
  margin: 16px auto 0;
  width: 268px; }

/* ITEM:01 */
.t-lineup_sec.-num01 .list {
  margin-bottom: 40px; }

.t-lineup_sec.-num01 .t-lineup_sec_item.-num01 .t-lineup_sec_item_des {
  left: 45%; }

.t-lineup_sec.-num01 .t-lineup_sec_item.-num02 .t-lineup_sec_item_des {
  left: 45%; }

.t-lineup_sec.-num01 .t-lineup_sec_item.-num03 .t-lineup_sec_item_des {
  left: 45%;
  bottom: 8%; }

.t-lineup_sec.-num01 .t-lineup_sec_item.-num04 .t-lineup_sec_item_des {
  left: 45%;
  bottom: 8%; }

.t-lineup_sec.-num01 .t-lineup_sec_item.-num05 .t-lineup_sec_item_des {
  left: 45%;
  bottom: 8%; }

.t-lineup_sec.-num01 .t-lineup_sec_pic3 {
  margin-top: 45px; }

.t-lineup_sec.-num01 .t-lineup_sec_pic4 {
  margin-top: 20px; }

.t-lineup_sec.-num01 .t-lineup_sec_pic5 {
  margin: 10px 0 60px; }

/* ITEM:02 */
.t-lineup_sec.-num02 .sec-title-bg {
  background: #ffd9ce; }

.t-lineup_sec.-num02 .t-lineup_sec_title {
  margin-bottom: 40px; }

.t-lineup_sec.-num02 .t-lineup_sec_label {
  margin-bottom: 15px; }

.t-lineup_sec.-num02 .t-lineup_sec_point + .t-lineup_sec_point {
  margin-top: 40px; }

.t-lineup_sec.-num02 .list {
  margin: 50px 0 40px; }

.t-lineup_sec.-num02 .t-lineup_sec_item_des {
  position: relative;
  width: 83.75%;
  margin: 0 auto;
  left: 0;
  bottom: 0; }

.t-lineup_sec.-num02 .t-lineup_sec_item_txt {
  margin-top: 4px;
  text-align: left; }

/* ITEM:03 */
.t-lineup_sec.-num03 .sec-title-bg {
  background: #ffe6d4; }

.t-lineup_sec.-num03 .t-lineup_sec_title {
  margin-bottom: 30px; }

.t-lineup_sec.-num03 .list {
  margin-bottom: 40px; }

.t-lineup_sec.-num03 .t-lineup_sec_item.-num01 .t-lineup_sec_item_des {
  left: 46%;
  bottom: 7%; }

.t-lineup_sec.-num03 .t-lineup_sec_item.-num02 .t-lineup_sec_item_des {
  left: 46%;
  bottom: 7%; }

.t-lineup_sec.-num03 .t-lineup_sec_item.-num03 .t-lineup_sec_item_des {
  left: 46%;
  bottom: 7%; }

/* ITEM:04 */
.t-lineup_sec.-num04 .sec-title-bg {
  background: #c7f2da; }

.t-lineup_sec.-num04 .t-lineup_sec_title {
  margin-bottom: 30px; }

.t-lineup_sec.-num04 .list {
  margin-bottom: 40px; }

.t-lineup_sec.-num04 .t-lineup_sec_item.-num01 .t-lineup_sec_item_des {
  left: 46%;
  bottom: 7%; }

.t-lineup_sec.-num04 .t-lineup_sec_item.-num02 .t-lineup_sec_item_des {
  left: 46%;
  bottom: 15%; }

.t-lineup_sec.-num04 .t-lineup_sec_item.-num02 .t-lineup_sec_item_txt {
  margin-top: -6%; }

/* ITEM:05 */
.t-lineup_sec.-num05 .sec-title-bg {
  background: #ffdfee; }

.t-lineup_sec.-num05 .t-lineup_sec_title {
  margin-bottom: 20px; }

.t-lineup_sec.-num05 .list {
  margin-bottom: 40px; }

.t-lineup_sec.-num05 .t-lineup_sec_item.-num01 .t-lineup_sec_item_des {
  left: 52%;
  bottom: 7%; }

.t-lineup_sec.-num05 .t-lineup_sec_item.-num02 .t-lineup_sec_item_des {
  left: 52%;
  bottom: 7%; }

.t-lineup_sec.-num05 .t-lineup_sec_item.-num03 .t-lineup_sec_item_des {
  bottom: 7%; }

/* ITEM:06 */
.t-lineup_sec.-num06 .sec-title-bg {
  background: #eed5fa; }

.t-lineup_sec.-num06 .t-lineup_sec_title {
  margin-bottom: 30px; }

.t-lineup_sec.-num06 .list {
  margin-bottom: 40px; }

.t-lineup_sec.-num06 .t-lineup_sec_item.-num01 .t-lineup_sec_item_des {
  left: 52%;
  bottom: 14%; }

.t-lineup_sec.-num06 .t-lineup_sec_item.-num01 .t-lineup_sec_item_txt {
  margin-top: -8px; }

/* ITEM:07 */
.t-lineup_sec.-num07 .sec-title-bg {
  background: #dcf4fe; }

.t-lineup_sec.-num07 .t-lineup_sec_title {
  margin-bottom: 30px; }

.t-lineup_sec.-num07 .list {
  margin-bottom: 40px; }

.t-lineup_sec.-num07 .t-lineup_sec_item.-num01 .t-lineup_sec_item_des {
  left: 46%;
  bottom: 7%; }

.t-lineup_sec.-num07 .t-lineup_sec_item.-num02 .t-lineup_sec_item_des {
  left: 46%;
  bottom: 16%; }

.t-lineup_sec.-num07 .t-lineup_sec_item.-num02 .t-lineup_sec_item_txt {
  margin-top: -7%; }

.t-lineup_sec.-num07 .t-lineup_sec_item.-num03 .t-lineup_sec_item_des {
  left: 46%;
  bottom: 6%; }

.t-lineup_sec.-num07 .t-lineup_sec_item.-num04 .t-lineup_sec_item_des {
  left: 46%;
  bottom: 16%; }

.t-lineup_sec.-num07 .t-lineup_sec_item.-num04 .t-lineup_sec_item_txt {
  margin-top: -5%; }

.t-lineup_sec.-num07 .t-lineup_sec_item.-num05 .t-lineup_sec_item_des {
  left: 46%;
  bottom: 8%; }

.t-lineup_sec.-num07 .t-lineup_sec_item.-num06 .t-lineup_sec_item_des {
  left: 46%;
  bottom: 16%; }

.t-lineup_sec.-num07 .t-lineup_sec_item.-num06 .t-lineup_sec_item_txt {
  margin-top: -5%; }

.t-lineup_sec.-num07 .t-lineup_sec_item.-num07 .t-lineup_sec_item_des {
  left: 46%;
  bottom: 16%; }

.t-lineup_sec.-num07 .t-lineup_sec_item.-num07 .t-lineup_sec_item_txt {
  margin-top: -5%; }

/* ITEM:08 */
.t-lineup_sec.-num08 .sec-title-bg {
  background: #dcf4fe; }

.t-lineup_sec.-num08 .t-lineup_sec_title {
  margin-bottom: 20px; }

.t-lineup_sec.-num08 .list {
  margin-bottom: 40px; }

.t-lineup_sec.-num08 .t-lineup_sec_item.-num01 .t-lineup_sec_item_des {
  bottom: 16%; }

.t-lineup_sec.-num08 .t-lineup_sec_item.-num01 .t-lineup_sec_item_txt {
  margin-top: -20px; }

.line-up {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  padding: 7px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.3s;
  pointer-events: none; }
  .line-up:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80); }
  .line-up.is-show {
    opacity: 1;
    filter: alpha(opacity=100);
    pointer-events: auto; }
  .line-up a {
    position: relative;
    z-index: 1;
    display: block; }
  .line-up img {
    display: block;
    width: 109px;
    margin: 0 auto; }

.page-back {
  width: 109px;
  margin: 60px auto 30px; }

/*
    HOW TO
*/
.t-lineup_howto_pic {
  width: 60px;
  margin: 0 auto; }

.t-lineup_howto_item {
  font-size: 10px;
  line-height: 1.6; }

.t-lineup_howto_head {
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  top: -10px;
  left: 0;
  background: url(../img/howto/howto_bg-head.png) no-repeat center top;
  background-size: cover; }

.t-lineup_howto {
  display: table;
  width: auto;
  margin: 0 26px 18px;
  padding: 0 10px 10px;
  background: url(../img/howto/howto_bg-bottom.png) no-repeat center bottom;
  background-size: cover;
  position: relative; }

/*
    note
*/
.t-lineup_note_list {
  font-size: 9px;
  margin: 0 26px; }

.t-lineup_note_item {
  padding-left: 24px;
  position: relative;
  line-height: 1.5; }
  .t-lineup_note_item + .t-lineup_note_item {
    margin-top: 2px; }
  .t-lineup_note_item .-head {
    position: absolute;
    top: 0;
    left: 0; }