@charset "UTF-8";

/* .tabBox .subTab .bk 背景色 */
/* 新着記事 */
body #sidebar .tabBox .subTab .bk.bkclr-001 ,
body #mainContents .tabBox .subTab .bk.bkclr-001 {
  z-index: 0;
  overflow: hidden;
  background-color: transparent;
}
body #sidebar .tabBox .subTab .bk.bkclr-001:before ,
body #mainContents .tabBox .subTab .bk.bkclr-001:before ,
body #sidebar .tabBox .subTab .bk.bkclr-001:after ,
body #mainContents .tabBox .subTab .bk.bkclr-001:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #6542B4;
  background-image: -webkit-linear-gradient(135deg, #6542B4 0%, #9C4BD9 100%);
  background-image:    -moz-linear-gradient(135deg, #6542B4 0%, #9C4BD9 100%);
  background-image:         linear-gradient(135deg, #6542B4 0%, #9C4BD9 100%);
  -webkit-transition: all 200ms linear;
  transition        : all 200ms linear;
}
/* 基礎 */
body #sidebar .tabBox .subTab .bk.bkclr-002 ,
body #mainContents .tabBox .subTab .bk.bkclr-002 {
  z-index: 0;
  overflow: hidden;
  background-color: transparent;
}
body #sidebar .tabBox .subTab .bk.bkclr-002:before ,
body #mainContents .tabBox .subTab .bk.bkclr-002:before ,
body #sidebar .tabBox .subTab .bk.bkclr-002:after ,
body #mainContents .tabBox .subTab .bk.bkclr-002:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #41AAA1;
  background-image: -webkit-linear-gradient(315deg, #58CCBB 0%, #41AAA1 100%);
  background-image:    -moz-linear-gradient(315deg, #58CCBB 0%, #41AAA1 100%);
  background-image:         linear-gradient(315deg, #58CCBB 0%, #41AAA1 100%);
  -webkit-transition: all 200ms linear;
  transition        : all 200ms linear;
}
/* 設計 */
body #sidebar .tabBox .subTab .bk.bkclr-003 ,
body #mainContents .tabBox .subTab .bk.bkclr-003 {
  z-index: 0;
  overflow: hidden;
  background-color: transparent;
}
body #sidebar .tabBox .subTab .bk.bkclr-003:before ,
body #mainContents .tabBox .subTab .bk.bkclr-003:before ,
body #sidebar .tabBox .subTab .bk.bkclr-003:after ,
body #mainContents .tabBox .subTab .bk.bkclr-003:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #436BB6;
  background-image: -webkit-linear-gradient(315deg, #4D9BE3 0%, #436BB6 100%);
  background-image:    -moz-linear-gradient(315deg, #4D9BE3 0%, #436BB6 100%);
  background-image:         linear-gradient(315deg, #4D9BE3 0%, #436BB6 100%);
  -webkit-transition: all 200ms linear;
  transition        : all 200ms linear;
}
/* 製品ピックアップ */
body #sidebar .tabBox .subTab .bk.bkclr-004 ,
body #mainContents .tabBox .subTab .bk.bkclr-004 {
  z-index: 0;
  overflow: hidden;
  background-color: transparent;
}
body #sidebar .tabBox .subTab .bk.bkclr-004:before ,
body #mainContents .tabBox .subTab .bk.bkclr-004:before ,
body #sidebar .tabBox .subTab .bk.bkclr-004:after ,
body #mainContents .tabBox .subTab .bk.bkclr-004:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E26C4F;
  background-image: -webkit-linear-gradient(315deg, #E26C4F 0%, #DC4949 100%);
  background-image:    -moz-linear-gradient(315deg, #E26C4F 0%, #DC4949 100%);
  background-image:         linear-gradient(315deg, #E26C4F 0%, #DC4949 100%);
  -webkit-transition: all 200ms linear;
  transition        : all 200ms linear;
}

/* sc-03 */
.sc-03 #mainContents .mfgContactBox02_01 .col {
  vertical-align: baseline;
}
.sc-03 #mainContents .mfgContactBox02_01 .col01 {
  font-size: 2rem;
  line-height: 1.4;
}
.sc-03 #mainContents .mfgContactBox02_01 .col02 {
  margin-left: 32px;
}
.sc-03 #mainContents .mfgContactBox02_03 ,
.sc-03 #mainContents .mfgContactBox02_02 {
  padding-top: 32px;
  border-top: 1px solid #D2D2D2;
}
.sc-03 #mainContents .mfgContactBox02_02 .h4 {
  line-height: 1.555555555555556;
}
.sc-03 #mainContents .mfgContactBox02_02 p + p {
  margin-top: 8px;
}
.sc-03 #mainContents .mfgContactBox02_02 p + .h4 {
  margin-top: 24px;
}
@media only screen and (max-width: 767px){
  .sc-03 #mainContents .mfgContactBox02_01 .col {
    display: block;
  }
  .sc-03 #mainContents .mfgContactBox02_01 .col01 {
    font-size: 4vmin;
    line-height: 1.366666666666667;
  }
  .sc-03 #mainContents .mfgContactBox02_01 .col02 {
    margin: 2.133333333333333vmin 0 0;
  }
  .sc-03 #mainContents .mfgContactBox02_03 ,
  .sc-03 #mainContents .mfgContactBox02_02 {
    margin-top: 5.333333333333333vmin;
    padding-top: 5.333333333333333vmin;
    border-top: 1px solid #D2D2D2;
  }
  .sc-03 #mainContents .mfgContactBox02_02 p {
    line-height: 1.5;
  }
  .sc-03 #mainContents .mfgContactBox02_02 .h4 {
    line-height: 1.576923076923077;
  }
  .sc-03 #mainContents .mfgContactBox02_02 p + p {
    margin-top: 1.066666666666667vmin;
  }
  .sc-03 #mainContents .mfgContactBox02_02 p + .h4 {
    margin-top: 4.266666666666667vmin;
  }
  .sc-03 #mainContents .mfgContactBox02_03 p {
    line-height: 1.5;
  }
}

