@font-face {  font-family: 'Noto Sans JP';  font-style: normal;  font-weight: 300;  font-display: swap;  src: url(https://fonts.gstatic.com/s/notosansjp/v56/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFE8j75s.ttf) format('truetype');}@font-face {  font-family: 'Noto Sans JP';  font-style: normal;  font-weight: 400;  font-display: swap;  src: url(https://fonts.gstatic.com/s/notosansjp/v56/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFBEj75s.ttf) format('truetype');}@font-face {  font-family: 'Noto Sans JP';  font-style: normal;  font-weight: 500;  font-display: swap;  src: url(https://fonts.gstatic.com/s/notosansjp/v56/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFCMj75s.ttf) format('truetype');}@font-face {  font-family: 'Noto Sans JP';  font-style: normal;  font-weight: 600;  font-display: swap;  src: url(https://fonts.gstatic.com/s/notosansjp/v56/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFM8k75s.ttf) format('truetype');}@font-face {  font-family: 'Noto Sans JP';  font-style: normal;  font-weight: 700;  font-display: swap;  src: url(https://fonts.gstatic.com/s/notosansjp/v56/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFPYk75s.ttf) format('truetype');}@font-face {  font-family: 'Noto Sans JP';  font-style: normal;  font-weight: 900;  font-display: swap;  src: url(https://fonts.gstatic.com/s/notosansjp/v56/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFLgk75s.ttf) format('truetype');}@font-face {  font-family: 'Noto Serif JP';  font-style: normal;  font-weight: 300;  font-display: swap;  src: url(https://fonts.gstatic.com/s/notoserifjp/v33/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2bxvOubA.ttf) format('truetype');}@font-face {  font-family: 'Noto Serif JP';  font-style: normal;  font-weight: 400;  font-display: swap;  src: url(https://fonts.gstatic.com/s/notoserifjp/v33/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2bwxOubA.ttf) format('truetype');}@font-face {  font-family: 'Noto Serif JP';  font-style: normal;  font-weight: 500;  font-display: swap;  src: url(https://fonts.gstatic.com/s/notoserifjp/v33/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2bwDOubA.ttf) format('truetype');}@font-face {  font-family: 'Noto Serif JP';  font-style: normal;  font-weight: 700;  font-display: swap;  src: url(https://fonts.gstatic.com/s/notoserifjp/v33/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2bzWPebA.ttf) format('truetype');}@font-face {  font-family: 'Noto Serif JP';  font-style: normal;  font-weight: 900;  font-display: swap;  src: url(https://fonts.gstatic.com/s/notoserifjp/v33/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2byYPebA.ttf) format('truetype');}@font-face {  font-family: 'Oswald';  font-style: normal;  font-weight: 200;  font-display: swap;  src: url(https://fonts.gstatic.com/s/oswald/v57/TK3_WkUHHAIjg75cFRf3bXL8LICs13FvgUE.ttf) format('truetype');}@font-face {  font-family: 'Oswald';  font-style: normal;  font-weight: 300;  font-display: swap;  src: url(https://fonts.gstatic.com/s/oswald/v57/TK3_WkUHHAIjg75cFRf3bXL8LICs169vgUE.ttf) format('truetype');}@font-face {  font-family: 'Oswald';  font-style: normal;  font-weight: 400;  font-display: swap;  src: url(https://fonts.gstatic.com/s/oswald/v57/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvgUE.ttf) format('truetype');}@font-face {  font-family: 'Oswald';  font-style: normal;  font-weight: 500;  font-display: swap;  src: url(https://fonts.gstatic.com/s/oswald/v57/TK3_WkUHHAIjg75cFRf3bXL8LICs18NvgUE.ttf) format('truetype');}@font-face {  font-family: 'Oswald';  font-style: normal;  font-weight: 600;  font-display: swap;  src: url(https://fonts.gstatic.com/s/oswald/v57/TK3_WkUHHAIjg75cFRf3bXL8LICs1y9ogUE.ttf) format('truetype');}@font-face {  font-family: 'Oswald';  font-style: normal;  font-weight: 700;  font-display: swap;  src: url(https://fonts.gstatic.com/s/oswald/v57/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZogUE.ttf) format('truetype');}html {  scroll-behavior: smooth;}/* LAYOUT--------------------------------------------------------------------------*/.main_content {  background: #29a5ab;}.layout-base {  position: relative;  box-sizing: border-box;}.layout-base-a {  position: absolute;  box-sizing: border-box;}/* KEY-V--------------------------------------------------------------------------*/#lcs-key-v {  position: relative;  box-sizing: border-box;  width: 100%;  margin: auto;  display: block;  overflow: hidden;}#lcs-key-v .key-v-bg {  position: relative;  box-sizing: border-box;  width: 100%;  z-index: 2;}#lcs-key-v .key-v-bg .key-v-tx-w {  position: relative;  box-sizing: border-box;  width: 100%;}#lcs-key-v .key-v-bg .key-v-tx-w img {  width: 100%;}#lcs-key-v .key-v-logo1,#lcs-key-v .key-v-logo1-w,#lcs-key-v .key-v-logo2,#lcs-key-v .key-v-logo3,#lcs-key-v .key-v-mss1,#lcs-key-v .key-v-mss2,#lcs-key-v .key-v-chara1,#lcs-key-v .key-v-chara2,#lcs-key-v .key-v-chara3,#lcs-key-v .key-v-chara4 {  position: absolute;  box-sizing: border-box;  width: 100%;  left: 0;  display: block;  z-index: 2;}#lcs-key-v .key-v-logo1 .key-v-tx-w,#lcs-key-v .key-v-logo1-w .key-v-tx-w,#lcs-key-v .key-v-logo2 .key-v-tx-w,#lcs-key-v .key-v-logo3 .key-v-tx-w,#lcs-key-v .key-v-mss1 .key-v-tx-w,#lcs-key-v .key-v-mss2 .key-v-tx-w,#lcs-key-v .key-v-chara1 .key-v-tx-w,#lcs-key-v .key-v-chara2 .key-v-tx-w,#lcs-key-v .key-v-chara3 .key-v-tx-w,#lcs-key-v .key-v-chara4 .key-v-tx-w {  position: relative;  box-sizing: border-box;  width: 100%;}#lcs-key-v .key-v-logo1 .key-v-tx-w img,#lcs-key-v .key-v-logo1-w .key-v-tx-w img,#lcs-key-v .key-v-logo2 .key-v-tx-w img,#lcs-key-v .key-v-logo3 .key-v-tx-w img,#lcs-key-v .key-v-mss1 .key-v-tx-w img,#lcs-key-v .key-v-mss2 .key-v-tx-w img,#lcs-key-v .key-v-chara1 .key-v-tx-w img,#lcs-key-v .key-v-chara2 .key-v-tx-w img,#lcs-key-v .key-v-chara3 .key-v-tx-w img,#lcs-key-v .key-v-chara4 .key-v-tx-w img {  width: 100%;}#lcs-key-v .key-v-logo1 {  width: 55.375%;  top: 0;  left: 22.3%;  margin: auto;  transform: scale(1) translateY(0);  opacity: 0;  animation: logo-anime1 0.8s forwards;  z-index: 3;}#lcs-key-v .key-v-logo1-w {  width: 55.375%;  top: 0;  left: 22.3%;  margin: auto;  transform: scale(1) translateY(0);  opacity: 0;  animation: logo-anime1 0.8s forwards;  z-index: 3;}#lcs-key-v .key-v-logo2 {  width: 55.375%;  bottom: 0;  left: 22.3%;  opacity: 0;  animation: logo-anime2 1.4s forwards;  z-index: 3;}#lcs-key-v .key-v-logo3 {  width: 55.375%;  bottom: 0;  left: 22.3%;  opacity: 0;  animation: logo-anime2 1.4s forwards;  z-index: 3;}#lcs-key-v .key-v-mss1 {  position: absolute;  box-sizing: border-box;  width: 12%;  top: 9%;  left: 20%;  z-index: 3;  opacity: 0;  transform: scale(0);  animation: mss1 1.4s ease-in-out forwards;}#lcs-key-v .key-v-mss2 {  position: absolute;  box-sizing: border-box;  width: 12%;  top: 9%;  left: inherit;  right: 20%;  z-index: 3;  opacity: 0;  transform: scale(0);  animation: mss1 1.4s ease-in-out forwards;}#lcs-key-v .key-v-chara1 {  position: absolute;  box-sizing: border-box;  width: 24.43%;  top: 26%;  left: 3.8%;  opacity: 0;  transform: rotate(-3deg) scale(0);  animation: mss2 1.4s ease-out forwards, corss1 1s ease-in-out infinite alternate;  animation-delay: 0.4s, 1.8s;  z-index: 3;}#lcs-key-v .key-v-chara2 {  position: absolute;  box-sizing: border-box;  width: 27.81%;  top: 23%;  left: inherit;  right: 2.8%;  opacity: 0;  transform: rotate(3deg) scale(0);  animation: mss1 1.4s ease-out forwards, impreza1 1s ease-in-out infinite alternate;  animation-delay: 0.8s, 2.2s;  z-index: 3;}#lcs-key-v .key-v-chara3 {  position: absolute;  box-sizing: border-box;  width: 28%;  top: 57%;  left: 3.5%;  opacity: 0;  transform: rotate(-3deg) scale(0);  animation: mss1 1.4s ease-out forwards, impreza1 1s ease-in-out infinite alternate;  animation-delay: 1s, 2.4s;  z-index: 3;}#lcs-key-v .key-v-chara4 {  position: absolute;  box-sizing: border-box;  width: 26%;  top: 59%;  left: inherit;  right: 3.5%;  opacity: 0;  transform: rotate(3deg) scale(0);  animation: mss2 1.4s ease-out forwards, corss1 1s ease-in-out infinite alternate;  animation-delay: 1.2s, 2.6s;  z-index: 3;}@keyframes logo-anime1 {  30% {    opacity: 0;    transform: scale(0) translateY(45%);  }  80% {    opacity: 1;    transform: scale(1.05) translateY(-0.5%);  }  90% {    opacity: 1;    transform: scale(0.98) translateY(0.5%);  }  100% {    opacity: 1;    transform: scale(1) translateY(0%);  }}@keyframes mss1 {  50% {    opacity: 0;    transform: scale(0) rotate(-3deg);  }  80% {    opacity: 1;    transform: scale(1.05) rotate(-3deg);  }  90% {    opacity: 1;    transform: scale(0.98) rotate(-3deg);  }  100% {    opacity: 1;    transform: scale(1) rotate(-3deg);  }}@keyframes mss2 {  50% {    opacity: 0;    transform: scale(0) rotate(-3deg);  }  80% {    opacity: 1;    transform: scale(1.05) rotate(-3deg);  }  90% {    opacity: 1;    transform: scale(0.98) rotate(-3deg);  }  100% {    opacity: 1;    transform: scale(1) rotate(-3deg);  }}@keyframes logo-anime2 {  40% {    opacity: 0;  }  100% {    opacity: 1;  }}@keyframes corss1 {  0% {    transform: rotate(-3deg);  }  100% {    transform: rotate(3deg);  }}@keyframes impreza1 {  0% {    transform: rotate(-3deg);  }  100% {    transform: rotate(3deg);  }}@media screen and (max-width: 859px) {  #lcs-key-v .key-v-bg {    height: 170vw;  }  #lcs-key-v .key-v-logo1,  #lcs-key-v .key-v-logo1-w,  #lcs-key-v .key-v-logo2,  #lcs-key-v .key-v-logo3,  #lcs-key-v .key-v-mss1,  #lcs-key-v .key-v-mss2,  #lcs-key-v .key-v-chara1,  #lcs-key-v .key-v-chara2,  #lcs-key-v .key-v-chara3,  #lcs-key-v .key-v-chara4 {    position: absolute;    box-sizing: border-box;    width: 100%;    left: 0;    display: block;    z-index: 2;  }  #lcs-key-v .key-v-logo1 .key-v-tx-w,  #lcs-key-v .key-v-logo1-w .key-v-tx-w,  #lcs-key-v .key-v-logo2 .key-v-tx-w,  #lcs-key-v .key-v-logo3 .key-v-tx-w,  #lcs-key-v .key-v-mss1 .key-v-tx-w,  #lcs-key-v .key-v-mss2 .key-v-tx-w,  #lcs-key-v .key-v-chara1 .key-v-tx-w,  #lcs-key-v .key-v-chara2 .key-v-tx-w,  #lcs-key-v .key-v-chara3 .key-v-tx-w,  #lcs-key-v .key-v-chara4 .key-v-tx-w {    position: relative;    box-sizing: border-box;    width: 100%;  }  #lcs-key-v .key-v-logo1 .key-v-tx-w img,  #lcs-key-v .key-v-logo1-w .key-v-tx-w img,  #lcs-key-v .key-v-logo2 .key-v-tx-w img,  #lcs-key-v .key-v-logo3 .key-v-tx-w img,  #lcs-key-v .key-v-mss1 .key-v-tx-w img,  #lcs-key-v .key-v-mss2 .key-v-tx-w img,  #lcs-key-v .key-v-chara1 .key-v-tx-w img,  #lcs-key-v .key-v-chara2 .key-v-tx-w img,  #lcs-key-v .key-v-chara3 .key-v-tx-w img,  #lcs-key-v .key-v-chara4 .key-v-tx-w img {    width: 100%;  }  #lcs-key-v .key-v-logo1 {    width: 100%;    top: 0;    left: 0;    margin: auto;    transform: scale(1) translateY(0);    opacity: 0;    animation: logo-anime1 0.8s forwards;    z-index: 3;  }  #lcs-key-v .key-v-logo1-w {    width: 100%;    top: 0;    left: 0;    margin: auto;    transform: scale(1) translateY(0);    opacity: 0;    animation: logo-anime1 0.8s forwards;    z-index: 3;  }  #lcs-key-v .key-v-logo2 {    width: 100%;    top: 0;    bottom: inherit;    left: 0;    opacity: 0;    animation: logo-anime2 1.4s forwards;    z-index: 3;  }  #lcs-key-v .key-v-logo3 {    width: 100%;    top: 0;    bottom: inherit;    left: 0;    opacity: 0;    animation: logo-anime2 1.4s forwards;    z-index: 3;  }  #lcs-key-v .key-v-mss1 {    position: absolute;    box-sizing: border-box;    width: 22%;    top: 6%;    left: 4%;    z-index: 3;  }  #lcs-key-v .key-v-mss2 {    position: absolute;    box-sizing: border-box;    width: 22%;    top: 6%;    left: inherit;    right: 4%;    z-index: 3;  }  #lcs-key-v .key-v-chara1 {    position: absolute;    box-sizing: border-box;    width: 46%;    top: 58%;    left: 3.8%;    z-index: 3;  }  #lcs-key-v .key-v-chara2 {    position: absolute;    box-sizing: border-box;    width: 46%;    top: 58%;    left: inherit;    right: 2.8%;    z-index: 3;  }  #lcs-key-v .key-v-chara3 {    position: absolute;    box-sizing: border-box;    width: 46%;    top: 78%;    left: 3.5%;    z-index: 3;  }  #lcs-key-v .key-v-chara4 {    position: absolute;    box-sizing: border-box;    width: 46%;    top: 78%;    left: inherit;    right: 3.5%;    z-index: 3;  }}/* BT--------------------------------------------------------------------------*/.bt-base {  box-sizing: border-box;  text-align: center;  text-decoration: none;  margin: auto;  overflow: hidden;  transition: background-color 0.5s ease 0s;}.bt-base:hover {  background-color: #144E93;}.card-area {  position: relative;  box-sizing: border-box;  width: 100%;  background: url("../img/smart202601/pc-bg.webp") top center repeat-y;  background-size: contain;  font-family: 'Noto Sans Japanese', 'Noto Sans JP', sans-serif;}.card-area h5,.card-area p {  font-family: 'Noto Sans Japanese', 'Noto Sans JP', sans-serif;}.card-area .lcs-spec {  width: 86%;  margin: auto;}.card-area .lcs-spec .card-box {  position: relative;  box-sizing: border-box;  width: 100%;}.card-area .lcs-spec .card-box picture {  width: 100%;}.card-area .lcs-spec .card-box picture img {  width: 100%;}.card-area .bt-std {  position: relative;  box-sizing: border-box;  width: 100%;  padding: 3rem  4rem  3rem  4rem;}.card-area .bt-std ul {  position: relative;  box-sizing: border-box;  width: 80%;  margin: auto;  display: grid;  grid-row-gap: 1rem;  grid-column-gap: 3rem;  grid-template-columns: 5fr 5fr;  place-content: center;}.card-area .bt-std ul li {  padding: 0 !important;  border: none !important;}.card-area .bt-std li.bt-type1 a {  box-sizing: border-box;  text-align: center;  text-decoration: none;  margin: auto;  overflow: hidden;  transition: background-color 0.5s ease 0s;  position: relative;  width: 100%;  display: flex;  align-items: center;  justify-content: center;  padding: 1rem 2.8rem 1.2rem 2.8rem;  line-height: 1.8rem;  letter-spacing: 0.08rem;  background: #0a4b88;  border-radius: 0.4rem;  color: #FFF;}.card-area .bt-std li.bt-type1 a:hover {  background-color: #144E93;}.card-area .bt-std li.bt-type1 a:after {  position: absolute;  display: block;  content: url("../img/smart202601/icon-allow1.svg");  width: 1.6rem;  height: 1.6rem;  right: 1rem;  top: calc(50% - 0.8rem);  line-height: 1rem;}.card-area .bt-type2 a {  box-sizing: border-box;  text-align: center;  text-decoration: none;  margin: auto;  overflow: hidden;  transition: background-color 0.5s ease 0s;  position: absolute;  bottom: 2.6rem;  right: 2.8%;  width: 100%;  max-width: 240px;  display: flex;  align-items: center;  justify-content: center;  padding: 1rem 2.8rem 0.8em 2.8rem;  font-size: 1.5rem;  line-height: 1.5rem;  letter-spacing: 0.08rem;  background: #166eb2;  border-radius: 0.4rem;  color: #FFF;}.card-area .bt-type2 a:hover {  background-color: #144E93;}.card-area .bt-type2 a:after {  position: absolute;  display: block;  content: url("../img/smart202601/icon-allow1.svg");  width: 1.6rem;  height: 1.6rem;  right: 1rem;  top: calc(50% - 0.8rem);  line-height: 1rem;}.card-area .art-box {  position: relative;  box-sizing: border-box;  width: 100%;  background: #fffcdd;}.card-area .art-box .art-box-area {  position: relative;  box-sizing: border-box;  width: 86%;  padding: 3.5rem 0 3rem 0;  margin: auto !important;}.card-area .art-box .art-box-area h5 {  font-size: 1.7rem;  text-align: center;  margin-bottom: 1.2rem;}.card-area .art-box .art-box-area p {  font-size: 1.6rem !important;  letter-spacing: 0.08rem;}@media screen and (max-width: 1300px) {  .card-area .bt-type2 a {    box-sizing: border-box;    text-align: center;    text-decoration: none;    margin: auto;    overflow: hidden;    transition: background-color 0.5s ease 0s;    position: absolute;    bottom: 2vw;    right: 2.8%;    width: 22%;    max-width: inherit;    padding: 0.8vw 2.4vw 0.8vw 2.4vw;    font-size: 1.2vw;    line-height: 1.2vw;    letter-spacing: 0.08rem;    background: #166eb2;    border-radius: 0.4vw;    color: #FFF;  }  .card-area .bt-type2 a:hover {    background-color: #144E93;  }  .card-area .bt-type2 a:after {    position: absolute;    display: block;    content: url("../img/smart202601/icon-allow1.svg");    width: 1.6vw;    height: 1.6vw;    right: 0.5vw;    top: calc(50% - 0.8vw);    line-height: 1.6vw;  }}@media screen and (max-width: 1100px) {  .card-area .bt-std {    padding: 3vw ;  }  .card-area .bt-std ul {    width: 100%;  }}@media screen and (max-width: 860px) {  .card-area {    padding-top: 0;  }  .card-area .card-box {    padding-bottom: 8rem;    background: #FFF;  }  .card-area .bt-std {    padding: 4vw  5%  1vw 5%;    margin-bottom: 2vw !important;  }  .card-area .bt-std ul {    position: relative;    box-sizing: border-box;    width: 98%;    display: block;    grid-row-gap: 1rem;    grid-column-gap: 3rem;    grid-template-columns: 5fr 5fr;    place-content: center;  }  .card-area .bt-std li.bt-type1 a {    font-size: 1.3rem !important;    line-height: 1.8rem;    color: #FFF;    margin-bottom: 2vw;  }  .card-area .bt-std li.bt-type1 a:after {    position: absolute;    display: block;    content: url("../img/smart202601/icon-allow1.svg");    width: 1.6rem;    height: 1.6rem;    right: 1rem;    top: calc(50% - 0.8rem);    line-height: 1rem;  }  .card-area .bt-type2 a {    bottom: 3.2rem;    right: 0 !important;    left: 0 !important;    width: 100%;    max-width: 240px;    display: flex;    align-items: center;    justify-content: center;    padding: 1rem 2.8rem 0.8em 2.8rem;    margin: auto !important;    font-size: 1.6rem;    line-height: 1.6rem;    letter-spacing: 0.08rem;    background: #166eb2;    border-radius: 0.4rem;    color: #FFF;  }  .card-area .bt-type2 a:after {    position: absolute;    display: block;    content: url("../img/smart202601/icon-allow1.svg");    width: 1.6rem;    height: 1.6rem;    right: 1rem;    top: calc(50% - 0.8rem);    line-height: 1rem;  }}#lcs-precautions {  position: relative;  box-sizing: border-box;  width: 100%;  background: #F0F1F3;  padding: 3rem 4%;}#lcs-precautions p {  font-size: 1.4rem !important;}@media screen and (max-width: 860px) {  #lcs-precautions {    padding: 3vw 5%;  }  #lcs-precautions p {    font-size: 1.2rem !important;  }}