@charset "utf-8";

/*---------  header  ---------*/
.header {
    height: 130px;
    pointer-events: none;
}
.header .wrap {
    width: 100%;
    height: 100%;
}
.gnavBtn {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    position: absolute;
    top: 30px;
    left: 10px;
    padding-top: 34px;
    text-align: center;
    background-color: rgba(255, 255, 255, .8);
    pointer-events: auto;
}
.gnavBtnInr {
    position: relative;
    width: 32px;
    height: 23px;
    cursor: pointer;
    z-index: 200;
}
.gnavBtnInr,
.gnavBtnInr span {
    display: inline-block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gnavBtnInr span:not(:last-of-type) {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #222;
    border-radius: 3px;
}
.gnavBtnInr span:nth-of-type(1) {
    top: 0;
}
.gnavBtnInr span:nth-of-type(2) {
    top: 10px;
}
.gnavBtnInr span:nth-of-type(3) {
    top: 20px;
}
.gnavBtnInr:hover span:not(:last-of-type) {
    background-color: #E80012;
}
.gnavBtnInr span.menu {
    font-size: 0.75em;
    padding-top: 26px;
}
.gnavBtnInr:hover span.menu {
    color: #E80012;
}
.open .gnavBtnInr span:not(:last-of-type) {
    background-color: #fff;
}
.open .gnavBtn .gnavBtnInr span:nth-of-type(1) {
    -webkit-transform: translateY(20px) rotate(-45deg);
    -ms-transform: translateY(16px) rotate(-45deg);
    transform: translateY(16px) rotate(-45deg);
    top: -4px;
}
.open .gnavBtn .gnavBtnInr span:nth-of-type(2) {
    opacity: 0;
}
.open .gnavBtn .gnavBtnInr span:nth-of-type(3) {
    -webkit-transform: translateY(-16px) rotate(45deg);
    -ms-transform: translateY(-16px) rotate(45deg);
    transform: translateY(-16px) rotate(45deg);
    top: 28px;
}
.open .gnavBtnInr span.menu {
    color: #E80012;
}


/*---------  menu  ---------*/
.header .gnav {
    color: #fff;
}
.gnavTitel {
    font-family: "Overpass", sans-serif;
    font-size: 2.5em;
    font-weight: 900;
    letter-spacing: .05em;
}
.gnavTitel + .startUpWrap {
    margin-top: 4vh;
}
.gnavTitel + .gnavSubTitle {
    margin-top: 4.9vh;
}
.gnavSubTitle {
    margin-bottom: 1vh;
    font-weight: 400;
}
.gnavSubTitle a {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
}
.gnavList {
    display: flex;
}
.gnavList > li a {
    color: #fff;
    text-decoration: none;
    font-size: 1.5em;
    font-weight: 400;
    margin-right: 50px;
    position: relative;
}
.gnavList > li a::after {
    content: "";
    width: 10px;
    height: 10px;
    background: url(../img/icon_gnav_line.svg) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    right: -30px;
    top: calc(50% - 5px);
}
.gnavList > li:last-of-type a::after {
    content: none;
}
.startUpWrap {
    margin-bottom: 5vh;
}
.startUpWrap .gnavTitel {
    margin-bottom: 4.4vh;
}
.groupWrap + .groupWrap {
    margin-top: 4.9vh;
}
.gnavTitel + .programLink {
   margin-top: 2vh; 
}
.programLink + .programLink {
    margin-top: 16px;
}
.programLink a {
    text-decoration: none;
    color: #fff;
    font-size: 1.5em;
    letter-spacing: .05em;
}
.gnavFooterList {
    margin-top: 12vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.gnavFooterList > li {
    line-height: 1;
    padding-right: 22px;
    margin-right: 22px;
    margin-bottom: 15px;
    border-right: 1px solid #fff;
}
.gnavFooterList > li:last-of-type {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}
.gnavFooterList > li a {
    font-size: 1.5em;
    letter-spacing: .05em;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}
.gnavFooterList .contact {
    display: flex;
    align-items: center;
}
.gnavFooterList .contact .title {
    font-size: 1.5em;
    letter-spacing: .05em;
}
.gnavFooterList .contact .mail {
    font-size: 1em;
    margin-left: 10px;
    margin-right: 20px;
}
.gnavFooterList .copyBtn {
    background-color: rgba(255, 255, 255, .5);
    color: #fff;
}
.gnavFooterList .copyBtn:hover {
    background-color: #fff;
    color: #222;
    cursor: pointer;
}
.imgMailAdress {
    vertical-align: middle;
}

.article .wrap .japan {
    top: -301px;
    right: -182px;
    height: 550px;
    width: 550px;
    z-index: -1;
}
.article.interview .wrap .japan {
    top: -353px;
}
.article.interviewDetail .wrap .japan {
    top: -295px;
}
.article .wrap .japan::before {
    width: 350px;
    height: 350px;
    left: -12px;
    bottom: -92px;
}
.article .wrap .japan::after {
    height: 100%;
    width: 100%;
    background-position: left -12px bottom -92px;
    background-size: 350px auto;
}


/*---------  footer  ---------*/
.footer {
    margin-top: 96px;
    background: url(../img/img_footer.png) no-repeat center right;
    background-size: cover;
}
.top .footer {
    margin-top: 312px;
}
.interviewDetail footer {
    margin-top: 185px;
}
.footer-nav-list-item a {
    color: #222;
}
.footerInr {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.footerNavWrap {
    width: calc(100% - 200px);
    padding-right: 20px;
}
.footerNav > li {
    display: flex;
    flex-wrap: wrap;
}
.footerNav > li + li {
    margin-top: 24px;
}
.footerNavTitle {
    position: relative;
    padding-right: 50px;
    font-weight: 700;
    letter-spacing: .05em;
    color: #222;
}
.footerNavTitle a {
    font-size: 1em;
    font-weight: 700;
    letter-spacing: .05em;
    color: #222;
    text-decoration: none;
}
.footerNavList {
    display: flex;
    position: relative;
    margin-left: 10px;
}
.footerNavWrap .contact .title::before,
.footerNavTitle::before {
    content: "";
    width: 40px;
    height: 2px;
    background-color: #222;
    position: absolute;
    right: 0;
    top: calc(50% - 1px);
}
.footerNavTitle.single::before {
    content: none;
}
.footerNavListItem a {
    letter-spacing: .05em;
    color: #222;
    text-decoration: none;
    margin-right: 30px;
    position: relative;
}
.footerNavListItem a::after {
    content: "";
    width: 10px;
    height: 10px;
    background: url(../img/icon_footer_line.svg) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    right: -20px;
    top: calc(50% - 5px);
}
.footerNavList .footerNavListItem:last-of-type a::after {
    content: none;
}
.footerNavWrap .contact {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}
.footerNavWrap .contact .title {
    font-size: 1em;
    font-weight: 700;
    letter-spacing: .05em;
    color: #222;
    padding-right: 50px;
    position: relative;
}
.footerNavWrap .contact .txt {
    color: #222;
    font-size: 1em;
    letter-spacing: .05em;
    display: inline-block;
    margin-right: 14px;
    padding-left: 10px;
}
.copyBtn {
    display: inline-block;
    font-size: 0.75em;
    color: #888;
    letter-spacing: .05em;
    background-color: #e8e8e8;
    width: 168px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all .4s ease;
    outline: none;
}
.copyBtn:focus {
    outline: none;
}
.copyBtn:hover {
    background-color: #222222;
    color: #fff;
}
.footer-copyright {
    width: 200px;
    text-align: right;
}
.footer .copyright {
    color: #fff;
    font-size: 0.625em;
    font-weight: 700;
}
#js-copyalert {
    display: none;
}


/*---------  common  ---------*/
body {
    padding-top: 136px;
    color: #020202;
    overflow: hidden;
    font-size: 1.6rem;
}
body.interview {
    padding-top: 188px;
}
body.interviewDetail  {
    padding-top: 130px;
}
img {
    max-width: 100%;
    -webkit-backface-visibility: hidden;
}
.spOnly {
    display: none;
}
.skipTxtLink {
    color: #fff;
    cursor: default;
}
.skipTxtLink:focus {
    outline: none;
}
.skipTxtLink:hover {
    opacity: 1;
    color: #fff;
}
.wrap {
    width: 100%;
    max-width: 1360px;
    padding-left: 60px;
    padding-right: 60px;
}
.wrap_1240,
.wrap_1040 {
    max-width: 1080px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}
.wrap_1240 {
    max-width: 1280px;
}
.wrap_700,
.wrap_750 {
    max-width: 790px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}
.wrap_700 {
    max-width: 740px;
}
.mt_20 {
    margin-top: 20px;
}
.mt_60 {
    margin-top: 60px !important;
}
.mt_80 {
    margin-top: 80px !important;
}
.mt_100 {
    margin-top: 100px !important;
}
.pt_80 {
    padding-top: 80px;
}
.h2Title {
    color: #222;
    font-family: "Overpass", sans-serif;
    font-size: 2.5em;
    font-weight: 700;
    letter-spacing: .02em;
}
.h2Title + p,
.h2Title + figure {
    margin-top: 24px;
}
.h2Title.num {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 8px;
}
.h2Title.num .num {
    font-size: 2em;
    font-weight: 900;
    color: #ccc;
    width: 90px;
    margin-right: 40px;
}
.h3Title {
    color: #222;
    font-family: "Overpass", sans-serif;
    font-size: 1.875em;
    font-weight: 700;
    letter-spacing: .05em;
}
figure + .h3Title {
    margin-top: 24px;
}
.txtCmn {
    letter-spacing: .02em;
}
.txtCmn + .h2Title {
    margin-top: 100px;
}
.h3Title + .txtMd {
    margin-top: 10px;
}
.txtMd {
    font-size: 1.25em;
    letter-spacing: .02em;
}
.pageSubTitle,
.pageTitleDark {
    color: #222;
    font-family: "Overpass", sans-serif;
    font-size: 5em;
    font-weight: 900;
    letter-spacing: .05em;
}
.comanyIcon + .pageTitleDark {
    margin-top: 30px;
}
.pageSubTitle {
    font-size: 1.5em;
}
.pageSubTitle + .pageTitleDark {
    margin-top: 8px;
}
.btnWrap {
    margin-top: 36px;
}
.btnWrap + .h2Title {
    margin-top: 100px;
}
.btnCmn {
   width: 250px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(232, 0, 18, .05);
    border: 1px solid #E80012;
    color: #E80012;
    letter-spacing: .05em;
    word-break: keep-all;
    text-decoration: none;
    position: relative;
    transition: all .4s ease;
}
.btnCmn::after {
    content: "";
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    border-width: 2px 2px 0 0;
    border-color: #E80012;
    border-style: solid;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
.btnCmn:hover {
    background-color: #E80012;
    color: #fff;
    opacity: 1;
}
.btnCmn:hover::after {
    border-color: #fff;
}
.btnCmn.blank::after {
    width: 16px;
    height: 12px;
    border: none;
    transform: none;
    background: url(../img/icon_blank_red.svg) 0 0 no-repeat;
    top: calc(50% - 6px);
}
.btnCmn.blank:hover::after {
    background: url(../img/icon_blank.svg) 0 0 no-repeat;
}
.interviewBtn {
    display: inline-block;
    letter-spacing: .05em;
    text-decoration: none;
    height: 50px;
    line-height: 50px;
    padding-right: 67px;
    color: #E80012;
    transition: all .4s ease;
    position: relative;
}
.interviewBtn::before {
    content: "";
    width: 50px;
    height: 50px;
    background-color: rgba(232, 0, 18, .05);
    position: absolute;
    top: 0;
    right: 0;
    transition: all .4s ease;
}
.interviewBtn::after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-width: 2px 2px 0 0;
    border-color: #E80012;
    border-style: solid;
    right: 21px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
.btnWhite {
    background-color: #fff;
    display: block;
    width: 250px;
    height: 50px;
    text-decoration: none;
    line-height: 50px;
    font-size: 1em;
    letter-spacing: .05em;
    text-align: center;
    transition: all .3s ease;
}
.arr_red {
    position: relative;
}
.arr_red::after {
    content: "";
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    border-width: 2px 2px 0 0;
    border-color: #E80012;
    border-style: solid;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
.linkBlank {
    padding-right: 26px;
    position: relative;
}
.linkBlank::after {
    content: "";
    width: 16px;
    height: 12px;
    background: url(../img/icon_blank.svg) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: calc(50% - 6px);
}
.article-contents {
    padding: 0;
    max-width: 100%;
}
.article-contents-header {
    border-bottom: none;
    padding-bottom: 0;
}
.article-contents-header-pageTtl {
    font-family: "Overpass", sans-serif;
    font-size: 1.5em;
    font-weight: 900;
    letter-spacing: .05em;
    color: #222;
    line-height: 1.66;
    margin-bottom: 16px;
}
.article-contents-header-cat {
    font-family: "Overpass", sans-serif;
    font-size: 5em;
    font-weight: 900;
    letter-spacing: .05em;
    color: #ccc;
    line-height: 1.25;
    margin-bottom: 80px;
}
.article-contents-body {
    padding: 0 20px 0;
    max-width: 1080px;
    margin: 0 auto;
}
.article-contents-header-txt {
    font-size: 1.25em;
    margin-bottom: 15px;
    letter-spacing: 0 !important;
}
.article-contents-header-ttl {
    font-size: 3.75em;
    line-height: 1.25;
    font-family: "Overpass", sans-serif;
    font-weight: 900;
    letter-spacing: .02em;
    color: #222;
    margin-bottom: 20px;
}
.article-contents-header-position {
    font-family: "Overpass", sans-serif;
    font-size: 1.875em;
    font-weight: 900;
    letter-spacing: .05em !important;
    margin-bottom: 60px;
}
.article-contents-body {
    padding-bottom: 116px;
}
.article-contents-body p {
    letter-spacing: .02em;
}
.article-contents-body p + p {
    margin-top: 1.5em;
}
.article-contents-body p + img {
    margin-top: 100px;
}
.article-contents-body img + p {
    margin-top: 60px;
}
.article-contents-body img {
    margin-bottom: 0;
}
.articlePhoto {
    line-height: 1;
}
.article-contents-body .txtQuestion {
    font-size: 1.875em;
    font-family: "Overpass", sans-serif;
    font-weight: 700;
    letter-spacing: .02em;
    color: #222;
    margin-top: 60px;
    margin-bottom: 20px;
    line-height: 1.333;
}
.article-contents-body .txtAnswer {
    font-size: 1em;
    letter-spacing: .02em;
}
.txtAnswer + .articlePhoto {
    margin-top: 100px;
}

.article-contents-about {
    margin-top: 96px;
    padding-top: 0;
    padding-bottom: 0;
}
.article-contents-about h2 {
    font-size: 2.5em;
    line-height: 1.6;
    font-family: "Overpass", sans-serif;
    font-weight: 700;
    letter-spacing: .05em;
    margin-top: 52px;
    margin-bottom: 0;
}
.article-contents-about h2 + p {
    margin-top: 10px;
}
.article-contents-about h3 {
    color: #222;
    font-family: "Overpass", sans-serif;
    font-size: 1.25em;
    font-weight: 700;
    letter-spacing: .05em;
    padding-left: 50px;
    position: relative;
}
.article-contents-about h3::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 2px;
    background-color: #222;
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
}
.article-contents-about h2 + h3 {
    margin-top: 12px;
}
.article-contents-about h3 + p {
    margin-top: 16px;
}
.article-contents-about p {
    font-size: 1em;
    letter-spacing: .02em;
}
.article-contents-about p + h2 {
    margin-top: 50px;
}
.article-contents-about p + h3 {
    margin-top: 40px;
}
.article-contents-about .txtWeb {
    color: #888;
    margin-right: 40px;
}
.article-contents-about .txtName {
    display: inline-block;
    margin-bottom: 6px;
}
.article-contents-about .txtDirectory {
    font-size: 0.8125em;
    line-height: 1.538;
}
.interview .article-contents-back {
    margin-top: 100px; 
}
.article-contents-back a {
    padding-left: 100px;
    background-size: 80px 19px;
    color: #222;
    background-position: left 0;
    letter-spacing: .05em;
    padding-top: 8px;
}
.article-contents-back a:hover {
    opacity: 1;
    color: #E80012;
}

.companyLocation {
    font-size: 0.75em;
    color: #888;
    letter-spacing: .05em;
    padding-left: 18px;
    background: url(../img/icon_location.svg) 0 center no-repeat;
    margin-top: 10px;
}
.tagList {
    margin-top: 15px;
}
.tagList .tag {
    display: inline-block;
    font-size: 0.75em;
    color: #888;
    letter-spacing: .05em;
    padding: 2px 10px;
    background-color: #f0f0f0;
    border-radius: 20px;
    margin-right: 8px;
}
.foundersList .listItem {
    list-style: none;
    padding-left: 18px;
    border-left: 2px solid #ccc;
    margin-top: 40px;
    line-height: 1;
}
.foundersList .listItem dt {
    font-size: 1.25em;
    letter-spacing: .02em;
    margin-bottom: 22px;
}
.foundersList .listItem dd {
    letter-spacing: .02em;
    color: #888;
}
.foundersList + .h2Title {
    margin-top: 100px;
}
.profileInfoList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
}
.profileInfoList dt {
    width: 140px;
    letter-spacing: .02em;
    color: #888;
}
.profileInfoList dd {
    width: calc(100% - 140px);
    letter-spacing: .02em;
}
.profileInfoBox {
    padding: 27px 60px;
    border: 1px solid #ccc;
    margin-top: 26px;
    display: flex;
    align-items: center;
}
.profileInfoBox .imgWrap {
    width: 143px;
    margin-right: 34%;
}
.profileInfoBox .imgWrap img {
    width: auto;
    max-width: none;
    height: 76px;
}
.profileInfoBox .title {
    letter-spacing: .02em;
    margin-bottom: 3px;
}
.profileInfoBox .txt {
    font-size: 0.8125em;
    letter-spacing: .02em;
}

.ancLinkWrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 167px;
}
.ancLinkWrap > li {
    list-style: none;
    width: calc(25% - 24px);
    margin-right: 32px;
    border-bottom: 3px solid #ccc;
    transition: all .4s ease;
}
.ancLinkWrap > li:hover {
    border-bottom-color: #E80012;
}
.ancLinkWrap > li:hover .ancLink {
    opacity: 1;
    color: #E80012;
}
.ancLinkWrap > li:last-of-type {
    margin-right: 0;
}
.ancLink {
    color: #222;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 1.25em;
    letter-spacing: .05em;
    padding: 8px;
    position: relative;
}
.ancLink .num {
    position: absolute;
    color: #ccc;
    left: 0;
    top: 6px;
}
.ancLink::after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-width: 2px 2px 0 0;
    border-color: #E80012;
    border-style: solid;
    right: 24px;
    top: calc(50% - 4px);
    transform: translateY(-50%) rotate(135deg);
}

