@charset "UTF-8";
/* common
-------------------------------------------------------------*/
.support {
padding-bottom: 160px;
}
.support span {
display: inline-block;
}
.support span.text-red {
display: inline;
}
.support span.highlighter {
display: inline;
}
.support .notes {
display: block;
font-size: 12px;
font-size: 1.2rem;
color: #666;
}
.support p, .support li {
margin: 10px 0;
}
.support table {
width: 100%;
}
.support thead th {
color: #fff;
background: rgba(0, 0, 0, 0.8);
text-align: center;
}
.support tbody tr:nth-child(even) {
background: rgba(0, 0, 0, 0.1);
}
.support th, .support td {
padding: 10px 20px;
}
/* support-top
-------------------------------------------------------------*/
.support-top {
overflow: hidden;
}
.support-top .container {
position: relative;
height: 40vw;
margin: 3vw auto;
}
.support-top #jump01 {
margin-top: 100px;
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img01.jpg) center center / 100% auto no-repeat;
}
.support-top #jump02 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img02.jpg) center center / 100% auto no-repeat;
}
.support-top #jump03 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img03.jpg) center center / 100% auto no-repeat;
}
.support-top #jump04 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img04.jpg) center center / 100% auto no-repeat;
}
.support-top #jump05 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img05.jpg) center center / 100% auto no-repeat;
}
.support-top #jump06 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img06.jpg) center center / 100% auto no-repeat;
}
.support-top .bg-wht {
position: absolute;
top: 0;
width: 50%;
height: 40vw;
background: rgba(255, 255, 255, 0.8);
z-index: 2;
}
.support-top .container.left .bg-wht {
left: -10%;
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
}
.support-top .container.right .bg-wht {
right: -10%;
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
}
.support-top .contents {
width: 25%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
padding-top: 5vw;
z-index: 3;
}
.support-top .container.left .contents {
left: 19%;
}
.support-top .container.right .contents {
text-align: right;
right: -5%;
}
.support-top #jump01 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage01.png) right top / auto 5.6vw no-repeat;
padding-top: 6vw;
}
.support-top #jump02 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage02.png) left top / auto 3.8vw no-repeat;
}
.support-top #jump03 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage03.png) right top / auto 4.5vw no-repeat;
}
.support-top #jump04 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage04.png) left top / auto 4.4vw no-repeat;
}
.support-top #jump05 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage05.png) right top / auto 4vw no-repeat;
}
.support-top #jump06 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage06.png) left top / auto 4.5vw no-repeat;
}
.support-top .contents h2, .support-top .contents h3 {
line-height: 2;
}
.support-top .btn {
width: 70%;
}
.support-top .btn a {
padding: 10px 20px;
}
.support-top {
}
/* initial failure
-------------------------------------------------------------*/
.initial-failure table {
margin: 20px 0 40px;
}
.initial-failure thead th {
text-align: left;
}
.initial-failure h3 {
font-size: 16px;
font-size: 1.6rem;
color: #fff;
background: rgba(0, 0, 0, 0.8);
padding: 10px 20px;
}
.initial-failure ul {
padding: 0 0 10px 20px;
}
.initial-failure li {
list-style-type: disc;
}
/* guarantee　repair
-------------------------------------------------------------*/
.guarantee h2, .repair h2 {
border-left: 5px solid #333;
padding-left: 1em;
line-height: 1;
margin-bottom: 30px;
}
.guarantee article, .repair article {
margin: 0 auto 100px;
}
.guarantee p, .guarantee li, .repair p, .repair li {
font-size: 18px;
font-size: 1.8rem;
}
.guarantee ol, .guarantee ul, .repair ol, .repair ul {
padding-left: 1.5em;
}
.guarantee li, .repair li {
list-style-type: inherit;
}
/* repair
-------------------------------------------------------------*/
.repair .content01 {
margin-top: 80px;
}
@media screen and (min-width:1000px) {
/* support-top
-------------------------------------------------------------*/
.support-top .contents h2 {
font-size: 26px;
font-size: 2.6rem;
font-size: 2.4vw;
}
.support-top .contents h3 {
font-size: 20px;
font-size: 2rem;
font-size: 1.8vw;
}
.support-top .contents p {
font-size: 16px;
font-size: 1.6rem;
font-size: 1.4vw;
}
.support-top .btn a {
font-size: 18px;
font-size: 1.8rem;
font-size: 1.6vw;
}
}
@media screen and (max-width: 960px) and (min-width: 601px) {
.support h2 {
font-size: 20px;
font-size: 2rem;
}
.support p, .support li {
font-size: 15px;
font-size: 1.5rem;
}
/* support-top
-------------------------------------------------------------*/
.support-top .container {
height: 560px;
margin: 30px auto;
}
.support-top #jump01 {
margin-top: 80px;
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img01.jpg) right center / auto 100% no-repeat;
}
.support-top #jump02 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img02.jpg) center center / auto 100% no-repeat;
}
.support-top #jump03 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img03.jpg) center center / auto 100% no-repeat;
}
.support-top #jump04 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img04.jpg) center center / auto 100% no-repeat;
}
.support-top #jump05 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img05.jpg) center center / 100% auto no-repeat;
}
.support-top #jump06 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img06.jpg) right 55% center / auto 100% no-repeat;
}
.support-top .bg-wht {
height: 560px;
}
.support-top .container.right .bg-wht {
-webkit-transform: skewX(-10deg);
transform: skewX(-10deg);
}
.support-top .container.left .bg-wht {
-webkit-transform: skewX(10deg);
transform: skewX(10deg);
}
.support-top .contents {
width: 30%;
padding-top: 70px;
}
.support-top .container.right .contents {
left: 80%;
}
.support-top #jump01 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage01.png) right top / auto 75px no-repeat;
padding-top: 80px;
}
.support-top #jump02 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage02.png) left top / auto 48px no-repeat;
}
.support-top #jump03 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage03.png) right top / auto 60px no-repeat;
}
.support-top #jump04 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage04.png) left top / auto 55px no-repeat;
}
.support-top #jump05 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage05.png) right top / auto 50px no-repeat;
}
.support-top #jump06 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage06.png) left top / auto 60px no-repeat;
}
.support-top .contents h2 {
font-size: 22px;
font-size: 2.2rem;
}
.support-top .contents h3 {
font-size: 18px;
font-size: 1.8rem;
}
.support-top .contents p {
font-size: 14px;
font-size: 1.4rem;
}
.support-top .btn {
width: 100%;
}
.support-top .btn a {
font-size: 16px;
font-size: 1.6rem;
}
}
@media screen and (max-width: 600px) {
.support p, .support li {
margin: 5px 0;
}
/* repair
-------------------------------------------------------------*/
.support.repair {
padding-bottom: 40px;
}
.repair article {
margin: 0 auto 60px;
}
.repair .content01 {
margin-top: 60px;
}
.repair h2 {
margin-bottom: 20px;
}
}
@media screen and (max-width: 600px) and (min-width: 481px) {
.support h2 {
font-size: 20px;
font-size: 2rem;
}
.support p, .support li {
font-size: 14px;
font-size: 1.4rem;
}
/* support-top
-------------------------------------------------------------*/
.breadcrumbs {
margin-bottom: 60px;
}
.support-top .container {
height: 400px;
margin: 30px auto;
}
.support-top #jump01 {
margin-top: 80px;
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img01.jpg) center center / auto 100% no-repeat;
}
.support-top #jump02 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img02.jpg) left 70% center / auto 100% no-repeat;
}
.support-top #jump03 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img03.jpg) left 20% center / auto 100% no-repeat;
}
.support-top #jump04 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img04.jpg) center center / auto 100% no-repeat;
}
.support-top #jump05 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img05.jpg) center center / 100% auto no-repeat;
}
.support-top #jump06 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img06.jpg) center center / auto 100% no-repeat;
}
.support-top .bg-wht {
width: 100%;
height: 400px;
}
.support-top .container.right .bg-wht, .support-top .container.left .bg-wht {
left: 0;
right: 0;
-webkit-transform: inherit;
transform: inherit;
}
.support-top .contents {
width: 80%;
padding-top: 70px;
}
.support-top .container.right .contents, .support-top .container.left .contents {
left: 50%;
right: 50%;
text-align: center;
}
.support-top #jump01 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage01.png) center top / auto 75px no-repeat;
padding-top: 80px;
}
.support-top #jump02 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage02.png) center top / auto 48px no-repeat;
}
.support-top #jump03 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage03.png) center top / auto 60px no-repeat;
}
.support-top #jump04 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage04.png) center top / auto 55px no-repeat;
}
.support-top #jump05 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage05.png) center top / auto 50px no-repeat;
}
.support-top #jump06 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage06.png) center top / auto 60px no-repeat;
}
.support-top .contents h2 {
font-size: 24px;
font-size: 2.4rem;
}
.support-top .contents h3 {
font-size: 20px;
font-size: 2rem;
}
.support-top .contents p {
font-size: 16px;
font-size: 1.6rem;
}
.support-top .btn {
width: 100%;
margin-top: 20px;
}
.support-top .btn a {
font-size: 18px;
font-size: 1.8rem;
padding: 15px;
}
}
@media screen and (max-width: 480px) {
.support h2 {
font-size: 18px;
font-size: 1.8rem;
}
.support p, .support li {
font-size: 14px;
font-size: 1.4rem;
}
/* support-top
-------------------------------------------------------------*/
.support.support-top {
padding-bottom: 0;
}
.support-top .container {
margin: 30px auto;
height: 100vh;
}
.support-top #jump01 {
margin-top: 80px;
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img01.jpg) center center / cover no-repeat scroll;
}
.support-top #jump02 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img02.jpg) left 70% center / cover no-repeat scroll;
}
.support-top #jump03 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img03.jpg) left 20% center / cover no-repeat scroll;
}
.support-top #jump04 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img04.jpg) center center / cover no-repeat scroll;
}
.support-top #jump05 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img05.jpg) center center / cover no-repeat scroll;
}
.support-top #jump06 {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/img06.jpg) center center / cover no-repeat scroll;
}
.support-top .bg-wht {
width: 100%;
height: 100%;
}
.support-top .container.right .bg-wht, .support-top .container.left .bg-wht {
left: 0;
right: 0;
-webkit-transform: inherit;
transform: inherit;
}
.support-top .contents {
width: 80%;
padding-top: 70px;
}
.support-top .container.right .contents, .support-top .container.left .contents {
left: 50%;
right: 50%;
text-align: center;
}
.support-top #jump01 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage01.png) center top / auto 75px no-repeat;
padding-top: 80px;
}
.support-top #jump02 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage02.png) center top / auto 48px no-repeat;
}
.support-top #jump03 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage03.png) center top / auto 60px no-repeat;
}
.support-top #jump04 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage04.png) center top / auto 55px no-repeat;
}
.support-top #jump05 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage05.png) center top / auto 50px no-repeat;
}
.support-top #jump06 .contents {
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u39556255/pc/support/css/../../images/support/icon/advantage06.png) center top / auto 60px no-repeat;
}
.support-top .contents h2 {
font-size: 24px;
font-size: 2.4rem;
}
.support-top .contents h3 {
font-size: 20px;
font-size: 2rem;
}
.support-top .contents p {
font-size: 16px;
font-size: 1.6rem;
}
.support-top .btn {
width: 100%;
margin-top: 20px;
}
.support-top .btn a {
font-size: 18px;
font-size: 1.8rem;
padding: 15px;
}
/* guarantee
-------------------------------------------------------------*/
.guarantee article {
margin: 0 auto 60px;
}
.guarantee.inner-wrap {
padding: 0 6% 100px;
}
}