@charset "UTF-8";
/* トップページ */
#IDX .mv-wrap-03{
	background-image: url(/imgs/com/com_mv_pc.jpg?260615);
    background-position: top;
    padding: 376px 0 70px 0;
}
#IDX .clm01{
	margin-bottom: 180px;
}
#IDX .copy-clm .flex-wrap-01{
	justify-content: center;
	margin-top: 60px;
}
#IDX .prof-clm{
	display: flex;
	gap: 70px;
}
#IDX .prof-clm .img01{
	width: 570px;
}
#IDX .prof-clm .prof-lnk .btn-01{
	margin-top: 20px;
	min-width: 320px;
}
#IDX .prof-clm .prof-lnk .btn-01 a{
	display: flex;
	justify-content: flex-start;
	padding: 20px 30px;
}
#IDX .prof-clm .prof-lnk .no-border a{
	border: none;
	font-weight: normal;
}
#IDX .pick-clm{
	background: linear-gradient(86deg, rgba(134, 225, 255, 0.5) 0%, rgba(192, 239, 255, 0.5) 99.58%);
	padding: 80px 0;
}
#IDX .pick-clm .pick-btn{
	width: 460px;
}
#IDX .pick-clm .pick-btn .pick-btn-img{
	margin-bottom: 20px;
}
#IDX .pick-clm .pick-btn .pick-btn-img img{
	width: 460px;
	height: 300px;
	object-fit: cover;
	-webkit-mask-image: url(/imgs/com/com_btnmask.svg);
	mask-image: url(/imgs/com/com_btnmask.svg);
	mask-size: cover;
}
#IDX .pick-clm .pick-btn .link-01{
	display: flex;
	justify-content: center;
}
#IDX .pick-clm .pick-btn .link-01 > span{
	display: flex;
	align-items: center;
	width: fit-content;
	gap: 0 10px;
	color: #3A3D43;
	font-size: 1.429em;
	font-weight: 300;
	line-height: 160%;
	/* 32px */
}

/* キシダ化学が目指す姿 */
#PHILOSOPHY .ttl-mb1{
	margin-bottom: 80px;
}
#PHILOSOPHY .ttl-mb2 {
	margin-bottom: 60px;
}
#PHILOSOPHY .txt01-wrap > .txt01{
	margin-top: 2em;
}
#PHILOSOPHY .clm-underline{
	padding-bottom: 60px;
	margin-bottom: 100px;
	border-bottom: 1px solid #D9D9D9;
}
#PHILOSOPHY .clm-underline + div {
	margin-top: 100px;
}
#PHILOSOPHY .txt-wrap{
	display: flex;
	flex-direction: column;
	gap: 60px;
}
#PHILOSOPHY .txt-wrap .ttl4{
	margin-bottom: 10px;
}
#PHILOSOPHY .img01{
	width: 800px;
	margin: 100px auto;
}
#PHILOSOPHY .list-01>li{
	display: block;
}

/* 会社概要 */
#OUTLINE .ttl3{
	margin-bottom: 80px;
}
#OUTLINE .list-01 .list-ttl {
	color: #3A3D43;
	font-size: 1.429em;
	font-weight: 600;
	line-height: 144%;
	/* 28.8px */
}

/* トップメッセージ */
#MESSAGE .msg-warp{
	overflow: hidden;
}
#MESSAGE .msg-photo{
	float: right;
	width: 500px;
	margin-left: 60px;
	margin-bottom: 162px;
}
#MESSAGE .msg-photo .cnt-01{
	margin-bottom: 20px;
}
#MESSAGE .msg-photo .cnt-02 {
	display: flex;
	justify-content: center;
	gap: 30px;
	color: #3A3D43;
	font-size: 1.715em;
	font-weight: 600;
	line-height: 160%;
	/* 38.4px */
}

/* サステナビリティ */
#SUSTAINABILITY .main .ttl3{
	margin-bottom: 60px;
}
#SUSTAINABILITY .main .section-01 .ttl3{
	margin-bottom: 80px;
}
#SUSTAINABILITY .main .ttl4{
	margin-bottom: 40px;
}
#SUSTAINABILITY .main .img-wrap{
	width: 934px;
	max-width: 100%;
	margin: 0 auto 60px;
}
#SUSTAINABILITY .msg-warp{
	overflow: hidden;
}
#SUSTAINABILITY .msg-photo{
	float: right;
	width: 500px;
	margin-left: 60px;
	margin-bottom: 162px;
}
#SUSTAINABILITY .msg-photo .cnt-01{
	margin-bottom: 20px;
}
#SUSTAINABILITY .msg-photo .cnt-02 {
	display: flex;
	justify-content: center;
	gap: 30px;
	color: #3A3D43;
	font-size: 1.715em;
	font-weight: 600;
	line-height: 160%;
	/* 38.4px */
}
#SUSTAINABILITY .main .flex-wrap-01 .flex-cnt-01:nth-child(odd){
	flex: 1;
}
#SUSTAINABILITY .main .flex-wrap-01 .flex-cnt-01:nth-child(even){
	width: 500px;
}
#SUSTAINABILITY .main .link-list{
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* 試薬の日 */
#SHIYAKU .main .ttl3{
	margin-bottom: 60px;
}
#SHIYAKU .main .section-01 .ttl3{
	margin-bottom: 80px;
}
#SHIYAKU .main .ttl4{
	margin-bottom: 40px;
}
#SHIYAKU .main .flex-wrap-01 .flex-cnt-01:nth-child(odd){
	flex: 1;
}
#SHIYAKU .main .flex-wrap-01 .flex-cnt-01:nth-child(even){
	width: 500px;
}
#SHIYAKU .main .inner-1200 > .txt01{
	margin-bottom: 40px;
}
#SHIYAKU .main .txt01.txt-bold{
	margin-top: 40px;
}
#SHIYAKU .main .txt02 + .ttl4{
	margin-top: 60px;
}
#SHIYAKU .main .flex-wrap-01 + .ttl4{
	margin-top: 80px;
}
#SHIYAKU .shiyaku-btn-row{
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
    justify-content: center;
}

