@charset "utf-8";
@media screen and (max-width:1920px) {
    .colums-one-skew {
        max-width: 700px;
    }
    .images-effect .colums-one-skew {
        max-width: 850px;
    }
    .images-effect-1 .colums-one-skew {
        max-width: 700px;
    }
    .images-effect-1, .post-right-477 {
        padding-top: 40px;
    }
    #colums-five .wrap-post {
        padding-top: 2.8vw;
    }
    #colums-four .post-left-495 .colums-one-skew {
        max-width: 800px;
    }
}

@media screen and (max-width:1520px) {
    .colums-one-skew {
        max-width: 595px;
    }
    .images-effect .colums-one-skew {
        max-width: 595px;
    }
    .post-right-1 .descSubJapan, .post-right-3 .descSubJapan {
        padding-bottom: 20px;
    }
    .images-effect-1 {
        padding-top: 60px;
    }
    /* #colums-four .titleBusiness {
        margin-bottom: 30px;
    } */
    .wrapCrossDesc {
        width: 42.5%;
    }
    #hoContent06 .wrapCrossDesc {
        width: 45.7%;
    }
    #hoContent06 .info-maxw {
        max-width: 480px;
    }
    #hoContent05 .columsRow .wrapCross .wrapCrossDesc {
        width: 43%;
    }
    #hoContent05 .wrapCross .wrapCrossDesc {
        width: 43.7%;
    }
}

@media screen and (max-width:1200px) {
    .heLogo {
        padding-left: 20px;
    }
    .heLogo img {
        width: 21.417vw;
    }
    .heNav ul.menu>li {
        padding-left: 0.7vw;
        padding-right: 0.7vw;
    }
    .heNav ul.menu>li>a {
        font-size: 14px;
    }
    .slideTxt h2 {
        font-size: 30px;
    }
    span.slideFullTxt {
        font-size: 16px;
    }
    span.slImg img {
        width: 20.833vw;
    }
    .sub-menu {
        top: 44px;
        text-align: left;
    }
    .heNav ul.menu {
        text-align: right;
    }
}

@media screen and (max-width:995px) {
    .heNav ul.menu>li>a {
        font-size: 14px;
    }
    .heLogo {
        width: 220px;
    }
    .heNav {
        width: calc(100% - 220px);
    }
    .sub-menu {
        top: 42px;
    }
    .sub-menu>li>a {
        padding-left: 10px;
        font-size: 14px;
    }
}

