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:20px 50px 0 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:100px; display: flex; align-items: center; justify-content: flex-end;}
h1 > img{margin-right:26px; }
.head_copy{ font-size:40px; font-weight:500; letter-spacing: -3px; line-height:44px;  margin-top: 50px; box-sizing: border-box; }
.head_copy span{display:inline-block; font-size:48px;  }
.head_copy p{font-size:30px; line-height: 44px; letter-spacing: -1.8px;font-weight:300; margin-top:20px;  }


/*contents*/
.user{font-size:24px;line-height: 40px; margin:30px 0 50px 0; width:100%; padding:10px 0;border-top:1px solid #333;border-bottom:1px solid #333;	box-sizing: border-box;}

.user span.step_l{font-weight: bold; font-size:30px; color:#005a2b;}
.user span.step_j{font-weight: bold; font-size:30px; color:#9e1c33;}
.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);}

.j_step01_on{background: url(../images/j_step01_on.png);}
.j_step02_on{background: url(../images/j_step02_on.png);}
.j_step03_on{background: url(../images/j_step03_on.png);}
.j_step04_on{background: url(../images/j_step04_on.png);}

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

.footer{height:260px;margin-top: 40px; background: #afb7ba; text-align: center;}
.footer > img{width:600px;}
.footer ul{display: flex; justify-content: center; margin-bottom: 25px;}
.footer ul li{float:left;margin-right: 20px;}
.footer ul li:last-child{margin-right: 0;}
.footer ul li img{width:30px;}
.footer .add{font-size:14px; color:#666;font-family: Malgun Gothic;}
.footer .copy{font-size:11px;letter-spacing: 0;color:#666;font-family: Arial;}

.footer_j{height:240px;margin-top: 40px; background: #000; text-align: center;}
.footer_j > img{width:600px;}
.footer_j ul{display: flex; justify-content: center; margin-bottom: 25px;}
.footer_j ul li{float:left;margin-right: 20px;}
.footer_j ul li:last-child{margin-right: 0;}
.footer_j ul li img{width:30px;}
.footer_j .add{font-size:14px; color:#999;font-family: Malgun Gothic;}
.footer_j .copy{font-size:11px;letter-spacing: 0;color:#999;font-family: Arial;}