/*
Theme Name:昭和化工株式会社
Description: 昭和化工株式会社 theme for WordPress
Author: yuki izawa
Version:1.0
*/


/* --------共通--------- */

html {
    font-size: 62.5%;
    box-sizing: border-box;
}
html {
  visibility: hidden;
}
html.wf-active, html.wfno-load {
  visibility: visible;
}


body {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: normal;
}

ul {
    list-style: none;
}

img{
    max-width:100%;
    vertical-align:bottom;
}

p {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 600;
}
a {
    font-size: 1.8rem;
    color: #000;
    cursor: pointer;
}


/* --------トップページ--------- */

header {
    position: absolute;
    z-index: 10;
    right: 0;
    left: 0;
    top: 3rem;
}
.header_inner {
    display: flex;
    justify-content: space-between;
    padding: 0 3rem 0 5rem;
    align-items: center;
}
.header_right ul {
    display: flex;
}
.header_right ul li {
    margin-right: 4rem;
}
.header_right ul li:last-child {
    margin-right: 2rem;
}
.header_left a:hover {
    opacity: 0.6;
}
.header_right ul li a {
    font-size: 1.4rem;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
}
.header_right ul li a:hover {
    opacity: 0.6;
}
#locale-switcher {
    margin-left: auto;
    display: block;
    width: 18rem;
    font-size: 1.4rem;
    height: 3.5rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    border: 1px solid #d1d0d6;
    margin-bottom: 2rem;
    background-image: url(image/top/icon.svg);
    background-repeat: no-repeat;
    background-size: 16%;
    background-position-x: 10%;
    background-position-y: 50%;
}










.top_eye_inner {
    position: relative;
}
.top_eye_text {
    position: absolute;
    top: 30%;
    left: 5%;
    transform: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    width: auto;
}
.top_eye_text h2 {
    font-size: 4.2vw;
    line-height: 6vw;
    color: #fff;
    text-shadow:0 0 15px #000,0 0 15px #000;
    font-weight: 500;
    margin-bottom: 5rem;
}
.top_eye_text h3 {
    font-size: 1.25vw;
    line-height: 2.4vw;
    color: #fff;
    text-shadow:0 0 15px #000,0 0 15px #000;
    font-weight: 500;
}

.top_tec_inner {
    margin-top: 10rem;
}
.top_tec_inner h2 {
    text-align: center;
    font-size: 7.2rem;
}
.top_tec_inner h2 span {
    color: #e83d28;
}
.top_tec_inner h3 {
    text-align: center;
    margin-top: 2rem;
    font-size: 1.8rem;
    font-weight: 600;
}
.top_tec_inner ul {
    display: flex;
    margin-top: 5rem;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.top_tec_inner ul::after {
    content: "";
    position: absolute;
    bottom: -15rem;
    background-color: #ddd;
    width: 100%;
    height: 15rem;
    z-index: -1;
}

.top_tec_inner ul li {
    width: 33.3333333333333333%;
    position: relative;
}
.top_tec_inner ul li img {
    width: 100%;
}
.top_tec_box p {
    font-size: 0.9375vw;
}
.top_tec_box {
    background-color: #fff;
    padding: 5rem 2rem 7rem 2rem;
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 80%;
}
.top_tec_box h4 {
    text-align: center;
    font-size: 3rem;
    margin-bottom: 5rem;
    font-weight: 500;
}
.top_tec_box a {
    width: 20rem;
    display: flex;
    justify-content: center;
    margin: auto;
    background-color: #fff;
    border: 1px solid #000;
    box-sizing: border-box;
    height: 4rem;
    align-items: center;
    margin-top: 5rem;
}
.top_tec_box a:hover {
    background-color: #000;
    color: #fff;
}




.top_service_inner {
    margin-top: 35rem;
}
.top_service_inner {
    background-image: url("image/top/img_10.png");
    background-size: cover;
    padding: 10rem 0;
}
.top_service_flex {
    display: flex;
    max-width: 1400px;
    margin: auto;
    padding: 0 2rem;
    align-items: center;
}
.top_service_flex_right ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.top_service_flex_right ul a {
    width: 31.5%;
}



.top_service_flex_left h2 {
    font-size: 7.2rem;
}
.top_service_flex_left h2 span {
    color: #e83d28;
}
.top_service_flex_left h3 {
    text-align: center;
    margin-top: 2rem;
    font-size: 1.8rem;
    font-weight: 600;
}
.top_service_flex_left {
    margin-right: 15rem;
}
.top_service_flex_right ul li {
    position: relative;
    overflow:hidden;
}
.top_service_flex_right ul li img {
    transition:1s all;
}
.top_service_flex_right ul li:hover img {
    transform:scale(1.2,1.2);
    transition:1s all;
}






.top_service_flex_right ul li::after {
    content: "";
    position: absolute;
    border: 1px solid #fff;
    width: 92%;
    height: 90%;
    top: 5%;
    left: 0;
    right: 0;
    margin: auto;
}




.top_service_flex_right ul li p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 600;
    text-shadow:0 0 15px #000,0 0 15px #000;
    text-align: center;
    width: 100%;
    z-index: 10;
}
.top_service_flex_right ul li:nth-child(1),.top_service_flex_right ul li:nth-child(2),.top_service_flex_right ul li:nth-child(3) {
    margin-bottom: 2rem;
}
.top_service_btn  ul {
    display: flex;
    justify-content: center;
}
.top_service_btn  ul {
    display: flex;
    justify-content: center;
    margin-top: 5rem;
}
.top_service_btn  ul li a {
    display: flex;
    width: 25rem;
    background-color: #e83d28;
    text-align: center;
    color: #fff;
    font-size: 2.4rem;
    height: 5rem;
    justify-content: center;
    align-items: center;
    border-radius: 2.5rem;
}
.top_service_btn  ul li a:hover {
    background-color: #fff;
    color: #e83d28;
    border: 1px solid #e83d28;
    box-sizing: border-box;
}








.top_service_btn  ul li:nth-child(2) {
    margin: 0 10rem;
}

.top_place_inner {
    margin-top: 10rem;
}
.top_place_inner h2 {
    text-align: center;
    font-size: 7.2rem;
    position: relative;
    z-index: 1;
}
.top_place_inner h2 span {
    color: #e83d28;
}
.top_place_inner h3 {
    text-align: center;
    margin-top: 2rem;
    font-size: 1.8rem;
    font-weight: 600;
    position: relative;
    z-index: 1;
}


.top_place_inner ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    top: -7rem;
}
.top_place_inner ul::after {
    content: "";
    position: absolute;
    top: -6rem;
    background-color: #ddd;
    width: 100%;
    height: 15rem;
    z-index: -1;
}

.top_place_inner ul li {
    width: 33.3333333333333333%;
    position: relative;
}
.top_place_inner ul li img {
    width: 100%;
}
.top_place_box {
    background-color:rgba(255,255,255,0.8);
    padding: 5rem 2rem 7rem 2rem;
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 80%;
}
.top_place_box p {
    font-size: 0.9375vw;
}
.top_place_box h4 {
    text-align: center;
    font-size: 3rem;
    margin-bottom: 5rem;
    font-weight: 500;
}
.top_place_box a {
    width: 20rem;
    display: flex;
    justify-content: center;
    margin: auto;
    background-color: #fff;
    border: 1px solid #000;
    box-sizing: border-box;
    height: 4rem;
    align-items: center;
    margin-top: 5rem;
}
.top_place_box a:hover {
    background-color: #000;
    color: #fff;
}




.top_recruit_inner {
    margin-top: 33rem;
    display: flex;
}

.top_recruit_left {
    position: relative;
    width: 50%;
}
.top_recruit_left img {
    width: 100%;
}
.top_recruit_left_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.top_recruit_left_box h2 {
    font-size: 3.75vw;
    color: #fff;
    margin-bottom: 2rem;
}
.top_recruit_left_box h3 {
    color: #fff;
    font-size: 0.9375vw;
    font-weight: 600;
    margin-bottom: 5rem;
}
.top_recruit_left_box p {
    color: #fff;
    font-weight: 400;
    font-size: 0.9375vw;
}
.top_recruit_left_box a {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 25rem;
    margin: auto;
    color: #fff;
    margin-top: 3rem;
    border: 1px solid #fff;
    height: 7rem;
    align-items: center;
    border-radius: 1rem;
    position: relative;
}
.top_recruit_left_box a:hover {
    opacity: 0.7;
}
.top_recruit_right_box a:hover {
    opacity: 0.7;
}



.top_recruit_left_box a::after {
    content: "〉";
    position: absolute;
    right: 1rem;
}


.top_recruit_right {
    position: relative;
    width: 50%;
}
.top_recruit_right img {
    width: 100%;
}
.top_recruit_right_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.top_recruit_right_box h2 {
    font-size: 3.75vw;
    color: #fff;
    margin-bottom: 2rem;
}
.top_recruit_right_box h3 {
    color: #fff;
    font-size: 0.9375vw;
    font-weight: 600;
    margin-bottom: 5rem;
}
.top_recruit_right_box p {
    color: #fff;
    font-weight: 400;
    font-size: 0.9375vw;
}
.top_recruit_right_box a {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 25rem;
    margin: auto;
    color: #fff;
    margin-top: 3rem;
    border: 1px solid #fff;
    height: 7rem;
    align-items: center;
    border-radius: 1rem;
    position: relative;
}
.top_recruit_right_box a::after {
    content: "〉";
    position: absolute;
    right: 1rem;
}

.top_company_inner {
    margin-top: 10rem;
}
.top_company_inner h2 {
    text-align: center;
    font-size: 7.2rem;
}
.top_company_inner h2 span {
    color: #e83d28;
}
.top_company_inner h3 {
    text-align: center;
    margin-top: 2rem;
    font-size: 1.8rem;
    font-weight: 600;
}
.top_company_inner ul:nth-of-type(1) {
    max-width: 1240px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 2rem;
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.top_company_inner ul:nth-of-type(1) a {
    width: 48%;
}
.top_com_box_2 {
    background-color: unset!important;
}
.top_company_inner ul:nth-of-type(1) li {
    position: relative;
    width: 100%;
    overflow:hidden;
}
.top_company_inner ul:nth-of-type(1) li img {
    transition:1s all;
    width: 100%;
}
.top_company_inner ul:nth-of-type(1) li:hover img {
    transform:scale(1.2,1.2);
    transition:1s all;
}





.top_company_inner ul:nth-of-type(1) li .top_com_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.top_company_inner ul:nth-of-type(1) li:nth-child(1) .top_com_box {
    width: 89%;
    padding: 12rem 0px;
    background-color: rgba(0, 0, 0, 0.5);
}
.top_company_inner ul:nth-of-type(1) li .top_com_box h4 {
    color: #fff;
    font-size: 3rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 4rem;
    position: relative;
}
.top_company_inner ul:nth-of-type(1) li .top_com_box h4::after {
    content: '';
    width: 23rem;
    height: 2px;
    display: inline-block;
    background-color: #e83d28;
    position: absolute;
    bottom: -22px;
    left: calc(50% - 113px);
}
.top_company_inner ul:nth-of-type(1) li .top_com_box h5 {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center;
}
.top_company_inner ul:nth-of-type(2) {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 13rem;
}
.top_company_inner ul:nth-of-type(2) li {
    position: relative;
    
}
.top_company_inner ul:nth-of-type(2) li img {
    transition:1s all;
    width: 100%;
}
.top_company_inner ul:nth-of-type(2) li:hover img {
    transform:scale(1.2,1.2);
    transition:1s all;
}
.top_company_inner ul:nth-of-type(2) a {
    width: 24%;
}






.top_company_inner ul:nth-of-type(2) li {
    position: relative;
    width: 100%;
    overflow:hidden;
}
.top_company_inner ul:nth-of-type(2) li .top_com_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 89%;
    padding: 4vw 0px;
    background-color: rgba(0, 0, 0, 0.5);
}
.top_company_inner ul:nth-of-type(2) li .top_com_box h4 {
    color: #fff;
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 2rem;
    position: relative;
}
.top_company_inner ul:nth-of-type(2) li .top_com_box h4::after {
    content: '';
    width: 15vw;
    height: 2px;
    display: inline-block;
    background-color: #e83d28;
    position: absolute;
    bottom: -12px;
    left: calc(50% - 7.5vw);
}
.top_company_inner ul:nth-of-type(2) li .top_com_box h5 {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center;
}
.top_com_btn {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 40rem;
    margin: auto;
    margin-top: 5rem;
    background-color: #e83d28;
    color: #fff;
    font-size: 2.4rem;
    height: 10rem;
    align-items: center;
    border-radius: 5rem;
}
.top_com_btn:hover {
    background-color: #fff;
    border: 1px solid #e83d28;
    box-sizing: border-box;
    color: #e83d28;
}