@media screen and (max-width:860px) {
    .heRows {
        padding-top: 0;
        min-height: 85px;
        background: rgba(0, 91, 171, 0.5);
        transition: ease all 0.35s;
    }
    .heRows.bg-click {
        background: #172A88;
    }
    .heRows .menu {
        display: none;
        top: 10px;
        background: #172A88;
        position: relative;
    }
    .heLogo {
        padding-top: 10px;
        width: calc(100% - 80px);
    }
    .sp-humbager {
        width: 80px;
        display: inline-block;
        vertical-align: middle;
        padding-right: 10px;
    }
    .chane-x {
        float: right;
        position: relative;
    }
    .chane-x::before {
        content: "MENU";
        font-size: 16px;
        color: #fff;
        position: absolute;
        bottom: -25px;
        left: 0;
    }
    .chane-x.change::before {
        content: none;
    }
    .bar1, .bar2, .bar3 {
        width: 42px;
        height: 5px;
        background-color: #fff;
        margin: 6px 0;
        transition: 0.4s;
    }
    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-9px, 6px);
    }
    .change .bar2 {
        opacity: 0;
    }
    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-9px, -7px);
        transform: rotate(45deg) translate(-9px, -7px);
        -moz-transform: rotate(45deg) translate(-9px, -7px);
        -ms-transform: rotate(45deg) translate(-9px, -7px);
        -o-transform: rotate(45deg) translate(-9px, -7px);
    }
    .heNav {
        width: 100%;
    }
    .heNav ul.menu>li {
        text-align: left;
        display: block;
        background: rgba(255, 255, 255, 0.2);
    }
    .heNav ul.menu>li:nth-child(2n) {
        background: rgba(35, 24, 21, 0.2);
    }
    .heNav ul.menu>li.bg {
        background: rgba(35, 24, 21, 0.2);
    }
    .heNav ul.menu>li::before {
        content: none;
    }
    .menu>li:hover .sub-menu {
        display: none;
    }
    .heNav ul.menu>li.hasChildMenu::after {
        content: "+";
        font-size: 30px;
        color: #fff;
        position: absolute;
        right: 60px;
        top: 20px;
        left: inherit;
    }
    .heNav ul.menu>li.hasChildMenu.before-ame::after {
        content: "-";
    }
    .sub-menu {
        width: 100%;
        left: -15px;
        top: 0;
        position: relative;
    }
    .heNav ul.menu>li {
        padding-left: 70px;
        padding-right: 70px;
    }
    .heNav ul.menu>li::before {
        content: "";
        width: 20px;
        height: 20px;
        background: #fff;
        position: absolute;
        top: 21px;
        left: 39px;
        z-index: 9;
        transform: inherit;
    }
    .heNav ul.menu>li:hover::before {
        background: #fff;
    }
    .heNav ul.menu>li .sub-menu {
        padding-bottom: 10px;
    }
    .heNav ul.menu>li .sub-menu>li>a {
        padding-left: 25px;
        padding-top: 5px;
        padding-bottom: 5px;
        background: url(../../img/index/top-28.png) left center no-repeat;
        background-size: 10px;
    }
    .heNav ul.menu>li.sp-db {
        display: block;
    }
    .heNav ul.menu>li.sp-dn {
        display: none;
    }
    .heNav ul.menu>li>a {
        padding: 20px 0;
    }
}

@media screen and (max-width:780px) {
    .ItemFo {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 20px;
    }
    .logo-fo {
        text-align: center;
        padding-left: 0;
        width: 100%;
    }
    .logo-fo img {
        display: block;
        margin: 0 auto;
    }
    .address-fo {
        padding-top: 30px;
    }
    .ItemFo ul {
        padding-left: 10px;
        padding-right: 10px;
    }
    .coppyRight {
        font-size: 16px;
    }
    .co-sp-block {
        display: block;
    }
    .heNav ul.menu>li.co-sp-block {
        background: inherit;
        text-align: center;
        position: relative;
    }
    .heNav ul.menu>li.co-sp-block a {
        display: inline-block;
        background: #E60012;
        position: relative;
        padding-left: 50px;
        padding-right: 50px;
        transform: skewX(-21deg);
        margin: 10px 0;
    }
    .heNav ul.menu>li.co-sp-block a span {
        transform: skewX(21deg);
        display: block;
        position: relative;
    }
    .heNav ul.menu>li.co-pc-block {
        display: none;
    }
    .heNav ul.menu>li.co-sp-block {
        display: block;
    }
    .heNav ul.menu>li.co-sp-block a span::after {
        content: "";
        width: 25px;
        height: 25px;
        position: absolute;
        right: -15px;
        top: 50%;
        background: url(../../img/index/top-28.png) right center no-repeat;
        background-size: 8px;
        transform: translateY(-50%);
    }
    .heNav ul.menu>li.co-sp-block::before {
        content: none;
    }

    .foContent a img{
        width: 300px;
    }
}

