@charset "UTF-8";
/*!
Theme Name: Pangaea Delivery
Author: Digital Garage, Inc.
Version: 1.0.0
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, select {
  vertical-align: middle;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

@font-face {
  font-family: "Noto Sans JP";
  src: url("/wp-content/themes/Pangaea-Delivery2023/font/NotoSansJP-Regular.otf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("/wp-content/themes/Pangaea-Delivery2023/font/NotoSansJP-Bold.otf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("/wp-content/themes/Pangaea-Delivery2023/font/NotoSansJP-Black.otf");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/wp-content/themes/Pangaea-Delivery2023/font/Roboto-Bold.ttf");
  font-weight: bold;
  font-style: normal;
}
@media screen and (min-width: 1240px) {
  body {
    font-family: "Noto Sans JP", sans-serif;
    line-height: 180%;
    color: #1A0900;
    font-size: 18px;
  }
  a:link, a:hover, a:active, a:visited {
    color: #1A0900;
    text-decoration: none;
    transition: all 0.5s ease;
  }
  a:hover {
    opacity: 0.5;
  }
  a.active {
    color: #FF8A00;
  }
  a[target=_blank] {
    position: relative;
  }
  a[target=_blank]::after {
    position: absolute;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_blank.svg);
    top: -1px;
    right: -20px;
  }
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
  .text {
    margin-bottom: 1rem;
  }
  #group_header {
    display: flex;
    background-color: #000;
    height: 40px;
    align-items: center;
    padding-left: 20px;
  }
  #group_header a[target=_blank] {
    line-height: 100%;
  }
  #group_header a[target=_blank]::after {
    display: none;
  }
  header #site_header {
    width: 100%;
    height: 82px;
  }
  header #site_header.fixed {
    top: 0;
    background: #fff;
    position: fixed;
    border-bottom: solid 1px #E0E0E0;
    z-index: 1000;
  }
  header #site_header #mobile-menu {
    display: none;
  }
  header #site_header .container {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  header #site_header .container nav {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
  }
  header #site_header .container nav ul {
    display: flex;
    align-items: center;
  }
  header #site_header .container nav ul li {
    margin-right: 30px;
  }
  header #site_header .container nav ul li.pc {
    width: 162px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    font-weight: bold;
  }
  header #site_header .container nav ul li.pc a {
    display: block;
    background: linear-gradient(90deg, #FF5D02 0%, #FF9A02 100%);
    border-radius: 10px;
    text-align: center;
    color: #fff;
  }
  #bottom_request {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 180%;
    padding: 60px 0;
    text-align: center;
    background: linear-gradient(90deg, #FF5D02 0%, #FF9A02 100%);
  }
  #bottom_request .btn {
    font-size: 20px;
    color: #E6912D;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 10px 32px rgba(218, 84, 53, 0.4);
    border: 1px solid #fff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease;
  }
  #bottom_request .btn::after {
    position: absolute;
    right: 25px;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_request_arrow.svg);
  }
  #bottom_request .btn:hover {
    opacity: inherit;
    border: 1px solid #FF5E2D;
    box-shadow: none;
  }
  #bottom_request .btn a {
    width: 516px;
    height: 90px;
    line-height: 90px;
    background: linear-gradient(90deg, #FF5D02 0%, #FF9A02 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    position: relative;
  }
  #bottom_request .btn a:hover {
    opacity: inherit;
  }
  footer {
    color: #fff;
    background: #333333;
    padding: 30px 0;
  }
  footer .box {
    justify-content: center;
  }
  footer .box ul {
    display: flex;
    font-size: 14px;
  }
  footer .box ul li::after {
    content: "｜";
    padding: 0 10px;
  }
  footer .box ul li:last-child::after {
    content: "";
  }
  footer .box ul li a:link, footer .box ul li a:hover, footer .box ul li a:active, footer .box ul li a:visited {
    color: #fff;
    text-decoration: none;
    transition: all 0.5s ease;
  }
  footer .box ul li a:hover {
    opacity: 0.5;
  }
  footer .box ul li a::after {
    display: none;
  }
  footer .box figure {
    margin-right: 50px;
  }
  #group_footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #000;
    padding: 50px 0;
    color: #fff;
  }
  #group_footer figure {
    width: 240px;
    margin-bottom: 20px;
  }
  #group_footer figure img {
    width: 100%;
  }
  .box {
    display: flex;
  }
  main .title {
    padding: 0 20px 0 20px;
  }
  main .title .breadcrumb {
    display: flex;
  }
  main .title .breadcrumb li::after {
    content: "/";
    padding: 0 10px;
  }
  main .title .breadcrumb li:last-child::after {
    content: "";
  }
  main .title .breadcrumb li a:link, main .title .breadcrumb li a:hover, main .title .breadcrumb li a:active, main .title .breadcrumb li a:visited {
    color: #E6912D;
  }
  main .title h1 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    line-height: 160%;
    position: relative;
    margin-bottom: 70px;
  }
  main .title h1 .orange {
    color: #E6912D;
  }
  main .title h1::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background-color: #E6912D;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -40px;
  }
  main .title h1 span {
    font-size: 25px;
  }
}
@media screen and (max-width: 1239px) {
  body {
    font-family: "Noto Sans JP", sans-serif;
    line-height: 180%;
    color: #1A0900;
  }
  a:link, a:hover, a:active, a:visited {
    color: #1A0900;
    text-decoration: none;
    transition: all 0.5s ease;
  }
  a:hover {
    opacity: 0.5;
  }
  a.active {
    color: #FF8A00;
  }
  a[target=_blank] {
    position: relative;
  }
  a[target=_blank]::after {
    position: absolute;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_blank.svg);
    top: -1px;
    right: -20px;
  }
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
  .text {
    margin-bottom: 1rem;
  }
  #group_header {
    display: flex;
    background-color: #000;
    height: 40px;
    align-items: center;
    padding-left: 20px;
  }
  #group_header a[target=_blank] {
    line-height: 100%;
  }
  #group_header a[target=_blank]::after {
    display: none;
  }
  header #site_header {
    width: 100%;
    height: 82px;
  }
  header #site_header.fixed {
    top: 0;
    background: #fff;
    position: fixed;
    border-bottom: solid 1px #E0E0E0;
    z-index: 1000;
  }
  header #site_header #mobile-menu {
    display: none;
  }
  header #site_header .container {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  header #site_header .container nav {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
  }
  header #site_header .container nav ul {
    display: flex;
    align-items: center;
  }
  header #site_header .container nav ul li {
    margin-right: 30px;
  }
  header #site_header .container nav ul li.pc {
    width: 162px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    font-weight: bold;
  }
  header #site_header .container nav ul li.pc a {
    display: block;
    background: linear-gradient(90deg, #FF5D02 0%, #FF9A02 100%);
    border-radius: 10px;
    text-align: center;
    color: #fff;
  }
  header #site_header .container nav ul li.pc a:hover {
    opacity: inherit;
    background: linear-gradient(90deg, #FF5D02 0%, #FF5D02 100%);
  }
  #bottom_request {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 180%;
    padding: 60px 0;
    text-align: center;
    background: linear-gradient(90deg, #FF5D02 0%, #FF9A02 100%);
  }
  #bottom_request .btn {
    font-size: 20px;
    color: #E6912D;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 10px 32px rgba(218, 84, 53, 0.4);
    border: 1px solid #fff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease;
  }
  #bottom_request .btn::after {
    position: absolute;
    right: 25px;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_request_arrow.svg);
  }
  #bottom_request .btn:hover {
    opacity: inherit;
    border: 1px solid #FF5E2D;
    box-shadow: none;
  }
  #bottom_request .btn a {
    width: 516px;
    height: 90px;
    line-height: 90px;
    background: linear-gradient(90deg, #FF5D02 0%, #FF9A02 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    position: relative;
  }
  #bottom_request .btn a:hover {
    opacity: inherit;
  }
  footer {
    color: #fff;
    background: #333333;
    padding: 30px 0;
  }
  footer .box {
    justify-content: center;
  }
  footer .box ul {
    display: flex;
    font-size: 14px;
  }
  footer .box ul li::after {
    content: "｜";
    padding: 0 10px;
  }
  footer .box ul li:last-child::after {
    content: "";
  }
  footer .box ul li a:link, footer .box ul li a:hover, footer .box ul li a:active, footer .box ul li a:visited {
    color: #fff;
    text-decoration: none;
    transition: all 0.5s ease;
  }
  footer .box ul li a:hover {
    opacity: 0.5;
  }
  footer .box ul li a::after {
    display: none;
  }
  footer .box figure {
    margin-right: 50px;
  }
  #group_footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #000;
    padding: 50px 0;
    color: #fff;
  }
  #group_footer figure {
    width: 240px;
    margin-bottom: 20px;
  }
  #group_footer figure img {
    width: 100%;
  }
  .box {
    display: flex;
  }
  main .title {
    padding: 0 20px 0 20px;
  }
  main .title .breadcrumb {
    display: flex;
  }
  main .title .breadcrumb li::after {
    content: "/";
    padding: 0 10px;
  }
  main .title .breadcrumb li:last-child::after {
    content: "";
  }
  main .title .breadcrumb li a:link, main .title .breadcrumb li a:hover, main .title .breadcrumb li a:active, main .title .breadcrumb li a:visited {
    color: #E6912D;
  }
  main .title h1 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    line-height: 160%;
    position: relative;
    margin-bottom: 70px;
  }
  main .title h1 .orange {
    color: #E6912D;
  }
  main .title h1::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background-color: #E6912D;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -40px;
  }
  main .title h1 span {
    font-size: 25px;
  }
}
@media screen and (max-width: 599px) {
  body.fixed {
    overflow: hidden;
    max-height: 100vh;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  #group_header {
    height: 8vw;
    align-items: center;
    justify-content: center;
    padding-left: 0;
  }
  #group_header figure {
    width: 45%;
  }
  #group_header figure img {
    width: 100%;
  }
  header #site_header {
    display: block;
    height: auto;
    position: relative;
  }
  header #site_header.fixed #mobile-menu {
    top: 5vw;
  }
  header #site_header.fixed .container nav.active {
    top: 16.5vw;
  }
  header #site_header #mobile-menu, header #site_header #mobile-menu span {
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  header #site_header #mobile-menu {
    position: fixed;
    top: 12vw;
    right: 3vw;
    width: 10vw;
    height: 6vw;
    z-index: 1000;
  }
  header #site_header #mobile-menu span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
  }
  header #site_header #mobile-menu span:nth-of-type(1) {
    top: 0px;
  }
  header #site_header #mobile-menu span:nth-of-type(2) {
    top: 10px;
  }
  header #site_header #mobile-menu span:nth-of-type(3) {
    bottom: 0px;
  }
  header #site_header #mobile-menu.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
  }
  header #site_header #mobile-menu.active span:nth-of-type(2) {
    opacity: 0;
  }
  header #site_header #mobile-menu.active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  header #site_header .container {
    padding: 3vw;
  }
  header #site_header .container nav {
    display: none;
  }
  header #site_header .container nav.active {
    display: block;
    opacity: 1;
    overflow: auto;
    font-size: 4.1025641026vw;
    line-height: 10vw;
    position: fixed;
    top: 20vw;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    z-index: 2;
  }
  header #site_header .container nav ul {
    display: inherit;
    padding: 0 5vw;
  }
  header #site_header .container nav ul li {
    position: relative;
    margin: 10vw 0 0 0;
    border-bottom: solid 1px #D9D9D9;
  }
  header #site_header .container nav ul li a {
    width: 100%;
    display: inline-block;
  }
  header #site_header .container nav ul li a:link, header #site_header .container nav ul li a:hover, header #site_header .container nav ul li a:active, header #site_header .container nav ul li a:visited {
    color: #1A0900;
  }
  header #site_header .container nav ul li.sp {
    border: none;
  }
  header #site_header .container nav ul li.sp img {
    width: 100%;
  }
  header #site_header .container nav ul li.sp::after {
    display: none;
  }
  header #site_header .container nav ul li::after {
    position: absolute;
    right: 0;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/img_nav_arrow.svg);
  }
  header #site_header .container nav ul li .nav_request a {
    width: 97%;
    text-align: center;
    color: #fff;
    padding: 3vw 1.5vw;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: linear-gradient(90deg, #FF5D02 0%, #FF9A02 100%);
    mix-blend-mode: normal;
    box-shadow: 0px 12px 32px rgba(26, 26, 26, 0.15);
    border-radius: 10px;
  }
  header #site_header .container nav ul li .nav_request a:hover {
    opacity: inherit;
    box-shadow: none;
    background: linear-gradient(90deg, #FF5D02 0%, #FF5D02 100%);
  }
  header #site_header .container nav ul li .nav_request a .img {
    width: 22.3076923077vw;
  }
  header #site_header .container nav ul li .nav_request a .img img {
    width: 100%;
  }
  header #site_header .container nav ul li .nav_request a div .subtext {
    line-height: 190%;
    font-size: 3.0769230769vw;
  }
  header #site_header .container nav ul li .nav_request a div .text {
    line-height: 124%;
    font-size: 4.1025641026vw;
    font-weight: 700;
  }
  header #site_header .container nav ul li .nav_request a .ico {
    width: 3.5897435897vw;
  }
  header #site_header .container nav ul li .nav_request a .ico img {
    width: 100%;
  }
  .box {
    display: block;
  }
  #bottom_request {
    padding: 11.5384615385vw 0;
    height: 36.9230769231vw;
  }
  #bottom_request .text {
    font-size: 5.1282051282vw;
    line-height: 8vw;
  }
  #bottom_request .btn {
    font-size: 3.8461538462vw;
    line-height: 6vw;
  }
  #bottom_request .btn a {
    width: 79.4871794872vw;
    height: 18.4615384615vw;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 6vw;
  }
  footer .box {
    padding: 0 5vw;
  }
  footer .box figure {
    margin: 0 0 3vw 0;
  }
  footer .box ul {
    display: inherit;
    font-size: 3.5897435897vw;
  }
  footer .box ul li::after {
    content: "";
    padding: 0 10px;
  }
  #group_footer {
    padding: 5vw 0;
  }
  #group_footer figure {
    width: 60%;
    margin-bottom: 1vw;
  }
  #group_footer small {
    font-size: 3.0769230769vw;
  }
  main .title {
    padding: 0;
  }
  main .title .breadcrumb {
    display: none;
  }
  main .title h1 {
    font-size: 7.1794871795vw;
    line-height: 140%;
    margin-bottom: 15vw;
  }
  main .title h1 .orange {
    color: #E6912D;
  }
  main .title h1::after {
    width: 12.3076923077vw;
    height: 0.5128205128vw;
    bottom: -5vw;
    margin-left: -6.1538461538vw;
  }
  main .title h1 span {
    font-size: 4.1025641026vw;
  }
}
@media screen and (min-width: 1240px) {
  .home .nav_home {
    color: #FF8A00;
  }
  .home header {
    background: url("../img/bg_main.svg");
    height: 680px;
    background-size: contain;
    background-position: top right;
    position: relative;
    background-repeat: no-repeat;
    overflow: hidden;
  }
  .home header section {
    width: 1280px;
    margin: auto;
    position: relative;
  }
  .home header section .catch {
    font-size: 16px;
    left: 40px;
    top: 0;
    font-weight: 900;
    position: absolute;
  }
  .home header section h1 {
    font-size: 48px;
    line-height: 120%;
    left: 40px;
    top: 30px;
    position: absolute;
  }
  .home header section h1 .orange {
    color: #E6912D;
  }
  .home header section .description {
    font-size: 16px;
    left: 40px;
    top: 160px;
    line-height: 160%;
    font-weight: 400;
    position: absolute;
  }
  .home header section .summary {
    position: absolute;
    left: 40px;
    top: 232px;
    width: 430px;
  }
  .home header section .summary img {
    width: 100%;
  }
  .home header section .main_img_pc {
    position: absolute;
    width: 756px;
    right: 0;
    top: 0;
  }
  .home header section .main_img_pc img {
    width: 100%;
  }
  .home header section .main_request {
    position: absolute;
    left: 40px;
    top: 380px;
  }
  .home header section .main_request a {
    width: 395px;
    padding: 5px 14px;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    mix-blend-mode: normal;
    box-shadow: 0px 12px 32px rgba(26, 26, 26, 0.15);
    border-radius: 10px;
    transition: 5s;
  }
  .home header section .main_request a::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    transition: 0.5s;
    background: linear-gradient(90deg, #FF5D02 0%, #FF9A02 100%);
    border-radius: 10px;
  }
  .home header section .main_request a::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -2;
    left: 0;
    background: linear-gradient(90deg, #FF5D02 0%, #FF5D02 100%);
    border-radius: 10px;
  }
  .home header section .main_request a:hover {
    opacity: inherit;
    box-shadow: none;
  }
  .home header section .main_request a:hover:before {
    opacity: 0;
  }
  .home header section .main_request a .img {
    width: 100px;
    line-height: 1;
  }
  .home header section .main_request a .img img {
    width: 100%;
  }
  .home header section .main_request a div .subtext {
    line-height: 190%;
    font-size: 12px;
  }
  .home header section .main_request a div .text {
    line-height: 124%;
    font-size: 17px;
    font-weight: 700;
  }
  .home header section .main_request a .ico {
    width: 20px;
    line-height: 1;
  }
  .home header section .main_request a .ico img {
    width: 100%;
  }
  .home header section .main_movie {
    position: absolute;
    left: 40px;
    top: 494px;
  }
  .home header section .main_movie a {
    width: 395px;
    padding: 15px 13px;
    line-height: 1;
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #fff;
    mix-blend-mode: normal;
    box-shadow: 0px 12px 32px rgba(26, 26, 26, 0.15);
    border-radius: 10px;
    border: solid 1px #fff;
  }
  .home header section .main_movie a:hover {
    opacity: inherit;
    box-shadow: none;
    border: solid 1px #D9D9D9;
  }
  .home header section .main_movie a .img {
    width: 100px;
    line-height: 1;
  }
  .home header section .main_movie a .img img {
    width: 100%;
  }
  .home header section .main_movie a .text {
    line-height: 1;
    font-size: 17px;
    font-weight: 700;
    margin: 0;
  }
  .home header section .main_movie a .text span {
    color: #E6912D;
  }
  .home header section .main_movie a .ico {
    width: 20px;
    line-height: 1;
  }
  .home header section .main_movie a .ico img {
    width: 100%;
  }
  .home main .request {
    background: #F8F5EF;
    padding: 90px 0;
  }
  .home main .request .container {
    width: 1240px;
    margin: auto;
  }
  .home main .request .container a {
    width: 1140px;
    display: block;
    padding: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    transition: 0.5s;
    position: relative;
    z-index: 0;
  }
  .home main .request .container a::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    transition: 0.5s;
    background: linear-gradient(90deg, #FF5D02 0%, #FF9A02 100%);
    border-radius: 10px;
  }
  .home main .request .container a::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -2;
    left: 0;
    background: linear-gradient(90deg, #FF5D02 100%, #FF5D02 100%);
    border-radius: 10px;
  }
  .home main .request .container a:hover {
    opacity: inherit;
  }
  .home main .request .container a:hover:before {
    opacity: 0;
  }
  .home main .request .container a div {
    height: 84px;
    text-align: center;
    color: #fff;
  }
  .home main .request .container a div .subchatch {
    line-height: 100%;
    font-size: 16px;
  }
  .home main .request .container a div .catch {
    line-height: 140%;
    font-size: 40px;
    font-weight: 700;
  }
  .home main .request .container a .request_box {
    width: 516px;
    height: 90px;
    background: #fff;
    box-shadow: 0px 10px 32px rgba(218, 84, 53, 0.4);
    border-radius: 10px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
  }
  .home main .request .container a .request_box span {
    font-size: 20px;
    font-weight: 900;
    background: linear-gradient(90deg, #FF5D02 0%, #FF9A02 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    position: relative;
  }
  .home main .request .container a .request_box span::after {
    position: absolute;
    right: -35px;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_request_arrow.svg);
  }
  .home main #worries {
    background: #F8F5EF;
    padding: 90px 0;
  }
  .home main #worries .container {
    width: 814px;
    margin: auto;
  }
  .home main #worries .container h2 {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    line-height: 160%;
    position: relative;
    margin-bottom: 70px;
  }
  .home main #worries .container h2 .orange {
    color: #E6912D;
  }
  .home main #worries .container h2::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background-color: #E6912D;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -40px;
  }
  .home main #worries .container .box {
    justify-content: space-between;
  }
  .home main #worries .container .box ul li {
    font-size: 20px;
    position: relative;
    margin-bottom: 35px;
  }
  .home main #worries .container .box ul li::before {
    position: absolute;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_check.svg);
    left: -40px;
    scale: 0.74;
  }
  .home main #worries .container .box ul li span {
    font-weight: 700;
  }
  .home main #resolution {
    padding: 90px 0;
  }
  .home main #resolution .container {
    width: 856px;
    margin: auto;
  }
  .home main #resolution .container h2 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    line-height: 160%;
    position: relative;
    margin-bottom: 70px;
  }
  .home main #resolution .container h2 .orange {
    color: #E6912D;
  }
  .home main #resolution .container h2 [data-ruby] {
    position: relative;
  }
  .home main #resolution .container h2 [data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    font-size: 10px;
    font-weight: 400;
  }
  .home main #resolution .container h2::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background-color: #E6912D;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -40px;
  }
  .home main #resolution .container .description {
    text-align: center;
    margin-bottom: 100px;
  }
  .home main #resolution .container .description span {
    font-weight: 700;
  }
  .home main #resolution .container .feature_01 {
    border-bottom: solid 1px #E0E0E0;
    padding-bottom: 90px;
    margin-bottom: 90px;
  }
  .home main #resolution .container .feature_01 .box {
    flex-direction: row-reverse;
  }
  .home main #resolution .container .feature_02 {
    border-bottom: solid 1px #E0E0E0;
    padding-bottom: 90px;
    margin-bottom: 90px;
  }
  .home main #resolution .container .feature_03 .box {
    flex-direction: row-reverse;
  }
  .home main #resolution .container .box {
    align-items: center;
    justify-content: space-between;
  }
  .home main #resolution .container .box .contents {
    width: 415px;
  }
  .home main #resolution .container .box .contents h3 {
    font-size: 32px;
    font-weight: 700;
    margin: 20px 0;
  }
  .home main #resolution .container .box .contents .text {
    font-size: 18px;
    font-weight: 700;
    line-height: 200%;
  }
  .home main #resolution .container .box figure {
    width: 350px;
  }
  .home main #resolution .container .box figure img {
    width: 100%;
  }
  .home main #resolution .icon {
    border: 1px solid #E6912D;
    border-radius: 30px;
    text-align: center;
    color: #E6912D;
    display: inline;
    padding: 5px 30px;
    font-weight: 700;
    font-size: 18px;
  }
  .home main #resolution .icon span {
    font-family: "Roboto";
    font-size: 24px;
    padding-left: 3px;
  }
  .home main #achievement {
    background: #F8F5EF;
    padding-top: 90px;
  }
  .home main #achievement .container {
    width: 1240px;
    margin: auto;
  }
  .home main #achievement .container h2 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    line-height: 160%;
    position: relative;
    margin-bottom: 70px;
  }
  .home main #achievement .container h2 .orange {
    color: #E6912D;
  }
  .home main #achievement .container h2::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background-color: #E6912D;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -40px;
  }
  .home main #achievement .container .box {
    justify-content: space-between;
  }
  .home main #achievement .container .note {
    font-size: 12px;
    text-align: center;
    color: #656565;
    margin-top: 30px;
  }
  .home main #reason {
    padding: 80px 0;
  }
  .home main #reason .container {
    width: 1240px;
    margin: auto;
  }
  .home main #reason .container h2 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    line-height: 160%;
    position: relative;
    margin-bottom: 70px;
  }
  .home main #reason .container h2 .small {
    font-size: 24px;
  }
  .home main #reason .container h2::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background-color: #E6912D;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -40px;
  }
  .home main #reason .container .box {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .home main #reason .container .box div {
    width: 392px;
    height: 200px;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 20px;
    padding-top: 60px;
  }
  .home main #reason .container .box div figure {
    margin-bottom: 20px;
  }
  .home main #reason .container .box div p {
    font-weight: 700;
  }
  .home main #reason .btn_detail {
    width: 310px;
    height: 60px;
    margin: 60px auto 0 auto;
    position: relative;
    background: #fff;
  }
  .home main #reason .btn_detail::after {
    position: absolute;
    top: 17px;
    right: 25px;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_btn_arrow.svg);
  }
  .home main #reason .btn_detail a {
    width: 310px;
    height: 60px;
    line-height: 60px;
    color: #FF5E2D;
    display: block;
    text-align: center;
    font-weight: 700;
    border: 1px solid #FF5E2D;
    box-shadow: 0px 12px 32px rgba(26, 26, 26, 0.15);
    border-radius: 10px;
    transition: all 0.5s ease;
  }
  .home main #reason .btn_detail a:hover {
    opacity: inherit;
    color: #FF5E2D;
    box-shadow: none;
  }
  .home main #flow {
    padding: 90px 0;
  }
  .home main #flow .container {
    width: 1028px;
    margin: auto;
  }
  .home main #flow .container h2 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    line-height: 160%;
    position: relative;
    margin-bottom: 70px;
  }
  .home main #flow .container h2 .small {
    font-size: 24px;
  }
  .home main #flow .container h2::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background-color: #E6912D;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -40px;
  }
  .home main #flow .container .box {
    justify-content: space-between;
  }
  .home main #flow .container .box div {
    width: 239px;
    height: 505px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
  }
  .home main #flow .container .box div .contents {
    width: 190px;
    margin: 240px auto 0 auto;
  }
  .home main #flow .container .box div .contents h3 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 12px;
  }
  .home main #flow .container .box div .contents p {
    font-size: 90%;
    line-height: 165%;
  }
  .home main #flow .container .box div .contents a {
    position: relative;
  }
  .home main #flow .container .box div .contents a:link, .home main #flow .container .box div .contents a:hover, .home main #flow .container .box div .contents a:active, .home main #flow .container .box div .contents a:visited {
    color: #FF5E2D;
  }
  .home main #flow .container .box div .contents a::after {
    position: absolute;
    top: 2px;
    left: 50px;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_blank.svg);
  }
  .home main #flow .container .box .flow_01 {
    background: url(/wp-content/themes/Pangaea-Delivery2023/img/bg_flow_01.svg);
  }
  .home main #flow .container .box .flow_01::after {
    position: absolute;
    top: 50%;
    right: -23px;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_arrow.svg);
  }
  .home main #flow .container .box .flow_02 {
    background: url(/wp-content/themes/Pangaea-Delivery2023/img/bg_flow_02.svg);
  }
  .home main #flow .container .box .flow_02::after {
    position: absolute;
    top: 50%;
    right: -23px;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_arrow.svg);
  }
  .home main #flow .container .box .flow_03 {
    background: url(/wp-content/themes/Pangaea-Delivery2023/img/bg_flow_03.svg);
  }
  .home main #flow .container .box .flow_03::after {
    position: absolute;
    top: 50%;
    right: -23px;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_arrow.svg);
  }
  .home main #flow .container .box .flow_04 {
    background: url(/wp-content/themes/Pangaea-Delivery2023/img/bg_flow_04.svg);
  }
  .home main #faq {
    background: #F8F5EF;
    padding: 90px 0;
  }
  .home main #faq .container {
    width: 1028px;
    margin: auto;
  }
  .home main #faq .container h2 {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    line-height: 160%;
    position: relative;
    margin-bottom: 70px;
  }
  .home main #faq .container h2 .orange {
    color: #E6912D;
  }
  .home main #faq .container h2::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background-color: #E6912D;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -40px;
  }
  .home main #faq .container dl {
    color: #3A4258;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 24px;
    padding: 20px;
    position: relative;
  }
  .home main #faq .container dl dt {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    padding-left: 30px;
    background: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_question.svg) no-repeat;
    background-position: 0 3px;
    cursor: pointer;
  }
  .home main #faq .container dl dt:before {
    display: none;
    position: absolute;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_minus.svg);
    right: 15px;
    top: 3px;
  }
  .home main #faq .container dl dt:after {
    position: absolute;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_plus.svg);
    right: 15px;
    top: 3px;
  }
  .home main #faq .container dl dt.active::before {
    display: block;
  }
  .home main #faq .container dl dt.active:after {
    display: none;
  }
  .home main #faq .container dl dd {
    position: relative;
    display: none;
    margin-top: 20px;
    padding: 0 80px 0 30px;
    background: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_answer.svg) no-repeat;
    background-position: 0 3px;
  }
  .reason .nav_reason {
    color: #FF8A00;
  }
  .reason main .point01,
  .reason main .point02,
  .reason main .point03,
  .reason main .point04,
  .reason main .point05,
  .reason main .point06 {
    padding: 90px 0;
  }
  .reason main .point01 .box,
  .reason main .point02 .box,
  .reason main .point03 .box,
  .reason main .point04 .box,
  .reason main .point05 .box,
  .reason main .point06 .box {
    width: 860px;
    margin: auto;
    justify-content: space-between;
  }
  .reason main .point01 .box .contents,
  .reason main .point02 .box .contents,
  .reason main .point03 .box .contents,
  .reason main .point04 .box .contents,
  .reason main .point05 .box .contents,
  .reason main .point06 .box .contents {
    width: 393px;
  }
  .reason main .point01 .box .contents h2,
  .reason main .point02 .box .contents h2,
  .reason main .point03 .box .contents h2,
  .reason main .point04 .box .contents h2,
  .reason main .point05 .box .contents h2,
  .reason main .point06 .box .contents h2 {
    font-size: 32px;
    line-height: 130%;
    margin: 20px 0;
  }
  .reason main .point01 .box .contents .icon,
  .reason main .point02 .box .contents .icon,
  .reason main .point03 .box .contents .icon,
  .reason main .point04 .box .contents .icon,
  .reason main .point05 .box .contents .icon,
  .reason main .point06 .box .contents .icon {
    border: 1px solid #FF5929;
    border-radius: 30px;
    text-align: center;
    color: #FF5929;
    display: inline;
    padding: 3px 30px;
    font-weight: 700;
    font-size: 18px;
  }
  .reason main .point01 .box .contents .icon span,
  .reason main .point02 .box .contents .icon span,
  .reason main .point03 .box .contents .icon span,
  .reason main .point04 .box .contents .icon span,
  .reason main .point05 .box .contents .icon span,
  .reason main .point06 .box .contents .icon span {
    font-family: "Roboto";
    font-size: 24px;
    padding-left: 3px;
  }
  .reason main .point01 .box figure,
  .reason main .point02 .box figure,
  .reason main .point03 .box figure,
  .reason main .point04 .box figure,
  .reason main .point05 .box figure,
  .reason main .point06 .box figure {
    width: 375px;
  }
  .reason main .point01 .box figure img,
  .reason main .point02 .box figure img,
  .reason main .point03 .box figure img,
  .reason main .point04 .box figure img,
  .reason main .point05 .box figure img,
  .reason main .point06 .box figure img {
    width: 100%;
  }
  .reason main .point01,
  .reason main .point03,
  .reason main .point05 {
    background: #F8F5EF;
  }
  .reason main .point01 .box,
  .reason main .point03 .box,
  .reason main .point05 .box {
    flex-direction: row-reverse;
  }
  .reason main .point06 .block {
    padding-top: 75px;
  }
  .reason main .point06 .block p {
    font-size: 20px;
    font-weight: bold;
  }
  .reason main .point06 .block div {
    width: 392px;
    margin-top: 38px;
  }
  .reason main .point06 .block div .pmark {
    width: 120px;
    margin-right: 40px;
  }
  .reason main .point06 .block div .iso {
    width: 162px;
  }
  .reason main .point06 .block div a::after {
    display: none;
  }
  .download .password {
    width: 430px;
    display: block;
    margin: 10px auto;
  }
}
@media screen and (max-width: 1239px) {
  .home header {
    background: url("../img/bg_main.svg");
    height: 760px;
    background-size: contain;
    background-position: top right;
    position: relative;
    background-repeat: no-repeat;
    overflow: hidden;
  }
  .home header section {
    width: 1280px;
    margin: auto;
    position: relative;
  }
  .home header section .catch {
    font-size: 16px;
    left: 40px;
    top: 0;
    font-weight: 900;
    position: absolute;
  }
  .home header section h1 {
    font-size: 48px;
    line-height: 120%;
    left: 40px;
    top: 30px;
    position: absolute;
  }
  .home header section h1 .orange {
    color: #E6912D;
  }
}
@media screen and (max-width: 1239px) and (orientation: landscape) {
  .home header section h1 .orange {
    color: #FF8A00;
  }
}
@media screen and (max-width: 1239px) {
  .home header section .description {
    font-size: 16px;
    left: 40px;
    top: 160px;
    line-height: 160%;
    font-weight: 400;
    position: absolute;
  }
  .home header section .summary {
    position: absolute;
    left: 40px;
    top: 232px;
    width: 430px;
  }
  .home header section .summary img {
    width: 100%;
  }
  .home header section .main_img_pc {
    position: absolute;
    width: 756px;
    right: 0;
    top: 0;
  }
  .home header section .main_img_pc img {
    width: 100%;
  }
  .home header section .main_request {
    position: absolute;
    left: 40px;
    top: 380px;
  }
  .home header section .main_request a {
    width: 395px;
    padding: 5px 14px;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: linear-gradient(90deg, #FF5D02 0%, #FF9A02 100%);
    mix-blend-mode: normal;
    box-shadow: 0px 12px 32px rgba(26, 26, 26, 0.15);
    border-radius: 10px;
  }
  .home header section .main_request a:hover {
    opacity: inherit;
    box-shadow: none;
    background: linear-gradient(90deg, #FF5D02 0%, #FF5D02 100%);
  }
  .home header section .main_request a .img {
    width: 100px;
    line-height: 1;
  }
  .home header section .main_request a .img img {
    width: 100%;
  }
  .home header section .main_request a div .subtext {
    line-height: 190%;
    font-size: 12px;
  }
  .home header section .main_request a div .text {
    line-height: 124%;
    font-size: 17px;
    font-weight: 700;
  }
  .home header section .main_request a .ico {
    width: 20px;
    line-height: 1;
  }
  .home header section .main_request a .ico img {
    width: 100%;
  }
  .home header section .main_movie {
    position: absolute;
    left: 40px;
    top: 494px;
  }
  .home header section .main_movie a {
    width: 395px;
    padding: 15px 13px;
    line-height: 1;
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #fff;
    mix-blend-mode: normal;
    box-shadow: 0px 12px 32px rgba(26, 26, 26, 0.15);
    border-radius: 10px;
    border: solid 1px #fff;
  }
  .home header section .main_movie a:hover {
    opacity: inherit;
    box-shadow: none;
    border: solid 1px #D9D9D9;
  }
  .home header section .main_movie a .img {
    width: 100px;
    line-height: 1;
  }
  .home header section .main_movie a .img img {
    width: 100%;
  }
  .home header section .main_movie a .text {
    line-height: 1;
    font-size: 17px;
    font-weight: 700;
    margin: 0;
  }
  .home header section .main_movie a .text span {
    color: #E6912D;
  }
  .home header section .main_movie a .ico {
    width: 20px;
    line-height: 1;
  }
  .home header section .main_movie a .ico img {
    width: 100%;
  }
  .home main .request {
    background: #F8F5EF;
    padding: 90px 0;
  }
  .home main .request .container {
    width: 90%;
    margin: auto;
  }
  .home main .request .container a {
    width: 90%;
    display: block;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(90deg, #FF5D02 0%, #FF9A02 100%);
    border-radius: 10px;
    transition: all 0.5s ease;
  }
  .home main .request .container a div {
    height: 84px;
    width: 50%;
    text-align: center;
    color: #fff;
  }
  .home main .request .container a div .subcatch {
    line-height: 100%;
    font-size: 12px;
  }
  .home main .request .container a div .catch {
    line-height: 140%;
    font-size: 20px;
    font-weight: 700;
  }
  .home main .request .container a .request_box {
    width: 50%;
    height: 80px;
    background: #fff;
    box-shadow: 0px 10px 32px rgba(218, 84, 53, 0.4);
    border-radius: 10px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease;
  }
  .home main .request .container a .request_box span {
    font-size: 19px;
    text-align: center;
    font-weight: 900;
    background: linear-gradient(90deg, #FF5D02 0%, #FF9A02 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    position: relative;
  }
  .home main .request .container a .request_box span::after {
    position: absolute;
    top: 19px;
    right: 8px;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_request_arrow.svg);
  }
  .home main .request .container a:hover {
    opacity: inherit;
    background: linear-gradient(90deg, #FF5D02 0%, #FF5D02 100%);
  }
  .home main .request .container a:hover .request_box {
    border: 1px solid #FF5E2D;
    box-shadow: none;
  }
  .home main #worries {
    background: #F8F5EF;
    padding: 90px 0;
  }
  .home main #worries .container {
    width: 84%;
    margin: auto;
  }
  .home main #worries .container h2 {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    line-height: 160%;
    position: relative;
    margin-bottom: 70px;
  }
  .home main #worries .container h2 .orange {
    color: #E6912D;
  }
  .home main #worries .container h2::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background-color: #E6912D;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -40px;
  }
  .home main #worries .container .box {
    justify-content: space-between;
  }
  .home main #worries .container .box ul li {
    font-size: 20px;
    position: relative;
    margin-bottom: 35px;
  }
  .home main #worries .container .box ul li::before {
    position: absolute;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_check.svg);
    left: -40px;
    scale: 0.74;
  }
  .home main #worries .container .box ul li span {
    font-weight: 700;
  }
  .home main #resolution {
    padding: 90px 0;
  }
  .home main #resolution .container {
    width: 95%;
    margin: auto;
  }
  .home main #resolution .container h2 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    line-height: 160%;
    position: relative;
    margin-bottom: 70px;
  }
  .home main #resolution .container h2 .orange {
    color: #E6912D;
  }
  .home main #resolution .container h2 [data-ruby] {
    position: relative;
  }
  .home main #resolution .container h2 [data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    font-size: 10px;
    font-weight: 400;
  }
  .home main #resolution .container h2::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background-color: #E6912D;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -40px;
  }
  .home main #resolution .container .description {
    text-align: center;
    margin-bottom: 100px;
  }
  .home main #resolution .container .description span {
    font-weight: 700;
  }
  .home main #resolution .container .feature_01 {
    border-bottom: solid 1px #E0E0E0;
    padding-bottom: 90px;
    margin-bottom: 90px;
  }
  .home main #resolution .container .feature_01 .box {
    flex-direction: row-reverse;
  }
  .home main #resolution .container .feature_02 {
    border-bottom: solid 1px #E0E0E0;
    padding-bottom: 90px;
    margin-bottom: 90px;
  }
  .home main #resolution .container .feature_03 .box {
    flex-direction: row-reverse;
  }
  .home main #resolution .container .box {
    align-items: center;
    justify-content: space-between;
  }
  .home main #resolution .container .box .contents {
    width: 415px;
  }
  .home main #resolution .container .box .contents h3 {
    font-size: 32px;
    font-weight: 700;
    margin: 20px 0;
  }
  .home main #resolution .container .box .contents .text {
    font-size: 18px;
    font-weight: 700;
    line-height: 200%;
  }
  .home main #resolution .container .box figure {
    width: 350px;
  }
  .home main #resolution .container .box figure img {
    width: 100%;
  }
  .home main #resolution .icon {
    border: 1px solid #E6912D;
    border-radius: 30px;
    text-align: center;
    color: #E6912D;
    display: inline;
    padding: 5px 30px;
    font-weight: 700;
    font-size: 18px;
  }
  .home main #resolution .icon span {
    font-family: "Roboto";
    font-size: 24px;
    padding-left: 3px;
  }
  .home main #achievement {
    background: #F8F5EF;
    padding-top: 90px;
  }
  .home main #achievement .container {
    width: 90%;
    margin: auto;
  }
  .home main #achievement .container h2 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    line-height: 160%;
    position: relative;
    margin-bottom: 70px;
  }
  .home main #achievement .container h2 .orange {
    color: #E6912D;
  }
  .home main #achievement .container h2::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background-color: #E6912D;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -40px;
  }
  .home main #achievement .container .box {
    justify-content: space-between;
  }
  .home main #achievement .container .box figure img {
    width: 100%;
  }
  .home main #achievement .container .note {
    font-size: 12px;
    text-align: center;
    color: #656565;
    margin-top: 30px;
  }
  .home main #reason {
    padding: 80px 0;
  }
  .home main #reason .container {
    width: 95%;
    margin: auto;
  }
  .home main #reason .container h2 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    line-height: 160%;
    position: relative;
    margin-bottom: 70px;
  }
  .home main #reason .container h2 .small {
    font-size: 24px;
  }
  .home main #reason .container h2::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background-color: #E6912D;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -40px;
  }
  .home main #reason .container .box {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .home main #reason .container .box div {
    width: 49%;
    height: 200px;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 20px;
    padding-top: 60px;
  }
  .home main #reason .container .box div figure {
    margin-bottom: 20px;
  }
  .home main #reason .container .box div p {
    font-weight: 700;
  }
  .home main #reason .btn_detail {
    width: 310px;
    height: 60px;
    margin: 60px auto 0 auto;
    position: relative;
    background: #fff;
  }
  .home main #reason .btn_detail::after {
    position: absolute;
    top: 17px;
    right: 25px;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_btn_arrow.svg);
  }
  .home main #reason .btn_detail a {
    width: 310px;
    height: 60px;
    line-height: 60px;
    color: #FF5E2D;
    display: block;
    text-align: center;
    font-weight: 700;
    border: 1px solid #FF5E2D;
    box-shadow: 0px 12px 32px rgba(26, 26, 26, 0.15);
    border-radius: 10px;
    transition: all 0.5s ease;
  }
  .home main #reason .btn_detail a:hover {
    opacity: inherit;
    color: #FF5E2D;
    box-shadow: none;
  }
  .home main #flow {
    padding: 90px 0;
  }
  .home main #flow .container {
    width: 95%;
    margin: auto;
  }
  .home main #flow .container h2 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    line-height: 160%;
    position: relative;
    margin-bottom: 70px;
  }
  .home main #flow .container h2 .small {
    font-size: 24px;
  }
  .home main #flow .container h2::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background-color: #E6912D;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -40px;
  }
  .home main #flow .container .box {
    justify-content: space-between;
  }
  .home main #flow .container .box div {
    width: 22.3vw;
    height: 47.1vw;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
  }
  .home main #flow .container .box div .contents {
    width: 83%;
    margin: 22vw auto 0 auto;
    height: 47.1vw;
  }
  .home main #flow .container .box div .contents h3 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 12px;
  }
  .home main #flow .container .box div .contents p {
    font-size: 1.5vw;
    line-height: 165%;
  }
  .home main #flow .container .box div .contents a {
    position: relative;
  }
  .home main #flow .container .box div .contents a:link, .home main #flow .container .box div .contents a:hover, .home main #flow .container .box div .contents a:active, .home main #flow .container .box div .contents a:visited {
    color: #FF5E2D;
  }
  .home main #flow .container .box div .contents a::after {
    position: absolute;
    top: 2px;
    left: 50px;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_blank.svg);
  }
  .home main #flow .container .box .flow_01 {
    background: url(/wp-content/themes/Pangaea-Delivery2023/img/bg_flow_01.svg);
    background-size: contain;
  }
  .home main #flow .container .box .flow_01::after {
    position: absolute;
    top: 50%;
    right: -23px;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_arrow.svg);
  }
  .home main #flow .container .box .flow_02 {
    background: url(/wp-content/themes/Pangaea-Delivery2023/img/bg_flow_02.svg);
    background-size: contain;
  }
  .home main #flow .container .box .flow_02::after {
    position: absolute;
    top: 50%;
    right: -23px;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_arrow.svg);
  }
  .home main #flow .container .box .flow_03 {
    background: url(/wp-content/themes/Pangaea-Delivery2023/img/bg_flow_03.svg);
    background-size: contain;
  }
  .home main #flow .container .box .flow_03::after {
    position: absolute;
    top: 50%;
    right: -23px;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_arrow.svg);
  }
  .home main #flow .container .box .flow_04 {
    background: url(/wp-content/themes/Pangaea-Delivery2023/img/bg_flow_04.svg);
    background-size: contain;
  }
  .home main #faq {
    background: #F8F5EF;
    padding: 90px 0;
  }
  .home main #faq .container {
    width: 90%;
    margin: auto;
  }
  .home main #faq .container h2 {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    line-height: 160%;
    position: relative;
    margin-bottom: 70px;
  }
  .home main #faq .container h2 .orange {
    color: #E6912D;
  }
  .home main #faq .container h2::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background-color: #E6912D;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -40px;
  }
  .home main #faq .container dl {
    color: #3A4258;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 24px;
    padding: 20px;
    position: relative;
  }
  .home main #faq .container dl dt {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    padding-left: 30px;
    background: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_question.svg) no-repeat;
    background-position: 0 3px;
    cursor: pointer;
  }
  .home main #faq .container dl dt:before {
    display: none;
    position: absolute;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_minus.svg);
    right: 15px;
    top: 3px;
  }
  .home main #faq .container dl dt:after {
    position: absolute;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_plus.svg);
    right: 15px;
    top: 3px;
  }
  .home main #faq .container dl dt.active::before {
    display: block;
  }
  .home main #faq .container dl dt.active:after {
    display: none;
  }
  .home main #faq .container dl dd {
    position: relative;
    display: none;
    margin-top: 20px;
    padding: 0 80px 0 30px;
    background: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_answer.svg) no-repeat;
    background-position: 0 3px;
  }
  .reason main .point01,
  .reason main .point02,
  .reason main .point03,
  .reason main .point04,
  .reason main .point05,
  .reason main .point06 {
    padding: 90px 0;
  }
  .reason main .point01 .box,
  .reason main .point02 .box,
  .reason main .point03 .box,
  .reason main .point04 .box,
  .reason main .point05 .box,
  .reason main .point06 .box {
    width: 90%;
    margin: auto;
    justify-content: space-between;
  }
  .reason main .point01 .box .contents,
  .reason main .point02 .box .contents,
  .reason main .point03 .box .contents,
  .reason main .point04 .box .contents,
  .reason main .point05 .box .contents,
  .reason main .point06 .box .contents {
    width: 50%;
  }
  .reason main .point01 .box .contents h2,
  .reason main .point02 .box .contents h2,
  .reason main .point03 .box .contents h2,
  .reason main .point04 .box .contents h2,
  .reason main .point05 .box .contents h2,
  .reason main .point06 .box .contents h2 {
    font-size: 32px;
    line-height: 130%;
    margin: 20px 0;
  }
  .reason main .point01 .box .contents .icon,
  .reason main .point02 .box .contents .icon,
  .reason main .point03 .box .contents .icon,
  .reason main .point04 .box .contents .icon,
  .reason main .point05 .box .contents .icon,
  .reason main .point06 .box .contents .icon {
    border: 1px solid #FF5929;
    border-radius: 30px;
    text-align: center;
    color: #FF5929;
    display: inline;
    padding: 3px 30px;
    font-weight: 700;
    font-size: 18px;
  }
  .reason main .point01 .box .contents .icon span,
  .reason main .point02 .box .contents .icon span,
  .reason main .point03 .box .contents .icon span,
  .reason main .point04 .box .contents .icon span,
  .reason main .point05 .box .contents .icon span,
  .reason main .point06 .box .contents .icon span {
    font-family: "Roboto";
    font-size: 24px;
    padding-left: 3px;
  }
  .reason main .point01 .box figure,
  .reason main .point02 .box figure,
  .reason main .point03 .box figure,
  .reason main .point04 .box figure,
  .reason main .point05 .box figure,
  .reason main .point06 .box figure {
    width: 40%;
  }
  .reason main .point01 .box figure img,
  .reason main .point02 .box figure img,
  .reason main .point03 .box figure img,
  .reason main .point04 .box figure img,
  .reason main .point05 .box figure img,
  .reason main .point06 .box figure img {
    width: 100%;
  }
  .reason main .point01,
  .reason main .point03,
  .reason main .point05 {
    background: #F8F5EF;
  }
  .reason main .point01 .box,
  .reason main .point03 .box,
  .reason main .point05 .box {
    flex-direction: row-reverse;
  }
  .reason main .point06 .block {
    padding-top: 75px;
  }
  .reason main .point06 .block p {
    font-size: 20px;
    font-weight: bold;
  }
  .reason main .point06 .block div {
    width: 392px;
    margin-top: 38px;
  }
  .reason main .point06 .block div .pmark {
    width: 120px;
    margin-right: 40px;
  }
  .reason main .point06 .block div .iso {
    width: 162px;
  }
  .reason main .point06 .block div a::after {
    display: none;
  }
  .download .password {
    width: 430px;
    display: block;
    margin: 10px auto;
  }
}
@media screen and (max-width: 599px) {
  .home header {
    background: none;
    height: auto;
  }
  .home header section {
    width: 100%;
    text-align: center;
    position: relative;
    /* height: 228vw; */
    height: 200vw;
  }
  .home header section .catch {
    font-size: 4vw;
    position: initial;
    margin-top: 5vw;
  }
  .home header section h1 {
    font-size: 9vw;
    line-height: 11vw;
    position: initial;
    margin: 3vw 0px;
  }
  .home header section .description {
    font-size: 4vw;
    line-height: 6vw;
    position: initial;
  }
  .home header section .summary {
    width: 100%;
    position: initial;
    text-align: center;
    padding: 5vw 0;
  }
  .home header section .summary img {
    width: 90%;
  }
  .home header section .main_request {
    position: absolute;
    left: 3vw;
    top: 165vw;
  }
  .home header section .main_request a {
    width: 92vw;
    padding: 3vw 1.5vw;
  }
  .home header section .main_request a .img {
    width: 22.3076923077vw;
  }
  .home header section .main_request a div .subtext {
    font-size: 3.0769230769vw;
  }
  .home header section .main_request a div .text {
    font-size: 4.1025641026vw;
  }
  .home header section .main_request a .ico {
    width: 3.5897435897vw;
  }
  .home header section .main_movie {
    position: absolute;
    left: 3vw;
    top: 196vw;
  }
  .home header section .main_movie a {
    width: 92vw;
    padding: 4vw 1vw;
  }
  .home header section .main_movie a .img {
    width: 26.4102564103vw;
  }
  .home header section .main_movie a .text {
    font-size: 3.8461538462vw;
    line-height: 140%;
  }
  .home header section .main_movie a .text span {
    font-size: 4.8717948718vw;
  }
  .home header section .main_movie a .ico {
    width: 3.5897435897vw;
  }
  .home header section .main_img_sp {
    display: block;
  }
  .home header section .main_img_sp img {
    width: 100%;
  }
  .home main .request {
    text-align: center;
    padding: 14vw 0;
  }
  .home main .request .container {
    width: 90%;
    margin: auto;
  }
  .home main .request .container a {
    width: 100%;
    display: block;
    padding: 12vw 0;
    color: #fff;
  }
  .home main .request .container a .catch {
    line-height: 140%;
    font-size: 6.1538461538vw;
    font-weight: 700;
  }
  .home main .request .container a figure {
    width: 52.3076923077vw;
    margin: 10vw auto;
  }
  .home main .request .container a figure img {
    width: 100%;
  }
  .home main .request .container a .subcatch {
    line-height: 100%;
    font-size: 3.0769230769vw;
  }
  .home main .request .container a .request_box {
    width: 83%;
    height: 18vw;
    margin: 3vw auto 0 auto;
  }
  .home main .request .container a .request_box span {
    font-size: 3.8461538462vw;
    line-height: 165%;
  }
  .home main .request .container a .request_box span::after {
    right: -7vw;
    top: 4vw;
  }
  .home main #worries {
    padding: 10vw 0;
  }
  .home main #worries .container {
    width: 100%;
    margin: auto;
  }
  .home main #worries .container h2 {
    font-size: 5.1282051282vw;
    margin-bottom: 14vw;
  }
  .home main #worries .container h2::after {
    width: 12.3076923077vw;
    height: 0.5128205128vw;
    bottom: -5vw;
    margin-left: -6.1538461538vw;
  }
  .home main #worries .container .box ul {
    padding-left: 16vw;
  }
  .home main #worries .container .box ul li {
    font-size: 3.5897435897vw;
    margin-bottom: 4vw;
  }
  .home main #worries .container .box ul li::before {
    left: -8vw;
  }
  .home main #worries .container .box figure {
    width: 63.5897435897vw;
    margin: auto;
  }
  .home main #worries .container .box figure img {
    width: 100%;
  }
  .home main #resolution {
    padding: 10vw 0;
  }
  .home main #resolution .container {
    width: 90%;
    margin: auto;
  }
  .home main #resolution .container h2 {
    font-size: 6.1538461538vw;
    line-height: 180%;
  }
  .home main #resolution .container h2 [data-ruby]::before {
    content: attr(data-ruby);
    top: -0.5rem;
    line-height: normal;
    font-size: 2.5641025641vw;
  }
  .home main #resolution .container h2::after {
    width: 12.3076923077vw;
    height: 0.5128205128vw;
    bottom: -5vw;
    margin-left: -6.1538461538vw;
  }
  .home main #resolution .container .description {
    text-align: left;
    margin-bottom: 16vw;
  }
  .home main #resolution .container .box {
    width: 85%;
    margin: auto;
  }
  .home main #resolution .container .box .contents {
    width: 100%;
  }
  .home main #resolution .container .box .contents .text {
    font-size: 4vw;
  }
  .home main #resolution .container .box .contents .icon {
    font-size: 3.0769230769vw;
    padding: 1vw 5vw;
  }
  .home main #resolution .container .box .contents .icon span {
    font-size: 4.358974359vw;
    padding-left: 1vw;
  }
  .home main #resolution .container .box .contents h3 {
    font-size: 6.1538461538vw;
  }
  .home main #resolution .container .box figure {
    width: 100%;
    margin-top: 10vw;
  }
  .home main #resolution .container .box figure img {
    width: 100%;
  }
  .home main #resolution .container .feature_01 {
    padding-bottom: 7vw;
    margin-bottom: 13vw;
  }
  .home main #resolution .container .feature_02 {
    padding-bottom: 7vw;
    margin-bottom: 13vw;
  }
  .home main #achievement {
    padding-top: 10vw;
  }
  .home main #achievement .container {
    width: 85%;
    margin: auto;
  }
  .home main #achievement .container h2 {
    font-size: 6.1538461538vw;
  }
  .home main #achievement .container h2::after {
    width: 12.3076923077vw;
    height: 0.5128205128vw;
    bottom: -5vw;
    margin-left: -6.1538461538vw;
  }
  .home main #achievement .container .box figure {
    margin-bottom: 2vw;
  }
  .home main #achievement .container .box figure img {
    width: 100%;
  }
  .home main #achievement .container .note {
    font-size: 3.0769230769vw;
    line-height: 170%;
    text-align: left;
  }
  .home main #reason {
    padding: 10vw 0;
  }
  .home main #reason .container {
    width: 95%;
    margin: auto;
  }
  .home main #reason .container h2 {
    font-size: 7.1794871795vw;
    line-height: 125%;
  }
  .home main #reason .container h2 .small {
    font-size: 4.1025641026vw;
  }
  .home main #reason .container h2::after {
    width: 12.3076923077vw;
    height: 0.5128205128vw;
    bottom: -5vw;
    margin-left: -6.1538461538vw;
  }
  .home main #reason .container .box {
    display: flex;
    flex-wrap: wrap;
  }
  .home main #reason .container .box div {
    width: calc(50% - 2vw);
    margin-bottom: 3vw;
    padding-top: 8.7vw;
    height: 55.4vw;
    padding-bottom: 8vw;
    box-sizing: border-box;
  }
  .home main #reason .container .box div figure {
    width: 100%;
  }
  .home main #reason .container .box div figure img {
    height: 8vw;
  }
  .home main #reason .container .box div p {
    font-size: 3.5vw;
    line-height: 1.7;
    padding: 0 4vw;
  }
  .home main #reason .btn_detail {
    width: 80%;
    height: 16vw;
    margin: 10vw auto 0 auto;
  }
  .home main #reason .btn_detail a {
    width: 100%;
    height: 16vw;
    line-height: 16vw;
  }
  .home main #flow {
    padding: 10vw 0;
  }
  .home main #flow .container {
    width: 95%;
    margin: auto;
  }
  .home main #flow .container h2 {
    font-size: 7.1794871795vw;
  }
  .home main #flow .container h2::after {
    width: 12.3076923077vw;
    height: 0.5128205128vw;
    bottom: -5vw;
    margin-left: -6.1538461538vw;
  }
  .home main #flow .container .box div {
    width: 100%;
    height: auto;
  }
  .home main #flow .container .box div .contents {
    width: 84%;
    margin: auto;
    padding-top: 50vw;
  }
  .home main #flow .container .box div .contents h3 {
    margin-bottom: 2vw;
    font-size: 5.1282051282vw;
  }
  .home main #flow .container .box div .contents p {
    font-size: 4.1025641026vw;
  }
  .home main #flow .container .box .flow_01::after,
  .home main #flow .container .box .flow_02::after,
  .home main #flow .container .box .flow_03::after {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -1vw;
    left: 50%;
    margin-left: -2vw;
    content: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_arrow_sp.svg);
  }
  .home main #flow .container .box .flow_01 {
    background: url(/wp-content/themes/Pangaea-Delivery2023/img/bg_flow_sp_01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 108vw;
  }
  .home main #flow .container .box .flow_02 {
    background: url(/wp-content/themes/Pangaea-Delivery2023/img/bg_flow_sp_02.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 108vw;
  }
  .home main #flow .container .box .flow_03 {
    background: url(/wp-content/themes/Pangaea-Delivery2023/img/bg_flow_sp_03.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 102vw;
  }
  .home main #flow .container .box .flow_04 {
    background: url(/wp-content/themes/Pangaea-Delivery2023/img/bg_flow_sp_04.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 95vw;
  }
  .home main #faq {
    padding: 10vw 0;
  }
  .home main #faq .container {
    width: 95%;
    margin: auto;
  }
  .home main #faq .container h2 {
    font-size: 8.2051282051vw;
  }
  .home main #faq .container h2::after {
    width: 12.3076923077vw;
    height: 0.5128205128vw;
    bottom: -5vw;
    margin-left: -6.1538461538vw;
  }
  .home main #faq .container dl dt {
    font-size: 4.1025641026vw;
    padding: 0 11vw;
  }
  .home main #faq .container dl dt::before {
    right: 1vw;
    top: 50%;
    width: 3.8vw;
    margin-top: -3.5vw;
    scale: 0.6;
  }
  .home main #faq .container dl dt::after {
    right: 1vw;
    top: 50%;
    width: 3.8vw;
    margin-top: -3.5vw;
    scale: 0.6;
  }
  .home main #faq .container dl dd {
    font-size: 3.5897435897vw;
    line-height: 160%;
    padding: 0 11vw;
  }
  .reason main .point01,
  .reason main .point02,
  .reason main .point03,
  .reason main .point04,
  .reason main .point05,
  .reason main .point06 {
    padding: 10vw 0;
  }
  .reason main .point01 .box,
  .reason main .point02 .box,
  .reason main .point03 .box,
  .reason main .point04 .box,
  .reason main .point05 .box,
  .reason main .point06 .box {
    display: table-cell;
    padding: 0 10vw;
  }
  .reason main .point01 .box .contents,
  .reason main .point02 .box .contents,
  .reason main .point03 .box .contents,
  .reason main .point04 .box .contents,
  .reason main .point05 .box .contents,
  .reason main .point06 .box .contents {
    width: 100%;
  }
  .reason main .point01 .box .contents h2,
  .reason main .point02 .box .contents h2,
  .reason main .point03 .box .contents h2,
  .reason main .point04 .box .contents h2,
  .reason main .point05 .box .contents h2,
  .reason main .point06 .box .contents h2 {
    font-size: 6.1538461538vw;
    line-height: 130%;
    margin: 3vw 0;
  }
  .reason main .point01 .box .contents .icon,
  .reason main .point02 .box .contents .icon,
  .reason main .point03 .box .contents .icon,
  .reason main .point04 .box .contents .icon,
  .reason main .point05 .box .contents .icon,
  .reason main .point06 .box .contents .icon {
    display: inline;
    padding: 1vw 4vw;
    font-size: 3.0769230769vw;
  }
  .reason main .point01 .box .contents .icon span,
  .reason main .point02 .box .contents .icon span,
  .reason main .point03 .box .contents .icon span,
  .reason main .point04 .box .contents .icon span,
  .reason main .point05 .box .contents .icon span,
  .reason main .point06 .box .contents .icon span {
    font-size: 4.358974359vw;
    padding-left: 1vw;
  }
  .reason main .point01 .box figure,
  .reason main .point02 .box figure,
  .reason main .point03 .box figure,
  .reason main .point04 .box figure,
  .reason main .point05 .box figure,
  .reason main .point06 .box figure {
    width: 68.7179487179vw;
    padding: 10vw 0;
    margin: 0 auto;
  }
  .reason main .point01 .box figure img,
  .reason main .point02 .box figure img,
  .reason main .point03 .box figure img,
  .reason main .point04 .box figure img,
  .reason main .point05 .box figure img,
  .reason main .point06 .box figure img {
    width: 100%;
  }
  .reason main .point01,
  .reason main .point03,
  .reason main .point05 {
    background: #F8F5EF;
  }
  .reason main .point01 .box,
  .reason main .point03 .box,
  .reason main .point05 .box {
    flex-direction: row-reverse;
  }
  .reason main .point06 .block {
    padding-top: 10.2564102564vw;
  }
  .reason main .point06 .block p {
    font-size: 4.1025641026vw;
    font-weight: bold;
  }
  .reason main .point06 .block div {
    width: 100%;
    margin-top: 6.4102564103vw;
    text-align: center;
  }
  .reason main .point06 .block div .pmark {
    width: 23.0769230769vw;
    margin-right: 7.6923076923vw;
  }
  .reason main .point06 .block div .iso {
    width: 31.2820512821vw;
  }
  .reason main .point06 .block div a::after {
    display: none;
  }
  .download .password {
    width: 100%;
  }
}
#news {
  padding: 90px 0;
  background-color: #F8F5EF;
}
#news .container {
  width: 90%;
  max-width: 814px;
  margin: auto;
}
#news .container .news_title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  align-items: center;
}
#news .container h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
}
#news .container .news_section {
  background-color: #fff;
  padding: 32px;
  border-radius: 12px;
  box-shadow: 0px 1px 4px rgba(26, 26, 26, 0.15);
}
@media screen and (max-width: 599px) {
  #news .container .news_section {
    padding: 24px;
  }
}
#news .container .news_section ul li {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: 42px;
}
@media screen and (max-width: 599px) {
  #news .container .news_section ul li {
    flex-direction: column;
    gap: 0px;
  }
}
#news .container .news_section ul li:not(:last-child) {
  padding-bottom: 20px;
}
#news .container .news_section ul li + li {
  margin-top: 20px;
}
#news .container .news_section ul li:not(:last-child):after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #E0E0E0;
  position: absolute;
  bottom: 0;
  left: 0;
}
#news .container .news_section ul li .news_date {
  width: 100%;
  max-width: 80px;
  font-size: 15px;
  opacity: 0.7;
  line-height: 1.3;
  margin-bottom: 6px;
}
#news .container .news_section ul li p {
  display: flex;
  font-size: 16px;
  line-height: 1.5;
}
#news .container .news_section ul li p a {
  text-decoration: underline;
}
#news .container .news_section ul li p a:hover {
  color: #E6912D;
  transition: all 0.3s ease;
  cursor: pointer;
  opacity: 1;
}

