@charset "UTF-8";
/* CSS Document */

#case .section{overflow:inherit;}

/* case-index */
.case-index #contents .section{
	margin-bottom:40px;
}
.case-index .section .detail{
	margin-bottom:20px;
}
.case-index .section .detail a{
	position:relative;
	display:block;
}
.case-index .section .detail:hover a{
	text-decoration:none;
}
.case-index .section .detail .image{
	position:absolute;
	left:0px;
	top:-10px;
	width:270px;
	height:100%;
	padding-bottom:10px;
	background-repeat:no-repeat;
	background-position:center top;
	z-index:100;
}
.case-index .section #detail1 .image{
	background-image:url(/images/shingaku/case/pic-ca01_illust_001.png);
}
.case-index .section #detail2 .image{
	background-image:url(/images/shingaku/case/pic-ca02_illust_001.png);
}
.case-index .section #detail3 .image{
	background-image:url(/images/shingaku/case/pic-ca03_illust_001.png);
}
.case-index .section #detail4 .image{
	background-image:url(/images/shingaku/case/pic-ca04_illust_001.png);
}
.case-index .section .detail:hover .image{
	background-position:center -486px !important;
}
.case-index .section .detail .txt{
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:25px 50px 25px 270px;
}
.case-index .section #detail1 .txt{
	background-color:#fef7f1;
	background-image:url(/images/shingaku/case/bgi-index_arrow_001.gif);
}
.case-index .section #detail2 .txt{
	background-color:#d5d8dd;
	background-image:url(/images/shingaku/case/bgi-index_arrow_002.gif);
}
.case-index .section #detail3 .txt{
	background-color:#e5f1f7;
	background-image:url(/images/shingaku/case/bgi-index_arrow_003.gif);
}
.case-index .section #detail4 .txt{
	background-color:#f7f0e6;
	background-image:url(/images/shingaku/case/bgi-index_arrow_004.gif);
}
.case-index .section .detail:hover .txt{
	opacity:0.6;
	filter:alpha(opacity=60);
}
.case-index .section .detail strong{
	display:block;
	width:100px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:138.5%;
	text-align:center;
	padding:3px 0;
	margin-bottom:10px;
}
.case-index .section #detail1 strong{
	background-color:#fee4b0;
	color:#333;
}
.case-index .section #detail2 strong{
	background-color:#6b7a93;
}
.case-index .section #detail3 strong{
	background-color:#5fa4b6;
}
.case-index .section #detail4 strong{
	background-color:#e7d4b6;
	color:#333;
}
.case-index .section .detail h3{
	margin-bottom:15px;
}
.case-index .section .detail p{
	font-size:108%;
}

