@charset "UTF-8";
/* ***********************************************************
*
*    INDEX
*       
* ***********************************************************
*/
/* =====================================================================
*
*    masking Layout
*
* =================================================================== */
/* line 15, ../sass/masking.scss */
.detailSukoyaka {
  margin: -30px auto 0 auto !important;
}
@media screen and (max-width: 767px) {
  /* line 15, ../sass/masking.scss */
  .detailSukoyaka {
    margin: -15px 0 0 0  !important;
  }
}

/* line 21, ../sass/masking.scss */
div#sukoyakaInner p.techMainTxt {
  margin: 12px 10px 0 0;
  line-height: 2;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  /* line 21, ../sass/masking.scss */
  div#sukoyakaInner p.techMainTxt {
    margin-bottom: 10px;
  }
}

/* line 29, ../sass/masking.scss */
ul#techBannerList {
  margin: 20px 0 0 0;
}
@media screen and (max-width: 767px) {
  /* line 29, ../sass/masking.scss */
  ul#techBannerList {
    height: 76px;
  }
}

/* line 35, ../sass/masking.scss */
ul#techBannerList li a {
  display: block;
}
@media screen and (max-width: 767px) {
  /* line 35, ../sass/masking.scss */
  ul#techBannerList li a {
    height: 76px;
  }
}

/* line 41, ../sass/masking.scss */
div#sukoyakaInner p#pageTop {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  /* line 41, ../sass/masking.scss */
  div#sukoyakaInner p#pageTop {
    margin-top: -5px;
  }
}

@media screen and (max-width: 767px) {
  /* line 50, ../sass/masking.scss */
  div#sukoyakaInner img {
    max-width: 100%;
    height: auto;
  }
}

/* 01 */
/* line 58, ../sass/masking.scss */
div#maskContainer01 {
  margin: 70px 0 0 0;
  width: 718px;
  position: relative;
}
@media screen and (max-width: 767px) {
  /* line 58, ../sass/masking.scss */
  div#maskContainer01 {
    max-width: 718px;
    width: 100%;
    margin: 20px auto;
  }
}

/* line 69, ../sass/masking.scss */
div#maskContainer01 p#maskContainer01Img01 {
  position: absolute;
  top: -10px;
  right: 0;
}
@media screen and (max-width: 767px) {
  /* line 69, ../sass/masking.scss */
  div#maskContainer01 p#maskContainer01Img01 {
    max-width: 78px;
    width: 10.86351%;
    margin: 0 auto;
  }
}

/* line 79, ../sass/masking.scss */
div#maskContainer01 p#maskContainer01Img02 {
  position: absolute;
  top: 110px;
  right: 20px;
}
@media screen and (max-width: 767px) {
  /* line 79, ../sass/masking.scss */
  div#maskContainer01 p#maskContainer01Img02 {
    max-width: 78px;
    width: 10.86351%;
    margin: 0 auto;
  }
}

/* line 89, ../sass/masking.scss */
div#maskContainer01 h3 {
  margin: 0;
}
@media screen and (max-width: 767px) {
  /* line 89, ../sass/masking.scss */
  div#maskContainer01 h3 {
    max-width: 605px;
    width: 84.26184%;
  }
}

/* line 96, ../sass/masking.scss */
div#maskContainer01 .maskInner01 {
  width: 605px;
}
@media screen and (max-width: 767px) {
  /* line 96, ../sass/masking.scss */
  div#maskContainer01 .maskInner01 {
    max-width: 605px;
    width: 100%;
    margin: 20px auto 0 auto;
  }
}

/* line 104, ../sass/masking.scss */
div#maskContainer01 .maskInner01 .colL {
  float: left;
  width: 585px;
  margin: 15px 0 0 0;
  color: #008565;
  line-height: 2;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  /* line 104, ../sass/masking.scss */
  div#maskContainer01 .maskInner01 .colL {
    width: 100%;
    margin: 0 auto 25px auto;
  }
}

/* line 116, ../sass/masking.scss */
div#maskContainer01 .maskInner01 .colR {
  float: right;
  margin: 2px 0 0 0;
}

/* line 120, ../sass/masking.scss */
div#maskContainer01 .maskInner02 {
  width: 600px;
  margin: 20px 0 0 0;
}
@media screen and (max-width: 767px) {
  /* line 120, ../sass/masking.scss */
  div#maskContainer01 .maskInner02 {
    width: 100%;
    margin: -12px auto;
  }
}

/* line 128, ../sass/masking.scss */
div#maskContainer01 .maskInner02 .colL {
  float: left;
  width: 240px;
  padding: 0;
  font-size: 105%;
}
@media screen and (max-width: 767px) {
  /* line 128, ../sass/masking.scss */
  div#maskContainer01 .maskInner02 .colL {
    float: none;
    width: 100%;
    margin: 0px auto 20px auto;
  }
}

