@charset "utf-8";
/* Old CSS */
.NewWindow {
  padding: 0 17px 0 0;
  background: url(/image/common/jp/r1/icon/icon_new_window_hd.gif) no-repeat right center;
  background-size: 16px 16px;
}

.scViStyle {
  margin-bottom: 30px;
}

.scViStyle .scViTtl {
  width: 100%;
  height: 0;
  padding-top: 36.9949%;
  text-indent: -9999px;
  text-align: left;
  white-space: nowrap;
  background: url(/image/jp/products/device/semiconductor/index_vi01.jpg) bottom center no-repeat;
  background-size: contain;
  overflow: hidden;
}

.scViStyle .scViTxt {
  transform: translateY(-1px);
  padding: 40px 25px 30px 25px;
  background: url(/image/jp/products/device/semiconductor/index_vi02.jpg) top center no-repeat;
  background-size: 100%;
}

.scViStyle .scViTxt p {
  width: 58%;
  font-size: 90%;
  color: #FFF;
}

.scViStyle .scViTxt p+p {
  margin-top: 20px;
}

.scViStyle .scViTxt a {
  padding: 0 17px 0 0;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 16px 16px;
}

.scViStyle .scViTxt a:link,
.scViStyle .scViTxt a:visited {
  color: #c02;
  text-decoration: none;
  background-image: url(/image/common/jp/r1/icon/icon_link_right_hd.gif);
}

.scViStyle .scViTxt a:hover,
.scViStyle .scViTxt a:active {
  text-decoration: underline;
  background-image: url(/image/common/jp/r1/icon/icon_link_right_hover_hd.gif);
}

.scHeadImg {
  height: 0;
  max-height: 40px;
  padding-top: 5.5556%;
  text-indent: -9999px;
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
  background: url(/image/jp/products/device/semiconductor/com_h01.jpg) center no-repeat;
  background-size: contain;
}

.scH1Style {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 30px;
  padding: 10px 0 10px 30px;
  font-weight: bold;
  background: #004678;
  overflow: hidden;
}

.scH1Style>div {
  flex-grow: 1;
}

.scH1Style>figure {
  float: right;
  position: relative;
  width: 80px;
  margin: 0 10px 0 0;
  padding: 0;
  z-index: 1;
  overflow: hidden;
  ;
}

.scH1Style>figure img {
  width: 100%;
}

.scH1Style .scH1Category {
  margin-bottom: 3px;
  padding-left: 62px;
  font-size: 96%;
  color: #FFF;
  font-weight: normal;
}

.scH1Style .scH1Title {
  padding-top: 20px;
  padding-right: 1em;
  padding-bottom: 11px;
}

.scH1Style .scH1Title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 20px;
  right: 0;
  width: calc(100% - 30px);
  border-top: 1px solid #80a3bc;
}

.scH1Style .scH1Category+.scH1Title {
  margin-top: 0;
  padding-top: 0;
}

.scH1Style .scH1Title .no {
  position: absolute;
  bottom: 20px;
  display: block;
  width: 0.92em;
  font-size: 300%;
  font-family: Helvetica, Arial, "sans-serif";
  font-weight: normal;
}

.scH1Style .scH1Title .no:after {
  transform: skewX(-20deg);
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  bottom: -10px;
  left: -10px;
  right: 0.21em;
  background-color: #FFF;
}

.scH1Style .scH1Title .no span {
  transform: translateY(0px);
  display: block;
  width: 0.6em;
  position: relative;
  border-bottom: 1px solid #004678;
  color: #004678;
  line-height: 1;
  z-index: 1;
}

.scH1Style .scH1Title h1 {
  font-size: 180%;
  color: #FFF;
  line-height: 1.4;
}

.scH1Style .scH1Title .no+h1 {
  padding-left: 60px;
}

.scH2Style {
  margin-top: 30px;
  margin-bottom: 20px;
  border-bottom: 2px solid #333;
  padding-bottom: 5px;
  font-size: 150%;
  background: none;
}

.scH2Style span {
  padding: 0;
  background: none;
}

.scH2Product {
  margin-top: 45px;
  margin-bottom: 30px;
  padding: 0;
  background: none;
}

.scH2Product span {
  display: inline-block;
  margin: 0;
  padding: 10px 1em;
  font-size: 130%;
  font-weight: normal;
  color: #FFF;
  background-color: #737373;
}

.scH2Info {
  margin-top: 45px;
  margin-bottom: 20px;
  padding: 0;
  background: none;
}

.scH2Info span {
  padding: 15px 20px;
}

#Contents .scH3Style {
  position: relative;
  margin-top: 30px;
  margin-bottom: 20px;
  border: none;
  border-bottom: 1px solid #CCC;
  padding: 0 0 0.5em 1em;
  color: #333;
  font-size: 120%;
  line-height: 1.6;
}

#Contents .scH2Style+.scH3Style {
  margin-top: 40px;
}

.scH3Style:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 0.5em;
  border-bottom: 2px solid #C02;
}

.scH3Style .marker {
  margin: 0 2px;
  padding: 0 0.25em;
  color: #FFF;
  background-color: #747474;
}

.scH3Style a {
  padding: 0;
}

.scH3Style a:link {
  color: #C02;
  text-decoration: underline;
  background: none;
}

.scH3Style a:hover {
  color: #a94657;
  text-decoration: none;
}

