._fnctWrap{line-height:1.5}

/* tab  */
.history-tab {position: relative; border-bottom: 2px solid #DFDFDF; margin-bottom: 50px;}
.history-tab::before {content: ""; position: absolute; width: 100%; height: 4px; background: url("../images/history_line.png"); left: 0; top: 0;}

.history-tab .history_ul {overflow: hidden;}
.history-tab .history_ul > li {position: relative; float: left; width: 135px;}
.history-tab .history_ul > li::before {content: ""; position: absolute; width: 1px; height: 25px; background: #D1D1D1; left: 0; top: 50%; margin-top: -12.5px;}
.history-tab .history_ul > li:first-child::before {display: none;}
.history-tab .history_ul > li a {position: relative; display: block; padding: 30px 45px 30px 20px; font-size: 18px; letter-spacing: -0.5px; color: #666666;}
.history-tab .history_ul > li a::after {content: ""; position: absolute; width: 24px; height: 24px; background: url("../images/history_off.png") no-repeat; right: 20px; top: 50%; margin-top: -12px;}

.history-tab .history_ul > li._active a {color: #005aab;}
.history-tab .history_ul > li._active a::after {background: url("../images/history_on.png") no-repeat;}

.wrap-contents ._objHtml {margin-top: 0 !important;}
.wrap-history {display: none; position: relative;}
.wrap-history.active {display: block;}
.wrap-history:after {content: ''; position: absolute; left: 7px; top: 20px; width: 1px; height: 100%; background: #0e3068;}
.wrap-history .line {display: table; width: 100%;}
.wrap-history .line:first-child .info {}
.wrap-history .line:first-child .year {padding-top: 0;}
.wrap-history .year {display: table-cell; vertical-align: top; width: 380px; padding-top: 30px;}
.wrap-history .year strong {position: relative; display: grid; padding-left: 25px; font-weight: 400; font-size: 60px; color: #1A58C0; line-height: .9; font-weight: 600;}
.wrap-history .year span {position: relative; display: grid; padding: 0 0 5px 25px; font-weight: 600; font-size: 20px; color: #1A58C0;}
.wrap-history .year span:after {content: ''; position: absolute; left: 0; top: 7px; z-index: 1; width: 15px; height: 15px; border-radius: 100%; background: #fff; border: 3px solid #1A58C0;}
.wrap-history .info {position: relative; display: table-cell; vertical-align: top; padding: 30px 46px 30px 30px;}
.wrap-history .info:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: url('../images/dot-history.png');}
.wrap-history .detail {width: 100%; table-layout: fixed;}
.wrap-history .detail:last-child .desc {padding-bottom: 0;}
.wrap-history .month {display:none;}
.wrap-history .month strong {}
.wrap-history .desc {vertical-align: top; padding-bottom: 40px;}
.wrap-history .desc .history-box{position: relative; padding: 0 0 0 25px; }
.wrap-history .desc .history-box::after {content: ''; position: absolute; left: 0; top: 9px; width: 7px; height: 7px; background: #0060ff; border-radius: 100%;}
.wrap-history .desc .history-box span{display:inline-block}
.wrap-history .desc .history-box span + span{margin-left:40px}
.wrap-history .desc .history-box .history-item01{width: 180px;font-weight: 600; font-size: 20px; color: #2a2a2a; letter-spacing: 0; line-height: 1.3; }
.wrap-history .desc .history-box .history-item02{}



.wrap-history .desc strong {position: relative; display: block; padding-bottom: 10px; font-size: 18px; color: #333; letter-spacing: -0.5px;}
.wrap-history .desc .list li {position: relative; padding-left: 8px;  font-size: 16px; color: #666; line-height: 1.5;}
.wrap-history .desc .list li:after {content: ''; position: absolute; left: 0; top: 12px; width: 5px; height: 1px; background: #666;}
.wrap-history ._noData {position: relative; z-index: 100; background-color: #fff; border-top: 1px solid #000; border-bottom: 1px solid #000;}

.wrap-history-intro {display: none; margin: 0 0 90px 0;}
.wrap-history-intro .box-table {display: table; width: 100%; height: 400px; background: url('../images/bg-history.jpg') no-repeat center top;}
.wrap-history-intro .title,
.wrap-history-intro .slogan {display: table-cell; width: 50%; vertical-align: middle; text-align: center; color: #fff;}
.wrap-history-intro .title span {display: block;  font-weight: 600; font-size: 16px;}
.wrap-history-intro .title strong {display: block; font-size: 52px; letter-spacing: 10px;}
.wrap-history-intro .slogan {background: rgba(0,0,0,.4);}
.wrap-history-intro .slogan .text {display: inline-block; width: 100%; max-width: 65%; padding: 80px 30px; border: 1px solid rgba(255,255,255,.4); font-size: 20px; line-height: 1.3;}