/* yazaki group page css end */
/* history page css start */
.histry_one { padding-block: 2.7rem 0rem; }
.histry_one .timeline_grid { display: grid; grid-template-columns: repeat(1, 54% auto); gap: 17rem; border-bottom: 1px solid #ccc; padding-bottom: 12rem; }
.histry_one .timeline_grid .timl_left p { font-size: var(--font-18); }
.histry_one .timeline_grid .timl_rgt .facts_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4.8rem 5rem; }
.histry_one .timeline_grid .timl_rgt .facts_grid .fact_box { position: relative; padding-left: 1.5rem; }
.histry_one .timeline_grid .timl_rgt .facts_grid .fact_box h3 { font-size: var(--font-48); font-weight: 800; color: var(--color-e3); }
.histry_one .timeline_grid .timl_rgt .facts_grid .fact_box p { font-size: var(--font-18); font-weight: bold; }
.histry_one .timeline_grid .timl_rgt .facts_grid .fact_box p span { display: block; }
.histry_one .timeline_grid .timl_rgt .facts_grid .fact_box::before { content: ''; position: absolute; width: 1px; height: 100%; background-color: var(--color-e3); left: 0; top: 0; }
.histry_one .timeline_grid.hist-time { grid-template-columns: repeat(1, 100% auto); }
.histry_two { position: relative; z-index: 0; }
.histry_two::after { content: ''; position: absolute; background-image: url(../images/vshape.svg); width: 100%; height: 100%; top: 272px; left: 0; z-index: -1; background-repeat: no-repeat; background-size: contain; opacity: 0.1; filter: contrast(0.5); }
.histry_two .timeline { position: relative; margin: 50px auto; padding: 40px 0; width: 90%; max-width: 1000px; }
.histry_two .timeline::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 4px; background: red; transform: translateX(-50%); z-index: 0; }
.histry_two .timeline::after { content: ""; position: absolute; bottom: 53px; left: 50%; width: max-content; background-image: url(../images/polygon-arrow.svg); transform: translateX(-50%); z-index: 0; background-size: cover; }
.histry_two .timeline-item { position: relative; width: 50%; padding: 20px 40px; box-sizing: border-box; }
.histry_two .timeline-item.left { left: 0; text-align: right; }
.histry_two .timeline-item.right { left: 50%; text-align: left; }
.histry_two .timeline-item .content { position: relative; /* background: #fff; */ padding: 15px 20px; border-radius: 6px; /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */ display: inline-block; }
.histry_two .timeline-item h3 { margin: 0; font-size: var(--font-48); font-weight: bold; padding-bottom: 1rem; }
.histry_two .timeline-item p { margin: 2rem 0 0; font-size: var(--font-18); }
/* Dots */
.histry_two .timeline-item .circle { position: absolute; top: 82px; width: 40px; height: 40px; border-radius: 50%; z-index: 1; border: 3px solid #fff; }
.histry_two .timeline-item.red .circle { background: red; }
.histry_two .timeline-item.black .circle { background: #333; }
.histry_two .timeline-item.left .circle { right: -20px; }
.histry_two .timeline-item.right .circle { left: -20px; }
/* Horizontal line from dot to content */
.histry_two .timeline-item .line { position: absolute; top: 102px; height: 3px; background: #2D2D2D; width: 18rem; }
.histry_two .timeline-item .line:nth-child(odd) { color: red; }
.histry_two .timeline-item:nth-child(odd) .line { background: red; }
.histry_two .timeline-item.left .line { right: 10px; }
.histry_two .timeline-item.right .line { left: 10px; }
.histry_two .smal-dot-red { position: absolute; width: 1.6rem; height: 1.6rem; background-color: red; border-radius: 50%; top: 9.4rem; left: 18rem; }
.histry_two .smal-dot-black { position: absolute; width: 1.6rem; height: 1.6rem; background-color: #2D2D2D; border-radius: 50%; top: 9.4rem; right: 18rem; }
@media screen and (max-width: 768px) {
 .histry_two .timeline::before { left: 20px; }
.histry_two .timeline-item { width: 100%; padding-left: 60px; padding-right: 20px; margin-bottom: 30px; }
.histry_two .timeline-item.left,
.histry_two .timeline-item.right { left: 0; }
 }
/* history page css start */
/* student program page css start */
.studnt_prgrm_one blockquote { margin-block: 3rem; }
@media(max-width:1799px) {
 .studnt_prgrm_one blockquote { margin-block:2.5rem; }
 }
.studnt_prgrm_two { padding-block: 7rem 13rem; }
.studnt_prgrm_two .studn_grid { display: grid; grid-template-columns: repeat(2, 1fr); border-bottom: 1px solid #DDDDDD; gap: 3.3rem; padding-bottom: 6.4rem; }
.studnt_prgrm_two .studn_grid figcaption { padding-top: 4rem; padding-right: 15rem; }
.studnt_prgrm_two .studn_grid figcaption h4 { font-size: var(--font-24); font-weight: 600; color: var(--color-black); line-height: var(--line-height-30); margin-bottom: 2rem; }
.studnt_prgrm_two .studnt_btm { padding-top: 5rem; }
.studnt_prgrm_two .studnt_btm p { font-weight: bold; }
@media(max-width:1799px) {
 .studnt_prgrm_two { padding-block:6rem 11rem; }
.studnt_prgrm_two .studn_grid figcaption { padding-right:11rem; }
.studnt_prgrm_two .studn_grid { gap:2.8rem; padding-bottom:5.4rem; }
.studnt_prgrm_two .studn_grid figcaption h4 { margin-bottom:1.5rem; }
.studnt_prgrm_two .studn_grid figcaption { padding-top:3rem; }
 }
@media(max-width:1550px) {
 .studnt_prgrm_two { padding-block:5rem 9rem; }
.studnt_prgrm_two .studn_grid { gap:2.3rem; padding-bottom:4.4rem; }
.studnt_prgrm_two .studn_grid figcaption h4 { margin-bottom:1rem; }
.studnt_prgrm_two .studn_grid figcaption { padding-top:2rem; }
 }
.studnt_prgrm_three { position: relative; background-color: var(--color-e3); padding-top: 12rem; overflow: hidden; z-index: 9; }
.studnt_prgrm_three::after { content: ''; position: absolute; width: 100%; height: 20rem; background-color: var(--color-f6); bottom: 0; left: 0; z-index: -1; }
.studnt_prgrm_three .white-arrow { position: absolute; top: -15rem; width: auto; left: 0; display: none; }
.studnt_prgrm_three .intrn_cntnt1 { text-align: center; padding-bottom: 5rem; padding-inline: 10.8rem; }
.studnt_prgrm_three .intrn_cntnt1 h4 { font-size: var(--font-30); font-weight: bold; color: #fff; margin-bottom: 3rem; line-height: var(--line-height-30); }
.studnt_prgrm_three .intrn_cntnt1 p { color: #fff; }
.studnt_prgrm_three .intrn_cntnt2 { text-align: center; padding-bottom: 7rem; padding-inline: 7rem; }
.studnt_prgrm_three .intrn_cntnt2 h3 { font-size:var(--font-36); color:#fff; padding-bottom:5rem; font-weight:normal; }
.studnt_prgrm_three .intrn_cntnt2 .fcts_sec { display: flex; gap: 8rem; justify-content: center; }
.studnt_prgrm_three .intrn_cntnt2 .fcts_sec .fac { position: relative; }
.studnt_prgrm_three .intrn_cntnt2 .fcts_sec .fac h4 { font-size: var(--font-36); font-weight: 600; color: #fff; }
.studnt_prgrm_three .intrn_cntnt2 .fcts_sec .fac p { color: #fff; font-weight: bold; }
.studnt_prgrm_three .intrn_cntnt2 .fcts_sec .fac::after { content: ''; position: absolute; width: 1px; height: 100%; background-color: #fff; right: -41px; top: 6px; }
.studnt_prgrm_three .intrn_cntnt2 .fcts_sec .fac::before { content: ''; position: absolute; width: 1px; height: 100%; background-color: #fff; left: -4rem; top: 6px; }
.studnt_prgrm_three .intrn_cntnt2 .fcts_sec .fac:last-child::before { display: none; }
.studnt_prgrm_three .intrn_img img { max-width: 89.5%; margin-inline: auto; }
@media(max-width:1799px) {
 .studnt_prgrm_three { padding-top: 10rem; }
 }
@media(max-width:1550px) {
 .studnt_prgrm_three { padding-top: 8rem; }
 }
@media(max-width:1550px) {
 .studnt_prgrm_three .white-arrow { top: -11rem; width: 30rem; }
.studnt_prgrm_two .studn_grid figcaption { padding-right: 8rem; }
 }
.studnt_prgrm_four { background-color: var(--color-f6); padding-block: 12rem; }
.studnt_prgrm_four .intrn_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; align-items: center; }
.studnt_prgrm_four .intrn_grid .intn_cntnt { padding-inline: 6.3rem 15rem; }
.studnt_prgrm_four .intrn_grid .intn_cntnt h3 { font-size: var(--font-30); font-weight: bold; color: var(--color-black); line-height: var(--line-height-30); margin-bottom: 2rem; }
@media(max-width:1799px) {
 .studnt_prgrm_four .intrn_grid .intn_cntnt { padding-inline: 6.3rem 9.3rem; }
.studnt_prgrm_three .intrn_cntnt1 { text-align: center; padding-bottom: 5rem; padding-inline: 8.8rem; }
 }
@media(max-width:1550px) {
 .studnt_prgrm_two .studn_grid figcaption { padding-right: 8rem; }
.studnt_prgrm_three .intrn_cntnt1 { padding-inline: 6.8rem; }
.studnt_prgrm_four .intrn_grid .intn_cntnt { padding-inline: 5.3rem 7.3rem; }
.studnt_prgrm_four .intrn_grid .intn_cntnt { padding-inline: 4.3rem 1.3rem; }
.studnt_prgrm_four { padding-block: 8rem; }
 }
.yazaki_group_two .fact_grid .grid_bx.red-ttl h6 { color: var(--color-e3); }
/* student program page css end */
.inner_menu { position: sticky; /* or fixed when sticky */
    top: 0; /* JS will override */
    width: 100%; z-index: 99; }
.sticky-sm-menu { position: fixed; left: 0; right: 0; }
/* .inner_menu.sticky-sm-menu { position:fixed; top:100px; left:0; right:0; padding-top: 2rem; background-color:var(--color-white); overflow-x:clip; z-index:99; }
*/
/* History Progress Area Start */
.historyprogress_sec { position: relative; padding-block: 10.5rem 0; background: linear-gradient(to bottom,black 50%,var(--color-e3) 50%); width: 100%; margin-inline: auto; height: 100%; min-height: 100vh; }
/* .history_title { padding-bottom: 3.8rem; }
*/
.history_title>* { color: var(--color-white); }
.history_title>h2 { margin-bottom: 3rem; }
.stairs { overflow-x:scroll; }
.stair_figure { width:185vw; }
.stairs::-webkit-scrollbar-track { background-color:var(--color-e3); }
/* History Area Start */
.history_bg { width:100%; display:flex; align-items:center; padding-block: 10rem; background: linear-gradient(to bottom, black 50%, var(--color-e3) 50%); }
.history_bg .container { overflow: hidden; }
.history_item { position: relative; padding-inline: 0.5rem 1rem; }
.history_swiper.swiper { padding-left: 1rem; }
.swiper-slide:nth-child(even)>.history_item { padding-top:50%; margin-top:100%; height:28rem; }
.swiper-slide:nth-child(odd)>.history_item { padding-bottom:50%; margin-bottom:100%; height:28rem; }
.history02_swiper .swiper-slide:nth-child(even)>.history_item { padding-top:47%; }
.history_year { font-size: 10.2rem; color: var(--color-e3); font-weight: normal; line-height: 0.9; }
.history_item>p { font-size: var(--font-16); font-weight: 500; color: var(--color-white); line-height: var(--line-height-21); }
.history_line { position:absolute; bottom: 0; width:0.1rem; left: 0; height: 50%; background-color:var(--color-white); display:flex; flex-direction:column-reverse; align-items:center; }
.history_line::after { content:''; position: relative; display: block; width: 1.4rem; height: 1.4rem; background-color: var(--color-white); bottom: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.swiper-slide:nth-child(even)>.history_item>* { color: var(--color-white); }
.swiper-slide:nth-child(even)>.history_item>.history_year { color: #FE7F8B; }
.swiper-slide:nth-child(even)>.history_item>.history_line { top: 0; bottom:auto; flex-direction:column; height: 50%; }
.red-bg { width: 100%; height: fit-content; background: #da2123; }
@media screen and (max-width:991px) {
 .studnt_prgrm_two .studn_grid { display: block; }
.studnt_prgrm_one blockquote { margin-block:0 3rem; }
.studnt_prgrm_two { padding-block: 02rem 5rem; }
.studnt_prgrm_two .studn_grid figcaption { padding-right: 0; padding-bottom: 3rem; }
.studnt_prgrm_two .studn_grid { padding-bottom: 0; }
.studnt_prgrm_three { padding-top: 4rem; }
.studnt_prgrm_three .intrn_cntnt1 { padding-inline: 0; }
.studnt_prgrm_three .intrn_cntnt2 { padding-inline: 0; }
.studnt_prgrm_three { padding-top: 4rem; padding-bottom: 3rem; }
.studnt_prgrm_four { background-color: var(--color-f6); padding-block:0 4rem; }
.studnt_prgrm_four .intrn_grid { grid-template-columns: repeat(1, 1fr); }
.studnt_prgrm_three .intrn_img img { max-width: 92.7%; }
.studnt_prgrm_four .intrn_grid .intn_cntnt { padding-inline: 0; padding-top: 2rem; }
.intn_img { padding-top: 2rem; }
/* .studnt_prgrm_four .intn_cntnt:nth-of-type(1) { order: 2; }
.studnt_prgrm_four .intn_img:nth-of-type(2) { order: 3; }
.studnt_prgrm_four .intn_cntnt:nth-of-type(2) { order: 1; }
*/
.studnt_prgrm_four .intrn_grid > :nth-child(1) { order: 2; }
.studnt_prgrm_four .intrn_grid > :nth-child(2) { order: 3; }
.studnt_prgrm_four .intrn_grid > :nth-child(3) { order: 1; }
.studnt_prgrm_four .intrn_grid > :nth-child(4) { order: 4; }
.bottom .row { margin-top: 3rem; flex-direction: column-reverse; }
.people-safety-sec2-img { margin-bottom: 2rem; }
.people-safety-sec3-Cnt { padding: 1.5rem 0 4rem; }
.happening_inner_menu { display: none; }
 }
@media screen and (max-width:375px) {
 .studnt_prgrm_four .intrn_grid .intn_cntnt { padding-inline: 0; padding-top: 0; }
.intn_img { padding-top: 0; }
 }