@import "https://fonts.googleapis.com/css?family=Noto+Sans:400,700";
@charset "UTF-8";
@font-face {
    font-family: Yu Gothic;
    src: local("Yu Gothic Medium");
    font-weight: 100;
}
@font-face {
    font-family: Yu Gothic;
    src: local("Yu Gothic Medium");
    font-weight: 200;
}
@font-face {
    font-family: Yu Gothic;
    src: local("Yu Gothic Medium");
    font-weight: 300;
}
@font-face {
    font-family: Yu Gothic;
    src: local("Yu Gothic Medium");
}
@font-face {
    font-family: Yu Gothic;
    src: local("Yu Gothic Bold");
    font-weight: 700;
}
body {
    font-family: Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W3',Meiryo,"メイリオ",sans-serif;
}
a {
    color: #333;
}
a,
button {
    -webkit-tap-highlight-color: rgba(204,204,204,.5);
}
*:focus {
    outline: none!important;
}
.navbar {
    min-height: 48px;
    margin-bottom: 0;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    border-radius: 0;
    background-color: #fff;
}
.container-fluid {
    min-height: 48px;
    padding-right: 0;
    padding-left: 0;
}
.container > .navbar-collapse,
.container > .navbar-header,
.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header {
    margin: 0;
}
.navbar-header {
    float: none;
}
.navbar-collapse {
    padding: 0;
    border-top: 1px solid #e8e8e8;
}
.navbar-nav {
    line-height: 1;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #333;
    font-size: 12px;
    line-height: 1;
    transition: 0.2s ease-out;
}
.nav > li > a:focus,
.nav > li > a:hover {
    background-color: #f8f8f8;
    color: #333;
    transition: 0.2s ease-out;
}
.navbar-nav a.icon-facebook,
.navbar-nav a.icon-twitter {
    display: none;
}
h1.title {
    width: 100%;
    margin: 10px 0 8px;
    padding: 0;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
}
.date {
    display: block;
    padding: 4px 0 0;
    color: #999;
    font-size: 12px;
    font-weight: 400;
}
.publish_date {
    margin-right: 12px;
}
.publish_date > time,
.refix_date > time {
    margin-right: 4px;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}
