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

.container-sem-inner {
    max-width: 1380px;
    padding: 0 ;
}
.content-box:not(.download-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%;
}
.text-nowrap {
    white-space: nowrap;
}

@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 );
}
.d-sm-block {
    display: block;
}   
}

/* ------------------------------------------------------
HEADER
------------------------------------------------------ */
#header .header__logo {}
#header .header__inner {
    -webkit-box-align: end;
    -webkit-align-items: end;
    -moz-box-align: end;
    align-items: end;
    -webkit-justify-content: start;
    justify-content: start;
}
#header .group__name {
    line-height: 1em;
    font-weight: bold;
    letter-spacing: .05em;
}
.js-logoChg #header .group__name {
    color: white;
}
#fixed__contact {
    position: absolute;
}
#fixed__contact .list__fixedilnk {
    display: flex;
    display:-webkit-flex;
    align-items:center;
    flex-wrap: nowrap;
    justify-content: flex-end;
    flex-direction: row;
}
#fixed__contact .list__fixedilnk .list__fixedilnk--items a {
    display: block;
    color: white;
    font-weight: bold;
}
#fixed__contact .list__fixedilnk .list__fixedilnk-contact-items a {
    background-color: var(--color-red);
}
#fixed__contact .list__fixedilnk .list__fixedilnk-manual-items a {
    background-color: #6A46CC;
}


