@charset "UTF-8";

.beginner .content {
	padding: 0;
}
.mainVisualWrap {
	height: 316px;
	background-image: url(../img/beginner/mainview_human.webp),url(../img/beginner/mainview_bg.webp);
	background-size: 600px auto,cover;
	background-repeat: no-repeat;
	background-position: calc(50% + 120px) -15px, center;
}
.mainVisualWrap .inner {
	padding: 40px 0 0 105px;
}
.mainVisualTextWrap {
	text-align: center;
	width: 470px;
}
.mainVisualTtl {
	font-size: 40px;
	font-weight: bold;
	color: var(--baseColor);
}
.mainVisualTtlText1 {
	font-weight: normal;
	font-size: 20px;
	color: #000;
}
.mainVisualTtlText2{
}
.mainVisualText1{
	color: #5A718E;
	font-size: 16px;
	margin-top: 20px;
}
.mainVisualBtnWrap{
	margin-top: 30px;
}
.mainVisualBtnWrap .button{
	width: 300px;
	height: 48px;
	border-radius: 8px;
	box-shadow: 0px 2px 20px rgba(27,85,159,0.301);
	font-size: 16px;
}
.section1 {
	text-align: center;
	padding: 60px 0 0 0;
	background-image: url(../img/beginner/text_we_will_assist_you.webp);
	background-repeat: no-repeat;
	background-position: center;
}
.section1Ttl {
	font-size: 28px;
	font-weight: bold;
}
.sectionlogo {
	color: var(--baseColor);
}
.section1Text {
	margin-top: 20px;
	color: #5A718E;
}
.section4 {
	padding: 60px 0;
}
.beginnerYoutubeWrap {
	display: flex;
	justify-content: space-between;
}
.beginnerYoutube {

}
.section2 {
	padding: 60px 0;
	background-image: url(../img/beginner/text_what_we_can_do.webp);
	background-repeat: no-repeat;
	background-position: center 30px;
	background-color: #EBEFF2;
}
.section2Ttl {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}
.section2Dl {
	flex-direction: inherit;
}
.section2DlBlock {
	width: 520px;
	box-shadow: 0px 2px 20px rgba(27,85,159,0.301);
	border-radius: 4px;
	padding: 20px;
	background-color: #fff;
	gap: 0;
}
.section2DlBlock + .section2DlBlock {
	margin-left: 40px;
}
.section2Dt {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.section2DtIcon {
	background-image: url(../img/icon_hand_point_right.svg);
	background-repeat: no-repeat;
	padding-left: 35px;
}
.section2Dd {
	margin-top: 15px;
	font-size: 18px;
}
.section3 {
	background-image: url(../img/beginner/text_ways_of_utilizing.webp);
	background-repeat: no-repeat;
	background-position: center 19px;
	padding: 60px 0;
}
.section3 .inner{
	width: 1080px;
}
.section3Ttl {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}
.section3TtlText {
	color: var(--baseColor);
}
.section3List{
	margin-top: 30px;
}
.section3Item {
	margin-top: 60px;
	padding: 40px 0 0 0;
	background-image: url(../img/beginner/stepImg1.webp);
	background-size: 480px;
	background-repeat: no-repeat;
	background-position: right top;
}
.section3ItemLink {

}
.section3Item:first-child{
	margin-top: 0;
}
.section3Item:nth-child(2) {
	background-image: url(../img/beginner/stepImg2.webp);
	background-position: left top;
}
.section3Item:nth-child(2) .section3ItemLink,
.section3Item:nth-child(4) .section3ItemLink {
	display: flex;
	justify-content: right;
}
.section3Item:nth-child(3) {
	background-image: url(../img/beginner/stepImg3.webp);
}
.section3Item:nth-child(4) {
	background-image: url(../img/beginner/stepImg4.webp);
	background-position: left top;
}
.section3ItemTextWrap {
	width: 620px;
	box-shadow: 0px 2px 20px rgba(27,85,159,0.301);
	border-radius: 4px;
	background-color: var(--white);
	padding: 25px 20px;
}
.section3ItemTtl {
	font-size: 22px;
	font-weight: bold;
}
.section3ItemTtlStep{
	font-size: 18px;
	color: #5A718E;
}
.section3ItemTtlStepNum{
	color: var(--baseColor);
	font-size: 24px;
}
.section3ItemBody {
	font-size: 18px;
	color: #5A718E;
	margin-top: 20px;
}



@media screen and (max-width:560px) {
	.mainVisualWrap {
		height: 102.14vw;
		background-size: auto 70%,cover;
		background-position: calc(50% + 3.57vw) bottom, center;
	}
	.mainVisualWrap .inner {
		padding: 10.71vw 0 0 0;
	}
	.mainVisualTextWrap {
		text-align: center;
		width: 100%;
	}
	.mainVisualTtl {
		font-size: 5.71vw;
	}
	.mainVisualTtlText1 {
		font-size: 3.75vw;
	}
	.mainVisualText1 {
		font-size: 3.21vw;
		margin-top: 3.57vw;
	}
	.mainVisualBtnWrap {
		margin-top: 42.86vw;
	}
	.mainVisualBtnWrap .button {
		width: 81.79vw;
		height: 10.71vw;
		border-radius: 1.43vw;
		box-shadow: 0vw 0.36vw 3.57vw rgba(27,85,159,0.301);
		font-size: 4.29vw;
	}
	.section1 {
		padding: 10.71vw 3.57vw 0 3.57vw;
		background-position: center 13.39vw;
		background-size: auto 15.36vw;
	}
	.section1Ttl {
		font-size: 4.29vw;
	}
	.section1Text {
		margin-top: 2.68vw;
	}
	.section4 {
		padding: 10.71vw 0;
	}
	.beginnerYoutubeWrap {
		display: block;
		padding: 0 3.57vw;
	}
	.beginnerYoutube:nth-child(n + 2) {
		margin-top: 8.93vw;
	}
	.beginnerYoutube iframe {
		width: 100%;
		margin-top: 0;
	}
	.section2 {
		padding: 10.71vw 0;
		background-position: center 5.36vw;
		background-size: auto 16.79vw;
	}
	.section2Dl {
		display: block;
		margin-top: 8.93vw;
		padding: 0 3.57vw;
	}
	.section2DlBlock {
		width: 100%;
		box-shadow: 0vw 0.36vw 3.57vw rgba(27,85,159,0.301);
		border-radius: 2.14vw;
		padding: 3.57vw;
		background-color: #fff;
	}
	.section2DlBlock + .section2DlBlock {
		margin: 3.57vw 0 0 0;
	}
	.section2Dd {
		margin-top: 2.68vw;
		font-size: 3.75vw;
	}
	.section3 {
		background-position: center 8.04vw;
		padding: 10.71vw 0;
		background-size: auto 15.89vw;
	}
	.section3 .inner {
		width: 100%;
	}
	.section3Item {
		margin-top: 10.71vw;
		padding: 0 3.57vw 61.79vw;
		background-image: url(../img/beginner/stepImg1.webp);
		background-size: 92.86vw;
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	.section3ItemTextWrap {
		width: 100%;
		box-shadow: 0vw 0.36vw 3.57vw rgba(27,85,159,0.301);
		border-radius: 0.71vw;
		padding: 4.46vw 5.36vw;
	}
	.section3Item:nth-child(2),
	.section3Item:nth-child(3),
	.section3Item:nth-child(4) {
		background-position: center bottom;
	}
}