@charset "UTF-8";

/* supportの設定 */
body {
  width: 100vw;
  top: 0;
  left: 0;
  background-image: url(../img/index/body/body.jpg);
  background-repeat: repeat-y;
  background-size: contain;
  background-position: right top;
}

main#main {
  margin-bottom: 100px;
}

@media screen and (min-width: 1200px) {
  .none_pc {
    display: none;
  }

  main#main {
    margin-bottom: 250px;
  }
}

@media screen and (min-width: 768px) {
  .none_pc {
    display: none;
  }

  main#main {
    margin-bottom: 200px;
  }
}

@media screen and (max-width: 767px) {
  .none_phone {
    display: none;
  }

  main#main {
    margin-bottom: 100px;
  }
}

div[class^='Text_box'] {
  width: 100%;
  position: relative;
  cursor: pointer;
}

header {
  width: calc(100vw - 15px);
}

@media screen and (max-width: 767px) {
  body {
    width: 100vw;
  }

  header {
    width: 100vw;
  }
}
/* ======================================= supportの設定 =======================================*/
#about {
  width: 100%;
  padding-top: 262px;
}

#about img {
  width: 28%;
  margin: 0 auto 100px;
}

#container1,
#container2,
#container3 {
  width: 58%;
  margin: 0 auto 4.5vw;
  display: flex;
  gap: 0 4.5vw;
}

.item1,
.item2 {
  width: 50%;
  cursor: pointer;
  position: relative;
}

div[class^='popPicture'] {
  position: fixed;
  top: -1000vh;
  left: -1000vw;
  overflow: visible;
  width: 70%;
  /* height: calc(100vh - 120px); */
  height: 100%;
  bottom: 0;
  right: 0;
  opacity: 1;
  z-index: 10;
  border-radius: 50px;
  background-color: #ede9e3;
}

div[class^='popPicture'] img {
  width: 100%;
  height: auto;
}

