@charset "utf-8";
@import url("./lp/animate.min.css");

.container-sem-inner {
    max-width: 1380px;
    padding: 0 ;
}
.content-box {
    background-color: rgba(255, 255, 255, .9);
    border-style: none;
    border-radius: min( 0.694445vw, 1.0rem );
    padding-bottom: min( 3.26389vw, 4.7rem );
    padding-left: min( 3.47222vw, 5.00rem );
    padding-right: min( 3.47222vw, 5.00rem );
    z-index: 1;
}
.content-box-sem-inner {
    max-width: 1140px;
}
.set_up {
	-webkit-transition: .5s;
	transition: .5s;
}
.w-100 {
    width: 100%;
}

@media screen and (min-width: 821px) {
br.hidden-md {
    display: none;
}
}
@media screen and (max-width: 820px) {
.header__logo {
    margin-top: 0
}
.content-box {
    border-radius: min( 5.333333333vw, 2.0rem );
    padding: min( 5.333333333vw, 2.0rem );
}
}

/* ------------------------------------------------------
MAIN
------------------------------------------------------ */
.blu-wrap {
    background: url("../img/lp/bg_blu-wrap.jpg") no-repeat center;
    background-size: cover;
}
.kv-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    filter: alpha(opacity=80%);  opacity:0.8;
}
.kv-wrapper .js-loopImg {
    width: 100%;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
}
.kv-wrapper .js-loopImg ul {
    display: flex;
    display:-webkit-flex;
    align-items:center;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
}
.kv-wrapper .js-loopImg ul > li {
    display: block;
    position: relative;
}
.kv-wrapper .js-loopImg ul > li:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
}
.kv-wrapper .js-loopImg ul > li img {
    max-width: none;
    aspect-ratio: 1280 / 670;
    object-fit: cover;
    object-position: center;
    display: block;
}
.kv-wrapper .js-loopImg > * {
    -webkit-animation: loopAnimation linear infinite;
            animation: loopAnimation linear infinite;
    -webkit-animation-duration: -webkit-calc( (5000ms * var(--ImgWidth1)) / 400 );
            animation-duration: calc( (5000ms * var(--ImgWidth1)) / 400 );
}
.kv-wrapper .js-loopImg:nth-child(2n) > * {
    -webkit-animation: negative_loopAnimation linear infinite;
            animation: negative_loopAnimation linear infinite;
    -webkit-animation-duration: -webkit-calc( (5000ms * var(--ImgWidth1)) / 400 );
            animation-duration: calc( (5000ms * var(--ImgWidth1)) / 400 );
}
@-webkit-keyframes negative_loopAnimation {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes negative_loopAnimation {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.lp-kv {
    width: 100%;
    position: relative;
    margin-top: 0;
}
.lp-kv .head-main_inner,
.lp-kv .head-main_content {
    position: relative;
    z-index: 10;
    height: 100%;
}
.lp-kv .head-main_content {
    padding: min( 9.02775vw, 13rem ) 0;
    display:-webkit-flex;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
}
.lp-kv .head-main_tag {
    font-size: min( 1.73611vw, 2.5rem );
    color: var(--color-blu);
    margin-bottom: 1.75em;
    width: 100%;
}
.lp-kv .head-main_tag > li {
    border-radius: min( 0.347222vw, 0.5rem );
    background-color: white;
    text-align: center;
    font-weight: bold;
    width: 42.75%;
    padding: .25em;
    letter-spacing: 0.02em;
}
.lp-kv .head-main_subtitle {
    font-size: min( 1.805555vw, 2.6rem );
    color: #8F9CB4;
    font-weight: bold;
    line-height: 1em;
    text-transform: uppercase;
    padding: 0 0 .5em;
}
.lp-kv .head-main_title {
    font-size: min( 4.86111vw, 7.0rem );
    color: white;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.36;
}



@media screen and (min-width: 821px) {
.blu-wrap {
    padding-bottom: min( 4.16667vw, 6.0rem );
}
.kv-wrapper {}
.kv-wrapper .js-loopImg ul > li,
.kv-wrapper .js-loopImg ul > li img {
    width: min( 31.94432vw, 46.0rem );
}

    
.lp-kv {
    padding-top: min( 6.94445vw, 10rem );
    margin-bottom: min( 0.694445vw, 1.0rem );
}
.lp-kv .btn-wrap {
    margin-top: min( 7.98608vw, 11.5rem );
    position: fixed;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top:50%;
    z-index: 100;
}
.lp-kv .btn-wrap.is-under {
    -webkit-transform: translateX(100%) translateY(-50%);
    transform: translateX(100%) translateY(-50%);
}
.lp-kv .btn-wrap.__blank-btn .btn-default {
    font-size: min( 1.25vw, 1.8rem );
    border-radius: min( 0.694445vw, 1.0rem ) 0 0  min( 0.694445vw, 1.0rem );
    writing-mode: vertical-rl;
    min-width: auto;
    padding: 2.617em 0.8615em;
    display: block;
    line-height: 1.5em;
    background: linear-gradient(#fe5052 0%, #8846d1 50%, #1146be 100%);
    font-weight: bold;
}
.lp-kv .btn-wrap.__blank-btn .btn-default:after {
    bottom: min( 1.944445vw, 2.8rem );
    position: absolute;
    right: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left:50%;
}
.lp-kv .btn-wrap.__blank-btn .btn-default span {
    padding-bottom: 0.8em;
    margin-top: -0.4em;
    margin-left: -.1em;
    padding-right: .1em;
    display: block;
}

    
}
@media screen and (max-width: 820px) {
.blu-wrap {
    padding-bottom: min( 14.4vw, 5.4rem );
}
.kv-wrapper {}
.kv-wrapper .js-loopImg ul > li,
.kv-wrapper .js-loopImg ul > li img {
    width: min( 93.06656vw, 34.9rem );
}

.lp-kv .animate_original_fadeInLeft {
    -webkit-animation-name: fadeInUp_original !important;
    animation-name: fadeInUp_original !important;
}
    
.lp-kv {
    padding-top: min( 37.33335vw, 14rem );
    margin-bottom: 0;
}
.lp-kv .head-main_content {
    padding: 0 0 min( 32vw, 12rem );
    align-items: center;
    text-align: center;
}
.lp-kv .head-main_tag {
    font-size: min( 4.00vw, 1.5rem );
    margin-bottom: 1.35em;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    flex-direction: row;
}
.lp-kv .head-main_tag > li {
    border-radius: min( 1.333333vw, 0.5rem );
    width: auto;
    padding: .1675em 2.2em;
}
.lp-kv .head-main_subtitle {
    font-size: min( 4.8vw, 1.8rem );
    padding: 0 0 .85em;
}
.lp-kv .head-main_title {
    font-size: min( 8.8vw, 3.3rem );
    line-height: 1.4;
}
.lp-kv .btn-wrap {
    margin-top: min( 13.33333333vw, 5.0rem );
}
.lp-kv .btn-wrap.__blank-btn .btn-default {
    font-size: min( 4.8vw, 1.8rem );
    padding: 0.617em 0.8615em;
    min-width: 16.20em;
}
.lp-kv .btn-wrap.__blank-btn .btn-default span {
    display: block;
    line-height: 1;
    padding-top: .1em;
    margin-bottom: -.1em;
}
.lp-kv .btn-wrap.__blank-btn .btn-default::after {
    width: min( 4.8vw, 1.8rem );
    right: 1.0em;
    margin-top: .1em;
}
    
    
}

/* ------------------------------------------------------

------------------------------------------------------ */
.list__support {
    display: flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
}
.list__support > * {
    padding: 0;
}
.list__support--items {
    border: 2px solid var(--color-blu);
    background-color: white;
    height: 100%;
    text-align: center;
    display:-webkit-flex;
    display: flex;
    align-items:center;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: column;
}
.list__support--items .txt_support {
    height: 100%;
    display:-webkit-flex;
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
}
.list__support--items p {
    color: var(--color-blu);
    font-weight: bold;
}
.list__support:after {
    content: "";
    display: block;
    aspect-ratio: 43 / 26;
    object-fit: cover;
    object-position: center;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43 26"><path fill="%23fe5052" d="M19.959,1.864a2,2,0,0,1,3.083,0L40.292,22.725A2,2,0,0,1,38.751,26H4.249a2,2,0,0,1-1.541-3.275Z"/></svg>');
    height: auto;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background-repeat: no-repeat;
}
.list__support.animate__fadeIn:after {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown_original !important;
    animation-name: fadeInDown_original !important;
    -webkit-transform: rotate(-180deg) !important;
    transform: rotate(-180deg) !important;
}


.support__contact {
    border: 2px solid var(--color-red);
    background-color: rgba(254,80,82,0.1);
    text-align: center;
    display:-webkit-flex;
    display: flex;
    align-items:center;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
}
.support__contact--title {
    color: var(--color-red);
    font-weight: bold;
}
.support__contact--txt {
    background-color: var(--color-red);
    color: white;
    display: block;
    text-decoration: none;
    width: 100%;
    line-height: 1.4;
}
.support__contact--txt .link-txt {
    text-decoration: none;
    display: block;
    font-weight: bold;
}


@media screen and (min-width: 821px) {
.list__support {
    margin: 0 min( -0.625vw, -0.9rem );
    align-items:stretch;
    flex-direction: row;
}
.list__support > * {
    padding: 0 min( 0.625vw, 0.9rem );
    width: calc(100% / 3);
    width: -webkit-calc(100% / 3);
}
.list__support--items {
    font-size: min( 4.86111vw, 7.0rem );
    border-radius: min( 0.347222vw, 0.5rem );
    padding-top: .15em;
    padding-bottom: .45em;
}
.list__support--items .icon_support {
    padding-bottom: .15em;
}
.list__support--items .icon_support img {
    width: 2.46em;
}
.list__support--items p {
    font-size: min( 1.666665vw, 2.4rem );
    line-height: 1.3;
}
.list__support:after {
    width: min( 2.98611vw, 4.3rem );
    margin: min( 1.25vw, 1.8rem ) 0 min( 1.11111vw, 1.6rem );
}
.support__contact {
    padding: min( 2.22222vw, 3.2rem ) 0;
    border-radius: min( 0.347222vw, 0.5rem );
}
.support__contact--title {
    font-size: min( 2.22222vw, 3.2rem );
    padding-bottom: .25em;
    margin-top: -.25em;
}
.support__contact--txt {
    border-radius: min( 0.694445vw, 1.0rem );
    max-width: 58%;
}
.support__contact--txt .link-txt {
    font-size: min( 1.805555vw, 2.6rem );
    line-height: 1.4;
    padding: .3em 0;
}

    

}
@media screen and (max-width: 820px) {
.list__support {
    align-items: center;
    flex-direction: column;
    margin: min( -1.333333333vw, -0.5rem ) 0 0;
}
.list__support > * {
    width: 100%;
    padding: min( 1.333333333vw, 0.5rem ) 0;
}
.list__support--items,
.list__support--items p {
    font-size: min( 5.866666667vw, 2.2rem );
}
.list__support--items {
    border-radius: min( 2.666666667vw, 1.0rem );
    padding-top: .3em;
    padding-bottom: .87em;
}
.list__support--items .icon_support {
    padding-bottom: 0.65em;
}
.list__support--items .icon_support img {
    width: 7.774em;
}
.list__support--items p {
    line-height: 1.32;
}
.list__support:after {
    width: min( 11.46666667vw, 4.3rem );
    margin: min( 1.6vw, 0.6rem ) 0 min( 2.933333333vw, 1.1rem );
}
.support__contact {
    border-radius: min( 2.666666667vw, 1.0rem );
    padding: min( 7.466666667vw, 2.8rem ) 0 min( 5.333333333vw, 2.0rem );
}
.support__contact--title {
    font-size: min( 5.333333333vw, 2.0rem );
    line-height: 1.4;
}
.support__contact--txt {
    border-radius: min( 1.333333333vw, 0.5rem );
    margin-top: min( 4.533333333vw, 1.7rem );
    width: 89%;
    max-width: 27.5em;
}
.support__contact--txt .link-txt {
    font-size: min( 5.333333333vw, 2.0rem );
    padding: .65em 0 0.35em;
    letter-spacing: 0;
}

}

/* ------------------------------------------------------
Digital Experience が選ばれる理由
------------------------------------------------------ */
#choose {}
#choose .content-box-inner .content-term {
    text-align: center;
}
#choose .content-box-inner .content-term h2 {
}
#choose .content-box-inner .content-term h2 span {
    display: block;
}
#choose .content-box-inner .content-term h2 span::after {
    bottom: 0;
}

