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

body {
font-size: 13px;
line-height: 19px;
}

h1 {
font-size: 31px;
line-height: 34px;
padding-bottom: 6px;
}

h1.subpage {
font-size: 22px;
line-height: 28px;
padding-bottom: 28px;
}

h2 {
font-size: 22px;
line-height: 26px;
padding-bottom: 10px;
}

h3 {
font-size: 14px;
line-height: 22px;
}

p {
padding-bottom: 6px;
}

ul li {
background-position: left 3px;
background-size: 18px;
padding: 0 0 6px 32px;
}

ol li {
padding: 1px 0 11px 29px;
}

ol li::before {
font-size: 13px;
line-height: 19px;
width: 19px;
height: 19px;
}

.notes, blockquote {
font-size: 12px;
line-height: 17px;
}

.small {
font-size: 12px;
line-height: 17px;
}

.perex {
font-size: 14px;
line-height: 19px;
}

.inputbox {
width: 216px;
height: 35px;
font-size: 12px;
line-height: 35px;
border-radius: 17px;
padding: 0 11px;
}

textarea.inputbox {
min-height: 115px;
min-width: 465px;
max-width: 465px;
padding: 7px 11px;
line-height: 24px;
}

select.inputbox {
background-position: right 7px center;
background-size: 11px;
width: 240px;
padding: 0 22px 0 11px;
}

.required .inputbox {
width: 205px;
padding-right: 22px;
}

.required textarea.inputbox {
min-width: 205px;
max-width: 205px;
}

.required::before {
font-size: 14px;
line-height: 14px;
bottom: 8px;
right: 11px;
}

.required.textarea::before {
top: 32px;
}

label {
padding-bottom: 4px;
}

.button {
min-width: 158px;
font-size: 12px;
line-height: 16px;
border-radius: 18px;
padding: 9px 20px;
}

.button.btnsmall {
min-width: 72px;
}

.button.white {
min-width: 72px;
padding: 8px 19px;
}

.progress_bar {
width: 180px;
height: 14px;
border-radius: 10px;
margin: 7px 0;
}

.progress_bar .percent {
font-size: 10px;
line-height: 13px;
}

hr {
margin: calc((15 / var(--max1055)) * 100vw) 0;
}

.report {
background-position: 7px center;
background-size: 23px;
max-width: 389px;
font-size: 12px;
line-height: 17px;
}

.report .box {
border-radius: 6px;
}

.report.error {
background-position: 7px center;
background-size: 23px;
}

.report .textreport {
padding: 14px 25px 11px 36px;
}

.btn_close {
font-size: 29px;
line-height: 29px;
right: 4px;
}

.bg_waiting {
background-size: 43px;
}

.tooltip {
width: 18px;
height: 18px;
line-height: 18px;
}

.tooltipabs .tooltip {
right: 7px;
}

.tooltip::after {
width: 13px;
height: 13px;
top: 3px;
left: 3px;
}

.win_tooltip {
width: 158px;
font-size: 10px;
line-height: 13px;
border-radius: 6px;
left: -20px;
padding: 7px 14px 7px 7px;
}

.win_tooltip::after {
font-size: 12px;
line-height: 18px;
top: 1px;
right: 3px;
}

.bg_hp_1 {
padding-bottom: 42px;
}

.bg_hp_1 .win_line {
background-position: right 5vw top;
background-size: 130vw;
min-height: initial;
}

.bg_hp_1 .line {
text-align: center;
padding-top: 75vw;
}

.bg_hp_1 .line .button {
margin-top: 53px;
}

.bg_hp_2 {
padding-bottom: 31px;
}

.bg_hp_2 .win_line {
background-position: center 10vw;
min-height: initial;
}

.bg_hp_2 .line {
padding-top: 0;
}

.bg_hp_2 .bg_text {
display: block;
}

.bg_hp_2 .bg_text h3 {
font-size: 22px;
line-height: 26px;
padding-bottom: 10px;
}

.bg_hp_2 .bg_text h3 strong {
font-size: 29px;
line-height: 33px;
}

.bg_hp_2 .bg_text .text {
width: auto;
}

.bg_hp_2 .bg_text .text .bg_items {
padding-top: 18px;
}

.bg_hp_2 .bg_text .text .bg_items .item {
background-position: 14px center;
background-size: 14px;
font-size: 12px;
line-height: 16px;
width: calc(60% + 50px);
border-radius: 29px;
padding: 14px 22px 14px 35px;
margin-bottom: 7px;
}

.bg_hp_3 {
padding-bottom: 100px;
}

.bg_hp_3 .win_line {
background-position: left -40px top;
background-size: 760px;
min-height: 629px;
}

.bg_hp_3 .bg_text {
top: 0;
left: 220px;
}

.bg_hp_3 .bg_text h2.type_1, .bg_hp_3 .bg_text h2.type_2 {
font-size: 22px;
line-height: 27px;
}

.bg_hp_3 .item {
width: 121px;
height: 111px;
}

.bg_hp_3 .item.item_1 {
top: 498px;
left: 51px;
}

.bg_hp_3 .item.item_2 {
top: 515px;
left: 184px;
}

.bg_hp_3 .item.item_3 {
top: 498px;
left: 313px;
}

.bg_hp_3 .item h3 {
font-size: 13px;
line-height: 17px;
padding: 11px 8px;
}

.bg_hp_4 {
padding-bottom: 100px;
}

.bg_hp_4 h2 {
padding-bottom: 4px;
}

.bg_hp_4 .bg_text {
column-gap: 36px;
flex-wrap: wrap;
justify-content: center;
}

.bg_hp_4 .bg_text .text {
width: 223px;
}

.bg_hp_4 .bg_text .text h3 {
font-size: 29px;
line-height: 35px;
padding-bottom: 18px;
}

.bg_hp_4 .bg_text .text.type_2 {
padding-top: 27px;
padding-bottom: 20px;
}

.bg_hp_4 .bg_text .text.type_2 div {
font-size: 12px;
line-height: 17px;
padding-top: 7px;
}

.bg_hp_5 {
padding-bottom: 103px;
}

.bg_hp_5 h2 {
text-align: center;
padding-bottom: 43px;
}

.bg_hp_5 .perex ul {
padding-left: 36px;
}

.bg_hp_5 .perex strong {
padding: 4px 2px;
}

.bg_hp_6 {
padding-bottom: 0;
}

.bg_hp_6 h2 {
font-size: 22px;
line-height: 26px;
padding-bottom: 44px;
}

.bg_hp_6 .bg_layer_1 {
background-position: right 2vw top;
background-size: 700px;
max-width: 450px;
height: 445px;
overflow: hidden;
margin: 0 auto;
}

