@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

.content * {
  font-family: "游ゴシック  Medium", YuGothic, "YuGothic M", "メイリオ", sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.content figure {
  margin: 0;
  padding: 0;
}

section {
  margin-bottom: 60px;
}

section:after,
.products_headline:after {
  content: "";
  clear: both;
  display: block;
}

.product_header .product_catchphrase_pokayoke {
  padding-left: 190px;
  font-size: 1.8em !important;
  margin-bottom: 10px;
  color: #024F2B;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1em !important;
}

.product_photo {
  margin: 0 auto 50px;
  position: relative;
  float: none !important;
}

.product_photo iframe {
  display: block;
  border: 5px solid #ddd;
  padding: 5px;
  position: relative;
}

.product_special .head_set {
  width: 100%;
  position: relative;
  float: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.product_special .head_set h1 span {
  font-size: 0.5em;
  display: inline-block;
  padding: 10px;
  margin-bottom: 0;
  border-bottom: 0;
  background: #ccc;
  border-radius: 5px;
  line-height: 1em;
  position: relative;
  top: -7px;
  left: 10px;
}

.product_special .head_set h1+div {
  position: relative;
}

.product_special .head_set h1+div>div:nth-of-type(1) {
  position: relative;
  float: right;
  top: -30px;
  z-index: -1;
}

.product_special .head_set h1+div>div:nth-of-type(1) img {
  width: 330px;
  height: auto;
}

.product_special .head_set h1+div>div:nth-of-type(1) div {
  width: 300px;
  position: relative;
  float: left;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: top;
  -moz-align-items: top;
  -ms-align-items: top;
  -o-align-items: top;
  align-items: top;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.product_special .head_set h1+div>div:nth-of-type(1) div figure {
  position: relative;
  top: 30px;
  width: 45%;
}

.product_special .head_set h1+div>div:nth-of-type(1) div figure img {
  width: 100%;
}

.product_special .head_set h1+div>div:nth-of-type(1) div figure figcaption {
  font-size: .85em;
  line-height: 1.4em;
}

.product_special .head_set h1+div>div:nth-of-type(1) div figure figcaption span {
  font-size: 1.2em;
  display: block;
}

.product_special .head_set h1+div>div:nth-of-type(1) div figure:nth-of-type(1) {
  position: relative;
  top: 2px;
}

.product_special .head_set h1+div>div:nth-of-type(1) div figure:nth-of-type(1) img {
  display: block;
  margin: 0 auto 10px;
  width: 90%;
}

.product_special .head_set h1+div>div:nth-of-type(1) div figure:nth-of-type(2) img {
  display: block;
  padding: 13px 0;
}

.product_special .head_set h1+div>div:nth-of-type(1):after {
  content: "";
  display: block;
  clear: both;
}

.product_special .head_set h1+div div.text-box {
  position: relative;
  left: 0;
  top: 35px;
  width: 678px;
  /*padding-left: 190px;*/
}

.product_special .head_set h1+div div.text-box h2 {
  margin-bottom: 15px;
}

.product_special .head_set h1+div div.text-box h2 img {
  display: block;
  width: 265px;
}

.product_special .head_set h1+div div.text-box p {
  text-align: justify;
  text-justify: inter-ideograph;
  margin-bottom: 15px;
}



.product_special .head_set h1+div div.text-box ul li:last-of-type {
  margin: 0;
}

.product_special .head_set h1+div:after {
  content: "";
  display: block;
  clear: both;
}

.product_special .head_set p {
  font-size: 1.1em;
  line-height: 1.75em;
}

.product_special .head_set:before {
  content: url(../img/wcl_plus/wcl_plus_img03.gif);
  position: absolute;
  left: 0;
  top: 0;
}

.product_special .head_set h1 {
  font-size: 2.8em;
  color: #000;
  padding-left: 190px;
  margin-bottom: 20px;
  font-family: 'Noto Sans Japanese', sans-serif;
  line-height: 1.2em;
}

.section01,
.section02,
.section03 {
  position: relative;
  margin-bottom: 75px;
}

.section01 a.anchor,
.section02 a.anchor,
.section03 a.anchor {
  position: absolute;
  top: -65px;
}

.section01>p,
.section02>p,
.section03>p {
  font-size: 1.2em;
  margin-bottom: 30px;
  line-height: 1.5em;
}

.section01 h4,
.section02 h4,
.section03 h4 {
  font-size: 1.75em;
  color: #000;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-family: 'Noto Sans Japanese', sans-serif;
  line-height: 1em;
  color: #004fa3;
  font-weight: bold;
  border-bottom: 1px solid #dee2e7;
}

.section01 {
  margin-bottom: 30px;
}

.section01>p {
  margin-bottom: 15px;
}

.section01>p+p {
  font-size: 0.85em;
  margin-bottom: 30px;
}

.section01 figure.img01 {
  margin: 0 auto 60px;
  position: relative;
  display: block;
  width: 749px;
}

.section01 figure.img01 img {
  position: relative;
  z-index: 0;
}

.section01 figure.img01 figcaption {
  width: 270px;
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  line-height: 1.5em;
}

.section01 figure.img01 figcaption strong {
  display: block;
  margin-bottom: 5px;
}

.section01 figure.img02 {
  margin: 0 auto 30px;
  position: relative;
  display: block;
  width: 600px;
}

.section01 figure.img02 img {
  position: relative;
  z-index: 0;
  display: block;
  margin-bottom: 15px;
}

.section02 p:nth-of-type(1) {
  margin-bottom: 10px;
}

.section02 h5 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.3em;
  text-align: center;
}

.section02 figure {
  text-align: center;
  margin-bottom: 45px;
}

.section02 figure:nth-of-type(2) {
  margin-bottom: 0;
}

.section03 figure {
  margin: 0 auto 30px;
  position: relative;
  display: block;
  width: 500px;
}

.section03 figure img {
  position: relative;
  z-index: 0;
  display: block;
  margin-bottom: 15px;
}

.contents>h3 {
  padding: 15px 0;
  line-height: 1em;
  font-size: 1.3em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  margin-bottom: 60px;
  background: #0e6eb8;
  border-radius: 5px;
}

/* 関連商品 */
.product_special .ttl_relative_products {
  position: relative;
  font-size: 24px;
  margin-bottom: 10px;
  padding-bottom: 6px;
  border-bottom: solid 1px #dee2e7;
}

.product_special .ttl_relative_products:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  content: " ";
  width: 142px;
  height: 1px;
  background: #0c96db;
}

.product_special .relative_products li {
  width: 479px;
  float: left;
  margin-right: 10px;
  padding: 0 10px 10px 0;
  border-right: solid 1px #dee2e7;
}

.product_special .relative_products li:nth-child(2n) {
  border-right: none;
  margin-right: 0;
  padding: 0 0 10px 0;
}

.product_special .relative_products li.lastright {
  padding: 0 10px 0 0;
}

.product_special .relative_products li.lastleft {
  padding: 0 10px 0 0;
}

.product_special .relative_products li a {
  display: block;
  padding: 5px 15px;
  color: #373737;
  background: url(../img/icon_arrow_right.webp) no-repeat 96% center #f2f4f7;
}

.product_special .relative_products li a:hover {
  background-color: #e6eaf0;
  color: #373737;
  text-decoration: none;
}

.wcp_plus_content {
  position: relative;

}

.mb60 {
  margin-bottom: 60px;
}



.wcl_item_box_img {
  position: relative;
  top: 10px;
}

.wcl_item05,
.wcl_item04,
.wcl_item03,
.wcl_item02,
.wcl_item01 {
  padding-bottom: 60px;
}

.wcl_item04 .wcl_item_box,
.wcl_item05 .wcl_item_box{
  height: 254px;
}

.wcl_item05 h3,
.wcl_item04 h3,
.wcl_item03 h3,
.wcl_item02 h3,
.wcl_item01 h3 {
  clear: both;
  background-color: #024F2B;
  color: #fff;
  font-size: 1.3em;
  text-align: center;
  font-weight: bold;
  padding: 12px;
}

.wcl_item05 .wcl_item_box,
.wcl_item04 .wcl_item_box,
.wcl_item03 .wcl_item_box,
.wcl_item02 .wcl_item_box,
.wcl_item01 .wcl_item_box {
  position: relative;
  padding: 20px;
  border-bottom: solid 2px #024F2B;
  border-left: solid 2px #024F2B;
  border-right: solid 2px #024F2B;
  margin-bottom: 20px;
}

.wcl_item01 .wcl_item_box {
  padding: 40px 20px;
}

.flex>ul,
.wcl_item05 ul,
.wcl_item04 ul,
.wcl_item03 ul,
.wcl_item02 ul,
.wcl_item01 ul {
  margin-left: 30px;
}

.flex>ul li,
.wcl_item05 ul li,
.wcl_item04 ul li,
.wcl_item03 ul li,
.wcl_item02 ul li,
.wcl_item01 ul li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 15px;
}