.c_btn_group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 10px;
}
.c_btn_group .prev {
  display: inline-block;
  /* The prev button stays on the left if present */
}
.c_btn_group .next {
  display: inline-block;
  margin-left: auto;
  /* The next button is always pushed to the far right */
  text-align: right;
}

.c_btn {
  text-decoration: none !important;
  color: #1A0900 !important;
}
.c_btn:hover {
  background: #1A0900;
  color: #fff !important;
  transition: all 0.3s ease;
  cursor: pointer;
  opacity: 1;
}

.c_btn {
  height: auto;
  display: flex;
  flex-grow: 0;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  border: 1px solid #1A0900;
  border-radius: 18px;
  line-height: 1;
  padding: 6px 18px;
}
.c_btn:hover {
  background: #1A0900;
  color: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
  opacity: 1;
}

.c-pagination {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.c-pagination .page-numbers {
  font-size: 14px;
  line-height: 1.5;
  color: #1A0900;
  opacity: 0.7;
  text-decoration: none;
  border: 1px solid #656565;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 2px;
  opacity: 0.4;
}
.c-pagination .page-numbers:hover {
  opacity: 1;
  cursor: pointer;
}
.c-pagination .page-numbers.current {
  opacity: 1;
}

main h1.single_title {
  font-size: 34px;
  font-weight: 400;
  line-height: 160%;
  text-align: center;
  margin-top: 35px;
  margin-bottom: 35px;
}
main h1.single_title::after {
  content: none;
}

.featured_image {
  width: 90%;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 35px;
  max-height: 500px;
  object-fit: cover;
  overflow: hidden;
}
.featured_image img {
  width: 100%;
  height: auto;
}

.html_content {
  margin-bottom: 96px;
}
.html_content .container {
  width: 90%;
  max-width: 814px;
  margin: auto;
}
.html_content .container h1 {
  font-size: 30px;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 35px;
}
.html_content .container h2 {
  font-size: 26px;
  font-weight: 500;
  line-height: 160%;
}
.html_content .container h3 {
  font-size: 22px;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 35px;
}
.html_content .container h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
}
.html_content .container h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 35px;
}
.html_content .container h6 {
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
}
.html_content .container p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 35px;
}
.html_content .container ul {
  list-style: disc;
  margin-bottom: 35px;
}
.html_content .container ol {
  list-style: decimal;
  margin-bottom: 35px;
}
.html_content .container blockquote {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 35px;
}
.html_content .container code {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 35px;
}
.html_content .container pre {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 35px;
}
.html_content .container img {
  display: block;
  margin: 35px auto;
  max-width: 100%;
  height: auto;
}
.html_content .container a {
  text-decoration: underline;
  color: #E6912D;
}
.html_content .container a:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
  cursor: pointer;
}

