@charset "UTF-8";

.l-content .h1Ttl {
    text-align: center;
    color: #025fae;
    font-size: 36px;
}

.l-content .summary {
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}

.l-content .summary_wrap {
    display: flex;
    justify-content: center;
}

.l-content .icon_plus {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    width: 21px;
    height: 21px;
    background: #d00;
    border-radius: 50%;
    text-indent: 100px;
    white-space: nowrap;
    overflow: hidden;
}

.l-content .icon_plus::before,
.l-content .icon_plus::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 3px;
    background: #fff;
}

.l-content .icon_plus::after {
    transform: rotate(90deg);
}

.l-content .picArea {
    display: flex;
    justify-content: center;
    gap: 50px;
    position: relative;
}

.l-content .picArea .pic .mouseoverArea {
    position: absolute;
}

.l-content .picArea .pic .mouseoverArea button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 31px;
    height: 31px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
}

.l-content .picArea .pic .selectedPartsBox {
    position: absolute;
    background-image: linear-gradient(to right, #d00 6px, transparent 6px), linear-gradient(to bottom, #d00 6px, transparent 6px), linear-gradient(to left, #d00 6px, transparent 6px), linear-gradient(to top, #d00 6px, transparent 6px);
    background-size: 12px 3px, 3px 12px, 12px 3px, 3px 12px;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-position: left top, right top, right bottom, left bottom;
}

/* アクティブ状態 */
.l-content .picArea .pic.is-active .linkBox {
    visibility: visible;
}

.l-content .picArea .pic .mouseoverArea.is-active button .icon_plus {
    width: 31px;
    height: 31px;
}

.l-content .picArea .pic .mouseoverArea.is-active button .icon_plus::before,
.l-content .picArea .pic .mouseoverArea.is-active button .icon_plus::after {
    width: 17px;
    height: 5px;
}

/* linkBox */
.l-content .linkBox {
    visibility: hidden;
    position: absolute;
    z-index: 10;
}

.l-content .linkBox .wrap {
    box-sizing: border-box;
    border: 1px solid #d00;
}

.l-content .linkBox .wrap .head {
    padding: 8px 10px 7px 10px;
    color: #fff;
    background: #d00;
    font-size: 15px;
    font-weight: bold;
}

.l-content .linkBox .wrap .linkList {
    padding: 10px;
    background: #fff;
}

.l-content .linkBox .wrap .linkList>li {
    margin: 6px 0 5px;
    font-weight: bold;
    font-size: 12px;
}

/* 各＋マーク位置、linkBox、赤枠サイズ調整 */
.l-content .linkBox#linkBox_plc {
    padding-right: 10px;
    right: -2px;
}

.l-content .linkBox#linkBox_display {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_switch {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_connector_01 {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_connector_02 {
    padding-right: 10px;
    right: -2px;
}

.l-content .linkBox#linkBox_cableGland {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_power_01 {
    padding-right: 10px;
    right: -2px;
}

.l-content .linkBox#linkBox_power_02 {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_circuitProtector {
     padding-right: 10px;
    right: -2px;
}

.l-content .linkBox#linkBox_dataConverter {
    padding-right: 10px;
    right: -2px;
}

.l-content .linkBox#linkBox_motor {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_timer {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_led {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_01 {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_02 {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_heater {
    padding-right: 10px;
    right: -2px;
}

.l-content .linkBox#linkBox_harness {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_safety_01 {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_safety_02 {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_exteriorParts_01 {
    padding-right: 10px;
    right: -2px;
}

.l-content .linkBox#linkBox_exteriorParts_02 {
    padding-right: 10px;
    right: -2px;
}

.l-content .linkBox#linkBox_exteriorParts_03 {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_heatRelated {
    padding-right: 10px;
    right: -2px;
}

.l-content .linkBox#linkBox_fan {
    padding-right: 10px;
    right: -2px;
}

.l-content .linkBox#linkBox_signalLight {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_dinRail {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_wiringDuct {
    padding-right: 10px;
    right: -2px;
}

.l-content .linkBox#linkBox_earth {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_drawingHolder {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_steel_stainlessBox {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_cable {
    padding-left: 10px;
    left: 30px;
}

.l-content .linkBox#linkBox_cableClamp {
    padding-left: 10px;
    left: 30px;
}


/* pic_01 */
.l-content .picArea .pic_01 {
    position: relative;
    width: 400px;
    height: 685px;
}

/* exteriorParts_01 */
.l-content .picArea .pic_01 .mouseoverArea.exteriorParts_01 {
    top: 108px;
    left: 88px;
}