.scNumberListColumnSet {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  counter-reset: count;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.scNumberListColumn {
  box-sizing: border-box;
  position: relative;
  width: calc((100% - 15px) / 2);
  min-height: 7em;
  margin: 0 0 15px 0;
  border: 1px solid #CCC;
  padding: 15px 15px 15px 80px;
  list-style: none;
}

.scNumberListColumn:nth-of-type(odd) {
  clear: both;
  float: left;
}

.scNumberListColumn:nth-of-type(even) {
  float: right;
}

.scNumberListColumn .scNumberListImg {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 60px;
  background: #323232;
}

.scNumberListColumn .scNumberListImg:before {
  counter-increment: count;
  content: counter(count);
  display: block;
  float: right;
  color: #FFF;
  margin: 8px 0;
  padding: 0.25em 0.5em;
  line-height: 1;
  border-bottom: 1px solid #e80027;
}

.scNumberListColumn .scNumberListImg img {
  width: 100%;
}

.scNumberListColumn .scNumberListTtl {
  font-weight: bold;
}

.scNumberListColumn .scNumberListTxt {
  margin-top: 10px;
  font-size: 90%;
}


.scProductColumnSet {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}

.scProductColumnSet+.scProductColumnSet {
  margin-top: 0;
}

.scProductColumnBox {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  margin: 0 0 15px 0;
  border: 1px solid #CCC;
  background: #f2f2f2;
}

.scProductColumnBox>* {
  box-sizing: border-box;
  width: 100%;
}

.scProductColumnBox.column2 {
  flex-basis: calc((100% - 15px) / 2);
}

.scProductColumnBox.column3 {
  flex-basis: calc((100% - 30px) / 3);
}

.scProductColumnBox a {
  height: 100%;
}

.scProductColumnBox .scProductColumnLink {
  background-color: #FFF;
}

.scProductColumnBox .scProductColumnLink {
  display: flex;
  align-items: center;
  width: 100%;
}

.scProductColumnBox.column2 .scProductColumnLink {
  flex-wrap: nowrap;
}

.scProductColumnBox.column3 .scProductColumnLink {
  flex-wrap: wrap;
}

.scProductColumnBox a:link {
  color: #333;
  text-decoration: none;
}

.scProductColumnBox a:hover {
  color: #b1000e;
  text-decoration: none;
}

.scProductColumnBox .scProductColumnLink .img {
  min-width: 155px;
  max-width: 155px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.scProductColumnBox .scProductColumnLink .img img {
  max-width: 155px;
}

.scProductColumnBox .scProductColumnLink p {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-shrink: 1;
  flex-grow: 1;
  position: relative;
  padding: 10px 20px 10px 10px;
  font-size: 90%;
  font-weight: bold;
}

.scProductColumnBox .scProductColumnLink p span {
  display: block;
  width: 100%;
}

.scProductColumnBox a.NewWindow {
  padding: 0;
  background: none;
}

.scProductColumnBox a.NewWindow .scProductColumnLink p span:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  vertical-align: middle;
  background: url(/image/common/jp/r1/icon/icon_new_window_hd.gif) no-repeat right center;
  background-size: 16px 16px;
}

.scProductColumnBox a:hover .scProductColumnLink p span {
  text-decoration: underline;
}

.scProductColumnBox .scProductColumnLink p:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  margin: auto;
  width: 16px;
  height: 16px;
  background: url(/image/common/jp/r1/icon/icon_link_right_xl_hover_hd.gif) top left no-repeat;
  background-size: contain;
}

.scProductColumnBox a:hover .scProductColumnLink p:after {
  right: 3px;
}

.scProductColumnBox .scProductColumnTxt {
  padding: 10px;
  font-size: 83%;
}

.scProductColumnBox .scProductColumnTxt p {
  color: #333;
  text-decoration: none;
}

.scProductColumnBox a:visited .scProductColumnTxt {
  color: #333;
}


.scLinearNavi {
  margin-top: 45px;
  margin-bottom: 60px;
  border: 1px solid #CCC;
}

.scLinearNavi ul {
  display: flex;
  justify-content: center;
}

.scLinearNavi li {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 90%;
  text-align: center;
}

.scLinearNavi .first {
  order: 1;
  border-bottom: 3px solid #cc0022;
}

.scLinearNavi .location {
  order: 2;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 3px solid #737373;
  background: #f2f2f2;
}

.scLinearNavi .location a:after {
  content: normal;
}

.scLinearNavi .next {
  order: 3;
  border-bottom: 3px solid #cc0022;
}

.scLinearNavi p {
  font-size: 90%;
}

.scLinearNavi a {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  width: 100%;
  position: relative;
  padding: 0.5em 25px;
  color: #333;
  text-decoration: none;
}

.scLinearNavi a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  margin: auto;
  width: 16px;
  height: 16px;
  background: url(/image/common/jp/r1/icon/icon_link_right_xl_hover_hd.gif) top left no-repeat;
  background-size: contain;
}

.scLinearNavi .return a {
  justify-content: flex-start;
}

.scLinearNavi li>span {
  flex: 1px;
}

.scLinearNavi li a>* {
  flex-grow: 1;
}

.scLinearNavi span {
  display: block;
  width: 100%;
  text-align: center;
}

.scLinearNavi .first a:after,
.scLinearNavi .return a:after {
  transform: rotate(180deg);
  left: 5px;
  right: auto;
}

.scLinearNavi a:hover {
  text-decoration: underline;
  color: #b1000e;
}

.scLinearNavi a:hover:after {
  right: 3px;
}

.scLinearNavi .first a:hover:after,
.scLinearNavi .return a:hover:after {
  left: 3px;
  right: auto;
}

.scLinearNavi small {
  display: block;
  width: 100%;
  color: #8e8e8e;
}

.scLinearNavi a:hover small {
  color: #b1000e;
}


.scWordsBtn {
  width: 100%;
  margin-bottom: 60px;
  overflow: hidden;
}

.scWordsBtn ul {
  width: calc(100% + 8px);
  transform: translateX(-4px);
}

.scWordsBtn ul:after {
  content: "";
  display: block;
  clear: both;
}

.scWordsBtn li {
  box-sizing: border-box;
  float: left;
  border: 1px solid #CCC;
  width: 48px;
  margin: 0 4px 8px 4px;
}

.scWordsBtn li.hide {
  display: none;
}

.scWordsBtn span,
.scWordsBtn a {
  display: block;
  line-height: 46px;
  font-size: 90%;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #FFF;
}

.scWordsBtn a:link {
  color: #333;
  text-decoration: none;
}

.scWordsBtn a:hover {
  color: #a94657;
  text-decoration: underline;
  background-color: #f2f2f2;
}

.scWordsBtn span {
  color: #d6d6d6;
}


.scWordsBox {
  margin: 0 0 20px;
  padding: 20px;
  background-color: #f2f2f2;
}

.scWordsBox h2 {
  padding: 0.5em 20px;
  font-size: 110%;
  font-weight: bold;
  background: #FFF;
}

.scWordsBox .link .icon {
  display: inline-block;
  margin-right: 1em;
  border-radius: 3px;
  padding: 5px 0.5em 4px 0.5em;
  font-size: 84%;
  line-height: 1;
  color: #FFF;
  background: #cb0127;
}


._NEW_INDEX_MV_ {
  margin-bottom: 30px;
}

._NEW_INDEX_MV_ ._NEW_INDEX_MV_TXT {
  padding: 30px;
  color: #FFF;
  background: url(img04.jpg) top right no-repeat #000;
  background-size: cover;
}

._NEW_INDEX_MV_ ._NEW_INDEX_MV_TXT p {
  width: 57%;
  font-size: 90%;
}

