@charset "utf-8";
/* CSS Document */

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

/* トップページ */
#banner article p span {
font-size: 1.4rem;
}
#banner article a:link {
color: #fff;
}
#banner article a:visited {
text-decoration: none;
color: #fff;
}
#banner article a:hover {
text-decoration: none;
color: #fff;
}
#banner article a:active {
text-decoration: none;
color: #fff;
}
#top_grad1 {
background: #4ad001; /* Old browsers */
background: -moz-linear-gradient(top, #4ad001 0%, #3aa500 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4ad001 0%,#3aa500 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4ad001 0%,#3aa500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ad001', endColorstr='#3aa500',GradientType=0 ); /* IE6-9 */
transition: 0.3s;
}
#top_grad2 {
background: #dbae37; /* Old browsers */
background: -moz-linear-gradient(top, #dbae37 0%, #c59617 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #dbae37 0%,#c59617 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #dbae37 0%,#c59617 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbae37', endColorstr='#c59617',GradientType=0 ); /* IE6-9 */
transition: 0.3s;
}
#news div {
border-bottom: 0.1rem solid #ccc;
padding-bottom: 1rem;
margin-bottom: 2rem;
}
#news p {
border-left: 0.4rem solid #449acf;
padding-left: 1rem;
line-height: 1.4rem;
}
#itiran:link {
display: block;
margin: 3rem auto 4.4rem auto;
color: #fff;
width: 16.6rem;
padding: 1rem 0 1rem 3.4rem;
line-height: 1.4rem;
background: #3476b9 url("../img/arrow_right.png") no-repeat;
background-position: 14rem 1.3rem;
transition: 0.3s;
}
#itiran:visited {
text-decoration: none;
color: #fff;
}
#itiran:hover {
text-decoration: none;
opacity: 0.7;
}
#itiran:active {
text-decoration: none;
}

/* CSR推進 */
#hdr_csr {
background: url("../img/csr/hdr_csr.png") no-repeat bottom;
background-size: cover;
}
#csr {
font-size: 1.6rem;
line-height: 2.4rem;
}
#csr h3 {
border: 0.1rem solid #636363;
padding: 1.4rem 2.5rem;
background: url("../img/csr/back_h.png") no-repeat;
background-position: 0.3rem 0.3rem;
display: inline-block;
font-size: 2.2rem;
color: #000;
margin: 4.4rem 0 2.6rem 0;
font-weight: bold;
}
#csr ul {
margin: 2.4rem 0;
}
#csr li {
margin: 0.6rem 0;
}

/* 会社情報 */
#message {
width: 22.4rem;
margin: 5rem auto 0 auto;
text-align: center;
font-size: 2.4rem;
font-family: "游明朝","YuMincho";
border-bottom: 0.2rem solid #c9c9c9;
padding-bottom: 1rem;
}
#message div {
font-size: 1.6rem;
margin-top: 0.2rem;
}
#rinen {
color: #000;
text-align: center;
font-family: "游明朝","YuMincho";
font-weight: normal;
}
#rinen dt {
font-size: 1.8rem;
margin-bottom: 1rem;
}
#shinjo {
color: #000;
font-family: "游明朝","YuMincho";
font-weight: normal;
margin: 4rem auto;
width: 27rem;
}
#shinjo h3 {
font-size: 1.8rem;
margin-bottom: 1.4rem;
text-align: center;
}

/* お問い合わせ */
#toiblock {
text-align: center;
margin-top: 6.8rem;
color: #000;
}
#toiblock h3 {
font-size: 1.8rem;
margin-bottom: 2rem;
}
#toiblock h4 {
margin-bottom: 0.4rem;
}
#toiblock p {
font-size: 4rem;
margin-bottom: 1.6rem;
}
#toiblock p a:link {
color: #000;
}
#toiblock p a:visted{
color: #000;
}
#toiblock p a:hover {
color: #000;
text-decoration: none;
}
#toiblock p a:active {
color: #000;
}
#toiblock small {
font-size: 1.8rem;
display: block;
margin-bottom: 2rem;
}
#toiblock div {
margin: 4rem 0 30rem 0;
}