.interview .h2Title.num {
    margin-top: 90px;
}
.interview .wrap_1040 + .h2Title.num {
    margin-top: 54px;
}
.interviewSection + .interviewSection {
    margin-top: 10px;
}
.interviewBlock {
    padding: 40px 40px 20px 60px;
    border-radius: 2px;
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
    color: #020202;
    transition: all .4s ease;
}
.interviewBlock .interviewPhoto {
    width: 420px;
    margin-right: 50px;
    overflow: hidden;
}
.interviewBlock .interviewPhoto img {
    display: inline-block;
    margin: 0 auto;
    transition: all .3s ease;
    max-width: 200%;
    width: 100%;
    height: auto;
}
.interviewBlock .interviewTxtBox {
    width: calc(100% - 420px - 50px);
}
.interviewBlock .companyLocation {
    margin-bottom: 14px;
    margin-top: 0;
}
.interviewBlock .h3Title {
    margin-bottom: 9px;
}
.interviewee,
.intervieweePosition {
    font-size: 1.25em;
    padding-left: 20px;
    position: relative;
    margin-bottom: 14px;
}
.interviewee::before,
.intervieweePosition::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #ccc;
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
}
.intervieweePosition {
    color: #888;
    font-size: 1em;
    letter-spacing: .05em;
}
.interviewBlock .lead {
    font-size: 1.875em;
    line-height: 1.534;
    letter-spacing: .05em;
    margin-top: 14px;
}
.interviewBlock .txt {
    letter-spacing: .05em;
}
.interviewBlock .btnWrap {
    margin-top: 15px;
    text-align: right;
}
.interviewBlock:hover {
    opacity: 1;
    box-shadow: 0 0 40px rgba(34, 34, 34, .1);
}
.interviewBlock:hover .interviewPhoto img {
    transform: scale(1.1);
}
.interviewBlock:hover .interviewBtn::before {
    background-color: #E80012;
}
.interviewBlock:hover .interviewBtn::after {
    border-color: #fff;
}



