@charset "UTF-8";
/* reset */
/* line 17, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* animation */
/* fonts */
/* line 29, ../sass/screen.scss */
.num {
  font-family: Arial, Helvetica,sans-serif;
}

/* font-awesome */
/* color */
/* line 54, ../sass/screen.scss */
a:link, a:visited {
  color: #e9888b;
  text-decoration: none;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

/* line 59, ../sass/screen.scss */
a:hover {
  color: #87544f;
}
/* line 61, ../sass/screen.scss */
a:hover img {
  text-decoration: none;
}

/* line 65, ../sass/screen.scss */
img {
  vertical-align: top;
}

/* line 68, ../sass/screen.scss */
strong {
  font-weight: bold;
}

/* line 71, ../sass/screen.scss */
.attention {
  font-size: 12px;
}

/* line 74, ../sass/screen.scss */
.mini {
  font-size: 10px;
}

/* line 77, ../sass/screen.scss */
.red {
  color: #FF0000;
}

/****************************************
          utility
*****************************************/
/* line 86, ../sass/screen.scss */
.ta_C {
  text-align: center;
}

/* line 87, ../sass/screen.scss */
.ta_L {
  text-align: left;
}

/* line 88, ../sass/screen.scss */
.ta_R {
  text-align: right;
}

/* line 90, ../sass/screen.scss */
strong {
  font-weight: bold;
}

/* line 92, ../sass/screen.scss */
.mb00 {
  margin-bottom: 0px !important;
}

/* line 93, ../sass/screen.scss */
.mb05 {
  margin-bottom: 5px !important;
}

/* line 94, ../sass/screen.scss */
.mb10 {
  margin-bottom: 10px !important;
}

/* line 95, ../sass/screen.scss */
.mb15 {
  margin-bottom: 15px !important;
}

/* line 96, ../sass/screen.scss */
.mb20 {
  margin-bottom: 20px !important;
}

/* line 97, ../sass/screen.scss */
.mb25 {
  margin-bottom: 25px !important;
}

/* line 98, ../sass/screen.scss */
.mb30 {
  margin-bottom: 30px !important;
}

/* line 99, ../sass/screen.scss */
.mb35 {
  margin-bottom: 35px !important;
}

/* line 100, ../sass/screen.scss */
.mb40 {
  margin-bottom: 40px !important;
}

/* line 101, ../sass/screen.scss */
.mb45 {
  margin-bottom: 45px !important;
}

/* line 102, ../sass/screen.scss */
.mb50 {
  margin-bottom: 50px !important;
}

/* line 103, ../sass/screen.scss */
.mb55 {
  margin-bottom: 55px !important;
}

/* line 104, ../sass/screen.scss */
.mb60 {
  margin-bottom: 60px !important;
}

/* line 106, ../sass/screen.scss */
.alignleft {
  float: left;
}

/* line 109, ../sass/screen.scss */
.alignright {
  float: right;
}

/****************************************
          Layout
*****************************************/
/* line 116, ../sass/screen.scss */
body {
  color: #282828;
  background: #fff;
  font-size: 14px;
  line-height: 1.8;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

/* line 124, ../sass/screen.scss */
#header {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: fixed;
  background-image: url("../images/common/header_bg.png");
  width: 100%;
  height: 80px;
  z-index: 100;
}
/* line 131, ../sass/screen.scss */
#header #header_inner {
  width: 940px;
  margin: 0 auto;
  position: relative;
}
/* line 135, ../sass/screen.scss */
#header #header_inner #logo {
  width: 76px;
  padding-top: 23px;
  float: left;
  margin-left: 10px;
}
/* line 140, ../sass/screen.scss */
#header #header_inner #logo a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
}
/* line 143, ../sass/screen.scss */
#header #header_inner #logo a:hover {
  opacity: .7;
}
/* line 148, ../sass/screen.scss */
#header #header_inner #menu {
  width: 760px;
  height: 50px;
  padding-top: 30px;
  float: right;
}
/* line 153, ../sass/screen.scss */
#header #header_inner #menu li {
  position: relative;
  float: left;
  width: 100px;
  margin-left: 24px;
}
/* line 158, ../sass/screen.scss */
#header #header_inner #menu li.WATERPROOF {
  margin-left: 0;
  width: 114px;
}
/* line 162, ../sass/screen.scss */
#header #header_inner #menu li.INTERVIEW {
  width: 93px;
}
/* line 164, ../sass/screen.scss */
#header #header_inner #menu li.INTERVIEW img {
  margin-bottom: 28px;
}
/* line 171, ../sass/screen.scss */
#header #header_inner #menu li.INTERVIEW ul {
  height: 0;
  overflow: hidden;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 180px;
}
/* line 177, ../sass/screen.scss */
#header #header_inner #menu li.INTERVIEW ul li {
  height: 34px;
  float: none;
  margin-left: 0;
  width: auto;
}
/* line 182, ../sass/screen.scss */
#header #header_inner #menu li.INTERVIEW ul li a {
  background-image: none;
  height: 10px;
  border: none;
  padding: 12px;
}
/* line 187, ../sass/screen.scss */
#header #header_inner #menu li.INTERVIEW ul li a:hover {
  background-color: #222222;
  border-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 192, ../sass/screen.scss */