/* layout-two-column */
.layout-two-column #contents .section{
	padding-top:0px;
	border-top:none;
}
.layout-two-column .detail a{
	color:#00a6d7;
	text-decoration:underline;
}
.layout-two-column .detail a:hover{
	text-decoration:none;
}
.layout-two-column #detail1{
	padding:25px 25px 30px 270px;
	position:relative;
}
.layout-two-column .case-ca_01 #detail1{
	background-color:#fef7f1;
}
.layout-two-column .case-ca_02 #detail1{
	background-color:#d5d8dd;
}
.layout-two-column .case-ca_03 #detail1{
	background-color:#e5f1f7;
}
.layout-two-column .case-ca_04 #detail1{
	background-color:#f7f0e6;
}
.layout-two-column #detail1 .image{
	position:absolute;
	left:0;
	width:270px;
	height:486px;
	background-position:center top;
	background-repeat:no-repeat;
}
.layout-two-column .case-ca_01 #detail1 .image{
	top:10px;
	background-image:url(/images/shingaku/case/pic-ca01_illust_001.png);
}
.layout-two-column .case-ca_02 #detail1 .image{
	top:-20px;
	background-image:url(/images/shingaku/case/pic-ca02_illust_001.png);
}
.layout-two-column .case-ca_03 #detail1 .image{
	top:-20px;
	background-image:url(/images/shingaku/case/pic-ca03_illust_001.png);
}
.layout-two-column .case-ca_04 #detail1 .image{
	top:-1px;
	background-image:url(/images/shingaku/case/pic-ca04_illust_001.png);
}
.layout-two-column #detail1 strong{
	display:block;
	width:100px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:138.5%;
	text-align:center;
	padding:3px 0;
	margin-bottom:15px;
	background-color:#fee4b0;
}
.layout-two-column .case-ca_01 #detail1 strong{
	background-color:#fee4b0;
	color:#333;
}
.layout-two-column .case-ca_02 #detail1 strong{
	background-color:#6b7a93;
}
.layout-two-column .case-ca_03 #detail1 strong{
	background-color:#5fa4b6;
}
.layout-two-column .case-ca_04 #detail1 strong{
	background-color:#e7d4b6;
	color:#333;
}
.layout-two-column #detail1 h3{
	margin-bottom:15px;
}
.layout-two-column #detail1 p{
	margin-bottom:15px;
	font-size:108%;
}
.layout-two-column #detail1 .box{
	overflow:hidden;
	background-color:#fff;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.layout-two-column .case-ca_01 #detail1 .box{
	border:2px solid #fee4b0;
}
.layout-two-column .case-ca_02 #detail1 .box{
	border:2px solid #6b7a93;
}
.layout-two-column .case-ca_03 #detail1 .box{
	border:2px solid #5fa4b6;
}
.layout-two-column .case-ca_04 #detail1 .box{
	border:2px solid #e7d4b6;
}
.layout-two-column #detail1 .box h4{
	width:80px;
	color:#fff;
	font-weight:normal;
	font-size:116%;
	text-align:center;
	padding:3px 0;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
}
.layout-two-column .case-ca_01 #detail1 .box h4{
	background-color:#fee4b0;
	color:#333;
}
.layout-two-column .case-ca_02 #detail1 .box h4{
	background-color:#6b7a93;
}
.layout-two-column .case-ca_03 #detail1 .box h4{
	background-color:#5fa4b6;
}
.layout-two-column .case-ca_04 #detail1 .box h4{
	background-color:#e7d4b6;
	color:#333;
}
.layout-two-column #detail1 .box ul{
	padding:15px 10px 15px 20px;
}
.layout-two-column #detail1 .box ul li{
	line-height:1.5em;
	margin-bottom:5px;
}
.layout-two-column #detail1 .box ul li.list1{
	margin-left:9.5em;
	text-indent:-9.5em;
}
.layout-two-column #detail1 .box ul li.list2,
.layout-two-column #detail1 .box ul li.list3{
	margin-left:5.5em;
	text-indent:-5.5em;
}
.layout-two-column #detail1 .box ul li span{
	margin-right:0.5em;
}
.layout-two-column .case-ca_01 #detail1 .box ul li span{
	color:#fee4b0;
}
.layout-two-column .case-ca_02 #detail1 .box ul li span{
	color:#6b7a93;
}
.layout-two-column .case-ca_03 #detail1 .box ul li span{
	color:#5fa4b6;
}
.layout-two-column .case-ca_04 #detail1 .box ul li span{
	color:#e7d4b6;
}
.layout-two-column #detail2{
	text-align:center;
	margin-bottom:30px !important;
}
.layout-two-column #detail3 table{
	width:100%;
	background-color:#71dcd8;
}
.layout-two-column #detail3 table th{
	padding:12px 15px 8px 23px;
}
.layout-two-column #detail3 table td{
	padding:12px 15px 8px 0;
	vertical-align:middle;
	text-align:left;
}
.layout-two-column #detail3 table td h3{
	font-size:167%;
	line-height:1.5em;
	vertical-align:middle;
}
.layout-two-column #detail3 .box{
	border:3px solid #71dcd8;
	padding:28px;
	/*background-image:url(/images/shingaku/case/bgi-plan_001.gif);*/
}
.layout-two-column #detail3 .box p{
	margin-bottom:15px;
	font-size:108%;
}
.layout-two-column #detail3 .box .image{
	text-align:center;
}
.layout-two-column #detail4{
	margin-bottom:30px !important;
}
.layout-two-column #detail4 h3{
	font-size:153.9%;
	border-bottom:3px solid #71dcd8;
	padding:0 0 10px 5px;
	margin-bottom:20px;
}
.layout-two-column #detail4 .box{
	position:relative;
}
.layout-two-column #detail4 .box .image{
	position:absolute;
	top:0;
	left:0;
	width:134px;
}
.layout-two-column #detail4 .box .txt{
	margin-left:140px;
	padding-left:14px;
	background-image:url(/images/shingaku/case/bgi-from_001.gif);
	background-repeat:no-repeat;
	background-position:left 30px;
}
.layout-two-column #detail4 .box .txt p{
	background-color:#f3f3f3;
	padding:30px 30px 25px 30px;
	border-radius:8px;
	font-size:108%;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
