@charset "utf-8";
@import "anime.css";

/*
------------
privacy.css
------------
*/

/* title_area */
#title_area::before {
    background-image: url(../../images/content/company/titleBg.webp);
}
@media only screen and (max-width: 768px) {
    #title_area::before {
        background-image: url(../../images/content/company/titleBgSP.webp);
    }
}
/* container_area */
#container_area {
    margin: 125px 0 0 0;
}
#container_area .inner {
    width: calc(100vw * 1100 / 1400);
    max-width: 1100px;
    margin: 0 auto;
}
#container_area .inner .item {
    counter-reset: section;
}
#container_area .inner .item:not(:first-child) {
    margin: 125px 0 0 0;
}
#container_area .inner .item h3 {
    font-size: 2.6rem;
    font-weight: 600;
    letter-spacing: 0.125em;
    line-height: 1.5;
    color: var(--accent_color);
}
#container_area .inner .item p.lead {
    margin: 30px 0 0 0;
    font-size: 1.6rem;
    letter-spacing: 0.125em;
    line-height: 1.5;
    font-weight: 500;
    word-break: break-all;
}
#container_area .inner .item a {
    color: var(--accent_color);
    transition: all .3s ease;
}
#container_area .inner .item a:hover {
    opacity: .6;
}
#container_area .inner .item article {
    margin: 45px 0 0 0;
    counter-increment: section_base;
}
#container_area .inner .item article:not(:nth-of-type(1)) {
    margin: 45px 0 0 0;
}
/* 個人情報保護方針 ウェブサイトにおける個人情報の取扱いについて*/
#container_area .inner .item:nth-child(1) article h4,
#container_area .inner .item:nth-child(2) article h4 {
    font-size: 1.8rem;
    letter-spacing: 0.125em;
    line-height: 1.5;
    font-weight: 500;
    border-bottom: 1px solid var(--main_font_color);
    padding: 0 0 5px 0;
    display: inline-block;
    position: relative;
    padding: 0 0 0 1.5em;
}
#container_area .inner .item:nth-child(1) article h4::before,
#container_area .inner .item:nth-child(2) article h4::before {
    content: counter(section_base) ".";
    position: absolute;
    top: 0;
    left: 0;
}
#container_area .inner .item article .element {
    margin: 20px 0 0 0;
}
#container_area .inner .item article .element p,
#container_area .inner .item article .element ul li,
#container_area .inner .item article .element h5,
#container_area .inner .item article .element h6 {
    font-size: 1.6rem;
    letter-spacing: 0.125em;
    line-height: 1.5;
    font-weight: 500;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(2) .element .list_type01 {
    counter-reset: section_type01;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(2) .element .list_type01 li h5 {
    counter-increment: section_type01;
    position: relative;
    padding: 0 0 0 3em;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(2) .element .list_type01 li h5::before {
    content: "（" counter(section_type01) "）";
    position: absolute;
    top: 0;
    left: 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(2) .element .list_type01 li:not(:first-child) {
    margin: 10px 0 0 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(2) .element .list_type02 {
    counter-reset: section_type02;
    padding: 0 0 0 3em;
    margin: 10px 0 0 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(2) .element .list_type02 li h6 {
    counter-increment: section_type02;
    position: relative;
    padding: 0 0 0 1.5em;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(2) .element .list_type02 li h6::before {
    content: counter(section_type02) ".";
    position: absolute;
    top: 0;
    left: 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(2) .element .list_type02 li:not(:first-child) {
    margin: 5px 0 0 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(2) .element .list_type03 {
    counter-reset: section_type03;
    padding: 0 0 0 1.5em;
    margin: 10px 0 0 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(2) .element .list_type03 li {
    counter-increment: section_type03;
    position: relative;
    padding: 0 0 0 2em;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(2) .element .list_type03 li::before {
    content: "(" counter(section_type03, lower-alpha) ") ";
    position: absolute;
    top: 0;
    left: 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(2) .element .list_type03 li:not(:first-child) {
    margin: 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(3) .element .list_type01 {
    counter-reset: section_type01;
    margin: 10px 0 0 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(3) .element .list_type01 li h5 {
    counter-increment: section_type01;
    position: relative;
    padding: 0 0 0 1.5em;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(3) .element .list_type01 li h5::before {
    content: counter(section_type01) ".";
    position: absolute;
    top: 0;
    left: 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(3) .element .list_type01 li:not(:first-child) {
    margin: 10px 0 0 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(3) .element .list_type02 {
    counter-reset: section_type03;
    padding: 0 0 0 1.5em;
    margin: 10px 0 0 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(3) .element .list_type02 li {
    counter-increment: section_type03;
    position: relative;
    padding: 0 0 0 2em;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(3) .element .list_type02 li::before {
    content: "(" counter(section_type03, lower-alpha) ") ";
    position: absolute;
    top: 0;
    left: 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(3) .element .list_type02 li:not(:first-child) {
    margin: 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(4) .element .list_type01 {
    counter-reset: section_type01;
    margin: 10px 0 0 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(4) .element .list_type01 li h5 {
    counter-increment: section_type01;
    position: relative;
    padding: 0 0 0 3em;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(4) .element .list_type01 li h5::before {
    content: "（" counter(section_type01) "）";
    position: absolute;
    top: 0;
    left: 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(4) .element .list_type01 li:not(:first-child) {
    margin: 10px 0 0 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(4) .element .list_type02 {
    counter-reset: section_type02;
    padding: 0 0 0 3em;
    margin: 10px 0 0 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(4) .element .list_type02 li h6 {
    counter-increment: section_type02;
    position: relative;
    padding: 0 0 0 1.5em;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(4) .element .list_type02 li h6::before {
    content: counter(section_type02) ".";
    position: absolute;
    top: 0;
    left: 0;
}
#container_area .inner .item:nth-child(1) article:nth-of-type(4) .element .list_type02 li:not(:first-child) {
    margin: 5px 0 0 0;
}
#container_area .inner .item:nth-child(1) article .contact_info {
    margin: 25px 0 0 0;
}
#container_area .inner .item:nth-child(1) article .contact_info .box:not(:first-child) {
    margin: 45px 0 0 0;
}
#container_area .inner .item:nth-child(1) article .contact_info .box h5 {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.125em;
    position: relative;
    padding: 0 0 0 1.5em;
}
#container_area .inner .item:nth-child(1) article .contact_info .box h5::before {
    content: "";
    width: 0.8em;
    height: 0.8em;
    background-color: var(--main_font_color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
#container_area .inner .item:nth-child(1) article .contact_info .box dl {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.125em;
    line-height: 1.5;
    margin: 10px 0 0 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#container_area .inner .item:nth-child(1) article .contact_info .box dl dt {
    width: 10em;
    font-weight: 500;
    background-color: #f2f2f2;
    padding: 5px 10px;
}
#container_area .inner .item:nth-child(1) article .contact_info .box dl dd {
    width: calc(100% - 10em);
    padding: 5px 10px;
}
#container_area .inner .item:nth-child(1) article .contact_info .box dl dt:not(:nth-of-type(1)),
#container_area .inner .item:nth-child(1) article .contact_info .box dl dd:not(:nth-of-type(1)) {
    margin: 5px 0 0 0;
}
#container_area .inner .item:nth-child(1) article .contact_info .box dl dd sup {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.5;
    color: #666;
    display: inline-block;
    padding: 0 0 0 3px;
}
#container_area .inner .item:nth-child(1) article .contact_info .box span.note {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.5;
    color: #666;
    display: inline-block;
    margin: 10px 0 0 0;
}
/* クッキー(Cookie) 情報の取扱いについて */
#container_area .inner .item:nth-child(3) article .element .list_type01 {
    counter-reset: section_type01;
}
#container_area .inner .item:nth-child(3) article .element .list_type01 li p:nth-of-type(1) {
    font-size: 1.6rem;
    letter-spacing: 0.125em;
    line-height: 1.5;
    font-weight: 500;
    counter-increment: section_type01;
    position: relative;
    padding: 0 0 0 3em;
}
#container_area .inner .item:nth-child(3) article .element .list_type01 li p:nth-of-type(1)::before {
    content: "（" counter(section_type01) "）";
    position: absolute;
    top: 0;
    left: 0;
}
#container_area .inner .item:nth-child(3) article .element .list_type01 li:not(:first-child) {
    margin: 10px 0 0 0;
}
#container_area .inner .item:nth-child(3) article .element .list_type02 {
    counter-reset: section_type02;
    padding: 0 0 0 3em;
    margin: 10px 0 0 0;
}
#container_area .inner .item:nth-child(3) article .element .list_type02 li {
    font-size: 1.6rem;
    letter-spacing: 0.125em;
    line-height: 1.5;
    font-weight: 500;
    counter-increment: section_type02;
    position: relative;
    padding: 0 0 0 1.5em;
}
#container_area .inner .item:nth-child(3) article .element .list_type02 li::before {
    content: counter(section_type02) ".";
    position: absolute;
    top: 0;
    left: 0;
}
#container_area .inner .item:nth-child(3) article .element .list_type02 li:not(:first-child) {
    margin: 0;
}
#container_area .inner .item:nth-child(3) article .element li table {
    width: calc(100% - 3em);
    margin: 10px 0 0 auto;
    border-right: 1px solid var(--main_font_color);
}
#container_area .inner .item:nth-child(3) article .element li table tr th:nth-of-type(1) {
    width: 200px;
}
#container_area .inner .item:nth-child(3) article .element li table tr th:nth-of-type(2) {
    width: calc((100% - 200px) / 2);
}
#container_area .inner .item:nth-child(3) article .element li table tr th:nth-of-type(3) {
    width: calc((100% - 200px) / 2);
}
#container_area .inner .item:nth-child(3) article .element li table tr th {
    background-color: #f2f2f2;
    text-align: left;
    border-left: 1px solid var(--main_font_color);
    border-top: 1px solid var(--main_font_color);
    padding: 20px;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0.075em;
    line-height: 1.5;
}
#container_area .inner .item:nth-child(3) article .element li table tr td {
    border-left: 1px solid var(--main_font_color);
    border-top: 1px solid var(--main_font_color);
    border-bottom: 1px solid var(--main_font_color);
    padding: 20px;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0.075em;
    line-height: 1.5;
}
#container_area .inner .item:nth-child(3) article .element li table tr td ul li {
    position: relative;
    padding: 0 0 0 1.5em
}
#container_area .inner .item:nth-child(3) article .element li table tr td ul li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
}
#container_area .inner .item:nth-child(3) article .element li p:not(:nth-of-type(1)) {
    margin: 10px 0 0 0;
    padding: 0 0 0 3em;
}

#container_area .inner .item:nth-child(3) article .element li .contact_info {
    margin: 25px 0 0 0;
    padding: 0 0 0 3em;
}
#container_area .inner .item:nth-child(3) article .element li .contact_info .box:not(:first-child) {
    margin: 45px 0 0 0;
}
#container_area .inner .item:nth-child(3) article .element li .contact_info .box h5 {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.125em;
    position: relative;
    padding: 0 0 0 1.5em;
}
#container_area .inner .item:nth-child(3) article .element li .contact_info .box h5::before {
    content: "";
    width: 0.8em;
    height: 0.8em;
    background-color: var(--main_font_color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
#container_area .inner .item:nth-child(3) article .element li .contact_info .box dl {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.125em;
    line-height: 1.5;
    margin: 10px 0 0 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#container_area .inner .item:nth-child(3) article .element li .contact_info .box dl dt {
    width: 10em;
    font-weight: 500;
    background-color: #f2f2f2;
    padding: 5px 10px;
}
#container_area .inner .item:nth-child(3) article .element li .contact_info .box dl dd {
    width: calc(100% - 10em);
    padding: 5px 10px;
}
#container_area .inner .item:nth-child(3) article .element li .contact_info .box dl dt:not(:nth-of-type(1)),
#container_area .inner .item:nth-child(3) article .element li .contact_info .box dl dd:not(:nth-of-type(1)) {
    margin: 5px 0 0 0;
}
#container_area .inner .item:nth-child(3) article .element li .contact_info .box dl dd sup {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.5;
    color: #666;
    display: inline-block;
    padding: 0 0 0 3px;
}
#container_area .inner .item:nth-child(3) article .element li .contact_info .box span.note {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.5;
    color: #666;
    display: inline-block;
    margin: 10px 0 0 0;
}
#container_area .inner .item:nth-child(5) {
    margin: 65px 0 0 0;
}
#container_area .inner .item:nth-child(5) p {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.5;
}
@media only screen and (max-width: 768px) {
    #container_area {
        margin: 65px 0 0 0;
    }
    #container_area .inner {
        width: 85vw;
        max-width: 85vw;
    }
    #container_area .inner .item:not(:first-child) {
        margin: 65px 0 0 0;
    }
    #container_area .inner .item h3 {
        font-size: 2rem;
    }
    #container_area .inner .item p.lead {
        margin: 15px 0 0 0;
    }
    #container_area .inner .item a {
        transition: none;
    }
    #container_area .inner .item a:hover {
        opacity: 1;
    }
    #container_area .inner .item article {
        margin: 25px 0 0 0;
    }
    #container_area .inner .item article:not(:nth-of-type(1)) {
        margin: 25px 0 0 0;
    }
    /* 個人情報保護方針 ウェブサイトにおける個人情報の取扱いについて*/
    #container_area .inner .item:nth-child(1) article h4,
    #container_area .inner .item:nth-child(2) article h4 {
        font-size: 1.6rem;
    }
    #container_area .inner .item article .element {
        margin: 10px 0 0 0;
    }
    #container_area .inner .item:nth-child(1) article:nth-of-type(2) .element .list_type02 {
        padding: 0 0 0 1em;
    }
    #container_area .inner .item:nth-child(1) article:nth-of-type(2) .element .list_type03 {
        padding: 0 0 0 1em;
    }
    #container_area .inner .item:nth-child(1) article .contact_info {
        margin: 20px 0 0 0;
    }
    #container_area .inner .item:nth-child(1) article .contact_info .box:not(:first-child) {
        margin: 30px 0 0 0;
    }
    #container_area .inner .item:nth-child(1) article .contact_info .box h5::before {
        top: 0.4em;
        transform: translateY(0%);
    }
    #container_area .inner .item:nth-child(1) article .contact_info .box dl {
       display: block;
    }
    #container_area .inner .item:nth-child(1) article .contact_info .box dl dt {
        width: 100%;
    }
    #container_area .inner .item:nth-child(1) article .contact_info .box dl dd {
        width: 100%;
        padding: 0 10px;
        margin: 10px 0 0 0;
    }
    #container_area .inner .item:nth-child(1) article .contact_info .box dl dt:not(:nth-of-type(1)),
    #container_area .inner .item:nth-child(1) article .contact_info .box dl dd:not(:nth-of-type(1)) {
        margin: 10px 0 0 0;
    }
    #container_area .inner .item:nth-child(1) article .contact_info .box span.note {
        padding: 0 10px;
    }
    /* クッキー(Cookie) 情報の取扱いについて */
    #container_area .inner .item:nth-child(3) article .element .list_type02 {
        padding: 0 0 0 1em;
    }
    #container_area .inner .item:nth-child(3) article .element li table {
        width: 1000px;
        margin: 10px 0 0 0;
    }
    #container_area .inner .item:nth-child(3) article .element li p:not(:nth-of-type(1)) {
        padding: 0 0 0 1em;
    }
    #container_area .inner .item:nth-child(3) article .element li .table_area {
        overflow-x: auto;
    }
    #container_area .inner .item:nth-child(3) article .element li .contact_info {
        margin: 25px 0 0 0;
        padding: 0 0 0 1em;
    }
    #container_area .inner .item:nth-child(3) article .element li .contact_info .box:not(:first-child) {
        margin: 30px 0 0 0;
    }
    #container_area .inner .item:nth-child(3) article .element li .contact_info .box h5::before {
        top: 0.4em;
        transform: translateY(0);
    }
    #container_area .inner .item:nth-child(3) article .element li .contact_info .box dl {
        display: block;
    }
    #container_area .inner .item:nth-child(3) article .element li .contact_info .box dl dt {
        width: 100%;
    }
    #container_area .inner .item:nth-child(3) article .element li .contact_info .box dl dd {
        width: 100%;
        padding: 0 10px;
        margin: 10px 0 0 0;
    }
    #container_area .inner .item:nth-child(3) article .element li .contact_info .box dl dt:not(:nth-of-type(1)),
    #container_area .inner .item:nth-child(3) article .element li .contact_info .box dl dd:not(:nth-of-type(1)) {
        margin: 10px 0 0 0;
    }
    #container_area .inner .item:nth-child(3) article .element li .contact_info .box span.note {
        padding: 0 10px;
    }
    #container_area .inner .item:nth-child(5) {
        margin: 45px 0 0 0;
    }
}