@charset "utf-8";

/* ---------------------------------------------------------
    キーパーラボ（サービス各種ページ要素定義）
    URL: http://www.keeperlabo.jp/
    © I-tac Giken. All Rights Reserved.
------------------------------------------------------------ */

/*------------------------------*/
/*common set*/
/*------------------------------*/
.boxred {
    width: 899px;
    margin: 0px auto 20px auto;
    background-image: url(../img/service/box_rc_head.png);
    padding-top: 10px;
    background-repeat: no-repeat;
}
.boxred .boxwrap {
    background-image: url(../img/service/box_rc_foot.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 10px;
}
.boxred .boxwrap .boxinner{
    background-image: url(../img/service/box_rc_body.png);
    background-repeat: repeat-y;
    overflow:hidden;
}
.boxred .boxcontent,
.boxwhite .boxcontent {
    margin:0 auto;
    width:822px;
    padding:10px 0;
}
.boxred h2,
.boxwhite h2 {
    color: #000;
    margin-left: -20px;
}
.boxred p,
.boxwhite p {
    line-height:1.6;
}
.boxwhite {
    width: 899px;
    margin: 0px auto 20px auto;
    background-image: url(../img/service/box_rc_w_head.png);
    padding-top: 10px;
    background-repeat: no-repeat;
}
.boxwhite .boxwrap {
    background-image: url(../img/service/box_rc_w_foot.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 10px;
}
.boxwhite .boxwrap .boxinner{
    background-image: url(../img/service/box_rc_w_body.png);
    background-repeat: repeat-y;
    overflow:hidden;
}
/* ---------------------------------------------------------
 レイアウト用CLASS	[各所で使用]
------------------------------------------------------------ */

/*------------------------------*/
/*TXT*/
/*------------------------------*/
.txt14 {
    font-size: 14px !important;
}
/*------------------------------*/
/*CREAR*/
/*------------------------------*/
.clear {
    clear: both !important;
}
/*------------------------------*/
/*Margin Padding */
/*------------------------------*/
.maL0{
    margin-left:0px !important;
}
.maL0_5{
    margin-left:5px !important;
}
.maL1{
    margin-left:10px !important;
}
.maL1_5{
    margin-left:15px !important;
}
.maL2{
    margin-left:20px !important;
}
.maL3{
    margin-left:30px !important;
}
.maT0{
    margin-top:0px !important;
}
.maT1{
    margin-top:10px !important;
}
.maT2{
    margin-top:20px !important;
}
.maT3{
    margin-top:30px !important;
}
.maR0{
    margin-right:0px !important;
}
.maR1{
    margin-right:10px !important;
}
.maR1_5{
    margin-right:15px !important;
}
.maR2{
    margin-right:20px !important;
}
.maR3{
    margin-right:30px !important;
}
.maU0{
margin-bottom:0px !important;
}
.maU1{
margin-bottom:10px !important;
}
.maU1_5{
margin-bottom:15px !important;
}
.maU2{
margin-bottom:20px !important;
}
.maU3{
margin-bottom:30px !important;
}
.paL0{
padding-left:0px !important;
}
.paL1{
padding-left:10px !important;
}
.paL2{
padding-left:20px !important;
}
.paL3{
padding-left:30px !important;
}
.paL4{
padding-left:40px !important;
}
.paT0{
padding-top:0px !important;
}
.paT0_5{
padding-top:5px !important;
}
.paT1{
padding-top:10px !important;
}
.paT2{
padding-top:20px !important;
}
.paT3{
padding-top:30px !important;
}
.paR0 {
padding-right:0px !important;
}
.paR1 {
padding-right:10px !important;
}
.paR2 {
padding-right:20px !important;
}
.paR3 {
padding-right:30px !important;
}
.paU0{
padding-bottom:0px !important;
}
.paU0_5{
padding-bottom:5px !important;
}
.paU1{
padding-bottom:10px !important;
}
.paU2{
padding-bottom:20px !important;
}
.paU3{
padding-bottom:30px !important;
}

/*------------------------------*/
/*flex justify-content 2060428追加  */
/*------------------------------*/
.justifyCenter {
    justify-content: center !important;
}
.justifyBetween {
    justify-content: space-between !important;
}
.justifyAround {
    justify-content: space-around !important;
}
.justifyEvenly {
    justify-content: space-evenly !important;
}

/*------------------------------*/
/*for txt float  */
/*------------------------------*/
.floatOver{
    overflow:hidden !important;
    _zoom:1 !important;
}
/*------------------------------*/
/*ohters  */
/*------------------------------*/
.clearNone {
    clear:none !important;
    }
.wideAuto {
    width:auto !important;
    }
    .floatnone {
        float:none !important;
    }
    .bordernoe {
        border:none !important;
    }

/* ---------------------------------------------------------
 /coating/index.html
------------------------------------------------------------ */
.coatingIndex {
    width:934px;
    margin:0 0 0 5px;
}
.coatingIndex .kv {
    background-image: url(../img/service/img_shadow_f.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 8px;
    margin-bottom:25px;
}

.coatingIndex .line_n {
    background:url(../img/service/hr_01.jpg) no-repeat;
    height:2px;
    width:901px;
    margin:0 auto 25px;
    border:none;
    clear:both;
    overflow:hidden;

}
.coatingIndex .line_sh {
    background:url(../img/hr_shadow.gif) no-repeat left top;
    height:8px;
    margin:0 auto 20px;
    border:none;
    clear:both;
    width:934px;
    overflow:hidden;
    font-size:0;
    line-height:0;

}

.coatingIndex .ttl {
    text-align:center;
    margin:-5px 0 9px;
}

.coatingIndex h2 {
    font-weight:bold;
    color:#000000;
    border-left:4px solid #D01126;
    padding:0 0 0 9px;
    font-size:18px;
    margin:0 0 16px;
}
.coatingIndex .price_list h2 {
    font-weight:bold;
    color:#D01126;
    border-left:4px solid #D01126;
    padding:0 0 0 9px;
    font-size:18px;
    margin:0 0 5px;
}


.coatingIndex .block {
    /*width:901px;*/
    width:880px;
    margin:0 auto 17px;
}

.coatingIndex .block p {
    line-height:1.6;
}

.coatingIndex .block .block_body {
    margin:0 15px 10px;
}


.coatingIndex .block .block_body ul li {
    list-style:disc;
    margin:0 0 0.5em 1.5em;
}
.coatingIndex .block_body .colum {
    font-size: 14px;
    width: 409px;
}

.coatingIndex .boxred .boxwrap .boxinner .boxcontent {
    width: 821px;
}
.coatingIndex .boxred.clear .boxwrap .boxinner .boxcontent h3 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight:bold;
}

.coatingIndex .boxcontent h2 {
    margin-left: 0px;
    padding-left:5px;
}

.coatingIndex .price_list .price {
    padding-bottom: 8px;
}

#tosoukojo .colum {
    width: 394px;
}
#coatinlineUp h3 {
    color: #45B035;
    font-size: 16px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
}
#tosoukojo .whitebg {
    background-color: #FFF;
    padding: 19px 19px 10px 19px;
}
.coatingIndex .block .block_body .colum p strong {
    font-weight: bold;
}
.colorRed1 {
    color: #d01126;
}
#linuplist li {
    margin-bottom:15px;
}
#coatinlineUp {
    margin-bottom: 15px;
}

/*----------------------------------------------------------
    dispel: 打消し表現
------------------------------------------------------------  */
div.dispel {
    margin-top: 1rem;
    margin-bottom: 1rem;
    line-height: 1.2rem;
}
div.dispel p {
    font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}
div.dispel p::before {
    content: '※';
    margin-right: 5px;
}
div.dispel.mt-non {
    margin-top: 0;
}
div.dispel.mb-non {
    margin-bottom: 0;
}
div.dispel.mt-non {
    margin-top: 0;
}
div.dispel.pl-20 {
    padding-left: 20px;
}
div.dispel.pl-40 {
    padding-left: 40px;
}
div.dispel.pl-4 {
    padding-left: 4px;
}
/* 位置調整 */
.diamond .bar dl.lay-dispel,
.w_dia .bar dl.lay-dispel,
.eco_dia .bar dl.lay-dispel,
.crystal_body .bar dl.lay-dispel,
.pure .bar dl.lay-dispel {
    padding-top: 10px;
    padding-bottom: 10px;
}
/* End 位置調整 */

.eco_dia .bar {
    background:url(../img/service/bg_bar01.jpg) repeat-x;
    height:127px;
    position:relative;
    margin:0 0 17px;
}

/* dispel追加に伴い編集 */
.pure .bar {
    background-size: contain;
    background-repeat: repeat;
    background-position: bottom;
    min-height: 157px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0;
}
.pure .bar dl {
    padding:20px 20px 0;
}
.pure .bar dl dt,
.pure .bar dl dd {
    float:left;
    margin:0 10px 0 0;
}
div.dispel.text-right {
    width: 100%;
    margin: 0;
    text-align: right;
    font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}

div.dispel.pl-ex {
    padding-left: 7.8rem;
    margin-top: 0.75rem;
}
div.dispel.pl-ex-2 {
    padding-left: 5rem;
    margin-top: 0.75rem;
    font-size: 0.7rem;
}
div.dispel.pl-ex-note {
    padding-left: 1rem !important;
    text-align: left;
}
div.dispel.pl-ex-final {
    margin-left: 80px;
    text-align: left;
}
div.dispel.font-ex {
    text-align: left;
}
div.dispel.font-ex p {
    font-size: 0.7rem;
    line-height: 0.9rem;
    letter-spacing: 0;
    margin-top: 0;
}
div.dispel.bg-fresh {
    background-color: #eeefef;
    padding-left: 28px;
    padding-bottom: 1rem;
}
div.dispel p.ex {
    color: #fff;
    text-align: left;
}
div.dispel.mattex {
    width: 780px;
    padding-left: 80px;
    margin-top: 1rem;
}
div.dispel.top {
    width: 88%;
    height: auto;
    margin: 0 auto;
}
div.dispel.top p {
    text-align: left;
    margin: 0;
}
#wash .wash div.dispel.wash {
    width: 880px;
    margin: 0 auto 8px;
}
#cleaning .cleaning div.cleaning_wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
}
#cleaning .cleaning div.dispel.cleaning {
    margin-top: 0;
}
#cleaning .cleaning div.dispel.cleaning.pl-1 {
    padding-left: 1rem;
}
div.dispel.sidemenu {
    width: 840px;
    margin: 1rem auto;
}
div.dispel.sidemenu p {
    font-size: 0.7rem;
    line-height: 0.9rem!important;
}
div.dispel.sidemenu.mt-non {
    margin-top: 0;
}
div.dispel.sidemenu.mb-non {
    margin-bottom: 0;
}
div.dispel.sidemenu.bg-lens {
    width: 100%;
    background: #CEEBFC;
    margin:0;
    padding: 1rem 0;
}
div.dispel.sidemenu.bg-lens p {
    margin-left: 47px;
}
div.dispel.sidemenu.bg-set {
    width: 100%;
    background: #E3E9F5;
    margin:0;
    padding: 1rem 0;
}
div.dispel.sidemenu.bg-set p {
    margin-left: 47px;
}
#main1colArea .wrap.con_wrap {
    height: 380px;
}
#main1colArea .wrap.con_wrap div.content {
    height: 160px;
}
div.dispel.sidemenu.bg-head {
    width: 100%;
    margin: 0;
    padding: 0;
}
.fender_6 div.wrap.wheel {
    height: 620px;
}
.fender_6 .wrap .bkWrap .content .list table tr.small {
    padding-bottom: 0;
}
.fender_6 .wrap .bkWrap .content .list table tr.small td {
    padding-bottom: 0;
}
.fender_6 .wrap .bkWrap .content .list table tr.small.dispel {
    font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}
.fender_6 .wrap .bkWrap .content .list table tr.small.dispel td {
    padding: 0;
    border: none;
}
div.dispel.sidemenu.bg-wheel {
    margin: 1rem 0 0 0;
}
.fender_7 .wrap .bkWrap {
    background-position: 100% 0!important;
    background-size: 255px 235px!important;
}
.fender_7 .wrap .bkWrap div.dispel {
    margin: 1rem 0 0 0;
}
/*
.fender_8 div.wrap.engine {
    height: 290px;
}
.fender_8 .wrap .bkWrap {
    background-position: 100% 0!important;
    background-size: 216px!important;
}
.fender_8 .wrap .bkWrap {
    height: 120px;
}
.fender_8 .wrap .bkWrap div.dispel {
    margin: 1rem 0 0 0;
}
*/
.fender_9 div.dispel {
    background-color: #eee;
    margin: 0 0 1rem 0;
    padding: 1rem;
    width: calc(100% - 2rem);
}
.fender_9 .wrap .bkWrap .content {
    height: 240px!important;
}
.fender_9 .wrap .bkWrap .content .item {
    height: auto!important;
}
.fender_9 .btn_wrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-top: 1rem;
}
.fender_9 .btn_wrap p.btn {
    margin: 0!important;
}
#problem .problem_body .block.con-wrap {
    display: flex;
    justify-content: center;
    height: auto;
    width: 100%;
    margin-bottom: 0;
}
#problem .problem_body .block.con-wrap .inner {
    margin: 15px auto 0;
    width: 880px;
}
#problem .problem_body .block.con-wrap .inner .imgColum3 {
    margin-bottom: 0;
}
#problem .problem_body .block.con-wrap .inner .imgColum3 .price_list {
    margin-bottom: 0;
}
div.dispel.ploblem_5 {
    width: 100%;
    margin: 0 auto;
    padding: 0 27px;
}
#problem .problem_body.p6 .txtColum div.dispel {
    width: 473px;
    text-align: right;
    margin: 0;
}
#main1colArea.problem_07 div.dispel.problem_7 {
    display: flex;
    flex-direction: column;
    width: 840px;
    margin: 0 auto;
    padding-bottom: 1rem;
}
#main1colArea.problem_07 div.dispel.problem_7 p {
    font-size: 0.8rem!important;
    line-height: 1rem!important;
}
#problem .bg_19 {
    background: none;
}
#problem .bg_19 div.cont_wrap {
    background: url(../img/service/problem/pic19.png) no-repeat top 20px right 20px / auto 90%;
    display: block;
    width: 100%;
    height: auto;
}
/* 自転車キーパー */
#bicyclecoating .wrap.bicycle div.dispel.bicycle {
    width: 880px;
    margin: 199px auto 1rem auto;
}
#bicyclecoating .wrap.bicycle div.cloth {
    margin-top: 0!important;
}
/* バイクコーティング */
#bikecoating .wrap.bike article .lineup .inner.eco {
    border: 3px solid #00a040;
    border-radius: 10px;
}
/* ---------------------------------------------------------
 /coating/crystal.html
------------------------------------------------------------ */

