@charset "utf-8";

.info { color: #fff; background: #000075; }

.info .box01 { padding: 100px 15px 330px 15px; background: url(../../img/10_kict/box01_bg.jpg) center no-repeat; background-size: cover; color: var(--white); }
    .info .box01 img { width: auto; }
    .info .box01 .img_box { text-align: center; }

    .info .box01 .title { text-align: center; }
    .info .box01 .title h2 { padding: 20px 0 30px 0; line-height: 1.5em; }
    .info .box01 .title ul { display: flex; justify-content: center; align-items: center; gap: 20px; }
    .info .box01 .title ul li { padding: 2px 50px; text-align: center; color: var(--BL-2C); border-radius: 50px; background: var(--white); }

    .info .box01 h3 { padding: 100px 0 30px 0; text-align: center; font-size: 1.7em; font-weight: 800; }
    .info .box01 table { border-top: 1px solid var(--white); }
    .info .box01 th { width: 30%; padding: 25px 0; text-align: center; color: #c8ffff; border-bottom: 1px solid var(--white); }
    .info .box01 td { width: 70%; padding: 25px 0; text-align: center; border-bottom: 1px solid var(--white); }
    @media (max-width:991px) {
        .info .box01 { background: url(../../img/10_kict/box01_bg_mo.jpg) center no-repeat; }
        .info .box01 .title ul { flex-direction: column; gap: 10px;}
        .info .box01 .title ul li { width: 200px; padding: 5px 10px; }
        .info .box01 h3 { padding: 50px 0 15px 0; }
    }

.info .box03 { padding: 100px 0 0 0; }
    .info .box03 h2 { padding-bottom: 40px; font-size: 2em; text-align: center; font-weight: 800; color: #ff8a00; }
    .info .box03 ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; }
    .info .box03 li { position: relative; width: calc(50% - 10px); }
    .info .box03 li > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px 20px;
                            display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; }
    .info .box03 li h5 { font-size: 2em; font-weight: 800; border-bottom: 1px solid var(--white); }
    .info .box03 li p { font-size: 1.5em; text-align: center; }
    @media (max-width:991px) {
        .info .box03 { padding: 50px 0 0 0; }
        .info .box03 h2 { padding-bottom: 20px; }
        .info .box03 li { width: 100%; }
        .info .box03 li > div { padding: 15px; }
        .info .box03 li h5 { font-size: 1.5em; }
        .info .box03 li p { font-size: 1.2em; text-align: center; }
    }

.info .box04 { padding: 100px 0; }
    .info .box04 h2 { padding-bottom: 40px; font-size: 2em; text-align: center; font-weight: 800; color: #ff8a00; }
    @media (max-width:991px) {
        .info .box04 h2 { padding-bottom: 20px; }
        .info .box04 { padding: 50px 0; }
    }