#header #header_inner #menu li.INTERVIEW ul li a img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  margin: 0;
}
/* line 200, ../sass/screen.scss */
#header #header_inner #menu li.INTERVIEW:hover a {
  background-color: rgba(0, 0, 0, 0.4);
}
/* line 203, ../sass/screen.scss */
#header #header_inner #menu li.INTERVIEW:hover a.current:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
/* line 208, ../sass/screen.scss */
#header #header_inner #menu li.INTERVIEW:hover ul {
  display: block;
  height: auto;
}
/* line 211, ../sass/screen.scss */
#header #header_inner #menu li.INTERVIEW:hover ul a {
  background-color: #9b9b9b;
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
}
/* line 216, ../sass/screen.scss */
#header #header_inner #menu li.INTERVIEW:hover ul a:hover {
  background-color: #222222;
  border-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 224, ../sass/screen.scss */
#header #header_inner #menu li.DOWN_FACTORY {
  width: 129px;
}
/* line 227, ../sass/screen.scss */
#header #header_inner #menu li.SHELL_TECHNOLOGY {
  width: 161px;
}
/* line 230, ../sass/screen.scss */
#header #header_inner #menu li.TO_KNOW_THE_TRUTH {
  width: 165px;
}
/* line 233, ../sass/screen.scss */
#header #header_inner #menu li a {
  display: block;
  text-align: center;
  height: 40px;
  padding: 10px 0 0;
  line-height: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 240, ../sass/screen.scss */
#header #header_inner #menu li a img {
  display: block;
  margin: 0 auto 27px;
}
/* line 244, ../sass/screen.scss */
#header #header_inner #menu li a span {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 3px;
  background-color: #366089;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 253, ../sass/screen.scss */
#header #header_inner #menu li a:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
/* line 255, ../sass/screen.scss */
#header #header_inner #menu li a:hover span {
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 261, ../sass/screen.scss */
#header #header_inner #menu li a.current span {
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 265, ../sass/screen.scss */
#header #header_inner #menu li a.current:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background-color: transparent;
}

/* line 275, ../sass/screen.scss */
#lang {
  display: block;
  width: 88px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0.5s;
  -moz-transition: all 0.2s ease-in-out 0.5s;
  -o-transition: all 0.2s ease-in-out 0.5s;
  transition: all 0.2s ease-in-out 0.5s;
}
/* line 284, ../sass/screen.scss */
#lang span {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 88px;
  height: 24px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 292, ../sass/screen.scss */
