@charset "utf-8";
/*------------------------------------------------------------
	manufacturing
------------------------------------------------------------*/
#main .headLine02 {
	color: #000;
}
#main .headLine02 .gray {
    margin-bottom: 14px;
    display: block;
    color: #333;
}
#main .topBox .content {
	position: relative;
	padding-bottom: 222px;
}
#main .topBox .content:after {
	position: absolute;
	right: -182px;
	top: 248px;
	width: 498px;
	height: 305px;
	z-index: -1;
	background: url(../img/business/manufacturing/bg01.png) no-repeat left top;
	content: "";
}
#main p {
    line-height: 2;
}
#main .topBox .text {
    margin-bottom: 86px;
}
#main .topBox .imgBox {
    width: 780px;
    margin: 0 auto;
    position: relative;
}
#main .topBox .imgBox .txtBox {
    margin-left: -29px;
    position: relative;
}
#main .topBox .imgBox .pho01 {
    margin-top: 77px;
}
#main .topBox .imgBox .pho02 {
    position: absolute;
    right: -27px;
    top: 4px;
}
#main .purityBox {
    margin-bottom: 252px;
}
#main .purityBox .txtImg {
    margin-top: -45px;
    padding-bottom: 75px;
    text-align: center;
    background: url(../img/business/manufacturing/bg02.png) no-repeat center top;
}
#main .benefitsBox {
    margin-bottom: 195px;
}
#main .benefitsBox h3 {
    margin-bottom: 100px;
}
#main .benefitsBox .benefitsList {
    margin-left: 7px;
}
#main .benefitsBox .benefitsList li:not(:last-child) {
    margin-bottom: 21px;
}
#main .benefitsBox .benefitsList li:nth-child(2) {
    margin-left: 65px;
}
#main .benefitsBox .benefitsList li:nth-child(3) {
    margin-left: 138px;
}
#main .benefitsBox .benefitsList .sub {
    position: relative;
    display: inline-block;
}
#main .benefitsBox .benefitsList .sub::before {
    position: absolute;
    width: 62px;
    height: 51px;
    right: -26px;
    top: -46px;
    content: "";
    background: url("../img/business/manufacturing/img01.png") no-repeat;
    background-size: 100%;
}
#main .benefitsBox dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #F5F5F5;
    box-shadow: 4.702px 6.472px 4.75px 0.25px rgba(229, 229, 229, 0.56);
}
#main .benefitsBox .benefitsList dt {
    width: 104px;
    text-align: center;
}
#main .benefitsBox .benefitsList dt .num {
    display: inline-block;
    font-size: 2.4rem;
    font-weight: normal;
    vertical-align: -2px;
}
#main .benefitsBox .benefitsList dd {
    padding: 11px 23px 9px 24px;
    font-size: 2.4rem;
    line-height: 1.41;
    border-left: 2px solid #E9E9E9;
}
#main .aboutBox {
    margin-bottom: 222px;
}
#main .aboutBox .content {
	position: relative;
}
#main .aboutBox .content:after {
	position: absolute;
    right: -182px;
    bottom: 152px;
    width: 571px;
    height: 350px;
    z-index: -1;
    background: url(../img/business/manufacturing/bg03.png) no-repeat left top;
    content: "";
}
#main .aboutBox h3 {
    margin-bottom: 68px;
}
#main .aboutBox .comPhotoList {
    margin: -60px 0 84px;
}
#main .aboutBox .comPhotoList::before {
    display: none;
}
#main .aboutBox .comPhotoList li {
    margin: 60px 110px 0 0;
    width: 260px;
}
#main .aboutBox .comPhotoList li:nth-child(3n) {
    margin-right: 0;
}
#main .aboutBox .comPhotoList li .redTxt {
    margin-top: -2px;
    text-align: center;
}
#main .aboutBox .txtInner {
    border-bottom: 1px solid #666;
}
#main .aboutBox .txtInner .tagList li:nth-child(5n) {
    margin-right: 0;
}
#main .aboutBox .txtInner .tagList {
    margin: -25px 10px 0 12px;
}
#main .aboutBox .txtInner .tagList li {
    margin: 25px 23px 0 0;
    padding: 10px 5px 8px;
    width: 177px;
    box-sizing: border-box;
    text-align: center;
    background-color: #F5F5F5;
    box-sizing: border-box;
    border-radius: 25px;
    box-shadow: 4.702px 6.472px 4.75px 0.25px rgba(229, 229, 229, 0.56);
}
#main .aboutBox .txtInner p {
    margin: 1px 2px 0;
    text-align: right;
    line-height: 1.5;
}
#main .outlinesBox .content {
	position: relative;
}
#main .outlinesBox .content:after {
	position: absolute;
    right: -182px;
    top: 54px;
    width: 571px;
    height: 350px;
    z-index: -1;
    background: url(../img/business/manufacturing/bg03.png) no-repeat left top;
    content: "";
}
#main .outlinesBox .inner {
    max-width: 920px;
    margin: 0 auto;
}
#main .outlinesBox h3 {
    margin-bottom: 62px;
}
#main .outlinesBox .txtImg {
    margin: 0 26px 72px 0;
    text-align: center;
}
#main .outlinesBox .comTab .wid03 {
    width: 14%;
}
#main .outlinesBox .comTab .wid04 {
    width: 30%;
}
#main .outlinesBox .comTab .wid05 {
    width: 15.5%;
}
#main .outlinesBox .comTab .wid06 {
    width: 16.8%;
}
#main .outlinesBox .comTab .wid07 {
    width: 19.9%;
}
#main .outlinesBox .comTab .wid08 {
    width: 11.8%;
}
#main .outlinesBox .comTab td .txtLeft {
    display: inline-block;
    text-align: left;
}
#main .outlinesBox .tabInner {
    margin-top: 95px;
}
#main .outlinesBox .tabInner .subBox {
    width: 415px;
}
#main .outlinesBox .bgBox {
    padding-top: 115px;
}
#main .outlinesBox .bgBox .content:after {
	top: -90px;
	right: auto;
	left: -182px;
}
@media all and (min-width: 897px) {
	#main .comPhotoList li .text02 {
		margin-right: -15px;
	}
}
@media all and (max-width: 896px) {
    #main p {
        line-height: 1.6;
    }
    #main .topBox .content {
        padding-bottom: 100px;
    }
	#main .topBox .content:after {
		right: -15px;
		top: auto;
		bottom: -10px;
		width: 190px;
		height: 117px;
		background-size: 190px auto;
	}
    #main .topBox .text {
        margin-bottom: 40px;
    }
    #main .topBox .imgBox {
        width: auto;
        display: block;
    }
    #main .topBox .imgBox .pho01 {
        margin: 0 0 20px;
        text-align: center;
    }
    #main .topBox .imgBox .pho02 {
		margin: 0 auto;
		width: 40%;
        position: inherit;
        right: 0;
        top: 0;
        text-align: center;
    }
    #main .topBox .imgBox .pho01 img,#main .topBox .imgBox .pho02 img {
		width: 100%;
	}
    #main .topBox .imgBox .txtBox {
        margin: 25px 0 0;
    }
    #main .purityBox {
        margin-bottom: 50px;
    }
    #main .purityBox .txtImg {
        margin: 0 -15px;
        padding: 35px 15px;
        background-position: center center;
        background-size: 440px;
    }
    #main .purityBox .txtImg img {
        max-width: 300px;
        width: 80%;
    }
    #main .benefitsBox {
        margin-bottom: 50px;
    }
    #main .benefitsBox h3 {
        margin-bottom: 30px;
    }
    #main .benefitsBox .benefitsList {
        margin-left: 0;
    }
    #main .benefitsBox .benefitsList .sub::before {
        position: absolute;
        width: 31px;
        right: -7px;
        top: -24px;
    }
    #main .benefitsBox .benefitsList li {
        margin-left: 0 !important;
    }
    #main .benefitsBox .benefitsList dl {
        padding: 15px;
        display: block;
    }
    #main .benefitsBox .benefitsList dt {
        margin-bottom: 5px;
        width: auto;
        text-align: left;
    }
    #main .benefitsBox .benefitsList dt .num {
        font-size: 1.6rem;
    }
    #main .benefitsBox .benefitsList dd {
        padding: 0;
        font-size: 1.5rem;
        border-left: none;
    }
    #main .aboutBox {
        margin-bottom: 60px;
    }
	#main .aboutBox .content:after {
		width: 190px;
		height: 117px;
		right: -15px;
		bottom: 38%;
		background-size: 190px auto;
	}
    #main .aboutBox h3 {
        margin-bottom: 30px;
    }
    #main .aboutBox .comPhotoList {
        margin: -20px 0 30px;
    }
    #main .aboutBox .comPhotoList li {
        margin: 20px 0 0;
        width: 47%;
    }
    #main .aboutBox .txtInner .tagList {
        margin: -25px 0 0;
        justify-content: space-between;
    }
    #main .aboutBox .txtInner .tagList li {
        margin-right: 0;
        width: calc(50% - 10px);
    }
    #main .aboutBox .txtInner p {
        margin-top: 5px;
    }
	#main .outlinesBox .content:after {
		width: 190px;
		height: 117px;
		right: -45px;
		top: 10px;
		background-size: 190px auto;
	}
    #main .outlinesBox h3 {
        margin-bottom: 30px;
    }
    #main .outlinesBox .txtImg {
        margin: 0 auto 30px;
    }
    #main .outlinesBox .inner {
        max-width: inherit;
    }
    #main .outlinesBox .tabInner {
        margin-top: 50px;
        display: block;
    }
    #main .outlinesBox .tabInner .subBox {
        margin-bottom: 30px;
        width: auto;
    }
    #main .outlinesBox .tabInner .subBox:last-child {
        margin-bottom: 0;
    }
    #main .outlinesBox .tabInner .comTab .tabBox {
        width: 100%;
    }
    #main .outlinesBox .bgBox {
        padding-top: 60px;
    }
	#main .outlinesBox .bgBox .content:after {
		width: 190px;
		height: 117px;
		left: -45px;
		top: -70px;
		background-size: 190px auto;
	}
}