/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');

.fontNotoSans {
	font-family: "Noto Sans JP", sans-serif;
}

/*-----------------------------*/

body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	/*word-break: keep-all;
	line-break: strict;
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-feature-settings: "palt";*/
}

header {
    background: #000;
    border-bottom: 1px solid #FFF;
    padding: 6px 10px 6px 10px;
    height: 30px;
    overflow: hidden !important;
}
header img {
	max-width: 100%;
	width: 131px;
	height: auto;
}

/*-------------------*/
.anc {
	position: relative;
}
.ancIn {
	position: absolute;
	top: -43px;
}
/*-------------------*/

a:hover {
	opacity: 0.8;
}

a {
	transition: opacity 0.3s ease-out;
}

img {
	max-width: 100%;
	width: auto;
	height: auto;
}

.posiRe01 {
	position: relative;
}

/*----------------------------------*/

.alc {
	text-align: center;
}

.weightM {
	font-weight: 500;
}
.weightB {
	font-weight: bold;
}

.colRed01 {
	color: #d80b2a;
}

.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mb-110 {margin-bottom: 110px;}
.mb-120 {margin-bottom: 120px;}
.mb-130 {margin-bottom: 130px;}
.mb-140 {margin-bottom: 140px;}
.mb-150 {margin-bottom: 150px;}
.mb-160 {margin-bottom: 160px;}
.mb-170 {margin-bottom: 170px;}
.mb-180 {margin-bottom: 180px;}
.mb-190 {margin-bottom: 190px;}
.mb-200 {margin-bottom: 200px;}
.mb-250 {margin-bottom: 250px;}
.mb-270 {margin-bottom: 270px;}
.mb-280 {margin-bottom: 280px;}
.mb-300 {margin-bottom: 300px;}
.mb-360 {margin-bottom: 360px;}
.mb-390 {margin-bottom: 390px;}
.mb-410 {margin-bottom: 410px;}

.mt-80 {
	margin-top: 80px;
}

@media (max-width: 750px) {
	.mb-5 {margin-bottom: 0.66vw;}
	.mb-10 {margin-bottom: 1.33vw;}
	.mb-15 {margin-bottom: 2.0vw;}
    .mb-20 {margin-bottom: 2.67vw;}
    .mb-30 {margin-bottom: 4vw;}
    .mb-40 {margin-bottom: 5.33vw;}
    .mb-50 {margin-bottom: 6.67vw;}
    .mb-60 {margin-bottom: 8vw;}
    .mb-70 {margin-bottom: 9.33vw;}
    .mb-80 {margin-bottom: 10.67vw;}
    .mb-90 {margin-bottom: 12vw;}
    .mb-100 {margin-bottom: 13.33vw;}
    .mb-110 {margin-bottom: 14.67vw;}
    .mb-120 {margin-bottom: 16vw;}
    .mb-130 {margin-bottom: 17.33vw;}
    .mb-140 {margin-bottom: 18.67vw;}
    .mb-150 {margin-bottom: 20vw;}
    .mb-160 {margin-bottom: 21.33vw;}
    .mb-170 {margin-bottom: 22.67vw;}
    .mb-180 {margin-bottom: 24vw;}
    .mb-190 {margin-bottom: 25.33vw;}
    .mb-200 {margin-bottom: 26.67vw;}
	.mb-250 {margin-bottom: 33.34vw;}
	.mb-270 {margin-bottom: 36vw;}
	.mb-280 {margin-bottom: 37.34vw;}
	.mb-300 {margin-bottom: 40vw;}
	.mb-360 {margin-bottom: 48vw;}
	.mb-390 {margin-bottom: 52vw;}
	.mb-410 {margin-bottom: 54.67vw;}
.mt-80 {margin-top: 10.67vw;}
}


#page-top {
	width: 80px;
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top.fixed {
    position: fixed !important;
}

@media (max-width: 750px) {
	#page-top {
		width: 10.66vw;
			bottom: 2.66vw;
			right: 2.66vw;
	}
}

/* -----------------------------------------
	SNS footer
-----------------------------------------*/
#sns-footer {
	background: #EEE;
	/*margin-top: 4em;*/
}
#sns-footer svg {
	width: 100%;
}
#sns-footer img {
	width: 100%;
}
#sns-footer #sns-footer-inner {
	max-width: 750px;
	margin: auto;
}
#sns-footer #sns-footer-inner #sns-footer-tit {
	padding: 12% 20% 5%;
}
#sns-footer #sns-footer-inner #sns-footer-line {
	padding: 0 14% 10%;
}
#sns-footer #sns-footer-inner #sns-footer-tit-02 {
	padding: 0 33% 3.5%;
}
#sns-footer #sns-footer-inner #sns-footer-list {
	padding: 0 14% 15%;
	overflow: hidden;
}
#sns-footer #sns-footer-inner #sns-footer-list li {
	float: left;
	width: 33.33333%;
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
}
#sns-footer #sns-footer-inner #sns-footer-list li a {
	display: block;
	padding: 5%;
}


