@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 768px) {
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*================*/
:root {
}

/*================*/
.layer-behind {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100dvh;
}
.layer-behind .area-movie {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.layer-behind .area-movie video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.6;
}

/*================*/
section.visual {
    width: 100%;
    height: 100dvh;
}
section.visual>.inner {
    width: 100%;
    height: 100%;
}
/*----------------*/
section.visual .area-copy {
    position: relative;
    width: var(--width-inner);
    height: 100%;
    margin: 0 auto 0 auto;
}
section.visual .area-copy .block-copy {
    position: absolute;
    left: 0;
    bottom: 0;
}
section.visual .area-copy .block-copy .figelm {
}
/*----------------*/
section.visual .area-indicator {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
}
section.visual .area-indicator .block-indicator {
    position: absolute;
    left: -16px;
    top: calc(50% - (118px / 2));
    width: 13px;
    height: 118px;
}
section.visual .area-indicator .block-indicator .char {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    aspect-ratio: 12/40;
}
section.visual .area-indicator .block-indicator .char .figelm {
    background-image: url(../../images/index/char_scroll.svg);
}
section.visual .area-indicator .block-indicator .rail {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 64px;
}
section.visual .area-indicator .block-indicator .rail .bar {
    position: absolute;
    left: 6px;
    top: 0;
    width: var(--linewidth-min);
    height: 100%;
    background-color: var(--color-brand-01);
}
section.visual .area-indicator .block-indicator .rail .dot {
    position: absolute;
    left: 4px;
    top: 0;
    width: 5px;
    aspect-ratio: 1/1;
    border-radius: 2px;
    background-color: var(--color-brand-01);
}

/*================*/
section.declare {
}
section.declare>.inner {
}
/*----------------*/
section.declare .area-note {
    padding: 7vw 0 7vw 0;
}
section.declare .area-note .block-note {
}
section.declare .area-note .block-note .txt {
    line-height: 2.0;
    font-size: 1.1rem;
    color: var(--color-brand-01);
}

/*================*/
section.intro {
    background-color: var(--color-gray-01);
}
section.intro>.inner {
}
/*----------------*/
section.intro .area-title {
    padding: 17vw 0 0 0;
}
section.intro .area-title .block-main {
    padding: 0 0 6vw 0;
    text-align: center;
}
section.intro .area-title .block-main .txt {
    line-height: 1.6;
    font-size: 2.6rem;
    letter-spacing: 0.14em;
    color: var(--color-white);
}
section.intro .area-title .block-sub {
    padding: 0 0 13vw 0;
    text-align: center;
}
section.intro .area-title .block-sub .txt {
    line-height: 2.0;
    font-size: 1.2rem;
    color: var(--color-white);
}
/*----------------*/
section.intro .area-list {
    padding: 0 0 21vw 0;
}
section.intro .area-list .block-list {
}
section.intro .area-list .block-list .each {
    width: 100%;
    margin: 6vw 0 0 0;
}
section.intro .area-list .block-list .each:nth-of-type(1) {
    margin: 0 0 0 0;
}
section.intro .area-list .block-list .each .skin {
    border-radius: 4vw;
    background-color: var(--color-white);
}
section.intro .area-list .block-list .cell-title {
    padding: 6vw 0 2vw 0;
    text-align: center;
}
section.intro .area-list .block-list .cell-title .txt {
    font-size: 1.9rem;
    color: var(--color-gray-02);
}
section.intro .area-list .block-list .cell-note {padding: 0 0 6vw 0;text-align: center;}
section.intro .area-list .block-list .cell-note .txt {
    line-height: 2.0;
    font-size: 1.2rem;
    color: var(--color-black);
    text-align: center;
}

/*================*/
section.entrance {
    background-color: var(--color-brand-01);
}
section.entrance.n1 {
}
section.entrance.n2 {
}
section.entrance.n3 {
}
section.entrance>.inner {
}
/*----------------*/
section.entrance .area-button {
    padding: 18vw 0 20vw 0;
}
section.entrance .area-button .block-button {
}
section.entrance .area-button .block-button .cell-call {
    padding: 0 0 8vw 0;
    text-align: center;
}
section.entrance .area-button .block-button .cell-call .compo-calling-text {
    padding: 0 2em 0 2em;
    font-size: 1.8rem;
}
section.entrance .area-button .block-button .cell-action {
    text-align: center;
}
section.entrance .area-button .block-button .cell-action .compo-button-entry {
    width: 100%;
    font-size: 2rem;
}

/*================*/
section.worry {
    background-color: var(--color-translucent-01);
    backdrop-filter: blur(2vw);
}
section.worry>.inner {
}
/*----------------*/
section.worry>.backing {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../../images/index/shape_triangle.svg);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: auto 100%;
}
/*----------------*/
section.worry .area-title {
    padding: 17vw 0 37vw 0;
}
section.worry .area-title .block-main {
    padding: 0 0 8vw 0;
    text-align: center;
}
section.worry .area-title .block-main .txt {
    line-height: 1.6;
    font-size: 2.6rem;
    letter-spacing: 0.14em;
    color: var(--color-white);
    white-space: nowrap;
}
section.worry .area-title .block-main .txt .word {
    letter-spacing: 0.02em;
}
section.worry .area-title .block-sub {
    text-align: left;
}
section.worry .area-title .block-sub .para {
    padding: 10vw 0 0 0;
}
section.worry .area-title .block-sub .para:nth-of-type(1) {
    padding: 0 0 0 0;
}
section.worry .area-title .block-sub .para .txt {
    line-height: 2.0;
    font-size: 1.2rem;
    color: var(--color-white);
}

