body {
  background: #f8f8f8;
}

.right__menu {
  background-color: rgba(206, 80, 87, 0.8);
}

.left_menu .listWrap {
  background: url("../img/work/menu_bg.svg") top center no-repeat;
  background-size: 100%;
}
.left_menu .menu_box .mainList, .left_menu .menu_box .subList {
  background-color: #f9ede0;
  border: 1px solid #f9ede0;
}
.left_menu .menu_box .mainList a, .left_menu .menu_box .subList a {
  color: #440015;
  padding: 5px 0;
  display: block;
}
.left_menu .menu_box .mainList a:hover, .left_menu .menu_box .subList a:hover {
  color: #fff;
  background: #e18f47;
}

section {
  width: 100%;
  position: relative;
}

.wrap {
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .wrap {
    margin-top: 40px;
  }
}

.swiper-pagination {
  width: 100%;
  text-align: center;
  line-height: 0;
  bottom: -1.5rem;
}

.swiper-pagination-bullet {
  border-radius: 50px;
  width: 8px;
  height: 8px;
  margin: 0 3px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 40px;
  background: rgba(0, 0, 0, 0.6);
}

.topbn {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 28.7% 1.5% 1fr 1.5% 28.7%;
  grid-template-columns: 28.7% 1fr 28.7%;
  gap: 1.5%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
@media only screen and (max-width: 991px) {
  .topbn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2%;
  }
}
@media only screen and (max-width: 991px) {
  .topbn li {
    width: 49%;
  }
}
@media only screen and (max-width: 991px) {
  .topbn li:nth-child(2) {
    display: none;
  }
}
.topbn li:nth-child(4) {
  display: none;
}
@media only screen and (max-width: 991px) {
  .topbn li:nth-child(4) {
    display: block;
    width: 100%;
  }
}
#block01 .container {
  width: 1000px;
  max-width: 100%;
  padding: 0;
}
#block02 .container{
  width: 1000px;
  max-width: 97%;
  padding: 1rem 1rem 0.5rem;
}
#block02 .gridBox {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 33% 2% 65%;
  grid-template-columns: 33% 65%;
  gap: 2%;
}
#block03 .container{
  width: 1000px;
  max-width: 100%;
}
#block04 .container{
  width: 1000px;
  max-width: 100%;
}
@media only screen and (max-width: 991px) {
  #block02 .gridBox {
    display: block;
    width: 100%;
  }
}
#block02 #swiper1 {
  position: relative;
}
#block02 .btm__bn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2%;
}
#block02 .btm__bn li {
  width: 49%;
}
#block02 .other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2%;
  padding: 0 2rem;
}
#block02 .other li {
  width: 49%;
  margin-bottom: 1rem;
}

#swiper2 {
  position: relative;
}
#swiper2 img {
  width: 600px;
  max-width: 100%;
}

#block05 .nav-tabs {
  border: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#block05 .nav-tabs li {
  width: 33.3333333333%;
  padding: 0 0.3rem;
}
#block05 .nav-tabs .nav-link {
  color: #fff;
  font-size: 1.75rem;
  font-weight: 600;
  background: #d49e6c;
  border-radius: 10rem;
  border: 0;
  padding: 0.5rem 2rem;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  #block05 .nav-tabs .nav-link {
    font-size: 18px;
    padding: 0.5rem 0;
  }
}
#block05 .nav-tabs .nav-link.active {
  color: #fff;
  background: #dd494f;
  position: relative;
}
#block05 .nav-tabs .nav-link.active .icon {
  width: 3rem;
  height: 3rem;
  background: url("../img/work/deco_clearance.png") bottom center no-repeat;
  background-size: 100%;
  position: absolute;
  top: -55%;
  left: calc(50% - 2.2rem);
}
@media only screen and (max-width: 767px) {
  #block05 .nav-tabs .nav-link.active .icon {
    width: 12vw;
    height: 11vw;
    top: calc(-100% + 2vw);
    left: calc(50% - 6vw);
  }
}
#block05 .tab-content li {
  padding: 0 7px;
}
#block05 .tab-content ul.promo {
  width: 100%;
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  #block05 .tab-content ul.promo {
    width: 120vw;
  }
}
@media only screen and (max-width: 991px) {
  #block05 .tab-content ul.promo {
    width: 165vw;
  }
}
@media only screen and (max-width: 767px) {
  #block05 .tab-content ul.promo {
    width: 250vw;
  }
}

#block01{ background-color: #ff4344;}
#block04{ background-color: #ffffff;}
#block03{ background-color: #2234ab;}