.l-content .picArea .pic_01 .exteriorParts_01.selectedPartsBox {
    top: 124px;
    left: 103px;
    width: 27px;
    height: 27px;
}

/* signalLight */
.l-content .picArea .pic_01 .mouseoverArea.signalLight {
    top: 27px;
    left: 319px;
}

.l-content .picArea .pic_01 .signalLight.selectedPartsBox {
    top: 5px;
    left: 219px;
    width: 107px;
    height: 146px;
}

/* heatRelated */
.l-content .picArea .pic_01 .mouseoverArea.heatRelated {
    top: 239px;
    left: 17px;
}

.l-content .picArea .pic_01 .heatRelated.selectedPartsBox {
    top: 177px;
    left: 38px;
    width: 58px;
    height: 159px;
}

/* display */
.l-content .picArea .pic_01 .mouseoverArea.display {
    top: 227px;
    left: 292px;
}

.l-content .picArea .pic_01 .display.selectedPartsBox {
    top: 187px;
    left: 169px;
    width: 131px;
    height: 133px;
}

/* steel_stainlessBox */
.l-content .picArea .pic_01 .mouseoverArea.steel_stainlessBox {
    top: 245px;
    left: 363px;
}

.l-content .picArea .pic_01 .steel_stainlessBox.selectedPartsBox {
    top: 142px;
    left: 87px;
    width: 295px;
    height: 470px;
}

/* exteriorParts_02 */
.l-content .picArea .pic_01 .mouseoverArea.exteriorParts_02 {
    top: 355px;
    left: 95px;
}

.l-content .picArea .pic_01 .exteriorParts_02.selectedPartsBox {
    top: 343px;
    left: 116px;
    width: 23px;
    height: 53px;
}

/* power */
.l-content .picArea .pic_01 .mouseoverArea.power {
    top: 329px;
    left: 143px;
}

.l-content .picArea .pic_01 .power.selectedPartsBox {
    top: 319px;
    left: 164px;
    width: 30px;
    height: 46px;
}

/* switch */
.l-content .picArea .pic_01 .mouseoverArea.switch {
    top: 355px;
    left: 253px;
}

.l-content .picArea .pic_01 .switch.selectedPartsBox {
    top: 331px;
    left: 196px;
    width: 75px;
    height: 59px;
}

/* safety */
.l-content .picArea .pic_01 .mouseoverArea.safety {
    top: 327px;
    left: 304px;
}

.l-content .picArea .pic_01 .safety.selectedPartsBox {
    top: 321px;
    left: 276px;
    width: 34px;
    height: 42px;
}

/* drawingHolder */
.l-content .picArea .pic_01 .mouseoverArea.drawingHolder {
    top: 434px;
    left: 281px;
}

.l-content .picArea .pic_01 .drawingHolder.selectedPartsBox {
    top: 388px;
    left: 180px;
    width: 108px;
    height: 122px;
}

/* cableGland */
.l-content .picArea .pic_01 .mouseoverArea.cableGland {
    top: 547px;
    left: 91px;
}

.l-content .picArea .pic_01 .cableGland.selectedPartsBox {
    top: 541px;
    left: 68px;
    width: 28px;
    height: 41px;
}

/* fan */
.l-content .picArea .pic_01 .mouseoverArea.fan {
    top: 537px;
    left: 171px;
}

.l-content .picArea .pic_01 .fan.selectedPartsBox {
    top: 517px;
    left: 192px;
    width: 85px;
    height: 70px;
}

/* exteriorParts_03 */
.l-content .picArea .pic_01 .mouseoverArea.exteriorParts_03 {
    top: 620px;
    left: 377px;
}

.l-content .picArea .pic_01 .exteriorParts_03.selectedPartsBox {
    top: 602px;
    left: 84px;
    width: 300px;
    height: 67px;
}


/* pic_02 */
.l-content .picArea .pic_02 {
    position: relative;
    width: 400px;
    height: 685px;
}

/* led */
.l-content .picArea .pic_02 .mouseoverArea.led {
    top: 142px;
    left: 288px;
}

.l-content .picArea .pic_02 .led.selectedPartsBox {
    top: 148px;
    left: 134px;
    width: 160px;
    height: 21px;
}

/* plc */
.l-content .picArea .pic_02 .mouseoverArea.plc {
    top: 169px;
    left: 127px;
}

.l-content .picArea .pic_02 .plc.selectedPartsBox {
    top: 189px;
    left: 143px;
    width: 154px;
    height: 45px;
}

/* safety */
.l-content .picArea .pic_02 .mouseoverArea.safety {
    top: 170px;
    left: 319px;
}

