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

main.part_5 .square {
width: calc((155 / 1190) * 100vw);
height: calc((155 / 1190) * 100vw);
margin-left: calc((992 / 1190) * 100vw);
}

main.part_5 .image {
width: calc((640 / 1190) * 100vw);
height: calc((637 / 1190) * 100vw);
margin-top: calc((-78 / 1190) * 100vw);
margin-left: calc((430 / 1190) * 100vw);
}

main.part_5 .text {
margin-top: -200px;
}
}

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

main.part_8 section.item article {
padding-left: 170px;
padding-right: 170px;
}

}

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

main.intoback {
position: relative;
}

header .main_menu ul {
gap: 0 40px;
}

main.part_2 {
padding-top: 130px;
padding-bottom: 130px;
}

main.part_3 article {
padding-left: 20px;
padding-right: 20px;
}

main.part_5 section {
padding-top: 180px;
padding-bottom: 100px;
}

main.part_5 .square {
width: 155px;
height: 155px;
margin-left: 50%;
transform: translateX(235px);
}

main.part_5 .image {
width: 640px;
height: 637px;
margin: -78px auto 0 auto;
}

main.part_5 .text {
margin: 20px auto 0 auto;
padding: 60px 60px 40px 60px;
}

main.part_6 {
padding-bottom: 140px;
}

main.part_7 {
padding-bottom: 140px;
}

main.part_8 section.item article {
padding-left: 20px;
padding-right: 20px;
}

main.part_9 main.background {
padding-top: 140px;
}

}

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

header article {
height: 80px;
}

header .logo {
height: 60px;
}

header .logo::before {
font-size: 170px;
line-height: 60px;
}

header .menu_open {
display: block;
}

header .menu_open.active {
display: none;
}

header .main_menu {
height: 0;
overflow: hidden;
position: absolute;
top: 30px;
right: 10px;
transition: height 0.4s;
}

header .main_menu ul {
display: block;
background: rgba(146, 183, 184, 0.8);
padding: 10px 30px;
}

header.active .main_menu ul li a {
color: #fff;
}

main.part_5 .square {
display: none
}

main.part_5 .image {
margin-top: 0;
}

}

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

main.part_5 .image {
width: auto;
height: calc((637 / 720) * 100vw);
}

main.part_5 .text {
max-width: none;
padding-left: 20px;
padding-right: 20px;
}

}

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

h2 {
font-size: 48px;
line-height: 52px;
}

main.part_3 main.background {
padding-bottom: calc((330 / 660) * 100vw);
}

main.part_3 .image {
width: calc((465 / 660) * 100vw);
height: calc((478 / 660) * 100vw);
}

main.part_4 main.background {
background-position: center top 400px;
}

}

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

h1 {
font-size: 30px;
}

h2 {
font-size: 40px;
line-height: 44px;
}

main.part_2 h2 {
font-size: 30px;
}

main.part_4 main.background {
background-position: center top calc((400 / 440) * 100vw);
}

main.part_4 section.items article .item {
width: 100%;
}

main.part_4 section.items article .item .image {
height: calc((293 / 440) * 100vw);
}

main.part_6 section.items article .item {
width: auto;
padding-left: 10px;
padding-right: 10px;
}

main.part_7 section.items article .item {
width: auto;
padding-left: 10px;
padding-right: 10px;
}

}