/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:700&display=swap");
.page .sec .main-content .inner .info-box .info-list .info-list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page .sec .main-content .inner .info-box .info-list .info-list-inner .box.box-l {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page.page-top .sec .main-content .inner .lead .red {
  color: #8c4154;
}

@media screen and (min-width: 751px) {
  .page.page-top .sec .hero-content {
    background-image: url(../../imgs/journey/beggining/kv_beggining.jpg);
    background-position: center top;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box {
    width: 50%;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-l {
    border-right: 1px solid #c1a01e;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-height: 384px;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-l.box-pic-2 {
    background-image: url(../../imgs/journey/beggining/pic_beggining_2.jpg);
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-l.box-pic-3 {
    background-image: url(../../imgs/journey/beggining/pic_beggining_3.jpg);
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-l.box-pic-2020 {
    background-image: url(../../imgs/journey/beggining/pic_beggining_2020.jpg);
    background-position: left center;
  }
  #en.page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-l.box-pic-2020 {
    background-image: url(../../imgs/journey/beggining/pic_beggining_2020_en.jpg);
    background-position: left center;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .name {
    padding: 16px 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    border-bottom: 1px solid #c1a01e;
    background: #eae2cf;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .place {
    padding: 0 20px;
    line-height: 60px;
    border-bottom: 1px solid #c1a01e;
    background: #eae2cf;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .text-box {
    padding: 20px;
    line-height: 1.5;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .info-text-box {
    padding: 15px 0;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .info-text-box .info-text-tit {
    padding: 0 20px;
    color: #c1a01e;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .info-text-box .info-text {
    padding: 0 20px;
    line-height: 1.5;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner {
    display: block;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-top {
    border-bottom: 1px solid #c1a01e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-top .box.box-l.box-pic {
    background-image: url(../../imgs/journey/beggining/pic_beggining_1_1.jpg);
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-top .box.box-r .dupli-box {
    display: none;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-btm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-btm .box.box-l {
    min-height: 192px;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-btm .box.box-l .dupli-box {
    min-height: 192px;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-btm .box.box-l .dupli-box .pic {
    position: absolute;
    height: 100%;
    width: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-btm .box.box-l .dupli-box .pic.pic-2 {
    background-image: url(../../imgs/journey/beggining/pic_beggining_1_2.jpg);
    border-right: 1px solid #c1a01e;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-btm .box.box-l .dupli-box .pic.pic-3 {
    left: 50%;
    background-image: url(../../imgs/journey/beggining/pic_beggining_1_3.jpg);
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-btm .box.box-r a {
    color: #1c4937;
    text-decoration: underline;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-btm .box.box-r a:hover {
    opacity: 0.7;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2.info-list-2-en .info-list-inner .box-top {
    border-bottom: none;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2.info-list-2-en .info-list-inner .box-btm .box.box-l {
    border-top: 1px solid #c1a01e;
  }
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .name {
    padding: 13px 16px;
    font-size: 14.4px;
    line-height: 1.5;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .place {
    padding: 0 16px;
    line-height: 48px;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .text-box {
    padding: 16px;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .info-text-box {
    padding: 12px 0;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .info-text-box .info-text-tit {
    padding: 0 16px;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .info-text-box .info-text {
    padding: 0 16px;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-btm .box.box-l {
    min-height: 154px;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-btm .box.box-l .dupli-box {
    height: 100%;
    min-height: 154px;
  }
}
@media screen and (max-width: 750px) {
  .page.page-top .sec .hero-content {
    background-image: url(../../imgs/journey/beggining/kv_beggining_sp.jpg);
    background-position: center top;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner {
    display: block;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-l {
    height: 0.42rem;
    border-bottom: 1px solid #c1a01e;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-l.box-pic-2 {
    background-image: url(../../imgs/journey/beggining/pic_beggining_2_sp.jpg);
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-l.box-pic-3 {
    background-image: url(../../imgs/journey/beggining/pic_beggining_3_sp.jpg);
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-l.box-pic-2020 {
    background-image: url(../../imgs/journey/beggining/pic_beggining_2020.jpg);
    background-position: bottom;
  }
  #en.page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-l.box-pic-2020 {
    background-image: url(../../imgs/journey/beggining/pic_beggining_2020_en.jpg);
    background-position: bottom;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .name {
    padding: 0.033rem 0.04rem;
    font-size: 0.036rem;
    font-weight: 700;
    line-height: 1.5;
    border-bottom: 1px solid #c1a01e;
    background: #eae2cf;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .place {
    padding: 0 0.04rem;
    line-height: 0.12rem;
    border-bottom: 1px solid #c1a01e;
    background: #eae2cf;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .text-box {
    padding: 0.04rem;
    line-height: 1.5;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .info-text-box {
    padding: 0.03rem 0;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .info-text-box .info-text-tit {
    padding: 0 20px;
    color: #c1a01e;
  }
  .page.page-top .sec .main-content .inner .info-list .info-list-inner .box.box-r .info-text-box .info-text {
    padding: 0 0.04rem;
    line-height: 1.5;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner {
    display: block;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-top .box-l.box-pic-1 {
    background-image: url(../../imgs/journey/beggining/pic_beggining_1_1_sp.jpg);
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-top .box-r .dupli-box {
    height: 0.21rem;
    border-bottom: 1px solid #c1a01e;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-top .box-r .dupli-box .pic {
    position: absolute;
    height: 100%;
    width: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-top .box-r .dupli-box .pic.pic-2 {
    background-image: url(../../imgs/journey/beggining/pic_beggining_1_2.jpg);
    border-right: 1px solid #c1a01e;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-top .box-r .dupli-box .pic.pic-3 {
    left: 50%;
    background-image: url(../../imgs/journey/beggining/pic_beggining_1_3.jpg);
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-btm {
    border-top: 1px solid #c1a01e;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-btm .box.box-l {
    display: none;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-btm .box.box-r a {
    margin-bottom: 0.5em;
    color: #1c4937;
    text-decoration: underline;
  }
  .page.page-top .sec .main-content .inner .info-list.info-list-2 .info-list-inner .box-btm.box-btm-en {
    display: none;
  }
}