@charset "UTF-8";

@media (max-width: 1097px) and (min-width: 769px) {
	#main .content p {
	    padding-right: 0;
	}
}

@media (max-width: 920px) and (min-width: 769px) {
	#main .content .pop .col3 > li {
		width: 31.3%;
		margin-left: 2.1vw;
	}
	#main .content .pop .col3 > li img {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 897px) and (min-width: 769px) {
	#main .content p {
		font-size: 1.45vw;
	}
	#main .content .point p {
		letter-spacing: -0.5px;
	}
	#main .content .corner.p35 .col2 > div {
	    width: 48.72%;
	}

	#main .content .corner.p35 .col2 .fltR {
		width: 48.73%;
	}
	#main .content .corner.p35 a.more {
		bottom: 0;
		padding: 12px 8px;
	}
	#main .content .corner h4 img {
		width: 4.47vw;
		height: auto;
	}
	#main .content .corner h4 img + img {
		width: 28.46vw;
	}

	#main .content .thumbs img {
		width: 19vw;
		height: auto;
	}
	#main .content .thumbs > img {
		margin-left: 1.3vw;
	}

}

/*SP STYLE*/
@media (max-width: 768px) {
	#main .content h3 img, 
	#main .content h4 img {
		min-width: 290px;
		max-width: 100%;
		height: auto;
	}

	#main .content strong img {
		max-width: 100%;
		height: auto;
	}
	#main .content p {
		/*font-size: 11px;*/
	}
	#main .content .corner.p35 .col2 > div {
		width: 100%;
	}
	#main .content .corner.p35 .col2 .fltR {
		width: 100%;
		margin-top: 10px;
	}
	#main .content .corner {
		padding: 20px 4% !important;
	}
	#main .content .corner + .corner {
		margin-top: 40px;
	}
	#main .content .corner h4 img {
		width: 30px;
		min-width: auto;
		height: auto;
	}
	#main .content .corner h4 img + img {
	    width: auto;
	}

	#main .content .pop.narrow {
	    margin: 40px auto;
	    padding: 20px 4%;
	}
	#main .content .pop img.fltR {
    	width: 40%;
	    margin-left: 15px;
    	margin-top: 15px;
	}

	#main .content .thumbs {
		margin: 10px 0 0;
	}
	#main .content .thumbs img {
		width: 48%;
	}

	#main .content .corner.p35 a.more {
	    padding: 12px 8px;
	    bottom: -15px;
	    right: -4%;
	}
	#main .content .pop {
	    margin: 60px auto 30px;
	    padding: 20px 4%;
	}
	#main .content .pop .col3 > li {
		width: 32.6%;
		margin-left: 1%;
	}
	#main .content .pop .col3 > li img {
		width: 100%;
		height: auto;
	}
}