@charset "UTF-8";
/*====================================================*/
/* 会社案内　company */
/*====================================================*/
.company-philosophy {
    margin-top: 6.5rem;
    margin-bottom: 8rem;
}
.company-philosophy h2 {
    color: var(--blue);
    font-family: var(--font-Barlow);
    font-size: 5rem;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1;
}
.company-philosophy .catch {
    margin: 5rem 0 7rem;
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: normal;
}
.company-philosophy .catch p:first-of-type {
    margin-bottom: 2.75rem;
    font-size: 2.4rem;
}
.company-philosophy .catch span {
    color: var(--blue);
}
.catch-text {
    line-height: 1.7;
}
.catch-text p:last-of-type {
    margin-top: 6.5rem;
}
.company-philosophy img {
    display: block;
    width: min(18.4vw, 138px);
    margin-top: 6rem;
}

.history {
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
    background: var(--rightblue);
}
.history .title {
    margin-bottom: 3.5rem;
}
.timeline > li {
    padding-left: 2.3rem;
    padding-bottom: 3.8rem;
    border-left: 0.5px solid #1F1F1F;
}
.timeline > li:first-of-type {
    padding-top: 2.5rem;
}
.timeline > li:last-of-type {
    padding-bottom: 2.5rem;
}
.timeline > li dt {
    margin-bottom: 0.5em;
    color: var(--blue);
    font-weight: 300;
    position: relative;
}
.timeline > li dt:before {
    content: '';
    width: 11px;
    height: 11px;
    background: #fff;
    border: 1px solid var(--blue);
    border-radius: 30vh;
    position: absolute;
    top: 50%;
    left: -29px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.timeline > li dd {
    line-height: 1.6;
}

@media print,screen and (min-width: 1025px){
    .company-philosophy {
        margin-top: 11rem;
        margin-bottom: 13rem;
    }
    .company-philosophy h2 {
        font-size: 10rem;
    }
    .company-philosophy_flex {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: min(11vw, 175px);
        margin-top: 10rem;
        position: relative;
    }
    .company-philosophy .catch {
        margin: 0;
        font-size: 2.2rem;
        letter-spacing: 0.08em;
    }
    .company-philosophy .catch p:first-of-type {
        margin-bottom: 4rem;
        font-size: 3.6rem;
        line-height: 1;
    }
    .catch-text {
        line-height: 2;
    }
    .catch-text p:last-of-type {
        margin-top: 5.5rem;
    }
    .company-philosophy img {
        margin-top: 0;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .history {
        padding-top: 13rem;
        padding-bottom: 13rem;
    }
    .history .title {
        margin-bottom: 6.5rem;
        text-align: center;
    }
    .history .timeline {
        max-width: 420px;
        margin: auto;
    }
    .timeline > li {
        padding-left: 3.8rem;
        padding-bottom: 5.5rem;
        border-left-width: 1px;
    }
    .timeline > li:first-of-type {
        padding-top: 3.8rem;
    }
    .timeline > li:last-of-type {
        padding-bottom: 5rem;
    }
    .timeline > li dt:before {
        width: 16px;
        height: 16px;
        border-width: 2px;
        left: -46.5px;
    }
}


/*====================================================*/
/* 事業案内　service */
/*====================================================*/
.page-service .page-main {
    margin-top: 6.8rem;
}
.page-service .title {
    margin-left: calc( 50 * 100% / 750 );
    text-align: left;
}
.page-service .policy {
    margin-top: 3rem;
    margin-bottom: 5.5rem;
}
.page-service .policy dl {
    padding: 4.5rem 3rem;
    border-radius: 5px;
    border: 0.5px solid var(--blue);
}
.page-service .policy dl:first-of-type {
    margin-bottom: 1.4rem;
}
.page-service .policy dd {
    margin-bottom: 3rem;
    line-height: 1.7;
    letter-spacing: 0.025em;
}
.page-service .policy dt {
    color: var(--blue);
    font-family: var(--font-Barlow);
    font-size: 1.4rem;
    font-weight: normal;
    letter-spacing: normal;
}
.page-service .policy dt::before {
    content: "";
    display: inline-block;
    width: 2em;
    height: 0.5px;
    margin-right: 0.5em;
    background: currentColor;
    vertical-align: middle;
}

.page-service .service-list {
    padding-top: 5.4rem;
    padding-bottom: 5.7rem;
    background: var(--rightblue);
}
.page-service .service-list section:not(:last-of-type) {
    margin-bottom: 6rem;
}
.page-service .service-list section h3 {
    margin: 3rem 0 2.4rem;
    padding-bottom: 0.85em;
    color: var(--blue);
    font-size: 2rem;
    letter-spacing: 0.05em;
    position: relative;
}
.page-service .service-list section h3::after {
    content: "";
    display: block;
    width: 1.1em;
    height: 0.5px;
    background: var(--blue);
    position: absolute;
    left: 0;
    bottom: 0;
}
.page-service .service-list section p {
    line-height: 1.7;
}
.page-service .service-list .more-btn {
    width: 250px;
    margin: 3rem auto 0;
}
@media print,screen and (min-width: 1025px){
    .page-service .page-main {
        margin-top: 11.5rem;
    }
    .page-service .title {
        margin-left: calc( 135 * 100% / 1500 );
    }
    .page-service .policy {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 3.2rem;
        margin-top: 6.5rem;
        margin-bottom: 12rem;
    }
    .page-service .policy dl {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 8rem 5.5rem;
        border-radius: 10px;
        border-width: 1px;
    }
    .page-service .policy dl:first-of-type {
        margin-bottom: 0;
    }
    .page-service .policy dd {
        margin-bottom: 8rem;
        font-size: 1.8rem;
        line-height: 2.1;
    }
    .page-service .policy dt {
        font-size: 2.2rem;
    }
    .page-service .policy dt::before {
        width: 2.5em;
        height: 1px;
        margin-right: 1em;
    }

    .page-service .service-list {
        padding-top: 12rem;
        padding-bottom: 20rem;
    }
    .page-service .service-list section {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 3rem;
        align-items: center;
    }
    .page-service .service-list section:not(:last-of-type) {
        margin-bottom: 8.5rem;
    }
    .page-service .service-list section:not(:nth-of-type(2)) picture {
        grid-area: 1 / 2 / 2 / 3;
    }
    .page-service .service-list section picture img {
        width: 100%;
        height: 100%;
    }
    .page-service .service-list section:not(:nth-of-type(2)) > div {
        margin-right: min(2.6vw, 7rem);
    }
    .page-service .service-list section:nth-of-type(2) > div {
        margin-left: min(2.6vw, 7rem);
    }
    .page-service .service-list section h3 {
        margin: 0 0 3.5rem;
        padding-bottom: 0.85em;
        font-size: 3rem;
    }
    .page-service .service-list section h3::after {
        height: 1px;
    }
    .page-service .service-list .more-btn {
        width: auto;
        margin: 4.5rem 0 0;
    }
}


/*====================================================*/
/* 企業の方へ　service/company */
/*====================================================*/
.page-child-company .service {
    padding-top: 6rem;
}
.page-child-company .service h2 {
    margin-bottom: 5rem;
    font-size: 1.9rem;
    line-height: 1.6;
}
.page-child-company .service-point {
    border-top: 0.5px solid #E1E1E1;
    border-bottom: 0.5px solid #E1E1E1;
}
.page-child-company .service-point img {
    display: block;
    width: 100%;
}
.page-child-company .service-point-title {
    margin: 3rem 0 2rem;
    font-size: 1.7rem;
    letter-spacing: 0.025em;
}
.page-child-company .service-point-title span {
    display: inline-block;
    margin-right: 1.2rem;
    color: var(--blue);
    font-family: var(--font-Barlow);
    font-size: 4.3rem;
    font-weight: 500;
    letter-spacing: normal;
}
.page-child-company .service-point p:nth-of-type(2) {
    line-height: 1.7;
}
.page-child-company .service-point.one {
    padding-top: 3rem;
    padding-bottom: 3.5rem;
}
.page-child-company .service-point.two {
    padding-top: 3.8rem;
    padding-bottom: 4.2rem;
    margin-bottom: 5.5rem;
}
.page-child-company .service-check {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
    background: var(--rightblue);
}
.page-child-company .service-check-wrap {
    padding: 5.5rem 6vw;
    background: #fff;
}
.page-child-company .service-check-wrap p {
    margin-bottom: 4.5rem;
    font-size: 1.6rem;
    letter-spacing: 0.025em;
    line-height: 1.6;
    text-align: center;
}
.page-child-company .service-check-wrap ul li {
    text-indent: -1.5em;
    padding-left: 1.5em;
    letter-spacing: 0.025em;
    line-height: 1.6;
}
.page-child-company .service-check-wrap ul li::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    margin-bottom: 2px;
    background: url(../img/page/for-c-icon01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.page-child-company .service-check-wrap ul li:not(:last-of-type) {
    padding-bottom: 2rem;
    border-bottom: 0.5px dashed #E1E1E1;
}
.page-child-company .service-check-wrap ul li:not(:first-of-type) {
    margin-top: 2.5rem;
}

.page-child-company .achieve {
    margin-top: 5.4rem;
    margin-bottom: 5.7rem;
}
.page-child-company .achieve .title {
    margin-bottom: 3rem;
}
.page-child-company .achieve_con {
    padding: 2.7rem 6vw 3rem;
    border-radius: 5px;
    border: 0.5px solid var(--blue);
}
.page-child-company .achieve_con:not(:last-of-type) {
    margin-bottom: 1.5rem;
}
.page-child-company .achieve_con .circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 179px;
    height: 179px;
    margin: auto;
    background: var(--rightblue);
    border-radius: 30vh;
    text-align: center;
}
.page-child-company .achieve_con .circle p {
    color: var(--blue);
    font-size: 1.4rem;
    letter-spacing: 0.025em;
    line-height: 1;
}
.page-child-company .achieve_con .circle .year {
    font-size: 1.3rem;
}
.page-child-company .achieve_con .circle .numbers {
    display: block;
    margin: 5px 0;
    font-family: var(--font-Barlow);
    font-size: 4.5rem;
    font-weight: 500;
    letter-spacing: normal;
}
.page-child-company .achieve_con_title {
    margin: 2.7rem 0 1em;
    font-size: 1.7rem;
    letter-spacing: 0.025em;
}
.page-child-company .achieve_con_title + p {
    line-height: 1.7;
}

.page-child-company .case {
    padding-top: 6.7rem;
    padding-bottom: 6rem;
    background: var(--rightblue);
}
.page-child-company .case > p {
    margin: 3.5rem 0;
    line-height: 1.7;
}
.toggleItem {
    background: #fff;
    border-radius: 6px;
}
.toggleItem:not(:last-of-type) {
    margin-bottom: 7px;
}
.toggleItem .tlt {
	display: flex;
    align-items: center;
    justify-content: space-between;
    height: 7rem;
    padding: 0 4.6vw;
	cursor: pointer;
}
.tlt-title {
    display: flex;
    align-items: center;
}
.toggleItem .tlt img {
    display: block;
    width: 27.5px;
    margin-right: 1.5rem;
}
.toggleItem .tlt img + p {
    font-size: 1.6rem;
    font-weight: 300;
}
.toggleItem .tlt img + p span {
    display: block;
    margin-top: 0.5em;
    font-size: 1.2rem;
    text-indent: -0.5em;
}
.tlt-toggle {
    width: 1.7rem;
    height: 1.7rem;
    position: relative;
}
.tlt-toggle span {
    display: block;
    background-color: var(--blue);
    border-radius: 5px;
    position: absolute;
    transition: var(--transition);
}
.tlt-toggle span:first-of-type {
    width: 1px;
    height: 100%;
    top: 0;
    left: 8px;
}
.tlt-toggle span:last-of-type {
    width: 100%;
    height: 1px;
    top: 8px;
    left: 0;
}
.tlt-toggle.active span:first-of-type {
    transform: rotate(-90deg);
}
.tlt-toggle.active span:last-of-type {
    width: 0;
    height: 0;
}

.toggleItem .txtBox {
	display: none;
}
.txtBox {
    padding: 2rem 6vw 4rem;
}
.txtBox table {
    width: 100%;
}
.txtBox tr:not(:last-of-type) {
    border-bottom: 0.5px dashed #E1E1E1;
}
.txtBox th,
.txtBox td {
    display: block;
    font-size: 1.4rem;
    line-height: 1.48;
}
.txtBox th {
    padding: 1.5rem 0;
    font-weight: 300;
}
.txtBox tr:not(:last-of-type) td {
    padding-bottom: 2.8rem;
}


@media print,screen and (min-width: 1025px){
    .page-child-company .service {
        padding-top: 11rem;
    }
    .page-child-company .service h2 {
        margin-bottom: 10rem;
        font-size: 3.2rem;
        line-height: 1.7;
    }
    .page-child-company .service-point {
        display: grid;
        grid-template-columns: 0.7fr 1fr;
        grid-column-gap: 3rem;
        align-items: center;
        justify-content: space-between;
        border-top-width: 1px;
        border-bottom-width: 1px;
    }
    .page-child-company .service-point > div {
        padding-left: 4.5vw;
    }
    .page-child-company .service-point-title {
        margin: 0 0 4.5rem;
        font-size: 2.2rem;
        letter-spacing: 0.05em;
    }
    .page-child-company .service-point-title span {
        margin-right: 1.2rem;
        font-size: 5.6rem;
    }
    .page-child-company .service-point p:nth-of-type(2) {
        line-height: 2;
    }
    .page-child-company .service-point.one,
    .page-child-company .service-point.two {
        padding-top: 4.8rem;
        padding-bottom: 4.8rem;
    }
    .page-child-company .service-point.two {
        margin-bottom: 12rem;
    }
    .page-child-company .service-check {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }
    .page-child-company .service-check-wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 2em;
        align-items: center;
        justify-content: space-between;
        padding-top: 7.5rem;
        padding-bottom: 9rem;
        padding-left: calc( 80 * 100% / 1500 );
        padding-right: calc( 115 * 100% / 1500 );
    }
    .page-child-company .service-check-wrap p {
        margin-bottom: 0;
        font-size: 2.2rem;
        letter-spacing: 0.05em;
        line-height: 1.7;
        text-align: left;
    }
    .page-child-company .service-check-wrap ul li {
        font-size: 2rem;
        letter-spacing: 0.05em;
    }
    .page-child-company .service-check-wrap ul li:not(:last-of-type) {
        padding-bottom: 3rem;
        border-bottom-width: 1px;
    }
    .page-child-company .service-check-wrap ul li:not(:first-of-type) {
        margin-top: 1.8rem;
    }

    .page-child-company .achieve {
        margin-top: 12rem;
        margin-bottom: 12rem;
    }
    .page-child-company .achieve .title {
        margin-bottom: 6rem;
        text-align: center;
    }
    .page-child-company .achieve_con {
        display: grid;
        grid-template-columns: 300px 1fr;
        grid-column-gap: 3.5rem;
        align-items: center;
        padding: 5rem;
        border-radius: 10px;
        border-width: 1px;
    }
    .page-child-company .achieve_con:not(:last-of-type) {
        margin-bottom: 2.5rem;
    }
    .page-child-company .achieve_con .circle {
        width: 300px;
        height: 300px;
        margin: 0;
    }
    .page-child-company .achieve_con .circle p,
    .page-child-company .achieve_con .circle .year {
        font-size: 1.8rem;
        letter-spacing: 0.05em;
    }
    .page-child-company .achieve_con .circle .numbers {
        margin: 12px 0 8px;
        font-size: 6.2rem;
    }
    .page-child-company .achieve_con_title {
        margin: 0 0 1.5em;
        font-size: 2rem;
        letter-spacing: 0.05em;
    }
    .page-child-company .achieve_con_title + p {
        line-height: 2;
    }

    .page-child-company .case {
        padding-top: 11.5rem;
        padding-bottom: 20.5rem;
    }
    .page-child-company .case .title {
        text-align: center;
    }
    .page-child-company .case > p {
        margin: 6rem 0;
        line-height: 2;
        text-align: center;
    }
    .toggleItem {
        border-radius: 10px;
    }
    .toggleItem:not(:last-of-type) {
        margin-bottom: 15px;
    }
    .toggleItem .tlt {
        height: 9rem;
        padding-left: calc( 45 * 100% / 1500 );
        padding-right: calc( 35 * 100% / 1500 );
    }
    .toggleItem .tlt img {
        width: 35px;
        margin-right: 3rem;
    }
    .toggleItem .tlt img + p {
        font-size: 1.8rem;
    }
    .toggleItem .tlt img + p span {
        display: inline;
        margin-top: 0;
        font-size: 1.4rem;
    }
    .tlt-toggle {
        width: 2.2rem;
        height: 2.2rem;
    }
    .tlt-toggle span:first-of-type {
        width: 2px;
        left: 10px;
    }
    .tlt-toggle span:last-of-type {
        height: 2px;
        top: 10px;
    }
    .txtBox {
        padding-top: 3.5rem;
        padding-bottom: 6rem;
        padding-left: calc( 110 * 100% / 1500 );
        padding-right: calc( 110 * 100% / 1500 );
    }
    .txtBox tr:not(:last-of-type) {
        border-bottom-width: 1px;
    }
    .txtBox th,
    .txtBox td {
        display: table-cell;
        font-size: 1.5rem;
        line-height: 2;
    }
    .txtBox th {
        width: 15em;
        padding: 2.8rem 0 2.8rem 2px;
    }
    .txtBox tr td {
        padding: 2.8rem 2px 2.8rem 0;
    }
}
@media print,screen and (min-width: 1300px){
    .page-child-company .service-point {
        grid-template-columns: repeat(2, 1fr);
    }
    .page-child-company .service-check-wrap {
        grid-template-columns: 0.8fr 1fr;
        padding-left: 8rem;
        padding-right: 11.5rem;
    }
    .page-child-company .service-check-wrap ul li {
        line-height: 1;
    }

    .page-child-company .achieve_con {
        grid-template-columns: 300px 0.9fr;
        grid-column-gap: 8.5rem;
    }

    .toggleItem .tlt {
        height: 9rem;
        padding-left: 4.5rem;
        padding-right: 3.5rem;
    }
    .txtBox {
        padding-left: 11rem;
        padding-right: 11rem;
    }
}



/*====================================================*/
/* 利用者の方へ　service/user */
/*====================================================*/
.user-service h2 {
    margin: 6rem 0 5.5rem;
    font-size: 1.9rem;
    line-height: 1.68;
}
.user-service_contents {
    padding-top: 3rem;
    padding-bottom: 4rem;
    border-top: 0.5px solid #E1E1E1;
    border-bottom: 0.5px solid #E1E1E1;
}
.user-service_text {
    margin-top: 3.5rem;
}
.user-service_text p {
    line-height: 1.7;
}
.user-service_text p span:first-of-type {
    display: inline-block;
    padding: 0.2em 1em;
    background: var(--blue);
    border-radius: 6px;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
}
.user-service_text p span:nth-of-type(2) {
    display: block;
    margin: 2rem 0 3rem;
    font-size: 1.8rem;
    letter-spacing: 0.025em;
}
.user-service_text .point {
    margin-top: 3.5rem;
}
.user-service_text .point dt {
    color: var(--blue);
    font-family: var(--font-Barlow);
    font-size: 1.9rem;
    font-weight: 600;
    letter-spacing: normal;
}
.user-service_text .point dd {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1rem;
    margin-top: 6px;
}
.user-service_text .point dd p {
    padding: 0.5em 1em;
    background: var(--rightblue);
    border-radius: 5px;
    font-size: 1.4rem;
}

.user-service .map {
    padding-top: 3.5rem;
    font-size: 1.8rem;
    letter-spacing: 0.025em;
    line-height: 1.6;
    text-align: center;
}
.user-service .map img {
    display: block;
    width: min(46vw, 173px);
    margin: 2.5rem auto 3rem;
}
.user-service .map iframe {
    width: 100%;
    height: 230px;
}

.features {
    padding-top: 6.5rem;
    padding-bottom: 5rem;
    background: var(--rightblue);
}
.features ol {
    margin-top: 3.9rem;
}
.features li {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 259px;
    padding: 3rem 6vw;
    background: #fff;
    border-radius: 5px;
}
.features li:not(:last-of-type) {
    margin-bottom: 1.1rem;
}
.features-title {
    margin-bottom: 2.5rem;
    color: var(--blue);
    font-size: 1.7rem;
    letter-spacing: 0.025em;
    text-align: center;
}
.features-title .number {
    display: inline-block;
    margin-bottom: 2.5rem;
    padding-bottom: 1.8rem;
    font-family: var(--font-Barlow);
    font-size: 3.1rem;
    font-weight: 600;
    letter-spacing: normal;
    position: relative;
}
.features-title .number::after {
    content: "";
    display: block;
    width: 1em;
    height: 0.5px;
    margin: auto;
    background-color: var(--blue);
    position: absolute;
    bottom: 0;
    left: 0;
}
.features li p:not(.features-title) {
    line-height: 1.7;
}

.daily {
    margin-top: 6.5rem;
    margin-bottom: 5.3rem;
}
.daily-timeline {
    margin: 3rem 0 3.5rem;
}
.daily-timeline .time {
    display: block;
    margin-bottom: 0.5em;
    color: var(--blue);
    position: relative;
}
.daily-timeline .time::before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: #fff;
    border: 1px solid var(--blue);
    border-radius: 30vh;
    position: absolute;
    top: 55%;
    transform: translateY(-55%);
    -webkit-transform: translateY(-55%);
}
.daily-point {
    margin-bottom: 5rem;
    padding: 2.75rem 2.5rem;
    border: 0.5px solid var(--blue);
    border-radius: 5px;
    line-height: 1.7;
}
.target {
    padding-top: 5.3rem;
    padding-bottom: 5.3rem;
    background: var(--rightblue);
}
.target h3 {
    font-size: 1.8rem;
}
.target ul {
    margin-top: 3.8rem;
    margin-bottom: 3rem;
}
.target ul li {
    font-size: 1.6rem;
    line-height: 1.7;
}
.target ul li:first-of-type {
    margin-bottom: 2rem;
}
.target ul li .number {
    display: inline-block;
    width: 2.8rem;
    height: 2.8rem;
    margin-right: 0.5em;
    background: var(--blue);
    border-radius: 30vh;
    color: #fff;
    font-family: var(--font-Barlow);
    font-weight: normal;
    line-height: 2.8rem;
    text-align: center;
}
.target p {
    font-size: 1.3rem;
    line-height: 1.6;
}
.target figure {
    display: block;
    width: min(66vw, 251px);
    margin: 3.5rem auto 0;
}