.bg_hp_6 .bg_layer_1 .image_1 {
display: none;
}

.bg_hp_6 .bg_layer_1 .bg_image_2 {
width: 147px;
top: 20px;
left: 140px;
}

.bg_hp_6 .bg_layer_1 .image_2 {
height: 278px;
}

.bg_hp_6 .bg_layer_3 {
background: url('../images/bg_hp_6_2_1.svg') left top no-repeat;
background-size: 450px;
width: 100%;
height: 100%;
}

.bg_hp_6 .bg_layer_1 .text {
font-size: 10px;
line-height: 14px;
}

.bg_hp_6 .bg_layer_1 .text.type_1 {
top: 5px;
left: 80px;
}

.bg_hp_6 .bg_layer_1 .text.type_2 {
top: 100px;
left: 70px;
}

.bg_hp_6 .bg_layer_1 .text.type_3 {
top: 265px;
left: 80px;
}

.bg_hp_6 .bg_layer_1 .text.type_4 {
top: 170px;
left: 300px;
}

.bg_hp_6 .bg_layer_1 .text.type_5 {
top: 50px;
left: 310px;
}

.bg_hp_7 {
padding-bottom: 78px;
}

.bg_hp_7 .line {
display: block;
}

.bg_hp_7 .bg_text {
width: 100%;
max-width: 310px;
margin: 0 auto;
}

.bg_hp_7 .bg_text:last-child {
padding-top: 40px;
}

.bg_hp_7 .bg_text h2 {
text-align: center;
padding-top: 43px;
}

.bg_hp_7 .bg_text .video {
height: 175px;
border-radius: 10px;
}

.bg_hp_7 .bg_text .text {
font-size: 12px;
line-height: 17px;
padding-top: 13px;
}

.bg_hp_8 {
padding-bottom: 78px;
}

.bg_hp_8 h2 {
padding-bottom: 32px;
}

.bg_hp_8 h3 {
padding: 50px 0 14px 0;
}

.bg_hp_8 .text {
font-size: 12px;
line-height: 17px;
padding: 22px 0 14px 0;
}

.bg_hp_8 .bg_buttons {
gap: 15px 29px;
flex-wrap: wrap;
}

.bg_hp_9 {
padding-bottom: 58px;
}

.bg_hp_9 h2 {
padding-bottom: 34px;
}

.bg_hp_9 .bg_news .item:nth-child(2), .bg_hp_9 .bg_news .item:nth-child(4) {
margin-top: 0;
}

.bg_hp_9 .spot {
display: none;
}

.bg_hp_9 .line.right {
padding-top: 34px;
}

.bg_news {
gap: 10px;
}

.bg_news .item {
width: 178px;
height: 178px;
border-radius: 24px;
}

.bg_news .item .gradient {
border-radius: 24px;
}

.bg_news .item .text {
width: 137px;
font-size: 14px;
line-height: 18px;
padding-bottom: 17px;
}

.bg_hp_10 {
padding-bottom: 72px;
}

.bg_hp_10 h2 {
padding-bottom: 43px;
}

.bg_hp_12 {
padding-bottom: 44px;
}

.bg_hp_12 h2 {
padding-bottom: 29px;
}

.bg_hp_13 {
padding-bottom: 72px;
}

.bg_hp_13 .line .item .number {
font-size: 29px;
line-height: 36px;
padding-bottom: 7px;
}

.bg_hp_13 .line .item .text {
font-size: 14px;
line-height: 20px;
}

.bg_employer_1 {
padding-bottom: 39px;
}

.bg_employer_1 .win_line {
background-position: right 5vw top;
background-size: 130vw;
min-height: initial;
}

.bg_employer_1 .line {
text-align: center;
padding-top: 72vw;
}

.bg_employer_1 .perex {
font-size: 13px;
line-height: 17px;
}

.bg_employer_2 {
padding-bottom: 33px;
}

.bg_employer_2 .win_line {
background-position: center 10vw;
min-height: initial;
}

.bg_employer_2 .line {
padding-top: 0;
}

.bg_employer_2 .bg_text {
display: block;
}

.bg_employer_2 .bg_text h3 {
font-size: 22px;
line-height: 26px;
padding-bottom: 10px;
}

.bg_employer_2 .bg_text h3 strong {
font-size: 29px;
line-height: 33px;
}

.bg_employer_2 .bg_text .text {
width: auto;
font-size: 12px;
line-height: 16px;
}

.bg_employer_2 .bg_text .text .bg_items {
padding-top: 20px;
}

.bg_employer_2 .bg_text .text .bg_items .item {
width: calc(60% + 50px);
border-radius: 24px;
padding: 7px 14px;
margin-bottom: 7px;
}

.bg_employer_2 .bg_text .text .bg_items .item .title {
padding: 7px 0 7px 22px;
}

.bg_employer_2 .bg_text .text .bg_items .item .title::before {
font-size: 29px;
line-height: 29px
}

.bg_employer_2 .bg_text .text .bg_items .item .desc {
padding-left: 22px;
}

.bg_employer_2 .bg_text .text .bg_items .item .desc .box {
padding: 11px 0 5px 0;
}

.bg_employer_21 {
padding-bottom: 47px;
}

.bg_employer_21 h2 {
font-size: 22px;
line-height: 28px;
padding-bottom: 28px;
}

.bg_employer_21 .bg_items {
padding-bottom: 44px;
}

.bg_employer_3 {
padding-bottom: 33px;
}

.bg_employer_3 h2 {
text-align: center;
padding-bottom: 43px;
}

.bg_employer_3 .perex ul {
padding-left: 36px;
}

.bg_employer_3 .perex strong {
padding: 4px 2px;
}

.bg_employer_4 {
padding-bottom: 11px;
}

.bg_employer_4 .line {
display: block;
}

.bg_employer_4 h2 {
width: auto;
text-align: center;
padding-bottom: 10px;
}

.bg_employer_4 .circles {
background-position: left 18px bottom;
width: 508px;
height: 396px;
margin: 0 auto;
}

.bg_employer_4 .circles .circle {
width: 86px;
height: 86px;
font-size: 10px;
line-height: 14px;
}

.bg_employer_4 .circles .circle.type_1 {
top: 130px;
}

.bg_employer_4 .circles .circle.type_2, .bg_employer_4 .circles .circle.type_3, .bg_employer_4 .circles .circle.type_5, .bg_employer_4 .circles .circle.type_7 {
width: 104px;
height: 104px;
font-size: 12px;
line-height: 16px;
}

.bg_employer_4 .circles .circle.type_2 {
top: 182px;
left: 45px;
}

.bg_employer_4 .circles .circle.type_3 {
top: 86px;
left: 142px;
}

