@charset "utf-8";


body {
	/* font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	/* font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;

	font-size:125%;/* 20px */
	line-height:1.8;
	background: url(../images/bg1.png) #f5f5f5 fixed;
	color: #333;
	letter-spacing: 0.1em;
	
	font-feature-settings: "palt";
	text-align: justify;

}



/*******+++++++ 見出し +++++++*******/
img {
	display:block; /*	ブロック要素としてふるまう：中揃えで表示	*/
	margin:0 auto;
	max-width: 100%;
}

			/*******+++++++ フォントサイズ +++++++*******/


			/*******+++++++	PC・スマホ改行設定	++++++++*******/
			/*******+++++++ pc版が表示 +++++++*******/


footer {
	margin:0 auto;
	/* padding:20px 0; */
	background: #f9f3e0;
	color: #333333;
	text-align:center;
	font-size: smaller;
}

footer a {
	color:#333333;
	text-decoration:underline;
}

address {
	font-style:normal;
}


/*******+++++++ form PC +++++++*******/

/***↓↓↓  ボタン激しいドクンどくん ↓↓↓***/
  @keyframes btn-animation-f {
	0%  { transform: scale(1); }
	15% { transform: scale(1.2); }
	30% { transform: scale(1); }
	45% { transform: scale(1.2); }
	70% { transform: scale(1); }
  }

/***↓↓↓  ボタン優しいドクンどくん ↓↓↓***/
	@keyframes btn-animation-f {
		0% {transform: scale(0.95);}
		50% {transform: scale(1.0);}
		100% {transform: scale(0.95);}
	}


.form {
	margin: 0 auto;
	padding: 4.5vw 0 4.5vw;
	background: url(../images/bg_form.png) no-repeat;
}


a.btn {
	display: block;
	margin: 0 auto;
	width: 660px;
	max-width: 96vw;
	/* aspect-ratio: 760/170; */
	aspect-ratio: 660/135;
	background: url(../images/button.png) no-repeat;
	background-size: 100%;
	text-indent: -9999px;
	animation-name: btn-animation-f;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-delay: 0.6s;
	filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
}


/* .btn:hover {
	animation-duration:0.8s;	
} */

.btn:hover {
	filter: brightness(120%);
	filter: brightness(105%);
}



/***	常時表示ボタン設定	***/

.flbtn {
	position: fixed;
	bottom: 0.5em;
	right: 0.5em;
}

.flbtn a {
	display: block;
	width: 336px;
	height: 81px;
	background: url(../images/button.png) no-repeat;
	background-size: 100%;
	text-indent: -9999px;

	animation-name: btn-animation-f;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-delay: 0.6s;

	filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
}


/*******+++++++ 特商法／プラポリ +++++++*******/

.tb01{
	width:720px;
	margin:30px auto 30px;
	background:#ccc;
}
.tb01 .title{
	border-top-width: 1px;
	border-top-style: solid;

	border-top-color: #FFFFFF;
	background-color:#EBEBEB;
	padding:6px;
	width:25%;
}
.tb01 td{
	font-size: 12px;
	vertical-align: top;
	background-color:#FFFFFF;
	padding:6px;
}

.law #wrapper {
	margin: 0 auto 2em;
	padding: 3em;
	width: 800px;
	background: #fff;
	max-width: 100%;
	font-size: 75%;
}

.law #wrapper h2 {
	font-size: 2em;
}

.law #wrapper h3 {
	margin-top: 2em;
	font-size: 1.25em;
}

.law #wrapper h4 {
	margin-top: 2em;
}



/********+++++++ 中心の白帯 +++++++*******/	

#wrapper {
    margin: 0 auto;
    background: url(../images/bg_wrapper.png) center center repeat-y;
	box-shadow: 0 1px 20px rgba(0, 0, 0, 0.3);
	width: 750px;
	max-width: 100vw;
}

/********+++++++ 画像 PC +++++++*******/	

.con_gazou {
	margin: 0 auto;
	width: 750px;
	max-width: 96vw;
}

			/*******+++++++ PC・SP切り替え +++++++*******/


			/*******+++++++ スマホ用表示 +++++++*******/
@media screen and (max-width: 599px) {

/********+++++++ フッターフォントサイズ SP +++++++*******/	
	body {
		font-size: 4.5vw;
	}



	/********+++++++ 画像 SP +++++++*******/	

	.con_gazou {
		margin: 0 auto;
		width: 750px;
		/* max-width: 96vw; */
		max-width: 100vw;
	}

	/* *******+++++++ フォーム SP +++++++******	 */

	a.btn {
		display: block;
		margin: 0 auto;
		width: 660px;
		/* max-width: 96vw; */
		max-width: 90vw;
		aspect-ratio: 660/135;
		background: url(../images/button.png) no-repeat;
		background-size: 100%;
		text-indent: -9999px;
		animation-name: btn-animation-f;
		animation-iteration-count: infinite;
		animation-duration: 2s;
		animation-delay: 0.6s;
		filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
	}

	.flbtn {
		margin: 0 auto;
	}

	.flbtn a {
		width: 96vw;
		height: calc( ( 135 / 660 ) * 100vw );
	}




	/* *******+++++++ プラポリ SP +++++++******	 */


}