@media screen and (max-width:750px) {
    .foContent a img.img-pc {
        display: none;
    }
    .foContent a img.img-sp {
        display: block;
        z-index: 9;
        position: relative;
    }
    .foContent {
        text-align: center;
        background: none;
        padding-left: 55px;
        padding-right: 55px;
        overflow: hidden;
    }
    .foContent a {
        display: block;
        width: 100%;
        padding: 20px 0;
        margin-bottom: 70px;
        /* transform: skewX(-21deg); */
        margin-right: 0;
        position: relative;
    }
    .foContent a::before {
        content: "";
        width: 100%;
        height: 100%;
        background: #0000FF;
        position: absolute;
        left: 0;
        top: 0;
        transform: skewX(-21deg)
    }
    .foContent a:last-child {
        margin-bottom: 0;
    }
    .ceofoter {
        display: none;
    }
    .foContent img {
        width: auto;
    }
    .foContent a img {
        /* transform: skewX(21deg) */
    }
    .hitachi .img-fopc {
        display: none;
    }
    .hitachi .img-fosp {
        display: block;
    }
    .ItemFo:last-child {
        display: none;
    }
    .address-fo span {
        display: none;
    }
    .gtel {
        color: #fff;
        font-size: 32px;
        display: inline-block !important;
        background: #0000FF;
        transform: skewX(-21deg);
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .gtel strong {
        transform: skewX(21deg);
        display: block;
    }
    .logo-fo .pc-img-logo {
        display: none;
    }
    .logo-fo .sp-img-logo {
        display: block;
    }
    .address-fo {
        font-size: 32px;
    }
    .gmaps img {
        margin-bottom: 25px;
    }
    .colums-fo-715 {
        display: block;
        font-size: 32px;
        color: #fff;
        letter-spacing: 0.5px;
        /* margin-bottom: 40px; */
        line-height: 175%;
        /* border-bottom: 10px solid #0000FF; */
        /* padding-bottom: 45px;*/
        padding-left: 60px;
        position: relative;
    }
    .colums-fo-715::before {
        content: "+";
        font-size: 60px;
        color: #fff;
        position: absolute;
        right: 60px;
        top: 0;
    }
    .menu-child-sp {
        display: none;
    }
    .menu-smart-phone {
        display: block;
        border-bottom: 10px solid #0000FF;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
    .menu-smart-phone .fo-tt-iteam {
        background: none;
        position: relative;
        font-size: 40px;
        padding-left: 40px;
        margin-bottom: 0;
        margin-top: 15px;
    }
    .menu-smart-phone li {
        padding-left: 60px;
    }
    .menu-smart-phone li a {
        font-size: 32px;
        line-height: 160%;
        color: #fff;
        display: block;
        text-decoration: none;
        padding-left: 25px;
        margin-left: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        background: url(../../img/index/top-28.png) left center no-repeat;
    }
    .menu-smart-phone .fo-tt-iteam::before {
        content: "";
        width: 30px;
        height: 30px;
        background: #fff;
        position: absolute;
        left: 0;
        top: 20px;
    }
    .colums-fo-715.add-aff::before {
        content: "-";
    }
    .coppyRight {
        font-size: 24px;
    }
    .images-effect-1 .descSubJapan {
        display: block;
    }
    .images-effect-1 .clickdetails {
        margin-top: 25px;
        display: block;
        width: 100%;
        float: inherit;
        text-align: center;
    }
    .images-effect-1 .clickdetails:hover .buttun-skew::before {
        content: none;
    }
    .images-effect-1 .clickdetails .buttun-skew a {
        float: inherit;
    }
    .images-effect-1 .clickdetails {
        left: 60px;
    }
    .images-effect-1 .clickdetails .txtTA {
        display: none;
    }
    .images-effect-1 .clickdetails .buttun-skew .txtJapan {
        font-size: 24px;
        padding-top: 20px;
        padding-bottom: 10px;
        border-bottom: 2px solid #0000FF;
        padding-right: 30px;
        position: relative;
    }
    .images-effect-1 .clickdetails .buttun-skew .txtJapan::before {
        content: "";
        width: 15px;
        height: 40px;
        position: absolute;
        right: 0;
        bottom: -2px;
        background: #0000FF;
        transform: skewX(21deg)
    }
    .images-effect-1 .clickdetails:hover a::after {
        background: none;
    }
    .images-effect-1 .clickdetails {
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .colum-one {
        border: none;
    }
    .heNav ul.menu>li.co-sp-block>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .english span {
        text-decoration: underline;
    }
}

@media screen and (max-width:650px) {
    .foContent a img.img-sp {
        width: 57.143vw;
    }
    .foContent a {
        margin-bottom: 30px;
    }
    .colums-fo-715 {
        font-size: 14px;
    }
    .colums-fo-715::before {
        font-size: 40px;
    }
    .menu-smart-phone .fo-tt-iteam {
        font-size: 14px;
    }
    .menu-smart-phone .fo-tt-iteam::before {
        width: 15px;
        height: 15px;
        top: 5px;
    }
    .menu-smart-phone .fo-tt-iteam {
        padding-left: 25px;
    }

    .menu-smart-phone a.fo-tt-iteam {
        margin-left: 0 !important;
    }


    .menu-smart-phone li a {
        font-size: 14px;
        background-size: 7px;
        padding-left: 15px;
        margin-left: 10px;
    }
    .RowFo {
        padding-top: 15px;
    }
    .coppyRight {
        font-size: 16px;
    }
    #colums-four .post-left-495 .clickdetails {
        left: 0;
    }
    .titleInformation p {
        font-size: 16px;
    }
    .informationRow .descInformation {
        font-size: 16px;
    }
    .titleInformation {
        max-width: 400px;
        font-size: 25px;
    }
    .informationRow.shakes .titleInformation::before {
        height: 50px;
    }
    .tt02item, .titleInformation-Show {
        margin-left: 30px;
    }
    .informationIteam.sp-389::after {
        background-size: 40px;
        height: 56px;
    }
    .tt02item::after, .titleInformation-Show::after {
        right: 30px;
    }
    .informationRow .titleInformation::before {
        height: 30px;
        left: 5px;
    }
    .Colums02Rows .shows .titleInformation {
        font-size: 19px;
    }
    .informationIteam.sp-389::after {
        right: -70px;
    }
    /* .images-effect-1{padding-top: 226px !important;} */
    #colums-five {
        padding-bottom: 30px;
    }
    .heNav ul.menu {
        height: 300px;
        overflow-y: scroll;
    }
    #hoContent00 .titleSolution {
        margin-bottom: 0px;
    }
    .menu-smart-phone {
        padding-bottom: 15px;
        margin-bottom: 25px;
        border-bottom: 5px solid #0000FF;
    }
    .foContent00 {
        border-top: #0000FF solid 5px;
    }
    span.slImg img {
        width: 190px;
    }
}