div[class^='popPicture6'] img {
  width: 100%;
  height: auto;
  padding-bottom: 0px;
  position: relative;
  z-index: 6;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ブロックのタイトル下線 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.container1-title {
  display: block;
  width: 58%;
  margin: 0 auto;
  font-size: 30px;
  line-height: 1em;
  color: #bda67a;
  border-bottom: solid 2.5px #bda67a;
  padding-bottom: 22px;
  margin-bottom: 30px;
  text-align: left;
  font-weight: 500;
}

.container3-title {
  display: block;
  width: 58%;
  margin: 0 auto;
  font-size: 30px;
  line-height: 1em;
  color: #bda67a;
  border-bottom: solid 2.5px #bda67a;
  padding-bottom: 22px;
  margin-top: 150px;
  margin-bottom: 30px;
  text-align: left;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .container1-title {
    display: block;
    width: 82%;
    margin: 0 auto;
    font-size: 30px;
    line-height: 1em;
    color: #bda67a;
    border-bottom: solid 2.5px #bda67a;
    padding-bottom: 22px;
    margin-bottom: 30px;
    text-align: left;
    font-weight: 500;
  }
  
  .container3-title {
    display: block;
    width: 82%;
    margin: 0 auto;
    font-size: 30px;
    line-height: 1em;
    color: #bda67a;
    border-bottom: solid 2.5px #bda67a;
    padding-bottom: 22px;
    margin-top: 150px;
    margin-bottom: 30px;
    text-align: left;
    font-weight: 500;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 支援ブロック ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.table_wrapper1::before {
  content: '就職支援';
  padding: 6px 22px;
  background-color: #f7b559;
  font-size: 26px;
  font-weight: bold;
  color: #3e3a39;
  border-radius: 15px 15px 0 0;
  z-index: 5;
}
.table_wrapper2::before {
  content: '結婚支援';
  padding: 6px 22px;
  background-color: #f7b559;
  font-size: 26px;
  font-weight: bold;
  color: #3e3a39;
  border-radius: 15px 15px 0 0;
  z-index: 5;
}
.table_wrapper3::before {
  content: '住宅支援';
  padding: 6px 22px;
  background-color: #f7b559;
  font-size: 26px;
  font-weight: bold;
  color: #3e3a39;
  border-radius: 15px 15px 0 0;
  z-index: 5;
}
.table_wrapper4::before {
  content: '出産支援';
  padding: 6px 22px;
  background-color: #f7b559;
  font-size: 26px;
  font-weight: bold;
  color: #3e3a39;
  border-radius: 15px 15px 0 0;
  z-index: 5;
}
.table_wrapper5::before {
  content: '子育て支援';
  padding: 6px 22px;
  background-color: #f7b559;
  font-size: 26px;
  font-weight: bold;
  color: #3e3a39;
  border-radius: 15px 15px 0 0;
  z-index: 5;
}
.table_wrapper6::before {
  content: '保育園支援';
  padding: 6px 22px;
  background-color: #f7b559;
  font-size: 26px;
  font-weight: bold;
  color: #3e3a39;
  border-radius: 15px 15px 0 0;
  z-index: 5;
}
.table_wrapper7::before {
  content: '小・中学校支援';
  padding: 6px 22px;
  background-color: #f7b559;
  font-size: 26px;
  font-weight: bold;
  color: #3e3a39;
  border-radius: 15px 15px 0 0;
  z-index: 5;
}
.table_wrapper8::before {
  content: '高校・進学支援';
  padding: 6px 22px;
  background-color: #f7b559;
  font-size: 26px;
  font-weight: bold;
  color: #3e3a39;
  border-radius: 15px 15px 0 0;
  z-index: 5;
}
.table_wrapper9::before {
  content: '医療(病気)支援';
  padding: 6px 22px;
  background-color: #f7b559;
  font-size: 26px;
  font-weight: bold;
  color: #3e3a39;
  border-radius: 15px 15px 0 0;
  z-index: 5;
}
.table_wrapper10::before {
  content: '障がい者支援';
  padding: 6px 22px;
  background-color: #f7b559;
  font-size: 26px;
  font-weight: bold;
  color: #3e3a39;
  border-radius: 15px 15px 0 0;
  z-index: 5;
}
.table_wrapper11::before {
  content: '高齢者支援';
  padding: 6px 22px;
  background-color: #f7b559;
  font-size: 26px;
  font-weight: bold;
  color: #3e3a39;
  border-radius: 15px 15px 0 0;
  z-index: 5;
}
.table_wrapper12::before {
  content: '介護(予防)支援';
  padding: 6px 22px;
  background-color: #f7b559;
  font-size: 26px;
  font-weight: bold;
  color: #3e3a39;
  border-radius: 15px 15px 0 0;
  z-index: 5;
}

.table_last {
  display: block;
  height: min(140px, calc(4vh + 40px));
  background-color: #eeeae5;
  z-index: 3;
  border-radius: 0px 0px 25px 25px;
}

button {
  all: unset;
  border: 0;
  border-bottom: solid 2px #feb64a;
  border-right: solid 2px #feb64a;
  display: inline-block;
  transform: rotate(45deg);
  transform-origin: center;
  transition: transform 0.5s;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 13px;
  right: 13px;
}

.table_wrapper {
  width: 100%;
  max-width: 1540px;
  margin: 0px auto 0;
  padding-top: 60px;
  background-color: #eeeae5;
}

.table_wrapper1 {
  width: 100%;
  max-width: 1540px;
  margin: -30px auto 0;
  padding-top: 60px;
  background-color: #eeeae5;
}

div[class*='table_'] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 5.6693px solid #eeeee5;
}
.table-head {
  background-color: #d8c29c;
}

.table-item:nth-of-type(1),
.table-item:nth-of-type(3),
.table-item:nth-of-type(4),
.table-head:nth-of-type(1),
.table-head:nth-of-type(3),
.table-head:nth-of-type(4) {
  width: 23.3%;
}

.table-item:nth-of-type(2),
.table-head:nth-of-type(2) {
  width: 30.1%;
}

.table-item {
  border-right: 5.6693px solid #eeeae5;
  padding: 7px 10px;
  text-align: left;
  font-size: 14.5px;
  line-height: 1.35em;
  font-weight: normal;
  background-color: white;
}

.table-item .ht {
  font-size: 17.5px;
  font-weight: bold;
  line-height: 1.2em;
}

.table-item .ht-s1,
.table-item .ht-s2 {
  font-size: 13.5px;
  line-height: 1.65em;
  font-weight: normal;
}

.table-head {
  border-right: 5.6693px solid #eeeae5;
  padding: 10px;
  text-align: left;
  font-size: 17.5px;
}

.table-item:nth-of-type(4),
.table-head:nth-of-type(4) {
  border-right: 0px solid #eeeae5;
}

.hidden {
  display: none;
}

@media screen and (max-width: 767px) {
  .table_0 {
    display: none;
  }

  button.hidden {
    all: unset;
    border: 0;
    border-bottom: solid 2px #feb64a;
    border-right: solid 2px #feb64a;
    display: inline-block;
    transform: rotate(-135deg);
    transform-origin: center;
    transition: transform 0.5s;
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: 5px;
    right: 13px;
    z-index: 10;
  }

  div[class*='table_'] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .table-head {
    display: none;
  }

  .table-item {
    width: 100%;
    width: 100%;
    border-bottom: 0px solid #ede9e3;
    padding: 15px;
  }

  .table-item:first-of-type {
    border-top: 0px solid #eeeae5;
  }

  .table-item:nth-of-type(1) {
    border-top: 0px solid #eeeae5;
  }

  div[class*='table_'] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 7.5px solid #eeeee5;
  }

  div[class*='table_0'] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 0px solid #eeeee5;
  }

  div[class^='popPicture'] img {
    padding-bottom: 0px;
  }

  div[class^='popPicture'] {
    position: fixed;
    top: -1000vh;
    left: -1000vw;
    overflow: visible;
    width: 82%;
    height: calc(100vh - 120px);
    bottom: 0;
    right: 0;
    opacity: 1;
    z-index: 10;
    border-radius: 50px;
  }
}

