.Alabel {
    background: #1a3465;
    font-size: 15px;
    /* line-height: 22px; */
    line-height: 35px;
    height: 130px;
    position: absolute;
    /* padding: 5px 5px; */
    padding: 5px 0px;
    display: block;
    top: 60px;
    width: 30px;
    color: #ffffff;
    letter-spacing: 1px;
    text-align: left;
    float: right;
    right: 0px;
    clear: both;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
    border-radius: 0px 10px 10px 0px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: center;
    transform: rotate(180deg);
    -ms-writing-mode: tb-rl;
}

.Blabel {
    background: #1a3465;
    font-size: 15px;
    /* line-height: 22px; */
    line-height: 35px;
    height: 130px;
    position: absolute;
    /* padding: 5px 5px; */
    padding: 5px 0px;
    display: block;
    top: 200px;
    width: 30px;
    color: #ffffff;
    letter-spacing: 1px;
    text-align: left;
    float: right;
    right: 0px;
    clear: both;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
    border-radius: 0px 10px 10px 0px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: center;
    transform: rotate(180deg);
    -ms-writing-mode: tb-rl;
}
.Clabel {
    background: #1a3465;
    font-size: 15px;
    /* line-height: 22px; */
    line-height: 35px;
    height: 130px;
    position: absolute;
    /* padding: 5px 5px; */
    padding: 5px 0px;
    display: block;
    top: 50px;
    width: 30px;
    color: #ffffff;
    letter-spacing: 1px;
    text-align: left;
    float: right;
    right: 0px;
    clear: both;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
    border-radius: 0px 10px 10px 0px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: center;
    transform: rotate(180deg);
}
#Asite {
    height: 365px;
    transition: all 1s ease 0s;
    width: 255px;
    background-color: #1a3465;
    position: absolute;
    right: -255px;
    top: 30px;
    z-index: 2;
    overflow-x: hidden;
    opacity: 0.9;
    border-radius: 0px 0px 0px 10px;
}

#Bsite {
    height: 385px;  
    transition: all 1s ease 0s;
    width: 255px;
    background-color: #1a3465;
    position: absolute;
    right: -255px;
    top: 50px;
    z-index: 2;
    overflow-x: hidden;
    opacity: 0.9;
    border-radius: 0px 0px 0px 10px;
}


.description {
    left: 80px;
    width: 170px;
    height: 44px;
    top: 23px;
    position: relative;

}

.description p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 170px;
    height: 44px;
    font-size: 13px;
    line-height: 14px;
}

.posttitle {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 80px;
    position: absolute;
    font-size: 17px;
    width: 170px;
    height: 20px;
}

.postlist {
    width: 300px;
    height: 70px;
    margin: 3px 3px 10px 3px;
}
.infotext{
    font-size: 12px;
    
}

.infotitle{
    font-weight:bold;
}
.righttext li{
    font-size: 12px;
    padding-right: 30px;
    padding-left: 20px;
    text-indent: -10px;
}

/* tooltip */

.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip .tooltip-content0 {
    position: absolute;
    /* visibility: hidden; */
    opacity: 0;
    width: 550px;
    height: 50px;
    background-color: rgba(58,68,84,0.8);
    border-radius: 5px;
    left: 100%;
    padding: 0;
    top: 14px;
    font-size: 32px;
    margin-left: 3px;
    padding: 8px 10px;
    color: white;
    text-overflow: ellipsis;
    text-align: center;
    z-index: 1;
    -ms-transform: translateX(-8px);
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
    -webkit-transition: -ms-transform 0.3s, -webkit-transform 0.3s, transform 0.3s, opacity 0.3s;
    transition: -ms-transform 0.3s, -webkit-transform 0.3s, transform 0.3s, opacity 0.3s;
    
}
.tooltip:hover .tooltip-content0 { opacity: 1; }

.tooltip .tooltip-content1 {
    position: absolute;
    /* visibility: hidden; */
    opacity: 0;
    width: 300px;
    height: 50px;
    background-color: rgba(58,68,84,0.8);
    border-radius: 5px;
    left: 100%;
    padding: 0;
    top: 14px;
    font-size: 32px;
    margin-left: 3px;
    padding: 8px 10px;
    color: white;
    text-overflow: ellipsis;
    text-align: center;
    z-index: 1;
    -ms-transform: translateX(-8px);
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
    -webkit-transition: -ms-transform 0.3s, -webkit-transform 0.3s, transform 0.3s, opacity 0.3s;
    transition: -ms-transform 0.3s, -webkit-transform 0.3s, transform 0.3s, opacity 0.3s;
    
}
/* .tooltip:hover .tooltip-content1 { visibility: visible; } */
.tooltip:hover .tooltip-content1 { opacity: 1; }

