@charset "UTF-8";
.carousel-list li .image {
    background-position: 75% 0%;
    width: 100%;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .carousel-list li .image {
        background-size: cover;
        height: 668px;
    }
}

@media screen and (min-width: 768px), print {
    .carousel-list li .image {
        /* height: 903px; */
        height: 420px;
        background-size: cover;
    }
}

.carousel-container {
    position: relative;
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .carousel-container {
        /* margin-top: 56px; */ /* 20220829 修正 */
    }
}

.carousel-container .carousel-inner {
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .carousel-container .carousel-inner {
        position: relative;
    }
}

.carousel-container .text-container {
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .carousel-container .text-container {
        padding: 0 0 24px;
        top: 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0.85+100 */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.85) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#d9000000', GradientType=0);
        /* IE6-9 */
    }
}

@media screen and (min-width: 768px), print {
    .carousel-container .text-container {
        bottom: 0;
        /* padding: 48px 0 24px; */
        padding: 24px 0 12px;
        position: absolute;
        right: 0;
        left: 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+0,000000+85&0.65+0,0.85+85 */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.85) 85%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#d9000000', GradientType=0);
        /* IE6-9 */
    }
}

.carousel-container .text-wrapper {
    color: #fff;
    z-index: 1;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .carousel-container .text-wrapper {
        padding: 0 16px;
    }
}

@media screen and (min-width: 768px), print {
    .carousel-container .text-wrapper {
        display: flex;
        justify-content: center;
        max-width: 1000px;
        margin: 0 auto;
        position: relative;
    }
}

.carousel-container .text-wrapper .main-area {
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .carousel-container .text-wrapper .main-area {
        position: absolute;
        z-index: 99;
        left: 0;
        right: 0;
        padding: 0 16px;
        top: 0;
        margin-top: 385px;
    }
}

@media screen and (min-width: 768px), print {
    .carousel-container .text-wrapper .main-area {
        margin-right: 32px;
        width: 65%;
    }
}

.carousel-container .text-wrapper .title {
    color: #fff;
    font-weight: bold;
    /* margin-bottom: 24px; */
    margin-bottom: 6px;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .carousel-container .text-wrapper .title {
        font-size: 1.375rem;
        text-align: center;
    }
}

@media screen and (min-width: 768px), print {
    .carousel-container .text-wrapper .title {
        font-size: 1.625rem;
    }
}

.carousel-container .text-wrapper .title .title-en {
    color: #0055AE;
    font-family: 'Oswald', sans-serif;
    font-size: 0.875rem;
    font-weight: 200;
    letter-spacing: 2px;
}