.top_news_inner {
    max-width: 1200px;
    margin: auto;
    margin-top: 10rem;
    padding: 0 2rem;
}
.top_news_inner h2 {
    text-align: center;
    font-size: 7.2rem;
}
.top_news_inner h2 span {
    color: #e83d28;
}
.top_news_inner h3 {
    text-align: center;
    margin-top: 2rem;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 5rem;
}
.top_news_inner dl {
    display: flex;
    font-size: 1.8rem;
    padding: 3rem 0;
    border-top: 1px solid #ddd;
    align-items: center;
}
.top_news_inner dl:last-of-type {
    border-bottom: 1px solid #ddd;
}
.top_news_inner dl dt:nth-of-type(2) {
    font-size: 1.4rem;
    width: 10rem;
    text-align: center;
    background-color: #53ce22;
    color: #fff;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 3rem;
}
.top_news_inner dl dt:nth-of-type(2) p {
    font-size: 1.4rem;
}
.top_news_inner dl dd a:hover {
    text-decoration: underline;
}










.top_news_inner dl:nth-of-type(2) dt:nth-of-type(2) {
    background-color: #3fbce1;
}
.top_news_inner dl:nth-of-type(4) dt:nth-of-type(2) {
    background-color: #3fbce1;
}
.top_news_inner dl:nth-of-type(5) dt:nth-of-type(2) {
    background-color: #e83d28;
}






.top_news_btn {
    display: flex;
    justify-content: center;
    margin-top: 5rem;
    margin-bottom: 10rem;
    border: 2px solid #000;
    width: 25rem;
    margin-left: auto;
    height: 5rem;
    align-items: center;
}
.top_news_btn:hover {
    background-color: #000;
    color: #fff;
}





.top_banner_inner {
    text-align: center;
    padding: 0 2rem;
}



footer {
    background-color: #e83d28;
    padding: 5rem 0 3rem 0;
    margin-top: 15rem;
}
.footer_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 90%;
    margin: auto;
    padding: 0 2rem;
}
.footer_list li {
    width: 10.417%;
}
.footer_list li a {
    display: block;
    color: #fff;
    font-size: 0.729167vw;
    font-weight: 400;
    margin-bottom: 0.2vw;
    line-height: 2rem;
}
.footer_list li a:hover {
    opacity: 0.6;
}


.footer_list li a:nth-of-type(1) {
    font-size: 0.833334vw;
    font-weight: 600;
    margin-bottom: 1.5vw;
}
.footer_list li:last-child a {
    font-size: 0.833334vw;
    font-weight: 600;
    margin-bottom: 1.5vw;
}








.footer_list_2 {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}
.footer_list_2 li {
    margin-right: 2rem;
}
.footer_list_2 li:last-child {
    margin-right:0;
}
.footer_list_2 li a {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
}
.footer_list_2 li a:hover {
    opacity: 0.6;
}
.copy {
    font-size: 1.4rem;
    text-align: center;
    color: #fff;
    font-weight: 400;
    margin-top: 1rem;
}

.pc_none {
    display: none;
}
.sp_none {
    display: block;
}
#sp_header {
    display: none;
}
#pc_header {
    display: block;
}


/* --------調整--------- */

@media screen and (max-width: 1500px) {

.top_tec_box {
    top: 130%;
}
.top_place_box {
    top: 130%;
}
.top_company_inner ul:nth-of-type(2) li .top_com_box {
    padding: 3vw 0px;
}

}

@media screen and (max-width: 1300px) {

.header_right ul li a {
    font-size: 1.2rem;
}
.header_right ul li {
    margin-right: 3rem;
}
.header_left {
    width: 20%;
}

}




@media screen and (max-width: 1300px) {

.top_recruit_left_box h3 {
    margin-bottom: 2rem;
}
.top_recruit_right_box h3 {
    margin-bottom: 2rem;
}
.top_recruit_left_box a {
    width: 23rem;
    margin-top: 1rem;
    height: 6rem;
}
.top_recruit_right_box a {
    width: 23rem;
    margin-top: 1rem;
    height: 6rem;
}

}



@media screen and (max-width: 1200px) {

.top_tec_box {
    top: 140%;
}
.top_place_box {
    top: 140%;
}
.top_company_inner ul:nth-of-type(1) li:nth-child(1) .top_com_box {
    padding: 10rem 0px;
}
.top_company_inner ul:nth-of-type(2) li .top_com_box {
    padding: 2vw 0px;
}
.under_eye_text {
    top: 60%;
}

}

@media screen and (max-width: 1000px) {

.header_right ul li {
        margin-right: 2rem;
    }

}






/* --------会社案内--------- */


.under_eye_inner {
    position: relative;
}
.under_eye_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.under_eye_text h2 {
    font-size: 5.20834vw;
    margin-bottom: 2rem;
}
.under_eye_text h2 span {
    color: #e83d28;
}
.under_eye_text h3 {
    text-align: center;
    font-size: 1.875vw;
    font-weight: 600;
}
.pan {
    padding-left: 5rem;
    margin-top: 3rem;
}
.pan a:hover {
    opacity: 0.6;
}
.company_inner {
    max-width: 1200px;
    margin: auto;
    padding: 0 2rem;
    margin-top: 5rem;
}
.company_inner ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.company_inner ul li {
    width: 100%;
    position: relative;
    margin-bottom: 5rem;
    overflow:hidden;
}
.company_inner ul a {
    width: 48%;
}
.company_inner ul li img {
    transition:1s all;
    width: 100%;
}
.company_inner ul li:hover img {
    transform:scale(1.2,1.2);
    transition:1s all;
}
.company_inner ul li h2 {
    position: absolute;
    top: 88%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 34rem;
    text-align: center;
    font-size: 3rem;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 1.5rem 0;
}
.under_eye_inner img {
    width: 100%;
}


@media screen and (max-width: 1200px) {

.under_eye_text {
    top: 60%;
}

}


/* --------メッセージ --------- */

.company_list ul {
    display: flex;
    justify-content: center;
    margin-top: 5rem;
    margin-bottom: 15rem;
}
.company_list ul li a {
    font-size: 2.4rem;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 10px;
    text-decoration-color: #e83d28;
}
.company_list ul li a:hover {
    text-decoration: none;
}
.company_list ul li {
    margin-right: 5rem;
}
.company_list ul li:last-child {
    margin-right:0;
}
.mes_inner {
    max-width: 1200px;
    margin: auto;
    padding: 0 2rem;
}
.mes_inner h2 {
    font-size: 4.8rem;
    font-weight: 500;
    position:relative;
}
.mes_inner h2::after {
    content: "";
    display: block;
    width: 10rem;
    height: 3px;
    background-color: #e83d28;
    position: absolute;
    bottom: -2rem;
}
.mes_box {
    margin-top: 10rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mes_box_left {
    width: 47%;
}
.mes_box_right {
    width: 47%;
}
.mes_box_right_pc {
    display: block;
}
.mes_box_right_sp {
    display: none;
}



/* --------企業理念 --------- */

.pri_inner {
    max-width: 1200px;
    margin: auto;
    padding: 0 2rem;
}
.pri_inner h2 {
    font-size: 4.8rem;
    font-weight: 500;
    position: relative;
}
.pri_inner h2::after {
    content: "";
    display: block;
    width: 10rem;
    height: 3px;
    background-color: #e83d28;
    position: absolute;
    bottom: -2rem;
}
.pri_inner img {
    display: block;
    margin: auto;
    margin-top: 10rem;
    margin-bottom: 5rem;
}
.pri_inner h3 {
    font-size: 3rem;
    margin-bottom: 5rem;
    font-weight: 600;
}
.pri_box_1 {
    margin-bottom: 5rem;
}
.pri_box_1 p:nth-of-type(1){
    margin-bottom: 2rem;
}
.pri_box_1 p {
    position: relative;
    padding-left: 3rem;
}
.pri_box_1 p::before {
    content: "●";
    position: absolute;
    left: 0;
    font-size: 2rem;
    color: #6699ff;
}
.pri_box_1 p:nth-of-type(2)::before {
    color: #669900;
}
.pri_text_2 {
    margin-bottom: 5rem;
}
.pri_box_2 {
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
}
.pri_left {
    margin-right: 2rem;
}
.pri_left p {
    font-size: 4.8rem;
    font-weight: bold;
    color: #6699ff;
}
.pri_box_3 {
    margin-top: 10rem;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}
.pri_box_3 .pri_left p {
    color: #669900;
}



/* --------情報開示--------- */

.media_box {
    margin-top: 10rem;
}
.media_box h3 {
    background-color: #fdebe9;
    font-size: 3rem;
    font-weight: 600;
    padding: 1.5rem 0 1.5rem 1rem;
    border-left: 0.7rem solid #e83d28;
    margin-bottom: 3rem;
}
.media_box p a {
    color: #337ab7;
}
.media_box p a:hover {
    text-decoration: underline;
}
.media_box img {
    display: block;
    margin: auto;
    margin-top: 5rem;
}


/* --------IR情報--------- */

.ir_box {
    display: flex;
    margin-top: 10rem;
}
.ir_box_left select {
    width: 12rem;
    height: 4rem;
    font-size: 1.8rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    border-radius: 0.5rem;
    padding-left: 1rem;
}
.ir_box_left {
    width: 15%;
}
.ir_box_right {
    width: 85%;
}
.ir_box_right dl dt {
    font-size: 1.8rem;
    font-weight: 600;
    padding-left: 3rem;
    margin-bottom: 1rem;
    line-height: 3rem;
}
.ir_box_right dl dd a {
    font-size: 1.8rem;
    font-weight: 600;
    padding-left: 3rem;
    color: #337ab7;
    line-height: 3rem;
}
.ir_box_right dl dd a:hover {
    text-decoration: underline;
}
.ir_box_right dl {
    padding: 3rem 0;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(
      90deg, 
      #e83d28 0 20%, 
      #ddd 20%
    );
    background-repeat: no-repeat;
    background-size: 100% 1%;
    background-position: top;
}
.ir_box_right dl:last-child::after {
    content: "";
    position: absolute;
    background-image: linear-gradient(90deg, #e83d28 0 20%, #ddd 20%);
    background-repeat: no-repeat;
    width: 100%;
    height: 0.1rem;
    bottom: 0rem;
}


/* --------沿革--------- */

.his_box {
    margin-top: 10rem;
    margin-bottom: 10rem;
}
.his_box p {
    text-align: center;
}
.his_box p a {
    color: #337ab7;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
    text-decoration-color: #000;
}
.his_box p a:hover {
    text-decoration: none;
}
.his_box ul {
    display: flex;
    justify-content: center;
    margin-top: 10rem;
}
.his_box ul li a {
    font-weight: 600;
    border-bottom: 1px solid #e83d28;
    padding-bottom: 0.5rem;
}
.his_box ul li a:hover {
    border-bottom:unset;
}

.his_box ul li {
    margin-right: 4rem;
}
.his_box ul li:last-child {
    margin-right: 0;
}
.his_list h3 {
    font-size: 2.4rem;
    margin-bottom: 5rem;
    border-left: 5px solid #e83d28;
    padding-left: 1rem;
}
.his_list dl {
    display: flex;
    padding-bottom: 7rem;
    position: relative;
}
.his_list dl::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 16px;
    height: 16px;
    background-color: #f62c11;
    border-radius: 50%;
}
.his_list dl::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 9px;
    bottom: -9px;
    background-color: #e6e6e6;
    width: 2px;
    z-index: -1;
}
.his_arrow {
    position: absolute;
    display: inline-block;
    color: #e6e6e6;
    line-height: 1;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0.9rem 0.6rem;
    border-top-color: currentColor;
    border-bottom: 0;
    bottom: -9px;
    left: 2.4px;
}

