.history {
margin: 127px 0  62px;
}
.history .container {
display: flex;
justify-content: space-between;
}
.history .left-content {
width: 43%;
padding: 19px 0;
}
.history .left-content .history-txt {
padding: 24px 0 0px 0;
font-weight: 400;
font-size: 16px;
letter-spacing: -0.5px;
line-height: 1.5;
}
.history .right-content {
height: 494px;
width: 57%;
flex-direction: column;
}
.design {
display: flex;
align-items: center;
justify-content: center;
}
.timeline {
width: 100%;
height: auto;
padding: 0 68px;
margin: 0 auto;
display: flex;
flex-direction: column;
display: grid;
grid-template-columns: 1fr 3px 1fr;
}
.text-end {
text-align: right;
}
.timeline-component {
margin: 0px 22px 20px 28px;
padding-bottom: 48px;
}
.timeline-component .year {
font-size: 24px;
font-weight: 800;
color: var(--txt-menu-color);
}
.timeline-component .txt {
font-size: 16px;
color: var(--txt-menu-color);
font-weight: 600;
display: inline-block;
padding-top: 6px;
}
.timeline-middle {
position: relative;
background: url(//www.maharpolaris.com/wp-content/themes/maharpolaris/assets/img/ico_line.png)repeat center/cover;
width: 3px;
height: 100%;
}
.timeline-circle {
position: absolute;
background: var(--txt-color);
top: 0;
left: 50%;
width: 25px;
height: 25px;
border-radius: 50%;
border: 3px solid var(--primary-color);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
box-shadow: 0px 3px 6px 0px #2a2f33ba;
}
.last-middle {
background: unset;
}
.last-circle {
background: var(--primary-color)
}
.history .right-content::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #F5F5F5;
border-radius: 5px;
}
.history .right-content::-webkit-scrollbar {
width: 3px;
background-color: #F5F5F5;
border-radius: 5px;
}
.history .right-content::-webkit-scrollbar-thumb {
background-color: var(--primary-color);
border: 2px solid var(--primary-color);
border-radius: 5px;
}
.counter-blk{
background-color: var(--primary-color);
padding: 58px 0;
color: var(--txt-color);
}
.counter-blk .container{
display: flex;
}
.counter-blk .board-list{
border-right: 1px solid var(--border-color);
width: 32.5%;
}
.counter-blk .board-list:last-of-type{
border-right: none;
}
.counter-blk .board-list .board-detail-list .number {
font-size: 48px;
font-weight: 800;
letter-spacing: -0.5px;
text-align: center;
display: block;
padding-bottom: 10px;
}
.counter-blk .board-list .board-detail-list .info-ttl{
font-size: 24px;
font-weight: 400;
display: block;
text-align: center;
}
.mission-blk{
margin: 70px 0;
}
.mission-blk .container{
display: flex;
justify-content: space-between;
}
.mission-blk .left-blk{
width: 46.5%;
display: flex;
justify-content: space-between;
}
.mission-blk .column{
width: 46.7%;
}
.mission-blk .column img{
margin-bottom: 28px;
}
.mission-blk .right-blk{
width: 43.5%;
}
.mission-blk .goal-list{
padding: 73px 0;
}
.mission-blk .goal-list li{
padding: 28px 0;
border-bottom: 1px solid var(--border-color);
}
.mission-blk .goal-ttl{
font-size: 40px;
font-weight: 800;
padding-bottom: 17px;
}
.mission-blk .goal-txt{
font-size: 18px;
font-weight: 400;
letter-spacing: -0.1px;
line-height: 1.3;
}
.mission-blk .goal-list li:last-of-type{
border-bottom: none;
}
.personal-blk .sub-content,.certification-blk .sub-content{
display: block;
text-align: center;
}
.personal-blk .sub-content span,.certification-blk .sub-content span{
padding-top: 10px;
display: block;
width: 100%;
}
.personal-blk .services-list{
padding: 24px 0px;
flex-wrap: wrap;
}
.personal-blk .services-list li {
width: 31.5%;
margin-bottom: 20px;
margin-right: 29px;
}
.personal-blk .services-list li:nth-child(3n)  {
margin-right: 0;
}
.personal-blk .services-list li .service-label{
font-size: 16px;
}
.about-page .personal-blk .services-list li a {
cursor: default;
}
.personal-blk .services-list li a .service-ttl{
font-size: 32px;
}
.personal-blk .services-list li a img{ height: 587px;
}
.personal-blk .services-list .service-txt-blk img{
width: 21px;
height: 17px;
object-fit: unset;
border-radius: unset;
}
.personal-blk .services-list .service-txt-blk p{
padding-bottom: 8px;
}
.certification-blk{
background-color: var(--bg-weak-100);
padding: 88px 0 75px;
margin-top: 53px;
}
.certification-blk .certification-list {
display: flex;
flex-wrap: wrap;
padding: 22px 0;
}
.certification-blk .certification-list li{
width: 31.5%;
margin-right: 29px;
}
.certification-blk .certification-list li:last-child {
margin-right: 0;
}
.certification-blk .certification-list li img{
height: 100%; object-fit: cover;
}
.certification-blk .certification-ttl{
font-size: 24px;
font-weight: 800;
color: var(--txt-menu-color);
padding-top: 20px;
letter-spacing: -0.4px;
} @media only screen and (min-width:768px) and (max-width:1280px) {
.history {
margin: 9.922vw 0  7.266vw;
}
.history .left-content {
padding: 1.484vw 0;
}
.history .left-content .history-txt {
padding: 1.875vw 0 0vw 0;
font-size: 1.25vw;
letter-spacing: -0.039vw;
}
.history .right-content {
height: 38.594vw;
}
.timeline {
padding: 0 5.313vw;
}
.timeline-component {
margin: 0vw 1.719vw 1.563vw 2.188vw;
padding-bottom: 3.75vw;
}
.timeline-component .year {
font-size: 1.875vw;
}
.timeline-component .txt {
font-size: 1.25vw;
padding-top: 0.469vw;
}
.timeline-middle {
width: 0.234vw;
height: 100%;
}
.timeline-circle {
width: 1.953vw;
height: 1.953vw;
box-shadow: 0vw 0.234vw 0.469vw 0vw #2a2f33ba;
}
.history .right-content::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0.469vw rgba(0, 0, 0, 0.3);
border-radius: 0.391vw;
}
.history .right-content::-webkit-scrollbar {
width: 0.234vw;
border-radius: 0.391vw;
}
.history .right-content::-webkit-scrollbar-thumb {
border: 0.156vw solid var(--primary-color);
border-radius: 0.391vw;
}
.counter-blk{
padding: 4.531vw 0;
}
.counter-blk .board-list{
border-right: 0.078vw solid var(--border-color);
width: 32.5%;
}
.counter-blk .board-list .board-detail-list .number {
font-size: 3.75vw;
letter-spacing: -0.039vw;
padding-bottom: 0.781vw;
}
.counter-blk .board-list .board-detail-list .info-ttl{
font-size: 1.875vw;
}
.mission-blk{
margin: 5.469vw 0;
}
.mission-blk .column img{
margin-bottom: 2.188vw;
}
.mission-blk .goal-list{
padding: 5.703vw 0;
}
.mission-blk .goal-list li{
padding: 2.188vw 0;
border-bottom: 0.078vw solid var(--border-color);
}
.mission-blk .goal-ttl{
font-size: 3.125vw;
padding-bottom: 1.328vw;
}
.mission-blk .goal-txt{
font-size: 1.406vw;
letter-spacing: -0.008vw;
}
.personal-blk .sub-content span,.certification-blk .sub-content span{
padding-top: 0.781vw;
}
.personal-blk .services-list{
padding: 1.875vw 0vw;
}
.personal-blk .services-list li {
margin-bottom: 1.563vw;
margin-right: 1.484vw;
}
.personal-blk .services-list li .service-label{
font-size: 1.25vw;
}
.personal-blk .services-list li a .service-ttl{
font-size: 2.5vw;
}
.personal-blk .services-list li a img{
height: 45.859vw;
}
.personal-blk .services-list .service-txt-blk img{
width: 1.641vw;
height: 1.328vw;
}
.personal-blk .services-list .service-txt-blk p{
padding-bottom: 0.625vw;
}
.certification-blk{
padding: 6.875vw 0 5.859vw;
margin-top: 4.141vw;
}
.certification-blk .certification-list {
padding: 1.719vw 0;
}
.certification-blk .certification-list li{
margin-right: 1.484vw;
}
.certification-blk .certification-ttl{
font-size: 1.875vw;
padding-top: 1.563vw;
letter-spacing: -0.031vw;
}
} @media all and (max-width:767.9px) {
.history {
margin: 10.667vw 0  10.667vw;
}
.history .container {
flex-wrap: wrap;
}
.history .left-content {
width: 100%;
padding: 5.067vw 0;
margin-bottom: 5.333vw;
}
.history .left-content .history-txt {
padding: 6.4vw 0 0vw 0;
font-size: 4.267vw;
letter-spacing: -0.133vw;
}
.history .right-content {
height: 80vw;
width: 100%;
}
.timeline {
padding: 0;
}
.timeline-component {
margin: 0vw 5.867vw 5.333vw 7.467vw;
padding-bottom: 10.133vw;
}
.timeline-component .year {
font-size: 4.8vw;
}
.timeline-component .txt {
font-size: 3.733vw;
padding-top: 1.6vw;
}
.timeline-middle {
width: 0.8vw;
}
.timeline-circle {
width: 4vw;
height: 4vw;
border: 0.8vw solid var(--primary-color);
box-shadow: 0vw 0.8vw 1.6vw 0vw #2a2f33ba;
}
.history .right-content::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 1.6vw rgba(0, 0, 0, 0.3);
border-radius: 1.333vw;
}
.history .right-content::-webkit-scrollbar {
width: 0.8vw;
border-radius: 1.333vw;
}
.history .right-content::-webkit-scrollbar-thumb {
background-color: var(--primary-color);
border: 0.533vw solid var(--primary-color);
border-radius: 1.333vw;
}
.counter-blk{
padding: 8vw 0;
}
.counter-blk .board-list{
width: 32.5%;
}
.counter-blk .board-list .board-detail-list .number {
font-size: 6.4vw;
letter-spacing: -0.133vw;
padding-bottom: 2.667vw;
}
.counter-blk .board-list .board-detail-list .info-ttl{
font-size: 2.8vw;
}
.mission-blk{
margin: 17.333vw 0;
}
.mission-blk .container{
flex-wrap: wrap;
}
.mission-blk .left-blk{
width: 100%;
}
.mission-blk .column{
width: 46.7%;
}
.mission-blk .column img{
margin-bottom: 7.467vw;
}
.mission-blk .right-blk{
width: 100%;
}
.mission-blk .goal-list{
padding: 0;
}
.mission-blk .goal-list li{
padding: 7.467vw 0;
border-bottom: 0.267vw solid var(--border-color);
}
.mission-blk .goal-ttl{
font-size: 5.333vw;
padding-bottom: 4.533vw;
}
.mission-blk .goal-txt{
font-size: 4.267vw;
letter-spacing: -0.027vw;
}
.personal-blk .sub-content span,.certification-blk .sub-content span{
padding-top: 2.667vw;
width: 100%;
}
.personal-blk .services-list{
padding: 6.4vw 0vw;
flex-wrap: wrap;
}
.personal-blk .services-list li {
width: 100%;
margin-bottom: 5.333vw;
margin-right: 0;
}
.personal-blk .services-list li .service-label{
font-size: 3.733vw;
}
.personal-blk .services-list li a .service-ttl{
font-size: 4.8vw;
}
.personal-blk .services-list li a img{
height: 100%;
}
.personal-blk .services-list .service-txt-blk img{
width: 5.6vw;
height: 4.533vw;
}
.personal-blk .services-list .service-txt-blk p{
padding-bottom: 2.133vw;
}
.certification-blk{
padding: 10.667vw 0 9.333vw;
margin-top: 6.667vw;
}
.certification-blk .certification-list {
padding: 5.867vw 0;
}
.certification-blk .certification-list li{
width: 100%;
margin-bottom: 5.333vw;
margin-right: 0;
}
.certification-blk .certification-ttl{
font-size: 4.267vw;
padding-top: 2.333vw;
letter-spacing: -0.107vw;
}
}