@media screen and (min-width: 821px) {
#header .header__logo {
    width: 13.25vw;
    margin-right: min( 1.388885vw, 2.0rem );
}
#header .group__name {
    font-size: min( 1.111105vw, 1.6rem );
}
#fixed__contact {
    top: -1.38889vw;
    right: 0;
}
#fixed__contact .list__fixedilnk {
    margin: 0 min( -0.34722vw, -0.5rem );
}
#fixed__contact .list__fixedilnk .list__fixedilnk--items {
    padding: 0 min( 0.34722vw, 0.5rem );
}
#fixed__contact .list__fixedilnk .list__fixedilnk--items a {
    font-size: min( 1.38889vw, 2.0rem );
    padding: .45em 1.1em;
    border-radius: 0 0 min(0.34722vw, 0.5rem) min(0.34722vw, 0.5rem);
}
#fixed__contact .list__fixedilnk .list__fixedilnk-contact-items a {
    padding-left: 1.8em;
    padding-right: 1.8em;
}
#fixed__contact .list__fixedilnk .list__fixedilnk--items a.set_up:hover {
    opacity: 0.7;
}
}
@media screen and (max-width: 820px) {

#header .header__logo {
    width: min( 48.00vw, 18.00rem );
    margin-right: min( 4.26667vw, 1.6rem );
}
#header .group__name {
    font-size: min( 2.66667vw, 1.0rem );
    line-height: 1.2;
}
#fixed__contact {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
#fixed__contact .list__fixedilnk .list__fixedilnk--items {
    width: 100%;
    height: min( 13.33333vw, 5.0rem );
}
#fixed__contact .list__fixedilnk .list__fixedilnk--items a {
    font-size: min( 3.86667vw, 1.45rem );
    padding: 0 .45em;
    text-align: center;
    white-space: nowrap;
    height: 100%;
    display:-webkit-flex;
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
}
footer {
    padding-bottom: min( 16.00000vw, 6.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-kvImg {
    width: 100%;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
}
.kv-wrapper .js-kvImg ul {
    display: flex;
    display:-webkit-flex;
    align-items:center;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
}
.kv-wrapper .js-kvImg ul > li {
    display: block;
    position: relative;
}
.kv-wrapper .js-kvImg 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-kvImg ul > li img {
    max-width: none;
    aspect-ratio: 1280 / 670;
    object-fit: cover;
    object-position: center;
    display: block;
}
.kv-wrapper .js-kvImg > * {
    -webkit-animation: loopAnimation linear infinite;
            animation: loopAnimation linear infinite;
    -webkit-animation-duration: -webkit-calc( (5000ms * var(--ImgWidth_kv1)) / 400 );
            animation-duration: calc( (5000ms * var(--ImgWidth_kv1)) / 400 );
}
.kv-wrapper .js-kvImg:nth-child(2n) > * {
    -webkit-animation: negative_loopAnimation linear infinite;
            animation: negative_loopAnimation linear infinite;
    -webkit-animation-duration: -webkit-calc( (5000ms * var(--ImgWidth_kv1)) / 400 );
            animation-duration: calc( (5000ms * var(--ImgWidth_kv1)) / 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_title {
    font-size: min( 4.86111vw, 7.0rem );
    color: white;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.36;
    letter-spacing: 0;
}
.lp-kv .head-main_subtitle {
    font-size: min( 1.736107955vw, 2.5rem );
    color: white;
    line-height: 1em;
    text-transform: uppercase;
    padding-top: 1.0em;
    letter-spacing: 0.05em;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
}
.lp-kv .btn-wrap.__blank-btn .btn-default {
    background: var(--color-red);
}


@media screen and (min-width: 821px) {
.blu-wrap {
    padding-bottom: min( 4.16667vw, 6.0rem );
}
.kv-wrapper {}
.kv-wrapper .js-kvImg ul > li,
.kv-wrapper .js-kvImg ul > li img {
    width: min( 31.94432vw, 46.0rem );
}    
.lp-kv {
    padding-top: min( 6.805543182vw, 9.8rem );
    padding-bottom: min( 3.645826705vw, 5.25rem )
}
.lp-kv .head-main_title {
    padding-top: min( 4.861102273vw, 7.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: var(--color-red);
    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,
.lp-kv {
    height: min( 165.33333vw, 62.0rem );
}
.kv-wrapper .js-kvImg ul > li,
.kv-wrapper .js-kvImg ul > li img {
    width: auto;
    height: min( 55.0667vw, 20.65rem );
}

.lp-kv .animate_original_fadeInLeft {
    -webkit-animation-name: fadeInUp_original !important;
    animation-name: fadeInUp_original !important;
}
.lp-kv {
    margin-bottom: 0;
}
.lp-kv .head-main_content {
    align-items: center;
    text-align: center;
    padding-top: 0;
}
.lp-kv .head-main_title {
    font-size: min( 8.53333vw, 3.2rem );
    line-height: 1.4;
}
.lp-kv .head-main_subtitle {
    font-size: min( 4.26667vw, 1.6rem );
    padding-top: .85em;
    line-height: 1.5;
    justify-content: center;
}
.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;
}
    
    
}


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

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

.logo-back {
  width: 100%;
  height: min( 18.05552273vw, 26rem );
  background-color: #fff;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.logo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.logo-wrapper:nth-of-type(1) {
  margin-top: min( 2.083329545vw, 3.0rem );
  margin-left: -12.9%;
}
.logo-wrapper:nth-of-type(2) {
  margin-bottom: min( 2.499995455vw, 3.6rem);
  margin-left: -6.46%;
}
.logo-back .js-loopImg img {
  max-width: none;
  height: min(6.25vw, 90px);
}
.logo-back .js-loopImg {
  width: 100%;
}
.logo-back .js-loopImg > * {
    -webkit-animation: loopAnimation linear infinite;
            animation: loopAnimation linear infinite;
    -webkit-animation-duration: -webkit-calc( (10000ms * var(--ImgWidth1)) / 400 );
            animation-duration: calc( (10000ms * var(--ImgWidth1)) / 400 );
}
.logo-back .js-loopImg + .js-loopImg > * { 
    -webkit-animation-duration: -webkit-calc( (10000ms * var(--ImgWidth2)) / 400 );
            animation-duration: calc( (10000ms * var(--ImgWidth2)) / 400 );
}


@media screen and (max-width: 820px) {
.logo-back {
    height: min( 45.33333vw, 17.0rem);
}
.logo-back .js-loopImg img {
    height: min( 16.00vw, 6.0rem);
}
.logo-wrapper:nth-of-type(1) {
    margin-top: min( 5.33333vw, 2.0rem );
}
.logo-wrapper:nth-of-type(2) {
    margin-bottom: min( 5.33333vw, 2.0rem );
}

}

/* ------------------------------------------------------
制作実績（一部）
------------------------------------------------------ */

#partworks .content-term {
    text-align: center;
}
#partworks .content-term h2 {
    color: white;
}
#partworks .content-term h2 span {
    display: block;
}
#partworks .content-term h2 span::after {
    bottom: 0;
}
.list__partworks {
    display: flex;
    display:-webkit-flex;
    flex-wrap: wrap;
}
.list__partworks > * {
    position: relative;
    overflow: hidden;
}
.list__partworks--items {
    position: relative;
    overflow: hidden;
}
.list__partworks--items a:after{
    content: "";
    width: 100vw;
    height: 100vw;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
}
.list__partworks--items .thumb img {
    margin: 0 auto;
    display: block;
    aspect-ratio: 1024 / 576;
    object-fit: contain;
    object-position: center;
}
.list__partworks--items .dl__card {
    text-align: center;
    color: white;
    margin: 0 auto;
}
.list__partworks--items .dl__card--title {
    font-weight: bold;
    padding: .1em 0;
}
.list__partworks--items .dl__card--title a {
    display: block;
    line-height: 1.5;
}
.list__partworks--items .dl__card--subtitle {
    padding-top: 0.75em;
}



@media screen and (min-width: 821px) {
#partworks {
    padding-top: min( 3.229160795vw, 4.65rem );
}
#partworks .content-term h2 {
    font-size: min( 2.77778vw, 4.0rem );
    margin-top: .35em;
    margin-bottom: 1.35em;
}
#partworks .content-term h2 span {
    padding: 0 .75em .3em;
}
#partworks .content-term h2 span > * {
    font-size: .5em;
}
.list__partworks {
    padding-bottom: min( 4.37499vw, 6.3rem );
    align-items:stretch;
    justify-content: center;
    flex-direction: row;
    margin-top: min( -0.62500vw, -0.9rem );
}
.list__partworks > * {
    width: calc(100% / 3);
    width: -webkit-calc(100% / 3);
    padding-top: min( 0.62500vw, 0.9rem );
    padding-bottom: min( 0.62500vw, 0.9rem );
}
.list__partworks--items.set_up:hover {
    opacity: 0.7;
}
    
