@charset "UTF-8";
/* ================================================
PRODUCT_IDX
================================================ */
/* mv-wrap-03 */
#PRODUCT_IDX .mv-wrap-03{
    background: url(/imgs/product/product_mv_pc.jpg) no-repeat center / cover;
}
/* section-wrap：ttl-wrap（Pick Up / Business & Products / News / Our Strengths） */
#PRODUCT_IDX .section-wrap .ttl-wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 40px;
    margin-bottom: 80px;
}
#PRODUCT_IDX .section-wrap .ttl-wrap .ttl2-en,
#PRODUCT_IDX .section-wrap .ttl-wrap .ttl2-jp{
    margin-bottom: 0;
}
#PRODUCT_IDX .section-wrap .ttl-wrap .ttl2-en{
    font-weight: inherit;
}


/* Business & Products：product-cat-list */
#PRODUCT_IDX .product-cat-list{
    gap: 100px 60px;
}
#PRODUCT_IDX .product-cat-link{
    margin-bottom: 40px;
    display: block;
}
#PRODUCT_IDX .product-cat-link .img-wrap{
    margin-bottom: 20px;
    height: 350px;
    border-radius: 0 50px 0 50px;
    overflow: hidden;
}
#PRODUCT_IDX .product-cat-link .img-wrap img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
#PRODUCT_IDX .product-cat-link .ttl3{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
/* Business & Products：parts-03 */
#PRODUCT_IDX .product-cat-item .parts-03{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 40px;
}
/* Business & Products：product-support */
#PRODUCT_IDX .product-support{
    margin-top: 120px;
    padding: 60px 115px;
    background-color: #E5F6FC;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 140px;
    box-sizing: border-box;
}
#PRODUCT_IDX .product-support .link-01{
    white-space: nowrap;
}
#PRODUCT_IDX .product-support .link-01 a{
    font-size: 2.286em;
    font-weight: 600;
    color: #004EA2;
    gap: 43px;
}
#PRODUCT_IDX .product-support .link-01 a svg{
    width: 0.75em;
    height: 0.75em;
}
/* News：news-head / news-list */
#PRODUCT_IDX .news-head{
    margin-bottom: 60px;
}
#PRODUCT_IDX .news-tab-type-01{
    height: 52px;
}
#PRODUCT_IDX .news-list .news-item:first-child{
    padding-top: 0;
    border-top: none;
}
#PRODUCT_IDX .news-section .btn-01{
    text-align: center;
    margin-top: 60px;
}
/* Our Strengths：strength-list */
#PRODUCT_IDX .strengths-section .ttl2-jp{
    margin-left: 60px;
}
#PRODUCT_IDX .strength-overview__copy{
    text-align: center;
    font-size: 3.214em;
    font-weight: bold;
    line-height: 160%;
    color: #3A3D43;
}
#PRODUCT_IDX .strength-overview-section{
	margin: 0 0 80px;
}
#PRODUCT_IDX .strength-overview{
	display: flex;
	justify-content: center;
	gap: 0;
	list-style: none;
	padding: 0;
}
#PRODUCT_IDX .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;
}
#PRODUCT_IDX .strength-overview__item:first-child{
	margin-left: 0;
}
#PRODUCT_IDX .strength-overview__circle-wrap{
	position: relative;
	width: 350px;
	height: 350px;
}
#PRODUCT_IDX .strength-overview__circle-wrap picture{
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0;
}
#PRODUCT_IDX .strength-overview__circle-bg,
#PRODUCT_IDX .strength-overview__circle-wrap picture img{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0;
	object-fit: contain;
}
#PRODUCT_IDX .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;
}
#PRODUCT_IDX .strength-overview__circle{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
}
#PRODUCT_IDX .strength-overview__circle img,
#PRODUCT_IDX .strength-overview__circle svg{
	width: 64px;
	height: 64px;
}
#PRODUCT_IDX .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;
}
#PRODUCT_IDX .strength-overview__txt{
	color: #3A3D43;
	font-size: 1.429em;
	font-weight: 300;
	line-height: 160%;
	text-align: center;
	max-width: 350px;
}






/* ================================================
BATTERY
================================================ */
#BATTERY .mv-wrap-03{
    background: url(/imgs/product/battery_mv_pc.jpg) no-repeat center / cover;
}
#BATTERY .section-wrap .link-wrap{
    margin-top: 60px;
}
#BATTERY .section-wrap .flex-wrap-01{
    gap: 20px 60px;
}
/* 下部お問い合わせボタン 共通パーツ？ */
#BATTERY .section-inq .inq-wrap{
	background: #F5F5F5;
	/* padding: 80px 57px; */
	padding: 80px 50px;
	box-sizing: border-box;
}
#BATTERY .section-inq .ttl3{
	line-height: 1;
	margin-bottom: 40px;
	text-align: center;
}
#BATTERY .section-inq .txt01 {
	text-align: center;
}
#BATTERY .section-inq .btn-01{
	margin-top: 60px;
	text-align: center;
}
#BATTERY .section-inq .btn-01 a{
	min-width: 420px;
}
#BATTERY .main .pdf-wrap .btn-01.bg-01 a{
    width: inherit;
    min-width: 420px;
}

/* ================================================
SEARCH(サイト内検索含む)
================================================ */