._NEW_INDEX_MV_ ._NEW_INDEX_MV_TXT p+p {
  margin-top: 1em;
}

.scContentListSet {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  overflow: hidden;
}

.scContentListBox {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: calc((100% - 20px) / 2);
  float: left;
  margin: 0 0 15px 0;
  border: 1px solid #dcdcdc;
}

.scContentListBox:nth-of-type(odd) {
  clear: both;
  float: left;
}

.scContentListBox:nth-of-type(even) {
  float: right;
}

.scContentListBox .scContentListTtl {
  flex-grow: 1;
  position: relative;
  width: 100%;
  margin: 0;
  border-bottom: 3px solid #cd0021;
  padding: 0;
  background: #FFF;
}

.scContentListBox .scContentListTtl a {
  position: relative;
  display: table;
  width: 100%;
  padding: 0;
  color: #575757;
  text-decoration: none;
}

.scContentListBox .scContentListTtl a span:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 17px;
  margin: 0 0 0 0.5em;
  vertical-align: middle;
  background: url(/image/common/jp/r1/icon/icon_link_right_xl_hd.gif) center right no-repeat;
  background-size: contain;
}

.scContentListBox .scContentListTtl a:hover span:after {
  transform: translateX(2px);
}

.scContentListBox .scContentListTtl a>* {
  display: table-cell;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: middle;
  background: none;
}

.scContentListBox .scContentListTtl h2 span {
  display: block;
  padding: 0.4em 25px 0.4em 0;
  color: #333;
  background-color: transparent;
}

.scContentListBox .scContentListTtl a:hover span {
  color: #a94657;
  text-decoration: underline;
}

.scContentListBox .scContentListTtl .scContentListImg {
  width: 60px;
  padding-right: 30px;
}

.scContentListBox .scContentListTtl .scContentListImg img {
  width: 100%;
}

.scContentListBox .scContentListList {
  flex-grow: 1;
  padding: 20px 20px 0 20px;
}

.scContentListSet.large .scContentListBox .scContentListTtl h2 span {
  font-size: 140%;
}

.scContentListSet.large .scContentListBox .scContentListTtl .scContentListImg {
  width: 114px;
}


.scBnrColumnSet {
  overflow: hidden;
}

.scBnrColumnSet h2 {
  margin-bottom: 15px;
  padding: 0;
  background: none;
}

.scBnrColumnBox {
  float: left;
  margin: 0 15px 15px 0;
}

.scBnrColumnBox.column2 {
  width: calc((100% - 15px) / 2);
}

.scBnrColumnBox.column3 {
  width: calc((100% - 30px) / 3);
}

.scBnrColumnBox.column4 {
  width: calc((100% - 45px) / 4);
}

.scBnrColumnBox.column2:nth-of-type(2n),
.scBnrColumnBox.column3:nth-of-type(3n),
.scBnrColumnBox.column4:nth-of-type(4n) {
  margin-right: 0;
}

.scBnrColumnBox.column2:nth-of-type(2n + 1),
.scBnrColumnBox.column3:nth-of-type(3n + 1),
.scBnrColumnBox.column4:nth-of-type(4n + 1) {
  clear: both;
}

.scBnrColumnBox a {
  display: block;
  text-decoration: none;
  background: #323232;
}

.scBnrColumnBox a:hover {
  opacity: 0.7;
}

.scBnrColumnImg {
  margin: 0;
  padding: 0;
}

.scBnrColumnImg img {
  display: block;
  width: 100%;
  background: #FFF;
}

.scBnrColumnTtl {
  box-sizing: border-box;
  display: table;
  width: 100%;
  position: relative;
  padding: 5px 30px 5px 10px;
  font-size: 90%;
  color: #FFF;
  line-height: 1.4;
  text-decoration: none;
  font-weight: bold;
}

.scBnrColumnTtl:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 5px;
  height: 5px;
  margin-top: -3px;
  border-top: 2px solid #e70127;
  border-right: 2px solid #e70127;
  transform: rotate(45deg);
}

.scBnrColumnBox a:hover .scBnrColumnTtl:after {
  right: 8px;
}

.scBnrColumnTtl span {
  display: table-cell;
  vertical-align: middle;
  height: 3em;
}

.scBnrColumnTxt {
  font-size: 83%;
  margin-top: 10px;
}

.scImgBorder {
  display: inline-block;
  position: relative;
}

.scImgBorder:after {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #CCC;
}

.scImgBorder img {
  display: block;
  margin: 0;
  padding: 0;
}


._NEW_INDEX_GRID_ .ImgHeadingStyle .Title {
  position: static;
  background-color: #000;
}

._NEW_INDEX_GRID_ .ImgHeadingStyle .Img img {
  display: block;
}

._NEW_INDEX_GRID_ .ImgHeadingStyle .Title>* {
  background-color: #000;
}

._NEW_INDEX_GRID_ .ImgHeadingStyle .Title>* a {
  font-weight: bold;
  font-size: 1rem;
  background-image: url(/image/common/jp/r1/icon/icon_link_right_xl_hd.gif) !important;
}


@media only screen and (max-width: 994px) {
  .scWordsBtn li {
    width: calc((100% - 11 * 8px) / 11);
  }

  .scWordsBtn li span,
  .scWordsBtn li a {
    line-height: calc((100vw - 11 * 33px) / 11);
  }
}