.carousel-container .text-wrapper .description-btn {
    display: block;
    font-weight: bold;
    padding: 8px 16px;
    text-align: center;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .carousel-container .text-wrapper .description-btn {
        background-color: #0055AE;
        color: #fff;
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 768px), print {
    .carousel-container .text-wrapper .description-btn {
        border: 1px solid #0055AE;
        color: #0055AE;
        font-size: 1.25rem;
        width: 410px;
    }
}

.carousel-container .text-wrapper .description-btn::before {
    content: "\FF1E";
    font-size: 1.375rem;
    font-weight: bold;
    margin-right: 6px;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .carousel-container .text-wrapper .description-btn::before {
        color: #fff;
    }
}

@media screen and (min-width: 768px), print {
    .carousel-container .text-wrapper .description-btn::before {
        color: #0055AE;
    }
}

.carousel-container .text-wrapper .description-btn:hover, .carousel-container .text-wrapper .description-btn:active {
    background-color: #0055AE;
    color: #fff;
}

.carousel-container .text-wrapper .description-btn:hover::before, .carousel-container .text-wrapper .description-btn:active::before {
    color: #fff;
}

.carousel-container .text-wrapper .text {
    /* line-height: 2; */
    margin-bottom: 15px;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (min-width: 768px), print {
    .carousel-container .text-wrapper .text {
        font-size: 0.875rem;
        letter-spacing: -0.5px;
    }
    .carousel-container .text-wrapper .text.emphasis {
        font-size: 1rem;
        font-weight: bold;
    }
}

@media screen and (max-width: 768px) {
    .carousel-container .text-wrapper .text {
        font-size: 1rem;
    }
    .carousel-container .text-wrapper .text.emphasis {
        font-weight: bold;
    }
}

.carousel-container .text-wrapper .recommend-list {
    font-size: 0.875rem;
    position: relative;
    padding: 16px;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .carousel-container .text-wrapper .recommend-list {
        font-size: 1.0625rem;
    }
}

@media screen and (min-width: 768px), print {
    .carousel-container .text-wrapper .recommend-list {
        width: 30%;
    }
}

.carousel-container .text-wrapper .recommend-list:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (min-width: 768px), print {
    .carousel-container .text-wrapper .recommend-list:before {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,0055ae+0,0055ae+50,4f5c74+100,ffffff+100&0.4+0,0.4+50,1+100,0+100,0+100 */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(5, 36, 68, 0.6) 0%, rgba(5, 36, 68, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660055ae', endColorstr='#00ffffff', GradientType=1);
        /* IE6-9 */
    }
}

@media screen and (max-width: 768px) {
    .carousel-container .text-wrapper .recommend-list:before {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,0055ae+0,0055ae+50,4f5c74+100,ffffff+100&0.4+0,0.4+50,1+100,0+100,0+100 */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #1a2741 0%, #1a2741 50%, rgba(26, 39, 65, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660055ae', endColorstr='#00ffffff', GradientType=1);
        /* IE6-9 */
    }
}

.carousel-container .text-wrapper .recommend-list dt {
    color: #0055AE;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 3px;
    margin-bottom: 8px;
    position: relative;
}

.carousel-container .text-wrapper .recommend-list dd {
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
}

.carousel-container .text-wrapper .recommend-list dd:last-child {
    margin-bottom: 0;
}

.carousel-container .text-wrapper .recommend-list dd:before {
    content: "-";
    color: #0055AE;
    margin-right: 8px;
}

.carousel-container .text-wrapper .recommend-list dd > a {
    color: #D5D5D5;
}

.carousel-container .text-wrapper .recommend-list dd > a:hover {
    color: #00A7EB;
    border-bottom: 1px solid #00A7EB;
}

.carousel-container .bg-black {
    position: absolute;
    top: 0;
    width: 100%;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .carousel-container .bg-black {
        height: 334px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+40,ffffff+100&1+0,0.9+40,0+100 */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.4) 40%, rgba(255, 255, 255, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff', GradientType=0);
        /* IE6-9 */
    }
}

@media screen and (min-width: 768px), print {
    .carousel-container .bg-black {
        /* height: 580px; */
        height: 200px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=0);
        /* IE6-9 */
    }
}

.carousel-container .bg-black-sp {
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .carousel-container .bg-black-sp {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 50%;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0.85+100 */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.85) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#d9000000', GradientType=0);
        /* IE6-9 */
    }
}

@media screen and (min-width: 768px), print {
    .carousel-container .bg-black-sp {
        display: none;
    }
}

.carousel-container .carousel-dots {
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .carousel-container .carousel-dots {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 334px;
    }
}

.carousel-container .slick-dots {
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .carousel-container .slick-dots {
        margin-bottom: 16px;
        z-index: 999;
    }
}

@media screen and (min-width: 768px), print {
    .carousel-container .slick-dots {
        /* height: 26px; */
        height: 90px;
        margin: auto;
        top: 0;
    }
}

.carousel-container .slick-dots li:last-child button {
    margin-right: 0;
}

.carousel-container .slick-dots li.slick-active button {
    background-color: #00A7EB;
}

.carousel-container .slick-dots button {
    background-color: #8D8D8D;
    border: none;
    font-size: 0;
    height: 2px;
    margin-right: 8px;
    padding: 0;
    width: 87px;
}

.carousel-container .slick-dots button:focus {
    outline: none;
}

.carousel-caption {
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .carousel-caption {
        height: 334px;
        position: absolute;
        top: 0;
        text-align: center;
        width: 100%;
    }
}

@media screen and (min-width: 768px), print {
    .carousel-caption {
        position: absolute;
        top: 0;
        bottom: 0;
        text-align: center;
        width: 100%;
        /* height: 580px; */
        height: 200px;
        z-index: 1;
    }
}

.caption-inner {
    height: 46px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1;
    /* @mixin media-range */
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (min-width: 768px), print {
    .caption-inner {
        width: 100%;
        height: 117px;
    }
}

@media screen and (min-width: 480px) and (max-width: 768px) {
    .caption-inner {
        max-width: 488px;
    }
}

@media screen and (max-width: 768px) {
    .caption-inner {
        padding: 0 16px;
        width: 100%;
    }
}

.caption-inner .caption-logo-jp {
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .caption-inner .caption-logo-jp {
        margin-bottom: 16px;
    }
}

@media screen and (min-width: 768px), print {
    .caption-inner .caption-logo-jp {
        margin-bottom: 24px;
        width: 432px;
    }
}

.caption-inner .caption-logo-en {
    /* @mixin media-range */
}

@media screen and (min-width: 768px), print {
    .caption-inner .caption-logo-en {
        display: block;
        margin: 0 auto;
        width: 1200px;
    }
}

.contents-container {
    background-color: #F3F3F3;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .contents-container {
        margin-bottom: 24px;
        padding: 24px 0 0;
    }
}

@media screen and (min-width: 768px), print {
    .contents-container {
        padding: 48px 0 32px;
    }
}

.contents-inner {
    /* @mixin media-range */
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (min-width: 768px), print {
    .contents-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }
}

@media screen and (min-width: 768px), print {
    .contents-inner {
        display: flex;
    }
}

.sec-news {
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .sec-news {
        margin-bottom: 24px;
        padding: 0 16px;
    }
}

@media screen and (min-width: 768px), print {
    .sec-news {
        margin-right: 48px;
        width: 65%;
    }
}

.sec-news .sec-header {
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .sec-news .sec-header {
        margin-bottom: 16px;
    }
}

@media screen and (min-width: 768px), print {
    .sec-news .sec-header {
        margin-bottom: 24px;
    }
}

.sec-news .sec-header h2 {
    display: inline-block;
    font-weight: bold;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .sec-news .sec-header h2 {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 768px), print {
    .sec-news .sec-header h2 {
        font-size: 1.25rem;
    }
}

.sec-news .sec-header .title-en {
    color: #0055AE;
    display: inline;
    margin-left: 8px;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .sec-news .sec-header .title-en {
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 768px), print {
    .sec-news .sec-header .title-en {
        font-size: 0.875rem;
    }
}

.sec-news .sec-body {
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .sec-news .sec-body {
        font-size: 1rem;
        margin-bottom: 16px;
    }
}

@media screen and (min-width: 768px), print {
    .sec-news .sec-body {
        margin-bottom: 16px;
        font-size: 0.875rem;
    }
}

.news-list > li {
    /* @mixin media-range */
}

@media screen and (min-width: 768px), print {
    .news-list > li:hover {
        background-color: #fff;
    }
}

.news-item {
    position: relative;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .news-item {
        display: block;
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 768px), print {
    .news-item {
        display: flex;
        align-items: baseline;
    }
}

.news-item .date {
    color: #0055AE;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .news-item .date {
        margin-bottom: 8px;
    }
}

@media screen and (min-width: 768px), print {
    .news-item .date {
        margin-left: 8px;
    }
}

.news-item h3 {
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .news-item h3 {
        width: 93%;
    }
}

@media screen and (min-width: 768px), print {
    .news-item h3 {
        margin-left: 16px;
        width: 80%;
    }
}

.news-item:after {
    content: "\FF1E";
    color: #0055AE;
    position: absolute;
    top: 0;
    right: 0;
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .news-item:after {
        bottom: 0;
        height: 16px;
        margin: auto 0;
    }
}

.old-news-btn {
    border: 2px solid #0055AE;
    color: #0055AE;
    display: block;
    font-weight: bold;
    margin-left: auto;
    padding: 4px 16px 4px 8px;
    text-align: center;
    width: 140px;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .old-news-btn {
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 768px), print {
    .old-news-btn {
        font-size: 0.875rem;
    }
}

.old-news-btn::before {
    content: ">";
    font-size: 1rem;
    font-weight: bold;
    color: #0055AE;
    margin-right: 6px;
}

.old-news-btn:hover, .old-news-btn:active {
    background-color: #0055AE;
    color: #fff;
}

.old-news-btn:hover::before, .old-news-btn:active::before {
    color: #fff;
}

.sec-link {
    border-top: 2px solid #CCCCCC;
    background-color: #EBEBEB;
    padding: 16px 16px 16px;
    /* @mixin media-range */
}

/* @media screen and (min-width: 768px), print {
    .sec-link {
        width: 30%;
    }
} */
@media screen and (min-width: 768px), print { /* 2022/1/28追加 */
    .ly_cont_side {
        width: 30%;
    }
}
.sec-link .sec-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    /* @mixin media-range */
}

@media screen and (min-width: 768px), print {
    .sec-link .sec-header {
        margin-bottom: 8px;
    }
}

.sec-link .sec-header .title {
    font-weight: 600;
    margin-right: 8px;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .sec-link .sec-header .title {
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 768px), print {
    .sec-link .sec-header .title {
        font-size: 0.875rem;
    }
}

.sec-link .sec-header .title-en {
    color: #0055AE;
    font-weight: normal;
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .sec-link .sec-header .title-en {
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 768px), print {
    .sec-link .sec-header .title-en {
        font-size: 0.875rem;
    }
}

.link-list > li {
    /* @mixin media-range */
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .link-list > li {
        font-size: 1rem;
        margin-bottom: 8px;
    }
    .link-list > li:last-child {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 768px), print {
    .link-list > li {
        font-size: 0.8125rem;
        margin-bottom: 8px;
    }
    .link-list > li:last-child {
        margin-bottom: 0;
    }
}

.link-list > li:before {
    content: "-";
    color: #0055AE;
}

.link-list > li a {
    color: #000;
}

.link-list > li a:hover {
    border-bottom: 1px solid #0055AE;
    color: #0055AE;
}

.sec-banner {
    /* @mixin media-range */
}

@media screen and (max-width: 768px) {
    .sec-banner {
        margin-bottom: 24px;
    }
}

.banner-list {
    display: flex;
    flex-wrap: wrap;
    /* @mixin media-range */
}

@media screen and (min-width: 768px), print {
    .banner-list {
        margin: 32px 0 48px;
    }
}

.banner-list > li {
    /* @mixin space-grid */
    margin-right: 8px;
    width: calc(((100% - 8px * (6 - 1)) / 6) - .1px);
    /* @mixin media-range */
    /* @mixin media-range */
}

.banner-list > li:nth-child(6n) {
    margin-right: 0;
}

.banner-list > li:nth-child(n+7) {
    margin-top: 8px;
}

.banner-list > li:last-child {
    margin-right: 0;
}

@media screen and (max-width: 768px) {
    .banner-list > li {
        /* @mixin space-grid */
        margin-right: 8px;
        width: calc(((100% - 8px * (3 - 1)) / 3) - .1px);
        text-align: center;
    }
    .banner-list > li:nth-child(3n) {
        margin-right: 0;
    }
    .banner-list > li:nth-child(n+4) {
        margin-top: 8px;
    }
    .banner-list > li:last-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 480px) {
    .banner-list > li {
        /* @mixin space-grid */
        margin-right: 8px;
        width: calc(((100% - 8px * (2 - 1)) / 2) - .1px);
    }
    .banner-list > li:nth-child(2n) {
        margin-right: 0;
    }
    .banner-list > li:nth-child(n+3) {
        margin-top: 8px;
    }
    .banner-list > li:last-child {
        margin-right: 0;
    }
}

.banner-list > li a {
    display: block;
}

.banner-list > li a:hover, .banner-list > li a:active {
    opacity: 0.8;
}

.banner-list > li a img {
    width: 100%;
}

/* 20220128追加 */
@media screen and (min-width: 768px){
    .bl_banner{
        text-align: left;
    }
    /* .bl_banner_youtube{
        text-align: right;
        display: inline-block;
    } */
    .bl_banner_IoT{
        padding: 0.5rem 0;
    }
}
@media screen and (min-width: 500px) and (max-width: 767px) {
    .bl_banner{
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 24px;
    }
    .bl_banner_IoT img{
        max-width: 300px;
        width: 100%;
    }
    /* .bl_banner_youtube{
        padding-right: 24px;
    } */
}
@media screen and (max-width: 500px) {
    /* .bl_banner_youtube{
        order: 2;
        padding: 0 16px 16px;
    } */
    .bl_banner{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .bl_banner_IoT img{
        max-width: 300px;
        width: 100%;
        padding: 16px;
    }
}
@media screen and (max-width: 768px) {
    .carousel-container {
        margin-top: 112px;
    }
}
/* 20220915追加 */
.sec-video{
    width: 100%;
    aspect-ratio: 16 / 9;
    margin-bottom: 2rem;
}
.sec-video iframe{
    width: 100%;
    height: 100%;
}