/* Utility */

main {
    color: #fff;
}

.imgSet_caption {
    color: #fff;
}

.u-tac {
    text-align: center;
}

.dignics-sec--md {
    margin-bottom: 60px;
}
@media print,screen and (min-width:768px){
    .dignics-sec--md {
        margin-bottom: 80px;
    }
}

.dignics-block--md {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}
.dignics-block--lg {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.dignics-block--img {
    margin-top: 40px;
}

@media print,screen and (min-width:768px){
    .dignics-block--img {
        margin-top: 80px;
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media print, screen and (min-width: 1025px) {
    .u-hiddenPC {
    /* 1024px以上用（PC）の記述 */
	display: none;
    }
}

@media screen and (max-width: 1024px) and (min-width: 480px) {
.u-hiddenTB {
    /* 1023px以下用（タブレット）の記述 */
	display: none;
    }
}

@media screen and (max-width: 479px) {
.u-hiddenSP {
    /* 479px以下用（スマートフォン用）の記述 */
	display: none;
    }
}

.dignics-link ul {
    display: flex;
    flex-wrap: wrap;
    margin: 10px -7px -15px;
}
.dignics-link ul > li {
    flex: 0 0 50%;
    padding: 0 7px;
    margin-bottom: 15px;
}
@media print,screen and (min-width:768px){
    .dignics-link ul {
        margin: 30px -10px 0;
        padding: 0;
    }
    .dignics-link ul > li {
        flex-basis: 25%;
        max-width: 25%;
        padding: 0 10px;
        margin: 0;
    }
}
@media print,screen and (min-width:1025px){
    .dignics-link ul {
        max-width: 900px;
        margin-right: auto;
        margin-left: auto;
    }
}

/* .pagetop {
    position: relative;
} */

/* animation */
.is-ready .is-in-left,
.is-ready .is-in-right,
.is-in-left.is-ready,
.is-in-right.is-ready,
.is-in-bottom.is-ready {
    opacity: 0;
    transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}
.is-ready .is-in-left,
.is-in-left.is-ready {
    transform: translateX(-100%);
}
.is-ready .is-in-right,
.is-in-right.is-ready {
    transform: translateX(100%);
}
.is-in-bottom.is-ready {
    transform: translateY(100px);
}

.is-active .is-in-left,
.is-active .is-in-right,
.is-in-left.is-active,
.is-in-right.is-active,
.is-in-bottom.is-active {
    transform: translate(0);
    opacity: 1;
}
.is-cover-image.is-ready {
    position: relative;
}
.is-cover-image.is-ready::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 120%;
    background: #000;
    transition: width .5s ease-in-out;
}
.is-cover-image.is-active::before {
    width: 0;
}

/* key visual */
.dignics-key-visual {
    text-align: center;
    padding-top: 155px;
    background: no-repeat 50% 0;
    background-size: auto 100%;
    position: relative;
}

.dignics-key-visual::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #000;
    transition: transform .3s ease-in-out;
}
.dignics-key-visual.is-active::before {
    transform: translateX(100%);
}
.dignics-key-visual p {
    font-size: 1.5rem;
}
.dignics-key-visual p + p {
    margin-top: 5px;
}
.dignics-key-visual__logo img {
    width: 300px;
}
.dignics-key-visual.is-09c {
    background-image: url(../jpg/09c_main_sp.jpg);
}
.dignics-key-visual.is-tech {
    background-image: url(../jpg/tech_main_sp.jpg);
}
.dignics-key-visual.is-boll {
    background-image: url(../jpg/boll_main_sp.jpg);
}
.dignics-key-visual.is-development {
    background-image: url(../jpg/main_sp-4.jpg);
}
.dignics-key-visual.is-sponge {
    background-image: url(../jpg/main_sp.jpg);
}
.dignics-key-visual.is-sheet {
    background-image: url(../jpg/main_sp-2.jpg);
}
.dignics-key-visual.is-shape {
    background-image: url(../jpg/main_sp-3.jpg);
}
.dignics-key-visual.is-combination {
    background-image: url(../jpg/main_sp-5.jpg);
}
@media print,screen and (min-width:768px){
    .dignics-key-visual {
        margin-top: 117px;
        padding-top: 340px;
    }
    .dignics-key-visual::before {
        transition: transform .5s ease-in-out;
    }
    .dignics-key-visual p {
        font-size: 2rem;
    }
    .dignics-key-visual__logo img {
        width: 560px;
    }
    .dignics-key-visual.is-09c {
        background-image: url(../jpg/09c_main_pc.jpg);
    }
    .dignics-key-visual.is-tech {
        background-image: url(../jpg/tech_main_pc.jpg);
    }
    .dignics-key-visual.is-boll {
        background-image: url(../jpg/boll_main_pc.jpg);
    }
    .dignics-key-visual.is-development {
        background-image: url(../jpg/main_pc-4.jpg);
    }
    .dignics-key-visual.is-sponge {
        background-image: url(../jpg/main_pc.jpg);
    }
    .dignics-key-visual.is-sheet {
        background-image: url(../jpg/main_pc-2.jpg);
    }
    .dignics-key-visual.is-shape {
        background-image: url(../jpg/main_pc-3.jpg);
    }
	.dignics-key-visual.is-combination {
        background-image: url(../jpg/main_pc-5.jpg);
    }
}

/* title / text */
.dignics-title-lv1 {
    margin: 15px 0 -50px;
    font-size: 3.6rem;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
}
.dignics-title-lv1 span {
    display: inline-block;
}

@media print,screen and (max-width:767px){
    .dignics-title-lv1.is-sponge {
        font-size: 3.6rem;
    }
}

.dignics-title-lv2 {
    font-size: 3.2rem;
    line-height: 1.28;
    margin-top: 70px;
    font-weight: 900;
    margin-left: -10px;
    margin-right: -10px;
    text-align: center;
}
@media print,screen and (max-width:360px){
    .dignics-title-lv2 {
        font-size: 8vw;
    }
}
@media print,screen and (max-width:767px){
    .dignics-sec--md + .dignics-sec--md .dignics-title-lv2 {
        margin-top: 80px;
    }
}

.dignics-title-lv2 span {
    display: inline-block;
}
.dignics-title-lv3 {
    margin-top: 50px;
    font-size: 1.8rem;
    line-height: 1.3;
    text-align: center;
}

.dignics-text {
    margin-top: 15px;
    font-size: 1.5rem;
    line-height: 1.8;
}
.dignics-list {
    margin-top: 10px;
    font-size: 1.5rem;
    line-height: 1.8;
}
.dignics-list li {
    margin-top: 10px;
    position: relative;
    padding-left: 16px;
}
.dignics-list li::before {
    content: '・';
    position: absolute;
    margin-left: -16px;
}
.dignics-caution {
    font-size: 1.3rem;
    margin-top: 10px;
}
.dignics-caution a {
    color: #fff;
    text-decoration: underline;
}

@media print,screen and (min-width:768px){
    .dignics-title-lv1 {
        font-size: 5.4rem;
        margin-bottom: -60px;
    }
    .dignics-title-lv2 {
        margin-top: 100px;
        font-size: 4rem;
    }
    .dignics-title-lv3 {
        font-size: 2.4rem;
    }
    .dignics-text {
        margin-top: 30px;
        font-size: 1.8rem;
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }
    .dignics-list {
        margin-top: 25px;
        font-size: 1.8rem;
    }
    .dignics-list li {
        margin-top: 15px;
    }
    .dignics-caution {
        font-size: 1.5rem;
        margin-top: 15px;
    }
}


/* TOP */
/* movie */
.dignics-movie {
    position: fixed;
    top: 56px;
    left: 0;
    width: 100%;
    z-index: 0;
    background: #000;
}
.dignics-movie > video {
    position: relative;
    z-index: 1;
    width: 100%;
    height: calc(100vh - 56px);
    /* opacity: 0; */
    transition: opacity .3s;
}
.dignics-movie > video.is-playing {
    opacity: 1;
}
/* .dignics-poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .3s;
    z-index: 2;
    text-align: center;
}
.dignics-poster.is-hide {
    opacity: 0;
    z-index: -1;
} */

@media screen and (max-width:1024px) and (min-width:480px){
    .dignics-movie {
        top: 100px;
    }
    .dignics-movie > video {
        width: 100%;
        height: calc(100vh - 100px);
    }
}

@media print,screen and (min-width:1025px){
    .dignics-movie {
        top: 117px;
    }
    .dignics-movie > video {
        width: 100%;
        height: calc(100vh - 145px);
    }
}

.dignics-contents {
    background: url(../png/bg-sp.png) repeat-y 0 0 #000;
    background-size: 100% auto;
    position: relative;
    z-index: 2;
}
@media print,screen and (min-width:768px){
    .dignics-contents {
        background: url(../png/bg-pc.png) no-repeat 100% 450px, url(../png/bg-pc02.png) no-repeat 0 3400px;
        background-color: #000;
    }
}

.dignics09c-contents {
    background: url(../jpg/bg09-sp.jpg) repeat-y 0 0 #000;
    background-size: 100% auto;
    position: relative;
    z-index: 2;
}
@media print,screen and (min-width:768px){
    .dignics09c-contents {
        background: url(../jpg/bg09-pc.jpg) repeat-y center 0px;
        background-color: #000;
    }
}


.dignics-logo {
    text-align: center;
    /* background: #000; */
}
.dignics-logo > p > img {
    margin-top: 12px;
    width: 220px;
}
.dignics-logo__title {
    /* height: 100vh; */
    position: relative;
    padding: 30px 20px 0;
    /* transition: margin .5s ease-in-out; */
}
.dignics-logo__inner {
    /* height: 72px; */
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; */
}
/* @keyframes leftIn {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }
    90% {
        transform: translate(1%);
        opacity: 1;
    }
    100% {
        transform: translate(0%);
    }
}
@keyframes rightIn {
    0% {
        transform: translate(100%);
        opacity: 0;
    }
    90% {
        transform: translate(-1%);
        opacity: 1;
    }
    100% {
        transform: translate(0%);
    }
} */
.dignics-logo__title h1,
.dignics-logo__title p {
    /* position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    overflow: hidden;
    padding: 0 20px; */
}
.dignics-logo__title h1 {
    /* transform: translate(-100%, 0); */
}
/* .dignics-logo__title p {
    top: 50%;
    transform: translate(100%, 100%);
    transform: translate(100%, 100%);
} */
/* .dignics-logo__title p > img {
    transform: translateY(-50%);
} */
/* .is-down  */
.dignics-logo__title {
    margin-top: calc(100vh - 56px);
}
/* .is-active .dignics-logo__title h1 {
    animation: leftIn .5s ease-in-out forwards;
}
.is-active  .dignics-logo__title p {
    animation: rightIn .5s ease-in-out forwards;
} */
/* .dignics-logo.is-complete {
    background: none;
} */
/* .is-complete  .dignics-logo__title {
    height: auto;
} */
/* .is-complete .dignics-logo__inner {
    height: auto;
    position: static;
    transform: translate(0);
}
.is-complete  .dignics-logo__title h1 {
    position: static;
    height: auto;
    padding: 0;
}
.is-complete  .dignics-logo__title p {
    display: none;
} */
@media print,screen and (min-width:768px){
    .dignics-logo__inner {
        height: 146px;
    }
    .dignics-logo {
        margin-top: 80px;
    }
    .dignics-logo > p > img {
        margin-top: 22px;
        width: 417px;
    }
    /* .is-down  */
    .dignics-logo__title {
        margin-top: 100vh;
    }
}

.dignics-heading {
    margin: 20px 0 50px;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
}

@media print,screen and (min-width:768px){
    .dignics-heading {
    margin: 0px 0px 50px;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1.2;
    }
}
.dignics-lead {
    margin: 40px 20px 0;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2;
}
.dignics-lead > p + p {
    margin-top: 20px;
}
@media print,screen and (min-width:768px){
    .dignics-lead {
        margin-top: 60px;
        text-align: center;
        font-size: 1.8rem;
    }
}

.dignics-slider {
    margin: 15px -10px 0;
    padding-bottom: 28px;
}
.dignics-slider li.slick-active button:before {
    background-color: #E50112;
}
.dignics-slider .slick-slider {
    margin-bottom: 0;
}
.dignics-slider .slick-dots {
    bottom: inherit;
}
.dignics-slider__text {
    margin: 10px 20px 0;
    font-size: 1.4rem;
    line-height: 1.4;
}
@media print,screen and (min-width:768px){
    .slick-dots li button:before {
        width: 12px;
        height: 12px;
    }
}
@media print,screen and (min-width:768px){
    .dignics-slider {
        margin: 40px auto 0;
        padding-bottom: 30px;
        width: 700px;
    }
    .dignics-slider__text {
        font-size: 1.6rem;
        ;
        line-height: 1.5;
        margin: 15px 20px 0;
    }
}


.dignics-notes {
    margin-top: 10px;
    font-size: .8em;
    line-height: 1.3;
}

.dignics-comment-box {
    position: relative;
    display: flex;
    align-items: center;
    margin: 60px auto 0;
    padding: 20px;
    max-width: 600px;
}
.dignics-comment-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #FF4291, #3715C4);
    opacity: .4;
    z-index: -1;
}
.dignics-comment-box__img {
    flex: 0 0 110px;
    margin: -10px 10px 0 0;
}
.dignics-comment-box__text {
    font-size: 1.3rem;
    line-height: 1.38;
}
.dignics-comment-box__text > p + p {
    margin-top: 10px;
}
.dignics-comment-box__name {
    text-align: right;
}
.dignics-comment-box + .dignics-caution {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

@media print,screen and (min-width:768px){
    .dignics-comment-box {
        margin-top: 80px;
    }
    .dignics-comment-box__img {
        flex-basis: 140px;
    }
    .dignics-comment-box__text {
        font-size: 1.5rem;
        line-height: 1.5;
    }
}

.dignics-column-list {
    margin-top: 15px;
}
.dignics-column-box__caption {
    margin-top: 15px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}
.dignics-column-box__text {
    margin-top: 10px;
    font-size: 1.5rem;
    line-height: 1.5;
}
.dignics-column-box__detail {
    margin-top: 10px;
}
@media print,screen and (min-width:768px){
    .dignics-column-list {
        margin-top: 40px;
    }
    .dignics-column-box {
        display: flex;
        align-items: center;
    }
    .dignics-column-box:nth-child(odd) {
        flex-direction: row-reverse;
    }
    .dignics-column-box__img {
        flex: 0 0 50%;
        margin-right: 40px;
    }
    .dignics-column-box:nth-child(odd)     .dignics-column-box__img {
        margin: 0 0 0 40px;
    }
    .dignics-column-box__caption {
        font-size: 2.2rem;
        line-height: 1.3;
        text-align: left;
        margin: 0 0 20px;
    }
    .dignics-column-box__text {
        margin: 0;
        font-size: 1.5rem;
        line-height: 1.46;
        flex: 1;
    }
}
@media print,screen and (min-width:1025px){
    .dignics-column-list {
        max-width: 900px;
        margin-right: auto;
        margin-left: auto;
    }
    .dignics-column-box__img {
        flex: 0 0 61%;
    }
    .dignics-column-box__img {
        margin-left: -70px;
    }
    .dignics-column-box:nth-child(odd)     .dignics-column-box__img {
        margin: 0 -70px 0 40px;
    }
}

.dignics-btn-wrap {
    margin: 30px auto 0;
    max-width: 300px;
    width: 100%;
}
.dignics-type-recomend + .dignics-btn-wrap {
    margin-top: 40px;
}
.dignics-link > ul + .dignics-btn-wrap {
    margin-top: 60px;
}
.dignics-image + .dignics-btn-wrap {
    margin-top: 20px;
}
.dignics-btn {
    margin: 0 auto;
    padding: 10px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    background: #D20A15;
    border: 1px solid #D20A15;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.5;
}
.dignics-btn-ghost {
    border: 2px solid #fff;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    min-height: 48px;
    padding: 10px;
    margin: 0 auto;
    font-size: 1.5rem;
    line-height: 1.5;
}
@media print,screen and (min-width:768px){
    .dignics-btn {
        font-size: 1.8rem;
        line-height: 1.2;
    }
    .dignics-column-box .dignics-btn-wrap {
        margin-left: 0;
    }
    .dignics-column-box .dignics-btn {
        font-size: 1.5rem;
    }
}
@media print,screen and (min-width:1025px){
    .dignics-btn,
    .dignics-btn-ghost {
        position: relative;
        transition: color .15s ease-in-out;
    }
    .dignics-btn::before,
    .dignics-btn-ghost::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 0;
        transition: width .15s ease-in-out;
        z-index: 0;
        background: #000;
    }
    .dignics-btn-ghost::before {
        background: #fff;
    }

    .dignics-btn:hover {
        color: #D20A15;
    }
    .dignics-btn-ghost:hover {
        color: #000;
    }
    .dignics-btn:hover::before,
    .dignics-btn-ghost:hover::before {
        width: 100%;
    }
    .dignics-btn > span,
    .dignics-btn-ghost > span {
        position: relative;
    }
}
.dignics-column-box + .dignics-column-box {
    margin-top: 80px;
}