/* 販売代理店 */
#AGENCY-IDX .main .ttl3{
	margin-bottom: 60px;
}
#AGENCY-IDX .agency-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 60px;
	grid-row-gap: 30px;
}
#AGENCY-IDX .agency-list .btn-01.bg-01 a{
	width: 100%;
}

/* 販売代理店　詳細 */
#AGENCY-DETAIL .main .ttl3{
	margin-bottom: 60px;
}
#AGENCY-DETAIL .main .list-01{
	border: 1px solid #D9D9D9;
}
#AGENCY-DETAIL .main .list-01>li{
	padding: 0;
	margin-bottom: 0;
	gap: 0;
}
#AGENCY-DETAIL .main .list-01>li:last-child{
	border-bottom: none;
}
#AGENCY-DETAIL .main .list-ttl{
	width: 420px;
	max-width: 100%;
	padding: 20px;
	box-sizing: border-box;
	border-right: 1px solid #D9D9D9;
}
#AGENCY-DETAIL .main .list-ttl .link-01 a,
#AGENCY-DETAIL .main .list-ttl p:not([class]){
	font-size: 1.714em;
	font-weight: bold;
	align-items: flex-start;
    line-height: 1.25em;
}
#AGENCY-DETAIL .main .list-ttl .link-01 a span{
	padding-top: 0.1em;
}
#AGENCY-DETAIL .main .list-cnt{
	padding: 20px;
	box-sizing: border-box;
}
#AGENCY-DETAIL .main .list-cnt .link-01 a{
	font-size: 100%;
}

/* 取扱メーカー */
#BRANDS .main .ttl3{
	margin-bottom: 60px;
}
#BRANDS .main .atnt{
	margin: 20px 0;
}
#BRANDS .main .clm-01 a{
	display: inline-block;
	line-height: 0;
}
#BRANDS .main .clm-01 img{
	height: 68px;
	width: auto;
	vertical-align: baseline;
}
#BRANDS .main .flex-cnt-01 > p + p{
	margin-top: 1.429em;
}
#BRANDS .main .flex-cnt-01 * + .txt01{
    margin-top: 1em;
}
#BRANDS .main .flex-cnt-01 .link-01 a{
	align-items: baseline;
}


/* 沿革 */
#HISTORY .ttl-mb1{
	margin-bottom: 107px;
}
#HISTORY .history-founder{
	margin-bottom: 80px;
	font-weight: 600;
}
#HISTORY .history-era{
	margin-bottom: 156px;
}
#HISTORY .history-era:last-child{
	margin-bottom: 0;
}
#HISTORY .history-img-txt{
	margin-bottom: 80px;
}
#HISTORY .history-img-wrap{
	position: relative;
	border-radius: 160px 0 160px 0;
    overflow: hidden;
}
#HISTORY .history-img{
	line-height: 0;
	z-index: -1;
    position: inherit;
}
#HISTORY .history-img img{
	width: 100%;
	height: 500px;

}
/* #HISTORY .history-img-cap{
	position: absolute;
	left: 0;
	right: 0;history-img-wrap
	bottom: 0;
	margin: 0;
	padding: 24px 40px;
	color: #fff;
	background: linear-gradient(180deg, #FFF 0%, #464646 100%);
	background-blend-mode: multiply;
	text-align: center;
} */
#HISTORY .history-img-cap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 52px 40px;
    color: #fff;
	font-size: 2.858em;
    text-align: center;
    background: none;
    /* 疑似要素をこの範囲内に収めるために必須 */
    overflow: hidden;
}

#HISTORY .history-img-cap::before {
    content: "";
    position: absolute;
    /* 親要素の padding を無視して全面に広げる */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* グラデーションの白を少し暗くするか、透過させるとより自然です */
    /* background: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, #464646 100%); */
    /* mix-blend-mode: multiply; */
    background: linear-gradient(180deg, transparent 0%, rgb(25 25 25 / 80%) 100%);
    z-index: -1;
}

#HISTORY .history-img-wrap.is-logo .history-img img{
	object-fit: cover;
	/* background: #E5F6FC; */
}
#HISTORY .history-txt{
	color: #3A3D43;
	font-size: 1em;
	font-weight: 300;
	line-height: 160%; /* 22.4px */
	margin-top: 10px;
}
#HISTORY .history-img-wrap.is-logo {
    box-sizing: border-box;
}
#HISTORY .history-img-wrap.is-logo .history-img-cap{
	color: #3A3D43;
}
#HISTORY .history-img-wrap.is-logo .history-img-cap::before {
	background: none;
}


/* #HISTORY .history-list>li:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
} */
#HISTORY .history-list .list-ttl{
	width: 280px;
	color: #004EA2;
	font-weight: 600;
	line-height: 160%;
}
#HISTORY .history-list .list-ttl p{
	margin: 0;
}
#HISTORY .history-awards{
	padding-top: 67px;
}
#HISTORY .ttl-mb2{
	margin-bottom: 86px;
}

/* キシダ化学の強み */
#STRENGTH .mv-wrap-03{
	padding: 220px 0;
	background: url(/imgs/com/strength_mv_pc.jpg) no-repeat center / cover;
}
#STRENGTH .mv-wrap-03 .ttl1{
	line-height: 130%;
}
#STRENGTH .strength-overview-section{
	margin: 0 0 80px;
}
#STRENGTH .strength-overview{
	display: flex;
	justify-content: center;
	gap: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}