/* line 139, ../sass/masking.scss */
div#maskContainer01 .maskInner02 .colL p {
  margin: 0 0 12px 0;
  line-height: 2;
}

/* line 143, ../sass/masking.scss */
div#maskContainer01 .maskInner02 .colR {
  float: right;
  width: 345px;
}
@media screen and (max-width: 767px) {
  /* line 143, ../sass/masking.scss */
  div#maskContainer01 .maskInner02 .colR {
    float: none;
    max-width: 345px;
    width: 100%;
  }
}

/* 02 */
/* line 153, ../sass/masking.scss */
div#maskContainer02 {
  margin: 50px 0 0 0;
}
@media screen and (max-width: 767px) {
  /* line 153, ../sass/masking.scss */
  div#maskContainer02 {
    margin: -20px 0 0 0;
  }
}

/* line 159, ../sass/masking.scss */
div#maskContainer02 h3 {
  margin: 0;
  padding-top: 10px;
}

/* line 163, ../sass/masking.scss */
div#maskContainer02 p#maskContainer02Txt {
  line-height: 2;
  margin: 0 0 3px 0;
}

/* line 167, ../sass/masking.scss */
div#maskContainer02 .maskInner01 {
  width: 680px;
}
@media screen and (max-width: 767px) {
  /* line 167, ../sass/masking.scss */
  div#maskContainer02 .maskInner01 {
    max-width: 680px;
    width: 100%;
    margin: 15px auto 0;
  }
}

/* line 175, ../sass/masking.scss */
div#maskContainer02 .maskInner01 .colL {
  float: left;
  width: 586px;
  margin: 15px 0 0 0;
     padding: 0 0 24px;
  color: #008565;
  line-height: 2;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  /* line 175, ../sass/masking.scss */
  div#maskContainer02 .maskInner01 .colL {
    width: 100%;
    margin: 0 auto 15px auto;
  }
}

/* line 187, ../sass/masking.scss */
div#maskContainer02 .maskInner01 .colR {
  float: right;
  margin: 0;
}
@media screen and (max-width: 767px) {
  /* line 187, ../sass/masking.scss */
  div#maskContainer02 .maskInner01 .colR {
    max-width: 70px;
    width: 10.29412%;
    margin: 0 auto;
  }
}

/* line 196, ../sass/masking.scss */
div#maskContainer02 .maskInner02 {
  width: 689px;
  padding: 5px 0 0 0;
}
@media screen and (max-width: 767px) {
  /* line 196, ../sass/masking.scss */
  div#maskContainer02 .maskInner02 {
    max-width: 689px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  /* line 206, ../sass/masking.scss */
  div#printImage02 {
    padding: 6px 0 0 0;
  }
}

/* line 211, ../sass/masking.scss */
div#maskContainer02 .maskInner02 p {
  margin: 0 0 15px 0;
  line-height: 2;
  font-size: 105%;
}

/* 03 */
/* line 217, ../sass/masking.scss */
div#maskContainer03 {
  margin: 50px 0 0 0;
}
@media screen and (max-width: 767px) {
  /* line 217, ../sass/masking.scss */
  div#maskContainer03 {
    margin: 25px 0 0 0;
  }
}

/* line 223, ../sass/masking.scss */
div#maskContainer03 h3 {
  margin: 0;
}

/* line 226, ../sass/masking.scss */
div#maskContainer03 .maskInner01 {
  width: 685px;
}
@media screen and (max-width: 767px) {
  /* line 226, ../sass/masking.scss */
  div#maskContainer03 .maskInner01 {
    max-width: 685px;
    width: 100%;
    margin: -5px auto 0;
  }
}

/* line 234, ../sass/masking.scss */
div#maskContainer03 .maskInner01 .colL {
  float: left;
  width: 580px;
  margin: 20px 0 0 0;
  color: #008565;
  line-height: 2;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  /* line 234, ../sass/masking.scss */
  div#maskContainer03 .maskInner01 .colL {
    width: 100%;
  }
}

/* line 245, ../sass/masking.scss */
div#maskContainer03 .maskInner01 .colR {
  float: right;
  margin: 0 0 0 0;
}
@media screen and (max-width: 767px) {
  /* line 245, ../sass/masking.scss */
  div#maskContainer03 .maskInner01 .colR {
    max-width: 71px;
    width: 10.36496%;
  }
}

/* line 253, ../sass/masking.scss */
div#maskContainer03 .maskInner02 {
  width: 685px;
  padding: 36px 0 0 0;
}
@media screen and (max-width: 767px) {
  /* line 253, ../sass/masking.scss */
  div#maskContainer03 .maskInner02 {
    max-width: 685px;
    width: 100%;
    margin: 25px auto;
    margin-bottom: 10px;
  }
}

/* line 263, ../sass/masking.scss */
div#maskContainer03 .maskInner02 .colL {
  float: left;
  width: 311px;
}
@media screen and (max-width: 767px) {
  /* line 263, ../sass/masking.scss */
  div#maskContainer03 .maskInner02 .colL {
    float: none;
    max-width: 580px;
    width: 100%;
    margin: 0 auto;
  }
}