.list__partworks--items .dl__card {
    padding-top: min( 1.11111vw, 1.6rem );
    width: 80%;
}
.list__partworks--items .dl__card--title {
    font-size: min( 1.11111vw, 1.6rem );
}
.list__partworks--items .dl__card--subtitle {
    font-size: min( 0.97222vw, 1.4rem );
    padding-top: 0.75em;
}
    
    

    
}
@media screen and (max-width: 820px) {
#partworks {
    margin-top: min( 5.333333333vw, 2.0rem );
    padding-bottom: min( 5.333333333vw, 2.0rem );
}
#partworks .content-term h2 {
    font-size: min( 8vw, 3.0rem );
    margin-top: .85em;
    margin-bottom: 1.14em;
}
#partworks .content-term h2 span {
    padding: 0 .875em .3em;
}
#partworks .content-term h2 span > * {
    font-size: min( 3.733333333vw, 1.4rem );
    padding: 0.4em 0 0.7em;
}
#partworks .content-box {
    padding-left: min( 2.666666667vw, 1.0rem );
    padding-right: min( 2.666666667vw, 1.0rem );
    padding-bottom: min( 13.86666667vw, 5.2rem );
}
.list__partworks {
    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__partworks > * {
    padding: min( 3.86666vw, 1.45rem ) min( 5.333333333vw, 2.0rem );
    width: 100%;
}
    
.list__partworks--items .dl__card {
    width: 86%;
}
.list__partworks--items .dl__card--title {
    font-size: min( 4.00vw, 1.5rem );
}
.list__partworks--items .dl__card--subtitle {
    font-size: min( 3.73333vw, 1.4rem );
} 
    
    
    
    
    
    
}













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

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

#support {}
#support .content-box-inner .content-term {
    text-align: center;
}
#support .content-box-inner .content-term h2 {
}
#support .content-box-inner .content-term h2 span {
    display: block;
}
#support .content-box-inner .content-term h2 span::after {
    bottom: 0;
}

