@charset "UTF-8";

/* 背景 */
.bg {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    z-index: -1;
    transition: background 0.5s, background-color 0.5s;
}

.bg-video {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    object-fit: cover;
    z-index: -2;
}

/* トグルスイッチ */
.toggle-container {
    position: fixed;
    top: 20px; right: 20px;
    display: flex; align-items: center; gap: 10px;
    z-index: 1000;
}
.switch {
    position: relative; display: inline-block;
    width: 28px; height: 16px;
}
.switch input { opacity: 0; width: 0; height: 0; }
.slider {
    position: absolute; cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #ccc;
    transition: 0.3s;
    border-radius: 16px;
}
.slider:before {
    position: absolute; content: "";
    height: 12px; width: 12px;
    left: 2px; bottom: 2px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
}
input:checked + .slider { background-color: #34c759; }
input:checked + .slider:before { transform: translateX(12px); }

.label-text {
    font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	font-size: 8px;
    color: #000000;
    text-shadow: 0px 0px 3px #FAFAFA;
    letter-spacing: 0.3px;
}
.aboutus {
    width: 95%;
    display: flex;               /* Flexboxを使う */
    justify-content: center;     /* 横方向の中央 */
    align-items: center;         /* 縦方向の中央 */
    text-align: center;          /* テキスト内も中央揃えにしたい場合 */
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
    font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 1em;
    letter-spacing: 0.02em;
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 200px;
    padding-bottom: 200px;
}

.img-R_Numb {
    margin-top: 20px;
    margin-bottom: 20px;

}
.img-copy_logo {
    margin-top: 20px;
}
.c-right   {
    font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	margin:1em 0;
	letter-spacing:0.05em;
	line-height:1.6;
	color:#000;
	font-size:0.5em;
}
.footer-img_text {
    width: 87px;
    text-align: center;
}

/* レスポンシブ */
@media (max-width:768px) {
  body {
    font-size: 14px;
  }
  h1 {
    font-size: 1.8rem;
  }
  .aboutus {
    width: 80%;
    font-size: 0.8em;  /* 768px以下のときだけ小さくする */
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

/* リンク */
a { color:#000; text-decoration:none; }
a:hover { color:#fff; }
a:active { color:#383838; }
a:visited {}

/* 見出し */
h1,h2,h3{ font-weight:700; line-height:1.3; margin-bottom:0.5em; }
h1{ font-size:2.5rem; } h2{ font-size:2rem; } h3{ font-size:1.5rem; }
h4{ font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; letter-spacing:0.02em; line-height:1em; color:#000; font-size:0.85em; }
h5{ font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; letter-spacing:0.02em; line-height:1.3em; color:#000; font-size:0.7em; margin-bottom:0.5em; }
h6{ font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; margin:1em 0; letter-spacing:0.05em; line-height:1.6; color:#000; font-size:0.5em; }

/* iframe, ul, li, figure */
iframe{ margin:0; padding:0; border:none; display:block; }
ul{ list-style-type:disc; padding-left:1.2em; }
li{ line-height:1.6; font-size:14px; color:#000; }
figure{ margin:0; }