@charset "UTF-8";

/* =========================
 TOP mainvl
========================= */

.top-page .mainvl {
    position: relative;
}

.top-page .mainvl .logo a {
    position: absolute;
    top: 20px;
    left: 30px;
    width: 220px;
    transition: all 0.3s;
    z-index: 1;
}

.top-page .mainvl .logo a:hover {
    opacity: 0.7;
}

.top-page .catch-wrap {
    position: absolute;
    bottom: 50px;
    left: 80px;
    z-index: 1;
}

.top-page .catch-main p {
    width: fit-content;
    font-size: clamp(6.4rem, 6rem + 2vw, 9rem);
    font-weight: 500;
    font-style: italic;
    letter-spacing: 1.5px;
    margin-top: 14px;
    padding: 0 20px 0 10px;
}

.top-page .catch-main p:first-of-type {
    background: linear-gradient(135deg, rgba(230, 245, 255, 1) 0%, rgba(248, 252, 248, 1) 100%);
}

.top-page .catch-main p:nth-of-type(2) {
    background: linear-gradient(135deg, rgba(234, 247, 255, 1) 0%, rgba(248, 253, 251, 1) 100%);
}

.top-page .catch-main p:last-of-type {
    background: linear-gradient(135deg, rgba(239, 249, 255, 1) 0%, rgba(249, 253, 253, 1) 40%, rgba(250, 252, 237, 1) 100%);
}

.top-page .catch-sub {
    width: fit-content;
    font-size: clamp(1.6rem, 1.4rem + 1vw, 2.2rem);
    letter-spacing: 1.5px;
    background-color: #fff;
    margin-top: 30px;
    padding: 2px 10px 2px 20px;
}

.top-page .fv-menu {
    margin: 90px 30px 0;
    white-space: nowrap;
}

.top-page .fv-menu li {
    margin-top: 15px;
}

.top-page .fv-menu li a {
    font-size: clamp(1.4rem, 1.2rem + 0.3vw, 1.6rem);
    font-weight: 400;
    letter-spacing: 1px;
}

.top-page .fv-menu li.cont-link a {
    color: #C70067;
}

.top-page .fv-menu li.cont-link a:hover {
    opacity: 0.7;
}

.top-page .mainvl-cnt {
    display: flex;
}

.top-page .scroll-wrap-cover.mainvl {
    position: relative;
    height: auto;
    overflow: hidden;
    z-index: 0;
}

.top-page .scroll-wrap-cover.mainvl::before,
.top-page .scroll-wrap-cover.mainvl::after {
    position: absolute;
    top: 0;
    content: '';
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.top-page .scroll-wrap-cover.mainvl::before {
    left: 0;
    background-image: url(../images/mainvl-l.svg);
    background-position: left;
}

.top-page .scroll-wrap-cover.mainvl::after {
    right: 0;
    background-image: url(../images/mainvl-r.svg);
    background-position: right;
}

.top-page .scroll-wrap {
    width: 100%;
    overflow: hidden;
    margin-right: -137.5px;
}

.top-page .scroll-cont {
    width: 1344px;
    line-height: 0;
    margin-left: -137.5px;
}

/* =========================
 TOP intro
========================= */
.top-page .intro {
    position: relative;
    background: linear-gradient(135deg, rgba(230, 245, 255, 1) 0%, rgba(248, 253, 255, 1) 40%, rgba(250, 252, 237, 1) 100%);
    margin: 100px 0 100px 30px;
    padding: 100px 0;
}

.top-page .intro::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    content: '';
    width: 100%;
    height: calc(100% + 200px);
    background-image: url(../images/intro-r.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    pointer-events: none;
}

.top-page .intro h2 {
    font-size: clamp(2.3rem, 2rem + 0.8vw, 3.2rem);
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 2;
}

.top-page .intro-cnt {
    margin: 70px 0;
}

.top-page .intro-cnt p {
    font-size: clamp(1.6rem, 1.2rem + 0.7vw, 2rem);
    line-height: 2.2;
}

.top-page .intro-cnt p+p {
    margin-top: 30px;
}

.top-page .intro-img-wrap {
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translateY(-50%);
    max-width: 496px;
    width: 43%;
    height: 85%;
    z-index: 1;
}

.top-page .intro-img {
    position: relative;
    height: 100%;
}

.top-page .intro-img img {
    position: absolute;
}

.top-page .intro-img img:first-of-type {
    top: 0;
    right: 0;
    width: 69%;
}

.top-page .intro-img img:nth-of-type(2) {
    top: 18%;
    left: 0;
    max-width: 286px;
    min-width: 180px;
    width: 65%;
}

.top-page .intro-img img:nth-of-type(3) {
    bottom: 20%;
    right: 2%;
    max-width: 186px;
    min-width: 160px;
    width: 46%;
}

.top-page .intro-img img:last-of-type {
    bottom: 2%;
    left: 20%;
    max-width: 151px;
    width: 39%;
}

/* =========================
 TOP service
========================= */
.top-page .service {
    position: relative;
    margin: 120px 0;
}

.top-page .service .cnt-deco {
    position: absolute;
    pointer-events: none;
    z-index: -1;
}

.top-page .service .cnt-deco.--1 {
    top: 0;
    left: -10%;
    width: 600px;
    height: 600px;
}

.top-page .service .cnt-deco.--2 {
    bottom: -30%;
    right: -20%;
    width: 870px;
    height: 870px;
}

.top-page .service-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 50px;
}

.top-page .service-head .btn {
    margin-bottom: 20px;
}

.top-page .service-cnt,
.page-content.service .service-cnt {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 45px;
}

.top-page .service-cnt li,
.page-content.service .service-cnt li {
    width: 46.5%;
}

.top-page .service-cnt li a,
.page-content.service .service-cnt li a,
.page-content.service .by-industry .open-popup {
    position: relative;
    display: flex;
    align-items: end;
    width: 100%;
    aspect-ratio: 485 / 320;
    background-size: cover;
    background-position: center;
    padding: 30px;
    color: #fff;
    transition: all 0.3s;
}