.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) {
#support {
    margin-top: min( 2.22222vw, 3.2rem );
}
#support .content-box-inner .content-term h2 {
    font-size: min( 2.77777vw, 4.0rem );
    margin-top: .35em;
    margin-bottom: 1.2em;
}
#support .content-box-inner .content-term h2 span {
    padding: 0 .65em .3em;
}
#support .content-box-inner .content-term h2 span::after {
    height: 2px;
}

.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) {

#support {
    margin-top: min(5.333333333vw, 2.0rem);
    padding-top: min(5.333333333vw, 2.0rem);
}
#support .content-box-inner .content-term h2 {
    font-size: min( 7.46667vw, 2.8rem );
    margin-top: .85em;
    line-height: 1.45;
    letter-spacing: 0;
    margin-bottom: 1.07em;
}
#support .content-box-inner .content-term h2 span {
    padding: 0 0 .3em;
}
#support .content-box-inner .content-term h2 span::after {
    height: 2px;
}
    
.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 {}
#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 {}
#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;
}
    
    
    
    
}

/* ------------------------------------------------------
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;
}
#faq .content-box-inner .content-term h2 span {
    padding: 0 0 .1em;
}
#faq .content-box {
    padding-bottom: 0;
}

.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: 0;
    padding-left: 0;
    padding-right: 0;
    border-radius: 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;
}
    
    
}



/* ------------------------------------------------------
実績のご紹介
------------------------------------------------------ */
#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-bottom: 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-bottom: 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;
}
    
    
    
    
    
    
    
    
}






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

#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 );
}
    
    
    
    
    
    
    
    
    
}

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

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

.LP__links-wrapper {
    background-color: #EFEFEF;
}
.LP__links-wrapper .content-box {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
}
.LP__links-wrapper .list__links {
    display: flex;
    display:-webkit-flex;
    align-items:stretch;
    flex-wrap: wrap;
    min-width: 100%;
    justify-content: center;
}
.LP__links-wrapper .list__links--items {}
.LP__links-wrapper .list__links--items > * {
    height: 100%;
    display:-webkit-flex;
    display: flex;
    align-items:center;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: column;
}
.LP__links-wrapper .list__links--items > * > * {
    width: 100%;
}
.LP__links-wrapper .list__links--items .link__title {
    color: var(--color-blu);
    text-align: center;
}
.LP__links-wrapper .list__links--items .link__contents {
    background: url(../img/common/recruit_bg.webp) no-repeat left top / cover;   
    height: 100%;
    display:-webkit-flex;
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
}
.LP__links-wrapper .list__links--items .link__contents .thumb {
    display:-webkit-flex;
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    color: white;
}
.LP__links-wrapper .list__links--items .link__contents .thumb p {
    text-align: center;
    line-height: 1.35;
}
.LP__links-wrapper .list__links--items .link__contents .thumb img {
    aspect-ratio: 380 / 214;
    object-fit: cover;
    object-position: center;
    border: 1px solid #6B6B6B;
    -webkit-box-shadow: 5px 5px 20px rgba(0,0,0,0.8);
    box-shadow: 5px 5px 20px rgba(0,0,0,0.8);
    display: block;
}

.LP__links-wrapper .list__links--items .link__contents .btn-wrap,
.LP__links-wrapper .list__links--items .link__contents .btn-default {
    width: 100%;
}
.LP__links-wrapper .list__links--items .link__contents .btn-default {
    background: var(--color-red);
    position: relative;
}
.LP__links-wrapper .list__links--items .link__contents .btn-default:not(.no-arrow):after {}
.LP__links-wrapper .list__links--items .link__contents .btn-default:not(.no-arrow):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;
}



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

