@charset "UTF-8";
@font-face {
    font-family: "bank-gothic-medium-bt";
    src: url("../../fonts/bank-gothic-medium-bt.ttf") format("truetype")
}

.g-bankg {
    font-family: "bank-gothic-medium-bt"
}

//body.t-contact, body.is-page {
//    overflow-x: clip;
//    display: flex;
//    flex-direction: column
//}
//
//body.t-contact header, body.is-page header {
//    top: 0
//}
//
//body.t-contact footer, body.is-page footer {
//    margin: auto 0 0
//}
//
//body.t-contact .l-content, body.is-page .l-content {
//    padding: 110px 0 0
//}
//
//body.t-contact .navbar-brand img, body.is-page .navbar-brand img {
//    width: 200px
//}

body.t-contact input::placeholder, body.t-contact textarea::placeholder, body.is-page input::placeholder, body.is-page textarea::placeholder {
    color: #b9b9b9
}

body.t-contact input:-ms-input-placeholder, body.t-contact textarea:-ms-input-placeholder, body.is-page input:-ms-input-placeholder, body.is-page textarea:-ms-input-placeholder {
    color: #b9b9b9
}

body.t-contact input::-ms-input-placeholder, body.t-contact textarea::-ms-input-placeholder, body.is-page input::-ms-input-placeholder, body.is-page textarea::-ms-input-placeholder {
    color: #b9b9b9
}

.m-frmItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.m-frmItem.is-hide {
    display: none
}

body.is-freepage .header, body.is-freepage .footer {
    display: none
}

body.is-freepage .l-contentBody {
    max-width: inherit;
    padding: 0
}

body.is-simple .header .navbar-header, body.is-simple .header #navbarSupportedContent {
    display: none !important
}

body header .container {
    max-width: 1400px !important
}

body header .header-btn a {
    width: calc(100% - 26px);
    max-width: inherit;
    white-space: nowrap
}

//body footer .m-footerNav {
//    margin: 0 0 20px
//}
//
//body footer .m-footerNav__list {
//    margin: -15px 0 0;
//    display: flex;
//    flex-wrap: wrap;
//    align-items: center;
//    justify-content: center
//}
//
//body footer .m-footerNav__list li {
//    margin: 15px 0 0 15px;
//    padding: 0 0 0 15px;
//    line-height: 1;
//    border-left: 1px solid #fff
//}
//
//body footer .m-footerNav__list li:first-child {
//    margin-left: 0;
//    padding-left: 0;
//    border-left: none
//}
//
//body footer .m-footerNav__list a {
//    color: #fff;
//    text-decoration: underline
//}
//
//body footer .m-footerNav__list a:hover {
//    text-decoration: none;
//    opacity: .8
//}

body br.is-pc {
    display: block
}

body br.is-sp {
    display: none
}

@media only screen and (min-width: 768px) {
    //body.t-contact header, body.is-page header {
    //    width: 100%;
    //    top: 0;
    //    display: flex;
    //    align-items: center;
    //    justify-content: space-between
    //}
    //body.t-contact header .container, body.t-contact header .header-menu, body.is-page header .container, body.is-page header .header-menu {
    //    width: 100%;
    //    max-width: 100%
    //}
    //body.t-contact .l-content, body.is-page .l-content {
    //    padding: 130px 0 0
    //}
    //header {
    //    height: auto;
    //    display: flex;
    //    align-items: center
    //}
    header .navbar-brand img {
        width: 200px
    }
    header .header-menu {
        width: 100%;
        max-width: 100%
    }
}

@media (max-width: 992px) {
    //body.t-contact .container, body.is-page .container {
    //    max-width: inherit
    //}
}

@media (min-width: 576px) {
    header .container {
        max-width: inherit
    }
}

@media (max-width: 767px) {
    //body.t-contact .container, body .header .container {
    //    padding: 0 10px
    //}
    //body.t-contact .navbar, body .header .navbar {
    //    padding-left: 0;
    //    padding-right: 0
    //}
    body.is-page .navbar-brand img {
        width: 150px
    }
    body br.is-pc {
        display: none
    }
    body br.is-sp {
        display: block
    }
    //body footer .m-footerNav {
    //    margin-bottom: 10px
    //}
    //body footer .m-footerNav__list {
    //    margin-top: -10px
    //}
    //body footer .m-footerNav__list li {
    //    margin-top: 10px
    //}
    header .navbar-brand img {
        width: 150px
    }
}

@media only screen and (min-width: 768px) {
    body.t-contact form textarea.form-control, body.is-page form textarea.form-control {
        height: 150px
    }
    body.t-contact form .form-group.checkgroup label.nda, body.is-page form .form-group.checkgroup label.nda {
        margin-left: 0
    }
    body.t-contact form .form-group.checkgroup .mwform-checkbox-field, body.t-contact form .form-group.checkgroup .mwform-radio-field, body.is-page form .form-group.checkgroup .mwform-checkbox-field, body.is-page form .form-group.checkgroup .mwform-radio-field {
        margin: 10px 0 0;
        display: block;
        position: relative
    }
    body.t-contact form .form-group.checkgroup .mwform-checkbox-field .mwform-checkbox-field-text, body.t-contact form .form-group.checkgroup .mwform-checkbox-field .mwform-radio-field-text, body.t-contact form .form-group.checkgroup .mwform-radio-field .mwform-checkbox-field-text, body.t-contact form .form-group.checkgroup .mwform-radio-field .mwform-radio-field-text, body.is-page form .form-group.checkgroup .mwform-checkbox-field .mwform-checkbox-field-text, body.is-page form .form-group.checkgroup .mwform-checkbox-field .mwform-radio-field-text, body.is-page form .form-group.checkgroup .mwform-radio-field .mwform-checkbox-field-text, body.is-page form .form-group.checkgroup .mwform-radio-field .mwform-radio-field-text {
        padding: 0 0 0 1em;
        font-size: 14px !important;
        display: block;
        line-height: 1.4
    }
    body.t-contact form .form-group.checkgroup .mwform-checkbox-field input, body.t-contact form .form-group.checkgroup .mwform-radio-field input, body.is-page form .form-group.checkgroup .mwform-checkbox-field input, body.is-page form .form-group.checkgroup .mwform-radio-field input {
        position: absolute;
        top: 0;
        left: 0
    }
    body.t-contact form .form-group[data-type=text], body.is-page form .form-group[data-type=text] {
        font-size: 20px
    }
    body.t-contact form .form-group[data-type=text] .error, body.is-page form .form-group[data-type=text] .error {
        font-size: 16px
    }
    body.t-contact form .col-md-12[data-type=btnlist], body.is-page form .col-md-12[data-type=btnlist] {
        margin: -10px 0 20px !important;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center
    }
    body.t-contact form .col-md-12[data-type=btnlist] > .item, body.is-page form .col-md-12[data-type=btnlist] > .item {
        width: 100%;
        max-width: 200px;
        padding: 0 10px
    }
    body.t-contact form .col-md-12[data-type=btnlist] > .item .btn, body.is-page form .col-md-12[data-type=btnlist] > .item .btn {
        width: 100%
    }
    body.t-contact .text-center[data-type=complete], body.is-page .text-center[data-type=complete] {
        padding: 5% 0 0;
        display: block
    }
    body.t-contact .text-center[data-type=complete] span, body.is-page .text-center[data-type=complete] span {
        font-size: 16px;
        font-weight: normal
    }
}