/* sc-10 */
.sc-10 #mainContents .row02 {
  padding: 24px 0;
	background-color: #FDF6F6;
  background-image: -webkit-linear-gradient(135deg, #FAF2F2 0%, #FFF5F5 100%);
  background-image:    -moz-linear-gradient(135deg, #FAF2F2 0%, #FFF5F5 100%);
  background-image:         linear-gradient(135deg, #FAF2F2 0%, #FFF5F5 100%);
}
.sc-10 #mainContents .row02 .showBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.sc-10 #mainContents .row02 .col {
  vertical-align: middle;
}
.sc-10 #mainContents .row02 .icon-new {
  width: 40px;
  height: 40px;
  text-align: center; 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
	color: #DE584B;
  font-size: 1.2rem;
  display: -webkit-inline-flex;
  display:         inline-flex;
  align-items: center;
  text-align: center;
  line-height: 40px;
}
.sc-10 #mainContents .row02 .icon-new img {
  width: 100%;
}
.sc-10 #mainContents .row02 .col02 {
	color: #DE584B;
  font-size: 2.2rem;
  margin: 0 16px 0 8px;
  font-weight: 400;
  padding: 0;
  white-space: nowrap;
}
.sc-10 #mainContents .row02 .col02:before {
  display: none;
}
@media only screen and (max-width: 767px){
  .sc-10 #mainContents .row02 {
    padding: 6.4vmin 0;
  }
  .sc-10 #mainContents .row02 .showBox {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }
  .sc-10 #mainContents .row02 .icon-new {
    width: 9.6vmin;
    height: 9.6vmin;
    font-size: 2.666666666666667vmin;
    line-height: 9.6vmin;
  }
  .sc-10 #mainContents .row02 .col02 {
    font-size: 5.066666666666667vmin;
    margin: 0 0 0 2.133333333333333vmin;
  }
  .sc-10 #mainContents .row02 .col03 {
    width: 100%;
    margin-top: 1.066666666666667vmin;
  }
}

