/*
#colors

@main-color #33b668
@text-color #333333
@base-color #fff
@body-color #eee
@form-color #f5f5f5
@notice-color #d9534f
@attention-color #b20000



*/
@media print, screen and (min-width: 768px) {
	.solution-title {
		background: url('/img/solution/bg-solution.jpg') no-repeat;
		background-size: cover;
	}

	.solution-title .title {
		margin: 0;
		padding: 70px 0 100px;
	}

	.solution-title .title h1 strong {
		color: #fff;
		text-shadow: 2px 2px 1px #333; /*add 190213*/
		font-size: 5.0rem;
	}

	.solution-contents {
		margin-top: 70px;
	}

	.solution-contents .copy h2 {
		font-size: 2.6rem;
		font-weight: bold;
		font-style: italic;
		line-height: 1.6;
	}

	.solution-contents .copy p {
		margin-top: 30px;
	}

	.solution-contents .copy .img {
		margin-top: 50px;
	}

	.solution-contents .copy .img img {
		width: 100%;
	}

	.solution-product {
		position: relative;
		margin-top: 65px;
	}

	.solution-product h3 {
		margin-bottom: 10%;
		padding: 15px;
		font-size: 1.8rem;
	}

	.solution-product span {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		width: 35%;
	}

	.solution-product span img {
		width: 100%;
		height: auto;
	}

	.solution-product .product-title {
		position: relative;
		padding-bottom: 25%;
	}

	.solution-product .product-title img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}

	.solution-product.maikuro .product-title img {
		height: 100%;
	}

	.solution-product.fmintegration .product-title img {
		height: 55%;
	}

	.solution-product.fmintegration span {
		top: -20px;
	}

	.solution-product.fine-webs .product-title img {
		height: 75%;
	}

	.solution-product.fine-webs span {
		top: -20px;
	}

	.solution-product.fm-refine .product-title img {
		height: 50%;
	}

	.solution-product.croscope .product-title img {
		height: 65%;
	}

	.solution-product.fm-refine span {
		top: -5px;
	}

	.solution-product.croscope span {
		top: 15px;
	}

	.solution-product.croscope .product-title img {
		height: 65%;
	}

	.solution-product.croscope span {
		top: -5px;
	}

	.solution-product.tatemono .product-title img {
		height: 50%;
	}

	.solution-product.tatemono span {
		top: -15px;
	}


	.solution-product.edge .product-title img {
		height: 90%;
		max-height: 70px;
	}

	.solution-product.edge span {
		top: -30px;
	}

	.solution-product.edge span img {
		width: auto;
		height: 114px;
	}

	.solution-product.vizit .product-title img {
		height: 90%;
		max-height: 56px;
	}

	.solution-product.vizit span {
		top: -20px;
	}

	.solution-product.vizit span img {
		width: 100%;
	}

	.solution-product.hotprofile .product-title img {
		height: 90%;
		max-height: 68px;
	}

	.solution-product.hotprofile span {
		top: -25px;
	}

	.solution-product.hotprofile span img {
		width: 100%;
	}

	.solution-product p {
		margin-top: 20px;
	}

	.solution-product .btn {
		width: 100%;
		margin-top: 20px;
		padding: 15px 80px 15px 15px;
		font-size: 1.8rem;
		text-align: center;
	}

	.solution-product .btn i {
		right: 10px;
	}
}

@media print, screen and (min-width: 768px) and (max-width: 1000px) {
	.solution-product p {
		margin-top: 5px;
	}

	.solution-product h3 {
		margin-bottom: 15px;
	}

	.solution-product span {
		display: block;
		position: relative;
		top: auto;
		right: auto;
		width: auto;
		margin-bottom: 50%;
	}

	.solution-product span img {
		position: absolute;
		right: 0;
		left: 0;
		width: 70%;
		height: auto;
		margin: auto;
	}

	.solution-product .product-title {
		height: 40px;
		margin-bottom: 0;
	}

	.solution-product.maikuro .product-title img {
		height: 30px;
	}


	.solution-product.fmintegration .product-title img {
		height: 20px;
	}

	.solution-product.fmintegration span {
		top: -15px;
	}

	.solution-product.fine-webs .product-title img {
		height: 30px;
	}

	.solution-product.fine-webs span {
		top: -15px;
	}

	.solution-product.fm-refine .product-title img {
		height: 20px;
		margin-top:-5px;
	}

	.solution-product.fm-refine span {
		top: -5px;
	}

	.solution-product.croscope .product-title img {
		height: 30px;
		margin-top:15px;
	}

	.solution-product.croscope span {
		top: -5px;
	}

	.solution-product.tatemono .product-title img {
		height: 22px;
	}

	.solution-product.tatemono span {
		top: -15px;
	}

	.solution-product.edge span {
		top: 0;
	}

	.solution-product.edge span img {
		width: 30%;
		height: auto;
	}

	.solution-product.vizit span {
		top: -10px;
	}

	.solution-product.vizit span img {
		width: 60%;
	}

	.solution-product.hotprofile span {
		top: -5px;
	}

	.solution-product.hotprofile span img {
		width: 60%;
	}

	.solution-product .btn {
		margin-top: 20px;
		padding: 15px;
	}

	.solution-product .btn i {
		position: relative;
		margin-top: 5px;
	}
}

@media print, screen and (min-width: 768px) {
	.solution-link {
		margin-top: 60px;
	}

	.solution-link h2 {
		color: #333;
		font-size: 2.2rem;
	}

	.solution-link p {
		position: relative;
		z-index: 2;
		width: 50%;
		margin-top: 25px;
		font-size: 1.6rem;
	}
}

