@charset "UTF-8";
@keyframes smeBounceDown{0%{transform:translateY(-300px)}1%{opacity:1}40%{opacity:1;transform:translateY(10%)}60%{opacity:1;transform:translateY(-5%)}80%{opacity:1;transform:translateY(5%)}to{opacity:1;transform:translateY(0)}}.sme-animation-bounce-down{opacity:0}.sme-animation-bounce-down-fired{animation-fill-mode:forwards;animation:smeBounceDown .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}@keyframes smeBounceIn{0%{transform:scale(1.05)}20%{transform:scale(1)}40%{transform:scale(1.025)}60%{transform:scale(1)}80%{transform:scale(1.0125)}to{transform:scale(1)}}.sme-animation-bounce-in-fired{animation:smeBounceIn .8s cubic-bezier(0,0,0,1);will-change:animation}@keyframes smeFadeIn{0%{opacity:0}to{opacity:1}}.sme-animation-fade-in{opacity:0}.sme-animation-fade-in-fired{animation:smeFadeIn .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}@keyframes smeFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sme-animation-fade-in-up{opacity:0}.sme-animation-fade-in-up-fired{animation:smeFadeInUp .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}@keyframes smeFadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sme-animation-fade-in-down{opacity:0}.sme-animation-fade-in-down-fired{animation:smeFadeInDown .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}@keyframes smeFadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.sme-animation-fade-in-left{opacity:0}.sme-animation-fade-in-left-fired{animation:smeFadeInLeft .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}@keyframes smeFadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.sme-animation-fade-in-right{opacity:0}.sme-animation-fade-in-right-fired{animation:smeFadeInRight .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font: inherit;font-size: 100%;vertical-align: baseline;}
strong, b {font-weight: bold;}
.b {font-weight: bold;}
.normal {font-weight: normal;}
html {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;vertical-align: middle;}
q, blockquote {quotes: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";content: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
body {font-family: meiryo, helvetica, arial, 'hiragino kaku gothic pro', 'ms pgothic', sans-serif;word-break: break-word;color: #000;}
@media (min-width: 751px) {body {min-width: 1020px;}}
img {vertical-align: top;}
sup {vertical-align: super;font-size: 50%;}
a {transition: .6s;}
a img {border: none;transition: .6s;}
a:hover {text-decoration: none;}
a:hover img {opacity: .7;}
p {margin-bottom: 20px;}
@media (min-width: 751px) {
a[href^="tel:"] {pointer-events: none;text-decoration: inherit;}
.sp_only {display: none !important;}
}  @font-face {font-family: 'icomoon';src:  url(//metal-machine.com/css/fonts/icomoon.eot?6j6g46);src:  url(//metal-machine.com/css/fonts/icomoon.eot?6j6g46#iefix) format('embedded-opentype'), url(//metal-machine.com/css/fonts/icomoon.ttf?6j6g46) format('truetype'), url(//metal-machine.com/css/fonts/icomoon.woff?6j6g46) format('woff'), url(//metal-machine.com/css/fonts/icomoon.svg?6j6g46#icomoon) format('svg');font-weight: normal;font-style: normal;font-display: block;}
[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-good0:before {content: "\e900";}
.icon-good1:before {content: "\e901";}
.icon-good2:before {content: "\e902";}
.icon-good3:before {content: "\e903";}  body {font-size: 15px;line-height: 1.75;}
a {color: #333;}
@media (min-width: 751px) {
body {min-width: 980px;}
#header .inner, #gn ul, .sub_con, #footer_inq, #footer_info, .top_last > .inner, .breadcrumbs, .page_list, .inner_con, .voice_contents, .sin_con, .pagenation2, .posts, .pagenation {width: 960px !important;margin-left: auto !important;margin-right: auto !important;}
.other_con {width: 900px;}
#wrap {min-height: 500px;}
}
@media (max-width: 750px) {
img {max-width: 100%;height: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
}  .center {text-align: center !important;}
.align-R {text-align: right !important;}
.fr {float: right;margin-left: 10px;margin-bottom: 10px;}
.fl {float: left;margin-right: 10px;margin-bottom: 10px;}
@media (max-width: 750px) {
.fr, .fl {display: block;float: none;margin: 0 auto 10px;}
}
.oa {overflow: auto !important;}
.oh {overflow: hidden !important;}
.pos_r {position: relative !important;}
.big {font-size: 30px;}
.vm {vertical-align: middle !important;}
.red {color: #C1272D !important;}
.red2 {color: #CC0019 !important;}
.b_red{color: #C1272D;font-size:130% ;font-weight:bold;}
.has-myred-color {color: #C1272D !important;}
.mt0 {margin-top: 0px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}
.mt110 {margin-top: 110px !important;}
.mt120 {margin-top: 120px !important;}
.mt130 {margin-top: 130px !important;}
.mt140 {margin-top: 140px !important;}
.mt150 {margin-top: 150px !important;}
.mt160 {margin-top: 160px !important;}
.mt170 {margin-top: 170px !important;}
.mt180 {margin-top: 180px !important;}
.mt190 {margin-top: 190px !important;}
.mt200 {margin-top: 200px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb40 {margin-bottom: 40px !important;}
.pb5 {padding-bottom: 5px !important;}
.fs10 {font-size: 10px !important;}
.fs11 {font-size: 11px !important;}
.fs12 {font-size: 12px !important;}
.fs13 {font-size: 13px !important;}
.fs14 {font-size: 14px !important;}
.fs15 {font-size: 15px !important;}
.fs16 {font-size: 16px !important;}
.fs17 {font-size: 17px !important;}
.fs18 {font-size: 18px !important;}
.fs19 {font-size: 19px !important;}
.fs20 {font-size: 20px !important;}
.fs21 {font-size: 21px !important;}
.fs22 {font-size: 22px !important;}
.fs23 {font-size: 23px !important;}
.fs24 {font-size: 24px !important;}
.fs25 {font-size: 25px !important;}
.fs26 {font-size: 26px !important;}
.fs27 {font-size: 27px !important;}
.fs28 {font-size: 28px !important;}
.fs29 {font-size: 29px !important;}
.fs30 {font-size: 30px !important;}
.icon_newtab {display: inline-block;background: url(//metal-machine.com/img/cmn/icon-newtab.svg) center/contain no-repeat;width: 15px;height: 15px;padding-left: 1em;position: relative;top: 2px;}
@media (max-width: 750px) {
.pc_only {display: none !important;}
.scenter {text-align: center !important;}
.s_scroll{overflow: auto;white-space: nowrap;margin-bottom: 20px;}
.s_scroll::-webkit-scrollbar{height: 10px;}
.s_scroll::-webkit-scrollbar-button:decrement {background: url(//metal-machine.com/img/cmn/icon_scroll_arrow_l.png) left center no-repeat #f1f1f1;background-size: contain;}
.s_scroll::-webkit-scrollbar-button:increment {background: url(//metal-machine.com/img/cmn/icon_scroll_arrow_r.png) left center no-repeat #f1f1f1;background-size: contain;}
.s_scroll::-webkit-scrollbar-button {width: 10px;}
.s_scroll::-webkit-scrollbar-track{background: #F1F1F1;}
.s_scroll::-webkit-scrollbar-thumb {background: #BCBCBC;border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;}
.scroll::-webkit-scrollbar{height: 5px;}
.scroll::-webkit-scrollbar-track{background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}
.s_scroll > *:last-child {margin-bottom: 0 !important;}
}  .hd_line {font-size: 28px;line-height: 1.5;font-weight: bold;text-align: center;position: relative;margin: 54px auto;display: table;padding: 0 30px;}
.hd_line:before, .hd_line:after {content: "";position: absolute;top: 50%;border-bottom: 1px solid #000;width: 9999px;}
.hd_line:before {right: 100%;}
.hd_line:after {left: 100%;}
@media (max-width: 750px) {
.hd_line {padding: 0;margin: 30px auto;line-height: 1.2;font-size: 26px;max-width: 85%;}
}
.hd_line2 {font-size: 25px;line-height: 1.4;font-weight: bold;border-bottom: 1px solid #DF1C16;margin: 0 0 20px;}
.hd_bar {font-size: 20px;font-weight: bold;line-height: 1.1;border-left: 4px solid #DF1C16;padding: 0 0 0 10px;margin: 0 0 10px;}
.hd_arrow {font-size: 18px;font-weight: bold;line-height: 1.4;margin: 0 0 10px;}
.hd_arrow:before {content: "";display: inline-block;border: 7px solid transparent;border-left: 6px solid #DF1C16;}  .link_btn {font-size: 14px;line-height: 1.2;display: inline-block;background: #fff;border: 1px solid #DF1C16;text-align: center;padding: 10px;color: #000;text-decoration: none;}
.link_btn:after {content: "\00226b";}
.link_btn:hover {background: #fee;}
.link_btn2 {display: inline-block;background: #F4F4F4;border-left: 2px solid #CC0019;color: #000;text-decoration: none;font-size: 14px;line-height: 1.2;text-align: center;padding: 12px 58px;}
.link_btn2:after {content: "\0020\00226b";}
.link_btn2:hover {opacity: .7;}
.link_btn3 {display: inline-block;background: #332C2C;font-size: 14px;line-height: 1;color: #F2F2F2;text-align: center;text-decoration: none;border-left: 4px solid #CC0019;padding: 6px 19px;cursor: pointer;;}
.link_btn3:hover {background: #888;}
.link_btn3:after {content: "\00226b";}
@media (max-width: 750px) {
.link_btn3 {padding: 20px 70px;}
}
.link_arrow {color: #332C2C;font-size: 14px;line-height: 1;}
.link_arrow:after {content: "\00226b";}
.link_btn_mail {background: url(//metal-machine.com/img/cmn/icon_mail.png) 10px center no-repeat #ddd;font-size: 14px;display: inline-block;line-height: 1;text-decoration: none;font-weight: bold;text-align: center;padding: 8px 70px 8px 46px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;position: relative;color: #000;}
.link_btn_mail:after {content: "";background: url(//metal-machine.com/img/cmn/icon_arrow2.png) right center no-repeat;width: 8px;position: absolute;top: 0;bottom: 0;right: 15px;}
.link_btn_mail:hover {background-color: #fff;}
@media (max-width: 750px) {
.link_btn_mail {background-image: url(//metal-machine.com/img/cmn/icon_mail_sp.png);background-size: 35.5px 21.5px;font-size: 15px;padding: 19px 58px;margin: 0 auto 15px;}
.link_btn_mail:after {background-image: url(//metal-machine.com/img/cmn/icon_arrow2_sp.png);background-size: 15px 25px;width: 15px;position: absolute;top: 0;bottom: 0;right: 15px;}
}
@media (max-width: 374px) {
.link_btn_mail {font-size: 14px;}
}
.link_btn4 {display: inline-block;background: #332C2C;font-size: 17px;line-height: 1;color: #F2F2F2;text-align: center;text-decoration: none;padding: 10px 20px;margin-top:10px;font-weight: bold;}
.link_btn4:hover {background: #888;}
.link_btn4:after {content: "\00226b";}  .txt_tax {text-align: right;font-size: 13px;}
.kome {position: relative;padding-left: 1em;}
.kome::before {content: "※";position: absolute;left: 0;}  #header {background: #000;color: #F9F9F9;padding: 0 0 15px;}
#header_dsc {font-size: 12px;line-height: 1.4;padding: 5px 0 40px;}
#header_logo {font-size: 12px;float: left;margin: 0 16px 0 0;}
#header_logo img {margin: 0 0 10px;}
#header_cbp {float: left;}
#header_left {float: left;overflow: hidden;}
#header_right {float: right;overflow: hidden;}
.header_line {float: left;margin-right: 15px;}
.header_line img {max-width: 116px;height: auto;}
#header_info {overflow: hidden;}
#header_info p {margin-bottom: 0;}
#header_phone {float: left;font-size: 12px;line-height: 1.5;margin: 0 15px 0 0;}
#header_phone img {margin: 0 0 4px;}
#header_inq {float: left;}
@media (max-width: 750px) {
#header {padding: 0 8px 8px;position: relative;}
#header_dsc {font-size: 10px;padding: 5px 0;display: flex;gap: 12px;align-items: center;}
#header_logo {float: none;margin: 0;}
#header_phone {background: #c4090f;float: none;order: 2;}
#header_phone img {margin: 0;}
.header_line {display:none;}
#header_info {display: flex;overflow: auto;justify-content: space-between;align-items: center;}
#header_left {float: none;overflow: auto;flex-shrink: 0;}
#header_logo img {margin: 0;}
#header_right {float: none;overflow: auto;display: flex;justify-content: flex-end;align-items: center;gap: 8px;}
.header_menuicon {width: 63px;height: 63px;margin: 0 !important;border-radius: 5px;}
.header_menuicon__inner {display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;padding: 8px;box-sizing: border-box;}
#header_phone .header_menuicon__inner {padding: 8px 17px;}
#header_inq .header_menuicon__inner {padding: 8px 10px;}
#header_access {background: #5e5e5e;order: 0;}
#header_inq {float: none;background: #c4090f;order: 1;}
#header_menubtn {background: #fff;order: 3;}
.header_menubtn__close {display: none;}
.hm--active .header_menubtn__open {display: none;}
.hm--active .header_menubtn__close {display: block;}
#hm {display: none;overflow: hidden;background: #fff;font-size: 17px;font-weight: bold;line-height: 1.2;}
#hm li > a {display: block;padding: 22px 40px 22px 20px;text-decoration: none;border-bottom: 1px solid #000;position: relative;}
#hm li > a::after {content: "";position: absolute;top: 50%;transform: translateY(-50%);width: 8px;height: 12px;background: url(//metal-machine.com/img/cmn/icon_arrow6.svg) center/contain no-repeat;right: 20px;}
}
@media (max-width: 425px) {
#header {padding: 0 1.882352941176471vw 1.882352941176471vw;}
#header_logo img {width: 27.05882352941176vw;}
#header_right {gap: 1.882352941176471vw;}
.header_menuicon {width: 14.82352941176471vw;height: 14.82352941176471vw;}
.header_menuicon__inner {padding: 1.882352941176471vw;}
#header_phone .header_menuicon__inner {padding: 1.882352941176471vw 4vw;}
#header_menubtn .header_menuicon__inner {padding: 1.882352941176471vw 4vw;}
#header_inq .header_menuicon__inner {padding: 1.882352941176471vw 2.352941176470588vw;}
#header_dsc {font-size: 2.352941176470588vw;padding: 1.176470588235294vw 0;gap: 2.823529411764706vw;}
.header_dsc__cbp {width: 20.23529411764706vw;height: 12.47058823529412vw;}
#hm {font-size: 4vw;}
#hm li > a {padding: 5.176470588235294vw 9.411764705882353vw 5.176470588235294vw 4.705882352941176vw;}
#hm li > a::after {right: 4.705882352941176vw;}
}  #gn {border-bottom: 2px solid #DF1C16;font-size: 15px;}
#gn ul {text-align: center;letter-spacing: -.5em;white-space: nowrap;overflow: hidden;}
#gn li {display: inline-block;}
#gn a {letter-spacing: normal;display: block;line-height: 40px;padding: 0 32px;color: #000;text-decoration: none;}
#gn a:hover {background: #f0eeee;}
#gn .current a {background: #f0eeee;pointer-events: none;}
@media (max-width: 750px) {
#gn ul {letter-spacing: 0;white-space: normal;overflow: auto;display: flex;}
#gn ul::-webkit-scrollbar{width: 3px;-webkit-appearance: none;}
#gn ul::-webkit-scrollbar:horizontal{height: 3px;width: 3px;-webkit-appearance: none;}
#gn ul::-webkit-scrollbar-thumb:horizontal{background-color: rgba(180,180,180,.5);border-radius: 2px;}
#gn li {width: 100%;}
#gn a {padding: 10px;font-size: 14px;line-height: 1.2;display: flex;justify-content: center;align-items: center;min-height: 40px;}
#gn .scroll-R,
#gn .scroll-L {position: absolute;top: 0;bottom: 0;width: 15px;background-color: #fff;background-position: center;background-repeat: no-repeat;transition: .5s;z-index: 9999;}
#gn .scroll-R {right: 0;background-image: url(//metal-machine.com/img/cmn/scroll_R.png);}
#gn .scroll-L {left: 0;background-image: url(//metal-machine.com/img/cmn/scroll_L.png);}
}
@media (max-width: 425px) {
#gn a {padding: 2.352941176470588vw;font-size: 3.294117647058824vw;min-height: 9.411764705882353vw;}
}  #footer {background: #000;color: #fff;position: relative;padding: 50px 0 15px;}
#pagetop {position: absolute;top: -110px;left: 50%;margin: 0 0 0 320px;}
#pagetop span {background: url(//metal-machine.com/img/cmn/icon_arrow.png) 10px center no-repeat #96021A;color: #fff;font-size: 14px;line-height: 1;display: block;padding: 15px 10px 15px 36px;text-align: center;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;cursor: pointer;transition: .6s;}
#pagetop span:hover {background-color: #d8435b;}
#footer_head {font-size: 18px;line-height: 1;background: #000;position: absolute;top: -38px;padding: 20px 0 0;white-space: nowrap;left: 50%;width: 676px;text-align: center;margin: 0 0 0 -338px;}
#footer_head:before {content: "";position: absolute;top: 0;left: -25px;background: url(//metal-machine.com/img/cmn/footer_head_l.png) no-repeat;width: 25px;height: 38px;}
#footer_head:after {content: "";position: absolute;top: 0;right: -25px;background: url(//metal-machine.com/img/cmn/footer_head_r.png) no-repeat;width: 25px;height: 38px;}
#footer_inq:before {content: "";position: absolute;top: 23px;left: 0;right: 0;border-bottom: 1px solid #D3D3D3;}
#footer:before, #footer:after {content: "";position: absolute;left: 50%;margin: 0 0 0 -14px;border: 14px solid transparent;border-top: 12px solid #d3d3d3;}
#footer:before {top: 24px;}
#footer:after {top: 22px;border-top-color:#000;}
#footer_inq {border-bottom: 1px dotted #F2F2F2;padding: 0 0 25px;margin-bottom: 45px;}
#footer_inq .head {font-size: 14px;line-height: 1.5;display: block;margin: 0 0 12px;}
#footer_inq .head:before {content: "\0025a0\0020";color: #CC0019;vertical-align: middle;}
#footer_inq .inner {display: flex;gap: 60px;}
#footer_inq .left {margin: 0;}
#footer_inq .right {margin: 0;}
#footer_inq:after {content: "";clear: both;display: block;}
#footer_inq .right .head {margin-bottom: 0;}
#footer_inq .optional {display: block;margin-top: 15px;font-size: 12px;line-height: 1.3;}
#footer_inq .optional a {color: inherit;text-decoration: underline;}
#footer_inq .optional a:hover {text-decoration: none !important;}
#footer_info {display: flex;justify-content: space-between;}
#footer_info .left {font-size: 12px;line-height: 1.5;}
#footer_logo {margin: 0 0 8px 0;}
#footer_logo img {margin: 0 0 8px;}
#footer_cbp {float: left;margin: 0;}
#footer_menu {font-size: 14px;line-height: 1.2;display: grid;grid-template-columns: repeat(3,auto);grid-gap: 8px 20px;}
#footer_menu a {color: #fff;text-decoration: none;}
#footer_menu a:before {content: "\00ff1e";}
#footer_menu a:hover {text-decoration: underline;}
#copyright {display: block;font-size: 14px;line-height: 1.5;text-align: center;padding: 50px 0 0;}
#footer_info .left2 {display: flex;margin-left: 14px;}
#footer_info .right {flex-shrink: 0;margin-left: 24px;}
#footer_menu li {width: max-content;}
.t-point{margin: 0 15px 0 35px;}
.sns {margin-top: 8px;}
.sns img {width: 32px;}
.sns .instagram {margin-right:1px;}
@media (max-width: 768px) {
.sns .instagram {margin-right:8px;}
}
@media (max-width: 750px) {
#pagetop {position: fixed;bottom: -40px;right: 10px;left: auto;top: auto;margin: 0;transition: .6s;z-index: 99999;}
#pagetop.on {bottom: calc(10px + 55px);}
#pagetop span {text-indent: -9999px;width: 40px;height: 40px;padding: 0;background: url(//metal-machine.com/img/cmn/icon_arrow_sp.png) center no-repeat #96021a;background-size: 19px 18.5px;}
#footer {padding: 20px 10px 5px;}
#footer_head {width: auto;white-space: normal;text-align: center;margin: 0 auto 15px;padding: 0;position: relative;top: auto;left: auto;right: auto;bottom: auto;line-height: 1.3;}
#footer:before, #footer:after, #footer_head:before, #footer_head:after {display: none !important;}
#footer_inq {border-top: 1px solid #f2f2f2;padding: 20px 0 0;position: relative;margin: 0 auto 20px;}
#footer_inq:before, #footer_inq:after {content: "";position: absolute;left: 50%;margin: 0 0 0 -14px;border: 14px solid transparent;border-top: 12px solid #d3d3d3;}
#footer_inq:before {top: 0px;right: auto;}
#footer_inq:after {top: -2px;border-top-color: #000;}
#footer_inq .inner {flex-direction: column;padding: 0 10px;max-width: 100%;width: fit-content;margin: auto;}
#footer_inq .head {font-size: 17px;position: relative;padding: 0 0 0 25px;}
#footer_inq .head:before {position: absolute;left: 0;}
#footer_inq .left a {display: block;margin: 0 auto;text-align: center;}
#footer_inq .fs24 {font-size: 40px !important;}
#footer_inq .fs28 {font-size: 40px !important;}
#footer_inq .optional a {display: inline;}
#footer .scenter {display: block;}
#footer_info .left {font-size: 15px;margin: 0 auto 25px;max-width: initial;;}
#footer_logo {float: none;text-align: center;margin: 0 auto;}
#footer_logo .fs11 {font-size: 15px !important;}
#footer_cbp {float: none;margin: 0 0 0;display: inline-block;}
#footer_menu {font-size: 17px;display: flex;flex-direction: column;}
#copyright {padding: 30px 0 0;}
.t-point{margin: 0 10px 0 10px;margin: 0 15px 0 15px;}
.footer_line img {height: 34px;}
#footer_info {display: block;}
#footer_info .left2 {justify-content: center;margin: 0;margin-bottom: 10px;}
#footer_info .right {max-width: initial;margin: 0;padding: 0 24px;display: flex;justify-content: center;}
.sns {justify-content: center;margin-top: 20px;display: flex;}
}
@media (min-width: 375px) and (max-width: 424px) {
#footer_inq .fax > * {font-size: 35px !important;}
}
@media (max-width: 374px) {
#footer_inq .fax > * {font-size: 28px !important;}
#pagetop.on {bottom: calc(10px + (100vw / 375 * 55));}
}  #main_con {overflow: hidden;}
.sub_page #main_con {font-size: 16px;}
.sub_con {margin-bottom: 80px;}
.sub_con2 {margin-bottom: 70px;}
@media (min-width: 751px) {
.sub_page #main_con {padding-bottom: 120px;}
}
@media (max-width: 750px) {
#main_con {padding: 0 10px;}
}  #slide {position: relative;border-bottom: 1px solid #000;}
#slide li > a {display: block;}
#slide img {position: absolute;top: 0;left: 50%;transform: translateX(-50%);max-width: none;}
#slide_film {background: #fafeff;}
#slide_cleaning {background: #000;}
#slide .bx-pager {position: absolute;bottom: 11px;left: 0;right: 0;text-align: center;}
#slide .bx-pager-item {display: inline-block;margin: 0 3px;}
#slide .bx-pager-link {display: block;font-size: 0;text-indent: -9999px;background: #ccc;width: 10px;height: 10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#slide .bx-pager-link.active {background: #300000;pointer-events: none;}
@media (min-width: 751px) {
#slide li {height: 530px;overflow: hidden;}
}
@media (max-width: 750px) {
#slide {padding-bottom: 30px;}
#slide img {position: static;margin: 0;max-width: 100%;transform: none;}
#slide li > a {text-align: center;}
}  .voices {overflow: hidden;text-align: center;margin: 0 -9px;letter-spacing: -.5em;}
.voice {display: inline-block;margin: 0 9px 20px;letter-spacing: normal;vertical-align: top;background: #F7F7F7;border-top: 3px solid #CC0019;padding: 10px;}
.voice .name {font-size: 16px;color: #333;line-height: 1.2;margin: 0 0 5px;}
.voice .thumb {display: table;margin: 0 auto 10px;padding: 8px;background: #fff;}
@media (min-width: 751px) {
.voice {width: 288px;}
}
@media (max-width: 750px) {
.voices {margin: 0 auto;letter-spacing: normal;}
.voice {display: block;max-width: 288px;margin: 0 auto 20px;}
.voice .thumb {margin: 0 auto 10px;padding: 8px;background: #fff;text-align: center;}
}  .bg_gray {background: #F7F7F7;overflow: hidden;}
.bg_gray > *:last-child {margin-bottom: 0 !important;}
@media (max-width: 750px) {
.bg_gray {margin: 0 -10px;padding: 0 10px;}
}
.bg_maintenance {background: url(//metal-machine.com/img/cmn/bg_maintenance.png) center top;overflow: hidden;padding: 20px 0;font-size: 16px;line-height: 1.75;}
.bg_maintenance .hd_line {margin-top: 0;margin-bottom: 40px;}
.bg_maintenance .overlay_white {padding: 30px 0 60px;}
.bg_maintenance .inner {padding: 0 30px;}
.bg_maintenance .fr {margin-left: 20px;}
.bg_maintenance .name {text-align: right;padding-right: 25px;}
@media (max-width: 750px) {
.bg_maintenance {margin: 0 -10px;background: url(//metal-machine.com/img/cmn/bg_maintenance_sp.png) center top;}
.bg_maintenance .hd_line {margin-bottom: 10px;}
.bg_maintenance .fr {margin: 0 auto 10px;text-align: center;}
.bg_maintenance .inner {padding: 0 20px;}
.bg_maintenance .overlay_white {padding: 20px 0;}
.bg_maintenance .name {margin-bottom: 0;font-size: 10px;}
.bg_maintenance .oa {overflow: inherit !important;}
}
.overlay_white {background: rgba(255, 255, 255, 0.83);}
.overlay_white > *:last-child {margin-bottom: 0 !important;}  .waku {border: 8px solid #fff;box-shadow: 1px 1px 2px 0px rgba(139,126,140,0.75);-moz-box-shadow: 1px 1px 2px 0px rgba(139,126,140,0.75);-webkit-box-shadow: 1px 1px 2px 0px rgba(139,126,140,0.75);}  .merits {margin: 0 0 60px;display: flex;justify-content: center;--num: 3;--gap: 18px;gap: var(--gap);}
.merit {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );margin: 0 0 20px;letter-spacing: normal;background: #fff;border: 1px solid #DF1C16;padding: 20px;}
.merit > *:last-child {margin-bottom: 0 !important;}
.merit .img {width: 270px;height: 180px;line-height: 180px;overflow: hidden;text-align: center;margin: 0 0 15px;}
.merit img {vertical-align: middle;}
.merit .ttl {border-top: 1px solid #000;border-bottom: 1px solid #000;padding: 12px 5px;margin: 0 0 15px;}
@media (max-width: 750px) {
.merits {--num: 2;flex-wrap: wrap;}
.merit .img {width: auto;height: auto;}
}
@media (max-width: 425px) {
.merits {--num: 1;}
}  .service {border-top: 1px solid #000;border-bottom: 1px solid #000;padding: 30px 0;font-size: 15px;line-height: 1.75;overflow: hidden;margin: 0 0 -1px;position: relative;}
.service > *:last-child, .service .con > *:last-child {margin-bottom: 0 !important;}
.service .img {float: left;margin: 0 30px 0 0;}
.service .ttl {font-size: 28px;font-weight: bold;line-height: 1.4;margin: 0 0 5px;}
.service .ttl a {text-decoration: none;}
.service .con {overflow: auto;position: relative;min-height: 204px;padding: 0 0 26px;}
.service .continue {text-align: right;position: absolute;bottom: 0;left: 0;right: 0;}
.service:first-child+* .img,
.service:first-child+*+*+* .img {float: right;margin: 0 30px 0 0;}
.service:nth-child(2n) .img {float: right;margin: 0 0 0 30px;}
@media (max-width: 750px) {
.service {padding: 15px 0;}
.service .img {float: none;margin: 0 auto 15px;text-align: center;}
.service .ttl {text-align: center;}
.service .str {padding: 0 10px;}
.service .continue {text-align: center;position: static;}
.service .con {padding: 0;}
.service:nth-child(2n) .img {float: none;margin: 0 auto 15px;}
}  .top_last {background: #332C2C;padding: 40px 0 150px;}
.top_last > *:last-child {margin-bottom: 0 !important;}
.top_last > .inner {overflow: hidden;}
@media (max-width: 750px) {
.top_last {margin: 0 -10px;padding: 15px 10px;}
}  .top_headline {background: #fff;float: left;width: 490px;padding: 20px;}
.top_headline > *:last-child {margin-bottom: 0 !important;}
.top_headline .ttl {font-size: 20px;border-bottom: 1px solid #333;color: #332C2C;}
.top_headline ul {padding: 0 5px;margin: 0 0 20px;}
.top_headline li {font-size: 15px;line-height: 1.4;padding: 10px 0;border-bottom: 1px dotted #000;}
.top_headline .date {color: #96021A;font-size: 13px;min-width: 150px;display: block;float: left;}
.top_headline a {overflow: auto;display: block;line-height: 1.5;}
.top_headline .date:before {content: "\0025a0\0020";color: #CC0019;font-size: 10px;vertical-align: middle;}
.top_headline .link {text-align: right;}
@media (max-width: 750px) {
.top_headline {float: none;width: auto;max-width: 490px;margin: 0 auto 20px;}
.top_headline .date {display: block;min-width: 0;float: none;}
.top_headline .link {text-align: center;}
}  .top_banner {float: right;}
@media (max-width: 750px) {
.top_banner {float: none;text-align: center;margin: 0;}
}  #pagetitle {background: url(//metal-machine.com/img/cmn/title_bg.png) repeat-x;font-size: 36px;font-weight: bold;line-height: 1.4;position: relative;border-bottom: 2px solid #DF1C16;margin: 0 0 15px;}
#pagetitle span {display: table;}
#pagetitle img {position: absolute;top: 50%;right: 50%;margin: 0 -480px 0 0;}
@media (min-width: 751px) {
.page_title_text {height: 120px;}
.page_title_textimg {height: 176px;}
#pagetitle span {position: absolute;top: 50%;left: 50%;margin: -25px 0 0 -480px;}
}
@media (max-width: 750px) {
#pagetitle {background-size: contain;margin: 0 -10px 15px;padding: 5px 20px;}
#pagetitle img {display: none;}
#pagetitle span {width: auto !important;margin: 0 auto;}
}  .breadcrumbs {font-size: 14px;line-height: 1.2;margin-bottom: 45px;}  .list_normal {font-size: 16px;line-height: 1.75;margin: 0 0 20px;}
.list_normal li {position: relative;padding: 0 0 0 1em;margin: 0 0 3px;}
.list_normal li:before {content: "\0030fb";position: absolute;left: 0;}  #coating_bin {position: absolute;top: 0;right: 0;}
@media (max-width: 750px) {
#coating_bin {position: static;margin: 0 auto;display: block;}
}  .cases {margin: 0 -5px 10px;letter-spacing: -.5em;}
.case {display: inline-block;margin: 0 5px 10px;letter-spacing: normal;vertical-align: top;}
.case > *:last-child {margin-bottom: 0 !important;}
.case .ttl {background: #9B3434;color: #fff;font-size: 17px;line-height: 1.2;min-height: 53px;padding: 7px 7px 7px 75px;margin: 0 0 12px;position: relative;display: flex;align-items: center;}
.case .ttl:after {content: "";display: block;position: absolute;bottom: -12px;left: 50%;margin: 0 0 0 -6px;border: 6px solid transparent;border-top: 6px solid #9b3434;}
.case:first-child .num {background: url(//metal-machine.com/img/cmn/case1.png) no-repeat;}
.case:first-child+* .num {background: url(//metal-machine.com/img/cmn/case2.png) no-repeat;}
.case .num {width: 53px;height: 53px;display: block;position: absolute;top: 7px;left: 7px;text-indent: -9999px}
.case .headline {padding-right: 7px}
.case .detail {border: 1px solid #9B3434;padding: 11px;}
.case .point {font-size: 17px;font-weight: bold;text-align: center;background: #F2F2F2;line-height: 1.4;padding: 11px 10px;margin: 0 0 12px;}
.case .suggestion {color: #9B3434;font-size: 16px;line-height: 1.5;margin: 0 0 10px;}
.case .detail > *:last-child {margin-bottom: 0 !important;}
@media (min-width: 751px) {
.case {width: 475px;}
}
@media (max-width: 750px) {
.case {display: block;}
.case .headline {position: static;}
.case .point {text-align: left;}
}  .flow {margin: 0 auto 20px;display: flex;flex-wrap: wrap;counter-reset: flownumber;}
.flow_box {margin: 0 0 30px 18px;border: 1px solid #9B3434;padding: 13px;letter-spacing: normal;vertical-align: top;position: relative;counter-increment: flownumber;}
.flow_box:nth-child(3n+1) {margin-left: 0;}
.flow_box > *:last-child {margin-bottom: 0 !important;}
.flow .ttl {font-size: 19px;font-weight: bold;line-height: 1.4;color: #9B3434;border-bottom: 1px dashed #9B3434;margin: 0 0 7px;padding: 0 3px 5px;}
.flow_box .ttl::before {content: counter(flownumber)". ";}
.flow_box:after {content: "";position: absolute;top: 50%;transform: translateY(-50%);right: -28px;border: 12px solid transparent;border-left: 10px solid #9B3434;}
.flow_box:nth-child(3n):after, .flow_box:last-child:after {content: none;}
.flow .photo {text-align: center;margin: 0 0 10px;}
.flow .detail {font-size: 14px;line-height: 1.75;margin: 0 0 10px;}
@media (min-width: 751px) {
.flow_box {width: calc((100% - 36px) / 3);box-sizing: border-box;}
}
@media (max-width: 750px) {
.flow {display: block;}
.flow_box {display: block;max-width: 280px;margin: 0 auto 20px !important;}
.flow_box:after {top: auto;right: 50%;transform: translateX(50%);border-left: 12px solid transparent;border-top: 10px solid #9B3434;bottom: -30px;}
.flow_box:nth-child(3n):after {content: "";}
.flow_box:last-child:after {content: none;}
}  .other_con {border: 1px dotted #DF1C16;background: #FCFCFC;padding: 20px 30px;}
.other_con > *:last-child,
.other_con .add_con > *:last-child {margin-bottom: 0 !important;}
.other_con > .ttl {font-size: 25px;line-height: 1.5;font-weight: bold;border-bottom: 1px solid #DF1C16;margin: 0 0 30px;}
.other_con .photo {text-align: center;margin: 0 auto 15px;}
.other_con p {font-size: 16px;line-height: 1.75;margin: 0 auto 20px;}
.other_con .str {margin: 0 auto 40px;}
.other_con .add_con {margin-bottom: 30px;}
.other_con .add_con > .ttl {font-size: 20px;font-weight: bold;line-height: 1.1;border-left: 4px solid #DF1C16;padding: 0 0 0 10px;margin: 0 auto 10px;}  .faq dt {font-size: 18px;font-weight: bold;line-height: 1.4;margin: 0 0 15px;padding: 0 0 0 40px;position: relative;}
.faq dt:before {content: "Q";display: block;position: absolute;left: 0;width: 31px;line-height: 31px;text-align: center;color: #fff;background: #9B3434;}
.faq dd {font-size: 16px;line-height: 1.75;padding: 0 5px;margin: 0 0 40px;}
.faq dd:before {content: "A、";float: left;}
.faq_row {display: block;margin: 0 auto 20px;}  .page_box {overflow: hidden;border-top: 1px dotted #A8A8A8;padding: 40px 0}
.page_box:first-child {padding-top: 0;border-top: 0;}
.page_box .thumb {border: 1px solid #000;margin: 0 25px 0 0;float: left;}
.page_box .ttl {font-size: 32px;font-weight: bold;line-height: 1.4;border-bottom: 1px solid #DF1C16;margin: 0 0 10px;}
.page_box .ttl a {text-decoration: none;}
.page_box .detail {font-size: 15px;line-height: 1.75;margin: 0 0 10px;}
.page_box .link_btn3 {font-size: 13px;}
.page_box .continue {text-align: right;margin: 0;}
@media (max-width: 750px) {
.page_box .thumb {float: none;margin: 0 auto 10px;display: block;}
.page_box .ttl {text-align: center;}
.page_box .continue {text-align: center;}
}  .ba {overflow: hidden;margin: 0 0 20px;}
.ba .bf {float: left;margin: 0 30px 0 0;position: relative;}
.ba .af {float: left;margin: 0;}
.ba .bf:before,
.ba .af:before {display: block;font-size: 19px;font-weight: bold;color: #9B3434;border-bottom: 1px dashed #9B3434;margin: 0 0 5px;line-height: 1.1;}
.ba .bf:before {content: "Before";}
.ba .af:before {content: "After";}
.ba .bf:after {content: "";position: absolute;right: -33px;top: 50%;border: 12px solid transparent;border-left: 10px solid #9B3434;}
@media (max-width: 750px) {
.ba .bf,
.ba .af {float: none;margin: 0 auto 40px;text-align: center;display: table;}
.ba .bf:after {content: "";position: absolute;right: 50%;top: auto;border: 12px solid transparent;border-top: 10px solid #9B3434;bottom: -38px;transform: translateX(50%);}
.ba .bf img,
.ba .af img {margin-bottom: 10px;}
}  .tbl_normal {margin: 0 0 20px;}
.tbl_normal th, .tbl_normal td {font-size: 16px;line-height: 1.4;font-weight: normal;border: 1px solid #333;padding: 6px 20px;}
.tbl_normal th {color: #fff;background: #94021A;text-align: center;}
.tbl-r03 th, .tbl-r03 td {font-size: 16px;line-height: 1.4;font-weight: normal;padding: 6px 20px;}
.tbl-r03 th {color: #fff;background: #94021A;text-align: center;}
.tbl-r03 {border: 2px solid #333;margin: 15px 0 20px;}
.tbl-r03 tr {display: block;float: left;}
.tbl-r03 tr td,
.tbl-r03 tr th {display: block;}
.tbl-r03 thead {display: block;float: left;}
.tbl-r03 tbody {display: block;float: left;}
.tbl-r03 th {border-bottom: 1px solid #333;}
.tbl-r03 td {border-bottom: 1px solid #333;border-left: 1px solid #333;;}
.tbl-r03 th:first-child {border-left: none;}
.tbl-r03 th:last-child,
.tbl-r03 td:last-child {border-bottom: none;}
.tbl-r03_ttl {width: 80px !important;}
.tbl-r03_dd {width: 292px !important;}
.tbl-r03_dd1 {height: 70px !important;}
.tbl-r03_dd2 {height: 90px !important;}
@media (max-width: 750px) {
.tbl-r03 {border: none !important;}
.tbl-r03 th {display: none !important;}
.tbl-r03 td {position: relative;padding-left: 80px;border-left: none;}
.tbl-r03 td:before {content: attr(data-label);float: left;background: #fff;color: #94021A;padding: 6px 0 6px 20px;position: absolute;top: 0;left: 0;min-width: 70px;font-weight: bold;}
.tbl-r03 td.dd_first:before {border-top: none !important;}
.tbl-r03_dd {width: 100% !important;margin-bottom: 20px;border: 2px solid #000;box-sizing: border-box;}
.tbl-r03_dd:last-child {margin-bottom: 0px !important;}
.tbl-r03_dd1 {height: auto !important;}
.tbl-r03_dd2 {height: auto !important;}
}
.tbl_price {font-size: 16px;font-weight: normal;line-height: 1.4;border: 1px solid #ccc;width: 100%;margin-top: 60px;}
.tbl_price tr > * {border: 1px solid #ccc;padding: 10px 20px;}
.tbl_price th {background: #efefef;font-weight: bold;}
.tbl_price caption {font-size: 18px;font-weight: bold;background: #df1c16;color: #fff;padding: 15px 20px;margin-bottom: 20px;}
.tbl_price caption small {display: inline-block;text-align: right;font-size: 14px;font-weight: normal;}
.tbl_price td {text-align: center;}
.tbl_price2 {font-size: 16px;font-weight: normal;line-height: 1.4;}
.tbl_price2 tr > * {border: 1px solid #ccc;padding: 10px 20px;}
.tbl_price2 th {background: #efefef;font-weight: bold;}
.tbl_price2 td {text-align: center;}
.tbl_price2 caption {font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.tbl_red_head {border: 2px solid #333;margin: 15px 0 20px;}
.tbl_red_head th {color: #fff;background: #94021A;text-align: center;white-space: nowrap;}
.tbl_red_head tr > * {font-size: 16px;line-height: 1.75;font-weight: normal;padding: 10px 15px;border: 1px solid #333;vertical-align: top;text-align: justify;}
.tbl_red_head td {width: 33%;}
@media (max-width: 750px) {
.tbl_red_head td {width: 100%;}
}
.tbl_gray {border: 1px solid #000;width: 100%;margin: 0 0 20px;}
.tbl_gray tr {border-top: 1px dotted #000;}
.tbl_gray th, .tbl_gray td {font-size: 16px;line-height: 1.75;font-weight: normal;padding: 8px 20px;}
.tbl_gray th {background: #F7F7F7;padding-left: 30px;min-width: 138px;}
@media (max-width: 750px) {
.tbl_gray th {min-width: 0;}
}
@media (max-width: 750px) {
.tbl_1row th,
.tbl_1row td {display: block;min-width: 0;width: 100%;box-sizing: border-box;padding: 8px 15px;}
.tbl_1row tr {border-top-style: solid;}
}
@media (max-width: 750px) {
.tbl_price-wrapper {white-space: nowrap;overflow-x: scroll;}
.tbl_price-wrapper::-webkit-scrollbar {height: 4px;appearance: none;-webkit-appearance: none;}
.tbl_price-wrapper::-webkit-scrollbar-track {background-color: #eee;border-radius: 10px;}
.tbl_price-wrapper::-webkit-scrollbar-thumb {background-color: #96021a;border-radius: 10px;}
}  .photos {margin: 0 -9px 2px;letter-spacing: -.5em;overflow: hidden;}
.photos > * {letter-spacing: normal;}
.photos img {margin: 0 9px 18px;float: left;}
@media (max-width: 750px) {
.photos {margin: 0 2px;}
.photos img {margin: 0 auto 10px;display: block;}
}  .products {padding-top: 10px;}
.product {padding: 30px 0 20px 0;border-top: 1px dashed #333;display: grid;grid-template: "title img" auto "youto img" auto "detail img" 1fr/1fr auto;}
.product:first-child {border-top: none;padding-top: 0;}
.product .ttl {grid-area: title;font-size: 20px;font-weight: bold;line-height: 1.1;border-left: 4px solid #DF1C16;padding: 0 0 0 8px;margin: 0 0 20px;}
.product__img {grid-area: img;}
.product .photo {max-width: 100%;height: auto;}
.product .youto .icon {font-size: 14px;color: #fff;line-height: 24px;display: block;position: absolute;left: 0;top: 0;background: #CC0019;width: 42px;text-align: center;}
.product .youto {grid-area: youto;font-size: 16px;line-height: 1.75;margin: 0 0 20px;position: relative;padding: 0 0 0 52px;}
.product .youto .icon {font-size: 14px;color: #fff;line-height: 24px;display: block;position: absolute;left: 0;top: 2px;background: #CC0019;width: 42px;text-align: center;}
.product .detail {grid-area: detail;}
.product2 .detail {font-size: 16px;line-height: 1.75;}
.product .yoryo .icon, .product .price .icon {font-size: 14px;display: inline-block;border: 1px solid #000;line-height: 25px;width: 45px;text-align: center;margin: 0 10px 0 0;}
.product .price .icon {margin-left: 20px;}
.product > *:last-child {margin-bottom: 0 !important;}
.products2 {padding-top: 10px;margin-left: -30px;overflow: hidden;}
.product2 {min-height: 140px;padding: 20px 0;width: 450px;float: left;margin: 0 0 0 30px;}
.product2:first-child,
.product2:first-child+* {border-top: none;padding-top: 0;}
.product2 .ttl {font-size: 20px;font-weight: bold;line-height: 1.1;border-left: 4px solid #DF1C16;padding: 0 0 0 8px;margin: 0 0 10px;}
.product2 .photo {float: right;margin: 0 0 0 10px;}
.product2 .youto .icon {font-size: 14px;color: #fff;line-height: 24px;display: block;position: absolute;left: 0;top: 0;background: #CC0019;width: 42px;text-align: center;}
.product2 .youto {font-size: 15px;line-height: 1.6;margin: 0 0 15px;position: relative;padding: 0 0 0 52px;overflow: auto;}
.product2 .youto .icon {font-size: 13px;color: #fff;line-height: 24px;display: block;position: absolute;left: 0;top: 2px;background: #CC0019;width: 42px;text-align: center;}
.product2 .size .icon, .product2 .price .icon {font-size: 13px;display: inline-block;border: 1px solid #000;line-height: 22px;width: 39px;text-align: center;margin: 0 10px 0 0;}
.product2 .size .icon {width: 51px;}
.product2 .detail {overflow: auto;font-size: 15px;line-height: 1.6;}
.product2 .detail > span {display: block;margin-bottom: 10px;}
.product2 > *:last-child,
.product2 .detail > *:last-child {margin-bottom: 0 !important;}
@media (max-width: 750px) {
.product {display: block;}
.product .photo {position: static;display: block;margin: 0 auto 10px;}
.product2, .product2:first-child+* {width: auto;float: none;margin: 0 auto;padding: 40px 0;}
.products2 {margin: 0;}
.product2 .photo {float: none;margin: 0 auto 10px;display: block;}
.products .detail > span {display: block;margin: 0 0 7px;}
.product .price .icon {margin-left: 0;}
}  .tbl_form th {white-space: nowrap;font-size: 16px;line-height: 1.75;}
.tbl_form .required:after {content: "\003010\005fc5\009808\003011";font-size: 16px;color: #f00;white-space: nowrap;}
.tbl_form input[type="text"] {font-size: 16px;line-height: 1;padding: 3px;}
.tbl_form input[type="email"] {font-size: 16px;line-height: 1;padding: 3px;}
.tbl_form textarea {font-size: 16px;line-height: 1.2;padding: 3px;}
.tbl_form .col_namae .head {display: inline-block;width: 3em;text-align: right;}
.tbl_form th, .tbl_form td {padding: 15px 10px;}
.tbl_form tr {border-bottom: 1px dotted #000;}
.tbl_form .col_date {display: block;margin: 0 0 10px;}
.tbl_form .col_date:last-child {margin-bottom: 0;}
.tbl_form td > *:last-child {margin-bottom: 0 !important;}
.tbl_form .mwform-checkbox-field {display: inline-block;margin: 0 20px 0 0 !important;}
.tbl_form .mwform-checkbox-field label {cursor: pointer;}
.tbl_form .error {display: inline-block !important;font-size: 11px !important;padding: 3px;border: 1px solid;line-height: 1;margin: 0 5px;color: #f33 !important;}
.form_text {width: 450px;}
.form_text2 {width: 10em;}
.form_text3 {width: 150px;}
.form_date {width: 150px;}
.form_notice {color: #f00;font-size: 13px;line-height: 1.2;margin: 10px 0;}
.form_textarea {width: 100%;}
.form_btns {text-align: center;margin: 40px 0 0;}
.form_submit {border: none;color: #fff;font-size: 15px;line-height: 1;text-align: center;background: url(//metal-machine.com/img/cmn/icon_arrow4.png) right 15px center no-repeat #df1c16;padding: 15px 35px 15px 20px;width: 291px;margin: 0 10px;cursor: pointer;transition: .6s;}
.form_submit:hover {background-color: #e86561;}
.form_back {border: none;color: #282828;font-size: 15px;line-height: 1;text-align: center;background: url(//metal-machine.com/img/cmn/icon_arrow5.png) left 15px center no-repeat #E2E2E2;padding: 15px 20px 15px 35px;width: 291px;margin: 0 10px;cursor: pointer;transition: .6s;}
.form_back:hover {background-color: #f2f2f2;}
.form_confirm .col_namae .head,
.form_confirm .tbl_form .required:after,
.form_confirm .form_notice {display: none;}
.form_confirm .tbl_form td {font-weight: bold;}
@media (max-width: 750px) {
.tbl_form {width: 100%;}
.tbl_form th, .tbl_form td {display: block;padding: 10px 0;}
.tbl_form th:before {content: "\0025a0\0020";color: #f33;}
.tbl_form .required:after {content: "\003010\005fc5\009808\003011";font-size: 13px;}
.tbl_form .col_namae {display: block;margin: 0 auto 3px;}
.form_text {width: 100%;box-sizing: border-box;}
.form_textarea {box-sizing: border-box;}
.form_back {margin-bottom: 10px;}
.form_submit {max-width: 90%;}
}  .img_coating {text-align: center;}
@media (min-width: 751px) {
.img_film {width: 1000px !important;overflow: hidden;}
}  .pp {height: 255px;overflow: auto;border: 1px solid #000;margin: 0 auto;padding: 0 10px;}
@media (min-width: 751px) {
.pp {width: 727px;}
}  @media (min-width: 751px) {
.middle_box {width: 727px;margin-left: auto;margin-right: auto;;}
}  .voice_con {margin: 0 auto 100px;}
.voice_con .doc {text-align: center;margin: 0 auto 5px;}
.voice_con .doc img {border: 1px solid #333;}
.voice_con .doc_meta {text-align: center;margin: 0 auto 60px;}
.voice_con .doc_meta span {margin: 0 15px;display: inline-block;}
.voice_photo {margin-bottom: 15px;}  #sin_meta {font-size: 13px;margin-bottom: 0;}
.sin_con h1 {font-size: 25px;line-height: 1.4;font-weight: bold;border-bottom: 1px solid #DF1C16;margin: 80px 0 20px;}
.sin_con p {font-size: 16px;line-height: 1.75;margin: 0 0 20px;}
.sin_con h2 {font-size: 20px;font-weight: bold;line-height: 1.1;border-left: 4px solid #DF1C16;padding: 0 0 0 10px;margin: 40px 0 10px;}
.sin_con h3 {font-size: 18px;line-height: 1.4;border-bottom: 1px dotted #df1c16;margin: 30px 0 10px;}
.sin_con h4 {font-size: 18px;line-height: 1.4;margin: 30px 0 10px;}
.sin_con h4:before {content: "■";color: #df1c16;}
.sin_con h5 {font-size: 16px;line-height: 1.4;font-weight: bold;margin: 30px 0 10px;}
.sin_con h6 {font-size: 16px;line-height: 1.4;font-weight: bold;margin: 20px 0 10px;}
.sin_con em {font-style: italic;}
.sin_con ul {font-size: 16px;line-height: 1.75;margin: 0 auto 20px;}
.sin_con ul li {margin: 0 auto 5px;padding-left: 1em;position: relative;}
.sin_con ul li:before {content: "\0030fb";position: absolute;left: 0;}
.sin_con ol {list-style: decimal;padding-left: 1.5em;font-size: 16px;line-height: 1.75;margin: 0 auto 20px;}
.sin_con ol li {margin: 0 auto 5px;}
.sin_con blockquote {background: #eee;padding: 20px;font-size: 14px;line-height: 1.5;margin: 0 auto 20px;}
.sin_con blockquote > *:last-child {margin-bottom: 0 !important;}
.sin_con blockquote p {font-size: 14px;line-height: 1.75;}
.sin_con table {width: 100%;margin: 0 auto 20px;}
.sin_con th, .sin_con td {border: 1px solid #ccc;padding: 10px;font-size: 15px;line-height: 1.4;}
.sin_con th {background: #96021a;color: #fff;font-weight: bold;}
.sin_con :is(.wp-block-image,.wp-block-video) {margin-bottom: 20px;}
.sin_con .wp-block-video {width: auto;height: 70vh;}
.sin_con .wp-block-video video {width: 100% !important;height: 100% !important;object-fit: contain !important;}  .pagenation {margin: 40px 0 80px;}
.pagenation ul {text-align: center;letter-spacing: -.5em;font-size: 15px;line-height: 1;}
.pagenation ul * {letter-spacing: normal;}
.pagenation li {display: inline-block;margin: 0 5px;background: #332C2C;color: #fff;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;font-size: 12px;overflow: hidden;}
.pagenation .active, .pagenation a {line-height: 25px;padding: 0 9px;color: #fff;text-decoration: none;min-width: 7px;}
.pagenation a {display: block;background: #96021a;}
.pagenation a:hover {background: #d8435b;}
.pagenation .next a:after {content: "\00226b";}
.pagenation .prev a:before {content: "\00226a";}
.pagenation2 {overflow: hidden;margin: 80px auto;}
.pagenation2 p {font-size: 14px;line-height: 1;float: left;width: 50%;margin: 0;}
.pagenation2 .next {text-align: right;float: right;}
.pagenation2 .next a:after {content: "\00226b";}
.pagenation2 .prev a:before {content: "\00226a";}  .posts {margin: 0 auto 20px;}
.posts li {border-bottom: 1px dotted #000;padding: 15px 0 9px;}
.posts .date {font-size: 15px;line-height: 1.75;display: table;padding-right: 30px;position: relative;float: left;padding: 0 30px 0 0;min-width: 120px;}
.posts .date:after {content: "";position: absolute;top: 5px;right: 6px;border: 6px solid transparent;border-left: 6px solid #DF1C16;}
.posts .ttl {display: block;overflow: auto;font-size: 16px;line-height: 1.5;text-decoration: none;}
.posts .ttl:hover {text-decoration: underline;}  .resdv {width: 960px;margin: 80px auto;}
.resdv img {position: absolute;top: 0;left: 0;}
.resdv > .inner {height: 0;padding-top: calc(100% / 960 * 224);position: relative;}
.resdv .tel {position: absolute;top: 95px;left: 18px;height: 44px;width: 444px;z-index: 1;}
.resdv a {text-decoration: none;}
.resdv .email {position: absolute;top: 152px;left: 18px;height: 31px;width: 444px;z-index: 1;}
@media (max-width: 750px) {
.resdv {width: 100%;}
.resdv > .inner {padding-top: calc(100% / 850 * 702);}
.resdv .tel {top: calc(((100vw - 20px) / 850 * 702) * 0.31);height: 0;padding-top: calc(((100vw - 20px) / 850 * 702) * 0.13);width: auto;left: 0;right: 0;}
.resdv .email {top: calc(((100vw - 20px) / 850 * 702) * 0.47);height: 0;padding-top: calc(((100vw - 20px) / 850 * 702) * 0.15);width: auto;left: 17%;right: 17%;}
.resdv img {width: 100%;}
}  .sekojirei_con {margin: 0 auto 100px;}
.sekojirei_con .ba {margin-bottom: 40px;}
.seko_con {border-bottom: 1px solid #d3d3d3;margin-right: 200px;}
@media (max-width: 750px) {
.sekojirei_con {margin: 0 auto 100px;}
.sekojirei_con .ba {margin-bottom: 0px;}
.seko_con {margin-right: 0px;}
}  .car-film-flex {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 15px;}
.car-film-flex li {margin-top: 15px;}
.car-film-flex::before{content:"";display: block;width:24%;order:1;}
.car-film-flex::after{content:"";display: block;width:24%;}
@media (max-width: 750px) {
.car-film-flex li {width: 49%;}
.car-film-flex li img {width: 100%;}
}  .page-id-41 #pagetitle img {top: 0;}  @media (min-width: 751px) {
.sp_float_linebanner {display: none;}
}
@media (max-width: 750px) {
.sp_float_linebanner {position: fixed;bottom: -55px;left: 0;right: 0;z-index: 9999;transition: .6s;}
.sp_float_linebanner a {display: block;background: #00B900;color: #fff;text-align: center;font-weight: bold;font-size: 20px;line-height: 1;white-space: nowrap;text-decoration: none;display: flex;justify-content: center;align-items: center;width: 100%;height: 55px;}
.sp_float_linebanner a::before {content: "";display: inline-block;background: url(//metal-machine.com/img/cmn/line.svg) center/contain no-repeat;width: 36px;height: 35px;margin-right: 10px;}
.sp_float_linebanner.on {bottom: 0;}
}
@media (max-width: 374px) {
.sp_float_linebanner a::before {width: calc(100vw / 375 * 36);height: calc(100vw / 375 * 35);margin-right: calc(100vw / 375 * 10);}
.sp_float_linebanner a {font-size: calc(100vw / 375 * 20);height: calc(100vw / 375 * 55);}
}  @media (min-width: 751px) {
#modal_call {display: none !important;}
}
@media (max-width: 750px) {
#modal_call {position: absolute;top: 100%;left: 0;width: 100%;height: 100vh;z-index: 99999;padding: 20px;box-sizing: border-box;opacity: 0;pointer-events: none;transition: .6s;}
#modal_call.modal_call--active {opacity: 1;pointer-events: auto;}
.modal_call__window {background: #000;color: #fff;text-align: center;padding: 0 0 17px;border-radius: 5px;overflow: hidden;position: relative;}
.modal_call__head {margin: 0 0 17px !important;background: #e01c15;font-size: 14px;font-weight: bold;line-height: 1.3;padding: 6px 12px;}
.modal_call__subhead {font-size: 20px;font-weight: normal;line-height: 1.2;padding: 0 22px;margin: 0 0 10px !important;}
.modall_call__call {display: block;max-width: calc(100% - 44px);margin: 0 auto 15px;}
.modal_call__time {margin: 0 !important;font-size: 16px;font-weight: normal;line-height: 1.2;}
.modal_call__bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: hwb(0deg 100% 0% / 90%);cursor: pointer;}
}  .home_instagram-items-wrapper {background: #F7F7F7;padding: 60px 20px 80px;}
.home_instagram-items-wrapper > * {max-width: 960px !important;margin-left: auto !important;margin-right: auto !important;}
.home_instagram-head {text-align: center;font-size: 28px;font-weight: bold;line-height: 1.5;margin: 0 auto 20px;position: relative;display: table;padding: 0 40px;}
.home_instagram-head::before {content: "";position: absolute;top: 5px;left: 0;background: url(//metal-machine.com/img/cmn/icon-instagram.png) top left/contain no-repeat;width: 30px;height: 30px;}
.home_instagram-items {display: flex;justify-content: center;gap: 10px;}
.home_instagram-item-wrapper {border: 1px solid #9B3434;width: 100%;padding: 0 0 15px;background: #fff;box-sizing: border-box;}
.home_instagram-img {width: 100%;height: 0;padding-top: 64.16938110749186%;position: relative;}
.home_instagram-img a {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.home_instagram-img img {width: 100%;height: 100%;object-fit: cover;}
.home_instagram-postdate {display: block;padding: 0 10px;line-height: 1;margin: 0 0 10px;}
.home_instagram-caption {padding: 0 10px;margin: 0 !important;font-size: 16px;line-height: 1.125;text-align: justify;}
.home_instagram-caption a {text-decoration: none;}
.home_instagram-caption a:hover {text-decoration: underline;}
.home_instagram-linkbtn {margin: 50px auto 0;text-align: center;}
.word {display: inline-block !important;}
@media (max-width: 750px) {
.home_instagram-items-wrapper {margin: 0 -10px;}
.home_instagram-head::before {background-image: url(//metal-machine.com/img/cmn/icon-instagram@2x.png);}
}
@media (max-width: 599px) {
.home_instagram-items {flex-wrap: wrap;}
.home_instagram-item-wrapper {width: calc(50% - 5px);}
.home_instagram-items-wrapper {padding: 30px 20px 50px;}
}
@media (max-width: 480px) {
.home_instagram-item-wrapper {width: 100%;}
.home_instagram-head {padding-right: 0;}
}  .tbl_price.tbl_price_ceramic {border: solid 2px;margin-top: 30px;}
.tbl_price.tbl_price_ceramic th {background: #94021A;color: #fff;border-bottom: solid 1px #333;border-right: solid 1px #333;font-weight: normal;}
.tbl_price.tbl_price_ceramic td {border: solid 1px;text-align: initial;}
.tbl_price.tbl_ceramic_chigai {margin-top: 30px;}
.tbl_price.tbl_ceramic_chigai th {width: 80px;}
.tbl_price.tbl_ceramic_chigai td {text-align: initial;}
.fv_bg_black {width: 100% !important;background: #131314 !important;}
.page-id-1385 #pagetitle img {top: 20% !important;}
#slide_ceramic_coating {background: #131314;}
.box__ninteisyo {display: flex;}
.sekoujirei__list {display: flex;gap: 20px;flex-wrap: wrap;justify-content: center;align-items: center;}
.sekoujirei__list li {width: 48% !important;}
.tbl_price_ceramic tbody tr:nth-child(4) td:nth-child(3) {border-bottom: solid #94021A 4px;}
.tbl_price_ceramic td.center.b:nth-child(3) {border-top: solid #94021A 4px;border-bottom: solid #000 1px;}
.tbl_price_ceramic td:nth-child(3) {border-right: solid #94021A 4px;border-left: solid #94021A 4px;}
.tbl_ceramic_chigai tr > *[data-col="3"] {border-right: solid #94021A 6px;border-left: solid #94021A 6px;}
.tbl_ceramic_chigai thead tr:first-child > *[data-col="3"] {border-top: solid #94021A 6px;background: #94021A;color: #fff;}
.tbl_ceramic_chigai tbody tr:last-child > *[data-col="3"] {border-bottom: solid #94021A 6px;}
.plans {display: flex;flex-wrap: wrap;--num: 3;--gap: 20px;gap: var(--gap);text-align: justify;font-size: 15px;line-height: 1.5;margin: 40px auto 0;justify-content: center;}
.plans__row {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );background: #ab8600;padding: 0 4px 4px;display: flex;flex-direction: column;overflow: hidden;box-sizing: border-box;}
.plans__head {font-size: 22px;font-weight: bold;line-height: 1.3;flex-shrink: 0;text-align: center;color: #fff;padding: 20px 15px;}
.plans__info > :last-child {margin-bottom: 0 !important;}
.plans__infoHead {display: block;font-weight: bold;}
.plans__infoText {display: block;margin: 5px 0 0;}
.plans__infoRow {background: #fff;margin: 0 !important;padding: 20px 15px 0;}
.plans__row--osusume {background: #94021A;position: relative;}
.plans__row--gray {background: #858585;}
.plans__row--osusume::before {content: "オススメ";position: absolute;top: 10px;right: -30px;width: 100px;text-align: center;transform: rotate(30deg);color: #000;background: #ffd100;padding: 5px 15px;font-size: 12px;font-weight: normal;line-height: 1;}
.plans__info {background: #fff;height: 100%;padding: 0 0 20px;}
.plans__infoRow:nth-child(n+2) {border-top: 1px solid #ccc;margin-top: 20px !important;}
.tbl_ceramic_chigai strong {color: #08a00f;}
.tbl_ceramic_chigai__icon {display: inline-block;text-indent: -10000vw;position: relative;width: 1.5em;}
.tbl_ceramic_chigai__icon--good2::before {content: "\e902";font-family: icomoon;position: absolute;left: 0;text-indent: 0;font-size: 15px;}
.tbl_ceramic_chigai__icon::before {font-family: icomoon;font-weight: normal;position: absolute;left: 0;text-indent: 0;font-size: 16px;}
.tbl_ceramic_chigai__icon--good0::before {content: "\e900";}
.tbl_ceramic_chigai__icon--good1::before {content: "\e901";}
.tbl_ceramic_chigai__icon--good2::before {content: "\e902";}
.tbl_ceramic_chigai__icon--good3::before {content: "\e903";}
@media (min-width: 751px) {
.tbl_price.tbl_ceramic_chigai {table-layout: fixed;}
}
@media (max-width: 750px) {
.tbl_price_ceramic {white-space: normal;}
.tbl_ceramic_chigai {white-space: normal;}
}
@media (max-width: 640px) {
.plans {--num: 2;}
}
@media (max-width: 580px) {
.tbl_price_ceramic {width: 1000px;}
.tbl_ceramic_chigai {width: 650px;}
}
@media (max-width: 580px) {
.sekoujirei__list li {width: auto !important;}
}
@media (max-width: 480px) {
.plans {--num: 1;}
}
@media (max-width: 375px) {
.tbl_ceramic_chigai {width: 560px;}
}  .popup {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);justify-content: center;align-items: center;gap: 15px;flex-direction: column;z-index: 99999;transition: opacity 0.5s ease;}
.popup-content {background: #fff;padding: 20px;width: 100%;max-height: 34%;overflow-y: auto;transform: scale(0);transition: transform 0.3s ease;transform: scaleX(0);box-sizing: border-box;pointer-events: auto;}
.continue.link_btn3--static {position: static;}
#popup {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);justify-content: center;align-items: center;transition: opacity 0.3s ease;z-index: 999999;}
.popup__close {text-align: right !important;right: 45px;position: absolute;top: 55px;cursor: pointer;z-index: 1;}
.popup__close__icon {width: 23px;height: 23px;}
.popup-content.popup-content__midashi {overflow-y: initial;background: #94021A;color: #fff;font-size: 32px;font-weight: bold;justify-content: center;align-items: center;display: flex;width: 100%;padding: 8px 17px;}
.thumb.popup-image {aspect-ratio: 16/6;object-fit: cover;}
.popup__btn {cursor: pointer;}
.popup__btn img {transition: .3s;}
.popup__btn:hover img {opacity: .7;}
.popup__inner {display: flex;flex-direction: column;gap: 20px;max-width: 960px;width: 100%;height: 100%;margin: auto;padding: 3% 20px;pointer-events: none;}
.popup__btn__service {margin: 0;}
@media (min-width: 751px) {
.service .popup .continue {position: static;}
}
@media (min-width: 751px) and (max-width: 1270px) {
.thumb.popup-image {width: 22vw;aspect-ratio:initial;}
}
@media (max-width: 1024px) {
.popup__inner {max-width: 100%;box-sizing: border-box;}
.popup-26px {font-size: 26px !important;}
}
@media (max-width: 750px) {
.popup__inner {--close-btn-space: 30px;--heading-height: 38px;--gap: 20px;padding: var(--close-btn-space) 20px;gap: var(--gap);}
.popup__close {right: 8px;top: 8px;}
.popup__close__icon {width: 14px;height: 14px;}
.popup-content.popup-content__midashi {font-size: 20px;font-weight: bold;line-height: 1.2;display: flex;height: var(--heading-height);align-items: center;padding: 0;overflow: hidden;flex-shrink: 0;}
.popup-content {height: calc((100vh - var(--close-btn-space) * 2 - var(--heading-height) - var(--gap) * 2) / 2);max-height: none;position: relative;overflow-y: hidden;padding: 0;}
.popup .page_box > div {display: flex;flex-direction: column;}
.popup .page_box > div > a {order: 1;}
.popup .page_box > div .detail {order: 1;}
.popup .page_box > div .continue {order: 1;}
.popup-content .continue {position: absolute;bottom: 0px;}
.popup-content .oa {height: calc(100% - 40px);padding: 20px;box-sizing: border-box;scrollbar-width: thin;scrollbar-color: darkgray lightgray;}
.popup-content .page_box {height: 100%;}
.popup-content .link_btn3 {display: flex;justify-content: center;align-items: center;padding: 8px 10px;min-height: 40px;box-sizing: border-box;background: #582E36;}
.popup-content .oa::-webkit-scrollbar {width: 8px;}
.popup-content .oa::-webkit-scrollbar-track {background-color: lightgray;}
.popup-content .oa::-webkit-scrollbar-thumb {background-color: darkgray;}
.popup-content .oa::-webkit-scrollbar-thumb:hover {background-color: gray;}
.popup-content .continue.continue__service {left: 0;width: 100%;}
}  .news__mobility_show {max-width: 600px;width: 100%;margin: 0 auto;}
.news__mobility_show img {width: 100%;max-width: 100%;}
.news__mobility_show video {width: 100%;max-width: 100%;margin-top: 30px;aspect-ratio: 600/360;}
.img__mobility_show {width: 100%;}
.img__mobility_show img {width: 100%;max-width: 100%;}
.box__mobility_show {display: flex;gap: 15px;}
@media (max-width: 750px) {
.box__mobility_show {display: initial;}
.img__mobility_show {max-width: 340px;margin: 0 auto;}
.mt20_sp {margin-top: 20px;}
}  .tweak_spacer {height: 40px;}
@media (max-width: 750px) {
.tweak_spacer {display: none;}
}  .nintei__wrapper {max-width: 960px;margin: 0 auto 80px;}
.nintei {display: flex;--num: 3;--gap: 27px;gap: var(--gap);}
.nintei__item {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}
.nintei__img {border: 1px solid #888;}
.nintei__img a {display: block;}
.nintei__img img {box-sizing: border-box;width: 100%;height: auto;}
@media (max-width: 480px) {
.nintei {--gap: 10px;}
}  .img_before_after {display: flex;flex-wrap: wrap;--num: 2;--gap: 50px;gap: var(--gap);margin: 20px auto;}
.img_before_after__item {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );position: relative;}
.img_before_after__img img {width: 100%;height: auto;}
.img_before_after__item:nth-child(1)::before {content: "BEFORE";background: #010101;color: #fff;}
.img_before_after__item::before {position: absolute;top: 10px;left: 15px;font-size: 16px;font-weight: bold;line-height: 1.5;padding: 3px 15px;}
.img_before_after__item:nth-child(2)::before {content: "AFTER";background: #fff;color: #000;}
.img_before_after__item:nth-child(2)::after {content: "";position: absolute;top: 50%;transform: translateY(-50%);left: -38px;border: 20px solid transparent;border-left: 30px solid #ba0000;border-right: none;}
.gallery {display: flex;margin: 20px 0;}
.gallery > * {width: calc(100% / var(--bunkatu) * var(--hiritu));}
@media (max-width: 750px) {
.img_before_after {--gap: 30px;}
.img_before_after__item:nth-child(2)::after {left: -25px;border-width: 15px;border-left-width: 20px;}
}
@media (max-width: 599px) {
.img_before_after__item::before {font-size: 3vw;top: 1vw;left: 1vw;padding: 0 2vw;}
}
@media (max-width: 480px) {
.img_before_after {--num: 1;}
.img_before_after__item::before {font-size: 14px;top: 8px;left: 8px;padding: 3px 12px;}
.img_before_after__item:nth-child(2)::after {top: -22px;left: 50%;transform: translateX(-50%);border: 16px solid transparent;border-top: 18px solid #ba0000;}
}  .pd_menu {margin: 30px 0 60px;}
.pd_menu ul {display: flex;flex-wrap: wrap;--num: 5;--gap: 10px;gap: var(--gap);}
.pd_menu li {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}
.pd_menu a {color: #CC0019;text-decoration: none;font-size: 16px;line-height: 1;display: flex;align-items: center;justify-content: center;border: 1px solid;padding: 5px 36px 5px 10px;min-height: 40px;text-align: center;position: relative}
.pd_menu a:after {content: "";display: block;position: absolute;right: 10px;top: 50%;margin: -8px 0 0;width: 17px;height: 16px;background: url(//metal-machine.com/img/cmn/icon_arrow3.png) no-repeat;}
.pd_menu a:hover {background: #fee;}
@media (max-width: 750px) {
.pd_menu ul {--num: 4;}
.pd_menu li {display: block;}
.pd_menu a {font-size: 12px;}
}
@media (max-width: 640px) {
.pd_menu ul {--num: 3;}
}
@media (max-width: 480px) {
.pd_menu ul {--num: 2;}
}