@charset "UTF-8";
/* CSS Document */
html, body, header, main, footer, div, p{
	margin: 0;
	padding: 0;
	line-height: 1;
	box-sizing: border-box;
}
img{
	vertical-align: middle;
}
h1,h2,h3,h4{
	color: #333;
}
p,li{
	font-family: "Meiryo UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN","Yu Gothic UI", "MS PGothic", sans-serif;
	color: #333;
}
#contents{
	margin-left: auto;
	margin-right:auto;
}
.bk{
	position: relative;
	width: 100%;	
	background-size:100% auto;
	background-repeat: no-repeat;
	background-position: center top;
}
.bk:before{
	content:"";
	display: block;
}
/*====================*/
/* スライスした画像を設置 */
/*====================*/
.part01{
	background-image: url("images/header_01.webp");
}
.part01:before{
	padding-top: 130.6%;
}
.part02{
	background-image: url("images/02.webp");
}
.part02:before{
	padding-top: 132%;
}
.part03{
	background-image: url("images/03.webp");
}
.part03:before{
	padding-top: 142.8%;
}
.part04{
	background-image: url("images/04.webp");
}
.part04:before{
	padding-top: 162.6%;
}
.part05{
	background-image: url("images/05.webp");
}
.part05:before{
	padding-top: 133.2%;
}

.part06{
	background-image: url("images/06.webp");
}
.part06:before{
	padding-top: 67.8%;
}


/*================*/
/*　CTABtnの書式　　*/
/*================*/
.partCTA{
	background-color: #fff;
}
.paddingA{
	padding-top: 80px;
	padding-bottom: 80px;
}
.CTABtn{
	text-align: center;
}
.CTABtn img{
	width: 80%;
}
/*=====================*/
/*　フッターエリアの書式　*/
/*====================*/
footer{
	padding-bottom:20px;
	padding-top:60px;
	text-align: center;
	vertical-align: middle;
}
footer small{
	letter-spacing: 1px;
}
footer small span{
	font-size: 16px;
	vertical-align: middle;
}
footer p{
	line-height: 1.57em;
}
.lawList{
	text-align: center;
	margin: 0;
	list-style: none;
	padding-left: 0;
}
.lawList li{
	display: inline-block;
	font-size: 14px;
	padding: 10px 10px;
}
.lawList li a{
	color: #333;
}
.lawList li a:hover,.lawList li a:active{
	text-decoration: underline;
}
/*=======================================*/
/*　表示画面サイズが1000px以上のときの書式設定　*/
/*=======================================*/
@media screen and (min-width: 1000px) {
	#contents{
		max-width: 1000px;
		margin: 0 auto;
	}
	footer small,footer li a{
		font-size: 14px;
	}
	footer small span{
		font-size: 20px;
		vertical-align:middle;
	}
	footer small{
		letter-spacing: 1px;
	}
	.bk{
		background-size: contain;
	}
}

/*========================*/
/*　　 CTAボタンを動かす　　　*/
/*========================*/
.ActionBtn img{
	animation: my-blink 1.2s ease 1s infinite;
	-webkit-animation: blink 1.2s ease 1s infinite;
}
@-ms-keyframes my-blink {
	0% {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
	}
	50% {
	-webkit-transform:scale(0.95);
	-moz-transform:scale(0.95);
	-o-transform:scale(0.95);
	-ms-transform:scale(0.95);
	transform:scale(0.95)
	}
	to {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
	}
}
@-webkit-keyframes blink {
	0% {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1) }
	50% {
	-webkit-transform:scale(0.95);
	-moz-transform:scale(0.95);
	-o-transform:scale(0.95);
	-ms-transform:scale(0.95);
	transform:scale(0.95) }
	to {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1) 
	}
}
@-moz-keyframes blink {
	0% {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1) }
	50% {
	-webkit-transform:scale(0.95);
	-moz-transform:scale(0.95);
	-o-transform:scale(0.95);
	-ms-transform:scale(0.95);
	transform:scale(0.95) }
	to {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
	}
}
@keyframes blink {
	0% {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
	}
	50% {
	-webkit-transform:scale(0.95);
	-moz-transform:scale(0.95);
	-o-transform:scale(0.95);
	-ms-transform:scale(0.95);
	transform:scale(0.95)
	}
	to {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
	}
}
/*===== END CTAボタンを動かす =====*/