#lang span.jp {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 295, ../sass/screen.scss */
#lang span.en {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 301, ../sass/screen.scss */
.JP #lang {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 303, ../sass/screen.scss */
.JP #lang .jp {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 306, ../sass/screen.scss */
.JP #lang .en {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 312, ../sass/screen.scss */
.EN #lang {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 314, ../sass/screen.scss */
.EN #lang .jp {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 317, ../sass/screen.scss */
.EN #lang .en {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 324, ../sass/screen.scss */
#header.BK:hover {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
}
/* line 329, ../sass/screen.scss */
#header.BK #logo a {
  background: url("../images/common/BK/logo.png") no-repeat;
}
/* line 331, ../sass/screen.scss */
#header.BK #logo a img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 336, ../sass/screen.scss */
#header.BK #menu li.WATERPROOF a {
  background: url("../images/common/BK/menu_waterproof.png") center 10px no-repeat;
}
/* line 338, ../sass/screen.scss */
#header.BK #menu li.WATERPROOF a img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 340, ../sass/screen.scss */
#header.BK #menu li.INTERVIEW a {
  background: url("../images/common/BK/menu_interview.png") center 10px no-repeat;
}
/* line 342, ../sass/screen.scss */
#header.BK #menu li.INTERVIEW a img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 344, ../sass/screen.scss */
#header.BK #menu li.DOWN_FACTORY a {
  background: url("../images/common/BK/menu_downfactory.png") center 10px no-repeat;
}
/* line 346, ../sass/screen.scss */
#header.BK #menu li.DOWN_FACTORY a img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 348, ../sass/screen.scss */
#header.BK #menu li.SHELL_TECHNOLOGY a {
  background: url("../images/common/BK/menu_shelltech.png") center 10px no-repeat;
}
/* line 350, ../sass/screen.scss */
#header.BK #menu li.SHELL_TECHNOLOGY a img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 352, ../sass/screen.scss */
#header.BK #menu li.TO_KNOW_THE_TRUTH a {
  background: url("../images/common/BK/menu_toknowthetruth.png") center 10px no-repeat;
}
/* line 354, ../sass/screen.scss */
#header.BK #menu li.TO_KNOW_THE_TRUTH a img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 360, ../sass/screen.scss */
#lang.BK .jp {
  background: url("../images/common/BK/lang_jp.jpg") no-repeat;
}
/* line 362, ../sass/screen.scss */
#lang.BK .jp img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 364, ../sass/screen.scss */
#lang.BK .en {
  background: url("../images/common/BK/lang_en.jpg") no-repeat;
}
/* line 366, ../sass/screen.scss */
#lang.BK .en img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 370, ../sass/screen.scss */
#header.W:hover {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
}
/* line 375, ../sass/screen.scss */
#header.W #logo a {
  background: url("../images/common/W/logo.png") no-repeat;
}
/* line 377, ../sass/screen.scss */
#header.W #logo a img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 382, ../sass/screen.scss */
#header.W #menu li.WATERPROOF a {
  background: url("../images/common/W/menu_waterproof.png") center 10px no-repeat;
}
/* line 384, ../sass/screen.scss */
#header.W #menu li.WATERPROOF a img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 386, ../sass/screen.scss */
#header.W #menu li.INTERVIEW a {
  background: url("../images/common/W/menu_interview.png") center 10px no-repeat;
}
/* line 388, ../sass/screen.scss */
#header.W #menu li.INTERVIEW a img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 390, ../sass/screen.scss */
#header.W #menu li.DOWN_FACTORY a {
  background: url("../images/common/W/menu_downfactory.png") center 10px no-repeat;
}
/* line 392, ../sass/screen.scss */
#header.W #menu li.DOWN_FACTORY a img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 394, ../sass/screen.scss */
#header.W #menu li.SHELL_TECHNOLOGY a {
  background: url("../images/common/W/menu_shelltech.png") center 10px no-repeat;
}
/* line 396, ../sass/screen.scss */
#header.W #menu li.SHELL_TECHNOLOGY a img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 398, ../sass/screen.scss */
#header.W #menu li.TO_KNOW_THE_TRUTH a {
  background: url("../images/common/W/menu_toknowthetruth.png") center 10px no-repeat;
}
/* line 400, ../sass/screen.scss */
#header.W #menu li.TO_KNOW_THE_TRUTH a img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 406, ../sass/screen.scss */
#lang.W .jp {
  background: url("../images/common/W/lang_jp.jpg") no-repeat;
}
/* line 408, ../sass/screen.scss */
#lang.W .jp img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 410, ../sass/screen.scss */
#lang.W .en {
  background: url("../images/common/W/lang_en.jpg") no-repeat;
}
/* line 412, ../sass/screen.scss */
#lang.W .en img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 417, ../sass/screen.scss */
#keyvisual {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
  z-index: -1;
  width: 100%;
  height: 600px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
/* line 420, ../sass/screen.scss */
#keyvisual.move {
  opacity: 1;
}
/* line 430, ../sass/screen.scss */
#keyvisual #copyright {
  width: 100%;
  position: absolute;
  bottom: 10px;
  text-align: center;
}
/* line 436, ../sass/screen.scss */
#keyvisual #gradation {
  width: 100%;
  height: 100px;
  background-image: url("../images/common/keyv_grad.png");
  background-position: 50% 0;
  background-repeat: repeat-x;
  position: absolute;
  bottom: 0;
}

/* line 447, ../sass/screen.scss */
.top {
  background: #000;
}
/* line 449, ../sass/screen.scss */
.top #keyvisual {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images//TOP/intro_bg.jpg");
  background-position: 50% 50%;
  background-size: cover;
  z-index: 1;
}
/* line 458, ../sass/screen.scss */
.top #keyvisual #intro {
  width: 411px;
  height: 520px;
  position: absolute;
  top: 50%;
  right: 5%;
  margin-top: -260px;
  text-align: left;
}
/* line 467, ../sass/screen.scss */
.top #keyvisual #intro .title {
  margin-bottom: 50px;
}
/* line 470, ../sass/screen.scss */
.top #keyvisual #intro .txt {
  margin-bottom: 25px;
}
/* line 472, ../sass/screen.scss */
.top #keyvisual #intro .txt img {
  display: block;
}
/* line 474, ../sass/screen.scss */
.top #keyvisual #intro .txt img:first-child {
  margin-bottom: 45px;
}
/* line 479, ../sass/screen.scss */
.top #keyvisual #intro #enter {
  display: inline-block;
  background: transparent;
  position: relative;
  width: 135px;
  height: 49px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
