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

:root {
  --base-color01: #edf1f3; /*ライトグレー*/
  --base-color02: #015db2; /*濃い青*/
  --base-color03: #05215c; /*紺色*/
}

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


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

.container .slogan{
	width: 80%;
	margin: 0 auto 50px;
	padding: 0 0 50px;
	border-bottom: 1px dashed var(--base-color02);
}
.container strong{
	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;
}



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


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

}

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


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