.top-page .service-cnt li a:hover,
.page-content.service .service-cnt li a:hover {
    opacity: 0.7;
}

.top-page .service-cnt li.uni a,
.page-content.service .service-cnt li.uni a {
    background-image: url(../images/service-uni.png);
}

.top-page .service-cnt li.rental a,
.page-content.service .service-cnt li.rental a {
    background-image: url(../images/service-rental.png);
}

.top-page .service-cnt li.sales a,
.page-content.service .service-cnt li.sales a {
    background-image: url(../images/service-sales.png);
}

.top-page .service-cnt li.environ a,
.page-content.service .service-cnt li.environ a {
    background-image: url(../images/service-environ.png);
}

.top-page .service-cnt li.wstone a,
.page-content.service .service-cnt li.wstone a {
    background-image: url(../images/service-wstone.png);
}

.top-page .service-cnt li.steri a,
.page-content.service .service-cnt li.steri a {
    background-image: url(../images/service-steri.png);
    border: 1.5px solid #036EB8;
}

.top-page .service-cnt div::after,
.page-content.service .service-cnt div::after,
.page-content.service .by-industry .open-popup::after {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 18px;
    height: 16px;
    content: '';
    background-image: url(../images/arrow-r.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.top-page .service-cnt h3,
.page-content.service .service-cnt h3 {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.top-page .service-cnt h3 span,
.page-content.service .service-cnt h3 span,
.page-content.service .by-industry h3 {
    font-size: clamp(2.2rem, 1.9rem + 0.6vw, 2.7rem);
    font-weight: 500;
    letter-spacing: 1px;
}

.top-page .service-cnt h3 span.font-en,
.page-content.service .service-cnt h3 span.font-en {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}

.top-page .service-cnt p,
.page-content.service .service-cnt p {
    font-size: clamp(1.4rem, 1.2rem + 0.3vw, 1.6rem);
    margin-top: 15px;
}

/* =========================
 TOP recruit
========================= */
.top-page .recruit {
    background-color: #0C3388;
    background-position: right;
    color: #fff;
    padding: 120px 0;
    position: relative;
}

.top-page .recruit p.recruit-read {
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    margin: 50px 0 70px;
}

.top-page .recruit .btn a {
    background-color: #fff;
    color: #001E5F;
}

.top-page .recruit .btn a:hover {
    background-color: #C70067;
    color: #fff;
}

.top-page .scroll-wrap-cover-recruit {
    position: absolute;
    top: 0;
    right: 0;
    overflow-y: hidden;
    overflow-y: clip;
    height: stretch;
    height: intrinsic;
    pointer-events: none;
}

.top-page .scroll-wrap-cover.recruit {
    display: flex;
    gap: 15px;
    padding: 0;
    transform: rotate(15deg) translate(-44%, -1%);
}

.top-page .scroll-wrap-cover.recruit .scroll-wrap {
    margin: 0;
}

.top-page .scroll-wrap-cover.recruit .js-scrollList {
    display: flex;
    flex-direction: column;
}

.top-page .scroll-wrap-cover.recruit .scroll-cont {
    width: 205px;
    margin-left: 0;
}

/* =========================
 TOP news
========================= */
.top-page .news {
    position: relative;
    margin: 120px 0;
}

.top-page .news::before {
    position: absolute;
    top: -50%;
    left: -40%;
    content: '';
    width: 870px;
    height: 870px;
    background-image: url(../images/circle-blue.svg);
    background-size: cover;
    pointer-events: none;
    z-index: -1;
}

.top-page .news .wrapper {
    display: flex;
    gap: 70px;
}

.top-page .news-cnt {
    width: 100%;
}

.top-page .news-cnt .btn {
    width: fit-content;
    margin: 50px 0 0 auto;
}

/* =========================
 下層ページ 会社案内
========================= */
.page-content.company .read-ttl,
.page-content.recruit .read-ttl {
    border-left: 0;
    margin: 0;
    padding: 0;
}

.page-content.company .read {
    position: relative;
}

.page-content.company .read .btn {
    margin-top: 90px;
}

.page-content.company .read-cnt h3 {
    display: inline-block;
    font-size: clamp(2.1rem, 1.9rem + 0.5vw, 2.5rem);
    font-weight: 500;
    letter-spacing: 1.5px;
    color: #0C3388;
    background-color: #F7D8E8;
    padding: 2px 15px;
    margin: 0 0 50px;
}

.page-content.company .read-cnt h3.iso {
    display: flex;
    justify-content: space-between;
    font-family: "Noto Serif JP", serif;
    font-size: clamp(3.2rem, 2.8rem + 1vw, 4.2rem);
    background: linear-gradient(90deg, rgba(247, 216, 232, 1) 50%, rgba(247, 216, 232, 0) 100%);
    padding: 15px 0 15px 20px;
    align-items: center;
}

.page-content.company .read-cnt h3.iso span.small {
    display: block;
    font-size: clamp(1.8rem, 1.6rem + 1vw, 2.8rem);
    margin-bottom: -7px;
}

.page-content.company .read-cnt h3.iso p {
    font-size: clamp(1.3rem, 1.2rem + 0.2vw, 1.5rem);
}

.page-content.company .read-cnt h3.iso .iso-mark {
    line-height: 0;
}

.page-content.company .sustena-txt {
    position: absolute;
    bottom: 18%;
    left: 2%;
    pointer-events: none;
    z-index: -1;
}

.page-content.company .misson {
    background: linear-gradient(135deg, rgba(230, 249, 255, 1) 40%, rgba(250, 252, 237, 1) 100%);
    margin: 90px 50px 120px;
    padding: 70px 0;
}

.page-content.company .misson .wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

.page-content.company .misson-ttl::before {
    display: block;
    content: '';
    width: 50px;
    height: 3px;
    background-color: #C70067;
    margin-bottom: 30px;
}

.page-content.company .misson-ttl p {
    color: #0C3388;
    padding-left: 20px;
}

.page-content.company .misson-ttl p.font-en {
    font-size: clamp(3.2rem, 2.7rem + 2vw, 4.2rem);
    font-weight: 500;
    letter-spacing: 1.5px;
}

.page-content.company .misson .read-cnt h3 {
    font-size: clamp(2.1rem, 1.9rem + 0.6vw, 2.5rem);
    background-color: #fff;
    padding: 2px 10px;
    margin: 0 0 30px;
}

.page-content.company .misson .read-cnt .txt-pink {
    font-size: clamp(2.3rem, 1.7rem + 2vw, 3rem);
    font-weight: 600;
}

.page-content.company .message-cnt {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.page-content.company .profile {
    min-width: 270px;
}

.page-content.company .profile .name {
    letter-spacing: 1px;
    text-align: center;
}

.page-content.company .profile .name .large {
    font-size: clamp(1.9rem, 1.8rem + 0.5vw, 2.1rem);
    margin-left: 10px;
}

.page-content.company .overview-wrap,
.page-content.company .history-wrap {
    background-color: #F3F4FA;
    padding: 30px 50px;
    margin: 70px 0 0;
}

.overview-cnt>div {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ADBAD8;
}

.overview-cnt dt,
.overview-cnt dd {
    padding: 25px;
}

.overview-cnt dt {
    width: 18%;
    text-align: center;
    white-space: nowrap;
}

.overview-cnt dd {
    width: 82%;
}

.overview-cnt ul {
    margin-left: 30px;
}

.location {
    display: inline-block;
    margin-right: 10px;
}

.googlemap {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #C70067;
    border: 1px solid #C70067;
    padding: 0 6px 2px;
    transition: all 0.3s;
    white-space: nowrap;
}

.googlemap:hover {
    opacity: 0.7;
}

.googlemap::after {
    display: inline-block;
    content: '';
    width: 13px;
    height: 10px;
    background-image: url(../images/link-gaibu.svg);
    background-size: cover;
    margin-left: 4px;
}

.page-content.company .history-inner {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.page-content.company .history-cnt:first-of-type {
    width: 47%;
}

.page-content.company .history-cnt:last-of-type {
    width: 53%;
}

.page-content.company .history-cnt>div {
    position: relative;
    display: flex;
    align-items: center;
}

.page-content.company .history-cnt>div.ul-disc {
    align-items: baseline !important;
}

.page-content.company .history-cnt>div+div {
    padding-top: 15px;
}

.page-content.company .history-cnt>div::after {
    position: absolute;
    top: 0;
    left: 73px;
    display: inline-block;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #B3BED8;
}

.page-content.company .history-cnt:first-of-type>div::after {
    top: 10px;
}

.page-content.company .history-cnt:first-of-type>div:last-of-type::after {
    height: calc(100% - 10px);
}

.page-content.company .history-cnt>div dt {
    position: relative;
    font-size: clamp(2.1rem, 1.9rem + 0.5vw, 2.5rem);
    min-width: 80px;
                align-self: flex-start;
}

.page-content.company .history-cnt>div dt::after {
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    content: '';
    width: 10px;
    height: 10px;
    border: 1.5px solid #B3BED8;
    background-color: #fff;
    border-radius: 10px;
    z-index: 1;
}

.page-content.company .history-cnt:first-of-type>div:first-of-type dt::after {
    background-color: #B3BED8;
}

.page-content.company .history-cnt>div dd {
    margin-left: 20px;
            align-self: flex-start;
            padding-top: 0.25em;
}

.page-content.company .access {
    margin: 120px 0 0;
}

.page-content.company .access-wrap {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.page-content.company .access-cnt {
    width: 49%;
}

.page-content.company .access-cnt p {
    padding-left: 3em;
    text-indent: -3em;
    line-height: 0;
}

.page-content.company .access-cnt span.imp {
    font-size: clamp(2.1rem, 1.9rem + 0.5vw, 2.5rem);
    font-weight: 600;
    background: linear-gradient(transparent 70%, #F7D8E8 70%);
}

.page-content.company .access-map {
    width: 47%;
}

.page-content.company .access-cnt p+p {
    margin-top: 10px;
}

.page-content.company .access-cnt p::before {
    display: inline-block;
    content: '';
    width: 40px;
    height: 40px;
    vertical-align: middle;
}

.page-content.company .access-cnt p.bus::before {
    background-image: url(../images/access-bus.svg);
}

.page-content.company .access-cnt p.train::before {
    background-image: url(../images/access-train.svg);
}


/* =========================
 下層ページ サステナビリティ
========================= */
.page-content.sustaina .sustaina-wrap {
    margin: 0 0 120px;
}

.page-content.sustaina .sustaina-read {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.page-content.sustaina .sustaina-ttl dt {
    font-size: 3.2rem;
    color: #0C3388;
    letter-spacing: 1px;
    line-height: 1.4;
    margin-bottom: 30px;
}

.page-content.sustaina .sustaina-ttl dt span {
    font-size: 68%;
}

.page-content.sustaina .sustaina-img {
    max-width: 360px;
    min-width: 260px;
    width: 40%;
}

.page-content.sustaina .sustaina-cnt {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    gap: 75px 24px;
    margin: 115px 0 0;
}

.page-content.sustaina .sustaina-cnt>div {
    width: 31%;
    background-color: #F7F8FB;
    border: 1px solid #C8D1E4;
    padding: 0 30px 30px;
}

.page-content.sustaina .sustaina-cnt>div dt {
    text-align: center;
    font-size: clamp(1.8rem, 1.6rem + 0.6vw, 2.1rem);
    margin: 20px 0 15px;
}

.page-content.sustaina .sustaina-cnt>div .sustaina-cnt-img {
    text-align: center;
    margin-top: -45px;
}

.page-content.sustaina .sustaina-cnt>div img {
    width: 110px;
}

.page-content.sustaina .sdgs-wrap.environ,
.page-content.sustaina .sdgs-wrap.bika,
.page-content.sustaina .sdgs-wrap.beach {
    position: relative;
}

.page-content.sustaina .cnt-deco {
    position: absolute;
    pointer-events: none;
    z-index: -1;
}

.page-content.sustaina .sdgs-wrap.environ .cnt-deco.--1 {
    bottom: -30%;
    right: -20%;
    width: 870px;
    height: 870px;
}

.page-content.sustaina .sdgs-wrap.bika .cnt-deco.--1 {
    bottom: 0;
    right: -30%;
    width: 600px;
    height: 600px;
}

.page-content.sustaina .sdgs-wrap.beach .cnt-deco.--1 {
    bottom: -10%;
    right: -25%;
    width: 870px;
    height: 870px;
}

.page-content.sustaina .sdgs-wrap.bika .sdgs-cnt,
.page-content.sustaina .sdgs-wrap.beach .sdgs-cnt {
    width: 60%;
}

.page-content.sustaina .sdgs-wrap.bika .sdgs-img,
.page-content.sustaina .sdgs-wrap.beach .sdgs-img {
    width: 34%;
}

/* =========================
 下層ページ 事業各種
========================= */
.page-content.service .point-cnt {
    background: linear-gradient(135deg, rgba(230, 249, 255, 1) 40%, rgba(250, 252, 237, 1) 100%);
    margin: 70px 0 90px;
    padding: 30px 20px;
    text-align: center;
}

.page-content.service .point-inner {
    display: flex;
    justify-content: space-between;
}

.page-content.service .point-inner div {
    width: 32%;
    padding: 20px 5px;
}

.page-content.service .point-inner div:nth-child(2) {
    border-left: 1px solid #C8D1E4;
    border-right: 1px solid #C8D1E4;
}

.page-content.service .point-inner div img {
    width: 110px;
}

.page-content.service .point-inner.environ div img {
    width: 75px;
}

.page-content.service .point-inner div dt {
    width: fit-content;
    font-size: 14px;
    background-color: #fff;
    letter-spacing: 1px;
    margin: 20px auto 10px;
    padding: 0 10px 2px 10px;
}

.page-content.service .point-inner dd {
    font-size: clamp(1.8rem, 1.6rem + 0.3vw, 2rem);
}

.page-content.service .uni-work-cnt {
    position: relative;
    text-align: center;
    background: linear-gradient(0deg, rgba(245, 204, 225, 1) 0%, rgba(253, 242, 248, 1) 100%);
    /* clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%, 0 50px); */
    padding: 40px 30px;
}

.page-content.service .uni-work-cnt::before,
.page-content.service .uni-work-cnt::after {
    position: absolute;
    width: 50px;
    height: 50px;
    content: '';
    background-image: url(../images/triangle-wh.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.page-content.service .uni-work-cnt::after {
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}

.page-content.service .uni-work-cnt::before {
    top: 0;
    left: 0;
}

.page-content.service .uni-work-cnt p {
    line-height: 1.75;
}

.page-content.service .uni-work-ttl {
    position: relative;
    display: inline-block;
    font-size: clamp(2.6rem, 2.4rem + 0.5vw, 3rem);
    font-weight: 500;
    letter-spacing: 1.5px;
    margin: 10px 0 35px;
}

.page-content.service .uni-work-ttl::before,
.page-content.service .uni-work-ttl::after {
    position: absolute;
    top: 50%;
    transform: translateY(-35%);
    display: inline-block;
    content: '';
    width: 26px;
    height: 50px;
    background-image: url(../images/dotted-line.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.page-content.service .uni-work-ttl::before {
    left: -31px;
}

.page-content.service .uni-work-ttl::after {
    right: -31px;
    transform: scaleX(-1) translateY(-35%);
}

.page-content.service .by-industry {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
}

.page-content.service .by-industry li {
    width: 30.5%;
}

.page-content.service .by-industry .open-popup {
    aspect-ratio: 1 / 1;
    cursor: pointer;
    transition: all 0.3s;
    padding: 30px 30px 20px;
}

.page-content.service .by-industry .open-popup:hover {
    opacity: 0.7;
}

.page-content.service .by-industry li.--sagyo .open-popup {
    background-image: url(../images/uni-work01.png);
}

.page-content.service .by-industry li.--service .open-popup {
    background-image: url(../images/uni-work02.png);
}

.page-content.service .by-industry li.--tokusyu .open-popup {
    background-image: url(../images/uni-work03.png);
}

.page-content.service .by-industry li.--anzen .open-popup {
    background-image: url(../images/uni-work04.png);
}

.page-content.service .by-industry li.--office .open-popup {
    background-image: url(../images/uni-work05.png);
}

.page-content.service .by-industry .popup-content::before,
.page-content.service .by-industry .popup-content::after {
    z-index: 0;
    pointer-events: none;
    width: 50%;
}

.page-content.service .by-industry .popup-inner {
    padding: 30px 50px 50px;
}

.page-content.service .by-industry .popup-inner h5 {
    display: inline-block;
    font-size: clamp(1.6rem, 1.4rem + 1vw, 2.2rem);
    font-weight: 500;
    color: #fff;
    background-color: #C70067;
    padding: 4px 30px 7px;
    margin-left: -50px;
}

.page-content.service .by-industry .popup-inner h4 {
    font-size: clamp(2.3rem, 2rem + 1vw, 3.2rem);
    font-weight: 600;
    letter-spacing: 1px;
    color: #0C3388;
    margin: 60px 0;
}

.page-content.service .by-industry .popup-inner .read-cnt {
    margin: 0 0 60px;
}

.page-content.service .sdgs-wrap.zisya {
    position: relative;
}

.page-content.service .cnt-deco {
    position: absolute;
    pointer-events: none;
    z-index: -1;
}

.page-content.service .cnt-deco.--1 {
    top: 0;
    right: 5%;
    width: 600px;
    height: 600px;
}

.page-content.service .cnt-deco.--2 {
    bottom: -40%;
    right: -40%;
    width: 870px;
    height: 870px;
}

.page-content.service .sales-care h3 {
    font-size: clamp(2.4rem, 2rem + 0.6vw, 2.7rem);
    font-weight: 500;
    list-style: 2;
}

.page-content.service .sales-care h3 span {
    display: inline-block;
    border-bottom: 2px dotted #001E5F;
    margin-bottom: 10px;
    padding-bottom: 3px;
}

.page-content.service .sales-care .read-cnt {
    margin: 40px 0 70px;
}

.page-content.service .sales-care-cnt {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    gap: 24px;
}

.page-content.service .sales-care-cnt li {
    position: relative;
    width: 31%;
    background-color: #F7F8FB;
    border: 1px solid #C8D1E4;
    padding: 45px 10px 20px 10px;
}

.page-content.service .sales-care-cnt li .sales-care-subttl {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    letter-spacing: 1px;
    background-color: #F7D8E8;
    padding: 6px 15px 8px;
}

.page-content.service .sales-care-cnt li dt {
    font-size: clamp(1.9rem, 1.7rem + 0.5vw, 2.3rem);
    text-align: center;
    letter-spacing: 1px;
    border-bottom: 1px dashed #B0BCD9;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.page-content.service .sales-care p.indent1em {
    margin-top: 30px;
}

.page-content.service .bring-cnt {
    display: flex;
    justify-content: space-between;
}

.page-content.service .bring-cnt .read-cnt {
    width: 60%;
}

.page-content.service .bring-cnt .bring-img {
    width: 36%;
    max-width: 360px;
}

/* =========================
 下層ページ レンタルユニフォーム事業
========================= */
.page-content.rental .rental-mv {
    line-height: 0;
    background-image: url(../images/rental-mv-bg.png);
    background-position: center;
    position: relative;
    z-index: 1;
}

.page-content.rental .rental-mv-img {
    margin: 66px auto 0;
    max-width: 1660px;
}

.scroll_down {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    color: #001E5F;
    font-size: clamp(1.4rem, 1.3rem + 0.2vw, 1.6rem);
    letter-spacing: 1px;
}

.scroll_down:before {
    position: absolute;
    top: calc(50% - 49px);
    left: calc(50% - 4px);
    transform: rotate(-45deg);
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border: 2px solid #001E5F;
    border-width: 0px 0 2px 2px;
    z-index: 1;
}

.scroll_down:after {
    position: absolute;
    width: 44px;
    height: 44px;
    content: "";
    border-radius: 100%;
    top: calc(50% - 64px);
    left: calc(50% - 21px);
    background-color: #00C8BF;
}

.scroll_down span::before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(50% - 62px);
    left: calc(50% - 19px);
    z-index: -1;
    border-radius: 100%;
    box-sizing: border-box;
    box-shadow: 0 0 0 0 #00C8BF;
    opacity: 0;
    animation: circle 3s infinite;
}

.page-content.rental .cnt-wrap {
    background-color: #D3EBEB;
    padding: 0 0 120px;
}

.page-content.rental .cnt-wrap::before,
.page-content.rental .cnt-wrap::after {
    display: none;
}

.page-content.rental .read.rental {
    position: relative;
    text-align: center;
    background-color: #fff;
}

.page-content.rental .read.rental,
.page-content.rental #work {
    background-image: url(../images/rental-bg.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 0 -50px;
}

.page-content.rental #work {
    background-image: url(../images/rental-bg-wh.svg);
    background-position: top -100px right -50px;
}

.page-content.rental .read.rental .wrapper {
    gap: 0;
}

.page-content.rental .read-wrap {
    position: relative;
    z-index: 2;
    padding: 120px 0;
}

.page-content.rental .read.rental h2 {
    font-size: clamp(3.5rem, 3rem + 1.5vw, 4.8rem);
    text-shadow: 0px 0px 8px rgba(255, 255, 255, 1);
}

.page-content.rental .read.rental h2 span {
    display: block;
    font-size: clamp(2.2rem, 1.7rem + 1.5vw, 3rem);
    margin-bottom: 30px;
}

.page-content.rental .read.rental .read-cnt {
    margin-top: 80px;
}

.page-content.rental .read.rental .read-cnt p {
    font-size: clamp(1.6rem, 1.4rem + 0.5vw, 1.8rem);
    font-weight: 600;
    line-height: 2;
    text-shadow: 0px 0px 8px rgba(255, 255, 255, 1);
}

.page-content.rental .btn-wrap.rental {
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: left;
    margin-top: 80px;
}

.page-content.rental .btn-wrap.rental a:hover {
    background-color: #00C8BF;
}

.page-content.rental .btn-wrap.rental div {
    margin: 0 auto;
}

.page-content.rental .btn-wrap.rental div.--row {
    display: flex;
    gap: 30px;
}

.page-content.rental .btn-wrap.rental .btn a::after {
    background-image: url(../images/arrow-b.svg);
    background-color: transparent;
    width: 13px;
    height: 8px;
    border-radius: 0;
}

.page-content.rental .btn-wrap.rental .btn a:hover::after {
    background-image: url(../images/arrow-b-wh.svg);
}

.page-content.rental .read.rental .read-img {
    z-index: 1;
}

.page-content.rental .read.rental .read-img img {
    position: absolute;
    z-index: -1;
}

.page-content.rental .read.rental .read-img img:first-of-type {
    top: 25%;
    right: 0;
    max-width: 339px;
    width: 29%;
}

.page-content.rental .read.rental .read-img img:nth-child(2) {
    top: 27%;
    left: 0;
    max-width: 212px;
    width: 18%;
}

.page-content.rental .read.rental .read-img img:last-of-type {
    top: 60%;
    left: 5%;
    max-width: 287px;
    width: 25%;
}

.page-content.rental .rental-ttl {
    position: relative;
    font-size: clamp(3.6rem, 3.4rem + 1.5vw, 5.4rem);
    letter-spacing: 2px;
    margin-left: 44px;
}

.page-content.rental .rental-ttl::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 68px;
    position: absolute;
    top: 50%;
    left: -44px;
    transform: translateY(-50%);
    background-image: url(../images/rental-ttl.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.page-content.rental .rental-ttl.--wh::before {
    background-image: url(../images/rental-ttl-wh.svg);
}

.page-content.rental #merit {
    position: relative;
    background-color: #00C8BF;
    padding: 120px 0;
    z-index: 1;
}

.page-content.rental .merit-cnt,
.page-content.rental .merit-support-cnt,
.page-content.rental .flow-cnt {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px 10px;
    margin-top: 160px;
}

.page-content.rental .merit-cnt::after {
    position: absolute;
    bottom: -167px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    content: url(../images/rental-merit-line.svg);
}

.page-content.rental .merit-cnt li,
.page-content.rental .merit-support-cnt li,
.page-content.rental .rental-work .rental-work-cnt-icon,
.page-content.rental .flow-cnt li {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 320px;
    height: 320px;
    background-color: #fff;
    border: 10px solid #66DED8;
    border-radius: 50%;
}

.page-content.rental .merit-cnt li:nth-child(2) {
    margin-top: -120px;
}

.page-content.rental .merit-cnt li:nth-child(5) {
    margin-top: 120px;
}

.page-content.rental .merit-cnt li::before,
.page-content.rental .flow-cnt li::before,
.page-content.rental .flow-cnt li::after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 84px;
    height: 57px;
    background-image: url(../images/rental-merit01.svg);
}

.page-content.rental .merit-cnt li:nth-child(2)::before {
    background-image: url(../images/rental-merit02.svg);
}

.page-content.rental .merit-cnt li:nth-child(3)::before {
    background-image: url(../images/rental-merit03.svg);
}

.page-content.rental .merit-cnt li:nth-child(4)::before {
    background-image: url(../images/rental-merit04.svg);
}

.page-content.rental .merit-cnt li:nth-child(5)::before {
    background-image: url(../images/rental-merit05.svg);
}

.page-content.rental .merit-cnt li:nth-child(6)::before {
    background-image: url(../images/rental-merit06.svg);
}

.page-content.rental .merit-icon,
.page-content.rental .merit-support-icon,
.page-content.rental .rental-work .rental-work-cnt-icon img,
.page-content.rental .flow-icon {
    max-width: 172px;
    margin: 0 auto;
    line-height: 0;
}

.page-content.rental .merit-cnt p,
.page-content.rental .flow-cnt p {
    text-align: center;
    font-size: clamp(1.8rem, 1.6rem + 1vw, 2.2rem);
    font-weight: 600;
    line-height: 1.2;
    margin-top: 10px;
}

.page-content.rental .merit-support {
    margin-top: 197px;
}

.page-content.rental .merit-support-ttl {
    text-align: center;
    font-size: clamp(3.2rem, 2.8rem + 1vw, 4.2rem);
    font-weight: 600;
    letter-spacing: 2px;
}

.page-content.rental .merit-support-ttl span {
    display: inline-block;
    border-bottom: 5px dotted #001E5F;
    margin-bottom: 10px;
    padding-bottom: 3px;
}

.page-content.rental .merit-support-ttl span.pcview {
    display: inline-block !important;
}

.page-content.rental .merit-support-cnt {
    margin-top: 120px;
}

.page-content.rental .merit-support-cnt li {
    width: 242px;
    height: 242px;
    margin: 0 3%;
}

.page-content.rental .merit-support-cnt li:nth-child(2) {
    margin-top: 100px;
}

.page-content.rental .merit-support-cnt li::before {
    position: absolute;
    content: '';
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../images/rental-merit01S.svg);
    width: 318px;
    height: 82px;
    background-size: contain;
    background-repeat: no-repeat;
}

.page-content.rental .merit-support-cnt li:nth-child(2)::before {
    background-image: url(../images/rental-merit02S.svg);
}

.page-content.rental .merit-support-cnt li:last-of-type::before {
    background-image: url(../images/rental-merit03S.svg);
}

.page-content.rental #work {
    position: relative;
    padding: 120px 0;
    background-color: #E8F5F5;
}

.page-content.rental .rental-work {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-top: 70px;
}

.page-content.rental .rental-work li {
    width: 23%;
}

.page-content.rental .rental-work .open-popup img {
    transition: all 0.3s;
}

.page-content.rental .rental-work .open-popup img:hover {
    opacity: 0.7;
}

.page-content.rental .rental-work li:nth-child(2),
.page-content.rental .rental-work li:last-of-type {
    margin-top: 50px;
}

.page-content.rental .rental-work h4 {
    font-size: clamp(3.2rem, 2.8rem + 1vw, 4.2rem);
    text-align: center;
    letter-spacing: 2px;
    margin-bottom: 50px;
}

.page-content.rental .rental-work .popup-content {
    background-color: #00C8BF;
    padding: 90px 55px;
}

.page-content.rental .rental-work .rental-work-cnt {
    text-align: center;
}

.page-content.rental .rental-work .rental-work-cnt li {
    width: 47%;
}

.page-content.rental .rental-work .rental-work-cnt li+li {
    margin-top: 50px;
}

.page-content.rental .rental-work .rental-work-cnt-icon {
    width: 230px;
    height: 230px;
    border: 10px solid #65DED9;
    background-color: #fff;
    margin: 0 auto -115px;
}

.page-content.rental .rental-work dl {
    border-top: 10px solid #65DED9;
    border-bottom: 10px solid #65DED9;
    background-color: #fff;
    padding: 130px 30px 30px 30px;
    font-weight: 600;
}

.page-content.rental .rental-work dt {
    font-size: clamp(1.8rem, 1.6rem + 1vw, 2.2rem);
}

.page-content.rental .rental-work dd {
    text-align: left;
    margin-top: 30px;
    letter-spacing: 1px;
    line-height: 1.75;
}

.page-content.rental #flow {
    position: relative;
    padding: 120px 0 0;
    background-color: #D3EBEB;
}

.page-content.rental .flow-cnt {
    margin-top: 105px;
    gap: 80px 40px;
    justify-content: left;
}

.page-content.rental .flow-cnt li {
    width: 225px;
    height: 225px;
    border-radius: 0;
    margin-top: 0;
    background-color: #00C8BF;
    border: 10px solid #7FDDD9;
    padding: 10px;
}

.page-content.rental .flow-cnt li::before {
    width: 93px;
    height: 93px;
    top: -35px;
    left: -30px;
    background-image: url(../images/rental-step01.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.page-content.rental .flow-cnt li:nth-child(2)::before {
    background-image: url(../images/rental-step02.svg);
}

.page-content.rental .flow-cnt li:nth-child(3)::before {
    background-image: url(../images/rental-step03.svg);
}

.page-content.rental .flow-cnt li:nth-child(4)::before {
    background-image: url(../images/rental-step04.svg);
}

.page-content.rental .flow-cnt li:nth-child(5)::before {
    background-image: url(../images/rental-step05.svg);
}

.page-content.rental .flow-cnt li:nth-child(6)::before {
    background-image: url(../images/rental-step06.svg);
}

.page-content.rental .flow-cnt li:nth-child(7)::before {
    background-image: url(../images/rental-step07.svg);
}

.page-content.rental .flow-cnt li::after {
    width: 27px;
    height: 24px;
    top: 50%;
    right: -47px;
    transform: translateY(-50%);
    background-image: url(../images/arrow-r02.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.page-content.rental .flow-cnt li:nth-child(4):after,
.page-content.rental .flow-cnt li:last-of-type:after {
    display: none;
}

.page-content.rental .flow-icon {
    width: 85%;
}

.page-content.rental .flow-cnt p {
    margin-top: 0;
}

@keyframes circle {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    60% {
        box-shadow: 0 0 0 40px rgba(255, 255, 255, .1);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/* =========================
 下層ページ 採用情報
========================= */
.page-content.recruit .cnt-wrap .read {
    position: relative;
}

.page-content.recruit .read .wrapper {
    flex-direction: column;
}

.page-content.recruit .read-cnt {
    margin-top: 20px;
}

.page-content.recruit .intro-img-wrap {
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translateY(-50%);
    max-width: 534px;
    width: 34%;
    height: 110%;
    z-index: 1;
}

.page-content.recruit .intro-img {
    position: relative;
    height: 100%;
}

.page-content.recruit .intro-img img {
    position: absolute;
}

.page-content.recruit .intro-img img:first-of-type {
    top: 0;
    right: 0;
    width: 49%;
    max-width: 222px;
    min-width: 126px;
}

.page-content.recruit .intro-img img:nth-child(2) {
    top: 15%;
    left: 5%;
    width: 63%;
    max-width: 305px;
    min-width: 172px;
    z-index: 1;
}

.page-content.recruit .intro-img img:last-of-type {
    bottom: 0;
    right: 5%;
    width: 58%;
    max-width: 273px;
    min-width: 153px;
}

.page-content.recruit .interview-wrap {
    margin: 80px 0;
}

.page-content.recruit .interview-wrap .btn {
    text-align: center;
    margin-top: 70px;
}

.page-content.recruit .interview-cnt {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.page-content.recruit .interview-cnt:nth-child(odd) {
    flex-direction: row-reverse;
}

.page-content.recruit .interview-cnt+.interview-cnt {
    margin-top: 70px;
}

.page-content.recruit .interview-img {
    position: relative;
    max-width: 385px;
}

.page-content.recruit .interview-img .cnt-deco {
    position: absolute;
    z-index: -1;
}

.page-content.recruit .interview-img .cnt-deco.--1 {
    bottom: -20%;
    right: 20%;
    width: 600px;
    height: 600px;
}

.page-content.recruit .interview-img .cnt-deco.--2 {
    top: 10%;
    left: -10%;
    width: 870px;
    height: 870px;
}

.page-content.recruit .interview-img .cnt-deco.--3 {
    top: 15%;
    right: 20%;
    width: 600px;
    height: 600px;
}

.page-content.recruit .interview-img .cnt-deco.--4 {
    top: 10%;
    left: 50%;
    width: 870px;
    height: 870px;
}

.page-content.recruit .interview-img .cnt-deco.--5 {
    top: 5%;
    right: -40%;
    width: 800px;
    height: 800px;
}

.page-content.recruit .interview-inner {
    width: 65%;
}

.page-content.recruit .interview-ttl {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 30px 0;
}

.page-content.recruit .interview-ttl p {
    font-size: clamp(2.6rem, 2.2rem + 1vw, 3.2rem);
    font-weight: 500;
    letter-spacing: 1px;
    padding: 10px 15px;
    width: fit-content;
    background: linear-gradient(135deg, rgba(230, 245, 255, 1) 0%, rgba(248, 253, 255, 1) 40%, rgba(250, 252, 237, 1) 80%);
}

.page-content.recruit .from,
.page-content.recruit .name {
    letter-spacing: 1px;
    margin-top: 5px;
}

.page-content.recruit .from span {
    font-size: 1.5rem;
    font-weight: 400;
}

.page-content.recruit .name span {
    font-size: clamp(2.1rem, 1.9rem + 0.5vw, 2.5rem);
    margin-right: 5px;
}

.page-content.recruit .interview-inner .read-cnt {
    border-top: 1px solid #B5C1DB;
    margin-top: 30px;
    padding-top: 30px;
}

.page-content.recruit .interview-video {
    background-color: #F3F4FA;
    padding: 50px;
    margin: 120px 0;
}

.page-content.recruit .interview-video .ttl-4 {
    margin: 0 0 40px 20px;
}

.page-content.recruit .interview-video p {
    text-align: center;
    margin-top: 20px;
}

.page-content.recruit .video-wrap {
    width: 85%;
    margin: 0 auto;
}

.page-content.recruit .video-wrap iframe {
    aspect-ratio: 16 / 9;
}

.s_02 .accordion_one {
    background-color: #F7F8FB;
    border: 1px solid #C8D1E4;
    padding: 30px;
}

.s_02 .accordion_one+.accordion_one {
    margin-top: 30px;
}

.s_02 .accordion_one .accordion_header {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 0 70px 0 30px;
    align-items: center;
    cursor: pointer;
}

/* .s_02 .accordion_one .accordion_header::after {
    position: absolute;
    right: 0;
    content: '';
    display: inline-block;
    width: 40px;
    height: 56px;
    background-image: url(../images/accordion-open.svg);
    transition: all 0.6s;
} */

.s_02 .accordion_one.kankyo .accordion_header,
.s_02 .accordion_one.syohin .accordion_header,
.s_02 .accordion_one.kikaku .accordion_header,
.s_02 .accordion_one.jimu .accordion_header {
    cursor: auto;
    padding: 0 0 0 30px;
}

.s_02 .accordion_one.kankyo .accordion_header::after,
.s_02 .accordion_one.syohin .accordion_header::after,
.s_02 .accordion_one.kikaku .accordion_header::after,
.s_02 .accordion_one.jimu .accordion_header::after {
    display: none;
}

.s_02 .accordion_one .accordion_header.open::after {
    background-image: url(../images/accordion-close.svg);
}

.s_02 .accordion_one .accordion_header dt {
    position: relative;
    font-size: clamp(1.8rem, 1.6rem + 0.5vw, 2.1rem);
    letter-spacing: 1px;
    min-width: 15em;
    padding-left: 76px;
}

.s_02 .accordion_one .accordion_header dt::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: inline-block;
    content: '';
    width: 66px;
    height: 66px;
}

.s_02 .accordion_one.eigyo .accordion_header dt::before {
    background-image: url(../images/rec-eigyo.svg);
}

.s_02 .accordion_one.kankyo .accordion_header dt::before {
    background-image: url(../images/rec-kankyo.svg);
}

.s_02 .accordion_one.syohin .accordion_header dt::before {
    background-image: url(../images/rec-syohin.svg);
}

.s_02 .accordion_one.kikaku .accordion_header dt::before {
    background-image: url(../images/rec-kikaku.svg);
}

.s_02 .accordion_one.jimu .accordion_header dt::before {
    background-image: url(../images/rec-jimu.svg);
}

.s_02 .accordion_one .accordion_header dd {
    line-height: 2;
}

.s_02 .accordion_one .accordion_inner {
    display: none;
    background-color: #fff;
    padding: 30px;
    margin: 30px 0 0 0;
}

.s_02 .accordion_one .accordion_inner .overview-cnt>div:first-child {
    border-top: 0;
}

.s_02 .accordion_one .accordion_inner .overview-cnt>div:first-child dt,
.s_02 .accordion_one .accordion_inner .overview-cnt>div:first-child dd {
    padding-top: 0;
}

.s_02 .accordion_one .accordion_inner .overview-cnt>div:last-child dt,
.s_02 .accordion_one .accordion_inner .overview-cnt>div:last-child dd {
    padding-bottom: 0;
}

.s_02 .accordion_one .accordion_inner .overview-cnt dt {
    width: 17%;
}

.s_02 .accordion_one .accordion_inner .overview-cnt dd {
    width: 83%;
}

/* =========================
 下層ページ お問い合わせ
========================= */
.page-content.contact .fax-wrap .reception p.font-en {
    font-size: 45px;
}

.page-content.contact .tel-wrap .reception p.font-en a {
    padding-left: 0;
}

.page-content.contact .tel-wrap .reception p.font-en a::before {
    display: none;
}

.page-content.contact .fax-wrap {
    margin: 70px 0;
}

.page-content.contact .tel-wrap .indent1em,
.page-content.contact .fax-wrap .indent1em {
    margin: 10px 0 25px;
}

/* =========================
 下層ページ 個人情報保護方針
========================= */
.page-content.privacy .privacy-wrap+.privacy-wrap {
    margin-top: 70px;
}

.page-content.privacy .privacy-wrap ul,
.page-content.privacy .privacy-wrap ol {
    margin: 20px 0 0 40px;
}

.page-content.privacy .privacy-wrap li {
    margin: 15px 0 0 0;
}

.page-content.privacy .privacy-wrap dl div {
    margin: 15px 0 0 0;
}

.page-content.privacy .privacy-wrap dl dt {
    font-weight: 700;
}

.page-content.privacy .privacy-cnt {
    margin-top: 40px;
}

.page-content.privacy .privacy-cnt.box {
    border: 1px dashed #001E5F;
    text-align: center;
    padding: 2em;
}

/* =========================
 下層ページ お知らせ
========================= */
.page-content.notice .news-ttl {
    font-size: clamp(2.9rem, 2.7rem + 0.5vw, 3.2rem);
    font-weight: 500;
    margin: 20px 0 20px;
}

.page-content.notice .news-cnt .btn {
    text-align: center;
    margin: 90px auto 0;
}

.page-content.notice .notice-wrap {
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px solid #001E5F;
}

.page-content.notice .notice-wrap h1,
.page-content.notice .notice-wrap h2,
.page-content.notice .notice-wrap h3,
.page-content.notice .notice-wrap h4,
.page-content.notice .notice-wrap h5,
.page-content.notice .notice-wrap h6,
.page-content.notice .notice-wrap p {
    margin: 20px 0;
}

.page-content.notice .notice-wrap h1 {
    font-size: clamp(2.4rem, 2.2rem + 0.5vw, 2.7rem);
}

.page-content.notice .notice-wrap h2 {
    font-size: clamp(2.3rem, 2.1rem + 0.5vw, 2.6rem);
}

.page-content.notice .notice-wrap h3 {
    font-size: clamp(2.2rem, 2rem + 0.5vw, 2.5rem);
}

.page-content.notice .notice-wrap h4 {
    font-size: clamp(2rem, 1.8rem + 0.5vw, 2.3rem);
}

.page-content.notice .notice-wrap h5 {
    font-size: clamp(1.9rem, 1.8rem + 0.5vw, 2.1rem);
}

.page-content.notice .notice-wrap h6 {
    font-size: clamp(1.7rem, 1.6rem + 0.2vw, 1.9rem);
}

.page-content.notice .notice-wrap a {
    color: #C70067;
    transition: all 0.6s;
}

.page-content.notice .notice-wrap a:hover {
    opacity: 0.7;
}