/* line 486, ../sass/screen.scss */
.top #keyvisual #intro #enter img {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 490, ../sass/screen.scss */
.top #keyvisual #intro #enter:hover {
  background: #000;
  opacity: 0.7;
}
/* line 496, ../sass/screen.scss */
.top #keyvisual #copyright {
  width: 100%;
  position: absolute;
  bottom: 10px;
  text-align: center;
  line-height: 1;
}
/* line 504, ../sass/screen.scss */
.top #knowing {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images//TOP/knowng_bg.jpg");
  background-position: 50% 50%;
  background-size: cover;
}
/* line 507, ../sass/screen.scss */
.top #knowing.move {
  opacity: 1;
}
/* line 517, ../sass/screen.scss */
.top #knowing #logo {
  width: 940px;
  margin: 0 auto;
  padding-top: 30px;
}
/* line 521, ../sass/screen.scss */
.top #knowing #logo a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 523, ../sass/screen.scss */
.top #knowing #logo a:hover {
  opacity: 0.5;
}
/* line 528, ../sass/screen.scss */
.top #knowing .inner {
  width: 940px;
  height: 215px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -107.5px;
  margin-left: -470px;
  text-align: center;
}
/* line 537, ../sass/screen.scss */
.top #knowing .inner h1 {
  margin-bottom: 23px;
}
/* line 540, ../sass/screen.scss */
.top #knowing .inner h2 {
  margin-bottom: 45px;
}
/* line 543, ../sass/screen.scss */
.top #knowing .inner #menu {
  position: relative;
}
/* line 545, ../sass/screen.scss */
.top #knowing .inner #menu li {
  width: 180px;
  height: 70px;
  position: relative;
  float: left;
  margin-left: 10px;
}
/* line 551, ../sass/screen.scss */
.top #knowing .inner #menu li:first-child {
  margin-left: 0;
}
/* line 554, ../sass/screen.scss */
.top #knowing .inner #menu li a {
  display: block;
  height: 70px;
  border: #010101 solid 1px;
  background: transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 559, ../sass/screen.scss */
.top #knowing .inner #menu li a img {
  margin-top: 30px;
}
/* line 563, ../sass/screen.scss */
.top #knowing .inner #menu li a:hover {
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  border-color: #fff;
}
/* line 570, ../sass/screen.scss */
.top #knowing .inner #menu li.interview a:hover {
  background: #9b9b9b;
  background: rgba(0, 0, 0, 0.2);
  border-color: transparent;
}
/* line 575, ../sass/screen.scss */
.top #knowing .inner #menu li.interview ul {
  height: 0;
  overflow: hidden;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
/* line 581, ../sass/screen.scss */
.top #knowing .inner #menu li.interview ul li {
  height: 34px;
  float: none;
  margin-left: 0;
}
/* line 585, ../sass/screen.scss */
.top #knowing .inner #menu li.interview ul li a {
  height: 34px;
  border: none;
}
/* line 588, ../sass/screen.scss */
.top #knowing .inner #menu li.interview ul li a:hover {
  background: #888888;
  background: rgba(0, 0, 0, 0.5);
  border-color: transparent;
}
/* line 593, ../sass/screen.scss */
.top #knowing .inner #menu li.interview ul li a img {
  margin-top: 12px;
}
/* line 600, ../sass/screen.scss */
.top #knowing .inner #menu li.interview:hover a {
  background: #9b9b9b;
  background: rgba(0, 0, 0, 0.2);
  border-color: transparent;
}
/* line 605, ../sass/screen.scss */
.top #knowing .inner #menu li.interview:hover ul {
  display: block;
  height: auto;
}
/* line 614, ../sass/screen.scss */
.top #knowing #copyright {
  width: 100%;
  position: absolute;
  bottom: 10px;
  text-align: center;
  line-height: 1;
}

/* line 623, ../sass/screen.scss */
#article {
  margin: 0;
}
/* line 625, ../sass/screen.scss */
#article .ant {
  vertical-align: super;
  font-size: smaller;
}

/* line 632, ../sass/screen.scss */
body.WATERPROOF #article {
  padding-top: 80px;
}