.pop_image {
  width: 100%;
  height: calc(87vh - 60px);
  margin-bottom: 100px;
  position: relative;
  overflow-y: scroll;
  border-radius: 30px;
  background-color: #eeebe4;
}

.pop_image::-webkit-scrollbar {
  display: none;
}

div[class^='modal-bg'] {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(80, 80, 80, 0.3);
  z-index: 5;
}

div[class^='tojiru'] {
  position: fixed;
  top: 135px;
  right: calc(15% + 30px);
  width: 32px;
  height: 32px;
  background-image: url(../img/support/container1/close.svg);
  background-repeat: no-repeat;
  display: none;
  opacity: 0;
  z-index: 5;
}

.popPicture6 div[class^='tojiru'] {
  position: fixed;
  top: 125px;
  right: calc(15% + 30px);
  width: 40px;
  height: 40px;
  background-image: url(../img/support/container3/close_w.svg);
  background-repeat: no-repeat;
  display: none;
  opacity: 0;
  z-index: 8;
}

@media screen and (max-width: 767px) {
  /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 支援ブロック ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .table_wrapper1::before {
    content: '就職支援';
    max-width: 145px;
    padding: 6px 6px;
    background-color: #f7b559;
    font-size: 20px;
    font-weight: bold;
    color: #3e3a39;
    border-radius: 15px 15px 0 0;
    z-index: 5;
  }
  .table_wrapper2::before {
    content: '結婚支援';
    max-width: 145px;
    padding: 6px 6px;
    background-color: #f7b559;
    font-size: 20px;
    font-weight: bold;
    color: #3e3a39;
    border-radius: 15px 15px 0 0;
    z-index: 5;
  }
  .table_wrapper3::before {
    content: '住宅支援';
    max-width: 145px;
    padding: 6px 6px;
    background-color: #f7b559;
    font-size: 20px;
    font-weight: bold;
    color: #3e3a39;
    border-radius: 15px 15px 0 0;
    z-index: 5;
  }
  .table_wrapper4::before {
    content: '出産支援';
    max-width: 145px;
    padding: 6px 6px;
    background-color: #f7b559;
    font-size: 20px;
    font-weight: bold;
    color: #3e3a39;
    border-radius: 15px 15px 0 0;
    z-index: 5;
  }
  .table_wrapper5::before {
    content: '子育て支援';
    max-width: 150px;
    padding: 6px 6px;
    background-color: #f7b559;
    font-size: 20px;
    font-weight: bold;
    color: #3e3a39;
    border-radius: 15px 15px 0 0;
    z-index: 5;
  }
  .table_wrapper6::before {
    content: '保育園支援';
    max-width: 150px;
    padding: 6px 6px;
    background-color: #f7b559;
    font-size: 20px;
    font-weight: bold;
    color: #3e3a39;
    border-radius: 15px 15px 0 0;
    z-index: 5;
  }
  .table_wrapper7::before {
    content: '小・中学校支援';
    max-width: 170px;
    padding: 6px 6px;
    background-color: #f7b559;
    font-size: 20px;
    font-weight: bold;
    color: #3e3a39;
    border-radius: 15px 15px 0 0;
    z-index: 5;
  }
  .table_wrapper8::before {
    content: '高校・進学支援';
    max-width: 170px;
    padding: 6px 6px;
    background-color: #f7b559;
    font-size: 20px;
    font-weight: bold;
    color: #3e3a39;
    border-radius: 15px 15px 0 0;
    z-index: 5;
  }
  .table_wrapper9::before {
    content: '医療(病気)支援';
    max-width: 170px;
    padding: 6px 6px;
    background-color: #f7b559;
    font-size: 20px;
    font-weight: bold;
    color: #3e3a39;
    border-radius: 15px 15px 0 0;
    z-index: 5;
  }
  .table_wrapper10::before {
    content: '障がい者支援';
    max-width: 170px;
    padding: 6px 6px;
    background-color: #f7b559;
    font-size: 20px;
    font-weight: bold;
    color: #3e3a39;
    border-radius: 15px 15px 0 0;
    z-index: 5;
  }
  .table_wrapper11::before {
    content: '高齢者支援';
    max-width: 150px;
    padding: 6px 6px;
    background-color: #f7b559;
    font-size: 20px;
    font-weight: bold;
    color: #3e3a39;
    border-radius: 15px 15px 0 0;
    z-index: 5;
  }
  .table_wrapper12::before {
    content: '介護(予防)支援';
    max-width: 170px;
    padding: 6px 6px;
    background-color: #f7b559;
    font-size: 20px;
    font-weight: bold;
    color: #3e3a39;
    border-radius: 15px 15px 0 0;
    z-index: 5;
  }

  div[class^='tojiru'] {
    position: fixed;
    top: 125px;
    right: calc(6% + 40px);
    width: 32px;
    height: 32px;
    background-image: url(../img/support/container1/close.svg);
    background-repeat: no-repeat;
    display: none;
    opacity: 0;
    z-index: 5;
  }

  .popPicture6 div[class^='tojiru'] {
    position: fixed;
    top: 125px;
    right: calc(6% + 40px);
    width: 32px;
    height: 32px;
    background-image: url(../img/support/container3/close_w.svg);
    background-repeat: no-repeat;
    display: none;
    opacity: 0;
    z-index: 8;
  }

  div[class*='table_']:last-of-type {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 0px solid #eeeae500;
    border-radius: 0 0 20px 20px;
  }

  .table-item {
    border-right: 0px solid #eeeae5;
    padding: 7.5px 10px 7.5px;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    background-color: white;
  }

  .table_wrapper1 {
    width: 100%;
    max-width: 767px;
    margin: -80px auto 0;
    padding-top: 60px;
    background-color: #eeeae5;
  }

  .table-item:nth-of-type(1),
  .table-item:nth-of-type(3),
  .table-item:nth-of-type(4),
  .table-head:nth-of-type(1),
  .table-head:nth-of-type(3),
  .table-head:nth-of-type(4) {
    width: 100%;
  }

  .table-item:nth-of-type(2),
  .table-head:nth-of-type(2) {
    width: 100%;
  }
}

