@charset "UTF-8";

/* ========================================
  common
======================================== */
.l-main {
  background: url(../images/action/header_bg_sp.png) no-repeat 0 0;
  background-size: 63.46666666666667% auto; /* 476 / 750 * 100 */
}
@media screen and (min-width: 760px) {
  .l-main {
    background: url(../images/action/header_bg_pc.png) no-repeat 0 0;
    background-size: 50.10416666666667% auto; /* 962 / 1920 * 100 */
  }
}
@media screen and (min-width: 760px) {
  .p-action_wrap img {
    width: 100% !important;
  }
}


/* ========================================
  mv
======================================== */
.p-action-mv {
  position: relative;
}
@media screen and (min-width: 760px) {
  .p-action-mv {
    width: 57.291666666666664%; /* 1100 / 1920 * 100 */
    min-width: 900px;
    margin: 0 auto;
  }
  .is-tablet .p-action-mv {
    min-width: 700px;
  }
}
.p-action_tl {
  position: relative;
  width: 76.8%; /* 576 / 750 * 100 */
  margin: 0 auto;
  z-index: 10;
}
@media screen and (min-width: 760px) {
  .p-action_tl {
    width: 52.63636363636364%; /* 579 / 1100 * 100 */
    margin: 0 0 0 -0.27272727272727276%; /* -3 / 1100 * 100 */
  }
}
.mv_chara {
  position: relative;
  width: 100%;
  margin: 0;
}
@media screen and (min-width: 760px) {
  .mv_chara {
    position: absolute;
    top: -40px;
    /*right: -29.63636363636364%; /* -326 / 1100 * 100 */
    left: 43%; /* 473 / 1100 * 100 */
    /*width: 86.36363636363636%; /* 950 / 1100 * 100 */
    width: 100%;
  }
  .mv_chara img {
    width: 86.36363636363636%; /* 950 / 1100 * 100 */
  }
}


/* ========================================
  ds
======================================== */
@media screen and (min-width: 760px) {
  .p-action-ds {
  }
  .p-action-ds_in {
    width: 57.291666666666664%; /* 1100 / 1920 * 100 */
    min-width: 900px;
    margin: 0 auto;
  }
  .is-tablet .p-action-ds_in {
    min-width: 700px;
  }
}
/* p-action-ds01 */
.p-action-ds01 {
  position: relative;
  left: -47.46666666666667%; /* 356 / 750 * 100 */
  width: 144.26666666666668%; /* 1082 / 750 * 100 */
  margin-top: -16%;
  margin-bottom: 3%;
  overflow: hidden;
}
@media screen and (min-width: 760px) {
  .p-action-ds01 {
    left: -2.083333333333333%; /* 40 / 1920 * 100 */
    width: 98.36363636363636%; /* 1082 / 1100 * 100 */
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -37.5%;
    overflow: hidden;
  }
}
.koopa-btn {
  width: 82.13333333333334%; /* 616 / 750 * 100 */
  margin: 0 auto 10%;
}
@media screen and (min-width: 760px) {
  .koopa-btn {
    position: relative;
    width: 57.291666666666664%; /* 1100 / 1920 * 100 */
    margin: 0 auto 7%;
  }
  .koopa-btn_in {
    width: 45.27272727272727%; /* 498 / 1100 * 100 */
    margin: 0 auto;
  }
  .is-tablet .koopa-btn {
    position: relative;
    min-width: 700px;
    margin-top: 3%;
  }
}
/* p-action-ds02 */
.p-action-ds02 {
  position: relative;
}
@media screen and (min-width: 760px) {
  .p-action-ds02 {
    width: 57.291666666666664%; /* 1100 / 1920 * 100 */
    margin: 0 auto;
  }
}
.p-action-ds02_h {
  width: 89.60000000000001%; /* 672 / 750 * 100 */
  margin: 0 auto;
}
@media screen and (min-width: 760px) {
  .p-action-ds02_h {
    width: 84.18181818181819%; /* 926 / 1100 * 100 */
  }
}
@media screen and (min-width: 760px) {
  .p-action-ds02-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}