/* 環境・品質方針 */
#hdr_env {
background: url("../img/environment/hdr_env.png") no-repeat bottom;
background-size: cover;
}
.env_h {
color: #fff;
background: url("../img/environment/back_enh.png");
margin-bottom: 4rem;
}
.envh3 {
color: #fff;
display: inline-block;
background: #2351a6;
border-radius: 0.8rem;
padding: 1rem 3.6rem;
font-size: 1.8rem;
margin-bottom: 2.4rem;
}
.envp1 {
font-size: 1.6rem;
margin-bottom: 3rem;
}
.point3 {
background: #ebebeb;
border-radius: 0.8rem;
padding: 3rem;
display: flex;
justify-content: space-between;
margin: 2rem 0;
}

/* 境林工場 */
.toku {
background: url("../img/factory/back_dis.png") no-repeat center;
background-size: cover;
margin-top: 2.2rem;
padding: 3.2rem 0;
color: #fff;
font-size: 1.6rem;
}
.toku h3 {
font-size: 2.4rem;
margin-bottom: 2rem;
}
.toku ul {
padding-left: 2rem;
}
.toku li {
margin: 1.6rem 0;
list-style-type: decimal;
}
#map {
width: 100%;
height: 24rem;
}
.new_tb {
width: 60rem;
margin: 5rem auto;
border-collapse: collapse;
}
.new_tb th, .new_tb td {
border: 0.1rem solid #ccc;
text-align: center;
padding: 1rem 0;
}
.new_tb th {
background: #efefef;
}

/* 採用情報 */
#hdr_recruit {
background: url("../img/recruit/hdr_recruit.png") no-repeat bottom;
background-size: cover;
}
#tb_rec caption {
text-align: left;
margin-bottom: 1rem;
}
#tb_rec th, #tb_rec td {
border: 0.1rem solid #cecece;
padding: 1.8rem 1.4rem;
vertical-align: top;
}
#tb_rec th {
width: 24%;
text-align: left;
}


/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 980px) {

/* トップページ */
#container {
height: 36rem;
}
#slide {
height: 36rem;
}
#topp {
text-align: center;
}
#quality {
position: relative;
height: 30.2rem;
background: url("../img/top/back_qa_img.png") no-repeat right;
background-size: cover;
margin: 8rem 0 8.4rem 0;
color: #fff;
}
#banner {
width: 85rem;
margin: 0 auto;
display: flex;
justify-content: space-between;
color: #fff;
}
#banner article {
width: 40rem;
font-size: 1.8rem;
}
#banner article img {
margin-bottom: 0.6rem;
}
#top_read {
font-size: 3rem;
line-height: 3.6rem;
text-align: center;
margin: 4.8rem 0 3.8rem 0;
}
#quality article {
position: absolute;
top: 0;
left: 0;
width: 50.8rem;
height: 30.2rem;
background: url("../img/top/back_quality.png") no-repeat;
padding: 3.6rem 0 0 4.2rem;
}
#quality article p {
font-size: 2.2rem;
line-height: 3.6rem;
margin-bottom: 6rem;
}
#quality article h3 {
font-size: 2.4rem;
border-left: 0.5rem solid #fff;
padding-left: 1rem;
margin-bottom: 3.4rem;
}
#quality article a:link {
display: block;
color: #fff;
border: 0.1rem solid #fff;
padding: 0.8rem 0 0.8rem 2rem;
background: url("../img/arrow_right.png") no-repeat;
background-position: 14rem 1.8rem;
width: 16.6rem;
transition: 0.3s;
}
#quality article a:visited {
text-decoration: none;
color: #fff;
border: 0.1rem solid #fff;
}
#quality article a:hover {
text-decoration: none;
opacity: 0.5;
}
#quality article a:active {
text-decoration: none;
}
#banner article p {
padding: 0.8rem 0 0.8rem 2.4rem;
line-height: 1.8rem;
background: url("../img/arrow_right.png") no-repeat;
background-position: 38rem 1.4rem;
}
#news {
width: 64.2rem;
margin: 0 auto;
}
#news_read {
background: url("../img/top/back_news.png");
text-align: center;
color: #fff;
font-size: 2.4rem;
line-height: 2.4rem;
padding: 1.2rem 0;
margin: 7rem 0 5rem 0;
}

