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

body {
width: inherit;
overflow-x: hidden;
font-size: 15px;
}



/*---------------------------------------------------------------------
 共通設定
---------------------------------------------------------------------*/
.spNone {
display: none !important;
}

.see_more1 p, .see_more2 p {
    width: 100px;
    background-size: 100px auto;
}

.top_ttl h2 img {
    width: auto;
    height: 30px;
}





/*---------------------------------------------------------------------
 TOPページ
---------------------------------------------------------------------*/
header {
    height: 80px;
}

h1 {
    display: none;
    position: static;
    padding: 5px 10px;
}

header .logo {
    width: 100%;
    padding: 10px;
}
header .logo img {
width: 210px;
}




#sidebar1, #sidebar2 {
    width: 50px;
}
#sidebar1 .in1, #sidebar2 .in1 {
}
#sidebar1 .in1 img, #sidebar2 .in1 img {
    width: 7px;
}
.bx_catch p img {
    width: 60vw;
}

	.gnav__wrap ul {
	 width: 100%;
    max-width: 260px;
    /* margin-left: auto; */
    margin-right: auto;
	}
	
.gnav__menu__item {
	width: 70%;
    margin: 5px auto;
	display: block;
}
.gnav__menu__item a {
    padding: 10px;
    font-size: 15px;
    width: 100%;
}



.side_toggle {
height: 20vh;
    width: 50px;
}
.menu {
    width: 20px;
}
.bx_catch {
    left: 10px;
}


#top_news {
height: 20vh;
    font-size: 13px
}
#top_news dl {
display: block;
padding-left: 10px;
    padding-right: 10px;
    line-height: 1.3;
}
#top_news dt {
display: block;
width: 100%;
}
#top_news .txt1 {
width: 100%;
    padding-right: 0;
    text-align: left;
}
#top_news .txt2 {
width: 100%;
    text-align: left;
}
#top_news dd {
width: 100%;
display: block;
}
#top_news .txt3 {
width: 100%;
    text-align: left;
}
#top_news .txt4 {
width: 100%;
}
#top_news .txt5 {
width: 100%;
}
#top_news .see_more1, .see_more2 {
    text-align: right;
}


.topcontent_wrap {
    margin-left: 50px;
}


.top_unit01 {
margin-top: 0;
margin-bottom: 0;
padding-top: 50px;
padding-bottom: 50px;
    background-color: #b60000;
}
.top_unit01::before {
display: none;
}
.top_unit01_wrap {
    display: block;
    padding-right: 20px;
padding-left: 20px;
}
.top_unit01 .in1 .top_ttl {
    margin-top: 0;
    margin-bottom: 30px;
}
.top_unit01 .in1 .top_ttl h2 {
    margin-bottom: 10px;
}
.top_unit01 .top_ttl .sub {
    margin-bottom: 20px;
    letter-spacing: 0;
}
.top_unit01 .in1 {
    width: 100%;
margin-bottom: 20px;
padding: 0;
}
.top_unit01 .in1 .txt {
    line-height: inherit;
}
.top_unit01 .in2 {
    width: 100%;
    margin: 0 -2.5px;
}
.top_unit01 .in2 .in2_inner {
width: 100%;
position: relative;
margin-bottom: 10px;
padding: 0;
}
.top_unit01 .in2 .in2_box {
margin-bottom: 0;
}
.top_unit01 .in2 .in2_inner::after {
content: "";
position: absolute;
width: 15px;
height: 15px;
top: 50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
right: 10px;
margin: auto;
background-image: url(../img/arrow1.png);
background-repeat: no-repeat;
background-position: right center;
background-size: auto 15px;
}
.top_unit01 .in2 .in2_box .in_txt {
}
.top_unit01 .in2 .in2_box .in_img {
    height: 150px;
    width: 100%;
}
.top_unit01 .in2 .in2_box .in_img img {
    width: inherit;
height: inherit;
    object-fit: cover;
    border-right: 0;
}
.top_unit01 .in2 .in2_box .in_txt .txt1 {
    font-size: 20px;
}
.top_unit01 .in2 .in2_box .in_txt .in_text_box {
    padding: 5px;
    font-size: 16px;
    line-height: 1.3;
background: none;
}


.top_unit02 {
    padding-top: 50px;
    padding-bottom: 30px;
}
.top_unit02_01 {
    display: block;
    margin-bottom: 50px;
padding-right: 20px;
padding-left: 20px;
}
.top_unit02_01 .in {
    width: 100%;
    margin-bottom: 10px;
padding: 0 !important;
}
.top_unit02_01 .bnr a {
    display: block;
}
.top_unit02_01 .in_img::after {
    display: none;
}
.top_unit02_01 .bnr_ttl h2 img {
height: 35px;
}
.top_unit02_01 .in_img img {
    border-right: 5px solid #f00;
}
.top_unit02_01 .bnr_ttl .sub {
width: 180px;
    margin: 0 20px;
    padding: 5px;
    font-size: 14px;
    background-position: center right 5px;
    background-size: 14px auto;
}


