@charset "UTF-8";
main section { /* 企業情報 */ }
main section#companyMessageSct { background: url("../img/company_pic1.webp") no-repeat right center/70%; margin: 0 auto 2em; padding: 1em 7% 8em; width: 100%; max-width: 1200px; }
@media screen and (min-width: 1280px) { main section#companyMessageSct { padding: 1em 0 8em; width: 86%; background-size: 62%; } }
@media screen and (max-width: 599px) { main section#companyMessageSct { background-size: 90%; background-position: right 20em; } }
main section#companyMessageSct h3 { display: block; margin: 0 0 2em; font-size: 175%; font-weight: 700; letter-spacing: .15em; }
@media screen and (max-width: 599px) { main section#companyMessageSct h3 { margin: 0 0 2em; } }
main section#companyMessageSct .mesBox { padding: 0 2%; }
main section#companyMessageSct .mesBox .en { position: relative; display: block; color: #FA000F; font-weight: 500; letter-spacing: .1em; padding-left: 1.3em; margin-bottom: 1em; }
main section#companyMessageSct .mesBox .en::before { content: "▲"; color: #FA000F; font-size: 65%; position: absolute; left: .2em; top: 50%; transform: translateY(-35%) rotate(90deg); }
main section#companyMessageSct .mesBox .head { display: block; font-size: 150%; font-weight: 700; line-height: 1.6; letter-spacing: .22em; margin-bottom: .8em; }
@media screen and (max-width: 599px) { main section#companyMessageSct .mesBox .head { font-size: 175%; margin-bottom: 15.5em; } }
main section#companyMessageSct .mesBox .come { display: block; width: 48%; font-size: 68%; line-height: 2.2; margin-bottom: 4em; }
@media screen and (max-width: 599px) { main section#companyMessageSct .mesBox .come { width: 100%; font-size: 100%; margin-bottom: 4em; } }
main section#companyMessageSct .mesBox .sign { display: flex; align-items: flex-end; }
main section#companyMessageSct .mesBox .sign span { display: inline-block; font-size: 125%; font-weight: 700; letter-spacing: .2em; line-height: 1.1; padding-right: 1.8em; }
main section#companyMessageSct .mesBox .sign img { width: 12em; height: auto; }
main section#companyProfileSct { padding-top: 3.5em; }
main section#companyProfileSct .inner { position: relative; border-top: 3px solid #FA000F; padding: 3.5em 0 8em; overflow: hidden; }
main section#companyProfileSct .inner::before { content: ""; position: absolute; z-index: -1; top: 0; left: -7em; width: 30%; height: 100%; transform: skewX(-17deg); background-image: linear-gradient(90deg, #ff979d, #cc0000); }
@media screen and (max-width: 599px) { main section#companyProfileSct .inner::before { width: 21em; } }
@media screen and (min-width: 1280px) { main section#companyProfileSct .inner::before { width: 35%; } }
main section#companyProfileSct .inner .mw { display: flex; width: 86%; max-width: 1200px; margin: 0 auto; }
@media screen and (max-width: 599px) { main section#companyProfileSct .inner .mw { display: block; } }
main section#companyProfileSct .inner h3 { width: 40%; color: #FFFFFF; font-size: 175%; font-weight: 700; letter-spacing: .15em; }
@media screen and (max-width: 599px) { main section#companyProfileSct .inner h3 { width: 100%; margin-bottom: 1.5em; } }
main section#companyProfileSct .inner .info { width: 60%; }
@media screen and (max-width: 599px) { main section#companyProfileSct .inner .info { width: 100%; } }
main section#companyProfileSct .inner .info table { width: 100%; border-collapse: collapse; font-size: 85%; }
main section#companyProfileSct .inner .info table tr th { border: 1px solid #B3B3B3; background: #D9D9D9; font-weight: 400; text-align: center; vertical-align: middle; padding: .8em 1em; }
@media screen and (max-width: 599px) { main section#companyProfileSct .inner .info table tr th { white-space: nowrap; padding: .8em .6em; } }
main section#companyProfileSct .inner .info table tr td { border: 1px solid #D9D9D9; background: #FFFFFF; padding: .8em 1em; }
@media screen and (max-width: 599px) { main section#companyProfileSct .inner .info table tr td { padding: .8em .8em; } }
main section#companyHistorySct { background-image: linear-gradient(0deg, #ffffff, #d9d9d9); display: flex; }
main section#companyHistorySct::after { content: ""; position: absolute; top: 0; right: 0; width: 20%; height: 100%; background: #FFFFFF; }
@media screen and (max-width: 599px) { main section#companyHistorySct::after { width: 10%; } }
main section#companyHistorySct .mw { display: flex; width: 100%; max-width: 1280px; margin: 0 auto; }
@media screen and (max-width: 599px) { main section#companyHistorySct .mw { display: block; } }
main section#companyHistorySct .mw .headB { position: relative; z-index: 10; order: 2; width: 30%; }
@media screen and (max-width: 599px) { main section#companyHistorySct .mw .headB { width: 70%; margin-left: 30%; text-align: right; } }
main section#companyHistorySct .mw .headB .inner { background-image: linear-gradient(90deg, #ff979d, #cc0000); color: #FFFFFF; padding: 6em 12% 16em; }
@media screen and (max-width: 599px) { main section#companyHistorySct .mw .headB .inner { padding: 6em 12% 4em; } }
main section#companyHistorySct .mw .headB .inner h3 { color: #FFFFFF; font-size: 175%; font-weight: 700; letter-spacing: .15em; margin-bottom: .4em; }
main section#companyHistorySct .mw .info { position: relative; z-index: 10; order: 1; width: 70%; padding: 7em 5% 5em 10%; }
@media screen and (max-width: 599px) { main section#companyHistorySct .mw .info { width: 90%; padding: 1em 7% 5em 10%; } }
main section#companyHistorySct .mw .info ul { position: relative; padding-top: 3em; }
main section#companyHistorySct .mw .info ul::after { content: ""; position: absolute; left: 0; top: 0; width: 2px; height: 3em; background: #CC0000; }
main section#companyHistorySct .mw .info ul li { position: relative; padding: 0 0 1.3em 2em; margin-bottom: .2em; }
main section#companyHistorySct .mw .info ul li .year { font-weight: 700; }
main section#companyHistorySct .mw .info ul li .txt { display: block; font-size: 80%; letter-spacing: .1em; line-height: 1.6; }
main section#companyHistorySct .mw .info ul li::before { content: ""; position: absolute; left: -.4em; top: .5em; width: 1em; height: 1em; border-radius: 50%; background: #CC0000; }
main section#companyHistorySct .mw .info ul li::after { content: ""; position: absolute; left: 0; bottom: 0; width: 2px; height: calc(100% - 2.2em); background: #CC0000; }
main section#companyOrganizationSct { padding: 3.5em 0 5em; }
main section#companyOrganizationSct .headB { position: relative; width: 100%; color: #FFFFFF; padding: 2em 0; overflow: hidden; margin-bottom: 5.5em; }
@media screen and (max-width: 599px) { main section#companyOrganizationSct .headB { margin-bottom: 3em; } }
main section#companyOrganizationSct .headB h3 { font-size: 175%; font-weight: 700; letter-spacing: .15em; width: 86%; max-width: 1200px; margin: 0 auto; }
main section#companyOrganizationSct .headB::after { content: ""; position: absolute; z-index: -1; top: 0; left: -3em; background-image: linear-gradient(90deg, #ff979d, #cc0000); width: 72%; height: 100%; transform: skewX(-35deg); }
main section#companyOrganizationSct .orgBox { position: relative; display: flex; align-items: center; padding: 0 5%; margin: 0 auto 3em; max-width: 1280px; }
@media screen and (min-width: 1280px) { main section#companyOrganizationSct .orgBox { padding: 0; width: 86%; } }
main section#companyOrganizationSct .orgBox .box1 { position: relative; width: 25%; }
@media screen and (max-width: 599px) { main section#companyOrganizationSct .orgBox .box1 { width: 15%; } }
main section#companyOrganizationSct .orgBox .box1 p { display: block; text-align: center; width: calc(100% - 1.2em); padding: .5em 0; background: #FA000F; color: #FFFFFF; font-size: 150%; font-weight: 700; }
@media screen and (max-width: 599px) { main section#companyOrganizationSct .orgBox .box1 p { writing-mode: vertical-rl; padding: 2em 0; font-size: 130%; line-height: 2.2; } }
main section#companyOrganizationSct .orgBox .box1 p::before { content: ""; position: absolute; z-index: -1; right: 0; top: 50%; transform: translateY(-50%); width: 1.2em; height: 2px; background: #737373; }
main section#companyOrganizationSct .orgBox ul { position: relative; width: 50%; padding-left: 2em; }
@media screen and (max-width: 599px) { main section#companyOrganizationSct .orgBox ul { width: 70%; } }
main section#companyOrganizationSct .orgBox ul::before { content: ""; position: absolute; z-index: 0; top: 50%; left: 0; transform: translateY(-50%); width: 2px; height: 77.6%; background: #737373; }
main section#companyOrganizationSct .orgBox ul li { position: relative; margin: 3em 0; text-align: left; }
main section#companyOrganizationSct .orgBox ul li .name { display: inline-block; padding: .6em 7%; background: #FA000F; color: #FFFFFF; font-size: 125%; font-weight: 700; }
@media screen and (max-width: 599px) { main section#companyOrganizationSct .orgBox ul li .name { font-size: 115%; line-height: 1.4; } }
main section#companyOrganizationSct .orgBox ul li::before { content: ""; position: absolute; z-index: -1; left: -2em; top: 50%; transform: translateY(-50%); width: 2em; height: 2px; background: #737373; }
main section#companyActivitiesSct { background-image: linear-gradient(0deg, #ffffff, #f4f4f4 calc(100% - 3.5em), #ffffff calc(100% - 3.5em), #ffffff 100%); padding-top: 3.5em; }
main section#companyActivitiesSct .headB { position: relative; z-index: 10; width: 100%; color: #FFFFFF; padding: 2em 0; overflow: hidden; margin-bottom: 3.5em; }
main section#companyActivitiesSct .headB h3 { font-size: 175%; font-weight: 700; letter-spacing: .15em; width: 86%; max-width: 1200px; margin: 0 auto; }
main section#companyActivitiesSct .headB::after { content: ""; position: absolute; z-index: -1; top: 0; left: -3em; background-image: linear-gradient(90deg, #ff979d, #cc0000); width: 72%; height: 100%; transform: skewX(-35deg); }
@media screen and (max-width: 599px) { main section#companyActivitiesSct .headB::after { width: 77%; } }
main section#companyActivitiesSct .tpList { position: relative; width: 86%; margin: 0 auto 3em; max-width: 1280px; }
main section#companyActivitiesSct .tpList li { display: block; font-size: 115%; font-weight: 700; line-height: 1.8; margin-bottom: .5em; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct .tpList li { margin-bottom: .8em; } }
main section#companyActivitiesSct .boxF1 { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 5% 4em; max-width: 1280px; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct .boxF1 { display: block; margin: 0 7% 4em; } }
@media screen and (min-width: 1280px) { main section#companyActivitiesSct .boxF1 { width: 86%; margin: 0 auto 4em; } }
main section#companyActivitiesSct .boxF1 li { position: relative; width: 32.2%; margin-bottom: 1.2em; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct .boxF1 li { width: 100%; margin-bottom: 1.5em; } }
main section#companyActivitiesSct .boxF1 li a { display: block; width: 100%; height: 100%; padding: 1.5em 0 1.3em; background: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.4); }
main section#companyActivitiesSct .boxF1 li a:hover { opacity: 1; box-shadow: none; border: 2px solid #FA000F; }
main section#companyActivitiesSct .boxF1 li .name { display: inline-block; text-align: left; padding-right: 1.8em; margin: 0 5%; background: url("../../img/icn_arrow_box.svg") no-repeat right center/1em; font-size: 95%; font-weight: 700; line-height: 2.8; margin-bottom: .6em; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct .boxF1 li .name { white-space: nowrap; font-size: 120%; } }
main section#companyActivitiesSct .boxF1 li .name.l2 { line-height: 1.4; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct .boxF1 li .name.l2 { line-height: 2.8; } }
main section#companyActivitiesSct .boxF1 li .pic { display: block; width: 100%; height: auto; margin-bottom: 1em; }
main section#companyActivitiesSct .boxF1 li .dite { display: inline-block; font-size: 80%; letter-spacing: 0; line-height: 1.7; padding: 0 5%; text-align: left; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct .boxF1 li .dite { font-size: 100%; } }
main section#companyActivitiesSct h5 { display: block; text-align: center; font-size: 150%; font-weight: 700; letter-spacing: .15em; margin-bottom: .3em; }
main section#companyActivitiesSct .inSct h4 { position: relative; text-align: center; font-size: 175%; font-weight: 700; letter-spacing: .15em; padding-bottom: .6em; margin-bottom: 2em; }
main section#companyActivitiesSct .inSct h4::after { content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 8em; height: 2px; background: #FA000F; }
main section#companyActivitiesSct .glBg { background-image: linear-gradient(0deg, #ffffff, #f4f4f4); }
main section#companyActivitiesSct .glBg2 { background-image: linear-gradient(0deg, #ffffff, #f4f4f4 calc(100% - 3em), #ffffff calc(100% - 3em), #ffffff 100%); }
main section#companyActivitiesSct #officeLocations { padding: 3.5em 0 5em; }
main section#companyActivitiesSct #officeLocations .office { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1280px; padding: 0 5%; margin: 5em auto; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct #officeLocations .office { display: block; margin: 2em auto; padding: 0 7%; } }
@media screen and (min-width: 1280px) { main section#companyActivitiesSct #officeLocations .office { width: 86%; padding: 0; } }
main section#companyActivitiesSct #officeLocations .office li { width: 46%; background: #FFFFFF; box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.4); padding: 1.5em 1.8em; margin-bottom: 2.5em; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct #officeLocations .office li { width: 100%; } }
main section#companyActivitiesSct #officeLocations .office li .name { display: inline-block; background: #CC0000; color: #FFFFFF; font-size: 150%; font-weight: 700; padding: 0 1em; margin-bottom: 1.5em; }
main section#companyActivitiesSct #officeLocations .office li table tr th { white-space: nowrap; color: #737373; font-size: 90%; font-weight: 500; padding: 0 3em 1.5em 0; }
main section#companyActivitiesSct #officeLocations .office li table tr td { font-weight: 500; padding-bottom: 1.5em; }
main section#companyActivitiesSct #officeLocations .office li table tr td a:hover { opacity: 1; color: #CC0000; }
main section#companyActivitiesSct #officeLocations .office li table tr td a:hover .btn { background: #FFFFFF; color: #FA000F; }
main section#companyActivitiesSct #officeLocations .office li table tr td a .btn { display: inline-block; background: #FA000F; color: #FFFFFF; font-size: 80%; font-weight: 700; padding: .1em .8em; border: 2px solid #FA000F; border-radius: 1em; margin-top: .3em; }
main section#companyActivitiesSct #officeLocations .office li table tr td small { display: block; color: #737373; }
main section#companyActivitiesSct #officeLocations .office li.other { width: 63%; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct #officeLocations .office li.other { width: 100%; } }
main section#companyActivitiesSct #officeLocations .office li.other .link a { font-size: 125%; font-weight: 700; letter-spacing: .1em; padding-right: 1.4em; background: url("../../img/icn_arrow_box.svg") no-repeat right center/0.9em; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct #officeLocations .office li.other .link a { font-size: 115%; } }
main section#companyActivitiesSct #officeLocations .office li.other .link a:hover { opacity: 1; color: #CC0000; }
main section#companyActivitiesSct #officeLocations .office li.other .atn { font-size: 90%; font-weight: 500; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct #officeLocations .office li.other .atn { font-size: 70%; } }
main section#companyActivitiesSct #businessLicense { padding-top: 3em; }
main section#companyActivitiesSct .businessLicense { padding: 4em 5% 6em; margin: 0 auto; max-width: 1280px; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct .businessLicense { padding: 4em 7% 6em; } }
@media screen and (min-width: 1280px) { main section#companyActivitiesSct .businessLicense { width: 86%; padding: 4em 0 6em; } }
main section#companyActivitiesSct .businessLicense table { margin: 0 auto; border-collapse: collapse; font-size: 85%; margin-bottom: 5em; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct .businessLicense table { width: 100%; } }
main section#companyActivitiesSct .businessLicense table tr th { border: 1px solid #B3B3B3; text-align: center; vertical-align: middle; background: #0C0C0C; color: #FFFFFF; font-weight: 500; padding: .8em 2em; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct .businessLicense table tr th { white-space: nowrap; padding: .8em 1em; } }
main section#companyActivitiesSct .businessLicense table tr td { border: 1px solid #D9D9D9; text-align: center; vertical-align: middle; background: #FFFFFF; padding: .8em 3em; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct .businessLicense table tr td { padding: .8em 1em; } }
main section#companyActivitiesSct #qualifiedPersonnel { padding: 0 10% 6em; margin: 0 auto; max-width: 1200px; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct #qualifiedPersonnel { width: 0 7% 6em; } }
@media screen and (min-width: 1280px) { main section#companyActivitiesSct #qualifiedPersonnel { width: 80%; padding: 0 0 6em; } }
main section#companyActivitiesSct #qualifiedPersonnel .time { font-weight: 700; margin-bottom: .6em; }
main section#companyActivitiesSct #qualifiedPersonnel ul li { display: flex; justify-content: space-between; background: #FFFFFF; box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.4); padding: 1.5em 2.5em 2em; margin-bottom: 1.5em; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct #qualifiedPersonnel ul li { display: block; padding: 2.5em 2.5em 1em; margin-bottom: 2em; } }
main section#companyActivitiesSct #qualifiedPersonnel ul li .box { width: 45%; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct #qualifiedPersonnel ul li .box { width: 100%; margin-bottom: 2em; } }
main section#companyActivitiesSct #qualifiedPersonnel ul li .box .ttl { font-size: 125%; font-weight: 700; padding: 0 0 0 2.4em; margin-bottom: .4em; }
main section#companyActivitiesSct #qualifiedPersonnel ul li .box .ttl.icn1 { background: url("../img/icn_qualified01.webp") no-repeat left center/2em; }
main section#companyActivitiesSct #qualifiedPersonnel ul li .box .ttl.icn2 { background: url("../img/icn_qualified02.webp") no-repeat left center/2em; }
main section#companyActivitiesSct #qualifiedPersonnel ul li .box .ttl.icn3 { background: url("../img/icn_qualified03.webp") no-repeat left center/2em; }
main section#companyActivitiesSct #qualifiedPersonnel ul li .box .ttl.icn4 { background: url("../img/icn_qualified04.webp") no-repeat left center/2em; }
main section#companyActivitiesSct #qualifiedPersonnel ul li .box table { width: 100%; }
main section#companyActivitiesSct #qualifiedPersonnel ul li .box table tr { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #B3B3B3; }
main section#companyActivitiesSct #qualifiedPersonnel ul li .box table tr th { font-size: 85%; font-weight: 400; padding: .3em 0; }
main section#companyActivitiesSct #qualifiedPersonnel ul li .box table tr td { color: #CC0000; font-weight: 700; padding: .3em 0; }
main section#companyActivitiesSct #qualifiedPersonnel ul li .box table tr td small { font-size: 50%; }
main section#companyActivitiesSct #qualifiedPersonnel .atn { font-size: 80%; }
main section#companyActivitiesSct #environmentalPolicy { padding-top: 3em; }
main section#companyActivitiesSct .environmentalPolicy { padding: 4em 8% 8em; max-width: 1200px; margin: 0 auto; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct .environmentalPolicy { padding: 4em 7% 6em; } }
@media screen and (min-width: 1280px) { main section#companyActivitiesSct .environmentalPolicy { width: 84%; padding: 4em 0 6em; } }
main section#companyActivitiesSct .environmentalPolicy .list li { border-bottom: 2px solid #B3B3B3; margin-bottom: .5em; display: flex; align-items: center; }
main section#companyActivitiesSct .environmentalPolicy .list li:last-child { border-bottom: none; }
main section#companyActivitiesSct .environmentalPolicy .list li .no { width: 6%; color: #00964e; text-align: center; font-size: 160%; font-weight: 700; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct .environmentalPolicy .list li .no { width: 8%; } }
main section#companyActivitiesSct .environmentalPolicy .list li .txt { width: 94%; padding: 1.5em 1em 1.5em 7.5em; font-size: 100%; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct .environmentalPolicy .list li .txt { background-position: 6% center !important; background-size: 4em !important; } }
main section#companyActivitiesSct .environmentalPolicy .list li .txt.l2 { padding: .7em 1em .7em 7.5em; }
main section#companyActivitiesSct .environmentalPolicy .list li .txt.icn1 { background: url("../img/icn_environmental01.webp") no-repeat 3% center/3.5em; }
main section#companyActivitiesSct .environmentalPolicy .list li .txt.icn2 { background: url("../img/icn_environmental02.webp") no-repeat 3% center/3.5em; }
main section#companyActivitiesSct .environmentalPolicy .list li .txt.icn3 { background: url("../img/icn_environmental03.webp") no-repeat 3% center/3.5em; }
main section#companyActivitiesSct .environmentalPolicy .list li .txt.icn4 { background: url("../img/icn_environmental04.webp") no-repeat 3% center/3.5em; }
main section#companyActivitiesSct .environmentalPolicy .list li .txt.icn5 { background: url("../img/icn_environmental05.webp") no-repeat 3% center/3.5em; }
main section#companyActivitiesSct .environmentalPolicy .list li .txt.icn6 { background: url("../img/icn_environmental06.webp") no-repeat 3% center/3.5em; }
main section#companyActivitiesSct #healthSafety { padding: 0 8% 6em; margin: 0 auto; max-width: 1200px; }
@media screen and (min-width: 1280px) { main section#companyActivitiesSct #healthSafety { width: 84%; padding: 0 0 6em; } }
main section#companyActivitiesSct #healthSafety .prpg { position: relative; display: block; margin-bottom: 3em; }
main section#companyActivitiesSct #healthSafety .prpg p { display: block; padding: 1.5em 2.5em 3em; width: 110%; font-size: 95%; background: #D9D9D9; }
@media screen and (min-width: 1380px) { main section#companyActivitiesSct #healthSafety .prpg p { margin-left: calc((100% - 1200px) / 2); padding-right: 20%; } }
@media screen and (max-width: 599px) { main section#companyActivitiesSct #healthSafety .prpg p { width: 109.5%; padding: 1.5em 1em 3em 2.5em; } }
main section#companyActivitiesSct #healthSafety .list li { position: relative; display: flex; align-items: center; border-bottom: 2px solid #B3B3B3; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct #healthSafety .list li { background-position: .8em 4em !important; background-size: 4em !important; } }
main section#companyActivitiesSct #healthSafety .list li .no { width: 6%; text-align: center; color: #CC0000; font-size: 160%; font-weight: 700; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct #healthSafety .list li .no { width: 8%; } }
main section#companyActivitiesSct #healthSafety .list li .txtB { position: relative; width: 94%; padding: 1.5em 1em 1.5em 7.5em; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct #healthSafety .list li .txtB { background-position: 6% center !important; background-size: 4em !important; } }
main section#companyActivitiesSct #healthSafety .list li .txtB .ttl { display: block; font-size: 125%; font-weight: 700; letter-spacing: .08em; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct #healthSafety .list li .txtB .ttl { line-height: 1.6; margin: .4em 0; } }
main section#companyActivitiesSct #healthSafety .list li .txtB .txt { display: block; padding-top: .2em; line-height: 1.8; }
main section#companyActivitiesSct #healthSafety .list li .txtB.icn1 { background: url("../img/icn_safe01.webp") no-repeat 3% center/3.5em; }
main section#companyActivitiesSct #healthSafety .list li .txtB.icn2 { background: url("../img/icn_safe02.webp") no-repeat 3% center/3.5em; }
main section#companyActivitiesSct #healthSafety .list li .txtB.icn3 { background: url("../img/icn_safe03.webp") no-repeat 3% center/3.5em; }
main section#companyActivitiesSct #healthSafety .list li .txtB.icn4 { background: url("../img/icn_safe04.webp") no-repeat 3% center/3.5em; }
main section#companyActivitiesSct #healthSafety .list li .txtB.icn5 { background: url("../img/icn_safe05.webp") no-repeat 3% center/3.5em; }
main section#companyActivitiesSct #healthSafety .list li .txtB.icn6 { background: url("../img/icn_safe06.webp") no-repeat 3% center/3.5em; border-bottom: none; }
main section#companyActivitiesSct #healthProductivity { padding: 3em 0 6em; }
main section#companyActivitiesSct #healthProductivity .inCts { position: relative; width: 86%; margin: 0 auto 4em; max-width: 1280px; }
main section#companyActivitiesSct #healthProductivity .inCts h6 { display: inline-block; background: #CC0000; color: #FFFFFF; font-size: 140%; font-weight: 700; letter-spacing: .15em; padding: .5em 1em .5em 4em; margin-bottom: 1em; }
main section#companyActivitiesSct #healthProductivity .inCts h6.icn1 { background: #CC0000 url("../img/icn_health01.webp") no-repeat 1em center/2em; }
main section#companyActivitiesSct #healthProductivity .inCts h6.icn2 { background: #CC0000 url("../img/icn_health02.webp") no-repeat 1em center/2em; }
main section#companyActivitiesSct #healthProductivity .inCts h6.icn3 { background: #CC0000 url("../img/icn_health03.webp") no-repeat 1em center/2em; }
main section#companyActivitiesSct #healthProductivity .inCts ul { position: relative; display: block; background: #FFFFFF; box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.4); padding: 3em 8% 6em; }
@media screen and (max-width: 599px) { main section#companyActivitiesSct #healthProductivity .inCts ul { padding: 2em 7% 6em; } }
main section#companyActivitiesSct #healthProductivity .inCts ul li a { position: relative; display: inline-block; border-bottom: 1px solid #B3B3B3; font-size: 125%; line-height: 1.5; letter-spacing: .05em; padding: .8em 2.5em; margin-bottom: .5em; }
main section#companyActivitiesSct #healthProductivity .inCts ul li a::before { content: "◆"; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: inline-block; margin-right: .8em; color: #CC0000; font-size: 135%; }
main section#companyActivitiesSct #healthProductivity .inCts ul li a::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1.4em; height: 1.4em; background: url("../../img/icn_arrow_box.svg") no-repeat center center/contain; }
main section#companyActivitiesSct #healthProductivity .inCts ul li a:hover { opacity: 1; color: #CC0000; }
main section#companyTopicsSct { background: #F4F4F4; padding-bottom: 3em; }
main section#companyTopicsSct h3 { display: block; background: #CC0000; color: #FFFFFF; text-align: center; font-size: 125%; font-weight: 700; letter-spacing: .1em; padding: .5em 0; }
main section#companyTopicsSct .postB { margin: 3em 10%; max-width: 1200px; }
@media screen and (max-width: 599px) { main section#companyTopicsSct .postB { margin: 3em 7%; } }
@media screen and (min-width: 1280px) { main section#companyTopicsSct .postB { width: 80%; margin: 3em auto; } }
main section#companyTopicsSct .postB li { position: relative; display: flex; align-items: center; border-top: 1px solid #B3B3B3; padding: .6em 1em; }
@media screen and (max-width: 599px) { main section#companyTopicsSct .postB li { padding: .6em .5em; } }
main section#companyTopicsSct .postB li .date { width: 14%; font-size: 80%; font-weight: 500; line-height: 2; padding-right: 1.2em; }
@media screen and (max-width: 599px) { main section#companyTopicsSct .postB li .date { width: 22%; } }
main section#companyTopicsSct .postB li .ttl { width: 86%; }
@media screen and (max-width: 599px) { main section#companyTopicsSct .postB li .ttl { width: 78%; } }
main section#companyTopicsSct .postB li .ttl a { position: relative; display: inline-block; color: #CC0000; line-height: 1.5; padding-right: 1.5em; transition: all .2s; }
@media screen and (max-width: 599px) { main section#companyTopicsSct .postB li .ttl a { padding-right: 1.8em; } }
main section#companyTopicsSct .postB li .ttl a::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-40%); width: 1em; height: 1em; margin-left: .5em; background: url("../../img/icn_arrow_box.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#companyTopicsSct .postB li .ttl a::after { position: absolute; right: .3em; top: 50%; transform: translateY(-50%); } }
main section#companyTopicsSct .postB li .ttl a:hover { opacity: 1; text-decoration: underline; }
main section#companyTopicsSct .postB li .ttl a.nolink { color: #0C0C0C; pointer-events: none; }
main section#companyTopicsSct .postB li .ttl a.nolink::after { display: none; }
main section#companyTopicsSct .postB li:last-child { border-bottom: 1px solid #B3B3B3; }
main section#companyTopicsSct .btn { text-align: center; }
main section#companyTopicsSct .btn a { position: relative; display: inline-block; border: 2px solid #0C0C0C; border-radius: .3em; font-weight: 700; letter-spacing: .15em; padding: .3em 3em .3em 1.5em; }
main section#companyTopicsSct .btn a::after { content: ""; position: absolute; right: 1.5em; top: 50%; width: .6em; height: .6em; border: 2px solid #0C0C0C; transform: rotate(45deg) translateY(-50%); border-bottom: transparent; border-left: transparent; }
main section#companyTopicsSct .btn a:hover { opacity: 1; background: #CC0000; color: #FFFFFF; border: 2px solid #CC0000; transition: all .2s; }
main section#companyTopicsSct .btn a:hover::after { border: 2px solid #FFFFFF; border-bottom: transparent; border-left: transparent; }