@charset "utf-8";
html {font-size: 62.5%;}
body {padding:0; margin:0;}
a{text-decoration: none; color: #000;}
a img:hover{opacity: 0.95;}

/*#content_wrap {
	width:100%;
	padding: 5% 0 0;
	margin:0;
	background-color: #e1ddd8;
}*/
#MW_wrap {
	clear: both;
	width:100%;
	max-width: 1000px;
	padding: 5% 0;
	margin:0 auto;
	 font-family: "Inter", sans-serif;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
	/*font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";*/
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #383325;
	background-color: #F2F1EE;
}
/*#MW_wrap p {padding:0;margin:0;}*/

.clear {clear:both;}
.red{color: #ed1b24; font-weight: 700;}
.sml{font-size: 80%; line-height: 1.7em; margin-top: 3%;}
.bold{font-weight: bold; font-size: 110%;}

.pc {display:none;}
.sp {display:block;}

.Lead_pc {display: none;}

.Lead_sp {
	width: 100%;
	display: block;
	text-align:center;
	font-size:15px;
	margin:0 auto 15%;
	line-height:2em;
}


.main {width: 70%; margin:5% auto 5%;}
.main02 {width: 100%; margin:0 auto 5%;}


/*#MW_wrap h2{width: 100%; margin: 20% auto 5%; font-size: 24px; letter-spacing: 2px; text-align: center;  border-bottom: 1px solid #000; font-weight: 600; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}*/
/*h3{width: 100%; margin: 5% auto 3%;  font-size: 18px; text-align: center;font-weight: 600; text-decoration: underline; padding: 2px 5px; border-left: 4px solid #15365E;}*/

.txt_B{color: #3d3127; }
.txt_R{color: #5e282b; }

/*item*/

.item_box {width: 96%; margin: 0 auto 0; display:flex;	flex-wrap:wrap;	justify-content: space-between; box-sizing: border-box;}
.item1 {width: 48%; margin: 0 0 10% ; position: relative;  display: flex; flex-direction: column;}


/*.credit_box{width: 60%; margin: 6% 0 0;}*/
.credit{width: 100%; margin: 2% auto ; font-weight: 400;  text-align: right;}
/*.credit2{width: 99%; margin: 0 1% 0 0; font-weight: 400;  text-align: right;}*/
.item_n{width: 100%;  font-size: 13px;  margin: 0 0 1%;  line-height: 1.3em;}
.item_p{width: 100%; font-size: 12px;	margin:0; }
.item_d{width: 50%; font-size: 12px;	margin:auto 0 0 49%; margin-top: auto;}

.tax{font-size: 90%;}



.large {
  width: 100%;
  max-width: 600px;
  /*border-radius: 8px;*/
  display: block;
  margin: 0 auto;
}



/*.txt_R{text-align: right}

.credit2 .item_d_R{width: 18%;	margin:3% 0 0 82%;}
*/
/*#MW_wrap ul{list-style: none; padding: 0 ; margin: 0; color: #787c82;}
#MW_wrap ul li{margin-bottom: 3%; font-size: 18px; padding-left:1em; text-indent:-1em;}
*/



/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	 color: #fff;
	background-color:  #7f6753;
	
}


/* Button 1 */
.btn-1 {
	width: 100%;
    margin: 0 auto;
    padding: 2px 0px;
    font-size: 14px;
	font-weight: 500; 
	/*border: 1px solid #686868;*/
	letter-spacing: 2px;
}
.btn-2 {
	width: 80%;
    display: block;
    margin: 5% auto 10%;
    padding: 12px 0px;
    font-size: 16px;
	/* color: #000;
	background-color: #fff;
	border: 1px solid #000;*/
	font-weight: 600; 
	 letter-spacing: 3px;
	/*border: 1px solid #6de2ff;*/
	
}

.btn-3{background-color: #3d3127;}
.btn-4{background-color: #5e282b;}

.btn:hover {
	color: #565656;
	background-color: #B3B3B3;
	/*border: 1px solid #B3B3B3;*/
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	/*border: 1px solid #565656;*/
}





/* 全体設定 */


.timeline {
  max-width: 600px;
  margin: 0 auto;
}

/* タイムラインの1行（Flexboxで左右に配置） */
.timeline-item {
  display: flex;
  position: relative;
  margin-bottom: 40px;
}

/* 左側：画像エリア */
.timeline-image {
  width: 40%;
  padding-right: 15px; /* 中央線との間隔 */
}

.timeline-image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* 右側：テキストエリア */
.timeline-content {
  width: 60%;
  padding-left: 25px; /* 中央線との間隔 */
}

/* 中央の縦線（::before）と丸ドット（::after） */
.timeline-item::before {
  content: "";
  position: absolute;
  left: 40%; /* 画像の右端に合わせる */
  top: 0;
  bottom: -40px; /* 次のアイテムまで線を伸ばす */
  width: 1px;
  background-color: #d1c8c3;
}

/* 最後の要素の線は下に伸ばさない */
.timeline-item:last-child::before {
  bottom: 0;
}

.timeline-item::after {
  content: "";
  position: absolute;
  left: 40%;
  top: 35px; /* 丸ドットの上下位置（調整可能） */
  width: 8px;
  height: 8px;
  background-color: #a89d97;
  border-radius: 50%;
  transform: translateX(-50%); /* 縦線の中央に配置 */
}

/* テキスト装飾 */
.number {
  font-size: 20px;
  color: #a89d97;
  display: block;
  line-height: 1;
}

.title {
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0.1em;
  margin: 5px 0 10px 0;
	text-align: left;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: #7f6753;
}

.divider {
  border: none;
  border-top: 1px solid #d1c8c3;
  width: 30px;
  margin: 0 0 15px 0;
	
}

.subtitle {
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 16px 0;
	color: #7f6753;
}

.description {
  font-size: 12px;
  line-height: 1.6;
  margin: 0;
  color: #665e5a;
}






@media only screen and (min-width: 450px) {
	#MW_wrap {width: 100%; padding: 5% 0 ; max-width: 800px;}
	.main {width: 40%; max-width: 600px;  margin:0 auto 5%; padding: 0;}
	.main2 {width: 100%; max-width: 600px;  margin:0 auto 5%; padding: 0;}
	
	.sp {display:none;}
	.Lead_pc {
		width: 100%;
		margin: 0 auto 8%;
		display: block;
		text-align:center;
		font-size:20px;
		padding:0 ;
		line-height:2em;
	}

	.Lead_sp {display: none;}
	
	/*#MW_wrap h2{width: 100%; margin: 15% auto 5%; font-size: 46px; letter-spacing: 2px;}*/
 
/*item*/
	.item_box {width: 80%; margin: 0 auto 0%; }
	.item1 {width: 45%; margin: 0 0 5%; }
	
	.plus-mark {
	  bottom: 20%;
	  right: 1%;
	  font-size: 45px;
	}

	.credit{width: 100%; margin: 3% auto ; }
	.item_n{width: 100%;  font-size: 18px;  margin: 0 0 1%;  line-height: 1.3em;}
	.item_p{width: 100%; font-size: 18px;	margin:0; }
	.item_d{width: 30%; font-size: 12px;	margin: auto 0 0 69%; }

	.tax{font-size: 80%;}
	
	
	
	
		.timeline {
		  max-width: 580px;
		  margin: 0 auto;
		}

		/* タイムラインの1行（Flexboxで左右に配置） */
		.timeline-item {
		  display: flex;
		  position: relative;
		  margin-bottom: 40px;
		}

		/* 左側：画像エリア */
		.timeline-image {
		  width: 45%;
		  padding-right: 25px; /* 中央線との間隔 */
		}

		.timeline-image img {
		  width: 100%;
		  height: auto;
		  display: block;
		  object-fit: cover;
		}

		/* 右側：テキストエリア */
		.timeline-content {
		  width: 55%;
		  padding-left: 25px; /* 中央線との間隔 */
		}

		/* 中央の縦線（::before）と丸ドット（::after） */
		.timeline-item::before {
		  content: "";
		  position: absolute;
		  left: 45%; /* 画像の右端に合わせる */
		  top: 0;
		  bottom: -40px; /* 次のアイテムまで線を伸ばす */
		  width: 1px;
		  background-color: #d1c8c3;
		}

		/* 最後の要素の線は下に伸ばさない */
		.timeline-item:last-child::before {
		  bottom: 0;
		}

		.timeline-item::after {
		  content: "";
		  position: absolute;
		  left: 45%;
		  top: 35px; /* 丸ドットの上下位置（調整可能） */
		  width: 8px;
		  height: 8px;
		  background-color: #a89d97;
		  border-radius: 50%;
		  transform: translateX(-50%); /* 縦線の中央に配置 */
		}
	
	.title {
	  font-size: 24px;
	  margin: 5px 0 10px 0;
	}

	.divider {
	  width: 30px;
	  margin: 0 0 15px 0;
	}

	.subtitle {
	  font-size: 18px;
	  margin: 0 0 16px 0;
	}

	.description {
	  font-size: 15px;
	  margin: 0;
	}


	/* Button 1 */
	.btn-1 {width: 100%; margin: 0 auto; padding: 6px 0px; font-size: 16px; letter-spacing: 3px;	}	
	.btn-2 {width: 50%; display: block; margin: 10% auto ; padding: 20px 0px; font-size: 20px; letter-spacing: 5px;	font-weight: bold;}	
	


	
}