body {
	font-family: -apple-system, blinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', Meiryo, arial, sans-serif;
}

.effect_slide_left {
	transform: translate(0, 0);
}

.effect .effect_each.delay1, 
.effect_scroll .effect_scroll_each.delay1 {
	transition-delay: 0s;
}
.effect .effect_each.delay2, 
.effect_scroll .effect_scroll_each.delay2 {
	transition-delay: 0s;
}
.effect .effect_each.delay3, 
.effect_scroll .effect_scroll_each.delay3 {
	transition-delay: 0s;
}
.effect .effect_each.delay4, 
.effect_scroll .effect_scroll_each.delay4 {
	transition-delay: 0s;
}
.effect .effect_each.delay5, 
.effect_scroll .effect_scroll_each.delay5 {
	transition-delay: 0s;
}
.effect .effect_each.delay6, 
.effect_scroll .effect_scroll_each.delay6 {
	transition-delay: 0s;
}

@media (max-width: 500px) {
	a.readmore:link, 
	a.readmore:visited, 
	a.readmore:hover, 
	a.readmore:active {
		display: block;
		padding: 12px 0;
	}
}

/**/

.wrapper_nav_footer {
	display: block;
	text-align: center;
}
.wrapper_nav_footer > span {
	padding: 0;
}

h3.h3_nav_footer {
	text-align: justify;
}

/****************************
  header
****************************/

#header div.bar {
	display: block;
}

#header div.bar span.left {
	display: none;
}
#header div.bar span.right {
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
}

#header div.bar a {
	height: 36px;
	margin: 0;
	line-height: 36px;
}

div.inner {
	background-color: rgba(7, 42, 137, .8);
}

a#logo {
	left: 10px;
	padding: 2px 0 0 60px;
	font-size: 18px;
	line-height: 28px;
}
a#logo div {
	padding: 1px 0 0 3px;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
}

#nav-toggle {
	right: 20px;
}

/****************************
  footer
****************************/

#footer {
	padding-right: 0;
	padding-left:  0;
}

#footer ul > li {
	width: 45%;
}
#footer ul > li > a {
	padding: 1em 0;
	font-size: 1.3em;
}

/****************************
  home
****************************/

#home_summary > div {
	padding-right: 15px;
	padding-left: 15px;
}

h1.h1_home_summary {
	text-align: left;
}

p.p_home_summary {
	text-align: left;
}

a.btn_home_products {
	width: calc(100% - 30px);
	padding: 10px 0px;
}

a.btn_home_products span {
	width: 100%;
	padding: 20px 0px;
}

#home_products_pc, 
#home_products_pc:after {
	display: none;
}

#home_products_sp {
	display: block;
	width: 100%;
	height: 200px;
	margin:  0;
	padding: 0;
	background-image: url(../../files/home/products.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
	position: relative;
}
#home_products_sp:before {
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;
	content: '';
	background-color: rgba(0, 0, 0, .25);
}
#home_products_sp > div {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 20px;
	z-index: 0;
}

h3.h3_home_products {
	padding: 2em 0 0;
}

#home_recruit, 
#home_entry {
	display: block;
	height: initial;
}
#home_recruit > div, 
#home_entry   > div {
	display: block;
	width: 100%;
	height: initial;
	padding: 30px 15px;
}
#home_recruit > div.home_recruit_left, 
#home_entry > div.home_entry_right {
	height: 500px;
}

#home_entry > div.home_entry_right {
	background-position: right center;
}

dl.dl_home_news {
	margin: 0;
	text-align: left;
}
dl.dl_home_news > dt {
	padding: 1em 0 0 0;
	text-align: left;
	white-space: nowrap;
}
dl.dl_home_news > dd {
	padding: 1em 0 0 .5em;
	text-align: left;
}

ul.ul_home_profile > li {
	display: block;
	width: 100%;
	height: initial;
	padding: 50px 15px;
}

p.p_home_profile {
	text-align: justify;
}

.link_home_profile {
	text-align: center;
}

/****************************
  contents
****************************/

.visual_top {
	height: 400px;
}

.visual_top_title {
	top: 53%;
}

h1.h1_contents1 {
	font-size: 40px;
}

h2.h2_contents1 {
	font-size: 20px;
}