.crystal_body {
    width:934px;
    margin:0 0 0 5px;
}

.crystal_body hr {
    background:url(../img/service/hr_01.jpg) no-repeat;
    height:2px;
    width:901px;
    margin:0 auto 16px;
    border:none;
    clear:both;
}

.crystal_body .ttl {
    text-align:center;
    margin:-5px 0 9px;
}

.crystal_body h2 {
    font-weight:bold;
    color:#000000;
    border-bottom: 1.5px solid #000000;
    padding: 0.5rem;
    font-size:18px;
    margin:0 0 16px;
}

.crystal_body .bar {
    background:url(../img/service/bg_bar01.jpg) repeat-x;
    height:127px;
    position:relative;
    margin:0 0 17px;
}

/* dispel追加に伴い編集 */
.crystal_body .bar {
    background-size: contain;
    background-repeat: repeat;
    background-position: bottom;
    min-height: 157px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0;
}
.crystal_body .bar dl {
    padding:20px 20px 0;
}

.crystal_body .bar dl dt,
.crystal_body .bar dl dd {
    float:left;
    margin:0 10px 0 0;
}

.crystal_body .bar dl dd p {
    display:table-cell;
    vertical-align:middle;
    height:76px;
    line-height:1.5;
}

.crystal_body .block {
    width:901px;
    margin:0 auto 17px;
}

.crystal_body .block h3 {
    margin:0 15px 20px;
}

.crystal_body .block p {
    line-height:1.6;
}

.crystal_body .block .block_body {
    margin:0 0 30px;
}

.crystal_body .block .block_body .point {
    float:left;
    width:270px;
    margin:0 0 0 25px;
}

.crystal_body .block .block_body .point:first-child {
    margin:0;
}

.crystal_body .block .block_body .point h4 {
    font-weight:bold;
    font-size:14px;
    color:#000000;
    margin:0 0 0.5em;
}

.crystal_body .block .block_body ul li {
    list-style:disc;
    margin:0 0 0.5em 1.5em;
}

.crystal_body .block .block_body .pic {
    vertical-align:top;
    padding:20px 0 0;
    margin:0 10px 5px 0;
}

.crystal_body .bg01 {
    min-height:180px;
    background:url(../img/pic03.jpg) no-repeat right bottom;
}

.crystal_body .block .step {
    margin:0 0 20px 15px;
    width:530px;
    clear:both;
}

.crystal_body .block .step section {
    width:160px;
    float:left;
    margin:0 0 10px 20px;
}

.crystal_body .block .step .step01,
.crystal_body .block .step .step04 {
    margin:0 0 10px;
}

.crystal_body .block .step section h3 {
    margin:0 0 0.5em;
    padding:0;
}

.crystal_body .price_list {
    width:280px;
    background:url(../img/hr_vertical01.gif) no-repeat left;
    height:430px;
    padding:0 0 0 50px;
}

.crystal_body .price_list h2 {
    margin:0 0 16px -15px;
}

.crystal_body .price_list .price {
    background:#EEEFEF;
    width:250px;
    padding:10px;
    margin:10px 0 5px;
}

.crystal_body .price_list .price dl dt {
    font-size:10px;
    letter-spacing:-0.1em;
}

.crystal_body .price_list .price dl dt em {
    font-weight:bold;
    font-size:12px;
    font-style:normal;
}

.crystal_body .price_list .price dl dd {
    font-size:20px;
    text-align:center;
    padding:5px 0;
    border-bottom:1px solid #9FA0A0;
    margin:0 0 5px;
    font-weight:bold;
}


/* 2014/3/13追加 ページTOP価格 */

.crystal_body .price_top {
    text-align:center;
    width:890px;
    margin-left:20px;
}

.crystal_body .inner .car {
    font-size:10px;
    letter-spacing:-0.1em;
}

.crystal_body .inner .size {
    font-weight:bold;
    font-size:12px;
    font-style:normal;
}

.crystal_body .inner {
    float:left;
    font-size:20px;
    text-align:center;
    width:140px;
    border-right:1px solid #9FA0A0;
    font-weight:bold;
}

/*ここから2014/08/12～制作リニューアル*/
.article_body .crystal_body .block {
    width:880px;
    margin:0 27px 17px;
}

.crystal_body .block .block_body .point {
    float:left;
    width:290px;
    margin:0 40px 20px 0;
}

.crystal_body .block .block_body .suggest1 {
    float:left;
    width:275px;
    margin:0 40px 20px 0;
}

.crystal_body .block .block_body .suggest2 {
    float:left;
    width:520px;
    margin:0 40px 20px 0;
}

.crystal_body .block .block_body .suggest3 {
    float:left;
    width:402px;
    margin:0 40px 20px 0;
}

/*　20230901　メニュー改訂に伴い追加*/
.article_body .crystal_body .block .merit {
    background-color: #dfedf8;
    padding: 2em 1em;
    border-radius: 10px;
    border: 2px solid #008cd7;
    height: 220px;
    width: 810px;
}

.crystal_body .block .block_body .point h4 {
    font-size: 16px;
    color: #000000;
    border: 2px;
    border-bottom: 1px solid #000000;
}

