@charset "UTF-8";

/* BASE */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:before,q:after{content:''}
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
[hidden]{display:none}

a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em}
img,table,td,blockquote,code,pre,textarea,input,iframe,object,video{max-width:100%;height:auto}
img{border:0;width:auto}
figure{margin:0}
button,input,select{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

html,button,input,select,textarea{color:#fff}
body{margin:0;font-family: “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3″, “Hiragino Kaku Gothic ProN”, Arial, Roboto, “Droid Sans”, “メイリオ”, Meiryo, sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:12px;font-weight:400;line-height:18px}
html,body{background:#000 url("../images/main_bg.png") no-repeat fixed center center}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
img{vertical-align:middle}
textarea{resize:vertical}
a{text-decoration:none}
a:active,a:focus{outline:0}
a,a:hover{color:#4ba82e}
.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
h1,.h1-like{font-size:4.6em;margin-bottom:10px;line-height:52px;color:#fff}
h2,.h2-like{font-size:1.8em;line-height:30px;color:#6f6f6f}
h3,.h3-like{font-size:2.2em;line-height:34px;color:#419e2b}
h4,.h4-like{font-size:1.4em;line-height:34px}
#content{position:relative;width:990px;min-height:600px;margin:0 auto;padding-bottom:100px;z-index:1}
.isTablet #content{padding-top:20px;padding-bottom:0}

/* FOOTER */
#footer{position:fixed;bottom:-60px;left:0;right:0;min-height:50px;height:50px;z-index:100;border-top:1px solid #fff;background-color:#000}
.isTablet #footer{height:52px;top:0;border-top:0;border-bottom:1px solid #fff}
#footer_content{position:relative;min-width:990px;max-width:1110px;margin:0 auto}
#footer_logo{float:left;padding:10px;margin-bottom:0;line-height:0}
.footer_navigation_wrapper{position:absolute;top:-114px;left:50%;width:380px;height:130px;margin-left:-230px;background:transparent url("../images/footer_navigation_bg.png") no-repeat;opacity:0}
.isTablet .footer_navigation_wrapper{display:none}
.footer_navigation{opacity:0}
.footer_navigation li{position:absolute}
.footer_navigation li.slide_nav_01{top:50px;left:19px}
.footer_navigation li.slide_nav_02{top:10px;left:70px}
.footer_navigation li.slide_nav_03{top:16px;left:149px}
.footer_navigation li.slide_nav_04{top:25px;left:233px}
.footer_navigation li.slide_nav_05{top:35px;left:314px}
.footer_navigation li a,.footer_navigation li a:hover{color:#fff}
.footer_navigation li a .over_illustration,.footer_navigation li a.link-active:hover .over_illustration{position:absolute;top:50%;left:50%;margin-left:-7px;margin-top:-7px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 400ms ease-out;-moz-transition:all 400ms ease-out;transition:all 400ms ease-out}
.footer_navigation li a:hover .over_illustration{opacity:1;filter:alpha(opacity=100);-webkit-transition:all 400ms ease-out;-moz-transition:all 400ms ease-out;transition:all 400ms ease-out}
.footer_navigation li a .active_illustration{display:none}
/* .ie7 .footer_navigation li a .active_illustration,.ie8 .footer_navigation li a .active_illustration{display:inline;position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 400ms ease-out;-moz-transition:all 400ms ease-out;transition:all 400ms ease-out}
.ie7 .footer_navigation li a.link-active .active_illustration,.ie8 .footer_navigation li a.link-active .active_illustration{opacity:1;filter:alpha(opacity=100);-webkit-transition:all 400ms ease-out;-moz-transition:all 400ms ease-out;transition:all 400ms ease-out}
.ie7 .box_active_step,.ie8 .box_active_step{display:none} */
.footer_navigation li a .box_active_step{opacity:0;-webkit-transition:all 600ms ease-out;-moz-transition:all 600ms ease-out;transition:all 600ms ease-out}
.footer_navigation li a.link-active .box_active_step{opacity:1;-webkit-transition:all 600ms ease-out;-moz-transition:all 600ms ease-out;transition:all 600ms ease-out}
.box_active_step{position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;width:30px;height:30px;z-index:10}
.bullet_active_step,.bullet_active_step_halo,.bullet_active_step_halo_bis{position:absolute;top:50%;left:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.bullet_active_step_halo,.bullet_active_step_halo_bis{margin-left:-16px;margin-top:-16px;width:32px;height:32px;background-color:#fff}
.bullet_active_step{margin-left:-7px;margin-top:-7px;width:12px;height:12px;border:1px solid #fff;background-color:#4BA82E;opacity:1;z-index:10}
.bullet_active_step_halo{opacity:.3;z-index:-1;-webkit-animation:bulletActiveStepHalo 2s infinite;-moz-animation:bulletActiveStepHalo 2s infinite;-o-animation:bulletActiveStepHalo 2s infinite;animation:bulletActiveStepHalo 2s infinite}
.bullet_active_step_halo_bis{opacity:.1;z-index:-10;-webkit-animation:bulletActiveStepHalo 2s infinite .4s;-moz-animation:bulletActiveStepHalo 2s infinite .4s;-o-animation:bulletActiveStepHalo 2s infinite .4s;animation:bulletActiveStepHalo 2s infinite .4s}
.slide_nav_title{display:inline-block;width:100px;text-align:center;position:absolute;bottom:48px;left:-24px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;transition:all 200ms ease-out;line-height:14px;visibility:hidden}
.footer_navigation li.slide_nav_04 .slide_nav_title{left:0}
.footer_navigation li.hover .slide_nav_title{bottom:42px;opacity:1;filter:alpha(opacity=100);-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;transition:all 200ms ease-out}
.footer_navigation li a{display:block;width:52px;height:40px;background:transparent url("../images/bullet_step.png") no-repeat center center}
.footer_subnavigation{float:right}
.isTablet .footer_subnavigation{float:left;margin-left:160px;margin-right:300px}
.footer_subnavigation li{float:left}
.footer_subnavigation li a{display:block;width:100px;height:52px;font-size:.9em;line-height:52px;text-align:center;background:transparent url("../images/footer_subnavigation_bg.png") no-repeat center -1px;color:#999;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;transition:all 200ms ease-out}
.footer_subnavigation li a:hover{background-position:center -6px;opacity:1;color:#fff;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out}
.footer_subnavigation li.item_01 a{width:114px}
.footer_subnavigation li.item_02 a{width:100px}
.footer_subnavigation li.item_03 a{width:112px}
@-webkit-keyframes loadingAnimation{0%{ opacity:1}
50%{opacity:.2}
100%{opacity:1}
}
@-moz-keyframes loadingAnimation{0%{ opacity:1}
50%{opacity:.2}
100%{opacity:1}
}
@-o-keyframes loadingAnimation{0%{ opacity:1}
50%{opacity:.2}
100%{opacity:1}
}
@keyframes loadingAnimation{0%{ opacity:1}
50%{opacity:.2}
100%{opacity:1}
}
@-webkit-keyframes bulletActiveStepHalo{0%{ -webkit-transform:scale(0.5);opacity:.3}
20%{opacity:.3}
100%{-webkit-transform:scale(1.3);opacity:0}
}
@-moz-keyframes bulletActiveStepHalo{0%{ -moz-transform:scale(0.5);opacity:.3}
20%{opacity:.3}
100%{-moz-transform:scale(1.3);opacity:0}
}
@-o-keyframes bulletActiveStepHalo{0%{ -o-transform:scale(0.5);opacity:.3}
20%{opacity:.3}
100%{-o-transform:scale(1.3);opacity:0}
}
@keyframes bulletActiveStepHalo{0%{ transform:scale(0.5);opacity:.3}
20%{opacity:.3}
100%{transform:scale(1.3);opacity:0}
}

/* CROSS BROUSER */
.isTablet{background-image:none}
.no-js .slide,.isTablet .slide,.ie7 .slide,.ie8 .slide{height:760px}
.no-js .slide_05,.isTablet .slide_05,.ie7 .slide_05,.ie8 .slide_05{height:auto}
.no-js .slide_headline,.isTablet .slide_headline,.ie7 .slide_headline,.ie8 .slide_headline,.no-js .slide_illustrations,.isTablet .slide_illustrations,.ie7 .slide_illustrations,.ie8 .slide_illustrations,.no-js #slide_05 .slide_main_content,.isTablet #slide_05 .slide_main_content,.ie7 #slide_05 .slide_main_content,.ie8 #slide_05 .slide_main_content,.no-js #slide_05 .slide_main_content,.isTablet #slide_05 .slide_main_content,.ie7 #slide_05 .slide_main_content,.ie8 #slide_05 .slide_main_content,.no-js #prelude_illustration_01,.isTablet #prelude_illustration_01,.ie7 #prelude_illustration_01,.ie8 #prelude_illustration_01{position:static;display:block;visibility:visible;margin-top:0;margin-left:0;left:auto;top:auto;z-index:auto}
.no-js .slide_illustrations div,.isTablet .slide_illustrations div,.ie7 .slide_illustrations div,.ie8 .slide_illustrations div{width:auto;height:auto}
.no-js #footer,.isTablet #footer,.ie7 #footer,.ie8 #footer{bottom:0}
.no-js .slide_headline,.isTablet .slide_headline,.ie7 .slide_headline,.ie8 .slide_headline{position:absolute;right:0}
.no-js .social_networks_nav,.isTablet .social_networks_nav,.ie7 .social_networks_nav,.ie8 .social_networks_nav,.no-js .slide_headline header,.isTablet .slide_headline header,.ie7 .slide_headline header,.ie8 .slide_headline header,.no-js .slide_illustrations,.isTablet .slide_illustrations,.ie7 .slide_illustrations,.ie8 .slide_illustrations,.no-js .slide_main_content,.isTablet .slide_main_content,.ie7 .slide_main_content,.ie8 .slide_main_content,.no-js #slide_05 .slide_main_content,.isTablet #slide_05 .slide_main_content,.ie7 #slide_05 .slide_main_content,.ie8 #slide_05 .slide_main_content,.no-js .footer_navigation_wrapper,.isTablet .footer_navigation_wrapper,.ie7 .footer_navigation_wrapper,.ie8 .footer_navigation_wrapper,.no-js .footer_navigation,.isTablet .footer_navigation,.ie7 .footer_navigation,.ie8 .footer_navigation{opacity:1}
.no-js #slide_01_illustration_02,.isTablet #slide_01_illustration_02,.ie8 #slide_01_illustration_02,.ie7 #slide_01_illustration_02{top:40px;left:800px;opacity:1}
.ie8 .cta_plus_sphere,.ie7 .cta_plus_sphere,.ie8 .close_button,.ie7 .close_button{border:0 none}
.ie8 .cta_plus div,.ie7 .cta_plus div,.ie8 .cta_plus img,.ie7 .cta_plus img{display:none}
.no-js .cta_plus,.ie8 .cta_plus,.ie7 .cta_plus{background:transparent url("../images/call_to_action_01.png") no-repeat 0 0}
.full_column{width:auto}
.ir{background-color:transparent;border:0;overflow:hidden;text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:100%}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.lt-ie7 .clearfix{zoom:1}
.ie8 img{width:auto}
@media print{*{ background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
@page{margin:.5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}

 /* 2017.08.23 add h.suzuki modal window */
.button {
  display: inline-block;
  margin: 20px;
  padding: 10px 20px;
  background:#fff;
  border:1px #333 solid;
  font-size:14px;
  color:#333;
}
a {
  font-size:14px;
  color:#333;
  text-decoration:none;
}
.close {
  text-align:right;
  padding: 10px;
}
p {
  padding: 20px;
  line-height:1.6;
}

  /* =========================== batman =========================== */

  button {
    border: none;
    position: relative;
    width: 400px;
    height: 146px;
    padding: 0;
    z-index: 2;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='868' width='2500' viewBox='0 0 726 252.17'%3E%3Cpath d='M483.92 0S481.38 24.71 466 40.11c-11.74 11.74-24.09 12.66-40.26 15.07-9.42 1.41-29.7 3.77-34.81-.79-2.37-2.11-3-21-3.22-27.62-.21-6.92-1.36-16.52-2.82-18-.75 3.06-2.49 11.53-3.09 13.61S378.49 34.3 378 36a85.13 85.13 0 0 0-30.09 0c-.46-1.67-3.17-11.48-3.77-13.56s-2.34-10.55-3.09-13.61c-1.45 1.45-2.61 11.05-2.82 18-.21 6.67-.84 25.51-3.22 27.62-5.11 4.56-25.38 2.2-34.8.79-16.16-2.47-28.51-3.39-40.21-15.13C244.57 24.71 242 0 242 0H0s69.52 22.74 97.52 68.59c16.56 27.11 14.14 58.49 9.92 74.73C170 140 221.46 140 273 158.57c69.23 24.93 83.2 76.19 90 93.6 6.77-17.41 20.75-68.67 90-93.6 51.54-18.56 103-18.59 165.56-15.25-4.21-16.24-6.63-47.62 9.93-74.73C656.43 22.74 726 0 726 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='868' width='2500' viewBox='0 0 726 252.17'%3E%3Cpath d='M483.92 0S481.38 24.71 466 40.11c-11.74 11.74-24.09 12.66-40.26 15.07-9.42 1.41-29.7 3.77-34.81-.79-2.37-2.11-3-21-3.22-27.62-.21-6.92-1.36-16.52-2.82-18-.75 3.06-2.49 11.53-3.09 13.61S378.49 34.3 378 36a85.13 85.13 0 0 0-30.09 0c-.46-1.67-3.17-11.48-3.77-13.56s-2.34-10.55-3.09-13.61c-1.45 1.45-2.61 11.05-2.82 18-.21 6.67-.84 25.51-3.22 27.62-5.11 4.56-25.38 2.2-34.8.79-16.16-2.47-28.51-3.39-40.21-15.13C244.57 24.71 242 0 242 0H0s69.52 22.74 97.52 68.59c16.56 27.11 14.14 58.49 9.92 74.73C170 140 221.46 140 273 158.57c69.23 24.93 83.2 76.19 90 93.6 6.77-17.41 20.75-68.67 90-93.6 51.54-18.56 103-18.59 165.56-15.25-4.21-16.24-6.63-47.62 9.93-74.73C656.43 22.74 726 0 726 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-mask-size: 100%;
    cursor: pointer;
    background-color: transparent;
    -webkit-transform: translateY(8px);
        -ms-transform: translateY(8px);
            transform: translateY(8px)
   }
   
   button:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: 0px 0 0 0 white;
            box-shadow: 0px 0 0 0 white;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
   }

   button:hover:after {
    -webkit-box-shadow: 0px -30px 56px 12px #ffffffa6;
            box-shadow: 0px -39px 56px 12px #ffffffa6;
   }
   
   button span {
    position: absolute;
    width: 100%;
    font-size: 15px;
    font-weight: 100;
    left: 50%;
    top: 43%;
    letter-spacing: 3px;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: black;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
   }
   
   button:hover span {
    color: white;
   }
   
   button:before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    background-color: black;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
   }
   
   button:hover:before {
    width: 100%;
   }
      
     
    /* =========================== batman =========================== */