@charset "UTF-8";

/* init */
article.eleshiru{font-family:Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;font-size:63%;color:#333;overflow: hidden;}
.PCinline { display: inline; }
.SPinline { display: none; }
.PCblock { display: block; }
.SPblock { display: none; }
@media (max-width: 767px) {
.PCinline { display: none; }
.SPinline { display: inline; }
.PCblock { display: none; }
.SPblock { display: block; }
}
@media only screen and (max-width: 767px) {
article.eleshiru{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; position: relative; padding: 0 13px; max-width: 954px; }
@media screen and (max-width:767px){
.container { margin-left: 0; margin-right: 0; padding: 0 20px; max-width: none; }
}

/* eleshiru_header */
.eleshiru_header { background: url(/products/ev/maintenance/images/eleshiru/bg_main.jpg) center center no-repeat; background-size: cover; position: relative; z-index: +1; }
.eleshiru_header sup { font-size: 50%; }
.eleshiru_header .container { text-shadow: 0px 0px 5px #ffffff,0px 0px 5px #ffffff,0px 0px 5px #ffffff; display: flex; align-items: center; justify-content: space-between; height: 438px; }
.eleshiru_header .wrap { position: relative; z-index: +1; }
.eleshiru_header .heading > small { display: block; font-size: 180%; font-weight: bold; line-height: 2; }
.eleshiru_header .heading > span { display: block; }
.eleshiru_header .heading > span small { display: block; font-size: 328%; font-weight: bold; line-height: 1.5555; }
.eleshiru_header .heading > span span { display: block; font-size: 720%; font-weight: bold; line-height: 1.2; }
.eleshiru_header .text { font-size: 180%; font-weight: bold; line-height: 1.5555; margin-top: 20px; }
.eleshiru_header .note { font-size: 120%; position: relative; padding-left: 1em; margin-top: 5px; }
.eleshiru_header .note span { position: absolute; top: 0px; left: 0px; }
.eleshiru_header .img { position: absolute; right: 0px; top: 0px; width: 580px; }
.eleshiru_header .img img { width: 100%; }
@media screen and (max-width:810px){
.eleshiru_header .img { right: 13px; width: 524px; }
}
@media screen and (max-width:767px){
.eleshiru_header { background: url(/products/ev/maintenance/images/eleshiru/bg_main_sp.jpg) center center no-repeat; background-size: cover; padding: 20px 0; }
.eleshiru_header .container { display: block; text-align: center; height: auto; }
.eleshiru_header .heading > small { font-size: 120%; line-height: 1.5555; }
.eleshiru_header .heading > span { margin-top: 8px; }
.eleshiru_header .heading > span small {  font-size: 180%; }
.eleshiru_header .heading > span span { font-size: 400%; }
.eleshiru_header .text { font-size: 110%; margin-top: 10px; }
.eleshiru_header .note { display: inline-block; font-size: 100%; vertical-align: bottom; margin-top: 5px; }
.eleshiru_header .img { position: relative; right: auto; top: auto; margin: 10px -20px 0 -20px; width: auto; }
}

/* eleshiru_info */
.eleshiru_info { background-color: #f1f0f0; padding: 90px 0 100px 0; }
.eleshiru_info .heading { font-size: 360%; font-weight: bold; line-height: 1.4333; text-align: center; position: relative; padding-bottom: 60px; }
.eleshiru_info .heading::before { background-color: #c3e1de; content: ""; position: absolute; bottom: 1px; left: 0px; width: 100%; height: 1px; }
.eleshiru_info .heading::after { background-color: #71bcb5; content: ""; position: absolute; bottom: 0px; left: calc(50% - 64px); width: 128px; height: 3px; z-index: +1; }
.eleshiru_info .heading_c1 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0 20.5px 20.5px 0; border-radius: 0 20.5px 20.5px 0; background-color: #52b5ac; color: #ffffff; position: relative; margin-left: -18px; padding-right: 9px; }
.eleshiru_info .heading_c1::before { width: 0; height: 0; border-style: solid; border-width: 0 18px 18px 0; border-color: transparent #0b786d transparent transparent; content: ""; position: absolute; top: 100%; left: 0px; }
.eleshiru_info .heading_c1 span { display: block; font-size: 200%; font-weight: bold; line-height: 1.5; position: relative; padding: 5px 27px 5px 18px; }
.eleshiru_info .heading_c1 span::before { -webkit-border-radius: 50%; border-radius: 50%; background-color: #ffffff; content: ""; position: absolute; right: 0px; top: calc(50% - 9px); width: 18px; height: 18px; }
.eleshiru_info .heading_c2 { -webkit-border-radius: 20.5px 0 0 20.5px; border-radius: 20.5px 0 0 20.5px; background-color: #cf6c4c; color: #ffffff; position: relative; margin: 0 -18px 0 -7.2727%; padding: 0 18px 0 9px; }
.eleshiru_info .heading_c2::before { width: 0; height: 0; border-style: solid; border-width: 18px 18px 0 0; border-color: #d92616 transparent transparent transparent; content: ""; position: absolute; top: 100%; right: 0px; }
.eleshiru_info .heading_c2 span { display: block; font-size: 200%; font-weight: bold; line-height: 1.5; position: relative; padding: 5px 10px 5px 27px; }
.eleshiru_info .heading_c2 span::before { -webkit-border-radius: 50%; border-radius: 50%; background-color: #ffffff; content: ""; position: absolute; left: 0px; top: calc(50% - 9px); width: 18px; height: 18px; }
.eleshiru_info .heading_c3 { font-size: 200%; font-weight: bold; margin-bottom: 15px; }
.eleshiru_info .function { position: relative; margin-top: 70px; }
.eleshiru_info .section { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 50%; }
.eleshiru_info .section_01 { float: left; margin-bottom: 9.5387%; padding-right: 21.174%; }
.eleshiru_info .section_02 { float: right; margin-bottom: 3.4591%; padding-left: 21.174%; }
.eleshiru_info .section_03 { float: left; margin-bottom: 3.4591%; padding-right: 21.174%; }
.eleshiru_info .section_04 { clear: both; width: 100%; }
.eleshiru_info .section_04 .heading_c1 { width: calc(40.08% + 18px); }
.eleshiru_info .section_04 .block { -webkit-border-radius: 0 15px 15px 15px; border-radius: 0 15px 15px 15px; padding: calc(1.9916% + 20px) 1.9916% 1.9916% 1.9916%; }
.eleshiru_info .section_04 .block p span { color: #001b59; }
.eleshiru_info .section_05 { float: right; margin-bottom: 1.7819%; padding-left: 21.174%; }
.eleshiru_info .block { -webkit-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; box-shadow: 10px 10px 20px -10px rgba(0,0,0,0.15); background-color: #ffffff; margin-top: -20px; padding: calc(7.2727% + 20px) 7.2727% 7.2727% 7.2727%; }
.eleshiru_info .other { -webkit-border-radius: 15px; border-radius: 15px; background-color: #e5e5e4; padding: 7.2727%; }
.eleshiru_info .block p,
.eleshiru_info .other p { font-size: 150%; }
.eleshiru_info .block p + p,
.eleshiru_info .other p + p { margin-top: 15px; }
.eleshiru_info .img { font-size: 0; line-height: 0; }
.eleshiru_info .img img { width: 100%; }
.eleshiru_info .building { background-color: #e6f1f0; margin-top: 15px; padding: 6.909%; }
.eleshiru_info .building .logo span:nth-of-type(1) { display: block; text-align: center; }
.eleshiru_info .building .logo span:nth-of-type(1) img { width: 85.7868%; }
.eleshiru_info .building .logo span:nth-of-type(2) { color: #001b59; display: block; font-size: 120%; font-weight: bold; text-align: center; margin-top: 5px; }
.eleshiru_info .building small { display: block; font-size: 120%; margin-top: 10px; text-align: center; }
.eleshiru_info .display { background-color: #e6f1f0; margin-top: 15px; padding: 2.0833%; }
.eleshiru_info .display .display_heading { font-size: 200%; font-weight: bold; line-height: 1.2; position: relative; padding: 0 2.0833%; }
.eleshiru_info .display .display_heading::before { background-color: #52b5ac; content: ""; position: absolute; top: 0.1em; left: 0px; width: 3px; height: calc(100% - 0.2em); }
.eleshiru_info .display .display_column { display: flex; margin-top: 15px; padding: 0 2.0833%; }
.eleshiru_info .display .display_column > .img { margin-right: 2.2909%; width: 22.3367%; }
.eleshiru_info .display .display_right { flex: 1; }
.eleshiru_info .display .display_right dl { display: flex; margin-top: 15px; }
.eleshiru_info .display .display_right dl dt { margin-right: 3.0395%; width: 26.5553%; }
.eleshiru_info .display .display_right dl dt span { box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.7); display: block; }
.eleshiru_info .display .display_right dl dd { background-color: #cfe4e2; border: 1px solid #ffffff; flex: 1; display: flex; align-items: center; font-size: 150%; padding: 15px 5%; }
.eleshiru_info .phone { position: absolute; top: 0px; left: 33.0188%; margin-top: 1.4675%; width: 33.2285%; }
.eleshiru_info .phone a { display: none; }
.eleshiru_info .phone .lead { display: none; }
.eleshiru_info .line { font-size: 0; line-height: 0; position: absolute; top: 0px; height: auto; z-index: +1; }
.eleshiru_info .line span { display: block; position: absolute; top: 0px; left :0px; width: 100%; height: 100%; }
.eleshiru_info .line_01 { left: calc(28.8259% - 18px); width: 10.1%; }
.eleshiru_info .line_03 { left: calc(28.8259% - 18px); width: 9.1%; }
.eleshiru_info .line_01::before,
.eleshiru_info .line_03::before { background-color: #0b7a6f; content: ""; position: absolute; top: 0px; left: 0px; width: calc(50% + 1px); height: 2px; }
.eleshiru_info .line_01::after,
.eleshiru_info .line_03::after { background-color: #0b7a6f; content: ""; position: absolute; bottom: 0px; right: 0px; width: calc(50% + 1px); height: 2px; }
.eleshiru_info .line_01 span::before,
.eleshiru_info .line_03 span::before { background-color: #0b7a6f; content: ""; position: absolute; top: 0px; left: calc(50% - 1px); width: 2px; height: 100%; }
.eleshiru_info .line_02 { right: 28.8259%; width: 7.527%; }
.eleshiru_info .line_02::before { background-color: #cd2315; content: ""; position: absolute; top: 0px; left: 0px; width: calc(50% + 1px); height: 2px; }
.eleshiru_info .line_02::after { background-color: #cd2315; content: ""; position: absolute; bottom: 0px; right: 0px; width: calc(50% + 1px); height: 2px; }
.eleshiru_info .line_02 span::before { background-color: #cd2315; content: ""; position: absolute; top: 0px; left: calc(50% - 1px); width: 2px; height: 100%; }
.eleshiru_info .line_04 { left: calc(40.0% - 18px); width: 2px; }
.eleshiru_info .line_04 span::before { background-color: #0b7a6f; content: ""; position: absolute; top: 0px; left: 0px; width: 2px; height: 100%; }
.eleshiru_info .line_05 { right: 28.8259%; width: 7.127%; }
.eleshiru_info .line_05::before { background-color: #5e5e5e; content: ""; position: absolute; top: 0px; right: 0px; width: calc(50% + 1px); height: 2px; }
.eleshiru_info .line_05::after { background-color: #5e5e5e; content: ""; position: absolute; bottom: 0px; left: 0px; width: calc(50% + 1px); height: 2px; }
.eleshiru_info .line_05 span::before { background-color: #5e5e5e; content: ""; position: absolute; top: 0px; left: calc(50% - 1px); width: 2px; height: 100%; }
@media (min-width:768px){
.eleshiru_info .function:after { height: 0; visibility: hidden; content: ""; display: block; clear: both; }
}
@media screen and (max-width:767px){
.eleshiru_info { background-color: #ffffff; padding: 30px 0 0 0; }
.eleshiru_info .heading { font-size: 200%; padding-bottom: 30px; }
.eleshiru_info .heading::after { left: calc(50% - 32px); width: 64px; }
.eleshiru_info .heading_c1 { -webkit-border-radius: 0 23px 23px 0; border-radius: 0 23px 23px 0; margin-left: -20px; padding: 0 20px 0 10px; }
.eleshiru_info .heading_c1::before { border-width: 0 20px 20px 0; }
.eleshiru_info .heading_c1 span { position: relative; padding: 8px 0 8px 45px; }
.eleshiru_info .heading_c1 span::before { right: auto; left: 0px; top: calc(50% - 15px); width: 30px; height: 30px; }
.eleshiru_info .heading_c2 { -webkit-border-radius: 0 23px 23px 0; border-radius: 0 23px 23px 0; margin: 0 0 0 -20px; padding: 0 20px 0 10px; }
.eleshiru_info .heading_c2::before { right: auto; left: 0px; border-width: 0 20px 20px 0; border-color: transparent #d92616 transparent transparent; }
.eleshiru_info .heading_c2 span { position: relative; padding: 8px 0 8px 45px; }
.eleshiru_info .heading_c2 span::before { top: calc(50% - 15px); width: 30px; height: 30px; }
.eleshiru_info .function { display: flex; flex-direction: column; position: relative; margin-top: 30px; }
.eleshiru_info .section { width: calc(100% - 20px); min-height: 0%; }
.eleshiru_info .section_01 { order: 1; float: none; margin: 35px 0 0 20px; padding-right: 0; }
.eleshiru_info .section_01 .heading_c1 span::before { background: url(/products/ev/maintenance/images/eleshiru/no_sp_01.png) no-repeat; background-size: cover; }
.eleshiru_info .section_02 { order: 2; float: none; margin: 20px 0 0 20px; padding-left: 0; }
.eleshiru_info .section_02 .heading_c2 span::before { background: url(/products/ev/maintenance/images/eleshiru/no_sp_02.png) no-repeat; background-size: cover; }
.eleshiru_info .section_03 { order: 3; float: none; margin: 20px 0 0 20px; padding-right: 0; }
.eleshiru_info .section_03 .heading_c1 span::before { background: url(/products/ev/maintenance/images/eleshiru/no_sp_03.png) no-repeat; background-size: cover; }
.eleshiru_info .section_04 { order: 4; clear: none; margin: 20px 0 0 20px; width: calc(100% - 20px); min-height: 0%; }
.eleshiru_info .section_04 .heading_c1 { width: auto; }
.eleshiru_info .section_04 .block { -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; padding: 43px 20px 20px 20px; }
.eleshiru_info .section_04 .block p span { color: #001b59; }
.eleshiru_info .section_04 .heading_c1 span::before { background: url(/products/ev/maintenance/images/eleshiru/no_sp_04.png) no-repeat; background-size: cover; }
.eleshiru_info .section_05 { order: 5; float: none; margin: 20px 0 0 20px; padding-left: 0; }
.eleshiru_info .block { -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; box-shadow: 10px 10px 20px -10px rgba(0,0,0,0.3),-10px 0px 10px 0px rgba(0,0,0,0.05); margin-top: -23px; padding: 43px 20px 20px 20px; }
.eleshiru_info .other { -webkit-border-radius: 6px; border-radius: 6px; padding: 20px; }
.eleshiru_info .block p,
.eleshiru_info .other p { font-size: 140%; line-height: 1.3571; }
.eleshiru_info .block p + p,
.eleshiru_info .other p + p { margin-top: 15px; }
.eleshiru_info .building { padding: 20px; }
.eleshiru_info .building .logo span:nth-of-type(1) img { width: 199px; }
.eleshiru_info .building .logo span:nth-of-type(2) { font-size: 100%; }
.eleshiru_info .building small { margin-top: 5px; }
.eleshiru_info .display { margin-top: 15px; padding: 20px; }
.eleshiru_info .display .display_heading { font-size: 160%; line-height: 1.3125; margin-left: -20px; padding: 0 0 0 20px; }
.eleshiru_info .display .display_heading::before { top: 0.1.55em; height: 1em; }
.eleshiru_info .display .display_column { display: block; padding: 0; }
.eleshiru_info .display .display_column > .img { margin-right: 0; width: auto; }
.eleshiru_info .display .display_right { flex: initial; margin-top: 15px; }
.eleshiru_info .display .display_right dl { display: block; margin-top: 15px; }
.eleshiru_info .display .display_right dl dt { margin-right: 0; width: auto; }
.eleshiru_info .display .display_right dl dd { flex: initial; display: block; font-size: 140%; line-height: 1.3125; margin-top: 20px; padding: 15px 20px; }
.eleshiru_info .phone { position: relative; top: auto; left: auto; margin-top: 0; width: auto; min-height: 0%; }
.eleshiru_info .phone .box { margin-top: 15px; position: relative; }
.eleshiru_info .phone .img { padding: 0 19.4029%; }
.eleshiru_info .phone a { display: block; font-size: 0; line-height: 0; position: absolute; width: 11.9402%; }
.eleshiru_info .phone a::after { background-color: #7dbab7; content: ""; position: absolute; top: calc(50% - 1px); left: 100%; width: 109%; height: 2px; }
.eleshiru_info .phone a:nth-of-type(1) { top: 31.5729%; left: 0px; }
.eleshiru_info .phone a:nth-of-type(2) { top: 48.7944%; left: 0px; }
.eleshiru_info .phone a:nth-of-type(2)::after { background-color: #cf6c4c; }
.eleshiru_info .phone a:nth-of-type(3) { top: 59.9311%; left: 0px; }
.eleshiru_info .phone a:nth-of-type(4) { top: 75.0861%; left: 0px; }
.eleshiru_info .phone a:nth-of-type(5) { top: 7.5774%; right: 0px; }
.eleshiru_info .phone a:nth-of-type(5)::after { left: auto; right: 100%; width: 100%; }
.eleshiru_info .phone a img { width: 100%; }
.eleshiru_info .phone .lead { display: block; font-size: 110%; line-height: 1.5; text-align: center; }
.eleshiru_info .line { display: none; }
}

/* eleshiru_info */
.eleshiru_use { background: #f3f1ee url(/products/ev/maintenance/images/eleshiru/bg_use.jpg) right top no-repeat; padding: 90px 0 100px 0; }
.eleshiru_use .lead { font-size: 200%; font-weight: bold; line-height: 1.4; text-align: center; }
.eleshiru_use .heading { font-size: 320%; font-weight: bold; line-height: 1.3125; text-align: center; margin-top: 30px; }
.eleshiru_use .list { -webkit-border-radius: 15px; border-radius: 15px; background-color: rgba(255,255,255,0.6); text-align: center; margin-top: 40px; padding: 50px 20px; }
.eleshiru_use .list ul { display: inline-block; text-align: left; vertical-align: bottom; }
.eleshiru_use .list ul li { background: url(/products/ev/maintenance/images/eleshiru/icon_check.png) left 0.2333em no-repeat; background-size: 32px 32px; font-size: 240%; line-height: 1.8; padding-left: 47px; }
.eleshiru_use .list ul li + li { margin-top: 5px; }
.eleshiru_use .list ul li span { border-bottom: 1px solid #5d6158; }
.eleshiru_use .display { display: flex; justify-content: space-between; margin-top: 50px; }
.eleshiru_use .display dl { display: flex; flex-direction: column; width: 22.4318%; }
.eleshiru_use .display dl dt { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #52b5ac; flex: 1 0 auto; color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 160%; font-weight: bold; line-height: 1.5; text-align: center; position: relative; padding: 13px; width: 100%; min-height: 104px; }
.eleshiru_use .display dl dt::before { width: 0; height: 0; border-style: solid; border-width: 12px 18px 0 0; border-color: #52b5ac transparent transparent transparent; content: ""; position: absolute; top: 100%; left: 0px; }
.eleshiru_use .display dl dd { font-size: 0; line-height: 0; width: 100%; min-height: 0%; margin-top: 40px; }
.eleshiru_use .display dl dd img { width: 100%; }
@media screen and (max-width:767px){
.eleshiru_use { background: #ffffff none; padding: 30px 0 35px 0; }
.eleshiru_use .lead { font-size: 100%; }
.eleshiru_use .heading { font-size: 160%; margin-top: 15px; }
.eleshiru_use .list { -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #e5e2d9; background-color: #ffffff; text-align: left; margin-top: 15px; padding: 20px; }
.eleshiru_use .list ul { display: block; }
.eleshiru_use .list ul li { background-size: 16px 16px; font-size: 120%; padding-left: 22px; }
.eleshiru_use .display { flex-wrap: wrap; margin-top: 20px; }
.eleshiru_use .display dl { width: 46.8656%; }
.eleshiru_use .display dl:nth-of-type(n+3) { margin-top: 20px; }
.eleshiru_use .display dl dt { font-size: 120%; padding: 10px; min-height: 75px; }
.eleshiru_use .display dl dt::before { border-width: 9px 14px 0 0; }
.eleshiru_use .display dl dd { margin-top: 25px; }
}