@charset "UTF-8";

.cr .content-area .col-1 p span, .cr .content-area .col-2 p span, .content-area .col-3 p span {
	font-size: 90%;}

.cr .content-area .col-1 p span strong, .cr .content-area .col-2 p span strong, .content-area .col-3 p span strong {
	color:#071C31;
	font-size: 1.2em;
	font-weight: 300;
}

.content-area .col-3 {margin-bottom: 60px; }
.cr .content-area .col-1 p, .cr .content-area .col-2 p, .content-area .col-3 p {
	width: 300px;
	margin: 30px auto;
	text-align: center;
}
.content-area .col-3 p img {margin-top: 60px; }


/* ==================
		PC
================== */
@media screen and (min-width: 768px), print {

.cr .content-area .col-2 p {
	display: inline-block!important;
	width: 100%/2 !important;
	margin-right: 0;
	vertical-align: top;
}
.content-area .col-3 p {
	display: inline-block!important;
	width: 100%/3 !important;
	margin: 0 !important;
	vertical-align: top;
}
.cr .content-area .col-1 p img, .cr .content-area .col-2 p img, .content-area .col-3 p img {
	width: 100%;
	max-width: 300px;
	margin: 45px auto 0;
}
	
.modelselect .content-area .col-2 p:nth-of-type(even) {border-left: 1px solid #ccc}
.modelselect .cr .content-area .col-2 p img {max-width: 400px;transition: transform .6s ease;}
.modelselect .cr .content-area .col-2 p img:hover {transform: scale(1.05);}
}