@charset "UTF-8";

/* --------------------------------------------

	FileName  : sub.css
	Generator : Sass

-------------------------------------------- */
@font-face {
    font-family: "icon";
    src: url("/dcms_media/css/fonts/icon.eot");
    src: url("/dcms_media/css/fonts/icon.eot?#iefix") format("eot"), url("/dcms_media/css/fonts/icon.woff") format("woff"), url("/dcms_media/css/fonts/icon.ttf") format("truetype"), url("/dcms_media/css/fonts/icon.svg#icon") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swipe;
}

.corp_yakushima {
    max-width: 600px;
    margin: 0 auto;
    color: #fff;
}

.corp_yakushima> :last-child {
    margin-bottom: 0;
}

.corp_yakushima>h2 {
    font-size: 1.73333rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 4rem;
}

.corp_yakushima>p {
    font-size: 1.2rem;
}

.corp_name {
    max-width: 400px;
    font-weight: 600;
    text-align: right;
    margin-left: auto;
    margin-right: auto;
}

.corp_philosophy {
    padding: 5%;
    margin-bottom: 1.75rem;
    box-shadow: 0 0 30px rgba(0, 0, 0, .2);
}

.corp_philosophy> :last-child {
    margin-bottom: 0;
}

.corp_philosophy_lead {
    text-align: center;
    font-size: 1.73333rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 600;
}

.corp_philosophy_text {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 1.2rem;
    text-align: center;
    line-height: 2.5;
}

.dsn_faq_bnr {
    max-width: 840px;
    margin: 6.6666rem auto 4rem;
    padding: 40px;
    background: url("../image/common/bg_design_faq.png") no-repeat center center/cover;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

@media (pointer: fine) {
    .dsn_faq_bnr:hover {
        opacity: 0.7;
    }
}

@media (-ms-high-contrast: none) {
    .dsn_faq_bnr:hover {
        opacity: 0.7;
    }
}

@media (pointer: coarse) {
    .dsn_faq_bnr:active {
        opacity: 0.7;
    }
}

.dsn_faq_bnr_title {
    position: relative;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.68;
    color: #fff;
    padding-bottom: 0.75rem;
    margin-bottom: 1.75rem;
}

.dsn_faq_bnr_title::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background: #fff;
}

.dsn_faq_bnr_text {
    color: #fff;
    margin-bottom: 1.75rem;
}

.dsn_faq_bnr_link {
    text-align: right;
    margin-bottom: 0;
}

.dsn_faq_bnr_link>a {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    color: #fff;
    text-decoration: none;
}

.dsn_faq_bnr_link>a::before {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    font-size: 13px;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 7.2px;
    top: 0.45rem;
    left: 0;
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
    overflow: hidden;
}

@media (pointer: fine) {
    .dsn_faq_bnr_link>a:hover::before {
        color: #fff;
        background-color: transparent;
    }
}

@media (-ms-high-contrast: none) {
    .dsn_faq_bnr_link>a:hover::before {
        color: #fff;
        background-color: transparent;
    }
}

@media (pointer: coarse) {
    .dsn_faq_bnr_link>a:active::before {
        color: #fff;
        background-color: transparent;
    }
}

.dsn_flow {
    counter-reset: step;
}

.dsn_flow_item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
}

.dsn_flow_item::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 20px solid #0D3780;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin: 0 auto;
}

.dsn_flow_item.-no-arrow::after {
    content: none;
}

.dsn_flow_label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    counter-increment: step;
    color: #fff;
    background: #4C628F;
    padding: 3rem 30px;
    font-size: 1.33333rem;
    line-height: 1.68;
}

.dsn_flow_item .dsn_flow_label {
    width: 360px;
}

.dsn_flow_label::before {
    content: "STEP "counter(step);
    display: block;
    font-family: "Nunito Sans", "Arial", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    opacity: 0.5;
    letter-spacing: 0.12em;
}

.dsn_flow_label.-paid {
    color: #0D3780;
    background: #BDCAE8;
}

.dsn_flow_body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    padding: 3rem 30px;
}

.dsn_flow_body> :last-child {
    margin-bottom: 0;
}

.dsn_flow_bar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    color: #fff;
    margin-bottom: 40px;
}

.dsn_flow_bar::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 20px solid #0D3780;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin: 0 auto;
}

.dsn_flow_bar::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    right: 20px;
    background: #BFC7D7;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.dsn_flow_bar_inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    z-index: 2;
}

.dsn_housing {
    max-width: 612px;
    margin-bottom: 1.75rem;
}

.dsn_imgs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 400px;
    margin: -1.75rem -5px 0;
}

.dsn_imgs_item {
    width: calc(50% - 10px);
    margin: 1.75rem 5px 0;
}

.dsn_imgs_item figcaption {
    font-size: 0.73333rem;
}

.dsn_imgs_item.-tile-gx {
    width: calc(100% - 10px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.dsn_imgs_item.-tile-gx>figure {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 0;
}

.dsn_imgs_item.-tile-gx>dl {
    -webkit-box-flex: 11;
    -webkit-flex: 11 auto;
    -ms-flex: 11 auto;
    flex: 11 auto;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    font-size: 0.73333rem;
    padding-right: 10px;
}

.dsn_imgs_item.-tile-gx>dl>dt {
    font-weight: 600;
}

.dsn_legend {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px 1.75rem;
}

.dsn_legend_item {
    position: relative;
    margin: 0 10px;
    padding-left: 25px;
}

.dsn_legend_item::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 5px;
    margin-top: -3px;
}

.dsn_legend_item.-free::before {
    background: #4C628F;
}

.dsn_legend_item.-paid::before {
    background: #BDCAE8;
}

.common_list .dsn_xsen {
    padding-left: calc(16px + 6em);
    text-indent: -6em;
}

.esg_list {
    max-width: 1003px;
    margin: 0 auto;
}

.esg_list>li {
    padding-left: 3.25em;
    text-indent: -3.25em;
}

.esg_list_num {
    display: inline-block;
    width: 3.25em;
    text-align: right;
    color: #00A2CB;
    text-indent: 0;
}

.f_btn {
    margin-top: 2.5rem;
    margin-bottom: 1.75rem;
}

.f_btn>button {
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 1rem;
    width: 100%;
    max-width: 320px;
    min-height: 60px;
    padding: 0.5rem 15px;
    color: #fff;
    border: 1px solid #0D3780;
    background: #0D3780;
    text-decoration: none;
    -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
    margin-left: auto;
    margin-right: auto;
}

@media (pointer: fine) {
    .f_btn>button:hover {
        color: #0D3780;
        background-color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .f_btn>button:hover {
        color: #0D3780;
        background-color: #fff;
    }
}

@media (pointer: coarse) {
    .f_btn>button:active {
        color: #0D3780;
        background-color: #fff;
    }
}

.f_checkbox.-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -1rem -10px 0;
}

.f_checkbox_item {
    margin-bottom: 0.5rem;
}

.f_checkbox_item:last-child {
    margin-bottom: 0;
}

.f_checkbox.-row .f_checkbox_item {
    width: calc(25% - 20px);
    margin: 1rem 10px 0;
}

.f_checkbox_item input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    opacity: 0;
}

.f_checkbox_item_label {
    position: relative;
    display: inline-block;
}

.f_checkbox_item_inner {
    position: relative;
    display: inline-block;
    padding-left: 30px;
}

.f_checkbox_item_inner::before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    font-size: 10px;
    text-align: center;
    border: 1px solid #c3c3c3;
    color: #fff;
    background: #fff;
}

input[type="checkbox"]:focus+.f_checkbox_item_inner::before {
    border-color: #76D3EB;
}

input[type="checkbox"]:checked+.f_checkbox_item_inner::before {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    line-height: 18px;
    background-color: #0D3780;
}

.f_reset {
    text-align: center;
}

.f_reset>input[type="reset"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1rem;
    border-radius: 0;
    background: transparent;
    line-height: 1;
    outline: 0;
    border: 0;
    color: #0D3780;
    text-decoration: underline;
    cursor: pointer;
}

.f_reset>input[type="reset"]::-webkit-input-placeholder {
    color: rgba(30, 30, 30, .3);
}

.f_reset>input[type="reset"]::-moz-placeholder {
    color: rgba(30, 30, 30, .3);
}

.f_reset>input[type="reset"]::-ms-input-placeholder {
    color: rgba(30, 30, 30, .3);
}

.f_reset>input[type="reset"]::placeholder {
    color: rgba(30, 30, 30, .3);
}

.f_reset>input[type="reset"]::-ms-expand {
    display: none;
}

@media (pointer: fine) {
    .f_reset>input[type="reset"]:hover {
        text-decoration: none;
    }
}

@media (-ms-high-contrast: none) {
    .f_reset>input[type="reset"]:hover {
        text-decoration: none;
    }
}

@media (pointer: coarse) {
    .f_reset>input[type="reset"]:active {
        text-decoration: none;
    }
}

.f_select>select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1rem;
    width: 100%;
    border-radius: 0;
    background: #fff;
    border: 1px solid #c3c3c3;
    padding: 15px 40px 15px 15px;
    background: url("../image/common/select_arrow.png") no-repeat right 15px center/15px 8px;
    outline: 0;
}

.f_select>select:focus {
    border-color: #76D3EB;
}

.f_select>select::-ms-expand {
    display: none;
}

optgroup[label] {
    font-style: normal;
    color: #1E1E1E;
    background: #000;
}

.f_text>input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1rem;
    width: 100%;
    height: 45px;
    border-radius: 0;
    background: #fff;
    border: 1px solid #c3c3c3;
    padding: 0.5rem 15px;
    line-height: 1;
    outline: 0;
}

.f_text>input[type="text"]:focus {
    border-color: #76D3EB;
}

.f_text>input[type="text"]::-webkit-input-placeholder {
    color: rgba(30, 30, 30, .3);
}

.f_text>input[type="text"]::-moz-placeholder {
    color: rgba(30, 30, 30, .3);
}

.f_text>input[type="text"]::-ms-input-placeholder {
    color: rgba(30, 30, 30, .3);
}

.f_text>input[type="text"]::placeholder {
    color: rgba(30, 30, 30, .3);
}

.f_text>input[type="text"]::-ms-expand {
    display: none;
}

.ir_calendar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px;
    background: #F4F5F6;
    margin-bottom: 4rem;
}

.ir_calendar_item {
    width: 25%;
}

.ir_calendar_label {
    position: relative;
    padding-bottom: 0.5rem;
    margin-bottom: 1.25rem;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    color: #224164;
}

.ir_calendar_label::before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 4px;
    top: 0.25rem;
    bottom: 20px;
    bottom: 1.25rem;
    width: 1px;
    background: #ccc;
}

.ir_calendar_item:last-child .ir_calendar_label::before {
    content: none;
}

.ir_calendar_label::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 3px;
    background: #224164;
}

.ir_calendar_month {
    text-align: center;
}

.ir_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 6.6666rem;
    margin-bottom: 2.5rem;
}

.ir_header>* {
    margin: 0;
}

.ir_header_link {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: right;
}

.ir_header_link>a {
    position: relative;
    padding-left: 25px;
    display: inline-block;
    word-break: break-all;
    text-decoration: none;
}

.ir_header_link>a::before {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    font-size: 13px;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 7.2px;
    top: 0.45rem;
    left: 0;
    border: 1px solid #0D3780;
    color: #0D3780;
    background: transparent;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
    overflow: hidden;
}

@media (pointer: fine) {
    .ir_header_link>a:hover::before {
        color: #fff;
        background-color: #0D3780;
    }
}

@media (-ms-high-contrast: none) {
    .ir_header_link>a:hover::before {
        color: #fff;
        background-color: #0D3780;
    }
}

@media (pointer: coarse) {
    .ir_header_link>a:active::before {
        color: #fff;
        background-color: #0D3780;
    }
}

.ir_links_label {
    padding: 1rem 20px;
    background: #00A2CB;
}

.ir_links_label>a {
    position: relative;
    display: block;
    color: #fff;
    text-decoration: none;
    margin: -1rem -20px;
    padding: 1rem 40px 1rem 20px;
    background: #00A2CB;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.ir_links_label>a::before {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 10px;
    margin-top: -5px;
}

@media (pointer: fine) {
    .ir_links_label>a:hover {
        background: #7FD0E5;
    }
}

@media (-ms-high-contrast: none) {
    .ir_links_label>a:hover {
        background: #7FD0E5;
    }
}

@media (pointer: coarse) {
    .ir_links_label>a:active {
        background: #7FD0E5;
    }
}

.ir_links_body {
    padding: 20px;
    border: 1px solid #c3c3c3;
    border-top: 0;
}

.ir_nav_label {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 1.68;
    border-bottom: 1px solid #c3c3c3;
}

.ir_nav_label>a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    padding-left: 25px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.ir_nav_label>a::before {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    font-size: 13px;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 7.2px;
    top: 0.45rem;
    left: 0;
    border: 1px solid #0D3780;
    color: #0D3780;
    background: transparent;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
    overflow: hidden;
}

@media (pointer: fine) {
    .ir_nav_label>a:hover::before {
        color: #fff;
        background-color: #0D3780;
    }
}

@media (-ms-high-contrast: none) {
    .ir_nav_label>a:hover::before {
        color: #fff;
        background-color: #0D3780;
    }
}

@media (pointer: coarse) {
    .ir_nav_label>a:active::before {
        color: #fff;
        background-color: #0D3780;
    }
}

.ir_nav_label>a::before {
    top: 5.6px;
    top: 0.35rem;
}

@media (pointer: fine) {
    .ir_nav_label>a:hover {
        color: #00A2CB;
    }
}

@media (-ms-high-contrast: none) {
    .ir_nav_label>a:hover {
        color: #00A2CB;
    }
}

@media (pointer: coarse) {
    .ir_nav_label>a:active {
        color: #00A2CB;
    }
}

.ir_nav_list_item>a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    line-height: 1.68;
    padding-left: 20px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.ir_nav_list_item>a::before {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    position: absolute;
    top: 4.8px;
    top: 0.3rem;
    left: 0;
    color: #0D3780;
}

@media (pointer: fine) {
    .ir_nav_list_item>a:hover {
        color: #00A2CB;
    }
}

@media (-ms-high-contrast: none) {
    .ir_nav_list_item>a:hover {
        color: #00A2CB;
    }
}

@media (pointer: coarse) {
    .ir_nav_list_item>a:active {
        color: #00A2CB;
    }
}

.qirWrapper {
    margin-left: auto;
    margin-right: auto;
}

.ir_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.ir_row_contents {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    padding-right: 40px;
}

.ir_row_contents> :first-child {
    margin-top: 0;
}

.ir_row_contents> :last-child {
    margin-bottom: 0;
}

.ir_row_side {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 400px;
}

.ir_row_side> :first-child {
    margin-top: 0;
}

.ir_row_side> :last-child {
    margin-bottom: 0;
}

.ir_row_side_bnr {
    margin-bottom: 1rem;
}

.ir_row_side_bnr_caption {
    margin-top: 0.75rem;
    font-size: 0.86667rem;
}

.ir_row_side_bnr>a img {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

@media (pointer: fine) {
    .ir_row_side_bnr>a:hover img {
        opacity: 0.7;
    }
}

@media (-ms-high-contrast: none) {
    .ir_row_side_bnr>a:hover img {
        opacity: 0.7;
    }
}

@media (pointer: coarse) {
    .ir_row_side_bnr>a:active img {
        opacity: 0.7;
    }
}

.sc_bnr {
    position: relative;
    padding-top: calc(35.0877% - 4px);
    max-width: 570px;
    max-height: 200px;
    min-height: 165px;
    border: 2px solid #c3c3c3;
    margin: 0 auto;
}

.sc_bnr_body {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 49.1228%;
    height: 100%;
    padding: 3% 5.5%;
    z-index: 2;
}

.sc_bnr_body::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 45px;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: skew(12deg);
    transform: skew(12deg);
}

.sc_bnr.-xilinx .sc_bnr_body {
    background: #fff;
}

.sc_bnr.-xilinx .sc_bnr_body::before {
    background: #fff;
}

.sc_bnr.-cpu-module .sc_bnr_body {
    background: #0D3780;
}

.sc_bnr.-cpu-module .sc_bnr_body::before {
    background: #0D3780;
}

.sc_bnr_label {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 10%;
}

.sc_bnr_label>a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    padding-top: 35px;
    letter-spacing: 0.12em;
    line-height: 1.25;
}