/* footer */
#footer {width: 100%; padding-top: 30px; background: #F7F8F9;}
.section #footer {position: absolute; bottom: 0; padding: 12px 0;}
.bt_inner {width: 80%; margin: 0 auto;}
.bt_inner p {color: #6178ff; font-size: 14px;}
.footer_row, .bt_footer_wrap {display: flex; align-items: center; justify-content: center;}
.top_footer_l, .bt_footer_l, .top_footer_r, .bt_footer_r {width: 50%; position: relative;}
.top_footer_r {padding-top: 10px;}
.ft_gnb {position: relative; z-index: 10;}
.ft_gnb > li {width: 200px; padding: 3px 0; margin: 3px 0;}
.ft_gnb > li:last-child {padding-bottom: 0;}
.footer_row {padding: 0 0 30px 0;}
.footer_row li a {font-size: 18px;}
.fn {display: flex; top: 0;}
.fn:nth-child(1) .ft_snb {top: 4px;}
.fn:nth-child(2) .ft_snb {top: 34px;}
.fn:nth-child(3) .ft_snb {top: 66px;}
.fn:nth-child(4) .ft_snb {top: auto; bottom: -3px;}
.fn:nth-child(5) .ft_snb {top: 127px;}
.fn:nth-child(6) .ft_snb {top: auto; bottom: 3px;}
.ft_snb {display: none; position: absolute; left: 172px; opacity: 0;}
.ft_snb li a {color: #72787F; font-size: 15px; margin-bottom: 5px;}
.ft_snb li:last-child a {margin-bottom: 0;}
.ft_snb::after {content: ''; position: absolute; top: 9px; left: -82px; display: block;  width: 74px; height: 1px;
  background: #72787F; transition: .3s; z-index: -1;}
.fn:nth-child(2) .ft_snb::after {width: 60px; left: -68px;}
.fn:nth-child(3) .ft_snb::after {width: 47px; left: -55px;}
.fn:nth-child(4) .ft_snb::after {width: 64px; left: -73px;}
.fn:nth-child(6) .ft_snb::after {top: 78px; width: 53px; left: -62px;}
.fn_text.on + .ft_snb {display: block; opacity: 1;}
.footer_row.copy_row {padding: 30px 0 15px 0}
.copyright p {font-size: 12px; color: #72787F;}
.copyright a {display: inline-block; color: #72787F; border-bottom: 1px solid #72787F;}
.sns ul {display: flex; justify-content: center;}
.sns li a {width: 30px; height: 30px; background: url(../images/ico_linked_in.png) no-repeat;
  background-position: center center; background-size: 25px 25px; margin: 0 6px;}
.sns li a.twitter {background-image: url(../images/ico_twitter.png);}
.bt_footer {position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(0, 20, 66, 0.9); padding: 7px 0; z-index: 50;}
.bt_footer.on {display: none;}
.bt_footer_l p {font-size: 12px; color: #fff; left: 15px; position: relative;}
.bt_footer_r {text-align: left;     left: 15px;}
.bt_footer_r button {width: 90px; text-align: center; color: #fff; border: 1px solid #fff;
  border-radius: 5px; padding: 10px 0; margin: 0 auto; background: none; font-size: 18px;}
.close_btn_box {position: absolute; top: 10px; right: 10px;}
.close_btn_box button {width: 20px; height: 20px; background: url(./img/ico_close_btn.png) no-repeat;
  background-position: center center; background-size: contain;}
/* Signup Form */
.signup_wrap {padding-top: 20px;}
.signup_text p {font-size: 40px; text-align: center; font-weight: bold; margin: 10px;}
.signup_text span {display: block; font-size: 15px; color: #72787F; text-align: center; line-height: 1.3; word-break: keep-all;}
.signup_box {display: flex; justify-content: center;}
.signup_box label {display: none;}
.signup_box input {padding: 12px 35px; font-size: 15px;}
.signup_box input[type="email"] {width: 190px; padding: 11px 15px; border: 1px solid #72787F;
  border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #F7F8F9;}
.signup_box input[type="email"]::placeholder {text-align: center; text-indent: 0; color: #72787F;}
.signup_box input[type="email"]:-ms-input-placeholder {color: #72787F; text-align: center; text-indent: 0;}
.signup_box input[type="submit"] {width: 120px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-weight: bold;
  background: linear-gradient(97.59deg, #264D7D 23.24%, #5AB5C4 78.32%); color: #fff;}
.signup_box .signup_btn {cursor: pointer;}
.signup_textbar {padding: 12px 40px;}
/* top btn */
.scroll_top_box {position: fixed; right: 50%; bottom: 100px; margin-right: -636px; z-index: 1000; transition: bottom 0.2s ease-in-out;}
.scroll_top_box.on {opacity: 1;}
.scroll_top_box.off {opacity: 0;}
button.scroll_top_btn {width: 25px; height: 25px; background: url(../images/top_btn.png) no-repeat center/contain;}