@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (min-width: 769px), print {
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*================*/
: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;
    width: 78%;
    aspect-ratio: 1122/508;
    margin: 0 0 3% 0;
}
section.visual .area-copy .block-copy .figelm {
    background-image: url(../../images/index/char_visual_01a.svg);
}
/*----------------*/
section.visual .area-indicator {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
}
section.visual .area-indicator .block-indicator {
    position: absolute;
    left: -30px;
    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: 80px 0 80px 0;
}
section.declare .area-note .block-note {
}
section.declare .area-note .block-note .txt {
    line-height: 2.0;
    font-size: 2.4rem;
    color: var(--color-brand-01);
}

/*================*/
section.intro {
    background-color: var(--color-gray-01);
}
section.intro>.inner {
}
/*----------------*/
section.intro .area-title {
    padding: 105px 0 0 0;
}
section.intro .area-title .block-main {
    padding: 0 0 20px 0;
    text-align: center;
}
section.intro .area-title .block-main .txt {
    line-height: 1.6;
    font-size: 4.8rem;
    letter-spacing: 0.14em;
    color: var(--color-white);
}
section.intro .area-title .block-sub {
    padding: 0 0 80px 0;
    text-align: center;
}
section.intro .area-title .block-sub .txt {
    line-height: 2.0;
    font-size: 1.7rem;
    color: var(--color-white);
}
/*----------------*/
section.intro .area-list {
    padding: 0 0 85px 0;
}
section.intro .area-list .block-list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0 0;
}
section.intro .area-list .block-list .each {
    width: 22.6%;
}
section.intro .area-list .block-list .each .skin {
    height: 100%;
    padding: 0 20px 0 20px;
    border-radius: 15px;
    background-color: var(--color-white);
}
section.intro .area-list .block-list .cell-title {
    padding: 20px 0 15px 0;
    text-align: center;
}
section.intro .area-list .block-list .cell-title .txt {
    font-size: 2.4rem;
    color: var(--color-gray-02);
}
section.intro .area-list .block-list .cell-note {padding: 0 0 20px 0;/* text-align: center; */}
section.intro .area-list .block-list .cell-note .txt {
    line-height: 2.0;
    font-size: 1.6rem;
    color: var(--color-black);
}

/*================*/
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: 80px 0 80px 0;
}
section.entrance .area-button .block-button {
}
section.entrance .area-button .block-button .cell-call {
    padding: 0 0 40px 0;
    text-align: center;
}
section.entrance .area-button .block-button .cell-call .compo-calling-text {
    padding: 0 2em 0 2em;
    font-size: 2.4rem;
}
section.entrance .area-button .block-button .cell-action {
    text-align: center;
}
section.entrance .area-button .block-button .cell-action .compo-button-entry {
    width: 72%;
    font-size: 3.2rem;
}

/*================*/
section.worry {
    background-color: var(--color-translucent-01);
    backdrop-filter: blur(10px);
}
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: 75px 0 205px 0;
}
section.worry .area-title .block-main {
    padding: 0 0 50px 0;
    text-align: center;
}
section.worry .area-title .block-main .txt {
    line-height: 1.6;
    font-size: 4.8rem;
    letter-spacing: 0.14em;
    color: var(--color-white);
}
section.worry .area-title .block-main .txt .word {
}
section.worry .area-title .block-sub {
    text-align: center;
}
section.worry .area-title .block-sub .para {
    padding: 40px 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.7rem;
    color: var(--color-white);
}