* {
  box-sizing: border-box;
}

/* Container */
/* Grid system */
.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}

/* Base: full width on small screens */
[class^=col-] {
  grid-column: span 12;
}

/* Use a variable for column span */
@media (min-width: 768px) {
  [class^=col-] {
    grid-column: span var(--span);
  }
  [class*=offset-] {
    margin-left: calc(var(--offset) * 8.3333333333%);
  }
}
/* Utility classes to set variables */
.col-1 {
  --span: 1;
}

.col-2 {
  --span: 2;
}

.col-3 {
  --span: 3;
}

.col-4 {
  --span: 4;
}

.col-5 {
  --span: 5;
}

.col-6 {
  --span: 6;
}

.col-7 {
  --span: 7;
}

.col-8 {
  --span: 8;
}

.col-9 {
  --span: 9;
}

.col-10 {
  --span: 10;
}

.col-11 {
  --span: 11;
}

.col-12 {
  --span: 12;
}

.offset-1 {
  --offset: 1;
}

.offset-2 {
  --offset: 2;
}

.offset-3 {
  --offset: 3;
}

.offset-4 {
  --offset: 4;
}

.offset-5 {
  --offset: 5;
}

.offset-6 {
  --offset: 6;
}

.offset-7 {
  --offset: 7;
}

