@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');

body {width:calc(100% - 0px); margin:0 auto; }

.line1 {/*background:url(img/line1.jpg)no-repeat center top; padding-top:180px;*/ margin-top:90px;}
.line2 {/*background:url(img/line2.jpg)no-repeat center top; padding-top:180px;*/ margin-top:90px;}

div.flex1{display:flex; justify-content:space-between;  max-width:100%; margin:0 auto;}
div.flex1 .tit_main {min-width:140px;}
div.flex1 .item {flex-grow: 1;}
div.flex1 .tit_main h3 {font-size:35px; writing-mode: vertical-lr; text-orientation: upright; letter-spacing:-6px;
 line-height:35px; font-weight:500; color:#333;  }
div.flex1 .tit_main .txt{font-size:18px ; font-weight:400;}

.tit_main .more {  margin-top:50px; }
.tit_main .more a {display:block; font-size:16px; width:160px; color:#333; text-align:center; padding:7px 0 10px 0; 
background-color:#fff; border:1px solid #888; border-radius:50px;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1400px) {
div.flex1 .tit_main {min-width:120px;}
}
@media (max-width: 1023px) {
body {width:calc(100% - 0px); margin:0 auto; }	
.line1 {/*background:url(img/line1.jpg)no-repeat center top; background-size:60px auto; padding-top:100px;*/ margin-top:0px;}
.line2 {/*background:url(img/line2.jpg)no-repeat center top; background-size:60px auto; padding-top:80px;*/ margin-top:0px;}
div.flex1{display:block; max-width:100%; width:100%;  }
div.flex1 .item {width:100%; max-width:100%;  }
div.flex1 .tit_main {min-width:100px;}
div.flex1 .tit_main h3 {font-size:25px;   text-transform: uppercase; writing-mode: horizontal-tb; text-orientation: upright; letter-spacing:0px;
 line-height:35px;   padding-bottom:20px; font-weight:600; }

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}