@charset "UTF-8";

/* chemical01_05.php */

.equipmentType__block,
.equipmentType__block--typeA {
    width: 90%;
    margin: 50px auto 0;
}

.equipmentType__block .description__box,
.equipmentType__block--typeA .description__box {
    width: 70%;
    margin-right: 10px;
}

.equipmentType__block dt,
.equipmentType__block--typeA dt,
.equipmentType__block--typeB dt,
.equipmentTypeDescription__box dt {
    font-weight: bold;
    margin-bottom: 10px;
}

.equipmentType__block .img__box.img__box--2X img,
.equipmentType__block--typeA .img__box.img__box--2X img{
	  width: 380px;
    margin-left: 10px;
}

.equipmentType__block--typeA .img__box img,
.equipmentType__inner .img__box img,
.equipmentType__block .img__box img{
    display: block;
    margin-bottom: 8px;
}

.equipmentType__block--typeA .img__box span,
.equipmentType__inner .img__box span,
.equipmentType__block .img__box span{
    display: block;
    font-size: 12px;
    text-align: left;
}

.equipmentType__inner {
    justify-content: space-between;
}

.equipmentType__inner dl{
    width: 100%;
		max-width: 400px;
}

.equipmentType__inner dl dd table{
    width: 100%;
}

.equipmentType__inner dd table tr{
	border: 1px solid #666666;
}

.equipmentType__inner dd table tr th {
    width: 45%;
		padding: 5px;
		border-right: 1px solid #666666;
}

.equipmentType__inner dd table tr td{
		padding: 5px;
}

/*.equipmentType__block--typeA .img__box {
    width: 40%;
}*/

.equipmentType__block--typeA .img__box--length {
    width: 50%;
}

.equipmentType__block--typeA .img__box--lengthShorter {
    width: 30%;
}

.equipmentTypeDescription__box dd {
    margin-bottom: 20px;
}

.equipmentTypeDescription__box span {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.equipmentType__block--typeB dd,
.equipmentType__block--typeB dd div{
    margin-bottom: 40px;
}

.equipmentType__block--typeB dd div:not(:last-child) {
    margin-right: 90px;
}

.equipmentType__block--typeB .img__box {
    width: 60%;
    align-items: center;
    margin: 0 auto;
}

.equipmentType__block--typeB .img__box div>img{
	width: 130%;
}

#chemical04 .equipmentType__block .img__box {
    width: 30%;
}

#chemical05 .equipmentType__inner .img__container {
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    text-align: center;
}

#chemical05 .equipmentType__inner .img__box:first-child {
    max-width: 110px;
    height: auto;
    margin-right: 30px;
}

#chemical05 .equipmentType__inner .img__box:nth-child(2) {
    max-width: 210px;
}

#chemical05 .equipmentType__inner .img__box:nth-child(2) img {
    margin-bottom: 10px;
}

#chemical05 .equipmentType__inner dl {
    max-width: 100%;
}

@media (max-width:767px) {

    .equipmentType__block .description__box,
    .equipmentType__block--typeA .description__box {
        width: 90%;
        margin-top: 30px;
    }

    .equipmentType__block, .equipmentType__block--typeA,
    .equipmentType__block, .equipmentType__inner {
        margin: 50px auto 0;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
    }

    .equipmentType__block--typeA .img__box {
        width: 60%;
        margin-bottom: 1em;
    }

    .equipmentType__block--typeB .img__box {
        width: 90%;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .equipmentType__block--typeB dd, .equipmentType__block--typeB dd div,
    .equipmentTypeDescription__box {
        width: 90%;
        margin: 0 auto;
    }

    #chemical04 .equipmentType__block .img__box {
        width: 60%;
    }

    #chemical05 .equipmentType__inner .img__box {
        width: 30%;
    }
    #chemical05 .equipmentType__inner .img__box:first-child {
        width: 25%;
    }
    #chemical05 .equipmentType__inner dl {
        margin: 0 auto;
        width: 90%;
    }

}/* max-width:767px */