:root {
  --agt-font-family-base: "Roboto", "Noto Sans JP", sans-serif;
  --agt-font-family-roboto:var(--agt-font-family-base);
}

* {
  font-family: var(--agt-font-family-base)!important;
}
#mainHeaderArea,
.section *,
.hero *,
#footerNav,
.LinksWraper ul,
#footerSocial ul {
	box-sizing: border-box;
}

.section {
	/*max-width: 1240px;*/
	/*max-width: 1190px;*/
	/*min-width: 1400px;*/
}
.section h2 {
    font: var(--heading-font-xl);
}

/*.section > *{
		margin: 0 auto;
    	width: 1190px;
    	padding-left: 0;
    	padding-right: 0;
	}
@media (max-width: 1366px) {
	.section {
		min-width: 1250px;
	}
}*/

.agt-link--light:link,
a--light:visited,
a--light.agt-link--in-text:visited,
.agt-link--light:visited,
.agt-link--light.agt-link--in-text:visited {
	color: #ffffff;
}

.col-grid > div > div p a span.text-link {
    text-align: center;
}

a.image-link {
	display: flex;
	align-items: center;
}
.columns-browse-category.col-grid{
	grid-template-rows: auto;
}
.feature-card {
	display: flex;
}

.feature-card__content {
	flex: 1;
	height: auto;
}

@media (min-width: 768px) {
	.columns.col-grid > div > div {
		flex: none;
    	width: calc((100% - 6rem) / 5);
	}
	.promo-card {
		flex-shrink: 1;
	}
}

@media (max-width: 1024px){
	.col-grid > div > div p a span.text-link {

	}
}
@media (min-width: 1440px) {
  .op-2 .promo-card p:has(picture) img,
  .op-3 .promo-card p:has(picture) img,
  .op-4 .promo-card p:has(picture) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media screen and (min-width: 1668px) {
	.section > *{
		width: var(--desktop-max-width);
		/*width: 100%;*/
	}
}

/* 既存スタイルの調整 */
body {
	background-color: #fff;
}

.homeInformation-wrap {
	background: #f6f6f6;
}


.homeInformation {
	background: none;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	max-width: 1668px;
	width: 100%;
	margin-inline: auto;
}

.homeInformation>p {
	line-height: 1.5;
	margin: 1em 0;
}

.homeInformation p {
	font-size: 1rem;
}
#logo_chem {
    padding-left: 0;
}
.homewraper {
	margin-inline: auto;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
}

.highlightsWraper {
	width: 100%;
}

.homeHightlight {
  font-family: var(--agt-font-family-base)!important;
}

.homeNewsDivWrap {
	display: flex;
	width: 100%;
	justify-content: space-between;
	gap: 50px;
}

.homeNewsDiv {
	width: auto;
	flex: 1;
}

.homeNewsDiv:nth-child(3) {
  	flex: 2;
  	display: flex;
	flex-direction: column;
}
.homeNewsDiv:nth-child(3) ul{
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 25px;
}
.findMore {
  grid-column: 2;
}

.homeNewsDivWrap .findMore a {
	font-size: 1rem;
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
}
.homeNewsDiv ul li {
	width: 100%;	
}

.newsTxt a h4 {
	font-size: 1rem;
	padding-bottom: 0.375rem;
	line-height: 1.5;
}

.newsTxt .newsDate {
	font-size: 1rem;
}

#footerLinks .footerLink {
	padding: 0px 10px 10px;
}

#footerLinks .footerLink .footerLinkHeading{
	display: inline-block;
}

#footerLinks .footerLink:first-child{
	padding-left: 0;
}

/*@media (max-width: 1366px){
	.homewraper {
    	min-width: 1250px;
	}
}*/

/* tablet */
@media (min-width: 768px){
	/*#header,
	#mainHeader,
	#logoChem,
	#mainHeader,
	#headerNavi,
	#footer,
	#footerNav{
		min-width: 0;
	}*/
	#header,
	#logoChem,
	#mainHeader,
	#headerNavi,
	#footer,
	#footerNav{
		min-width: 0;
	}
	
	#headerNavi{
		overflow-x: auto;
  		overflow-y: hidden;
  		-webkit-overflow-scrolling: touch;
		/* スクロールバー非表示 */
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	#headerNavi::-webkit-scrollbar {
  		display: none;
	}
	#headerNavi ul{
		display: flex;
    	flex-wrap: nowrap;
		width: max-content;
	}
	#headerNavi ul li {
		flex: 0 0 auto;
	}

	.homeInformation {
		padding: 30px 32px;
	}
	.homewraper,
	.LinksWraper {
		padding-left: 32px;
		padding-right: 32px;
	}
	.homewraper{
		padding-top: 40px;
		padding-bottom: 30px;
	}
	.products-and-promotions-wrapper{
		padding-bottom: 48px!important;
	}
	.hero-icon-text-list-wrapper{
		padding-top: 0!important;
	}
	.LinksWraper ul{
		width: 100%;
		max-width: 1668px;
	}
}
@media (max-width: 1024px){
	.homeNewsDivWrap{
		flex-wrap: wrap;
	}
	
	/*#footerLinks .footerLink:nth-child(4) {
		padding-left: 10px;
	}*/
	/*#mainHeaderArea{
		/*min-height: 124px;
		min-height: 106px;
    	height: auto;
	}
	.affix-top #headerNavi{
		position: static;
    	padding-top: 71px;
	}
	.affix #headerNavi{
		position: static;
	}*/
	
	#footerLinks {
		padding-left: 19px;
	}
	#footerLinks .footerLinkLegal ul li {
		margin-bottom: 5px!important;
	}
}

/* PC */
@media (min-width: 1025px){
	#mainHeaderArea{
		padding-left: 64px;
		padding-right: 64px;
	}
	#logoChem,
	#mainHeaderArea,
	#mainHeader,
	#headerNavi {
		max-width: 1668px;
	}
	#logoChem{
		min-width: 0;
	}
	#logo_chem{
		padding-left: 64px;
	}
	.affix #headerNavi ul{
		margin: 0;
	}
	.homeInformation {
		padding: 30px 64px;
	}
	.homewraper {
		padding-left: 64px;
		padding-right: 64px;
		max-width: 1668px;
	}
	.LinksWraper/*,
	.LinksWraper ul*/ {
		padding-left: 64px;
		padding-right: 64px;
	}
	#footerSocial ul,
	#footerNav {
		padding-left: 64px;
		padding-right: 64px;
		max-width: 1668px;
	}
	#footerLinks,
	.footerLink {
		padding-left: 0;
	}
}

@media (min-width: 1440px){
	
	#header{
		overflow: hidden;
	}
	#mainHeaderArea{
		position: relative;
		margin-inline: auto;
		background: none;
	}
	#mainHeaderArea::before {
		content: "";
  		position: absolute;
  		top: 0;
  		bottom: 0;
		left: 50%;
  		transform: translateX(-50%);
		background: rgba(0,133,213,.95);
		z-index: -1;
    	width: 100vw;
	}
	
	
}
@media (min-width: 1668px){
	/*#logo_chem {
    padding-left: 0;
	}*/
	.LinksWraper ul{
		padding-left: 64px;
		padding-right: 64px;
	}
}