.steps .title {
    margin-bottom: 3.8rem;
}
.steps dl {
    padding: 3rem 2.3rem 4rem;
    border-radius: 5px;
    border: 0.5px solid var(--blue);
}
.steps dl:not(:last-of-type) {
    margin-bottom: 5.2rem;
    position: relative;
}
.steps dl:not(:last-of-type)::after {
    content: "";
    display: block;
    width: 3rem;
    height: 1.65rem;
    background: url(../img/page/for-u-icon01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 50%;
    bottom: -3.4rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.steps dl:last-of-type {
    margin-bottom: 6rem;
}
.step-no {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.5rem;
    height: 6.5rem;
    background: var(--rightblue);
    border-radius: 30vh;
}
.step-no p {
    color: var(--blue);
    font-family: var(--font-Barlow);
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
}
.step-no p span {
    display: block;
    font-size: 2.5rem;
}
.steps dd {
    line-height: 1.7;
}

@media print,screen and (max-width: 1024px){
    .daily-timeline li {
        display: flex;
    }
    .daily-timeline li:nth-of-type(2n) {
        flex-direction: row-reverse;
        text-align: right;
    }
    .daily-timeline li::before {
        content: "";
        display: block;
        width: calc(100% / 2);
    }
    .daily-timeline li:not(:nth-of-type(2n))::before,
    .daily-timeline li:nth-of-type(2n) p {
        border-right: 0.5px solid #1F1F1F;
    }
    .daily-timeline li p {
        width: calc(100% / 2);
        padding: 4px 2rem;
    }
    .daily-timeline li:first-of-type p {
        padding-top: 2.1rem;
    }
    .daily-timeline li:last-of-type p {
        padding-bottom: 2.1rem;
    }    
    .daily-timeline .time {
        display: block;
        margin-bottom: 0.5em;
        color: var(--blue);
        position: relative;
    }
    .daily-timeline li:not(:nth-of-type(2n)) .time::before {
        left: -2.55rem;
    }
    .daily-timeline li:nth-of-type(2n) .time::before {
        right: -2.55rem;
    }

    .steps dt {
        display: grid;
        grid-template-columns: 6.5rem 1fr;
        grid-column-gap: 1.8rem;
        align-items: center;
        margin-bottom: 2.5rem;
        color: var(--blue);
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 1.5;
    }
}
@media print,screen and (min-width: 1025px){
    .user-service h2 {
        margin: 11rem 0 10.5rem;
        font-size: 3.2rem;
        line-height: 1.7;
    }
    .user-service_contents {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 3rem;
        align-items: center;
        justify-content: space-between;
        padding-top: 4.5rem;
        padding-bottom: 5rem;
        border-top-width: 1px;
        border-bottom-width: 1px;
    }
    .user-service_text {
        margin-top: 0;
        padding-left: min(4.5vw, 68px);
    }
    .user-service_text p span:first-of-type {
        padding: 0.3em 1.5em;
        border-radius: 10px;
    }
    .user-service_text p span:nth-of-type(2) {
        margin: 2rem 0 5rem;
        font-size: 2.2rem;
        letter-spacing: 0.05em;
    }
    .user-service_text .point {
        margin-top: 6rem;
    }
    .user-service_text .point dt {
        font-size: 2rem;
    }
    .user-service_text .point dd {
        grid-column-gap: 7px;
        margin-top: 10px;
    }
    .user-service_text .point dd p {
        border-radius: 10px;
        font-size: 1.6rem;
    }

    .user-service .map {
        margin-left: calc( 135 * 100% / 1500 );
        margin-right: calc( 135 * 100% / 1500 );
        margin-bottom: 12rem;
        padding-top: 4.5rem;
        padding-bottom: 5rem;
        border-bottom: 1px solid #E1E1E1;
        font-size: 2rem;
        letter-spacing: 0.05em;
        text-align: left;
    }
    .user-service .map > div {
        display: flex;
        margin-top: 4rem;
    }
    .user-service .map img {
        width: 345px;
        margin: 0;
    }
    .user-service .map iframe {
        height: auto;
        margin-left: 2.3rem;
    }

    .features {
        padding-top: 9.5rem;
        padding-bottom: 10rem;
    }
    .features .title {
        text-align: center;
    }
    .features ol {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 14px;
        grid-row-gap: 14px;
        margin-top: 5.5rem;
    }
    .features li {
        height: auto;
        padding: 5rem;
        border-radius: 10px;
    }
    .features li:not(:last-of-type) {
        margin-bottom: 0;
    }
    .features-title {
        margin-bottom: 3rem;
        font-size: 2rem;
        letter-spacing: 0.05em;
    }
    .features-title .number {
        margin-bottom: 4.5rem;
        padding-bottom: 2rem;
        font-size: 3.2rem;
    }
    .features-title .number::after {
        height: 1px;
    }
    .features li p:not(.features-title) {
        line-height: 2;
    }

    .daily {
        margin-top: 12rem;
        margin-bottom: 12rem;
    }
    .daily .title {
        text-align: center;
    }
    .daily-timeline {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        margin: 10.3rem 0 7rem;
        padding: 0 3rem;
    }
    .daily-timeline li {
        padding-top: 2.5rem;
        border-top: 1px solid #1F1F1F;
        text-align: center;
    }
    .daily-timeline .time::before {
        width: 1.4rem;
        height: 1.4rem;
        border-width: 2px;
        top: -3.2rem;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
    .daily-timeline li:first-of-type,    
    .daily-timeline li:last-of-type {
        border-top: none;
        position: relative;
    }
    .daily-timeline li:first-of-type::before {
        content: "";
        display: block;
        width: 50%;
        height: 1px;
        background: #1F1F1F;
        position: absolute;
        top: 0;
        right: 0;
    }
    .daily-timeline li:last-of-type::before {
        content: "";
        display: block;
        width: 50%;
        height: 1px;
        background: #1F1F1F;
        position: absolute;
        top: 0;
        left: 0;
    }
    .daily-point {
        width: min(53vw, 800px);
        padding: 5.5rem 0 6rem;
        margin: 0 auto 12rem;
        border-width: 1px;
        border-radius: 10px;
        line-height: 2;
        text-align: center;
    }
    .target {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 12rem;
        padding-bottom: 11.5rem;
    }
    .target h3 {
        font-size: 3.2rem;
    }
    .target ul {
        margin-top: 5.5rem;
        margin-bottom: 4rem;
    }
    .target ul li {
        font-size: 1.8rem;
    }
    .target ul li:first-of-type {
        margin-bottom: 2.5rem;
    }
    .target ul li .number {
        width: 3.2rem;
        height: 3.2rem;
        margin-right: 0.5em;
        line-height: 3.2rem;
    }
    .target p {
        font-size: 1.4rem;
    }
    .target figure {
        width: min(33vw, 502px);
        margin: 0;
    }

    .steps .title {
        margin-bottom: 6rem;
        text-align: center;
    }
    .steps dl {
        display: grid;
        grid-template-columns: 130px 1fr;
        grid-column-gap: 4rem;
        align-items: center;
        width: min(66.6vw, 1000px);
        padding: 5.5rem;
        margin: auto;
        border-radius: 10px;
        border-width: 1px;
    }
    .steps dl:not(:last-of-type) {
        margin-bottom: 7.4rem;
    }
    .steps dl:not(:last-of-type)::after {
        width: 4rem;
        height: 2.2rem;
        bottom: -4.7rem;
    }
    .steps dl:last-of-type {
        margin-bottom: 20.5rem;
    }
    .step-no {
        width: 13rem;
        height: 13rem;
    }
    .step-no p {
        font-size: 1.8rem;
    }
    .step-no p span {
        font-size: 4.5rem;
    }
    .steps dd {
        line-height: 2;
    }
    dd .step-title {
        margin-bottom: 2.5rem;
        color: var(--blue);
        font-size: 1.8rem;
    }
}
@media print,screen and (min-width: 1500px){
    .user-service .map {
        margin-left: calc( ( 100% - 1230px ) / 2 );
        margin-right: calc( ( 100% - 1230px ) / 2 );
    }
}


/*====================================================*/
/* お問い合わせ　contact */
/*====================================================*/
.contact_container {
    margin-top: 4rem;
    margin-bottom: 7rem;
    line-height: 1.7;
}

/* フォームデザイン */
.contact-form {
    margin: 3.5rem 0 3rem;
}
.contact-form dl {
    padding: 2.4rem 0;
    border-bottom: 0.5px solid #E1E1E1;
}
.contact-form dl:first-of-type {
    border-top: 0.5px solid #E1E1E1;
}
.contact-form dt {
    margin-bottom: 1em;
    font-weight: 300;
}
.contact-form dd {
    font-size: 1.4rem;
    font-weight: 300;
}
.req::after {
    content: "必須";
    display: inline-block;
    margin-left: 1em;
    padding: 0.5em 1em;
    background-color: var(--blue);
    border-radius: 3px;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.2;
    text-align: center;
    vertical-align: top;
}
input[type=text],
input[type="email"],
input[type="tel"],
textarea {
    width: 100%;
    padding: 0.5em;
    background-color: #F4F4F4;
}
textarea {
    height: 15rem;
}

/* ラジオボタン */
.wpcf7-radio span.wpcf7-list-item {
    display: block;
    margin: 0;
    position: relative;
}
.wpcf7-radio span.wpcf7-list-item:not(:last-of-type) {
    margin-bottom: 1em;
}
.wpcf7-radio .wpcf7-list-item-label {
    cursor: pointer; /* labelにhoverした時にカーソルを表示させる */
}
.wpcf7-radio input[type="radio"] {
    opacity: 0; /* デフォルトのチェックボックスを見えなくする */
    position: absolute;
}
/* チェックボックスのデザイン */
.wpcf7-radio .wpcf7-list-item-label::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 0.5em;
    background-color: #F4F4F4;
    border-radius: 30vh;
    position: relative;
    vertical-align: middle;
}
.wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label::after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--blue);
    border-radius: 30vh;
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

/* プライバシーポリシー */
.privacy-policy {
    height: 20.5rem;
    margin-bottom: 2.5rem;
    padding: 2rem 1.5rem;
    border-radius: 5px;
    border: 0.5px solid #E1E1E1;
    overflow-y: scroll;
    font-size: 1.2rem;
    line-height: 1.75;
}
.privacy-policy dl {
    margin-top: 1.5em;
}
.privacy-policy dt {
    font-weight: 300;
}
.privacy-policy ol,
.privacy-policy ul {
    margin-top: 0.5em;
}
.privacy-policy .table {
    margin-top: 0.5em;
}
.privacy-policy .table dl {
    display: flex;
    margin-top: 0;
}
.privacy-policy .table dt {
    white-space: nowrap;
    margin-right: 2px;
}

#privacyCheck {
    font-size: 1.4rem;
    text-align: center;
}
.check-disabled {
    color: #afafaf;
}
.wpcf7-list-item {
    margin: 0;
}