.list__choose {
    display: flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
}
.list__choose > * {}
.list__choose--items {
    border: 2px solid var(--color-blu);
    background-color: white;
    height: 100%;
    display: flex;
    display:-webkit-flex;
    align-items: center;
    flex-wrap: nowrap;
}
.choose__headline {
    color: var(--color-blu);
}
.choose__headline > * {
    line-height: 1;
    font-weight: bold;
}
.choose__headline--title {}
.choose__headline--subtitle {}
.choose__detail > p {}
.choose__image {
    display:-webkit-flex;
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
}
.choose__image img {
    max-height: stretch;
    object-fit: cover;
    object-position: center;
}

@media screen and (min-width: 821px) {
#choose {
    margin-top: min( 2.22222vw, 3.2rem );
}
#choose .content-box-inner .content-term h2 {
    font-size: min( 3.47222vw, 5.0rem );
    margin-top: .2em;
    margin-bottom: 1.02em;
}
#choose .content-box-inner .content-term h2 span {
    padding: 0 .35em .4em;
}
#choose .content-box-inner .content-term h2 span::after {
    height: 4px;
}

.list__choose {
    margin: min( -1.041665vw, -1.5rem );
    align-items:stretch;
    flex-direction: row;
}

.list__choose > * {
    padding: min( 1.041665vw, 1.5rem );
    width: calc(100% / 2);
    width: -webkit-calc(100% / 2);
}
.list__choose--items {
    border-radius: min( 0.694445vw, 1.0rem );
    padding-left: min( 4.86111vw, 7.0rem );
    justify-content: space-between;
    flex-direction: row;
}
.choose__headline--title {
    font-size: min( 3.124998vw, 4.5rem );
    padding-top: .325em;
}
.choose__headline--subtitle {
    font-size: min( 1.25vw, 1.8rem );
    padding: .75em 0 1.5em;
}
.choose__detail > p {
    font-size: min( 1.25vw, 1.8rem );
    line-height: 1.6;
}
.choose__image {
    height: min( 19.93058vw, 28.7rem );
    width: min( 20.69445vw, 29.80rem );
    padding: min( 0.694445vw, 1.0rem );
    justify-content: center;
}
.choose__image img {
    max-width: min( 17.15271vw, 24.7rem );
    max-height: min( 15.97216w, 23.0rem );
}

    
}
@media screen and (max-width: 820px) {
#choose {
    margin-top: min( 5.333333333vw, 2.0rem );
}
#choose .content-box {
    padding: min(5.333333333vw, 2.0rem);
}
#choose .content-box-inner .content-term h2 {
    font-size: min( 8vw, 3.0rem );
    margin-top: .85em;
    line-height: 1.45;
    letter-spacing: 0;
    margin-bottom: 1.07em;
}
#choose .content-box-inner .content-term h2 span {
    padding: 0 0 .3em;
}
#choose .content-box-inner .content-term h2 span::after {
    height: 2px;
}
.list__choose {
    align-items:center;
    flex-direction: column;
}
.list__choose > * {
    padding: min( 1.333333333vw, 0.5rem ) 0;
    width: 100%;
}
.list__choose--items {
    border-radius: min( 2.666666667vw, 1.0rem );
    justify-content: center;
    flex-direction: column;
    padding: min( 8vw, 3.0rem ) 0 0;
    text-align: center;
}
.choose__headline--title {
    font-size: min( 9.333333333vw, 3.5rem );
}
.choose__headline--subtitle {
    font-size: min( 4.8vw, 1.8rem );
    padding: .85em 0 0.8em;
}
.choose__detail > p {
    font-size: min( 3.733333333vw, 1.4rem );
    line-height: 1.85;
}
.choose__image {
    height: min( 53.33333333vw, 20.0rem );
    width: 100%;
    padding: min( 4vw, 1.5rem ) 0  min( 4vw, 1.5rem );
    justify-content: flex-start;
}
.choose__image img {
    aspect-ratio: 214 / 163;
    object-fit: contain;
    object-position: center;
    height: 100%;
}

    
}

