@charset "utf-8";
/* Theme Name: Hanwha */

strong {
	font-weight: bold;
}

br.single {
	display: none;
}

h1, 
h2, 
h3, 
h4, 
h5, 
p {
	margin: 0;
}

#wrapper {
	overflow: hidden;
	min-width: 1240px;
}
@media screen and (max-width: 767px) {
	#wrapper {
		margin: 0 auto;
		width: 480px;
		min-width: 0;
	}
}

.year-list {
	position: relative;
	margin: 0 auto;
	width: 1040px;
	padding: 0 20px;
	box-sizing: border-box;
}
.year-list ul{
	width: 55%;
    text-align: left;
    display: inline-block;
    line-height: 3.5rem;
}

.content-width {
	position: relative;
	margin: 0 auto;
	width: 1040px;
	padding: 0 20px;
	box-sizing: border-box;
}
.content-width.add_max {
	max-width: 1040px;
	width: 100%;
}
.content-width ul{
	width: 100%;
    text-align: left;
    display: inline-block;
    line-height: 2.5rem;
}
#list_comit{
	width: 100%;
    text-align: left;
    display: flex;
    line-height: 3.5rem;
    box-sizing: border-box;
}
#list_comit li{
	display: flex;
    flex-direction: column;
    width: 33%;
}
#list_comit li:nth-child(2){
	margin: 0 20px;
}
@media screen and (max-width: 767px) {
	#list_comit{
		flex-direction: column;
	}
	#list_comit li{
		width: 100%;
		margin-bottom: 40px;
	}
	#list_comit li:nth-child(2){
		margin: 0 0 40px;
	}
	.content-width {
		width: 480px;
		padding: 0 15px;
	}
	.content-width.add_max {
		max-width: 480px;
		width: 100%;
		padding: 0 15px;
	}
	
	.content-width ul{
		width: 100%;
 		max-width: 400px;
		text-align: left;
		margin: 0 auto;
	}
}

.wrap-width {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.wrap-width {
		width: 480px;
		padding: 0 15px;
	}
}

a {
	transition-property: opacity;
	transition-duration: 0.35s;
}
a.link-btn {
	display: block;
	margin: 0 auto;
	width: 172px;
	border: 2px solid #fff;
	border-radius: 21px;
	box-sizing: border-box;
	background: transparent no-repeat left top;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 38px;
	transition-property: border-color, background-color, color;
	transition-duration: .3s;
}
a.link-btn:hover {
	border-color: #ff7200;
	background-color: #ff7200;
	color: #fff;
	opacity: 1;
}