.his_list dl:last-of-type::after {
    display: none;
}
.his_list dl:last-of-type {
    padding-bottom: 0;
}
.his_list dl:last-of-type .his_arrow {
    display: none;
}

.his_list dl dt {
    width: 30rem;
    padding-left: 48px;
}
.his_list dl dd {
    width: 100%;
}

.his_list dl dt span:nth-of-type(1) {
    font-size: 2rem;
    font-weight: 600;
    display: block;
}
.his_list dl dt span:nth-of-type(2) {
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 0.2rem;
    padding-left: 0.5rem;
    display: block;
}
.his_list dl dd {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3rem;
}
.his_flex {
    display: flex;
}
.his_flex_left {
    width: 70%;
}
.his_flex_left dl dt{
    width: 34.463rem;    
}
.his_list {
    position: relative;
}
.his_flex_right {
    position: absolute;
    right: 0;
}
.his_flex_right img {
    display: block;
    margin-bottom: 5rem;
}
.his_list_b h3 {
    border-left: 5px solid #007cc3;
}
.his_list_b dl::before {
    background-color: #007cc3;
}
.his_list_r h3 {
    border-left: 5px solid #f50807;
}
.his_list_r dl::before {
    background-color: #f50807;
}
.his_list_p h3 {
    border-left: 5px solid #b33e5c;
}
.his_list_p dl::before {
    background-color: #b33e5c;
}
.his_list_y h3 {
    border-left: 5px solid #ffe100;
}
.his_list_y dl::before {
    background-color: #ffe100;
}

.his_list {
    margin-bottom: 10rem;
}
.his_list_y {
    padding-bottom: 23rem;
}

@media screen and (max-width: 1100px) {
    .his_flex_right {
        width: 25%;
    }
}

/* --------csr--------- */

.sus_inner {
    margin-top: 5rem;
}
.csr_box {
    margin-top: 10rem;
    margin-bottom: 5rem;
}
.csr_box h3 {
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 2rem;
}
.csr_box p {
    font-weight: 500;
}
.csr_list li h3 {
    font-size: 3rem;
    background-color: rgba(232, 61, 40, 0.1);
    font-weight: 600;
    padding: 1.5rem 2rem 1.5rem 2rem;
    margin-bottom: 2rem;
}
.csr_list li h3 a {
    color: #337ab7;
    font-size: 3rem;
}
.csr_list li h3 a:hover {
    text-decoration: underline;
}
.csr_list li {
    margin-bottom: 5rem;
}
.csr_list li p {
    font-weight: 500;
}
.csr_list li p a {
    color: #337ab7;
}
.csr_list li p a:hover {
    text-decoration: underline;
}


/* --------事業所案内--------- */