@media only screen and (max-width: 767px) {
  .scViStyle .scViTtl {
    padding-top: 80.145%;
    background: url(/image/jp/products/device/semiconductor/index_vi01_sp.jpg) bottom center no-repeat;
    background-size: 100%;
  }

  .scViStyle .scViTxt {
    padding: 15px 15px 25px 15px;
    background: url(/image/jp/products/device/semiconductor/index_vi02_sp.jpg) top center no-repeat #000;
    background-size: 100%;
  }

  .scViStyle .scViTxt p {
    width: auto;
    text-shadow: 0 0 5px #000;
  }

  .scContentListBox {
    width: 100%;
    flex-grow: 1;
  }

  .scContentListBox .scContentListTtl .scContentListImg {
    padding-right: 20px;
  }

  .scContentListSet.large .scContentListBox .scContentListTtl .scContentListImg {
    width: 80px;
  }

  .scContentListBox .scContentListList {
    padding-left: 10px;
  }

  .scHeadImg {
    max-height: 80px;
    padding-top: 11.5943%;
    background-image: url(/image/jp/products/device/semiconductor/com_h01_sp.jpg);
  }

  .scH1Style {
    height: auto;
    margin-bottom: 10px;
    padding: 10px 0 10px 30px;
  }

  .scH1Style .scH1Category {
    padding-top: 7px;
    padding-left: 46px;
    font-size: 90%;
    font-weight: normal;
  }

  .scH1Style .scH1Category+.scH1Title {
    margin-top: 0.25em;
  }

  .scH1Style .scH1Title:after {
    width: calc(100% - 15px);
    bottom: 15px;
  }

  .scH1Style .scH1Title h1 {
    font-size: 140%;
  }

  .scH1Style .scH1Title .no {
    font-size: 240%;
  }

  .scH1Style .scH1Title .no+h1 {
    padding-left: 45px;
  }

  .scH1Style .scH1Title .no {
    top: 5px;
    bottom: auto;
  }

  .scH1Style .scH1Title .no span {
    border: none;
  }

  .scH2Style {
    font-size: 130%;
  }

  h2.scH2Style {
    margin: 0 0 15px 0;
  }

  .scH2Style span {
    font-size: 100%;
  }

  h2.scH2Product {
    margin: 0 0 15px 0;
    font-size: 130%;
  }

  .scH2Product span {
    font-size: 100%;
  }

  h2.scH2Info {
    margin: 0 0 15px 0;
  }

  .scH2Info span {}

  .scProductColumn {
    margin-bottom: 0;
  }

  #Contents .scH3Style {
    margin-top: 25px;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  #Contents .scH2Style+.scH3Style,
  #Contents .scH2Product+.scH3Style {
    margin-top: 15px;
  }

  .scNumberListColumnSet {
    display: block;
  }

  .scNumberListColumn {
    display: flex;
    align-items: center;
    width: 100%;
  }

  .scNumberListColumn dl {
    flex: 1;
  }

  .scProductColumnSet {
    margin-top: 20px;
  }

  .scBnrColumnBox.column3,
  .scBnrColumnBox.column4 {
    width: calc((100% - 15px) / 2);
    margin: 0 15px 20px 0;
  }

  .scBnrColumnBox.column3:nth-of-type(odd),
  .scBnrColumnBox.column4:nth-of-type(odd) {
    clear: both;
    margin-right: 15px;
  }

  .scBnrColumnBox.column3:nth-of-type(even),
  .scBnrColumnBox.column4:nth-of-type(even) {
    clear: none;
    margin-right: 0;
  }

  .scBnrColumnTtl {
    font-size: 83%;
  }

  .scWordsBox h2 {
    margin: 0 0 15px 0;
  }

  .scWordsBtn li {
    width: calc((100% - 10 * 8px) / 10);
  }

  .scWordsBtn li span,
  .scWordsBtn li a {
    line-height: calc((100vw - 10 * 14px) / 10);
  }

  .scLinearNavi {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .scLinearNavi li,
  .scLinearNavi p {
    flex: 1;
    font-size: 83%;
  }

  .scLinearNavi .location {
    display: none;
  }

  .scLinearNavi .next {
    border-left: 1px solid #CCC;
  }

  .scLinearNavi li>a {
    padding: 0.5em 20px;
  }

  .scLinearNavi .first>a {
    padding-right: 10px;
  }

  .scLinearNavi .next>a {
    padding-left: 10px;
  }

  .scLinearNavi a:after {
    width: 12px;
    height: 12px;
  }

  .scLinearNavi li>span {
    padding: 0.5em;
  }
}

@media only screen and (max-width: 579px) {
  .scProductColumnSet {
    display: block;
  }

  .scProductColumnBox.column3 .scProductColumnLink {
    flex-wrap: nowrap;
  }

  .scProductColumnBox .scProductColumnLink p {
    height: auto !important;
  }

  .scWordsBtn li {
    width: calc((100% - 7 * 8px) / 7);
  }

  .scWordsBtn li span,
  .scWordsBtn li a {
    line-height: calc((100vw - 7 * 13px) / 7);
  }
}

@media only screen and (max-width: 399px) {

  ._NEW_INDEX_GRID_ .ImgHeadingStyle .Title,
  ._NEW_INDEX_GRID_ .ImgHeadingStyle .Title>* {
    background-color: transparent;
  }

  .scWordsBtn li {
    width: calc((100% - 6 * 8px) / 6);
  }

  .scWordsBtn li span,
  .scWordsBtn li a {
    line-height: calc((100vw - 6 * 13px) / 6);
  }
}

/* End of old CSS */

@media only screen and (min-width: 768px){
.pcOnly{
display: none;
}
}
@media only screen and (max-width: 767px){
.spOnly{
display: none;
}
}

#Contents.where-not .NewWindow{
	padding: 0 17px 0 0;
	background: url(/image/common/jp/r1/icon/icon_new_window_hd.gif) no-repeat right center;
	background-size: 16px 16px;
}

#Contents.where-not .scViStyle{
margin-bottom: 30px;
}
#Contents.where-not .scViStyle .scViTtl{
width: 100%;
height: 0;
padding-top: 36.9949%;
text-indent: -9999px;
text-align: left;
white-space: nowrap;
background: url(/image/jp/products/device/semiconductor/index_vi01.jpg) bottom center no-repeat;
background-size: contain;
overflow: hidden;
}
#Contents.where-not .scViStyle .scViTxt{
transform: translateY(-1px);
padding: 40px 25px 30px 25px;
background: url(/image/jp/products/device/semiconductor/index_vi02.jpg) top center no-repeat;
background-size: 100%;
}
#Contents.where-not .scViStyle .scViTxt p{
width: 58%;
font-size: 90%;
color: #FFF;
}
#Contents.where-not .scViStyle .scViTxt p + p{
margin-top: 20px;
}
#Contents.where-not .scViStyle .scViTxt a {
	padding: 0 17px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
}
#Contents.where-not .scViStyle .scViTxt a:link,
#Contents.where-not .scViStyle .scViTxt a:visited {
	color: #c02;
	text-decoration: none;
	background-image: url(/image/common/jp/r1/icon/icon_link_right_hd.gif);
}
#Contents.where-not .scViStyle .scViTxt a:hover,
#Contents.where-not .scViStyle .scViTxt a:active {
	text-decoration: underline;
	background-image: url(/image/common/jp/r1/icon/icon_link_right_hover_hd.gif);
}

#Contents.where-not .scHeadImg{
height: 0;
max-height: 40px;
padding-top: 5.5556%;
text-indent: -9999px;
white-space: nowrap;
text-align: left;
overflow: hidden;
background: url(/image/jp/products/device/semiconductor/com_h01.jpg) center no-repeat;
background-size: contain;
}

