@charset "UTF-8";
._fnctWrap {line-height: 2;}
#history_basic{margin-bottom: 50px;}
.history-record-header{position: relative; margin-bottom: 50px;}
.history-record-header::after{content:""; display: table; clear: both;}
.history-record-shape-box{position: absolute; width: 50%; height: 250px; left: 0; display: table;}
.history-record-shape-box::before{content:""; display: block; position: absolute; width: 100%; height: 100%; background: url(../images/history_pattern.png) no-repeat right top; left: 10px; top: 10px; z-index: 1;}
.history-record-shape{display: table-cell; vertical-align: middle; background: url(../images/history_record_shape.png) no-repeat right top; padding-left: 70px; position: relative; z-index: 2;}
.history-record-shape h1{font-size: 35px; font-weight: 500; color: white; position: relative;}
.history-record-shape h1::before{content:""; display: block; position: absolute; width: 390px; height: 1px; background: rgba(255,255,255,.5); right: -162px; top: 50%;}
.history-record-shape p{font-size: 18px; line-height: 28px; color: white; margin-top: 5px;}
.history-record-image{float: right; background: url(../images/history_record_background.png) no-repeat left top; height: 250px; width: 61.3%; margin-top: 20px; position: relative;}

.history-record-wrap::after{content:""; display: table; clear: both;}
.history-record-title{float: left;}
.history-record-title::after{content:""; display: table; clear: both;}
.history-record-title-box{background: url(../images/career_background.png) no-repeat center center; position: relative; float: left; margin-left: 27px;}
.history-record-title-box::after{content:""; display: block; position: absolute; width: 207px; height: 129px; background: url(../images/career_deco.png) no-repeat center center; left: -28px; bottom: -31px; z-index: -1;}
.history-record-title-box h1{color: white; font-size: 22px;  line-height: 35px; text-align: center; padding: 58px 42px 68px 34px;}
.history-record-title-text{float: left; margin-left: 20px;}
.history-record-title-text p{font-family: "Titil Bold"; font-size: 60px; line-height: 60px; color: rgba(169,0,87,.3);}
.history-record-title-text p .pc-blank {display: block;}
.history-record-content{float: right; width: calc(100% - 560px); position: relative;}
.history-record-content::after{content:""; display: block; position: absolute; top: 29px; left: 5px; width: 1px; height: calc(100% - 35px); background-color: #d8d8d8; z-index:-1;}
.history-record-box{margin-bottom: 10px;}
.history-record-box:last-child{margin-bottom: 0;}
.history-record-box h1{font-size: 30px; font-weight: 600; color: #a90057; padding-left: 30px; position: relative;}
.history-record-box h1::before{content:""; display: block; position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #a90057; left: 0; top: 50%; margin-top: -5px;}
.history-record-box h1::after{content:""; display: block; position: absolute; width: 6px; height: 3px; background-color: #a90057; left: 13px; top: 50%; margin-top: -1.5px;}
.history-record-list li{padding-left: 30px;}
.history-record-list li::after{content:""; display: table; clear: both;}
.history-record-list li span{font-weight: 500; font-size: 18px; color: #969697; padding-right: 30px; background: url(../images/sub_history_arrow.png) no-repeat right center; display: block; float: left;}
.history-record-list li p{width: calc(100% - 90px); float: right; color: #666666; margin-top: 2px;}

@media all and (max-width: 1400px) {
    .history-record-shape-box{width: 60%;}
    .history-record-shape{padding-left: 30px;}
    .history-record-shape h1::before{width: 200px; right: -40px;}
}

@media all and (max-width: 1024px) {
    .history-record-title{float: none;}
    .history-record-content{width: 100%; float: none; margin-top: 20px;}
    .history-record-shape-box{width: 65%;}
    .history-record-shape h1::before{width: 160px;}
    .history-record-shape h1{font-size: 25px;}
    .history-record-shape p{font-size: 14px; line-height: 20px;}
}

@media all and (max-width: 768px) {
    .history-record-shape-box{width: 100%; position: static; height: auto;}
    .history-record-shape{background:#790033; padding:20px 20px 25px;}
    .history-record-image{height: 140px; width: 100%; background-size: 160% auto; background-position: right center; margin-top: 0;}
    .history-record-shape h1::before{display: none;}
    .history-record-shape-box::before{display: none;}

    .history-record-header {margin-bottom: 30px;}

    .history-record-title-box {float: none; margin-left: 0;}
    .history-record-title-text {float: none; margin-left: 0; text-align: center;}
    .history-record-title-text p {font-size: 35px; line-height: 40px;}
    .history-record-title-text p .pc-blank {display: inline;}
}