.item1 div[class^='Text_box'] img,
.item2 div[class^='Text_box'] img {
  filter: drop-shadow(6px 6px 3.56px rgba(100, 100, 100, 0.5));
  cursor: pointer;
}

.item1 div[class^='Text_box'] img:hover,
.item2 div[class^='Text_box'] img:hover {
  filter: drop-shadow(6px 6px 3.56px rgba(100, 100, 100, 0));
  filter: brightness(85%);
}

@media screen and (max-width: 767px) {
  #about {
    padding-top: 150px;
  }

  #about img {
    width: 48%;
    margin: 10px auto 80px;
  }

  #container1,
  #container2,
  #container3 {
    width: 82%;
    margin: 0 auto 0vw;
    display: inline-block;
    gap: 0 0vw;
  }

  .item1,
  .item2 {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-bottom: 5.5vw;
  }

  .table-item:nth-of-type(2) {
    padding: 10px 10px 10px 48px;
    position: relative;
    height: 100%;
    min-height: 68px;
  }

  .table-item:nth-of-type(1)::after {
    content: '';
    display: inline-block;
    width: 96%;
    height: 2px;
    background-color: #eeeae5;
    position: absolute;
    top: 80px;
    left: 2%;
    z-index: 10;
    user-select: none;
  }

  .table-item:nth-of-type(2)::after {
    content: '';
    display: inline-block;
    width: 96%;
    height: 2px;
    background-color: #eeeae5;
    position: absolute;
    bottom: 0;
    left: 2%;
  }
  .table-item:nth-of-type(3)::after {
    content: '';
    display: inline-block;
    width: 96%;
    height: 2px;
    background-color: #eeeae5;
    position: absolute;
    bottom: 0;
    left: 2%;
  }

  .table-item:nth-of-type(3) {
    padding: 10px 10px 10px 48px;
    position: relative;
    height: 100%;
    min-height: 68px;
  }

  .table-item:nth-of-type(4) {
    padding: 10px 10px 10px 48px;
    position: relative;
    height: 100%;
    min-height: 100px;
  }

  .table-item:nth-of-type(2)::before {
    content: '概要';
    background-color: #eeeae5;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    display: inline-block;
    text-align: left;
    padding: 0.45em 0.3em;
    font-size: 16px;
    position: absolute;
    top: 10px;
    left: 5px;
  }

  .table-item:nth-of-type(3)::before {
    content: '対象';
    background-color: #eeeae5;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    display: inline-block;
    text-align: left;
    padding: 0.45em 0.3em;
    font-size: 16px;
    position: absolute;
    top: 10px;
    left: 5px;
  }

  .table-item:nth-of-type(4)::before {
    content: '金額等';
    background-color: #eeeae5;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    display: inline-block;
    text-align: left;
    padding: 0.45em 0.3em;
    font-size: 16px;
    position: absolute;
    top: 10px;
    left: 5px;
  }
}
@media screen and (max-width: 767px) {
  .table_501 .table-item:nth-of-type(1)::after,
  .table_701 .table-item:nth-of-type(1)::after,
  .table_801 .table-item:nth-of-type(1)::after,
  .table_901 .table-item:nth-of-type(1)::after,
  .table_902 .table-item:nth-of-type(1)::after,
  .table_1013 .table-item:nth-of-type(1)::after,
  .table_1202 .table-item:nth-of-type(1)::after {
    content: '';
    display: inline-block;
    width: 96%;
    height: 2px;
    background-color: #eeeae5;
    position: absolute;
    top: 106px;
    left: 2%;
    z-index: 10;
    user-select: none;
  }
}