/*================*/
section.about {
    background-color: var(--color-translucent-01);
    backdrop-filter: blur(10px);
}
section.about>.inner {
}
/*----------------*/
section.about .area-title {
    padding: 65px 0 0 0;
}
section.about .area-title .block-main {
    padding: 0 0 20px 0;
    text-align: center;
}
section.about .area-title .block-main .txt {
    line-height: 1.6;
    font-size: 4.8rem;
    letter-spacing: 0.14em;
    color: var(--color-brand-01);
}
section.about .area-title .block-sub {
    padding: 0 0 75px 0;
    text-align: center;
}
section.about .area-title .block-sub .txt {
    line-height: 2.0;
    font-size: 2rem;
    color: var(--color-brand-01);
}
/*----------------*/
section.about .area-what {
    position: relative;
    padding: 0 0 120px 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% - (60px /2));
    top: 410px;
    width: 60px;
    aspect-ratio: 1/1;
}
section.about .area-what .block-back .mark .inlinesvg {
    fill: var(--color-brand-01);
}
section.about .area-what .block-list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0 0;
}
section.about .area-what .block-list .each {
    width: calc(50% - 80px);
}
section.about .area-what .block-list .each .skin {
}
section.about .area-what .block-list .cell-title {
    padding: 16px 30px 16px 30px;
    text-align: center;
    border-radius: 12px;
    background-color: var(--color-brand-01);
}
section.about .area-what .block-list .cell-title .txt {
    line-height: 1.3;
    font-size: 2.4rem;
    color: var(--color-white);
}
section.about .area-what .block-list .cell-note {
    padding: 30px 0 0 0;
}
section.about .area-what .block-list .cell-note .txt {
    font-size: 1.6rem;
}
section.about .area-what .block-list .cell-illust {
}
section.about .area-what .block-list .each.n1 .cell-illust {
    padding: 35px 0 0 0;
}
section.about .area-what .block-list .each.n2 .cell-illust {
    padding: 65px 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 120px 0;
}
section.about .area-service .each {
    border-style: solid;
    border-width: var(--linewidth-min) 0 0 0;
    border-color: var(--color-gray-01);
    margin: 75px 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 10px 0;
}
section.about .area-service .block-number .cell-number {
    display: inline-block;
    vertical-align: top;
    border-style: solid;
    border-width: 4px 0 0 0;
    border-color: var(--color-brand-01);
}
section.about .area-service .block-number .cell-number .txt {
    font-size: 1.7rem;
    color: var(--color-brand-01);
}
section.about .area-service .block-name {
    padding: 0 0 30px 0;
}
section.about .area-service .block-name .txt {
    font-size: 4.1rem;
    color: var(--color-brand-01);
}
section.about .area-service .block-note {
    padding: 0 0 35px 0;
}
section.about .area-service .block-note .txt {
    font-size: 1.8rem;
    color: var(--color-black);
}
section.about .area-service .block-detail {
    padding: 0 0 50px 0;
}
section.about .area-service .block-detail .cell-head {
}
section.about .area-service .block-detail .cell-head .divi-button {
    width: 160px;
    height: 50px;
}
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: 50px;
}
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 20px 0 30px;
}
section.about .area-service .block-detail .cell-head .divi-button .skin .cushion .phrase .txt {
    font-size: 2rem;
    color: var(--color-white);
}
section.about .area-service .block-detail .cell-head .divi-button .skin .cushion .phrase .mark {
    position: relative;
    width: 13px;
    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: 30px 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 40px 0;
}
section.about .area-service .block-detail .cell-body .divi-note .row {
    padding: 40px 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 10px 0;}
