@charset "UTF-8";


.kobetsu-martensitic_stainless_steels01-image-text_style {
  position: relative;
  max-width: 700px;
  width: 100%;
  margin: 2em auto 0 auto;
}
.kobetsu-martensitic_stainless_steels01-image-text_style p {
  position: absolute;
  z-index: 2;
  margin: 0;
  padding: 0;
  font-weight: bold;
  letter-spacing: 0;
}
.kobetsu-martensitic_stainless_steels01-image-text01 {
  top: 43%;
  left: -12%;
  text-align: center;
  font-size: 13px;
  color: #000000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels01-image-text01 span {
  display: block;
  transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}
.kobetsu-martensitic_stainless_steels01-image-text02 {
  bottom: 0;
  left: 10.714285714%;
  text-align: center;
  font-size: 14px;
  color: #000000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels01-image-text03 {
  bottom: 0;
  left: 27.428571428%;
  text-align: center;
  font-size: 14px;
  color: #000000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels01-image-text04 {
  bottom: 0;
  left: 44.428571428%;
  text-align: center;
  font-size: 14px;
  color: #000000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels01-image-text05 {
  bottom: 0;
  left: 60.571428571%;
  text-align: center;
  font-size: 14px;
  color: #000000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels01-image-text06 {
  top: 22.222222222%;
  right: 4.142857142%;
  text-align: center;
  font-size: 14px;
  color: #000000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels01-image-text07 {
  top: 41.269841269%;
  right: 3%;
  text-align: center;
  font-size: 14px;
  color: #000000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels01-image-text08 {
  top: 57.142857142%;
  right: 1%;
  text-align: center;
  font-size: 14px;
  color: #000000;
  line-height: 100%;
}



/* iPad */
@media only screen and (max-device-width: 1024px) and (min-width: 768px){
  .kobetsu-martensitic_stainless_steels01-image-text01 span {
    font-size: 11px;
  }
  .kobetsu-martensitic_stainless_steels01-image-text02,
  .kobetsu-martensitic_stainless_steels01-image-text03,
  .kobetsu-martensitic_stainless_steels01-image-text04,
  .kobetsu-martensitic_stainless_steels01-image-text05,
  .kobetsu-martensitic_stainless_steels01-image-text06,
  .kobetsu-martensitic_stainless_steels01-image-text07,
  .kobetsu-martensitic_stainless_steels01-image-text08 {
    font-size: 12px;
  }
}
/* iPad横 */
@media (orientation: landscape) and (max-device-width: 1024px) and (min-width: 768px) {
  .kobetsu-martensitic_stainless_steels01-image-text01 span {
    font-size: 12px;
  }
  .kobetsu-martensitic_stainless_steels01-image-text02,
  .kobetsu-martensitic_stainless_steels01-image-text03,
  .kobetsu-martensitic_stainless_steels01-image-text04,
  .kobetsu-martensitic_stainless_steels01-image-text05,
  .kobetsu-martensitic_stainless_steels01-image-text06,
  .kobetsu-martensitic_stainless_steels01-image-text07,
  .kobetsu-martensitic_stainless_steels01-image-text08 {
    font-size: 13px;
  }
}


@media only screen and (max-width: 730px){
  .kobetsu-martensitic_stainless_steels01-image-text01 span {
    font-size: 1.8vw;
  }
  .kobetsu-martensitic_stainless_steels01-image-text02,
  .kobetsu-martensitic_stainless_steels01-image-text03,
  .kobetsu-martensitic_stainless_steels01-image-text04,
  .kobetsu-martensitic_stainless_steels01-image-text05,
  .kobetsu-martensitic_stainless_steels01-image-text06,
  .kobetsu-martensitic_stainless_steels01-image-text07,
  .kobetsu-martensitic_stainless_steels01-image-text08 {
    font-size: 2vw;
  }
}


.kobetsu-martensitic_stainless_steels02-image-text_style {
  position: relative;
  max-width: 710px;
  width: 100%;
  margin: 2em auto 0 auto;
}
.kobetsu-martensitic_stainless_steels02-image-text_style p {
  position: absolute;
  z-index: 2;
  margin: 0;
  padding: 0;
  font-weight: bold;
  letter-spacing: 0;
}
.kobetsu-martensitic_stainless_steels02-image-text01 {
  top: 40%;
  left: -13.8%;
  text-align: center;
  font-size: 14px;
  color: #000000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels02-image-text01 span {
  display: block;
  transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}
