@charset "utf-8";

.wrap-top-header {
  display:none;
}

.wrap-top-header-sm {
  display:flex;
  align-items:flex-end;
  justify-content:center;
  height:100vh;
  background-image:url(../img/top/top-main-visual-sm.png);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:top;
}

.wrap-top-header-history-sm {
  background-image:url(../img/history/main-visual-sm.png);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:top;
  height:100vh;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.img-arrow-bottom-sm {
  /* width:20vw; */
  width:150px;
  padding-bottom:30px;
}

.ul-header-content {
  display:flex;
  padding:0;
  padding-bottom:50px;
}

.ul-header-content li {
  padding:0 2px;
}

.ul-header-content li a:hover {
  opacity:.8;
}

.header-top-img img {
  width:150px;
  margin:30px 0 50px;
}

.header-bottom-img img {
  width:350px;
  margin:0 0 50px;
}

.wrap-history-index .container::before {
  /* margin-top:313px; */
  margin-top:183px;
  left:calc(50% - 4px );
  width:1px;
}

.img-text {
  position:relative;
  padding:15px 0;
  width:100%;
}

.img-text-top {
  padding-bottom:10px;
}

.img-text-bottom {
  padding-top:0;
}

.img-christian {
  margin-left: -10px;
  /* margin-left: -9px; */
}

.img-christian-second {
  margin-left:-1px;
  /* margin-left:-2px; */
}

.wrap-history-index-inner {
  padding-bottom:30px;
}

.img-dot {
  width:11px;
  margin-left:-10px;
  margin-top:9px;
}

@media all and (-ms-high-contrast:none) {

  .ul-header-content {
    justify-content:center;
  }

.container-original-ie {
  max-width:100%;
}

.wrap-top-header-sm , .wrap-top-header-history-sm{
  height: calc(100vw * 9/18 ) ;
}

.ul-header-content-img-ie {
  width: 185px ;
}

}

.btn-history-original {
  margin:50px 0;
}

.img-content-history-index {
  width:auto;
}

.img-christian-content-bottom {
  padding:15px 15px 10px;
}

.text-history {
  color:#fff;
  font-size:14px;
  padding:0 0 15px;
}

.text-history-second {
  padding:0 15px 15px;
}

.img-history-title {
  padding-bottom:5px;
}

.btn-fixed a {
  right:80px ;
  bottom: 60px ;
  /* right: calc(50% - 500px) ; */
  width: 60px ;
}