@charset "UTF-8";

/*MVタイトル*/
.mv-page__sec-handy-sp {
	display: none;
}

.mv-page__sec-handy-pc {
	display: block;
}

.sec-handy__content {
	width: 100%;
	position: relative;
}

.sec-handy__mt {
	margin-top: 60px;
}

.sec-handy__content-inner {
	max-width: 760px;
	width: 100%;
	margin: 0 auto;
}


.sec-handy__content-item {
	display: flex;
	position: relative;
	margin-left: -6px;
}

.sec-handy__content-ttl {
	width: 100%;
	max-width: 396px;
	font-size: 3.8rem;
	color: #FFFFFF;
	font-weight: 800;
	line-height: calc(51 / 38);
	background-color: #00BBFF;
	border-radius: 100px;
	padding: 17px 46px;
	position: absolute;
	top: 0;
	right: 20px;
}

.sec-handy__content-img {
	width: calc(450 / 760 * 100%);
}

/*テキスト*/
.sec-handy__content-txt p {
	font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 1.8rem;
	color: #000000;
	font-weight: 400;
	line-height: calc(36 / 18);
	letter-spacing: 0em;
	text-align: left;
	white-space: nowrap;
}

.sec-handy__content-txt-inner {
	padding-top: 108px;
}

/*テキストリンク*/
.sec-handy__content-link {
	color: #00BBFF;
	text-decoration: underline;
}

.sec-handy__content-txt {
	width: fit-content;
	margin-left: 10px;
}

.sec-handy__content-inner {
	width: 100%;
}

.sec-handy__first-top {
	padding-top: 166px;
}

.sec-handy__content-pt {
	padding-top: 60px;
}

.sec-handy__content-pb {
	padding-bottom: 150px;
}

@media screen and (max-width: 834px) {
	.sec-handy__first-top {
		padding-top: 76px;
	}

	.sec-handy__content-pt {
		padding-top: 50px;
	}

	.sec-handy__content-pb {
		padding-bottom: 100px;
	}

	.sec-handy__content {
		max-width: initial;
		width: 100%;
	}

	/*MVタイトル*/
	.mv-page__sec-handy-sp {
		display: block;
	}

	.mv-page__sec-handy-pc {
		display: none;
	}

	.sec-handy__content-item {
		display: flex;
		position: relative;
		flex-direction: column;
		margin-left: initial;
	}

	.sec-handy__content-txt-inner {
		padding-top: 13px;
	}

	/*コンテンツタイトル*/
	.sec-handy__content-ttl {
		width: fit-content;
		max-width: initial;
		font-size: 2.4rem;
		color: #FFFFFF;
		font-weight: 800;
		line-height: calc(25 / 24);
		background-color: #00BBFF;
		border-radius: 100px;
		padding: 14.5px 28px;
		position: absolute;
		top: 0;
		right: initial;
		left: 0;
		white-space: nowrap;
		font-family: 'M PLUS Rounded 1c', sans-serif;
	}

	/*画像*/
	.sec-handy__content-img {
		width: 100%;
		max-width: initial;
		margin: 0 auto;
		padding-top: 40px;
	}

	.sec-handy__content-txt {
		width: fit-content;
		margin-left: initial;
	}

	/*テキスト*/
	.sec-handy__content-txt p {
		font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
		font-size: 1.5rem;
		color: #000000;
		font-weight: 400;
		line-height: calc(28 / 15);
		letter-spacing: 0em;
		text-align: left;
		white-space: nowrap;
	}
}


@media screen and (min-width: 501px) {

	.top-content__mark #mark-08 {
		top: 84vw;
		left: 81.528571vw;
	}

	.top-content__mark #mark-09 {
		top: 84.214286vw;
		left: 9.428571vw;
	}

	.top-content__mark #mark-10 {
		top: 20.214286vw;
		left: 70.428571vw;
		width: 11.714286vw;
	}

}


@media screen and (max-width: 500px) {

	.top-content__mark #mark-08 {
		top: 73vw;
		left: 78.528571vw;
	}

	.top-content__mark #mark-09 {
		top: 75.214286vw;
		left: 3.428571vw;
	}

	.top-content__mark #mark-10 {
		top: 8.214286vw;
		left: 6.428571vw;
		width: 18.714286vw;
	}

}

@media screen and (max-width: 500px) {
	.sec-handy__content-img {
		width: 300px;
		margin: initial;
		margin-right: -14px;
	}
}