#type-visual {
	content: '';
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.type-visual {
	position: relative;
	display: table;
	width: 100%;
	height: 344px;
	padding-top: 88px;
	box-sizing: border-box;
	background: transparent no-repeat center center;
	background-size: cover;
}
.type-visual.news-visual {
	background-color: #8eb4e3;
}
.type-visual.about-visual {
	background-color: #fbb584;
}
.type-visual.business-visual {
	background-color: #b1c426;
}
.type-visual.about-hanwha-visual {
	background-color: #dadbdf;
}
.type-title {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.type-title .en, 
.type-title .ja {
	display: block;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
.type-title .en {
	color: #000;
	font-size: 3.2rem;
	letter-spacing: 0.06em;
}
.recruit-visual .type-title .en {
	color: #fff;
}
.type-title .en .char, 
.type-title .en .img-box {
	display: inline-block;
	vertical-align: middle;
}
.type-title .en .img-box {
	margin: 0 10px;
}
.type-visual.about-hanwha-visual .type-title .en .img-box {
	padding-bottom: 6px;
}
.type-title .ja {
	color: #ff7200;
	font-size: 1.6rem;
}

.common-caption {
	margin-bottom: 45px;
}
.common-caption .en, 
.common-caption .ja {
	display: block;
	line-height: 1.4;
}
.common-caption .en {
	color: #000;
	font-size: 3.2rem;
	letter-spacing: 0.06em;
}
.common-caption .en .logo, 
.common-caption .en .char {
	display: inline-block;
	vertical-align: middle;
}
.common-caption .en .logo {
	margin-right: 8px;
}
.logo_history {
	margin-left: 18px;
}
#hanwha-vision .common-caption .en .logo, 
#hanwha-spirit-core-value .common-caption .en .logo, 
#hanwha-history-head .common-caption .en .logo {
	padding-bottom: 6px;
}
.common-caption .ja {
	color: #ff7200;
	font-size: 1.5rem;
}

.section-title-wrap {
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 40px;
	background: transparent no-repeat center bottom;
	text-align: center;
}
.section-title {
	margin-bottom: 10px;
	font-size: 3.2rem;
	line-height: 1;
}
.section-title.img-box {
	line-height: 0;
}
.section-subtitle {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
}
.section-subtitle.img-box {
	line-height: 0;
}
.title-icon .circle, 
.title-icon .border {
	position: absolute;
	left: 50%;
}
.title-icon .circle {
	z-index: 2;
	bottom: 0;
	margin-left: -9px;
}
.title-icon .border {
	z-index: 1;
	bottom: 9px;
	margin-left: -84px;
}
.section-inner {
	padding-top: 80px;
	padding-bottom: 60px;
}
.section-description-text {
	text-align: center;
	line-height: 1.85;
}
@media screen and (max-width: 767px) {
	.section-title-wrap {
		margin-bottom: 30px;
	}
	.section-description-text {
		text-align: left;
	}
}

.about-link-list {
	font-size: 0;
}
.about-link-list li {
	display: inline-block;
	vertical-align: top;
	width: 400px;
}
.about-link-list li a {
	display: block;
}
.about-link-list li a:hover {
	opacity: 1;
}
.about-link-list li .about-image {
	position: relative;
	background: #ff7d26 no-repeat left top;
	color: #fff;
	overflow: hidden;
}
.about-link-list li.news .about-image {
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	line-height: 310px;
}
.about-link-list li .about-image img {
	transition-property: transform;
	transition-duration: .3s;
}
.about-link-list li a:hover .about-image img {
	transform: scale(1.1);
}
.about-link-list li .about-image .coming-soon {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5) no-repeat left top;
	color: #333;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
}
.about-link-list li .about-image .coming-soon .table {
	height: 100%;
}
.about-link-list li .about-text {
	padding: 40px;
}
.about-text .about-link-title {
	margin-bottom: 5px;
	color: #000;
	font-size: 2.2rem;
}
.about-text .about-link-text {
	color: #000;
	font-size: 1.4rem;
	line-height: 1.85;
}
.about-link-list li .more-icon {
	padding-left: 100px;
	background: transparent no-repeat left 40px center;
	background-image: url('./images/top/about_icon_01.png');
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 29px;
}
@media screen and (max-width: 767px) {
	.about-link-list {
		text-align: center;
	}
	.about-link-list li {
		margin-bottom: 50px;
	}
	.about-link-list li:last-child {
		margin-bottom: 0;
	}
	.about-link-list li .about-text {
		padding: 20px 0;
	}
	.about-link-list li .more-icon {
		padding-left: 176px;
		background-position: left 110px center;
		font-size: 1.6rem;
		text-align: left;
	}
}

.number-list {
	font-size: 0;
}
.number-list li {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 80px;
	width: 33.333%;
	text-align: center;
}
.number-list li.num_widht_add {
	width: 23.333%;
}
@media screen and (max-width: 767px) {
	.number-list li.num_widht_add{
		width: 50%;
	}
}

