/* ******************** start et106h********************* */

.others p {
    font-size: 16px;
    line-height: 1.5;
    color: black;
}

.others .row {
    margin: 0;
}

.others .title {
    text-align: center;
}

.others .title_ {
    text-align: center;
}

.others h2 {
    font-size: 25px;
    font-weight: bold;
}

.others h4 {
    font-size: 20px;
}

.et106h h2 {
    color: #E13232;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: solid 1px #B3B3B3;
}

.et106h .row .col-md-6:last-child {
    padding-left: 30px;
}

.et106h {
    position: relative;
}

.et106h .left-image {
    position: absolute;
    left: 0;
    top: 0;
}

.et106h .right-image {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(0, 70%);
}


/********************  end et106h****************** */


/********************start eneos****************** */

.eneos {
    margin-top: 50px;
    background: #F2F2F2;
    padding: 50px 5%;
}

.eneos .title {
    text-align: center;
    margin-top: 40px;
}

.eneos .title h4 span {
    background: white;
    border: solid #B3B3B3 1px;
    padding: 0 20px;
    margin-right: 20px;
}

.eneos .content {
    padding-top: 40px;
}


/********************end eneos****************** */

.other01__01 {
    margin-top: 80px;
    position: relative;
}

.other01__01 .title h2 {
    color: #E13232;
}
.other01__01 .title_ {
    margin-top: 40px;
    background: #F2F2F2;
    width: 100%;
    padding: 15px 0;
}

.other01__01 .content {
    padding: 20px 0;
}

.other01__01 .content_ {
    border-left: 2px solid #999999;
    padding: 8px 0;
    margin-top: 8px;
}

.other01__01 .content p {
    font-size: 16px;
}

.other01__01 .content h5 {
    font-size: 18px;
    color: #E13232;
    text-align: center;
}

.other01__01 .content_ .row {
    margin: 5px 0;
}

.other01__01 .col-12,
.other01__01 .col-4,
.other01__01 .col-3,
.other01__01 .col-10 {
    padding: 10px 2px;
}

.other01__01 .col-8,
.other01__01 .col-9 {
    border: dashed #E13232 1px;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
}
.other01__01 p {
    /*line-height: 2;*/
}

.other01__01 .left-image {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.other01__01 .right-image {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(0, 20%);
}
.others .content .graph{
  padding-left: 3%;
}
.others .other01__01 .graph div[class^="col-"]{
  padding: 5px 1px;
}
.others .other01__01 .graph p{
  font-size: 14px;
}
.others .other01__01 .content .graph h5{
  font-size: 14px;
  text-align: center;
  width: 100%;
}
.others .other01__01 .content .graph h5 span{
  font-size: 18px;
}
.others .other01__01 .graph .col-8 h5,
.others .other01__01 .graph .col-9 h5{
  color: #e13232;
}
.other01__01 .content .led_txt1 p{
   font-size: 16px;
   margin-bottom: 30px;
}
.other01__01 .content .led_txt1 p:nth-child(3){
   font-size: 13px;
   margin-bottom: 0px;
}
.led_txt1 span{
   color: #E13232;
   display: block;
   margin-bottom: 30px;
}
.led_running_cost h4 {
    padding: 5px 0;
    margin-bottom: 10px;
    text-align: center;
    background: #6AB0CC;
}
.led_running_cost_table table {
    border-collapse: separate;
}
.led_running_cost_table th,.led_running_cost_table td {
    border-top: 1px solid #000000;
	border-right: 1px solid #000000;
    color: #000000;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}
.led_running_cost_table tr:nth-child(n) td:nth-child(1) {
    border-left: 1px solid #000000;
}
.led_running_cost_table tr:last-child td {
    border-bottom: 1px solid #000000;
}
.led_running_cost_table th:nth-child(1) {
    border-left: 1px solid #000000;
}
.led_running_cost_table th:nth-child(2){
    background: #F0F7FD;
}
.led_running_cost_table span{
    font-size: 20px;
    display: block;
    color: black;
    margin-bottom: 0;
    line-height: 1.3;
}
.led_running_cost_table td.rd_bold  {
    color: #E13232;
    font-size: 20px;
    background: #F0F7FD;
}
.led_running_cost_table td.bk_bold  {
    font-size: 20px;
}
.lineup {
    position: relative;
    margin-top: 50px;
    padding: 30px 0;
}

.lineup .left-image {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -100%);
}

.lineup .right-image {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(0, -150%);
}

.lineup .title {
    color: #E13232;
}

.lineup .content {
    padding: 30px 0;
}

.lineup .title_ {
    color: #E13232;
}

.lineup .content_ {
    padding: 30px 0;
}

.lineup .content_ .row .col-md-4 {
    padding: 20px 0;
    width: 32%;
    margin: 0 2% 0 0;
}
.lineup .content_ .row .col-md-4:nth-of-type(3n){
  margin: 0;
}

.lineup .content a.button__ {
    margin-left: 80px;
    background: transparent;
    border: solid 2px #E13232;
    padding: 5px 40px;
    color: #E13232;
}

.lineup hr {
    border-top: 3px black;
    border-style: dotted;
    color: white;
    margin: 30px 0;
}
.lineup .content .lineup_txt_height{
  font-weight: 700;
  min-height: 50px;
  margin: 0 0 10px;
}

.spec .title h2 {
    color: #E13232;
}

.spec .content {
    padding: 30px 0 0;
    overflow-x: auto;
    margin: 0 0 30px;
}

table.other_01 td {
    width: calc(100% / 3);
    border: white solid 1px;
    padding: 10px;
    text-align: center;
    background: #F2F2F2;
    white-space: nowrap;
}
.size01 table.other_01 td{
  padding: 5px;
}
.size01 table.other_01 td p{
  font-size: 12px;
}
table.other_01 {
    width: 100%;
}

table.other_01 td:first-child {
    background: #F7D6D4;
    text-align: left;
}
table.other_01 .tb_img01{
  max-width: 170px;
  margin: 0 auto;
}
table.other_01 .spec_arrow{
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 1px solid;
  border-bottom: 1px solid;
  -webkit-transform: rotate(45deg) skew(5deg, 5deg);
  transform: rotate(45deg) skew(5deg, 5deg);
  position: relative;
  top: -4px;
  margin: 0 0 0 10px;
}
table.other_01 .tb_img02{
  max-width: 300px;
  margin: 0 auto;
}
.spec {
    position: relative;
}

.spec .left-image {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -120%);
}