/*============================
キーワード検索エリア
============================*/
.search .search-page .keyword-row{
    margin-bottom: 46px;
}
.search .search-page .buttons{
    margin-top: 80px;
}
/* フリーキーワード/条件検索のうち、いま使っていない側を見た目だけグレーアウトする（入力は受け付ける） */
.search .is-search-dimmed {
    opacity: 0.45;
    background: #ececec;
    color: #9aa0a6;
    filter: grayscale(100%);
    transition: opacity 0.15s ease, background-color 0.15s ease;
}
/* 入力サジェスト（search.js が body 直下に生成） */
.search .suggest-dropdown,
body.search .suggest-dropdown {
    position: fixed;
    z-index: 9999;
    margin-top: 2px;
    border: 1px solid #8aa8ba;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
    max-height: 240px;
    overflow-y: auto;
    box-sizing: border-box;
}
.search .suggest-dropdown[hidden],
body.search .suggest-dropdown[hidden] {
    display: none;
}
.search .suggest-dropdown-item,
body.search .suggest-dropdown-item {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #edf3f7;
    background: #fff;
    color: #1f2f44;
    text-align: left;
    padding: 8px 10px;
    font-size: 16px;
    line-height: 1.4;
    cursor: pointer;
}
.search .suggest-dropdown-item:last-child,
body.search .suggest-dropdown-item:last-child {
    border-bottom: 0;
}
.search .suggest-dropdown-item:hover,
.search .suggest-dropdown-item.is-active,
body.search .suggest-dropdown-item:hover,
body.search .suggest-dropdown-item.is-active {
    background: #eef6fb;
}
.search .search-input-error {
    margin: 0 0 10px;
    padding: 8px 12px;
    background: #ffe7e7;
    border: 1px solid #e59696;
    color: #8c2020;
}
/*============================
検索結果エリア
============================*/
/*==========
切り替えタブ
==========*/
.search .content-area {
    margin-top: 81px;
}
.search .content-area > .inner-1400{
    padding-top: 10px;
    border-top: 1px solid #D9D9D9;
}
.search .content-tabs {
    display: flex;
    border-bottom: 1px solid #D9D9D9;
    padding-left: 100px;
    margin-bottom: 40px;
}
.search .content-tab {
    color: #004EA2;
    font-size: 1.429em;
    font-weight: bold;
    text-align: center;
    border-radius: 0 20px 0 0;
    background: #DDDDDD;
    padding: 18px 0;
    min-width: 300px;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    display: block;
    text-decoration: none;
}
.search .content-tab:hover {
    opacity: 0.75;
}
.search .content-tab.is-active {
    background: #004EA2;
    color: #fff;
}
.search .content-panel[hidden] {
    display: none;
}
/*==========
製品検索パネル
==========*/
.search .result-panel {
    position: relative;
}
.search .result-panel::after {
    content: "";
    display: block;
    clear: both;
}
.search .result-list-header,
.search .result-list-groups {
    margin-left: 420px; /* 左カラム 380px + 余白 40px */
    min-width: 0;
}
/*=====検索条件=====*/
.search .result-filter-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 380px;
    border-right: 1px solid #D9D9D9;
    padding-right: 20px;
    box-sizing: border-box;
}
.search .result-filter-title {
    display: block;
    width: fit-content;
    color: #004EA2;
    font-size: 1.786em;
    font-weight: bold;
    line-height: 100%;
    text-align: center;
    margin: 45px 0 20px;
    background: none;
    font-family: inherit;
    cursor: default;
    appearance: none;
    -webkit-appearance: none;
}
.search .result-filter-title .ico {
    display: none;
}
.search .result-filter-body-inner {
    overflow: visible;
}
/*条件ブロック*/
.search .result-filter-block{
    padding: 20px 0;
}
.search .result-filter-block + .result-filter-block {
    border-top: 1px solid #D9D9D9;
}
/*条件タイトル*/
.search .result-filter-block-title {
    font-size: 1.286em;
    font-weight: bold;
    margin-bottom: 7px;
}
/*カテゴリツリーチェックボックス群*/
.search .category-trail-form {
    display: block;
    margin-top: 6px;
}
/*カテゴリツリーチェックボックス1行*/
.search .category-trail-item {
    color: #004EA2;
    font-size: 1.143em;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 3px;
}
/*カテゴリツリーチェックボックス階層表現*/
.search .category-trail-tier-1 { margin-left: 0; }
.search .category-trail-tier-2 { margin-left: 1em; }
.search .category-trail-tier-3 { margin-left: 2em; }
.search .category-trail-tier-4 { margin-left: 3em; }
/*その他チェックボックス*/
.search .filter-option-item {
    color: #004EA2;
    font-size: 1.143em;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 1px;
}
.search .filter-option-code {
    font-size: 0.857em;
    color: #3a566f;
    min-width: 4em;
}
/*隠す用処理*/
.search .expandable-filter-list {
    position: relative;
    max-height: 300px; /* おおよそ10行分 */
    overflow: hidden;
    transition: max-height 0.18s ease-in-out;
}
.search .expandable-filter-list::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 22px;
    background: linear-gradient(to bottom, rgba(126, 214, 242, 0), rgba(126, 214, 242, 1));
    pointer-events: none;
}
.search .expandable-filter-list:hover,
.search .expandable-filter-list:focus-within {
    max-height: 2000px;
}
.search .expandable-filter-list:hover::after,
.search .expandable-filter-list:focus-within::after {
    display: none;
}
/*価格*/
.search .price-refine-panel {
    margin: 0;
    border-bottom: 1px solid #D9D9D9;
}
.search .price-refine-form {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px 20px;
}
.search .price-refine-inputs-wrap {
    width: 100%;
    min-width: 0;
}
.search .price-refine-inputs {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;
    width: 100%;
    min-width: 0;
}
.search .price-refine-inputs > span {
    flex-shrink: 0;
    white-space: nowrap;
}
.search .price-refine-input {
    flex: 1 1 0;
    min-width: 3em;
    width: 0;
    border: 1px solid #D9D9D9;
    padding: 3px 6px;
    box-sizing: border-box;
}
.search .price-refine-submit {
    color: #fff;
    background: #004EA2;
    padding: 3px 10px;
    box-sizing: border-box;
    min-width: 82px;
    cursor: pointer;
    transition: all 0.3s;
}
.search .price-refine-submit:hover {
    opacity: 0.75;
}
.search .price-refine-clear {
    color: #3A3D43;
    text-align: center;
    background: #EEEEEE;
    padding: 4px 10px;
    box-sizing: border-box;
    min-width: 82px;
    cursor: pointer;
    transition: all 0.3s;
}
.search .price-refine-clear:hover {
    opacity: 0.75;
}
/*=====検索結果ヘッダー=====*/
.search .result-list-header{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    /* align-items: center; */
    margin-bottom: 40px;
    padding-top: 26px;
}
/*並べ替え*/
.search .result-sort-setting {
    font-size: 1.143em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
    margin-top: 30px;
}
.search .result-sort-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}
/* button / a どちらでも可 */
.search .result-sort-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #004EA2;
    border-radius: 4px;
    background: #fff;
    color: #004EA2;
    padding: 5px 7px;
    box-sizing: border-box;
    line-height: 1;
    transition: all 0.3s;
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    appearance: none;
    -webkit-appearance: none;
}
.search .result-sort-item.is-active {
    color: #fff;
    font-weight: bold;
    background: #004EA2;
    cursor: inherit;
}
.search .result-sort-item:not(.is-active):hover {
    opacity: 0.75;
}
/*表示件数*/
.search .result-stock-block{
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.search .result-stock-display {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.search .result-stock-display-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.search .result-stock-display-item + .result-stock-display-item {
    border-left: 1px solid #004EA2;
    margin-left: 8px;
    padding-left: 8px;
}
/* button / a どちらでも可 */
.search .result-stock-display-item {
    display: inline;
    border: none;
    background: none;
    padding: 0;
    color: #004EA2;
    cursor: pointer;
    transition: opacity 0.3s;
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    appearance: none;
    -webkit-appearance: none;
}
.search .result-stock-display-item.is-active {
    font-weight: bold;
    cursor: inherit;
}
.search .result-stock-display-item:not(.is-active):hover {
    opacity: 0.75;
}
.search .result-stock-display-item.is-disabled {
    color: #8a8f96;
    cursor: default;
    pointer-events: none;
}
.search .result-pagination-prev-next {
    display: flex;
    justify-content: flex-end;
}

/*=====検索結果グループ=====*/
.search .result-list-groups .site-search-panel {
    margin-top: 40px;
}
.search .result-group + .result-group{
    margin-top: 100px;
}
.search .result-group-title{
    font-size: 1.857em;
    font-weight: bold;
    margin-bottom: 10px;
    word-break: normal;
    overflow-wrap: break-word;
}
.search .result-group-cas{
    font-size: 1.143em;
    border: 1px solid #DDDDDD;
    display: inline-block;
    padding: 0 6px;
    margin-bottom: 41px;
}
/*テーブル*/
.search .result-group .tbl-03{
    table-layout: fixed;
    width: 100%;
}
.search .result-group .tbl-03 th,
.search .result-group .tbl-03 td {
    box-sizing: border-box;
    min-width: 0;
    overflow-wrap: anywhere;
}
.search .result-group .tbl-03 th{
    padding: 9px 10px;
}
.search .result-group .tbl-03 td{
    font-size: 1em;
}
.search .result-group .tbl-03 th:first-child,
.search .result-group .tbl-03 td:first-child {
  width: 43.59%; /* デザイン値 */
}
.search .result-group .tbl-03 td:first-child{
    padding: 15px 15px;
}
.search .result-group .tbl-03 a{
    margin-right: 0;
}
.search .result-group .tbl-03 a.sds{
    font-size: 1em;
}
/*製品情報パーツ*/
.search .result-group-code{
    color: #004EA2;
    font-size: 1.429em;
    font-weight: bold;
    text-decoration: underline;
}
.search .result-group-txt{
    font-size: 1.143em;
    font-weight: normal;
    margin-top: 8px;
}
/*検索結果：所属カテゴリー（表示用は省略固定、ホバー/タップはポップアップで全文）*/
.search .category-trail-content {
    position: relative;
    margin-top: 19px;
    max-width: 100%;
}
.search .category-trail-content.is-overflowing {
    cursor: pointer;
}
.search .category-trail-display .category-trail-line {
    display: block;
    max-width: 100%;
    font-size: 1.143em;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.search .category-trail-popup {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
    background: #fff;
    border: 1px solid #95b7c7;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
    padding: 4px 8px;
    min-width: 100%;
    width: max-content;
    max-width: min(70em, calc(100vw - 60px));
    box-sizing: border-box;
}
.search .category-trail-popup .category-trail-line {
    display: block;
    font-size: 1.143em;
    font-weight: normal;
    white-space: normal;
    word-break: break-word;
    overflow: visible;
    text-overflow: clip;
}
@media (hover: hover) {
    .search .category-trail-content.is-overflowing:hover .category-trail-popup {
        display: block;
    }
}
.search .category-trail-content.is-expanded .category-trail-popup {
    display: block;
}
.search .result-group-ghs{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 7px;
}
.search .result-group-ghs-item{
    width: 30px;
}
.search .result-group-link{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.search .result-group-link-item {
    color: #004EA2;
}
/*==========
サイト内検索パネル
==========*/
/* ================================================
CoA
================================================ */
#coa .section-wrap form .coa-form-row{
    display: flex;
    align-items: center;
    gap: 16px;
}
#coa .section-wrap form .coa-form-row + .coa-form-row{
    margin-top: 40px;
}
#coa .section-wrap form .coa-form-label{
    width: 133px;
    flex-shrink: 0;
}
#coa .section-wrap form .coa-form-field{
    flex: 1;
}
#coa .section-wrap form input[type="text"]{
    width: 500px;
    max-width: 100%;
    padding: 8px 16px;
    border-radius: 2px;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
}
#coa .section-wrap form .btn-01{
    margin-top: 100px;
    text-align: center;
}
#coa .section-wrap form .btn-01 button{
    justify-content: center;
    color: #fff;
    font-size: 1.429em;
    line-height: 160%;
    font-weight: bold;
    border-radius: 20px 0 20px 0;
    padding: 20px 30px;
    background: #004EA2;
    box-sizing: border-box;
    min-width: 324px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: opacity 0.3s;
}
#coa .section-wrap form .btn-01 button:hover{
    cursor: pointer;
    opacity: 0.75;
}
#coa .section-wrap form .search-input-error{
    margin-top: 24px;
}