/* ========================================
  brother-action
======================================== */
.p-brother-action {
  position: relative;
  background: url(../images/action/brother-action_bg.png) repeat 0 0;
  background-size: auto;
}
.p-brother-action_head {
  position: absolute;
  top: -3.3333333333333335vw; /* 25 / 750 * 100 */
  width: 100%;
  padding-top: 5.866666666666666vw; /* 44 / 750 * 100 */
  background: url(../images/action/brother-action_line_sp.png) repeat-x 50% 0;
  background-size: 100% auto;
}
@media screen and (min-width: 760px) {
 .p-brother-action_head {
    top: -29px;
    padding-top: 44px;
    background: url(../images/action/brother-action_line_pc.png) repeat-x 50% 0;
    background-size: auto;
  }
}
@media screen and (min-width: 1921px) {
  .p-brother-action_head {
    top: -3%;
    padding-top: 2.6%;
    background-size: 100% auto;
  }
}
.p-brother-action_content {
  padding-top: 10vw; /* 75 / 750 * 100 */
  padding-bottom: 10vw;
}
@media screen and (min-width: 760px) {
  .p-brother-action_content {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 20px;
    background: url(../images/action/brother-action_deco_bg_pc.png) no-repeat 50% 0;
    background-size: cover;
  }
}
.is-tablet .p-brother-action_content {
  background: none;
}
@media screen and (min-width: 760px) {
  .p-brother-action_content_inner {
    width: 57.291666666666664%; /* 1100 / 1920 * 100 */
    margin: 0 auto;
  }
    .is-tablet .p-brother-action_content_inner {
    min-width: 700px;
  }
}
@media screen and (min-width: 1921px) {
  .p-brother-action_content_inner {
    padding: 2% 0;
  }
}
.p-brother-action_foot {
  position: absolute;
  bottom: -3.3333333333333335vw; /* 25 / 750 * 100 */
  width: 100%;
  padding-bottom: 5.866666666666666vw; /* 44 / 750 * 100 */
  background: url(../images/action/brother-action_line_sp.png) repeat-x 50% 100%;
  background-size: 100% auto;
}
@media screen and (min-width: 760px) {
 .p-brother-action_foot {
    bottom: -29px;
    padding-bottom: 44px;
    background: url(../images/action/brother-action_line_pc.png) repeat-x 50% 100%;
    background-size: auto;
  }
}
@media screen and (min-width: 1921px) {
  .p-brother-action_foot {
    bottom: -3%;
    padding-bottom: 2.6%;
    background-size: 100% auto;
  }
}
.p-brother-action_h {
  width: 71.73333333333333%; /* 538 / 750 * 100 */
  margin: 0 auto;
  padding-bottom: 3%;
}
@media screen and (min-width: 760px) {
  .p-brother-action_h {
    width: 48.90909090909091%; /* 538 / 1100 * 100 */
    padding-bottom: 2%;
  }
}
.p-brother-action_lead {
  color: #fff;
  padding-bottom: 5%;
  font-size: 3.733333333333334vw; /* 28 / 750 * 100 */
  font-weight: 900;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 760px) {
  .p-brother-action_lead {
    padding-bottom: 2%;
    font-size: 1.25vw; /* 24 / 1920 * 100 */
    line-height: 1.7;
  }
}
.is-tablet .p-brother-action_lead {
  font-size: 100%;
}
@media screen and (min-width: 760px) {
  .p-brother-action_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin-top: -3%;
  }
}
.p-brother-action_item01 {
  margin-bottom: 0;
}
@media screen and (min-width: 760px) {
  .p-brother-action_item01 {
    position: relative;
    width: 57.99999999999999%; /* 638 / 1100 * 100 */
    margin-left: -8.181818181818182%; /* 90 / 1100 * 100 */
  }
}
.p-brother-action_item01_img {
  width: 79.33333333333333%; /* 595 / 750 * 100 */
  margin-left: 1.7333333333333332%; /* 13 / 750 * 100 */
}
@media screen and (min-width: 760px) {
  .p-brother-action_item01_img {
    width: 100%;
    margin-left: 0;
  }
}
.p-brother-action_item01_lead {
  margin-top: -8%;
  color: #fff;
  font-size: 3.4666666666666663vw;/* 26 / 750 * 100 */
  font-weight: 900;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 760px) {
  .p-brother-action_item01_lead {
    position: absolute;
    top: 75%;
    left: 40%;
    margin-top: 0;
    font-size: 1.25vw;/* 24 / 1920 * 100 */
    line-height: 1.7;
  }
}
.is-tablet .p-brother-action_item01_lead {
  font-size: 100%;
}
@media screen and (min-width: 760px) {
  .p-brother-action_item02 {
    position: relative;
    width: 63.727272727272734%; /* 701 / 1100 * 100 */
    margin-right: -14.150943396226415%; /* 150 / 1100 * 100 */
  }
}
.p-brother-action_item02_img {
  width: 80.80000000000001%; /* 606 / 750 * 100 */
  margin-left: 19.2%; /* 144 / 750 * 100 */
}
@media screen and (min-width: 760px) {
  .p-brother-action_item02_img {
    width: 100%;
    margin-left: 0;
  }
}
.p-brother-action_item02_lead {
  margin-top: -8%;
  color: #fff;
  font-size: 3.4666666666666663vw;/* 26 / 750 * 100 */
  font-weight: 900;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 760px) {
  .p-brother-action_item02_lead {
    position: absolute;
    top: 75%;
    right: 40%;
    margin-top: 0;
    font-size: 1.25vw;/* 24 / 1920 * 100 */
    line-height: 1.7;
  }
}
.is-tablet .p-brother-action_item02_lead {
  font-size: 100%;
}
@media screen and (min-width: 760px) {
  .p-action-box {
    padding-bottom: 8%;
    background: url(../images/action/action-box_deco_bg_pc.png) no-repeat 50% 0;
    background-size: cover;
  }
}
.is-tablet .p-action-box {
  background: none;
}
/* p-enemy */
.p-enemy {
  position: relative;
  padding-top: 3.5%;
}
@media screen and (min-width: 760px) {
  .p-enemy {
    width: 57.291666666666664%; /* 1100 / 1920 * 100 */
    margin: 0 auto;
  }
  .is-tablet .p-enemy {
    min-width: 700px;
  }
}
.p-enemy_h {
  width: 99.06666666666666%; /* 743 / 750 * 100 */
  margin: 0 auto;
}
@media screen and (min-width: 760px) {
  .p-enemy_h {
    width: 84.18181818181819%; /* 926 / 1100 * 100 */
  }
}
.p-enemy_list {
  margin-bottom: 5%;
}
@media screen and (min-width: 760px) {
  .p-enemy_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 3%;
  }
}
.p-enemy_item01 {
  width: 86%; /* 645 / 750 * 100 */
  margin-bottom: 1%;
  margin-left: 9.2%; /* 69 / 750 * 100 */
}
@media screen and (min-width: 760px) {
  .p-enemy_item01 {
    width: 48.90909090909091%; /* 538 / 1100 * 100 */
    margin: 0 1.090909090909091% 0 0; /* 12 / 1100 * 100 */
  }
}
.p-enemy_item02 {
  width: 86.93333333333332%; /* 652 / 750 * 100 */
  margin-left: 4.3999999999999995%; /* 33 / 750 * 100 */
}
@media screen and (min-width: 760px) {
  .p-enemy_item02 {
    width: 49.18181818181818%; /* 541 / 1100 * 100 */
    margin: 0 0 0 1.090909090909091%; /* 12 / 1100 * 100 */
  }
}
.p-enemy_txt01 {
  width: 93.46666666666667%; /* 701 / 750 * 100 */
  margin: 0 auto 7%;
  padding-bottom: 10%;
  background: url(../images/action/enemy_line_sp.png) no-repeat 0 100%;
  background-size: 100% auto;
}
@media screen and (min-width: 760px) {
  .p-enemy_txt01 {
    width: 100%;
    margin-bottom: 5%;
    padding-bottom: 7%;
    background: url(../images/action/enemy_line_pc.png) no-repeat 0 100%;
    background-size: 100% auto;
  }
}
.p-enemy_txt01 img {
  display: block;
  width: 93.29529243937232%; /* 654 / 701 * 100 */
  margin: 0 auto;
}
@media screen and (min-width: 760px) {
  .p-enemy_txt01 img {
    width: 95.81818181818181%; /* 1054 / 1100 * 100 */
  }
}

