@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300&family=Noto+Sans+JP&family=Shippori+Mincho+B1&display=swap');

html {
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	scroll-behavior: smooth;
	font-size: 62.5%; /*ベースを10pxにしています*/
}

	@media screen and (max-width:1240px){
		html{
			font-size: 56.25%;/*ベースを9pxにしています*/
		}
}
	@media screen and (max-width:768px){
		html{
			font-size: 50%;/*ベースを8pxにしています*/
		}
}
body{
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	max-width: 1920px;
	margin: 0 auto;
}
p, a, li, dt, dd, h2, h3, h4, span{
	color: #000;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;/*Medium 500*/
	line-height: 1.2;
}
a{
	text-decoration: none;
}

.wrap_container{
	width: 100%;
	margin: 0 auto;
	background-color: #e3ebe3;
}
.wrap_container img{
	width: 100%;
	max-width: 730px;
}
.wrap_container{
	text-align: center;
}
.pic01,
.pic09 {
	position: relative;
}
.cta_btn{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5%;
	margin: 0 auto;
}
.cta_btn02{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 7%;
	margin: 0 auto;
}

.cta_btn a,
.cta_btn02 a{
	width: 90%;
	margin: 0 auto;
	display: block;
}
.wrap_container .cta_btn img{
	max-width: 670px;
	min-width: 315px;
}
.wrap_container .cta_btn02 img{
	max-width: 670px;
	min-width: 315px;
}



/*ホバーアクション*/
a{
	transition: all .4s;
}

a:hover{
	transition: transform .4s;
	transform: scale(0.98);
}