a.navbar-brand {
    position: absolute;
    left: 0;
    height: 48px;
    padding: 17px 16px 14px;
    color: #999;
    font-size: 14px;
    line-height: 1;
    transition: 0.2s ease-out;
}
a.navbar-brand:hover {
    color: #333;
    transition: 0.2s ease-out;
}
a.navbar-brand span {
    width: 140px;
    height: 14px;
}
.sns {
    position: absolute;
    right: 8px;
    line-height: 1;
}
.sns a {
    display: inline-block;
    margin: 0;
    padding: 16px 8px;
    color: #999;
    font-size: 14px;
    transition: 0.2s ease-out;
}
.sns a:focus,
.sns a:hover {
    display: inline-block;
    color: #333;
    text-decoration: none;
    transition: 0.2s ease-out;
}
.icon-facebook,
.icon-twitter {
    width: auto;
}
.icon-twitter:before {
    padding-right: 5px;
    font-size: 16px;
    vertical-align: -.13em;
}
.icon-facebook:before {
    padding-right: 2px;
    font-size: 16px;
    vertical-align: -.13em;
}
#fbcount,
#ttcount {
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.content-credit {
    margin: 120px auto;
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 1.4;
    text-align: center;
}
.content-credit__wrapper {
    display: inline-table;
    max-width: 83.333%;
    margin: 0 auto;
    text-align: center;
}
.content-credit dl {
    margin: 16px auto 0;
    font-size: 0;
    letter-spacing: 0;
    text-align: left;
}
.content-credit dl:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.content-credit dl:first-child {
    margin-top: 0;
}
.content-credit dl dt {
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 700;
    vertical-align: top;
}
@media(min-width:769px) {
    .content-credit dl dt {
        display: table-cell;
        width: 9em;
    }
}
.content-credit dl.data-source dd {
    margin: 0 0 4px 8em;
    text-indent: -1em;
}
.content-credit dl.data-source dd:before {
    content: "・";
}
.content-credit dl dd {
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 400;
    vertical-align: top;
}
@media(min-width:769px) {
    .content-credit dl dd {
        display: table-cell;
    }
}
.content-credit__data-provider {
    margin: 32px auto 0;
}
.content-credit__data-provider a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 1.5em;
    border: 1px solid #ddd;
    transition: opacity 0.2s ease;
}
.content-credit__data-provider a:hover {
    color: initial;
    text-decoration: initial;
    opacity: 0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.content-credit__data-provider .data-provider__img {
    display: inline-block;
    max-width: 88px;
    margin: 0 auto;
}
.content-credit__data-provider .data-provider__img img {
    width: 100%;
}
.content-credit__data-provider .data-provider__text {
    display: inline-block;
    margin: 1em auto;
    padding: 0 1em;
    color: #666;
}
.copyright {
    background-color: #0a385b;
}
.copyright_body {
    margin: auto;
    padding: 14px 0;
    font-size: 0;
    text-align: center;
}
.copyright_logo {
    vertical-align: middle;
}
.copyright_logo img {
    vertical-align: middle;
    max-height: 12px;
}
.copyright_text {
    margin: 0 0 0 8px;
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
}
.copyright_text br {
    display: none;
}
.related-article {
    width: 100%;
    margin: 120px auto 24px;
    border-top: 1px solid #ddd;
}
.related-article h3 {
    width: 120px;
    margin: -8px auto 0;
    background-color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}
.related-article ul {
    width: 100%;
    max-width: 640px;
    margin: 8px auto 0;
    padding: 20px;
    font-size: 14px;
    text-align: left;
}
.related-article ul li {
    display: block;
    margin-top: 11px;
    line-height: 1.4;
    text-align: left;
}
.related-article ul li a {
    position: relative;
    display: inline-block;
    color: #333;
    padding: 0 24px;
}
.related-article ul li a:before {
    content: "●";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -10px 0 0;
    color: #0a385b;
}
.related-article ul li a:after {
    content: "\e606";
    display: block;
    position: absolute;
    top: 50%;
    right: 3px;
    margin: -6px 0 0;
    color: #666;
    font-family: icomoon;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    speak: none;
}
@media(min-width:768px) {
    .modal-dialog {
        width: auto;
        margin: 10px;
    }
}
@media(min-width:769px) {
    .modal-dialog {
        width: 768px;
        margin: auto;
    }
}
@media(max-width:767px) {
    a.navbar-brand {
        display: none;
    }
    .sns {
        right: 0;
        text-align: center;
    }
    .sns a {
        font-size: 10px;
        padding: 12px 8px 10px;
    }
    .sns .icon-facebook:before,
    .sns .icon-twitter:before {
        display: block;
        padding-right: 0;
    }
    .btn {
        padding: 9px 12px;
    }
    .modal-content .icon-newspaper:before {
        bottom: 30px;
    }
}
@media(max-width:479px) {
    .navbar h1.title {
        margin: 11px 0 9px;
        padding: 0 8px;
        text-align: left;
    }
    .date {
        font-size: 10px;
        padding: 4px 0 0;
    }
    .publish_date {
        margin-right: 8px;
    }
    .copyright_text {
        font-size: 12px;
    }
    .copyright_text br {
        display: inline;
    }
    .modal-body {
        height: 200px;
        overflow: scroll;
    }
}
@media(max-height:590px) {
    .modal-body {
        height: 200px;
        overflow: scroll;
    }
}
@font-face {
    font-family: icomoon;
    src: url("../../../fonts/icomoon.eot?-6i05fh");
    src: url("../../../fonts/icomoon.eot?#iefix-6i05fh") format("embedded-opentype"),url(../../../fonts/icomoon.woff?-6i05fh) format("woff"),url(../../../fonts/icomoon.ttf?-6i05fh) format("truetype"),url(../../../fonts/icomoon.svg?-6i05fh#icomoon) format("svg");
}
[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    speak: none;
}
.icon-newspaper:before {
    content: "\e600";
}
.icon-facebook:before {
    content: "\e601";
}
.icon-twitter:before {
    content: "\e602";
}
.icon-reddit:before {
    content: "\e603";
}
.icon-arrowUp:before {
    content: "\e604";
}
.icon-arrowDown:before {
    content: "\e605";
}
.icon-arrowRight:before {
    content: "\e606";
}
.icon-arrowLeft:before {
    content: "\e607";
}
@-ms-viewport {
    width: auto;
    initial-scale: 1;
}
img[src$=".svg"] {
    height: 100%;
}
.wrapper {
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Verdana,Meiryo,"M+ 1p",sans-serif;
    font-weight: 400;
}
.navbar {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
    border: none;
}
.cover {
    width: 100%;
    height: 100vh;
    position: relative;
    background-image: url("../img/cover_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.cover:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)""
    background-image: url("../img/dot.png");
    background-repeat: repeat;
}
@media(-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
    .cover:before {
        background-image: url("../img/dot@2x.png");
        background-size: 24px 24px;
    }
}
.intro {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 90%;
    max-width: 640px;
    color: #fff;
    text-align: center;
    text-shadow: 1px 0 10px #333;
}
.intro__project {
    max-width: 640px;
    margin: 0 auto;
    font-size: 25.6px;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    vertical-align: middle;
}
.intro__project:after,
.intro__project:before {
    content: '';
    display: inline-block;
    width: 1.3em;
    height: 1px;
    background: #fff;
    vertical-align: super;
}
@media(min-width:601px) {
    .intro__project:after,
    .intro__project:before {
        width: 2em;
    }
}
.intro__project span {
    margin: 0 1em;
}
@media(min-width:601px) {
    .intro__project span {
        margin: 0 1.5em;
    }
}
.intro__title {
    font-size: 28.8px;
    font-size: 1.8rem;
    line-height: 1.4;
    letter-spacing: 0.2em;
}
@media(min-width:601px) {
    .intro__title {
        font-size: 2.4rem;
    }
}
@media(min-width:769px) {
    .intro__title {
        font-size: 3.2rem;
    }
}
.intro__title br {
    display: inline;
}
@media(min-width:601px) {
    .intro__title br {
        display: none;
    }
}
.intro__sub-title {
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 0.5em 0 0;
    letter-spacing: 0.2em;
}
@media(min-width:601px) {
    .intro__sub-title {
        font-size: 1.8rem;
    }
}
@media(min-width:769px) {
    .intro__sub-title {
        font-size: 2.4rem;
    }
}
.intro__lead {
    font-size: 25.6px;
    font-size: 1.6rem;
    text-align: left;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 1.5em 0 0;
}
.cover__arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)""
    margin: 0 auto 3vh;
    padding: 0;
    color: #FFF;
    font-size: 19.2px;
    font-size: 1.2rem;
    text-align: center;
    text-shadow: 1px 0 10px #333;
    transition: 0.2s ease-out;
}
.cover__arrow:focus,
.cover__arrow:hover {
    color: #fff;
    text-decoration: none;
}
.icon-arrowDown {
    display: block;
    margin-bottom: 8px;
    font-size: 38.4px;
    font-size: 2.4rem;
}
.content {
    overflow: hidden;
}
.content__section {
    position: relative;
    margin: auto;
    overflow: hidden;
    text-align: left;
}
.content__section.__bg-color {
    background: #f2f2f2;
}
.content__section.__slanting {
    background-image: linear-gradient(to bottom right,#f2f2f2 50%,white 50%);
}
.content__section.__arrow1:before {
    content: '';
    display: block;
    width: 100px;
    height: 25px;
    margin: 0 auto -75px;
    border: 50px solid transparent;
    border-top: 25px solid #f2f2f2;
}
.content__section.__arrow2:after,
.content__section.__arrow2:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 200px;
    height: 50px;
    margin: -15px auto;
    border: 100px solid transparent;
    border-top: 50px solid #fff;
}
.content__section.__arrow2:before {
    margin: 0 auto;
    border-top: 50px solid #f2f2f2;
}
.content__section.__arrow3:before {
    content: '';
    position: absolute;
    z-index: -1;
}
.content__section__wrapper {
    margin: 9em auto;
    position: relative;
}
.content__section__wrapper:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.image {
    margin: 1em auto 0;
}
.image__photo {
    display: block;
    position: relative;
    margin: 0;
}
.image__photo img {
    width: 100%;
    height: auto;
}
.image__photo.image__photo--full-screel {
    width: 100%;
    height: 100vh;
}
.image__photo__credit {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 7px 8px;
    color: #fff;
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4;
    text-shadow: 1px 0 1px rgba(0,0,0,.5);
    -moz-text-shadow: 1px 0 1px rgba(0,0,0,.5);
    -webkit-text-shadow: 1px 0 1px rgba(0,0,0,.5);
}
.graph {
    margin: 1em auto 0;
}
.graph__area {
    margin: 1em auto 0;
    height: 390px;
    background-color: #f8f8f8;
}
@media(min-width:769px) {
    .graph__area {
        height: 490px;
    }
}
.btn {
    padding: 0;
    margin: 8px 5px 0 0;
}
.btn__div {
    display: block;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease-out;
}
.btn__input {
    display: none;
}
.btn--plane {
    display: inline-block;
    margin: 0 auto;
    padding: 9px 8px;
    border: 1px solid #ccc;
    box-shadow: none;
    background-color: #fff;
    color: #7f7f7f;
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 1;
    text-decoration: none;
    transition: 0.2s ease-out;
}
.btn--plane:active,
.btn--plane:hover {
    color: #333;
    border: 1px solid #ccc;
}
.btn--plane:hover {
    background-color: #fff;
    transition: 0.2s ease-out;
}
.btn--plane:active {
    background-color: #eee;
    box-shadow: none;
    transition: 0.2s ease-out;
}
.btn-group {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 0.8em auto 0;
}
.btn-group:after {
    content: "";
    display: block;
    clear: both;
}
.btn-group__title {
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 1;
    margin: 0.5em 0 0;
}
.btn-group__inner {
    width: 100%;
    margin: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 0;
    letter-spacing: 0;
    padding: 0 0 8px;
}
.btn-group__over {
    padding: 0 0 8px;
}
.btn-group .btn:last-child {
    margin: 8px 0 0;
}
.btn-group.bootstrap-select {
    overflow: visible;
}
.btn-group.bootstrap-select .dropdown-toggle:focus {
    outline: none!important;
    border-color: #e8e8e8;
    border: 1px solid #DDD;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #d8d8d8;
    background-color: #fff;
}
.btn-group.bootstrap-select .dropdown-toggle {
    padding: 0.5em 0.7em;
    border: 1px solid #DDD;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #d8d8d8;
    box-shadow: 0 2px 4px rgba(0,0,0,.05);
}
.btn-group.open .dropdown-toggle {
    border: 1px solid #ccc;
    box-shadow: none;
}
.btn--graphArea input+div {
    padding: 0.75em 0.666em;
    box-shadow: 0 2px 4px rgba(0,0,0,.05);
    border: 1px solid #ddd;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 2px;
    background-color: #fff;
    color: #7f7f7f;
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1;
}
.btn--graphArea input+div:hover {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
}
.btn--graphArea input+div:active {
    border: 1px solid #ccc;
    background-color: #eee;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.125);
}
.btn--graphArea input:checked+div {
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: none;
    background-image: -ms-linear-gradient(90deg,#f2f2f2 0,#ececec 100%);
    color: #333;
    transition: 0.2s ease-out;
}
.btn--about-graph {
    display: inline-block;
    margin: 0 auto;
    padding: 0.75em 0.666em;
    border: 1px solid #ddd;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,.05);
    background-color: #fff;
    color: #7f7f7f;
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 1;
    text-decoration: none;
    transition: 0.2s ease-out;
}
.btn--about-graph:active,
.btn--about-graph:hover {
    border: 1px solid #ccc;
    color: #333;
}
.btn--about-graph:hover {
    background-color: #fff;
    transition: 0.2s ease-out;
}
.btn--about-graph:active {
    box-shadow: inset 0 1px 2px rgba(0,0,0,.125);
    background-color: #eee;
    transition: 0.2s ease-out;
}
.btn--download {
    display: inline-block;
    padding: 0.75em 0.666em;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,.05);
    background-color: #fff;
    color: #7f7f7f;
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 1;
    text-decoration: none;
    transition: 0.2s ease-out;
}
.btn--download:active,
.btn--download:hover {
    border: 1px solid #ccc;
    color: #333;
}
.btn--download:hover {
    background-color: #f8f8f8;
    transition: 0.2s ease-out;
}
.btn--download:active {
    box-shadow: inset 0 1px 2px rgba(0,0,0,.125);
    background-color: #eee;
    transition: 0.2s ease-out;
}
.btn.active,
.btn:active {
    box-shadow: none;
}
.slider {
    display: block;
}
.slider.slider-horizontal {
    width: 88.8888%;
    height: 8px;
    max-width: 640px;
    margin: 1em auto 0;
    border-radius: 2px;
}
.slider.slider-horizontal .slider-track {
    height: 8px;
    margin-top: -4px;
}
.slider-selection,
.slider-track-high,
.slider-track-low,
.slider.slider-horizontal .slider-track {
    border-radius: 2px;
}
.slider-track {
    box-shadow: 0 1px 4px rgba(0,0,0,.1) inset;
    background-color: #f8f8f8;
    background-image: none;
}
.slider-handle {
    width: 32px;
    height: 32px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    box-shadow: 0 0 2px rgba(0,0,0,.125);
}
@media(min-width:769px) {
    .slider-handle {
        width: 24px;
        height: 24px;
    }
}
.slider.slider-horizontal .slider-handle,
.slider.slider-horizontal .slider-tick {
    margin-top: -12px;
    margin-left: -16px;
}
@media(min-width:769px) {
    .slider.slider-horizontal .slider-handle,
    .slider.slider-horizontal .slider-tick {
        margin-top: -8px;
        margin-left: -12px;
    }
}
.slider-selection {
    box-shadow: 0 0 0 rgba(0,0,0,.15) inset;
    background: #bbb;
}
.slider .tooltip {
    z-index: 1040;
}
.slider .tooltip.top {
    margin-top: -42px;
}
@media(min-width:769px) {
    .slider .tooltip.top {
        margin-top: -45px;
    }
}
.slider .tooltip.top .tooltip-arrow {
    border-top-color: #666;
}
.slider .tooltip-inner {
    padding: 4px 8px;
    background-color: #666;
    border-radius: 2px;
}
.graph__legend {
    width: auto;
    margin: 1.2em 0 0;
    padding: 0;
    color: #7f7f7f;
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
    line-height: 1;
}
.legend {
    display: inline-block;
    position: relative;
    margin: 0.25em 0 0;
    padding: 0 1.2em;
    line-height: 1.75;
}
.legend:last-child {
    padding-right: 0;
}
.legend--circle:before,
.legend--line:before,
.legend--rectangle:before,
.legend--square:before {
    content: "";
    position: absolute;
    top: 50%;
    border-radius: 2px;
    background-color: #000;
}
.legend--rectangle {
    padding: 0 1.25em 0 3em;
}
.legend--line {
    padding: 0 1.25em 0 2em;
}
.legend--circle:before {
    left: 0;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    border-radius: 1em;
}
.legend--square:before {
    left: 0;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
}
.legend--rectangle:before {
    left: 0;
    width: 2.5em;
    height: 1em;
    margin-top: -.5em;
}
.legend--line:before {
    left: 0;
    width: 1.4em;
    height: 4px;
    margin-top: -2px;
}
.content-prev {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #ddd;
    text-align: center;
}
.content-prev p.btn-prev {
    margin: 0 auto;
}
.content-prev a {
    display: inline-block;
    position: relative;
    padding: 16px;
    color: #333;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 1;
}
.content-prev a span.icon-arrowLeft {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin: -6px 0 0 -19px;
    color: #666;
    font-size: 19.2px;
    font-size: 1.2rem;
}
@media(max-width:979px) {
    .content-prev {
        margin: 0 auto;
    }
}
@media(max-width:767px) {
    .content-prev {
        width: 83.3333%;
    }
    .content-prev a {
        text-decoration: none;
    }
}
@media(max-width:479px) {
    .content-prev {
        width: 90%;
    }
}
.box {
    margin-top: 1.5em;
}
.box.__absolute {
    position: absolute;
    top: 0;
    left: 0;
}
.box.box--font-white > * {
    color: #fff;
}
.box.__left {
    float: left;
}
.box.__right {
    float: right;
}
.box > *:first-child {
    margin-top: 0;
}
.box__list,
.box__text,
.box__title1,
.box__title2,
.box__title3 {
    width: 100%;
    color: #333;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 1em auto 0;
}
.box__title1 {
    text-align: left;
    line-height: 1.4;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Verdana,Meiryo,"M+ 1p",sans-serif;
    font-weight: 700;
    font-size: 28.8px;
    font-size: 1.8rem;
}
@media(min-width:601px) {
    .box__title1 {
        font-size: 2.4rem;
    }
}
.box__title2 {
    padding: 0 0 0 0.5em;
    border-left: 3px solid #333;
    font-weight: 700;
    line-height: 1.4;
    font-size: 25.6px;
    font-size: 1.6rem;
}
@media(min-width:601px) {
    .box__title2 {
        font-size: 1.8rem;
    }
}
.box__title3 {
    font-size: 25.6px;
    font-size: 1.6rem;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Verdana,Meiryo,"M+ 1p",sans-serif;
    font-weight: 700;
    line-height: 1.4;
}
@media(min-width:601px) {
    .box__title3 {
        font-size: 1.8rem;
    }
}
.box__text {
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 1.75;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Verdana,Meiryo,"M+ 1p",sans-serif;
    font-weight: 400;
}
.box__list {
    font-size: 25.6px;
    font-size: 1.6rem;
    padding-left: 16px;
}
.box__list-item {
    line-height: 1.4;
    margin-top: 0.8em;
}
.caption {
    margin: 0 auto;
    padding: 0.583em 0;
    color: #666;
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 1.4;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    text-align: justify;
    text-justify: inter-ideograph;
    border-bottom: 1px dashed rgba(0,0,0,.1);
}
.__sp {
    display: block;
}
@media(min-width:601px) {
    .__sp {
        display: none;
    }
}
.__tab {
    display: none;
}
@media(min-width:601px) {
    .__tab {
        display: block;
    }
}
@media(min-width:961px) {
    .__tab {
        display: none;
    }
}
.__pc {
    display: none;
}
@media(min-width:961px) {
    .__pc {
        display: block;
    }
}
.modal.fade .modal-dialog {
    display: table;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    width: 90%;
    max-width: 760px;
    height: 100%;
    margin: 0 auto;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out,-webkit-transform 0.3s ease-out;
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.modal__content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    box-shadow: none;
    background: none;
}
.modal__content__wrapper {
    padding: 2em;
    box-shadow: 0 65px 180px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 65px 180px rgba(0,0,0,.4);
    background-color: rgba(255,255,255,.95);
}
@media(min-width:601px) {
    .modal__content__wrapper {
        padding: 5em;
    }
}
.modal__content__wrapper .box {
    margin-top: 0;
}
.modal__title {
    padding: 0;
    margin: 0;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
}
@media(min-width:601px) {
    .modal__title {
        font-size: 2.4rem;
    }
}
.modal__body {
    height: auto;
    overflow: scroll;
    height: 65vh;
    max-height: 700px;
    margin: 2em auto;
}
.modal__body__title {
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Verdana,Meiryo,"M+ 1p",sans-serif;
    font-weight: 700;
    line-height: 1.4;
    margin: 0.5em 0 0;
}
.modal__body__text {
    margin: 1em 0 0;
}
.modal__body__line {
    border-top: 1px solid #ddd;
}
@media(min-width:601px) {
    .modal__body {
        height: auto;
        margin: 64px auto;
    }
}
.modal__button {
    display: block;
    width: 100%;
    padding: 1em;
}
.caption {
    border: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
}
.clear {
    clear: both;
}
@-webkit-keyframes anime-top {
    0% {
        top: -100px;
    }
    100% {
        top: 0;
    }
}
@keyframes anime-top {
    0% {
        top: -100px;
    }
    100% {
        top: 0;
    }
}
@-webkit-keyframes anime-bottom {
    0% {
        bottom: -100px;
    }
    100% {
        bottom: 0;
    }
}
@keyframes anime-bottom {
    0% {
        bottom: -100px;
    }
    100% {
        bottom: 0;
    }
}
.wrapper {
    /*font-family: Noto Sans,hiragino kaku gothic pro,meiryo,ms pgothic,sans-serif;*/
    font-family: Arial, sans-serif;
    letter-spacing: 0.085em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: none;
    font-feature-settings: none;
    background-color: #000;
}
.wrapper h3 {
    margin: 40px 0;
    font-size: 35.2px;
    font-size: 2.2rem;
    /*font-family: Georgia,"游明朝",Yu Mincho,YuMincho,Hiragino Mincho ProN,serif;*/
	font-family: georgia,'times new roman',times,serif;
    font-weight: 700;
    line-height: 1.5;
    /*letter-spacing: 0.15em;*/
	letter-spacing: 0.05em;
    text-align: center;
}
@media(min-width:768px) {
    .wrapper h3 {
        font-size: 2.8rem;
    }
}
@media(min-width:1024px) {
    .wrapper h3 {
        font-size: 3rem;
    }
}
.wrapper h4 {
    margin: 30px 0;
    font-size: 35.2px;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}
@media(min-width:1024px) {
    .wrapper h4 br {
        display: none;
    }
}
.wrapper ul {
    padding: 0;
}
.wrapper li {
    list-style: none;
}
.wrapper .hide-sp {
    display: none;
}
@media(min-width:1024px) {
    .wrapper .hide-sp {
        display: inline-block;
        font-size: 1rem;
    }
}
.wrapper .hide-pc {
    display: block;
}
@media(min-width:1024px) {
    .wrapper .hide-pc {
        display: none;
    }
}
.wrapper .cover {
    position: relative;
    /*margin: 48px auto 0;*/
    padding-top: 45%;
    /*padding-bottom: 150px;*/
    padding-bottom: 50px;
    max-width: 2000px;
    height: auto;
    background-color: #000;
    background-position: center 0;
    background-size: 200%;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@media(min-width:1024px) {
    .wrapper .cover {
        padding-top: 23%;
        background-size: 100%;
    }
}
.wrapper .cover:before {
    content: none;
    background: none;
}
.wrapper .intro {
    position: static;
    max-width: 600px;
    text-shadow: none;
}
@media(min-width:768px) {
    .wrapper .intro {
        margin-bottom: 50px;
    }
}
.wrapper .intro--title {
    font-size: 48px;
    font-size: 3rem;
    /*font-family: Georgia,"游明朝",Yu Mincho,YuMincho,Hiragino Mincho ProN,serif;*/
	font-family: georgia,'times new roman',times,serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 20px #000;
    margin-top: 40px;
}
.wrapper .intro--title span {
    display: none;
}
@media(min-width:550px) {
    .wrapper .intro--title br {
        display: none;
    }
    .wrapper .intro--title span {
        width: 32px;
        display: inline-block;
    }
}
@media(min-width:768px) {
    .wrapper .intro--title {
        font-size: 3.5rem;
        /*letter-spacing: 0.2em;*/
		letter-spacing: 0.05em;
    }
}
@media(min-width:1024px) {
    .wrapper .intro--title {
        font-size: 4.6rem;
        /*letter-spacing: 0.5em;*/
    }
}
.wrapper .intro--lead {
    margin: 1.5em 0;
    font-size: 28.8px;
    font-size: 1.8rem;
    /*line-height: 1.85;*/
	line-height: 1.5;
    text-align: justify;
}
.wrapper .intro--lead__footer {
    display: inline-block;
    width: 100%;
    font-size: 25.6px;
    font-size: 1.6rem;
    text-align: right;
}
.wrapper .intro a {
    border-bottom: 1px dotted #fff;
    padding-bottom: 4px;
    text-decoration: none;
    color: #fff;
}
.wrapper .intro a:hover {
    transition: 0.2s ease-in-out;
    background-color: rgba(255,255,255,.2);
}
.wrapper .content {
    overflow: visible;
}
.wrapper .content__section {
    overflow: visible;
    color: #fff;
    background-color: #333;
}
.wrapper .content__section__wrapper {
    margin: auto;
}
.wrapper .content__section__wrapper.fixed-navi {
    padding-top: 165px;
}
.wrapper .content-credit {
    padding: 120px 0;
    margin: 0 auto;
}
.wrapper .navbox {
    height: 200px;
}
@media(min-width:600px) {
    .wrapper .navbox {
        height: 120px;
        margin-bottom: 80px;
		padding-top: 20px;
    }
}
.wrapper .navbox__info {
    margin: 0;
    padding-bottom: 10px;
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 1;
    text-align: center;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.wrapper .navbox__info--type {
    background-color: #000;
}
@media(min-width:600px) {
    .wrapper .navbox__info--type {
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px);
    }
}
.wrapper .navbox__info--type.fixed {
    display: none;
}
.wrapper .navbox__info--when {
    margin: 30px 0 0;
}
.wrapper .navbox__info--when.fixed {
    display: none;
}
.wrapper .navbox__type {
    position: static;
    z-index: 1;
    top: auto;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    font-size: 28.8px;
    font-size: 1.8rem;
}
@media(min-width:600px) {
    .wrapper .navbox__type {
        margin-top: -70px;
        border-bottom: 0 solid #333;
        cursor: pointer;
    }
}
.wrapper .navbox__type.fixed {
    position: fixed;
    margin-top: 0;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: anime-top 0.4s ease;
    animation: anime-top 0.4s ease;
}
.wrapper .navbox__type:after {
    content: "";
    display: block;
    clear: both;
}
.wrapper .navbox__type__btn {
    position: relative;
    float: left;
    width: 50%;
    height: 48px;
    text-align: center;
    line-height: 48px;
    background-color: #222;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.wrapper .navbox__type__btn:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    opacity: 0.2;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.wrapper .navbox__type__btn:hover {
    background-color: #2d2d2d;
}
.wrapper .navbox__type__btn.selected {
    background-color: #333;
}
.wrapper .navbox__type__btn.selected:before {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media(min-width:1024px) {
    .wrapper .navbox__type__btn.selected {
        cursor: default;
    }
}
.wrapper .navbox__when {
    position: static;
    z-index: 1;
    bottom: auto;
    right: auto;
    margin: 0 auto;
    width: 160px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    cursor: pointer;
}
.wrapper .navbox__when.fixed {
    position: fixed;
    bottom: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-animation: anime-bottom 0.4s ease;
    animation: anime-bottom 0.4s ease;
}
.wrapper .navbox__when:after {
    content: "";
    display: block;
    clear: both;
}
.wrapper .navbox__when__btn {
    float: left;
    width: 80px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    background-color: #222;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.wrapper .navbox__when__btn:hover {
    background-color: #2d2d2d;
}
.wrapper .navbox__when__btn.selected {
    background-color: #fff;
    color: #333;
    cursor: default;
}
.wrapper .navbox__when__btn.disabled {
    position: relative;
    background-color: #282828;
    color: #181818;
    cursor: default;
}
.wrapper .navbox__when__btn.disabled:hover:before {
    content: '';
    display: block;
    position: absolute;
    top: -17px;
    left: 30px;
    width: 15px;
    height: 15px;
    background-color: #ddd;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.wrapper .navbox__when__btn.disabled:hover:after {
    /*content: 'Coming Soon';*/
    display: block;
    position: absolute;
    top: -35px;
    left: -20px;
    padding: 8px 0;
    width: 110px;
    height: auto;
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 1;
    background-color: #ddd;
}
.wrapper .navbox__when .display-set--when {
    font-size: 48px;
    font-size: 3rem;
    font-family: Noto Sans,sans-serif;
}
.wrapper .navbox__when .display-set--unit {
    font-size: 22.4px;
    font-size: 1.4rem;
}
.wrapper .info-content {
    margin: 0 auto 100px;
}
@media(min-width:1024px) {
    .wrapper .info-content {
        max-width: 900px;
    }
}
@media(min-width:1366px) {
    .wrapper .info-content {
        max-width: 1000px;
    }
}
.wrapper .info-content .imgbox {
    margin: 0 auto 20px;
    max-width: 600px;
    text-align: center;
}
@media(min-width:1024px) {
    .wrapper .info-content .imgbox {
        width: 50%;
        float: right;
        text-align: right;
    }
}
.wrapper .info-content .imgbox img {
    width: 90%;
    margin: 0 auto;
}
@media(min-width:600px) {
    .wrapper .info-content .imgbox img {
        width: 400px;
    }
}
.wrapper .info-content .imgbox .g-sp {
    display: block;
    max-width: 300px;
}
@media(min-width:600px) {
    .wrapper .info-content .imgbox .g-sp {
        display: none;
    }
}
.wrapper .info-content .imgbox .g-pc {
    display: none;
}
@media(min-width:600px) {
    .wrapper .info-content .imgbox .g-pc {
        display: block;
    }
}
.wrapper .info-content__title {
    font-size: 38.4px;
    font-size: 2.4rem;
}
@media(min-width:600px) {
    .wrapper .info-content__title {
        font-size: 3rem;
    }
}
.wrapper .info-content__title--first {
    margin: 80px 0 60px;
}
.wrapper .info-content__title--second {
    margin: 80px 0 60px;
}
.wrapper .info-content__text {
    margin: 10px auto;
    max-width: 600px;
    width: 90%;
    font-size: 28.8px;
    font-size: 1.8rem;
    /*font-family: Noto Sans,hiragino kaku gothic pro,meiryo,ms pgothic,sans-serif;*/
	font-family: Arial, sans-serif;
    /*line-height: 1.9;*/
	line-height: 1.5;
    text-align: justify;
}
@media(min-width:1024px) {
    .wrapper .info-content__text {
        width: 50%;
        margin: 0;
        padding-right: 2.5%;
    }
}
.wrapper #china {
    padding: 10px 10px 100px;
    width: 100%;
}
.wrapper #china .caption {
    text-align: center;
    color: #ddd;
}
.wrapper #china .level-sort {
    max-width: 1300px;
    margin: 0 auto;
    text-align: center;
}
.wrapper #china .level-sort a {
    color: #fff;
    text-decoration: none;
}
.wrapper #china .level-sort .position {
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}
@media(min-width:1024px) {
    .wrapper #china .level-sort .position {
        font-size: 2.2rem;
    }
}
.wrapper #china .level-sort__l3 {
    margin: 0 auto;
    border: 2px solid #666;
    border-radius: 2px;
    padding: 10px;
    width: 100%;
}
@media(min-width:1024px) {
    .wrapper #china .level-sort__l3 {
        padding: 20px 20px 0;
    }
}
@media(min-width:1366px) {
    .wrapper #china .level-sort__l3 {
        padding: 30px 30px 10px;
    }
}
.wrapper #china .level-sort__l3 .position {
    margin: 38px auto 28px;
}
.wrapper #china .level-sort__l3 .list {
    margin: 0 auto;
    width: 100%;
    max-width: 396px;
}
@media(min-width:600px) {
    .wrapper #china .level-sort__l3 .list {
        max-width: 500px;
    }
}
@media(min-width:768px) {
    .wrapper #china .level-sort__l3 .list {
        max-width: 900px;
    }
}
@media(min-width:1366px) {
    .wrapper #china .level-sort__l3 .list {
        max-width: 1188px;
    }
}
.wrapper #china .level-sort__l3 .list:after {
    content: '';
    display: block;
    clear: both;
}
.wrapper #china .level-sort__l3__wrapper {
    margin: 10px 20px;
}
.wrapper #china .level-sort__l3__l2 {
    margin: 0 auto;
    border: 2px solid #666;
    border-radius: 2px;
    padding: 10px;
    max-width: 540px;
}
@media(min-width:768px) {
    .wrapper #china .level-sort__l3__l2 {
        max-width: 600px;
    }
}
@media(min-width:1024px) {
    .wrapper #china .level-sort__l3__l2 {
        padding: 20px 20px 0;
        max-width: 880px;
    }
}
@media(min-width:1366px) {
    .wrapper #china .level-sort__l3__l2 {
        padding: 30px 30px 10px;
    }
}
.wrapper #china .level-sort__l3__l2__wrapper {
    margin: 10px;
}
.wrapper #china .level-sort__l3__l2 .list {
    margin: 0 auto;
    width: 100%;
}
@media(min-width:768px) {
    .wrapper #china .level-sort__l3__l2 .list {
        max-width: 300px;
    }
}
@media(min-width:1024px) {
    .wrapper #china .level-sort__l3__l2 .list {
        max-width: none;
    }
}
.wrapper #china .level-sort__l3__l2 .list:after {
    content: '';
    display: block;
    clear: both;
}
.wrapper #china .level-sort__l3__l2__l1 {
    margin: 0 auto;
    border: 2px solid #666;
    border-radius: 2px;
    padding: 10px;
    max-width: 450px;
}
@media(min-width:768px) {
    .wrapper #china .level-sort__l3__l2__l1 {
        max-width: 450px;
    }
}
@media(min-width:1024px) {
    .wrapper #china .level-sort__l3__l2__l1 {
        padding: 20px 20px 0;
        max-width: 450px;
    }
}
@media(min-width:1366px) {
    .wrapper #china .level-sort__l3__l2__l1 {
        padding: 30px 30px 10px;
    }
}
.wrapper #china .level-sort__l3__l2__l1 .position {
    margin: 28px auto;
}
.wrapper #china .level-sort__l3__l2__l1 .list {
    margin: 0 auto;
    width: 100%;
}
.wrapper #china .level-sort__l3__l2__l1 .list:after {
    content: '';
    display: block;
    clear: both;
}
.wrapper #china .level-sort__l3__l2__l1 .list .person {
    width: 100%;
}
.wrapper #china .level-sort__l3__l2__l1__l0 {
    margin: 0 auto;
    border: 2px solid #666;
    border-radius: 2px;
    padding: 10px;
    max-width: 280px;
}
@media(min-width:1024px) {
    .wrapper #china .level-sort__l3__l2__l1__l0 {
        padding: 0 20px;
    }
}
@media(min-width:1366px) {
    .wrapper #china .level-sort__l3__l2__l1__l0 {
        padding: 0 30px 10px;
    }
}
.wrapper #china .level-sort__l3__l2__l1__l0 .position {
    margin: 28px auto;
}
.wrapper #china .level-sort__l3__l2__l1__l0 .list {
    margin: 0 auto;
    width: 100%;
    max-width: 132px;
}
.wrapper #china .level-sort__l3__l2__l1__l0 .list:after {
    content: '';
    display: block;
    clear: both;
}
.wrapper #china .level-sort__l3__l2__l1__l0 .list .person {
    width: 100%;
}
.wrapper #china .level-sort__l3 .person {
    position: relative;
    display: inline-block;
    margin: 0 0 20px;
    border-radius: 2px;
    padding: 8px;
    width: 33.33%;
    max-width: 100px;
    text-align: center;
}
@media(min-width:1024px) {
    .wrapper #china .level-sort__l3 .person {
        width: auto;
    }
    .wrapper #china .level-sort__l3 .person:hover {
        transition: 0.2s ease-in-out;
        background-color: rgba(255,255,255,.2);
    }
}
@media(min-width:1366px) {
    .wrapper #china .level-sort__l3 .person {
        padding: 16px;
        max-width: 132px;
    }
}
.wrapper #china .level-sort__l3 .person__photo {
    width: 100%;
    height: auto;
    background-color: #272727;
}
.wrapper #china .level-sort__l3 .person__name {
    margin: 5px 0 1px;
    /*font-size: 28.8px;
    font-size: 1.8rem;*/
	font-size: 1.5rem;
	line-height: 1.2;
}
@media(min-width:1366px) {
    .wrapper #china .level-sort__l3 .person__name {
        margin: 8px 0;
        display: inline-block;
    }
}
.wrapper #china .level-sort__l3 .person__age {
    margin: 0 0 5px;
    font-size: 19.2px;
    font-size: 1.2rem;
}
@media(min-width:1366px) {
    .wrapper #china .level-sort__l3 .person__age {
        /*display: inline-block;*/
    }
}
.wrapper #china .level-sort__l3 .person__group {
    margin: 0;
    border-radius: 2px;
    padding: 4px 0;
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 1;
}
@media(min-width:1024px) {
    .wrapper #china .level-sort__l3 .person__group {
        margin: 0;
    }
}
.wrapper #china .level-sort__l3 .person__group--g1 {
    background-color: #ec305f;
}
.wrapper #china .level-sort__l3 .person__group--g2 {
    background-color: #44c094;
}
.wrapper #china .level-sort__l3 .person__group--g3 {
    background-color: #2ca0ea;
}
.wrapper #china .level-sort__l3 .person__group--g4 {
    background-color: #888;
}
.wrapper #china .level-sort__l3 .person__num {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    color: #333;
    background-color: #fff;
}
@media(min-width:1024px) {
    .wrapper #china .level-sort__l3 .person__num {
        top: 5px;
        left: 5px;
        padding-left: 2px;
        width: 22px;
        height: 22px;
        font-size: 1.6rem;
        line-height: 2.2rem;
        text-align: center;
    }
}
.wrapper #china .level-sort__l3 .person__credit {
    position: absolute;
    top: 76px;
    width: 80%;
    font-size: 10px;
    color: #fff;
    text-align: right;
}
@media(min-width:1366px) {
    .wrapper #china .level-sort__l3 .person__credit {
        width: 70%;
        top: 100px;
    }
}
.wrapper #china .group {
    text-align: center;
}
.wrapper #china .group a {
    color: #fff;
    text-decoration: none;
}
@media(min-width:768px) {
    .wrapper #china .group {
        padding: 10px;
    }
}
@media(min-width:1024px) {
    .wrapper #china .group {
        margin: 0 auto;
    }
}
.wrapper #china .group__wrapper {
    margin: 10px 10px 20px;
    border-radius: 2px;
}
@media(min-width:768px) {
    .wrapper #china .group__wrapper {
        width: 100%;
        margin: 20px 0;
    }
}
@media(min-width:1024px) {
    .wrapper #china .group__wrapper {
        margin: 10px 12px 20px;
        display: inline-block;
        max-width: 220px;
        vertical-align: top;
    }
    .wrapper #china .group__wrapper:first-child {
        margin: 10px 12px 20px 0;
    }
    .wrapper #china .group__wrapper:last-child {
        margin: 10px 0 20px 12px;
    }
}
@media(min-width:1366px) {
    .wrapper #china .group__wrapper {
        margin: 10px 16px 20px;
        display: inline-block;
        max-width: 300px;
        vertical-align: top;
    }
    .wrapper #china .group__wrapper:first-child {
        margin: 10px 16px 20px 0;
    }
    .wrapper #china .group__wrapper:last-child {
        margin: 10px 0 20px 16px;
    }
}
.wrapper #china .group__wrapper__title {
    position: relative;
    padding: 10px;
    height: 48px;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 700;
}
@media(min-width:768px) {
    .wrapper #china .group__wrapper__title {
        font-size: 2.2rem;
        line-height: 1.2;
    }
}
.wrapper #china .group__wrapper__title .arrow {
    content: "";
    position: absolute;
    top: 16px;
    right: 18px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    width: 10px;
    height: 10px;
    transition: 0.2s ease-in-out;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.wrapper #china .group__wrapper__title .arrow--rotate {
    top: 20px;
    transition: 0.2s ease-in-out;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.wrapper #china .group__wrapper__about {
    display: none;
    position: relative;
    padding: 15px;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 1;
    text-align: left;
}
.wrapper #china .group__wrapper__about--g2 {
    background-color: rgba(68,192,148,.2);
}
.wrapper #china .group__wrapper__about--g2 .position-title:before {
    background-color: #44c094;
}
.wrapper #china .group__wrapper__about--g2 .birth-title:before {
    background-color: #44c094;
}
.wrapper #china .group__wrapper__about--g2 .birth-year-title:before {
    background-color: #44c094;
}
.wrapper #china .group__wrapper__about--g3 {
    background-color: rgba(44,160,234,.2);
}
.wrapper #china .group__wrapper__about--g3 .position-title:before {
    background-color: #2ca0ea;
}
.wrapper #china .group__wrapper__about--g3 .birth-title:before {
    background-color: #2ca0ea;
}
.wrapper #china .group__wrapper__about--g3 .birth-year-title:before {
    background-color: #2ca0ea;
}
.wrapper #china .group__wrapper__about__detail {
    padding-right: 10px;
    width: 66.66%;
}
.wrapper #china .group__wrapper__about__detail .about-title {
    margin: 0 0 15px;
    font-size: 19.2px;
    font-size: 1.2rem;
}
.wrapper #china .group__wrapper__about__detail .name {
    margin: 0 0 5px;
    font-size: 35.2px;
    font-size: 2.2rem;
}
.wrapper #china .group__wrapper__about__detail .name span {
    font-size: 22.4px;
    font-size: 1.4rem;
}
@media(min-width:1024px) {
    .wrapper #china .group__wrapper__about__detail .name span {
        display: inline-block;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
}
.wrapper #china .group__wrapper__about__detail .name-jp {
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1rem;
}
.wrapper #china .group__wrapper__about__detail .position-title:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 15px;
    margin-right: 5px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