.bg_employer_4 .circles .circle.type_4 {
width: 86px;
height: 86px;
top: 34px;
left: 220px;
}

.bg_employer_4 .circles .circle.type_5 {
top: 83px;
left: 281px;
}

.bg_employer_4 .circles .circle.type_6 {
width: 94px;
height: 94px;
top: 108px;
left: 411px;
}

.bg_employer_4 .circles .circle.type_7 {
top: 182px;
left: 375px;
}

.bg_employer_4 .circles .circle.type_21 {
font-size: 14px;
line-height: 17px;
width: 92px;
height: 65px;
top: 238px;
left: 220px;
}

.bg_employer_5 {
padding-bottom: 95px;
}

.bg_employer_5 .line {
justify-content: center;
gap: 6px 0;
}

.bg_employer_5 .item {
font-size: 12px;
line-height: 17px;
width: 180px;
padding: 14px 22px;
}

.bg_employer_5 .item h3 {
padding-bottom: 9px;
}

.bg_employer_5 .item:first-child {
width: auto;
border-radius: 11px;
}

.bg_employer_6 {
padding-bottom: 59px;
}

.bg_employer_7 {
padding-bottom: 50px;
}

.bg_employer_7 .win_line {
min-height: initial;
}

.bg_employer_7 h2 {
padding-bottom: 43px;
}

.bg_employer_7 .perex {
padding-right: 0;
}

.bg_employer_7 .perex ul {
padding-left: 0;
}

.bg_employer_7 .perex strong {
padding: 4px 2px;
}

.bg_employer_8 {
padding-bottom: 67px;
}

.bg_employer_8 .line {
display: block;
}

.bg_employer_8 .item {
width: auto;
margin: 0 auto;
}

.bg_employer_8 .item.profile {
width: auto;
max-width: 320px;
min-height: 360px;
padding-bottom: 30px;
}

.bg_employer_8 .item.profile .image {
height: 320px;
}

.bg_employer_8 .item.profile .text {
padding-top: 7px;
}

.bg_employer_8 h2 {
text-align: center;
padding-bottom: 29px;
}

.bg_employer_8 h3 {
padding: 7px 0 14px 0;
}

.bg_employer_8 .text {
font-size: 12px;
line-height: 17px;
}

.bg_employer_8 .text ul li {
padding-left: 25px;
}

.bg_employer_9 {
padding-bottom: 6px;
}

.bg_employer_9 h2 {
text-align: center;
padding-bottom: 29px;
}

.bg_employer_9 .text {
position: static;
padding-bottom: 30px;
}

.bg_employer_9 .bg_video {
display: block;
}

.bg_employer_9 .bg_video .item:nth-child(2) {
padding-top: 0;
}

.bg_employer_9 .bg_video .item:nth-child(3) {
padding-top: 0;
}

.bg_employer_9 .bg_video .item {
width: 100%;
max-width: 310px;
margin: 0 auto;
padding-bottom: 30px;
}

.bg_employer_9 .bg_video .video {
height: 175px;
border-radius: 10px;
}

.bg_employer_9 .bg_video .desc {
font-size: 12px;
line-height: 17px;
padding-top: 13px;
}

.bg_employer_10 {
padding-bottom: 83px;
}

.bg_employer_10 .line {
background-size: 388px;
background-position: center top;
min-height: 403px;
}

.bg_employer_10 .bg_text {
font-size: 12px;
line-height: 17px;
padding: 380px 0 0 0;
}

.bg_employer_10 .bg_text h2 {
text-align: center;
padding-bottom: 18px;
}

.bg_employer_10 .bg_text ul {
padding-left: 14px;
}

.bg_employer_10 .bg_text ul li {
padding-left: 25px;
}

.bg_employer_10 .bg_text .applogo {
height: 32px;
margin: 0 11px 7px 0;
}

.bg_employer_10 .image {
background-position: center 13px;
width: 115px;
height: 231px;
top: 108px;
left: 50%;
margin-left: -77px;
}

.bg_employer_11 {
padding-bottom: 78px;
}

.bg_employer_11 h2 {
padding-bottom: 32px;
}

.bg_employer_11 h3 {
padding: 50px 0 14px 0;
}

.bg_employer_11 .text {
font-size: 12px;
line-height: 17px;
padding: 22px 0 14px 0;
}

.bg_employer_11 .bg_buttons {
gap: 15px 29px;
flex-wrap: wrap;
}

.bg_employer_12 {
padding-bottom: 36px;
}

.bg_employer_12 h2 {
padding-bottom: 33px;
}

.bg_employer_12 .perex ul {
padding-left: 0;
}

.bg_employer_12 .perex strong {
padding: 4px 2px;
}

.bg_employer_13 .win_line {
min-height: 398px;
}

.bg_employer_13 .line {
padding-top: 86px;
}

.bg_employer_13 h2 {
font-size: 22px;
line-height: 26px;
}

.bg_employer_14 {
padding-bottom: 58px;
}

.bg_employee_1 {
padding-bottom: 80px;
}

.bg_employee_1 .win_line {
background-position: right 5vw top;
background-size: 130vw;
min-height: initial;
}

.bg_employee_1 .line {
text-align: center;
padding-top: 72vw;
}

.bg_employee_1 .perex {
font-size: 13px;
line-height: 17px;
}

.bg_employee_2 {
padding-bottom: 67px;
}

.bg_employee_2 .line {
display: block;
}

.bg_employee_2 .perex {
width: 203px;
border-radius: 18px;
padding: 22px 25px;
margin: 0 auto 30px auto;
}

.bg_employee_2 .perex .icon {
width: 39px;
height: 48px;
top: -40px;
left: 18px;
}

.bg_employee_2 .item {
width: auto;
}

.bg_employee_2 .item h2 {
text-align: center;
padding-bottom: 22px;
}

.bg_employee_2 .item strong {
padding: 4px 2px;
}

.bg_employee_3 {
padding-bottom: 117px;
}

.bg_employee_4 {
padding-bottom: 44px;
}

.bg_employee_4 h2 {
padding-bottom: 43px;
}

.bg_employee_5 .win_line {
background-position: -10% 200px;
background-size: 500px;
min-height: 450px;
}

.bg_employee_5 .line {
padding-top: 0;
}

.bg_employee_5 .bg_text {
font-size: 12px;
line-height: 17px;
padding-right: 0;
}

.bg_employee_5 .bg_text ul li {
padding-left: 25px;
}

.bg_employee_5 h2 {
text-align: center;
padding-bottom: 29px;
}

.bg_employee_5 strong {
padding: 4px 2px;
}