.send-btn {
    display: block;
    width: 250px;
    margin: 2.5rem auto 0;
    position: relative;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    padding: 1em;
    background-color: var(--blue);
    border-radius: 6px;
    color: #fff;
    text-align: center;
    transition: var(--hover-transition);
}
input.wpcf7-form-control.wpcf7-submit.has-spinner:disabled {
    background: #ccc;
}

.reCAPTCHA-text {
    height: 0;
    color: #faf9eb;
    position: relative;
    z-index: -5;
}

@media print,screen and (min-width: 1025px){
    .contact_container {
        margin-top: 11.5rem;
        margin-bottom: 20rem;
    }
    
    /* フォームデザイン */
    .contact-form {
        margin: 4.5rem 0 6.5rem;
    }
    .contact-form dl {
        display: grid;
        grid-template-columns: 210px 1fr;
        grid-column-gap: 4.5rem;
        border-bottom-width: 1px;
    }
    .contact-form dl:first-of-type {
        border-top-width: 1px;
    }
    .contact-form dt {
        margin-bottom: 0;
    }
    .req::after {
        margin-left: 1.3em;
        border-radius: 6px;
    }
    input[type=text] {
        width: 310px;
        padding-left: 0.75em;
    }
    input[type="tel"] {
        width: 207px;
        padding-left: 0.75em;
    }
    input[type="email"] {
        width: 516px;
        padding-left: 0.75em;
    }
    textarea {
        width: min(55vw, 836px);
        height: 25rem;
        padding-left: 0.75em;
    }

    /* ラジオボタン */
    span.wpcf7-form-control.wpcf7-radio {
        display: flex;
        align-items: center;
    }
    .wpcf7-radio span.wpcf7-list-item:not(:last-of-type) {
        margin-bottom: 0;
        margin-right: min(3vw, 4.5rem);
    }

    /* プライバシーポリシー */
    .privacy-policy {
        height: 22rem;
        margin: 0 auto 3.2rem;
        padding: 2rem 3rem;
        border-width: 1px;
        font-size: 1.4rem;
    }
    #privacyCheck {
        font-size: 1.6rem;
    }
    
    .send-btn {
        width: 300px;
        margin: 3.2rem auto 0;
    }
    input.wpcf7-form-control.wpcf7-submit.has-spinner {
        padding: 1.25em 0;
        border-radius: 10px;
    }
}