/* ================================================
DETAIL
================================================ */

#DETAIL .section-wrap+.section-wrap{
	margin-top: 50px;
}
#DETAIL .section-wrap+.section-wrap-02{
	margin: 60px 0 100px;
}
#DETAIL .ttl4{
	margin-bottom: 40px;
}

#DETAIL summary{
	display: inline-block;
}
#DETAIL summary h3{
	display: inline-flex;
	cursor: pointer;
	align-items: center;
	gap: 20px;
	transition: opacity 0.2s ease;
}
#DETAIL summary h3:hover{
	opacity: 0.75;
}
#DETAIL summary svg{
	transform: rotate(90deg);
	transition: transform 0.2s ease;
}
#DETAIL summary:has( +.txt01){
	margin-bottom: 20px;
}
#DETAIL summary + .txt01 {
	margin-bottom: 40px;
}
#DETAIL details[open]{
	margin-bottom: 50px;
}
#DETAIL details[open] summary svg{
	transform: rotate(270deg);
}
/* #DETAIL details[open]:has(+ details){
	margin-bottom: 100px;
} */
#DETAIL details:not([open]) .ttl4 {
	margin-bottom: 0;
}
#DETAIL details+details {
	margin-top: 40px;
}
#DETAIL .regulatory-section--disclaimer-only {
	margin-bottom: 150px;
}
#DETAIL .regulatory-section--disclaimer-only .ttl4 {
	margin-bottom: 20px;
}
#DETAIL .regulatory-section--disclaimer-only .txt01 {
	margin-bottom: 40px;
}
#DETAIL .regulatory-section--disclaimer-only + details {
	margin-top: 40px;
}
#DETAIL .table-note{
	/* color: #3A3D43; */
	/* font-size: 16px; */
	/* line-height: 200%; */
	margin-top: 20px;
}
#DETAIL .table-container {
	position: relative;
}
/* 矢印 */
#DETAIL .table-container::before {
	content: "";
	position: absolute;
	left: -34px;
	top: var(--arrow-top, 0px);
	transform: translateY(-50%);

	width: 22.75px;
	height: 26px;

	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIzIiBoZWlnaHQ9IjI2IiB2aWV3Qm94PSIwIDAgMjMgMjYiIGZpbGw9Im5vbmUiPjxyZWN0IHk9IjE5LjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDAgMTkuNSkiIGZpbGw9IiMwMDRFQTIiLz48cGF0aCBkPSJNMjIuNzUgMTNMMTAuNTYyNSAyNC4yNTgzTDEwLjU2MjUgMS43NDE2N0wyMi43NSAxM1oiIGZpbGw9IiMwMDRFQTIiLz48L3N2Zz4=") no-repeat;
	background-size: contain;
	pointer-events: none;
}
#DETAIL .ghs-wrap{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
#DETAIL .ghs-img{
	width: 77px;
	height: auto;
}
#DETAIL .tbl-02 th, .tbl-02 td {
    padding: 8px 12px;
}
#DETAIL .tbl-03 td:first-child {
    padding: 13px 10px;
}
#DETAIL .table-container .tbl-03 th:first-child,
#DETAIL .table-container .tbl-03 td:first-child,
#DETAIL .js-scroll.scroll-hint > .tbl-03 th:first-child,
#DETAIL .js-scroll.scroll-hint > .tbl-03 td:first-child {
    white-space: nowrap;
}
#DETAIL .tbl-03 th, .tbl-03 td {
    padding: 13px 10px;
}
#DETAIL .tbl-03 td a {
    display: inline-block;
    white-space: nowrap;
}
#DETAIL .js-scroll.scroll-hint {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}
/* 下部お問い合わせボタン 共通パーツ？ */
#DETAIL .section-inq .inq-wrap{
	background: #F5F5F5;
	/* padding: 80px 57px; */
	padding: 80px 50px;
	box-sizing: border-box;
}
#DETAIL .section-inq .ttl3{
	line-height: 1;
	margin-bottom: 40px;
	text-align: center;
}
#DETAIL .section-inq .txt01 {
	text-align: center;
}
#DETAIL .section-inq .btn-01{
	margin-top: 60px;
	text-align: center;
}
#DETAIL .section-inq .btn-01 a{
	min-width: 420px;
}


