@charset "UTF-8";
/* ***********************************************************
*
*    INDEX
*       
* ***********************************************************
*/
/* =====================================================================
*
*    Technology Layout
*
* =================================================================== */
@media screen and (max-width: 767px) {
  /* line 19, ../sass/technology.scss */
  #contentsMainInner img {
    max-width: 100%;
    height: auto;
  }
}

/* line 26, ../sass/technology.scss */
p#pageTop a {
  margin: 35px 10px 10px 0;
}

/* line 34, ../sass/technology.scss */
div#sukoyakaInner h3 .h-style {
  display: none;
}
@media screen and (max-width: 767px) {
  /* line 43, ../sass/technology.scss */
  div#sukoyakaInner h3 img {
    display: none;
  }
  /* line 47, ../sass/technology.scss */
  div#sukoyakaInner h3 .h-style {
    display: block;
  }
}

/* line 54, ../sass/technology.scss */
div#sukoyakaInner p.techTxt01 {
  margin: -20px 0 5px 0;
  line-height: 2;
  letter-spacing: 1px;
  position: relative;
  z-index: 10;
  width: 610px;
}
@media screen and (max-width: 767px) {
  /* line 54, ../sass/technology.scss */
  div#sukoyakaInner p.techTxt01 {
    margin: 5px auto 5px;
    max-width: 100%;
    height: auto;
    letter-spacing: 0px;
  }
}

/* line 70, ../sass/technology.scss */
div#sukoyakaInner div#animaContainer {
  width: 595px;
  height: 172px;
  position: relative;
}
@media screen and (max-width: 767px) {
  /* line 70, ../sass/technology.scss */
  div#sukoyakaInner div#animaContainer {
    margin: 0 auto;
    max-width: 595px;
    width: 100%;
    height: 111px;
  }
}

/* line 82, ../sass/technology.scss */
div#sukoyakaInner p#techImg01 {
  position: absolute;
  right: 0;
  top: 20px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  /* line 82, ../sass/technology.scss */
  div#sukoyakaInner p#techImg01 {
    width: 20.672269%;
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;
  }
}

/* line 96, ../sass/technology.scss */
div#sukoyakaInner p#techImg02 {
  position: absolute;
  left: 20px;
  top: 28px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  /* line 96, ../sass/technology.scss */
  div#sukoyakaInner p#techImg02 {
    width: 79.327731%;
    left: 0;
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;
  }
}

/* line 111, ../sass/technology.scss */
div#sukoyakaInner p.techDesc {
  margin: 15px 50px 20px 30px;
  line-height: 1.8;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  /* line 111, ../sass/technology.scss */
  div#sukoyakaInner p.techDesc {
    margin: 0 0 25px 0;
    letter-spacing: 0px;
  }
}

/* line 120, ../sass/technology.scss */
div#techContainer01 {
  margin: 0;
  width: 685px;
}
@media screen and (max-width: 767px) {
  /* line 120, ../sass/technology.scss */
  div#techContainer01 {
    width: 100%;
    max-width: 685px;
    margin: 25px auto 0;
  }
}

/* line 130, ../sass/technology.scss */
div#techContainer02 {
  margin: 38px 0 0 0;
  width: 685px;
}
@media screen and (max-width: 767px) {
  /* line 130, ../sass/technology.scss */
  div#techContainer02 {
    width: 100%;
    max-width: 685px;
    margin: 0 auto;
  }
}

/* line 141, ../sass/technology.scss */
ul#techManga01,
ul#techManga02 {
  margin: 0 0 0 30px;
}

/* line 145, ../sass/technology.scss */
ul#techManga01 {
  margin: 0 0 0 30px;
}
@media screen and (max-width: 767px) {
  /* line 145, ../sass/technology.scss */
  ul#techManga01 {
    width: 305px;
    margin: 0 auto;
    display: block;
  }
}

/* line 155, ../sass/technology.scss */
ul#techManga01 li {
  float: left;
}
@media screen and (max-width: 767px) {
  /* line 155, ../sass/technology.scss */
  ul#techManga01 li {
    float: none;
  }
}

@media screen and (max-width: 767px) {
  /* line 162, ../sass/technology.scss */
  ul#techManga02 {
    max-width: 327px;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
}

/* line 173, ../sass/technology.scss */
ul#techManga02 li {
  float: left;
}
@media screen and (max-width: 767px) {
  /* line 173, ../sass/technology.scss */
  ul#techManga02 li {
    float: none;
  }
}

/* line 179, ../sass/technology.scss */
ul#techManga01 li img, ul#techManga02 li img {
  vertical-align: top;
}

