/* -------------------------------------------------------------------------------- */


/* スマフォ */


/* -------------------------------------------------------------------------------- */

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

    /* ---------------------------------------------------------- */
    /* .home */
    /* ---------------------------------------------------------- */
    /* .js-indexvisual
-----------------------------------------*/
    .indexvisual {
        padding: 0;
        width: 100%;
        /* SPは header 非表示で #wrapper の padding-top が効くため打ち消す */
        margin-top: 0;
    }

    .indexvisual #slider {
        width: 100%;
        margin: 0 auto;
    }

    .indexvisual .slide-item img {
        width: 100%;
    }

    /* --- CLS対策：slick初期化前は1枚目だけ表示する。
       縦横比は img の width/height 属性で確保している（CSSで決め打ちしない） --- */
    .indexvisual #slider:not(.slick-initialized) > li.slide-item:not(:first-child) {
        display: none;
    }

    .indexvisual .slide-item img {
        display: block;
        height: auto;
    }

    /* --- TVCM放映中バッジ（スマホ版）---
       SP slide1-1-1.jpg (1200x738) の赤い帯 x752-1088 / y420-484 を実測。
       PCとは画像の切り取りが違うため、位置も大きさも別の値になる。 */
    .indexvisual .slide-item .cmBadge {
        left: 62.22%;
        top: 56.6%;
        width: 28.9%;
    }

    .indexvisual .logo {
        display: none;
    }

    .indexvisual .logo-70 {
        width: 197px;
        height: 66px;
        position: absolute;
        top: 42px;
        left: 35px;
        display: none;
    }

    /* .home .info
-----------------------------------------*/
    .home .info {
        margin: 20px auto 30px !important;
        width: 100%;
        height: initial;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* クリーム地の上下に余白を取り、下のSERVICEとは隙間なく接する */
    .home .sec.info:not(.event) {
        margin: 20px auto 0 !important;
        padding: 30px 0;
    }

    .home .info .bl.no1 {
        float: none;
        width: 100%;
    }

    .home .info .md {
        font-size: 16px;
        padding-left: 20px;
    }

    .home .info .md span {
        font-size: 12px;
        margin-left: 25px;
        position: relative;
    }

    .home .info .md span:before {
        content: "";
        width: 11px;
        height: 1px;
        background-color: #dbdbdb;
        position: absolute;
        top: 7px;
        left: -18px;
    }

    .home .info ul {
        padding: 0 20px;
    }

    .home .info li {
        float: none;
        display: table;
        width: 100%;
        height: initial;
        padding-left: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px #ccc dotted;
    }

    .home .info li:last-child {
        padding-bottom: 0px;
        margin-bottom: 0px;
        border-bottom: none;
    }

    .home .info li .pic {
        display: table-cell;
        width: 90px;
        height: 90px;
        position: static;
        top: 0;
        left: 0;
        vertical-align: top;
    }

    .home .info li .txt {
        display: table-cell;
        position: static;
        top: 0px;
        left: 0px;
        width: initial;
        vertical-align: middle;
        padding: 0 0 0 20px !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .home .info li .txt1 {
        font-size: 11px;
    }

    .home .info li .txt2 {
        font-size: 13px;
        margin-top: 5px;
    }

    .home .info li .txt2 a {
        text-decoration: none;
    }

    .home .info li .txt2 a:hover {
        text-decoration: underline;
    }

    .home .info li .txt3 {
        font-size: 12px;
        margin-top: 5px;
    }



    /* .home .event
-----------------------------------------*/
    .home .event {
        width: 100%;
        margin-top: 0px !important;
        padding: 35px 0 35px;
    }

    .home .event .bl {
        float: none;
        width: 100%;
        margin: 0 auto;
    }

    .home .event li {
        width: 100%;
        min-height: initial;
        display: table;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .home .event li:last-child {
        float: none;
    }

    .home .event li .pic {
        display: table-cell;
        width: 30%;
        height: 125px;
        overflow: hidden;
        position: static;
        top: 0;
        left: 0;
    }

    .home .event li .pic img {
        width: 125px;
        height: auto;
        max-width: 125px;
        max-height: 125px;
    }

    .home .event li .txt {
        position: static;
        top: 0px;
        left: 0px;
        width: 70%;
    }

    .home .event li .txt1 {
        font-size: 11px;
    }

    .home .event li .txt2 {
        font-size: 13px;
        margin-top: 5px;
    }

    .home .event li .txt3 {
        font-size: 12px;
        margin-top: 5px;
    }

    /* .home .service
-----------------------------------------*/
    .home .service {
        width: 100%;
        position: relative;
    }

    .home .service .md {
        width: 181px;
        height: 57px;
        background: url(../../../images/top/service/md_bg.png) no-repeat;
        text-align: center;
        color: #fff;
        font-size: 12px;
        padding-top: 12px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -90px;
        z-index: 10;
        display: none;
    }

    .home .service .bl {
        display: block;
        width: 100%;
    }

    .home .service .bl .col {
        display: block;
        position: relative;
        overflow: hidden;
    }

    .home .service .bl.no1 .col {
        width: 100%;
    }

    .home .service .bl .col a {
        text-decoration: none;
        width: 100%;
        display: block;
    }

    .home .service .bl .col img {
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }

    .home .service .bl .col .txt {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        color: #fff;
        position: relative;
        z-index: 1;
    }

    .home .service .bl .col .txt1 {
        font-size: 22px;
        opacity: 0.5;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
    }

    .home .service .bl .col .txt2 {
        font-size: 14px;
        margin-top: 30px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
    }

    .home .service .bl a img {
        -moz-transition: -moz-transform 0.5s linear;
        -webkit-transition: -webkit-transform 0.5s linear;
        -o-transition: -o-transform 0.5s linear;
        -ms-transition: -ms-transform 0.5s linear;
        transition: transform 0.5s linear;
    }

    .home .service .bl a:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0.9;
    }

    .home .service .bl.no2 {}

    .home .service .bl.no2 .col {
        width: 100%;
        margin-top: -1px;
    }

    .home .service .bl.no2 .col.R {
        width: 100%;
    }

    .home .service .bl.no2 .col .txt1 {
        font-size: 20px;
    }

    .home .service .bl.no2 .col .txt1 span {
        font-size: 18px;
        margin-left: 15px;
    }

    .home .service .bl.no2 .col .txt2 {
        margin-top: 10px;
    }

    /* .home .company
-----------------------------------------*/
    .home .company {
        width: 100%;
        height: initial;
        background: url(../../images/top/company/bg.jpg) no-repeat center bottom;
        background-size: 1300px auto;
        background-color: #f3f5f6;
        margin-top: -1px;
    }

    .home .company .secIn {
        padding: 40px 15px 70px;
    }

    .home .company h3 {
        font-size: 26px;
        color: #dadee2;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
        text-align: center;
        position: relative;
    }

    .home .company h3:before {
        content: "";
        width: 6px;
        height: 72px;
        border-top: 1px #333 solid;
        border-left: 1px #333 solid;
        border-bottom: 1px #333 solid;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.3;
    }

    .home .company h3:after {
        content: "";
        width: 6px;
        height: 72px;
        border-top: 1px #333 solid;
        border-right: 1px #333 solid;
        border-bottom: 1px #333 solid;
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0.3;
    }

    .home .company h3 span {
        font-size: 14px;
        color: #333;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        margin-left: 0px;
        position: relative;
        display: block;
        margin-top: 10px;
    }

    .home .company h3 span:before {
        display: none;

    }

    .home .company .txt1 {
        font-size: 20px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
    }

    .home .company a span {
        position: relative;
    }

    .home .company ul.list {
        margin-bottom: 20px;
    }

    .home .company ul.list li {
        font-size: 16px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 300;
        position: relative;
        padding-left: 20px;
    }

    .home .company ul.list li span {
        position: absolute;
        top: 0;
        left: 0;
    }


    .home .company a span {
        position: relative;
    }

    .home .company ul {
        margin-top: 15px !important;
    }

    .home .company a.btn1 {
        font-size: 16px;
        width: 100%;
        padding: 10px 0px 10px 0px;
        color: #fff;
        text-decoration: none;
        background-color: #264a64;
        display: block;
        text-align: center;
    }

    .home .company a.btn1 span:before {
        content: "";
        background: none;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 5px;
        border-color: transparent transparent transparent #ffffff;
        position: absolute;
        top: 6px;
        left: -16px;
    }

    .home .company a.btn1:hover {
        background-color: #173246;
    }

    .home .company a.btn2 {
        font-size: 18px;
        width: 100%;
        padding: 5px 10px 5px 30px;
        text-decoration: none;
        background-color: rgba(255, 255, 255, 0.9);
        display: block;
        font-size: 14px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .home .company a.btn2 span:before {
        content: "";
        width: 8px;
        height: 9px;
        background: url(../../images/common/flag2.png) no-repeat;
        position: absolute;
        top: 4px;
        left: -17px;
    }

    .home .company a.btn2:hover {
        background-color: #e7f6ff;
    }

    /* ---------------------------------------------------------- */
    /* .company.greeting */
    /* ---------------------------------------------------------- */
    .company.greeting h2,
    .company.greeting h1 {
        background: url(../../images/company/greeting/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    .company.greeting .sec {
        margin: 0 0 50px 0 !important;
    }

    .company.greeting .sec .inner {
        width: 100%;
    }

    .company.greeting .sec .pic {
        display: none;
    }

    .company.greeting .sec .pic_smp {
        width: 100%;
        display: block !important;
        text-align: center;
        padding-top: 20px;
    }

    .company.greeting .sec .pic_smp p {
        padding-top: 10px;
        font-size: 14px;
        text-align: center;
    }


    .company.greeting .sec.no1 {
        background: none;
        padding: 0px;
    }

    /* ---------------------------------------------------------- */
    /* .company.history */
    /* ---------------------------------------------------------- */
    .company.history h2,
    .company.history h1 {
        background: url(../../images/company/history/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    /* .company.history .sec.no1 .inner
/* ---------------------------------------------------------- */
    .company.history .sec.no1 .inner {
        float: none;
        width: 100%;
    }

    .company.history .sec.no1 .inner ul {
        margin-top: 10px !important;
    }

    .company.history .sec.no1 .inner li {
        padding: 10px 0 10px;
        border-bottom: 1px #bdbdbd dotted;
        position: relative;
    }

    .company.history .sec.no1 .inner li:last-child {
        border-bottom: none;
    }

    .company.history .sec.no1 .inner li span {
        display: block;
        font-weight: bold;
        position: static;
        top: 0px;
        left: 0;
    }

    /* .company.history .sec.no1 #timeline
/* ---------------------------------------------------------- */
    .company.history .sec.no1 #timeline {
        float: none;
        width: 100%;
    }

    .company.history .sec.no1 #dates {
        display: none !important;
    }

    .company.history .sec.no1 #timeline img {
        width: 100%;
        height: auto;
    }

    .company.history .sec.no1 #issues {
        margin-top: 20px;
    }

    .company.history .sec.no1 #issues .md {
        padding: 10px 0 20px;
    }

    .company.history .sec.no1 #grad_top,
    .company.history .sec.no1 #grad_bottom,
    .company.history .sec.no1 #next,
    .company.history .sec.no1 #prev {
        display: none !important;
    }

    /* .company.history .sec.no2
/* ---------------------------------------------------------- */
    .company.history .sec.no2 {
        margin: 30px 0 50px;
    }

    .company.history .sec.no2 h5 {
        border-left: 5px #e0e0e0 solid;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
        padding-left: 20px;
    }

    .company.history .sec.no2 li {
        float: left;
        display: : inline;
        width: 50%;
        margin-right: 0px;
        margin-bottom: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 5px 0 0;
    }

    .company.history .sec.no2 li.R {
        float: none;
        margin-right: 0px;
    }

    .company.history .sec.no2 li:nth-child(2n) {
        float: right;
        padding: 0 0 0 5px;
    }

    .company.history .sec.no2 li img {
        width: 100%;
        height: auto;
    }

    .company.history .sec.no2 li p {
        padding-top: 5px;
        text-align: center;
        height: 40px;
    }

    /* ---------------------------------------------------------- */
    /* .company.outline */
    /* ---------------------------------------------------------- */
    .company.outline h2,
    .company.outline h1 {
        background: url(../../images/company/outline/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    .company.outline .sec.no1 {
        margin-bottom: 50px !important;
    }

    .company.outline .sec.no1 .inner li {
        position: relative;
        padding-left: 20px;
        margin-bottom: 5px;
    }

    .company.outline .sec.no1 .inner li:before {
        content: "●";
        color: #eaeaea;
        font-size: 12px;
        position: absolute;
        top: 2px;
        left: 0;
    }

    /* .company.outline .sec.no1 .inner dd.tel
/* --------------------------------------------- */
    .company.outline .sec.no1 .inner dd a {
        text-decoration: none;
        font-size: 15px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
    }

    .company.outline .sec.no1 .inner dd.tel p {
        position: relative;
        padding: 0 0 10px 0 !important;
        margin-bottom: 10px;
        border-bottom: 1px #ccc dotted;
    }

    .company.outline .sec.no1 .inner dd.tel p:last-child {
        border-bottom: none;
        margin-bottom: 0px;
    }

    .company.outline .sec.no1 .inner dd.tel p span {
        display: block;
        font-weight: bold;
        position: static !important;
        top: 0px !important;
        left: 0px !important;
    }

    .company.outline .sec.no1 .inner dd.tel p:nth-child(odd) {
        background: none;
    }

    /* .company.outline .sec.no1 .inner .img1
/* --------------------------------------------- */
    .company.outline .sec.no1 .inner .img1 {
        float: none;
        width: 100%;
    }

    .company.outline .sec.no1 .inner .img1 div {
        float: none;
        width: 100%;
        margin-right: 0px;
    }

    .company.outline .sec.no1 .inner .img1 div.R {
        margin-right: 0px;
    }

    .company.outline .sec.no1 .inner .txt {
        float: none;
        width: 100%;
    }

    /* .company.outline .sec.no1 .inner dd dl
/* --------------------------------------------- */
    .company.outline .sec.no1 .inner dd dl {
        display: table;
        width: 100%;
        border-bottom: 1px #ccc dashed !important;
        margin-top: 10px;
        padding-bottom: 10px;
    }

    .company.outline .sec.no1 .inner dd dl:last-child {
        border-bottom: none !important;
    }

    .company.outline .sec.no1 .inner dd dt {
        display: table-cell;
        width: 40px !important;
        background-color: #fff !important;
        border: none !important;
        vertical-align: top;
        padding: 0px !important;
    }

    .company.outline .sec.no1 .inner dd dt div {
        width: 40px;
        height: 25px;
        background-color: #999999;
        line-height: 25px;
        text-align: center;
        color: #fff;
        font-size: 12px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

    .company.outline .sec.no1 .inner dd dd {
        display: table-cell;
        width: initial !important;
        padding: 0 0 0 20px !important;
        border: none !important;
        vertical-align: top;
    }

    /* .company.outline .sec.no2
/* --------------------------------------------- */
    .company.outline .sec.no2 {
        padding-top: 45px;
        margin-top: -45px;
        margin-bottom: 50px !important;
    }

    /* ---------------------------------------------------------- */
    /* .service.energy */
    /* ---------------------------------------------------------- */
    .service.energy h2,
    .service.energy h1 {
        background: url(../../images/service/energy/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    .service.energy .catch {
        margin-top: 20px !important;
    }

    .service.energy .sec .pic div {
        margin-bottom: 20px;
    }

    .service.energy .sec .pic img {
        width: 100%;
        height: auto;
    }

    .service.energy .sec .pic div p {
        text-align: left !important;
    }

    /* .service.energy .sec.no1
/* --------------------------------------------- */
    .service.energy .sec.no1 .pic div {
        float: none;
        height: initial;
    }

    .service.energy .sec.no1 .pic div.R {
        float: none;
    }

    .service.energy .sec.no1 .pic div p {
        padding-top: 10px;
        font-size: 13px;
    }

    .service.energy .sec.no1 .img_h3 {
        position: absolute;
        top: -20px;
        right: -5px;
        width: 100px;
        height: auto;
    }

    /* .service.energy .sec.no2
/* --------------------------------------------- */
    .service.energy .sec.no2 {}

    .service.energy .sec.no2 .pic .mass div {
        height: initial;
    }

    .service.energy .sec.no2 .pic .mass {
        float: none;
        width: 100%;
    }

    .service.energy .sec.no2 .pic .mass.R {
        float: none;
        width: 100%;
    }

    .service.energy .sec.no2 .pic div p {
        padding-top: 10px;
        font-size: 13px;
    }

    /* ---------------------------------------------------------- */


    /* .service.energy2 */


    /* ---------------------------------------------------------- */

    .service.energy2 h2 {
        background: url(../../images/service/energy2/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    .service.energy2 .sec.no1 .img_h3 {
        position: absolute;
        top: 5px;
        right: 0px;
        width: 130px;
        height: auto;
    }


    /* .service.energy2 .sec.no1 .bl.no2
/* --------------------------------------------- */

    .service.energy2 .sec.no1 .bl.no2 .blIn {
        padding: 35px 10px 0 10px;
    }

    .service.energy2 .sec.no1 .bl.no2 h4 {
        background-color: #007336;
    }

    .service.energy2 .sec.no1 .bl.no2 h4 span {
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 300;
        font-size: 13px;
    }

    .service.energy2 .sec.no1 .bl.no2 dl {
        margin-bottom: 30px;
        position: relative;
    }

    .service.energy2 .sec.no1 .bl.no2 dl:before {
        display: none;
    }

    .service.energy2 .sec.no1 .bl.no2 dl:last-child:before {
        display: none;
    }

    .service.energy2 .sec.no1 .bl.no2 dl:last-child {
        margin-bottom: 0px;
    }

    .service.energy2 .sec.no1 .bl.no2 dl dt {
        float: none;
        width: 100%;
        padding: 15px 0;
        text-align: center;
        font-size: 18px;
        color: #fff;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        background-color: #ed6d00;
    }

    .service.energy2 .sec.no1 .bl.no2 dl dt div {
        width: 37px;
        height: 37px;
        background-color: #007336;
        border-radius: 37px;
        -webkit-border-radius: 37px;
        -moz-border-radius: 37px;
        text-align: center;
        font-size: 22px;
        color: #fff;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 2px;
        position: absolute;
        top: -13px;
        left: -5px;
    }

    .service.energy2 .sec.no1 .bl.no2 dl dd {
        float: none;
        width: 100%;
        padding: 10px 5px;
        border-bottom: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .service.energy2 .sec.no1 .bl.no2 dl:last-child dd {
        padding-bottom: 0;
        border-bottom: none;
    }

    .service.energy2 .sec.no1 .bl.no2 dl dd h5 {
        font-size: 16px;
        color: #007336;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
    }

    .service.energy2 .sec.no1 .bl.no2 dl dd ul {
        margin-top: 10px;
    }

    .service.energy2 .sec.no1 .bl.no2 dl dd li {
        position: relative;
        padding-left: 15px;
    }

    .service.energy2 .sec.no1 .bl.no2 dl dd li:before {
        content: "・";
        font-size: 14px;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* .service.energy2 .sec.no1 .btn
/* --------------------------------------------- */

    .service.energy2 .sec.no1 .btn {}

    .service.energy2 .sec.no1 .btn a {
        background-color: #ec9a1f;
        color: #fff;
        font-size: 18px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        width: 100%;
        padding: 20px 20px 20px 40px;
        display: block;
        text-decoration: none;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        position: relative;
        line-height: 1.2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
    }

    .service.energy2 .sec.no1 .btn a span {
        font-size: 12px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 300;
        display: none;
    }

    .service.energy2 .sec.no1 .btn a:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10.5px 0 10.5px 11px;
        border-color: transparent transparent transparent #ffffff;
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: 0.7;
        margin-top: -11px;
        margin-left: -125px;
    }

    .service.energy2 .sec.no1 .btn a:hover {
        background-color: #ecc81f;
        color: #3e1c1a;
    }

    /* ---------------------------------------------------------- */
    /* .service.water */
    /* ---------------------------------------------------------- */
    .service.water h2,
    .service.water h1 {
        background: url(../../images/service/water/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    .service.water .img_item {
        position: absolute;
        top: 235px;
        left: initial !important;
        right: 10px;
        margin-left: 0px;
        width: 100px !important;
        height: auto !important;
        z-index: 10;
    }

    .service.water .sec.no1 .img_h3 {
        position: absolute;
        top: 0px;
        right: 0px;
        display: none;
    }

    /* .service.water .sec.no1 .bl
/* --------------------------------------------- */
    .service.water .sec.no1 .bl {
        position: relative;
        margin-bottom: 40px;
    }

    .service.water .sec.no1 .bl h4 {
        background-color: #478ab1;
    }

    .service.water .sec.no1 .bl .expl {
        padding-top: 15px;
    }

    .service.water .sec.no1 .bl h6 {
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
        border-left: 4px #478ab1 solid;
        font-size: 16px;
        padding-left: 15px;
        line-height: 20px;
    }

    /* .service.water .sec.no1 .bl.no1
/* --------------------------------------------- */
    .service.water .sec.no1 .bl.no1 {
        margin-top: 20px !important;
    }

    .service.water .sec.no1 .bl.no1 img {
        float: left;
        margin-right: 0px;
        width: calc(100% / 3);
        height: auto;
    }

    /* .service.water .sec.no1 .bl.no2
/* --------------------------------------------- */
    .service.water .sec.no1 .bl.no2 h5 {
        width: 100%;
        height: initial;
        font-size: 18px;
        color: #fff;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
        position: static;
        top: 0px;
        left: 0;
        margin-left: 0px;
        text-align: left;
        background-color: #478ab1;
        padding: 10px 20px;
        margin-bottom: 10px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .service.water .sec.no1 .bl.no2 .waku {
        width: 100%;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: 1px #478ab1 solid;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .service.water .sec.no1 .bl.no2 .waku ul {
        padding: 15px;
    }

    .service.water .sec.no1 .bl.no2 .waku li {
        position: relative;
        padding: 0px 0 15px 40px;
        margin-bottom: 15px;
        border-bottom: 1px #478ab1 dotted;
    }

    .service.water .sec.no1 .bl.no2 .waku li:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }

    .service.water .sec.no1 .bl.no2 .waku li div {
        width: 25px;
        height: 49px;
        padding-top: 15px;
        display: block;
        background: url(../../images/service/water/shizuku.jpg) no-repeat;
        background-size: 25px auto;
        font-size: 20px;
        color: #fff;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
    }

    .service.water .sec.no1 .bl.no2 .waku li p {
        color: #478ab1;
    }

    .service.water .sec.no1 .bl.no2 .waku li .txt1 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .service.water .sec.no1 .bl.no2 .waku li .txt2 {
        font-size: 14px;
    }

    /* .service.water .sec.no1 .bl.no5
/* --------------------------------------------- */
    .service.water .sec.no1 .bl.no5 img {
        width: 100%;
        height: auto;
    }

    /* .service.water .sec.no1 .bl.no6
/* --------------------------------------------- */
    .service.water .sec.no1 .bl.no6 img {
        width: 100%;
        height: auto;
    }

    .service.water .sec.no1 .bl.no6 .expl {
        word-break: break-all;
    }

    .service.water .sec.no1 .bl.no6 .takujyo_smp {
        width: 100px;
        height: auto;
        position: relative;
        top: 10px;
    }

    .service.water .sec.no1 .bl.no6 .takujyo {
        display: none;
    }

    /* .service.water .sec.no1 .bl.no7
/* --------------------------------------------- */
    .service.water .sec.no1 .bl.no7 h4 {
        background-color: #fff36e;
        color: #000;
    }

    .service.water .sec.no1 .bl.no7 .expl {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* .service.water .sec.no1 .bl.no7 .mass
/* --------------------------------------- */
    .service.water .sec.no1 .bl.no7 .mass {
        position: relative;
        background-color: #f5f5f5;
        width: 100%;
        padding: 20px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 30px;
    }

    .service.water .sec.no1 .bl.no7 .mass .new {
        position: absolute;
        top: -14px;
        left: -11px;
    }

    .service.water .sec.no1 .bl.no7 .mass .txt1 {
        border-bottom: 1px #ccc dashed;
        padding-bottom: 6px;
    }

    .service.water .sec.no1 .bl.no7 .mass dl {
        display: block;
        width: 100%;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
        font-size: 20px;
    }

    .service.water .sec.no1 .bl.no7 .mass dt {
        display: block;
        width: 100%;
        text-align: left;
        font-size: 18px;
    }

    .service.water .sec.no1 .bl.no7 .mass dd {
        display: block;
        width: 100%;
        text-align: right;
        position: relative;
    }

    .service.water .sec.no1 .bl.no7 .mass .soryo {
        display: table;
        width: 100%;
    }

    .service.water .sec.no1 .bl.no7 .mass .soryo dt {
        display: table-cell;
        width: initial !important;
        width: auto !important;
        text-align: right;
        font-size: 14px;
        padding: 0 !important;
    }

    .service.water .sec.no1 .bl.no7 .mass .soryo dd {
        display: table-cell;
        width: 80px !important;
        text-align: right;
        position: relative;
        padding: 0 !important;
    }

    .service.water .sec.no1 .bl.no7 .mass .gokei {
        display: table;
        width: 100%;
    }

    .service.water .sec.no1 .bl.no7 .mass .gokei dt {
        display: table-cell;
        width: initial !important;
        width: auto !important;
        text-align: right;
        font-size: 16px;
        padding: 0 !important;
    }

    .service.water .sec.no1 .bl.no7 .mass .gokei dd {
        display: table-cell;
        width: 130px !important;
        text-align: right;
        position: relative;
        padding: 0 !important;
    }

    .service.water .sec.no1 .bl.no7 .mass .fzS {
        font-size: 12px;
        position: static;
        bottom: 0px;
        right: 0px;
    }

    .service.water .sec.no1 .bl.no7 .mass .price {
        color: #ff0000;
        font-size: 24px;
        margin-left: 35px;
    }

    .service.water .sec.no1 .bl.no7 .mass .price.no1 {
        font-size: 14px;
    }

    .service.water .sec.no1 .bl.no7 .mass .price span {
        font-size: 12px;
    }

    .service.water .sec.no1 .bl.no7 ul.pt1 {
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
        font-size: 16px;
    }

    .service.water .sec.no1 .bl.no7 ul.pt1 li {
        display: block;
        padding: 0 0 0 33px;
        position: relative;
        margin-right: 0px;
    }

    .service.water .sec.no1 .bl.no7 ul.pt1 li:last-child;

        {
        margin-right: 0px;
    }

    .service.water .sec.no1 .bl.no7 ul.pt1 li:before {
        content: "";
        width: 24px;
        height: 18px;
        background: url(../../images/service/water/check.jpg) no-repeat;
        position: absolute;
        top: 5px;
        left: 0;
    }

    .service.water .sec.no1 .bl.no7 ul.pt2 li {
        position: relative;
        padding-left: 20px;
    }

    .service.water .sec.no1 .bl.no7 ul.pt2 li:before {
        content: "※";
        position: absolute;
        top: 0;
        left: 0;
    }

    .service.water .sec.no1 .bl.no7 .img6 {
        position: absolute;
        top: 97px;
        right: 30px;
    }

    /* .service.water .sec.no1 .contact
/* ---------------------------------------------------- */
    .service.water .sec.no1 .contact {
        padding-top: 0px;
        margin-top: 0px;
    }

    /* .service.water .fix-bn
/* ---------------------------------------------------- */
    .service.water .fix-bn {
        position: fixed;
        bottom: 60px;
        right: 10px;
        z-index: 100000;
    }

    .service.water .fix-bn a {
        width: 100px;
        height: 100px;
        border: 3px #eb4fa8 solid;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
    }

    .service.water .fix-bn a:hover {
        border: 3px #4387dd solid;
    }

    .service.water .fix-bn a img {
        width: 100px;
        height: 100px;
        position: absolute;
        top: -5px;
        left: -3px;
    }








    /* ---------------------------------------------------------- */
    /* .service.renovation */
    /* ---------------------------------------------------------- */
    .service.renovation h2,
    .service.renovation h1 {
        background: url(../../images/service/renovation/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    .service.renovation .sec.no1 .img_h3 {
        width: 150px;
        height: auto;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    /* .service.renovation .sec.no1 .bl
/* --------------------------------------------- */
    .service.renovation .sec.no1 .bl h4 {
        background-color: #007336;
    }

    .service.renovation .sec.no1 .bl h4 span {
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 300;
        font-size: 13px;
    }

    /* .service.renovation .sec.no1 .btn
/* --------------------------------------------- */
    .service.renovation .sec.no1 .btn {
        text-align: center;
    }

    .service.renovation .sec.no1 .btn a {
        background-color: #ec9a1f;
        color: #fff;
        font-size: 16px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        padding: 15px 10px 15px 30px;
        display: block;
        text-decoration: none;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        position: relative;
    }

    .service.renovation .sec.no1 .btn a:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5.5px 0 5.5px 10px;
        border-color: transparent transparent transparent #ffffff;
        position: absolute;
        top: 22px;
        left: 50%;
        opacity: 0.7;
        margin-left: -120px;
    }

    .service.renovation .sec.no1 .btn a:hover {
        background-color: #ecc81f;
        color: #3e1c1a;
    }

    /* .service.renovation .sec.no1 .bl.no1
/* --------------------------------------------- */
    .service.renovation .sec.no1 .bl.no1 .mass {
        float: none;
        width: 100%;
        position: relative;
        margin-bottom: 50px;
    }

    .service.renovation .sec.no1 .bl.no1 .mass:after {
        content: "";
        width: 19px;
        height: 46px;
        background: url(../../images/service/renovation/yajirushi.jpg) no-repeat;
        transform: rotate(90deg);
        position: absolute;
        top: initial;
        bottom: -48px;
        right: 0;
        left: 50%;
        margin-left: -10px;
    }

    .service.renovation .sec.no1 .bl.no1 .pt2 .mass:after {
        top: initial;
    }

    .service.renovation .sec.no1 .bl.no1 .mass.R:after {
        display: none;
    }

    .service.renovation .sec.no1 .bl.no1 .mass.R {
        float: none;
        width: 100%;
    }

    .service.renovation .sec.no1 .bl.no1 .mass img {
        width: 100%;
        height: auto;
    }

    .service.renovation .sec.no1 .bl.no1 .mass p {
        width: 100%;
        height: 31px;
        background-color: #c5c5c5;
        font-size: 13px;
        color: #fff;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        text-align: center;
        line-height: 31px;
        margin-bottom: 10px;
        letter-spacing: 2px;
    }

    .service.renovation .sec.no1 .bl.no1 .mass.R p {
        background-color: #007336;
    }

    /* .service.renovation .sec.no1 .bl.no2
/* --------------------------------------------- */
    .service.renovation .sec.no1 .bl.no2 {
        margin-top: -50px;
    }

    .service.renovation .sec.no1 .bl.no2 h4 {
        width: 100%;
        padding: 10px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        margin-bottom: 0;
    }

    .service.renovation .sec.no1 .bl.no2 .expl {
        padding-top: 20px;
    }

    .service.renovation .sec.no1 .bl.no2 h4 span {
        display: block;
    }

    .service.renovation .sec.no1 .bl.no2 .waku {
        background: none !important;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 0px;
    }

    .service.renovation .sec.no1 .bl.no2 .waku li {
        width: 100%;
    }

    .service.renovation .sec.no1 .bl.no2 .waku li img {
        width: 100%;
        height: auto;
        border: none !important;
    }

    /* ---------------------------------------------------------- */
    /* .service.realestate */
    /* ---------------------------------------------------------- */
    .service.realestate h2,
    .service.realestate h1 {
        background: url(../../images/service/realestate/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    .service.realestate .sec.no1 .img_h3 {
        width: 150px;
        height: auto;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .service.realestate .sec.no1 .expl {
        padding: 10px 0 0 0;
    }

    .service.realestate .sec.no1 .expl img {
        width: 100%;
        height: auto;
    }

    /* .service.realestate .sec.no1 .bl.no1
/* --------------------------------------------- */
    .service.realestate .sec.no1 .bl.no1 .mass {
        float: none;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .service.realestate .sec.no1 .bl.no1 .mass:last-child {
        margin-bottom: 0px;
    }

    .service.realestate .sec.no1 .bl.no1 .mass.R {
        margin-right: 0;
    }

    .service.realestate .sec.no1 .bl.no1 .mass img {
        width: 100%;
        height: auto;
    }

    .service.realestate .sec.no1 .bl.no1 .mass p {
        text-align: left;
        padding-top: 10px;
    }

    /* .service.realestate .sec.no1 .btn
/* --------------------------------------------- */
    .service.realestate .sec.no1 .btn {
        text-align: center;
        margin-top: -40px;
    }

    .service.realestate .sec.no1 .btn a {
        background-color: #264a64;
        color: #fff;
        display: block;
        width: 100%;
        font-size: 16px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        padding: 15px 5px 15px 25px;
        text-decoration: none;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .service.realestate .sec.no1 .btn a:before {
        content: "";
        width: 10px;
        height: 11px;
        background: url(../../images/common/flag1.png) no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -130px;
        margin-top: -5px;
    }

    .service.realestate .sec.no1 .btn a:hover {
        background-color: #173246;
    }

    /* ---------------------------------------------------------- */
    /* .service.ehimenowa */
    /* ---------------------------------------------------------- */
    .service.ehimenowa h2,
    .service.ehimenowa h1 {
        background: url(../../images/service/ehimenowa/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    .service.ehimenowa .sec.no1 .img_h3 {
        position: absolute;
        top: 0px;
        right: 0px;
        display: none;
    }

    .service.ehimenowa .sec.no1 h4 {
        background-color: #fdfbdc;
        color: #795625;
    }

.service.ehimenowa .sec.no1 .bl.koukan {
    position: relative;
}
.service.ehimenowa .sec.no1 .bl.koukan:before {
    content:"";
      width: 0;
  height: 0;
  border-style: solid;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
  border-top: 30px solid #f9ead7;
  border-bottom: 0;
  position: absolute;
  top: -50px;
  left: 50%;
  margin-left:-60px;
}
.service.ehimenowa .sec.no1 .bl.koukan .catch1 {
    text-align: left;
    font-size: 4.5vw;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #a96e20;
    position: relative;
}
.service.ehimenowa .sec.no1 .bl.koukan .catch1 br {
    display:none;
}
.service.ehimenowa .sec.no1 .bl.koukan .catch1:before {
    display:none;
}
.service.ehimenowa .sec.no1 .bl.koukan .catch1:after {
    display:none;
}
.service.ehimenowa .sec.no1 .bl.koukan a.btn1 {
    text-decoration: none;
    text-align: center;
    font-size: 4vw;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(to bottom, #9ab240, #bad83e);
    display: block;
    border-radius: 5px;
    padding: 13px 0 15px 10px;
    margin-top: 20px;
    box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
    position: relative;
}

.service.ehimenowa .sec.no1 .bl.koukan a.btn1:hover {
    background: linear-gradient(to bottom, #e99d39, #edb63f);
    top: 1px;
    left: 1px;
}

.service.ehimenowa .sec.no1 .bl.koukan a.btn1:after {
    content: "";
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -3px;
}

.service.ehimenowa .sec.no1 .bl.koukan a.btn1 span {
    position: relative;
}

.service.ehimenowa .sec.no1 .bl.koukan a.btn1 span:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../../images/service/ehimenowa/icon_present.svg) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    left: -35px;
    margin-top: -10px;
}
.service.ehimenowa .sec.no1 .bl.koukan .box {
    background-color: #f7f6ec;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 25px 25px;
    margin-top: 25px;
}
.service.ehimenowa .sec.no1 .bl.koukan .box .md {
    font-size: 4vw;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #a96e20;
    margin-bottom:10px;
    position: relative;
    left: -10px;
}
.service.ehimenowa .sec.no1 .bl.koukan .box p {
    font-size: 3.5vw;
}
.service.ehimenowa .sec.no1 .bl.koukan .box a.btn2 {
    font-size: 3.5vw;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    color: #fff;
    margin-top:10px;
    text-decoration:none;
    padding:5px 20px 7px 30px;
    border-radius: 5px;
    display:inline-block;
    background-color:#9f834b;
}
.service.ehimenowa .sec.no1 .bl.koukan .box a.btn2:hover {
    background-color:#8c723e;
}

.service.ehimenowa .sec.no1 .bl.koukan .box a.btn2 span {
  position: relative;
}
.service.ehimenowa .sec.no1 .bl.koukan .box a.btn2 span:after {
    content: "";
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    width: 4px;
    height: 4px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: -15px;
    margin-top: -2px;
}
.service.ehimenowa .sec.no1 .bl.koukan .box ul {
  margin-top:20px;
}

    /* .service.ehimenowa .sec.no1 .bl.no1
/* --------------------------------------------- */
    .service.ehimenowa .sec.no1 .bl.no1 {
        background-color: #fdfbdc;
        padding: 20px 22px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        color: #a96e20;
        position: relative;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        margin-top: 20px !important;
    }

    .service.ehimenowa .sec.no1 .bl.no1 .parts {
        display: none;
    }

    .service.ehimenowa .sec.no1 .bl.no1 .partsIn {
        width: 124px;
        height: 94px;
        border-radius: 126px;
        -webkit-border-radius: 126px;
        -moz-border-radius: 126px;
        border: 1px #fbf1ca solid;
        padding-top: 30px;
    }

    .service.ehimenowa .sec.no1 .chui {
        margin: -30px 0 30px 0;
        color: #e4014f;
    }

    .service.ehimenowa .sec.no1 .chui span {
        color: #e4014f;
    }

.service.ehimenowa .sec.no1 .bl.no2 .chui_card {
    padding-left:0px;
    font-size:11px;
}
    /* .service.ehimenowa .sec.no1 .bl.no3
/* --------------------------------------------- */
    .service.ehimenowa .sec.no1 .bl.no3 .box {
        background-color: #f7f6ec;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 15px 15px;
        margin-top: 25px;
    }

    .service.ehimenowa .sec.no1 .bl.no3 .box .md {
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        font-size: 15px;
        padding: 10px 15px;
        position: relative;
        color: #795625;
        background-color: rgba(255, 255, 255, 0.7);
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .service.ehimenowa .sec.no1 .bl.no3 .box .md:before {
        display: none;
    }

    .service.ehimenowa .sec.no1 .bl.no3 .box li {
        position: relative;
        padding: 10px 0 20px 50px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
    }

    .service.ehimenowa .sec.no1 .bl.no3 .box li div {
        width: 34px;
        height: 30px;
        background-color: #a18240;
        border-radius: 34px;
        -webkit-border-radius: 34px;
        -moz-border-radius: 34px;
        color: #fff;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        font-size: 18px;
        text-align: center;
        position: absolute;
        top: 5px;
        left: 0;
        padding-top: 4px;
    }

    .service.ehimenowa .sec.no1 .bl.no3 .box.pt2 .md {
        color: #6f8815;
    }

    .service.ehimenowa .sec.no1 .bl.no3 .box.pt2 .md:before {
        background-color: #93b41f;
    }

    .service.ehimenowa .sec.no1 .bl.no3 .box.pt2 li div {
        background-color: #93b41f;
    }


    .service.ehimenowa .sec.no1 .bl.no4 .hyo dl.birthday select {
        width: 20% !important;
    }

    /* .service.ehimenowa .sec.no1 .btn
/* --------------------------------------------- */
    .service.ehimenowa .sec.no1 .btn {
        text-align: center;
    }

    .service.ehimenowa .sec.no1 .btn a {
        background-color: #ef9902;
        color: #fff;
        font-size: 20px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        width: 803px;
        display: block;
        padding: 20px 0px 20px 0px;
        text-decoration: none;
        position: relative;
    }

    .service.ehimenowa .sec.no1 .btn a:before {
        content: "";
        width: 10px;
        height: 11px;
        background: url(../../images/common/flag1.png) no-repeat;
        position: absolute;
        top: 30px;
        left: 110px;
    }

    .service.ehimenowa .sec.no1 .btn a:hover {
        background-color: #ba7908;
    }

    /* ---------------------------------------------------------- */
    /* .service.icoi */
    /* ---------------------------------------------------------- */
    .service.icoi h2 {
        background: url(../../images/service/icoi/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    .service.icoi .sec.no1 .img_h3 {
        position: absolute;
        top: 0;
        right: 0px;
        display: none;
    }

    .service.icoi .sec.no1 h4 {
        background-color: #928071;
    }

    /* .service.icoi .sec.no1 .bl.no0
/* --------------------------------------------- */
    .service.icoi .sec.no1 .bl.no0 {}

    .service.icoi .sec.no1 .bl.no0 .expl {
        width: 100%;
    }

    /* .service.icoi .sec.no1 .bl.no1
/* --------------------------------------------- */
    .service.icoi .sec.no1 .bl.no1 {
        margin-top: -30px !important;
    }

    .service.icoi .sec.no1 .bl.no1 div {
        float: none;
        width: 100%;
        height: initial;
        margin-bottom: 30px;
    }

    .service.icoi .sec.no1 .bl.no1 div:last-child {
        margin-bottom: 0px;
    }

    .service.icoi .sec.no1 .bl.no1 img {
        width: 100%;
        height: auto;
    }

    .service.icoi .sec.no1 .bl.no1 div.R {
        float: none;
    }

    .service.icoi .sec.no1 .bl.no1 div p {
        padding-top: 10px;
        text-align: left;
    }

    /* .service.icoi .sec.no1 .bl.no2
/* --------------------------------------------- */
    .service.icoi .sec.no1 .bl.no2 h2 {
        color: #836748;
        font-size: 24px;
        width: 100%;
        height: auto;
        margin-top: 0px;
        background: none;
    }

    /* .service.icoi .sec.no1 .bl.no3
/* --------------------------------------------- */
    .service.icoi .sec.no1 .bl.no3 .box {
        background-color: #f5f4f2;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 15px;
    }

    .service.icoi .sec.no1 .bl.no3 .box .md {
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        font-size: 15px;
        padding: 10px 15px;
        position: relative;
        color: #473a2e;
        background-color: rgba(255, 255, 255, 0.7);
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .service.icoi .sec.no1 .bl.no3 .box .md:before {
        display: none;
    }

    .service.icoi .sec.no1 .bl.no3 .box ul {
        float: none;
        width: 100%;
    }

    .service.icoi .sec.no1 .bl.no3 .box ul.R {
        width: 100%;
    }

    .service.icoi .sec.no1 .bl.no3 .box li {
        position: relative;
        padding-left: 25px;
        font-size: 16px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 300;
        margin-bottom: 10px;
    }

    .service.icoi .sec.no1 .bl.no3 .box li:before {
        content: "●";
        font-size: 18px;
        color: #928071;
        position: absolute;
        top: -2px;
        left: 0;
    }

    /* ---------------------------------------------------------- */
    /* .service.icoi.detail */
    /* ---------------------------------------------------------- */
    .service.icoi.detail h3 {
        border-bottom: none;
        padding-bottom: 0px;
    }

    /* .service.icoi.detail .bl .btn
/* --------------------------------------------- */
    .service.icoi.detail .bl .btn {
        text-align: center;
        margin-top: 50px;
    }

    .service.icoi.detail .bl .btn a {
        background-color: #f09803;
        color: #fff;
        font-size: 16px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        padding: 10px 50px 10px 70px;
        text-decoration: none;
        position: relative;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .service.icoi.detail .bl .btn a:before {
        content: "";
        width: 10px;
        height: 11px;
        background: url(../../images/common/flag1.png) no-repeat;
        position: absolute;
        top: 15px;
        left: 40px;
    }

    .service.icoi.detail .bl .btn a:hover {
        background-color: #bd7d11;
    }


    /* ---------------------------------------------------------- */


    /* .service.icoi-laundry */


    /* ---------------------------------------------------------- */

    .service.icoi-laundry h2,
    .service.icoi-laundry h1 {
        background: url(../../images/service/icoi-laundry/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    .service.icoi-laundry .sec.no1 .bl .md {
        padding: 15px 0 15px 60px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        position: relative;
    }

    .service.icoi-laundry .sec.no1 .bl .md span {
        font-family: UD新丸ゴ B;
        font-size: 22px;
        display: inline-block;
        -webkit-transform: rotate(0.028deg);
        -moz-transform: rotate(0.028deg);
        -ms-transform: rotate(0.028deg);
        -o-transform: rotate(0.028deg);
        transform: rotate(0.028deg);
        color: #ffec37;
    }

    .service.icoi-laundry .sec.no1 .bl .waku {
        padding: 20px;
        -webkit-border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
        position: relative;
    }

    /* .service.icoi-laundry .sec.no1 .bl.no1
/* ---------------------------------------------------------- */
    .service.icoi-laundry .sec.no1 .bl.no1 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .service.icoi-laundry .sec.no1 .bl.no1 img {
        width: 100%;
        height: auto;
    }

    /* .service.icoi-laundry .sec.no1 .bl.no2
/* ---------------------------------------------------------- */
    .service.icoi-laundry .sec.no1 .bl.no2 {
        margin-bottom: 30px;
    }

    .service.icoi-laundry .sec.no1 .bl.no2 .md {
        background-color: #0399e3;
    }

    .service.icoi-laundry .sec.no1 .bl.no2 .md:before {
        content: "";
        width: 37px;
        height: 37px;
        background: url(../../images/service/icoi-laundry/maru.svg) no-repeat;
        background-size: 37px 37px;
        filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.3));
        position: absolute;
        top: 12px;
        left: 11px;
    }

    .service.icoi-laundry .sec.no1 .bl.no2 .waku {
        background-color: #e6f5fc;
        border: 3px #0399e3 solid;
        padding: 20px 20px 20px 20px;
        margin-bottom: 20px;
    }

    .service.icoi-laundry .sec.no1 .bl.no2 ul {
        margin-bottom: 0px;

        /*  border-bottom:1px #97d5f3 dotted;*/
    }

    .service.icoi-laundry .sec.no1 .bl.no2 ul:last-child {
        margin-bottom: 0px;
        border: none;
    }

    .service.icoi-laundry .sec.no1 .bl.no2 li {
        float: none;
        width: 100%;
        display: table;
        padding-right: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border-right: none;
        border-bottom: 1px #97d5f3 dotted;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .service.icoi-laundry .sec.no1 .bl.no2 li:last-child {
        margin-bottom: 20px;
    }

    .service.icoi-laundry .sec.no1 .bl.no2 li.last {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border: none !important;
    }

    .service.icoi-laundry .sec.no1 .bl.no2 li:nth-child(2n) {
        float: none;
        padding-right: 0px;
        padding-left: 0px;
        border-bottom: 1px #97d5f3 dotted;
    }

    .service.icoi-laundry .sec.no1 .bl.no2 li .icon {
        display: table-cell;
        width: 108px;
    }

    .service.icoi-laundry .sec.no1 .bl.no2 li .icon img {
        width: 100%;
        height: auto;
    }

    .service.icoi-laundry .sec.no1 .bl.no2 li .txt {
        display: table-cell;
        vertical-align: top;
        padding-left: 10px;
        padding-bottom: 0px;
    }

    .service.icoi-laundry .sec.no1 .bl.no2 li .txt .name {
        font-size: 20px;
        color: #0399e3;
        font-family: UD新丸ゴ B;
        -webkit-transform: rotate(0.028deg);
        -moz-transform: rotate(0.028deg);
        -ms-transform: rotate(0.028deg);
        -o-transform: rotate(0.028deg);
        transform: rotate(0.028deg);
    }

    .service.icoi-laundry .sec.no1 .bl.no2 li .txt .disp {
        font-size: 16px;
        padding-top: 5px;
    }

    .service.icoi-laundry .sec.no1 .bl.no2 li .txt .disp span {
        font-size: 14px;
        color: #0399e3;
    }

    .service.icoi-laundry .sec.no1 .bl.no2 .chui {
        display: block;
    }

    /* .service.icoi-laundry .sec.no1 .bl.no3
/* ---------------------------------------------------------- */
    .service.icoi-laundry .sec.no1 .bl.no3 {
        margin-bottom: 30px;
    }

    .service.icoi-laundry .sec.no1 .bl.no3 .md {
        background-color: #e61d73;
    }

    .service.icoi-laundry .sec.no1 .bl.no3 .md:before {
        content: "";
        width: 34px;
        height: 34px;
        background: url(../../images/service/icoi-laundry/batsu.svg) no-repeat;
        background-size: 34px 34px;
        filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.3));
        position: absolute;
        top: 15px;
        left: 13px;
    }

    .service.icoi-laundry .sec.no1 .bl.no3 .waku {
        background-color: #fdedf3;
        border: 3px #e61d73 solid;
        padding: 20px;
    }

    .service.icoi-laundry .sec.no1 .bl.no3 dl {
        margin-bottom: 20px;
    }

    .service.icoi-laundry .sec.no1 .bl.no3 dl:last-child {
        margin-bottom: 0px;
    }

    .service.icoi-laundry .sec.no1 .bl.no3 dt {
        float: none;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        background-color: #ed6699;
    }

    .service.icoi-laundry .sec.no1 .bl.no3 dt span {
        font-size: 18px;
        font-family: UD新丸ゴ M;
        -webkit-transform: rotate(0.028deg);
        -moz-transform: rotate(0.028deg);
        -ms-transform: rotate(0.028deg);
        -o-transform: rotate(0.028deg);
        transform: rotate(0.028deg);
        color: #fff;
    }

    .service.icoi-laundry .sec.no1 .bl.no3 dd {
        float: none;
        width: 100%;
        font-size: 16px;
        padding: 10px 5px 5px 5px;
    }

    /* .service.icoi-laundry .sec.no1 .bl.no4
/* ---------------------------------------------------------- */
    .service.icoi-laundry .sec.no1 .bl.no4 {
        margin-bottom: 30px;
    }

    .service.icoi-laundry .sec.no1 .bl.no4 .md {
        background-color: #0399e3;
        padding-left: 30px;
    }

    .service.icoi-laundry .sec.no1 .bl.no4 .md span {
        color: #fff;
    }

    .service.icoi-laundry .sec.no1 .bl.no4 .waku {
        background-color: #ffec37;
        border: 3px #0399e3 solid;
        padding: 20px 20px;
    }

    .service.icoi-laundry .sec.no1 .bl.no4 .waku .expl {
        font-size: 16px;
        padding: 0;
        margin: 0;
    }

    .service.icoi-laundry .sec.no1 .bl.no4 ul {}

    .service.icoi-laundry .sec.no1 .bl.no4 li {
        font-size: 16px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        display: block;
        margin-right: 0px;
        margin-top: 5px;
        padding-left: 30px;
        position: relative;
    }

    .service.icoi-laundry .sec.no1 .bl.no4 li span {
        font-size: 28px;
        color: #ff0000;
        margin-right: 10px;
        position: absolute;
        top: -12px;
        left: 0;
    }

    /* .service.icoi-laundry .sec.no1 .bl.no5
/* ---------------------------------------------------------- */
    .service.icoi-laundry .sec.no1 .bl.no5 {
        margin-bottom: 30px;
    }

    .service.icoi-laundry .sec.no1 .bl.no5 .md {
        background-color: #0399e3;
        padding-left: 30px;
    }

    .service.icoi-laundry .sec.no1 .bl.no5 .md span {
        color: #fff;
    }

    .service.icoi-laundry .sec.no1 .bl.no5 .waku {
        background-color: #fff;
        border: 3px #0399e3 solid;
        padding: 10px;
    }

    .service.icoi-laundry .sec.no1 .bl.no5 .waku iframe {
        height: 300px !important;
    }

    /* ---------------------------------------------------------- */
    /* .service.setsubi */
    /* ---------------------------------------------------------- */
    .service.setsubi h2,
    .service.setsubi h1 {
        background: url(../../images/service/setsubi/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    /* .service.setsubi .bl.no1
/* --------------------------------------------- */
    .service.setsubi .bl.no1 {
        margin-top: 40px;
    }

    .service.setsubi .bl.no1 .md {
        width: 100%;
        border-top: 1px #dedede solid;
        position: relative;
    }

    .service.setsubi .bl.no1 .md div {
        font-size: 20px;
        font-family: "FP-ヒラギノ角ゴ StdN W5";
        width: 240px;
        height: 40px;
        background-color: #fff;
        text-align: center;
        line-height: 40px;
        position: absolute;
        top: -20px;
        left: 50%;
        margin-left: -120px;
    }

    .service.setsubi .bl.no1 ul {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .service.setsubi .bl.no1 li {
        width: 100%;
        height: initial;
        float: none;
        display: table;
        margin-right: 0px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px #ccc dotted;
    }

    .service.setsubi .bl.no1 li:last-child {
        padding-bottom: 0px;
        margin-bottom: 0px;
        border-bottom: none;
    }

    .service.setsubi .bl.no1 li.R {
        margin-right: 0px;
    }

    .service.setsubi .bl.no1 li .pic {
        display: table-cell;
        width: 100px;
        height: 100px;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        overflow: hidden;
        vertical-align: top;
    }

    .service.setsubi .bl.no1 li .pic img {
        width: 100%;
        height: auto;
    }

    .service.setsubi .bl.no1 li .txt {
        margin-top: 0px;
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        padding-left: 20px;
    }

    .service.setsubi .bl.no1 li .txt1 {
        font-size: 14px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
    }

    .service.setsubi .bl.no1 li .txt2 {
        font-size: 12px;
        font-family: "FP-ヒラギノ角ゴ StdN W5";
        margin-top: 10px;
    }

    .service.setsubi .bl.no1 li .txt1 a {
        position: relative;
        text-decoration: underline;
    }

    .service.setsubi .bl.no1 li .txt1 a:hover {
        text-decoration: underline;
    }

    .service.setsubi .bl.no1 li .txt1 a:before {
        display: none;
    }

    /* .service.setsubi .sec.no1 .bl
/* --------------------------------------------- */
    .service.setsubi .sec.no1 .bl {
        padding-top: 50px;
        margin-top: -50px;
    }

    .service.setsubi .sec.no1 .bl.no1 {
        padding-top: 0px;
        margin-top: 40px;
    }

    .service.setsubi .sec.no1 .bl h4 {
        background-color: #51380c;
    }

    .service.setsubi .bl .gazo {
        padding: 0 5px;
        margin-top: 20px;
    }

    /* .service.setsubi #sec1
/* --------------------------------------------- */
    .service.setsubi #sec1 h5 {
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
        border-left: 5px #9b6d25 solid;
        line-height: 25px;
        font-size: 18px;
        padding-left: 20px;
    }

    .service.setsubi #sec1 .gazo img {
        width: 100%;
        height: auto;
    }

    .service.setsubi #sec1 ul {
        margin-top: 0 !important;
    }

    .service.setsubi #sec1 li {
        display: inline;
        float: none;
        width: 100%;
        background: none;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 5px;
        margin-bottom: 20px;
    }

    .service.setsubi #sec1 li.R {
        float: none;
    }

    .service.setsubi #sec1 li div {
        border: 1px #ede5c0 solid;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 5px;
        padding: 15px;
    }

    .service.setsubi #sec1 li .txt1 {
        position: relative;
        padding: 5px 0 0 45px;
        font-size: 16px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
    }

    .service.setsubi #sec1 li:last-child .txt1 {
        padding-left: 65px;
    }

    .service.setsubi #sec1 li .txt1 span {
        position: relative;
        font-size: 30px;
        color: #9b6d25;
        position: absolute;
        top: -10px;
        left: 0;
    }

    .service.setsubi #sec1 li .txt2 {
        margin-top: 10px;
        height: 75px;
    }

    /* .service.setsubi #sec2
/* --------------------------------------------- */
    .service.setsubi #sec2 {
        padding-top: 110px;
        margin-top: -110px
    }

    .service.setsubi #sec2 .gazo img {
        width: 100%;
        height: auto;
    }

    .service.setsubi #sec2 .expl {
        padding-bottom: 50px;
    }

    .service.setsubi #sec2 .expl img {
        width: 100%;
        height: auto;
        float: none !important;
        margin: 0 !important;
    }

    .service.setsubi #sec2 h5 {
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
        border-left: 5px #abcd05 solid;
        line-height: 25px;
        font-size: 18px;
        padding-left: 20px;
    }

    .service.setsubi #sec2 .kiji {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        background-color: #f5f9e3;
        padding: 5px;
        margin-bottom: 20px;
    }

    .service.setsubi #sec2 .kijiIn {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border: 1px #eaeddb solid;
        padding: 20px;
    }

    .service.setsubi #sec2 .kijiIn .txt1 {
        font-size: 18px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
        color: #788c14;
    }

    .service.setsubi #sec2 .kijiIn .txt2 {
        padding-top: 10px;
        line-height: 1.8;
    }

    .service.setsubi #sec2 .kijiIn .txt3 {
        padding-top: 10px;
        text-align: right;
    }

    .service.setsubi #sec2 button {
        background: -moz-linear-gradient(top, #ff6600, #ff6600);
        background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#ff6600));
    }

    .service.setsubi #sec2 button:hover {
        background: -moz-linear-gradient(top, #d7661b, #d7661b);
        background: -webkit-gradient(linear, left top, left bottom, from(#d7661b), to(#d7661b));
    }

    /* .service.setsubi #sec3
/* --------------------------------------------- */
    .service.setsubi #sec3 {
        padding-top: 110px;
        margin-top: -110px
    }

    .service.setsubi #sec3 .gazo img {
        width: 100%;
        height: auto;
    }

    /* ---------------------------------------------------------- */
    /* .service.cs */
    /* ---------------------------------------------------------- */
    .service.cs #contents {
        padding-top: 95px;
    }

    .service.cs .pankuzu {
        display: none;
    }

    .service.cs .subNavi {
        display: none;
    }

    .service.cs #contents {
        position: relative;
    }

    .service.cs h2.visible-xs,
    .service.cs h1.visible-xs {
        display: block !important;
    }

    .service.cs h2,
    .service.cs h1 {
        width: 100%;
        height: initial;
        padding: 15px 20px;
        line-height: initial;
        margin-top: 0px;
        background-color: #81ad5e;
        font-size: 18px;
        color: #fff;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .service.cs .sec.no1 h2,
    .service.cs .sec.no1 h1 {
        display: none;
    }

    .service.cs h2 span,
    .service.cs h1 span {
        display: block;
        font-size: 12px;
        color: #cccccc;
        margin-left: 0px;
    }

    .service.cs .blIn {
        padding: 20px 5px 0 5px;
    }

    /* .service.cs .bl.no1 h4
/* ---------------------------------------- */
    .service.cs .bl.no1 h4 {
        width: 100% !important;
        font-size: 18px;
        color: #51380c;
        background-color: #f4f4f4;
        position: relative;
        padding: 10px 20px;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .service.cs .bl.no1 h4:before {
        display: none;
    }

    .service.cs .bl.no1 h4 span {
        font-size: 12px !important;
    }

    .service.cs .bl.no1 h4 img {
        display: none;
    }

    /* .service.cs .bl h5
/* ---------------------------------------- */
    .service.cs .bl h5 {
        border-left: 5px #81ad5e solid;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
        padding-left: 20px;
    }

    /* ---------------------------------------------------------- */
    /* .service.cs.top */
    /* ---------------------------------------------------------- */
    .service.cs.top .sec.no1 {
        margin-bottom: 50px !important;
    }

    .service.cs.top .bl.no1 {
        margin-top: -70px !important;
    }

    .service.cs.top .bl.no1 li {
        float: none;
        display: block;
        margin-bottom: 30px;
    }

    .service.cs.top .bl.no1 li:last-child {
        margin-bottom: 0px;
    }

    .service.cs.top .bl.no1 li.R {
        float: none;
    }

    .service.cs.top .bl.no1 li a {
        width: 100%;
        background-color: #dbe8d2;
        display: block;
        padding: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .service.cs.top .bl.no1 li a:hover {
        background-color: #c2d5b4;
    }

    .service.cs.top .bl.no1 li a:hover .txt1 span {
        color: #fff;
    }

    .service.cs.top .bl.no1 li a .inner {
        border: 1px #fff solid;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 14px;
    }

    .service.cs.top .bl.no1 li a .gazo img {
        width: 100%;
        height: auto;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .service.cs.top .bl.no1 li a .txt {
        padding-top: 20px;
    }

    .service.cs.top .bl.no1 li a .txt1 {
        text-align: center;
    }

    .service.cs.top .bl.no1 li a .txt1 span {
        font-size: 20px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
        color: #81ad5e;
        position: relative;
    }

    .service.cs.top .bl.no1 li a .txt1 span:before {
        content: "";
        width: 10px;
        height: 11px;
        background: url(../../images/service/energy/cs/top/flag.png) no-repeat;
        position: absolute;
        top: 7px;
        left: -25px;
    }

    .service.cs.top .bl.no1 li a .txt2 {
        padding: 10px 0 0 0;
    }

    /* ---------------------------------------------------------- */
    /* .service.cs.page1 */
    /* ---------------------------------------------------------- */
    .service.cs.page1 .sec.no1 {
        margin-bottom: 50px !important;
    }

    /* .service.cs.page1 .bl.no1 li
/* ---------------------------------------- */
    .service.cs.page1 .bl.no1 {
        margin-top: -30px !important;
    }

    .service.cs.page1 .bl.no1 li {
        padding: 0 0 0 20px;
        margin: 0 0 10px 0;
        position: relative;
        display: block !important;
        float: none;
    }

    .service.cs.page1 .bl.no1 li:before {
        content: "●";
        font-size: 12px;
        color: #f4f4f4;
        position: absolute;
        top: 2px;
        left: 0;
    }

    /* .service.cs.page1 .bl.no1 .btnArea
/* ---------------------------------------- */
    .service.cs.page1 .bl.no1 .btnArea {}

    .service.cs.page1 .bl.no1 .btnArea a {
        float: none;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        background-color: #81ad5e;
        width: 100%;
        padding: 15px 10px 15px 15px;
        font-size: 15px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        color: #fff;
        text-decoration: none;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        margin-bottom: 10px;
    }

    .service.cs.page1 .bl.no1 .btnArea a.R {
        float: none;
    }

    .service.cs.page1 .bl.no1 .btnArea a:before {
        content: "";
        background: none;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 4px;
        border-color: transparent transparent transparent #ffffff;
        position: absolute;
        top: 22px;
        left: 50%;
        margin-left: -110px;
        opacity: 0.8;
    }

    .service.cs.page1 .bl.no1 .btnArea a:hover {
        background-color: #739756;
    }

    /* ---------------------------------------------------------- */
    /* .service.cs.page2 */
    /* ---------------------------------------------------------- */
    /* .service.cs.page2 .bl.no1
/* ---------------------------------------- */
    .service.cs.page2 .bl.no1 {
        margin-top: -30px !important;
    }

    .service.cs.page2 .bl.no1 .hyo {}

    .service.cs.page2 .bl.no1 .hyo table {
        width: 100%;
        border-collapse: collapse;
        border: 1px #ccc solid;
    }

    .service.cs.page2 .bl.no1 .hyo th {
        padding: 10px;
        width: 50%;
        background-color: #f5f5f5;
        border-collapse: collapse;
        border: 1px #ccc solid;
        text-align: center;
    }

    .service.cs.page2 .bl.no1 .hyo td {
        padding: 10px;
        background-color: #fff;
        border-collapse: collapse;
        border: 1px #ccc solid;
        text-align: center;
        font-weight: bold;
    }

    /* ---------------------------------------------------------- */
    /* .service.cs.page3 */
    /* ---------------------------------------------------------- */
    .service.cs.page3 .bl.no1 {
        margin-top: -30px !important;
    }

    .service.cs.page3 .bl.no1 .blIn {
        padding: 15px 0 0 0;
    }

    /* .service.cs.page3 .bl.no1
/* ---------------------------------------- */
    .service.cs.page3 .bl.no1 h5 {
        border: none;
        padding: 10px 20px;
        width: 100%;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        background-color: #ffffcc;
        font-size: 18px;
        color: #51380c;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* .service.cs.page3 .bl.no1 #tab05
/* ---------------------------------------- */
    .service.cs.page3 .bl.no1 #tab05 .img1 {
        width: 120px;
        height: auto;
    }

    .service.cs.page3 .bl.no1 #tab05 .box {
        background-color: #f4f4f4;
        padding: 15px;
    }

    .service.cs.page3 .bl.no1 #tab05 .box img {
        width: 100%;
        height: auto;
        margin: 10px 0;
    }

    .service.cs.page3 .bl.no1 #tab05 h6 {
        border-left: 5px #81ad5e solid;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
        padding-left: 20px;
    }

    .service.cs.page3 .bl.no1 #tab05 .step {
        background-color: #f9f9f9;
        padding: 15px;
        margin-bottom: 30px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .service.cs.page3 .bl.no1 #tab05 .step .txt {
        float: none;
        width: 100%;
    }

    .service.cs.page3 .bl.no1 #tab05 .step .txt .md {
        background-color: #81ad5e;
        width: 76px;
        height: 29px;
        padding: 0px 0px;
        color: #fff;
        font-size: 20px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
    }

    .service.cs.page3 .bl.no1 #tab05 .step .txt .md span {
        font-size: 12px;
        position: relative;
        top: -2px;
    }

    .service.cs.page3 .bl.no1 #tab05 .step .txt .expl {
        padding: 15px 0 0 0;
    }

    .service.cs.page3 .bl.no1 #tab05 .step img {
        float: none;
        width: 100%;
        height: auto;
    }

    /* ---------------------------------------------------------- */
    /* .service.cs.page4 */
    /* ---------------------------------------------------------- */
    /* .service.cs.page4 .bl.no1
/* ---------------------------------------- */
    .service.cs.page4 .bl.no1 {
        margin-top: -30px !important;
    }

    .service.cs.page4 .bl.no1 .expl {
        padding-top: 0 !important;
    }

    .service.cs.page4 .bl.no1 .tel span {
        margin: 0 !important;
    }

    /* ---------------------------------------------------------- */
    /* .efforts.page1 */
    /* ---------------------------------------------------------- */
    .efforts.page1 h2 {
        background: url(../../images/efforts/page1/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    .efforts.page1 .sec.no1 {
        margin: 0 0 50px 0 !important;
    }

    .efforts.page1 .sec.no1 .img_h3 {
        position: absolute;
        top: -38px;
        right: -15px;
        display: none;
    }

    .efforts.page1 .sec.no1 .expl .img1 {
        width: 100%;
        height: auto;
        margin: -15px 0 10px;
    }

    .efforts.page1 .sec.no1 .box {
        background-color: #f9f9f9;
        padding: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        margin-top: 20px !important;
    }

    .efforts.page1 .sec.no1 .boxIn {
        background-color: #f9f9f9;
        border: 1px #ececec solid;
        padding: 15px 20px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .efforts.page1 .sec.no1 .boxIn img {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .efforts.page1 .sec.no1 .boxIn .md {
        font-size: 18px;
        color: #81ad5e;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
    }

    .efforts.page1 .sec.no1 .boxIn li {
        float: left;
        width: 50%;
        margin-right: 0px;
        padding: 0 5px 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .efforts.page1 .sec.no1 .boxIn li:nth-child(2n) {
        float: right;
        padding: 0 0 0 5px;
    }

    .efforts.page1 .sec.no1 .boxIn li img {
        width: 100%;
        height: auto;
    }

    .efforts.page1 .sec.no1 .boxIn li p {
        font-size: 12px;
        text-align: center;
        padding-top: 10px;
        height: 50px;
    }

    /* ---------------------------------------------------------- */
    /* .efforts.page2 */
    /* ---------------------------------------------------------- */
    .efforts.page2 h2 {
        background: url(../../images/efforts/page2/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    .efforts.page2 .sec.no1 {
        margin: 0 0 50px 0 !important;
    }

    .efforts.page2 .sec.no1 .img1 {
        float: none;
        margin: 0 0 15px 0 !important;
        width: 100%;
        height: auto;
    }

    /* ---------------------------------------------------------- */
    /* .efforts.page3 */
    /* ---------------------------------------------------------- */
    .efforts.page3 h2,
    .efforts.page3 h1 {
        background: url(../../images/efforts/page3/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    .efforts.page3 .sec.no1 {
        margin: 0 !important;
    }

    .efforts.page3 .sec.no1 .expl {
        float: none;
        width: 100%;
    }

    .efforts.page3 .sec.no1 .pic {
        float: none;
        width: 100%;
        height: initial;
        padding: 0px;
        background-color: #fff;
        margin-top: 20px;
    }

    /* ---------------------------------------------------------- */
    /* .recruit */
    /* ---------------------------------------------------------- */
    .recruit h2,
    .recruit h1 {
        background: url(../../images/recruit/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    .recruit .sec h3 {
        width: 100%;
    }

    .recruit .sec h4 {
        padding: 2% 0;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        background: none;
        border-bottom: 1px #ccc solid;
        color: #333;
        margin-bottom: 15px;
        font-size: 16px;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }

    .recruit .sec .tel a {
        font-size: 22px;
        height: 29px;
        line-height: 29px;
        background: url(../../images/mailform/icon_tel2.png) no-repeat;
        padding: 0 0 0 40px;
        text-decoration: none;
        color: #653e1e;
    }

    .recruit .sec .mail a {
        font-size: 20px;
        height: 24px;
        line-height: 24px;
        display: block;
        background: url(../../images/mailform/icon_mail.png) no-repeat 0 4px;
        padding: 0 0 0 40px;
        text-decoration: none;
        color: #653e1e;
    }

    /* .recruit .sec .slide
/* ----------------------------------- */
    .recruit .sec .slide {
        padding: 0;
        background: none;
        margin-top: 15px;
    }

    .recruit .sec .loopslider {
        margin: 0 auto;
        width: 100%;
        height: initial;
        text-align: left;
        position: relative;
        overflow: visible;
        background-color: #ffffff;
    }

    .recruit .sec .loopslider ul {
        /*  width: 100%;*/
        height: initial;
        float: left;
        display: inline;
        overflow: visible;
        position: relative;
        top: 0px;
    }

    .recruit .sec .loopslider ul li {
        width: 50%;
        height: initial;
        float: left;
        display: inline;
        overflow: visible;
    }

    .recruit .sec .loopslider ul li:last-child {
        display: none;
    }

    .recruit .sec .loopslider ul li img {
        width: 100%;
        height: auto;
        border: 1px #fff solid;
        margin-top: -1px;
    }

    .recruit .sec .tel span {
        margin: 0 !important;
    }

    /* ---------------------------------------------------------- */
    /* .blog  */
    /* ---------------------------------------------------------- */
    .blog h2,
    .blog h1 {
        background: url(../../images/blog/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    .blog .sec {
        width: 100%;
        margin: 0 auto;
    }

    /* .blog .col_main
/*-------------------------------- */
    .blog .col_main {
        float: none;
        width: 100%;
    }

    .blog .col_main .md {
        padding: 15px 20px;
        font-size: 16px;
        background-color: #fbfbfb;
        margin-bottom: 20px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .blog .col_main .md span {
        position: relative;
    }

    .blog .col_main .md span:before {
        display: none;
    }

    /* .blog .selectBox
/*-------------------------------- */
    .blog .selectBoxWrap {
        padding: 20px 0;
    }

    .blog .selectBox {
        width: 100%;
        margin-bottom: 10px;
        position: relative;
    }

    .blog .selectBox:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 3px 0 3px;
        border-color: #333 transparent transparent transparent;
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -3px;
    }

    .blog .selectBox:last-child {
        margin-bottom: 50px;
    }

    .blog .selectBox select {
        -webkit-appearance: none;
        width: 100%;
        border: 1px #ccc solid;
        background-color: #fff;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* .blog .col_main #comments 【コメントフォーム】
------------------------------------------ */
    .blog .col_main #comments {}

    /* .blog .col_side
------------------------------------------ */
    .blog .col_side {
        display: none;
    }

    /* ---------------------------------------------------------- */
    /* .contact */
    /* ---------------------------------------------------------- */
    .contact h2,
    .contact h1 {
        background: url(../../images/contact/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    .contact .bl {
        position: relative;
    }

    .contact .bl h3 {
        width: 100%;
    }

    .contact .bl .img1 {
        display: none;
    }

    .contact .bl .tel span {
        margin: 0 !important;
    }

    .contact .bl h5 {
        border-left: 5px #e0e0e0 solid;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
        padding-left: 20px;
    }

    .contact .bl button {
        background: -moz-linear-gradient(top, #727272, #727272);
        background: -webkit-gradient(linear, left top, left bottom, from(#727272), to(#727272));
    }

    .contact .bl button:hover {
        background: -moz-linear-gradient(top, #5f5f5f, #5f5f5f);
        background: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#5f5f5f));
    }

    /* ---------------------------------------------------------- */
    /* .info */
    /* ---------------------------------------------------------- */
    .info h2,
    .info h1 {
        background: url(../../images/info/hdimg.jpg) no-repeat center 0;
        background-size: 1000px auto;
    }

    .event2 h2,
    .event2 h1 {
        background: url(../../images/event2/hdimg.jpg) no-repeat center 0 !important;
        background-size: 1000px auto !important;
    }

}