@charset "UTF-8";
/* ========================================================================================================
	分野から探す
======================================================================================================== */
.field_index .bl_col02 li {
	width: calc(598 / 1200 * 100%);
	max-width: 598px;
	margin-bottom: 4px;
	line-height: 1;
}

.field_index .bl_col02 li:hover {
	opacity:0.7;
}

.field_index .bl_col02 li a:hover {
	text-decoration: none;
}

.ly_title_flame {
	display: block;
	width: 598px;
	display: flex;
	justify-content: space-between;
	padding: calc(112 / 598 * 100%) calc(40 / 598 * 100%) calc(32 / 598 * 100%);
}

.el_title_box span {
	font-family: Noto Sans CJK JP, sans-serif;
	font-weight: 500;
	display: block;
}

.title-text {
	color: #fff;
	font-size: 2.4rem;
	margin-bottom: 18px;
}

.sub-title-text {
	color: #DD594D;
	font-size: 1.6rem;
}

.btn_circle_right_arrow {
	width: calc(58 / 518 * 100%);
	max-width: 58px;
}

.field_index .bl_col02 li:nth-of-type(1) {background: url(../../img/field/img_field01.jpg) center center no-repeat;background-size:100% auto;}
.field_index .bl_col02 li:nth-of-type(2) {background: url(../../img/field/img_field02.jpg) center center no-repeat;background-size:100% auto;}
.field_index .bl_col02 li:nth-of-type(3) {background: url(../../img/field/img_field03.jpg) center center no-repeat;background-size:100% auto;}
.field_index .bl_col02 li:nth-of-type(4) {background: url(../../img/field/img_field04.jpg) center center no-repeat;background-size:100% auto;}
.field_index .bl_col02 li:nth-of-type(5) {background: url(../../img/field/img_field05.jpg) center center no-repeat;background-size:100% auto;}
.field_index .bl_col02 li:nth-of-type(6) {background: url(../../img/field/img_field06.jpg) center center no-repeat;background-size:100% auto;}
.field_index .bl_col02 li:nth-of-type(7) {background: url(../../img/field/img_field09.jpg) center center no-repeat;background-size:100% auto;}
.field_index .bl_col02 li:nth-of-type(8) {background: url(../../img/field/img_field08.jpg) center center no-repeat;background-size:100% auto;}

/* ========================================================================================================
	基本レイアウト
======================================================================================================== */
.field .el_headline_lv01 {background-color: #dcdcdc;}
/* イベント */
.field .event {background-image: url("https://www.takeda-prn.co.jp/field/title_event.jpg");}

/* 印刷 */
.field .printing {background-image: url("https://www.takeda-prn.co.jp/field/title_printing.jpg");}

/* ロジスティクス */
.field .logistics {background-image: url("https://www.takeda-prn.co.jp/field/title_logistics.jpg");}

/* Webシステム開発 */
.field .web_system {background-image: url("https://www.takeda-prn.co.jp/field/title_web_system.jpg");}

/* クリエイティブ */
.field .creative {background-image: url("https://www.takeda-prn.co.jp/field/title_creative.jpg");}

/* ネット通販 */
.field .mail_order {background-image: url("https://www.takeda-prn.co.jp/field/title_mail_order.jpg");}

/* 動画・サイネージ */
.field .signage {background-image: url("https://www.takeda-prn.co.jp/field/title_signage.jpg");}

/* 半導体関連マスク */
.field .fine {background-image: url("https://www.takeda-prn.co.jp/field/title_fine.jpg");}

/* 物品製造販売 */
.field .novelty {background-image: url("https://www.takeda-prn.co.jp/field/title_novelty.jpg");}


/* 「.bl_contents-wrap」は、「article」でない場合に使用 */
.bl_contents,
.bl_contents-wrap {margin-bottom: 93px;}

/* 見出し
-------------------------------------------------------------------------------------------------------- */
.el_font105 .el_header_main-text {
    font-size: 7rem;
    font-weight: 400;
    margin-bottom: 30px;
    letter-spacing: 0.05em;
}

.el_font105 .el_header_sub-text {
    font-size: 2.0rem;
    font-weight: 400;
    padding: 9px 16px;
    background: #fff;
}

.el_headline_lv03_ver03 {
	font-size: 2.5rem;
    color: #E6594D;
    letter-spacing: 0.02em;
    font-weight: 500;
    margin-bottom: 33px;
    line-height: 1;
	text-align: center;
}

/* リード文
-------------------------------------------------------------------------------------------------------- */
.el_read-text {
	font-size: 2.4rem;
    font-weight: 400;
    margin-bottom: 13px;
}

.el_read-text-ver02 {margin-bottom: 24px;}


/* ========================================================================================================
	コンテンツレイアウト
======================================================================================================== */
.bl_col02_s-content {width: calc(475 / 1200 * 100%);}
.el_item-img {width: 650px;}


.bl_item04-list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 43px;
}

.bl_item04-list .el_list-data {
	width: 280px;
	margin-right: 27px;
}

.bl_item04-list .el_list-data:nth-of-type(3) {
	margin-right: 26px;
}

.bl_item04-list .el_list-data:nth-last-of-type(1) {
	margin-right: 0;
}

.bl_item03n-list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 43px;
}

.bl_item03n-list .el_list-data {
    width: 374px;
    margin: 28px 39px 0 0;
}

.bl_item03n-list .el_list-data:nth-of-type(3n) {
	margin-right: 0;
}

.bl_item03n-list .el_list-data:nth-of-type(1),
.bl_item03n-list .el_list-data:nth-of-type(2),
.bl_item03n-list .el_list-data:nth-of-type(3) {
	margin-top: 0;
}

/* オレンジのステップカード
-------------------------------------------------------------------------------------------------------- */
/*
アイコンは画像、数字はテキストで作ってあります。
*/

.el_icon-space {
	display: flex;
	align-items: center;
	background: #fdf3f3;
	color: #e6594d;
	padding: 15px 20px;
	margin-bottom: 15px;
	box-sizing: border-box;
	position: relative;
}

.el_list-data .el_right-arrow::before {
	position: absolute;
	box-sizing: border-box;
	top: calc(50% - 12px);
	width: 14px;
	height: 24px;
	border: 12px solid transparent;
	border-left: 10px solid #dd594d;
	right: -22px;
	content:" ";
}

.el_left-icon {
	width: 82px;
	display: block;
	background: #fff;
	margin-right: 20px;
	border-radius: 42px;
	font-size: 5.4rem;
	text-align: center;
	line-height: 1.53;
}

