@charset "UTF-8";

/* init */
article.coating{font-family:Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;font-size:63%;color:#333;overflow: hidden;}
.pageup { -webkit-transition: bottom .25s ease-out; transition: bottom .25s ease-out; bottom: 0px; z-index: 20; }
.pageup.is-up { bottom: 120px; }
.PCinline { display: inline; }
.SPinline { display: none; }
@media (max-width: 767px) {
.PCinline { display: none; }
.SPinline { display: inline; }
}
@media only screen and (max-width: 767px) {
article.coating{font-size:72%}
.global_header .site_id a { background: url(/images/common/logo_meltec.png) no-repeat 0 0; background-size: 194px; }
}

/* container */
.container { margin-left: auto; margin-right: auto; padding: 0 13px; max-width: 923px; }
@media screen and (max-width:767px){
.container { margin-left: 0; margin-right: 0; padding: 0 20px; max-width: none; }
}

/* header */
.header { background: url(/products/es/coating/images/bg_main.jpg) center center no-repeat; background-size: cover; }
.header .container { padding-top: 35px; padding-bottom: 35px; max-width: 1003px; }
.header .heading { border: 1px solid #64bbff; display: flex; align-items: center; padding: 0 0 0 39px; height: 433px; }
.header .heading > span { color: #0270c6; display: block; }
.header .heading > span small { display: block; font-size: 300%; font-weight: normal; line-height: 2.025; }
.header .heading > span span { display: block; font-size: 550%; font-weight: bold; line-height: 1.2112; text-shadow: 0px 0px 10px #ffffff,0px 0px 10px #ffffff; }
@media screen and (max-width:767px){
.header { background: url(/products/es/coating/images/bg_main_sp.jpg) right center no-repeat; background-size: cover; }
.header .container { padding-top: 0; padding-bottom: 0; }
.header .heading { border: none; padding: 0; height: 234px; }
.header .heading > span small { font-size: 133.35%; }
.header .heading > span span { font-size: 226.7%; line-height: 1.3187; text-shadow: 0px 0px 5px #ffffff,0px 0px 5px #ffffff,0px 0px 5px #ffffff,0px 0px 5px #ffffff; margin-top: 5px; }
}

/* coating_title */
.coating_title { background: url(/products/es/coating/images/bg_coating_title.jpg) center center no-repeat; background-size: cover; padding: 65px 0 100px 0; }
.coating_title .heading { color: #ffffff; font-size: 280%; font-weight: bold; line-height: 1.8214; text-align: center; }
.coating_title .anchor { display: flex; justify-content: space-between; margin-top: 20px; }
.coating_title .anchor a { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 15px; border-radius: 15px; background-color: #ffffff; color: #275da4; display: flex; align-items: center; position: relative; padding: 25px 19px 33px 19px; width: calc(33.3333% - 6px); }
.coating_title .anchor a:hover { text-decoration: none; }
.coating_title .anchor a::after { background: url(/products/es/coating/images/arr_anchor.png) no-repeat; background-size: cover; content: ""; position: absolute; bottom: 10px; left: calc(50% - 10px); width: 20px; height: 12px; }
.coating_title .anchor a span { box-sizing: border-box; background: url(/products/es/coating/images/icon_anchor.png) left center no-repeat; background-size: 24px 24px; display: block; font-size: 180%; font-weight: bold; text-align: center; line-height: 1.3855; padding-left: 38px; width: 100%; }
.coating_title .img { font-size: 0; line-height: 0; text-align: center; margin-top: 40px; }
.coating_title .img img { width: 100%; max-width: 586px; }
@media screen and (min-width:768px){
.coating_title .anchor a { -webkit-transition: background-color .25s ease-out; transition: background-color .25s ease-out; }
.coating_title .anchor a:hover { background-color: #fdda3b; }
}
@media screen and (max-width:767px){
.coating_title { background: url(/products/es/coating/images/bg_coating_title_sp.jpg) center center no-repeat; background-size: cover; padding: 15px 0 35px 0; }
.coating_title .heading { font-size: 160%; }
.coating_title .anchor { display: block; margin-top: 15px; }
.coating_title .anchor a { -webkit-border-radius: 5px; border-radius: 5px; padding: 0 35px 0 8px; width: auto; height: 42px; }
.coating_title .anchor a + a { margin-top: 10px; }
.coating_title .anchor a::after { bottom: calc(50% - 5px); left: auto; right: 10px; width: 15.5px; height: 9.5px; }
.coating_title .anchor a span { background-size: 14.5px 14.5px; font-size: 100%; line-height: 1.5; padding-left: 22px; }
.coating_title .img { margin: 12px -5px 0 -5px; }
.coating_title .img img { max-width: 100%; }
}

/* coating_voice */
.coating_voice { margin-top: -67px; padding-bottom: 100px; }
.coating_voice .lead { background-color: #0270c6; color: #ffffff; text-align: center; position: relative; padding: 35px 30px 30px 30px; }
.coating_voice .lead::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 14px 14px 0 14px; border-color: #0270c6 transparent transparent transparent; position: absolute; top: 100%; left: calc(50% - 14px); }
.coating_voice .lead span { border-bottom: 3px solid #ffffff; display: inline-block; font-size: 300%; font-weight: bold; line-height: 1.2; vertical-align: bottom; padding-bottom: 3px; }
.coating_voice .heading { overflow: hidden; text-align: center; margin-top: 55px; }
.coating_voice .heading span { display: inline-block; font-size: 300%; font-weight: bold; line-height: 1.2; position: relative; vertical-align: bottom; padding: 0 20px; }
.coating_voice .heading span::before { background-color: #0270c6; content: ""; position: absolute; left: 100%; top: 50%; width: 923px; height: 1px; }
.coating_voice .heading span::after { background-color: #0270c6; content: ""; position: absolute; right: 100%; top: 50%; width: 923px; height: 1px; }
.coating_voice .heading small { display: block; font-size: 0; line-height: 0; margin-top: 20px; }
.coating_voice .heading small img { width: 91px; }
.coating_voice .case { display: flex; justify-content: space-between; margin: 45px -15px 0 -15px; }
.coating_voice .case li { display: flex; margin: 0 15px; width: calc(25% - 30px); }
.coating_voice .case li dl { display: flex; flex-direction: column; width: 100%; }
.coating_voice .case li dl dt { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 15px; border-radius: 15px; background-color: #0270c6; color: #ffffff; display: flex; align-items: center; justify-content: center; flex: 1 0 auto; font-size: 160%; line-height: 1.4375; position: relative; padding: 25px 20px; width: 100%; min-height: 0%; }
.coating_voice .case li dl dt::after { background: url(/products/es/coating/images/bg_voice_case.png) no-repeat; background-size: cover; content: ""; position: absolute; top: calc(100% - 1px); left: 25.4807%; width: 53px; height: 32px; z-index: +1; }
.coating_voice .case li dl dd { position: relative; text-align: center; margin-top: 15px; min-height: 0%; }
.coating_voice .case li dl dd div { -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #9fd7ff; font-size: 0; line-height: 0; overflow: hidden; margin: 0 auto; width: 87.9807%; }
.coating_voice .case li dl dd div img { width: 100%; }
.coating_voice .case li dl dd p { background-color: #ffffff; border: 2px solid #9fd7ff; color: #0270c6; font-size: 160%; line-height: 1.2887; position: relative; margin: -25.5192% 10px 0 10px; padding: 5px; z-index: +1; }
@media screen and (max-width:767px){
.coating_voice { margin-top: -20px; padding-bottom: 20px; }
.coating_voice .lead { padding: 15px 10px 10px 10px; }
.coating_voice .lead::after { border-width: 6px 7px 0 7px; left: calc(50% - 7px); }
.coating_voice .lead span { border-bottom: 1px solid #ffffff; font-size: 160%; padding-bottom: 3px; }
.coating_voice .heading { margin-top: 25px; }
.coating_voice .heading span { font-size: 160%; padding: 0 10px; }
.coating_voice .heading small { margin-top: 5px; }
.coating_voice .heading small img { width: 45px; }
.coating_voice .case { flex-wrap: wrap; justify-content: flex-start; margin: 20px -6px 0 -6px; }
.coating_voice .case li { overflow: hidden; margin: 0 6px; width: calc(50% - 12px); }
.coating_voice .case li:nth-of-type(n+3) { margin-top: 15px; }
.coating_voice .case li dl dt { -webkit-border-radius: 20px; border-radius: 20px; font-size: 120%; padding: 20px 15px; }
.coating_voice .case li dl dt::after { width: 42.5px; height: 25px; }
.coating_voice .case li dl dd div { border: 1px solid #9fd7ff; }
.coating_voice .case li dl dd p { border: 1px solid #9fd7ff; font-size: 125%; margin: -25.5192% 0 0 0; }
}

/* coating_merit */
.coating_merit { background-color: #ecf7ff; padding: 100px 0; }
.coating_merit .heading_A { background: url(/products/es/coating/images/bg_merit.jpg) center center no-repeat; background-size: cover; color: #ffffff; text-align: center; position: relative; padding: 30px 0 60px 0; }
.coating_merit .heading_A small { display: block; font-size: 240%; font-weight: normal; line-height: 1.875; }
.coating_merit .heading_A span { display: block; font-size: 360%; font-weight: bold; line-height: 1.25; }
.coating_merit .heading_A > img { position: absolute; bottom: 0px; left: calc(50% - 33px); width: 66px; }
.coating_merit .heading_B { text-align: center; overflow: hidden; }
.coating_merit .heading_B span { color: #0270c6; display: inline-block; font-size: 320%; font-weight: bold; line-height: 1.2; position: relative; vertical-align: bottom; padding: 0 30px; }
.coating_merit .heading_B span::before { background-color: #0270c6; content: ""; position: absolute; left: 100%; top: 50%; width: 923px; height: 1px; }
.coating_merit .heading_B span::after { background-color: #0270c6; content: ""; position: absolute; right: 100%; top: 50%; width: 923px; height: 1px; }
.coating_merit .section { background-color: #ffffff; padding: 50px 40px 60px 40px; }
@media screen and (max-width:767px){
.coating_merit { padding: 20px 0; }
.coating_merit .heading_A { background: url(/products/es/coating/images/bg_merit_sp.jpg) center center no-repeat; background-size: cover; padding: 15px 0 25px 0; }
.coating_merit .heading_A small { font-size: 120%; }
.coating_merit .heading_A span { font-size: 160%; }
.coating_merit .heading_A > img { left: calc(50% - 17px); width: 34px; }
.coating_merit .heading_B span { font-size: 160%; padding: 0 10px; }
.coating_merit .section { padding: 20px; }
}

/* merit_01 */
.merit_01 .img { background-color: #fffae3; font-size: 0; line-height: 0; text-align: center; margin-top: 40px; padding: 40px; }
.merit_01 .img img { width: 100%; max-width: 446px; }
.merit_01 .text { font-size: 180%; line-height: 1.7566; text-align: center; margin-top: 40px; }
.merit_01 .note { font-size: 180%; font-weight: bold; line-height: 2; text-align: center; margin-top: 30px; }
.merit_01 .note span { border-bottom: 2px solid #333333; }
@media screen and (max-width:767px){
.merit_01 .img { margin-top: 15px; padding: 20px; }
.merit_01 .img img { max-width: 518px; }
.merit_01 .text { font-size: 140%; line-height: 1.3571; text-align: left; margin-top: 15px; }
.merit_01 .note { font-size: 140%; line-height: 1.6; text-align: left; margin-top: 15px; }
.merit_01 .note span { border-bottom: 1px solid #333333; }
}

/* merit_02 */
.merit_02 { margin-top: 70px; }
.merit_02 .result { background-color: #000000; color: #ffffff; margin-top: 40px; padding: 30px 40px 40px 40px; }
.merit_02 .result > p { border: 1px solid #ffffff; font-size: 200%; font-weight: bold; line-height: 1.581; text-align: center; margin-top: 35px; padding: 20px; }
.merit_02 .result > dl { display: flex; align-items: center; justify-content: space-between; }
.merit_02 .result > dl dt { flex: 1; display: flex; justify-content: space-between; font-size: 0; line-height: 0; margin-right: 12px; }
.merit_02 .result > dl dt img { width: 49.3197%; }
.merit_02 .result > dl dd span { display: block; font-size: 240%; font-weight: bold; line-height: 1.3175; }
.merit_02 .result > dl dd span strong { color: #1ca1e9; font-size: 258.3333%; line-height: 1.2; }
.merit_02 .result > dl dd small { display: block; font-size: 110%; }
.merit_02 .case { margin-top: 50px; }
.merit_02 .case li { background-color: #fffae3; display: flex; align-items: center; position: relative; padding: 20px 35px 20px 40px; }
.merit_02 .case li + li { margin-top: 30px; }
.merit_02 .case li + li::before { background: url(/products/es/coating/images/arr_merit.png) no-repeat; background-size: cover; content: ""; position: absolute; top: -52px; left: calc(50% - 24px); width: 48px; height: 74px; z-index: +1; }
.merit_02 .case li > p { font-size: 0; line-height: 0; margin-right: 60px; width: 25.5208%; }
.merit_02 .case li > p img { width: 100%; }
.merit_02 .case li > dl { flex: 1; }
.merit_02 .case li > dl dt { color: #0362bd; font-size: 240%; font-weight: bold; line-height: 1.3175; }
.merit_02 .case li > dl dd { font-size: 180%; line-height: 1.5555; margin-top: 15px; }
.merit_02 .more { background-color: #0362bd; color: #ffffff; margin-top: 50px; padding: 50px 40px 0 40px; }
.merit_02 .more .heading { font-size: 260%; font-weight: bold; line-height: 1.2369; text-align: center; }
.merit_02 .more .lead { font-size: 180%; line-height: 1.7566; text-align: center; margin-top: 8px; }
.merit_02 .more .img { font-size: 0; line-height: 0; }
.merit_02 .more .img img { width: 100%; }
.merit_02 .more .text { font-size: 180%; line-height: 1.5555; margin-top: 18px; }
.merit_02 .more ul { background-color: #0475ca; display: flex; justify-content: space-between; margin: 45px -40px 0 -40px; padding: 40px 40px 40px 39px; }
.merit_02 .more ul li { position: relative; margin-left: 1px; width: calc(50% - 24px); }
.merit_02 .more ul li + li::before { background-color: #3691d5; content: ""; position: absolute; top: 0px; left: -24px; width: 1px; height: 100%; z-index: +1; }
.merit_02 .more ul li dt { background-color: #3691d5; font-size: 210%; font-weight: bold; line-height: 1.2; text-align: center; padding: 8px; }
.merit_02 .more ul li dd { margin-top: 20px; }
.merit_02 .note { font-size: 180%; font-weight: bold; line-height: 2; text-align: center; margin-top: 40px; }
.merit_02 .note span { border-bottom: 2px solid #333333; }
@media screen and (max-width:767px){
.merit_02 { margin-top: 20px; }
.merit_02 .result { margin-top: 15px; padding: 20px; }
.merit_02 .result > p { font-size: 140%; text-align: left; margin-top: 15px; padding: 20px; }
.merit_02 .result > dl { display: block; }
.merit_02 .result > dl dt { flex: initial; display: flex; align-items: flex-start; justify-content: space-between; margin-right: 0; height: auto; }
.merit_02 .result > dl dd { margin-top: 10px; }
.merit_02 .result > dl dd p { display: flex; align-items: flex-end; justify-content: space-between; }
.merit_02 .result > dl dd span { font-size: 140%; }
.merit_02 .result > dl dd span:nth-of-type(1) { margin-right: 10px; }
.merit_02 .result > dl dd span:nth-of-type(2) { font-size: 190%; line-height: 1.2; }
.merit_02 .result > dl dd span strong { font-size: 240%; line-height: 1.1; }
.merit_02 .result > dl dd small { font-size: 100%; text-align: right; }
.merit_02 .case { margin-top: 20px; }
.merit_02 .case li { align-items: flex-start; padding: 20px; }
.merit_02 .case li + li { margin-top: 20px; }
.merit_02 .case li + li::before { top: -27px; left: calc(50% - 12px); width: 24px; height: 37px; }
.merit_02 .case li > p { margin-right: 10px; width: 23.5294%; }
.merit_02 .case li > dl dt { font-size: 140%; }
.merit_02 .case li > dl dd { font-size: 140%; margin-top: 5px; }
.merit_02 .more { margin-top: 20px; padding: 20px 20px 0 20px; }
.merit_02 .more .heading { font-size: 160%; line-height: 1.3125; }
.merit_02 .more .lead { font-size: 100%; }
.merit_02 .more .text { font-size: 140%; line-height: 1.3571; margin-top: 15px; }
.merit_02 .more ul { display: block; margin: 20px -20px 0 -20px; padding: 20px; }
.merit_02 .more ul li { margin-left: 0px; width: auto; }
.merit_02 .more ul li + li { margin-top: 15px; }
.merit_02 .more ul li + li::before { display: none; }
.merit_02 .more ul li dt { font-size: 140%; padding: 8px; }
.merit_02 .more ul li dd { margin-top: 10px; }
.merit_02 .note { font-size: 140%; line-height: 1.6; text-align: left; margin-top: 15px; }
.merit_02 .note span { background: linear-gradient(transparent 95%, #333333 0%); display: inline; }
.merit_02 .note span { border-bottom: 1px solid #333333; }
}

/* merit_03 */
.merit_03 { margin-top: 70px; }
.merit_03 .img { font-size: 0; line-height: 0; text-align: center; margin-top: 40px; }
.merit_03 .img img { width: 100%; max-width: 545px; }
.merit_03 .note { font-size: 180%; font-weight: bold; line-height: 2; margin-top: 40px; }
.merit_03 .note li { position: relative; padding-left: 20px; }
.merit_03 .note li + li { margin-top: 5px; }
.merit_03 .note li::after { -webkit-border-radius: 50%; border-radius: 50%; background-color: #333333; content: ""; position: absolute; left: 0px; top: 0.5555em; width: 16px; height: 16px; }
.merit_03 .note li span { border-bottom: 2px solid #333333; }
@media screen and (max-width:767px){
.merit_03 { margin-top: 20px; }
.merit_03 .img { margin-top: 15px; }
.merit_03 .img img { max-width: 609px; }
.merit_03 .note { font-size: 140%; line-height: 1.6; margin-top: 15px; }
.merit_03 .note li { padding-left: 17px; }
.merit_03 .note li::after { top: 0.25em; width: 14px; height: 14px; }
.merit_03 .note li span { border-bottom: 1px solid #333333; }
}

/* coating_step */
.coating_step { background: url(/products/es/coating/images/bg_step.jpg) center center no-repeat; background-size: cover; padding: 90px 0 55px 0; }
.coating_step .heading { color: #ffffff; font-size: 360%; font-weight: bold; line-height: 1.5555; text-align: center; }
.coating_step .heading span { border-bottom: 3px solid #ffffff; }
.coating_step .heading sup { font-size: 50%; }
.coating_step .step { background-color: #ffffff; display: flex; position: relative; margin: 40px 22px 0 13px; height: 100px; }
.coating_step .step::before { background: url(/products/es/coating/images/bg_step_left.png) no-repeat; background-size: cover; content: ""; position: absolute; top: 0px; left: -13px; width: 13px; height: 100px; }
.coating_step .step::after { background: url(/products/es/coating/images/bg_step_right.png) no-repeat; background-size: cover; content: ""; position: absolute; top: 0px; right: -22px; width: 22px; height: 100px; }
.coating_step .step li { color: #0068b7; display: flex; align-items: center; justify-content: center; font-size: 180%; font-weight: bold; line-height: 1.3; position: relative; padding: 0 10px; width: 20%; }
.coating_step .step li + li::before { background: linear-gradient(90deg, rgba(207,207,207,1) 0%, rgba(255,255,255,0) 100%); content: ""; position: absolute; top: 0px; left: 0px; width: 20px; height: 100%; z-index: +1; }
.coating_step .step li span { position: relative; z-index: +2; }
.coating_step .step li sup { font-size: 50%; }
.coating_step .note { color: #ffffff; margin-top: 15px; }
.coating_step .note li { font-size: 140%; line-height: 1.7142; position: relative; padding-left: 2em; }
.coating_step .note li span { position: absolute; top: 0px; left: 0px; }
@media screen and (max-width:767px){
.coating_step { background: url(/products/es/coating/images/bg_step_sp.jpg) center center no-repeat; background-size: cover; padding: 20px 0; }
.coating_step .heading { font-size: 160%; }
.coating_step .heading span { border-bottom: 1px solid #ffffff; }
.coating_step .heading sup { vertical-align: super; }
.coating_step .step { background-color: transparent; display: block; margin: 20px 0 0 0; height: auto; }
.coating_step .step::before { display: none; }
.coating_step .step::after { display: none; }
.coating_step .step li { background-color: #ffffff; display: block; font-size: 160%; text-align: center; padding: 10px; width: auto; }
.coating_step .step li sup { vertical-align: super; }
.coating_step .step li + li { margin-top: 24px; }
.coating_step .step li + li::before { display: none; }
.coating_step .step li + li::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #ffffff transparent transparent transparent; position: absolute; top: -16px; left: calc(50% - 8px); }
.coating_step .note li { font-size: 120%; }
}

/* coating_inquiry */
.coating_inquiry { background: url(/products/es/coating/images/bg_inquiry.jpg) center center no-repeat; background-size: cover; padding: 35px 0 40px 0; }
.coating_inquiry .heading { color: #ffffff; font-size: 200%; font-weight: bold; line-height: 1.5555; text-align: center; }
.coating_inquiry .btns { display: flex; justify-content: space-between; margin: 30px 40px 0 40px; }
.coating_inquiry .btns a { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 30px; border-radius: 30px; background-color: #ffffff; color: #014cb4; display: flex; align-items: center; justify-content: center; font-size: 180%; font-weight: bold; line-height: 1.2; position: relative; padding: 0 65px 0 20px; width: calc(50% - 20px); height: 60px; }
.coating_inquiry .btns a:hover { text-decoration: none; }
.coating_inquiry .btns a::after { background: url(/products/es/coating/images/arr_btn.png) no-repeat; background-size: cover; content: ""; position: absolute; right: 29px; top: calc(50% - 9px); width: 26px; height: 17px; }
.coating_inquiry .btns a span { display: block; position: relative; }
.coating_inquiry .btns a span::before { content: ""; position: absolute; left: 0px; }
.coating_inquiry .btns a.document span { padding-left: 40px; }
.coating_inquiry .btns a.document span::before { background: url(/products/es/coating/images/icon_document.png) no-repeat; background-size: cover; top: calc(50% - 15px); width: 20px; height: 29px; }
.coating_inquiry .btns a.form span { padding-left: 45px; }
.coating_inquiry .btns a.form span::before { background: url(/products/es/coating/images/icon_form.png) no-repeat; background-size: cover; top: calc(50% - 15px); width: 26px; height: 29px; }

.coating_inquiry.fixed { background: none; background-color: rgba(35,74,152,0.8); display: none; position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 10; padding: 20px 0; } /* total height 100px */
.coating_inquiry.fixed .heading { display: none; }
.coating_inquiry.fixed .btns { margin-top: 0; }
@media screen and (min-width:768px){
.coating_inquiry .btns a { -webkit-transition: background-color .25s ease-out; transition: background-color .25s ease-out; }
.coating_inquiry .btns a:hover { background-color: #fdda3b; }
}
@media screen and (max-width:767px){
.coating_inquiry { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 0; } /* total height 110px */
.coating_inquiry .heading { font-size: 160%; }
.coating_inquiry .btns { display: block; margin: 15px 0 0 0; }
.coating_inquiry .btns a { -webkit-border-radius: 15px; border-radius: 15px; display: block; font-size: 14px; line-height: 30px; text-align: center; padding: 0 38px; width: auto; height: 30px; }
.coating_inquiry .btns a::after { right: 15px; top: calc(50% - 4.25px); width: 13px; height: 8.5px; }
.coating_inquiry .btns a + a { margin-top: 10px; }
.coating_inquiry .btns a span { display: inline-block; vertical-align: bottom; }
.coating_inquiry .btns a.document span { padding-left: 25px; }
.coating_inquiry .btns a.document span::before { top: calc(50% - 8px); width: 10px; height: 14.5px; }
.coating_inquiry .btns a.form span { padding-left: 20px; }
.coating_inquiry .btns a.form span::before { top: calc(50% - 8px); width: 13px; height: 14.5px; }
}

/* coating_stepclean */
.coating_stepclean { padding: 65px 0 70px 0; }
.coating_stepclean .heading small { display: block; font-size: 260%; font-weight: bold; line-height: 1.2; text-align: center; }
.coating_stepclean .heading span { display: block; font-size: 0; line-height: 0; text-align: center; }
.coating_stepclean .heading span img { width: 100%; max-width: 554px; }
.coating_stepclean .text { font-size: 260%; font-weight: bold; line-height: 1.5; text-align: center; margin-top: 10px; }
.coating_stepclean .link { font-size: 200%; line-height: 1.5; font-weight: bold; text-align: center; margin-top: 20px; }
.coating_stepclean .link a { color: #333333; display: inline-block; vertical-align: bottom; position: relative; }
.coating_stepclean .link a img { vertical-align: middle; margin-left: 5px; width: 22px; }
.coating_stepclean .link a:hover { text-decoration: none; }
.coating_stepclean .link a span { border-bottom: 1px solid #000000; }
@media screen and (max-width:767px){
.coating_stepclean { padding: 15px 0 20px 0; }
.coating_stepclean .heading small { font-size: 160%; }
.coating_stepclean .heading span img { max-width: 277px; }
.coating_stepclean .text { font-size: 160%; margin-top: 5px; }
.coating_stepclean .link { font-size: 140%; margin-top: 15px; }
.coating_stepclean .link a { line-height: 1.8; }
.coating_stepclean .link a img { width: 15px; }
}

/* coating_guideline */
.coating_guideline { background-color: #f2f2f2; padding: 65px 0 70px 0; }
.coating_guideline .heading { font-size: 240%; font-weight: bold; line-height: 1.41665; text-align: center; padding: 0 40px; }
.coating_guideline .text { font-size: 180%; line-height: 1.6666; margin-top: 45px; padding: 0 40px; }
.coating_guideline .link { font-size: 180%; line-height: 1.2; text-align: center; margin-top: 40px; padding: 0 40px; }
.coating_guideline .link a { color: #333333; display: inline-block; vertical-align: bottom; position: relative; }
.coating_guideline .link a img { vertical-align: middle; width: 13px; }
.coating_guideline .link a:hover { text-decoration: none; }
.coating_guideline .link a::after { background-color: #333333; content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; }
@media screen and (min-width:768px){
.coating_guideline .link a:hover::after { display: none; }
}
@media screen and (max-width:767px){
.coating_guideline { padding: 15px 0 20px 0; }
.coating_guideline .heading { font-size: 160%; padding: 0; }
.coating_guideline .text { font-size: 140%; margin-top: 15px; padding: 0; }
.coating_guideline .link { font-size: 140%; margin-top: 15px; padding: 0; }
.coating_guideline .link a img { width: 10px; }
}