@charset "UTF-8";
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
/* line 3, main.scss */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/* line 9, main.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 14, main.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 19, main.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 28, main.scss */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/* line 37, main.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 43, main.scss */
textarea {
  resize: vertical;
}

/* line 47, main.scss */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* line 54, main.scss */
a:hover {
  transition: all 0.5s cubic-bezier(0.07, 0.58, 0.56, 0.96);
  opacity: 0.7;
}

/* line 59, main.scss */
a {
  display: block;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* line 69, main.scss */
html, body {
  width: 100%;
  height: 100%;
  min-width: 1024px;
  background-color: #f9f9f9;
}

/* line 76, main.scss */
#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 111;
}

/* line 86, main.scss */
#wrapper {
  width: 100%;
  height: 100%;
  background: url(../images/bgtop.jpg) center top repeat-x;
}

/* line 92, main.scss */
#header {
  width: 1024px;
  height: auto;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
/* line 100, main.scss */
#header .fadein {
  float: left;
  overflow: hidden;
}
/* line 104, main.scss */
#header .fadein .clogo {
  width: 113px;
  height: 29px;
  float: left;
  margin: 18px 0px 0 25px;
}
/* line 111, main.scss */
#header .fadein .hlogo {
  width: 209px;
  height: 36px;
  float: right;
  margin: 12px 15px 12px 0;
}
/* line 120, main.scss */
#header .hbanner {
  position: absolute;
  left: 20px;
  top: 60px;
}
/* line 126, main.scss */
#header .copy {
  float: right;
  margin-top: 20px;
}
/* line 131, main.scss */
#header .line2 {
  float: right;
  border-left: 1px solid #dfdfdf;
  margin-top: 28px;
  margin-right: -10px;
}
/* line 137, main.scss */
#header .line2 li {
  float: right;
  height: 160px;
  padding: 8px 2px 0 2px;
  border-right: 1px solid #dfdfdf;
  width: 37px;
  padding-left: 18px;
}
/* line 145, main.scss */
#header .line2 li p {
  overflow: hidden;
}
/* line 149, main.scss */
#header .line2 li .menu01 {
  width: 23px;
}
/* line 152, main.scss */
#header .line2 li .menu01 a:hover {
  margin-left: -23px;
  opacity: 1;
  transition: all 0s cubic-bezier(0.07, 0.58, 0.56, 0.96);
}
/* line 160, main.scss */
#header .line2 li .menu03, #header .line2 li .menu05 {
  width: 22px;
}
/* line 163, main.scss */
#header .line2 li .menu03 a:hover, #header .line2 li .menu05 a:hover {
  margin-left: -22px;
  opacity: 1;
  transition: all 0s cubic-bezier(0.07, 0.58, 0.56, 0.96);
}
/* line 171, main.scss */
#header .line2 li .menu02, #header .line2 li .menu04, #header .line2 li .menu06 {
  width: 21px;
}
/* line 174, main.scss */
#header .line2 li .menu02 a:hover, #header .line2 li .menu04 a:hover, #header .line2 li .menu06 a:hover {
  margin-left: -21px;
  opacity: 1;
  transition: all 0s cubic-bezier(0.07, 0.58, 0.56, 0.96);
}

/* line 188, main.scss */
.contents {
  height: auto;
  margin: -200px 0 -38px;
}
/* line 192, main.scss */
.contents .contentsinner {
  width: 1024px;
  height: 539px;
  position: relative;
  margin: 0px auto;
}
/* line 198, main.scss */
.contents .contentsinner .chara {
  position: absolute;
  bottom: 13px;
  left: 50%;
  margin-left: -560px;
}
/* line 205, main.scss */
.contents .contentsinner h1, .contents .contentsinner div {
  position: absolute;
}
/* line 209, main.scss */
.contents .contentsinner .logo {
  left: 50%;
  margin-left: -268px;
  bottom: 30px;
}
/* line 215, main.scss */
.contents .contentsinner .movie {
  right: 0;
  bottom: 57px;
}

/*-----------------------縺薙％縺九ｉkasou-----------------------*/
/* line 226, main.scss */
.wrapperkasou {
  width: 100%;
  height: auto;
  min-width: 1024px;
  background: url(../images/bgkasou.jpg) center top repeat-x;
}