.sc_bnr_label>a::before {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    font-size: 22px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

@media screen and (max-width: 1279px) {
    .sc_bnr_label>a {
        font-size: calc(1.69589px + 1.43113vw);
    }
}

.sc_bnr.-xilinx .sc_bnr_label>a {
    color: #1E1E1E;
}

.sc_bnr.-xilinx .sc_bnr_label>a::before {
    color: #00A2CB;
}

.sc_bnr.-cpu-module .sc_bnr_label>a {
    color: #fff;
}

.sc_bnr_sub {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    font-size: 12px;
    line-height: 2;
}

@media screen and (max-width: 1279px) {
    .sc_bnr_sub {
        font-size: calc(7.42397px + 0.35778vw);
    }
}

.sc_bnr.-cpu-module .sc_bnr_sub {
    color: #fff;
}

.sc_bnr_img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.sc_bnr_img img {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

@media (pointer: fine) {
    .sc_bnr:hover .sc_bnr_img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@media (-ms-high-contrast: none) {
    .sc_bnr:hover .sc_bnr_img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@media (pointer: coarse) {
    .sc_bnr:active .sc_bnr_img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.sc_data>* {
    margin-bottom: 0;
}

.sc_data>*:last-child {
    margin-bottom: 0;
}

.sc_maker.biggerlink {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

@media (pointer: fine) {
    .sc_maker.biggerlink:hover {
        opacity: 0.7;
    }
}

@media (-ms-high-contrast: none) {
    .sc_maker.biggerlink:hover {
        opacity: 0.7;
    }
}

@media (pointer: coarse) {
    .sc_maker.biggerlink:active {
        opacity: 0.7;
    }
}

.sc_maker_img {
    border: 1px solid #c3c3c3;
    margin-bottom: 0.75rem;
}

.sc_maker_body>dt {
    color: #00A2CB;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #c3c3c3;
}

.sc_maker_body>dd {
    font-size: 0.8rem;
}

.sc_maker_title {
    color: #00A2CB;
}

.sc_manufacturer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -6px -3px 1.75rem;
}

.sc_manufacturer_item {
    width: calc(16.6666% - 6px);
    margin: 6px 3px 0;
}

.sc_manufacturer_item>a {
    display: block;
    background: #fff;
}

.sc_manufacturer_item>a>img {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    width: 100%;
    max-width: none;
}

@media (pointer: fine) {
    .sc_manufacturer_item>a:hover>img {
        opacity: 0.7;
    }
}

@media (-ms-high-contrast: none) {
    .sc_manufacturer_item>a:hover>img {
        opacity: 0.7;
    }
}

@media (pointer: coarse) {
    .sc_manufacturer_item>a:active>img {
        opacity: 0.7;
    }
}

.sc_product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px;
    border: 2px solid #c3c3c3;
}

.sc_product_header {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.75rem;
}

.sc_product_header> :first-child {
    margin-top: 0;
}

.sc_product_header> :last-child {
    margin-bottom: 0;
}

.sc_product_header_img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 0;
    padding-right: 20px;
}

.sc_product_header_inner {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.sc_product_header_inner> :last-child {
    margin-bottom: 0;
}

.sc_product_header_title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 1.33333rem;
    font-weight: 400;
    color: #0D3780;
}

.sc_product_header_data {
    color: #c60000;
    margin-bottom: 0.5rem;
}

.sc_product_header_new {
    display: inline-block;
    background: #c60000;
    color: #fff;
    padding: 0.25rem 10px;
    margin-right: 10px;
    font-size: 0.8rem;
}

.sc_product_header_category {
    display: inline-block;
    background: #0D3780;
    color: #fff;
    padding: 0.25rem 10px;
    margin-right: 10px;
    font-size: 0.8rem;
}

.sc_product_body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 1.75rem;
}

.sc_product_body> :last-child {
    margin-bottom: 0;
}

.sc_product_body.-micron>* {
    margin-bottom: 0.75rem;
}

.sc_product_body.-micron>*:last-child {
    margin-bottom: 0;
}

.sc_product_footer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.sc_product_footer> :last-child {
    margin-bottom: 0;
}

.sc_search {
    margin-bottom: 1.75rem;
}

.sc_search_form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}

.sc_search_keyword {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.sc_search_keyword>input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 45px;
    line-height: 35px;
    border: 1px solid #c3c3c3;
    border-radius: 0;
    box-sizing: border-box;
    padding: 5px 10px;
    font-size: 16px;
    outline: 0;
}

.sc_search_keyword>input::-webkit-input-placeholder {
    color: rgba(30, 30, 30, .15);
}

.sc_search_keyword>input::-moz-placeholder {
    color: rgba(30, 30, 30, .15);
}

.sc_search_keyword>input::-ms-input-placeholder {
    color: rgba(30, 30, 30, .15);
}

.sc_search_keyword>input::placeholder {
    color: rgba(30, 30, 30, .15);
}

.sc_search_keyword>input:-ms-input-placeholder {
    color: rgba(30, 30, 30, .15);
}

.sc_search_keyword>input::-ms-input-placeholder {
    color: rgba(30, 30, 30, .15);
}

.sc_search_keyword>input:focus {
    border-color: #76D3EB;
}

.sc_search_submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: #0D3780;
    outline: 0;
    cursor: pointer;
    color: #fff;
    font-size: 1rem;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

@media (pointer: fine) {
    .sc_search_submit:hover {
        opacity: 0.7;
    }
}

@media (-ms-high-contrast: none) {
    .sc_search_submit:hover {
        opacity: 0.7;
    }
}

@media (pointer: coarse) {
    .sc_search_submit:active {
        opacity: 0.7;
    }
}

.sc_spec_search {
    padding: 5%;
    background: #EEE;
    margin-bottom: 1.75rem;
}

.sc_spec_search_inner {
    background: #fff;
    padding: 5.5555%;
}

.sc_spec_search_inner> :last-child {
    margin-bottom: 0;
}

.sc_spec_search_title {
    font-size: 1.33333rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 3rem;
}

.common_imgrow_body .sc_spec_search_title {
    margin-bottom: 1.75rem;
}

.sc_spec_search form> :last-child {
    margin-bottom: 0;
}

.sc_spec_search_list>dt {
    color: #0D3780;
    margin-bottom: 0.75rem;
}

.sc_spec_search_list>dd {
    margin-bottom: 1.75rem;
}

.sc_spec_search_list>dd:last-child {
    margin-bottom: 0;
}

.fpga_btn {
    margin-top: 6.6666rem;
    margin-bottom: 6.6666rem;
}

.fpga_btn>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 700px;
    min-height: 100px;
    font-size: 1.73333rem;
    font-weight: 300;
    color: #fff;
    background: url("../image/common/bg_fpga_btn.png") no-repeat center center/cover;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.fpga_btn>a::before {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    font-size: 30px;
    margin-right: 18px;
    margin-bottom: 3px;
}

@media (pointer: fine) {
    .fpga_btn>a:hover {
        opacity: 0.7;
    }
}

@media (-ms-high-contrast: none) {
    .fpga_btn>a:hover {
        opacity: 0.7;
    }
}

@media (pointer: coarse) {
    .fpga_btn>a:active {
        opacity: 0.7;
    }
}

.fpga_data_img {
    overflow: hidden;
    border: 1px solid #c3c3c3;
    overflow: hidden;
}

.fpga_data_img img {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

@media (pointer: fine) {
    .fpga_data.biggerlink:hover .fpga_data_img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@media (-ms-high-contrast: none) {
    .fpga_data.biggerlink:hover .fpga_data_img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@media (pointer: coarse) {
    .fpga_data.biggerlink:active .fpga_data_img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.fpga_data_img img {
    max-width: none;
    width: 100%;
}

.fpga_data_body {
    margin-bottom: 1.75rem;
}

.fpga_data_body>dt {
    color: rgba(30, 30, 30, .5);
    margin-bottom: 0.25rem;
}

.fpga_data_body>dd {
    margin-bottom: 1rem;
}

.fpga_data_body>dd:last-child {
    margin-bottom: 0;
}

.fpga_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1.75rem;
}

.fpga_header_logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 39.1304%;
    max-width: 360px;
}

.fpga_header_logo>img {
    border: 1px solid #c3c3c3;
}

.fpga_header_body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 30px;
}

.fpga_header_category {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: table;
    border: 1px solid #76D3EB;
    color: #76D3EB;
    padding: 0.25rem 10px;
    border-radius: 15px;
    font-size: 0.8rem;
}

.fpga_header_title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.73333rem;
    font-weight: 400;
    color: #0D3780;
}

.fpga_outline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1.75rem;
}

.fpga_outline_gallery {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 39.1304%;
    max-width: 360px;
}

.fpga_outline_gallery_main {
    margin-bottom: 20px;
}

.fpga_outline_gallery_main_item {
    margin: 0;
}

.slick-list .fpga_outline_gallery_main_item {
    display: block !important;
}

.fpga_outline_gallery_main_item img {
    width: 100%;
}

.fpga_outline_gallery_thumb .slick-list {
    padding: 0 !important;
}

.fpga_outline_gallery_thumb .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: auto !important;
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    margin: -10px -5px 0;
}

.fpga_outline_gallery_thumb .slick-slide {
    width: calc(33.3333% - 10px) !important;
    margin: 10px 5px 0;
}

.fpga_outline_gallery_thumb_item img {
    border: 1px solid #c3c3c3;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

.slick-list .fpga_outline_gallery_thumb_item {
    display: block !important;
    cursor: pointer;
}

.slick-current .fpga_outline_gallery_thumb_item img {
    border-color: #0D3780;
}

.fpga_outline_body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 30px;
}

.fpga_outline_body> :first-child {
    margin-top: 0;
}

.fpga_outline_body> :last-child {
    margin-bottom: 0;
}

.common_contact+div[style="display: none;"]:last-child {
    display: block !important;
    margin-top: -5.3333rem;
}

.fpga_search {
    display: none;
    max-width: 1200px;
    max-height: 90%;
    padding: 4rem 60px;
}

.common_contact+.fpga_search:last-child {
    display: block !important;
    height: 0;
    padding: 0;
    overflow: hidden;
    margin-top: -5.3333rem;
}

.fpga_search_title {
    font-size: 1.73333rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 4rem;
}

.fpga_search_list {
    margin-bottom: 4rem;
}

.fpga_search_list_title {
    color: #0D3780;
    margin-bottom: 1.25rem;
}

.fpga_search_list_body {
    margin-bottom: 2.666rem;
}

.fpga_search_list_body:last-child {
    margin-bottom: 0;
}

.fpga_search_list_body.-gray {
    padding: 2rem 30px;
    background: #EEE;
}

.sma_alphabet {
    padding: 3rem 40px;
    background: #EEE;
    background: #eee;
}

.sma_alphabet> :last-child {
    margin-bottom: 0;
}

.sma_alphabet_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -4px -2px;
}

.sma_alphabet_list_item {
    padding: 4px 2px 0;
    text-align: center;
}

.sma_alphabet_list_item:first-child {
    padding-left: 0;
}

.sma_alphabet_list_item:last-child {
    padding-right: 0;
    border-right: 0;
}

.sma_alphabet_list_item>a {
    display: inline-block;
    background: #fff;
    text-decoration: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}

@media (pointer: fine) {
    .sma_alphabet_list_item>a:hover {
        color: #fff;
        background-color: #0D3780;
    }
}

@media (-ms-high-contrast: none) {
    .sma_alphabet_list_item>a:hover {
        color: #fff;
        background-color: #0D3780;
    }
}

@media (pointer: coarse) {
    .sma_alphabet_list_item>a:active {
        color: #fff;
        background-color: #0D3780;
    }
}

.smc_4donline_flow {
    padding: 5%;
    background: #EEE;
    margin-bottom: 1.75rem;
}

.smc_4donline_flow_inner {
    background: #fff;
    padding: 4%;
}

.smc_4donline_flow_inner> :last-child {
    margin-bottom: 0;
}

.smc_4donline_flow_title {
    font-size: 1.6rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 1.75rem;
}

.common_imgrow_body .smc_4donline_flow_title {
    margin-bottom: 1.75rem;
}

.smc_4donline_flow_list {
    max-width: 700px;
    margin: 0 auto 1.75rem;
}

.smc_4donline_flow_list_item {
    position: relative;
    color: #fff;
    font-size: 1.33333rem;
    text-align: center;
    background: #00A2CB;
    padding: 1rem 15px;
    margin-bottom: 3rem;
    border-radius: 30px;
}

.smc_4donline_flow_list_item::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -36px;
    bottom: -2.25rem;
    left: 0;
    right: 0;
    width: 0;
    border-top: 20px solid #c3c3c3;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    margin: 0 auto;
}

.smc_4donline_flow_list_item:last-child {
    margin-bottom: 0;
}

.smc_4donline_flow_list_item:last-child::after {
    content: none;
}

.smc_4donline_flow_text {
    text-align: center;
    font-size: 1.2rem;
}

.smc_4donline_flow_logo {
    text-align: center;
}

.smc_ais_footer {
    margin-top: 2rem;
}

.smc_ais_footer>dt {
    font-size: 1.33333rem;
    color: #0D3780;
    margin-bottom: 1rem;
}

.smc_ais_footer>dd {
    margin-bottom: 0;
}

.smc_ais_header {
    position: relative;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
}

.smc_ais_header::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background: #0D3780;
}

.smc_ais_header_sub {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    color: #0D3780;
}

.smc_ais_header_title {
    font-size: 1.73333rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: #0D3780;
    line-height: 1.25;
}

.smc_ais_header_note {
    font-size: 1.2rem;
    margin-bottom: 0;
}

.smc_bnr {
    text-align: center;
    margin-top: 5.3333rem;
    margin-bottom: 1.75rem;
}

.smc_bnr>a {
    display: block;
}

.smc_bnr>a img {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

@media (pointer: fine) {
    .smc_bnr>a:hover img {
        opacity: 0.7;
    }
}

@media (-ms-high-contrast: none) {
    .smc_bnr>a:hover img {
        opacity: 0.7;
    }
}

@media (pointer: coarse) {
    .smc_bnr>a:active img {
        opacity: 0.7;
    }
}

.smc_detail_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 3rem;
}

.smc_detail_header.-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.smc_detail_header .common_logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 30px;
}

.smc_detail_header_body {
    margin: 0 30px;
}

.smc_detail_header_body> :last-child {
    margin-bottom: 0;
}

.smc_detail_header_body .common_lead {
    text-align: left;
}

.smc_detail_header_body .common_lead_sub {
    text-align: left;
}

.smc_feature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.75rem;
}

.smc_feature>dt {
    color: #0D3780;
    border: 1px solid #0D3780;
    font-size: 1.2rem;
    padding: 0.25rem 15px;
}

.smc_feature>dd {
    padding-left: 30px;
}

.smc_feature>dd> :last-child {
    margin-bottom: 0;
}

.smc_feature+.common_row.-box {
    margin-top: -2.6666rem;
}

.smc_gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 4rem -30px;
}

.smc_gallery_item {
    margin-left: 30px;
    margin-right: 30px;
}

.smc_gallery_item.flex__ {
    flex: 1;
}

.smc_link {
    text-align: center;
}

.smc_link>a {
    color: #0D3780;
}

