#footer_inc h2 {font-weight: bold;}

@media (min-width:768px){
    /* 画面幅768ピクセル以上：PC表示 */

    body{
        font-family: "Noto Sans JP", sans-serif;
        color: #000000;
        font-size: 1.6rem;
        line-height: 1.6em;
        width: 100%;
        min-width: 980px;
    }
    h3 {
        border: 0;
        padding: 0;
    }
    #header_inc {
        font-size: 1.6rem;
        line-height: 1;
    }
    #footer_inc {
        font-size: 1.6rem;
        line-height: 1;
    }
    strong {
        font-weight: bold;
    }
    .section-footer-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .footer-wrapper {
        display:none;
    }
    .footer-contact {
        display: none;
    }
    .footerinfo-wrap {
        display: none;
    }
    #copyright {
        display: none;
    }

    .section-footer-bg {
        height:220px;
    }
    .section-footer {
        width: 980px;
        position:relative;
        margin: 0 auto;
        color: #313131;
    }
    .section-footer .logo-sezax {
        background:url(../../img/footer/icon-sezax.png) no-repeat left top;
        width:95px;
        height:33px;
        position: absolute;
        margin: 40px 0 0 5px;
        padding: 0;
    }
    .section-footer .button-sezax {
        background:url(../../img/footer/officeinfo-button.png) no-repeat left top;
        width:185px;
        height:37px;
        position: absolute;
        margin: 40px 0 0 790px;
        padding: 0;
    }
    .section-footer .button-top {
        background:url(../../img/footer/pagetop-manual.png) no-repeat left top;
        width:52px;
        height:52px;
        position: absolute;
        margin: -30px 0 0 915px;
        padding: 0;
    }
    .section-footer .text-1 {
        position: absolute;
        margin: 30px 0 0 130px;
        font-size: 12px;
        line-height: 20px;
    }
    .section-footer .text-1 strong {
        font-size: 18px;
        font-weight: bold;
    }
    .section-footer .border {
        position: absolute;
        margin: 110px 0 0 0;
        width: 980px;
        border: 1px solid #d5d5d5;
    }
    .section-footer .border-v {
        position: absolute;
        margin: 131px 0 0 135px;
        width: 1px;
        height: 18px;
        border-left: 2px solid #d5d5d5;
    }
    .section-footer .text-2 {
        position: absolute;
        margin: 130px 0 0 5px;
        font-size: 12px;
        line-height: 20px;
    }
    .section-footer .text-3 {
        position: absolute;
        margin: 130px 0 0 150px;
        font-size: 12px;
        line-height: 20px;
    }
    .section-footer .text-4 {
        position: absolute;
        margin: 130px 0 0 585px;
        font-size: 12px;
        line-height: 18px;
    }
    .section-footer .logo-fsc {
        background:url(../../img/footer/icon-fsc-new.png) no-repeat left top;
        background-size: 49px 74px;
        width:49px;
        height:74px;
        position: absolute;
        margin: 130px 0 0 840px;
        padding: 0;
    }
    @media \9screen {
        .section-footer .logo-fsc {
            background:url(../../img/footer/icon-fsc.png) no-repeat left top;
            width:49px;
            height:73px;
        }
    }
    .section-footer .logo-jic {
        background:url(../../img/footer/icon-jic.png) no-repeat left top;
        width:63px;
        height:68px;
        position: absolute;
        margin: 130px 0 0 910px;
        padding: 0;
    }
    .section-footer .logo-new-window {
        display: inline-block;
        background:url(../../img/footer/icon-target-blank.png) no-repeat center top;
        width:10px;
        height:8px;
        padding: 0 5px 0 5px;
    }
    .section-footer-line {
        height: 34px;
        width: 100%;
        background-color: #a1a6aa;
        text-align: center;
        line-height: 34px;
        font-size: 12px;
        color: #ffffff;
    }
    #header_inc img, #footer_inc img {
        vertical-align: middle;
    }

}
@media (max-width:767px){
    /* 画面幅768未満：モバイル向け表示 */
    body{
        font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
        color: #000000;
        font-size: 12px;
        line-height: 1.6em;
        width: 100%;
        max-width: 767px;
    }
    h3 {
        border: 0;
        padding: 0;
    }
    strong {
        font-weight: bold;
    }
    #footer_inc #contact .contact_wrap p {margin: 0;}
    #footer_inc #contact .contact_wrap * {line-height: 1;}
    #footer_inc #contact .contact_tell p:first-child {margin-bottom: 1em;}
    #footer_inc #contact .contact_web .txt p {line-height: 1.2;}
    #footer_inc .footer_item_wrap .item .txt-area {font-size: 1.6rem;}
}