.office_inner {
    margin-top: 5rem;
    padding: 0 2rem;
}
.office_inner ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.office_inner ul li {
    width: 37%;
    position: relative;
    margin-bottom: 3rem;
}
.office_inner ul li:nth-child(1) {
    margin-right: 3rem;
}
.office_inner ul li h2 {
    position: absolute;
    top: 2rem;
    font-size: 1.6vw;
    background-color: rgba(255, 255, 255, 0.9);
    width: 50%;
    height: 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.office_inner ul li a:hover {
    opacity: 0.6;
}



/* --------事業所案内国内--------- */

.office_dos_inner {
    max-width: 1200px;
    margin: auto;
    padding: 0 2rem;
    margin-top: 5rem;
}
.office_dos_inner h2 {
    font-size: 4.8rem;
    font-weight: 500;
    position: relative;
}
.office_dos_inner h2::after {
    content: "";
    display: block;
    width: 10rem;
    height: 3px;
    background-color: #e83d28;
    position: absolute;
    bottom: -2rem;
}
.office_dos_inner img {
    display: block;
    margin: auto;
    margin-top: 10rem;
    margin-bottom: 10rem;
}
.office_dos_inner h3 {
    background-color: #e83d28;
    color: #fff;
    font-size: 3rem;
    font-weight: 500;
    padding: 1.5rem 2rem 1.5rem 2rem;
    margin-bottom: 2rem;
}
.office_dos_inner ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.office_dos_inner ul li {
    width: 48.334%;
    margin-bottom: 5rem;
}
.office_dos_inner ul li h4 {
    background-color: #fdebe9;
    font-size: 3rem;
    text-align: center;
    font-weight: 500;
    padding: 1.5rem 0;
    margin-bottom: 2rem;
}
.office_dos_inner ul li p {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.6rem;
    margin-bottom: 3rem;
}


/* --------事業所案内海外--------- */


.office_ovs_inner {
    max-width: 1200px;
    margin: auto;
    padding: 0 2rem;
    margin-top: 5rem;
}
.office_ovs_inner h2 {
    font-size: 4.8rem;
    font-weight: 500;
    position: relative;
}
.office_ovs_inner h2::after {
    content: "";
    display: block;
    width: 10rem;
    height: 3px;
    background-color: #e83d28;
    position: absolute;
    bottom: -2rem;
}
.office_ovs_inner img {
    display: block;
    margin: auto;
    margin-top: 10rem;
    margin-bottom: 5rem;
}
.office_ovs_inner ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.office_ovs_inner ul li {
    width: 48.334%;
}
.office_ovs_inner ul li p {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.6rem;
    margin-bottom: 3rem;
}
.office_ovs_inner ul li h4 {
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 2rem;
}




/* --------製品案内--------- */

.products_inner {
    max-width: 1200px;
    margin: auto;
    margin-top: 5rem;
    padding: 0 2rem;
}
.pro_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pro_list li {
    width: 29.167%;
    margin-bottom: 12rem;
    position: relative;
}
.pro_list li h3 {
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 2rem;
    font-weight: 500;
}
.pro_list li p {
    margin-top: 1rem;
}
.pro_list li a {
    position: absolute;
    bottom: -10rem;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 25rem;
    display: flex;
    justify-content: center;
    border: 1px solid #000;
    height: 5rem;
    align-items: center;
    box-sizing: border-box;
}
.pro_list li a:hover {
    background-color: #000;
    color: #fff;
}
.pro_box ul {
    display: flex;
    justify-content: center;
}
.pro_box ul li a {
    display: flex;
    width: 25rem;
    justify-content: center;
    background-color: #e83d28;
    color: #fff;
    height: 5rem;
    align-items: center;
    border-radius: 5rem;
    font-size: 2.4rem;
}
.pro_box ul li a:hover {
    background-color: #fff;
    color: #e83d28;
    border: 1px solid #e83d28;
    box-sizing: border-box;
}

.pro_box ul li:nth-child(2) {
    margin: 0 10rem;
}


/* --------奨学金--------- */


.scholarship_inner {
    max-width: 1200px;
    margin: auto;
    padding: 0 2rem;
    margin-top: 5rem;
}
.scholarship_inner h2 {
    font-size: 4.8rem;
    font-weight: 500;
    position: relative;
}
.scholarship_inner h2::after {
    content: "";
    display: block;
    width: 10rem;
    height: 3px;
    background-color: #e83d28;
    position: absolute;
    bottom: -2rem;
}
.scholarship_inner ul {
    margin-top: 10rem;
}
.scholarship_inner ul li {
    margin-top: 5rem;
}
.scholarship_inner ul li h3 {
    font-size: 3rem;
    background-color: #fdebe9;
    font-weight: 500;
    padding: 1.5rem 2rem;
    margin-bottom: 3rem;
}
.scholarship_inner ul li dl {
    margin-top: 3rem;
}
.scholarship_inner ul li dl dt {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}
.scholarship_inner ul li dl dd {
    font-size: 1.8rem;
    padding-left: 2rem;
    line-height: 3rem;
}
.scholarship_inner ul li h4 {
    margin-top: 5rem;
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
.scholarship_inner ul li table tr, .scholarship_inner ul li table th, .scholarship_inner ul li table td {
    border:solid 1px #ddd;
    box-sizing: border-box;
    width:20rem;
    font-size: 1.8rem;
    text-align: center;
    font-weight: 500;
    height: 5rem;
    vertical-align: middle;
}
.scholarship_inner ul li table th {
    background-color: #eee;
}


/* --------サポート --------- */

.sup_list li:nth-child(1) img {
    display: block;
    margin: auto;
    margin-top: 5rem;
}
.sup_box {
    display: flex;
    justify-content: space-between;
}


/* --------商標登録--------- */

.trade_box {
    margin-top: 10rem;
}
.trade_box table tr , .trade_box table th , .trade_box table td {
    border:solid 1px #ddd;
    box-sizing: border-box;
}
.trade_box table tr th {
    background-color: #eee;
    height: 7rem;
    font-size: 2rem;
    width: 40rem;
    vertical-align: middle;
    font-weight: 500;
    text-align: center;
}
.trade_box table tr td {
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
    height: 20rem;
    vertical-align: middle;
    line-height: 3.6rem;
}


/* --------得意な反応例--------- */

.reaction_box {
    margin-top: 10rem;
}
.reaction_table {
    margin-top: 3rem;
}
.reaction_table table tr , .reaction_table table th , .reaction_table table td {
    border:solid 1px #ddd;
    box-sizing: border-box;
}
.reaction_table table tr th {
    background-color: #ffe5e5;
    height: 5rem;
    font-size: 1.8rem;
    width: 40rem;
    vertical-align: middle;
    font-weight: 500;
    text-align: center;
}
.reaction_table table tr th:nth-of-type(2) {
    width: 80rem;
}
.reaction_table table tr td {
    font-size: 1.8rem;
    color: #fff;
    font-weight: 500;
    text-align: center;
    height: 15rem;
    vertical-align: middle;
    background-color: #f62c11;
    line-height: 2.4rem;
}
.reaction_table table tr td:nth-of-type(2) {
    text-align: left;
    padding-left: 2rem;
    background-color: #fff;
}

/* --------危険物質の取扱い例--------- */

.hazardous_box {
    margin-top: -5rem;
}
.hazardous_box  ul {
    display: flex;
    justify-content: center;
    margin-bottom: 5rem;
}
.hazardous_box  ul li {
    margin-top: 0rem;
    text-align: center;
}
.hazardous_box  ul li p {
    margin-bottom: 1rem;
}
.hazardous_box  ul li:nth-child(1) {
    margin-right: 2rem;
}
.hazardous_img {
    display: block;
    margin: 3rem auto;
}
.hazardous_table {
    margin-top: 2rem;
}
.hazardous_table table tr , .hazardous_table table th , .hazardous_table table td {
    border:solid 1px #ddd;
    box-sizing: border-box;
}
.hazardous_table table tr th {
    background-color: #eee;
    height: 5rem;
    font-size: 1.8rem;
    width: 30rem;
    vertical-align: middle;
    font-weight: 500;
    text-align: center;
}
.hazardous_table table tr th:nth-of-type(1) {
    width: 60rem;
}
.hazardous_table table tr td {
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center;
    height: 5rem;
    vertical-align: middle;
}
.hazardous_table table tr td:nth-child(1) {
    text-align: left;
    padding-left:1rem;
}




/* --------SDGs--------- */

.sdgs_list img {
    display: block;
    margin: auto;
}
.sdgs_list p {
    margin-top: 3rem;
}
.sdgs_img {
    margin-top: 3rem!important;
}


/* --------協力会社--------- */


.ps_text {
    margin-top: 10rem;
    margin-bottom: -5rem;
    line-height: 3.6rem;
}
.ps_list h4 {
    background-color: #f62c11;
    color: #fff;
    padding: 1.5rem 2rem;
    font-size: 3rem!important;
    margin-bottom: 2rem;
}
.ps_list h3 a {
    font-size: 3rem;
    text-decoration: underline;
}
.ps_list h3 a:hover {
    text-decoration: none;
}
.ps_list h3 {
    margin-bottom: 2rem!important;
}
.ps_list p {
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin-bottom: 5rem;
    font-weight: 500;
}
.ps_box {
    margin-top: 10rem;
}
.ps_box h3 a {
    color: #337ab7;
    font-size: 3rem;
}
.ps_box h3 a:hover {
    text-decoration: underline;
}
.ps_box h3 {
    margin-bottom: 3rem;
}
.ps_box p {
    line-height: 3.6rem;
}
.ps_box img {
    display: block;
    margin: auto;
}


/* --------許認可--------- */

.permit_inner {
    max-width: 1200px;
    margin: auto;
    padding: 0 2rem;
    margin-top: 5rem;
}
.permit_inner h2 {
    font-size: 4.8rem;
    font-weight: 500;
    position: relative;
}
.permit_inner h2::after {
    content: "";
    display: block;
    width: 10rem;
    height: 3px;
    background-color: #e83d28;
    position: absolute;
    bottom: -2rem;
}
.permit_box {
    margin-top: 10rem;
}
.permit_box h3 {
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 2rem;
}
.permit_text {
    text-align: center;
}
.permit_box ul {
    margin-top: 8rem;
}
.permit_box ul li {
    margin-bottom: 5rem;
}
.permit_box ul li h4 {
    font-size: 3rem;
    background-color: #fdebe9;
    font-weight: 500;
    padding: 1.5rem 2rem;
    margin-bottom: 3rem;
}
.permit_box ul li img {
    display: block;
    margin: auto;
    margin-bottom: 4rem;
}
.permit_box ul li table tr, .permit_box ul li table th, .permit_box ul li table td {
    border: solid 1px #ddd;
    box-sizing: border-box;
    width: 24rem;
    font-size: 1.8rem;
    text-align: center;
    font-weight: 500;
    height: 5rem;
    vertical-align: middle;
}
.permit_box ul li:nth-child(1) table tr th:nth-of-type(1),.permit_box ul li:nth-child(1) table tr th:nth-of-type(2),
.permit_box ul li:nth-child(1) table tr td:nth-of-type(1),.permit_box ul li:nth-child(1) table tr td:nth-of-type(2) {
    background-color: #eee;
}
.permit_box ul li:nth-child(2) table tr th:nth-of-type(1) , .permit_box ul li:nth-child(2) table tr td:nth-of-type(1) {
    width: 48rem!important;
    background-color: #eee;
    text-align: left;
    padding-left: 2rem;
}
.permit_box ul li:nth-child(2) dl {
    margin-top: 1rem;
    display: flex;
    font-size: 1.8rem;
    align-items: baseline;
}
.permit_box ul li:nth-child(2) dl dt {
    margin-right: 3rem;
}
.permit_box ul li:nth-child(2) dl dd {
    line-height: 3rem;
}


/* --------クロマトグラム --------- */

.chro_box {
    margin-top: 10rem;
}
.chro_box_t {
    margin-top: 2rem;   
}
.chro_box_t table tr, .chro_box_t th, .chro_box_t td {
    border: solid 1px #ddd;
    box-sizing: border-box;
    font-size: 1.8rem;
    font-weight: 500;
    height: 5rem;
    vertical-align: middle;
    line-height: 3rem;
}
.chro_box_t table tr th {
    background-color: #eee;
}
.chro_box_t table tr th:nth-of-type(1) {
    width: 30rem;
}
.chro_box_t table tr th:nth-of-type(2) {
    width: 10rem;
}
.chro_box_t table tr th:nth-of-type(3) {
    width: 80rem;
}

.chro_box_t table tr td:nth-of-type(2) {
    text-align: center;
}
.chro_box_t table tr td:nth-of-type(1), .chro_box_t table tr td:nth-of-type(3) {
    padding-left: 1rem;
}


/* --------設備紹介--------- */


.facility_list {
    margin-top: 10rem;
}
.facility_list li h3 {
    font-size: 3.6rem;
    font-weight: 500;
    margin-bottom: 3rem;
    border-left: 0.6rem solid #e83d28;
    padding-left: 2rem;
}
.facility_list li {
    margin-bottom: 5rem;
}
.facility_list li a {
    display: flex;
    justify-content: center;
    border: 1px solid #000;
    width: 20rem;
    margin: auto;
    margin-top: 3rem;
    height: 5rem;
    align-items: center;
    box-sizing: border-box;
}
.facility_list li a:hover {
    background-color: #000;
    color: #fff;
}

/* --------反応機--------- */

.reactor_box {
    margin-top: 10rem;
}
.reactor_box_t {
    margin-top: 3rem;
}
.reactor_box_t table tr, .reactor_box_t th, .reactor_box_t td {
    border: solid 1px #ddd;
    box-sizing: border-box;
    font-size: 1.8rem;
    font-weight: 500;
    height: 5rem;
    vertical-align: middle;
    line-height: 3rem;
    text-align: center;
}
.reactor_box_t table tr th:nth-of-type(1) , .reactor_box_t table tr th:nth-of-type(2) {
    background-color: #eee;
    font-weight: bold;
    width: 20rem;
}
.reactor_box_t table tr th:nth-of-type(3) {
    background-color: #eee;
    font-weight: bold;
    width: 30rem;
}
.reactor_box_t table tr th:nth-of-type(4) {
    background-color: #eee;
    font-weight: bold;
    width: 15rem;
}
.reactor_box_t table tr th:nth-of-type(5) {
    background-color: #eee;
    font-weight: bold;
    width: 35rem;
}
.reactor_t_left {
    text-align: left!important;
    padding-left: 1rem;
}



.centrifuge_box_t {
    margin-top: 3rem;
}
.centrifuge_box_t table tr, .centrifuge_box_t th, .centrifuge_box_t td {
    border: solid 1px #ddd;
    box-sizing: border-box;
    font-size: 1.8rem;
    font-weight: 500;
    height: 5rem;
    vertical-align: middle;
    line-height: 3rem;
    text-align: center;
}
.centrifuge_box_t table tr th:nth-of-type(1) {
    background-color: #eee;
    font-weight: bold;
    width: 30rem;
}
.centrifuge_box_t table tr th:nth-of-type(2) {
    background-color: #eee;
    font-weight: bold;
    width: 15rem;
}
.centrifuge_box_t table tr th:nth-of-type(3) {
    background-color: #eee;
    font-weight: bold;
    width: 15rem;
}
.centrifuge_box_t table tr th:nth-of-type(4) {
    background-color: #eee;
    font-weight: bold;
    width: 20rem;
}
.centrifuge_box_t table tr th:nth-of-type(5) {
    background-color: #eee;
    font-weight: bold;
    width: 10rem;
}
.centrifuge_box_t table tr th:nth-of-type(6) {
    background-color: #eee;
    font-weight: bold;
    width: 30rem;
}


/* --------分析機器紹介--------- */

.analysis_box {
    margin-top: 10rem;
    margin-bottom: 28rem;
}
.analysis_box img {
    display: block;
    margin: auto;
    margin-bottom: 2rem;
}
.analysis_box_2 {
    width: 46rem;
    height: 46rem;
    background-color: #dae3f3;
    border-radius: 50%;
    margin: auto;
    align-items: center;
    display: flex;
    justify-content: center;
    border: 2rem solid #203864;
}
.analysis_box_2 h3 {
    font-size: 3.6rem;
    text-align: center;
    line-height: 6rem;
}
.analysis_inner {
    position: relative;
    margin-bottom: 35rem;
}
.analysis_box_3 ul li:nth-child(1) {
    position: absolute;
    top: 3%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.analysis_box_3 ul li:nth-child(1) img:nth-of-type(1){
    position: absolute;
    top: -17rem;
    left: -12rem;
}
.analysis_box_3 ul li:nth-child(1) img:nth-of-type(2){
    position: absolute;
    top: -17rem;
    left: 10rem;
}
.analysis_box_3 ul li:nth-child(1) a {
    display: flex;
    width: 25rem;
    background-image: linear-gradient(180deg, #f3d5c9, #f6b79d);
    height: 13rem;
    border-radius: 2rem;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    font-weight: bold;
    border: 1px solid #f77e4d;
    text-decoration: underline;
}

.analysis_box_3 ul li:nth-child(2) {
    position: absolute;
    top: 15rem;
    right: 15rem;
}
.analysis_box_3 ul li:nth-child(2) img:nth-of-type(1){
    position: absolute;
    top: -17rem;
    right: -15rem;
}
.analysis_box_3 ul li:nth-child(2) img:nth-of-type(2){
    position: absolute;
    top: 3rem;
    right: -27rem;
}
.analysis_box_3 ul li:nth-child(2) a {
    display: flex;
    width: 25rem;
    background-image: linear-gradient(180deg, #dcd8d8, #c4c4c4);
    height: 13rem;
    border-radius: 2rem;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    font-weight: bold;
    border: 1px solid #6a6868;
    text-decoration: underline;
}

.analysis_box_3 ul li:nth-child(3) {
    position: absolute;
    bottom: -4rem;
    right: 28rem;
}
.analysis_box_3 ul li:nth-child(3) img:nth-of-type(1){
    position: absolute;
    top: 2rem;
    right: -25rem;
}
.analysis_box_3 ul li:nth-child(3) img:nth-of-type(2){
    position: absolute;
    top: 16rem;
    right: 0rem;
}
.analysis_box_3 ul li:nth-child(3) a {
    display: flex;
    width: 25rem;
    background-image: linear-gradient(180deg, #fbe0ab, #ffd684);
    height: 13rem;
    border-radius: 2rem;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    font-weight: bold;
    border: 1px solid #f1b43a;
    text-decoration: underline;
}

.analysis_box_3 ul li:nth-child(4) {
    position: absolute;
    bottom: -4rem;
    left: 28rem;
}
.analysis_box_3 ul li:nth-child(4) img:nth-of-type(1){
    position: absolute;
    right: 5rem;
    bottom: -18rem;
}
.analysis_box_3 ul li:nth-child(4) img:nth-of-type(2){
    position: absolute;
    top: 3rem;
    left: -28rem;
}
.analysis_box_3 ul li:nth-child(4) a {
    display: flex;
    width: 25rem;
    background-image: linear-gradient(180deg, #cbdef4, #9bbde5);
    height: 13rem;
    border-radius: 2rem;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    font-weight: bold;
    border: 1px solid #5097e9;
    text-decoration: underline;
}


.analysis_box_3 ul li:nth-child(5) {
    position: absolute;
    top: 15rem;
    left: 15rem;
}
.analysis_box_3 ul li:nth-child(5) img:nth-of-type(1){
    position: absolute;
    top: 3rem;
    left: -22rem;
}
.analysis_box_3 ul li:nth-child(5) img:nth-of-type(2){
    position: absolute;
    top: -17rem;
    left: -11rem;
}
.analysis_box_3 ul li:nth-child(5) a {
    display: flex;
    width: 25rem;
    background-image: linear-gradient(180deg, #c7ddbc, #a6cd93);
    height: 13rem;
    border-radius: 2rem;
    justify-content: center;
    align-items: center;
    font-size: 2.7rem;
    font-weight: bold;
    border: 1px solid #75c150;
    text-decoration: underline;
}

.analysis_box_3 ul li a:hover  {
    text-decoration: none;
}

@media screen and (max-width: 1500px) {
    
.analysis_box_2 {
    width: 35rem;
    height: 35rem;
    border: 1.5rem solid #203864;
}   
.analysis_box_2 h3 {
    font-size: 2.4rem;
    line-height: 4rem;
}    
.analysis_box_3 ul li a {
    width: 20rem!important;
    height: 9rem!important;
    font-size: 2.2rem!important;
}
.analysis_box_3 ul li:nth-child(2) {
    top: 15rem;
    right: 27rem;
} 
.analysis_box_3 ul li:nth-child(3) {
    bottom: 0rem;
    right: 38rem;
}
.analysis_box_3 ul li:nth-child(4) {
    bottom: 0rem;
    left: 38rem;
}  
.analysis_box_3 ul li:nth-child(5) {
    top: 15rem;
    left: 27rem;
} 
.analysis_box_3 ul li:nth-child(2) img:nth-of-type(1) {
    top: -14rem;
    right: -2rem;
}
.analysis_box_3 ul li:nth-child(2) img:nth-of-type(2) {
    position: absolute;
    top: 0rem;
    right: -22rem;
}  
.analysis_box_3 ul li:nth-child(3) img:nth-of-type(1) {
    position: absolute;
    top: 0rem;
    right: -22rem;
}
.analysis_box_3 ul li:nth-child(3) img:nth-of-type(2) {
    position: absolute;
    top: 11rem;
    right: 0rem;
}
.analysis_box_3 ul li:nth-child(4) img:nth-of-type(1) {
    position: absolute;
    right: 0rem;
    bottom: -17rem;
}
.analysis_box_3 ul li:nth-child(4) img:nth-of-type(2) {
    position: absolute;
    top: 3rem;
    left: -22rem;
}
.analysis_box_3 ul li:nth-child(5) img:nth-of-type(1) {
    position: absolute;
    top: 0rem;
    left: -22rem;
}
.analysis_box_3 ul li:nth-child(5) img:nth-of-type(2) {
    position: absolute;
    top: -14rem;
    left: -10rem;
}
 
}

@media screen and (max-width: 1250px) {

.analysis_box_2 {
    width: 28rem;
    height: 28rem;
    border: 1.5rem solid #203864;
}

.analysis_box_3 ul li:nth-child(2) img:nth-of-type(2) {
    display: none;
}
.analysis_box_3 ul li:nth-child(5) img:nth-of-type(1) {
    display: none;
}
.analysis_box_3 ul li:nth-child(3) {
    bottom: -5rem;
}
.analysis_box_3 ul li:nth-child(4) {
    bottom: -5rem;
}
.analysis_box_3 ul li a {
    width: 16rem!important;
    height: 9rem!important;
    font-size: 1.7rem!important;
}

}


/* --------会社概要--------- */

.pro_box {
    margin-top: 10rem;
}
.pro_img {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5rem;
    flex-wrap: wrap;
}
.pro_img_left {
    width: 48%;
}
.pro_img_right {
    width: 48%;
}
.pro_dl {
    max-width: 900px;
    margin: auto;
}
.pro_dl dl {
    display: flex;
}
.pro_dl dl dt {
    width: 20rem;
    background-color: #e83d28;
    text-align: center;
    color: #fff;
    padding: 2rem 0;
    font-size: 1.8rem;
    border: 1.5px solid #fff;
}

.pro_dl dl dd {
    width: 70rem;
    background-color: #fdebe9;
    font-size: 1.8rem;
    line-height: 3rem;
    padding: 1.5rem 2rem;
    border: 1.5px solid #fff;
}


/* --------梱包--------- */


.packing_inner {
    margin-top: 5rem;
}
.packing_inner h2 {
    margin-bottom: 10rem;
}
.packing_box ul li {
    margin-bottom: 5rem;
}
.packing_box ul li h3 {
    font-size: 3.6rem;
    font-weight: 500;
    border-left: 6px solid #e83d28;
    padding-left: 1rem;
    margin-bottom: 5rem;
}
.packing_box ul li h4 {
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 1rem;
    margin-top: 5rem;
}
.packing_box ul li h4 span {
    color: #e83d28;
}
.packing_table table tr, .packing_table th, .packing_table td {
    border: solid 1px #ddd;
    box-sizing: border-box;
    font-size: 1.8rem;
    font-weight: 500;
    vertical-align: middle;
    line-height: 3rem;
    text-align: center;
}
.packing_table th {
    height: 5rem;
    background-color: #eee;
}
.packing_table th:nth-child(1) {
    width: 30rem;
}
.packing_table th:nth-child(2) {
    width: 20rem;
}
.packing_table th:nth-child(3) {
    width: 30rem;
}
.packing_table th:nth-child(4) {
    width: 10rem;
}
.packing_table th:nth-child(5) {
    width: 30rem;
}
.packing_table td {
    height: 25rem;
}
.packing_inner .company_list ul {
    margin-bottom: 10rem;
}



/* --------機能性材料--------- */


.products_img ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2rem;
}
.products_img ul li {
    width: 29%;
}
.products_box h3 {
    font-size: 3.6rem;
    font-weight: 500;
    margin-top: 5rem;
    margin-bottom: 5rem;
    border-left: 6px solid #e83d28;
    padding-left: 1rem;
}
.products_box_t table tr, .products_box_t th, .products_box_t td {
    border: solid 1px #ddd;
    box-sizing: border-box;
    font-size: 1.8rem;
    font-weight: 500;
    vertical-align: middle;
    line-height: 2.4rem;
    text-align: center;
}
.products_box_t th:nth-child(1) {
    width: 40rem;
    height: 5rem;
    background-color: #eee;
}
.products_box_t th:nth-child(2) {
    width: 40rem;
    height: 5rem;
    background-color: #eee;
}
.products_box_t th:nth-child(3) {
    width: 20rem;
    height: 5rem;
    background-color: #eee;
}
.products_box_t th:nth-child(4) {
    width: 20rem;
    height: 5rem;
    background-color: #eee;
}
.products_box_t td {
    height: 10rem;
}
.pro_btn {
    display: flex;
    width: 30rem;
    margin: auto;
    margin-top: 5rem;
    background-color: #e83d28;
    justify-content: center;
    color: #fff;
    font-size: 2.4rem;
    height: 5rem;
    align-items: center;
    border-radius: 2.5rem;
}
.pro_btn:hover {
    background-color: #fff;
    color: #e83d28;
    border: 2px solid #e83d28;
    box-sizing: border-box;
}

/* --------SDS--------- */

.sds_table table tr, .sds_table th, .sds_table td {
    box-sizing: border-box;
    font-size: 1.8rem;
    font-weight: 500;
    vertical-align: middle;
    line-height: 2.4rem;
    text-align: center;
    height: 5rem;
}
.sds_table table tr {
    border: solid 1px #ddd;
}
.sds_table table tr th {
    background-color: #eee;
}

.sds_table td {
    text-align: left;
    border-bottom: solid 1px #ddd;
}
.sds_table td:last-of-type {
    border-bottom: unset;
}
.sds_table td {
    display: flex;
    align-items: center;
    padding-left: 2rem;
}
.sds_table td a {
    text-decoration: underline;
}
.sds_table td a:hover {
    text-decoration: none;
}

.sds_table table {
    width: 100%;
}

/* --------規格--------- */

.standard_table table tr, .standard_table th, .standard_table td {
    box-sizing: border-box;
    border: solid 1px #ddd;
    font-size: 1.8rem;
    font-weight: 500;
    vertical-align: middle;
    line-height: 2.4rem;
    text-align: center;
    height: 5rem;
}
.standard_table th:nth-child(1) {
    width: 90rem;
    height: 5rem;
    background-color: #eee;
}
.standard_table th:nth-child(2) {
    width: 30rem;
    height: 5rem;
    background-color: #eee;
}
.standard_table td:nth-child(1) {
    text-align: left;
    padding-left: 2rem;
}
.standard_table td:nth-child(2) a {
    text-decoration: underline;
}
.standard_table td:nth-child(2) a:hover {
    text-decoration: none;
}
.stan_td a {
    text-decoration: underline;
}
.stan_td a:hover {
    text-decoration: none;
}
.stan_td {
    text-align: center!important;
    padding-left: 0!important;
}
.st_link {
    text-decoration: underline;
}
.st_link:hover {
    text-decoration: none;
}

/* --------技術紹介--------- */

.intro_box {
    margin-top: 10rem;
}
.intro_img {
    display: block;
    margin: auto;
}
.intro_box ul {
    margin-top: 10rem;
}
.intro_box ul li h3 {
    font-size: 3.6rem;
    font-weight: 500;
    margin-bottom: 5rem;
}
.intro_box ul li h4 {
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 2rem;
}
.intro_box ul li p {
    margin-bottom: 5rem;
    line-height: 3.6rem;
}
.intro_box ul li img {
    display: block;
    margin: auto;
}
.intro_box ul li {
    margin-bottom: 5rem;
}
.intro_text {
    margin-top: 1rem;
}
.intro_text a {
    text-decoration: underline;
}
.intro_text a:hover {
    text-decoration: none;
}
.intro_box ul li:last-child {
    margin-top: 10rem;
}
.intro_btn_box a {
    width: 30rem;
    display: flex;
    justify-content: center;
    background-color: #e83d28;
    color: #fff;
    height: 5rem;
    align-items: center;
    border-radius: 2.5rem;
}
.intro_btn_box {
    display: flex;
    justify-content: center;
    margin-top: 10rem;
}
.intro_btn_box a:nth-of-type(1) {
    margin-right: 5rem;
}
.intro_btn_box a:hover {
    background-color: #fff;
    border: 2px solid #e83d28;
    box-sizing: border-box;
    color: #e83d28;
}

/* --------サイトのご利用に際して--------- */


.sp_box ul li h3 {
    background-color: #fdebe9;
    font-size: 3rem;
    font-weight: 500;
    padding: 1rem 2rem;
    margin-bottom: 3rem;
}
.sp_box ul li {
    margin-bottom: 5rem;
}

.bene_box ul li h3 {
    background-color: #fdebe9;
    font-size: 3rem;
    font-weight: 500;
    padding: 1rem 2rem;
    margin-bottom: 3rem;
}
.bene_box ul li {
    margin-bottom: 5rem;
}
.bene_box ul {
    margin-top: 3rem;
}
.bene_box ul li h4 {
    margin-bottom: 1rem;
    font-size: 1.8rem;
    font-weight: 500;
}
.bene_box ul li h4 span {
    color: #e83d28;
}
.bene_box table tr, .bene_box th, .bene_box td {
    box-sizing: border-box;
    border: solid 1px #ddd;
    font-size: 1.8rem;
    font-weight: 500;
    vertical-align: middle;
    line-height: 3rem;
    padding-left: 1rem;
    height: 5rem;
    padding: 1rem;
}
.bene_text {
    text-align: center;
}
.bene_box th {
    background-color: #eee;
    width: 40rem;
}
.bene_box td {
    width: 80rem;
}
.bene_box table {
    margin-bottom: 3rem;
}
.bene_btn {
    display: flex;
    width: 25rem;
    background-color: #e83d28;
    color: #fff;
    justify-content: center;
    margin: auto;
    height: 5rem;
    align-items: center;
    margin-top: 10rem;
}
.bene_btn:hover {
    background-color: #fff;
    color: #e83d28;
    border: 2px solid #e83d28;
    box-sizing: border-box;
}




.sp_link_1 {
    text-decoration: underline;
}
.sp_link_1:hover {
    text-decoration: none;
}
.sp_link_2 {
    color: #337ab7;
}
.sp_link_2:hover {
    text-decoration: underline;
}
.sp_s {
    font-weight: bold;
}
.sp_box ul li img {
    margin: 1rem 0;
}
.sp_box table tr, .sp_box th, .sp_box td {
    box-sizing: border-box;
    border: solid 1px #ddd;
    font-size: 1.8rem;
    font-weight: 500;
    vertical-align: middle;
    line-height: 2.4rem;
    text-align: center;
    height: 5rem;
}
.sp_box th {
    background-color: #eee;
    width: 40rem;
}



.pri_box ul li h3 {
    background-color: #fdebe9;
    font-size: 3rem;
    font-weight: 500;
    padding: 1rem 2rem;
    margin-bottom: 3rem;
}
.pri_box ul li {
    margin-bottom: 5rem;
}
.pri_text {
    margin-bottom: 5rem;
}
.pri_t_box_1 table tr, .pri_t_box_1 th, .pri_t_box_1 td {
    box-sizing: border-box;
    border: solid 1px #ddd;
    font-size: 1.8rem;
    font-weight: 500;
    vertical-align: middle;
    line-height: 2.4rem;
    text-align: left;
    padding-left: 1rem;
    height: 5rem;
    width: 50rem;
}
.pri_t_box_1 {
    margin-top: 2rem;
}
.pri_t_box_2 {
    margin-top: 2rem;
}

.pri_t_box_2 table tr, .pri_t_box_2 th, .pri_t_box_2 td {
    box-sizing: border-box;
    border: solid 1px #ddd;
    font-size: 1.8rem;
    font-weight: 500;
    vertical-align: middle;
    line-height: 3rem;
    text-align: center;
    height: 5rem;
    width: 50rem;
}
.pri_t_box_2 th {
    background-color: #eee;
}
.pri_t_box_2 td {
    text-align: left!important;
    padding: 2rem 1rem;
}

.pri_box ul li dl {
    display: flex;
}
.pri_box ul li dl dt {
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 2rem;
    width: 40rem;
    display: flex;
    align-items: center;
}
.pri_box ul li dl dd {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 2rem;
    width: 100%;
}
.pri_box ul li dl dd input {
    width: 98%;
    height: 5rem;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1.8rem;
    padding-left: 1rem;
}
.pri_box ul li dl dt span {
    background-color: #e83d28;
    color: #fff;
    width: 6rem;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    border-radius: 5px;
    margin-right: 1rem;
}
.pri_box ul li dl dd textarea {
    width: 98%;
    height: 17rem;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1.8rem;
    padding: 1rem;
}

.pri_box ul li dl:nth-of-type(4) dt span {
    background-color: #9ab1ce;
}
.pri_box ul li dl:nth-of-type(5) dt span {
    background-color: #9ab1ce;
}
.pri_box ul li dl:nth-of-type(6) dt span {
    background-color: #9ab1ce;
}
.pri_box ul li dl:nth-of-type(7) dt span {
    background-color: #9ab1ce;
}
.c_text {
    text-align: center;
    margin-top: 5rem;
    margin-bottom: 1rem;
}
.wpcf7-form-control-wrap {
    display: block;
    margin: auto;
    text-align: center;
}
.pri_btn {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.c_b_box {
    text-align: center;
    margin-top: 5rem;
}
.c_b_box input {
    width: 20rem;
    height: 5rem;
    background-color: #e83d28;
    color: #fff;
    border: unset;
    font-size: 1.8rem;
    cursor: pointer;
}
.wpcf7 form .wpcf7-response-output {
    max-width: 1200px;
    margin: auto!important;
    font-size: 1.8rem;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 2rem!important;
}
.wpcf7-not-valid-tip {
    text-align: left;
}
.back_btn {
    margin-right: 2rem;
}
.c_f_box h3 {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 5rem;
    font-weight: 500;
}
.c_f_box p {
    text-align: center;
    margin-bottom: 3rem;
}
.c_f_box a {
    width: 20rem;
    height: 5rem;
    background-color: #e83d28;
    color: #fff;
    border: unset;
    font-size: 1.8rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: auto;
    align-items: center;
}
.c_b {
    border: 1px solid #ddd;
}
.p_text .wpcf7-form-control-wrap {
    margin-right: 4rem;
}


.member_box h3 {
    font-size: 3.6rem;
    font-weight: 500;
    margin-bottom: 3rem;
    border-left: 6px solid #e83d28;
    padding-left: 2rem;
}
.member_box h3:nth-of-type(2) {
    margin-top: 5rem;
}



.member_box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.member_box ul li {
    width: 24%;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
    border-radius: 2rem;
    margin-bottom: 5rem;
}
.member_box ul li img {
    display: block;
    margin: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.member_box ul li a {
    display: block;
    text-align: center;
    margin-bottom: 2rem;
    color: #337ab7;
    font-weight: 600;
}
.member_box ul li a:hover {
    text-decoration: underline;
}

.member_box ul::before{
  content:"";
  display: block;
  width: 24%;
  order:1;
}
.member_box ul::after{
  content:"";
  display: block;
  width: 24%;
}
#wpmem_login {
    margin: auto;
}

#wpmem_register_form {
    display: none;
}



/* --------技術・設備紹介--------- */

.tec_text {
    text-align: center;
    margin-bottom: 5rem;
}
.tec_box ul li {
    display: flex;
    margin-bottom: 5rem;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tec_box ul li div:nth-of-type(1) {
    width: 42%;
}
.tec_box ul li div:nth-of-type(2) {
    width: 56%;
    margin-top: 2rem;
}
.tec_box ul li div:nth-of-type(2) h3 {
    font-size: 3rem;
    color: #337ab7;
    margin-bottom: 3rem;
}
.tec_box ul li div:nth-of-type(2) a {
    display: flex;
    width: 20rem;
    margin: auto;
    border: 1px solid #000;
    justify-content: center;
    margin-top: 5rem;
    height: 5rem;
    align-items: center;
}
.tec_box ul li div:nth-of-type(2) a:hover {
    background-color: #000;
    color: #fff;
}

/* --------サイトマップ --------- */

.map_box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 2rem;
}
.map_box ul li {
    width: 25%;
    margin-bottom: 5rem;
}
.map_box ul li a {
    display: block;
    line-height: 3rem;
    position: relative;
}
.map_box ul li a:hover {
    opacity: 0.6;
}



.map_box ul li a::before {
    content: "";
    display: inline-block;
    position: absolute;
    color: #e83d28;
    top: 10px;
    left: -15px;
    width: 0.8rem;
    height: 0.8rem;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(-25%) rotate(45deg);
}


.map_box ul li a:nth-of-type(1) {
    margin-bottom: 1rem;
}
.map_box ul li:nth-of-type(2) .map_p_1 {
    margin-top: 1rem;
}
.map_p_1 {
    margin-left: 2rem;
}
.map_p_2 {
    margin-left: 4rem;
}

/* --------新着情報--------- */


.news_box dl {
    display: flex;
    font-size: 1.8rem;
    padding: 3rem 0;
    border-top: 1px solid #ddd;
    align-items: center;
}
.news_box dl:last-of-type {
    border-bottom: 1px solid #ddd;
}
.news_box dl dt:nth-of-type(2) p {
    font-size: 1.4rem;
}
.news_box dl dd a {
    line-height: 2.4rem;
}


.news_box dl dd a:hover {
    text-decoration: underline;
}
.cat_1 {
    background-color: #53ce22;
    font-size: 1.4rem;
    width: 10rem;
    text-align: center;
    color: #fff;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 3rem;
}
.cat_2 {
    background-color: #3fbce1;
    font-size: 1.4rem;
    width: 10rem;
    text-align: center;
    color: #fff;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 3rem;
}
.cat_3 {
    background-color: #e83d28;
    font-size: 1.4rem;
    width: 10rem;
    text-align: center;
    color: #fff;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 3rem;
}
.art_title {
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 5rem;
    line-height: 3rem;
}
.art_btn a {
    display: flex;
    width: 20rem;
    background-color: #e83d28;
    justify-content: center;
    margin: auto;
    color: #fff;
    height: 5rem;
    align-items: center;
    margin-top: 5rem;
}
.art_btn a:hover {
    color: #e83d28;
    background-color: #fff;
    border: 2px solid #e83d28;
    box-sizing: border-box;
}
.news_year_box select {
    width: 12rem;
    height: 4rem;
    font-size: 1.8rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    border-radius: 0.5rem;
    padding-left: 1rem;
    cursor: pointer;
}
.news_year_box {
    margin-bottom: 2rem;
    margin-right: 5rem;
}
.news_flex {
    display: flex;
}
.news_box {
    width: 100%;
}
.rec_btn {
    display: flex;
    width: 30rem;
    justify-content: center;
    margin: auto;
    background-color: #e83d28;
    margin-top: 10rem;
    color: #fff;
    height: 5rem;
    align-items: center;
    border-radius: 2.5rem;
}
.rec_btn:hover {
    background-color: #fff;
    color: #e83d28;
    border: 2px solid #e83d28;
    box-sizing: border-box;
}










/* --------スマホ対応--------- */
@media screen and (max-width: 960px)   {

.pc_none {
    display: block;
}
.sp_none {
    display: none;
}

.top_eye_text {
    position: absolute;
    top: 30%;
    left: 5%;
    transform: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    width: auto;
}
.top_eye_text h2 {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 2rem;
}
.top_eye_text h3 {
    font-size: 1.1rem;
    line-height: 2rem;
}
.top_tec_inner {
    margin-top: 5rem;
}
.top_tec_inner h2 {
    text-align: center;
    font-size: 4.2rem;
}
.top_tec_inner ul {
    display: block;
}
.top_tec_inner ul li {
    width: auto;
    margin: auto;
}
.top_tec_box {
    background-color: #fff;
    padding: 0rem 0rem 0rem 0rem;
    position: unset;
    top: 110%;
    left: 50%;
    transform: unset;
    -webkit-transform: unset;
    -ms-transform: translate(-50%, -50%);
    width: auto;
    padding: 2rem;
}
.top_tec_box h4 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 3rem;
    font-weight: 500;
}
.top_tec_box p {
    font-size: 1.8rem;
}
.top_tec_box a {
    margin-top: 3rem;
}
.top_tec_inner ul::after {
    display: none;
}

.top_service_inner {
    margin-top: 10rem;
}
.top_service_inner {
    background-image: url(image/top/img_10.png);
    background-size: cover;
    padding: 5rem 0;
}
.top_service_flex {
    display: block;
    max-width: 1400px;
    margin: auto;
    padding: 0 2rem;
    align-items: center;
}
.top_service_flex_left {
    margin-right: 0rem;
}
.top_service_flex_left h2 {
    font-size: 4.2rem;
    text-align: center;
}
.top_service_flex_right ul li {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.top_service_flex_right ul a {
    width: 48%;
}
.top_service_flex_right ul {
    margin-top: 3rem;
}
.top_service_btn ul {
    display: block;
    justify-content: center;
    margin-top: 3rem;
}

.top_service_btn ul li {
    display: table;
    margin: auto;
}

.top_service_btn ul li:nth-child(2) {
    margin: 2rem auto;
}
.top_service_btn ul li a {
    width: 20rem;
    background-color: #e83d28;
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    height: 4rem;
    justify-content: center;
    align-items: center;
    border-radius: 2.5rem;
}
.top_place_inner h2 {
    text-align: center;
    font-size: 4.2rem;
    position: relative;
    z-index: 1;
}
.top_place_inner ul {
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
    position: unset;
    margin-top: 3rem;
    top: 0;
}
.top_place_inner ul li {
    width: auto;
    position: unset;
}
.top_place_box {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 2rem;
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    width: auto;
}
.top_place_box h4 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 3rem;
    font-weight: 500;
}
.top_place_box p {
    font-size: 1.8rem;
}
.top_place_box a {
    margin-top: 3rem;
}

.top_recruit_inner {
    margin-top: 10rem;
    display: block;
}
.top_recruit_left {
    position: relative;
    width: auto;
}
.top_recruit_left_box h2 {
    font-size: 3rem;
    color: #fff;
    margin-bottom: 1rem;
}
.top_recruit_left_box h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}
.top_recruit_left_box p {
    color: #fff;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 2.4rem;
    margin-top: 2rem;
}

.top_recruit_right {
    position: relative;
    width: auto;
}
.top_recruit_right_box h2 {
    font-size: 3rem;
    color: #fff;
    margin-bottom: 1rem;
}
.top_recruit_right_box h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}
.top_recruit_right_box p {
    color: #fff;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 2.4rem;
    margin-top: 2rem;
}
.top_recruit_left img {
    width: 100%;
    object-fit: cover;
    height: 30rem;
}
.top_recruit_right img {
    width: 100%;
    object-fit: cover;
    height: 30rem;
}
.top_recruit_left_box a {
    width: 20rem;
    margin-top: 1rem;
    height: 4rem;
    font-size: 1.4rem;
}
.top_recruit_right_box a {
    width: 20rem;
    margin-top: 1rem;
    height: 4rem;
    font-size: 1.4rem;
}
.top_company_inner h2 {
    text-align: center;
    font-size: 4.2rem;
}
.top_company_inner ul:nth-of-type(1) {
    max-width: 1240px;
    margin: auto;
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 2rem;
    margin-top: 3rem;
    margin-bottom: 2rem;
}
.top_company_inner ul:nth-of-type(1) li:nth-child(1) .top_com_box {
        padding: 5rem 0px;
    }

.top_company_inner ul:nth-of-type(1) li {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 2rem;
}

.top_company_inner ul:nth-of-type(1) li .top_com_box h4 {
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 2rem;
    position: relative;
}
.top_company_inner ul:nth-of-type(1) li .top_com_box h4::after {
    content: '';
    width: 20rem;
    height: 2px;
    display: inline-block;
    background-color: #e83d28;
    position: absolute;
    bottom: -12px;
    left: calc(50% - 100px);
}
.top_company_inner ul:nth-of-type(2) {
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 2rem;
}
.top_company_inner ul:nth-of-type(2) li .top_com_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 89%;
    padding: 5rem 0px;
    background-color: rgba(0, 0, 0, 0.5);
}
.top_company_inner ul:nth-of-type(2) li {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 2rem;
}
.top_company_inner ul:nth-of-type(2) li .top_com_box h4 {
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 2rem;
    position: relative;
}
.top_company_inner ul:nth-of-type(2) li .top_com_box h4::after {
    content: '';
    width: 20rem;
    height: 2px;
    display: inline-block;
    background-color: #e83d28;
    position: absolute;
    bottom: -12px;
    left: calc(50% - 100px);
}
.top_company_inner ul:nth-of-type(1) li .top_com_box h5 {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
}
.top_company_inner ul:nth-of-type(2) li .top_com_box h5 {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
}
.top_com_btn {
    width: 30rem;
    margin: auto;
    margin-top: 3rem;
    background-color: #e83d28;
    color: #fff;
    font-size: 1.8rem;
    height: 6rem;
    align-items: center;
    border-radius: 5rem;
}
.top_news_inner h2 {
    text-align: center;
    font-size: 4.2rem;
}
.top_news_inner dl {
    display: block;
    font-size: 1.8rem;
    padding: 2rem 0;
    border-top: 1px solid #ddd;
    align-items: center;
}
.top_news_inner dl dt:nth-of-type(2) {
    font-size: 1.2rem;
    width: 8rem;
    text-align: center;
    background-color: #53ce22;
    color: #fff;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0;
}
.top_news_inner dl dd {
    line-height: 2.4rem;
}
.top_news_btn {
    display: flex;
    justify-content: center;
    margin-top: 5rem;
    margin-bottom: 10rem;
    border: 2px solid #000;
    width: 25rem;
    margin-left: auto;
    margin: auto;
    height: 5rem;
    align-items: center;
    margin-top: 3rem;
    margin-bottom: 5rem;
}
footer {
    background-color: #e83d28;
    padding: 3rem 0 2rem 0;
    margin-top: 10rem;
}
.footer_list {
   
    display: none;
}
.footer_list li {
    width: auto;
}
.footer_list li a:nth-of-type(1) {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 2rem;
}
.footer_list li a {
    display: block;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 2rem;
}
.footer_list_2 {
    display: block;
    justify-content: center;
    margin-top: 0rem;
}
.footer_list_2 li {
    margin-right: 0rem;
    text-align: center;
    margin-bottom: 1rem;
}


.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: #3584bb;
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 15px 15px 15px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 18px;
}
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #e83d28;
    transition: all 0.5s;/*アニメーション設定*/
}
#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}
.menu-btn {
    position: fixed;
    top: 10px;
    right: 10px;
    display: flex;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #e83d28;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 2px;
    width: 22px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}
#sp_header {
    display: block;
}
#pc_header {
    display: none;
}
#sp_header h1 {
    width: 40%;
    padding-left: 1rem;
}
header {
    top: 1rem;
}