.crystal_body .block .block_body .suggest1 h4,
.crystal_body .block .block_body .suggest2 h4{
    color: #000000;
    padding: 10px;
    border-left: 4px solid #008cd7;
    background: linear-gradient(90deg, #dfedf8, #ffff);
}

/* ---------------------------------------------------------
     /coating/diamond.html
------------------------------------------------------------ */

.diamond {
    width:934px;
    margin:0 0 0 5px;
}

.diamond .line_n {
    background:url(../img/service/hr_01.jpg) no-repeat;
    height:2px;
    width:901px;
    margin:0 auto 25px;
    border:none;
    clear:both;
    overflow:hidden;

}
.diamond .line_sh {
    background:url(../img/service/hr_shadow.gif) no-repeat left top;
    height:8px;
    margin:0 auto 20px;
    border:none;
    clear:both;
    width:934px;
    overflow:hidden;
    font-size:0;
    line-height:0;

}

.diamond .ttl {
    text-align:center;
    margin:-5px 0 9px;
}

.diamond h2 {
    font-weight:bold;
    color:#000000;
    border-bottom: 1.5px solid black;
    padding: 0.5rem;
    font-size:18px;
    margin:0 0 16px;
}

/* dispelに伴い変更 */
.diamond .bar {
    /*
    background:url(../img/service/bg_bar01.jpg) repeat-x;
    height:127px;
    */
    background-image: url(../img/service/bg_bar01.jpg);
    height: 157px;
    position:relative;
    margin:0 0 17px;
}
.diamond .bar {
    background-size: contain;
    background-repeat: repeat;
    background-position: bottom;
    min-height: 157px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0;
}
/* End dispelに伴い変更 */

.diamond .bar dl {
    padding:20px 20px 0;
}

.diamond .bar dl dt,
.diamond .bar dl dd {
    float:left;
    margin:0 10px 0 0;
}

.diamond .bar dl dd p {
    display:table-cell;
    vertical-align:middle;
    height:76px;
    line-height:1.5;
}
.diamond .block {
    /*width:901px;*/
    width:880px;
    margin:0 auto 17px;
}

.diamond .block h3 {
    margin:0 0 20px;
}

.diamond .block p {
    line-height:1.6;
}

/* 打消し表現追加に伴い変更 */
.diamond .block .block_body {
    margin:0 0 20px;
}
/*
.diamond .block .block_body {
    margin:0 0 10px;
}

.diamond .block .block_body .point {
    float:left;
    width:263px;
    margin:0 0 0 25px;
}

.diamond .block .block_body .point:first-child {
    margin:0;
}
    End 打消し表現追加に伴い変更 */

.diamond .block .block_body .point h4,
.diamond .block .block_body h4 {
    font-weight:bold;
    font-size:14px;
    color:#000000;
    padding: 10px;
    border-left: 4px solid #988237;
    background: linear-gradient(90deg, #f2edda, #ffff);
}

.diamond .block .block_body ul li {
    list-style:disc;
    margin:0 0 0.5em 1.5em;
}

.diamond .block .block_body .pic {
    vertical-align:top;
    padding:20px 0 0;
    margin:0 20px 5px 0;
}

.diamond .bg01 {
    min-height:328px;
    background:url(../img/service/coating/diamond/pic03.jpg) no-repeat 621px 21px;
}

.diamond .block .step {
    margin:0 0 20px 15px;
    width:530px;
    clear:both;
}

.diamond .block .step section {
    width:160px;
    float:left;
    margin:0 0 10px 20px;
}

.diamond .block .step .step01,
.diamond .block .step .step04 {
    margin:0 0 10px;
}

.diamond .block .step section h3 {
    margin:0 0 0.5em;
    padding:0;
}

.diamond .price_list {
    width:255px;
    background:url(../img/service/coating/diamond/hr_vertical01.gif) no-repeat left;
    min-height:430px;
    height: auto;
    padding:0 0 0 50px;
}

.diamond .price_list h2 {
    margin:0 0 16px -15px;
}

.diamond .price_list .price {
    background:#EEEFEF;
    width:230px;
    padding:10px;
    margin:10px 0 5px;
}

.diamond .price_list .price dl dt {
    font-size:10px;
    letter-spacing:-0.1em;
}

.diamond .price_list .price dl dt em {
    font-weight:bold;
    font-size:12px;
    font-style:normal;
}

.diamond .price_list .price dl dd {
    font-size:20px;
    text-align:center;
    padding:5px 0;
    border-bottom:1px solid #9FA0A0;
    margin:0 0 5px;
    font-weight:bold;
}
.block.bg01 .block_body .txtColum {
    width: 567px;
}
.diamond .bg02 {
    min-height:155px;

    background:url(../img/service/coating/diamond/pic10.jpg) no-repeat top right;
    margin-bottom: 0 !important;
    padding-bottom:0;
    overflow:hidden;
}
.diamond .bg02 .point .block_body {
    margin-bottom: 0px;
}
.diamond h2 span {
    font-weight:bold;
}
.diamond .tilte_type1 {
    font-weight:bold;
    color:#FFF;
    padding:5px 8px !important;
    margin:0 0 16px;
    background-image: url(../img/service/coating/diamond/bg_title_type1.gif);
    background-repeat: repeat-y;
    clear:both;
    zoom:1;
}
.diamond .tilte_type2 {
    font-weight:bold;
    color:#FFF;
    padding:5px 8px !important;
    margin:0 0 16px;
    background-image: url(../img/service/coating/diamond/bg_title_type2.gif);
    background-repeat: repeat-y;
    clear:both;
    zoom:1;
}
.diamond .tilte_type3 {
    font-weight:bold;
    color:#FFF;
    padding:5px 8px !important;
    margin:0 0 16px;
    background-image: url(../img/service/coating/w_dia/bg_title_type3.gif);
    background-repeat: repeat-y;
    clear:both;
    zoom:1;
}
.diamond .tilte_type4 {
    font-weight:bold;
    color:#FFF;
    padding:5px 8px !important;
    margin:0 0 16px;
    background-image: url(../img/service/coating/eco_dia/bg_title_type4.gif);
    background-repeat: repeat-y;
    clear:both;
    zoom:1;
}
.diamond .tilte_type1 p,
.diamond .tilte_type2 p,
.diamond .tilte_type3 p,
.diamond .tilte_type4 p{
        border-left:4px solid #FFF;
        padding:0 0 0 15px;
        font-size:18px;
        line-height:1;
}
.diamond .colum_sp1,
.diamond .colum_sp2 {
    width:872px;
margin:0 auto 17px;

}
.diamond .colum_sp1 .fl {
    width:557px;
    padding-left:20px
}
.diamond .colum_sp1 .fl p {
    font-size: 14px;
    margin-bottom: 10px;
}
.diamond .colum_sp1 .fr.price_list {
    background-image: none;

    padding:0 0 0 33px;
}
.diamond .step img {
    margin-bottom: 5px;
}
.diamond .colum_sp2 .colum1 {
    width:232px;
    float:left;
    padding:0 0 0 20px;
}
.diamond .colum_sp2 .colum1 p {
    font-size: 14px;
    margin-bottom: 20px;
}
.diamond .colum_sp2 .price_list {
    padding-left: 33px !important;
    margin-left:21px;
}
.diamond .price_list_commnet {
    margin-left:-10px;
    margin-bottom:10px;
}

/* 2014/3/13追加 ページTOP価格 */

.diamond .price_top {
    text-align:center;
    width:890px;
    margin-left:20px;
}

.diamond .inner .car {
    font-size:10px;
    letter-spacing:-0.1em;
}

.diamond .inner .size {
    font-weight:bold;
    font-size:12px;
    font-style:normal;
}

.diamond .inner {
    float:left;
    font-size:20px;
    text-align:center;
    width:140px;
    border-right:1px solid #9FA0A0;
    font-weight:bold;
}

/* 打消し表現追加に伴い変更 */
.diamond .block .block_body {
    display: block;
}

.diamond .flex_block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: auto;
}

.diamond .flex_block .point {
    float:left;
    width:300px;
    margin:0;
}
.diamond .flex_block .point span {
    display: inline-block;
}
.diamond .flex_block .point.last_child {
    width: calc(100% - 680px);
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.diamond .flex_block .point.last_child img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
/*ここから2014/08/12～制作リニューアル*/
/*
.diamond .block .block_body {
    display: block;
}

.diamond .block .block_body .point {
    float:left;
    width:420px;
    margin:0 0 20px 40px;
}
*/
/* End 打消し表現追加に伴い変更 */

.diamond .block .block_body .about {
    float:left;
    width:480px;
    margin:0 0 20px 0;
}

.diamond .block .block_body .suggest1 {
    float:left;
    width:275px;
    margin:0 40px 20px 0;
}
.diamond span.uline{
    text-decoration: underline;
}
/* ---------------------------------------------------------
     /coating/w_dia.html
------------------------------------------------------------ */
/*　20230901　メニュー改訂に伴い追加*/

.w_dia {
    width:934px;
    margin:0 0 0 5px;
}

.w_dia .line_n {
    background:url(../img/service/hr_01.jpg) no-repeat;
    height:2px;
    width:901px;
    margin:0 auto 25px;
    border:none;
    clear:both;
    overflow:hidden;

}
.w_dia .line_sh {
    background:url(../img/service/hr_shadow.gif) no-repeat left top;
    height:8px;
    margin:0 auto 20px;
    border:none;
    clear:both;
    width:934px;
    overflow:hidden;
    font-size:0;
    line-height:0;

}

.w_dia .ttl {
    text-align:center;
    margin:-5px 0 9px;
}

.w_dia h2 {
    font-weight:bold;
    color:#000000;
    border-bottom: 1.5px solid black;
    padding: 0.5rem;
    font-size:18px;
    margin:0 0 16px;
}

.w_dia .bar {
    background:url(../img/service/bg_bar01.jpg) repeat-x;
    height:127px;
    position:relative;
    margin:0 0 17px;
}
/* dispel追加に伴い追加 */
.w_dia .bar {
    background-size: contain;
    background-repeat: repeat;
    background-position: bottom;
    min-height: 157px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0;
}

.w_dia .bar dl {
    padding:20px 20px 0;
}

.w_dia .bar dl dt,
.w_dia .bar dl dd {
    float:left;
    margin:0 10px 0 0;
}

.w_dia .bar dl dd p {
    display:table-cell;
    vertical-align:middle;
    height:76px;
    line-height:1.5;
}
.w_dia .block {
    /*width:901px;*/
    width:880px;
    margin:0 auto 17px;
}

.w_dia .block h3 {
    margin:0 0 20px;
}

.w_dia .block p {
    line-height:1.6;
}

.w_dia .block .block_body {
    margin:0 0 10px;
}

.w_dia .block .block_body .point {
    float:left;
    width:263px;
    margin:0 0 0 25px;
}

.w_dia .block .block_body .point:first-child {
    margin:0;
}

.w_dia .block .block_body .point h4,
.w_dia .block .block_body h4 {
    font-weight:bold;
    font-size:14px;
    color:#000000;
    padding: 10px;
    border-left: 4px solid #004193;
    background: linear-gradient(90deg, #dcddef, #ffff);
}

.w_dia .block .block_body ul li {
    list-style:disc;
    margin:0 0 0.5em 1.5em;
}

.w_dia .block .block_body .pic {
    vertical-align:top;
    padding:20px 0 0;
    margin:0 20px 5px 0;
}

.w_dia .bg01 {
    min-height:328px;
    background:url(../img/service/coating/diamond/pic03.jpg) no-repeat 621px 21px;
}

.w_dia .block .step {
    margin:0 0 20px 15px;
    width:530px;
    clear:both;
}

.w_dia .block .step section {
    width:160px;
    float:left;
    margin:0 0 10px 20px;
}

.w_dia .block .step .step01,
.w_dia .block .step .step04 {
    margin:0 0 10px;
}

.w_dia .block .step section h3 {
    margin:0 0 0.5em;
    padding:0;
}

.w_dia .price_list {
    width:255px;
    background:url(../img/service/coating/diamond/hr_vertical01.gif) no-repeat left;
    min-height:430px;
    height: auto;
    padding:0 0 0 50px;
}

.w_dia .price_list h2 {
    margin:0 0 16px -15px;
}

.w_dia .price_list .price {
    background:#EEEFEF;
    width:230px;
    padding:10px;
    margin:10px 0 5px;
}

.w_dia .price_list .price dl dt {
    font-size:10px;
    letter-spacing:-0.1em;
}

.w_dia .price_list .price dl dt em {
    font-weight:bold;
    font-size:12px;
    font-style:normal;
}

.w_dia .price_list .price dl dd {
    font-size:20px;
    text-align:center;
    padding:5px 0;
    border-bottom:1px solid #9FA0A0;
    margin:0 0 5px;
    font-weight:bold;
}
.block.bg01 .block_body .txtColum {
    width: 567px;
}
.w_dia .bg02 {
    min-height:155px;

    background:url(../img/service/coating/diamond/pic10.jpg) no-repeat top right;
    margin-bottom: 0 !important;
    padding-bottom:0;
    overflow:hidden;
}
.w_dia .bg02 .point .block_body {
    margin-bottom: 0px;
}
.w_dia h2 span {
    font-weight:bold;
}
.w_dia .tilte_type1 {
    font-weight:bold;
    color:#FFF;
    padding:5px 8px !important;
    margin:0 0 16px;
    background-image: url(../img/service/coating/diamond/bg_title_type1.gif);
    background-repeat: repeat-y;
    clear:both;
    zoom:1;
}
.w_dia .tilte_type2 {
    font-weight:bold;
    color:#FFF;
    padding:5px 8px !important;
    margin:0 0 16px;
    background-image: url(../img/service/coating/diamond/bg_title_type2.gif);
    background-repeat: repeat-y;
    clear:both;
    zoom:1;
}
.w_dia .tilte_type3 {
    font-weight:bold;
    color:#FFF;
    padding:5px 8px !important;
    margin:0 0 16px;
    background-image: url(../img/service/coating/w_dia/bg_title_type3.gif);
    background-repeat: repeat-y;
    clear:both;
    zoom:1;
}
.w_dia .tilte_type4 {
    font-weight:bold;
    color:#FFF;
    padding:5px 8px !important;
    margin:0 0 16px;
    background-image: url(../img/service/coating/eco_dia/bg_title_type4.gif);
    background-repeat: repeat-y;
    clear:both;
    zoom:1;
}
.w_dia .tilte_type1 p,
.w_dia .tilte_type2 p,
.w_dia .tilte_type3 p,
.w_dia .tilte_type4 p{
        border-left:4px solid #FFF;
        padding:0 0 0 15px;
        font-size:18px;
        line-height:1;
}
.w_dia .colum_sp1,
.w_dia .colum_sp2 {
    width:872px;
margin:0 auto 17px;

}
.w_dia .colum_sp1 .fl {
    width:557px;
    padding-left:20px
}
.w_dia .colum_sp1 .fl p {
    font-size: 14px;
    margin-bottom: 10px;
}
.w_dia .colum_sp1 .fr.price_list {
    background-image: none;

    padding:0 0 0 33px;
}
.w_dia .step img {
    margin-bottom: 5px;
}
.w_dia .colum_sp2 .colum1 {
    width:232px;
    float:left;
    padding:0 0 0 20px;
}
.w_dia .colum_sp2 .colum1 p {
    font-size: 14px;
    margin-bottom: 20px;
}
.w_dia .colum_sp2 .price_list {
    padding-left: 33px !important;
    margin-left:21px;
}
.w_dia .price_list_commnet {
    margin-left:-10px;
    margin-bottom:10px;
}

/* 2014/3/13追加 ページTOP価格 */

.w_dia .price_top {
    text-align:center;
    width:890px;
    margin-left:20px;
}

.w_dia .inner .car {
    font-size:10px;
    letter-spacing:-0.1em;
}

.w_dia .inner .size {
    font-weight:bold;
    font-size:12px;
    font-style:normal;
}

.w_dia .inner {
    float:left;
    font-size:20px;
    text-align:center;
    width:140px;
    border-right:1px solid #9FA0A0;
    font-weight:bold;
}

/*ここから2014/08/12～制作リニューアル*/
.w_dia .block .block_body {
    display: block;
}

.w_dia .block .block_body .point {
    float:left;
    width:420px;
    margin:0 0 20px 40px;
}

.w_dia .block .block_body .about {
    float:left;
    width:480px;
    margin:0 0 20px 0;
}

.w_dia .block .block_body .suggest1 {
    float:left;
    width:275px;
    margin:0 40px 20px 0;
}
.w_dia span.uline{
    text-decoration: underline;
}


/* ---------------------------------------------------------
    /coating/eco_dia.html
------------------------------------------------------------ */
/*　20230901　メニュー改訂に伴い追加*/


/* ---------------------------------------------------------
    /coating/dia2.html
------------------------------------------------------------ */
/*　20251113　メニュー改訂に伴い追加*/

.dia2 {
    width:934px;
    margin:0 0 0 5px;
}
.dia2 .genealogy img{
    width: 85%;
    margin: auto;
    display: block;
    margin: 30px auto;
}

.dia2 hr {
    border-top: 2px solid #c5c5c5;
    margin: 2rem 0;
}

.dia2 .line_n {
    background:url(../img/service/hr_01.jpg) no-repeat;
    height:2px;
    width:901px;
    margin:0 auto 25px;
    border:none;
    clear:both;
    overflow:hidden;

}
.dia2 .line_sh {
    background:url(../img/service/hr_shadow.gif) no-repeat left top;
    height:8px;
    margin:0 auto 20px;
    border:none;
    clear:both;
    width:934px;
    overflow:hidden;
    font-size:0;
    line-height:0;

}

.dia2 .ttl {
    text-align:center;
    margin:5px 0 9px;
}

.dia2 h2 {
    font-weight:bold;
    color:#000000;
    border-bottom: 1.5px solid black;
    padding: 0.5rem;
    font-size:18px;
    margin:0 0 16px;
}

.dia2 .bar {
    background:url(../img/service/bg_bar01.jpg) repeat-x;
    height:127px;
    position:relative;
    margin:0 0 17px;
}
/* dispel追加に伴い追加 */
.dia2 .bar {
    background-size: contain;
    background-repeat: repeat;
    background-position: bottom;
    min-height: 157px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0;
}

.dia2 .bar dl {
    padding:20px 20px 0;
}

.dia2 .bar dl dt,
.dia2 .bar dl dd {
    float:left;
    margin:0 10px 0 0;
}

.dia2 .bar dl dd p {
    display:table-cell;
    vertical-align:middle;
    height:76px;
    line-height:1.5;
}
.dia2 .block {
    /*width:901px;*/
    width:880px;
    margin:0 auto 17px;
}

.dia2 .block h3 {
    margin:0 0 20px;
}

.dia2 .block p {
    /* line-height:1.6; */
}

.dia2 .block .block_body {
    margin:0 0 10px;
}

.dia2 .block .block_body .point {
    float:left;
    width:263px;
    margin:0 0 0 25px;
}

.dia2 .block .block_body .point:first-child {
    margin:0;
}

.dia2 .block .block_body .point h4,
.dia2 .block .block_body h4 {
    font-weight:bold;
    font-size:14px;
    color:#000000;
    padding: 10px;
    border-left: 4px solid #004193;
    background: linear-gradient(90deg, #dcddef, #ffff);
}

.dia2 .block .block_body ul li {
    list-style:disc;
    margin:0 0 0.5em 1.5em;
}

.dia2 .block .block_body .pic {
    vertical-align:top;
    padding:20px 0 0;
    margin:0 20px 5px 0;
}

.dia2 .bg01 {
    min-height:328px;
    background:url(../img/service/coating/diamond/pic03.jpg) no-repeat 621px 21px;
}

.dia2 .block .step {
    margin:0 0 20px 15px;
    width:530px;
    clear:both;
}

.dia2 .block .step section {
    width:160px;
    float:left;
    margin:0 0 10px 20px;
}

.dia2 .block .step .step01,
.dia2 .block .step .step04 {
    margin:0 0 10px;
}

.dia2 .block .step section h3 {
    margin:0 0 0.5em;
    padding:0;
}

.dia2 .price_list {
    width:255px;
    background:url(../img/service/coating/diamond/hr_vertical01.gif) no-repeat left;
    min-height:430px;
    height: auto;
    padding:0 0 0 50px;
}

.dia2 .price_list h2 {
    margin:0 0 16px -15px;
}

.dia2 .price_list .price {
    background:#EEEFEF;
    width:230px;
    padding:10px;
    margin:10px 0 5px;
}

.dia2 .price_list .price dl dt {
    font-size:10px;
    letter-spacing:-0.1em;
}

.dia2 .price_list .price dl dt em {
    font-weight:bold;
    font-size:12px;
    font-style:normal;
}

.dia2 .price_list .price dl dd {
    font-size:20px;
    text-align:center;
    padding:5px 0;
    border-bottom:1px solid #9FA0A0;
    margin:0 0 5px;
    font-weight:bold;
}
.block.bg01 .block_body .txtColum {
    width: 567px;
}
.dia2 .bg02 {
    min-height:155px;

    background:url(../img/service/coating/diamond/pic10.jpg) no-repeat top right;
    margin-bottom: 0 !important;
    padding-bottom:0;
    overflow:hidden;
}
.dia2 .bg02 .point .block_body {
    margin-bottom: 0px;
}
.dia2 h2 span {
    font-weight:bold;
}
.dia2 .tilte_type1 {
    font-weight:bold;
    color:#FFF;
    padding:5px 8px !important;
    margin:0 0 16px;
    background-image: url(../img/service/coating/diamond/bg_title_type1.gif);
    background-repeat: repeat-y;
    clear:both;
    zoom:1;
}
.dia2 .tilte_type2 {
    font-weight:bold;
    color:#FFF;
    padding:5px 8px !important;
    margin:0 0 16px;
    background-image: url(../img/service/coating/diamond/bg_title_type2.gif);
    background-repeat: repeat-y;
    clear:both;
    zoom:1;
}
.dia2 .tilte_type3 {
    font-weight:bold;
    color:#FFF;
    padding:5px 8px !important;
    margin:30px 0 16px;
    background-image: url(../img/service/coating/w_dia/bg_title_type3.gif);
    background-repeat: repeat-y;
    clear:both;
    zoom:1;
}

.dia2 .tilte_type1 p,
.dia2 .tilte_type2 p,
.dia2 .tilte_type3 p,
.dia2 .tilte_type4 p{

    font-size: 24px;
  line-height: 1.2;
  margin: 0;
    }

    .dia2 .tilte_type4 p .highlight {
      display: inline-block;
      padding: 5px 10px 5px 15px;
      color: #ffee00;
      background-color: #0033cc;
      font-weight: bold;
      position: relative;
      top: 30px;  /* 全体の文字位置を微調整 */
    }

    /* 黒文字の※当社比 */
    .dia2 .tilte_type4 p .note {
      color: #000;
      font-size: 0.6em;
      font-weight: bold;
      margin-left: -4px;
      position: relative;

      background: none;
    }
    /* ★ highlight の中にある note だけ白文字にする */
.dia2 .tilte_type4 p .highlight .note {
  color: #fff !important;
}

    /* 下に入れる文字用 */
    .dia2 .tilte_type4 .subtext {
      font-size: 14px;       /* 好みで調整 */
        font-weight: bold;
      color: #333;           /* 黒寄りの文字色 */
      margin-top: 46px;       /* 上の行との間隔 */
    }

    .dia2 .tilte_type5 p {
        color: #000000;
        padding: 10px;
        border-left: 4px solid #3414cb;
        background: linear-gradient(90deg, #b2c3f6, #ffff);
        font-weight: bold;
        font-size: 16px;
        text-align:left;
    }

.dia2 .colum_sp1,
.dia2 .colum_sp2 {
    width:872px;
margin:0 auto 17px;

}
.dia2 .colum_sp1 .fl {
    width:557px;
    padding-left:20px
}
.dia2 .colum_sp1 .fl p {
    font-size: 14px;
    margin-bottom: 10px;
}
.dia2 .colum_sp1 .fr.price_list {
    background-image: none;

    padding:0 0 0 33px;
}
.dia2 .step img {
    margin-bottom: 5px;
}
.dia2 .colum_sp2 .colum1 {
    width:232px;
    float:left;
    padding:0 0 0 20px;
}
.dia2 .colum_sp2 .colum1 p {
    font-size: 14px;
    margin-bottom: 20px;
}
.dia2 .colum_sp2 .price_list {
    padding-left: 33px !important;
    margin-left:21px;
}
.dia2 .price_list_commnet {
    margin-left:-10px;
    margin-bottom:10px;
}

/* 2014/3/13追加 ページTOP価格 */

.dia2 .price_top {
    text-align:center;
    width:890px;
    margin-left:20px;
}

.dia2 .inner .car {
    font-size:10px;
    letter-spacing:-0.1em;
}

.dia2 .inner .size {
    font-weight:bold;
    font-size:12px;
    font-style:normal;
}

.dia2 .inner {
    float:left;
    font-size:20px;
    text-align:center;
    width:140px;
    border-right:1px solid #9FA0A0;
    font-weight:bold;
}

/*ここから2014/08/12～制作リニューアル*/
.dia2 .block .block_body {
    display: block;
}

.dia2 .block .block-container {
    width: 76%;
}

.dia2 .block .block-inner {
    margin: 20px 1rem;
}

.dia2 .block .block-flex {
    display: flex;
    justify-content: space-between;
}

.dia2 .block .block-flex > .process-desc {
    width: 155px;
    font-size: 0.6rem;
}

.dia2 .block div.dispel p {
    font-size: 0.7rem;
    color: #1f1f1f;
}

.dia2 .block .block_body .about {
    width: 50%;
}

.dia2 .block .block_body .point {
    float:left;
    width:420px;
    margin:0 0 20px 40px;
}

.dia2 .block .block_body .about {
    float:left;
    width:600px;
    margin:0 0 20px 0;
}

.dia2 .block .block_body .suggest1 {
    float:left;
    width:275px;
    margin:0 40px 20px 0;
}
.dia2 span.uline{
    text-decoration: underline;
}

.dia2 .maintenance_change p {
    width: 800px;
    font-weight: 700;
    font-size: 1.05rem;
    line-height: 1.6;
    background-color: #FFFF;
    background-color: #ecebf5;  /* ← 薄い青（おすすめ） */
    margin-top: 10px;
    margin: 10px auto;
    padding: 15px;              /* 背景に余白をつけて読みやすく */
    border-radius: 6px;         /* 角を少し丸く（任意） */
}

/* -------------------------- */
/* price-box 必要なくなれば消す */
.price-box {
    width: 442px;
    background-color: #e0e0e0; /* グレー背景 */
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

/*メンテナンス1種類*/
.price-image1 img {
    width: 477px;
    height: auto;
    max-height: 220px;
    object-fit: cover;
    margin-bottom: 15px;
    border-radius: 4px;
}

/*メンテナンス2種類　不要になれば消す */
.price-image2 img {
    width: 100%;
    height: auto;
    max-height: 220px;
    object-fit: cover;
    margin-bottom: 15px;
    border-radius: 4px;
}
/* End メンテナンス2種類　不要になれば消す */

/* price-text 必要なくなれば消す */
.price-text > p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

/* 右側文字（表下に配置） */
.price-right-text {
    font-size: 14px;
    color: #333;
    text-align: right;
    margin: 6px 0 0 0;
}

/* 左側文字 */
.price-left-text {
    width: 180px;
    text-align: left;
}

.price-left-text p {
    font-size: 14px;
    line-height: 1.3;
    font-weight: bold;
    margin: 0;
}

/* 他で使っていなければ消す */
.price-list th,
.price-list td {
    border: 1px solid #666;
    padding: 8px 10px;
    white-space: nowrap;
}

.price-list th {
    background-color: #c0c0c0;
    text-align: center;
    font-weight: bold;
}

.price-list td {
    background-color: #fff;
    text-align: right;
}
/* End 他で使っていなければ消す */

/* 表下の補足文字 */
.note {
    margin-top: 8px;
    font-size: 14px;
    color: #333;
    text-align: right;
}
/* -------------------------- */

.price-box-one {
    position: relative;
}

.note-one {
    position: absolute;
    right: 190px;    /* 右からの距離 */
    bottom: 14px;  /* 下からの距離 */
}

/* アイアン・プロテクトキーパーのメンテナンス用*/
/* 1画面用の新規ラッパー */
.price-section-one {
    width: 934px;
    margin: 0 auto;
}

/* ボックス */
.price-box-one {
    width: 94%;
    background-color: #e0e0e0;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    padding-bottom: 40px;   /* ここを増やすだけ */
}

/* 価格表エリア（横並び） */
.price-list-one {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

/* 横6列×2行テーブル */
.price-table-one {
    border-collapse: collapse;
    font-size: 16px;
    border: 2px solid #666;
    width: 60%;
}

.price-table-one th,
.price-table-one td {
    border: 1px solid #666;
    padding: 8px 10px;
    white-space: nowrap;
    text-align: center;
}

.price-table-one th {
    background-color: #c0c0c0;
    font-weight: bold;
}

.price-table-one td {
    background-color: #fff;
}

/* 価格表を少しコンパクトに */
.price-table-one {
  font-size: 14px;      /* 16px → 14px */
  width: auto;         /* 全幅 → 内容幅 */
}

.price-table-one th,
.price-table-one td {
  padding: 6px 8px;    /* 8px 10px → 6px 8px */
}
.price-table-one {
    margin-left: -10px;
}

/* ---------------------------------------------------------
    /coating/eco_dia.html
------------------------------------------------------------ */
/*　20230901　メニュー改訂に伴い追加*/

.eco_dia {
    width:934px;
    margin:0 0 0 5px;
}

.eco_dia .line_n {
    background:url(../img/service/hr_01.jpg) no-repeat;
    height:2px;
    width:901px;
    margin:0 auto 25px;
    border:none;
    clear:both;
    overflow:hidden;

}
.eco_dia .line_sh {
    background:url(../img/service/hr_shadow.gif) no-repeat left top;
    height:8px;
    margin:0 auto 20px;
    border:none;
    clear:both;
    width:934px;
    overflow:hidden;
    font-size:0;
    line-height:0;

}

.eco_dia .ttl {
    text-align:center;
    margin:-5px 0 9px;
}

.eco_dia h2 {
    font-weight:bold;
    color:#000000;
    border-bottom: 1.5px solid black;
    padding: 0.5rem;
    font-size:18px;
    margin:0 0 16px;
}

.eco_dia .bar {
    background:url(../img/service/bg_bar01.jpg) repeat-x;
    height:127px;
    position:relative;
    margin:0 0 17px;
}

/* dispel追加に伴い編集 */
.eco_dia .bar {
    background-size: contain;
    background-repeat: repeat;
    background-position: bottom;
    min-height: 157px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0;
}
.eco_dia .bar dl {
    padding:20px 20px 0;
}
.eco_dia .bar dl dt,
.eco_dia .bar dl dd {
    float:left;
    margin:0 10px 0 0;
}

.eco_dia .bar dl dd p {
    display:table-cell;
    vertical-align:middle;
    height:76px;
    line-height:1.5;
}
.eco_dia .block {
    /*width:901px;*/
    width:880px;
    margin:0 auto 17px;
}

.eco_dia .block h3 {
    margin:0 0 20px;
}

.eco_dia .block h4 {
    color: #000000;
    padding: 10px;
    border-left: 4px solid #016725;
    background: linear-gradient(90deg, #daebd8, #ffff);
    font-weight: bold;
    font-size: 16px;
    text-align:left;
}

.eco_dia .block p {
    line-height:1.6;
}

.eco_dia .block .block_body {
    margin:0 0 10px;
}

.eco_dia .block .block_body ul li {
    list-style:disc;
    margin:0 0 0.5em 1.5em;
}

.eco_dia .block .block_body .pic {
    vertical-align:top;
    padding:20px 0 0;
    margin:0 20px 5px 0;
}

.eco_dia .price_list {
    width:255px;
    background:url(../img/service/coating/diamond/hr_vertical01.gif) no-repeat left;
    min-height:430px;
    height: auto;
    padding:0 0 0 50px;
}

.eco_dia .price_list h2 {
    margin:0 0 16px -15px;
}

.eco_dia .price_list .price {
    background:#EEEFEF;
    width:230px;
    padding:10px;
    margin:10px 0 5px;
}

.eco_dia .price_list .price dl dt {
    font-size:10px;
    letter-spacing:-0.1em;
}

.eco_dia .price_list .price dl dt em {
    font-weight:bold;
    font-size:12px;
    font-style:normal;
}

.eco_dia .price_list .price dl dd {
    font-size:20px;
    text-align:center;
    padding:5px 0;
    border-bottom:1px solid #9FA0A0;
    margin:0 0 5px;
    font-weight:bold;
}

.eco_dia h2 span {
    font-weight:bold;
}

.eco_dia .tilte_type1 {
    font-weight:bold;
    color:#FFF;
    padding:5px 8px !important;
    margin:0 0 16px;
    background-image: url(../img/service/coating/diamond/bg_title_type1.gif);
    background-repeat: repeat-y;
    clear:both;
    zoom:1;
}

.eco_dia .tilte_type2 {
    font-weight:bold;
    color:#FFF;
    padding:5px 8px !important;
    margin:0 0 16px;
    background-image: url(../img/service/coating/diamond/bg_title_type2.gif);
    background-repeat: repeat-y;
    clear:both;
    zoom:1;
}

.eco_dia .tilte_type3 {
    font-weight:bold;
    color:#FFF;
    padding:5px 8px !important;
    margin:0 0 16px;
    background-image: url(../img/service/coating/w_dia/bg_title_type3.gif);
    background-repeat: repeat-y;
    clear:both;
    zoom:1;
}

.eco_dia .tilte_type4 {
    font-weight:bold;
    color:#FFF;
    padding:5px 8px !important;
    margin:0 0 16px;
    background-image: url(../img/service/coating/eco_dia/bg_title_type4.gif);
    background-repeat: repeat-y;
    clear:both;
    zoom:1;
}

.eco_dia .tilte_type1 p,
.eco_dia .tilte_type2 p,
.eco_dia .tilte_type3 p,
.eco_dia .tilte_type4 p{
    border-left:4px solid #FFF;
    padding:0 0 0 15px;
    font-size:18px;
    line-height:1;
}

.eco_dia .colum_sp1,
.eco_dia .colum_sp2 {
    width:872px;
    margin:0 auto 17px;

}
.eco_dia .colum_sp1 .fl {
    width:557px;
    padding-left:20px
}
.eco_dia .colum_sp1 .fl p {
    font-size: 14px;
    margin-bottom: 10px;
}
.eco_dia .colum_sp1 .fr.price_list {
    background-image: none;

    padding:0 0 0 33px;
}
.eco_dia .colum_sp2 .colum1 {
    width:232px;
    float:left;
    padding:0 0 0 20px;
}
.eco_dia .colum_sp2 .colum1 p {
    font-size: 14px;
    margin-bottom: 20px;
}
.eco_dia .colum_sp2 .price_list {
    padding-left: 33px !important;
    margin-left:21px;
}
.eco_dia .price_list_commnet {
    margin-left:-10px;
    margin-bottom:10px;
}

/* 2014/3/13追加 ページTOP価格 */

.eco_dia .price_top {
    text-align:center;
    width:890px;
    margin-left:20px;
}

.eco_dia .inner .car {
    font-size:10px;
    letter-spacing:-0.1em;
}

.eco_dia .inner .size {
    font-weight:bold;
    font-size:12px;
    font-style:normal;
}

.eco_dia .inner {
    float:left;
    font-size:20px;
    text-align:center;
    width:140px;
    border-right:1px solid #9FA0A0;
    font-weight:bold;
}

/* ---------------------------------------------------------
     /coating/ecofresh.html
------------------------------------------------------------ */
/*　20230901　メニュー改訂に伴い追加*/
.ecofresh {
    width:934px;
    margin:0 0 0 5px;
}

.ecofresh .line_n {
    background:url(../img/service/hr_01.jpg) no-repeat;
    height:2px;
    width:901px;
    margin:0 auto 25px;
    border:none;
    clear:both;
    overflow:hidden;

}
.ecofresh .line_sh {
    background:url(../img/service/hr_shadow.gif) no-repeat left top;
    height:8px;
    margin:0 auto 20px;
    border:none;
    clear:both;
    width:934px;
    overflow:hidden;
    font-size:0;
    line-height:0;
}

.ecofresh h2 {
    font-weight:bold;
    color:#000000;
    border-bottom: 1.5px solid #000000;
    padding: 0.5rem;
    font-size:18px;
    margin:0 0 16px;
}

.ecofresh .block {
    /*width:901px;*/
    width:880px;
    margin:0 auto 17px;
}

.ecofresh .block h3 {
    margin:0 0 20px;
}

.ecofresh .block p {
    line-height:1.6;
}

.ecofresh .block .block_body {
    margin:0 0 10px;
}

.ecofresh .block .block_body .point {
    float:left;
    width:263px;
    margin:0 0 0 25px;
}

.ecofresh .block .block_body .point:first-child {
    margin:0;
}

.ecofresh .block .block_body .point h4,
.ecofresh .block .block_body h4 {
    font-weight:bold;
    font-size:14px;
    color:#D01126;
    margin:0 0 0.5em;
}

.ecofresh .block .block_body ul li {
    list-style:disc;
    margin:0 0 0.5em 1.5em;
}

.ecofresh .block .block_body .pic {
    vertical-align:top;
    padding:20px 0 0;
    margin:0 20px 5px 0;
}

.ecofresh .block .step {
    margin:0 0 20px 15px;
    width:530px;
    clear:both;
}

.ecofresh .block .point1 h4 {
    color: #000000;
    padding: 10px;
    border-left: 4px solid #f6ab00;
    background: linear-gradient(90deg, #feefd4, #ffff);
    font-weight: bold;
    font-size: 16px;
}

.ecofresh .block .point2 h4 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0.5rem;
}

.article_body .ecofresh .block .point2 {
    background-color: #feefd4;
    padding: 2em 1em;
    border-radius: 10px;
    border: 2px solid #f6ab00;
    height: 210px;
    width:630px;
}
/* dispel追加に伴い編集 */
.article_body .ecofresh .block .point2.dispel {
    height: 268px;
}

.ecofresh h2 span {
    font-weight:bold;
}

.ecofresh .colum_sp1,
.ecofresh .colum_sp2 {
    width:872px;
margin:0 auto 17px;

}
.ecofresh .colum_sp1 .fl {
    width:557px;
    padding-left:20px
}
.ecofresh .colum_sp1 .fl p {
    font-size: 14px;
    margin-bottom: 10px;
}
.ecofresh .colum_sp1 .fr.price_list {
    background-image: none;

    padding:0 0 0 33px;
}
.ecofresh .step img {
    margin-bottom: 5px;
}
.ecofresh .colum_sp2 .colum1 {
    width:232px;
    float:left;
    padding:0 0 0 20px;
}
.ecofresh .colum_sp2 .colum1 p {
    font-size: 14px;
    margin-bottom: 20px;
}
.ecofresh .colum_sp2 .price_list {
    padding-left: 33px !important;
    margin-left:21px;
}
.ecofresh .price_list_commnet {
    margin-left:-10px;
    margin-bottom:10px;
}

/* ---------------------------------------------------------
     /coating/ecofresh
------------------------------------------------------------ */
.ecofresh {
    width: 934px;
    margin: 0 0 0 5px;
}
.ecofresh .ef-top { height:348px!important; }
.ecofresh .ef-merit {
    height:74px!important;
    background-color: #ffee00;
    padding:3em 3% 0;
}
.ecofresh .wrap-content {
    position:relative;
}
.ecofresh .wrap-content .car {
    position:absolute;
    top: 720px;
    left: 15%;
    z-index: 80;
    width: 650px;
    height: 152px;
    background-image:url(../img/service/coating/fresh/befor_after_car.png);
}
.ecofresh .ef {
    background-color: #ffee00;
    padding:3em 3%;
    display:flex;
    flex-flow: row wrap;
    justify-content:space-between;
}
.ecofresh .ef .item {
    flex-basis:23%;
    background-color: #fff;
}
.ecofresh .ef .item h2 img {
    padding:0.5rem 0 0 0.5rem;
    width:80%;
}
.ecofresh .ef .item h3 {
    color:#222;
    font-size:1.3rem;
    padding:0 0 0.5rem 0.5rem;
    font-weight: 600;
    font-style:oblique;
 }

.ecofresh .ef .item p {
    display:block;
    padding: 5% 5% 0 5%;
    height: 5em;
}
.ecofresh .ef .item img {
    vertical-align: bottom;
    padding:0 4%;
    width:92%;
}
.ecofresh .ef .item img.par0 {
    vertical-align: bottom;
    padding:0 0 0 8%;
    width:92%;
}
.ecofresh .bf-wrap {
    background-color: #fff;
    padding:1em 3% 4.5em;
    border-bottom: 1rem solid #ffee00;
}
.ecofresh .bf-wrap h2 {
    color: #222;
    font-size: 2em;
    margin: 1em 0 0.5em;
}
.ecofresh .bf {
    display:flex;
    flex-flow: row wrap;
    padding:0;
}
.ecofresh .bf .item {
    flex-basis:50%;
}
.ecofresh .bf .item.first {
    background-color: #fff9d9;
    flex-basis:43.5%;
    padding:3em 3% 8em;
    border-radius:10px 0 0 10px;
    border-top:2px solid #e60013;
    border-bottom:2px solid #e60013;
    border-left:2px solid #e60013;
}
.ecofresh .bf .item.first h3 {
    color: #e60013;
    font-size: 2em;
    text-align: center;
    margin-bottom: 0.3em;
}
.ecofresh .bf .item.first .p-wrap {
    margin-top:0.5em;
    line-height: 1.5em;
    display: flex;
    flex-flow: row wrap;
}
.ecofresh .bf .item.first .p-wrap p {
    display:inline-block;
    flex-basis:48%;
    margin-right: 2%;
}
.ecofresh .bf .item.first .p-wrap p.after {
    display:inline-block;
    flex-basis:48%;
    margin-right: 0;
    margin-left: 2%;
}
.ecofresh .bf .item.second {
    background-color: #f0f9fe;
    flex-basis:43.5%;
    padding:3em 3% 8em;
    border-radius:0 10px 10px 0;
    border-top:2px solid #093090;
    border-bottom:2px solid #093090;
    border-right:2px solid #093090;
}
.ecofresh .bf .item.second h3 {
    color: #093090;
    font-size: 2em;
    text-align: center;
    margin-bottom: 0.3em;
}
.ecofresh .bf .item.second h3 span {
    background-color: #f9d3d3;
}
.ecofresh .bf .item.second p {
    margin-top:0.4em;
    line-height: 1.5em;
}
.ecofresh .bo {
    display: flex;
    flex-flow: row wrap;
    padding: 3em 3% 0.7em 3%;
    background-color: #eeefef;
}
.ecofresh .bo h3 {
    color: #222;
    font-size: 2em;
    text-align: left;
    margin-bottom: 0.7em;
    padding-bottom:0.3em;
    border-bottom: 1px solid #222;
    width:99%;
}
.ecofresh .bo .item-1 {
    flex-basis: 65%;
    margin-right: 3%;
    font-size: 1em;
    line-height: 1.8em;
}
.ecofresh .bo .item-1 img {
    width:100%;
}
.ecofresh .bo .item-2 {
    flex-basis:31%;
}
.ecofresh .bo .item-2 a {
    display: block;
    height: auto;
    width: 100%;
}
.ecofresh .bo .item-3 {
    flex-basis:45%;
}
.ecofresh .bo .item-4 {
    flex-basis:55%;
    margin-top:0.4rem;
    text-align: right;
}
.ecofresh h2.jikan {
    color: #222;
    font-size: 1.8em;
    margin: 0 0 0.2em 0;
}
.ecofresh h2.jikan span {
    background-color: #222;
    color: #fff;
    font-size: 0.8rem;
    padding: 0 1em;
    line-height: 1.8em;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    margin-left: 1em;
}
.ecofresh .list-wrap {
    width:100%;
    height:auto;
    display:flex;
    flex-flow: row wrap;
}
.ecofresh .list-wrap .size {
    background-color: #d3d9dc;
    flex-basis: 22%;
    padding: 5px 0;
    text-align: center;
    font-size: 1.0rem;
    border-right: 1px solid #afb3b5;
}
.ecofresh .top {
    border-top:1px solid #222;
}
.ecofresh .mid {
    border-top:1px solid #afb3b5;
}
.ecofresh .max {
    border-bottom:1px solid #222;
}
.ecofresh .list-wrap .size span {
    font-size: 0.6rem;
    vertical-align: middle;
    margin-left: 1em;
}
.ecofresh .list-wrap .name {
    background-color: #d3d9dc;
    flex-basis:47%;
    padding: 0.5rem 0 0 0.5rem;
    text-align: left;
    font-size: 0.6rem;
    vertical-align: middle;
}
.ecofresh .list-wrap .kakaku {
    background-color: #fff;
    flex-basis:26%;
    padding: 5px 0;
    text-align: center;
    font-size: 1.0rem;
}
.ecofresh .item-3 p {
    margin-top:0.5rem;
    text-align: right;
    margin-right: 3%;
    font-size: 0.7rem;
}
/*.ecofresh .bo-max {
    border-bottom:#ffee00 solid 1rem;
    padding-top:0!important;
}*/
/* ---------------------------------------------------------
     /coating/dpremium.html
------------------------------------------------------------ */


.dpremium {
    width:934px;
    margin:0 0 0 5px;
}

.dpremium .line_n {
    background:url(../img/service/hr_01.jpg) no-repeat;
    height:2px;
    width:901px;
    margin:0 auto 25px;
    border:none;
    clear:both;
    overflow:hidden;
}
.dpremium .line_bw {
    background:transparent url(../img/service/hr_bw.jpg) no-repeat 0px 0px;
    height:2px;
    width:901px;
    margin:0 auto 25px;
    border:none;
    clear:both;
    overflow:hidden;
}
.dpremium .line_sh {
    background:url(../img/service/hr_shadow.gif) no-repeat left top;
    height:8px;
    margin:0 auto 20px;
    border:none;
    clear:both;
    width:934px;
        overflow:hidden;
}

.dpremium .ttl {
    text-align:center;
    margin:-5px 0 9px;
}

.dpremium h2 {
    font-weight:bold;
    color:#D01126;
    border-left:4px solid #D01126;
    padding:0 0 0 9px;
    font-size:18px;
    margin:0 0 16px;
}

.dpremium .bar {
    background:url(../img/service/coating/dpremium/bg_bar01_ns.jpg) repeat-x;
    height:115px;
    position:relative;
    margin:0 0 0px;
}

.dpremium .bar dl {
    padding:20px 20px 0;
}

.dpremium .bar dl dt,
.dpremium .bar dl dd {
    float:left;
    margin:0 10px 0 0;
}

.dpremium .bar dl dd p {
    display:table-cell;
    vertical-align:middle;
    height:76px;
    line-height:1.5;
}
.dpremium .block {
    /*width:901px;*/
    width:880px;
    margin:0 auto 17px;
}

.dpremium .block h3 {
    margin:0 0 20px;
}

.dpremium .block p {
    line-height:1.6;
}

.dpremium .block .block_body {
    margin:0 0 10px;
}

.dpremium .block .block_body .point {
    float:left;
    width:263px;
    margin:0 0 0 25px;
}

.dpremium .block .block_body .point:first-child {
    margin:0;
}

.dpremium .block .block_body .point h4,
.dpremium .block .block_body h4,
.dpremium .block h4 {
    font-weight:bold;
    font-size:14px;
    color:#d01126;
    margin:0 0 0.5em;
}

.dpremium .block .block_body ul li {
    list-style:disc;
    margin:0 0 0.5em 1.5em;
}

.dpremium .block .block_body .pic {
    vertical-align:top;
    padding:20px 0 0;
    margin:0 20px 5px 0;
}

.dpremium .bg01 {
    min-height:328px;
    background:url(../img/service/coating/dpremium/pic03.jpg) no-repeat 621px 21px;
}

.dpremium .block .step section {
    width:160px;
    float:left;
    margin-left: 12px;
    margin-bottom: 15px;
}

.dpremium .block .step section h3 {
    margin:0 0 0;
    padding:0;
}

.dpremium .price_list {
    width:255px;
    background:url(../img/service/coating/dpremium/hr_vertical01.gif) no-repeat left;
    min-height:430px;
    padding:0 0 0 50px;
}

.dpremium .price_list h2 {
    margin:0 0 16px -15px;
}

.dpremium .price_list .price {
    background:#EEEFEF;
    width:230px;
    padding:10px;
    margin:10px 0 5px;
}
.dpremium .price_list .price p{
    color:#000;
}

.dpremium .price_list .price dl dt {
    font-size:10px;
    letter-spacing:-0.1em;
}

.dpremium .price_list .price dl dt em {
    font-weight:bold;
    font-size:12px;
    font-style:normal;
}

.dpremium .price_list .price dl dd {
    font-size:20px;
    text-align:center;
    padding:5px 0;
    border-bottom:1px solid #9FA0A0;
    margin:0 0 5px;
    font-weight:bold;
}
.dpremium .block.bg01 .block_body .txtColum {
    width: 567px;
}
.dpremium .bg02 {
    min-height:155px;

    background:url(../img/service/coating/dpremium/pic10.jpg) no-repeat top right;
    margin-bottom: 0 !important;
    padding-bottom:0;
    overflow:hidden;
}
.dpremium .bg02 .point .block_body {
    margin-bottom: 0px;
}
.dpremium h2 span {
    font-weight:bold;
}
.dpremium .tilte_type1 {
    font-weight:bold;
    color:#FFF;
    padding:5px 8px !important;
    margin:0 0 16px;
    background-image: url(../img/service/coating/dpremium/bg_title_type1.gif);
    background-repeat: repeat-y;
    clear:both;
    zoom:1;
}
.dpremium .tilte_type2 {
    font-weight:bold;
    color:#FFF;
    padding:5px 8px !important;
    margin:0 0 16px;
    background-image: url(../img/service/coating/dpremium/bg_title_type2.gif);
    background-repeat: repeat-y;
    clear:both;
    zoom:1;
}
.dpremium .tilte_type1 p,
.dpremium .tilte_type2 p{
        border-left:4px solid #FFF;
        padding:0 0 0 15px;
        font-size:18px;
        line-height:1;
}
.dpremium .colum_sp1,
.dpremium .colum_sp2 {
    width:872px;
margin:0 auto 17px;

}
.dpremium .colum_sp1 .fl {
    width:557px;
    padding-left:20px
}
.dpremium .colum_sp1 .fl p {
    font-size: 14px;
    margin-bottom: 10px;
}
.dpremium .colum_sp1 .fr.price_list {
    background-image: none;

    padding:0 0 0 33px;
}
.dpremium .colum_sp2 .colum1 {
    width:232px;
    float:left;
    padding:0 0 0 20px;
}
.dpremium .colum_sp2 .colum1 p {
    font-size: 14px;
    margin-bottom: 20px;
}
.dpremium .colum_sp2 .price_list {
    padding-left: 33px !important;
    margin-left:21px;
}
.dpremium .price_list_commnet {
    margin-left:-10px;
    margin-bottom:10px;
}
.dpremium .wrap_black {
    padding-top: 25px;
    zoom:1;
    padding-bottom: 10px;
    margin-bottom:20px;
    overflow:hidden;
}
.wrap_black p,
.wrap_black h3{
        color:#000;
}
.dpremium .wrap_black h2 {
    font-weight:bold;
    color:#d01126;
    border-left:4px solid #d01126;
    padding:0 0 0 9px;
    font-size:18px;
    margin:0 0 16px;
}
.wrap_black .block .point p {
    margin-bottom: 10px;
}
.dpremium .price_t_list {
    color:#FFF;
    margin-top:10px;
}
.dpremium .price_t_list li {
    font-size:10px;
    margin-left:1em;
    text-indent:-1em;
}
.dpremium .wrap_black .price_list {
    width:255px;
    background:url(../img/service/coating/dpremium/hr_vertical01.gif) no-repeat left;
    min-height:607px;
    padding:0 0 0 50px;
}

/* 2014/3/13追加 ページTOP価格 */

.dpremium .price_top {
    text-align:center;
    width:890px;
    margin-left:20px;
}

.dpremium .inner .car {
    font-size:10px;
    letter-spacing:-0.1em;
}

.dpremium .inner .size {
    font-weight:bold;
    font-size:12px;
    font-style:normal;
}

.dpremium .inner {
    float:left;
    font-size:20px;
    text-align:center;
    width:140px;
    border-right:1px solid #9FA0A0;
    font-weight:bold;
}

/*ここから2014/08/12～制作リニューアル*/
.dpremium .block .block_body {
    display: block;
}

.dpremium .block .block_body .point {
    float:left;
    width:420px;
    margin:0 0 20px 40px;
}

.dpremium .block .block_body .about {
    float:left;
    width:480px;
    margin:0 0 20px 0;
}

.dpremium .block .block_body .suggest1 {
    float:left;
    width:275px;
    margin:0 40px 20px 0;
}
.dpremium span.uline{
    text-decoration: underline;
}
/* ---------------------------------------------------------
     /coating/exkeeper
------------------------------------------------------------ */
.padt0 {
    padding-top:0!important;
}
.txtal {
    text-align: left!important;
}
.exkeeper {
    width: 934px;
    margin: 0 0 0 5px;
}
#mainArea .icoBlank {
    background: none!important;
    padding:0!important;
    margin:0!important;
}
.mar02 {
    margin-right: 0.2rem;
}
.mat05 {
    margin-top:0.5rem!important;
}
.pab05 {
    padding-bottom:0.5rem!important;
}
.wid95 {
    width:95%!important;
}

.exkp.w100p {
    width:100%;
}
.exkp.cover {
    background:#001f4b;
    width:100%;
    height:2rem;
    border-bottom:2px solid #de0316;
}
.exkp.cover-2 {
    background:#001f4b;
    width:100%;
    /* dispel追加に伴い編集 */
    height: 4rem; /*2rem;*/
    border-top:2px solid #de0316;
}
.exkp.flexWrap {
    background:#002c5b;
    width:100%;
    height:580px;
    display:flex;
    background:#002c5b;
    justify-content:flex-end;
}
.exkp.flexItem1 {
    flex-basis: 50%;
    color:#fff;
    padding-top: 6rem;
    padding-left: 8rem;
    text-align: left;
}
.exkp.flexItem1 p {
    font-size:1.4rem;
    letter-spacing:0.3rem;
    position: absolute;
    z-index: 99999;
}
.exkp.flexItem1 p span {
    color: #e81625;
}
.exkp.flexItem1 h3 {
    position: relative;
    margin-top:5rem;
}
.exkp.flexItem1 h3 img {
    width:92%;
}
.exkp.flexItem2 {
    flex-basis: 50%;
    align-items:flex-end;
    justify-content:flex-end;
    text-align: right;
}
.exkp.flexItem2 img {
    padding-top:5rem;
    height:86%;
    width:100%;
}
.exkp.flexItem1 h4 {
    font-size:1.3rem;
    letter-spacing:0.0rem;
    margin-top:3rem;
}
.exkp.flexItem1 p.det {
    font-size: 0.6rem;
    letter-spacing: 0.1rem;
    margin-top:0.3rem;
    line-height: 1.5rem;
    letter-spacing:0;
}
.exkp.details {
    width:100%;
    padding:1rem 0 2rem 0;
    background: -moz-linear-gradient(top, #ffffff, #94a9be);
    background: -webkit-linear-gradient(top, #ffffff, #94a9be);
    background: linear-gradient(to bottom, #ffffff, 75%, #94a9be);
}
.exInner {
    width:760px;
    margin:1rem auto;
}
.exInner h3 {
    display:inline-block;
    background:#011644;
    padding:0.3rem 0.5rem 0.1rem;
    color:#fff;
    font-size:0.85rem;
}
.exInner h4 {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: bold;
    word-wrap: break-word;
    width: 82%;
    padding-top: 0.2rem;
    letter-spacing: 0.05rem;
    line-height: 1.3rem;
    color: #000;
    text-align: left;
}
.exInner p.pic {
    display: inline-block;
    background: #011644;
    padding: 0 0.5rem;
    color: #fff;
    font-size: 1rem;
    margin-top: 0;
    vertical-align: top;
    line-height: 1.8rem;
}
.exInner p.pic_details {
    margin-top: 0;
    border-top: 1px solid #222;
    padding-top: 0.3rem;
    margin-right: 0;
    font-size: 0.65rem;
    font-weight: 500;
    line-height: 1.0rem;
    letter-spacing: 0;
    text-align: left;
}
.exInner p {
    margin-top: 1rem;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.6rem;
    letter-spacing: 0.1rem;
}
.exInner p span {
    color:#e81625;
    font-weight: 600;
}
.flexWrap {
    display: flex;
    width: 100%;
    justify-content:space-between;
}
.flexWrap1 {
    flex-basis:55%;
}
.flexWrap1_item1 {
    width:100%;
    display: flex;
    justify-content:space-between;
}
.flexWrap1_item1_1 {
    flex-basis: 52%;
    flex-direction: column;
}
.flexWrap1_item1_2 {
    flex-basis:46%;
}
.flexWrap1_item1_2 img {
    width:100%;
}
.flexWrap1_item2 {
    width: 93%;
    display: flex;
    background: #fff;
    opacity: 0.75;
    padding: 1rem;
    margin: 1.5rem 0;
}
.flexWrap1_item2_1 {
    flex-basis: 45%;
}
.flexWrap1_item2_1 img {
    width:95%;
}
.flexWrap1_item2_2 {
    flex-basis: 55%;
}
.flexWrap1_item2_2 h5 {
    width:100%;
    font-size:0.70rem;
    font-weight:bold;
}
.flexWrap1_item2_2 p.pic_details {
    font-size:0.65rem;
    margin-top: 0;
    border-top:1px solid #222;
    padding-top:0.5rem;
    margin-right: 0;
    font-weight: normal;
    line-height: 1.0rem;
    letter-spacing:0;
}
.flexWrap1_item2_2 p.pic_details span {
    color:#2ab3de;
    font-weight: bold;
}


.flexWrap2 {
    flex-basis:42%;
}
.flexWrap2_item1 {
    width:100%;
    text-align: left;
}
.flexWrap2_item1 h4 {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: bold;
    word-wrap: break-word;
    width: auto;
    padding-top: 0.2rem;
    letter-spacing: 0rem;
    line-height: 1.3rem;
    color: #000;
}
.flexWrap2_item2 {
    width:100%;
    display: flex;
    justify-content:space-between;
    text-align: centera;
}
.flexWrap2_item2_1 {
    flex-basis:48%;
}
.flexWrap2_item2_1 img {
    width: 100%;
    max-height: 68px;
    object-fit: cover;
}
.flexWrap2_item3_1 img {
    width: 100%;
/*    max-height: 68px;*/
    object-fit: cover;
}
.flexWrap2_item2_1 p {
    letter-spacing: 0em;
    margin:0.2rem 0 0.5rem;
    line-height:1rem;
    display: block;
    font-size: 0.6rem;
    transform: scale(0.6);
    transform-origin: left top;
    white-space: nowrap;
}
.flexWrap2_item3_1 p.pab {
    position: absolute;
    z-index: 99998;
    letter-spacing: 0em;
    margin: -1.5rem 0 0 0.5rem;
    color: #fff;
    line-height: 1rem;
    display: block;
    font-size: 0.6rem;
    transform: scale(0.6);
    transform-origin: left top;
    white-space: nowrap;
    text-align: left;
}

.flexWrap3 {
    width: 100%;
    background-color: #fff!important;
    opacity: 0.80!important;
    text-align: left;
}
.flexWrap3 h4 {
    margin:0.5rem 0 1rem 2.0rem;
}
.flexWrap4 {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content:space-between;
}
.flexWrap3_item1 {
    flex-basis: 24%;
    flex-shrink:0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: 0 auto;
    text-align: center;
}
.bol {
    border-left:#fff 1px solid;
}
.bolr {
    border-left:#fff 1px solid;
    border-right:none!important;
}
.flexWrap3_item1_1,
.flexWrap3_item1_1.mb1 {
    width:76%;
    display: flex;
    text-align: center;
    margin:0 auto;
}
.flexWrap3_item1_1 a,
.flexWrap3_item1_1.mb1 a {
    display: block;
    margin:0 auto;
    text-align: center;
}
.flexWrap3_item1_1 a:hover,
.flexWrap3_item1_1.mb1 a:hover {
    opacity: 0.7;
}
.flexWrap3_item1 img,
.flexWrap3_item2 img {
    width: 100%;
}
.exkp.flexItem3 {
    flex-basis: 85%;
    flex-direction:column;
    color: #fff;
    padding-top: 5rem;
    padding-left: 5rem;
}
.flexItem3_item1 {
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    width: 100%;
    margin-bottom: 2.2rem;
}
.flexItem3_item1_text {
    flex-basis: 75%;
    text-align: left;
}
.flexItem3_item1_text p {
    margin-top: 0;
    border-top: 1px solid #fff;
    padding-top: 0.3rem;
    margin-right: 0;
    font-size: 0.65rem;
    font-weight: normal;
    line-height: 1.2rem;
    letter-spacing: 0;
 }
.flexItem3_item1_img {
    flex-basis: 35%;
}
.flexItem3_item1_img img {
    width: 80%;
    margin-left: 5%;
}
.exkp.flexItem4 {
    flex: 27%;
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
    padding-top: 3rem;
    padding-right: 2rem;
    background: -moz-linear-gradient(top, #b01f24, #440000);
    background: -webkit-linear-gradient(top, #b01f24, #440000);
    background: linear-gradient(to bottom, #b01f24, 60%, #440000);
    overflow: hidden;
}
.exkp.flexItem4 img {
    object-fit: cover;
    object-position: 100% 100%;
    height: 100%;
    width:100%;
}
.flexWrap5W {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-direction: row;
    margin:0 auto;
}
/* 施工図 */
.pre_wrap {
    width: calc(100% - 4px);
    height: auto;
    background: rgb(243, 241, 218);
    border: 2px solid rgb(194, 170, 80);
    .pre_title {
        display: flex;
        width: calc(100% - 2rem);
        justify-content: flex-start;
        height: auto;
        margin: 1rem 0 0.25rem 1rem;
        img {
            height: 30px;
            width: 153px;
        }
        h3 {
            display: flex;
            align-items: flex-end;
            width: auto;
            height: auto;
            font-size: 1.2rem;
            font-weight: bold;
            margin: 0 0 0 0.5rem;
        }
    }
    p {
        margin: 0 0 0 1rem;
        font-weight: bold;
    }
    p.note {
                text-align: left;
        background: #fff;
        width: calc(100% - 2rem - 4px);
        height: auto;
        margin: 0 0 1rem 1rem;
        padding: 0.2rem;
        font-size: 0.6rem;
        span {
            color: #e81625;
            font-weight:bold;
        }
    }
    .flexWrap5Wi {
        width: calc(100% - 2rem);
        margin-top: 0.5rem;
        p {
            margin:0.2rem 0 0 0;
        }
    }
}
.pre_wrap.mb {
    margin-bottom: 2rem;
}
.flexWrap5Wi {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin:1rem 0 0 1rem;
    width: calc(100% - 1rem);
    height: auto;

    div {
        width: calc(100% / 7 - 0.5rem);
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 0.5rem;

        img {
            height: auto;
            width: 100%;
            object-fit: cover;
        }

        p {
            font-size: 0.55rem;
            font-weight: bold;
            text-align: left;
            width: 100%;
            height: auto;
            margin-top: 0.25rem;
        }
    }
}
.exInner2 p.note {
    font-size: 0.6rem !important;
    font-weight: bold;
    line-height: 1rem;
    letter-spacing: 0 !important;
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    margin: 1rem 0 0 1rem;
    padding: 0.5rem;
    width: calc(834px - 1rem);
    height: auto;
}

.flexWrap5 {
    flex-basis: 60%;
    padding-left:1rem;
    text-align: left;
}
img.wid {
    width: 90%;
    z-index: 99997;
    position: absolute;
    margin-left: -45%;
}
.exInner2 {
    width: 850px;
    margin-top: 2rem;
    margin-left: 60px;
}
.flexWrap5_img {
    flex-basis: 28%;
    margin-top:2rem;
}
.flexWrap5_img img {
    width:100%;
}
.flexWrap5_img span {
    display: block;
    margin:0.5rem auto;
    text-align: center;
    background-color: #595656;
    color:#fff;
    font-size: 0.65rem;
    font-weight: bold;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
.flexWrap5_process_1 {
    display: flex;
    flex-direction: row;
}
.flexWrap5_process_1 div {
    flex-basis: 49%;
}
.flexWrap5_process_1 div.br {
    margin-right: 2%;
}
.flexWrap5_text {
    flex-basis: 70%;
    margin-top:2rem;
    margin-left:1rem;
    text-align: left;
}
.flexWrap5_text h4 {
    font-size:0.85rem;
    font-weight: bold;
}
.flexWrap5_text p {
    font-size:0.60rem;
    font-weight: 500;
}
.flexWrap5 p.backBl {
    background-color: #000;
    color:#fff;
    margin-top:1rem;
    padding:0 1rem;
    display: inline-block;
    font-size: 1.1rem;
    line-height: 2rem;
}
.flexWrap5 p.backNo {
    font-size: 1.1rem;
    line-height: 2rem;
    font-weight: bold;
}
.flexWrap6 {
    flex-basis: 22%;
    margin-top:2rem;
    flex-direction: row;
}
.flexWrap6 img {
    padding-left: 5%;
    width: 95%;
}
.flexWrap6 p {
    font-size:0.60rem;
    padding-left: 15%;
    white-space: nowrap;
    text-align: left;
}
img.process {
    margin-top:1rem;
    width:100%;
}
img.process-car {
    margin-top:3rem;
    width:85%;
}
.flexWrap7W {
    display: flex;
    width: 98%;
    justify-content: space-between;
    flex-direction: row;
    margin:0 0 0 1rem;
}
.flexWrap7 {
    flex-basis: 49%;
    background-color: #eee;
}
.flexWrap7-item1 {
    flex-basis: 35%;
    border-right: 1px solid #ccc;
    padding-bottom: 0.5rem;
}
.flexWrap7-item3 {
    flex-basis: 40%;
    border-right: 1px solid #ccc;
    padding-bottom: 0.5rem;
}
.flexWrap7-item1 p {
    display: block;
    font-size: 0.80rem;
    font-weight: bold;
    text-align: center;
    margin-top: 0.8rem;
    line-height: 1rem;
 }
.flexWrap7-item3 p {
     display: block;
     font-size: 0.80rem;
     font-weight: bold;
     text-align: center;
     margin-top: 0.8em;
     line-height: 1rem;
  }
 .flexWrap7-item2 {
    flex-basis: 65%;
    padding-bottom: 0.5rem;
}
.flexWrap7-item4 {
    flex-basis: 60%;
    padding-bottom: 0.5rem;
}
.flexWrap7-item2 p {
    display: block;
    font-size: 0.70rem;
    font-weight: bold;
    text-align: left;
    margin-left: 1.8rem;
    margin-top: 0.8rem;
    line-height: 1rem;
}
.flexWrap7-item4 p {
    display: block;
    font-size: 0.70rem;
    font-weight: bold;
    text-align: left;
    margin-left: 1.2rem;
    margin-top: 0.7rem;
    line-height: 1rem;
}
.flexWrap7-item2 p span,
.flexWrap7-item4 p span {
    display: block;
    background-color: #595656;
    color: #fff;
    width: 23rem;
    text-align: center;
    margin-bottom: 0.2rem;
    padding: 0.3rem;
}
.flexWrap7 .coat_a img{
    width: 68%;
    padding-left: 15%;
    float: left;
}
.flexWrap7 .coat_b img{
    width: 80%;
    padding-left: 8%;
    float: left;
    margin-top: 1rem;
}
.flexWrap7 .list_a img{
    width: 60%;
    padding-bottom: 1rem;
}
.flexWrap7 .list_b img{
    width: 60%;
}

/*20231013追加*/
/*プレミアム仕様の耐久年数*/
.exkp .bgwhite{
    font-size:0.6rem!important;
    font-weight:bold;
    line-height: 1rem;
    letter-spacing: 0!important;
    margin-top: 2rem;
    background-color: #ffffff;
    color: #000000;
}
.bgwhite span,
.note span {
    color: #e81625;
    font-weight:bold;
}
/*----------------------------------------
SP
----------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 667px) {
    br,
    img.wid {
        display: none;
    }
    br.sp {
        display: inline-block;
    }
    br.tbHide.pcHide,
    br.sp-2 {
        display: block;
    }
    .exkp.flexWrap {
        height:auto;
    }
    .exkp.cover,
    .exkp.cover-2 {
        height: 2rem;
    }
    .exkp.flexItem1 h3 {
        margin-top:2rem;
    }
    .exkp.flexItem1 h3 img {
        width:85%;
    }
    .exInner,
    .flexWrap2 {
        width:100%;
    }
    .exInner h4,
    .flexWrap2_item1 h4 {
        font-size:1.0rem;
    }
    .flexWrap1_item2 {
        width:98%;
        margin:1rem auto;
        padding-left:1%;
        padding-right: 1%;
        flex-direction: column-reverse;
    }
    .exInner {
        width:96%;
    }
    .flexWrap2 {
        width:100%;
        margin:0 auto;
    }
    .flexWrap2_item2_1 {
        width:50%;
    }
    .flexWrap2_item2_1 img {
        width:96%;
        margin-left:2%;
        height:63px;
    }
    .exkp.details,
    .exInner2 {
        padding-top: 0;
        padding-bottom: 1rem;
        display:block;
        width:100%;
        margin:0 auto;
    }
    .flexWrap,
    .exkp.flexItem1,
    .flexWrap1,
    .flexWrap1_item1,
    .flexWrap5W {
        display:block;
        width:100%;
    }
    .exkp.flexItem1 p,
    .exkp.flexItem1 h4,
    .exInner p {
        font-size:1.0rem;
    }
    .exkp.flexItem1 p.det,
    .exInner p.pic_details {
        font-size: 0.85rem;
        padding-top:0.5rem;
        padding-bottom:0.5rem;
    }
    .exkp.flexItem1,
    .exkp.flexItem3,
    .flexWrap5 {
        flex-basis: 96%;
        width: 96%;
        padding: 2%;
        white-space: nowrap;
        margin: 0 auto;
    }
    .exkp.flexItem1 p,
    .exkp.flexItem1 h4 {
        position: relative;
        white-space: normal;
        letter-spacing: 0;
    }
    .exkp.flexItem1 p.det {
        position: relative;
        white-space: normal;
        letter-spacing: 0;
    }
    .exkp.flexItem2 img {
        padding-top:0;
        width:85%;
    }
    .exkp.flexItem4 {
        display:none;
    }
    .exInner p {
        line-height:1.5rem;
        font-size:0.85rem;
    }
    .flexWrap2_item2_1 p {
        font-size:1rem;
        display: block;
        width: 100%;
        white-space: nowrap;
        padding-left: 2%;
    }
    .flexWrap2_item2 {
        text-align: center;
        margin:0 auto;
    }
    .flexWrap2_item3_1 img {
        width:95%;
    }
    .flexWrap2_item3_1 p.pab {
        text-align: left;
    }
    .flexWrap3 h4 {
        margin-left:2%;
    }
    .flexWrap3 {
        width:100%;
    }
    .flexWrap4 {
        width:98%;
        flex-wrap: wrap;
        margin-left:0;
        margin-right:0;
    }
    .flexWrap3_item1 {
        width:50%;
        flex-basis:50%;
        border:0;
    }
    .flexWrap3_item1_1 {
        width:85%;
        margin:0 auto;
    }
    .flexWrap3_item1_1.mb1 {
        width:85%;
        margin:0 auto 1rem;
    }
    .exkp.flexWrap,
    .flexItem3_item1 {
        display: block;
        flex-basis: 100%;
        width: 100%;
        padding:0;
    }
    .flexItem3_item1_text {
        position: relative;
        white-space: normal;
        letter-spacing: 0;
        display:block;
        font-size:0.85rem;
    }
    .flexItem3_item1_text p {
        font-size:0.85rem;
    }
    .flexItem3_item1_img {
        width:100%;
        display: block;
        margin:1rem auto;
    }
    h4 {
        font-size:1rem;
        font-weight: bold;;
    }
    .flexWrap5_process_1,
    .flexWrap5_process_2 {
        flex-direction: column;
    }
    .flexWrap5_text {
        margin-top:1rem;
        margin-left:0;
        width:100%;
    }
    .flexWrap5_text h4,
    .flexWrap5_img span {
        white-space: normal;
        font-size: 1rem;
    }
    .flexWrap5_text p {
        font-size: 0.85rem;
        white-space: normal;
    }
    .flexWrap5 p.backBl {
        display:block;
        font-size: 0.95rem;
        font-weight: bold;
        white-space: normal;
        padding-left:0;
        padding-right:0;
        text-align: center;
    }
    .flexWrap5_process_1 {
        flex-basis:100%;
    }
    .flexWrap5_process_1 div.br {
        margin-right: 0;
    }
    img.process {
        margin-top:1rem;
    }

    .flexWrap6 img {
        width: 96%;
        padding-left:2%;
    }
    .flexWrap6 {
        margin-top:0;
    }
    img.wid {
        display: none;
    }
    .flexWrap7W {
        width:96%;
        margin-left:2%;
    }
    .flexWrap7 {
        margin-left:0;
        width:42%;
    }
    .flexWrap7-item1,
    .flexWrap7-item3 {
        display:block;
        width:100%;
        margin:0 auto;
        text-align: center;
    }
    .flexWrap7-item1 p,
    .flexWrap7-item2 p,
    .flexWrap7-item3 p,
    .flexWrap7-item4 p {
        margin-top:1rem;
        margin-left:0;
        text-align: center;
        font-size: 0.9rem;
    }
    .flexWrap7-item2 p,
    .flexWrap7-item4 p {
        margin-top:0;
        font-size:0.8rem;
        width:90%;
        margin:0 auto;
    }
    .flexWrap7-item2 p span, .flexWrap7-item4 p span {
        width:90%;
        margin:0 auto 0.5rem;
        padding:0.5rem 0;
    }
}
/* ---------------------------------------------------------
     /coating/full.html
------------------------------------------------------------ */
/*ここから2014/08/12～制作リニューアル*/
.full {
  width: 934px;
  margin: 0 0 0 5px;
}
.full .line_n {
  background: url(../img/service/hr_01.jpg) no-repeat;
  height: 2px;
  width: 901px;
  margin: 0 auto 25px;
  border: none;
  clear: both;
  overflow: hidden;
}
.full .line_sh {
  background: url(../img/hr_shadow.gif) no-repeat left top;
  height: 8px;
  margin: 0 auto 20px;
  border: none;
  clear: both;
  width: 934px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}
.full .ttl {
  text-align: center;
  margin: -5px 0 9px;
}
.full h2 {
  font-weight: bold;
  color: #D01126;
  border-left: 4px solid #D01126;
  padding: 0 0 0 9px;
  font-size: 18px;
  margin: 0 0 16px;
}
.full h2 span {
  font-weight: bold;
}
.full .block {
  width: 880px;
  margin: 0 auto 17px;
}
.full .block h3 {
  margin: 0 15px 20px;
}
.full .block p {
  line-height: 1.6;
}
.full .block .block_body {
  margin: 0 15px 10px;
}
.full .block .block_body .point {
  float: left;
  width: 263px;
  margin: 0 0 0 25px;
}
.full .block .block_body .point:first-child {
  margin: 0;
}
.full .block .block_body .point h4 {
  font-weight: bold;
  font-size: 14px;
  color: #D01126;
  margin: 0 0 0.5em;
}
.full .block .block_body h4 {
  font-weight: bold;
  font-size: 14px;
  color: #D01126;
  margin: 0 0 0.5em;
}
.full .block .block_body ul li {
  list-style: disc;
  margin: 0 0 0.5em 1.5em;
}
.full .block .block_body .pic {
  vertical-align: top;
  padding: 20px 0 0;
  margin: 0 20px 5px 0;
}
.full .block .step {
  margin: 0 0 20px 15px;
  width: 295px;
  clear: both;
}
.full .block .step section {
  width: 287px;
  margin: 0 0 10px 0px;
  clear: both;
  overflow: hidden;
  zoom: 1;
}
.full .block .step section h3 {
  margin: 0 0 0.5em;
  padding: 0;
}
.full .block .step .step01 {
  margin: 0 0 10px;
}
.full .block .step .step04 {
  margin: 0 0 10px;
}
.full .bg01 {
  min-height: 328px;
  background: url(../img/service/coating/full/img_meca.jpg) no-repeat right 35px;
  clear: both;
}
.full .bg02 {
  min-height: 155px;
  background: url(../img/service/coating/full/img_osusume.jpg) no-repeat right top;
  margin-bottom: 0 !important;
  padding-bottom: 0;
  overflow: hidden;
}
.full .tilte_type1 {
  font-weight: bold;
  color: #FFF;
  padding: 5px 8px !important;
  margin: 0 0 16px;
  background-image: url(../img/service/coating/full/bg_title_type3.gif);
  background-repeat: repeat-y;
  clear: both;
  zoom: 1;
}
.full .tilte_type1 p {
  border-left: 4px solid #FFF;
  padding: 0 0 0 15px;
  font-size: 18px;
  line-height: 1;
}
.full .tilte_type2 p {
  border-left: 4px solid #FFF;
  padding: 0 0 0 15px;
  font-size: 18px;
  line-height: 1;
}
.full .colum_sp1 {
  width: 872px;
  margin: 0 auto 17px;
}
.full .colum_sp2 {
  width: 872px;
  margin: 0 auto 17px;
}
.full article .block .block_body.clearfix .point p {
  overflow: hidden;
  zoom: 1;
}
.full article .block .block_body.clearfix .point img {
  float: right;
  margin-left: 10px;
}
.full article .block.clearfix .fl .step img {
  float: left;
  margin-right: 10px;
}
.full article .block.clearfix .fl .step p {
  overflow: hidden;
  zoom: 1;
}
.full #menteList {
  background-image: none;
  padding: 0 0 0 20px;
}
.full .price_list h3 {
  margin: 0px 0px 5px;
  padding: 0px;
}
.full .bar {
  background: url(../img/service/bg_bar01.jpg) repeat-x;
  height: 127px;
  position: relative;
  margin: 0 0 17px;
}
.full .bar dl {
  padding: 20px 20px 0;
}
.full .bar dl dt {
  float: left;
  margin: 0 10px 0 0;
}
.full .bar dl dd {
  float: left;
  margin: 0 10px 0 0;
  min-width: 10em;
}
.full .bar dl dd p {
  display: table-cell;
  vertical-align: middle;
  height: 76px;
  line-height: 1.5;
}
.full .price_list {
  width: 241px;
  padding: 0 0 0 38px;
  margin-bottom: 15px;
}
.full .price_list h2 {
  margin: 0 0 16px -15px;
}
.full .price_list .price {
  background: #EEEFEF;
  width: 221px;
  padding: 10px;
  margin: 5px 0;
}
.full .price_list .price dl dt {
  font-size: 10px;
  letter-spacing: -0.1em;
}
.full .price_list .price dl dt em {
  font-weight: bold;
  font-size: 12px;
  font-style: normal;
}
.full .price_list .price dl dd {
  font-size: 20px;
  text-align: center;
  padding: 5px 0;
  border-bottom: 1px solid #9FA0A0;
  margin: 0 0 5px;
  font-weight: bold;
}
.full .block.bg01 .block_body .txtColum {
  width: 404px;
}
.full .bg02 .point .block_body {
  margin-bottom: 0px;
}
.full .colum_sp1 .fl {
  width: 557px;
  padding-left: 20px;
}
.full .colum_sp1 .fl p {
  font-size: 14px;
  margin-bottom: 10px;
}
.full .colum_sp1 .fr.price_list {
  background-image: none;
  padding: 0 0 0 33px;
}
.full .step img {
  margin-bottom: 5px;
}
.full .colum_sp2 .colum1 {
  width: 232px;
  float: left;
  padding: 0 0 0 20px;
}
.full .colum_sp2 .colum1 p {
  font-size: 14px;
  margin-bottom: 20px;
}
.full .colum_sp2 .price_list {
  padding-left: 33px !important;
  margin-left: 21px;
}
.full .price_list_commnet {
  margin-left: -10px;
  margin-bottom: 10px;
}
.full #colum_read .block_body.clearfix .colum {
  font-size: 14px;
  width: 409px;
}
.full #colum_read h2 {
  color: #000;
}
.full #full_itemlist {
  width: 840px;
  margin-right: -8px;
  padding-top: 5px;
  background: url(../img/service/coating/full/img_full_bg.png) no-repeat center 0;
  height: 610px;
  position: relative;
}
.full #full_itemlist ul {
  margin-right: 8px;
}
.full #full_itemlist li {
  margin-bottom: 8px;
  position: absolute;
}
.full #full_itemlist li img {
  vertical-align: bottom;
}
.full #full_itemlist li.data1 {
  top: 27px;
  left: 55px;
}
.full #full_itemlist li.data2 {
  top: 14px;
  left: 430px;
}
.full #full_itemlist li.data3 {
  top: 217px;
  left: 27px;
}
.full #full_itemlist li.data4 {
  top: 419px;
  left: 184px;
}
.full #full_itemlist li.data5 {
  top: 419px;
  left: 398px;
}
.full #full_itemlist li.data6 {
  top: 380px;
  left: 642px;
}
/* ---------------------------------------------------------
    /coating/nav.php
    コーティングページは tab_body 上に空白があるため調整
    2025.12.04
------------------------------------------------------------ */
/* 開発では一旦コメントアウト */
/* #coating .tab_body,
div.tab_body.crystal {
    margin-top: -12px;
} */
/* ---------------------------------------------------------
    /coating/dia2_series
------------------------------------------------------------ */
h3#dia2_series {
    display: none;
}
#main1colArea .wrap.dia2_series {
    padding-top: 2rem; /*5px;*/
}
.dia2_series.info {
    /* display: flex;
    justify-content: center;
    flex-direction: column; */
    align-items: center;
    width: 85%;
    height: auto;
    margin: 2rem auto;
}
.dia2_series hr {
    width: calc(100% - 5px);
    height: 1px;
    background: #595959;
    margin-left: 5px;
}
.dia2_series.info .item1-img {
    text-align: left;
}
.dia2_series.info img {
    display: inline-block;
    max-height: 2rem;
    width: 220px;
    /* margin-right: 5px; */
}
.dia2_series.info p {
    /* display: inline-block; */
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2.5rem;
}
.dia2_series.info p.point {
    color: #e50012;
}
.dia2_series.info .item-wrap {
    width: 85%;
    margin: 0 auto;
}
.dia2_series.info .item1 {
    /* display: flex;
    flex-direction: row;
    justify-content: center; */
    align-items: center;
    margin-top: 1.5rem;
}

