@charset "UTF-8";

.Breadcrumbs-Wrapper {
    background: #e4e4e4;
    line-height: 32px;
    font-size: 14px;
}
.Breadcrumbs{
    width: 1200px;
    margin: 0 auto -50px;
    text-align: left;
}

/*----------------------------------------------------
    ▼Contents information
----------------------------------------------------*/
.Contents-h2 {
    background: #f7f7f7;
}
.Contents-h2 h2{
    font-size: 30px;
    height: 58px;
    line-height: 58px;
    font-family: "游ゴシック",'小塚ゴシック Pro L','Kozuka Gothic Pro Light',sans-serif;
    align-items: center;
    display: flex;
    width: 1200px;
    margin: 0 auto;
}
.Contents-Entry-h2{
    font-size: 40px;
    height: 150px;
    line-height: 150px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

h3{
    background-color: #F0D9E4;
    color: #454545;
    font-size: xx-large;
    height: 50px;
    line-height: 55px;
    letter-spacing: 8px;
}

h4{
    width: 1024px;
    margin: 20px auto;
    font-size: large;
    font-weight: bold;
    text-align: left;
}

#info-Section1 dl{
    width: 1024px;
    margin: 50px auto;
    text-align: left;
}

#info-Section1 dt{
    width: 10em;
    float: left;
    padding: 10px;
}

#info-Section1 dd{
    padding: 10px;
    margin-left: 11em;
}

.info-Section1-bottomSMT{
    display: none;
}

.info-Section1-bottomPC table{
    width: 1024px;
    margin: 0 auto;
}

.info-Section1-bottomPC th{
    vertical-align: top;
    text-align: center;
}

.info-Section1-bottomPC td{
    padding: 5px;
    text-align: center;
}

.left{
    width: 8em;
    text-align: left !important;
}


#info-Section2 dl{
    width: 800px;
    margin: 0 auto;
}

.info-Section2-dl1 dt{
    width: 16em;
    float: left;
    padding: 10px;
    margin-bottom: 20px;
    border: 2px solid #48d1cc;
    border-right: none;
}

.info-Section2-dl1 dd{
    padding: 10px;
    margin: 0 0 20px 17em;
    border: 2px solid #48d1cc;
    border-left: none;
    text-align: left;
    position: relative;
}

.info-Section2-dl1 dd:before{
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 2px;
    height: 28px;
    background-color: #48d1cc;
}

.info-Section2-dl1 dd span{
    background-color: #00B0F0;
    padding: 5px 20px;
}

.info-Section2-dl1  a{
    color: white;
}

.info-Section2-bottom{
    width: 800px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.info-Section2-bottom-Box{
    width: 47% !important;
}

.info-Section2-dl2{
    width: 100% !important;
}

.info-Section2-dl2 dt{
    width: 7em;
    float: left;
    padding: 10px;
    margin-bottom: 20px;
    border: 2px solid #00B0F0;
    border-right: none;
}

.info-Section2-dl2 dd{
    padding: 10px;
    margin: 0 0 20px 8em;
    border: 2px solid #00B0F0;
    border-left: none;
    text-align: center;
    position: relative;
}

.info-Section2-dl2 dd:before{
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 2px;
    height: 28px;
    background-color: #00B0F0;
}

.info-Section2-bottom-Box p{
    font-size: large;
    margin-bottom: 1em;
}

.arrow-down{
    width: 10px;
    height: 10px;
    border-top: 5px solid #00B0F0;
    border-right: 5px solid #00B0F0;
    -webkit-transform: rotate(45deg);
    transform: rotate(133deg);
    margin: 0 auto 2em;
}

/*----------------------------------------------------
    ▼Contents information-activities.html
----------------------------------------------------*/
.activities-Section1-Wrapper{
    width: 1024px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.activities-Section1-Wrapper::after{
    content: "";
    display: block;
    width: 320px;
}

.activities-Section1-Box{
    width: 320px;
    text-align: left;
    margin-bottom: 50px;
}

#activities-Section1 p{
    width: 1024px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 50px;
}

/*----------------------------------------------------
    ▼Contents information-faq.html
----------------------------------------------------*/
#faq-Section1{
    width: 1024px;
    margin: 100px auto;
    text-align: left;
}

.faq-Section1-Box {
    width: 80%;
    margin: 2px auto;
}