.l-content .picArea .pic_02 .safety.selectedPartsBox {
    top: 189px;
    left: 267px;
    width: 61px;
    height: 48px;
}

/* dataConverter */
.l-content .picArea .pic_02 .mouseoverArea.dataConverter {
    top: 242px;
    left: 143px;
}

.l-content .picArea .pic_02 .dataConverter.selectedPartsBox {
    top: 268px;
    left: 144px;
    width: 28px;
    height: 50px;
}

/* harness */
.l-content .picArea .pic_02 .mouseoverArea.harness {
    top: 173px;
    left: 215px;
}

.l-content .picArea .pic_02 .harness.selectedPartsBox {
    top: 201px;
    left: 189px;
    width: 39px;
    height: 49px;
}

/* timer */
.l-content .picArea .pic_02 .mouseoverArea.timer {
    top: 248px;
    left: 211px;
}

.l-content .picArea .pic_02 .timer.selectedPartsBox {
    top: 273px;
    left: 163px;
    width: 79px;
    height: 38px;
}

/* connector_01 */
.l-content .picArea .pic_02 .mouseoverArea.connector_01 {
    top: 249px;
    left: 321px;
}

.l-content .picArea .pic_02 .connector_01.selectedPartsBox {
    top: 268px;
    left: 233px;
    width: 97px;
    height: 49px;
}

/* circuitProtector */
.l-content .picArea .pic_02 .mouseoverArea.circuitProtector {
    top: 325px;
    left: 190px;
}

.l-content .picArea .pic_02 .circuitProtector.selectedPartsBox {
    top: 350px;
    left: 132px;
    width: 138px;
    height: 65px;
}

/* motor */
.l-content .picArea .pic_02 .mouseoverArea.motor {
    top: 323px;
    left: 287px;
}

.l-content .picArea .pic_02 .motor.selectedPartsBox {
    top: 345px;
    left: 269px;
    width: 66px;
    height: 67px;
}

/* wiringDuct */
.l-content .picArea .pic_02 .mouseoverArea.wiringDuct {
    top: 409px;
    left: 100px;
}

.l-content .picArea .pic_02 .wiringDuct.selectedPartsBox {
    display: none;
}

/* heater */
.l-content .picArea .pic_02 .mouseoverArea.heater {
    top: 422px;
    left: 163px;
}

.l-content .picArea .pic_02 .heater.selectedPartsBox {
    top: 441px;
    left: 144px;
    width: 73px;
    height: 57px;
}

/* power_01 */
.l-content .picArea .pic_02 .mouseoverArea.power_01 {
    top: 422px;
    left: 261px;
}

.l-content .picArea .pic_02 .power_01.selectedPartsBox {
    top: 440px;
    left: 225px;
    width: 109px;
    height: 56px;
}

/* cable */
.l-content .picArea .pic_02 .mouseoverArea.cable {
    top: 525px;
    left: 38px;
}

.l-content .picArea .pic_02 .cable.selectedPartsBox {
    top: 541px;
    left: 10px;
    width: 86px;
    height: 120px;
}


/* connector_02 */
.l-content .picArea .pic_02 .mouseoverArea.connector_02 {
    top: 501px;
    left: 171px;
}

.l-content .picArea .pic_02 .connector_02.selectedPartsBox {
    top: 523px;
    left: 132px;
    width: 103px;
    height: 29px;
}

/* dinRail */
.l-content .picArea .pic_02 .mouseoverArea.dinRail {
    top: 502px;
    left: 232px;
}

.l-content .picArea .pic_02 .dinRail.selectedPartsBox {
    top: 525px;
    left: 223px;
    width: 50px;
    height: 22px;
}

/* earth */
.l-content .picArea .pic_02 .mouseoverArea.earth {
    top: 502px;
    left: 283px;
}

.l-content .picArea .pic_02 .earth.selectedPartsBox {
    top: 524px;
    left: 271px;
    width: 54px;
    height: 19px;
}

/* power_02 */
.l-content .picArea .pic_02 .mouseoverArea.power_02 {
    top: 529px;
    left: 345px;
}

.l-content .picArea .pic_02 .power_02.selectedPartsBox {
    top: 540px;
    left: 262px;
    width: 103px;
    height: 66px;
}

/* pic_03 */
.l-content .picArea .pic_03 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 50px;
}

.l-content .picArea .pic_03 .caption {
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
}

/* cableClamp */
.l-content .picArea .pic_03 .mouseoverArea.cableClamp {
    top: 76px;
    left: 89px;
}

.l-content .picArea .pic_03 .cableClamp.selectedPartsBox {
    top: -1px;
    left: -11px;
    width: 117px;
    height: 133px;
}