.block.dia2_series {
    width: 85%;
}
.block.dia2_series .maintenance-wrap {
    width: 100%;
}
.block.dia2_series .maintenance-box {
    /* width: 48%; */
}
div.dispel.dia2_series_1 {
    width: 85%;
    margin: 1rem auto;
}
div.dispel.dia2_series_2 {
    width: calc(100% - 5px);
    margin-left: 5px;
    margin-bottom: 2rem;
    padding-left: 0;
}
.block.dia2_series_about {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(100% - 5px);
    margin-left: 5px;
    margin-top: 3rem;
    height: auto;
}
.block.dia2_series_about p {
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 75%;
    padding: 0.5em 1em;
    background: linear-gradient(to right,
    #ffffff 0%,
    #b9e2f9 50%,
    #ffffff 100%);
    /* border-radius: 4px; */
}
.block.dia2_series_about .items {
    margin-top: 1rem;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: calc(60% - 5px);
    margin-left: 5px;
}
.block.dia2_series_about .items img {
    width: calc(100% / 3 -5px);
    height: auto;
}
.block.dia2_series_about .items a:hover {
    opacity: 0.7;
}

/* ----------------------------------------------------------
    共通クラス　メンテナンス価格レイアウト　価格改定追加 20260318
    exkeeper.php / dia2.php / dia2_series.php
---------------------------------------------------------- */
/* 汎用 */
:root {
    /* コーティングのカラー変数 */
    --ex-main-color: #002C5C;
    --dia2-main-color: #0B3190;
    --diamond-main-color: #BBA14A;
    --diamond-sub-color: #EEEADE;
    --ecodia-main-color: #009F42;
    --ecodia-sub-color: #E1EFE2;

    /* メンテナンスBOX内　padding余白統一　変数 */
    --maintenance-p-25px: 25px;
    /* メンテナンスBOX内　margin余白統一　変数 */
    --maintenance-m-15px: 15px;
    --maintenance-m-25px: 25px;
}
.tac {
    text-align: center !important;
}
/* padding 必要に応じて追加*/
.p-0 {
    padding: 0 !important;
}
/* margin 必要に応じて追加 */
.maintenance-mb-15px {
    margin-bottom: 15px !important;
}

/* End 汎用 */

.maintenance-section {
    text-align: center;
}

.maintenance-section .ms-title-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: var(--maintenance-m-25px);
}
.maintenance-section .ms-title-wrap img {
    width: 150px;
    height: auto;
    margin-right: 8px;
}
.maintenance-section .ms-title-wrap .ms-title {
    font-size: 1.8rem;
    font-weight: 900;
}