#Contents.where-not .scH1Style{
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-direction: row-reverse;
flex-wrap: nowrap;
box-sizing: border-box;
position: relative;
margin-bottom: 30px;
padding: 10px 0 10px 30px;
font-weight: bold;
background: #004678;
overflow: hidden;
}
#Contents.where-not .scH1Style > div{
flex-grow: 1;
}
#Contents.where-not .scH1Style > figure{
float: right;
position: relative;
width: 80px;
margin: 0 10px 0 0;
padding: 0;
z-index: 1;
overflow: hidden;;
}
#Contents.where-not .scH1Style > figure img{
width: 100%;
}
#Contents.where-not .scH1Style .scH1Category{
margin-bottom: 3px;
padding-left: 62px;
font-size: 96%;
color: #FFF;
font-weight: normal;
}
#Contents.where-not .scH1Style .scH1Title{
padding-top: 20px;
padding-right: 1em;
padding-bottom: 11px;
}
#Contents.where-not .scH1Style .scH1Title:after{
content: "";
display: block;
position: absolute;
bottom: 20px;
right: 0;
width: calc(100% - 30px);
border-top: 1px solid #80a3bc;
}
#Contents.where-not .scH1Style .scH1Category + .scH1Title{
margin-top: 0;
padding-top: 0;
}
#Contents.where-not .scH1Style .scH1Title .no{
position: absolute;
bottom: 20px;
display: block;
width: 0.92em;
font-size: 300%;
font-family: Helvetica, Arial, "sans-serif";
font-weight: normal;
}
#Contents.where-not .scH1Style .scH1Title .no:after{
transform: skewX(-20deg);
content: "";
display: block;
position: absolute;
top: -4px;
bottom: -10px;
left: -10px;
right: 0.21em;
background-color: #FFF;
}
#Contents.where-not .scH1Style .scH1Title .no span{
transform: translateY(0px);
display: block;
width: 0.6em;
position: relative;
border-bottom: 1px solid #004678;
color: #004678;
line-height: 1;
z-index: 1;
}
#Contents.where-not .scH1Style .scH1Title h1{
font-size: 180%;
color: #FFF;
line-height: 1.4;
}
#Contents.where-not .scH1Style .scH1Title .no + h1{
padding-left: 60px;
}

#Contents.where-not .scH2Style{
margin-top: 30px;
margin-bottom: 20px;
border-bottom: 2px solid #333;
padding-bottom: 5px;
font-size: 150%;
background: none;
}
#Contents.where-not .scH2Style span{
padding: 0;
background: none;
}

#Contents.where-not .scH2Product{
margin-top: 45px;
margin-bottom: 30px;
padding: 0;
background: none;
}
#Contents.where-not .scH2Product span{
display: inline-block;
margin: 0;
padding: 10px 1em;
font-size: 130%;
font-weight: normal;
color: #FFF;
background-color: #737373;
}
#Contents.where-not .scH2Info{
margin-top: 45px;
margin-bottom: 20px;
padding: 0;
background: none;
}
#Contents.where-not .scH2Info span{
padding: 15px 20px;
}

#Contents.where-not .scH3Style{
position: relative;
margin-top: 30px;
margin-bottom: 20px;
border: none;
border-bottom: 1px solid #CCC;
padding: 0 0 0.5em 1em;
color: #333;
font-size: 120%;
line-height: 1.6;
}
#Contents.where-not .scH2Style + .scH3Style{
margin-top: 40px;
}
#Contents.where-not .scH3Style:after{
content: "";
display: block;
position: absolute;
top: 0.6em;
left: 0;
width: 0.5em;
border-bottom: 2px solid #C02;
}
#Contents.where-not .scH3Style .marker{
margin: 0 2px;
padding: 0 0.25em;
color: #FFF;
background-color: #747474;
}
#Contents.where-not .scH3Style a{
padding: 0;
}
#Contents.where-not .scH3Style a:link{
color: #C02;
text-decoration: underline;
background: none;
}
#Contents.where-not .scH3Style a:hover{
color: #a94657;
text-decoration: none;
}

#Contents.where-not .scNumberListColumnSet{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
counter-reset: count;
margin: 0;
padding: 0;
overflow: hidden;
}
#Contents.where-not .scNumberListColumn{
box-sizing: border-box;
position: relative;
width: calc((100% - 15px) / 2);
min-height: 7em;
margin: 0 0 15px 0;
border: 1px solid #CCC;
padding: 15px 15px 15px 80px;
list-style: none;
}
#Contents.where-not .scNumberListColumn:nth-of-type(odd){
clear: both;
float: left;
}
#Contents.where-not .scNumberListColumn:nth-of-type(even){
float: right;
}
#Contents.where-not .scNumberListColumn .scNumberListImg{
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 60px;
background: #323232;
}
#Contents.where-not .scNumberListColumn .scNumberListImg:before{
counter-increment: count;
content: counter(count);
display: block;
float: right;
color: #FFF;
margin: 8px 0;
padding: 0.25em 0.5em;
line-height: 1;
border-bottom: 1px solid #e80027;
}
#Contents.where-not .scNumberListColumn .scNumberListImg img{
width: 100%;
}
#Contents.where-not .scNumberListColumn .scNumberListTtl{
font-weight: bold;
}
#Contents.where-not .scNumberListColumn .scNumberListTxt{
margin-top: 10px;
font-size: 90%;
}


