.sub-tit-wr .sub-bg-box { background-image: url(/theme/basic/img/sub/sub01/sub_tit_bg.jpg); } 
@media all and (max-width:768px) { 
    .sub-tit-wr .sub-bg-box { background-image: url(/theme/basic/img/sub/sub01/sub_tit_bg_m.jpg); } 
}


.tab-btn-wr .tab-button { display: flex; justify-content: center; align-items: center; margin-right: 1rem; padding: 1rem 2.7rem; border-radius: 3rem; border: 1px solid #000; line-height: 1; font-family: 'MinSans-Bold'; color: #000; } 
.tab-btn-wr .tab-button .icon { filter: brightness(0); } 
.tab-btn-wr .tab-button.on, .tab-btn-wr .tab-button:hover { background-color: #000; color: #fff; } 
.tab-btn-wr .tab-button.on .icon, .tab-btn-wr .tab-button:hover .icon { filter: none; } 




#storyWr .sec01 { position: relative; } 
#storyWr .sec01 .tit-m { margin-bottom: 7rem; } 
#storyWr .sec01 .tit-m .icon { transform: translateY(4rem) rotateZ(45deg); } 
#storyWr .sec01 .tit-wr { position: absolute; left: 50%; bottom: -8rem; margin-left: 35rem; } 
#storyWr .sec01 .txt { font-family: 'MinSans-Medium'; } 
#storyWr .sec01 .txt span { background: url(/theme/basic/img/sub/sub01/span_bg.jpg)repeat-x bottom; } 
#storyWr .sec01 .swiper { width: 54rem; height: 54rem; margin: auto; } 

#storyWr .sec02 { margin-top: 28rem; } 
#storyWr .sec02 .inner { grid-gap: 5rem 2.8rem; } 
#storyWr .sec02 .box-txt { padding: 0 1rem; } 
#storyWr .sec02 .box-txt strong { display: block; margin: 1rem 0; color: #FFC700; font-size: 2rem; } 
#storyWr .sec02 .box-txt p.txt { font-family: 'MinSans-Regular'; font-size: 1.8rem; } 
#storyWr .sec02 .box-img { position: relative; } 
#storyWr .sec02 .box-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } 

#storyWr .sec03 { position: relative; padding: 10rem 0; background-color: var(--color-point); } 
#storyWr .sec03 .inner { position: relative; } 
#storyWr .sec03::after { position: absolute; bottom: 10rem; right: var(--inner-pd); width: 73rem; height: 29rem; background: url(/theme/basic/img/sub/sub01/his-bg.svg)no-repeat center / contain; content: ''; z-index: -1; } 
#storyWr .sec03 .tit-m span { color: #FFF; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); } 
#storyWr .sec03 .tab-cont { position: relative; margin-top: 5.5rem; } 
#storyWr .sec03 .tab-btn-wr { position: absolute; top: 14.6rem; z-index: 1; } 
#storyWr .sec03 .tit-m { padding-bottom: 4.2rem; } 
#storyWr .sec03 .tab-cont .tab-box::before { top: 27rem; left: 0.45rem; width: 1px; height:calc(100% - 27rem); background: #000; } 
#storyWr .sec03 .tab-cont .tab-box::before,#storyWr .history .year-b::after { position: absolute; content: ''; } 
#storyWr .sec03 .tab-box { -webkit-mask-image: url(/theme/basic/img/sub/sub01/img.png); mask-image: url(/theme/basic/img/sub/sub01/img.png); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: bottom; mask-position: bottom; } 
#storyWr .sec03 .tab-box .tit-m br.br-m { display: none; } 
#storyWr .history-wr { position: relative; height: 46rem; padding-left: 3rem; margin-top: 7rem; overflow:auto; overscroll-behavior: auto; } 
#storyWr .history .year-b::after { top: 4rem; left: -3rem; width: 1rem; height: 1rem; border-radius: 100%; background: #000; } 
#storyWr .history { align-items: flex-start; } 
#storyWr .history .year-b, #storyWr .history .year-s { position: sticky; top: 0; font-size: 6.8rem; font-family: 'MinSans-Black'; } 
#storyWr .history .year-s { width: 14rem; } 
#storyWr .history .year-s-wr { align-items: flex-start; position: relative; } 
#storyWr .history .year-s-wr:last-child .his-cont .his-txt { padding-bottom: 25rem; } 
#storyWr .history .year-cont { width: 100%; } 
#storyWr .history .his-cont { align-items: flex-start; width: calc(100% - 14rem); padding-top: 3.5rem; } 
#storyWr .history .his-cont > .flex { align-items: flex-start; } 
#storyWr .history .his-cont .his-area { position: sticky; top: 3.5rem; width: 26%; font-size: 2rem; font-family: 'MinSans-Bold'; } 
#storyWr .history .his-cont .his-txt { width: 74%; font-size: 1.8rem; font-family: 'MinSans-Regular'; line-height: 2; } 
#storyWr .history .his-cont .his-txt li { margin-bottom: 0; } 
#storyWr .history .ma-tp { margin-top: 5rem; } 
#storyWr .tab-box03 .history .year-s-wr:last-child .his-cont .his-txt { padding-bottom: 36rem; } 

#storyWr .sec04 .box-map { position: relative; width: 100%; height: 45rem; } 
#storyWr .sec04 .box-map .img-map { width: 100%; height: 100%; object-fit: cover; object-position: center; } 
#storyWr .sec04 .box-map .btn-st { position: absolute; right: 4rem; top: 4rem; height: auto; padding: 1.5rem 2.4rem; } 
#storyWr .sec04 .tab-btn-wr .tab-button.on, #storyWr .sec04 .tab-btn-wr .tab-button:hover { background-color: var(--color-point); border:1px solid var(--color-point); color: #000; } 
#storyWr .sec04 .tab-btn-wr .tab-button.on .icon, #storyWr .sec04 .tab-btn-wr .tab-button:hover .icon { filter: brightness(0); } 
#storyWr .sec04 .txt { margin: 3rem 0; font-family: 'MinSans-Regular'; } 

@media all and (max-width:1440px) { 
 #storyWr .sec01 .tit-m { margin-bottom: 4rem; } 
 #storyWr .sec01 .tit-wr { position: relative; left: auto; bottom: 0; margin-left: 0; margin-top: 3rem; text-align: right; } 
 #storyWr .sec01 .tit-m .icon { width: 6rem; transform: translateY(2rem) rotateZ(45deg); } 

 #storyWr .sec02 { margin-top: 14rem; } 
 } 
 @media all and (max-width:768px) { 
 #storyWr .history .year-b, #storyWr .history .year-s { font-size: 5.8rem; } 
 #storyWr .history .year-s { width: 10rem; } 
 #storyWr .history .his-cont { width: calc(100% - 10rem); padding-top: 2.5rem; } 
 #storyWr .history .his-cont .his-area { top: 2.5rem; width: 34%; font-size: 1.8rem; line-height: 1.8; } 
 #storyWr .history .his-cont .his-txt { width:66%; } 
 #storyWr .history .his-cont .his-txt li { line-height: 1.8; } 
 } 
@media all and (max-width:600px) { 
 #storyWr .sec01 .swiper { width: 100%; height: auto; } 
 #storyWr .sec03 .tab-cont { margin-top: 0; } 
 #storyWr .sec03 .tit-m { padding-bottom: 3.2rem; margin-bottom: 0; } 
 #storyWr .sec03 .tab-btn-wr { flex-direction: column; align-items: flex-start; bottom: 35.6rem; top: auto; } 
 #storyWr .sec03 .tab-btn-wr .tab-button:not(:last-of-type) { margin-bottom: 1rem; } 
  #storyWr .sec03 .tab-cont .tab-box::before { top: 37rem; height: 100%; } 
 #storyWr .sec03 .tab-box .tit-m br { display: none; } 
 #storyWr .sec03 .tab-box .tit-m br.br-m { display: block; } 
 #storyWr .history-wr { height: 34rem; margin-top: 16.5rem; } 
 #storyWr .history .his-cont > .flex { display: block; } 
 #storyWr .history .his-cont .his-area ,#storyWr .history .his-cont .his-txt { width: 100%; } 
 #storyWr .history .his-cont .his-area { position:relative; top: auto; } 
 #storyWr .history .his-cont .his-txt { margin-left: 0; } 
 #storyWr .history .year-b, #storyWr .history .year-s { font-size: 4.8rem; } 
 #storyWr .history .year-b::after { top: 3rem; } 
 } 
 @media all and (max-width:450px) { 
 #storyWr .history .year-b, #storyWr .history .year-s { font-size: 3.8rem; } 
 #storyWr .history .year-s { width: 8rem; } 
 #storyWr .history .his-cont { width: calc(100% - 8rem); } 
 #storyWr .sec03 .tab-cont .tab-box::before { top: 37rem; } 
 #storyWr .sec03 .tab-cont .tab-box.tab-box01::before { top: 32rem; } 
 #storyWr .sec04 .tab-btn-wr .tab-button {padding: 1rem 2.5rem;} 
 #storyWr .sec04 .box-map { height: 26rem; } 
 #storyWr .sec04 .box-map .btn-st { right: 2rem; top: 2rem; padding: 1rem 2rem; } 
 } 
 @media all and (max-width:380px) { 
    #storyWr .sec03 .tab-cont .tab-box::before { top: 35rem; } 
    #storyWr .sec04 .tab-btn-wr .tab-button {padding: 1rem 1.5rem;}
 }








/**/