/* line 273, ../sass/masking.scss */
div#maskContainer03 .maskInner02 .colR {
  float: right;
  width: 350px;
  padding: 5px 0 0 0;
  font-size: 105%;
}
@media screen and (max-width: 767px) {
  /* line 273, ../sass/masking.scss */
  div#maskContainer03 .maskInner02 .colR {
    float: none;
    max-width: 580px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0 0 0;
  }
}

/* line 286, ../sass/masking.scss */
div#maskContainer03 .maskInner02 .colR p {
  margin: 0 0 15px 0;
  line-height: 2;
}

/* line 290, ../sass/masking.scss */
div#maskContainer03 ul#maskManga {
  margin: 70px 0 0 25px;
}
@media screen and (max-width: 767px) {
  /* line 290, ../sass/masking.scss */
  div#maskContainer03 ul#maskManga {
    max-width: 341px;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
}

/* line 300, ../sass/masking.scss */
div#maskContainer03 ul#maskManga li {
  float: left;
}
@media screen and (max-width: 767px) {
  /* line 300, ../sass/masking.scss */
  div#maskContainer03 ul#maskManga li {
    float: none;
    max-width: 580px;
    width: 100%;
    margin: 0 auto;
  }
}

/* 04 */
/* line 310, ../sass/masking.scss */
div#maskContainer04 {
  margin: 45px 0 0 0;
  padding: 30px 0 0 0;
  background: url(../images/conclusion/technology/dds/lineDDS.gif) no-repeat 0 0;
}
@media screen and (max-width: 767px) {
  /* line 310, ../sass/masking.scss */
  div#maskContainer04 {
    margin: 25px 0 0 30px;
    padding: 10px 0 0 0;
  }
}

/* line 319, ../sass/masking.scss */
div#maskContainer04 h4 {
  margin: 0;
}
@media screen and (max-width: 767px) {
  /* line 319, ../sass/masking.scss */
  div#maskContainer04 h4 {
    margin: -15px 0 0 0;
  }
}

/* line 325, ../sass/masking.scss */
div#maskContainer04 .maskContainer04Inner {
  width: 700px;
  margin: 25px 0 0 0;
     font-size: 105%;
}
@media screen and (max-width: 767px) {
  /* line 325, ../sass/masking.scss */
  div#maskContainer04 .maskContainer04Inner {
    float: none;
    max-width: 700px;
    width: 100%;
    margin: 10px auto 0;
  }
}

/* line 335, ../sass/masking.scss */
div#maskContainer04 .maskContainer04Inner .colR {
  float: right;
  margin: 0 0 10px 10px;
}
@media screen and (max-width: 767px) {
  /* line 335, ../sass/masking.scss */
  div#maskContainer04 .maskContainer04Inner .colR {
    float: none;
    max-width: 430px;
    width: 61.42857%;
    margin: 0 auto 25px;
  }
}

/* line 345, ../sass/masking.scss */
div#maskContainer04 p {
  margin: 0 0 15px 0;
  line-height: 2;
}

/* =====================================================================
*
*    Column Layout
*
* =================================================================== */
/* line 354, ../sass/masking.scss */
div#columnContainer {
  width: 691px;
  margin: 42px 0 0 0;
  position: relative;
  background: url(../images/conclusion/technology/bgColumnM.gif) repeat-y 0 0;
}
@media screen and (max-width: 767px) {
  /* line 354, ../sass/masking.scss */
  div#columnContainer {
    float: none;
    max-width: 691px;
    width: 100%;
    margin: 0 auto;
    background-size: 100% auto;
    background-image: none;
    background-color: #fafafa;
  }
}

/* line 369, ../sass/masking.scss */
div#columnContainer p#columnInnerImg {
  position: absolute;
  top: 1px;
  right: 34px;
  z-index: 5;
  display: block;
}
@media screen and (max-width: 767px) {
  /* line 369, ../sass/masking.scss */
  div#columnContainer p#columnInnerImg {
    max-width: 134px;
    width: 19.39219%;
    top: 36px;
    right: 0px;
    margin: 0 auto;
    display: none;
  }
}

/* line 384, ../sass/masking.scss */
div#columnContainer p#columnInnerImg_smt {
  position: absolute;
  top: 1px;
  right: 34px;
  z-index: 5;
  display: none;
}
@media screen and (max-width: 767px) {
  /* line 384, ../sass/masking.scss */
  div#columnContainer p#columnInnerImg_smt {
    max-width: 134px;
    width: 19.39219%;
    top: 60px;
    right: 0px;
    margin: 0 auto;
    display: block;
  }
}

/* line 399, ../sass/masking.scss */
div#columnContainer h5 {
  margin: 0;
  height: 52px;
}
@media screen and (max-width: 767px) {
  /* line 399, ../sass/masking.scss */
  div#columnContainer h5 {
    max-width: 691px;
    width: 100%;
    height: 35px;
  }
}