.dignics-visual {
    margin: 15px -10px 0;
}
.dignics-visual img {
    width: 100%;
}
.dignics-image {
    margin-top: 10px;
    text-align: center;
}
@media print,screen and (min-width:768px){
    .dignics-visual {
        margin: 40px -20px 0;
    }
}
@media print,screen and (min-width:1025px){
    .dignics-visual {
        margin-right: -10px;
        margin-left: -10px;
    }
}

.dignics-visual-notes {
    margin-top: 10px;
}
.dignics-visual-notes > li {
    margin-left: 2rem;
    text-indent: -2rem;
    font-size: 1.2rem;
    line-height: 1.4;
}
.dignics-visual-notes > li + li {
    margin-top: 5px;
}
.dignics-visual-notes > li::before {
    content: '';
    margin-right: 5px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #FFB900;
    border-radius: 50%;
    transform: translateY(3px);
}
.dignics-visual-notes > li:nth-child(1)::before {
    background: #FFB900;
}
.dignics-visual-notes > li:nth-child(2)::before {
    background: #00AFFF;
}
.dignics-visual-notes > li:nth-child(3)::before {
    background: #00D24B;
}
@media print,screen and (min-width:768px){
    .dignics-visual-notes > li {
        font-size: 1.5rem;
    }
}
@media print,screen and (min-width:1025px){
    .dignics-visual-notes {
        margin-right: -10px;
        margin-left: -10px;
    }
}