.bg_employee_5 .bg_image {
width: 235px;
height: 145px;
border-radius: 21px;
position: static;
margin: 30px auto 0 auto;
}

.bg_employee_6 {
padding-bottom: 83px;
}

.bg_employee_6 .line {
background-size: 388px;
background-position: center top;
min-height: 403px;
}

.bg_employee_6 .bg_text {
font-size: 12px;
line-height: 17px;
padding: 380px 0 0 0;
}

.bg_employee_6 .bg_text h2 {
text-align: center;
padding-bottom: 18px;
}

.bg_employee_6 .bg_text ul {
padding-left: 14px;
}

.bg_employee_6 .bg_text ul li {
padding-left: 25px;
}

.bg_employee_6 .bg_text .applogo {
height: 32px;
margin: 0 11px 7px 0;
}

.bg_employee_6 .image {
background-position: center 13px;
width: 115px;
height: 231px;
top: 108px;
left: 50%;
margin-left: -77px;
}

.bg_employee_7 {
padding-bottom: 67px;
}

.bg_employee_7 h2 {
padding-bottom: 11px;
}

.bg_employee_7 .text_1 {
padding-bottom: 43px;
}

.bg_employee_7 .text_2 {
padding-top: 72px;
}

.bg_employee_7 .button {
margin-top: 14px;
}

.bg_employee_8 {
padding-bottom: 15px;
}

.bg_employee_8 h2 {
padding-bottom: 16px;
}

.bg_employee_8 .text_1 {
width: auto;
padding-bottom: 8px;
}

.bg_employee_8 .text_2 {
width: auto;
position: static;
}

.bg_employee_8 .bg_video {
display: block;
}

.bg_employee_8 .bg_video .item:nth-child(2) {
padding-top: 0;
}

.bg_employee_8 .bg_video .item:nth-child(3) {
padding-top: 0;
}

.bg_employee_8 .bg_video .item {
width: 100%;
max-width: 310px;
margin: 0 auto;
padding-bottom: 30px;
}

.bg_employee_8 .bg_video .video {
height: 175px;
border-radius: 10px;
}

.bg_employee_8 .bg_video .desc {
font-size: 12px;
line-height: 17px;
padding-top: 13px;
}

.bg_employee_9 {
padding-bottom: 30px;
}

.bg_employee_10 {
padding-bottom: 9px;
}

.bg_supplier_1 {
padding-bottom: 80px;
}

.bg_supplier_1 .win_line {
background-position: right 5vw top;
background-size: 130vw;
min-height: initial;
}

.bg_supplier_1 .line {
text-align: center;
padding-top: 72vw;
}

.bg_supplier_1 .perex {
font-size: 13px;
line-height: 17px;
}

.bg_supplier_2 {
padding-bottom: 31px;
}

.bg_supplier_2 .win_line {
background-position: center 10vw;
min-height: initial;
}

.bg_supplier_2 .line {
padding-top: 0;
}

.bg_supplier_2 .bg_text {
display: block;
}

.bg_supplier_2 .bg_text .text {
width: auto;
}

.bg_supplier_2 .bg_text .text .bg_items {
padding-top: 18px;
}

.bg_supplier_2 .bg_text .text .bg_items .item {
background-position: 14px center;
background-size: 14px;
font-size: 12px;
line-height: 16px;
width: calc(60% + 50px);
border-radius: 29px;
padding: 14px 22px 14px 35px;
margin-bottom: 7px;
}

.bg_supplier_3 .win_line {
background-size: 760px;
background-position: center 80px;
min-height: 576px;
}

.bg_supplier_3 .line {
max-width: 518px;
}

.bg_supplier_3 h2 {
font-size: 24px;
line-height: 30px;
padding-bottom: 18px;
}

.bg_supplier_3 .text {
font-size: 12px;
line-height: 17px;
padding-bottom: 22px;
}

.bg_supplier_3 .video {
height: 288px;
border-radius: 7px;
}

.bg_supplier_3 .desc {
font-size: 12px;
line-height: 17px;
padding-top: 18px;
}

.bg_supplier_4 {
padding-bottom: 50px;
}

.bg_supplier_4 .item_1 {
width: 248px;
font-size: 14px;
line-height: 20px;
padding: 50px 0;
}

.bg_supplier_4 .item_1 h2 {
font-size: 26px;
line-height: 30px;
}

.bg_supplier_4 .item_2 {
width: 425px;
padding: 29px 0 0 5%;
}

.bg_supplier_4 .item_2 h2 {
padding-bottom: 22px;
}

.bg_supplier_4 .item_2 strong {
padding: 4px 2px;
}

.bg_supplier_5 {
padding-bottom: 28px;
}

.bg_supplier_5 h2 {
padding-bottom: 43px;
}

.bg_supplier_6 {
padding-bottom: 72px;
}

.bg_supplier_6 .win_line {
background-position: center 80px;
min-height: 445px;
}

.bg_supplier_6 .line {
padding-top: 78px;
}

.bg_supplier_6 h2 {
padding-bottom: 36px;
}

.bg_supplier_6 .bg_items {
display: block;
}

.bg_supplier_6 .bg_items .item {
width: auto;
max-width: 277px;
min-height: 149px;
border-radius: 22px;
padding: 22px;
margin: 0 auto 30px auto;
}

.bg_supplier_6 .bg_items .item h2 {
font-size: 18px;
line-height: 24px;
padding-bottom: 14px;
}

.bg_supplier_6 .bg_items .item .desc {
font-size: 12px;
line-height: 17px;
padding-top: 14px;
}

.bg_supplier_6 .perex {
padding: 30px 0 0 0;
}

.bg_supplier_6 .perex ul {
padding-left: 0;
}

.bg_supplier_7 {
padding-bottom: 33px;
}

.bg_supplier_7 h2 {
text-align: center;
padding-bottom: 50px;
}

.bg_supplier_7 .bg_items {
display: block;
}

.bg_supplier_7 .bg_items .item {
width: calc((445 / var(--max1055)) * 100vw);
}

.bg_supplier_7 .bg_items .item:last-child {
padding-top: 0;
}

.bg_supplier_7 .bg_items .item {
width: 100%;
max-width: 310px;
margin: 0 auto;
padding-bottom: 30px;
}

.bg_supplier_7 .bg_items .item .video {
height: 175px;
border-radius: 10px;
}

.bg_supplier_7 .bg_items .item .desc {
font-size: 12px;
line-height: 17px;
padding-top: 13px;
}

.bg_supplier_8 {
padding-bottom: 50px;
}

.bg_supplier_9 {
padding-bottom: 111px;
}

.bg_supplier_9 .bg_buttons {
padding-top: 44px;
}

.bg_supplier_9 h2 {
padding-bottom: 36px;
}