/* line 408, ../sass/masking.scss */
div#columnInner {
  width: 691px;
  padding: 0 0 50px 0;
  background: url(../images/conclusion/technology/bgColumnB.gif) no-repeat 0 bottom;
}
@media screen and (max-width: 767px) {
  /* line 408, ../sass/masking.scss */
  div#columnInner {
    float: none;
    max-width: 691px;
    width: 100%;
    margin: 0 auto;
    background-size: 100% auto;
    padding-bottom: 1px;
    background-image: none;
  }
}

/* line 422, ../sass/masking.scss */
html* div#columnInner {
  padding: 0 0 55px 0;
}

/* line 425, ../sass/masking.scss */
div#columnInner div.columnCol {
  width: 590px;
  margin: 0 0 0 57px;
  position: relative;
  z-index: 10;
  display:table;
}
@media screen and (max-width: 767px) {
  /* line 425, ../sass/masking.scss */
  div#columnInner div.columnCol {
/*    max-width: 535px;*/
    max-width: 100%;
/*    width: 81.3589%;*/
	width: 100%;
    margin: 0;
  }
}

/* line 436, ../sass/masking.scss */
div#columnInner div.columnCol .colL {
  float: left;
  width: 88px;
  padding: 40px 0 0 0;
}
@media screen and (max-width: 767px) {
  /* line 436, ../sass/masking.scss */
  div#columnInner div.columnCol .colL {
    max-width: 88px;
    width: 13.6%;
  }
}

/* line 445, ../sass/masking.scss */
div#columnInner div.columnCol .colR {
  float: right;
  width: 460px;
}
@media screen and (max-width: 767px) {
  /* line 445, ../sass/masking.scss */
  div#columnInner div.columnCol .colR {
/*    max-width: 460px;*/
    max-width: 100%;
    width: 100%;
    padding-left: 15px;
    float: none;
	  padding-top: 10px;
  }
}

/* line 455, ../sass/masking.scss */
div#columnInner div.columnCol .colR h6 {
  margin: 0;
  padding: 0;
}

/* line 459, ../sass/masking.scss */
div#columnInner div.columnCol .colR p {
  line-height: 2;
  margin: 12px 0 0 0;
}

/* line 463, ../sass/masking.scss */
div#columnInner div.columnCol .colR p.colG {
  color: #008565;
}

/* line 466, ../sass/masking.scss */
div#columnInner dl.columnCont01 {
  margin: 50px 0 0 54px;
}
@media screen and (max-width: 767px) {
  /* line 466, ../sass/masking.scss */
  div#columnInner dl.columnCont01 {
    max-width: 637px;
    width: 93.75%;
    margin-left: 3.125%;
    margin-top: 5px;
  }
}

/* line 475, ../sass/masking.scss */
div#columnInner dl.columnCont02 {
  margin: 30px 0 0 54px;
}
@media screen and (max-width: 767px) {
  /* line 475, ../sass/masking.scss */
  div#columnInner dl.columnCont02 {
    max-width: 637px;
    width: 93.75%;
    margin-left: 3.125%;
    margin-top: -10px;
  }
}

/* line 484, ../sass/masking.scss */
div#columnInner dl.columnCont03 {
  margin: 30px 0 0 54px;
}
@media screen and (max-width: 767px) {
  /* line 484, ../sass/masking.scss */
  div#columnInner dl.columnCont03 {
    max-width: 637px;
    width: 93.75%;
    margin-left: 3.125%;
    margin-top: -10px;
  }
}

/* line 493, ../sass/masking.scss */
div#columnInner dl.columnCont04 {
  margin: 30px 0 0 54px;
}
@media screen and (max-width: 767px) {
  /* line 493, ../sass/masking.scss */
  div#columnInner dl.columnCont04 {
    max-width: 637px;
    width: 93.75%;
    margin-left: 3.125%;
    margin-top: -10px;
  }
}

/* line 502, ../sass/masking.scss */
div#columnInner dl.columnCont01 dt, div#columnInner dl.columnCont02 dt, div#columnInner dl.columnCont03 dt, div#columnInner dl.columnCont04 dt {
  margin: 0 0 10px 0;
  padding: 0 0 0 20px;
  letter-spacing: 2px;
  font-size: 123.1%;
  color: #007F5B;
  position: relative;
  z-index: 5;
  background: url(../images/conclusion/technology/iconColumn.gif) no-repeat 0 4px;
}

/* line 513, ../sass/masking.scss */
div#columnInner dl.columnCont01 dd {
  margin: 0;
  position: relative;
  width: 592px;
  height: 361px;
}
@media screen and (max-width: 767px) {
  /* line 513, ../sass/masking.scss */
  div#columnInner dl.columnCont01 dd {
    max-width: 592px;
    width: 92.93564%;
    height: auto;
  }
}