.spec .right-image {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(0, -25%);
}

table.other_02 {
    width: 100%;
}

table.other_02 td {
    width: calc(100% / 9);
    border: white solid 1px;
    padding: 10px;
    text-align: center;
    background: #F2F2F2;
}

table.other_02 tr:first-child td:first-child,
table.other_02 tr:nth-child(3) td:first-child,
table.other_02 tr:last-child td:first-child {
    background: #F7D6D4;
    text-align: left;
    width: calc(100% / 3);
}

table.other_02 tr:nth-child(2) td,
table.other_02 tr:first-child td {
    background: #F7D6D4;
}

section.special-chemic {
    margin-top: 50px;
    padding: 30px 0;
}

section.special-chemic .title h2 {
    color: #E13232;
}

section.special-chemic .content {
    margin-top: 40px;
}

section.other_summary .content {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    padding: 3px 0;
}

section.other_summary .content p {
    font-size: 14px;
}

section.other_summary .content p:first-child {
    width: 8%;
    flex: 0 0 auto;
}

section.other_summary .content p:last-child {
    width: 92%;
    flex: 0 0 auto;
}

section.other_summary {
    padding-bottom: 100px;
}
section.other_summary .btm{
  margin: 30px 0 0;
}
section.other_summary .button{
  margin: 30px 0 0;
}

.other-pdf.wrapper {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 20px;
    border: #E13232 solid 2px;
    width: max-content;
    padding: 12px 40px;
}

.other-pdf.wrapper p {
    padding-left: 15px;
    color: #E13232;
    font-weight: bold;
}

.sp {
    display: none;
}

.title h2 {
    border-bottom: solid 1px #B3B3B3;
    padding-bottom: 10px;
    color: #E13232;
}
section.energy-saving .content {
    padding-top: 12px;
    margin: 0 0 30px;
}

/*section.energy-saving .movie {
    width: 750px;
    height: 450px;
    background: #cccccc;
    margin: 30px auto;
}*/

.energy-saving {
    position: relative;
}

.energy-saving .left-image {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
}

.energy-saving .right-image {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(0, 0);
}

section.operation-example .content {
    background: #F2F2F2;
    padding: 30px 3% 10px;
    margin-top: 25px;
    margin-bottom: 20px;
}

section.operation-example .content .title_ h4 {
    color: #E13232;
    padding-bottom: 10px;
    font-weight: bold;
}

section.operation-example.wrapper {
    margin-top: 50px;
}

section.operation-example .content_ {
    display: flex;
    padding-top: 20px;
}

section.operation-example .content_ div:first-child {
    width: 5%;
    position: relative;
}

section.operation-example .content_ div:last-child {
    width: 95%;
}

section.operation-example .stress_content {
    display: flex;
}