.bg_supplier_10 {
padding-bottom: 72px;
}

.bg_supplier_10 h2 {
padding-bottom: 36px;
}

.bg_supplier_10 h3 {
padding-bottom: 36px;
}

.bg_supplier_10 .text {
padding-bottom: 50px;
}

.bg_voucher_1 {
padding-bottom: 40px;
}

.bg_voucher_1 .win_line {
background-position: right 5vw top;
background-size: 130vw;
min-height: initial;
}

.bg_voucher_1 .line {
text-align: center;
padding-top: 72vw;
}

.bg_voucher_1 .perex {
font-size: 13px;
line-height: 17px;
}

.bg_voucher_2 {
padding-bottom: 50px;
}

.bg_voucher_2 .win_line {
background-size: 170vw;
background-position: -18vw 100px;
min-height: 179px;
overflow: hidden;
}

.bg_voucher_2 .bg_title {
position: static;
}

.bg_voucher_2 .bg_title h2 {
text-align: center;
font-size: 22px;
line-height: 25px;
}

.bg_voucher_2 .line {
column-gap: 9.4vw;
padding: 37vw 0 0 3vw;
}

.bg_voucher_2 .text {
width: 24.5vw;
font-size: 12px;
line-height: 17px;
}

.bg_voucher_2 .text h3 {
padding-bottom: 11px;
}

.bg_voucher_2 .text strong {
padding: 4px 2px;
}

.bg_voucher_2 .text.type_1 ul li, .bg_voucher_2 .text.type_2 ul li, .bg_voucher_2 .text.type_3 ul li {
background-position: left 4px;
background-size: 11px;
padding: 0 0 4px 15px;
}

.bg_voucher_3 {
padding-bottom: 50px;
}

.bg_voucher_3 .win_line {
background-position: center 180px;
min-height: initial;
}

.bg_voucher_3 .line {
padding-top: 0;
}

.bg_voucher_3 .bg_text {
display: block;
padding-bottom: 230px;
position: relative;
}

.bg_voucher_3 .bg_text .bg_image {
width: 292px;
height: 180px;
border-width: 14px;
border-radius: 27px;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -146px;
}

.bg_voucher_3 .bg_text .text {
width: auto;
font-size: 12px;
line-height: 17px;
}

.bg_voucher_3 .bg_text .text h2 {
text-align: center;
padding-bottom: 22px;
}

.bg_voucher_3 .bg_text .text ul li {
background-position: left 4px;
background-size: 14px;
padding: 0 0 6px 23px;
}

.bg_voucher_3 .bg_items {
flex-wrap: wrap;
padding-top: 94px;
}

.bg_voucher_3 .bg_items .item {
width: 153px;
height: 144px;
font-size: 12px;
line-height: 15px;
}

.bg_voucher_3 .bg_items .item h2 {
font-size: 23px;
line-height: 27px;
padding-bottom: 6px;
}

.bg_voucher_4 {
padding-bottom: 10px;
overflow: hidden;
}

.bg_voucher_4 h2 {
padding-bottom: 58px;
}

.bg_voucher_4 .bg_items {
min-height: initial;
}

.bg_voucher_4 .bg_items .text {
width: auto;
padding-top: 40vw;
}

.bg_voucher_4 .bg_items .text .button {
margin-top: 14px;
}

.bg_voucher_5 {
padding-bottom: 83px;
}

.bg_voucher_5 .line {
background-size: 388px;
background-position: center top;
min-height: 403px;
}

.bg_voucher_5 .bg_text {
font-size: 12px;
line-height: 17px;
padding: 380px 0 0 0;
}

.bg_voucher_5 .bg_text h2 {
text-align: center;
padding-bottom: 18px;
}

.bg_voucher_5 .bg_text ul {
padding-left: 14px;
}

.bg_voucher_5 .bg_text ul li {
padding-left: 25px;
}

.bg_voucher_5 .bg_text .applogo {
height: 32px;
margin: 0 11px 7px 0;
}

.bg_voucher_5 .image {
background-position: center 13px;
width: 115px;
height: 231px;
top: 108px;
left: 50%;
margin-left: -77px;
}

.bg_voucher_6 {
padding-bottom: 94px;
}

.bg_voucher_6 h2 {
padding-bottom: 43px;
}

.bg_voucher_7 {
padding-bottom: 60px;
}

.bg_voucher_7 h2 {
padding-bottom: 43px;
}

.bg_voucher_8 {
background-size: 760px 300px;
padding-bottom: 58px;
}

.bg_voucher_8 .line {
display: block;
text-align: center;
padding-top: 80px;
}

.bg_voucher_8 .line .image img {
max-width: 119px;
}

.bg_voucher_8 .line .text h2 {
font-size: 14px;
line-height: 17px;
padding-bottom: 14px;
}

.bg_contact_1 {
padding-bottom: 33px;
}

.bg_contact_1 .line {
text-align: center;
padding-top: 172px;
}

.bg_contact_1 .perex {
padding-bottom: 17px;
}

.bg_contact_1 .bg_items {
column-gap: 11px;
justify-content: center;
}

.bg_contact_2 {
padding-bottom: calc((60 / var(--max1055)) * 100vw);
}

.bg_contact_2 .bg_items {
justify-content: center;
flex-wrap: wrap;
}

.bg_contact_2 .bg_items .item {
width: 194px;
font-size: 12px;
line-height: 17px;
}

.bg_contact_2 .bg_items .item:first-child {
border-radius: 18px;
padding: 22px 29px;
}

.bg_contact_2 .bg_items .item h2 {
font-size: 14px;
line-height: 19px;
padding-bottom: 14px;
}

.bg_contact_2 .bg_items .item .small {
font-size: 9px;
line-height: 12px;
}

.bg_contact_2 .bg_items .item .phone {
background-position: left 1px;
background-size: 19px;
font-size: 18px;
line-height: 23px;
padding: 0 0 0 25px;
}

.bg_contact_3 {
padding-bottom: 43px;
}

.bg_contact_3 h2 {
text-align: center;
padding-bottom: 25px;
}

.bg_contact_3 #google_map_contact {
border-radius: 18px;
}

.mapinfowindowcontact {
width: 108px;
font-size: 10px;
line-height: 14px;
padding: 7px;
}

.mapinfowindowcontact .logo {
height: 24px;
}

.bg_contact_3 .right {
padding-top: 14px;
}

.bg_contact_3 .right .href {
font-size: 12px;
line-height: 17px;
}

.bg_contact_4 {
padding-bottom: 0;
}

.bg_contact_4 .win_line {
padding-top: 29px;
}

.bg_contact_4 h2 {
text-align: center;
padding-bottom: 43px;
}