@media screen and (max-width: 515px) {
  .table_1013 .table-item:nth-of-type(1)::after {
    content: '';
    display: inline-block;
    width: 96%;
    height: 2px;
    background-color: #eeeae5;
    position: absolute;
    top: 106px;
    left: 2%;
    z-index: 10;
    user-select: none;
  }
}

@media screen and (max-width: 470px) {
  .table_702 .table-item:nth-of-type(1)::after {
    content: '';
    display: inline-block;
    width: 96%;
    height: 2px;
    background-color: #eeeae5;
    position: absolute;
    top: 106px;
    left: 2%;
    z-index: 10;
    user-select: none;
  }
}

@media screen and (max-width: 449px) {
  .table_1101 .table-item:nth-of-type(1)::after {
    content: '';
    display: inline-block;
    width: 96%;
    height: 2px;
    background-color: #eeeae5;
    position: absolute;
    top: 106px;
    left: 2%;
    z-index: 10;
    user-select: none;
  }
}

@media screen and (max-width: 448px) {
  .table_1005 .table-item:nth-of-type(1)::after {
    content: '';
    display: inline-block;
    width: 96%;
    height: 2px;
    background-color: #eeeae5;
    position: absolute;
    top: 106px;
    left: 2%;
    z-index: 10;
    user-select: none;
  }
}
@media screen and (max-width: 426.5px) {
  .table_1003 .table-item:nth-of-type(1)::after {
    content: '';
    display: inline-block;
    width: 96%;
    height: 2px;
    background-color: #eeeae5;
    position: absolute;
    top: 106px;
    left: 2%;
    z-index: 10;
    user-select: none;
  }
}