/* line 637, ../sass/screen.scss */
body.DOWN_FACTORY {
  background: #dae2e7;
}
/* line 639, ../sass/screen.scss */
body.DOWN_FACTORY #keyvisual {
  height: 683px;
  background-image: url("../images/DOWN_FACTORY/keyv.jpg");
  background-position: 50% bottom;
}
/* line 643, ../sass/screen.scss */
body.DOWN_FACTORY #keyvisual #title {
  width: 781px;
  padding-top: 190px;
  margin: 0 auto;
  text-align: center;
}
/* line 649, ../sass/screen.scss */
body.DOWN_FACTORY #keyvisual #title h1 img {
  display: block;
}
/* line 652, ../sass/screen.scss */
body.DOWN_FACTORY #keyvisual #title h1 .tit_num {
  margin: 0 auto 25px;
}
/* line 655, ../sass/screen.scss */
body.DOWN_FACTORY #keyvisual #title h1 .title {
  margin: 0 auto 25px;
}
/* line 658, ../sass/screen.scss */
body.DOWN_FACTORY #keyvisual #title h1 .subtitle {
  margin: 0 auto 25px;
}
/* line 666, ../sass/screen.scss */
body.DOWN_FACTORY #article {
  font-size: 14px;
  line-height: 1.8;
}
/* line 669, ../sass/screen.scss */
body.DOWN_FACTORY #article .section {
  width: 940px;
  margin: 0 auto 50px;
}
/* line 672, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .left {
  float: left;
  width: 460px;
}
/* line 676, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .right {
  float: right;
  width: 460px;
}
/* line 680, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .img {
  background: #bbc1c5;
}
/* line 682, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .img img {
  display: block;
}
/* line 685, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .img .caption {
  padding: 10px;
  font-size: 12px;
  line-height: 1.5;
}
/* line 691, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .tit {
  margin-bottom: 25px;
}
/* line 692, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .tit img {
  display: block;
}
/* line 697, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .graph {
  margin-top: 45px;
}
/* line 701, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .itembox .item {
  float: left;
  width: 300px;
  margin-left: 20px;
}
/* line 705, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .itembox .item a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 707, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .itembox .item a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 711, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .itembox .item:first-child {
  margin-left: 0;
}
/* line 714, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .itembox .item .tit {
  margin-bottom: 10px;
}
/* line 717, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .itembox .item .txt {
  font-size: 12px;
  margin-bottom: 10px;
}
/* line 721, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .itembox .item .icons {
  border-top: #000 solid 1px;
  border-bottom: #000 solid 1px;
  padding: 9px;
}
/* line 725, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .itembox .item .icons i {
  margin-right: 5px;
}
/* line 729, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .itembox .item .data {
  display: none;
}
/* line 735, ../sass/screen.scss */
body.DOWN_FACTORY #article .section#section_02 {
  margin-bottom: 30px;
}
/* line 739, ../sass/screen.scss */
body.DOWN_FACTORY #article .section#section_03 .graybox1 {
  margin-top: 30px;
  margin-bottom: 55px;
}
/* line 742, ../sass/screen.scss */
body.DOWN_FACTORY #article .section#section_03 .graybox1 .alignleft {
  width: 580px;
}
/* line 745, ../sass/screen.scss */
body.DOWN_FACTORY #article .section#section_03 .graybox1 .alignright {
  width: 310px;
}
/* line 749, ../sass/screen.scss */
body.DOWN_FACTORY #article .section#section_03 .itembox {
  margin-bottom: 40px;
}
/* line 751, ../sass/screen.scss */
body.DOWN_FACTORY #article .section#section_03 .itembox:first-child {
  margin-bottom: 30px;
}
/* line 755, ../sass/screen.scss */
body.DOWN_FACTORY #article .section#section_03 .itembox .item img:first-child {
  margin-bottom: 10px;
}
/* line 760, ../sass/screen.scss */
body.DOWN_FACTORY #article .section#section_03 .graybox2 {
  padding-left: 35px;
  padding-right: 35px;
  font-size: 12px;
}
/* line 764, ../sass/screen.scss */
body.DOWN_FACTORY #article .section#section_03 .graybox2 .icons {
  padding-bottom: 30px;
  border-bottom: #bbc1c5 solid 1px;
  margin-bottom: 30px;
}
/* line 768, ../sass/screen.scss */
body.DOWN_FACTORY #article .section#section_03 .graybox2 .icons .set {
  float: left;
  width: 210px;
  margin-left: 8px;
}
/* line 772, ../sass/screen.scss */
body.DOWN_FACTORY #article .section#section_03 .graybox2 .icons .set:first-child {
  margin-left: 0;
}
/* line 775, ../sass/screen.scss */
body.DOWN_FACTORY #article .section#section_03 .graybox2 .icons .set p {
  margin-top: 10px;
  line-height: 1;
}
/* line 778, ../sass/screen.scss */
body.DOWN_FACTORY #article .section#section_03 .graybox2 .icons .set p:first-child {
  margin-top: 0;
}
/* line 782, ../sass/screen.scss */
body.DOWN_FACTORY #article .section#section_03 .graybox2 .icons .set i {
  margin-right: 5px;
  position: relative;
  top: 4px;
}
/* line 789, ../sass/screen.scss */
body.DOWN_FACTORY #article .section#section_03 .graybox2 .spec {
  float: left;
  width: 145px;
  margin-left: 35px;
}
/* line 793, ../sass/screen.scss */
body.DOWN_FACTORY #article .section#section_03 .graybox2 .spec img {
  margin-bottom: 10px;
}
/* line 796, ../sass/screen.scss */
body.DOWN_FACTORY #article .section#section_03 .graybox2 .spec:first-child {
  margin-left: 0;
}
/* line 803, ../sass/screen.scss */
body.DOWN_FACTORY #article .section .graybox {
  padding: 20px;
  border: #bbc1c5 solid 1px;
  font-size: 12px;
  background: #cdd7de;
}
/* line 810, ../sass/screen.scss */
body.DOWN_FACTORY #article .imgline {
  width: 100%;
  height: 157px;
  margin-bottom: 75px;
  background-image: url("../images/DOWN_FACTORY/02_img_01.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
/* line 820, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons {
  line-height: 1;
}
/* line 822, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i {
  display: inline-block;
  line-height: 1;
  width: 18px;
  height: 18px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
/* line 829, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.i900 {
  background-image: url("../images/common/icon_BK/icon_900.png");
}
/* line 832, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.C {
  background-image: url("../images/common/icon_BK/icon_C.png");
}
/* line 835, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.G {
  background-image: url("../images/common/icon_BK/icon_G.png");
}
/* line 838, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.H {
  background-image: url("../images/common/icon_BK/icon_H.png");
}
/* line 841, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.K {
  background-image: url("../images/common/icon_BK/icon_K.png");
}
/* line 844, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.KP {
  background-image: url("../images/common/icon_BK/icon_KP.png");
}
/* line 847, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.P {
  background-image: url("../images/common/icon_BK/icon_P.png");
}
/* line 850, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.PQ {
  background-image: url("../images/common/icon_BK/icon_PQ.png");
}
/* line 853, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.PQ1 {
  background-image: url("../images/common/icon_BK/icon_PQ1.png");
}
/* line 856, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.PS {
  background-image: url("../images/common/icon_BK/icon_PS.png");
}
/* line 859, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.PTP {
  background-image: url("../images/common/icon_BK/icon_PTP.png");
}
/* line 862, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.S {
  background-image: url("../images/common/icon_BK/icon_S.png");
}
/* line 865, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.SC {
  background-image: url("../images/common/icon_BK/icon_SC.png");
}
/* line 868, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.SS {
  background-image: url("../images/common/icon_BK/icon_SS.png");
}
/* line 871, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.WP {
  background-image: url("../images/common/icon_BK/icon_WP.png");
}
/* line 874, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.WR {
  background-image: url("../images/common/icon_BK/icon_WR.png");
}
/* line 877, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.WRZ {
  background-image: url("../images/common/icon_BK/icon_WRZ.png");
}
/* line 880, ../sass/screen.scss */
body.DOWN_FACTORY #article .icons i.WS {
  background-image: url("../images/common/icon_BK/icon_WS.png");
}
/* line 886, ../sass/screen.scss */
body.DOWN_FACTORY #footer {
  background: #fff;
}