section.about .area-service .block-detail .cell-body .divi-note .envel-title .txt {
    font-size: 2.4rem;
    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.8rem;
}
section.about .area-service .block-detail .cell-body .divi-note .envel-note .txt.mode-indent1 {
    padding: 0 0 0 20px;
    text-indent: -20px;
}
section.about .area-service .block-detail .cell-body .divi-note .envel-note .txt.mode-indent2 {
    padding: 0 0 0 30px;
    text-indent: 0;
}
section.about .area-service .block-detail .cell-body .divi-note .envel-note .txt.mode-small {
    font-size: 1.5rem;
    font-weight: 400;
}
section.about .area-service .block-detail .cell-body .divi-illust {
    padding: 0 0 50px 0;
}
section.about .area-service .block-detail .cell-body .divi-illust .envel-illust {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 40px 40px 40px 40px;
    border-radius: 20px;
    background-color: var(--color-white);
}
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: 100%;
}
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: none;
}
section.about .area-service .block-summary {
    padding: 40px 55px 40px 55px;
    background-color: var(--color-white);
    border-radius: 12px;
}
section.about .area-service .block-summary .cell-summary {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0 0;
    width: 100%;
}
section.about .area-service .block-summary .cell-summary .divi-summary {
    width: 50%;
    border-style: solid;
    border-width: 0 0 0 var(--linewidth-min);
}
section.about .area-service .block-summary .cell-summary .divi-summary.n1 {
    padding: 0 60px 0 0;
    border-color: var(--color-transparent);
}
section.about .area-service .block-summary .cell-summary .divi-summary.n2 {
    padding: 0 0 0 60px;
    border-color: var(--color-gray-01);
}
section.about .area-service .block-summary .cell-summary .divi-summary .envel-head {
    padding: 0 0 10px 0;
}
section.about .area-service .block-summary .cell-summary .divi-summary .envel-head .cushion {
    display: inline-block;
    vertical-align: top;
    padding: 8px 20px 8px 20px;
    border-radius: 8px;
}
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.5rem;
    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.6rem;
    padding: 0 0 0 17px;
    margin: 8px 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: 11px;
    width: 8px;
    aspect-ratio: 1/1;
    border-radius: 2px;
}
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(10px);
}
section.merit>.inner {
}
/*----------------*/
section.merit .area-title {
    padding: 100px 0 0 0;
}
section.merit .area-title .block-main {
    padding: 0 0 25px 0;
    text-align: center;
}
section.merit .area-title .block-main .txt {
    line-height: 1.6;
    font-size: 4.8rem;
    letter-spacing: 0.14em;
    color: var(--color-white);
}
section.merit .area-title .block-main .txt .word {
}
section.merit .area-title .block-sub {
    padding: 0 0 75px 0;
    text-align: center;
}
section.merit .area-title .block-sub .txt {
    line-height: 2.0;
    font-size: 2rem;
    color: var(--color-white);
}
/*----------------*/
section.merit .area-list {
    padding: 0 0 125px 0;
}
section.merit .area-list .block-list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0 0;
}
section.merit .area-list .block-list .each {
    width: 22.6%;
}
section.merit .area-list .block-list .each .skin {
    height: 100%;
    padding: 0 20px 0 20px;
    border-radius: 15px;
    background-color: var(--color-white);
}
section.merit .area-list .block-list .cell-title {
    padding: 20px 0 15px 0;
    text-align: center;
}
section.merit .area-list .block-list .cell-title .txt {
    font-size: 2.4rem;
    color: var(--color-brand-01);
}
section.merit .area-list .block-list .cell-note {
    padding: 0 0 20px 0;
}
section.merit .area-list .block-list .cell-note .txt {
    position: relative;
    padding: 0 0 0 20px;
    line-height: 2.0;
    font-size: 1.6rem;
    color: var(--color-black);
    margin: 8px 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: 10px;
    width: 14px;
    aspect-ratio: 1/1;
    border-radius: 14px;
    background-color: var(--color-brand-01);
}