.smc_link>a img {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

@media (pointer: fine) {
    .smc_link>a:hover img {
        opacity: 0.7;
    }
}

@media (-ms-high-contrast: none) {
    .smc_link>a:hover img {
        opacity: 0.7;
    }
}

@media (pointer: coarse) {
    .smc_link>a:active img {
        opacity: 0.7;
    }
}

.smc_link_label {
    position: relative;
    display: block;
}

.smc_link>a[target="_blank"] .smc_link_label::after {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    display: inline-block;
    font-size: 14px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    overflow: hidden;
    margin-left: 10px;
    vertical-align: -1px;
}

.smc_matrix {
    font-size: 0.86667rem;
}

.smc_matrix th,
.smc_matrix td {
    padding: 0.75rem 7px;
    text-align: center;
    vertical-align: top;
}

.smc_matrix th.common_left,
.smc_matrix td.common_left {
    text-align: left;
}

.smc_matrix tr:first-child th:nth-child(1) {
    width: 19%;
    vertical-align: middle;
}

.smc_matrix tr:first-child th:nth-child(2) {
    width: 10%;
    vertical-align: middle;
}

.smc_matrix tr:first-child th:nth-child(3) {
    width: 15%;
    vertical-align: middle;
}

.smc_matrix tr:nth-child(2) th:nth-child(1) {
    width: 6%;
}

.smc_matrix tr:nth-child(2) th:nth-child(2) {
    width: 6%;
}

.smc_matrix tr:nth-child(2) th:nth-child(3) {
    width: 6%;
}

.smc_matrix tr:nth-child(2) th:nth-child(4) {
    width: 6%;
}

.smc_matrix tr:nth-child(2) th:nth-child(5) {
    width: 6%;
}

.smc_matrix tr:nth-child(2) th:nth-child(6) {
    width: 6%;
}

.smc_matrix tr:nth-child(2) th:nth-child(7) {
    width: 10%;
}

.smc_matrix tr:nth-child(2) th:nth-child(8) {
    width: 10%;
}

.smc_products {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -24px -12px 1.75rem;
}

.smc_products_item {
    width: calc(25% - 24px);
    margin: 24px 12px 0;
}

.smc_products_item> :last-child {
    margin-bottom: 0;
}

.smc_products_img {
    position: relative;
    margin-bottom: 1.25rem;
}

.smc_products_img_bg {
    overflow: hidden;
    height: 15vh;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.smc_products_img_bg img {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

@media (pointer: fine) {
    .smc_products_img:hover .smc_products_img_bg img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@media (-ms-high-contrast: none) {
    .smc_products_img:hover .smc_products_img_bg img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@media (pointer: coarse) {
    .smc_products_img:active .smc_products_img_bg img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.smc_products_img_bg img {
    max-width: none;
    width: 100%;
}

.smc_products_img_body {
    text-align: center;
}

.smc_products_img_body>dt {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    text-decoration: none;
    display: inline-block;
}

@media screen and (max-width: 1279px) {
    .smc_products_img_body>dt {
        font-size: calc(3.9839px + 1.25224vw);
    }
}

.smc_products_img_body>dt::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background: #fff;
    margin: 0 auto;
}

.smc_products_img_body>dd {
    font-size: 15px;
    line-height: 1.68;
}

@media screen and (max-width: 1279px) {
    .smc_products_img_body>dd {
        font-size: calc(3.55993px + 0.89445vw);
    }
}

.smc_products_img_label {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.68;
    margin: 0;
}

@media screen and (max-width: 1279px) {
    .smc_products_img_label {
        font-size: calc(3.9839px + 1.25224vw);
    }
}

.smc_router {
    table-layout: fixed;
}

.smc_router th,
.smc_router td {
    text-align: center;
}

.smc_router th.common_left,
.smc_router td.common_left {
    text-align: left;
}

.smc_specinsight_flow>li {
    margin-bottom: 0.5rem;
    padding-left: 1rem;
    text-indent: -1rem;
}

.smc_specinsight_flow>li>.smc_specinsight_flow {
    margin-top: 0.5rem;
}

.micron_header {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.68;
    margin-bottom: 1rem;
}

.micron_header.-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.micron_header> :first-child {
    margin-top: 0;
}

.micron_header> :last-child {
    margin-bottom: 0;
}

.micron_header_title {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.33333rem;
    font-weight: 400;
    color: #0D3780;
    padding-right: 1rem;
}

.micron_header.-col .micron_header_title {
    width: 100%;
    padding-bottom: 0.25rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #c3c3c3;
}

.micron_header_data {
    color: #c60000;
    margin-bottom: 0;
}

.micron_header_new {
    display: inline-block;
    background: #c60000;
    color: #fff;
    padding: 0.25rem 10px;
    margin-right: 10px;
    font-size: 0.8rem;
}

.micron_header_category {
    display: inline-block;
    background: #0D3780;
    color: #fff;
    padding: 0.25rem 10px;
    margin-right: 10px;
    font-size: 0.8rem;
}

.sol_imgmegamenu {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sol_imgmegamenu::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 360px;
    width: 1px;
    background: #fff;
}

.sol_imgmegamenu_header {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 360px;
    padding-right: 30px;
}

.l_contents.-hils .sol_imgmegamenu_header .common_link>a,
.l_contents.-ranpak .sol_imgmegamenu_header .common_link>a,
.l_contents.-haivision .sol_imgmegamenu_header .common_link>a,
.l_contents.-innophys .sol_imgmegamenu_header .common_link>a,
.l_contents.-ldl .sol_imgmegamenu_header .common_link>a,
.l_contents.-lds .sol_imgmegamenu_header .common_link>a,
.l_contents.-iot .sol_imgmegamenu_header .common_link>a,
.l_contents.-ai .sol_imgmegamenu_header .common_link>a {
    color: #fff;
}

.l_contents.-hils .sol_imgmegamenu_header .common_link>a::before,
.l_contents.-ranpak .sol_imgmegamenu_header .common_link>a::before,
.l_contents.-haivision .sol_imgmegamenu_header .common_link>a::before,
.l_contents.-innophys .sol_imgmegamenu_header .common_link>a::before,
.l_contents.-ldl .sol_imgmegamenu_header .common_link>a::before,
.l_contents.-lds .sol_imgmegamenu_header .common_link>a::before,
.l_contents.-iot .sol_imgmegamenu_header .common_link>a::before,
.l_contents.-ai .sol_imgmegamenu_header .common_link>a::before {
    border-color: #fff;
    color: #fff;
}

@media (pointer: fine) {

    .l_contents.-hils .sol_imgmegamenu_header .common_link>a:hover::before,
    .l_contents.-ranpak .sol_imgmegamenu_header .common_link>a:hover::before,
    .l_contents.-haivision .sol_imgmegamenu_header .common_link>a:hover::before,
    .l_contents.-innophys .sol_imgmegamenu_header .common_link>a:hover::before,
    .l_contents.-ldl .sol_imgmegamenu_header .common_link>a:hover::before,
    .l_contents.-lds .sol_imgmegamenu_header .common_link>a:hover::before,
    .l_contents.-iot .sol_imgmegamenu_header .common_link>a:hover::before,
    .l_contents.-ai .sol_imgmegamenu_header .common_link>a:hover::before {
        color: #1E1E1E;
        background-color: #fff;
    }
}

@media (-ms-high-contrast: none) {

    .l_contents.-hils .sol_imgmegamenu_header .common_link>a:hover::before,
    .l_contents.-ranpak .sol_imgmegamenu_header .common_link>a:hover::before,
    .l_contents.-haivision .sol_imgmegamenu_header .common_link>a:hover::before,
    .l_contents.-innophys .sol_imgmegamenu_header .common_link>a:hover::before,
    .l_contents.-ldl .sol_imgmegamenu_header .common_link>a:hover::before,
    .l_contents.-lds .sol_imgmegamenu_header .common_link>a:hover::before,
    .l_contents.-iot .sol_imgmegamenu_header .common_link>a:hover::before,
    .l_contents.-ai .sol_imgmegamenu_header .common_link>a:hover::before {
        color: #1E1E1E;
        background-color: #fff;
    }
}

@media (pointer: coarse) {

    .l_contents.-hils .sol_imgmegamenu_header .common_link>a:active::before,
    .l_contents.-ranpak .sol_imgmegamenu_header .common_link>a:active::before,
    .l_contents.-haivision .sol_imgmegamenu_header .common_link>a:active::before,
    .l_contents.-innophys .sol_imgmegamenu_header .common_link>a:active::before,
    .l_contents.-ldl .sol_imgmegamenu_header .common_link>a:active::before,
    .l_contents.-lds .sol_imgmegamenu_header .common_link>a:active::before,
    .l_contents.-iot .sol_imgmegamenu_header .common_link>a:active::before,
    .l_contents.-ai .sol_imgmegamenu_header .common_link>a:active::before {
        color: #1E1E1E;
        background-color: #fff;
    }
}

.sol_imgmegamenu_header> :last-child {
    margin-bottom: 0;
}

.sol_imgmegamenu_text {
    color: #fff;
    font-size: 0.93333rem;
}

.sol_imgmegamenu_body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 30px;
    width: calc(100% - 390px);
}

.sol_imgmegamenu_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px;
    width: 100%;
    overflow: hidden;
}

.sol_imgmegamenu_list_item {
    width: calc(33.3333% - 24px);
    margin: 12px;
}

.sol_imgmegamenu_list_item>a {
    display: block;
    background: #fff;
}

.sol_imgmegamenu_list_item>a>img {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    display: block;
}

.sol_imgmegamenu_list_item>a>.p_name {
    display: block;
}

@media (pointer: fine) {
    .sol_imgmegamenu_list_item>a:hover>img {
        opacity: 0.7;
    }
}

@media (-ms-high-contrast: none) {
    .sol_imgmegamenu_list_item>a:hover>img {
        opacity: 0.7;
    }
}

@media (pointer: coarse) {
    .sol_imgmegamenu_list_item>a:active>img {
        opacity: 0.7;
    }
}

/*MEGAMENU*/
.sol_imgmegamenu_Inn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 30px;
    width: calc(100% - 390px);
}

.subMmn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px;
    width: 100%;
    overflow: hidden;
}

.subMmn li {
    width: calc(50% - 24px);
    margin: 12px;
}

.subMmn li>a {
    color: #FFF;
    background: transparent;
}

.subMmn li .Titl {
    display: block;
    line-height: 1.2;
    margin-bottom: 10px;
}

.subMmn li .Titl.hai_imgmegamenu_label::before {
    top: 1px;
}

.subMmn li .leadtxt {
    display: inline-block;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .sol_imgmegamenu_Inn {
        width: 100%;
        padding-top: 15px;
        padding-left: 0;
    }

    .subMmn li {
        width: 100%;
    }
}

/*------------------------------------*/

.sol_local {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -20px -10px;
}

.sol_local_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(50% - 20px);
    margin: 20px 10px;
}

.sol_local_img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 0;
}

@media screen and (max-width: 1279px) {
    .sol_local_img {
        width: 34.545%;
    }
}

.sol_local_body {
    padding-left: 20px;
}

.sol_local_label {
    color: #fff;
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 0.75rem;
    line-height: 1.68;
}

.sol_local_label a {
    color: #fff;
    text-decoration: none;
}

.sol_local_list {
    line-height: 1.68;
}

.sol_local_list_item {
    margin-bottom: 0.25rem;
}

.sol_local_list_item:last-child {
    margin-bottom: 0;
}

.sol_local_list_item>a {
    position: relative;
    display: inline-block;
    font-size: 0.86667rem;
    color: #fff;
    text-decoration: none;
    padding-left: 25px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.sol_local_list_item>a::before {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    font-size: 13px;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 3.2px;
    top: 0.2rem;
    left: 0;
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
    overflow: hidden;
}

@media (pointer: fine) {
    .l_contents.-hils .sol_local_list_item>a:hover {
        color: #5B5196;
    }

    .l_contents.-hils .sol_local_list_item>a:hover::before {
        color: #fff;
        border-color: #5B5196;
        background-color: #5B5196;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-hils .sol_local_list_item>a:hover {
        color: #5B5196;
    }

    .l_contents.-hils .sol_local_list_item>a:hover::before {
        color: #fff;
        border-color: #5B5196;
        background-color: #5B5196;
    }
}

@media (pointer: coarse) {
    .l_contents.-hils .sol_local_list_item>a:active {
        color: #5B5196;
    }

    .l_contents.-hils .sol_local_list_item>a:active::before {
        color: #fff;
        border-color: #5B5196;
        background-color: #5B5196;
    }
}

@media (pointer: fine) {
    .l_contents.-haivision .sol_local_list_item>a:hover {
        color: #343434;
    }

    .l_contents.-haivision .sol_local_list_item>a:hover::before {
        color: #fff;
        border-color: #343434;
        background-color: #343434;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-haivision .sol_local_list_item>a:hover {
        color: #343434;
    }

    .l_contents.-haivision .sol_local_list_item>a:hover::before {
        color: #fff;
        border-color: #343434;
        background-color: #343434;
    }
}

@media (pointer: coarse) {
    .l_contents.-haivision .sol_local_list_item>a:active {
        color: #343434;
    }

    .l_contents.-haivision .sol_local_list_item>a:active::before {
        color: #fff;
        border-color: #343434;
        background-color: #343434;
    }
}

@media (pointer: fine) {
    .l_contents.-ranpak .sol_local_list_item>a:hover {
        color: #00AEE0;
    }

    .l_contents.-ranpak .sol_local_list_item>a:hover::before {
        color: #fff;
        border-color: #00AEE0;
        background-color: #00AEE0;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ranpak .sol_local_list_item>a:hover {
        color: #00AEE0;
    }

    .l_contents.-ranpak .sol_local_list_item>a:hover::before {
        color: #fff;
        border-color: #00AEE0;
        background-color: #00AEE0;
    }
}

@media (pointer: coarse) {
    .l_contents.-ranpak .sol_local_list_item>a:active {
        color: #00AEE0;
    }

    .l_contents.-ranpak .sol_local_list_item>a:active::before {
        color: #fff;
        border-color: #00AEE0;
        background-color: #00AEE0;
    }
}

@media (pointer: fine) {
    .l_contents.-innophys .sol_local_list_item>a:hover {
        color: #78982E;
    }

    .l_contents.-innophys .sol_local_list_item>a:hover::before {
        color: #fff;
        border-color: #78982E;
        background-color: #78982E;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-innophys .sol_local_list_item>a:hover {
        color: #78982E;
    }

    .l_contents.-innophys .sol_local_list_item>a:hover::before {
        color: #fff;
        border-color: #78982E;
        background-color: #78982E;
    }
}

@media (pointer: coarse) {
    .l_contents.-innophys .sol_local_list_item>a:active {
        color: #78982E;
    }

    .l_contents.-innophys .sol_local_list_item>a:active::before {
        color: #fff;
        border-color: #78982E;
        background-color: #78982E;
    }
}

@media (pointer: fine) {
    .l_contents.-ldl .sol_local_list_item>a:hover {
        color: #3BA76B;
    }

    .l_contents.-ldl .sol_local_list_item>a:hover::before {
        color: #fff;
        border-color: #3BA76B;
        background-color: #3BA76B;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ldl .sol_local_list_item>a:hover {
        color: #3BA76B;
    }

    .l_contents.-ldl .sol_local_list_item>a:hover::before {
        color: #fff;
        border-color: #3BA76B;
        background-color: #3BA76B;
    }
}

@media (pointer: coarse) {
    .l_contents.-ldl .sol_local_list_item>a:active {
        color: #3BA76B;
    }

    .l_contents.-ldl .sol_local_list_item>a:active::before {
        color: #fff;
        border-color: #3BA76B;
        background-color: #3BA76B;
    }
}

@media (pointer: fine) {
    .l_contents.-ai .sol_local_list_item>a:hover {
        color: #4783BF;
    }

    .l_contents.-ai .sol_local_list_item>a:hover::before {
        color: #fff;
        border-color: #4783BF;
        background-color: #4783BF;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ai .sol_local_list_item>a:hover {
        color: #4783BF;
    }

    .l_contents.-ai .sol_local_list_item>a:hover::before {
        color: #fff;
        border-color: #4783BF;
        background-color: #4783BF;
    }
}

@media (pointer: coarse) {
    .l_contents.-ai .sol_local_list_item>a:active {
        color: #4783BF;
    }

    .l_contents.-ai .sol_local_list_item>a:active::before {
        color: #fff;
        border-color: #4783BF;
        background-color: #4783BF;
    }
}

@media (pointer: fine) {
    .l_contents.-iot .sol_local_list_item>a:hover {
        color: #28AAA8;
    }

    .l_contents.-iot .sol_local_list_item>a:hover::before {
        color: #fff;
        border-color: #28AAA8;
        background-color: #28AAA8;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-iot .sol_local_list_item>a:hover {
        color: #28AAA8;
    }

    .l_contents.-iot .sol_local_list_item>a:hover::before {
        color: #fff;
        border-color: #28AAA8;
        background-color: #28AAA8;
    }
}

@media (pointer: coarse) {
    .l_contents.-iot .sol_local_list_item>a:active {
        color: #28AAA8;
    }

    .l_contents.-iot .sol_local_list_item>a:active::before {
        color: #fff;
        border-color: #28AAA8;
        background-color: #28AAA8;
    }
}

.sol_megamenu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 48px;
    background: rgba(0, 0, 0, .8);
}


.sol_megamenu_de {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 150px;
    background: rgba(0, 0, 0, .8);
}

.sol_megamenu.-top {
    top: auto;
    bottom: 48px;
}

.sol_megamenu_inner {
    max-width: 1200px;
    margin: 0 auto;
    overflow: auto;
    max-height: calc(100vh - 40px);
}

.sol_megamenu.-top .sol_megamenu_inner {
    max-height: 600px;
}

.sol_megamenu_contents {
    padding: 50px 40px;
}

.sol_megamenu_title {
    font-size: 1.73333rem;
    font-weight: 600;
    color: #fff;
    border-left: 5px solid #fff;
    padding-left: 30px;
    line-height: 1.25;
    margin-bottom: 2rem;
}

.sol_menu {
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1001;
    top: 415px;
}

.sol_menu + br {
    display: none;
}

#solutionMenu.sol_menu {
    background: rgba(255, 255, 255, 0);
}

.sol_menu.-fixed {
    position: fixed;
    top: 0;
    -webkit-transform: translateY(135px);
    transform: translateY(135px);
}

