@charset "utf-8";


#land_visual{position:relative;height:550px;background:url(/_public/images/landing/nail/bg_visual_.png) no-repeat center center;background-size:cover;}
#land_visual .typo{max-width:1200px;width:100%;margin:0 auto;text-align:left;}
#land_visual .typo h4.typo_sub{font-size:25px;color:#fff;font-weight:300;padding-bottom:20px;line-height:1.3;}
#land_visual .typo h2.typo_main{font-size:50px;color:#fff;font-weight:700;padding-bottom:0;text-align:left;}
#land_visual .typo span.line{display:inline-block;width:50px;height:1px;background-color:#fff;margin:1.8rem 0;}
#land_visual .typo div.typo_text{font-size:19px;color:#fff;font-weight:300;line-height:1.5;}


#count > .zip_quality{padding:100px 0;}

/*#land_check{background-color:#f5f5f5;text-align:center;}
#land_check h2{margin-top:-40px;}*/

#land_design{background:url(/_public/images/landing/nail/bg_design.jpg) no-repeat center center;background-size:cover;}

#land_solution{background-color:#f6f6f6;text-align:center;}
#land_solution .slogan{padding-top:80px;}

#land_special{background:url(/_public/images/landing/nail/bg_special.jpg) no-repeat center center;background-size:cover;}

#land_port{background-color:#f8f8f8;}
#land_port ul.port_list{font-size:0;}
#land_port ul.port_list li{display:inline-block;width:32.333333333333%;margin:0.5%;vertical-align:top;}

.momobile{display:none;}

@media screen and (max-width:1000px) {
#land_visual{height:500px;}
#land_visual .typo{padding:0 20px;}
#land_visual .typo h4.typo_sub{font-size:20px;font-weight:300;padding-bottom:15px;}
#land_visual .typo h2.typo_main{font-size:40px;}
#land_visual .typo div.typo_text{font-size:14px;}
/*#land_visual .typo{top:50%;left:50%;width:560px;margin-top:-100px;margin-left:-280px;}*/
}

@media screen and (max-width:768px) {
#land_visual{height:350px; background-position: 30% center; background-size: cover;}
/*#land_visual .typo{width:440px;margin-top:-70px;margin-left:-220px;}*/
#land_visual .typo h4.typo_sub{font-size:16px;font-weight:300;padding-bottom:15px;}
#land_visual .typo h2.typo_main{font-size:30px;}
#land_visual .typo div.typo_text{font-size:14px;}

#land_check h2{margin-top:-20px;}
#land_solution .slogan{padding-top:50px;}
}

@media screen and (max-width:550px) {
.momobile{display:block;}
}

@media screen and (max-width:480px) {
#land_visual{height:300px;}
/*#land_visual .typo{width:280px;margin-top:-46px;margin-left:-140px;}*/

#land_solution .slogan{padding-top:30px;}
}