.faq-Section1-Box h5{
    font-size: x-large;
    padding-left: 90px;
    position: relative;
}

.inDL-faq dt{
    float: left;
    margin-left: -5px;
}

.inDL-faq dd{
    font-size: x-large;
    padding-left: 4.2em;
    padding-top: 6px;
    margin-bottom: 50px;
}

.Question{
    font-size: xx-large;
    font-weight: bold;
    padding-left: 0.5em;
    position: absolute;
    top: 17%;
}

.Plus{
    position: absolute;
    top: 10%;
    right: 10px;
}

.Anser {
    font-size: xx-large;
    font-weight: bold;
    padding-left: 0.8em;
}


/*----------------------------------------------------
    ▼Contents information-traning.html
----------------------------------------------------*/
#training-Section2 {
    text-align: left;
    width: 1024px;
    margin: 0 auto;
}

.training-Section2-Wrapper{
    padding: 10px;
}

#training-Section2 h5{
    text-decoration: underline;
    font-size: large;
    display: inline;
}

#training-Section2 p{
    padding: 10px 10px 50px 10px;
}

#training-Section2 ul{
    width: 1024px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#training-Section2 ul::before {
    content: "";
    display: block;
    width: 25%;
    order: 1;
}

#training-Section2 li{
    width: 25%;
}



/*----------------------------------------------------
    ▼Contents member-index.html
----------------------------------------------------*/
.member-Section1-Wrapper{
    width: 612px; /* width: 1024px; */
    margin: 50px auto 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }

.member-Section1-Wrapper::after{
    content: "";
    display: block;
    width: 320px;
}

.member-Section1-Wrapper img{
    margin-bottom: 50px;
}

#member-Section1 h4,#member-Section2 h4{
    border-left: 5px solid #ccc;
    padding-left: 1em;
    padding-right: 1em;
}

#member-Section1 p{
    width: 1024px;
    margin: 10px auto 50px;
    text-align: left;
    padding-left: 2em;
    padding-right: 2em;
    box-sizing: border-box;
}

.member-Section2-Wrapper{
    width: 1024px;
    margin: 0 auto;
}

#member-Section2 p{
    width: 50%;
    margin: 10px auto 50px;
    text-align: left;
    padding-left: 2em;
    float: left;
}

.member-Section2-Wrapper img {
    padding: 10px;
}

.member-Section3-Button{
    width: 30%;
    margin: 50px auto;
    background-color: #ccc;
}

.member-Section3-Button a{
    display: block;
    padding: 20px 10px;
}

.visits-PC{
    width: 707px;
    margin: 50px auto 0;
}

.visits-SMT{
    display: none;
}

.visits-PC img,.visits-SMT img{
    border: none !important;
}


/*----------------------------------------------------
    ▼Contents member-menber_00.html
----------------------------------------------------*/
.Contents-member-head{
    text-align: left;
    position: relative;
}

.Contents-member-head-L {
    position: absolute;
    top: 30%;
    left: 30%;
}

.Contents-member-h2 {
    font-size: xx-large;
    font-weight: bold;
}

.Contents-member-head p{
    font-size: x-large;
}


/*----------------------------------------------------
    ▼Contents company-message
----------------------------------------------------*/
.message-Section1-Wrapper{
    width: 1048px;
    margin: 50px auto;
    text-align: left;
}
#message-Section1 p{
    padding: 10px;
}

p.message-Section1-sign {
    width: 10em;
    margin: 0 0 0 auto;
}

/*----------------------------------------------------
    ▼Contents company-company.html
----------------------------------------------------*/
#company-Section1 dl{
    width: 1024px;
    margin: 50px auto;
    text-align: left;
}

#company-Section1 dt{
    width: 10em;
    float: left;
    padding: 10px;
}

#company-Section1 dd{
    padding: 10px;
    margin-left: 11em;
}

.company-Section2-Box{
    width: 1024px;
    margin: 50px auto;
    display: flex;
}

.company-Section2-Box img{
    max-width: 100px;
    max-height: 100px;
    width: auto;
    height: auto;
}

.company-Section2-Box p{
    text-align: left;
    padding:1.5em 0 0 3em;
}

/*----------------------------------------------------
    ▼Contents company-products.html
----------------------------------------------------*/
#products-Section1 h3{
    color: #454545;
    font-size: x-large;
    height: auto;
    line-height: 1;
    letter-spacing: 1px;
    padding: 10px 0;
}

