@charset "UTF-8";
/* CSS Document */

/*===============================================
●sp.css  画面の横幅が667pxまで
===============================================*/
@media screen and (max-width:667px) {

    html,
    body {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        /*font-size: 12px;*/
        height: 100%;
    }

    body {
        min-width: initial;
    }


    html {
        line-height: 150%;
    }



    p,
    b,
    a,
    th,
    td,
    h1,
    h2,
    h3,
    h4,
    li,
    .footer_title,
    .catch,
    .bigcatch,
    label {
        /*font-size: 12px;
		line-height: 18px;*/
    }

    .mlr10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    img:not(.ab) {
        max-width: 100%;
        height: auto;
    }

    .spnone {
        display: none !important;
    }


    .content {
        width: 100%;
        padding: 0;
    }

    body {
        padding: 0;
        margin: 0;
        position: relative;
        /*min-width:1080px;*/
        background-color: #fff;
    }

    html {
        background-color: #fff;
    }

    #facebook .title p {
        font-size: 150% !important;
    }

    #top_facebook,
    #top_information {
        float: none;
    }

    #top_information {
        padding-right: 0px;
        margin-top: 10px;
    }

    #top_information h1 {
        margin-bottom: 0px;
    }

    #top_information h1 span {
        top: 3px !important;
    }

    footer {
        border-top: 1px #cccccc solid;
        margin-top: 10px;
    }

    footer p,
    footer p a {
        font-size: 100%;
        line-height: 150%;
    }

    footer p {
        text-align: center;
        margin-bottom: 10px !important;
    }

    ul.banner {
        padding-left: 0px;
        margin: 10px 0px 0px 0px;
    }

    ul.banner li {
        text-align: center;
        list-style: none !important;
        line-height: 1;
        font-size: 0;
        margin-bottom: 5px;
    }

    ul.banner li:last-child {
        margin-bottom: 0px;
    }

    #facebook {
        padding: 10px 10px;
        margin-bottom: 10px;
        width: 100%;
    }


    .sp_tel,
    .sp_mail {
        background-color: #0068b7;
        width: 100%;
        display: block;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .sp_tel img,
    .sp_mail img {
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    p.more {
        height: 25px;
        background-color: #0068b7;
        text-align: center;
        display: table;
        vertical-align: middle;
        width: 100%;
        /* border-radius */
        border-radius: 18px;
        -ms-border-radius: 18px;
        -moz-border-radius: 18px;
        -webkit-border-radius: 18px;
    }

    p.more a {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        text-decoration: none;
        text-align: center;
        font-size: 12px;
        color: #fff;
    }

    p.more a span {
        padding-left: 10px;
        background-image: url(../images/common/arrow01.png);
        background-size: 5px auto;
        background-position: left center;
        background-repeat: no-repeat;
    }

    #news ul {
        padding: 0px;
        margin: 0px;
    }

    #news ul li {
        list-style: none;
        border-bottom: dashed 1px #ccc;
        padding: 10px 0px 10px 0px;
    }

    #news ul li span.date {
        display: inline-block;
        width: 100%;
    }

    .menu .logo {
        display: table-cell;
        vertical-align: middle;
        padding-left: 10px;
    }

    .menu .logo img {
        width: 100px;
    }

    .menu {
        display: table;
        height: 50px;
        border-bottom: solid 5px #0068b7;
    }

    p.copyright {
        text-align: center;
        color: #fff;
        font-size: 100%;
        padding: 3% 0px 3% 0px !important;
        margin: 0px;
        border-top: #0076cf 1px solid;
    }

    #slider_wrapper {
        border-bottom: solid 5px #0068b7 !important;
    }


    #facebook iframe {
        width: 100% !important;
    }


    #pamphlet .main_content>.wrapper {
        padding: 20px 10px 20px 10px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #pamphlet .wrapper ul:not(.breadcrumbs) {
        margin: 0px;
        padding: 0px;
        display: block;
        text-align: center;
        margin: 0px auto;
    }

    #pamphlet .wrapper ul:not(.breadcrumbs).pamphlet li {
        list-style: none;
        text-align: center;
        font-size: 0;
        margin-left: 45px;
        margin-right: 45px;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: dashed 1px #ccc;
    }

    #pamphlet .wrapper ul.manual {
        margin: 0;
        padding: 0;
    }

    #pamphlet .wrapper ul.manual li {
        list-style: none;
        text-align: center;
        font-size: 0;
        display: inline-block;
        width: calc(50% - 5px);
        margin-bottom: 20px;
        padding-bottom: 20px;
        vertical-align: top;
    }

    #pamphlet .wrapper ul.manual li:nth-child(2n) {
        margin-left: 10px;
    }

    #pamphlet .wrapper ul:not(.breadcrumbs) li:last-child {
        border-bottom: none;
        padding-bottom: 0px;
    }

    #pamphlet .wrapper ul:not(.breadcrumbs) li a {
        text-decoration: none;
    }

    #pamphlet .wrapper ul:not(.breadcrumbs) li p {
        margin: 0px auto 0px auto;
        padding: 7px 20px;
        display: table;
        background-color: #e6e6e6;
        font-size: 12px !important;
        line-height: 1;
        text-align: center;
        /* border-radius */
        border-radius: 999px;
        -moz-border-radius: 999px;
        -webkit-border-radius: 999px;
    }

    #pamphlet .wrapper ul.manual li p {
        width: 100%;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 10px;
        display: flex;
        height: 4em;
        vertical-align: middle;
        flex-direction: column;
        /* 子要素をflexboxにより縦方向に揃える */
        justify-content: center;
        /* 子要素をflexboxにより中央に配置する */
        align-items: center;
    }

    #top h1 {
        color: #0068b7;
        font-size: 265%;
        line-height: 100%;
        vertical-align: middle;
    }

    #top .main_content h1 span {
        /*color: #b3b3b3;*/
        font-size: 50%;
        margin-left: 1%;
        vertical-align: middle;
        line-height: 100%;
    }

    #pamphlet h1 {
        text-align: center;
        color: #fff;
        background-color: #00468c;
        padding: 3% 0px;
        font-size: 160%;
        line-height: 100%;
        margin: 10px 10px 0px 10px;
    }

    #pamphlet h1 span.font-small {
        font-weight: normal;
        font-size: 70% !important;
    }

    body:not(#top) .title {
        color: #fff;
        text-align: center;
        font-size: 135%;
        line-height: 100%;
        padding: 2% 10px;
        margin: 10px 0px 10px 0px !important;
        background-color: #00468c;
    }

    #oilpro .bg_blue>p {
        color: #fff;
        text-align: center;
        font-size: 155%;
        line-height: 100%;
        margin: 0px 0px 10px 0px;
        font-weight: bold;
    }

    .wrapper .clearfix.bg_blue:nth-child(2) {
        width: 100%;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }


    .wrapper .clearfix.bg_blue:nth-child(4) ul {
        padding: 0px;
        margin: 0px 0px 10px 0px !important;
        letter-spacing: -.4em;
        /* 文字間を詰めて隙間をなくす */
        display: table;
        vertical-align: middle;
        height: 100%;
        width: 100%;
    }

    .wrapper .clearfix.bg_blue:nth-child(2) .left ul {
        padding: 0px;
        margin: 0px 0px 10px 0px !important;
        letter-spacing: -.4em;
        /* 文字間を詰めて隙間をなくす */
        vertical-align: middle;
        height: 100%;
        width: 100%;
    }

    .bg_blue .kyoryokusenjo ul li {
        display: table-cell;
        font-weight: bold;
        vertical-align: middle;
        height: 100%;
        text-align: center;
        letter-spacing: normal;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }



    .wrapper .clearfix.bg_blue:nth-child(2) .left li,
    #fuelpro .features .clearfix.wrapper>ul li {
        margin-bottom: 4px;
    }

    #fuelpro .features .clearfix.bottom>ul li {
        color: #fff;
        list-style: none;
    }

    .wrapper .clearfix.bg_blue:nth-child(2) .left li:nth-child(even),
    #fuelpro .features .clearfix.wrapper>ul li:nth-child(even) {
        width: 50%;
        padding-left: 2px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wrapper .clearfix.bg_blue:nth-child(2) .left li:nth-child(odd),
    #fuelpro .features .clearfix.wrapper>ul li:nth-child(odd) {
        width: 50%;
        padding-right: 2px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }



    .wrapper .clearfix.bg_blue:nth-child(4) .left li:nth-child(1),
    #fuelpro .effect li:nth-child(1) {
        width: 33.3333%;
        padding-right: 2px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wrapper .clearfix.bg_blue:nth-child(4) .left li:nth-child(2),
    #fuelpro .effect li:nth-child(2) {
        width: 33.3333%;
        padding-left: 1px;
        padding-right: 1px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wrapper .clearfix.bg_blue:nth-child(4) .left li:nth-child(3),
    #fuelpro .effect li:nth-child(3) {
        width: 33.3333%;
        padding-left: 2px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wrapper .clearfix.bg_blue .w50per.left,
    .wrapper .clearfix.bg_blue .w50per.right {
        width: 100% !important;
    }

    .wrapper .clearfix.bg_blue:nth-child(4) .left ul li {
        display: table-cell;
        height: 100%;
        text-align: center;
    }

    .bg_blue .left ul {
        width: 100%;
        letter-spacing: -.4em;
        /* 文字間を詰めて隙間をなくす */
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

    }

    .bg_blue .left:not(.kyoryokusenjo) ul li {
        width: 50% !important;
        vertical-align: middle;
        text-align: center;
        letter-spacing: normal;
        list-style: none;
    }

    .wrapper .clearfix.bg_blue:nth-child(4) .left ul li span {
        display: table;
        text-align: center;
        width: 100%;
        background-color: #FFE100;
        vertical-align: middle;
        text-align: center;
        height: 100%;
    }

    .wrapper .clearfix.bg_blue:nth-child(2) .left li span,
    #fuelpro .features .wrapper.clearfix ul li span {
        display: table;
        text-align: center;
        width: 100%;
        vertical-align: middle;
        text-align: center;
        height: 100%;
    }

    .wrapper .clearfix.bg_blue:nth-child(4) .left ul li span p {
        font-size: 130%;
        line-height: 100%;
        padding: 7% 0px;
        background-color: #FFE100;
        margin: 0px;
        color: #0068b7;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        height: 100%;
    }

    .wrapper .clearfix.bg_blue:nth-child(2) .left li span p {
        font-size: 130%;
        line-height: 100%;
        padding: 3% 0px;
        background-color: #FFE100;
        font-weight: bold;
        margin: 0px;
        color: #0068b7;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        height: 100%;
    }

    #fuelpro .features .wrapper.clearfix ul li span p {

        font-size: 130%;
        line-height: 100%;
        padding: 3% 0px;
        background-color: #FFE100;
        font-weight: bold;
        margin: 0px;
        color: #006e0a;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        height: 100%;
    }


    #fuelpro .features .wrapper.clearfix>ul>li {
        width: 50% !important;
        vertical-align: middle;
        text-align: center;
        letter-spacing: normal;
        list-style: none;
    }


    #fuelpro .effect li span {
        display: table !important;
        width: 100% !important;
        background-color: #FFE100;
        text-align: center;
        color: #006e0a;
        vertical-align: middle;
        height: 100%;
    }

    #fuelpro .effect .right ul,
    #fuelpro .features .wrapper>ul,
    #fuelpro .features .bottom .right ul {
        padding: 0px;
        margin: 0px 0px 0px 0px !important;
        letter-spacing: -.4em;
        vertical-align: middle;
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #fuelpro .effect .right ul li {
        width: 33.333% !important;
        vertical-align: middle;
        text-align: center;
        letter-spacing: normal;
        list-style: none;
    }

    #fuelpro .effect .right ul li p {
        padding: 5% 10px;
        font-size: 130%;
        line-height: 100%;
        margin: 0;
        color: #006e0a;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        height: 100%;
        font-weight: bold;
    }

    .wrapper .clearfix.bg_blue:nth-child(2) .right .wrapper li {
        font-size: 130%;
        line-height: 130%;
        width: 100%;
        padding: 3% 10px;
        margin-bottom: 4px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wrapper .clearfix.bg_blue:nth-child(2) .right .wrapper li:last-child {
        margin-bottom: 0px;
    }

    .wrapper .clearfix.bg_blue:nth-child(2) .right .wrapper+p {
        font-size: 100%;
        line-height: 120%;
        margin-top: 4px;
        margin-bottom: 0px;
    }

    .wrapper .clearfix.bg_blue:nth-child(2) .right .wrapper p {
        font-size: 160%;
        line-height: 100%;
        margin: 0px 0px 10px 0px;
    }

    .wrapper .clearfix.bg_blue:nth-child(2) .left ul+p {
        margin: 0px 0px 10px 0px;
    }

    .title02,
    #dieselpro .effect .catch {
        font-weight: bold;
        text-align: center;
        font-size: 155%;
        line-height: 120%;
        margin: 15px 0px 15px 0px;
    }

    .wrapper .clearfix.bg_blue:nth-child(4) {
        padding: 10px;
    }


    .wrapper .clearfix.bg_blue:nth-child(4) ul+p {
        font-size: 160%;
        line-height: 130%;
        margin: 10px 0px 10px 0px;
    }

    .kyoryokusenjo img {
        width: 100%;
        height: auto;
        margin: 0px auto;
        text-align: center;
        display: block;
    }

    #oilpro ul.point,
    #fuelpro ul.point {
        padding: 0px;
        margin: 0;
        letter-spacing: -.4em;
        /* 文字間を詰めて隙間をなくす */
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #oilpro ul.point li:nth-child(odd),
    #fuelpro ul.point li:nth-child(odd) {
        padding-right: 5px;
    }

    #oilpro ul.point li:nth-child(even),
    #fuelpro ul.point li:nth-child(even) {
        padding-left: 5px;
    }

    #oilpro ul.point li,
    #fuelpro ul.point li {
        list-style: none;
        vertical-align: top;
        width: 50%;
        padding-top: 10px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        letter-spacing: normal;
        /* 文字間を元に戻す */
    }

    #oilpro ul.point li .wrapper,
    #fuelpro ul.point li .wrapper {
        position: relative;
        line-height: 1;
        font-size: 0;
        margin-bottom: 10px;
    }

    #oilpro ul.point li .ab,
    #fuelpro ul.point li .ab {
        bottom: 0px;
    }

    #oilpro ul.point li>span {
        display: block;
        padding: 10px;
        border: solid 1px #ccc;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        height: 100%;
    }

    #fuelpro ul.point li>span {
        display: block;
        padding: 10px;
        background-color: #0068b7;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        height: 100%;
    }

    #oilpro ul.point li b {
        display: inline-block;
        text-align: center;
        color: #00468c;
        font-size: 135%;
        line-height: 120%;
        width: 100%;
        margin-bottom: 10px;
    }

    #fuelpro ul.point li b {
        display: inline-block;
        text-align: center;
        color: #ffe100;
        font-size: 135%;
        line-height: 120%;
        width: 100%;
        margin-bottom: 10px;
    }


    #oilpro .youtube,
    #fuelpro .youtube,
    #dieselpro .youtube {
        background-color: #000000;
        margin: 10px 0px;
        padding: 10px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #top .youtube {
        margin-bottom: 10px;
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }

    #top .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }

    #oilpro .youtube .left,
    #fuelpro .youtube .left,
    #dieselpro .youtube .left {
        float: none;
    }

    .youtube .right {
        float: none !important;
        width: 100%;
        /*横幅いっぱいにwidthを指定*/
        padding-bottom: 56.25%;
        /*高さをpaddingで指定(16:9)*/
        height: 0px;
        /*高さはpaddingで指定するためheightは0に*/
        position: relative;
    }

    .youtube .right iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .youtube .left img {
        display: block;
        text-align: center;
        margin: 0px auto 10px auto;
        width: 60%;
        height: auto;
    }

    .youtube .left p {
        text-align: center;
    }

    .comment .left {
        float: none;
    }

    .comment .right {
        float: none;
    }

    .comment img.left {
        width: 100%;
        height: auto;
    }

    body:not(.top) .title span {
        color: #fff;
        margin: 2px 10px 0px 10px;
        display: inline-block;
        vertical-align: top;
        font-weight: normal;
        font-size: 80%;
    }

    .body_wrapper {
        overflow: hidden;
    }

    #oilpro .effect .ab {
        top: -14%;
        content: "";
        width: 150%;
        height: auto;
        margin-left: -5px;
    }

    #oilpro .effect {
        position: relative;
        margin-top: 20px;
        width: 100%;
    }

    #oilpro .catch {
        text-align: center;
        font-size: 160%;
        line-height: 120%;
        color: #00468c;
        font-weight: bold;
        margin: 20px 0px 0px 0px;
    }


    #oilpro .catch+ul {
        letter-spacing: -.4em;
        /* 文字間を詰めて隙間をなくす */
        margin: 10px auto 0px auto;
        text-align: center;
        padding: 0px;
    }

    #oilpro .catch+ul li {
        display: inline-block;
        vertical-align: top;
        font-size: 130%;
        line-height: 130%;
        background-color: #00468c;
        text-align: center;
        color: #fff;
        letter-spacing: normal;
        /* 文字間を元に戻す */
        margin: 0px 5px 0px 0px;
        padding: 1% 5% 1% 5%;
        /* border-radius */
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
    }

    #oilpro .catch+ul li:last-child {
        margin-right: 0px;
    }

    #oilpro .comment .wrapper,
    #dieselpro .comment .wrapper,
    #fuelpro .comment .wrapper {
        text-align: center;
        display: block;
        margin: 0px auto 3px auto;
        padding: 0;
        height: 100%;
    }

    #oilpro .comment .wrapper img,
    #dieselpro .comment .wrapper img,
    #fuelpro .comment .wrapper img {
        width: 10%;
        height: auto;
    }

    #oilpro .comment .wrapper p,
    #dieselpro .comment .wrapper p,
    #fuelpro .comment .wrapper p {
        font-size: 150%;
        line-height: 100%;
        display: inline-block;
        padding-left: 0px;
        margin: 1.3% 2% 0px 0px;
        text-align: left;
        font-weight: bold;
        vertical-align: top;
    }

    #oilpro .comment .wrapper p span,
    #dieselpro .comment .wrapper p span,
    #fuelpro .comment .wrapper>p span {
        font-size: 60% !important;
        font-weight: normal;
        vertical-align: top;
        margin-left: 0px;
        margin-top: -0px;
    }

    .reflection-img {
        width: 100%;
        height: auto;
        line-height: 1;
        font-size: 0;
        position: relative;
        overflow: hidden;
    }

    .reflection-img {
        margin: 0px 0px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dieselpro .sp_w50per .w50per {
        width: 50%;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dieselpro .sp_w50per .left.w50per {
        padding-left: 10px;
    }

    #dieselpro .sp_w50per .right.w50per {
        padding-right: 10px;
    }

    #dieselpro .features>ul li {
        font-weight: bold;
        width: 100%;
        font-size: 140%;
        line-height: 100%;
        list-style: none;
        background-color: #a0dcbe;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
        margin: 0px 0px 5px 0px;
        padding: 3% 10px 3% 10px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }


    #dieselpro .features .right {
        float: none;
    }

    #dieselpro .features .right.clearfix {
        margin: 0px auto !important;
        text-align: center !important;
        float: none;
        display: table;
        height: 100%;
    }

    #dieselpro .features .right .right {
        display: table-cell;
        width: 50%;
        background-size: auto 100%;
        padding-bottom: 0%;
        float: none;
        vertical-align: top;
        padding-right: 10%;
        padding-left: 2%;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    /*#dieselpro .features .right .left img {
         width: auto;
        display: table-cell;
         height: 100% !important;
         max-height: 100%;
    }*/
    #dieselpro .features .right .left {
        vertical-align: top;
        width: 38.5%;
        background-image: url(../images/dieselpro/image04.png);
        background-position: center right;
        background-repeat: no-repeat;
        background-size: contain;
        display: table-cell;
        text-align: right;
        height: 100%;
        float: none;
        padding-right: 2%;
        padding-left: 10%;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dieselpro .features .right p {
        color: #00468c;
        font-size: 180%;
        line-height: 130%;
        text-align: center;
        margin: 0px 0px 10px 0px;
        font-weight: bold;
    }

    #dieselpro .features .right ul {
        margin: 0px;
        padding: 0px;
    }

    #dieselpro .features .right li {
        background-color: #00468c;
        list-style: none;
        color: #fff;
        font-size: 100%;
        padding: 2% 10px;
        text-align: center;
        margin-bottom: 5px;
        /* border-radius */
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .title03 {
        padding: 2% 10px;
        background-color: #efefef;
        border: solid 1px #b0b0b0;
        font-size: 130%;
    }

    #dieselpro .comment .left.w540 {
        margin-left: 0px !important;
    }

    #dieselpro .effect .right .title {
        padding: 2% 10px 2% 10px;
        text-align: center;
        font-size: 130%;
        line-height: 130%;
        background-color: #ff6e01;
    }

    #dieselpro .effect .title+p span b {
        font-size: 140%;
    }

    .effectiveness .clearfix.mt50 {
        text-align: center;
        margin: 0px auto;
        display: inline-block;
        margin-top: 0px !important;
        letter-spacing: -.4em;
        /* 文字間を詰めて隙間をなくす */
    }

    .effectiveness .left {
        float: none;
        width: 28%;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        line-height: 1;
        font-size: 0;
    }

    .effectiveness .right {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    .effectiveness .right p {
        letter-spacing: normal;
        font-size: 150%;
        line-height: 130%;
        font-weight: bold;
    }

    #dieselpro #trouble .left,
    #dieselpro #trouble .right {
        float: none;
    }

    #trouble td:nth-child(2) {
        font-size: 100%;
        line-height: 130%;
        color: #FFFFFF;
        padding-left: 5px;
    }

    #trouble td:first-child {
        width: 12%;
        font-size: 130%;
        line-height: 130%;
        vertical-align: middle;
    }

    #trouble li {
        list-style: none;
        margin-bottom: 20px;
        letter-spacing: -.4em;
    }

    #trouble .left>ul>li>img,
    #trouble .right>ul>li>img {
        display: inline-block;
        width: 15%;
        vertical-align: middle;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #trouble ul .wrapper {
        width: 85%;
        padding-left: 10px;
        padding-right: 10px;
        letter-spacing: normal;
        vertical-align: middle;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }



    #trouble .left ul li,
    #trouble .right ul li {
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #trouble td:first-child img {
        width: 100%;
        height: auto;
    }

    #trouble li p {
        color: #fff;
        font-size: 150%;
        margin: 0px 0px 2% 0px;
    }

    #trouble .right ul+p {
        text-align: center;
        font-size: 160%;
        line-height: 130%;
        color: #fff;
        margin: 0px 0px 0px 0px;
        font-weight: bold;
    }

    #trouble .right ul+p+p {
        text-align: center;
        font-size: 100%;
        color: #ffe100;
        margin: 5px auto 0px auto;
        padding-bottom: 20px;
    }

    #dieselpro .effectiveness ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #dieselpro .effectiveness li {
        letter-spacing: normal;
        line-height: 1;
        font-size: 0;
        width: 33.3333333%;
        margin-right: 0px;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dieselpro .effectiveness li:nth-child(1) {
        padding-right: 4px;
    }

    #dieselpro .effectiveness li:nth-child(2) {
        padding: 0px 2px;
    }

    #dieselpro .effectiveness li:nth-child(3) {
        padding-left: 4px;
    }

    #dieselpro .effectiveness li .text {
        width: 100%;
        display: table;
        height: 100%;
        background-color: #a0dcbe;
    }

    #dieselpro .effectiveness li .text p {
        vertical-align: middle;
        background-color: #a0dcbe;
        display: table-cell;
        padding: 5% 5px;
        font-size: 90%;
        width: 100%;
        height: 100%;
    }


    #dieselpro .effectiveness li span.img {
        display: inline-block;
        height: 0%;
        padding-top: 75%;
        width: 100%;
    }

    #dieselpro .effectiveness li:nth-child(1) span.img {
        background-image: url(../images/dieselpro/image12.png);
    }

    #dieselpro .effectiveness li:nth-child(2) span.img {
        background-image: url(../images/dieselpro/image13.png);
    }

    #dieselpro .effectiveness li:nth-child(3) span.img {
        background-image: url(../images/dieselpro/image14.png);
    }

    #dieselpro .effectiveness ul+ul {
        margin-bottom: 10px;
    }

    #dieselpro .effectiveness .clearfix .right+ul {
        margin-top: 10px !important;
    }

    #dieselpro .comment p.catch,
    #dieselpro .effect .wrapper p {
        font-size: 150% !important;
        font-weight: bold;
        margin: 10px auto;
        display: inline-block;
    }

    #dieselpro .effect .right .wrapper p span {
        font-size: 70% !important;
        display: inline-block;
        margin: 0px 0px 0px 0px;
        font-weight: normal;
    }

    #dieselpro .effect .left>p {
        text-align: right;
        margin: 0px;
    }

    #dieselpro .effect .re.pcnone {
        margin-bottom: 10px;
    }

    #dieselpro .effect .re.pcnone .ab {
        width: 15%;
        right: -5px;
        top: -25%;
        height: auto;
    }

    #dieselpro .effect .right td {
        font-size: 100% !important;
        line-height: 130%;
        vertical-align: middle;
        text-align: left;
    }

    #dieselpro .effect .right td:first-child img {
        display: table-cell;
        vertical-align: middle;
    }

    #dieselpro .effect .right td:first-child {
        padding-right: 2%;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dieselpro .effect .right td:nth-child(2) {
        width: 40%;
    }

    #dieselpro .effect .right td:nth-child(3) {
        width: 42%;
    }

    #dieselpro .sp_w50per .left p.mb10 {
        text-align: center;
        color: #a0dce6;
        margin: 10px 0px 5px 0px !important;
        font-size: 150%;
    }

    #dieselpro .sp_w50per .right p.mb10 {
        text-align: center;
        margin: 10px 0px 5px 0px !important;
        color: #ffe100;
        font-size: 150%;
    }

    #fuelpro .content02>.clearfix {
        padding: 0px 10px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #fuelpro .content02 .sp_w50per .left,
    #fuelpro .content02 .sp_w50per .right {
        width: 50%;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #fuelpro .content02 .sp_w50per .left {
        padding-right: 5px;
    }

    #fuelpro .content02 .sp_w50per .right {
        padding-left: 5px;
    }

    #fuelpro .content02 .sp_w50per {
        clear: both !important;
        line-height: 1;
        font-size: 0;
    }


    #fuelpro .content02 .sp_w50per+.catch {
        clear: both !important;
        color: #78d23c;
        font-weight: bold;
        font-size: 125%;
        line-height: 130%;
        display: inline-block;
        padding: 0px 0px 0px 0px;
        margin: 10px 0px 0px 0px;
    }

    #fuelpro .content02>.catch {
        font-size: 160%;
        line-height: 130%;
        text-align: center;
        font-weight: bold;
        padding: 1.5% 0px 1.5% 0px;
        background-color: #468c32;
        margin: 0px 0px 10px 0px;
    }

    #fuelpro .content02>.clearfix {
        display: table;
        width: 100%;
        margin: 0px 0px 0px 0px;
        ;
    }

    #fuelpro .content02>.clearfix>.left {
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        display: table-cell;
        width: 100%;
        vertical-align: middle;
    }

    #fuelpro .content02>.clearfix>.left img {
        width: 100%;
        height: auto;
    }

    #fuelpro .content02 .clearfix:nth-child(4) p {
        vertical-align: middle;
        width: 75%;
        display: table-cell !important;
        height: 100%;
    }

    #fuelpro .content02 {
        padding: 10px 0px 10px 0px;
    }

    #fuelpro .features .wrapper .right,
    #fuelpro .effect .right {
        float: none !important;
    }

    #fuelpro .features .wrapper.clearfix {
        background-color: #006e0a;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
    }

    #fuelpro .features .wrapper.clearfix p {
        color: #fff;
    }

    #fuelpro .features .wrapper .catch {
        font-size: 155%;
        line-height: 130%;
        font-weight: bold;
        text-align: center;
        color: #ffe100 !important;
        margin: 6px 0px 10px 0px;
    }

    #fuelpro .effect .right .catch {
        font-size: 155%;
        line-height: 130%;
        margin: 0px 0px 10px 0px;
        max-width: 80%;
    }

    #fuelpro .effect .right .ab {
        top: -1.5%;
        right: -5px;
        z-index: 0;
        width: 21%;
        height: auto;
        max-width: 90px;
    }

    #fuelpro .effect .right {
        padding: 10px;
        margin-bottom: 10px;
    }

    #fuelpro .effect .right .re {
        width: 100%;
        height: auto;
    }

    #fuelpro .effect .right .lh1fs0+p:not(.catch) {
        margin: 5px 0px 5px 0px;
    }

    #fuelpro .features .wrapper .clearfix .right ul li {
        color: #fff;
        list-style: none;
        font-size: 100%;
        line-height: 130%;
        letter-spacing: normal;
        width: 50% !important;
        vertical-align: middle;
        letter-spacing: normal;
        list-style: none;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #fuelpro .features .wrapper .clearfix .right ul li:nth-child(odd) {
        padding-right: 5px;
    }

    #fuelpro .features .wrapper .clearfix .right ul li:nth-child(even) {
        padding-left: 5px;
    }


    #fuelpro .features .wrapper .clearfix ul.left {
        padding: 0px 0px 0px 0px;
        background-image: url(../images/fuelpro/image07.png);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: contain;
        width: 100%;
        float: none;
        margin-top: 10px;
    }

    #fuelpro .features .clearfix.bottom .right>p {
        text-align: center;
        background-color: #00468c;
        padding: 2% 10px;
        margin: 0 0 10px 0;
        font-size: 125%;
        font-weight: bold;
    }

    #contact .wrapper,
    #simulation .main_content>.wrapper,
    #result .main_content>.wrapper {
        padding: 0px 10px 10px 10px;
    }

    #contact table {
        border-collapse: collapse;
        margin-bottom: 10px;
        width: 100%;
        border-top: solid 1px #b0b0b0;
    }

    #contact th,
    #contact td {
        width: 100%;
        display: block;
        border-top: none !important;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #contact th {
        padding: 2% 10px 2% 10px;
        border: solid 1px #b0b0b0;
        background-color: #efefef;
    }

    #contact td {
        vertical-align: middle;
        padding: 10px 10px 10px 10px;
        border: solid 1px #b0b0b0;
        padding-bottom: 10px;
    }

    #contact td input[type=text] {
        height: 22px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #contact td textarea {
        height: 150px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #contact input[type=button] {
        margin: 5px;
    }

    #contact input[type=radio] {
        margin: 0px 3px 0px 0px;
    }

    #contact #confirm {
        border: none;
        background-color: transparent;
        width: 140px;
        height: 37px;
        background-image: url(../images/contact/confirm_button.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: left top;
    }

    #contact #send {
        border: none;
        background-color: transparent;
        width: 140px;
        height: 37px;
        background-image: url(../images/contact/send_button.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: left top;
    }

    #simulation #result {
        border: none;
        background-color: transparent;
        width: 140px;
        height: 37px;
        background-image: url(../images/simulation/result_button.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: left top;
    }

    #contact #back {
        border: none;
        background-color: transparent;
        width: 140px;
        height: 37px;
        background-image: url(../images/contact/back_button.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: left top;
    }

    #privacy_policy {
        padding: 0px 10px;
        height: 150px;
        margin-bottom: 10px;
    }

    #privacy_policy p {
        margin: 10px 0px;
    }

    .post-type-archive-agency .wrapper,
    .single-information .main_content>.wrapper,
    #information_archive {
        padding: 0px 10px 10px 10px;
    }

    .post-type-archive-agency table td {
        font-size: 100%;
        line-height: 130%;
        padding: 1.5% 10px !important;
        border: 1px solid #b0b0b0;
        text-align: left !important;
        word-break: break-all;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    td.agency02 {
        width: 22%;
    }

    .post-type-archive-agency table th {
        font-size: 100%;
        line-height: 130%;
        padding: 1.5% 10px !important;
        text-align: left !important;
        word-break: break-all;
    }

    .post-type-archive-agency h2 {
        background-color: #efefef;
        border: 1px solid #b0b0b0;
        font-size: 130%;
        line-height: 130%;
        padding: 2% 10px;
        border-radius: 3px;
        margin: 20px 0px 0px 0px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
    }




    .single-information iframe {

        max-width: 100%;
    }



    #information_archive .wrapper>ul:not(.wp-pagenavi) li .img {
        width: 100%;
        height: 0px;
        padding-top: 65%;
        float: none !important;
        position: relative;
        margin-bottom: 10px;
    }

    #information_archive ul:not(.wp-pagenavi) li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .title04 {
        border-left: solid 5px #ccc;
        font-size: 150%;
        line-height: 130%;
        padding-left: 5px;
    }

    #information_archive .wrapper>ul:not(.wp-pagenavi) .date {
        margin: 9px 0px 0px 0px;
        font-size: 100%;
        line-height: 130%;
    }

    #information_archive .wrapper>ul:not(.wp-pagenavi) .date+p {
        font-size: 100%;
        line-height: 130%;
        margin: 7px 0px 0px 0px;
    }

    .wp-pagenavi {
        text-align: center !important;
        width: 100%;
        margin: 0 auto;
    }

    .wp-pagenavi li {
        margin-right: 2%;
        width: 12%;
        line-height: 1;
        vertical-align: top;
        display: inline-block;
        font-size: 100%;
        text-align: center !important;
    }

    .wp-pagenavi li:last-child {
        margin-right: 0;
    }

    .wp-pagenavi li a,
    .wp-pagenavi li span {
        font-size: 100%;
        margin: -1px;
        vertical-align: top;
        display: inline-block;
        width: 100%;
        line-height: 0 !important;
        letter-spacing: normal;
        height: 0%;
        padding: 50% 0%;
        text-align: center !important;
        line-height: 0;
    }

    ul.problem {
        padding: 0;
        margin: 2% 10px;
    }

    ul.problem li {
        background-color: #fff;
        list-style: none;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 4%;
        padding: 2%;
        /* border-radius */
        border-radius: 5px;
        -ms-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        position: relative;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    ul.problem li p {
        text-align: center;
        color: #000000;
        font-size: 130%;
        font-weight: bold;
        margin: 0px;
    }

    ul.problem li:nth-child(1) .ab {
        left: 1%;
        top: -25%;
        width: 15%;
        height: auto;
    }

    ul.problem li:nth-child(2) .ab {
        right: 4%;
        top: -35%;
        width: 12%;
        height: auto;
    }

    ul.problem li:nth-child(3) .ab {
        left: 5%;
        top: -55%;
        width: 7%;
        height: auto;
    }

    ul.problem li:nth-child(4) .ab {
        right: 5%;
        top: -35%;
        width: 13%;
        height: auto;
    }

    ul.problem li:nth-child(5) .ab {
        left: 5%;
        top: -55%;
        width: 8%;
        height: auto;
    }

    ul.problem+p {
        color: #fff;
        font-weight: bold;
        font-size: 600%;
        margin: 10% 0px;
    }

    ul.problem+p+p {
        color: #fff000;
        font-size: 160%;
        text-align: center;
        margin: 0% 0px;
    }

    ul.problem+p+p+img {
        margin: 3% 0px 2% 0px;
    }

    #dpf .wrapper.content02 {
        padding: 5% 0px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dpf .wrapper.content02>img.align_center {
        width: 88%;
        height: auto;
        margin-bottom: 4%;
    }

    #dpf .solution ul {
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
        margin: 0 10px;
        float: none;
    }

    #dpf .solution li {
        background-image: url(../images/dpf/solution_bg_sp.png);
        list-style: none;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 100%;
        margin-bottom: 3%;
        padding: 2%;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;

    }

    #dpf .solution li p {
        color: #fff;
        font-size: 130%;
        margin: 0;
        text-align: center;
    }

    #dpf .solution+p {
        color: #fff;
        text-align: center;
    }

    #dpf .suit .catch img {
        width: 80%;
        height: auto;
        text-align: center;
        margin: 0px auto;
        display: block;
    }

    #dpf .removal {
        background-color: #eae2bd;
        position: relative;
        padding: 4% 25% 4% 4%;
        margin-top: 3%;
    }

    #dpf .text_block .wrapper {
        background-color: #eae2bd;
        position: relative;
        padding: 4% 4% 4% 4%;
        margin-top: 3%;
    }

    #dpf .text_block .wrapper p:first-child {
        margin-top: 0px;
    }

    #dpf .text_block .wrapper p:last-child,
    #dieselpro .wrapper p:last-child {
        margin-bottom: 0px;
    }

    #dpf .removal .ab {
        width: 17%;
        height: auto;
        right: 4%;
        top: 50%;
        margin-top: -17.5%;
    }

    #dpf .removal .catch {
        color: #00468c;
        font-weight: bold;
        font-size: 170%;
        line-height: 120%;
        margin: 0 0px 3% 0%;
    }

    #dpf .removal p:not(.catch) {
        margin: 0;
    }

    #dpf .removal+img {
        width: 80%;
        margin: 5% auto !important;
    }


    ul.side_banner {
        padding: 0;
        margin: 0;
    }

    ul.side_banner li {
        list-style: none;
        margin-bottom: 10px;
    }

    ul.side_banner li a {
        line-height: 1 !important;
        font-size: 0 !important;
        display: block;
    }

    .slide_up {
        padding: 0px 10px;
        animation-name: SlideUp;
        /* アニメーション名 */
        animation-duration: 2s;
        /* アニメーション時間 */
        position: fixed;
        bottom: 0px;
        right: 0;
        margin: 0 auto;
        left: 0;
        line-height: 1 !important;
        font-size: 0 !important;
    }

    .slide_up .pcnone img {
        width: 100% !important;
        height: auto;
    }

    .slide_up a {
        line-height: 1 !important;
        font-size: 0 !important;
    }

    .slide_up .close {
        line-height: 1 !important;
        font-size: 0 !important;
        position: absolute;
        top: -8px;
        right: 5px;
        z-index: 999999;
    }

    /*下から上*/
    @keyframes SlideUp {
        0% {
            opacity: 0;
            /* 透明 */
            transform: translateY(50px);
            /* Y軸方向に50px */
        }

        100% {
            opacity: 1;
            /* 不透明 */
            transform: translateY(0);
            /* Y軸方向に0px */
        }
    }



    .q1,
    .q2 {
        background-color: #f2f2f2;
        padding: 10px 10px;
        margin-bottom: 10px;
    }

    .q1 ul,
    .q2 ul {
        padding: 0;
        margin: 0 auto;
        text-align: center;
        letter-spacing: -1em;
    }

    .q1 li,
    .q2 li {
        letter-spacing: normal;
        display: table;
        background-color: #e6e6e6;
        border: 1px solid #00468c;
        width: 100%;
        margin-bottom: 10px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        /* border-radius */
        border-radius: 5px;
        -ms-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 100%;
    }

    .q1 li p.type,
    .q2 li p.type {
        display: table-cell;
        background-color: #00468c;
        color: #fff;
        margin: 0;
        vertical-align: middle;
        font-size: 100%;
        padding: 0px 20px;
        /* border-radius */
        border-radius: 4px 0px 0px 4px;
        -ms-border-radius: 4px 0px 0px 4px;
        -moz-border-radius: 4px 0px 0px 4px;
        -webkit-border-radius: 4px 0px 0px 4px;
        white-space: nowrap;
        width: 3.5em;
    }

    /*.q1 li p.number, .q2 li p.number {
        display: table-cell;
        text-align: left !important;
        font-size: 100%;
    }*/
    .q1 li input,
    .q2 li input {
        /*display: table-cell;*/
        width: 3em;
        font-size: 100%;
        padding: 0.5% 2%;
        margin: 1.5% 2%;
        /* border-radius */
        border-radius: 3px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border: 1px solid #cccccc;

    }

    #simulation h2 {
        font-size: 130%;
        color: #00468c;
        margin: 0px 0px 10px 0px;
    }

    #simulation h2 span {
        border: 1px solid #00468c;
        background-color: #fff;
        padding: 0.5% 2%;
        margin-right: 10px;
        margin-bottom: 2%;
        width: 100%;
        display: inline-block;
        text-align: center;
        /* border-radius */
        border-radius: 3px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }




    .equal {
        text-align: center;
        margin: 0px auto;
    }

    .equal p {
        display: inline-block !important;
        color: #00468c;
        font-weight: bold;
    }

    .equal p:first-child {
        font-size: 130%;
        padding: 1% 3%;
        margin: 0px;
        border: 1px solid #00468c;
        /* border-radius */
        border-radius: 999px;
        -ms-border-radius: 999px;
        -moz-border-radius: 999px;
        -webkit-border-radius: 999px;
    }

    .equal p:nth-child(2) {
        font-size: 130%;
        margin: 3.5% 0px 3% 0px;
        text-align: center;
        display: block;
        width: 100%;
    }

    .equal p:nth-child(2) span {
        font-family: Arial, Helvetica, "sans-serif";
        font-size: 280%;
        margin-right: 5px;
    }

    #result .details {
        background-color: #e6e6e6;
        padding: 10px 10px;
    }

    #result .details .w50per.left {
        float: none;
    }

    #result .details .w50per.right {
        float: none;
    }

    #result .details .w50per>p {
        font-weight: bold;
        background-color: #FFFFFF;
        border: solid 1px #000;
        text-align: center;
        /* border-radius */
        border-radius: 3px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    #result .w50per table tr {
        border-top: 1px solid #ccc;
    }

    #result table th {
        font-weight: normal;
    }

    #result table td {
        text-align: right;
        /*padding: 1.5% 0px;*/
    }

    #result table tr:last-child th {
        font-weight: bold;
    }

    #result table tr:last-child td {
        font-weight: bold;
    }

    #result .details h2 {
        font-size: 130%;
        text-align: center;
    }

    #result h1+p {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px dashed #ccc;
    }

    #result .total_a {
        background-color: #a0dcbe;
        margin-right: 5px;
    }

    #result .total_b {
        background-color: #ffbe3c;
        margin-right: 5px;
    }

    #result .details td span {
        padding: 4px 12px;
        /* border-radius */
        border-radius: 5px;
        -ms-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .formula {
        padding-top: 10px;
        margin: 0px auto 0px auto;
    }

    .q1 li p,
    .q2 li p {
        display: table-cell;
        font-size: 100%;
    }

    .formula_wrapper {
        width: 100%;
        overflow-x: scroll;
        margin: 10px auto 0px auto;
        border-top: 1px dashed #000;
    }

    .formula td p {
        text-align: center !important;
        margin: 0px;
        font-weight: bold;
    }

    .formula tr:nth-child(1) td,
    .formula tr:nth-child(2) td {
        height: 0% !important;
        padding-top: 1.5% !important;
        padding-bottom: 1.5% !important;
    }

    .formula tr:nth-child(3) td {
        height: 0% !important;
        padding-top: 6% !important;
        padding-bottom: 6% !important;
    }

    .formula tr:nth-child(1) td:nth-child(2) {
        border-bottom: 1px solid #000;
    }

    .formula tr:nth-child(1) td:nth-child(1) {
        background-image: url(../images/simulation/left_brackets.png);
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center right 0px;
        text-align: left;
        width: 10px;
        white-space: nowrap;
        padding-right: 10px;
    }

    .formula tr:nth-child(2) td:nth-child(1) {
        width: 10px;
        white-space: nowrap;
    }

    /*.formula tr:nth-child(1) td:nth-child(4) {  
        width: 10px;
        white-space: nowrap;
    }*/
    .formula tr:nth-child(3) td:nth-child(2) p {
        text-align: left !important;
    }

    .formula tr:nth-child(3) td:nth-child(1) {
        width: 10px;
        padding-right: 15px !important;
        white-space: nowrap;
        background-image: url(../images/simulation/right_brackets.png);
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center right;
    }

    .to_contact_arrow {
        width: 50%;
        min-width: 200px;
        margin-top: 14px !important;
    }

    ul.breadcrumbs {
        padding: 0;
        margin: 3% 0px 3% 0px;
    }

    ul.breadcrumbs li:last-child {
        background-image: none;
        padding-right: 0;
        margin-right: 0;
    }

    ul.breadcrumbs li {
        display: inline-block;
        background-image: url("../images/common/arrow02.png");
        background-repeat: no-repeat;
        background-position: center right;
        padding-right: 4%;
        margin-right: 2%;
    }

    #top .manga {
        margin-top: 5% !important;
        display: block;
    }

    #dieselpro .manga {
        margin-top: 10px !important;
        display: block;
    }

    .post-type-archive-agency table th img {
        width: 48%;
        height: auto;
    }

    .post-type-archive-agency table th img:nth-of-type(1) {
        margin-right: 2%;
    }

    .post-type-archive-agency table th img:nth-of-type(2n) {
        margin-left: 2%;
    }

    .post-type-archive-agency table th img:nth-of-type(3n) {
        margin-right: 2%;
    }

    #top #pamphlet,
    #top #manual {
        background-image: url("../images/common/dream2.jpg");
        background-size: cover;
        background-position: center bottom;
        padding: 0px 10px 20px 10px;
        margin: 0px 10px 10px 10px;
    }

    #top #pamphlet h2,
    #top #manual h2 {
        text-align: center;
        margin: 0px 0px 8px 0px;
    }

    #top #manual h2 {
        margin-bottom: 0;
    }

    #top #pamphlet h2 img {
        width: 50%;
    }

    #top #pamphlet ul {
        letter-spacing: -.4em;
        /* 文字間を詰めて隙間をなくす */
        margin: 0px;
        padding: 0;
        text-align: center;
    }

    #top #pamphlet ul.pamphletSp {
        display: flex;
        flex-wrap: wrap;
    }

    #top #pamphlet ul.pamphletSp li {
        width: 49%;
        margin-right: 2%;
    }

    #top #pamphlet ul.pamphletSp li:nth-of-type(2n) {
        margin-right: 0;
    }

    #top #manual ul {
        letter-spacing: -.4em;
        /* 文字間を詰めて隙間をなくす */
        margin: 0px;
        padding: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #top #pamphlet ul li {
        list-style: none;
        line-height: 1;
        font-size: 0;
        margin-bottom: 10px;
    }

    #top #manual ul li {
        list-style: none;
        border: 1px solid #fff;
        background-image: url("../images/common/blue_bg.png");
        width: calc(50% - 7px);
        text-align: center;
        display: inline-block;
        margin-top: 10px;
    }

    #top #manual ul li:nth-child(2n) {
        margin-left: 10px;
    }

    #top #manual ul li img {
        text-align: center;
    }

    #top #pamphlet ul li:last-child {
        margin-bottom: 0px;
    }

    #top #pamphlet ul li a {
        line-height: 1;
        font-size: 0;
        text-decoration: none;
    }

    #top #pamphlet ul li a p {
        background-color: #fff;
        text-align: center;
        font-size: 12px;
        margin: 0px;
    }

    #top #manual ul li a {
        text-decoration: none;
        width: 100%;
        display: block;
        text-align: center;
        padding: 20px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #top #manual ul li a p {
        letter-spacing: normal;
        color: #fff;
        text-align: center;
        margin: 0;
    }

    .single-information .title {
        text-align: left !important;
        line-height: 130% !important;
    }

    .single-information h2 {
        background-color: #f2f2f2 !important;
        border-left: 5px solid #00468c;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .single-information h3 {
        border-left: 5px solid #00468c;
        padding: 3px 10px;
        margin: 10px 0px;
    }

    .single-information h4 {
        font-size: 120% !important;
    }

    .single-information .notice {
        background-color: #fafafa;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .average_correction_factor {
        text-align: center;
        margin: 0px auto;
        border: 2px solid #ccc;
        padding: 15px;
    }

    .average_correction_factor .wrapper {
        display: inline-block;
        text-align: center;
        margin: 0px auto;
    }

    .average_correction_factor span {
        color: #f00;
    }

    .average_correction_factor h2 {
        color: #46beaa;
        text-align: center;
        font-size: 160%;
        margin: 0px;
    }

    .average_correction_factor ul {
        margin: 10px auto 0px auto;
        padding: 0px;
    }

    .average_correction_factor li {
        list-style: none;
        font-size: 120%;
        margin-top: 5px;
    }

    .toc_list>li {
        margin-top: 10px !important;
    }

    p.toc_title {
        font-size: 150%;
    }

    #partners .main_visual+.wrapper.mlr10 {
        margin-top: -3.5%;
        letter-spacing: -.4em;
        /* 文字間を詰めて隙間をなくす */
        line-height: 1;
        font-size: 0;
    }

    #partners .main_visual+.wrapper.mlr10 .sp_tel img,
    #partners .main_visual+.wrapper.mlr10 .sp_mail img {}

    #partners .main_visual+.wrapper.mlr10 .sp_tel,
    #partners .main_visual+.wrapper.mlr10 .sp_mail {
        display: inline-block;
        letter-spacing: normal;
        /* 文字間を元に戻す */
        line-height: 1;
        font-size: 0;
    }

    #partners .content01 {
        margin-top: 10px;
        background-color: #c4dce8;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #partners .content01 img.left {
        float: none;
        width: 100%;
        height: auto;
    }

    #partners .content01>img {
        margin-top: 10px;
    }

    #partners .content01 ul {
        padding: 0px;
        margin: 20px 0px 0px 0px;
    }

    #partners .content01 ul li {
        margin: 0 0px 10px 0px;
        display: table;
        width: 100%;
    }

    #partners .content01 ul li span {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        width: 16% !important;
        padding: 0;
        max-width: 90px !important;
    }

    #partners .content01 .left {
        margin-top: 20px;
    }

    #partners .content01 ul li p {
        display: table-cell;
        padding-left: 10px;
        text-align: left;
        vertical-align: middle;
        font-size: 180%;
        font-weight: bold;
        line-height: 130%;
    }

    #partners .content01 .clearfix p span {
        color: #00468c;
        font-size: 180% !important;
        font-weight: bold;
    }

    #partners .products {
        padding-bottom: 10px;
    }

    #partners .products ul {
        margin: 0px 0px 10px 0px;
        padding: 0px;
        letter-spacing: -.4em;
        /* 文字間を詰めて隙間をなくす */
    }

    #partners .products ul li {
        width: 50%;
        display: inline-block;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
        margin-right: 0px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #partners .products ul li:nth-child(1),
    #partners .products ul li:nth-child(3) {
        padding-right: 5px;
    }

    #partners .products ul li:nth-child(2n) {
        padding-left: 5px;
    }

    #partners .products ul li:last-child {
        margin-right: 0px;
    }

    #partners .products ul li .wrapper {
        background-color: #e6e6e6;
        padding: 10px;
    }

    #partners .products ul li a {
        text-decoration: none;
    }

    #partners .products ul li h2 {
        font-size: 140%;
        line-height: 130%;
        padding: 2% 0px;
        margin: 0;
        text-align: center;
        background-image: url("../images/partners/gradation.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        color: #fff;
        text-shadow: 0px 0px 5px #00468c;
    }

    #partners .products ul li p {
        text-align: center;
        font-size: 110%;
        margin: 10px 0px 0px 0px;
    }

    #partners .merit ul {
        margin: 10px 0px 0px 0px;
        padding: 0px;
        letter-spacing: -.4em;
        /* 文字間を詰めて隙間をなくす */
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #partners .merit ul li {
        display: inline-block;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
        margin-bottom: 10px;
    }

    #partners .merit ul li h2 {
        display: table-cell;
        padding-left: 10px;
        text-align: left;
        vertical-align: middle;
        font-size: 180%;
        font-weight: bold;
        line-height: 130%;
    }

    #partners .merit ul li p {
        margin-top: 0px;
    }

    #partners .merit ul li p:last-child {
        margin-bottom: 0px;
    }

    #partners .merit ul li .wrapper span {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        width: 15% !important;
        padding: 0;
        max-width: 80px !important;
    }

    #partners .merit ul li p span {
        color: #0068b7;
    }

    #partners .merit ul li .wrapper {
        margin: 0 0px 0px 0px;
        display: table;
        width: 100%;
        table-layout: fixed;
        word-break: break-all;
        word-wrap: break-word;
    }

    .to_contact_arrow02 {
        width: 100%;
        min-width: 200px;
        margin: 0px 0px 10px 0px;
    }

    #top .partners {
        margin-top: 10px;
        display: block;
    }

    ul.manual {
        padding: 0px;
        margin: 0px 0px;
        letter-spacing: -.4em;
        line-height: 1;
        font-size: 0;
    }

    #pamphlet ul.manual {
        text-align: left !important;
    }

    ul.manual li {
        list-style: none;
        letter-spacing: normal;
        line-height: 1;
        font-size: 0;
        margin-bottom: 10px;
    }

    #top ul.manual li a {
        line-height: 1;
        font-size: 0;
    }

    #dpf .text_block .left,
    #dieselpro .wrapper .left {
        float: none;
        margin-bottom: 0px;
        width: 100%;
        height: auto;
    }

    #dpf .text_block .right,
    #dieselpro .wrapper .right {
        float: none;
        margin-bottom: 0px;
        width: 100%;
        height: auto;
    }

    #dpf .catch02 {
        font-size: 150%;
        margin: 20px 0px 10px 0px;
        font-weight: bold !important;
        color: #0068b7;
    }

    #dpf .trouble ul {
        padding: 0;
        list-style: none;
        letter-spacing: -3em;
    }

    #dpf .trouble ul li {
        background-image: url("../images/dpf/trouble_bg.png");
        letter-spacing: normal;
        width: 100%;
        margin-bottom: 5px;
        background-size: 100% 100%;
        padding: 10px 10px 10px 10px;
        text-align: center;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dpf .trouble ul li p {
        width: 100%;
        margin: 0px;
        vertical-align: middle;
        color: #fff;
        text-align: center;
        font-size: 130%;
        line-height: 130%;
    }

    #dieselpro .text_block .wrapper {
        background-color: #a0dcbe;
        position: relative;
        padding: 4% 4% 4% 4%;
        margin-top: 10px;
    }

    #dieselpro .engine_trouble img.ab {
        width: 2em;
        height: auto;
        left: 0;
        top: -0.7em;
    }

    #dieselpro .engine_trouble p.catch02 {
        margin: 0px 0px 10px -10px;
        padding: 0px 0px 0px 2.4em;
        font-size: 180%;
        width: 100%;
        color: #0068b7;
        font-weight: bold;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dieselpro .howto {
        margin-bottom: 10px;
    }

    #dieselpro .howto img.ab {
        width: 2.4em;
        height: auto;
        left: 0;
        top: -0.8em;
    }

    #dieselpro .howto p.catch02 {
        margin: 0px 0px 10px -10px;
        padding: 0px 0px 0px 2.4em;
        font-size: 180%;
        width: 100%;
        color: #0068b7;
        font-weight: bold;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }


    #dieselpro .trouble img.ab {
        width: 2em;
        height: auto;
        left: 0;
        top: -0.7em;
    }

    #dieselpro .trouble p.catch02 {
        margin: 0px 0px 10px -10px;
        padding: 0px 0px 0px 2.4em;
        font-size: 180%;
        width: 100%;
        color: #0068b7;
        font-weight: bold;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dieselpro .effectiveness .wrapper {
        background-color: #ececec;
        position: relative;
        padding: 4% 4% 4% 4%;
        margin-top: 0px;
    }

    #dieselpro .effectiveness .wrapper p.catch02 {
        color: #00468c;
        font-size: 180%;
        line-height: 130%;
        margin: 0px 0px 0px 0px;
        font-weight: bold;
    }

    #dieselpro .text_block .wrapper ul {
        padding: 0;
        list-style: none;
        letter-spacing: -3em;
        text-align: left;
    }

    #dieselpro .text_block .wrapper ul li {
        background-color: #0068b7;
        font-weight: bold;
        display: inline-block;
        letter-spacing: normal;
        width: 100%;
        margin-bottom: 2%;
        background-size: 100% 100%;
        padding: 3% 0px 3% 0px;
        text-align: center;
        font-size: 130%;
        color: #fff;
        /* border-radius */
        border-radius: 3px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    #dpf .stable img.ab {
        width: 2em;
        height: auto;
        left: 0;
        top: -0.6em;
    }

    #dpf .stable p.catch02 {
        margin: 0px 0px 10px -10px;
        padding: 0px 0px 0px 2.4em;
        font-size: 180%;
        width: 100%;
        color: #0068b7;
        font-weight: bold;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dpf .cost_cut img.ab {
        width: 2.4em;
        height: auto;
        left: 0;
        top: -0.8em;
    }

    #dpf .cost_cut p.catch02 {
        margin: 0px 0px 10px -10px;
        padding: 0px 0px 0px 2.4em;
        font-size: 180%;
        width: 100%;
        color: #0068b7;
        font-weight: bold;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dieselpro .effectiveness .wrapper {
        background-color: #ececec;
        position: relative;
        padding: 4% 4% 4% 4%;
        margin-top: 0px;
    }

    #top .topBnr5 .partners {
        margin-right: 4px;
    }

    #top .topBnr5 .partners:last-of-type {
        margin-right: 0;
    }

    #manga .arrow {
        width: 60%;
        margin: 0 auto;
    }

    #manga .demo {
        width: 90%;
        margin: 0 auto 12px;
    }

    #manga .demo img {
        vertical-align: bottom;
    }

    #manga .link-wrap {
        width: 90%;
        margin: 0 auto;
    }

    #manga .link-wrap .link:nth-of-type(1) {
        margin-bottom: 12px;
    }

    #manga .link-wrap img {
        vertical-align: bottom;
    }

}

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




.topBnr2 {
    width: 100%;
}

.topBnr2 {
    white-space: nowrap;

}

.topBnr3 img {
    width: 67%;
    margin-right: 2px !important;
}

.topBnr4 img {
    width: 32%;
}

.topBnr4 {}

@media screen and (max-width: 667px) {
    #agency_archive h1.title {
        padding: 0 !important;
        background: none !important;
        margin-bottom: 20px !important;
    }

    #agency_archive .movie_collection {
        display: block;
        padding-bottom: 20px;
    }

    #agency_archive .movie_collection>div {
        width: 100%;
        padding: 20px;
    }

    #agency_archive .movie_collection a {
        font-size: 16px;
    }
}