@charset "utf-8";
/* =================================================
	case
================================================= */

/* #sec_head ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_head h1 {
		background:url(../img/case/sec_head_img01.jpg) no-repeat 150% top;
		background-size:contain;
	}
}

@media print,screen and (min-width: 769px) {
	#sec_head h1 {
		background:url(../img/case/sec_head_img01.jpg) no-repeat right top;
		background-size:contain;
	}
}

/* .title_style01 ----------------------- */
@media only screen and (max-width: 768px) {
	.title_style01 {
		margin-bottom:15px;
	}
}

/* .nav_anchor_links ----------------------- */
@media only screen and (max-width: 768px) {
	.nav_anchor_links li a {
		display:inline-block;
		padding:5px 9px 4px;
		width:auto;
		border-right:1px solid #cdcdcd;
	}
}

/* #sec_case ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_case {
		margin-bottom:30px;
	}
	
	#sec_case .inner {
		margin-bottom:20px;
		padding:3.125%;
		border:1px solid #cdcdcd;
		border-top:none;
	}
	
	#sec_case dl {
		margin-bottom:15px;
	}
	
	#sec_case dl:last-child {
		margin-bottom:0;
	}
	
	#sec_case dt {
		padding-left:10px;
		background:#f7f3fa;
		font-weight:700;
		line-height:26px;
	}
	
	#sec_case dd {
		padding:3.125%;
	}
	
	#sec_case dd .movie {
		position:relative;
		margin:20px auto 0;
		padding-bottom:56.25%;
		width:100%;
		height:0;
	}
	
	#sec_case dd .movie iframe {
		position:absolute;
		top:0;
		left:0;
		display:block;
		width:100%;
		height:100%;
	}
}

@media print,screen and (min-width: 769px) {
	#sec_case {
		margin-bottom:60px;
	}
	
	#sec_case .inner {
		margin-bottom:30px;
		padding:25px;
		border:1px solid #cdcdcd;
		border-top:none;
	}
	
	#sec_case dl {
		margin-bottom:20px;
	}
	
	#sec_case dl:last-child {
		margin-bottom:0;
	}
	
	#sec_case .def_width_full {
		clear:both;
	}
	
	#sec_case .def_width_half {
		width:49%;
	}
	
	#sec_case .def_width_half:nth-child(odd) {
		float:left;
	}
	
	#sec_case .def_width_half:nth-child(even) {
		float:right;
	}
	
	#sec_case dt {
		padding-left:15px;
		background:#f7f3fa;
		font-weight:700;
		font-size:16px;
		line-height:30px;
	}
	
	#sec_case dd {
		padding:15px;
	}
	
	#sec_case dd .movie {
		margin:20px auto 0;
	}
	
	#sec_case dd .movie iframe {
		display:block;
		margin:0 auto;
		width:560px;
		height:315px;
	}
}

/* #sec_voice ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_voice {
	}
}

@media print,screen and (min-width: 769px) {
	#sec_voice {
	}
}

/* #sec_gallery ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_gallery {
		margin-bottom:30px;
	}
	
	.box_gallery {
		margin:20px auto 0;
	}
	
	.box_gallery_main {
		position:relative;
		margin-bottom:10px;
		padding-bottom:65%;
	}
	
	.box_gallery_main li {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		font-size:1.2rem;
	}
	
	.box_gallery_main li span {
		display:block;
		margin-top:5px;
	}
	
	.box_gallery_thumb {
		margin:0 -1%;
		font-size:0;
	}
	
	.box_gallery_thumb li {
		display:inline-block;
		padding:1%;
		width:25%;
		font-size:1.2rem;
	}
	
	.box_gallery_thumb li:hover {
		cursor:pointer;
	}
	
	.box_gallery_thumb li img {
		border:2px solid #f7f3fa;
	}
	
	.box_gallery_thumb li.active {
		opacity:1!important;
	}
	
	.box_gallery_thumb li.active img {
		border:2px solid #68438c;
	}
}

@media print,screen and (min-width: 769px) {
	#sec_gallery {
		margin-bottom:60px;
	}
	
	.box_gallery {
		margin:50px auto 0;
	}
	
	.box_gallery_main {
		position:relative;
		margin-bottom:20px;
		height:400px;
	}
	
	.box_gallery_main li {
		position:absolute;
		top:0;
		left:50%;
		margin-left:-320px;
		width:640px;
		font-size:14px;
	}
	
	.box_gallery_main li span {
		display:block;
		margin-top:5px;
	}
	
	.box_gallery_thumb {
		margin:0 6%;
		width:88%;
		font-size:0;
	}
	
	.box_gallery_thumb li {
		display:inline-block;
		padding:5px;
		width:20%;
		font-size:14px;
	}
	
	.box_gallery_thumb li:hover {
		cursor:pointer;
	}
	
	.box_gallery_thumb li img {
		border:2px solid #f7f3fa;
	}
	
	.box_gallery_thumb li.active {
		opacity:1!important;
	}
	
	.box_gallery_thumb li.active:hover {
		cursor:default;
	}
	
	.box_gallery_thumb li.active img {
		border:2px solid #68438c;
	}
}