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

/*===================================
	.main_visual
=====================================*/

.main_visual{
	width: 100%;
	position: relative;
}

.main_visual::before{
	content: '';
	display: inline-block;
	background: url("images/top/sp-main_bg.webp");
	background-size: cover;
	background-position: center top;
	aspect-ratio: 720 / 997;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.main_visual .main_inner{
	width: 100%;
	padding: 47px 0 0;
	position: relative;
}

.main_visual .main_inner::before{
	content: '';
	display: inline-block;
	background: url("images/top/sp-main_parts01.webp")no-repeat;
	background-size: cover;
	width: 63.6111%;/*458*/
	aspect-ratio: 458 / 74;
	position: absolute;
	top: 180px;
	right: -26.3888%;/*-190*/
	z-index: -1;
}

.main_visual .main_inner h1.main_catch{
	width: 100%;
	position: relative;
	z-index: 1;
}

.main_visual .main_inner h1.main_catch::before{
	content: '';
	display: inline-block;
	background: url("images/top/left-parts02.webp")no-repeat;
	background-size: cover;
	width: 25.6944%;/*185*/
	aspect-ratio: 185 / 537;
	position: absolute;
	top: 145px;
	left: 8.3333%;/*60*/
	z-index: -1;
}

.main_visual .main_inner h1.main_catch img{
	width: 100%;
	height: auto;
}

/*===================================
	.block01
=====================================*/

.block01{
	padding-top: 24px;
	position: relative;
	z-index: 1;
}

.block01::before{
	content: '';
	display: inline-block;
	background: url("images/top/sp-b01-bg.webp")no-repeat;
	background-size: cover;
	width: 100%;
	aspect-ratio: 720 / 317;
	position: absolute;
	top: -8px;
	left: 0;
	z-index: -1;
}

.block01 .block_inner{
	width: 86.1111%;/*620*/
	margin: 0 auto;
}

.block01 .block_inner .large_btn{
	width: 100%;
}

.block01 .block_inner .large_btn a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 60px;
	border: 1px solid #000;
	background: url("images/top/link_ico-wh.webp")no-repeat #f74701 right 8.0645% center;/*51*/
	background-size: 8px auto;
	border-radius: 0.793rem;
	font-size: 1.6rem;
	line-height: 1;
	color: #fff;
	padding-left: 22.0967%;/*137*/
	box-sizing: border-box;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);
}


.block01 .block_inner .flex_area{
	width: 100%;
	display: flex;
	flex-direction: column-reverse;
	margin-top: 72px;
	position: relative;
}

.block01 .block_inner .flex_area .left_area{
	width: 97.5806%;/*605*/
	margin-top: 36px;
}

.block01 .block_inner .flex_area .left_area img{
	width: 100%;
	height: auto;
}

.block01 .block_inner .flex_area .right_area{
	width: 100%;
}

.block01 .block_inner .flex_area .right_area h2{
	width: 66.9354%;/*415*/
}

.block01 .block_inner .flex_area .right_area h2 img{
	width: 100%;
	height: auto;
}

.block01 .block_inner .flex_area .right_area .txt_area{
	margin-top: 24px;
}

.block01 .block_inner .flex_area .right_area .txt_area p{
	font-size: 1.35rem;
	line-height: 1.8518;
	color: #333333;
	text-align: justify;
}

/*===================================
	.block02
=====================================*/

.block02{
	padding: 63px 0 82px;
	position: relative;
	z-index: 1;
}

.block02 .block_inner{
	width: 86.1111%;/*620*/
	margin: 0 auto;
}

.block02 .block_inner h2.kirapos_midashi02{
	font-size: 1.65rem;
	line-height: 1.3030;
	letter-spacing: 0.05em;
	color: #f74701;
	text-align: center;
	position: relative;
}

.block02 .block_inner h2.kirapos_midashi02::before{
	content: '';
	display: inline-block;
	background: url("images/top/sp-line01.webp")no-repeat;
	background-size: cover;
	width: 83.0645%;/*515*/
	aspect-ratio: 515 / 90;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.block02 .block_inner .detail_area{
	margin-top: 16px;
	width: 100%;
	border: 0.15rem solid #ff2501;
	border-radius: 10px;
	padding: 24px 0;
	box-sizing: border-box;
}

.block02 .block_inner .detail_area p.large_txt{
	font-size: 1.5rem;
	line-height: 1.8423;
	color: #000000;
	text-align: center;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: #000;
	text-underline-offset: 5px;
}

.block02 .block_inner .detail_area p.large_txt span{
	color: #f74701;
}

.block02 .block_inner .detail_area .txt_area{
	width: 88.7096%;/*550*/
	margin: 29px auto 0;
}

.block02 .block_inner .detail_area .txt_area p.small_txt{
	font-size: 1.35rem;
	line-height: 1.8518;
	text-align: justify;
	color: #333333;
}

.block02 .block_inner .large_btn{
	width: 100%;
	margin: 21px auto 0;
}

.block02 .block_inner .large_btn a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 60px;
	border: 1px solid #000;
	background: url("images/top/link_ico-wh.webp")no-repeat #f74701 right 8.0645% center;/*51*/
	background-size: 8px auto;
	border-radius: 0.793rem;
	font-size: 1.6rem;
	line-height: 1;
	color: #fff;
	padding-left: 22.0967%;/*137*/
	box-sizing: border-box;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);
}