.btn-primary, .btn-secondary {
    box-shadow: inset 0px 1px 0px 0px #54a3f7;
    background: linear-gradient(to bottom, #1d3c4e 5%, #005a7b 100%);
    background-color: #1d3c4e;
    border-radius: 5px;
    border: 1px solid #124d77;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: Arial;
    font-size: 20px;
    padding: 10px 15px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #005a7b;
    transition: .3s all ease
}

.btn-primary:hover, .btn-secondary:hover {
    background: linear-gradient(to bottom, #005a7b 5%, #1d3c4e 100%);
    background-color: #005a7b
}

.btn-primary:disabled, .btn-secondary:disabled {
    pointer-events: none;
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    border: 1px solid #999;
    background: #999
}

.btn-secondary {
    color: #1d3c4e;
    text-shadow: none;
    box-shadow: none;
    background: linear-gradient(to bottom, #eee 5%, #fff 100%)
}

.btn-secondary:hover {
    color: #1d3c4e;
    background: linear-gradient(to bottom, #fff 5%, #eee 100%)
}

.m-frmAgree {
    margin: -30px 0 20px
}

.m-frmAgree__check {
    display: table;
    margin: 0 auto
}

.m-frmAgree__check div {
    margin: 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.m-frmAgree__check div label {
    font-size: 20px !important;
    margin: 0 0 0 10px
}

.m-frmAgree__check div input {
    position: relative;
    top: 2px
}

.robot-details-top-row[data-type=input] [data-type=btnlist] > .item:first-child {
    display: none
}

.robot-details-top-row[data-type=confirm] .m-frmAgree {
    display: none !important
}

.robot-details-top-row[data-type=confirm] .form-group.checkgroup label.nda {
    display: none
}

.robot-details-top-row[data-type=confirm] .checkgroup {
    line-height: 1.5
}

.robot-details-top-row .mwform-file-delete {
    margin-top: -40px;
margin-bottom: 30px;
    display: block
opacity: 0;
visibility: hidden;
}

.robot-details-top-row .error {
color: #B70000;
}

.robot-details-top-row .mw_wp_form.mw_wp_form_send_error {
    display: none
}

@media only screen and (max-width: 767px) {
    body.t-contact .from-box, body.is-page .from-box {
        padding: 15px 0
    }
    body.t-contact .row.justify-content-center.align-items-middle > .col-md-12, body.is-page .row.justify-content-center.align-items-middle > .col-md-12 {
        padding-top: 20px !important
    }
    body.t-contact .form-group[data-type=label], body.is-page .form-group[data-type=label] {
        margin-bottom: 10px !important
    }
    body.t-contact .form-group[data-type=label] br, body.is-page .form-group[data-type=label] br {
        display: none
    }
    body.t-contact .form-group.checkgroup label.nda, body.is-page .form-group.checkgroup label.nda {
        margin-left: 0
    }
    body.t-contact .form-group.checkgroup label.nda, body.is-page .form-group.checkgroup label.nda {
        margin-left: 0
    }
    body.t-contact .form-group.checkgroup .mwform-checkbox-field, body.t-contact .form-group.checkgroup .mwform-radio-field, body.is-page .form-group.checkgroup .mwform-checkbox-field, body.is-page .form-group.checkgroup .mwform-radio-field {
        margin: 10px 0 0;
        display: block;
        position: relative
    }
    body.t-contact .form-group.checkgroup .mwform-checkbox-field .mwform-checkbox-field-text, body.t-contact .form-group.checkgroup .mwform-checkbox-field .mwform-radio-field-text, body.t-contact .form-group.checkgroup .mwform-radio-field .mwform-checkbox-field-text, body.t-contact .form-group.checkgroup .mwform-radio-field .mwform-radio-field-text, body.is-page .form-group.checkgroup .mwform-checkbox-field .mwform-checkbox-field-text, body.is-page .form-group.checkgroup .mwform-checkbox-field .mwform-radio-field-text, body.is-page .form-group.checkgroup .mwform-radio-field .mwform-checkbox-field-text, body.is-page .form-group.checkgroup .mwform-radio-field .mwform-radio-field-text {
        padding: 0 0 0 1em;
        font-size: 14px !important;
        display: block;
        line-height: 1.4
    }
    body.t-contact .form-group.checkgroup .mwform-checkbox-field input, body.t-contact .form-group.checkgroup .mwform-radio-field input, body.is-page .form-group.checkgroup .mwform-checkbox-field input, body.is-page .form-group.checkgroup .mwform-radio-field input {
        position: absolute;
        top: 0;
        left: 0
    }
    body.t-contact .form-group input[type=file], body.is-page .form-group input[type=file] {
        margin-bottom: 0 !important
    }
    body.t-contact .col-md-12[data-type=btnlist], body.is-page .col-md-12[data-type=btnlist] {
        margin: 0 0 20px !important;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center
    }
    body.t-contact .col-md-12[data-type=btnlist] > .item, body.is-page .col-md-12[data-type=btnlist] > .item {
        width: 100%;
        max-width: 50%;
        padding: 0 7px
    }
    body.t-contact .col-md-12[data-type=btnlist] > .item .btn, body.is-page .col-md-12[data-type=btnlist] > .item .btn {
        width: 100%
    }
    body.t-contact .btn-primary, body.t-contact .btn-secondary, body.is-page .btn-primary, body.is-page .btn-secondary {
        font-size: 16px
    }
    body.t-contact .text-center[data-type=complete], body.is-page .text-center[data-type=complete] {
        padding: 5% 0 0;
        display: block
    }
    body.t-contact .text-center[data-type=complete] span, body.is-page .text-center[data-type=complete] span {
        font-size: 16px;
        font-weight: normal
    }
    body.t-contact .robot-details-top-row[data-type=input] .m-frmAgree, body.is-page .robot-details-top-row[data-type=input] .m-frmAgree {
        margin-top: 0
    }
}

.video-wrapper {
    width: 100%;
    aspect-ratio: 16/9
}

.video-wrapper iframe {
    width: 100%;
    height: 100%;
    border: none
}

.l-contentBody {
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    padding: 0 15px;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.8;
    box-sizing: border-box
}

.l-contentBody p {
    font-weight: normal;
    line-height: 1.8
}

.l-contentBody img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track::before, .slick-track::after {
    content: "";
    display: table
}

.slick-track::after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    height: 100%;
    min-height: 1px;
    float: left;
    display: none
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    height: auto;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-track {
    display: flex
}

.slick-slide {
    height: auto !important
}

.slick-prev, .slick-next {
    width: 32px;
    height: 32px;
    margin: -16px 0 0;
    text-indent: -999em;
    transition: .3s all ease;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    border-radius: 50%;
    border: none;
    background: #fff
}

.slick-prev::before, .slick-prev::after, .slick-next::before, .slick-next::after {
    transition: .3s all ease;
    position: absolute;
    content: ""
}

.slick-prev::before, .slick-next::before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: #005a7b
}

.slick-prev::after, .slick-next::after {
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    z-index: 2;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff
}

.slick-prev:hover::before, .slick-next:hover::before {
    opacity: .8
}

.slick-prev:active, .slick-next:active {
    opacity: 1
}

.slick-prev {
    left: -13px
}

.slick-prev::after {
    margin: -5px 0 0 -3px;
    transform: rotate(-135deg)
}

.slick-next {
    right: -13px
}

.slick-next::after {
    margin: -5px 0 0 -7px;
    transform: rotate(45deg)
}

.slick-dots {
    width: 100%;
    margin: 40px 0 0;
    display: flex;
    flex-wrap: nowrap;
    align-self: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: -50px
}

.slick-dots li {
    margin: 0 5px
}

.slick-dots li:first-child {
    margin-left: 0
}

.slick-dots li:last-child {
    margin-right: 0
}

.slick-dots li button {
    width: 12px;
    height: 12px;
    text-indent: -999em;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    background: #ccc
}

.slick-dots li.slick-active button {
    background: #f08404
}

.m-hdgLv1 {
    margin: 0 0 20px;
    padding: 20px 0 12px;
    font-weight: 600;
    font-size: 30px;
    color: #5c7d82;
    line-height: 36px;
    text-align: center;
    position: relative
}

.m-hdgLv1:first-child {
    padding-top: 0;
}

.m-hdgLv1::after {
    width: 200px;
    height: 5px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    background: #5c7d82;
    content: ""
}

@media screen and (max-width: 767px) {
    .m-hdgLv1 {
        font-size: 28px
    }
}

.u-company {
    margin: 50px 0 0
}

.u-companyInfo tr:first-child th, .u-companyInfo tr:first-child td {
    padding-top: 0
}

.u-companyInfo tr th, .u-companyInfo tr td {
    padding: 20px 15px 10px;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.6;
    text-align: left;
    vertical-align: middle
}

.u-companyInfo tr th {
    min-width: 145px;
    max-width: 145px;
    padding-left: 0;
    border-bottom: 1px solid #005a7b
}

.u-companyInfo tr td {
    border-bottom: 1px solid #dbd8d8
}

.u-companyHdg {
    margin: 100px 0 0;
    padding: 0 0 0 1.2em;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.2;
    position: relative
}

.u-companyHdg::before {
    color: #005a7b;
    position: absolute;
    top: 0;
    left: 0;
    content: "■"
}

.u-companyLocale {
    margin: 12px 0 0
}

.u-companyLocale > *:first-child {
    margin-top: 0
}

.u-companyLocale__img img {
    width: 100%
}

.u-companyLocale__map {
    margin: 25px 0 0
}

.u-companyLocale__map iframe {
    width: 100%;
    height: 300px;
    border: none
}

.u-companyLocale__txt a {
    color: #005a7b;
    text-decoration: underline
}

.u-companyLocale__txt a:hover {
    text-decoration: none
}

.u-companyCv {
    margin: 100px 0 0;
    padding: 60px 0;
    position: relative;
    background: #f7f7f7
}

.u-companyCv::before {
    width: 100%;
    height: 100%;
    margin: 0 -10000%;
    padding: 0 10000%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #f7f7f7;
    content: ""
}

.u-companyCv__btn {
    width: 100%;
    max-width: 330px;
    height: 70px;
    margin: 0 auto;
    font-size: 17px;
    color: #fff;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    background: #005a7b
}

.u-companyCv__btn:hover {
    color: #fff;
    background: #0b2867
}

@media screen and (max-width: 767px) {
    .u-companyInfo tr th, .u-companyInfo tr td {
        font-size: 15px
    }
    .u-companyInfo tr th {
        min-width: 120px;
        max-width: 120px
    }
    .u-companyHdg {
        margin-top: 70px;
        font-size: 17px
    }
    .u-companyLocale__map {
        margin-top: 12px
    }
    .u-companyLocale__map iframe {
        height: 200px
    }
    .u-companyLocale__txt {
        margin-top: 2px
    }
    .u-companyCv {
        margin-top: 70px;
        padding: 40px 0
    }
}

.u-robots {
    margin: 50px 0 0
}

.u-robotsNav__list {
    margin: 0 0 0 -30px;
    display: flex;
    flex-wrap: wrap
}

.u-robotsNav__listItem {
    width: 50%;
    margin: 25px 0 0;
    padding: 0 0 0 30px
}

.u-robotsNav__listItem:nth-child(-n+2) {
    margin-top: 0
}

.u-robotsNav__listItem__inner {
    min-height: 100px;
    padding: 10px 0 10px 25px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    border: 1px solid #005a7b;
    background: #f7f7f7
}

.u-robotsNav__listItem__inner::before, .u-robotsNav__listItem__inner::after {
    transition: .3s all ease;
    position: absolute;
    top: 50%;
    content: ""
}

.u-robotsNav__listItem__inner::before {
    width: 30px;
    height: 30px;
    margin: -15px 0 0;
    right: 20px;
    border-radius: 50%;
    background: #005a7b
}

.u-robotsNav__listItem__inner::after {
    width: 8px;
    height: 8px;
    margin: -5px 0 0;
    right: 31px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(135deg)
}

.u-robotsNav__listItem__inner:hover::before {
    background: #0b2867
}

.u-robotsNav__listItem__ttl {
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 1;
    color: #005a7b
}

.u-robotsNav__listItem__ttl span {
    margin: 6px 0 0;
    font-size: 16px;
    display: block
}

.u-robotsNav__listItem__img {
    position: absolute;
    top: 50%
}

.u-robotsNav__listItem__img[data-type=rgv] {
    margin: -26px 0 0;
    right: 80px
}

.u-robotsNav__listItem__img[data-type=rgv] img {
    width: 146px;
    height: 52px
}

.u-robotsNav__listItem__img[data-type=agv] {
    margin: -26px 0 0;
    right: 66px
}

.u-robotsNav__listItem__img[data-type=agv] img {
    width: 149px;
    height: 52px
}

.u-robotsNav__listItem__img[data-type=arm] {
    margin: -35px 0 0;
    right: 90px
}

.u-robotsNav__listItem__img[data-type=arm] img {
    width: 78px;
    height: 69px
}

.u-robotsNav__listItem__img[data-type=agf] {
    margin: -35px 0 0;
    right: 80px
}

.u-robotsNav__listItem__img[data-type=agf] img {
    width: 172px;
    height: 69px
}

.u-robotsList {
    margin: 40px 0 0
}

.u-robotsList__item {
    padding: 30px 0 60px;
    position: relative;
    background: #fff
}

.u-robotsList__item:nth-child(odd) {
    background: #f7f7f7
}

.u-robotsList__item:nth-child(odd)::before {
    width: 100%;
    height: 100%;
    margin: 0 -10000%;
    padding: 0 10000%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #f7f7f7;
    content: ""
}

.u-robotsList__hdg {
    font-weight: normal;
    font-size: 40px;
    color: #005a7b;
    line-height: 1;
    text-align: center
}

.u-robotsList__hdg span {
    margin: 10px 0 0;
    font-size: 15px;
    display: block
}

.u-robotsList__hdg span::before, .u-robotsList__hdg span::after {
    content: "-"
}

.u-robotsList__hdg span::before {
    padding: 0 5px 0 0
}

.u-robotsList__hdg span::after {
    padding: 0 0 0 5px
}

.u-robotsList__img {
    margin: 10px auto;
    display: table
}

.u-robotsList__img img {
    width: 100%
}

.u-robotsList__figure {
    margin: 30px 0
}

.u-robotsList__figure img {
    width: 100%
}

.u-robotsList__notes {
    margin-left: 1em;
    text-indent: -1em
}

.u-robotsList__em {
    margin: 20px 0 5px;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    line-height: 1;
    display: block
}

.u-robotsList__link {
    color: #005a7b;
    text-decoration: underline
}

.u-robotsList__link:hover {
    text-decoration: none;
    opacity: .8
}

.u-robotsList__video {
    margin: 25px 0 0 -35px;
    display: flex;
    flex-wrap: nowrap
}

.u-robotsList__videoItem {
    width: 50%;
    margin: 35px 0 0;
    padding: 0 0 0 35px
}

.u-robotsList__videoItem:nth-child(-n+2) {
    margin-top: 0
}

.u-robotsList__videoItem__video {
    width: 100%;
    aspect-ratio: 16/9
}

.u-robotsList__videoItem__video iframe {
    width: 100%;
    height: 100%;
    border: none
}

.u-robotsList__slider {
    padding: 0 10px
}

.u-robotsList__sliderList {
    opacity: 0;
    transition: opacity .3s linear;
    display: flex !important
}

.u-robotsList__sliderList.slick-initialized {
    opacity: 1
}

.u-robotsList__sliderList__item {
    padding: 0 10px
}

.u-robotsList__sliderList__item img {
    width: 100%;
    border: 1px solid #ccc
}

@media screen and (max-width: 930px) {
    .u-robotsNav__list {
        margin: 0 0 0 -3.226vw
    }
    .u-robotsNav__listItem {
        margin: 2.688vw 0 0;
        padding: 0 0 0 3.226vw
    }
    .u-robotsNav__listItem__inner {
        min-height: 10.753vw;
        padding: 1.075vw 0 1.075vw 2.688vw;
        border: .108vw solid #005a7b
    }
    .u-robotsNav__listItem__inner::before {
        width: 3.226vw;
        height: 3.226vw;
        margin: -1.613vw 0 0;
        right: 2.151vw
    }
    .u-robotsNav__listItem__inner::after {
        width: .86vw;
        height: .86vw;
        margin: -0.538vw 0 0;
        right: 3.333vw;
        border-top: .108vw solid #fff;
        border-right: .108vw solid #fff
    }
    .u-robotsNav__listItem__ttl {
        font-size: 3.871vw
    }
    .u-robotsNav__listItem__ttl span {
        margin: .645vw 0 0;
        font-size: 1.72vw
    }
    .u-robotsNav__listItem__img[data-type=rgv] {
        margin: -2.796vw 0 0;
        right: 8.602vw
    }
    .u-robotsNav__listItem__img[data-type=rgv] img {
        width: 15.699vw;
        height: 5.591vw
    }
    .u-robotsNav__listItem__img[data-type=agv] {
        margin: -2.796vw 0 0;
        right: 7.097vw
    }
    .u-robotsNav__listItem__img[data-type=agv] img {
        width: 16.022vw;
        height: 5.591vw
    }
    .u-robotsNav__listItem__img[data-type=arm] {
        margin: -3.763vw 0 0;
        right: 9.677vw
    }
    .u-robotsNav__listItem__img[data-type=arm] img {
        width: 8.387vw;
        height: 7.419vw
    }
    .u-robotsNav__listItem__img[data-type=agf] {
        margin: -3.763vw 0 0;
        right: 8.602vw
    }
    .u-robotsNav__listItem__img[data-type=agf] img {
        width: 18.495vw;
        height: 7.419vw
    }
}

@media screen and (max-width: 767px) {
    .u-robotsNav__list {
        margin: 0;
        display: block
    }
    .u-robotsNav__listItem {
        width: 100%;
        margin: 15px 0 0;
        padding: 0
    }
    .u-robotsNav__listItem:nth-child(-n+2) {
        margin-top: 15px
    }
    .u-robotsNav__listItem:first-child {
        margin-top: 0
    }
    .u-robotsNav__listItem__inner {
        min-height: 100px;
        padding: 10px 0 10px 15px;
        border: .13vw solid #005a7b
    }
    .u-robotsNav__listItem__inner::before {
        width: 30px;
        height: 30px;
        margin: -15px 0 0;
        transform: scale(0.8);
        right: 6px;
        border-radius: 50%;
        background: #005a7b
    }
    .u-robotsNav__listItem__inner::after {
        width: 8px;
        height: 8px;
        margin: -5px 0 0;
        right: 17px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff
    }
    .u-robotsNav__listItem__ttl {
        font-size: 36px
    }
    .u-robotsNav__listItem__ttl span {
        font-size: 16px
    }
    .u-robotsNav__listItem__img {
        top: 50%
    }
    .u-robotsNav__listItem__img[data-type=rgv] {
        margin: -3.39vw 0 0;
        right: 10.43vw
    }
    .u-robotsNav__listItem__img[data-type=rgv] img {
        width: 19.035vw;
        height: 6.78vw
    }
    .u-robotsNav__listItem__img[data-type=agv] {
        margin: -3.39vw 0 0;
        right: 8.605vw
    }
    .u-robotsNav__listItem__img[data-type=agv] img {
        width: 19.426vw;
        height: 6.78vw
    }
    .u-robotsNav__listItem__img[data-type=arm] {
        margin: -4.563vw 0 0;
        right: 11.734vw
    }
    .u-robotsNav__listItem__img[data-type=arm] img {
        width: 10.169vw;
        height: 8.996vw
    }
    .u-robotsNav__listItem__img[data-type=agf] {
        margin: -4.563vw 0 0;
        right: 10.43vw
    }
    .u-robotsNav__listItem__img[data-type=agf] img {
        width: 22.425vw;
        height: 8.996vw
    }
    .u-robotsList {
        margin-top: 30px
    }
    .u-robotsList__item {
        padding-bottom: 20px
    }
    .u-robotsList__figure {
        margin: 20px 0
    }
    .u-robotsList__video {
        margin: 25px 0 0;
        display: block
    }
    .u-robotsList__videoItem {
        width: 100%;
        margin-top: 25px;
        padding: 0
    }
    .u-robotsList__videoItem:nth-child(-n+2) {
        margin-top: 25px
    }
    .u-robotsList__videoItem:first-child {
        margin-top: 0
    }
}

.u-project {
    margin: 35px 0 60px
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.8;
    box-sizing: border-box;
}

.u-project[data-type=top] .u-projectLead {
    font-size: 20px;
    line-height: 1.3;
    text-align: center
}

.u-project[data-type=top] .u-projectPlace {
    width: 100%;
    max-width: 750px;
    margin: 30px auto 0;
    position: relative
}

.u-project[data-type=top] .u-projectPlace__map {
    width: 530px;
    height: 590px;
    position: relative;
    left: 185px;
    transform: scale(1.4);
    top: -20px;
}

}

.u-project[data-type=top] .u-projectPlace__mapImg {
    width: 530px;
    height: 590px
}

.u-project[data-type=top] .u-projectPlace__mapList li {
    position: absolute
}

.u-project[data-type=top] .u-projectPlace__mapList li[data-order="1"] {
    top: 396px;
    left: 341px
}

.u-project[data-type=top] .u-projectPlace__mapList li[data-order="2"] {
    top: 372px;
    left: 317px
}

.u-project[data-type=top] .u-projectPlace__mapList li[data-order="3"] {
    top: 389px;
    left: 320px
}

.u-project[data-type=top] .u-projectPlace__mapList li[data-order="4"] {
    top: 374px;
    left: 338px
}

.u-project[data-type=top] .u-projectPlace__mapList li[data-order="5"] {
    top: 452px;
    left: 93px
}

.u-project[data-type=top] .u-projectPlace__mapList li[data-order="6"] {
    top: 327px;
    left: 332px
}

.u-project[data-type=top] .u-projectPlace__mapList li[data-order="7"] {
    top: 419px;
    left: 232px
}

.u-project[data-type=top] .u-projectPlace__mapList li[data-order="8"] {
    top: 394px;
    left: 362px
}

.u-project[data-type=top] .u-projectPlace__mapList li[data-order="9"] {
    top: 460px;
    left: 120px
}

.u-project[data-type=top] .u-projectPlace__mapList li[data-order="10"] {
    top: 412px;
    left: 252px
}

.u-project[data-type=top] .u-projectPlace__mapList a {
    width: 26px;
    height: 26px;
    font-size: 18px;
    color: #fff;
    line-height: 1;
    cursor: pointer;
    transform: scale(0.8);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #000
}

.u-project[data-type=top] .u-projectPlace__mapList a[data-state="1"] {
    background: #005a7b
}

.u-project[data-type=top] .u-projectPlace__mapList a[data-state="2"] {
    background: #5c7d82
}

.u-project[data-type=top] .u-projectPlace__mapList a[data-state="3"] {
    background: #aaa
}

.u-project[data-type=top] .u-projectPlace__mapList a span {
    top: -1px;
    position: relative
}

.u-project[data-type=top] .u-projectPlace__mapList a:hover {
    opacity: .8
}

.u-project[data-type=top] .u-projectPlace__guide {
    position: absolute;
    right: 0;
    bottom: 0
}

.u-project[data-type=top] .u-projectPlace__guide li {
    margin: 13px 0 0;
    padding: 0 0 0 28px;
    font-size: 20px;
    line-height: 1;
    position: relative
}

.u-project[data-type=top] .u-projectPlace__guide li:first-child {
    margin-top: 0
}

.u-project[data-type=top] .u-projectPlace__guide li::before {
    width: 20px;
    height: 20px;
    margin: -9px 0 0;
    position: absolute;
    top: 50%;
    left: 0;
    border-radius: 50%;
    background: #000;
    content: ""
}

.u-project[data-type=top] .u-projectPlace__guide li[data-state="1"]::before {
    background: #005a7b
}

.u-project[data-type=top] .u-projectPlace__guide li[data-state="2"]::before {
    background: #5c7d82
}

.u-project[data-type=top] .u-projectPlace__guide li[data-state="3"]::before {
    background: #aaa
}

.u-project[data-type=top] .u-projectPlace__boxItem {
    width: 340px;
    position: absolute;
    top: 40px;
    left: 0;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: .3s all ease
}

.u-project[data-type=top] .u-projectPlace__boxItem.is-active {
    opacity: 1;
    z-index: 1;
    visibility: visible
}

.u-project[data-type=top] .u-projectPlace__boxItem__inner {
    padding: 35px 10px 65px;
    display: block;
    position: relative;
    border: 1px solid #e6e5e5;
    background: #f7f7f7
}

.u-project[data-type=top] .u-projectPlace__boxItem__inner::before, .u-project[data-type=top] .u-projectPlace__boxItem__inner::after {
    position: absolute;
    left: 50%;
    content: ""
}

.u-project[data-type=top] .u-projectPlace__boxItem__inner::before {
    width: 30px;
    height: 30px;
    margin: 0 0 0 -15px;
    bottom: 18px;
    border-radius: 50%;
    background: #000
}

.u-project[data-type=top] .u-projectPlace__boxItem__inner::after {
    width: 8px;
    height: 8px;
    margin: 0 0 0 -6px;
    bottom: 29px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg)
}

.u-project[data-type=top] .u-projectPlace__boxItem__inner:hover .u-projectPlace__boxItem__img img {
    opacity: .9;
    transform: scale(1.05)
}

.u-project[data-type=top] .u-projectPlace__boxItem__inner.is-disabled {
    pointer-events: none
}

.u-project[data-type=top] .u-projectPlace__boxItem__inner.is-disabled:hover .u-projectPlace__boxItem__img img {
    opacity: 1;
    transform: scale(1)
}

.u-project[data-type=top] .u-projectPlace__boxItem__num {
    width: 50px;
    height: 50px;
    margin: 0 0 0 -25px;
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: -25px;
    left: 50%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #000
}

.u-project[data-type=top] .u-projectPlace__boxItem__num span {
    position: relative;
    top: -1px
}

.u-project[data-type=top] .u-projectPlace__boxItem__ttl {
    font-style: normal;
    font-size: 22px;
    line-height: 1.3;
    text-align: center;
    display: block
}

.u-project[data-type=top] .u-projectPlace__boxItem__img {
    width: 200px;
    margin: 20px auto 0;
    aspect-ratio: 16/11;
    overflow: hidden
}

.u-project[data-type=top] .u-projectPlace__boxItem__img img {
    transition: .3s all ease
}

.u-project[data-type=top] .u-projectPlace__boxItem[data-state="1"] .u-projectPlace__boxItem__inner::before {
    background: #005a7b
}

.u-project[data-type=top] .u-projectPlace__boxItem[data-state="1"] .u-projectPlace__boxItem__num {
    background: #005a7b
}

.u-project[data-type=top] .u-projectPlace__boxItem[data-state="1"] .u-projectPlace__boxItem__ttl {
    color: #005a7b
}

.u-project[data-type=top] .u-projectPlace__boxItem[data-state="2"] .u-projectPlace__boxItem__inner::before {
    background: #5c7d82
}

.u-project[data-type=top] .u-projectPlace__boxItem[data-state="2"] .u-projectPlace__boxItem__num {
    background: #5c7d82
}

.u-project[data-type=top] .u-projectPlace__boxItem[data-state="2"] .u-projectPlace__boxItem__ttl {
    color: #5c7d82
}

.u-project[data-type=top] .u-projectPlace__boxItem[data-state="3"] .u-projectPlace__boxItem__inner {
    pointer-events: none;
    padding-bottom: 25px
}

.u-project[data-type=top] .u-projectPlace__boxItem[data-state="3"] .u-projectPlace__boxItem__inner::before, .u-project[data-type=top] .u-projectPlace__boxItem[data-state="3"] .u-projectPlace__boxItem__inner::after {
    display: none
}

.u-project[data-type=top] .u-projectPlace__boxItem[data-state="3"] .u-projectPlace__boxItem__num {
    background: #aaa
}

.u-project[data-type=top] .u-projectPlace__boxItem[data-state="3"] .u-projectPlace__boxItem__ttl {
    color: #aaa
}

.u-project[data-type=top] .u-projectList {
    margin: 80px 0 0 -30px;
    display: flex;
    flex-wrap: wrap
}

.u-project[data-type=top] .u-projectList__item {
    width: 33.3333333333%;
    margin: 80px 0 0;
    padding: 0 0 0 30px;
    position: relative
}

.u-project[data-type=top] .u-projectList__item:nth-child(-n+3) {
    margin-top: 0
}

.u-project[data-type=top] .u-projectList__item[data-state="1"] .u-projectList__num {
    background: #005a7b
}

.u-project[data-type=top] .u-projectList__item[data-state="1"] .u-projectList__label span {
    background: #005a7b
}

.u-project[data-type=top] .u-projectList__item[data-state="2"] .u-projectList__num {
    background: #5c7d82
}

.u-project[data-type=top] .u-projectList__item[data-state="2"] .u-projectList__label span {
    background: #5c7d82
}

.u-project[data-type=top] .u-projectList__item[data-state="3"] .u-projectList__num {
    background: #aaa
}

.u-project[data-type=top] .u-projectList__item[data-state="3"] .u-projectList__label span {
    background: #aaa
}

.u-project[data-type=top] .u-projectList__inner {
    display: flex;
    flex-direction: column
}

.u-project[data-type=top] .u-projectList__inner:hover .u-projectList__img img {
    opacity: .9;
    transform: scale(1.05)
}

.u-project[data-type=top] .u-projectList__inner.is-disabled {
    pointer-events: none
}

.u-project[data-type=top] .u-projectList__inner.is-disabled:hover .u-projectList__img img {
    opacity: 1;
    transform: scale(1)
}

.u-project[data-type=top] .u-projectList__label {
    margin: 10px 0 0;
    order: 3;
    display: flex;
}

.u-project[data-type=top] .u-projectList__label span {
    padding: 4px 10px 6px;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    display: table;
    height: 26px;
    background: #000
}

.u-project[data-type=top] .u-projectList__label span.u-projectList__icon{
    display: block;
    margin-left: 16px;
    background: #fff !important;
    padding: 0;
}

.u-project[data-type=top] .u-projectList__icon img{
    height: 24px;
}

.u-project[data-type=top] .u-projectList__ttl {
    margin: 5px 0 0;
    font-style: normal;
    font-size: 16px;
    color: initial;
    line-height: 1.5;
    order: 4
}

.u-project[data-type=top] .u-projectList__num {
    width: 60px;
    height: 60px;
    margin: 0 0 0 -30px;
    font-size: 30px;
    color: #fff;
    line-height: 1;
    order: 2;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -30px;
    left: 50%;
    z-index: 1;
    border-radius: 50%;
    background: #000
}

.u-project[data-type=top] .u-projectList__num span {
    position: relative;
    top: -1px
}

.u-project[data-type=top] .u-projectList__img {
    aspect-ratio: 16/11;
    order: 1;
    overflow: hidden
}

.u-project[data-type=top] .u-projectList__img img {
    width: 100%;
    transition: .3s all ease
}

.u-project[data-type=detail] .u-projectHdg[data-level="2"] {
    font-weight: normal;
    font-size: 30px;
    line-height: 1.4;
    text-align: center
}

.u-project[data-type=detail] .u-projectHdg[data-level="2"] .u-projectHdg__inner {
    width: calc(100% + 250px);
    height: 300px;
    margin: 60px -125px 0;
    display: block
}

.u-project[data-type=detail] .u-projectHdg[data-level="2"] .u-projectHdg__inner img {
    margin: 0 auto;
    height: 300px;
    object-fit: cover
}

.u-project[data-type=detail] .u-projectHdg[data-level="3"] {
    margin: 40px 0
}

.u-project[data-type=detail] .u-projectHdg[data-level="3"] + * {
    margin-top: 40px !important
}

.u-project[data-type=detail] .u-projectHdg[data-level="3"] .u-projectHdg__img {
    margin: 0 auto;
    display: table
}

.u-project[data-type=detail] .u-projectHdg[data-level="3"] .u-projectHdg__txt {
    margin: 15px 0 0;
    font-weight: normal;
    font-size: 16px;
    color: #005a7b;
    line-height: 1;
    text-align: center;
    display: block
}

.u-project[data-type=detail] .u-projectTxt {
    margin: 30px 0 0
}

.u-project[data-type=detail] .u-projectImg {
    margin: 30px 0 0 -30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.u-project[data-type=detail] .u-projectImg li {
    width: 33.3333333333%;
    margin: 30px 0 0;
    padding: 0 0 0 30px
}

.u-project[data-type=detail] .u-projectImg li:nth-child(-n+3) {
    margin-top: 0
}

.u-project[data-type=detail] .u-projectImg img {
    width: 100%
}

.u-project[data-type=detail] .u-projectFigure {
    margin: 50px auto 0;
    display: table
}

.u-project[data-type=detail] .u-projectFigure__caption {
    margin: 5px 0 0;
    display: table
}

.u-project[data-type=detail] .u-projectVideo {
    width: 100%;
    max-width: 580px;
    margin: 50px auto 0;
    display: table
}

.u-project[data-type=detail] .u-projectVideo iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9
}

@media screen and (max-width: 767px) {
    .u-project {
        margin-bottom: 45px
    }
    .u-project[data-type=top] .u-projectLead {
        font-size: 18px;
        position: relative;
        z-index: 1
    }
    .u-project[data-type=top] .u-projectPlace {
        margin-top: 20px
    }
    .u-project[data-type=top] .u-projectPlace__map {
        margin: 0 auto;
        left: 0;
        transform: scale(1)
    }
    .u-project[data-type=top] .u-projectPlace__mapList a {
        pointer-events: none
    }
    .u-project[data-type=top] .u-projectPlace__mapList a:hover {
        opacity: 1
    }
    .u-project[data-type=top] .u-projectPlace__guide {
        right: inherit;
        bottom: inherit;
        left: 60px;
        top: 155px
    }
    .u-project[data-type=top] .u-projectPlace__guide li {
        padding-left: 25px;
        font-size: 18px
    }
    .u-project[data-type=top] .u-projectPlace__guide li::before {
        width: 18px;
        height: 18px;
        margin: -7px 0 0
    }
    .u-project[data-type=top] .u-projectPlace__box {
        display: none
    }
    .u-project[data-type=top] .u-projectList {
        margin: 30px 0 0 -10px;
        display: flex;
        flex-wrap: wrap
    }
    .u-project[data-type=top] .u-projectList__item {
        width: 50%;
        margin-top: 55px;
        padding-left: 10px
    }
    .u-project[data-type=top] .u-projectList__item:nth-child(-n+3) {
        margin-top: 55px
    }
    .u-project[data-type=top] .u-projectList__item:nth-child(-n+2) {
        margin-top: 0
    }
    .u-project[data-type=top] .u-projectList__inner:hover .u-projectList__img img {
        opacity: 1;
        transform: scale(1)
    }
    .u-project[data-type=top] .u-projectList__label {
        margin-top: 6px
    }
    .u-project[data-type=top] .u-projectList__num {
        width: 50px;
        height: 50px;
        margin-left: -25px;
        font-size: 26px;
        top: -25px
    }
    .u-project[data-type=detail] .u-projectHdg[data-level="2"] {
        font-size: 28px
    }
    .u-project[data-type=detail] .u-projectHdg[data-level="2"] .u-projectHdg__inner {
        width: calc(100% + 40px);
        height: 150px;
        margin: 35px -20px 0
    }
    .u-project[data-type=detail] .u-projectHdg[data-level="2"] .u-projectHdg__inner img {
        height: 150px
    }
    .u-project[data-type=detail] .u-projectImg {
        max-width: 70%;
        margin: 35px auto 0;
        display: block
    }
    .u-project[data-type=detail] .u-projectImg li {
        width: 100%;
        margin-top: 15px;
        padding: 0
    }
    .u-project[data-type=detail] .u-projectImg li:nth-child(-n+3) {
        margin-top: 15px
    }
    .u-project[data-type=detail] .u-projectImg li:first-child {
        margin-top: 0
    }
    .u-project[data-type=detail] .u-projectFigure {
        margin-top: 30px;
        display: block
    }
    .u-project[data-type=detail] .u-projectFigure img {
        width: 100%
    }
    .u-project[data-type=detail] .u-projectVideo {
        max-width: 100%;
        margin-top: 30px;
        display: block
    }
}

@media screen and (max-width: 560px) {
    .u-project[data-type=top] .u-projectPlace {
        margin-top: 3.571vw
    }
    .u-project[data-type=top] .u-projectPlace__map {
        width: 94.643vw;
        height: 105.357vw
    }
    .u-project[data-type=top] .u-projectPlace__mapImg {
        width: 94.643vw;
        height: 105.357vw
    }
    .u-project[data-type=top] .u-projectPlace__mapList li[data-order="1"] {
        top: 70.714vw;
        left: 60.893vw
    }
    .u-project[data-type=top] .u-projectPlace__mapList li[data-order="2"] {
        top: 66.429vw;
        left: 56.607vw
    }
    .u-project[data-type=top] .u-projectPlace__mapList li[data-order="3"] {
        top: 69.464vw;
        left: 57.143vw
    }
    .u-project[data-type=top] .u-projectPlace__mapList li[data-order="4"] {
        top: 66.786vw;
        left: 60.357vw
    }
    .u-project[data-type=top] .u-projectPlace__mapList li[data-order="5"] {
        top: 80.714vw;
        left: 16.607vw
    }
    .u-project[data-type=top] .u-projectPlace__mapList li[data-order="6"] {
        top: 58.393vw;
        left: 59.286vw
    }
    .u-project[data-type=top] .u-projectPlace__mapList li[data-order="7"] {
        top: 74.821vw;
        left: 41.429vw
    }
    .u-project[data-type=top] .u-projectPlace__mapList li[data-order="8"] {
        top: 70.357vw;
        left: 64.643vw
    }
    .u-project[data-type=top] .u-projectPlace__mapList li[data-order="9"] {
        top: 82.143vw;
        left: 21.429vw
    }
    .u-project[data-type=top] .u-projectPlace__mapList li[data-order="10"] {
        top: 73.571vw;
        left: 45vw
    }
    .u-project[data-type=top] .u-projectPlace__mapList a {
        width: 2.857vw;
        height: 2.857vw;
        font-size: 1.964vw;
        transform: scale(1.2)
    }
    .u-project[data-type=top] .u-projectPlace__guide {
        left: 10.714vw;
        top: 27.679vw
    }
    .u-project[data-type=top] .u-projectPlace__guide li {
        padding-left: 4.464vw;
        font-size: 3.214vw
    }
    .u-project[data-type=top] .u-projectPlace__guide li::before {
        width: 3.214vw;
        height: 3.214vw;
        margin: -1.25vw 0 0
    }
}

@media screen and (max-width: 480px) {
    .u-project[data-type=top] .u-projectList__label span {
        padding: .833vw 2.083vw 1.25vw;
        font-size: 3.333vw
    }
    .u-project[data-type=detail] .u-projectHdg[data-level="2"] {
        font-size: 5.8333333333vw
    }
}

.u-news[data-type=index] .u-newsFoot {
    margin: 0 -7% -7%;
    padding: 40px 0;
    background: #fff
}

.u-news[data-type=index] .u-newsBtn {
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
    padding: 10px 15px;
    font-family: Arial;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0px 1px 0px #005a7b;
    text-align: center;
    transition: .3s all ease;
    cursor: pointer;
    display: table;
    position: relative;
    box-shadow: inset 0px 1px 0px 0px #54a3f7;
    border: 1px solid #124d77;
    border-radius: 5px;
    background: linear-gradient(to bottom, #1d3c4e 5%, #005a7b 100%);
    background-color: #1d3c4e
}

.u-news[data-type=index] .u-newsBtn::before {
    width: 8px;
    height: 8px;
    margin: -5px 0 0;
    position: absolute;
    top: 50%;
    right: 17px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    content: ""
}

.u-news[data-type=index] .u-newsBtn:hover {
    background: linear-gradient(to bottom, #005a7b 5%, #1d3c4e 100%)
}

.u-news[data-type=index] ul li:nth-child(n+6) {
    display: none
}

.u-news[data-type=list] {
    margin-bottom: 50px
}

@media screen and (max-width: 767px) {
    .u-news[data-type=index] .u-newsFoot {
        margin: 0;
        padding: 30px 0
    }
    .u-news[data-type=index] ul li {
        display: block !important
    }
    .u-news[data-type=index] ul li:nth-child(n+6) {
        display: none !important
    }
}

.lp-wrapper[data-type=agf] .lp-header {
    height: auto;
    display: block;
    position: static;
    box-shadow: none
}

.lp-wrapper[data-type=agf] .lp-header__inner, .lp-wrapper[data-type=agf] .lp-footer__inner, .lp-wrapper[data-type=agf] .lp-cv__inner, .lp-wrapper[data-type=agf] .lp-intro__inner, .lp-wrapper[data-type=agf] .lp-main__inner, .lp-wrapper[data-type=agf] .lp-step__inner, .lp-wrapper[data-type=agf] .lp-spec__inner, .lp-wrapper[data-type=agf] .lp-demo__inner, .lp-wrapper[data-type=agf] .lp-video__inner, .lp-wrapper[data-type=agf] .lp-feature__inner, .lp-wrapper[data-type=agf] .lp-company__inner {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
    font-size: 16px;
    color: #2f3f3f;
    box-sizing: border-box
}

.lp-wrapper[data-type=agf] .lp-header {
    overflow: hidden
}

.lp-wrapper[data-type=agf] .lp-footer {
    padding: 15px 0;
    background: #1d3c4e
}

.lp-wrapper[data-type=agf] .lp-footerCopy {
    font-size: 8px;
    color: #fff;
    line-height: 1;
    letter-spacing: .05em;
    text-align: center;
    display: block
}

.lp-wrapper[data-type=agf] .lp-hdg__main, .lp-wrapper[data-type=agf] .lp-hdg__sub {
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: .05em;
    display: block
}

.lp-wrapper[data-type=agf] .lp-hdg__main[data-color="1"], .lp-wrapper[data-type=agf] .lp-hdg__sub[data-color="1"] {
    color: #2f3f3f
}

.lp-wrapper[data-type=agf] .lp-hdg__main[data-color="2"], .lp-wrapper[data-type=agf] .lp-hdg__sub[data-color="2"] {
    color: #fff
}

.lp-wrapper[data-type=agf] .lp-hdg__main[data-align=left], .lp-wrapper[data-type=agf] .lp-hdg__sub[data-align=left] {
    text-align: left
}

.lp-wrapper[data-type=agf] .lp-hdg__main[data-align=center], .lp-wrapper[data-type=agf] .lp-hdg__sub[data-align=center] {
    text-align: center
}

.lp-wrapper[data-type=agf] .lp-hdg__main {
    font-size: 44px
}

.lp-wrapper[data-type=agf] .lp-hdg__main span {
    color: #fff344
}

.lp-wrapper[data-type=agf] .lp-hdg__main br {
    display: none
}

.lp-wrapper[data-type=agf] .lp-hdg__sub {
    margin: 15px 0 0;
    font-size: 16px
}

.lp-wrapper[data-type=agf] .lp-btn {
    width: 100%;
    height: 80px;
    font-weight: bold;
    font-size: 20px;
    color: #2f3f3f;
    line-height: 1;
    text-align: center;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    border: 4px solid #fff344
}

.lp-wrapper[data-type=agf] .lp-btn::before, .lp-wrapper[data-type=agf] .lp-btn::after {
    width: 11px;
    height: 17px;
    margin: -8px 0 0;
    transition: .3s all ease;
    position: absolute;
    top: 50%;
    right: 15px;
    background-size: 2000px 2000px;
    background-image: url(../../img/v1/lp/agf/icn_sprite.png);
    content: ""
}

.lp-wrapper[data-type=agf] .lp-btn::after {
    opacity: 0
}

.lp-wrapper[data-type=agf] .lp-btn:hover::before {
    opacity: 0
}

.lp-wrapper[data-type=agf] .lp-btn:hover::after {
    opacity: 1
}

.lp-wrapper[data-type=agf] .lp-btn[data-type="1"] {
    background: #fff344
}

.lp-wrapper[data-type=agf] .lp-btn[data-type="1"]::before {
    background-position: -20px -46px
}

.lp-wrapper[data-type=agf] .lp-btn[data-type="1"]::after {
    background-position: -42px -46px
}

.lp-wrapper[data-type=agf] .lp-btn[data-type="1"]:hover {
    background: #fff
}

.lp-wrapper[data-type=agf] .lp-btn[data-type="2"] {
    background: #fff
}

.lp-wrapper[data-type=agf] .lp-btn[data-type="2"]::before {
    background-position: -42px -46px
}

.lp-wrapper[data-type=agf] .lp-btn[data-type="2"]::after {
    background-position: -20px -46px
}

.lp-wrapper[data-type=agf] .lp-btn[data-type="2"]:hover {
    background: #fff344
}

@media screen and (max-width: 767px) {
    .lp-wrapper[data-type=agf] .lp-hdg__main {
        font-size: 24px
    }
    .lp-wrapper[data-type=agf] .lp-hdg__main br {
        display: block
    }
    .lp-wrapper[data-type=agf] .lp-hdg__sub {
        margin-top: 10px;
        font-size: 14px
    }
    .lp-wrapper[data-type=agf] .lp-btn {
        height: 55px;
        font-size: 18px
    }
}

.lp-wrapper[data-type=agf] .lp-main {
    position: relative
}

.lp-wrapper[data-type=agf] .lp-main::before {
    width: 100%;
    height: 100%;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #1d3c4e;
    content: ""
}

.lp-wrapper[data-type=agf] .lp-main * {
    position: relative;
    z-index: 2
}

.lp-wrapper[data-type=agf] a {
  text-decoration: none !important;
}

.lp-wrapper[data-type=agf] a:hover {
  opacity: 1 !important;
}

.lp-wrapper[data-type=agf] p {
  margin-bottom: 1rem;
}

.lp-wrapper[data-type=agf] .lp-main__inner {
    max-width: 1280px;
    min-height: 765px;
    padding-top: 100px
}

.lp-wrapper[data-type=agf] .lp-mainHdg__main, .lp-wrapper[data-type=agf] .lp-mainHdg__sub {
    display: block;
    color: #fff;
}

.lp-wrapper[data-type=agf] .lp-mainHdg__main {
    font-weight: bold;
    font-size: 54px;
    line-height: 1.3;
    text-align: center;
    color: #fff;
}

.lp-wrapper[data-type=agf] .lp-mainHdg__main strong {
    color: #fff;
}

.lp-wrapper[data-type=agf] .lp-mainHdg__sub {
    width: 100%;
    max-width: 510px;
    margin: 70px auto 0;
    padding: 15px 0 18px;
    font-weight: bold;
    font-size: 26px;
    line-height: 1.3;
    position: relative;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.lp-wrapper[data-type=agf] .lp-mainHdg__sub::before {
    width: 123px;
    height: 130px;
    position: absolute;
    top: -40px;
    right: 0;
    background-image: url(../../img/v1/lp/agf/img_main.png);
    background-size: 123px 130px;
    content: ""
}

.lp-wrapper[data-type=agf] .lp-mainList {
    margin: 70px 0 0 -40px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center
}

.lp-wrapper[data-type=agf] .lp-mainList__item {
    width: 100%;
    max-width: 340px;
    padding: 0 0 0 40px
}

.lp-wrapper[data-type=agf] .lp-mainList__txt {
    margin: 0 auto 12px;
    padding: 0 20px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    line-height: 1;
    text-align: center;
    position: relative;
    display: table
}

.lp-wrapper[data-type=agf] .lp-mainList__txt::before, .lp-wrapper[data-type=agf] .lp-mainList__txt::after {
    width: 10px;
    height: 16px;
    margin: -8px 0 0;
    position: absolute;
    top: 50%;
    background-size: 2000px 2000px;
    background-image: url(../../img/v1/lp/agf/icn_sprite.png);
    content: ""
}

.lp-wrapper[data-type=agf] .lp-mainList__txt::before {
    left: 0;
    background-position: -20px -74px
}

.lp-wrapper[data-type=agf] .lp-mainList__txt::after {
    right: 0;
    background-position: -40px -74px
}

.lp-wrapper[data-type=agf] .lp-mainList__btn {
    width: 100%;
    height: 80px;
    font-weight: bold;
    font-size: 20px;
    color: #2f3f3f;
    line-height: 1;
    text-align: center;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    border-radius: 40px
}

.lp-wrapper[data-type=agf] .lp-mainList__btn::before, .lp-wrapper[data-type=agf] .lp-mainList__btn::after {
    width: 11px;
    height: 17px;
    margin: -8px 0 0;
    transition: .3s all ease;
    position: absolute;
    top: 50%;
    right: 15px;
    background-size: 2000px 2000px;
    background-image: url(../../img/v1/lp/agf/icn_sprite.png);
    content: ""
}

.lp-wrapper[data-type=agf] .lp-mainList__btn::after {
    opacity: 0
}

.lp-wrapper[data-type=agf] .lp-mainList__btn:hover::before {
    opacity: 0
}

.lp-wrapper[data-type=agf] .lp-mainList__btn:hover::after {
    opacity: 1
}

.lp-wrapper[data-type=agf] .lp-mainList__btn[data-type="1"] {
    border: 4px solid #fff;
    background: #fff344
}

.lp-wrapper[data-type=agf] .lp-mainList__btn[data-type="1"]::before {
    background-position: -20px -46px
}

.lp-wrapper[data-type=agf] .lp-mainList__btn[data-type="1"]::after {
    background-position: -42px -46px
}

.lp-wrapper[data-type=agf] .lp-mainList__btn[data-type="1"]:hover {
    border-color: #fff344;
    background: #fff
}

.lp-wrapper[data-type=agf] .lp-mainList__btn[data-type="2"] {
    border: 4px solid #fff344;
    background: #fff
}

.lp-wrapper[data-type=agf] .lp-mainList__btn[data-type="2"]::before {
    background-position: -42px -46px
}

.lp-wrapper[data-type=agf] .lp-mainList__btn[data-type="2"]::after {
    background-position: -20px -46px
}

.lp-wrapper[data-type=agf] .lp-mainList__btn[data-type="2"]:hover {
    border-color: #fff;
    background: #fff344
}

.lp-wrapper[data-type=agf] .lp-mainLead {
    width: calc(100% - 30px);
    position: absolute;
    left: 15px;
    bottom: 5px
}

.lp-wrapper[data-type=agf] .lp-mainLead__main, .lp-wrapper[data-type=agf] .lp-mainLead__notes {
    font-weight: normal;
    color: #fff;
    line-height: 1.2;
    text-shadow: 0 0 7px rgba(255, 255, 255, .35);
    display: block
}

.lp-wrapper[data-type=agf] .lp-mainLead__main {
    font-size: 50px
}

.lp-wrapper[data-type=agf] .lp-mainLead__main em {
    font-style: normal;
    font-weight: bold;
    font-size: 70px;
    color: #fff344
}

.lp-wrapper[data-type=agf] .lp-mainLead__logo {
    width: 200px;
    height: 32px;
    margin: -8px 0 0;
    position: absolute;
    top: 50%;
    right: 0
}

.lp-wrapper[data-type=agf] .lp-mainLead__logo img {
    width: 200px;
    height: 32px
}

.lp-wrapper[data-type=agf] .lp-mainLead__notes {
    font-size: 16px
}

.lp-wrapper[data-type=agf] .lp-mainVideo {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.lp-wrapper[data-type=agf] .lp-mainVideo__inner {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.lp-wrapper[data-type=agf] .lp-mainVideo__inner video {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    display: block
}

@media screen and (max-width: 1280px)and (min-width: 768px) {
    .lp-wrapper[data-type=agf] .lp-main__inner {
        max-width: 1280px;
        min-height: 59.766vw;
        padding-top: 7.813vw
    }
    .lp-wrapper[data-type=agf] .lp-mainHdg__main, .lp-wrapper[data-type=agf] .lp-mainHdg__sub {
        display: block
    }
    .lp-wrapper[data-type=agf] .lp-mainHdg__main {
        font-size: 4.219vw
    }
    .lp-wrapper[data-type=agf] .lp-mainHdg__sub {
        max-width: 39.844vw;
        margin: 5.469vw auto 0;
        padding: 1.172vw 0 1.406vw;
        font-size: 2.031vw
    }
    .lp-wrapper[data-type=agf] .lp-mainHdg__sub::before {
        width: 9.609vw;
        height: 10.156vw;
        top: -3.125vw;
        background-size: 9.609vw 10.156vw
    }
    .lp-wrapper[data-type=agf] .lp-mainList {
        margin: 5.469vw 0 0 -3.125vw
    }
    .lp-wrapper[data-type=agf] .lp-mainList__item {
        max-width: 26.563vw;
        padding: 0 0 0 3.125vw
    }
    .lp-wrapper[data-type=agf] .lp-mainList__txt {
        margin: 0 auto .938vw;
        padding: 0 1.563vw;
        font-size: 1.094vw
    }
    .lp-wrapper[data-type=agf] .lp-mainList__txt::before, .lp-wrapper[data-type=agf] .lp-mainList__txt::after {
        width: .781vw;
        height: 1.25vw;
        margin: -0.625vw 0 0;
        background-size: 156.25vw 156.25vw
    }
    .lp-wrapper[data-type=agf] .lp-mainList__txt::before {
        background-position: -1.563vw -5.781vw
    }
    .lp-wrapper[data-type=agf] .lp-mainList__txt::after {
        background-position: -3.125vw -5.781vw
    }
    .lp-wrapper[data-type=agf] .lp-mainList__btn {
        height: 6.25vw;
        font-size: 1.563vw;
        border-radius: 3.125vw
    }
    .lp-wrapper[data-type=agf] .lp-mainList__btn::before, .lp-wrapper[data-type=agf] .lp-mainList__btn::after {
        width: .859vw;
        height: 1.328vw;
        margin: -0.625vw 0 0;
        right: 1.172vw;
        background-size: 156.25vw 156.25vw
    }
    .lp-wrapper[data-type=agf] .lp-mainList__btn[data-type="1"] {
        border-width: .313vw
    }
    .lp-wrapper[data-type=agf] .lp-mainList__btn[data-type="1"]::before {
        background-position: -1.563vw -3.594vw
    }
    .lp-wrapper[data-type=agf] .lp-mainList__btn[data-type="1"]::after {
        background-position: -3.281vw -3.594vw
    }
    .lp-wrapper[data-type=agf] .lp-mainList__btn[data-type="2"] {
        border-width: .313vw
    }
    .lp-wrapper[data-type=agf] .lp-mainList__btn[data-type="2"]::before {
        background-position: -3.281vw -3.594vw
    }
    .lp-wrapper[data-type=agf] .lp-mainList__btn[data-type="2"]::after {
        background-position: -1.563vw -3.594vw
    }
    .lp-wrapper[data-type=agf] .lp-mainLead {
        width: calc(100% - 2.344vw);
        left: 1.172vw;
        bottom: .391vw
    }
    .lp-wrapper[data-type=agf] .lp-mainLead__main {
        font-size: 3.906vw
    }
    .lp-wrapper[data-type=agf] .lp-mainLead__main em {
        font-size: 5.469vw
    }
    .lp-wrapper[data-type=agf] .lp-mainLead__logo {
        width: 15.625vw;
        height: 2.5vw;
        margin: -0.625vw 0 0
    }
    .lp-wrapper[data-type=agf] .lp-mainLead__logo img {
        width: 15.625vw;
        height: 2.5vw
    }
    .lp-wrapper[data-type=agf] .lp-mainLead__notes {
        font-size: 1.25vw
    }
}

@media screen and (max-width: 767px) {
    .lp-wrapper[data-type=agf] .lp-main__inner {
        min-height: inherit;
        padding-top: 20px;
        padding-bottom: 20px
    }
    .lp-wrapper[data-type=agf] .lp-mainHdg__main {
        font-size: 20px;
        line-height: 1.4
    }
    .lp-wrapper[data-type=agf] .lp-mainHdg__sub {
        margin-top: 40px;
        padding: 12px 0 15px;
        font-size: 16px;
        line-height: 1.2
    }
    .lp-wrapper[data-type=agf] .lp-mainHdg__sub::before {
        transform: scale(0.8)
    }
    .lp-wrapper[data-type=agf] .lp-mainList {
        margin: 40px 0 0;
        display: block
    }
    .lp-wrapper[data-type=agf] .lp-mainList__item {
        max-width: inherit;
        margin: 20px 0 0;
        padding: 0
    }
    .lp-wrapper[data-type=agf] .lp-mainList__item:first-child {
        margin-top: 0
    }
    .lp-wrapper[data-type=agf] .lp-mainList__btn {
        height: 55px;
        font-size: 18px
    }
    .lp-wrapper[data-type=agf] .lp-mainLead {
        margin: 25px 0 0;
        position: static
    }
    .lp-wrapper[data-type=agf] .lp-mainLead__main {
        font-size: 18px;
        text-align: center
    }
    .lp-wrapper[data-type=agf] .lp-mainLead__main em {
        font-weight: normal;
        font-size: 18px
    }
    .lp-wrapper[data-type=agf] .lp-mainLead__logo {
        margin: 5px auto 10px;
        position: static;
        display: table;
        transform: scale(0.8)
    }
    .lp-wrapper[data-type=agf] .lp-mainLead__notes {
        margin: 5px 0 0 1em;
        font-size: 12px;
        line-height: 1.4;
        text-indent: -1em
    }
}

.lp-wrapper[data-type=agf] .lp-intro {
    padding: 60px 0
}

.lp-wrapper[data-type=agf] .lp-introLyt {
    margin: 0 0 0 -50px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center
}

.lp-wrapper[data-type=agf] .lp-introLyt__img, .lp-wrapper[data-type=agf] .lp-introLyt__body {
    width: 50%;
    padding: 0 0 0 50px
}

.lp-wrapper[data-type=agf] .lp-introLyt__img {
    order: 1
}

.lp-wrapper[data-type=agf] .lp-introLyt__img img {
    width: 100%;
    box-shadow: 20px 20px 20px rgba(0, 0, 0, .15);
    border-radius: 40px
}

.lp-wrapper[data-type=agf] .lp-introLyt__body {
    order: 2
}

.lp-wrapper[data-type=agf] .lp-introLyt__hdg {
    font-weight: bold;
    font-size: 33px;
    line-height: 1.3
}

.lp-wrapper[data-type=agf] .lp-introLyt__txt {
    margin: 20px 0 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.6
}

@media screen and (max-width: 930px) {
    .lp-wrapper[data-type=agf] .lp-introLyt {
        margin: 0;
        display: block
    }
    .lp-wrapper[data-type=agf] .lp-introLyt__img, .lp-wrapper[data-type=agf] .lp-introLyt__body {
        width: 100%;
        padding: 0
    }
    .lp-wrapper[data-type=agf] .lp-introLyt__img {
        width: auto;
        margin: 30px auto 0;
        display: table
    }
}

@media screen and (max-width: 767px) {
    .lp-wrapper[data-type=agf] .lp-intro {
        padding: 30px 0
    }
    .lp-wrapper[data-type=agf] .lp-introLyt__img {
        width: 85%
    }
    .lp-wrapper[data-type=agf] .lp-introLyt__hdg {
        font-size: 22px;
        text-align: center
    }
    .lp-wrapper[data-type=agf] .lp-introLyt__txt {
        margin: 20px 0 0;
        font-size: 16px;
        line-height: 1.5
    }
}

.lp-wrapper[data-type=agf] .lp-step {
    padding: 40px 0;
    position: relative;
    background: url(../../img/v1/lp/agf/bg_step.jpg) center center no-repeat;
    background-size: cover
}

.lp-wrapper[data-type=agf] .lp-step::before {
    width: 100%;
    height: 100%;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: #1d3c4e;
    content: ""
}

.lp-wrapper[data-type=agf] .lp-step * {
    position: relative;
    z-index: 1
}

.lp-wrapper[data-type=agf] .lp-stepList {
    max-width: 1040px;
    margin: 50px auto 0
}

.lp-wrapper[data-type=agf] .lp-stepList__segment {
    margin: 0 0 0 -100px;
    color: #fff;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center
}

.lp-wrapper[data-type=agf] .lp-stepList__item {
    width: 33.3333333333%;
    padding: 0 0 0 100px
}

.lp-wrapper[data-type=agf] .lp-stepList__item:last-child .lp-stepList__img::before {
    display: none
}

.lp-wrapper[data-type=agf] .lp-stepList__img {
    position: relative
}

.lp-wrapper[data-type=agf] .lp-stepList__img::before {
    width: 0;
    height: 0;
    margin: -19px 0 0;
    position: absolute;
    top: 50%;
    right: -70px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-width: 19px 0px 19px 32px;
    content: ""
}

.lp-wrapper[data-type=agf] .lp-stepList__img div {
    margin: 0 auto;
    display: table
}

.lp-wrapper[data-type=agf] .lp-stepList__img img {
    width: 100%;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .15);
    border-radius: 30px
}

.lp-wrapper[data-type=agf] .lp-stepList__txt {
    margin: 12px 0 0;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2
}

@media screen and (max-width: 767px) {
    .lp-wrapper[data-type=agf] .lp-step {
        padding: 30px 0
    }
    .lp-wrapper[data-type=agf] .lp-stepList {
        margin-top: 30px
    }
    .lp-wrapper[data-type=agf] .lp-stepList__segment {
        margin: 0;
        display: block
    }
    .lp-wrapper[data-type=agf] .lp-stepList__item {
        width: 100%;
        margin: 50px 0 0;
        padding: 0;
        position: relative
    }
    .lp-wrapper[data-type=agf] .lp-stepList__item:first-child {
        margin-top: 0
    }
    .lp-wrapper[data-type=agf] .lp-stepList__img {
        position: static
    }
    .lp-wrapper[data-type=agf] .lp-stepList__img::before {
        margin: 0 0 0 -16px;
        top: inherit;
        bottom: -40px;
        left: 50%;
        right: inherit;
        transform: rotate(90deg) scale(0.5)
    }
    .lp-wrapper[data-type=agf] .lp-stepList__txt {
        font-size: 16px;
        text-align: center
    }
}

.lp-wrapper[data-type=agf] .lp-feature {
    padding: 60px 0;
    background: #eee
}

.lp-wrapper[data-type=agf] .lp-featureLyt {
    width: 100%;
    max-width: 970px;
    margin: 35px auto 0
}

.lp-wrapper[data-type=agf] .lp-featureLyt__inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between
}

.lp-wrapper[data-type=agf] .lp-featureLyt__img {
    margin: 0 0 0 30px;
    order: 2
}

.lp-wrapper[data-type=agf] .lp-featureLyt__img img {
    width: 100%
}

.lp-wrapper[data-type=agf] .lp-featureLyt__body {
    max-width: 530px;
    min-width: 530px;
    order: 1
}

.lp-wrapper[data-type=agf] .lp-featureList__item {
    height: 90px;
    margin: 35px 0 0;
    padding: 0 0 0 105px;
    font-weight: bold;
    font-size: 36px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .15);
    border-radius: 45px;
    background: #fff
}

.lp-wrapper[data-type=agf] .lp-featureList__item:first-child {
    margin-top: 0
}

.lp-wrapper[data-type=agf] .lp-featureList__item span::before {
    position: absolute;
    top: 50%;
    background-size: 2000px 2000px;
    background-image: url(../../img/v1/lp/agf/icn_sprite.png);
    content: ""
}

.lp-wrapper[data-type=agf] .lp-featureList__item[data-icon="1"] span::before {
    width: 40px;
    height: 38px;
    margin: -19px 0 0;
    left: 40px;
    background-position: -62px -20px
}

.lp-wrapper[data-type=agf] .lp-featureList__item[data-icon="2"] span::before {
    width: 50px;
    height: 38px;
    margin: -19px 0 0;
    left: 37px;
    background-position: -112px -20px
}

.lp-wrapper[data-type=agf] .lp-featureList__item[data-icon="3"] span::before {
    width: 50px;
    height: 40px;
    margin: -20px 0 0;
    left: 37px;
    background-position: -172px -20px
}

@media screen and (max-width: 930px) {
    .lp-wrapper[data-type=agf] .lp-featureLyt {
        width: 100%;
        max-width: 970px;
        margin: 35px auto 0
    }
    .lp-wrapper[data-type=agf] .lp-featureLyt__inner {
        display: block
    }
    .lp-wrapper[data-type=agf] .lp-featureLyt__img {
        margin: 0 auto;
        display: table
    }
    .lp-wrapper[data-type=agf] .lp-featureLyt__body {
        margin: 30px auto 0
    }
}

@media screen and (max-width: 767px) {
    .lp-wrapper[data-type=agf] .lp-feature {
        padding: 30px 0
    }
    .lp-wrapper[data-type=agf] .lp-featureLyt {
        margin-top: 35px
    }
    .lp-wrapper[data-type=agf] .lp-featureLyt__img {
        width: 70%
    }
    .lp-wrapper[data-type=agf] .lp-featureLyt__body {
        max-width: inherit;
        min-width: inherit;
        margin-top: 15px
    }
    .lp-wrapper[data-type=agf] .lp-featureList__item {
        height: 60px;
        margin-top: 25px;
        padding: 0 20px;
        font-size: 19px;
        justify-content: center
    }
    .lp-wrapper[data-type=agf] .lp-featureList__item:first-child {
        margin-top: 0
    }
    .lp-wrapper[data-type=agf] .lp-featureList__item span {
        position: relative
    }
    .lp-wrapper[data-type=agf] .lp-featureList__item span::before {
        transform: scale(0.6)
    }
    .lp-wrapper[data-type=agf] .lp-featureList__item[data-icon="1"] span::before {
        left: -40px
    }
    .lp-wrapper[data-type=agf] .lp-featureList__item[data-icon="2"] span::before {
        left: -50px
    }
    .lp-wrapper[data-type=agf] .lp-featureList__item[data-icon="3"] span::before {
        left: -50px
    }
}

.lp-wrapper[data-type=agf] .lp-cv {
    padding: 70px 0 80px
}

.lp-wrapper[data-type=agf] .lp-cv img {
display: table;
margin: 0 auto;
}

.lp-wrapper[data-type=agf] .lp-cv[data-type="1"] {
    color: #fff;
    background: #1d3c4e
}

.lp-wrapper[data-type=agf] .lp-cv[data-type="2"] {
    color: #2f3f3f;
    background: #fff
}

.lp-wrapper[data-type=agf] .lp-cvList {
    margin: 60px 0 0 -40px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center
}

.lp-wrapper[data-type=agf] .lp-cvList__item {
    width: 100%;
    max-width: 340px;
    padding: 0 0 0 40px
}

.lp-wrapper[data-type=agf] .lp-cvList__txt {
    margin: 0 auto 12px;
    padding: 0 20px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    position: relative;
    display: table
}

.lp-wrapper[data-type=agf] .lp-cvList__txt::before, .lp-wrapper[data-type=agf] .lp-cvList__txt::after {
    width: 10px;
    height: 16px;
    margin: -8px 0 0;
    position: absolute;
    top: 50%;
    background-size: 2000px 2000px;
    background-image: url(../../img/v1/lp/agf/icn_sprite.png);
    content: ""
}

.lp-wrapper[data-type=agf] .lp-cvList__txt::before {
    left: 0;
    background-position: -20px -20px
}

.lp-wrapper[data-type=agf] .lp-cvList__txt::after {
    right: 0;
    background-position: -40px -20px
}

@media screen and (max-width: 767px) {
    .lp-wrapper[data-type=agf] .lp-cv {
        padding: 30px 0 40px
    }
    .lp-wrapper[data-type=agf] .lp-cvList {
        margin: 30px 0 0;
        display: block
    }
    .lp-wrapper[data-type=agf] .lp-cvList__item {
        max-width: inherit;
        margin: 20px 0 0;
        padding: 0
    }
    .lp-wrapper[data-type=agf] .lp-cvList__item:first-child {
        margin-top: 0
    }
}

.lp-wrapper[data-type=agf] .lp-video {
    padding: 110px 0;
    background: #f7f7f7
}

.lp-wrapper[data-type=agf] .lp-video__el {
    max-width: 640px;
    margin: 0 auto
}

.lp-wrapper[data-type=agf] .lp-video__el video {
    width: 100%;
    display: block
}

@media screen and (max-width: 767px) {
    .lp-wrapper[data-type=agf] .lp-video {
        padding: 50px 0
    }
    .lp-wrapper[data-type=agf] .lp-video__el {
        max-width: 100%
    }
}

.lp-wrapper[data-type=agf] .lp-spec {
    padding: 60px 0;
    color: #fff;
    background: #1d3c4e
}

.lp-wrapper[data-type=agf] .lp-specList {
    width: 100%;
    max-width: 680px;
    margin: 40px auto 0;
    border-top: 1px solid #fff
}

.lp-wrapper[data-type=agf] .lp-specList__segment {
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1px solid #fff
}

.lp-wrapper[data-type=agf] .lp-specList__hdg, .lp-wrapper[data-type=agf] .lp-specList__item {
    margin: 0;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    line-height: 1.2
}

.lp-wrapper[data-type=agf] .lp-specList__hdg {
    min-width: 130px;
    max-width: 130px;
    padding: 7px 0 9px;
    border-right: 1px solid #fff
}

.lp-wrapper[data-type=agf] .lp-specList__item {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box
}

.lp-wrapper[data-type=agf] .lp-specList__item dt, .lp-wrapper[data-type=agf] .lp-specList__item dd {
    margin: 0;
    padding: 7px 10px 9px;
    font-weight: normal;
    border-bottom: 1px solid #fff
}

.lp-wrapper[data-type=agf] .lp-specList__item dt {
    min-width: 214px;
    max-width: 214px;
    border-right: 1px solid #fff
}

.lp-wrapper[data-type=agf] .lp-specList__item dd {
    min-width: 335px;
    max-width: 335px
}

@media screen and (max-width: 767px) {
    .lp-wrapper[data-type=agf] .lp-spec {
        padding: 30px 0
    }
    .lp-wrapper[data-type=agf] .lp-specList {
        max-width: inherit;
        margin-top: 30px;
        border-top: none
    }
    .lp-wrapper[data-type=agf] .lp-specList__segment {
        margin: 20px 0 0;
        display: block;
        border-bottom: 1px solid #fff;
        border-bottom: none
    }
    .lp-wrapper[data-type=agf] .lp-specList__segment:first-child {
        margin-top: 0
    }
    .lp-wrapper[data-type=agf] .lp-specList__hdg, .lp-wrapper[data-type=agf] .lp-specList__item {
        font-size: 14px
    }
    .lp-wrapper[data-type=agf] .lp-specList__hdg {
        min-width: inherit;
        max-width: inherit;
        padding: 9px 10px 10px;
        font-weight: bold;
        color: #2f3f3f;
        border-right: none;
        background: #e9e9e9
    }
    .lp-wrapper[data-type=agf] .lp-specList__item dt, .lp-wrapper[data-type=agf] .lp-specList__item dd {
        padding: 9px 10px 11px
    }
    .lp-wrapper[data-type=agf] .lp-specList__item dt {
        min-width: 30%;
        max-width: 30%
    }
    .lp-wrapper[data-type=agf] .lp-specList__item dd {
        min-width: 70%;
        max-width: 70%;
        display: flex;
        flex-wrap: nowrap;
        align-items: center
    }
}

.lp-wrapper[data-type=agf] .lp-demo {
    padding: 40px 0;
    position: relative;
    background: url(../../img/v1/lp/agf/bg_demo.jpg) center center no-repeat;
    background-size: cover
}

.lp-wrapper[data-type=agf] .lp-demo::before {
    width: 100%;
    height: 100%;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: #1d3c4e;
    content: ""
}

.lp-wrapper[data-type=agf] .lp-demoLyt {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.lp-wrapper[data-type=agf] .lp-demoLyt__inner {
    margin: 0 0 0 -30px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.lp-wrapper[data-type=agf] .lp-demoLyt__body, .lp-wrapper[data-type=agf] .lp-demoLyt__img {
    width: 50%;
    padding: 0 0 0 30px
}

.lp-wrapper[data-type=agf] .lp-demoLyt__img img {
    width: 100%
}

.lp-wrapper[data-type=agf] .lp-demoLyt__txt {
    margin: 15px 0 0;
    font-weight: bold;
    font-size: 18px;
    color: #fff
}

@media screen and (max-width: 930px) {
    .lp-wrapper[data-type=agf] .lp-demoLyt__inner {
        margin: 0;
        display: block
    }
    .lp-wrapper[data-type=agf] .lp-demoLyt__body, .lp-wrapper[data-type=agf] .lp-demoLyt__img {
        width: auto;
        padding: 0
    }
    .lp-wrapper[data-type=agf] .lp-demoLyt__img {
        margin: 20px auto 0;
        display: table
    }
    .lp-wrapper[data-type=agf] .lp-demoLyt__body .lp-hdg__main {
        text-align: center
    }
    .lp-wrapper[data-type=agf] .lp-demoLyt__txt {
        text-align: center
    }
    .lp-wrapper[data-type=agf] .lp-demoLyt__txt br {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .lp-wrapper[data-type=agf] .lp-demo {
        padding: 25px 0
    }
    .lp-wrapper[data-type=agf] .lp-demoLyt__txt {
        margin-top: 10px;
        font-size: 16px
    }
    .lp-wrapper[data-type=agf] .lp-demoLyt__img {
        width: 100%;
        display: block
    }
}

.lp-wrapper[data-type=agf] .lp-company {
    padding: 60px 0;
    background: #f7f7f7
}

.lp-wrapper[data-type=agf] .lp-companyTbl {
    width: 100%;
    max-width: 840px;
    margin: 35px auto 0;
    display: block
}

.lp-wrapper[data-type=agf] .lp-companyTbl tbody, .lp-wrapper[data-type=agf] .lp-companyTbl tr, .lp-wrapper[data-type=agf] .lp-companyTbl th, .lp-wrapper[data-type=agf] .lp-companyTbl td {
    width: 100%;
    display: block
}

.lp-wrapper[data-type=agf] .lp-companyTbl tr {
    margin: 20px 0 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.lp-wrapper[data-type=agf] .lp-companyTbl tr:first-child {
    margin-top: 0
}

.lp-wrapper[data-type=agf] .lp-companyTbl th, .lp-wrapper[data-type=agf] .lp-companyTbl td {
    font-weight: normal;
    line-height: 1.8
}

.lp-wrapper[data-type=agf] .lp-companyTbl th {
    min-width: 120px;
    max-width: 120px;
    margin: 0 10px 0 0
}

.lp-wrapper[data-type=agf] .lp-companyTbl td {
    width: 100%
}

@media screen and (max-width: 767px) {
    .lp-wrapper[data-type=agf] .lp-company {
        padding: 30px 0
    }
    .lp-wrapper[data-type=agf] .lp-companyTbl {
        max-width: inherit;
        margin-top: 20px
    }
    .lp-wrapper[data-type=agf] .lp-companyTbl tr {
        margin-top: 10px;
        font-size: 14px
    }
    .lp-wrapper[data-type=agf] .lp-companyTbl th {
        min-width: 110px;
        max-width: 110px
    }
    .lp-wrapper[data-type=agf] .lp-companyTbl td br {
        display: none
    }
}
