@charset "utf-8";
/* CSS Document */

.main {background: url("/common/images/company/mainBg.png") center bottom no-repeat; height: 250px;}
.companyInfo h1 {text-align: center; margin: 5% auto; letter-spacing: 0.05em;}
.companyInfo dl {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-around; justify-content: space-around;}
.data {width: 800px; margin: 0 auto;}
.data dl {width: 100%; padding: 1em; box-sizing: border-box; margin: 0 auto; border-bottom: 1px solid #e6e2e1;}
/*.data dl:nth-of-type(2n-1) {background: #fffcf7;}*/
.data dt {border-left: 7px solid #e6e2e1; line-height: 1; padding: 5px 0 5px 1.2em; width: 160px; box-sizing: border-box;}
.data dd {margin: 0 auto; text-align: left; width: 550px; font-weight: 400; letter-spacing: 0.03em;}
.data dd p {margin: 1% auto;}
.data .address p {margin-bottom: 3%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; flex-wrap: wrap;}
.data dd span {display: block;}
.data dd .bg_grn {font-size: .8em; line-height: 1; padding: .3em 1em .5em; border-radius: 3px; margin-bottom: .5em; width: 55px;}
.data dd span:not(.bg_grn) {width: 100%;}
.companyInfo {margin-bottom: 5%;}

.policy h1 {margin: 5% auto; text-align: center;}
.policy .block {width: 900px; margin: 0 auto 10%;}

.policy .block .policy-detail {margin: 0 auto; padding: 3%; box-sizing: border-box; font-weight: 400;}

.policy .block .policy-detail li {margin-bottom: 0.8em;}

.policy .block .policy-corp {width: 100%; display: flex; justify-content: flex-end; font-weight: 400;}

.policy .block .policy-corp ul {margin: 0;}

.policy h2 {font-size: 18px;}
.policy dl {margin: 0 auto; padding: 3%; border-bottom: 1px solid #dfdfdf; box-sizing: border-box;}
.policy dd {margin: 3% auto 0; font-weight: 400;}
.policy ol {list-style: decimal inside; padding: 0 1em; box-sizing: border-box; }
.policy ol li {margin: 1% auto;}
.policy ul {margin-top: 3%;
    margin-bottom: 3%;}

.block-indent-1 {
    padding-left: 1em;
    display: block;
}

.block-indent-2 {
    padding-left: 3em;
    display: block;
}

.policy ol.list-privacy-1 {
    list-style: decimal outside;
    margin-left: 1em;
    /* list-style-position: outside; */
}

.policy ol.list-privacy-2 {
    list-style: none;
}

.policy ol.list-privacy-2 li {
    display: flex;
}

.policy ol.list-privacy-2 li p {
    margin: 0;
    padding: 0;
    width: 90%;
}

.policy ol.list-privacy-3 {
    list-style: none;
}

.policy ol.list-privacy-3 li div.list-privacy-3-flex {
    display: flex;
} 

.policy ol.list-privacy-3 li div.list-privacy-3-flex div + div {
    width: 80%;
}

.mgn_b20 {
    margin-bottom: 20px;
}

.mgn_t20 {
    margin-top: 20px;
}

.txt-policy-indent {
    text-indent: -1em;
}

.policy ul.list-document-1 {
    list-style: outside;
    margin-top: 0;
    margin-left: 2em;
}

.list-document-2 {
    margin-left: 1em;
}

.policy ul.list-document-3 {
    /* margin-left: 1em; */

    margin-top: 0;
    list-style: outside;
}

.policy dl.list-document-4 {
    border-bottom: none;
    padding: .4em;
}

.policy dl.list-document-4 dd {
    margin-top: .4em;
}

.ttl-privacy-bold {
    font-weight: bold;
    font-size: 1.1em;
}

/* Pマーク追加 */
.p_inquiry {display: flex; justify-content: space-between;}
.p_inquiry img {width: 100px; height: auto; padding: 15px 0 0 0;}
.p_inquiry ul {margin: 20px 0 0 0;}

.sitemap {margin: 4% auto;}
.sitemap .container {width: 800px}
.sitemap ul,.sitemap ul a {font-size: 16px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}
.sitemap dl {padding: 3% 0; border-bottom: 1px solid #e6e2e1; box-sizing: border-box;}
.sitemap dt {font-size: 18px; border-left: 10px solid #6c9f2f; padding: .1em .8em;}
.sitemap ul {-webkit-justify-content: flex-start; justify-content: flex-start; flex-wrap: wrap;}
.sitemap ul li {margin: 0 3% 3% 0;}
.sitemap ul a:before {content: "▶"; font-size: .5em; margin-right: 1em; color: #e6e2e1;}
.sitemap dd {margin: 3% 0 2% 3%;}
.sitemap a:hover,.sitemap a:hover:before {color: #6c9f2f;}
.sitemap a:hover {margin: 1px -1px -1px 1px;}



@media screen and (max-width: 896px) {
    .data,.data dd,.policy .block {width: 100%;}
    .sitemap .container{width: 95%;}
    .sitemap ul, .sitemap ul a{font-size: 2vw;}
    .policy .block .policy-corp {width: 100%; display: block; font-size: 14px; text-align: right;
        font-weight: 400;
    }
    .policy .block .policy-corp ul {margin: 1.5em 0 0 0;}
}
@media screen and (max-width: 600px) {
    .main .right {position: absolute; right: -10%;}
    .sitemap {margin-bottom: 10%;}
    .sitemap dl {padding: 3%; margin: 0 auto;}
    .sitemap dt {font-size: 3.5vw; margin-top: 1%;}
    .sitemap ul, .sitemap ul a{font-size: 3vw;}
    .sitemap ul {flex-wrap: wrap;}
    .sitemap ul li {width: 48%; box-sizing: border-box; margin: 1%;}
    .policy ol.list-privacy-3 li div.list-privacy-3-flex div + div {
        width: 80%;
    }
    .policy ol.list-privacy-2 li p {
        width: 80%;
    }
    /* Pマーク追加 */
    .p_inquiry {flex-direction: column;}   
    .p_inquiry img {display:block; margin: 0 auto;}
}
@media screen and (max-width: 480px) {
    .main .right {right: -15%;}
    .companyInfo dl {flex-wrap: wrap;}
    .data dt,.data dd {width: 100%;}
    .data dt {margin-bottom: 3%;}
    .policy h1 {margin-top: 10%; font-size: 1.4em;}
    .policy h2 {font-size: 1.2em;}
    .policy dl {padding: 5% 3%;}
    .sitemap dt {font-size: 4.5vw; border-left: 1.8vw solid #6c9f2f;}
    .policy ol.list-privacy-3 li div.list-privacy-3-flex div + div {
        width: 84%;
    }
    .policy ol.list-privacy-2 li p {
        width: 84%;
    }
}
@media screen and (max-width: 380px) {
    .sitemap ul li {width: 100%;}
    .sitemap ul, .sitemap ul a {font-size: 3.5vw;}
    .ttl-privacy-bold {
        /* font-weight: bold; */
        font-size: 1em;
    }
    .policy ol.list-privacy-3 li div.list-privacy-3-flex div + div {
        width: 77%;
    }
    .policy ol.list-privacy-2 li p {
        width: 77%;
    }
}

/*20260914_カスタマーハラスメントページ*/
.policy-list h2 {
  font-size: 16px;
  font-weight: bold;
  display: inline;
}

.policy-list p {
     font-size: 16px;
        font-weight: 400;
  margin: 8px 0 16px;
      letter-spacing: 0.1em;
     padding-left: 15px;
}

.bullet-list {
  list-style-type: disc;
  padding-left: 1.5em;  
  margin-top: 10px;
}

.bullet-list li {
  margin-bottom: 6px;  
   font-size: 16px;
    font-weight: 400;
}

.policy-corp ul li {
  margin-bottom: 0.8em;
}
.policy ol li {
    margin: 1% auto;
    margin-bottom: 0.8em;
}
.br-sp {
    display: block;
}
.br-pc {
    display: none;
}

@media screen and (min-width: 768px) {
 .br-sp {
        display: none;
    }
    .br-pc {
    display: block;
}
}

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

    .policy-list h2 {
  font-size: 14px;

}

    .policy-list p  {
        font-size: 12px;
       
    }
    .bullet-list li {
   font-size: 12px;
   
}
    .policy .block .policy-corp {
        width: 100%;
        display: block;
        font-size: 12px;
        text-align: right;
        font-weight: 400;
       

    }
}

.recruit-policy {
    font-weight: 400;
}

.recruit-policy p + p {
    margin-top: 1em;
}

.recruit-policy section {
    margin-top: 2.5em;
}

.recruit-policy h2 {
    font-weight: 700;
    margin-bottom: .5em;
}

.recruit-policy table {
    border: 1px solid #e6e2e1;
    width: 100%;
}

.recruit-policy table th {
    width: 20%;
    min-width: 70px;
    padding: 1em;
    border-right: 1px solid #e6e2e1;
    text-align: left;
}

.recruit-policy table td {
    padding: 1em;
}

.recruit-policy table tr:not(:last-child) th,
.recruit-policy table tr:not(:last-child) td {
    border-bottom: 1px solid #e6e2e1;
}