@import url('../css/company.css');
#main .mainPhoto img {
    object-position: 50% 46%;
}
.areaBox {
    margin-top: 87px;
}
.areaTitle {
    padding: 30px 61px 24px 81px;
}
.areaContent .subInner {
    max-width: 1380px;
    padding: 0 121px 0 15px;
}
.areaContent {
    padding: 83px 0 89px;
}
.mapList li {
    padding: 15px 0 18px 54px;
    position: relative;
}
.mapList li:first-child {
    padding-top: 0;
}
.mapList .listLink li::before {
    display: none;
}
.mapList li::before {
    content: "";
    position: absolute;
    display: block;
    background: url('../images/company/border-line.webp')center no-repeat;
    background-size: 100%;
    height: 4px;
    width: 100%;
    bottom: 0;
}
.mapList li:nth-child(n+3) {
    padding-top: 15px;
    padding-bottom: 17px;
}
.mapList .listTitle {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.45;
    padding-left: 24px;
    position: relative;
}
.mapList .listTitle::before {
    content: "";
    position: absolute;
    display: block;
    background: url('../images/company/red-dot.webp')center no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.mapList .mapLink {
    font-size: 16px;
    font-weight: 500;
    padding-left: 25px;
    margin-top: 6px;
    display: block;
    color: #333333;
}
.mapList .mapLink.linkIcon {
    position: relative;
    padding-right: 26px;
    width: fit-content;
    margin-top: 4.4px;
}
.mapList .mapLink.linkIcon::before {
    content: "";
    position: absolute;
    display: block;
    background: url('../images/sitemap/linkIcon.webp')center no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.mapList .listLink li {
    padding: 0;
}
.mapList .listTitle, 
.mapList .mapLink {
    margin-left: 53px;
}
.mapList .listLink li {
    display: flex;
}
.mapList .listLink li a {
    margin-top: 4px;
}
.mapList .listLink li a:not(:first-child) {
    margin-left: 13px;
}
.mapList .mapLink.titleLink {
    margin-left: 0;
    font-size: 20px;
    padding-left: 0;
    font-weight: 700;
    width: fit-content;
}
.mapList li:nth-child(n+7) {
    padding-top: 8px;
    padding-bottom: 13px;
}
@media(max-width:1680px) {
    .areaContent {
        padding-left: 200px;
        padding-right: 200px;
    }
}
@media (max-width: 1440px) {
    .areaContent {
        padding-left: 7vw;
        padding-right: 7vw;
    }
    .areaTitle {
        font-size: clamp(42px,4.1vw,66px);
    }
    .areaTitle::before {
        right: clamp(-91px, calc(-89px + (-2 * ((100vw - 1024px) / 416))), -89px);
    }
    .areaTitle::after {
        right: -88px;
    }
}
@media (max-width: 1024px) {
    .areaContent {
        padding-left: 3vw;
        padding-right: 3vw;
    }
    .areaContent .subInner {
        padding-right: 15px;
    }
    .areaTitle {
       /* font-size: clamp(32px, 4.1vw, 42px); */
       border-top-left-radius: 50px;
       border-top-right-radius: 50px;
       padding-left: 27px;
       padding-right: 29px;
       letter-spacing: 3px;
    }
    .areaTitle::before {
        right: clamp(-99px, calc(-89px + (-2 * ((100vw - 1024px) / 416))), -91px);
    }
    .areaContent .privacyList .listTxt,
    .areaContent .hookText {
        padding-left: 40px;
    }
    .mapList li {
        padding-left: 0;
    }
    .mapList .listTitle, .mapList .mapLink {
        margin-left: 30px;
    }
}
@media (min-width:769px) {
    .mapList .mapLink:hover {
        color: #FE0200;
        text-decoration: underline 1px #FE0200;
        text-underline-offset: 4px;
    }
}
@media (max-width:768px) {
    #main .mainPhoto img {
        object-position: 71% 50%;
    }
    .areaTitle {
        font-size: clamp(25px, 5.2vw, 35px);
        padding: 6.4px 117px 0px 27px;
        letter-spacing: 0;
        border-top-left-radius: 19px;
        border-top-right-radius: 22px;
        letter-spacing: 0;
    }
    .areaTitle::before {
        width: 45px;
        right: -46px;
    }
    .areaTitle::after {
        width: 45px;
        right: -45px;
    }
    .areaBox {
        margin-top: clamp(40px, 9.7vw, 75px);
    }
    .areaContent {
        padding-top: clamp(40px, 9.4vw, 75px);
        padding-bottom: 11.47vw;
        padding-left: 0;
        padding-right: 1vw;
    }
    .areaContent .subInner {
        padding-left: 0;
        padding-right: 0;
    }
    .mapList li {
        padding-left: 0;
        margin-left: 5.33vw;
        margin-right: 2.1vw;
        padding-bottom: 3.73vw;
    }
    .mapList li::before {
        background: url('../images/company/border-line-sp.webp')center no-repeat;
        background-size: 100%;
        width: 100%;
        height: 2px;
    }
    .mapList .listTitle, .mapList .mapLink {
        margin-left: 0;
    }
    .mapList .listTitle {
        font-size: clamp(18px,3.2vw,24px);
        padding-left: 4vw;
        margin-left: -7px;
        letter-spacing: -0.3px;
    }
    .mapList .listTitle::before {
        width: clamp(10px,2vw,14px);
        height: clamp(10px,2vw,14px);
    }
    .mapList .mapLink {
        font-size: clamp(13px,2.3vw,16px);
        padding-left: 0;
        letter-spacing: 0.3px;
        font-weight: 400;
    }
    .mapList .mapLink.linkIcon {
        padding-right: 25px;
        margin-top: 1.44vw;
    }
    .mapList .mapLink.linkIcon::before {
        width: clamp(13px,2.3vw,16px);
        height: clamp(13px,2.3vw,16px);
    }
    .mapList .mapLink.titleLink {
        letter-spacing: 0;
        font-size: clamp(18px, 3.2vw, 24px);
    }
    .mapList .listLink li {
        margin-left: 0;
    }
    .mapList .listLink li a:not(:first-child) {
        margin-left: 4.53vw;
    }
    .mapList li:nth-child(n+3) {
        padding-bottom: 3.52vw;
    }
    .mapList li:nth-child(n+7) {
        padding-top: 2.13vw ;
        padding-bottom: 2.93vw;
    }
    .mapList .listLink.listSp li{
        flex-direction: column;
    }
    .mapList .listLink.listSp li a {
        margin-left: 0;
    }
    
}
@media (max-width: 540px) {
    .areaBox {
        margin-top: clamp(29px, 7.7vw, 60px);
    }
}