/*PCサイト*/
@media only screen and (min-width: 751px) {

	div#caseStudy {
		background-image: url(../img/index/bg_navy.jpg);
		background-repeat: no-repeat;
		background-size: 150%;
		padding-top: 130px;
		overflow: hidden;
	}

	div#caseStudy div.inner {
		width: 1120px;
		margin: 0 auto;
		padding-top: 100px;
		padding-bottom: 105px;
		/*position: relative;
		z-index: 0;*/
	}

	div#caseStudy div.inner h2.content_title02 {
	}

	div#caseStudy div.inner h2.content_title02 img {
		width: 104px;
	}

	div#caseStudy div.inner h2.content_title02 strong {
		color: #fff;
	}

	div#caseStudy div.inner h2.content_title02 small {
		color: #fff;
	}

	div#caseStudy .content_title02{
		text-align: center;
	}
	div#caseStudy .content_title02 strong{
		font-size: 40px;
		display: block;
		margin-top: 20px;
	}
	div#caseStudy .content_title02 small{
		font-size: 20px;
		display: block;
		margin-top: 20px;
	}
	div#caseStudy div.inner ul {
		overflow: hidden;
		margin-top: 60px;
	}

	div#caseStudy div.inner ul li {
		float: left;
		width: 350px;
		margin-right: 35px;
		margin-bottom: 55px;
	}

	div#caseStudy div.inner ul li:nth-of-type(3n) {
		margin-right: 0;
	}

	div#caseStudy div.inner ul li:nth-of-type(4) {
		clear: both;
	}

	div#caseStudy div.inner ul li a {
	}

	div#caseStudy div.inner ul li a:hover {
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity:1;
	}

	div#caseStudy div.inner ul li a div.top {
	}

	div#caseStudy div.inner ul li a div.top img {
	}

	div#caseStudy div.inner ul li a p {
		font-size: 14px;
		color: #fff;
		line-height: 1.7;
		margin-top: 10px;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}

	div#caseStudy div.inner ul li a:hover p {
		color: #00c4ff;
	}

	div#caseStudy div.inner div.bottom {
		overflow: hidden;
	}

	div#caseStudy div.inner div.bottom div.left {
		float: left;
		width: 520px;
		height: 335px;
	}

	div#caseStudy div.inner div.bottom div.left img {
	}

	div#caseStudy div.inner div.bottom div.right {
		float: left;
		margin-left: 60px;
		padding-top: 60px;
		line-height: 1;
		position: relative;
		z-index: 2;
	}

	div#caseStudy div.inner div.bottom div.right h3 {
	}

	div#caseStudy div.inner div.bottom div.right h3 strong.mont {
		font-size: 14px;
		color: #fff;
		letter-spacing: 1px;
	}

	div#caseStudy div.inner div.bottom div.right h3 strong.mont span {
		color: #fee849;
	}

	div#caseStudy div.inner div.bottom div.right h3 small.mont {
		color: #fff;
		display: block;
		font-size: 40px;
		letter-spacing: 3px;
		margin-top: 10px;
	}

	div#caseStudy div.inner div.bottom div.right h4 {
		color: #fff;
		font-size: 14px;
		margin-top: 15px;
	}

	div#caseStudy div.inner div.bottom div.right a.mont {
		width: 300px;
		display: block;
		margin-top: 20px;
		padding: 12px 0;
		background-color: #fee849;
		text-align: center;
		border-radius: 3px;
		color: #424242;
		font-size: 1.8rem;
		line-height: initial;
	}

	div#caseStudy div.inner div.bottom div.right a.mont:hover {
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity:1;
		background-color: #00c4ff;
		color: #fff;
	}

	div#caseStudy > img {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: 0;
		z-index: 1;
		min-width: 1500px;
	}

}


/*スマホ最適化*/
@media only screen and (max-width: 736px) {
	div#caseStudy {
		background-image: url(../img/index/bg_navy02.png);
		background-repeat: no-repeat;
		background-size: 300%;
		overflow: hidden;
	}

	div#caseStudy div.inner {
		width: 87.5%;
		margin: 0 auto;
		padding-top: 70px;
		padding-bottom: 15px;
		/*position: relative;
		z-index: 0;*/
	}


	div#caseStudy div.inner h2.content_title02 {
		text-align: center;
	}

	div#caseStudy div.inner h2.content_title02 img {
		width: 68px;
	}

	div#caseStudy div.inner h2.content_title02 strong {
		color: #fff;
		font-size: 25.6px;
    display: block;
    margin-top: 15px;
	}

	div#caseStudy div.inner h2.content_title02 small {
		color: #fff;
		font-size: 11.09px;
    display: block;
    margin-top: 17px;
	}

	div#caseStudy div.inner ul {
		overflow: hidden;
		margin-top: 32px;
	}

	div#caseStudy div.inner ul li {
		float: left;
		width: 48%;
		margin-bottom: 25px;
	}

	div#caseStudy div.inner ul li:nth-of-type(2n) {
		float: right;
	}

	div#caseStudy div.inner ul li:nth-of-type(2n + 1) {
		clear: both;
	}

	div#caseStudy div.inner ul li a {
	}

	div#caseStudy div.inner ul li a:hover {
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity:1;
	}

	div#caseStudy div.inner ul li a div.top {
	}

	div#caseStudy div.inner ul li a div.top img {
	}

	div#caseStudy div.inner ul li a p {
		font-size: 10.24px;
		color: #fff;
		line-height: 1.7;
		margin-top: 8px;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}

	div#caseStudy div.inner ul li a:hover p {
		color: #00c4ff;
	}

	div#caseStudy div.inner div.bottom {
		overflow: hidden;
	}

	div#caseStudy div.inner div.bottom div.left {
		float: left;
		width: 48%;
	}

	div#caseStudy div.inner div.bottom div.left img {
	}

	div#caseStudy div.inner div.bottom div.right {
		float: right;
		width: 48%;
		padding-top: 10px;
		line-height: 1.3;
		position: relative;
		z-index: 2;
	}

	div#caseStudy div.inner div.bottom div.right h3 {
	}

	div#caseStudy div.inner div.bottom div.right h3 strong.mont {
		font-size: 8px;
		color: #fff;
		letter-spacing: 1px;
	}

	div#caseStudy div.inner div.bottom div.right h3 strong.mont span {
		color: #fee849;
	}

	div#caseStudy div.inner div.bottom div.right h3 small.mont {
		color: #fff;
		display: block;
		font-size: 12.8px;
		letter-spacing: 2px;
		margin-top: 8px;
	}

	div#caseStudy div.inner div.bottom div.right h4 {
		color: #fff;
		font-size: 8.53px;
		margin-top: 12px;
	}

	div#caseStudy div.inner div.bottom div.right a.mont {
		width: 132.26px;
		font-size: 8.53px;
		display: block;
		margin-top: 12px;
		padding: 10px 0;
		background-color: #fee849;
		text-align: center;
		border-radius: 3px;
		color: #424242;
	}

	div#caseStudy div.inner div.bottom div.right a.mont:hover {
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity:1;
		background-color: #00c4ff;
		color: #fff;
	}

	div#caseStudy > img {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: -1px;
		z-index: 1;
	}

}