/* line 890, ../sass/screen.scss */
body.SHELL_TECHNOLOGY {
  background: #000;
  color: #fff;
}
/* line 893, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #keyvisual {
  height: 730px;
  background-image: url("../images/SHELL_TECHNOLOGY/keyv.jpg");
  background-position: 50% bottom;
  position: relative;
}
/* line 898, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #keyvisual #keyvisual_inner {
  width: 940px;
  height: 685px;
  margin: 0 auto;
  position: relative;
}
/* line 904, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #keyvisual .keyitem {
  position: absolute;
  top: 110px;
  left: 0;
}
/* line 909, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #keyvisual #title {
  width: 541px;
  position: absolute;
  top: 175px;
  right: 0;
  text-align: center;
}
/* line 916, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #keyvisual #title h1 img {
  display: block;
}
/* line 919, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #keyvisual #title h1 .tit_num {
  margin: 0 auto 25px;
}
/* line 922, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #keyvisual #title h1 .title {
  margin: 0 auto 25px;
}
/* line 925, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #keyvisual #title h1 .subtitle {
  margin: 0 auto 25px;
}
/* line 932, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #keyvisual h3 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 540px;
}
/* line 939, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article {
  font-size: 13px;
  line-height: 1.8;
}
/* line 942, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section {
  width: 940px;
  margin: 0 auto 50px;
}
/* line 945, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .left {
  float: left;
  width: 460px;
}
/* line 949, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .right {
  float: right;
  width: 460px;
}
/* line 953, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .img {
  background: #363636;
}
/* line 955, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .img img {
  display: block;
}
/* line 958, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .img .caption {
  padding: 10px;
  font-size: 12px;
  line-height: 1.5;
}
/* line 964, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .tit {
  margin-bottom: 25px;
}
/* line 965, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .tit img {
  display: block;
}
/* line 970, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .graph {
  margin-top: 45px;
}
/* line 974, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .item a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 976, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .item a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 980, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .item .desc {
  padding: 10px;
}
/* line 983, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .item .tit {
  margin-bottom: 10px;
  display: block;
}
/* line 987, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .item .txt {
  font-size: 12px;
  margin-bottom: 10px;
}
/* line 991, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .item .icons {
  border-top: #fff solid 1px;
  border-bottom: #fff solid 1px;
  padding: 9px;
}
/* line 995, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .item .icons i {
  margin-right: 5px;
}
/* line 999, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .item .data {
  display: none;
}
/* line 1003, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .itembox {
  width: 940px;
}
/* line 1005, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .itembox .item {
  float: left;
  width: 310px;
  margin-right: 10px;
}
/* line 1009, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .itembox .item.end {
  margin-right: 0;
  width: 300px;
}
/* line 1013, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .itembox .item .tit {
  margin-bottom: 10px;
}
/* line 1016, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .itembox .item .txt {
  font-size: 12px;
  margin-bottom: 10px;
}
/* line 1020, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .itembox .item .icons {
  border-top: #000 solid 1px;
  border-bottom: #000 solid 1px;
  padding: 9px;
}
/* line 1024, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section .itembox .item .icons i {
  margin-right: 5px;
}
/* line 1032, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_01 .first .left {
  width: 380px;
}
/* line 1035, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_01 .first .right {
  width: 540px;
}
/* line 1040, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_01 .second .right {
  width: 380px;
}
/* line 1043, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_01 .second .left {
  width: 540px;
}
/* line 1048, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_02 {
  margin-bottom: 10px;
}
/* line 1050, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_02 .img {
  margin-bottom: 9px;
}
/* line 1053, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_02 .caption {
  padding: 10px;
  margin-bottom: 9px;
  background: #363636;
}
/* line 1058, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_02 .threeColumn {
  margin-bottom: 10px;
  height: 665px;
  overflow: hidden;
}
/* line 1062, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_02 .threeColumn img {
  display: block;
}
/* line 1065, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_02 .threeColumn .left {
  width: 380px;
  float: left;
}
/* line 1069, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_02 .threeColumn .left .item .desc {
  padding: 5px 10px 9px;
  height: 115px;
}
/* line 1075, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_02 .threeColumn .center {
  width: 240px;
  float: left;
  margin-left: 10px;
}
/* line 1080, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_02 .threeColumn .right {
  width: 300px;
  float: right;
  background: #cacaca;
}
/* line 1084, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_02 .threeColumn .right .tit {
  margin-bottom: 5px;
}
/* line 1087, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_02 .threeColumn .right .img {
  margin-bottom: 10px;
}
/* line 1090, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_02 .threeColumn .right .txt {
  margin-bottom: 10px;
}
/* line 1093, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_02 .threeColumn .right .inner {
  padding: 10px;
  height: 380px;
  color: #000;
  font-size: 12px;
}
/* line 1102, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_03 {
  margin-bottom: 0;
}
/* line 1104, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_03 .itembox {
  margin-bottom: 10px;
}
/* line 1106, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_03 .itembox .item {
  background: #c3c4cf;
  color: #000;
}
/* line 1109, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_03 .itembox .item .desc {
  padding: 25px 8px 8px;
}
/* line 1112, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_03 .itembox .item.about {
  background: transparent;
}
/* line 1114, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_03 .itembox .item.about .inner {
  padding: 40px 15px 0;
  color: #fff;
}
/* line 1117, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_03 .itembox .item.about .inner img {
  margin-bottom: 10px;
}
/* line 1120, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_03 .itembox .item.about .inner .lang {
  margin-bottom: 30px;
  font-size: 12px;
}
/* line 1128, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_03 .aboutIcon {
  margin-top: 30px;
  margin-bottom: 10px;
  padding: 9px;
  font-size: 12px;
  border: #fff solid 1px;
}
/* line 1134, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .section#section_03 .aboutIcon img {
  margin: 9px;
}
/* line 1141, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons {
  line-height: 1;
}
/* line 1143, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i {
  display: inline-block;
  line-height: 1;
  width: 18px;
  height: 18px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
/* line 1150, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.i900 {
  background-image: url("../images/common/icon_BK/icon_900.png");
}
/* line 1153, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.C {
  background-image: url("../images/common/icon_BK/icon_C.png");
}
/* line 1156, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.G {
  background-image: url("../images/common/icon_BK/icon_G.png");
}
/* line 1159, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.H {
  background-image: url("../images/common/icon_BK/icon_H.png");
}
/* line 1162, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.K {
  background-image: url("../images/common/icon_BK/icon_K.png");
}
/* line 1165, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.KP {
  background-image: url("../images/common/icon_BK/icon_KP.png");
}
/* line 1168, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.P {
  background-image: url("../images/common/icon_BK/icon_P.png");
}
/* line 1171, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.PQ {
  background-image: url("../images/common/icon_BK/icon_PQ.png");
}
/* line 1174, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.PQ1 {
  background-image: url("../images/common/icon_BK/icon_PQ1.png");
}
/* line 1177, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.PS {
  background-image: url("../images/common/icon_BK/icon_PS.png");
}
/* line 1180, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.PTP {
  background-image: url("../images/common/icon_BK/icon_PTP.png");
}
/* line 1183, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.S {
  background-image: url("../images/common/icon_BK/icon_S.png");
}
/* line 1186, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.SC {
  background-image: url("../images/common/icon_BK/icon_SC.png");
}
/* line 1189, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.SS {
  background-image: url("../images/common/icon_BK/icon_SS.png");
}
/* line 1192, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.WP {
  background-image: url("../images/common/icon_BK/icon_WP.png");
}
/* line 1195, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.WR {
  background-image: url("../images/common/icon_BK/icon_WR.png");
}
/* line 1198, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.WRZ {
  background-image: url("../images/common/icon_BK/icon_WRZ.png");
}
/* line 1201, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.WS {
  background-image: url("../images/common/icon_BK/icon_WS.png");
}
/* line 1204, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.GP {
  background-image: url("../images/common/icon_BK/icon_GP.png");
}
/* line 1207, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons i.HD {
  background-image: url("../images/common/icon_BK/icon_HD.png");
}
/* line 1213, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons.W i.S {
  background-image: url("../images/common/icon_W/icon_S.png");
}
/* line 1216, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons.W i.KPL {
  background-image: url("../images/common/icon_W/icon_KPL.png");
}
/* line 1219, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons.W i.PS {
  background-image: url("../images/common/icon_W/icon_PS.png");
}
/* line 1222, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons.W i.SC {
  background-image: url("../images/common/icon_W/icon_SC.png");
}
/* line 1225, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #article .icons.W i.SS {
  background-image: url("../images/common/icon_W/icon_SS.png");
}
/* line 1232, ../sass/screen.scss */
body.SHELL_TECHNOLOGY #footer {
  background: transparent;
  padding-bottom: 30px;
}