.wrapper #china .group__wrapper__about__detail .position-detail {
    margin-bottom: 15px;
}
.wrapper #china .group__wrapper__about__detail .position-detail li {
    position: relative;
    margin: 0 0 5px;
    padding-left: 9px;
    line-height: 1.2;
}
.wrapper #china .group__wrapper__about__detail .position-detail li:before {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    border-radius: 50%;
    width: 3px;
    height: 3px;
    background-color: #fff;
}
.wrapper #china .group__wrapper__about__detail .birth-title:before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 3px;
    height: 15px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
.wrapper #china .group__wrapper__about__detail .birth {
    margin-bottom: 15px;
    padding-left: 9px;
}
.wrapper #china .group__wrapper__about__detail .birth-year-title:before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 3px;
    height: 15px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
.wrapper #china .group__wrapper__about__detail .birth-year {
    padding-left: 9px;
}
.wrapper #china .group__wrapper__about__info .info {
    margin: 20px 0 0;
    line-height: 1.6;
    text-align: justify;
}
.wrapper #china .group__wrapper__about__face .face {
    position: absolute;
    top: 40px;
    right: 15px;
    width: 33.33%;
}
.wrapper #china .group__wrapper__about__face .face img {
    width: 100%;
    background-color: #272727;
}
.wrapper #china .group__wrapper__list {
    margin: 0 auto;
    padding: 20px 20px 10px;
}
.wrapper #china .group__wrapper__list:after {
    content: '';
    display: block;
    clear: both;
}
@media(min-width:1024px) {
    .wrapper #china .group__wrapper__list {
        padding: 16px 16px 0;
    }
}
.wrapper #china .group__wrapper__list .person {
    position: relative;
    display: inline-block;
    margin: 0 0 20px;
    border-radius: 2px;
    padding: 8px;
    width: 33.3%;
    max-width: 100px;
    text-align: center;
}
@media(min-width:768px) {
    .wrapper #china .group__wrapper__list .person {
        width: 20%;
    }
}
@media(min-width:1024px) {
    .wrapper #china .group__wrapper__list .person {
        width: 50%;
        max-width: 100px;
    }
    .wrapper #china .group__wrapper__list .person:hover {
        transition: 0.2s ease-in-out;
        background-color: rgba(255,255,255,.2);
    }
}
@media(min-width:1366px) {
    .wrapper #china .group__wrapper__list .person {
        max-width: 132px;
        padding: 16px;
    }
}
.wrapper #china .group__wrapper__list .person__photo {
    width: 100%;
    height: auto;
    background-color: #272727;
}
.wrapper #china .group__wrapper__list .person__name {
    margin: 5px 0 1px;
    font-size: 28.8px;
    font-size: 1.8rem;
}
@media(min-width:1366px) {
    .wrapper #china .group__wrapper__list .person__name {
        display: inline-block;
        margin: 8px 0;
    }
}
.wrapper #china .group__wrapper__list .person__age {
    margin: 0 0 5px;
    font-size: 19.2px;
    font-size: 1.2rem;
}
@media(min-width:1366px) {
    .wrapper #china .group__wrapper__list .person__age {
        display: inline-block;
    }
}
.wrapper #china .group__wrapper__list .person__group {
    margin: 0;
    border-radius: 2px;
    padding: 4px 0;
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 1;
    text-align: center;
}
@media(min-width:1024px) {
    .wrapper #china .group__wrapper__list .person__group {
        margin: 0;
    }
}
.wrapper #china .group__wrapper__list .person__num {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    color: #333;
    background-color: #fff;
}
@media(min-width:1024px) {
    .wrapper #china .group__wrapper__list .person__num {
        top: 5px;
        left: 5px;
        width: 22px;
        height: 22px;
        font-size: 1.6rem;
    }
}
.wrapper #china .group__wrapper__list .person__credit {
    position: absolute;
    top: 76px;
    width: 80%;
    font-size: 10px;
    color: #fff;
    text-align: right;
}
@media(min-width:1024px) {
    .wrapper #china .group__wrapper__list .person__credit {
        top: 67px;
    }
}
@media(min-width:1366px) {
    .wrapper #china .group__wrapper__list .person__credit {
        width: 70%;
        top: 100px;
    }
}
.wrapper #china .group__wrapper--g1 {
    border: 2px solid #ec305f;
}
.wrapper #china .group__wrapper--g1 .group__wrapper__title {
    background-color: #ec305f;
}
.wrapper #china .group__wrapper--g1 .person__group {
    background-color: #ec305f;
}
.wrapper #china .group__wrapper--g2 {
    border: 2px solid #44c094;
}
.wrapper #china .group__wrapper--g2 .group__wrapper__title {
    background-color: #44c094;
    transition: 0.1s ease-in-out;
    cursor: pointer;
}
.wrapper #china .group__wrapper--g2 .group__wrapper__title:hover {
    opacity: 0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.wrapper #china .group__wrapper--g2 .person__group {
    background-color: #44c094;
}
.wrapper #china .group__wrapper--g3 {
    border: 2px solid #2ca0ea;
}
.wrapper #china .group__wrapper--g3 .group__wrapper__title {
    background-color: #2ca0ea;
    transition: 0.1s ease-in-out;
    cursor: pointer;
}
.wrapper #china .group__wrapper--g3 .group__wrapper__title:hover {
    opacity: 0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.wrapper #china .group__wrapper--g3 .person__group {
    background-color: #2ca0ea;
    cursor: pointer;
}
.wrapper #china .group__wrapper--g4 {
    border: 2px solid #888;
}
.wrapper #china .group__wrapper--g4 .group__wrapper__title {
    background-color: #888;
}
.wrapper #china .group__wrapper--g4 .person__group {
    background-color: #888;
}
.wrapper .china-rel-atcl {
    color: #333;
    background-color: #fff;
}
.wrapper .china-rel-atcl h3 {
    position: relative;
    margin: 40px 0 15px;
    font-size: 32px;
    font-size: 2rem;
    font-family: Noto Sans,hiragino kaku gothic pro,meiryo,ms pgothic,sans-serif;
    color: #333;
    background-color: white;
}
.wrapper .china-rel-atcl h3 span {
    display: inline-block;
    position: relative;
    background-color: #fff;
    padding: 0 10px;
}
.wrapper .china-rel-atcl h3:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #eee;
}
@media(min-width:600px) {
    .wrapper .china-rel-atcl h3 br {
        display: none;
    }
}
.wrapper .china-rel-atcl__wrapper {
    position: relative;
    margin: 0 auto;
    padding: 10px;
    max-width: 1200px;
}
.wrapper .china-rel-atcl__wrapper:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin: 25px auto;
    background: #eee;
}
.wrapper .china-rel-atcl__module {
    display: block;
    position: relative;
    padding: 20px;
    text-decoration: none;
    cursor: pointer;
}
@media(min-width:600px) {
    .wrapper .china-rel-atcl__module {
        float: left;
        width: 50%;
    }
}
@media(min-width:1024px) {
    .wrapper .china-rel-atcl__module {
        float: left;
        width: 25%;
    }
}
.wrapper .china-rel-atcl__module:hover {
    color: inherit;
    transition: 0.2s ease-in-out;
    background-color: #efefef;
}
.wrapper .china-rel-atcl__module:hover:after {
    bottom: 15px;
    right: 15px;
    transition: 0.2s ease-in-out;
    border-right: 6px solid #333;
    border-bottom: 6px solid #333;
}
.wrapper .china-rel-atcl__module:active {
    color: inherit;
}
.wrapper .china-rel-atcl__module:focus {
    color: inherit;
}
.wrapper .china-rel-atcl__module:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #bbb;
    border-bottom: 6px solid #bbb;
    border-left: 6px solid transparent;
}
.wrapper .china-rel-atcl__module .credit {
    margin: -15px 0 0;
    padding: 0 5px 0 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
    color: #fff;
    text-align: right;
    text-shadow: 0 0 2px black;
}
.wrapper .china-rel-atcl__module__photo {
    display: block;
    width: 100%;
    background-color: #ccc;
}
.wrapper .china-rel-atcl__module__photo img {
    width: 100%;
}
.wrapper .china-rel-atcl__module__photo--watch {
    float: left;
    width: 50%;
}
.wrapper .china-rel-atcl__module__title {
    margin-top: 10px;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 700;
    height: 50px;
}
.wrapper .china-rel-atcl__module__date {
    margin: 0;
    font-size: 19.2px;
    font-size: 1.2rem;
    color: #aaa;
}
.wrapper .china-rel-atcl__watch {
    display: block;
    margin: 0 auto;
    border: 1px solid #eee;
    padding: 20px;
    max-width: 400px;
    transition: 0.2s ease-in-out;
}
.wrapper .china-rel-atcl__watch:after {
    content: '';
    clear: both;
    display: block;
}
.wrapper .china-rel-atcl__watch:hover {
    transition: 0.2s ease-in-out;
    background-color: #efefef;
    color: #333;
}
.wrapper .china-rel-atcl__watch__photo {
    display: block;
    float: left;
    padding-right: 10px;
    width: 35%;
    height: 100%;
}
.wrapper .china-rel-atcl__watch__photo img {
    width: 100%;
}
.wrapper .china-rel-atcl__watch__text {
    float: left;
    width: 65%;
}
.wrapper .china-rel-atcl__watch__text__title {
    margin-top: 0;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 700;
}
.wrapper .china-rel-atcl__watch__text__info {
    margin: 0;
    font-size: 25.6px;
    font-size: 1.6rem;
}
.wrapper .content-credit {
    color: #333;
    background-color: #fff;
}
.modal-backdrop.in {
    opacity: 0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#modal-about-graph01 {
    font-family: Noto Sans,hiragino kaku gothic pro,meiryo,ms pgothic,sans-serif;
    letter-spacing: 0.085em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
#modal-about-graph01 a {
    border-bottom: 1px dotted white;
    padding-bottom: 3px;
    color: white;
    text-shadow: none;
    text-decoration: none;
}
#modal-about-graph01 a:hover {
    text-decoration: none;
    background-color: rgba(255,255,255,.2);
    transition: 0.2s ease-in-out;
}
#modal-about-graph01 .modal {
    position: relative;
}
#modal-about-graph01 .modal-dialog {
    position: absolute;
    margin-top: 48px auto;
    top: 50%;
    left: 50%;
    height: auto;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