.dignics-tab {
    display: flex;
    margin: 50px -10px 0;
}
.dignics-tab > li {
    flex: 0 0 33.33%;
    display: flex;
}
.dignics-tab > li:nth-child(2) {
    flex: 1;
}
.dignics-tab > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    border: 1px solid #FFB900;
    color: #FFB900;
    font-size: 1.8rem;
    font-weight: bold;
}

.dignics-tab > li:nth-child(1) > a {
    color: #FFB900;
    border-color: #FFB900;
}
.dignics-tab > li:nth-child(2) > a {
    color: #00AFFF;
    border-color: #00AFFF;
}
.dignics-tab > li:nth-child(3) > a {
    color: #00D24B;
    border-color: #00D24B;
}

.dignics-tab > li > a.is-active {
    color: #fff;
}
.dignics-tab > li:nth-child(1) > a.is-active,
.dignics-tab > li:nth-child(1) > a::before {
    background: #FFB900;
}
.dignics-tab > li:nth-child(2) > a.is-active,
.dignics-tab > li:nth-child(2) > a::before {
    background: #00AFFF;
}
.dignics-tab > li:nth-child(3) > a.is-active,
.dignics-tab > li:nth-child(3) > a::before {
    background: #00D24B;
}
@media print,screen and (min-width:768px){
    .dignics-tab {
        margin-right: -20px;
        margin-left: -20px;
    }
    .dignics-tab > li > a {
        font-size: 2.4rem;
    }
}
@media print,screen and (min-width:1025px){
    .dignics-tab {
        margin-right: -10px;
        margin-left: -10px;
    }
    .dignics-tab > li > a {
        position: relative;
        transition: color .15s ease-in-out;
    }
    .dignics-tab > li > a:hover {
        color: #fff;
    }
    .dignics-tab > li > a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 0;
        transition: width .15s ease-in-out;
        z-index: 0;
    }
    .dignics-tab > li > a:hover::before {
        width: 100%;
    }
    .dignics-tab > li > a > span {
        position: relative;
    }
}

