#flow { padding-top: 150px; background-color: #f8f8f8;}
/* #flow .scroll-wrap{
  border-top: 2px solid #262626;
  border-bottom: 2px solid #262626;
} */
#flow ul {
 padding: 40px 0;
 display: flex;
 -webkit-align-items: flex-start;
         align-items: flex-start;
  flex-wrap: wrap;
}
#flow ul li {
 width: 25%;
 padding: 30px 3%;
 -webkit-align-self: stretch;
         align-self: stretch;
 text-align: center;
 background: url(../image/dotline-v.png) left top repeat-y;
 -webkit-background-size: 1px auto;
      -o-background-size: 1px auto;
         background-size: 1px auto;
 position: relative;
}
#flow ul li:first-child { background: none;}
#flow ul li:first-child::before { content: none;}
#flow ul li::before {
 content: "";
 width: 40px;
 height: 40px;
 background: url(../image/arrow.png) center center no-repeat;
 -webkit-background-size: 40px auto;
      -o-background-size: 40px auto;
         background-size: 40px auto;
 position: absolute;
 top: 50%;
 left: 0;
 -webkit-transform: translateY(-50%) translateX(-50%);
 -ms-transform: translateY(-50%) translateX(-50%);
 transform: translateY(-50%) translateX(-50%);
}
#flow ul li .en-num {
 letter-spacing: .1em;
 line-height: 1;
 color: #111;
 font-family: 'Marcellus', serif;
 font-size: 16px;
 font-weight: 400;
 opacity: .5;
}
#flow ul li i {
 width: 36px;
 margin: 0 auto;
 padding: 25px 0 0;
 line-height: 1;
 display: inline-block;
}
#flow ul li h3 {
 margin-top: 1em;
 text-align: center;
 line-height: 1.666;
 font-size: 18px;
 font-weight: 600;
}
#flow ul li p {
 margin-top: 1.5em;
 text-align: left;
 font-size: 14px;
}

@media screen and (max-width: 1200px) {
 #flow { padding-top: 120px;}
 #flow ul { padding: 30px 0;}
 #flow ul li { padding: 20px 3%;}
 #flow ul li::before {
  content: "";
  width: 32px;
  height: 32px;
  -webkit-background-size: 32px auto;
       -o-background-size: 32px auto;
          background-size: 32px auto;
 }
 #flow ul li .en-num { font-size: 14px;}
 #flow ul li i {
  width: 28px;
  padding-top: 20px;
 }
 #flow ul li h3 { font-size: 15px;}
 #flow ul li p { font-size: 12px;}
}
@media screen and (max-width: 786px) {
 #flow .scroll-wrap {
  /* -ms-overflow-x: scroll;
      overflow-x: scroll;
  -webkit-overflow-scrolling: touch */
 }
 /* #flow ul { width: 50%;} */
 #flow ul { padding:  0;}
 #flow ul li{width: 100%;margin-top: 0px;background:none}
 #flow ul li::before{
  display: none;
 }
 #flow ul li:nth-child(3){
  background: none;
 }
}
@media screen and (max-width: 1200px) {
 #flow { padding-top: 90px;}
}
#all-report {
  padding: 100px 0;
  position: relative;
 }
 #all-report .en-bg {
  text-align: center;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
 }
 #all-report .en-bg span {
  letter-spacing: .1em;
  line-height: 1.1;
  color: #FFF;
  font-size: 13vw;
  font-family: 'Marcellus', serif;
  font-weight: 400;
 }
 #all-report .report-list {
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between;
 }
 #all-report .report-list::before {
  content: "";
  display: block;
  width: 28.5714%;
  order: 1;
 }
 #all-report .report-list::after {
  content: "";
  display: block;
  width: 28.5714%;
 }
 #all-report .report-list li { width: 28.5714%;margin-top: 60px;}
 #all-report .report-list li a { display: block;}
 #all-report .report-list li a figure { overflow: hidden;}
 #all-report .report-list li a  .txt-wrap {
  margin-top: 30px;
  color: #111;
 }
 #all-report .report-list li a  .txt-wrap .name {
  line-height: 1.3;
  color: #111;
  font-size: 18px;
  font-weight: 600;
 }
 #all-report .report-list li a  .txt-wrap .catch {
  margin-top: 1em;
  text-align: left;
  font-weight: 400;
  font-size: 13px;
  color: #5E5D5D;
 }
 #all-report .report-list li a .thumb-dest {
  margin-top: 27px;
  padding-top: 27px;
  border-top: 1px solid #E0E0E0;
 }
 @media screen and (max-width: 1200px) {
  #all-report { padding: 60px 0 80px;}
  #all-report .report-list li { margin-top: 40px;}
  #all-report .report-list li a  .txt-wrap { margin-top: 25px;}
  #all-report .report-list li a  .txt-wrap .name { font-size: 16px;}
  #all-report .report-list li a .thumb-dest {
   margin-top: 22px;
   padding-top: 22px;
  }
 }
 @media screen and (max-width: 768px) {
  #all-report { padding: 40px 0 40px;}
  #all-report .en-bg { top: 32px;}
  #all-report .en-bg span { font-size: 14vw;}
  #all-report .report-list {
   /* width: 98vw; */
   margin: 0 auto;
   /* display: block; */
  }
  #all-report .report-list::before,
  #all-report .report-list::after { content: none;}
  #all-report .report-list li {  margin-top: 30px}
  /* #all-report .report-list li:nth-child(n+2) { margin-top: 45px;} */
  #all-report .report-list li a  .txt-wrap { margin-top: 20px;}
  #all-report .report-list li a  .txt-wrap .name { font-size: 14px;}
  #all-report .report-list li a  .txt-wrap .catch { font-size: 10px; min-height: 140px;line-height: 1.6}
  #all-report .report-list li a .thumb-dest {
   margin-top: 17px;
   padding-top: 17px;
  }
 }
 .detail-info.inner-l{width: 92vw;max-width: 1444px;}