/* web */
@media (min-width:768px){
    /* 画面幅768ピクセル以上：PC表示 */

    .content-web {
        color: #265e91;
    }

    .content-web h1,
    .content-web h2,
    .content-web h3 {
        font-weight: normal;
    }

    .content-web .marker-yellow {
        background-color: #ffff01;
    }

    .content-web .section-info-wrapper {
        background-color: #b1d5ef;
    }
    .content-web .section-info {
        background:url(../../img/web/web-main1-info.jpg) no-repeat left top;
        width:980px;
        height:424px;
        position:relative;
        margin: 0 auto;
    }
    .content-web .section-info-wrapper .badge {
        background:url(/img/web/contact-ex.png) no-repeat left top;
        width:180px;
        height:186px;
        position: absolute;
        margin: 15px 0 0 5px;
    }
    .content-web .section-info-wrapper .badge:empty {
        display: block;
    }
    .content-web .section-info-wrapper .text-1 {
        position: absolute;
        margin: 45px 0 0 275px;
        font-size: 26px;
        line-height: 32px;
        text-align: center;
    }
    .content-web .section-info-wrapper .text-2 {
        position: absolute;
        margin: 270px 0 0 222px;
        text-align: center;
    }
    .content-web .section-info-wrapper .text-3 {
        background:url(../../img/web/contact-button.png) no-repeat left top;
        width:367px;
        height:75px;
        position: absolute;
        margin: 300px 0 0 122px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-web .section-info-wrapper .text-3:hover {
        background:url(../../img/web/contact-button_on.png) no-repeat left top;
    }
    .content-web .section-info-wrapper .text-4 {
        position: absolute;
        margin: 270px 0 0 602px;
        text-align: center;
    }
    .content-web .section-info-wrapper .text-5 {
        background:url(../../img/web/contact-button-w.png) no-repeat left top;
        width:367px;
        height:75px;
        position: absolute;
        margin: 300px 0 0 500px;
        padding: 20px 0 0 0;
        font-size: 13px;
        text-align: center;
    }
    .content-web .section-info-wrapper .text-5 strong {
        font-size: 26px;
        font-weight: normal;
    }

    .content-web .section-1-wrapper {
        background: url(../img/web/web-main1-header_2.jpg) no-repeat center top;
    }
    .content-web .section-1 {
        width:980px;
        height:690px;
        position:relative;
        margin: 0 auto;
    }
    .content-web .section-1 .text-1 {
        width: 280px;
        position: absolute;
        margin: 18px 0 0 76px;
        font-size: 14px;
    }
    .content-web .section-1 .text-1 strong {
        font-weight: bold;
        font-size: 22px;
        line-height: 30px;
    }
    .content-web .section-1 .text-2 {
        width: 280px;
        position: absolute;
        margin: 18px 0 0 532px;
        font-size: 14px;
    }
    .content-web .section-1 .text-2 strong {
        font-weight: bold;
        font-size: 22px;
        line-height: 28px;
    }
    .content-web .section-1 .text-3 {
        background:url(../../img/web/contact-button-s.png) no-repeat right top;
        width: 202px;
        background-size: 95%;
        height: 50px;
        position: absolute;
        margin-top: 20px;
        padding: 28px 0 0 0;
        font-size: 22px;
        right: 0.3em;
        text-align: center;
    }
    .content-web .section-1 .text-3:hover {
        background:url(../../img/web/contact-button-s_on.png) no-repeat center top;
    }
    .content-web .section-1 .text-4 {
        position: absolute;
        margin: 145px 0 0 100px;
        font-size: 30px;
        line-height: 32px;
    }

    .content-web .section-2 {
        background:url(../../img/web/web-main1.jpg) no-repeat left top;
        width:980px;
        height:591px;
        position:relative;
        margin: 0 auto;
    }
    .content-web .section-2 .text-1 {
        position: absolute;
        margin: 25px 0 0 50px;
        font-size: 30px;
        line-height: 32px;
    }
    .content-web .section-2 .text-2 {
        width: 270px;
        position: absolute;
        margin: 314px 0 0 22px;
        text-align: center;
        font-size: 1.17em;
    }
    .content-web .section-2 .text-2 strong {
        font-weight: bold;
        font-size: 26px;
        line-height: 46px;
    }
    .content-web .section-2 .text-3 {
        width: 270px;
        position: absolute;
        margin: 430px 0 0 22px;
        font-size: 13px;
    }
    .content-web .section-2 .text-4 {
        width: 290px;
        position: absolute;
        margin: 314px 0 0 353px;
        text-align: center;
        font-size: 1.17em;
    }
    .content-web .section-2 .text-4 strong {
        font-weight: bold;
        font-size: 26px;
        line-height: 46px;
    }
    .content-web .section-2 .text-5 {
        width: 270px;
        position: absolute;
        margin: 430px 0 0 353px;
        font-size: 13px;
    }
    .content-web .section-2 .text-6 {
        width: 280px;
        position: absolute;
        margin: 314px 0 0 684px;
        text-align: center;
        font-size: 1.17em;
    }
    .content-web .section-2 .text-6 strong {
        font-weight: bold;
        font-size: 26px;
        line-height: 46px;
    }
    .content-web .section-2 .text-7 {
        width: 270px;
        position: absolute;
        margin: 430px 0 0 695px;
        font-size: 13px;
    }
    .content-web .section-3 {
        background:url(../../img/web/web-main2.jpg) no-repeat left top;
        width:980px;
        height:1011px;
        position:relative;
        margin: 0 auto;
    }
    .content-web .section-3 .text-1 {
        position: absolute;
        margin: 50px 0 0 165px;
        font-size: 30px;
        line-height: 32px;
        text-align: center;
    }
    .content-web .section-3 .text-2 {
        width: 400px;
        position: absolute;
        margin: 270px 0 0 300px;
        font-weight: bold;
        font-size: 24px;
    }
    .content-web .section-3 .text-3 {
        width: 600px;
        position: absolute;
        margin: 300px 0 0 300px;
        font-size: 14px;
        line-height: 22px;
    }
    .content-web .section-3 .text-4 {
        width: 400px;
        position: absolute;
        margin: 530px 0 0 420px;
        font-weight: bold;
        font-size: 24px;
    }
    .content-web .section-3 .text-5 {
        width: 530px;
        position: absolute;
        margin: 560px 0 0 420px;
        font-size: 14px;
        line-height: 22px;
    }
    .content-web .section-3 .text-6 {
        width: 400px;
        position: absolute;
        margin: 795px 0 0 300px;
        font-weight: bold;
        font-size: 24px;
    }
    .content-web .section-3 .text-7 {
        width: 600px;
        position: absolute;
        margin: 825px 0 0 300px;
        font-size: 14px;
        line-height: 22px;
    }

    .content-web .section-4 {
        background:url(../../img/web/web-main3.jpg) no-repeat left top;
        width:980px;
        height:860px;
        position:relative;
        margin: 0 auto;
    }
    .content-web .section-4 .text-1 {
        position: absolute;
        margin: 68px 0 0 364px;
        font-size: 30px;
        line-height: 32px;
        text-align: center;
    }
    .content-web .section-4 .text-2 {
        width: 700px;
        position: absolute;
        margin: 270px 0 0 215px;
        font-weight: bold;
        font-size: 24px;
    }
    .content-web .section-4 .text-3 {
        width: 720px;
        position: absolute;
        margin: 305px 0 0 215px;
        font-size: 14px;
        line-height: 22px;
    }
    .content-web .section-4 .text-4 {
        width: 720px;
        position: absolute;
        margin: 430px 0 0 215px;
        font-size: 14px;
        line-height: 22px;
        text-align: right;
        font-weight: bold;
    }
    .content-web .section-4 .text-5 {
        width: 700px;
        position: absolute;
        margin: 540px 0 0 215px;
        font-weight: bold;
        font-size: 24px;
    }
    .content-web .section-4 .text-6 {
        width: 720px;
        position: absolute;
        margin: 580px 0 0 215px;
        font-size: 14px;
        line-height: 22px;
    }
    .content-web .section-4 .text-7 {
        width: 720px;
        position: absolute;
        margin: 710px 0 0 215px;
        font-size: 14px;
        line-height: 22px;
        text-align: right;
        font-weight: bold;
    }
    .content-web .section-4 .text-8 {
        background:url(../../img/web/case-button.png) no-repeat left top;
        width:200px;
        height:50px;
        position: absolute;
        margin: 770px 0 0 735px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-web .section-4 .text-8:hover {
        background:url(../../img/web/case-button_on.png) no-repeat left top;
    }

    .content-web .section-5 {
        background:url(../../img/web/web-main4.jpg) no-repeat left top;
        width:980px;
        height:749px;
        position:relative;
        margin: 0 auto;
    }
    .content-web .section-5 .text-1 {
        position: absolute;
        margin: 68px 0 0 364px;
        font-size: 30px;
        line-height: 0;
        text-align: center;
    }
    .content-web .section-5 .text-2 {
        background:url(../../img/service/service_degital.jpg) no-repeat left top;
        background-size: 90%;
        width:50%;
        height:150px;
        position: absolute;
        margin-top: 110px;
        font-size: 22px;
        left:1em;
        text-align: center;
        cursor: pointer;
    }
    .content-web .section-5 .text-2:hover {
        background:url(../../img/service/service_degital_on.jpg) no-repeat left top;
    }
    .content-web .section-5 .text-3 {
        width:45%;
        position: absolute;
        margin: 260px 0 0 1.5em;
        font-size: 14px;
        line-height: 22px;
    }
    .content-web .section-5 .text-4 {
        background:url(../../img/service/service_graphic.jpg) no-repeat right top;
        background-size: 90%;
        width:50%;
        height:150px;
        position: absolute;
        margin-top: 110px;
        font-size: 22px;
        right: 1em;
        text-align: center;
        cursor: pointer;
    }
    .content-web .section-5 .text-4:hover {
        background:url(../../img/service/service_graphic_on.jpg) no-repeat left top;
    }
    .content-web .section-5 .text-5 {
        width:45%;
        position: absolute;
        margin: 260px 0 0 37em;
        font-size: 14px;
        line-height: 22px;
    }
    .content-web .section-5 .text-6 {
        position: absolute;
        margin: 425px 0 0 435px;
        font-size: 30px;
        line-height: 32px;
        text-align: center;
    }
    .content-web .section-5 .text-7 {
        position: absolute;
        margin: 485px 0 0 100px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-web .section-5 .text-7 .title {
        font-weight: bold;
        margin: 0 50px 0 0;
    }
    .content-web .section-5 .text-8 {
        position: absolute;
        margin: 485px 0 0 520px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-web .section-5 .text-8 .title {
        font-weight: bold;
        margin: 0 34px 0 0;
    }
    .content-web .section-5 .text-9 {
        position: absolute;
        margin: 540px 0 0 100px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-web .section-5 .text-9 .title {
        font-weight: bold;
        margin: 0 50px 0 0;
    }
    .content-web .section-5 .text-10 {
        position: absolute;
        margin: 540px 0 0 520px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-web .section-5 .text-10 .title {
        font-weight: bold;
        margin: 0 50px 0 0;
    }

    .content-web .section-6 {
        background:url(../../img/web/bottom-line.png) repeat-x left top;
        width:100%;
        height:111px;
        position:relative;
        margin: 0 auto;
    }

    .content-web .section-footer .button-top {
        background:url(../../img/footer/pagetop-web.png) no-repeat left top;
    }
    .content-web .section-footer-line {
        background-color: #1d5894;
        color: #ffffff;
    }

}
@media (max-width:767px){
    /* 画面幅768未満：モバイル向け表示 */


    .content-web {
        color: #265e91;
    }

    .content-web h1,
    .content-web h2,
    .content-web h3 {
        font-weight: normal;
    }

    .content-web .marker-yellow {
        background-color: #ffff01;
    }

    .content-web .section-info-wrapper {
        background-color: #b1d5ef;
        background-size:cover;
        width:auto;
        max-width:100%;
        height:auto;
        padding:5% 0 0 0;
    }
    .content-web .section-info-wrapper .badge {
        background:url(../../img/web/contact-ex-2.png) no-repeat left top;
        background-size:100%;
        height:10%;
        position: relative;
        margin: 0 0 0 3%;
        padding:20% 18%;
        float:left;
        display: block;
    }
    .content-web .section-info-wrapper .text-1 {
        position: relative;
        margin: 8% 4% 15% 4%;
        padding:8% 0 0 0;
        font-size: 1.2em;
        line-height: 1.8;
        text-align: center;
    }
    .content-web .section-info-wrapper .text-2 {
        background:url(../../img/web/contact-mail.png) no-repeat left top;
        background-size:16%;
        width: 88%;
        margin: 10% auto 6%;
        padding:4.5% 0% 6% 13%;
        text-align:center;
        font-size: 1.6em;
    }
    .content-web .section-info-wrapper .text-3 {
        background:url(../img/web/contact-button.png) no-repeat center top;
        background-size:100%;
        width:90%;
        height:auto;
        margin: 0 auto;
        padding: 18% 0 0 0;
        cursor: pointer;
    }
    .content-web .section-info-wrapper .text-3:hover {
        background:url(../../img/web/contact-button_on.png) no-repeat left top;
    }
    .content-web .section-info-wrapper .text-4 {
        background:url(../img/web/contact-tell.png) no-repeat left top;
        background-size:16%;
        width: 88%;
        margin: 10% auto 6%;
        padding:4.5% 0% 6% 11%;
        text-align:center;
        font-size: 1.6em;
    }
    .content-web .section-info-wrapper .text-5 {
        background:url(../../img/web/contact-button-w.png) no-repeat center top;
        background-size:100%;
        width:90%;
        height:auto;
        margin: 0 auto;
        padding: 2% 0 20% 0;
        font-size: 86%;
        line-height: 1.3;
        text-align: center;
        cursor: pointer;
    }
    .content-web .section-info-wrapper .text-5 strong {
        font-size: 26px;
        font-weight: normal;
    }

    .content-web .section-1-wrapper {
        background: url(../../img/web/web-main1-header-2.jpg) no-repeat center top;
        margin:0;
    }
    .content-web .section-1 {
        width:auto;
        height:681px;
        position:relative;
        margin: 0 auto;
    }
    .content-web .section-1 .text-1 {
        width: 55%;
        position: relative;
        margin: 3% 0 0 2%;
        font-size: 0.85em;
        float:left;
        line-height: 1.7;
    }
    .content-web .section-1 .text-1 strong {
        font-weight: bold;
        font-size: 1.2em;
    }
    .content-web .section-1 .text-2 {
        width: 50%;
        position: relative;
        margin: 3% 0 0 5%;
        font-size: 14px;
        display:none;
    }
    .content-web .section-1 .text-2 strong {
        font-weight: bold;
        font-size: 22px;
        line-height: 28px;
    }
    .content-web .section-1 .text-3 {
        background:url(../../img/web/contact-button-s.png) no-repeat right top;
        background-size:100%;
        width:40%;
        margin: 3% 1% 0 0;
        padding: 10% 0 0 0;
        float:right;
    }
    .content-web .section-1 .text-3:hover {
        background:url(../../img/web/contact-button-s_on.png) no-repeat center top;
    }
    .content-web .section-1 .text-4 {
        position: relative;
        width:auto;
        padding: 13% 0 20%;
        font-size: 1.6em;
        line-height: 2;
        text-align:center;
        clear:both;
        font-weight: bold;
        margin: 0;
    }

    .content-web .section-2 {
        background:#ffffff;
        background-size:cover;
        width:auto;
        height:auto;
        position:relative;
        margin: 0 auto;
    }
    .content-web .section-2 .text-1 {
        position: relative;
        margin: 10% 3%;
        font-size: 1.7em;
        line-height: 1.6em;
        text-align:center;
    }
    .content-web .section-2 .text-2 {
        background:url(../../img/web/main1-1.png)no-repeat center top;
        background-size:80%;
        font-size:1.4em;
        line-height: 1.5;
        padding:55% 0% 12% 0%;
        margin:0 5% 0 5%;
        width: auto;
        position: relative;
        text-align:center;
    }
    .content-web .section-2 .text-3 {
        margin: 0 8% 20%;
    }
    .content-web .section-2 .text-4 {
        background:url(../../img/web/main1-2.png)no-repeat center top;
        background-size:80%;
        font-size:1.4em;
        line-height: 1.5;
        padding:55% 0% 12% 0%;
        margin:0 5% 0 5%;
        width: auto;
        position: relative;
        text-align:center;
    }
    .content-web .section-2 .text-4 strong {
        font-weight: bold;
        font-size: 120%;
    }
    .content-web .section-2 .text-5 {
        margin: 0 8% 10%;
    }
    .content-web .section-2 .text-6 {
        background:url(../../img/web/main1-1.png)no-repeat center top;
        background-size:80%;
        font-size:1.4em;
        line-height: 1.5;
        padding:55% 0% 12% 0%;
        margin:0 5% 0 5%;
        width: auto;
        position: relative;
        text-align:center;
    }
    .content-web .section-2 .text-6 strong {
        font-weight: bold;
        font-size: 120%;
    }
    .content-web .section-2 .text-7 {
        margin: 0 8% 20%;
    }

    .content-web .section-3 {
        background:#ffffff;
        background-size:cover;
        max-width:100%;
        width:auto;
        height:auto;
        position:relative;
        margin: 0;
    }
    .content-web .section-3 .text-1 {
        background:url(../../img/web/section3-1.png) no-repeat center top;
        background-size:100%;
        width: auto;
        position: relative;
        margin: 17% 1% 0 1%;
        padding:3% 0 30% 0;
        font-size: 1.5em;
        line-height: 1.6em;
        text-align: center;
    }
    .content-web .section-3 .text-2 {
        background:url(../../img/web/main2-1-2.png) no-repeat left top;
        background-size:43%;
        margin: 5% 0 0 6%;
        padding:12% 6% 10%;
        font-weight: bold;
        font-size: 1.7em;
        line-height: 1.8;
        text-align: right;
    }
    .content-web .section-3 .text-3 {
        width: auto;
        position: relative;
        margin: 5% 6% 20%;
    }
    .content-web .section-3 .text-4 {
        background:url(../../img/web/main2-2-2.png) no-repeat left top;
        background-size:43%;
        margin: 5% 0 0 6%;
        padding:14% 6% 20%;
        font-weight: bold;
        font-size: 1.7em;
        line-height: 1.8;
        text-align: right;
    }
    .content-web .section-3 .text-5 {
        width: auto;
        position: relative;
        margin: 5% 6% 20%;
    }
    .content-web .section-3 .text-6 {
        background:url(../../img/web/main2-3-2.png) no-repeat left top;
        background-size:43%;
        margin: 5% 0 0 6%;
        padding:12% 6% 10%;
        font-weight: bold;
        font-size: 1.7em;
        line-height: 1.8;
        text-align: right;
    }
    .content-web .section-3 .text-7 {
        width: auto;
        position: relative;
        margin: 5% 6% 20%;
    }

    .content-web .section-4 {
        background:#ffffff;
        background-size:cover;
        width:auto;
        height:auto;
        position:relative;
        margin: 0;
    }
    .content-web .section-4 .text-1 {
        background:url(../../img/web/section3-1.png) no-repeat center top;
        background-size:100%;
        margin: 10% 1% 0 1%;
        padding: 8% 0 30% 0;
        font-size: 1.5em;
        line-height: 1.6em;
        text-align: center;
    }
    .content-web .section-4 .text-2 {
        background:url(../img/web/main3-1-2.png) no-repeat left top;
        background-size:43%;
        margin: 5% 0 0 6%;
        padding:10% 6% 12% 10%;
        font-weight: bold;
        font-size: 1.4em;
        line-height: 1.8;
        text-align: right;
    }
    .content-web .section-4 .text-3 {
        width: auto;
        position: relative;
        margin: 0% 6% 5% 6%;
    }
    .content-web .section-4 .text-4 {
        margin:  0 6% 0 0;
        font-size: 80%;
        line-height: 1.4em;
        text-align: right;
        font-weight: bold;
    }
    .content-web .section-4 .text-5 {
        background:url(../img/web/main3-2-2.png) no-repeat left top;
        background-size:43%;
        margin: 12% 0 0 3%;
        padding:10% 4% 12% 10%;
        font-weight: bold;
        font-size: 1.4em;
        line-height: 1.8;
        text-align: right;
    }
    .content-web .section-4 .text-6 {
        width: auto;
        position: relative;
        margin: 0% 6% 5% 6%;
        font-size: 103%;
        line-height: 130%;
    }
    .content-web .section-4 .text-7 {
        width: auto;
        position: relative;
        margin: 0 3% 12% 0;
        font-size: 80%;
        line-height: 130%;
        text-align: right;
        font-weight: bold;
    }
    .content-web .section-4 .text-8 {
        background:url(../../img/web/case-button.png) no-repeat center top;
        background-size:92%;
        width:auto;
        height:auto;
        position: relative;
        margin: 0% 4% 20% 4%;
        padding: 4% 0 17% 0;
        font-size: 85%;
        text-align: center;
        cursor: pointer;
    }
    .content-web .section-4 .text-8:hover {
        background:url(../../img/web/case-button_on.png) no-repeat center top;
    }

    .content-web .section-5 {
        background:#ffffff;
        background-size:cover;
        width:auto;
        height:auto;
        position:relative;
        margin: 0 auto;
        padding: 0 ;
    }
    .content-web .section-5 .text-1 {
        position: relative;
        width:auto;
        margin: 20% 0 0 0;
        font-size: 180%;
        line-height: 130%;
        text-align: center;
    }
    .content-web .section-5 .text-2 {
        background:url(../../img/service/service_degital.jpg) no-repeat center top;
        background-size:contain;
        width:auto;
        height:auto;
        position: relative;
        margin: 15% 5% 0 5%;
        padding: 30% 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-web .section-5 .text-2:hover {
        background:url(../../img/service/service_degital_on.jpg) no-repeat left top;
    }
    .content-web .section-5 .text-3 {
        width:auto;
        position: relative;
        margin: 2% 5% 15% 5%;
        font-size: 81%;
        line-height: 130%;
    }
    .content-web .section-5 .text-4 {
        background:url(../../img/service/service_graphic.jpg) no-repeat center top;
        background-size:contain;
        width:auto;
        height:auto;
        position: relative;
        margin: 15% 5% 0 5%;
        padding: 30% 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-web .section-5 .text-4:hover {
        background:url(../../img/service/service_graphic_on.jpg) no-repeat left top;
    }
    .content-web .section-5 .text-5 {
        width:auto;
        position: relative;
        margin: 2% 5% 15% 5%;
        font-size: 81%;
        line-height: 130%;
    }
    .content-web .section-5 .text-6 {
        position: relative;
        margin: 20% 0 0 0;
        font-size: 200%;
        line-height: 130%;
        text-align: center;
    }
    .content-web .section-5 .text-7 {
        width:auto;
        position: relative;
        margin: 10% 0 0 0;
        padding:5% 0;
        font-size: 16px;
        line-height: 22px;
        border-top:1px dashed #add8e6;
        border-bottom:1px dashed #add8e6;
    }
    .content-web .section-5 .text-7 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-web .section-5 .text-8 {
        width:auto;
        position: relative;
        margin: 0% 0 0 0;
        padding:5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom:1px dashed #add8e6;
    }
    .content-web .section-5 .text-8 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-web .section-5 .text-9 {
        width:auto;
        position: relative;
        margin: 0% 0 0 0;
        padding:5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom:1px dashed #add8e6;
    }
    .content-web .section-5 .text-9 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-web .section-5 .text-10 {
        width:auto;
        position: relative;
        margin: 0% 0 15% 0;
        padding:5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom:1px dashed #add8e6;
    }
    .content-web .section-5 .text-10 .title {
        font-weight: bold;
        margin: 0 12% 0 8%;
    }

    .content-web .section-footer-wrapper {
        background:#ffffff;
        background-size:cover;
        width:auto;
        height:auto;
        padding:0;
    }
    .content-web .section-footer-bg {
        background:#ffffff;
        background-size:cover;
        width:auto;
        height:auto;
    }
    .content-web .section-footer .button-top {
        background:url(../../img/footer/pagetop-web.png) no-repeat left top;
    }
    .content-web .section-footer .text-1 {
        width:auto;
        margin:0 1% 0 1%;
        padding:0;
        font-size: 93%;
        line-height: 130%;
        text-align: center;
    }
    .content-web .section-footer .text-2 {
        width:auto;
        margin:10% 0 0 2%;
        font-size: 95%;
        line-height: 130%;
    }
    .content-web .section-footer .text-3 {
        width:auto;
        margin:4% 0 10% 2%;
        font-size: 95%;
        line-height: 130%;
    }
    .content-web .section-footer-line {
        background-color: #1d5894;
        color: #ffffff;
        font-size:90%;
        line-height: 130%;
        text-align: center;
    }
    .section-footer-wrapper {
        display:none;
    }
    .footer-wrapper {
        clear: both;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        background: transparent;
        box-sizing: border-box;
        line-height: 18px;
        font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    }
    #footerInc {
        display: block;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    .footer-wrapper .content-warapper {
        position: relative;
        padding: 0 10px;
        max-width: 980px;
        margin: 0 auto;
        width: 100%;
        border: 0;
        outline: 0;
        font-size: 100%;
        box-sizing: border-box;
    }
    .page-to-top {
        position: relative;
        top: -25px;
        float: right;
        cursor: pointer;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        box-sizing: border-box;
    }
    img {
        margin: 0;
        padding: 0;
        outline: 0;
        font-size: 100%;
        background: transparent;
        vertical-align: middle;
    }
    .footer-contact {
        background-color: #e8e9eb;
        color: #3a7fbc;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        box-sizing: border-box;
    }
    .footer-contact:before, .footer-contact:after {
        display: block;
        content: " ";
        clear: both;
    }
    .contact-section {
        max-width: 980px;
        display: table;
        position: relative;
        top: -35px;
        vertical-align: middle;
        margin: 0 auto;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        background: transparent;
        box-sizing: border-box;
    }
    .contact-form {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        background: transparent;
        box-sizing: border-box;
    }
    element.style {
        display: table-cell;
    }
    .contact-form div {
        padding: 5px;
    }
    img {
        border: 0;
        vertical-align: middle;
    }
    element.style {
        display: table-cell;
        vertical-align: middle;
    }
    element.style {
        font-size: 0.9em;
    }
    .contact-form div {
        padding: 5px;
    }
    .footer-contact-button {
        background-color: #005BAC;
        color: #FFFFFF;
        padding: 0;
        margin: 0 auto;
        clear: both;
    }
    .footer-contact-button a:visited {
        color: #ffffff;
    }
    a {
        text-decoration: none;
    }
    .footer-contact-button span {
        display: block;
        background-image: url(../../img/icon/popup-b.png);
        background-repeat: no-repeat;
        background-position: 98% 65%;
        padding: 10px 30px;
        margin: 0;
        color: #ffffff;
    }
    .contact-tell {
        display: block;
        width: 100%;
    }
    element.style {
        display: table-cell;
    }
    .contact-tell div {
        padding: 5px;
    }
    img {
        border: 0;
        vertical-align: middle;
    }
    element.style {
        display: table-cell;
        vertical-align: middle;
    }
    .contact-tell div {
        padding: 5px;
    }
    element.style {
        font-size: 1.3em;
        font-weight: bold;
    }
    .contact-tell div {
        padding: 5px;
    }
    element.style {
        font-size: 0.8em;
    }
    .contact-tell div {
        padding: 5px;
    }
    .footerinfo-wrap {
        max-width: 980px;
        margin: 0 auto;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        background: transparent;
        box-sizing: border-box;
        line-height: 18px;
    }
    .footer-nav {
        float: none;
        letter-spacing: -.40em;
        height: 100px;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        background: transparent;
        box-sizing: border-box;
    }
    ol, ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        background: transparent;
        box-sizing: border-box;
    }
    .footer-nav li {
        width: 25%;
        display: inline-block;
        letter-spacing: normal;
        text-align: center;
        padding: 10px 20px;
        box-sizing: border-box;
    }
    .footer-nav li a {
        color: #ABABAB;
    }
    a {
        background-color: transparent;
    }
    .footer-nav li+li {
        width: 25%;
        border-left: 1px solid #F2F2F4;
    }
    #copyright {
        padding: 10px 0;
        background-color: #8b98a0;
        color: #ffffff;
        font-size: 11px;
        text-align: center;
        line-height: 18px;
        font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    }
}



/* sales */
@media (min-width:768px){
    /* 画面幅768ピクセル以上：PC表示 */


    .content-sales h1,
    .content-sales h2,
    .content-sales h3 {
        font-weight: normal;
    }

    .content-sales .section-boader {
        background:url(../../img/sales/sales-line.png) repeat-x left top;
        width:100%;
        height:2px;
        position:relative;
        margin: 0 auto;
    }

    .content-sales .section-info-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-sales .section-info-bg {
        background:url(../../img/sales/sales-info.png) no-repeat center top;
        background-size: 154%;
        height: 380px;
        max-width: 980px;
        margin: 0 auto;
    }
    .content-sales .section-info {
        width:980px;
        position:relative;
        margin: 0 auto;
    }
    .content-sales .section-info .text-1 {
        width: 250px;
        position: absolute;
        margin: 40px 0 0 -30px;
        font-size: 20px;
        line-height: 22px;
        color: #9a68bf;
        text-align: center;
    }
    .content-sales .section-info .text-2 {
        width: 250px;
        position: absolute;
        margin: 102px 0 0 -28px;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
    }
    .content-sales .section-info .text-3 {
        width: 600px;
        position: absolute;
        margin: 60px 0 0 220px;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }
    .content-sales .section-info .text-4 {
        width: 400px;
        position: absolute;
        margin: 158px 0 0 70px;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }
    .content-sales .section-info .text-4 strong {
        font-weight: bold;
    }
    .content-sales .section-info .text-5 {
        background:url(../../img/sales/sales-form-button.png) no-repeat left top;
        width:380px;
        height:70px;
        position: absolute;
        margin: 220px 0 0 82px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-sales .section-info .text-5:hover {
        background:url(../../img/sales/sales-form-button_on.png) no-repeat left top;
    }
    .content-sales .section-info .text-6 {
        width: 400px;
        position: absolute;
        margin: 158px 0 0 510px;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }
    .content-sales .section-info .text-6 strong {
        font-weight: bold;
    }
    .content-sales .section-info .text-7 {
        width: 280px;
        position: absolute;
        margin: 225px 0 0 630px;
        font-size: 14px;
        line-height: 16px;
        color: #9a68bf;
    }
    .content-sales .section-info .text-7 strong {
        font-size: 32px;
        line-height: 36px;
    }


    .content-sales .section-header-wrapper {
        background-color: #EDF1D6;
        width: 100%;
    }
    .content-sales .section-header-bg {
        background: url(../img/sales/sales-header_2.png) no-repeat center top;
        height:90px;
    }
    .content-sales .section-header {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-sales .section-header .text-1 {
        position: absolute;
        margin: 18px 0 0 76px;
        font-size: 14px;
        color: #9a68bf;
    }
    .content-sales .section-header .text-1 strong {
        font-size: 22px;
        line-height: 30px;
        font-weight: normal;
    }
    .content-sales .section-header .text-1 strong .bold {
        font-weight: bold;
    }
    .content-sales .section-header .text-2 {
        position: absolute;
        margin: 18px 0 0 532px;
        font-size: 14px;
        color: #9a68bf;
    }
    .content-sales .section-header .text-2 strong {
        font-weight: bold;
        font-size: 22px;
        line-height: 28px;
    }
    .content-sales .section-header .text-3 {
        background:url(../../img/sales/sales-contact-button.png) no-repeat right top;
        background-size: 95%;
        width: 202px;
        height: 55px;
        position: absolute;
        margin-top: 20px;
        padding: 28px 0 0 0;
        right: 0.3em;
        text-align: center;
    }
    .content-sales .section-header .text-3:hover {
        background:url(../../img/sales/sales-contact-button_on.png) no-repeat center top;
    }

    .content-sales .section-1-wrapper {
        background-color: #f8f8ec;
        width: 100%;
    }
    .content-sales .section-1-bg {
        background: url(../../img/sales/sales1.png) no-repeat center top;
        height:1125px;
    }
    .content-sales .section-1 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-sales .section-1 .text-1 {
        width: 340px;
        position: absolute;
        margin: 22px 0 0 88px;
        font-size: 14px;
        color: #9a68bf;
    }
    .content-sales .section-1 .text-1 strong {
        font-size: 22px;
        line-height: 30px;
        font-weight: normal;
    }
    .content-sales .section-1 .text-1 strong .bold {
        font-weight: bold;
    }
    .content-sales .section-1 .text-2 {
        width: 310px;
        position: absolute;
        margin: 22px 0 0 560px;
        font-size: 13px;
        color: #9a68bf;
    }
    .content-sales .section-1 .text-2 strong {
        font-weight: bold;
        font-size: 22px;
        line-height: 28px;
    }
    .content-sales .section-1 .text-3 {
        background:url(../../img/sales/sales-contact-button.png) no-repeat left top;
        width:210px;
        height:56px;
        position: absolute;
        margin: 22px 0 0 810px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
    }
    .content-sales .section-1 .text-3:hover {
        background:url(../../img/sales/sales-contact-button_on.png) no-repeat left top;
    }
    .content-sales .section-1 .text-4 {
        position: absolute;
        margin: 220px 0 0 0;
        font-size: 38px;
        line-height: 54px;
    }
    .content-sales .section-1 .text-4 strong {
        font-weight: normal;
        color: #9a68bf;
    }
    .content-sales .section-1 .text-5 {
        position: absolute;
        margin: 530px 0 0 215px;
        font-size: 16px;
        line-height: 18px;
        color: #9a68bf;
        text-align: center;
    }
    .content-sales .section-1 .text-5 strong {
        font-size: 36px;
        line-height: 40px;
        font-weight: normal;
        color: #1d1d1d;
    }
    .content-sales .section-1 .text-6 {
        position: absolute;
        margin: 605px 0 0 210px;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
    }
    .content-sales .section-1 .text-7 {
        width: 270px;
        position: absolute;
        margin: 776px 0 0 65px;
        font-size: 28px;
        line-height: 30px;
    }
    .content-sales .section-1 .text-8 {
        width: 305px;
        position: absolute;
        margin: 832px 0 0 0;
        font-size: 15px;
        line-height: 24px;
    }
    .content-sales .section-1 .text-9 {
        width: 270px;
        position: absolute;
        margin: 835px 0 0 415px;
        font-size: 28px;
        line-height: 30px;
    }
    .content-sales .section-1 .text-10 {
        width: 300px;
        position: absolute;
        margin: 885px 0 0 340px;
        font-size: 15px;
        line-height: 24px;
    }
    .content-sales .section-1 .text-11 {
        width: 220px;
        position: absolute;
        margin: 795px 0 0 730px;
        font-size: 28px;
        line-height: 30px;
    }
    .content-sales .section-1 .text-12 {
        width: 286px;
        position: absolute;
        margin: 850px 0 0 692px;
        font-size: 15px;
        line-height: 24px;
    }

    .content-sales .section-2-wrapper {
        background-color: #edf1d6;
        width: 100%;
    }
    .content-sales .section-2-bg {
        background: url(../../img/sales/sales2.png) no-repeat center top;
        height:989px;
    }
    .content-sales .section-2 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-sales .section-2 .text-1 {
        position: absolute;
        margin: 65px 0 0 330px;
        font-size: 16px;
        line-height: 18px;
        color: #9a68bf;
        text-align: center;
    }
    .content-sales .section-2 .text-1 strong {
        font-size: 36px;
        line-height: 40px;
        font-weight: normal;
        color: #1d1d1d;
    }
    .content-sales .section-2 .text-2 {
        background:url(../../img/sales/event-button.png) no-repeat left top;
        width:330px;
        height:46px;
        position: absolute;
        margin: 890px 0 0 330px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-sales .section-2 .text-2:hover {
        background:url(../../img/sales/event-button_on.png) no-repeat left top;
    }
    .content-sales .section-2 .modal-event {
        display: none;
        z-index: 999999;
        background: url(../../img/sales/sales-modal.jpg) no-repeat center top;
        width: 980px;
        height: 573px;
        position:absolute;
        margin: 410px auto 0 auto;
    }
    .content-sales .section-2 .modal-close {
        background:url(../../img/sales/sales-icon-close.png) no-repeat left top;
        width:46px;
        height:61px;
        position: absolute;
        margin: 10px 0 0 840px;
        cursor: pointer;
    }
    .content-sales .section-2 .modal-close:hover {
        background:url(../../img/sales/sales-icon-close_on.png) no-repeat left top;
    }
    .content-sales .section-2 .modal-event .modal-title {
        position: absolute;
        margin: 55px 0 0 300px;
        font-size: 29px;
        line-height: 30px;
        text-align: center;
    }
    .content-sales .section-2 .modal-event .modal-text-1 {
        position: absolute;
        margin: 138px 0 0 170px;
        font-size: 16px;
        line-height: 35px;
        text-align: left;
    }
    .content-sales .section-2 .modal-event .modal-text-2 {
        position: absolute;
        margin: 138px 0 0 520px;
        font-size: 16px;
        line-height: 35px;
        text-align: left;
    }

    .content-sales .section-3-wrapper {
        background-color: #edf1d6;
        width: 100%;
    }
    .content-sales .section-3-bg {
        background: url(../../img/sales/sales3.png) no-repeat center top;
        height:656px;
    }
    .content-sales .section-3 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-sales .section-3 .text-1 {
        position: absolute;
        margin: 65px 0 0 240px;
        font-size: 36px;
        line-height: 40px;
        text-align: center;
    }
    .content-sales .section-3 .text-2 {
        width: 270px;
        position: absolute;
        margin: 322px 0 0 16px;
        font-size: 25px;
        line-height: 28px;
        text-align: center;
    }
    .content-sales .section-3 .text-3 {
        width: 305px;
        position: absolute;
        margin: 392px 0 0 0;
        font-size: 15px;
        line-height: 22px;
    }
    .content-sales .section-3 .text-4 {
        width: 330px;
        position: absolute;
        margin: 350px 0 0 327px;
        font-size: 22px;
        line-height: 28px;
        text-align: center;
    }
    .content-sales .section-3 .text-5 {
        width: 305px;
        position: absolute;
        margin: 420px 0 0 350px;
        font-size: 15px;
        line-height: 22px;
    }
    .content-sales .section-3 .text-6 {
        width: 280px;
        position: absolute;
        margin: 322px 0 0 690px;
        font-size: 24px;
        line-height: 28px;
        text-align: center;
    }
    .content-sales .section-3 .text-7 {
        width: 280px;
        position: absolute;
        margin: 394px 0 0 692px;
        font-size: 15px;
        line-height: 22px;
    }

    .content-sales .section-4-wrapper {
        background-color: #edf1d6;
        width: 100%;
    }
    .content-sales .section-4-bg {
        background: url(../../img/sales/sales4.png) no-repeat center top;
        height: 965px;
        background-size: 95%;
        max-width: 980px;
        margin: 0 auto;
    }
    .content-sales .section-4 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-sales .section-4 .text-1 {
        position: absolute;
        margin: 105px 0 0 305px;
        font-size: 36px;
        line-height: 40px;
        text-align: center;
    }
    .content-sales .section-4 .text-2 {
        width: 400px;
        position: absolute;
        margin: 235px 0 0 260px;
        font-size: 28px;
        line-height: 30px;
    }
    .content-sales .section-4 .text-3 {
        width: 670px;
        position: absolute;
        margin: 317px 0 0 260px;
        font-size: 15px;
        line-height: 22px;
    }
    .content-sales .section-4 .text-4 {
        position: absolute;
        margin: 463px 0 0 260px;
        font-size: 15px;
        line-height: 22px;
        color: #9a68bf;
    }
    .content-sales .section-4 .text-5 {
        position: absolute;
        margin: 553px 0 0 70px;
        font-size: 28px;
        line-height: 30px;
    }
    .content-sales .section-4 .text-6 {
        width: 655px;
        position: absolute;
        margin: 608px 0 0 70px;
        font-size: 15px;
        line-height: 22px;
    }
    .content-sales .section-4 .text-7 {
        position: absolute;
        margin: 780px 0 0 70px;
        font-size: 15px;
        line-height: 22px;
        color: #9a68bf;
    }
    .content-sales .section-4 .text-8 {
        background:url(../../img/sales/case-button.png) no-repeat left top;
        width:220px;
        height:46px;
        position: absolute;
        margin: 870px 0 0 400px;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-sales .section-4 .text-8:hover {
        background:url(../../img/sales/case-button_on.png) no-repeat left top;
    }

    .content-sales .section-5-wrapper {
        background-color: #edf1d6;
        width: 100%;
    }
    .content-sales .section-5-bg {
        background: url(../../img/sales/sales5.png) no-repeat center top;
        height:743px;
    }
    .content-sales .section-5 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-sales .section-5 .text-1 {
        position: absolute;
        margin: 35px 0 0 350px;
        font-size: 36px;
        line-height: 40px;
        text-align: center;
    }
    .content-sales .section-5 .text-2 {
        background:url(../../img/service/service_graphic.jpg) no-repeat center top;
        background-size: 95%;
        width: 480px;
        height: 150px;
        position: absolute;
        margin: 110px 0 0 5px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-sales .section-5 .text-2:hover {
        background:url(../../img/service/service_graphic_on.jpg) no-repeat center top;
    }
    .content-sales .section-5 .text-3 {
        width: 440px;
        position: absolute;
        margin: 265px 0 0 20px;
        font-size: 14px;
        line-height: 22px;
    }
    .content-sales .section-5 .text-4 {
        background:url(../../img/service/service_web.jpg) no-repeat center top;
        background-size: 95%;
        width: 480px;
        height: 150px;
        position: absolute;
        margin-top: 110px;
        right: 0.3em;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-sales .section-5 .text-4:hover {
        background:url(../../img/service/service_web_on.jpg) no-repeat center top;
    }
    .content-sales .section-5 .text-5 {
        width: 440px;
        position: absolute;
        margin: 265px 0 0 510px;
        font-size: 14px;
        line-height: 22px;
    }
    .content-sales .section-5 .text-6 {
        position: absolute;
        margin: 390px 0 0 435px;
        font-size: 30px;
        line-height: 32px;
        text-align: center;
    }
    .content-sales .section-5 .text-7 {
        width:480px;
        position: absolute;
        margin: 450px 0 0 100px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-sales .section-5 .text-7 .title {
        font-weight: bold;
        margin: 0 100px 0 0;
    }
    .content-sales .section-5 .text-8 {
        width:480px;
        position: absolute;
        margin: 505px 0 0 100px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-sales .section-5 .text-8 .title {
        font-weight: bold;
        margin: 0 100px 0 0;
    }
    .content-sales .section-5 .text-9 {
        width:480px;
        position: absolute;
        margin: 565px 0 0 100px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-sales .section-5 .text-9 .title {
        font-weight: bold;
        margin: 0 100px 0 0;
    }

    .content-sales .section-5 .text-10 {
        width:480px;
        position: absolute;
        margin: 626px 0 0 100px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-sales .section-5 .text-10 .title {
        font-weight: bold;
        margin: 0 116px 0 0;
    }

    .content-sales .section-footer .button-top {
        background:url(../../img/footer/pagetop-sales.png) no-repeat left top;
    }
    .content-sales .section-footer-line {
        background-color: #b1b1b1;
        color: #ffffff;
    }

}
@media (max-width:767px){

    /* 画面幅768未満：モバイル向け表示 */

    .content-sales h1,
    .content-sales h2,
    .content-sales h3 {
        font-weight: normal;
    }

    .content-sales .section-boader {
        background:url(../../img/sales/sales-line.png) repeat-x left top;
        width:auto;
        height:2px;
        position:relative;
    }

    .content-sales .section-info-wrapper {
        background-color: #ffffff;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-sales .section-info-bg {
        background:#ffffff;
        width:auto;
        height:auto;
    }
    .content-sales .section-info {
        width:auto;
        height:auto;
        position:relative;
        margin: 0 auto;
    }
    .content-sales .section-info .text-1 {
        width:auto;
        height:auto;
        position:relative;
        margin: 10% 0 0 0;
        font-size: 20px;
        line-height: 22px;
        color: #9a68bf;
        text-align: center;
        display:none;
    }
    .content-sales .section-info .text-2 {
        width:auto;
        height:auto;
        position:relative;
        margin: 10% 0 0 0;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        display:none;
    }
    .content-sales .section-info .text-3 {
        position: relative;
        margin: 0% 0 0 2%;
        padding: 20% 0 7% 33%;
        font-size: 110%;
        line-height: 150%;
        text-align: center;
        background: url(../../img/sales/contact-ex.png) no-repeat left top;
        background-size: 42%;
        background-position: -1% 75%;
    }
    .content-sales .section-info .text-4 {
        background: url(../../img/sales/section-info-back1.png) no-repeat center top;
        background-size: contain;
        width: 94%;
        position: relative;
        margin: 10% auto;
        padding: 4% 0% 28% 0%;
        font-size: 115%;
        line-height: 130%;
        text-align: center;
    }
    .content-sales .section-info .text-4 strong {
        font-weight: bold;
    }
    .content-sales .section-info .text-5 {
        background:url(../../img/sales/sales-form-button.png) no-repeat center top;
        background-size: contain;
        width: auto;
        height: auto;
        position: relative;
        margin: -32% 8% 0 8%;
        padding: 15% 0 0 0;
        font-size: 100%;
        text-align: center;
        cursor: pointer;
    }
    .content-sales .section-info .text-5:hover {
        background:url(../../img/sales/sales-form-button_on.png) no-repeat center top;
    }
    .content-sales .section-info .text-6 {
        background: url(../../img/sales/section-info-back1.png) no-repeat center top;
        background-size: contain;
        width: 94%;
        position: relative;
        margin: 10% auto;
        padding: 4% 0% 27% 0%;
        font-size: 130%;
        line-height: 130%;
        text-align: center;
    }
    .content-sales .section-info .text-6 strong {
        font-weight: bold;
    }
    .content-sales .section-info .text-7 {
        background-size: contain;
        width: auto;
        height: auto;
        position: relative;
        margin: -32% auto 0;
        padding: 0% 0 30% 0;
        font-size: 100%;
        text-align: center;
        cursor: pointer;
        color: #9a68bf;
    }
    .content-sales .section-info .text-7 strong {
        font-size: 32px;
        line-height: 36px;
    }

    .content-sales .section-header-wrapper {
        background-color: #EDF1D6;
        background-size:cover;
        width:auto;
        height:auto;
        position:relative;
        padding:0 0 13% 0;
    }
    .content-sales .section-header-bg {
        background: url(../../img/sales/sales-header.png) no-repeat center top;
        width:auto;
        height:auto;
        position:relative;
    }
    .content-sales .section-header {
        width:auto;
        height:2em;
        position:relative;
        margin: 0 auto;
    }
    .content-sales .section-header .text-1 {
        font-size: 0.85em;
        line-height: 1.7;
        float: left;
        width: 57%;
        margin:3% 0 0 2%;
        color: #9a68bf;
    }
    .content-sales .section-header .text-1 strong {
        font-size: 12px;
        line-height: 15px;
        font-weight: normal;
    }
    .content-sales .section-header .text-1 strong .bold {
        font-weight: bold;
    }
    .content-sales .section-header .text-2 {
        display:none;
    }
    .content-sales .section-header .text-3 {
        background:url(../../img/sales/sales-contact-button.png) no-repeat right top;
        background-size: contain;
        width: 40%;
        height: auto;
        position: relative;
        margin: 1.5% 1% 5% 0%;
        padding: 0% 0% 10% 0;
        float: right;
    }
    .content-sales .section-header .text-3:hover {
        background:url(../../img/sales/sales-contact-button_on.png) no-repeat left top;  
    }

    .content-sales .section-1-wrapper {
        background-color: #f8f8ec;
        max-width: 100%;
        width:auto;
        height:auto;
        padding: 0 0 20% 0;
    }
    .content-sales .section-1-bg {
        background: url(../../img/sales/sales-header-2.png) no-repeat center top;
        background-size:120%;
        width:auto;
        height:auto;
    }
    .content-sales .section-1 {
        width:auto;
        height:auto;
        position:relative;
    }
    .content-sales .section-1 .text-4 {
        margin: 0;
        padding:75% 0 15% 0;
        font-size: 160%;
        line-height: 130%;
        text-align:center;
    }
    .content-sales .section-1 .text-4 strong {
        font-weight: normal;
        color: #9a68bf;
    }
    .content-sales .section-1 .text-5 {
        margin: 0;
        font-size: 160%;
        line-height: 150%;
        color: #9a68bf;
        text-align: center;
    }
    .content-sales .section-1 .text-5 strong {
        font-size: 160%;
        line-height: 130%;
        font-weight: normal;
        color: #1d1d1d;
    }
    .content-sales .section-1 .text-6 {
        margin: 5% 0 0 0;
        padding:0 0 15% 0;
        font-size: 1.2em;
        text-align: center;
    }
    .content-sales .section-1 .text-7 {
        background:url(../../img/sales/section-1-1.png) no-repeat left top;
        background-size:120%;
        width:auto;
        height:auto;
        position:relative;
        margin: -40% 0 0 0;
        padding:75% 0 0 0;
        font-size: 28px;
        line-height: 30px;
    }
    .content-sales .section-1 .text-7 .line{
        background: linear-gradient(transparent 60%, yellow 60%);
    }
    .content-sales .section-1 .text-8 {
        width:auto;
        height:auto;
        position:relative;
        margin: 5% 8% 0 6%;
        padding:3% 0 0 0;
        font-size: 15px;
        line-height: 24px;
    }
    .content-sales .section-1 .text-7-8 {
        background:#ffffff;
        background-size:90%;
        border-top-left-radius:45% 60%; /*左上*/
        border-top-right-radius:55% 40%;/*右上*/
        border-bottom-right-radius:50% 40%; /*右下*/
        border-bottom-left-radius:40% 40%; /*左下*/
        margin: 15% 3% 0 3%;
        padding:10% 0 15% 0;
        text-align:center;
    }
    .content-sales .section-1 .text-9 {
        background:url(../../img/sales/section-1-2.png) no-repeat left top;
        background-size:120%;
        width:auto;
        height:auto;
        position:relative;
        margin: -40% 0 0 0;
        padding:75% 0 0 0;
        font-size: 28px;
        line-height: 30px;
    }
    .content-sales .section-1 .text-9 .line{
        background: linear-gradient(transparent 60%, yellow 60%);
    }
    .content-sales .section-1 .text-10 {
        width:auto;
        height:auto;
        position:relative;
        margin: 5% 8% 0 6%;
        padding:3% 0 0 0;
        font-size: 15px;
        line-height: 24px;
    }
    .content-sales .section-1 .text-9-10 {
        background:#ffffff;
        background-size:90%;
        border-top-left-radius:60% 70%; /*左上*/
        border-top-right-radius:40% 62%;/*右上*/
        border-bottom-right-radius:60% 38%; /*右下*/
        border-bottom-left-radius:40% 30%; /*左下*/
        margin: 15% 3% 0 3%;
        padding:15% 0 15% 0;
        text-align:center;
    }
    .content-sales .section-1 .text-11 {
        background:url(../../img/sales/section-1-3.png) no-repeat left top;
        background-size:120%;
        width:auto;
        height:auto;
        position:relative;
        margin: -40% 0 0 0;
        padding:75% 0 0 0;
        font-size: 28px;
        line-height: 30px;
    }
    .content-sales .section-1 .text-11 .line{
        background: linear-gradient(transparent 60%, yellow 60%);
    }
    .content-sales .section-1 .text-12 {
        width:auto;
        height:auto;
        position:relative;
        margin: 5% 8% 0 10%;
        padding:3% 0 0 0;
        font-size: 15px;
        line-height: 24px;
    }
    .content-sales .section-1 .text-11-12 {
        background:#ffffff;
        background-size:90%;
        border-top-left-radius:35% 40%; /*左上*/
        border-top-right-radius:55% 60%;/*右上*/
        border-bottom-right-radius:50% 45%; /*右下*/
        border-bottom-left-radius:50% 50%; /*左下*/
        margin: 15% 3% 0 3%;
        padding:15% 0 15% 0;
        text-align:center;
    }
    .content-sales .section-2-wrapper {
        background-color: #edf1d6;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
        margin:0;
        padding:0 0 20% 0;
    }
    .content-sales .section-2-bg {
        background: url(../../img/sales/sales2-2.png) no-repeat center top;
        background-size:100%;
        max-width: 100%;
        width:auto;
        height:100%;
    }
    .content-sales .section-2 {
        width:auto;
        height:auto;
        position:relative;
        margin: 0 auto;
    }
    .content-sales .section-2 .text-1 {
        width:auto;
        height:auto;
        margin:0;
        padding:20% 0 0 0;
        font-size: 16px;
        line-height: 18px;
        color: #9a68bf;
        text-align: center;
    }
    .content-sales .section-2 .text-1 strong {
        font-size: 1.5em;
        line-height: 150%;
        font-weight: normal;
        color: #1d1d1d;
    }
    .content-sales .section-2 .text-2 {
        background:url(../../img/sales/event-button.png) no-repeat center top;
        background-size:contain;
        width:auto;
        height:auto;
        margin:160% 5% 0 5%;
        padding: 12% 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-sales .section-2 .text-2:hover {
        background:url(../../img/sales/event-button_on.png) no-repeat center top;
    }
    .content-sales .section-2 .modal-event {
        z-index: 999999;
        background: #ffffff;
        background-size:cover;
        width: auto;
        height: auto;
        position:relative;
        margin: 10% 3% 0 3%;
        border: 2px solid #9a68bf;
        display:none;
    }
    .content-sales .section-2 .modal-close {
        background:url(../../img/sales/sales-icon-close.png) no-repeat right top;
        background-size: 60%;
        width: auto;
        height: auto;
        position: absolute;
        padding: 10%;
        top: 1%;
        right: 3%;
    }
    .content-sales .section-2 .modal-close:hover {
        background:url(../../img/sales/sales-icon-close_on.png) no-repeat right top;
    }
    .content-sales .section-2 .modal-event .modal-title {
        background:url(../../img/sales/sales-lightbox-line-2.png) no-repeat center bottom;
        background-size:200%;
        position: relative;
        margin: 25% 5% 5% 5%;
        padding: 0 0 15% 0;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }
    .content-sales .section-2 .modal-event .modal-title .line {
        background: linear-gradient(transparent 75%, yellow 75%);
    }
    .content-sales .section-2 .modal-event .modal-text-1 {
        position: relative;
        margin: 10% 0 0 5%;
        font-size: 14px;
        line-height: 30px;
        text-align: left;
    }
    .content-sales .section-2 .modal-event .modal-text-1 span {
    }
    .content-sales .section-2 .modal-event .modal-text-1 span:before{
        content:"●";
        color:#9a68bf;
        margin:0 2% 0 0;
    }
    .content-sales .section-2 .modal-event .modal-text-2 {
        position: relative;
        margin: 0 0 0 5%;
        padding:0 0 10% 0;
        font-size: 14px;
        line-height: 30px;
        text-align: left;
    }
    .content-sales .section-2 .modal-event .modal-text-2 span {
    }
    .content-sales .section-2 .modal-event .modal-text-2 span:before{
        content:"●";
        color:#9a68bf;
        margin:0 2% 0 0;
    }

    .content-sales .section-3-wrapper {
        background-color: #edf1d6;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
        padding:20% 0;
    }
    .content-sales .section-3-bg {
        background:#edf1d6;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-sales .section-3 {
        max-width: 100%;
        width:auto;
        height:auto;
        position:relative;
        margin: 0 auto;
    }
    .content-sales .section-3 .text-1 {
        width: auto;
        height: auto;
        position: relative;
        margin: 0;
        padding:0 0 15% 0;
        font-size: 2em;
        line-height: 130%;
        text-align: center;
    }
    .content-sales .section-3 .text-2 {
        background: url(../../img/sales/section-3-1.png) no-repeat left top;
        background-size: 120%;
        width: auto;
        height: auto;
        position: relative;
        margin: -40% 0 0 0;
        padding: 75% 0 0 0;
        font-size: 1.65em;
        line-height: 30px;
    }
    .content-sales .section-3 .text-2 .line {
        background: linear-gradient(transparent 60%, yellow 60%);
    }
    .content-sales .section-3 .text-3 {
        width: auto;
        height: auto;
        position: relative;
        margin: 5% 8% 0 6%;
        padding: 3% 0 0 0;
        font-size: 15px;
        line-height: 24px;
    }
    .content-sales .section-3 .text-2-3 {
        background: #ffffff;
        background-size: 90%;
        border-top-left-radius: 45% 60%;
        border-top-right-radius: 55% 40%;
        border-bottom-right-radius: 50% 40%;
        border-bottom-left-radius: 40% 40%;
        margin: 15% 3% 0 3%;
        padding: 10% 0 15% 0;
        text-align: center;
    }
    .content-sales .section-3 .text-4 {
        background: url(../../img/sales/section-3-2.png) no-repeat left top;
        background-size: 120%;
        width: auto;
        height: auto;
        position: relative;
        margin: -40% 0 0 2%;
        padding: 75% 0 0 0;
        font-size: 1.65em;
        line-height: 30px;
    }
    .content-sales .section-3 .text-4 .line {
        background: linear-gradient(transparent 60%, yellow 60%);
    }
    .content-sales .section-3 .text-5 {
        width: auto;
        height: auto;
        position: relative;
        margin: 5% 8% 0 6%;
        padding: 3% 0 0 0;
        font-size: 15px;
        line-height: 24px;
    }
    .content-sales .section-3 .text-4-5 {
        background: #ffffff;
        background-size: 90%;
        border-top-left-radius: 60% 70%;
        border-top-right-radius: 40% 62%;
        border-bottom-right-radius: 60% 38%;
        border-bottom-left-radius: 40% 30%;
        margin: 15% 3% 0 3%;
        padding: 15% 0 15% 0;
        text-align: center;
    }
    .content-sales .section-3 .text-6 {
        background: url(../../img/sales/section-3-3.png) no-repeat left top;
        background-size: 120%;
        width: auto;
        height: auto;
        position: relative;
        margin: -40% 0 0 0;
        padding: 75% 0 0 0;
        font-size: 1.65em;
        line-height: 30px;
    }
    .content-sales .section-3 .text-6 .line {
        background: linear-gradient(transparent 60%, yellow 60%);
    }
    .content-sales .section-3 .text-7 {
        width: auto;
        height: auto;
        position: relative;
        margin: 5% 8% 0 10%;
        padding: 3% 0 0 0;
        font-size: 15px;
        line-height: 24px;
    }
    .content-sales .section-3 .text-6-7 {
        background: #ffffff;
        background-size: 90%;
        border-top-left-radius: 35% 40%;
        border-top-right-radius: 55% 60%;
        border-bottom-right-radius: 50% 45%;
        border-bottom-left-radius: 50% 50%;
        margin: 15% 3% 0 3%;
        padding: 15% 0 15% 0;
        text-align: center;
    }

    .content-sales .section-4-wrapper {
        background-color: #edf1d6;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-sales .section-4-bg {
        background: #edf1d6;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
        padding:0 0 20% 0;
    }
    .content-sales .section-4 {
        max-width: 100%;
        width:auto;
        height:auto;
        position:relative;
        margin: 0 auto;
    }
    .content-sales .section-4 .text-1 {
        width:auto;
        height:auto;
        position:relative;
        margin:0;
        padding:20% 0 0 0;
        font-size: 2em;
        line-height: 40px;
        text-align: center;
    }
    .content-sales .section-4 .text-2 {
        background:url(../../img/sales/section-4-2.png) no-repeat left top;
        background-size:45%;
        background-position:0 78%;
        width:auto;
        height:auto;
        position:relative;
        margin: 10% 0 0 0;
        padding: 15% 0 10% 32%;
        font-size: 120%;
        line-height: 150%;
        text-align:center;
    }
    .content-sales .section-4 .text-3 {
        width:auto;
        height:auto;
        position:relative;
        margin: 5% 5% 0 5%;
        font-size: 15px;
        line-height: 22px;
    }
    .content-sales .section-4 .text-4 {
        width:auto;
        height:auto;
        position:relative;
        margin: 5% 2% 0 0;
        padding: 0 0 10% 0;
        font-size: 15px;
        line-height: 22px;
        color: #9a68bf;
        text-align:right;
    }
    .content-sales .section-4 .text-2-3-4 {
        background:#ffffff;
        background-size:cover;
        margin:0 3%;
    }
    .content-sales .section-4 .text-5 {
        background:url(../../img/sales/section-4-3.png) no-repeat left top;
        background-size:45%;
        background-position:0 78%;
        width:auto;
        height:auto;
        position:relative;
        margin: 10% 0 0 0;
        padding: 15% 0 10% 32%;
        font-size: 120%;
        line-height: 150%;
        text-align:center;
    }
    .content-sales .section-4 .text-6 {
        width:auto;
        height:auto;
        position:relative;
        margin: 5% 5% 0 5%;
        font-size: 15px;
        line-height: 22px;
    }
    .content-sales .section-4 .text-7 {
        width:auto;
        height:auto;
        position:relative;
        margin: 5% 2% 0 0;
        padding: 0 0 10% 0;
        font-size: 15px;
        line-height: 22px;
        color: #9a68bf;
        text-align:right;
    }
    .content-sales .section-4 .text-5-6-7 {
        background:#ffffff;
        background-size:cover;
        margin:0 3%;
    }
    .content-sales .section-4 .text-8 {
        background:url(../../img/sales/case-button.png) no-repeat center top;
        background-size:100%;
        width:auto;
        height:auto;
        position:relative;
        margin: 20% 5% 0 5%;
        padding: 20% 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-sales .section-4 .text-8:hover {
        background:url(../../img/sales/case-button_on.png) no-repeat center top;
    }

    .content-sales .section-5-wrapper {
        background-color: #edf1d6;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-sales .section-5-bg {
        background-color: #edf1d6;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
        padding: 0 0 15% 0;
    }
    .content-sales .section-5 {
        width: auto;
        position: relative;
        margin: 0 auto;
    }
    .content-sales .section-5 .text-1 {
        position: relative;
        width: auto;
        margin: 0;
        padding: 20% 0 0 0;
        font-size: 180%;
        line-height: 130%;
        text-align: center;
    }
    .content-sales .section-5 .text-2 {
        background:url(../../img/service/service_graphic.jpg) no-repeat center top;
        background-size: contain;
        width: auto;
        height: auto;
        position: relative;
        margin: 15% 5% 0 5%;
        padding: 30% 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-sales .section-5 .text-2:hover {
        background:url(../../img/service/service_graphic_on.jpg) no-repeat center top;
    }
    .content-sales .section-5 .text-3 {
        width: auto;
        position: relative;
        margin: 2% 5% 15% 5%;
        font-size: 81%;
        line-height: 130%;
    }
    .content-sales .section-5 .text-4 {
        background:url(../../img/service/service_web.jpg) no-repeat center top;
        background-size: contain;
        width: auto;
        height: auto;
        position: relative;
        margin: 15% 5% 0 5%;
        padding: 30% 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-sales .section-5 .text-4:hover {
        background:url(../../img/service/service_web_on.jpg) no-repeat center top;
    }
    .content-sales .section-5 .text-5 {
        width: auto;
        position: relative;
        margin: 2% 5% 15% 5%;
        font-size: 81%;
        line-height: 130%;
    }
    .content-sales .section-5 .text-6 {
        position: relative;
        margin: 0;
        padding: 20% 0 0 0;
        font-size: 200%;
        line-height: 130%;
        text-align: center;
    }
    .content-sales .section-5 .text-7 {
        width: auto;
        position: relative;
        margin: 10% 0 0 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-top: 2px dotted #d3d3d3;
        border-bottom: 2px dotted #d3d3d3;
    }
    .content-sales .section-5 .text-7 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-sales .section-5 .text-8 {
        width: auto;
        position: relative;
        margin: 0% 0 0 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom: 2px dotted #d3d3d3;
    }
    .content-sales .section-5 .text-8 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-sales .section-5 .text-9 {
        width: auto;
        position: relative;
        margin: 0% 0 0 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom: 2px dotted #d3d3d3;
    }
    .content-sales .section-5 .text-9 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-sales .section-5 .text-10 {
        width: auto;
        position: relative;
        margin: 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom: 2px dotted #d3d3d3;
    }
    .content-sales .section-5 .text-10 .title {
        font-weight: bold;
        margin: 0 13% 0 7%;
    }

    .content-sales .section-footer-wrapper {
        background-color: #ffffff;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-sales .section-footer-bg {
        background: #ffffff;
        width: auto;
        height: auto;
    }
    .content-sales .section-footer .text-1 {
        width: auto;
        margin: 0 1% 0 1%;
        padding: 15% 0 0 0;
        font-size: 93%;
        line-height: 130%;
        text-align: center;
    }
    .content-sales .section-footer .text-2 {
        width: auto;
        margin: 10% 0 0 2%;
        font-size: 95%;
        line-height: 130%;
    }
    .content-sales .section-footer .text-3 {
        width: auto;
        margin: 4% 0 0 2%;
        padding: 0 0 10% 0;
        font-size: 95%;
        line-height: 130%;
    }
    .content-sales .section-footer .button-top {
        background:url(../../img/footer/pagetop-sales.png) no-repeat left top;
    }
    .content-sales .section-footer-line {
        background-color: #b1b1b1;
        color: #ffffff;
        font-size: 90%;
        line-height: 130%;
        text-align: center;
    }

}


/* print */
@media (min-width:768px){
    /* 画面幅768ピクセル以上：PC表示 */

    .br-sp {
        display:none;
    }
    .content-print .section-info .text-7-image {
        display:none;
    }
    .content-print .section-2 .section-2-sp {
        display:none;
    }
    .content-print .section-5 .text-7-1 {
        display:none;
    }
    .content-print .section-5 .image-1 {
        display:none;
    }
    .content-print .section-6 .image-1 {
        display:none;
    }	
    .content-print .section-6 .image-2 {
        display:none;
    }	

    .content-print h1,
    .content-print h2,
    .content-print h3 {
        font-weight: normal;
    }

    .content-print .button-scroll {
        cursor: pointer;
    }

    .content-print .section-info-wrapper {
        background-color: #08408b;
        width: 100%;
        color: #ffffff;
    }
    .content-print .section-info-bg {
        background:url(../../img/print/contact-back-transparent-textnone.png) no-repeat center top;
        height:313px;
    }
    .content-print .section-info {
        width:980px;
        position:relative;
        margin: 0 auto;
    }
    .content-print .section-info .text-1 {
        width: 250px;
        position: absolute;
        margin: 15px 0 0 -32px;
        font-size: 20px;
        line-height: 22px;
        text-align: center;
    }
    .content-print .section-info .text-2 {
        width: 250px;
        position: absolute;
        margin: 64px 0 0 -32px;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
    }
    .content-print .section-info .text-3 {
        width: 600px;
        position: absolute;
        margin: 50px 0 0 190px;
        font-size: 24px;
        line-height: 32px;
        text-align: center;
    }
    .content-print .section-info .text-3 strong {
        font-size: 28px;
        font-weight: bold;
    }
    .content-print .section-info .text-4 {
        width: 400px;
        position: absolute;
        margin: 150px 0 0 38px;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
    }
    .content-print .section-info .text-5 {
        background:url(../../img/print/contact-button_off.png) no-repeat left top;
        width:472px;
        height:79px;
        position: absolute;
        margin: 190px 0 0 0px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-print .section-info .text-5:hover {
        background:url(../../img/print/contact-button_on.png) no-repeat left top;
    }
    .content-print .section-info .text-6 {
        width: 400px;
        position: absolute;
        margin: 150px 0 0 547px;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
    }
    .content-print .section-info .text-7 {
        position: absolute;
        margin-top: 200px;
        right: 5em;
        font-size: 14px;
        line-height: 16px;
    }
    .content-print .section-info .text-7 strong {
        font-size: 36px;
        line-height: 42px;
        font-weight: normal;
    }

    .content-print .section-1-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-print .section-1-bg {
        background: url(../../img/print/header-back-transparent-type2.png) no-repeat center top;
        height:96px;
    }
    .content-print .section-1 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-print .section-1 .text-1 {
        width: 340px;
        position: absolute;
        margin: 22px 0 0 88px;
        font-size: 14px;
        color: #0a428d;
    }
    .content-print .section-1 .text-1 strong {
        font-size: 22px;
        line-height: 30px;
        font-weight: normal;
    }
    .content-print .section-1 .text-1 strong .bold {
        font-weight: bold;
    }
    .content-print .section-1 .text-2 {
        width: 310px;
        position: absolute;
        margin: 22px 0 0 560px;
        font-size: 13px;
        color: #0a428d;
    }
    .content-print .section-1 .text-2 strong {
        font-weight: bold;
        font-size: 22px;
        line-height: 28px;
    }
    .content-print .section-1 .text-3 {
        background:url(../../img/print/contact-button-s_off.png) no-repeat right top;
        background-size: 93%;
        width:202px;
        height:49px;
        position: absolute;
        margin-top: 22px;
        right: 0.2em;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
    }
    .content-print .section-1 .text-3:hover {
        background:url(../../img/print/contact-button-s_on.png) no-repeat left top;
    }

    .content-print .section-2-wrapper {
        background-color:#3c93d6;
        width: 100%;
    }
    .content-print .section-2-bg {
        background: url(../../img/print/header-back-transparent-type3.png) no-repeat center top;
        background-size: cover;
        height:500px;
    }
    .content-print .section-2 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-print .section-2 .text-1 {
        width: 485px;
        position: absolute;
        margin: 330px 0 0 0px;
        font-size: 3em;
        line-height: 66px;
        color: #ffffff;
    }

    .content-print .section-3-wrapper {
        background-color: #3c93d6;
        width: 100%;
    }
    .content-print .section-3-bg {
        background: url(../../img/print/section1-back-transparent.png) no-repeat center top;
        height:529px;
        background-size: 98%;
        max-width: 980px;
        margin: 0 auto;
    }
    .content-print .section-3 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-print .section-3 .text-1 {
        position: absolute;
        margin: 30px 0 0 190px;
        font-size: 40px;
        line-height: 64px;
        color: #ffffff;
    }
    .content-print .section-3 .text-1 strong {
        font-size: 48px;
        color: #fffc00;
    }
    .content-print .section-3 .text-1 strong strong {
        font-size: 62px;
    }
    .content-print .section-3 .text-2 {
        position: absolute;
        margin: 250px 0 0 30px;
        font-size: 16px;
        line-height: 34px;
        color: #fffc00;
        text-align: center;
    }
    .content-print .section-3 .text-2 strong {
        font-size: 32px;
        color: #ffffff;
    }
    .content-print .section-3 .text-3 {
        width: 300px;
        position: absolute;
        margin: 345px 0 0 15px;
        font-size: 16px;
        line-height: 25px;
        color: #ffffff;
    }
    .content-print .section-3 .text-4 {
        background:url(../../img/print/detail-button_off.png) no-repeat left top;
        width:252px;
        height:49px;
        position: absolute;
        margin: 430px 0 0 26px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
    }
    .content-print .section-3 .text-4:hover {
        background:url(../../img/print/detail-button_on.png) no-repeat left top;
    }
    .content-print .section-3 .text-5 {
        position: absolute;
        margin: 250px 0 0 380px;
        font-size: 16px;
        line-height: 34px;
        color: #fffc00;
        text-align: center;
    }
    .content-print .section-3 .text-5 strong {
        font-size: 32px;
        color: #ffffff;
    }
    .content-print .section-3 .text-6 {
        width: 300px;
        position: absolute;
        margin: 345px 0 0 340px;
        font-size: 16px;
        line-height: 25px;
        color: #ffffff;
    }
    .content-print .section-3 .text-7 {
        background:url(../../img/print/detail-button_off.png) no-repeat left top;
        width:252px;
        height:49px;
        position: absolute;
        margin: 430px 0 0 366px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
    }
    .content-print .section-3 .text-7:hover {
        background:url(../../img/print/detail-button_on.png) no-repeat left top;
    }
    .content-print .section-3 .text-8 {
        position: absolute;
        margin: 250px 0 0 756px;
        font-size: 16px;
        line-height: 34px;
        color: #fffc00;
        text-align: center;
    }
    .content-print .section-3 .text-8 strong {
        font-size: 32px;
        color: #ffffff;
    }
    .content-print .section-3 .text-9 {
        width: 300px;
        position: absolute;
        font-size: 16px;
        line-height: 25px;
        margin: 345px 0 0 675px;

        color: #ffffff;
    }
    .content-print .section-3 .text-10 {
        background:url(../../img/print/detail-button_off.png) no-repeat left top;
        width:252px;
        height:49px;
        position: absolute;
        margin: 430px 0 0 705px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
    }
    .content-print .section-3 .text-10:hover {
        background:url(../../img/print/detail-button_on.png) no-repeat left top;
    }

    .content-print .section-4-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-print .section-4 {
        height: 200px;
        position:relative;
        margin: 0 auto;
    }
    .content-print .section-4 .text-1 {
        position: relative;
        padding-top: 30px;
        font-size: 36px;
        line-height: 48px;
        text-align: center;
    }
    .content-print .section-4 .text-1 strong {
        font-size: 40px;
    }
    .content-print .section-4 .text-1 strong strong {
        font-size: 42px;
        color: #db2e0e;
    }
    .content-print .section-4 .text-2 {
        position: relative;
        margin-top: 20px;
        font-size: 18px;
        line-height: 20px;
        text-align: center;
    }


    .content-print .section-5-wrapper {
        background: url(../../img/print/section2-back-transparent-type5.png) repeat-y center top;
        width: 100%;
        background-size: 220%;

    }
    .content-print .section-5-bg {
        background: url(../../img/print/section2-back-transparent-type4.png) no-repeat center top;
        padding-bottom: 50em;
    }
    .content-print .section-5 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-print .section-5 .text-1 {
        position: absolute;
        margin: 145px 0 0 45px;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        color: #3c93d6;
        font-weight: bold;
    }
    .content-print .section-5 .text-1 strong {
        font-size: 28px;
        color: #db2e0e;
    }
    .content-print .section-5 .text-2 {
        width: 290px;
        position: absolute;
        margin: 220px 0 0 14px;
        font-size: 15px;
        line-height: 22px;
    }
    .content-print .section-5 .text-3 {
        position: absolute;
        margin: 145px 0 0 363px;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        color: #3c93d6;
        font-weight: bold;
    }
    .content-print .section-5 .text-3 strong {
        font-size: 28px;
        color: #db2e0e;
    }
    .content-print .section-5 .text-4 {
        width: 290px;
        position: absolute;
        margin: 220px 0 0 345px;
        font-size: 15px;
        line-height: 22px;
    }
    .content-print .section-5 .text-5 {
        position: absolute;
        margin: 145px 0 0 696px;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        color: #3c93d6;
        font-weight: bold;
    }
    .content-print .section-5 .text-5 strong {
        font-size: 28px;
        color: #db2e0e;
    }
    .content-print .section-5 .text-6 {
        width: 290px;
        position: absolute;
        margin: 220px 0 0 680px;
        font-size: 15px;
        line-height: 22px;
    }
    .content-print .section-5 .text-7all {
        padding-bottom: 8%;
    }
    .content-print .section-5 .text-7 {
        position: absolute;
        margin: 480px 0 0 134px;
        font-size: 36px;
        line-height: 54px;
        font-weight: bold;
    }
    .content-print .section-5 .text-7 strong {
        font-size: 42px;
    }
    .content-print .section-5 .text-8 {
        width: 480px;
        position: absolute;
        margin: 620px 0 0 38px;
        font-size: 16px;
        line-height: 24px;
    }

    .content-print .section-6-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-print .section-6-bg {
        background: url(../../img/print/section3-back-transparent2.png) no-repeat center top;
        max-width: 980px;
        background-size: 95%;
        height:80em;
        margin: 0 auto;
    }
    .content-print .section-6 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-print .section-6 .text-1 {
        position: absolute;
        margin: 60px 0 0 175px;
        font-size: 36px;
        line-height: 56px;
        text-align: center;
        font-weight: bold;
    }
    .content-print .section-6 .text-1 strong {
        font-size: 46px;
        color: #db2e0e;
    }
    .content-print .section-6 .text-2 {
        position: absolute;
        margin: 170px 0 0 170px;
        font-size: 18px;
        line-height: 20px;
    }
    .content-print .section-6 .text-3 {
        position: absolute;
        margin: 260px 0 0 455px;
        font-size: 30px;
        line-height: 56px;
        font-weight: bold;
    }
    .content-print .section-6 .text-4 {
        width: 478px;
        position: absolute;
        margin: 330px 0 0 455px;
        font-size: 16px;
        line-height: 28px;
    }
    .content-print .section-6 .text-5 {
        position: absolute;
        margin: 570px 0 0 250px;
        font-size: 36px;
        line-height: 56px;
        text-align: center;
        font-weight: bold;
    }
    .content-print .section-6 .text-5 strong {
        font-size: 46px;
        color: #db2e0e;
    }
    .content-print .section-6 .text-6 {
        position: absolute;
        margin: 660px 0 0 78px;
        font-size: 18px;
        line-height: 25px;
        width: 85%;
        text-align: center;    
    }
    .content-print .section-6 .text-7 {
        position: absolute;
        margin: 805px 0 0 55px;
        font-size: 30px;
        line-height: 56px;
        font-weight: bold;
    }
    .content-print .section-6 .text-8 {
        width: 478px;
        position: absolute;
        margin: 880px 0 0 55px;
        font-size: 16px;
        line-height: 28px;
    }

    .content-print .section-7-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-print .section-7-bg {
        background: url(../../img/print/section4-back-transparent-textnone.png) no-repeat center top;
        height:500px;
    }
    .content-print .section-7 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-print .section-7 .text-1 {
        position: absolute;
        margin: 55px 0 0 130px;
        font-size: 36px;
        line-height: 46px;
        text-align: center;
        font-weight: bold;
    }
    .content-print .section-7 .text-1 strong {
        color: #db2e0e;
    }
    .content-print .section-7 .text-2 {
        position: absolute;
        margin: 345px 0 0 72px;
        font-size: 24px;
        line-height: 26px;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
    }
    .content-print .section-7 .text-3 {
        position: absolute;
        margin: 345px 0 0 250px;
        font-size: 24px;
        line-height: 26px;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
    }
    .content-print .section-7 .text-4 {
        position: absolute;
        margin: 345px 0 0 433px;
        font-size: 24px;
        line-height: 26px;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
    }
    .content-print .section-7 .text-5 {
        position: absolute;
        margin: 345px 0 0 660px;
        font-size: 24px;
        line-height: 26px;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
    }
    .content-print .section-7 .text-6 {
        position: absolute;
        margin: 345px 0 0 840px;
        font-size: 24px;
        line-height: 26px;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
    }
    .content-print .section-7 .text-7 {
        position: absolute;
        margin: 440px 0 0 20px;
        font-size: 24px;
        line-height: 26px;
        text-align: center;
        font-weight: bold;
        color: #033b88;
    }
    .content-print .section-7 .text-8 {
        position: absolute;
        margin: 565px 0 0 10px;
        font-size: 20px;
        line-height: 22px;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
    }
    .content-print .section-7 .text-9 {
        position: absolute;
        margin: 500px 0 0 220px;
        font-size: 20px;
        line-height: 22px;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
    }
    .content-print .section-7 .text-10 {
        position: absolute;
        margin: 530px 0 0 165px;
        font-size: 16px;
        line-height: 18px;
        font-weight: bold;
        color: #ffffff;
    }
    .content-print .section-7 .text-11 {
        position: absolute;
        margin: 500px 0 0 455px;
        font-size: 20px;
        line-height: 22px;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
    }
    .content-print .section-7 .text-12 {
        position: absolute;
        margin: 530px 0 0 400px;
        font-size: 16px;
        line-height: 18px;
        font-weight: bold;
        color: #ffffff;
    }
    .content-print .section-7 .text-13 {
        position: absolute;
        margin: 565px 0 0 660px;
        font-size: 20px;
        line-height: 22px;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
    }
    .content-print .section-7 .text-14 {
        position: absolute;
        margin: 500px 0 0 875px;
        font-size: 20px;
        line-height: 22px;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
    }
    .content-print .section-7 .text-15 {
        position: absolute;
        margin: 530px 0 0 830px;
        font-size: 16px;
        line-height: 18px;
        font-weight: bold;
        color: #ffffff;
    }
    .content-print .section-7 .text-16 {
        position: absolute;
        margin: 700px 0 0 50px;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        font-weight: bold;
    }

    .content-print .section-8-wrapper {
        background: url(../../img/print/section5-back.png) repeat-x left top;
        width: 100%;
    }
    .content-print .section-8-bg {
        background: url(../../img/print/section5-back-transparent.png) no-repeat center top;
        height:935px;
    }
    .content-print .section-8 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-print .section-8 .text-1 {
        position: absolute;
        margin: 60px 0 0 360px;
        font-size: 32px;
        line-height: 45px;
        text-align: center;
        color: #ffff32;
    }
    .content-print .section-8 .text-1 strong {
        font-size: 46px;
        color: #ffffff;
    }
    .content-print .section-8 .text-2 {
        position: absolute;
        margin: 236px 0 0 220px;
        font-size: 24px;
        line-height: 26px;
        text-align: center;
        font-weight: bold;
    }
    .content-print .section-8 .text-2 strong {
        color: #db2e0e;
    }
    .content-print .section-8 .text-3 {
        width: 725px;
        position: absolute;
        margin: 300px 0 0 220px;
        font-size: 14px;
        line-height: 20px;
    }
    .content-print .section-8 .text-4 {
        position: absolute;
        margin: 345px 0 0 50px;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
    }
    .content-print .section-8 .text-5 {
        position: absolute;
        margin: 475px 0 0 30px;
        font-size: 24px;
        line-height: 26px;
        text-align: center;
        font-weight: bold;
    }
    .content-print .section-8 .text-5 strong {
        color: #db2e0e;
    }
    .content-print .section-8 .text-6 {
        width: 725px;
        position: absolute;
        margin: 540px 0 0 30px;
        font-size: 14px;
        line-height: 20px;
    }
    .content-print .section-8 .text-7 {
        position: absolute;
        margin: 585px 0 0 812px;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
    }
    .content-print .section-8 .text-8 {
        position: absolute;
        margin: 715px 0 0 220px;
        font-size: 24px;
        line-height: 26px;
        text-align: center;
        font-weight: bold;
    }
    .content-print .section-8 .text-8 strong {
        color: #db2e0e;
    }
    .content-print .section-8 .text-9 {
        width: 725px;
        position: absolute;
        margin: 785px 0 0 220px;
        font-size: 14px;
        line-height: 20px;
    }
    .content-print .section-8 .text-10 {
        position: absolute;
        margin: 825px 0 0 50px;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
    }

    .content-print .section-9-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-print .section-9-bg {
        background: url(../../img/print/section6-back-transparent-textnone.png) no-repeat center top;
        height:699px;
    }
    .content-print .section-9 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-print .section-9 .text-1 {
        position: absolute;
        margin: 65px 0 0 365px;
        font-size: 36px;
        line-height: 56px;
        text-align: center;
        font-weight: bold;
    }
    .content-print .section-9 .text-2 {
        width: 370px;
        position: absolute;
        margin: 160px 0 0 80px;
        font-size: 18px;
        line-height: 26px;
        font-weight: bold;
    }
    .content-print .section-9 .text-3 {
        width: 380px;
        position: absolute;
        margin: 265px 0 0 80px;
        font-size: 14px;
        line-height: 20px;
    }
    .content-print .section-9 .text-4 {
        width: 370px;
        position: absolute;
        margin: 160px 0 0 580px;
        font-size: 18px;
        line-height: 26px;
        font-weight: bold;
    }
    .content-print .section-9 .text-5 {
        width: 380px;
        position: absolute;
        margin: 265px 0 0 580px;
        font-size: 14px;
        line-height: 20px;
    }
    .content-print .section-9 .text-6 {
        width: 370px;
        position: absolute;
        margin: 420px 0 0 80px;
        font-size: 18px;
        line-height: 26px;
        font-weight: bold;
    }
    .content-print .section-9 .text-7 {
        width: 380px;
        position: absolute;
        margin: 520px 0 0 80px;
        font-size: 14px;
        line-height: 20px;
    }
    .content-print .section-9 .text-8 {
        width: 370px;
        position: absolute;
        margin: 420px 0 0 580px;
        font-size: 18px;
        line-height: 26px;
        font-weight: bold;
    }
    .content-print .section-9 .text-9 {
        width: 380px;
        position: absolute;
        margin: 520px 0 0 580px;
        font-size: 14px;
        line-height: 20px;
    }

    .content-print .section-10-wrapper {
        background-color: #3c93d6;
        width: 100%;
    }
    .content-print .section-10-bg {
        height:388px;
    }
    .content-print .section-10 {
        width: 980px;
        position:relative;
        margin: 0 auto;
        color: #ffffff;
    }
    .content-print .section-10 .text-1 {
        position: absolute;
        margin: 35px 0 0 350px;
        font-size: 36px;
        line-height: 40px;
        text-align: center;
        font-weight: bold;
    }
    .content-print .section-10 .text-2 {
        background:url(../../img/service/service_manual.jpg) no-repeat center top;
        background-size: 95%;
        width:480px;
        height:150px;
        position: absolute;
        margin: 110px 0 0 5px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-print .section-10 .text-2:hover {
        background:url(../../img/service/service_manual_on.jpg) no-repeat left top;
    }
    .content-print .section-10 .text-3 {
        width:440px;
        position: absolute;
        margin:265px 0 0 20px;
        font-size: 14px;
        line-height: 22px;
    }
    .content-print .section-10 .text-4 {
        background:url(../../img/service/service_graphic.jpg) no-repeat center top;
        background-size: 95%;
        width:480px;
        height:150px;
        position: absolute;
        margin-top: 110px;
        right:0.3em;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-print .section-10 .text-4:hover {
        background:url(../../img/service/service_graphic_on.jpg) no-repeat left top;
    }
    .content-print .section-10 .text-5 {
        width:440px;
        position: absolute;
        margin: 265px 0 0 510px;
        font-size: 14px;
        line-height: 22px;
    }

    .content-print .section-11-wrapper {
        background-color: #49a2e4;
        width: 100%;
    }
    .content-print .section-11-bg {
        background: url(../../img/print/section7-back-transparent.png) no-repeat center top;
        height:393px;
    }
    .content-print .section-11 {
        width: 980px;
        position:relative;
        margin: 0 auto;
        color: #ffffff;
    }
    .content-print .section-11 .text-1 {
        position: absolute;
        margin: 50px 0 0 435px;
        font-size: 30px;
        line-height: 32px;
        text-align: center;
        font-weight: bold;
    }
    .content-print .section-11 .text-2 {
        width:480px;
        position: absolute;
        margin: 125px 0 0 100px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-print .section-11 .text-2 .title {
        font-weight: bold;
        margin: 0 170px 0 0;
    }
    .content-print .section-11 .text-3 {
        width:480px;
        position: absolute;
        margin: 180px 0 0 100px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-print .section-11 .text-3 .title {
        font-weight: bold;
        margin: 0 170px 0 0;
    }
    .content-print .section-11 .text-4 {
        width:480px;
        position: absolute;
        margin: 235px 0 0 100px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-print .section-11 .text-4 .title {
        font-weight: bold;
        margin: 0 170px 0 0;
    }
    .content-print .section-11 .text-5 {
        width:480px;
        position: absolute;
        margin: 290px 0 0 100px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-print .section-11 .text-5 .title {
        font-weight: bold;
        margin: 0 186px 0 0;
    }

    .content-print .section-footer .button-top {
        background:url(../../img/footer/pagetop-print.png) no-repeat left top;
    }
    .content-print .section-footer-line {
        background-color: #08408b;
        color: #ffffff;
    }

}


/* print for mobile */
@media (max-width:767px){

    /* 画面幅768未満：モバイル向け表示 */

    .content-print {
        width: auto;
        color: #202020;
        font-size: 1.6em;
        line-height: 1.6;
    }

    .content-print h1,
    .content-print h2,
    .content-print h3 {
        font-weight: normal;
    }

    .content-print .button-scroll {
        cursor: pointer;
    }

    .content-print .section-info-wrapper {
        background-color: #08408b;
        background-size: cover;
        width: auto;
        color: #ffffff;
    }
    .content-print .section-info-bg {
        background-color: #08408b;
        margin:-20% 0 0 0 ;
        padding:10% 0 0 0 ;
    }
    .content-print .section-info {
        width:auto;
        position:relative;

    }
    .content-print .section-info .text-1 {
        display:none;
    }
    .content-print .section-info .text-2 {
        display:none;
    }
    .content-print .section-info .text-3 {
        width: auto;
        position: relative;
        margin: 15% 7% 0 7%;
        padding:5% 0 5% 0;
        font-size: 100%;
        text-align: center;
        border: 1px solid white;	/* 内側の線の太さ・種類・色 */
        z-index: 0;
    }

    .content-print .section-info .text-3:after {
        border: 2px solid white;	/* 外側の線の太さ・種類・色 */
        content: '';
        display: block;
        position: absolute;
        top: -8px;
        bottom: -8px;
        left: -8px;
        right: -8px;
        z-index: -1;
    }
    .content-print .section-info .text-3 strong {
        font-size: 112%;
        font-weight: bold;
    }
    .content-print .section-info .text-4 {
        width: auto;
        position: relative;
        margin: 0;
        padding: 15% 0 0 0;
        font-size: 120%;
        line-height: 100%;
        text-align: center;
    }
    .content-print .section-info .text-5 {
        background:url(../../img/print/contact-button_off.png) no-repeat center top;
        background-size:contain;
        background-size:100%;
        width:auto;
        height:auto;
        position: relative;
        margin: 8% 8% 0 8%;
        padding: 15% 0% 0 0%;
        text-align: center;
    }
    .content-print .section-info .text-5:hover {
        background:url(../../img/print/contact-button_on.png) no-repeat center top;
    }
    .content-print .section-info .text-6 {
        width: auto;
        position: relative;
        margin: 0;
        padding: 20% 0 0 0;
        font-size: 120%;
        line-height: 100%;
        text-align: center;
    }
    .content-print .section-info .text-7-image {
        position:relative;
        margin:3% -3% 3% 5%;
        float:left;
    }
    .content-print .section-info .text-7 {
        width: auto;
        position: relative;
        padding: 3% 0 20% 0;
        margin: 4% 0 0 0 ;
        font-size: 70%;
        line-height: 200%;
        text-align: center;
    }
    .content-print .section-info .text-7 strong {
        font-size: 230%;
        line-height: 100%;
        font-weight: normal;
    }

    .content-print .section-1-wrapper {
        background-color: #ffffff;
        width: auto;
        display:none;
    }

    .content-print .section-2-wrapper {
        background-color: #073f8c;
        width: auto;
    }
    .content-print .section-2-bg {
        position:relative;
        background: url(../../img/print/printing_titleback_sp.jpg) no-repeat center top;
        max-width: 100%;
        height: 360px;
        width:auto;
    }
    .content-print .section-2 {
        position:relative;
        margin: 0 auto;
        max-width: 100%;
        width: auto;
        padding:40% 0 0 0;
    }
    .content-print .section-2 .text-1 {
        background: rgba( 255, 255, 255, 0.55 );
        position: relative;
        width:auto;
        font-size: 1.3em;
        color:black;
        margin:0 5%;
        text-align:center;
    }
    .content-print .section-2-sp .text-1 {
        width: 53%;
        position: relative;
        font-size: 10px;
        line-height: 120%;
        color: black;
        display:block; float:left;
        background-color:rgba(255, 255, 255,0.8);
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        background-clip:padding-box;
        display:none;
    }
    .content-print .section-2-sp .text-1 strong {
        font-size: 11px;
        line-height: 10px;
        font-weight: normal;
    }
    .content-print .section-2-sp .text-1 strong .bold {
        font-weight: bold;
    }
    .content-print .section-2-sp .text-2 {
        background:url(../../img/print/contact-button-s_off.png) no-repeat right top;
        background-size:contain;
        width:42%;
        height:auto;
        position: relative;
        margin: -38% 2% 5% 0%;
        padding: 10% 0% 0% 0;
        float:right;
    }
    .content-print .section-2-sp .text-2:hover {
        background:url(../../img/print/contact-button-s_on.png) no-repeat left top;
    }

    .content-print .section-3-wrapper {
        background-color: #3c93d6;
        width: auto;
        background-size: cover;
        max-width: 100%;
        height: auto;
        padding: 0 0 20% 0;
    }
    .content-print .section-3-bg {
        height:auto;
    }
    .content-print .section-3 {
        width: auto;
        position:relative;
        margin: 0 auto;
        height: auto;
    }
    .content-print .section-3 .text-1 {
        position: relative;
        margin: 0 auto;
        padding:15% 0 0 5%;
        font-size: 1.6em;
        line-height: 1.3;
        color: #ffffff;
        text-align:center;
    }
    .content-print .section-3 .text-1 strong {
        font-size: 120%;
        color: #fffc00;
        margin:0 1% 0 0;
    }
    .content-print .section-3 .text-1 strong strong {
        font-size: 130%;
    }
    .content-print .section-3 .text-2 {
        position: relative;
        margin: -20% 5% -17% 5%;
        padding: 65% 0 23% 0;
        font-size: 0.75em;
        color: #fffc00;
        text-align: center;
        background: url(../../img/print/section1-back-1.png) no-repeat center;
        background-size: 95%;
    }
    .content-print .section-3 .text-2 strong {
        font-size: 2.3em;
        color: #ffffff;
    }
    .content-print .section-3 .text-3 {
        width: auto;
        position: relative;
        font-size: 0.85em;
        color: #ffffff;
        text-align: center;
    }
    .content-print .section-3 .text-4 {
        background:url(../../img/print/detail-button_off.png) no-repeat center top;
        background-size:contain;
        width:auto;
        height:auto;
        position: relative;
        margin: 5% 9% 0 9%;
        padding: 16% 0% 0 0%;
        text-align: center;
    }
    .content-print .section-3 .text-4:hover {
        background:url(../../img/print/detail-button_on.png) no-repeat center top;
    }
    .content-print .section-3 .text-5 {
        position: relative;
        margin: 4% 5% -4% 5%;
        padding: 52% 0 10% 0;
        font-size: 0.75em;
        color: #fffc00;
        text-align: center;
        background: url(../../img/print/section1-back-1.png) no-repeat center;
        background-size: 95%;
        }
    .content-print .section-3 .text-5 strong {
        font-size: 2.3em;
        color: #ffffff;
    }
    .content-print .section-3 .text-6 {
        width: auto;
        position: relative;
        font-size: 0.85em;
        color: #ffffff;
        text-align: center;
    }
    .content-print .section-3 .text-7 {
        background:url(../../img/print/detail-button_off.png) no-repeat center top;
        background-size:contain;
        width:auto;
        height:auto;
        position: relative;
        margin: 5% 9% 0 9%;
        padding: 16% 0% 0 0%;
        text-align: center;
    }
    .content-print .section-3 .text-7:hover {
        background:url(../../img/print/detail-button_on.png) no-repeat center top;
    }
    .content-print .section-3 .text-8 {
        position: relative;
        margin: 10% 5% 0 5%;
        padding:42% 0 10% 0;
        font-size: 0.8em;
        color: #fffc00;
        text-align: center;
        background:url(../../img/print/section1-back-1.png) no-repeat center;
        background-size:100%;
    }
    .content-print .section-3 .text-8 strong {
        font-size: 2.3em;
        color: #ffffff;
    }
    .content-print .section-3 .text-9 {
        width: auto;
        position: relative;
        font-size:0.85em;
        color: #ffffff;
        text-align: center;
    }
    .content-print .section-3 .text-10 {
        background:url(../../img/print/detail-button_off.png) no-repeat center top;
        background-size:contain;
        width:auto;
        height:auto;
        position: relative;
        margin: 5% 9% 20% 9%;
        padding: 16% 0% 0 0%;
        text-align: center;
    }
    .content-print .section-3 .text-10:hover {
        background:url(../../img/print/detail-button_on.png) no-repeat center top;
    }

    .content-print .section-4-wrapper {
        background-color: #ffffff;
        background-size:cover;
        width: auto;
    }
    .content-print .section-4 {
        width: auto;
        height: auto;
        position:relative;
        margin: 0 auto;
    }
    .content-print .section-4 .text-1 {
        position: relative;
        margin: 0;
        padding:20% 0 0 0;
        font-size:120%;
        line-height: 160%;
        text-align: center;
    }
    .content-print .section-4 .text-1 strong {
        font-size: 140%;
    }
    .content-print .section-4 .text-1 strong strong {
        font-size: 130%;
        color: #db2e0e;
    }
    .content-print .section-4 .text-2 {
        position: relative;
        margin: 7% 0 0 0;
        padding: 0 0 10% 0;
        font-size: 0.9em;
        line-height: 140%;
        text-align: center;
    }

    .content-print .section-5-wrapper {
        background: #ffffff;
        background-size:cover;
        width: auto;
        height:auto;
        position:relative;
    }
    .content-print .section-5-bg {
        background:url(../../img/print/section5-back.png) repeat-x left top;
        background-size:cover;
        width: auto;
        height:auto;
        position:relative;
        padding-bottom: 5em;
    }
    .content-print .section-5 {
        width: auto;
        margin: 0 2%;
        padding: 0;
    }
    .content-print .section-5 .text-1-2 {
        position: relative;
        background:#fff;
        margin: 0 auto 3em;
        padding-bottom: 2em;
        top: 3em;
        width: 94%;
        box-shadow: 8px 8px 17px 0 rgba(0, 0, 0, 0.3);
    }
    .content-print .section-5 .text-1 {
        position: relative;
        padding: 30% 0 8% 0;
        font-size: 1em;
        line-height: 150%;
        text-align: center;
        color: #3c93d6;
        font-weight: bold;
        background: url(../img/print/section6-1-icon.png) no-repeat center top;
        background-size: 26%;
        background-position-y: 0.5em;
    }
    .content-print .section-5 .text-1 strong {
        font-size: 145%;
        color: #db2e0e;
    }
    .content-print .section-5 .text-2 {
        width: auto;
        position: relative;
        margin: 0 4%;
        font-size: 0.9em;
    }
    .content-print .section-5 .text-3-4 {
        position: relative;
        background:#fff;
        margin: 0 auto 3em;
        padding-bottom: 2em;
        top: 3em;
        width: 94%;
        box-shadow: 8px 8px 17px 0 rgba(0, 0, 0, 0.3);
    }
    .content-print .section-5 .text-3 {
        position: relative;
        padding: 30% 0 8% 0;
        font-size: 1em;
        line-height: 150%;
        text-align: center;
        color: #3c93d6;
        font-weight: bold;
        background: url(../img/print/section6-2-icon.png) no-repeat center top;
        background-size: 26%;
        background-position-y: 0.5em;
    }
    .content-print .section-5 .text-3 strong {
        font-size: 145%;
        color: #db2e0e;
    }
    .content-print .section-5 .text-4 {
        width: auto;
        position: relative;
        margin: 0 4%;
        font-size: 0.9em;
    }
    .content-print .section-5 .text-5-6 {
        position: relative;
        background:#fff;
        margin: 0 auto 3em;
        padding-bottom: 2em;
        top: 3em;
        width: 94%;
        box-shadow: 8px 8px 17px 0 rgba(0, 0, 0, 0.3);
    }
    .content-print .section-5 .text-5 {
        position: relative;
        padding: 30% 0 8% 0;
        font-size: 1em;
        line-height: 150%;
        text-align: center;
        color: #3c93d6;
        font-weight: bold;
        background: url(../img/print/section6-3-icon.png) no-repeat center top;
        background-size: 26%;
        background-position-y: 0.5em;
    }
    .content-print .section-5 .text-5 strong {
        font-size: 145%;
        color: #db2e0e;
    }
    .content-print .section-5 .text-6 {
        width: auto;
        position: relative;
        margin: 0 4%;
        font-size: 0.9em;
    }
    .content-print .section-5 .text-7all {
        position: relative;
        background:#fff;
        margin: 0 auto 3em;
        padding-bottom: 2em;
        top: 3em;
        width: 94%;
        box-shadow: 8px 8px 17px 0 rgba(0, 0, 0, 0.3);
    }
    .content-print .section-5 .text-7 {
        position: relative;
        margin: 0 5% 3% 5%;
        padding: 13% 4% 2% 0;
        font-size: 120%;
        font-weight: bold;
        text-align: right;
        border-bottom: 3px dotted #99CCFF;
        background: url(../img/print/section6-4-icon.png) no-repeat left top;
        background-size: 35%;
        background-position-y: 0.5em;
    }
    .content-print .section-5 .text-7 strong {
        font-size: 110%;
    }
    .content-print .section-5 .text-8 {
        background:url(../../img/print/section5-image-1.png)no-repeat center bottom;
        background-size:100%;
        position: relative;
        margin: 0 4%;
        font-size: 0.9em;
        padding-bottom: 65%;
    }

    .content-print .section-6-wrapper {
        position:relative;
        background-color: #ffffff;
        background-size:cover;
        width:auto;
        margin: 0 0 20% 0;
        padding: 5% 0 15% 0;
    }
    .content-print .section-6-bg {
        position:relative;
        background-color: #ffffff;
        background-size:cover;
        width: auto;
        height:auto;
    }
    .content-print .section-6 {
        width: auto;
        position:relative;
        padding: 5% 5%;
    }
    .content-print .section-6 .text-1 {
        position: relative;
        margin: 13% 0 3% 0;
        font-size: 107%;
        text-align: center;
        font-weight: bold;
        width: auto;
        padding: 5px 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .content-print .section-6 .text-1::before,
    .content-print .section-6 .text-1::after {
        position: absolute;
        top: 0;
        content: '';
        width: 12px;
        height: 100%;
        border-top: 2px solid #a9a9a9;
        border-bottom: 2px solid #a9a9a9;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .content-print .section-6 .text-1::before {
        left: 0;
        border-left: 4px solid #a9a9a9;
    }
    .content-print .section-6 .text-1::after {
        right: 0;
        border-right: 4px solid #a9a9a9;
    }
    .content-print .section-6 .text-1 strong {
        font-size: 105%;
        color: #db2e0e;
    }
    .content-print .section-6 .text-2 {
        position: relative;
        margin: 8% 0 10% 0;
        font-size: 90%;
        line-height: 120%;
        text-align: center;
    }
    .content-print .section-6 .text-3-4 {
        background:url(../../img/print/section5-back.png) repeat-x left top;
        background-size:cover;
        width: auto;
        height:auto;
        position:relative;
        padding:6% 0 6% 0;
    }
    .content-print .section-6 .text-3 {
        background:url(../../img/print/section3-1-back-transparent.png) no-repeat left top;
        background-size:100%;
        position: relative;
        margin: 5% 5% 0 5%;
        padding: 70% 0 2% 0;
        font-size: 100%;
        line-height: 100%;
        font-weight: bold;
        border-bottom:3px dotted #99CCFF;
    }
    .content-print .section-6 .text-4 {
        width: auto;
        position: relative;
        margin: 6% 5% 0% 5%;
        padding:0;
        font-size: 0.9em;
        line-height: 140%;
    }
    .content-print .section-6 .text-5 {
        position: relative;
        margin: 13% 0 3% 0;
        font-size:107%;
        text-align: center;
        font-weight: bold;
        width: auto;
        padding: 5px 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .content-print .section-6 .text-5::before,
    .content-print .section-6 .text-5::after {
        position: absolute;
        top: 0;
        content: '';
        width: 12px;
        height: 100%;
        border-top: 2px solid #a9a9a9;
        border-bottom: 2px solid #a9a9a9;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .content-print .section-6 .text-5::before {
        left: 0;
        border-left: 4px solid #a9a9a9;
    }
    .content-print .section-6 .text-5::after {
        right: 0;
        border-right: 4px solid #a9a9a9;
    }
    .content-print .section-6 .text-5 strong {
        font-size: 105%;
        color: #db2e0e;
    }
    .content-print .section-6 .text-6 {
        position: relative;
        margin: 8% 0 10% 0;
        font-size:0.9em;
        line-height: 120%;
        text-align: center;
    }
    .content-print .section-6 .text-7-8 {
        background:url(../../img/print/section5-back.png) repeat-x left top;
        background-size:cover;
        width: auto;
        height:auto;
        position:relative;
        padding:6% 0 6% 0;
    }
    .content-print .section-6 .text-7 {
        background:url(../../img/print/section3-2-back-transparent.png) no-repeat 
            left top;
        background-size:100%;
        position: relative;
        margin: 5% 5% 0 5%;
        padding: 70% 0 2% 0;
        font-size: 100%;
        line-height: 100%;
        font-weight: bold;
        border-bottom:3px dotted #99CCFF;
    }
    .content-print .section-6 .text-8 {
        width: auto;
        position: relative;
        margin: 6% 5% 0 5%;
        padding: 0;
        font-size: 0.9em;
        line-height: 140%;
    }

    .content-print .section-7-wrapper {
        background:url(../../img/print/section4-back-transparent.png) no-repeat center top;
        background-size:cover; 
        max-width: 100%;
        width: auto;
        height: auto;
        padding:5% 0 0 0;
    }
    .content-print .section-7 {
        width: auto;
        position:relative;
        margin: auto 0;
    }
    .content-print .section-7 .text-1 {
        position: relative;
        margin: 13% 3% 3% 3%;
        font-size: 107%;
        text-align: center;
        font-weight: bold;
        width: auto;
        padding: 5px 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .content-print .section-7 .text-1::before,
    .content-print .section-7 .text-1::after {
        position: absolute;
        top: 0;
        content: '';
        width: 12px;
        height: 100%;
        border-top: 2px solid #a9a9a9;
        border-bottom: 2px solid #a9a9a9;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .content-print .section-7 .text-1::before {
        left: 0;
        border-left: 4px solid #a9a9a9;
    }
    .content-print .section-7 .text-1::after {
        right: 0;

        border-right: 4px solid #a9a9a9;
    }

    .content-print .section-7 .text-1 strong {
        color: #db2e0e;
    }
    .content-print .section-7 .text-2 {
        position: relative;
        margin: 10% 0 0 3%;
        padding:13% 10%;
        font-size: 45%;
        line-height: 100%;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
        float:left;
        display:none;
    }
    .content-print .section-7 .text-3 {
        position: relative;
        margin: 10% 0 0 3%;
        padding:13% 4%;
        font-size: 45%;
        line-height: 100%;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
        float:left;
        display:none;
    }
    .content-print .section-7 .text-4 {
        position: relative;
        margin: 10% 3% 0 0;
        padding:13% 2.5%;
        font-size: 45%;
        line-height: 100%;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
        float:right;
        display:none;

    }
    .content-print .section-7 .text-5 {
        position: relative;
        margin: 40% 0 0 23%;
        font-size: 45%;
        line-height: 100%;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
        float:left;
        clear:both;
        display:none;
    }
    .content-print .section-7 .text-6 {
        position: relative;
        margin: 40% 20% 0 0;
        font-size: 45%;
        line-height: 100%;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
        float:right;
        display:none;
    }
    .content-print .section-7 .text-7 {
        position: relative;
        margin: 70% 2% 20% 2%;
        padding:20% 0;
        font-size: 93%;
        text-align: center;
        font-weight: bold;
        color: #033b88;
        clear:both;
    }

    .content-print .section-10-wrapper {
        background-color: #3c93d6;
        width: auto;
    }
    .content-print .section-10-bg {
        height:auto;
    }
    .content-print .section-10 {
        width: auto;
        position:relative;
        margin: 0 auto;
        color: #ffffff;
    }
    .content-print .section-10 .text-1 {
        position: relative;
        width: auto;
        margin: 0;
        padding: 20% 0 0 0;
        font-size: 180%;
        line-height: 130%;
        text-align: center;
    }
    .content-print .section-10 .text-2 {
        background:url(../../img/service/service_manual.jpg) no-repeat left top;
        background-size:contain;
        width:auto;
        height:auto;
        position: relative;
        margin: 10% 5% 0 5%;
        padding: 30% 0 0 0;
        text-align: center;
        cursor: pointer;
    }
    .content-print .section-10 .text-2:hover {
        background:url(../../img/service/service_manual_on.jpg) no-repeat left top;
    }
    .content-print .section-10 .text-3 {
        width: auto;
        position: relative;
        margin: 2% 5% 15% 5%;
        font-size: 81%;
        line-height: 130%;
    }
    .content-print .section-10 .text-4 {
        background:url(../../img/service/service_graphic.jpg) no-repeat left top;
        background-size:contain;
        width:auto;
        height:auto;
        position: relative;
        margin: 10% 5% 0 5%;
        padding: 30% 0 0 0;
        text-align: center;
        cursor: pointer;
    }
    .content-print .section-10 .text-4:hover {
        background:url(../../img/service/service_graphic_on.jpg) no-repeat left top;
    }
    .content-print .section-10 .text-5 {
        width: auto;
        position: relative;
        margin: 2% 5% 0 5%;
        padding:0 0 15% 0;
        font-size: 81%;
        line-height: 130%;
    }

    .content-print .section-11-wrapper {
        background-color: #49a2e4;
        background-size:cover;
        width: auto;
        padding:0 0 15% 0;
        margin:0;
    }
    .content-print .section-11-bg {
        background-color: #49a2e4;
        height:100%;
    }
    .content-print .section-11 {
        width: auto;
        position:relative;
        margin: 0 auto;
        color: #ffffff;
    }
    .content-print .section-11 .text-1 {
        position: relative;
        margin: 0;
        padding: 20% 0 0 0;
        font-size: 200%;
        line-height: 130%;
        text-align: center;
    }
    .content-print .section-11 .text-2 {
        width: auto;
        position: relative;
        margin: 10% 0 0 0;
        padding: 6% 0 2% 5%;
        font-size: 16px;
        line-height: 150%;
        border-bottom:1px dotted #ffffff;
        border-top:1px dotted #ffffff;
    }
    .content-print .section-11 .text-2 .title {
        font-weight: bold;
        margin: 0 13% 0 3%;
    }
    .content-print .section-11 .text-3 {
        width: auto;
        position: relative;
        margin: 3% 0 0 0;
        padding: 3% 0 2% 5%;
        font-size: 16px;
        line-height: 150%;
        border-bottom:1px dotted #ffffff;
    }
    .content-print .section-11 .text-3 .title {
        font-weight: bold;
        margin: 0 13% 0 3%;
    }
    .content-print .section-11 .text-4 {
        width: auto;
        position: relative;
        margin: 3% 0 0 0;
        padding: 3% 0 2% 5%;
        font-size: 16px;
        line-height: 150%;
        border-bottom:1px dotted #ffffff;
    }
    .content-print .section-11 .text-4 .title {
        font-weight: bold;
        margin: 0 13% 0 3%;
    }
    .content-print .section-11 .text-5 {
        width: auto;
        position: relative;
        margin: 3% 0 20% 0;
        padding: 3% 0 2% 0;
        font-size: 16px;
        line-height: 150%;
        border-bottom:1px dotted #ffffff;
    }
    .content-print .section-11 .text-5 .title {
        font-weight: bold;
        margin: 0 15% 0 10%;
    }

    .content-print .section-footer-wrapper {
        width:auto;
    }
    .content-print .section-footer-bg {
        background-color: #ffffff;
        background-size:cover;
    }
    .content-print .section-footer .button-top {
        background:url(../../img/footer/pagetop-print.png) no-repeat left top;
    }
    .content-print .section-footer .text-1 {
        width: auto;
        position: relative;
        margin: 0%;
        padding:15% 1% 0 1%;
        font-size: 41%;
        line-height: 120%;
        text-align: center;
    }
    .content-print .section-footer .text-2 {
        font-size: 38%;
        padding:10% 0 0 2%;
    }
    .content-print .section-footer .text-3 {
        font-size: 38%;
        padding:0 0 10% 2%;
        margin:0;
    }
    .content-print .section-footer-line {
        background-color: #08408b;
        color: #ffffff;
        font-size: 38%;
        text-align:center;
    }
}


/* digital-marketing */
@media (min-width:768px){
    /* 画面幅768ピクセル以上：PC表示 */

    .br-sp {
        display: none;
    }
    .content-digital-marketing .section-7 .image-7 {
        display: none;
    }
    .content-digital-marketing .section-8 .image8_1{
        display: none;
    }
    .content-digital-marketing .section-8 .image8_2{
        display: none;
    }
    .content-digital-marketing .section-8 .image8_3{
        display: none;
    }
    .content-digital-marketing .section-8 .image8_4{
        display: none;
    }
    .content-digital-marketing .section-8 .image8_5{
        display: none;
    }
    .content-digital-marketing .section-8 .image8_6{
        display: none;
    }

    .content-digital-marketing {
        width: 100%;
        color: #323232;
        font-size: 16px;
        line-height: 18px;
    }

    .content-digital-marketing h1,
    .content-digital-marketing h2,
    .content-digital-marketing h3 {
        font-weight: normal;
    }

    .content-digital-marketing .section-info-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-digital-marketing .section-info-bg {
        background:url(../../img/sales/sales-info.png) no-repeat center top;
        height:387px;
    }
    .content-digital-marketing .section-info {
        width:980px;
        position:relative;
        margin: 0 auto;
    }
    .content-digital-marketing .section-info .text-1 {
        width: 250px;
        position: absolute;
        margin: 54px 0 0 -55px;
        font-size: 20px;
        line-height: 22px;
        color: #9a68bf;
        text-align: center;
    }
    .content-digital-marketing .section-info .text-2 {
        width: 250px;
        position: absolute;
        margin: 105px 0 0 -50px;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
    }
    .content-digital-marketing .section-info .text-3 {
        width: 600px;
        position: absolute;
        margin: 60px 0 0 220px;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }
    .content-digital-marketing .section-info .text-4 {
        width: 400px;
        position: absolute;
        margin: 175px 0 0 60px;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }
    .content-digital-marketing .section-info .text-4 strong {
        font-weight: bold;
    }
    .content-digital-marketing .section-info .text-5 {
        background:url(../../img/sales/sales-form-button.png) no-repeat left top;
        width:380px;
        height:70px;
        position: absolute;
        margin: 233px 0 0 70px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
    }
    .content-digital-marketing .section-info .text-5:hover {
        background:url(../../img/sales/sales-form-button_on.png) no-repeat left top;
    }
    .content-digital-marketing .section-info .text-6 {
        width: 400px;
        position: absolute;
        margin: 175px 0 0 520px;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }
    .content-digital-marketing .section-info .text-6 strong {
        font-weight: bold;
    }
    .content-digital-marketing .section-info .text-7 {
        width: 400px;
        position: absolute;
        margin: 240px 0 0 630px;
        font-size: 14px;
        line-height: 16px;
        color: #9a68bf;
    }
    .content-digital-marketing .section-info .text-7 strong {
        font-size: 32px;
        line-height: 36px;
    }

    .content-digital-marketing .section-1-wrapper {
        background-color: #db232b;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-digital-marketing .section-1-bg {
        background: url(../../img/digitalmarketing/header-back-transparent.png) no-repeat center top;
        height:528px;
    }
    .content-digital-marketing .section-1 {
        width: 980px;
        position:relative;
        margin: 0 auto;
        color: #ffffff;
    }
    .content-digital-marketing .section-1 .text-1 {
        width: 400px;
        position: absolute;
        margin: 22px 0 0 85px;
        font-size: 14px;
    }
    .content-digital-marketing .section-1 .text-1 strong {
        font-size: 26px;
        line-height: 38px;
        font-weight: normal;
    }
    .content-digital-marketing .section-1 .text-1 strong .bold {
        font-weight: bold;
    }
    .content-digital-marketing .section-1 .text-2 {
        background:url(../../img/digitalmarketing/digitalmarke-contact-button.png) no-repeat left top;
        width:202px;
        height:49px;
        position: absolute;
        margin: 22px 0 0 780px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
    }
    .content-digital-marketing .section-1 .text-2:hover {
        background:url(../../img/digitalmarketing/digitalmarke-contact-button_on.png) no-repeat left top;
    }
    .content-digital-marketing .section-1 .text-3 {
        position: absolute;
        margin: 190px 0 0 0;
        font-size: 38px;
        line-height: 2;
    }
    .content-digital-marketing .section-1 .text-3 strong {
        font-size: 40px;
    }

    .content-digital-marketing .section-2-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-digital-marketing .section-2-bg {
        background: url(../../img/digitalmarketing/digitalmarke2.png) no-repeat center top;
        height:358px;
    }
    .content-digital-marketing .section-2 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-digital-marketing .section-2 .text-1 {
        position: absolute;
        margin: 50px 0 0 70px;
        font-size: 24px;
        line-height: 40px;
        text-align: center;
    }
    .content-digital-marketing .section-2 .text-1 strong {
        font-size: 24px;
        font-weight: normal;
        color: #d7212d;
    }
    .content-digital-marketing .section-2 .text-1 strong strong {
        font-size: 34px;
        font-weight: bold;
    }
    .content-digital-marketing .section-2 .text-2 {
        position: absolute;
        margin: 150px 0 0 430px;
        font-size: 24px;
        line-height: 40px;
        color: #ffffff;
        font-weight: bold;
    }
    .content-digital-marketing .section-2 .text-3 {
        position: absolute;
        margin: 225px 0 0 70px;
        font-size: 18px;
        line-height: 20px;
        text-align: center;
    }
    .content-digital-marketing .section-2 .text-4 {
        position: absolute;
        margin: 270px 0 0 70px;
        font-size: 26px;
        line-height: 40px;
    }
    .content-digital-marketing .section-2 .text-4 strong {
        color: #d7212d;
    }

    .content-digital-marketing .section-3-wrapper {
        background: url(../../img/digitalmarketing/digitalmarke3-back.jpg) repeat-x left top;
        width: 100%;
    }
    .content-digital-marketing .section-3-bg {
        background: url(../../img/digitalmarketing/digitalmarke3.png) no-repeat center top;
        background-size: 137%;
        height: 387px;
        max-width: 980px;
        margin: auto;
        background-position-x: -11em;
    }
    .content-digital-marketing .section-3 {
        position:relative;
        margin: 0 auto;
        color: #d7212d;
    }
    .content-digital-marketing .section-3 .text-1 {
        position: absolute;
        margin: 96px 0 0 34px;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }
    .content-digital-marketing .section-3 .text-2 {
        position: absolute;
        margin: 96px 0 0 353px;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }
    .content-digital-marketing .section-3 .text-3 {
        position: absolute;
        margin: 96px 0 0 705px;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }
    .content-digital-marketing .section-3 .text-4 {
        position: absolute;
        margin: 240px 0 0 55px;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }
    .content-digital-marketing .section-3 .text-5 {
        position: absolute;
        margin: 240px 0 0 405px;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }
    .content-digital-marketing .section-3 .text-6 {
        position: absolute;
        margin: 240px 0 0 685px;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }

    .content-digital-marketing .section-4-wrapper {
        background-color: #db232b;
        width: 100%;
    }
    .content-digital-marketing .section-4-bg {
        background: url(../../img/digitalmarketing/digitalmarke4.png) no-repeat center top;
        height:144px;
    }
    .content-digital-marketing .section-4 {
        width: 980px;
        position:relative;
        margin: 0 auto;
        color: #ffffff;
    }
    .content-digital-marketing .section-4 .text-1 {
        position: absolute;
        margin: 55px 0 0 200px;
        font-size: 22px;
        line-height: 32px;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
    }

    .content-digital-marketing .section-5-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-digital-marketing .section-5-bg {
        background: url(../../img/digitalmarketing/digitalmarke5.png) no-repeat center top;
        height:702px;
    }
    .content-digital-marketing .section-5 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-digital-marketing .section-5 .text-1 {
        position: absolute;
        margin: 40px 0 0 70px;
        font-size: 36px;
        line-height: 48px;
    }
    .content-digital-marketing .section-5 .text-1 strong {
        font-size: 42px;
        font-weight: normal;
    }
    .content-digital-marketing .section-5 .text-1 strong strong {
        font-size: 48px;
        color: #d7212d;
        font-weight: bold;
    }
    .content-digital-marketing .section-5 .text-2 {
        width: 560px;
        position: absolute;
        margin: 145px 0 0 10px;
        font-size: 15px;
        line-height: 28px;
    }
    .content-digital-marketing .section-5 .text-3 {
        width: 560px;
        position: absolute;
        margin: 220px 0 0 10px;
        font-size: 15px;
        line-height: 28px;
    }
    .content-digital-marketing .section-5 .text-4 {
        width: 560px;
        position: absolute;
        margin: 320px 0 0 10px;
        font-size: 17px;
        line-height: 28px;
        font-weight: bold;
    }
    .content-digital-marketing .section-5 .text-5 {
        position: absolute;
        margin: 520px 0 0 70px;
        font-size: 24px;
        line-height: 46px;
        font-weight: bold;
    }
    .content-digital-marketing .section-5 .text-5 strong {
        color: #d7212d;
        font-size: 28px;
    }
    .content-digital-marketing .section-5 .text-6 {
        background:url(../../img/digitalmarketing/digitalmarke-form-button.png) no-repeat left top;
        width: 642px;
        height: 91px;
        position: absolute;
        margin: 570px 0 0 173px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-digital-marketing .section-5 .text-6:hover {
        background:url(../../img/digitalmarketing/digitalmarke-form-button_on.png) no-repeat left top;
    }

    .content-digital-marketing .section-6-wrapper {
        background-color: #db232b;
        width: 100%;
    }
    .content-digital-marketing .section-6-bg {
        height:158px;
    }
    .content-digital-marketing .section-6 {
        width: 980px;
        position:relative;
        margin: 0 auto;
        color: #ffffff;
    }
    .content-digital-marketing .section-6 .text-1 {
        text-align: center;
        padding: 5% 0;
        font-size: 38px;
        line-height: 48px;
        color: #ffffff;
    }
    .content-digital-marketing .section-6 .text-1 strong {
        font-size: 42px;
        font-weight: bold;
    }

    .content-digital-marketing .section-7-wrapper {
        background: url(../../img/digitalmarketing/digitalmarke6-back.jpg) repeat-x left top;
        width: 100%;
    }
    .content-digital-marketing .section-7-bg {
        background: url(../../img/digitalmarketing/digitalmarke6.png) no-repeat center top;
        height: 1096px;
        width: 980px;
        margin: auto;
    }
    .content-digital-marketing .section-7 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-digital-marketing .section-7 .text-1 {
        position: absolute;
        margin: 50px 0 0 100px;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
    }
    .content-digital-marketing .section-7 .text-2 {
        position: absolute;
        margin: 910px 0 0 70px;
        font-size: 24px;
        line-height: 46px;
        font-weight: bold;
    }
    .content-digital-marketing .section-7 .text-2 strong {
        color: #d7212d;
        font-size: 28px;
    }
    .content-digital-marketing .section-7 .text-3 {
        background:url(../../img/digitalmarketing/digitalmarke-form-button.png) no-repeat left top;
        width:642px;
        height:91px;
        position: absolute;
        margin: 960px 0 0 173px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-digital-marketing .section-7 .text-3:hover {
        background:url(../../img/digitalmarketing/digitalmarke-form-button_on.png) no-repeat left top;
    }

    .content-digital-marketing .section-8-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-digital-marketing .section-8-bg {
        background: url(../../img/digitalmarketing/digitalmarke7.png) no-repeat center top;
        height:696px;
        width: 980px;
        margin: auto;
    }
    .content-digital-marketing .section-8 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-digital-marketing .section-8 .text-1 {
        position: absolute;
        margin: 50px 0 0 340px;
        font-size: 38px;
        line-height: 48px;
    }
    .content-digital-marketing .section-8 .text-1 strong {
        font-size: 40px;
    }
    .content-digital-marketing .section-8 .text-2 {
        position: absolute;
        margin: 155px 0 0 70px;
        font-size: 28px;
        line-height: 30px;
        color: #d7212d;
        font-weight: bold;
    }
    .content-digital-marketing .section-8 .text-3 {
        position: absolute;
        margin: 209px 0 0 50px;
        font-size: 20px;
        line-height: 25px;
        color:#313131;
    }
    .content-digital-marketing .section-8 .text-4 {
        position: absolute;
        margin: 155px 0 0 400px;
        font-size: 28px;
        line-height: 30px;
        color: #d7212d;
        font-weight: bold;
    }
    .content-digital-marketing .section-8 .text-5 {
        position: absolute;
        margin: 209px 0 0 380px;
        font-size: 20px;
        line-height: 25px;
        color:#313131;
    }
    .content-digital-marketing .section-8 .text-6 {
        position: absolute;
        margin: 155px 0 0 735px;
        font-size: 28px;
        line-height: 30px;
        color: #d7212d;
        font-weight: bold;
    }
    .content-digital-marketing .section-8 .text-7 {
        position: absolute;
        margin: 209px 0 0 715px;
        font-size: 20px;
        line-height: 25px;
        color:#313131;
    }
    .content-digital-marketing .section-8 .text-8 {
        position: absolute;
        margin: 345px 0 0 70px;
        font-size: 28px;
        line-height: 30px;
        color: #d7212d;
        font-weight: bold;
    }
    .content-digital-marketing .section-8 .text-9 {
        position: absolute;
        margin: 399px 0 0 50px;
        font-size: 20px;
        line-height: 25px;
        color:#313131;
    }
    .content-digital-marketing .section-8 .text-10 {
        position: absolute;
        margin: 345px 0 0 400px;
        font-size: 28px;
        line-height: 30px;
        color: #d7212d;
        font-weight: bold;
    }
    .content-digital-marketing .section-8 .text-11 {
        position: absolute;
        margin: 399px 0 0 380px;
        font-size: 20px;
        line-height: 25px;
        color:#313131;
    }
    .content-digital-marketing .section-8 .text-12 {
        position: absolute;
        margin: 345px 0 0 735px;
        font-size: 28px;
        line-height: 30px;
        color: #d7212d;
        font-weight: bold;
    }
    .content-digital-marketing .section-8 .text-13 {
        position: absolute;
        margin: 399px 0 0 715px;
        font-size: 20px;
        line-height: 25px;
        color:#313131;
    }
    .content-digital-marketing .section-8 .text-14 {
        position: absolute;
        margin: 500px 0 0 40px;
        font-size: 22px;
        line-height: 46px;
        font-weight: bold;
    }
    .content-digital-marketing .section-8 .text-14 strong {
        color: #d7212d;
        font-size: 26px;
    }
    .content-digital-marketing .section-8 .text-15 {
        background:url(../../img/digitalmarketing/digitalmarke-form-button.png) no-repeat left top;
        width:642px;
        height:91px;
        position: absolute;
        margin: 550px 0 0 173px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-digital-marketing .section-8 .text-15:hover {
        background:url(../../img/digitalmarketing/digitalmarke-form-button_on.png) no-repeat left top;
    }

    .content-digital-marketing .section-9-wrapper {
        background: url(../../img/digitalmarketing/dm-relation-back.jpg) repeat-x left top;
        width: 100%;
    }
    .content-digital-marketing .section-9-bg {
        background: url(../../img/digitalmarketing/dm-relation.png) no-repeat center top;
        height:642px;
    }
    .content-digital-marketing .section-9 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-digital-marketing .section-9 .text-1 {
        position: absolute;
        margin: 50px 0 0 345px;
        font-size: 38px;
        line-height: 40px;
        text-align: center;
    }
    .content-digital-marketing .section-9 .text-2 {
        background:url(../../img/service/service_web.jpg) no-repeat center top;
        background-size: 95%;
        width: 480px;
        height: 150px;
        position: absolute;
        margin: 110px 0 0 5px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-digital-marketing .section-9 .text-2:hover {
        background:url(../../img/service/service_web_on.jpg) no-repeat left top;
    }
    .content-digital-marketing .section-9 .text-3 {
        width: 440px;
        position: absolute;
        margin: 265px 0 0 20px;
        font-size: 14px;
        line-height: 22px;
    }
    .content-digital-marketing .section-9 .text-4 {
        background:url(../../img/service/service_SPS.jpg) no-repeat center top;
        background-size: 95%;
        width: 480px;
        height: 150px;
        position: absolute;
        margin-top: 110px;
        right: 0.3em;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-digital-marketing .section-9 .text-4:hover {
        background:url(../../img/service/service_SPS_on.jpg) no-repeat left top;
    }
    .content-digital-marketing .section-9 .text-5 {
        width: 440px;
        position: absolute;
        margin: 265px 0 0 510px;
        font-size: 14px;
        line-height: 22px;
    }
    .content-digital-marketing .section-9 .text-6 {
        position: absolute;
        margin: 410px 0 0 435px;
        font-size: 30px;
        line-height: 32px;
        text-align: center;
    }
    .content-digital-marketing .section-9 .text-7 {
        width:480px;
        position: absolute;
        margin: 473px 0 0 15px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-digital-marketing .section-9 .text-7 .title {
        font-weight: bold;
        margin: 0 50px 0 0;
    }
    .content-digital-marketing .section-9 .text-8 {
        width:480px;
        position: absolute;
        margin: 527px 0 0 15px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-digital-marketing .section-9 .text-8 .title {
        font-weight: bold;
        margin: 0 50px 0 0;
    }
    .content-digital-marketing .section-9 .text-9 {
        position: absolute;
        margin: 473px 0 0 520px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-digital-marketing .section-9 .text-9 .title {
        font-weight: bold;
        margin: 0 50px 0 0;
    }
    .content-digital-marketing .section-9 .text-10 {
        position: absolute;
        margin: 527px 0 0 520px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-digital-marketing .section-9 .text-10 .title {
        font-weight: bold;
        margin: 0 65px 0 0;
    }

    .content-digital-marketing .section-footer .button-top {
        background:url(../../img/footer/pagetop-digitalmarke.png) no-repeat left top;
    }
    .content-digital-marketing .section-footer-line {
        background-color: #db232b;
        color: #ffffff;
    }

}


/* 共通 for pc */
@media (min-width:768px){
    /* 画面幅768ピクセル以上：PC表示 */

    .br-sp {
        display:none;
    }

}

/* 共通 for mobile */
@media (max-width:767px){
    /* 画面幅768未満：モバイル向け表示 */

    .br-pc {
        display: none;
    }
}


/* digital-marketing for mobile */
@media (max-width:767px){

    /* 画面幅768未満：モバイル向け表示 */


    .content-digital-marketing .section-7-bg-pc {
        display: none;
    }

    .content-digital-marketing {
        width: auto;
        color: #323232;
        font-size: 16px;
        line-height: 18px;
    }

    .content-digital-marketing .section-1-wrapper {
        max-width: 100%;
        width: auto;
        height: auto;
        background-color:#db232b;
    }
    .content-digital-marketing .section-1-bg {
        background: url(../../img/digitalmarketing/digitalmarke1-back.png) no-repeat center top;
        height: 360px; 
        width: auto;
        max-width: 100%;
        background-size:cover;
    }
    .content-digital-marketing .section-1 {
        color: #ffffff;
        max-width: 100%;
        width: auto;
        position:relative;
        margin: 0;
    }
    .content-digital-marketing .section-1 .text-1 {
        position: relative;
        display:block;
        float:left;
        font-size: 10px;
        line-height: 115%;
        margin: 2% 0 0 1%;
    }
    .content-digital-marketing .section-1 .text-1 strong {
        font-size: 12px;
        line-height: 115%;
        font-weight: normal;
    }
    .content-digital-marketing .section-1 .text-1 strong .bold {
        font-weight: bold;
    }
    .content-digital-marketing .section-1 .text-2 {
        background:url(../../img/digitalmarketing/digitalmarke-contact-button.png) no-repeat right top;
        background-size: contain;
        width:28%;
        height:auto;
        position: relative;
        float:right;
        margin: 3% 1% 0 0%;
        padding: 0 10% 10% 0;
        text-align: center;
        cursor: pointer;
    }
    .content-digital-marketing .section-1 .text-2:hover {
        background:url(../../img/digitalmarketing/digitalmarke-contact-button_on.png) no-repeat left top;
        max-width: 100%;
        height: auto;
    }
    .content-digital-marketing .section-1 .text-3 {
        position: relative;
        margin:0 0 0 3%;
        padding:12% 0 40% 0;
        font-size: 140%;
        line-height: 170%;
        clear:both;
        font-weight: bold;
    }
    .content-digital-marketing .section-1 .text-3 strong {
        font-size: 190%;
        line-height: 120%;
    }

    .content-digital-marketing .section-2-wrapper {
        background-color: #ffffff;
        max-width: 100%;
        height: auto;
        width:auto;
    }
    .section-2 {
        max-width: 100%;
        width: auto;
        margin: 0 auto;
    }
    .content-digital-marketing .section-2 .text-1 {
        padding: 20% 0 10% 0;
        margin: 0 0 2% 0;
        font-size: 115%;
        line-height: 180%;
        text-align: center;
        font-weight: bold;
    }
    .content-digital-marketing .section-2 .text-1 strong {
        font-size: 105%;
        font-weight: normal;
        color: #d7212d;
    }
    .content-digital-marketing .section-2 .text-1 strong strong {
        font-size: 115%;
        font-weight: bold;
    }
    .content-digital-marketing .section-2 .text-2 {
        font-size: 120%;
        line-height: 200%;
        color: #ffffff;
        font-weight: bold;
        margin: 0;
        text-align: center;
        position: absolute;
        left: 52%;
        top: 30%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .content-digital-marketing .section-2 .text-2-bg {
        background: url(../../img/digitalmarketing/digitalmarke6_sp3.png) no-repeat center top;
        position:relative;
        max-width: 100%;
        width: auto;
        height: auto;
        padding-top: 20%;
        margin:0 5%;
        border-top: 1px solid #ccc;
    }
    .content-digital-marketing .section-2 .text-3 {
        position: relative;
        margin:0 5% 5% 5%;
        font-size: 100%;
        line-height: 150%;
        text-align: center;
    }
    .content-digital-marketing .section-2 .text-4 {
        position: relative;
        margin:0 2% 20% 2%;
        font-size: 120%;
        line-height: 180%;
        text-align: center;
    }
    .content-digital-marketing .section-2 .text-4 strong {
        color: #d7212d;
        font-weight: bold;
        font-size: 120%;
    }

    .content-digital-marketing .section-3-wrapper {
        background: url(../../img/digitalmarketing/digitalmarke6-back.jpg) repeat-y center top; 
        background-size:cover; 
        max-width: 100%;
        height: auto;
        width: auto;    
    }
    .content-digital-marketing .section-3-bg {
        background: url(../../img/digitalmarketing/digitalmarke6-back.jpg) repeat-y center top;
        height:auto;
        border-top:2px #ccc solid;
    }
    .content-digital-marketing .section-3 {
        position:relative;
        color: #d7212d;
        display: flex;
        flex-wrap: wrap;
        width: auto;
        height: auto;
        margin: 0 1%;
    }
    .content-digital-marketing .section-3 .text-1 {
        width: 100%;
        height: auto;
        position: relative;
        padding: 18% 12% 8% 12%;
        margin: 20% 0 0 0;
        font-size: 105%;
        line-height:180%;
        background: url(../../img/digitalmarketing/digitalmarke3_sp.png) no-repeat left top;
        background-size:90%;
        background-position:30% 0%;
        text-align:center;
    }
    .content-digital-marketing .section-3 .text-2 {
        width: 100%;
        height: auto;
        position: relative;
        padding: 18% 12% 8% 12%;
        margin: 0;
        font-size: 105%;
        line-height: 180%;
        background: url(../../img/digitalmarketing/digitalmarke3_sp.png) no-repeat left top;
        background-size:90%;
        background-position:30% 0%;
        text-align:center;
    }
    .content-digital-marketing .section-3 .text-3 {
        width: 100%;
        height: auto;
        position: relative;
        padding: 17% 12% 8% 12%;
        margin: 0;
        font-size: 105%;
        line-height: 180%;
        background: url(../../img/digitalmarketing/digitalmarke3_sp.png) no-repeat left top;
        background-size:90%;
        background-position:30% 0%;
        text-align:center;
    }
    .content-digital-marketing .section-3 .text-4 {
        width: 100%;
        height: auto;
        position: relative;
        padding: 17% 12% 8% 12%;
        margin: 0;
        font-size: 105%;
        line-height: 180%;
        background: url(../../img/digitalmarketing/digitalmarke3_sp.png) no-repeat left top;
        background-size:90%;
        background-position:30% 0%;
        text-align:center;
    }
    .content-digital-marketing .section-3 .text-5 {
        width: 100%;
        height: auto;
        position: relative;
        padding: 17% 12% 8% 12%;
        margin: 0;
        font-size: 105%;
        line-height: 180%;
        background: url(../../img/digitalmarketing/digitalmarke3_sp.png) no-repeat left top;
        background-size:90%;
        background-position:30% 0%;
        text-align:center;
    }
    .content-digital-marketing .section-3 .text-6 {
        width: 100%;
        height: auto;
        position: relative;
        padding: 17% 12% 10% 12%;
        margin: 0 0 15% 0;
        font-size: 105%;
        line-height: 180%;
        background: url(../../img/digitalmarketing/digitalmarke3_sp.png) no-repeat left top;
        background-size:90%;
        background-position:30% 0%;
        text-align:center;
    }

    .content-digital-marketing .section-4-wrapper {
        background-color: #db232b;
        width: auto;
    }
    .content-digital-marketing .section-4-bg {
        background: url(../../img/digitalmarketing/digitalmarke4.png) no-repeat center top;
        background-size:100%;
        max-width: 100%;
        height: auto;
        margin:0;
        padding:60px 3px 40px 3px;
    }
    .content-digital-marketing .section-4 {
        width: auto;
        position:relative;
        margin: 0;
        color: #ffffff;
    }
    .content-digital-marketing .section-4 .text-1 {
        position: relative;
        margin: 0;
        font-size: 130%;
        line-height: 200%;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
    }

    .content-digital-marketing .section-5-wrapper {
        background-color: #ffffff;
        background-size:cover;
        width:auto;
    }
    .content-digital-marketing .section-5-bg {
        background: #ffffff;
        width: auto;
        max-width: 100%;
        height: auto;
    }
    .content-digital-marketing .section-5 {
        position:relative;
        width:auto;
        margin: 0 auto;
    }
    .content-digital-marketing .section-5 .text-1 {
        background: url(../../img/digitalmarketing/digitalmarke5_sp.png) no-repeat center bottom;
        background-size:100%;
        position: relative;
        margin: 20% 2% 0% 2%;
        padding:0 0 93% 0;
        font-size: 145%;
        line-height: 180%;
        text-align: center;
        font-weight: bold;
    }
    .content-digital-marketing .section-5 .text-1 strong {
        font-size: 125%;
        font-weight: normal;
    }
    .content-digital-marketing .section-5 .text-1 strong strong {
        font-size: 115%;
        color: #d7212d;
        font-weight: bold;
    }
    .content-digital-marketing .section-5 .text-2 {
        width: auto;
        position: relative;
        margin: 0 7% 0 7%;
        padding:8% 0 0 0;
        font-size: 100%;
        line-height: 150%;
    }
    .content-digital-marketing .section-5 .text-3 {
        width: auto;
        position: relative;
        margin: 5% 7% 0 7%;
        font-size: 100%;
        line-height: 150%;
    }
    .content-digital-marketing .section-5 .text-4 {
        width: auto;
        position: relative;
        margin: 20px 7% 0 7%;
        padding:0 0 10% 0;
        font-size: 106%;
        line-height: 150%;
        font-weight: bold;
        border-bottom:1px dashed #a9a9a9;
    }
    .content-digital-marketing .section-5 .text-5 {
        position: relative;
        margin: 10% 2% 5% 2%;
        font-size: 100%;
        line-height: 200%;
        font-weight: bold;
        text-align: center;
    }
    .content-digital-marketing .section-5 .text-5 strong {
        color: #d7212d;
        font-size: 127%;
    }
    .content-digital-marketing .section-5 .text-6 {
        background:url(../../img/digitalmarketing/digitalmarke-form-button.png) no-repeat center top;
        background-size:contain;
        background-size: 100%;
        height: auto;
        position: relative;
        margin: 0 5% 20% 5%;
        padding:14% 0 0 0;
        text-align: center;
        cursor: pointer;
    }
    .content-digital-marketing .section-5 .text-6:hover {
        background:url(../../img/digitalmarketing/digitalmarke-form-button_on.png) no-repeat center top;
    }

    .content-digital-marketing .section-6-wrapper {
        background-color: #db232b;
    }
    .content-digital-marketing .section-6-bg {
        width: auto;
        height:auto;
        margin: 0;
    }
    .content-digital-marketing .section-6 {
        position:relative;
        color: #ffffff;
        width: auto;
        margin: 0 5%;
        padding: 5% 5%;
    }
    .content-digital-marketing .section-6 .text-1 {
        position:relative;
        text-align: center;
        font-size: 26px;
        line-height: 50px;
        color: #ffffff;
        font-weight: bold;
        margin-block-start: 0.83em;
        margin-block-end: 0.83em;
    }
    .content-digital-marketing .section-6 .text-1 strong {
        font-size: 30px;
        font-weight: bold;
    }

    .content-digital-marketing .section-7-wrapper {
        background: #ffffff;
        background-size:cover;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-digital-marketing .section-7-bg {
        background: url(../../img/digitalmarketing/digitalmarke6-back-2.jpg) no-repeat center top;
        max-width: 100%;
        width: auto;
        height: auto;
        padding: 0 0 20% 0;
    }
    .content-digital-marketing .section-7 {
        position:relative;
        width: auto;
        margin: 0;
    }
    .content-digital-marketing .section-7 .text-1 {
        background:url(../../img/digitalmarketing/digitalmarke6_sp.png) no-repeat center bottom;
        background-size:100%;
        position: relative;
        width: auto;
        margin: 0 2%;
        padding: 20% 0 200% 0;
        font-size: 112%;
        line-height: 160%;
        font-weight: normal;
        text-align: center;
    }	
    .content-digital-marketing .section-7 .text-2 {
        position: relative;
        width: auto;
        padding: 20% 0 0 0;
        margin: 0 2% 5% 2%;
        font-size: 100%;
        line-height: 200%;
        font-weight: bold;
        text-align: center;
    }
    .content-digital-marketing .section-7 .text-2 strong {
        color: #d7212d;
        font-size: 127%;
    }
    .content-digital-marketing .section-7 .text-3 {
        background:url(../../img/digitalmarketing/digitalmarke-form-button.png) no-repeat center top;
        background-size: contain;
        background-size: 100%;
        height: auto;
        position: relative;
        margin: 0 5% 0 5%;
        padding: 14% 0 0 0;
        text-align: center;
        cursor: pointer;
    }
    .content-digital-marketing .section-7 .text-3:hover {
        background:url(../../img/digitalmarketing/digitalmarke-form-button_on.png) no-repeat center top;
    }

    .content-digital-marketing .section-8-wrapper {
        background-color: #ffffff;
        width: auto;
    }
    .content-digital-marketing .section-8-bg {
        background-color: #ffffff;
        width: auto;	
    }
    .content-digital-marketing .section-8 {
        width: auto;
        position:relative;
    }
    .content-digital-marketing .section-8 .text-1 {
        position: relative;
        margin: 15% 3% 0 3%;
        font-size: 180%;
        line-height: 200%;
        text-align: center;
        border-bottom: 1px solid #ccc;
    }
    .content-digital-marketing .section-8 .text-1 strong {
        font-size: 115%;
        font-weight: bold;
    }
    .content-digital-marketing .section-8 .text-2 {
        background: url(../../img/digitalmarketing/digitalmarke7_icon1.png) no-repeat left top;
        background-size:15%;
        background-position:0 30%;
        position: relative;
        margin: 1% 4% 3% 3%;
        padding: 6% 0% 5% 16%;
        font-size: 120%;
        line-height: 100%;
        color: #d7212d;
        font-weight: bold;
        border-bottom: 1px dashed lightgray;
    }
    .content-digital-marketing .section-8 .text-3 {
        position: relative;
        margin: 5% 0 3% 8%;
        font-size: 85%;
        line-height: 120%;
        color:#313131;
    }
    .content-digital-marketing .section-8 .text-2-3 {
        margin: 15% 9% 2% 9%;
        padding: 0;
        width: 80%;
        border: 3px solid lightgray;
        box-sizing: content-box;
    }
    .content-digital-marketing .section-8 .text-4 {
        background: url(../../img/digitalmarketing/digitalmarke7_icon2.png) no-repeat left top;
        background-size:15%;
        background-position:0 30%;
        position: relative;
        margin: 1% 4% 3% 3%;
        padding: 6% 0% 5% 16%;
        font-size: 120%;
        line-height: 100%;
        color: #d7212d;
        font-weight: bold;
        border-bottom: 1px dashed lightgray;
    }
    .content-digital-marketing .section-8 .text-5 {
        position: relative;
        margin: 8% 0 3% 8%;
        font-size: 85%;
        line-height: 170%;
        color:#313131;
    }
    .content-digital-marketing .section-8 .text-4-5 {
        margin: 5% 9% 2% 9%;
        padding: 0;
        width: 80%;
        border: 3px solid lightgray;
        box-sizing: content-box;
    }
    .content-digital-marketing .section-8 .text-6 {
        background: url(../../img/digitalmarketing/digitalmarke7_icon3.png) no-repeat left top;
        background-size:15%;
        background-position:0 30%;
        position: relative;
        margin: 1% 4% 3% 3%;
        padding: 6% 0% 5% 16%;
        font-size: 120%;
        line-height: 100%;
        color: #d7212d;
        font-weight: bold;
        border-bottom: 1px dashed lightgray;
    }
    .content-digital-marketing .section-8 .text-7 {
        position: relative;
        margin: 5% 0 3% 8%;
        font-size: 85%;
        line-height: 120%;
        color:#313131;
    }
    .content-digital-marketing .section-8 .text-6-7 {
        margin: 5% 9% 2% 9%;
        padding: 0;
        width: 80%;
        border: 3px solid lightgray;
        box-sizing: content-box;
    }
    .content-digital-marketing .section-8 .text-8 {
        background: url(../../img/digitalmarketing/digitalmarke7_icon4.png) no-repeat left top;
        background-size:15%;
        background-position:0 30%;
        position: relative;
        margin: 1% 4% 3% 3%;
        padding: 6% 0% 5% 16%;
        font-size: 120%;
        line-height: 100%;
        color: #d7212d;
        font-weight: bold;
        border-bottom: 1px dashed lightgray;
    }
    .content-digital-marketing .section-8 .text-9 {
        position: relative;
        margin: 8% 0 3% 8%;
        font-size: 85%;
        line-height: 170%;
        color:#313131;
    }
    .content-digital-marketing .section-8 .text-8-9 {
        margin: 5% 9% 2% 9%;
        padding: 0;
        width: 80%;
        border: 3px solid lightgray;
        box-sizing: content-box;
    }
    .content-digital-marketing .section-8 .text-10 {
        background: url(../../img/digitalmarketing/digitalmarke7_icon5.png) no-repeat left top;
        background-size:15%;
        background-position:0 30%;
        position: relative;
        margin: 1% 4% 3% 3%;
        padding: 6% 0% 5% 16%;
        font-size: 120%;
        line-height: 100%;
        color: #d7212d;
        font-weight: bold;
        border-bottom: 1px dashed lightgray;
    }
    .content-digital-marketing .section-8 .text-11 {
        position: relative;
        margin: 8% 0 3% 8%;
        font-size: 85%;
        line-height: 170%;
        color:#313131;
    }
    .content-digital-marketing .section-8 .text-10-11 {
        margin: 5% 9% 2% 9%;
        padding: 0;
        width: 80%;
        border: 3px solid lightgray;
        box-sizing: content-box;
    }
    .content-digital-marketing .section-8 .text-12 {
        background: url(../../img/digitalmarketing/digitalmarke7_icon6.png) no-repeat left top;
        background-size:15%;
        background-position:0 30%;
        position: relative;
        margin: 1% 4% 3% 3%;
        padding: 6% 0% 5% 16%;
        font-size: 120%;
        line-height: 100%;
        color: #d7212d;
        font-weight: bold;
        border-bottom: 1px dashed lightgray;
    }
    .content-digital-marketing .section-8 .text-13 {
        position: relative;
        margin: 8% 0 3% 8%;
        font-size: 85%;
        line-height: 170%;
        color:#313131;
    }
    .content-digital-marketing .section-8 .text-12-13 {
        margin: 5% 9% 2% 9%;
        padding: 0;
        width: 80%;
        border: 3px solid lightgray;
        box-sizing: content-box;
    }
    .content-digital-marketing .section-8 .text-14 {
        position: relative;	
        margin: 14% 0 5% 0;
        font-size: 102%;
        line-height: 150%;
        font-weight: bold;
        text-align: center;
        clear:both;
    }
    .content-digital-marketing .section-8 .text-14 strong {
        color: #d7212d;
        font-size: 126%;
    }
    .content-digital-marketing .section-8 .text-15 {
        background:url(../../img/digitalmarketing/digitalmarke-form-button.png) no-repeat center top;
        background-size: contain;
        background-size: 100%;
        height: auto;
        position: relative;
        margin: 0 5% 20% 5%;
        padding: 14% 0 0 0;
        text-align: center;
        cursor: pointer;
    }
    .content-digital-marketing .section-8 .text-15:hover {
        background:url(../../img/digitalmarketing/digitalmarke-form-button_on.png) no-repeat center top;
    }

    .content-digital-marketing .section-9-wrapper {
        background: url(../../img/digitalmarketing/dm-relation-back.jpg) repeat-x left top;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
        margin: 0;
    }
    .content-digital-marketing .section-9-bg {
        background: url(../../img/digitalmarketing/dm-relation-back.png) no-repeat center top;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
        padding: 0 0 15% 0;
    }
    .content-digital-marketing .section-9 {
        width: auto;
        position: relative;
        margin: 0 auto;
    }
    .content-digital-marketing .section-9 .text-1 {
        position: relative;
        width: auto;
        margin: 0;
        padding: 20% 0 0 0;
        font-size: 180%;
        line-height: 130%;
        text-align: center;
        border-bottom: 1px solid #ccc
    }
    .content-digital-marketing .section-9 .text-1 strong {
        font-size: 115%;
    }
    .content-digital-marketing .section-9 .text-2 {
        background:url(../../img/service/service_web.jpg) no-repeat center top;
        background-size: contain;
        width: auto;
        height: auto;
        position: relative;
        margin: 15% 5% 0 5%;
        padding: 30% 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-digital-marketing .section-9 .text-2:hover {
        background:url(../../img/service/service_web_on.jpg) no-repeat center top;
    }
    .content-digital-marketing .section-9 .text-3 {
        width: auto;
        position: relative;
        margin: 2% 5% 15% 5%;
        font-size: 81%;
        line-height: 130%;
    }
    .content-digital-marketing .section-9 .text-4 {
        background:url(../../img/service/service_SPS.jpg) no-repeat center top;
        background-size: contain;
        width: auto;
        height: auto;
        position: relative;
        margin: 15% 5% 0 5%;
        padding: 30% 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-digital-marketing .section-9 .text-4:hover {
        background:url(../../img/service/service_SPS_on.jpg) no-repeat center top;
    }
    .content-digital-marketing .section-9 .text-5 {
        width: auto;
        position: relative;
        margin: 2% 5% 15% 5%;
        font-size: 81%;
        line-height: 130%;
    }
    .content-digital-marketing .section-9 .text-6 {
        position: relative;
        margin: 0;
        padding: 20% 0 0 0;
        font-size: 200%;
        line-height: 130%;
        text-align: center;
    }
    .content-digital-marketing .section-9 .text-7 {
        width: auto;
        position: relative;
        margin: 10% 0 0 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom:1px solid #d3d3d3;
        border-top:1px solid #d3d3d3;
    }
    .content-digital-marketing .section-9 .text-7 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-digital-marketing .section-9 .text-8 {
        width: auto;
        position: relative;
        margin: 0% 0 0 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom:1px solid #d3d3d3;
    }
    .content-digital-marketing .section-9 .text-8 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-digital-marketing .section-9 .text-9 {
        width: auto;
        position: relative;
        margin: 0% 0 0 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom:1px solid #d3d3d3;
    }
    .content-digital-marketing .section-9 .text-9 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-digital-marketing .section-9 .text-10 {
        width: auto;
        position: relative;
        margin: 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom:1px solid #d3d3d3;
    }
    .content-digital-marketing .section-9 .text-10 .title {
        font-weight: bold;
        margin: 0 13% 0 7%;
    }

    .content-digital-marketing .section-footer-wrapper {
        background-color: #ffffff;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-digital-marketing .section-footer-bg {
        background: #ffffff;
        width: auto;
        height: auto;
    }
    .content-digital-marketing .section-footer .text-1 {
        width: auto;
        margin: 0 1% 0 1%;
        padding: 15% 0 0 0;
        font-size: 93%;
        line-height: 130%;
        text-align: center;
    }
    .content-digital-marketing .section-footer .text-2 {
        width: auto;
        margin: 10% 0 0 2%;
        font-size: 95%;
        line-height: 130%;
    }
    .content-digital-marketing .section-footer .text-3 {
        width: auto;
        margin: 4% 0 0 2%;
        padding: 0 0 10% 0;
        font-size: 95%;
        line-height: 130%;
    }
    .content-digital-marketing .section-footer-line {
        background-color: #db232b;
        color: #ffffff;
        font-size: 90%;
        line-height: 130%;
        text-align: center;
    }

}


/* manual */
@media (min-width:768px){
    /* 画面幅768ピクセル以上：PC表示 */

    .content-manual h1,
    .content-manual h2,
    .content-manual h3 {
        font-weight: normal;
    }

    .content-manual .section-info-wrapper {
        background: url(../../img/manual/contact-back.jpg) repeat-x left top;
        width: 100%;
    }
    .content-manual .section-info-bg {
        background:url(../../img/manual/contact-back-transparent-textnone.png) no-repeat center top;
        height:350px;
    }
    .content-manual .section-info-bg-gray {
        background:url(../../img/manual/contact-back-transparent-textnone-type2.png) no-repeat center top;
        height:350px;
    }
    .content-manual .section-info {
        width:980px;
        position:relative;
        margin: 0 auto;
    }
    .content-manual .section-info .text-1 {
        width: 250px;
        position: absolute;
        margin: 35px 0 0 -56px;
        font-size: 20px;
        line-height: 22px;
        color: #4d9329;
        text-align: center;
    }
    .content-manual .section-info .text-2 {
        width: 250px;
        position: absolute;
        margin: 97px 0 0 -56px;
        font-size: 11px;
        line-height: 16px;
        text-align: center;
        color: #ffffff;
    }
    .content-manual .section-info .text-3 {
        width: 660px;
        position: absolute;
        margin: 55px 0 0 180px;
        font-size: 26px;
        line-height: 30px;
        text-align: center;
    }
    .content-manual .section-info .text-4 {
        width: 400px;
        position: absolute;
        margin: 155px 0 0 60px;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        color: #ffffff;
    }
    .content-manual .section-info .text-5 {
        background:url(../../img/manual/contact-button_off.png) no-repeat left top;
        width:380px;
        height:70px;
        position: absolute;
        margin: 211px 0 0 70px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-manual .section-info .text-5:hover {
        background:url(../../img/manual/contact-button_on.png) no-repeat left top;
    }
    .content-manual .section-info .text-6 {
        width: 400px;
        position: absolute;
        margin: 155px 0 0 520px;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        color: #ffffff;
    }
    .content-manual .section-info .text-7 {
        width: 280px;
        position: absolute;
        margin: 222px 0 0 630px;
        font-size: 14px;
        line-height: 16px;
        color: #4d9329;
    }
    .content-manual .section-info .text-7 strong {
        font-size: 32px;
        line-height: 36px;
        font-weight: normal;
    }

    .content-manual .section-1-wrapper {
        background-color: #4cae27;
        width: 100%;
    }
    .content-manual .section-1-bg {
        background: url(../../img/manual/header-back-all-1.jpg) no-repeat center top;
        height:212px;
    }
    .content-manual .section-1 {
        width: 980px;
        position:relative;
        margin: 0 auto;
        color: #ffffff;
    }
    .content-manual .section-1 .text-1 {
        width: 340px;
        position: absolute;
        margin: 22px 0 0 88px;
        font-size: 14px;
    }
    .content-manual .section-1 .text-1 strong {
        font-size: 22px;
        line-height: 30px;
        font-weight: normal;
    }
    .content-manual .section-1 .text-1 strong .bold {
        font-weight: bold;
    }
    .content-manual .section-1 .text-2 {
        width: 310px;
        position: absolute;
        margin: 22px 0 0 560px;
        font-size: 13px;
    }
    .content-manual .section-1 .text-2 strong {
        font-weight: bold;
        font-size: 22px;
        line-height: 28px;
    }
    .content-manual .section-1 .text-3 {
        background:url(../../img/manual/contact-button-s_off.png) no-repeat right top;
        background-size: 93%;
        width: 202px;
        height: 70px;
        position: absolute;
        margin-top: 22px;
        right: 0em;
        font-size: 22px;
        text-align: center;
    }
    .content-manual .section-1 .text-3:hover {
        background:url(../../img/manual/contact-button-s_on.png) no-repeat left top;
    }

    .content-manual .section-2-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-manual .section-2-bg {
        background: url(../../img/manual/header-back-all-3.jpg) no-repeat center top;
        height:374px;
    }
    .content-manual .section-2 {
        width: 980px;
        position:relative;
        margin: 0 auto;
        color: #ffffff;
    }

    .content-manual .section-3-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-manual .section-3-bg {
        background: url(../../img/manual/section1-back-transparent.png) no-repeat center top;
        height:593px;
    }
    .content-manual .section-3 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-manual .section-3 .text-1 {
        position: absolute;
        margin: 22px 0 0 100px;
        font-size: 36px;
        line-height: 48px;
        text-align: center;
    }
    .content-manual .section-3 .text-1 strong {
        color: #4d9329;
    }
    .content-manual .section-3 .text-2 {
        position: absolute;
        margin: 345px 0 0 10px;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        color: #4d9329;
        font-weight: bold;
    }
    .content-manual .section-3 .text-2 strong {
        font-size: 24px;
        color: #1f1f1f;
    }
    .content-manual .section-3 .text-3 {
        width: 300px;
        position: absolute;
        margin: 470px 0 0 0;
        font-size: 14px;
        line-height: 18px;
    }
    .content-manual .section-3 .text-4 {
        position: absolute;
        margin: 345px 0 0 340px;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        color: #4d9329;
        font-weight: bold;
    }
    .content-manual .section-3 .text-4 strong {
        font-size: 24px;
        color: #1f1f1f;
        line-height: 68px;
    }
    .content-manual .section-3 .text-5 {
        width: 300px;
        position: absolute;
        margin: 470px 0 0 345px;
        font-size: 14px;
        line-height: 18px;
    }
    .content-manual .section-3 .text-6 {
        position: absolute;
        margin: 345px 0 0 710px;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        color: #4d9329;
        font-weight: bold;
    }
    .content-manual .section-3 .text-6 strong {
        font-size: 24px;
        color: #1f1f1f;
    }
    .content-manual .section-3 .text-7 {
        width: 300px;
        position: absolute;
        margin: 470px 0 0 675px;
        font-size: 14px;
        line-height: 18px;
    }

    .content-manual .section-4-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-manual .section-4-bg {
        background: url(../../img/manual/section2-back-transparent.png) no-repeat center top;
        height:932px;
    }
    .content-manual .section-4 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-manual .section-4 .text-1 {
        position: absolute;
        margin: 60px 0 0 220px;
        font-size: 32px;
        line-height: 34px;
    }
    .content-manual .section-4 .text-1 strong {
        color: #4d9329;
    }
    .content-manual .section-4 .text-2 {
        position: absolute;
        margin: 120px 0 0 120px;
        font-size: 18px;
        line-height: 26px;
        text-align: center;
    }
    .content-manual .section-4 .text-3 {
        position: absolute;
        margin: 355px 0 0 155px;
        font-size: 18px;
        line-height: 26px;
    }
    .content-manual .section-4 .text-4 {
        position: absolute;
        margin: 790px 0 0 100px;
        font-size: 18px;
        line-height: 26px;
        text-align: center;
    }

    .content-manual .section-5-wrapper {
        background-color: #eeedf3;
        width: 100%;
    }
    .content-manual .section-5-bg {
        background: url(../../img/manual/section3-back-all-textnone-1.jpg) no-repeat center top;
        height:275px;
    }
    .content-manual .section-5 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-manual .section-5 .text-1 {
        position: absolute;
        margin: 120px 0 0 0px;
        font-size: 32px;
        line-height: 44px;
        text-align:right;
    }
    .content-manual .section-5 .text-1 strong {
        color: #4d9329;
    }
    .content-manual .section-5 .text-2 {
        position: absolute;
        margin: 266px 0 0 130px;
        font-size: 18px;
        line-height: 20px;
        color: #ffffff;
        font-weight: bold;
    }

    .content-manual .section-6-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-manual .section-6-bg {
        background: url(../../img/manual/section3-back-all-textnone-2.jpg) no-repeat center top;
        height:466px;
    }
    .content-manual .section-6 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-manual .section-6 .text-1 {
        position: absolute;
        margin: 95px 0 0 80px;
        font-size: 20px;
        line-height: 22px;
        color: #ffffff;
    }
    .content-manual .section-6 .text-2 {
        position: absolute;
        margin: 95px 0 0 268px;
        font-size: 20px;
        line-height: 22px;
        color: #ffffff;
    }
    .content-manual .section-6 .text-3 {
        position: absolute;
        margin: 180px 0 0 265px;
        font-size: 14px;
        line-height: 20px;
    }
    .content-manual .section-6 .text-4 {
        position: absolute;
        margin: 95px 0 0 442px;
        font-size: 20px;
        line-height: 22px;
        color: #ffffff;
    }
    .content-manual .section-6 .text-5 {
        position: absolute;
        margin: 180px 0 0 447px;
        font-size: 14px;
        line-height: 20px;
    }
    .content-manual .section-6 .text-6 {
        position: absolute;
        margin: 95px 0 0 607px;
        font-size: 20px;
        line-height: 22px;
        color: #ffffff;
    }
    .content-manual .section-6 .text-7 {
        position: absolute;
        margin: 90px 0 0 807px;
        font-size: 30px;
        line-height: 32px;
        color: #ffffff;
    }
    .content-manual .section-6 .text-8 {
        position: absolute;
        margin: 190px 0 0 822px;
        font-size: 14px;
        line-height: 23px;
        color: #4d9329;
    }
    .content-manual .section-6 .text-9 {
        position: absolute;
        margin: 350px 0 0 80px;
        font-size: 18px;
        line-height: 20px;
        color: #353535;
        text-align: center;
    }

    .content-manual .section-7-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-manual .section-7-bg {
        background: url(../../img/manual/section4-back-transparent.png) no-repeat center top;
        height: 733px;
    }
    .content-manual .section-7 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-manual .section-7 .text-1 {
        position: absolute;
        margin: 40px 0 0 340px;
        font-size: 22px;
        line-height: 38px;
        text-align: center;
    }
    .content-manual .section-7 .text-1 strong {
        font-size: 37px;
        font-weight: normal;
    }
    .content-manual .section-7 .text-2 {
        position: absolute;
        margin: 185px 0 0 170px;
        font-size: 24px;
        line-height: 26px;
        color: #4d9329;
        font-weight: bold;
    }
    .content-manual .section-7 .text-3 {
        width: 770px;
        position: absolute;
        margin: 215px 0 0 170px;
        font-size: 14px;
        line-height: 24px;
    }
    .content-manual .section-7 .text-4 {
        position: absolute;
        margin: 350px 0 0 745px;
        font-size: 14px;
        line-height: 24px;
        font-weight: bold;
    }
    .content-manual .section-7 .text-5 {
        position: absolute;
        margin: 475px 0 0 170px;
        font-size: 24px;
        line-height: 26px;
        color: #4d9329;
        font-weight: bold;
    }
    .content-manual .section-7 .text-6 {
        width: 770px;
        position: absolute;
        margin: 505px 0 0 170px;
        font-size: 14px;
        line-height: 24px;
    }
    .content-manual .section-7 .text-7 {
        position: absolute;
        margin: 640px 0 0 745px;
        font-size: 14px;
        line-height: 24px;
        font-weight: bold;
    }

    .content-manual .section-8-wrapper {
        background-color: #ecedef;
        width: 100%;
    }
    .content-manual .section-8-bg {
        background: url(../../img/manual/section5-back-transparent.png) no-repeat center top;
        height: 1253px;
    }
    .content-manual .section-8 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-manual .section-8 .text-1 {
        position: absolute;
        margin: 40px 0 0 420px;
        font-size: 22px;
        line-height: 38px;
        text-align: center;
    }
    .content-manual .section-8 .text-1 strong {
        font-size: 37px;
        font-weight: normal;
    }
    .content-manual .section-8 .text-2 {
        position: absolute;
        margin: 190px 0 0 100px;
        font-size: 22px;
        line-height: 24px;
        color: #4d9329;
    }
    .content-manual .section-8 .text-3 {
        width: 850px;
        position: absolute;
        margin: 245px 0 0 100px;
        font-size: 14px;
        line-height: 24px;
    }
    .content-manual .section-8 .text-4 {
        position: absolute;
        margin: 385px 0 0 100px;
        font-size: 22px;
        line-height: 24px;
        color: #4d9329;
    }
    .content-manual .section-8 .text-5 {
        width: 850px;
        position: absolute;
        margin: 440px 0 0 100px;
        font-size: 14px;
        line-height: 24px;
    }
    .content-manual .section-8 .text-6 {
        position: absolute;
        margin: 605px 0 0 100px;
        font-size: 22px;
        line-height: 24px;
        color: #4d9329;
    }
    .content-manual .section-8 .text-7 {
        width: 850px;
        position: absolute;
        margin: 660px 0 0 100px;
        font-size: 14px;
        line-height: 24px;
    }
    .content-manual .section-8 .text-8 {
        position: absolute;
        margin: 825px 0 0 100px;
        font-size: 22px;
        line-height: 24px;
        color: #4d9329;
    }
    .content-manual .section-8 .text-9 {
        width: 850px;
        position: absolute;
        margin: 880px 0 0 100px;
        font-size: 14px;
        line-height: 24px;
    }
    .content-manual .section-8 .text-10 {
        position: absolute;
        margin: 1040px 0 0 100px;
        font-size: 22px;
        line-height: 24px;
        color: #4d9329;
    }
    .content-manual .section-8 .text-11 {
        width: 850px;
        position: absolute;
        margin: 1100px 0 0 100px;
        font-size: 14px;
        line-height: 24px;
    }

    .content-manual .section-9-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-manual .section-9-bg {
        height:388px;
    }
    .content-manual .section-9 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-manual .section-9 .text-1 {
        position: absolute;
        margin: 35px 0 0 350px;
        font-size: 36px;
        line-height: 40px;
        text-align: center;
    }
    .content-manual .section-9 .text-2 {
        background:url(../../img/service/service_translate.jpg) no-repeat center top;
        background-size: 95%;
        width: 480px;
        height: 150px;
        position: absolute;
        margin: 110px 0 0 5px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-manual .section-9 .text-2:hover {
        background:url(../../img/service/service_translate_on.jpg) no-repeat center top;
    }
    .content-manual .section-9 .text-3 {
        width: 440px;
        position: absolute;
        margin: 265px 0 0 20px;
        font-size: 14px;
        line-height: 22px;
    }
    .content-manual .section-9 .text-4 {
        background:url(../../img/service/service_print.jpg) no-repeat center top;
        background-size: 95%;
        width: 480px;
        height: 150px;
        position: absolute;
        margin-top: 110px;
        right: 0.3em;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-manual .section-9 .text-4:hover {
        background:url(../../img/service/service_print_on.jpg) no-repeat center top;
    }
    .content-manual .section-9 .text-5 {
        width: 440px;
        position: absolute;
        margin: 265px 0 0 510px;
        font-size: 14px;
        line-height: 22px;
    }

    .content-manual .section-10-wrapper {
        background-color: #f3f4f6;
        width: 100%;
    }
    .content-manual .section-10-bg {
        background: url(../../img/manual/section7-back-transparent.png) no-repeat center top;
        height:384px;
    }
    .content-manual .section-10 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-manual .section-10 .text-1 {
        position: absolute;
        margin: 50px 0 0 435px;
        font-size: 30px;
        line-height: 32px;
        text-align: center;
    }
    .content-manual .section-10 .text-2 {
        width:480px;
        position: absolute;
        margin: 125px 0 0 100px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-manual .section-10 .text-2 .title {
        font-weight: bold;
        margin: 0 170px 0 0;
    }
    .content-manual .section-10 .text-3 {
        width:480px;
        position: absolute;
        margin: 180px 0 0 100px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-manual .section-10 .text-3 .title {
        font-weight: bold;
        margin: 0 170px 0 0;
    }
    .content-manual .section-10 .text-4 {
        width:480px;
        position: absolute;
        margin: 235px 0 0 100px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-manual .section-10 .text-4 .title {
        font-weight: bold;
        margin: 0 170px 0 0;
    }
    .content-manual .section-10 .text-5 {
        width:480px;
        position: absolute;
        margin: 290px 0 0 100px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-manual .section-10 .text-5 .title {
        font-weight: bold;
        margin: 0 186px 0 0;
    }

    .content-manual .section-footer .button-top {
        background:url(../../img/footer/pagetop-manual.png) no-repeat left top;
    }
    .content-manual .section-footer-line {
        background-color: #8b98a0;
        color: #ffffff;
    }

}
@media (max-width:767px){
    /* 画面幅768未満：モバイル向け表示 */

    .content-manual {
        width: auto;
        color: #1f1f1f;
        font-size: 16px;
        line-height: 18px;
    }

    .content-manual h1,
    .content-manual h2,
    .content-manual h3 {
        font-weight: normal;
    }

    .content-manual .section-info-wrapper {
        background: url(../../img/manual/contact-back.jpg) repeat-x left top;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-manual .section-info-bg {
        background:url(../../img/manual/contact-back.jpg) repeat-x left top;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-manual .section-info {
        max-width: 100%;
        width:auto;
        height:auto;
        position:relative;
        margin: 0;
    }
    .content-manual .section-info .text-1 {
        width: auto;
        position: relative;
        margin: 10% 0 0 0;
        font-size: 20px;
        line-height: 22px;
        color: #4d9329;
        text-align: center;
        display:none;
    }
    .content-manual .section-info .text-2 {
        width: auto;
        position: relative;
        margin: 10% 0 0 0;
        font-size: 11px;
        line-height: 16px;
        text-align: center;
        color: #ffffff;
        display:none;
    }
    .content-manual .section-info .text-3 {
        position: relative;
        margin: 0% 0 12% 0;
        padding: 20% 0 7% 33%;
        font-size: 110%; 
        line-height: 150%;
        text-align: center;
        font-weight: normal;
        background: url(../../img/manual/contact-ex.png) no-repeat left top;
        background-size: 38%;
        background-position: 1% 80%;
    }
    .content-manual .section-info .text-4 {
        background: url(../../img/manual/section-info-back1.png) no-repeat center top;
        background-size: contain;
        width: 94%;
        position: relative;
        margin: 10% 3% 10% 3%;
        padding: 3% 0% 30% 0%;
        font-size: 130%;
        line-height: 130%;
        text-align: center;
        color: #ffffff;
    }
    .content-manual .section-info .text-5 {
        background:url(../../img/manual/contact-button_off.png) no-repeat center top;
        background-size: contain;
        width: auto;
        height: auto;
        position: relative;
        margin: -35% 6% 0 6%;
        padding: 17% 0 0 0;
        font-size: 100%;
        text-align: center;
        cursor: pointer;
    }
    .content-manual .section-info .text-5:hover {
        background:url(../../img/manual/contact-button_on.png) no-repeat center top;
    }
    .content-manual .section-info .text-6 {
        background: url(../../img/manual/section-info-back1.png) no-repeat center top;
        background-size: contain;
        width: 94%;
        position: relative;
        margin: 20% 3% 10% 3%;
        padding: 3% 0% 30% 0%;
        font-size: 130%;
        line-height: 130%;
        text-align: center;
        color: #ffffff;
    }
    .content-manual .section-info .text-7 {
        background-size: contain;
        width: auto;
        height: auto;
        position: relative;
        margin: -35% 6% 0 6%;
        padding: 0% 0 30% 0;
        font-size: 100%;
        text-align: center;
        cursor: pointer;
        color: #4d9329;
    }
    .content-manual .section-info .text-7 strong {
        font-size: 32px;
        line-height: 36px;
        font-weight: normal;
    }

    .content-manual .section-1-wrapper {
        background-color: #4cae27;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
        padding: 0 0 14% 0;
    }
    .content-manual .section-1-bg {
        background: #4cae27;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-manual .section-1 {
        width:auto;
        height:auto;
        position:relative;
        margin: 0 auto;
        color: #ffffff;
    }
    .content-manual .section-1 .text-1 {
        position: relative;
        margin: 2% 0 0 1%;
        font-size: 10px;
        line-height: 12px;
        float: left;
    }
    .content-manual .section-1 .text-1 strong {
        font-size: 12px;
        line-height: 15px;
        font-weight: normal;
    }
    .content-manual .section-1 .text-1 strong .bold {
        font-weight: bold;
    }
    .content-manual .section-1 .text-2 {
        width: auto;
        position: relative;
        margin: 10% 0 0 0;
        font-size: 13px;
        display:none;
    }
    .content-manual .section-1 .text-2 strong {
        font-weight: bold;
        font-size: 22px;
        line-height: 28px;
    }
    .content-manual .section-1 .text-3 {
        background:url(../../img/manual/contact-button-s_off.png) no-repeat right top;
        background-size: 100%;
        width: 40%;
        height: auto;
        position: relative;
        margin: 3% 2% 0 0;
        padding: 10% 0 0 0;
        text-align: center;
        float: right;
    }
    .content-manual .section-1 .text-3:hover {
        background:url(../../img/manual/contact-button-s_on.png) no-repeat center top;
    }

    .content-manual .section-2-wrapper {
        background-color: #ffffff;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
        margin:0;
    }
    .content-manual .section-2-bg {
        background: url(../../img/manual/header-back-2.png) no-repeat center top;
        background-size:cover;
        background-size:110%;
        max-width: 100%;
        width:auto;
        height:auto;
        margin:0;
        padding:50% 0 60% 0;
    }
    .content-manual .section-2 {
        width: auto;
        height:auto;
        position:relative;
        margin: 0 auto;
        color: #ffffff;
    }

    .content-manual .section-3-wrapper {
        background-color: #ffffff;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-manual .section-3-bg {
        background: #ffffff;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-manual .section-3 {
        width:auto;
        position:relative;
        margin: 0 auto;
    }
    .content-manual .section-3 .text-1 {
        width:auto;
        position: relative;
        margin: 0% 0 0 0;
        font-size: 140%;
        line-height: 150%;
        text-align: center;
    }
    .content-manual .section-3 .text-1 strong {
        color: #4d9329;
    }
    .content-manual .section-3 .text-2 {
        background:url(../../img/manual/section-3-1.png) no-repeat center top;
        background-size:97%;
        background-position:-1% 0;
        width:auto;
        position: relative;
        margin: 10% 1% 0 1%;
        padding:55% 0 3% 0;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        color: #4d9329;
        font-weight: bold;
    }
    .content-manual .section-3 .text-2 strong {
        font-size: 24px;
        color: #1f1f1f;
    }
    .content-manual .section-3 .text-3 {
        width:auto;
        position: relative;
        margin: 0 10% 0 10%;
        padding: 5% 0 10% 0;
        font-size: 14px;
        line-height: 18px;
        border-top:1px dashed #d3d3d3;
        border-bottom:1px solid #4d9329;
    }
    .content-manual .section-3 .text-4 {
        background:url(../../img/manual/section-3-2.png) no-repeat center top;
        background-size:97%;
        background-position:-1% 0;
        width:auto;
        position: relative;
        margin: 10% 1% 0 1%;
        padding:55% 0 3% 0;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        color: #4d9329;
        font-weight: bold;
    }
    .content-manual .section-3 .text-4 strong {
        font-size: 24px;
        color: #1f1f1f;
    }
    .content-manual .section-3 .text-5 {
        width:auto;
        position: relative;
        margin: 0 10% 0 10%;
        padding: 5% 0 10% 0;
        font-size: 14px;
        line-height: 18px;
        border-top:1px dashed #d3d3d3;
        border-bottom:1px solid #4d9329;
    }
    .content-manual .section-3 .text-6 {
        background:url(../../img/manual/section-3-3.png) no-repeat center top;
        background-size:97%;
        background-position:-1% 0;
        width:auto;
        position: relative;
        margin: 10% 1% 0 1%;
        padding:55% 0 3% 0;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        color: #4d9329;
        font-weight: bold;
    }
    .content-manual .section-3 .text-6 strong {
        font-size: 24px;
        color: #1f1f1f;
    }
    .content-manual .section-3 .text-7 {
        width:auto;
        position: relative;
        margin: 0 10% 0 10%;
        padding:5% 0 20% 0;
        font-size: 14px;
        line-height: 18px;
        border-top:1px dashed #d3d3d3;
    }

    .content-manual .section-4-wrapper {
        background-color: #ffffff;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-manual .section-4-bg {
        background: #ffffff;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-manual .section-4 {
        width: auto;
        position:relative;
        margin: 0 auto;
    }
    .content-manual .section-4 .text-1 {
        width: auto;
        position:relative;
        padding: 20% 0 0 0;
        margin:0 5%;
        font-size: 180%;
        line-height: 150%;
        text-align:center;
    }
    .content-manual .section-4 .text-1 strong {
        color: #4d9329;
    }
    .content-manual .section-4 .text-2 {
        background:url(../../img/manual/section4-back.png) no-repeat center bottom;
        background-size:100%;
        width: auto;
        position:relative;
        margin: 10% 4% 0 4%;
        padding:0 0 57% 0;
        font-size: 15px;
        line-height: 26px;
        text-align: center;
    }
    .content-manual .section-4 .text-3 {
        background:url(../../img/manual/section4-back-2.png) no-repeat center bottom;
        background-size:100%;
        width: auto;
        position:relative;
        margin: 10% 4% 0 4%;
        padding:0 0 105% 0 ;
        font-size: 15px;
        line-height: 26px;
        text-align: center;
    }
    .content-manual .section-4 .text-4 {
        width: auto;
        position:relative;
        margin: 10% 4% 0 4%;
        padding:0  0 20% 0;
        font-size: 14px;
        line-height: 26px;
        text-align: center;
    }

    .content-manual .section-5-wrapper {
        background-color: #eeedf3;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-manual .section-5-bg {
        background: url(../../img/manual/section5-back.png) no-repeat center top;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-manual .section-5 {
        width:auto;
        height:auto;
        position:relative;
        margin: 0 auto;
    }
    .content-manual .section-5 .text-1 {
        width:auto;
        position:relative;
        padding:5% 0 0 2%;
        margin:0;
        font-size: 28px;
        line-height: 40px;
    }
    .content-manual .section-5 .text-1 strong {
        color: #4d9329;
    }
    .content-manual .section-5 .text-2 {
        width:auto;
        position:relative;
        margin: 20% 30% 0 2%;
        padding:10% 0 5% 0;
        font-size: 18px;
        line-height: 26px;
        font-weight: bold;
    }

    .content-manual .section-6-wrapper {
        background-color: #ffffff;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
        padding:0 0 20% 0;
    }
    .content-manual .section-6-bg {
        background:url(../../img/manual/section6-back.png) no-repeat left top;
        background-size:120%;
        max-width: 100%;
        width:auto;
        height:auto;
        position:relative;
        margin:0 1% 0 1%;
    }
    .content-manual .section-6 {
        max-width: 100%;
        width:auto;
        height:auto;
        margin: 0;
    }
    .content-manual .section-6 .text-1 {

        width:auto;
        position: relative;
        padding:35% 15% 35% 8%;
        font-size: 120%;
        line-height: 100%;
        color: #ffffff;
        display: none;
    }
    .content-manual .section-6 .text-2 {

        width:auto;
        position: relative;
        padding:18% 17% 35% 8%;
        font-size: 130%;
        line-height: 100%;
        color: #ffffff;
        display: none;
    }
    .content-manual .section-6 .text-3 {
        width:auto;
        position: relative;
        font-size: 14px;
        line-height: 18px;
        padding: 55% 0 0 55%;
        margin: 1em 0;
    }
    .content-manual .section-6 .text-4 {

        width:auto;
        position: relative;
        padding:18% 17% 35% 8%;
        font-size: 130%;
        line-height: 100%;
        color: #ffffff;
        display: none;
    }
    .content-manual .section-6 .text-5 {
        width:auto;
        position: relative;
        font-size: 14px;
        line-height: 18px;
        padding: 13% 0 0 55%;
    }
    .content-manual .section-6 .text-6 {

        width:auto;
        position: relative;
        padding:17% 15% 35% 5%;
        font-size: 130%;
        line-height: 100%;
        color: #ffffff;
        display: none;
    }
    .content-manual .section-6 .text-7 {

        width:auto;
        position: relative;
        padding:18% 17% 35% 13%;
        font-size: 230%;
        line-height: 100%;
        color: #ffffff;
        display: none;
    }
    .content-manual .section-6 .text-8 {
        width:auto;
        position: relative;
        font-size: 18px;
        line-height: 28px;
        padding: 60% 0 0 55%;
        color: #4d9329;
        margin: 1em 0;
    }
    .content-manual .section-6 .text-9 {
        width:100%;
        position: relative;
        padding:20% 0 0 0 ;
        font-size: 17px;
        line-height: 30px;
        text-align:center;
        margin: 1em 0;
    }


    .content-manual .section-8-wrapper {
        background-color: #ecedef;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
        padding: 0 0 20% 0;
    }
    .content-manual .section-8-bg {
        background: #ecedef;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-manual .section-8 {
        max-width: 100%;
        width:auto;
        height:auto;
        position:relative;
        margin: 0 auto;
    }
    .content-manual .section-8 .text-1 {
        width:auto;
        position: relative;
        margin: 0;
        padding:20% 0 0 0;
        font-size: 22px;
        line-height: 38px;
        text-align: center;
    }
    .content-manual .section-8 .text-1 strong {
        font-size: 37px;
        font-weight: normal;
    }
    .content-manual .section-8 .text-2-3 {
        background: #ffffff;
        width:auto;
        position: relative;
        margin: 10% 5% 0 5%;
        padding: 0 0 5% 0;
    }
    .content-manual .section-8 .text-2 {
        background:url(../../img/manual/section6-back-2.png) no-repeat left top;
        background-size:15%;
        background-position:-1% 60%;
        width:auto;
        position: relative;
        margin: 10% 0 0 1%;
        padding:6% 1% 5% 15%;
        font-size: 14px;
        line-height: 20px;
        color: #4d9329;
    }
    .content-manual .section-8 .text-3 {
        background:url(../../img/manual/section6-back-3.png) no-repeat left top;
        background-size:17%;
        background-position:-3% 3%;
        width:auto;
        position: relative;
        margin: 0 1.5%;
        padding: 5% 1% 2% 13%;
        font-size: 14px;
        line-height: 20px;
        border-top: 2px solid #ecedef;
    }
    .content-manual .section-8 .text-4-5 {
        background: #ffffff;
        width:auto;
        position: relative;
        margin: 10% 5% 0 5%;
        padding: 0 0 5% 0;
    }
    .content-manual .section-8 .text-4 {
        background:url(../../img/manual/section6-back-2.png) no-repeat left top;
        background-size:15%;
        background-position:-1% 60%;
        width:auto;
        position: relative;
        margin: 10% 0 0 1%;
        padding:6% 1% 5% 15%;
        font-size: 14px;
        line-height: 20px;
        color: #4d9329;
    }
    .content-manual .section-8 .text-5 {
        background:url(../../img/manual/section6-back-3.png) no-repeat left top;
        background-size:17%;
        background-position:-3% 3%;
        width:auto;
        position: relative;
        margin: 0 1.5%;
        padding: 5% 1% 2% 13%;
        font-size: 14px;
        line-height: 20px;
        border-top: 2px solid #ecedef;
    }
    .content-manual .section-8 .text-6-7 {
        background: #ffffff;
        width:auto;
        position: relative;
        margin: 10% 5% 0 5%;
        padding: 0 0 5% 0;
    }
    .content-manual .section-8 .text-6 {
        background:url(../../img/manual/section6-back-2.png) no-repeat left top;
        background-size:15%;
        background-position:-1% 60%;
        width:auto;
        position: relative;
        margin: 10% 0 0 1%;
        padding:6% 1% 5% 15%;
        font-size: 14px;
        line-height: 20px;
        color: #4d9329;
    }
    .content-manual .section-8 .text-7 {
        background:url(../../img/manual/section6-back-3.png) no-repeat left top;
        background-size:17%;
        background-position:-3% 3%;
        width:auto;
        position: relative;
        margin: 0 1.5%;
        padding: 5% 1% 2% 13%;
        font-size: 14px;
        line-height: 20px;
        border-top: 2px solid #ecedef;
    }
    .content-manual .section-8 .text-8-9 {
        background: #ffffff;
        width:auto;
        position: relative;
        margin: 10% 5% 0 5%;
        padding: 0 0 5% 0;
    }
    .content-manual .section-8 .text-8 {
        background:url(../../img/manual/section6-back-2.png) no-repeat left top;
        background-size:15%;
        background-position:-1% 60%;
        width:auto;
        position: relative;
        margin: 10% 0 0 1%;
        padding:6% 1% 5% 15%;
        font-size: 14px;
        line-height: 20px;
        color: #4d9329;
        color: #4d9329;
    }
    .content-manual .section-8 .text-9 {
        background:url(../../img/manual/section6-back-3.png) no-repeat left top;
        background-size:17%;
        background-position:-3% 3%;
        width:auto;
        position: relative;
        margin: 0 1.5%;
        padding: 5% 1% 2% 13%;
        font-size: 14px;
        line-height: 20px;
        border-top: 2px solid #ecedef;
    }
    .content-manual .section-8 .text-10-11 {
        background: #ffffff;
        width:auto;
        position: relative;
        margin: 10% 5% 0 5%;
        padding: 0 0 5% 0;
    }
    .content-manual .section-8 .text-10 {
        background:url(../../img/manual/section6-back-2.png) no-repeat left top;
        background-size:15%;
        background-position:-1% 60%;
        width:auto;
        position: relative;
        margin: 10% 0 0 1%;
        padding:6% 1% 5% 15%;
        font-size: 14px;
        line-height: 40px;
        color: #4d9329;
    }
    .content-manual .section-8 .text-11 {
        background:url(../../img/manual/section6-back-3.png) no-repeat left top;
        background-size:17%;
        background-position:-3% 3%;
        width:auto;
        position: relative;
        margin: 0 1.5%;
        padding: 5% 1% 2% 13%;
        font-size: 14px;
        line-height: 20px;
        border-top: 2px solid #ecedef;
    }

    .content-manual .section-9-wrapper {
        background-color: #ffffff;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
        padding: 0 0 15% 0;
    }
    .content-manual .section-9-bg {
        width: auto;
        height: auto;
    }
    .content-manual .section-9 {
        width: auto;
        position: relative;
        margin: 0 auto;
    }
    .content-manual .section-9 .text-1 {
        position: relative;
        width: auto;
        margin: 0;
        padding: 20% 0 0 0;
        font-size: 180%;
        line-height: 130%;
        text-align: center;
    }
    .content-manual .section-9 .text-2 {
        background:url(../../img/service/service_translate.jpg) no-repeat center top;
        background-size: contain;
        width: auto;
        height: auto;
        position: relative;
        margin: 15% 5% 0 5%;
        padding: 30% 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-manual .section-9 .text-2:hover {
        background:url(../../img/service/service_translate_on.jpg) no-repeat center top;
    }
    .content-manual .section-9 .text-3 {
        width: auto;
        position: relative;
        margin: 2% 5% 15% 5%;
        font-size: 81%;
        line-height: 130%;
    }
    .content-manual .section-9 .text-4 {
        background:url(../../img/service/service_print.jpg) no-repeat center top;
        background-size: contain;
        width: auto;
        height: auto;
        position: relative;
        margin: 15% 5% 0 5%;
        padding: 30% 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-manual .section-9 .text-4:hover {
        background:url(../../img/service/service_print_on.jpg) no-repeat center top;
    }
    .content-manual .section-9 .text-5 {
        width: auto;
        position: relative;
        margin: 2% 5% 15% 5%;
        font-size: 81%;
        line-height: 130%;
    }

    .content-manual .section-10-wrapper {
        background-color: #f3f4f6;
        background-size: cover;
        width: auto;
        padding: 0 0 15% 0;
    }
    .content-manual .section-10 {
        width: auto;
        position: relative;
        margin: 0 auto;
        font-size: 36px;
        line-height: 18px;
    }
    .content-manual .section-10 .text-1 {
        position: relative;
        margin: 0;
        padding: 20% 0 0 0;
        font-size: 100%;
        line-height: 100%;
        text-align: center;
        font-weight: bold;
    }
    .content-manual .section-10 .text-2 {
        width: auto;
        position: relative;
        margin: 10% 0 0 0;
        padding: 6% 0 2% 5%;
        font-size: 45%;
        line-height: 150%;
        border-bottom: 1px solid #e4e6e9;
        border-top: 1px solid #e4e6e9;
    }
    .content-manual .section-10 .text-2 .title {
        font-weight: bold;
        margin: 0 13% 0 3%;
    }
    .content-manual .section-10 .text-3 {
        width: auto;
        position: relative;
        margin: 3% 0 0 0;
        padding: 3% 0 2% 5%;
        font-size: 45%;
        line-height: 150%;
        border-bottom: 1px solid #e4e6e9;
    }
    .content-manual .section-10 .text-3 .title {
        font-weight: bold;
        margin: 0 13% 0 3%;
    }
    .content-manual .section-10 .text-4 {
        width: auto;
        position: relative;
        margin: 3% 0 0 0;
        padding: 3% 0 2% 5%;
        font-size: 45%;
        line-height: 150%;
        border-bottom: 1px solid #e4e6e9;
    }
    .content-manual .section-10 .text-4 .title {
        font-weight: bold;
        margin: 0 13% 0 3%;
    }
    .content-manual .section-10 .text-5 {
        width: auto;
        position: relative;
        margin: 3% 0 0 0;
        padding: 3% 0 2% 0;
        font-size: 45%;
        line-height: 150%;
        border-bottom: 1px solid #e4e6e9;
    }
    .content-manual .section-10 .text-5 .title {
        font-weight: bold;
        margin: 0 15% 0 10%;
    }

    .content-manual .section-footer-wrapper {
        width: auto;
        font-size: 36px;
        line-height: 18px;
    }
    .content-manual .section-footer-bg {
        background-color: #ffffff;
        background-size: cover;
    }
    .content-manual .section-footer .button-top {
        background:url(../../img/footer/pagetop-manual.png) no-repeat left top;
    }
    .content-manual .section-footer .text-1 {
        width: auto;
        position: relative;
        margin: 0%;
        padding: 15% 1% 0 1%;
        font-size: 41%;
        line-height: 120%;
        text-align: center;
    }
    .content-manual .section-footer .text-2 {
        font-size: 38%;
        padding: 10% 0 0 2%;
    }
    .content-manual .section-footer .text-3 {
        font-size: 38%;
        padding: 0 0 10% 2%;
        margin: 0;
    }
    .content-manual .section-footer-line {
        background-color: #8b98a0;
        color: #ffffff;
        font-size: 38%;
        text-align: center;
    }

}



/* system */
@media (min-width:768px){
    /* 画面幅768ピクセル以上：PC表示 */


    .content-system {
        width: 100%;
        color: #323232;
        font-size: 16px;
        line-height: 18px;
    }

    .content-system h1,
    .content-system h2,
    .content-system h3 {
        font-weight: normal;
    }

    .content-system .section-info-wrapper {
        /*background-color: #548dd4;*/
        background-color: #93b4c5;
        width: 100%;
    }
    .content-system .section-info-bg {
        background:url(../../img/system/contact-back-all-transparent-textnone.png) no-repeat center top;
        height:386px;
        max-width: 980px;
        margin: auto;
        background-size: 136%;
    }
    .content-system .section-info {
        width:980px;
        position:relative;
        margin: 0 auto;
    }
    .content-system .section-info .text-1 {
        width: 250px;
        position: absolute;
        margin: 45px 0 0 -40px;
        font-size: 20px;
        line-height: 22px;
        color: #023f82;
        text-align: center;
    }
    .content-system .section-info .text-2 {
        width: 250px;
        position: absolute;
        margin: 103px 0 0 -40px;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        color: #023f82;
    }
    .content-system .section-info .text-3 {
        width: 600px;
        position: absolute;
        margin: 60px 0 0 200px;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        color: #ffffff;
        font-weight: bold;
    }
    .content-system .section-info .text-4 {
        width: 400px;
        position: absolute;
        margin: 155px 0 0 52px;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        color: #ffffff;
    }
    .content-system .section-info .text-4 strong {
        font-weight: bold;
    }
    .content-system .section-info .text-5 {
        background:url(../../img/system/contact-button_off.png) no-repeat left top;
        width:384px;
        height:75px;
        position: absolute;
        margin: 215px 0 0 63px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-system .section-info .text-5:hover {
        background:url(../../img/system/contact-button_on.png) no-repeat left top;
    }
    .content-system .section-info .text-6 {
        width: 400px;
        position: absolute;
        margin: 155px 0 0 530px;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        color: #ffffff;
    }
    .content-system .section-info .text-6 strong {
        font-weight: bold;
    }
    .content-system .section-info .text-7 {
        position: absolute;
        margin: 224px 0 0 630px;
        font-size: 14px;
        line-height: 16px;
        color: #023f82;
    }
    .content-system .section-info .text-7 strong {
        font-size: 32px;
        line-height: 36px;
        font-weight: normal;
    }

    .content-system .section-1-wrapper {
        background-color: #93b4c5;
        width: 100%;
    }
    .content-system .section-1-bg {
        background: url(../../img/system/header-back-fit-transparent.png) no-repeat center top;
        height:564px;
    }
    .content-system .section-1 {
        width: 980px;
        position:relative;
        margin: 0 auto;
        color: #ffffff;
    }
    .content-system .section-1 .text-1 {
        width: 400px;
        position: absolute;
        margin: 22px 0 0 70px;
        font-size: 14px;
    }
    .content-system .section-1 .text-1 strong {
        font-size: 26px;
        line-height: 38px;
        font-weight: normal;
    }
    .content-system .section-1 .text-1 strong .bold {
        font-weight: bold;
    }
    .content-system .section-1 .text-2 {
        width: 310px;
        position: absolute;
        margin: 22px 0 0 560px;
        font-size: 12px;
    }
    .content-system .section-1 .text-2 strong {
        font-weight: bold;
        font-size: 22px;
        line-height: 28px;
    }
    .content-system .section-1 .text-3 {
        background:url(../../img/system/contact-button-s_off.png) no-repeat left top;
        width:204px;
        height:51px;
        position: absolute;
        margin: 22px 0 0 780px;
        padding-top: 28px;
        right: 0.2em;
        font-size: 22px;
        text-align: center;
    }
    .content-system .section-1 .text-3:hover {
        background:url(../../img/system/contact-button-s_on.png) no-repeat left top;
    }
    .content-system .section-1 .text-4 {
        position: absolute;
        margin: 105px 0 0 155px;
        font-size: 36px;
        line-height: 56px;
        text-align: center;
    }
    .content-system .section-1 .text-4 strong {
        font-size: 40px;
        font-weight: normal;
    }
    .content-system .section-1 .text-4 strong strong {
        font-size: 42px;
        font-weight: normal;
        color: #fbfe33;
    }

    .content-system .section-2-wrapper {
        background-color: #93b4c5;
        width: 100%;
    }
    .content-system .section-2-bg {
        background: url(../../img/system/section1-back.png) no-repeat center top;
        height:583px;
    }
    .content-system .section-2 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-system .section-2 .text-1 {
        position: absolute;
        margin: 29px 0 0 185px;
        font-size: 30px;
        line-height: 46px;
        text-align: center;
        font-weight: bold;
    }
    .content-system .section-2 .text-1 strong {
        font-size: 36px;
    }
    .content-system .section-2 .text-2 {
        position: absolute;
        margin: 340px 0 0 85px;
        font-size: 24px;
        line-height: 34px;
        font-weight: bold;
        /*color:#095eb1;*/
        color:#4c829a;
    }
    .content-system .section-2 .text-3 {
        width: 270px;
        position: absolute;
        margin: 380px 0 0 55px;
        font-size: 14px;
        line-height: 21px;
    }
    .content-system .section-2 .text-4 {
        position: absolute;
        margin: 340px 0 0 360px;
        font-size: 24px;
        line-height: 34px;
        font-weight: bold;
        color:#4c829a;
    }
    .content-system .section-2 .text-5 {
        width: 270px;
        position: absolute;
        margin: 380px 0 0 360px;
        font-size: 14px;
        line-height: 21px;
    }
    .content-system .section-2 .text-6 {
        position: absolute;
        margin: 340px 0 0 685px;
        font-size: 24px;
        line-height: 34px;
        font-weight: bold;
        color:#4c829a;
    }
    .content-system .section-2 .text-7 {
        width: 270px;
        position: absolute;
        margin: 380px 0 0 675px;
        font-size: 14px;
        line-height: 21px;
    }

    .content-system .section-3-wrapper {
        background-color: #93b4c5;
        width: 100%;
    }
    .content-system .section-3-bg {
        background: url(../../img/system/section2-back.png) no-repeat center top;
        height:1252px;
    }
    .content-system .section-3 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-system .section-3 .text-1 {
        position: absolute;
        margin: 38px 0 0 152px;
        font-size: 32px;
        line-height: 46px;
        text-align: center;
        font-weight: bold;
    }
    .content-system .section-3 .text-2 {
        position: absolute;
        margin: 180px 0 0 340px;
        font-size: 24px;
        line-height: 34px;
        font-weight: bold;
        color:#4c829a;
    }
    .content-system .section-3 .text-3 {
        width: 590px;
        position: absolute;
        margin: 220px 0 0 340px;
        font-size: 14px;
        line-height: 24px;
    }
    .content-system .section-3 .text-4 {
        background:url(../../img/system/imagestore.png) no-repeat left top;
        width:280px;
        height:59px;
        position: absolute;
        margin: 350px 0 0 340px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
    }
    .content-system .section-3 .text-4:hover {
        opacity: 0.5;
    }
    .content-system .section-3 .text-5 {
        position: absolute;
        margin: 470px 0 0 40px;
        font-size: 24px;
        line-height: 34px;
        font-weight: bold;
        color:#4c829a;
    }
    .content-system .section-3 .text-6 {
        width: 590px;
        position: absolute;
        margin: 510px 0 0 40px;
        font-size: 14px;
        line-height: 24px;
    }
    .content-system .section-3 .text-7 {
        position: absolute;
        margin: 730px 0 0 340px;
        font-size: 24px;
        line-height: 34px;
        font-weight: bold;
        color:#4c829a;
    }
    .content-system .section-3 .text-8 {
        width: 590px;
        position: absolute;
        margin: 770px 0 0 340px;
        font-size: 14px;
        line-height: 24px;
    }
    .content-system .section-3 .text-9 {
        position: absolute;
        margin: 975px 0 0 40px;
        font-size: 24px;
        line-height: 34px;
        font-weight: bold;
        color:#4c829a;
    }
    .content-system .section-3 .text-10 {
        width: 590px;
        position: absolute;
        margin: 1015px 0 0 40px;
        font-size: 14px;
        line-height: 24px;
    }

    .content-system .section-4-wrapper {
        background-color: #93b4c5;
        width: 100%;
    }
    .content-system .section-4-bg {
        background: url(../../img/system/section3-back.png) no-repeat center top;
        height:818px;
    }
    .content-system .section-4 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-system .section-4 .text-1 {
        position: absolute;
        margin: 40px 0 0 185px;
        font-size: 32px;
        line-height: 46px;
        text-align: center;
        font-weight: bold;
    }
    .content-system .section-4 .text-2 {
        position: absolute;
        margin: 170px 0 0 65px;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
    }
    .content-system .section-4 .text-3 {
        position: absolute;
        margin: 300px 0 0 160px;
        font-size: 24px;
        line-height: 34px;
        color:#4c829a;
    }

    .content-system .section-5-wrapper {
        background-color: #93b4c5;
        width: 100%;
    }
    .content-system .section-5-bg {
        background: url(../../img/system/section4-back.png) no-repeat center top;
        height:352px;
    }
    .content-system .section-5 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-system .section-5 .text-1 {
        position: absolute;
        margin: 30px 0 0 396px;
        font-size: 24px;
        line-height: 26px;
        text-align: center;
        font-weight: bold;
        color:#4c829a;
    }
    .content-system .section-5 .text-2 {
        background:url(../../img/service/service_web_435.png) no-repeat left top;
        width:435px;
        height:136px;
        position: absolute;
        margin: 80px 0 0 45px;
        /*padding: 28px 0 0 0;*/
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-system .section-5 .text-2:hover {
        background:url(../../img/service/service_web_435_on.jpg) no-repeat left top;
    }
    .content-system .section-5 .text-3 {
        width:430px;
        position: absolute;
        margin: 245px 0 0 45px;
        font-size: 14px;
        line-height: 22px;
    }
    .content-system .section-5 .text-4 {
        background:url(../../img/service/service_degital_435.jpg) no-repeat left top;
        width:435px;
        height:136px;
        position: absolute;
        margin: 80px 0 0 500px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-system .section-5 .text-4:hover {
        background:url(../../img/service/service_degital_435_on.png) no-repeat left top;
    }
    .content-system .section-5 .text-5 {
        width:430px;
        position: absolute;
        margin: 245px 0 0 500px;
        font-size: 14px;
        line-height: 22px;
    }

    .content-system .section-6-wrapper {
        background-color: #93b4c5;
        width: 100%;
    }
    .content-system .section-6-bg {
        background: url(../../img/system/section5-back.png) no-repeat center top;
        height:380px;
    }
    .content-system .section-6 {
        width: 980px;
        position:relative;
        margin: 0 auto;
        color: #ffffff;
    }
    .content-system .section-6 .text-1 {
        position: absolute;
        margin: 50px 0 0 435px;
        font-size: 30px;
        line-height: 32px;
        text-align: center;
    }
    .content-system .section-6 .text-2 {
        width:480px;
        position: absolute;
        margin: 120px 0 0 120px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-system .section-6 .text-2 .title {
        font-weight: bold;
        margin: 0 170px 0 0;
    }
    .content-system .section-6 .text-3 {
        width:480px;
        position: absolute;
        margin: 175px 0 0 120px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-system .section-6 .text-3 .title {
        font-weight: bold;
        margin: 0 170px 0 0;
    }
    .content-system .section-6 .text-4 {
        width:480px;
        position: absolute;
        margin: 225px 0 0 120px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-system .section-6 .text-4 .title {
        font-weight: bold;
        margin: 0 170px 0 0;
    }
    .content-system .section-6 .text-5 {
        width:480px;
        position: absolute;
        margin: 280px 0 0 120px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-system .section-6 .text-5 .title {
        font-weight: bold;
        margin: 0 186px 0 0;
    }

    .content-system .section-footer .button-top {
        background:url(../../img/footer/pagetop-system.png) no-repeat left top;
    }
    .content-system .section-footer-line {
        background-color: #00427e;
        color: #ffffff;
    }

}
@media (max-width:767px){
    /* 画面幅768未満：モバイル向け表示 */


    .content-system {
        width: auto;
        color: #323232;
        font-size: 16px;
        line-height: 18px;
    }

    .content-system h1,
    .content-system h2,
    .content-system h3 {
        font-weight: normal;
    }

    .content-system .section-info-wrapper {
        /*background-color: #548dd4;*/
        background-color: #93b4c5;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
        padding:15% 0 0 0;
    }
    .content-system .section-info-bg {
        background:#93b4c5;
        height:auto;
    }
    .content-system .section-info {
        width:auto;
        position:relative;
        margin: 0 auto;
    }
    .content-system .section-info .text-1 {
        width: auto;
        position: relative;
        margin: 0;
        padding:20%;
        font-size: 100%;
        line-height: 130%;
        color: #023f82;
        text-align: center;
        display:none;
    }
    .content-system .section-info .text-2 {
        width: auto;
        position: relative;
        margin: 10% 0 0 0;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        color: #023f82;
        display:none;
    }
    .content-system .section-info .text-3 {
        position: relative;
        margin: 0% 0 15% 2%;
        padding: 8% 0 7% 33%;
        font-size: 110%;
        line-height: 150%;
        text-align: center;
        color: #ffffff;
        font-weight: bold;
        background: url(../../img/system/contact-ex.png) no-repeat left top;
        background-size: 37%;
        background-position:-1% 63%;
    }
    .content-system .section-info .text-4 {
        background:url(../../img/system/section-info-back1.png) no-repeat center top;
        background-size:contain;
        width: 94%;
        position: relative;
        margin: 10% 3% 10% 3%;
        padding:2% 0% 25% 0%;
        font-size: 130%;
        line-height: 130%;
        text-align: center;
        color: #ffffff;
    }
    .content-system .section-info .text-4 strong {
        font-weight: bold;
    }
    .content-system .section-info .text-5 {
        background:url(../../img/system/contact-button_off.png) no-repeat center top;
        background-size:contain;
        width: auto;
        height: auto;
        position: relative;
        margin: -30% 8% 0 8%;
        padding: 16% 0 0 0;
        font-size: 100%;
        text-align: center;
        cursor: pointer;
    }
    .content-system .section-info .text-5:hover {
        background:url(../../img/system/contact-button_on.png) no-repeat center top;
    }
    .content-system .section-info .text-6 {
        background:url(../../img/system/section-info-back1.png) no-repeat center top;
        background-size:contain;
        width: 94%;
        position: relative;
        margin: 10% 3% 10% 3%;
        padding:2% 0% 25% 0%;
        font-size: 130%;
        line-height: 130%;
        text-align: center;
        color: #ffffff;
    }
    .content-system .section-info .text-6 strong {
        font-weight: bold;
    }
    .content-system .section-info .text-7 {
        background-size:contain;
        width: auto;
        height: auto;
        position: relative;
        margin: -30% 6% 0 6%;
        padding: 0% 0 30% 0;
        font-size: 100%;
        text-align: center;
        cursor: pointer;
        color: #023f82;
    }
    .content-system .section-info .text-7 strong {
        font-size: 32px;
        line-height: 36px;
        font-weight: normal;
    }

    .content-system .section-1-wrapper {
        background-color: #93b4c5;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;

    }
    .content-system .section-1-bg {
        background: url(../../img/system/header-back-2.png) no-repeat center top;
        width:auto;
        height:700px;
        max-width:100%;
    }
    .content-system .section-1 {
        width: auto;
        position:relative;
        margin: 0 auto;
        color: #ffffff;
    }
    .content-system .section-1 .text-1 {
        position: relative;
        margin: 3% 0 0 1%;
        font-size: 10px;
        float: left;
    }
    .content-system .section-1 .text-1 strong {
        font-size: 12px;
        line-height: 15px;
        font-weight: normal;
    }
    .content-system .section-1 .text-1 strong .bold {
        font-weight: bold;
    }
    .content-system .section-1 .text-2 {
        width: auto;
        position: relative;
        margin: 22px 0 0 0px;
        font-size: 12px;
        display:none;
    }
    .content-system .section-1 .text-2 strong {
        font-weight: bold;
        font-size: 22px;
        line-height: 28px;
    }
    .content-system .section-1 .text-3 {
        background:url(../../img/system/contact-button-s_off.png) no-repeat right top;
        background-size: 100%;
        width: 40%;
        height: auto;
        position: relative;
        margin: 3% 1% 0 0;
        padding: 10% 0 0 0;
        text-align: center;
        float: right;
    }
    .content-system .section-1 .text-3:hover {
        background:url(../../img/system/contact-button-s_on.png) no-repeat left top;
    }
    .content-system .section-1 .text-4 {
        position: relative;
        width: auto;
        padding: 13% 3% 20% 3%;
        font-size: 135%;
        line-height: 180%;
        text-align: center;
        clear: both;
        margin-right: 0;
    }
    .content-system .section-1 .text-4 strong {
        font-size: 1.2em;
        font-weight: normal;
    }
    .content-system .section-1 .text-4 strong strong {
        font-size: 133%;
        font-weight: normal;
        color: #fbfe33;
    }

    .content-system .section-2-wrapper {
        background-color: #93b4c5;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-system .section-2-bg {
        background:#ffffff;
        width:auto;
        height:auto;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    .content-system .section-2 {
        width: auto;
        position:relative;
        margin: 0 auto;
    }
    .content-system .section-2 .text-1 {
        position: relative;
        margin:0 1% 0 2%;
        padding:20% 0 0 0;
        font-size: 128%;
        line-height: 200%;
        text-align: center;
    }
    .content-system .section-2 .text-1 strong {
        font-size: 150%;
        line-height: 200%;
        background: linear-gradient(transparent 80%, #fbfe33 80%);
    }
    .content-system .section-2 .text-2 {
        background:url(../../img/system/section1-1-back.png) no-repeat center top;
        background-size:100%;
        position: relative;
        margin: 10% 15% 0 15%;
        padding:62% 0 0 0;
        font-size: 165%;
        line-height: 130%;
        font-weight: bold;
        text-align: center;
        /*color:#095eb1;*/
        color:#4c829a;
    }
    .content-system .section-2 .text-3 {
        width: auto;
        position: relative;
        margin: 5% 4% 0 4%;
        padding: 0 0 10% 0;
        font-size: 103%;
        line-height: 130%;
        border-bottom:2px dotted #4c829a;
    }
    .content-system .section-2 .text-4 {
        background:url(../../img/system/section1-2-back.png) no-repeat center top;
        background-size:100%;
        position: relative;
        margin: 12% 15% 0 15%;
        padding:62% 0% 0 0%;
        font-size: 165%;
        line-height: 130%;
        font-weight: bold;
        text-align: center;
        /*color:#095eb1;*/
        color:#4c829a;
    }
    .content-system .section-2 .text-5 {
        width: auto;
        position: relative;
        margin: 5% 4% 0 4%;
        padding: 0 0 10% 0;
        font-size: 103%;
        line-height: 130%;
        border-bottom:2px dotted #4c829a;
    }
    .content-system .section-2 .text-6 {
        background:url(../../img/system/section1-3-back.png) no-repeat center top;
        background-size:100%;
        position: relative;
        margin: 12% 15% 0 15%;
        padding:62% 0% 0 0%;
        font-size: 165%;
        line-height: 130%;
        font-weight: bold;
        text-align: center;
        /*color:#095eb1;*/
        color:#4c829a;
    }
    .content-system .section-2 .text-7 {
        width: auto;
        position: relative;
        margin: 5% 4% 0 4%;
        padding: 0 0 20% 0;
        font-size: 103%;
        line-height: 130%;
    }

    .content-system .section-3-wrapper {
        background-color: #93b4c5;
        width: auto;
    }
    .content-system .section-3-bg {
        background: #ffffff;
        background-size:cover;
        width:auto;
        height:auto;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    .content-system .section-3 {
        width: auto;
        position:relative;
        margin: 0 auto;
    }
    .content-system .section-3 .text-1 {
        background:url(../../img/system/section3-0-back.png) no-repeat left top;
        background-size:50%;
        border-top-left-radius: 20px;
        position: relative;
        margin: 0;
        padding:20% 2% 10% 2%;
        font-size: 145%;
        line-height: 150%;
        text-align: center;
        font-weight: bold;
        border-bottom:2px #add8e6 dotted;
    }
    .content-system .section-3 .text-1 span {
        background: linear-gradient(transparent 80%, #fbfe33 80%);
    }
    .content-system .section-3 .text-2 {
        position: relative;
        margin: 10% 0 5% 5%;
        padding:0% 0 0% 0;
        font-size: 24px;
        line-height: 34px;
        font-weight: bold;
        color:#4c829a;
    }
    .content-system .section-3 .text-3 {
        width: auto;
        position: relative;
        background:url(../../img/system/section3-1-back.png) no-repeat top center;
        background-size:100%;
        margin: 0 6% 10% 6%;
        padding:66% 0 0% 0;
        font-size: 14px;
        line-height: 24px;
    }
    .content-system .section-3 .text-4 {
        background:url(../../img/system/imagestore.png) no-repeat center top;
        background-size:contain;
        width:auto;
        height:auto;
        position: relative;
        margin: 10% 8% 10% 8%;
        padding: 18% 0 0 0;
        font-size: 22px;
        text-align: center;
    }
    .content-system .section-3 .text-4:hover {
        opacity: 0.5;
    }
    .content-system .section-3 .text-5 {
        position: relative;
        margin: 10% 0 5% 0;
        padding:10% 0 0 5%;
        font-size: 24px;
        line-height: 34px;
        font-weight: bold;
        color:#4c829a;
        border-top:2px #add8e6 dotted;
    }
    .content-system .section-3 .text-6 {
        width: auto;
        position: relative;
        background:url(../../img/system/section3-2-back.png) no-repeat top center;
        background-size:100%;
        margin: 0 6% 10% 6%;
        padding:66% 0 0% 0;
        font-size: 14px;
        line-height: 24px;
    }
    .content-system .section-3 .text-7 {
        position: relative;
        margin: 10% 0 5% 0;
        padding:10% 0 0 5%;
        font-size: 24px;
        line-height: 34px;
        font-weight: bold;
        color:#4c829a;
        border-top:2px #add8e6 dotted;
    }
    .content-system .section-3 .text-8 {
        width: auto;
        position: relative;
        background:url(../../img/system/section3-3-back.png) no-repeat top center;
        background-size:100%;
        margin: 0 6% 10% 6%;
        padding:66% 0 0% 0;
        font-size: 14px;
        line-height: 24px;
    }
    .content-system .section-3 .text-9 {
        position: relative;
        margin: 10% 0 5% 0;
        padding:10% 0 0 5%;
        font-size: 24px;
        line-height: 34px;
        font-weight: bold;
        color:#4c829a;
        border-top:2px #add8e6 dotted;
    }
    .content-system .section-3 .text-10 {
        width: auto;
        position: relative;
        background:url(../../img/system/section3-4-back.png) no-repeat top center;
        background-size:100%;
        margin: 0 6% 0 6%;
        padding:66% 0 20% 0;
        font-size: 14px;
        line-height: 24px;
    }

    .content-system .section-4-wrapper {
        background-color: #93b4c5;
        background-size:contain;
        max-width: 100%;
        width:auto;
        height:auto;
        padding:10% 0 0 0;
    }
    .content-system .section-4-bg {
        background: #ffffff;
        background-size:cover;
        width:auto;
        height:auto;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    .content-system .section-4 {
        width: auto;
        position:relative;
        margin: 0 auto;
    }
    .content-system .section-4 .text-1 {
        background:url(../../img/system/section4-2-back.png) no-repeat left top;
        background-size:50%;
        border-top-left-radius: 20px;
        position: relative;
        margin: 0;
        padding: 20% 2% 0 2%;
        font-size: 145%;
        line-height: 150%;
        text-align: center;
        font-weight: bold;
    }
    .content-system .section-4 .text-1 span {
        background: linear-gradient(transparent 80%, #fbfe33 80%);
    }
    .content-system .section-4 .text-2 {
        position: relative;
        margin: 0;
        padding:10% 0 0 0;
        font-size: 100%;
        line-height: 24px;
        text-align: center;
    }
    .content-system .section-4 .text-3 {
        background:url(../../img/system/section4-1-back.png) no-repeat bottom center;
        background-size:90%;
        position: relative;
        margin: 10% 0 0 0;
        padding: 0 0 90% 0;
        font-size: 125%;
        line-height: 130%;
        color:#4c829a;
        text-align: center;
    }		

    .content-system .section-5-wrapper {
        background-color: #93b4c5;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-system .section-5-bg {
        background: #ffffff;
        width:auto;
        height:auto;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    .content-system .section-5 {
        width: auto;
        position:relative;
        margin: 0 auto;
    }
    .content-system .section-5 .text-1 {
        position: relative;
        width: auto;
        margin:0;
        padding: 20% 0 0 0;
        font-size: 180%;
        line-height: 130%;
        text-align: center;
        color:#4c829a;
    }
    .content-system .section-5 .text-2 {
        background:url(../../img/service/service_web_435.png) no-repeat center top;
        background-size: contain;
        width: auto;
        height: auto;
        position: relative;
        margin: 15% 5% 0 5%;
        padding: 30% 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-system .section-5 .text-2:hover {
        background:url(../../img/service/service_web_435_on.jpg) no-repeat left top;
    }
    .content-system .section-5 .text-3 {
        width: auto;
        position: relative;
        margin: 2% 5% 15% 5%;
        font-size: 81%;
        line-height: 130%;
    }
    .content-system .section-5 .text-4 {
        background:url(../../img/service/service_degital_435.jpg) no-repeat center top;
        background-size: contain;
        width: auto;
        height: auto;
        position: relative;
        margin: 15% 5% 0 5%;
        padding: 30% 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-system .section-5 .text-4:hover {
        background:url(../../img/service/service_degital_435_on.png) no-repeat left top;
    }
    .content-system .section-5 .text-5 {
        width: auto;
        position: relative;
        margin: 2% 5% 0 5%;
        padding:0 0 20% 0;
        font-size: 81%;
        line-height: 130%;
    }

    .content-system .section-6-wrapper {
        background-color: #93b4c5;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
        padding:0 0 15% 0;
    }
    .content-system .section-6-bg {
        background: #93b4c5;
        width:auto;
        height:auto;
    }
    .content-system .section-6 {
        width: auto;
        position:relative;
        margin: 0 auto;
        color: #ffffff;
    }
    .content-system .section-6 .text-1 {
        position: relative;
        margin:0;
        padding: 20% 0 0 0;
        font-size: 200%;
        line-height: 130%;
        text-align: center;
    }
    .content-system .section-6 .text-2 {
        width: auto;
        position: relative;
        margin: 10% 0 0 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-top: 1px dashed #add8e6;
        border-bottom: 1px dashed #add8e6;
    }
    .content-system .section-6 .text-2 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-system .section-6 .text-3 {
        width: auto;
        position: relative;
        margin: 0% 0 0 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom: 1px dashed #add8e6;
    }
    .content-system .section-6 .text-3 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-system .section-6 .text-4 {
        width: auto;
        position: relative;
        margin: 0% 0 0 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom: 1px dashed #add8e6;
    }
    .content-system .section-6 .text-4 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-system .section-6 .text-5 {
        width: auto;
        position: relative;
        margin: 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom: 1px dashed #add8e6;
    }
    .content-system .section-6 .text-5 .title {
        font-weight: bold;
        margin: 0 12% 0 8%;
    }

    .content-system .section-footer-wrapper {
        background-color: #93b4c5;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-system .section-footer-bg {
        background: #ffffff;
        width:auto;
        height:auto;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .content-system .section-footer .button-top {
        background:url(../../img/footer/pagetop-system.png) no-repeat left top;
    }
    .content-system .section-footer .text-1 {
        width: auto;
        margin: 0 1% 0 1%;
        padding: 15% 0 0 0;
        font-size: 93%;
        line-height: 130%;
        text-align: center;
    }
    .content-system .section-footer .text-2 {
        width: auto;
        margin: 10% 0 0 2%;
        font-size: 95%;
        line-height: 130%;
    }
    .content-system .section-footer .text-3 {
        width: auto;
        margin: 4% 0 0 2%;
        padding: 0 0 10% 0;
        font-size: 95%;
        line-height: 130%;
    }
    .content-system .section-footer-line {
        background-color: #1d5894;
        color: #ffffff;
        font-size: 90%;
        line-height: 130%;
        text-align: center;
    }
}

/* translation */
@media (min-width:768px){
    /* 画面幅768ピクセル以上：PC表示 */


    .content-translation {
        width: 100%;
        color: #1b2936;
    }

    .content-translation h1,
    .content-translation h2,
    .content-translation h3 {
        font-weight: normal;
    }

    .content-translation .section-boader {
        background:url(../../img/translation/border.png) repeat-x left top;
        width:100%;
        height:1px;
        position:relative;
        margin: 0 auto;
    }


    .content-translation .section-dot-boader {
        background:url(../../img/translation/dot-border.png) repeat-x left top;
        width:100%;
        height:1px;
        position:relative;
        margin: 0 auto;
    }

    .content-translation .section-info-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-translation .section-info-bg {
        background:url(../../img/translation/contact-back-transparent-textnone.png) no-repeat center top;
        height:377px;
        background-size: 138%;
        max-width: 980px;
        margin: auto;
    }
    .content-translation .section-info {
        width:980px;
        position:relative;
        margin: 0 auto;
    }
    .content-translation .section-info .text-1 {
        width: 250px;
        position: absolute;
        margin: 45px 0 0 -43px;
        font-size: 20px;
        line-height: 22px;
        color: #f44e4e;
        text-align: center;
    }
    .content-translation .section-info .text-2 {
        width: 250px;
        position: absolute;
        margin: 98px 0 0 -41px;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        color: #f44e4e;
    }
    .content-translation .section-info .text-3 {
        width: 650px;
        position: absolute;
        margin: 60px 0 0 200px;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        font-weight: normal;
    }
    .content-translation .section-info .text-3 strong {
        color: #f44e4e;
        font-weight: normal;
    }
    .content-translation .section-info .text-4 {
        width: 400px;
        position: absolute;
        margin: 170px 0 0 68px;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        color: #ffffff;
    }
    .content-translation .section-info .text-4 strong {
        font-weight: bold;
    }
    .content-translation .section-info .text-5 {
        background:url(../../img/translation/contact-button_off.png) no-repeat left top;
        width:470px;
        background-size: 80%;
        height: 73px;
        position: absolute;
        margin: 225px 0 0 75px;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-translation .section-info .text-5:hover {
        background:url(../../img/translation/contact-button_on.png) no-repeat left top;
    }
    .content-translation .section-info .text-6 {
        width: 400px;
        position: absolute;
        margin: 170px 0 0 515px;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        color: #ffffff;
    }
    .content-translation .section-info .text-6 strong {
        font-weight: bold;
    }
    .content-translation .section-info .text-7 {
        position: absolute;
        margin: 230px 0 0 630px;
        font-size: 14px;
        line-height: 16px;
    }
    .content-translation .section-info .text-7 strong {
        font-size: 32px;
        line-height: 36px;
        font-weight: normal;
    }

    .content-translation .section-1-wrapper {
        background: url(../../img/translation/header-back.jpg) repeat-x center top;
        width: 100%;
    }
    .content-translation .section-1-bg {
        background: url(../../img/translation/header-back-transparent.png) no-repeat center top;
        height:532px;
    }
    .content-translation .section-1 {
        width: 980px;
        position:relative;
        margin: 0 auto;
        color: #ffffff;
    }
    .content-translation .section-1 .text-1 {
        width: 350px;
        position: absolute;
        margin: 27px 0 0 80px;
        font-size: 14px;
    }
    .content-translation .section-1 .text-1 strong {
        font-size: 26px;
        line-height: 38px;
        font-weight: normal;
    }
    .content-translation .section-1 .text-1 strong .bold {
        font-weight: bold;
    }
    .content-translation .section-1 .text-2 {
        width: 220px;
        position: absolute;
        margin: 30px 0 0 540px;
        font-size: 12px;
    }
    .content-translation .section-1 .text-2 strong {
        font-weight: normal;
        font-size: 22px;
        line-height: 28px;
    }
    .content-translation .section-1 .text-3 {
        background:url(../../img/translation/contact-button-s_off.png) no-repeat left top;
        width:202px;
        height:49px;
        position: absolute;
        margin: 30px 0 0 765px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
    }
    .content-translation .section-1 .text-3:hover {
        background:url(../../img/translation/contact-button-s_on.png) no-repeat left top;
    }
    .content-translation .section-1 .text-4 {
        position: absolute;
        margin: 380px 0 0 5px;
        font-size: 36px;
        line-height: 60px;
        text-align: left;
        color: #1b2936;
    }
    .content-translation .section-1 .text-4 strong {
        font-size: 40px;
        font-weight: normal;
        color: #f44e4e;
    }
    .content-translation .section-1 .text-4 strong strong {
        font-size: 58px;
        font-weight: normal;
    }

    .content-translation .section-2-wrapper {
        background-color: #eaf5f7;
        width: 100%;
    }
    .content-translation .section-2-bg {
        background: url(../../img/translation/section1-back-transparent.png) no-repeat center top;
        height:546px;
        max-width: 980px;
        margin: 0 auto;
        background-size: 136%;
    }
    .content-translation .section-2 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-translation .section-2 .text-1 {
        margin: auto;
        font-size: 32px;
        padding-top: 1em;
        line-height: 46px;
        font-weight: normal;
        color: #1b2936;
    }
    .content-translation .section-2 .text-2 {
        position: absolute;
        margin: 210px 0 0 55px;
        font-size: 18px;
        line-height: 30px;
        font-weight: bold;
        color: #f44e4e;
        text-align: center;
    }
    .content-translation .section-2 .text-2 strong {
        font-size: 20px;
        color: #1b2936;
    }
    .content-translation .section-2 .text-3 {
        width: 290px;
        position: absolute;
        margin: 290px 0 0 25px;
        font-size: 13px;
        line-height: 21px;
    }
    .content-translation .section-2 .text-4 {
        position: absolute;
        margin: 210px 0 0 425px;
        font-size: 18px;
        line-height: 30px;
        font-weight: bold;
        color: #f44e4e;
        text-align: center;
    }
    .content-translation .section-2 .text-4 strong {
        font-size: 20px;
        color: #1b2936;
    }
    .content-translation .section-2 .text-5 {
        width: 290px;
        position: absolute;
        margin: 290px 0 0 345px;
        font-size: 13px;
        line-height: 21px;
    }
    .content-translation .section-2 .text-6 {
        position: absolute;
        margin: 210px 0 0 670px;
        font-size: 18px;
        line-height: 30px;
        font-weight: bold;
        color: #f44e4e;
        text-align: center;
    }
    .content-translation .section-2 .text-6 strong {
        font-size: 20px;
        color: #1b2936;
    }
    .content-translation .section-2 .text-7 {
        width: 290px;
        position: absolute;
        margin: 290px 0 0 670px;
        font-size: 13px;
        line-height: 21px;
    }

    .content-translation .section-3-wrapper {
        background-color: #eaf5f7;
        width: 100%;
    }
    .content-translation .section-3-bg {
        background: url(../../img/translation/section2-back-transparent-textnone.png) no-repeat center top;
        height:701px;
    }
    .content-translation .section-3 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-translation .section-3 .text-1 {
        position: absolute;
        margin: 30px 0 0 200px;
        font-size: 30px;
        line-height: 46px;
        text-align: center;
        font-weight: normal;
        color: #1b2936;
    }
    .content-translation .section-3 .text-1 strong {
        color: #f44e4e;
        font-weight: bold;
    }
    .content-translation .section-3 .text-1 strong strong {
        font-size: 36px;
        font-weight: normal;
        color: #1b2936;
    }
    .content-translation .section-3 .text-2 {
        position: absolute;
        margin: 510px 0 0 30px;
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
        color: #30646f;
    }
    .content-translation .section-3 .text-3 {
        position: absolute;
        margin: 548px 0 0 40px;
        font-size: 15px;
        line-height: 22px;
        font-weight: normal;
        color: #30646f;
    }
    .content-translation .section-3 .text-4 {
        position: absolute;
        margin: 548px 0 0 140px;
        font-size: 15px;
        line-height: 22px;
        font-weight: normal;
        color: #30646f;
    }
    .content-translation .section-3 .text-5 {
        position: absolute;
        margin: 548px 0 0 250px;
        font-size: 15px;
        line-height: 22px;
        font-weight: normal;
        color: #30646f;
    }
    .content-translation .section-3 .text-6 {
        position: absolute;
        margin: 510px 0 0 400px;
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
        color: #30646f;
    }
    .content-translation .section-3 .text-7 {
        position: absolute;
        margin: 548px 0 0 415px;
        font-size: 15px;
        line-height: 22px;
        font-weight: normal;
        color: #30646f;
    }
    .content-translation .section-3 .text-8 {
        position: absolute;
        margin: 510px 0 0 560px;
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
        color: #30646f;
    }
    .content-translation .section-3 .text-9 {
        position: absolute;
        margin: 548px 0 0 575px;
        font-size: 15px;
        line-height: 22px;
        font-weight: normal;
        color: #30646f;
    }
    .content-translation .section-3 .text-10 {
        position: absolute;
        margin: 510px 0 0 720px;
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
        color: #30646f;
    }
    .content-translation .section-3 .text-11 {
        position: absolute;
        margin: 548px 0 0 735px;
        font-size: 15px;
        line-height: 22px;
        font-weight: normal;
        color: #30646f;
    }
    .content-translation .section-3 .text-12 {
        position: absolute;
        margin: 548px 0 0 835px;
        font-size: 15px;
        line-height: 22px;
        font-weight: normal;
        color: #30646f;
    }

    .content-translation .section-4-wrapper {
        background-color: #eaf5f7;
        width: 100%;
    }
    .content-translation .section-4-bg {
        background: url(../../img/translation/section3-back-transparent.png) no-repeat center top;
        height: 858px;
    }
    .content-translation .section-4 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-translation .section-4 .text-1 {
        position: absolute;
        margin: 140px 0 0 300px;
        font-size: 28px;
        line-height: 38px;
        text-align: center;
    }
    .content-translation .section-4 .text-2 {
        position: absolute;
        margin: 230px 0 0 185px;
        font-size: 24px;
        line-height: 26px;
        color: #448c9b;
        font-weight: bold;
    }
    .content-translation .section-4 .text-3 {
        width: 750px;
        position: absolute;
        margin: 280px 0 0 180px;
        font-size: 14px;
        line-height: 24px;
    }
    .content-translation .section-4 .text-4 {
        position: absolute;
        margin: 350px 0 0 705px;
        font-size: 14px;
        line-height: 24px;
        font-weight: bold;
    }
    .content-translation .section-4 .text-5 {
        position: absolute;
        margin: 440px 0 0 55px;
        font-size: 24px;
        line-height: 26px;
        color: #448c9b;
        font-weight: bold;
    }
    .content-translation .section-4 .text-6 {
        width: 750px;
        position: absolute;
        margin: 490px 0 0 55px;
        font-size: 14px;
        line-height: 24px;
    }
    .content-translation .section-4 .text-7 {
        position: absolute;
        margin: 560px 0 0 575px;
        font-size: 14px;
        line-height: 24px;
        font-weight: bold;
    }
    .content-translation .section-4 .text-8 {
        position: absolute;
        margin: 650px 0 0 185px;
        font-size: 24px;
        line-height: 26px;
        color: #448c9b;
        font-weight: bold;
    }
    .content-translation .section-4 .text-9 {
        width: 750px;
        position: absolute;
        margin: 700px 0 0 185px;
        font-size: 14px;
        line-height: 24px;
    }
    .content-translation .section-4 .text-10 {
        position: absolute;
        margin: 770px 0 0 705px;
        font-size: 14px;
        line-height: 24px;
        font-weight: bold;
    }

    .content-translation .section-5-wrapper {
        background-color: #ffffff;
        width: 100%;
    }
    .content-translation .section-5-bg {
        background: url(../../img/translation/section4-back-transparent.png) no-repeat center top;
        height: 604px;
    }
    .content-translation .section-5 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-translation .section-5 .text-1 {
        position: absolute;
        margin: 50px 0 0 380px;
        font-size: 32px;
        line-height: 38px;
        text-align: center;
    }
    .content-translation .section-5 .text-2 {
        width: 380px;
        position: absolute;
        margin: 130px 0 0 85px;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
    }
    .content-translation .section-5 .text-3 {
        width: 370px;
        position: absolute;
        margin: 210px 0 0 80px;
        font-size: 14px;
        line-height: 24px;
    }
    .content-translation .section-5 .text-4 {
        width: 380px;
        position: absolute;
        margin: 130px 0 0 585px;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
    }
    .content-translation .section-5 .text-5 {
        width: 370px;
        position: absolute;
        margin: 210px 0 0 580px;
        font-size: 14px;
        line-height: 24px;
    }
    .content-translation .section-5 .text-6 {
        width: 380px;
        position: absolute;
        margin: 375px 0 0 85px;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
    }
    .content-translation .section-5 .text-7 {
        width: 370px;
        position: absolute;
        margin: 455px 0 0 80px;
        font-size: 14px;
        line-height: 24px;
    }
    .content-translation .section-5 .text-8 {
        width: 380px;
        position: absolute;
        margin: 375px 0 0 585px;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
    }
    .content-translation .section-5 .text-9 {
        width: 370px;
        position: absolute;
        margin: 455px 0 0 580px;
        font-size: 14px;
        line-height: 24px;
    }

    .content-translation .section-6-wrapper {
        background-color: #eaf5f7;
        width: 100%;
    }
    .content-translation .section-6-bg {
        background: url(../../img/translation/section5-back-transparent.png) no-repeat center top;
        height:555px;
    }
    .content-translation .section-6 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-translation .section-6 .text-1 {
        position: absolute;
        margin: 50px 0 0 380px;
        font-size: 32px;
        line-height: 38px;
        text-align: center;
    }
    .content-translation .section-6 .text-2 {
        background:url(../../img/service/service_manual.jpg) no-repeat left top;
        width:480px;
        height:150px;
        position: absolute;
        margin: 115px 0 0 15px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-translation .section-6 .text-2:hover {
        background:url(../../img/service/service_manual_on.jpg) no-repeat left top;
    }
    .content-translation .section-6 .text-3 {
        width: 435px;
        position: absolute;
        margin: 120px 0 0 520px;
        font-size: 14px;
        line-height: 24px;
    }
    .content-translation .section-6 .text-4 {
        position: absolute;
        margin: 320px 0 0 435px;
        font-size: 30px;
        line-height: 32px;
        text-align: center;
    }
    .content-translation .section-6 .text-5 {
        width:480px;
        position: absolute;
        margin: 385px 0 0 10px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-translation .section-6 .text-5 .title {
        font-weight: bold;
        margin: 0 70px 0 0;
    }
    .content-translation .section-6 .text-6 {
        position: absolute;
        margin: 385px 0 0 520px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-translation .section-6 .text-6 .title {
        font-weight: bold;
        margin: 0 54px 0 0;
    }
    .content-translation .section-6 .text-7 {
        width:480px;
        position: absolute;
        margin: 440px 0 0 10px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-translation .section-6 .text-7 .title {
        font-weight: bold;
        margin: 0 70px 0 0;
    }
    .content-translation .section-6 .text-8 {
        position: absolute;
        margin: 440px 0 0 520px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-translation .section-6 .text-8 .title {
        font-weight: bold;
        margin: 0 70px 0 0;
    }

    .content-translation .section-footer .button-top {
        background:url(../../img/footer/pagetop-translation.png) no-repeat left top;
    }
    .content-translation .section-footer-line {
        background-color: #7ba0a9;
        color: #ffffff;
    }

}
@media (max-width:767px){
    /* 画面幅768未満：モバイル向け表示 */


    .content-translation {
        max-width: 100%;
        width:auto;
        color: #1b2936;
    }

    .content-translation h1,
    .content-translation h2,
    .content-translation h3 {
        font-weight: normal;
    }

    .content-translation .section-boader {
        background:url(../../img/translation/border.png) repeat-x left top;
        width:auto;
        height:1px;
        position:relative;
        margin: 0 auto;
    }
    .content-translation .section-dot-boader {
        background:url(../../img/translation/dot-border.png) repeat-x left top;
        width:auto;
        height:1px;
        position:relative;
        margin: 0 auto;
    }

    .content-translation .section-info-wrapper {
        background-color: #ffffff;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
        margin:0;
    }
    .content-translation .section-info-bg {
        background: #ffffff;
        background-size:cover;
        width:auto;
        height:auto;
    }
    .content-translation .section-info {
        width:auto;
        position:relative;
        margin: 0 auto;
    }
    .content-translation .section-info .text-1 {
        width: auto;
        position: relative;
        margin: 10% 0 0 0;
        font-size: 20px;
        line-height: 22px;
        color: #f44e4e;
        text-align: center;
        display:none;
    }
    .content-translation .section-info .text-2 {
        width: auto;
        position: relative;
        margin: 10% 0 0 0;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        color: #f44e4e;
        display:none;
    }
    .content-translation .section-info .text-3 {
        position: relative;
        margin: 0% 0 12% 0;
        padding: 20% 0 7% 33%;
        font-size: 120%;
        line-height: 150%;
        text-align: center;
        font-weight: normal;
        background: url(../../img/translation/contact-ex.png) no-repeat left top;
        background-size: 34%;
        background-position: 1% 83%;
    }
    .content-translation .section-info .text-3 strong {
        color: #f44e4e;
        font-weight: normal;
    }
    .content-translation .section-info .text-4-7 {
        background: url(../../img/translation/section-info-back.png) no-repeat center top;
        background-size:cover;
        width:auto;
        height:auto;
        padding:5% 5% 0 5%;
        margin:0 0 15% 0;
    }
    .content-translation .section-info .text-4 {
        background-color:#3d8a99;
        width: auto;
        position: relative;
        margin: 10% 12% 0 12%;
        padding:1% 0%;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        color: #ffffff;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .content-translation .section-info .text-4 strong {
        font-weight: bold;
    }
    .content-translation .section-info .text-5 {
        background:url(../../img/translation/contact-button_off.png) no-repeat center top;
        background-size: contain;
        background-size:100%;
        width: auto;
        height: auto;
        position: relative;
        margin: 10% 6% 0 6%;
        padding: 20% 0 10% 0;
        font-size: 100%;
        text-align: center;
        cursor: pointer;
        border-bottom:2px dotted #add8e6;
    }
    .content-translation .section-info .text-5:hover {
        background:url(../../img/translation/contact-button_on.png) no-repeat left top;
    }
    .content-translation .section-info .text-6 {
        background-color:#3d8a99;
        width: auto;
        position: relative;
        margin: 10% 12% 8% 12%;
        padding:1% 0%;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        color: #ffffff;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .content-translation .section-info .text-6 strong {
        font-weight: bold;
    }
    .content-translation .section-info .text-7 {
        width: auto;
        height: auto;
        position: relative;
        padding: 0% 0 15% 0;
        font-size:90%;
        text-align: center;
        cursor: pointer;
        margin: 1em 0;
    }
    .content-translation .section-info .text-7 strong {
        font-size: 32px;
        line-height: 36px;
        font-weight: normal;
    }

    .content-translation .section-1-wrapper {
        background: url(../../img/translation/header-back.jpg) repeat-x center top;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-translation .section-1-bg {
        background: url(../../img/translation/header-back-2.png) no-repeat center top;
        background-size:cover;
        width:auto;
        height:auto;
        margin:0;
    }
    .content-translation .section-1 {
        width: auto;
        position:relative;
        margin: 0 auto;
        color: #165e83;
    }
    .content-translation .section-1 .text-1 {
        width: auto;
        position: relative;
        margin: 0% 0 0 0;
        padding:3% 0 0 2%;
        font-size: 10px;
        float: left;
    }
    .content-translation .section-1 .text-1 strong {
        font-size: 12px;
        line-height: 15px;
        font-weight: normal;
    }
    .content-translation .section-1 .text-1 strong .bold {
        font-weight: bold;
    }
    .content-translation .section-1 .text-2 {
        width: auto;
        position: relative;
        margin: 10% 0 0 0;
        font-size: 12px;
        display:none;
    }
    .content-translation .section-1 .text-2 strong {
        font-weight: normal;
        font-size: 22px;
        line-height: 28px;
    }
    .content-translation .section-1 .text-3 {
        background:url(../../img/translation/contact-button-s_off.png) no-repeat right top;
        background-size: 100%;
        width: 40%;
        height: auto;
        position: relative;
        margin: 3% 2% 0 0;
        padding: 10% 0 0 0;
        text-align: center;
        float: right;
    }
    .content-translation .section-1 .text-3:hover {
        background:url(../../img/translation/contact-button-s_on.png) no-repeat left top;
    }
    .content-translation .section-1 .text-4 {
        position: relative;
        margin:0;
        padding:130% 0 10% 0;
        font-size: 125%;
        line-height: 150%;
        text-align:center;
        color: #1b2936;
    }
    .content-translation .section-1 .text-4 strong {
        font-size: 130%;
        font-weight: normal;
        color: #f44e4e;
    }
    .content-translation .section-1 .text-4 strong strong {
        font-size: 140%;
        font-weight: normal;
    }

    .content-translation .section-2-wrapper {
        background-color: #eaf5f7;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-translation .section-2-bg {
        background: #eaf5f7;
        width:auto;
        height:auto;
    }
    .content-translation .section-2 {
        width: auto;
        position:relative;
        margin: 0 auto;
    }
    .content-translation .section-2 .text-1 {
        position: relative;
        margin:0;
        padding:20% 0 0 0 ;
        font-size: 155%;
        line-height: 130%;
        text-align: center;
        font-weight: normal;
        color: #1b2936;
    }
    .content-translation .section-2 .text-2 {
        background:url(../../img/translation/section2-back-1.png) no-repeat center top;
        background-size:90%;
        position: relative;
        margin: 10% 0 0 0;
        padding:55% 0 0 0;
        font-size: 120%;
        line-height: 150%;
        font-weight: bold;
        color: #f44e4e;
        text-align: center;
    }
    .content-translation .section-2 .text-2 strong {
        font-size: 130%;
        color: #1b2936;
    }
    .content-translation .section-2 .text-3 {
        width: auto;
        position: relative;
        margin: 5% 8% 10% 8%;
        padding: 0 0 10% 0;
        font-size: 102%;
        border-bottom:1px dotted #165e83;
    }
    .content-translation .section-2 .text-4 {
        background:url(../../img/translation/section2-back-2.png) no-repeat center top;
        background-size:90%;
        position: relative;
        margin: 10% 0 0 0;
        padding:55% 0 0 0;
        font-size: 120%;
        line-height: 150%;
        font-weight: bold;
        color: #f44e4e;
        text-align: center;
    }
    .content-translation .section-2 .text-4 strong {
        font-size: 130%;
        color: #1b2936;
    }
    .content-translation .section-2 .text-5 {
        width: auto;
        position: relative;
        margin: 5% 8% 10% 8%;
        padding: 0 0 10% 0;
        font-size: 102%;
        border-bottom:1px dotted #165e83;
    }
    .content-translation .section-2 .text-6 {
        background:url(../../img/translation/section2-back-3.png) no-repeat center top;
        background-size:90%;
        position: relative;
        margin: 10% 0 0 0;
        padding:55% 0 0 0;
        font-size: 120%;
        line-height: 150%;
        font-weight: bold;
        color: #f44e4e;
        text-align: center;
    }
    .content-translation .section-2 .text-6 strong {
        font-size: 130%;
        color: #1b2936;
    }
    .content-translation .section-2 .text-7 {
        width: auto;
        position: relative;
        margin: 5% 8% 0 8%;
        padding: 0 0 20% 0;
        font-size: 102%;
    }

    .content-translation .section-3-wrapper {
        background-color: #eaf5f7;
        background-size:cover;
        max-width: 100%;
        width:auto;
        height:auto;
        position: relative;
    }
    .content-translation .section-3-bg {
        background:url(../../img/translation/section2-back-transparent-2.png) no-repeat center top;
        background-size:cover;
        background-size:100%;
        width:auto;
        height:auto;
        max-width: 100%;
        position: relative;
        padding:0 0 10% 0;
    }
    .content-translation .section-3 {
        width: auto;
        position:relative;
        margin: 0 auto;
        padding:0 0 200% 0;
    }
    .content-translation .section-3 .text-1 {
        width:auto;
        position: relative;
        margin: 0;
        padding:17% 0 0 0;
        font-size: 140%;
        line-height: 140%;
        text-align: center;
        font-weight: normal;
        color: #1b2936;
    }
    .content-translation .section-3 .text-1 strong {
        color: #f44e4e;
        font-weight: bold;
    }
    .content-translation .section-3 .text-1 strong strong {
        font-size: 160%;
        font-weight: normal;
        line-height: 120%;
        color: #1b2936;
    }
    .content-translation .section-3 .text-2 {
        position: absolute;
        width:auto;
        margin: 10% 0 0 0;
        top:40%;
        left:5%;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal;
        color: #30646f;
        display:none;
    }
    .content-translation .section-3 .text-3 {
        position: absolute;
        width:auto;
        margin: 10% 0 0 3%;
        top:180%;
        left:5%;
        font-size: 13px;
        line-height: 22px;
        font-weight: normal;
        color: #30646f;
        float:left;
        display:none;
    }
    .content-translation .section-3 .text-4 {
        position: absolute;
        width:auto;
        margin: 10% 0 0 3%;
        top:180%;
        left:35%;
        font-size: 13px;
        line-height: 22px;
        font-weight: normal;
        color: #30646f;
        float:left;
        display:none;
    }
    .content-translation .section-3 .text-5 {
        position: absolute;
        width:auto;
        margin: 10% 3% 0 3%;
        top:180%;
        left:65%;
        font-size: 13px;
        line-height: 22px;
        font-weight: normal;
        color: #30646f;
        float:left;
        display:none;
    }
    .content-translation .section-3 .text-6 {
        position: absolute;
        width:auto;
        margin: 10% 0 0 0;
        top:262%;
        left:3%;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal;
        color: #30646f;
        float:left;
        clear:both;
        display:none;
    }
    .content-translation .section-3 .text-7 {
        position: absolute;
        width:auto;
        margin: 10% 0 0 0;
        top:280%;
        left:3%;
        font-size: 13px;
        line-height: 22px;
        font-weight: normal;
        color: #30646f;
        float:left;
        display:none;
    }
    .content-translation .section-3 .text-8 {
        position: absolute;
        width:auto;
        margin: 10% 0 0 0;
        top:262%;
        left:30%;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal;
        color: #30646f;
        float:left;
        display:none;
    }
    .content-translation .section-3 .text-9 {
        position: absolute;
        width:auto;
        margin: 10% 0 0 0;
        top:280%;
        left:30%;
        font-size: 13px;
        line-height: 22px;
        font-weight: normal;
        color: #30646f;
        float:left;
        display:none;
    }
    .content-translation .section-3 .text-10 {
        position: absolute;
        width:auto;
        margin: 10% 0 0 0;
        top:262%;
        left:65%;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal;
        color: #30646f;
        float:left;
        display:none;
    }
    .content-translation .section-3 .text-11 {
        position: absolute;
        width:auto;
        margin: 10% 0 0 0;
        top:280%;
        left:60%;
        font-size: 13px;
        line-height: 22px;
        font-weight: normal;
        color: #30646f;
        float:left;
        display:none;
    }
    .content-translation .section-3 .text-12 {
        position: absolute;
        width:auto;
        margin: 10% 0 20% 0;
        top:280%;
        left:75%;
        font-size: 13px;
        line-height: 22px;
        font-weight: normal;
        color: #30646f;
        float:left;
        display:none;
    }

    .content-translation .section-6-wrapper {
        background-color: #eaf5f7;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
        padding:0 0 15% 0;
    }

    .content-translation .section-6 {
        width: auto;
        position: relative;
        margin: 0 auto;
    }
    .content-translation .section-6 .text-1 {
        position: relative;
        width: auto;
        margin: 0;
        padding: 20% 0 0 0;
        font-size: 180%;
        line-height: 130%;
        text-align: center;

    }
    .content-translation .section-6 .text-2 {
        background:url(../../img/service/service_manual.jpg) no-repeat center top;
        background-size: contain;
        width: auto;
        height: auto;
        position: relative;
        margin: 15% 5% 0 5%;
        padding: 30% 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-translation .section-6 .text-2:hover {
        background:url(../../img/service/service_manual_on.jpg) no-repeat center top;
    }
    .content-translation .section-6 .text-3 {
        width: auto;
        position: relative;
        margin: 2% 5% 15% 5%;
        font-size: 81%;
        line-height: 130%;
    }
    .content-translation .section-6 .text-4 {
        position: relative;
        margin: 0;
        padding: 20% 0 0 0;
        font-size: 200%;
        line-height: 130%;
        text-align: center;
    }
    .content-translation .section-6 .text-5 {
        width: auto;
        position: relative;
        margin: 10% 0 0 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-top: 1px dashed #add8e6;
        border-bottom: 1px dashed #add8e6;
    }
    .content-translation .section-6 .text-5 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-translation .section-6 .text-6 {
        width: auto;
        position: relative;
        margin: 0% 0 0 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom: 1px dashed #add8e6;
    }
    .content-translation .section-6 .text-6 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-translation .section-6 .text-7 {
        width: auto;
        position: relative;
        margin: 0% 0 0 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom: 1px dashed #add8e6;
    }
    .content-translation .section-6 .text-7 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-translation .section-6 .text-8 {
        width: auto;
        position: relative;
        margin: 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom: 1px dashed #add8e6;
    }
    .content-translation .section-6 .text-8 .title {
        font-weight: bold;
        margin: 0 13% 0 7%;
    }
    .content-translation .section-footer-wrapper {
        background-color: #ffffff;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-translation .section-footer-bg {
        background: #ffffff;
        width: auto;
        height: auto;
    }
    .content-translation .section-footer .text-1 {
        width: auto;
        margin: 0 1% 0 1%;
        padding: 15% 0 0 0;
        font-size: 93%;
        line-height: 130%;
        text-align: center;
    }
    .content-translation .section-footer .text-2 {
        width: auto;
        margin: 10% 0 0 2%;
        font-size: 95%;
        line-height: 130%;
    }
    .content-translation .section-footer .text-3 {
        width: auto;
        margin: 4% 0 0 2%;
        padding: 0 0 10% 0;
        font-size: 95%;
        line-height: 130%;
    }
    .content-translation .section-footer .button-top {
        background:url(../../img/footer/pagetop-translation.png) no-repeat left top;
    }
    .content-translation .section-footer-line {
        background-color: #7ba0a9;
        color: #ffffff;
        font-size: 90%;
        line-height: 130%;
        text-align: center;
    }

}


/* design */
@media (min-width:768px){
    /* 画面幅768ピクセル以上：PC表示 */

    .content-design {
        width: 100%;
        color: #000000;
        font-size: 16px;
        line-height: 18px;
    }

    .content-design h1,
    .content-design h2,
    .content-design h3 {
        font-weight: normal;
    }

    .content-design .btn-prev {
        background:url(../../img/design/up_off.png) no-repeat left top;
        width:64px;
        height:64px;
        position: absolute;
        /*margin: 5px 0 0 458px;*/
        margin: 0 auto;
        top: 5px;
        bottom: auto;
        left: 0;
        right: 0;
        padding: 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .btn-prev:hover {
        background:url(../../img/design/up_on.png) no-repeat left top;
    }

    .content-design .btn-next {
        background:url(../../img/design/down_off.png) no-repeat left top;
        width:64px;
        height:64px;
        position: absolute;
        /*margin: 780px 0 0 458px;*/
        margin: 0 auto;
        /*top: auto;*/
        /*bottom: 69px;*/
        top: 785px;
        bottom: auto;
        left: 0;
        right: 0;
        padding: 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .btn-next:hover {
        background:url(../../img/design/down_on.png) no-repeat left top;
    }

    .content-design .section-1-wrapper {
        background: url(../../img/design/header-back.jpg) repeat-x center top;
        /*background: url(../../img/design/header-back.jpg) repeat center bottom;*/
        background-size: cover;
        width: 100%;
    }
    .content-design .section-1-bg {
        background: url(../../img/design/header-back-transparent.png) no-repeat center top;
        height:850px;
    }
    .content-design .section-1 {
        width: 980px;
        position:relative;
        margin: 71px auto 0;
    }
    .content-design .section-1 .text-1 {
        width: 380px;
        position: absolute;
        margin: 20px 0 0 70px;
        font-size: 14px;
    }
    .content-design .section-1 .text-1 strong {
        font-size: 26px;
        line-height: 38px;
        font-weight: normal;
    }
    .content-design .section-1 .text-1 strong .bold {
        font-weight: bold;
    }
    .content-design .section-1 .text-2 {
        width: 220px;
        position: absolute;
        margin: 22px 0 0 560px;
        font-size: 12px;
    }
    .content-design .section-1 .text-2 strong {
        font-weight: normal;
        font-size: 22px;
        line-height: 28px;
    }
    .content-design .section-1 .text-3 {
        background:url(../../img/design/contact-button-s_off.png) no-repeat left top;
        width:200px;
        height:58px;
        position: absolute;
        margin: 20px 0 0 780px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
    }
    .content-design .section-1 .text-3:hover {
        background:url(../../img/design/contact-button-s_on.png) no-repeat left top;
    }
    .content-design .section-1 .text-4 {
        position: absolute;
        margin: 272px 0 0 200px;
        font-size: 37px;
        line-height: 78px;
        text-align: left;
    }
    .content-design .section-1 .text-4 strong {
        font-size: 64px;
        font-weight: normal;
    }
    .content-design .section-1 .text-4 strong strong {
        font-size: 78px;
        font-weight: normal;
    }
    .content-design .section-1 .text-5 {
        background:url(../../img/design/down_off.png) no-repeat left top;
        width:64px;
        height:64px;
        position: absolute;
        margin: 780px 0 0 455px;
        padding: 0;
        font-size: 22px;
        text-align: center;
    }
    .content-design .section-1 .text-5:hover {
        background:url(../../img/design/down_on.png) no-repeat left top;
    }

    .content-design .section-2-wrapper {
        background-color: #04d2f9;
        width: 100%;
    }
    .content-design .section-2-bg {
        background: url(../../img/design/section1-back-all.jpg) no-repeat center top;
        height:849px;
    }
    .content-design .section-2 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-design .section-2 .text-1 {
        background:url(../../img/design/up_off.png) no-repeat left top;
        width:64px;
        height:64px;
        position: absolute;
        margin: 5px 0 0 455px;
        padding: 0;
        font-size: 22px;
        text-align: center;
    }
    .content-design .section-2 .text-1:hover {
        background:url(../../img/design/up_on.png) no-repeat left top;
    }
    .content-design .section-2 .text-2 {
        position: absolute;
        margin: 170px 0 0 125px;
        font-size: 31px;
        line-height: 50px;
        text-align: center;
    }
    .content-design .section-2 .text-2 strong {
        font-size: 50px;
        font-weight: normal;
    }
    .content-design .section-2 .text-3 {
        position: absolute;
        margin: 480px 0 0 55px;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        font-weight: bold;
    }
    .content-design .section-2 .text-3 strong {
        font-size: 20px;
        font-weight: bold;
    }
    .content-design .section-2 .text-4 {
        width: 250px;
        position: absolute;
        margin: 550px 0 0 35px;
        font-size: 12px;
        line-height: 26px;
        text-align: left;
        font-weight: normal;
    }
    .content-design .section-2 .text-5 {
        position: absolute;
        margin: 480px 0 0 415px;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        font-weight: bold;
    }
    .content-design .section-2 .text-5 strong {
        font-size: 20px;
        font-weight: bold;
    }
    .content-design .section-2 .text-6 {
        width: 250px;
        position: absolute;
        margin: 550px 0 0 370px;
        font-size: 12px;
        line-height: 26px;
        text-align: left;
        font-weight: normal;
    }
    .content-design .section-2 .text-7 {
        position: absolute;
        margin: 480px 0 0 780px;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        font-weight: bold;
    }
    .content-design .section-2 .text-7 strong {
        font-size: 20px;
        font-weight: bold;
    }
    .content-design .section-2 .text-8 {
        width: 250px;
        position: absolute;
        margin: 550px 0 0 720px;
        font-size: 12px;
        line-height: 26px;
        text-align: left;
        font-weight: normal;
    }
    .content-design .section-2 .text-9 {
        background:url(../../img/design/down_off.png) no-repeat left top;
        width:64px;
        height:64px;
        position: absolute;
        margin: 780px 0 0 455px;
        padding: 0;
        font-size: 22px;
        text-align: center;
    }
    .content-design .section-2 .text-9:hover {
        background:url(../../img/design/down_on.png) no-repeat left top;
    }

    .content-design .section-3-wrapper {
        background-color: #000000;
        width: 100%;
    }
    .content-design .section-3-bg {
        background: url(../../img/design/contact-back-all-textnone-blue.jpg) no-repeat center top;
        height:850px;
    }
    .content-design .section-3 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-design .section-3 .text-1 {
        width: 250px;
        position: absolute;
        margin: 65px 0 0 -61px;
        font-size: 20px;
        line-height: 22px;
        text-align: center;
    }
    .content-design .section-3 .text-2 {
        width: 250px;
        position: absolute;
        margin: 110px 0 0 -64px;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
    }
    .content-design .section-3 .text-3 {
        width: 650px;
        position: absolute;
        margin: 120px 0 0 170px;
        font-size: 31px;
        line-height: 50px;
        text-align: center;
        font-weight: normal;
        color:#04d2f9;
    }
    .content-design .section-3 .text-3 strong {
        font-size: 50px;
        font-weight: normal;
    }
    .content-design .section-3 .text-4 {
        width: 400px;
        position: absolute;
        margin: 540px 0 0 80px;
        font-size: 22px;
        line-height: 24px;
        text-align: center;
        color: #04d2f9;
    }
    .content-design .section-3 .text-4 strong {
        font-weight: bold;
    }
    .content-design .section-3 .text-5 {
        background:url(../../img/design/contact-button-blue_off.png) no-repeat left top;
        width:340px;
        height:60px;
        position: absolute;
        margin: 590px 0 0 110px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .section-3 .text-5:hover {
        background:url(../../img/design/contact-button-blue_on.png) no-repeat left top;
    }
    .content-design .section-3 .text-6 {
        width: 400px;
        position: absolute;
        margin: 540px 0 0 515px;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        color: #04d2f9;
    }
    .content-design .section-3 .text-6 strong {
        font-weight: bold;
    }
    .content-design .section-3 .text-7 {
        position: absolute;
        margin: 590px 0 0 600px;
        font-size: 14px;
        line-height: 16px;
        color: #04d2f9;
    }
    .content-design .section-3 .text-7 strong {
        font-size: 32px;
        line-height: 36px;
        font-weight: normal;
    }

    .content-design .section-4-wrapper {
        background-color: #54dd4f;
        width: 100%;
    }
    .content-design .section-4-bg {
        background: url(../../img/design/section2-back-textnone-transparent-fit.png) no-repeat center top;
        height:850px;
    }
    .content-design .section-4 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-design .section-4 .text-1 {
        position: absolute;
        margin: 130px 0 0 130px;
        font-size: 31px;
        line-height: 50px;
        text-align: center;
    }
    .content-design .section-4 .text-1 strong {
        font-size: 50px;
        font-weight: normal;
    }
    .content-design .section-4 .text-2 {
        position: absolute;
        margin: 475px 0 0 115px;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
    }
    .content-design .section-4 .text-3 {
        position: absolute;
        margin: 635px 0 0 305px;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
    }
    .content-design .section-4 .text-4 {
        position: absolute;
        margin: 475px 0 0 460px;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
    }
    .content-design .section-4 .text-5 {
        position: absolute;
        margin: 635px 0 0 633px;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
    }
    .content-design .section-4 .text-6 {
        position: absolute;
        margin: 475px 0 0 773px;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
    }

    .content-design .section-5-wrapper {
        background-color: #000000;
        width: 100%;
    }
    .content-design .section-5-bg {
        background: url(../../img/design/contact-back-textnone-green.jpg) no-repeat center top;
        height:850px;
    }
    .content-design .section-5 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-design .section-5 .text-1 {
        width: 250px;
        position: absolute;
        margin: 65px 0 0 -61px;
        font-size: 20px;
        line-height: 22px;
        text-align: center;
    }
    .content-design .section-5 .text-2 {
        width: 250px;
        position: absolute;
        margin: 110px 0 0 -64px;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
    }
    .content-design .section-5 .text-3 {
        width: 750px;
        position: absolute;
        margin: 160px 0 0 110px;
        font-size: 28px;
        line-height: 32px;
        text-align: center;
        font-weight: normal;
        color: #52db4f;
    }
    .content-design .section-5 .text-3 strong {
        font-size: 50px;
        line-height: 64px;
        font-weight: normal;
    }
    .content-design .section-5 .text-4 {
        width: 400px;
        position: absolute;
        margin: 540px 0 0 80px;
        font-size: 22px;
        line-height: 24px;
        text-align: center;
        color: #52db4f;
    }
    .content-design .section-5 .text-4 strong {
        font-weight: bold;
    }
    .content-design .section-5 .text-5 {
        background:url(../../img/design/contact-button-green_off.png) no-repeat left top;
        width:340px;
        height:60px;
        position: absolute;
        margin: 590px 0 0 110px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .section-5 .text-5:hover {
        background:url(../../img/design/contact-button-green_on.png) no-repeat left top;
    }
    .content-design .section-5 .text-6 {
        width: 400px;
        position: absolute;
        margin: 540px 0 0 515px;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        color: #52db4f;
    }
    .content-design .section-5 .text-6 strong {
        font-weight: bold;
    }
    .content-design .section-5 .text-7 {
        position: absolute;
        margin: 590px 0 0 600px;
        font-size: 14px;
        line-height: 16px;
        color: #52db4f;
    }
    .content-design .section-5 .text-7 strong {
        font-size: 32px;
        line-height: 36px;
        font-weight: normal;
    }

    .content-design .section-6-wrapper {
        background-color: #f98dfa;
        width: 100%;
    }
    .content-design .section-6-bg {
        background: url(../../img/design/section3-back-transparent.png) no-repeat center top;
        height:850px;
    }
    .content-design .section-6 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-design .section-6 .text-1 {
        position: absolute;
        margin: 145px 0 0 240px;
        font-size: 31px;
        line-height: 50px;
        text-align: center;
    }
    .content-design .section-6 .text-1 strong {
        font-size: 50px;
        font-weight: normal;
    }
    .content-design .section-6 .text-2 {
        position: absolute;
        margin: 465px 0 0 245px;
        font-size: 14px;
        line-height: 26px;
        text-align: center;
        font-weight: normal;
    }
    .content-design .section-6 .text-3 {
        background:url(../../img/design/contact-button-universal_off.png) no-repeat left top;
        width:426px;
        height:64px;
        position: absolute;
        margin: 580px 0 0 280px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .section-6 .text-3:hover {
        background:url(../../img/design/contact-button-universal_on.png) no-repeat left top;
    }

    .content-design .section-7-wrapper {
        background-color: #9d88ff;
        width: 100%;
    }
    .content-design .section-7-bg {
        background: url(../../img/design/section2-back.jpg) no-repeat center top;
        height:850px;
    }
    .content-design .section-7 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-design .section-7 .click-voice,
    .content-design .section-7 .voice-next,
    .content-design .section-7 .voice-prev {
        cursor: pointer;
    }

    .content-design .section-7 .text-1 {
        position: absolute;
        margin: 130px 0 0 280px;
        font-size: 31px;
        line-height: 50px;
        text-align: center;
    }
    .content-design .section-7 .text-1 strong {
        font-size: 50px;
        font-weight: normal;
    }
    .content-design .section-7 .text-2 {
        position: absolute;
        margin: 480px 0 0 75px;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }
    .content-design .section-7 .text-2 strong {
        font-size: 24px;
        font-weight: bold;
    }
    .content-design .section-7 .text-3 {
        background:url(../../img/design/click-button_off.png) no-repeat left top;
        width:200px;
        height:48px;
        position: absolute;
        margin: 555px 0 0 65px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
    }
    .content-design .section-7 .text-3:hover {
        background:url(../../img/design/click-button_on.png) no-repeat left top;
    }
    .content-design .section-7 .text-4 {
        position: absolute;
        margin: 480px 0 0 395px;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }
    .content-design .section-7 .text-4 strong {
        font-size: 24px;
        font-weight: bold;
    }
    .content-design .section-7 .text-5 {
        background:url(../../img/design/click-button_off.png) no-repeat left top;
        width:200px;
        height:48px;
        position: absolute;
        margin: 555px 0 0 400px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
    }
    .content-design .section-7 .text-5:hover {
        background:url(../../img/design/click-button_on.png) no-repeat left top;
    }
    .content-design .section-7 .text-6 {
        position: absolute;
        margin: 480px 0 0 750px;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }
    .content-design .section-7 .text-6 strong {
        font-size: 24px;
        font-weight: bold;
    }
    .content-design .section-7 .text-7 {
        background:url(../../img/design/click-button_off.png) no-repeat left top;
        width:200px;
        height:48px;
        position: absolute;
        margin: 555px 0 0 740px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
    }
    .content-design .section-7 .text-7:hover {
        background:url(../../img/design/click-button_on.png) no-repeat left top;
    }
    .content-design .section-7 .voice {
        display: none;
        z-index: 999999;
        height: 515px;
        width: 980px;
        position:absolute;
        margin: 180px auto 0 auto;
    }
    .content-design .section-7 .voice .voice-prev {
        background:url(../../img/design/prev_off.png) no-repeat left top;
        width:25px;
        height:50px;
        position: absolute;
        margin: 240px 0 0 5px;
    }
    .content-design .section-7 .voice .voice-prev:hover {
        background:url(../../img/design/prev_on.png) no-repeat left top;
    }
    .content-design .section-7 .voice .voice-next {
        background:url(../../img/design/next_off.png) no-repeat left top;
        width:25px;
        height:50px;
        position: absolute;
        margin: 240px 0 0 955px;
    }
    .content-design .section-7 .voice .voice-next:hover {
        background:url(../../img/design/next_on.png) no-repeat left top;
    }
    .content-design .section-7 .voice .voice-title {
        position:absolute;
        margin: 140px 0 0 130px;
        font-size: 24px;
        line-height: 30px;
    }
    .content-design .section-7 .voice .voice-comment {
        width: 720px;
        position:absolute;
        margin: 220px 0 0 130px;
        font-size: 14px;
        line-height: 24px;
        color:#6b58c1;
    }
    .content-design .section-7 .voice .voice-fotter {
        width: 500px;
        text-align: right;
        position:absolute;
        margin: 380px 0 0 350px;
        font-size: 14px;
        line-height: 24px;
        font-weight: bold;
        color:#6b58c1;
    }
    .content-design .section-7 .voice-1 {
        background: url(../../img/design/section6-back1-transparent.png) no-repeat center top;
    }
    .content-design .section-7 .voice-2 {
        background: url(../../img/design/section6-back2-transparent.png) no-repeat center top;
    }
    .content-design .section-7 .voice-3 {
        background: url(../../img/design/section6-back3-transparent.png) no-repeat center top;
    }
    .content-design .section-7 .voice .voice-close{
        background: url(../../img/design/close.png) no-repeat left top;
        width: 36px;
        height: 36px;
        position: absolute;
        margin: 75px 0 0 905px;
    }
    .content-design .section-7 .voice .voice-close:hover {
        background:url(../../img/design/close_on.png) no-repeat left top;
    }
    .content-design .section-7 .text-8 {
        background:url(../../img/design/case-button.png) no-repeat left top;
        width:240px;
        height:46px;
        position: absolute;
        margin: 630px 0 0 377px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .section-7 .text-8:hover {
        background:url(../../img/design/case-button_on.png) no-repeat left top;
    }

    .content-design .section-8-wrapper {
        background-color: #000000;
        width: 100%;
    }
    .content-design .section-8-bg {
        background: url(../../img/design/contact-back-textnone-purple.png) no-repeat center top;
        height:850px;
    }
    .content-design .section-8 {
        width: 980px;
        position:relative;
        margin: 0 auto;
    }
    .content-design .section-8 .text-1 {
        width: 250px;
        position: absolute;
        margin: 65px 0 0 -61px;
        font-size: 20px;
        line-height: 22px;
        text-align: center;
    }
    .content-design .section-8 .text-2 {
        width: 250px;
        position: absolute;
        margin: 110px 0 0 -64px;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
    }
    .content-design .section-8 .text-3 {
        width: 750px;
        position: absolute;
        margin: 160px 0 0 110px;
        font-size: 28px;
        line-height: 32px;
        text-align: center;
        font-weight: normal;
        color: #9d88ff;
    }
    .content-design .section-8 .text-3 strong {
        font-size: 50px;
        line-height: 64px;
        font-weight: normal;
    }
    .content-design .section-8 .text-4 {
        width: 400px;
        position: absolute;
        margin: 540px 0 0 80px;
        font-size: 22px;
        line-height: 24px;
        text-align: center;
        color: #9d88ff;
    }
    .content-design .section-8 .text-4 strong {
        font-weight: bold;
    }
    .content-design .section-8 .text-5 {
        background:url(../../img/design/contact-button-purple_off.png) no-repeat left top;
        width:340px;
        height:60px;
        position: absolute;
        margin: 590px 0 0 110px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .section-8 .text-5:hover {
        background:url(../../img/design/contact-button-purple_on.png) no-repeat left top;
    }
    .content-design .section-8 .text-6 {
        width: 400px;
        position: absolute;
        margin: 540px 0 0 515px;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        color: #9d88ff;
    }
    .content-design .section-8 .text-6 strong {
        font-weight: bold;
    }
    .content-design .section-8 .text-7 {
        position: absolute;
        margin: 590px 0 0 600px;
        font-size: 14px;
        line-height: 16px;
        color: #9d88ff;
    }
    .content-design .section-8 .text-7 strong {
        font-size: 32px;
        line-height: 36px;
        font-weight: normal;
    }

    .content-design .section-9-wrapper {
        background-color: #000000;
        width: 100%;
    }
    .content-design .section-9-bg {
        background: url(../../img/design/section5-back-fit.jpg) no-repeat center top;
        height:848px;
    }
    .content-design .section-9 {
        width: 980px;
        position:relative;
        margin: 0 auto;
        color: #ffffff;
    }
    .content-design .section-9 .text-1 {
        position: absolute;
        margin: 35px 0 0 350px;
        font-size: 36px;
        line-height: 40px;
        text-align: center;
    }
    .content-design .section-9 .text-2 {
        background:url(../../img/service/service_web.jpg) no-repeat left top;
        width:480px;
        height:150px;
        position: absolute;
        margin: 110px 0 0 5px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .section-9 .text-2:hover {
        background:url(../../img/service/service_web_on.jpg) no-repeat left top;
    }
    .content-design .section-9 .text-3 {
        width:480px;
        position: absolute;
        margin: 270px 0 0 5px;
        font-size: 14px;
        line-height: 22px;
    }
    .content-design .section-9 .text-4 {
        background:url(../../img/service/service_SPS.jpg) no-repeat left top;
        width:480px;
        height:150px;
        position: absolute;
        margin: 110px 0 0 505px;
        padding: 28px 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .section-9 .text-4:hover {
        background:url(../../img/service/service_SPS_on.jpg) no-repeat left top;
    }
    .content-design .section-9 .text-5 {
        width:480px;
        position: absolute;
        margin: 270px 0 0 505px;
        font-size: 14px;
        line-height: 22px;
    }
    .content-design .section-9 .text-6 {
        position: absolute;
        margin: 475px 0 0 435px;
        font-size: 30px;
        line-height: 32px;
        text-align: center;
    }
    .content-design .section-9 .text-7 {
        width:480px;
        position: absolute;
        margin: 543px 0 0 380px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-design .section-9 .text-7 .title {
        font-weight: bold;
        margin: 0 50px 0 0;
    }
    .content-design .section-9 .text-8 {
        width:480px;
        position: absolute;
        margin: 600px 0 0 380px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-design .section-9 .text-8 .title {
        font-weight: bold;
        margin: 0 50px 0 0;
    }
    .content-design .section-9 .text-9 {
        width:480px;
        position: absolute;
        margin: 653px 0 0 380px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-design .section-9 .text-9 .title {
        font-weight: bold;
        margin: 0 50px 0 0;
    }
    .content-design .section-9 .text-10 {
        width:480px;
        position: absolute;
        margin: 705px 0 0 380px;
        font-size: 16px;
        line-height: 22px;
    }
    .content-design .section-9 .text-10 .title {
        font-weight: bold;
        margin: 0 66px 0 0;
    }

    .content-design .section-footer-line {
        background-color: #a1a6aa;
        color: #ffffff;
    }
    .content-design>.section-footer-wrapper {
        padding-top: 0 !important;
        background-color: transparent;
    }
}
@media (max-width:767px){
    /* 画面幅768未満：モバイル向け表示 */

    .content-design {
        max-width: 100%;
        width:auto;
        color: #000000;
        font-size: 16px;
        line-height: 18px;
        padding-top: 50px;
    }

    .content-design h1,
    .content-design h2,
    .content-design h3 {
        font-weight: normal;
    }

    .content-design .btn-prev {
        background:url(../../img/design/up_off.png) no-repeat left top;
        width:64px;
        height:64px;
        position: absolute;
        /*margin: 5px 0 0 458px;*/
        margin: 0 auto;
        top: 5px;
        bottom: auto;
        left: 0;
        right: 0;
        padding: 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .btn-prev:hover {
        background:url(../../img/design/up_on.png) no-repeat left top;
    }

    .content-design .btn-next {
        background:url(../../img/design/down_off.png) no-repeat left top;
        width:64px;
        height:64px;
        position: absolute;
        /*margin: 780px 0 0 458px;*/
        margin: 0 auto;
        /*top: auto;*/
        /*bottom: 69px;*/
        top: 785px;
        bottom: auto;
        left: 0;
        right: 0;
        padding: 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .btn-next:hover {
        background:url(../../img/design/down_on.png) no-repeat left top;
    }

    .content-design .section-1-wrapper {
        background: url(../../img/design/header-back.jpg) repeat-x center top;
        /*background: url(../../img/design/header-back.jpg) repeat center bottom;*/
        background-size: cover;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-design .section-1-bg {
        background: url(../../img/design/line-section-1.png) no-repeat center bottom;
        background-size:145%;
        max-width: 100%;
        width:auto;
        height:auto;
    }
    .content-design .section-1 {
        max-width: 100%;
        width:auto;
        height:auto;
        position:relative;
        margin: 0 auto;
    }
    .content-design .section-1 .text-1 {
        width:auto;
        position: relative;
        padding: 2% 0 0 1%;
        font-size: 10px;
        float:left;
    }
    .content-design .section-1 .text-1 strong {
        font-size: 12px;
        line-height: 15px;
        font-weight: normal;
    }
    .content-design .section-1 .text-1 strong .bold {
        font-weight: bold;
    }
    .content-design .section-1 .text-2 {
        width:auto;
        position: relative;
        margin: 10% 0 0 0;;
        font-size: 12px;
        display:none;
    }
    .content-design .section-1 .text-2 strong {
        font-weight: normal;
        font-size: 22px;
        line-height: 28px;
    }
    .content-design .section-1 .text-3 {
        background:url(../../img/design/contact-button-s_off.png) no-repeat right top;
        background-size: 100%;
        width: 34%;
        height: auto;
        position: relative;
        margin: 3% 1.5% 0 0;
        padding: 10% 0 0 0;
        text-align: center;
        float: right;
    }
    .content-design .section-1 .text-3:hover {
        background:url(../../img/design/contact-button-s_on.png) no-repeat right top;
    }
    .content-design .section-1 .text-4 {
        width:auto;
        position: relative;
        margin: 0 0 0 2%;
        padding:30% 0;
        font-size: 22px;
        line-height: 48px;
        text-align: left;
        clear:both;
    }
    .content-design .section-1 .text-4 span {
        border-bottom: solid 2px #f2b600;
        position: relative;
    }
    .content-design .section-1 .text-4 span:before {
        content:"";
        display:block;
        width:75%;
        border-bottom:2px solid black;
        position:absolute;
        bottom:0;
        margin-bottom:-1px;
    }
    .content-design .section-1 .text-4 strong {
        font-size: 34px;
        font-weight: normal;
    }
    .content-design .section-1 .text-4 strong strong {
        font-size: 34px;
        font-weight: normal;
    }
    .content-design .section-1 .text-5 {
        background:url(../../img/design/down_off.png) no-repeat left top;
        width:auto;
        height:auto;
        position: relative;
        margin: 10% 0 0 0;
        padding: 0;
        font-size: 22px;
        text-align: center;
    }
    .content-design .section-1 .text-5:hover {
        background:url(../../img/design/down_on.png) no-repeat left top;
    }

    .content-design .section-2-wrapper {
        background-color: #04d2f9;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-design .section-2-bg {
        background: url(../../img/design/section1-bg.png) repeat-y center top;
        background-size: 110%;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-design .section-2 {
        max-width: 100%;
        width: auto;
        height: auto;
        position: relative;
        margin: 0 auto;
    }
    .content-design .section-2 .text-2 {
        position: relative;
        width:auto;
        margin:0;
        padding: 15% 0 0 0;
        font-size: 26px;
        line-height: 40px;
        text-align: center;
    }
    .content-design .section-2 .text-2 strong {
        font-size: 50px;
        line-height: 90px;
        font-weight: normal;
    }
    .content-design .section-2 .text-3 {
        background:url(../../img/design/section1-back-1.png) no-repeat left top;
        background-size:30%;
        background-position:6% 63%;
        position: relative;
        width:auto;
        margin: 10% 0 0 0;
        padding:15% 0 15% 30%;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }
    .content-design .section-2 .text-3 strong {
        font-size: 22px;
        font-weight: bold;
    }
    .content-design .section-2 .text-4 {
        position: relative;
        width:auto;
        margin: 5% 0 0 0;
        padding:0 7% 0 7%;
        font-size: 15px;
        line-height: 26px;
        text-align: left;
        font-weight: normal;
    }
    .content-design .section-2 .text-5 {
        background:url(../../img/design/section1-back-2.png) no-repeat left top;
        background-size:30%;
        background-position:6% 63%;
        position: relative;
        width:auto;
        margin: 10% 0 0 0;
        padding:15% 0 15% 30%;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }
    .content-design .section-2 .text-5 strong {
        font-size: 22px;
        font-weight: bold;
    }
    .content-design .section-2 .text-6 {
        position: relative;
        width:auto;
        margin: 5% 0 0 0;
        padding:0 7% 0 7%;
        font-size: 15px;
        line-height: 26px;
        text-align: left;
        font-weight: normal;
    }
    .content-design .section-2 .text-7 {
        background:url(../../img/design/section1-back-3.png) no-repeat left top;
        background-size:30%;
        background-position: 6% 63%;
        position: relative;
        width:auto;
        margin: 10% 0 0 0;
        padding:15% 0 15% 33%;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }
    .content-design .section-2 .text-7 strong {
        font-size: 22px;
        font-weight: bold;
    }
    .content-design .section-2 .text-8 {
        position: relative;
        width:auto;
        margin: 5% 0 0 0;
        padding:0 7% 20% 7%;
        font-size: 15px;
        line-height: 26px;
        text-align: left;
        font-weight: normal;
    }
    .content-design .section-2 .text-9 {
        background:url(../../img/design/down_off.png) no-repeat left top;
        position: relative;
        width:auto;
        height:auto;
        margin: 10% 0 0 0;
        padding: 0;
        font-size: 22px;
        text-align: center;
    }
    .content-design .section-2 .text-9:hover {
        background:url(../../img/design/down_on.png) no-repeat left top;
    }

    .content-design .section-3-wrapper {
        background-color: #000000;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-design .section-3-bg {
        background: url(../../img/design/contact-back-sp-blue.png) no-repeat center top;
        background-size: 120%;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-design .section-3 {
        max-width: 100%;
        width: auto;
        height: auto;
        position: relative;
        margin: 0 auto;
    }
    .content-design .section-3 .text-1 {
        position: relative;
        width: auto;
        margin: 10% 0 0 0;
        font-size: 20px;
        line-height: 22px;
        text-align: center;
        display:none;
    }
    .content-design .section-3 .text-2 {
        position: relative;
        width: auto;
        margin: 10% 0 0 0;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        display:none;
    }
    .content-design .section-3 .text-3 {
        position: relative;
        width: auto;
        margin: 0;
        padding:10% 0 0 0;
        font-size: 26px;
        line-height: 40px;
        text-align: center;
        font-weight: normal;
        color:#04d2f9;
    }
    .content-design .section-3 .text-3 strong {
        font-size: 50px;
        line-height: 150px;
        font-weight: normal;
    }
    .content-design .section-3 .text-3 span {
        text-align: right;
        margin:0 0 0 30%;
    }
    .content-design .section-3 .text-4 {
        position: relative;
        width: auto;
        margin: 20% 0 0 0;
        font-size: 22px;
        line-height: 24px;
        text-align: center;
        color: #04d2f9;
    }
    .content-design .section-3 .text-4 strong {
        font-weight: bold;
    }
    .content-design .section-3 .text-5 {
        background:url(../../img/design/contact-button-blue_off.png) no-repeat center top;
        background-size:contain;
        background-size:100%;
        position: relative;
        width: auto;
        height:auto;
        margin: 10% 5% 0 5%;
        padding: 10% 0 7% 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .section-3 .text-5:hover {
        background:url(../../img/design/contact-button-blue_on.png) no-repeat left top;
    }
    .content-design .section-3 .text-6 {
        position: relative;
        width: auto;
        margin: 20% 0 0 0;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        color: #04d2f9;
    }
    .content-design .section-3 .text-6 strong {
        font-weight: bold;
    }
    .content-design .section-3 .text-7 {
        position: relative;
        width: auto;
        height:auto;
        margin:0 5%;
        padding: 10% 0 20% 0;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        color: #04d2f9;
    }
    .content-design .section-3 .text-7 strong {
        font-size: 38px;
        line-height: 36px;
        font-weight: normal;
    }

    .content-design .section-4-wrapper {
        background-color: #54dd4f;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-design .section-4-bg {
        background: url(../../img/design/section2-back-2.png) no-repeat center top;
        background-size: 110%;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-design .section-4 {
        max-width: 100%;
        width: auto;
        height: auto;
        position: relative;
        margin: 0 auto;
    }
    .content-design .section-4 .text-1 {
        position: relative;
        margin:0;
        padding: 20% 3% 130% 3%;
        font-size: 25px;
        line-height: 40px;
        text-align: center;
    }
    .content-design .section-4 .text-1 strong {
        font-size: 50px;
        font-weight: normal;
    }
    .content-design .section-4 .text-2 {
        position: relative;
        margin: 10% 0 0 -50%;
        padding:30% 0 0 0;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        display:none;
    }
    .content-design .section-4 .text-3 {
        position: relative;
        margin: 10% 0 0 0;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
        display:none;
    }
    .content-design .section-4 .text-4 {
        position: relative;
        margin: 10% 0 0 0;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
        display:none;
    }
    .content-design .section-4 .text-5 {
        position: relative;
        margin: 10% 0 0 0;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
        display:none;
    }
    .content-design .section-4 .text-6 {
        position: relative;
        margin: 10% 0 0 0;
        padding: 0 0 20% 0;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
        display:none;
    }

    .content-design .section-5-wrapper {
        background-color: #000000;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-design .section-5-bg {
        background: url(../../img/design/contact-back-sp-green.png) no-repeat center top;
        background-size: 110%;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-design .section-5 {
        max-width: 100%;
        width: auto;
        height: auto;
        position: relative;
        margin: 0 auto;
    }
    .content-design .section-5 .text-1 {
        width: 250px;
        position: absolute;
        margin: 65px 0 0 -61px;
        font-size: 20px;
        line-height: 22px;
        text-align: center;
        display: none;
    }
    .content-design .section-5 .text-2 {
        width: 250px;
        position: absolute;
        margin: 110px 0 0 -64px;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        display: none;
    }
    .content-design .section-5 .text-3 {
        position: relative;
        width: auto;
        margin: 0;
        padding: 10% 0 0 0;
        font-size: 26px;
        line-height: 40px;
        text-align: center;
        font-weight: normal;
        color: #52db4f;
    }
    .content-design .section-5 .text-3 strong {
        font-size: 50px;
        line-height: 150px;
        font-weight: normal;
    }
    .content-design .section-5 .text-3 span {
        text-align: right;
        margin:0 0 0 30%;
    }
    .content-design .section-5 .text-4 {
        position: relative;
        width: auto;
        margin: 20% 0 0 0;
        font-size: 22px;
        line-height: 24px;
        text-align: center;
        color: #52db4f;
    }
    .content-design .section-5 .text-4 strong {
        font-weight: bold;
    }
    .content-design .section-5 .text-5 {
        background:url(../../img/design/contact-button-green_off.png) no-repeat center top;
        background-size: contain;
        background-size: 100%;
        position: relative;
        width: auto;
        height: auto;
        margin: 10% 5% 0 5%;
        padding: 10% 0 7% 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .section-5 .text-5:hover {
        background:url(../../img/design/contact-button-green_on.png) no-repeat left top;
    }
    .content-design .section-5 .text-6 {
        position: relative;
        width: auto;
        margin: 20% 0 0 0;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        color: #52db4f;
    }
    .content-design .section-5 .text-6 strong {
        font-weight: bold;
    }
    .content-design .section-5 .text-7 {
        position: relative;
        width: auto;
        height: auto;
        margin: 0 5%;
        padding: 10% 0 20% 0;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        color: #52db4f;
    }
    .content-design .section-5 .text-7 strong {
        font-size: 38px;
        line-height: 36px;
        font-weight: normal;
    }

    .content-design .section-6-wrapper {
        background-color: #f98dfa;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-design .section-6-bg {
        background: url(../../img/design/section3-back.png) no-repeat center top;
        background-size: 230%;
        max-width: 100%;
        width: auto;
        height: auto;
        padding: 0 0 20% 0;
    }
    .content-design .section-6 {
        max-width: 100%;
        width: auto;
        height: auto;
        position: relative;
        margin: 0 auto;
    }
    .content-design .section-6 .text-1 {
        position: relative;
        margin:0;
        padding: 20% 0 0 0;
        font-size: 16px;
        line-height: 40px;
        text-align: center;
    }
    .content-design .section-6 .text-1 strong {
        font-size: 50px;
        font-weight: normal;
    }
    .content-design .section-6 .text-2 {
        position: absolute;
        margin: 40% auto 0 auto;
        top:230px;
        left:2%;
        right:2%;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
    }
    .content-design .section-6 .text-3 {
        background:url(../../img/design/contact-button-universal_off.png) no-repeat center bottom;
        background-size:100%;
        width:auto;
        height:auto;
        position: relative;
        margin: 95% 5% 0 5%;
        padding: 0 0 14% 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .section-6 .text-3:hover {
        background:url(../../img/design/contact-button-universal_on.png) no-repeat center top;
    }

    .content-design .section-7-wrapper {
        background-color: #9d88ff;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-design .section-7-bg {
        background: url(../../img/design/section6-back.png) repeat-y center top;
        background-size:cover;
        background-size: 140%;
        max-width: 100%;
        width: auto;
        height: auto;
        padding:0 0 20% 0;
    }
    .content-design .section-7 {
        max-width: 100%;
        width: auto;
        height: auto;
        position: relative;
        margin: 0 auto;
    }
    .content-design .section-7 .click-voice,
    .content-design .section-7 .voice-next,
    .content-design .section-7 .voice-prev {
        cursor: pointer;
    }

    .content-design .section-7 .text-1 {
        position: relative;
        width: auto;
        margin: 0;
        padding: 15% 0 0 0;
        font-size: 24px;
        line-height: 40px;
        text-align: center;
    }
    .content-design .section-7 .text-1 strong {
        font-size: 50px;
        line-height: 90px;
        font-weight: normal;
    }
    .content-design .section-7 .text-2 {
        background:url(../../img/design/section7-back-1.jpg) no-repeat left top;
        background-size: 40%;
        background-position: 5%;
        position: relative;
        width: auto;
        margin: 15% 0 0 0;
        padding: 20% 0 20% 40%;
        font-size: 18px;
        line-height: 36px;
        text-align: center;
        font-weight: bold;
    }
    .content-design .section-7 .text-2 strong {
        font-size: 24px;
        font-weight: bold;
    }
    .content-design .section-7 .text-3 {
        background:url(../../img/design/click-button_off.png) no-repeat center top;
        background-size:contain;
        width:auto;
        height:auto;
        position: relative;
        margin: 0 8% 0 8%;
        padding: 20% 0 0 0;
        font-size: 22px;
        text-align: center;
    }
    .content-design .section-7 .text-3:hover {
        background:url(../../img/design/click-button_on.png) no-repeat center top;
    }
    .content-design .section-7 .text-4 {
        background:url(../../img/design/section7-back-2.jpg) no-repeat left top;
        background-size: 40%;
        background-position: 5%;
        position: relative;
        width: auto;
        margin: 15% 0 0 0;
        padding: 20% 0 20% 40%;
        font-size: 18px;
        line-height: 20px;
        text-align: center;
        font-weight: bold;
    }
    .content-design .section-7 .text-4 strong {
        font-size: 24px;
        font-weight: bold;
    }
    .content-design .section-7 .text-5 {
        background:url(../../img/design/click-button_off.png) no-repeat center top;
        background-size:contain;
        width:auto;
        height:auto;
        position: relative;
        margin: 0 8% 0 8%;
        padding: 20% 0 0 0;
        font-size: 22px;
        text-align: center;
    }
    .content-design .section-7 .text-5:hover {
        background:url(../../img/design/click-button_on.png) no-repeat center top;
    }
    .content-design .section-7 .text-6 {
        background:url(../../img/design/section7-back-3.jpg) no-repeat left top;
        background-size: 40%;
        background-position: 5%;
        position: relative;
        width: auto;
        margin: 15% 0 0 0;
        padding: 20% 0 20% 40%;
        font-size: 18px;
        line-height: 36px;
        text-align: center;
        font-weight: bold;
    }
    .content-design .section-7 .text-6 strong {
        font-size: 24px;
        font-weight: bold;
    }
    .content-design .section-7 .text-7 {
        background:url(../../img/design/click-button_off.png) no-repeat center top;
        background-size:contain;
        width:auto;
        height:auto;
        position: relative;
        margin: 0 8% 0 8%;
        padding: 20% 0 0 0;
        font-size: 22px;
        text-align: center;
    }
    .content-design .section-7 .text-7:hover {
        background:url(../../img/design/click-button_on.png) no-repeat center top;
    }
    .content-design .section-7 .voice {
        display: none;
        z-index: 999999;
        height: auto;
        width: auto;
        position:relative;
        margin: 10% auto 0 auto;
    }
    .content-design .section-7 .voice .voice-title {
        position:relative;
        margin: 0 2% 0 27%;
        padding:10% 0 5% 0;
        font-size: 15px;
        line-height: 22px;
        text-align:center;
    }
    .content-design .section-7 .voice .voice-comment {
        width: auto;
        position:relative;
        margin: 6% 3% 0 5%;
        font-size: 14px;
        line-height: 24px;
        color:#6b58c1;
    }
    .content-design .section-7 .voice .voice-fotter {
        width: auto;
        text-align: right;
        position:relative;
        margin: 5% 2% 5% 0;
        padding: 0 0 10% 0;
        font-size: 14px;
        line-height: 24px;
        font-weight: bold;
        color:#6b58c1;
    }
    .content-design .section-7 .voice-1 {
        background: url(../../img/design/section7-back-4.png) no-repeat left top;
        margin:0 3%;
        padding:6% 0 0 0;
    }
    .content-design .section-7 .voice-2 {
        background: url(../../img/design/section7-back-4.png) no-repeat left top;
        margin:0 3%;
        padding:8% 0 0 0;
    }
    .content-design .section-7 .voice-3 {
        background: url(../../img/design/section7-back-4.png) no-repeat left top;
        margin:0 3%;
        padding:8% 0 0 0;
    }
    .content-design .section-7 .voice .voice-close{
        background: url(../../img/design/close.png) no-repeat right top;
        background-size:70%;
        width: auto;
        height: auto;
        position: absolute;
        padding:10%;
        top:1%;
        right:1%;
    }
    .content-design .section-7 .voice .voice-close:hover {
        background:url(../../img/design/close_on.png) no-repeat right top;
    }
    .content-design .section-7 .text-8 {
        background:url(../../img/design/case-button.png) no-repeat center top;
        background-size:100%;
        width:auto;
        height:auto;
        position: relative;
        margin: 20% 5% 0 5%;
        padding: 18% 0 0% 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .section-7 .text-8:hover {
        background:url(../../img/design/case-button_on.png) no-repeat center top;
    }

    .content-design .section-8-wrapper {
        background-color: #000000;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-design .section-8-bg {
        background: url(../../img/design/contact-back-sp-purple.png) no-repeat center top;
        background-size: 110%;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-design .section-8 {
        max-width: 100%;
        width: auto;
        height: auto;
        position: relative;
        margin: 0 auto;
    }
    .content-design .section-8 .text-1 {
        width: 250px;
        position: absolute;
        margin: 65px 0 0 -61px;
        font-size: 20px;
        line-height: 22px;
        text-align: center;
        display: none;
    }
    .content-design .section-8 .text-2 {
        width: 250px;
        position: absolute;
        margin: 110px 0 0 -64px;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        display: none;
    }
    .content-design .section-8 .text-3 {
        position: relative;
        width: auto;
        margin: 0;
        padding: 10% 0 0 0;
        font-size: 26px;
        line-height: 40px;
        text-align: center;
        font-weight: normal;
        color: #9d88ff;
    }
    .content-design .section-8 .text-3 span {
        text-align: right;
        margin: 0 0 0 30%;
    }
    .content-design .section-8 .text-3 strong {
        font-size: 50px;
        line-height: 150px;
        font-weight: normal;
    }
    .content-design .section-8 .text-4 {
        position: relative;
        width: auto;
        margin: 20% 0 0 0;
        font-size: 22px;
        line-height: 24px;
        text-align: center;
        color: #9d88ff;
    }
    .content-design .section-8 .text-4 strong {
        font-weight: bold;
    }
    .content-design .section-8 .text-5 {
        background:url(../../img/design/contact-button-purple_off.png) no-repeat center top;
        background-size: contain;
        background-size: 100%;
        position: relative;
        width: auto;
        height: auto;
        margin: 10% 5% 0 5%;
        padding: 10% 0 7% 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .section-8 .text-5:hover {
        background:url(../../img/design/contact-button-purple_on.png) no-repeat center top;
    }
    .content-design .section-8 .text-6 {
        position: relative;
        width: auto;
        margin: 20% 0 0 0;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        color: #9d88ff;
    }
    .content-design .section-8 .text-6 strong {
        font-weight: bold;
    }
    .content-design .section-8 .text-7 {
        position: relative;
        width: auto;
        height: auto;
        margin: 0 5%;
        padding: 10% 0 20% 0;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        color: #9d88ff;
    }
    .content-design .section-8 .text-7 strong {
        font-size: 38px;
        line-height: 36px;
        font-weight: normal;
    }

    .content-design .section-9-wrapper {
        background-color: #000000;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
        margin:0;
    }
    .content-design .section-9-bg {
        background: #000000;
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
        padding: 0 0 15% 0;
    }
    .content-design .section-9 {
        width: auto;
        position: relative;
        margin: 0 auto;
        color: #ffffff;
    }
    .content-design .section-9 .text-1 {
        position: relative;
        width: auto;
        margin: 0;
        padding: 20% 0 0 0;
        font-size: 180%;
        line-height: 130%;
        text-align: center;
    }
    .content-design .section-9 .text-2 {
        background:url(../../img/service/service_web.jpg) no-repeat center top;
        background-size: contain;
        width: auto;
        height: auto;
        position: relative;
        margin: 15% 5% 0 5%;
        padding: 30% 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .section-9 .text-2:hover {
        background:url(../../img/service/service_web_on.jpg) no-repeat center top;
    }
    .content-design .section-9 .text-3 {
        width: auto;
        position: relative;
        margin: 2% 5% 15% 5%;
        font-size: 81%;
        line-height: 130%;
    }
    .content-design .section-9 .text-4 {
        background:url(../../img/service/service_SPS.jpg) no-repeat center top;
        background-size: contain;
        width: auto;
        height: auto;
        position: relative;
        margin: 15% 5% 0 5%;
        padding: 30% 0 0 0;
        font-size: 22px;
        text-align: center;
        cursor: pointer;
    }
    .content-design .section-9 .text-4:hover {
        background:url(../../img/service/service_SPS_on.jpg) no-repeat center top;
    }
    .content-design .section-9 .text-5 {
        width: auto;
        position: relative;
        margin: 2% 5% 15% 5%;
        font-size: 81%;
        line-height: 130%;
    }
    .content-design .section-9 .text-6 {
        position: relative;
        margin: 0;
        padding: 20% 0 0 0;
        font-size: 200%;
        line-height: 130%;
        text-align: center;
    }
    .content-design .section-9 .text-7 {
        width: auto;
        position: relative;
        margin: 10% 0 0 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-top: 1px solid #464646;
        border-bottom: 1px solid #464646;
    }
    .content-design .section-9 .text-7 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-design .section-9 .text-8 {
        width: auto;
        position: relative;
        margin: 0% 0 0 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom: 1px solid #464646;
    }
    .content-design .section-9 .text-8 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-design .section-9 .text-9 {
        width: auto;
        position: relative;
        margin: 0% 0 0 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom: 1px solid #464646;
    }
    .content-design .section-9 .text-9 .title {
        font-weight: bold;
        margin: 0 10% 0 5%;
    }
    .content-design .section-9 .text-10 {
        width: auto;
        position: relative;
        margin: 0;
        padding: 5% 0;
        font-size: 16px;
        line-height: 22px;
        border-bottom: 1px solid #464646;
    }
    .content-design .section-9 .text-10 .title {
        font-weight: bold;
        margin: 0 13% 0 7%;
    }
    .content-design .section-footer-wrapper {
        /*background-color: #ffffff;*/
        background-size: cover;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .content-design>.section-footer-wrapper {display: block;}
}
@media print, screen and (max-width: 768px) {
    .wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .grayback:before {
        width: 100%;
    }
    #footer_aboutus {
        padding-left: 5.3%;
        padding-right: 5.3%;
    }
    #footer_recommend-service {
        padding-left: 5.3%;
        padding-right: 5.3%;
    }
    #footer_recruit {
        padding-left: 5.3%;
        padding-right: 5.3%;
    }
    #contact {
        margin-left: 0;
        margin-right: 0;
    }
}


@media screen and (max-width : 767px){
    html,
    body {
    overflow-x: hidden!important;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    }
   }

   @media screen and (max-width : 767px){
    html,
    body {
    overflow-x: hidden!important;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    }
   }