@charset "UTF-8";
/* =====================
  IE11-
===================== */
@media all and (-ms-high-contrast:none){
    html,body{
        font-family:'メイリオ', 'Meiryo', sans-serif;
    }
    body {
        text-rendering: optimizeLegibility;
        font-kerning: normal;
        font-variant-ligatures: common-ligatures contextual;
        font-feature-settings: "kern", "liga", "clig", "calt";
    }
    .mv-text .text01{
        opacity: 0;
        -webkit-transition: all 250ms ease 0s;
           -moz-transition: all 250ms ease 0s;
            -ms-transition: all 250ms ease 0s;
             -o-transition: all 250ms ease 0s;
                transition: all 250ms ease 0s;
    }
    .mv-text .text01.on{
        opacity: 1;
    }
    .mv-text .text02{
        -webkit-transition: all 500ms ease 250ms;
           -moz-transition: all 500ms ease 250ms;
            -ms-transition: all 500ms ease 250ms;
             -o-transition: all 500ms ease 250ms;
                transition: all 500ms ease 250ms;
    }
    .mv-text .text03{
        -webkit-transition: all 500ms ease 250ms;
           -moz-transition: all 500ms ease 250ms;
            -ms-transition: all 500ms ease 250ms;
             -o-transition: all 500ms ease 250ms;
                transition: all 500ms ease 250ms;
    }
    .header .header-inner{
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
}

/* =====================
  1200px
===================== */
@media all and (max-width: 1200px){

    :root{
        /* =====================
          最小幅
        ==================== */
        --min-width : 100%;
    }
    main .contents[data-contents="2"] .contents-inner section,
    .footer .article .group[data-group="1"] .wrap,
    .footer{
        width: 100%;
    }
    main .tab-inner{
        width: 100%;
        -webkit-align-items: flex-end;
                align-items: flex-end;
    }
    .tab-contents-inner{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .work-contents main .contents .beforeatfter-img .right::after{
        display: none;
    }
    .popup-item{
        width: 100%;
    }
    .popup-close{
        right: 10px;
        background: rgba(0,0,0,.5);
    }
    .footer .article .group[data-group="1"] .wrap,
    main .contents-inner{
        min-width: 100%;
        padding-left: 1em;
        padding-right: 1em;
    }
    .top-contents main .contents[data-contents="2"] .contents-inner .body{
        margin-left: auto;
        margin-right: 0;
        width: 60%;
    }
    .top-contents main .contents[data-contents="2"] .in-logo{
        left: 0;
    }
    .top-contents main .contents[data-contents="3"] .contents-inner section{
        width: 100%;
        padding-left: 1em;
        padding-right: 1em;

    }
    .top-contents main .contents[data-contents="3"] .contents-inner section .item{
        width: calc( 50% - 20px);

    }
    .footer .article .group[data-group="1"] .wrap{
        padding: 0;
    }
    .footer .article .group[data-group="1"] .item{
        padding-left: 3em!important;
        padding-right: 3em!important;
    }
    .footer .article .group[data-group="1"] .item[data-item="2"]::before{
        left: 0;
    }
    .footer .article .group[data-group="1"] .item[data-item="1"] .unit-item{
        padding: 0.5em;
    }
    .footer .article .group[data-group="2"] .wrap{
        width: 100%;
    }
    .footer .article .group[data-group="2"] .item[data-item="2"] ul{
        padding-left: 2em;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .business-contents .contents[data-contents="1"] ul{
        width: 100%;
    }
    .breadcrumb ul{
        width: 100%;
        padding-right: 2em;
    }
}


@media all and (max-width: 934px){
    .header p{
        display: none!important;
    }
    .header nav > ul > li > a{
        padding: 0 1em;
    }
    .u-btn{
        padding: 22px 0.5em;
        font-size: 12px;
    }
    .u-btn[target="_blank"]::after{
        right: 7px!important;
    }
}