@charset "utf-8";

/******************************************************/
/* main */
/******************************************************/

body{background: url(../img/history/bg_txt.jpg) center top repeat ;}
.h_txt_set{
	 background: url(../img/history/bg_txt.jpg) center top repeat ;
	 padding: 5vw;
}

	.h_txt_set .h_txt_innner{
		 max-width: 1200px;
		 margin: auto;
		 box-sizing: border-box;
	}

	.h_txt_set h2{
		 text-align:center;
		 font-size: 2.5vw;
		 margin-bottom: 2vw;
	}

	.h_txt_set h3{
		 text-align:center;
		 font-size: 1.8vw;
		 margin-bottom: 2vw;
	}

	.h_txt_set .h_lead{
		 font-size: 1.1vw;
	}

	.h_txt_set .txt_main{
		 text-align: left;
		 margin-bottom: 2vw;
	}

	.h_txt_set dl{
		 text-align: left;
		 display: flex;
		 margin-bottom: 1vw;
	}
			.h_txt_set dl:last-child{
				 margin-bottom: 0;
			}
			.h_txt_set dl dt{
			 width: 17%;
			 line-height: 180%;
		}
		.h_txt_set dl dd{
			 width: 83%;
			 line-height: 180%;
		}

		.cr{
			text-align: center;
			font-size: 100%;
			line-height: 200%;
		}

@media screen and (max-width: 768px) {

	.h_txt_set h2{
		 font-size: 130%;
		 margin-bottom: 3vw;
	}

	.h_txt_set h3{
		 text-align:center;
		 font-size: 120%;
		 margin-bottom: 2vw;
	}

	.h_txt_set .h_lead{
		 line-height: 180%;
		 font-size: 100%;
	}

		.h_txt_set .txt_main{
			 line-height: 200%;
		}

		.h_txt_set dl{
			 display: block;
		 	margin-top: 15px;

		}
			.h_txt_set dl dt{
			 width: 100%;
			 font-weight: bold;
		}
		.h_txt_set dl dd{
			 width: 100%;
		}

		.cr{
			font-size: 80%;
			line-height: 180%;
			margin-top:20px;
		}

	}


/******************************************************/
/* clear */
/******************************************************/
.clear:after{
	display:block;content:"";clear:both;overflow:hidden;
}


/******************************************************/
/* パララックス */
/******************************************************/
.u-sp-media { display: none; }
.p-index-parallax1 { background: url(../img/history/main01.jpg) 50% 0 no-repeat fixed; background-size: cover; }
.p-index-parallax2 { background: url(../img/history/main02.jpg) 50% 0 no-repeat fixed; background-size: cover; }
.p-index-parallax3 { background: url(../img/history/main03.jpg) 50% 0 no-repeat fixed; background-size: cover; }
.p-index-parallax4 { background: url(../img/history/main04.jpg) 50% 0 no-repeat fixed; background-size: cover; }
.p-index-parallax5 { background: url(../img/history/main05.jpg) 50% 0 no-repeat fixed; background-size: cover; }
.p-index-parallax6 { background: url(../img/history/main06.jpg) 50% 0 no-repeat fixed; background-size: cover; }

@media screen and (max-width: 768px) {
	.u-sp-media { display: block; }
	.is-mainbg{opacity: 1!important;}
}