@charset "UTF-8";
/*---------- PC表示スタイリング
幅769pxからの指定 ----------*/
@media screen and (min-width: 769px) {
.sp-view{
	display: none !important;
}
.top-main-area{
	width:95%;
	margin:0 auto;
	position:relative;
}
.slick__bg {
	padding-bottom: 860px;
	background-size: cover;
	background-repeat: no-repeat;
}
.slick__bg01 {
	background: url("/img/top/bg-topmain-slide-01-min.png") center center no-repeat;
}
.slick__bg02 {
	background: url("/img/top/bg-topmain-slide-02-s2-min.png") center center no-repeat;
}
.top-main-area .main-v-area{
	width:100%;
	padding:0;
	text-align:center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.top-main-area .main-v-area .txt-img{
	padding:0 0 24px;
}
.top-main-area .main-v-area .main-btn{
	padding:16px;
	border:2px solid #1c1c3a;
	color:#1c1c3a;
	display:inline-block;
	width:420px;
	font-size:17px;
	font-weight: bold;
	text-align:center;
	border-radius:100vh;
	text-decoration:none;
	position: relative;
	background:#fff;
}
.top-main-area .main-v-area .main-btn::after {
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\f105";
	position: absolute;
	font-size:13px;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 16px;
	color:#1c1c3a;
}
.top-main-area .main-v-area .main-btn:hover{
	border:2px solid #ff5f2f;
	color:#ff5f2f;
}
.top-main-area .main-v-area .main-btn:hover::after {
	color:#ff5f2f;
}
}
/*===========================================================================*/
/*  media quary:767px  */
/*===========================================================================*/
@media screen and (max-width: 768px) {
.pc-view {
	display: none !important;
}
.top-main-area{
	width:100%;
	padding:16px;
	text-align:center;
}
.slick__bg {
	padding-bottom: 800px;
	background-size: cover;
	background-repeat: no-repeat;
}
.top-main-area .main-btn{
	width:85%;
	max-width:380px;
	font-size:15px;
	margin-top:16px;
	padding:16px;
	border:2px solid #1c1c3a;
	color:#1c1c3a;
	display:inline-block;
	font-weight: bold;
	text-align:center;
	border-radius:100vh;
	text-decoration:none;
	position: relative;
	background:#fff;
}
.top-main-area .main-btn::after {
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\f105";
	position: absolute;
	font-size:13px;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 16px;
	color:#1c1c3a;
}
.top-main-area .main-btn:hover{
	border:2px solid #ff5f2f;
	color:#ff5f2f;
}
.top-main-area .main-btn:hover::after {
	color:#ff5f2f;
}
}