#Contents.where-not .scProductColumnSet{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 30px;
}
#Contents.where-not .scProductColumnSet + .scProductColumnSet{
margin-top: 0;
}
#Contents.where-not .scProductColumnBox{
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
flex-direction: column;
width: 100%;
margin: 0 0 15px 0;
border: 1px solid #CCC;
background: #f2f2f2;
}
#Contents.where-not .scProductColumnBox > *{
box-sizing: border-box;
width: 100%;
}
#Contents.where-not .scProductColumnBox.column2{
flex-basis: calc((100% - 15px) / 2);
}
#Contents.where-not .scProductColumnBox.column3{
flex-basis: calc((100% - 30px) / 3);
}
#Contents.where-not .scProductColumnBox a{
height: 100%;
}
#Contents.where-not .scProductColumnBox .scProductColumnLink{
background-color: #FFF;
}
#Contents.where-not .scProductColumnBox .scProductColumnLink{
display: flex;
align-items: center;
width: 100%;
}
#Contents.where-not .scProductColumnBox.column2 .scProductColumnLink{
flex-wrap: nowrap;
}
#Contents.where-not .scProductColumnBox.column3 .scProductColumnLink{
flex-wrap: wrap;
}
#Contents.where-not .scProductColumnBox a:link{
color: #333;
text-decoration: none;
}
#Contents.where-not .scProductColumnBox a:hover{
color: #b1000e;
text-decoration: none;
}
#Contents.where-not .scProductColumnBox .scProductColumnLink .img{
min-width: 155px;
max-width: 155px;
margin: 0 auto;
padding: 0;
text-align: center;
}
#Contents.where-not .scProductColumnBox .scProductColumnLink .img img{
max-width: 155px;
}
#Contents.where-not .scProductColumnBox .scProductColumnLink p{
box-sizing: border-box;
display: flex;
align-items: center;
flex-shrink: 1;
flex-grow: 1;
position: relative;
padding: 10px 20px 10px 10px;
font-size: 90%;
font-weight: bold;
}
#Contents.where-not .scProductColumnBox .scProductColumnLink p span{
display: block;
width: 100%;
}
#Contents.where-not .scProductColumnBox a.NewWindow{
padding: 0;
background: none;
}
#Contents.where-not .scProductColumnBox a.NewWindow .scProductColumnLink p span:after{
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-left: 2px;
vertical-align: middle;
background: url(/image/common/jp/r1/icon/icon_new_window_hd.gif) no-repeat right center;
background-size: 16px 16px;
}
#Contents.where-not .scProductColumnBox a:hover .scProductColumnLink p span{
text-decoration: underline;
}
#Contents.where-not .scProductColumnBox .scProductColumnLink p:after{
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 5px;
margin: auto;
width: 16px;
height: 16px;
background: url(/image/common/jp/r1/icon/icon_link_right_xl_hover_hd.gif) top left no-repeat;
background-size: contain;
}
#Contents.where-not .scProductColumnBox a:hover .scProductColumnLink p:after{
right: 3px;
}
#Contents.where-not .scProductColumnBox .scProductColumnTxt{
padding: 10px;
font-size: 83%;
}
#Contents.where-not .scProductColumnBox .scProductColumnTxt p{
color: #333;
text-decoration: none;
}
#Contents.where-not .scProductColumnBox a:visited .scProductColumnTxt{
color: #333;
}


#Contents.where-not .scLinearNavi{
margin-top: 45px;
margin-bottom: 60px;
border: 1px solid #CCC;
}
#Contents.where-not .scLinearNavi ul{
display: flex;
justify-content: center;
}
#Contents.where-not .scLinearNavi li{
box-sizing: border-box;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
font-size: 90%;
text-align: center;
}
#Contents.where-not .scLinearNavi .first{
order: 1;
border-bottom: 3px solid #cc0022;
}
#Contents.where-not .scLinearNavi .location{
order: 2;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 3px solid #737373;
background: #f2f2f2;
}
#Contents.where-not .scLinearNavi .location a:after{
content: normal;
}
#Contents.where-not .scLinearNavi .next{
order: 3;
border-bottom: 3px solid #cc0022;
}
#Contents.where-not .scLinearNavi p{
font-size: 90%;
}
#Contents.where-not .scLinearNavi a{
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex-grow: 1;
width: 100%;
position: relative;
padding: 0.5em 25px;
color: #333;
text-decoration: none;
}
#Contents.where-not .scLinearNavi a:after{
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 5px;
margin: auto;
width: 16px;
height: 16px;
background: url(/image/common/jp/r1/icon/icon_link_right_xl_hover_hd.gif) top left no-repeat;
background-size: contain;
}
#Contents.where-not .scLinearNavi .return a{
justify-content: flex-start;
}
#Contents.where-not .scLinearNavi li > span{
flex: 1px;
}
#Contents.where-not .scLinearNavi li a > *{
flex-grow: 1;
}
#Contents.where-not .scLinearNavi span{
display: block;
width: 100%;
text-align: center;
}

#Contents.where-not .scLinearNavi .first a:after,
#Contents.where-not .scLinearNavi .return a:after{
transform: rotate(180deg);
left: 5px;
right: auto;
}
#Contents.where-not .scLinearNavi a:hover{
text-decoration: underline;
color: #b1000e;
}
#Contents.where-not .scLinearNavi a:hover:after{
right: 3px;
}
#Contents.where-not .scLinearNavi .first a:hover:after,
#Contents.where-not .scLinearNavi .return a:hover:after{
left: 3px;
right: auto;
}
#Contents.where-not .scLinearNavi small{
display: block;
width: 100%;
color: #8e8e8e;
}
#Contents.where-not .scLinearNavi a:hover small{
color: #b1000e;
}


#Contents.where-not .scWordsBtn{
width: 100%;
margin-bottom: 60px;
overflow: hidden;
}
#Contents.where-not .scWordsBtn ul{
width: calc(100% + 8px);
transform: translateX(-4px);
}
#Contents.where-not .scWordsBtn ul:after{
content: "";
display: block;
clear: both;
}
#Contents.where-not .scWordsBtn li{
box-sizing: border-box;
float: left;
border: 1px solid #CCC;
width: 48px;
margin: 0 4px 8px 4px;
}
#Contents.where-not .scWordsBtn li.hide{
display: none;
}
#Contents.where-not .scWordsBtn span,
#Contents.where-not .scWordsBtn a{
display: block;
line-height: 46px;
font-size: 90%;
text-align: center;
vertical-align: middle;
white-space: nowrap;
background-color: #FFF;
}
#Contents.where-not .scWordsBtn a:link{
color: #333;
text-decoration: none;
}
#Contents.where-not .scWordsBtn a:hover{
color: #a94657;
text-decoration: underline;
background-color: #f2f2f2;
}
#Contents.where-not .scWordsBtn span{
color: #d6d6d6;
}


#Contents.where-not .scWordsBox{
margin: 0 0 20px;
padding: 20px;
background-color: #f2f2f2;
}
#Contents.where-not .scWordsBox h2{
padding: 0.5em 20px;
font-size: 110%;
font-weight: bold;
background: #FFF;
}
#Contents.where-not .scWordsBox .link .icon{
display: inline-block;
margin-right: 1em;
border-radius: 3px;
padding: 5px 0.5em 4px 0.5em;
font-size: 84%;
line-height: 1;
color: #FFF;
background: #cb0127;
}