#locale-switcher {
    margin-left: auto;
    margin: auto;
    margin-top: 3rem;
    display: block;
    width: 18rem;
    font-size: 1.4rem;
    height: 3.5rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    border: 1px solid #d1d0d6;
    margin-bottom: 2rem;
    background-image: url(image/top/icon.svg);
    background-repeat: no-repeat;
    background-size: 16%;
    background-position-x: 20%;
    background-position-y: 50%;
    color: #000;
    background-color: #fff;
    padding-left:6rem;
}


/* --------会社案内--------- */

.under_eye_inner img {
    width: 100%;
    height: 20rem;
    object-fit: cover;
}
.under_eye_text {
    top: 50%;
}
.under_eye_text h2 {
    font-size: 3.6rem;
    margin-bottom: 1rem;
    text-align: center;
}
.under_eye_text h3 {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
}
.pan {
    padding-left: 2rem;
    adding-right: 2rem;
    margin-top: 1rem;
}
.pan p, .pan a {
    font-size: 1.4rem;
}
.company_inner ul {
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
}
.company_inner ul li {
    width: 100%;
    position: relative;
    margin-bottom: 3rem;
    overflow: hidden;
}
.company_inner ul li h2 {
    position: absolute;
    top: 89%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 23rem;
    text-align: center;
    font-size: 1.8rem;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 0.7rem 0;
}