#block04 .bank img{ border: 1px solid #a1a1a1;margin:10px 0 10px 0 ;}
.section__title {
text-align: center;
  font-size: 2rem;
  color: #007cc5;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 2px;
  margin-bottom: 28px;
  margin: 40px 0;
}
.section__title2{
  text-align: center;
    font-size: 2rem;
    color: #ffffff;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 2px;
    margin-bottom: 28px;
    margin: 40px 0;
  }
.kv-main{
  margin: 0 auto;
  width: 100%;
  left: 0;
  top: 0px;
}
.rule {
  margin: auto;
  background: #333;
  padding: 40px;
  border-radius: 2em;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  -ms-border-radius: 2em;
  -o-border-radius: 2em;
  border: #fff 1px solid;
  font-size: .9rem;
  line-height: 1.7;
  letter-spacing: 1px;
  color: #fff;
}
.rule b{
  font-size: 1rem;
  line-height: 1.7;
  font-weight: 500;
}
.rule a{
  font-size: 1rem;
  line-height: 1.7;
  letter-spacing: 1px;
  color: #eeff00;
  font-weight: 700;
}
.rule ul {
list-style-type:decimal;  padding: 10px 0 10px 0
} 
.rule li {
      display: list-item;
      text-align: -webkit-match-parent;
      unicode-bidi: isolate;
      list-style-type: numeric; 
      margin:15px 40px; 
  } 

.rule-title{
  font-size: 1.3rem;
  line-height: 1.7;
  letter-spacing: 1px;
  font-weight: 700;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .rule {
    margin: auto;
    padding: 24px;
  }
  .rule li {
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
    list-style-type: numeric; 
    margin:15px 15px; 
} 
.section__title2{
  text-align: center;
    font-size: 1.5rem;
  }
}
 .go-button {
  align-items: center;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 50px;
  display: flex;
  font-size: 1.2rem;
  font-weight: 600;
  height: 50px;
  color: #000;
  justify-content: center;
  padding-inline: 15px;
  transition: .4s ease;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  margin: 20px;
  -webkit-box-shadow: 7px 7px 7px rgba(0, 0, 0, .15);
    box-shadow: 7px 7px 7px rgba(0, 0, 0, .15);
}

.go-button:hover {
  background-color: #000;
  color: #fff;
}

.btn-more {
  display: inline-block;
  background-color: #2864ff;
  border: 4px solid #eaeaea;
  border-radius: 50px;
  padding: 5px 30px;
  font-size: 2.5rem;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn-more a{
  color: #fff;
}
.btn-go{
 width: 30px;
 padding: 10px 5px 15px ;
}
.article-block{
  border-bottom:1px solid #fff;
  margin: 30px 0;}
.info-block {
  padding: 0.25rem 1rem;
  background-color: #ff6666;
  color: #ffffff;
  font-size: 1.3rem;
  font-weight: bold;
  display: inline-block;
  border-radius: 2rem;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 767px) {
  .info-block {
    padding: 0.25rem 1rem;
    background-color: #ff6666;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: bold;
    display: inline-block;
    border-radius: .5rem;
    margin-bottom: 1rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
}
}
.section__inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 50px;
}
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.step {
  position: relative;
  padding: 0 35px;
}
.step .swiper-prev,
.step .swiper-next {
  position: absolute;
  top: 46%;
}
.pc {display: block; }
.mobile {display: none; }
@media screen and (max-width: 767.98px) {
  #block02 .container{padding: 1rem 0;}
  .section__inner {
    padding: 0px 10px;
}
  .step {
    padding: 0 25px;
  }
  .step .swiper-container {
    padding-bottom: 50px;
  }
  .swiper-slide img {width: 130%;padding: 10%; }
  .pc {display: none; }
  .mobile {display: block; }
}

@media screen and (max-width: 767.98px) {
  .step .swiper-prev,
  .step .swiper-next {
    width: 25px;
  }
}

.step .swiper-button-disabled {
  opacity: 0.5;
}

.step .swiper-prev {
  left: 0;
}

.step .swiper-next {
  right: 0;
}

.step .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 0.4;
  width: 10px;
  height: 10px;
}

.step .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

/* 表格 */

td{
background-color:#6b6b6b;
width:50%;
/* height:75px; */
padding: 20px;
border: 1px solid #b2b2b2;
}

tr:nth-of-type(even) td{
background-color:#525252;
}

.custom-list li {
  list-style-type: disc;
}