/* 会社情報 */
#ais {
width: 80rem;
margin: 4.4rem auto 6rem auto;
display: flex;
justify-content: space-between;
font-family: "游明朝","YuMincho";
}
#ais div {
width: 16.8rem;
text-align: center;
}
#ais div h3 {
font-size: 1.8rem;
margin-top: 0.4rem;
font-weight: bold;
}
#ais div h3 div {
font-size: 1.1rem;
}
#ais article {
width: 60rem;
}
#ais article p {
margin-bottom: 3rem;
font-weight: 500;
}
#tb_comp3 {
border-collapse: collapse;
width: 89.6rem;
margin: 0 auto;
font-size: 1.6rem;
}
#tb_comp3 th {
border: 0.1rem solid #afafaf;
background: #f0f0f0;
width: 24%;
}
#tb_comp3 td {
border: 0.1rem solid #afafaf;
padding: 3rem 4.2rem;
}
#rinen dd {
font-size: 3rem;
line-height: 3.6rem;
}
#shinjo li {
font-size: 2.6rem;
line-height: 2.6rem;
margin-bottom: 2.6rem;
border-collapse: collapse;
}
#tb_comp1, #tb_comp2 {
width: 64rem;
margin: 0 auto 6rem auto;
font-size: 1.6rem;
}
#tb_comp1 th, #tb_comp1 td, #tb_comp2 th, #tb_comp2 td {
border-bottom: 0.1rem dotted #ccc;
vertical-align: top;
}
#tb_comp1 th {
text-align: left;
padding: 1.2rem 1.2rem 1.2rem 2rem;
background: url("../img/company/back_table.png") no-repeat;
background-position: 0.4rem 2rem;
}
#tb_comp1 td, #tb_comp2 td {
padding: 1.2rem 1.2rem 1.2rem 0;
}
#tb_comp2 th {
text-align: left;
font-weight: 500;
padding: 1.2rem;
width: 20%;
}

/* 境林工場 */
.toku article {
width: 78rem;
margin: 0 auto;
}
.fac {
display: flex;
justify-content: space-between;
margin: 5.6rem 0 5.2rem 0;
font-size: 1.6rem;
}
.fac h2 {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 1.6rem;
}
.fac p {
margin-bottom: 3.2rem;
}
.fac dt {
font-weight: bold;
}
.fac_l {
width: 42.2rem;
}
.fac_r {
width: 51rem;
}
#three {
width: 78rem;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.tb_fac {
border-collapse: collapse;
width: 76rem;
margin: 0 auto 7rem auto;
}
.tb_fac caption {
background: #2f77b8;
color: #fff;
padding:0.4rem;
margin-bottom: 0.8rem;
}
.tb_fac th, .tb_fac td {
border: 0.1rem solid #cecece;
text-align: center;
padding: 0.4rem;
}
#syas {
display: flex;
justify-content: space-between;
margin-top: 1rem;
}
.new_tb {
width: 60rem;
margin: 5rem auto;
border-collapse: collapse;
}
.new_tb th, .new_tb td {
border: 0.1rem solid #ccc;
text-align: center;
padding: 1rem 0;
}
.new_tb th {
background: #efefef;
}
#product {
background: #e8edf0;
padding: 5rem 0;
text-align: center;
}
#product article {
width: 76rem;
margin:  0 auto;
}
#product article h2 {
color: #fff;
font-size: 2.4rem;
font-weight: bold;
padding: 1.2rem 0;
background: #4b70b6;
width: 54rem;
margin: 0 auto 1rem auto;
}
#product article p {
margin-bottom: 4rem;
}
#product article > div {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#product article > div > div {
background: #fff;
border: 0.1rem solid #cbcbcb;
width: 35rem;
padding: 0.9rem 0.9rem 2rem 0.9rem;
margin-bottom: 4rem;
}
#product article > div > div h3 {
font-weight: bold;
}
#product article > div > div:nth-child(5) {
margin-bottom: 0;
}
#product article > div > div:nth-child(6) {
margin-bottom: 0;
}

