@charset "utf-8";
@import url('font.css');

.over_zum { background:#000; overflow: hidden; }
.over_zum img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
	opacity:0.8;
}
.over_zum:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
	opacity:1.0;
}

.main_bg { background:#000; }


@media (min-width:1600px) {
	
.view_pc { display:block; }
.view_mob { display:none; }	

#brand { padding:150px 0 1000px; background:url(../images/main_brand_bg.jpg)#000 no-repeat; background-attachment:fixed; background-size:cover; }
#brand article { text-align:center; }
#brand article h2 { display:block; margin:20px 0 0; font-size:3.5em; color:#fff; line-height:1.2em; }
#brand article h3 { font-size:2.0em; font-weight:700; color:#0096fe; }
#brand article p { display:block; margin:30px auto 0; width:1100px; font-size:1.5em; color:#fff; line-height:1.5em; }
#brand .content_wrap { display:flex; justify-content:center; flex-wrap:wrap; margin:100px auto 0; width:90%; max-width:1600px; }
#brand .content_wrap div { margin:0 20px; }

#product { padding:150px 0 200px; margin:-800px 0 0; border-radius:50px 50px 0 0; background:#fff; }
#product article { text-align:center; }
#product article h2 { display:block; margin:20px 0 0; font-size:3.5em; color:#111; line-height:1.2em; }
#product article h3 { font-size:2.0em; font-weight:700; color:#0096fe; }
#product article p { display:block; margin:30px auto 0; width:1100px; font-size:1.5em; color:#111; line-height:1.5em; }
#product .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:90px auto 0; }
#product .content_wrap .content { width:32%; overflow:hidden; }
#product .content_wrap .content .wrap { position:relative; }
#product .content_wrap .content .wrap .pic { background:#000; border-radius:20px; width:100%; overflow:hidden;}
#product .content_wrap .content .wrap .pic img { width:100%; }
#product .content_wrap .content .wrap .desc { position:absolute; left:50%; top:85%; transform:translate(-50%) translateY(-50%); width:80%; z-index:6; }
#product .content_wrap .content .wrap .desc h2 { margin:auto 0; font-size:1.8em; font-weight:600; color:#fff; line-height:1.4em; text-align:center; }
#product .content_wrap .content .wrap .desc p { display:block; margin:10px 0; font-size:1.1em; font-weight:500; color:#a6a6a6; text-align:center; }

#media { padding:150px 0 250px; background:url(../images/main_media_bg.jpg) #000 bottom no-repeat; background-size:cover; }
#media article { text-align:center; }
#media article h2 { display:block; margin:20px 0 0; font-size:3.5em; color:#fff; line-height:1.2em; }
#media article h3 { font-size:2.0em; font-weight:700; color:#0096fe; }
#media article p { display:block; margin:30px auto 0; width:1100px; font-size:1.5em; color:#fff; line-height:1.5em; }
#media .content { margin:100px auto 0; width:70%; }
#media span { display:block; margin:70px 0 0; text-align:center; }
#media span a { display:inline-block; border-radius:50px; border:2px solid #fff; padding:15px 35px; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#media span a:hover { border:2px solid #0096fe; background:#0096fe; }

#support { padding:50px 0 200px; background:#000; }
#support .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; border-radius:25px; width:90%; max-width:1600px; margin:0 auto; padding:80px; background:url(../images/main_support_bg.jpg) no-repeat; background-size:cover;}
#support .content_wrap article {}
#support .content_wrap article h2 { display:block; margin:15px 0; font-size:2.2em; color:#fff; line-height:1.2em; }
#support .content_wrap article h3 { font-size:1.0em; color:#0096fe; }
#support .content_wrap article p { font-size:1.0em; color:#c0c0c0; line-height:1.5em; }
#support .content_wrap ul { display:flex; margin:auto 0; }
#support .content_wrap ul li { margin:0 5px; }
#support .content_wrap ul li a { display:inline-block; border-radius:30px; border:2px solid #fff; padding:10px 35px; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#support .content_wrap ul li a:hover { border:2px solid #0096fe; background:#0096fe; }
#support .content_wrap ul li:nth-child(1) a { border:2px solid #0096fe; background:#0096fe; color:#fff; }
#support .content_wrap ul li:nth-child(1) a:hover { border:2px solid #003cff; background:#003cff; color:#fff; }
}


@media (min-width:768px) and (max-width:1599px){

.view_pc { display:block; }
.view_mob { display:none; }	

#brand { padding:140px 0 800px; background:url(../images/main_brand_bg.jpg)#000 no-repeat; background-attachment:fixed; background-size:cover; }
#brand article { text-align:center; }
#brand article h2 { display:block; margin:20px 0 0; font-size:2.8em; color:#fff; line-height:1.2em; }
#brand article h3 { font-size:1.6em; font-weight:700; color:#0096fe; }
#brand article p { display:block; margin:30px auto 0; width:90%; max-width:1000px; font-size:1.2em; color:#fff; line-height:1.6em; }
#brand .content_wrap { display:flex; justify-content:center; flex-wrap:wrap; margin:90px auto 0; width:80%; }
#brand .content_wrap div { width:30%; text-align:center; }
#brand .content_wrap div img { width:90%; }

#product { padding:140px 0 180px; margin:-600px 0 0; border-radius:50px 50px 0 0; background:#fff; }
#product article { text-align:center; }
#product article h2 { display:block; margin:20px 0 0; font-size:2.8em; color:#111; line-height:1.2em; }
#product article h3 { font-size:1.6em; font-weight:700; color:#0096fe; }
#product article p { display:block; margin:30px auto 0; width:90%; max-width:1000px; font-size:1.2em; color:#111; line-height:1.6em; }
#product .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:90px auto 0; }
#product .content_wrap .content { width:32%; overflow:hidden; }
#product .content_wrap .content .wrap { position:relative; }
#product .content_wrap .content .wrap .pic { background:#000; border-radius:20px; width:100%; overflow:hidden;}
#product .content_wrap .content .wrap .pic img { width:100%; }
#product .content_wrap .content .wrap .desc { position:absolute; left:50%; top:85%; transform:translate(-50%) translateY(-50%); width:80%; z-index:6; }
#product .content_wrap .content .wrap .desc h2 { margin:auto 0; font-size:1.6em; font-weight:600; color:#fff; line-height:1.4em; text-align:center; }
#product .content_wrap .content .wrap .desc p { display:block; margin:10px 0; font-size:1.0em; font-weight:500; color:#a6a6a6; text-align:center; }

#media { padding:140px 0 180px; background:url(../images/main_media_bg.jpg) #000 bottom no-repeat; background-size:cover; }
#media article { text-align:center; }
#media article h2 { display:block; margin:20px 0 0; font-size:2.8em; color:#fff; line-height:1.2em; }
#media article h3 { font-size:1.6em; font-weight:700; color:#0096fe; }
#media article p { display:block; margin:30px auto 0; width:90%; max-width:1000px; font-size:1.2em; color:#fff; line-height:1.6em; }
#media .content { margin:80px auto 0; width:70%; }
#media span { display:block; margin:70px 0 0; text-align:center; }
#media span a { display:inline-block; border-radius:50px; border:2px solid #fff; padding:15px 35px; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#media span a:hover { border:2px solid #0096fe; background:#0096fe; }

#support { padding:30px 0 170px; background:#000; }
#support .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; border-radius:25px; width:90%; margin:0 auto; padding:70px 60px; background:url(../images/main_support_bg.jpg) no-repeat; background-size:cover;}
#support .content_wrap article {}
#support .content_wrap article h2 { display:block; margin:15px 0; font-size:1.8em; color:#fff; line-height:1.2em; }
#support .content_wrap article h3 { font-size:1.0em; color:#0096fe; }
#support .content_wrap article p { font-size:1.0em; color:#c0c0c0; line-height:1.5em; }
#support .content_wrap ul { display:flex; margin:auto 0; }
#support .content_wrap ul li { margin:0 5px; }
#support .content_wrap ul li a { display:inline-block; border-radius:30px; border:2px solid #fff; padding:8px 25px; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#support .content_wrap ul li a:hover { border:2px solid #0096fe; background:#0096fe; }
#support .content_wrap ul li:nth-child(1) a { border:2px solid #0096fe; background:#0096fe; color:#fff; }
#support .content_wrap ul li:nth-child(1) a:hover { border:2px solid #003cff; background:#003cff; color:#fff; }


}




@media (max-width:767px){

.view_pc { display:none; }
.view_mob { display:block; }	

#brand { padding:100px 0 400px; background:url(../images/main_brand_bg_mob.jpg)#000 no-repeat; background-attachment:fixed; background-size:cover; }
#brand article { margin:0 auto; width:85%; text-align:center; }
#brand article h2 { display:block; margin:10px 0 0; font-size:2.0em; color:#fff; line-height:1.1em; }
#brand article h3 { font-size:1.3em; font-weight:600; color:#0096fe; }
#brand article p { display:block; margin:15px auto 0; font-size:1.1em; color:#fff; line-height:1.5em; }
#brand .content_wrap { display:flex; justify-content:center; flex-wrap:wrap; margin:50px auto 0; width:95%; }
#brand .content_wrap div { margin:2% 0; width:45%; text-align:center; }
#brand .content_wrap div img { width:90%; }

#product { padding:70px 0 90px; margin:-300px 0 0; border-radius:40px 40px 0 0; background:#fff; }
#product article { margin:0 auto; width:85%; text-align:center; }
#product article h2 { display:block; margin:10px 0 0; font-size:2.0em; color:#111; line-height:1.1em; }
#product article h3 { font-size:1.3em; font-weight:600; color:#0096fe; }
#product article p { display:block; margin:15px auto 0; font-size:1.1em; color:#111; line-height:1.5em; }
#product .content_wrap { display:flex; justify-content:center; flex-wrap:wrap; width:85%; margin:40px auto 0; }
#product .content_wrap .content { margin:2%; width:46%; overflow:hidden; }
#product .content_wrap .content .wrap { position:relative; }
#product .content_wrap .content .wrap .pic { background:#000; border-radius:15px; width:100%; overflow:hidden;}
#product .content_wrap .content .wrap .pic img { width:100%; }
#product .content_wrap .content .wrap .desc { position:absolute; left:50%; top:75%; transform:translate(-50%) translateY(-50%); width:80%; z-index:6; }
#product .content_wrap .content .wrap .desc h2 { margin:auto 0; font-size:1.2em; font-weight:600; color:#fff; line-height:1.3em; text-align:center; }
#product .content_wrap .content .wrap .desc p { display:block; margin:5px 0; font-size:0.8em; font-weight:500; color:#a6a6a6; line-height:1.2em; text-align:center; }

#media { padding:100px 0; background:url(../images/main_media_bg.jpg) #000 bottom no-repeat; background-size:cover; }
#media article { margin:0 auto; width:85%; text-align:center; }
#media article h2 { display:block; margin:10px 0 0; font-size:2.0em; color:#fff; line-height:1.1em; }
#media article h3 { font-size:1.3em; font-weight:600; color:#0096fe; }
#media article p { display:block; margin:15px auto 0; font-size:1.1em; color:#fff; line-height:1.5em; }
#media .content { margin:50px auto 0; width:90%; }
#media span { display:block; margin:50px 0 0; text-align:center; }
#media span a { display:inline-block; border-radius:50px; border:2px solid #fff; padding:10px 25px; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#media span a:hover { border:2px solid #0096fe; background:#0096fe; }

#support { padding:30px 0 160px; background:#000; }
#support .content_wrap { display:flex; justify-content:space-between; flex-direction:column; flex-wrap:wrap; border-radius:25px; width:85%; margin:0 auto; padding:40px 30px; background:url(../images/main_support_bg_mob.jpg) no-repeat; background-size:cover;}
#support .content_wrap article { width:100%; }
#support .content_wrap article h2 { display:block; margin:10px 0; font-size:1.4em; color:#fff; line-height:1.2em; }
#support .content_wrap article h3 { font-size:1.0em; color:#0096fe; }
#support .content_wrap article p { font-size:1.0em; color:#c0c0c0; line-height:1.5em; }
#support .content_wrap ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin:30px 0 0; }
#support .content_wrap ul li { margin:5px 0; width:48%; }
#support .content_wrap ul li a { display:inline-block; border-radius:30px; border:2px solid #fff; padding:8px 0; width:100%; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#support .content_wrap ul li a:hover { border:2px solid #0096fe; background:#0096fe; }
#support .content_wrap ul li:nth-child(1) a { border:2px solid #0096fe; background:#0096fe; color:#fff; }
#support .content_wrap ul li:nth-child(1) a:hover { border:2px solid #003cff; background:#003cff; color:#fff; }


}