.maintenance-section .ms-dispel {
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: var(--maintenance-m-25px);
}

/* (W)ダイヤモンド＆エコダイヤ BOXの余白（ダイヤIIは余白無し）*/
.maintenance-section .ms-diamond-box,
.maintenance-section .ms-ecodia-box {
    padding: var(--maintenance-p-25px);
    margin-bottom: var(--maintenance-m-25px);
    border: 1px solid #000000;
}
/* (W)ダイヤモンドのサブカラー */
.maintenance-section .ms-diamond-box {
    background-color: var(--diamond-sub-color);
}
/* エコダイヤのサブカラー */
.maintenance-section .ms-ecodia-box {
    background-color: var(--ecodia-sub-color);
}

/* (W)ダイヤモンド＆エコダイヤのタイトル */
.maintenance-section .ms-diamond-box .diamond-title-wrap,
.maintenance-section .ms-ecodia-box .ecodia-title-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: var(--maintenance-m-25px);
}
.maintenance-section .ms-diamond-box .diamond-title-wrap img,
.maintenance-section .ms-ecodia-box .ecodia-title-wrap img {
    width: 125px;
    height: auto;
    margin-right: 8px;
}
.maintenance-section .ms-diamond-box .diamond-title-wrap .diamond-title,
.maintenance-section .ms-ecodia-box .ecodia-title-wrap .ecodia-title {
    font-weight: bold;
    font-size: 1.4rem;
}


