@charset "UTF-8";

#company main .bk_gr{
padding: 136px 0 104px;
}
#company .sec_inner{
    margin-bottom: 134px;
}
#company .flex_grid{
    display: grid;
    grid-template-columns: 1fr 384px;
    grid-template-rows: 101px 1fr;
    grid-column-gap: 11.18%;
    grid-row-gap: 56px;
    color: #000;
}
#company .flex_grid .lower_h2_wrap{
    grid-area: 1 / 1 / 2 / 2;
}
#company .flex_grid .flex_txt{
    grid-area: 2 / 1 / 3 / 2;
}
#company .flex_grid .flex_img{
    grid-area: 1 / 2 / 3 / 3;
 }
#company .flex_grid .flex_txt h5{
    font-size: 18px;
font-weight: 700;
line-height: 150%; /* 27px */
letter-spacing: 0.72px;
margin-bottom: 32px;
}
#company .flex_grid .flex_txt p{
    margin-bottom: 32px;
}
#company .flex_grid .flex_img p,
#company .sec_inner p.txt_r{
    text-align: right;
    font-size: 18px;
    font-weight: 700;
letter-spacing: 0.72px;
margin-top: 16px;
}
#company .flex_grid .flex_img p span{
    font-size: 14px;
    letter-spacing: normal;
}
#company .sec_inner p.txt_r{
    text-align: right;
    font-size: 18px;
    font-weight: 700;
letter-spacing: 0.72px;
margin-top: 16px;
}
#company .sec_inner p.txt_r span{
    font-size: 14px;
    letter-spacing: normal;
}
#company .flex_grid:nth-of-type(2){
    grid-template-columns: 488px 1fr;
}
#company .flex_grid:nth-of-type(2) .lower_h2_wrap{
    grid-area: 1 / 2 / 2 / 3;
}
#company section .flex_grid:nth-of-type(2) .flex_txt{
    grid-area: 2 / 2 / 3 / 3;
}
#company section .flex_grid:nth-of-type(2) .flex_img{
    grid-area: 1 / 1 / 3 / 2;
}
#company section .flex_grid:nth-of-type(2) .flex_txt > p{
        font-size: 24px;
        font-weight: 700;
        line-height: 150%; /* 36px */
        letter-spacing: 0.96px;
        color: #142144;
}
.column_wrap dl.history_dl > div {
    border-bottom: none;
    color: #000;
    position: relative;
}
.column_wrap dl.history_dl > div dt {
    font-family: Roboto;
font-size: 28px;
font-weight: 700;
line-height: 150%; /* 42px */
letter-spacing: 1.12px;
    width: 176px;
    padding-left: 32px;
    color: #69BDCD;
    position: relative;
}
.column_wrap dl.history_dl > div::after{
    content: '';
    width: 1px;
    height: 100%;
    background-color: #69BDCD;
    position: absolute;
    top: 0;
    left: 8px;
}
.column_wrap dl.history_dl > div:first-child::after{
    top: 12px;
}
.column_wrap dl.history_dl > div:last-child::after{
    height: 40px;
}
.column_wrap dl.history_dl > div dt::after{
    content: '';
    width: 16px;
    height: 16px;
    background-color: #69BDCD;
    position: absolute;
    top: 12px;
    left: 0;
}




/* responsive */
@media screen and (min-width:1440px){
}

@media (min-width: 768px) and (max-width: 1100px){
    #company .flex_grid{
        grid-template-columns: 1fr 36%;
    }
    #company .flex_grid:nth-of-type(2){
        grid-template-columns: 40% 1fr;
    }
}

@media screen and (min-width:768px){
}

@media screen and (max-width:767px){
    #company .flex_grid,#company .flex_grid:nth-of-type(2){
        grid-template-columns: 1fr; /* 1列表示に変更 */
        grid-template-rows: auto; /* 自動高さに */
        grid-column-gap: 0;
    }
    #company .flex_grid .lower_h2_wrap,
    #company .flex_grid .flex_txt,
    #company .flex_grid .flex_img,
    #company section .flex_grid:nth-of-type(2) .lower_h2_wrap,
    #company section .flex_grid:nth-of-type(2) .flex_txt,
    #company section .flex_grid:nth-of-type(2) .flex_img {
      grid-area: unset;
    }
    #company section .flex_grid:nth-of-type(2) .flex_img {
        order: 2; 
      }
      #company section .flex_grid:nth-of-type(2) .flex_txt {
        order: 3; 
      }
      #company .flex_grid .lower_h2_wrap {
        margin-bottom: 0;
}
#company .flex_grid .flex_txt p:last-child {
    margin-bottom: 0;
}
.column_wrap dl.history_dl > div dd{
    padding-left: 32px;
}
}