#STRENGTH .strength-overview__item{
	flex: 0 1 350px;
	margin-left: -50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	color: #3A3D43;
	text-align: center;
}
#STRENGTH .strength-overview__item:first-child{
	margin-left: 0;
}
#STRENGTH .strength-overview__circle-wrap{
	position: relative;
	width: 350px;
	height: 350px;
}
#STRENGTH .strength-overview__circle-wrap picture{
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0;
}
#STRENGTH .strength-overview__circle-bg,
#STRENGTH .strength-overview__circle-wrap picture img{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0;
	object-fit: contain;
}
#STRENGTH .strength-overview__circle-inner{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	width: 100%;
	height: 100%;
	padding: 40px;
	box-sizing: border-box;
	text-align: center;
}
#STRENGTH .strength-overview__circle{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
}
#STRENGTH .strength-overview__circle img,
#STRENGTH .strength-overview__circle svg{
	width: 64px;
	height: 64px;
}
#STRENGTH .strength-overview__ttl{
	position: relative;
	z-index: 2;
	font-size: 2.286em;
	font-weight: 600;
	line-height: 120%;
	color: #3A3D43;
	-webkit-text-stroke: 4px #fff;
	paint-order: stroke fill;
}
#STRENGTH .strength-overview__txt{
	color: #3A3D43;
	font-size: 1.429em;
	font-weight: 300;
	line-height: 160%;
	text-align: center;
	max-width: 350px;
}
#STRENGTH .strength-section{
	position: relative;
	padding: 100px 0;
	margin-bottom: 0;
	overflow: hidden;
}
#STRENGTH .strength-section--02::before,
#STRENGTH .strength-section--03::before{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: min(100%, 1400px);
	height: 1px;
	background-color: #686868;
	z-index: 1;
}
#STRENGTH .strength-section--01{
	background: linear-gradient(90deg, rgba(229, 246, 252, 0.5) 0%, transparent 50%);
}
#STRENGTH .strength-section--02{
	background: linear-gradient(90deg, rgba(232, 248, 200, 0.35) 0%, transparent 50%);
}
#STRENGTH .strength-section--03{
	background: linear-gradient(90deg, rgba(200, 245, 230, 0.4) 0%, transparent 50%);
}
#STRENGTH .strength-section__bg{
	position: absolute;
	inset: 0;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 1;
	pointer-events: none;
}
#STRENGTH .strength-section--01 .strength-section__bg{
	background-image: url(/imgs/com/strength_bg01.jpg);
	background-position: left center;
}
#STRENGTH .strength-section--02 .strength-section__bg{
	background-image: url(/imgs/com/strength_bg02.jpg);
	background-position: right center;
}
#STRENGTH .strength-section--03 .strength-section__bg{
	background-image: url(/imgs/com/strength_bg03.jpg);
	background-position: right center;
}
#STRENGTH .strength-section__inner{
	position: relative;
	display: grid;
	grid-template-columns: auto 25.5% 1fr;
	column-gap: 48px;
	row-gap: 50px;
	align-items: start;
}
#STRENGTH .strength-section__head{
	display: contents;
}
#STRENGTH .strength-section__lead{
	grid-column: 1 / 3;
	grid-row: 1;
	display: grid;
	grid-template-columns: subgrid;
	align-items: center;
	gap: 30px;
}
#STRENGTH .strength-section__num{
	grid-column: 1;
	flex-shrink: 0;
	/* width: 1.05em; */
	font-size: 8.572em;
	font-weight: 300;
	line-height: 0.82;
	/* letter-spacing: -0.02em; */
}
#STRENGTH .strength-section--01 .strength-section__num{
	color: #016FFF;
}
#STRENGTH .strength-section--02 .strength-section__num{
	color: #A4B300;
}
#STRENGTH .strength-section--03 .strength-section__num{
	color: #48CA1A;
}
#STRENGTH .strength-section__ttl{
	grid-column: 2;
	margin-bottom: 0;
	font-size: 3.215em;
	font-weight: 600;
	line-height: 150%;
	color: #3A3D43;
}
#STRENGTH .strength-section__body{
	grid-column: 3;
	grid-row: 1;
	min-width: 0;
	padding-right: 90px;
}
#STRENGTH .strength-section__body .txt01 + .txt01{
	margin-top: 1.5em;
}
#STRENGTH .strength-section__inner > .strength-voice{
	grid-column: 1 / -1;
	grid-row: 2;
	justify-self: center;
	width: fit-content;
	max-width: 100%;
	margin-top: 0;
}
#STRENGTH .strength-section__inner > .strength-voice--card{
	width: min(100%, 796px);
}
#STRENGTH .strength-voice__trigger{
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 0;
	padding: 0;
	border: none;
	font: inherit;
	font-weight: 600;
	color: inherit;
	text-align: inherit;
	background: none;
	cursor: pointer;
	list-style: none;
}
#STRENGTH .strength-voice--card .strength-voice__trigger{
	width: 100%;
	align-items: stretch;
	gap: 0;
	overflow: hidden;
	border-top-left-radius: 70px;
	border-top-right-radius: 70px;
	border-bottom-right-radius: 70px;
	border-bottom-left-radius: 0;
	background: none;
	min-height: 227px;
}
#STRENGTH .strength-voice--card .strength-voice__trigger:hover{
	opacity: 0.5;
}
#STRENGTH .strength-voice--card .strength-voice__photo{
	flex-shrink: 0;
	width: 38%;
	min-height: 140px;
	border-radius: 0;
	overflow: hidden;
	line-height: 0;
}
#STRENGTH .strength-voice--card .strength-voice__photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}
#STRENGTH .strength-voice--card .strength-voice__panel{
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	gap: 24px;
	min-width: 0;
	padding: 24px 32px;
	/* background: #4072A8; */
	/* mix-blend-mode: multiply; */
	background: rgb(26 84 148 / 85%);
	color: #fff;
}
#STRENGTH .strength-voice--card .strength-voice__ico-ex{
	flex-shrink: 0;
	width: 27px;
	height: 26px;
	line-height: 0;
}
#STRENGTH .strength-voice--card .strength-voice__ico-ex svg{
	width: 100%;
	height: 100%;
}
#STRENGTH .strength-voice--card .strength-voice__divider{
	flex-shrink: 0;
	width: 0;
	height: 48px;
	border-left: 1px dashed #fff;
}
#STRENGTH .strength-voice--card .strength-voice__label{
	flex: 1;
	min-width: 0;
	font-size: 1.715em;
	font-weight: 600;
	line-height: 150%;
	color: #fff;
	text-align: left;
	overflow-wrap: anywhere;
}
body.is-strength-popup-open{
	position: fixed;
	left: 0;
	right: 0;
	/* width: 100%; */
	overflow: hidden;
}
#STRENGTH .strength-voice-popup{
	position: fixed;
	top: var(--header-height);
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 20px;
	box-sizing: border-box;
}
#STRENGTH .strength-voice-popup[hidden]{
	display: none;
}
#STRENGTH .strength-voice-popup__overlay{
	position: absolute;
	inset: 0;
	margin: 0;
	padding: 0;
	border: none;
	background: rgba(58, 61, 67, 0.6);
	cursor: pointer;
}
#STRENGTH .strength-voice-popup__box{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	width: min(100%, 960px);
	max-height: calc(100vh - var(--header-height) - 80px);
	overflow-y: auto;
	padding: 48px 56px 40px;
	background: #fff;
	box-sizing: border-box;
	border-top-left-radius: 70px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 70px;
	border-bottom-left-radius: 0;
}
#STRENGTH .strength-voice-popup__content{
	display: flex;
	flex: 1;
	min-height: 0;
	gap: 40px;
	align-items: center;
}
#STRENGTH .strength-voice-popup__main{
	flex: 1;
	min-width: 0;
}
#STRENGTH .strength-voice-popup__ttl{
	margin: 0 0 1em;
	font-size: 2.143em;
	font-weight: 600;
	line-height: 150%;
	color: #004EA2;
}
#STRENGTH .strength-voice-popup__ttl:focus{
	outline: none;
}
#STRENGTH .strength-voice-popup__ttl:focus-visible{
	outline: 2px solid #004EA2;
	outline-offset: 4px;
}
#STRENGTH .strength-voice-popup__body .txt01 + .txt01{
	margin-top: 1.5em;
}
#STRENGTH .strength-voice-popup__body .strength-story__flow{
	margin-top: 1.5em;
	font-weight: 600;
}
#STRENGTH .strength-voice-popup__name{
	margin: 2em 0 0;
	/* font-weight: 600; */
}
#STRENGTH .strength-voice-popup__photo{
	flex-shrink: 0;
	width: 280px;
	aspect-ratio: 1;
	overflow: hidden;
	line-height: 0;
}
#STRENGTH .strength-voice-popup__photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}
#STRENGTH .strength-voice-popup__close{
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 32px 0 0 auto;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	/* font-size: 1em; */
	/* color: #3A3D43; */
	flex-shrink: 0;
}
#STRENGTH .strength-voice-popup__close:hover{
	opacity: 0.5;
}
#STRENGTH .strength-voice-popup__close-ico{
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	line-height: 0;
}
#STRENGTH .strength-voice-popup__close-ico svg{
	width: 100%;
	height: 100%;
}
#STRENGTH .strength-story__flow{
	font-weight: 600;
}
#STRENGTH .strength-support{
	margin-bottom: 120px;
}
#STRENGTH .strength-support .ttl3{
	margin-bottom: 80px;
}
#STRENGTH .strength-grid{
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	margin-bottom: 60px;
	background:
		linear-gradient(#fff, #fff) center/10px 100% no-repeat,
		linear-gradient(#fff, #fff) center/100% 10px no-repeat,
		linear-gradient(111deg, rgba(230, 255, 238, 0.83) 0%, #D3F3FF 100%);
}
#STRENGTH .strength-grid__center{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 252px;
	height: 252px;
	border-radius: 50%;
	background: #fff;
	transform: translate(-50%, -50%);
	margin: 0;
	font-size: 2.858em;
	font-weight: 600;
	line-height: 150%;
	color: #004EA2;
	text-align: center;
}
#STRENGTH .strength-grid__item{
	padding: 48px 40px;
	text-align: center;
}
#STRENGTH .strength-grid__item--01{
	padding: 53px 92px 72px 60px;
}
#STRENGTH .strength-grid__item--02{
	padding: 53px 60px 72px 92px;
}
#STRENGTH .strength-grid__item--03{
	padding: 58px 92px 48px 60px;
}
#STRENGTH .strength-grid__item--04{
	padding: 58px 60px 48px 92px;
}
#STRENGTH .strength-grid__num{
	margin-bottom: 12px;
	font-size: 3.858em;
	font-weight: 600;
	line-height: 1;
	color: #0EB8B8;
}
#STRENGTH .strength-grid__ttl{
	margin-bottom: 40px;
	font-size: 1.715em;
	font-weight: 600;
	line-height: 150%;
}
#STRENGTH .strength-grid__item .txt01{
	font-weight: 300;
	line-height: 180%;
	color: #3A3D43;
	text-align: left;
}
#STRENGTH .strength-cards{
	display: flex;
	gap: 60px;
}
#STRENGTH .strength-card{
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
	padding: 48px 40px 15px;
	background: #F0F0F0;
	text-align: center;
}
#STRENGTH .strength-card .ttl4{
	font-size: 2.858em;
	margin-bottom: 24px;
	color: #004EA2;
}
#STRENGTH .strength-card .txt01{
	font-weight: 300;
	line-height: 180%;
	color: #3A3D43;
	text-align: left;
}
#STRENGTH .strength-card .txt01 + .txt01{
	margin-top: 1.5em;
}
#STRENGTH .strength-card__logo,
#STRENGTH .strength-card__img{
	margin-top: auto;
	padding-top: 32px;
	line-height: 0;
}
#STRENGTH .strength-card__logo{
	width: 249px;
}
#STRENGTH .strength-card__img{
	width: 309px;
}
#STRENGTH .strength-card__logo img,
#STRENGTH .strength-card__img img{
	max-width: 100%;
	height: auto;
}
#STRENGTH .strength-product{
	margin-bottom: 120px;
}
#STRENGTH .strength-product__wrap{
	display: flex;
	align-items: stretch;
	gap: 60px;
}
#STRENGTH .strength-product__visual{
	position: relative;
	flex: 1;
	min-width: 0;
	line-height: 0;
}
#STRENGTH .strength-product__visual img{
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
}
#STRENGTH .strength-product__ttl{
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	color: #fff;
	font-size: 2.858em;
	font-weight: 600;
	line-height: 150%;
	text-align: center;
	justify-content: flex-start;
    padding-left: 56px;
}
#STRENGTH .strength-product__links{
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}
#STRENGTH .strength-product__links .btn-01{
	flex: 1;
	margin: 0;
}
#STRENGTH .strength-product__links .btn-01 a{
	width: 100%;
	height: 100%;
	min-width: 0;
	justify-content: flex-start;
}