/* 環境・品質方針 */
.env_h h2 {
width: 80rem;
margin: 0 auto;
font-family: "游明朝","YuMincho";
padding: 1.6rem 0;
font-size: 2.6rem;
}
.env_h h2 span {
font-size: 1.6rem;
margin-left: 2.6rem;
}
.point3 div {
width: 3.2rem;
font-size: 4.8rem;
line-height: 4.8rem;
color: #2351a6;
}
.point3 p {
width: 68rem;
font-size: 1.6rem;
}
#iso14 div  {
width: 29.5rem;
}
#iso14 ul  {
width: 46rem;
font-size: 1.6rem;
}
#iso90 div  {
width: 29.5rem;
}
#iso90 ul  {
width: 46rem;
font-size: 1.8rem;
margin-top: 3rem;
}
#iso14 {
display: flex;
justify-content: space-between;
margin: 4.4rem 0 6.6rem 0;
}
#iso14 li  {
margin: 2rem 0;
list-style-type: decimal;
}
#iso14 ul p::before  {
content: "※";
margin-left: -1.6rem;
}
#iso90 {
display: flex;
justify-content: space-between;
margin: 4.4rem 0 6.6rem 0;
}
#iso90 li  {
margin: 3rem 0;
list-style-type: decimal;
}
#iso90 ul h4  {
margin-left: -1.6rem;
}
#hins {
position: relative;
width: 38rem;
margin: 0 auto;
background: #efefef;
text-align: center;
color: #000;
letter-spacing: 0.8rem;
font-size: 3.6rem;
padding: 3rem 0;
font-family: "游明朝","YuMincho";
}
#hins div  {
position: absolute;
top: -1rem;
left: 15.4rem;
font-size: 1.8rem;
color: #2351a6;
letter-spacing: 0;
font-weight: bold;
}

/* CSR推進 */
#csr_h {
font-size: 2.6rem;
color: #000;
text-align: center;
margin-bottom: 0.6rem;
}
#csr_h span {
color: #a71414;
}
#csr_u {
width: 26.4rem;
margin: 0 auto;
border-top: 0.1rem solid #c9c9c9;
}
#csr_dis {
font-size: 1.6rem;
text-align: center;
color: #000;
}
#csr_dis span {
color: #2477cc;
}


/* 採用情報 */
#tb_rec {
width: 82.4rem;
margin: 5rem auto;
border-collapse: collapse;
font-size: 1.6rem;
}

}


/* タブレット用
------------------------------------------------------------*/
@media only screen and (min-width: 641px) and (max-width: 979px) {

/* トップページ */
#container {
height: 32rem;
}
#slide {
height: 32rem;
}
#slide2 div img {
width: 98%;
margin: 0 auto;
}
#topp {
text-align: center;
padding: 0 4rem;
}
#quality {
position: relative;
height: 30.2rem;
background: url("../img/top/back_qa_img.png") no-repeat left;
background-size: cover;
margin: 8rem 0 8.4rem 0;
color: #fff;
}
#banner {
width: 98%;
margin: 0 auto;
display: flex;
justify-content: space-between;
color: #fff;
}
#banner article {
width: 48%;
font-size: 1.8rem;
}
#banner article img {
margin-bottom: 0.6rem;
width: 100%;
height: auto;
}
#top_read {
font-size: 3rem;
line-height: 3.6rem;
text-align: center;
margin: 4.8rem 0 3.8rem 0;
}
#quality article {
position: absolute;
top: 0;
left: 0;
width: 50.8rem;
height: 30.2rem;
background: url("../img/top/back_quality.png") no-repeat;
padding: 3.6rem 0 0 4.2rem;
}
#quality article p {
font-size: 2.2rem;
line-height: 3.6rem;
margin-bottom: 6rem;
}
#quality article h3 {
font-size: 2.4rem;
border-left: 0.5rem solid #fff;
padding-left: 1rem;
margin-bottom: 3.4rem;
}
#quality article a:link {
display: block;
color: #fff;
border: 0.1rem solid #fff;
padding: 0.8rem 0 0.8rem 2rem;
background: url("../img/arrow_right.png") no-repeat;
background-position: 14rem 1.8rem;
width: 16.6rem;
transition: 0.3s;
}
#quality article a:visited {
text-decoration: none;
}
#quality article a:hover {
text-decoration: none;
opacity: 0.5;
}
#quality article a:active {
text-decoration: none;
}
#banner article p {
padding: 0.8rem 0 0.8rem 2.4rem;
line-height: 1.8rem;
background: url("../img/arrow_right.png") no-repeat;
background-position: 38rem 1.4rem;
}
#news {
width: 64.2rem;
margin: 0 auto;
}
#news_read {
background: url("../img/top/back_news.png");
text-align: center;
color: #fff;
font-size: 2.4rem;
line-height: 2.4rem;
padding: 1.2rem 0;
margin: 7rem 0 5rem 0;
}