.detail-info{display: flex;-webkit-align-items: flex-end;align-items: flex-end;margin-top: 60px;margin-bottom: 80px;}
.detail-info .line-fp{
  margin-right: 40px;flex: 1;height: 3px;
  background: url(../image/line-red.png) repeat-x;
}
.detail-info .btn {width: auto; padding: 0 15px;line-height: 50px;background:#c2a991;text-align: center;font-size:
18px;color: #FFFFFF;}
.detail-info .btn a {color: #fff;}
@media screen and (max-width: 1200px) {
  .detail-info.inner-l{width: 96vw;max-width: 1100px;}
}
@media screen and (max-width: 768px) {
  .detail-info.inner-l{width: 87vw;}
  .detail-info{margin-top: 30px;margin-bottom: 50px;}
  .detail-info .btn{width: auto; padding: 0 15px;font-size: 14px;line-height: 36px;}
}

#guide {
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  flex-wrap: wrap;
 }
#guide .guide-box {
  width: 46%;
  margin-top: 40px;
}
#guide .guide-box .dyt{
 color: #5E5D5D;
 font-size: 14px;
}
#guide .guide-box .title{
 font-size: 18px;
}
@media screen and (max-width: 768px) {
  #guide .guide-box {
    width: 100%;
  }
}
#chartered{
  padding: 80px 0 80px 4.398885vw;
}
#chartered .chart-box{
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-top: -40px;
}
#chartered .chart-box .item{
  padding-top: 80px;
  font-size: 0;
}
#chartered .chart-box .one{width: 59%;margin: 40px 0 40px;}
#chartered .chart-box .two{width: 37%;margin-top: -40px; display: flex; flex-direction: column;}
#chartered  .car{
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  padding-right: 4.398885vw;
}
#chartered  .car > div {
  width: 32%;
}
#chartered .chart-box .two img:last-child{margin-top: 30px;}
@media screen and (max-width: 768px) {
  #chartered{padding: 40px 0 30px 4.398885vw;}
  #chartered .chart-box .item{padding-top: 0;}
  #chartered .chart-box{margin-top: 20px}
  #chartered .chart-box .one,#chartered .chart-box .two{margin: 0;justify-content: space-between;}
  #chartered .chart-box .two img:last-child{margin-top: 0;}
}

#hotel{width: 100vw; position: relative;padding-left: 6vw; overflow: hidden; display: flex;justify-content: space-between;}
#hotel::before{position: absolute;content: '';width: 75vw;height: 80vw;background: rgba(237, 237, 237, 0.40);right: 0;top: 30vw;z-index: -1;}
#hotel .left-b{width: 42vw;}
#hotel .right-b{width: 48vw;}
#hotel .pad-l{padding-left: 4vw;}
#hotel .pad-r{padding-right: 4vw;}
#hotel .sljr{width: 38vw; margin-left: auto; margin-right: auto;}
#hotel .hotel-box .txt-wrap .title{font-size: 18px;}
#hotel .hotel-box .txt-wrap .dyt{color: #5E5D5D;}

#reserSwiper .sdbt {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: baseline;
  margin-top: 100px;
  position: relative;
}
#reserSwiper .bg1{padding-top: 100px;}
#reserSwiper .bg::before {
  content: "";
  width: 60%;
  height: 108%;
  background: #F6F6F6;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
#reserSwiper .bg1::before {
  content: "";
  width: 60%;
  height: 108%;
  background: #F6F6F6;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#reserSwiper .txt-wrap{width: 84%;}
#reserSwiper .txt-wrap .title{font-size: 18px;}
#reserSwiper .txt-wrap .dyt{color:#5E5D5D;}
#reserSwiper .resf-left {
  width: 48.046875vw;
}
#reserSwiper .resf-right {
  width: 48vw;
}
#reserSwiper .layout{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#reserSwiper .img-h {width: 22.5vw;}
#reserSwiper .align-center {align-self: center;padding-left: 5vw;}
#reserSwiper .sdvgt {order: 2;}
#reserSwiper .ercwq {order: 1;}
@media screen and (max-width: 768px) {
  #reserSwiper .bg::before {
    height: 120%;
  }
  #reserSwiper .bg1 {
    padding-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  #hotel::before {width: 100vw;}
  #reserSwiper .resf-left, #reserSwiper .resf-right{width: 100%;}
  #reserSwiper .sdbt {padding: 0 6vw;margin-top: 24px;}
  #reserSwiper .align-center{padding-left: 0;}
  #reserSwiper .img-h {width: 41vw;margin-top: 1vw;}
  #reserSwiper .sdvgt {order: 1;}
  #reserSwiper .ercwq {order: 2;}
}