/* line 525, ../sass/masking.scss */
div#columnInner dl.columnCont01 dd p.mainImg img {
  margin-right: 204px;
}
@media screen and (max-width: 767px) {
  /* line 525, ../sass/masking.scss */
  div#columnInner dl.columnCont01 dd p.mainImg img {
    margin-right: 32.02512%;
  }
}

/* line 532, ../sass/masking.scss */
div#columnInner dl.columnCont01 dd p.pos01 {
  position: absolute;
  left: 0;
  top: 264px;
}
@media screen and (max-width: 767px) {
  /* line 532, ../sass/masking.scss */
  div#columnInner dl.columnCont01 dd p.pos01 {
    max-width: 64px;
    width: 10.0471%;
  }
}

/* line 541, ../sass/masking.scss */
div#columnInner dl.columnCont01 dd p.pos02 {
  position: absolute;
  left: 75px;
  top: 264px;
}
@media screen and (max-width: 767px) {
  /* line 541, ../sass/masking.scss */
  div#columnInner dl.columnCont01 dd p.pos02 {
    max-width: 248px;
    width: 38.9325%;
    left: 11.77394%;
  }
}

/* line 551, ../sass/masking.scss */
div#columnInner dl.columnCont01 dd p.pos03 {
  position: absolute;
  left: 332px;
  top: 251px;
}
@media screen and (max-width: 767px) {
  /* line 551, ../sass/masking.scss */
  div#columnInner dl.columnCont01 dd p.pos03 {
    max-width: 260px;
    width: 40.81633%;
    left: 52.11931%;
  }
}

/* line 561, ../sass/masking.scss */
div#columnInner dl.columnCont02 dd {
  margin: 0;
  position: relative;
  width: 618px;
  height: 404px;
}
@media screen and (max-width: 767px) {
  /* line 561, ../sass/masking.scss */
  div#columnInner dl.columnCont02 dd {
    max-width: 618px;
    width: 97.01727%;
    height: auto;
    margin-bottom: 20px;
  }
}

/* line 573, ../sass/masking.scss */
div#columnInner dl.columnCont02 dd p.pos01 {
  position: absolute;
  left: 26px;
  top: 253px;
}

/* line 578, ../sass/masking.scss */
div#columnInner dl.columnCont02 dd p.pos02 {
  position: absolute;
  left: 122px;
  top: 295px;
}

/* line 583, ../sass/masking.scss */
div#columnInner dl.columnCont02 dd p.pos03 {
  position: absolute;
  left: 348px;
  top: 253px;
}

/* line 588, ../sass/masking.scss */
div#columnInner dl.columnCont03 dd {
  margin: 0;
  position: relative;
  width: 563px;
  height: 372px;
}
@media screen and (max-width: 767px) {
  /* line 588, ../sass/masking.scss */
  div#columnInner dl.columnCont03 dd {
    max-width: 563px;
    width: 88.38305%;
    height: auto;
    margin-bottom: 20px;
  }
}

/* line 600, ../sass/masking.scss */
div#columnInner dl.columnCont03 dd p.pos01 {
  position: absolute;
  left: 0;
  top: 252px;
}

/* line 605, ../sass/masking.scss */
div#columnInner dl.columnCont03 dd p.pos02 {
  position: absolute;
  left: 70px;
  top: 257px;
}

/* line 610, ../sass/masking.scss */
div#columnInner dl.columnCont03 dd p.pos03 {
  position: absolute;
  left: 329px;
  top: 226px;
}

/* line 615, ../sass/masking.scss */
div#columnInner dl.columnCont04 dd {
  margin: 0;
  position: relative;
  width: 605px;
  height: 413px;
}
@media screen and (max-width: 767px) {
  /* line 615, ../sass/masking.scss */
  div#columnInner dl.columnCont04 dd {
    max-width: 605px;
    width: 94.97645%;
    height: auto;
    margin-bottom: 20px;
  }
}

/* line 627, ../sass/masking.scss */
div#columnInner dl.columnCont04 dd p.pos01 {
  padding: 18px 0 0 40px;
}

/* line 630, ../sass/masking.scss */
div#columnInner dl.columnCont04 dd p.pos02 {
  padding: 19px 0 0 0;
}

/* line 633, ../sass/masking.scss */
div#columnInner dl.columnCont04 dd p.pos03 {
  position: absolute;
  left: 293px;
  top: 134px;
}

/* line 638, ../sass/masking.scss */
div#columnInner dl.columnCont04 dd p.pos04 {
  position: absolute;
  left: 388px;
  top: 176px;
}

/* line 643, ../sass/masking.scss */
div#columnInner dl.columnCont04 dd p.pos05 {
  position: absolute;
  left: 412px;
  top: 272px;
}

/* line 648, ../sass/masking.scss */
div#columnInner dl.columnCont04 dd p.pos06 {
  position: absolute;
  left: 420px;
  top: 353px;
}