.sol_menu.-fixed.-anim {
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.sol_menu.-fixed.-hidden-header {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.l_contents.-top .sol_menu {
    top: 735px;
}

.l_contents.-top .sol_menu.-fixed {
    position: fixed;
    top: 0;
    -webkit-transform: translateY(135px);
    transform: translateY(135px);
    width: 100%;
}

.l_contents.-top .sol_menu.-fixed.-hidden-header {
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.l_contents.-design .sol_menu {
    top: 380px;
}

.l_contents.-design .sol_menu.-fixed {
    position: fixed;
    top: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

.l_contents.-design .sol_menu.-fixed.-anim {
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.l_contents.-design .sol_menu.-fixed.-hidden-header {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.l_contents.-design.-top .sol_menu {
    top: 700px;
}

.l_contents.-design.-top .sol_menu.-fixed {
    position: fixed;
    top: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    width: 100%;
}

.l_contents.-design.-top .sol_menu.-fixed.-hidden-header {
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (min-width: 992px) {
    .l_contents.-video-e_under .sol_menu:not(.-fixed) {
        top: 380px;
    }
}

.sol_name {
    padding-left: 40px;
    padding-right: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
    background: #eee;
    margin-bottom: 0;
    line-height: 1;
    border-bottom: 1px solid #0D3780;
}

.sol_widget {
    position: fixed;
    right: 0;
    top: 200px;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    z-index: 998;
}

.sol_widget.-show {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.sol_widget_item {
    width: 120px;
    height: 120px;
}

.sol_widget_item>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    line-height: 1.25;
    width: 100%;
    height: 100%;
    color: #00A2CB;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
    background: #fff;
    border: 1px solid #00A2CB;
}

@media (pointer: fine) {
    .sol_widget_item>a:hover {
        color: #fff;
        background-color: #00A2CB;
    }
}

@media (-ms-high-contrast: none) {
    .sol_widget_item>a:hover {
        color: #fff;
        background-color: #00A2CB;
    }
}

@media (pointer: coarse) {
    .sol_widget_item>a:active {
        color: #fff;
        background-color: #00A2CB;
    }
}

.sol_widget_item>a::after {
    margin-top: 8px;
    margin-top: 0.5rem;
}

.sol_widget_item.-exhibition>a {
    color: #fff;
    background: #00A2CB;
}

.sol_widget_item.-exhibition>a::after {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    font-size: 55px;
}

.l_contents.-hils .sol_widget_item.-exhibition>a {
    background-color: #5B5196;
    border-color: #5B5196;
}

@media (pointer: fine) {
    .l_contents.-hils .sol_widget_item.-exhibition>a:hover {
        background-color: #fff;
        color: #5B5196;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-hils .sol_widget_item.-exhibition>a:hover {
        background-color: #fff;
        color: #5B5196;
    }
}

@media (pointer: coarse) {
    .l_contents.-hils .sol_widget_item.-exhibition>a:active {
        background-color: #fff;
        color: #5B5196;
    }
}

.l_contents.-haivision .sol_widget_item.-exhibition>a {
    background-color: #343434;
    border-color: #343434;
}

@media (pointer: fine) {
    .l_contents.-haivision .sol_widget_item.-exhibition>a:hover {
        background-color: #fff;
        color: #343434;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-haivision .sol_widget_item.-exhibition>a:hover {
        background-color: #fff;
        color: #343434;
    }
}

@media (pointer: coarse) {
    .l_contents.-haivision .sol_widget_item.-exhibition>a:active {
        background-color: #fff;
        color: #343434;
    }
}

.l_contents.-ranpak .sol_widget_item.-exhibition>a {
    background-color: #00AEE0;
    border-color: #00AEE0;
}

@media (pointer: fine) {
    .l_contents.-ranpak .sol_widget_item.-exhibition>a:hover {
        background-color: #fff;
        color: #00AEE0;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ranpak .sol_widget_item.-exhibition>a:hover {
        background-color: #fff;
        color: #00AEE0;
    }
}

@media (pointer: coarse) {
    .l_contents.-ranpak .sol_widget_item.-exhibition>a:active {
        background-color: #fff;
        color: #00AEE0;
    }
}

.l_contents.-innophys .sol_widget_item.-exhibition>a {
    background-color: #78982E;
    border-color: #78982E;
}

@media (pointer: fine) {
    .l_contents.-innophys .sol_widget_item.-exhibition>a:hover {
        background-color: #fff;
        color: #78982E;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-innophys .sol_widget_item.-exhibition>a:hover {
        background-color: #fff;
        color: #78982E;
    }
}

@media (pointer: coarse) {
    .l_contents.-innophys .sol_widget_item.-exhibition>a:active {
        background-color: #fff;
        color: #78982E;
    }
}

.l_contents.-ldl .sol_widget_item.-exhibition>a {
    background-color: #3BA76B;
    border-color: #3BA76B;
}

@media (pointer: fine) {
    .l_contents.-ldl .sol_widget_item.-exhibition>a:hover {
        background-color: #fff;
        color: #3BA76B;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ldl .sol_widget_item.-exhibition>a:hover {
        background-color: #fff;
        color: #3BA76B;
    }
}

@media (pointer: coarse) {
    .l_contents.-ldl .sol_widget_item.-exhibition>a:active {
        background-color: #fff;
        color: #3BA76B;
    }
}

.l_contents.-ai .sol_widget_item.-exhibition>a {
    background-color: #4783BF;
    border-color: #4783BF;
}

@media (pointer: fine) {
    .l_contents.-ai .sol_widget_item.-exhibition>a:hover {
        background-color: #fff;
        color: #4783BF;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ai .sol_widget_item.-exhibition>a:hover {
        background-color: #fff;
        color: #4783BF;
    }
}

@media (pointer: coarse) {
    .l_contents.-ai .sol_widget_item.-exhibition>a:active {
        background-color: #fff;
        color: #4783BF;
    }
}

.l_contents.-iot .sol_widget_item.-exhibition>a {
    background-color: #28AAA8;
    border-color: #28AAA8;
}

@media (pointer: fine) {
    .l_contents.-iot .sol_widget_item.-exhibition>a:hover {
        background-color: #fff;
        color: #28AAA8;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-iot .sol_widget_item.-exhibition>a:hover {
        background-color: #fff;
        color: #28AAA8;
    }
}

@media (pointer: coarse) {
    .l_contents.-iot .sol_widget_item.-exhibition>a:active {
        background-color: #fff;
        color: #28AAA8;
    }
}

.sol_widget_item.-seminar>a::after {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    font-size: 47px;
}

.l_contents.-hils .sol_widget_item.-seminar>a {
    color: #5B5196;
    border-color: #5B5196;
}

@media (pointer: fine) {
    .l_contents.-hils .sol_widget_item.-seminar>a:hover {
        background-color: #5B5196;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-hils .sol_widget_item.-seminar>a:hover {
        background-color: #5B5196;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-hils .sol_widget_item.-seminar>a:active {
        background-color: #5B5196;
        color: #fff;
    }
}

.l_contents.-haivision .sol_widget_item.-seminar>a {
    color: #343434;
    border-color: #343434;
}

@media (pointer: fine) {
    .l_contents.-haivision .sol_widget_item.-seminar>a:hover {
        background-color: #343434;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-haivision .sol_widget_item.-seminar>a:hover {
        background-color: #343434;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-haivision .sol_widget_item.-seminar>a:active {
        background-color: #343434;
        color: #fff;
    }
}

.l_contents.-ranpak .sol_widget_item.-seminar>a {
    color: #00AEE0;
    border-color: #00AEE0;
}

@media (pointer: fine) {
    .l_contents.-ranpak .sol_widget_item.-seminar>a:hover {
        background-color: #00AEE0;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ranpak .sol_widget_item.-seminar>a:hover {
        background-color: #00AEE0;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-ranpak .sol_widget_item.-seminar>a:active {
        background-color: #00AEE0;
        color: #fff;
    }
}

.l_contents.-innophys .sol_widget_item.-seminar>a {
    color: #78982E;
    border-color: #78982E;
}

@media (pointer: fine) {
    .l_contents.-innophys .sol_widget_item.-seminar>a:hover {
        background-color: #78982E;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-innophys .sol_widget_item.-seminar>a:hover {
        background-color: #78982E;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-innophys .sol_widget_item.-seminar>a:active {
        background-color: #78982E;
        color: #fff;
    }
}

.l_contents.-ldl .sol_widget_item.-seminar>a {
    color: #3BA76B;
    border-color: #3BA76B;
}

@media (pointer: fine) {
    .l_contents.-ldl .sol_widget_item.-seminar>a:hover {
        background-color: #3BA76B;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ldl .sol_widget_item.-seminar>a:hover {
        background-color: #3BA76B;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-ldl .sol_widget_item.-seminar>a:active {
        background-color: #3BA76B;
        color: #fff;
    }
}

.l_contents.-ai .sol_widget_item.-seminar>a {
    color: #4783BF;
    border-color: #4783BF;
}

@media (pointer: fine) {
    .l_contents.-ai .sol_widget_item.-seminar>a:hover {
        background-color: #4783BF;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ai .sol_widget_item.-seminar>a:hover {
        background-color: #4783BF;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-ai .sol_widget_item.-seminar>a:active {
        background-color: #4783BF;
        color: #fff;
    }
}

.l_contents.-iot .sol_widget_item.-seminar>a {
    color: #28AAA8;
    border-color: #28AAA8;
}

@media (pointer: fine) {
    .l_contents.-iot .sol_widget_item.-seminar>a:hover {
        background-color: #28AAA8;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-iot .sol_widget_item.-seminar>a:hover {
        background-color: #28AAA8;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-iot .sol_widget_item.-seminar>a:active {
        background-color: #28AAA8;
        color: #fff;
    }
}

.sol_widget_item.-ec>a::after {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    font-size: 52px;
}

.l_contents.-hils .sol_widget_item.-ec>a {
    color: #5B5196;
    border-color: #5B5196;
}

@media (pointer: fine) {
    .l_contents.-hils .sol_widget_item.-ec>a:hover {
        background-color: #5B5196;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-hils .sol_widget_item.-ec>a:hover {
        background-color: #5B5196;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-hils .sol_widget_item.-ec>a:active {
        background-color: #5B5196;
        color: #fff;
    }
}

.l_contents.-haivision .sol_widget_item.-ec>a {
    color: #343434;
    border-color: #343434;
}

@media (pointer: fine) {
    .l_contents.-haivision .sol_widget_item.-ec>a:hover {
        background-color: #343434;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-haivision .sol_widget_item.-ec>a:hover {
        background-color: #343434;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-haivision .sol_widget_item.-ec>a:active {
        background-color: #343434;
        color: #fff;
    }
}

.l_contents.-ranpak .sol_widget_item.-ec>a {
    color: #00AEE0;
    border-color: #00AEE0;
}

@media (pointer: fine) {
    .l_contents.-ranpak .sol_widget_item.-ec>a:hover {
        background-color: #00AEE0;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ranpak .sol_widget_item.-ec>a:hover {
        background-color: #00AEE0;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-ranpak .sol_widget_item.-ec>a:active {
        background-color: #00AEE0;
        color: #fff;
    }
}

.l_contents.-innophys .sol_widget_item.-ec>a {
    color: #78982E;
    border-color: #78982E;
}

@media (pointer: fine) {
    .l_contents.-innophys .sol_widget_item.-ec>a:hover {
        background-color: #78982E;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-innophys .sol_widget_item.-ec>a:hover {
        background-color: #78982E;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-innophys .sol_widget_item.-ec>a:active {
        background-color: #78982E;
        color: #fff;
    }
}
.l_contents.-klorus .sol_widget_item.-ec>a {
    color: #78982E;
    border-color: #78982E;
}

@media (pointer: fine) {
    .l_contents.-klorus .sol_widget_item.-ec>a:hover {
        background-color: #78982E;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-klorus .sol_widget_item.-ec>a:hover {
        background-color: #78982E;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-klorus .sol_widget_item.-ec>a:active {
        background-color: #78982E;
        color: #fff;
    }
}
.l_contents.-ldl .sol_widget_item.-ec>a {
    color: #3BA76B;
    border-color: #3BA76B;
}

@media (pointer: fine) {
    .l_contents.-ldl .sol_widget_item.-ec>a:hover {
        background-color: #3BA76B;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ldl .sol_widget_item.-ec>a:hover {
        background-color: #3BA76B;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-ldl .sol_widget_item.-ec>a:active {
        background-color: #3BA76B;
        color: #fff;
    }
}

.l_contents.-ai .sol_widget_item.-ec>a {
    color: #4783BF;
    border-color: #4783BF;
}

@media (pointer: fine) {
    .l_contents.-ai .sol_widget_item.-ec>a:hover {
        background-color: #4783BF;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ai .sol_widget_item.-ec>a:hover {
        background-color: #4783BF;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-ai .sol_widget_item.-ec>a:active {
        background-color: #4783BF;
        color: #fff;
    }
}

.l_contents.-iot .sol_widget_item.-ec>a {
    color: #28AAA8;
    border-color: #28AAA8;
}

@media (pointer: fine) {
    .l_contents.-iot .sol_widget_item.-ec>a:hover {
        background-color: #28AAA8;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-iot .sol_widget_item.-ec>a:hover {
        background-color: #28AAA8;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-iot .sol_widget_item.-ec>a:active {
        background-color: #28AAA8;
        color: #fff;
    }
}

.sol_widget_item.-mailmagazine>a::after {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    font-size: 48px;
}

.l_contents.-hils .sol_widget_item.-mailmagazine>a {
    color: #5B5196;
    border-color: #5B5196;
}

@media (pointer: fine) {
    .l_contents.-hils .sol_widget_item.-mailmagazine>a:hover {
        background-color: #5B5196;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-hils .sol_widget_item.-mailmagazine>a:hover {
        background-color: #5B5196;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-hils .sol_widget_item.-mailmagazine>a:active {
        background-color: #5B5196;
        color: #fff;
    }
}

.l_contents.-haivision .sol_widget_item.-mailmagazine>a {
    color: #343434;
    border-color: #343434;
}

@media (pointer: fine) {
    .l_contents.-haivision .sol_widget_item.-mailmagazine>a:hover {
        background-color: #343434;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-haivision .sol_widget_item.-mailmagazine>a:hover {
        background-color: #343434;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-haivision .sol_widget_item.-mailmagazine>a:active {
        background-color: #343434;
        color: #fff;
    }
}

.l_contents.-ranpak .sol_widget_item.-mailmagazine>a {
    color: #00AEE0;
    border-color: #00AEE0;
}

@media (pointer: fine) {
    .l_contents.-ranpak .sol_widget_item.-mailmagazine>a:hover {
        background-color: #00AEE0;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ranpak .sol_widget_item.-mailmagazine>a:hover {
        background-color: #00AEE0;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-ranpak .sol_widget_item.-mailmagazine>a:active {
        background-color: #00AEE0;
        color: #fff;
    }
}

.l_contents.-innophys .sol_widget_item.-mailmagazine>a {
    color: #78982E;
    border-color: #78982E;
}

@media (pointer: fine) {
    .l_contents.-innophys .sol_widget_item.-mailmagazine>a:hover {
        background-color: #78982E;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-innophys .sol_widget_item.-mailmagazine>a:hover {
        background-color: #78982E;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-innophys .sol_widget_item.-mailmagazine>a:active {
        background-color: #78982E;
        color: #fff;
    }
}

.l_contents.-ldl .sol_widget_item.-mailmagazine>a {
    color: #3BA76B;
    border-color: #3BA76B;
}

@media (pointer: fine) {
    .l_contents.-ldl .sol_widget_item.-mailmagazine>a:hover {
        background-color: #3BA76B;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ldl .sol_widget_item.-mailmagazine>a:hover {
        background-color: #3BA76B;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-ldl .sol_widget_item.-mailmagazine>a:active {
        background-color: #3BA76B;
        color: #fff;
    }
}

.l_contents.-ai .sol_widget_item.-mailmagazine>a {
    color: #4783BF;
    border-color: #4783BF;
}

@media (pointer: fine) {
    .l_contents.-ai .sol_widget_item.-mailmagazine>a:hover {
        background-color: #4783BF;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ai .sol_widget_item.-mailmagazine>a:hover {
        background-color: #4783BF;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-ai .sol_widget_item.-mailmagazine>a:active {
        background-color: #4783BF;
        color: #fff;
    }
}

.l_contents.-iot .sol_widget_item.-mailmagazine>a {
    color: #28AAA8;
    border-color: #28AAA8;
}

@media (pointer: fine) {
    .l_contents.-iot .sol_widget_item.-mailmagazine>a:hover {
        background-color: #28AAA8;
        color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-iot .sol_widget_item.-mailmagazine>a:hover {
        background-color: #28AAA8;
        color: #fff;
    }
}

@media (pointer: coarse) {
    .l_contents.-iot .sol_widget_item.-mailmagazine>a:active {
        background-color: #28AAA8;
        color: #fff;
    }
}

.sol_widget_item.-innophys>a {
    color: #78982E;
    background: #EAF1D9;
    border-color: #78982E;
}

.sol_widget_item.-innophys>a::after {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    font-size: 64px;
}

@media (pointer: fine) {
    .sol_widget_item.-innophys>a:hover {
        color: #fff;
        background-color: #78982E;
    }
}

@media (-ms-high-contrast: none) {
    .sol_widget_item.-innophys>a:hover {
        color: #fff;
        background-color: #78982E;
    }
}

@media (pointer: coarse) {
    .sol_widget_item.-innophys>a:active {
        color: #fff;
        background-color: #78982E;
    }
}

.sol_widget_item.-free>a {
    color: #fff;
    background: #00A2CB;
}

.sol_widget_item.-free>a::after {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    font-size: 40px;
}

.l_contents.-hils .sol_widget_item.-free>a {
    background-color: #5B5196;
    border-color: #5B5196;
}

@media (pointer: fine) {
    .l_contents.-hils .sol_widget_item.-free>a:hover {
        background-color: #fff;
        color: #5B5196;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-hils .sol_widget_item.-free>a:hover {
        background-color: #fff;
        color: #5B5196;
    }
}

@media (pointer: coarse) {
    .l_contents.-hils .sol_widget_item.-free>a:active {
        background-color: #fff;
        color: #5B5196;
    }
}

.l_contents.-haivision .sol_widget_item.-free>a {
    background-color: #343434;
    border-color: #343434;
}

@media (pointer: fine) {
    .l_contents.-haivision .sol_widget_item.-free>a:hover {
        background-color: #fff;
        color: #343434;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-haivision .sol_widget_item.-free>a:hover {
        background-color: #fff;
        color: #343434;
    }
}

@media (pointer: coarse) {
    .l_contents.-haivision .sol_widget_item.-free>a:active {
        background-color: #fff;
        color: #343434;
    }
}

.l_contents.-ranpak .sol_widget_item.-free>a {
    background-color: #00AEE0;
    border-color: #00AEE0;
}

@media (pointer: fine) {
    .l_contents.-ranpak .sol_widget_item.-free>a:hover {
        background-color: #fff;
        color: #00AEE0;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ranpak .sol_widget_item.-free>a:hover {
        background-color: #fff;
        color: #00AEE0;
    }
}

@media (pointer: coarse) {
    .l_contents.-ranpak .sol_widget_item.-free>a:active {
        background-color: #fff;
        color: #00AEE0;
    }
}

.l_contents.-innophys .sol_widget_item.-free>a {
    background-color: #78982E;
    border-color: #78982E;
}

@media (pointer: fine) {
    .l_contents.-innophys .sol_widget_item.-free>a:hover {
        background-color: #fff;
        color: #78982E;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-innophys .sol_widget_item.-free>a:hover {
        background-color: #fff;
        color: #78982E;
    }
}

@media (pointer: coarse) {
    .l_contents.-innophys .sol_widget_item.-free>a:active {
        background-color: #fff;
        color: #78982E;
    }
}

.l_contents.-ldl .sol_widget_item.-free>a {
    background-color: #3BA76B;
    border-color: #3BA76B;
}

@media (pointer: fine) {
    .l_contents.-ldl .sol_widget_item.-free>a:hover {
        background-color: #fff;
        color: #3BA76B;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ldl .sol_widget_item.-free>a:hover {
        background-color: #fff;
        color: #3BA76B;
    }
}

@media (pointer: coarse) {
    .l_contents.-ldl .sol_widget_item.-free>a:active {
        background-color: #fff;
        color: #3BA76B;
    }
}

.l_contents.-ai .sol_widget_item.-free>a {
    background-color: #4783BF;
    border-color: #4783BF;
}

@media (pointer: fine) {
    .l_contents.-ai .sol_widget_item.-free>a:hover {
        background-color: #fff;
        color: #4783BF;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-ai .sol_widget_item.-free>a:hover {
        background-color: #fff;
        color: #4783BF;
    }
}

@media (pointer: coarse) {
    .l_contents.-ai .sol_widget_item.-free>a:active {
        background-color: #fff;
        color: #4783BF;
    }
}

.l_contents.-iot .sol_widget_item.-free>a {
    background-color: #28AAA8;
    border-color: #28AAA8;
}

@media (pointer: fine) {
    .l_contents.-iot .sol_widget_item.-free>a:hover {
        background-color: #fff;
        color: #28AAA8;
    }
}

@media (-ms-high-contrast: none) {
    .l_contents.-iot .sol_widget_item.-free>a:hover {
        background-color: #fff;
        color: #28AAA8;
    }
}

@media (pointer: coarse) {
    .l_contents.-iot .sol_widget_item.-free>a:active {
        background-color: #fff;
        color: #28AAA8;
    }
}

.sol_widget_item.-inquiry>a::after {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    font-size: 42px;
}

.ai_columndata {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.ai_columndata_img {
    margin-bottom: 0;
}

.ai_columndata_body {
    padding-left: 20px;
}

.ai_columndata_body>p {
    line-height: 1.68;
}

.ai_columndata_body> :last-child {
    margin-bottom: 0;
}

.ai_columndata_author {
    font-weight: 600;
}

.ai_columnheader {
    margin-bottom: 1.75rem;
}

.ai_columnheader_title {
    font-weight: 600;
    font-size: 1.86667rem;
    line-height: 1.68;
    margin-bottom: 0.5rem;
}

.ai_columnheader_post {
    margin-bottom: 0;
}

.ai_fpga_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto;
}

.ai_fpga_caption.-left {
    width: 42%;
}

.ai_fpga_caption.-right {
    width: 47.25%;
}

.ai_iconlist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -15px 1.75rem;
}

.ai_iconlist_icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 15px;
}

.ai_iconlist_header {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 200px;
    margin: 0 15px;
}

.ai_iconlist_body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 15px;
}

.ai_iconlist_body> :last-child {
    margin-bottom: 0;
}

.ai_iconlist_title {
    font-size: 1.33333rem;
    font-weight: 600;
    color: #4783BF;
    line-height: 1.68;
}

.ai_iconlist_sub {
    margin-bottom: 0;
}

.ai_reason>dt {
    text-align: center;
    font-weight: 600;
    color: #fff;
    padding: 0.5rem 10px;
    background: #4783BF;
}

.ai_reason>dd {
    text-align: center;
}

.ai_research {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.ai_research_body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 40px;
}

.ai_research_body> :last-child {
    margin-bottom: 0;
}

.ai_research_title {
    position: relative;
    font-size: 2rem;
    font-weight: 600;
    color: #4783BF;
    margin-bottom: 1.25rem;
}

.ai_research_title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 2px;
    background: #4783BF;
}

.ai_research_widget {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 560px;
    margin: 0 auto;
    padding: 0 80px;
}

.ai_slider_item {
    display: block !important;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.ai_slider_img {
    margin-bottom: 0;
}

.ai_slider_body {
    padding: 20px;
    background: #EEE;
}

.ai_slider_body> :last-child {
    margin-bottom: 0;
}

.ai_slider_body>p {
    line-height: 1.68;
}

.ai_slider_data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.ai_slider_data_time {
    font-size: 0.8rem;
    opacity: 0.5;
}

.ai_slider_data_category {
    font-size: 0.8rem;
    color: #4783BF;
    border-bottom: 1px solid #4783BF;
}

.ai_slider_title {
    font-size: 1.33333rem;
    line-height: 1.68;
    margin-bottom: 0.5rem;
}

.ai_slider .slick-slide>div {
    height: auto;
}

.ai_slider .slick-arrow {
    width: 50px;
    height: 50px;
    padding-left: 48px;
    overflow: hidden;
    white-space: nowrap;
    margin-top: -25px;
    background: none;
    border-radius: 25px;
    border: 1px solid #1E1E1E;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.ai_slider .slick-arrow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 -4px;
    border-left: 2px solid #1E1E1E;
    border-top: 2px solid #1E1E1E;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

@media (pointer: fine) {
    .ai_slider .slick-arrow:hover {
        border-color: #4783BF;
    }

    .ai_slider .slick-arrow:hover::before {
        border-left-color: #4783BF;
        border-top-color: #4783BF;
    }
}

@media (-ms-high-contrast: none) {
    .ai_slider .slick-arrow:hover {
        border-color: #4783BF;
    }

    .ai_slider .slick-arrow:hover::before {
        border-left-color: #4783BF;
        border-top-color: #4783BF;
    }
}

@media (pointer: coarse) {
    .ai_slider .slick-arrow:active {
        border-color: #4783BF;
    }

    .ai_slider .slick-arrow:active::before {
        border-left-color: #4783BF;
        border-top-color: #4783BF;
    }
}

.ai_slider .slick-prev {
    left: -80px;
}

.ai_slider .slick-next {
    right: -80px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ai_table_caption {
    text-align: center;
    margin-top: -1rem;
}

.ai_table {
    width: 100%;
    border-top: 2px solid #91B5D9;
    margin-bottom: 1.75rem;
}

.ai_table th,
.ai_table td {
    padding: 0.75rem 20px;
}

.ai_table th> :last-child,
.ai_table td> :last-child {
    margin-bottom: 0;
}

.ai_table th.inp_table_img,
.ai_table td.inp_table_img {
    padding: 0;
}

.ai_table.-narrow th,
.ai_table.-narrow td {
    padding: 0.75rem 10px;
}

.ai_table.-fixed {
    table-layout: fixed;
}

.ai_table.-sm {
    font-size: 0.86667rem;
}

.ai_table th {
    color: #fff;
    background: #4783BF;
    border-bottom: 2px solid #91B5D9;
    border-right: 2px solid #91B5D9;
}

.ai_table th:last-child {
    border-right: 0;
}

.ai_table th.ai_table_head {
    background: #4783BF;
}

.ai_table.common_center th {
    text-align: center;
}

.ai_table caption {
    font-weight: 600;
    color: #4783BF;
    text-align: left;
    margin-bottom: 1rem;
    font-size: 1.33333rem;
}

.ai_table thead th {
    color: #fff;
    background: #4783BF;
}

.ai_table td {
    background: #ECF2F8;
    border-bottom: 2px solid #91B5D9;
    border-right: 2px solid #91B5D9;
}

.ai_table td:last-child {
    border-right: 0;
}

.ai_table td>p {
    margin-bottom: 0.75rem;
}

.ai_table.-head-lg thead th {
    font-size: 1.33333rem;
}

.ai_table_bold {
    font-weight: 600;
}

.ai_tech {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -30px 1.75rem;
}

.ai_tech_item {
    margin: 0 30px;
}

.ai_tech_dl>dt {
    font-weight: 600;
    text-align: center;
    margin-bottom: 0.75rem;
}

.ai_tech_dl>dd {
    position: relative;
    text-align: center;
}

.ai_tech_dl>dd::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -40px;
    border-left: 20px solid #4783BF;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    margin-top: -15px;
}

.ai_tech_item:last-child .ai_tech_dl>dd::after {
    content: none;
}

.ai_value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: calc(3rem - 20px) 0 1.75rem;
}

.ai_value_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25%;
    border-right: 1px solid #c3c3c3;
    margin: 20px 0 0;
    padding: 20px;
}

.ai_value_item:nth-child(4n) {
    border-right: 0;
}

.ai_value_icon {
    margin-bottom: 1.25rem;
    text-align: center;
}

.ai_value_dl>dt {
    position: relative;
    text-align: center;
    font-size: 1.33333rem;
    line-height: 1.5;
    padding-bottom: 0.75rem;
    margin-bottom: 1.25rem;
}

.ai_value_dl>dt::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 30px;
    height: 1px;
    background: #4783BF;
}

.ai_value_dl>dd {
    line-height: 1.5;
}

.hai_app {
    width: calc(100vw - var(--scroll-bar));
    width: calc(100vw - var(--scroll-bar));
    margin-left: calc((100vw - var(--scroll-bar) - 100%) / -2);
    margin-left: calc((100vw - var(--scroll-bar) - 100%) / -2);
    margin-top: 4rem;
    margin-bottom: 4rem;
}

@media all and (-ms-high-contrast: none) {
    .hai_app {
        width: calc(100vw - 17px);
        margin-left: calc((100vw - 17px - 100%) / -2);
    }
}

.hai_app_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.hai_app_list_item {
    width: 25%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15.5%;
    min-height: 200px;
}

.hai_app_list_item+.hai_app_list_item {
    border-left: solid 3px #FFF;
}

.hai_app_body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7%;
    background: rgba(30, 30, 30, .4);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    z-index: 2;
}

@media (pointer: fine) {
    .hai_app_list_item.biggerlink:hover .hai_app_body {
        background: rgba(30, 30, 30, .2);
    }
}

@media (-ms-high-contrast: none) {
    .hai_app_list_item.biggerlink:hover .hai_app_body {
        background: rgba(30, 30, 30, .2);
    }
}

@media (pointer: coarse) {
    .hai_app_list_item.biggerlink:active .hai_app_body {
        background: rgba(30, 30, 30, .2);
    }
}

.hai_app_body_label {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    line-height: 1.68;
}

.hai_app_body_label>a {
    color: #fff;
    font-size: 1.33333rem;
    text-decoration: none;
    text-align: center;
    text-shadow: 0 0 5px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .7);
}

.hai_app_body p {
    color: #fff;
    text-align: center;
    line-height: 1.68;
    opacity: 0;
    visibility: hidden;
    margin-bottom: -4em;
    transition-duration: 0.5s;
    display: block;
    max-width: 100%;
}

@media screen and (min-width: 991px) {
    .hai_app_list_item.biggerlink:hover p {
        position: relative;
        opacity: 1;
        visibility: visible;
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 991px) and (max-width: 1280px) {

    .hai_app_body p {
        font-size: 1.2vw;
    }
}

@media screen and (max-width: 990px) {

    .hai_app_body p {
        opacity: 1;
        visibility: visible;
        margin-bottom: 10px;
    }
}


/*
.hai_app_body > :last-child {
	margin-bottom: 0;
}
*/

.hai_app_img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.hai_case_header {
    margin-bottom: 4rem;
}

.hai_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 6.6666rem;
    margin-bottom: 2.5rem;
}

.hai_header_logo {
    margin: 0;
}

.hai_header_btn {
    margin: 0;
}

.hai_imgmegamenu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.hai_imgmegamenu_item {
    width: calc(25% - 30px);
    margin: 0 15px;
}

.hai_imgmegamenu_item>a {
    display: block;
    background: #fff;
    margin-bottom: 0.25rem;
}

.hai_imgmegamenu_item>a>img {
    max-width: none;
    width: 100%;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

@media (pointer: fine) {
    .hai_imgmegamenu_item.biggerlink:hover>a>img {
        opacity: 0.7;
    }
}

@media (-ms-high-contrast: none) {
    .hai_imgmegamenu_item.biggerlink:hover>a>img {
        opacity: 0.7;
    }
}

@media (pointer: coarse) {
    .hai_imgmegamenu_item.biggerlink:active>a>img {
        opacity: 0.7;
    }
}

.hai_imgmegamenu_label {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    margin-bottom: 0;
    color: #fff;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.hai_imgmegamenu_label::before {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    font-size: 13px;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 7.2px;
    top: 0.45rem;
    left: 0;
    border: 1px solid #fff;
    color: #fff;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
    overflow: hidden;
}

@media (pointer: fine) {
    .hai_imgmegamenu_item.biggerlink:hover .hai_imgmegamenu_label::before {
        color: #1E1E1E;
        background: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .hai_imgmegamenu_item.biggerlink:hover .hai_imgmegamenu_label::before {
        color: #1E1E1E;
        background: #fff;
    }
}

@media (pointer: coarse) {
    .hai_imgmegamenu_item.biggerlink:active .hai_imgmegamenu_label::before {
        color: #1E1E1E;
        background: #fff;
    }
}

.hai_inquiry {
    text-align: center;
    margin: 4rem 0;
}

.hai_inquiry>a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

@media (pointer: fine) {
    .hai_inquiry>a:hover {
        opacity: 0.7;
    }
}

@media (-ms-high-contrast: none) {
    .hai_inquiry>a:hover {
        opacity: 0.7;
    }
}

@media (pointer: coarse) {
    .hai_inquiry>a:active {
        opacity: 0.7;
    }
}

.hai_logo {
    margin-bottom: 1.75rem;
}

.hai_logo>img {
    margin-right: 15px;
    vertical-align: -6px;
}

.hai_main {
    width: calc(100vw - var(--scroll-bar));
    width: calc(100vw - var(--scroll-bar));
    margin-left: calc((100vw - var(--scroll-bar) - 100%) / -2);
    margin-left: calc((100vw - var(--scroll-bar) - 100%) / -2);
    margin-bottom: 4rem;
}

@media all and (-ms-high-contrast: none) {
    .hai_main {
        width: calc(100vw - 17px);
        margin-left: calc((100vw - 17px - 100%) / -2);
    }
}

.hai_main_inner {
    position: relative;
    max-width: 1540px;
    margin: 0 auto;
}

.hai_main_inner>img {
    height: auto;
    z-index: 1;
}

.hai_main_body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 3rem 40px 4.5rem;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .6), rgba(0, 0, 0, .4) 80%, transparent);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .6), rgba(0, 0, 0, .4) 80%, transparent);
    z-index: 2;
}

