@charset "utf-8";

/* CSS Template
/corporate/cvc/css/cvc.css

 Update:  2023/12/18 */


/* ----------------------------------------------------
全端末共通
---------------------------------------------------- */

.lazy {
  opacity: 0;
  transform: translate(0, 10%);
  transition: 1s;
}
.lazy.loaded {
  transform: translate(0, 0);
  opacity: 1;
}
/* web font ==== */
.nsfont{ font-family: 'Noto Serif JP', serif; font-weight: 500;}
h1,h2,h3,h4,main p{
  font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
  font-weight: 500;
}
/* common ==== */

.wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.wrapper .text{
  text-align: left;
}

/* cvc-main */
.cvc-main{
  width: 100%;
  height: 650px;
  position: relative;
  margin-bottom: 53px;
}
.fallback .cvc-main {
	background: url("/common/img/topic/lcr/movie.mp4") no-repeat left top;
}
.webp .cvc-main {
	background: url("/common/img/corporate/cvc/img_main_pc.webp") no-repeat left top;
}
.avif .cvc-main {
	background: url("/common/img/corporate/cvc/img_main_pc.avif") no-repeat left top;
}
.cvc-main .inr{
  width: 100%;
  max-width: 900px;
  margin: 0 auto 0 0;
  position: absolute;
  top:58%;left: 425px;
  transform: translateY(-58%);
  color: #000000;
}
.cvc-main h1{
  font-size:clamp(18px, 4.286vw, 60px);
  line-height: 1.1;
  margin-bottom: 12px;
  font-weight: 700;
}
.cvc-main h1 span{
  font-size:clamp(18px, 2.5vw, 30px);
  display: block;
  font-weight: 500;
}
.cvc-main p:not(.cvcBtn) { 
  font-size: 1.6rem;
  margin-bottom: 20px;
}
.cvc-main .cvcBtn a{
  display: block;
  width: 90%;
  max-width: 230px;
  height: 60px;
  line-height: 60px;
  color: #FFFFFF;
  background-color: #dd1503;
  border-radius: 30px;
  text-align: center;
  text-decoration: none;
  transition: .3s;
  opacity: 1;
}
.cvc-main .cvcBtn a:hover{
  transition: .3s;
  opacity: .6;
}