@media screen and (min-width: 1440px) and (max-width:1919px) {
	.expectPanel .col_60 {
		padding-left: 140px;
	}

	h1,
	h2 {
		font-size: 50px;
		line-height: 60px;
	}

	.summaryPanel {
		max-width: max(515px, min(515px + (770 - 515) * ((100vw - 1260px) / (1919 - 1260)), 770px));
		padding: 35px 0;
	}

	.heroPanel h2 {
		width: 125%;
		margin-bottom: 30px;
	}

	.heroPanel p {
		margin-bottom: 30px;
		font-size: 30px;
	}
}

@media screen and (min-width: 1280px) and (max-width:1439px) {

	h1,
	h2 {
		font-size: 45px;
		line-height: 50px;
	}

	.contentBlock {
		width: 90%;
	}

	.expectPanel .col_60 {
		padding-left: 120px;
	}

	.summaryPanel {
		/* max-width: max(650px, min(650px + (785 - 650) * ((100vw - 1260px) / (1919 - 1260)), 785px)); */
		max-width: max(570px, min(570px + (785 - 570) * ((100vw - 1260px) / (1919 - 1260)), 785px));
		padding: 20px 0;
	}

	.heroPanel h2 {
		width: 125%;
		margin-bottom: 30px;
	}

	.heroPanel p {
		margin-bottom: 30px;
		padding-bottom: 0;
		font-size: 30px;
	}
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
	.col {
		width: 100%;
	}

	.col_40 {
		width: 100%;
	}

	.col_60 {
		width: 100%;
	}

	/*.contentBlock{
		padding:0 50px;
	}*/
	h1,
	h2 {
		font-size: 35px;
		line-height: 45px;
	}

	h3 {
		font-size: 25px;
		line-height: 35px;
	}

	.expectPanel .col_60 {
		padding: 30px 0 !important;
		max-width: 1570px;
		margin: 0 auto;
		width: 81.771%;
	}

	.introPanel {
		padding: 50px 0;
	}

	.introPanel h1 {
		margin-top: 20px;
	}

	.introPanel p {
		padding: 20px 0;
		width: 100%;
	}

	.expectPanel ul li {
		font-size: 25px;
	}

	.expectPanel h2 {
		padding-bottom: 35px;
	}

	.heroPanel .col_1_1 {
		flex-direction: column-reverse;
	}

	.summaryPanel {
		padding: 0 0 50px 0;
		max-width: 1570px;
		margin: 0 auto;
		width: 81.771%;
	}

	.heroPanel h2 {
		width: auto;
		margin-bottom: 30px;
	}

	.heroPanel p {
		margin-bottom: 20px;
		padding-bottom: 0;
		max-width: 100%;
		width: 100%;
		font-size: 30px;
	}

	.expectPanel ul li::before {
		top: 15px;
	}
}

@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait),
all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait),
all and (device-width: 820px) and (device-height: 1180px) and (orientation:portrait),
all and (device-width: 834px) and (device-height: 1194px) and (orientation:portrait),
all and (device-width: 810px) and (device-height: 1080px) and (orientation:portrait),
screen and (min-width: 768px) and (max-width: 1023px) {
	.col {
		width: 100%;
	}

	.col_40 {
		width: 100%;
	}

	.col_60 {
		width: 100%;
	}

	/*.contentBlock{
		padding:0 100px;
	}*/
	h1,
	h2 {
		font-size: 45px;
		line-height: 50px;
	}

	.expectPanel .col_60 {
		padding: 50px 100px;
	}

	.introPanel {
		padding: 70px 0;
	}

	.expectPanel ul li {
		font-size: 25px;
	}

	.heroPanel .col_1_1 {
		flex-direction: column-reverse;
	}

	.summaryPanel {
		padding: 0 0 50px 0;
		max-width: 1570px;
		margin: 0 auto;
		width: 81.771%;
	}

	.heroPanel h2 {
		width: auto;
		margin-bottom: 30px;
	}

}

@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape),
all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape),
all and (device-width: 1180px) and (device-height: 820px) and (orientation:landscape),
all and (device-width: 1194px) and (device-height: 834px) and (orientation:landscape),
all and (device-width: 1080px) and (device-height: 810px) and (orientation:landscape),
screen and (min-width: 1024px) and (max-width: 1279px) {

	.contentBlock {
		width: 90%;
	}

	h1,
	h2 {
		font-size: 45px;
		line-height: 50px;
	}

	.expectPanel .col_60 {
		padding-left: 50px;
	}

	.introPanel {
		padding: 70px 0;
	}

	.expectPanel ul li {
		font-size: 25px;
	}

	.expectPanel h2 {
		padding-bottom: 35px;
	}

	.summaryPanel {
		max-width: max(460px, min(460px + (785 - 460) * ((100vw - 1024px) / (1919 - 1024)), 785px));
		/* max-width: max(410px, min(410px + (770 - 410) * ((100vw - 1024px) / (1919 - 1024)), 770px)); */
		padding: 35px 0;
	}

	.heroPanel h2 {
		margin-bottom: 23px;
		width: 115%;
		font-size: 30px;
		line-height: 45px;
	}

	.heroPanel a {
		line-height: 32px;
	}

	.heroPanel p {
		font-size: 23px;
		margin-bottom: 20px;
		padding-bottom: 0;
	}
}

@media screen and (min-width: 0px) and (max-width: 567px) {

	h1,
	h2 {
		font-size: 30px;
		line-height: 40px;
	}

	.expectPanel ul li {
		font-size: 22px;
	}

	header .menu {
		justify-content: center;
	}

	header .menu img {
		/* border-bottom: 2px solid var(--yellow); */
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.btn {
		padding: 13px 30px;
	}

	.heroPanel a {
		line-height: 30px;
		font-size: 18px;
		padding: 10px 30px;
	}

	.heroPanel p {
		font-size: 25px;
	}

	.expectPanel ul li::before {
		top: 12px;
	}
}