/* 会社情報 */
#ais {
width: 100%;
padding: 0 1rem;
margin: 3rem 0;
display: flex;
justify-content: space-between;
font-family: "游明朝","YuMincho";
}
#ais div {
width: 16.8rem;
text-align: center;
}
#ais div h3 {
font-size: 1.8rem;
margin-top: 0.4rem;
font-weight: bold;
}
#ais div h3 div {
font-size: 1.1rem;
}
#ais article {
width: 56rem;
}
#ais article p {
margin-bottom: 3rem;
font-weight: 500;
}
#tb_comp3 {
border-collapse: collapse;
width: 98%;
margin: 0 auto;
font-size: 1.6rem;
}
#tb_comp3 th {
border: 0.1rem solid #afafaf;
background: #f0f0f0;
width: 24%;
}
#tb_comp3 td {
border: 0.1rem solid #afafaf;
padding: 3rem 1.2rem;
}
#rinen dd {
font-size: 3rem;
line-height: 3.6rem;
}
#shinjo li {
font-size: 2.6rem;
line-height: 2.6rem;
margin-bottom: 2.6rem;
border-collapse: collapse;
}
#tb_comp1, #tb_comp2 {
width: 64rem;
margin: 0 auto 6rem auto;
font-size: 1.6rem;
}
#tb_comp1 th, #tb_comp1 td, #tb_comp2 th, #tb_comp2 td {
border-bottom: 0.1rem dotted #ccc;
vertical-align: top;
}
#tb_comp1 th {
text-align: left;
padding: 1.2rem 1.2rem 1.2rem 2rem;
background: url("../img/company/back_table.png") no-repeat;
background-position: 0.4rem 2rem;
}
#tb_comp1 td, #tb_comp2 td {
padding: 1.2rem 1.2rem 1.2rem 0;
}
#tb_comp2 th {
text-align: left;
font-weight: 500;
padding: 1.2rem;
width: 20%;
}

/* 境林工場 */
.toku article {
width: 96%;
margin: 0 auto;
}
.fac {
margin: 5.6rem 0 5.2rem 0;
font-size: 1.6rem;
text-align: center;
}
.fac h2 {
font-size: 2.4rem;
font-weight: bold;
margin: 1.6rem 0;
}
.fac p {
margin-bottom: 3.2rem;
}
.fac dt {
font-weight: bold;
}
.fac_l {
width: 100%;
}
.fac_r {
width: 100%;
}
#three {
width: 98%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.tb_fac {
border-collapse: collapse;
width: 76rem;
margin: 0 auto 7rem auto;
}
.tb_fac caption {
background: #2f77b8;
color: #fff;
padding:0.4rem;
margin-bottom: 0.8rem;
}
.tb_fac th, .tb_fac td {
border: 0.1rem solid #cecece;
text-align: center;
padding: 0.4rem;
}
#syas {
display: flex;
justify-content: space-between;
margin: 1rem auto 0 auto;
width: 70%;
}
.new_tb {
width: 60rem;
margin: 5rem auto;
border-collapse: collapse;
}
.new_tb th, .new_tb td {
border: 0.1rem solid #ccc;
text-align: center;
padding: 1rem 0;
}
.new_tb th {
background: #efefef;
}
#product {
background: #e8edf0;
padding: 5rem 2rem;
text-align: center;
}
#product article {
}
#product article h2 {
color: #fff;
font-size: 2.4rem;
font-weight: bold;
padding: 1.2rem 0;
background: #4b70b6;
width: 54rem;
margin: 0 auto 1rem auto;
}
#product article p {
margin-bottom: 4rem;
}
#product article > div {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#product article > div > div {
background: #fff;
border: 0.1rem solid #cbcbcb;
width: 35rem;
padding: 0.9rem 0.9rem 2rem 0.9rem;
margin-bottom: 4rem;
}
#product article > div > div img {
width: 100%;
height: auto;
}
#product article > div > div h3 {
font-weight: bold;
}
#product article > div > div:nth-child(5) {
margin-bottom: 0;
}
#product article > div > div:nth-child(6) {
margin-bottom: 0;
}

