@CHARSET "UTF-8";

#_JW_hist_basic { width:100%; }
#_JW_hist_basic .histWrap { width:100%; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }

#_JW_hist_basic .histWrap > .item:nth-child(1) { flex:1 0 40%; background:url("../images/history_bg_01.png") no-repeat center bottom; font-family:'Play Bold'; min-height:700px; padding-top:10px; } 
#_JW_hist_basic .histWrap > .item:nth-child(1) .tWrap { display:flex; flex-direction:column; justify-content:flex-start; }
#_JW_hist_basic .histWrap > .item:nth-child(1) .tWrap P { line-height:unset; }
#_JW_hist_basic .histWrap > .item:nth-child(1) .t1 { font-size:60px; color:#d2d2d2; line-height:0.5; }
#_JW_hist_basic .histWrap > .item:nth-child(1) .t2 { font-size:40px; color:#d2d2d2; }
#_JW_hist_basic .histWrap > .item:nth-child(1) .t3 { font-size:40px; color:#0b3274; }

#_JW_hist_basic .histWrap > .item:nth-child(2) { flex:1 0 60%; padding-left:40px; align-self:flex-start; position:relative; }
#_JW_hist_basic .histWrap > .item:nth-child(2)::before { position:absolute; content:""; width:1px; height:94%; background:#d9d9d9; left:-1px; top:25px; }
#_JW_hist_basic .histWrap > .item:nth-child(2) ._histTitle { line-height:0.7; color:#0b3274; font-family:'Play Bold'; font-size:40px; position:relative; padding-bottom:20px; }
#_JW_hist_basic .histWrap > .item:nth-child(2) ._histTitle:not(:first-child) { margin-top:50px; }

#_JW_hist_basic .histWrap > .item:nth-child(2) ._histTitle::before { position:absolute; content:""; width:25px; height:25px; background:url("../images/history_bg_02.png") no-repeat center center; top:3px; left:-53px; }
#_JW_hist_basic .histWrap > .item:nth-child(2) ._histTitle:not(:first-child)::before { position:absolute; content:""; width:25px; height:25px; background:url("../images/history_bg_03.png") no-repeat center center; top:3px; left:-53px; }

#_JW_hist_basic .histWrap > .item:nth-child(2) dl { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
#_JW_hist_basic .histWrap > .item:nth-child(2) dl:not(:last-child) { margin-bottom:10px; }
#_JW_hist_basic .histWrap > .item:nth-child(2) dl dt { flex: 0 0 80px; font-family:'Dream Medium'; font-size:17px; color:#0b3274; }
#_JW_hist_basic .histWrap > .item:nth-child(2) dl dd { flex:1 0 calc(100% - 80px); font-family:'Dream Light'; font-size:17px; color:#666; }

@media only screen and (max-width:1024px){
	#_JW_hist_basic .histWrap > .item:nth-child(1) { flex: 1 0 100%; margin-bottom:30px; text-align:center; background-size:cover; min-height:unset; background:none; }
	#_JW_hist_basic .histWrap > .item:nth-child(2) { flex:1 0 100%; margin-left:20px; }
}
@media only screen and (max-width:500px){
	#_JW_hist_basic .histWrap > .item:nth-child(1) .t1 { font-size:45px; }
	#_JW_hist_basic .histWrap > .item:nth-child(1) .t2 { font-size:24px; }
	#_JW_hist_basic .histWrap > .item:nth-child(1) .t3 { font-size:24px; }
}