/* ------------------------------------------------------
支援フロー
------------------------------------------------------ */
.white-wrap {
    background-color: white;
}
#flow {}
#flow .content-box-inner .content-term {
    text-align: center;
}
#flow .content-box-inner .content-term h2 {}
#flow .content-box-inner .content-term h2 span {
    display: block;
}



.list__flow {
    display: flex;
    display:-webkit-flex;
    flex-wrap: wrap;
}
.list__flow > * {
    position: relative;
}
.list__flow--items {
    height: 100%;
    border: 1px solid #D2E1FF;
    background-color: white;
}
.list__flow--items dl {
    text-align: center;
    color: var(--color-blu);
}
.list__flow--items dt {
    border: 1px solid var(--color-blu);
    position: relative;
}
.list__flow--items dt .txt {
    font-weight: bold;
    display: block;
    line-height: 1em;
}
.list__flow--items dd {
    border: 2px solid var(--color-blu);
    background: url("../img/lp/bg_flow--items.jpg") no-repeat center;
    background-size: cover;
    display:-webkit-flex;
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    position: relative;
}
.list__flow--items dd:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(17,70,190,0.1);
}
.list__flow--items dd > * {
    font-weight: bold;
    position: relative;
    z-index: 10;
}

.list__flow:after {
    content: "";
    display: block;
    aspect-ratio: 51 / 23;
    object-fit: cover;
    object-position: center;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 23"><path fill="%23fe5052" d="M24.16,1.208a2,2,0,0,1,2.679,0l20.3,18.307A2,2,0,0,1,45.8,23H5.2a2,2,0,0,1-1.34-3.485Z"/></svg>');
    height: auto;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background-repeat: no-repeat;
}
.list__flow.animate__fadeIn:after {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown_original !important;
    animation-name: fadeInDown_original !important;
    -webkit-transform: rotate(-180deg) !important;
    transform: rotate(-180deg) !important;
}
.flow__commit {
    border: 2px solid var(--color-red);
    background-color: rgba(254,80,82,0.1);
    text-align: center;
    display:-webkit-flex;
    display: flex;
    align-items:center;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
}
.flow__commit--title {
    color: var(--color-red);
    font-weight: bold;
}


@media screen and (min-width: 821px) {
.white-wrap {
    padding-bottom: min( 1.666665vw, 2.4rem);
}
#flow .content-box-inner .content-term h2 {
    font-size: min( 2.77778vw, 4.0rem );
    margin-top: .4em;
    margin-bottom: 1.25em;
}
#flow .content-box-inner .content-term h2 span {
    padding: 0 .35em .3em;
}
#flow .content-box-inner .content-term h2 span::after {
    bottom: 0;
}