/* --------メッセージ --------- */

.company_list ul {
    display: block;
    justify-content: center;
    margin-top: 3rem;
    margin-bottom: 10rem;
}
.company_list ul li {
    margin-right: auto;
    text-align: center;
    margin-bottom: 2rem;
}
.company_list ul li a {
    font-size: 1.8rem;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
    text-decoration-color: #e83d28;
}
.mes_inner h2 {
    font-size: 3rem;
    font-weight: 500;
    position: relative;
    line-height: 4rem;
}
.mes_inner h2::after {
    content: "";
    display: block;
    width: 7rem;
    height: 3px;
    background-color: #e83d28;
    position: absolute;
    bottom: -2rem;
}
.mes_box {
    margin-top: 7rem;
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mes_box_left {
    width: auto;
}
.mes_box_right {
    width: auto;
    margin-top: 2rem;
}
.mes_box_right_pc {
    display: none;
}
.mes_box_right_sp {
    display: block;
    margin-bottom: 2rem;
}


/* --------企業理念 --------- */

.pri_inner h2 {
    font-size: 3rem;
}
.pri_inner h2::after {
    width: 7rem;
}
.pri_inner img {
    width: 60%;
}

/* --------情報開示--------- */


.media_box h3 {
    font-size: 2.2rem;
    padding: 1rem 0 1rem 1rem;
    border-left: 0.4rem solid #e83d28;
    line-height: 3rem;
    margin-bottom: 1rem;
}
.media_box {
    margin-top: 5rem;
}
.media_box img {
    margin-top: 2rem;
}



/* --------IR情報--------- */

.ir_box {
    display: block;
    margin-top: 5rem;
}
.ir_box_left {
    width: -webkit-fill-available;
    margin-bottom: 2rem;
}
.ir_box_right {
    width: auto;
}
.ir_box_right dl {
    padding: 2rem 0;
}
.ir_box_right dl dt {
    font-size: 1.8rem;
    padding-left: 1rem;
}
.ir_box_right dl dd a {
    padding-left: 0rem;
}
.ir_box_left select {
    border-radius: 0.5rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}


/* --------沿革--------- */

.his_box {
    margin-top: 7rem;
}
.his_box ul li {
    margin-right: auto;
    text-align: center;
    margin-bottom: 2rem;
}
.his_box ul {
    display: block;
}
.his_list dl {
    display: block;
}
.his_list dl dt {
    width: auto;
    padding-left: 3rem;
}
.his_list dl dd {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3rem;
    padding-left: 3rem;
    width: 90%;
    margin-top: 2rem;
}
.his_flex {
    display: block;
}
.his_flex_left {
    width: auto;
}
.his_flex_right {
    position: unset;
    margin-top: 4rem;
}
.his_flex_right img {
    display: block;
    margin: auto;
    margin-bottom: 2rem;
}
.his_list_y {
    padding-bottom: 0rem;
}
.his_flex_right {
    width: auto;
}


/* --------csr--------- */


.csr_box {
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.csr_box h3 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2rem;
}
.csr_list li h3 {
    font-size: 2rem;
}
.csr_list li p {
    word-break: break-all;
    font-size: 1.6rem;
}
.csr_list li h3 a {
    color: #337ab7;
    font-size: 2rem;
    line-height: 2.6rem;
}




/* --------事業所案内--------- */


.office_inner ul {
    display: block;
}
.office_inner ul li {
    width: auto;
    margin-bottom: 2rem;
}
.office_inner ul li:nth-child(1) {
    margin-right: auto;
}
.office_inner ul li h2 {
    top: 1rem;
    font-size: 1.4rem;
    height: 2.5rem;
}



/* --------事業所案内国内--------- */


.office_dos_inner {
    margin-top: 3rem;
}
.office_dos_inner h2 {
    font-size: 3rem;
}
.office_dos_inner h2::after {
    width: 7rem;
}
.office_dos_inner img {
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.office_dos_inner h3 {
    font-size: 2rem;
}
.office_dos_inner ul {
    display: block;
}
.office_dos_inner ul li {
    width: auto;
    margin-bottom: 3rem;
}
.office_dos_inner ul li h4 {
    font-size: 2rem;
}
.office_dos_inner ul li p {
    font-size: 1.8rem;
    line-height: 3rem;
}


/* --------事業所案内海外--------- */


.office_ovs_inner {
    margin-top: 3rem;
}
.office_ovs_inner h2 {
    font-size: 3rem;
}
.office_ovs_inner h2::after {
    width: 7rem;
}
.office_ovs_inner img {
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.office_ovs_inner ul {
    display: block;
}
.office_ovs_inner ul li {
    width: auto;
    margin-bottom: 3rem;
}
.office_ovs_inner ul li h4 {
    font-size: 1.8rem;
}
.office_ovs_inner ul li p {
    font-size: 1.8rem;
    line-height: 3rem;
}


/* --------製品案内--------- */


.products_inner {
    margin-top: 3rem;
}
.pro_list {
    display: block;
}
.pro_list li {
    width: auto;
    margin-bottom: 5rem;
    position: unset;
}
.pro_list li a {
    position: unset;
    bottom: unset;
    left: unset;
    transform: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    margin: auto;
    margin-top: 3rem;
}
.pro_box ul {
    display: block;
}
.pro_box ul li:nth-child(2) {
    margin: 0 0rem;
}
.pro_box ul li {
    margin-bottom: 1rem!important;
}
.pro_box ul li a {
    width: 20rem;
    margin: auto;
    height: 4rem;
    font-size: 1.8rem;
}


/* --------奨学金--------- */


.scholarship_inner h2 {
    font-size: 3rem;
    line-height: 4rem;
}
.scholarship_inner h2::after {
    width: 7rem;
}
.scholarship_inner ul {
    margin-top: 5rem;
}
.scholarship_inner ul li h3 {
    font-size: 2rem;
    line-height: 3rem;
}
.sup_box {
    display: block;
}
.sup_box_right img {
    display: block;
    width: 60%;
    margin: auto;
    margin-top: 2rem;
}


/* --------商標登録--------- */



.trade_box {
  overflow: scroll;
}
.trade_box table{
  width: 60rem;
}
.trade_box table tr td {
    font-size: 1.4rem;
    height: 15rem;
    line-height: 2.4rem;
    padding: 1rem;
}
.trade_box table tr th {
    height: 5rem;
    font-size: 1.8rem;
}
.trade_box {
    margin-top: 5rem;
}


/* --------得意な反応例--------- */

.reaction_box {
    margin-top: 5rem;
}
.reaction_table {
    margin-top: 3rem;
    overflow: scroll;
}
.reaction_table table{
  width: 80rem;
}
.reaction_table table tr td {    
    height: 10rem;
}


/* --------危険物質の取扱い例--------- */

.hazardous_box {
    margin-top: 0rem;
}
.hazardous_table {
    overflow: scroll;
}
.hazardous_table table{
  width: 60rem;
}

/* --------SDGs--------- */

.sdgs_list img:nth-of-type(1) {
    width: 40%;
}

/* --------協力会社--------- */


.ps_text {
    margin-top: 5rem;
    margin-bottom: -2rem;
    line-height: 3.6rem;
}

.ps_list h3 a {
    font-size: 2rem;
    text-decoration: underline;
}
.ps_list h4 {
    font-size: 2rem !important;
}
.ps_list p {
    font-size: 1.6rem;
    line-height: 3rem;
    margin-bottom: 5rem;
    font-weight: 500;
}
.ps_box {
    margin-top: 5rem;
}
.ps_box h3 {
    margin-bottom: 2rem;
}
.ps_box h3 a {
    font-size: 2rem;
}
.ps_box p {
    line-height: 3rem;
    font-size: 1.6rem;
}
.ps_box img {
    display: block;
    margin: auto;
    width: 60%;
}


/* --------許認可--------- */


.permit_inner h2 {
    font-size: 3rem;
    line-height: 4rem;
}
.permit_inner h2::after {
    width: 7rem;
}
.permit_box {
    margin-top: 5rem;
}
.permit_box h3 {
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 3rem;
}
.permit_text {
    text-align: center;
    font-size: 1.4rem;
}
.permit_box ul {
    margin-top: 5rem;
}
.permit_box ul li h4 {
    font-size: 2rem;
}
.permit_box ul li:nth-child(2) dl {
    margin-top: 1rem;
    display: block;
    font-size: 1.8rem;
    align-items: baseline;
}
.permit_box ul li:nth-child(2) dl dt {
    margin-right: auto;
    margin-bottom: 2rem;
}
.permit_t_box {
    overflow-x: scroll;
}
.permit_box ul li:nth-child(1) .permit_t_box table {
    width: 110rem;
}
.permit_box ul li:nth-child(2) .permit_t_box table {
    width: 100rem;
}


/* --------クロマトグラム --------- */

.chro_box {
    margin-top: 5rem;
}
.chro_box_t {
    overflow-x: scroll;
}
.chro_box_t table {
    width: 80rem;
}



/* --------設備紹介--------- */


.facility_list {
    margin-top: 5rem;
}
.facility_list li h3 {
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 2rem;
    border-left: 0.4rem solid #e83d28;
    padding-left: 1rem;
}


/* --------反応機--------- */

.reactor_box {
    margin-top: 5rem;
}
.reactor_box_t {
    overflow-x: scroll;
}
.reactor_box_t table {
    width: 100rem;
}
.centrifuge_box_t {
    overflow-x: scroll;
}
.centrifuge_box_t table {
    width: 100rem;
}





/* --------分析機器紹介--------- */

.analysis_box {
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.analysis_box_2 {
    width: 30rem;
    height: 30rem;
    border: 1.5rem solid #203864;
}
.analysis_box_2 h3 {
    font-size: 2rem;
    text-align: center;
    line-height: 3rem;
    padding-top: 7rem;
}
.analysis_box_3 img {
    display: none;
}
.analysis_box_3 ul li a {
    width: 16rem!important;
    height: 6rem!important;
    font-size: 1.8rem!important;
}
.analysis_box_3 ul li:nth-child(1) {
    top:8%;
}
.analysis_box_3 ul li:nth-child(2) {
    position: absolute;
    top: 10rem;
    right: 0rem;
}
.analysis_box_3 ul li:nth-child(3) {
    position: absolute;
    bottom: 2rem;
    right: 0rem;
}
.analysis_box_3 ul li:nth-child(4) {
    position: absolute;
    bottom: 2rem;
    left: 0rem;
}
.analysis_box_3 ul li:nth-child(5) {
    position: absolute;
    top: 10rem;
    left: 0rem;
}
.analysis_inner {
    position: relative;
    margin-bottom: 0rem;
}


/* --------会社概要--------- */

.pro_box {
    margin-top: 5rem;
}
.pro_img {
    display: block;
    margin-bottom: 2rem;
}
.pro_img_left {
    width: auto;
    margin-bottom: 2rem;
}
.pro_dl dl dt {
    width: 30%;
    font-size: 1.4rem;
}
.pro_dl dl dd {
    width: 80%;
    font-size: 1.4rem;
    line-height: 2rem;
}



/* --------梱包--------- */


.packing_box ul li h3 {
    font-size: 2.4rem;
    border-left: 3px solid #e83d28;
    margin-bottom: 3rem;
}
.packing_box ul li h4 {
    margin-top: 3rem;
}
.packing_table {
    overflow-x: scroll;
}
.packing_table table {
    width: 105rem;
}



/* --------機能性材料--------- */


.products_img ul {
    display: block;
}
.products_img ul li {
    width: auto;
    margin-bottom: 2rem;
}
.products_box h3 {
    font-size: 2.4rem;
    margin-bottom: 2rem;
    border-left: 4px solid #e83d28;
}
.products_box_t {
    overflow-x: scroll;
}
.products_box_t table {
    width: 95rem;
}


/* --------SDS--------- */

.sds_table td {
    padding: 1rem;
    height: auto;
    line-height: 3rem;
}
.standard_table {
    overflow-x: scroll;
}
.standard_table table {
    width: 60rem;
}
.standard_table table tr, .standard_table th, .standard_table td {
    height: 6rem;
}

/* --------技術紹介--------- */

.intro_box ul li h3 {
    font-size: 2.5rem;
    margin-bottom: 3rem;
}
.intro_box ul li h4 {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 1rem;
    line-height: 3rem;
}
.intro_box ul li p {
    margin-bottom: 2rem;
    line-height: 3.6rem;
}
.intro_btn_box {
    margin-top: 5rem;
    display: block;
}
.intro_btn_box a:nth-of-type(1) {
    margin-right: auto;
    margin: auto;
    margin-bottom: 2rem;
}
.intro_btn_box a:nth-of-type(2) {
    margin: auto;
}


/* --------サイトのご利用に際して--------- */


.sp_box ul li h3 {
    background-color: #fdebe9;
    font-size: 2.4rem;
    font-weight: 500;
    padding: 1rem 1rem;
    margin-bottom: 2rem;
    line-height: 3.4rem;
}
.sp_table_box {
    overflow-x: scroll;
}
.sp_table_box table {
    width: 75rem;
}
.sp_link_2 {
    word-break: break-all;
}


.pri_box ul li h3 {
    background-color: #fdebe9;
    font-size: 2.4rem;
    font-weight: 500;
    padding: 1rem 1rem;
    margin-bottom: 2rem;
    line-height: 3.4rem;
}
.pri_t_box_1 {
    overflow-x: scroll;
}
.pri_t_box_1 table {
    width: 90rem;
}
.pri_t_box_2 {
    overflow-x: scroll;
}
.pri_t_box_2 table {
    width: 90rem;
}

.pri_box ul li dl {
    display: block;
}
.pri_box ul li dl dt {
    padding: 1rem;
    width: auto;
}
.pri_box ul li dl dd {
    padding: 1rem;
    width: -webkit-fill-available;
}
.pri_box ul li dl dd input {
    width: -webkit-fill-available;
}
.pri_box ul li dl dd textarea {
    width: -webkit-fill-available;
    padding: 1rem;
}

.wpcf7 form .wpcf7-response-output {
    padding: 1rem !important;
    line-height: 3rem;
    width: 80%;
}
.back_btn {
    margin-right: 1rem;
}
.c_b_box input {
    width: 15rem;
}

.c_f_box h3 {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 5rem;
    font-weight: 500;
    line-height: 4rem;
}
.c_f_box p {
    text-align: center;
    margin-bottom: 3rem;
    font-size: 1.4rem;
    letter-spacing: -1px;
}

.c_b_box input {
    border-radius: unset;
}
.c_btn {
    margin-left: 7rem;
}


.member_box ul li {
    width: 42%;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
    border-radius: 2rem;
    margin-bottom: 2rem;
    padding: 1rem;
}
.member_box ul li img {
    display: block;
    margin: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.member_box ul li a {
    display: block;
    text-align: center;
    margin-bottom: 0rem;
    color: #337ab7;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.4rem;
}
.member_box h3 {
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 2rem;
    border-left: 4px solid #e83d28;
    padding-left: 1rem;
}
.username {
    width: -webkit-fill-available!important;
}
.password {
    width: -webkit-fill-available!important;
}

/* --------技術・設備紹介--------- */

.tec_box ul li {
    display: block;
}
.tec_box ul li div:nth-of-type(1) {
    width: auto;
    margin-bottom: 2rem;
}
.tec_box ul li div:nth-of-type(2) {
    width: auto;
}
.tec_box ul li div:nth-of-type(2) h3 {
    font-size: 2.4rem;
    color: #337ab7;
    margin-bottom: 2rem;
}
.tec_box ul li div:nth-of-type(2) a {
    margin-top: 3rem;
}

/* --------サイトマップ --------- */


.map_box ul {
    padding-left: 2rem;
    display: block;
}

.map_box ul li {
    width: auto;
    margin-bottom: 3rem;
}
    .news_box dl {
        display: block;
        font-size: 1.8rem;
        padding: 2rem 0;
        border-top: 1px solid #ddd;
        align-items: center;
    }

    .news_box dl dt:nth-of-type(2) {
        font-size: 1.2rem;
        width: 8rem;
        text-align: center;
        background-color: #53ce22;
        color: #fff;
        height: 2.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 1rem 0;
    }

.cat_1 {
    width: 10rem
}
.cat_2 {
    width: 10rem
}
.cat_3 {
    width: 10rem
}
.top_news_inner dl dt:nth-of-type(2) {
        font-size: 1.2rem;
        width: 10rem;
        text-align: center;
        background-color: #53ce22;
        color: #fff;
        height: 2.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 1rem 0;
    }
        .news_box dl dt:nth-of-type(2) {
        font-size: 1.2rem;
        width: 10rem;
        text-align: center;
        background-color: #53ce22;
        color: #fff;
        height: 2.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 1rem 0;
    }
.art_title {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 3rem;
    line-height: 3rem;
}

.news_year_box select {
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
}
.news_year_box {
    margin-bottom: 2rem;
    margin-right: auto;
}
.news_flex {
    display: block;
}

.news_box {
    width: auto;
}


.bene_box ul li h3 {
    font-size: 2.4rem;
}
.bene_box table tr, .bene_box th, .bene_box td {
    height: auto;
}
.bene_box th {
    display: block;
    width: auto;
}
.bene_box td {
    display: block;
    width: auto;
}
.bene_text {
    font-size: 1.6rem;
}











}