.number-list li .item-name {
	margin-bottom: 20px;
	color: #ff7200;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.4;
}
.number-list li .item-image {
	margin-bottom: 40px;
}
.number-list li .item-image .time_most{
	width: 40%;
}
@media screen and (max-width: 767px) {
	.number-list li .item-image .time_most {
		width: 60%;
	}
}
.number-list li .item-number {
	margin-bottom: 8px;
	color: #ff7200;
	line-height: 1;
}
.number-list li .item-number .number {
	font-size: 7rem;
	vertical-align: baseline;
}
.number-list li .item-number .unit {
	font-size: 2.6rem;
	font-weight: bold;
}
.number-list li .notice {
	color: #707070;
	font-size: 1.4rem;
}
.number-list li .item-number .odometer-formatting-mark:not(.odometer-radix-mark) {
	display: none;
}
@media screen and (max-width: 767px) {
	.number-list li {
		margin-bottom: 50px;
		width: 50%;
	}
	.number-list li .item-name {
		margin-bottom: 15px;
	}
	.number-list li .item-image {
		margin-bottom: 25px;
	}
	.number-list li .item-number .number {
		font-size: 6rem;
	}
}

/* -----------topページ一番下文言追加250804------------- */
.numer_under_text{
	display: flex;
	justify-content: center;
	color: #707070;
	font-size: 1.2rem;
}
.inner_text_box{
	display: flex;
	flex-direction: column;
}



/* ----------------------------------------------------*/


h3.type-head {
	margin-bottom: 10px;
	font-size: 2.2rem;
	text-align: center;
}
.career-recruit-list {
	margin-bottom: 65px;
}
.career-recruit-list > li {
	border-top: 2px solid #eaeaea;
	font-size: 0;
}
.career-recruit-list > li:last-child {
	border-bottom: 2px solid #eaeaea;
}
.career-recruit-list li .date, 
.career-recruit-list li .title-box {
	display: inline-block;
	vertical-align: top;
}
.career-recruit-list li .date {
	width: 100px;
	padding: 27px 0 23px;
	font-size: 1.5rem;
	text-align: center;
}
.career-recruit-list li .title-box {
	padding-top: 6px;
}
.career-recruit-list li .title-box ul.category {
	margin-bottom: 2px;
}
.career-recruit-list li .title-box ul.category li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 15px;
	background: #ff7200 no-repeat left top;
	color: #fff;
	font-size: 1.2rem;
}
.career-recruit-list li .title-box a.title {
	font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
	.career-recruit-list li .title-box {
		width: 310px;
	}
}


/* =Layout
-------------------------------------------------------------- */
#container {
	float: left;
	box-sizing: border-box;
	width: 74%;
	margin-right: 2%
}
#sidebar {
	float: right;
	box-sizing: border-box;
	width: 24%;
}

