@charset "UTF-8";
/* CSS Document */

body{
	margin: 0 auto;
	padding: 0;
}
html { 
scroll-behavior: smooth;
}
img{
    width: 768px;
    max-width: 100%;
    margin: 0;
	display: block;
    vertical-align: bottom;
}

a,
.title {
	transition:opacity .25s;
}
a:hover,
.title:hover {
	opacity:.6;
}

.rriv-wrp{
	width: 100%;
	max-width: 768px;
	overflow: hidden;
	margin: 0 auto;
}








/* cta */

.rriv_cta {
	position:relative;
}

.rriv_cta.rriv_cta4 {
	padding-bottom: 110px;
	background: #000;	
}



@media (max-width:768px){

	.rriv_cta.rriv_cta4 {
		padding-bottom: 14%;
	}
	
}


.rriv_cta .btn {
    position: absolute;
}

.rriv_cta.rriv_cta1 .btn.btn1 {
    width: 54.43%;
	top: 22%;
	right: 3.8%;
}
.rriv_cta .btn.btn2 {
    width: 86.2%;
	top: 37.1%;
	right: 6.9%;
}
.rriv_cta.rriv_cta3 .btn.btn2 {
	top: 36.3%;
}
.rriv_cta.rriv_cta4 .btn.btn2 {
	top: 26.7%;
}
.rriv_cta.rriv_cta4 .btn.btn3,
.rriv_cta.rriv_cta4 .btn.btn4 {
	bottom: 26.3%;
}
.rriv_cta.rriv_cta4 .btn.btn3 {
	width: 21.48%;
	right: 37.4%;
}
.rriv_cta.rriv_cta4 .btn.btn4 {
	width: 23.83%;
	right: 6.8%;
}







/* ───────────────────────────────
   Accordion  共通レイアウト
──────────────────────────────── */

.accordion-area,
.accordion-area2{
  list-style: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.accordion-area section,
.accordion-area2 section{
  /* padding: 0 16px; など */
}

.accordion-area p,
.accordion-area2 p{
  text-align: justify;
  line-height: 2.5em;
  font-size: 1.1em;
  letter-spacing: 0.05em;
}

/* ───────────────────────────────
   アコーディオン タイトル
──────────────────────────────── */
.title,
.title2{
  width: 100%;
  cursor: pointer;
  font-weight: normal;
  transition: all .5s ease;
  border-width: 1px;
  height: auto; 
}

/* ───────────────────────────────
   アコーディオン コンテンツ
──────────────────────────────── */
.box,
.box2{
  display: none;
  width: 100%;
  height: auto;
}

/* ───────────────────────────────
   共通見出し（全ページ共通 h3）
──────────────────────────────── */
h3{
  text-align: center;
  margin: 0;
}

/* ───────────────────────────────
   アイコン画像切替用クラス
──────────────────────────────── */
.icon_ue{ display: none; }

.change .icon_ue{ display: inline; }
.change .icon   { display: none; }

/* ───────────────────────────────
   背景カラーバリエーション
──────────────────────────────── */
.back_style { background-color: #fff; }

/* ───────────────────────────────
   ここまで：必要最小限のスタイル
──────────────────────────────── */



/* ─────────────── rriv フッター ─────────────── */
.rriv-footer{
  background:#e40012;
  color:#fff;
  font-family:"Noto Sans", sans-serif;
  text-align:center;
  padding: 40px 0 10px 0;
}

.rriv-footer-inner{
  max-width:1200px;          /* 任意：中央寄せ */
  margin:0 auto;
  padding:0 24px;
}

/* 白い細線 */
.rriv-footer-rule{
  border:0;
  border-top:1px solid rgba(255,255,255,0.7);
  margin:0;
}

/* ナビメニュー */
.rriv-footer-nav ul{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  padding:24px 0;
  margin:0;
  list-style:none;
}

.rriv-footer-nav a{
  color:#fff;
  text-decoration:none;
  font-size:15px;
  letter-spacing:0.05em;
}

.rriv-footer-nav a:hover{
  opacity:.7;
}

/* 区切りスラッシュ */
.rriv-footer-nav .rriv-divider{
  pointer-events:none;
  font-size:15px;
  letter-spacing:0.05em;
}

/* コピーライト */
.rriv-copyright{
  display:block;
  margin-top:24px;
  font-size:15px;
  letter-spacing:0.05em;
}

/* ── スマホ調整 ── */
@media (max-width:480px){
  .rriv-footer{
    padding:24px 0;
  }
  .rriv-footer-nav ul{
    gap:8px;
    padding:16px 0;
  }
  .rriv-footer-nav a,
  .rriv-footer-nav .rriv-divider,
  .rriv-copyright{
    font-size:14px;
  }
}



/* 基本的なスタイル */
body {

}


/* 追従ナビゲーションのスタイル */
.fixed-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 768px; /* 最大幅を768pxに設定 */
}

.nav-list {
    display: flex;
    justify-content: space-around;
}

.nav-item {
    width: 25%;
}