.bg_contact_4 .bg_items {
column-gap: 58px;
flex-wrap: wrap;
padding-bottom: 58px;
}

.bg_contact_4 .bg_items .item {
width: 157px;
font-size: 12px;
line-height: 17px;
padding-bottom: 40px;
}

.bg_contact_4 .bg_items .item .bg_photo {
width: 156px;
height: 156px;
}

.bg_contact_4 .bg_items .item h3 {
font-size: 12px;
line-height: 17px;
padding: 22px 0 6px 0;
}

.bg_contact_5 {
padding-bottom: 58px;
}

.bg_contact_5 h2 {
text-align: center;
padding-bottom: 22px;
}

.bg_contact_5 .text {
padding-bottom: 22px;
}

.bg_contact_5 h3 {
padding-bottom: 14px;
}

.bg_contact_5 .bg_items {
display: block;
font-size: 12px;
line-height: 17px;
padding-bottom: 72px;
overflow: hidden;
}

.bg_contact_5 .bg_items .item_1 {
width: auto;
padding: 0 0 20px 5px;
}

.bg_contact_5 .bg_items .item_1 .desc {
padding-bottom: 14px;
}

.bg_contact_5 .bg_items .item_1 label {
margin-bottom: 11px;
}

.bg_contact_5 .bg_items .item_2 {
gap: 14px 5px;
justify-content: flex-start;
width: auto;
}

.bg_contact_5 .bg_items .item_2 .item {
width: 242px;
}

.bg_contact_5 .bg_items .item_2 .note {
font-size: 9px;
line-height: 12px;
}

.bg_contact_6 {
padding-bottom: 57px;
}

.bg_thank .line {
padding-top: 172px;
}

.bg_thank .bg_items {
flex-direction: column;
}

.bg_contract_1 {
padding-bottom: 43px;
}

.bg_contract_1 .line {
font-size: 12px;
line-height: 17px;
padding: 180px 0 36px 5px;
}

.bg_contract_2 {
padding-bottom: 43px;
}

.bg_contract_2 .line {
font-size: 12px;
line-height: 17px;
}

.bg_contract_2 .separator {
padding-bottom: 36px;
}

.bg_contract_2 .bg_items {
gap: 14px 72px;
padding-bottom: 22px;
}

.bg_contract_2 .bg_items .items {
width: 239px;
}

.bg_contract_2 .bg_items .item {
width: 239px;
}

.bg_contract_2 .bg_items .item label {
line-height: 18px;
}

.bg_contract_2 .bg_items .item label.fileitem {
margin-bottom: 29px;
}

.bg_contract_2 .bg_items .item label.fileitem .button {
min-width: 86px;
font-size: 10px;
line-height: 14px;
border-radius: 14px;
bottom: -25px;
padding: 4px 14px;
}

.bg_contract_2 .bg_items .item .href {
padding-top: 7px;
}

.bg_contract_2 .bg_items .item.form_provided_1, .bg_contract_2 .bg_items .item.form_provided_5 {
padding-left: 11px;
}

.bg_contract_2 .note {
font-size: 9px;
line-height: 12px;
}

.bg_contract_2 .bg_items .formitem .box {
padding-bottom: 11px;
}

.bg_contract_2 .submit .button, .bg_contract_2 .pdfcontract {
margin-top: 14px;
}

.bg_contract_2 .filename {
margin-bottom: 4px;
}

.bg_other_1_1 {
padding-bottom: 43px;
}

.bg_other_1_1 .line {
font-size: 12px;
line-height: 17px;
padding-top: 180px;
}

.bg_other_1_1 .line h2 {
font-size: 17px;
line-height: 22px;
padding: 7px 0;
}

.bg_other_1_1 .line h3 {
font-size: 13px;
line-height: 16px;
padding: 0 0 4px 0;
}

.bg_other_1_1 .line ul li {
background-position: left 5px;
background-size: 14px;
padding: 0 0 6px 22px;
}

.bg_other_2_1 {
padding-bottom: 72px;
}

.bg_other_2_1 .line {
padding-top: 180px;
}

.bg_other_2_1 .text {
font-size: 12px;
line-height: 17px;
padding-bottom: 11px;
}

.bg_other_2_1 .bg_items .item {
padding-bottom: 7px;
}

.bg_other_3_1 {
padding-bottom: 43px;
}

.bg_other_3_1 .line {
font-size: 12px;
line-height: 17px;
padding-top: 180px;
}

.bg_other_3_1 .line h2 {
padding-bottom: 36px;
}

.bg_other_3_51 .win_line {
background-position: right 5vw top;
background-size: 130vw;
min-height: initial;
}

.bg_other_3_51 .line {
padding-top: 72vw;
}

.bg_other_3_51 h1.subpage {
text-align: center;
max-width: none;
}

.bg_other_3_52 {
padding-bottom: 72px;
}

.bg_other_3_52 .line {
font-size: 12px;
line-height: 17px;
}

.bg_other_3_52 .line h2 {
font-size: 18px;
line-height: 22px;
padding: 7px 0;
}

.bg_other_3_52 .line h3 {
font-size: 12px;
line-height: 17px;
padding: 0 0 4px 0;
}

.bg_other_3_52 .line ul li {
background-position: left 5px;
background-size: 14px;
padding: 0 0 6px 20px;
}

.bg_other_4_1 {
padding-bottom: 72px;
}

.bg_other_4_1 .line {
font-size: 12px;
line-height: 17px;
padding-top: 180px;
}

.bg_other_4_1 .item {
width: 239px;
margin: 7px 0;
}

.bg_other_4_1 .item .button {
margin: 14px 0;
}

.bg_other_4_1 .item .small {
font-size: 10px;
line-height: 14px;
}

.bg_other_4_1 .text_2::before {
width: 360px;
padding-bottom: 22px;
}

.bg_other_6_1 .line {
font-size: 12px;
line-height: 17px;
padding-top: 180px;
}

.bg_other_6_2 {
padding-bottom: 72px;
}

.reference {
display: block;
}

.slider_reference {
width: 454px;
height: 375px;
border-radius: 29px;
margin: 0 auto;
}

.slider_reference .slide {
width: 346px;
height: 375px;
margin: 43px 54px;
}

.slider_reference .description {
font-size: 12px;
line-height: 17px;
}

.slider_reference .signature {
font-size: 10px;
line-height: 14px;
padding-top: 7px;
}

.slider_reference .logo {
width: 108px;
height: 50px;
}

.slider_logos {
width: 288px;
height: 389px;
margin: 30px auto 0 auto;
}

.slider_logos .slide {
width: 288px;
}

.slider_logos .slide .logo {
width: 86px;
height: 50px;
margin: 14px;
}