.list__flow {
    margin: min( -1.11111vw, -1.6rem );
    margin-bottom: 0;
    align-items:stretch;
    justify-content: center;
    flex-direction: row;
}
.list__flow:after {
    width: min( 3.541665vw, 5.1rem );
    margin-bottom: .325em;
}
.list__flow > * {
    padding: min( 1.11111vw, 1.6rem );
    width: calc(100% / 5);
    width: -webkit-calc(100% / 5);
}
.list__flow--items {
    border-radius: min( 0.694445vw, 1.0rem );
    padding: min( 0.347222vw, 0.5rem );
}
.list__flow--items dl {
    display:-webkit-flex;
    display: flex;
    align-items:baseline;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}
.list__flow--items dl > * {
    width: 100%;
}
.list__flow--items dt {
    border-radius: min( 0.694445vw, 1.0rem );
}
.list__flow--items dt .txt {
    font-size: min( 1.805555vw, 2.6rem );
    padding: .7505em 0;
}
.list__flow > *:not(:last-child) dt:before {
    position: absolute;
    top: 0;
    right: min( -0.347222vw, -0.5rem );
    margin-right: min(-0.416667vw, -0.6rem);
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 23"><path fill="%231146be" d="M19.688,9.64a1.964,1.964,0,0,1,.746,2.709,2,2,0,0,1-.746.732L3.051,22.46a2.045,2.045,0,0,1-2.764-.726A1.955,1.955,0,0,1,.016,20.74V1.979A2,2,0,0,1,2.037-.007,2.053,2.053,0,0,1,3.051.259Z"/></svg>');
    width: min(1.45833vw, 2.1rem);
    height: auto;
    aspect-ratio: 20 / 23;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%);
    top:50%;
}
.list__flow--items dd {
    margin-top: min(0.868056vw, 1.25rem );
    border-radius: min( 0.694445vw, 1.0rem );
    padding-top: min( 1.38889vw, 2.0rem );
    padding-bottom: min( 2.08333vw, 3.0rem );
}
.list__flow--items dd > * {
    font-size: min( 1.38889vw, 2.0rem );
    line-height: 1.5;
}
.list__flow--items dd .icon_flow {
    padding: .15em 0 .15em;
}
.list__flow--items dd .icon_flow img {
    height: 5.1em;
}
.flow__commit {
    border-radius: min( 0.694445vw, 1.0rem );
    padding: min( 0.83333vw, 1.2rem );
    margin-top: min( 0.694445vw, 1.0rem );
}
.flow__commit--title {
    font-size: min( 2.22222vw, 3.2rem );
}
    
}
@media screen and (max-width: 820px) {
    
.white-wrap {
    padding-bottom: min( 8.533333333vw, 3.2rem );
}
#flow .content-box-inner .content-term h2 {
    font-size: min( 8vw, 3.0rem );
    margin-top: .85em;
    margin-bottom: 1.23em;
}
#flow .content-box-inner .content-term h2 span {
    padding: 0 .35em .28em;
}
#flow .content-box-inner .content-term h2 span::after {
    bottom: 0;
}
#flow .content-box {
    padding-left: min( 2.666666667vw, 1.0rem );
    padding-right: min( 2.666666667vw, 1.0rem );
}
.list__flow {
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.list__flow:after {
    width: min( 12.8vw, 4.8rem );
    margin: min( 2.533334vw, 0.95rem ) 0 0;
}
.list__flow > * {
    width: 100%;
    display:-webkit-flex;
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
}
.list__flow > *:not(:last-child):after {
    content: "";
    display: block;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 23"><path fill="%231146be" d="M19.688,9.64a1.964,1.964,0,0,1,.746,2.709,2,2,0,0,1-.746.732L3.051,22.46a2.045,2.045,0,0,1-2.764-.726A1.955,1.955,0,0,1,.016,20.74V1.979A2,2,0,0,1,2.037-.007,2.053,2.053,0,0,1,3.051.259Z"/></svg>');
    width: min( 5.6vw, 2.1rem );
    height: auto;
    aspect-ratio: 20 / 23;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: min( 0.533333333svw, 0.2rem ) 0 min( 1.333333333vw, 0.5rem );
}    
.list__flow--items {
    width: 100%;
    border-radius: min( 2.666666667vw, 1.0rem );
    padding: min( 2.666666667vw, 1.0rem ) min( 2.666666667vw, 1.0rem ) min( 2.4vw, 0.9rem );
}
.list__flow--items dt {
    border-radius: min( 2.666666667vw, 1.0rem );
}
.list__flow--items dt .txt {
    font-size: min( 6.933333333vw, 2.6rem );
    padding: .6155em 0;
}
.list__flow--items dd {
    margin-top: min( 2.666666667vw, 1.0rem );
    border-radius: min( 2.666666667vw, 1.0rem );
    display: flex;
    display:-webkit-flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: row;
    padding: min( 3.94667vw, 1.48rem ) 0;
}
.list__flow--items dd > * {
    font-size: min( 4.8vw, 1.8rem );
    line-height: 1.5;
}

.list__flow--items dd .icon_flow {
    height: 100%;
    width: 37.22%;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
}
.list__flow--items dd .icon_flow img {
    max-width: 6.3889em;
}
.list__flow--items dd > p {
    width: 62.78%;
    text-align: left;
    padding-left: 0.65em;
}
.flow__commit {
    border-radius: min( 2.666666667vw, 1.0rem );
    margin-top: min( 3.2vw, 1.2rem );
    padding: min( 4vw, 1.5rem ) 0;
}
.flow__commit--title {
    font-size: min( 5.333333333vw, 2.0rem );
    line-height: 1.4;
}

}

/* ------------------------------------------------------
支援カテゴリー
------------------------------------------------------ */
#category {}
#category .content-box-inner .content-term {
    text-align: center;
}
#category .content-box-inner .content-term h2 span {
    display: block;
}
#category .content-box {
    background-color: #DCE2E6;
}


