@charset "UTF-8";
/* CSS Document */
/*
１００年の歴史
*/
#trajectory-topimage {
	background-image:url(../img/img_main_trajectory_back.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height:300px;
	padding-top:40px;
	padding-left:5%;
}
#en-tit-tra {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:485%;
	line-height:1;
	color:#036eb8;
	font-weight:600;
}
#trajectory-topimage h1 {
	margin-top:5px;
	font-family: 'Noto Serif JP', serif;
	font-size:228%;
	line-height:1.1;
	color:#555;
	font-weight:600;
}
#trajectory-topimage p {
	margin-top:30px;
	font-size:120%;
	color:#333;
	font-weight:500;
}
main {
	width: 960px;
	margin:30px auto 40px;
}
.trajectory-content {
  width: 100%;
  margin-bottom:30px;
}
.trajectory-img {
	vertical-align: bottom;
  width:100%;
}
.trajectory-article {
  width:100%;
  display:flex;
}
.trajectory-title {
	width: 300px;
	background-image:url("../img/tit_100y_back.png");
	background-repeat:repeat-x;
	background-position:bottom left;
	padding:22px 20px;
}
.trajectory-title h2 {
	margin-bottom:10px;
	line-height:1.3;
	font-size:200%;
	font-weight:700;
	color:#fff;
}
span.trajectory-title-s {
	font-size:93%;
}
.tsume {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", "Meiryo UI", "メイリオ", Meiryo, "sans-serif";
	font-weight:bold;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}
.trajectory-year {
	font-family: 'Noto Serif JP', serif;
	font-size:200%;
	font-weight:700;
	color:#fff;
	padding-top:10px;
	border-top:solid 1px #fff;
}
.trajectory-text {
	width: 600px;
	height: auto;
	margin-top: 15px;
  margin-left:40px;
	font-size: 128.5%;
	line-height: 1.8;
	text-align:justify;
	text-justify:distribute;
}
footer {
  margin-top: 100px;
}
/* ----------960px以下---------- */
@media only screen and (max-width:960px) {
  #trajectory-topimage {
	height:31vw;
	padding-top:4vw;
	padding-left:5%;
}
#en-tit-tra {
	font-size: 6.3vw;
}
#trajectory-topimage h1 {
	font-size:3vw;
}
#trajectory-topimage p {
	margin-top:3vw;
	font-size:1.6vw;
}
main {
	width: 90%;
	margin:3vw auto 4vw;
}
  .trajectory-content {
  margin-bottom:3vw;
}
.trajectory-title {
	width: 30vw;
	padding:2.2vw 2vw;
}
.trajectory-title h2 {
	margin-bottom:1vw;
	font-size:2.6vw;
}
span.trajectory-title-s {
	font-size:1.2vw;
}
  .trajectory-year {
	font-size: 2.6vw;
	padding-top:1vw;
}
.trajectory-text {
	width: 60vw;
	margin-top: 1.5vw;
  margin-left:4vw;
	font-size: 1.6vw;
}
footer {
  margin-top: 10.41vw;
}
/* ----------END 960px以下---------- */
}
/* ----------770px以下---------- */
@media only screen and (max-width:770px) {
  .pc-mode2 {
    display:none;
  }
  .tab-mode {
    display:flex;
  }
/* ----------END 770px以下---------- */
}
/* ----------599px以下---------- */
@media only screen and (max-width:599px) {
  .pc-mode {
    display:none;
  }
  .pc-m {
    display:none;
  }
  .tab-mode {
    display:none;
  }
  .tab-m {
    display:none;
  }
  .sp-mode {
    display:block;
  }
  .sp-m {
    display:block;
  }
  #topimage-sp {
    width: 100%;
  }
  #topimage-sp img {
    width: 100%;
  }
main {
	width: 90%;
	margin:3vw auto 10vw;
}
.trajectory-content {
  margin-bottom:5vw;
}
  .trajectory-article {
    display: block;
  }
.trajectory-title {
	width: 100%;
	padding:2vw;
}
.trajectory-title h2 {
	margin-bottom:1vw;
	font-size: 4.8vw;
}
.trajectory-year {
	font-size: 4.8vw;
	padding-top:1vw;
}
.trajectory-text {
	width: 100%;
	margin-top: 1.5vw;
  margin-left: 0;
	font-size: 3.5vw;
  line-height:1.5;
}
/* ----------END 599px以下---------- */
}