/* p-brother-action02 */
@media screen and (min-width: 760px) {
  .p-brother-action02 {
      width: 57.291666666666664%; /* 1100 / 1920 * 100 */
      margin: 0 auto;
  }
  .is-tablet .p-brother-action02 {
    min-width: 700px;
  }
}
.p-brother-action02_h {
  width: 71.73333333333333%; /* 538 / 750 * 100 */
  margin: 0 auto;
  padding-bottom: 3%;
}
@media screen and (min-width: 760px) {
  .p-brother-action02_h {
    width: 48.90909090909091%; /* 538 / 1100 * 100 */
    padding-bottom: 2%;
  }
}
.p-brother-action02_lead {
  margin-bottom: 7%;
  color: #003755;
  font-size: 3.733333333333334vw;/* 28 / 750 * 100 */
  font-weight: 900;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 760px) {
  .p-brother-action02_lead {
    margin-bottom: 3%;
    font-size: 1.25vw;/* 24 / 1920 * 100 */
    line-height: 1.7;
  }
}
.is-tablet .p-brother-action02_lead {
  font-size: 100%;
}
@media screen and (min-width: 760px) {
  .p-brother-action02_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
  }
}
.p-brother-action02_list .mov_wrap {
  position: relative;
  width: 100%;
  height: 0px;
  padding-top: 56.25%;
  border-radius: 16px;
  z-index: 1;
}
.p-brother-action02_list .mov_wrap .mov {
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 100%;
}
.p-brother-action02_movie01,
.p-brother-action02_movie02 {
  position: relative;
  width: 76.53333333333333%; /* 574 / 750 * 100 */
  height: 100%;
  margin: 0 auto;
  padding: 5% 0 0;
  background: url(../images/action/movie_bg_sp.png) no-repeat 0 0;
  background-size: 100% auto;
}
@media screen and (min-width: 760px) {
  .p-brother-action02_movie01,
  .p-brother-action02_movie02 {
    width: 42.18181818181818%; /* 464 / 1100 * 100 */
    background: url(../images/action/movie_bg_pc.png) no-repeat 0 0;
    background-size: 100% auto;
    padding: 0;
  }
}
@media screen and (min-width: 760px) {
  .p-brother-action02_movie01 {
    margin-right: 1.1818181818181819%; /* 13 / 1100 * 100 */
    margin-left: 6.545454545454546%; /* 72 / 1100 * 100 */
  }
}
@media screen and (min-width: 760px) {
  .p-brother-action02_movie02 {
    margin-left: 1.1818181818181819%; /* 13 / 1100 * 100 */
    margin-right: 7.090909090909091%; /* 78 / 1100 * 100 */
  }
}
.p-brother-action02_movie01_in,
.p-brother-action02_movie02_in {
  position: relative;
  top: 5%;
  width: 86.26086956521739%; /* 496 / 574 * 100 */
  height: 90.80962800875274%; /* 415 / 457 * 100 */
  margin-right: auto;
  margin-left: auto;
  border-radius: 16px;
  border: 3px solid #fff;
  overflow: hidden;
  z-index: 0;
}
@media screen and (min-width: 760px) {
  .p-brother-action02_movie01_in,
  .p-brother-action02_movie02_in {
    width: 86.20689655172413%; /* 400 / 464 * 100 */
    height: 83.46883468834689%; /* 308 / 369 * 100 */
    margin-top: 7%;
    margin-bottom: 7%;
    overflow: hidden;
    z-index: 0;
  }
}
.p-brother-action02_movie01_in2,
.p-brother-action02_movie02_in2 {
  position: relative;
  width: 136%;
  margin-left: -18%;
  z-index: 0;
}

