@charset "utf-8";
/* CSS Document */

.container{
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}


.container .image{
	margin: 0 0 50px;
}
.container .image img{
	max-width: 100%;
}


.trademark .note{
	max-width: 500px;
	margin: 0 auto;
	text-align: justify;
	text-align-last: left;
}
.trademark-list{
	margin: 50px auto 0;
}

.trademark-list li{
	margin: 0 auto 30px;
}
.trademark-list .name{
	line-height: 2;
	/*calc((文字サイズの最大値 - 文字サイズの最小値) * ((100vw - 画面幅の最小値px) / (画面幅の最大値 - 画面幅の最小値)) + 文字サイズの最小値px);*/
	font-size: calc((24 - 20) * ((100vw - 320px) / (1000 - 320)) + 20px);
}
/* Safari 7.1+ に適用される（ブラウザをリサイズした際にvwの値が再計算されないバグ対策 */
_::-webkit-full-page-media, _:future, :root, body {
  -webkit-animation: safariFix 1s forwards infinite;
}

.trademark-list .number{
	color: var(--base-color02);
}


.trademark .gallery{
	display: flex;
	justify-content: space-between;
	width: 810px;
	flex-wrap: wrap;
	margin: 0 auto;
}
.trademark .gallery img{
	margin-bottom: 10px;
}


@media screen and (max-width: 1024px) {
	.trademark .gallery{
        width: 610px;
    }
	.trademark .gallery img{
        width: 300px;
    }
}


@media screen and (max-width: 996px) {

}

@media screen and (max-width: 840px) {

	.trademark .gallery{
        width: 510px;
    }
	.trademark .gallery img{
        width: 250px;
    }	
	
	
}


@media screen and (max-width: 740px) {

	.trademark .gallery{
        width: 100%;
		justify-content: center;
    }
	.trademark .gallery img{
        width: 300px;
    }
	
}




@media screen and (max-width: 480px) {
	.container .image{
    margin: 0 0 20px;
  }

}