/* -----------------------------------------
contents
-----------------------------------------*/

#main {
	position: relative;
}
#main::before {
	content: "";
	background-image: url("../img/251212/base_bg01_pc.webp");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 354px;
	width: 100%;
	height: 354px;
	position: fixed;
	bottom: 0px;
	left: 0px;
}

#container {
	font-family: "Zen Kaku Gothic New", sans-serif;
	margin: auto;
	width: 100%;
	max-width: 750px;
	overflow: hidden;
	color: #000000;
	background-color: #ffffff;
	position: relative;
}

/*-------------------------*/

.headerMenuWrap01 {
	/*display: none;*/
	width: 100%;
	height: 100%;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 99999;
	visibility: hidden;
	opacity: 1;
	/*transition-duration: 0.6s;*/
	transition: all 0.6s;
}
.headerMenuWrap01.contOpen {
	visibility: visible;
	opacity: 1;
	/*transition-duration: 0.2s;*/
	transition: all 0.6s;
}
.headerMenuBg01 {
	width: 110vw;
	height: 100%;
	/*background-color: #ffffff;
	filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 0;
}

.accordionMenu {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    width: 100%;
    max-width: 750px;
    z-index: 1000;
}

.accordionMenu_inner {
	position: relative;
}

.accordionMenu.fixed {
    position: fixed;
}

.menuSp01 {
	width: 74px;
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: 270px;
	z-index: 100;
}

.menuContSp01 {
	/*width: 100%;*/
	width: 750px;
	height: 100vh;
	box-sizing: border-box;
	padding: 25px 31px;
	background-color: #a38f53;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	transition: all 0.6s;
	opacity: 0;
	z-index: 1;
}
.contOpen .menuContSp01 {
	/*left: 0px;*/
	opacity: 1;
	transition: all 0.6s;
}
.menuContSp01 a {
	display: block;
}

.menuBtnClose01 {
	text-align: right;
}
.menuBtnClose01 img {
	width: 74px;
}

/*---*/

.menuContWrap01 {
	height: calc( 100vh - 142px );
	overflow: auto;
	box-sizing:border-box;
	padding: 75px 0px;
}

.headerNavi01 {
	display: flex;
	flex-wrap: wrap;
	gap: 74px 0px;
}
.headerNavi01 li {
	width: 100%;
	text-align: center;
}
.headerNavi01 li a {
	display: block;
	color: #ffffff;
}
.headerNavi01 li .p01 {
	margin-bottom: 15px;
}
.headerNavi01 li .p01 img {
	width: auto;
	height: 25px;
}
.headerNavi01 li .p02 {
	font-size: 36px;
	line-height: 1.55em;
	font-weight: bold;
	margin-top: 10px;
}
.headerNavi01 li .p03 {
	font-size: 24px;
	line-height: 1.4em;
	font-weight: bold;
}


/*------------------*/

.contBox01 {
	padding: 0px 40px;
}
.contSnsWrap01 {
	padding: 0px 50px;
}
.contBottomTextBox01 {
	background-color: #ffffff;
	font-size: 24px;
	line-height: 1.8em;
	font-weight: 500;
	text-align: center;
	padding: 90px 20px 120px;
}




@media (max-width: 750px) {

	.menuSp01 {
		width: 9.86vw;
		top: 4vw;
		/*top: calc( 43px + 3.33vw );*/
		margin-left: 36vw;
	}
	.menuContSp01 {
		width: 100vw;
		height: 100vh;
		padding: 3.33vw 4.13vw;
	}
	.menuBtnClose01 img {
		width: 9.86vw;
	}

	/*---*/

	.menuContWrap01 {
		height: calc( 100vh - 43px - 3.33vw - 9.86vw );
		padding: 10vw 0px;
	}

	.headerNavi01 {
		gap: 9.86vw 0px;
	}
	.headerNavi01 li .p01 {
		margin-bottom: 2vw;
	}
	.headerNavi01 li .p01 img {
		height: 3.33vw;
	}
	.headerNavi01 li .p02 {
		font-size: 4.8vw;
		margin-top: 1.33vw;
	}
	.headerNavi01 li .p03 {
		font-size: 3.2vw;
	}


	/*------------------*/

	.contBox01 {
		padding: 0px 5.33vw;
	}
	.contSnsWrap01 {
		padding: 0px 6.66vw;
	}
	.contBottomTextBox01 {
		font-size: 3.2vw;
		padding: 12vw 2.66vw 16vw;
	}


}