section.operation-example .stress_content p {
    width: 50%;
    padding-left: 15px;
}
section.operation-example .stress_content span {
  display: block;
  width: 50%;
  padding-left: 15px;
}
section.operation-example .stress_content span img {
  width: 100%;
}

section.operation-example .content_ .no span {
    color: white;
    background: #E13232;
    width: max-content;
    font-size: 26px;
    padding: 6px 15px;
    font-weight: normal;
    display: block;
    line-height: 1.2;
}

section.operation-example .content_ div:first-child::after {
    content: "";
    border: 1px solid #e13232;
    position: absolute;
    left: 50%;
    height: 100%;
    transform: translate(-50%, 0);
}

section.operation-example .content_:last-child div:first-child::after {
    border: none;
}

section.operation-example .content_ div:last-child {
    width: 95%;
    border-bottom: dotted #d2d1d1;
    padding-bottom: 20px;
}

section.operation-example .content_:last-child div:last-child {
    border: none;
}

section.operation-example hr {
    border-top: 3px black;
    border-style: dotted;
    color: white;
    margin: 30px 0;
}

section.on_off_control .content {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

section.on_off_control .content div {
    background: #F2F2F2;
    padding: 50px 25px;
    position: relative;
    width: 28%;
}

section.on_off_control .content div img {
    width: 100%;
    margin: 0 auto 10px;
}
section.on_off_control .content div p {
  text-align: left;
}
section.on_off_control img.arrow {
    width: 20px;
    height: 30px;
    margin: auto;
}

section.on_off_control span {
    position: absolute;
    font-size: 26px;
    line-height: 1;
    background: #E13232;
    color: white;
    padding: 14px 20px;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: normal;
}

section.spec-02 {
  margin-top: 60px;
  padding: 0 0 40px;
}
section.spec-03 {
  padding: 0 0 40px;
}
section.spec-04 {
  padding: 0 0 100px;
}
.spec .title_ h2 {
    font-size: 20px;
    color: #E13232;
    padding-bottom: 15px;
    padding-top: 30px;
}

.spec-03 table.other_01 tr td {
    width: calc(100% / 4);
}

.spec-04 table.other_01 tr td {
    width: auto;
}

.other01__01 .content h5 {
    font-size: 20px;
    text-align: left;
    color: black;
}

.other01__01 .content h6 {
    font-size: 14px;
}

.lineup .content img {
    width: 100%;
}
.env-content {
    display: flex;
    padding: 5px 0;
}
.env-content div {
    background: #e13232;
    width: 28px;
    min-width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    margin-right: 10px;
}
.env-content span:first-child {
    font-weight: 600;
}
@media only screen and (max-width:767px){
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    .others .left-image,
    .others .right-image {
        display: none;
    }
    .others img {
        width: 100%;
    }
    .others h2 {
        font-size: 20px;
    }
    .others .row {
        margin: 0;
    }
    .et106h .row .col-md-6:last-child {
        padding-left: 0;
        padding-top: 20px;
    }
    .others p {
        font-size: 13px;
    }
    .eneos {
        margin-top: 25px;
        background: #F2F2F2;
        padding: 10px;
    }
    .eneos .row .col-6:first-child {
        padding-left: 0;
        padding-right: 8px;
    }
    .eneos .row .col-6:last-child {
        padding-right: 0;
        padding-left: 8px;
    }
    .others h4 {
        font-size: 14px;
    }
    .eneos .title {
        text-align: left;
        margin-top: 25px;
    }
    .eneos .title h4 span {
        background: white;
        border: solid #B3B3B3 1px;
        padding: 2px 10px;
        margin-right: 10px;
    }
    .eneos .content {
        padding-top: 20px;
    }
    .other01__01 {
        margin-top: 50px;
    }
    .other01__01 .title_ {
        margin-top: 15px;
        background: #F2F2F2;
        width: 100%;
        padding: 10px 0;
    }
    .other01__01 .content {
        padding: 10px 0;
    }
    .other01__01 .col-12,
    .other01__01 .col-4,
    .other01__01 .col-3,
    .other01__01 .col-10 {
        padding: 5px;
    }
    .other01__01 .content p {
        font-size: 14px;
    }
    .other01__01 .content_ {
        padding: 3px 0;
    }
    .other01__01 .content h5 {
        font-size: 10.5px;
        color: #E13232;
        text-align: center;
    }
    .other01__01 .content h5 span {
        font-size: 13.5px;
    }
    .other01__01 .col-8,
    .other01__01 .col-9 {
        align-items: baseline;
    }
    .others .content .graph{
      padding-left: 0;
    }
    .others .other01__01 .graph p{
      font-size: 10.5px;
    }
    .others .other01__01 .content .graph h5{
      font-size: 10.5px;
    }
    .others .other01__01 .content .graph h5 span{
      font-size: 13px;
    }
	.led_running_cost_table span {
		font-size: 17px;
	}
	.led_running_cost_table td.rd_bold {
		font-size: 17px;
	}
	.led_running_cost_table td.bk_bold {
		font-size: 17px;
	}
	.led_running_cost_table td.led_sp {
		min-height: 10.6em;
		width: 1.5em;
	}
    .lineup {
      position: relative;
      margin-top: 20px;
      padding: 15px 0;
    }
    .lineup .title_ {
      color: #E13232;
      text-align: left;
    }
    .lineup .title_ h4 {
        line-height: 1.8;
    }
    .lineup .content_ {
        padding: 10px 0;
    }
    .lineup .content_ .row{
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }
    .lineup .content_ .row .col-md-4 {
        padding: 5px 0;
        width: 49%;
        margin: 0;
    }
    .lineup hr {
        margin: 15px 0;
    }
    .lineup .content {
        padding: 15px 0;
    }
    .lineup .content .lineup_txt_height{
      min-height: 40px;
    }
    .spec .content {
        padding: 15px 0 0;
        margin: 0 0 15px;
    }
    table.other_01 .tb_img01{
      max-width: 80px;
    }
    table.other_01 .spec_arrow{
      display: block;
      margin: 0 auto;
    }
    table.other_01 .tb_img02{
      max-width: 160px;
    }
    section.special-chemic {
        margin-top: 15px;
        padding: 15px 0;
    }
    section.special-chemic .content {
        margin-top: 20px;
    }
    section.other_summary .content p {
        font-size: 13px;
    }
    section.other_summary .content p:first-child {
        width: 17%;
        flex: 0 0 auto;
    }
    section.other_summary .content p:last-child {
        width: 83%;
        flex: 0 0 auto;
    }
    section.other_summary {
        padding-bottom: 50px;
    }
    .other-pdf.wrapper p {
        padding-left: 30px;
        color: #E13232;
        font-weight: bold;
        font-size: 15px;
    }
    .other-pdf.wrapper img {
        width: 30px;
        height: 28px;
    }
    .other-pdf.wrapper {
        display: flex;
        justify-content: center;
        margin-top: 50px;
        margin-bottom: 20px;
        border: #E13232 solid 2px;
        width: max-content;
        padding: 8px 35px;
        align-items: center;
    }
    section.energy-saving .title {
      text-align: left;
    }
    /*section.energy-saving .movie {
        width: 100%;
        height: 50vw;
    }*/
    section.operation-example .content_ .no span {
        font-size: 20px;
        padding: 4px 11px;
    }
    section.operation-example .content_ div:first-child::after {
        left: 16px;
    }
    section.operation-example .stress_content {
        display: block;
    }
    section.operation-example .content_ div:first-child {
        width: 12%;
        position: relative;
    }
    section.operation-example .content_ div:last-child {
        width: 88%;
        border-bottom: dotted #d2d1d1;
        padding-bottom: 20px;
    }
    section.operation-example .stress_content p {
        width: 100%;
        padding-left: 15px;
    }
    section.operation-example .stress_content span {
      width: 100%;
    }
    section.operation-example .stress_content img {
        width: 100%;
        padding-top: 15px;
    }
    section.operation-example .content {
        background: #F2F2F2;
        padding: 15px 15px 5px;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    section.operation-example.wrapper {
        margin-top: 30px;
    }
    section.on_off_control .content {
        display: block;
        margin-top: 50px;
    }
    section.on_off_control .content div {
        background: #F2F2F2;
        padding: 30px 15px 15px;
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 40px;
        text-align: center;
    }
    section.on_off_control .content div img {
      max-width: 150px;
    }
    section.on_off_control img.arrow {
      width: 20px;
      height: 12px;
      margin-top: 25px;
    }
    section.on_off_control span {
      font-size: 20px;
      padding: 4px 8px;
    }
    section.spec-02 {
      margin-top: 40px;
      padding: 0 0 20px;
    }
    section.spec-03 {
      padding: 0 0 20px;
    }
    section.spec-04 {
      padding: 0 0 50px;
    }
    .spec-03 {
        overflow: scroll;
    }
    .spec-03 table.other_01 tr td:first-child p {
        width: 120px;
    }
    table.other_01 td {
      padding: 5px;
    }
    table.other_02 td {
      padding: 5px;
    }
    .env-content div {
      width: 24px;
      min-width: 24px;
      height: 24px;
    }
}