@charset "utf-8";


/*MV*/
.indMv{
	width:100%;
}
.indMv img{
	width:100%;
}
.indMv .mvSlide{
	margin-bottom:0 !important;
}
.indMv .slick-dots{
	bottom:20px;
}
.slick-dots li button:before{
	font-size:16px;
	color:#fff !important;
	opacity:0.5;
}
.slick-dots li.slick-active button:before{
	opacity:1;
}
/**/


.indMerit{
	background-image: url(../images/index/merit_bg.jpg);
	background-position:top center;
	background-size:auto 50%;
	padding:40px 5%;
	color:#fff;
	overflow:hidden;
}
.indMerit .merit02{
	width:100%;
	max-width:260px;
	margin:30px auto 0;
	text-align:left;
}
.indMerit .merit02 img{
	height:60px;
	width:auto;
	margin-bottom:10px;
}
@media(min-width:768px){
	.indMerit{
		background-size:cover;
	}
	.indMerit .merit02{
		max-width:100%;
		margin:30px auto 0;
		display:flex;
		justify-content: center;
		align-items: center;
	}
	.indMerit .merit02 img{
		margin:0 5px 0;
	}
}

/**/
.indConcept01{
	padding:80px 0 10px;
}
@media(min-width:768px){
	.indConcept01{
		padding:120px 0 10px;
	}
}
/*
.indConcept01 .img01{
	max-width:700px;
	margin:0 auto;
}
*/
.indConcept01 .copy01{
	font-size:4.5rem;
	font-size:clamp(3rem,4vw,4.5rem);
	line-height: 1.3;
	margin-top:15px;
}
.indConcept01 .copy02{
	font-size:3rem;
	font-size:clamp(2rem,2.5vw,3rem);
}
.indConcept01 .copy03{
	font-size:2rem;
	font-size:clamp(1.6rem,1.8vw,2rem);
}
.indConcept01 .copy03Bg{
	width:100%;
	max-width:600px;
	height:3px;
	margin:5px auto 20px;
	/*
	background : linear-gradient(45deg, rgba(237, 209, 127, 1) 0%, rgba(218, 184, 95, 1) 3.93%, rgba(198, 156, 60, 1) 8.85%, rgba(190, 146, 47, 1) 11.51%, rgba(132, 97, 37, 1) 19.28%, rgba(101, 71, 32, 1) 24.08%, rgba(113, 83, 40, 1) 26.92%, rgba(146, 117, 61, 1) 32.11%, rgba(199, 170, 95, 1) 39.03%, rgba(234, 205, 118, 1) 43.18%, rgba(255, 251, 213, 1) 52.11%, rgba(237, 209, 127, 1) 60.19%, rgba(204, 175, 104, 1) 63.01%, rgba(148, 119, 65, 1) 68.13%, rgba(114, 84, 41, 1) 71.94%, rgba(101, 71, 32, 1) 73.99%, rgba(159, 120, 42, 1) 82.27%, rgba(190, 146, 47, 1) 87.38%, rgba(219, 185, 96, 1) 94.69%, rgba(237, 209, 127, 1) 100%);
	*/
  background : linear-gradient(45deg, rgba(101, 71, 32, 1) 0%, rgba(113, 82, 34, 1) 7.6%, rgba(147, 109, 40, 1) 21.51%, rgba(190, 146, 47, 1) 36.84%, rgba(215, 179, 87, 1) 55.22%, rgba(234, 205, 118, 1) 71.47%, rgba(255, 251, 213, 1) 100%);
}



}


.indConcept01 .copy04{
	font-size:2.4rem;
	font-size:clamp(2rem,2.2vw,2.4rem);
}
.indConcept01 .copy05{
	font-size:1.5rem;
	max-width:350px;
	width:100%;
	margin:0 auto;
	background-color: #9a9ba3;
	color: #fff;
}
.indConcept01 .bnr01{
	display: block;
	max-width:700px;
	width:100%;
	margin:0 auto;
}
/**/

.indInfo{
	border:1px solid #999;
	height:150px;
	margin:0 auto 80px;
	max-width:700px;
	text-align:left;
	overflow-y: scroll;
}
.indInfo .dl-horizontal{
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	font-size:1.3rem;
	text-align:left;
	padding:10px 10px 0;
}
.indInfo .dl-horizontal dt{
	width:6em;
	margin-bottom:10px;
}
.indInfo .dl-horizontal dd{
	width:calc(100% - 6em);
	margin-bottom:10px;
}



/**/

/*20250612 NP21追加分*/
.top-scroll-img__np21 {
  /*height: 100vh;*/
  /*height: 500px;*/
  aspect-ratio: 256 / 92;
  /* divでなくブラウザ（ビューポート）の中央に背景画像を固定配置している。 */
  /*background: white url("../images/index/bg_scroll.png") no-repeat center center fixed;*/
  background-color: white;
  background-image: url("../images/index/bg_scroll_sp.png?ver=250613");
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  /*background-position:60% 50px;*/
  background-size: contain;
}
.top-scroll-text__np21 {
  display: none;
}
.indLegacyBg{
	width:100%;
	background-image: url(../images/index/legacy02_sp.jpg);
	background-size:cover;
	background-position: center center;
	padding:0 0 80px;
}
@media(min-width:768px){
	.indLegacyBg{
		background-image: url(../images/index/legacy02_pc.jpg);
	}
  /*20250612 NP21追加分*/
.top-scroll-img__np21 {
  /*height: 500px;*/
  position: relative;
  background-position:0 120px;
  background-image: url("../images/index/bg_scroll.png?ver=25061302");
  background-size: cover;
  background-attachment: fixed;
  }

  .top-scroll-text__np21 {
    display: block;
    width: 7%;
    position: absolute;
    right: 2%;
    bottom: 3%;
  }
}