.offset-8 {
  --offset: 8;
}

.offset-9 {
  --offset: 9;
}

.offset-10 {
  --offset: 10;
}

.offset-11 {
  --offset: 11;
}

.c-list.c-list-check li {
  color: rgba(26, 9, 0, 0.7);
  list-style: none;
  position: relative;
  padding-left: 24px;
}
.c-list.c-list-check li::before {
  content: "";
  position: absolute;
  background-image: url(/wp-content/themes/Pangaea-Delivery2023/img/ico_check.svg);
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  top: 7px;
  width: 16px;
  height: 16px;
}

.d-grid-2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media (min-width: 768px) {
  .d-grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.mx-auto {
  margin: 0 auto;
}

.d-grid-3 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  gap: 32px;
}
@media (min-width: 768px) {
  .d-grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

html p {
  font-size: 18px;
}

.d-flex {
  display: flex;
  flex-direction: column;
  gap: 24px;
  gap: 32px;
}
@media (min-width: 768px) {
  .d-flex {
    flex-direction: row;
  }
}

.justify-content-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

.c-section {
  padding: 50px 0;
}
@media (min-width: 768px) {
  .c-section {
    padding: 110px 0;
  }
}
.c-section-bg-gray {
  background-color: #F8F5EF;
}
.c-section h2 {
  font-size: clamp(24px, 4vw, 32px);
  font-weight: 700;
  text-align: center;
  line-height: 160%;
  position: relative;
  margin-bottom: 60px;
  position: relative;
}
.c-section h2::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background-color: #ffb901;
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -40px;
}
@media (min-width: 768px) {
  .c-section h2 {
    margin-bottom: 110px;
  }
}