/* sc-09 */
.sc-09 #mainContents .row02 {
  padding: 24px 0;
  background: #F5F9FF;
  background-image: -webkit-linear-gradient(-135deg, #F0F4FA 0%, #F5F9FF 100%);
  background-image:    -moz-linear-gradient(-135deg, #F0F4FA 0%, #F5F9FF 100%);
  background-image:         linear-gradient(-135deg, #F0F4FA 0%, #F5F9FF 100%);
}
.sc-09 #mainContents .row02 .showBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.sc-09 #mainContents .row02 .col {
  vertical-align: middle;
}
.sc-09 #mainContents .row02 .icon-new {
  width: 40px;
  height: 40px;
  text-align: center; 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
	color: #4471BB;
  font-size: 1.2rem;
  display: -webkit-inline-flex;
  display:         inline-flex;
  align-items: center;
  text-align: center;
  line-height: 40px;
}
.sc-09 #mainContents .row02 .icon-new img {
  width: 100%;
}
.sc-09 #mainContents .row02 .col02 {
	color: #4471BB;
  font-size: 2.2rem;
  margin: 0 16px 0 8px;
  font-weight: 400;
  padding: 0;
  white-space: nowrap;
}
.sc-09 #mainContents .row02 .col02:before {
  display: none;
}
@media only screen and (max-width: 767px){
  .sc-09 #mainContents .row02 {
    padding: 6.4vmin 0;
  }
  .sc-09 #mainContents .row02 .showBox {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }
  .sc-09 #mainContents .row02 .icon-new {
    width: 9.6vmin;
    height: 9.6vmin;
    font-size: 2.666666666666667vmin;
    line-height: 9.6vmin;
  }
  .sc-09 #mainContents .row02 .col02 {
    font-size: 5.066666666666667vmin;
    margin: 0 0 0 2.133333333333333vmin;
  }
  .sc-09 #mainContents .row02 .col03 {
    width: 100%;
    margin-top: 1.066666666666667vmin;
  }
}

/* sc-08 */
.sc-08 #mainContents .tabBox .subTab .bk {
    border-color: transparent;
    color: #fff;
    background-color: #41AAA1;
    background: -webkit-linear-gradient(315deg, #58CCBB 0%, #41AAA1 100%);
    background:    -moz-linear-gradient(315deg, #58CCBB 0%, #41AAA1 100%);
    background:         linear-gradient(315deg, #58CCBB 0%, #41AAA1 100%);
}
.sc-08 #mainContents .row02 {
  padding: 24px 0;
	background-color: #EAF3F2;
  background-image: -webkit-linear-gradient(135deg, #EBF6F5 0%, #F0FAF9 100%);
  background-image:    -moz-linear-gradient(135deg, #EBF6F5 0%, #F0FAF9 100%);
  background-image:         linear-gradient(135deg, #EBF6F5 0%, #F0FAF9 100%);
}
.sc-08 #mainContents .row02 .showBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.sc-08 #mainContents .row02 .col {
  vertical-align: middle;
}
.sc-08 #mainContents .row02 .icon-new {
  width: 40px;
  height: 40px;
  text-align: center; 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
	color: #4471BB;
  font-size: 1.2rem;
  display: -webkit-inline-flex;
  display:         inline-flex;
  align-items: center;
  text-align: center;
  line-height: 40px;
}
.sc-08 #mainContents .row02 .icon-new img {
  width: 100%;
}
.sc-08 #mainContents .row02 .col02 {
	color: #43AEA4;
  font-size: 2.2rem;
  margin: 0 16px 0 8px;
  font-weight: 400;
  padding: 0;
  white-space: nowrap;
}
.sc-08 #mainContents .row02 .col02:before {
  display: none;
}
@media only screen and (max-width: 767px){
  .sc-08 #mainContents .row02 {
    padding: 6.4vmin 0;
  }
  .sc-08 #mainContents .row02 .showBox {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }
  .sc-08 #mainContents .row02 .icon-new {
    width: 9.6vmin;
    height: 9.6vmin;
    font-size: 2.666666666666667vmin;
    line-height: 9.6vmin;
  }
  .sc-08 #mainContents .row02 .col02 {
    font-size: 5.066666666666667vmin;
    margin: 0 0 0 2.133333333333333vmin;
  }
  .sc-08 #mainContents .row02 .col03 {
    width: 100%;
    margin-top: 1.066666666666667vmin;
  }
}