.hai_main_body> :last-child {
    margin-bottom: 0;
}

.hai_main_title {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0.5rem;
}

.hai_main_text {
    color: #fff;
    font-size: 1.06667rem;
    text-align: center;
}

.hai_type {
    position: relative;
}

.hai_type_label {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    color: #fff;
    min-width: 80px;
    padding: 0.35rem 10px;
    font-size: 0.8rem;
    background: rgba(52, 52, 52, .8);
}

.hils_header_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1.5;
    width: 100%;
    max-width: 320px;
    z-index: 10;
    margin-left: auto;
    margin-bottom: 2rem;
}

.hils_header_btn:last-child {
    margin-bottom: 0;
}

.hils_header_btn>a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    min-height: 60px;
    padding: 1rem 45px;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
    -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}

@media (pointer: fine) {
    .hils_header_btn>a:hover {
        color: #5B5196;
        background-color: #fff;
        border-color: #fff;
    }
}

@media screen and (pointer: fine) and (max-width: 767px) {
    .hils_header_btn>a:hover {
        color: #fff;
        background-color: #5B5196;
        border-color: #5B5196;
    }
}

@media (-ms-high-contrast: none) {
    .hils_header_btn>a:hover {
        color: #5B5196;
        background-color: #fff;
        border-color: #fff;
    }
}

@media screen and (-ms-high-contrast: none) and (max-width: 767px) {
    .hils_header_btn>a:hover {
        color: #fff;
        background-color: #5B5196;
        border-color: #5B5196;
    }
}

@media (pointer: coarse) {
    .hils_header_btn>a:active {
        color: #5B5196;
        background-color: #fff;
        border-color: #fff;
    }
}

@media screen and (pointer: coarse) and (max-width: 767px) {
    .hils_header_btn>a:active {
        color: #fff;
        background-color: #5B5196;
        border-color: #5B5196;
    }
}

.hils_header_btn>a::after {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 10px;
    margin-top: -5px;
}

.hils_header_img {
    text-align: left;
    margin-bottom: 0;
    margin-top: 2rem;
}

.hils_imgrow:before,
.hils_imgrow:after {
    display: table;
    content: '';
}

.hils_imgrow:after {
    clear: both;
}

.hils_imgrow_img {
    float: left;
}

.hils_imgrow_body {
    padding-left: 510px;
}

.hils_lead {
    margin-top: 5.3333rem;
    margin-bottom: 1rem;
    font-size: 2.4rem;
    text-align: center;
    line-height: 1.75;
}

.hils_lead_inner {
    background: -webkit-linear-gradient(transparent 40%, #CFCCE0 0%);
    background: linear-gradient(transparent 40%, #CFCCE0 0%);
}

.hils_lead+.common_title_center {
    margin-top: 0;
}

.hils_lead2 {
    margin-top: 5.3333rem;
    margin-bottom: 1rem;
    font-size: 2rem;
    color: #5B5196;
    letter-spacing: 0.14em;
}

.hils_lead2_inner {
    background: -webkit-linear-gradient(transparent 40%, #CFCCE0 0%);
    background: linear-gradient(transparent 40%, #CFCCE0 0%);
}

.hils_lead2+.common_title_center {
    margin-top: 0;
}

.hils_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px -7px 1.75rem;
}

.hils_list>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(20% - 14px);
    color: #5B5196;
    background: #EAE9F1;
    margin: 15px 7px 0;
    line-height: 1.68;
    text-align: center;
    padding: 1.5rem 10px;
}

.hils_scene {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 5.3333rem -5px 1.75rem;
}

.hils_scene_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 5px;
}

.hils_scene_label {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    line-height: 1.68;
    font-size: 1.2rem;
}

.hils_table {
    width: 100%;
    border-top: 1px solid #EAE9F1;
    margin-bottom: 1.75rem;
}

.hils_table th,
.hils_table td {
    padding: 0.75rem 20px;
}

.hils_table th> :last-child,
.hils_table td> :last-child {
    margin-bottom: 0;
}

.hils_table.-narrow th,
.hils_table.-narrow td {
    padding: 0.35rem 10px;
}

.hils_table.-font-sm {
    font-size: 0.86667rem;
}

.hils_table th {
    background: #CFCCE0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.hils_table th:last-child {
    border-right: 0;
}

.hils_table.common_center th {
    text-align: center;
}

.hils_table thead th {
    color: #fff;
    background: #5B5196;
}

.hils_table td {
    background: #F8F8FB;
    border-bottom: 1px solid #EAE9F1;
    border-right: 1px solid #EAE9F1;
}

.hils_table td:last-child {
    border-right: 0;
}

.hils_table.-head-lg thead th {
    font-size: 1.33333rem;
}

.hils_table_bold {
    font-weight: 600;
}

.inp_box {
    padding: 20px;
    border: 1px solid #78982E;
}

.inp_box> :last-child {
    margin-bottom: 0;
}

.inp_grid_row .inp_box {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.inp_box>* {
    margin-bottom: 0;
}

.inp_caption {
    padding-left: 2em;
    text-indent: -2em;
}

.inp_container {
    margin-top: 5.3333rem;
    margin-bottom: 4rem;
}

.inp_container_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -15px 2rem;
}

.inp_container_row:last-child {
    margin-bottom: 0;
}

.inp_container_item {
    width: calc(33.3333% - 30px);
    margin: 0 15px;
}

.inp_feature> :last-child {
    margin-bottom: 0;
}

.inp_feature_icon {
    margin-bottom: 0.5rem;
}

.inp_feature_title {
    position: relative;
    font-size: 1.33333rem;
    font-weight: 400;
    text-align: center;
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
}

.inp_feature_title::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30px;
    height: 1px;
    background: #78982E;
}

