/*
Theme Name: RDSGN ORIGINAL									
*/

/**********************************************
    PC版 CSS
**********************************************/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital@1&display=swap');

.sp{
	display:none;
}


/**************************************************************
全体
**************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 100%;
    scroll-behavior: smooth;
}
body {
    font: 500 16px/1.75 "Noto Sans JP", sans-serif;
    color: #000;
    text-align: left;
    letter-spacing: 0.05em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: 13px;

    margin: 0px;
    text-align: center;
    line-height: 180%;
}
/**************************************************************
リンク
**************************************************************/
a:link {
    color: #000;
    text-decoration: none;
	transition: 1.0s ;
}
a:visited {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: none;
}
a:active {
    color: #000;
    text-decoration: none;
}

/**************************************************************
ヘッダー
**************************************************************/
.header {
  background-color: #000;
}

.header-inner {
  padding: 15px 20px;
  display: flex;
  align-items: center;
}

.header-left {
  display: flex;
  align-items: center;
}

.header .logo {
  width: 150px;
}

.header .logo img {
  width: 100%;
  height: auto;
}

.header h1 {
  color: #fff;
  font-size: 12px;
  text-align: left;
  padding-left: 15px;
  line-height: 140%;
}

/* ← 右端へ寄せるためのポイント */
.header .tel {
  margin-left: auto;
	color:#fff;
	font-size:12px;
	line-height:160%;
}

.header .tel a {
  color: #fff;
  text-decoration: none;
}
.telnum{
	font-size:24px!important;
	font-weight:700;
}
.telnum2{
	font-size:16px!important;
	font-weight:700;
	margin-right:5px;
}
.mv-wrap {
  position: relative;
  width: 100%;
	height:100vh;
  overflow: hidden;
}

.mv-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: 1;
}

/* 🔥 これが動画を暗くするオーバーレイ */
.mv-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.45); /* ← 数値を変えると暗さ調整できる！ */
  z-index: 2;
}

.mv-catch {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.mv-catch img {
	width:800px;
  height: auto;
}
.main-campaign{
	background-color:#000;
	padding:60px 20px;
}
.main-campaign-inner{
	width:1100px;
	margin:0 auto;
	display:flex;
}
.main-campaign-inner .pic{
	width:35%;
}
.main-campaign-inner .pic img{
	width:100%;
	height:auto;
	border-radius:10px;
}
.main-campaign-inner .txt{
	color:#fff;
	width:60%;
	margin-left:5%;
	text-align:left;
}
.main-campaign-inner .txt h2{
	font-size:14px;
	margin-bottom:7px;
}
.main-campaign-inner .txt h3{
	font-size:25px;
	margin-bottom:20px;
}
.main-campaign-inner .txt p{
	font-size:14px;
}
.main-campaign-inner .txt .chui{
	font-size:12px;
	margin-top:30px;
}

.main-price{
	background-color:#000;
	padding: 60px 20px;
    }
}
.main-price-inner{
	width:1100px;
	margin:0 auto;
	display:flex;
}
.main-price-inner h2{
	font-size:40px;
	color:#be8950;
}