/* =====================================================================
*
*    Anima Layout
*
* =================================================================== */
/* line 658, ../sass/masking.scss */
div#animaContainer01 {
  position: relative;
  float: right;
  width: 337px;
  height: 219px;
}
@media screen and (max-width: 767px) {
  /* line 658, ../sass/masking.scss */
  div#animaContainer01 {
    float: none;
    max-width: 337px;
    width: 100%;
    margin: 0 auto;
    display: none;
  }
}

/* line 672, ../sass/masking.scss */
p#anima01_01 {
  position: absolute;
  top: 66px;
  left: 210px;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  /* line 672, ../sass/masking.scss */
  p#anima01_01 {
    width: 38.57567%;
    margin: 0 auto;
    left: 62.31454%;
  }
}

/* line 683, ../sass/masking.scss */
p#anima01_02 {
  position: absolute;
  top: 132px;
  left: 78px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  /* line 683, ../sass/masking.scss */
  p#anima01_02 {
    width: 39.16914%;
    margin: 0 auto;
    left: 23.1454%;
  }
}

/* line 696, ../sass/masking.scss */
div#animaContainer02 {
  position: relative;
  width: 687px;
  height: 248px;
}
@media screen and (max-width: 767px) {
  /* line 696, ../sass/masking.scss */
  div#animaContainer02 {
    width: 100%;
    height: auto;
    max-width: 687px;
    margin: 0 auto;
    display: none;
  }
}

/* line 708, ../sass/masking.scss */
p#anima02_01 {
  position: absolute;
  top: 111px;
  left: 515px;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  /* line 708, ../sass/masking.scss */
  p#anima02_01 {
    width: 17.75837%;
    max-width: 122px;
    margin: 0 auto;
    left: 74.96361%;
  }
}
@media screen and (max-width: 640px) {
  /* line 708, ../sass/masking.scss */
  p#anima02_01 {
    top: 90px;
  }
}
@media screen and (max-width: 480px) {
  /* line 708, ../sass/masking.scss */
  p#anima02_01 {
    top: 70px;
  }
}
@media screen and (max-width: 320px) {
  /* line 708, ../sass/masking.scss */
  p#anima02_01 {
    top: 50px;
  }
}

/* line 729, ../sass/masking.scss */
p#anima02_02 {
  position: absolute;
  top: 145px;
  left: 313px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  /* line 729, ../sass/masking.scss */
  p#anima02_02 {
    width: 35.22562%;
    max-width: 242px;
    margin: 0 auto;
    left: 74.96361%;
  }
}

/* line 743, ../sass/masking.scss */
div#animaContainer03 {
  position: relative;
  float: left;
  width: 308px;
  height: 252px;
}
@media screen and (max-width: 767px) {
  /* line 743, ../sass/masking.scss */
  div#animaContainer03 {
    float: none;
    clear: both;
    margin: 0 auto 10px;
    display: none;
  }
}

/* line 755, ../sass/masking.scss */
p#anima03_01 {
  position: absolute;
  top: 137px;
  left: 180px;
  z-index: 5;
}

/* line 761, ../sass/masking.scss */
p#anima03_02 {
  position: absolute;
  top: 178px;
  left: 42px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

/* line 769, ../sass/masking.scss */
div#animaContainer04 {
  position: relative;
  width: 685px;
  height: 127px;
  margin: 30px 0 0 0;
}
@media screen and (max-width: 767px) {
  /* line 769, ../sass/masking.scss */
  div#animaContainer04 {
    float: none;
    width: 100%;
    max-width: 685px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  /* line 781, ../sass/masking.scss */
  div#sukoyakaContents #sukoyakaInner #animaContainer04 {
    display: none;
  }
}

/* line 786, ../sass/masking.scss */
#animaContainer04_res {
  display: none;
}
@media screen and (max-width: 767px) {
  /* line 786, ../sass/masking.scss */
  #animaContainer04_res {
    display: block;
    width: 100%;
    margin: 5px auto 25px;
  }
}

/* line 794, ../sass/masking.scss */
p#anima04_01 {
  position: absolute;
  top: -30px;
  left: 67px;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  /* line 794, ../sass/masking.scss */
  p#anima04_01 {
    float: none;
    width: 13.86861%;
    max-width: 95px;
    left: 9.78102%;
  }
}

/* line 806, ../sass/masking.scss */
p#anima04_02 {
  position: absolute;
  top: 5px;
  left: 40px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

/* line 814, ../sass/masking.scss */
p#anima04_02 img {
  width: 0px;
  height: 0px;
}

/* line 818, ../sass/masking.scss */
div#animaContainer05 {
  position: relative;
  width: 406px;
  height: 131px;
  margin: 12px 0 0 86px;
}
@media screen and (max-width: 767px) {
  /* line 818, ../sass/masking.scss */
  div#animaContainer05 {
    max-width: 406px;
    width: 81.2%;
    margin-left: 17.2%;
  }
}

