@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans+JP:wght@100..900&display=swap');


main[class*=_next-wiz] img {
	width: 100%;
}
main[class*=_next-wiz] .contents__inner {
	color: #000;
	margin: 0 auto;
	width: calc(100% - (100vw / (1366 / 220)));
	max-width: 1200px;
	font-family: "Noto Sans JP", sans-serif;
}
main[class*=_next-wiz] .contents__inner p {
	font-size: clamp(14px, 18 / 1366 * 100vw, 18px);
	line-height: 1.75;
}
main[class*=_next-wiz] .contents__inner .en {
	font-family: "Barlow Semi Condensed", sans-serif;
}
main[class*=_next-wiz] .content__title__mv {
	position: relative;
}
main[class*=_next-wiz] .--has-bg-color {
	background-color: #A0DCE6;
	margin-top: -1px;
	padding: 8rem 0;
}
@media only screen and (max-width: 769px) {
	main[class*=_next-wiz] .content__title {
		padding-top: 50px;
	}
	main[class*=_next-wiz] .contents__inner {
		width: 90%;
	}
	main[class*=_next-wiz] .--has-bg-color {
		padding: 2rem 0 4rem;
	}
}

main[class*=_next-wiz] section + section {
	margin-top: 4rem;
}
main[class*=_next-wiz] .contents__block-ttl {
	display: flex;
	align-items: center;
	gap: 30px;
}
main[class*=_next-wiz] .contents__block-ttl p {
	background: linear-gradient(45deg,rgba(237, 175, 106, 1) 0%, rgba(255, 120, 54, 1) 70%);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 250px;
	height: 100px;
	border-radius: 10px 10px 0 0;
}
main[class*=_next-wiz] .contents__block-ttl p span {
	color: #fff;
	font-size: clamp(20px, 50 / 1366 * 100vw, 50px);
	font-weight: 600;
}
main[class*=_next-wiz] .contents__block-ttl p span:nth-child(1) {
	color: #FFF000;
}
main[class*=_next-wiz] .contents__block-ttl h3 {
	color: #fff;
	font-size: clamp(18px, 35 / 1366 * 100vw, 35px);
	font-weight: 700;
	filter: drop-shadow(0 0 10px #44B3CC);
	line-height: 1.2;
	position: relative;
}
main[class*=_next-wiz] .contents__block-ttl h3 span {
	color: #FFF000;
}
main[class*=_next-wiz] .contents__block {
	background: #fff;
	padding: 30px;
}
@media only screen and (max-width: 769px) {
	main[class*=_next-wiz] section + section {
		margin-top: 2rem;
	}
	
	main[class*=_next-wiz] .contents__block-ttl {
		gap: 10px;
	}
	main[class*=_next-wiz] .contents__block-ttl p {
		flex-direction: column;
		gap: 0;
		height: stretch;
        width: fit-content;
        padding: .5rem 1rem;
	}
	main[class*=_next-wiz] .contents__block-ttl p span {
		line-height: 1;
	}
	main[class*=_next-wiz] .contents__block-ttl p span:nth-child(1) {
		font-size: 85%;
	}
	main[class*=_next-wiz] .contents__block {
		padding: 5%;
	}
}

/* 情ゲー：sec01 */
main[class*=_next-wiz] .sec01 .block01 {
	background: linear-gradient(90deg,rgba(127, 202, 214, 0.25) 0%, rgba(42, 181, 175, 0.25) 100%);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
}
main[class*=_next-wiz] .sec01 .block01 .head {
	color: #00B2D4;
	font-size: clamp(20px, 35 / 1366 * 100vw, 35px);
	font-weight: 800;
	width: 30%;
	text-align: center;
}
main[class*=_next-wiz] .sec01 .block01 .right {
	border-left: 2px solid #00B2D4;
	padding-left: 20px;
	width: 70%;
}
main[class*=_next-wiz] .sec01 .block01 .right p .mark {
	background: #fff;
}
main[class*=_next-wiz] .sec01 .block01 .right p.lead {
	font-size: 160%;
	font-weight: 800;
}
main[class*=_next-wiz] .sec01 .block01 .right p.lead span {
	color: #00B2D4;
}

main[class*=_next-wiz] .sec01 .block02 {
	margin: 3rem 0;
}
main[class*=_next-wiz] .sec01 .block02 .head {
	position: relative;
	text-align: center;
}
main[class*=_next-wiz] .sec01 .block02 .head img {
	background: #fff;
	position: relative;
	width: fit-content;
	height: 48px;
	padding: 0 1rem;
}
main[class*=_next-wiz] .sec01 .block02 .head::before {
	content: "";
	position: absolute;
	top: 5px;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 2px;
	background-color: #F08300;
}
main[class*=_next-wiz] .sec01 .block02 dl {
	display: grid;
    grid-template-columns: 35em auto;
    align-items: center;
	gap: 10px;
	margin-top: 20px;
}
main[class*=_next-wiz] .sec01 .block02 dl dt {
	background-color: #00B2D4;
	color: #fff;
	font-size: clamp(20px, 33 / 1366 * 100vw, 33px);
	font-weight: 800;
	padding: 10px 30px 10px 15px;
	position: relative;
	clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
	text-align: center;
}
main[class*=_next-wiz] .sec01 .block02 dl dd {
	font-size: clamp(14px, 18 / 1366 * 100vw, 18px);
	line-height: 1.5;
}

main[class*=_next-wiz] .sec01 .block03 {
	border-left: 8px solid #F08300;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin-bottom: 2rem;
	padding-left: 1.5rem;
}
main[class*=_next-wiz] .sec01 .block03 .txt {
    width: calc(60% + 20px);
    margin-right: -20px;
	position: relative;
	z-index: 2;
}
main[class*=_next-wiz] .sec01 .block03 .txt p.lead {
	color: #F08300;
	font-size: clamp(17px, 35 / 1366 * 100vw, 35px);
	font-weight: 800;
	line-height: 1.5;
	margin-bottom: 10px;
}
main[class*=_next-wiz] .sec01 .block03 .txt p.lead span {
	background: linear-gradient(transparent 70%, #FFF000 70%);
}
main[class*=_next-wiz] .sec01 .block03 figure {
	width: 40%;
    height: auto;
    position: relative;
    overflow: hidden;
}
main[class*=_next-wiz] .sec01 .block03 figure img {
	object-fit: contain;
    position: absolute;
    width: fit-content;
    height: 100%;
    top: 0;
    right: -25%;
}
main[class*=_next-wiz] .sec01 .block03 figure::before {
	content: "";
	position: absolute;
	top: 0;
	left: -10%;
	width: 60%;
	height: 100%;
	background: linear-gradient(90deg,rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
	z-index: 1;
}

main[class*=_next-wiz] .sec01 .block04 {
	position: relative;
}
main[class*=_next-wiz] .sec01 .block04 .head {
	background: #00B2D4;
	color: #fff;
	font-size: clamp(18px, 35 / 1366 * 100vw, 35px);
	font-weight: 700;
	text-align: center;
	width: fit-content;
	padding: 10px 2rem 15px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
	clip-path: polygon(5% 0%, 95% 0%, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
}
main[class*=_next-wiz] .sec01 .block04 .flex {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
main[class*=_next-wiz] .sec01 .block04 h4 {
	background-color: #A6E4F0;
	font-size: clamp(18px, 35 / 1366 * 100vw, 35px);
	font-weight: 700;
	line-height: 1;
	padding: 10px 4rem 15px;
	margin-bottom: 20px;
}
main[class*=_next-wiz] .sec01 .block04 .box:nth-child(2) h4 {
	text-align: right;
}
main[class*=_next-wiz] .sec01 .block04 .box-inner {
	padding: 0 2rem;
}
main[class*=_next-wiz] .sec01 .block04 .box:nth-child(2) .box-inner {
	border-left: 1px solid #666666;
}
main[class*=_next-wiz] .sec01 .block04 figure {
	display: flex;
    height: 115px;
    align-items: center;
    justify-content: center;
	position: relative;
}
main[class*=_next-wiz] .sec01 .block04 figure img {
	width: 100%;
    height: 100%;
    position: absolute;
    object-fit: contain;
}
main[class*=_next-wiz] .sec01 .block04 .course {
	background: linear-gradient(90deg,rgba(0, 178, 212, 1) 50%, rgba(255, 255, 255, 1) 100%);
	color: #fff;
	font-size: clamp(16px, 20 / 1366 * 100vw, 20px);
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px;
	padding: 5px 10px;
}
main[class*=_next-wiz] .sec01 .block04 ul {
	display: grid;
	gap: 10px;
}
main[class*=_next-wiz] .sec01 .block04 li {
	display: flex;
	align-items: center;
	font-size: clamp(14px, 18 / 1366 * 100vw, 18px);
	line-height: 1.75;
}
main[class*=_next-wiz] .sec01 .block04 li span {
	color: #00B2D4;
}
main[class*=_next-wiz] .sec01 .block04 li a {
	display: block;
	border-radius: 100px;
	background-color: #666666;
	color: #fff;
	font-size: clamp(12px, 16 / 1366 * 100vw, 16px);
	margin-left: 1rem;
	padding: 0 2rem 0 1.5rem;
	position: relative;
}
main[class*=_next-wiz] .sec01 .block04 li a::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	width: 10px;
	height: 12px;
	background-color: #ffffff;
	clip-path: polygon(10px 50%, 0% 0%, 0% 12px);
}
@media only screen and (max-width: 769px) {
	main[class*=_next-wiz] .sec01 .block01 {
		flex-direction: column;
	}
	main[class*=_next-wiz] .sec01 .block01 .head {
		padding-bottom: .5rem;
		width: 100%;
	}
	main[class*=_next-wiz] .sec01 .block01 .right {
		border-top: 2px solid #00B2D4;
		border-left: none;
		padding: 0;
		width: 100%;
	}
	main[class*=_next-wiz] .sec01 .block01 .right p.lead {
		font-size: 130%;
		line-height: 1.5;
		padding: .5rem 0;
		text-align: center;
	}

	main[class*=_next-wiz] .sec01 .block02 {
		margin: 2rem 0;
	}
	main[class*=_next-wiz] .sec01 .block02 .head img {
		width: 100%;
		height: auto;
		padding: 0;
	}
	main[class*=_next-wiz] .sec01 .block02 dl {
		gap: 5px;
		display: flex;
		flex-direction: column;
		margin-top: 10px;
	}
	main[class*=_next-wiz] .sec01 .block02 dl dt {
		box-sizing: border-box;
		clip-path: polygon(0% 0%, 100% 0, 100% 75%, 50% 100%, 0 75%);
		padding: 10px 10px 25px;
		width: 100%;
	}

	main[class*=_next-wiz] .sec01 .block03 {
		border-left: none;
		flex-direction: column;
		gap: 10px;
		margin-bottom: 1rem;
		padding: 0;
	}
	main[class*=_next-wiz] .sec01 .block03 figure {
		width: 100%;
	}
	main[class*=_next-wiz] .sec01 .block03 figure::before {
		content: none;
	}
	main[class*=_next-wiz] .sec01 .block03 figure img {
		width: 100%;
		height: auto;
		position: relative;
		right: inherit;
	}
	main[class*=_next-wiz] .sec01 .block03 .txt {
		margin: auto;
		width: 100%;
	}
	main[class*=_next-wiz] .sec01 .block03 .txt p.lead {
		margin-bottom: 5px;
		text-align: center;
	}

	main[class*=_next-wiz] .sec01 .block04 {
		display: flex;
		gap: 10px;
	}
	main[class*=_next-wiz] .sec01 .block04 .head {
		right: inherit;
		height: 100%;
        clip-path: unset;
        padding: 0 10px;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		text-orientation: upright;
	}
	main[class*=_next-wiz] .sec01 .block04 .flex {
		display: flex;
		gap: 20px;
		flex-direction: column;
		justify-content: space-between;
		margin: 0 0 0 auto;
		width: calc(100% - 3.5em);
	}
	main[class*=_next-wiz] .sec01 .block04 h4 {
		background: inherit;
		margin-bottom: 0;
		padding: 0;
	}
	main[class*=_next-wiz] .sec01 .block04 .box-inner {
		padding: 0;
	}
	main[class*=_next-wiz] .sec01 .block04 .box:nth-child(2) {
		padding-top: 20px;
		border-top: 1px solid #666666;
	}
	main[class*=_next-wiz] .sec01 .block04 .box:nth-child(2) h4 {
		text-align: left;
	}
	main[class*=_next-wiz] .sec01 .block04 .box:nth-child(2) .box-inner {
		border-left: none;
	}
	main[class*=_next-wiz] .sec01 .block04 figure {
		height: 65px;
		justify-content: flex-start;
	}
	main[class*=_next-wiz] .sec01 .block04 figure img {
		width: fit-content;
		object-fit: contain;
	}
	main[class*=_next-wiz] .sec01 .block04 .course {
		margin-bottom: 5px;
	}
	main[class*=_next-wiz] .sec01 .block04 ul {
		gap: 5px;
	}
	main[class*=_next-wiz] .sec01 .block04 li a {
		padding: 0 1.5rem 0 .5rem;
		margin-left: 5px;
	}
	main[class*=_next-wiz] .sec01 .block04 li a::before {
		right: 8px;
		width: 6px;
		height: 8px;
		background-color: #ffffff;
		clip-path: polygon(6px 50%, 0% 0%, 0% 8px);
	}
}


/* 情ゲー：sec02 */
main[class*=_next-wiz] .sec02 h4 {
	color: #44B3CC;
	font-size: clamp(18px, 35 / 1366 * 100vw, 35px);
	font-weight: 700;
	margin-bottom: 2rem;
	position: relative;
	text-align: center;
}
main[class*=_next-wiz] .sec02 h4 span {
	background: #fff;
	padding: 0 1rem;
	position: relative;
}
main[class*=_next-wiz] .sec02 h4::before {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 2px;
    background-color: #44B3CC;
}
main[class*=_next-wiz] .sec02 .block {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}
main[class*=_next-wiz] .sec02 .block .head {
	display: flex;
	align-items: center;
	font-size: clamp(20px, 24 / 1366 * 100vw, 24px);
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px;
}
main[class*=_next-wiz] .sec02 .block .head span {
	color: #fff;
	font-size: 70%;
	padding: 5px 1rem;
}
main[class*=_next-wiz] .sec02 .box:nth-child(1) .head {
	color: #009CD9;
}
main[class*=_next-wiz] .sec02 .box:nth-child(1) .head span {
	background-color: #009CD9;	
}
main[class*=_next-wiz] .sec02 .box:nth-child(2) .head {
	color: #896FB0;
}
main[class*=_next-wiz] .sec02 .box:nth-child(2) .head span {
	background-color: #896FB0;	
}
main[class*=_next-wiz] .sec02 .box:nth-child(3) .head {
	color: #ED7981;
}
main[class*=_next-wiz] .sec02 .box:nth-child(3) .head span {
	background-color: #ED7981;	
}
@media only screen and (max-width: 769px) {
	main[class*=_next-wiz] .sec02 h4 {
		border-bottom: 2px solid #44B3CC;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	main[class*=_next-wiz] .sec02 h4::before {
		content: none;
	}
	main[class*=_next-wiz] .sec02 h4 span {
		background: inherit;
		padding: 0;
	}
	main[class*=_next-wiz] .sec02 .block {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
	main[class*=_next-wiz] .sec02 .block .text {
		line-height: 1.5;
		margin-top: 10px;
	}
}


/* 自工：sec03 */
main[class*=_next-wiz] .sec03 .block01 {
	margin-bottom: 2rem;
}
main[class*=_next-wiz] .sec03 .block01 .lead {
	font-size: clamp(12px, 22 / 1366 * 100vw, 22px);
	font-weight: 700;
	line-height: 1;
	margin-bottom: 20px;
	text-align: center;
}
main[class*=_next-wiz] .sec03 .block01 .lead span {
	color: #44B3CC;
	font-size: 130%;
}
main[class*=_next-wiz] .sec03 .block01 .text {
	text-align: center;
	margin-bottom: 30px;
}
main[class*=_next-wiz] .sec03 .block01 .text .marker {
	background: #FFF000;
}
main[class*=_next-wiz] .sec03 .block01 .flex {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
} 

main[class*=_next-wiz] .sec03 .block02 {
	position: relative;
}
main[class*=_next-wiz] .sec03 .block02 .head {
	background: #00B2D4;
	color: #fff;
	font-size: clamp(18px, 35 / 1366 * 100vw, 35px);
	font-weight: 700;
	text-align: center;
	width: fit-content;
	padding: 10px 2rem 15px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
	clip-path: polygon(5% 0%, 95% 0%, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
}
main[class*=_next-wiz] .sec03 .block02 .flex {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
main[class*=_next-wiz] .sec03 .block02 h4 {
	background-color: #A6E4F0;
	font-size: clamp(18px, 35 / 1366 * 100vw, 35px);
	font-weight: 700;
	line-height: 1;
	padding: 10px 4rem 15px;
	margin-bottom: 20px;
}
main[class*=_next-wiz] .sec03 .block02 .box:nth-child(2) h4 {
	text-align: right;
}
main[class*=_next-wiz] .sec03 .block02 .box-inner {
	padding: 0 2rem;
}
main[class*=_next-wiz] .sec03 .block02 .box:nth-child(2) .box-inner {
	border-left: 1px solid #666666;
}
main[class*=_next-wiz] .sec03 .block02 figure {
	display: flex;
    height: 115px;
    align-items: center;
    justify-content: center;
	position: relative;
}
main[class*=_next-wiz] .sec03 .block02 .box:nth-child(2) figure img {
	width: 70%;
}
main[class*=_next-wiz] .sec03 .block02 .course {
	background: linear-gradient(90deg,rgba(0, 178, 212, 1) 50%, rgba(255, 255, 255, 1) 100%);
	color: #fff;
	font-size: clamp(16px, 20 / 1366 * 100vw, 20px);
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px;
	padding: 5px 10px;
}
main[class*=_next-wiz] .sec03 .block02 ul {
	display: grid;
	gap: 10px;
}
main[class*=_next-wiz] .sec03 .block02 li {
	display: flex;
	align-items: center;
	font-size: clamp(14px, 18 / 1366 * 100vw, 18px);
	line-height: 1.75;
}
main[class*=_next-wiz] .sec03 .block02 li span {
	color: #00B2D4;
}
main[class*=_next-wiz] .sec03 .block02 li a {
	display: block;
	border-radius: 100px;
	background-color: #666666;
	color: #fff;
	font-size: clamp(12px, 16 / 1366 * 100vw, 16px);
	margin-left: 1rem;
	padding: 0 2rem 0 1.5rem;
	position: relative;
}
main[class*=_next-wiz] .sec03 .block02 li a::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	width: 10px;
	height: 12px;
	background-color: #ffffff;
	clip-path: polygon(10px 50%, 0% 0%, 0% 12px);
}
@media only screen and (max-width: 769px) {
	main[class*=_next-wiz] .sec03 .block01 {
		margin-bottom: 1rem;
	}
	main[class*=_next-wiz] .sec03 .block01 .lead {
		line-height: 1.5;
		margin-bottom: 5px;
	}
	main[class*=_next-wiz] .sec03 .block01 .lead span {
		font-size: 150%;
	}
	main[class*=_next-wiz] .sec03 .block01 .text {
		margin-bottom: 15px;
		text-align: left;
	}
	main[class*=_next-wiz] .sec03 .block01 .flex {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	main[class*=_next-wiz] .sec03 .block02 {
		display: flex;
		gap: 10px;
	}
	main[class*=_next-wiz] .sec03 .block02 .head {
		right: inherit;
		height: 100%;
        clip-path: unset;
        padding: 0 10px;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		text-orientation: upright;
	}
	main[class*=_next-wiz] .sec03 .block02 .flex {
		display: flex;
		gap: 20px;
		flex-direction: column;
		justify-content: space-between;
		margin: 0 0 0 auto;
		width: calc(100% - 3.5em);
	}
	main[class*=_next-wiz] .sec03 .block02 h4 {
		background: inherit;
		margin-bottom: 0;
		padding: 0;
	}
	main[class*=_next-wiz] .sec03 .block02 .box-inner {
		padding: 0;
	}
	mmain[class*=_next-wiz] .sec03 .block02 .box:nth-child(2) {
		padding-top: 20px;
		border-top: 1px solid #666666;
	}
	main[class*=_next-wiz] .sec03 .block02 .box:nth-child(2) h4 {
		text-align: left;
	}
	main[class*=_next-wiz] .sec03 .block02 .box:nth-child(2) .box-inner {
		border-left: none;
	}
	main[class*=_next-wiz] .sec03 .block02 figure {
		height: 65px;
		justify-content: flex-start;
	}
	main[class*=_next-wiz] .sec01 .block04 figure img {
		width: fit-content;
		object-fit: contain;
	}
	main[class*=_next-wiz] .sec03 .block02 .course {
		margin-bottom: 5px;
	}
	main[class*=_next-wiz] .sec03 .block02 ul {
		gap: 5px;
	}
	main[class*=_next-wiz] .sec03 .block02 li a {
		padding: 0 1.5rem 0 .5rem;
		margin-left: 5px;
	}
	main[class*=_next-wiz] .sec03 .block02 li a::before {
		right: 8px;
		width: 6px;
		height: 8px;
		background-color: #ffffff;
		clip-path: polygon(6px 50%, 0% 0%, 0% 8px);
	}
}


/* 自工：sec03 */
main[class*=_next-wiz] .sec04 .head {
	display: grid;
	grid-template-columns: 95px auto;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 1rem;
}
main[class*=_next-wiz] .sec04 .head:nth-of-type(4) {
	margin-top: 4rem;
}
main[class*=_next-wiz] .sec04 .head h4 {
	color: #44B3CC;
	font-size: clamp(18px, 35 / 1366 * 100vw, 35px);
	font-weight: 700;
}
main[class*=_next-wiz] .sec04 .head h4 small {
	color: #000;
	font-size: 70%;
}
main[class*=_next-wiz] .sec04 .flex {
	display: flex;
	align-items: center;
}
main[class*=_next-wiz] .sec04 .flex figure {
	width: 45%;
}
main[class*=_next-wiz] .sec04 .flex .txt {
	width: 55%;
}
main[class*=_next-wiz] .sec04 .flex .ttl {
	display: flex;
	align-items: center;
	font-size: clamp(18px, 30 / 1366 * 100vw, 30px);
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
main[class*=_next-wiz] .sec04 .flex .ttl span {
	color: #fff;
	font-size: 70%;
	padding: 5px 1rem;
}
main[class*=_next-wiz] .sec04 .flex .text {
	padding-left: 20px;
}
main[class*=_next-wiz] .sec04 .flex .text .marker {
	background: #FFF000;
}
main[class*=_next-wiz] .sec04 .flex.reserve {
	flex-direction: row-reverse;
}
main[class*=_next-wiz] .sec04 .flex.reserve .ttl {
	padding-left: 0;
	padding-right: 20px;
}
main[class*=_next-wiz] .sec04 .flex.reserve .text {
	padding-left: 0;
	padding-right: 20px;
}
main[class*=_next-wiz] .sec04 .flex:nth-of-type(2) .ttl {
	color: #44B3CC;
	border-bottom: 2px solid #44B3CC;
}
main[class*=_next-wiz] .sec04 .flex:nth-of-type(2) .ttl span {
	background: #44B3CC;
}
main[class*=_next-wiz] .sec04 .flex:nth-of-type(3) .ttl {
	color: #6DAE9C;
	border-bottom: 2px solid #6DAE9C;
}
main[class*=_next-wiz] .sec04 .flex:nth-of-type(3) .ttl span {
	background: #6DAE9C;
}
@media only screen and (max-width: 769px) {
	main[class*=_next-wiz] .sec04 .head {
		grid-template-columns: 50px auto;
	}	
	main[class*=_next-wiz] .sec04 .flex {
		flex-direction: column;
		gap: 10px;
	}
	main[class*=_next-wiz] .sec04 .flex figure {
		width: 100%;
	}
	main[class*=_next-wiz] .sec04 .flex .txt {
		width: 100%;
	}
	main[class*=_next-wiz] .sec04 .flex .ttl {
		align-items: flex-start;
		border-bottom: inherit !important;
		flex-direction: column;
		gap: 5px;
		padding: 0;
	}
	main[class*=_next-wiz] .sec04 .flex .text {
		padding: 0;
	}
	main[class*=_next-wiz] .sec04 .flex.reserve {
		flex-direction: column;
	}
	main[class*=_next-wiz] .sec04 .flex.reserve .ttl {
		padding: 0;
	}
	main[class*=_next-wiz] .sec04 .flex.reserve .text {
		padding: 0;
	}
	main[class*=_next-wiz] .sec04 .flex:nth-of-type(3) {
		margin-top: 20px;
	}
	main[class*=_next-wiz] .sec04 .head:nth-of-type(4) {
		margin-top: 2rem;
	}
}