@charset "UTF-8";
/* CSS Document */

/*modal
==================*/
.cts-mdl-open{
  cursor: pointer;
}
.mdl-contents{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  overflow-y: scroll;
  background: rgba(0,0,0,.4);
  z-index: 101;
}
.modal-contents__wrap{
  display: grid;
  grid-template-columns: min(600px,calc(100% - min(40px,6vw)));
  place-content:center;
  padding-top: 130px;
  padding-bottom: 130px;
  min-height: 100%;
}

/*contents*/
.modal-links_box{
  background-color: #fff;
  padding: min(60px,8vw) min(20px,4vw);
  display: flex;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  border-radius: 10px;
  border: 1px solid;
  box-shadow: 0 0 4px rgba(0,0,0,.3);
  text-align: center;
  line-height: calc(36/24);
}
.modal-links__title{
  font-size: clamp(20px,3.125vw,24px);
}
.modal-links__desc{
  font-size: clamp(14px,2.0833vw,16px);
  margin-top: min(30px,5vw);
}
.modal-links__button{
  width: 100%;
  margin-top: min(50px,10vw);
  gap:min(30px,5vw);
  display: grid;
  grid-template-columns: min(360px,100%);
  justify-content: center;
  
}
.commonLink_v2 .commonLink__iconWrapper--icon.ex-link-icon{
  mask:  url("../../img/v02/ex-link.svg") no-repeat center center;
  transform: rotate(0deg)!important;
}
.modal-links__button .commonLink_v2{
  width: 100%;
  font-size: min(16px,3.8vw);
  height: min(52px,12vw);
  letter-spacing: .1em;
}
.modal-links__button .commonLink_v2.back{
  grid-template-columns: auto 1fr;
}
.modal-links__button .commonLink_v2.back .commonLink__iconWrapper--icon{
  transform: rotate(0deg)!important;
}