h3 {
    font-size:inherit;
}
h3.title {
    border-bottom: 3px solid #b1000e;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
h3.title2 {
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.center {
    text-align: left;
}
.center-sp {
    text-align: center;
}

.Section p {
    line-height: 1.8em;
}

.flex-box {
    display: flex;
    flex-wrap: wrap;
}
.flex-center {
    align-items: center;
}
.flex-middle {
    align-items: center;
    flex-wrap: nowrap;
}
.row {
    width: 100%;
}
.flex-middle p {
    line-height: 1em;
}
.att {
    color: #fff;
    background-color: #e60027;
    align-items: center;
    background-image: url(/products/infrastructure/event/2022/logis-tech/image/att_back.png);
    background-repeat: no-repeat;
    background-position: 110% 160%;
}
.att h1 {
    text-align: center;
    font-weight: bold;
    padding: 20px 20px 0px 20px;
}
.att-front {
    width: 100%;
}
.att-yellow {
    color: #ff0;
}
.att-red {
    color: #c00;
}
.regist {
    border: 3px solid #fff;
    border-radius: 8px;
    padding: 10px;
}
.regist:link {
    color: #fff;
    text-decoration: none;
}
.regist:hover {
    color: #fff;
}
.regist:visited {
    color: #fff;
}
.ltt-logo {
    width: 100%;
    text-align: right;
}

.solution-a {
    background-color: #e2f3ff;
}
.solution-b {
    background-color: #dfffea;
}
.solution-c {
    background-color: #2380b2;
    color: #fff;
    font-weight: bold;
}
.solution-left {
    padding: 20px 20px 5px 20px;
}
.solution-right {
    padding: 0 20px 20px 20px;
}
.sol-txt {
    color: #116694;
    background-color: #e9f3f7;
    border: none;
}
.sol-txt2 {
    border: none;
}
.FatBanner {
    background:none;
    min-width: auto !important;
    padding: 0 !important;
}
.FatBanner a {
    margin: 0 0 10px 0 !important;
}
.access-btn-wrap {
    width: 170px;
}
.map-wrap {
    border-left: none;
    text-align: center;
}
.info-btn-wrap {
    width: 250px;
    margin :0 auto;
}

.video-column {
    display: block;
}
.video-column .youtubewrap {
    width: 80%;
    padding-bottom: 20px;
}

.youtubewrap .youtube {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.youtubewrap iframe {
    width: 100%;
    height: 100%;
}

.wrap-01 {
    background-color: #f2f2f2;
    padding: 10px 15px;
}

.f-l {
    font-size: 1.1em;
}
.f-l2 {
    font-size: 1.2em;
    /* font-size: 1.4em; */
}
.f-l3 {
    font-size: 0.8em;
    /* font-size: 1.4em; */
}
.f-l4 {
    font-size: 0.918em;
}
.f-tl {
    line-height: 0;
}

.pr-20 {
    padding-right: 20px;
}
.pl-10 {
    padding-left: 10px;
}
.pb-0 {
    padding-bottom: 0;
}
.pb-10 {
    padding-bottom: 10px;
}
.pb-20 {
    padding-bottom: 20px;
}
.p-10 {
    padding: 10px;
}
.p-20 {
    padding: 20px;
}
.m-0 {
    margin: 0;
}
.mb-0 {
    margin-bottom: 0;
}
.mb-10 {
    margin-bottom: 10px;
}
.mr-20 {
    margin-right: 20px;
}
.mb-20 {
    margin-bottom: 20px;
}

.ImgOnlyStyle {
    text-align: center;
}

@media(min-width:768px) {
    .center {
        text-align: center;
    }
    .center-sp {
        text-align: left;
    }
    .row {
        width: 50%;
    }
    .att {
        background-position: 100% 0%;
    }
    .att-front {
        width: auto;
    }
    .att h1 {
        font-weight: bold;
        padding: 30px;
    }
    .ltt-logo {
        width: auto;
        padding-left: 20px;
    }
    .box-right {
        border-left: 1px solid #666;
        padding-left: 20px;
    }
    .solution-left {
        padding: 20px;
    }
    .solution-right {
        padding: 20px;
    }
    .map-wrap {
        border-left: 1px solid #999;
        padding: 20px;
    }
    .video-column {
        display: flex;
    }
    .video-column .youtubewrap {
        width: 45%;
        aspect-ratio: initial;
    }
}