#Contents.where-not ._NEW_INDEX_MV_{
margin-bottom: 30px;
}
#Contents.where-not ._NEW_INDEX_MV_ ._NEW_INDEX_MV_TXT{
padding: 30px;
color: #FFF;
background: url(img04.jpg) top right no-repeat #000;
background-size: cover;
}
#Contents.where-not ._NEW_INDEX_MV_ ._NEW_INDEX_MV_TXT p{
width: 57%;
font-size: 90%;
}
#Contents.where-not ._NEW_INDEX_MV_ ._NEW_INDEX_MV_TXT p + p{
margin-top: 1em;
}


#Contents.where-not .scContentListSet{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
overflow: hidden;
}

#Contents.where-not .scContentListBox{
display: flex;
align-content: flex-start;
flex-wrap: wrap;
box-sizing: border-box;
width: calc((100% - 20px) / 2);
float: left;
margin: 0 0 15px 0;
border: 1px solid #dcdcdc;
}
#Contents.where-not .scContentListBox:nth-of-type(odd){
clear: both;
float: left;
}
#Contents.where-not .scContentListBox:nth-of-type(even){
float: right;
}

#Contents.where-not .scContentListBox .scContentListTtl{
flex-grow: 1;
position: relative;
width: 100%;
margin: 0;
border-bottom: 3px solid #cd0021;
padding: 0;
background: #FFF;
}
#Contents.where-not .scContentListBox .scContentListTtl a{
position: relative;
display: table;
width: 100%;
padding: 0;
color: #575757;
text-decoration: none;
}
#Contents.where-not .scContentListBox .scContentListTtl a span:after{
content: "";
display: inline-block;
width: 16px;
height: 17px;
margin: 0 0 0 0.5em;
vertical-align: middle;
background: url(/image/common/jp/r1/icon/icon_link_right_xl_hd.gif) center right no-repeat;
background-size: contain;
}
#Contents.where-not .scContentListBox .scContentListTtl a:hover span:after{
transform: translateX(2px);
}
#Contents.where-not .scContentListBox .scContentListTtl a > *{
display: table-cell;
margin: 0;
padding: 0;
text-align: left;
vertical-align: middle;
background: none;
}
#Contents.where-not .scContentListBox .scContentListTtl h2 span{
display: block;
padding: 0.4em 25px 0.4em 0;
color: #333;
background-color: transparent;
}
#Contents.where-not .scContentListBox .scContentListTtl a:hover span{
color: #a94657;
text-decoration: underline;
}
#Contents.where-not .scContentListBox .scContentListTtl .scContentListImg{
width: 60px;
padding-right: 30px;
}
#Contents.where-not .scContentListBox .scContentListTtl .scContentListImg img{
width: 100%;
}
#Contents.where-not .scContentListBox .scContentListList{
flex-grow: 1;
padding: 20px 20px 0 20px;
}

#Contents.where-not .scContentListSet.large .scContentListBox .scContentListTtl h2 span{font-size: 140%;}
#Contents.where-not .scContentListSet.large .scContentListBox .scContentListTtl .scContentListImg{width: 114px;}


#Contents.where-not .scBnrColumnSet{
overflow: hidden;
}
#Contents.where-not .scBnrColumnSet h2{
margin-bottom: 15px;
padding: 0;
background: none;
}
#Contents.where-not .scBnrColumnBox{
float: left;
margin: 0 15px 15px 0;
}
#Contents.where-not .scBnrColumnBox.column2{
width: calc((100% - 15px) / 2);
}
#Contents.where-not .scBnrColumnBox.column3{
width: calc((100% - 30px) / 3);
}
#Contents.where-not .scBnrColumnBox.column4{
width: calc((100% - 45px) / 4);
}
#Contents.where-not .scBnrColumnBox.column2:nth-of-type(2n),
#Contents.where-not .scBnrColumnBox.column3:nth-of-type(3n),
#Contents.where-not .scBnrColumnBox.column4:nth-of-type(4n){
margin-right: 0;
}
#Contents.where-not .scBnrColumnBox.column2:nth-of-type(2n + 1),
#Contents.where-not .scBnrColumnBox.column3:nth-of-type(3n + 1),
#Contents.where-not .scBnrColumnBox.column4:nth-of-type(4n + 1){
clear: both;
}
#Contents.where-not .scBnrColumnBox a{
display: block;
text-decoration: none;
background: #323232;
}
#Contents.where-not .scBnrColumnBox a:hover{
opacity: 0.7;
}
#Contents.where-not .scBnrColumnImg{
margin: 0;
padding: 0;
}
#Contents.where-not .scBnrColumnImg img{
display: block;
width: 100%;
background: #FFF;
}
#Contents.where-not .scBnrColumnTtl{
box-sizing: border-box;
display: table;
width: 100%;
position: relative;
padding: 5px 30px 5px 10px;
font-size: 90%;
color: #FFF;
line-height: 1.4;
text-decoration: none;
font-weight: bold;
}
#Contents.where-not .scBnrColumnTtl:after{
content: "";
position: absolute;
top: 50%;
right: 8px;
width: 5px;
height: 5px;
margin-top: -3px;
border-top: 2px solid #e70127;
border-right: 2px solid #e70127;
transform: rotate(45deg);
}
#Contents.where-not .scBnrColumnBox a:hover .scBnrColumnTtl:after{
right: 8px;
}
#Contents.where-not .scBnrColumnTtl span{
display: table-cell;
vertical-align: middle;
height: 3em;
}
#Contents.where-not .scBnrColumnTxt{
font-size: 83%;
margin-top: 10px;
}

#Contents.where-not .scImgBorder{
display: inline-block;
position: relative;
}
#Contents.where-not .scImgBorder:after{
content: "";
display: block;
position: absolute;
box-sizing: border-box;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
border: 1px solid #CCC;
}
#Contents.where-not .scImgBorder img{
display: block;
margin: 0;
padding: 0;
}


#Contents.where-not ._NEW_INDEX_GRID_ .ImgHeadingStyle .Title{
position: static;
background-color: #000;
}
#Contents.where-not ._NEW_INDEX_GRID_ .ImgHeadingStyle .Img img{
display: block;
}
#Contents.where-not ._NEW_INDEX_GRID_ .ImgHeadingStyle .Title > *{
background-color: #000;
}
#Contents.where-not ._NEW_INDEX_GRID_ .ImgHeadingStyle .Title > * a{
font-weight: bold;
font-size: 1rem;
background-image: url(/image/common/jp/r1/icon/icon_link_right_xl_hd.gif) !important;
}


