@charset "UTF-8";
/* 請勿直接修改CSS，請修改SCSS後再行編譯 */
/* INSOWE-GAGU-2014/5/22 */


/* line 26, ../../../../../../scss/main.scss */
.clear {
  clear: both;
}

/* line 29, ../../../../../../scss/main.scss */
#main-zone > .container {
  padding: 0;
}

/* line 32, ../../../../../../scss/main.scss */
#special-sectionOverview {
  padding: 0px;
}
/* line 34, ../../../../../../scss/main.scss */
#special-sectionOverview p, #special-sectionOverview h1, #special-sectionOverview h2 {
  margin: 0;
}
/* line 37, ../../../../../../scss/main.scss */
#special-sectionOverview a {
  outline: none;
}
/* line 40, ../../../../../../scss/main.scss */
#special-sectionOverview img {
  max-width: none !important;
}
/* line 45, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section {
  position: relative;
  overflow: hidden;
}
/* line 48, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section#empty {
  height: 145px;
}
/* line 51, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page {
  position: absolute;
}
/* line 53, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page > .bg {
  overflow: hidden;
  position: absolute;
  background-color: #FFF;
}
/* line 58, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page > .view {
  position: absolute;
  font-family: "Segoe UI Semilight",sans-serif;
}
/* line 61, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page > .view > .text {
  position: absolute;
  padding: 20px;
  z-index: 1;
  /*top: 50%;*/
  top: 20%;
  /*margin-top: -200px;*/
}
@media screen and (max-width: 640px) {
  /* line 61, ../../../../../../scss/main.scss */
  #special-sectionOverview #wrap > section > .page > .view > .text {
    position: absolute;
    width: 100% !important;
    height: auto;
    margin: 5px 0 0 0 !important;
    top: 50% !important;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;
    text-align: center;
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  /* line 61, ../../../../../../scss/main.scss */
  #special-sectionOverview #wrap > section > .page > .view > .text {
    position: absolute;
    width: 100% !important;
    height: auto;
    margin: 5px 0 0 0 !important;
    top: 50% !important;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;
    text-align: center;
    padding: 0;
  }
}
/* line 91, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page > .view > .text.center {
  text-align: center;
  top: auto;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}
/* line 98, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page > .view > .text > h1, #special-sectionOverview #wrap > section > .page > .view > .text > h2, #special-sectionOverview #wrap > section > .page > .view > .text > p {
  font-family: "Segoe UI Light",sans-serif;
  position: relative;
}
/* line 102, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page > .view > .text > h1 {
  font-size: 58px;
  font-weight: normal;
  line-height: 65px;
  padding-bottom: 10px;
  color: #363636;
  letter-spacing: -2px;
}
/* line 109, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page > .view > .text > h1 > img {
  max-width: 100% !important;
}
@media screen and (max-width: 1024px) {
  /* line 102, ../../../../../../scss/main.scss */
  #special-sectionOverview #wrap > section > .page > .view > .text > h1 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }
}
@media screen and (max-width: 640px) {
  /* line 102, ../../../../../../scss/main.scss */
  #special-sectionOverview #wrap > section > .page > .view > .text > h1 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -0.3px;
  }
}
/* line 123, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page > .view > .text > h2 {
  font-size: 32px;
  font-weight: normal;
  line-height: 36px;
  padding-bottom: 0px;
  color: #898989;
  letter-spacing: -0.3px;
}
@media screen and (max-width: 1024px) {
  /* line 123, ../../../../../../scss/main.scss */
  #special-sectionOverview #wrap > section > .page > .view > .text > h2 {
    font-size: 28px;
    line-height: 30px;
    letter-spacing: -0.2px;
  }
}
@media screen and (max-width: 640px) {
  /* line 123, ../../../../../../scss/main.scss */
  #special-sectionOverview #wrap > section > .page > .view > .text > h2 {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0.3px;
  }
}
/* line 141, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page > .view > .text > p {
  font-size: 20px;
  font-weight: normal;
  line-height: 32px;
  padding-bottom: 12px;
  color: #363636;
  letter-spacing: 0.3px;
}
@media screen and (max-width: 1024px) {
  /* line 141, ../../../../../../scss/main.scss */
  #special-sectionOverview #wrap > section > .page > .view > .text > p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.3px;
  }
}
@media screen and (max-width: 640px) {
  /* line 141, ../../../../../../scss/main.scss */
  #special-sectionOverview #wrap > section > .page > .view > .text > p {
    text-align: center;
  }
}
/* line 157, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page > .view > .text > a, #special-sectionOverview #wrap > section > .page > .view > .text > span {
  font-family: "Segoe UI Semilight",sans-serif;
  position: relative;
}
/* line 161, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page > .view > .text > a {
  font-size: 20px;
  font-weight: normal;
  line-height: 32px;
  color: #00a8ff;
  letter-spacing: 0.3px;
}
/* line 167, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page > .view > .text > a:hover {
  color: #008fd9;
}
/* line 171, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page > .view > .text > span {
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  color: #7F7F7F;
  letter-spacing: 1px;
  display: block;
}
/* line 180, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page > .view > .fg {
  position: absolute;
  margin: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media screen and (max-width: 640px) {
  /* line 180, ../../../../../../scss/main.scss */
  #special-sectionOverview #wrap > section > .page > .view > .fg {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 80px;
  }
}
/* line 193, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page > .view > .fg > div {
  position: absolute;
  display: block;
}
@media screen and (max-width: 640px) {
  /* line 193, ../../../../../../scss/main.scss */
  #special-sectionOverview #wrap > section > .page > .view > .fg > div {
    position: relative;
    margin: 0 auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
  }
}
/* line 203, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page > .view > .fg > div img {
  position: relative;
  width: 100%;
}
/* line 212, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page.dark > .bg {
  background-color: #000;
}
/* line 217, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page.dark > .view > .text > h1 {
  color: #FFF;
}
/* line 220, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page.dark > .view > .text > h2 {
  color: #898989;
}
/* line 223, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page.dark > .view > .text > p {
  color: #FFF;
}
/* line 226, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page.dark > .view > .text > a {
  color: #33b9ff;
}
/* line 228, ../../../../../../scss/main.scss */
#special-sectionOverview #wrap > section > .page.dark > .view > .text > a:hover {
  color: #44c8ff;
}




#special-sectionOverview #wrap > section > .page.shadow > .view > .text > h1 {
  font-family : "Square-721-bold-bt" ,"Segoe UI Semilight", sans-serif;
  margin      : 30px 0 0 0;
  color       : #FFF;
  font-weight : normal;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#8d010a', Direction=135, Strength=8);
  text-shadow : 0 0 20px #8d010a , 0 0 20px #8d010a , 0 0 20px #8d010a;
  font-size: 37px;
  
}
/*
#special-sectionOverview #wrap > section > .page.shadow.blue > .view > .text > h1 {
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#4f9daa', Direction=135, Strength=8);
  text-shadow : 0 0 20px #4f9daa , 0 0 20px #4f9daa , 0 0 20px #4f9daa; 
  
}

*/