/* = Header
-------------------------------------------------------------- */
#header {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1240px;
	background: rgba(0, 0, 0, 0.6) no-repeat left top;
	transition-property: background-color;
	transition-duration: .3s;
}
#header:hover {
	background-color: #fff;
}
.site-title, 
#site-title {
	float: left;
	margin-left: 3rem;
}
.site-title a, 
#site-title a {
	display: block;
	padding: 2.5rem 0;
}
#site-title .hover-on {
	display: none;
}
#site-title .hover-off {
	display: block;
}
.gnav, 
#gnav {
	float: right;
	margin-right: 5rem;
}
.gnav > ul, 
#gnav > ul {
	font-size: 0;
}
.gnav > ul > li, 
#gnav > ul > li {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	transition-property: color;
	transition-duration: .3s;
}
#header:hover #gnav > ul > li {
	color: #000;
}
.gnav ul li {
	color: #333;
}
.gnav > ul > li > a, 
#gnav > ul > li > a, 
#gnav > ul > li > span {
	position: relative;
	display: block;
	padding: 3rem 1.8rem;
}
.gnav > ul > li:hover > a, 
#gnav > ul > li:hover > a, 
#gnav > ul > li:hover > span {
	color: #ff7200;
	opacity: 1;
}
.gnav > ul > li:hover > a::after, 
#gnav > ul > li:hover > a::after, 
#gnav > ul > li:hover > span::after {
	content: '';
	position: absolute;
	z-index: 1;
	bottom: 26px;
	left: 50%;
	margin-left: -31px;
	width: 62px;
	height: 2px;
	background: #ff7200 no-repeat left top;
}
.hover-menu {
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 34px 0;
	box-sizing: border-box;
	background: #2a394a no-repeat left top;
	color: #fff;
	font-size: 0;
	text-align: center;
	opacity: 0;
	pointer-events: none;
	transition-property: opacity;
	transition-duration: .3s;
}
.hover-menu.about-hanwha-q-cells-japan {
	padding-right: 330px;
}
.hover-menu.business-introduction {
	padding-right: 45px;
}
#gnav ul li:hover a + .hover-menu, 
#gnav > ul > li:hover > span + .hover-menu {
	opacity: 1;
	pointer-events: auto;
}
.hover-menu ul {
	font-size: 0;
	text-align: right;
}
.hover-menu ul li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 45px;
	font-size: 1.6rem;
	font-weight: normal;
	text-align: center;
}
.hover-menu ul li a {
	display: block;
	color: #fff;
}
.hover-menu ul li a:hover {
	color: #ff7200;
	opacity: 1;
}
/* グリーンエネルギー hoverメニュー */
.business-introduction {
	padding: 0;
}
.hover-menu.business-introduction > ul > li > a {
    padding: 34px 0;
}
.green-energy-menu,
.security-menu {
	opacity: 0;
	position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 34px 0;
    box-sizing: border-box;
    background: #2a3a4bcc no-repeat left top;
    color: #fff;
    text-align: center;
    pointer-events: none;
    transition-property: opacity;
    transition-duration: .3s;
}
.green-energy:hover + .green-energy-menu,
.green-energy-menu:hover,
.security:hover + .security-menu,
.security-menu:hover
 {
	opacity: 1;
	pointer-events: auto;
}
.hover-menu ul .green-energy-menu li:not(:last-child) {
	margin-right: 20px;
} 
.green-energy-menu a,
.security-menu a {
	background: #fff;
	padding: 10px 20px;
	border-radius: 50px;
}
.green-energy-menu a.onsite {
	font-size: 18px;
    font-weight: bold;
    color: #ff7200 !important;
    line-height: 1 !important;
	padding: 12px 22px 10px;
}
.green-energy-menu a:hover,
.security-menu a:hover {
	background: #ffffffcc;
}
.green-energy-menu .img-box img {
	height: 20px;
}
.security-menu li {
	margin-right: 275px !important;
}
.security-menu a {
	padding: 5px 20px;
}
.security-menu .img-box img {
	height: 30px;
}

@media screen and (min-width: 768px) {
	#header:hover #site-title .hover-off {
		display: none;
	}
	#header:hover #site-title .hover-on {
		display: block;
	}
}

@media screen and (max-width: 767px) {
	#header {
		left: 50%;
		margin-left: -240px;
		width: 480px;
		min-width: 0;
	}
	#site-title {
		margin-left: 1.5rem;
		width: 240px;
	}
	#site-title a {
		padding: 2rem 0;
	}
	.sp-menu-btn {
		content: '';
		float: right;
		position: relative;
		width: 70px;
		height: 70px;
	}
	.sp-menu-btn span {
		content: '';
		display: block;
		position: absolute;
		z-index: 1;
		left: 50%;
		margin-left: -20px;
		width: 40px;
		height: 4px;
		background: #fff no-repeat left top;
	}
	.sp-menu-btn span:first-child {
		top: 20px;
	}
	.sp-menu-btn span:last-child {
		bottom: 20px;
	}
	.sp-menu-btn span:nth-child(2n) {
		top: 50%;
		margin-top: -2px;
	}
	#header:hover {
		background-color: rgba(0, 0, 0, 0.6);
	}
}