.inp_grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 4rem 0;
}

.inp_grid_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 1px dashed #78982E;
}

.inp_grid_item:last-child {
    border-right: 0;
}

.inp_grid_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    border-bottom: 1px dashed #78982E;
}

.inp_grid_row:last-child {
    border-bottom: 0;
}

.inp_grid_row.-fit {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.inp_grid_row> :last-child {
    margin-bottom: 0;
}

.inp_grid_title {
    font-size: 1.33333rem;
    font-weight: 600;
    text-align: center;
}

.inp_grid_label {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1.75rem;
}

.inp_header_sub1 {
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1.68;
    letter-spacing: 0.12em;
    color: #fff;
    margin-bottom: 2rem;
}

.inp_header_sub2 {
    color: #fff;
    font-size: 1.33333rem;
    font-weight: 300;
    line-height: 1.68;
    letter-spacing: 0.12em;
    margin-bottom: 0;
}

.inp_header_title {
    color: #fff;
    font-size: 2.4rem;
    line-height: 1.68;
    letter-spacing: 0.12em;
    font-weight: 300;
    margin-bottom: 0.75rem;
}

.inp_header_sub3 {
    color: #fff;
    font-size: 1.73333rem;
    font-weight: 300;
    line-height: 1.68;
    letter-spacing: 0.12em;
    margin-bottom: 0;
}

.inp_imgs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -30px 4rem;
}

.inp_imgs_img {
    width: calc(36.5% - 60px);
    margin: 0 30px;
}

.inp_imgs_img_caption {
    margin-bottom: 1rem;
    font-weight: 600;
}

.inp_imgs_img_inner {
    display: block;
    padding: 20px 30px;
    border: 1px solid #c3c3c3;
}

.inp_imgs_caution {
    width: calc(26.984% - 60px);
    margin: 0 30px;
}

.inp_imgs_caution_inner {
    padding: 24.64% 14.28%;
    background: #EEE;
}

.inp_imgs_caution_inner>p {
    margin-bottom: 0;
}

.inp_logoheader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.75rem;
}

.inp_logoheader.-every {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 3rem;
}

.inp_logoheader_title {
    font-size: 2rem;
    font-weight: 400;
    color: #78982E;
    padding-right: 15px;
    white-space: nowrap;
}

.inp_logoheader.-every .inp_logoheader_title {
    color: #1E1E1E;
    padding-right: 0;
    font-size: 1.6rem;
}

.inp_logoheader.-every .inp_logoheader_logo {
    padding-right: 20px;
}

.inp_photos_img {
    margin-bottom: 1.25rem;
}

.inp_photos_img img {
    max-width: none;
    width: 100%;
}

.inp_photos_dl {
    line-height: 1.68;
}

.inp_photos_dl>dt {
    font-size: 1.33333rem;
    margin-bottom: 0.5rem;
}

.inp_point {
    margin-bottom: 0.5rem;
}

.inp_table {
    width: 100%;
    border-top: 2px solid #D9E6BA;
    margin-bottom: 1.75rem;
}

.inp_table th,
.inp_table td {
    padding: 0.75rem 20px;
}

.inp_table th> :last-child,
.inp_table td> :last-child {
    margin-bottom: 0;
}

.inp_table th.inp_table_img,
.inp_table td.inp_table_img {
    padding: 0;
}

.inp_table.-narrow th,
.inp_table.-narrow td {
    padding: 0.75rem 10px;
}

.inp_table.-fixed {
    table-layout: fixed;
}

.inp_table.-sm {
    font-size: 0.86667rem;
}

.inp_table th {
    color: #fff;
    background: #AAC866;
    border-bottom: 2px solid #D9E6BA;
    border-right: 2px solid #D9E6BA;
}

.inp_table th:last-child {
    border-right: 0;
}

.inp_table.common_center th {
    text-align: center;
}

.inp_table caption {
    font-weight: 600;
    text-align: left;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}

.inp_table thead th {
    color: #fff;
    background: #78982E;
}

.inp_table td {
    background: #F6F9EF;
    border-bottom: 2px solid #D9E6BA;
    border-right: 2px solid #D9E6BA;
}

.inp_table td:last-child {
    border-right: 0;
}

.inp_table td.inp_table_img {
    background: #fff;
    text-align: center;
}

.inp_table td.inp_table_catalog {
    text-align: center;
}

.inp_table td.inp_table_catalog>a {
    color: #78982E;
    display: inline-block;
}

.inp_table td.inp_table_catalog>a img {
    margin-top: 1rem;
}

.inp_table td.inp_table_gray {
    background: #eee;
}

.inp_table td>p {
    margin-bottom: 0.75rem;
}

.inp_table.-head-lg thead th {
    font-size: 1.33333rem;
}

.inp_table_bold {
    font-weight: 600;
}

.sol_iot_product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -25px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.sol_iot_product_thumb,
.sol_iot_product_body {
    width: 50%;
    padding: 0 25px;
    box-sizing: border-box;
}

.sol_iot_product_logo {
    text-align: left;
    margin-bottom: 1.25rem;
}

.sol_iot_product_os {
    text-align: left;
    margin-bottom: 1.25rem;
}

.sol_iot_product_title {
    font-size: 3.2rem;
    color: #28AAA8;
    line-height: 1.4;
}

.sol_iot_product_lead {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 3rem;
}

.sol_iot_product_gallery_main {
    text-align: center;
}

.sol_iot_product_gallery_thumb_item {
    padding: 0 3px;
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.sol_iot_product_gallery_thumb_item:hover {
    opacity: 0.8;
}

.sol_iot_product_gallery_thumb_item img {
    border: 1px solid #c3c3c3;
}

.sol_iot_product_gallery_thumb .slick-slide {
    width: 20% !important;
}

.sol_iot_product_gallery_thumb .slick-list {
    padding: 0 !important;
}

.sol_iot_product_gallery_thumb .slick-track {
    width: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.ldl_arrow {
    position: relative;
    height: 30px;
    margin-bottom: 1.75rem;
}

.ldl_arrow::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    border-top: 30px solid #3BA76B;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
}

.ldl_boxlist_title {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.ldl_boxlist_body>* {
    margin-bottom: 0.5rem;
}

.ldl_boxlist_body>*:last-child {
    margin-bottom: 0;
}

.ldl_case {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
}

.ldl_case.biggerlink {
    position: relative;
}

.ldl_case.biggerlink::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #0D3780;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}

@media (pointer: fine) {
    .ldl_case.biggerlink:hover::after {
        opacity: 1;
        visibility: visible;
    }
}

@media (-ms-high-contrast: none) {
    .ldl_case.biggerlink:hover::after {
        opacity: 1;
        visibility: visible;
    }
}

@media (pointer: coarse) {
    .ldl_case.biggerlink:active::after {
        opacity: 1;
        visibility: visible;
    }
}

.ldl_case.biggerlink::after {
    border-color: #3BA76B;
}

.ldl_case_img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.ldl_case_img img {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

@media (pointer: fine) {
    .ldl_case.biggerlink:hover .ldl_case_img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@media (-ms-high-contrast: none) {
    .ldl_case.biggerlink:hover .ldl_case_img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@media (pointer: coarse) {
    .ldl_case.biggerlink:active .ldl_case_img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.ldl_case_img img {
    max-width: none;
    width: 100%;
}

.ldl_case_body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    padding: 1.25rem 20px;
    border: 1px solid #c3c3c3;
    border-top: 0;
}

.ldl_case_title {
    font-size: 1.2rem;
    color: #3BA76B;
    text-align: center;
    line-height: 1.68;
    margin-bottom: 1rem;
}

.ldl_case_tag {
    position: relative;
    display: table;
    font-size: 0.8rem;
    font-weight: 400;
    color: #3BA76B;
    line-height: 1.68;
    padding-bottom: 0.25rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #3BA76B;
}

.ldl_case_text {
    line-height: 2;
    margin: 0;
}

.ldl_casename {
    font-weight: 600;
    text-indent: -5em;
    padding-left: 5em;
    text-align: left;
}

.ldl_casename.-w430 {
    max-width: 430px;
    margin-left: auto;
    margin-right: auto;
}

.ldl_feature_title {
    font-size: 1.2rem;
    text-align: center;
}

.ldl_feature_img {
    margin-bottom: 0.5rem;
}

.ldl_feature_dl>dt {
    display: table;
    color: #3BA76B;
    border: 1px solid #3BA76B;
    padding: 0.25rem 5px;
    line-height: 1;
    margin-bottom: 0.5rem;
}

.ldl_feature_dl>dd> :last-child {
    margin-bottom: 0;
}

.ldl_feature>p {
    margin-bottom: 0;
}

.ldl_icon,
.ldl_icon2,
.ldl_icon3,
.ldl_icon4,
.ldl_icon5,
.ldl_icon6 {
    display: table;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-bottom: 0.5rem;
}

.-inline.ldl_icon,
.-inline.ldl_icon2,
.-inline.ldl_icon3,
.-inline.ldl_icon4,
.-inline.ldl_icon5,
.-inline.ldl_icon6 {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 10px;
}

.ldl_icon {
    background: #3BA76B;
}

.ldl_icon.-red {
    background: #FE0000;
}

.ldl_icon.-green {
    background: #00AF50;
}

.ldl_icon.-blue {
    background: #01B0F1;
}

.ldl_icon2 {
    background: #6CBD90;
}

.ldl_icon3 {
    background: #9DD3B5;
}

.ldl_icon4 {
    color: #3BA76B;
    background: #E2F2E9;
}

.ldl_icon5 {
    color: #3BA76B;
    background: #F4FAF6;
}

.ldl_icon6 {
    background: #C4E4D2;
}

.ldl_imgbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.ldl_imgbox_img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 46.296%;
    min-height: 230px;
    background: #fff;
    margin-bottom: 0;
}

.ldl_imgbox.-single .ldl_imgbox_img {
    width: 35.714%;
}

.ldl_imgbox_body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #E2F2E9;
    padding: 20px 15px;
    min-height: 180px;
}

.ldl_imgbox_body> :last-child {
    margin-bottom: 0;
}

.ldl_imgrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.ldl_imgrow_img {
    width: calc(53.57% - 20px);
    margin: 0 10px;
    text-align: right;
}

.ldl_imgrow_img.-mt {
    margin-top: 1rem;
}

.ldl_imgrow_body {
    width: calc(46.43% - 20px);
    margin: 0 10px;
}

.ldl_imgrow_body.-mt {
    margin-top: 1rem;
}

.ldl_legend {
    text-indent: 0;
}

.ldl_legend:before,
.ldl_legend:after {
    display: table;
    content: '';
}

.ldl_legend:after {
    clear: both;
}

.ldl_legend>dt {
    float: left;
    clear: left;
    text-align: right;
    width: 85px;
}

.ldl_legend>dd {
    padding-left: 100px;
}

.ldl_legend_green {
    display: inline-block;
    text-align: center;
    width: 85px;
    font-size: 0.8rem;
    color: #fff;
    line-height: 1;
    padding: 0.4rem 5px 0.3em;
    margin-top: 0.25rem;
    background: #3BA76B;
}

.ldl_legend_orange {
    display: inline-block;
    text-align: center;
    width: 85px;
    font-size: 0.8rem;
    color: #fff;
    line-height: 1;
    padding: 0.4rem 5px 0.3em;
    margin-top: 0.25rem;
    background: #FB9817;
}

.ldl_legend_red {
    display: inline-block;
    text-align: center;
    width: 85px;
    font-size: 0.8rem;
    color: #fff;
    line-height: 1;
    padding: 0.4rem 5px 0.3em;
    margin-top: 0.25rem;
    background: #F50404;
}

.ldl_list>li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 0.75rem;
}

.ldl_list>li:last-child {
    margin-bottom: 0;
}

.ldl_list>li::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 13.6px;
    top: 0.85rem;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #3BA76B;
}

.ldl_list_label {
    font-weight: 600;
    font-size: 1.2rem;
}

.ldl_merite {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -10px -5px 1.75rem;
}

.ldl_merite_item {
    width: calc(25% - 10px);
    margin: 10px 5px 0;
    text-align: center;
}

.ldl_meritelist>dt {
    display: table;
    color: #fff;
    padding: 0 10px;
    background: #3BA76B;
    margin-bottom: 0.5rem;
}

.ldl_meritelist>dd {
    position: relative;
    padding-left: 16px;
}

.ldl_meritelist>dd::before {
    content: '';
    display: block;
    position: absolute;
    top: 0.8em;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #3BA76B;
}

.ldl_order>li {
    text-indent: -1.35em;
    padding-left: 1.35em;
}

.ldl_order>li>ul {
    text-indent: 0;
    margin-bottom: 0;
}

.ldl_order_num {
    color: #3BA76B;
    font-weight: 600;
}

.ldl_plot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4rem;
    margin-bottom: 1.75rem;
}

.ldl_plot_left {
    position: relative;
    width: calc(33.3333% + 160px);
    padding-right: 160px;
}

.ldl_plot_left::before {
    content: '';
    display: block;
    position: absolute;
    top: 35%;
    right: 34px;
    width: 80px;
    height: 140px;
    margin-top: -70px;
    background: url("/dcms_media/image/ldl_arrow.png") no-repeat 0 0;
}

.ldl_plot_left_inner> :first-child {
    margin-top: 0;
}

.ldl_plot_left_inner> :last-child {
    margin-bottom: 0;
}

.ldl_plot_right {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background: #F4FAF6;
    padding: 40px;
}

.ldl_plot_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.25rem;
}

.ldl_plot_row:last-child {
    margin-bottom: 0;
}

.ldl_plot_row_img {
    width: 220px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
}

.ldl_plot_row_body {
    padding-left: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.ldl_plot_dl:last-child {
    margin-bottom: 0;
}

.ldl_plot_dl>dt {
    font-size: 1.2rem;
    font-weight: 600;
    color: #3BA76B;
    margin-bottom: 0.5rem;
}

.ldl_plot_dl>dd> :last-child {
    margin-bottom: 0;
}

.ldl_plot_dl.-center>dt {
    text-align: center;
}

.ldl_section {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 585px;
    margin-top: 6.6666rem;
    margin-bottom: 1.75rem;
}

.ldl_section_img {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0;
}

.ldl_section_body {
    position: relative;
    width: 600px;
    padding: 60px 40px;
    background: #fff;
}

.ldl_section_body> :last-child {
    margin-bottom: 0;
}

.ldl_section_title {
    position: relative;
    font-size: 1.73333rem;
    padding-bottom: 0.75rem;
    margin-bottom: 1.75rem;
}

.ldl_section_title::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background: #3BA76B;
}

.ldl_title_border {
    font-size: 1.33333rem;
    font-weight: 600;
    margin-top: 3.2rem;
    margin-bottom: 2rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #3BA76B;
    text-indent: -1.35em;
    padding-left: 1.35em;
}

.ldl_title_border_num {
    color: #3BA76B;
}

.lds_feature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: calc(5.3333rem - 20px) 0 1.75rem;
}

.lds_feature_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25%;
    border-right: 1px solid #c3c3c3;
    margin: 20px 0 0;
    padding: 20px;
}

.lds_feature_item:nth-child(4n) {
    border-right: 0;
}

.lds_feature_item_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 20px;
}

.lds_feature_title {
    position: relative;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.75;
}

.lds_feature_title::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 2px;
    background: #C9B709;
}

.lds_feature_icon {
    margin-bottom: 1.25rem;
    text-align: center;
}

.lds_feature_dl>dt {
    position: relative;
    text-align: center;
    font-size: 1.33333rem;
    line-height: 1.5;
    padding-bottom: 0.75rem;
    margin-bottom: 1.25rem;
}

.lds_feature_dl>dt::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 30px;
    height: 1px;
    background: #C9B709;
}

.lds_feature_dl>dd {
    text-align: center;
    line-height: 1.5;
}

.lds_feature_label {
    position: relative;
    text-align: center;
    font-size: 1.33333rem;
    line-height: 1.5;
    margin-bottom: 1.25rem;
}

.lds_feature_label::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 30px;
    height: 1px;
    background: #C9B709;
}

.lds_fig .common_btn {
    margin-top: 0;
}

.lds_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 -20px;
}

.lds_header_btn {
    margin: 20px 20px 0;
}

.lds_header_lead {
    position: relative;
    margin: 20px 20px -7px 50px;
    line-height: 1.6;
}

.lds_header_lead sup {
    position: absolute;
    top: 0;
    left: -2em;
    font-size: 1rem;
    color: #fff;
}