.img-fluid {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.c-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .c-container {
    padding: 0 40px;
  }
}
.c-container-full {
  max-width: 100%;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .c-container-full {
    padding: 0 40px;
  }
}

.is-icon {
  width: 52px;
  height: 52px;
  aspect-ratio: 1/1;
}

/* typography */
.text-4xl {
  font-size: clamp(32px, 7vw, 46px);
  line-height: 1.1;
}

.text-3xl {
  font-size: clamp(28px, 6vw, 42px);
  line-height: 1.1;
}

.text-2xl {
  font-size: clamp(24px, 5vw, 38px);
  line-height: 1.5;
}

.text-xl {
  font-size: clamp(28px, 4vw, 34px);
  line-height: 1.5;
}

.text-lg {
  font-size: clamp(24px, 3.5vw, 30px);
  line-height: 1.3;
}

.text-base {
  font-size: clamp(20px, 2.5vw, 24px);
  line-height: 1.5;
}

.text-sm {
  font-size: clamp(18px, 2vw, 20px);
  line-height: 1.5;
}

.text-xs {
  font-size: clamp(15px, 1.5vw, 18px);
  line-height: 1.5;
}

.text-2xs {
  font-size: clamp(13px, 1vw, 15px);
  line-height: 1.5;
}

.color-orange {
  color: #E6912D;
}