@media only screen and (max-width: 994px){
#Contents.where-not .scWordsBtn li{
width: calc((100% - 11 * 8px) / 11);
}
#Contents.where-not .scWordsBtn li span,
#Contents.where-not .scWordsBtn li a{
line-height: calc((100vw - 11 * 33px) / 11);
}
}
@media only screen and (max-width: 767px){
#Contents.where-not .scViStyle .scViTtl{
padding-top: 80.145%;
background: url(/image/jp/products/device/semiconductor/index_vi01_sp.jpg) bottom center no-repeat;
background-size: 100%;
}
#Contents.where-not .scViStyle .scViTxt{
padding: 15px 15px 25px 15px;
background: url(/image/jp/products/device/semiconductor/index_vi02_sp.jpg) top center no-repeat #000;
background-size: 100%;
}
#Contents.where-not .scViStyle .scViTxt p{
width: auto;
text-shadow: 0 0 5px #000;
}
#Contents.where-not .scContentListBox{
width: 100%;
flex-grow: 1;
}
#Contents.where-not .scContentListBox .scContentListTtl .scContentListImg{
padding-right: 20px;
}
#Contents.where-not .scContentListSet.large .scContentListBox .scContentListTtl .scContentListImg{
width: 80px;
}
#Contents.where-not .scContentListBox .scContentListList{
padding-left: 10px;
}

#Contents.where-not .scHeadImg{
max-height: 80px;
padding-top: 11.5943%;
background-image: url(/image/jp/products/device/semiconductor/com_h01_sp.jpg);
}
#Contents.where-not .scH1Style{
height: auto;
margin-bottom: 10px;
padding: 10px 0 10px 30px;
}
#Contents.where-not .scH1Style .scH1Category{
padding-top: 7px;
padding-left: 46px;
font-size: 90%;
font-weight: normal;
}
#Contents.where-not .scH1Style .scH1Category + .scH1Title{
margin-top: 0.25em;
}
#Contents.where-not .scH1Style .scH1Title:after{
width: calc(100% - 15px);
bottom: 15px;
}
#Contents.where-not .scH1Style .scH1Title h1{
font-size: 140%;
}
#Contents.where-not .scH1Style .scH1Title .no{
font-size: 240%;
}
#Contents.where-not .scH1Style .scH1Title .no + h1{
padding-left: 45px;
}
#Contents.where-not .scH1Style .scH1Title .no{
top: 5px;
bottom: auto;
}
#Contents.where-not .scH1Style .scH1Title .no span{
border: none;
}
#Contents.where-not .scH2Style{
font-size: 130%;
}
#Contents.where-not h2.scH2Style{
margin: 0 0 15px 0;
}
#Contents.where-not .scH2Style span{
font-size: 100%;
}
#Contents.where-not h2.scH2Product{
margin: 0 0 15px 0;
font-size: 130%;
}
#Contents.where-not .scH2Product span{
font-size: 100%;
}
#Contents.where-not h2.scH2Info{
margin: 0 0 15px 0;
}
#Contents.where-not .scProductColumn{
margin-bottom: 0;
}
#Contents.where-not .scH3Style{
margin-top: 25px;
margin-bottom: 10px;
padding-bottom: 10px;
}
#Contents.where-not .scH2Style + .scH3Style,
#Contents.where-not .scH2Product + .scH3Style{
margin-top: 15px;
}
#Contents.where-not .scNumberListColumnSet{
display: block;
}
#Contents.where-not .scNumberListColumn{
display: flex;
align-items: center;
width: 100%;
}
#Contents.where-not .scNumberListColumn dl{
flex: 1;
}
#Contents.where-not .scProductColumnSet{
margin-top: 20px;
}
#Contents.where-not .scBnrColumnBox.column3,
#Contents.where-not .scBnrColumnBox.column4{
width: calc((100% - 15px) / 2);
margin: 0 15px 20px 0;
}
#Contents.where-not .scBnrColumnBox.column3:nth-of-type(odd),
#Contents.where-not .scBnrColumnBox.column4:nth-of-type(odd){
clear: both;
margin-right: 15px;
}
#Contents.where-not .scBnrColumnBox.column3:nth-of-type(even),
#Contents.where-not .scBnrColumnBox.column4:nth-of-type(even){
clear: none;
margin-right: 0;
}
#Contents.where-not .scBnrColumnTtl{
font-size: 83%;
}
#Contents.where-not .scWordsBox h2{
margin: 0 0 15px 0;
}
#Contents.where-not .scWordsBtn li{
width: calc((100% - 10 * 8px) / 10);
}
#Contents.where-not .scWordsBtn li span,
#Contents.where-not .scWordsBtn li a{
line-height: calc((100vw - 10 * 14px) / 10);
}
#Contents.where-not .scLinearNavi{
margin-top: 20px;
margin-bottom: 20px;
}
#Contents.where-not .scLinearNavi li,
#Contents.where-not .scLinearNavi p{
flex: 1;
font-size: 83%;
}
#Contents.where-not .scLinearNavi .location{
display: none;
}
#Contents.where-not .scLinearNavi .next{
border-left: 1px solid #CCC;
}
#Contents.where-not .scLinearNavi li > a{
padding: 0.5em 20px;
}
#Contents.where-not .scLinearNavi .first > a{
padding-right: 10px;
}
#Contents.where-not .scLinearNavi .next > a{
padding-left: 10px;
}
#Contents.where-not .scLinearNavi a:after{
width: 12px;
height: 12px;
}
#Contents.where-not .scLinearNavi li > span{
padding: 0.5em;
}
}

@media only screen and (max-width: 579px){
#Contents.where-not .scProductColumnSet{
display: block;
}
#Contents.where-not .scProductColumnBox.column3 .scProductColumnLink{
flex-wrap: nowrap;
}
#Contents.where-not .scProductColumnBox .scProductColumnLink p{
height: auto !important;
}
#Contents.where-not .scWordsBtn li{
width: calc((100% - 7 * 8px) / 7);
}
#Contents.where-not .scWordsBtn li span,
#Contents.where-not .scWordsBtn li a{
line-height: calc((100vw - 7 * 13px) / 7);
}
}

@media only screen and (max-width: 399px){
#Contents.where-not ._NEW_INDEX_GRID_ .ImgHeadingStyle .Title,
#Contents.where-not ._NEW_INDEX_GRID_ .ImgHeadingStyle .Title > *{
background-color: transparent;
}

#Contents.where-not .scWordsBtn li{
width: calc((100% - 6 * 8px) / 6);
}
#Contents.where-not .scWordsBtn li span,
#Contents.where-not .scWordsBtn li a{
line-height: calc((100vw - 6 * 13px) / 6);
}
}