.LP__links-wrapper {
    padding-top: min( 5.27777vw, 7.6rem );
    padding-bottom: min( 5.41666vw, 7.8rem );
}
.LP__links-wrapper .list__links {
    flex-direction: row;
    margin: 0 min( -1.38889vw, -2.0rem );
}
.LP__links-wrapper .list__links--items {
    width: 50%;
    padding: 0 min( 1.38889vw, 2.0rem );
}
.LP__links-wrapper .list__links--items .link__title {
    font-size: min( 1.805555vw, 2.6rem );
}
.LP__links-wrapper .list__links--items .link__contents {
    margin-top: min( 0.97222vw, 1.4rem );
    padding: min( 3.05555vw, 4.4rem ) min( 5.97221vw, 8.6rem ) min( 3.47222vw, 5.0rem );
    border-radius: min(0.694445vw, 1.0rem);
    flex-wrap: nowrap;
}
.LP__links-wrapper .list__links--items .link__contents .thumb {
    height: 100%;
}
.LP__links-wrapper .list__links--items .link__contents .thumb p {
    font-size: min( 2.43055vw, 3.5rem );
}
.LP__links-wrapper .list__links--items .link__contents .btn-wrap {
    padding-top: min( 1.38889vw, 2.0rem );
}
.LP__links-wrapper .list__links--items .link__contents .btn-default:not(.no-arrow):after {
    width: min(1.25vw, 1.8rem);
    right: 0.85em;
}
    
}
@media screen and (max-width: 820px) {
    
.LP__links-wrapper {
  padding-top: min( 13.33333vw, 5.0rem );
  padding-bottom: min( 5.33333vw, 2.0rem );
}
.LP__links-wrapper .list__links {
    flex-direction: column;
    margin: min( -5.33333vw, -2.0rem ) 0;
}
.LP__links-wrapper .list__links--items {
    padding: min( 5.33333vw, 2.0rem ) 0  min( 8.00000vw, 3.0rem ) ;
}
.LP__links-wrapper .list__links--items .link__title {
    font-size: min( 5.33333vw, 2.0rem );
}
.LP__links-wrapper .list__links--items .link__contents {
    margin-top: min( 3.73333vw, 1.4rem );
    padding: min( 11.73333vw, 4.4rem ) 0;
    border-radius: min(2.666666667vw, 1.0rem);
}
.LP__links-wrapper .list__links--items .link__contents .thumb {
    width: 80%;
}
.LP__links-wrapper .list__links--items .link__contents .thumb p {
    font-size: min( 6.93333vw, 2.6rem );
    padding: 0;
}
.LP__links-wrapper .list__links--items .link__contents .btn-wrap {
    width: 80%;
    padding-top: min( 5.33333vw, 2.0rem );
}
.LP__links-wrapper .list__links--items .link__contents .btn-default {
    font-size: min(4.8vw, 1.8rem);
    letter-spacing: 0.1em;
    padding: .7em 2em .5em;
}
.LP__links-wrapper .list__links--items .link__contents .btn-default:not(.no-arrow):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;
}










/* download__form */

.article-inner {
  max-width: 1280px;
  margin: auto;
}
.download-block {
    width: 100%;
}
.download-block .content-box-inner.__flex {
    align-items: flex-start;
}
.download-block .content-item-img {
    overflow: hidden;
}
.download-block .content-description {
    text-align: center;
}
.download-block .content-description .content-description__dt {
    font-weight: bold;
    line-height: 1.6;
}
.download-block .content-description .content-description__dd {
    margin-bottom: -0.05em;
    padding-bottom: 0.05em;
    position: relative;
}
.download-block .content-description .content-description__dd .content-item-img img {
    max-width: none;
    width: 100%;
    height: auto;
}

.content-download__form {
    margin-right: -25%;
}
/* download__form */


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