/* ======================================= モーダルボタンの制御 =======================================*/
@media screen and (min-width: 768px) {
  .btn1_s,
  .btn3_s,
  .btn4_s,
  .btn5_s {
    display: none;
  }

  .hidden {
    display: inline !important;
  }

  button {
    display: none;
  }
}

.btn1_l,
.btn3_l,
.btn4_l,
.btn5_l {
  display: block;
  width: 100%;
  position: relative;
}

.btn1_l a {
  display: block;
  width: 13%;
}

.btn3_l a {
  display: block;
  width: 32%;
}

.btn4_l a {
  display: block;
  width: 32%;
}

.btn5_l a {
  display: block;
  width: 13%;
}

.btn1_l {
  left: 70%;
  bottom: 327px;
}

.btn3_l {
  bottom: 72px;
  left: calc(7vw + 40px);
}
.btn4_l {
  bottom: 125px;
  left: calc(7vw + 40px);
}

.btn5_l {
  left: 70%;
  bottom: 345px;
}

@media screen and (max-width: 1920px) {
  .btn1_l {
    bottom: 353px;
  }
  .btn3_l {
    bottom: 72px;
    left: calc(7vw + 40px);
  }
  .btn4_l {
    bottom: 75px;
    left: calc(7vw + 40px);
  }
  .btn5_l {
    bottom: 368px;
  }
}
@media screen and (max-width: 1900px) {
  .btn1_l {
    bottom: 351px;
  }
  .btn3_l {
    bottom: 72px;
    left: calc(7vw + 40px);
  }
  .btn4_l {
    bottom: 75px;
    left: calc(7vw + 40px);
  }
  .btn5_l {
    bottom: 366px;
  }
}
@media screen and (max-width: 1850px) {
  .btn1_l {
    bottom: 348px;
  }
  .btn3_l {
    bottom: 72px;
    left: calc(7vw + 40px);
  }
  .btn4_l {
    bottom: 75px;
    left: calc(7vw + 40px);
  }
  .btn5_l {
    bottom: 363px;
  }
}
@media screen and (max-width: 1800px) {
  .btn1_l {
    bottom: 345px;
  }
  .btn3_l {
    bottom: 72px;
    left: calc(7vw + 40px);
  }
  .btn4_l {
    bottom: 75px;
    left: calc(7vw + 40px);
  }
  .btn5_l {
    bottom: 360px;
  }
}
@media screen and (max-width: 1750px) {
  .btn1_l {
    bottom: 342px;
  }
  .btn3_l {
    bottom: 72px;
    left: calc(7vw + 40px);
  }
  .btn4_l {
    bottom: 75px;
    left: calc(7vw + 40px);
  }
  .btn5_l {
    bottom: 357px;
  }
}
@media screen and (max-width: 1700px) {
  .btn1_l {
    bottom: 337px;
  }
  .btn3_l {
    bottom: 72px;
    left: calc(7vw + 40px);
  }
  .btn4_l {
    bottom: 75px;
    left: calc(7vw + 40px);
  }
  .btn5_l {
    bottom: 354px;
  }
}
@media screen and (max-width: 1650px) {
  .btn1_l {
    bottom: 334px;
  }
  .btn3_l {
    bottom: 72px;
    left: calc(7vw + 40px);
  }
  .btn4_l {
    bottom: 75px;
    left: calc(7vw + 40px);
  }
  .btn5_l {
    bottom: 351px;
  }
}
@media screen and (max-width: 1600px) {
  .btn1_l {
    bottom: 331px;
  }
  .btn3_l {
    bottom: 72px;
    left: calc(7vw + 40px);
  }
  .btn4_l {
    bottom: 75px;
    left: calc(7vw + 40px);
  }
  .btn5_l {
    bottom: 348px;
  }
}
@media screen and (max-width: 1550px) {
  .btn1_l {
    bottom: 328px;
  }
  .btn3_l {
    bottom: 72px;
    left: calc(7vw + 40px);
  }
  .btn4_l {
    bottom: 75px;
    left: calc(7vw + 40px);
  }
  .btn5_l {
    bottom: 345px;
  }
}
@media screen and (max-width: 1500px) {
  .btn1_l {
    bottom: 325px;
  }
  .btn3_l {
    bottom: 72px;
    left: calc(7vw + 40px);
  }
  .btn4_l {
    bottom: 75px;
    left: calc(7vw + 40px);
  }
  .btn5_l {
    bottom: 342px;
  }
}
@media screen and (max-width: 1450px) {
  .btn1_l {
    bottom: 322px;
  }
  .btn3_l {
    bottom: 50px;
  }
  .btn4_l {
    bottom: 50px;
  }
  .btn5_l {
    bottom: 339px;
  }
}
@media screen and (max-width: 1400px) {
  .btn1_l {
    bottom: 319px;
  }
  .btn3_l {
    bottom: 50px;
  }
  .btn4_l {
    bottom: 50px;
  }
  .btn5_l {
    bottom: 336px;
  }
}
@media screen and (max-width: 1350px) {
  .btn1_l {
    bottom: 316px;
  }
  .btn3_l {
    bottom: 50px;
  }
  .btn4_l {
    bottom: 50px;
  }
  .btn5_l {
    bottom: 333px;
  }
}
@media screen and (max-width: 1300px) {
  .btn1_l {
    bottom: 313px;
  }
  .btn3_l {
    bottom: 50px;
  }
  .btn4_l {
    bottom: 50px;
  }
  .btn5_l {
    bottom: 330px;
  }
}
@media screen and (max-width: 1300px) {
  .btn1_l {
    bottom: 308px;
  }
  .btn3_l {
    bottom: 50px;
  }
  .btn4_l {
    bottom: 50px;
  }
  .btn5_l {
    bottom: 325px;
  }
}
@media screen and (max-width: 1250px) {
  .btn1_l {
    bottom: 308px;
  }
  .btn3_l {
    bottom: 50px;
  }
  .btn4_l {
    bottom: 50px;
  }
  .btn5_l {
    bottom: 320px;
  }
}
@media screen and (max-width: 1200px) {
  .btn1_l {
    bottom: 300px;
  }
  .btn3_l {
    bottom: 50px;
  }
  .btn4_l {
    bottom: 50px;
  }
  .btn5_l {
    bottom: 312px;
  }
}
@media screen and (max-width: 1150px) {
  .btn1_l {
    bottom: 297px;
  }
  .btn3_l {
    bottom: 50px;
  }
  .btn4_l {
    bottom: 50px;
  }
  .btn5_l {
    bottom: 309px;
  }
}
@media screen and (max-width: 1100px) {
  .btn1_l {
    bottom: 294px;
  }
  .btn3_l {
    bottom: 50px;
  }
  .btn4_l {
    bottom: 50px;
  }
  .btn5_l {
    bottom: 306px;
  }
}
@media screen and (max-width: 1050px) {
  .btn1_l {
    bottom: 291px;
  }
  .btn3_l {
    bottom: 50px;
  }
  .btn4_l {
    bottom: 50px;
  }
  .btn5_l {
    bottom: 303px;
  }
}
@media screen and (max-width: 1000px) {
  .btn1_l {
    bottom: 288px;
  }
  .btn3_l {
    bottom: 50px;
  }
  .btn4_l {
    bottom: 50px;
  }
  .btn5_l {
    bottom: 300px;
  }
}
@media screen and (max-width: 970px) {
  .btn1_l {
    bottom: 285px;
  }
  .btn3_l {
    bottom: 50px;
  }
  .btn4_l {
    bottom: 50px;
  }
  .btn5_l {
    bottom: 298px;
  }
}
@media screen and (max-width: 950px) {
  .btn1_l {
    bottom: 285px;
  }
  .btn3_l {
    bottom: 50px;
  }
  .btn4_l {
    bottom: 50px;
  }
  .btn5_l {
    bottom: 293px;
  }
}
@media screen and (max-width: 900px) {
  .btn1_l {
    bottom: 276px;
  }
  .btn3_l {
    bottom: 50px;
  }
  .btn4_l {
    bottom: 50px;
  }
  .btn5_l {
    bottom: 290px;
  }
}
@media screen and (max-width: 850px) {
  .btn1_l {
    bottom: 273px;
  }
  .btn3_l {
    bottom: 50px;
  }
  .btn4_l {
    bottom: 50px;
  }
  .btn5_l {
    bottom: 287px;
  }
}
@media screen and (max-width: 800px) {
  .btn1_l {
    bottom: 270px;
  }
  .btn3_l {
    bottom: 50px;
  }
  .btn4_l {
    bottom: 50px;
  }
  .btn5_l {
    bottom: 283px;
  }
}