/* line 1239, ../sass/screen.scss */
#modalbg {
  background-image: url("../images/common/bg_modal.png");
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  display: none;
  z-index: 10000;
}

/* line 1249, ../sass/screen.scss */
#modalclose {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
}

/* line 1255, ../sass/screen.scss */
#modal {
  width: 780px;
  min-height: 600px;
  color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -325px;
  margin-left: -390px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  -webkit-transform: scale(0.75, 0.75);
  -moz-transform: scale(0.75, 0.75);
  -ms-transform: scale(0.75, 0.75);
  -o-transform: scale(0.75, 0.75);
  transform: scale(0.75, 0.75);
}
/* line 1267, ../sass/screen.scss */
#modal .modal_inner {
  position: relative;
  padding: 30px;
  background: #fff;
  min-height: 550px;
}
/* line 1272, ../sass/screen.scss */
#modal .modal_inner .img {
  float: left;
  width: 400px;
  margin-right: 25px;
}
/* line 1278, ../sass/screen.scss */
#modal .modal_inner .alignright {
  width: 295px;
}
/* line 1281, ../sass/screen.scss */
#modal .modal_inner .tit {
  margin-top: 50px;
  margin-bottom: 15px;
}
/* line 1285, ../sass/screen.scss */
#modal .modal_inner .jp {
  margin-bottom: 15px;
  font-size: 12px;
}
/* line 1289, ../sass/screen.scss */
#modal .modal_inner .en {
  margin-bottom: 20px;
  font-size: 12px;
}
/* line 1293, ../sass/screen.scss */
#modal .modal_inner .data {
  margin-bottom: 20px;
  font-size: 12px;
}
/* line 1297, ../sass/screen.scss */
#modal .modal_inner .shop {
  text-align: center;
  position: absolute;
  bottom: 100px;
  left: 30px;
  width: 400px;
}
/* line 1303, ../sass/screen.scss */
#modal .modal_inner .shop a {
  display: inline-block;
  padding: 11px 53px;
  background: #fe0000;
  line-height: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 1310, ../sass/screen.scss */
