@charset "UTF-8";

/* PC用　MV上のキャッチコピー　PCのみ改行するため、SPではbrを非表示 */
@media screen and (max-width: 748px) {
	.visual p span br {
		display: none;
	}
}

/* PC用　ページ上部「About ion exchange resins」したの文章、幅を指定する。日本語は幅指定ないが文が短いので気にならない */
@media screen and (min-width: 747px) {
	.index_lead {
		width: 90%;
	}
}

/* PC用　Types of ion exchange resins 配下の説明文の行間を調整（写真が見切れてしまうため） */
.index_box .index_box_lead {
	line-height: 1.6em;
}

/* トップページ
/en/
----------------------------------------------------*/

/* SP用　「View details of the chelating resins」のリンクテキスト、SP時に文字と右下の三角が重なるため調整 */
@media screen and (max-width: 747px) {
	.index_btn a {
		line-height: 1.2em;
        padding: 20px;
	}
}
/* Types of ion exchange resins（イオン交換樹脂の種類）
/en/type/
----------------------------------------------------*/


/* SP用　1つ目のテーブルの横幅調整のため。tdのテキストを折り返して幅をせばめる */
.sub_table.type_anion tr.stripe td {
	overflow-wrap: anywhere;
}
/* Anion resin（アニオン樹脂）
/en/type/anion/
----------------------------------------------------*/


/* PC・SP共通　ページ上部、動画の上の見出し画像 */
.movie.muro2:before {
	background-image: url(../images/muro2.png);
}
/* High-purity resin（高純度樹脂）
/en/type/high-grade/
----------------------------------------------------*/


/* PC用　ページ下部 Ion exchange resin for catalysts that we propose 配下、数字付きのリスト 数字とテキストが重なってしまうので調整 */
@media screen and (min-width: 747px) {
	.sub_double li {
		padding: 33px 50px;
		display: flex;
		align-items: center;
		line-height: 1.5em;
	}
}
/* Ion exchange resin for catalysts（触媒用イオン交換樹脂）
/en/use/catalyzer/
----------------------------------------------------*/


/* PC用　青いチェックマーク・枠線のリスト　1行の場合に上下の位置調整 */
@media screen and (min-width: 747px) {
	.sub_num_list li {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

/* PC用　ヘッダーのグローバルナビを右寄せにする（カタログダウンロード・問い合わせリンクがなくなったため）*/
@media screen and (min-width: 1200px) {
	.header_nav {
		padding: 0 30px 0 0;
		text-align: right;
	}
}
@media screen and (min-width: 1600px) {
	.header_nav {
	  padding: 0 50px 0 0;
	}
}

/* テーブルのth・tdテキストを折り返す */
.sub_sec3_table.simple thead th,
.sub_sec3_table.large thead th,
.sub_sec3_table.large tbody td,
.sub_sec3_table thead th {
	white-space: normal;
}
/* 共通
----------------------------------------------------*/