@charset "UTF-8";
/* line 3, ../scss/style.scss */
body {
  background: #f2f2f2;
}

/* line 6, ../scss/style.scss */
#mainField {
  margin: 0 0 0 0;
  padding: 0;
  color: #555;
  font-size: 12px;
  font-family: "Helvetica","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
  background-color: #fff;
  text-align: center;
  line-height: 1.6;
}
/* line 15, ../scss/style.scss */
#mainField img {
  width: auto;
  display: inline-block;
}
/* line 19, ../scss/style.scss */
#mainField .white_subPages {
  margin: 0 auto;
  text-align: left;
  background-position: top center;
  background-repeat: no-repeat;
  min-width: 1070px;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
/* line 30, ../scss/style.scss */
#mainField .white_subPages .clearfix {
  display: inline-block;
}
/* line 33, ../scss/style.scss */
#mainField .white_subPages .clearfix {
  display: block;
  clear: both;
}
/* line 37, ../scss/style.scss */
#mainField .white_subPages .clearfloat {
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}
/* line 46, ../scss/style.scss */
#mainField .white_subPages br.clear {
  height: 0;
  clear: both;
  line-height: 0px;
}
/* line 52, ../scss/style.scss */
#mainField .white_subPages .fL {
  float: left;
}
/* line 53, ../scss/style.scss */
#mainField .white_subPages .fR {
  float: right;
}
/* line 54, ../scss/style.scss */
#mainField .white_subPages .txL {
  text-align: left;
}
/* line 55, ../scss/style.scss */
#mainField .white_subPages .txR {
  text-align: right;
}
/* line 56, ../scss/style.scss */
#mainField .white_subPages .txC {
  text-align: center;
}
/* line 57, ../scss/style.scss */
#mainField .white_subPages .mb5 {
  margin-bottom: 5px;
}
/* line 58, ../scss/style.scss */
#mainField .white_subPages .mb10 {
  margin-bottom: 10px;
}
/* line 59, ../scss/style.scss */
#mainField .white_subPages .mb15 {
  margin-bottom: 15px;
}
/* line 60, ../scss/style.scss */
#mainField .white_subPages .mb20 {
  margin-bottom: 20px;
  overflow: hidden;
}
/* line 61, ../scss/style.scss */
#mainField .white_subPages .mb25 {
  margin-bottom: 10px;
}
/* line 62, ../scss/style.scss */
#mainField .white_subPages .mb30 {
  margin-bottom: 30px;
}
/* line 63, ../scss/style.scss */
#mainField .white_subPages .mb35 {
  margin-bottom: 35px;
}
/* line 64, ../scss/style.scss */
#mainField .white_subPages .mb40 {
  margin-bottom: 40px;
}
/* line 65, ../scss/style.scss */
#mainField .white_subPages .mb45 {
  margin-bottom: 45px;
}
/* line 66, ../scss/style.scss */
#mainField .white_subPages .mb50 {
  margin-bottom: 50px;
}
/* line 67, ../scss/style.scss */
#mainField .white_subPages .mb60 {
  margin-bottom: 60px;
}
/* line 68, ../scss/style.scss */
#mainField .white_subPages .mb70 {
  margin-bottom: 70px;
}
/* line 69, ../scss/style.scss */
#mainField .white_subPages .mb80 {
  margin-bottom: 80px;
}
/* line 70, ../scss/style.scss */
#mainField .white_subPages .mb90 {
  margin-bottom: 90px;
}
/* line 71, ../scss/style.scss */
#mainField .white_subPages .mb100 {
  margin-bottom: 100px;
}
/* line 72, ../scss/style.scss */
#mainField .white_subPages .mb110 {
  margin-bottom: 110px;
}
/* line 73, ../scss/style.scss */
#mainField .white_subPages .mb120 {
  margin-bottom: 120px;
}
/* line 74, ../scss/style.scss */
#mainField .white_subPages .mb160 {
  margin-bottom: 160px;
}
/* line 75, ../scss/style.scss */
#mainField .white_subPages .mb161 {
  margin: 0 0 85px -32px;
}
/* line 76, ../scss/style.scss */
#mainField .white_subPages .mb162 {
  margin-bottom: 50px;
  margin-left: -27px;
}
/* line 77, ../scss/style.scss */
#mainField .white_subPages .small {
  font-size: 12px;
}
/* line 78, ../scss/style.scss */
#mainField .white_subPages .small2 {
  font-size: 11px;
}
/* line 79, ../scss/style.scss */
#mainField .white_subPages .small3 {
  font-size: 10px;
}
/* line 81, ../scss/style.scss */
#mainField .white_subPages .big {
  font-size: 14px;
}
/* line 82, ../scss/style.scss */
#mainField .white_subPages .red {
  color: #ED1A3A;
}
/* line 83, ../scss/style.scss */
#mainField .white_subPages .blue {
  color: #002b62;
}
/* line 84, ../scss/style.scss */
#mainField .white_subPages .bold {
  font-weight: bold;
}
/* line 85, ../scss/style.scss */
#mainField .white_subPages .asta {
  font-size: 10px;
}
/* line 89, ../scss/style.scss */
#mainField .white_subPages .trial {
  display: none;
  position: fixed;
  right: 8px;
  bottom: 100px;
  z-index: 14;
}
/* line 97, ../scss/style.scss */
#mainField .white_subPages .wrapper {
  min-width: 980px;
  position: relative;
  overflow: hidden;
}
/* line 101, ../scss/style.scss */
#mainField .white_subPages .wrapper #contents {
  margin: 0 calc((100% - 980px)/2);
  width: 980px;
  padding: 15px 0 60px;
  position: relative;
  z-index: 13;
}
/* line 107, ../scss/style.scss */
#mainField .white_subPages .wrapper #contents .mainTitle {
  margin-bottom: 24px;
}
/* line 110, ../scss/style.scss */
#mainField .white_subPages .wrapper #contents .contentsContainer {
  min-height: 1000px;
  padding-top: 6px;
  text-align: center;
}
/* line 114, ../scss/style.scss */
#mainField .white_subPages .wrapper #contents .contentsContainer .subTitle {
  margin-bottom: 20px;
}
/* line 121, ../scss/style.scss */
#mainField .white_subPages .wrapper #contentsRight {
  width: 995px;
  margin: 0 auto;
}
/* line 125, ../scss/style.scss */
#mainField .white_subPages .wrapper #contentsRightContainer {
  margin: 0 0 0 220px;
  position: relative;
}
/* line 129, ../scss/style.scss */
#mainField .white_subPages .wrapper #contentsRight2 {
  width: 1070px;
  padding-top: 30px;
  margin: 0 auto;
}
/* line 134, ../scss/style.scss */
#mainField .white_subPages .wrapper #contentsRightContainer2 {
  margin: 0 0 0 220px;
}
/* line 143, ../scss/style.scss */
#mainField #white_technology .wrapper {
  background: url(../images/sub/technology/shadow_bg.png?4dd28b4f27) repeat-y center 0 #f2f2f2;
}
/* line 147, ../scss/style.scss */
#mainField #white_technology .wrapper .body {
  background: url(../images/lower_bg.jpg) no-repeat center 0;
  overflow: hidden;
}
/* line 152, ../scss/style.scss */
#mainField #white_technology .wrapper .body #container #contents .contentsContainer #lowerTab .lowerTabBox .subTitle {
  margin: 67px 0 63px 0;
}
/* line 156, ../scss/style.scss */
#mainField #white_technology .wrapper .body #container #contents .contentsContainer #lowerTab .lowerTabBox2 .subTitle {
  margin: 72px 0 46px 0;
}
/* line 159, ../scss/style.scss */
#mainField #white_technology .wrapper .body #container #contents .contentsContainer #lowerTab .lowerTabBox2 .illust_area {
  margin: 0 0 72px 0;
}
/* line 161, ../scss/style.scss */
#mainField #white_technology .wrapper .body #container #contents .contentsContainer #lowerTab .lowerTabBox2 .illust_area .illust_copy {
  position: relative;
  margin: 0 0 19px 0;
}
/* line 164, ../scss/style.scss */
#mainField #white_technology .wrapper .body #container #contents .contentsContainer #lowerTab .lowerTabBox2 .illust_area .illust_copy:after {
  content: "";
  display: block;
  background: #d7063b;
  height: 1px;
  left: 0;
  width: 275px;
  position: absolute;
  top: 10px;
}
/* line 174, ../scss/style.scss */
#mainField #white_technology .wrapper .body #container #contents .contentsContainer #lowerTab .lowerTabBox2 .illust_area .illust_copy:before {
  content: "";
  display: block;
  background: #d7063b;
  height: 1px;
  right: 0;
  width: 275px;
  position: absolute;
  top: 10px;
}
/* line 185, ../scss/style.scss */
#mainField #white_technology .wrapper .body #container #contents .contentsContainer #lowerTab .lowerTabBox2 .illust_area .image {
  margin: 0 0px 20px 0;
}
/* line 187, ../scss/style.scss */
#mainField #white_technology .wrapper .body #container #contents .contentsContainer #lowerTab .lowerTabBox2 .illust_area .image:last-of-type {
  margin: 0;
}
/* line 192, ../scss/style.scss */
#mainField #white_technology .wrapper .body #container #contents .contentsContainer #lowerTab .lowerTabBox2 .subTitle2 {
  margin: 0 0 47px 0;
}
/* line 196, ../scss/style.scss */
#mainField #white_technology .wrapper .body #container #contents .contentsContainer #lowerTab .lowerTabBox .box {
  background: none;
}
/* line 200, ../scss/style.scss */
#mainField #white_technology #lowerTab {
  width: 980px;
  margin: 0 auto 35px auto;
}
/* line 203, ../scss/style.scss */
#mainField #white_technology #lowerTab .content {
  padding: 0 0 35px 0;
  position: relative;
}
/* line 207, ../scss/style.scss */
#mainField #white_technology #lowerTab .lbl {
  display: block;
  float: left;
  width: 100%;
}
/* line 211, ../scss/style.scss */
#mainField #white_technology #lowerTab .lbl div {
  float: left;
  margin: -1px 5px 0 0;
}
/* line 214, ../scss/style.scss */
#mainField #white_technology #lowerTab .lbl div.lbl2 {
  margin: 0;
}
/* line 219, ../scss/style.scss */
#mainField #white_technology #lowerTab .lbl.lbl_2 .lbl1 {
  margin: 0 5px 0 328px;
}
/* line 224, ../scss/style.scss */
#mainField #white_technology #lowerTab .js-tabButton li, #mainField #white_technology #lowerTab .js-tabButton_2 li {
  display: block;
  float: left;
  width: 487px;
  height: 48px;
  cursor: pointer;
  text-indent: -9999px;
  cursor: pointer;
  background-position: 0 0;
}
/* line 233, ../scss/style.scss */
#mainField #white_technology #lowerTab .js-tabButton li:hover, #mainField #white_technology #lowerTab .js-tabButton_2 li:hover {
  background-position: 0 -48px;
}
/* line 236, ../scss/style.scss */
#mainField #white_technology #lowerTab .js-tabButton li.is-selected, #mainField #white_technology #lowerTab .js-tabButton_2 li.is-selected {
  background-position: 0 -48px;
  cursor: default !important;
}
/* line 241, ../scss/style.scss */
#mainField #white_technology #lowerTab .js-tabButton .lowerTab01 {
  background: url("../images/sub/technology/tabbtn1.png") no-repeat;
  margin: 0 5px 0 0;
}
/* line 245, ../scss/style.scss */
#mainField #white_technology #lowerTab .js-tabButton .lowerTab02 {
  width: 488px;
  background: url("../images/sub/technology/tabbtn2.png") no-repeat;
}
/* line 250, ../scss/style.scss */
#mainField #white_technology #lowerTab .js-tabButton_2 li {
  width: 323px;
  margin: 0 5px 0 0;
}
/* line 254, ../scss/style.scss */
#mainField #white_technology #lowerTab .js-tabButton_2 .lowerTab01 {
  background: url("../images/sub/technology/tab2_tabbtn1.png") no-repeat;
}
/* line 257, ../scss/style.scss */
#mainField #white_technology #lowerTab .js-tabButton_2 .lowerTab02 {
  width: 324px;
  background: url("../images/sub/technology/tab2_tabbtn2.png") no-repeat;
}
/* line 261, ../scss/style.scss */
#mainField #white_technology #lowerTab .js-tabButton_2 .lowerTab03 {
  background: url("../images/sub/technology/tab2_tabbtn3.png") no-repeat;
  margin: 0;
}
/* line 266, ../scss/style.scss */
#mainField #white_technology #lowerTab .lowerTabBox_2 {
  display: none;
}
/* line 273, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box {
  width: 100%;
  height: 100%;
  background: none;
}
/* line 277, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area {
  margin: 0 0 20px 0;
  text-align: left;
  box-sizing: border-box;
  padding: 88px 88px 90px 88px;
}
/* line 282, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area .txt {
  margin: 0 0 30px 0;
}
/* line 285, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area .txt2 {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 17px;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
/* line 290, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area .txt2 .red {
  color: #d7063b;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 17px;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
/* line 297, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area .txt2 .small {
  font-size: 9px;
}
/* line 301, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area .txt3 {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 17px;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
/* line 306, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area .txt3 .red {
  color: #d7063b;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 17px;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
/* line 315, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .detail {
  width: 233px;
  height: 57px;
  text-indent: -9999px;
  background: url("../images/sub/technology/detail_btn.png") no-repeat white;
  background-position: 0 0;
  display: block;
  position: absolute;
  left: 375px;
  bottom: 88px;
}
/* line 325, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .detail:hover {
  background-position: 0 -57px;
}
/* line 329, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area01 {
  width: 100%;
  height: 709px;
  background: url("../images/sub/technology/img01.jpg") no-repeat top right white;
}
/* line 334, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area01 a {
  width: 403px;
  height: 77px;
  text-indent: -9999px;
  background: url("../images/sub/technology/area01_btn.png") no-repeat white;
  background-position: 0 0;
  display: block;
  margin: 116px auto 0 auto;
}
/* line 342, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area01 a:hover {
  background-position: 0 -77px;
}
/* line 350, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area02 {
  width: 100%;
  height: 467px;
  background: url("../images/sub/technology/img02.jpg") no-repeat top right white;
}
/* line 354, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area02 .txt2 {
  width: 462px;
}
/* line 358, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area03 {
  width: 100%;
  height: 843px;
  background: url("../images/sub/technology/img03.jpg") no-repeat bottom center white;
}
/* line 364, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area04 {
  width: 100%;
  height: 823px;
  background: url("../images/sub/technology/img04.jpg") no-repeat bottom center white;
}
/* line 368, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area04 + .notice {
  margin: 0;
}
/* line 372, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area05 {
  width: 100%;
  height: 482px;
  background: url("../images/sub/technology/img05.jpg") no-repeat top right white;
}
/* line 377, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area06 {
  width: 100%;
  height: 906px;
  background: url("../images/sub/technology/img06.jpg") no-repeat bottom center white;
}
/* line 383, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area07 {
  width: 100%;
  height: 912px;
  background: url("../images/sub/technology/img07.jpg") no-repeat top right white;
}
/* line 388, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area08 {
  width: 100%;
  height: 886px;
  position: relative;
  background: url("../images/sub/technology/img08.jpg") no-repeat bottom center white;
}
/* line 395, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area09 {
  width: 100%;
  height: 737px;
  position: relative;
  background: url("../images/sub/technology/img09.jpg") no-repeat bottom center white;
}
/* line 402, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area10 {
  width: 100%;
  height: 756px;
  background: url("../images/sub/technology/img10.jpg") no-repeat bottom center white;
}
/* line 407, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area11 {
  width: 100%;
  height: 1045px;
  position: relative;
  background: url("../images/sub/technology/img11.jpg") no-repeat bottom center white;
}
/* line 414, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .area12 {
  width: 100%;
  height: 797px;
  background: url("../images/sub/technology/img12.jpg") no-repeat bottom center white;
}
/* line 419, ../scss/style.scss */
#mainField #white_technology .contentsContainer .content .box .notice {
  width: 100%;
  text-align: left;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 9px;
  color: black;
}

/* line 434, ../scss/style.scss */
#mainField .subPages .wrapper .body #container #contents .contentsContainer #lowerTab .lowerTabBox {
  display: none;
}

/* line 437, ../scss/style.scss */
#mainField .subPages .wrapper .body #container #contents .contentsContainer #lowerTab ul {
  margin-bottom: 28px;
  overflow: hidden;
}

/* line 441, ../scss/style.scss */
#wrapper #header .area nav .bar {
  left: 261px;
  width: 271px;
}