/*====================================================*/
/* プライバシーポリシー　privacy */
/*====================================================*/
.page-privacy {
    font-size: 1.4rem;
    line-height: 1.75;
}
.page-privacy > article {
    margin-top: 3rem;
    padding-bottom: 12rem;
}
.page-privacy article > p {
    font-size: 1.8rem;
    font-weight: 500;
}
.privacy-main {
    margin-top: 0.5em;
}
.privacy-main dl {
    margin: 1.5em 0;
}
.privacy-main dt {
    margin-bottom: 0.25em;
    font-weight: 500;
}
.privacy-main li {
    margin-bottom: 0.5em;
}
.privacy-main li {
    text-indent: -1em;
    padding-left: 1em;
}
.privacy-main ol li ol {
    margin-top: 0.5em;
}
.privacy-main table {
    margin-top: 1em;
}
@media print,screen and (min-width: 1025px){
    .page-privacy {
        font-size: 1.6rem;
    }
    .page-privacy > article {
        margin-top: 6rem;
        padding-bottom: 25rem;
    }
    .page-privacy article > p {
        font-size: 2.5rem;
    }
    .privacy-main dt {
        margin-bottom: 0.5em;
    }
}


/*====================================================*/
/* 特商法　law */
/*====================================================*/
.page-law > .wrap_m {
    margin-top: 4rem;
    margin-bottom: 7rem;
    line-height: 1.7;
}
.page-law .law-info dl {
    margin-bottom: 2em;
}
.page-law .law-info dt {
    margin-bottom: 0.5em;
    font-weight: normal;
}
.delivery th {
    width: 4em;
    font-weight: 300;
}
.delivery td:first-of-type {
    width: 4em;
}
.delivery td:last-of-type {
    text-indent: -1em;
    padding-left: 1em;
}
@media print,screen and (min-width: 1025px){
    .page-law > .wrap_m {
        margin-top: 11.5rem;
        margin-bottom: 20rem;
        line-height: 2;
    }
    .page-law .law-info {
        margin-right: min(13vw, 200px);
        margin-left: min(13vw, 200px);
    }
    .page-law .law-info dl {
        margin-bottom: 3em;
    }
    .delivery th {
        width: 8em;
    }
    .delivery td:first-of-type {
        width: 5em;
    }
}