.lds_header_lead_inner {
    display: inline;
    font-weight: 300;
    font-size: 1.73333rem;
    color: #fff;
    padding: 0 5px;
    background: -webkit-linear-gradient(transparent 30%, #C9B709 0%);
    background: linear-gradient(transparent 30%, #C9B709 0%);
    padding-bottom: 0.15rem;
}

.lds_header_caution {
    position: absolute;
    bottom: 40px;
    right: 0;
    margin-bottom: 0;
    color: #fff;
    font-size: 0.86667rem;
    text-indent: -2em;
    padding-left: 2em;
}

.lds_header+* {
    margin-top: 0;
}

.lds_lead {
    font-size: 1.33333rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.lds_lead_inner {
    background: -webkit-linear-gradient(transparent 40%, #FBF6CE 0%);
    background: linear-gradient(transparent 40%, #FBF6CE 0%);
    padding-bottom: 0.25rem;
}

.lds_outline:before,
.lds_outline:after {
    display: table;
    content: '';
}

.lds_outline:after {
    clear: both;
}

.lds_outline>dt {
    float: left;
}

.lds_outline>dd {
    padding-left: 10em;
    text-indent: -1em;
}

.lds_outline>dd::before {
    content: '：';
}

.lds_set {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -1.25rem -10px 1.75rem;
}

.lds_set_item {
    width: calc(50% - 20px);
    margin: 1.25rem 10px 0;
    text-align: center;
    font-size: 1.33333rem;
}

.lds_set_inner {
    background: -webkit-linear-gradient(transparent 40%, #FBF6CE 0%);
    background: linear-gradient(transparent 40%, #FBF6CE 0%);
    padding-bottom: 0.25rem;
}

.lds_table {
    width: 100%;
    border-top: 2px solid #F7EF9E;
    margin-bottom: 1.75rem;
}

.lds_table th,
.lds_table td {
    padding: 0.75rem 20px;
}

.lds_table th> :last-child,
.lds_table td> :last-child {
    margin-bottom: 0;
}

.lds_table th.inp_table_img,
.lds_table td.inp_table_img {
    padding: 0;
}

.lds_table.-narrow th,
.lds_table.-narrow td {
    padding: 0.75rem 10px;
}

.lds_table.-fixed {
    table-layout: fixed;
}

.lds_table.-sm {
    font-size: 0.86667rem;
}

.lds_table th {
    color: #fff;
    background: #C9B709;
    border-bottom: 2px solid #F7EF9E;
    border-right: 2px solid #F7EF9E;
}

.lds_table th:last-child {
    border-right: 0;
}

.lds_table th.lds_table_head {
    background: #C9B709;
}

.lds_table.common_center th {
    text-align: center;
}

.lds_table caption {
    font-weight: 400;
    text-align: left;
    margin-bottom: 1rem;
    font-size: 1.33333rem;
}

.lds_table thead th {
    color: #fff;
    background: #C9B709;
}

.lds_table td {
    background: #FDFBEB;
    border-bottom: 2px solid #F7EF9E;
    border-right: 2px solid #F7EF9E;
}

.lds_table td:last-child {
    border-right: 0;
}

.lds_table td>p {
    margin-bottom: 0.75rem;
}

.lds_table.-head-lg thead th {
    font-size: 1.33333rem;
}

.lds_table_bold {
    font-weight: 600;
}

.lds_teacher {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: rgba(30, 30, 30, .5);
}

.rpk_boxlist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px -8px 0;
}

.rpk_boxlist>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(20% - 16px);
    margin: 15px 8px 0;
    padding: 0.5rem 10px;
    min-height: 60px;
    text-align: center;
    border-left: 5px solid #00AEE0;
    background: #E5F7FC;
}

.rpk_boxlist.-cols3>li {
    width: calc(33.3333% - 16px);
}

.rpk_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 5.3333rem 0;
}

.rpk_btn>a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-size: 1.33333rem;
    font-weight: 600;
    max-width: 600px;
    min-height: 120px;
    padding: 0.75rem 20px;
    color: #00AEE0;
    text-decoration: none;
    background: #DDEE1D;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.rpk_btn>a::before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 2px solid #1E1E1E;
}

@media (pointer: fine) {
    .rpk_btn>a:hover {
        background-color: #f2f9ab;
    }
}

@media (-ms-high-contrast: none) {
    .rpk_btn>a:hover {
        background-color: #f2f9ab;
    }
}

@media (pointer: coarse) {
    .rpk_btn>a:active {
        background-color: #f2f9ab;
    }
}

.rpk_btn.-sm {
    margin: 0;
}

.rpk_btn.-sm>a {
    max-width: 330px;
    font-size: 1.06667rem;
    padding: 0.75rem 15px;
    min-height: 70px;
}

.rpk_caption {
    font-weight: 600;
    font-size: 1.2rem;
}

.rpk_casebox {
    padding: 3rem 40px;
    background: #E5F7FC;
    margin-top: 4rem;
    margin-bottom: 1.75rem;
}

.rpk_casebox_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -40px -20px 4rem;
}

.rpk_casebox_item {
    width: calc(50% - 40px);
    margin: 40px 20px 0;
}

.rpk_casebox_item> :first-child {
    margin-top: 0;
}

.rpk_casebox_item> :last-child {
    margin-bottom: 0;
}

.rpk_casebox_item .common_photolink {
    padding-bottom: 0;
}

.rpk_cycle {
    position: relative;
    margin: 4rem 0 1.75rem;
}

.rpk_cycle_img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.rpk_cycle_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -26px -13px 1.75rem;
}

.rpk_cycle_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(50% - 26px);
    margin: 26px 13px 0;
    padding: 2.5rem 40px;
    background: #E5F7FC;
}

.rpk_cycle_item> :last-child {
    margin-bottom: 0;
}

.rpk_cycle_title {
    color: #00AEE0;
    font-weight: 600;
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
}

.rpk_cycle_text {
    margin-bottom: 0.5rem;
}

.rpk_cycle_item.-lt .rpk_cycle_text {
    padding-right: 10%;
}

.rpk_cycle_box {
    background: #fff;
    padding: 1.5rem 30px;
}

.rpk_cycle_item.-rt .rpk_cycle_box {
    padding-left: 10%;
}

.rpk_cycle_box>dt {
    font-weight: 600;
    color: #00AEE0;
    margin-bottom: 0.5rem;
}

.rpk_cycle_box>dd {
    font-size: 0.8rem;
}

.rpk_event {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.rpk_event_body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    padding-right: 40px;
}

.rpk_event_body> :last-child {
    margin-bottom: 0;
}

.rpk_event_twitter {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 250px;
    border: 2px solid #00AEE0;
}

.rpk_footer {
    width: calc(100vw - var(--scroll-bar));
    width: calc(100vw - var(--scroll-bar));
    margin-left: calc((100vw - var(--scroll-bar) - 100%) / -2);
    margin-left: calc((100vw - var(--scroll-bar) - 100%) / -2);
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-top: 1px solid #c3c3c3;
}

.notice_area_wrap .rpk_footer {
    display: none;
}

@media all and (-ms-high-contrast: none) {
    .rpk_footer {
        width: calc(100vw - 17px);
        margin-left: calc((100vw - 17px - 100%) / -2);
    }
}

.rpk_footer_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.rpk_footer_item {
    width: 50%;
    padding: 0 10px;
}

.rpk_footer_logo {
    margin-bottom: 1.75rem;
    text-align: center;
}

.rpk_footer_label {
    font-weight: 600;
    text-align: center;
}

.rpk_header_btn {
    margin-top: 3rem;
}

.rpk_header_btn>a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    max-width: 320px;
    min-height: 60px;
    padding: 1rem 45px;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}

@media (pointer: fine) {
    .rpk_header_btn>a:hover {
        color: #00AEE0;
        background-color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .rpk_header_btn>a:hover {
        color: #00AEE0;
        background-color: #fff;
    }
}

@media (pointer: coarse) {
    .rpk_header_btn>a:active {
        color: #00AEE0;
        background-color: #fff;
    }
}

.rpk_header_btn>a::after {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 10px;
    margin-top: -5px;
}

.rpk_iconbox> :last-child {
    margin-bottom: 0;
}

.rpk_iconbox_icon {
    margin-bottom: 0;
}

.rpk_iconbox_label {
    font-weight: 600;
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 0.5rem;
}

.rpk_merit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.rpk_merit_title {
    position: relative;
    text-align: center;
    font-size: 1.33333rem;
    font-weight: 400;
    padding-bottom: 0.75rem;
    margin-bottom: 1.25rem;
}

.rpk_merit_title::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30px;
    height: 1px;
    background: #00AEE0;
}

.rpk_packing {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 810px;
    margin: 3rem auto;
}

.rpk_packing_title {
    width: 100%;
    padding: 0 15px;
    font-weight: bold;
}

.rpk_packing_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    box-sizing: border-box;
    padding: 0 15px;
}

.rpk_packing_item_desc {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 1.6;
}

.rpk_packing_arrow {
    width: 100%;
    margin: 20px 0;
    text-align: center;
}

.rpk_padpak_img {
    width: calc(50% - 30px);
    max-width: 498px;
}

.rpk_spec_image+.common_box2 {
    margin-top: 0;
}

.rpk_spec_image>img {
    border: 1px solid #c3c3c3;
}

.rpk_spec {
    font-size: 0.93333rem;
    line-height: 1.5;
}

.rpk_spec th {
    color: #00AEE0;
    padding: 0.25rem 20px 0.25rem 0;
    vertical-align: top;
}

.rpk_spec td {
    padding: 0.25rem 0;
    word-break: break-all;
    vertical-align: top;
}

.rpk_sub {
    font-size: 1.33333rem;
}

.search #main {
    padding-top: 100px;
}

.search .h1_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    height: 280px;
    width: 100%;
    margin-bottom: 50px;
}

.search .h1_area h1 {
    color: #fff;
    font-weight: 400;
    font-size: 2.4rem;
    letter-spacing: 0.12em;
    line-height: 1.25;
    max-width: 1200px;
    width: 100%;
}

.search .inner {
    width: 94%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1120px;
}

@media only screen and (max-width: 991px) {
    .search #main {
        margin-top: 70px;
    }

    .search .h1_area {
        height: 250px;
    }
}

@media only screen and (max-width: 767px) {
    .search .h1_area {
        height: 160px;
    }
}

.sitemap {
    padding: 0 0 5px 25px;
}

.sitemap li {
    margin: 10px 0;
    padding: 0 0 0 15px;
    list-style-type: none;
    position: relative;
}

.sitemap li {
    margin: 5px 0;
}

.sitemap li::before {
    content: "";
    width: 4px;
    height: 4px;
    border-top: 2px solid #00A2CB;
    border-right: 2px solid #00A2CB;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 12px;
    left: 0;
    box-sizing: content-box;
}