.slider_navigation {
bottom: 22px;
}

.slider_navigation .icon {
width: 9px;
height: 9px;
padding: 4px;
}

.slider_navigation .icon div {
width: 9px;
height: 9px;
}

.suppllogos {
display: block;
max-width: 320px;
margin: 0 auto;
}

.suppllogos .supplcateg {
width: 100%;
}

.suppllogos .supplcateg .title {
width: 122px;
font-size: 12px;
line-height: 17px;
border-radius: 11px;
padding: 2px 0;
margin: 25px auto 0 auto;
}

.suppllogos .supplcateg .desc {
font-size: 12px;
line-height: 17px;
text-align: center;
min-height: initial;
padding-top: 10px;
}

.suppllogos .supplcateg .bg_logos {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.suppllogos .supplcateg .logo {
width: 89px;
height: 43px;
margin: 18px auto;
}

.mappointsfilter {
gap: 6px;
font-size: 13px;
line-height: 17px;
padding: 22px 0;
}

.mappointsfilter .item {
width: auto;
min-width: 151px;
padding: 0 7px;
}

.mappointsfilter_2 {
max-width: none;
font-size: 13px;
line-height: 17px;
}

.mappointsfilter_2 .spacer {
height: 22px;
}

.mappointsfilter_2 .item {
width: auto;
min-width: 151px;
padding-bottom: 9px;
}

#google_map_points {
border-radius: 20px;
}

.mapinfowindow {
width: auto;
min-width: 231px;
font-size: 10px;
line-height: 14px;
padding: 4px 0;
}

.mapinfowindow h3 {
font-size: 10px;
line-height: 16px;
padding-bottom: 4px;
}

.mapinfowindow .address {
padding-bottom: 6px;
}

.mapinfowindow .link {
padding-bottom: 6px;
}

.mapinfowindow .accepts {
gap: 6px 0;
padding: 7px 0;
}

.mapinfowindow .accepts .item {
background-size: 11px;
width: auto;
min-width: 97px;
padding-left: 14px;
}

.bg_calc {
background-size: 750px;
background-position: center -100px;
min-height: 610px;
padding-top: 65px;
}

.bg_calc .bg_bookmarks {
width: auto;
font-size: 12px;
line-height: 20px;
}

.bg_calc .bg_bookmarks .bookmark {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
padding: 10px 15px 30px 15px;
}

.bg_calc h2 {
font-size: 29px;
line-height: 33px;
padding-bottom: 29px;
overflow: hidden;
}

.bg_calc .calc {
width: auto;
font-size: 12px;
line-height: 20px;
border-radius: 10px;
padding: 30px 10px;
}

.bg_calc .calc .form {
gap: 8px;
padding: 15px 0;
}

.bg_calc .calc .form label {
width: 290px;
}

.bg_calc .calc .form .inputbox {
width: 120px;
height: 25px;
font-size: 12px;
line-height: 25px;
border-radius: 7px;
padding: 0 10px;
}

.bg_calc .calc .table {
gap: 7px 0;
font-size: 12px;
line-height: 20px;
padding: 7px 0;
}

.bg_calc .calc h3 {
font-size: 18px;
line-height: 24px;
}

.bg_calc .calc .total {
gap: 5px 0;
}

.bg_calc .calc .total .amount {
font-size: 16px;
line-height: 22px;
padding-left: 5px;
}

.bg_calc .bottomtext {
font-size: 14px;
line-height: 22px;
}

.bg_faq {
background-size: 100% 214px;
}

.bg_faq .win_line {
min-height: 214px;
}

.bg_faq .line {
padding-top: 61px;
}

.bg_faq h2 {
text-align: center;
padding-bottom: 40px;
}

.bg_faq .bg_items .item {
font-size: 14px;
line-height: 19px;
border-radius: 16px;
padding: 7px 22px;
margin-bottom: 14px;
}

.bg_other_6_2.bg_faq .bg_items .item {
font-size: 12px;
line-height: 17px;
}

.bg_other_6_2.bg_faq .bg_items .item ul li {
background-position: left 5px;
background-size: 14px;
padding: 0 0 6px 22px;
}

.bg_faq .bg_items .item .title {
padding: 7px 22px 7px 0;
}

.bg_other_6_2.bg_faq .bg_items .item .title {
font-size: 14px;
line-height: 19px;
}

.bg_faq .bg_items .item .title::after {
width: 18px;
height: 13px;
top: 9px;
}

.bg_faq .bg_items .item .desc .box {
padding: 11px 0 5px 0;
}

.bg_faq .text {
font-size: 12px;
line-height: 17px;
padding-top: 22px;
}

.bg_newsletter .win_line {
min-height: 349px;
}

.bg_newsletter .line {
padding-top: 39px;
}

.bg_newsletter h2 {
padding-bottom: 29px;
}

.bg_newsletter .text {
font-size: 14px;
line-height: 22px;
}

.bg_newsletter .item .button {
height: 37px;
line-height: 37px;
border-radius: 17px;
padding: 0 14px;
}

.bg_logos {
gap: 29px 43px;
}

.bg_logos .logo {
width: 86px;
height: 50px;
}

.bg_top .bg_toolbox .line {
font-size: 11px;
line-height: 16px;
padding: 7px 7px 1px 7px;
}

.bg_top .bg_upper .line {
column-gap: 22px;
height: 40px;
}

.bg_top .bg_upper .menu_upper {
column-gap: 22px;
}

.bg_top .bg_upper .menu_upper li a {
font-size: 10px;
line-height: 14px;
}

.bg_top .bg_upper .languages .inputbox {
height: 22px;
font-size: 10px;
line-height: 22px;
border-radius: 11px;
}

.bg_top .bg_upper .form_login {
display: none;
}

.bg_top .bg_upper .form_login .lostpswd {
font-size: 9px;
line-height: 12px;
}

.bg_top .bg_main .logo {
width: 110px;
height: 44px;
margin-top: 3px;
}

.bg_top .bg_main .menu_main {
display: none;
float: none;
}

.bg_top .bg_main .menu_main.active {
display: block;
background: rgba(255, 255, 255, 0.9);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
padding: 40px 0 0 0;
}

.bg_top .bg_main .menu_main .divider {
display: block;
font-size: 70px;
line-height: 70px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}

.bg_top .bg_main .menu_main li {
width: auto;
max-width: 300px;
margin: 0 auto;
}

.bg_top .bg_main .menu_main li.menulogin {
display: block;
}

.bg_top .bg_main .menu_main li a {
font-size: 16px;
line-height: 22px;
padding: 14px 0;
}

.bg_top .bg_main .menu_main li.menulogin a {
font-size: 14px;
line-height: 20px;
}