@media(min-width:1024px) {
    #modal-about-graph01 .modal-dialog {
        margin: 0 auto;
    }
}
#modal-about-graph01 .modal__content {
    font-size: 25.6px;
    font-size: 1.6rem;
    color: #fff;
}
#modal-about-graph01 .modal__content__wrapper {
    background-color: #3f3f3f;
}
#modal-about-graph01 .modal__body {
    height: 60vh;
    max-height: 700px;
    margin: 1em auto;
    overflow: auto;
}
@media(min-width:600px) {
    #modal-about-graph01 .modal__body {
        height: auto;
    }
}
@media(min-width:1024px) {
    #modal-about-graph01 .modal__body {
        margin: 2em auto 0;
        line-height: 1.8;
        height: auto;
    }
}
#modal-about-graph01 .modal__body__text {
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 1.7;
    text-align: justify;
}
.button {
    width: 48px;
    height: 48px;
    letter-spacing: 0.085em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
.button--about {
    position: absolute;
    z-index: 1;
    border: none;
    border-radius: 2px;
    top: 0;
    right: 0;
    font-size: 18px;
    background: none;
}
@media(min-width:768px) {
    .button--about {
        padding-top: 5px;
        top: 15px;
        right: 15px;
    }
    .button--about:hover {
        transition: 0.2s ease-in-out;
        background-color: rgba(255,255,255,.2);
    }
}
.button--about:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 24px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.button--about:after {
    content: '';
    display: inline-block;
    margin-left: -2px;
    width: 2px;
    height: 24px;
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#modal-about-graph02 {
    font-family: Noto Sans,hiragino kaku gothic pro,meiryo,ms pgothic,sans-serif;
    letter-spacing: 0.05em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
#modal-about-graph02 .modal-dialog {
    margin: 10px auto;
    height: 100%;
    width: calc(100vw - 20px);
    max-width: 1100px;
    color: #fff;
    background-color: #3f3f3f;
}
@media(min-width:768px) {
    #modal-about-graph02 .modal-dialog {
        margin: 0 auto;
    }
}
@media screen and (min-width:768px) and (max-height:768px) {
    #modal-about-graph02 .modal-dialog {
        position: absolute;
        /*top: 50%;*/
		top:600px;
        left: 50%;
        height: auto;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
}
@media screen and (min-width:1024px) and (max-height:768px) {
    #modal-about-graph02 .modal-dialog {
        top: auto;
        left: auto;
        position: relative;
        height: 100%;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}