.el_explanation-text {
	display: block;
	font-size: 2rem;
	line-height: 1.3;
}

.bl_item04-list .el_explanation-text {width:138px;}
.bl_item03n-list .el_explanation-text {	width:228px;}

.col02_width70 {width: 71%;}
.col02_width30 {width: 25%;}
.bl_definition-list {width: 47%;}

.bl_definition-list dt {
	font-size: 2rem;
	font-weight: 500;
	margin-bottom: 7px;
}

.bl_definition-list dd {margin-bottom: 12px;}

/* 資料ダウンロードボタン
-------------------------------------------------------------------------------------------------------- */
.el_arrow-ellipse a {
	font-size: 1.5rem;
	letter-spacing: 0;
}

.el_no-after .el_arrow-ellipse a {
	font-size: 1.8rem;
}

/*
	.el_text-centerと.el_arrow-ellipseをセットで使ってください。
	右の矢印を消すには.el_arrow-ellipseの親要素に.el_no-afterを記述
	ボーダーややテキストを赤にする場合は.el_arrow-ellipseの親要素に.el_btn_redを記述
*/
.el_btn_red .el_arrow-ellipse {border: 1px solid #e6594d;}
.el_btn_red a {color: #e6594d;}

/* 2カラムの中の2カラム アイコン付き（フロート対応）
-------------------------------------------------------------------------------------------------------- */
.bl_definition-list.el_float {overflow: hidden;}
.el_float-icon {
	width: 155px;
	float: left;
}

.el_float .bl_definition-list {
	float: right;
	width: calc(100% - 180px);
}


.el_no-after .el_arrow-ellipse {
	width: auto;
}

.el_no-after .el_arrow-ellipse a {
	padding: 0.7rem 2.3rem;
}

.el_no-after .el_arrow-ellipse:before,
.el_no-after .el_arrow-ellipse:after {
	display: none;
}

/* 四角い枠共通
-------------------------------------------------------------------------------------------------------- */
/*
	四角い枠は.bl_col03の中に.el_item03を入れる

	■.bl_col03の横幅は.bl_col03のclassに一緒に以下を記述
	.el_inner-width	：少し内側に入ったレイアウト
	.el_tow-col		：2カラムのレイアウト

	■flexの調整は.bl_col03のclassに一緒に以下を記述
	.el_flex-center		：センターよせ
	.el_flex-between	：両端よせ

	■テキストの位置は.bl_contents配下の要素に下記を記述すればたぶん効くはず･･･
	.bl_contents .el_text-left {text-align: left;}
	.bl_contents .el_text-center {text-align: center;}
	.bl_contents .el_text-right {text-align: right;}
*/



.el_item03 {
	border: 1px solid #c3c3c3;
	width:calc(376 / 1200 * 100%);
	max-width: 376px;
	margin: 32px 32px 0 0;
	padding: 30px 20px;
	box-sizing: border-box;
	text-align: justify;
}

.el_item03:nth-of-type(3n) {margin-right: 0;}
.el_item03:nth-last-of-type(1) {margin-right: 0;}
.el_item03:nth-of-type(1) {margin-top: 0;}
.el_item03:nth-of-type(2) {margin-top: 0;}
.el_item03:nth-of-type(3) {margin-top: 0;}

/* アイコン */
.el_top-icon {
	width:calc(76 / 376 * 100%);
	max-width: 76px;
	margin: 0 auto 6px;
}

/* テキスト */
[class*="_definition-list"] dt {
	font-size:2rem;
	font-weight: 500;
	text-align: center;
	position: relative;
	margin-bottom: 50px;
}

[class*="_definition-list"] dt::after {
	position: absolute;
	bottom: -15px;
	left: calc(50% - 20px);
	width: 40px;
	height: 1px;
	margin: auto;
	content: " ";
	vertical-align: middle;
	background-color: #dd594d;
}

[class*="_definition-list"] .el_text-left {
	margin-bottom: 8px;
}

[class*="_definition-list"] .el_text-left::after {
	display: none;
}

/* bl_col03の幅
-------------------------------------------------------------------------------------------------------- */
.bl_contents .el_inner-width {
	width: calc(1070 / 1200 * 100%);
	max-width: 1070px;
	margin: 0 auto 50px;
}

.bl_contents .el_tow-col {
	width: calc(700 / 1200 * 100%);
	max-width: 700px;
	margin: 0 auto 50px;
}

.el_inner-width .el_item03,
.el_tow-col .el_item03 {
	width: 335px;
}

.el_tow-col .el_item03 {margin: 32px 0 0;}
.el_tow-col .el_item03:nth-of-type(1),
.el_tow-col .el_item03:nth-of-type(2) {margin: 0;}

/* 罫線付きカラム共通
-------------------------------------------------------------------------------------------------------- */
.bl_news_headline_inner {margin-bottom: 40px;}

.el_box-line-bottom {
	border-bottom: 1px solid #c3c3c3;
	margin-bottom: 50px;
}

.el_box-left {
	width: 384px;
	padding: 0 50px 22px 0;
}
.el_box-center {
	width: 432px;
	padding: 0 50px 22px;
}
.el_box-right {
	width: 384px;
	padding: 0 0 22px 50px;
}
[class*="el_inner-col0"] {
	box-sizing: border-box;
	border-right: 1px solid #c3c3c3;
}

[class*="el_inner-col0"]:nth-last-of-type(1) {
	border-right: none;
}

[class*="el_inner-col0"] dd {
	margin-bottom: 22px;
	text-align: justify;
}

.el_last-area span {
	display: block;
	color:#dd594d;
	font-size: 1.5rem;
	margin-bottom: 2px;
}

/* 罫線付き2カラム
-------------------------------------------------------------------------------------------------------- */
.el_inner-col02 {
	width: 50%;
}

.el_last-area  {
	background: #ececec;
	border-radius:6px 6px 0 0;
	padding: 18px 20px;
}

/* 罫線付き3カラム
-------------------------------------------------------------------------------------------------------- */
.el_last-area  {
	background: #ececec;
	border-radius:6px;
	padding: 18px 20px;
}
.el_side_by_side {
	display: flex;
	justify-content: center;
	margin-bottom: 100px;
}

.el_side_by_side > * {
	margin: 0 20px;
}

.el_side_by_side .el_arrow-ellipse {width: auto;}
.el_side_by_side a {padding: 1.4rem 5rem 1.4rem 3rem;}

/* pタグの下にボタンがある場合、pタグにこのクラスを付ける */
.el_btn-set {margin-bottom: 1.2rem;}

/* flexのよせ
-------------------------------------------------------------------------------------------------------- */
.bl_contents .el_flex-center {justify-content: center;}
.bl_contents .el_flex-between {justify-content: space-between;}

/* テキストの位置
-------------------------------------------------------------------------------------------------------- */
.bl_contents .el_text-left {text-align: left;}
.bl_contents .el_text-center {text-align: center;}
.bl_contents .el_text-right {text-align: right;}

.bl_col03.el_btn-btm50 {margin-bottom: 50px;}

/* ========================================================================================================
	半導体関連マスク 共通
======================================================================================================== */
/* 横幅指定 */
.w136 {width:136px;}
.w175 {width:175px;}
.w216 {width:216px;}
.w250 {width:250px;}
.w276 {width:276px;}
.w285 {width:285px;}
.w340 {width:340px;}
.w362 {width:362px;}
.w459 {width:459px;}
.w488 {width:488px;}
.w536 {width:536px;}
.w570 {width:570px;}
.w610 {width:610px;}
.w652 {width:652px;}
.w740 {width:740px;}
.w901 {width:901px;}
.w934 {width:934px;}
.w1016 {width:1016px;}

/* 上余白 */
.mt38 {margin-top: 38px;}
.mt100 {margin-top: 100px;}
.mt135 {margin-top: 135px;}
.mt154 {margin-top: 154px;}

/* 下余白 */
.mb0 {margin-bottom: 0 !important;}
.mb18 {margin-bottom: 18px;}
.mb40 {margin-bottom: 40px;}
.mb46 {margin-bottom: 46px;}
.mb56 {margin-bottom: 56px;}
.mb84 {margin-bottom: 84px;}

/* 下内余白 */
.pb84 {padding-bottom: 84px;}

/* 2カラム */
.el_second-col.w610 .el_img-wrap {margin: 0;}
.el_second-col.w652 .el_img-wrap {margin: 80px 0 0;}
.el_second-col.w652 .el_img-wrap:nth-of-type(1),
.el_second-col.w652 .el_img-wrap:nth-of-type(2) {margin: 0;}

.el_second-col.w740 .el_img-wrap {margin: 80px 0 0;}
.el_second-col.w740 .el_img-wrap:nth-of-type(1),
.el_second-col.w740 .el_img-wrap:nth-of-type(2) {margin: 0;}

/* 3カラム */
.el_third-col.w934 .el_img-wrap:not(:nth-of-type(2)) {margin: 0;}
.el_third-col.w934 .el_img-wrap {margin: 0 auto 0;}
.el_third-col.w610 .el_img-wrap:not(:nth-of-type(2)) {margin: 0;}
.el_third-col.w610 .el_img-wrap {margin: 0 auto 0;}

/* 一番最初のリード文 */
.el_content_first-read {
	font-size:2.4rem;
	font-weight: 400;
	line-height: 1.875;
}

/* 動画スペース */
.bl_gif-anime {
	width: 100%;
	background: #fbfbfb;
}

.bl_gif-anime img {
	width: 70%;
	margin: 0 auto;
}

/* 見出し */
.bl_h3-headline {
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.02em;
	color:#E6594D;
	text-align: center;
	margin-bottom: 44px;
}


.bl_explanation-box {
	width: 100%;
	margin-bottom:48px;
	padding-top: 36px;
}

.el_flame-border {border: 1px solid #C3C3C3;}

.el_explanation-title {
	width: 100%;
	text-align: center;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0.02em;
	margin-bottom: 30px;
}

.el_img-wrap {
	display: block;
	margin: 0 auto 35px;
}

.bl_figure-box {
	display: flex;
	margin: 0 auto 42px;
}

.bl_figure-box > * {display:block;}

.el_second-col {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.el_second-col span {margin-top: 40px;}
.el_second-col span:nth-of-type(1),
.el_second-col span:nth-of-type(2) {margin-top: 0;}

.el_explanatory-text {
	line-height: 1.7;
	text-align: center;
	margin-bottom: 44px;
}

.el_features.el_explanatory-text {margin-bottom: 44px;}

.bl_explanation-box.el_last-box {
	margin: -10px 0 100px;
	padding: 18px 0 0;
}

.el_last-box .el_explanation-title {margin-bottom: 10px;}
.el_last-box .el_explanatory-text {margin-bottom: 24px;}

/* スクリーンマスクページ
-------------------------------------------------------------------------------------------------------- */
.bl_contents-wrap.bl_contents {
	border-bottom: 1px solid #B7B6B6;
	margin-bottom: 172px;
	padding-bottom: 84px;
}

.bl_contents-wrap .bl_explanation-box:nth-last-of-type(1) {margin-bottom: 84px;}

.bl_about {
	font-size: 1.3rem;
	font-weight: 400;
	background:#FDF3F3;
	padding:15px 20px;
}

.el_about-title span {font-size: 1rem;}
.el_about-content {line-height: 1.8;}

.bl_wrap-list {
	font-size: 1.4rem;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

.bl_wrap-list dt {
	width: 17%;
	color:#E6594D;
}

.el_features {
	font-size: 1.4rem;
	margin: 0;
}
.el_features span {color:#E6594D;}

.bl_wrap-list dd {width: 83%;}

.bl_wrap-list li {
	padding-left: 1em;
	text-indent: -1em;;
}

/* 赤色の下線がある場合 */

.ly_red-line {text-align: center;}
.bl_explanation-box.ly_red-line:nth-of-type(1) {padding-top: 18px;}


.ly_red-line-title {
	width: auto;
	min-width: 152px;
	font-size: 3rem;
	line-height: 1;
	display: inline-block;
	padding-bottom: 14px;
	margin-bottom: 52px;
	border-bottom: 2px solid #E6594D;
}

.ly_flame-in-col03 {
	display: flex;
	justify-content: space-between;
	font-size: 2rem;
}

.ly_flame-in-col03 .bl_lineup-box {
	width: 376px;
	padding: 36px 20px 44px;
}

.bl_lineup-box figcaption {
	text-align: center;
	font-size: 2rem;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0.02em;
    margin-bottom: 30px;
}

.ly_flame-in-col03 .el_explanatory-text {
	font-size: 1.4rem;
	text-align: left;
	margin-bottom: 0;
}

.bl_wrap-list.w536 {margin: 0 auto 44px;}
.w536 dt {width: 11%;}
.w536 dd {width: 89%}

/* フォトマスクページ
-------------------------------------------------------------------------------------------------------- */
.bl_single-annotation {
	font-size: 1.4rem;
	font-weight: 400;
}

.bl_single-annotation .el_annotation-title {color:#E6594D;}

.bl_single-annotation .el_annotation-list li {
	padding-left: 2.5rem;
	text-indent: -1.5rem;
	margin-left: 0.5rem;
}

.bl_single-annotation {
	font-size: 1.4rem;
	font-weight: 400;
}

.bl_lineup-box .bl_about {
	padding: 14px 16px 12px;
	margin:0 auto 14px;
}

.bl_about span {font-size:1rem;}

.el_lineup-annotation {
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
	color: #E6594D;
}

/* メタルマスクページ
-------------------------------------------------------------------------------------------------------- */
.el_explanation-content .el-lead_text {margin-bottom: 30px;}

.el_explanation-title span {
	display: block;
	font-size: 1.4rem;
	margin-top: 10px;
}

/* テーブル */
.el_table-set {
	margin: 0 auto 70px;
	border-collapse: collapse;
	table-layout: fixed;
	box-sizing: border-box;
}

.el_table-set th {
	border: 1px solid #707070;
	text-align: center;
}

.el_metalmask-table  th {
	padding:18px 0;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: 0.02em;
}

.el_table-set td {
	text-align: center;
	border: 1px solid #707070;
	padding: 40px 0;
}

.el_metalmask-table td {font-size: 2rem;}
.el_table-set .bl_figure-box {margin: 0 auto;}

.bl_mask-item figure {margin-bottom:42px;}

.el_mask-data dt {
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	margin-bottom:20px;
}

/* CAD設計・CAM編集
-------------------------------------------------------------------------------------------------------- */
.el_content-lead {
	text-align: center;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 2.2;
	margin-bottom: 57px;
	padding-top: 38px;
}

.el_cad-cam {
	font-size: 1.3rem;
	line-height: 1.2;
	border: 1px solid #E6E6E6;
	margin-bottom: 0;
}

.bl_cad {
	margin-bottom: 26px;
}

.el_cad-cam th {
	font-size: 1.3rem;
	line-height: 1.2;
	border: 1px solid #E6E6E6;
	padding: 8px 0 13px;
}

.el_cad-cam td {
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.2;
	border: 1px solid #E6E6E6;
	padding: 12px 0;
}

.el_cad-cam .el_th-top {
	font-size: 1.2rem;
	font-weight: 500;
	background: #CCCCCC;
}

.el_cad-cam .el_th-left {
	font-size: 1.2rem;
	font-weight: 700;
	background: #808080;
	color: #fff;
	letter-spacing: 0.2em;
}

.el_cad-cam .el_td-row {
	font-size: 1.2rem;
	font-weight: 400;
	background: #F2F2F2;
}

.el-lead_text {
	text-align: center;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.2;
	letter-spacing: 0.02em;;
}

.el-lead_text02 {
	text-align: center;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.7;
	margin-bottom: 83px;
}

.el-lead_text span {
	display: block;
	margin-bottom: 80px;
}

.el_data-form .el_th-left {
	font-size: 2rem;
}
.el_data-form .el_td-row {
	font-size: 1.6rem;
	letter-spacing: 0.01em;
	line-height: 1.375;
	padding: 18px 0;
}

.el_img-wrap.w340 {
	text-align: center;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: 0.02em;
}

.el_img-wrap.w340 span {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #E6594D;
	color: #fff;
	font-size: 2.4rem;
	padding: 104px 0;
	border-radius: 140px;
	width: 250px;
    margin: 0 auto 16px;
}

[class*="el_inner-col0"].bdr_right:nth-last-of-type(1) {
    border-right: 1px solid #c3c3c3;
}
@media all and (max-width: 750px) {
[class*="el_inner-col0"].bdr_right:nth-last-of-type(1) {
	border-right: none;
}
}
.tx_sup{
	vertical-align: super;
	font-size: 70%;
	margin-right: 2px;
}
.tx_annotation{
	padding-left: 1.1em;
	text-indent: -1.1em;
	display: inline-block;
}




/* 事例記事読み込み
-------------------------------------------------------------------------------------------------------- */
.ly_footer-item-wrap {
	width: 100%;
    background: #ECECEC;
    padding: 60px 0 56px;
}

.ly_footer-item-wrap .bl_footer-item-list {
    margin: 0 auto;
    font-size: 1.4rem;
    font-family: Noto Sans CJK JP, sans-serif;
    font-weight: 400;
    line-height: 1.8;
    margin-right: -24px;
    /*display: flex;
    flex-wrap: wrap;*/
}

.ly_footer-item-wrap .bl_item-area {
	display: block;
    width: 1200px;
    margin: 0 auto;
}

.el_item-title {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 3rem;
	color: #DD594D;
	font-weight: 400;
}

.bl_item-box {
	width: 384px;
	background: #fff;
	margin:0 24px 24px 0;
}

.bl_item-box a:hover {text-decoration: none;}
.bl_item-box a:hover img {opacity: 0.7;}


.el_item-box-img {
	width: 100%;
	margin-bottom: 22px;
	height: 222px;
	overflow: hidden;
	position: relative;
}

.el_item-box-img img {
	position: absolute;
    object-fit: cover;
    width: auto;
    height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
}

.el_item-box-data {
	width: 314px;
	margin: 0 auto;
	padding-bottom: 0;
}

.el_item-box-title {
	font-size: 2rem;
	font-weight: 400;
	padding-bottom: 10px;
	margin-bottom: 12px;
	border-bottom: 1px solid #C3C3C3;
}

.el_item-box-text {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.7;
}

.el_item-box-tag {
    position: relative;
	margin: 0 6px 10px 0;
	border:1px solid #DD594D;
	border-radius: 20px;
	padding:6px 26px 4px;
	display: inline-block;
}

.el_item-box-link {
	margin-left: 6px;
}

.el_item-box-link:before {
    position: absolute;
    top: calc(50% - 8px);
	left: 14px;
    content: "";
    vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url(https://www.takeda-prn.co.jp/case/icon_tag.png) 0 0 no-repeat;
    background-size: contain;
}

.el_item-box-link-text {
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1;
	color: #E6594D;
}

.slick-slide {
	box-sizing: border-box;
	padding: 0 12px;
}






.ly_footer-top {margin: 18px auto;}


/* ========================================================================================================
	SP用CSS
	------------------------------------------------------------------------------------------------------
	@media all and (max-width: 750px)
======================================================================================================== */
@media all and (max-width: 750px) {
/* ========================================================================================================
	分野から探す トップ
======================================================================================================== */
.field_index .el_2color-text {
	width: auto;
	left: 0;
	transform: translateY(-50%) translateX(0%);
	font-size: 3rem;
}

.field_index .bl_col02 li {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1px;
}

.ly_title_flame {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: calc(112 / 690 * 100%) calc(40 / 690 * 100%) calc(32 / 690 * 100%);
}

.title-text {
	font-size: 1.5rem;
	margin-bottom: 10px;
}

.sub-title-text {
	font-size: 1rem;
}

.btn_circle_right_arrow {
	width: calc(116 / 750 * 100%);
	max-width: 100%;
}

/* 見出し
-------------------------------------------------------------------------------------------------------- */
.bl_h3-headline {
	font-size: 1.8rem;
	margin-bottom: calc(50 / 690 * 100%);
}



	.el_font105 .el_header_main-text {font-size: 4rem;}
	.el_font105 .el_header_sub-text {font-size: 1.5rem;}

	/* 「.bl_contents-wrap」は、「article」でない場合に使用 */
	.bl_contents,
	.bl_contents-wrap {margin-bottom: calc(136 / 750 * 100%);}

	.bl_contents-wrap.bl_contents {
		margin-bottom: calc(106 / 616 * 100%);
		padding-bottom: calc(106 / 616 * 100%);
	}

/* 見出し
-------------------------------------------------------------------------------------------------------- */
.el_font105 .el_header_main-text {
    font-size: 4rem;
    font-weight: 400;
    margin-bottom: 30px;
    letter-spacing: 0.05em;
}

.el_font105 .el_header_sub-text {
    font-size: 1.5rem;
    font-weight: 400;
    padding: 9px 16px;
    background: #fff;
}

.el_headline_lv03_ver03 {
	font-size: 1.8rem;
    margin-bottom: calc(40 / 690 * 100%);
}

/* リード文
-------------------------------------------------------------------------------------------------------- */
	.el_read-text {
		font-size: 1.8rem;
		margin-bottom: calc(40 / 730 * 100%);
	}

.el_read-text-ver02 {margin-bottom: 24px;}
.el_item-img {width: 100%;}


/* ========================================================================================================
	コンテンツレイアウト
======================================================================================================== */
	.bl_col02_s-content {width: 100%;}

	.bl_item04-list,
	.bl_item03n-list {
		display: block;
		margin-bottom: calc(50 / 690 * 100%);
		width: 100%;
	}

	.bl_item04-list .el_list-data,
	.bl_item03n-list .el_list-data {
		width: calc(560 / 690 * 100%);
		margin: calc(90 / 690 * 100%) auto 0;
	}

	.bl_item04-list .el_list-data:nth-of-type(1) {margin-top: 0;}
	.bl_item04-list .el_list-data:nth-of-type(3) {margin-right: auto;}
	.bl_item04-list .el_list-data:nth-last-of-type(1) {margin-right: auto;}

	.bl_item03n-list .el_list-data:nth-of-type(2),
	.bl_item03n-list .el_list-data:nth-of-type(3) {margin-top: calc(90 / 690 * 100%);}
	.bl_item03n-list .el_list-data:nth-of-type(3n) {margin-right: auto;}

/* オレンジのステップカード
-------------------------------------------------------------------------------------------------------- */
/*
アイコンは画像、数字はテキストで作ってあります。
*/

	.el_list-data .el_right-arrow::before {
		top: calc(-180 / 690 * 100%);
		right: auto;
		left: calc(50% - 12px);
		width: 24px;
		height: 12px;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 10px solid transparent;
		border-top: 12px solid #dd594d;
	}

	.el_list-data .el_right-last-arrow::before {
		position: absolute;
		content: " ";
		top: calc(-180 / 690 * 100%);
		right: auto;
		left: calc(50% - 12px);
		width: 24px;
		height: 12px;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 10px solid transparent;
		border-top: 12px solid #dd594d;
	}

	.el_list-data:nth-of-type(1) .el_right-arrow::before {display: none;}

	.bl_item04-list .el_explanation-text {width:calc(458 / 480 * 100%);}
	.bl_item03n-list .el_explanation-text {width:calc(300 / 480 * 100%);}

	.el_left-icon {
		width: calc(140 / 480 * 100%);
		font-size: 4.6rem;
	}

	.el_list-text li::before {
		position: absolute;
		top: 0;
		bottom: 0;
		left: -15px;
		margin: auto;
		content: "・";
		vertical-align: middle;
		color: #dd594d;
	}

	.el_sp-flex {display: flex;}

	.col02_width70 {width: calc(490 / 690 * 100%);}
	.col02_width30 {width: calc(160 / 690 * 100%);}
	.bl_definition-list {
		width: 100%;
		margin-bottom: calc(68 / 690 * 100%);
	}

	.bl_definition-list dd {
		margin-bottom: 12px;
		font-size: 1.4rem;
	}

/* 2カラムの中の2カラム アイコン付き（フロート対応）
-------------------------------------------------------------------------------------------------------- */
	.el_float-icon {width: calc(160 / 690 * 100%);}
	.el_float .bl_definition-list {
		width: calc(490 / 690 * 100%);
		margin-bottom: 0;
	}


	.el_no-after .el_arrow-ellipse {width: auto;}
	.el_no-after .el_arrow-ellipse a {
		padding: 0.4rem 2.3rem 0.4rem 2.3rem;
		font-size: 1.5rem;
	}
	.el_no-after .el_arrow-ellipse:before,
	.el_no-after .el_arrow-ellipse:after {
		display: none;
	}

/* 四角い枠共通
-------------------------------------------------------------------------------------------------------- */
/*
	四角い枠は.bl_col03の中に.el_item03を入れる

	■.bl_col03の横幅は.bl_col03のclassに一緒に以下を記述
	.el_inner-width	：少し内側に入ったレイアウト
	.el_tow-col		：2カラムのレイアウト

	■flexの調整は.bl_col03のclassに一緒に以下を記述
	.el_flex-center		：センターよせ
	.el_flex-between	：両端よせ

	■テキストの位置は.bl_contents配下の要素に下記を記述すればたぶん効くはず･･･
	.bl_contents .el_text-left {text-align: left;}
	.bl_contents .el_text-center {text-align: center;}
	.bl_contents .el_text-right {text-align: right;}
*/



	.el_item03 {
		border: 1px solid #c3c3c3;
		width:calc(580 / 690 * 100%);
		max-width: auto;
		margin: 0 auto calc(50 / 690 * 100%);
		padding: calc(36 / 580 * 100%) 20px calc(22 / 580 * 100%);
		box-sizing: border-box;
	}

	.el_item03:nth-of-type(3n) {margin-right: auto;}
	.el_item03:nth-last-of-type(1) {margin-right: auto;}
	.el_item03:nth-of-type(1) {margin-top: 0;}
	.el_item03:nth-of-type(2),
	.el_item03:nth-of-type(3) {margin-top: 0}

	/* アイコン */
	.el_top-icon {
		width: calc(80 / 500 * 100%);
		max-width: 100%;
		margin: 0 auto 6px;
	}

	/* テキスト */
	.bl_col02 .bl_definition-list dt {margin-bottom: 5px;}

	[class*="_definition-list"] dt {
		font-size:1.5rem;
		font-weight: 500;
		margin-bottom: calc(60 / 500 * 100%);
	}

	.bl_col02 bl_definition-list dt::after {display: none;}

/* bl_col03の幅
-------------------------------------------------------------------------------------------------------- */
	.bl_contents .el_inner-width {
		width: calc(580 / 690 * 100%);
		max-width: 100%;
		margin: 0 auto calc(50 / 690 * 100%);
	}

	.bl_contents .el_tow-col {
		width: calc(580 / 690 * 100%);
		max-width: 100%;
		margin: 0 auto calc(50 / 690 * 100%);
	}

	.el_inner-width .el_item03,
	.el_tow-col .el_item03 {width: 100%;}

	.el_tow-col .el_item03 {margin: 32px 0 0;}
	.el_tow-col .el_item03:nth-of-type(1),
	.el_tow-col .el_item03:nth-of-type(2) {margin: calc(50 / 690 * 100%) 0 0;}

/* 罫線付きカラム共通
-------------------------------------------------------------------------------------------------------- */
	.el_box-line-bottom {
		border-bottom: none;
		margin-bottom: calc(60 / 690 * 100%);
	}

	.el_box-left,
	.el_box-center,
	.el_box-right {
		width: 100%;
		padding: 0 0 calc(60 / 690 * 100%);
		margin-bottom: calc(64 / 690 * 100%);
		border-bottom: 1px solid #c3c3c3;
	}

	[class*="el_inner-col0"] {
		box-sizing: border-box;
		border-right: none;
	}

	[class*="el_inner-col0"] dd {
		margin-bottom: calc(26 / 690 * 100%);
	}

	.el_last-area span {
		display: block;
		color:#dd594d;
		font-size: 1.5rem;
		margin-bottom: 2px;
	}

/* 罫線付き2カラム
-------------------------------------------------------------------------------------------------------- */
.el_inner-col02 {
	width: 100%;
}

.el_last-area  {
	background: #ececec;
	border-radius:6px 6px 0 0;
	padding: 18px 20px;
}

/* 罫線付き3カラム
-------------------------------------------------------------------------------------------------------- */
.el_last-area  {
	background: #ececec;
	border-radius:6px 6px 0 0;
	padding: 18px 20px;
}

.el_inner-col03 .el_last-area  {
	margin-bottom:0;
}

.el_side_by_side {
	display: block;
	margin-bottom: calc(100 / 690 * 100%);
}

.el_side_by_side > * {
	margin: 0 20px calc(40 / 690 * 100%);
}

.el_side_by_side .el_arrow-ellipse {width: 100%;}
.el_side_by_side a {padding: 1.4rem 5rem 1.4rem 3rem;}

/* pタグの下にボタンがある場合、pタグにこのクラスを付ける */
.el_btn-set {margin-bottom: 1.2rem;}

/* flexのよせ
-------------------------------------------------------------------------------------------------------- */
.bl_contents .el_flex-center {justify-content: center;}
.bl_contents .el_flex-between {justify-content: space-between;}

/* テキストの位置
-------------------------------------------------------------------------------------------------------- */
.bl_col03.el_btn-btm50 {margin-bottom: calc(50 / 690 * 100%);}
.el_arrow-ellipse {width: calc(560 / 690 * 100%);}


/* ========================================================================================================
	半導体関連マスク 共通
======================================================================================================== */
/* h1の高さ */
.field .el_headline_lv01 {padding: calc(145 / 750 * 100%) 0;}

/* 横幅指定 */
.w570 {width: 100%;}
.w610 {width: 100%;}
.w740 {width: 100%;}
.w934 {width: 100%;}

/* 上余白 */
.mt100  {margin-top: calc(100 / 690 * 100%);}
.mt135  {margin-top: calc(135 / 690 * 100%);}
.mt154 {margin-top: calc(120 / 690 * 100%);}

/* 下余白 */
.mb40 {margin-bottom:calc(80 / 690 * 100%);}
.mb46 {margin-bottom:calc(92 / 690 * 100%);}

/* 下内余白 */


/* 2カラム */
.bl_figure-box {
	margin:0 auto calc(42 / 616 * 100%);
	display: flex;
}


/* 3カラム */

/* SP時 flex */
.el_sp-flex.bl_figure-box {display: flex;}

/* 一番最初のリード文 */


/* アイキャッチピンクの背景 */
.bl_about {
	margin-bottom: 2rem;
	padding: 18px 20px;
}

/* 動画スペース */


/* 見出し下の赤ライン */
.ly_red-line-title {min-width: calc(154 / 690 * 100%);}


/* テーブル用フリックスクロール */
.el_table-wrap {
	width: 100%;
	overflow-x: scroll;
	padding-bottom: 1rem;
}

/* スクリーンマスクページ
-------------------------------------------------------------------------------------------------------- */
.screen .bl_explanation-box.ly_red-line {
	padding-top:0;
	margin-bottom: calc(106 / 690 * 100%);
}

.ly_red-line-title {
	width: auto;
	font-size: 1.5rem;
	letter-spacing: 0.02em;
	padding-bottom: 8px;
	margin-bottom: calc(58 / 690 * 100%);
}

.bl_wrap-list.w536 {
	width:100%;
	margin-bottom: calc(44 / 616 * 100%);
}

.bl_wrap-list dt {
	width: 20%;
	color: #E6594D;
}

.bl_wrap-list dd {width: 80%;}
.el_last-box .el_explanatory-text {text-align: center;}
.el_single-col.w285,
.el_single-col.w285 .w285 {width:100%;}

/* フォトマスクページ
-------------------------------------------------------------------------------------------------------- */

.bl_single-annotation {margin-bottom:2rem;}
.ly_flame-in-col03 .bl_lineup-box {
	width: 100%;
	padding: calc(56 / 690 * 100%) calc(35 / 690 * 100%) 0;
	margin-bottom: calc(96 / 690 * 100%);
}
.el_features {margin-bottom: calc(44 / 616 * 100%);}
.el_features.el_explanatory-text {margin-bottom: calc(44 / 616 * 100%);}
.ly_flame-in-col03 .bl_lineup-box:nth-last-of-type(1) {margin-bottom: 0;}
.bl_lineup-box figcaption {
	font-size:1.5rem;
	margin-bottom:calc(30 / 616 * 100%);
}
.ly_flame-in-col03 .w285 {width: 100%;}
.el_img-wrap {margin-bottom:calc(42 / 616 * 100%);}

.photomask .w934 .w285 {
	width: 100%;
	margin-bottom: calc(42 / 616 * 100%);
}

.photomask .w934 .w285:nth-last-of-type(1) {margin-bottom: 0;}
.photomask .el_second-col {
	display: block;
	margin-bottom:calc(42 / 616 * 100%);
}

.el_lineup-annotation {
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;
}

.bl_figure-box {display: block;}
.el_third-col .w285 {width: calc(200 / 616 * 100%);}
.el_third-col.w934 .el_img-wrap,
.el_third-col.w934 .el_img-wrap:not(:nth-of-type(2)) {margin: 0 0 calc(42 / 616 * 100%);}
.el_third-col.w934 .el_img-wrap:nth-last-of-type(1) {margin: 0;}

/* メタルマスクページ
-------------------------------------------------------------------------------------------------------- */
.bl_gif-anime img {width: 100%;}
.el_img-wrap.w175 {width:calc(175 / 616 * 100%);}

.el_explanatory-text {
	margin-bottom: calc(44 / 616 * 100%);
	text-align: left;
}

.ly_flame-in-col03 .el_explanatory-text {margin-bottom: calc(44 / 616 * 100%);}

.el_second-col .w285 {width:calc(285 / 616 * 100%)}

.el_explanation-title span {
	font-size: 1.2rem;
	text-align: left;
}

.bl_explanation-box {margin-bottom: calc(96 / 690 * 100%);}

/* 表 */
.el_metalmask-table th {font-size: 1.4rem;}
.el_metalmask-table td {font-size: 1.4rem;}

.el_table-set {margin-bottom:calc(70 / 616 * 100%);}
.el_table-set.w1016 {width:100%;}
.el_table-set td {padding: 10px 0;}
.el_table-set td:nth-of-type(2) {padding: 10px;}
.el_table-set .w276 {width:calc(240 / 616 * 100%);}
.el_table-set .w740 {width:calc(376 / 616 * 100%);}

.el_second-col.w1016 {width:100%;}
.el_second-col .w488 {width:100%;}
.el_second-col .w488:nth-of-type(2) {margin-top: calc(44 / 616 * 100%);}

.el_second-col.w901 {width:100%;}
.el_second-col .w362 {width:100%;}
.el_second-col .w362:nth-of-type(1) {margin-bottom:calc(126 / 616 * 100%);}
.el_second-col .w459 {width:100%;}
.bl_mask-item figure {margin-bottom:calc(42 / 616 * 100%);}

.el_mask-data dt {
	font-size: 1.5rem;
	margin-bottom: 0;
}

.el_mask-content {font-size: 1.2rem;}

/* CAD設計・CAM編集
-------------------------------------------------------------------------------------------------------- */
	.el_sp-mb50 {margin-bottom: calc(100 / 690 * 100%)}

	.el_flame-border {
		padding: calc(56 / 690 * 100%) calc(35 / 690 * 100%) 0;
	}

	.el_content-lead {
		text-align: left;
		font-size: 1.4rem;
		font-weight: 400;
		letter-spacing: 0em;
		line-height: 1.9;
		margin-bottom: calc(86 / 690 * 100%);
		padding-top: 0;
	}

	.bl_explanation-box.ly_red-line.bl_cad {padding-top: 0;}

	.el_cad-cam {
		font-size: 1.3rem;
		line-height: 1.2;
		border: 1px solid #E6E6E6;
	}

	.bl_cad {margin-bottom: 0;}

	.ly_flame-in-col03 {
		display: block;
		width: 100%;
		overflow-x: scroll;
		padding-bottom: 1rem;
	}

	.el_cad-cam th {
		font-size: 1.3rem;
		line-height: 1.2;
		border: 1px solid #E6E6E6;
		padding: 8px 0 13px;
	}

	.el_cad-cam td {
		font-size: 1.3rem;
		font-weight: 700;
		line-height: 1.2;
		border: 1px solid #E6E6E6;
		padding: 12px 0;
	}

	.el_cad-cam .el_th-top {
		font-size: 1.2rem;
		font-weight: 500;
		background: #CCCCCC;
	}

	.el_cad-cam .el_th-left {
		font-size: 1.2rem;
		font-weight: 700;
		background: #808080;
		color: #fff;
		letter-spacing: 0.2em;
	}

	.el_cad-cam .el_td-row {
		font-size: 1.2rem;
		font-weight: 400;
		background: #F2F2F2;
	}

	.bl_contents-wrap .bl_explanation-box:nth-last-of-type(1) {
		margin-bottom: calc(106 / 616 * 100%);
	}

	.cad_cam .mt100 {margin-top:calc(126 / 690 * 100%);}
	.cad_cam .mt100 .el_table-wrap {margin-bottom:calc(52 / 616 * 100%);}

	.el-lead_text {
		font-size: 1.4rem;
		line-height: 1.4;
		text-align: left;
	}

	.el_explanation-title {
		font-size: 1.5rem;
		font-weight: 500;
		letter-spacing: 0.12em;
		margin-bottom: calc(30 / 616 * 100%);
	}

	.el-lead_text span {margin-bottom: 0;}
	.cad_cam .el_table-set.w1016 {
		width:1016px;
		margin-bottom: 0;
	}
	.cad_cam .el_cell02.w1016 {
		width:100%;
		margin-bottom: 0;
	}
	.el_data-form .el_th-left {font-size: 2rem;}
	.el_cell02 .el_th-left {
		width: calc(204 / 652 * 100%);
		font-size: 1.4rem;
	}

	.el_data-form .el_td-row {
		font-size: 1.6rem;
		letter-spacing: 0.01em;
		line-height: 1.375;
	}

	.el_cell02 .el_td-row {
		font-size: 1.2rem;
		padding: calc(14 / 653 * 100%) calc(10 / 653 * 100%);
	}

	.el-lead_text02 {
		margin-bottom: calc(70 / 616 * 100%);
		text-align: left;
	}

	.bl_figure-box.el_second-col.w652 {width: calc(570 / 616 * 100%);}

	.cad_cam .el_img-wrap.w340 {
		width:calc(250 / 616 * 100%);
		font-size: 1rem;
		letter-spacing: 0;
	}

	.el_img-wrap.w340 span {
		font-size: 1.4rem;
		padding: calc(100 / 250 * 100%) 0;
		margin-bottom: calc(22 / 250 * 100%);
		width: auto;
	}

	.el_second-col.w740 .el_img-wrap {
		margin: calc(83 / 616 * 100%) 0 0;
	}

	.el_explanation-content.mb84 {margin-bottom: calc(76 / 616 * 100%);}

/* 事例記事読み込み
-------------------------------------------------------------------------------------------------------- */
.bl_footer-item-list {display: block;}

/* 応用製品
-------------------------------------------------------------------------------------------------------- */
	.el_second-col span {margin-top: calc(50 / 616 * 100%);}

}

/* 広報PR独自レイアウト
-------------------------------------------------------------------------------------------------------- */

p.public_ttl{
	font-size: 2.0rem;
	font-weight: 500;
}
.public_support{
	display: flex;
	flex-flow: row nowrap;
	justify-content:space-between;
	align-items: center;
}
.public_support p{
	width: 384px;
}
.public_support dl{
	width: 734px;
	background: #ECECEC;
	padding: 30px 48px 17px;
}
.public_support dt{
	font-size: 2.0rem;
	font-weight: 500;
	border-bottom: solid 1px #BCBCBC;
	padding-bottom: 9px;
	margin-bottom:19px;
}
.public_support dd{
	position:relative;
	margin: 0px 0 15px 15px;
}
.public_support dd::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15px;
    margin: auto;
    content: "・";
    vertical-align: middle;
    color: #dd594d;
}
@media all and (max-width: 750px) {
p.public_ttl{
	font-size: 1.8rem;
	margin-bottom: 5px;
}
.public_support{
	flex-flow: column nowrap;
}
.public_support p{
	width: 100%;
}
.public_support p img{
	width: 80%;
	margin: 0 auto;
}
.public_support dl{
	width: 100%;
	background: #ECECEC;
	padding: 18px calc(48 / 734 * 100%) 10px;
}
.public_support dt{
	font-size: 1.8rem;
}
}

/* ノベルティ独自レイアウト
-------------------------------------------------------------------------------------------------------- */
.novelty_col{
	border: 1px solid #c3c3c3;
	width: 375px;
	text-align:center;
	font-size:1.6rem;
	font-weight: 500;
	line-height: 1.4;
}
.novelty_col p span{
	font-size: 2.4rem;
	color: #E6594D;
	display: block;
}
@media all and (max-width: 750px) {
.novelty_col{
	width: 80%;
	font-size:1.4rem;
	margin:0 auto 20px
}
.novelty_col p span{
	font-size: 2.0rem;
}
}

/* 一般印刷独自レイアウト
-------------------------------------------------------------------------------------------------------- */
.facilityArea{
	display: flex;
	flex-flow: row wrap;
}
.facilityCol{
	width: 270px;
	border:solid 1px #c3c3c3;
	margin:0 40px 40px 0;
}
.facilityCol:nth-of-type(4n){
	margin:0 0 40px 0;
}
.facilityCol p{
	margin:10px 15px;
}
@media all and (max-width: 750px) {
.facilityCol{
	width: calc((100% - 20px) / 2);
	margin:0 20px 20px 0;
}
.facilityCol:nth-of-type(2n),
.facilityCol:nth-of-type(4n){
	margin:0 0px 20px 0;
}
.facilityCol p{
	margin:10px 15px;
}
}

/* WEB TO PRINT 独自レイアウト
-------------------------------------------------------------------------------------------------------- */
.col02_width30 img.salespalettelogo{
	width: 80%;
	margin-top: -80px;
}
.web-print_flow{
	display: flex;
	flex-flow: row wrap;
}
.web-print_flow li{
	position: relative;
	background: #FDF3F3;
	padding: 3px 15px;
	margin-right:20px;
	display: block;
}
.web-print_flow li:after{
	position: absolute;
	content: "";
	border: solid 6px transparent;
	border-left-color: #E6594D;
	right:-20px;
	top: 9px;
}
.web-print_flow li:last-child:after{
	border-left-color: transparent;
}
.salespalette_flow{
	margin: 40px 0 ;
	scrollbar-width: none;
}
.salespalette_flow p img:nth-of-type(2){
	width: auto;
	margin-top: 50px;
}
.swipe{
	display: none;
}
.web-print_tool{
    background: #ececec;
    border-radius: 6px;
    padding: 18px 20px;
    margin-bottom: 50px;
}
.web-print_tool span{
	display: block;
	color: #DD594D;
}
@media all and (max-width: 750px) {
.col02_width30 img.salespalettelogo{
	width: 100%;
	margin-top: 0px;
}
.web-print_flow li{
	margin-bottom:10px;
}
.web-print_flow li:last-child{
	margin-bottom: 0px;
}
.salespalette_flow{
	position: relative;
	overflow: auto;
	width: 100%;
	margin: 0px 0 20px ;
}
.salespalette_flow p{
	display: flex;
	margin: 0;
}
.salespalette_flow p img:nth-of-type(1){
	width: calc((1200 / 1825) * 1200px);
}
.salespalette_flow p img:nth-of-type(2){
	width: calc((625 / 1825) * 1200px);
	margin-top:0px;
}
.swipe{
	display: block;
	width:70px; 
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mix-blend-mode: multiply;
	transition: opacity 0.2s;
}
.swipe.on {
    opacity: 0;
}
}
/* TS-BASE 独自レイアウト
-------------------------------------------------------------------------------------------------------- */
.ts_base_logo{
	width: 250px;
	margin-bottom: 10px;
}

/* システムソリューション 独自レイアウト
-------------------------------------------------------------------------------------------------------- */
.el_inner-col02.el_box-left.bdr_right{
	border-right: 1px solid #c3c3c3;
}
@media all and (max-width: 750px) {
.el_inner-col02.el_box-left.bdr_right{
	border-right: none;
}

/* 事例記事読み込み
-------------------------------------------------------------------------------------------------------- */
.ly_footer-item-wrap .bl_item-area {
    width: 100%;
}

.ly_footer-item-wrap .bl_footer-item-list {
    margin-right: 0;
}

.bl_footer-item-list {
	display: block;
	width: 100%;
}

.bl_item-area {
	margin-right: 0;
	display: block;
}

.slick-center{
	margin-right:20px;
	margin-left:20px;
}


.ly_footer-item-wrap {padding:60px 0 6px}
.el_item-title {font-size:1.8rem;}
.el_item-box-title {font-size:1.8rem;}
.el_item-box-text {font-size:1.4rem;}
.slick-slide .el_item-box-data {padding-bottom: 0;}

}