/* 20200511 */
.w980 {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.w1080 {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

.philosophy_fadein {
    opacity: 0;
    visibility: hidden;
    transition-duration: 2.5s;
    transition-delay: 0.8s;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
}

.philosophy_fadein.loaded {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/*seminar*/
.blogOneBox li.common_row_item {
    margin-top: 4rem;
    margin-bottom: 4rem;
    padding: 40px;
    border-top: 3px solid #0D3780;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.blogOneBox li.common_row_item .mediab_left {
    height: 220px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 340px;
}

.blogOneBox li.common_row_item .mediab_right {
    padding: 0;
    width: calc(97% - 340px);
}

.blogOneBox li.common_row_item .mtitle {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #00A2CC;
    font-size: 26px;
}

.blogOneBox li.common_row_item a {
    color: #1E1E1E;
    text-decoration: none;
}

.seminerArea.blogOneBox li.common_row_item>a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.blogOneBox.training li.common_row_item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.seminerArea.blogOneBox li.common_row_item .mtag_top {
    display: flex;
    flex-wrap: wrap;
}

.blogOneBox li.common_row_item .mtag .mtagin {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 5px 2px 0 3px;
    padding: 5px 8px;
    font-size: 0.8rem;
    border: 1px solid #8F8F8F;
    color: #8F8F8F;
}

.blogOneBox li.common_row_item .mtxt {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.6;
    margin-top: 10px;
}

@media screen and (max-width: 991px) {
    .blogOneBox li.common_row_item .mediab_left {
        height: 140px;
        width: 220px;
    }

    .blogOneBox li.common_row_item .mediab_right {
        padding: 0;
        width: calc(97% - 220px);
    }

    .blogOneBox li.common_row_item .mtitle {
        font-size: 22px;
    }
}

@media screen and (max-width: 767px) {
    .blogOneBox li.common_row_item {
        padding: 20px;
    }

    .blogOneBox li.common_row_item .mediab_left {
        height: 180px;
        width: 100%;
        min-width: 275px;
    }

    .blogOneBox li.common_row_item .mediab_right {
        width: 100%;
    }

    .blogOneBox li.common_row_item .mtitle {
        font-size: 20px;
    }
}

.blogOneBox.seminerArea li.common_row_item .mtime {
    display: none;
}

.blogOneBox.seminerArea li.common_row_item .mcategory .mcategory_top .seminar {
    background-color: #0e928f;
}

.blogOneBox.training li {
    position: relative;
}

.blogOneBox.training li a::before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.blog3box.common_row.-cols3 .common_row_item {
    border: 1px solid #c3c3c3;
    background-color: #FFFFFF;
}

.blog3box.common_row {
    margin: 0;
}

/*modelcube*/
.l_contents.-mobility.-top .common_header_inner.mobilityhArea {
    padding-right: 0;
}

.mobilityhBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.mobilityhBox .txtArea {
    width: 63%;
}

.mobilityhBox .img {
    width: 35%;
}

.mobilityhBox .img img {
    max-width: 100%;
    height: auto;
}

.mobilityhBox .txtArea .common_header_sub {
    font-size: 1.8em;
}

.mobilityhBox .common_btns {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.mobilityhBox .common_btns>.common_btn {
    max-width: 320px;
    margin: 0 10px 10px;
}

.common_btn.gold>a {
    color: #CCA831;
    border: 1px solid #CCA831;
    background: #fff;
}

.common_btn.gold>a:hover {
    color: #fff;
    background-color: #CCA831;
    border-color: #CCA831;
}

@media screen and (max-width: 980px) {
    .mobilityhBox .txtArea .common_header_title {
        font-size: 30px;
    }

    .mobilityhBox .txtArea .common_header_sub {
        font-size: 22px;
    }
}

@media screen and (max-width: 690px) {
    .mobilityhBox .txtArea {
        width: 65%;
    }

    .mobilityhBox .img {
        width: 33%;
    }

    .l_contents.-mobility.-top .common_header_inner.mobilityhArea {
        padding-left: 0;
    }

    .mobilityhBox .img {
        margin-bottom: 0;
    }

    .mobilityhBox .txtArea .common_header_title {
        font-size: 16px;
    }

    .mobilityhBox .txtArea .common_header_sub {
        font-size: 14px;
    }

    .mobilityhBox .common_btn>a,
    .common_btn>button {
        padding: 0.25rem 10px;
        min-height: 35px;
    }

    .mobilityhBox .common_btns>.common_btn {
        max-width: 320px;
        margin: 0 0 5px;
    }

    .mobilityhBox .common_btns {
        margin: 10px 0;
    }
}

.blueBg {
    background-color: #E4EBF1;
    padding: 30px;
}

.blueBg .common_title_center {
    margin-top: 2.5rem;
    margin-bottom: 3rem;
}

.blueBg .common_title3 {
    font-size: 1.85rem;
    color: #1E1E1E;
}

.common_box.mobilityPoint {
    margin: 0 0 1.75rem;
    padding: 40px;
}

.mobilityPoint .common_title_border3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
}

.mobilityPoint .common_dl_line {
    font-size: 22px;
}

@media screen and (max-width: 980px) {
    .blueBg .common_title_center {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 690px) {
    .common_box.mobilityPoint {
        margin: 0 0 1.75rem;
        padding: 20px;
    }

    .mobilityPoint .common_title_border3 {
        font-size: 20px;
    }

    .mobilityPoint .common_dl_line {
        font-size: 18px;
    }

    .blueBg .common_title3 {
        font-size: 1.5rem;
    }

    .blueBg .common_title_center {
        margin-top: 0;
        line-height: 1.6;
    }
}

.mobilityPointNew {
    margin-bottom: 60px;
}

.mobilityPointNew::after {
    display: block;
    content: '';
    clear: both;
}

.mobilityPointImg {
    float: right;
    width: 40%;
}

.mobilityPointTxt {
    float: left;
    width: 55%;
}

.mobilityPointTitle {
    font-size: 34px;
    font-weight: bold;
    color: #103782;
    line-height: 1;
    text-align: center;
}

.mobilityPointTitle .fs150 {
    font-size: 54px;
}

.mobilityPointSubTitle {
    font-size: 28px;
    font-weight: bold;
	text-align: center;
	line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .mobilityPointImg {
        float: none;
        width: 100%;
    }

    .mobilityPointTxt {
        float: none;
        width: 100%;
    }

    .mobilityPointTitle {
        font-size: 24px;
        margin-bottom: 0.2em;
    }

    .mobilityPointTitle .fs150 {
        font-size: 32px;
    }

    .mobilityPointSubTitle {
        font-size: 20px;
    }
}

/*######list-style--default######*/
.border-box-wrapper {
    border: 1px solid #CDCFD1;
  }
  
  @media screen and (min-width: 1025px) {
    .border-box-wrapper {
      padding: 24px;
    }
  }
  
  @media screen and (max-width: 1025px) {
    .border-box-wrapper {
      padding: 16px;
    }
  }
  
  .list-style--default li {
    list-style-type: none;
    padding-left: 18px;
    position: relative;
  }
  
  .list-style--default li + li {
    margin-top: 10px;
  }
  
  .list-style--default li::before {
    display: block;
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #0D3780;
    left: 0;
  }
  
  @media screen and (min-width: 1025px) {
    .list-style--default li::before {
      top: 11px;
    }
  }
  
  @media screen and (max-width: 1025px) {
    .list-style--default li::before {
      top: 9px;
    }
  }
  
  .list-style--default li a {
    display: block;
    line-height: 1.5;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    text-decoration: none;
  }
  
  @media screen and (min-width: 1025px) {
    .list-style--default li a {
      font-size: 17px;
    }
  }
  
  @media screen and (max-width: 1025px) {
    .list-style--default li a {
      font-size: 16px;
    }
  }
  
  .list-style--default li a:hover {
    color: #0D3780;
  }
/*solution*/
.common_container02 {
    width: 100vw;
    width: calc(100vw - var(--scroll-bar));
    margin-left: calc(-50vw - -50%);
    margin-left: calc((100vw - var(--scroll-bar) - 100%) / -2);
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    padding-top: 6.6666rem;
    padding-bottom: 6.6666rem;
}
.common_container02 .top_bizbox {
    border: 1px solid #ccc;
}
.common_container02 .common_row_item {
    margin: 2rem 15px 0;
}
.common_container02 .common_linkbox_label {
    position: relative;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
    padding-bottom: 0.75rem;
}
.common_container02.pt0{
    padding-top: 0;
    padding-bottom: 0;
}
/*@media screen and (max-width: 1024px) {
.common_container02 .top_bizbox_title {
    position: relative;
    font-size: 1.1em;
    font-weight: 400;
    text-align: center;
    line-height: 1.68;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}
}*/
@media screen and (max-width: 980px) {
.common_container02 .common_row.-cols4 .common_row_item {
    width: calc(33% - 30px);
}
/*.common_container02 .top_bizbox_title {
    position: relative;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
    line-height: 1.28;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}*/
}
@media screen and (max-width: 767px) {
.common_container02 {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 20px;
    padding-right: 20px;
}
.common_container02 .common_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: initial;
    justify-content: space-between;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin: 0;
}
.common_container02 .common_row.-cols4 .common_row_item {
    width: calc(50% - 5px);
}
/*.common_container02 .top_bizbox_title {
    position: relative;
    font-size: 0.9rem;
    font-weight: 400;
    text-align: center;
    line-height: 1.2;
    padding-bottom: 1rem;
    margin-bottom: 0.5rem;
}*/
.common_container02 .common_row_item {
    margin: 0 0 20px;
}
.common_container02 .top_title {
    margin-bottom: 1.5rem;
}
.common_container02 .common_linkbox_label {
    position: relative;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
}
}
.top_aboutbox_label_en {
    display: block;
    font-family: "Nunito Sans", "Arial", sans-serif;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.93333rem;
    color: #8E8E8E;
}

.top_bizbox {
    padding: 0 20px 1.75rem;
    background: #fff;
}

.top_bizbox.biggerlink {
    position: relative;
}

.top_bizbox.biggerlink::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #0D3780;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}

@media (pointer: fine) {
    .top_bizbox.biggerlink:hover::after {
        opacity: 1;
        visibility: visible;
    }
}

@media (-ms-high-contrast: none) {
    .top_bizbox.biggerlink:hover::after {
        opacity: 1;
        visibility: visible;
    }
}

@media (pointer: coarse) {
    .top_bizbox.biggerlink:active::after {
        opacity: 1;
        visibility: visible;
    }
}

.top_bizbox_img {
    margin: 0 -20px 1.75rem;
    overflow: hidden;
}

.top_bizbox_img img {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

@media (pointer: fine) {
    .top_bizbox:hover .top_bizbox_img img {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
}

@media (-ms-high-contrast: none) {
    .top_bizbox:hover .top_bizbox_img img {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
}

@media (pointer: coarse) {
    .top_bizbox:active .top_bizbox_img img {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
}

.top_bizbox_img img {
    max-width: none;
    width: 100%;
}

.top_bizbox_title {
    position: relative;
    font-size: 1.33333rem;
    font-weight: 400;
    text-align: center;
    line-height: 1.68;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.top_bizbox_title::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 30px;
    height: 1px;
    background: #76D3EB;
    margin: 0 auto;
}

.top_bizbox_text {
    line-height: 1.68;
    margin: 0;
}
.top_bizbox_title_s {
    font-size: 1.1rem;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 1rem;
    font-weight: bold;
}
@media screen and (max-width: 767px) {
.common_row.-cols3.spcols2 .common_row_item {
    width: 48%;
}
.spcols2 .top_bizbox_img {
    margin: 0 -10px 1.75rem !important;
}
.spcols2 .top_bizbox {
    padding: 0 10px 8px !important;
}
.top_bizbox_title_s {
    font-size: 1rem;
    line-height: 1.6;
}
.subtitle5_04 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.common_inner> :first-child {
    margin-bottom: 1.5rem;
}
}

/*亜塩素酸水クロラス除菌ウォーター*/
.mainImgcvArea{
    padding-left: 20%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}  
.mainImgcvArea .col{
    width: 200px;
} 
@media screen and (max-width: 980px) {
.mainImgcvArea{
    width: 200px;
    padding-left: 0;
}
}
.mainImgShop>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-: ;
    align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    color: #333;
    border: 1px solid #feb04c;
    background-color: #feb04c;
    text-decoration: none;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}
.mainImgShop>a::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-image: url(../image/common/shopping-cart.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}
@media (pointer: fine) {
    .mainImgShop>a:hover {
        color: #feb04c;
        background-color: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .mainImgShop>a:hover {
        color: #fff;
        background-color: #00A2CB;
    }
}

@media (pointer: coarse) {
    .mainImgShop>a:active {
        color: #fff;
        background-color: #00A2CB;
    }
}

.mainImgContact{margin-right: 20px;}
.mainImgContact>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    background-color: #fff;
    color: #00A2CB;
    border: 1px solid #00A2CB;
    text-decoration: none;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}
.mainImgContact>a::before {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    margin-right: 10px;
}

@media (pointer: fine) {
    .mainImgContact>a:hover {
        color: #fff;
        background-color: #00A2CB;
    }
}

@media (-ms-high-contrast: none) {
    .mainImgContact>a:hover {
        color: #fff;
        background-color: #00A2CB;
    }
}

@media (pointer: coarse) {
    .mainImgContact>a:active {
        color: #fff;
        background-color: #00A2CB;
    }
}
@media screen and (max-width: 980px) {
.mainImgContact{
    margin-right: 0;
    margin-bottom: 10px;
}
}
@media screen and (max-width: 690px) {
.sample1.spsmall {
    font-size: 20px;
    line-height: 1.2;
}
.mainImgcvArea{
    width: 100%;
    padding-left: 20%;
}
.mainImgContact>a , .mainImgShop>a{
    height: 40px;
}
}
/*マッスルスーツ*/
.l_contents.-innophys.-top .common_header_inner {
    padding-right: 0; 
}
.mainImgcvArea02{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}  
.mainImgcvArea02 .col{
    width: 200px;
}
@media screen and (max-width: 980px){
.mainImgcvArea02 .mainImgContact {
    margin-right: 10px;
    margin-bottom: 0;
}
.mainImgcvArea02 .col {
    width: 160px;
}
}
@media screen and (max-width: 690px){
.mainImgcvArea02 .col {
    width: 140px;
}
.mainImgcvArea02{
    margin-top: 5px;
}  
}
.NewCvArea{
    background-color: #00A2CB;
    padding: 30px;
}
.NewCvArea .tit{
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-align: center;
}
.NewCvBox01{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.NewCvBox01 .tel {
    display: flex;
    flex-wrap: wrap;
    font-size: 40px;
    color: #fff;
    margin-right: 30px;
}
.NewCvBox01 .tel a{
    color: #fff;
    text-decoration: none;
}
.NewCvBox01 .time {
    color: #fff;
    line-height: 1.4;
}
.NewCvBox02{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.NewCvBox02 .in{
    width: 32.5%;
    background-color: #fff;
    padding:30px;
}
.NewCvBox02 .title {
    font-size: 20px;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 15px;
}
.NewCvBox02 .txt{
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px;
}

.common_btn.blueBtn {
    margin-top: 0;
    margin-bottom: 0;
}
.common_btn.blueBtn a {
    color: #fff !important;
    background-color: #0D3780;
    border-color: #0D3780 !important;
}
.common_btn.blueBtn a:hover {
    color: #0D3780 !important;
    border-color: #0D3780 !important;
    background-color: #fff !important;
}
@media screen and (max-width: 980px){
.NewCvBox02 .in {
    width: 49%;
    margin-bottom: 10px;
}
}
@media screen and (max-width: 690px){
.NewCvBox02 .in {
    width: 100%;
    padding: 15px 10px;
}
.NewCvBox01 .tel {
    font-size: 32px;
    margin-right: 0;
    line-height: 1;
}
}

/*download_file*/
.dl3box{
    display: flex;
    flex-wrap: wrap;
}
.dl3box .In {
    width: 31.5%;
    margin-right: 2.5%;
    border: 1px solid #ddd;
    padding: 30px 20px;
    margin-bottom: 30px;
}
.dl3box .In:nth-child(3n) {
    margin-right: 0;
}
.dl3box .In .Title{
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1.6;
}
.dl3box .In .txt{
    line-height: 1.8;
}
.dlBtn a {
    display: block;
    background-color: #00A2CB;
    border: 1px solid #00A2CB;
    padding: 10px;
    color: #fff;
    text-align: center;
    transition: 0.3s;
    max-width: 240px;
    margin: 0 auto;
    text-decoration: none;
    border-radius: 50px;
}
.dlBtn a:hover {
    background-color: #fff;
    color: #00A2CB;
    text-decoration: none;
}
@media screen and (max-width: 980px){
.dl3box{
    justify-content: space-between;
}
.dl3box .In {
    width: 48.5%;
    margin-right: 0;
    margin-bottom: 20px;
}
}
@media screen and (max-width: 690px){
.dl3box .In {
    width: 100%;
}
}

/*Zynq評価ボード一覧*/
.sp_on{
    display: none;
}
.img35 .common_imgrow_img {
    max-width: calc(35% - 40px);
}
.common_box .btn3Box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.common_box .btn3Box li{
    width: 32%;
    list-style-type: none;
}
.common_box .common_btn{
    margin-top: 0;
    margin-bottom: 0;
}
@media screen and (max-width: 980px){
.common_box .btn3Box li{
    width: 49%;
    margin-bottom: 10px;
}
}
@media only screen and (max-width: 690px) {
  .sp_on{display: block; }
  .table_Wrap {
    margin-bottom: 30px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .table_Wrap table {width: 640px;}
  .img35 .common_imgrow_img {
    max-width: 100%;
}
   .common_box .btn3Box li{
    width: 100%;
}
}


/*アプリケーション配下メガメニュー*/
.sol_megamenu_flex{
    display: flex;
}

.sol_megamenu_flex.biggerlink{
}

.sol_imgmegamenu02{
    align-items: flex-start;
}

.sol_imgmegamenu02::before {
    left: 325px;
}

@media (pointer: fine) {
    .sol_megamenu_flex.biggerlink:hover .sol_megamenu_title-link::before {
        color: #1E1E1E;
        background: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .sol_megamenu_flex.biggerlink:hover .sol_megamenu_title-link::before {
        color: #1E1E1E;
        background: #fff;
    }
}

@media (pointer: coarse) {
    .sol_megamenu_flex.biggerlink:active .sol_megamenu_title-link::before {
        color: #1E1E1E;
        background: #fff;
    }
}


.sol_megamenu_title-link{
    display: inline-block;
    color: #fff;
    font-size: 1rem;
    position: relative;
    padding-left: 20px;
    margin-left: 10px;
    text-decoration: none;
}
.sol_megamenu_title-link::before {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    font-size: 13px;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 7.2px;
    top: 0.45rem;
    left: 0;
    border: 1px solid #fff;
    color: #fff;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
    overflow: hidden;
}

.hai_imgmegamenu_item02 + .hai_imgmegamenu_item02{
    margin-top: 10px;
}

.hai_imgmegamenu_item02 a{
    background: #fff;
    display: block;
}


.hai_imgmegamenu_item02 a img{
    width: 100%;
    height: auto;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
}


.hai_imgmegamenu_item02>a>img {
    max-width: none;
    width: 100%;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

@media (pointer: fine) {
    .hai_imgmegamenu_item02.biggerlink:hover>a>img {
        opacity: 0.7;
    }
}

@media (-ms-high-contrast: none) {
    .hai_imgmegamenu_item02.biggerlink:hover>a>img {
        opacity: 0.7;
    }
}

@media (pointer: coarse) {
    .hai_imgmegamenu_item02.biggerlink:active>a>img {
        opacity: 0.7;
    }
}



@media (pointer: fine) {
    .hai_imgmegamenu_item02.biggerlink:hover .hai_imgmegamenu_label::before {
        color: #1E1E1E;
        background: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .hai_imgmegamenu_item02.biggerlink:hover .hai_imgmegamenu_label::before {
        color: #1E1E1E;
        background: #fff;
    }
}

@media (pointer: coarse) {
    .hai_imgmegamenu_item02.biggerlink:active .hai_imgmegamenu_label::before {
        color: #1E1E1E;
        background: #fff;
    }
}


.sol_imgmegamenu02 .sol_imgmegamenu_header {
    width: 325px;
}


.sol_imgmegamenu_list_item03 {
    width: calc( (100% /3 ) - 20px);
    margin: 0 10px;
}
.sol_imgmegamenu_list_item03:nth-child(n + 4){
    margin-top: 20px;
}
.hai_imgmegamenu_sub-label{
    margin-bottom: 0;
}
.hai_imgmegamenu_sub-label a{
    color: #fff;
    position: relative;
    display: block;
    text-decoration: none;
    text-align: right;
}

.hai_imgmegamenu_sub-label a::before {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    content: "";
    font-size: 10px;
    margin-top: -5px;
    padding-right: 10px;
}

.external-link:after {
    content: "";
    -webkit-mask: url(../other/external_link_icon.svg) no-repeat center center/contain;
    mask: url(../other/external_link_icon.svg) no-repeat center center/contain;
    background-color: #fff;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
}

.sol_imgmegamenu_list_item03 a{
    display: block;
}

.sol_imgmegamenu_list_item03 .biggerlink:hover>a{
    background: #fff;

}


.sol_imgmegamenu_list_item03 a img{
    width: 100%;
    height: auto;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
}


@media (pointer: fine) {
    .sol_imgmegamenu_list_item03 .biggerlink:hover>a>img {
        opacity: 0.7;
    }
}

@media (-ms-high-contrast: none) {
    .sol_imgmegamenu_list_item03 .biggerlink:hover>a>img {
        opacity: 0.7;
    }
}

@media (pointer: coarse) {
    .sol_imgmegamenu_list_item03 .biggerlink:active>a>img {
        opacity: 0.7;
    }
}



@media (pointer: fine) {
    .sol_imgmegamenu_list_item03 .biggerlink:hover .hai_imgmegamenu_label::before {
        color: #1E1E1E;
        background: #fff;
    }
}

@media (-ms-high-contrast: none) {
    .sol_imgmegamenu_list_item03 .biggerlink:hover .hai_imgmegamenu_label::before {
        color: #1E1E1E;
        background: #fff;
    }
}

@media (pointer: coarse) {
    .sol_imgmegamenu_list_item03 .biggerlink:active .hai_imgmegamenu_label::before {
        color: #1E1E1E;
        background: #fff;
    }
}



@media screen and (max-width: 1200px){
    .sol_imgmegamenu02 .sol_imgmegamenu_header {
        padding-right: 20px;
    }

    .sol_imgmegamenu02 .sol_imgmegamenu_body {
    padding-left: 20px;
}

    .sol_imgmegamenu02 .hai_imgmegamenu_label,
    .sol_imgmegamenu02 .hai_imgmegamenu_sub-label {
        font-size: .9rem;
}
.sol_imgmegamenu_list_item03 {
    width: calc( (100% /3 ) - 10px);
    margin: 0 5px;
}
}



@media screen and (max-width: 1050px){
    .sol_imgmegamenu02 .sol_imgmegamenu_header {
        width: 230px;
    }
    
    .sol_imgmegamenu02::before {
        left: 230px;
    }

    .sol_imgmegamenu02 .hai_imgmegamenu_label,
    .sol_imgmegamenu02 .hai_imgmegamenu_sub-label {
        font-size: .8rem;
}
.sol_imgmegamenu02 .hai_imgmegamenu_label{
   padding-left: 20px;
}

.sol_imgmegamenu02 .hai_imgmegamenu_sub-label a::before {
    font-size: 5px;
    padding-right: 5px;
}
    
}

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

    .sol_imgmegamenu02 .hai_imgmegamenu_label,
    .sol_imgmegamenu02 .hai_imgmegamenu_sub-label {
        font-size: .9rem;
}
}

/* /semiconductor/maker/mentor/landscape/index.html 用追記 */
.landscape_sort {
    margin: 0 0 100px 0;
}

.landscape_sort .search {
    margin: 0 0 30px 0;
}

.landscape_sort .search_item {
    display: inline-block;
    margin: 0 0 20px 0;
    padding: 1.0em 3.0em;
    border: 1px solid #00A2CB;
    cursor: pointer;
    transition: all 0.2s;
}

.landscape_sort .search_item.-standout{
    background: #E5F6FA;
}

.landscape_sort .search_item:hover {
    color: #fff;
    background: #00A2CB;
}

.landscape_sort .search_item.is-active {
    color: #fff;
    background: #00A2CB;
}

.landscape_sort .is-hide {
    display: none;
}

@media only screen and (max-width: 690px) {
    .landscape_sort .search_item {
        padding: 0.5em 1.0em;
        margin: 0 5px 10px 0;
    }
}

.landscape_sort .flex_set {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.landscape_sort .flex_set::after {
    content: "";
    display: block;
    width: 32%;
}

.landscape_sort article {
    width: 32%;
    margin: 0 0 20px 0;
    animation-name: fadeUpAnime;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    opacity: 0;
}

@keyframes fadeUpAnime {
    from {
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@media screen and (max-width: 980px){
    .landscape_sort article {
        width: 49%;
    }
}
@media only screen and (max-width: 690px) {
    .landscape_sort article {
        width: 100%;
    }
}

.landscape_sort .js-link {
    cursor: pointer;
    transition: all 0.2s;
}

.landscape_sort .js-link:hover .title_figure,
.landscape_sort .js-link:hover .text_block {
opacity: 0.8;
}


.landscape_sort .title_figure {
    margin: 0;
    width: 100%;
    height: 250px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.landscape_sort .text_block {
    display: flex;
    flex-direction: column;
}

.landscape_sort .date {
    font-size: 13px;
}

.landscape_sort .h3_text {
    margin: -24px 0 0 0;
    font-size: 17px;
    line-height: 175%;
}

.landscape_sort .h3_text a {
    text-decoration: none;
}

.landscape_sort .tag {
    margin: 0 0.5em 0 0;
    padding: 0.1em 0.5em;
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
    white-space: nowrap;
    transition: all 0.2s;
}
.landscape_sort .tag:hover{
    /* opacity: 0.8; */
}

.landscape_sort .bg_pink {
    background: #FC5185;
}

.landscape_sort .bg_orange {
    background: #FF9A00;
}

.landscape_sort .bg_green {
    background: #17B978;
}

.landscape_sort .bg_lightBlue {
    background: #46CDCF;
}

.landscape_sort .bg_purple {
    background: #9933FF;
}