@media print, screen and (min-width: 768px) and (max-width: 1000px) {
	.solution-link p {
		width: auto;
	}
}

@media print, screen and (min-width: 768px) {
	.solution-link .img {
		position: relative;
		margin-top: -80px;
	}
}

@media print, screen and (min-width: 768px) and (max-width: 1000px) {
	.solution-link .img {
		margin-top: 30px;
	}
}

@media print, screen and (min-width: 768px) {
	.solution-link .img img {
		width: 100%;
	}

	.solution-other {
		margin-top: 50px;
	}

	.solution-other h2 {
		font-size: 2.8rem;
		font-style: italic;
		text-align: center;
	}

	.solution-other .grid-column12 {
		margin-top: 40px;
	}

	.solution-btn {
		margin-top: 50px;
		/*
		.contact {
			vertical-align: bottom;
			margin-left: 20px;
			display: inline-block;
			img {
				height: 71px;
			}
		}*/;
	}

	.solution-btn .btn {
		font-size: 2rem;
	}
}

@media print, screen and (max-width: 767px) {
	.solution-title {
		background: url('/img/solution/bg-solution.jpg') no-repeat center;
		background-size: cover;
	}

	.solution-title .title {
		margin: 0;
		padding: 35px 0 55px;
	}

	.solution-title .title h1 strong {
		color: #fff;
		text-shadow: 1px 1px 1px #333; /*add 190213*/
		font-size: 2.5rem;
	}

	.solution-contents {
		margin-top: 25px;
	}

	.solution-contents .copy h2 {
		font-size: 1.6rem;
		font-style: italic;
		line-height: 1.6;
	}

	.solution-contents .copy p {
		margin-top: 10px;
		font-size: 1.1rem;
	}

	.solution-contents .copy .img {
		margin-top: 25px;
	}

	.solution-contents .copy .img img {
		width: 100%;
		height: auto;
	}

	.solution-contents .grid {
		margin-top: 20px;
	}

	.solution-product {
		position: relative;
	}

	.solution-product h3 {
		margin-bottom: 15px;
		padding: 10px;
		font-size: 1.0rem;
	}

	.solution-product span {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
	}

	.solution-product .product-title {
		position: relative;
		height: 30px;
		margin-bottom: 10px;
	}

	.solution-product .product-title img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: auto;
		margin: auto;
	}

	.solution-product.maikuro span {
		top: -2px;
	}

	.solution-product.maikuro span img {
		height: 47px;
	}

	.solution-product.maikuro .product-title img {
		height: 30px;
	}

	.solution-product.fmintegration span {
		top: -5px;
	}

	.solution-product.fmintegration span img {
		height: 52px;
	}

	.solution-product.fmintegration .product-title img {
		height: 20px;
	}

	.solution-product.fine-webs span {
		top: -5px;
	}

	.solution-product.fine-webs span img {
		height: 52px;
	}

	.solution-product.fine-webs .product-title img {
		height: 28px;
	}

	.solution-product.fm-refine span {
		top: -5px;
	}

	.solution-product.fm-refine span img {
		height: 42px;
	}

	.solution-product.fm-refine .product-title img {
		height: 18px;
	}

	.solution-product.croscope .product-title img {
		height: 28px;
	}

	.solution-product.croscope span {
		top: -5px;
	}

	.solution-product.croscope span img {
		height: 42px;
	}

	.solution-product.croscope .product-title img {
		height: 30px;
	}

	.solution-product.tatemono span {
		top: -5px;
	}

	.solution-product.tatemono span img {
		height: 50px;
	}

	.solution-product.tatemono .product-title img {
		height: 20px;
	}

	.solution-product.edge span {
		top: -15px;
	}

	.solution-product.edge span img {
		height: 52px;
	}

	.solution-product.edge .product-title img {
		height: 35px;
	}

	.solution-product.vizit span {
		top: -15px;
	}

	.solution-product.vizit span img {
		height: 52px;
	}

	.solution-product.vizit .product-title img {
		height: 30px;
	}

	.solution-product.hotprofile span {
		top: -15px;
	}

	.solution-product.hotprofile span img {
		height: 52px;
	}

	.solution-product.hotprofile .product-title img {
		height: 34px;
	}

	.solution-product p {
		font-size: 1.1rem;
	}

	.solution-product .btn {
		width: 100%;
		margin-top: 10px;
		padding: 10px;
		font-size: 1.2rem;
		text-align: left;
	}

	.solution-product .btn i {
		right: 10px;
		background-position: right;
	}

	.solution-link {
		margin-top: 25px;
	}

	.solution-link h2 {
		padding: 15px;
		color: #333;
		font-size: 1.4rem;
	}

	.solution-link p {
		position: relative;
		z-index: 2;
		margin-top: 10px;
		font-size: 1.1rem;
	}

	.solution-link .img {
		margin-top: 25px;
	}

	.solution-link .img img {
		width: 100%;
	}

	.solution-other {
		margin-top: 25px;
	}

	.solution-other h2 {
		font-size: 1.6rem;
		font-weight: bold;
		font-style: italic;
		text-align: center;
	}

	.solution-other .grid {
		margin-top: 30px;
	}

	.solution-other .grid-column12 p {
		font-size: 1.1rem;
	}

	.solution-btn {
		margin-top: 30px;
	}

	.solution-btn .contact {
		display: inline-block;
		vertical-align: bottom;
	}

	.solution-btn .contact img {
		width: 100%;
	}
}