@charset "UTF-8";

/* ------------------------------
  company
------------------------------ */
#company .c-first .contents_inner {padding-bottom: 80px;}
#company .c-first .img {padding-bottom: 20px;}
#company .company_overview {position: relative;}
#company .company_overview::after {content: ""; position: absolute; right: 0; bottom: 0; width: 50%; height: 100%; background-color: #f2f2f2;}
#company .company_overview .contents_inner {position: relative; padding-bottom: 80px;}
#company .company_overview .contents_inner::after {content: ""; position: absolute; right: 0; bottom: 0; width: calc(100% - 100px); height: 100%; background-color: #f2f2f2;}
#company .company_overview .con-h3 {position: relative; z-index: 1;}
#company .company_overview .overview {position: relative; display: flex; flex-wrap: wrap; gap: 0 40px; z-index: 1;}
#company .company_overview .overview > li {display: flex; width: calc(50% - 20px);}
#company .company_overview .overview > li .ttl {display: flex; align-items: center; width: 120px; height: 100%; padding: 20px 0; border-bottom: 1px solid #242424;}
#company .company_overview .overview > li .ttl p {font-size: 1.6rem; font-weight: 700;}
#company .company_overview .overview > li .txt {display: flex; align-items: center; flex: 1; height: 100%; padding: 20px; border-bottom: 1px solid #e2e2e2;}
#company .company_map {position: relative; width: 100%; height: 0; padding-top: 32%; margin-top: 150px;}
#company .company_map iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}

#privacy {padding: 150px 0 140px;}
#privacy .privacy_contents {margin-top: 50px;}
#privacy .privacy_contents dt {position: relative; padding-left: 30px; margin-bottom: 15px; font-size: 2rem; font-weight: 700;}
#privacy .privacy_contents dt::before {content: ""; position: absolute; left: 0; top: 18px; width: 24px; height: 2px; background-color: #242424; transform: rotate(45deg);}
#privacy .privacy_contents dd + dt {margin-top: 50px;}
#privacy .privacy_contents dd ul {margin-left: 25px;}
#privacy .privacy_contents dd * + ul {margin-top: 1em;}
#privacy .privacy_contents dd ul > li {position: relative; padding-left: 20px; font-weight: 700;}
#privacy .privacy_contents dd ul > li::before {content: ""; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; border-radius: 2px; background-color: #242424;}
#privacy .privacy_contents dd ul > li + li {margin-top: 0.5em;}

@media (min-width: 768px) {
}
@media (max-width: 767px) {
  /* ------------------------------
    company
  ------------------------------ */
  #company .c-first .contents_inner {padding-bottom: 40px;}
  #company .c-first .img {padding-bottom: 0;}
  #company .company_overview .contents_inner::after {width: calc(100% - 50px);}
  #company .company_overview .overview > li {width: 100%;}
  #company .company_map {margin-top: 75px; padding-top: 64%;}

  #privacy {padding: 75px 0 70px;}
  #privacy .privacy_contents dt {padding-left: 25px; margin-bottom: 10px; font-size: 1.8rem;}
  #privacy .privacy_contents dt::before {top: 17px; width: 20px;}
  #privacy .privacy_contents dd + dt {margin-top: 30px;}
}