/*-------------------------------
	2025/12/05
--------------------------------*/
#container {
	border-right: solid 2px #d80b2a;
	border-left: solid 2px #d80b2a;
}
.mainPcLogo01 {
	width: 360px;
	position: fixed;
	top: 83px;
	left: 40px;
}

.mainBlock01 {
	position: relative;
}
.mainDeco01 {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: -1px;
}
.mainDeco01 img {
	vertical-align: bottom;
}

.mainText01 {
	width: 185px;
	position: absolute;
	top: 50px;
	left: 50px;
		animation-delay: 0.4s;
		-webkit-animation-delay: 0.4s;
}
.mainTit01 {
	width: 579px;
	position: absolute;
	top: 454px;
	left: 50%;
	transform: translateX(-50%);
		animation-delay: 1.0s;
		-webkit-animation-delay: 1.0s;
}

.scroll-border{
	position: absolute;
	left: 50%;
    background:rgba(255,255,255,0.4);
	bottom: 0;
	width: 2px;
	height: 290px;
	overflow: hidden;
}
.scroll-border::before{
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 40px;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    animation: scrollbar 3.0s ease-in-out infinite;
    margin: auto;
}

@keyframes scrollbar {
	0% {
	  height: 0;
	  top: 0;
	}
	30% {
	  height: 30%;
	}
	100% {
	  top: 100%;
	}
}

/*--------------*/

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
  animation-fill-mode: both;
        opacity: 0;
		animation-duration: 1.5s;
}

/*---------------------*/

.mainBlock02 {
	padding: 120px 0px 0px;
}
.mainTit02 {
	text-align: center;
	margin-bottom: 80px;
}
.mainTit02 img {
	width: 137px;
	height: auto;
}
.text30_185_n {
	font-size: 30px;
	line-height: 1.85em;
}
.mainTextBox01 {
	padding: 65px 10px 70px;
}
.mainTextBox02 {
	padding: 35px 10px;
	background-color: #f6f4ee;
}
.text26_185_n {
	font-size: 26px;
	line-height: 1.85em;
}
.contLink01 {
}
a.contLink01:link {	text-decoration: underline;}
a.contLink01:visited {	text-decoration: underline;}
a.contLink01:hover {	text-decoration: none;}
a.contLink01:active {	text-decoration: none;}

.mainBox01 {
	border: 2px solid #a59153;
	padding: 4px;
	position: relative;
}
.mainBox01In {
	background-color: #a59153;
	color: #ffffff;
}
.mainBox01In .box01 {
	padding: 65px 50px 60px;
}
.contPd0_50 {
	padding-left: 50px;
	padding-right: 50px;
}
.contText01 {
	width: 291px;
	position: absolute;
	left: 16px;
	top: -80px;
}
.contH301 {
	text-align: center;
	font-size: 43px;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 45px;
}
.contH301 .s01 {
	font-size: 34px;
	line-height: 1.65em;
}
.cyusyaku01 {
	font-size: 21px;
	line-height: 1.7em;
	font-weight: 500;
	text-align: right;
}
.text38_15_n {
	font-size: 38px;
	line-height: 1.5em;
}
.contH302 {
	width: 230px;
	margin: auto auto 45px;
}
.text36_165_n {
	font-size: 36px;
	line-height: 1.65em;
}
.text21_17_n {
	font-size: 21px;
	line-height: 1.7em;
}
.jsonFlex01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 52px 0px;
}
.jsonFlex01 li {
	width: 47.6%;
}

.contH303 {
	font-size: 21px;
	line-height: 1.6em;
	font-weight: 500;
	text-align: center;
	position: relative;
	padding-top: 45px;
}
.contH303::before {
	content: "";
	width: 56px;
	height: 1px;
	background-color: #231815;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
}

.contSnsBlock01 {
	padding: 0px 50px 100px;
}
.snsFlex01 {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
}

/*-------------------*/

