@charset "UTF-8";
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
  position: relative;
  z-index: -4;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

html {
  height: 100%;
}

.main-contents {
  background: transparent;
  position: relative;
  z-index: -1;
  background: #000000;
}

.bbc-all-wrapper {
  position: relative;
  z-index: -4;
}

body main.main {
  height: 100%;
  line-height: 1.7;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  letter-spacing: 0;
  -webkit-text-size-adjust: 100%;
  animation: fadeIn 1.5s ease 0s 1 normal;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

@media screen and (max-width: 550px) {
  body main.main {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

body main.main .unit-title-01 {
  display: block;
  font-size: 3rem;
  font-style: italic;
  font-weight: bold;
  margin: -80px 0 50px;
  letter-spacing: 0.3rem;
}

@media screen and (max-width: 550px) {
  body main.main .unit-title-01 {
    margin-top: -50px;
    margin-bottom: 30px;
    font-size: 2.5rem;
  }
}

body main.main .unit-title-02 {
  display: block;
  font-size: 2.8rem;
  font-weight: bold;
  margin: 0 0 40px;
  letter-spacing: 0.3rem;
  text-align: center;
}

@media screen and (max-width: 550px) {
  body main.main .unit-title-02 {
    font-size: 2.4rem;
  }
}

body main.main .table table {
  min-height: auto !important;
}

body main.main h1,
body main.main h2,
body main.main h3,
body main.main h4,
body main.main h5,
body main.main h6,
body main.main .h1,
body main.main .h2,
body main.main .h3,
body main.main .h4,
body main.main .h5,
body main.main .h6 {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.8;
}

body main.main ::-moz-placeholder {
  font-size: 1.4rem;
  font-weight: normal;
}

body main.main ::placeholder {
  font-size: 1.4rem;
  font-weight: normal;
}

body main.main .btn:hover,
body main.main .btn:focus {
  color: #fff;
}

body main.main .fs12 {
  font-size: 12px;
}

body main.main a {
  display: inline-block;
  color: inherit;
  transition: all 0.3s linear;
  outline: none;
  text-decoration: none;
}

body main.main a:visited {
  color: inherit;
}

body main.main a:active {
  color: inherit;
}

body main.main a:focus {
  outline: none;
}

body main.main img {
  max-width: 100%;
  height: auto;
}

body main.main .pc-block {
  display: block;
}

@media screen and (max-width: 550px) {
  body main.main .pc-block {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  body main.main .fixed_btn.pc-block {
    display: none;
  }
}

body main.main .sp-block {
  display: none;
}

@media screen and (max-width: 620px) {
  body main.main .benefits .sp-block.sp-750 {
    display: none;
  }
  body main.main .benefits .sp-740{
    display: none;
  }
}

@media screen and (max-width: 450px) {
  body main.main .benefits .sp-740{
    display: block;
  }
}

@media screen and (max-width: 550px) {
  body main.main .benefits .sp-block.sp-750 {
    display: block;
  }
}

@media screen and (max-width: 550px) {
  body main.main .sp-block {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  body main.main .sp-block.sp-bottom-banner {
    display: flex;
  }
}

body main.main .flex {
  display: flex;
}

@media screen and (max-width: 550px) {
  body main.main .flex {
    display: block;
  }
}

@media screen and (max-width: 900px) {
  body main.main .about-bbp.flex {
    display: block;
  }
}

.grid {
  display: flex;
  height: 100%;
  position: absolute;
  width: 100%;
}

.grid span {
  border-right: 1px solid #3b3311;
  height: 100%;
  width: 20%;
}

@media screen and (max-width: 550px) {
  .grid span {
    width: 25%;
  }
}

.fixed_btn {
  position: fixed;
  width: 100%;
  max-width: 630px;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.fixed_btn .btn {
  width: 300px;
}

.fixed_btn .btn a.unit-btn-02 {
  margin-top: 0;
}

.fixed_btn .btn a.unit-btn-02 .shine {
  padding: 20px 0;
}

.fixed_btn .btn a.unit-btn-02:after {
  display: none;
}

.fixed_btn .btn span.title {
  font-size: 16px;
}

.fixed_btn .btn span.txt {
  font-size: 13px;
}

.main {
  overflow: hidden;
  position: relative;
}

.main section {
  position: relative;
}

.main .pagetop {
  position: fixed;
  left: 50px;
  bottom: 40px;
  width: 141px;
  z-index: 99;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.main .pagetop.active {
  opacity: 1;
  visibility: visible;
}

.main .sp-bottom-banner {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 5%;
  background: #000;
  z-index: 100;
  transform: translateY(120%);
  transition: transform 0.5s;
}

.main .sp-bottom-banner.active {
  transform: translateY(0);
}

@media screen and (max-width: 600px) {
  .main .sp-bottom-banner {
    display: flex;
  }
}

@media screen and (max-width: 600px) {
  .main .sp-bottom-banner {
    /* bottom: 45px; */
  }
}

.main .sp-bottom-banner a {
  width: 48%;
  font-size: 0;
  position: relative;
}

.main .sp-bottom-banner a:hover {
  opacity: 1;
}

.main .sp-bottom-banner a img {
  width: 100%;
  height: auto;
}

.main .mv {
  position: relative;
  width: 100vw;
  height: calc(100vh - 80px);
  max-height: 820px;
  background: url("../../../images/campaign/bbqmt4/mv_bg.jpg") center center
    no-repeat;
  background-size: cover;
}

.main .mv.bbqmt5 {
  position: relative;
  width: 100vw;
  height: calc(100vh - 80px);
  max-height: 770px;
  background: url("../../../images/campaign/bbqmt4/mv_bg.jpg") center center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 960px) {
  .main .mv.bbqmt5 {
    height: 600px;
  }
}

@media screen and (max-width: 600px) {
  .main .mv.bbqmt5 {
    height: 480px;
  }
}

@media screen and (max-width: 400px) {
  .main .mv.bbqmt5 {
    height: 660px;
  }
}

@media screen and (max-width: 380px) {
  .main .mv.bbqmt5 {
    height: 550px;
  }
}

.main .mv.bbqmt5 .pc-block, .main .mv.bbqmt5 .sp-block {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: relative;
}

@media screen and (max-width: 550px) {
  .main .mv {
    background: url("../../../images/campaign/bbqmt4/mv_bg_sp.jpg") center
      center no-repeat;
    background-size: cover;
  }
  .main .mv:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30%;
    background: linear-gradient(rgba(0, 0, 0, 0), black);
    z-index: 1;
  }
  .main .mv.bbqmt5 {
    background: url("../../../images/campaign/bbqmt4/mv_bg_sp.jpg") center center no-repeat;
    background-size: cover;
    height: 720px;
  }
}

@media screen and (max-width: 350px) {
  .main .mv {
    height: calc(90vh - 120px);
  }
}

@media screen and (max-width: 400px) {
  .main .mv:after {
    background: transparent;
  }
}

.main .mv .pc-block,
.main .mv .sp-block {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: relative;
}

@media screen and (max-width: 550px) {
  .main .mv .pc-block,
  .main .mv .sp-block {
    width: 92%;
    margin: 0 auto;
  }
}

.main .mv img {
  width: 100%;
}

.main .mv .flex {
  margin: 0 auto;
  width: 92%;
  max-width: 1020px;
  height: 100%;
  align-items: center;
}

.main .mv .info {
  width: 47%;
  height: 100%;
  z-index: 6;
}

@media screen and (max-width: 550px) {
  .main .mv .info {
    width: 100%;
    height: 0;
  }
  .main .mv.bbqmt5 .info {
    width: 96%;
    height: 0;
    margin: 0 auto;
  }
}

.main .mv .info img {
  width: 96%;
  margin: 50px auto 0;
}

@media screen and (max-width: 550px) {
  .main .mv .info img {
    margin-top: 0px;
  }
  .main.en_lp .mv.bbqmt5 .info img {
    margin: 0 auto!important;
  }
}

@media screen and (max-width: 380px) {
  .main .mv .info img {
    width: 80%;
    margin: 0 auto 0;
    display: block;
  }
}

.main .mv .img {
  width: 50%;
  position: relative;
  height: 100%;
}

@media screen and (max-width: 550px) {
  .main .mv .img {
    width: 100%;
    margin-top: -25px;
  }
}

.main .mv .img.bbqlogo {
  width: 218px;
  margin: 0 auto;
  padding-top: 15px;
}

@media screen and (max-width: 380px) {
  .main .mv .img.bbqlogo {
    width: 170px;
    padding-top: 10px;
  }
}

.main .mv.bbqmt5 .img.bbqlogo {
  width: 320px;
  margin: 0 auto;
  padding-top: 15px;
}

@media screen and (max-width: 380px) {
  .main .mv.bbqmt5 .img.bbqlogo {
    width: 320px;
    max-width: 100%;
    padding-top: 10px;
  }
}

@media screen and (max-width: 380px) {
  .main .mv .img.sppp img {
    /* width: 74%; */
    display: block;
    margin: 0 auto;
  }
}

.main .mv .img .sp1 {
  position: absolute;
  width: 350px;
  right: 0;
  top: 50%;
  z-index: 2;
  transform: translate(100px, -55%);
}

.main .mv .img .sp2 {
  position: absolute;
  width: 252px;
  left: 0;
  top: 50%;
  z-index: 1;
  transform: translate(80px, -55%);
}

.main .mv .spimg {
  width: 100%;
  display: block;
  position: relative;
}

.main .mv .spimg.bbqmt5 {
  width: 92%;
  margin: 0 auto;
  display: block;
  position: relative;
}

.main .mv .r1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 272px;
}

@media screen and (max-width: 550px) {
  .main .mv .r1 {
    width: 98px;
  }
}

.main .mv .r2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 795px;
}

@media screen and (max-width: 550px) {
  .main .mv .r2 {
    width: 105px;
  }
}

.main .mv .r3 {
  position: absolute;
  bottom: 100px;
  right: -130px;
  width: 900px;
  z-index: 5;
}

@media screen and (max-width: 550px) {
  .main .mv .r3 {
    width: 330px;
    bottom: 0;
    right: -4vw;
    z-index: 1;
  }
}

@media screen and (max-width: 380px) {
  .main .mv .r3 {
    width: 280px;
  }
}

.main .mv .scroll-icon {
  width: 18px;
  height: 230px;
  position: absolute;
  right: 5%;
  bottom: -8%;
  z-index: 5;
}

@media screen and (max-width: 550px) {
  .main .mv .scroll-icon {
    display: none;
  }
}

.main .mv .scroll-icon:after {
  content: "";
  /*描画位置*/
  position: absolute;
  /*線の形状*/
  width: 1px;
  height: 80px;
  background: #eee;
  /*線の動き1.4秒かけて動く。永遠にループ*/
  animation: pathmove 1.6s ease-in-out infinite;
  opacity: 0;
  transform: translateY(80px);
  display: block;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}

.main .mv .scroll-icon img {
  width: 18px;
  height: 70px;
  font-size: 0;
}

@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 80px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 110px;
    opacity: 0;
  }
}

.main .benefits {
  margin: 160px auto auto;
}

@media screen and (max-width: 550px) {
  .main .benefits {
    margin-top: calc(125% - 400px);
  }
  .main .benefits.benefits-top {
    margin-top: 160px;
  }
}

@media screen and (max-width: 350px) {
  .main .benefits.benefits-top {
    margin-top: calc(100% - 270px);
  }
}

.main .benefits .wrapper {
  position: relative;
}

.main .benefits .wrapper .bg-txt {
  max-width: 413px;
  width: 90%;
  height: 157px;
  position: absolute;
  left: 50px;
  top: -118px;
  z-index: -1;
}

@media screen and (max-width: 620px) {
  .main .benefits .wrapper .bg-txt {
    left: 0;
    right: 0;
    margin: auto;
    width: 248px;
    height: 60px;
    top: -72px;
  }
}

@media screen and (max-width: 620px) {
  .main .benefits .wrapper .unit-title-01 {
    text-align: center;
  }
}

.main .benefits .wrapper .benefits-inner {
  padding: 50px 70px;
}

@media screen and (max-width: 620px) {
  .main .benefits .wrapper .benefits-inner {
    padding: 30px 4% 45px;
  }
}

.main .benefits .wrapper .benefits-inner .unit-flex {
  align-items: flex-start;
}

.main .benefits .wrapper .benefits-inner .unit-flex .point-img {
  height: 60px;
}

@media screen and (max-width: 620px) {
  .main .benefits .wrapper .benefits-inner .unit-flex .point-img {
    margin: auto auto 30px;
  }
}

.main .benefits .wrapper .benefits-inner .unit-flex .txt-box {
  width: calc(100% - 130px);
}

@media screen and (max-width: 620px) {
  .main .benefits .wrapper .benefits-inner .unit-flex .txt-box {
    width: 100%;
  }
}

.main .benefits .wrapper .benefits-inner .unit-flex .txt-box .title {
  font-size: 2.7rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.2rem;
  margin-bottom: 20px;
  white-space: nowrap;
}

@media screen and (max-width: 620px) {
  .main .benefits .wrapper .benefits-inner .unit-flex .txt-box .title {
    text-align: center;
    line-height: 2;
    font-size: 2.7rem;
  }
}

@media screen and (max-width: 424px) {
  .main .benefits .wrapper .benefits-inner .unit-flex .txt-box .title {
    font-size: 2rem;
  }
}

.main .benefits .wrapper .benefits-inner .unit-flex .txt-box .title img {
  height: 47px;
  display: inline-block;
  margin-right: 10px;
}

@media screen and (max-width: 424px) {
  .main .benefits .wrapper .benefits-inner .unit-flex .txt-box .title img {
    height: 37px;
  }
}

.main .benefits .wrapper .benefits-inner .unit-flex.point-flex-2 {
  margin: 60px 0;
}

.main
  .benefits
  .wrapper
  .benefits-inner
  .unit-flex.point-flex-2
  .txt-box
  .title {
  display: flex;
  align-items: flex-end;
}

.main
  .benefits
  .wrapper
  .benefits-inner
  .unit-flex.point-flex-2
  .txt-box
  .title.ja {
  display: block;
}

@media screen and (max-width: 620px) {
  .main
    .benefits
    .wrapper
    .benefits-inner
    .unit-flex.point-flex-2
    .txt-box
    .title {
    justify-content: center;
    text-align: left;
  }
}

.main
  .benefits
  .wrapper
  .benefits-inner
  .unit-flex.point-flex-2
  .txt-box
  .title.en_benefits_h3 {
  display: inline-block;
  vertical-align: middle;
}

.main
  .benefits
  .wrapper
  .benefits-inner
  .unit-flex.point-flex-2
  .txt-box
  .title.en_benefits_h3
  img {
  top: 10px;
  margin: 0px 15px 0 5px;
}

.main
  .benefits
  .wrapper
  .benefits-inner
  .unit-flex.point-flex-2
  .txt-box
  .title
  img {
  position: relative;
  top: -9px;
  margin: 0 0 0 10px;
}

@media screen and (max-width: 550px) {
  .main
    .benefits
    .wrapper
    .benefits-inner
    .unit-flex.point-flex-2
    .txt-box
    .title
    img {
    /* margin: 0 0 0 -55px; */
  }
}

@media screen and (max-width: 424px) {
  .main
    .benefits
    .wrapper
    .benefits-inner
    .unit-flex.point-flex-2
    .txt-box
    .title
    img {
    /* margin: 0 0 0 -40px; */
  }
}

.main .benefits .wrapper .benefits-inner .about-bbp {
  border: 1px solid #fff;
  padding: 40px 40px;
  position: relative;
  background: url("../../../images/campaign/bbqmt4/gatya_back.png") center
    center no-repeat;
  background-size: cover;
  background-color: #0f0f0f;
}

@media screen and (max-width: 900px) {
  .main .benefits .wrapper .benefits-inner .about-bbp {
    padding: 20px 5%;
  }
}

@media screen and (max-width: 900px) {
  .main .benefits .wrapper .benefits-inner .about-bbp {
    background: url("../../../images/campaign/bbqmt4/gatya_back_sp.jpg") center
      center no-repeat;
    background-size: cover;
    background-color: #0f0f0f;
  }
}

.main .benefits .wrapper .benefits-inner .about-bbp .img {
  width: 246px;
  margin-right: 15px;
}

@media screen and (max-width: 900px) {
  .main .benefits .wrapper .benefits-inner .about-bbp .img {
    margin-right: 0;
    width: 60%;
    margin: 0 auto 20px;
  }
}

.main .benefits .wrapper .benefits-inner .about-bbp .img img {
  transform: translateX(-20px);
}

.main .benefits .wrapper .benefits-inner .about-bbp .text {
  width: calc(100% - 251px);
}

@media screen and (max-width: 900px) {
  .main .benefits .wrapper .benefits-inner .about-bbp .text {
    width: 100%;
  }
}

.main .benefits .wrapper .benefits-inner .about-bbp .ab1,
.main .benefits .wrapper .benefits-inner .about-bbp .ab2 {
  position: absolute;
}

.main .benefits .wrapper .benefits-inner .about-bbp .ab1 {
  width: 50%;
  left: 0;
  top: 0;
}

.main .benefits .wrapper .benefits-inner .about-bbp .ab2 {
  width: 80%;
  right: 0;
  bottom: 0;
}

.main .benefits .wrapper .benefits-inner .about-bbp .title {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 30px;
}

@media screen and (max-width: 900px) {
  .main .benefits .wrapper .benefits-inner .about-bbp .title {
    font-size: 2rem;
    text-align: center;
  }
}

.main .benefits .wrapper .benefits-inner .about-bbp p {
  margin: 20px 0;
}

@media screen and (max-width: 900px) {
  .main .benefits .wrapper .benefits-inner .about-bbp p {
    text-align: left;
  }
}

.about-btn {
  display: flex;
  justify-content: center;
}

.main .campaign {
  position: relative;
  margin: 174px auto 200px;
}

@media screen and (max-width: 550px) {
  .main .campaign {
    margin: 150px auto 100px;
  }
}

.main .campaign .bg-txt {
  max-width: 855px;
  width: 90%;
  height: 107px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}

@media screen and (max-width: 550px) {
  .main .campaign .bg-txt {
    width: 462px;
    height: 58px;
  }
}

@media screen and (max-width: 425px) {
  .main .campaign .bg-txt {
    width: 110%;
    margin: auto -5%;
  }
}

.main .campaign .bg-txt.bg-txt-top {
  top: -50px;
}

@media screen and (max-width: 550px) {
  .main .campaign .bg-txt.bg-txt-top {
    top: -45px;
  }
}

.main .campaign .bg-txt.bg-txt-bottom {
  bottom: -50px;
}

@media screen and (max-width: 550px) {
  .main .campaign .bg-txt.bg-txt-bottom {
    bottom: -35px;
  }
}

.main .campaign .wrapper .unit-title-01 {
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: -28px;
}

.main .campaign .wrapper .btn-inner {
  padding: 20px 30px 80px;
}

@media screen and (max-width: 550px) {
  .main .campaign .wrapper .btn-inner {
    padding: 20px 0 50px;
  }
}

.main .campaign .wrapper .btn-inner .btn {
  max-width: 415px;
  width: 48%;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .main .campaign .wrapper .btn-inner .btn {
    max-width: 100%;
    width: 100%;
  }
  .main .campaign .wrapper .btn-inner .btn:first-of-type {
    margin-bottom: 30px;
  }
}

.main .campaign .wrapper .btn-inner .btn .txt-title {
  font-size: 1.8rem;
  font-weight: bold;
}

.main .table {
  padding: 90px 0;
  position: relative;
}

@media screen and (max-width: 550px) {
  .main .table {
    padding: 50px 0;
  }
}

.main .table h2,
.main .table h3,
.main .table p {
  color: #fff;
}

.main .table .wrapper {
  position: relative;
}

.main .table .wrapper .bg-txt {
  max-width: 573px;
  width: 90%;
  height: 180px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -85px;
  z-index: -1;
}

@media screen and (max-width: 950px) {
  .main .table .wrapper .bg-txt {
    max-width: 100%;
    width: 374px;
    height: 117px;
    top: -23px;
  }
}

.main .table .wrapper .unit-title-01 {
  text-align: center;
  margin: auto auto 40px;
}

@media screen and (max-width: 950px) {
  .main .table .wrapper .unit-title-01 {
    position: relative;
    bottom: -69px;
  }
}

.main .table .icon-arrow {
  display: block;
  width: 34px;
  margin: 40px auto;
}

.main .table .table-inner1 {
  padding: 40px 70px 50px;
}

@media screen and (max-width: 950px) {
  .main .table .table-inner1 {
    padding: 50px 5% 30px;
  }
}

.main .table .table-inner1 .title {
  text-align: center;
}

.main .table .table-inner1 .title span {
  display: block;
}

.main .table .table-inner1 .title .main {
  font-size: 2.8rem;
  font-weight: bold;
}

@media screen and (max-width: 950px) {
  .main .table .table-inner1 .title .main {
    font-size: 2.4rem;
  }
}

.main .table .table-inner1 .title .sub {
  font-size: 1.6rem;
}

.main .table .table-inner1 .txt-table {
  width: 100%;
  margin: 30px 0 10px;
}

.main .table .table-inner1 .txt-table2 {
  font-size: 1.6rem;
  margin-top: 20px;
}

@media screen and (max-width: 550px) {
  .main .table .table-inner1 .txt-table2 {
    font-size: 1.4rem;
  }
}

.main .table .table-inner2 {
  padding: 50px 30px;
}

@media screen and (max-width: 950px) {
  .main .table .table-inner2 {
    padding: 50px 5%;
  }
}

.main .table .table-inner2 .unit-title-01 {
  margin-bottom: 20px;
}

.main .table .table-inner2 .unit-title-01 .title {
  font-size: 2.8rem;
  font-weight: bold;
}

@media screen and (max-width: 950px) {
  .main .table .table-inner2 .unit-title-01 {
    margin-bottom: 40px;
  }
  .main .table .table-inner2 .unit-title-01 .title {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 950px) {
  .main .table .table-inner2 .unit-title-01 .title {
    font-size: 2rem;
  }
}

.main .table .table-inner2 > p.txt-center {
  font-size: 1.6rem;
  margin-top: 25px;
}

@media screen and (max-width: 950px) {
  .main .table .table-inner2 > p.txt-center {
    margin-top: 0;
  }
}

.main .table .table-inner2 .unit-flex-box1 {
  margin: 35px auto 50px;
}

@media screen and (max-width: 632px) {
  .main .table .table-inner2 .unit-flex-box1 {
    margin-bottom: 20px;
  }
}

.main .table .table-inner2 .unit-flex-box1 .select-box {
  display: flex;
  width: 32%;
}

@media screen and (max-width: 950px) {
  .main .table .table-inner2 .unit-flex-box1 .select-box {
    width: 100%;
    margin: 10px 0;
  }
}

.main .table .table-inner2 .unit-flex-box1 .select-box label {
  position: relative;
  text-align: center;
  background: #000000;
  width: 35%;
  border-radius: 0;
  font-weight: bold;
  font-size: 1.5rem;
}

@media screen and (max-width: 950px) {
  .main .table .table-inner2 .unit-flex-box1 .select-box label {
    font-size: 1.6rem;
  }
}

.main .table .table-inner2 .unit-flex-box1 .select-box label .txt-label:after {
  content: "";
  width: 1px;
  height: 50px;
  background: #575757;
  right: 0;
  top: 50%;
  bottom: 0;
  position: absolute;
  transform: translateY(-50%);
}

@media screen and (max-width: 950px) {
  .main
    .table
    .table-inner2
    .unit-flex-box1
    .select-box
    label
    .txt-label:after {
    height: 27px;
  }
}

.main .table .table-inner2 .unit-flex-box1 .select-box select,
.main .table .table-inner2 .unit-flex-box1 .select-box input {
  width: 65%;
  border: 0;
  border-radius: 0;
  background: #000000;
}

.main .table .table-inner2 .unit-flex-box1 .select-box label,
.main .table .table-inner2 .unit-flex-box1 .select-box select,
.main .table .table-inner2 .unit-flex-box1 .select-box input {
  padding: 25px 0;
  box-sizing: border-box;
  color: #fff;
}

@media screen and (max-width: 950px) {
  .main .table .table-inner2 .unit-flex-box1 .select-box label,
  .main .table .table-inner2 .unit-flex-box1 .select-box select,
  .main .table .table-inner2 .unit-flex-box1 .select-box input {
    padding: 15px 0;
  }

  .table .fake-select{
      padding: 15px 0 15px 20px;
  }
}

.main .table .table-inner2 .unit-flex-box1 .select-box select {
  background: #000000;
  text-align: left !important;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  text-align: center;
  background-image: url(../../../images/campaign/bbqmt4/arrow2_w.png);
  background-position: right 13px center;
  background-repeat: no-repeat;
  background-size: 11px 7px;
  color: #fff;
}

.main .table .table-inner2 .unit-flex-box1 .select-box select#platform {
  background-image: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding-right: 5px;
}

select:disabled {
  color: white;
  opacity: 1;
}

.calculation-box .select-box label{
  display: flex;
  justify-content: center;
  align-items: center;
}

.sp-1000{
  display: none;
}

.sp-760{
  display: none;
}

.sp-890{
  display: none;
}

.sp-740{
  display: none;
}

.sp-800{
  display: none;
}

@media screen and (min-width: 551px) and (max-width: 1000px) {
  .sp-1000{
    display: block;
  }
}

@media screen and (min-width: 0px) and (max-width: 760px) {
  .sp-760{
    display: block;
  }
}

@media screen and (min-width: 0px) and (max-width: 890px) {
  .sp-890{
    display: block;
  }
}

@media screen and (min-width: 0px) and (max-width: 740px) {
  .sp-740{
    display: block;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .sp-800{
    display: block;
  }
}

@media screen and (max-width: 950px) {
  .main .table .table-inner2 .unit-flex-box1 .select-box select {
    text-align: left;
    padding-left: 18px;
  }
}

.main .table .table-inner2 .unit-flex-box1 .select-box select::-ms-expand {
  display: none;
}

.main .table .table-inner2 .unit-flex-box1 .select-box select,
.main .table .table-inner2 .unit-flex-box1 .select-box input {
  padding-left: 20px;
}

.main .table .table-inner2 .unit-flex-box1 .select-box select:invalid {
  color: #aaaaaa;
}

.main .table .table-inner2 .unit-flex-box1 .select-box ::-moz-placeholder {
  color: #aaaaaa;
}

.main .table .table-inner2 .unit-flex-box1 .select-box ::placeholder {
  color: #aaaaaa;
}

@media screen and (max-width: 550px) {
  .main .table .table-inner2 .unit-flex-box2 {
    width: 288px;
    max-width: 90%;
    margin: auto;
  }
}

.main .table .table-inner2 .unit-flex-box2 button {
  border: 0;
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 44%;
  max-width: 288px;
  margin: 0 15px;
  border-radius: 44px;
  background: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 25px 0;
  transition: all 0.3s ease-out;
  background: #fff;
  color: #000;
  letter-spacing: 0.2rem;
}

@media screen and (max-width: 632px) {
  .main .table .table-inner2 .unit-flex-box2 button {
    width: 100%;
    margin: 13px auto;
    font-size: 1.8rem;
    padding: 20px 0;
  }
}

.main .table .table-inner2 .unit-flex-box2 button.clear {
  color: #fff;
  background: #575757;
}

.main .table .table-inner2 .unit-flex-box2 button:hover {
  opacity: 1;
  cursor: pointer;
  background: #000;
  color: #fff;
}

.main .table .table-inner2 .result-box {
  max-width: 822px;
  width: 92%;
  position: relative;
  background: #000;
  border-radius: 0;
  padding: 30px 20px 20px 30px;
  margin: 80px auto;
}

@media screen and (max-width: 950px) {
  .main .table .table-inner2 .result-box {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 632px) {
  .main .table .table-inner2 .result-box {
    margin-top: 50px;
  }
}

.main .table .table-inner2 .result-box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.16);
  /* filterが効かない場合黒い影をつける */
  z-index: -1;
}

@supports (-webkit-filter: blur(10px)) {
  .main .table .table-inner2 .result-box:before {
    background-image: linear-gradient(45deg, #ff65b8 0, #33b8ff 100%);
    filter: blur(10px);
    box-shadow: none;
  }
}

.main .table .table-inner2 .result-box .unit-flex {
  align-items: center;
}

.main .table .table-inner2 .result-box .unit-flex .title {
  font-size: 2.4rem;
  font-weight: bold;
  margin-top: -9px;
  letter-spacing: 0.3rem;
}

@media screen and (max-width: 950px) {
  .main .table .table-inner2 .result-box .unit-flex .title {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0;
  }
}

.main .table .table-inner2 .result-box .unit-flex .inner-unit-flex {
  width: calc(100% - 245px);
}

@media screen and (max-width: 945px) {
  .main .table .table-inner2 .result-box .unit-flex .left {
    justify-content: center;
  }

  .main .table .table-inner2 .result-box .unit-flex p {
    text-align: center;
  }

  .sp-text {
    display: none;
  }
}

.main .table .table-inner2 .result-box .unit-flex .inner-unit-flex .text-box {
  width: 50%;
  align-items: self-end;
}

@media screen and (max-width: 950px) {
  .main .table .table-inner2 .result-box .unit-flex .inner-unit-flex .text-box {
    justify-content: center;
    width: 100%;
  }
}

.main
  .table
  .table-inner2
  .result-box
  .unit-flex
  .inner-unit-flex
  .text-box
  input {
  background: #000;
  border: 1px solid #575757;
  width: calc(100% - 40%);
  height: 60px;
  margin-right: 10px;
  color: #fff;
  text-align: right;
  font-weight: bold;
  font-size: 2.5rem;
  letter-spacing: 0.1rem;
  padding: 0 10px;
  box-sizing: border-box;
}

@media screen and (max-width: 550px) {
  .main
    .table
    .table-inner2
    .result-box
    .unit-flex
    .inner-unit-flex
    .text-box
    input {
    height: 55px;
  }
}

.main
  .table
  .table-inner2
  .result-box
  .unit-flex
  .inner-unit-flex
  .text-box
  .txt {
  font-size: 1.8rem;
}

.main
  .table
  .table-inner2
  .result-box
  .unit-flex
  .inner-unit-flex
  .text-box
  .txt-w100 {
  width: 100%;
  margin-top: 15px;
  font-size: 1.8rem;
}

@media screen and (max-width: 950px) {
  .main
    .table
    .table-inner2
    .result-box
    .unit-flex
    .inner-unit-flex
    .text-box
    .txt-w100 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 1.5rem;
  }
}

.main .table .table-inner2 .attention-box .title {
  font-size: 2.4rem;
  margin-bottom: 20px;
  font-weight: bold;
}

.main .rule {
  padding: 90px 0 0px;
  text-align: center;
}

.main .rule .wrapper {
  position: relative;
}

.main .rule .wrapper .bg-txt {
  max-width: 822px;
  width: 96%;
  height: 74px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -65px;
  z-index: -1;
}

@media screen and (max-width: 550px) {
  .main .rule .wrapper .bg-txt {
    width: 338px;
    height: 52px;
    top: -123px;
  }
}

.main .rule .wrapper .rule-inner {
  font-size: 1.6rem;
  padding: 50px 0;
}

@media screen and (max-width: 550px) {
  .main .rule .wrapper .rule-inner {
    padding: 30px 5% 50px;
  }
}

.main.en_lp .mv .info img {
  width: 100%;
}
.main.en_lp .mv.bbqmt5 .info img {
  width: 96%;
  margin: 50px auto 0;
  display: block;
}

.main.en_lp .mv .img.sppp {
  margin-top: -40px;
}

.main.en_lp .mv .img.sppp.mt5 {
  margin-top: 0;
}

.main.en_lp .mv .img.bbqlogo {
  width: 340px;
}

.main.en_lp .benefits .wrapper .bg-txt {
  top: -102px;
}

@media screen and (max-width: 620px) {
  .main.en_lp .benefits .wrapper .bg-txt {
    top: -57px;
  }
}

@media screen and (max-width: 620px) {
  .main.en_lp .benefits .wrapper .benefits-inner .unit-flex .txt-box .title {
    font-size: 2.2rem;
    line-height: 1.7;
    text-align: center;
  }
}

@media screen and (max-width: 620px) {
  .main.en_lp .benefits .wrapper .benefits-inner {
    padding: 30px 6% 45px;
  }
}

.main.en_lp
  .benefits
  .wrapper
  .benefits-inner
  .unit-flex.point-flex-2
  .txt-box
  .title.en_benefits_h3
  img {
  margin: 0px 10px 0 5px;
}

@media screen and (max-width: 620px) {
  .main.en_lp .benefits .wrapper .benefits-inner .unit-flex .txt-box {
    text-align: center;
  }
  .main.en_lp .benefits .wrapper .benefits-inner .unit-flex .txt-box p {
    text-align: left;
  }
}

.main.en_lp .table .wrapper .bg-txt {
  top: -60px;
}

@media screen and (max-width: 950px) {
  .main.en_lp .table .wrapper .bg-txt {
    top: -5px;
  }
}

@media screen and (max-width: 950px) {
  .main.en_lp .table .table-inner2 .result-box .unit-flex .title {
    font-size: 20px;
  }
}
.main.en_lp .table .table-inner2 .result-box .unit-flex .inner-unit-flex {
  width: calc(100% - 310px);
}

@media screen and (max-width: 945px) {
  .main.en_lp .table .table-inner2 .result-box .unit-flex .inner-unit-flex {
    width: 100%;
  }
}

@media screen and (max-width: 945px) {
  .main.en_lp
    .table
    .table-inner2
    .result-box
    .unit-flex
    .inner-unit-flex
    .text-box
    input {
    width: calc(100% - 30%);
  }
}

.main.en_lp .rule .wrapper .bg-txt {
  top: -53px;
}

.wrapper {
  width: 960px;
  max-width: 90%;
  margin: auto;
}

@keyframes shiny {
  0% {
    transform: scale(0) rotate(25deg);
    opacity: 0;
  }
  50% {
    transform: scale(1) rotate(25deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(25deg);
    opacity: 0;
  }
}

.shine {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.shine:before {
  content: "";
  position: absolute;
  top: -100px;
  left: -100px;
  width: 50px;
  height: 50px;
  background-image: linear-gradient(
    100deg,
    rgba(255, 255, 255, 0) 10%,
    #ead89a 100%,
    rgba(255, 255, 255, 0) 0%
  );
  /* アニメーション */
  animation-name: shiny;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.unit-btn-01 {
  max-width: 415px;
  width: 100%;
  line-height: 80px;
  position: relative;
  background: #fff;
  transition: 0.3s;
  text-align: center;
}

@media screen and (max-width: 550px) {
  .unit-btn-01 {
    line-height: 65px;
  }
}

.unit-btn-01 span {
  display: block;
  font-weight: bold;
  font-size: 1.8rem;
  color: #000;
  position: relative;
}

.unit-btn-01:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 0;
  background-color: #000;
  transition: 0.3s;
}

.unit-btn-01:hover {
  opacity: 1;
  transition: 0.3s;
}

.unit-btn-01:hover span {
  color: white;
}

.unit-btn-01:hover:before {
  height: 100%;
}

.unit-btn-01.border {
  margin-top: 35px;
}

.unit-btn-01.border:after {
  content: "";
  display: block;
  height: 27px;
  width: 1px;
  background: #d7c380;
  position: absolute;
  top: -27px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.unit-btn-02 {
  width: 100%;
  position: relative;
  background: #219a59;
  background: linear-gradient(135deg, #219a59 0%, #214532 75%, #21452b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#219a59', endColorstr='#21452b',GradientType=1 );
  margin-top: 35px;
}

@media screen and (max-width: 550px) {
  .unit-btn-02 {
    max-width: 300px;
  }
}

@media screen and (max-width: 550px) {
  .unit-btn-02 {
    margin-top: 27px;
  }
}

.unit-btn-02 .shine {
  padding: 25px 0;
}

@media screen and (max-width: 550px) {
  .unit-btn-02 .shine {
    padding: 16px 0;
  }
}

.unit-btn-02 .shine:before {
  content: "";
  background-image: linear-gradient(
    100deg,
    rgba(255, 255, 255, 0) 10%,
    white 100%,
    rgba(255, 255, 255, 0) 0%
  );
}

.unit-btn-02:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 0;
  background-color: #000;
  transition: 0.3s;
}

.unit-btn-02:after {
  content: "";
  display: block;
  height: 27px;
  width: 1px;
  background: #d7c380;
  position: absolute;
  top: -27px;
  left: 0;
  right: 0;
  margin: auto;
}

@media screen and (max-width: 550px) {
  .unit-btn-02:after {
    height: 20px;
    top: -20px;
  }
}

.unit-btn-02:hover {
  opacity: 1;
  transition: 0.3s;
}

.unit-btn-02:hover span {
  color: white;
}

.unit-btn-02:hover:before {
  height: 100%;
}

.unit-btn-02 span {
  display: block;
  position: relative;
}

.unit-btn-02 span.title {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 5px;
}

@media screen and (max-width: 550px) {
  .unit-btn-02 span.title {
    font-size: 1.6rem;
  }
}

.unit-btn-02 span.txt {
  font-size: 1.6rem;
}

@media screen and (max-width: 550px) {
  .unit-btn-02 span.txt {
    font-size: 1.3rem;
  }
}

.unit-btn-02.red {
  background: #9a2138;
  background: linear-gradient(135deg, #9a2138 0%, #45212c 75%, #45212c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a2138', endColorstr='#45212c',GradientType=1 );
  color: #fff !important;
}

.unit-table-01 {
  width: 100%;
  min-height: auto;
  background: none;
  border: 1px solid #575757;
}

.unit-table-01 th {
  font-weight: bold;
}

.unit-table-01 th,
.unit-table-01 td {
  border: 1px solid #575757;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  height: 70px;
  width: 33.33%;
}

@media screen and (max-width: 550px) {
  .unit-table-01 th,
  .unit-table-01 td {
    font-size: 1.2rem;
    letter-spacing: 0;
    height: auto;
  }
}

.unit-table-01 .up-icon {
  background: #dd3b80;
  border-radius: 20px;
  padding: 1px 10px;
  margin-left: 10px;
  font-weight: bold;
}

@media screen and (max-width: 550px) {
  .unit-table-01 .up-icon {
    display: block;
    margin: auto;
  }
}

.unit-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.unit-flex.left {
  justify-content: flex-start;
}

.unit-flex.right {
  justify-content: flex-end;
}

.unit-flex.center {
  justify-content: center;
}

.txt-center {
  text-align: center;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

.txt-mid {
  font-weight: 500;
}

.txt-bold {
  font-weight: 700;
}

.fs13 {
  font-size: 1.3rem !important;
}

.fs14 {
  font-size: 1.4rem !important;
}

.txt-box p {
  margin-bottom: 20px;
  letter-spacing: 0.04em;
}

.txt-box p:last-of-type {
  margin-bottom: 0;
}

.iblock {
  display: inline-block;
}

.unit-list-01 li {
  position: relative;
  margin-top: 5px;
  padding-left: 1em;
}

.unit-list-01 li:before {
  content: "・";
  margin-left: -1em;
}

.unit-list-01 li:first-child {
  margin-top: 0;
}

.unit-list-01 li a {
  color: #0071bc;
  text-decoration: underline;
}

.fade {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50px);
  transition: all 1s;
}

.fade.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.fade-pic {
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
}

.fade-pic.is-show-pic {
  opacity: 1;
  visibility: visible;
  animation-name: faderight;
  animation-duration: 1s;
  animation-iteration-count: 1;
}

@keyframes fadeInimg {
  from {
    transform: translateX(-120%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes faderight {
  from {
    opacity: 0;
    transform: translateX(-150px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.unit-grd-bg {
  background: #242424;
  background: linear-gradient(135deg, #242424 0%, #101010 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#101010',GradientType=1 );
}

.scrollView {
  transition: all 1.2s 0s ease;
  opacity: 0;
  transform: scale(1, 1) translate(0%, 20px);
  transition-delay: 0.25s;
}

.scrollView.delay {
  transition-delay: 1s;
}

.scrollView.view {
  opacity: 1;
  transform: scale(1, 1) translate(0%, 0%);
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}

.alert-error {
  color: #761b18;
  background-color: #f9d6d5;
  border-color: #f7c6c5;
}

body main.main .sp-block.sp-750 {
  display: block;
}

@media screen and (max-width: 890px) {
  body main.main .sp-block.sp-890 {
    display: block;
  }

  body main.main .pc-block.sp-890 {
    display: none;
  }
}

.fake-select{
  width: 65%;
  border: 0px;
  border-radius: 0px;
  padding: 25px 5px 25px 20px;
  color: white;
  word-wrap: break-word;
  word-break: keep-all;
  background-color: #000000;
  display: flex;
  align-items: center;
}

.additional-text{
  color: #000000;
  font-weight: bold;
  font-size: 1.6rem;
}

.bg-white-text{
  background-color: white;
  padding: 2px;
  margin: 5px 0;
  line-height: 2;
  color: #000000;
  font-weight: bold;
  font-size: 1.6rem;
}

.txt-box .m-0{
  margin: 0;
}

.main .mt5 {
  position: relative;
  margin: 174px auto 200px;
}

@media screen and (max-width: 755px) {
  .main .mt5 {
    margin: 160px auto 100px;
  }
  .main .mt5.mt5-top{
    /* margin-top: 200px */
  }
  .main .mt5.mt5-top.ja{
    /* margin-top: 240px */
  }
  .main.en_lp .mv .img.sppp.mt5-mv-sppp{
    margin: 0;
  }
}

@media screen and (max-width: 550px) {
  .main .mt5.mt5-top{
    margin-top: calc(100% - 300px)
  }
  .main .mt5.mt5-top.ja{
    margin-top: calc(100% - 250px)
  }
}

@media screen and (max-width: 500px) {
  .main .mt5.mt5-top.ja{
    margin: 150px auto 100px;
  }
}

@media screen and (max-width: 425px) {
  .main .mt5.mt5-top {
    margin: 110px auto 100px;
  }
}


@media screen and (max-width: 380px) {
  .main .mt5.mt5-top {
    margin: 100px auto 100px;
  }
  .main .mt5.mt5-top.ja{
    margin: 100px auto 100px;
  }
}

.main .mt5 .bg-txt {
  max-width: 251px;
  width: 90%;
  height: 87px;
  position: absolute;
  top: -75px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}

@media screen and (max-width: 755px) {
  .main .mt5 .bg-txt {
    max-width: 152px;
    height: 53px;
    top: -50px;
  }
}

.main .mt5 .wrapper .unit-title-01 {
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: -28px;
}

.main .mt5 .wrapper .mt5-inner {
  padding-bottom: 50px;
}

.main .mt5 .wrapper .mt5-inner .unit-flex li {
  max-width: 240px;
  width: 32%;
  text-align: center;
}

@media screen and (max-width: 755px) {
  .main .mt5 .wrapper .mt5-inner .unit-flex li {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 755px) {
  .main .mt5 .wrapper .mt5-inner .unit-flex li .icon {
    max-width: 177px;
    width: 47%;
  }
}

.main .mt5 .wrapper .mt5-inner .unit-flex li .icon .no {
  width: 29px;
  margin: auto;
}

.main .mt5 .wrapper .mt5-inner .unit-flex li .icon .icon {
  margin: -20px auto;
}

@media screen and (max-width: 755px) {
  .main .mt5 .wrapper .mt5-inner .unit-flex li .icon .icon {
    margin: auto;
  }
}

.main .mt5 .wrapper .mt5-inner .unit-flex li .icon .icon1 {
  width: 178px;
}

@media screen and (max-width: 755px) {
  .main .mt5 .wrapper .mt5-inner .unit-flex li .icon .icon1 {
    max-width: 100%;
  }
}

.main .mt5 .wrapper .mt5-inner .unit-flex li .icon .icon2, .main .mt5 .wrapper .mt5-inner .unit-flex li .icon .icon3 {
  width: 212px;
}

@media screen and (max-width: 755px) {
  .main .mt5 .wrapper .mt5-inner .unit-flex li .icon .icon2, .main .mt5 .wrapper .mt5-inner .unit-flex li .icon .icon3 {
    max-width: 100%;
  }
}

.main .mt5 .wrapper .mt5-inner .unit-flex li p {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 20px;
}

@media screen and (max-width: 755px) {
  .main .mt5 .wrapper .mt5-inner .unit-flex li p {
    max-width: 164px;
    width: 50%;
    font-size: 1.4rem;
    letter-spacing: 1.5px;
  }
  .main .mt5 .wrapper .mt5-inner .unit-flex li p .no {
    width: 29px;
    margin: auto auto 14px;
  }
}

@media screen and (max-width: 755px) {
  .main .mt5 .wrapper .mt5-inner .unit-flex li:nth-of-type(1) {
    margin: 0 auto 5px;
  }
}

.main .mt5 .wrapper .mt5-inner .unit-flex li:nth-of-type(1) .icon .no {
  width: 26px;
}

@media screen and (max-width: 755px) {
  .main .mt5 .wrapper .mt5-inner .unit-flex li:nth-of-type(1) p .no {
    width: 26px;
  }
}

.main .mt5 .wrapper .mt5-inner .unit-flex li:nth-of-type(2) {
  margin: auto 2%;
}

@media screen and (max-width: 755px) {
  .main .mt5 .wrapper .mt5-inner .unit-flex li:nth-of-type(2) {
    margin: 0 auto 30px;
  }
}

.main .mt5 .wrapper .mt5-inner .unit-flex li:nth-of-type(2) .icon .no {
  position: relative;
  top: -12px;
}

@media screen and (max-width: 726px) {
  body main.main .pc-block.sp-726{
    display: none;
  }
}

.sp-970{
  display: none;
}

@media screen and (max-width: 970px) {
  .sp-970{
    display: block;
  }
}

.main .benefits .wrapper .benefits-inner .unit-flex.point-flex-2 .txt-box .title img.img-3x {
  position: relative;
  top: 4px;
  margin: 0 0 0 10px;
}

.main .mv .r3.bbqmt5 {
  position: absolute;
  bottom: 0;
  right: -130px;
  width: 850px;
  z-index: 5;
}

.main .mv .r3.bbqmt5.ja {
  transform: rotate(-7deg);
  bottom: 42.5px;
}

@media screen and (min-width: 1900px) {
  .p-relative-1900 {
    position: relative;
  }

  .main .mv .r3.bbqmt5 {
    right: -55%;
    bottom: 25px;
  }
}

@media screen and (max-width: 960px) {
  .main .mv .r3.bbqmt5 {
    width: 800px;
    bottom: 50px;
  }
  .main .mv .r3.bbqmt5.ja {
    bottom: 75px;
  }
}

@media screen and (max-width: 880px) {
  .main .mv .r3.bbqmt5, .main .mv .r3.bbqmt5.ja {
    width: 650px;
    right: -100px;
  }
}

@media screen and (max-width: 600px) {
  .main .mv .r3.bbqmt5, .main .mv .r3.bbqmt5.ja {
    width: 430px;
    right: -58px;
  }
  .main .mv .r3.bbqmt5, .main .mv .r3.bbqmt5.ja {
    bottom: 120px;
  }
}

@media screen and (max-width: 540px) {
  .main .mv .r3.bbqmt5, .main .mv .r3.bbqmt5.ja {
    width: 330px;
    bottom: 0;
    right: -4vw;
    z-index: 1;
  }
}

@media screen and (max-width: 380px) {
  .main .mv .r3.bbqmt5, .main .mv .r3.bbqmt5.ja {
    width: 280px;
  }
}

.main .mv .r2.bbqmt5 {
  position: absolute;
  top: 0;
  right: 0;
  width: 795px;
}

@media screen and (max-width: 540px) {
  .main .mv .r2.bbqmt5 {
    width: 105px;
  }
}

.main .mv .img .sp2.bbqmt5 {
  position: absolute;
  width: 250px;
  left: 0;
  top: 50%;
  z-index: 2;
  transform: translate(-30px, -35%);
}

@media screen and (max-width: 960px) {
  .main .mv .img .sp2.bbqmt5 {
    max-width: 200px;
    width: 50%;
    top: 35%;
    transform: translate(0, -35%);
  }
}

@media screen and (max-width: 550px) {
  .main .mv .img .sp2.bbqmt5 {
    top: 45%;
  }
}

.main .mv .img .sp1.bbqmt5 {
  position: absolute;
  width: 550px;
  right: 0;
  top: 50%;
  z-index: 1;
  transform: translate(100px, -55%);
}

@media screen and (max-width: 960px) {
  .main .mv .img .sp1.bbqmt5 {
    max-width: 500px;
    width: 100%;
    top: 30%;
    transform: translate(100px, -55%);
  }
}

@media screen and (max-width: 700px) {
  .main .mv .img .sp1.bbqmt5 {
    transform: translate(60px, -55%);
  }
}

@media screen and (max-width: 550px) {
  .main .mv .img .sp1.bbqmt5 {
    top: 40%;
  }
}