.bg_top .bg_main .menumain_open {
background: url('../images/bg_hamburger.svg') center no-repeat;
background-size: 30px;
display: block;
float: right;
width: 40px;
height: 45px;
cursor: pointer;
}

.bg_footer .line {
background-size: 170px;
min-height: 240px;
font-size: 10px;
line-height: 14px;
padding-top: 79px;
}

.bg_footer .bg_text {
column-gap: 29px;
flex-wrap: wrap;
padding-bottom: 29px;
}

.bg_footer h3 {
font-size: 12px;
line-height: 17px;
padding-bottom: 18px;
}

.bg_footer .logo {
width: 130px;
height: 52px;
}

.bg_footer .text_social {
padding-top: 29px;
}

.bg_footer .menu_social {
column-gap: 18px;
}

.bg_footer .text_rights {
padding-top: 10px;
}

.bg_footer .menu_footer {
max-width: 144px;
}

.eu_cookie .bg_text {
display: block;
}

.eu_cookie .bg_text .text {
width: auto;
font-size: 12px;
line-height: 17px;
padding-bottom: 10px;
}

.eu_cookie .bg_text .bg_buttons {
width: 170px;
}

}

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

.bg_hp_3 .win_line {
background-position: left -65px top;
background-size: 590px;
min-height: 500px;
}

.bg_hp_3 .bg_text {
left: 125px;
}

.bg_hp_3 .bg_text h2.type_1, .bg_hp_3 .bg_text h2.type_2 {
font-size: 18px;
line-height: 22px;
}

.bg_hp_3 .item {
width: 90px;
height: 80px;
}

.bg_hp_3 .item.item_1 {
top: 390px;
left: 8px;
}

.bg_hp_3 .item.item_2 {
top: 402px;
left: 111px;
}

.bg_hp_3 .item.item_3 {
top: 390px;
left: 210px;
}

.bg_hp_3 .item h3 {
font-size: 10px;
line-height: 13px;
padding: 11px 8px;
}
}

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

textarea.inputbox {
min-width: 216px;
max-width: 216px;
padding: 5px 11px;
}

.bg_employer_4 .circles {
width: calc((508 / 530) * 100vw);
height: calc((396 / 530) * 100vw);
}

.bg_employer_4 .circles .circle {
width: calc((86 / 530) * 100vw);
height: calc((86 / 530) * 100vw);
font-size: calc((10 / 530) * 100vw);
line-height: calc((14 / 530) * 100vw);
}

.bg_employer_4 .circles .circle.type_1 {
top: calc((130 / 530) * 100vw);
}

.bg_employer_4 .circles .circle.type_2, .bg_employer_4 .circles .circle.type_3, .bg_employer_4 .circles .circle.type_5, .bg_employer_4 .circles .circle.type_7 {
width: calc((104 / 530) * 100vw);
height: calc((104 / 530) * 100vw);
font-size: calc((12 / 530) * 100vw);
line-height: calc((16 / 530) * 100vw);
}

.bg_employer_4 .circles .circle.type_2 {
top: calc((182 / 530) * 100vw);
left: calc((45 / 530) * 100vw);
}

.bg_employer_4 .circles .circle.type_3 {
top: calc((86 / 530) * 100vw);
left: calc((142 / 530) * 100vw);
}

.bg_employer_4 .circles .circle.type_4 {
width: calc((86 / 530) * 100vw);
height: calc((86 / 530) * 100vw);
top: calc((34 / 530) * 100vw);
left: calc((220 / 530) * 100vw);
}

.bg_employer_4 .circles .circle.type_5 {
top: calc((83 / 530) * 100vw);
left: calc((281 / 530) * 100vw);
}

.bg_employer_4 .circles .circle.type_6 {
width: calc((94 / 530) * 100vw);
height: calc((94 / 530) * 100vw);
top: calc((108 / 530) * 100vw);
left: calc((411 / 530) * 100vw);
}

.bg_employer_4 .circles .circle.type_7 {
top: calc((182 / 530) * 100vw);
left: calc((375 / 530) * 100vw);
}

.bg_employer_4 .circles .circle.type_21 {
font-size: calc((14 / 530) * 100vw);
line-height: calc((17 / 530) * 100vw);
width: calc((92 / 530) * 100vw);
height: calc((65 / 530) * 100vw);
top: calc((238 / 530) * 100vw);
left: calc((227 / 530) * 100vw);
}
}

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

.bg_hp_1, .bg_employer_1, .bg_employee_1, .bg_supplier_1, .bg_voucher_1, .bg_other_3_51 {
padding-top: 30px;
}

.bg_hp_13 .line .item {
border-width: 1px;
}

.bg_hp_13 .line .item .number {
font-size: 22px;
line-height: 30px;
padding-bottom: 4px;
}

.bg_hp_13 .line .item .text {
font-size: 12px;
line-height: 16px;
}

.bg_employee_5 .win_line {
background-position: -40vw 200px;
}

.bg_supplier_2 .win_line {
background-position: center 100px;
}

.bg_voucher_3 .win_line {
background-position: center 250px;
}

.slider_reference {
width: 300px;
height: 430px;
}

.slider_reference .slide {
width: 280px;
height: 430px;
margin-left: 10px;
margin-right: 10px;
}

.slider_navigation {
column-gap: 5px;
}

.bg_newsletter .item {
width: 300px;
}

.bg_newsletter .item .inputbox {
width: 160px;
}
}

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

.bg_hp_3 .win_line {
background-position: left -55px top;
background-size: 480px;
min-height: 407px;
}

.bg_hp_3 .bg_text {
left: 100px;
}

.bg_hp_3 .bg_text h2.type_1, .bg_hp_3 .bg_text h2.type_2 {
font-size: 16px;
line-height: 20px;
}

.bg_hp_3 .item {
width: 75px;
height: 70px;
}

.bg_hp_3 .item.item_1 {
top: 315px;
left: 3px;
}

.bg_hp_3 .item.item_2 {
top: 325px;
left: 87px;
}

.bg_hp_3 .item.item_3 {
top: 315px;
left: 168px;
}

.bg_hp_3 .item h3 {
font-size: 8px;
line-height: 11px;
padding: 8px 5px;
}


.bg_hp_6 .bg_layer_1 {
margin-left: -30px;
}

.bg_employer_5 .item {
width: auto;
}
}

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

.bg_hp_6 .bg_layer_1 {
margin-left: -60px;
}

.bg_newsletter .item {
width: 260px;
}

.bg_newsletter .item .inputbox {
width: 120px;
}
}

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

.bg_hp_6 .bg_layer_1 {
margin-left: -70px;
}
}