.archiveBlock01 {
	background-color: #00132e;
	padding: 190px 0px 300px;
	color: #ffffff;
}
.contH304 {
	width: 151px;
	margin-left: auto;
	margin-right: auto;
}
.contH305 {
	position: relative;
	padding-top: 100px;
	width: 546px;
	margin-left: auto;
	margin-right: auto;
}
.contH305::before {
	content: "";
	width: 66px;
	height: 1px;
	background-color: #ffffff;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
}
.archiveBox01 {
	background-image: url("../img/251212/cont03_bg01.webp");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	padding: 60px 30px 70px;
	text-align: center;
}
.text34_155_n {
	font-size: 34px;
	line-height: 1.55em;
}
.contH401 {
	position: relative;
	width: 573px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 140px;
}
.contH401::before {
	content: "";
	width: 66px;
	height: 1px;
	background-color: #ffffff;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
}
.bottomTextBox01 {
	text-align: left;
	padding: 0px 45px 35px;
}
.cyusyakuBottom01 {
	font-size: 18px;
	line-height: 1.7em;
	letter-spacing: -0.02em;
}







@media (max-width: 750px) {
	
	#container {
		border-right: none;
		border-left: none;
	}

	.mainPcLogo01 {
		width: 56.13vw;
		top: 11.06vw;
		left: 5.33vw;
	}

	.mainText01 {
		width: 24.66vw;
		top: 6.66vw;
		left: 6.66vw;
	}
	.mainTit01 {
		width: 77.2vw;
		top: 60.53vw;
	}

	.scroll-border{
		width: 2px;
		height: 38.66vw;
	}
	.scroll-border::before{
			width: 3px;
			height: 5.33vw;
	}

	/*--------------*/

	.mainBlock02 {
		padding: 16vw 0px 0px;
	}
	.mainTit02 {
		margin-bottom: 10.66vw;
	}
	.mainTit02 img {
		width: 18.26vw;
	}
	.text30_185_n {
		font-size: 4vw;
	}
	.mainTextBox01 {
		padding: 8.66vw 1.33vw 9.33vw;
	}
	.mainTextBox02 {
		padding: 4.66vw 1.33vw;
	}
	.text26_185_n {
		font-size: 3.46vw;
	}

	.mainBox01 {
		border: 2px solid #a59153;
		padding: 0.53vw;
		position: relative;
	}
	.mainBox01In .box01 {
		padding: 8.66vw 6.66vw 8vw;
	}
	.contPd0_50 {
		padding-left: 6.66vw;
		padding-right: 6.66vw;
	}
	.contText01 {
		width: 38.8vw;
		left: 2.13vw;
		top: -10.66vw;
	}
	.contH301 {
		font-size: 5.73vw;
		margin-bottom: 6vw;
	}
	.contH301 .s01 {
		font-size: 4.53vw;
	}
	.cyusyaku01 {
		font-size: 2.8vw;
	}
	.text38_15_n {
		font-size: 5.06vw;
	}
	.contH302 {
		width: 30.66vw;
		margin: auto auto 6vw;
	}
	.text36_165_n {
		font-size: 4.8vw;
	}
	.text21_17_n {
		font-size: 2.8vw;
	}
	.jsonFlex01 {
		gap: 6.93vw 0px;
	}
	.contH303 {
		font-size: 2.8vw;
		padding-top: 6vw;
	}
	.contH303::before {
		width: 7.46vw;
	}

	.contSnsBlock01 {
		padding: 0px 6.66vw 13.33vw;
	}
	.snsFlex01 {
		gap: 5.33vw;
	}

	/*-------------------*/

	.archiveBlock01 {
		padding: 25.33vw 0px 40vw;
	}
	.contH304 {
		width: 20.13vw;
	}
	.contH305 {
		padding-top: 13.33vw;
		width: 72.8vw;
	}
	.contH305::before {
		width: 8.8vw;
	}
	.archiveBox01 {
		padding: 8vw 4vw 9.33vw;
	}
	.text34_155_n {
		font-size: 4.53vw;
	}
	.contH401 {
		width: 76.4vw;
		padding-top: 18.66vw;
	}
	.contH401::before {
		width: 8.8vw;
	}
	.bottomTextBox01 {
		padding: 0px 6vw 4.66vw;
	}
	.cyusyakuBottom01 {
		font-size: 2.4vw;
	}




}


/*-------------------------------*/

.btnMore01 {
	width: 205px;
}
.snsFlex01 li img {
	width: 81px;
	height: auto;
}



@media (max-width: 750px) {

.btnMore01 {
	width: 27.33vw;
}
.snsFlex01 li img {
	width: 10.8vw;
}



}

.info p {
	text-align: left;
}


/**/


/* 1600px以下で可変 */
@media (max-width: 1600px) {
	.mainPcLogo01 {
		width: clamp(
			250px,
			calc(360px - (1600px - 100vw) * 0.55),
			360px
		);
	}
}

@media (max-width: 750px) {
	.mainPcLogo01 {
		width: 56.13vw;
		top: 11.06vw;
		left: 5.33vw;
	}
}