@charset "utf-8";

/*
カスタム投稿「事例」詳細
/case/＊/
*/


/*
***********************************************************************************************
「事例」のシングルページ
/case/*
***********************************************************************************************
*/

#page_main_img {
	display: none;
}

#main_contents #left_contents {
	float: none;
	width: auto;
}

#sidebar {
	display: none;
}

#pageTitle {
	display: none;
}


/* 事例ページ専用のヘッダー */
.case_header {
	margin-bottom: 40px;
}

	.viewmode-mobile .case_header {
		margin-left: calc( var(--wp--style--root--padding-left ) * -1 );
		margin-right: calc( var(--wp--style--root--padding-right ) * -1 );
	}

	.case_head {
		background-color: #111;
		color: #fff;
		padding: 30px;
		position: relative;
	}

		.screen-xxs .case_head,
		.screen-xs .case_head {
			padding: 20px 10px;
		}

		/* 業界 */
		.case_industry {
		}

			.viewmode-mobile .case_industry {
				text-align: center;
			}

			.case_industry {
				letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
				margin: 0px 0px 0px 0px;
			}

				.viewmode-mobile .case_industry {
				}

				.case_industry dt,
				.case_industry dd {
					display: inline-block;
					font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
					font-feature-settings: 'palt';
					font-weight: bold;
					letter-spacing: normal; /* 文字間を通常に戻す */
					vertical-align: middle;
				}

				/* ラベル「事例」 */
				.case_industry dt {
					border: 1px solid #fff;
					font-size: 20px;
					padding: 3px 5px;
				}

				/* 業界名 */
				.case_industry dd {
					font-size: 19px;
					margin-left: 20px;
				}

					.screen-xxs .case_industry dd {
						display: none;
					}

					.case_industry dd a {
						color: #fff;
						text-decoration: none;
					}

						.case_industry dd a:hover {
							text-decoration: underline;
						}

					/* クライアント名 */
					.case_industry dd .case_client_name {
						font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
						font-feature-settings: 'palt';
						font-size: 16px;
						font-weight: 500;
					}


				/* 属性アイコン */
				.case_attribute {
					color: #fff;
					position: absolute;
					right: 15px;
					top: 30px;
				}

					.viewmode-mobile .case_attribute {
						margin-top: 20px;
						position: static;
						right: 15px;
						top: 15px;
						text-align: center;
					}

					.screen-xxs .case_attribute,
					.screen-xs .case_attribute {
						text-align: left;
					}

					.case_attribute {
						letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
						padding: 0px;
					}

						.case_attribute li {
							display: inline-block;
							font-size: 12px;
							letter-spacing: normal; /* 文字間を通常に戻す */
							margin: 0 15px 10px 0;
							text-align: left;
							vertical-align: top;
						}

							.case_attribute li:last-child {

							}

							.screen-xxs .case_attribute li,
							.screen-xs .case_attribute li {
								font-size: 11px;
								margin: 0 5px 10px 5px;
								width: 30%;
							}

							.case_attribute li:first-child {
							}

							.case_attribute li a {
								color: #fff;
								text-decoration: none;
							}

								.case_attribute li a:hover {
									color: #fff;
									text-decoration: underline;
								}

								.case_attribute li a::before {
									background-color: #007bc7;
									background-position: center bottom;
									background-repeat: no-repeat;
									background-size: cover;
									box-sizing: border-box;
									content: '';
									display: inline-block;
									margin-right: 10px;
									width: 30px;
									height: 30px;
									vertical-align: middle;
								}

									.screen-xxs .case_attribute li a::before {
										width: 30px;
										height: 30px;
									}

									/* 販売促進 */
									.case_attribute li.purpose-sales a::before {
										background-image: url(../img/common/ico_sales.png);
									}

									/* 宣伝PR */
									.case_attribute li.purpose-pr a::before {
										background-image: url(../img/common/ico_pr.png);
									}

									/* 業務効率化 */
									.case_attribute li.purpose-efficiency a::before {
										background-image: url(../img/common/ico_efficiency.png);
									}

									/* その他 */
									.case_attribute li.purpose-other a::before {
										background-image: url(../img/common/ico_other.png);
									}

									/* 印刷 */
									.case_attribute li.service-plan a::before {
										background-image: url(../img/common/ico_plan.png);
									}

									/* 印刷 */
									.case_attribute li.service-print a::before {
										background-image: url(../img/common/ico_print.png);
									}

									/* WEB */
									.case_attribute li.service-web a::before {
										background-image: url(../img/common/ico_web.png);
									}

									/* 広告代行 */
									.case_attribute li.service-ad a::before {
										background-image: url(../img/common/ico_ad.png);
									}

									/* 告知方法 */
									.case_attribute li.service-distribution {
										display: none;
									}

										.case_attribute li.service-distribution a::before {
											background-image: url(../img/common/ico_distribution.png);
										}

									/* その他 */
									.case_attribute li.service-other {
										display: none;
									}

										.case_attribute li.service-other a::before {
											background-image: url(../img/common/ico_other.png);
										}


			/* 事例のタイトル */
			h1.case_title {
				background-color: transparent;
				background-image: none;
				font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
				font-feature-settings: 'palt';
				font-size: 30px;
				font-weight: bold;
				line-height: 1.5;
				margin: 15px 0 0px 0;
				padding: 0px;
			}

				.viewmode-mobile h1.case_title {
					font-size: 21px;
					margin: 5px 0 0px 0;
				}

					.viewmode-mobile h1.case_title br {
						display: none;
					}

			/* 顧客名 */
			.case_client {
				font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
				font-feature-settings: 'palt';
				font-size: 15px;
				font-weight: 500;
			}


		/* この記事を5秒で理解 */
		.case_excerpt {
			background-color: #ced8dd;
			padding: 20px 15px 15px 15px;
			position: relative;
		}

			.viewmode-mobile .case_excerpt {
				padding: 15px 15px 15px 15px;
			}

			.case_excerpt::after {
				box-sizing: border-box;
				content: '';
				display: block;
				border-top: 20px solid #ced8dd;
				border-left: 20px solid transparent;
				border-bottom: 0px solid transparent;
				border-right: 20px solid transparent;
				left: 50%;
				right: 50%;
				margin-left: -20px;
				position: absolute;
				bottom: -40px;
				width: 40px;
				height: 40px;
			}

			.case_excerpt dl {
				letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
				margin: 0px;
			}

				.case_excerpt dt,
				.case_excerpt dd {
					display: inline-block;
					letter-spacing: normal; /* 文字間を通常に戻す */
					margin: 0px;
					vertical-align: middle;
				}

				.case_excerpt dt {
					box-sizing: border-box;
					font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
					font-feature-settings: 'palt';
					font-size: 22px;
					font-weight: bold;
					letter-spacing: normal; /* 文字間を通常に戻す */
					line-height: 1.5;
					text-align: center;
					padding: 10px 20px;
					width: 150px;
				}

					.viewmode-mobile .case_excerpt dt {
						display: block;
						font-size: 18px;
						padding: 0px;
						margin-bottom: 10px;
						width: auto;
					}

				.case_excerpt dd {
					margin: 0px 0px 0px 30px;
				}

					.viewmode-mobile .case_excerpt dd {
						margin: 0px;
					}

					/* 「この事例を5秒で理解」本文 */
					.case_excerpt dd > ul {
						list-style-type: none;
					}

						.case_excerpt dd > ul li {
							font-size: 95%;
							list-style-type: none;
							line-height: 1.6;
							margin-bottom: 8px;
							text-indent: -1.7em;
						}

							.case_excerpt dd > ul li:last-child {
								margin-bottom: 0px;
							}

							.case_excerpt dd > ul li::before {
								color: #007bc7;
								content: "\f00c";	/* fa-check */
								font-family: FontAwesome;
								font-size: 130%;
								line-height: 1;
								margin-right: 0.3em;
							}


		/* アイキャッチ */
		.case_eyecatch {
			box-sizing: border-box;
			border: 5px solid #ced8dd;
			text-align: center;
		}

			.viewmode-mobile .case_eyecatch {
				border: 0px solid #fff;
			}

			.case_eyecatch img {
				display: block;
				width: 100%;
			}


		/* ブランド */
		.case_brand {
			background-color: #ced8dd;
			box-sizing: border-box;
			min-height: 135px;
			padding: 0px 5px 5px 5px;
			position: relative;
		}

			.viewmode-mobile .case_brand {
				display: none;
			}

			.case_brand > img {
				max-width: 130px;
				max-height: 130px;
				position: absolute;
			}

			.case_brand dl {
				padding: 5px 15px 0 150px;
				margin: 0 0 0 0;
			}

				.case_brand dl dt,
				.case_brand dl dd {
					margin: 0px;
				}

				/* ブランド名 */
				.case_brand dl dt {
					font-weight: bold;
				}

					.case_brand dl dt a {
						color: #111;
					}

				/* クライアントの説明文 */
				.case_brand dl dd {
					font-size: 13px;
					line-height: 1.6;
					margin-top: 5px;
				}

					.case_brand dl dd blockquote {
						padding: 0;
						margin: 0;
					}

		/* 目的 */
		.case_goal {
			margin-top: 35px;
		}

			.viewmode-mobile .case_goal {
				display: none;
			}

			.case_goal dl {
				letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
			}

				.case_goal dt,
				.case_goal dd {
					box-sizing: border-box;
					border: 2px solid #BF1926;
					/*
					font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
					*/
					font-feature-settings: 'palt';
					font-weight: bold;
					display: inline-block;
					letter-spacing: normal; /* 文字間を通常に戻す */
					line-height: 40px;
					margin: 0px;
					padding: 5px 20px;
					vertical-align: middle;
				}

					.screen-xs .case_goal dt,
					.screen-xs .case_goal dd {
						line-height: 1.5;
						padding: 5px;
					}

				/* ラベル「目的」 */
				.case_goal dt {
					background-color: #BF1926;
					color: #fff;
					font-size: 21px;
				}

					.screen-xs .case_goal dt {
						font-size: 18px;
					}

				.case_goal dd {
					color: #BF1926;
					font-size: 18px;
				}

					.screen-xs .case_goal dd {
					}

		#content h2 {
			background-image: none;
			border-bottom: 0px solid #fff;
			color: #000;
			font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
			font-feature-settings: 'palt';
			font-size: 30px;
			font-weight: bold;
			line-height: 1.6;
			padding: 0px;
			margin: 0 0 25px 0;
		}

			.viewmode-mobile #content h2 {
				font-size: 21px;
			}

		#content h3 {
			background-color: transparent;
			color: #c01b28;
			font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
			font-feature-settings: 'palt';
			font-size: 24px;
			font-weight: bold;
			line-height: 1.5;
			padding: 0px;
			margin: 0 0 15px 0px;
		}

			.viewmode-mobile #content h3 {
				font-size: 19px;
				text-align: left;
			}

		/* 序文 */
		.case_intro {
		}

			.case_intro .readmore {
				max-height: 6em;
			}


		/* 制作事例 */
		.case_works {
			clear: both;
			margin-top: 25px;
		}

			.viewmode-mobile .case_works {
			}

			#content .case_works h2 {
				color: #007ac6;
				font-size: 24px;
				text-align: center;
			}

			.case_works ul {
				display: block;
				letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
				text-align: center;
				padding: 0px;
			}

				/* figucaptionと同格のpタグ */
				.case_works ul + p {
					font-size: 12px;
					letter-spacing: 0.1em;
					line-height: 1.5;
					text-align: center;
				}

				.viewmode-mobile .case_works ul {
					display: -webkit-flex;	/*--- safari（PC）用 ---*/
					display: flex;
					overflow-x: scroll;
					padding: 0px;

					-webkit-overflow-scrolling: touch;
				}

					/* スクロールバーの装飾 */
					.viewmode-mobile .case_works ul::-webkit-scrollbar {
						height: 5px;
					}

					.viewmode-mobile .case_works ul::-webkit-scrollbar-track {
						background: #f1f1f1;
						border-radius: 5px;
					}

					.viewmode-mobile .case_works ul::-webkit-scrollbar-thumb {
						background: #bcbcbc;
						border-radius: 5px;
					}

				.case_works li {
					display: inline-block;
					letter-spacing: normal; /* 文字間を通常に戻す */
					margin: 0px 25px 25px 25px;
					vertical-align: top;
				}

					.viewmode-mobile .case_works li {
						margin: 0 15px 15px 15px;
					}

					.case_works li figure {
						margin: 5px 0px 0px 0px;
					}

						.case_works li figure img {
							box-shadow: 0px 0px 5px 2px rgba(0,0,0, 0.1);
						}

							.viewmode-mobile .case_works li figure img {
								max-width: none;
							}

							/* ドロップシャドウ無し */
							.case_works li figure img.no-shadow {
								box-shadow: none;
							}

							.case_works li figure img.icon_external {
								box-shadow: none;
							}


		/* サービス事例 */
		.case_service {
			margin-top: 25px;
		}

			.case_service dt,
			.case_service dd {
				clear: both;
				margin: 0px;
			}

			#content .case_service dt {
				margin: 55px 0px 0px 0px;
			}

				#content .case_service dt:first-child {
					margin: 0px 0px 0px 0px;
				}

				#content .case_service dt h2 {
					font-size: 18px;
					margin: 0px;
				}

					.viewmode-mobile #content .case_service dt h2 {
						background-color: #ced8dd;
						font-size: 16px;
						text-align: center;
						padding: 10px;
					}

					#content .case_service dt h2 small {
						background-color: #ced8dd;
						display: inline-block;
						font-size: 16px;
						margin-right: 15px;
						padding: 10px 20px;
						vertical-align: middle;
					}

						.viewmode-mobile #content .case_service dt h2 small {
							display: none;
						}

						.viewmode-mobile #content .case_service dt h2 small::after {
							content: '';
							display: block;
							width: 100%;
						}


			.case_service > dl >dd {
				box-sizing: border-box;
				border: 3px solid #ced8dd;
				counter-increment: service;
				padding: 30px 30px 30px 30px;
				position: relative;
			}

				.viewmode-mobile .case_service > dl > dd {
					border-top: 0px solid #fff;
					padding: 10px 10px 20px 10px;
				}

				/* サービス事例の数字 */
				.case_service > dl > dd::before {
					content: "0" counter(service);
					color: #ced8dd;
					display: inline-block;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: 70px;
					line-height: 70px;
					position: absolute;
					left: 30px;
					top: 15px;
				}

					.viewmode-mobile .case_service > dl > dd::before {
						content: none;
					}

				.case_service > dl > dd::after {
					clear: both;
					content: ' ';
					display: block;
					font-size: 0;
					height: 0;
					visibility: hidden;
				}

				/* サービス事例のイメージ画像 */
				.case_service dd figure {
					float: left;
					margin: 0px;
					min-width: 320px;
					text-align: center;
				}

					.viewmode-mobile .case_service dd figure {
						float: none;
						min-width: 0;
						margin-bottom: 15px;
						padding: 0 30px 0 30px;
					}

					.case_service dd figcaption {
						text-align: center;
					}

				#content dd h3 {
					margin: 0 0 25px 95px;
				}

					.viewmode-mobile #content dd h3 {
						margin: 0 0 15px 0px;
						text-align: left;
					}

				.case_service dd section {
					padding-left: 360px;
					text-align: center;
				}

					.viewmode-mobile .case_service dd section {
						padding-left: 0px;
					}

					.case_service dd section p {
						text-align: left;
					}

						.case_service dd section .readmore {
							max-height: 1000px;	/* for readmore.js */
						}

							.viewmode-mobile .case_service dd section .readmore {
								max-height: 6em;	/* for readmore.js */
							}

					/* 価格表記 */
					.case_service dd section .list_price {
						background-color: #ced8dd;
						margin-top: 20px;
						padding: 20px 10px;
						text-align: center;
					}

						.viewmode-mobile .case_service dd section .list_price {
							margin-top: 15px;
							padding: 10px 10px;
						}

						.case_service dd section .list_price h4 {
							color: #fff;
							font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
							font-feature-settings: 'palt';
							font-size: 20px;
							font-weight: bold;
							margin: 0px;

							text-shadow: 0px 3px 1px #df0000,0px 2px 1px #df0000,1px 2px 1px #df0000,2px 2px 1px #df0000,2px 1px 1px #df0000,2px 0px 1px #df0000,3px 0px 1px #df0000,2px -1px 1px #df0000,2px -2px 1px #df0000,2px -3px 1px #df0000,1px -3px 1px #df0000,0px -3px 1px #df0000,-1px -3px 1px #df0000,-2px -3px 1px #df0000,-3px -3px 1px #df0000,-3px -2px 1px #df0000,-3px -1px 1px #df0000,-3px 0px 1px #df0000,-3px 1px 1px #df0000,-3px 2px 1px #df0000,-2px 2px 1px #df0000,-1px 2px 1px #df0000;
						}

						.case_service dd section .list_price dl {
							margin: 0px;
						}

							.case_service dd section .list_price dt {
								display: inline-block;
								font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
								font-feature-settings: 'palt';
								font-size: 20px;
								font-weight: bold;
							}

								.case_service dd section .list_price dd {
									display: inline-block;
									color: #c11c29;
									font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
									font-feature-settings: 'palt';
									font-size: 20px;
									font-weight: bold;
								}

								/* 価格 */
								.case_service dd section .list_price dd span {
									font-family: "Roboto";
									font-size: 31px;
									font-weight: 700;
									line-height: 1.2;
								}

								/* 価格の注釈 */
								.case_service dd section .list_price small {
									font-size: 12px;
								}

									.viewmode-mobile .case_service dd section .list_price small {
										font-size: 10px;
									}

					.case_service dd section h4 {
						border-bottom: 0px solid #fff;
						color: #007bc7;
						font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
						font-feature-settings: 'palt';
						font-size: 20px;
						font-weight: bold;
						margin-top: 20px;
						text-align: center;
					}

					/* CTAボタン */
					.case_service dd section a.btn {
						background: #006dbe;
						border: 2px solid #fff;
						box-sizing: border-box;
						color: #fff;
						display: inline-block;
						font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
						font-feature-settings: 'palt';
						font-size: 21px;
						font-weight: 500;
						line-height: 1.5;
						min-width: 250px;
						padding: 12px 20px;
						position: relative;
						text-align: center;
						text-decoration: none;

						background: -webkit-linear-gradient(top, #006dbe 0%,#0060a7 60%);
						background: linear-gradient(to bottom, #006dbe 0%,#0060a7 60%);
						border-radius: 7px;

						box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
					}

						.viewmode-pc .case_service dd section a.btn:hover {
							background: #4c8fc1;
							background: -webkit-linear-gradient(top, #4c99d1 0%,#4c8fc1 60%);
							background: linear-gradient(to bottom, #4c99d1 0%, #4c8fc1 60%);
						}

						.viewmode-mobile .case_service dd section a.btn {
							padding: 12px 12px;
						}

						.case_service dd section a.btn::before {
							color: #fff;
							content: "\f054";	/* fa-chevron-right */
							display: inline-block;
							font-family: FontAwesome;
							font-size: 20px;
							margin-right: 10px;
						}

		/* お客様の声 */
		.case_comment {
			background-color: #ced8dd;
			padding: 20px;
			margin-top: 50px;
		}

			.case_comment h2 {
				float: left;
				width: 100px;

				text-indent: 200%;
				white-space: nowrap;
				overflow: hidden;
			}

			.case_comment p {
				word-break: break-all;
			}


		/* お問い合わせボタン前のキャッチコピー */
		.case_copy {
			margin-top: 50px;
		}

			#content .case_copy h2 {
				font-size: 24px;
				text-align: center;
			}

			.viewmode-mobile #content .case_copy h2 {
				font-size: 18px;
			}


/*
***********************************************************************************************
各事例ページの学校業界向けコンペ広告
***********************************************************************************************
*/

.ad_case_service_education {
	background-color: #006dbe;
	color: #fff;
	display: block;
	line-height: 1.8;
	margin-top: 100px;
	min-height: 520px;
	padding: 30px 30px 20px 570px;
	position: relative;
}

	.viewmode-mobile .ad_case_service_education {
		margin: 60px -10px 0 -10px;
		min-height: 0px;
		padding: 0px 10px 20px 010px;
	}

	.ad_case_service_education figure {
		display: block;
		left: 0;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
	}

		.viewmode-mobile .ad_case_service_education figure {
			overflow: hidden;
			margin: 0 -10px 0px -10px;
			max-height: 150px;
			position: static;
		}

		.viewmode-mobile .ad_case_service_education figure img {
			margin-top: -20%;
			position: relative;
		}

	#content .ad_case_service_education h2 {
		color: #fff;
		font-size: 24px;
		line-height: 1.4;
		text-align: center;
	}

		.viewmode-mobile #content .ad_case_service_education h2 {
			font-size: 20px;
			margin: 15px 0 15px 0;
		}

	#content .ad_case_service_education h3 {
		color: #fff;
		font-size: 20px;
		line-height: 1.4;
		margin-top: 25px;
		text-align: center;
	}

		.viewmode-mobile #content .ad_case_service_education h3 {
			margin-top: 10px;
		}

	.ad_case_service_education .btn_contact {
		margin: 15px 0 0 0;
	}

		.viewmode-mobile .ad_case_service_education .btn_contact a {
			text-align: center;
		}

	.ad_case_service_education dl {
		display: block;
		font-size: 80%;
		margin: 20px 0 0 0;
		padding: 0;
	}

		.ad_case_service_education dl::after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: ' ';
			clear: both;
			height: 0;
		}

		.viewmode-mobile .ad_case_service_education dl {
			font-size: 90%;
			margin: 15px 0 0 0;
		}

	.ad_case_service_education dt {
		clear: both;
		display: block;
		float: left;
		margin: 0px 0 0 0;
		padding: 0;
	}

	.ad_case_service_education dd {
		float: left;
		margin: 0px 0px 0px 0em;
		padding: 0px 0px 0 0px;
	}

	.ad_case_service_education dl + small {
		display: block;
		line-height: 1.6;
		margin-top: 20px;
	}

		.viewmode-mobile .ad_case_service_education dl + small {
			margin-top: 15px;
		}