@charset "utf-8";
/* CSS Document */

.mhistory {width: 3vw;height: 3vw;}
  .mhistory a:link,a:visited{ display:block;	width:100%;height:100%;background: url(../img/mhistory1.png);background-position:center;background-size:cover;background-repeat: no-repeat;}
    .mhistory a:hover{background:url(../img/mhistory2.png);background-size:cover;}
    .mhistory a:active{background:url(../img/mhistory2.png);background-size:cover;}
.line1{position: absolute;margin: 1vw 0 0 0.6vw;}
.Htextbox{height: 44vw;width: 72vw;position: absolute;top: 1vw;left: 12vw;display: flex;flex-direction: column;overflow-y: scroll;}.Htextbox::-webkit-scrollbar {display: none;}
.text1{width: 100%;height: auto; display: flex;margin-bottom: 1vw;}
h1{color: #DDDDDD;font-size: 2em;margin: 0.8vw 0;}
h5{color: #1C76D4;margin: 0.6vw 0;}
.t1{height: 3vw;width: 6vw;}
.t1 h2{color: #FFFFFF;line-height: 0.6em;margin: 0;}
.text2{display: flex;flex-direction: column;}

.t2{display: flex;margin-bottom: 0.6vw;}
.t3{width: 2vw;}
.t3 h3{color: #FFFFFF;line-height: 1em;margin: 0;}
.t4{width: 56vw;display: flex;flex-direction: column;}
.t4 p{color: #FFFFFF;line-height: 1.4em;margin: 0;font-size: 1em;}

@media(max-width:1440px){.mhistory{height: 6vw;width: 6vw;}.line1{left: 8vw; top: 2vw;}.top{top: 6vw;}.Htextbox{height: 148vw;width: 86vw;top: 10vw;left: 5vw;}h1{text-align: center;}H5{text-align: center;}.t1{height: 6vw; width: 10vw;}.t3{width: 4vw;}.t4{width: 70vw;}}