@charset "UTF-8";
body {
  font-family: "Noto Sans JP", sans-serif;
  max-width: 100%;
  overflow-x: hidden;
  font-weight: 400;
  background: #ffffff;
}

body.navOn {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

body * {
  letter-spacing: 0.04em;
  line-height: 140%;
}

#mainContent {
  max-width: 100%;
  overflow-x: hidden;
}

a {
  color: #000000;
}
.commonWidth {
  margin: 0 auto;
}

.inWidth {
  margin: 0 auto;
}

.noLink {
  opacity: 0.5;
  pointer-events: none;
  cursor: inherit;
}

.fontBar {
  font-family: "Open Sans", sans-serif;
}

@media only screen and (max-width: 767px) {
  .commonWidth {
    width: min(92vw, 390px);
  }
  .commonWidthSp {
    width: min(92vw, 390px);
    margin: 0 auto;
  }
  .contentArea {
    padding-top: 62px;
    padding-bottom: 60px;
  }
}
@media print, screen and (min-width: 768px) {
  .commonWidth {
    width: min(92vw, 1200px);
  }
  .commonWidthPc {
    width: min(92vw, 1200px);
    margin: 0 auto;
  }
  .contentArea {
    padding-top: 95px;
    min-height: calc(100vh - 95px - 100px);
    padding-bottom: 120px;
  }
}
.commonBtn {
  border: solid 1px #000000;
  border-radius: 100px;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background: #ffffff;
  transition: filter 0.5s;
}
.commonBtn .text {
  font-size: 18px;
  font-weight: bold;
}
.commonBtn .icon {
  background: url(../images/arrow_circle_black.svg) center center no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}
.commonBtn:hover {
  filter: invert(1);
}

.secHeader {
  position: fixed;
  z-index: 20;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.secHeader .secHeaderIn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menuBtnWrap {
  position: fixed;
  z-index: 200;
  display: flex;
  align-items: center;
}
.menuBtnWrap .menuBtn {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  position: relative;
  background: #000000;
}
.menuBtnWrap .menuBtn .menuText {
  position: absolute;
  font-size: 8px;
  color: #ffffff;
  left: 0;
  width: 100%;
  text-align: center;
  top: 54%;
  pointer-events: none;
}

@media only screen and (max-width: 1079px) {
  .secHeader {
    height: 62px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .secHeader .secHeaderIn {
    padding: 0 10px;
  }
  .secHeader .secHeaderIn .headerLogo {
    width: min(80%, 292px);
  }
  .secHeader .secHeaderIn .headerLink {
    display: none;
  }
  .menuBtnWrap {
    right: 8px;
    top: 10px;
  }
}
@media print, screen and (min-width: 1080px) {
  .secHeader {
    height: 95px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .secHeader .secHeaderIn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 clamp(20px, 2.22vw, 32px);
  }
  .secHeader .secHeaderIn .headerLogo {
    width: min(35%, 456px);
  }
  .secHeader .secHeaderIn .headerLink {
    display: flex;
    -moz-column-gap: min(1.8vw, 32px);
         column-gap: min(1.8vw, 32px);
  }
  .secHeader .secHeaderIn .headerLink .linkList {
    position: relative;
    font-size: clamp(14px, 1.17vw, 15px);
  }
  .secHeader .secHeaderIn .headerLink .linkList .link {
    padding: 8px 0;
    display: block;
    background: url(../images/header_link_arrow.svg) center bottom no-repeat;
    transition: background-size 0.5s;
    background-size: 0px;
  }
  .secHeader .secHeaderIn .headerLink .linkList .link.on {
    background-size: 14px;
  }
  .secHeader .secHeaderIn .headerLink .linkList .linkChildBox {
    position: absolute;
    z-index: 30;
    width: -moz-max-content;
    width: max-content;
    overflow: hidden;
    transition: max-height 0.5s, opacity 0.5s, top 0.5s;
    max-height: 0px;
    opacity: 0;
    top: 200%;
  }
  .secHeader .secHeaderIn .headerLink .linkList .linkChildBox.left {
    left: -14px;
  }
  .secHeader .secHeaderIn .headerLink .linkList .linkChildBox.right {
    right: -6px;
  }
  .secHeader .secHeaderIn .headerLink .linkList .linkChildBox.on {
    max-height: 300px;
    opacity: 1;
    top: 100%;
  }
  .secHeader .secHeaderIn .headerLink .linkList .linkChildBox .linkChildBoxIn {
    position: relative;
    background: #E9EFF7;
    padding: 4px 10px 4px 14px;
    border-radius: 5px;
  }
  .secHeader .secHeaderIn .headerLink .linkList .linkChildBox .childLink {
    display: block;
    color: #000000;
    font-weight: 500;
    padding: 10px 33px 10px 0;
    background: url(../images/arrow_circle_gray.svg) right center no-repeat;
    background-size: 20px;
  }
  .menuBtnWrap {
    display: none;
  }
}
#menuButton {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#menuButton span {
  display: inline-block;
  transition: transform 0.4s;
  box-sizing: border-box;
  position: absolute;
  left: 9px;
  width: 24px;
  height: 1px;
  background-color: #ffffff;
}
#menuButton span:nth-of-type(1) {
  top: 28%;
}
#menuButton span:nth-of-type(2) {
  top: 46%;
}