.color-red {
  color: #FF5E2D;
}

.color-black {
  color: #1A0900;
}

.color-white {
  color: white;
}

.c-btn {
  display: inline-block;
  padding: 8px 32px;
  background-color: #E6912D;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  color: white !important;
  position: relative;
  overflow: hidden;
}
.c-btn span {
  position: relative;
  z-index: 2;
}
.c-btn::after {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.c-btn-grad::after {
  background: linear-gradient(to left, #E6912D, #FF5E2D);
  transition: background 0.3s ease;
  background-size: 200% 100%;
  background-position: left center;
  transition: background-position 0.5s ease;
}
.c-btn-grad:hover {
  opacity: 1 !important;
}
.c-btn-grad:hover::after {
  background-position: right 100%;
}
.c-btn-red {
  background-color: #FF5E2D;
}
.c-btn-orange {
  background-color: #E6912D;
}
.c-btn-ghost {
  background-color: transparent;
  border: 1px solid #E6912D;
  color: #E6912D !important;
}

.c-cards div {
  height: 100%;
}

.c-card.c-card-series {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}
.c-card.c-card-series .img-fluid {
  width: 100%;
}
.c-card.c-card-series .c-card__logo {
  width: 70%;
  margin: 0 auto;
  display: block;
  margin-bottom: 24px;
}

.c-card {
  background-color: white;
  border-radius: 16px;
  padding: 24px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 10px;
  height: 100%;
  font-size: 16px;
  line-height: 1.7;
}
.c-card hr {
  margin: 20px 0;
}
.c-card .header {
  text-align: center;
  font-size: clamp(18px, 2vw, 20px);
}
.c-card img.img-fluid {
  width: 70%;
  margin: 0 auto;
  display: block;
}

.c-block {
  display: flex;
  gap: 12px;
  flex-direction: column;
  padding: 12px;
}
.c-block p {
  font-size: 16px;
  line-height: 1.7;
}

.c-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.c-tag {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 16px;
  color: #1A0900;
  line-height: 1;
}
.c-tag p {
  font-size: 14px;
}
.c-tag.-blue {
  border: 1px solid #1F6F78;
  color: #1F6F78;
}
.c-tag.-black {
  border: 1px solid rgba(26, 9, 0, 0.7);
  color: rgba(26, 9, 0, 0.7);
}

.font-bold {
  font-weight: 700;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.text-center {
  text-align: center;
}

.d-block {
  display: block;
}

.d-lg-block {
  display: none;
}
@media (min-width: 1024px) {
  .d-lg-block {
    display: block;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none;
  }
}

@media (min-width: 1024px) {
  .d-lg-none {
    display: none;
  }
}

/* Margin utilities */
.m-0 {
  margin: 0;
}

.mt-0 {
  margin-top: 0;
}

.mr-0 {
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.m-1 {
  margin: 0.25rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.m-4 {
  margin: 1rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.ml-4 {
  margin-left: 1rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.m-5 {
  margin: 1.25rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.m-6 {
  margin: 1.5rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.m-7 {
  margin: 1.75rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mr-7 {
  margin-right: 1.75rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.ml-7 {
  margin-left: 1.75rem;
}

.my-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.m-8 {
  margin: 2rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-8 {
  margin-left: 2rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.m-9 {
  margin: 2.25rem;
}

.mt-9 {
  margin-top: 2.25rem;
}

.mr-9 {
  margin-right: 2.25rem;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.ml-9 {
  margin-left: 2.25rem;
}

.my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.m-10 {
  margin: 2.5rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

/* Padding utilities */
.p-0 {
  padding: 0;
}

.pt-0 {
  padding-top: 0;
}

.pr-0 {
  padding-right: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.p-1 {
  padding: 0.25rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pl-4 {
  padding-left: 1rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.p-8 {
  padding: 2rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-8 {
  padding-left: 2rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.p-9 {
  padding: 2.25rem;
}

.pt-9 {
  padding-top: 2.25rem;
}

.pr-9 {
  padding-right: 2.25rem;
}

.pb-9 {
  padding-bottom: 2.25rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.p-10 {
  padding: 2.5rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.w-full {
  width: 100%;
}