.indLegacy02{
	width:90%;
	margin-right:10%;
}
.indLegacy02.rvs{
	width:90%;
	margin-left:10%;
}
.indLegacy02.nolink{
}
.indLegacy02.nolink img{
	filter:grayscale(100%);
}
.indLegacy03{
	display:block;
	width:80%;
	max-width:400px;
	margin-left:10%;
	color:#fff !important;
	text-decoration: none !important;
	border-bottom:1px solid #fff;
	text-align: left;
	padding-bottom:3px;
	font-size:1.3rem;
	position: relative;
}
.indLegacy03::before{
	content:"";
	display: block;
	right:0;
	bottom:-4px;
	position: absolute;
	background-color:#fff;
	width:8px;
	height:8px;
	border-radius:4px;
}
/**/


.indLegacy04{
	width:100%;
	display:block;
}
.indLegacy04 .bg{
	width:100%;
	display:block;
	background-image: url(../images/index/legacy_bg01.jpg);
	background-size:100% 65%;
	background-position: top center;
	background-repeat: no-repeat;
	text-align:center;
	position:relative;
	min-height:550px;
}
.indLegacy04 .img01{
	width:90%;
	max-width:650px;
	position:absolute;
	left:50%;
	top:25%;
	transform:translate(-50%);
}
.indLegacy04 .img02{
	position:absolute;
	left:50%;
	top:10%;
	transform:translate(-50%);
	width:10%;
	max-width:27px;
}




.indLegacy05{
	display:block;
	width:90%;
	margin-right:10%;
	background-image: url(../images/index/legacy_slide_sp0101_bg.jpg);
	background-size: cover;
	height:100vw;
	min-height:420px;
	max-height:500px;
	padding-top:20%;
}
.indLegacy05.nolink{
	filter:grayscale(100%);
}
.indLegacy05 .txtwrap{
	width:90%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	color:#fff;
	text-align: left;
	padding:0 0 0 10%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}
.indLegacy05 .txtwrap .ttl01{
	font-size:clamp(3rem,4vw,4rem);
	font-weight: normal;
}
.indLegacy05 .txtwrap .txt01{
	font-size:clamp(2rem,2.2vw,2.4rem);
	margin-bottom:0.5em;
}
.indLegacy05 .txtwrap .txt02{
	font-size:clamp(1.3rem,1.5vw,1.5rem);
	line-height: 2;
}

@media(min-width:768px){
	.indLegacy05{
		background-image: url(../images/index/legacy_slide_pc0101_bg.jpg);
		height:26vw;
		position:relative;
	}
	.indLegacy05 .txtwrap{
		position: absolute;
		bottom:0;
		min-width:400px;
		width:30%;
		height:95%;
		margin-left:11%;
		padding:0 0 0 3%;
	}
}

/**/
.indMenuBg{
	background-image: url(../images/index/menu_bg.jpg);
	background-size:auto 40%;
	background-position: center center;
}
@media(min-width:768px){
	.indMenuBg{
		background-size:cover;
	}
}

.indMenu01{
	margin-bottom:80px
}
.indMenu01 .txtwrap{
	width:80%;
	margin-left:10%;
	margin-right:10%;
	text-align:left;
}
.indMenu01 .img{
	display:block;
	width:90%;
	margin-left:10%;
	margin-bottom:20px;
}
.indMenu01 .txtwrap .ttl01{
	font-size:clamp(3rem,4vw,4.8rem);
	margin-bottom:1em;
}
.indMenu01 .txtwrap .txt01{
	font-size:clamp(2rem,2.2vw,2.4rem);
	margin-bottom:0.5em;
}
.indMenu01 .txtwrap .txt02{
	font-size:1.5rem;
	margin-bottom:1em;
}
.indMenu01 .txtwrap .btn01{
	display:block;
	width:100%;
	color:#000 !important;
	text-decoration: none !important;
	border-bottom:1px solid #000;
	text-align: left;
	padding-bottom:3px;
	font-size:1.3rem;
	position: relative;
}
.indMenu01 .txtwrap .btn01::before{
	content:"";
	display: block;
	right:0;
	bottom:-4px;
	position: absolute;
	background-color:#000;
	width:8px;
	height:8px;
	border-radius:4px;
}

@media(min-width:768px){
	.indMenu01{
		display:flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row-reverse;
	}
	.indMenu01 .txtwrap{
		width:37%;
		margin-left:0%;
		margin-right:5%;
		padding-left:10%;
	}
	.indMenu01 .img{
		width:58%;
		margin-left:0%;
		margin-bottom:0;
	}
	.indMenu01 .txtwrap .ttl01{
		margin-bottom:0.2em;
		line-height: 1.2;
	}
}

.indMenu01.rvs .img{
	margin-left:0%;
	margin-right:10%;
}
@media(min-width:768px){
	.indMenu01.rvs .img{
		margin-right:0%;
	}
	.indMenu01.rvs{
		flex-direction: row;
	}
	.indMenu01.rvs .txtwrap{
		margin-left:5%;
		margin-right:0%;
		padding-left:0%;
		padding-right:10%;
	}
}