.p-brother-action02_fukidashi01,
.p-brother-action02_fukidashi02 {
  position: absolute;
  top: -7.00218818380744%; /* 32 / 457 * 100 */
  width: 31.881533101045296%; /* 183 / 574 * 100 */
  z-index: 1;
}
@media screen and (min-width: 760px) {
  .p-brother-action02_fukidashi01,
  .p-brother-action02_fukidashi02 {
    top: -6%;
    width: 39.439655172413794%; /* 183 / 464 * 100 */
  }
}
.p-brother-action02_fukidashi01 {
  left: -14.439655172413794%; /* 67 / 464 * 100 */
}
@media screen and (min-width: 760px) {
  .p-brother-action02_fukidashi01 {
    left: -11.67247386759582%; /* 67 / 574 * 100 */
  }
}
.p-brother-action02_fukidashi02 {
  right: -11.67247386759582%; /* 67 / 574 * 100 */
}
@media screen and (min-width: 760px) {
  .p-brother-action02_fukidashi02 {
    right: -14.439655172413794%; /* 67 / 464 * 100 */
  }
}
.p-brother-action02_lead01,
.p-brother-action02_lead02 {
  margin-top: 7%;
  margin-bottom: 7%;
  color: #003755;
  font-size: 3.733333333333334vw;/* 28 / 750 * 100 */
  font-weight: 900;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 760px) {
  .p-brother-action02_lead01,
  .p-brother-action02_lead02 {
    margin-top: 0;
    margin-bottom: 10%;
    font-size: 1.25vw;/* 24 / 1920 * 100 */
    line-height: 1.7;
  }
}
.is-tablet .p-brother-action02_lead01,
.is-tablet .p-brother-action02_lead02 {
  font-size: 100%;
}

