html.mobile .web_only {display:none;}
html.web .mobile_only {display:none;}

/*layout*/
.wrap {margin:0 auto; max-width:750px;border-left:1px solid #ddd;border-right:1px solid #ddd;box-sizing: border-box;}
.header{width:100%;position: relative; text-align: center; }
.contents{width:100%; margin:0 auto; text-align: left;padding:50px 50px 10px 50px; box-sizing: border-box;}

.bold{font-weight: bold;}
.red{color:#9e1b32;}
.LandRover_f{font-family:'Land Rover'; font-weight:400;letter-spacing: 0;}

/*header*/
h1{height:94px; }
h1 > img{position: absolute;top:23px; right:23px; }
.head_copy{ font-size:40px;  font-weight:500; letter-spacing: -3px;  box-sizing: border-box; }
.head_copy span{display:inline-block; font-size:48px; line-height: 58px; }
.head_copy p{font-size:30px; line-height: 44px; letter-spacing: -1.8px;font-weight:300; margin:20px 0 50px 0;  }


/*contents*/
.user{font-size:26px;}

.user span.step{font-weight: bold; font-size:30px; }
.contents ul {display: flex; justify-content: space-between; align-items: center; margin-top: 40px;}
.contents ul li:nth-child(odd){width:135px; height:135px;}
.contents ul li:nth-child(even){width:34px; height:52px;background: url(../images/arrow-next.png)no-repeat 0 -10px; }

.step01{background: url(../images/step01.png); }
.step02{background: url(../images/step02.png);}
.step03{background: url(../images/step03.png);}
.step04{background: url(../images/step04.png);}
.step01_on{background: url(../images/step01_on.png);}
.step02_on{background: url(../images/step02_on.png);}
.step03_on{background: url(../images/step03_on.png);}
.step04_on{background: url(../images/step04_on.png);}

.bottom{margin-top: 40px; line-height: 42px; font-size:26px;font-weight:300;}