.maintenance-section .maintenance-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    gap: var(--maintenance-p-25px);
}

.maintenance-section .maintenance-wrap .maintenance-box {
    width: 100%;
    padding: var(--maintenance-p-25px);
}

/* ------------------------------------ */
/* EX＆ダイヤII＆(W)ダイヤモンド＆エコダイヤ　メンテナンスBOXのカラー */

/* EX */
.maintenance-section .ms-ex-box .maintenance-wrap .maintenance-box {
    background-color: #f6f6f6;
}
/* ダイヤII */
.maintenance-section .ms-dia2-box .maintenance-wrap .maintenance-box {
    background-color: #e0e0e0;
}
/* (W)ダイヤモンド＆エコダイヤ */
.maintenance-section .ms-diamond-box .maintenance-wrap .maintenance-box,
.maintenance-section .ms-ecodia-box .maintenance-wrap .maintenance-box {
    background-color: #FFFFFF;
}

/* End ダイヤII＆(W)ダイヤモンド＆エコダイヤ　メンテナンスBOXのカラー */
/* ------------------------------------ */

.maintenance-section .maintenance-wrap .maintenance-box .mb-table-wrap {
    display: flex;
    gap: 20px;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 10px;
}

/* ------------------------------------ */
.maintenance-section .maintenance-wrap .maintenance-box .mb-title-wrap .mb-title {
    font-size: 18px;
    color: #fff;
    font-weight:bold;
    padding: 3px 0;
    margin-bottom: var(--maintenance-m-15px);
}

