:root {
  --color-main: #146EB8;
  --color-sub: #B81463;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --font-pretendard: 'Pretendard', sans-serif;
  --font-montserrat: 'Montserrat', sans-serif;
  --gradient-light1: linear-gradient(180deg, #146EB8 0%, #0F416E 100%);
  --gradient-light2: linear-gradient(180deg, #146EB8 0%, #0A2A44 100%);
  --gradient-middle: linear-gradient(180deg, #111B31 0%, #081022 100%);
  --gradient-dark1: linear-gradient(180deg, #070D1B 0%, #0A1327 100%);
  --gradient-dark2: linear-gradient(180deg, #050A15 0%, #0A1327 100%);
  --gradient-opacity: linear-gradient(180deg,  #0A1327 0%, rgba(7, 13, 27, 0.70) 100%);
  --gradient-purple: linear-gradient(180deg, #B81463 0%, #9A1455 44.79%, #731542 100%);
}

.font35 {
  --fontsize: 3.5rem;
  font-size: var(--fontsize);
}

.font40 {
  --fontsize: 4.0rem;
  font-size: var(--fontsize);
}

.font45 {
  --fontsize: 4.5rem;
  font-size: var(--fontsize);
}

.font50 {
  --fontsize: 5.0rem;
  font-size: var(--fontsize);
}

.font60 {
  --fontsize: 6.0rem;
  font-size: var(--fontsize);
}

.font70 {
  --fontsize: 7.0rem;
  font-size: var(--fontsize);
}

.font80 {
  --fontsize: 8.0rem;
  font-size: var(--fontsize);
}

.font100 {
  --fontsize: 10.0rem;
  font-size: var(--fontsize);
}

@media (max-width: 1840px) {
  .w1800,
  .w1500 {
    padding: 0 20px;
  }
  .allMenu {
    overflow: hidden;
    overflow-y: scroll;
  }
  main .biobank .textBox p br {
    display: none;
  }
  main .biobank .pointSquare .square1 {
    right: -68px;
  }
  main .biobank .pointSquare .square3 {
    right: -60px;
  }
  .subWrap .subPage .credit .item {
    padding: 0 60px;
  }
  .subWrap .culture .contents .title,
  .subWrap .culture .contents .text {
    padding: 50px;
  }
}

@media (max-width: 1600px) {
  .font100 {
    font-size: calc(var(--fontsize) * 0.70);
  }
  .font80,
  .font70 {
    font-size: calc(var(--fontsize) * 0.74);
  }
  .font60 {
    font-size: calc(var(--fontsize) * 0.82);
  }
  .font50,
  .font45,
  .font40 {
    font-size: calc(var(--fontsize) * 0.80);
  }
  .allMenu .depth1 > li > a {
    font-size: 4.0rem;
  }
  main .biobank .pointSquare .square1 {
    top: 8%;
    right: 0;
  }
  main .biobank .pointSquare .square3 {
    right: 28%;
    bottom: 0;
  }
  main .tm .textBox sup {
    font-size: 1.8rem;
  }
  main .tm .textBox dl dd br {
    display: none;
  }
  main .partners ul li {
    padding: 0 40px;
  }
  main .news .slideWrap::after,
  main .news .slideButtons {
    display: none;
  }
  .subWrap .subPage .credit .item {
    gap: 0 100px;
  }
  .subWrap .biobank .gradient {
    padding: 40px;
  }
  .subWrap .biobank .description table td em {
    font-size: 1.4rem;
  }
  .subWrap .biomarkers .example ul li {
    gap: 0 30px;
  }
  .subWrap .repurposing .example .top {
    width: 80%;
  }
  .subWrap .overview .core .item {
    gap: 0 100px;
  }
  .subWrap .history .year .on button {
    font-size: 8.0rem;
  }
  .subWrap .press .slideWrap::after,
  .subWrap .press .slideButtons {
    display: none;
  }
  .subWrap .culture .contents .itemBox {
    gap: 50px;
  }
  .subWrap .culture .contents .item {
    width: calc((100% - 100px) / 3);
  }
  .subWrap .culture .contents .text p br {
    display: none;
  }
  footer .topButton {
    right: 20px;
  }
}

@media (max-width: 1400px) {
  .font100 {
    font-size: calc(var(--fontsize) * 0.66);
  }
  .font80,
  .font70 {
    font-size: calc(var(--fontsize) * 0.70);
  }
  .font60 {
    font-size: calc(var(--fontsize) * 0.72);
  }
  .font50,
  .font45,
  .font40 {
    font-size: calc(var(--fontsize) * 0.74);
  }
  .font35 {
    font-size: calc(var(--fontsize) * 0.80);
  }
  .paddingBox {
    padding: 100px 0;
  }
  .paddingBox.topX {
    padding: 0 0 100px;
  }
  .paddingBox.bottomX {
    padding: 100px 0 0;
  }
  /* main .cocd .tRight {
    padding-right: 100px;
  }
  main .cocd .tLeft {
    padding-left: 100px;
  } */
  main .cocd .textBox p {
    font-size: 1.8rem;
  }
  main .biobank .textBox p {
    font-size: 1.8rem;
    margin: 30px 0 10px;
  }
  main .biobank .item {
    padding: 30px;
  }
  main .biobank .item span {
    font-size: 3.8rem;
  }
  main .biobank .item em {
    font-size: 2.3rem;
  }
  main .biobank .item1,
  main .biobank .item4 {
    height: 370px;
  }
  main .biobank .pointSquare .square1 {
    top: -2%;
  }
  main .biobank .pointSquare .square3 {
    right: 8%;
    bottom: -60px;
  }
  main .tm .textBox dl dt {
    font-size: 2.0rem;
  }
  main .news .slideBox {
    width: 100%;
  }
  .subWrap .subPage .credit .item {
    height: auto;
    gap: 0 22%;
    padding: 80px;
  }
  .subWrap .subPage .credit .gridBox,
  .subWrap .subPage .credit .gridBox.type5 {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    gap: 60px 0;
  }
  .subWrap .topTitle span {
    font-size: 2.2rem;
  }
  .subWrap .topTitle p {
    font-size: 1.9rem;
  }
  .subWrap .biobank .platform .item {
    padding: 30px;
  }
  .subWrap .biobank .platform .item h5 em {
    font-size: 2.5rem;
  }
  .subWrap .biobank .platform .item ul b {
    font-size: 1.9rem;
  }
  .subWrap .biobank .platform .item ul em {
    font-size: 1.7rem;
  }
  .subWrap .biobank .platform .bottom dl {
    padding: 20px 30px;
  }
  .subWrap .biobank .tree .itemBox {
    gap: 20px 40px;
  }
  .subWrap .biobank .tree .itemBox .item:not(.center) {
    padding: 30px 10px 10px;
  }
  .subWrap .biobank .tree .itemBox .item dl dd p br {
    display: none;
  }
  .subWrap .biobank .tree .itemBox .center::before, .subWrap .biobank .tree .itemBox .center::after {
    width: 40px;
  }
  .subWrap .biobank .tree .itemBox .center::before {
    left: -40px;
  }
  .subWrap .biobank .tree .itemBox .center::after {
    right: -40px;
  }
  .subWrap .biobank .tree .bottom {
    gap: 0 40px;
  }
  .subWrap .biobank .tree .bottom .border {
    height: 100px;
    font-size: 2.6rem;
  }
  .subWrap .biobank .information .item {
    gap: 0 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .subWrap .biobank .information .item br.none {
    display: none;
  }
  .subWrap .biobank .information .reverse {
    padding-left: 0;
  }
  .subWrap .biobank .information .text {
    padding: 0;
  }
  .subWrap .biobank .description table col:first-child {
    width: 24%;
  }
  .subWrap .biobank .description table th {
    font-size: 2.0rem;
  }
  .subWrap .biobank .description table td {
    font-size: 1.8rem;
  }
  .subWrap .biobank .description table td em {
    font-size: 1.3rem;
  }
  .subWrap .biobank .description table thead .top th {
    font-size: 2.2rem;
  }
  .subWrap .biobank .description table thead .top .mark {
    width: calc((76% / 5) * 3);
  }
  .subWrap .biomarkers .example .gradient {
    padding: 30px 20px;
  }
  .subWrap .biomarkers .example ul li {
    gap: 0 20px;
  }
  .subWrap .biomarkers .example ul span {
    width: 80px;
    height: 80px;
    font-size: 2.4rem;
  }
  .subWrap .biomarkers .example ul span em {
    font-size: 3.0rem;
  }
  .subWrap .biomarkers .pipeline table th {
    font-size: 1.8rem;
  }
  .subWrap .biomarkers .pipeline table tbody td {
    font-size: 1.4rem;
  }
  .subWrap .biomarkers .pipeline table tbody td.font18 {
    font-size: 1.7rem;
  }
  .subWrap .discovery .deepct .itemBox .line {
    top: -22%;
    left: -18%;
  }
  .subWrap .response .example .gradient {
    padding: 40px;
  }
  .subWrap .response .example .gradient h6 .arrow {
    right: -8%;
  }
  .subWrap .repurposing .example .item {
    width: calc(50% - 60px);
  }
  .subWrap .overview .core .line {
    padding-left: 0;
  }
  .subWrap .overview .core .item {
    gap: 0 60px;
  }
  .subWrap .overview .core .text {
    margin: 60px 0 0;
  }
  .subWrap .overview .core .text p br {
    display: none;
  }
  .subWrap .history .contents {
    padding-left: 0;
  }
  .subWrap .history .year {
    width: 200px;
  }
  .subWrap .history .year button {
    font-size: 3.4rem;
  }
  .subWrap .history .year .on button {
    font-size: 6.4rem;
  }
  .subWrap .history .list {
    gap: 0 40px;
    padding: 35px 60px;
  }
  .subWrap .certi .itemBox {
    gap: 50px 20px;
  }
  .subWrap .location .infoBox .column dl dt {
    width: 85px;
  }
  .subWrap .press .slideWrap .item .date {
    font-size: 2.6rem;
  }
  .subWrap .press .slideWrap .item dl {
    margin: 35px 0 20px;
  }
  .subWrap .recruit .process .item {
    height: 260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 20px;
  }
  .subWrap .recruit .process .arrow span {
    width: 55px;
  }
  .subWrap .culture .contents .itemBox {
    gap: 20px;
  }
  .subWrap .culture .contents .item {
    width: calc((100% - 40px) / 3);
    height: 420px;
  }
  .subWrap .culture .contents .title,
  .subWrap .culture .contents .text {
    padding: 40px;
  }
}

@media (max-width: 1200px) {
  .font100 {
    font-size: calc(var(--fontsize) * 0.62);
  }
  .font80,
  .font70 {
    font-size: calc(var(--fontsize) * 0.66);
  }
  .font60 {
    font-size: calc(var(--fontsize) * 0.70);
  }
  .font50,
  .font45,
  .font40 {
    font-size: calc(var(--fontsize) * 0.72);
  }
  .font35 {
    font-size: calc(var(--fontsize) * 0.78);
  }
  html,
  body {
    font-size: 56.25%;
  }
  .allMenu .depth1 > li {
    gap: 0 100px;
  }
  .allMenu .depth1 > li > a {
    font-size: 3.0rem;
  }
  .allMenu .depth2 {
    gap: 0 40px;
  }
  .allMenu .depth2 > li > a {
    font-size: 1.8rem;
  }
  .marginTop120 {
    margin-top: 70px;
  }
  main .cocd {
    padding: 0 20px;
  }
  main .cocd svg {
	display: none;
  }
  /* main .cocd .tRight {
    padding-right: 20%;
  }
  main .cocd .tLeft {
    padding-left: 20%;
  } */
  main .cocd .itemBox h6::after {
	content: "";
	display: block;
	background: var(--color-main);
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
  }
  main .cocd .tRight h6::after {
	right: calc(-6% - 3px);
  }
  main .cocd .itemBox dl p br {
    display: none;
  }
  main .cocd .square .top {
    top: -30px;
  }
  main .cocd .square .bottom {
    top: 30px;
  }
  main .biobank .pointEllipse {
    top: 2.3%;
    left: auto;
    right: -44%;
  }
  main .biobank .flexBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main .biobank .textBox,
  main .biobank .itemBox {
    max-width: 100%;
  }
  main .biobank .textBox {
    padding: 0;
  }
  main .biobank .textBox .more {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 40px 0 -40px;
  }
  main .biobank .pointSquare .square1 {
    right: 0;
  }
  main .biobank .pointSquare .square2 {
    top: 26%;
    left: 2%;
  }
  main .biobank .pointSquare .square3 {
    right: 0;
  }
  main .biobank .pointSquare .square4 {
    left: -2%;
    bottom: -4%;
  }
  main .tm .flex {
    gap: 0 20px;
  }
  main .tm .textBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px 0;
  }
  main .tm .itemBox {
    gap: 20px;
  }
  main .tm .item {
    padding: 30px;
  }
  main .tm p {
    margin: 20px 0 40px;
  }
  main .deepct .item,
  main .tlbm .item {
    height: auto;
  }
  main .news .textBox ul {
    gap: 0 40px;
  }
  main .news .textBox ul button {
    font-size: 2.1rem;
  }
  main .news .item .date {
    font-size: 2.6rem;
  }
  main .news .item dl {
    margin: 35px 0 20px;
  }
  main .partners ul {
    width: 120%;
  }
  #sv .flexBox {
    padding: 18% 0 24%;
  }
  .subWrap .subPage .credit {
    margin: 120px 0 60px;
  }
  .subWrap .subPage .credit .item {
    gap: 0 18%;
    padding: 60px;
  }
  .subWrap .gap150 {
    gap: 100px 0;
  }
  .subWrap .biobank .gradient {
    padding: 20px;
  }
  .subWrap .biobank .platform .itemBox {
    gap: 20px;
  }
  .subWrap .biobank .platform .item {
    padding: 30px 20px;
  }
  .subWrap .biobank .platform .item ul li {
    padding: 0 10px;
  }
  .subWrap .biobank .platform .item ul em {
    font-size: 1.6rem;
  }
  .subWrap .biobank .platform .item:not(.bottom) {
    width: calc(50% - 10px);
  }
  .subWrap .biobank .platform .bottom .flexBox {
    gap: 0 20px;
  }
  .subWrap .biobank .platform .bottom .flexBox > * {
    width: calc(50% - 10px);
  }
  .subWrap .biobank .platform .bottom dl {
    padding: 20px;
  }
  .subWrap .biobank .platform .bottom ul li {
    height: 95px;
  }
  .subWrap .biobank .tree .itemBox {
    gap: 10px 20px;
  }
  .subWrap .biobank .tree .itemBox .center::before, .subWrap .biobank .tree .itemBox .center::after {
    width: 20px;
  }
  .subWrap .biobank .tree .itemBox .center::before {
    left: -20px;
  }
  .subWrap .biobank .tree .itemBox .center::after {
    right: -20px;
  }
  .subWrap .biobank .tree .itemBox .center .inner {
    padding: 30px 20px;
  }
  .subWrap .biobank .tree .bottom {
    gap: 0 20px;
  }
  .subWrap .biobank .tree .bottom .border {
    height: 80px;
    font-size: 2.4rem;
  }
  .subWrap .biobank .information .icon {
    width: 20%;
    padding: 10% 0;
  }
  .subWrap .biobank .information .icon img {
    width: 60%;
  }
  .subWrap .biobank .information .text h4 {
    margin: 0 0 30px;
  }
  .subWrap .biobank .description .tableBox {
    overflow-x: scroll;
  }
  .subWrap .biobank .description table {
    width: 1160px;
  }
  .subWrap .biomarkers .tlbm .gradient,
  .subWrap .biomarkers .framework .gradient {
    padding: 40px 20px;
  }
  .subWrap .biomarkers .process em {
    font-size: 2.1rem;
  }
  .subWrap .biomarkers .pipeline .tableBox {
    overflow-x: scroll;
  }
  .subWrap .biomarkers .pipeline table {
    width: 1160px;
  }
  .subWrap .biomarkers .pipeline table tbody td {
    font-size: 1.5rem;
  }
  .subWrap .discovery .framework .gradient {
    padding: 30px 20px;
  }
  .subWrap .discovery .deepct .flexBox > .gradient {
    padding: 60px 20px;
  }
  .subWrap .response .example .gradient {
    padding: 40px 20px;
  }
  .subWrap .repurposing .framework .borderW {
    padding: 40px;
  }
  .subWrap .repurposing .framework .gridBox {
    gap: 0 20px;
  }
  .subWrap .repurposing .example .top {
    width: calc(100% - 20px);
    height: 80px;
    padding: 20px 30px;
  }
  .subWrap .combination .gradient {
    padding: 40px;
  }
  .subWrap .overview .information {
    height: auto;
    margin: 0;
  }
  .subWrap .overview .information .logo.small {
    width: 30%;
    top: 0;
  }
  .subWrap .overview .information .text p br {
    display: none;
  }
  .subWrap .overview .core .item {
    gap: 0 40px;
  }
  .subWrap .overview .core .text .pBox {
    gap: 20px 0;
  }
  .subWrap .history .contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 0;
  }
  .subWrap .history .year {
    width: calc(100vw - 40px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: #050A15;
    padding: 20px 0;
    margin: 0 0 40px;
  }
  .subWrap .history .year.fixed {
    top: 0;
    z-index: 1;
  }
  .subWrap .history .column {
    width: 100%;
    margin: 0;
  }
  .subWrap .history .listBox.on {
    padding-top: 100px;
  }
  .subWrap .certi .itemBox {
    -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
  }
  .subWrap .location .mapBox {
    height: 600px;
  }
  .subWrap .location .infoBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px 0;
  }
  .subWrap .location .infoBox > * {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .subWrap .location .infoBox .icon {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .subWrap .location .infoBox dl {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .subWrap .location .infoBox dl dt {
    width: 120px;
    margin: 0;
  }
  .subWrap .location .infoBox .column dl dt {
    width: 120px;
  }
  .subWrap .recruit .process .itemBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .subWrap .recruit .process .item {
    width: calc((100% - 80px) / 3);
  }
  .subWrap .recruit .process .arrow {
    display: none;
  }
  .subWrap .recruit .join a {
    width: 260px;
    height: 70px;
  }
  .subWrap .culture .contents .icon {
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .subWrap .culture .contents .icon img {
    width: auto;
    height: 100%;
  }
  .subWrap .culture .contents dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px 0;
  }
  footer {
    padding: 60px 0;
  }
  footer .link {
    padding: 0;
  }
}

@media (max-width: 960px) {
  .font100 {
    font-size: calc(var(--fontsize) * 0.54);
  }
  .font80,
  .font70 {
    font-size: calc(var(--fontsize) * 0.58);
  }
  .font60 {
    font-size: calc(var(--fontsize) * 0.62);
  }
  .font50,
  .font45,
  .font40 {
    font-size: calc(var(--fontsize) * 0.64);
  }
  main .visual .textBox {
    margin: auto 0;
  }
  main .visual .scroll {
    width: 80px;
    height: 80px;
    margin: 0 auto;
  }
  main .visual .scroll .arrow {
    width: 14px;
  }
  main .cocd .itemBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px 0;
  }
  main .cocd .itemBox .item {
    width: 100%;
    max-width: 400px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0;
    margin: 0 auto;
  }
  /* main .cocd .itemBox .text::before, main .cocd .itemBox .text::after {
    display: none;
  } */
  main .cocd .itemBox .text h6::after {
    width: 10px;
    height: 10px;
    left: -20px;
    right: auto;
  }
  main .cocd .tRight {
	flex-direction: row-reverse;
    text-align: left;
  }
  main .cocd .square {
    width: 100%;
    max-width: 500px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 0 auto;
  }
  main .cocd .square .absolute {
    width: 100%;
  }
  main .tm .textBox sup {
    font-size: 1.4rem;
    -webkit-transform: translateY(-1em);
            transform: translateY(-1em);
  }
  main .tm .itemBox {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
  main .partners ul {
    width: 150%;
  }
  #sv .flexBox {
    padding: 20% 0 30%;
  }
  .subWrap .subPage .credit .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 60px 0;
    padding: 40px;
  }
  .subWrap .subPage .credit .gridBox,
  .subWrap .subPage .credit .gridBox.type5 {
    gap: 40px 0;
  }
  .subWrap .topTitle span {
    font-size: 2.0rem;
    margin-left: 10px;
  }
  .subWrap .biobank .platform .itemBox {
    gap: 20px 0;
  }
  .subWrap .biobank .platform .item:not(.bottom) {
    width: 100%;
  }
  .subWrap .biobank .platform .bottom .flexBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px 0;
  }
  .subWrap .biobank .platform .bottom .flexBox > * {
    width: 100%;
  }
  .subWrap .biobank .platform .bottom dl dt {
    margin: 0 0 20px;
  }
  .subWrap .biobank .platform .bottom ul li {
    height: 82px;
  }
  .subWrap .biobank .tree .itemBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
  .subWrap .biobank .tree .itemBox .item {
    width: calc(50% - 10px);
  }
  .subWrap .biobank .tree .itemBox .center {
    width: 100%;
    margin: 0 auto;
  }
  .subWrap .biobank .tree .itemBox .center::before, .subWrap .biobank .tree .itemBox .center::after {
    width: 160px;
    height: 20px;
    border-left: 1px dashed var(--color-sub);
    border-right: 1px dashed var(--color-sub);
    border-top: none;
    border-bottom: none;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .subWrap .biobank .tree .itemBox .center::before {
    top: -20px;
  }
  .subWrap .biobank .tree .itemBox .center::after {
    top: auto;
    bottom: -20px;
  }
  .subWrap .biobank .tree .bottom {
    -ms-grid-columns: (minmax(auto, 400px))[1];
        grid-template-columns: repeat(1, minmax(auto, 400px));
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 30px 0;
  }
  .subWrap .biobank .information .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 30px 0;
  }
  .subWrap .biobank .information .icon {
    width: 34%;
    padding: 17% 0;
  }
  .subWrap .biobank .description table th, .subWrap .biobank .description table td {
    height: 85px;
  }
  .subWrap .biomarkers .framework .flexBox,
  .subWrap .biomarkers .example .flexBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px 0;
  }
  .subWrap .biomarkers .framework .flexBox > *,
  .subWrap .biomarkers .example .flexBox > * {
    width: 100%;
  }
  .subWrap .biomarkers .framework .itemBox > p {
    margin: 40px 0 0;
  }
  .subWrap .biomarkers .process ul::before {
    height: calc(100% - 60px);
  }
  .subWrap .biomarkers .process ul li {
    height: 60px;
  }
  .subWrap .biomarkers .process em {
    font-size: 1.9rem;
  }
  .subWrap .discovery .framework .flexBox,
  .subWrap .discovery .deepct .flexBox {
    gap: 0 10px;
  }
  .subWrap .discovery .deepct .flexBox > .gradient {
    padding: 50px 20px;
  }
  .subWrap .discovery .deepct .itemBox .line {
    top: -27%;
    left: -15%;
  }
  .subWrap .response .example .gridBox {
    gap: 0 10px;
  }
  .subWrap .response .example .gradient {
    padding: 30px 10px;
  }
  .subWrap .response .example .gradient:first-child {
    position: relative;
    z-index: 1;
  }
  .subWrap .response .example .gradient h6 {
    height: 55px;
    font-size: 2.0rem;
  }
  .subWrap .response .example .gradient dl dt {
    font-size: 1.9rem;
    margin: 0 0 10px;
  }
  .subWrap .repurposing .framework .borderW {
    padding: 30px 20px;
  }
  .subWrap .repurposing .example .top {
    width: 100%;
    padding: 20px;
  }
  .subWrap .repurposing .example .item {
    width: calc(50% - 10px);
  }
  .subWrap .repurposing .example .item3 {
    -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
            order: inherit;
  }
  .subWrap .repurposing .example .arrow {
    display: none;
  }
  .subWrap .combination .borderW {
    padding: 20px;
  }
  .subWrap .combination .item ul li {
    padding: 30px 10px;
  }
  .subWrap .overview .core .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px 0;
  }
  .subWrap .overview .core .item figure {
    width: 46%;
    padding: 27.705% 0;
  }
  .subWrap .overview .core .item h5 {
    margin: 0 0 15px;
  }
  .subWrap .overview .core .text {
    margin: 30px 0 0;
  }
  .subWrap .history .year button {
    font-size: 2.8rem;
  }
  .subWrap .history .year .on button {
    font-size: 5.4rem;
  }
  .subWrap .history .listBox.on {
    padding-top: 90px;
  }
  .subWrap .history .list {
    gap: 0 30px;
    padding: 35px 20px;
  }
  .subWrap .certi .itemBox {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
  .subWrap .location .mapBox {
    height: 480px;
  }
  .subWrap .recruit .join {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px 0;
  }
  .subWrap .culture .topText p br {
    display: none;
  }
  .subWrap .culture .contents .itemBox {
    gap: 20px;
  }
  .subWrap .culture .contents .item {
    width: calc(50% - 10px);
  }
  footer .topButton {
    top: 60px;
    bottom: auto;
  }
  footer .logo {
    width: 280px;
    height: 41px;
  }
  footer .contact {
    gap: 15px 20px;
    margin: 60px 0 35px;
  }
  footer .link {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 30px 0 0;
  }
}

@media (max-width: 768px) {
  .font100 {
    font-size: calc(var(--fontsize) * 0.46);
  }
  .font80,
  .font70 {
    font-size: calc(var(--fontsize) * 0.50);
  }
  .font60 {
    font-size: calc(var(--fontsize) * 0.58);
  }
  .font50,
  .font45,
  .font40 {
    font-size: calc(var(--fontsize) * 0.62);
  }
  .font35 {
    font-size: calc(var(--fontsize) * 0.70);
  }
  header {
    height: 80px;
  }
  header .logo {
    width: 180px;
    height: 27px;
  }
  header .language {
    margin: 0 20px 0 auto;
  }
  .allMenu .depth1 > li {
    gap: 0 60px;
  }
  .allMenu .depth1 > li > a {
    font-size: 2.4rem;
  }
  .allMenu .depth2 {
    gap: 0 30px;
  }
  .allMenu .depth2 > li > a {
    font-size: 1.6rem;
  }
  .paddingBox {
    padding: 70px 0;
  }
  .paddingBox.topX {
    padding: 0 0 70px;
  }
  .paddingBox.bottomX {
    padding: 70px 0 0;
  }
  main p {
    font-size: 1.6rem;
  }
  main .visual h2 {
    padding: 20px 0;
  }
  main .cocd .itemBox h6 {
	margin: 0 0 20px;
  }
  main .cocd .itemBox .column {
	gap: 30px 0;
  }
  main .cocd .textBox::after {
    width: 100%;
    padding: 8% 0;
    margin: -3.5em auto 0;
  }
  main .cocd .textBox p br {
    display: none;
  }
  main .biobank .textBox .more {
    margin: 40px 0 0;
  }
  main .biobank .itemBox {
    gap: 20px;
  }
  main .biobank .item span {
    font-size: 3.2rem;
  }
  main .biobank .item1,
  main .biobank .item4 {
    height: 260px;
  }
  main .biobank .item2 {
    height: 240px;
  }
  main .biobank .item3 {
    height: 300px;
  }
  main .biobank .icon {
    height: 80px;
  }
  main .biobank .icon img {
    width: auto;
    height: 100%;
  }
  main .partners ul {
    width: 180%;
  }
  #sv .pathBox .path2 ul {
	padding: 5px 15px;
  }
  #sv .pathBox .path2 ul a {
	padding: 10px 0;
  }
  #sv .pathBox .path a {
	font-size: 1.8rem;
  }
  #sv .svText {
    font-size: 2.5rem;
  }
  #sv .svText b {
    font-size: 2.7rem;
  }
  .subWrap .subPage .credit dl dt {
    font-size: 2.0rem;
  }
  .subWrap .subPage .credit dl dd {
    font-size: 1.7rem;
  }
  .subWrap .topTitle .flexBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px 0;
  }
  .subWrap .popup button {
    width: 50px;
    height: 50px;
  }
  .subWrap .popup button i {
    font-size: 2.2rem;
  }
  .subWrap .biobank .platform .item h5 em {
    font-size: 2.0rem;
  }
  .subWrap .biobank .information .text dl dt em {
    display: block;
    margin: 5px 0 0;
  }
  .subWrap .biomarkers .tlbm .flexBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px 0;
  }
  .subWrap .biomarkers .tlbm .flexBox > * {
    width: 100%;
  }
  .subWrap .biomarkers .process .flexBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px 0;
  }
  .subWrap .biomarkers .process .circleBox {
    width: 100%;
  }
  .subWrap .biomarkers .process .circle .arrowX {
    width: 1px;
    height: 30px;
    top: auto;
    right: 50%;
    bottom: -30px;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  .subWrap .biomarkers .process ul {
    width: 100%;
    gap: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .subWrap .biomarkers .process ul li {
    width: calc(50% - 10px);
  }
  .subWrap .biomarkers .process ul span {
    display: none;
  }
  .subWrap .discovery .framework .flexBox,
  .subWrap .discovery .deepct .flexBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px 0;
  }
  .subWrap .discovery .deepct .flexBox > .gradient {
    padding: 30px 20px;
  }
  .subWrap .discovery .deepct .itemBox {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 20px 0;
    text-align: center;
  }
  .subWrap .discovery .deepct .itemBox .gradient {
    padding: 30px 20px;
  }
  .subWrap .discovery .deepct .itemBox .margin .y {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .subWrap .discovery .deepct .itemBox .line {
    width: 20.5%;
    top: -29%;
    left: 17.5%;
  }
  .subWrap .response .example .gridBox {
    -ms-grid-columns: (auto)[1];
        grid-template-columns: repeat(1, auto);
    gap: 20px 0;
  }
  .subWrap .response .example .gradient {
    padding: 30px 20px;
  }
  .subWrap .response .example .gradient h6 {
    position: initial;
  }
  .subWrap .response .example .gradient h6 .arrow {
    width: 46px;
    height: 35px;
    top: auto;
    left: 50%;
    right: auto;
    bottom: -15%;
    -webkit-transform: rotate(90deg) translateX(-50%);
            transform: rotate(90deg) translateX(-50%);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  .subWrap .repurposing .framework ol {
    padding-left: 1.8rem;
  }
  .subWrap .repurposing .framework ol li {
    font-size: 1.8rem;
  }
  .subWrap .repurposing .example .top {
    max-width: 430px;
    height: auto;
  }
  .subWrap .repurposing .example .item {
    width: 100%;
  }
  .subWrap .repurposing .example .item figure {
    height: auto;
  }
  .subWrap .combination .gradient {
    padding: 30px 20px;
  }
  .subWrap .combination .gridBox {
    -ms-grid-columns: (auto)[1];
        grid-template-columns: repeat(1, auto);
    gap: 40px 0;
  }
  .subWrap .overview .information .text .pBox {
    gap: 20px 0;
    margin: 40px 0 0;
  }
  .subWrap .history .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px 0;
    padding: 30px 20px;
  }
  .subWrap .history .list * {
    font-size: 2.0rem;
  }
  .subWrap .certi .popup .inner {
    width: 400px;
  }
  .subWrap .recruit .process .itemBox {
    gap: 20px;
  }
  .subWrap .recruit .process .item {
    width: calc((100% - 40px) / 3);
  }
  .subWrap .culture .topText h3 {
    margin: 0 0 40px;
  }
  .subWrap .culture .contents .item {
    height: 340px;
  }
  .subWrap .culture .contents .text {
    gap: 20px 0;
  }
  .subWrap .culture .contents .text p {
    font-size: 1.9rem;
  }
  footer .logo {
    width: 220px;
    height: 32px;
  }
}

@media (max-width: 640px) {
  .font100 {
    font-size: calc(var(--fontsize) * 0.36);
  }
  .font80,
  .font70 {
    font-size: calc(var(--fontsize) * 0.42);
  }
  .font60 {
    font-size: calc(var(--fontsize) * 0.44);
  }
  .font50,
  .font45,
  .font40 {
    font-size: calc(var(--fontsize) * 0.52);
  }
  .font35 {
    font-size: calc(var(--fontsize) * 0.60);
  }
  .allMenu .depth1 > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0;
  }
  .allMenu .depth2 {
    height: 0;
    overflow: hidden;
  }
  .allMenu .depth2.on {
    height: auto;
    margin: 15px 0 0;
  }
  .marginTop120 {
    margin-top: 50px;
  }
  main .cocd .itemBox .text {
    padding: 0 20px;
  }
  main .cocd .textBox > span {
    font-size: 1.5rem;
    margin: 15px 0 20px;
  }
  main .cocd .textBox p {
    font-size: 1.6rem;
  }
  main .biobank .itemBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px 0;
  }
  main .biobank .textBox p {
    font-size: 1.6rem;
  }
  main .biobank .textBox .more {
    margin: 40px 0 30px;
  }
  main .biobank .item span {
    font-size: 2.8rem;
  }
  main .biobank .item1 {
    width: calc(100% - 68px);
    height: 220px;
    margin: 0 0 0 auto;
  }
  main .biobank .item2 {
    width: 200px;
    height: 200px;
    margin: 0 0 0 10px;
  }
  main .biobank .item3 {
    width: 80%;
    height: 230px;
    margin: 0 0 0 15%;
  }
  main .biobank .item4 {
    width: 75%;
    height: 210px;
    margin: 0 0 0 5%;
  }
  main .biobank .icon {
    height: 60px;
  }
  main .tm .textBox dl dt {
    font-size: 1.8rem;
    margin: 0 0 15px;
  }
  main .tm .textBox dl dd {
    font-size: 1.6rem;
  }
  main .tm .item {
    padding: 20px;
  }
  main .deepct .target .icon {
    width: 120px;
  }
  main .deepct .drug .icon {
    gap: 0 10px;
  }
  main .deepct .drug .icon div {
    text-align: center;
  }
  main .deepct .drug .icon div img {
    max-width: 80%;
  }
  main .news .textBox ul {
    gap: 0 20px;
  }
  main .news .textBox ul button {
    font-size: 1.7rem;
  }
  main .news .textBox ul button::after {
    bottom: -2px;
  }
  main .news .item dl dd {
    font-size: 1.9rem;
  }
  main .partners ul {
    width: 240%;
  }
  main .partners ul li {
    padding: 0 30px;
  }
  #sv .flexBox {
    padding: 120px 0 140px;
  }
  #sv .svText {
    font-size: 2.0rem;
  }
  #sv .svText b {
    font-size: 2.2rem;
  }
  #sv .pathBox {
    display: none;
  }
  .topTitle h3 b.block {
	  display: block;
  }
  .subWrap .subPage .credit .item {
    gap: 50px 0;
  }
  .subWrap .subPage .credit .gridBox,
  .subWrap .subPage .credit .gridBox.type5 {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    gap: 30px 0;
  }
  .subWrap .subPage .credit dl dt {
    font-size: 1.9rem;
  }
  .subWrap .subPage .credit dl dd {
    font-size: 1.6rem;
  }
  .subWrap .topTitle {
    margin: 0 0 40px;
  }
  .subWrap .topTitle > p {
    font-size: 1.7rem;
    margin: 20px 0 0;
  }
  .subWrap .topTitle ol.number {
    padding-left: 1.6rem;
  }
  .subWrap .topTitle ol li {
    font-size: 1.6rem;
  }
  .subWrap .popup .flexBox {
    width: 100%;
    max-width: calc(100% - 40px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 10px 0;
  }
  .subWrap .popup button {
    margin: 0 0 0 auto;
  }
  .subWrap .biobank .platform h4 {
    margin: 10px 0 30px;
  }
  .subWrap .biobank .platform .item h5 em {
    display: block;
    font-size: 1.8rem;
    text-align: left;
  }
  .subWrap .biobank .platform .item ul li {
    height: auto;
    padding: 15px 10px;
  }
  .subWrap .biobank .platform .item ul b {
    font-size: 1.7rem;
  }
  .subWrap .biobank .platform .item ul em {
    font-size: 1.5rem;
  }
  .subWrap .biobank .tree .itemBox .item:not(.center) {
    width: 100%;
  }
  .subWrap .biobank .information {
    margin: 70px 0;
  }
  .subWrap .biobank .information .text dl dt,
  .subWrap .biobank .information .text dl dt em {
    line-height: 1.3;
  }
  .subWrap .biobank .information .text dl dt {
    font-size: 2.0rem;
  }
  .subWrap .biomarkers .framework .case ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px 0;
  }
  .subWrap .biomarkers .example ul li {
    gap: 0 10px;
  }
  .subWrap .biomarkers .example ul span {
    width: 60px;
    height: 60px;
    font-size: 2.0rem;
  }
  .subWrap .biomarkers .example ul span em {
    font-size: 2.4rem;
  }
  .subWrap .biomarkers .example dl dt {
    font-size: 2.1rem;
  }
  .subWrap .biomarkers .example dl dd {
    font-size: 1.6rem;
  }
  .subWrap .biomarkers .example dl dd b {
    font-size: 1.8rem;
  }
  .subWrap .biomarkers .example table thead th,
  .subWrap .biomarkers .example table thead td {
    font-size: 1.5rem;
  }
  .subWrap .biomarkers .example table thead span {
    font-size: 1.6rem;
  }
  .subWrap .biomarkers .process .flexBox {
    gap: 15px 0;
  }
  .subWrap .biomarkers .process em {
    font-size: 1.8rem;
  }
  .subWrap .biomarkers .process .circle {
    width: 22%;
    padding: 11% 0;
  }
  .subWrap .biomarkers .process .circle span {
    width: 12%;
    right: -12%;
  }
  .subWrap .biomarkers .process .circle .arrowX {
    height: 15px;
    bottom: -15px;
  }
  .subWrap .biomarkers .process ul {
    gap: 10px;
  }
  .subWrap .biomarkers .process ul li {
    width: calc(50% - 5px);
    height: 55px;
  }
  .subWrap .discovery .deepct .itemBox .line {
    width: 26%;
    top: -37%;
    left: 17%;
  }
  .subWrap .response .example .gradient h6 {
    font-size: 1.8rem;
  }
  .subWrap .response .example .gradient .img {
    margin: 10px 0 30px;
  }
  .subWrap .repurposing .framework ol {
    padding-left: 1.6rem;
  }
  .subWrap .repurposing .framework ol li {
    font-size: 1.6rem;
  }
  .subWrap .repurposing .framework .gridBox {
    -ms-grid-columns: (auto)[1];
        grid-template-columns: repeat(1, auto);
    gap: 30px 0;
  }
  .subWrap .repurposing .example .top {
    max-width: 94%;
  }
  .subWrap .combination .borderW {
    padding: 15px;
  }
  .subWrap .combination .item ul {
    gap: 0 10px;
  }
  .subWrap .combination .item ul h6 {
    font-size: 1.7rem;
    white-space: normal;
    margin: 0 0 20px;
  }
  .subWrap .combination .item ul p {
    height: 30px;
    font-size: 1.5rem;
  }
  .subWrap .combination .arrow p {
    font-size: 1.7rem;
  }
  .subWrap .overview .information .logo.small {
    width: 55%;
  }
  .subWrap .overview .information .text .pBox {
    margin: 20px 0 0;
  }
  .subWrap .overview .information .text .pBox p {
    font-size: 1.7rem;
  }
  .subWrap .overview .core .item figure {
    width: 80%;
    padding: 48.185% 0;
  }
  .subWrap .overview .core .text h6 {
    font-size: 1.8rem;
  }
  .subWrap .history .year {
    display: none;
  }
  .subWrap .history h6 {
    display: block;
    font-size: 3.0rem;
    font-weight: 700;
    margin: 0 0 20px 20px;
  }
  .subWrap .history .listBox {
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  .subWrap .history .list {
    padding: 20px;
  }
  .subWrap .certi .itemBox {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
  }
  .subWrap .certi .item .text {
    margin: 15px 0 0;
  }
  .subWrap .certi .popup .inner {
    width: 100%;
  }
  .subWrap .certi .popup .text {
    gap: 0 10px;
    margin: 0 0 15px;
  }
  .subWrap .certi .popup em {
    width: 25px;
    height: 25px;
  }
  .subWrap .location .mapBox {
    height: 320px;
  }
  .subWrap .location .infoBox .item {
    gap: 0 10px;
  }
  .subWrap .location .infoBox .icon {
    width: 22px;
    height: auto;
  }
  .subWrap .location .infoBox dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px 0;
  }
  .subWrap .location .infoBox dl dt {
    font-size: 2.0rem;
  }
  .subWrap .location .infoBox dl dd {
    font-size: 1.8rem;
  }
  .subWrap .location .infoBox .column dl dt {
    width: 70px;
  }
  .subWrap .press .slideWrap .item dl dd {
    font-size: 1.9rem;
  }
  .subWrap .recruit .process .item {
    width: calc(50% - 10px);
    height: auto;
    padding: 40px 20px;
  }
  .subWrap .recruit .process .icon {
    height: 60px;
  }
  .subWrap .recruit .process .text {
    margin: 30px 0 0;
  }
  .subWrap .recruit .process .text p {
    font-size: 2.4rem;
  }
  .subWrap .recruit .join .flexBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px 0;
    text-align: center;
  }
  .subWrap .culture .topText p {
    font-size: 1.8rem;
  }
  .subWrap .culture .contents .itemBox {
    gap: 30px 0;
    margin: 40px 0 0;
  }
  .subWrap .culture .contents .item {
    width: 100%;
    height: auto;
  }
  .subWrap .culture .contents .icon {
    height: 60px;
  }
  .subWrap .culture .contents dl {
    margin: 60px 0 0;
  }
  footer .contact li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px 0;
  }
  footer .link a {
    font-size: 1.7rem;
  }
}