@media only screen and (max-width: 768px) {
    /* ================================================
    PRODUCT_IDX
    ================================================ */
    /* mv-wrap-03 */
    #PRODUCT_IDX .mv-wrap-03{
        background-image: url(/imgs/product/product_mv_sp.jpg);
    }
    /* section-wrap：ttl-wrap */
    #PRODUCT_IDX .section-wrap .ttl-wrap{
        flex-wrap: wrap;
        gap: 5.208vw;
        margin-bottom: 13.417vw;
    }
    #PRODUCT_IDX .section-wrap .ttl-wrap .ttl2-en{
        font-weight: inherit;
    }

    /* Business & Products：product-cat-list */
    #PRODUCT_IDX .product-section .ttl-wrap{
        flex-direction: column;
    }
    #PRODUCT_IDX .product-cat-list{
        gap: 13.021vw;
    }
    #PRODUCT_IDX .product-cat-link{
        margin-bottom: 7.813vw;
    }
    #PRODUCT_IDX .product-cat-link .img-wrap{
        margin-bottom: 2.605vw;
        height: 52.084vw;
        border-radius: 0 6.511vw 0 6.511vw;
    }
    #PRODUCT_IDX .product-cat-link .ttl3{
        gap: 2.604vw;
    }
    /* Business & Products：parts-03 */
    #PRODUCT_IDX .product-cat-item .parts-03{
        gap: 2.506vw;
        padding: 0;
    }
    /* Business & Products：product-support */
    #PRODUCT_IDX .product-support{
        margin-top: 19.531vw;
        padding: 7.813vw;
        gap: 5.208vw;
        width: 89.583vw;
        flex-direction: column;
        align-items: flex-start;
    }
    #PRODUCT_IDX .product-support .link-01 a{
        font-size: 4.167vw;
        gap: 2.604vw;
    }
    /* News：news-head */
    #PRODUCT_IDX .news-head{
        /* margin-bottom: 11vw; */
    }
    #PRODUCT_IDX .news-list .news-item:first-child{
        padding: 5.208vw 0;
        border-top: 1px solid #D9D9D9;
    }
    #PRODUCT_IDX .news-section .btn-01{
        margin-top: 13.021vw;
    }
    /* Our Strengths：strength-list */
    #PRODUCT_IDX .strengths-section .ttl5-wrap .ttl5{
        display: flex;
        flex-direction: column;
        gap: 3.906vw 0;
    }
    #PRODUCT_IDX .strengths-section .ttl2-jp{
        margin-left: 0;
    }
    #PRODUCT_IDX .strength-overview__copy{
        font-size: 8.333vw;
    }
	#PRODUCT_IDX .strength-overview-section{
		margin: 0 0 18.881vw;
	}
	#PRODUCT_IDX .strength-overview-section .inner-1200{
		max-width: none;
	}
	#PRODUCT_IDX .strength-overview{
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 0;
		row-gap: 0;
		width: 89.333vw;
		max-width: 435px;
		margin: 0 auto 10.417vw;
		padding: 0;
	}
	#PRODUCT_IDX .strength-overview__item{
		flex: none;
		width: auto;
		margin: 0;
		gap: 2.604vw;
	}
	#PRODUCT_IDX .strength-overview__item--01{
		position: relative;
		z-index: auto;
		grid-column: 1 / -1;
		justify-self: center;
		margin-bottom: -22.266vw;
	}
	#PRODUCT_IDX .strength-overview__item--01 .strength-overview__txt{
		order: -1;
		margin-bottom: 0;
	}
	#PRODUCT_IDX .strength-overview__item--02{
		position: relative;
		z-index: auto;
		grid-column: 1;
		justify-self: end;
		margin-top: 0;
		margin-right: -10.417vw;
	}
	#PRODUCT_IDX .strength-overview__item--03{
		position: relative;
		z-index: auto;
		grid-column: 2;
		justify-self: start;
		margin-top: 0;
		margin-left: -7.813vw;
	}
	#PRODUCT_IDX .strength-overview__circle-wrap{
		position: relative;
		width: 56.641vw;
		/* max-width: 260px; */
		height: auto;
	}
	#PRODUCT_IDX .strength-overview__circle-wrap picture{
		z-index: 1;
	}
	#PRODUCT_IDX .strength-overview__item--01 .strength-overview__circle-wrap{
		aspect-ratio: 1 / 1;
	}
	#PRODUCT_IDX .strength-overview__item--02 .strength-overview__circle-wrap{
		aspect-ratio: 1 / 1;
	}
	#PRODUCT_IDX .strength-overview__item--03 .strength-overview__circle-wrap{
		aspect-ratio: 1 / 1;
	}
	#PRODUCT_IDX .strength-overview__circle-inner{
		position: absolute;
		inset: 0;
		z-index: 2;
		justify-content: center;
		gap: 2.083vw;
		padding: 8vw 4.167vw 5.208vw;
	}
	#PRODUCT_IDX .strength-overview__item--01 .strength-overview__circle-inner{
		padding-top: 10.417vw;
		margin-top: -7.422vw;
	}
	#PRODUCT_IDX .strength-overview__item--02 .strength-overview__circle-inner{
		padding-top: 9.115vw;
		padding-right: 13.412vw;
	}
	#PRODUCT_IDX .strength-overview__item--03 .strength-overview__circle-inner{
		padding-top: 9.115vw;
		padding-left: 8.334vw;
	}
	#PRODUCT_IDX .strength-overview__circle{
		width: auto;
		height: auto;
	}
	#PRODUCT_IDX .strength-overview__circle svg{
		width: 10.417vw;
		height: 10.417vw;
		max-width: 48px;
		max-height: 48px;
	}
	#PRODUCT_IDX .strength-overview__ttl{
		z-index: 3;
		font-size: 5.469vw;
		-webkit-text-stroke: 1.042vw #fff;
		/* max-width: 36vw; */
	}
	#PRODUCT_IDX .strength-overview__txt{
		position: relative;
		z-index: 2;
		max-width: 38vw;
		font-size: 3.646vw;
		line-height: 160%;
	}
	#PRODUCT_IDX .strength-overview__item--01 .strength-overview__txt{
		max-width: 72.917vw;
	}



    /* ================================================
    BATTERY
    ================================================ */

    #BATTERY .section-wrap .link-wrap{
        margin-top: 6.021vw;
        gap: 0;
    }
    #BATTERY .section-wrap .flex-wrap-01{
        gap: 2.506vw 3.906vw;
    }
	/* 下部お問い合わせボタン 共通パーツ？ */
	#BATTERY .section-inq .inq-wrap {
		padding: 7.813vw 5.209vw;
	}
	#BATTERY .section-inq .ttl3 {
		line-height: 160%;
		margin-bottom: 5.209vw;
		text-align: left;
		display: flex;
		justify-content: center;
	}
	#BATTERY .section-inq .txt01 {
		text-align: left;
	}
	#BATTERY .section-inq .btn-01 {
		margin-top: 5.209vw;
		/* text-align: center; */
	}
	#BATTERY .section-inq .btn-01 a {
		min-width: 54.688vw;
	}
    #BATTERY .main .pdf-wrap .btn-01.bg-01{
        text-align: center;
    }
    #BATTERY .main .pdf-wrap .btn-01.bg-01 a{
        justify-content: flex-start;
        min-width: inherit;
        width: 72.917vw;
    }
    /* ================================================
    SEARCH
    ================================================ */
    /* ================================================
    SEARCH(サイト内検索含む)
    ================================================ */
    .search .mv-wrap {
        margin-bottom: 13.021vw;
    }
    /*============================
    キーワード検索エリア
    ============================*/
    .search .search-page .keyword-row{
        margin-bottom: 10.677vw;
    }
    .search .search-page .condition-grid{
        align-items: inherit;
    }
    .search .search-page .buttons{
        margin-top: 0;
    }
    /* フリーキーワード/条件検索のうち、いま使っていない側を見た目だけグレーアウトする（入力は受け付ける） */
    .search .is-search-dimmed {
        opacity: 0.45;
        background: #ececec;
        color: #9aa0a6;
        filter: grayscale(100%);
        transition: opacity 0.15s ease, background-color 0.15s ease;
    }
    body.search .suggest-dropdown-item {
        font-size: 3.646vw;
        padding: 2.083vw 2.604vw;
    }
    /*============================
    検索結果エリア
    ============================*/
    /*==========
    切り替えタブ
    ==========*/
    .search .content-area {
        margin-top: 16.021vw;
    }
    .search .content-area > .inner-1400{
        padding-top: 0;
        border-top: none;
    }
    .search .content-tabs {
        padding-left: 0;
        margin-bottom: 13.021vw;
    }
    .search .content-tab {
        font-size: 3.907vw;
        border-radius: 0 2.605vw 0 0;
        padding: 2.344vw 0;
        min-width: 31.25vw;
    }

    /*==========
    製品検索パネル
    ==========*/
    .search .result-panel {
        position: relative;
        border-top: 1px solid #D9D9D9;
        padding-top: 9.021vw;
    }
    .search .result-panel::after {
        content: "";
        display: block;
        clear: both;
    }

    .search .result-list-header,
    .search .result-list-groups {
        margin-left: 0;
    }
    /*=====検索条件=====*/
    .search .result-filter-area {
        position: static;
        width: 100%;
        border-right: none;
        padding-right: 0;
        margin-bottom: 13.021vw;
    }
    /*=====検索条件（SP：タイトルを開閉ボタン）=====*/
    .search .result-filter-title {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        font-size: 3.646vw;
        font-weight: bold;
        text-align: center;
        margin: 0;
        padding: 3.87vw 3.906vw;
        border: 2px solid #D9D9D9;
        cursor: pointer;
        color: #3A3D43;
    }
    .search .result-filter-title .ico {
        font-size: 110%;
        display: inline-flex;
        position: absolute;
        right: 3.906vw;
        top: 50%;
        flex-shrink: 0;
        transform: translateY(-50%) rotate(90deg);
        transition: transform 0.3s ease;
    }
    .search .result-filter-area.is-open .result-filter-title .ico {
        transform: translateY(-50%) rotate(-90deg);
    }
    .search .result-filter-body {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 0.3s ease;
    }
    .search .result-filter-area.is-open .result-filter-body {
        grid-template-rows: 1fr;
    }
    .search .result-filter-body-inner {
        overflow: hidden;
        min-height: 0;
    }
    .search .result-filter-row{
        border: 2px solid #D9D9D9;
        border-top: none;
        padding: 2.729vw 5.729vw 16.927vw;
    }
    .search .result-filter-area.is-open .result-filter-title {
        margin-bottom: 0;
    }
    /*条件ブロック*/
    .search .result-filter-block{
        padding: 2.604vw 0;
    }
    .search .result-filter-block + .result-filter-block {
        border-top: 1px solid #D9D9D9;
    }
    /*条件タイトル*/
    .search .result-filter-block-title {
        font-size: 3.646vw;
        font-weight: bold;
        margin-bottom: 1.302vw;
    }
    /*カテゴリツリーチェックボックス群*/
    .search .category-trail-form {
        display: block;
        margin-top: 1.302vw;
    }
    /*カテゴリツリーチェックボックス1行*/
    .search .category-trail-item {
        color: #004EA2;
        font-size: 3.385vw;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 1.302vw;
        margin-top: 2.04vw;
    }
    /*カテゴリツリーチェックボックス階層表現*/
    .search .category-trail-tier-1 { margin-left: 0; }
    .search .category-trail-tier-2 { margin-left: 1em; }
    .search .category-trail-tier-3 { margin-left: 2em; }
    .search .category-trail-tier-4 { margin-left: 3em; }
    /*その他チェックボックス*/
    .search .filter-option-item {
        color: #004EA2;
        font-size: 3.385vw;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 1.302vw;
        margin-top: 2.604vw;
    }
    .search .filter-option-code {
        font-size: 3.385vw;
        color: #3a566f;
        min-width: 4em;
    }
    /*隠す用処理（768基準のvw換算）*/
    .search .expandable-filter-list {
        position: relative;
        max-height: calc(300 * 100vw / 768); /* 300px おおよそ10行分 */
        overflow: hidden;
        transition: max-height 0.18s ease-in-out;
    }
    .search .expandable-filter-list::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: calc(22 * 100vw / 768); /* 22px */
        background: linear-gradient(to bottom, rgba(126, 214, 242, 0), rgba(126, 214, 242, 1));
        pointer-events: none;
    }
    .search .expandable-filter-list:hover,
    .search .expandable-filter-list:focus-within {
        max-height: calc(2000 * 100vw / 768); /* 2000px */
    }
    .search .expandable-filter-list:hover::after,
    .search .expandable-filter-list:focus-within::after {
        display: none;
    }
    /*価格*/
    .search .price-refine-panel {
        margin: 0;
        border-bottom: 1px solid #D9D9D9;
    }
    .search .price-refine-form {
        width: 100%;
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 2.604vw;
    }
    .search .price-refine-inputs-wrap {
        width: 100%;
        min-width: 0;
    }
    .search .price-refine-inputs {
        font-size: 3.385vw;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 1.302vw;
        width: 100%;
        min-width: 0;
    }
    .search .price-refine-inputs > span {
        flex-shrink: 0;
        white-space: nowrap;
    }
    .search .price-refine-input {
        flex: 1 1 0;
        min-width: 3em;
        width: 0;
        border: 1px solid #D9D9D9;
        padding: 0.02vw 1.302vw;
        box-sizing: border-box;
    }
    .search .price-refine-submit {
        font-size: 3.125vw;
        /* background: #E5F6FC; */
        padding: 0.651vw;
        box-sizing: border-box;
        min-width: 14.583vw;
        cursor: pointer;
        transition: all 0.3s;
    }
    .search .price-refine-submit:hover {
        opacity: 0.75;
    }
    .search .price-refine-clear {
        font-size: 3.125vw;
        text-align: center;
        background: #EEEEEE;
        padding: 0.651vw;
        box-sizing: border-box;
        min-width: 14.583vw;
        cursor: pointer;
        transition: all 0.3s;
    }
    .search .price-refine-clear:hover {
        opacity: 0.75;
    }
    /*=====検索結果ヘッダー=====*/
    .search .result-list-header{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        /* align-items: flex-end; */
        margin-bottom: 10.417vw;
        padding-top: 0;
    }
    /*並べ替え*/
    .search .result-sort-setting {
        font-size: 2.604vw;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 1.302vw 0.651vw;
        margin-top: 5.208vw;
    }
    .search .result-sort-list {
        display: flex;
        flex-wrap: wrap;
        gap: 0.651vw;
        width: 100%;
    }
    /* button / a どちらでも可 */
    .search .result-sort-item {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #004EA2;
        border-radius: 0.521vw;
        background: #fff;
        color: #004EA2;
        padding: 0.6vw 2.474vw;
        box-sizing: border-box;
        line-height: 1;
        transition: all 0.3s;
        cursor: pointer;
        text-decoration: none;
        font-family: inherit;
        font-size: inherit;
        appearance: none;
        -webkit-appearance: none;
    }
    .search .result-sort-item.is-active {
        color: #fff;
        font-weight: bold;
        background: #004EA2;
        cursor: inherit;
    }
    .search .result-sort-item:not(.is-active):hover {
        opacity: 0.75;
    }
    /*表示件数*/
    .search .result-stock-block{
        font-size: 2.604vw;
        text-align: right;
        display: flex;
        flex-direction: column;
        gap: 1.302vw;
    }
    .search .result-stock-display {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        gap: 1.953vw;
    }
    .search .result-stock-display-list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .search .result-stock-display-item + .result-stock-display-item {
        border-left: 1px solid #004EA2;
        margin-left: 1.302vw;
        padding-left: 1.302vw;
    }
    /* button / a どちらでも可 */
    .search .result-stock-display-item {
        display: inline;
        border: none;
        background: none;
        padding: 0;
        color: #004EA2;
        cursor: pointer;
        transition: opacity 0.3s;
        text-decoration: none;
        font-family: inherit;
        font-size: inherit;
        appearance: none;
        -webkit-appearance: none;
    }
    .search .result-stock-display-item.is-active {
        font-weight: bold;
        cursor: inherit;
    }
    .search .result-stock-display-item:not(.is-active):hover {
        opacity: 0.75;
    }
    .search .result-stock-display-item.is-disabled {
        color: #8a8f96;
        cursor: default;
        pointer-events: none;
    }
    .search .result-pagination-prev-next {
        display: flex;
        justify-content: flex-end;
    }

    /*=====検索結果グループ=====*/
    .search .result-group + .result-group{
        margin-top: 21.531vw;
    }
    .search .result-group-title{
        font-size: 4.688vw;
        margin-bottom: 0;
    }
    .search .result-group-cas{
        font-size: 2.865vw;
        border: 1px solid #DDDDDD;
        display: inline-block;
        padding: 0 0.651vw;
        margin-bottom: 6.073vw;
    }
    /*テーブル（768基準のvw換算：1200px=156.25vw、400px、160px。calcで端数一致）*/
    .search .result-group .table-container .js-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .search .result-group .tbl-03 {
        table-layout: fixed;
        width: calc(1200 * 100vw / 768);
        min-width: calc(1200 * 100vw / 768);
    }
    .search .result-group .tbl-03 th:nth-child(1),
    .search .result-group .tbl-03 td:nth-child(1) {
        width: calc(400 * 100vw / 768);
    }
    .search .result-group .tbl-03 th:nth-child(n+2),
    .search .result-group .tbl-03 td:nth-child(n+2) {
        width: calc(160 * 100vw / 768);
    }
    .search .result-group .tbl-03 th {
        padding: 1.167vw 1.125vw;
    }
    .search .result-group .tbl-03 td {
        font-size: 3.385vw;
        padding: 2.604vw 1.125vw;
    }
    .search .result-group .tbl-03 td:nth-child(1) {
        padding: 3.604vw 2.125vw 2.604vw;
    }
    .search .result-group .tbl-03 a{
        margin-right: 0;
    }
    .search .result-group .tbl-03 a.sds{
        font-size: 3.385vw;
    }
    /*製品情報パーツ*/
    .search .result-group-code{
        color: #004EA2;
        font-size: 3.906vw;
        font-weight: bold;
        text-decoration: underline;
    }
    .search .result-group-txt{
        font-size: 3.646vw;
        margin-top: 2.51vw;
    }
    .search .category-trail-content {
        margin-top: 2.51vw;
    }
    .search .category-trail-line {
        font-size: 3.646vw;
    }
    .search .result-group-ghs{
        display: flex;
        flex-wrap: wrap;
        gap: 2.604vw;
        margin-top: 1.651vw;
    }
    .search .result-group-ghs-item{
        width: 8.51vw;
    }
    .search .result-group-link{
        display: flex;
        flex-direction: column;
        gap: 1.302vw;
    }
    .search .result-group-link-item {
        color: #004EA2;
    }

    /* ================================================
    CoA
    ================================================ */
    #coa .mv-wrap {
        margin-bottom: 13.021vw;
    }
    #coa .section-wrap form .coa-form-row{
        flex-direction: column;
        align-items: stretch;
        gap: 2.604vw;
    }
    #coa .section-wrap form .coa-form-row + .coa-form-row{
        margin-top: 5.209vw;
    }
    #coa .section-wrap form .coa-form-label{
        width: 100%;
    }
    #coa .section-wrap form .coa-form-field{
        width: 100%;
    }
    #coa .section-wrap form input[type="text"]{
        width: 100%;
        padding: 3.516vw 2.605vw;
    }
    #coa .section-wrap form .btn-01{
        margin-top: 13.021vw;
    }
    #coa .section-wrap form .btn-01 button{
        min-width: 0;
        font-size: 3.646vw;
        border-radius: 2.605vw 0 2.605vw 0;
        padding: 3.256vw 3.907vw;
        min-width: 58.073vw;
    }



    /* ================================================
    DETAIL
    ================================================ */
	#DETAIL .mv-wrap :not(.breadcrumb) {
		margin-bottom: 19.531vw;
	}

	#DETAIL .section-wrap+.section-wrap {
		margin-top: 19.532vw;
	}
	#DETAIL .section-wrap+.section-wrap-02{
		margin: 7.813vw 0 13.021vw;
	}
	#DETAIL .ttl4 {
		margin-bottom: 5.209vw;
	}

	#DETAIL summary:has(+.txt01) {
		margin-bottom: 2.605vw;
	}
	#DETAIL summary+.txt01 {
		margin-bottom: 5.209vw;
	}
	#DETAIL details[open] {
		margin-bottom: 19.532vw;
	}
	/* #DETAIL details[open]:has(+ details) {
		margin-bottom: 13.021vw;
	} */
	#DETAIL details+details {
		margin-top: 5.209vw;
	}
	#DETAIL .regulatory-section--disclaimer-only {
		margin-bottom: 19.532vw;
	}
	#DETAIL .regulatory-section--disclaimer-only .ttl4 {
		margin-bottom: 2.605vw;
	}
	#DETAIL .regulatory-section--disclaimer-only .txt01 {
		margin-bottom: 5.209vw;
	}
	#DETAIL .regulatory-section--disclaimer-only + details {
		margin-top: 5.209vw;
	}
	#DETAIL .table-note {
		/* font-size: 2.605vw; */
		margin-top: 2.605vw;
	}
	#DETAIL .tbl-03 td a {
		display: block;
		white-space: nowrap;
	}
	/* 矢印 */
	#DETAIL .table-container::before {
		left: -4.427vw;
		top: var(--arrow-top, 0px);

		width: 2.963vw;
		height: 3.386vw;

	}
	#DETAIL .ghs-wrap {
		display: flex;
		flex-wrap: wrap;
		gap: 1.303vw;
	}

	#DETAIL .ghs-img {
		width: 10.027vw;
		height: auto;
	}
	/* 下部お問い合わせボタン 共通パーツ？ */
	#DETAIL .section-inq .inq-wrap {
		padding: 7.813vw 5.209vw;
	}
	#DETAIL .section-inq .ttl3 {
		line-height: 160%;
		margin-bottom: 5.209vw;
		text-align: left;
		display: flex;
		justify-content: center;
	}
	#DETAIL .section-inq .txt01 {
		text-align: left;
	}
	#DETAIL .section-inq .btn-01 {
		margin-top: 5.209vw;
		/* text-align: center; */
	}
	#DETAIL .section-inq .btn-01 a {
		min-width: 54.688vw;
	}
}