.list__category {
    display: flex;
    display:-webkit-flex;
    flex-wrap: wrap;
}
.list__category > * {
    position: relative;
}
.list__category--items {
    height: 100%;
    border: 1px solid #D2E1FF;
    background-color: rgba(255,255,255,0.6);
}
.list__category--items dl {
    text-align: center;
    border: 1px solid #D2E1FF;
    background-color: white;
    display:-webkit-flex;
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
.list__category--items dt {
    color: var(--color-blu);
    font-weight: bold;
    display:-webkit-flex;
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    flex-direction: column;
}
.list__category--items dt .txt {
    letter-spacing: 0.02em;
}
.list__category--items dd {
    display:-webkit-flex;
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: column;
}

@media screen and (min-width: 821px) {
#category {
    margin-top: min( 2.08333vw, 3.0rem );
}
#category .content-box-inner .content-term h2 {
    font-size: min( 2.77778vw, 4.0rem );
    margin-top: .35em;
    margin-bottom: 0.95em;
}
#category .content-box-inner .content-term h2 span {
    padding: 0 .77em .38em;
}
#category .content-box-inner .content-term h2 span::after {
    bottom: 0;
}
#category .content-box {
    padding-bottom: min( 1.805555vw, 2.6rem );
}
.list__category {
    margin: min( -0.5555555vw, -0.8rem ) min( -0.76389vw, -1.1rem );
    margin-bottom: 0;
    align-items:stretch;
    justify-content: center;
    flex-direction: row;
}
.list__category > * {
    padding: min( 0.5555555vw, 0.8rem ) min( 0.76389vw, 1.1rem );
    width: calc(100% / 3);
    width: -webkit-calc(100% / 3);
}
.list__category--items {
    border-radius: min( 0.694445vw, 1.0rem );
    padding: min( 0.83333vw, 1.2rem );
}
.list__category--items dl {
    padding-bottom: min( 1.805555vw, 2.6rem );
    padding-left: min( 1.805555vw, 2.6rem );
    padding-right: min( 1.805555vw, 2.6rem );
    border-radius: min( 0.5555555vw, 0.8rem );
    padding-top: min( 1.59722vw, 2.3rem );
}
.list__category--items dt {
    height: 2.6em;
    font-size: min( 2.08333vw, 3.0rem );
}
.list__category--items dt .txt {
    line-height: 1.3;
}
.list__category--items dd {
    height: min( 12.56945vw, 18.1rem );
}
}
@media screen and (max-width: 820px) {
#category {
    margin-top: min( 5.333333333vw, 2.0rem );
}
#category .content-box-inner .content-term h2 {
    font-size: min( 8vw, 3.0rem );
    margin-top: .85em;
    margin-bottom: 1.22em;
}
#category .content-box-inner .content-term h2 span {
    padding: 0 .67em .26em;
}
#category .content-box-inner .content-term h2 span::after {
    bottom: 0;
}
#category .content-box {
    padding-left: min( 2.666666667vw, 1.0rem );
    padding-right: min( 2.666666667vw, 1.0rem );
    padding-bottom: min( 12.8vw, 4.8rem );
}
.list__category {
    margin: min( -1.333333333vw, -0.5rem ) 0 0;
    align-items:stretch;
    justify-content: center;
    flex-direction: column;
}
.list__category > * {
    padding: min( 1.333333333vw, 0.5rem ) 0;
    width: 100%;
}
.list__category--items {
    border-radius: min( 2.666666667vw, 1.0rem );
    padding: min( 2.666666667vw, 1.0rem ) min( 2.666666667vw, 1.0rem ) min( 2.133333333vw, 0.8rem );
}
.list__category--items dl {
    border-radius: min( 2.133333333vw, 0.8rem );
    padding-top: min( 2.666666667vw, 1.0rem );
    padding-bottom: min( 5.333333333vw, 2.0rem );
    padding-left: min( 5.6vw, 2.1rem );
    padding-right: min( 5.6vw, 2.1rem );
}
.list__category--items dt {
    font-size: min( 5.866666667vw, 2.2rem );
    padding: 0.73em 0 0.718em;
}
.list__category--items dt .txt {
    line-height: 1.14;
}
.list__category--items dd {
}
.list__category--items dd img {
    aspect-ratio: 330 / 173;
    object-fit: contain;
    object-position: center bottom;
}
    
    
    
    
}

/* ------------------------------------------------------
実績のご紹介
------------------------------------------------------ */
#works .content-box-inner .content-term {
    text-align: center;
}
#works .content-box-inner .content-term h2 {
    color: white;
}
#works .content-box-inner .content-term h2 span {
    display: block;
}
#works .content-box-inner .content-term h2 span > * {
    display: block;
}
#works .content-box-inner .content-term h2 span > * a {
    display: block;
    line-height: 1em;
}
#works .content-box-inner .content-term h2 span::after {
    bottom: 0;
}
#works .content-box {
    padding-bottom: min( 4.02778vw, 5.8rem );
    background: url("../img/lp/bg_works.jpg") no-repeat center;
    background-size: cover;
}


.list__works {
    display: flex;
    display:-webkit-flex;
    flex-wrap: wrap;
}
.list__works > * {
    position: relative;
}
.list__works--items .thumb,
.list__works--items .thumb img {
    margin: 0 auto;
    display: block;
    aspect-ratio: 1024 / 568;
    object-fit: contain;
    object-position: center;
}

.__blank-btn .btn-default {
    line-height: 1.1;
}
.__blank-btn .btn-default::after {
    content: "";
    position: absolute;
    height: auto;
    aspect-ratio: 1 / 1;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path fill="%23ffffff" d="M9,18a9,9,0,1,1,9-9A9,9,0,0,1,9,18ZM9,1a8,8,0,1,0,8,8A8,8,0,0,0,9,1ZM8.45,13.486l-0.707-.707,3.536-3.536L7.742,5.708,8.45,5l3.535,3.535h0l0.707,0.707-0.707.707Z"/></svg>');
    background-position: center;
    background-size: cover;
}
.__blank-btn .btn-default small {
    display: block;
}