/*---------  top  ---------*/
.mv {
    position: relative;
}
.mv .japan {
    z-index: -1;
}
.mv .wrap {
    //height: calc(100vh - 271px);
}
.mvTitle {
    font-family: "Overpass", sans-serif;
    font-size: 5em;
    font-weight: 900;
    letter-spacing: .05em;
    line-height: 1.25;
    margin-bottom: 36px;
    color: #222222;
}
.mvLead {
    font-family: "Overpass", sans-serif;
    font-size: 1.875em;
    font-weight: 900;
    letter-spacing: .05em;
    line-height: 1.533;
    margin-bottom: 0;
    color: #222222;
}
.NewsTitle {
    margin-bottom: 30px;
}
.fixBlock {
    background-color: rgba(34, 34, 34, .6);
    width: 100%;
    padding: 18px;
    position: fixed;
    left: 0;
    bottom: 0;
    color: #fff;
    z-index: 10;
}
.fixBlock .inrWrap {
    max-width: 1027px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.fixBlock .txtWrap {
    width: calc(100% - 77px - 250px);
}
.fixBlock .txtWrap a {
    color: #fff;
}
.fixBlock .txtWrap a:hover {
    opacity: 1;
    text-decoration: none;
}
.fixBlock .btnWrap {
    width: 250px;
    margin-left: 77px;
    margin-top: 0;
}
.acceptBtn {
    color: #fff;
    text-decoration: none;
    width: 100%;
    height: 50px;
    border: 1px solid #fff;
    display: block;
    text-align: center;
    line-height: 48px;
}
.acceptBtn:hover {
    color: #E80012;
    background-color: #fff;
    opacity: 1;
}

.leadSection {
    padding: 40px 0 184px;
}
.leadSection .lead {
    font-family: "Overpass", sans-serif;
    font-size: 3.75em;
    font-weight: 900;
    letter-spacing: .02em;
    line-height: 1.25;
    margin-bottom: 57px;
    color: #222222;
}
.leadSection .txt {
    font-size: 1.25em;
    letter-spacing: 0;
}
.startUpCitiesSection {
    padding: 70px 0;
    position: relative;
}
.startUpCitiesSection::before {
    content: "";
    width: 72%;
    padding-top: 72%;
    display: block;
    border-radius: 50%;
    background-color: rgba(232, 0, 18, .1);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: -1;
}
.topH2Title {
    font-family: "Overpass", sans-serif;
    font-size: 3.75em;
    font-weight: 900;
    letter-spacing: .02em;
    line-height: 1.25;
    margin-bottom: 34px;
    color: #222222;
}
.topH3Title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 700;
    color: #222222;
    margin-bottom: 18px;
}
.topH3Title .num {
    width: 70px;
    font-size: 3.75em;
    letter-spacing:.05em;
    color: #CCCCCC;
    margin-right: 30px;
}
.topH3Title .txt {
    width: calc(100% - 70px - 30px);
    font-family: "Overpass", sans-serif;
    font-size: 1.875em;
    letter-spacing: .02em;
    line-height: 1.334;
}
.topH3Title.pdfIcon .txt {
    display: inline-block;
    width: auto;
    padding-right: 50px;
    background: url(../img/icon_pdf_black.svg) right center no-repeat;
}

.globalCitiesBlock {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 90px;
}
.globalCitiesBlock > li {
    width: calc(25% - 12px);
    margin-right: 16px;
    list-style: none;
}
.globalCitiesBlock > li:last-of-type {
    margin-right: 0;
}
.cityBox {
    position: relative;
    height: auto;
    display: flex;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    box-shadow: 0 0 40px rgba(0, 0, 0, .2);
    transition: all .3s ease;
}
.cityBox::before {
    content: "";
    display: block;
    padding-top: 121.5%;
}
.cityBox::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    z-index: -1;
}
.cityBox a {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: none;
}
.cityBox a:hover {
    opacity: 1;
}
.cityBox .ttl {
    font-size: 3.125em;
    font-weight: 700;
    letter-spacing: .05em;
    color: #fff;
    text-shadow: 0 0 20px rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    top: calc(50% - 46px);
    width: 100%;
    text-align: center;
    z-index: 2;
}
.cityBox .btnBox {
    position: absolute;
    right: 10px;
    bottom: -25px;
    width: calc(100% - 10px);
    z-index: 2;
}
.cityBox .btnWhite {
    max-width: 100%;
    margin-left: auto;
}
.cityBox.tokyo::after {
    background-image: url(../img/img_top_city_01_dark@2x.png);
}
.cityBox.tokyo {
    background-image: url(../img/img_top_city_01_dark@2x.png);
}
.cityBox.tokyo:hover {
    background-image: url(../img/img_top_city_01@2x.png);
}
.cityBox.central::after {
    background-image: url(../img/img_top_city_02_dark@2x.png);
}
.cityBox.central {
    background-image: url(../img/img_top_city_02_dark@2x.png);
}
.cityBox.central:hover {
    background-image: url(../img/img_top_city_02@2x.png);
}
.cityBox.kansai::after {
    background-image: url(../img/img_top_city_03_dark@2x.png);
}
.cityBox.kansai {
    background-image: url(../img/img_top_city_03_dark@2x.png);
}
.cityBox.kansai:hover {
    background-image: url(../img/img_top_city_03@2x.png);
}
.cityBox.fukuoka::after {
    background-image: url(../img/img_top_city_04_dark@2x.png);
}
.cityBox.fukuoka {
    background-image: url(../img/img_top_city_04_dark@2x.png);
}
.cityBox.fukuoka:hover {
    background-image: url(../img/img_top_city_04@2x.png);
}
.cityBox:hover {
    background-size: 110% auto;
}
.cityBox:hover .btnWhite {
    background-color: #E80012;
    color: #fff;
}
.cityBox:hover .arr_red::after {
    border-color: #fff;
}

.startupCitiesBlock {
    display: flex;
    flex-wrap: wrap;
}
.startupCitiesBlock > li {
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 20px;
    list-style: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}
.startupCitiesBlock > li:nth-of-type(2n) {
    margin-right: 0;
}
.startupCityBox a {
    display: flex;
    text-decoration: none;
}
.startupCityPhoto {
    width: 50%;
    overflow: hidden;
}
.startupCityPhoto img {
    max-width: 100%;
    transform: scale(1);
    transition: all .3s ease;
}