#modal .modal_inner .shop a:hover {
  opacity: .7;
}
/* line 1315, ../sass/screen.scss */
#modal .modal_inner .close {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
}
/* line 1321, ../sass/screen.scss */
#modal .modal_inner .close:hover {
  opacity: .7;
}
/* line 1326, ../sass/screen.scss */
#modal.move {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

/*//// Switch Languages ////*/
/* line 1333, ../sass/screen.scss */
.lang {
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
/* line 1337, ../sass/screen.scss */
.lang .lang_wrap {
  width: 200%;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
/* line 1341, ../sass/screen.scss */
.lang .lang_wrap .ja, .lang .lang_wrap .jp, .lang .lang_wrap .en {
  float: left;
  width: 50%;
}

/* line 1348, ../sass/screen.scss */
.JP .lang .lang_wrap {
  left: 0;
}

/* line 1355, ../sass/screen.scss */
.EN .lang .lang_wrap {
  left: -100%;
}

/* line 1364, ../sass/screen.scss */
#footer {
  padding: 20px;
  text-align: center;
  line-height: 1;
}
.footText {
	font-size: 10px;
	line-height: 180%;
	color: #000;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.footText a {
	color: #666;
}
.footText a:link {
	text-decoration: none;
	color:#666;
}
.footText a:visited {
	text-decoration: none;
	color: #666;
}
.footText a:hover {
	text-decoration: underline;
	color:#666;
}
.footText a:active {
	text-decoration: underline;
	color:#000;
}
body.SHELL_TECHNOLOGY #footer .footText {
color: #FFF;
}

body.SHELL_TECHNOLOGY #footer .footText a {
	color: #FFF;
}


/* line 1371, ../sass/screen.scss */
#pagetop {
  position: fixed;
  bottom: 30px;
  right: -30px;
  width: 50px;
  height: 30px;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 1381, ../sass/screen.scss */
#pagetop.active {
  right: 30px;
  opacity: 1;
}
/* line 1385, ../sass/screen.scss */
#pagetop a {
  position: absolute;
  opacity: .7;
  background: #333;
  padding: 5px 9px;
  padding-bottom: 5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 1394, ../sass/screen.scss */
#pagetop a i {
  width: 32px;
  height: 12px;
  display: inline-block;
  background: url("../images/common/arrow_pagetop.png") no-repeat;
  margin-right: 0;
}
/* line 1401, ../sass/screen.scss */
#pagetop a:hover {
  opacity: 1;
}

/****************************************
          Clearfix
*****************************************/
/* line 1415, ../sass/screen.scss */
#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}

/* clearfix for ie7 */
/* line 1428, ../sass/screen.scss */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
  display: inline-block;
}

/* line 1435, ../sass/screen.scss */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
  display: block;
}