@media screen and (max-width:540px) {
    .slidePo {
        min-height: 400px;
    }
    .slideTxt h2 {
        font-size: 20px;
    }
    .heLogo img {
        width: 200px;
    }
    span.slImg {
        left: 30px;
        bottom: 15px
    }
    .slideTxt {
        top: 40%;
    }
    .heLogo {
        padding-left: 10px;
    }
    #hoContent00 {
        padding-top: 20px;
    }
    .titleSolution h2 span.ttJp {
        font-size: 14px;
    }
    .address-fo {
        font-size: 15px;
    }
    .gtel {
        font-size: 16px;
    }
    .hitachi {
        padding-left: 10px;
        padding-right: 10px;
    }
    .logo-fo {
        padding-left: 10px;
        padding-right: 10px;
    }
    /* .RowFo{padding-top: 25px;} */
    .colums-fo-715 {
        padding-left: 25px;
    }
    .colums-fo-715::before {
        right: 25px;
    }
    .menu-smart-phone li {
        padding-left: 15px;
    }
    /* .menu-smart-phone li a{font-size: 16px;} */
    .foContent {
        padding-left: 30px;
        padding-right: 30px;
    }
    .foContent a img.img-sp {
        width: 230px;
    }
    .heNav ul.menu>li {
        padding-right: 30px;
        padding-left: 30px;
    }
    .heNav ul.menu>li.hasChildMenu::after {
        right: 30px;
    }
    .heNav ul.menu>li::before {
        left: 30px;
    }
    .heNav ul.menu>li>a {
        padding-left: 30px;
    }
    .sub-menu {
        left: 10px;
    }
    .heNav ul.menu>li::before {
        top: 19px;
    }
    .logo-fo .sp-img-logo {
        width: 250px;
    }
    span.slImg img {
        width: 175px;
    }
}

@media screen and (max-width:480px) {
    span.slImg img {
        width: 150px;
    }
}

@media screen and (max-width:375px) {
    span.slImg img {
        width: 130px;
    }
}

@media screen and (max-width:320px) {
    span.slImg img {
        width: 110px;
    }
}