@media screen and (min-width: 821px) {
#works {
    margin-top: min( 2.08333vw, 3.0rem );
}
#works .content-box-inner .content-term h2 {
    font-size: min( 2.77778vw, 4.0rem );
    margin-top: .35em;
    margin-bottom: 1em;
}
#works .content-box-inner .content-term h2 span {
    padding: 0 .25em .3em;
}
#works .content-box-inner .content-term h2 span > * {
    font-size: .5em;
    padding: 0.98em 0 0.35em;
}
.list__works {
    margin: 0 min( -1.90972vw, -2.75rem );
    padding-bottom: min( 3.368055vw, 4.85rem );
    align-items:stretch;
    justify-content: center;
    flex-direction: row;
}
.list__works > * {
    padding: 0 min( 1.90972vw, 2.75rem );
    width: calc(100% / 3);
    width: -webkit-calc(100% / 3);
}
.list__works--items a.set_up:hover {
    opacity: 0.7;
}
.__blank-btn .btn-default {
    font-size: min( 1.59722vw, 2.3rem );
    letter-spacing: 0.1em;
    padding-top: 0.95em;
    padding-bottom: 0.75em;
    min-width: 20.5em;
}
.__blank-btn .btn-default::after {
    width: min( 1.25vw, 1.8rem );
    right: 1.25em;
}
.__blank-btn .btn-default small {
    font-size: min( 0.694445vw, 1.0rem );
    letter-spacing: 0.05em;
    padding-top: .65em;
}


    
}
@media screen and (max-width: 820px) {
#works {
    margin-top: min( 5.333333333vw, 2.0rem );
}
#works .content-box-inner .content-term h2 {
    font-size: min( 8vw, 3.0rem );
    margin-top: .85em;
    margin-bottom: 1.14em;
}
#works .content-box-inner .content-term h2 span {
    padding: 0 .05em .3em;
}
#works .content-box-inner .content-term h2 span > * {
    font-size: min( 3.733333333vw, 1.4rem );
    padding: 0.4em 0 0.7em;
}
#works .content-box {
    padding-left: min( 2.666666667vw, 1.0rem );
    padding-right: min( 2.666666667vw, 1.0rem );
    padding-bottom: min( 13.86666667vw, 5.2rem );
}
.list__works {
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    margin: min( -3.86666vw, -1.45rem ) 0 0;
    padding-bottom: min( 2.933333333vw, 1.1rem );
}
.list__works > * {
    padding: min( 3.86666vw, 1.45rem ) min( 5.333333333vw, 2.0rem );
    width: 100%;
}
.__blank-btn .btn-default {
    font-size: min( 5.333333333vw, 2.0rem );
    letter-spacing: 0em;
    padding-top: 0.75em;
    padding-bottom: 0.601em;
    min-width: 15.75em;
    width: 94.03%;
}
.__blank-btn .btn-default::after {
    width: min( 4.8vw, 1.8rem );
    right: 0.75em;
}
.__blank-btn .btn-default small {
    font-size: min( 3.2vw, 1.2rem );
    letter-spacing: 0.05em;
    padding-top: .65em;
}
    
    
    
    
    
    
    
    
}

/* ------------------------------------------------------
FAQ
------------------------------------------------------ */

#faq {}
#faq .content-box-inner .content-term {
    text-align: center;
}
#faq .content-box-inner .content-term h2 span {
    display: block;
}
#faq .content-box {
    background-color: transparent;
}
.list__faq {
    text-align: left;
}
.list__faq--items {}
.list__faq--items .icon {
    color: var(--color-blu);
    font-weight: bold;
    display: block;
    text-align: center;
}
.faq__headline {
    display: flex;
    display:-webkit-flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    border: 2px solid var(--color-blu);
    cursor: pointer;
    position: relative;
    background: url("../img/lp/bg_faq--items.jpg") no-repeat center;
    background-size: cover;
}
.faq__headline:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: 0;
    background-color: rgba(17,70,190,0.1);
}
.faq__headline > * {
    position: relative;
    z-index: 1;
}
.faq__headline:after {
    position: absolute;
    content: "";
    background-color: white;
    aspect-ratio: 1 / 1;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%231146BE" d="M10,0A10,10,0,1,0,20,10,10,10,0,0,0,10,0Zm4,10.5H10.5V14h-1V10.5H6v-1H9.5V6h1V9.5H14v1Z"/></svg>');
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-size: cover;
}
.faq__headline.is-active:after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%231146BE" d="M10,0A10,10,0,1,0,20,10,10,10,0,0,0,10,0Zm4,10.5H6v-1h8v1Z"/></svg>');
}
.faq__title {
    color: var(--color-blu);
    font-weight: bold;
    width: 100%;
}
.faq__content {
    display: flex;
    display:-webkit-flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex-direction: row;
    background-color: white;
    opacity: 0;
    visibility: hidden;
    height: 0;
}
.faq__content.is-active {
    opacity: 1;
    visibility: visible;
    height: auto;
}

@media screen and (min-width: 821px) {

#faq .content-box-inner .content-term h2 {
    font-size: min( 2.77778vw, 4.0rem );
    margin-top: .4em;
    margin-bottom: 1.2em;
}
#faq .content-box-inner .content-term h2 span {
    padding: 0 0 .1em;
}
#faq .content-box {
    padding-bottom: min( 5.13889vw, 7.4rem );
}

.list__faq--items + .list__faq--items {
    padding-top: min( 0.673611vw, 0.97em);
}
.list__faq--items .icon {
    font-size: min( 2.430556vw, 3.5rem );
    min-width: 3.2em;
    padding-top: .1em;
}
.faq__headline {
    border-radius: min( 0.694445vw, 1.0rem );
    padding-right: min( 7.6389vw, 11.0rem );
}
.faq__headline:after {
    right: min( 1.944445vw, 2.8rem );
    top: min( 1.944445vw, 2.8rem );
    width: min( 1.38889vw, 2.0rem );
}
.faq__title {
    font-size: min( 1.38889vw, 2.0rem );
    line-height: 1.5;
    padding: 1.15em 0;
}
.faq__content {
    border-radius: min( 0.694445vw, 1.0rem );
}
.faq__content.is-active {
    padding-top: min( 0.138889vw, 0.2rem );
    padding-bottom: min( 3.33333vw, 4.8rem );
}
.faq__answer {
    padding-top: min( 1.875vw, 2.7rem);
    padding-right: min( 7.6389vw, 11.0rem );
}
.faq__answer > * {
    font-size: min( 1.25vw, 1.8rem );
    line-height: 1.7;
}

}
@media screen and (max-width: 820px) {
#faq .content-box-inner .content-term h2 {
    font-size: min( 8vw, 3.0rem );
    margin-top: .9em;
    margin-bottom: 1.45em;
}
#faq .content-box-inner .content-term h2 span {
    padding: 0 0.1em 0;
}
#faq .content-box {
    padding-bottom: min( 14.4vw, 5.4rem );
    padding-left: 0;
    padding-right: 0;
}
.list__faq--items + .list__faq--items {
    padding-top: min( 2.666666667vw, 1.0rem );
}
.list__faq--items .icon {
    font-size: min( 6.666666667vw, 2.5rem );
    min-width: 2.1em;
    padding-top: .7em;
}
.faq__headline {
    border-radius: min( 2.666666667vw, 1.0rem );
    padding-right: min( 10.66666667vw, 4.0rem );
}
.faq__headline:after {
    right: min( 1.866666667vw, 0.7rem );
    width: min( 5.333333333vw, 2.0rem );
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top:50%;
}
.faq__title {
    font-size: min( 4.8vw, 1.8rem );
    line-height: 1.7;
    padding: 1.55em 0 0.9em;
}
.faq__content {
    border-radius: min( 2.666666667vw, 1.0rem );
}
.faq__content.is-active {
    padding-top: min( 1.066666667vw, 0.4rem );
    padding-bottom: min( 26.66666667vw, 10.0rem );
}
.faq__answer {
    padding-top: min( 6.933333333vw, 2.6rem);
    padding-right: min( 5.333333333vw, 2.0rem );
}
.faq__answer > * {
    font-size: min( 3.733333333vw, 1.4rem );
    line-height: 1.7;
}
    
    
}