.kobetsu-martensitic_stainless_steels02-image-text02 {
  bottom: 0;
  left: 16.90140845%;
  text-align: center;
  font-size: 14px;
  color: #000000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels02-image-text03 {
  top: 5.44217687%;
  left: 33.38028169%;
  text-align: center;
  font-size: 14px;
  color: #000000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels02-image-text04 {
  top: 40.476190476%;
  left: 12.816901408%;
  text-align: center;
  font-size: 14px;
  color: #000000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels02-image-text05 {
  top: 35.714285714%;
  left: 44.929577464%;
  text-align: center;
  font-size: 14px;
  color: #ff0000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels02-image-text06 {
  top: 45.578231292%;
  left: 43.098591549%;
  text-align: center;
  font-size: 14px;
  color: #ff0000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels02-image-text07 {
  top: 65.306122448%;
  left: 41.549295774%;
  text-align: center;
  font-size: 14px;
  color: #000000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels02-image-text08 {
  top: 2.040816326%;
  left: 62.394366197%;
  text-align: center;
  font-size: 12px;
  color: #ff0000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels02-image-text09 {
  top: 23.469387755%;
  left: 62.394366197%;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  line-height: 100%;
  text-shadow:
    2px 2px 0px #000000, -2px -2px 0px #000000,
    -2px 2px 0px #000000,  2px -2px 0px #000000,
    2px 0px 0px #000000, -2px -0px 0px #000000,
    0px 2px 0px #000000,  0px -2px 0px #000000;
}
.kobetsu-martensitic_stainless_steels02-image-text10 {
  top: 23.469387755%;
  left: 72.816901408%;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  line-height: 100%;
  text-shadow:
    2px 2px 0px #000000, -2px -2px 0px #000000,
    -2px 2px 0px #000000,  2px -2px 0px #000000,
    2px 0px 0px #000000, -2px -0px 0px #000000,
    0px 2px 0px #000000,  0px -2px 0px #000000;
}
.kobetsu-martensitic_stainless_steels02-image-text11 {
  top: 31.632653061%;
  left: 62.394366197%;
  text-align: center;
  font-size: 12px;
  color: #ff0000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels02-image-text12 {
  top: 53.401360544%;
  left: 62.394366197%;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels02-image-text13 {
  top: 61.224489795%;
  left: 62.394366197%;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels02-image-text14 {
  top: 82.993197278%;
  left: 62.394366197%;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels02-image-text15 {
  top: 8.163265306%;
  right: 5.352112676%;
  text-align: center;
  font-size: 12px;
  color: #000000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels02-image-text16 {
  top: 31.632653061%;
  right: 11.126760563%;
  text-align: center;
  font-size: 12px;
  color: #000000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels02-image-text17 {
  top: 70.408163265%;
  right: 2.394366197%;
  text-align: center;
  font-size: 12px;
  color: #000000;
  line-height: 100%;
}
.kobetsu-martensitic_stainless_steels02-image-text18 {
  top: 79.591836734%;
  right: 0%;
  text-align: center;
  font-size: 11px;
  color: #000000;
  line-height: 100%;
  letter-spacing: -0.03em!important;
}

/* iPad */
@media only screen and (max-device-width: 1024px) and (min-width: 768px){
  .kobetsu-martensitic_stainless_steels02-image-text01 span,
  .kobetsu-martensitic_stainless_steels02-image-text02,
  .kobetsu-martensitic_stainless_steels02-image-text03,
  .kobetsu-martensitic_stainless_steels02-image-text04,
  .kobetsu-martensitic_stainless_steels02-image-text05,
  .kobetsu-martensitic_stainless_steels02-image-text06,
  .kobetsu-martensitic_stainless_steels02-image-text07 {
    font-size: 12px;
  }
  .kobetsu-martensitic_stainless_steels02-image-text08,
  .kobetsu-martensitic_stainless_steels02-image-text09,
  .kobetsu-martensitic_stainless_steels02-image-text10,
  .kobetsu-martensitic_stainless_steels02-image-text11,
  .kobetsu-martensitic_stainless_steels02-image-text12,
  .kobetsu-martensitic_stainless_steels02-image-text13,
  .kobetsu-martensitic_stainless_steels02-image-text14,
  .kobetsu-martensitic_stainless_steels02-image-text15,
  .kobetsu-martensitic_stainless_steels02-image-text16,
  .kobetsu-martensitic_stainless_steels02-image-text17 {
    font-size: 10px;
  }
  .kobetsu-martensitic_stainless_steels02-image-text10 {
    left: calc(72.816901408% - 3px);
  }
  .kobetsu-martensitic_stainless_steels02-image-text18 {
    font-size: 9px;
  }
}
/* iPad横 */
@media (orientation: landscape) and (max-device-width: 1024px) and (min-width: 768px) {
  .kobetsu-martensitic_stainless_steels02-image-text01 span,
  .kobetsu-martensitic_stainless_steels02-image-text02,
  .kobetsu-martensitic_stainless_steels02-image-text03,
  .kobetsu-martensitic_stainless_steels02-image-text04,
  .kobetsu-martensitic_stainless_steels02-image-text05,
  .kobetsu-martensitic_stainless_steels02-image-text06,
  .kobetsu-martensitic_stainless_steels02-image-text07 {
    font-size: 13px;
  }
  .kobetsu-martensitic_stainless_steels02-image-text08,
  .kobetsu-martensitic_stainless_steels02-image-text09,
  .kobetsu-martensitic_stainless_steels02-image-text10,
  .kobetsu-martensitic_stainless_steels02-image-text11,
  .kobetsu-martensitic_stainless_steels02-image-text12,
  .kobetsu-martensitic_stainless_steels02-image-text13,
  .kobetsu-martensitic_stainless_steels02-image-text14,
  .kobetsu-martensitic_stainless_steels02-image-text15,
  .kobetsu-martensitic_stainless_steels02-image-text16,
  .kobetsu-martensitic_stainless_steels02-image-text17 {
    font-size: 11px;
  }
  .kobetsu-martensitic_stainless_steels02-image-text18 {
    font-size: 10px;
  }
}

@media only screen and (max-width: 740px){
  .kobetsu-martensitic_stainless_steels02-image-text01 span,
  .kobetsu-martensitic_stainless_steels02-image-text02,
  .kobetsu-martensitic_stainless_steels02-image-text03,
  .kobetsu-martensitic_stainless_steels02-image-text04,
  .kobetsu-martensitic_stainless_steels02-image-text05,
  .kobetsu-martensitic_stainless_steels02-image-text06,
  .kobetsu-martensitic_stainless_steels02-image-text07 {
    font-size: 2vw;
  }
  .kobetsu-martensitic_stainless_steels02-image-text08,
  .kobetsu-martensitic_stainless_steels02-image-text11,
  .kobetsu-martensitic_stainless_steels02-image-text12,
  .kobetsu-martensitic_stainless_steels02-image-text13,
  .kobetsu-martensitic_stainless_steels02-image-text14,
  .kobetsu-martensitic_stainless_steels02-image-text15,
  .kobetsu-martensitic_stainless_steels02-image-text16,
  .kobetsu-martensitic_stainless_steels02-image-text17 {
    font-size: 1.6vw;
  }
  .kobetsu-martensitic_stainless_steels02-image-text09 {
    font-size: 1.6vw;
    text-shadow:
      1px 1px 0px #000000, -1px -1px 0px #000000,
      -1px 1px 0px #000000,  1px -1px 0px #000000,
      1px 0px 0px #000000, -1px -0px 0px #000000,
      0px 1px 0px #000000,  0px -1px 0px #000000;
  }
  .kobetsu-martensitic_stainless_steels02-image-text10 {
    left: 72.253521126%;
    font-size: 1.6vw;
    text-shadow:
      1px 1px 0px #000000, -1px -1px 0px #000000,
      -1px 1px 0px #000000,  1px -1px 0px #000000,
      1px 0px 0px #000000, -1px -0px 0px #000000,
      0px 1px 0px #000000,  0px -1px 0px #000000;
  }
  .kobetsu-martensitic_stainless_steels02-image-text18 {
    font-size: 1.5vw;
  }
}