@charset "utf-8";
/* CSS Document */
#sec-catch {
  background-image: url(/content/dam/casio/global/corporate/cwo/img/home2025/catch_bg.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}
#home-catch-txt {
  margin-top: 40px !important;
  max-width: 1221px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#home-catch-lead-txt {
  margin-bottom: 80px !important;
}
#home-catch-lead-txt p {
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 20px !important;
  line-height: 2 !important;
  font-weight: 700 !important;
  text-align: center !important;
}
#h2-title01 h2, #h2-title02 h2 {
  font-family: "Roboto", sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
  color: #a4a8bb !important;
  font-size: 76px !important;
  margin-bottom: 0 !important;
  margin-left: 4% !important;
}
#sec-home-menu img {
  padding: 2px !important;
}
#sec-home-menu a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60); /* ie lt 8 */
  -ms-filter: "alpha(opacity=60)"; /* ie 8 */
  -moz-opacity: 0.6; /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.6; /* Safari 1.x */
  zoom: 1;
  -webkit-transition: all .3s;
  transition: all .3s;
}
/* added for TVCF on 2024.09.26
--------------------------------------------------------- */
.home-mainimg {
  width: 100%;
  height: 48.5vw;
  background-image: url(/content/dam/casio/global/corporate/cwo/img/home2025/home_mainimg_bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: relative;
}
.home-mainimg img {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.tvcm-base {
  position: absolute;
  width: 100%;
  height: 19vw;
  z-index: 2;
  bottom: 0;
}
/*.tvcf-title {
  position: absolute;
  width: 100%;
  bottom: 60%;
  text-align: center;
  font-size: 2.3vw;
  font-family: "Oswald", sans-serif !important;
  font-weight: 700;
  color: #fff;
    z-index: 3;
}*/
.main-catch {
  position: absolute;
  width: 46%;
  right: 0;
  bottom: 38%;
  line-height: 0;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 40px;
}
.main-catch img {
  max-width: 560px
}
.btn-cm01 {
  position: absolute;
  width: 18%;
  left: 41%;
  bottom: 3%;
  line-height: 0;
  cursor: pointer;
  z-index: 3;
}
.btn-cm01 img {
  border: 1px solid rgba(255, 255, 255, 0.50);
  -webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.30);
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.30);
}
/*.btn-cm02 {
  position: absolute;
  width: calc(23% - 2px);
  right: 20%;
  bottom: 3%;
  cursor: pointer;
    z-index: 3;
}
.btn-cm02 img {
  border: 1px solid rgba(255, 255, 255, 0.50);
  -webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.30);
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.30);
}*/
.btn-cm01 p, .btn-cm02 p {
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 10px;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.30), -2px -2px 0 rgba(0, 0, 0, 0.30), -2px 2px 0 rgba(0, 0, 0, 0.30), 1px -2px 0 rgba(0, 0, 0, 0.30), 0px 2px 0 rgba(0, 0, 0, 0.30), 0 -2px 0 rgba(0, 0, 0, 0.30), -2px 0 0 rgba(0, 0, 0, 0.30), 2px 0 0 rgba(0, 0, 0, 0.30);
}
.sec-home-maininfo {
  width: 80%;
  margin: 0;
  padding: 0;
  line-height: 0;
  margin-left: auto;
  margin-right: auto;
}
.home-maininfo {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.home-maininfo img {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
#sec-mainimg-sp {
  display: none;
}
.pc {
  display: block;
}
.sp {
  display: none;
}
/* for SP
--------------------------------------------------------- */
@media (max-width: 640px) {
  #h2-title01 h2, #h2-title02 h2 {
    font-size: 56px !important;
  }
  #sec-catch {
    background-image: url(/content/dam/casio/global/corporate/cwo/img/home2025/catch_bg_sp.png) !important;
    background-position: center center !important;
    background-size: cover !important;
  }
  #sec-mainimg-sp {
    display: block;
  }
  #title-tvcm {
    padding-top: 15px;
  }
  #title-tvcm h3 {
    font-family: "Oswald", sans-serif !important;
    font-weight: 700;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 1;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
/* =======================================================
Slider
======================================================= */
@keyframes bg-slider {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -3600px 0;
  }
}
/* for PC
--------------------------------------------------------- */
@media (min-width: 769px) {
  .sec-mainimg {
    width: 100%;
    height: 300px; /* 画像の高さを指定 */
    position: relative;
    background: url("/content/dam/casio/global/corporate/cwo/img/home2025/roopimg.png") repeat-x 0 0;
    background-size: auto 100%;
    animation: bg-slider 60s linear infinite;
    margin: 0 0;
    padding: 0;
  }
  .sec-mainimg img {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* for SP
--------------------------------------------------------- */
@keyframes bg-slider {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -5349px 0;
  }
}
@media (max-width: 640px) {
  .sec-mainimg {
    width: 100%;
    height: 160px;
    position: relative;
    background: url("/content/dam/casio/global/corporate/cwo/img/home2025/roopimg.png") repeat-x 0 0;
    background-size: auto 100%;
    animation: bg-slider 80s linear infinite;
    margin: 0 0;
    padding: 0;
  }
  .sec-home-maininfo {
    display: none;
  }
}