/* sc-07 */
.sc-07 #mainContents .row02 {
  padding: 24px 0;
	background-color: #F7F2FC;
  background: -webkit-linear-gradient(135deg, #F0E8F8 0%, #FAF5FF 100%);
  background:    -moz-linear-gradient(135deg, #F0E8F8 0%, #FAF5FF 100%);
  background:         linear-gradient(135deg, #F0E8F8 0%, #FAF5FF 100%);
}
.sc-07 #mainContents .row02 .showBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.sc-07 #mainContents .row02 .col {
  vertical-align: middle;
}
.sc-07 #mainContents .row02 .icon-new {
  width: 40px;
  height: 40px;
  text-align: center;
  background-image: url('/assets/images/sc/icon/new.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: #854FCC;
  font-size: 1.2rem;
  display: -webkit-inline-flex;
  display:         inline-flex;
  align-items: center;
  text-align: center;
  line-height: 40px;
}
.sc-07 #mainContents .row02 .icon-new img {
  width: 100%;
}
.sc-07 #mainContents .row02 .icon-new span {
  display: inline-block;
  width: 100%;
}
.sc-07 #mainContents .row02 .col02 {
	color: #854FCC;
  font-size: 2.2rem;
  margin: 0 16px 0 8px;
  font-weight: 400;
  padding: 0;
}
.sc-07 #mainContents .row02 .col02:before {
  display: none;
}
.sc-07 #mainContents .row02 .col03 {
  opacity: 0.9;
}
@media only screen and (max-width: 767px){
  .sc-07 #mainContents .row02 {
    padding: 6.4vmin 0;
  }
  .sc-07 #mainContents .row02 .showBox {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }
  .sc-07 #mainContents .row02 .icon-new {
    width: 9.6vmin;
    height: 9.6vmin;
    font-size: 2.666666666666667vmin;
    line-height: 9.6vmin;
  }
  .sc-07 #mainContents .row02 .col02 {
    font-size: 5.066666666666667vmin;
    margin: 0 0 0 2.133333333333333vmin;
  }
  .sc-07 #mainContents .row02 .col03 {
    width: 100%;
    margin-top: 1.066666666666667vmin;
  }
}

/* sc-25 */
.sc-25 #colorbox .colorboxInnerBox .title {
  position: relative;
  padding-left:42px;
}
.sc-25 #colorbox .colorboxInnerBox .title:before {
  content: '';
  position: absolute;
  width: 29.05px;
  height: 29.28px;
  background-image: url('/assets/images/sc/icon/comment-big.png');
  background-size: cover;
  left: 0;
}
@media only screen and (min-width: 969px){
  .sc-25 #link03 {
    min-height: 100vh;
    margin-bottom: -136px;
  }
}
@media only screen and (max-width: 767px){
  .sc-25 #colorbox .colorboxInnerBox .title {
    padding-left:8vmin;
  }
  .sc-25 #colorbox .colorboxInnerBox .title:before {
    width: 5.333333333333333vmin;
    height: 5.376vmin;
    top: 0.734375em;
    margin-top: -2.688vmin;
  }
}