/* 事業所一覧 */
#LIST .main .ttl3{
	margin-bottom: 80px;
}
#LIST .main .flex-cnt-01 .ttl4{
	margin-bottom: 20px;
}
#LIST .main .flex-cnt-01 .link-01{
	margin-top: 20px;
}
#LIST .main .flex-cnt-01 .link-ex{
	margin-right: 10px;
	display: inline-block;
}


@media only screen and (max-width: 768px) {
/* トップページ */
	#IDX .mv-wrap-03 {
		background-image: url(/imgs/com/com_mv_sp.jpg?260615);
		padding: 0 5.209vw 12.63vw;
        align-items: flex-end;
        background-position: center;
	}
	#IDX .clm01 {
		margin-bottom: 26.042vw;
	}
	#IDX .copy-clm .copy01{
		text-align: left;
	}
	#IDX .copy-clm .flex-wrap-01 {
		/* justify-content: center; */
		align-items: center;
		margin-top: 13.021vw;
		gap: 5.209vw;
	}
	#IDX .copy-clm .btn-01 a{
		width: 65.105vw;
	}
	#IDX .prof-clm {
		/* display: flex; */
		flex-direction: column;
		gap: 5.209vw;
	}
	#IDX .prof-clm .img01 {
		width: 100%;
	}
	#IDX .prof-clm .ttl3{
		text-align: center;
		margin-bottom: 1.303vw;
	}
	#IDX .prof-clm .prof-lnk {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#IDX .prof-clm .prof-lnk .btn-01 {
		margin-top: 2.605vw;
		min-width: initial;
	}
	#IDX .prof-clm .prof-lnk .btn-01 a {
		/* display: flex; */
		/* justify-content: flex-start; */
		padding: 3.256vw 3.907vw;
		width: 72.917vw;
	}
	#IDX .pick-clm {
		/* background: linear-gradient(86deg, rgba(134, 225, 255, 0.5) 0%, rgba(192, 239, 255, 0.5) 99.58%); */
		padding: 10.417vw 0;
	}
	#IDX .pick-clm .flex-wrap-01{
		align-items: center;
	}
	#IDX .pick-clm .pick-btn {
		width: 80.73vw;
	}
	#IDX .pick-clm .pick-btn .pick-btn-img {
		margin-bottom: 2.605vw;
	}
	#IDX .pick-clm .pick-btn .pick-btn-img img {
		width: 80.73vw;
		height: 39.063vw;
		/* object-fit: cover; */
		-webkit-mask-image: url(/imgs/com/com_btnmask_sp.svg);
		mask-image: url(/imgs/com/com_btnmask_sp.svg);
	}
	#IDX .pick-clm .pick-btn .link-01 {
		/* display: flex; */
		/* justify-content: center; */
	}
	#IDX .pick-clm .pick-btn .link-01 > span {
		gap: 0 2.604vw;
		font-size: 3.646vw;
	}
	#IDX .pick-clm .pick-btn .link-01 > span svg{
		width: 3.907vw;
		height: 3.907vw;
	}

	/* キシダ化学が目指す姿 */
	#PHILOSOPHY .ttl-mb1 {
		margin-bottom: 10.417vw;
	}
	#PHILOSOPHY .ttl-mb2 {
		margin-bottom: 7.813vw;
	}
	#PHILOSOPHY .txt01-wrap>.txt01 {
		/* margin-top: 2em; */
	}
	#PHILOSOPHY .clm-underline {
		padding-bottom: 7.813vw;
		margin-bottom: 13.021vw;
		/* border-bottom: 1px solid #D9D9D9; */
	}
	#PHILOSOPHY .clm-underline+div {
		margin-top: 13.021vw;
	}
	#PHILOSOPHY .txt-wrap {
		/* display: flex; */
		/* flex-direction: column; */
		gap: 7.813vw;
	}
	#PHILOSOPHY .txt-wrap .ttl4 {
		margin-bottom: 1.303vw;
	}
	#PHILOSOPHY .img01 {
		width: 100%;
		margin: 13.021vw auto;
	}
	#PHILOSOPHY .list-01>li {
		/* display: block; */
	}

	/* 会社概要 */
	#OUTLINE .ttl3 {
		margin-bottom: 10.417vw;
	}
	#OUTLINE .list-01 .list-ttl {
		font-size: 3.646vw;
	}
	#OUTLINE .sp-center {
		text-align: center;
	}

	/* トップメッセージ */
	#MESSAGE .msg-warp {
		overflow: initial;
		display: flex;
		flex-direction: column-reverse;
		gap: 13.021vw;
	}
	#MESSAGE .msg-photo {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-bottom: 0;
	}
	#MESSAGE .msg-photo .cnt-01 {
		margin-bottom: 2.605vw;
	}
	#MESSAGE .msg-photo .cnt-02 {
		gap: 3.907vw;
		font-size: 3.125vw;
	}

	/* サステナビリティ */
	#SUSTAINABILITY .main .ttl3{
		margin-bottom: 10.417vw;
	}
	#SUSTAINABILITY .main .section-01 .ttl3{
		margin-bottom: 10.417vw;
	}
	#SUSTAINABILITY .main .ttl4{
		margin-bottom: 7.813vw;
	}
	#SUSTAINABILITY .main .img-wrap{
		width: 100%;
		margin: 0 auto 7.813vw;
	}
	#SUSTAINABILITY .msg-warp{
		overflow: initial;
		display: flex;
		flex-direction: column-reverse;
		gap: 13.021vw;
	}
	#SUSTAINABILITY .msg-photo{
		float: none;
		width: 100%;
		margin-left: 0;
		margin-bottom: 0;
	}
	#SUSTAINABILITY .msg-photo .cnt-01{
		margin-bottom: 2.605vw;
	}
	#SUSTAINABILITY .msg-photo .cnt-02 {
		gap: 3.907vw;
		font-size: 4.688vw;
	}
	#SUSTAINABILITY .main .flex-wrap-01 .flex-cnt-01:nth-child(odd){
		width: 100%;
	}
	#SUSTAINABILITY .main .flex-wrap-01 .flex-cnt-01:nth-child(even){
		width: 100%;
	}
	#SUSTAINABILITY .main .link-list{
		margin-top: 5.208vw;
		gap: 2.604vw;
	}

	/* 試薬の日 */
	#SHIYAKU .main .ttl3{
		margin-bottom: 10.417vw;
	}
	#SHIYAKU .main .section-01 .ttl3{
		margin-bottom: 10.417vw;
	}
	#SHIYAKU .main .ttl4{
		margin-bottom: 7.813vw;
	}
	#SHIYAKU .main .flex-wrap-01 .flex-cnt-01:nth-child(odd){
		width: 100%;
	}
	#SHIYAKU .main .flex-wrap-01 .flex-cnt-01:nth-child(even){
		width: 100%;
	}
	#SHIYAKU .main .inner-1200 > .txt01{
		margin-bottom: 7.813vw;
	}
	#SHIYAKU .main .txt01.txt-bold{
		margin-top: 7.813vw;
	}
	#SHIYAKU .main .txt02 + .ttl4{
		margin-top: 7.813vw;
	}
	#SHIYAKU .main .flex-wrap-01 + .ttl4{
		margin-top: 10.417vw;
	}
	#SHIYAKU .shiyaku-btn-row{
		gap: 7.813vw;
	}
	#SHIYAKU .shiyaku-btn-row .btn-01 a{
		width: 72.917vw;
	}


	/* 販売代理店 */
	#AGENCY-IDX .main .ttl3 {
		margin-bottom: 10.417vw;
	}
	#AGENCY-IDX .agency-list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 3.907vw;
		grid-row-gap: 3.907vw;
	}
	#AGENCY-IDX .agency-list .btn-01.bg-01 a {
		min-width: initial;
	}


	/* 販売代理店　詳細 */
	#AGENCY-DETAIL .main .ttl3{
		margin-bottom: 10.417vw;
	}
	#AGENCY-DETAIL .main .list-01>li:last-child{
		border-bottom: none;
	}
	#AGENCY-DETAIL .main .list-ttl{
		width: 100%;
		padding: 3.906vw;
		border-right: none;
	}
	#AGENCY-DETAIL .main .list-ttl .link-01 a,
	#AGENCY-DETAIL .main .list-ttl p:not([class]){
		font-size: 3.906vw;
		font-weight: bold;
	}
	#AGENCY-DETAIL .main .list-cnt{
		padding: 0 3.906vw 3.906vw;
	}
	#AGENCY-DETAIL .main .list-cnt .link-01 a{
		font-size: 100%;
	}

	/* 取扱メーカー */
	#BRANDS .main .ttl3{
		margin-bottom: 10.417vw;
	}
	#BRANDS .main .atnt{
		margin: 3.906vw 0;
	}
	#BRANDS .main .clm-01 img{
		height: 13.021vw;
	}
	#BRANDS .main .flex-wrap-01{
		gap: 3.906vw;
	}
	#BRANDS .main .flex-cnt-01 > p + p {
		margin-top: 3.906vw;
	}
	#BRANDS .main .flex-cnt-01 * + .txt01 {
		margin-top: 3.906vw;
	}
	/*ロゴ部分*/
	#BRANDS .main .clm-01 .flex-wrap-01{
		gap: 6.906vw;
        flex-direction: row;
	}
	#BRANDS .main .clm-01 .flex-cnt-01{
		width: calc((100% - 6.906vw) / 2);
	}
	#BRANDS .main .clm-01 .clm-01 img{
		width: 100%;
		height: auto;
	}

	/* キシダ化学の強み */
	#STRENGTH .mv-wrap-03{
		padding: 0 5.209vw;
		/* background-image: url(/imgs/com/strength_mv_sp.jpg); */
	}
	#STRENGTH .strength-overview-section{
		margin: 0 0 18.881vw;
	}
	#STRENGTH .strength-overview-section .inner-1200{
		max-width: none;
	}
	#STRENGTH .strength-overview{
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 0;
		row-gap: 0;
		width: 89.333vw;
		max-width: 435px;
		margin: 0 auto;
		padding: 0;
	}
	#STRENGTH .strength-overview__item{
		flex: none;
		width: auto;
		margin: 0;
		gap: 2.604vw;
	}
	#STRENGTH .strength-overview__item--01{
		position: relative;
		z-index: auto;
		grid-column: 1 / -1;
		justify-self: center;
		margin-bottom: -22.266vw;
	}
	#STRENGTH .strength-overview__item--01 .strength-overview__txt{
		order: -1;
		margin-bottom: 0;
	}
	#STRENGTH .strength-overview__item--02{
		position: relative;
		z-index: auto;
		grid-column: 1;
		justify-self: end;
		margin-top: 0;
		margin-right: -10.417vw;
	}
	#STRENGTH .strength-overview__item--03{
		position: relative;
		z-index: auto;
		grid-column: 2;
		justify-self: start;
		margin-top: 0;
		margin-left: -7.813vw;
	}
	#STRENGTH .strength-overview__circle-wrap{
		position: relative;
		width: 56.641vw;
		/* max-width: 260px; */
		height: auto;
	}
	#STRENGTH .strength-overview__circle-wrap picture{
		z-index: 1;
	}
	#STRENGTH .strength-overview__item--01 .strength-overview__circle-wrap{
		aspect-ratio: 1 / 1;
	}
	#STRENGTH .strength-overview__item--02 .strength-overview__circle-wrap{
		aspect-ratio: 1 / 1;
	}
	#STRENGTH .strength-overview__item--03 .strength-overview__circle-wrap{
		aspect-ratio: 1 / 1;
	}
	#STRENGTH .strength-overview__circle-inner{
		position: absolute;
		inset: 0;
		z-index: 2;
		justify-content: center;
		gap: 2.083vw;
		padding: 8vw 4.167vw 5.208vw;
	}
	#STRENGTH .strength-overview__item--01 .strength-overview__circle-inner{
		padding-top: 10.417vw;
		margin-top: -7.422vw;
	}
	#STRENGTH .strength-overview__item--02 .strength-overview__circle-inner{
		padding-top: 9.115vw;
		padding-right: 13.412vw;
	}
	#STRENGTH .strength-overview__item--03 .strength-overview__circle-inner{
		padding-top: 9.115vw;
		padding-left: 8.334vw;
	}
	#STRENGTH .strength-overview__circle{
		width: auto;
		height: auto;
	}
	#STRENGTH .strength-overview__circle svg{
		width: 10.417vw;
		height: 10.417vw;
		max-width: 48px;
		max-height: 48px;
	}
	#STRENGTH .strength-overview__ttl{
		z-index: 3;
		font-size: 5.469vw;
		-webkit-text-stroke: 1.042vw #fff;
		/* max-width: 36vw; */
	}
	#STRENGTH .strength-overview__txt{
		position: relative;
		z-index: 2;
		max-width: 38vw;
		font-size: 3.646vw;
		line-height: 160%;
	}
	#STRENGTH .strength-overview__item--01 .strength-overview__txt{
		max-width: 72.917vw;
	}
	#STRENGTH .strength-section{
		padding: 15.625vw 0 19.532vw;
	}
	#STRENGTH .strength-section--02::before,
	#STRENGTH .strength-section--03::before{
		width: calc(100% - 10.418vw);
		max-width: 1400px;
	}
	#STRENGTH .strength-section--01 .strength-section__bg{
	background-image: url(/imgs/com/strength_bg01_sp.jpg);
	background-position: center center;
	}
	#STRENGTH .strength-section--02 .strength-section__bg{
		background-image: url(/imgs/com/strength_bg02_sp.jpg);
		background-position: center center;
	}
	#STRENGTH .strength-section--03 .strength-section__bg{
		background-image: url(/imgs/com/strength_bg03_sp.jpg);
		background-position: center center;
	}
	#STRENGTH .strength-section__inner{
		grid-template-columns: 1fr;
		column-gap: 0;
		row-gap: 7.813vw;
	}
	#STRENGTH .strength-section__head{
		display: flex;
		flex-direction: column;
		gap: 5.208vw;
	}
	#STRENGTH .strength-section__lead{
		display: flex;
		flex-direction: row;
		align-items: center;
		column-gap: 4.167vw;
	}
	#STRENGTH .strength-section__num{
		width: auto;
		font-size: 15.625vw;
	}
	#STRENGTH .strength-section__ttl{
		margin-bottom: 0;
		font-size: 5.209vw;
	}
	#STRENGTH .strength-section__body{
		width: 100%;
	}
	#STRENGTH .strength-section__inner > .strength-voice{
		grid-column: 1;
		grid-row: auto;
		justify-self: center;
		width: fit-content;
		max-width: 100%;
	}
	#STRENGTH .strength-section__inner > .strength-voice--card{
		width: 100%;
		justify-self: stretch;
	}
	#STRENGTH .strength-voice{
		margin-top: 6.51vw;
	}
	#STRENGTH .strength-voice--card .strength-voice__trigger{
		flex-direction: row;
		min-height: 16.927vw;
		border-top-left-radius: 9.115vw;
		border-top-right-radius: 9.115vw;
		border-bottom-right-radius: 9.115vw;
		border-bottom-left-radius: 0;
	}
	#STRENGTH .strength-voice--card .strength-voice__photo{
		width: 42.4%;
		min-height: 0;
		aspect-ratio: auto;
	}
	#STRENGTH .strength-voice--card .strength-voice__panel{
		gap: 1.954vw;
		padding: 8.985vw 3.906vw;
		justify-content: flex-start;
		min-width: 0;
	}
	#STRENGTH .strength-voice--card .strength-voice__ico-ex{
		width: 3.516vw;
		height: 3.385vw;
	}
	#STRENGTH .strength-voice--card .strength-voice__divider{
		height: 7.813vw;
	}
	#STRENGTH .strength-voice--card .strength-voice__label{
		flex: 1;
		min-width: 0;
		font-size: 3.646vw;
		line-height: 160%;
		text-align: left;
		overflow-wrap: anywhere;
	}
	#STRENGTH .strength-support{
		margin-top: 19.532vw;
		margin-bottom: 15.625vw;
	}
	#STRENGTH .strength-support .inner-1400 .ttl3{
		margin-bottom: 10.417vw;
		text-align: left;
		line-height: 150%;
	}
	#STRENGTH .strength-grid{
		grid-template-columns: 1fr 1fr;
		gap: 0;
		margin-bottom: 13.021vw;
		background:
			linear-gradient(#fff, #fff) center/1.303vw 100% no-repeat,
			linear-gradient(#fff, #fff) top 53% left 0/100% 1.303vw no-repeat,
			linear-gradient(111deg, rgba(230, 255, 238, 0.83) 0%, #D3F3FF 100%);
	}
	#STRENGTH .strength-grid__center{
		position: absolute;
		top: 53%;
		left: 50%;
		width: 32.813vw;
		height: 32.813vw;
		/* max-width: 140px; */
		/* max-height: 140px; */
		transform: translate(-50%, -50%);
		font-size: 4.8vw;
		line-height: 150%;
	}
	#STRENGTH .strength-grid__item--01{
		padding: 10.417vw 3.907vw 17.709vw 3.907vw;
	}
	#STRENGTH .strength-grid__item--02{
		padding: 10.417vw 3.907vw 17.709vw 3.907vw;
	}
	#STRENGTH .strength-grid__item--03{
		padding: 11.719vw 3.907vw 13.021vw 3.907vw;
	}
	#STRENGTH .strength-grid__item--04{
		padding: 11.719vw 3.907vw 13.021vw 3.907vw;
	}
	#STRENGTH .strength-grid__num{
		margin-bottom: 1.693vw;
		font-size: 7.032vw;
	}
	#STRENGTH .strength-grid__ttl{
		margin-bottom: 5.209vw;
		font-size: 4.428vw;
		line-height: 180%;
	}
	#STRENGTH .strength-grid__item .txt01{
		font-size: 3.646vw;
		line-height: 160%;
	}
	#STRENGTH .strength-cards{
		flex-direction: column;
		gap: 5.209vw;
	}
	#STRENGTH .strength-card{
		padding: 7.813vw 5.208vw;
	}
	#STRENGTH .strength-card .ttl4{
		margin-bottom: 5.209vw;
		font-size: 6.511vw;
	}
	#STRENGTH .strength-card__logo,
	#STRENGTH .strength-card__img{
		padding-top: 5.208vw;
	}
	#STRENGTH .strength-card__logo{
		width: 32.553vw;
	}
	#STRENGTH .strength-card__img{
		width: 40.365vw;
	}
	#STRENGTH .strength-product{
		margin-bottom: 15.625vw;
	}
	#STRENGTH .strength-product__wrap{
		flex-direction: column;
		gap: 5.208vw;
	}
	#STRENGTH .strength-product__visual img{
		height: auto;
		aspect-ratio: 1140 / 694;
	}
	#STRENGTH .strength-product__ttl{
		font-size: 6.511vw;
        justify-content: center;
        padding-left: 0;
	}
	#STRENGTH .strength-product__links{
		gap: 3.906vw;
		align-items: center;
	}
	#STRENGTH .strength-product__links .btn-01{
		flex: none;
	}
	#STRENGTH .strength-product__links .btn-01 a{
		width: 72.917vw;
	}
	#STRENGTH .strength-voice-popup{
		top: var(--header-height);
		align-items: center;
		padding: 5.208vw;
		border-top-left-radius: 9.115vw;
		border-top-right-radius: 0;
		border-bottom-right-radius: 9.115vw;
		border-bottom-left-radius: 0;
	}
	#STRENGTH .strength-voice-popup__box{
		width: 100%;
		max-width: 688px;
		max-height: calc(100vh - var(--header-height) - 10.416vw);
		padding: 13.208vw 5.208vw 7.813vw;
	}
	#STRENGTH .strength-voice-popup__close{
		margin: 6.902vw 0 0 auto;
		font-size: 3.646vw;
	}
	#STRENGTH .strength-voice-popup__close-ico{
		width: 5.208vw;
		height: 5.208vw;
	}
	#STRENGTH .strength-voice-popup__content{
		flex: none;
		min-height: auto;
		flex-direction: column;
		align-items: stretch;
		gap: 13.021vw;
	}
	#STRENGTH .strength-voice-popup__ttl{
		margin-bottom: 5.209vw;
		font-size: 6.511vw;
	}
	#STRENGTH .strength-voice-popup__body .txt01 + .txt01{
		margin-top: 1.5em;
	}
	#STRENGTH .strength-voice-popup__name{
		margin-top: 2em;
		/* font-weight: 400; */
	}
	#STRENGTH .strength-voice-popup__photo{
		width: 100%;
		max-width: none;
		margin: 0;
		aspect-ratio: 680 / 454;
	}

	/* 沿革 */
	#HISTORY .ttl-mb1 {
		margin-bottom: 10.417vw;
	}
	#HISTORY .history-founder {
		margin-bottom: 10.417vw;
	}
	#HISTORY .history-era {
		margin-bottom: 19.532vw;
	}
	#HISTORY .history-img-wrap {
		border-radius: 10.417vw 0 10.417vw 0;
	}
	#HISTORY .history-img img {
		height: 65.105vw;
	}
	#HISTORY .history-img-cap {
		padding: 21.745vw 3.907vw 6.771vw;
		font-size: 5.209vw;
	}
	#HISTORY .history-img-wrap.is-logo .history-img img {
		height: 65.105vw;
	}
	#HISTORY .history-txt{
		font-size: 3.125vw;
		margin-top: 1.303vw;
	}
	#HISTORY .history-img-txt{
		margin-bottom: 10.417vw;
	}


	#HISTORY .history-list .list-ttl {
		width: 100%;
		font-size: 3.646vw;
	}
	#HISTORY .history-awards {
		padding-top: 9.115vw;
		/* padding-bottom: 13.021vw; */
	}
	#HISTORY .ttl-mb2{
		margin-bottom: 10.417vw;
	}

	/* 事業所一覧 */
	#LIST .main .ttl3{
		margin-bottom: 10.417vw;
	}
	#LIST .main .flex-wrap-01{
		gap: 13.021vw;
	}
	#LIST .main .flex-wrap-01 .flex-cnt-01{
		width: 100%;
	}
	#LIST .main .flex-cnt-01 .ttl4{
		margin-bottom: 5.208vw;
	}
	#LIST .main .flex-cnt-01 .link-01{
		margin-top: 5.208vw;
	}
	#LIST .main .flex-cnt-01 .link-ex{
		margin-right: 2.604vw;
	}
}