.startupTxtBox {
    width: 50%;
    background-color: #fff;
    padding: 35px 30px 10px;
}
.startupTxtBox .inrwrap {
    width: 100%;
}
.startupTxtBox .ttl {
    font-size: 1.875em;
    font-weight: 700;
    letter-spacing: .05em;
    margin-bottom: 10px;
    color: #222;
    text-align: center;
    transition: all .3s ease;
}
.startupTxtBox .linkTxt {
    width: 100%;
    max-width: 100%;
    height: 50px;
    line-height: 50px;
    letter-spacing: .05em;
    text-align: center;
    transition: all .3s ease;
    background-color: #fff;
}
.startupTxtBox .linkTxt .txrInr {
    display: inline-block;
    padding-left: 32px;
    padding-right: 38px;
    background: url(../img/icon_pdf.svg) 0 center no-repeat;
    background-size: 16px auto;
}
.startupTxtBox .linkTxt .arr_red::after {
    right: 10px;
}
.startupCityBox a:hover {
    opacity: 1;
}
.startupCityBox a:hover .startupCityPhoto img {
    transform: scale(1.1);
}
.startupCityBox a:hover .ttl {
    color: #E80012;
}
.startupCityBox a:hover .linkTxt {
    background-color: rgba(232, 0, 18, .05);
}
.comanyIcon {
    height: 160px;
}
.comanyIcon img {
    width: auto;
    height: 100%;
}

@media screen and (max-width: 1028px) {
    
/*
    .header .gnav {
        padding: 9vh 0 12vh;
    }
*/
    
}