.flex>ul li:last-of-type,
.wcl_item05 ul li:last-of-type,
.wcl_item04 ul li:last-of-type,
.wcl_item03 ul li:last-of-type,
.wcl_item02 ul li:last-of-type,
.wcl_item01 ul li:last-of-type {
  position: relative;
  margin-bottom: 0px;
}


.flex>ul li::before,
.wcl_item05 ul li::before,
.wcl_item04 ul li::before,
.wcl_item03 ul li::before,
.wcl_item02 ul li::before,
.wcl_item01 ul li::before {
  content: " ";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 7px;
  left: 0;
  background-color: #BFD9CD;
  border-radius: 50%;
}

.flex>ul p{
  position: relative;
  padding:0 0 0 15px;
}

.flex>ul p::before{
  content: " ";
  display: block;
  position: absolute;
  top: 7px;
  left: 1px;
  border-left: #000 8px solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.layer_txt06,
.layer_txt05,
.layer_txt04,
.layer_txt03,
.layer_txt02,
.layer_txt01,
.layer_01,
.layer_02,
.layer_03,
.layer_04,
.layer_05,
.layer_06,
.layer_07,
.layer_08,
.layer_09,
.layer_10 {
  position: absolute;
  bottom: 0;
  text-align: center;
  font-size: 12px;
  line-height: 1.4em;
}

.layer_01 a img,
.layer_02 a img,
.layer_03 a img,
.layer_04 a img,
.layer_05 a img {
  transition: ease .2s all;
  opacity: 1;
}

.layer_01 a img:hover,
.layer_02 a img:hover,
.layer_03 a img:hover,
.layer_04 a img:hover,
.layer_05 a img:hover {
  opacity: .75;
}

.layer_01 {
  bottom: 34px;
  left: 83px;
  z-index: 10;
}

.layer_02 {
  bottom: 25px;
  left: 282px;
  z-index: 10;
}

.layer_03 {
  bottom: 77px;
  left: 43px;
  z-index: 10;
}

.layer_03 img {
  width: 174px;
}

.layer_04 {
  left: 289px;
  bottom: 81px;
  z-index: 10;
}

.layer_04 img {
  width: 72px;
}

.layer_txt01 {
  left: 98px;
  top: 23px;
  z-index: 1;
  font-weight: bold;
  font-size: .9rem;
}

.layer_txt02 {
  right: 239px;
  top: 37px;
  font-size: .9rem;
  z-index: 10;
  font-weight: bold;
}

.layer_txt03 {
  right: 45px;
  top: 37px;
  font-size: .9rem;
  z-index: 10;
  font-weight: bold;
}

.layer_txt04 {
  top: 48px;
  left: 37px;
}

.layer_txt05 {
  right: 225px;
  top: 61px;
}

.layer_txt06 {
  right: 31px;
  top: 61px;
}


.wcl_item01 .layer_01 {
  bottom: 23px;
}

.wcl_item01 .layer_03 {
  bottom: 75px;
  left: 42px;
}

.wcl_item_box_img02 {
  position: relative;
  top: -13px;
  z-index: -1;
}

.wcl_item02 .layer_01 {
  bottom: 36px;
  left: 83px;
}

.wcl_item02 .layer_02 {
  bottom: 21px;
  left: 284px;
}

.wcl_item02 .layer_03 {
  bottom: 38px;
  left: 570px;
}

.wcl_item02 .layer_04 {
  bottom: 38px;
  left: 762px;
}

.wcl_item02 .layer_05 {
  left: 41px;
  bottom: 72px;
}

.wcl_item02 .layer_05 img {
  width: 177px;
}

.wcl_item02 .layer_06 {
  left: 291px;
  bottom: 77px;
}

.wcl_item02 .layer_06 img {
  width: 73px;
}

.wcl_item02 .layer_07 {
  left: 610px;
  bottom: 77px;
}

.wcl_item02 .layer_07 img {
  width: 40px;
}

.wcl_item02 .layer_08 {
  left: 758px;
  bottom: 80px;
}

.wcl_item02 .layer_08 img {
  width: 64px;
}

.wcl_item_box_img03 {
  position: relative;
  top: -7px;
  z-index: -1;
}


.wcl_item03 .layer_01 {
  bottom: 103px;
  left: 76px;
}

.wcl_item03 .layer_02 {
  bottom: 27px;
  left: 84px;
}

.wcl_item03 .layer_03 {
  bottom: 25px;
  left: 227px;
}

.wcl_item03 .layer_04 {
  left: 565px;
  bottom: 27px;
}

.wcl_item03 .layer_05 {
  right: 60px;
  bottom: 27px;
}

.wcl_item03 .layer_06 {
  bottom: 67px;
  right: 604px;
}

.wcl_item03 .layer_06 img {
  width: 140px;
}

.wcl_item03 .layer_07 {
  bottom: 68px;
  right: 332px;
}

.wcl_item03 .layer_07 img {
  width: 38px;
}

.wcl_item03 .layer_08 {
  right: 160px;
  bottom: 67px;
}

.wcl_item03 .layer_08 img {
  width: 64px;
}


.wcl_item04 .layer_01 {
  bottom: 116px;
  left: 88px;
}

.wcl_item04 .layer_02 {
  bottom: 20px;
  left: 99px;
}

.wcl_item04 .layer_03 {
  bottom: 125px;
  left: 243px;
}

.wcl_item04 .layer_04 {
  left: 244px;
  bottom: 22px;
}

.wcl_item04 .layer_05 {
  right: 250px;
  bottom: 164px;
}

.wcl_item04 .layer_05 img {
  width: 137px;
}

.wcl_item04 .layer_06 {
  right: 248px;
  bottom: 62px;
}

.wcl_item04 .layer_06 img {
  width: 137px;
}

.wcl_item_txt {
  margin-left: 30px;
}

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

.wcl_item04 {
  width: 65%;
  padding-bottom: 0;
}

.wcl_item05 {
  width: 33%;
  padding-bottom: 0;
}

.wcl_item05>div.flex {
  display: flex;
  justify-content: space-between;
  align-items: end;
  flex-wrap: nowrap;
  padding: 30px 20px 30px 20px;
}

.wcl_item05>div.flex img {
  width: 120px;
  height: auto;
}

.wcl_item05>div.flex div p {
  font-size: .8rem;
  font-weight: bold;
}

.wcl_item05>div.flex div ul {
  margin-left: 0;
  line-height: 1.4em;
}

.wcl_item05>div.flex div ul li {
  font-size: .9em;
  margin-bottom: 0;
  padding-left: 0;
}

.wcl_item05>div.flex ul li::before {
  display: none;
}

.wcl_item05>div.flex div ul:nth-of-type(1) {
  margin-bottom: 10px;
}

.flex>ul {
  width: 100%;
  margin-bottom: 30px;
}


.features {
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.features .features_box {
  display: flex;
  flex-wrap: wrap;
  border: solid 1px #a50002;
  padding: 20px;
  margin-bottom: 20px;
}

.features .features_kome {
  text-align: center;
  font-size: 1.3em;
  line-height: 1.6;
  color: #a50002;
  width: 100%;
}

.features h3 {
  width: 100%;
  background-color: #A50002;
  color: #fff;
  font-size: 1.2em;
  text-align: center;
  font-weight: bold;
  padding: 12px;
  margin-bottom: 33px;
}

.features .features_item {
  width: 480px;
  padding: 20px;
  background: #F7F8F8;
  margin-right: 20px;
  margin-bottom: 20px;
}

.features .features_item dt {
  font-size: 1.3em;
  font-weight: bold;
  padding-bottom: 13px;
  margin-bottom: 13px;
  border-bottom: solid 1px #C4C4C4;
}

.features .features_box .features_item:nth-of-type(1),
.features .features_box .features_item:nth-of-type(2) {
  width: 458px;
  letter-spacing: -.1px;
}

.features .features_box .features_item:nth-of-type(1) dd,
.features .features_box .features_item:nth-of-type(2) dd {
  display: flex;
  justify-content: space-between;
  margin-bottom: 17px;
}

.features .features_box .features_item:nth-of-type(1) dd p,
.features .features_box .features_item:nth-of-type(2) dd p {
  width: 65%;
}

.features .features_box .features_item:nth-of-type(2) dd p:nth-of-type(2) {
  width: auto;
}

.features .features_box .features_item:nth-of-type(2) dd p:nth-of-type(2) span {
  display: block;
  text-align: center;
  font-size: 12px;
}

.features .features_box .features_item:nth-of-type(1) dd span,
.features .features_box .features_item:nth-of-type(2) dd span {
  text-align: left;
}

.features .features_box .features_item:nth-of-type(1) dd img {
  height: 88px;
  width: auto;
  margin: 0 auto 7px auto;
  position: relative;
  left: -16px;
}

.features .features_box .features_item:nth-of-type(1) dd a span {
  display: block;
  text-align: center;
  position: relative;
  right: 19px;
  font-size: 12px;
}

.features .features_box .features_item:nth-of-type(2) dd img {
  height: 49px;
  width: auto;
  margin: 0 auto 7px auto;
}

.features .features_item:nth-of-type(1) dd,
.features .features_item:nth-of-type(2) dd {
  display: flex;
  justify-content: space-between;
  margin-bottom: 17px;
}

.features .features_item:nth-of-type(1) dd p,
.features .features_item:nth-of-type(2) dd p {
  width: 65%;
}

.features .features_item:nth-of-type(1) dd {
  justify-content: space-between;
}

.features .features_item:nth-of-type(1) dd img {
  width: auto;
  height: 108px;
}

.features .features_item:nth-of-type(2) dd img {
  width: auto;
  height: 108px;
}


.features .features_item:nth-of-type(even) {
  margin-right: 0;
}

.section01 h3 {
  width: 100%;
  background-color: #A50002;
  color: #fff;
  font-size: 1.3em;
  text-align: center;
  font-weight: bold;
  padding: 12px;
  margin-bottom: 33px;
}

.section03 .section03_item,
.section02 .section02_item,
.section01 .section01_item {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 50px;
}

.section01 .section01_item ul {
  position: absolute;
  top: 37px;
  left: 321px;
}

.section01 .section01_item ul li {
  font-size: 1em;
  margin-bottom: -3px;
}

.section01 .section01_item ul li:nth-of-type(1) {
  font-weight: bold;
  margin-bottom: -4px;
}

.section03 .section03_item img,
.section02 .section02_item img,
.section01 .section01_item img {
  height: 500px;
  width: auto;
  margin: 0 auto;
}

.section01 .section01_item img {
  height: 457px;
  position: relative;
  right: 34px;
  margin: 0 auto;
}

.section02 .section02_item img {
  height: 455px;
}


.section01 .section01_item dl {
  background: #FAFAFA;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 480px;
}

.section01 .section01_item dl dt img {
  width: 308px;
  height: auto;
  margin-bottom: 10px;
  right: 0;
}

.section01 .section01_item dl dd {
  width: 308px;
  text-align: justify;
  letter-spacing: .05em;
}

.section02 .section02_item {
  align-items: flex-start;
}

.section02 .section02_item dl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 480px;
  margin-top: 10px;
}

.section02 .section02_item dl dt {
  order: 2;
  text-align: center;
}

.section02 .section02_item dl dt img {
  width: 264px;
  height: auto;
}

.section02 .section02_item dl dd {
  order: 1;
  margin-bottom: 20px;
}

.section03 .section03_item dl {
  display: flex;
  flex-direction: column;
  width: 480px;
  margin-top: 10px;
}

.section03 .section03_item dl dt {
  font-size: 1.2em;
  letter-spacing: 1px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  background: url(../img/pokayoke_plus/dot.svg)no-repeat center bottom;
}

.section03 .section03_item dl dd {
  font-size: 1.2em;
  letter-spacing: 1px;
}

.section03 .section03_item dl dd h5 {
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  margin: 0;
}

.specification {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.specification h3 {
  width: 100%;
}

.specification .specification_box {
  width: 100%;
}

.specification .specification_box h4 {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 17px;
}

.specification .specification_box table {
  border-spacing: 0px;
  width: 100%;
}

.specification .specification_box table tr:nth-of-type(odd) td {
  background: #f6f6f6;
}

.specification .specification_box table tr td {
  padding: 10px;
  vertical-align: top;
  font-size: 14px;
  vertical-align: middle;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}

.specification .specification_box table tr td:nth-of-type(1) {
  border-left: solid 1px #ccc;
  font-weight: bold;
  width: 150px;
}

.specification .specification_box table tr:nth-of-type(1) td {
  border-top: solid 1px #ccc;
  background: #727171;
  color: #fff;
  font-weight: bold;
}

/* 2025.03.19  生産ラインの作業者や機械からの呼び出し状況を、LAN経由でモニタ（Webブラウザ）にリアルタイム表示のレイアウト*/

ul.c-text-box_list li {
  position: relative;
  display: block;
  margin-bottom: 10px;
  line-height: 1.5em;
  font-size: 1.15em;
  padding-left: 15px;
}
ul.c-text-box_list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  
  display: block;
  width: 10px;
  height: 10px;
  background: #727171;
  border-radius: 50%;
  
}

.wcl_item_box{
  position: relative;
}

.wcl_item_box .wcl_item_box_img_base{
  position: relative;
  z-index: 0;
}

.wcl_item_box .wcl_item_box_title{
  position: absolute;
  z-index: 10;
  background-color: #5383b3;
  border-radius: 10px;
  color: #fff;
  font-size: 1em;
  font-weight: 650;
  line-height: 1.25em;
  padding: .75em;
  text-align: center;
  width: fit-content;
  &.pos1{
    top: 20px;
    left: 42px;
  }
  &.pos2{
    top: 20px;
    left: 417px;
    width: 480px;
  }
}

.wcl_item_box .wcl_item_box_group1_img1{
  position: absolute;
  z-index: 10;
  width: 152px;
  top: 47px;
  left: 46px;
  img{
    position: relative;
    display: block;
    width: 100%;
    z-index: 0;
    top:6px;
    margin: 0 0 6px;

  }
  figcaption{
    line-height: 1.25em;
    text-align: center;
    width: 80%;
    a{
      font-size:.8em;
      color:#00478a;
      line-height: 1.25em;
      &:hover{
        text-decoration: underline;
      }
    }
  }
  p{
    position: absolute;
    z-index: 10;
    top: 18px;
    left: 44px;
    line-height: 1.25em;
    text-align: center;
    font-size: 0.9em;
    width: 97px;
  }
}



.wcl_item_box .wcl_item_box_group1_img2{
  position: absolute;
  z-index: 10;
  width: 88px;
  top: 75px;
  left: 198px;
  img{
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 5px;
  }
  figcaption{
    position: relative;
    line-height: 1.25em;
    text-align: center;
    a{
      white-space: nowrap;
      font-size: .8em;
      color:#00478a;
      line-height: 1.25em;
      &:hover{
        text-decoration: underline;
      }
    }
  }
}

.wcl_item_box .wcl_item_box_group2_img1{
  position: absolute;
  z-index: 10;
  width: 120px;
  top: 61px;
  left: 385px;

  img{
    position: relative;
    display: block;
    width: 100%;
    z-index: 0;
    top:6px;
    margin: 0 0 6px;
  }
  figcaption{
    font-size: .8em;
    line-height: 1.25em;
    text-align: center;
    a{
      color:#00478a;
      &:hover{
        text-decoration: underline;
      }
    }
  }
  p{
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 46px;
    line-height: 1.25em;
    text-align: center;
    font-size: 0.9em;
    width: 94px;
  }
}

.wcl_item_box .wcl_item_box_group2_img3{
  position: absolute;
  z-index: 10;
  width: 150px;
  top: 53px;
  left: 680px;
  img{
    position: relative;
    display: block;
    width: 100%;
    z-index: 0;
  }
  figcaption{
    position: relative;
    text-align: center;
    width: 88%;
    a{
      font-size: .8em;
      color:#00478a;
      line-height: 1.25em;
      &:hover{
        text-decoration: underline;
      }
    }
  }
  p{
    position: absolute;
    z-index: 10;
    top: 15px;
    left: 36px;
    line-height: 1.25em;
    text-align: center;
    font-size: 0.9em;
    width: 104px;
  }
}

.wcl_item_box .wcl_item_box_group2_img2{
  position: absolute;
  z-index: 10;
  width: 94px;
  top: 68px;
  left: 525px;
  img{
    position: relative;
    display: block;
    width: 100%;
    max-width: 105px;
    margin: 0 0 5px;
  }
  figcaption{
    position: relative;
    text-align: center;
    a{
      font-size: .8em;
      color:#00478a;
      line-height: 1.25em;
      &:hover{
        text-decoration: underline;
      }

    }
  }
}

.wcl_item_box .wcl_item_box_group2_img4{
  position: absolute;
  z-index: 10;
  width: 94px;
  top: 68px;
  left: 830px;
  img{
    position: relative;
    display: block;
    width: 100%;
    max-width: 105px;
    margin: 0 0 5px;
  }
  figcaption{
    position: relative;
    text-align: center;
    a{
      font-size: .8em;
      color:#00478a;
      line-height: 1.25em;
      &:hover{
        text-decoration: underline;
      }

    }
  }
}

.wcl_item_box_group3_img1{
  position: absolute;
  z-index: 10;
  width: 200px;
  top: 408px;
  left: 70px;
  img{
    position: relative;
    display: block;
    width: 100%;
    max-width: 75px;
    margin: 0 auto 10px;
  }
  figcaption{
    position: relative;
    line-height: 1.5em;
    text-align: center;
    font-size: .8em;
    color:#000;
  }
}

.wcl_item_box_group3_img2{
  position: absolute;
  z-index: 10;
  width: 200px;
  top: 440px;
  left: 520px;
  img{
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 6px;
  }
  figcaption{
    position: relative;
    line-height: 1.5em;
    text-align: center;
    font-size: .8em;
    color:#000;
  }
}



.wcl_item_box .wcl_item_box_group1_text{
  position: absolute;
  z-index: 10;
  top: 313px;
  left: 45px;
  font-size: .9em;
  line-height: 1.25em;
  text-align: center;
  color: #000;
}

.wcl_item_box .wcl_item_box_group2_text1{
  position: absolute;
  z-index: 10;
  top: 313px;
  left: 400px;
  font-size: .9em;
  line-height: 1.25em;
  text-align: center;
  color: #000;
}

.wcl_item_box .wcl_item_box_group2_text2{
  position: absolute;
  z-index: 10;
  top: 313px;
  left: 694px;
  font-size: .9em;
  line-height: 1.25em;
  text-align: center;
  color: #000;
}

.attention_red{
  color: #d4241a;
  font-weight: 650;
}

.attention_orange{
  color: #ed6f0a;
  font-weight: 650;
}