#products-Section1 span{
    display: block;
    font-size: medium;
    margin-top: 1em;
    line-height: 1.5em;
}

.products-Section1-Box{
    width: 1024px;
    margin: 50px auto;
    display: flex;
}

.products-Section1-Box p{
    width: 700px;
    text-align: left;
    padding: 10px;
}

.products-Section1-Box img{
    width: 250px;
    height: 200px;
    padding: 1em;
}

.products-Section1-BoxP table{
    width: 100%;
    padding: 10px;
    text-align: left;
}

.products-Section1-BoxP th{
    background-color: #BFBFBF;
    padding: 5px;
    border: 2px white solid;
}

.products-Section1-BoxP td{
    background-color: #F2F2F2;
    padding: 5px;
    border: 2px white solid;
}

#products_01,#products_02,#products_03,#products_04,#products_05,#products_06,#products_08{
    padding-top: 100px !important;
}

#products_07{
    padding-top: 50px !important;
}

.anchor{
    margin-top:-100px !important;
    padding-top:100px !important;
}

.anchor1{
    margin-top:-100px !important;
    padding-top:100px !important;
}

.acMenuDT-products p {
    position: relative;
    z-index: 998;
}



#products-index{
    overflow: hidden;
    padding-bottom: 0px;
    width: 1200px;
    margin: 10px auto 0;
}

#products-index h3{
    text-align: left;
}
#products-index figure{
    width:290px;
    position: relative;
    overflow: hidden;
    float: left;
    margin: 5px;
}

.products-index-SMT {
    display:none;
}

.products-Contents-H2 {
    background-size: cover;
    margin-top:50px;
}
.products-Contents-H2 h2 {
    color: white;
    font-size: 30px;
    display: flex;
    align-items: center;
    height: 250px;
    background-color: rgba(0,0,0,.3);
    width: 100%;
    padding-left: 351px;
    text-align: left;
    font-family: "游ゴシック",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}
.products-01-BG {
    background-image: url(../../../products/image/products01/products01_header.jpg);
}
.products-02-BG {
    background-image: url(../../../products/image/electornics/products01_header.jpg);
}
.products-03-BG {
    background-image: url(../../../products/image/chemicals/products01_header.jpg);
}
.products-04-BG {
    background-image: url(../../../products/image/flavorfood/products01_header.jpg);
}
.products-05-BG {
    background-image: url(../../../products/image/plastics/products01_header.jpg);
}
.products-06-BG {
    background-image: url(../../../products/image/metals/products01_header.jpg);
}
.products-07-BG {
    background-image: url(../../../products/image/aerospace/products01_header.jpg);
}
.products-08-BG {
    background-image: url(../../../products/image/newproject/products01_header.jpg);
}


.products-contents-wrap {
    width: 1024px;
    margin: 0 auto;
    text-align: left;
    margin-top: 40px;
}

.products-contents-wrap table {
    margin: 0px;
    width: 50%;
}

.products-contents-wrap th {
    background-color: #BFBFBF;
    padding: 5px;
    border: 2px white solid;
}

.products-contents-wrap td {
    background-color: #F2F2F2;
    padding: 5px;
    border: 2px white solid;
}

.products-contents-wrap img{
}
.products-contents-title {
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 20px;
}
.products-contents-inner {
    margin-bottom: 40px;
}


/*----------------------------------------------------
    ▼Contents projectstory.html
----------------------------------------------------*/
#projectstory-Section1 > p{
    font-size: x-large;
    text-align: left;
    width: 1024px;
    margin: 20px auto 0px;
    box-sizing: border-box;
}



/*----------------------------------------------------
    ▼Contents company-history.html
----------------------------------------------------*/
/*#history-Section1 h3{
    background-color: #F0D9E4;
    color: white;
    font-size: xx-large;
    height: auto;
    line-height: 1;
    letter-spacing: 1px;
    padding: 10px 0;
    background-image: url(../image/history.png);
    background-repeat: no-repeat;
    background-size: cover;
}*/

#history-Section1 span{
    width: 1024px;
    margin: 0 auto;
    display: block;
    font-size: medium;
    margin-top: 1em;
    line-height: 1.5em;
}

#history-Section1 dl{
    margin: 0 auto 50px;
    text-align: left;
}