/* = .breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs {
	margin-bottom: 80px;
	border-bottom: 1px solid #eaeaea;
	font-size: 0;
}
.breadcrumbs span[typeof="ListItem"] {
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid #eaeaea;
	font-size: 1.2rem;
	transform: skewX(-20deg);
}
.breadcrumbs span[typeof="ListItem"]:first-child {
	border-left: 1px solid #eaeaea;
}
.breadcrumbs a, 
.breadcrumbs .link-border {
	display: block;
	border-width: 0 0 4px;
	border-style: solid;
}
.breadcrumbs a {
	border-color: #d6d6d6;
	color: #c2c0c0;
}
.breadcrumbs a:hover, 
.breadcrumbs .link-border {
	border-color: #ff7200;
	color: #333;
	opacity: 1;
}
.breadcrumbs span[property="name"] {
	display: block;
	padding: 12px 30px;
	transform: skewX(20deg);
}
@media screen and (max-width: 767px) {
	.breadcrumbs {
		font-size: inherit;
	}
	.breadcrumbs .wrap-width {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.breadcrumbs span[typeof="ListItem"] {
		border: none;
		font-size: inherit;
		transform: skewX(0);
	}
	.breadcrumbs span[typeof="ListItem"]:first-child {
		border: none;
	}
	.breadcrumbs a, 
	.breadcrumbs .link-border {
		border: none;
	}
	.breadcrumbs a {
		color: #ff7200;
	}
	.breadcrumbs span[property="name"] {
		padding: 0;
		transform: skewX(0);
	}
}


/* = Footer
-------------------------------------------------------------- */
#footer {
	margin-top: 80px;
}
#footer .site-menu {
	padding: 50px 0;
	background: #cfbd8d no-repeat left top;
	font-size: 0;
}
#footer .site-menu .link-container {
	display: inline-block;
	vertical-align: top;
	/* width: 28%; */
	width: fit-content;
	margin-right: 60px;
	font-size: 1.4rem;
}
#footer .site-menu .link-container.others {
	/* width: 16%; */
	width: fit-content;
	margin-right: 0;
}
.site-menu .link-container .cat-head {
	margin-bottom: 10px;
	font-size: 1.6rem;
	font-weight: bold;
}
.site-menu .link-container .cat-head:last-child {
	margin-bottom: 0;
}
.site-menu .link-container .link-list li {
	margin-bottom: 8px;
}
.site-menu .link-container .link-list li:last-child {
	margin-bottom: 0;
}
#copyright {
	padding: 5px 0 30px;
	color: #a1a1a1;
	font-size: 1.1rem;
	text-align: center;
}
@media screen and (max-width: 767px) {
	#footer .site-menu .link-container {
		width: 50%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	#footer .site-menu .link-container:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	#copyright {
		padding: 15px 0;
	}
}


/* = Entry List
-------------------------------------------------------------- */
.entry-list-item {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #eee;
}
.entry-list-item .inner {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding: 10px;
	background: #fff;
}
.entry-list-item .thumb {
	float: left;
	max-width: 30%;
	margin-right: 2%;
	text-align: center;
}
.entry-list-item .content-box {
	float: left;
	max-width: 68%;
}
.entry-list-item .entry-meta-box {
	margin-bottom: 8px;
}
.entry-list-item .entry-meta {
	display: inline-block;
	margin-right: 10px;
	font-size: 1.3rem;
	vertical-align: middle;
}
.entry-list-item .cat-item {
	display: inline-block;
	padding: 4px 8px;
	color: #fff;
	background: #000;
	vertical-align: top;
}