/* line 233, main.scss */
.kasou1 {
  background: url(../images/bgkasou1.jpg) center top repeat-x;
}

/* line 237, main.scss */
.kasou2 {
  background: url(../images/bgkasou2.jpg) center top repeat-x;
}

/* line 241, main.scss */
.kasou3 {
  background: url(../images/bgkasou3.jpg) center top repeat-x;
}

/* line 245, main.scss */
#headerkasou {
  width: 1024px;
  height: 130px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
/* line 252, main.scss */
#headerkasou .fadein {
  overflow: hidden;
}
/* line 255, main.scss */
#headerkasou .fadein .clogo {
  width: 113px;
  height: 29px;
  float: left;
  margin: 18px 0px 0 25px;
}
/* line 262, main.scss */
#headerkasou .fadein .hlogo {
  width: 209px;
  height: 36px;
  float: right;
  margin: 12px 15px 12px 0;
}
/* line 271, main.scss */
#headerkasou ul {
  clear: both;
  margin: 0 auto;
  width: 992px;
  border-left: 1px solid #acacac;
  overflow: hidden;
}
/* line 278, main.scss */
#headerkasou ul li {
  float: left;
  height: 26px;
  padding: 8px 16px 14px 16px;
  overflow: hidden;
  border-right: 1px solid #acacac;
}
/* line 285, main.scss */
#headerkasou ul li p {
  overflow: hidden;
  margin-top: 4px;
}
/* line 290, main.scss */
#headerkasou ul li .menu01 {
  width: 68px;
}
/* line 293, main.scss */
#headerkasou ul li .menu01 a:hover {
  margin-left: -68px;
  opacity: 1;
  transition: all 0s cubic-bezier(0.07, 0.58, 0.56, 0.96);
}
/* line 301, main.scss */
#headerkasou ul li .menu02 {
  width: 60px;
}
/* line 304, main.scss */
#headerkasou ul li .menu02 a:hover {
  margin-left: -60px;
  opacity: 1;
  transition: all 0s cubic-bezier(0.07, 0.58, 0.56, 0.96);
}
/* line 312, main.scss */
#headerkasou ul li .menu03 {
  width: 134px;
}
/* line 315, main.scss */
#headerkasou ul li .menu03 a:hover {
  margin-left: -134px;
  opacity: 1;
  transition: all 0s cubic-bezier(0.07, 0.58, 0.56, 0.96);
}
/* line 323, main.scss */
#headerkasou ul li .menu04 {
  width: 146px;
}
/* line 326, main.scss */
#headerkasou ul li .menu04 a:hover {
  margin-left: -146px;
  opacity: 1;
  transition: all 0s cubic-bezier(0.07, 0.58, 0.56, 0.96);
}
/* line 334, main.scss */
#headerkasou ul li .menu05 {
  width: 119px;
}
/* line 337, main.scss */
#headerkasou ul li .menu05 a:hover {
  margin-left: -119px;
  opacity: 1;
  transition: all 0s cubic-bezier(0.07, 0.58, 0.56, 0.96);
}
/* line 345, main.scss */
#headerkasou ul li .menu06 {
  width: 141px;
}
/* line 348, main.scss */
#headerkasou ul li .menu06 a:hover {
  margin-left: -141px;
  opacity: 1;
  transition: all 0s cubic-bezier(0.07, 0.58, 0.56, 0.96);
}
/* line 356, main.scss */
#headerkasou ul li .menu07 {
  width: 89px;
}
/* line 359, main.scss */
#headerkasou ul li .menu07 a:hover {
  margin-left: -89px;
  opacity: 1;
  transition: all 0s cubic-bezier(0.07, 0.58, 0.56, 0.96);
}