.layout-two-column #detail5{
	padding-top:30px;
	margin-bottom:100px !important;
}
.layout-two-column #detail5 .box{
	position:relative;
	border:3px solid #e4e4e4;
	padding:35px 18px 10px 18px;
	margin-left:10px;
}
.layout-two-column #detail5 .box h4{
	position:absolute;
	left:-13px;
	top:-13px;
	background-color:#ff9046;
	color:#fff;
	width:145px;
	text-align:center;
	font-size:116%;
	padding:5px 0 2px 0;
}
.layout-two-column #detail5 .box ul li{
	font-size:93%;
	line-height:1.8em;
	margin-bottom:10px;
}
.layout-two-column #detail5 .box ul li strong span{
	color:#00a6d7;
	margin-right:5px;
}
.layout-two-column #detail5 .box ul li p{
}

@media screen and (max-width: 1064px) {
/* PAGETITLE */
#pageTitle h1 img{
	max-width:134px;
}

/* case-index */
.case-index .section .detail .image{
	background-size:auto 972px;
}
.case-index .section #detail1 .image{
	background-image:url(/images/shingaku/case/pic-ca01_illust_001_sp.png);
}
.case-index .section #detail2 .image{
	background-image:url(/images/shingaku/case/pic-ca02_illust_001_sp.png);
}
.case-index .section #detail3 .image{
	background-image:url(/images/shingaku/case/pic-ca03_illust_001_sp.png);
}
.case-index .section #detail4 .image{
	background-image:url(/images/shingaku/case/pic-ca04_illust_001_sp.png);
}
.case-index .section .detail .txt{
	background-size:50px 50px;
}
.case-index .section #detail1 .txt{
	background-image:url(/images/shingaku/case/bgi-index_arrow_001_sp.gif);
}
.case-index .section #detail2 .txt{
	background-image:url(/images/shingaku/case/bgi-index_arrow_002_sp.gif);
}
.case-index .section #detail3 .txt{
	background-image:url(/images/shingaku/case/bgi-index_arrow_003_sp.gif);
}
.case-index .section #detail4 .txt{
	background-image:url(/images/shingaku/case/bgi-index_arrow_004_sp.gif);
}

/* layout-two-column */
.layout-two-column #detail1{
	padding: 25px 25px 25px 220px;
}
.layout-two-column #detail1 .image{
	background-size:auto 800px;
	width:220px;
	height:400px;
	top:50% !important;
	margin-top:-200px;
}
.layout-two-column .case-ca_01 #detail1 .image{
	background-image:url(/images/shingaku/case/pic-ca01_illust_001_sp.png);
}
.layout-two-column .case-ca_02 #detail1 .image{
	background-image:url(/images/shingaku/case/pic-ca02_illust_001_sp.png);
}
.layout-two-column .case-ca_03 #detail1 .image{
	background-image:url(/images/shingaku/case/pic-ca03_illust_001_sp.png);
}
.layout-two-column .case-ca_04 #detail1 .image{
	background-image:url(/images/shingaku/case/pic-ca04_illust_001_sp.png);
}
.layout-two-column #detail3 .box .image img{
	width:100%;
	max-width:695px;
	height:auto;
}
}