/* download__form */
.download-block {
    -ms-flex-order: 3;
        order: 3;
    margin-top: min(7.61vw, 16.65rem);
    margin-bottom: min( 3.5vw, 6.7rem);
    width: 73.625%;
    margin-left: auto;
    margin-right: auto;
}
.download-block .content-description {
    width: 52.8% !important;
}
.download-block .content-description .content-description__dt {
    font-size: min(2.42vw, 4.2rem);        
}
.is-ios body .download-block .content-description .content-description__dt,
.is-mac body .download-block .content-description .content-description__dt {
    font-size: min(2.92vw, 4.2rem);
}
.download-block .content-description .content-description__dd {
    font-size: min(0.92vw, 1.6rem);
    line-height: 1.5;
    padding-top: .25em;
}
.is-ios body .download-block .content-description .content-description__dd,
.is-mac body .download-block .content-description .content-description__dd {
    font-size: min(1.11vw, 1.6rem);
}
.download-block .content-description .content-description__dd .content-item-img {
    margin-top: min(1.85vw, 3.5rem);
    border-radius: 0.35vw;
}
.download-block .content-box.download-box {
    width: 41.5%;
    padding: min(1.75vw, 3.4rem) min(1.85vw, 3.5rem) min(1.0vw, 1.9rem);
    border-radius: 1.29629733vw;
}

    
/* download__form */
    
    
}
@media screen and (max-width: 820px) {

    /* download__form */
    .download-block {
        -ms-flex-order: 2;
            order: 2;
        /*
        margin-left:-2.67vmin;
        margin-right:-2.67vmin;
        */
        width: auto;
        margin-top: min(11.61vw, 4.45rem);
        margin-bottom: min(13.25vw, 5.1rem);
    }
    .download-block .content-description {
        margin-top: 8.0vmin;
    }
    .download-block .content-description .content-description__dt {
        font-size: 8.53vmin;
    }
    .download-block .content-description .content-description__dd {
        font-size: 3.73vmin;
    }
    .download-block .content-description .content-description__dd .content-item-img {
        margin-top: min(5.805vw, 2.225rem);
        border-radius: 4vmin;
        width: 100%;
    }
    .download-block .content-box.download-box {
        margin-top: min(5.805vw, 2.225rem);
        padding: min(1.85vw, 3.5rem) min(1.85vw, 3.5rem) min(7.925vw, 3.0rem);
    }

    .content-download_radiobox_form,
    .dl--download_dt_form,
    .dl--download_dd_form input[type="text"],
    .dl--download_dd_form input[type="email"],
    .dl--download_dd_form select {
        font-size: 4.27vmin;
    }
    .content-download__form {}
    

    /* download__form */
}



.lp.download #wrapper {
    padding-bottom: 0;
    
}
.download-ok .content-box-inner {
    text-align: center;
}
.download-ok .content-box-inner .content-box > .h2--default {
    padding-top: 0.25em;
    margin-bottom: 0.25em;
}
.download-ok .content-box-inner .content-box > .btn-block {}

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

.download-ok {
    flex-direction: column;
    min-height: 90rem;
}
.download-ok .content-box-inner {
    width: 54.9%;
    max-width: 77.6rem;
}
.download-ok .content-box-inner .content-box {
    padding-bottom: min(4.38vw, 6.3rem);
}
.download-ok .content-box-inner .content-box > p {
    font-size: min(0.97vw, 1.4rem);
}
.download-ok .content-box-inner .content-box > .btn-block {
    margin-top: min(2.7vw, 4.0rem);
}
.download-ok .content-box-inner .content-box > .btn-wrap.__return-btn {
    margin-top: min(3.8vw, 5.4rem);
}
}
@media screen and (max-width: 820px) {
.page-item .article-body {
    margin-top: 0 !important;
}
.download-ok {
    min-height: 100vw;;
    margin-left: 2.67vmin !important;
    margin-right: 2.67vmin !important;
}
.download-ok .content-box-inner {
    width: 100%;
}
.download-ok .content-box-inner .content-box {
    padding-bottom: min(4.38vw, 6.3rem) !important;
}
.download-ok .content-box-inner .content-box > .h2--default {
    margin-left: min(-0.47vmin, -0.5rem) !important;
    margin-right: min(-0.47vmin, -0.5rem) !important;
}
.download-ok .content-box-inner .content-box > p {
    font-size: 3.73vmin;
}
.download-ok .content-box-inner .content-box > .btn-block,
.download-ok .content-box-inner .content-box > .btn-wrap.__return-btn {
    margin-top: 4.7vmin !important;
    padding-bottom: 0;
}

    
}