@charset "utf-8";

/* トロフィー全体枠 - 375px */
.trotab {
	width: 315px;
	padding: 10px;
	background-color: #222;
	border-collapse: separate;
	border-radius: 20px;
}

/* トロフィーアイコン枠 - 375px（70 px）*/
.troico {
	width: 50px;
	padding: 10px;
	text-align: center;
}

/* トロフィーアイコン枠の画像サイズ - 375px（50 px）*/
.troico img {
	width: 50px;
	height: 50px;
}

/* トロフィー説明枠 - 375px（200 px）*/
.trose2 {
	width: 180px;
	font-size: 16px;
	padding: 10px;
	font-weight: 500;
	text-align: left;
}

/* トロフィー種類枠 - 375px（45 px）*/
.trotro {
	width: 25px;
	padding: 10px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

/* トロフィー種類画像 - 375px */
.trotro img {
	width: 24px;
	height: 24px;
}

/* アブソリュート - 共通 */
.abs {
	position: absolute;
	right: 0;
	bottom: 0;
}

/* 画像640重ね */
.rel640 {
	position: relative;
	width: 640px;
}

/* 100サイズ画像重ね - 375px */
.rel100 {
	position: relative;
	width: 50px;
}

/* 48サイズ画像重ね - 375px */
.rel48 {
	position: relative;
	width: 24px;
}

/* トロフィー枠内の説明文 - 375px*/
.qmini {
	font-size: 12px;
	color:#888;
}

/* 実績の数字 - 375px*/
.qmini2 {
	font-size: 10px;
}

/* ■■■■■■■■■■■■■■■■■■700px■■■■■■■■■■■■■■■■■■ */
@media screen and (min-width:700px) {

/* トロフィー全体枠 - 700px */
.trotab {
	width: 640px;
}

/* トロフィーアイコン枠 - 700px */
.troico {
	width: 100px;
}

/* トロフィーアイコン枠の画像サイズ - 700px */
.troico img {
	width: 100px;
	height: 100px;
}

/* トロフィー説明枠 - 700px */
.trose2 {
	width: 430px;
	font-size: 18px;
}

/* トロフィー種類枠 - 700px */
.trotro {
	width: 50px;
	height: 50px;
	font-size: 14px;
}

/* トロフィー種類画像 - 700px */
.trotro img {
	width: 48px;
	height: 48px;
}

/* トロフィー重ね - 700px */
.rel100 {
	width: 100px;
}

/* トロフィー種類重ね - 700px */
.rel48 {
	width: 48px;
}

/* トロフィー枠内の説明文 - 700px */
.qmini {
	font-size: 14px;
}

/* 実績の数字 - 700px*/
.qmini2 {
	font-size: 12px;
}

}