.top_unit02_02 {
    width: 100%;
    margin-bottom: 50px;
    padding-right: 20px;
    padding-left: 20px;
}
.top_unit02_02 .top_ttl {
    display: block;
    align-items: end;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.top_unit02_02 .top_ttl h2 {
    width: 100%;
}
.top_unit02_02 .top_ttl h2 img {
height: 30px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}
.top_unit02_02 .top_ttl .sub {
    width: 100%;
text-align: center;
}
.top_unit02_02 .txt {
    font-size: 16px;
    line-height: inherit;
}


.top_unit02_03 .in_img {
    width: 100%;
    height: 300px;
}
.top_unit02_03 .in_img img {
width: inherit;
object-fit: cover;
height: inherit;
}
.top_unit02_03 .in_txt {
    width: 100%;
    margin-bottom: 50px;
    padding: 0 20px;
}
.top_unit02_03 .top_ttl h2 img {
    height: 30px;
}


.top_unit04 {
    padding-top: 50px;
    padding-bottom: 20px;
}
.top_unit04_wrap {
    padding-right: 20px;
    padding-left: 20px;
}
.top_unit04 .top_ttl {
    margin-bottom: 30px;
}
.top_unit04 .top_ttl .sub {
    margin-bottom: 10px;
}
.top_unit04 .inner {
    margin: 0;
}
.top_unit04 .col {
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
}
.top_unit04 .col_ttl {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 16px;
}
.top_unit04 .col_txt {
    margin-bottom: 5px;
    font-size: inherit;
    line-height: inherit;
}


.top_unit05 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.top_unit05_wrap {
    padding-right: 20px;
    padding-left: 20px;
}
.top_unit05 .in_img {
    height: 450px;
    width: 100%;
}
.top_unit05 .in_img img {
width: inherit;
height: inherit;
object-fit: cover;
object-position: 100% 0;
border: 2px solid #fff;
}
.top_unit05 .in_txt {
    width: 100%;
    padding: 0 20px;
}
.top_unit05 .top_ttl .sub {
    margin-bottom: 10px;
}

.top_unit05 .txt {
    font-size: inherit;
    line-height: inherit;
}


.foot_bg {
    padding-top: 50px;
    padding-bottom: 20px;
}
footer .top_ttl {
    margin-bottom: 30px;
}
.sitemap {
margin-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
}
.sitemap_ul {
    display: block;
}
.sitemap_li {
    width: 100% !important;
margin-bottom: 10px;
padding-bottom: 10px;
    font-size: 16px;
border-left: 0;
border-bottom: 1px solid #fff;
}
.sitemap_li > a {
    padding: 5px;
    line-height: 1.3;
    text-align: center;
}
.sitemap_sub {
    margin-top: 0px;
    text-align: center;
}
.sitemap_sub li > a {
    padding: 5px 5px 5px 20px;
    font-size: 12px;
}
.sitemap_li:nth-of-type(5) {
    border-right: 0;
    border-bottom: 0;
}


.foot_address .logo img {
    width: 220px;
}

.foot_nav {
    margin-bottom: 30px;
}
.foot_nav ul {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    font-size: inherit;
}
.foot_nav li a {
    width: 100%;
    padding: 8px 20px;
}


.foot_address {
    display: block;
    padding-right: 20px;
    padding-left: 20px;
}
.foot_address .logo {
    width: 100%;
    margin-bottom: 20px;
padding-right: 0;
padding-left: 0;
    text-align: center;
}
.foot_address .box1 {
    width: 100%;
    display: block;
    font-size: inherit;
     text-align: center !important;
}
.foot_address .txt1 {
    display: inline-block;
    width: auto;
    height: inherit;
    margin-bottom: 10px;
    padding: 3px 10px;
    text-align: center;
    line-height: 1.3;
    border: 1px solid #fff;
}
.foot_address .txt2 {
    width: 100%;
    padding-left: 0;
}
.foot_address .box2{
    width: 100%;
    margin-top: 10px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    }
    
.foot_address .box2 .snsicon{
    width: 40px;
    }   

.copyright {
    padding: 10px;
}
.copyright small {
    font-size: 14px;
}



/*---------------------------------------------------------------------
 下層共通
---------------------------------------------------------------------*/
#lower {
}
#lower .container,
#lower .container2,
#lower .container3 {
width: 100%;
margin-left: 0;
padding-right: 20px;
padding-left: 20px;
}
#lower .wrap {
width: 100%;
padding-right: 20px;
padding-left: 20px;
}

.main {
padding-top: 100px;
padding-bottom: 50px;
}



/*---------------------------------------------------------------------
 下層個別ページ
---------------------------------------------------------------------*/
.products_unit03 .box2col .in {
    padding-bottom: 20px;
}

.qualitymanage_unit01 .box2col_R .in_img,
.qualitymanage_unit01 .box2col_R .in_txt,
.environment_unit01 .box2col_R .in_img,
.environment_unit01 .box2col_R .in_txt {
    width: 100%;
}


.employment_unit04 .box2col .in:nth-of-type(1),
.employment_unit04 .box2col .in:nth-of-type(2) {
    width: 100%;
}
.employment_unit04 .box2col .in img {
max-width: 230px;
}

.qualitymanage_unit01 img,
.environment_unit01 img {
/*
width: auto !important;
max-width: 100% !important;
*/
}


/**/
}
/**************************************************************************************************/
@media screen and (max-width: 680px) {



/**/
}
/**************************************************************************************************/
@media screen and (max-width: 600px) {



/**/
}
/**************************************************************************************************/
@media screen and (max-width: 500px) {



/**/
}
/**************************************************************************************************/
@media screen and (max-width: 400px) {



/**/
}
/**************************************************************************************************/
@media screen and (max-width: 350px) {



/**/
}