/* line 373, main.scss */
.contentskasou {
  height: 620px;
  margin: -50px 0 -30px;
}
/* line 377, main.scss */
.contentskasou .contentsinner {
  width: 1024px;
  height: 100%;
  position: relative;
  margin: 0px auto;
}
/* line 383, main.scss */
.contentskasou .contentsinner img {
  position: absolute;
}
/* line 387, main.scss */
.contentskasou .contentsinner .spec01 {
  left: 21px;
  bottom: 51px;
}
/* line 392, main.scss */
.contentskasou .contentsinner .spec02 {
  top: 14px;
  left: 50%;
  margin-left: -246px;
}
/* line 398, main.scss */
.contentskasou .contentsinner .spec03 {
  top: 72px;
  right: 21px;
}
/* line 403, main.scss */
.contentskasou .contentsinner .spec04 {
  right: 21px;
  bottom: 51px;
}

/* line 412, main.scss */
.contentskasou2 {
  height: auto;
  margin-bottom: 30px;
}
/* line 416, main.scss */
.contentskasou2 .contentsinner {
  width: 1024px;
  height: 100%;
  position: relative;
  margin: 0px auto;
}
/* line 422, main.scss */
.contentskasou2 .contentsinner .btnarea {
  width: 480px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
/* line 429, main.scss */
.contentskasou2 .contentsinner .btnarea p {
  float: left;
  margin: 0 8px 10px;
}
/* line 434, main.scss */
.contentskasou2 .contentsinner .btnarea .btn1off, .contentskasou2 .contentsinner .btnarea .btn2on {
  display: none;
}
/* line 440, main.scss */
.contentskasou2 .contentsinner .page1, .contentskasou2 .contentsinner .page2 {
  margin-left: 16px;
}
/* line 444, main.scss */
.contentskasou2 .contentsinner .page2 {
  position: absolute;
  left: 0;
  top: 0;
}
/* line 450, main.scss */
.contentskasou2 .contentsinner .reachflow {
  margin-top: 30px;
}
/* line 454, main.scss */
.contentskasou2 .contentsinner .shinkan, .contentskasou2 .contentsinner .dai {
  margin-top: 70px;
}
/* line 460, main.scss */
.contentskasou2 .digital {
  width: 100%;
  min-width: 1024px;
}
/* line 464, main.scss */
.contentskasou2 .digital .digitalinner {
  background: url(../images/digital.png) top center no-repeat;
  height: 703px;
  position: relative;
}
/* line 469, main.scss */
.contentskasou2 .digital .digitalinner ul {
  width: 528px;
  position: absolute;
  bottom: 54px;
  left: 50%;
  margin-left: -174px;
}
/* line 476, main.scss */
.contentskasou2 .digital .digitalinner ul li {
  display: inline-block;
}
/* line 479, main.scss */
.contentskasou2 .digital .digitalinner ul li:nth-child(2) {
  margin-left: 128px;
}

/*-----------------------縺薙％縺ｾ縺ｧkasou-----------------------*/
/* line 496, main.scss */
footer {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
/* line 501, main.scss */
footer .footerinner {
  width: 1000px;
  margin: 0 auto;
}
/* line 505, main.scss */
footer .footerinner #footer_banner {
  width: 980px;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 30px;
}
/* line 511, main.scss */
footer .footerinner #footer_banner li {
  float: left;
}
/* line 514, main.scss */
footer .footerinner #footer_banner li:nth-child(2) {
  margin: 0 10px;
}
/* line 522, main.scss */
footer .footerinner .copyright {
  float: left;
  height: 22px;
  line-height: 32px;
  font-size: 11px;
}
/* line 529, main.scss */
footer .footerinner .socialArea {
  float: right;
}
/* line 531, main.scss */
footer .footerinner .socialArea li {
  float: left;
}
/* line 537, main.scss */
footer .footerinner .twitter-share-button {
  margin-bottom: 1px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/* line 566, main.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/* line 571, main.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 582, main.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* line 592, main.scss */
.invisible {
  visibility: hidden;
}

/* line 596, main.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

/* line 602, main.scss */
.clearfix:after {
  clear: both;
}

/* line 606, main.scss */
.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  /* line 615, main.scss */
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 624, main.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* line 629, main.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 633, main.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* line 637, main.scss */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  /* line 642, main.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 648, main.scss */
  thead {
    display: table-header-group;
  }

  /* line 652, main.scss */
  tr,
  img {
    page-break-inside: avoid;
  }

  /* line 657, main.scss */
  img {
    max-width: 100% !important;
  }

  /* line 661, main.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 668, main.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }
}