.dignics-tab-contents {
    margin: 0 -10px 80px;
    background: #000;
    position: relative;
}
.dignics-tab-contents::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 80px;
    background: #000;
}
.dignics-tab-contents.is-bg-none,
.dignics-tab-contents.is-bg-none::after {
    background: transparent;
}

.dignics-tab-contents__box {
    display: none;
}
.dignics-tab-contents__box.is-active {
    display: block;
}

.dignics-tab-contents__title {
    margin-top: -55px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
}
@media print,screen and (min-width:768px){
    .dignics-tab-contents {
        margin-right: -20px;
        margin-left: -20px;
    }
    .dignics-tab-contents::after {
        height: 100px;
    }
    .dignics-tab-contents__title {
        margin-top: 20px;
    }
}
@media print,screen and (min-width:1025px){
    .dignics-tab-contents {
        margin-right: -10px;
        margin-left: -10px;
    }
}

.dignics-type-recomend {
    padding: 20px;
    background: #2E2E2E;
    display: flex;
}
.dignics-type-recomend__img {
    flex: 0 0 140px;
    margin-right: 15px;
}
.dignics-type-recomend__text {
    font-size: 1.3rem;
    line-height: 1.6;
}
@media print,screen and (min-width:768px){
    .dignics-type-recomend {
        padding: 20px 40px;
        align-items: center;
        max-width: 1000px;
        margin: 0 auto;
    }
    .dignics-type-recomend__img {
        flex-basis: 160px;
        margin-right: 40px;
    }
    .dignics-type-recomend__text {
        font-size: 1.5rem;
    }
}


