#support_service {}

#support_service ul.point {
margin: 30px auto 0 auto;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
#support_service ul.point li {
width: 24%;
border: 1px solid #E0E0E0;
box-sizing: border-box;
padding: 1.5em;
}
#support_service ul.point li h3 {
text-align: center;
font-size: 24px;
line-height: 1.5em;
font-weight: 700;
color: #d0121b;
padding: 0 0 0.5em 0;
}
#support_service ul.point li p {
font-size: 17px;
line-height: 1.5em;
}

#support_service ul.support3 {
margin: 30px auto 0 auto;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
#support_service ul.support3 li {
width: 32%;
border: 1px solid #E0E0E0;
box-sizing: border-box;
padding: 1.5em;
}
#support_service ul.support3 li h3,
#support_service ul.support5 li h3{
text-align: center;
font-weight: 700;
color:#4C4C4C;
font-size: 20px;
line-height: 1.3em;
}
#support_service ul.support3 li h3 b,
#support_service ul.support5 li h3 b{
font-size: 28px;
line-height: 1.3em;
color: #d0121b;
}
#support_service ul.support3 li h4,
#support_service ul.support5 li h4{
color: #d0121b;
font-weight: 700;
text-align: center;
font-size: 17px;
line-height: 1.3em;
position: relative;
padding: 0 0 1em 0;
}
#support_service ul.support3 li h4:before,
#support_service ul.support5 li h4:before{
content: '';
display: block;
width: 110px;
height: 110px;
background-size: contain;
vertical-align: middle;
position: relative;
margin: 1em auto 1em auto;
}
#support_service ul.support3 li:nth-of-type(1) h4:before {
background-image: url("../img/support_icon1.png");
}
#support_service ul.support3 li:nth-of-type(2) h4:before {
background-image: url("../img/support_icon2.png");
}
#support_service ul.support3 li:nth-of-type(3) h4:before {
background-image: url("../img/support_icon3.png");
}
#support_service ul.support3 li p,
#support_service ul.support5 li p{
font-size: 16px;
line-height: 1.5em;
padding-bottom: 1em;
}
#support_service ul.support3 li p b,
#support_service ul.support5 li p b{
color: #d0121b;
}
#support_service ul.support3 li p i,
#support_service ul.support5 li p i{
color: #000;
font-style: normal;
font-weight: 700;
}

#support_service ul.support5 {
margin: 30px auto 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#support_service ul.support5 li {
width: 31%;
border: 1px solid #E0E0E0;
box-sizing: border-box;
padding: 1.5em;
margin: 0 10px 20px 10px;
}

#support_service ul.support5 li:nth-of-type(1) h4:before {
background-image: url("../img/support_icon1.png");
}
#support_service ul.support5 li:nth-of-type(2) h4:before {
background-image: url("../img/support_icon2.png");
}
#support_service ul.support5 li:nth-of-type(3) h4:before {
background-image: url("../img/support_icon4.png");
}
#support_service ul.support5 li:nth-of-type(4) h4:before {
background-image: url("../img/support_icon3.png");
}
#support_service ul.support5 li:nth-of-type(5) h4:before {
background-image: url("../img/support_icon5.png");
}



#support_service ul.steps {
margin: 30px auto 0 auto;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
#support_service ul.steps li {
width: 24%;
background-color: #efeeee;
box-sizing: border-box;
text-align: center;
padding: 1.5em;
}
#support_service ul.steps li .step {
color: #646565;
font-family: Arial, Helvetica, "sans-serif";
font-size: 28px;
line-height: 1.3em;
font-weight: 700;
}
#support_service ul.steps li h3 {
background-color: #d0121b;
color: #FFF;
margin-bottom: 1em;
position: relative;
}
#support_service ul.steps li .step:after {
content: '';
display: block;
width: 120px;
height: 80px;
background-size: contain;
vertical-align: middle;
position: relative;
margin: 1em auto 1em auto;
}
#support_service ul.steps li:nth-of-type(1) .step:after {
background-image: url("../img/support_step_icon1.png");
}
#support_service ul.steps li:nth-of-type(2) .step:after {
background-image: url("../img/support_step_icon2.png");
}
#support_service ul.steps li:nth-of-type(3) .step:after {
background-image: url("../img/support_step_icon3.png");
}
#support_service ul.steps li:nth-of-type(4) .step:after {
background-image: url("../img/support_step_icon4.png");
}
#support_service ul.steps li p {
text-align: left;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
#support_service ul.point {
flex-wrap: wrap;
}
#support_service ul.point li {
width: 48%;
margin-bottom: 20px;
}

#support_service ul.support3 {
flex-wrap: wrap;
justify-content: space-between;
}
#support_service ul.support3 li {
width: 48%;
padding: 1em;
margin-bottom: 20px;
}

#support_service ul.steps {
flex-wrap: wrap;
}
#support_service ul.steps li {
width: 48%;
padding: 1em;
margin-bottom: 20px;
}

#support_service ul.support5 {
flex-wrap: wrap;
justify-content: space-between;
}
#support_service ul.support5 li {
width: 48%;
padding: 1em;
margin: 0 0 20px 0;
}

}

@media screen and (min-width: 0px) and (max-width: 640px) {
#support_service ul.point {
flex-wrap: wrap;
}
#support_service ul.point li {
width: 48%;
margin-bottom: 20px;
}
#support_service ul.point li h3 {
font-size: 18px;
}
#support_service ul.point li p {
font-size: 14px;
}

#support_service ul.support3 {
flex-wrap: wrap;
justify-content: space-between;
}
#support_service ul.support3 li {
width: 48%;
padding: 1em;
margin-bottom: 20px;
}
#support_service ul.support3 li h3,
#support_service ul.support5 li h3{
font-size: 16px;
}
#support_service ul.support3 li h3 b,
#support_service ul.support5 li h3 b{
font-size: 18px;
}
#support_service ul.support3 li h4,
#support_service ul.support5 li h4{
font-size: 16px;
}
#support_service ul.support3 li h4:before,
#support_service ul.support5 li h4:before{
content: '';
display: block;
width: 80px;
height: 80px;
background-size: contain;
vertical-align: middle;
position: relative;
margin: 1em auto 1em auto;
}
#support_service ul.support3 li p {
font-size: 14px;
line-height: 1.3em;
}

#support_service ul.steps {
flex-wrap: wrap;
}
#support_service ul.steps li {
width: 48%;
padding: 1em;
margin-bottom: 20px;
}
#support_service ul.steps li .step {
font-size: 20px;
}
#support_service ul.steps li h3 {
font-size: 16px;
}
#support_service ul.steps li .step:after {
width: 80px;
height: 53px;
}
#support_service ul.steps li p {
text-align: left;
font-size: 14px;
}

#support_service ul.support5 {
margin: 30px auto 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#support_service ul.support5 li {
width: 48%;
border: 1px solid #E0E0E0;
box-sizing: border-box;
padding: 1em;
margin: 0 0 20px 0;
}

}