@media screen and (max-width: 767px) {
  .btn1_s,
  .btn3_s,
  .btn4_s,
  .btn5_s {
    display: inline;
    position: relative;
    top: calc(-200px - 13%);
  }

  .btn1_l,
  .btn3_l,
  .btn4_l,
  .btn5_l {
    display: none;
  }

  .btn1_s {
    width: 100%;
  }

  .btn1_s a {
    display: block;
    width: 40%;
    margin: 0 auto;
  }

  .btn3_s {
    width: 100%;
  }

  .btn3_s a {
    display: block;
    width: 68%;
    margin: 0 auto;
  }

  .btn4_s {
    width: 100%;
  }

  .btn4_s a {
    display: block;
    width: 68%;
    margin: 0 auto;
  }

  .btn5_s {
    width: 100%;
  }

  .btn5_s a {
    display: block;
    width: 40%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .btn1_s,
  .btn3_s,
  .btn4_s,
  .btn5_s {
    display: block;
    position: relative;
    top: -8em;
  }
  .btn1_l,
  .btn3_l,
  .btn4_l,
  .btn5_l {
    display: none;
  }

  .btn1_s {
    width: 75vw;
    margin: 0 auto;
    padding-bottom: 80px;
  }
  .popPicture2 {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 700px) {
  .btn1_s,
  .btn3_s,
  .btn4_s,
  .btn5_s {
    display: block;
    position: relative;
    top: -7.5em;
  }
  .btn1_s {
    width: 75vw;
    margin: 0 auto;
  }
  .btn3_s {
    width: 90vw;
    margin: 0 auto;
    position: relative;
    left: -20px;
  }
  .btn4_s {
    width: 90vw;
    margin: 0 auto -90px;
    position: relative;
    left: -20px;
  }
  .btn5_s {
    width: 75vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 650px) {
  .btn1_s,
  .btn3_s,
  .btn4_s,
  .btn5_s {
    display: block;
    position: relative;
    top: -7em;
  }
}
@media screen and (max-width: 600px) {
  .btn1_s,
  .btn3_s,
  .btn4_s,
  .btn5_s {
    display: block;
    position: relative;
    top: -7em;
  }
}
@media screen and (max-width: 500px) {
  .btn1_s,
  .btn3_s,
  .btn4_s,
  .btn5_s {
    display: block;
    position: relative;
    top: -7em;
  }
}
@media screen and (max-width: 450px) {
  .btn1_s,
  .btn3_s,
  .btn4_s,
  .btn5_s {
    display: block;
    position: relative;
    top: -7em;
  }
}
@media screen and (max-width: 400px) {
  .btn1_s,
  .btn3_s,
  .btn4_s,
  .btn5_s {
    display: block;
    position: relative;
    top: -7em;
  }
}
@media screen and (max-width: 350px) {
  .btn1_s,
  .btn3_s,
  .btn4_s,
  .btn5_s {
    display: block;
    position: relative;
    top: -7em;
  }
}