/* line 829, ../sass/masking.scss */
p#anima05_01 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  /* line 829, ../sass/masking.scss */
  p#anima05_01 {
    max-width: 103px;
    width: 20.6%;
    left: 0%;
  }
}

/* line 840, ../sass/masking.scss */
p#anima05_02 {
  position: absolute;
  top: 22px;
  left: 82px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  /* line 840, ../sass/masking.scss */
  p#anima05_02 {
    max-width: 103px;
    width: 54.8%;
    left: 16.4%;
    opacity: 1;
  }
}

/* line 854, ../sass/masking.scss */
p#anima05_02 img {
  width: 0px;
  height: 0px;
}

/* line 858, ../sass/masking.scss */
div#animaContainer06 {
  position: relative;
  width: 277px;
  height: 83px;
  margin: -360px 0 0 320px;
}
@media screen and (max-width: 767px) {
  /* line 858, ../sass/masking.scss */
  div#animaContainer06 {
    max-width: 277px;
    width: 43.48509%;
    margin-left: 50.23548%;
  }
}

/* line 869, ../sass/masking.scss */
p#anima06_01 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  /* line 869, ../sass/masking.scss */
  p#anima06_01 {
    max-width: 88px;
    width: 31.76895%;
  }
}

/* line 879, ../sass/masking.scss */
p#anima06_02 {
  position: absolute;
  top: 10px;
  left: 57px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  /* line 879, ../sass/masking.scss */
  p#anima06_02 {
    opacity: 1;
    max-width: 190px;
    width: 68.59206%;
    left: 20.57762%;
  }
}

/* line 893, ../sass/masking.scss */
p#anima06_02 img {
  width: 0px;
  height: 0px;
}
@media screen and (max-width: 767px) {
  /* line 893, ../sass/masking.scss */
  p#anima06_02 img {
    opacity: 1;
    max-width: 190px;
    width: 68.59206%;
    height: auto;
  }
}

/* line 903, ../sass/masking.scss */
div#animaContainer07 {
  position: relative;
  width: 357px;
  height: 92px;
  margin: -406px 0 0 270px;
}

/* line 909, ../sass/masking.scss */
p#anima07_01 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

/* line 915, ../sass/masking.scss */
p#anima07_02 {
  position: absolute;
  top: 11px;
  left: 67px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

/* line 923, ../sass/masking.scss */
p#anima07_02 img {
  width: 0px;
  height: 0px;
}

/* line 927, ../sass/masking.scss */
div#animaContainer08 {
  position: relative;
  width: 279px;
  height: 84px;
  margin: -385px 0 0 315px;
}

/* line 933, ../sass/masking.scss */
p#anima08_01 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

/* line 939, ../sass/masking.scss */
p#anima08_02 {
  position: absolute;
  top: 12px;
  left: 56px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

/* line 947, ../sass/masking.scss */
p#anima08_02 img {
  width: 0px;
  height: 0px;
}

/* line 951, ../sass/masking.scss */
div#animaContainer09 {
  position: relative;
  width: 184px;
  height: 146px;
  margin: -414px 0 0 440px;
}

/* line 957, ../sass/masking.scss */
p#anima09_01 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}

/* line 963, ../sass/masking.scss */
p#anima09_02 {
  position: absolute;
  top: 85px;
  left: 4px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

/* line 971, ../sass/masking.scss */
p#anima09_02 img {
  width: 0px;
  height: 0px;
}

/* =====================================================================
*
*    only-sp
*
* =================================================================== */
/* line 981, ../sass/masking.scss */
.only-pc {
  display: block;
}
@media screen and (max-width: 767px) {
  /* line 981, ../sass/masking.scss */
  .only-pc {
    display: none;
  }
}

/* line 988, ../sass/masking.scss */
.only-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  /* line 988, ../sass/masking.scss */
  .only-sp {
    display: block;
  }
}

/* line 995, ../sass/masking.scss */
.spAnimaContainer05 {
  max-width: 405px;
  margin: 0 auto;
  padding: 0 10px 0 10px;
}

@media screen and (max-width: 767px) {
  /* line 1001, ../sass/masking.scss */
  div#columnInner dl.columnCont02 {
    margin-top: 20px;
    height: auto;
  }
}

/* =====================================================================
*
*    Print Layout
*
* =================================================================== */
/* line 1014, ../sass/masking.scss */
#printImage01 {
  float: right;
  display: none;
}
@media screen and (max-width: 767px) {
  /* line 1014, ../sass/masking.scss */
  #printImage01 {
    display: block;
    margin: 0 auto;
    float: none;
    text-align: center;
  }
}

/* line 1024, ../sass/masking.scss */
#printImage02 {
  display: none;
}
@media screen and (max-width: 767px) {
  /* line 1024, ../sass/masking.scss */
  #printImage02 {
    display: block;
    margin: 0 auto;
  }
}

