nav ul, ol li, ul li {
    list-style: none
}
input, select {
    vertical-align: middle
}

button:focus {
    outline: 0
}

@media screen and (min-width: 768px) {
    .show-sp {
        display: none !important
    }
}

@media screen and (max-width: 767px) {
    .show-pc {
        display: none !important
    }
}

.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 2
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

body {
    width: 100%;
    height: 100%
}

.diving-main img {
    width: 100%;
    vertical-align: bottom
}

@media screen and (min-width: 768px) {
    .sp {
        display: none !important
    }

    .diving-main {
        overflow: hidden
    }

    .diving-main, .diving-main .article {
        position: relative
    }

    .diving-main .article__title {
        color: #fff;
        font-size: 60px;
        line-height: 1.16667;
        padding: 15px 0
    }

    .diving-main .diving-main-visual {
        height: 600px;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover
    }

    .diving-main .diving-main-visual__heading {
        background: rgba(0, 0, 0, .6)
    }

    .diving-main .diving-main-visual__title {
        max-width: 1030px;
        margin: 0 auto;
        padding: 0 3.8835%
    }

    .diving-main .local-nav {
        background: #2b2b2b
    }

    .diving-main .local-nav, .diving-main .local-nav__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .diving-main .local-nav__list {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .diving-main .local-nav__list--top .local-nav__item:before, .diving-main .local-nav__list--under .local-nav__item:before {
        content: "";
        position: absolute;
        top: 25px;
        right: -3px;
        height: 12px;
        width: 1px;
        background: #fff
    }

    .diving-main .local-nav__list--under .local-nav__item:last-child:before {
        content: none
    }

    .diving-main .local-nav__item {
        position: relative;
        margin: 0 3px
    }

    .diving-main .local-nav__link {
        display: inline-block;
        padding: 0 10px;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        line-height: 60px;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .diving-main .local-nav__link:hover {
        opacity: .6
    }

    .diving-main .jnto {
        position: relative
    }

    .diving-main .jnto:nth-of-type(2n) {
        background: #f6f6f6
    }

    .diving-main .jnto__contents {
        position: relative;
        max-width: 1030px;
        margin: 0 auto;
        padding: 70px 3.8835% 120px
    }

    .diving-main .jnto__title {
        color: #000;
        font-size: 42px;
        font-weight: 600;
        line-height: 1
    }

    .diving-main .jnto__title sup {
        font-size: 21px;
        vertical-align: super
    }

    .diving-main .jnto__title-small {
        font-size: 14px
    }

    .diving-main .jnto__label {
        position: absolute;
        top: 0;
        left: 3.8835%;
        width: 30px;
        height: 45px
    }

    .diving-main .jnto__label:after {
        content: "";
        position: absolute;
        bottom: -15px;
        width: 30px;
        height: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 15px solid transparent
    }

    .diving-main .jnto__label--gold {
        background: #bca474
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .diving-main .jnto__label--gold:after {
        border-right: 15px solid #bca474;
        border-left: 15px solid #bca474
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .diving-main .jnto__label--gold:after {
        border-right: 2.66667vw solid #bca474;
        border-left: 2.66667vw solid #bca474
    }
}

@media screen and (min-width: 768px) {
    .diving-main .jnto__label--silver {
        background: #c8cccd
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .diving-main .jnto__label--silver:after {
        border-right: 15px solid #c8cccd;
        border-left: 15px solid #c8cccd
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .diving-main .jnto__label--silver:after {
        border-right: 2.66667vw solid #c8cccd;
        border-left: 2.66667vw solid #c8cccd
    }
}

@media screen and (min-width: 768px) {
    .diving-main .jnto__label--bronze {
        background: #a17753
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .diving-main .jnto__label--bronze:after {
        border-right: 15px solid #a17753;
        border-left: 15px solid #a17753
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .diving-main .jnto__label--bronze:after {
        border-right: 2.66667vw solid #a17753;
        border-left: 2.66667vw solid #a17753
    }
}

@media screen and (min-width: 768px) {
    .diving-main .jnto__label--special {
        background: #e4007f
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .diving-main .jnto__label--special:after {
        border-right: 15px solid #e4007f;
        border-left: 15px solid #e4007f
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .diving-main .jnto__label--special:after {
        border-right: 2.66667vw solid #e4007f;
        border-left: 2.66667vw solid #e4007f
    }
}

@media screen and (min-width: 768px) {
    .diving-main .jnto-gallery {
        position: relative;
        z-index: 2;
    }

    .diving-main .jnto-gallery__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 20px
    }

    .diving-main .jnto-gallery__item {
        position: relative
    }

    .diving-main .jnto-gallery__item--col1 {
        width: 100%
    }

    .diving-main .jnto-gallery__item--col2 {
        width: 48.54369%
    }

    .diving-main .jnto-gallery__item--col2:nth-of-type(2n) {
        margin-left: 2.91262%
    }

    .diving-main .jnto-gallery__item--col2.ml-0 {
        margin-left: 0
    }

    .diving-main .jnto-gallery__item--col2.ml-30 {
        margin-left: 2.91262%
    }

    .diving-main .jnto-gallery__item--col3 {
        width: 32.03883%;
        margin-left: 1.94175%
    }

    .diving-main .jnto-gallery__item--col3:nth-of-type(3n+1) {
        margin-left: 0
    }

    .diving-main .jnto-gallery__item--col4 {
        width: 24.27184%;
        margin-left: .97087%
    }

    .diving-main .jnto-gallery__item--col4:nth-of-type(4n+1) {
        margin-left: 0
    }

    .diving-main .jnto-gallery__img-wrap {
        position: relative;
        border-radius: 4px;
        overflow: hidden
    }

    .diving-main .jnto-gallery__img-wrap:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: transparent;
        border-radius: 4px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
        z-index: 10
    }

    .diving-main .jnto-gallery__img-wrap:hover {
        cursor: pointer
    }

    .diving-main .jnto-gallery__img-wrap:hover:before {
        opacity: 1;
        visibility: visible
    }

    .diving-main .jnto-gallery__img-wrap:hover .jnto-gallery__img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .diving-main .jnto-gallery__img {
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .diving-main .jnto-gallery__caption {
        position: absolute;
        left: 0;
        margin-top: 10px;
        color: #000;
        font-size: 18px;
        line-height: 1.33333
    }

    .diving-main .jnto-gallery--default .jnto-gallery__item--col2, .diving-main .jnto-gallery--default .jnto-gallery__item--col3 {
        margin-top: 30px
    }

    .diving-main .jnto-gallery--default .jnto-gallery__item--col4:nth-of-type(n+5) {
        margin-top: 10px
    }

    .diving-main .jnto-gallery--award .jnto-gallery__item--col1:nth-of-type(n+2) {
        margin-top: 90px
    }

    .diving-main .jnto-gallery--award .jnto-gallery__item--col2:nth-of-type(n+3), .diving-main .jnto-gallery--award .jnto-gallery__item--col3:nth-of-type(n+4), .diving-main .jnto-gallery--award .jnto-gallery__item--col4:nth-of-type(n+5) {
        margin-top: 80px
    }

    .diving-main .jnto-gallery-slider {
        position: relative
    }

    .diving-main .jnto-gallery-slider__arrow {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 25px;
        height: 50px;
        margin: auto 0;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        -webkit-transform: perspective(50px);
        transform: perspective(50px);
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .diving-main .jnto-gallery-slider__arrow:hover {
        cursor: pointer;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    .diving-main .jnto-gallery-slider__arrow--pre {
        left: -30px;
        background-color: #e7001d;
        border-radius: 50%;
        width: 60px;
        height: 60px;
    }

    .diving-main .jnto-gallery-slider__arrow--pre:before {
        content: "";
        position: absolute;
        top: 30px;
        left: 15px;
        width: 15px;
        height: 15px;
        border: 2px solid #fff;
        border-right: none;
        border-bottom: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;

    }

    .diving-main .jnto-gallery-slider__arrow--next {
        right: -30px;
        background-color: #e7001d;
        border-radius: 50%;
        width: 60px;
        height: 60px;
    }

    .diving-main .jnto-gallery-slider__arrow--next:before {
        content: "";
        position: absolute;
        top: 30px;
        right: 15px;
        width: 15px;
        height: 15px;
        border: 2px solid #fff;
        border-left: none;
        border-bottom: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }

    .diving-main .jnto-gallery-slider__dots-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        bottom: -45px;
        width: 100%
    }

    .diving-main .jnto-gallery-slider__dots-list > li {
        width: 17px;
        height: 17px;
        border-radius: 4px;
        border: 1px solid #dcdcdc;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .diving-main .jnto-gallery-slider__dots-list > li:nth-child(n+2) {
        margin-left: 10px
    }

    .diving-main .jnto-gallery-slider__dots-list > li:hover {
        cursor: pointer
    }

    .diving-main .jnto-gallery-slider__dots-list > li.slick-active {
        background: #dcdcdc
    }

    .diving-main .jnto-gallery-slider__dots-index {
        display: inline-block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        height: 100%
    }

    .diving-main .box-link {
        position: relative;
        padding: 0 3.8835%;
        background: #f9e6e8
    }

    .diving-main .box-link__contain {
        max-width: 1030px;
        max-height: 300px;
        margin: 0 auto;
        padding: 50px 0
    }

    .diving-main .box-link__img-wrap {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .diving-main .box-link__img-wrap:after {
        content: "";
        position: absolute;
        top: 0;
        right: -50%;
        background: rgba(0, 0, 0, .6)
    }

    .diving-main .box-link__img-wrap:after, .diving-main .box-link__link {
        width: 100%;
        height: 100%;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .diving-main .box-link__link {
        display: block;
        position: relative;
        overflow: hidden
    }

    .diving-main .box-link__link:hover .box-link__img-wrap {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .diving-main .box-link__link:hover .box-link__img-wrap:after {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }

    .diving-main .box-link__text {
        position: absolute;
        top: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 50%;
        height: 100%;
        padding-left: 4.85%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        font-size: 60px;
        font-weight: 600;
        line-height: 1.2;
        text-align: left;
        -webkit-transform: translate(0);
        transform: translate(0);
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .diving-main .box-link__text:after, .diving-main .box-link__text:before {
        content: "";
        position: absolute;
        width: 40px;
        height: 40px;
        z-index: 10
    }

    .diving-main .box-link__text:before {
        content: "";
        right: 30px;
        bottom: 30px;
        background: hsla(0, 0%, 100%, .2);
        border-radius: 4px
    }

    .diving-main .box-link__text:after {
        content: "";
        right: 47.5px;
        bottom: 45px;
        width: 10px;
        height: 10px;
        border-color: #fff #fff transparent transparent;
        border-style: solid;
        border-width: 1px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .diving-main .box-link__text-small {
        font-size: 45px
    }

    .diving-main .jnto-diving-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .diving-main .jnto-diving-modal[data-toggle=open] {
        opacity: 1;
        visibility: visible
    }

    .diving-main .diving-modal__contain {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .8)
    }

    .diving-main .diving-modal__close {
        position: absolute;
        top: 20%;
        right: 5%;
        width: 42px;
        height: 42px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        z-index: 10;
        background-color: #e7001d;
        border-radius: 50%;
    }

    .diving-main .diving-modal__close:hover {
        cursor: pointer
    }

    .diving-main .diving-modal__close:after, .diving-main .diving-modal__close:before {
        content: "";
        position: absolute;
        top: 10px;
        right: 20px;
        width: 2px;
        height: 20px;
        background: #fff
    }

    .diving-main .diving-modal__close:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .diving-main .diving-modal__close:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .diving-main .diving-modal__block {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .diving-main .diving-modal__block.is-show {
        opacity: 1;
        visibility: visible
    }

    .diving-main .diving-modal__item {
        width: 100vw !important;
        height: 100vh;
        overflow-y: scroll;
        margin-top: 5%
    }

    .diving-main .diving-modal-slider__arrow {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 25px;
        height: 50px;
        margin: auto 0;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        -webkit-transform: perspective(50px);
        transform: perspective(50px);
        z-index: 100;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .diving-main .diving-modal-slider__arrow.slick-disabled {
        display: none !important
    }

    .diving-main .diving-modal-slider__arrow:hover {
        cursor: pointer;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    .diving-main .diving-modal-slider__arrow--pre {
        left: 50%;
        margin-left: calc(-40vw - 55px)
    }

    .diving-main .diving-modal-slider__arrow--pre:before {
        content: "";
        position: absolute;
        top: 25px;
        left: 0;
        width: 35px;
        height: 35px;
        border: 2px solid silver;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    .diving-main .diving-modal-slider__arrow--next {
        right: 50%;
        margin-right: calc(-40vw - 55px)
    }

    .diving-main .diving-modal-slider__arrow--next:before {
        content: "";
        position: absolute;
        top: 25px;
        right: 0;
        width: 35px;
        height: 35px;
        border: 2px solid silver;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }

    .diving-main .diving-modal-photo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        min-height: 100vh;
        max-width: 1030px;
        margin: 0 auto;
        padding: 30px 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .diving-main .diving-modal-photo__figure {
        width: 100%;
        max-width: 60vw
    }

    .diving-main .diving-modal-photo__caption {
        padding-top: 30px
    }

    .diving-main .diving-modal-photo__name {
        display: block;
        margin-top: 20px;
        color: #fff;
        font-size: 27px;
        font-weight: 600;
        line-height: 1
    }

    .diving-main .diving-modal-photo__award {
        position: relative;
        display: block;
        margin-top: 25px;
        padding-left: 25px;
        font-size: 22px;
        font-weight: 600;
        color: #fff
    }

    .diving-main .diving-modal-photo__award--judge {
        padding-left: 0
    }

    .diving-main .diving-modal-photo__label {
        position: absolute;
        top: 0;
        left: 0;
        width: 15px;
        height: 22.5px
    }

    .diving-main .diving-modal-photo__label:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        width: 7.5px;
        height: 7.5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 7.5px solid transparent
    }

    .diving-main .diving-modal-photo__label--gold {
        background: #bca474
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .diving-main .diving-modal-photo__label--gold:after {
        border-right: 7.5px solid #bca474;
        border-left: 7.5px solid #bca474
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .diving-main .diving-modal-photo__label--gold:after {
        border-right: 2vw solid #bca474;
        border-left: 2vw solid #bca474
    }
}

@media screen and (min-width: 768px) {
    .diving-main .diving-modal-photo__label--silver {
        background: #c8cccd
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .diving-main .diving-modal-photo__label--silver:after {
        border-right: 7.5px solid #c8cccd;
        border-left: 7.5px solid #c8cccd
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .diving-main .diving-modal-photo__label--silver:after {
        border-right: 2vw solid #c8cccd;
        border-left: 2vw solid #c8cccd
    }
}

@media screen and (min-width: 768px) {
    .diving-main .diving-modal-photo__label--bronze {
        background: #a17753
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .diving-main .diving-modal-photo__label--bronze:after {
        border-right: 7.5px solid #a17753;
        border-left: 7.5px solid #a17753
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .diving-main .diving-modal-photo__label--bronze:after {
        border-right: 2vw solid #a17753;
        border-left: 2vw solid #a17753
    }
}

@media screen and (min-width: 768px) {
    .diving-main .diving-modal-photo__label--special {
        background: #e4007f
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .diving-main .diving-modal-photo__label--special:after {
        border-right: 7.5px solid #e4007f;
        border-left: 7.5px solid #e4007f
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .diving-main .diving-modal-photo__label--special:after {
        border-right: 2vw solid #e4007f;
        border-left: 2vw solid #e4007f
    }
}

@media screen and (min-width: 768px) {
    .diving-main .diving-modal-photo__person {
        display: block;
        margin-top: 15px;
        color: #fff;
        font-size: 27px;
        font-weight: 600;
        line-height: 1
    }

    .diving-main .diving-modal-photo__description {
        margin-top: 3px;
        color: #fff;
        font-style: italic;
        font-size: 18px;
        line-height: 1.66667
    }

    .diving-main .diving-modal-photo__img-wrap {
        text-align: center
    }

    .diving-main .diving-modal-photo__img {
        max-height: 80vw;
        width: 100%
    }

    .diving-main .diving-modal-photo__location {
        margin-top: 5px;
    }

    .diving-main .diving-modal-photo__location, .diving-main .diving-modal-photo__place {
        position: relative;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        font-size: 18px;
        line-height: 1
    }

    .diving-main .diving-modal-photo__place {
        margin-top: 15px
    }

    .diving-main .diving-modal-photo__icon-map {
        position: absolute;
        top: 0;
        left: 0;
        width: 15px;
        height: 20px
    }
}

@media screen and (min-width: 768px) and (max-width: 1029px) {
    .diving-main .local-nav {
        display: block
    }

    .diving-main .local-nav__link {
        line-height: 50px
    }

    .diving-main .local-nav__list--top .local-nav__item:before {
        content: "";
        top: 20px
    }

    .diving-main .local-nav__list--top .local-nav__item:last-child:before {
        content: none;
        top: 20px
    }

    .diving-main .local-nav__list--under .local-nav__item:before {
        content: "";
        position: absolute;
        top: 20px;
        right: -3px;
        height: 12px;
        width: 1px;
        background: #fff
    }

    .diving-main .jnto-gallery-slider__arrow--pre {
        left: -30px
    }

    .diving-main .jnto-gallery-slider__arrow--next {
        right: -30px
    }

    .diving-main .box-link__text {
        font-size: 5.8vw
    }

    .diving-main .box-link__text-small {
        font-size: 4.4vw
    }
}

@media screen and (max-width: 767px) {
    .pc {
        display: none !important
    }

    .diving-main, .diving-main .article {
        position: relative
    }

    .diving-main .article__title {
        color: #fff;
        font-size: 10.66667vw;
        line-height: 1.16667;
        padding: 4vw 5.33333vw
    }

    .diving-main .diving-main-visual {
        height: 128.93333vw;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover
    }

    .diving-main .diving-main-visual__heading {
        background: rgba(0, 0, 0, .6)
    }

    .diving-main .diving-main-visual__title {
        margin: 0 auto
    }

    .diving-main .local-nav {
        background: #2b2b2b
    }

    .diving-main .local-nav__btn {
        position: relative;
        height: 10.66667vw
    }

    .diving-main .local-nav__btn:after, .diving-main .local-nav__btn:before {
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -3.46667vw;
        width: 6.93333vw;
        height: .8vw;
        background: #fff;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .diving-main .local-nav__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .diving-main .local-nav__item {
        position: relative;
        border-top: .26667vw solid #656565;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%
    }

    .diving-main .local-nav__link {
        text-align: center;
        display: block;
        color: #fff;
        font-size: 5.33333vw;
        font-weight: 600;
        line-height: 14.13333vw;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .diving-main .local-nav[data-toggle=open] .local-nav__btn:before {
        top: 3.46667vw;
        -webkit-transform: translateY(1.46667vw) rotate(45deg);
        transform: translateY(1.46667vw) rotate(45deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .diving-main .local-nav[data-toggle=open] .local-nav__btn:after {
        top: 6.4vw;
        -webkit-transform: translateY(-1.46667vw) rotate(-45deg);
        transform: translateY(-1.46667vw) rotate(-45deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .diving-main .local-nav[data-toggle=open] .local-nav__list {
        opacity: 1;
        visibility: visible;
        max-height: 133.33333vw
    }

    .diving-main .jnto {
        position: relative
    }

    .diving-main .jnto:nth-of-type(2n) {
        background: #f6f6f6
    }

    .diving-main .jnto__contents {
        position: relative;
        margin: 0 auto;
        padding: 10.66667vw 0 21.33333vw
    }

    .diving-main .jnto__title {
        color: #000;
        font-size: 7.46667vw;
        font-weight: 600;
        line-height: 1;
        text-align: center
    }

    .diving-main .jnto__title sup {
        font-size: 3.73333vw;
        vertical-align: super
    }

    .diving-main .jnto__title-small {
        font-size: 3.2vw;
        padding: 0 13%
    }

    .diving-main .jnto__label {
        position: absolute;
        top: 0;
        left: 5.33333vw;
        width: 5.33333vw;
        height: 8vw
    }

    .diving-main .jnto__label:after {
        content: "";
        position: absolute;
        bottom: -2.66667vw;
        width: 5.33333vw;
        height: 2.66667vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 2.66667vw solid transparent
    }

    .diving-main .jnto__label--gold {
        background: #bca474
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
    .diving-main .jnto__label--gold:after {
        border-right: 15px solid #bca474;
        border-left: 15px solid #bca474
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .diving-main .jnto__label--gold:after {
        border-right: 2.66667vw solid #bca474;
        border-left: 2.66667vw solid #bca474
    }
}

@media screen and (max-width: 767px) {
    .diving-main .jnto__label--silver {
        background: #c8cccd
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
    .diving-main .jnto__label--silver:after {
        border-right: 15px solid #c8cccd;
        border-left: 15px solid #c8cccd
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .diving-main .jnto__label--silver:after {
        border-right: 2.66667vw solid #c8cccd;
        border-left: 2.66667vw solid #c8cccd
    }
}

@media screen and (max-width: 767px) {
    .diving-main .jnto__label--bronze {
        background: #a17753
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
    .diving-main .jnto__label--bronze:after {
        border-right: 15px solid #a17753;
        border-left: 15px solid #a17753
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .diving-main .jnto__label--bronze:after {
        border-right: 2.66667vw solid #a17753;
        border-left: 2.66667vw solid #a17753
    }
}

@media screen and (max-width: 767px) {
    .diving-main .jnto__label--special {
        background: #e4007f
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
    .diving-main .jnto__label--special:after {
        border-right: 15px solid #e4007f;
        border-left: 15px solid #e4007f
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .diving-main .jnto__label--special:after {
        border-right: 2.66667vw solid #e4007f;
        border-left: 2.66667vw solid #e4007f
    }
}

@media screen and (max-width: 767px) {
    .diving-main .jnto-gallery {
        position: relative;
        padding: 0 5.33333vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .diving-main .jnto-gallery__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 4vw
    }

    .diving-main .jnto-gallery__item {
        position: relative;
        width: 100%
    }

    .diving-main .jnto-gallery__item--col1 {
        width: 100%
    }

    .diving-main .jnto-gallery__item--col4 {
        width: 42.66667vw
    }

    .diving-main .jnto-gallery__img-wrap {
        position: relative;
        border-radius: 4px;
        overflow: hidden
    }

    .diving-main .jnto-gallery__img-wrap:before {
        position: absolute;
        content: "";
        height: 100%;
        background: transparent;
        border-radius: 4px;
        opacity: 0;
        visibility: hidden;
        z-index: 10
    }

    .diving-main .jnto-gallery__img, .diving-main .jnto-gallery__img-wrap:before {
        width: 100%;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .diving-main .jnto-gallery__caption {
        position: absolute;
        left: 0;
        margin-top: 1.6vw;
        color: #000;
        font-size: 3.2vw;
        line-height: 1.33333
    }

    .diving-main .jnto-gallery--default .jnto-gallery__item--col2, .diving-main .jnto-gallery--default .jnto-gallery__item--col3 {
        margin-top: 5.33333vw
    }

    .diving-main .jnto-gallery--default .jnto-gallery__item--col3.half {
        width: 42.66667vw
    }

    .diving-main .jnto-gallery--default .jnto-gallery__item--col4:nth-of-type(n+3) {
        margin-top: 3.33333vw
    }

    .diving-main .jnto-gallery--award .jnto-gallery__item {
        margin-top: 14.13333vw
    }

    .diving-main .jnto-gallery--award .jnto-gallery__item--col4:nth-of-type(2), .diving-main .jnto-gallery--award .jnto-gallery__item:first-of-type {
        margin-top: 0
    }

    .diving-main .jnto-gallery-slider {
        position: relative
    }

    .diving-main .jnto-gallery-slider__arrow {
        display: none
    }

    .diving-main .jnto-gallery-slider__dots-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        bottom: -10.66667vw;
        width: 100%
    }

    .diving-main .jnto-gallery-slider__dots-list > li {
        width: 5.6vw;
        height: 5.6vw;
        border-radius: 4px;
        border: .26667vw solid #dcdcdc;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .diving-main .jnto-gallery-slider__dots-list > li:nth-child(n+2) {
        margin-left: 4vw
    }

    .diving-main .jnto-gallery-slider__dots-list > li.slick-active {
        background: #dcdcdc
    }

    .diving-main .jnto-gallery-slider__dots-index {
        display: inline-block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        height: 100%
    }

    .diving-main .box-link {
        position: relative;
        background: #f9e6e8;
        padding: 0 5.33333vw
    }

    .diving-main .box-link__contain {
        margin: 0 auto;
        padding: 21.33333vw 0 24.66667vw
    }

    .diving-main .box-link__img-wrap {
        display: block
    }

    .diving-main .box-link__img-wrap, .diving-main .box-link__img-wrap:after {
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .diving-main .box-link__img-wrap:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 50%;
        bottom: 0;
        right: 0;
        background: rgba(0, 0, 0, .6)
    }

    .diving-main .box-link__img {
        width: 100%
    }

    .diving-main .box-link__link {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .diving-main .box-link__text {
        position: absolute;
        left: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        height: 50%;
        padding-left: 8vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        font-size: 10.66667vw;
        font-weight: 600;
        line-height: 1.2;
        text-align: left;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    .diving-main .box-link__text:after, .diving-main .box-link__text:before {
        content: "";
        position: absolute;
        width: 7.46667vw;
        height: 7.46667vw;
        z-index: 10
    }

    .diving-main .box-link__text:before {
        content: "";
        right: 5.33333vw;
        bottom: 5.33333vw;
        background: hsla(0, 0%, 100%, .2);
        border-radius: 4px;
    }

    .diving-main .box-link__text:after {
        content: "";
        right: 8.8vw;
        bottom: 8.13333vw;
        width: 1.6vw;
        height: 1.6vw;
        border-color: #fff #fff transparent transparent;
        border-style: solid;
        border-width: .26667vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .diving-main .box-link__text-small {
        font-size: 8vw
    }

    .diving-main .jnto-diving-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .diving-main .jnto-diving-modal[data-toggle=open] {
        opacity: 1;
        visibility: visible
    }

    .diving-main .diving-modal__contain {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.8)
    }

    .diving-main .diving-modal__close {
        position: absolute;
        top: 20%;
        right: 5%;
        width: 30px;
        height: 30px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        z-index: 10;
        background-color: #e7001d;
        border-radius: 50%;
    }

    .diving-main .diving-modal__close:after, .diving-main .diving-modal__close:before {
        content: "";
        position: absolute;
        top: 3.73333vw;
        left: -.93333vw;
        width: 9.33333vw;
        height: .4vw;
        background: #9c9c9c;
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .diving-main .diving-modal__close:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .diving-main .diving-modal__close:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .diving-main .diving-modal__close:after, .diving-main .diving-modal__close:before {
        content: "";
        position: absolute;
        top: 7px;
        width: 2px;
        height: 16px;
        background: #fff;
        left:14px
    }

    .diving-main .diving-modal__block {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .diving-main .diving-modal__block.is-show {
        opacity: 1;
        visibility: visible
    }

    .diving-main .diving-modal__item {
        height: 100vh;
        overflow: hidden
    }

    .diving-main .diving-modal-slider__arrow {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 6.66667vw;
        height: 13.33333vw;
        margin: auto 0;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        z-index: 100;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .diving-main .diving-modal-slider__arrow.slick-disabled {
        display: none
    }

    .diving-main .diving-modal-slider__arrow--pre {
        left: 2.66667vw
    }

    .diving-main .diving-modal-slider__arrow--pre:before {
        content: "";
        position: absolute;
        top: 6.66667vw;
        left: 0;
        width: 9.33333vw;
        height: 9.33333vw;
        border: .53333vw solid silver;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    .diving-main .diving-modal-slider__arrow--next {
        right: 2.66667vw
    }

    .diving-main .diving-modal-slider__arrow--next:before {
        content: "";
        position: absolute;
        top: 6.66667vw;
        right: 0;
        width: 9.33333vw;
        height: 9.33333vw;
        border: .53333vw solid silver;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }

    .diving-main .diving-modal-photo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100vw;
        min-height: 100vh;
        margin: 0 auto;
        overflow-y: scroll;
        padding: 6.66667vw 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .diving-main .diving-modal-photo__figure {
        width: 100%;
        max-width: 80vh
    }

    .diving-main .diving-modal-photo__name {
        display: block;
        margin-top: 2vw;
        margin-left: 15vw;
        color: #fff;
        font-size: 6.4vw;
        font-weight: 600;
        line-height: 1;
    }

    .diving-main .diving-modal-photo__description {
        margin-top: 3.46667vw;
        color: #fff;
        font-size: 4.26667vw;
        line-height: 1.25;
        word-break: break-all;
        margin-left: 15vw;
    }

    .diving-main .diving-modal-photo__award {
        position: relative;
        display: block;
        margin-top: 4vw;
        padding-left: 5.33333vw;
        color: #fff;
        font-size: 5.06667vw;
        font-weight: 600;
        line-height: 8vw
    }

    .diving-main .diving-modal-photo__award--judge {
        padding-left: 0
    }

    .diving-main .diving-modal-photo__label {
        position: absolute;
        top: 0;
        left: 0;
        width: 4vw;
        height: 6vw
    }

    .diving-main .diving-modal-photo__label:after {
        content: "";
        position: absolute;
        bottom: -2vw;
        width: 4vw;
        height: 2vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 2vw solid transparent
    }

    .diving-main .diving-modal-photo__label--gold {
        background: #bca474
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
    .diving-main .diving-modal-photo__label--gold:after {
        border-right: 7.5px solid #bca474;
        border-left: 7.5px solid #bca474
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .diving-main .diving-modal-photo__label--gold:after {
        border-right: 2vw solid #bca474;
        border-left: 2vw solid #bca474
    }
}

@media screen and (max-width: 767px) {
    .diving-main .diving-modal-photo__label--silver {
        background: #c8cccd
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
    .diving-main .diving-modal-photo__label--silver:after {
        border-right: 7.5px solid #c8cccd;
        border-left: 7.5px solid #c8cccd
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .diving-main .diving-modal-photo__label--silver:after {
        border-right: 2vw solid #c8cccd;
        border-left: 2vw solid #c8cccd
    }
}

@media screen and (max-width: 767px) {
    .diving-main .diving-modal-photo__label--bronze {
        background: #a17753
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
    .diving-main .diving-modal-photo__label--bronze:after {
        border-right: 7.5px solid #a17753;
        border-left: 7.5px solid #a17753
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .diving-main .diving-modal-photo__label--bronze:after {
        border-right: 2vw solid #a17753;
        border-left: 2vw solid #a17753
    }
}

@media screen and (max-width: 767px) {
    .diving-main .diving-modal-photo__label--special {
        background: #e4007f
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
    .diving-main .diving-modal-photo__label--special:after {
        border-right: 7.5px solid #e4007f;
        border-left: 7.5px solid #e4007f
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .diving-main .diving-modal-photo__label--special:after {
        border-right: 2vw solid #e4007f;
        border-left: 2vw solid #e4007f
    }
}

@media screen and (max-width: 767px) {
    .diving-main .diving-modal-photo__person {
        display: block;
        margin-top: 3.33333vw;
        color: #fff;
        font-size: 6.4vw;
        font-weight: 600;
        line-height: 1
    }

    .diving-main .diving-modal-photo__place {
        position: relative;
        display: block;
        margin-top: 2vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        font-size: 4.26667vw;
        line-height: 1.25
    }

    .diving-main .diving-modal-photo__img-wrap {
        text-align: center
    }

    .diving-main .diving-modal-photo__img {
        max-height: 80vw;
        width: 70%;
        margin:0 auto
    }
    .diving-main .diving-modal-photo__location {
        position: relative;
        display: block;
        margin-top: 1.6vw;
        padding-left: 15vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        font-size: 4.26667vw;
        line-height: 1.25
    }

    .diving-main .diving-modal-photo__icon-map {
        position: absolute;
        top: 0;
        left: 0;
        width: 3.2vw;
        height: 4.53333vw
    }
}