.entry-list-item .title {
	font-size: 2rem;
	margin: 0 0 10px;
}
.entry-list-item .text {
	font-size: 1.6rem;
	margin: 0 0 10px;
}
@media screen and (max-width: 480px) {
	.entry-list-item .thumb {
		float: none;
		max-width: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.entry-list-item .content-box {
		float: none;
		max-width: none;
	}
}

/* = Sidebar 
-------------------------------------------------------------- */
.side-title {
	margin: 0 0 15px;
	font-size: 2rem;
}

.side-box {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 15px;
	padding: 5px;
	color: #fff;
	background: #4d7ac5;
	border: 1px solid #000;
}
.side-box .title {
	margin: 0 0 10px;
	font-size: 1.6rem;
	border-bottom: 1px solid #fff;
}


.result_count {
	margin-bottom: 15px;
	text-align: center;
	font-size: 1.4rem;
	color: #999;
}

/* = #nav-below
-------------------------------------------------------------- */
#nav-below {
	padding: 2.5rem 0 0;
	font-size: 1.4rem;
	border-top: 1px solid #eee;
}
#nav-below .leftside {
	float: left;
	box-sizing: border-box;
	width: 50%;
}
#nav-below .rightside {
	float: right;
	box-sizing: border-box;
	width: 50%;
	border-left: 1px solid #eee;
	text-align: right;
}
#nav-below h3 {
	margin: 0 0 1rem 0;
	font-size: 1.5rem;
}
#nav-below a {
	display: table;
	width: 100%;
}
#nav-below .imgbox {
	box-sizing: border-box;
	display: table-cell;
	width: 74px;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
	vertical-align: middle;
}
#nav-below a img {
	width: 100%;
}
#nav-below a h4 {
	display: table-cell;
	padding: 0 1rem;
	font-weight: normal;
	line-height: 1.25;
	-webkit-font-smoothing: initial;
	-moz-osx-font-smoothing: unset;
	vertical-align: middle;
}
#nav-below .first,
#nav-below .last {
	margin: 2.85rem 0;
}

@media screen and (max-width: 736px) {
	#nav-below {
		margin-bottom: 4rem;
	}
	#nav-below a h4 {
		font-size: 1.3rem;
	}
}


@media screen and (max-width: 1000px) {
	#mmenu-btn {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	#container {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	#sidebar {
		float: none;
		width: 100%;
	}
}


/*****************************************************************
 * NEWS
 *****************************************************************/
.year-archive-link {
	padding: 18px 0;
	border-bottom: 1px solid #d6d6d6;
	font-size: 0;
	text-align: center;
}
.year-archive-link li {
	margin-right: 60px;
	display: inline-block;
	vertical-align: top;
	font-size: 1.4rem;
}
.year-archive-link li:last-child {
	margin-right: 0;
}
.category-link {
	font-size: 0;
}
.category-link ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.category-link li {
	display: table-cell;
	vertical-align: top;
	/* width: 33.333%; */
	font-size: 1.8rem;
	text-align: center;
}
.category-link li a {
	display: block;
	padding: 17px 0;
	border-bottom: 4px solid #d6d6d6;
}
.category-link li.current-cat a {
	border-color: #ff7200;
	color: #ff7200;
	font-weight: bold;
	pointer-events: none;
}
.news-list {
	margin-top: 50px;
	margin-bottom: 40px;
}
.news-list li {
	display: table;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #d6d6d6;
	box-sizing: border-box;
}
.news-list li .date-box, 
.news-list li .info-box {
	display: table-cell;
	vertical-align: top;
}
.news-list li .date-box {
	width: 160px;
}
.news-list li .info-box .cat-box {
	margin-bottom: 10px;
	font-size: 0;
}
.news-list li .info-box .cat-box a {
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	padding: 0 8px;
	background: #ff7200 no-repeat left top;
	color: #fff;
	font-size: 1.2rem;
}
.news-list li .info-box .cat-box a:last-child {
	margin-right: 0;
}
.news-list li .info-box .cat-box a.press-release {
	background-color: #fbb584;
}
.news-list li .info-box .cat-box a.chemical {
	background-color: #8eb4e3;
}
.news-list li .info-box .cat-box a.solar-energy {
	background-color: #b1c426;
}
.news-list li .info-box .cat-box a.overseas-press-release {
	background-color: #d9d9d9;
	color: #000;
}
.news-list li .info-box .cat-box a.trade {
	background-color: #b94f06;
}
.news-list li .info-box .cat-box a.security {
	background-color: #cfbd8d;
}
.news-list li .info-box .cat-box a.e-commerce {
	background-color: #7c452b;
}
/* 関連会社情報 */
.news-list li .info-box .cat-box a.group-companies {
	background-color: #9E9E9E;
	font-size: 1.4rem;
}
/* 技術ページ抽出用の内部マーカータグ（技術ページ以外の一覧ではグレー表示） */
.news-list li .info-box .cat-box a.tech-related-tag {
	background-color: #9E9E9E;
}
.news-list li .info-box .cat-box.add_ib_cb {
	display: inline-block;
}
.news-list li .info-box .cat-box.add_ib_cb a {
	vertical-align: initial;
	height: 25.5px;
	line-height: 1.9;
	font-size: 1.4rem;
	padding: 2px 6px 0;
}
.news-list li .info-box .title {
	min-height: 4.4rem;
	line-height: 1.4;
}
.new_icon_box{
	display: inline-block;
}
.new_icon{
	background-color: #ff7200;
    color: #fff;
    padding: 2px 5px 1px;
    margin-bottom: 10px;
    display: inline-block;
}
@media screen and (max-width: 767px) {
	.year-archive-link li {
		margin-right: 30px;
	}
	.category-link li {
		font-size: 1.2rem;
	}
}

