@charset "utf-8";
body {
	font: normal 19px/1.7 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	text-align: left;
	color:#000;
	text-align: justify;
	overflow-x: hidden;
}

/* 画像は全て幅100％表示設定 */
img {
	width: 100%;
	height: auto;
}

body{
	background-color: #fff;
}

.fv-pic{
	background-image: url(../images/fv-pc-bg.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-align: center;
}

.fv-pic img {
	max-width: 800px;
}

.contents{
	max-width: 800px;
	margin: 0 auto;
	background-color: #fff;
	overflow-x: hidden;
}

@media screen and (max-width: 599px){
	body{
		background-color: #fff;
		font-size: 15px;
	}

	.contents{
		width: 100%;
		background-color: #fff;
	}

	}

/* ボタンエリア */
.btnarea01{
	position: relative;
}

.btnarea01 {
  position: relative;
  width: 100%;
  max-width: 1200px; /* 任意：PCでの最大幅 */
  margin: 0 auto;
  background: url('../images/cta.jpg') no-repeat center top;
  background-size: 100% auto; /* 横幅いっぱい */
  text-align: center;
  padding: 40px 0; /* 上下余白 */
}

/* ボタン画像 */
.btnarea01 .btn {
  display: inline-block;
  /* max-width: 300px; PCでのボタンサイズ */
  width: 80%;       /* 画面幅に応じて縮む */
	margin-top: 17%;
	animation: poyopoyo 2s ease-out infinite;
}

/* スマホ調整 */
@media screen and (max-width: 599px) {
  .btnarea01 {
    background-size: 100% auto;  /* 横幅を基準に縮小 */
    background-position: center top;
    padding: 20px 0; /* 上下余白を少し小さく */
  }

  .btnarea01 .btn {
    max-width: 90%;  /* スマホでは大きめに表示 */
    width: 85%;
		margin-top: 18%;
  }
}

@keyframes poyopoyo{
	0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}

/* フッター */
footer{
	background-color: #fff;
	color: #1A1A1A;
	padding: 24px 0;
	text-align: center;
}

.footer_link{
	display: flex;
		justify-content: center;
	line-height: 1;
	margin-bottom: 8px;
}

footer a{
	color: #1A1A1A;
}
footer a:first-of-type{
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #fff;
}