/*****************************************************
*
*
*	事例紹介ページ用CSS
*
*
*****************************************************/

/*************************************

	事例紹介トップページ

*************************************/
/* セクション */
#contents .case_study_top_main .section.seminar,
#contents .case_study_top_main .section.conference,
#contents .case_study_top_main .section.exhibition,
#contents .case_study_top_main .section.event {
	padding: 30px 0 30px 220px;
	border-top: 1px dotted #999;
}
#contents .case_study_top_main .section.seminar {
	padding-bottom: 50px;
	background: url(../img/cs/bg_section_seminar.jpg) left 50px no-repeat;
}
#contents .case_study_top_main .section.conference {
	padding-bottom: 70px;
	background: url(../img/cs/bg_section_conference.jpg) left 50px no-repeat;
}
#contents .case_study_top_main .section.exhibition {
	padding-bottom: 40px;
	background: url(../img/cs/bg_section_exhibition.jpg) left 60px no-repeat;
}
#contents .case_study_top_main .section.event {
	padding-bottom: 70px;
	background: url(../img/cs/bg_section_event.jpg) left 60px no-repeat;
}

/* 見出し */
#contents .case_study_top_main .section h3 {
	display: block;
	margin-bottom: 15px;
}

/* 概要 */
#contents .case_study_top_main .section .summary {
	padding-left: 40px;
	margin-bottom: 20px;
	color: #333;
}

/* ボタン */
#contents .case_study_top_main .section .more {
	padding-left: 40px;
	margin-bottom: 25px;
}
#contents .case_study_top_main .section .more a:hover img {
	opacity: 0.8;
}

/* 付帯情報 */
#contents .case_study_top_main .section .supp {
	padding-left: 40px;
	font-size: 90%;
	color: #666;
	line-height: 1.4em;
}

/* お客様の声・パートナー企業様の声 */
#contents .case_study_top_main .section .voice {
	margin-top: 18px;
	padding-left: 40px;
	font-size: 90%;
	color: #333;
	line-height: 1.4em;
}
#contents .case_study_top_main .section .voice .ttl {
	display: block;
	font-size: 110%;
	color: #01509f;
	/*
	width: 120px;
	padding: 3px 6px;
	font-size: 90%;
	color: #fff;
	background-color: #0A63BF;
	*/
}
#contents .case_study_top_main .section .voice a {
	display: block;
	padding-top: 5px;
}


/*************************************

	事例紹介詳細ページ

*************************************/
/*-------------------------------
	基本
-------------------------------*/
#contents .case_study_main {
	margin-top: 10px;
}

#contents .case_study_main .section {
	clear: both;
}

/* 見出し */
#contents .case_study_main .section h3 {
	display: block;
	margin-bottom: 15px;
}
#contents .case_study_main .section h4 {
	display: block;
	margin-bottom: 5px;
	color: #01509f;
}

/* p */
#contents .case_study_main .section p {
	margin-bottom: 15px;
}

/* リスト */
#contents .case_study_main .section ul {
	margin-bottom: 15px;
}
#contents .case_study_main .section ul li {
	margin-left: 1.5em;
	margin-bottom: 8px;
	list-style: disc outside;
	line-height: 1.4em;
	color: #333;
}

/* 画像 */
#contents .case_study_main .left {
	float: left;
	margin: 0 22px 10px 0;
}
#contents .case_study_main .right {
	float: right;
	margin: 0 0 10px 22px;
}
/* 枠付き画像 */
#contents .case_study_main .summay_img {
	/*border: 4px solid #fff;*/
	/*box-shadow: 0px 0px 0px 1px #ccc;*/
}
/* キャプション付き画像 */
#contents .case_study_main div.img_caption .summay_img {
	border: 0px solid #fff;
	box-shadow: 0px 0px 0px 0px #ccc;
}
#contents .case_study_main div.img_caption {
	display:inline-block;
	text-align: center;
	border: 4px solid #fff;
	box-shadow: 0px 0px 0px 1px #ccc;
	font-size:90%;
}

/*-------------------------------
	お客様の声
-------------------------------*/
#contents .case_study_main .section.voice_section h3 {
	margin-bottom: 25px;
}
#contents .case_study_main .section.voice_section p {
	padding-left: 15px;
}
/* 枠付き画像 */
#contents .case_study_main .section.voice_section p .summay_img {
	/*order-width: 4px;*/
}
/* 横並び画像 */
#contents .case_study_main .section.voice_section p .summay_img.line_arrange {
	margin-left: 5px;
}
#contents .case_study_main .section.voice_section p .summay_img.line_arrange:first-child {
	margin-left: 0;
}


/*************************************

	一覧へ戻る

*************************************/
#contents .section.back_list {
	margin-top: -28px;
	text-align: right;
}
#contents .section.back_list a {
	display: inline-block;
	width: 150px;
	padding: 4px;
	text-align: center;
	color: #fff;
	font-size: 90%;
	text-decoration: none;
	background-color: #0A63BF;
	border-radius: 3px;
}
#contents .section.back_list a:hover {
	background-color: #0053AF;
}
#contents .section.back_list a::before {
	content: '▲';
	display: inline-block;
	margin-right: 8px;
	font-size: 70%;
	transform: rotate(90deg);
}


/*************************************

	お問い合わせはこちらから

*************************************/
.wrap_contact {
	clear: both;
	padding:20px 0;
	margin-bottom:10px;
	text-align: center;
	background:#f5faff;
	border:1px solid #beccee;
	border-radius:3px;
	box-shadow:0 0 2px rgba(0,0,0,.2), 0 0 4px rgba(0,0,0,.1) inset;
	-webkit-box-shadow:0 0 2px rgba(0,0,0,.2), 0 0 4px rgba(0,0,0,.1) inset;
}
.wrap_contact .wifi_img_btn {
	margin-top:15px;
}



/* 伊勢志摩サミットバナー */
.sammit_bnr:hover {
	opacity: 0.8;
}