@charset "utf-8";
/* CSS Document */
.historyWrap { position: relative; z-index: 0}
.sub-grid-img{text-align:left}
.sub-grid-cnt{margin-top:5rem}
.sub-grid-cnt>*{position:relative;z-index:1}
.history-gallery-tit{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;margin-bottom:2rem;font-size:4.5rem;font-weight:600;line-height:1}
.history-gallery-tit span{padding-right:2rem}
.history-gallery-tit small{margin:.5rem 0 1rem;font-size:1.4rem;font-weight:700}
.history-swiper-btn{position:relative;width:3.75rem;height:3.75rem;;margin:40px 0 40px auto}
.history-item, .history-details li{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;}
.history-item .history-summary{flex:0 0 20%;font-size:1.3rem;font-weight:600;color:#111; line-height: 1;}
.history-summary+*, .history-details .txt-desc{flex:1;width:100%;}
.history-item+.history-item{margin-top:2rem}
.history-item .txt-desc{margin-top:0 !important}
.history-month{display:inline-block;flex-basis:40px;max-width:40px; font-family: "Roboto", sans-serif; font-size:1.05rem; font-weight:500; color:#999}
.history-gallery{position:relative;box-shadow:0px 40px 60px lightgrey; -webkit-box-shadow:0px 40px 60px #0000001A;-moz-box-shadow:0px 40px 60px #0000001A}
.history-gallery::after{display:none;content:"";position:absolute;left:-3.125vw;bottom:-3.75rem;width:20.8333vw;height:17.7083vw;background:var(--thm-primary)}
.history-item-swiper{position:unset}
.history-item-swiper .swiper-pagination{display:-ms-flexbox;display:flex;position:absolute;top:100%;;height:3.75rem;-ms-flex-align:center;align-items:center;justify-content:end}
.history-item-swiper .swiper-pagination-bullet{width:6px;height:6px;margin:0 17px !important;position:relative;opacity:1}
.history-item-swiper .swiper-pagination-bullet::before{content:"";position:absolute;left:50%;top:50%;width:1.8em;height:1.8em;border-radius:50%;border:1px solid;transform:translate(-50%, -50%);opacity:0;transition:all .4s}
.history-item-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::before{opacity:1}
.history-gallery .history-gallery-img{position:relative}
.history-gallery .history-gallery-img::before{content:'';display:block;padding-top:91.22807%}
.history-gallery .history-gallery-img img{z-index:10}


@media (min-width: 1720px) {
    .sub-history::before{display:block}
    .history-gallery::after{display:block}
    .history-item-swiper .swiper-pagination{padding-right:1.5rem}
  	.sub-grid-img{max-width:570px}
    .history-details .txt-desc{white-space:nowrap}
    .history-swiper-btn{right:auto;left:100%}
}

@media (max-width: 767px) {
	.history-gallery-tit{font-size:2rem; margin-bottom:1rem; align-items:baseline}
	.history-gallery-tit span{padding-right:1rem}
	.history-gallery-tit small{margin:.5rem 0 1rem;font-size:1rem;font-weight:700}
	.history-item{-ms-flex-direction:column;flex-direction:column}
	.history-item .history-summary{flex:0 0 100%;margin-bottom:1rem;border-bottom:1px solid}
}