.dignics-aside {
    margin-top: 80px;
    background: #2E2E2E;
    padding: 80px 0;
}

.dignics-aside > *:nth-of-type(1) .dignics-title-lv3 {
    margin-top: 0;
}
@media print,screen and (min-width:768px){
    .dignics-aside {
        padding: 100px 0;
        margin-top: 100px;
    }
}

.dignics-image-clumn__img iframe {
    width: 100%;
    height: 187px;
}
@media print,screen and (min-width:768px){
    .dignics-image-clumn {
        position: relative;
        padding-left: 375px;
        margin-bottom: 60px;
        /* min-height: 195px; */
        height: 195px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .dignics-image-clumn__img {
        position: absolute;
        top: 0;
        left: 0;
        width: 345px;
        margin: 0;
    }
    .dignics-image-clumn .dignics-title-lv3 {
        text-align: left;
        margin: 0;
    }
    .dignics-image-clumn     .dignics-btn-wrap {
        margin: -37px 0 0;
    }
}
@media print,screen and (min-width:1025px){
    .dignics-image-clumn {
        margin-right: -10px;
        margin-left: -10px;
    }
}





/* 下層 */

/* development */
.dignics-development-image {
    margin: 80px 0 50px;
    text-align: center;
}
@media print,screen and (min-width:768px){
    .dignics-development {
        max-width: 940px;
        margin: 0 auto;
    }
    .dignics-development-image {
        margin: 100px 0 70px;
    }
}

/* shape */
.dignics-shape-box__text {
    font-size: 1.8rem;
    padding: 20px 20px 0;
}

@media print,screen and (min-width:768px){
    .dignics-shape-box {
        display: flex;
        align-items: center;
    }

    .dignics-shape-box__img {
        min-width: 500px;
        max-width: 500px;
    }

    .dignics-shape-box__text {
        font-size: 2.2rem;
        padding: 30px 30px 0 30px;
    }
}

/* sheet */

.dignics-column__item {
    margin-bottom: 20px;
}

.dignics-column__item img {
    width: 100%;
    height: auto;
}

@media print,screen and (min-width:768px){
    .dignics-column {
        display: flex;
        margin-left: -20px;
        margin-right: -20px;
    }

    .dignics-column__item {
        margin-bottom: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .dignics-column--2 .dignics-column__item {
        width: 50%;
    }

    .dignics-column--3 .dignics-column__item {
        width: 33.333%;
    }
}

.dignics-sheet-mamou__ttl {
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    margin-top: -15px;
    margin-bottom: 15px;
}
.dignics-sheet-mamou__ttl span {
    display: inline-block;
}

@media print,screen and (min-width:768px){
    .dignics-sheet-mamou__ttl {
        font-size: 1.8rem;
        margin-top: -30px;
        margin-bottom: 20px;
    }
}

/* sponge */

.dignics-sponge-ill__ttl {
    font-weight: 700;
    font-size: 1.8rem;
    margin-bottom: 5px;
}
.dignics-sponge-table {
    font-size: 1.5rem;
    width: 100%;
    margin-top: 40px;
}
.dignics-sponge-table tr {
    border-bottom: 1px solid #666;
}
.dignics-sponge-table td {
    text-align: center;
    line-height: 1.2;
    vertical-align: middle;
}
.dignics-sponge-table thead td {
    padding-bottom: 10px;
}
.dignics-sponge-table tbody td {
    text-align: center;
    padding: 18px 5px;
}
.dignics-sponge-table td:first-child{
    text-align: left;
    padding-left: 0;
}
.dignics-sponge-table td:last-child{
    padding-right: 0;
}
.dignics-sponge-table tbody td img {
    width: auto;
    display: block;
}
.dignics-sponge-table__img {
    height: 25px;
    margin-top: -5px;
    margin-bottom: -5px;
}
.dignics-sponge-table__img--x {
    height: 40px;
    margin-top: -10px;
    margin-bottom: -10px;
}
.dignics-sponge-table--md,
.dignics-sponge-table--lg,
.dignics-sponge-table--xl {
    font-weight: 900;
    font-size: 1.8rem;
}

.dignics-sponge-spec {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

.dignics-sponge-spec li {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 18px;
    margin-bottom: 18px;
}

.dignics-sponge-spec__icon {
    min-width: 72px;
    max-width: 75px;
    text-align: center;
}
.dignics-sponge-spec__text {
    margin-left: 15px;
    font-size: 1.5rem;
}

@media print,screen and (min-width:768px){
    .dignics-sponge-ill__ttl {
        font-size: 2.2rem;
        margin-bottom: 15px;
    }
    .dignics-sponge-table {
        max-width: 710px;
        margin-left: auto;
        margin-right: auto;
        font-size: 1.8rem;
    }
    .dignics-sponge-table td {
        white-space: nowrap;
    }
    .dignics-sponge-table tbody td {
        padding: 14px 12px;
        width: 120px;
    }
    .dignics-sponge-table tbody td:first-child {
        width: auto;
    }
    .dignics-sponge-table td:last-child {
        padding-right: 10px;
        padding-left: 70px;
    }
    .dignics-sponge-table--md {
        font-size: 2rem;
    }
    .dignics-sponge-table--lg {
        font-size: 2.4rem;
    }
    .dignics-sponge-table--xl {
        font-size: 2.8rem;
    }
    .dignics-sponge-spec {
        justify-content: space-between;
    }
    .dignics-sponge-spec li {
        width: 46%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/* page move */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 200%;
    background: #000;
    transition: transform .4s ease-in-out;
    transform: translateX(-100%);
    z-index: 10000;
}
body.is-move:before {
    transform: translateX(0%);
}

/* 追加 */
.mfp-bg {
  position : fixed;
  z-index : 1042;
  top : 0;
  left : 0;
  overflow : hidden;
  width : 100%;
  height : 100%;
  opacity : .9; 
  background : #fff;
}

.mfp-wrap {
  position : fixed;
  z-index : 1043;
  top : 0;
  left : 0;
  width : 100%;
  height : 100%;
  outline : 0 !important;

  -webkit-backface-visibility : hidden;
}

.mfp-container {
  position : absolute;
  top : 0;
  left : 0;
  box-sizing : border-box; 
  width : 100%;
  height : 100%;
  padding : 0 8px;
  text-align : center;
}

.mfp-container:before {
  display : inline-block;
  height : 100%;
  content : '';
  vertical-align : middle;
}

.mfp-align-top .mfp-container:before {
  display : none;
}

.mfp-content {
  position : relative;
  z-index : 1045; 
  display : inline-block;
  margin : 0 auto;
  text-align : left;
  vertical-align : middle;
}

.mfp-ajax-holder .mfp-content , .mfp-inline-holder .mfp-content {
  width : 100%;
  cursor : auto;
}

.mfp-ajax-cur {
  cursor : progress;
}

.mfp-zoom-out-cur , .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor : zoom-out;
}

.mfp-zoom {
  cursor : pointer;
  cursor : zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor : auto;
}

.mfp-arrow , .mfp-close , .mfp-counter , .mfp-preloader {
  -webkit-user-select : none;
     -moz-user-select : none;
      -ms-user-select : none;
          user-select : none;
}

.mfp-loading.mfp-figure {
  display : none;
}

.mfp-hide {
  display : none !important;
}

.mfp-preloader {
  position : absolute;
  z-index : 1044; 
  top : 50%;
  right : 8px;
  left : 8px;
  width : auto;
  margin-top : -.8em;
  text-align : center;
  color : #ccc;
}

.mfp-preloader a {
  color : #ccc;
}

.mfp-preloader a:hover {
  color : #fff;
}

.mfp-s-ready .mfp-preloader {
  display : none;
}

.mfp-s-error .mfp-content {
  display : none;
}

button.mfp-arrow , button.mfp-close {
  z-index : 1046;
  display : block;
  overflow : visible;
  padding : 0;
  cursor : pointer;
  border : 0;
  outline : 0;
  background : 0 0;
  box-shadow : none;

  -webkit-appearance : none;
  -ms-touch-action : manipulation;
      touch-action : manipulation;
}

button::-moz-focus-inner {
  padding : 0;
  border : 0;
}

.mfp-close {
  font-family : Arial,Baskerville,monospace; 
  font-size : 28px;
  font-style : normal;
  line-height : 44px;
  position : absolute;
  top : 0;
  right : 0;
  width : 44px;
  height : 44px;
  padding : 0 0 18px 10px;
  text-align : center;
  text-decoration : none;
  opacity : .65;
  color : #fff;
}

.mfp-close:focus , .mfp-close:hover {
  opacity : 1;
}

/* 選手 */
.playerCard-list {
  display : -ms-flexbox;
  display : flex;

  -ms-flex-wrap : wrap;
      flex-wrap : wrap;
}

.playerCard {
  width : 33.33%;
  padding : 5px;
}
.playerCard:nth-child(n + 4) {
  margin-top : 20px;
}
.playerCard .imgSet_caption_small {
  font-size : 1.0rem; 
  display : inline-block;
  margin-left : 5px;
}

/* popup */
.mfp-bg {
  opacity : .8; 
  background : #000;
}

.mfp-inline-holder .mfp-close , .mfp-iframe-holder .mfp-close , .mfp-image-holder .mfp-close {
  color : transparent;
}
.mfp-inline-holder .mfp-close::after , .mfp-iframe-holder .mfp-close::after , .mfp-image-holder .mfp-close::after {
  position : absolute;
  top : -10px;
  right : 15px; 
  display : block;
  width : 30px;
  height : 30px;
  content : '';
  background : url(../png/icon-close.png) no-repeat center center/cover;
}
@media print, screen and (min-width: 768px) {
  .mfp-inline-holder .mfp-close::after , .mfp-iframe-holder .mfp-close::after , .mfp-image-holder .mfp-close::after {
    top : -20px;
    width : 37px;
    height : 37px;
  }
}

.mfp-inline-holder .mfp-close::after {
  top : -10px;
  right : 15px;
}

@media print, screen and (min-width: 768px) {
  .mfp-inline-holder .mfp-close::after {
    top : 43px;
  }
}

.popup {
  position : relative;
  padding : 30px 26px;
}
.popup-inner {
  padding : 30px; 
  background : #fff;
}
.popup-img {
  margin-bottom : 20px;
}
.popup-img_main {
  margin-bottom : 30px;
}
.popup-img_sub-list {
  display : -ms-flexbox;
  display : flex;
  justify-content: center;
}
.popup-img_sub {
  width : calc(33.33% - 5px);
}
.popup-img_sub img {
  border : #ddd 1px solid;
}
.popup-img_sub:not(:nth-child(3n)) {
  margin-right : 7px;
}
.popup-img_sub span {
  font-size : 1.2rem;
  line-height : 1.42;
  display : block;
  margin-top : 5px; 
  color : #d20a15;
}
.popup-img_sub span.popup-img_sub_ttl {
  margin : 0 0 5px;
}
.popup-img p {
  font-size : 1.0rem;
  margin-top : 10px; 
  text-align : right;
  color : #000;
}
.popup-dl {
  margin-bottom : 30px; 
  color : #000;
}
.popup-dl dt {
  font-size : 1.8rem;
  margin-bottom : 15px;
}
.popup-dl dd {
  font-size : 1.3rem;
  line-height : 1.69;
}
.popup-btn-group li:not(:last-child) {
  margin-bottom : 20px;
}
.popup-btn-group li .btn {
  width : 100%;
}
@media print, screen and (min-width: 768px) {
  .popup {
    position : relative;
    max-width : 980px;
    margin : 0 auto; 
    padding : 100px 0;
  }
  .popup-inner {
    padding : 80px; 
    background : #fff;
  }
  .popup-img {
    width : 640px;
    margin : 0 auto 40px;
  }
  .popup-img_main {
    max-width : 450px;
    margin : 0 auto 30px; 
    text-align : center;
  }
  .popup-img_sub {
    width : calc(33.33% - 7px);
  }
  .popup-img_sub:not(:nth-child(3n)) {
    margin-right : 10px;
  }
  .popup-img_sub span {
    font-size : 1.4rem;
    margin-top : 10px;
  }
  .popup-img p {
    font-size : 1.2rem;
    margin-top : 20px;
  }
  .popup-img a {
    transition : all ease-in-out .35s;
  }
  .popup-img a:hover {
    opacity : .5;
  }
  .popup-dl {
    width : 640px;
    margin : 0 auto 30px;
  }
  .popup-dl dt {
    font-size : 2.4rem;
    margin-bottom : 10px;
  }
  .popup-dl dd {
    font-size : 1.5rem;
    line-height : 2;
  }
  .popup-btn-group {
    display : -ms-flexbox;
    display : flex;

    -ms-flex-pack : center;
    justify-content : center;
  }
  .popup-btn-group li:not(:last-child) {
    margin-right : 10px; 
    margin-bottom : 0;
  }
  .popup-btn-group li {
    width : 50%;
  }
  .popup-btn-group li .btn {
    display : block;
    width : 100%;
    max-width : 400px;
  }
}

.dignics-tab-combination {
    margin: 0 -10px 80px;
    background: #000;
    position: relative;
}
.dignics-tab-combination::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #000;
}

figure {
    text-align: center;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767px) {
.pc { display: none !important; }
.sp { display: block !important; width:90% !important; margin: 20px auto;}
}