@import "https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@800&display=swap";
@charset "UTF-8".footer-text {
  text-align: center;
}
.philosophy-list li h3 {
  background: #1d2080;
  color: #fff !important;
  font-weight: 700;
  display: inline-block;
  font-size: 20px;
  margin-right: 25px;
  min-width: 140px;
  padding: 12px 0;
  line-height: 1;
  margin-bottom: 0;
}
.option .content p {
  margin: 0;
  padding: 20px 50px 20px 25px;
  font-size: 18px;
  line-height: 1.6;
  text-align: left;
}
.recruit-search .btn-blue {
  width: 350px;
  padding: 20px 0;
}
.contact-item input,
.contact-item select,
.contact-item textarea {
  width: 750px;
  border: 1px solid #d9d9d9;
  background: #fff;
  padding: 10px;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.6;
}
.interview-list h2 span {
  color: #fff;
  background: #1d2080;
  border-radius: 5px;
  padding: 10px;
  display: inline-block;
  margin-right: 10px;
}
@media screen and (max-width: 1000px) {
  .en-background {
    font-size: 80px;
    top: -90px;
  }
  .suggestion-list li {
    width: 49%;
    max-width: 49%;
    height: 200px;
  }
  .suggestion-list li a p {
    font-size: 20px;
  }
  .tile-2-text {
    width: 55%;
    padding-left: 20px;
  }
  .tile-2-text h3 {
    font-size: 22px;
  }
  .tile-2-text img {
    height: 250px;
  }
  .footer-contact {
    height: 350px;
  }
  .footer-contact-list li {
    width: 400px;
  }
  #header_image {
    height: 300px;
  }
  .post_content table {
    font-size: 15px;
  }
  .philosophy-list li h3 {
    font-size: 16px;
  }
  .philosophy-list li p {
    font-size: 18px;
  }
  .beginner {
    height: 500px;
  }
  .beginner h2 {
    bottom: auto;
    top: 40px;
  }
  .beginner img {
    top: auto;
    height: 300px;
    bottom: 0;
  }
  .beginner-text {
    padding: 30px;
    width: 400px;
    bottom: 60px;
  }
  .beginner-text h3 {
    font-size: 20px;
  }
  .beginner-text p {
    font-size: 15px;
  }
  .contact-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
  .contact-item input,
  .contact-item select,
  .contact-item textarea {
    width: calc(100% - 160px);
  }
  .recruit-search h2 {
    font-size: 18px;
  }
  .recruit-search-inner select {
    font-size: 16px;
    padding: 10px 15px;
  }
  .select-wrapper:before {
    right: 15px;
    border-top: 9px solid #000;
  }
  .recruit-box .tile-2 img {
    width: 300px;
    height: 200px;
  }
  .beginner-suggestion li h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 800px) {
  .en-background {
    font-size: 60px;
    top: -70px;
  }
  .suggestion-list li {
    height: 180px;
  }
  .suggestion-list li a p {
    font-size: 18px;
  }
  .section-title {
    font-size: 32px !important;
  }
  .section-subtitle,
  .section-subtitle .border {
    font-size: 18px !important;
  }
  .section-subtitle .border:before,
  .section-subtitle .border:after {
    top: 10px;
  }
  .section-subtitle .border:before {
    left: calc(50% - 140px);
  }
  .section-subtitle .border:after {
    right: calc(50% - 140px);
  }
  .section-subtitle .sub {
    font-size: 15px !important;
  }
  .post_content p {
    font-size: 15px;
  }
  .top-movie {
    height: 350px;
  }
  .footer-contact-list li {
    width: 320px;
    padding: 20px 0;
    border-width: 2px;
  }
  #header_image {
    height: 250px;
  }
  #header_image #post_title {
    font-size: 30px;
  }
  .tile-2 {
    flex-direction: column;
  }
  .tile-2 img {
    width: 100%;
    max-width: 400px;
    height: 200px;
    margin-bottom: 20px;
  }
  .tile-2-text {
    width: 100%;
    max-width: 400px;
    padding-left: 0;
  }
  img.width-100 {
    height: 300px;
  }
  .philosophy-list li h3 {
    margin-right: 15px;
  }
  .data-list img:nth-of-type(1),
  .data-list img:nth-of-type(2),
  .data-list img:nth-of-type(3) {
    height: 300px;
  }
  .data-list img:nth-of-type(4),
  .data-list img:nth-of-type(5) {
    height: 180px;
  }
  .enterprise-btn {
    justify-content: space-between;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .enterprise-btn li {
    width: 24%;
    margin: 0;
  }
  .enterprise-btn li a {
    font-size: 15px;
  }
  .workplace-btn {
    justify-content: space-between;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .workplace-btn li {
    width: 32%;
    margin: 0;
  }
  .workplace-btn li a {
    font-size: 15px;
  }
  .swiper-top .swiper-layout {
    padding: 0 calc(50% - 250px);
  }
  .swiper-top .swiper {
    overflow: hidden;
  }
  .swiper-top .swiper-button-prev span,
  .swiper-top .swiper-button-next span {
    display: none;
  }
  .swiper-top .swiper-button-prev:before,
  .swiper-top .swiper-button-next:before {
    display: none;
  }
  .swiper-top .swiper-button-prev:after,
  .swiper-top .swiper-button-next:after {
    display: block;
  }
  .swiper-top .swiper-button-next {
    left: auto;
    right: 20px;
  }
  .swiper-top .swiper-button-prev {
    left: 20px;
    right: auto;
  }
  .top-interview-phrase {
    right: 0;
  }
  .top-interview {
    padding: 60px 0 80px;
  }
  .top-interview h2 {
    font-size: 28px;
  }
  .top-interview h2 .small {
    font-size: 20px;
  }
  .top-interview .en-background {
    top: -80px;
  }
  .swiper-historyprogress {
    display: none;
  }
  .swiper-history .swiper {
    overflow: hidden;
    margin-bottom: 20px;
  }
  .swiper-history .swiper-layout {
    padding: 0 20px;
  }
  .swiper-history .swiper-slide,
  .swiper-history .swiper-slide img {
    height: 350px;
  }
  .swiper-history .swiper-slide h3 {
    font-size: 20px;
    top: 15px;
    left: 25px;
  }
  .swiper-history .swiper-slide p {
    font-size: 15px;
    bottom: 20px;
  }
  .swiper-history .swiper-pagination {
    position: relative;
    bottom: 0;
  }
  .swiper-pagination-bullet {
    background: #e0e0e0 !important;
  }
  .swiper-pagination-bullet-active {
    background-color: #1d2080 !important;
  }
  .drivers-list li {
    margin: 0 5px;
  }
  .drivers-list li h3 {
    font-size: 18px;
  }
  .drivers-list li h3 .yellow {
    font-size: 28px;
  }
  .drivers-list li h4 {
    font-size: 18px;
    margin-left: 5px;
  }
  .interview-mainvisual-text h2 {
    font-size: 24px;
  }
  .interview-mainvisual-text h3 {
    font-size: 20px;
  }
  .interview-appeal {
    margin-bottom: 250px;
  }
  .interview-phrase div p {
    font-size: 20px;
  }
}
@media screen and (max-width: 600px) {
  .en-background {
    display: none;
  }
  .section-title {
    font-size: 26px !important;
  }
  .section-title .sub {
    font-size: 20px;
  }
  .suggestion-list li {
    height: 120px;
  }
  .suggestion-list li a p {
    font-size: 15px;
  }
  .tile-6 {
    flex-direction: column;
  }
  .tile-6 li {
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  #header_logo .logo img,
  #header_logo_fix .logo img {
    width: 150px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .header-tel {
    margin-left: 20px;
    margin-bottom: 5px;
  }
  .header-tel img {
    width: 15px;
    margin-right: 5px;
  }
  .header-tel a {
    font-size: 16px;
    display: flex;
    align-items: center;
  }
  .header-tel .small {
    font-size: 12px !important;
    margin-left: 20px;
  }
  .top-movie {
    height: 240px;
  }
  .top-about-list li {
    height: 225px;
  }
  .top-about-list li h3 {
    font-size: 15px;
    width: 160px;
  }
  .top-about-list li .btn-white {
    font-size: 14px;
    width: 160px;
    padding: 15px 0;
    right: -20px;
  }
  .go-to-top {
    display: none;
  }
  #footer_info {
    height: 50px;
  }
  #copyright {
    font-size: 12px !important;
  }
  .footer-menu ul {
    min-width: 900px;
  }
  .footer-menu ul li a {
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
  }
  .footer-text {
    padding-top: 50px;
  }
  .footer-text img {
    width: 200px;
  }
  #header_image {
    height: 200px;
  }
  #header_image #post_title {
    font-size: 24px;
  }
  .post_content table {
    font-size: 14px;
  }
  .post_content table th {
    padding: 5px 0;
    white-space: nowrap;
  }
  .post_content table td {
    padding: 5px 10px;
  }
  img.width-100 {
    height: 250px;
  }
  .greeting-text > img {
    height: 300px;
    -o-object-position: right;
    object-position: right;
  }
  .philosophy-list li h3 {
    font-size: 14px;
    min-width: 90px;
  }
  .philosophy-list li p {
    font-size: 15px;
  }
  .data-list {
    flex-direction: column;
  }
  .data-list img {
    width: 100% !important;
    height: 200px !important;
  }
  .enterprise-btn li a {
    font-size: 13px;
  }
  .option .question {
    width: 50px;
    height: 50px;
    font-size: 18px;
  }
  .option .title {
    padding-left: 30px;
  }
  .option .title:before,
  .option .title:after {
    top: 25px;
    right: 25px;
    height: 15px;
  }
  .option .title p {
    font-size: 15px;
    padding: 11px 40px 11px 10px;
  }
  .option .content {
    margin-left: 30px;
  }
  .option .content p {
    padding: 11px 40px 11px 10px;
    font-size: 15px;
  }
  .beginner {
    height: 660px;
  }
  .beginner h2 {
    font-size: 22px;
    top: 30px;
    left: 20px;
  }
  .beginner img {
    top: 160px;
    width: 85%;
    max-width: 500px;
  }
  .beginner-text {
    width: 85%;
    max-width: 500px;
    padding: 40px 20px;
    bottom: 30px;
  }
  #post_image img {
    height: 250px;
  }
  .blog-wrapper .post_content {
    margin-top: 25px;
  }
  .blog-wrapper .post_content h2 {
    font-size: 18px;
    padding: 10px 0 10px 15px;
    margin-bottom: 25px;
  }
  .blog-wrapper .post_content p {
    margin-bottom: 15px;
  }
  .top-interview {
    padding: 40px 0 60px;
  }
  .top-interview h2 {
    text-align: center;
  }
  .top-interview h2 .sub {
    font-size: 18px;
    display: block;
    margin-top: 5px;
    margin-bottom: 20px;
  }
  .swiper-history .swiper-layout {
    padding: 0;
  }
  .swiper-history .swiper-slide,
  .swiper-history .swiper-slide img {
    height: 300px;
  }
  .swiper-history .swiper-slide h3 {
    font-size: 18px;
  }
  .swiper-history .swiper-slide p {
    font-size: 14px;
  }
  .photo-galary img {
    height: 180px;
  }
  .contact-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
  .contact-item {
    flex-direction: column;
  }
  .contact-item p {
    margin-bottom: 20px;
    font-size: 15px;
  }
  .contact-item input,
  .contact-item select,
  .contact-item textarea {
    width: 100%;
    padding: 8px;
    font-size: 15px;
  }
  .recruit-box .tile-2 {
    padding: 0 20px;
  }
  .recruit-box .tile-2 img {
    height: 250px;
  }
  .interview-appeal {
    margin-bottom: 200px;
  }
  .interview-appeal-text {
    padding: 20px;
    width: 100% !important;
    max-width: calc(100% - 120px) !important;
    height: auto;
    bottom: -150px;
  }
}
@media screen and (max-width: 500px) {
  .section-title {
    font-size: 22px !important;
  }
  #main_col {
    margin: 30px 0 !important;
  }
  .section-subtitle,
  .section-subtitle .border {
    font-size: 16px !important;
  }
  .section-subtitle .border:before,
  .section-subtitle .border:after {
    width: 40px;
    top: 9px;
  }
  .section-subtitle .sub {
    font-size: 14px !important;
  }
  .post_content p {
    font-size: 14px;
  }
  .btn-white,
  .btn-blue {
    font-size: 14px;
    width: 160px;
  }
  .suggestion-list li {
    height: 100px;
  }
  .suggestion-list li a p {
    font-size: 15px;
  }
  .top-movie {
    height: 220px;
  }
  .top-history {
    padding: 20px 0;
  }
  .top-history-inner .badge {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .top-history-inner img {
    height: 30px;
    margin-bottom: 20px;
  }
  .top-history-inner .btn-white {
    padding: 15px 0;
  }
  .top-recruit-list li {
    height: 150px;
  }
  .top-recruit-list li a img {
    width: 40px;
    height: 42px;
    top: 10px;
    left: 10px;
  }
  .top-recruit-list li a h3 {
    font-size: 15px;
  }
  .top-recruit-list li a h3 .small {
    font-size: 14px;
  }
  .footer-contact {
    height: 370px;
  }
  .footer-contact-list li {
    padding: 15px 0;
    width: 300px;
    border-width: 1px;
  }
  .footer-contact-list li h3 {
    font-size: 14px;
  }
  .footer-contact-list li:first-of-type h3 {
    font-size: 20px;
  }
  .footer-contact-list li:first-of-type h3 img {
    height: 30px;
  }
  .footer-contact-list li:last-of-type h3 {
    margin-left: 50px;
  }
  .footer-contact-list li:last-of-type h3 img {
    position: absolute;
    left: -20px;
    top: 20px;
    height: 30px;
  }
  .footer-contact-list li:last-of-type .btn-white {
    margin-top: 10px;
    width: 150px;
    margin-left: 50px;
  }
  .footer-contact-list li p {
    font-size: 14px;
  }
  #header_image {
    height: 170px;
  }
  #header_image #post_title {
    font-size: 20px;
  }
  .tile-2 img {
    height: 180px;
  }
  .tile-2-text h3 {
    font-size: 18px;
  }
  img.width-100 {
    height: 200px;
  }
  .greeting-text > img {
    height: 260px;
    -o-object-position: right;
    object-position: right;
  }
  .enterprise-btn li a {
    padding: 8px 0;
    font-size: 13px;
    line-height: 1.4;
  }
  .workplace-btn {
    flex-direction: column;
  }
  .workplace-btn li {
    width: 100%;
  }
  .workplace-btn li a {
    font-size: 13px;
    padding: 15px 0;
  }
  .tile-3 li h3,
  .tile-6 li h3 {
    font-size: 16px;
  }
  .option .title p,
  .option .content p {
    font-size: 14px;
  }
  .beginner {
    height: 680px;
  }
  .beginner h2 {
    font-size: 20px;
  }
  .beginner img {
    top: 140px;
    width: 90%;
  }
  .beginner-text p {
    font-size: 14px;
  }
  .flow > img {
    height: 30px;
  }
  .swiper-top .swiper-slide {
    height: 310px;
  }
  .swiper-top .swiper-slide img {
    height: 220px;
  }
  .top-interview {
    padding: 20px 0 30px;
  }
  .top-interview h2 {
    margin-bottom: 30px;
    font-size: 20px;
  }
  .top-interview h2 .small {
    font-size: 16px;
  }
  .top-interview .swiper-layout {
    padding: 0 10px;
  }
  .top-interview-office {
    width: 80px;
    height: 80px;
    font-size: 14px;
    top: 0;
    left: 20px;
  }
  .top-interview-phrase {
    bottom: 30px;
  }
  .top-interview-phrase span {
    padding: 5px 8px;
    font-size: 14px;
  }
  .top-interview-phrase span:first-of-type {
    bottom: 50px;
    right: 60px;
  }
  .top-interview-info {
    font-size: 12px;
  }
  .swiper-history .swiper {
    margin-bottom: 10px;
  }
  .swiper-history .swiper-slide p {
    font-size: 13px;
    line-height: 1.4;
  }
  .photo-galary img {
    height: 150px;
  }
  .recruit-search h2 {
    font-size: 16px;
  }
  .recruit-search-inner {
    flex-direction: column;
  }
  .recruit-search-inner select {
    font-size: 14px;
    width: 100%;
  }
  .recruit-search-inner .select-wrapper {
    width: 90%;
    max-width: 90%;
  }
  .recruit-search-inner .select-wrapper:first-of-type {
    margin-bottom: 15px;
  }
  .recruit-box .tile-2 img {
    height: 200px;
  }
  .recruit-box .tile-2-text h3 {
    font-size: 16px;
  }
  .beginner-suggestion li {
    height: 100px;
  }
  .beginner-suggestion li h3 {
    font-size: 15px;
  }
  .interview-mainvisual-text {
    margin-top: 0;
  }
  .interview-mainvisual-text h2 {
    font-size: 20px;
  }
  .interview-phrase > div {
    padding: 25px 0;
  }
  .interview-phrase > div p {
    font-size: 20px;
  }
  .interview-list li h2 {
    font-size: 16px;
  }
  .interview-appeal {
    margin-bottom: 50px;
  }
  .interview-appeal-text {
    position: relative;
    bottom: 0;
    max-width: calc(100% - 40px) !important;
    margin-top: -15px;
    padding: 50px 20px;
  }
  .interview-appeal-text > img {
    min-height: 180px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
  }
  .interview-private > div h2 {
    font-size: 32px;
  }
  .interview-private > div h3 {
    font-size: 16px !important;
  }
  .interview-suggestion {
    flex-direction: column;
  }
  .interview-suggestion a:first-child {
    margin-bottom: 25px;
  }
  .interview-suggestion a {
    width: 90%;
    max-width: 300px;
  }
  .interview-schedule-title {
    font-size: 16px !important;
  }
  .interview-schedule-text {
    flex-direction: column;
  }
  .interview-schedule-text h3 {
    width: 100%;
    margin: 0 0 15px;
  }
  .interview-schedule-text p {
    text-align: left;
  }
  .btn-black {
    font-size: 14px;
  }
}
.display-none {
  display: none !important;
}
.mb-160-100 {
  margin-bottom: 160px !important;
}
@media screen and (max-width: 1000px) {
  .mb-160-100 {
    margin-bottom: 130px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-160-100 {
    margin-bottom: 100px !important;
  }
}
.mb-160-60 {
  margin-bottom: 160px !important;
}
@media screen and (max-width: 1000px) {
  .mb-160-60 {
    margin-bottom: 110px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-160-60 {
    margin-bottom: 60px !important;
  }
}
.mb-160-50 {
  margin-bottom: 160px !important;
}
@media screen and (max-width: 1000px) {
  .mb-160-50 {
    margin-bottom: 105px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-160-50 {
    margin-bottom: 50px !important;
  }
}
.mb-160-45 {
  margin-bottom: 160px !important;
}
@media screen and (max-width: 1000px) {
  .mb-160-45 {
    margin-bottom: 102.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-160-45 {
    margin-bottom: 45px !important;
  }
}
.mb-160-40 {
  margin-bottom: 160px !important;
}
@media screen and (max-width: 1000px) {
  .mb-160-40 {
    margin-bottom: 100px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-160-40 {
    margin-bottom: 40px !important;
  }
}
.mb-160-30 {
  margin-bottom: 160px !important;
}
@media screen and (max-width: 1000px) {
  .mb-160-30 {
    margin-bottom: 95px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-160-30 {
    margin-bottom: 30px !important;
  }
}
.mb-160-25 {
  margin-bottom: 160px !important;
}
@media screen and (max-width: 1000px) {
  .mb-160-25 {
    margin-bottom: 92.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-160-25 {
    margin-bottom: 25px !important;
  }
}
.mb-160-20 {
  margin-bottom: 160px !important;
}
@media screen and (max-width: 1000px) {
  .mb-160-20 {
    margin-bottom: 90px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-160-20 {
    margin-bottom: 20px !important;
  }
}
.mb-160-15 {
  margin-bottom: 160px !important;
}
@media screen and (max-width: 1000px) {
  .mb-160-15 {
    margin-bottom: 87.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-160-15 {
    margin-bottom: 15px !important;
  }
}
.mb-160-10 {
  margin-bottom: 160px !important;
}
@media screen and (max-width: 1000px) {
  .mb-160-10 {
    margin-bottom: 85px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-160-10 {
    margin-bottom: 10px !important;
  }
}
.mb-160-5 {
  margin-bottom: 160px !important;
}
@media screen and (max-width: 1000px) {
  .mb-160-5 {
    margin-bottom: 82.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-160-5 {
    margin-bottom: 5px !important;
  }
}
.mb-160-0 {
  margin-bottom: 160px !important;
}
@media screen and (max-width: 1000px) {
  .mb-160-0 {
    margin-bottom: 80px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-160-0 {
    margin-bottom: 0 !important;
  }
}
.mb-150-100 {
  margin-bottom: 150px !important;
}
@media screen and (max-width: 1000px) {
  .mb-150-100 {
    margin-bottom: 125px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-150-100 {
    margin-bottom: 100px !important;
  }
}
.mb-150-60 {
  margin-bottom: 150px !important;
}
@media screen and (max-width: 1000px) {
  .mb-150-60 {
    margin-bottom: 105px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-150-60 {
    margin-bottom: 60px !important;
  }
}
.mb-150-50 {
  margin-bottom: 150px !important;
}
@media screen and (max-width: 1000px) {
  .mb-150-50 {
    margin-bottom: 100px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-150-50 {
    margin-bottom: 50px !important;
  }
}
.mb-150-45 {
  margin-bottom: 150px !important;
}
@media screen and (max-width: 1000px) {
  .mb-150-45 {
    margin-bottom: 97.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-150-45 {
    margin-bottom: 45px !important;
  }
}
.mb-150-40 {
  margin-bottom: 150px !important;
}
@media screen and (max-width: 1000px) {
  .mb-150-40 {
    margin-bottom: 95px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-150-40 {
    margin-bottom: 40px !important;
  }
}
.mb-150-30 {
  margin-bottom: 150px !important;
}
@media screen and (max-width: 1000px) {
  .mb-150-30 {
    margin-bottom: 90px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-150-30 {
    margin-bottom: 30px !important;
  }
}
.mb-150-25 {
  margin-bottom: 150px !important;
}
@media screen and (max-width: 1000px) {
  .mb-150-25 {
    margin-bottom: 87.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-150-25 {
    margin-bottom: 25px !important;
  }
}
.mb-150-20 {
  margin-bottom: 150px !important;
}
@media screen and (max-width: 1000px) {
  .mb-150-20 {
    margin-bottom: 85px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-150-20 {
    margin-bottom: 20px !important;
  }
}
.mb-150-15 {
  margin-bottom: 150px !important;
}
@media screen and (max-width: 1000px) {
  .mb-150-15 {
    margin-bottom: 82.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-150-15 {
    margin-bottom: 15px !important;
  }
}
.mb-150-10 {
  margin-bottom: 150px !important;
}
@media screen and (max-width: 1000px) {
  .mb-150-10 {
    margin-bottom: 80px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-150-10 {
    margin-bottom: 10px !important;
  }
}
.mb-150-5 {
  margin-bottom: 150px !important;
}
@media screen and (max-width: 1000px) {
  .mb-150-5 {
    margin-bottom: 77.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-150-5 {
    margin-bottom: 5px !important;
  }
}
.mb-150-0 {
  margin-bottom: 150px !important;
}
@media screen and (max-width: 1000px) {
  .mb-150-0 {
    margin-bottom: 75px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-150-0 {
    margin-bottom: 0 !important;
  }
}
.mb-140-100 {
  margin-bottom: 140px !important;
}
@media screen and (max-width: 1000px) {
  .mb-140-100 {
    margin-bottom: 120px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-140-100 {
    margin-bottom: 100px !important;
  }
}
.mb-140-60 {
  margin-bottom: 140px !important;
}
@media screen and (max-width: 1000px) {
  .mb-140-60 {
    margin-bottom: 100px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-140-60 {
    margin-bottom: 60px !important;
  }
}
.mb-140-50 {
  margin-bottom: 140px !important;
}
@media screen and (max-width: 1000px) {
  .mb-140-50 {
    margin-bottom: 95px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-140-50 {
    margin-bottom: 50px !important;
  }
}
.mb-140-45 {
  margin-bottom: 140px !important;
}
@media screen and (max-width: 1000px) {
  .mb-140-45 {
    margin-bottom: 92.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-140-45 {
    margin-bottom: 45px !important;
  }
}
.mb-140-40 {
  margin-bottom: 140px !important;
}
@media screen and (max-width: 1000px) {
  .mb-140-40 {
    margin-bottom: 90px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-140-40 {
    margin-bottom: 40px !important;
  }
}
.mb-140-30 {
  margin-bottom: 140px !important;
}
@media screen and (max-width: 1000px) {
  .mb-140-30 {
    margin-bottom: 85px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-140-30 {
    margin-bottom: 30px !important;
  }
}
.mb-140-25 {
  margin-bottom: 140px !important;
}
@media screen and (max-width: 1000px) {
  .mb-140-25 {
    margin-bottom: 82.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-140-25 {
    margin-bottom: 25px !important;
  }
}
.mb-140-20 {
  margin-bottom: 140px !important;
}
@media screen and (max-width: 1000px) {
  .mb-140-20 {
    margin-bottom: 80px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-140-20 {
    margin-bottom: 20px !important;
  }
}
.mb-140-15 {
  margin-bottom: 140px !important;
}
@media screen and (max-width: 1000px) {
  .mb-140-15 {
    margin-bottom: 77.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-140-15 {
    margin-bottom: 15px !important;
  }
}
.mb-140-10 {
  margin-bottom: 140px !important;
}
@media screen and (max-width: 1000px) {
  .mb-140-10 {
    margin-bottom: 75px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-140-10 {
    margin-bottom: 10px !important;
  }
}
.mb-140-5 {
  margin-bottom: 140px !important;
}
@media screen and (max-width: 1000px) {
  .mb-140-5 {
    margin-bottom: 72.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-140-5 {
    margin-bottom: 5px !important;
  }
}
.mb-140-0 {
  margin-bottom: 140px !important;
}
@media screen and (max-width: 1000px) {
  .mb-140-0 {
    margin-bottom: 70px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-140-0 {
    margin-bottom: 0 !important;
  }
}
.mb-115-100 {
  margin-bottom: 115px !important;
}
@media screen and (max-width: 1000px) {
  .mb-115-100 {
    margin-bottom: 107.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-115-100 {
    margin-bottom: 100px !important;
  }
}
.mb-115-60 {
  margin-bottom: 115px !important;
}
@media screen and (max-width: 1000px) {
  .mb-115-60 {
    margin-bottom: 87.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-115-60 {
    margin-bottom: 60px !important;
  }
}
.mb-115-50 {
  margin-bottom: 115px !important;
}
@media screen and (max-width: 1000px) {
  .mb-115-50 {
    margin-bottom: 82.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-115-50 {
    margin-bottom: 50px !important;
  }
}
.mb-115-45 {
  margin-bottom: 115px !important;
}
@media screen and (max-width: 1000px) {
  .mb-115-45 {
    margin-bottom: 80px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-115-45 {
    margin-bottom: 45px !important;
  }
}
.mb-115-40 {
  margin-bottom: 115px !important;
}
@media screen and (max-width: 1000px) {
  .mb-115-40 {
    margin-bottom: 77.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-115-40 {
    margin-bottom: 40px !important;
  }
}
.mb-115-30 {
  margin-bottom: 115px !important;
}
@media screen and (max-width: 1000px) {
  .mb-115-30 {
    margin-bottom: 72.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-115-30 {
    margin-bottom: 30px !important;
  }
}
.mb-115-25 {
  margin-bottom: 115px !important;
}
@media screen and (max-width: 1000px) {
  .mb-115-25 {
    margin-bottom: 70px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-115-25 {
    margin-bottom: 25px !important;
  }
}
.mb-115-20 {
  margin-bottom: 115px !important;
}
@media screen and (max-width: 1000px) {
  .mb-115-20 {
    margin-bottom: 67.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-115-20 {
    margin-bottom: 20px !important;
  }
}
.mb-115-15 {
  margin-bottom: 115px !important;
}
@media screen and (max-width: 1000px) {
  .mb-115-15 {
    margin-bottom: 65px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-115-15 {
    margin-bottom: 15px !important;
  }
}
.mb-115-10 {
  margin-bottom: 115px !important;
}
@media screen and (max-width: 1000px) {
  .mb-115-10 {
    margin-bottom: 62.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-115-10 {
    margin-bottom: 10px !important;
  }
}
.mb-115-5 {
  margin-bottom: 115px !important;
}
@media screen and (max-width: 1000px) {
  .mb-115-5 {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-115-5 {
    margin-bottom: 5px !important;
  }
}
.mb-115-0 {
  margin-bottom: 115px !important;
}
@media screen and (max-width: 1000px) {
  .mb-115-0 {
    margin-bottom: 57.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-115-0 {
    margin-bottom: 0 !important;
  }
}
.mb-105-100 {
  margin-bottom: 105px !important;
}
@media screen and (max-width: 1000px) {
  .mb-105-100 {
    margin-bottom: 102.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-105-100 {
    margin-bottom: 100px !important;
  }
}
.mb-105-60 {
  margin-bottom: 105px !important;
}
@media screen and (max-width: 1000px) {
  .mb-105-60 {
    margin-bottom: 82.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-105-60 {
    margin-bottom: 60px !important;
  }
}
.mb-105-50 {
  margin-bottom: 105px !important;
}
@media screen and (max-width: 1000px) {
  .mb-105-50 {
    margin-bottom: 77.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-105-50 {
    margin-bottom: 50px !important;
  }
}
.mb-105-45 {
  margin-bottom: 105px !important;
}
@media screen and (max-width: 1000px) {
  .mb-105-45 {
    margin-bottom: 75px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-105-45 {
    margin-bottom: 45px !important;
  }
}
.mb-105-40 {
  margin-bottom: 105px !important;
}
@media screen and (max-width: 1000px) {
  .mb-105-40 {
    margin-bottom: 72.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-105-40 {
    margin-bottom: 40px !important;
  }
}
.mb-105-30 {
  margin-bottom: 105px !important;
}
@media screen and (max-width: 1000px) {
  .mb-105-30 {
    margin-bottom: 67.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-105-30 {
    margin-bottom: 30px !important;
  }
}
.mb-105-25 {
  margin-bottom: 105px !important;
}
@media screen and (max-width: 1000px) {
  .mb-105-25 {
    margin-bottom: 65px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-105-25 {
    margin-bottom: 25px !important;
  }
}
.mb-105-20 {
  margin-bottom: 105px !important;
}
@media screen and (max-width: 1000px) {
  .mb-105-20 {
    margin-bottom: 62.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-105-20 {
    margin-bottom: 20px !important;
  }
}
.mb-105-15 {
  margin-bottom: 105px !important;
}
@media screen and (max-width: 1000px) {
  .mb-105-15 {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-105-15 {
    margin-bottom: 15px !important;
  }
}
.mb-105-10 {
  margin-bottom: 105px !important;
}
@media screen and (max-width: 1000px) {
  .mb-105-10 {
    margin-bottom: 57.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-105-10 {
    margin-bottom: 10px !important;
  }
}
.mb-105-5 {
  margin-bottom: 105px !important;
}
@media screen and (max-width: 1000px) {
  .mb-105-5 {
    margin-bottom: 55px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-105-5 {
    margin-bottom: 5px !important;
  }
}
.mb-105-0 {
  margin-bottom: 105px !important;
}
@media screen and (max-width: 1000px) {
  .mb-105-0 {
    margin-bottom: 52.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-105-0 {
    margin-bottom: 0 !important;
  }
}
.mb-100-100 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 1000px) {
  .mb-100-100 {
    margin-bottom: 100px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-100-100 {
    margin-bottom: 100px !important;
  }
}
.mb-100-60 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 1000px) {
  .mb-100-60 {
    margin-bottom: 80px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-100-60 {
    margin-bottom: 60px !important;
  }
}
.mb-100-50 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 1000px) {
  .mb-100-50 {
    margin-bottom: 75px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-100-50 {
    margin-bottom: 50px !important;
  }
}
.mb-100-45 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 1000px) {
  .mb-100-45 {
    margin-bottom: 72.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-100-45 {
    margin-bottom: 45px !important;
  }
}
.mb-100-40 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 1000px) {
  .mb-100-40 {
    margin-bottom: 70px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-100-40 {
    margin-bottom: 40px !important;
  }
}
.mb-100-30 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 1000px) {
  .mb-100-30 {
    margin-bottom: 65px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-100-30 {
    margin-bottom: 30px !important;
  }
}
.mb-100-25 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 1000px) {
  .mb-100-25 {
    margin-bottom: 62.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-100-25 {
    margin-bottom: 25px !important;
  }
}
.mb-100-20 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 1000px) {
  .mb-100-20 {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-100-20 {
    margin-bottom: 20px !important;
  }
}
.mb-100-15 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 1000px) {
  .mb-100-15 {
    margin-bottom: 57.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-100-15 {
    margin-bottom: 15px !important;
  }
}
.mb-100-10 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 1000px) {
  .mb-100-10 {
    margin-bottom: 55px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-100-10 {
    margin-bottom: 10px !important;
  }
}
.mb-100-5 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 1000px) {
  .mb-100-5 {
    margin-bottom: 52.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-100-5 {
    margin-bottom: 5px !important;
  }
}
.mb-100-0 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 1000px) {
  .mb-100-0 {
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-100-0 {
    margin-bottom: 0 !important;
  }
}
.mb-90-100 {
  margin-bottom: 90px !important;
}
@media screen and (max-width: 1000px) {
  .mb-90-100 {
    margin-bottom: 95px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-90-100 {
    margin-bottom: 100px !important;
  }
}
.mb-90-60 {
  margin-bottom: 90px !important;
}
@media screen and (max-width: 1000px) {
  .mb-90-60 {
    margin-bottom: 75px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-90-60 {
    margin-bottom: 60px !important;
  }
}
.mb-90-50 {
  margin-bottom: 90px !important;
}
@media screen and (max-width: 1000px) {
  .mb-90-50 {
    margin-bottom: 70px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-90-50 {
    margin-bottom: 50px !important;
  }
}
.mb-90-45 {
  margin-bottom: 90px !important;
}
@media screen and (max-width: 1000px) {
  .mb-90-45 {
    margin-bottom: 67.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-90-45 {
    margin-bottom: 45px !important;
  }
}
.mb-90-40 {
  margin-bottom: 90px !important;
}
@media screen and (max-width: 1000px) {
  .mb-90-40 {
    margin-bottom: 65px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-90-40 {
    margin-bottom: 40px !important;
  }
}
.mb-90-30 {
  margin-bottom: 90px !important;
}
@media screen and (max-width: 1000px) {
  .mb-90-30 {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-90-30 {
    margin-bottom: 30px !important;
  }
}
.mb-90-25 {
  margin-bottom: 90px !important;
}
@media screen and (max-width: 1000px) {
  .mb-90-25 {
    margin-bottom: 57.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-90-25 {
    margin-bottom: 25px !important;
  }
}
.mb-90-20 {
  margin-bottom: 90px !important;
}
@media screen and (max-width: 1000px) {
  .mb-90-20 {
    margin-bottom: 55px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-90-20 {
    margin-bottom: 20px !important;
  }
}
.mb-90-15 {
  margin-bottom: 90px !important;
}
@media screen and (max-width: 1000px) {
  .mb-90-15 {
    margin-bottom: 52.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-90-15 {
    margin-bottom: 15px !important;
  }
}
.mb-90-10 {
  margin-bottom: 90px !important;
}
@media screen and (max-width: 1000px) {
  .mb-90-10 {
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-90-10 {
    margin-bottom: 10px !important;
  }
}
.mb-90-5 {
  margin-bottom: 90px !important;
}
@media screen and (max-width: 1000px) {
  .mb-90-5 {
    margin-bottom: 47.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-90-5 {
    margin-bottom: 5px !important;
  }
}
.mb-90-0 {
  margin-bottom: 90px !important;
}
@media screen and (max-width: 1000px) {
  .mb-90-0 {
    margin-bottom: 45px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-90-0 {
    margin-bottom: 0 !important;
  }
}
.mb-80-100 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 1000px) {
  .mb-80-100 {
    margin-bottom: 90px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-80-100 {
    margin-bottom: 100px !important;
  }
}
.mb-80-60 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 1000px) {
  .mb-80-60 {
    margin-bottom: 70px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-80-60 {
    margin-bottom: 60px !important;
  }
}
.mb-80-50 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 1000px) {
  .mb-80-50 {
    margin-bottom: 65px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-80-50 {
    margin-bottom: 50px !important;
  }
}
.mb-80-45 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 1000px) {
  .mb-80-45 {
    margin-bottom: 62.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-80-45 {
    margin-bottom: 45px !important;
  }
}
.mb-80-40 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 1000px) {
  .mb-80-40 {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-80-40 {
    margin-bottom: 40px !important;
  }
}
.mb-80-30 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 1000px) {
  .mb-80-30 {
    margin-bottom: 55px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-80-30 {
    margin-bottom: 30px !important;
  }
}
.mb-80-25 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 1000px) {
  .mb-80-25 {
    margin-bottom: 52.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-80-25 {
    margin-bottom: 25px !important;
  }
}
.mb-80-20 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 1000px) {
  .mb-80-20 {
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-80-20 {
    margin-bottom: 20px !important;
  }
}
.mb-80-15 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 1000px) {
  .mb-80-15 {
    margin-bottom: 47.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-80-15 {
    margin-bottom: 15px !important;
  }
}
.mb-80-10 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 1000px) {
  .mb-80-10 {
    margin-bottom: 45px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-80-10 {
    margin-bottom: 10px !important;
  }
}
.mb-80-5 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 1000px) {
  .mb-80-5 {
    margin-bottom: 42.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-80-5 {
    margin-bottom: 5px !important;
  }
}
.mb-80-0 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 1000px) {
  .mb-80-0 {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-80-0 {
    margin-bottom: 0 !important;
  }
}
.mb-75-100 {
  margin-bottom: 75px !important;
}
@media screen and (max-width: 1000px) {
  .mb-75-100 {
    margin-bottom: 87.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-75-100 {
    margin-bottom: 100px !important;
  }
}
.mb-75-60 {
  margin-bottom: 75px !important;
}
@media screen and (max-width: 1000px) {
  .mb-75-60 {
    margin-bottom: 67.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-75-60 {
    margin-bottom: 60px !important;
  }
}
.mb-75-50 {
  margin-bottom: 75px !important;
}
@media screen and (max-width: 1000px) {
  .mb-75-50 {
    margin-bottom: 62.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-75-50 {
    margin-bottom: 50px !important;
  }
}
.mb-75-45 {
  margin-bottom: 75px !important;
}
@media screen and (max-width: 1000px) {
  .mb-75-45 {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-75-45 {
    margin-bottom: 45px !important;
  }
}
.mb-75-40 {
  margin-bottom: 75px !important;
}
@media screen and (max-width: 1000px) {
  .mb-75-40 {
    margin-bottom: 57.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-75-40 {
    margin-bottom: 40px !important;
  }
}
.mb-75-30 {
  margin-bottom: 75px !important;
}
@media screen and (max-width: 1000px) {
  .mb-75-30 {
    margin-bottom: 52.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-75-30 {
    margin-bottom: 30px !important;
  }
}
.mb-75-25 {
  margin-bottom: 75px !important;
}
@media screen and (max-width: 1000px) {
  .mb-75-25 {
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-75-25 {
    margin-bottom: 25px !important;
  }
}
.mb-75-20 {
  margin-bottom: 75px !important;
}
@media screen and (max-width: 1000px) {
  .mb-75-20 {
    margin-bottom: 47.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-75-20 {
    margin-bottom: 20px !important;
  }
}
.mb-75-15 {
  margin-bottom: 75px !important;
}
@media screen and (max-width: 1000px) {
  .mb-75-15 {
    margin-bottom: 45px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-75-15 {
    margin-bottom: 15px !important;
  }
}
.mb-75-10 {
  margin-bottom: 75px !important;
}
@media screen and (max-width: 1000px) {
  .mb-75-10 {
    margin-bottom: 42.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-75-10 {
    margin-bottom: 10px !important;
  }
}
.mb-75-5 {
  margin-bottom: 75px !important;
}
@media screen and (max-width: 1000px) {
  .mb-75-5 {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-75-5 {
    margin-bottom: 5px !important;
  }
}
.mb-75-0 {
  margin-bottom: 75px !important;
}
@media screen and (max-width: 1000px) {
  .mb-75-0 {
    margin-bottom: 37.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-75-0 {
    margin-bottom: 0 !important;
  }
}
.mb-70-100 {
  margin-bottom: 70px !important;
}
@media screen and (max-width: 1000px) {
  .mb-70-100 {
    margin-bottom: 85px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-70-100 {
    margin-bottom: 100px !important;
  }
}
.mb-70-60 {
  margin-bottom: 70px !important;
}
@media screen and (max-width: 1000px) {
  .mb-70-60 {
    margin-bottom: 65px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-70-60 {
    margin-bottom: 60px !important;
  }
}
.mb-70-50 {
  margin-bottom: 70px !important;
}
@media screen and (max-width: 1000px) {
  .mb-70-50 {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-70-50 {
    margin-bottom: 50px !important;
  }
}
.mb-70-45 {
  margin-bottom: 70px !important;
}
@media screen and (max-width: 1000px) {
  .mb-70-45 {
    margin-bottom: 57.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-70-45 {
    margin-bottom: 45px !important;
  }
}
.mb-70-40 {
  margin-bottom: 70px !important;
}
@media screen and (max-width: 1000px) {
  .mb-70-40 {
    margin-bottom: 55px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-70-40 {
    margin-bottom: 40px !important;
  }
}
.mb-70-30 {
  margin-bottom: 70px !important;
}
@media screen and (max-width: 1000px) {
  .mb-70-30 {
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-70-30 {
    margin-bottom: 30px !important;
  }
}
.mb-70-25 {
  margin-bottom: 70px !important;
}
@media screen and (max-width: 1000px) {
  .mb-70-25 {
    margin-bottom: 47.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-70-25 {
    margin-bottom: 25px !important;
  }
}
.mb-70-20 {
  margin-bottom: 70px !important;
}
@media screen and (max-width: 1000px) {
  .mb-70-20 {
    margin-bottom: 45px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-70-20 {
    margin-bottom: 20px !important;
  }
}
.mb-70-15 {
  margin-bottom: 70px !important;
}
@media screen and (max-width: 1000px) {
  .mb-70-15 {
    margin-bottom: 42.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-70-15 {
    margin-bottom: 15px !important;
  }
}
.mb-70-10 {
  margin-bottom: 70px !important;
}
@media screen and (max-width: 1000px) {
  .mb-70-10 {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-70-10 {
    margin-bottom: 10px !important;
  }
}
.mb-70-5 {
  margin-bottom: 70px !important;
}
@media screen and (max-width: 1000px) {
  .mb-70-5 {
    margin-bottom: 37.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-70-5 {
    margin-bottom: 5px !important;
  }
}
.mb-70-0 {
  margin-bottom: 70px !important;
}
@media screen and (max-width: 1000px) {
  .mb-70-0 {
    margin-bottom: 35px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-70-0 {
    margin-bottom: 0 !important;
  }
}
.mb-65-100 {
  margin-bottom: 65px !important;
}
@media screen and (max-width: 1000px) {
  .mb-65-100 {
    margin-bottom: 82.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-65-100 {
    margin-bottom: 100px !important;
  }
}
.mb-65-60 {
  margin-bottom: 65px !important;
}
@media screen and (max-width: 1000px) {
  .mb-65-60 {
    margin-bottom: 62.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-65-60 {
    margin-bottom: 60px !important;
  }
}
.mb-65-50 {
  margin-bottom: 65px !important;
}
@media screen and (max-width: 1000px) {
  .mb-65-50 {
    margin-bottom: 57.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-65-50 {
    margin-bottom: 50px !important;
  }
}
.mb-65-45 {
  margin-bottom: 65px !important;
}
@media screen and (max-width: 1000px) {
  .mb-65-45 {
    margin-bottom: 55px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-65-45 {
    margin-bottom: 45px !important;
  }
}
.mb-65-40 {
  margin-bottom: 65px !important;
}
@media screen and (max-width: 1000px) {
  .mb-65-40 {
    margin-bottom: 52.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-65-40 {
    margin-bottom: 40px !important;
  }
}
.mb-65-30 {
  margin-bottom: 65px !important;
}
@media screen and (max-width: 1000px) {
  .mb-65-30 {
    margin-bottom: 47.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-65-30 {
    margin-bottom: 30px !important;
  }
}
.mb-65-25 {
  margin-bottom: 65px !important;
}
@media screen and (max-width: 1000px) {
  .mb-65-25 {
    margin-bottom: 45px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-65-25 {
    margin-bottom: 25px !important;
  }
}
.mb-65-20 {
  margin-bottom: 65px !important;
}
@media screen and (max-width: 1000px) {
  .mb-65-20 {
    margin-bottom: 42.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-65-20 {
    margin-bottom: 20px !important;
  }
}
.mb-65-15 {
  margin-bottom: 65px !important;
}
@media screen and (max-width: 1000px) {
  .mb-65-15 {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-65-15 {
    margin-bottom: 15px !important;
  }
}
.mb-65-10 {
  margin-bottom: 65px !important;
}
@media screen and (max-width: 1000px) {
  .mb-65-10 {
    margin-bottom: 37.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-65-10 {
    margin-bottom: 10px !important;
  }
}
.mb-65-5 {
  margin-bottom: 65px !important;
}
@media screen and (max-width: 1000px) {
  .mb-65-5 {
    margin-bottom: 35px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-65-5 {
    margin-bottom: 5px !important;
  }
}
.mb-65-0 {
  margin-bottom: 65px !important;
}
@media screen and (max-width: 1000px) {
  .mb-65-0 {
    margin-bottom: 32.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-65-0 {
    margin-bottom: 0 !important;
  }
}
.mb-60-100 {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 1000px) {
  .mb-60-100 {
    margin-bottom: 80px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-60-100 {
    margin-bottom: 100px !important;
  }
}
.mb-60-60 {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 1000px) {
  .mb-60-60 {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-60-60 {
    margin-bottom: 60px !important;
  }
}
.mb-60-50 {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 1000px) {
  .mb-60-50 {
    margin-bottom: 55px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-60-50 {
    margin-bottom: 50px !important;
  }
}
.mb-60-45 {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 1000px) {
  .mb-60-45 {
    margin-bottom: 52.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-60-45 {
    margin-bottom: 45px !important;
  }
}
.mb-60-40 {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 1000px) {
  .mb-60-40 {
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-60-40 {
    margin-bottom: 40px !important;
  }
}
.mb-60-30 {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 1000px) {
  .mb-60-30 {
    margin-bottom: 45px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-60-30 {
    margin-bottom: 30px !important;
  }
}
.mb-60-25 {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 1000px) {
  .mb-60-25 {
    margin-bottom: 42.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-60-25 {
    margin-bottom: 25px !important;
  }
}
.mb-60-20 {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 1000px) {
  .mb-60-20 {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-60-20 {
    margin-bottom: 20px !important;
  }
}
.mb-60-15 {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 1000px) {
  .mb-60-15 {
    margin-bottom: 37.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-60-15 {
    margin-bottom: 15px !important;
  }
}
.mb-60-10 {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 1000px) {
  .mb-60-10 {
    margin-bottom: 35px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-60-10 {
    margin-bottom: 10px !important;
  }
}
.mb-60-5 {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 1000px) {
  .mb-60-5 {
    margin-bottom: 32.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-60-5 {
    margin-bottom: 5px !important;
  }
}
.mb-60-0 {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 1000px) {
  .mb-60-0 {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-60-0 {
    margin-bottom: 0 !important;
  }
}
.mb-50-100 {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 1000px) {
  .mb-50-100 {
    margin-bottom: 75px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-50-100 {
    margin-bottom: 100px !important;
  }
}
.mb-50-60 {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 1000px) {
  .mb-50-60 {
    margin-bottom: 55px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-50-60 {
    margin-bottom: 60px !important;
  }
}
.mb-50-50 {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 1000px) {
  .mb-50-50 {
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-50-50 {
    margin-bottom: 50px !important;
  }
}
.mb-50-45 {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 1000px) {
  .mb-50-45 {
    margin-bottom: 47.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-50-45 {
    margin-bottom: 45px !important;
  }
}
.mb-50-40 {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 1000px) {
  .mb-50-40 {
    margin-bottom: 45px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-50-40 {
    margin-bottom: 40px !important;
  }
}
.mb-50-30 {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 1000px) {
  .mb-50-30 {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-50-30 {
    margin-bottom: 30px !important;
  }
}
.mb-50-25 {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 1000px) {
  .mb-50-25 {
    margin-bottom: 37.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-50-25 {
    margin-bottom: 25px !important;
  }
}
.mb-50-20 {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 1000px) {
  .mb-50-20 {
    margin-bottom: 35px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-50-20 {
    margin-bottom: 20px !important;
  }
}
.mb-50-15 {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 1000px) {
  .mb-50-15 {
    margin-bottom: 32.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-50-15 {
    margin-bottom: 15px !important;
  }
}
.mb-50-10 {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 1000px) {
  .mb-50-10 {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-50-10 {
    margin-bottom: 10px !important;
  }
}
.mb-50-5 {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 1000px) {
  .mb-50-5 {
    margin-bottom: 27.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-50-5 {
    margin-bottom: 5px !important;
  }
}
.mb-50-0 {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 1000px) {
  .mb-50-0 {
    margin-bottom: 25px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-50-0 {
    margin-bottom: 0 !important;
  }
}
.mb-45-100 {
  margin-bottom: 45px !important;
}
@media screen and (max-width: 1000px) {
  .mb-45-100 {
    margin-bottom: 72.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-45-100 {
    margin-bottom: 100px !important;
  }
}
.mb-45-60 {
  margin-bottom: 45px !important;
}
@media screen and (max-width: 1000px) {
  .mb-45-60 {
    margin-bottom: 52.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-45-60 {
    margin-bottom: 60px !important;
  }
}
.mb-45-50 {
  margin-bottom: 45px !important;
}
@media screen and (max-width: 1000px) {
  .mb-45-50 {
    margin-bottom: 47.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-45-50 {
    margin-bottom: 50px !important;
  }
}
.mb-45-45 {
  margin-bottom: 45px !important;
}
@media screen and (max-width: 1000px) {
  .mb-45-45 {
    margin-bottom: 45px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-45-45 {
    margin-bottom: 45px !important;
  }
}
.mb-45-40 {
  margin-bottom: 45px !important;
}
@media screen and (max-width: 1000px) {
  .mb-45-40 {
    margin-bottom: 42.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-45-40 {
    margin-bottom: 40px !important;
  }
}
.mb-45-30 {
  margin-bottom: 45px !important;
}
@media screen and (max-width: 1000px) {
  .mb-45-30 {
    margin-bottom: 37.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-45-30 {
    margin-bottom: 30px !important;
  }
}
.mb-45-25 {
  margin-bottom: 45px !important;
}
@media screen and (max-width: 1000px) {
  .mb-45-25 {
    margin-bottom: 35px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-45-25 {
    margin-bottom: 25px !important;
  }
}
.mb-45-20 {
  margin-bottom: 45px !important;
}
@media screen and (max-width: 1000px) {
  .mb-45-20 {
    margin-bottom: 32.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-45-20 {
    margin-bottom: 20px !important;
  }
}
.mb-45-15 {
  margin-bottom: 45px !important;
}
@media screen and (max-width: 1000px) {
  .mb-45-15 {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-45-15 {
    margin-bottom: 15px !important;
  }
}
.mb-45-10 {
  margin-bottom: 45px !important;
}
@media screen and (max-width: 1000px) {
  .mb-45-10 {
    margin-bottom: 27.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-45-10 {
    margin-bottom: 10px !important;
  }
}
.mb-45-5 {
  margin-bottom: 45px !important;
}
@media screen and (max-width: 1000px) {
  .mb-45-5 {
    margin-bottom: 25px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-45-5 {
    margin-bottom: 5px !important;
  }
}
.mb-45-0 {
  margin-bottom: 45px !important;
}
@media screen and (max-width: 1000px) {
  .mb-45-0 {
    margin-bottom: 22.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-45-0 {
    margin-bottom: 0 !important;
  }
}
.mb-40-100 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 1000px) {
  .mb-40-100 {
    margin-bottom: 70px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-40-100 {
    margin-bottom: 100px !important;
  }
}
.mb-40-60 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 1000px) {
  .mb-40-60 {
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-40-60 {
    margin-bottom: 60px !important;
  }
}
.mb-40-50 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 1000px) {
  .mb-40-50 {
    margin-bottom: 45px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-40-50 {
    margin-bottom: 50px !important;
  }
}
.mb-40-45 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 1000px) {
  .mb-40-45 {
    margin-bottom: 42.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-40-45 {
    margin-bottom: 45px !important;
  }
}
.mb-40-40 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 1000px) {
  .mb-40-40 {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-40-40 {
    margin-bottom: 40px !important;
  }
}
.mb-40-30 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 1000px) {
  .mb-40-30 {
    margin-bottom: 35px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-40-30 {
    margin-bottom: 30px !important;
  }
}
.mb-40-25 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 1000px) {
  .mb-40-25 {
    margin-bottom: 32.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-40-25 {
    margin-bottom: 25px !important;
  }
}
.mb-40-20 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 1000px) {
  .mb-40-20 {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-40-20 {
    margin-bottom: 20px !important;
  }
}
.mb-40-15 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 1000px) {
  .mb-40-15 {
    margin-bottom: 27.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-40-15 {
    margin-bottom: 15px !important;
  }
}
.mb-40-10 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 1000px) {
  .mb-40-10 {
    margin-bottom: 25px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-40-10 {
    margin-bottom: 10px !important;
  }
}
.mb-40-5 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 1000px) {
  .mb-40-5 {
    margin-bottom: 22.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-40-5 {
    margin-bottom: 5px !important;
  }
}
.mb-40-0 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 1000px) {
  .mb-40-0 {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-40-0 {
    margin-bottom: 0 !important;
  }
}
.mb-30-100 {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 1000px) {
  .mb-30-100 {
    margin-bottom: 65px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-30-100 {
    margin-bottom: 100px !important;
  }
}
.mb-30-60 {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 1000px) {
  .mb-30-60 {
    margin-bottom: 45px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-30-60 {
    margin-bottom: 60px !important;
  }
}
.mb-30-50 {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 1000px) {
  .mb-30-50 {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-30-50 {
    margin-bottom: 50px !important;
  }
}
.mb-30-45 {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 1000px) {
  .mb-30-45 {
    margin-bottom: 37.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-30-45 {
    margin-bottom: 45px !important;
  }
}
.mb-30-40 {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 1000px) {
  .mb-30-40 {
    margin-bottom: 35px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-30-40 {
    margin-bottom: 40px !important;
  }
}
.mb-30-30 {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 1000px) {
  .mb-30-30 {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-30-30 {
    margin-bottom: 30px !important;
  }
}
.mb-30-25 {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 1000px) {
  .mb-30-25 {
    margin-bottom: 27.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-30-25 {
    margin-bottom: 25px !important;
  }
}
.mb-30-20 {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 1000px) {
  .mb-30-20 {
    margin-bottom: 25px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-30-20 {
    margin-bottom: 20px !important;
  }
}
.mb-30-15 {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 1000px) {
  .mb-30-15 {
    margin-bottom: 22.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-30-15 {
    margin-bottom: 15px !important;
  }
}
.mb-30-10 {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 1000px) {
  .mb-30-10 {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-30-10 {
    margin-bottom: 10px !important;
  }
}
.mb-30-5 {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 1000px) {
  .mb-30-5 {
    margin-bottom: 17.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-30-5 {
    margin-bottom: 5px !important;
  }
}
.mb-30-0 {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 1000px) {
  .mb-30-0 {
    margin-bottom: 15px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-30-0 {
    margin-bottom: 0 !important;
  }
}
.mb-25-100 {
  margin-bottom: 25px !important;
}
@media screen and (max-width: 1000px) {
  .mb-25-100 {
    margin-bottom: 62.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-25-100 {
    margin-bottom: 100px !important;
  }
}
.mb-25-60 {
  margin-bottom: 25px !important;
}
@media screen and (max-width: 1000px) {
  .mb-25-60 {
    margin-bottom: 42.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-25-60 {
    margin-bottom: 60px !important;
  }
}
.mb-25-50 {
  margin-bottom: 25px !important;
}
@media screen and (max-width: 1000px) {
  .mb-25-50 {
    margin-bottom: 37.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-25-50 {
    margin-bottom: 50px !important;
  }
}
.mb-25-45 {
  margin-bottom: 25px !important;
}
@media screen and (max-width: 1000px) {
  .mb-25-45 {
    margin-bottom: 35px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-25-45 {
    margin-bottom: 45px !important;
  }
}
.mb-25-40 {
  margin-bottom: 25px !important;
}
@media screen and (max-width: 1000px) {
  .mb-25-40 {
    margin-bottom: 32.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-25-40 {
    margin-bottom: 40px !important;
  }
}
.mb-25-30 {
  margin-bottom: 25px !important;
}
@media screen and (max-width: 1000px) {
  .mb-25-30 {
    margin-bottom: 27.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-25-30 {
    margin-bottom: 30px !important;
  }
}
.mb-25-25 {
  margin-bottom: 25px !important;
}
@media screen and (max-width: 1000px) {
  .mb-25-25 {
    margin-bottom: 25px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-25-25 {
    margin-bottom: 25px !important;
  }
}
.mb-25-20 {
  margin-bottom: 25px !important;
}
@media screen and (max-width: 1000px) {
  .mb-25-20 {
    margin-bottom: 22.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-25-20 {
    margin-bottom: 20px !important;
  }
}
.mb-25-15 {
  margin-bottom: 25px !important;
}
@media screen and (max-width: 1000px) {
  .mb-25-15 {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-25-15 {
    margin-bottom: 15px !important;
  }
}
.mb-25-10 {
  margin-bottom: 25px !important;
}
@media screen and (max-width: 1000px) {
  .mb-25-10 {
    margin-bottom: 17.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-25-10 {
    margin-bottom: 10px !important;
  }
}
.mb-25-5 {
  margin-bottom: 25px !important;
}
@media screen and (max-width: 1000px) {
  .mb-25-5 {
    margin-bottom: 15px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-25-5 {
    margin-bottom: 5px !important;
  }
}
.mb-25-0 {
  margin-bottom: 25px !important;
}
@media screen and (max-width: 1000px) {
  .mb-25-0 {
    margin-bottom: 12.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-25-0 {
    margin-bottom: 0 !important;
  }
}
.mb-20-100 {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 1000px) {
  .mb-20-100 {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-20-100 {
    margin-bottom: 100px !important;
  }
}
.mb-20-60 {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 1000px) {
  .mb-20-60 {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-20-60 {
    margin-bottom: 60px !important;
  }
}
.mb-20-50 {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 1000px) {
  .mb-20-50 {
    margin-bottom: 35px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-20-50 {
    margin-bottom: 50px !important;
  }
}
.mb-20-45 {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 1000px) {
  .mb-20-45 {
    margin-bottom: 32.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-20-45 {
    margin-bottom: 45px !important;
  }
}
.mb-20-40 {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 1000px) {
  .mb-20-40 {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-20-40 {
    margin-bottom: 40px !important;
  }
}
.mb-20-30 {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 1000px) {
  .mb-20-30 {
    margin-bottom: 25px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-20-30 {
    margin-bottom: 30px !important;
  }
}
.mb-20-25 {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 1000px) {
  .mb-20-25 {
    margin-bottom: 22.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-20-25 {
    margin-bottom: 25px !important;
  }
}
.mb-20-20 {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 1000px) {
  .mb-20-20 {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-20-20 {
    margin-bottom: 20px !important;
  }
}
.mb-20-15 {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 1000px) {
  .mb-20-15 {
    margin-bottom: 17.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-20-15 {
    margin-bottom: 15px !important;
  }
}
.mb-20-10 {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 1000px) {
  .mb-20-10 {
    margin-bottom: 15px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-20-10 {
    margin-bottom: 10px !important;
  }
}
.mb-20-5 {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 1000px) {
  .mb-20-5 {
    margin-bottom: 12.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-20-5 {
    margin-bottom: 5px !important;
  }
}
.mb-20-0 {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 1000px) {
  .mb-20-0 {
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-20-0 {
    margin-bottom: 0 !important;
  }
}
.mb-15-100 {
  margin-bottom: 15px !important;
}
@media screen and (max-width: 1000px) {
  .mb-15-100 {
    margin-bottom: 57.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-15-100 {
    margin-bottom: 100px !important;
  }
}
.mb-15-60 {
  margin-bottom: 15px !important;
}
@media screen and (max-width: 1000px) {
  .mb-15-60 {
    margin-bottom: 37.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-15-60 {
    margin-bottom: 60px !important;
  }
}
.mb-15-50 {
  margin-bottom: 15px !important;
}
@media screen and (max-width: 1000px) {
  .mb-15-50 {
    margin-bottom: 32.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-15-50 {
    margin-bottom: 50px !important;
  }
}
.mb-15-45 {
  margin-bottom: 15px !important;
}
@media screen and (max-width: 1000px) {
  .mb-15-45 {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-15-45 {
    margin-bottom: 45px !important;
  }
}
.mb-15-40 {
  margin-bottom: 15px !important;
}
@media screen and (max-width: 1000px) {
  .mb-15-40 {
    margin-bottom: 27.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-15-40 {
    margin-bottom: 40px !important;
  }
}
.mb-15-30 {
  margin-bottom: 15px !important;
}
@media screen and (max-width: 1000px) {
  .mb-15-30 {
    margin-bottom: 22.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-15-30 {
    margin-bottom: 30px !important;
  }
}
.mb-15-25 {
  margin-bottom: 15px !important;
}
@media screen and (max-width: 1000px) {
  .mb-15-25 {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-15-25 {
    margin-bottom: 25px !important;
  }
}
.mb-15-20 {
  margin-bottom: 15px !important;
}
@media screen and (max-width: 1000px) {
  .mb-15-20 {
    margin-bottom: 17.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-15-20 {
    margin-bottom: 20px !important;
  }
}
.mb-15-15 {
  margin-bottom: 15px !important;
}
@media screen and (max-width: 1000px) {
  .mb-15-15 {
    margin-bottom: 15px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-15-15 {
    margin-bottom: 15px !important;
  }
}
.mb-15-10 {
  margin-bottom: 15px !important;
}
@media screen and (max-width: 1000px) {
  .mb-15-10 {
    margin-bottom: 12.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-15-10 {
    margin-bottom: 10px !important;
  }
}
.mb-15-5 {
  margin-bottom: 15px !important;
}
@media screen and (max-width: 1000px) {
  .mb-15-5 {
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-15-5 {
    margin-bottom: 5px !important;
  }
}
.mb-15-0 {
  margin-bottom: 15px !important;
}
@media screen and (max-width: 1000px) {
  .mb-15-0 {
    margin-bottom: 7.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-15-0 {
    margin-bottom: 0 !important;
  }
}
.mb-10-100 {
  margin-bottom: 10px !important;
}
@media screen and (max-width: 1000px) {
  .mb-10-100 {
    margin-bottom: 55px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-10-100 {
    margin-bottom: 100px !important;
  }
}
.mb-10-60 {
  margin-bottom: 10px !important;
}
@media screen and (max-width: 1000px) {
  .mb-10-60 {
    margin-bottom: 35px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-10-60 {
    margin-bottom: 60px !important;
  }
}
.mb-10-50 {
  margin-bottom: 10px !important;
}
@media screen and (max-width: 1000px) {
  .mb-10-50 {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-10-50 {
    margin-bottom: 50px !important;
  }
}
.mb-10-45 {
  margin-bottom: 10px !important;
}
@media screen and (max-width: 1000px) {
  .mb-10-45 {
    margin-bottom: 27.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-10-45 {
    margin-bottom: 45px !important;
  }
}
.mb-10-40 {
  margin-bottom: 10px !important;
}
@media screen and (max-width: 1000px) {
  .mb-10-40 {
    margin-bottom: 25px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-10-40 {
    margin-bottom: 40px !important;
  }
}
.mb-10-30 {
  margin-bottom: 10px !important;
}
@media screen and (max-width: 1000px) {
  .mb-10-30 {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-10-30 {
    margin-bottom: 30px !important;
  }
}
.mb-10-25 {
  margin-bottom: 10px !important;
}
@media screen and (max-width: 1000px) {
  .mb-10-25 {
    margin-bottom: 17.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-10-25 {
    margin-bottom: 25px !important;
  }
}
.mb-10-20 {
  margin-bottom: 10px !important;
}
@media screen and (max-width: 1000px) {
  .mb-10-20 {
    margin-bottom: 15px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-10-20 {
    margin-bottom: 20px !important;
  }
}
.mb-10-15 {
  margin-bottom: 10px !important;
}
@media screen and (max-width: 1000px) {
  .mb-10-15 {
    margin-bottom: 12.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-10-15 {
    margin-bottom: 15px !important;
  }
}
.mb-10-10 {
  margin-bottom: 10px !important;
}
@media screen and (max-width: 1000px) {
  .mb-10-10 {
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-10-10 {
    margin-bottom: 10px !important;
  }
}
.mb-10-5 {
  margin-bottom: 10px !important;
}
@media screen and (max-width: 1000px) {
  .mb-10-5 {
    margin-bottom: 7.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-10-5 {
    margin-bottom: 5px !important;
  }
}
.mb-10-0 {
  margin-bottom: 10px !important;
}
@media screen and (max-width: 1000px) {
  .mb-10-0 {
    margin-bottom: 5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-10-0 {
    margin-bottom: 0 !important;
  }
}
.mb-0-100 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1000px) {
  .mb-0-100 {
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-0-100 {
    margin-bottom: 100px !important;
  }
}
.mb-0-60 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1000px) {
  .mb-0-60 {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-0-60 {
    margin-bottom: 60px !important;
  }
}
.mb-0-50 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1000px) {
  .mb-0-50 {
    margin-bottom: 25px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-0-50 {
    margin-bottom: 50px !important;
  }
}
.mb-0-45 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1000px) {
  .mb-0-45 {
    margin-bottom: 22.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-0-45 {
    margin-bottom: 45px !important;
  }
}
.mb-0-40 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1000px) {
  .mb-0-40 {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-0-40 {
    margin-bottom: 40px !important;
  }
}
.mb-0-30 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1000px) {
  .mb-0-30 {
    margin-bottom: 15px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-0-30 {
    margin-bottom: 30px !important;
  }
}
.mb-0-25 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1000px) {
  .mb-0-25 {
    margin-bottom: 12.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-0-25 {
    margin-bottom: 25px !important;
  }
}
.mb-0-20 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1000px) {
  .mb-0-20 {
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-0-20 {
    margin-bottom: 20px !important;
  }
}
.mb-0-15 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1000px) {
  .mb-0-15 {
    margin-bottom: 7.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-0-15 {
    margin-bottom: 15px !important;
  }
}
.mb-0-10 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1000px) {
  .mb-0-10 {
    margin-bottom: 5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-0-10 {
    margin-bottom: 10px !important;
  }
}
.mb-0-5 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1000px) {
  .mb-0-5 {
    margin-bottom: 2.5px !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-0-5 {
    margin-bottom: 5px !important;
  }
}
.mb-0-0 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1000px) {
  .mb-0-0 {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 600px) {
  .mb-0-0 {
    margin-bottom: 0 !important;
  }
}
.pt-140-30 {
  padding-top: 140px !important;
}
@media screen and (max-width: 1000px) {
  .pt-140-30 {
    padding-top: 85px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-140-30 {
    padding-top: 30px !important;
  }
}
.pt-140-20 {
  padding-top: 140px !important;
}
@media screen and (max-width: 1000px) {
  .pt-140-20 {
    padding-top: 80px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-140-20 {
    padding-top: 20px !important;
  }
}
.pt-140-10 {
  padding-top: 140px !important;
}
@media screen and (max-width: 1000px) {
  .pt-140-10 {
    padding-top: 75px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-140-10 {
    padding-top: 10px !important;
  }
}
.pt-110-30 {
  padding-top: 110px !important;
}
@media screen and (max-width: 1000px) {
  .pt-110-30 {
    padding-top: 70px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-110-30 {
    padding-top: 30px !important;
  }
}
.pt-110-20 {
  padding-top: 110px !important;
}
@media screen and (max-width: 1000px) {
  .pt-110-20 {
    padding-top: 65px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-110-20 {
    padding-top: 20px !important;
  }
}
.pt-110-10 {
  padding-top: 110px !important;
}
@media screen and (max-width: 1000px) {
  .pt-110-10 {
    padding-top: 60px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-110-10 {
    padding-top: 10px !important;
  }
}
.pt-100-30 {
  padding-top: 100px !important;
}
@media screen and (max-width: 1000px) {
  .pt-100-30 {
    padding-top: 65px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-100-30 {
    padding-top: 30px !important;
  }
}
.pt-100-20 {
  padding-top: 100px !important;
}
@media screen and (max-width: 1000px) {
  .pt-100-20 {
    padding-top: 60px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-100-20 {
    padding-top: 20px !important;
  }
}
.pt-100-10 {
  padding-top: 100px !important;
}
@media screen and (max-width: 1000px) {
  .pt-100-10 {
    padding-top: 55px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-100-10 {
    padding-top: 10px !important;
  }
}
.pt-80-30 {
  padding-top: 80px !important;
}
@media screen and (max-width: 1000px) {
  .pt-80-30 {
    padding-top: 55px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-80-30 {
    padding-top: 30px !important;
  }
}
.pt-80-20 {
  padding-top: 80px !important;
}
@media screen and (max-width: 1000px) {
  .pt-80-20 {
    padding-top: 50px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-80-20 {
    padding-top: 20px !important;
  }
}
.pt-80-10 {
  padding-top: 80px !important;
}
@media screen and (max-width: 1000px) {
  .pt-80-10 {
    padding-top: 45px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-80-10 {
    padding-top: 10px !important;
  }
}
.pt-60-30 {
  padding-top: 60px !important;
}
@media screen and (max-width: 1000px) {
  .pt-60-30 {
    padding-top: 45px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-60-30 {
    padding-top: 30px !important;
  }
}
.pt-60-20 {
  padding-top: 60px !important;
}
@media screen and (max-width: 1000px) {
  .pt-60-20 {
    padding-top: 40px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-60-20 {
    padding-top: 20px !important;
  }
}
.pt-60-10 {
  padding-top: 60px !important;
}
@media screen and (max-width: 1000px) {
  .pt-60-10 {
    padding-top: 35px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-60-10 {
    padding-top: 10px !important;
  }
}
.pt-50-30 {
  padding-top: 50px !important;
}
@media screen and (max-width: 1000px) {
  .pt-50-30 {
    padding-top: 40px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-50-30 {
    padding-top: 30px !important;
  }
}
.pt-50-20 {
  padding-top: 50px !important;
}
@media screen and (max-width: 1000px) {
  .pt-50-20 {
    padding-top: 35px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-50-20 {
    padding-top: 20px !important;
  }
}
.pt-50-10 {
  padding-top: 50px !important;
}
@media screen and (max-width: 1000px) {
  .pt-50-10 {
    padding-top: 30px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-50-10 {
    padding-top: 10px !important;
  }
}
.pt-40-30 {
  padding-top: 40px !important;
}
@media screen and (max-width: 1000px) {
  .pt-40-30 {
    padding-top: 35px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-40-30 {
    padding-top: 30px !important;
  }
}
.pt-40-20 {
  padding-top: 40px !important;
}
@media screen and (max-width: 1000px) {
  .pt-40-20 {
    padding-top: 30px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-40-20 {
    padding-top: 20px !important;
  }
}
.pt-40-10 {
  padding-top: 40px !important;
}
@media screen and (max-width: 1000px) {
  .pt-40-10 {
    padding-top: 25px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-40-10 {
    padding-top: 10px !important;
  }
}
.pt-30-30 {
  padding-top: 30px !important;
}
@media screen and (max-width: 1000px) {
  .pt-30-30 {
    padding-top: 30px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-30-30 {
    padding-top: 30px !important;
  }
}
.pt-30-20 {
  padding-top: 30px !important;
}
@media screen and (max-width: 1000px) {
  .pt-30-20 {
    padding-top: 25px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-30-20 {
    padding-top: 20px !important;
  }
}
.pt-30-10 {
  padding-top: 30px !important;
}
@media screen and (max-width: 1000px) {
  .pt-30-10 {
    padding-top: 20px !important;
  }
}
@media screen and (max-width: 600px) {
  .pt-30-10 {
    padding-top: 10px !important;
  }
}
.pb-140-30 {
  padding-bottom: 140px !important;
}
@media screen and (max-width: 1000px) {
  .pb-140-30 {
    padding-bottom: 85px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-140-30 {
    padding-bottom: 30px !important;
  }
}
.pb-140-20 {
  padding-bottom: 140px !important;
}
@media screen and (max-width: 1000px) {
  .pb-140-20 {
    padding-bottom: 80px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-140-20 {
    padding-bottom: 20px !important;
  }
}
.pb-140-10 {
  padding-bottom: 140px !important;
}
@media screen and (max-width: 1000px) {
  .pb-140-10 {
    padding-bottom: 75px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-140-10 {
    padding-bottom: 10px !important;
  }
}
.pb-110-30 {
  padding-bottom: 110px !important;
}
@media screen and (max-width: 1000px) {
  .pb-110-30 {
    padding-bottom: 70px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-110-30 {
    padding-bottom: 30px !important;
  }
}
.pb-110-20 {
  padding-bottom: 110px !important;
}
@media screen and (max-width: 1000px) {
  .pb-110-20 {
    padding-bottom: 65px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-110-20 {
    padding-bottom: 20px !important;
  }
}
.pb-110-10 {
  padding-bottom: 110px !important;
}
@media screen and (max-width: 1000px) {
  .pb-110-10 {
    padding-bottom: 60px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-110-10 {
    padding-bottom: 10px !important;
  }
}
.pb-100-30 {
  padding-bottom: 100px !important;
}
@media screen and (max-width: 1000px) {
  .pb-100-30 {
    padding-bottom: 65px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-100-30 {
    padding-bottom: 30px !important;
  }
}
.pb-100-20 {
  padding-bottom: 100px !important;
}
@media screen and (max-width: 1000px) {
  .pb-100-20 {
    padding-bottom: 60px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-100-20 {
    padding-bottom: 20px !important;
  }
}
.pb-100-10 {
  padding-bottom: 100px !important;
}
@media screen and (max-width: 1000px) {
  .pb-100-10 {
    padding-bottom: 55px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-100-10 {
    padding-bottom: 10px !important;
  }
}
.pb-80-30 {
  padding-bottom: 80px !important;
}
@media screen and (max-width: 1000px) {
  .pb-80-30 {
    padding-bottom: 55px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-80-30 {
    padding-bottom: 30px !important;
  }
}
.pb-80-20 {
  padding-bottom: 80px !important;
}
@media screen and (max-width: 1000px) {
  .pb-80-20 {
    padding-bottom: 50px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-80-20 {
    padding-bottom: 20px !important;
  }
}
.pb-80-10 {
  padding-bottom: 80px !important;
}
@media screen and (max-width: 1000px) {
  .pb-80-10 {
    padding-bottom: 45px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-80-10 {
    padding-bottom: 10px !important;
  }
}
.pb-60-30 {
  padding-bottom: 60px !important;
}
@media screen and (max-width: 1000px) {
  .pb-60-30 {
    padding-bottom: 45px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-60-30 {
    padding-bottom: 30px !important;
  }
}
.pb-60-20 {
  padding-bottom: 60px !important;
}
@media screen and (max-width: 1000px) {
  .pb-60-20 {
    padding-bottom: 40px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-60-20 {
    padding-bottom: 20px !important;
  }
}
.pb-60-10 {
  padding-bottom: 60px !important;
}
@media screen and (max-width: 1000px) {
  .pb-60-10 {
    padding-bottom: 35px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-60-10 {
    padding-bottom: 10px !important;
  }
}
.pb-50-30 {
  padding-bottom: 50px !important;
}
@media screen and (max-width: 1000px) {
  .pb-50-30 {
    padding-bottom: 40px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-50-30 {
    padding-bottom: 30px !important;
  }
}
.pb-50-20 {
  padding-bottom: 50px !important;
}
@media screen and (max-width: 1000px) {
  .pb-50-20 {
    padding-bottom: 35px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-50-20 {
    padding-bottom: 20px !important;
  }
}
.pb-50-10 {
  padding-bottom: 50px !important;
}
@media screen and (max-width: 1000px) {
  .pb-50-10 {
    padding-bottom: 30px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-50-10 {
    padding-bottom: 10px !important;
  }
}
.pb-40-30 {
  padding-bottom: 40px !important;
}
@media screen and (max-width: 1000px) {
  .pb-40-30 {
    padding-bottom: 35px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-40-30 {
    padding-bottom: 30px !important;
  }
}
.pb-40-20 {
  padding-bottom: 40px !important;
}
@media screen and (max-width: 1000px) {
  .pb-40-20 {
    padding-bottom: 30px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-40-20 {
    padding-bottom: 20px !important;
  }
}
.pb-40-10 {
  padding-bottom: 40px !important;
}
@media screen and (max-width: 1000px) {
  .pb-40-10 {
    padding-bottom: 25px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-40-10 {
    padding-bottom: 10px !important;
  }
}
.pb-30-30 {
  padding-bottom: 30px !important;
}
@media screen and (max-width: 1000px) {
  .pb-30-30 {
    padding-bottom: 30px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-30-30 {
    padding-bottom: 30px !important;
  }
}
.pb-30-20 {
  padding-bottom: 30px !important;
}
@media screen and (max-width: 1000px) {
  .pb-30-20 {
    padding-bottom: 25px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-30-20 {
    padding-bottom: 20px !important;
  }
}
.pb-30-10 {
  padding-bottom: 30px !important;
}
@media screen and (max-width: 1000px) {
  .pb-30-10 {
    padding-bottom: 20px !important;
  }
}
@media screen and (max-width: 600px) {
  .pb-30-10 {
    padding-bottom: 10px !important;
  }
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center-left {
  text-align: center !important;
}
@media screen and (max-width: 900px) {
  .text-center-left {
    text-align: center !important;
  }
}
@media screen and (max-width: 600px) {
  .text-center-left {
    text-align: left !important;
  }
}
.img-center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media screen and (min-width: 1201px) {
  .display-1200 {
    display: none !important;
  }
}
@media screen and (max-width: 1200px) {
  .display-none-1200 {
    display: none !important;
  }
}
@media screen and (min-width: 1101px) {
  .display-1100 {
    display: none !important;
  }
}
@media screen and (max-width: 1100px) {
  .display-none-1100 {
    display: none !important;
  }
}
@media screen and (min-width: 1001px) {
  .display-1000 {
    display: none !important;
  }
}
@media screen and (max-width: 1000px) {
  .display-none-1000 {
    display: none !important;
  }
}
@media screen and (min-width: 901px) {
  .display-900 {
    display: none !important;
  }
}
@media screen and (max-width: 900px) {
  .display-none-900 {
    display: none !important;
  }
}
@media screen and (min-width: 801px) {
  .display-800 {
    display: none !important;
  }
}
@media screen and (max-width: 800px) {
  .display-none-800 {
    display: none !important;
  }
}
@media screen and (min-width: 701px) {
  .display-700 {
    display: none !important;
  }
}
@media screen and (max-width: 700px) {
  .display-none-700 {
    display: none !important;
  }
}
@media screen and (min-width: 601px) {
  .display-600 {
    display: none !important;
  }
}
@media screen and (max-width: 600px) {
  .display-none-600 {
    display: none !important;
  }
}
@media screen and (min-width: 501px) {
  .display-500 {
    display: none !important;
  }
}
@media screen and (max-width: 500px) {
  .display-none-500 {
    display: none !important;
  }
}
@media screen and (min-width: 401px) {
  .display-400 {
    display: none !important;
  }
}
@media screen and (max-width: 400px) {
  .display-none-400 {
    display: none !important;
  }
}
@media screen and (min-width: 351px) {
  .display-350 {
    display: none !important;
  }
}
@media screen and (max-width: 350px) {
  .display-none-350 {
    display: none !important;
  }
}
@media screen and (min-width: 301px) {
  .display-300 {
    display: none !important;
  }
}
@media screen and (max-width: 300px) {
  .display-none-300 {
    display: none !important;
  }
}
body,
input,
textarea,
select,
#post_title {
  font-family: Noto Sans JP, Arial, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, メイリオ, Meiryo, sans-serif !important;
}
.opacity-1 {
  opacity: 1 !important;
}
.wrapper {
  width: 100%;
  max-width: 1250px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.section-title {
  font-size: 36px !important;
  text-align: center !important;
  color: #1d2080 !important;
  font-weight: 700 !important;
  padding: 0;
  line-height: 1.8 !important;
}
.section-title .sub {
  font-size: 24px;
  line-height: 1;
  display: block;
}
.section-subtitle {
  font-size: 24px !important;
  color: #1d2080;
  font-weight: 700 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  display: block;
  position: relative;
}
.section-subtitle .sub {
  font-size: 16px;
  margin-top: 10px;
  display: block;
}
.section-subtitle .border {
  font-size: 24px !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.section-subtitle .border:before,
.section-subtitle .border:after {
  content: "";
  background: #000;
  width: 35px;
  height: 1px;
  position: absolute;
  top: 12px;
}
.section-subtitle .border:before {
  left: calc(50% - 180px);
}
.section-subtitle .border:after {
  right: calc(50% - 180px);
}
.post_content p {
  font-size: 16px;
  line-height: 1.8;
  color: #000;
  margin: 0;
}
.post_content .section-title {
  padding: 0;
}
.post_content ul,
.post_content ol,
.post_content dl {
  list-style: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.post_content li {
  box-sizing: border-box;
}
.post_content a,
.post_content a:hover {
  text-decoration: none;
}
.post_content table {
  width: 880px;
  padding: 20px 0;
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.post_content table th {
  width: 150px;
  text-align: center;
}
.post_content table td {
  width: 730px;
}
.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6 {
  padding: 0;
}
.tile-2 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tile-2 img {
  width: 50%;
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.tile-2-wide img {
  width: 45%;
  height: 425px;
}
.tile-2-wide .tile-2-text {
  width: 55%;
}
.tile-2-narrow {
  justify-content: flex-end;
}
.tile-2-narrow img {
  max-width: 345px;
  height: 200px;
}
.tile-2-text {
  width: 50%;
  padding-left: 40px;
}
.tile-2-text h3 {
  font-size: 24px;
  font-weight: 700;
  color: #1d2080;
}
.tile-2-text .btn-blue {
  width: 200px;
  padding: 15px 0;
}
.tile-3 {
  display: flex;
  justify-content: space-between;
}
.tile-3 li {
  width: 400px;
  max-width: 32%;
}
.tile-3 li h3 {
  color: #1d2080;
  font-weight: 700;
  font-size: 20px;
}
.tile-3 li img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.tile-6 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tile-6 li {
  width: 400px;
  max-width: 32%;
}
.tile-6 li h3 {
  color: #1d2080;
  font-weight: 700;
  font-size: 20px;
}
.tile-6 li img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.btn-white {
  color: #1d2080;
  border: 1px solid #1d2080;
  background: #fff;
  font-weight: 700;
  display: inline-block;
  transition: all 0.5s;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  width: 240px;
  padding: 20px 0;
}
.btn-white:hover {
  background: #1d2080;
  color: #fff;
}
.btn-blue {
  background: #1d2080;
  color: #fff !important;
  font-weight: 700;
  display: inline-block;
  transition: all 0.5s;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  width: 240px;
  padding: 20px 0;
}
.btn-blue:hover {
  opacity: 0.7;
  color: #fff;
}
#index_news_mobile .archive_link a {
  background: #1d2080;
  color: #fff;
}
#index_news_mobile .archive_link a:hover {
  opacity: 0.7;
}
section {
  position: relative;
}
.en-background {
  position: absolute;
  top: -170px;
  left: -100px;
  color: #4f4f4f12;
  font-weight: 700;
  font-size: 128px;
  white-space: nowrap;
  z-index: -1;
  letter-spacing: -0.02em;
}
#header_image #post_title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-weight: 700;
  font-size: 36px;
  color: #fff;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}
img.width-100 {
  width: 100%;
  height: 380px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.bg-gray {
  background: #f2f2f2 !important;
}
.suggestion-list {
  display: flex;
  justify-content: space-between;
}
.suggestion-list li {
  width: 595px;
  max-width: calc(50% - 30px);
  height: 250px;
  position: relative;
  overflow: hidden;
}
.suggestion-list li a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.suggestion-list li a:hover img {
  transform: scale(1.05);
}
.suggestion-list li a img {
  transition: all 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -o-object-fit: cover;
  object-fit: cover;
}
.suggestion-list li a p {
  font-size: 24px;
  color: #fff;
  line-height: 1.4;
  font-weight: 700;
}
.btn-list {
  display: flex;
  justify-content: center;
}
.btn-list li {
  display: block;
  width: 240px;
  margin: 0 12px;
}
.btn-list li a {
  display: block;
  width: 100%;
  height: auto;
  padding: 20px 0;
}
#global_menu {
  background: #333 !important;
  margin: 0 !important;
  z-index: 1000 !important;
}
#global_menu ul {
  max-width: 1250px !important;
  margin: 0 auto !important;
  text-align: center !important;
  justify-content: space-around;
  display: flex;
}
#global_menu ul li a {
  color: #fff !important;
  height: 60px;
  line-height: 60px;
  padding: 0;
}
#index_news_mobile {
  margin: 0 !important;
}
#header_image {
  position: relative;
}
#header_top {
  box-shadow: 0 0 6px #00000036;
  position: relative;
}
#header_top > .inner {
  display: flex;
  align-items: center;
  position: relative;
  min-height: auto;
  height: 60px;
}
.header_logo,
#header_logo_fix {
  float: none;
  clear: both;
}
#header_logo,
#header_logo_fix,
#header_logo .logo,
#header_logo_fix .logo {
  height: 60px;
}
#header_logo .logo img,
#header_logo_fix .logo img {
  height: 45px;
}
#header_logo a,
#header_logo_fix a {
  display: flex;
  align-items: center;
  height: 100%;
}
#header_image {
  height: 325px;
}
#header_image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.header-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 200px;
  line-height: 60px;
  padding: 0;
}
.header-tel {
  display: flex;
  align-items: center;
  margin-left: 45px;
}
.header-tel img {
  display: block;
  margin-right: 12px;
  width: 23px;
  height: 30px;
  -o-object-fit: contain;
  object-fit: contain;
}
.header-tel p {
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  color: #000;
}
.header-tel p a {
  color: #000 !important;
}
.header-tel p .small {
  font-size: 14px;
  display: block;
}
.top-movie {
  height: 100%;
  position: relative;
  width: 100%;
  display: block;
  height: 620px;
}
.top-movie video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.top-about {
  padding: 0 30px;
}
.top-about-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 35px 0 20px;
}
.top-about-list li {
  width: 30%;
  height: 250px;
  position: relative;
}
.top-about-list li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.top-about-list li h3 {
  background: #1d2080;
  color: #fff;
  padding: 15px 0;
  width: 200px;
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  top: 15px;
  left: -20px;
}
.top-about-list li a {
  padding: 20px 0;
  width: 200px;
  position: absolute;
  bottom: -25px;
  right: -30px;
}
.top-history {
  width: 100%;
  margin: 0;
  position: relative;
  padding: 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-history > img {
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
  height: 100%;
}
.top-history > img:first-of-type {
  left: 0;
  right: 50vw;
}
.top-history > img:nth-of-type(2) {
  right: 0;
  left: 50vw;
}
.top-history-inner {
  background: #ffffffe6;
  width: 800px;
  padding: 60px 0 30px;
  text-align: center;
  max-width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.top-history-inner .badge {
  font-size: 20px;
  line-height: 1;
  padding: 7px 50px;
  border-radius: 30px;
  background-color: #1d2080;
  color: #fff;
  margin-bottom: 35px;
  display: inline-block;
}
.top-history-inner img {
  height: 50px;
  width: 450px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 35px;
}
.top-history-inner .btn-white {
  padding: 20px 80px;
}
.top-recruit-list {
  display: flex;
  flex-wrap: wrap;
}
.top-recruit-list li {
  height: 250px;
  border: 0.5px solid #fff;
}
.top-recruit-list li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
.top-recruit-list li a img {
  position: absolute;
  top: 20px;
  left: 30px;
  width: 70px;
  height: 70px;
  -o-object-fit: contain;
  object-fit: contain;
}
.top-recruit-list li a h3 {
  font-size: 24px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 0;
}
.top-recruit-list li a h3 .small {
  font-size: 20px;
  margin-top: 5px;
  display: block;
}
.top-recruit-list li:nth-of-type(1) {
  width: 33.3333333333%;
  background-color: #222;
}
.top-recruit-list li:nth-of-type(2) {
  width: 33.3333333333%;
  background-color: #f2f2f2;
}
.top-recruit-list li:nth-of-type(2) h3 {
  color: #333;
}
.top-recruit-list li:nth-of-type(3) {
  width: 33.3333333333%;
  background-color: #1d2080;
}
.top-recruit-list li:nth-of-type(4) {
  width: 55%;
  background-color: #1d2080;
}
.top-recruit-list li:nth-of-type(5) {
  width: 45%;
  background-color: #222;
}
.footer-contact {
  position: relative;
  height: 440px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-contact:after {
  content: "";
  background: #28294f6e;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
}
.footer-contact-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-position: left;
  object-position: left;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -2;
  width: 100%;
  height: 100%;
}
.footer-contact-inner .section-title {
  color: #fff !important;
}
.footer-contact-list {
  display: flex;
}
.footer-contact-list li {
  width: 450px;
  max-width: 48%;
  justify-content: center;
  margin: 0 10px;
  text-align: center;
  border: 3px solid #fff;
  height: auto;
  padding: 30px 0;
  background: #ffffff1a;
}
.footer-contact-list li:first-of-type h3 {
  font-size: 40px;
  letter-spacing: 1px;
}
.footer-contact-list li:first-of-type img {
  height: 50px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: 20px;
}
.footer-contact-list li:last-of-type img {
  height: 40px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: 20px;
}
.footer-contact-list li h3 {
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.36);
  font-size: 30px;
  color: #fff !important;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.footer-contact-list li h3 a {
  color: #fff !important;
}
.footer-contact-list li p {
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.36);
  padding-left: 70px;
}
.footer-contact-list li .btn-white {
  border: none;
  width: 200px;
  padding: 15px 0;
  margin-left: 30px;
}
.go-to-top {
  background: #fff;
  transition: all 0.5s;
  border-bottom: 1px solid #d0d0d0;
  width: 100%;
  height: 60px;
  cursor: pointer;
  position: relative;
}
.go-to-top:hover {
  background: #eee;
}
.go-to-top img {
  height: 12px;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#return_top a {
  border-radius: 50% !important;
}
.footer-text {
  text-align: center;
  padding-top: 60px;
}
.footer-text img {
  width: 260px;
  -o-object-fit: contain;
  object-fit: contain;
}
.footer-menu {
  background: #333 !important;
  margin: 0 !important;
  position: relative;
  z-index: 20;
  overflow-x: scroll;
  margin: 0 -28px 0 0;
}
.footer-menu ul {
  margin: 0 auto;
  display: flex;
  list-style: none;
  justify-content: space-around;
  min-width: 1100px;
  max-width: 1200px;
}
.footer-menu ul li {
  display: block;
}
.footer-menu ul li a {
  font-size: 14px;
  text-decoration: none;
  height: 60px;
  line-height: 60px;
  display: block;
  padding: 0 15px;
  color: #fff;
  transition: all 0.5s;
}
.footer-menu ul li a:hover {
  opacity: 0.7;
}
#footer_contents {
  padding: 0 !important;
}
#footer_contents a:hover {
  color: #fff !important;
}
#copyright {
  font-size: 16px !important;
  width: auto;
  right: auto;
  left: 50%;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  transform: translate(-50%, -50%);
  background: transparent !important;
  text-align: center !important;
}
#footer_info {
  height: 60px;
  padding: 0;
}
.greeting {
  width: 100%;
  height: 600px;
  position: relative;
}
.greeting > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}
.greeting-text {
  position: absolute;
  top: 50%;
  left: 60px;
  transform: translateY(-50%);
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.philosophy-list li {
  display: flex;
  align-items: center;
}
.philosophy-list li h3 {
  background: #1d2080;
  color: #fff !important;
  font-weight: 700;
  display: inline-block;
  font-size: 20px;
  margin-right: 25px;
  min-width: 140px;
  padding: 12px 0;
  line-height: 1;
  margin-bottom: 0;
  cursor: unset;
}
.philosophy-list li h3:hover {
  opacity: 1;
}
.philosophy-list li p {
  font-size: 24px;
  line-height: 1.4;
}
.data-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.data-list img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%;
}
.data-list img:nth-of-type(1),
.data-list img:nth-of-type(2),
.data-list img:nth-of-type(3) {
  width: 32%;
  height: 420px;
}
.data-list img:nth-of-type(4),
.data-list img:nth-of-type(5) {
  width: 49%;
  height: 270px;
}
.option {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #fff;
  margin-bottom: 30px;
  margin-left: 30px;
}
.option input:before,
.option input:after {
  display: none !important;
}
.option .toggle {
  display: none;
}
.option .question {
  position: absolute;
  left: -30px;
  background: #1d2080;
  display: block;
  top: auto;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  z-index: 10;
  font-weight: 400;
}
.option .title,
.option .content {
  line-height: 1.6;
  text-align: left;
}
.option .title {
  display: flex;
  align-items: center;
  padding: 0 0 0 40px;
  font-weight: 500;
  cursor: pointer;
  transition: all 1s;
  color: #333;
  letter-spacing: 1px;
  font-size: 18px;
  z-index: 10;
  background: #fff;
  align-items: flex-start;
}
.option .title p {
  background: #f2f2f2;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 18px;
  padding: 14px 50px 14px 25px;
}
.option .title:after,
.option .title:before {
  content: "";
  position: absolute;
  right: 30px;
  top: 30px;
  transform: translateY(-50%);
  width: 2px;
  height: 20px;
  background-color: #111;
  transition: all 0.5s;
}
.option .title:after {
  transform: translateY(-50%) rotate(90deg);
}
.option .content {
  max-height: 0;
  overflow: scroll;
  background: #fff;
  transition: all 1s;
  position: relative;
  font-weight: 400;
  opacity: 0;
  overflow: hidden;
  margin-left: 40px;
  background: #f2f2f2;
}
.option .content p {
  margin: 0;
  padding: 20px 50px 20px 25px;
  font-size: 18px;
  line-height: 1.6 !important;
  text-align: justify;
}
.option .toggle:checked + .title + .content {
  max-height: 300px;
  height: auto;
  transition: all 1.5s;
  opacity: 1;
}
.option .toggle:checked + .title:before {
  transform: translateY(-50%) rotate(90deg) !important;
}
.enterprise-btn {
  flex-wrap: nowrap;
}
.beginner {
  height: 530px;
  width: 100%;
  position: relative;
  background-color: #1d2080;
}
.beginner h2 {
  position: absolute;
  font-size: 30px;
  font-weight: 700;
  bottom: 30px;
  left: 40px;
  color: #fff;
  line-height: 1.6;
  z-index: 10;
}
.beginner img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  top: 0;
  left: 0;
  width: 55%;
  height: 60%;
}
.beginner-text {
  position: absolute;
  bottom: 45px;
  right: 0;
  background: #fff;
  padding: 45px 100px 45px 40px;
  width: 500px;
}
.beginner-text h3 {
  font-size: 30px;
  font-weight: 700;
  color: #1d2080;
}
.flow > img {
  width: 40px;
  -o-object-fit: contain;
  object-fit: contain;
}
.recruit-search {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}
.recruit-search h2 {
  font-size: 20px;
}
.recruit-search .btn-blue {
  width: 350px;
  padding: 20px 0;
  max-width: 90%;
}
.recruit-search-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.recruit-search-inner select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  padding: 15px 20px;
  width: 365px;
  cursor: pointer;
  font-size: 18px;
  letter-spacing: 1px;
  max-width: 100%;
  border: none;
}
.recruit-search-inner select::-ms-expand {
  display: none;
}
.recruit-search-inner .select-wrapper {
  max-width: 48%;
  margin: 0 5px;
}
.recruit-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.recruit-pagination li {
  margin: 0 10px !important;
  float: none;
  text-align: center;
  display: flex;
  align-items: center;
  width: 50px;
  height: 50px;
  max-width: 50px;
  max-height: 50px;
}
.recruit-pagination li a,
.recruit-pagination li span {
  display: block;
  font-size: 16px;
  min-width: auto;
  line-height: 50px;
  width: 100%;
  height: 100%;
}
select.is-empty {
  color: #bdbdbd;
}
.select-wrapper {
  position: relative;
}
.select-wrapper:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid #000;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
}
.recruit-box .tile-2 {
  align-items: flex-start;
  justify-content: space-between;
  padding-left: 50px;
  padding-right: 50px;
}
.recruit-box .tile-2 img {
  width: 450px;
}
.recruit-box .tile-2-text {
  width: calc(100% - 470px);
}
.recruit-box .tile-2-text h3 {
  font-size: 20px;
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
  font-weight: 700;
  color: #000;
  line-height: 1.4;
}
.recruit-box .tile-2-text dl {
  display: flex;
  flex-wrap: wrap;
  line-height: 2;
  padding-left: 10px;
}
.recruit-box .tile-2-text dl dt {
  width: 100px;
  font-weight: 500;
}
.recruit-box .tile-2-text dl dd {
  width: calc(100% - 100px);
}
.recruit-box .btn-list a {
  width: 240px;
  margin: 0 10px;
  padding: 20px 0;
}
#article_header {
  border: none;
}
ul.meta li.cat a,
ul.meta li.cat span {
  border-radius: 0;
}
#post_image {
  margin-bottom: 0;
}
#post_image img {
  height: 330px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.blog-wrapper .post_content {
  margin-top: 40px;
}
.blog-wrapper .post_content h2 {
  padding: 10px 0 10px 20px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
}
.blog-wrapper .post_content p {
  margin-bottom: 30px;
}
.blog-wrapper .post_content p img {
  margin: 0;
}
.widget_categories h3 {
  display: none;
}
.widget_categories ul {
  border-top: 1px solid #bdbdbd;
  border-left: 1px solid #bdbdbd;
}
.widget_categories ul li {
  border-right: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
}
.widget_categories ul li a {
  display: block;
  padding: 15px;
}
.side_widget {
  margin-bottom: 40px;
}
.styled_post_list1_tabs {
  border-left: none;
}
.tab-label-recent_post {
  border-top: none !important;
  border-right: none !important;
  border-bottom: 1px solid #bdbdbd;
}
.tab-label-recent_post label {
  font-size: 24px;
  padding: 0 0 40px !important;
  text-align: left !important;
  color: #1d2080;
}
.widget_archive select,
.widget_categories select,
.tcdw_archive_list_widget select,
.tab-content-recent_post,
.tab-content-recent_post li {
  border-color: #bdbdbd;
}
#main_col {
  margin: 80px auto;
}
.top-interview {
  height: 100%;
  background: #1d2080;
  padding: 100px 0 80px;
}
.top-interview h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  position: relative;
  z-index: 10;
}
.top-interview h2 .small {
  font-size: 24px;
  display: block;
  margin-top: 5px;
}
.top-interview .en-background {
  -webkit-text-stroke: 1px #bdbdbd;
  color: transparent;
  position: relative;
  font-weight: 700;
  vertical-align: middle;
  z-index: 0;
  position: absolute;
  bottom: auto;
  top: -140px;
  right: 0;
  left: auto;
}
.top-interview .en-background:before {
  content: attr(data-text);
  position: absolute;
  color: transparent;
  -webkit-text-stroke: 1px #bdbdbd;
  z-index: 10;
  font-weight: 700;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.swiper-top {
  width: 100%;
  overflow: hidden;
  max-width: 1700px;
  margin-left: auto;
  margin-right: auto;
}
.swiper-top .swiper-layout {
  padding: 0 calc(50% - 300px);
  overflow: hidden;
}
.swiper-top .swiper {
  overflow: visible;
}
.swiper-top .swiper-slide {
  height: 480px;
}
.swiper-top .swiper-slide img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 480px;
  display: block;
  margin: 0 auto;
}
.swiper-top .swiper-slide:not(.swiper-slide-active) {
  pointer-events: none;
  opacity: 0.5;
  padding: 50px;
}
.swiper-top .swiper-slide:not(.swiper-slide-active) img {
  height: 380px;
}
.swiper-top .swiper-slide:not(.swiper-slide-active) span,
.swiper-top .swiper-slide:not(.swiper-slide-active) p {
  display: none;
}
.swiper-top .swiper-button-next {
  width: 80px;
  height: 50px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  right: auto;
  left: calc(50% + 300px);
}
.swiper-top .swiper-button-next span {
  color: #fff;
  font-size: 20px;
}
.swiper-top .swiper-button-next:before {
  content: "";
  background: #fff;
  height: 1px;
  width: 55px;
  position: absolute;
  top: 50%;
  right: -100px;
  transform: translateY(-50%);
}
.swiper-top .swiper-button-next:after {
  display: none;
}
.swiper-top .swiper-button-prev {
  width: 80px;
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  left: auto;
  right: calc(50% + 300px);
}
.swiper-top .swiper-button-prev span {
  color: #fff;
  font-size: 20px;
}
.swiper-top .swiper-button-prev:before {
  content: "";
  background: #fff;
  height: 1px;
  width: 55px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -100px;
}
.swiper-top .swiper-button-prev:after {
  display: none;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-slide a {
  display: block;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.top-interview-office {
  position: absolute;
  width: 125px;
  height: 125px;
  background: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  bottom: 90px;
  left: 0;
  line-height: 1.6;
}
.top-interview-info {
  position: absolute;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  bottom: 30px;
  left: 10px;
  line-height: 1.4;
  white-space: nowrap;
}
.top-interview-phrase {
  position: absolute;
  right: -20px;
  bottom: 30px;
  color: #fff;
  display: block;
}
.top-interview-phrase span {
  display: inline-block;
  background: #fff;
  padding: 5px 10px;
  font-weight: 700;
  white-space: nowrap;
  font-size: 24px;
}
.top-interview-phrase span:first-of-type {
  position: absolute;
  right: 160px;
  bottom: 65px;
}
.swiper-history {
  width: 100%;
  overflow: hidden;
}
.swiper-history .swiper-layout {
  padding: 0 calc(50% - 300px);
  overflow: hidden;
}
.swiper-history .swiper {
  overflow: visible;
  margin-bottom: 50px;
}
.swiper-history .swiper-slide {
  height: 400px;
  position: relative;
}
.swiper-history .swiper-slide img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 400px;
  display: block;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.swiper-history .swiper-slide h3 {
  position: absolute;
  top: 20px;
  left: 30px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.58);
}
.swiper-history .swiper-slide p {
  position: absolute;
  color: #fff;
  bottom: 45px;
  left: 20px;
  right: 20px;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 12px;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 120px;
}
.swiper-pagination-bullet {
  background: #fff !important;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background-color: #1d2080 !important;
  opacity: 1;
}
.history-bar {
  position: relative;
  height: 60px;
}
.history-bar:before {
  content: "";
  background: #1d2080;
  width: 100%;
  height: 5px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
}
.history-bar li {
  width: 65px;
  position: absolute;
  padding-top: 20px;
  cursor: pointer;
  text-align: center;
  font-size: 15px;
  color: #000;
}
.history-bar li.dummy:before {
  display: none;
}
.history-bar li:before {
  content: "";
  background: #1d2080;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}
.history-bar .swiper-slide-thumb-active:before {
  background: #fff;
  border: 3px solid #1d2080;
  width: 14px;
  height: 14px;
}
.photo-galary {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.photo-galary img {
  width: 24%;
  height: 200px;
  margin-bottom: 10px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.wpcf7 {
  width: 100%;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
.wpcf7 form {
  margin: 0 !important;
}
.contact-wrapper {
  padding-left: 50px;
  padding-right: 50px;
}
.contact-wrapper .recruit-box {
  border-bottom: 1px solid #ccc;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}
.contact-wrapper .recruit-box .tile-2 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.contact-wrapper .recruit-box .tile-2 img {
  width: 350px;
}
.contact-wrapper .recruit-box .tile-2-text {
  width: auto;
}
.contact-wrapper dt,
.contact-wrapper dd {
  line-height: 1.6 !important;
}
.contact-inner {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.contact-acceptance {
  cursor: pointer;
}
.contact-acceptance span {
  font-size: 18px !important;
}
.wpcf7 input.wpcf7-submit,
.wpcf7 .wpcf7-previous {
  background: #1d2080 !important;
}
.contact-item {
  display: flex;
  justify-content: space-between;
}
.contact-item p {
  display: block;
  min-width: 120px;
}
.contact-item .contact-dummy,
.contact-item input,
.contact-item select,
.contact-item textarea {
  border: 1px solid #d9d9d9;
  background: #fff;
  padding: 10px;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.6;
}
.contact-item select {
  cursor: pointer;
}
.wpcf7-form-control-wrap {
  width: 750px;
}
.beginner-suggestion {
  display: flex;
  justify-content: space-between;
}
.beginner-suggestion li {
  width: 32%;
  height: 200px;
  overflow: hidden;
}
.beginner-suggestion li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.beginner-suggestion li a:hover img {
  transform: scale(1.03);
}
.beginner-suggestion li img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.beginner-suggestion li h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-size: 24px;
  z-index: 10;
  color: #fff !important;
}
.page-drivers figure {
  margin-left: auto;
  margin-right: auto;
  max-width: 640px;
  height: auto;
  width: 100%;
  display: block;
  aspect-ratio: 640/360;
}
.page-drivers figure video,
.page-drivers figure iframe {
  width: 100%;
  height: 100%;
  display: block;
}
.drivers-list {
  display: flex;
  justify-content: center;
}
.drivers-list li {
  background: #1d2080;
  width: 31%;
  margin: 0 15px;
  max-width: 320px;
  display: block;
  text-align: center;
}
.drivers-list li a {
  display: block;
  padding: 15px;
  transition: all 0.5s;
}
.drivers-list li a:hover {
  opacity: 0.8;
}
.drivers-list li h3 {
  color: #fff;
  font-size: 24px;
  padding-bottom: 15px;
  display: block;
  font-weight: 700;
  position: relative;
}
.drivers-list li h3:after {
  content: "";
  width: 40px;
  height: 3px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}
.drivers-list li h3 .yellow {
  color: #ffe082;
  font-size: 40px;
  display: inline-block;
  margin-left: 10px;
  font-weight: 500;
  font-family: YuMincho, Hiragino Mincho ProN, Yu Mincho, MS PMincho, serif;
  letter-spacing: 2px;
}
.drivers-list li p {
  font-size: 16px;
  color: #fff;
  line-height: 1.6;
}
.drivers-list li h4 {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
}
.drivers-list li img {
  width: 100%;
  height: 170px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}
.drivers-list li:has(iframe) {
  aspect-ratio: 640 / 360;
  padding: 15px;
}
.drivers-list li iframe{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 640 / 360;
}
.single-interview {
  max-width: 1000px !important;
  margin-left: auto;
  margin-right: auto;
}
.single-interview .btn-white {
  max-width: 300px;
  width: 90%;
}
.interview-mainvisual {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.interview-mainvisual > div {
  width: 50%;
  height: 400px;
}
.interview-mainvisual > div img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  width: 100%;
  height: 100%;
}
.interview-mainvisual-text {
  background: #1d2080;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.interview-mainvisual-text h2 {
  font-size: 26px;
  color: #fff;
  font-weight: 700;
}
.interview-mainvisual-text h2 .yellow {
  color: #ffe082;
  font-size: 40px;
  font-family: YuMincho, Hiragino Mincho ProN, Yu Mincho, MS PMincho, serif;
  letter-spacing: 2px;
  margin-left: 10px;
  display: inline-block;
}
.interview-mainvisual-text h3 {
  color: #fff;
  font-size: 22px;
  font-family: YuMincho, Hiragino Mincho ProN, Yu Mincho, MS PMincho, serif;
  line-height: 1.4;
  font-weight: 500;
}
.interview-mainvisual-text h4 {
  font-size: 32px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 3px;
}
.interview-mainvisual-text p {
  font-size: 20px;
  color: #fff;
}
.interview-flex {
  display: flex;
  justify-content: space-between;
}
.interview-flex > ul,
.interview-flex img,
.interview-flex div {
  width: 48%;
}
.interview-flex > img {
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 320px;
}
.interview-flex-reverse {
  flex-direction: row-reverse;
}
.interview-list {
  width: 90%;
}
.interview-list h2 {
  color: #1d2080;
  font-size: 18px;
  display: flex;
  align-items: center;
  font-weight: 700;
}
.interview-list h2 span {
  color: #fff;
  background: #1d2080;
  border-radius: 0;
  padding: 12px;
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.interview-list p {
  text-align: justify;
}
.interview-phrase {
  display: flex;
  height: 350px;
}
.interview-phrase div {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #1ed3ec, #0075be 86.52%, #005b97 99.44%);
}
.interview-phrase div p {
  color: #fff;
  font-weight: 700;
  line-height: 1.8;
  font-size: 24px;
}
.interview-phrase img {
  width: 50%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  -o-object-position: center;
  object-position: center;
}
.interview-appeal {
  position: relative;
  margin-bottom: 300px;
}
.interview-appeal-text {
  background: #eceff1;
  position: absolute;
  width: 620px;
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-left: 100px;
  padding-right: 100px;
  bottom: -180px;
  left: 50%;
  transform: translate(-50%);
  max-width: calc(100% - 280px);
}
.interview-appeal-text h2 {
  color: #1d2080;
  font-size: 18px;
  font-weight: 700;
}
.interview-schedule-title {
  color: #fff;
  font-size: 20px !important;
  display: inline-block;
  text-align: center !important;
  padding: 15px 0 !important;
  font-weight: 500 !important;
  background: #1d2080;
  width: 580px;
  max-width: 100%;
}
.interview-schedule {
  display: flex;
  justify-content: space-between;
}
.interview-schedule > div:last-child {
  width: 260px;
}
.interview-schedule-list {
  width: calc(100% - 280px);
}
.interview-schedule-list li > img {
  width: 25px;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
  margin-left: 60px;
}
.interview-schedule-text {
  display: flex;
  align-items: center;
}
.interview-schedule-text h3 {
  font-size: 16px !important;
  background: #1d2080;
  color: #fff;
  font-weight: 500;
  padding: 10px 0;
  width: 140px;
  margin-right: 20px;
  text-align: center;
  margin-bottom: 0;
}
.interview-private {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 2px solid #000;
}
.interview-private > img {
  width: 48%;
  -o-object-fit: contain;
  object-fit: contain;
}
.interview-private > div {
  width: 48%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.interview-private > div h2 {
  font-size: 40px;
  font-weight: 700;
}
.interview-private > div h3 {
  font-size: 18px !important;
  color: #1d2080;
  line-height: 1.6;
  font-weight: 700;
}
.interview-suggestion {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.interview-suggestion a {
  max-width: 45%;
}
.btn-black {
  font-size: 16px;
  color: #fff !important;
  background: #000;
  border-radius: 10px;
  padding: 10px 0;
  width: 330px;
  display: inline-block;
  text-align: center;
  transition: all 0.5s;
}
.btn-black:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1480px) {
  .en-background {
    left: -50px;
  }
}
@media screen and (max-width: 1320px) {
  .top-about-list {
    padding-right: 30px !important;
  }
}
@media screen and (max-width: 1290px) {
  .wrapper {
    max-width: calc(100% - 40px) !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .suggestion-list {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
  .en-background {
    left: -20px;
    font-size: 100px;
    top: -120px;
  }
  #global_menu ul {
    max-width: calc(100% - 40px) !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .top-about {
    padding: 0 !important;
  }
  .top-about-list {
    padding-left: 20px !important;
  }
  .top-movie {
    height: 500px;
  }
  .top-recruit {
    padding: 0 !important;
    max-width: 100% !important;
  }
  .philosophy-list li h3 {
    font-size: 18px;
  }
  .philosophy-list li p {
    font-size: 20px;
  }
  .beginner-text {
    padding: 40px;
  }
  .top-interview .en-background {
    right: 20px;
  }
}
@media screen and (max-width: 1100px) {
  .top-movie {
    height: 420px;
  }
  .greeting {
    height: 550px;
  }
  .greeting-text {
    left: 20px;
  }
  .data-list img:nth-of-type(1),
  .data-list img:nth-of-type(2),
  .data-list img:nth-of-type(3) {
    height: 350px;
  }
  .data-list img:nth-of-type(4),
  .data-list img:nth-of-type(5) {
    height: 240px;
  }
  .beginner {
    height: 500px;
  }
  .beginner h2 {
    font-size: 25px;
  }
  .beginner img {
    width: 52%;
    height: 60%;
  }
  .beginner-text {
    width: 450px;
  }
  .swiper-top .swiper-layout {
    padding: 0 calc(50% - 250px);
  }
  .swiper-top .swiper-slide,
  .swiper-top .swiper-slide img {
    height: 400px;
  }
  .swiper-top .swiper-slide:not(.swiper-slide-active) {
    padding: 50px;
  }
  .top-interview-office {
    width: 100px;
    height: 100px;
    font-size: 18px;
  }
  .top-interview-info {
    font-size: 16px;
  }
  .top-interview-phrase span {
    font-size: 20px;
  }
  .top-interview-phrase span:first-of-type {
    right: 140px;
    bottom: 55px;
  }
  .photo-galary img {
    height: 180px;
  }
  .recruit-box .tile-2 {
    padding: 0 30px;
  }
  .recruit-box .tile-2 img {
    width: 350px;
  }
  .recruit-box .tile-2-text {
    width: auto;
  }
}
@media screen and (max-width: 1024px) {
  #header_top a,
  #header_top a:before {
    color: #fff !important;
  }
  .mobile_fix_top.header_fix #header_top a,
  .mobile_fix_top.header_fix #header_top a:before {
    color: #fff !important;
  }
  .side_widget ul {
    margin-left: 0;
  }
  .header-tel a {
    color: #000 !important;
  }
  .header-btn {
    display: none;
  }
  .menu_button {
    background: #1d2080;
  }
  #global_menu ul {
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
  }
  #main_col,
  .inner {
    padding: 0 15px;
  }
  #main_col {
    margin: 50px 0 !important;
  }
}
@media screen and (max-width: 1000px) {
  .en-background {
    font-size: 80px;
    top: -90px;
  }
  .suggestion-list li {
    width: 49%;
    max-width: 49%;
    height: 200px;
  }
  .suggestion-list li a p {
    font-size: 20px;
  }
  .tile-2-text {
    width: 55%;
    padding-left: 20px;
  }
  .tile-2-text h3 {
    font-size: 22px;
  }
  .tile-2-text img {
    height: 250px;
  }
  .footer-contact {
    height: 350px;
  }
  .footer-contact-list li {
    width: 400px;
  }
  #header_image {
    height: 300px;
  }
  .post_content table {
    font-size: 15px;
  }
  .philosophy-list li h3 {
    font-size: 16px;
  }
  .philosophy-list li p {
    font-size: 18px;
  }
  .beginner {
    height: 500px;
  }
  .beginner h2 {
    bottom: auto;
    top: 40px;
  }
  .beginner img {
    top: auto;
    height: 300px;
    bottom: 0;
  }
  .beginner-text {
    padding: 30px;
    width: 400px;
    bottom: 60px;
  }
  .beginner-text h3 {
    font-size: 20px;
  }
  .beginner-text p {
    font-size: 15px;
  }
  .contact-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
  .wpcf7-form-control-wrap {
    width: calc(100% - 160px);
  }
  .recruit-search h2 {
    font-size: 18px;
  }
  .recruit-search-inner select {
    font-size: 16px;
    padding: 10px 15px;
  }
  .select-wrapper:before {
    right: 15px;
    border-top: 9px solid #000;
  }
  .recruit-box .tile-2 img {
    width: 300px;
    height: 200px;
  }
  .beginner-suggestion li h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 900px) {
  .tile-6 li img {
    height: 150px;
  }
  .top-about-list {
    flex-direction: column;
  }
  .top-about-list li {
    width: 100%;
    max-width: 400px;
  }
  .top-movie {
    height: 370px;
  }
  .top-recruit-list li {
    height: 200px;
  }
  .top-recruit-list li a img {
    height: 50px;
    width: 50px;
    top: 10px;
    left: 20px;
  }
  .footer-contact-list li {
    width: 360px;
  }
  .footer-contact-list li:first-of-type h3 {
    font-size: 30px;
  }
  .footer-contact-list li h3 {
    font-size: 25px;
  }
  .footer-contact-list li h3 img {
    height: 40px;
  }
  .footer-contact-list li p {
    padding-left: 50px;
  }
  #header_image {
    height: 280px;
  }
  .greeting {
    height: 450px;
  }
  .philosophy-list li h3 {
    font-size: 15px;
    width: auto;
    min-width: 120px;
  }
  .philosophy-list li p {
    font-size: 16px;
  }
  .data-list img:nth-of-type(1),
  .data-list img:nth-of-type(2),
  .data-list img:nth-of-type(3) {
    height: 320px;
  }
  .data-list img:nth-of-type(4),
  .data-list img:nth-of-type(5) {
    height: 200px;
  }
  .option .title p,
  .option .content p {
    font-size: 16px;
  }
  .swiper-top .swiper-layout {
    padding: 0 calc(50% - 200px);
  }
  .swiper-top .swiper-slide {
    height: 400px;
  }
  .swiper-top .swiper-slide img {
    height: 250px !important;
  }
  .swiper-top .swiper-slide:not(.swiper-slide-active) {
    padding: 0 0 100px;
  }
  .top-interview-office {
    top: 40px;
    bottom: auto;
  }
  .top-interview-info {
    bottom: 0;
    left: auto;
    right: 0;
  }
  .top-interview-phrase {
    bottom: 40px;
  }
  .photo-galary {
    justify-content: space-around;
  }
  .photo-galary img {
    width: 48%;
    height: 200px;
  }
  .recruit-box .tile-2 img {
    width: 100%;
    height: 300px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .recruit-box .tile-2-text {
    max-width: 100% !important;
  }
  .recruit-box .tile-2-text h3 {
    font-size: 18px;
  }
  .beginner-suggestion {
    max-width: 600px;
    margin-left: auto !important;
    margin-right: auto !important;
    flex-wrap: wrap;
  }
  .beginner-suggestion li {
    height: 150px;
  }
  .beginner-suggestion li:first-of-type,
  .beginner-suggestion li:nth-of-type(2) {
    width: 49%;
    margin-bottom: 5px;
  }
  .beginner-suggestion li:nth-of-type(3) {
    width: 100%;
  }
  .beginner-suggestion li h3 {
    font-size: 18px;
  }
  .drivers-list li h3 {
    font-size: 20px;
  }
  .drivers-list li h3 .yellow {
    font-size: 32px;
  }
  .drivers-list li p {
    font-size: 14px;
  }
  .drivers-list li h4 {
    font-size: 20px;
  }
  .drivers-list li img {
    height: 120px;
  }
}
@media screen and (max-width: 800px) {
  .en-background {
    font-size: 60px;
    top: -70px;
  }
  .suggestion-list li {
    height: 180px;
  }
  .suggestion-list li a p {
    font-size: 18px;
  }
  .section-title {
    font-size: 32px !important;
  }
  .section-subtitle,
  .section-subtitle .border {
    font-size: 18px !important;
  }
  .section-subtitle .border:before,
  .section-subtitle .border:after {
    top: 10px;
  }
  .section-subtitle .border:before {
    left: calc(50% - 140px);
  }
  .section-subtitle .border:after {
    right: calc(50% - 140px);
  }
  .section-subtitle .sub {
    font-size: 15px !important;
  }
  .post_content p {
    font-size: 15px;
  }
  .top-movie {
    height: 350px;
  }
  .footer-contact-list li {
    width: 320px;
    padding: 20px 0;
    border-width: 2px;
  }
  #header_image {
    height: 250px;
  }
  #header_image #post_title {
    font-size: 30px;
  }
  .tile-2 {
    flex-direction: column;
  }
  .tile-2 img {
    width: 100%;
    max-width: 400px;
    height: 200px;
    margin-bottom: 20px;
  }
  .tile-2-text {
    width: 100% !important;
    max-width: 400px;
    padding-left: 0;
  }
  img.width-100 {
    height: 300px;
  }
  .philosophy-list li h3 {
    margin-right: 15px;
  }
  .data-list img:nth-of-type(1),
  .data-list img:nth-of-type(2),
  .data-list img:nth-of-type(3) {
    height: 300px;
  }
  .data-list img:nth-of-type(4),
  .data-list img:nth-of-type(5) {
    height: 180px;
  }
  .enterprise-btn {
    justify-content: space-between;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .enterprise-btn li {
    width: 24%;
    margin: 0;
  }
  .enterprise-btn li a {
    font-size: 15px;
  }
  .workplace-btn {
    justify-content: space-between;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .workplace-btn li {
    width: 32%;
    margin: 0;
  }
  .workplace-btn li a {
    font-size: 15px;
  }
  .swiper-top .swiper-layout {
    padding: 0 calc(50% - 250px);
  }
  .swiper-top .swiper {
    overflow: hidden;
  }
  .swiper-top .swiper-button-prev span,
  .swiper-top .swiper-button-next span {
    display: none;
  }
  .swiper-top .swiper-button-prev:before,
  .swiper-top .swiper-button-next:before {
    display: none;
  }
  .swiper-top .swiper-button-prev:after,
  .swiper-top .swiper-button-next:after {
    display: block;
  }
  .swiper-top .swiper-button-next {
    left: auto;
    right: 20px;
  }
  .swiper-top .swiper-button-prev {
    left: 20px;
    right: auto;
  }
  .top-interview-phrase {
    right: 0;
  }
  .top-interview {
    padding: 60px 0 80px;
  }
  .top-interview h2 {
    font-size: 28px;
  }
  .top-interview h2 .small {
    font-size: 20px;
  }
  .top-interview .en-background {
    top: -80px;
  }
  .swiper-historyprogress {
    display: none;
  }
  .swiper-history .swiper {
    overflow: hidden;
    margin-bottom: 20px;
  }
  .swiper-history .swiper-layout {
    padding: 0 20px;
  }
  .swiper-history .swiper-slide,
  .swiper-history .swiper-slide img {
    height: 350px;
  }
  .swiper-history .swiper-slide h3 {
    font-size: 20px;
    top: 15px;
    left: 25px;
  }
  .swiper-history .swiper-slide p {
    font-size: 15px;
    bottom: 20px;
  }
  .swiper-history .swiper-pagination {
    position: relative;
    bottom: 0;
  }
  .swiper-pagination-bullet {
    background: #e0e0e0 !important;
  }
  .swiper-pagination-bullet-active {
    background-color: #1d2080 !important;
  }
  .drivers-list li {
    margin: 0 5px;
  }
  .drivers-list li h3 {
    font-size: 18px;
  }
  .drivers-list li h3 .yellow {
    font-size: 28px;
  }
  .drivers-list li h4 {
    font-size: 18px;
    margin-left: 5px;
  }
  .interview-mainvisual-text h2 {
    font-size: 24px;
  }
  .interview-mainvisual-text h3 {
    font-size: 20px;
  }
  .interview-appeal {
    margin-bottom: 250px;
  }
  .interview-phrase div p {
    font-size: 20px;
  }
}
@media screen and (max-width: 700px) {
  .section-title {
    font-size: 28px !important;
  }
  .suggestion-list li {
    height: 150px;
  }
  .suggestion-list li a p {
    font-size: 17px;
  }
  .top-movie {
    height: 290px;
  }
  .top-history {
    padding: 30px 0;
  }
  .top-history-inner {
    padding: 30px 0 20px;
  }
  .top-history-inner .badge {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .top-history-inner img {
    height: 40px;
    margin-bottom: 30px;
  }
  .top-recruit-list li a h3 {
    font-size: 20px;
  }
  .top-recruit-list li a h3 .small {
    font-size: 16px;
  }
  .footer-contact-list {
    flex-direction: column;
  }
  .footer-contact-list li {
    max-width: 100%;
    width: 400px;
  }
  .footer-contact-list li:first-of-type {
    margin-bottom: 10px;
  }
  .footer-contact {
    height: 420px;
  }
  #header_image {
    height: 220px;
  }
  .greeting {
    height: auto;
  }
  .greeting-text {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }
  .greeting-text .section-title {
    margin-left: auto;
    margin-right: auto;
  }
  .greeting-text > img {
    height: 350px;
    width: 100%;
    margin-bottom: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
  }
  .data-list img:nth-of-type(1),
  .data-list img:nth-of-type(2),
  .data-list img:nth-of-type(3) {
    height: 270px;
  }
  .data-list img:nth-of-type(4),
  .data-list img:nth-of-type(5) {
    height: 160px;
  }
  .tile-3 {
    flex-direction: column;
  }
  .tile-3 li {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .tile-3 li h3 {
    font-size: 18px;
  }
  .tile-6 li {
    width: 48%;
    max-width: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .tile-6 li h3 {
    font-size: 18px;
  }
  .beginner-text {
    padding: 20px;
    width: 300px;
    bottom: 20px;
  }
  .beginner img {
    height: 250px;
  }
  .swiper-top .swiper-layout {
    padding: 0 50px;
  }
  .drivers-list {
    flex-direction: column;
    align-items: center;
  }
  .drivers-list li {
    width: 250px;
    max-width: 100%;
  }
  .drivers-list li:not(:last-child) {
    margin-bottom: 25px;
  }
  .drivers-list li img {
    height: 150px;
  }
  .interview-mainvisual {
    flex-direction: column;
    max-width: 400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
  }
  .interview-mainvisual > div {
    height: auto;
    width: 100% !important;
  }
  .interview-mainvisual-text {
    margin-top: 25px;
    padding: 25px 0;
  }
  .interview-phrase {
    flex-direction: column;
    height: auto;
  }
  .interview-phrase > img {
    width: calc(100% - 40px);
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .interview-phrase > div {
    margin-bottom: 25px;
    padding: 50px 0;
    width: 100%;
  }
  .interview-phrase > div p {
    font-size: 24px;
  }
  .interview-flex {
    flex-direction: column;
  }
  .interview-flex > ul,
  .interview-flex img,
  .interview-flex div {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .interview-schedule {
    flex-direction: column;
    width: 100%;
  }
  .interview-schedule > div:last-child {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .interview-schedule > div:last-child img {
    max-width: 260px;
  }
  .interview-schedule-list {
    width: 100%;
    max-width: 500px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 25px !important;
  }
  .interview-private {
    flex-direction: column;
    width: 100%;
  }
  .interview-private > img,
  .interview-private div {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .interview-private > div {
    margin-top: 25px;
  }
}
@media screen and (max-width: 600px) {
  .en-background {
    display: none;
  }
  .section-title {
    font-size: 26px !important;
  }
  .section-title .sub {
    font-size: 20px;
  }
  .suggestion-list li {
    height: 120px;
  }
  .suggestion-list li a p {
    font-size: 15px;
  }
  .tile-6 {
    flex-direction: column;
  }
  .tile-6 li {
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  #header_logo .logo img,
  #header_logo_fix .logo img {
    width: 150px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .header-tel {
    margin-left: 20px;
    margin-bottom: 5px;
  }
  .header-tel img {
    width: 15px;
    margin-right: 5px;
  }
  .header-tel a {
    font-size: 16px;
    display: flex;
    align-items: center;
  }
  .header-tel .small {
    font-size: 12px !important;
    margin-left: 20px;
  }
  .top-movie {
    height: 240px;
  }
  .top-about-list li {
    height: 225px;
  }
  .top-about-list li h3 {
    font-size: 15px;
    width: 160px;
  }
  .top-about-list li .btn-white {
    font-size: 14px;
    width: 160px;
    padding: 15px 0;
    right: -20px;
  }
  .go-to-top {
    display: none;
  }
  #footer_info {
    height: 50px;
  }
  #copyright {
    font-size: 12px !important;
  }
  .footer-menu ul {
    min-width: 900px;
  }
  .footer-menu ul li a {
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
  }
  .footer-text {
    padding-top: 50px;
  }
  .footer-text img {
    width: 200px;
  }
  #header_image {
    height: 200px;
  }
  #header_image #post_title {
    font-size: 24px;
  }
  .post_content table {
    font-size: 14px;
  }
  .post_content table th {
    padding: 5px 0;
    white-space: nowrap;
  }
  .post_content table td {
    padding: 5px 10px;
  }
  img.width-100 {
    height: 250px;
  }
  .greeting-text > img {
    height: 300px;
    -o-object-position: right;
    object-position: right;
  }
  .philosophy-list li h3 {
    font-size: 14px;
    min-width: 90px;
  }
  .philosophy-list li p {
    font-size: 15px;
  }
  .data-list {
    flex-direction: column;
  }
  .data-list img {
    width: 100% !important;
    height: 200px !important;
  }
  .enterprise-btn li a {
    font-size: 13px;
  }
  .option .question {
    width: 50px;
    height: 50px;
    font-size: 18px;
  }
  .option .title {
    padding-left: 30px;
  }
  .option .title:before,
  .option .title:after {
    top: 25px;
    right: 25px;
    height: 15px;
  }
  .option .title p {
    font-size: 15px;
    padding: 11px 40px 11px 10px;
  }
  .option .content {
    margin-left: 30px;
  }
  .option .content p {
    padding: 11px 11px 11px 10px;
    font-size: 15px;
  }
  .beginner {
    height: 660px;
  }
  .beginner h2 {
    font-size: 22px;
    top: 30px;
    left: 20px;
  }
  .beginner img {
    top: 160px;
    width: 85%;
    max-width: 500px;
  }
  .beginner-text {
    width: 85%;
    max-width: 500px;
    padding: 40px 20px;
    bottom: 30px;
  }
  #post_image img {
    height: 250px;
  }
  .blog-wrapper .post_content {
    margin-top: 25px;
  }
  .blog-wrapper .post_content h2 {
    font-size: 18px;
    padding: 10px 0 10px 15px;
    margin-bottom: 25px;
  }
  .blog-wrapper .post_content p {
    margin-bottom: 15px;
  }
  .top-interview {
    padding: 40px 0 60px;
  }
  .top-interview h2 {
    text-align: center;
  }
  .top-interview h2 .sub {
    font-size: 18px;
    display: block;
    margin-top: 5px;
    margin-bottom: 20px;
  }
  .swiper-history .swiper-layout {
    padding: 0;
  }
  .swiper-history .swiper-slide,
  .swiper-history .swiper-slide img {
    height: 300px;
  }
  .swiper-history .swiper-slide h3 {
    font-size: 18px;
  }
  .swiper-history .swiper-slide p {
    font-size: 14px;
  }
  .photo-galary img {
    height: 180px;
  }
  .contact-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
  .contact-item {
    flex-direction: column;
  }
  .contact-item p {
    margin-bottom: 10px;
    font-size: 15px;
    min-width: auto;
  }
  .contact-item .contact-dummy,
  .contact-item input,
  .contact-item select,
  .contact-item textarea {
    padding: 8px;
    font-size: 15px;
  }
  .contact-acceptance span {
    font-size: 16px !important;
  }
  .wpcf7-form-control-wrap {
    width: 100%;
  }
  .recruit-box .tile-2 {
    padding: 0 20px;
  }
  .recruit-box .tile-2 img {
    height: 250px;
  }
  .recruit-pagination li {
    width: 45px;
    height: 45px;
    max-width: 45px;
    max-height: 45px;
    margin: 0 5px !important;
  }
  .recruit-pagination li a,
  .recruit-pagination li span {
    font-size: 14px;
    line-height: 45px;
  }
  .interview-appeal {
    margin-bottom: 200px;
  }
  .interview-appeal-text {
    padding: 20px;
    width: 100% !important;
    max-width: calc(100% - 120px) !important;
    height: auto;
    bottom: -150px;
  }
}
@media screen and (max-width: 500px) {
  .section-title {
    font-size: 22px !important;
  }
  #main_col {
    margin: 30px 0 !important;
  }
  .section-subtitle,
  .section-subtitle .border {
    font-size: 16px !important;
  }
  .section-subtitle .border:before,
  .section-subtitle .border:after {
    width: 40px;
    top: 9px;
  }
  .section-subtitle .sub {
    font-size: 14px !important;
  }
  .post_content p {
    font-size: 14px;
  }
  .btn-white,
  .btn-blue {
    font-size: 14px;
    width: 160px;
  }
  .suggestion-list li {
    height: 100px;
  }
  .suggestion-list li a p {
    font-size: 15px;
  }
  .top-movie {
    height: 220px;
  }
  .top-history {
    padding: 20px 0;
  }
  .top-history-inner .badge {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .top-history-inner img {
    height: 30px;
    margin-bottom: 20px;
  }
  .top-history-inner .btn-white {
    padding: 15px 0;
  }
  .top-recruit-list li {
    height: 150px;
  }
  .top-recruit-list li a img {
    width: 40px;
    height: 42px;
    top: 10px;
    left: 10px;
  }
  .top-recruit-list li a h3 {
    font-size: 15px;
  }
  .top-recruit-list li a h3 .small {
    font-size: 14px;
  }
  .footer-contact {
    height: 370px;
  }
  .footer-contact-list li {
    padding: 15px 0;
    width: 300px;
    border-width: 1px;
  }
  .footer-contact-list li h3 {
    font-size: 14px;
  }
  .footer-contact-list li:first-of-type h3 {
    font-size: 20px;
  }
  .footer-contact-list li:first-of-type h3 img {
    height: 30px;
  }
  .footer-contact-list li:last-of-type h3 {
    margin-left: 50px;
  }
  .footer-contact-list li:last-of-type h3 img {
    position: absolute;
    left: -20px;
    top: 20px;
    height: 30px;
  }
  .footer-contact-list li:last-of-type .btn-white {
    margin-top: 10px;
    width: 150px;
    margin-left: 50px;
  }
  .footer-contact-list li p {
    font-size: 14px;
  }
  #header_image {
    height: 170px;
  }
  #header_image #post_title {
    font-size: 20px;
  }
  .tile-2 img {
    height: 180px;
  }
  .tile-2-text h3 {
    font-size: 18px;
  }
  img.width-100 {
    height: 200px;
  }
  .greeting-text > img {
    height: 260px;
    -o-object-position: right;
    object-position: right;
  }
  .enterprise-btn li a {
    padding: 8px 0;
    font-size: 13px;
    line-height: 1.4;
  }
  .workplace-btn {
    flex-direction: column;
  }
  .workplace-btn li {
    width: 100%;
  }
  .workplace-btn li a {
    font-size: 13px;
    padding: 15px 0;
  }
  .tile-3 li h3,
  .tile-6 li h3 {
    font-size: 16px;
  }
  .option .title p,
  .option .content p {
    font-size: 14px;
  }
  .beginner {
    height: 680px;
  }
  .beginner h2 {
    font-size: 20px;
  }
  .beginner img {
    top: 140px;
    width: 90%;
  }
  .beginner-text p {
    font-size: 14px;
  }
  .flow > img {
    height: 30px;
  }
  .swiper-top .swiper-slide {
    height: 310px;
  }
  .swiper-top .swiper-slide img {
    height: 220px;
  }
  .top-interview {
    padding: 20px 0 30px;
  }
  .top-interview h2 {
    margin-bottom: 30px;
    font-size: 20px;
  }
  .top-interview h2 .small {
    font-size: 16px;
  }
  .top-interview .swiper-layout {
    padding: 0 10px;
  }
  .top-interview-office {
    width: 80px;
    height: 80px;
    font-size: 14px;
    top: 0;
    left: 20px;
  }
  .top-interview-phrase {
    bottom: 30px;
  }
  .top-interview-phrase span {
    padding: 5px 8px;
    font-size: 14px;
  }
  .top-interview-phrase span:first-of-type {
    bottom: 50px;
    right: 60px;
  }
  .top-interview-info {
    font-size: 12px;
  }
  .swiper-history .swiper {
    margin-bottom: 10px;
  }
  .swiper-history .swiper-slide p {
    font-size: 13px;
    line-height: 1.4;
  }
  .photo-galary img {
    height: 150px;
  }
  .recruit-search h2 {
    font-size: 16px;
  }
  .recruit-search-inner {
    flex-direction: column;
  }
  .recruit-search-inner select {
    font-size: 14px;
    width: 100%;
  }
  .recruit-search-inner .select-wrapper {
    width: 90%;
    max-width: 90%;
  }
  .recruit-search-inner .select-wrapper:first-of-type {
    margin-bottom: 15px;
  }
  .recruit-box .tile-2 img {
    height: 200px;
  }
  .recruit-box .tile-2-text h3 {
    font-size: 16px;
  }
  .beginner-suggestion li {
    height: 100px;
  }
  .beginner-suggestion li h3 {
    font-size: 15px;
  }
  .interview-mainvisual-text {
    margin-top: 0;
  }
  .interview-mainvisual-text h2 {
    font-size: 20px;
  }
  .interview-phrase > div {
    padding: 25px 0;
  }
  .interview-phrase > div p {
    font-size: 20px;
  }
  .interview-list li h2 {
    font-size: 16px;
  }
  .interview-list li h2 span {
    font-size: 15px;
    padding: 10px;
  }
  .interview-appeal {
    margin-bottom: 50px;
  }
  .interview-appeal-text {
    position: relative;
    bottom: 0;
    max-width: calc(100% - 40px) !important;
    margin-top: -15px;
    padding: 50px 20px;
  }
  .interview-appeal-text > img {
    min-height: 180px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
  }
  .interview-private > div h2 {
    font-size: 32px;
  }
  .interview-private > div h3 {
    font-size: 16px !important;
  }
  .interview-suggestion {
    flex-direction: column;
  }
  .interview-suggestion a:first-child {
    margin-bottom: 25px;
  }
  .interview-suggestion a {
    width: 90%;
    max-width: 300px;
  }
  .interview-schedule-title {
    font-size: 16px !important;
  }
  .interview-schedule-text {
    flex-direction: column;
  }
  .interview-schedule-text h3 {
    width: 100%;
    margin: 0 0 15px;
  }
  .interview-schedule-text p {
    text-align: left;
  }
  .btn-black {
    font-size: 14px;
  }
}
@media screen and (max-width: 400px) {
  .wrapper {
    max-width: calc(100% - 20px) !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .suggestion-list {
    max-width: 100% !important;
  }
  .section-title {
    font-size: 20px !important;
  }
  .section-title .sub {
    font-size: 16px;
  }
  .btn-white,
  .btn-blue {
    font-size: 12px;
  }
  .top-movie {
    height: 200px;
  }
  #header_image {
    height: 150px;
  }
  .post_content table {
    font-size: 13px;
  }
  .post_content table th {
    padding: 5px;
    white-space: normal;
  }
  img.width-100 {
    height: 180px;
  }
  .philosophy-list li h3 {
    font-size: 13px;
    min-width: 70px;
  }
  .philosophy-list li p {
    font-size: 14px;
  }
  .data-list {
    flex-direction: column;
  }
  .data-list img {
    height: 180px !important;
  }
  .workplace-btn li a {
    font-size: 12px;
  }
  .flow > img {
    height: 20px;
  }
  .swiper-history .swiper-slide,
  .swiper-history .swiper-slide img {
    height: 250px;
  }
  .swiper-history .swiper-slide h3 {
    font-size: 16px;
  }
  .swiper-history .swiper-slide p {
    font-size: 12px;
    bottom: 15px;
  }
  .recruit-box .tile-2 {
    padding: 0 10px;
  }
  .recruit-box .tile-2 img {
    height: 180px;
  }
  .recruit-box .tile-2-text dl dt {
    width: 80px;
  }
  .recruit-box .btn-list {
    flex-direction: column;
    align-items: center;
  }
  .recruit-box .btn-list .btn-white {
    margin-bottom: 10px;
  }
  .top-recruit {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .beginner-suggestion li h3 {
    font-size: 14px;
  }
}
@media screen and (max-width: 370px) {
  #header_logo .logo img,
  #header_logo_fix .logo img {
    width: 130px;
  }
  .header-tel {
    margin-left: 10px;
  }
}
@media screen and (max-width: 350px) {
  .header-tel {
    display: none;
  }
  #header_logo .logo img,
  #header_logo_fix .logo img {
    width: 150px;
  }
  .footer-contact-list li {
    width: 260px;
  }
  .greeting-text > img {
    height: 200px;
    -o-object-position: right;
    object-position: right;
  }
  .photo-galary img {
    height: 120px;
  }
}
body {
  overflow-x: initial;
}
@media (max-width: 1023px) {
  .page-id-15 #side_col {
    margin-top: 80px;
  }
}
#post_list2 {
  margin-top: 0;
}
.element-guidelines-heading {
  width: 13.125rem;
  height: 2.802rem;
  margin-inline: auto;
  border-radius: 3px;
  border: solid 1px #fff;
  font-size: 1.438rem;
  font-weight: 700;
  letter-spacing: 4.6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  opacity: 0;
}
.frontpage-section1 .element-guidelines-heading {
  margin-top: 3.8rem;
}
.element-office_btn-wrapper {
  display: grid;
  justify-content: center;
  gap: 1.5rem;
}
.footer-top .element-office_btn-wrapper {
  margin-top: 4.56rem;
}
.frontpage-section1 .element-office_btn-wrapper {
  margin-top: 2.4rem;
}
.frontpage-section5 .element-office_btn-wrapper {
  margin-top: 3.5rem;
}
@media (min-width: 48rem) {
  .element-office_btn-wrapper {
    grid-template-columns: repeat(2, auto);
  }
}
@media (min-width: 75rem) {
  .element-office_btn-wrapper {
    grid-template-columns: repeat(4, auto);
  }
  .element-office_btn-wrapper.recruit-area {
    grid-template-columns: repeat(3, auto);
  }
}
@media (min-width: 91.25rem) {
  .element-office_btn-wrapper.recruit-area {
    grid-template-columns: repeat(5, auto);
  }
}
.element-office_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 16.7rem;
  height: 4.66rem;
  background-color: #fff;
  box-sizing: border-box;
  gap: 0.3rem;
  border-radius: 4px;
  transition: opacity 0.3s, transform 0.5s ease-out;
  opacity: 0;
}
.element-office_btn-bg_cobalt {
  background-color: #1d2080;
}
.element-office_btn:hover {
  opacity: 0.8 !important;
}
.element-office_btn:active {
  transform: scale(0.8) !important;
}
.element-office_btn-office {
  font-size: 1.438rem;
  font-weight: 700;
  letter-spacing: 4px;
  text-align: center;
  color: #1d2080;
}
.element-office_btn-place {
  font-size: 0.938rem;
  text-align: center;
  color: #1d2080;
}
.element-office_btn-bg_cobalt .element-office_btn-office,
.element-office_btn-bg_cobalt .element-office_btn-place {
  color: #fff;
}
.element-heading-main {
  font-size: 2.813rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: #1d2080;
  letter-spacing: 0.022em;
  word-break: keep-all;
}
.element-heading-sub {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: #1d2080;
  margin-top: 0.5rem;
}
.frontpage-section3-btn {
  max-width: 20.125rem;
  height: 4.5rem;
  margin-top: 1.875rem;
}
.get-to-know-section-3-btn {
  margin-top: 1.5rem;
  font-weight: 700;
  height: 4rem;
}
.frontpage-section3-btn,
.element-btn {
  width: 100%;
  margin-inline: auto;
  padding-block: 1.125rem;
  border: solid 1px #1d2080;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  transition: transform 0.5s ease-out;
}
.frontpage-section3-btn span,
.element-btn span {
  position: relative;
  z-index: 1;
  color: #1d2080;
  font-size: 1.125rem;
  transition: color 0.5s ease-out;
}
.frontpage-section3-btn:before,
.element-btn:before {
  background-color: #1d2080;
  animation: widthChangeReverse 0.5s ease-out forwards;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
}
.frontpage-section3-btn:hover span,
.element-btn:hover span {
  color: #fff;
}
.frontpage-section3-btn:hover:before,
.element-btn:hover:before {
  animation: widthChange 0.5s ease-out forwards;
}
.frontpage-section3-btn:active,
.element-btn:active {
  transform: scale(0.9);
}
@keyframes widthChange {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes widthChangeReverse {
  0% {
    width: 100%;
  }
  to {
    width: 0;
  }
}
.page-workplace-section-display {
  font-size: 2.375rem;
  font-weight: 700;
  line-height: 1.58;
  text-align: center;
  color: #1d2080;
}
.page-workplace-section-paragrah {
  font-size: 1.313rem;
  font-weight: 700;
  line-height: 1.9;
  text-align: center;
  color: #1d2080;
}
.page-workplace-section-paragrah-text-left {
  text-align: left;
}
.page-workplace-section-2 ul,
.page-workplace-section-3 ul {
  max-width: 75rem;
  margin-inline: auto;
}
.page-workplace-section-2,
.page-workplace-section-4 {
  padding: 4.5rem 0.75rem 5rem;
  position: relative;
}
.page-workplace-section-2:after,
.page-workplace-section-4:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background-image: linear-gradient(to right, #1ed3ec 14%, #1097dd 48%, #015ccd 95%);
  z-index: -1;
}
.page-workplace-section-2 {
  padding: 4.5rem 0.75rem 5rem;
}
.page-workplace-section-2 ul,
.page-workplace-section-3 ul {
  max-width: 70.75rem;
  margin-inline: auto;
}
.page-workplace-section-2 ul h3,
.page-workplace-section-3 ul h3 {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 2.5;
  text-align: center;
  color: #1d2080;
}
.page-workplace-section-2 ul p,
.page-workplace-section-3 ul p {
  font-size: 1rem;
  line-height: 1.88;
  text-align: center;
  color: #1d2080;
  margin-bottom: 0;
}
.page-workplace-section-3 ul {
  margin-top: 5.5rem;
}
.page-workplace-section-4 .page-workplace-section-paragrah {
  max-width: 48rem;
  margin-inline: auto;
}
.page-workplace-section-5 {
  padding-block: 4.0625rem 8.8rem;
}
.family-qa {
  max-width: 70.75rem;
  margin-top: 3rem;
  margin-inline: auto;
  box-sizing: border-box;
}
.wpcf7-form-control.wpcf7-select {
  width: auto;
}
@media (max-width: 70.749rem) {
  body {
    overflow-x: hidden;
  }
}
.page-header {
  max-width: 120rem;
  height: 18.75rem;
  padding: 4.625rem 0.75rem 5rem;
  background-image: url(/driver/wp-content/themes/maruyamaunso-drivers/assets/page-header-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
}
.page-header-here-we-go {
  margin-top: -1rem;
  opacity: 0;
}
.page-header-title {
  font-size: 2.813rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: #fff;
  position: relative;
}
.footer-top {
  max-width: 120rem;
  margin-inline: auto;
  box-sizing: border-box;
  background-image: url(/driver/wp-content/themes/maruyamaunso-drivers/assets/footer-top-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 6.18rem 0.75rem 5.7rem;
}
@media (max-width: 47.999rem) {
  .footer-top {
    background-image: url(/driver/wp-content/themes/maruyamaunso-drivers/assets/footer-top-sp.jpg);
    background-position: center;
  }
}
.footer-top-display {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.67;
  letter-spacing: 3.6px;
  text-align: center;
  color: #fff;
  word-break: keep-all;
  margin-top: 2.5rem;
}
.footer-bottom {
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 6.125rem 0.75rem 2.78rem;
  gap: 1.5rem 1rem;
  background-color: #f4f6f9;
}
.footer-bottom-logo {
  max-width: 32rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-bottom-menu {
  display: grid;
  list-style: none;
  font-size: 0.938rem;
  line-height: 2.27;
  -moz-column-gap: 5.68rem;
  column-gap: 5.68rem;
}
.footer-info {
  background-color: #333;
  color: #fff;
  padding-inline: 0.75rem;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  margin-block: 0.65rem;
  padding-block: 0.65rem;
  box-sizing: border-box;
}
.footer-info-inner {
  display: grid;
  justify-content: space-between;
  align-items: center;
  row-gap: 0.5rem;
  max-width: 82rem;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.footer-info-menu {
  list-style: none;
  display: flex;
  -moz-column-gap: 1.8rem;
  column-gap: 1.8rem;
}
.footer-info-menu a {
  color: #fff;
}
@media (max-width: 47.999rem) {
  .footer-info-menu {
    font-size: 0.75rem;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
    flex-wrap: wrap;
  }
}
.footer-info-copyright {
  text-align: center;
  letter-spacing: 0.02em;
}
@media (min-width: 48rem) {
  .footer-bottom-menu {
    grid-auto-flow: column;
    grid-template-rows: repeat(4, auto);
  }
  .footer-info {
    height: 3.16rem;
  }
  .footer-info-menu {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 47.999rem) {
  .footer-bottom-menu {
    max-width: 16.9375rem;
    width: 100%;
  }
}
.frontpage-main-visual {
  max-width: 120rem;
  width: 100%;
  height: auto;
  margin-inline: auto;
  aspect-ratio: 1.5;
  position: relative;
}
@media (min-width: 48rem) {
  .frontpage-main-visual {
    aspect-ratio: 2;
  }
}
.frontpage-main-visual-video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.frontpage-main-visual-catchphrase {
  font-family: Shippori Mincho B1, serif;
  font-weight: 800;
  font-size: clamp(2.5rem, 8.4vw, 7rem);
  font-feature-settings: "pkna";
  letter-spacing: -0.13em;
  position: absolute;
  bottom: 0.215em;
  left: 0;
  right: 0;
  margin-inline: auto;
  color: #fff;
  text-align: center;
  opacity: 0;
}
.frontpage-section1 {
  max-width: 120rem;
  width: 100%;
  margin-inline: auto;
  padding: 3.5rem 0.75rem 5.15rem;
  background-image: linear-gradient(to right, #1ed3ec 14%, #1097dd 48%, #015ccd 94%);
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}
.frontpage-section1-display {
  font-size: clamp(1.75rem, 5vw, 2.813rem);
  font-weight: 700;
  line-height: 1.375;
  letter-spacing: 0.1rem;
  word-break: keep-all;
  text-align: center;
}
.frontpage-section1-paragraph {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.75;
  margin-top: 1.2rem;
  word-break: keep-all;
}
@media (min-width: 48rem) {
  .frontpage-section1-paragraph {
    font-size: 1.25rem;
  }
}
.frontpage-section2 {
  max-width: 75rem;
  width: 100%;
  margin-inline: auto;
  padding: 5.5rem 0.75rem 7.625rem;
  box-sizing: border-box;
  background-color: #fff;
}
.frontpage-section2-inner {
  display: flex;
  justify-content: center;
  max-width: 70.75rem;
  width: 100%;
  margin-inline: auto;
  gap: 3rem 7.825rem;
  flex-wrap: wrap;
}
@media (min-width: 1023px) {
  .frontpage-section2-inner {
    flex-wrap: nowrap;
  }
}
.frontpage-section2-banner-wrapper {
  display: grid;
  gap: 1rem;
}
.frontpage-section2-banner {
  position: relative;
  max-width: 34.625rem;
  aspect-ratio: 554/150;
  width: 100%;
  display: block;
  transition: opacity 0.3s;
  opacity: 0;
  overflow: hidden;
}
.frontpage-section2-banner:hover {
  opacity: 0.7 !important;
}
.frontpage-section2-banner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 55%;
  height: 99.25%;
  background-color: #0070e6;
  mix-blend-mode: multiply;
  -webkit-clip-path: polygon(0 0, 100% 0, 64% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 64% 100%, 0% 100%);
}
.frontpage-section2-banner-image {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.frontpage-section2-banner-paragrah {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
  color: #fff;
  font-size: clamp(12px, 4vw, 1.5rem);
  padding: 1.3em 1.1em;
  line-height: 1.25;
  font-weight: 700;
  z-index: 1;
}
.frontpage-section2-banner-icon {
  position: absolute;
  padding-left: 2px;
  background-color: #fff;
  font-size: clamp(6px, 2.5vw, 16px);
  bottom: 1.7em;
  left: 1.95em;
  width: 1.5em;
  height: 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1d2080;
  border-radius: 999px;
  z-index: 1;
}
@media (min-width: 48rem) {
  .frontpage-section2-banner-paragrah {
    font-size: 1.5rem;
    padding: 1.1rem 2rem;
  }
  .frontpage-section2-banner-icon {
    bottom: 1.9rem;
    left: 2.25rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}
.frontpage-section2-news {
  flex-grow: 1;
  max-width: 34.625rem;
}
.frontpage-section2-news-heading {
  font-size: 2.813rem;
  font-weight: 700;
  line-height: 1.87;
  color: #1d2080;
}
.frontpage-section2-news-list {
  display: grid;
  grid-template-columns: auto 1fr;
  margin-top: 1rem;
}
.frontpage-section2-news-list-item {
  display: grid;
  grid-column: span 2;
  grid-template-columns: subgrid;
  font-size: 1rem;
}
.frontpage-section2-news-list-item a {
  display: grid;
  grid-column: span 2;
  grid-template-columns: subgrid;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  line-height: 2.2;
  color: #1d2080;
}
.frontpage-section2-news-brn {
  width: 9.438rem;
  height: 3.063rem;
  margin: 2.188rem 28.375rem 2.938rem 2.75rem;
  padding: 0.438rem 2.188rem;
  border: solid 1px #1d2080;
}
a.frontpage-section2-news-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 9.438rem;
  height: 3.063rem;
  margin-top: 2.2rem;
  padding: 0.438rem 0.75rem;
  border: solid 1px #1d2080;
  font-size: 1rem;
  line-height: 2.19;
  color: #1d2080;
  transition: background-color 0.5s ease-out, color 0.5s ease-out, transform 0.5s ease-out;
  box-sizing: border-box;
}
a.frontpage-section2-news-btn:active {
  transform: scale(0.9) !important;
}
a.frontpage-section2-news-btn:hover {
  background-color: #1d2080;
  color: #fff;
}
.share-btn-wrapper {
  margin-top: 3.75rem;
  display: flex;
  gap: 1.5rem;
}
.frontpage-section3 {
  padding-inline: 0.75rem;
}
.frontpage-section3-inner {
  max-width: 85.375rem;
  margin-inline: auto;
  padding: 4rem 0.75rem 4.75rem;
  border-radius: 46px;
  background-image: linear-gradient(to right, #1ed3ec 14%, #1097dd 48%, #015ccd 94%);
  background-color: #fffc;
  background-blend-mode: lighten;
  box-sizing: border-box;
}
.frontpage-section3-display {
  margin-bottom: 1.3rem;
  font-size: 2.813rem;
  font-weight: 700;
  line-height: 1.44;
  text-align: center;
  color: #1d2080;
  letter-spacing: 0.025rem;
  word-break: keep-all;
}
.frontpage-section3-paragrah {
  margin-block: 1.3rem 3.75rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  color: #1d2080;
  word-break: keep-all;
}
.frontpage-section3-box-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2.3rem;
  justify-content: center;
}
.frontpage-section3-box-image {
  max-width: 100%;
  height: auto;
}
.frontpage-section3-box-paragrah {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 2;
  margin-top: 0.55rem;
  text-align: center;
  color: #1d2080;
}
.frontpage-section3-box-paragrah .text-small {
  font-size: 1.25rem;
  font-weight: 500;
}
@media (min-width: 48rem) {
  .frontpage-section3-inner {
    border-radius: 92px;
  }
}
.frontpage-section4 {
  margin-top: 7rem;
}
#carousels {
  margin-top: 4.5rem;
}
.frontpage-section5 {
  margin-top: 8rem;
}
.frontpage-section5-banner-anchor {
  margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  margin-top: 6.9rem;
  transition: opacity 0.3s;
  opacity: 0;
}
.frontpage-section5-banner-anchor img {
  max-width: 100%;
  height: auto;
}
.frontpage-section5-banner-anchor:hover {
  opacity: 0.7 !important;
}
@media (max-width: 47.999rem) {
  .frontpage-section5-banner-anchor {
    display: none;
  }
}
.frontpage-section6 {
  max-width: 120rem;
  background-image: url(/driver/wp-content/themes/maruyamaunso-drivers/assets/frontpage-section6-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-inline: auto;
  padding: 3.5rem 0.75rem 4.375rem;
  margin-top: 12rem;
  box-sizing: border-box;
}
.frontpage-section6-about-maruyama {
  margin-inline: auto;
  display: block;
  max-width: 100%;
  height: auto;
  opacity: 0;
}
.frontpage-section6-display {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.79;
  text-align: center;
  color: #fff;
}
@media (min-width: 48rem) {
  .frontpage-section6-display {
    margin-top: -4.5rem;
  }
}
.frontpage-section6-anchor-wrapper {
  display: grid;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 3.925rem;
}
@media (min-width: 48rem) {
  .frontpage-section6-anchor-wrapper {
    grid-template-columns: repeat(2, auto);
  }
}
@media (min-width: 75rem) {
  .frontpage-section6-anchor-wrapper {
    grid-template-columns: repeat(4, auto);
  }
}
.frontpage-section6-anchor {
  width: 17.375rem;
  height: 7.75rem;
  padding: 1.75rem 1.8rem;
  border: solid 1px #fff;
  background-color: #2a6ecc00;
  color: #fff;
  transition: background-color 0.5s ease-out, transform 0.5s ease-out;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  gap: 1rem;
  border-radius: 4px;
  position: relative;
  opacity: 0;
}
.frontpage-section6-anchor:hover {
  background-color: #2a6ecc;
  color: #fff;
}
.frontpage-section6-anchor:active {
  transform: scale(0.9);
}
.frontpage-section6-anchor-main {
  font-size: 2rem;
  font-weight: 700;
}
.frontpage-section6-anchor-sub {
  font-size: 1rem;
}
.frontpage-section6-anchor-icon {
  width: 1.33rem;
  height: 1.33rem;
  background-color: #ff0;
  border-radius: 99px;
  position: absolute;
  top: 2rem;
  right: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.frontpage-section6-banner {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-top: 4.5rem;
  transition: opacity 0.3s;
  opacity: 0;
}
.frontpage-section6-banner img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 47.999rem) {
  .frontpage-section6-banner {
    display: none;
  }
}
.frontpage-section7-banner:hover {
  opacity: 0.7 !important;
}
.get-to-know-section-1 {
  padding: 3.813rem 0.75rem;
  background-color: #f1f1f1;
}
.get-to-know-section-1-grid {
  display: grid;
  justify-content: center;
  gap: 1rem;
}
.get-to-know-section-1-grid img {
  max-width: 18.5rem;
}
@media (min-width: 48rem) {
  .get-to-know-section-1-grid {
    grid-template-columns: repeat(2, auto);
  }
}
@media (min-width: 75rem) {
  .get-to-know-section-1-grid {
    grid-template-columns: repeat(3, auto);
  }
}
.get-to-know-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  max-width: 120rem;
  margin-inline: auto;
  width: 100%;
  box-sizing: border-box;
  padding-top: 3.75rem;
  padding-bottom: 7rem;
  padding-inline: 0.75rem;
}
.get-to-know-box-content {
  padding-block: 0.75rem;
  padding-inline: 0.75rem;
  position: relative;
  max-width: 32.8rem;
  box-sizing: border-box;
}
.get-to-know-box-content:before {
  mix-blend-mode: multiply;
  background-color: #1d2080;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.get-to-know-box-content-display {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.44;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 1;
}
.get-to-knoe-box-content-paragrah {
  font-size: 1.25rem;
  line-height: 2;
  color: #fff;
  position: relative;
  z-index: 1;
  margin-top: 1.5rem;
}
@media (min-width: 48rem) {
  .get-to-know-box {
    padding-block: 3.75rem;
    padding-inline: 5.8rem;
  }
  .get-to-know-box-content {
    padding-block: 2.85rem;
    padding-inline: 3rem;
    height: 28.75rem;
  }
  .get-to-know-box-content-display {
    font-size: 2.813rem;
    font-weight: 700;
    line-height: 1.44;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 1;
  }
}
.get-to-know-box-1 {
  background-image: url(/driver/wp-content/themes/maruyamaunso-drivers/assets/get-to-know-box-1-bg.webp);
  background-position: 82.5%;
}
.get-to-know-box-2 {
  background-image: url(/driver/wp-content/themes/maruyamaunso-drivers/assets/get-to-know-box-2-bg.webp);
  background-position: 72.5%;
}
.get-to-know-box-3 {
  background-image: url(/driver/wp-content/themes/maruyamaunso-drivers/assets/get-to-know-box-3-bg.webp);
  background-position: 82.5%;
}
.get-to-know-section-3 {
  padding: 8.5rem 0.75rem 11.875rem;
}
.get-to-know-section-3-box {
  padding-top: 12rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-inline: 0.75rem;
  gap: 5rem;
}
.get-to-know-section-3-box-content {
  max-width: 26.875rem;
  width: 100%;
}
.get-to-know-section-3-box-heading {
  padding-inline: 0.75rem;
  border: solid 1px #1d2080;
  background-color: #1d2080;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 3.125;
  text-align: center;
  color: #fff;
}
.get-to-know-section-3-box-display {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.17;
  text-align: center;
  color: #1d2080;
  margin-top: 1rem;
}
.get-to-know-section-3-box-paragrah {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2;
  color: #1d2080;
  margin-top: 1rem;
}
.get-to-know-section-3-box-content-image {
  margin-top: 1rem;
  display: block;
  max-width: 100%;
}
.get-to-know-section-3-flow {
  max-width: 100%;
}
@media (min-width: 48rem) {
  .get-to-know-section-3-box-display {
    font-size: 1.875rem;
  }
}
.page-about-section-1 {
  padding-bottom: 3.5rem;
}
.page-about-section-1 .element-heading-main {
  margin-top: 5.25rem;
}
.page-about-section-1 .post_content {
  margin-top: 4.825rem;
  max-width: 48.875rem;
  margin-inline: auto;
  box-sizing: border-box;
}
.page-about-section-2 {
  padding: 3.125rem 0.75rem 5rem;
  box-sizing: border-box;
  background-color: #ebf9fb;
}
.page-about-section-2 .element-heading-main {
  margin-top: 1rem;
}
.page-about-section-2-paragrah {
  margin-top: 3.375rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  color: #1d2080;
  word-break: keep-all;
}
.page-about-section-3-paragrah {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  color: #1d2080;
}
.page-about-section-4 {
  padding-bottom: 10.5rem;
}
.page-about-section-4 .element-office_btn-wrapper {
  margin-top: 3.5rem;
}
@media (min-width: 40.001rem) and (max-width: 70.749rem) {
  .page-workplace-section-2 .tile-3,
  .page-workplace-section-3 .tile-3 {
    flex-wrap: wrap;
    justify-content: center;
    gap: 5rem 1rem;
  }
  .page-workplace-section-2 .tile-3 li,
  .page-workplace-section-3 .tile-3 li {
    flex-shrink: 0;
    max-width: 356px;
    width: 100%;
  }
}
@media (max-width: 39.999rem) {
  .page-workplace-section-2 .tile-3,
  .page-workplace-section-3 .tile-3 {
    flex-direction: column;
    align-items: center;
    row-gap: 5rem;
  }
}
.page-workplace-section-3 {
  padding-bottom: 100px;
}
.site-map-content-wrapper {
  padding-block: 5.25rem 3.5rem;
}
.sitemap-content {
  display: grid;
  grid-template-columns: repeat(2, auto);
  max-width: 48rem;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem 1.5rem;
  padding-top: 3rem;
  line-height: 1.75;
  font-size: 1.125rem;
  padding-inline: 0.75rem;
  margin-inline: auto;
  box-sizing: border-box;
}
.sitemap-content *,
.sitemap-content *:before,
.sitemap-content *:after {
  box-sizing: inherit;
}
@media (max-width: 47.999rem) {
  .sitemap-content {
    grid-template-columns: repeat(1, auto);
  }
}
.sitemap-list > li:before {
  content: "";
  margin-right: 0.5rem;
  color: #1d2080;
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.125rem' height='1.125rem' viewBox='0 0 24 24'%3E%3Cpath fill='%231d2080' d='m4.296 12l8.492-8.727a.75.75 0 1 0-1.075-1.046l-9 9.25a.75.75 0 0 0 0 1.046l9 9.25a.75.75 0 1 0 1.075-1.046z'/%3E%3C/svg%3E");
  transform: rotate(180deg);
  margin-bottom: -2px;
}
.sitemap-list > li > ul {
  padding-left: 2rem;
}
.sitemap-list > li > ul li:before {
  content: "-";
  margin-right: 0.5rem;
  color: #1d2080;
  font-weight: 700;
}
* + .sitemap-list {
  margin-top: 0.5rem;
}
.sitemap-heading {
  font-weight: 700;
  font-size: 1.25rem;
  color: #1d2080;
  border-bottom: solid 1px #1d2080;
  width: -moz-fit-content;
  width: fit-content;
}
* + .sitemap-heading {
  margin-top: 1rem;
}
.facebook-icon,
.instagram-icon,
.hatena-icon,
.mail-icon {
  width: 4.375rem;
  height: 4.375rem;
  padding: 1.06rem 1.6rem;
  border-radius: 999px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  opacity: 0;
}
.facebook-icon:hover,
.instagram-icon:hover,
.hatena-icon:hover,
.mail-icon:hover {
  opacity: 0.7;
  color: #fff;
  transform: rotate(30deg);
}
.facebook-icon:hover svg,
.instagram-icon:hover svg,
.hatena-icon:hover svg,
.mail-icon:hover svg {
  transform: rotate(-30deg);
}
.facebook-icon:active,
.instagram-icon:active,
.hatena-icon:active,
.mail-icon:active {
  transform: scale(0.85);
}
.facebook-icon svg,
.instagram-icon svg,
.hatena-icon svg,
.mail-icon svg {
  flex-shrink: 0;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.facebook-icon {
  background-color: #395398;
}
.instagram-icon {
  flex-grow: 0;
  background-image: radial-gradient(circle at 24% 100%, #f9ed32, #f8d939 7%, #f5a54d 22%, #f0536c 44%, #ee2a7b 53%, #9e2aa7 71%, #5b2acd 88%, #2a2ae8 102%, #0b2af9 112%, #002aff 118%);
}
.hatena-icon {
  background-image: linear-gradient(to bottom, #1ed3ec, #1097dd);
}
.mail-icon {
  background-color: #0070e6;
}