/* EXのカラー */
.maintenance-section .maintenance-wrap .maintenance-box .mb-title-wrap .ex-main-color {
    background-color: var(--ex-main-color);
}
/* DIA2のカラー */
.maintenance-section .maintenance-wrap .maintenance-box .mb-title-wrap .dia2-main-color {
    background-color: var(--dia2-main-color);
}
/* (W)ダイヤモンドのカラー */
.maintenance-section .maintenance-wrap .maintenance-box .mb-title-wrap .diamond-main-color {
    background-color: var(--diamond-main-color);
}
/* エコダイヤのカラー */
.maintenance-section .maintenance-wrap .maintenance-box .mb-title-wrap .ecodia-main-color {
    background-color: var(--ecodia-main-color);
}

/* ------------------------------------ */
.maintenance-section .maintenance-wrap .maintenance-box .mb-table-wrap .price-table table {
    border-collapse: collapse;
    font-size: 16px;
    border: 2px solid #666;
    width: auto;       /* 内容に合わせる */
    margin-left: auto; /* テーブルを右寄せ */
    margin-left: 0;
}

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

/* 不要なら消す */
.maintenance-section .maintenance-wrap .maintenance-box .mb-title-wrap .price-title {
    font-size: 18px;
    color: #fff;
    font-weight:bold;
    padding: 4px 10px;
    line-height:1.6;
}

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