/* = Pagenavi
-------------------------------------------------------------- */
.wp-pagenavi {
	clear: both;
	margin-bottom: 50px;
	padding: 20px 0;
	font-size: 1.8rem;
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
	margin: 0 1em;
	height: 1.8em;
	text-align: center;
	vertical-align: middle;
}
.wp-pagenavi a:hover, 
.wp-pagenavi span {
	height: 1.8em;
	border-bottom: 2px solid #ff7200;
	box-sizing: border-box;
	color: #ff7200;
	font-weight: bold;
	opacity: 1;
	text-decoration: none;
}
.wp-pagenavi .extend {
	width: 1em;
	color: #000;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
}
.wp-pagenavi .extend::after {
	content: "…";
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	position: relative;
	vertical-align: middle;
}


ul.career-recruit-list li .title-box .category .trade {
	background: #b94f06 no-repeat left top;
}
ul.career-recruit-list li .title-box .category .solar-energy {
	background: #b1c426 no-repeat left top;
}


/* = taxonomy-subject
-------------------------------------------------------------- */
.product-head-description {
	margin-bottom: 20px;
}
.product-scroll-link {
	margin-bottom: 70px;
	padding: 12px 0;
	font-size: 0;
}
.product-scroll-link li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	font-size: 1.4rem;
}
.product-scroll-link li:last-child {
	margin-right: 0;
}
.product-scroll-link li a {
	display: block;
	padding: 0 14px;
	border: 2px solid #ff7200;
	border-radius: 22px;
	background: #fff no-repeat left top;
	color: #ff7200;
	text-align: center;
	line-height: 40px;
	transition-property: background-color, color;
	transition-duration: 0.25s;
}
.product-scroll-link li a:hover {
	background-color: #ff7200;
	color: #fff;
	opacity: 1;
}
.product-list {
	margin-bottom: 40px;
}
.product-list .list-box {
	margin-bottom: 70px;
	padding-bottom: 40px;
}
.product-list .list-box:last-child {
	margin-bottom: 0;
}
.product-list .product-category {
	margin-bottom: 10px;
	color: #0f0f0f;
	font-size: 2.6rem;
	font-weight: bold;
}
.product-list .child-category {
	position: relative;
	padding: 6px 0 6px 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #ff7200;
	font-size: 2rem;
	font-weight: bold;
}
.product-list .child-category:hover {
	cursor: pointer;
}
.product-list .child-category::before {
	content: '';
	position: absolute;
	top: 0;
	right: 50px;
	bottom: 0;
	width: 32px;
	height: 32px;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
	border-radius: 50%;
}
.product-list .child-category::after {
	content: '';
	position: absolute;
	top: 9px;
	right: 61px;
	width: 10px;
	height: 10px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #ff7200;
	box-sizing: border-box;
	transform: rotate(135deg);
}
.product-list .child-category.active::after {
	top: 13px;
	transform: rotate(-45deg);
}
.product-list ul {
	display: none;
	font-size: 0;
}
.product-list ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 29px;
	margin-bottom: 30px;
	width: 314px;
}
.product-list ul li:nth-child(3n) {
	margin-right: 0;
}
.product-list ul li .thumb {
	margin-bottom: 20px;
}
.product-list ul li .thumb a {
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
}
.product-list ul li .thumb a:hover {
	opacity: 1;
}
.product-list ul li .thumb a .cover {
	display: none;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5) no-repeat left top;
}
.product-list ul li .thumb a:hover .cover {
	display: block;
}
.product-list ul li .thumb a .cover .icon {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	padding: 0 20px;
	border-radius: 23px;
	background: #ff7200 no-repeat left top;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 46px;
}
.product-list ul li .thumb img {
	height: auto;
}
.product-list ul li .text .sub-title {
	color: #3d3d3d;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
}
.product-list ul li .text .name {
	margin-bottom: 10px;
	color: #ff7200;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
}
.product-list ul li .text .excerpt {
	font-size: 1.4rem;
}
.direct-sales {
	margin-bottom: 40px;
}
.direct-sales h3 {
	display: inline-block;
	margin-bottom: 20px;
	border-bottom: 2px solid #ff7200;
	font-size: 2rem;
	font-weight: bold;
}
.fixed-contact-btn {
	position: fixed;
	z-index: 2;
	bottom: 5%;
	right: 20px;
}
.fixed-contact-btn a {
	display: block;
}
.fixed-contact-btn .circle {
	content: '';
	margin: 0 auto 10px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #ff7200 no-repeat center center;
	background-image: url('./images/common/icon_mail_01.png');
}
.fixed-contact-btn .char {
	color: #ff7200;
	font-size: 1.3rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
}
.subject-btn {
	text-align: center;
}
.subject-btn a {
	display: inline-block;
	padding: 0 70px;
	border: 2px solid #ff7200;
	border-radius: 26px;
	background: #fff no-repeat left top;
	color: #ff7200;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 48px;
	transition-property: background-color, color;
	transition-duration: 0.2s;
}
.subject-btn a:hover {
	background-color: #ff7200;
	color: #fff;
	opacity: 1;
}
@media screen and (max-width: 767px) {
	.product-scroll-link li {
		margin-right: 4%;
		width: 48%;
	}
	.product-scroll-link li:nth-child(2n) {
		margin-right: 0;
	}
	.product-list ul li {
		width: 210px;
		margin-right: 20px;
	}
	.product-list ul li:nth-child(3n) {
		margin-right: 20px;
	}
	.product-list ul li:nth-child(2n) {
		margin-right: 0;
	}
	.product-list ul li .thumb a:hover .cover {
		display: none;
	}
	.product-list ul li .text .excerpt {
		font-size: 1.3rem;
	}
}


/* = support press_release
-------------------------------------------------------------- */
.support-content .description {
	margin-bottom: 40px;
}
.article-list {
	margin-bottom: 20px;
}
.article-list .article-item {
	margin-bottom: 20px;
}
.article-list .article-item:last-child {
	margin-bottom: 0;
}
.article-list .article-item .thumb {
	float: left;
	width: 200px;
}
.article-list .article-item .thumb img {
	height: auto;
}
.article-list .article-item .text {
	margin-left: 200px;
	padding: 20px;
}
.article-list .article-item .text .support-name {
	margin-bottom: 10px;
}
.article-list .article-item .text .file-link a {
	color: #4444FF;
}
@media screen and (max-width: 767px) {
	.article-list .article-item .thumb {
		width: 130px;
	}
	.article-list .article-item .text {
		margin-left: 130px;
		padding: 10px;
	}
}