@media screen and (min-width:1025px) and (min-height:768px) {
    #modal-about-graph02 .modal-dialog {
        /*top: 50%;*/
		top: 58%;
        left: 50%;
        position: absolute;
        height: auto;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
}
#modal-about-graph02 .modal__content__wrapper {
    background-color: transparent;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
@media screen and (min-width:1025px) and (max-height:650px) {
    #modal-about-graph02 .modal__content__wrapper {
        padding: 30px;
    }
}
#modal-about-graph02 .modal__body {
    height: auto;
    max-height: 700px;
    margin: 2em auto;
    overflow: auto;
}
.profile {
    /*font-family: Noto Sans,hiragino kaku gothic pro,meiryo,ms pgothic,sans-serif;*/
	font-family: Arial, sans-serif;
    position: relative;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0.085em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
@media screen and (min-width:1025px) and (min-height:768px) {
    .profile:before {
        position: absolute;
        top: 60px;
        left: 0;
        content: '';
        width: 75%;
        height: 1px;
        background-color: white;
    }
}
.profile ul {
    padding: 0;
}
.profile li {
    padding-left: 9px;
    list-style: none;
}
.profile__detail {
    padding-right: 10px;
    width: 66.66%;
}
@media(min-width:768px) {
    .profile__detail {
        width: 25%;
        float: left;
    }
}
.profile__detail .about-title {
    margin: 0 0 15px;
    font-size: 19.2px;
    font-size: 1.2rem;
}
.profile__detail .name {
    margin: 0 0 5px;
    font-size: 35.2px;
    font-size: 2.2rem;
}
@media(min-width:1025px) {
    .profile__detail .name {
        font-size: 3rem;
    }
}
.profile__detail .name span {
    font-size: 22.4px;
    font-size: 1.4rem;
}
@media(min-width:1025px) {
    .profile__detail .name span {
        display: inline-block;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
}
.profile__detail .name-jp {
    margin: 0 0 15px;
    font-size: 16px;
    font-size: 1rem;
}
@media(min-width:1025px) {
    .profile__detail .name-jp {
        margin: 0 0 15px;
    }
}
@media screen and (min-width:1025px) and (min-height:768px) {
    .profile__detail .name-jp {
        margin: 0 0 35px;
    }
}
.profile__detail .position-title:before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 3px;
    height: 15px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
.profile__detail .position-detail {
    margin-bottom: 15px;
}
.profile__detail .position-detail li {
    position: relative;
    margin: 0 0 5px;
    line-height: 1.2;
}
.profile__detail .position-detail li:before {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    border-radius: 50%;
    width: 3px;
    height: 3px;
    background-color: #fff;
}
.profile__detail .birth-title:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 15px;
    margin-right: 5px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
.profile__detail .birth {
    padding-left: 9px;
    margin-bottom: 15px;
}
.profile__detail .birth-year-title:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 15px;
    margin-right: 5px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
.profile__detail .birth-year {
    padding-left: 9px;
}
@media(min-width:768px) {
    .profile__info {
        float: left;
        width: 50%;
        max-width: 600px;
    }
}
.profile__info .info {
    margin: 60px 0 0;
    line-height: 1.6;
    text-align: justify;
}
@media(min-width:786px) {
    .profile__info .info {
        margin: 50px 0 0;
    }
}
@media screen and (min-width:1025px) and (min-height:768px) {
    .profile__info .info {
        margin: 80px 0 0;
    }
}
.profile__face {
    position: absolute;
    top: 50px;
    right: 0;
    width: 33.33%;
    max-width: 150px;
}
@media(min-width:768px) {
    .profile__face {
        width: 18%;
        float: left;
        top: 55px;
        max-width: 300px;
    }
}
@media(min-width:1025px) {
    .profile__face {
        width: 18%;
        float: left;
        top: 60px;
        max-width: 300px;
    }
}
.profile__face img {
    width: 100%;
    background-color: #272727;
}
.profile__face__group {
    margin-top: 10px;
    border-radius: 2px;
    padding: 4px;
    font-size: 19.2px;
    font-size: 1.2rem;
    text-align: center;
    background-color: #333;
}
.profile__face__credit {
    position: absolute;
    padding-right: 5px;
    bottom: 35px;
    width: 100%;
    font-size: 10px;
    color: #fff;
    text-align: right;
}
@media(min-width:1024px) {
    .profile--g1:before {
        background-color: #ec305f;
    }
}
.profile--g1 .position-title:before {
    background-color: #ec305f;
}
.profile--g1 .birth-title:before {
    background-color: #ec305f;
}
.profile--g1 .birth-year-title:before {
    background-color: #ec305f;
}
.profile--g1 .profile__face__group {
    background-color: #ec305f;
}
@media(min-width:1024px) {
    .profile--g2:before {
        background-color: #44c094;
    }
}
.profile--g2 .position-title:before {
    background-color: #44c094;
}
.profile--g2 .birth-title:before {
    background-color: #44c094;
}
.profile--g2 .birth-year-title:before {
    background-color: #44c094;
}
.profile--g2 .profile__face__group {
    background-color: #44c094;
}
@media(min-width:1024px) {
    .profile--g3:before {
        background-color: #2ca0ea;
    }
}
.profile--g3 .position-title:before {
    background-color: #2ca0ea;
}
.profile--g3 .birth-title:before {
    background-color: #2ca0ea;
}
.profile--g3 .birth-year-title:before {
    background-color: #2ca0ea;
}
.profile--g3 .profile__face__group {
    background-color: #2ca0ea;
}
@media(min-width:1024px) {
    .profile--g4:before {
        background-color: #888;
    }
}
.profile--g4 .position-title:before {
    background-color: #888;
}
.profile--g4 .birth-title:before {
    background-color: #888;
}
.profile--g4 .birth-year-title:before {
    background-color: #888;
}
.profile--g4 .profile__face__group {
    background-color: #888;
}
.minimap {
    /*font-family: Noto Sans,hiragino kaku gothic pro,meiryo,ms pgothic,sans-serif;*/
	font-family: Arial, sans-serif;
    position: relative;
    overflow-x: scroll;
    width: 100vw;
    color: #fff;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
}
@media(min-width:1025px) {
    .minimap {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        overflow-x: hidden;
    }
}
.minimap .caption {
    padding: 0 0 0 10px;
    color: #ddd;
}
@media(min-width:768px) {
    .minimap .caption {
        text-align: center;
        padding: 0;
    }
}
@media(min-width:1025px) {
    .minimap .caption {
        padding: 0 0 0 20px;
    }
}
.minimap .level-sort {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    padding: 10px;
}
@media(min-width:1025px) {
    .minimap .level-sort {
        padding: 5px 5px 20px;
    }
}
.minimap .level-sort__l3 {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    margin: 0 auto;
    border: 1px solid #666;
    border-radius: 2px;
    padding: 5px;
    background-color: #3f3f3f;
}
@media(min-width:768px) {
    .minimap .level-sort__l3 {
        display: block;
    }
}
@media(min-width:1025px) {
    .minimap .level-sort__l3 {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: -webkit-box;
        display: flex;
    }
}
.minimap .level-sort__l3 .position {
    padding: 10px 5px 5px;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    /*text-align: left;*/
	text-align: center;
}
.minimap .level-sort__l3__wrapper {
    margin: 12px 0 0 5px;
}
.minimap .level-sort__l3__wrapper .list {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 630px;
}
.minimap .level-sort__l3__l2 {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    border: 1px solid #666;
    border-radius: 2px;
    padding: 5px;
}
.minimap .level-sort__l3__l2__wrapper {
    margin: 7px 0 0 5px;
}
.minimap .level-sort__l3__l2__wrapper .list {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 210px;
}
@media(min-width:768px) {
    .minimap .level-sort__l3__l2__wrapper .list {
        width: auto;
    }
}
@media(min-width:1025px) {
    .minimap .level-sort__l3__l2__wrapper .list {
        /*width: 210px;*/
        width: 220px;
		margin:0 auto;
    }
}
.minimap .level-sort__l3__l2__wrapper .position {
    padding: 10px 5px 5px;
}
.minimap .level-sort__l3__l2__l1 {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    border: 1px solid #666;
    border-radius: 2px;
    padding: 5px;
}
.minimap .level-sort__l3__l2__l1__wrapper .position {
    padding: 10px 5px 5px;
}
.minimap .level-sort__l3__l2__l1__list {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.minimap .level-sort__l3__l2__l1__l0 {
    margin-right: 5px;
    border: 1px solid #666;
    border-radius: 2px;
    padding: 5px;
    width: 83px;
}
.minimap .level-sort__l3__l2__l1__l0__wrapper .position {
    padding: 5px;
}
.minimap .level-sort__l3 .person {
    position: relative;
    /*margin: 0 0 5px;*/
    margin: 0 auto;
    border-radius: 2px;
    padding: 5px;
    width: 70px;
    text-align: center;
    cursor: pointer;
}
.minimap .level-sort__l3 .person:hover {
    transition: 0.2s ease-in-out;
    background-color: rgba(255,255,255,.2);
}
.minimap .level-sort__l3 .person.selected {
    background-color: rgba(255,255,255,.2);
}
.minimap .level-sort__l3 .person__photo {
    width: 100%;
    height: auto;
    background-color: #272727;
}
.minimap .level-sort__l3 .person__name {
    /*font-size: 22.4px;
    font-size: 1.4rem;*/
    font-size: 1.2rem;
    margin: 5px 0;
}
.minimap .level-sort__l3 .person__age {
    font-size: 19.2px;
    font-size: 1.2rem;
    margin: 0 0 5px;
}
.minimap .level-sort__l3 .person__group {
    margin: 0;
    padding: 1px;
}
.minimap .level-sort__l3 .person__group--g1 {
    background-color: #ec305f;
}
.minimap .level-sort__l3 .person__group--g2 {
    background-color: #44c094;
}
.minimap .level-sort__l3 .person__group--g3 {
    background-color: #2ca0ea;
}
.minimap .level-sort__l3 .person__group--g4 {
    background-color: #888;
}
.minimap .level-sort__l3 .person__num {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    font-size: 16px;
    font-size: 1rem;
    color: #333;
    background-color: #fff;
}
.minimap .level-sort__l3 .person__credit {
    position: absolute;
    top: 50px;
    width: 80%;
    font-size: 10px;
    color: #fff;
    text-align: right;
    text-shadow: 0 0 2px #000;
}