/* ------------------------------------------------------
お役立ちコラム
------------------------------------------------------ */

#column {}
#column .content-box-inner .content-term {
    text-align: center;
}
#column .content-box-inner .content-term h2 span,
#column .content-box-inner .content-term h2 span > * {
    display: block;
}
#column .content-box-inner .content-term h2 span > * a {
    display: block;
    line-height: 1em;
}
#column .content-box-inner .content-term h2 span::after {
    bottom: 0;
}
#column .content-box {
    background-color: white;
}


.list__column {
    display: flex;
    display:-webkit-flex;
    flex-wrap: wrap;
}
.list__column > * {
    position: relative;
}
.list__column--items {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.list__column--items a {
    position: relative;
    z-index: 100;
}
.list__column--items a:before {
    content: "";
    width: 100vw;
    height: 100vw;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
}
.list__column--items .btn-default {
    position: absolute;
    z-index: 1000
}
.list__column--items .btn-default::after {
    content: "";
    position: absolute;
    height: auto;
    aspect-ratio: 1 / 1;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path fill="%23ffffff" d="M9,18a9,9,0,1,1,9-9A9,9,0,0,1,9,18ZM9,1a8,8,0,1,0,8,8A8,8,0,0,0,9,1ZM8.45,13.486l-0.707-.707,3.536-3.536L7.742,5.708,8.45,5l3.535,3.535h0l0.707,0.707-0.707.707Z"/></svg>');
    background-position: center;
    background-size: cover;
}
.list__column--items .thumb,
.list__column--items .thumb img {
    margin: 0 auto;
    display: block;
    aspect-ratio: 404 / 251;
    object-fit: cover;
    object-position: center;
}


@media screen and (min-width: 821px) {

#column .content-box-inner .content-term h2 {
    font-size: min( 2.77778vw, 4.0rem );
    margin-top: .45em;
    margin-bottom: 1em;
}
#column .content-box-inner .content-term h2 span {
    padding: 0 .67em .3em;
}
#column .content-box-inner .content-term h2 span > * {
    font-size: .5em;
    padding: 0.75em 0 0.4em;
}
#column .content-box {
    padding-bottom: min( 1.805555vw, 2.6rem );
}

.list__column {
    align-items:stretch;
    justify-content: center;
    flex-direction: row;
    margin: 0 min( -1.181vw, -1.7rem );
    padding-bottom: min(3.34vw, 4.85rem);
}
.list__column > * {
    width: calc(100% / 3);
    width: -webkit-calc(100% / 3);
    padding: 0 min(1.181vw, 1.7rem);
}
.list__column--items {
    border-radius: min( 0.694445vw, 1.0rem );
}
.list__column--items .btn-default {
    font-size: min( 0.677081vw, 1.3rem );
    right: 0.78em;
    bottom: 0.78em;
    min-width: 12.2em;
    padding: .75em 2em;
    min-height: 2.7em;
}
.list__column--items .btn-default::after {
    right: 0.85em;
    width: min(0.838vw, 1.2rem);
}
.list__column--items.set_up:hover {
    opacity: 0.7;
}
    
}
@media screen and (max-width: 820px) {

#column .content-box-inner .content-term h2 {
    font-size: min( 8vw, 3.0rem );
    margin-top: .9em;
    margin-bottom: 1.18em;
}
#column .content-box-inner .content-term h2 span {
    padding: 0 .6em .3em;
}
#column .content-box-inner .content-term h2 span > * {
    font-size: min( 3.733333333vw, 1.4rem );
    padding: 0.5em 0 0.65em;
}
#column .content-box {
    padding-bottom: min( 11.46666667vw, 4.3rem );
}

.list__column {
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    margin: min( -2.666666667vw, -1.0rem ) 0 0;
    padding-bottom: 0;
}
.list__column > * {
    width: 100%;
    padding: min( 2.666666667vw, 1.0rem ) 0;
}
.list__column--items {
    border-radius: min( 2.666666667vw, 1.0rem );
}
.list__column--items .btn-default {
    font-size: min( 3.466666667vw, 1.3rem );
    right: 0.78em;
    bottom: 0.78em;
    min-width: 12.3077em;
    width: 50.795%;
    padding: .715em 2em 0.78em;
    min-height: 2.5em;
}
.list__column--items .btn-default::after {
    right: 0.85em;
    width: min( 3.2vw, 1.2rem );
}
    
    
    
    
    
    
    
    
    
}

/* ------------------------------------------------------

------------------------------------------------------ */

/*
#links-wrapper .LP__contact-wrapper {
    color: white;
    position: relative;
    background: url("../img/common/recruit_bg.webp") no-repeat left top/cover;
}
#links-wrapper .LP__contact-wrapper dt {
    font-weight: bold;
    line-height: 1;
    width: 100%;
}
*/
#links-wrapper .LP__recruit-inner {
    display: flex;
    display:-webkit-flex;
    flex-wrap: wrap;
}
#links-wrapper .LP__contact-wrapper dd > * {
    /*
    background-color: rgba(17,70,190,0.54);
    */

    color: white;
    position: relative;
    background: url("../img/common/recruit_bg.webp") no-repeat left top/cover;
    
    height: 100%;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
#links-wrapper .LP__contact-wrapper dd .btn-wrap .btn-default {
    background-color: white;
    color: var(--color-blu);
    font-weight: bold;
    position: relative;
}
#links-wrapper .LP__contact-wrapper dd .btn-wrap .btn-default:after {
    content: "";
    position: absolute;
    height: auto;
    aspect-ratio: 1 / 1;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path fill="%231146BE" d="M9,18a9,9,0,1,1,9-9A9,9,0,0,1,9,18ZM9,1a8,8,0,1,0,8,8A8,8,0,0,0,9,1ZM8.45,13.486l-0.707-.707,3.536-3.536L7.742,5.708,8.45,5l3.535,3.535h0l0.707,0.707-0.707.707Z"/></svg>');
    background-position: center;
    background-size: cover;
}