body.navOn .menuBtnWrap .menuBtn #menuButton span:nth-of-type(1) {
  transform: translateY(9px) rotate(-45deg);
}
body.navOn .menuBtnWrap .menuBtn #menuButton span:nth-of-type(2) {
  transform: translateY(1px) rotate(45deg);
}
body.navOn .menuBtnWrap .menuBtn .menuText {
  display: none;
}

.globalNavWrap {
  pointer-events: none;
}
.globalNavWrap .globalNav {
  background: #E9EFF7;
}
.globalNavWrap .globalNav .globalNavInner {
  position: relative;
}
.globalNavWrap .globalNav .globalNavInner .naviListArea .naviList .naviLink {
  font-weight: 500;
}
.globalNavWrap .globalNav .globalNavInner .telListWrap .telList .place {
  text-align: center;
  font-weight: 500;
}
.globalNavWrap .globalNav .globalNavInner .telListWrap .telList .telBtn {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  background: url(../images/icon_tel.svg) 10px 45% no-repeat;
  background-size: 16px;
}
.globalNavWrap .globalNav .globalNavInner .telListWrap .telList.pink .place {
  color: #F89F9F;
}
.globalNavWrap .globalNav .globalNavInner .telListWrap .telList.pink .telBtn {
  background-color: #F89F9F;
}
.globalNavWrap .globalNav .globalNavInner .telListWrap .telList.blue .place {
  color: #9FB8F8;
}
.globalNavWrap .globalNav .globalNavInner .telListWrap .telList.blue .telBtn {
  background-color: #9FB8F8;
}
.globalNavWrap .globalNav .globalNavInner .contactListWrap .btnContact {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #D90000;
  border-radius: 100px;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.globalNavWrap .globalNav .globalNavInner .contactListWrap .btnContact .text {
  color: #ffffff;
}

@media only screen and (max-width: 1079px) {
  .globalNavWrap .globalNav .navLogo {
    height: 62px;
    display: flex;
    align-items: center;
    width: min(80%, 292px);
    margin: 0 10px;
  }
  .globalNavWrap .globalNav .globalNavInner .naviListArea {
    padding: 26px 0 42px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    row-gap: 18px;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
  .globalNavWrap .globalNav .globalNavInner .naviListArea .naviList {
    font-size: clamp(14px, 3.85vw, 15px);
  }
  .globalNavWrap .globalNav .globalNavInner .telListWrap {
    display: flex;
    justify-content: center;
    -moz-column-gap: 6px;
         column-gap: 6px;
    padding: 0 0 8px 0;
  }
  .globalNavWrap .globalNav .globalNavInner .telListWrap .telList {
    width: min(47%, 183px);
  }
  .globalNavWrap .globalNav .globalNavInner .telListWrap .telList .place {
    font-size: clamp(14px, 4.1vw, 16px);
    padding: 0 0 4px 0;
  }
  .globalNavWrap .globalNav .globalNavInner .telListWrap .telList .telBtn {
    padding: 5px 0;
    font-size: clamp(12px, 4.1vw, 16px);
  }
  .globalNavWrap .globalNav .globalNavInner .contactListWrap {
    display: flex;
    justify-content: center;
    -moz-column-gap: 6px;
         column-gap: 6px;
    padding: 0 0 26px 0;
  }
  .globalNavWrap .globalNav .globalNavInner .contactListWrap .btnContact {
    width: min(47%, 183px);
    padding: 5px 0;
  }
  .globalNavWrap .globalNav .globalNavInner .contactListWrap .btnContact .text {
    font-size: clamp(10px, 3.59vw, 14px);
  }
}
body.navOn .globalNavWrap {
  pointer-events: all;
}
body.navOn .globalNavWrap .globalNav {
  width: min(100vw, 420px);
}

.secBottomContact {
  margin: 0 auto;
}
.secBottomContact .contactBox {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 720/370;
  border: solid 5px #ffffff;
  border-radius: 20px;
  overflow: hidden;
}
.secBottomContact .contactBox .bgImg {
  position: absolute;
  z-index: 0;
}
.secBottomContact .contactBox .linkText {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../../shared/images/arrow_circle_white.svg) right center no-repeat;
}
.secBottomContact .contactBox .linkText .text {
  color: #ffffff;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .secBottomContact {
    width: min(100%, 390px);
    padding: 0 1px 82px;
  }
  .secBottomContact .contactBox {
    border-width: 2px;
  }
  .secBottomContact .contactBox .linkText {
    padding-right: 52px;
    background-size: 20px;
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
  .secBottomContact .contactBox .linkText .text {
    font-size: clamp(14px, 5.13vw, 20px);
  }
}
@media print, screen and (min-width: 768px) {
  .secBottomContact {
    display: flex;
    width: min(100%, 1440px);
    padding: 0 0 120px;
  }
  .secBottomContact .contactBox {
    width: 50%;
  }
  .secBottomContact .contactBox .linkText {
    padding-right: min(7.2%, 52px);
    background-size: 20px;
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
  .secBottomContact .contactBox .linkText .text {
    font-size: 24px;
  }
}
.secFooter {
  background: #E9EFF7;
  margin-bottom: 80px;
}
.secFooter .secFooterIn {
  margin: 0 auto;
}
.secFooter .secFooterIn .infoCol .placeListWrap {
  display: flex;
  justify-content: space-between;
}
.secFooter .secFooterIn .infoCol .placeListWrap .placeList .place {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 5px;
  color: #ffffff;
}
.secFooter .secFooterIn .infoCol .placeListWrap .placeList .place.pink {
  background: #F89F9F;
}
.secFooter .secFooterIn .infoCol .placeListWrap .placeList .place.blue {
  background: #9FB8F8;
}
.secFooter .secFooterIn .infoCol .placeListWrap .placeList .tel {
  font-family: "Open Sans", sans-serif;
}
.secFooter .secFooterIn .infoCol .placeListWrap .placeList .address {
  font-weight: 500;
}
.secFooter .secFooterIn .linkCol .linkGroupWrap .linkGroup {
  display: flex;
  flex-direction: column;
}
.secFooter .secFooterIn .linkCol .linkGroupWrap .linkGroup .groupTop {
  color: #004097;
  font-weight: bold;
  background: url(../images/footer_link_icon.svg) left center no-repeat;
  padding-left: 16px;
}
.secFooter .secFooterIn .linkCol .linkGroupWrap .linkGroup .link {
  font-weight: 500;
}
.secFooter .secFooterIn .linkCol .linkGroupWrap .linkGroup .link.child {
  color: #6E6E6E;
}
.secFooter .copyright {
  margin: 0 auto;
  border-top: solid 1px #9C9C9C;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .secFooter {
    border-radius: 40px 40px 0 0;
    padding: 60px 0 22px 0;
  }
  .secFooter .secFooterIn {
    width: min(92vw, 390px);
    padding: 0 0 64px 0;
  }
  .secFooter .secFooterIn .infoCol .logo {
    margin: 0 auto 64px;
    width: min(100%, 250px);
  }
  .secFooter .secFooterIn .infoCol .placeListWrap {
    row-gap: 32px;
    flex-direction: column;
    align-items: center;
  }
  .secFooter .secFooterIn .infoCol .placeListWrap .placeList {
    width: -moz-fit-content;
    width: fit-content;
  }
  .secFooter .secFooterIn .infoCol .placeListWrap .placeList .place {
    font-size: clamp(14px, 4.1vw, 16px);
    padding: 2px 4px;
  }
  .secFooter .secFooterIn .infoCol .placeListWrap .placeList .tel {
    font-size: clamp(14px, 6.15vw, 24px);
    padding: 6px 0 2px 0;
  }
  .secFooter .secFooterIn .infoCol .placeListWrap .placeList .address {
    font-size: clamp(14px, 3.85vw, 15px);
  }
  .secFooter .secFooterIn .linkCol {
    display: none;
  }
  .copyright {
    width: min(92vw, 390px);
    padding: 12px 0 0 0;
  }
}
@media print, screen and (min-width: 768px) {
  .secFooter {
    border-radius: 40px 40px 0 0;
    padding: 80px 0 22px 0;
  }
  .secFooter .secFooterIn {
    width: min(96%, 1280px);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 0 82px 0;
  }
  .secFooter .secFooterIn .infoCol {
    width: min(42%, 510px);
  }
  .secFooter .secFooterIn .infoCol .logo {
    margin: 0 0 56px 0;
  }
  .secFooter .secFooterIn .infoCol .placeListWrap {
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 20px;
    flex-wrap: wrap;
  }
  .secFooter .secFooterIn .infoCol .placeListWrap .placeList {
    width: -moz-fit-content;
    width: fit-content;
  }
  .secFooter .secFooterIn .infoCol .placeListWrap .placeList .place {
    font-size: clamp(14px, 1.25vw, 16px);
    padding: 2px 4px;
  }
  .secFooter .secFooterIn .infoCol .placeListWrap .placeList .tel {
    font-size: 24px;
  }
  .secFooter .secFooterIn .infoCol .placeListWrap .placeList .address {
    font-size: clamp(14px, 1.17vw, 15px);
  }
  .secFooter .secFooterIn .linkCol {
    width: min(52.3%, 670px);
  }
  .secFooter .secFooterIn .linkCol .linkGroupWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -moz-column-gap: min(6.56%, 44px);
         column-gap: min(6.56%, 44px);
    row-gap: 32px;
  }
  .secFooter .secFooterIn .linkCol .linkGroupWrap .linkGroup {
    width: -moz-fit-content;
    width: fit-content;
    flex-grow: 1;
  }
  .secFooter .secFooterIn .linkCol .linkGroupWrap .linkGroup .groupTop {
    font-size: clamp(14px, 1.17vw, 15px);
    margin-bottom: 16px;
  }
  .secFooter .secFooterIn .linkCol .linkGroupWrap .linkGroup .link {
    font-size: 14px;
    margin-bottom: 16px;
  }
  .secFooter .secFooterIn .linkCol .linkGroupWrap .linkGroup .link.child {
    margin-left: 10px;
    margin-bottom: 8px;
  }
  .copyright {
    padding: 12px 0 0 0;
  }
}
.footerFollow {
  position: fixed;
  width: 100%;
  height: 80px;
  left: 0;
  bottom: 0;
  background: #E9EFF7;
  z-index: 60;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.footerFollow .footerFollowIn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footerFollow .footerFollowIn .telBox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footerFollow .footerFollowIn .telBox .telHead {
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footerFollow .footerFollowIn .telBox .telHead.pink {
  background: #F89F9F;
}
.footerFollow .footerFollowIn .telBox .telHead.blue {
  background: #9FB8F8;
}
.footerFollow .footerFollowIn .telBox .telHead .text {
  color: #ffffff;
  font-weight: 500;
}
.footerFollow .footerFollowIn .telBox .telNum {
  font-family: "Open Sans", sans-serif;
}
.footerFollow .footerFollowIn .btnContact {
  background: #D90000;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footerFollow .footerFollowIn .btnContact .text {
  color: #ffffff;
  font-weight: 500;
}

@media only screen and (max-width: 1079px) {
  .footerFollow .footerFollowIn {
    -moz-column-gap: 6px;
         column-gap: 6px;
  }
  .footerFollow .footerFollowIn .telBox {
    display: none;
  }
  .footerFollow .footerFollowIn .btnContact {
    width: min(47%, 183px);
    padding: 5px 0;
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
  .footerFollow .footerFollowIn .btnContact .text {
    font-size: clamp(10px, 3.59vw, 14px);
  }
}
@media print, screen and (min-width: 1080px) {
  .footerFollow .footerFollowIn {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .footerFollow .footerFollowIn .telBox {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
  .footerFollow .footerFollowIn .telBox .telHead {
    padding: 2px 6px 4px;
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
  .footerFollow .footerFollowIn .telBox .telHead .text {
    font-size: clamp(14px, 1.25vw, 16px);
  }
  .footerFollow .footerFollowIn .telBox .telNum {
    font-size: clamp(14px, 1.88vw, 24px);
  }
  .footerFollow .footerFollowIn .btnContact {
    width: 216px;
    padding: 6px 0;
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
  .footerFollow .footerFollowIn .btnContact .text {
    font-size: clamp(14px, 1.25vw, 16px);
  }
}
/*---------------------------------------------
エラー系テキスト
---------------------------------------------*/
.commonErrorText {
  line-height: 200%;
  text-align: justify;
}
.commonErrorText a {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .commonErrorText {
    font-size: clamp(14px, 4.62vw, 18px);
  }
}
@media only screen and (min-width: 768px) {
  .commonErrorText {
    font-size: clamp(14px, 1.72vw, 22px);
  }
}
.commonTitleArea .pageTitle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.commonTitleArea .pageTitle .titleJp {
  font-weight: bold;
  color: #004097;
}
.commonTitleArea .pageTitle .titleEn {
  font-family: "Open Sans", sans-serif;
}
.commonTitleArea .pnkzArea {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.commonTitleArea .pnkzArea span.pnkzList {
  color: #004097;
}
.commonTitleArea .pnkzArea .pnkzArrow {
  background: url(../images/pnkz_arrow.svg) center center no-repeat;
  background-size: contain;
  width: 8px;
  height: 12px;
  display: inline-block;
  margin: 0 5px;
}

@media only screen and (max-width: 767px) {
  .commonTitleArea {
    padding: 40px 0 32px 0;
  }
  .commonTitleArea .pageTitle {
    -moz-column-gap: 12px;
         column-gap: 12px;
    padding: 0 0 12px 0;
  }
  .commonTitleArea .pageTitle .titleJp {
    font-size: clamp(14px, 5.13vw, 20px);
  }
  .commonTitleArea .pageTitle .titleEn {
    font-size: 14px;
  }
  .commonTitleArea .pnkzArea {
    font-size: 14px;
  }
}
@media print, screen and (min-width: 768px) {
  .commonTitleArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 56px 0 90px 0;
    flex-wrap: wrap;
  }
  .commonTitleArea .pageTitle {
    -moz-column-gap: 12px;
         column-gap: 12px;
    width: 50%;
  }
  .commonTitleArea .pageTitle .titleJp {
    font-size: clamp(14px, 1.88vw, 24px);
  }
  .commonTitleArea .pageTitle .titleEn {
    font-size: 14px;
  }
  .commonTitleArea .pnkzArea {
    font-size: 14px;
    width: 50%;
  }
}
.innerPageMv {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .innerPageMv {
    height: 200px;
  }
}
@media print, screen and (min-width: 768px) {
  .innerPageMv {
    height: 320px;
  }
}
.commonOtherLinkArea {
  background: #E9EFF7;
  border-radius: 20px;
}
.commonOtherLinkArea .otherTitleCol {
  color: #000000;
  font-weight: bold;
}
.commonOtherLinkArea .otherLinkCol .otherLink {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.commonOtherLinkArea .otherLinkCol .otherLink .text {
  color: #6E6E6E;
  font-weight: bold;
}
.commonOtherLinkArea .otherLinkCol .otherLink .icon {
  background: url(../images/arrow_circle_gray.svg) center center no-repeat;
  background-size: contain;
  aspect-ratio: 1/1;
}

@media only screen and (max-width: 767px) {
  .commonOtherLinkArea {
    margin: 60px 0 0 0;
    padding: 24px;
  }
  .commonOtherLinkArea .otherTitleCol {
    font-size: clamp(14px, 4.62vw, 18px);
    border-bottom: solid 1px #000000;
    text-align: center;
    padding-bottom: 8px;
  }
  .commonOtherLinkArea .otherLinkCol {
    display: flex;
    flex-direction: column;
    padding: 16px 0 0 0;
    row-gap: 12px;
  }
  .commonOtherLinkArea .otherLinkCol .otherLink .text {
    font-size: clamp(14px, 4.1vw, 16px);
  }
  .commonOtherLinkArea .otherLinkCol .otherLink .icon {
    width: 20px;
  }
}
@media print, screen and (min-width: 768px) {
  .commonOtherLinkArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    margin: 112px auto 0 auto;
    padding: 44px min(3.2vw, 40px);
  }
  .commonOtherLinkArea .otherTitleCol {
    font-size: clamp(14px, 1.41vw, 18px);
    padding-right: min(1.4vw, 16px);
    border-right: solid 1px #000000;
  }
  .commonOtherLinkArea .otherLinkCol {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    -moz-column-gap: min(2vw, 26px);
         column-gap: min(2vw, 26px);
    flex-grow: 1;
    padding-left: min(1.4vw, 16px);
  }
  .commonOtherLinkArea .otherLinkCol .otherLink .text {
    font-size: clamp(14px, 1.41vw, 18px);
  }
  .commonOtherLinkArea .otherLinkCol .otherLink .icon {
    width: 20px;
  }
}
.commonExpList .expList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.commonExpList .expList .imgCol {
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 163/200;
}
.commonExpList .expList .dataCol .catRow {
  display: flex;
  gap: 6px;
}
.commonExpList .expList .dataCol .catRow .category {
  background: #6E6E6E;
  color: #ffffff;
  border-radius: 5px;
}
.commonExpList .expList .dataCol .yearRow {
  font-size: 12px;
  color: #6e6e6e;
}
.commonExpList .expList .dataCol .nameRow {
  font-weight: 500;
}
.commonExpList .expList .dataCol .scoreRow {
  border-top: solid 1px #DADADA;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .commonExpList {
    width: 100%;
  }
  .commonExpList.swiper-slide {
    width: 100%;
  }
  .commonExpList .expList .imgCol {
    width: min(46%, 163px);
  }
  .commonExpList .expList .dataCol {
    width: min(52%, 180px);
  }
  .commonExpList .expList .dataCol .catRow .category {
    font-size: 14px;
    padding: 2px 6px;
  }
  .commonExpList .expList .dataCol .yearRow {
    padding: 8px 0 4px 0;
  }
  .commonExpList .expList .dataCol .nameRow {
    font-size: clamp(14px, 4.1vw, 16px);
    padding: 0 0 12px 0;
  }
  .commonExpList .expList .dataCol .scoreRow {
    font-size: 14px;
    padding: 10px 0 0 0;
  }
}
@media print, screen and (min-width: 768px) {
  .commonExpList {
    width: 358px;
  }
  .commonExpList.swiper-slide {
    width: 358px;
  }
  .commonExpList .expList {
    gap: 15px;
  }
  .commonExpList .expList .imgCol {
    width: 163px;
    height: 200px;
  }
  .commonExpList .expList .dataCol {
    width: 180px;
  }
  .commonExpList .expList .dataCol .catRow {
    flex-wrap: wrap;
  }
  .commonExpList .expList .dataCol .catRow .category {
    font-size: 14px;
    padding: 2px 6px;
  }
  .commonExpList .expList .dataCol .yearRow {
    padding: 8px 0 4px 0;
  }
  .commonExpList .expList .dataCol .nameRow {
    letter-spacing: 0.01em;
    font-size: clamp(14px, 1.25vw, 16px);
    padding: 0 0 12px 0;
  }
  .commonExpList .expList .dataCol .scoreRow {
    font-size: 14px;
    padding: 10px 0 0 0;
  }
}
.edit-static p {
  display: inline;
}

.edit-static p:empty {
  display: none;
}/*# sourceMappingURL=common.css.map */