/* p-p-difficult */
.p-difficult {
  width: 88%; /* 660 / 750 * 100 */
  margin: 0 auto 10%;
  padding: 8% 0;
  background: url(../images/action/difficult_bg.png) repeat 0 0;
  background-size: auto;
  border-radius: 30px;
}
@media screen and (min-width: 760px) {
  .p-difficult {
    width: 55.208333333333336%; /* 1060 / 1920 * 100 */
    margin-bottom: 0;
    padding: 60px 0;
  }
  .is-tablet .p-difficult {
    min-width: 700px;
  }
}
.p-difficult_h {
  width: 70%; /* 462 / 660 * 100 */
  margin: 0 auto;
  padding-bottom: 3%;
}
@media screen and (min-width: 760px) {
  .p-difficult_h {
    width: 43.58490566037736%; /* 462 / 1060 * 100 */
    padding-bottom: 1%;
  }
}
.p-difficult_lead {
  margin-bottom: 3%;
  color: #fff;
  font-size: 3.733333333333334vw; /* 28 / 750 * 100 */
  font-weight: 900;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 760px) {
  .p-difficult_lead {
    margin-bottom: 3%;
    font-size: 1.25vw; /* 24 / 1920 * 100 */
    line-height: 1.7;
  }
}
.is-tablet .p-difficult_lead {
  font-size: 100%;
}

/* p-difficult */
@media screen and (min-width: 760px) {
  .p-difficult_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 78.30188679245283%;  /* 830 / 1060 * 100 */
    margin: 0 auto;
  }
}
.p-difficult_item01 {
  margin-bottom: 7%;
}
@media screen and (min-width: 760px) {
  .p-difficult_item01 {
    width: 48.19277108433735%; /* 400 / 830 * 100 */
    margin-right: 1.566265060240964%; /* 13 / 830 * 100 */
    margin-bottom: 0;
  }
}
@media screen and (min-width: 760px) {
  .p-difficult_item02 {
    width: 48.19277108433735%; /* 400 / 830 * 100 */
    margin-left: 1.566265060240964%; /* 13 / 830 * 100 */
  }
}
.p-difficult_item01_img,
.p-difficult_item02_img {
  width: 60.60606060606061%; /* 400 / 660 * 100 */
  margin: 0 auto 3%;
}
@media screen and (min-width: 760px) {
  .p-difficult_item01_img,
  .p-difficult_item02_img {
    width: 100%;
  }
}
.p-difficult_item01_h {
  width: 19.696969696969695%; /* 130 / 660 * 100 */
  margin: 0 auto 1%;
}
@media screen and (min-width: 760px) {
  .p-difficult_item01_h {
    width: 32.5%; /* 130 / 400 * 100 */
    margin-bottom: 3%;
  }
}
.p-difficult_item02_h {
  width: 41.36363636363637%; /* 273 / 660 * 100 */
  margin: 0 auto 1%;
}
@media screen and (min-width: 760px) {
  .p-difficult_item02_h {
    width: 68.25%; /* 273 / 400 * 100 */
    margin-bottom: 3%;
  }
}
.p-difficult_item01_lead,
.p-difficult_item02_lead {
  color: #fff;
  font-size: 3.4666666666666663vw; /* 26 / 750 * 100 */
  font-weight: 900;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 760px) {
  .p-difficult_item01_lead,
  .p-difficult_item02_lead {
    font-size: 1.0416666666666665vw; /* 20 / 1920 * 100 */
    line-height: 1.7;
  }
}
.is-tablet .p-difficult_item01_lead,
.is-tablet .p-difficult_item02_lead {
  font-size: 100%;
}