@media screen and (max-width: 800px) {
/* case-index */
.case-index .section .detail h3 img{
	height:46px;
	width:auto;
}
}

@media screen and (max-width: 640px) {
	
/* case-index */
.case-index .section .detail{
	margin-bottom:10px;
}
.case-index .section .detail a:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
}
.case-index .section .detail .image{
	top:auto;
	left:50%;
	bottom:0px;
	background-size:auto 560px;
	width:290px;
	margin-left:-145px;
	height:110px;
}
.case-index .section .detail:hover .image{
	background-position:center top !important;
}
.case-index .section .detail .txt{
	padding:15px 15px 125px 15px;
}
.case-index .section .detail:hover .txt{
	opacity:1;
	filter:alpha(opacity=100);
}
.case-index .section .detail strong{
	font-size:16px;
	padding:2px 0;
}
.case-index .section .detail h3{
	margin-bottom:10px;
}
.case-index .section .detail h3 img{
	height:40px;
}
.case-index .section .detail p{
	font-size:12px;
	line-height:1.5em;
}

/* layout-two-column */
.layout-two-column #detail1{
	padding:120px 15px 15px 15px;
	margin-bottom:15px !important;
}
.layout-two-column #detail1 .image{
	top:-15px !important;
	left:50%;
	height:120px;
	margin:0 auto 15px -110px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.layout-two-column .case-ca_01 #detail1 .image{
	margin-left:-115px;
}
.layout-two-column .case-ca_03 #detail1 .image{
	margin-left:-110px;
}
.layout-two-column .case-ca_01 #detail1 strong{
	font-size:16px;
	padding:2px 0;
}
.layout-two-column #detail1 h3{
	margin-bottom:10px;
}
.layout-two-column #detail1 h3 img{
	width:auto;
	height:40px;
}
.layout-two-column #detail1 p{
	font-size:12px;
	margin-bottom:10px;
}
.layout-two-column #detail1 .box h4{
	font-size:14px;
	padding:2px 0;
}
.layout-two-column #detail1 .box ul{
	padding:10px;
}
.layout-two-column #detail1 .box ul li{
	font-size:12px;
}
.layout-two-column #detail2{
	margin-bottom:15px !important;
}
.layout-two-column #detail2 img{
	width:50px;
	height:auto;
}

.layout-two-column #detail3 table th{
	padding:10px 10px 6px 10px;
}
.layout-two-column #detail3 table th img{
	width:50px;
	height:auto;
}
.layout-two-column #detail3 table td{
	padding:10px 10px 6px 0;
}
.layout-two-column #detail3 table td h3{
	font-size:13px;
}
.layout-two-column #detail3 table td h3 br{
	display:none;
}
.layout-two-column #detail3 .box{
	padding:15px;
}
.layout-two-column #detail3 .box p{
	font-size:12px;
}
.layout-two-column #detail3 .box .image img.pc{
	display:none;
}
.layout-two-column #detail3 .box .image img.sp{
	display:block;
	max-width:300px;
	margin:0 auto;
}

.layout-two-column #detail4{
	margin-bottom:10px !important;
}
.layout-two-column #detail4 h3{
	font-size:16px;
	padding:0 0 5px 5px;
}
.layout-two-column #detail4 .box .image{
	position:static;
	margin:0 auto 10px auto;
}
.layout-two-column #detail4 .box .txt{
	margin-left:0px;
	padding-left:0px;
	padding-top:14px;
	background-image:url(/images/shingaku/case/bgi-from_001_sp.gif);
	background-siez:21px 14px;
	background-position:center top;
}
.layout-two-column #detail4 .box .txt p{
	padding:20px;
	font-size:12px;
}

.layout-two-column #detail5{
	margin-bottom:40px !important;
}
.layout-two-column #detail5 .box{
	padding: 25px 10px 5px 10px;
}
.layout-two-column #detail5 .box h4{
	font-size:14px;
	padding:2px 0;
}
.layout-two-column #detail5 .box ul li p{
	font-size:11px;
}
}