/* line 1035, ../sass/masking.scss */
#printImage04,
#printImage05,
#printImage06,
#printImage07,
#printImage08 {
  display: none;
}

/* line 1038, ../sass/masking.scss */
#printImage03 {
  float: left;
  display: none;
}
@media screen and (max-width: 767px) {
  /* line 1038, ../sass/masking.scss */
  #printImage03 {
    display: block;
    margin: 0 auto;
    float: none;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  /* line 1050, ../sass/masking.scss */
  .spAnimaContainer05:before {
    content: "薬の有効成分には、酸素に弱いもの、光に弱いもの、熱に弱いものなどがあり、錠剤に加工するのが難しいことがあります。また、口腔内崩壊錠の場合では、口の中で早く溶けることや、苦くないこと。そして、少しくらいの衝撃では欠けたりしない硬さに加工することも大切です。さらには、患者さんが指でつかんでくずれたり、指にひっついたりしないことなど、患者さんが飲みやすい薬を創り出すためには、たくさんの課題があります。";
    display: block;
    margin: 25px auto;
    width: 97.35%;
  }
}
/* line 1059, ../sass/masking.scss */
.h-style--technology {
  border-bottom: 2px dotted #299476;
  color: #299476;
  font-size: 150%;
  margin-top: 5px;
}
@media screen and (max-width: 979px) {
  /* line 1059, ../sass/masking.scss */
  .h-style--technology {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  /* line 1059, ../sass/masking.scss */
  .h-style--technology {
    font-size: 140%;
    margin-top: 10px;
  }
}
@media screen and (max-width: 480px) {
  /* line 1059, ../sass/masking.scss */
  .h-style--technology {
    font-size: 110%;
    margin-top: 30px;
  }
}
/* line 1075, ../sass/masking.scss */
.h-style--technology .h-style--technology__lead-sec {
  font-size: 105%;
}

/* line 1079, ../sass/masking.scss */
.h-style--technology-linenone {
  color: #299476;
  font-size: 150%;
}
@media screen and (max-width: 767px) {
  /* line 1079, ../sass/masking.scss */
  .h-style--technology-linenone {
    font-size: 15px;
  }
}
/* line 1085, ../sass/masking.scss */
.h-style--technology-linenone .midashi {
  border-radius: 5px;
  background-color: #299476;
  color: #fff;
  padding: 0px 5px;
  margin-right: 5px;
  font-size: 140%;
}
@media screen and (max-width: 767px) {
  /* line 1085, ../sass/masking.scss */
  .h-style--technology-linenone .midashi {
    font-size: 110%;
  }
}
/* line 1096, ../sass/masking.scss */
.h-style--technology-linenone .h-style--technology__lead-sec {
  font-size: 80%;
}
@media screen and (max-width: 767px) {
  /* line 1096, ../sass/masking.scss */
  .h-style--technology-linenone .h-style--technology__lead-sec {
    font-size: 105%;
  }
}

/* line 1103, ../sass/masking.scss */
.summary_smt {
  display: none;
  background-color: fff;
  max-width: 767px;
  border-radius: 12px;
  border: 1px solid #c4c4c4;
  margin-top: 10px;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  /* line 1103, ../sass/masking.scss */
  .summary_smt {
    display: block;
  }
}
/* line 1114, ../sass/masking.scss */
.summary_smt p {
  margin: 10px 15px !important;
}

@media screen and (max-width: 767px) {
  /* line 1118, ../sass/masking.scss */
  #columnContainer {
    display: block;
    background-color: #fafafa;
    background-image: none;
    max-width: 767px;
    border-radius: 12px;
    padding-bottom: 10px;
    border: 1px solid #00A06C;
    margin-top: 30px;
  }
}
/* line 1129, ../sass/masking.scss */
#columnContainer p {
  margin: 0 10px !important;
}
@media screen and (max-width: 767px) {
  /* line 1134, ../sass/masking.scss */
  #columnContainer h5:after {
    content: "コラム";
    padding: 4px 0px 0px 15px;
    font-size: 115%;
    display: block;
    min-height: 26px;
    background-color: #00A06C;
    border-radius: 9px 9px 0px 0px;
    margin: 0 0 0 0;
    color: #FFF;
    font-weight: lighter;
  }
}

/* line 1149, ../sass/masking.scss */
#sco_dummy {
  float: left;
  width: 16.5%;
  margin-right: 10px;
}

/* line 1154, ../sass/masking.scss */
div#sukoyakaInner .lead {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  /* line 1154, ../sass/masking.scss */
  div#sukoyakaInner .lead {
    margin-bottom: 10px;
  }
}

/* line 1160, ../sass/masking.scss */
div#sukoyakaInner .lead h2 {
  margin: 0 0 0 0;
  padding: 0 0 8px;
}

/* line 1163, ../sass/masking.scss */
div#sukoyakaInner p.sub-ttl {
  color: #299476;
  margin: 0;
}