@media screen and (min-width: 751px) and (max-width: 1200px) {
    
    .startupTxtBox {
        padding: 5px 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .startupTxtBox .ttl {
        font-size: 1.5em;
        line-height: 1.3;
    }
    .startupTxtBox .linkTxt {
        height: 40px;
        line-height: 40px;
    }
    
}

.exploreSection {
    margin-top: 150px;
}
.exploreSection .topH2Title {
    margin-bottom: 50px;
}
.exploreSectionInr {
    position: relative;
}
.exploreSectionInr::before {
    content: "";
    width: 434px;
    height: 434px;
    background-color: #E80012;
    border-radius: 50%;
    position: absolute;
    left: -196px;
    bottom: -217px;
    z-index: -1;
}
.exploreblockCol2 {
    display: flex;
    flex-wrap: wrap;
}
.exploreblockCol2 .imgWrap {
    width: 565px;
    margin-right: 75px;
}
.exploreblockCol2 .txtWrap {
    width: calc(100% - 565px - 75px);
    display: flex;
    align-items: center;
}
.exploreSubTitle {
    font-size: 1.875em;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: .05em;
}
.exploreTtl {
    font-family: "Overpass", sans-serif;
    font-size: 2.5em;
    font-weight: 700;
    letter-spacing: .02em;
    margin-bottom: 24px;
}
.exploreTxt {
    font-size: 1.25em;
}
.exploreblockCol2 .btnWrap {
    margin-top: 56px;
}
.exploreblockCol2 .btnWrap a + a {
    margin-top: 20px;
}
.exploreblockCol2 .btnWrap .btnCmn {
    display: block;
    line-height: 50px;
    text-align: center;
}
.exploreSection .h3SubTitle {
    font-size: 1.875em;
    font-weight: 700;
    letter-spacing: .05em;
    margin-top: 100px;
    margin-bottom: 12px;
}
.exploreH3Title {
    font-family: "Overpass", sans-serif;
    font-size: 2.5em;
    font-weight: 700;
    letter-spacing: .02em;
    margin-bottom: 10px;
}
.jstartupBlockCol2 {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background-color: #fff;
    padding: 40px 100px 42px;
}
.jstartupBlockCol2 .leftWrap {
    width: 490px;
    padding: 0 130px 0 0;
    display: flex;
    align-items: center;
    background: url(../img/img_top_explore_03@2x.png) calc(100% - 25px) center no-repeat;
    background-size: auto 100%;
}
.jstartupBlockCol2 .leftWrap img {
    width: 100%;
}
.jstartupBlockCol2 .rightWrap {
    width: calc(100% - 490px);
    padding-bottom: 32px;
}
.logosBlockCol4 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.logosBlockCol4 li {
    list-style: none;
    width: calc(25% - 8px);
    margin-right: 10px;
    margin-bottom: 10px;
}
.logosBlockCol4 li:nth-of-type(4n) {
    margin-right: 0;
}
.topLogoBox {
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.joinedDataWrap {
    display: flex;
    align-items: center;
    line-height: 1;
}
.joinedNum {
    width: calc(100% - 150px);
    font-weight: 700;
    font-size: 1.25em;
    letter-spacing: .05em;
}
.joinedNum .num {
    font-size: 4em;
    letter-spacing: .05em;
    position: relative;
}
.joinedNum .num::after {
    content: "";
    width: 175px;
    height: 15px;
    background-color: rgba(232, 0, 18, .2);
    position: absolute;
    left: 0;
    bottom: 10px;
}
.joinedNum .txtMd {
    font-size: 2.5em;
    margin-right: 20px;
}
.joinedNum .txt {
    position: relative;
    top: -10px
}
.joinedYear {
    width: 150px;
    font-size: 1.25em;
    color: #888;
    padding-top: 20px;
    text-align: right;
    font-weight: 700;
}
.jstartupBlockCol2 .btnWrap {
    position: absolute;
    right: 100px;
    bottom: -25px;;
}
@media screen and (min-width: 751px) and (max-width: 1250px) {
    .joinedDataWrap {
        flex-wrap: wrap;
    }
    .joinedNum {
        width: 100%;
        font-size: 1em;
        line-height: 1.2;
    }
    .joinedNum .num::after {
        width: 130px;
    }
    .joinedNum .num {
        font-size: 3.75em;
    }
    .joinedNum .txtMd {
        font-size: 1.875em;
        display: inline-block;
    }
    .joinedNum .txt {
        display: inline-block;
    }
    .joinedYear {
        width: 100%;
    }
}


/*---------  city  ---------*/
body.city {
    position: relative;
    padding-top: 100px;
}
body.city::before {
    content: "";
    width: 533px;
    height: 533px;
    position: absolute;
    right: -122px;
    top: -144px;
    background-color: #E80012;
    border-radius: 50%;
    z-index: -1;
}
.cityPageMv {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.cityPageMv .txtWrap {
    width: calc(100% - 46% - 6.5%);
    margin-right: 6.5%;
    letter-spacing: .05em;
}
.cityPageMv.first .txtWrap {
    padding-bottom: 52px;
}
.cityPageMv.first.fukuokaMv .txtWrap {
    padding-bottom: 0;
}
.cityPageMv .mvWrap {
    width: 46%;
}
.cityH1SubTitle {
    font-size: 1.5em;
    font-family: "Overpass", sans-serif;
    font-weight: 900;
    margin-bottom: 10px;
    letter-spacing: .05em;
}
.cityH1Title {
    font-size: 5em;
    font-family: "Overpass", sans-serif;
    font-weight: 900;
    margin-bottom: 42px;
    letter-spacing: .05em;
}
.aboutCityBlock {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
    margin-bottom: 100px;
}
.aboutCityBlock > li {
    list-style: none;
    width: 33.333%;
    height: auto;
    border: 1px solid #CCCCCC;
    margin-bottom: -1px;
}
.aboutCityBlock > li:not(:nth-of-type(3n)) {
    border-right: none;
}
.aboutCityBox {
    padding: 20px 40px 16px;
    letter-spacing: .05em;
    position: relative;
}
.aboutCityBox::before {
    content: "";
    width: 4px;
    height: 40px;
    background-color: #E80012;
    position: absolute;
    left: -1px;
    top: 10px;
}
.aboutCityBox.university {
    padding-right: 36px;
}
.aboutCityBox.university .aboutCityCol2 .dotList {
    padding-bottom: 16px;
}
.university .txtCol {
    position: relative;
}
.university .txtCol .txtMore {
    position: absolute;
    font-size: 0.625em;
    right: 0;
    bottom: 0;
}
.economy .txtCol {
    padding-left: 10px;
}
.support .txtCol {
    padding-left: 10px;
}
.access .txtCol {
    padding-left: 18px;
}
.osaka .economy .txtCol {
    padding-left: 0;
}
.osaka .access .txtCol {
    padding-left: 0;
}
.aboutCityTitle {
    font-family: "Overpass", sans-serif;
    font-weight: 700;
    letter-spacing: .05em;
}
.aboutCityCol2 {
    display: flex;
    align-items: center;
}
.aboutCityCol2 .iconCol {
    width: 100px;
}
.aboutCityCol2 .iconCol img {
    max-width: 100%;
    widows: 100%;
}
.aboutCityCol2 .txtCol {
    width: calc(100% - 100px);
    min-height: 138px;
    display: flex;
    align-items: center;
}
.populationTxt {
    width: 100%;
    font-size: 2.5em;
    font-weight: 700;
    letter-spacing: .05em;
    text-align: center;
}
.supportTxt {
    font-size: 0.75em;
    word-break: break-all;
}
.accessBoxTtl {
    font-weight: 700;
    margin-bottom: 10px;
}
.accessBoxTxt {
    font-size: 0.75em;
}
.dotList > li {
    list-style: none;
    padding-left: 18px;
    position: relative;
    font-size: 0.875em;
    letter-spacing: .05em;
}
.dotList > li::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #CCCCCC;
    position: absolute;
    left: 0;
    top: calc(.5em - 1px);
}
.dotList > li + li {
    margin-top: 10px;
}
.dotList.blackDot > li::before {
    background-color: #222222;
}
.dotList .ttl {
    margin-bottom: 6px;
    font-size: 1em;
}
.shortLineList > li {
    list-style: none;
    padding-left: 13px;
    font-size: 0.75em;
    position: relative;
    letter-spacing: .05em;
}
.shortLineList > li::before {
    content: "";
    width: 4px;
    height: 1px;
    border-radius: 4px;
    background-color: #020202;
    position: absolute;
    left: 0;
    top: .7em;
}
.cityPageMv .dotList {
    margin-top: 12px;
}
.cityPageMv .dotList > li + li {
    margin-top: 14px;
}
.aboutCityCol2 .dotList {
    font-weight: 700;
}
.pdfLink {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    padding-left: 63px;
    padding-right: 63px;
    background: url(../img/icon_pdf.svg) 27px 0 no-repeat;
    background-size: 16px 20px;
}
.pdfLink.arr_red::after {
    right: 0;
}
.aboutCityBox.moreBox a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all .3s ease;
}
.aboutCityBox.moreBox {
    padding: 0;
}
.aboutCityBox.moreBox a:hover {
    opacity: 1;
    background-color: #E80012;
}
.aboutCityBox.moreBox::before {
    content: none;
}
.aboutCityBox.moreBox a:hover .pdfLink {
    background: url(../img/icon_pdf_white.svg) 27px 0 no-repeat;
    background-size: 16px 20px;
    color: #fff;
}
.aboutCityBox.moreBox a:hover .pdfLink.arr_red::after {
    border-color: #fff;
}


.city .h2Title {
    margin-bottom: 30px;
}
.city .interviewBlock {
    padding: 38px 60px 38px 60px;
}
.city .interviewBlock .interviewTxtBox {
    position: relative;
    padding-bottom: 70px;
}
.city .interviewBlock .btnWrap {
    position: absolute;
    bottom: 0;
    right: -20px;
}
.city .h2Title {
    margin-top: 90px;
}

.startupsBlock {
    display: flex;
    flex-wrap: wrap;
}
.startupsBlock > li {
    list-style: none;
    width: calc(25% - 9px);
    margin-right: 12px;
    margin-bottom: 12px;
}
.startupsBlock > li:nth-of-type(4n) {
    margin-right: 0;
}
.startupsBox .bdBox {
    border: 1px solid #CCCCCC;
    padding: 20px 20px 30px;
}
.startupsImg {
    margin-bottom: 14px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.startupsImg img {
    width: 100%;
}
.startupsTitle {
    text-align: center;
    font-size: 1.25em;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: .05em;
}
.startupsLabel {
    text-align: center;
    margin-bottom: 14px;
    line-height: 1;
    letter-spacing: .05em;
}
.startupsTxt {
    letter-spacing: .05em;
}
.startupsLabel .txtInr {
    display: inline-block;
    font-size: 0.75em;
    padding: 4px 10px;
    border-radius: 10px;
    color: #888;
    background-color: #f0f0f0;
}
.startupsBox .btnWrap {
    margin-top: 26px;
}
.startupsBox .btnWrap a + a {
    margin-top: 10px;
}
.startupsBox .btnCmn {
    height: 30px;
    width: 100%;
}
.startupsBlock + .h2Title {
    margin-top: 85px;
}
.city .article-contents-back {
    margin-top: 100px;
}

.figure_image {
    height: 400px;
}

.figure_image img {
    height: 100%;
}
.interviewDetail .wrap figure:first-of-type {
    max-height: 200px;
}
.interviewDetail .wrap figure:first-of-type img {
    max-width: 375px;
    width: auto;
}
.interviewDetail .wrap figure.height_400 {
    max-height: 400px;
}
.interviewDetail .wrap figure.height_400 img {
    max-width: 750px;
    width: auto;
}
.externalLink {
    text-decoration: none;
    color: #020202;
}


/*---------  privacy policy  ---------*/
.privacyPolicy .article .wrap .japan {
    top: -397px;
}
.privacyPolicy .h1Title {
    color: #222;
    font-family: "Overpass", sans-serif;
    font-size: 5em;
    font-weight: 900;
    letter-spacing: .05em;
    margin-bottom: 200px;
    margin-top: 96px;
}
.privacyPolicy .h2Title,
.privacyPolicy .h3Title {
    letter-spacing: .02em;
}
.privacyPolicy .h2Title + .h3Title {
    margin-top: 50px;
}
.privacyPolicy .h3Title {
    margin-bottom: 12px;
}
.privacyPolicy ul + .h3Title,
.privacyPolicy ol + .h3Title,
.privacyPolicy p + .h3Title {
    margin-top: 54px;
}
.textLink {
    text-decoration: underline;
    color: #222222;
}
.textLink:hover {
    color: #E80012;
    opacity: 1;
    text-decoration: underline;
}
.textLink:visited {
    color: #888888;
}
.numList li {
    list-style-type: none;
    counter-increment: number;
    padding-left: 1.5em;
    text-indent: -1.5em;
}
.numList li::before{
  content: counter(number) ".";
  margin-right: 10px;
}
.privacyPolicy p + .shortLineList,
.privacyPolicy p + .numList {
    margin-top: 4px;
}
.privacyPolicy ol + p {
    margin-top: 12px;
}
.privacyPolicy .shortLineList li {
    font-size: 1em;
    padding-left: 22px;
}
.privacyPolicy .section + .section {
    margin-top: 90px;
}
.privacyPolicy .txtCmn + .txtCmn {
    margin-top: 1em;
}
.privacyPolicy .article-contents-back {
    margin-top: 134px;
}



@media screen and (min-width: 751px) and (max-width: 1300px) {
    
    .aboutCityBlock > li {
        width: 50%;
    }
    .aboutCityBlock > li:not(:nth-of-type(3n)) {
        border-right: 1px solid #ccc;
    }
    .aboutCityBlock > li:not(:nth-of-type(2n)) {
        border-right: none;
    }
    
}



/*---------  pc only  ---------*/
@media screen and (min-width: 1029px) {
    
    body {
        min-width: 100%;
    }
    .header .wrap {
        padding: 0 20px;
    }
    .header .gnav {
/*
        overflow-y: scroll;
        padding: 9vh 0 12vh;
*/
/*
        display: flex;
        align-items: center;
*/
    }
    
    .gnavBtn {
        position: fixed;
        left: 50px;
        z-index: 100;
    }
    .open .gnavBtn {
        background-color: transparent;
    }
    
    .footer {
        padding: 56px 0 48px;
    }
    .footer .wrap {
        padding-left: 20px;
        padding-right: 20px;
        max-width: 1280px;
    }
    
    .article-contents-header-cat {
        margin-left: 0;
        font-size: 5em;
    }
    .article-contents-header-ttl {
        font-size: 3.75em;
    }
    .category .wrap {
        max-width: 1280px;
        padding-left: 120px;
        padding-right: 120px;
    }
    .gnav .wrap_1040 {
        margin: 0 0 0 180px;
    }
    
    .mv {
        margin-bottom: 0;
    }
    .mv .wrap::after {
        margin: 0;
        left: 60px;
        height: 108px;
    }
    .top .japan {
        width: 1000px;
        height: 1000px;
    }
    .top .mv .japan {
        top: -415px;
        right: -278px;
    }
    .mv .japan::after {
        height: 100%;
        width: 100%;
        background-position: left -60px bottom -216px;
        background-size: 700px auto;
    }
    .mv .japan::before {
        height: 700px;
        width: 700px;
        left: -60px;
        bottom: -216px;
    }
    
    
}

@media screen and (min-width: 751px) {
    
    .header .gnav {
        overflow-y: scroll;
        padding: 9vh 0 12vh;
        display: flex;
        align-items: center;
    }
    .header .gnav.scroll {
        align-items: flex-start;
    }
    
}


/*---------  tablet  ---------*/
@media screen and (min-width: 751px) and (max-width: 1028px) {
    
    .header .gnav {
        overflow-y: scroll;
    }
    .article .wrap .japan {
        top: -295px;
        right: -182px;
        height: 550px;
        width: 550px;
        z-index: -1;
        background-color: #E80012;
    }
    .article.interview .wrap .japan {
        top: -353px;
    }
    .article.interviewDetail .wrap .japan {
        top: -295px;
    }
    .article .wrap .japan::before {
        width: 350px;
        height: 350px;
        left: -12px;
        bottom: -92px;
        opacity: 1;
        top: auto;
    }
    .article .wrap .japan::after {
        content: "";
        height: 100%;
        width: 100%;
        background-position: left -12px bottom -92px;
        background-size: 350px auto;
    }
    
    .wrap {
        padding-left: 60px;
        padding-right: 60px;
    }
    .wrap .wrap_1040 {
        padding-left: 0;
        padding-right: 0;
    }
    .wrap .gnav .wrap_1040 {
        margin: 0 auto 0 100px;
    }
    
    .gnavFooterList {
        flex-wrap: wrap;
    }
    .gnavFooterList > li {
        margin-bottom: 10px;
    }
    
    .cityBox .ttl {
        font-size: 2em;
    }
    .cityBox .btnBox {
        width: 100%;
        max-width: 80%;
    }
    .cityBox .btnWhite {
        width: 100%;
        margin-right: 0;
    }
    .cityBox .btnWhite.arr_red::after {
        right: 12px;
    }
    .exploreblockCol2 .imgWrap {
        width: 40%;
        margin-right: 40px;
    }
    .exploreblockCol2 .txtWrap {
        width: calc(100% - 40% - 40px);
    }
    .jstartupBlockCol2 {
        padding: 40px 60px;
    }
    .jstartupBlockCol2 .leftWrap {
        width: 47%;
    }
    .jstartupBlockCol2 .rightWrap {
        width: 53%;
    }
    .joinedDataWrap {
        flex-wrap: wrap;
    }
    .joinedNum {
        width: 100%;
    }
    .joinedNum .num {
        font-size: 3.75em;
    }
    .joinedNum .txtMd {
        font-size: 1.875em;
    }
    .joinedNum .txt {
        top: -5px;
    }
    .joinedYear {
        width: 100%;
    }
    
    .interviewBlock .interviewPhoto {
        width: 40%;
        margin-right: 30px;
    }
    .interviewBlock .interviewTxtBox {
        width: calc(100% - 40% - 30px);
    }
    .footerNavList {
        width: 100%;
    }

    
}


@media screen and (max-width: 750px) {
    
    
    /*---------  header  ---------*/
    .header {
        height: 80px;
    }
    .gnavBtn {
        top: -15px;
        left: auto;
        right: -18px;
        z-index: 100;
        width: 80px;
        height: 80px;
        background-color: transparent;
    }
    .close .gnavBtn.spBgc {
        background-color: rgba(255, 255, 255, .8);
    }
    .top .gnavBtn {
        left: auto;
    }
    .gnavBtnInr {
        width: 24px;
        height: 18px;
    }
    .gnavBtnInr span.menu {
        display: none;
    }
    .gnavBtnInr span:not(:last-of-type) {
        height: 2px;
    }
    .gnavBtnInr span:nth-of-type(2) {
        top: 8px;
    }
    .gnavBtnInr span:nth-of-type(3) {
        top: 16px;
    }
    .gnavBtnInr:hover span:not(:last-of-type) {
        background-color: #fff;
    }
    
    .article .wrap .japan {
        width: 240px;
        height: 240px;
        top: -309px;
        right: -64px;
        background-color: #E80012;
    }
    .article.interview .wrap .japan {
        top: -307px;
    }
    .article.interviewDetail .wrap .japan {
        top: -232px;
    }
    .article .wrap .japan::before {
        opacity: 1;
        width: 165px;
        height: 165px;
        left: -14px;
        bottom: -54px;
        top: auto;
    }
    .article .wrap .japan::after {
        content: "";
        background-position: left -14px bottom -54px;
        background-size: 165px auto;
    }
    
    
    /*---------  menu  ---------*/
    .header .gnav {
        padding: 96px 20px 30px;
    }
    .startUpWrap {
        display: flex;
        margin-bottom: 40px;
    }
    .gnavTitel + .startUpWrap {
        margin-top: 24px;
    }
    .startUpWrap .groupWrap + .groupWrap {
        margin-left: 48px;
        margin-top: 0;
    }
    .gnavSubTitle {
        font-size: 0.8125em;
        margin-bottom: 14px;
    }
    .gnavTitel {
        font-size: 1.875em;
        letter-spacing: .02em;
        line-height: 1.2;
    }
    .gnavList {
        display: block;
    }
    .gnavList > li + li {
        margin-top: 12px;
    }
    .gnavList > li a {
        font-size: 1.25em;
        margin-right: 0;
    }
    .gnavList > li a::after {
        content: none;
    }
    .gnavTitel + .programLink {
        margin-top: 16px;
    }
    .programLink a {
        font-size: 1.25em;
    }
    .gnavFooterList {
        margin-top: 130px;
        flex-wrap: wrap;
    }
    .gnavFooterList > li {
        padding-right: 20px;
        margin-right: 20px;
        margin-bottom: 0;
    }
    .gnavFooterList > li:last-of-type {
        padding-right: 0;
        margin-right: 0;
    }
    .gnavFooterList > li a {
        font-size: 1em;
    }
    .gnavFooterList .contact {
        padding: 0;
        margin-top: 20px;
        border-right: none;
    }
    .gnavFooterList .contact .title {
        font-size: 1em;
    }
    .gnavFooterList .contact .mail {
        margin-right: 12px;
    }
    .gnavFooterList .copyBtn {
        width: 68px;
        background-color: #fff;
        color: #E80012;
        font-size: 0.75em;
    }
    .gnavFooterList > li:last-of-type {
        padding: 0;
        margin-top: 20px;
    }
    .imgMailAdress {
        height: 14px;
        width: auto;
    }
    .open .imgMailAdress {
        height: 22px;
    }
    
    
    /*---------  footer  ---------*/
    .interviewDetail footer {
        margin-top: 57px;
    }
    .footer {
        background-color: transparent;
        background-image: none;
        position: relative;
        overflow: hidden;
        padding: 0;
        margin-top: 75px;
    }
    .top .footer {
        margin-top: 60px;
    }
    .footer::after {
        content: "";
        width: 380px;
        height: 380px;
        border-radius: 50%;
        background-color: #E80012;
        position: absolute;
        right: -104px;
        bottom: -185px;
        z-index: -1;
    }
    .footer .wrap {
        padding: 20px;
    }
    .footerNavWrap {
        width: 100%;
        padding-right: 0;
    }
    .footerNavTitle {
        padding-right: 30px;
        font-size: 0.8125em;
        display: inline-block;
    }
    .footerNav > li {
        display: block;
    }
    .footerNav > li + li {
        margin-top: 10px;
    }
    .footerNavWrap .contact .title::before,
    .footerNavTitle::before {
        width: 20px;
    }
    .footerNavList {
        margin-left: 0;
        margin-top: 1px;
    }
    .footerNavListItem a {
        font-size: 0.75em;
    }
    .footerNavWrap .contact {
        margin-top: 15px;
        flex-wrap: wrap;
    }
    .footerNavWrap .contact .title {
        font-size: 0.8125em;
        padding-right: 30px;
        margin-bottom: 6px;
    }
    .footerNavWrap .contact .copyWrap {
        width: 100%;
    }
    .footerNavWrap .contact .txt {
        padding-left: 0;
        font-size: 0.75em;
        display: block;
        margin-bottom: 8px;
    }
    .footer-copyright {
        width: 100%;
        margin-top: 48px;
    }
    .footer .copyright {
        text-align: right;
        right: 20px;
        bottom: 20px;
    }
    
    
    /*---------  common  ---------*/
    body {
        padding-top: 229px;
        box-sizing: border-box;
        font-size: 1.6rem;
    }
    body.interview {
        padding-top: 227px;
    }
    body.interviewDetail {
        padding-top: 152px;
    }
    .wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
    .wrap .wrap_1040 {
        padding-left: 0;
        padding-right: 0;
    }
    .pcOnly {
        display: none;
    }
    .spOnly {
        display: block;
    }
    .mt_100 {
        margin-top: 70px;
    }
    .wrap_1040 .wrap_750 {
        padding-left: 0;
        padding-right: 0;
    }
    .h2Title {
        font-size: 1.875em;
        line-height: 1.2;
    }
    .h2Title + p,
    .h2Title + figure {
        margin-top: 20px;
    }
    .h2Title.num {
        font-size: 1.5em;
        margin-bottom: 16px;
    }
    .h2Title.num .num {
        width: 60px;
        margin-right: 22px;
    }
    .h3Title {
        font-size: 1.25em;
    }
    figure + .h3Title {
        margin-top: 16px;
    }
    .txtCmn {
        font-size: 0.8125em;
    }
    .txtMd {
        font-size: 0.8125em;
    }
    .h3Title + .txtMd {
        margin-top: 14px;
    }
    .txtCmn + .h2Title {
        margin-top: 80px;
    }
    .btnWrap {
        margin-top: 30px;
    }
    .btnWrap + .h2Title {
        margin-top: 62px;
    }
    .btnCmn {
        width: 100%;
        background-color: #E80012;
        color: #fff;
        font-size: 1em;
    }
    .btnCmn::after {
        border-color: #fff;
    }
    .copyBtn {
        background-color: #222222;
        color: #fff;
        width: 150px;
        height: 24px;
        line-height: 24px;
    }
    
    .article-contents-back {
        margin-top: 87px;
    }
    .article-contents-back a {
        color: #E80012;
        font-size: 1em;
        letter-spacing: .05em;
    }
    .comanyIcon {
        height: 100px;
    }
    .pageTitleDark {
        font-size: 3.125em;
        line-height: 1.2;
    }
    .pageSubTitle {
        font-size: 1em;
    }
    .pageSubTitle + .pageTitleDark {
        margin-top: 10px;
    }
    .comanyIcon + .pageTitleDark {
        margin-top: 36px;
    }
    .companyLocation {
        margin-top: 0;
    }
    .article-contents-header .companyLocation {
        margin-top: 20px;
    }
    .ancLinkWrap {
        margin-top: 70px;
    }
    .ancLinkWrap > li {
        width: calc(50% - 17px);
        margin-right: 34px;
        margin-bottom: 14px;
    }
    .ancLinkWrap > li:nth-of-type(2n) {
        margin-right: 0;
    }
    .ancLink {
        padding: 27px 25px 12px 0;
        font-size: 1em;
        text-align: left;
    }
    .ancLink::after {
        right: 2px;
        top: calc(50% + 4px);
    }
    .ancLink .num {
        top: 0;
    }
    
    .interview .h2Title.num {
        margin-top: 45px;
    }
    .interview .wrap_1040 + .h2Title.num {
        margin-top: 62px;
    }
    .interviewSection + .interviewSection {
        margin-top: 20px;
    }
    .interviewBlock {
        padding: 0;
        box-shadow: 0 0 40px rgba(34, 34, 34, .1);
    }
    .interviewBlock .h3Title {
        margin-bottom: 12px;
    }
    .interviewBlock .interviewPhoto {
        width: 100%;
        margin-right: 0;
        height: auto;
    }
    .interviewBlock .interviewTxtBox {
        width: 100%;
        padding: 18px 20px 20px;
    }
    .interviewBlock .txt {
        letter-spacing: .02em;
    }
    .interviewBlock .btnWrap {
        margin-top: 20px;
    }
    .interviewee {
        font-size: 1em;
        margin-bottom: 3px;
    }
    .intervieweePosition {
        font-size: 0.8125em;
        margin-bottom: 16px;
    }
    .interviewBtn {
        height: 32px;
        line-height: 32px;
        padding-right: 42px;
        font-size: 0.75em;
    }
    .interviewBtn::before {
        width: 32px;
        height: 32px;
        background-color: #E80012;
    }
    .interviewBtn::after {
        border-color: #fff;
        right: 12px;
    }
    .interview .article-contents-back {
        margin-top: 58px;
    }
    .foundersList .listItem {
        margin-top: 23px;
    }
    .foundersList .listItem dt {
        font-size: 1em;
        margin-bottom: 12px;
        letter-spacing: 0;
    }
    .foundersList .listItem dd {
        font-size: 0.8125em;
        list-style: .05em;
    }
    .foundersList + .h2Title {
        margin-top: 80px;
    }
    .profileInfoList {
        margin-top: 20px;
    }
    .profileInfoList dt {
        width: 100%;
    }
    .profileInfoList dt + dd {
        margin-top: 4px;
    }
    .profileInfoList dd + dt {
        margin-top: 15px;
    }
    .profileInfoList dd {
        width: 100%;
        word-break: break-all;
    }
    .profileInfoBox {
        padding: 30px 20px 18px;
        margin-top: 30px;

        flex-wrap: wrap;
    }
    .profileInfoBox .imgWrap {
        margin-bottom: 30px;
    }
    .profileInfoBox .title {
        margin-bottom: 8px;
    }
    .profileInfoBox .txt {
        font-size: 0.75em;
    }
    
    .article-contents-header-pageTtl {
        font-size: 1em;
        margin-bottom: 7px;
    }
    .article-contents-header-cat {
        font-size: 3.125em;
        margin-bottom: 57px;
        letter-spacing: .02em;
    }
    .article-contents-body {
        padding: 0;
    }
    .article-contents-body .wrap_750 {
        padding: 0;
    }
    .article-contents-header-txt {
        font-size: 0.8125em;
        margin-bottom: 20px;
    }
    .article-contents-header-ttl {
        font-size: 1.875em;
        margin-bottom: 10px;
    }
    .article-contents-header-position {
        font-size: 1.25em;
        letter-spacing: .02em !important;
    }
    .article-contents-body .txtQuestion {
        font-size: 1.25em;
        line-height: 1.5;
        margin-bottom: 15px;
        margin-top: 58px;
    }
    .article-contents-body .txtAnswer {
        font-size: 0.8125em;
        line-height: 1.538;
    }
    .article-contents-body p + img {
        margin-top: 80px;
    }
    .txtAnswer + .articlePhoto {
        margin-top: 80px;
    }
    .article-contents-about {
        margin-top: 77px;
    }
    .article-contents-about h2 {
        font-size: 1.25em;
        letter-spacing: .02em;
        margin-top: 58px;
    }
    .article-contents-about h2 + p {
        margin-top: 14px;
    }
    .article-contents-about p {
        font-size: 0.8125em;
        line-height: 1.538;
    }
    .article-contents-about h3 {
        font-size: 1em;
        padding-left: 28px;
        font-weight: 400;
        letter-spacing: .02em;
        line-height: 1.5;
    }
    .article-contents-about h3::before {
        width: 20px;
        height: 1px;
        top: .6em;
    }
    .article-contents-about h2 + h3 {
        margin-top: 16px;
    }
    .article-contents-about p + h2 {
        margin-top: 55px;
    }
    .article-contents-about p + h3 {
        margin-top: 28px;
    }
    .article-contents-about h3 + p {
        margin-top: 5px;
    }
    .article-contents-about .txtWeb {
        display: block;
        margin-bottom: 4px;
    }
    .article-contents-about .txtName {
        display: inline-block;
        font-size: 1em;
        margin-bottom: 4px;
    }
    
    
    /*---------  top page  ---------*/
    .fixBlock {
        padding: 18px 20px 13px;
    }
    .fixBlock .txtWrap {
        width: 100%;
        letter-spacing: .02em;
    }
    .fixBlock .btnWrap {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    .acceptBtn {
        font-size: 1em;
        color: #E80012;
        letter-spacing: .05em;
        height: 32px;
        line-height: 30px;
        background-color: #fff;
    }
    
    body.top {
        padding-top: 390px;
    }
    .topH2Title {
        font-size: 1.875em;
        margin-bottom: 15px;
    }
    .topH3Title {
        margin-bottom: 14px;
    }
    .topH3Title .num {
        font-size: 1.875em;
        width: 40px;
        margin-right: 6px;
    }
    .topH3Title .txt {
        width: calc(100% - 40px - 8px);
        font-size: 1.25em;
    }
    .topH3Title.pdfIcon .txt {
        padding-right: 30px;
        background-size: 20px auto;
    }
    .btnWhite {
        background-color: #E80012;
        width: 160px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 0.875em;
    }
    .btnWhite.arr_red::after {
        border-color: #fff;
    }
    .mv .wrap {
        height: auto;
    }
    .mv .japan {
        top: auto;
        bottom: 468px;
    }
    .top .mv .japan {
        bottom: 350px;
        right: -98px;
        width: 110vw;
        height: 110vw;
    }
    .top .mv .japan::before {
        left: -3vw;
        bottom: -73px;
        height: 72vw;
        width: 72vw;
    }
    .top .japan::after {
        background-position: left -3vw bottom -73px;
        background-size: 72vw auto;
        height: 100%;
        width: 100%;
    }
    .mvTitle {
        font-size: 3.125em;
        line-height: 1.2;
        margin-bottom: 20px;
    }
    .mvLead {
        font-size: 1em;
        line-height: 1.75;
        margin-bottom: 0px;
    }
    .leadSection {
        padding: 0 0 20px;
    }
    .leadSection .lead {
        font-size: 1.875em;
        line-height: 1.2;
        margin-bottom: 30px;
    }
    .leadSection .txt {
        font-size: 0.8125em;
        letter-spacing: .02em;
        line-height: 1.538;
    }
    .startUpCitiesSection {
        padding: 60px 0 0;
    }
    .startUpCitiesSection::before {
        width: 1384px;
        height: 1384px;
        left: -146px;
        top: -17px;
        transform: none;
    }
    .globalCitiesBlock {
        margin-bottom: 22px;
    }
    .globalCitiesBlock > li {
        width: 100%;
        margin-right: 0;
        height: 175px;
        margin-bottom: 35px;
    }
    .cityBox {
        justify-content: flex-start;
        padding-left: 40px;
    }
    .cityBox::after {
        content: none;
    }
    .cityBox .ttl {
        font-size: 1.875em;
        font-weight: 700;
        letter-spacing: .05em;
        top: calc(50% - 24px);
        text-align: left;
        padding-left: 40px;
    }
    .cityBox .btnBox {
        right: 20px;
        bottom: -20px;
    }
    .startupCitiesBlock > li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .startupCityPhoto {
        width: 140px;
    }
    .startupTxtBox {
        width: calc(100% - 140px);
        padding: 15px 10px 10px 20px;
        display: block;
        text-align: left;
    }
    .startupTxtBox .ttl {
        font-size: 1.25em;
        font-weight: 700;
        margin-bottom: 10px;
        text-align: left;
    }
    .startupTxtBox .linkTxt {
        width: 100%;
        height: 25px;
        line-height: 25px;
        text-align: right;
        font-size: 0.75em;
    }
    .startupTxtBox .linkTxt .txrInr {
        background-position: right center;
        padding-left: 0;
        padding-right: 30px;
        background-size: 20px auto;
    }
    .startupTxtBox .linkTxt .arr_red::after {
        content: none;
    }
    .startupCityPhoto {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .startupCityPhoto img {
        display: none;
    }
    .sapporo .startupCityPhoto {
        background-image: url(../img/img_top_city_05_sp@2x.png)
    }
    .sendai .startupCityPhoto {
        background-image: url(../img/img_top_city_06_sp@2x.png)
    }
    .hiroshima .startupCityPhoto {
        background-image: url(../img/img_top_city_07_sp@2x.png)
    }
    .kitakyushu .startupCityPhoto {
        background-image: url(../img/img_top_city_08_sp@2x.png)
    }
    
    .exploreSection {
        margin-top: 70px;
    }
    .exploreSection .topH2Title {
        margin-bottom: 22px;
    }
    .exploreSectionInr::before {
        content: none;
    }
    .exploreblockCol2 .imgWrap {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }
    .exploreblockCol2 .txtWrap {
        width: 100%;
    }
    .exploreblockCol2 .btnCmn {
        display: block;
        line-height: 50px;
        text-align: center;
    }
    .exploreSubTitle {
        font-size: 1.25em;
        margin-bottom: 0;
    }
    .exploreTtl {
        font-size: 1.5em;
        margin-bottom: 14px;
    }
    .exploreTxt {
        font-size: 0.8125em;
        line-height: 1.5334;
        letter-spacing: .02em;
    }
    .exploreblockCol2 .btnWrap {
        margin-top: 32px;
    }
    .btnCmn.blank::after {
        background: url(../img/icon_blank.svg) 0 0 no-repeat;
    }
    
    .exploreSection .h3SubTitle {
        font-size: 1.25em;
        margin-top: 56px;
        margin-bottom: 0;
    }
    .exploreH3Title {
        font-size: 1.5em;
        margin-bottom: 30px;
    }
    .jstartupBlockCol2 {
        padding: 0;
    }
    .jstartupBlockCol2 .leftWrap {
        width: 100%;
        padding: 0 20px 76px;
        background: url(../img/img_top_explore_03_sp@2x.png) center calc(100% - 20px) no-repeat;
        background-size: calc(100% - 40px) auto;
        display: block;
    }
    .jstartupBlockCol2 .rightWrap {
        width: 100%;
        margin-bottom: 90px;
        padding: 0 20px;
    }
    .logosBlockCol4 {
        margin-bottom: 10px;
        justify-content: center;
    }
    .logosBlockCol4 li {
        width: calc(33.333% - 5px);
        margin-right: 7px;
    }
    .logosBlockCol4 li:nth-of-type(4n) {
        margin-right: 7px;
    }
    .logosBlockCol4 li:nth-of-type(3n) {
        margin-right: 0;
    }
    .joinedDataWrap {
        flex-wrap: wrap;
    }
    .joinedNum {
        width: 100%;
        line-height: 1;
    }
    .joinedNum .num {
        font-size: 2.5em;
    }
    .joinedNum .num::after {
        width: 108px;
        height: 15px;
    }
    .joinedNum .txtMd {
        font-size: 1.5em;
        margin-right: 25px;
    }
    .joinedYear {
        width: 100%;
        padding-top: 4px;
        text-align: right;
        font-size: 1em;
        letter-spacing: .05em;
    }
    .jstartupBlockCol2 .btnWrap {
        width: 100%;
        bottom: 0;
        right: 0;
    }
    
    
    /*---------  city  ---------*/
    body.city {
        padding-top: 66px;
    }
    body.city::before {
        width: 228px;
        height: 228px;
        right: -52px;
        top: -65px;
    }
    .city .gnavBtn {
        right: -18px;
        left: auto;
    }
    .cityPageMv .mvWrap {
        width: 100%;
        order: 1;
        margin-bottom: 40px;
    }
    .cityPageMv .txtWrap {
        width: 100%;
        margin-right: 0;
        order: 2;
    }
    .cityPageMv.first .txtWrap {
        padding-bottom: 0;
    }
    .cityPageMv .dotList > li {
        letter-spacing: .02em;
        padding-left: 12px;
    }
    .cityPageMv .dotList > li + li {
        margin-top: 10px;
    }
    .cityPageMv .dotList {
        margin-top: 14px;
    }
    .cityPageMv .dotList.blackDot > li::before {
        width: 5px;
        height: 5px;
        top: calc(.5em - 1px);
        border-radius: 3px;
    }
    .cityPageMv .txt {
        letter-spacing: .02em;
    }
    .cityH1SubTitle {
        font-size: 1em;
        margin-bottom: 4px;
    }
    .cityH1Title {
        font-size: 3.125em;
        margin-bottom: 20px;
    }
    .aboutCityBlock {
        margin-top: 38px;
        margin-bottom: 74px;
    }
    .aboutCityBlock.osaka {
        margin-bottom: 60px;
    }
    .aboutCityBlock > li:not(:nth-of-type(3n)) {
        border-right: 1px solid #ccc;
    }
    .aboutCityBlock > li {
        width: 100%;
    }
    .aboutCityBox {
        padding: 10px 20px;
        display: flex;
    }
    .aboutCityBox::before {
        height: 20px;
    }
    .aboutCityBox .ttlWrap {
        width: 80px;
        margin-right: 20px;
    }
    .aboutCityBox.university {
        padding-right: 20px;
    }
    .aboutCityTitle {
        margin-bottom: 5px;
    }
    .aboutCityCol2 {
        display: block;
        width: calc(100% - 100px);
    }
    .aboutCityCol2 .iconCol {
        width: 80px;
        margin-right: 20px;
    }
    .aboutCityCol2 .txtCol {
        width: 100%;
        height: 100%;
    }
    .access .txtCol,
    .support .txtCol,
    .economy .txtCol {
        padding-left: 0;
    }
    .populationTxt {
        font-size: 1.5em;
        text-align: left;
    }
    .dotList > li {
        font-size: 0.75em;
        line-height: 1.42;
    }
    .dotList > li::before {
        top: calc(.5em - 3px);
    }
    .dotList > li + li {
        margin-top: 8px;
    }
    .dotList .ttl {
        font-size: 0.8125em;
    }
    .supportTxt {
        font-size: 0.75em;
        line-height: 1.334;
        letter-spacing: .05em;
    }
    .accessBoxTtl {
        margin-bottom: 5px;
        letter-spacing: .02em;
    }
    .accessBoxTxt {
        letter-spacing: .05em;
    }
    .aboutCityBox.moreBox {
        margin-top: 20px;
        padding: 0;
        border: none;
    }
    .aboutCityBox.moreBox a {
        display: block;
    }
    .aboutCityBox.moreBox .pdfLink {
        display: block;
        color: #fff;
        height: 50px;
        line-height: 50px;
        font-size: 1em;
        background: url(../img/icon_pdf_white.svg) 26% center no-repeat, #E80012;
        padding: 0 30px;
        letter-spacing: .05em;
    }
    .pdfLink.arr_red::after {
        border-color: #fff;
        right: 20px;
    }
    
    .city .interviewBlock {
        padding: 0;
    }
    .city .interviewBlock .interviewTxtBox {
        padding-bottom: 65px;
    }
    .interviewBlock .lead {
        font-size: 1.25em;
        line-height: 1.5;
        margin-top: 0;
    }
    .city .interviewBlock .btnWrap {
        right: 20px;
        margin-top: 0;
        bottom: 20px;
    }
    
    .city .h2Title {
        margin-bottom: 26px;
        letter-spacing: .05em;
    }
    .city .h2Title {
        margin-top: 80px;
    }
    .startupsBlock > li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .startupsBox .bdBox {
        padding: 20px;
    }
    .startupsImg {
        margin-bottom: 10px;
        padding: 0 20px;
    }
    .startupsTxt {
        letter-spacing: .02em;
    }
    .startupsBox .btnWrap {
        margin-top: 20px;
    }
    .startupsBox .btnWrap.spCol2 {
        display: flex;
    }
    .startupsBox .btnWrap a + a {
        margin-top: 0;
        margin-left: 15px;
    }
    .startupsBox .btnCmn {
        font-size: 0.8125em;
    }
    .startupsBox .btnCmn.blank::after {
        right: 8px;
    }
    .startupsBlock + .h2Title {
        margin-top: 70px;
    }
    .city .article-contents-back {
        margin-top: 70px;
    }
    .figure_image {
        height: 180px;
    }
    .interviewDetail .wrap figure:first-of-type img {
        max-width: 100%;
    }
    
    
    
    /*---------  privacy policy  ---------*/
    .privacyPolicy .wrap .wrap_750 {
        padding: 0;
    }
    .privacyPolicy .h1Title {
        font-size: 3.125em;
        margin-bottom: 200px;
        line-height: 1.2;
        margin-bottom: 74px;
    }
    .privacyPolicy .h2Title + .h3Title {
        margin-top: 34px;
    }
    .privacyPolicy {
        line-height: 1.538;
    }
    .privacyPolicy .shortLineList li {
        font-size: 0.8125em;
    }
    .privacyPolicy .article-contents-back {
        margin-top: 124px;
    }
    .textLink {
        word-break: break-all;
    }
    
}