/* BASIC css start */
div {box-sizing: border-box;}
img {vertical-align: bottom; max-width: 100%}
p {font-size: 15px; word-wrap:break-word; word-break:keep-all;}
#footer {margin-top:0 !important; }
#container {margin-top:16px; }

.box1 {display:flex;align-items: center;}
.box1 span {width:100%}
.box1 img {width:100%}
.box2 {position:relative;text-align:center;display:flex;align-items: center;justify-content: space-evenly;overflow:hidden;padding: 96px 4%; }
.logo-img {margin-bottom: 35px;}
.logo-img  img {height:38px; }
.box2-bg {position:absolute;0:AUTO 100PX;z-index:-1;width:200%}
.box2-text {line-height: 1.6;}
.box3 {padding:42px 0;background:#000;overflow: hidden;}
.box3 img {width: 100%;}
.mid {padding:25px}
.history {text-align: center;font-size: 15px;margin: 50px 0px 0;padding: 0 10% 50px;box-sizing: border-box; position:relative;  }
.history .bg_img span {position:absolute; }
.history .bg_img span.bg01 {left:0; top:0; }
.history .bg_img span.bg02 {left:0; top:25% }
.history .bg_img span.bg03 {left:0; top:50%; }
.history .bg_img span.bg04 {right:0; bottom:0; }
.history_p {font-size: 30px;line-height:1.5;}
.year {margin-top: 60px;}
.year h2 {font-size: 28px;margin-bottom: 24px;font-weight: bold;}
.year p {margin-bottom: 10px;line-height: 1.5;}



/* BASIC css end */