/* 環境・品質方針 */
.env_h h2 {
width: 100%;
padding: 1.6rem 1.4rem;
font-family: "游明朝","YuMincho";
font-size: 2.6rem;
}
.env_h h2 span {
font-size: 1.6rem;
margin-left: 2.6rem;
}
.point3 div {
width: 3.2rem;
font-size: 4.8rem;
line-height: 4.8rem;
color: #2351a6;
}
.point3 p {
width: 64rem;
font-size: 1.6rem;
}
#iso14 div  {
width: 29.5rem;
}
#iso14 ul  {
width: 42rem;
font-size: 1.6rem;
padding-right: 1rem;
}
#iso90 div  {
width: 29.5rem;
}
#iso90 ul  {
width: 42rem;
font-size: 1.8rem;
margin-top: 3rem;
padding-right: 1rem;
}
#iso14 {
display: flex;
justify-content: space-between;
margin: 4.4rem 0 6.6rem 0;
}
#iso14 li  {
margin: 2rem 0;
list-style-type: decimal;
}
#iso14 ul p::before  {
content: "※";
margin-left: -1.6rem;
}
#iso90 {
display: flex;
justify-content: space-between;
margin: 4.4rem 0 6.6rem 0;
}
#iso90 li  {
margin: 3rem 0;
list-style-type: decimal;
}
#iso90 ul h4  {
margin-left: -1.6rem;
}
#hins {
position: relative;
width: 38rem;
margin: 0 auto;
background: #efefef;
text-align: center;
color: #000;
letter-spacing: 0.8rem;
font-size: 3.6rem;
padding: 3rem 0;
font-family: "游明朝","YuMincho";
}
#hins div  {
position: absolute;
top: -1rem;
left: 15.4rem;
font-size: 1.8rem;
color: #2351a6;
letter-spacing: 0;
font-weight: bold;
}

/* CSR推進 */
#csr_h {
font-size: 2.6rem;
color: #000;
text-align: center;
margin-bottom: 0.6rem;
}
#csr_h span {
color: #a71414;
}
#csr_u {
width: 26.4rem;
margin: 0 auto;
border-top: 0.1rem solid #c9c9c9;
}
#csr_dis {
font-size: 1.6rem;
text-align: center;
color: #000;
}
#csr_dis span {
color: #2477cc;
}

/* 採用情報 */
#tb_rec {
width: 98%;
margin: 5rem auto;
border-collapse: collapse;
font-size: 1.6rem;
}

}