/*================*/
section.case {
    background-color: var(--color-translucent-01);
    backdrop-filter: blur(10px);
}
section.case>.inner {
}
/*----------------*/
section.case .area-title {
    padding: 115px 0 0 0;
}
section.case .area-title .block-sub {
}
section.case .area-title .block-sub .txt {
    font-size: 1.7rem;
    color: var(--color-brand-01);
}
section.case .area-title .block-main {
    padding: 0 0 55px 0;
}
section.case .area-title .block-main .txt {
    line-height: 1.6;
    font-size: 5.6rem;
    letter-spacing: 0.14em;
    color: var(--color-black);
}
/*----------------*/
section.case .area-list {
    padding: 0 0 115px 0;
}
section.case .area-list .block-list {
}
section.case .area-list .block-list .each {
    border-radius: 20px;
    background-color: var(--color-white);
    margin: 35px 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: 55px 55px 55px 55px;
}
section.case .area-list .block-list .cell-title {
    display: flex;
    justify-content: start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0 0;
    padding: 0 0 50px 0;
}
section.case .area-list .block-list .cell-title .divi-picture {
    width: 275px;
    flex-shrink: 0;
}
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: 10px;
}
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: 0 0 0 50px;
}
section.case .area-list .block-list .cell-title .divi-name .envel-client {
}
section.case .area-list .block-list .cell-title .divi-name .envel-client .txt {
    font-size: 1.7rem;
    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: 2.4rem;
}
section.case .area-list .block-list .cell-summary {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0 0;
    width: 100%;
}
section.case .area-list .block-list .cell-summary .divi-summary {
    width: 50%;
    border-style: solid;
    border-width: 0 0 0 var(--linewidth-min);
}
section.case .area-list .block-list .cell-summary .divi-summary.n1 {
    padding: 0 60px 0 0;
    border-color: var(--color-transparent);
}
section.case .area-list .block-list .cell-summary .divi-summary.n2 {
    padding: 0 0 0 60px;
    border-color: var(--color-gray-01);
}
section.case .area-list .block-list .cell-summary .divi-summary .envel-head {
    padding: 0 0 10px 0;
}
section.case .area-list .block-list .cell-summary .divi-summary .envel-head .cushion {
    display: inline-block;
    vertical-align: top;
    padding: 8px 20px 8px 20px;
    border-radius: 8px;
}
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.5rem;
    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.6rem;
    padding: 0 0 0 17px;
    margin: 8px 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 .dot {
    position: absolute;
    left: 0;
    top: 11px;
    width: 8px;
    aspect-ratio: 1/1;
    border-radius: 2px;
}
section.case .area-list .block-list .cell-summary .divi-summary .envel-caption {
    padding: 10px 0 0 0;
}
section.case .area-list .block-list .cell-summary .divi-summary .envel-caption .txt {
    padding: 0 0 0 14px;
    font-size: 1.3rem;
    font-weight: 400;
    text-indent: -14px;
}
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: 110px 0 0 0;
}
section.faq .area-title .block-sub {
}
section.faq .area-title .block-sub .txt {
    font-size: 1.7rem;
    color: var(--color-brand-01);
}
section.faq .area-title .block-main {
    padding: 0 0 55px 0;
}
section.faq .area-title .block-main .txt {
    line-height: 1.6;
    font-size: 4.8rem;
    letter-spacing: 0.14em;
    color: var(--color-black);
}
/*----------------*/
section.faq .area-list {
}
section.faq .area-list .block-list {
    padding: 0 0 95px 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%;
}
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: 90px;
    height: 100%;
    padding: 0 14px 0 0;
}
section.faq .area-list .block-list .cell-head .divi-cap .cushion {
    width: 36px;
    aspect-ratio: 1/1;
    padding: 18px 0 0 0;
    text-align: center;
    border-radius: 8px;
    background-color: var(--color-gray-02);
}
section.faq .area-list .block-list .cell-head .divi-cap .cushion .txt {
    line-height: 0;
    font-size: 2.4rem;
    color: var(--color-white);
    font-family: "Poppins", sans-serif;
}
section.faq .area-list .block-list .cell-head .divi-note {
    padding: 40px 90px 40px 90px;
}
section.faq .area-list .block-list .cell-head .divi-note .txt {
    font-size: 2.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: 90px;
    height: 100%;
}
section.faq .area-list .block-list .cell-head .divi-edge .cushion {
    position: relative;
    width: 20px;
    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: 2;
}
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: 40px 90px 40px 90px;
    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: 90px;
    height: 100%;
    padding: 0 14px 0 0;
}
section.faq .area-list .block-list .cell-body .divi-answer .envel-cap .cushion {
    width: 36px;
    aspect-ratio: 1/1;
    padding: 18px 0 0 0;
    text-align: center;
    border-radius: 8px;
    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: 2.4rem;
    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: 2.4rem;
    color: var(--color-brand-01);
}
section.faq .area-list .block-list .cell-body .divi-caption {
    padding: 0 0 40px 40px;
    margin: -15px 0 0 0;
}
section.faq .area-list .block-list .cell-body .divi-caption .txt {
    font-size: 1.5rem;
}

/*================*/
section.weare {
}
section.weare>.inner {
}
/*----------------*/
section.weare .area-assert {
    padding: 130px 0 70px 0;
}
section.weare .area-assert .block-main {
    padding: 0 0 50px 0;
}
section.weare .area-assert .block-main .txt {
    font-size: 3.9rem;
    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: 2.3rem;
    color: var(--color-brand-01);
}
/*----------------*/
section.weare .area-list {
    padding: 0 0 115px 0;
}
section.weare .area-list .block-list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0 0;
}
section.weare .area-list .block-list .each {
    width: 30%;
}
section.weare .area-list .block-list .each .skin {
    height: 100%;
    padding: 30px 35px 30px 35px;
    border-radius: 20px;
    background-color: var(--color-translucent-02);
}
section.weare .area-list .block-list .cell-illust {
    position: relative;
    padding: 0 0 20px 0;
}
section.weare .area-list .block-list .cell-illust .cushion {
    width: 90%;
    aspect-ratio: 284/120;
    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.7rem;
    color: var(--color-brand-01);
}
section.weare .area-list .block-caption {
    padding: 20px 0 0 0;
}
section.weare .area-list .block-caption .txt {
    font-size: 1.5rem;
    color: var(--color-black);
}

/* :::::::::::::::::::::::::::::::::::::::::::::::: */
@media (any-hover: hover){

    section.entrance .area-button .block-button .cell-action .compo-button-entry .hitelm:hover {
        opacity: 0.7;
    }
    section.about .area-service .block-detail .cell-head .hitelm:hover .skin {
        background-color: var(--color-brand-01);
    }
} /* end of hover query */
/* :::::::::::::::::::::::::::::::::::::::::::::::: */

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