/*====================================================*/
/* 404 */
/*====================================================*/
.not_found {
    margin-bottom: 6.5rem;
}
.not_found .under_mv-title span:not(.en-bkg) {
    font-family: var(--font-Barlow);
    font-weight: 500;
    font-size: 3rem;
}
.not_found .under_mv-title span:not(.en-bkg) > span {
    display: inline-block;
    margin-left: 0.5em;
    font-size: 2rem;
}
.not_found p {
    line-height: 1.75;
}
.not_found p:first-of-type {
    margin-bottom: 1em;
    font-size: 2rem;
    font-weight: bold;
}
.not_found a {
    width: min(70vw, 375px);
    height: 3.5rem;
    margin: 2em auto 0;
    background: var(--blue);
    border-radius: 4px;
    color: #fff;
    letter-spacing: normal;
    line-height: 3.5rem;
    text-align: center;
    position: relative;
    transition: var(--transition);
}
.not_found a:hover {
    opacity: .35;
}
@media print,screen and (min-width: 1025px){
    .not_found {
        margin-bottom: 13rem;
    }
    .not_found .under_mv-title span:not(.en-bkg) {
        font-size: 8rem;
    }
    .not_found .under_mv-title span:not(.en-bkg) > span {
        font-size: 5.4rem;
    }
    .not_found p:first-of-type {
        font-size: 2.5rem;
    }
    .not_found a {
        height: 4rem;
        margin: 4em auto 0;
        border-radius: 5px;
        line-height: 4rem;
    }
}