/* スマートフォン用
------------------------------------------------------------*/
@media only screen and (max-width: 640px) {

/* トップページ */
#container {
height: 22rem;
}
#slide {
height: 22rem;
}
#slide2 img {
width: 98%;
margin: 2rem auto 0 auto;
height: auto;
}
#topp {
text-align: center;
padding: 0 2rem;
}
#quality {
position: relative;
height: 27rem;
background: url("../img/top/back_qa_img.png") no-repeat right;
background-size: cover;
margin: 8rem 0 4.4rem 0;
color: #fff;
}
#banner {
width: 94%;
margin: 0 auto;
color: #fff;
}
#banner article {
width: 100%;
font-size: 1.8rem;
}
#banner article img {
margin-bottom: 0.6rem;
width: 100%;
height: auto;
}
#top_read {
font-size: 2rem;
line-height: 3.6rem;
text-align: center;
margin: 4.8rem 0 3.8rem 0;
}
#quality article {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 27rem;
background: #2351a6 url("../img/top/back_quality.png") no-repeat;
padding: 3.6rem 0 0 4.2rem;
}
#quality article p {
font-size: 1.8rem;
line-height: 3.6rem;
margin-bottom: 3rem;
}
#quality article h3 {
font-size: 2.4rem;
border-left: 0.5rem solid #fff;
padding-left: 1rem;
margin-bottom: 2rem;
}
#quality article a:link {
display: block;
color: #fff;
border: 0.1rem solid #fff;
padding: 0.8rem 0 0.8rem 2rem;
background: url("../img/arrow_right.png") no-repeat;
background-position: 14rem 1.8rem;
width: 16.6rem;
transition: 0.3s;
}
#quality article a:visited {
text-decoration: none;
}
#quality article a:hover {
text-decoration: none;
opacity: 0.5;
}
#quality article a:active {
text-decoration: none;
}
#banner article p {
padding: 0.8rem 0 0.8rem 2.4rem;
line-height: 1.8rem;
background: url("../img/arrow_right.png") no-repeat;
background-position: 38rem 1.4rem;
margin-bottom: 3rem;
}
#news {
width: 100%;
padding: 0 1rem;
}
#news_read {
background: url("../img/top/back_news.png");
text-align: center;
color: #fff;
font-size: 1.8rem;
line-height: 2.4rem;
padding: 1.2rem 0;
margin: 4rem 0;
}

/* 会社情報 */
#ais {
width: 98%;
margin: 4.4rem auto 6rem auto;
font-family: "游明朝","YuMincho";
}
#ais div {
width: 100%;
text-align: center;
margin-bottom: 0.4rem;
}
#ais div h3 {
font-size: 1.8rem;
margin-top: 0.4rem;
font-weight: bold;
}
#ais div h3 div {
font-size: 1.1rem;
}
#ais article {
margin-top: 2rem;
padding: 0 1rem;
}
#ais article p {
margin-bottom: 3rem;
font-weight: 500;
}
#tb_comp3 {
border-collapse: collapse;
width: 98%;
margin: 0 auto;
font-size: 1.2rem;
}
#tb_comp3 th {
border: 0.1rem solid #afafaf;
background: #f0f0f0;
width: 24%;
}
#tb_comp3 td {
border: 0.1rem solid #afafaf;
padding: 1rem;
}
#rinen dd {
font-size: 2rem;
line-height: 3.6rem;
}
#shinjo li {
font-size: 2rem;
line-height: 2.6rem;
margin-bottom: 2.6rem;
text-align: center;
}
#tb_comp1, #tb_comp2 {
width: 98%;
margin: 0 auto 6rem auto;
font-size: 1.2rem;
}
#tb_comp1 th, #tb_comp1 td, #tb_comp2 th, #tb_comp2 td {
border-bottom: 0.1rem dotted #ccc;
vertical-align: top;
}
#tb_comp1 th {
text-align: left;
padding: 1.2rem 1.2rem 1.2rem 0.8rem;
background: url("../img/company/back_table.png") no-repeat;
background-position: 0 1.8rem;
width: 20%
}
#tb_comp1 td, #tb_comp2 td {
padding: 1.2rem 1.2rem 1.2rem 0;
}
#tb_comp1 td {
padding-left: 0;
}
#tb_comp2 th {
text-align: left;
font-weight: 500;
padding: 1.2rem;
width: 22%;
}