dl.inDL{
    width: 1024px;
}

.inDL dt{
    width: 15em;
    float: left;
    padding: 10px;
    line-height: 1.5em;
}

.inDL dd{
    padding: 10px;
    margin-left: 16em;
    line-height: 1.5em;
    background-color: #F2F2F2;
    margin-bottom: 10px;
}

.red{
    color: red !important;
}

.blue{
    background-color: #DCE6F2 !important;
}

dl.inDL dd p {
    padding-left: 1em;
    text-indent: -1em;
}

.acMenuDT1,.acMenuDT2,.acMenuDT3{
    display:block;
    line-height:50px;
    text-align:center;
    cursor:pointer;
    color: white;
    font-size: xx-large;
    height: auto;
    line-height: 1;
    letter-spacing: 1px;
    padding: 10px 0;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 2px;
}

.acMenuDT1{
    background-image: url(../image/history_01.png);
}

.acMenuDT2{
    background-image: url(../image/history_02.png);
}

.acMenuDT3{
    background-image: url(../image/history_03.png);
}

.acMenuDT h3,.acMenuDT1 h3,.acMenuDT2 h3,.acMenuDT3 h3{
    background-color: initial;
    color: white;
    font-size: xx-large;
    height: auto;
    line-height: 1;
    letter-spacing: 0;
}

.acMenuDT1:hover,.acMenuDT2:hover,.acMenuDT3:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
    transition:1.0s;
    -moz-transition:1.0s;
    -webkit-transition:1.0s;
}


.acMenuDD{
    line-height:50px;
    display:none;
}


.acMenuDT-products{
    display:block;
    line-height:50px;
    text-align:center;
    cursor:pointer;
    font-size: xx-large;
    height: auto;
    line-height: 1;
    letter-spacing: 1px;
    padding: 10px 0;
    background-color: #F0D9E4;
    margin-bottom: 2px;
}

.acMenuDT-products h3{
    background-color: initial;
    color: white;
    font-size: xx-large;
    height: auto;
    line-height: 1;
    letter-spacing: 0;
}

.acMenuDD-products{
    display:none;
}

.acMenuDT-projectstory{
    display:block;
    line-height:50px;
    text-align:center;
    cursor:pointer;
    font-size: xx-large;
    height: auto;
    line-height: 1;
    letter-spacing: 1px;
    padding: 10px 0;
    background-color: #F0D9E4;
    margin-bottom: 2px;
}

.acMenuDT-projectstory h3{
    background-color: initial;
    font-size: x-large;
    height: auto;
    line-height: 1;
    letter-spacing: 0;
    width: 75%;
    margin: 0 auto;
    text-align: left;
}

.acMenuDD-projectstory{
    display:none;
}

.acMenuDD-projectstory p{
    width: 1024px;
    margin: 0 auto;
    padding: 10px 10px 50px 10px;
    text-align: left;
}

#projectstory-Section1 span{
    display: block;
    font-size: large;
    margin-top: 1em;
    line-height: 1.5em;
    text-align: right;
}

.acMenuDT-projectstory:hover,.acMenuDT-products:hover,.acMenuDT-faq:hover{
    background-color: #f9eaf1;
    transition:1.0s;
    -moz-transition:1.0s;
    -webkit-transition:1.0s;
}

.acMenuDT-faq{
    display:block;
    line-height:50px;
    cursor:pointer;
    font-size: xx-large;
    height: auto;
    line-height: 1;
    letter-spacing: 1px;
    padding: 10px 0;
    position: relative;
    background-color: #e9d0df;
}

.acMenuDT-faq h3{
    background-color: initial;
    color: white;
    font-size: xx-large;
    height: auto;
    line-height: 1;
    letter-spacing: 0;
}

.acMenuDD-faq{
    display:none;
}

.entry_table table {
    width: 1024px;
    margin: 0px auto;
}

.entry_table th{
    width:180px;
    vertical-align: top;
    text-align: left;
    padding:10px;
    background-color: #F0D9E4;
    border-bottom: 2px solid white;
}

.entry_table td{
    padding:10px;
    text-align: left;
}
.recruit_normal {
    font-size:120%;
    text-align:left;
    margin:auto;
    width:1024px;
}
.recruit_normal_inner {
    margin-left: 10px;
    margin-right: 10px;
}