@charset "utf-8";
* {
  box-sizing: border-box;
}
.head .topSpreadLink {
  color: #fff;
}
body {
  line-height: 1.48;
  overflow-x: hidden;
  font-family: '源ノ角ゴシック', 'メイリオ', 'Meiryo', Verdana,
    'ＭＳ Ｐゴシック', arial, sans-serif;
}
@keyframes pulseHorizontal {
  from {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-1%);
  }

  to {
    transform: translateX(0);
  }
}

.pulseHorizontal {
  -webkit-animation-name: pulseHorizontal;
  animation-name: pulseHorizontal;
}
.font-14 {
  font-size: 14px;
}
.font-16 {
  font-size: 16px;
}
.font-18 {
  font-size: 18px;
}

/* s-btn */
.s-btn {
  display: inline-block;
  width: 732px;
  height: 130px;
  box-sizing: border-box;
  background: url('../img/sbtn-checks.png') no-repeat 10px center;
  border-radius: 16px;
  box-shadow: 0 5px 0 rgba(0, 0, 0, 1);
  position: relative;
  padding: 42px 50px 0 260px;
}
.s-btn.red {
  background-color: #ea1c12;
  color: #fff;
}
.s-btn.white {
  background-color: #fff;
  color: #333;
}
.s-btn em {
  font-size: 44px;
  font-weight: 700;
  font-family: 'MeiryoBold';
  line-height: 1;
  display: block;
  padding-top: 4px;
}
.s-btn .brouce {
  position: absolute;
  top: -42px;
  left: -12px;
  animation: zoomInInite 0.8s infinite linear;
}
.s-btn .title {
  position: absolute;
  top: -8px;
  left: 94px;
}
.s-btn .title-num {
  position: absolute;
  top: -12px;
  left: 304px;
  animation: zoomInInite 0.8s infinite linear;
}
.s-btn.icon em {
  padding-right: 60px;
  background: url('../img/icon-arrow-right.png') no-repeat right center;
}
.btn {
  border-radius: 6px;
  border-width: 2px;
}
/* banner */
.banner {
  background:#c00000 url('../img/pc/banner-bg.jpg') no-repeat center top;
  background-size: 100% 100%;
}
.banner .inside {
  padding-top: 32px;
  width: 1180px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.banner .bounce {
  width: 630px;
}

.banner .bounce .media-body {
  vertical-align: middle;
  padding-left: 30px;
  padding-right: 10px;
}
.banner .spread {
  width: 550px;
  padding-left: 30px;
  padding-top: 32px;
}
.banner .spread ul {
  margin-left: -2px;
  margin-right: -2px;
}
.banner .spread ul li {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding: 4px 2px 0;
}
.banner .spread ul li img {
  width: 100%;
  border-radius: 4px;
}
.banner .s-btn {
  width: 630px;
  padding-left: 230px;
  background-image: url('../img/sbtn-checks-red.png');
}
.banner .s-btn em {
  font-size: 40px;
}
/* scroll-title */
.scroll-title {
  position: relative;
  height:240px;
  padding-top:84px;
  margin-left:-20px;
  margin-right:-20px;
  background-color: #c00000;
  /* //animation: scrollX 4.8s infinite linear; */
}
.scroll-title h2 {
  height: 112px;
  position: absolute;
  width: 100%;

  background: url('../img/scroll-title.png') repeat-x;
  background-size: contain;
}
.scroll-title h2.red {
  transform: rotate(-4deg);
  background-color: #e1040d;
  animation: shoyu-title-red 6s linear infinite;
}
.scroll-title h2.blue {
  transform: rotate(4deg);
  background-color: #0d2b83;
  animation: shoyu-title-blue 6s linear infinite;
}
@keyframes shoyu-title-red {
  0% {
    background-position-x: 0vw;
  }
  100% {
    background-position-x: -896px;
  }
}
@keyframes shoyu-title-blue {
  0% {
    background-position-x: 0vw;
  }
  100% {
    background-position-x: 896px;
  }
}
/* ---- card ---- */
.card {
  padding: 60px 0 30px;
}
.card .card-head,
.card .card-body {
  width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
.gold-hover {
  display: block;
  transition: all 0.5s ease;
}
.gold-hover:hover {
  transform: scale(1.4) rotate(360deg);
}
/* .gold-hover img {
  animation: mangaBuru 2s ease infinite;
} */
/* part1 */
.part1 {
  background: #c00000 url('../img/part1-bg.png') no-repeat center bottom;
  /* background-size: 100% auto; */
  padding-bottom: 0;
  padding-top: 30px;
}
.part1 .spread {
  margin-left: -5px;
  margin-right: -5px;
}
.part1 .spread li {
  width: 25%;
  float: left;
  box-sizing: border-box;
  padding: 10px 5px 0;
}
.part1 .spread li img {
  width: 100%;
  border-radius: 6px;
}
/* part2 */
.spread-table {
  border: 1px solid #611613;
  box-shadow: 2px 2px 2px rgba(247, 171, 44, 1);
  border-radius: 6px;
  overflow: hidden;
}
.spread-table .table > tbody > tr > td {
  background-color: #fff;
}
.spread-table .table.border > tbody > tr > td,
.spread-table .table > thead > tr > th {
  display: table-cell;
  border-color: #611613;
  border-top: none;
  border-bottom: none;
  padding: 2px 10px;
}
.spread-table .table > thead > tr > th.t-h3 {
  background-color: #611613;
}
.spread-table .table > thead > tr > th {
  background-color: #d53727;
  color: #fff;
}
.spread-table .table > thead > tr > th:nth-child(2) {
  color: #fff350;
}
.spread-table .table > tbody > tr > td:nth-child(2) {
  font-size: 18px;
  color: #cd2d23;
}
.spread-table .table > tbody > tr:nth-child(2n + 1) > td {
  background-color: #f4f4f4;
}
.spread-table .table > tbody > tr > td:nth-child(1) {
  background-color: #fbf2e7;
}
.spread-table .table > tbody > tr:nth-child(2n + 1) > td:nth-child(1) {
  background-color: #f5e1ca;
}
.spread-table .table > tbody > tr > td:nth-child(2) {
  background-color: #fff;
}
.spread-table .table > tbody > tr:nth-child(2n + 1) > td:nth-child(2) {
  background-color: #fbf2e7;
}
/* part3 */
.part3 {
  padding: 80px 0 74px;
  background: #e60011 url('../img/part3-bg.png') no-repeat center top;
}
.part3 .card-head {
  position: relative;
}
.part3 .card-head .gold-badge {
  position: absolute;
  right: 30px;
  top: -100px;
}
.part3 .dare {
  background: url('../img/pc/part3-dare-item-bg.png') no-repeat center;
  padding: 56px 10px 24px;
}
.part3 .dare [class*='col-'] {
  padding: 0 10px;
}
.part3 .dare .inside {
  background-color: #fff;
  background-position: right bottom;
  background-repeat: no-repeat;
  border-radius: 6px;
  padding: 36px;
  height: 256px;
}
.part3 .dare .inside.fixed {
  background-image: url('../img/pc/part3-dare-item-fixed.png');
}
.part3 .dare .inside.never {
  background-image: url('../img/pc/part3-dare-item-never.png');
}
.part3 .dare .inside h3 {
  font-size: 32px;
  color: #d12d25;
  margin-bottom: 10px;
  font-family: 'MeiryoBold';
}
.part3 .dare .inside p {
  font-size: 16px;
  line-height: 1.68;
}
/* part4 */
.part4 .badge-box {
  margin-left: -10px;
  margin-right: -10px;
}
.part4 .badge-box [class*='col-'] {
  padding: 0 10px;
}
.part4 .badge-box .media,
.part4 .badge-box .media {
  padding: 24px 32px;
  height: 212px;
  border-radius: 8px;
}
.part4 .badge-box .tt .media {
  color: #fff;
  background: url('../img/part4-gradient-blue.jpg') repeat-y center center;
  background-size: 100% 100%;
}
.part4 .badge-box .gold .media {
  background: url('../img/part4-gradient-gold.jpg') repeat-y center center;
  background-size: 100% 100%;
}
.part4 .badge-box .tt img {
  /* animation: rotateXY 2.8s infinite linear; */
}
.part4 .badge-box .gold .media-right {
  padding-right: 30px;
}
.part4 .badge-box h3 {
  font-family: 'MeiryoBold';
  font-size: 32px;
  margin-bottom: 10px;
}
.part4 .process-box .title h3 {
  font-family: 'MeiryoBold';
  font-size: 36px;
  margin-bottom: 12px;
}
.part4 .process {
  margin-left: -15px;
  margin-right: -15px;
}
.part4 .process [class*='col-'] {
  padding: 0 15px;
}
.part4 .banks {
  background-color: #f5f5f5;
  padding: 50px;
}
.part4 .banks .media-body {
  padding-right: 70px;
}
.part4 .banks h3 {
  font-family: 'MeiryoBold';
  font-size: 36px;
  margin-bottom: 10px;
}
.part4 .line {
  position: relative;
}
.part4 .line .btn {
  position: absolute;
  left: 168px;
  top: 200px;
  border-radius: 50px;
  padding: 16px 42px;
  font-family: 'MeiryoBold';
  font-size: 20px;
}
/* footer */
.footer .inner {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
}


/* app */
.banner .bounce .bounce-img {
  margin-top:65px;
  width: 600px;
}
.media{
  padding:40px 0 0 10px;
}
.banner .bounce .media-left img {
  width: 124px;
}
.dn{
  display: none;
}
.pc-big-btn{
  position: relative;
}
.pc-big-btn .btn-box{
  position: absolute;
  bottom:55px;
  left:0;
}
.pc-big-btn .btn-box img{
  width:auto;
}
.w1030{
  margin:0 auto;
  position: relative;
  width:1030px;
}
.w1440{
  margin:0 auto;
  position: relative;
  width:1440px;
}
.fl{
  float: left;
}
.app-con-txjg{
  margin-top:-50px;
}
.app-conbox{
  overflow: hidden;
}
.app-conbox-b1{
  position: relative;
  padding:30px 0 0;
  background:#fff;
  z-index:2;
}
.app-con-tlfon{
  width:40%;
  text-align:left;
  padding-top:170px;
}
.app-con-tlfon h3{
  font-size:64px;
  font-weight:900;
  font-family: MeiryoBold;
  line-height:1.2;
}
.app-con-tlfon p{
  font-size:24px;
}
.app-con-tlfon p:before{
  display: inline-block;
  vertical-align:middle;
  margin-right:12px;
  width:12px;
  height:12px;
  background:#4393ff;
  border-radius:100%;
  content:"";
}
.app-con-trfon{
  position: relative;
  top:120px;
  margin-left:45%;
}



.app-conbox-b2{
  position: relative;
  padding:140px 0 100px;
  background:#f5f5f5;
  z-index:1;
}
.page-contact-list{
  font-size:0;
  white-space: nowrap;
}
.page-contact-item{
  position: relative;
  display: inline-block;
  vertical-align:top;
  width:24%;
  margin-right:1%;
  background-color:#fff;
  height:520px;
}
.page-contact-item:last-child{
  margin:0
}
.text-gray{
  color:#999;
}
.page-contact-item i{
  position: absolute;
  display: block;
  left:0;
  width:100%;
  top:-30px;
  font-style: normal;
  color:#00ca00;
  font-size:40px;
  font-family:MittelschriftAlt;
  color:#4393ff;
}
.page-contact-pad{
  padding:36px 20px 0;
}
.page-contact-pad h5{
  font-size:20px;
  font-weight:bold;
}
.page-contact-pad p{
  font-size:14px;
  white-space: normal;
}






@media (max-width: 1020px) {
  .s-btn {
    width: 100% !important;
    height: 1.26rem;
    background-size: 2.2rem auto;
    padding: 0.4rem 0.3rem 0.1rem 2.4rem;
    border-radius: 0.12rem;
    background-position: 0.1rem center;
  }
  .s-btn .brouce {
    width: 1.1rem;
    top: -0.4rem;
    left: -0.16rem;
  }
  .s-btn .title {
    width: 4.9rem;
    top: -0.06rem;
    left: 0.86rem;
  }
  .s-btn .title-num {
    width: 1.1rem;
    top: -0.12rem;
    left: 2.94rem;
  }
  .s-btn em {
    font-size: 0.4rem;
  }
  .s-btn.icon em {
    padding-right: 0.4rem;
    background-size: 0.2rem auto;
  }
  .btn {
    font-size: 0.24rem;
    border-width: 0.02rem;
  }
  .btn .icon.right {
    border-width: 0.1rem;
    top: -1px;
  }
  .scroll-title {
    padding-top:0;
    height:1.8rem;
  }
  .scroll-title h2 {
    height: 1.12rem;
  }
  @keyframes shoyu-title-red {
    0% {
      background-position-x: 0vw;
    }
    100% {
      background-position-x: -8.96rem;
    }
  }
  @keyframes shoyu-title-blue {
    0% {
      background-position-x: 0vw;
    }
    100% {
      background-position-x: 8.96rem;
    }
  }
  .card {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  .card .card-head,
  .card .card-body {
    width: auto;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
  .banner {
    height: 9.2rem;
    background: url('../img/m/banner-bg.jpg') no-repeat center top;
    background-size: auto 100%;
  }
  .head .logo{
    margin-top:0;
  }
  .banner .inside {
    width: auto;
    padding: 0.4rem 0.3rem 0;
  }
  .banner .bounce .media-body{
    padding:0 0 0 .2rem;
  }
  .banner .s-btn {
    padding-left: 2.4rem;
  }
  .banner .s-btn em {
    font-size: 0.48rem;
  }
  .banner .bounce {
    width: 100%;
  }
  
  .banner .bounce .bounce-img {
    width: 5.9rem;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .text-tips {
    font-size: 0.18rem;
  }
  /* part1 */
  .part1 {
    background-image: url('../img/m/part1-bg.png');
    background-size: 100% auto;
    padding-top: .4rem;
  }
  .part1 .card-head h2 img,
  .part2 .card-head h2 img,
  .part3 img,
  .part4 .card-head h2 img {
    width: 100%;
  }
  .part1 .spread li {
    width: 50%;
  }
  .part1 .spread li img {
    border-radius: 0.08rem;
  }
  /* part2 */
  .spread-table {
    border: 1px solid #611613;
    box-shadow: 2px 2px 2px rgba(247, 171, 44, 1);
    border-radius: 6px;
    overflow: hidden;
  }
  .spread-table .table.border > tbody > tr > td,
  .spread-table .table > thead > tr > th {
    padding: 0.08rem 0.1rem;
    display: table-cell;
    border-color: #611613;
    border-top: none;
    border-bottom: none;
  }
  .spread-table .table > tbody > tr > td {
    font-size: 0.16rem;
  }
  .spread-table .table > thead > tr > th.t-h3 {
    background-color: #611613;
  }
  .spread-table .table > thead > tr > th {
    background-color: #d53727;
    font-size: 0.24rem;
    color: #fff;
  }
  .spread-table .table > thead > tr > th:nth-child(2) {
    color: #fff350;
  }
  .spread-table .table > tbody > tr > td:nth-child(2) {
    font-size: 0.18rem;
    color: #cd2d23;
  }
  .spread-table .table > tbody > tr:nth-child(2n + 1) > td {
    background-color: #f4f4f4;
  }
  .spread-table .table > tbody > tr > td:nth-child(1) {
    background-color: #fbf2e7;
  }
  .spread-table .table > tbody > tr:nth-child(2n + 1) > td:nth-child(1) {
    background-color: #f5e1ca;
  }
  .spread-table .table > tbody > tr > td:nth-child(2) {
    background-color: #fff;
  }
  .spread-table .table > tbody > tr:nth-child(2n + 1) > td:nth-child(2) {
    background-color: #fbf2e7;
  }
  /* part3 */
  .part3 {
    background-image: none;
    padding-bottom: 0.8rem;
  }
  .part3 .card-head .gold-badge {
    width: 2.4rem;
    top: -1.4rem;
    right: 0.3rem;
  }
  .part3 .dare {
    padding: 0.68rem 0 0.2rem;
    background-image: url('../img/m/part3-dare-item-bg.png');
    background-size: 100% auto;
  }
  .part3 .dare [class*='col-'] {
    padding: 0.12rem 0;
  }
  .part3 .dare .inside {
    height: 3.14rem;
    padding: .32rem;
    background-size: 1.8rem auto;
  }
  .part3 .dare .inside h3 {
    font-size: 0.4rem;
  }
  .part3 .dare .inside p {
    font-size: 0.2rem;
  }
  /* part4 */
  .part4 {
    padding-bottom: .6rem;
  }
  .part4 .line .btn {
    font-size: 0.24rem;
    padding: 0.16rem 0.4rem;
    left: 0.7rem;
    top: 2.7rem;
  }
  .part4 .badge-box,
  .part4 .process {
    margin-left: 0;
    margin-right: 0;
  }
  .part4 .badge-box [class*='col-'] {
    padding: 0 0 0.2rem;
  }
  .part4 .badge-box .media,
  .part4 .badge-box .media {
    height: 2.5rem;
    padding: 0.4rem;
  }
  .part4 .badge-box h3 {
    font-size: 0.36rem;
    margin-bottom: 0.12rem;
  }
  .part4 .badge-box p {
    font-size: 0.16rem;
  }
  .part4 .badge-box .tt img {
    width: 2.08rem;
  }
  .part4 .badge-box .gold img {
    width: 1.7rem;
  }
  .part4 .badge-box .gold .media-right {
    padding-right: 0.2rem;
  }
  .part4 .process-box .title h3,
  .part4 .banks h3 {
    font-size: 0.36rem;
    margin-bottom: 0.12rem;
  }
  .part4 .process-box .title p {
    font-size: 0.18rem;
  }
  .part4 .process [class*='col-'] {
    padding: 0 0 0.3rem;
  }
  .part4 .banks {
    padding: 0.5rem;
  }
  .part4 .banks p {
    font-size: 0.18rem;
  }
  .part4 .banks .media-body {
    padding-right: 0;
  }
  .part4 .banks .media-right img {
    width: 100%;
  }

  /* app */
.wrapper-box{
  overflow: hidden;
}
  .pc-data-count{
    display: none;
  }
  .mo-data-count{
    padding-top:.4rem;
    display: block;
    overflow: hidden;
  }
  .mt-4{
    margin-top:.4rem;
  }
  .mt-7{
    margin-top:.7rem;
  }
  .w1030,.w1440{
    width:auto;
    padding:0 .3rem;
  }
  .app-conbox-b1{
    padding:0;
  }
  .app-conbox-b1 img{
    width:100%;
  }
  .app-conbox-b1 h2{
    margin-top:.1rem;
  }
  .app-con-tlfon{
    padding-top:0;
    text-align:center;
  }
  .app-con-tlfon h3{
    font-size:.54rem;
    text-align:justify;
  }
  .app-con-tlfon h3 br{
    display: none;
  }
  .app-con-tlfon p{
    font-size:.3rem;
    padding-bottom:.1rem;
  }
  .app-con-tlfon p:before{
    width:.14rem;
    height:.14rem;
    margin-right:.1rem;
  }
  .app-con-tlfon,.app-con-trfon{
    float: none;
    width:100%;
  }
  .app-con-trfon{
    margin:.55rem 0 0;
    top: auto;
  }
  .apm-mtiaoj{
    position: relative;
    padding-left:1.55rem;
    text-align:left;
  }
  .app-con-img{
    position: absolute;
    margin-top:0;
    left:0;
    top:-.15rem;
  }
  .app-con-img img{
    width:1.36rem;
  }
  .app-con-tlfon p:first-child{
    margin-top:.4rem;
  }

  .app-conbox-b2{
    padding:.4rem 0 1rem;
  }
  .page-contact-item{
    margin:0;
    width:100%;
  }
  .swiper-container{
    overflow: visible;
  }
  .page-contact-item{
    height:9.7rem;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:.3rem;
  }
  .page-contact-item img{
    width:65%;
  }
  .part3 .card-head .gold-badge{
    right:0;
    top:-1.2rem;
  }
  .part3 .gold-badge img{
    width:1.6rem;
  }
  .media{
    padding:0;
  }
  .banner .bounce .bounce-img{
    margin-top:.65rem;
  }
  .pc-big-btn .btn-box{
    display: none;
  }
  
  .banner .bounce .media-left img {
    width: 1.24rem;
  }

}