/* 境林工場 */
.toku article {
width: 94%;
margin: 0 auto;
}
.fac {
margin: 5.6rem 0 5.2rem 0;
font-size: 1.6rem;
text-align: center;
}
.fac img {
width: 100%;
height: auto;
}
.fac h2 {
font-size: 2rem;
font-weight: bold;
margin: 1.6rem 0;
}
.fac p {
margin-bottom: 3.2rem;
}
.fac dt {
font-weight: bold;
}
.fac_l {
width: 100%;
}
.fac_r {
width: 100%;
}
#three {
width: 96%;
margin: 0 auto;
text-align: center;
}
#three img {
margin-bottom: 1rem;
}
.tb_fac {
border-collapse: collapse;
width: 56rem;
margin: 0 auto 7rem auto;
font-size: 1.2rem;
}
.tb_fac caption {
background: #2f77b8;
color: #fff;
padding:0.4rem;
margin-bottom: 0.8rem;
}
.tb_fac th, .tb_fac td {
border: 0.1rem solid #cecece;
text-align: center;
padding: 0.4rem;
}
#syas {
margin: 1rem auto 0 auto;
width: 70%;
text-align: center;
}
#syas img {
width: 100%;
height: auto;
margin-bottom: 1rem;
}
.new_tb {
width: 100%;
margin: 5rem auto;
border-collapse: collapse;
}
.new_tb th, .new_tb td {
border: 0.1rem solid #ccc;
text-align: center;
padding: 0.6rem 0;
display: block;
border-bottom: none;
}
.new_tb th {
background: #efefef;
}
.new_tb td:last-child {
border-bottom: 0.1rem solid #ccc;
}
#product {
background: #e8edf0;
padding: 5rem 1rem;
text-align: center;
}
#product article {
width: 100%;
}
#product article h2 {
color: #fff;
font-size: 1.8rem;
font-weight: bold;
padding: 1.2rem 0;
background: #4b70b6;
margin: 0 auto 1rem auto;
}
#product article p {
margin-bottom: 4rem;
}
#product article > div {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#product article > div > div {
background: #fff;
border: 0.1rem solid #cbcbcb;
width: 48%;
padding: 0.9rem 0.9rem 2rem 0.9rem;
margin-bottom: 4rem;
}
#product article > div > div img {
width: 100%;
height: auto;
}
#product article > div > div h3 {
font-weight: bold;
}
#product article > div > div:nth-child(5) {
margin-bottom: 0;
}
#product article > div > div:nth-child(6) {
margin-bottom: 0;
}

/* 環境・品質方針 */
.env_h h2 {
width: 100%;
padding: 1.6rem 1.4rem;
font-family: "游明朝","YuMincho";
font-size: 2.6rem;
}
.env_h h2 span {
font-size: 1.6rem;
margin-left: 2.6rem;
}
.point3 div {
width: 3.2rem;
font-size: 4.8rem;
line-height: 4.8rem;
color: #2351a6;
}
.point3 p {
width: 80%;
font-size: 1.6rem;
}
#iso14 div  {
width: 100%;
}
#iso14 ul  {
width: 100%;
font-size: 1.6rem;
}
#iso90 div  {
width: 100%;
padding: 0 1rem;
}
#iso90 ul  {
width: 100%;
font-size: 1.8rem;
margin-top: 3rem;
padding-left: 2rem;
}
#iso14 {
margin: 4.4rem 0 6.6rem 0;
text-align: center;
}
#iso14 li  {
margin: 2rem 0;
list-style-type: decimal;
text-align: left;
}
#iso14 ul {
padding-left: 2.6rem;
}
#iso14 ul p {
text-align: left;
}
#iso14 ul p::before  {
content: "※";
margin-left: -1.6rem;
}
#iso90 {
margin: 4.4rem 0 6.6rem 0;
text-align: center;
padding: 0 1rem;
}
#iso90 li  {
margin: 3rem 0;
list-style-type: decimal;
text-align: left;
}
#iso90 ul h4  {
margin-left: -1.6rem;
text-align: left;
}
#hins {
position: relative;
width: 98%;
margin: 0 auto;
background: #efefef;
text-align: center;
color: #000;
letter-spacing: 0.8rem;
font-size: 3.6rem;
padding: 3rem 0;
font-family: "游明朝","YuMincho";
}
#hins div  {
position: absolute;
top: -1rem;
left: 0;
font-size: 1.8rem;
color: #2351a6;
letter-spacing: 0;
font-weight: bold;
text-align: center;
width: 100%;
}

/* CSR推進 */
#csr_h {
font-size: 2.2rem;
color: #000;
text-align: center;
margin-bottom: 0.6rem;
}
#csr_h span {
color: #a71414;
}
#csr_u {
width: 26.4rem;
margin: 0 auto;
border-top: 0.1rem solid #c9c9c9;
}
#csr_dis {
font-size: 1.4rem;
text-align: center;
color: #000;
padding: 0 2rem;
}
#csr_dis span {
color: #2477cc;
}

/* 採用情報 */
#tb_rec {
width: 98%;
margin: 5rem auto;
border-collapse: collapse;
font-size: 1.6rem;
}

}