/*================*/
section.about {
    background-color: var(--color-translucent-01);
    backdrop-filter: blur(2vw);
}
section.about>.inner {
}
/*----------------*/
section.about .area-title {
    padding: 14vw 0 0 0;
}
section.about .area-title .block-main {
    padding: 0 0 4vw 0;
    text-align: center;
}
section.about .area-title .block-main .txt {
    line-height: 1.6;
    font-size: 2.6rem;
    letter-spacing: 0.14em;
    color: var(--color-brand-01);
}
section.about .area-title .block-sub {
    padding: 0 0 11vw 0;
    text-align: center;
}
section.about .area-title .block-sub .txt {
    line-height: 2.0;
    font-size: 1.3rem;
    color: var(--color-brand-01);
}
/*----------------*/
section.about .area-what {
    position: relative;
    padding: 0 0 15vw 0;
}
section.about .area-what .block-back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
}
section.about .area-what .block-back .mark {
    position: absolute;
    left: calc(50% - (15vw /2));
    top: 147vw;
    width: 15vw;
    aspect-ratio: 1/1;
}
section.about .area-what .block-back .mark .inlinesvg {
    fill: var(--color-brand-01);
}
section.about .area-what .block-list {
}
section.about .area-what .block-list .each {
    width: 100%;
    margin: 32vw 0 0 0;
}
section.about .area-what .block-list .each:nth-of-type(1) {
    margin: 0 0 0 0;
}
section.about .area-what .block-list .each .skin {
}
section.about .area-what .block-list .cell-title {
    padding: 4vw 0 4vw 0;
    text-align: center;
    border-radius: 4vw;
    background-color: var(--color-brand-01);
}
section.about .area-what .block-list .cell-title .txt {
    line-height: 1.4;
    font-size: 1.6rem;
    color: var(--color-white);
}
section.about .area-what .block-list .cell-note {
    padding: 5vw 0 0 0;
}
section.about .area-what .block-list .cell-note .txt {
    line-height: 2.0;
    font-size: 1.2rem;
}
section.about .area-what .block-list .cell-illust {
}
section.about .area-what .block-list .each.n1 .cell-illust {
    padding: 7vw 0 0 0;
}
section.about .area-what .block-list .each.n2 .cell-illust {
    padding: 6vw 0 0 0;
}
section.about .area-what .block-list .cell-illust .cushion {
    width: 100%;
    aspect-ratio: 556/518;
    margin: 0 auto 0 auto;
}
section.about .area-what .block-list .cell-illust .cushion .figelm {
}
section.about .area-what .block-list .each.n1 .cell-illust .cushion .figelm {
    background-image: url(../../images/index/obj_about_01.svg);
}
section.about .area-what .block-list .each.n2 .cell-illust .cushion .figelm {
    background-image: url(../../images/index/obj_about_02.svg);
}
/*----------------*/
section.about .area-service {
    padding: 0 0 16vw 0;
}
section.about .area-service .each {
    border-style: solid;
    border-width: var(--linewidth-min) 0 0 0;
    border-color: var(--color-gray-01);
    margin: 16vw 0 0 0;
}
section.about .area-service .each:nth-of-type(1) {
    margin: 0 0 0 0;
}
section.about .area-service .block-number {
    padding: 0 0 3vw 0;
}
section.about .area-service .block-number .cell-number {
    display: inline-block;
    vertical-align: top;
    border-style: solid;
    border-width: 1vw 0 0 0;
    border-color: var(--color-brand-01);
}
section.about .area-service .block-number .cell-number .txt {
    font-size: 1.2rem;
    color: var(--color-brand-01);
}
section.about .area-service .block-name {
    padding: 0 0 5vw 0;
}
section.about .area-service .block-name .txt {
    font-size: 2.1rem;
    color: var(--color-brand-01);
    white-space: nowrap;
}
section.about .area-service .block-note {
    padding: 0 0 9vw 0;
}
section.about .area-service .block-note .txt {
    line-height: 2.0;
    font-size: 1.4rem;
    color: var(--color-black);
}
section.about .area-service .block-detail {
    padding: 0 0 8vw 0;
}
section.about .area-service .block-detail .cell-head {
}
section.about .area-service .block-detail .cell-head .divi-button {
    width: 41vw;
    height: 13vw;
}
section.about .area-service .block-detail .cell-head .divi-button .hitelm {
}
section.about .area-service .block-detail .cell-head .divi-button .skin {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: var(--color-black);
    border-radius: 13vw;
}
section.about .area-service .block-detail .cell-head .divi-button .skin .cushion {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
section.about .area-service .block-detail .cell-head .divi-button .skin .cushion.n1 {
    display: block;
}
section.about .area-service .block-detail .cell-head .divi-button .skin .cushion.n2 {
    display: none;
}
section.about .area-service .block-detail.act-open .cell-head .divi-button .skin .cushion.n1 {
    display: none;
}
section.about .area-service .block-detail.act-open .cell-head .divi-button .skin .cushion.n2 {
    display: block;
}
section.about .area-service .block-detail .cell-head .divi-button .skin .cushion .phrase {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0 0;
    width: 100%;
    height: 100%;
    padding: 0 5vw 0 9vw;
}
section.about .area-service .block-detail .cell-head .divi-button .skin .cushion .phrase .txt {
    font-size: 1.5rem;
    color: var(--color-white);
}
section.about .area-service .block-detail .cell-head .divi-button .skin .cushion .phrase .mark {
    position: relative;
    width: 4vw;
    aspect-ratio: 1/1;
}
section.about .area-service .block-detail .cell-head .divi-button .skin .cushion .phrase .mark .inlinesvg {
    stroke: var(--color-white);
    stroke-width: 4;
}
section.about .area-service .block-detail .cell-body {
    display: none;
    padding: 5vw 0 0 0;
}
section.about .area-service .block-detail.act-open .cell-body {
    display: block;
}
section.about .area-service .block-detail .cell-body {
}
section.about .area-service .block-detail .cell-body .divi-note {
    padding: 0 0 7vw 0;
}
section.about .area-service .block-detail .cell-body .divi-note .row {
    padding: 8vw 0 0 0;
}
section.about .area-service .block-detail .cell-body .divi-note .row:nth-of-type(1) {
    padding: 0 0 0 0;
}
section.about .area-service .block-detail .cell-body .divi-note .envel-title {padding: 0 0 2vw 0;}
section.about .area-service .block-detail .cell-body .divi-note .envel-title .txt {
    line-height: 1.4;
    font-size: 1.6rem;
    color: var(--color-brand-01);
}
section.about .area-service .block-detail .cell-body .divi-note .envel-note {
}
section.about .area-service .block-detail .cell-body .divi-note .envel-note .txt {
    font-size: 1.1rem;
}
section.about .area-service .block-detail .cell-body .divi-note .envel-note .txt.mode-indent1 {
    padding: 0 0 0 3.5vw;
    text-indent: -3.5vw;
}
section.about .area-service .block-detail .cell-body .divi-note .envel-note .txt.mode-indent2 {
    padding: 0 0 0 6vw;
    text-indent: 0;
}
section.about .area-service .block-detail .cell-body .divi-note .envel-note .txt.mode-small {
    font-size: 1.0rem;
    font-weight: 400;
}
section.about .area-service .block-detail .cell-body .divi-illust {
    padding: 0 0 7vw 0;
}
section.about .area-service .block-detail .cell-body .divi-illust .envel-illust {
    position: relative;
    width: 100%;
    padding: 5vw 5vw 5vw 5vw;
    background-color: var(--color-white);
    border-radius: 2vw;
    overflow-x: auto;
}
section.about .area-service .each.n1 .block-detail .cell-body .divi-illust .envel-illust {
}
section.about .area-service .each.n2 .block-detail .cell-body .divi-illust .envel-illust {
}
section.about .area-service .block-detail .cell-body .divi-illust .envel-illust .cushion {
    width: 180%;
}
section.about .area-service .each.n1 .block-detail .cell-body .divi-illust .envel-illust .cushion {
    aspect-ratio: 1552/1018;
}
section.about .area-service .each.n2 .block-detail .cell-body .divi-illust .envel-illust .cushion {
    aspect-ratio: 1617/1256;
}
section.about .area-service .block-detail .cell-body .divi-illust .envel-illust .cushion .figelm {
}
section.about .area-service .each.n1 .block-detail .cell-body .divi-illust .envel-illust .cushion .figelm {
    background-image: url(../../images/index/obj_about_detail_01.png);
}
section.about .area-service .each.n2 .block-detail .cell-body .divi-illust .envel-illust .cushion .figelm {
    background-image: url(../../images/index/obj_about_detail_02.png);
}
section.about .area-service .block-detail .cell-body .divi-illust .envel-illust .cover {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
section.about .area-service .block-detail .cell-body .divi-illust .envel-illust .cover .mark {
    position: absolute;
    left: calc(50% - (48vw / 2));
    top: calc(50% - (36vw / 2));
    width: 48vw;
    height: 36vw;
    padding: 4vw 0 0 0;
    border-radius: 8vw;
    background-color: var(--color-translucent-04);
}
section.about .area-service .block-detail .cell-body .divi-illust .envel-illust .cover .mark .cushion {
    position: relative;
    width: 28vw;
    aspect-ratio: 1/1;
    margin: 0 auto 0 auto;
}
section.about .area-service .block-detail .cell-body .divi-illust .envel-illust .cover .mark .cushion .figelm {
    background-image: url(../../images/icon_hand_02.svg);
}
section.about .area-service .block-summary {
    padding: 6vw 6vw 6vw 6vw;
    background-color: var(--color-white);
    border-radius: 3vw;
}
section.about .area-service .block-summary .cell-summary {
    width: 100%;
}
section.about .area-service .block-summary .cell-summary .divi-summary {
    width: 100%;
    border-style: solid;
    border-width: var(--linewidth-min) 0 0 0;
}
section.about .area-service .block-summary .cell-summary .divi-summary.n1 {
    padding: 0 0 6vw 0;
    border-color: var(--color-transparent);
}
section.about .area-service .block-summary .cell-summary .divi-summary.n2 {
    padding: 6vw 0 0 0;
    border-color: var(--color-gray-01);
}
section.about .area-service .block-summary .cell-summary .divi-summary .envel-head {
    padding: 0 0 3vw 0;
}
section.about .area-service .block-summary .cell-summary .divi-summary .envel-head .cushion {
    display: inline-block;
    vertical-align: top;
    padding: 2vw 6vw 2vw 6vw;
    border-radius: 2vw;
}
section.about .area-service .block-summary .cell-summary .divi-summary.n1 .envel-head .cushion {
    background-color: var(--color-gray-02);
}
section.about .area-service .block-summary .cell-summary .divi-summary.n2 .envel-head .cushion {
    background-color: var(--color-brand-01);
}
section.about .area-service .block-summary .cell-summary .divi-summary .envel-head .cushion .txt {
    font-size: 1.2rem;
    color: var(--color-white);
}
section.about .area-service .block-summary .cell-summary .divi-summary .envel-body {
}
section.about .area-service .block-summary .cell-summary .divi-summary .envel-body .txt {
    position: relative;
    font-size: 1.3rem;
    padding: 0 0 0 4vw;
    margin: 1vw 0 0 0;
}
section.about .area-service .block-summary .cell-summary .divi-summary .envel-body .txt:nth-of-type(1) {
    margin: 0 0 0 0;
}
section.about .area-service .block-summary .cell-summary .divi-summary .envel-body .txt .dot {
    position: absolute;
    left: 0;
    top: 2.8vw;
    width: 2vw;
    aspect-ratio: 1/1;
    border-radius: 0.4vw;
}
section.about .area-service .block-summary .cell-summary .divi-summary.n1 .envel-body .txt .dot {
    background-color: var(--color-gray-02);
}
section.about .area-service .block-summary .cell-summary .divi-summary.n2 .envel-body .txt .dot {
    background-color: var(--color-brand-01);
}

/*================*/
section.merit {
    background-color: var(--color-translucent-03);
    backdrop-filter: blur(2vw);
}
section.merit>.inner {
}
/*----------------*/
section.merit .area-title {
    padding: 17vw 0 0 0;
}
section.merit .area-title .block-main {
    padding: 0 0 5vw 0;
    text-align: center;
}
section.merit .area-title .block-main .txt {
    line-height: 1.6;
    font-size: 2.6rem;
    letter-spacing: 0.14em;
    color: var(--color-white);
}
section.merit .area-title .block-main .txt .word {
    letter-spacing: -0.05em;
}
section.merit .area-title .block-sub {
    padding: 0 0 12vw 0;
    text-align: center;
}
section.merit .area-title .block-sub .txt {
    line-height: 2.0;
    font-size: 1.3rem;
    color: var(--color-white);
}
/*----------------*/
section.merit .area-list {
    padding: 0 0 22vw 0;
}
section.merit .area-list .block-list {
}
section.merit .area-list .block-list .each {
    width: 100%;
    margin: 6vw 0 0 0;
}
section.merit .area-list .block-list .each:nth-of-type(1) {
    margin: 0 0 0 0;
}
section.merit .area-list .block-list .each .skin {padding: 0 6vw 0 6vw;border-radius: 4vw;background-color: var(--color-white);}
section.merit .area-list .block-list .cell-title {
    padding: 5vw 0 3vw 0;
    text-align: center;
}
section.merit .area-list .block-list .cell-title .txt {
    font-size: 1.9rem;
    color: var(--color-brand-01);
}
section.merit .area-list .block-list .cell-note {padding: 0 0 6vw 0;}
section.merit .area-list .block-list .cell-note .txt {
    position: relative;
    padding: 0 0 0 5.4vw;
    line-height: 2.0;
    font-size: 1.3rem;
    color: var(--color-black);
    margin: 2vw 0 0 0;
}
section.merit .area-list .block-list .cell-note .txt:nth-of-type(1) {
    margin: 0 0 0 0;
}
section.merit .area-list .block-list .cell-note .txt .dot {
    position: absolute;
    left: 0;
    top: 2.5vw;
    width: 3.8vw;
    aspect-ratio: 1/1;
    border-radius: 4vw;
    background-color: var(--color-brand-01);
}

/*================*/
section.case {
    background-color: var(--color-translucent-01);
    backdrop-filter: blur(2vw);
}
section.case>.inner {
}
/*----------------*/
section.case .area-title {
    padding: 16vw 0 0 0;
}
section.case .area-title .block-sub {
}
section.case .area-title .block-sub .txt {
    font-size: 1.2rem;
    color: var(--color-brand-01);
}
section.case .area-title .block-main {
    padding: 0 0 10vw 0;
}
section.case .area-title .block-main .txt {
    line-height: 1.6;
    font-size: 2.6rem;
    letter-spacing: 0.14em;
    color: var(--color-black);
}
/*----------------*/
section.case .area-list {
    padding: 0 0 17vw 0;
}
section.case .area-list .block-list {
}
section.case .area-list .block-list .each {
    border-radius: 3vw;
    background-color: var(--color-white);
    margin: 6vw 0 0 0;
}
section.case .area-list .block-list .each:nth-of-type(1) {
    margin: 0 0 0 0;
}
section.case .area-list .block-list .each .skin {
    padding: 6vw 6vw 6vw 6vw;
}
section.case .area-list .block-list .cell-title {
}
section.case .area-list .block-list .cell-title .divi-picture {
    width: 100%;
}
section.case .area-list .block-list .cell-title .divi-picture .cushion {
    width: 100%;
    aspect-ratio: 550/310;
}
section.case .area-list .block-list .cell-title .divi-picture .cushion .figelm {
    border-radius: 2vw;
}
section.case .area-list .block-list .each.n1 .cell-title .divi-picture .cushion .figelm {
    background-image: url(../../images/index/pic_case_01.png);
}
section.case .area-list .block-list .each.n2 .cell-title .divi-picture .cushion .figelm {
    background-image: url(../../images/index/pic_case_02.png);
}
section.case .area-list .block-list .cell-title .divi-name {
    padding: 5vw 0 10vw 0;
}
section.case .area-list .block-list .cell-title .divi-name .envel-client {
    padding: 0 0 2vw 0;
}
section.case .area-list .block-list .cell-title .divi-name .envel-client .txt {
    font-size: 1.2rem;
    color: var(--color-gray-02);
}
section.case .area-list .block-list .cell-title .divi-name .envel-what {
}
section.case .area-list .block-list .cell-title .divi-name .envel-what .txt {
    font-size: 1.6rem;
}
section.case .area-list .block-list .cell-summary {
}
section.case .area-list .block-list .cell-summary .divi-summary {
    width: 100%;
    border-style: solid;
    border-width: var(--linewidth-min) 0 0 0;
}
section.case .area-list .block-list .cell-summary .divi-summary.n1 {
    padding: 0 0 6vw 0;
    border-color: var(--color-transparent);
}
section.case .area-list .block-list .cell-summary .divi-summary.n2 {
    padding: 6vw 0 0 0;
    border-color: var(--color-gray-01);
}
section.case .area-list .block-list .cell-summary .divi-summary .envel-head {
    padding: 0 0 2vw 0;
}
section.case .area-list .block-list .cell-summary .divi-summary .envel-head .cushion {
    display: inline-block;
    vertical-align: top;
    padding: 2vw 6vw 2vw 6vw;
    border-radius: 2vw;
}
section.case .area-list .block-list .cell-summary .divi-summary.n1 .envel-head .cushion {
    background-color: var(--color-gray-02);
}
section.case .area-list .block-list .cell-summary .divi-summary.n2 .envel-head .cushion {
    background-color: var(--color-brand-01);
}
section.case .area-list .block-list .cell-summary .divi-summary .envel-head .cushion .txt {
    font-size: 1.2rem;
    color: var(--color-white);
}
section.case .area-list .block-list .cell-summary .divi-summary .envel-body {
}
section.case .area-list .block-list .cell-summary .divi-summary .envel-body .txt {
    position: relative;
    font-size: 1.3rem;
    padding: 0 0 0 4vw;
    margin: 1vw 0 0 0;
}
section.case .area-list .block-list .cell-summary .divi-summary .envel-body .txt:nth-of-type(1) {
    margin: 0 0 0 0;
}
section.case .area-list .block-list .cell-summary .divi-summary .envel-body .txt .sup {
}
section.case .area-list .block-list .cell-summary .divi-summary .envel-body .txt .dot {
    position: absolute;
    left: 0;
    top: 2.8vw;
    width: 2vw;
    aspect-ratio: 1/1;
    border-radius: 0.4vw;
}
section.case .area-list .block-list .cell-summary .divi-summary .envel-caption {
    padding: 2vw 0 0 0;
}
section.case .area-list .block-list .cell-summary .divi-summary .envel-caption .txt {
    padding: 0 0 0 3vw;
    font-size: 1rem;
    font-weight: 400;
    text-indent: -3vw;
}
section.case .area-list .block-list .cell-summary .divi-summary.n1 .envel-body .txt .dot {
    background-color: var(--color-gray-02);
}
section.case .area-list .block-list .cell-summary .divi-summary.n2 .envel-body .txt .dot {
    background-color: var(--color-brand-01);
}

/*================*/
section.faq {
    background-color: var(--color-gray-03);
}
section.faq>.inner {
}
/*----------------*/
section.faq .area-title {
    padding: 15vw 0 0 0;
}
section.faq .area-title .block-sub {
}
section.faq .area-title .block-sub .txt {
    font-size: 1.2rem;
    color: var(--color-brand-01);
}
section.faq .area-title .block-main {
    padding: 0 0 10vw 0;
}
section.faq .area-title .block-main .txt {
    line-height: 1.6;
    font-size: 2.6rem;
    letter-spacing: 0.14em;
    color: var(--color-black);
}
/*----------------*/
section.faq .area-list {
    width: 100vw;
    margin: 0 0 0 calc((100vw - var(--width-inner)) / -2);
}
section.faq .area-list .block-list {
    padding: 0 0 16vw 0;
}
section.faq .area-list .block-list .each {
    border-style: solid;
    border-width: 0 0 var(--linewidth-min) 0;
    border-color: var(--color-gray-01);
}
section.faq .area-list .block-list .each:nth-of-type(1) {
    border-style: solid;
    border-width: var(--linewidth-min) 0 var(--linewidth-min) 0;
    border-color: var(--color-gray-01);
}
section.faq .area-list .block-list .cell-head {
}
section.faq .area-list .block-list .cell-head .hitelm {
}
section.faq .area-list .block-list .cell-head .skin {
    position: relative;
    width: 100%;
    /* margin: 0 auto 0 auto; */
}
section.faq .area-list .block-list .cell-head .divi-cap {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 18vw;
    height: 100%;
    padding: 0 3vw 0 0;
}
section.faq .area-list .block-list .cell-head .divi-cap .cushion {
    width: 9vw;
    aspect-ratio: 1/1;
    padding: 4vw 0 0 0;
    text-align: center;
    border-radius: 1.6vw;
    background-color: var(--color-gray-02);
}
section.faq .area-list .block-list .cell-head .divi-cap .cushion .txt {
    line-height: 0;
    font-size: 1.8rem;
    color: var(--color-white);
    font-family: "Poppins", sans-serif;
}
section.faq .area-list .block-list .cell-head .divi-note {
    padding: 5vw 15vw 5vw 18vw;
}
section.faq .area-list .block-list .cell-head .divi-note .txt {
    font-size: 1.4rem;
}
section.faq .area-list .block-list .cell-head .divi-edge {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 15vw;
    height: 100%;
}
section.faq .area-list .block-list .cell-head .divi-edge .cushion {
    position: relative;
    width: 4vw;
    aspect-ratio: 1/1;
}
section.faq .area-list .block-list .cell-head .divi-edge .cushion .mark.n1 {
    display: block;
}
section.faq .area-list .block-list .cell-head .divi-edge .cushion .mark.n2 {
    display: none;
}
section.faq .area-list .block-list .each.act-open .cell-head .divi-edge .cushion .mark.n1 {
    display: none;
}
section.faq .area-list .block-list .each.act-open .cell-head .divi-edge .cushion .mark.n2 {
    display: block;
}
section.faq .area-list .block-list .cell-head .divi-edge .cushion .mark .inlinesvg {
    stroke: var(--color-black);
    stroke-width: 3;
}
section.faq .area-list .block-list .cell-body {
    display: none;
    overflow: hidden;
}
section.faq .area-list .block-list .cell-body .divi-answer {
    position: relative;
    padding: 5vw 6vw 5vw 18vw;
    border-style: dashed;
    border-width: var(--linewidth-min) 0 0 0;
    border-color: var(--color-gray-01);
}
section.faq .area-list .block-list .cell-body .divi-answer .envel-cap {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 18vw;
    height: 100%;
    padding: 0 3vw 0 0;
}
section.faq .area-list .block-list .cell-body .divi-answer .envel-cap .cushion {
    width: 9vw;
    aspect-ratio: 1/1;
    padding: 4.4vw 0 0 0;
    text-align: center;
    border-radius: 1.6vw;
    background-color: var(--color-brand-01);
}
section.faq .area-list .block-list .cell-body .divi-answer .envel-cap .cushion .txt {
    line-height: 0;
    font-size: 1.8rem;
    color: var(--color-white);
    font-family: "Poppins", sans-serif;
}
section.faq .area-list .block-list .cell-body .divi-answer .envel-note {
}
section.faq .area-list .block-list .cell-body .divi-answer .envel-note .txt {
    font-size: 1.4rem;
    color: var(--color-brand-01);
}
section.faq .area-list .block-list .cell-body .divi-caption {
    padding: 0 6vw 6vw 6vw;
    margin: -2vw 0 0 0;
}
section.faq .area-list .block-list .cell-body .divi-caption .txt {
    font-size: 1.2rem;
}

/*================*/
section.weare {
}
section.weare>.inner {
}
/*----------------*/
section.weare .area-assert {
    padding: 21vw 0 13vw 0;
}
section.weare .area-assert .block-main {
    padding: 0 0 5vw 0;
}
section.weare .area-assert .block-main .txt {
    line-height: 1.9;
    font-size: 1.8rem;
    font-weight: 900;
    color: var(--color-brand-01);
}
section.weare .area-assert .block-sub {
}
section.weare .area-assert .block-sub .txt {
    line-height: 2.0;
    font-size: 1.2rem;
    color: var(--color-brand-01);
}
/*----------------*/
section.weare .area-list {
    padding: 0 0 21vw 0;
}
section.weare .area-list .block-list {
}
section.weare .area-list .block-list .each {
    width: 100%;
    margin: 6vw 0 0 0;
}
section.weare .area-list .block-list .each:nth-of-type(1) {
    margin: 0 0 0 0;
}
section.weare .area-list .block-list .each .skin {
    height: 100%;
    padding: 5vw 5vw 5vw 5vw;
    border-radius: 2vw;
    background-color: var(--color-translucent-02);
}
section.weare .area-list .block-list .cell-illust {
    position: relative;
    padding: 0 0 5vw 0;
}
section.weare .area-list .block-list .cell-illust .cushion {
    width: 75%;
    aspect-ratio: 268/112;
    margin: 0 auto 0 auto;
}
section.weare .area-list .block-list .cell-illust .cushion .figelm {
}
section.weare .area-list .block-list .each.n1 .cell-illust .cushion .figelm {
    background-image: url(../../images/index/char_weare_01.svg);
}
section.weare .area-list .block-list .each.n2 .cell-illust .cushion .figelm {
    background-image: url(../../images/index/char_weare_02.svg);
}
section.weare .area-list .block-list .each.n3 .cell-illust .cushion .figelm {
    background-image: url(../../images/index/char_weare_03.svg);
}
section.weare .area-list .block-list .cell-note {
}
section.weare .area-list .block-list .cell-note .txt {
    font-size: 1.2rem;
    color: var(--color-brand-01);
}
section.weare .area-list .block-caption {
    padding: 4vw 0 0 0;
}
section.weare .area-list .block-caption .txt {
    font-size: 1.0rem;
    color: var(--color-black);
}

/* :::::::::::::::::::::::::::::::::::::::::::::::: */
@media (orientation: portrait) {
    section.visual .area-copy .block-copy {
        width: 96%;
        aspect-ratio: 328/252;
        margin: 0 0 16vw 0;
    }
    section.visual .area-copy .block-copy .figelm {
        background-image: url(../../images/index/char_visual_01b.svg);
    }
} @media (orientation: landscape) {
    section.visual .area-copy .block-copy {
        width: 92%;
        aspect-ratio: 1122/508;
        margin: 0 0 12dvh 0;
    }
    section.visual .area-copy .block-copy .figelm {
        background-image: url(../../images/index/char_visual_01a.svg);
    }
} /* end of orientation query */
/* :::::::::::::::::::::::::::::::::::::::::::::::: */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
} /* end of media query */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */