@charset "utf-8";
/* CSS Document */
p { font-weight: bold; }

#intro { width: 100%; overflow: hidden; margin-bottom: 14vw; }
#intro img { width: 200%; margin-left: -50%; max-width: 300%; }

#taisho { background: url(../../../history/images/bg_taisho.png) left 4vw bottom 4vw no-repeat;
    padding-bottom: 20vw; }
.hunit .mainimg { position: relative; }
.hunit .mainimg .img { width: 160%; margin-left: -7%; max-width: 300%; }
.hunit .mainimg h3 { position: absolute; top:-6vw; right: 6vw; width: 20vw; }
.hunit .mainimg p { position: absolute; bottom: 0; left: 0; padding: 4vw; color: #ffffff;
    font-size: 3.8vw; background: linear-gradient( rgba(0,0,0,0),rgba(0,0,0,0.7));
    margin-bottom: 0; }
.hunit .txt { width: 88vw; margin: 8vw auto 14vw; }
.hunit .txt h4 { font-size: 5vw; line-height: 7vw; margin-bottom: 6vw; }
.hunit .txt p { font-size: 3.8vw; line-height: 5vw; }

#taisho .start { width: 88vw; margin: 0 auto; font-size: 3.8vw; line-height: 5vw; }
#taisho .start .img { margin-bottom: 6vw; }
#taisho .start .img img { width: 100%; margin-bottom: 2vw; }
#taisho .start .txt {  }
#taisho .start .txt p {  }

#history { padding-bottom: 20vw; background: url(../images/bg_history.png) left 4vw top 4vw no-repeat; width: 88vw;
    margin: 16vw auto 0; }
#history h3 { width: 36vw; margin: 0 auto 6vw; }
#history p { font-size: 3.8vw; line-height: 5vw; }
.cflex { width: 100%; }
.cflex li:first-child { margin-bottom: 6vw; }
.cflex li:first-child img { margin-bottom: 2vw; }
.cflex li:last-child { display: flex; flex-direction: row-reverse;
    align-items: flex-end; }
.cflex li:last-child .img { margin-left: 2vw; width: 50%; }
.cflex li:last-child .txt { width: 32vw; }
.cflex li:last-child .txt img { width: 100%; }

#history .history3 { margin: 14vw auto 10vw; width: 60vw; }
#history .history3 img,#history .history4 img { margin-bottom: 2vw; }

.ofh { overflow: hidden; }