@media screen and (max-width: 980px) {
  /* line 185, ../sass/technology.scss */
  p#mangaLinks01 a,
  p#mangaLinks02 a {
    margin: 10px 45px 10px 0 !important;
  }
}
@media screen and (max-width: 767px) {
  /* line 185, ../sass/technology.scss */
  p#mangaLinks01 a,
  p#mangaLinks02 a {
    margin: 10px  0px 0px 0 !important;
  }
}

/* line 193, ../sass/technology.scss */
.manga-smt02 {
  margin-top: 20px;
}

/* line 196, ../sass/technology.scss */
div#techContainer01 p.iconLinks a {
  margin: 10px 45px 0 0;
  float: right;
}

/* line 200, ../sass/technology.scss */
div#techContainer02 p.iconLinks a {
  margin: 10px 20px 0 0;
  float: right;
}

/* line 205, ../sass/technology.scss */
div#columnContainer {
  width: 600px;
  margin: 45px 0 0 0;
}
/* line 208, ../sass/technology.scss */
div#columnContainer h4 {
  color: #007F5B;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  /* line 205, ../sass/technology.scss */
  div#columnContainer {
    width: 100%;
    max-width: 600px;
    margin: 8px auto;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #00a06c;
  }
}
/* line 220, ../sass/technology.scss */
div#columnContainer .h-style--voice {
  display: none;
}
@media screen and (max-width: 767px) {
  /* line 220, ../sass/technology.scss */
  div#columnContainer .h-style--voice {
    display: block;
  }
}

/* line 228, ../sass/technology.scss */
div#columnContainer ul {
  margin: 10px 0 0 0;
  width: 600px;
}
@media screen and (max-width: 767px) {
  /* line 228, ../sass/technology.scss */
  div#columnContainer ul {
    width: 100%;
    max-width: 600px;
  }
}

/* line 236, ../sass/technology.scss */
div#columnContainer ul li {
  width: 290px;
}
@media screen and (max-width: 767px) {
  /* line 236, ../sass/technology.scss */
  div#columnContainer ul li {
    margin: 0 auto;
  }
  /* line 242, ../sass/technology.scss */
  div#columnContainer ul li img {
    width: auto;
  }
}

/* line 248, ../sass/technology.scss */
div#columnContainer ul li.colL {
  float: left;
}
@media screen and (max-width: 767px) {
  /* line 248, ../sass/technology.scss */
  div#columnContainer ul li.colL {
    float: none;
    margin-bottom: 10px;
    width: 100%;
    padding: 0 0 0 15px;
  }
}

/* line 259, ../sass/technology.scss */
div#columnContainer ul li.colR {
  float: right;
}
@media screen and (max-width: 767px) {
  /* line 259, ../sass/technology.scss */
  div#columnContainer ul li.colR {
    float: none;
    width: 100%;
    padding: 0 0 0 15px;
  }
}

/* line 269, ../sass/technology.scss */
div#columnContainer ul li dl {
  margin: 4px 0 0 0;
  width: 290px;
}
@media screen and (max-width: 767px) {
  /* line 269, ../sass/technology.scss */
  div#columnContainer ul li dl {
    width: 93.75%;
  }
}

/* line 276, ../sass/technology.scss */
div#columnContainer ul li dl dt {
  float: left;
  width: 124px;
}

/* line 280, ../sass/technology.scss */
div#columnContainer ul li dl dd {
  float: right;
  width: 155px;
  font-size: 93%;
}
@media screen and (max-width: 767px) {
  /* line 280, ../sass/technology.scss */
  div#columnContainer ul li dl dd {
    max-width: 420px;
    float: left;
    margin-left: 15px;
    width: 50%;
  }
}

/* line 291, ../sass/technology.scss */
.detailInner {
  margin-top: -15px !important;
}

/* line 294, ../sass/technology.scss */
.conclusion-ttl {
  width: 93.75%;
  margin: 0 auto;
  padding-top: 25px;
  display: none;
}
@media screen and (max-width: 767px) {
  /* line 294, ../sass/technology.scss */
  .conclusion-ttl {
    display: block;
  }
}
/* line 302, ../sass/technology.scss */
.conclusion-ttl .h-style-conclusion {
  font-size: 22px;
}
@media screen and (max-width: 480px) {
  /* line 302, ../sass/technology.scss */
  .conclusion-ttl .h-style-conclusion {
    font-size: 18px;
  }
}
/* line 307, ../sass/technology.scss */
.conclusion-ttl .h-style-conclusion .conclusion-ttl__1st {
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  /* line 307, ../sass/technology.scss */
  .conclusion-ttl .h-style-conclusion .conclusion-ttl__1st {
    font-size: 12px;
  }
}
/* line 313, ../sass/technology.scss */
.conclusion-ttl .h-style-conclusion .conclusion-ttl__2nd {
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  /* line 313, ../sass/technology.scss */
  .conclusion-ttl .h-style-conclusion .conclusion-ttl__2nd {
    font-size: 12px;
  }
}