/* 作業時間 */
.maintenance-section .maintenance-wrap .maintenance-box .mb-worktimelabel-wrap {
    margin-bottom: var(--maintenance-m-15px);
}

.maintenance-section .maintenance-wrap .maintenance-box .mb-worktimelabel-wrap .mb-worktimelabel {
    display: inline-block;
    padding: 5px 15px;
    font-size: 0.8rem;
    font-weight: 600;
}

/* ------------------------------------ */
/* EX＆ダイヤII＆(W)ダイヤモンド＆エコダイヤ　メンテナンスBOXのカラー */

/* ダイヤII */
.maintenance-section .ms-dia2-box .maintenance-wrap .maintenance-box .mb-worktimelabel-wrap .mb-worktimelabel {
    background-color: #FFFFFF;
}
/* EX&(W)ダイヤモンド＆エコダイヤ */
.maintenance-section .ms-ex-box .maintenance-wrap .maintenance-box .mb-worktimelabel-wrap .mb-worktimelabel,
.maintenance-section .ms-diamond-box .maintenance-wrap .maintenance-box .mb-worktimelabel-wrap .mb-worktimelabel,
.maintenance-section .m-ecodia-box .maintenance-wrap .maintenance-box .mb-worktimelabel-wrap .mb-worktimelabel {
    background-color: #e0e0e0;
}

/* End ダイヤII＆(W)ダイヤモンド＆エコダイヤ　メンテナンスBOXのカラー */
/* ------------------------------------ */

/* ダイヤIIメンテナンス被膜図 */
.maintenance-section .maintenance-wrap .maintenance-box .mb-coating-image-wrap {
    width: 100%;
    margin: 0 auto;
    margin-bottom: var(--maintenance-m-25px);
}
.maintenance-section .maintenance-wrap .maintenance-box .mb-coating-image-wrap .ci-text {
    padding: var(--maintenance-p-25px);
    padding-bottom: 0;
    background-color: white;
    font-size: 0.85rem;
    font-weight: bold;
}
.maintenance-section .maintenance-wrap .maintenance-box .mb-coating-image-wrap .coating-image img {
    width: 100%;
}
/* End ダイヤIIメンテナンス被膜図 */

/* 価格テーブルタイトル */
.maintenance-section .maintenance-wrap .maintenance-box .mb-table-wrap .price-table p {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 5px;
}
/* 価格テーブル */
.maintenance-section .maintenance-wrap .maintenance-box .mb-table-wrap .price-table {
    width: 50%;
}

/* テーブル枠線 */
.maintenance-section .maintenance-wrap .maintenance-box .mb-table-wrap .price-table table tbody tr th,
.maintenance-section .maintenance-wrap .maintenance-box .mb-table-wrap .price-table table tbody tr td {
    border: 1px solid #666;
    padding: 5px 10px;
    white-space: nowrap;
}

.maintenance-section .maintenance-wrap .maintenance-box .mb-table-wrap .price-table table tbody tr th {
    width: 20%;
    background-color: #e0e0e0;
    text-align: center;
    /* font-weight: bold; */
}
.maintenance-section .maintenance-wrap .maintenance-box .mb-table-wrap .price-table table tbody tr td {
    width: 80%;
    background-color: #fff;
    text-align: right;
    /* font-weight: bold; */
}
/* End 価格テーブル */

.maintenance-section .maintenance-wrap .maintenance-box .note-tax {
    font-size: 0.7rem;
    color: #333;
    text-align: right;
}
/* End 20260318メンテナンス価格改定でレイアウト調整のため追加調整 --------------------------------------*/