h3.h3_contents, 
h4.h4_contents, 
p.p_contents, 
ul.ul_contents li {
	text-align: left;
}

/****************************
  news
****************************/

@media (max-width: 500px) {
	dl.dl_news {
		margin:  0;
		padding: 0;
	}
	dl.dl_news, 
	dl.dl_news > dt, 
	dl.dl_news > dd {
		display: block;
		padding: 0;
	}
	dl.dl_news > dt {
		width: initial;
		padding: 40px 0 0;
		text-align: left;
	}
	dl.dl_news > dt strong {
		display: inline-block;
		margin:  0 .5em 0 0;
		padding: 0;
	}
	dl.dl_news > dt div {
		display: inline-block;
		margin: 0 0 0 .5em;
	}
	dl.dl_news > dt b {
		margin: 0;
	}
	dl.dl_news > dd {
		padding: 0 0 60px;
	}

	h2.h2_news {
		padding: .5em 0 0;
	}

	a.figure_news > figure {
		width: 100%;
	}
}

/****************************
  products
****************************/

.wrapper_products_summary {
	margin: -50px auto 10px;
	padding: 20px 10px 10px;
}

h3.h3_products_summary {
	text-align: justify;
	font-size: 15px;
}

p.p_products_summary {
	text-align: justify;
	font-size: 14px;
	line-height: 1.5;
}

dl.dl_products_body {
	height: 200px;
}
dl.dl_products_body, 
dl.dl_products_body > dt, 
dl.dl_products_body > dd {
	display: block;
	width: 100%;
	text-align: center;
}
dl.dl_products_body {
	height: initial;
	margin: 0 0 30px;
}
dl.dl_products_body > dt {
	padding: 1em 0;
	font-size: 24px;
}
dl.dl_products_body > dt > span {
	padding: 1em 0 0;
	font-size: 18px;
}
dl.dl_products_body > dd {
	padding: 1em 0;
}

dl.dl_products_body.package {
	background-position: center top;
}
dl.dl_products_body.electrical {
	background-position: center top;
}

/****************************
  quality
****************************/

.wrapper_products_summary.quality {
	margin-bottom: 10px;
}

h3.h3_quality_summary {
	text-align: justify;
	font-size: 15px;
}

h4.h4_quality_body {
	text-align: justify;
	font-size: 16px;
}

/****************************
  recruit
****************************/

.visual_top.recruit {
	background-position: 52% 30%;
}

/****************************
  sustainability
****************************/

h2.sustainability_summary_h2 {
	font-size: 24px;
	line-height: 1.3;
}

h2.sustainability_summary_h2 > div {
	display: block;
	padding: 10px 0 0;
}

h2.sustainability_summary_h2 > div.first {
	padding: 0;
}

p.sustainability_summary_p {
	padding: 1em 0 0;
	font-size: 16px;
	line-height: 1.7;
}

.sustainability_signature {
	min-height: initial;
	padding: 0;
	background-position: center top;
}

.sustainability_signature > p {
	padding: 130px 0 0;
	text-align: center;
}

table.sustainability_table {
	border-collapse: collapse;
	border-spacing: 0px;
	display: block;
	margin: 0px 0 0;
}

table.sustainability_table th {
	display: none;
}

table.sustainability_table td {
	display: block;
	height: initial;
	margin: 20px 0 0;
}

table.sustainability_table td.pictogram {
	width: 100%;
	margin: 50px 0 0;
	vertical-align: top;
}

.sustainability_arrow {
	background-size: 270px auto;
}

h3.sustainability_h3 {
	padding: 14px 10px 10px;
	text-align: left;
	font-size: 18px;
	line-height: 1.3;
}

.sustainability_footer {
	min-height: initial;
	margin: 40px 0 0;
	padding: 0 0 200px;
	background-position: center bottom;
}

.sustainability_intern_wrapper {
	display: block;
	width: 100%;
	margin: 0;
	padding: 50px 0 0;
}

.sustainability_intern_wrapper > div {
	width: 100%;
	margin: 0;
	padding: 0;
}

.sustainability_intern_wrapper > figure {
	width: 100%;
	margin: 0;
	padding: 20px 0 0;
}

.sustainability_intern_wrapper > div > h4 {
	font-size: 16px;
}

.sustainability_intern_wrapper > div > p {
	font-size: 14px;
}