@media screen and (max-width:1023px){.pc{display:none !important}main{padding-top:0;overflow:hidden;}main #area1{position:relative;}main #area1:before{content:'';display:block;padding-top:105.62499999999999%;background-image:url("../img/image1_sp.jpg");-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-position:center center;-webkit-transition-duration:1000ms;-moz-transition-duration:1000ms;-o-transition-duration:1000ms;-ms-transition-duration:1000ms;transition-duration:1000ms;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}main #area1.ready:before{opacity:1;-ms-filter:none;filter:none}main #area1.ready >.wrap .borderType1:before{background-position:right center}main #area1.ready >.wrap .borderType1:after{background-position:left center}main #area1 .logo{position:absolute;left:20px;top:10px;}main #area1 .logo svg{width:38px;height:16px}main #area1 >.wrap{position:absolute;left:4%;top:0;height:0;padding-top:105.62499999999999%;-webkit-transition-duration:1000ms;-moz-transition-duration:1000ms;-o-transition-duration:1000ms;-ms-transition-duration:1000ms;transition-duration:1000ms;}main #area1 >.wrap h1{font-weight:normal !important;font-style:normal;font-family:'AxisStd-ExtraLight';font-size:36px;line-height:1.2;white-space:nowrap;letter-spacing:-2px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition-duration:200ms;-moz-transition-duration:200ms;-o-transition-duration:200ms;-ms-transition-duration:200ms;transition-duration:200ms;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);padding-bottom:20%;}main #area1 >.wrap h1 strong{font-weight:normal !important;font-style:normal;font-family:'AxisStd-Bold';display:block}main #area1 >.wrap h1 span{display:block}main #area1 .menuArea li{border-bottom:1px solid #ccc;}main #area1 .menuArea li a{display:block}main #area1 .menuArea li .wrap1{display:table;width:100%;padding:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}main #area1 .menuArea li .wrap1 >.main,main #area1 .menuArea li .wrap1 >.subWrap{display:table-cell;vertical-align:middle}main #area1 .menuArea li .wrap1 >.main{font-weight:normal !important;font-style:normal;font-family:'AxisStd-Bold';font-size:15px;line-height:1;color:#222}main #area1 .menuArea li .wrap1 >.subWrap{text-align:right;}main #area1 .menuArea li .wrap1 >.subWrap >.sub{font-size:8px;color:#999;padding-right:5px;letter-spacing:.4px}main #area1 .menuArea li .wrap1 >.subWrap:after{content:'';display:inline-block;height:7px;width:20px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MS4xMyIgaGVpZ2h0PSIxOC4xMiIgdmlld0JveD0iMCAwIDQxLjEzIDE4LjEyIj48dGl0bGU+bWVudV9hcnJvdzI8L3RpdGxlPjxnIGlkPSI4ZDVjZDQxNi0wNDgxLTQyNTUtYjI5OC1jZGNiNjRmY2Q5MzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSIyNjQwN2Q2MC03ZmM5LTRkMzQtYjhjYy1lMWY1MjUwMDEyMWEiIGRhdGEtbmFtZT0ibWVudSI+PGcgc3R5bGU9Im9wYWNpdHk6MC42MDAwMDAwMDAwMDAwMDAxIj48bGluZSB4MT0iNDEiIHkxPSI5LjA2IiB5Mj0iOS4wNiIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzQ0NDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MnB4Ii8+PHBvbHlnb24gcG9pbnRzPSIzMi4wNyAxNy4xMyAzMS45MyAxNi45OSAzOS44NiA5LjA2IDMxLjkzIDEuMTMgMzIuMDcgMC45OSA0MC4xNCA5LjA2IDQwLjA3IDkuMTMgMzIuMDcgMTcuMTMiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiM0NDQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjEuMzk5OTk5OTc2MTU4MTRweCIvPjwvZz48L2c+PC9nPjwvc3ZnPg==");background-repeat:no-repeat;background-position:right center;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain}main #area1 .menuArea li .wrap2{display:none}main #area1 .shareArea{display:none}#footer .footerMenu{display:none}#footer >.wrap{border-top:none}}@media print,screen and (min-width:1024px){.sp{display:none !important}main >.wrap{max-width:1600px;margin:auto}main #area1{position:relative;overflow:hidden;padding:0;max-width:1600px;margin:auto;}main #area1:before{content:'';display:block;padding-top:52.23880597014925%;background-image:url("../img/image1_pc.jpg");-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-position:center center;-webkit-transition-duration:1000ms;-moz-transition-duration:1000ms;-o-transition-duration:1000ms;-ms-transition-duration:1000ms;transition-duration:1000ms;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}main #area1.ready:before{opacity:1;-ms-filter:none;filter:none}main #area1.ready >.wrap .borderType1:before{background-position:100% center}main #area1.ready >.wrap .borderType1:after{background-position:0 center}main #area1 .logo{position:absolute;left:55px;top:47px;}main #area1 >.wrap{position:absolute;left:45px;bottom:16%;-webkit-transition-duration:1000ms;-moz-transition-duration:1000ms;-o-transition-duration:1000ms;-ms-transition-duration:1000ms;transition-duration:1000ms;}main #area1 >.wrap h1{font-weight:normal !important;font-style:normal;font-family:'AxisStd-ExtraLight';font-size:64px;line-height:1.36;white-space:nowrap;letter-spacing:-3px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition-duration:200ms;-moz-transition-duration:200ms;-o-transition-duration:200ms;-ms-transition-duration:200ms;transition-duration:200ms;}main #area1 >.wrap h1 strong{font-weight:normal !important;font-style:normal;font-family:'AxisStd-Bold';display:block}main #area1 >.wrap h1 span{display:block}main #area1 .menuArea{position:absolute;bottom:0;left:0;width:100%;height:100%;padding-left:380px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:23px;padding-bottom:23px;display:table;}main #area1 .menuArea nav{width:100%;display:table-cell;vertical-align:bottom}main #area1 .menuArea ul{position:relative;height:470px;width:100%;max-width:726px;margin-left:auto;margin-right:0}main #area1 .menuArea li{position:absolute;width:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:3px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);}main #area1 .menuArea li a{display:block}main #area1 .menuArea li .wrap{height:230px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;position:relative}main #area1 .menuArea li .wrap1,main #area1 .menuArea li .wrap2{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition-duration:300ms;-moz-transition-duration:300ms;-o-transition-duration:300ms;-ms-transition-duration:300ms;transition-duration:300ms;background-color:rgba(255,255,255,0.8);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}main #area1 .menuArea li .wrap1{z-index:2;position:relative;}main #area1 .menuArea li .wrap1 >.main{font-weight:normal !important;font-style:normal;font-family:'AxisStd-Bold';font-size:16px;color:#222;position:absolute;left:0;bottom:50px;padding:0 18px}main #area1 .menuArea li .wrap1 >.subWrap{position:absolute;bottom:0;left:0;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}main #area1 .menuArea li .wrap1 >.subWrap >.sub{font-size:8px;color:#959595;letter-spacing:.7px;width:auto;white-space:nowrap;padding-right:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0}main #area1 .menuArea li .wrap1 >.subWrap >.arrow{font-size:0;height:10px;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDYuNTkiIGhlaWdodD0iOS42NSIgdmlld0JveD0iMCAwIDE0Ni41OSA5LjY1Ij48dGl0bGU+YXJyb3c8L3RpdGxlPjxnIGlkPSJkM2Y1ZGUxYS0zNWFmLTRjNjUtYjhhNi1hZmUwOWMwMTc2ZDIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSJjMmNjMDhkNy0xYjA2LTQxYTktODAxNS0zZGE3OGFmNTVlMjAiIGRhdGEtbmFtZT0ibWVudSI+PGcgc3R5bGU9Im9wYWNpdHk6MC42MDAwMDAwMDAwMDAwMDAxIj48bGluZSB4MT0iMTQ1IiB5MT0iNC43NiIgeTI9IjQuNzYiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiM0NDQ7c3Ryb2tlLW1pdGVybGltaXQ6MTAiLz48cG9seWdvbiBwb2ludHM9IjE0MS43OSA5LjEyIDE0MS42NSA4Ljk4IDE0NS43OCA0LjgzIDE0MS42NSAwLjY3IDE0MS43OSAwLjUzIDE0Ni4wNiA0LjgzIDE0NS45OSA0LjkgMTQxLjc5IDkuMTIiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiM0NDQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjAuNzVweCIvPjwvZz48L2c+PC9nPjwvc3ZnPg==");background-repeat:no-repeat;background-position:right center;-webkit-background-size:auto;-moz-background-size:auto;background-size:auto}main #area1 .menuArea li .wrap2{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);background-position:center;background-repeat:no-repeat;-webkit-background-size:auto;-moz-background-size:auto;background-size:auto}main #area1 .menuArea li a:hover .wrap1{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}main #area1 .menuArea li a:hover .wrap2{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}main #area1 .menuArea li.menuProduct{bottom:0;left:0%;}main #area1 .menuArea li.menuProduct .wrap2{background-image:url("../img/icon_product.svg")}main #area1 .menuArea li.menuLearn{top:0;left:25%;}main #area1 .menuArea li.menuLearn .wrap2{background-image:url("../img/icon_learn.svg")}main #area1 .menuArea li.menuSelect{top:0;left:50%;}main #area1 .menuArea li.menuSelect .wrap2{background-image:url("../img/icon_select.svg")}main #area1 .menuArea li.menuUse{top:0;left:75%;}main #area1 .menuArea li.menuUse .wrap2{background-image:url("../img/icon_use.svg")}main #area1 .menuArea li.menuSkintrouble{bottom:0;left:50%;}main #area1 .menuArea li.menuSkintrouble .wrap2{background-image:url("../img/icon_skintrouble.svg")}main #area1 .menuArea li.menuColumn{bottom:0;left:75%;}main #area1 .menuArea li.menuColumn .wrap2{background-image:url("../img/icon_column.svg")}main #area1 .shareArea{position:absolute;bottom:44px;left:48px;font-size:0;}main #area1 .shareArea h2{color:#959595;font-size:12px;line-height:1;display:inline-block;vertical-align:middle;margin:0 7px}main #area1 .shareArea a{display:inline-block;color:#959595;line-height:1;width:23px;height:25px;margin:0 7px;font-size:0;vertical-align:middle;}main #area1 .shareArea a:before{font-size:23px}main #area1 .shareArea a.fb:before{font-family:icomoon;content:'\e904';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main #area1 .shareArea a.tw:before{font-family:icomoon;content:'\e906';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main #area1 .shareArea a:hover{color:#aaa}}