@media screen and (min-width: 821px) {
#links-wrapper.LP__links-wrapper {
  margin-top: min( 2.015vw, 2.9rem );
}
#links-wrapper .LP__contact-wrapper {
    border-radius: min( 0.694445vw, 1.0rem );
    padding: min( 3.47222vw, 5.0rem ) min( 4.45vw, 6.4rem ) 0;
}
#links-wrapper .LP__recruit-inner {
    margin-left: min( -1.041665vw, -1.5rem );
    margin-right: min( -1.041665vw, -1.5rem );
    align-items:stretch;
    justify-content: center;
}
#links-wrapper .LP__recruit-inner > * {
    padding-left: min( 1.041665vw, 1.5rem );
    padding-right: min( 1.041665vw, 1.5rem );
}
#links-wrapper .LP__contact-wrapper dt {
    font-size:  min( 4.16667vw, 6.0rem );
    letter-spacing: .05em;
    width: 100%;
    padding-bottom: 0.57em;
}
#links-wrapper .LP__contact-wrapper dd {
    width: calc(100% / 2);
    width: -webkit-calc(100% / 2);
}
#links-wrapper .LP__contact-wrapper dd > * {
    border-radius: min( 1.38889vw, 2.0rem );
    padding: min( 3.75vw, 5.4rem );
}
#links-wrapper .LP__contact-wrapper dd p {
  font-size: min( 1.805555vw, 2.6rem );
  line-height: 1.7;
}
#links-wrapper .LP__contact-wrapper dd .btn-wrap {
    margin-top: min( 2.430556vw, 3.5rem );
}
#links-wrapper .LP__contact-wrapper dd .btn-wrap .btn-default {
    min-width: 19.0em;
    letter-spacing: 0.1em;
}
#links-wrapper .LP__contact-wrapper dd .btn-wrap .btn-default:after {
    width: min( 1.25vw, 1.8rem );
    right: 0.85em;
}
#links-wrapper .LP__contact-wrapper dd .btn-wrap .btn-default:hover {
    color: white;
}
#links-wrapper .LP__contact-wrapper dd .btn-wrap .btn-default:hover:after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path fill="%23ffffff" d="M9,18a9,9,0,1,1,9-9A9,9,0,0,1,9,18ZM9,1a8,8,0,1,0,8,8A8,8,0,0,0,9,1ZM8.45,13.486l-0.707-.707,3.536-3.536L7.742,5.708,8.45,5l3.535,3.535h0l0.707,0.707-0.707.707Z"/></svg>');
}
    
}
@media screen and (max-width: 820px) {
#links-wrapper.LP__links-wrapper {
  margin-top: min( 28.53333333vw, 10.7rem );
}
#links-wrapper .LP__contact-wrapper {
    border-radius: min( 2.666666667vw, 1.0rem );
    padding: 0 min( 2.666666667vw, 1.0rem ) ;
}
#links-wrapper .LP__recruit-inner {
    align-items: stretch;
    justify-content: center;
}
/*
#links-wrapper .LP__contact-wrapper dt {
    font-size:  min( 10.66666667vw, 4.0rem );
    letter-spacing: .01em;
    padding-bottom: 1.1em;
    text-align: center;
}
*/
#links-wrapper .LP__contact-wrapper dd {
    width: 100%;
}
#links-wrapper .LP__contact-wrapper dd > * {
    border-radius: min( 2.666666667vw, 1.0rem );
    padding: min( 9.866666667vw, 3.7rem ) min( 5.333333333vw, 2.0rem );
}
#links-wrapper .LP__contact-wrapper dd p {
    font-size: min( 4.8vw, 1.8rem );
    line-height: 1.7;
}
#links-wrapper .LP__contact-wrapper dd .btn-wrap {
    margin-top: min( 6.4vw, 2.4rem );
}
#links-wrapper .LP__contact-wrapper dd .btn-wrap .btn-default {
    font-size: min( 4.8vw, 1.8rem );
    min-width: 16.389em;
    letter-spacing: 0.1em;
    padding: .7em 2em .5em;
}
#links-wrapper .LP__contact-wrapper dd .btn-wrap .btn-default:after {
    width: min( 4.8vw, 1.8rem );
    right: 0.85em;
}
    
    
    
    
    
    
}


















/* ------------------------------------------------------

------------------------------------------------------ */

.animate__fadeIn__wrapper,
.animate__fadeInDown__wrapper,
.animate__fadeInDown_original_wrapper,
.animate__fadeInUp__wrapper,
.animate__fadeInUp_original_wrapper,
.animate__fadeInLeft_original_wrapper {
    opacity: 0;
}
@media print {
.animate__fadeIn__wrapper,
.animate__fadeInDown__wrapper,
.animate__fadeInDown_original_wrapper,
.animate__fadeInUp__wrapper,
.animate__fadeInUp_original_wrapper,
.animate__fadeInLeft_original_wrapper {
    opacity: 1;
}
}
.animate_original_fadeInUp {
    -webkit-animation-name: fadeInUp_original !important;
    animation-name: fadeInUp_original !important;
}
@-webkit-keyframes fadeInUp_original {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp_original {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,20%,0);
        transform: translate3d(0,20%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.animate_original_fadeInDown {
    -webkit-animation-name: fadeInDown_original !important;
    animation-name: fadeInDown_original !important;
}
@-webkit-keyframes fadeInDown_original {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInDown_original {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate_original_fadeInLeft {
    -webkit-animation-name: fadeInLeft_original !important;
    animation-name: fadeInLeft_original !important;
}
@-webkit-keyframes fadeInLeft_original {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInLeft_original {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__delay-0_25s {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
.animate__delay-0_5s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.animate__delay-0_75s {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}
.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.animate__delay-1_25s {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s;
}
.animate__delay-1_5s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.animate__delay-1_75s {
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s;
}
.animate__delay-2s {}
.animate__delay-2_25s {
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s;
}
.animate__delay-2_5s {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}
.animate__delay-2_75s {
    -webkit-animation-delay: 2.75s;
    animation-delay: 2.75s;
}
.animate__delay-3s {}
.animate__delay-3_25s {
    -webkit-animation-delay: 3.25s;
    animation-delay: 3.25s;
}
.animate__delay-3_5s {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}
.animate__delay-3_75s {
    -webkit-animation-delay: 3.75s;
    animation-delay: 3.75s;
}
.animate__delay-4s {}
.animate__delay-4_25s {
    -webkit-animation-delay: 4.25s;
    animation-delay: 4.25s;
}
.animate__delay-4_5s {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}
.animate__delay-4_75s {
    -webkit-animation-delay: 4.75s;
    animation-delay: 4.75s;
}
.animate__delay-5s {}
.animate__delay-5_5s {
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s;
}