@charset "UTF-8";
/*
Theme Name: bbs
Author: bbs
Version: 1.0.0
*/

/**
* 共通
*/
html {
    scroll-behavior: smooth;
    background-color: #f7f7f7;
    /* background-image: */
        /* linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.6)),
        url("./img/white_bk.jpg"); */
    background-size: cover;
    background-position: center;
}
a {
    text-decoration: none;
}
ul, ol, li {
    list-style: none;
}
div {
    box-sizing: border-box;
}
img {
    width: 100%;
}
@media screen and (max-width: 768px) {
    html {
        font-size: calc(100vw / 768 * 10);
    }
}

.grecaptcha-badge { 
	visibility: hidden; 
}

/* PC/SP */
.disp_pc {
    display: block;
}
.disp_sp {
    display: none;
}
@media screen and (max-width: 768px) {
    .disp_pc {
        display: none;
    }
    .disp_sp {
        display: block;
    }
}

@media(min-width: 768px){
    a[href^="tel:"]{
        pointer-events: none;
    }
}
@media(max-width: 500px){
    body {
        overflow-x: hidden;
    }
}

.fadein {
	opacity: 0;
	transform: translateY(30px);
	transition-property: transform, opacity;
	transition-duration: 1.5s;
	transition-delay: 0s;
}
.fadein.is-active {
	opacity: 1;
	transform: translateY(0);
}

/* 
 * フォント
 */
body {
    font-family: "Noto Serif JP", serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #2B2B2B;
    margin: 0;
}
.font_notosans {
    font-family: "Noto Sans JP", sans-serif;
}
.font_notoserif {
    font-family: "Noto Serif JP", serif;
}
.font_zenmincho {
    font-family: "Zen Old Mincho", serif;
}
.font_zenkakugo {
    font-family: "Zen Kaku Gothic New", sans-serif;
}
.font_zenmarugo {
    font-family: "Zen Maru Gothic", sans-serif;
}
.font_mplus {
    font-family: "M PLUS 1p", sans-serif;
}
.font_kleeone {
    font-family: "Klee One", cursive;
}
.font_yomogi {
    font-family: "Yomogi", cursive;
}



/* 
 * ヘッダー
 */
.g-header {
    width: 100vw;
    height: 90px;
    background-color: rgba(247,247,247,0.8);
    position: fixed;
    top: 0;
    z-index: 5;
}
header .inner{
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
    height: 90px;
    margin: 0 auto;
    z-index: 5;
}
header .logo {
    margin: 10px auto;
}
header .logo img {
    width: 300px;
}
@media(max-width: 1440px){
    header .logo {
        margin: 1vw 0;
    }
    header .logo img {
        width: 260px;
    }
}
@media(max-width: 768px){
    header .logo {
        height: auto;
        padding: 2.5rem 0 1.5rem 0;
        margin: 0;
    }
    header .logo img{
        width: 265px;
    }
    header .inner{
        width: 90%;
        margin: 5px auto 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* ハンバーガー */
body.no-scroll {
    overflow: hidden;
}
.hamburger_gr {
    display: block;
    margin-right: 5px;
}
.hamburger {
    width: 25px;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    z-index: 30;
    position: relative;
}
.hamburger span {
    height: 1.5px;
    background: #333333;
    border-radius: 1px;
    transition: all 0.4s ease;
}
.hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(7px, 6px);
}
.hamburger.active span:nth-child(2) {
    opacity: 0;
}
.hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}
.nav-menu {
    display: none;
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background: #ffffff;
    transition: right 0.4s ease;
    z-index: 1000;
    padding: 60px 0;
    z-index: 20;
}
.nav-menu.active {
    display: block;
}
.nav-menu.active {
    right: 0;
}  
.nav-menu ul {
    list-style: none;
    margin: 0;
    padding: 40px;
} 
.nav-menu li {
    margin: 20px 0;
} 
.nav-menu a {
    color: #333333;
    text-decoration: none;
    font-size: 16px;
}



/* 
 * トップページ ファーストビュー
 */
.fv {
    position: relative;
    overflow: hidden;
}
.fv .visual_img_shs {
    width: 480px;
    margin: 40px auto;
}
.fv .visual_img {
    width: 1200px;
    margin: 40px auto 80px auto;
    text-align: center;
}
.fv .visual_img img{
    width: 1200px;
    object-fit: cover;
    object-position: center;
}
@media(max-width: 1440px){
    .fv .visual_img_shs {
        width: 42vw;
        margin: 5.5vw auto 0.7vw auto;
    }
    .fv .visual_img_shs {
        width: 480px;
        margin: 2.7vw auto;
    }
    .fv .visual_img {
        width: 97vw;
        margin: 2.7vw auto 5.5vw auto;
    }
    .fv .visual_img img{
        width: 80vw;
    }
}
@media(max-width: 600px){
    .fv .visual_img_shs {
        width: 100%;
        margin: 12rem auto 0.3rem auto;
        text-align: center;
    }
    .fv .visual_img_shs {
        width: 90%;
        max-width: 260px;
        margin: 8rem auto 2rem auto;
    }
    .fv .visual_img {
        width: 100%;
        margin: 2rem auto 10rem auto;
    }
    .fv .visual_img img{
        width: 100%;
    }
}


/* 
 * 子ページタイトル
 */
.page_top {
    position: relative;
}
.page_top_img {
    width: 100vw;
    height: 260px;
}
.page_top_img img{
    width: 100vw;
    height: 260px;
    object-fit: cover;
}
.page_top_title {
    width: 1000px;
    margin: 0 auto;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media(max-width: 1720px){
    .page_top_img {
        height: 21.66vw;
    }
    .page_top_img img{
        height: 21.66vw;
    }
    .page_top_title {
        width: 83.33vw;
        font-size: 2.5vw;
        letter-spacing: 0.25vw;
    }
}
@media(max-width: 768px){
    .page_top_img {
        height: 200px;
    }
    .page_top_img img{
        height: 200px;
    }
    .page_top_title {
        width: 85%;
        font-size: 5rem;
        letter-spacing: 3px;
    }
}


/* 
 * トップ about 
 */
.top_about_topimg {
    width: 300px;
    margin: 140px auto 80px auto;
}
.top_about {
    width: 960px;
    margin: 20px auto 180px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}
.top_about_txt {
    width: 400px;
    

}
.top_about_title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2.5px;
    margin-bottom: 25px;
}
.top_about_note {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 40px;
}
.top_about_more a{
    font-size: 16px;
    font-weight: 700;
    color: #008CC2;
    text-align: right;
}
.top_about_img {
    flex: 1;
}
.top_about_img img{
    width: 100%;
}
@media screen and (max-width: 1280px){
    .top_about_topimg {
        width: 32vw;
        max-width: 300px;
        margin: 10vw auto 6.3vw auto;
    }
    .top_about {
        width: 75vw;
        margin: 1.5625vw auto 14.0625vw auto;
        gap: 0;
    }
    .top_about_txt {
        width: 39vw;

    }
    .top_about_title {
        font-size: 1.875vw;
        margin-bottom: 1.953125vw;
    }
    .top_about_note {
        font-size: clamp(12px, 1.25vw, 16px);
        line-height: clamp(24px, 2.34375vw, 30px);
        margin-bottom: 3.125vw;
    }
    .top_about_more a{
        font-size: 1.25vw;
    }
}
@media(max-width: 600px){
    .top_about {
        flex-direction: column;
        width: 90%;
        margin: 20px auto 180px auto;
    }
    .top_about_txt {
        width: 100%;
    }
    .top_about_title {
        font-size: 18px;
        letter-spacing: 1.5px;
        margin-bottom: 20px;
        text-align: center;
    }
    .top_about_note {
        font-size: 13.5px;
        line-height: 26px;
        margin-bottom: 10px;
        text-align: center;
    }
    .top_about_more {
        text-align: right;
        padding-right: 10px;
    }
    .top_about_more a{
        font-size: 14px;
    }
    .top_about_img {
        margin-top: 40px;
        width: 95%;
    }
}


/* 
 * aboutページ
 */
.about_page {
    margin: 180px auto 200px auto;
}
.about_title {
    width: 1200px;
    text-align: center;
    margin: 80px auto;
    color: #333333;
}
.about_title img{
    width: 360px;
}

.about_bbs {
    margin: 40px auto 80px auto;
    color: #008CC2;
}
.about_txt {
    color: #333333;
}
.about_txt_title {
    position: relative;
    width: 900px;
    margin: 0 auto;
    font-size: 22px;
    letter-spacing: 2px;
    padding: 15px 10px;
}
.about_txt_title::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #008CC2;
}
.about_txt {
    width: 880px;
    margin: 30px auto 40px auto;
}
.about_txt p{
    font-size: 16px;
    line-height: 32px;
    margin-top: 20px;
    text-indent: 1em;
}
.about_txt p br + span.wp-br-indent {
    display: inline-block;
    text-indent: 1em;
}

.about_img_gr {
    display: flex;
    justify-content: space-between;
    width: 800px;
    margin: 20px auto;
}
.about_img {
    position: relative;
    width: 380px;
}
@media screen and (max-width: 1280px){
    .about_page {
        margin: 16vw auto;
    }
    .about_title {
        width: 94vw;
        margin: 6.25vw auto;
    }
    .about_title img{
        width: 28vw;
    }

    .about_bbs {
        margin: 3.125vw auto 6.25vw auto;
    }
    .about_txt_title {
        width: 70.3125vw;
        font-size: clamp(16px, 1.7vw, 22px);
        letter-spacing: 0.15vw;
        padding: 1.2vw 0.8vw;
    }
    .about_txt {
        width: 70.3125vw;
        margin: 2.3vw auto 3.125 auto;
    }
    .about_txt p{
        font-size: clamp(14px, 1.25vw, 16px);
        line-height: clamp(26px, 2.5vw, 32px);
        margin-top: 1.56vw;
    }

    .about_img_gr {
        width: 64vw;
        margin: 1.5625vw auto;
    }
    .about_img {
        width: 30vw;;
    }
}
@media(max-width: 600px){
    .about_page {
        margin: 25rem auto 15rem auto;
    }
    .about_txt_title, .about_txt {
        width: 90%;
    }
    .about_txt_title {
        padding: 3rem 1rem;
    }
    .about_img_gr {
        width: 90%;
    }
    .about_img {
        width: 49%;
    }
}




/* 
 * 記事一覧
 */
.top_article_sec {
    width: 1200px;
    margin: 80px auto;
}
.top_article_title {
    text-align: center;
}
.top_article_title img{
    width: 160px;
}
.top_article_title_en {
    font-size: 46px;
    font-weight: 900;
    letter-spacing: 2px;
    color: #008CC2;
    margin-bottom: 10px;
    font-family: "Zen Kaku Gothic New", sans-serif;
}
.top_article_title_jp {
    font-size: 20px;
    color: #333333;
    margin-top: 20px;
}

.article_list {
    width: 1000px;
    margin: 80px auto;
}
.article_list_pickup {
    display: block;
}
.article_list_pickup_parts {
    position: relative;
    display: inline-block;
    width: 95%;
    margin: 10px auto;
    color: #555555;
    margin-right: 0;
    margin-left: 5%;
    transition: all .3s;
}
.article_list_pickup_parts:hover {
    transform: translateY(-5px);
}
.article_list_pickup_parts:nth-child(2n) {
    margin-right: 5%;
    margin-left: 0;
}
.article_list_pickup_parts_y {
    background-color: #F8F6D4;
}
.article_list_pickup_parts_g {
    background-color: #DBEAD7;
}
.article_list_pickup_parts_b {
    background-color: #E4F1F4;
}
.article_list_pickup_parts_p {
    background-color: #EBD8EA;
}
.article_list_pickup_parts_s {
    background-color: #FFE6F7;
}
.article_list_pickup_parts_o {
    background-color: #EFE7D5;
}
.article_list_pickup_parts_r {
    background-color: #FFDEDE;
}
.article_list_pickup_parts_v {
    background-color: #E7E8FD;
}
.article_list_pickup_parts_e {
    background-color: #C8E5E0;
}
.article_list_pickup_parts a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
}
.article_list_pickup_notegr {
    position: relative;
    z-index: 3;
    padding: 40px 40px 20px 50px;
}
.article_list_pickup_title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 8px;
}
.article_list_pickup_title span{
    font-size: 10px;
}
.article_list_pickup_name {
    font-size: 14px;
    text-align: right;
}
.article_list_pickup_name span{
    font-size: 20px;
    letter-spacing: 1.5px;
    padding-left: 5px;
}
.article_list_pickup_tab_gr {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 1px 15px;
    font-size: 13px;
    margin: 15px 2px 0 auto;
    max-width: 700px;
}
@media screen and (max-width: 1280px){
        .article_list {
        width: 90%;
        max-width: 1000px;
        margin: 6.25vw auto;
    }
    .article_list_pickup_notegr {
        padding: 3.1vw 3.1vw 1.56vw 3.9vw;
    }
    .article_list_pickup_title {
        font-size: 1.8vw;
        line-height: 2.3vw;
        margin-bottom: 2px;
    }
    .article_list_pickup_name {
        font-size: clamp(10px, 1.1vw, 14px);

    }
    .article_list_pickup_name span{
        font-size: clamp(14px, 1.56vw, 20px);
    }
    .article_list_pickup_tab_gr {
        gap: 1.17vw;
        font-size: 1.17vw;
        margin: 1.17vw 2px 0 auto;
    }
}
@media(max-width: 600px){
    .top_article_sec {
        width: 100%;
        margin: 10rem auto;
    }
    .top_article_title img{
        width: 120px;
    }
    .top_article_title_en {
        font-size: 5rem;
        margin-bottom: 10px;
    }
    .top_article_title_jp {
        font-size: 12px;
        margin-top: 10px;
    }

    .article_list {
        width: 100%;
        margin: 4rem auto;
    }
    .article_list_pickup {
        display: block; 
        width: 90%;
        margin: 0 auto;
    }
    .article_list_pickup_parts {
        margin: 1.5rem auto;
        width: 100%;
    }

    .article_list_pickup_notegr {
        padding: 4.5rem 3.5rem 3rem 3.5rem;
    }
    .article_list_pickup_title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 15px;
    }
    .article_list_pickup_name {
        font-size: 10px;
        letter-spacing: 0;
    }
    .article_list_pickup_name span{
        font-size: 14.5px;
    }
    .article_list_pickup_tab_gr {
        flex-wrap: wrap;
        gap: 1px 12px;
        font-size: 11px;
        margin: 10px 0 0 auto;
    }
}



/* 
 * 記事 個別ページ
 */
.article_page {
    margin: 180px auto 120px auto;
}
.article_title {
    width: 1200px;
    text-align: center;
    margin: 80px auto 40px auto;
    color: #333333;
}
.article_title img{
    width: 360px;
}
.article_title_interview {
    font-size: 14px;
    font-weight: 600;
    margin-top: 40px;
    color: #008CC2;
    font-family: "Zen Kaku Gothic New", sans-serif;
}
.article_title_main {
    font-size: 34px;
    font-weight: 700;
    margin-top: 20px;
}
.article_title_name {
    font-size: 14px;
    margin-top: 20px;
}
.article_title_name span{
    font-size: 20px;
    padding-left: 5px;
    letter-spacing: 2px;
}
.article_interviewer {
    width: 900px;
    margin: 40px auto 60px auto;
    font-size: 12px;
    line-height: 24px;
    text-align: right;
}

.article_txt {
    width: 900px;
    margin: 60px auto;
}
.article_txt p{
    font-size: 16px;
    line-height: 32px;
    margin-top: 40px;
    text-indent: 1em;
}
.article_txt p br + span.wp-br-indent {
  display: inline-block;
  text-indent: 1em;
}
.article_txt .article_txt_name{
    text-indent: 0;
}
.article_txt .article_txt_name span.name{
    font-weight: 700;
    color: #008CC2;
}


.article_img {
    width: 800px;
    margin: 10px auto;
}
.article_img img{
    width: 100%;
}

@media screen and (max-width: 1280px){
    .article_page {
        margin: 16vw auto 9.375vw auto;
    }
    .article_title {
        width: 94vw;
        margin: 6.25vw auto;
    }
    .article_title img{
        width: 28.125vw;
    }
    .article_title_interview {
        font-size: clamp(12px, 1.1vw, 14px);
        margin-top: 3.125vw;
    }
    .article_title_main {
        font-size: clamp(20px, 2.65vw, 34px);
        margin-top: 1.5625vw;
    }
    .article_title_name {
        font-size: clamp(12px, 1.4vw, 18px);
        margin-top: 1.5625vw;
    }
    .article_interviewer {
        width: 74vw;
        margin: 3.125vw auto 4.6875vw auto;
        font-size: 11px;
        line-height: 20px;
    }

    .article_txt {
        width: 74vw;
        margin: 6.25vw auto;
    }
    .article_txt p{
        font-size: clamp(14px, 1.25vw, 16px);
        line-height: clamp(26px, 2.5vw, 32px);
        margin-top: 3.125vw;
    }

    .article_img {
        width: 62.5vw;
        margin: 0.8vw auto;
    }

}
@media(max-width: 600px){
    .article_page {
        margin: 25rem auto 15rem auto;
    }
    .article_title_name {
        margin-top: 4rem;
    }
    .article_title_name span{
        font-size: 16px;
    }
    .article_interviewer {
        width: 90%;
        margin: 4rem auto 6rem auto;
        font-size: 10px;
        line-height: 18px;
    }

    .article_txt {
        width: 85%;
    }
    .article_img {
        width: 90%;
    }
}

/* 
 * カスタム記事
*/
/* 段落ブロック内の改行 */
.wp-block-paragraph { 
    text-indent: 1em;text-indent: 0; 
}
.wp-block-paragraph br + span.wp-br-indent {
    display: inline-block;
    text-indent: 1em;
}





/* 
 * 404
 */
.error_404 {
    margin: 80px auto 140px auto;
    text-align: center;
}
.error_404_title {
    font-size: 36px;
    margin-bottom: 60px;
}
.error_404_txt {
    font-size: 17px;
    margin-bottom: 80px;
}
.error_404_link {
    position: relative;
    width: 360px;
    height: 60px;
    background-color: #FFAF13;
    color: #ffffff;
    margin: 60px auto;
    transition: all .3s;
}
.error_404_link a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.error_404_link p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    letter-spacing: 1.5px;
    margin: 0;
}
.error_404_link:hover{
    background-color: #ffffff;
    color: #FFAF13;
    font-weight: 700;
    border: solid #FFAF13 1.5px;
}
@media(max-width: 768px){
    .error_404 {
        width: 90%;
    }
    .error_404_title {
        font-size: 26px;
    }
    .error_404_txt {
        font-size: 16px;
    }
    .error_404_link {
        width: 100%;
        max-width: 360px;
        margin: 8rem auto 1rem auto;
    }
}



/* 
 * footer
 */
footer {
    background-color: #333333;
}

.footer_contents {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0 40px 0;
}
.footer_logo {
    width: 400px;
}
.footer_cta_sns {
    display: flex;
    gap: 40px;
    margin: 40px 0 20px 0;
}
.footer_cta_sns_icon {
    position: relative;
}
.footer_cta_sns_icon img{
    width: 30px;
}
.footer_cta_sns_icon a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.footer_sponsor {
    margin: 20px auto 40px auto;
}
.footer_sponsor_title {
    font-size: 15px;
    color: #ffffff;
    margin-bottom: 10px;
}
.footer_sponsor_logo {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.footer_sponsor_logo_parts {
    position: relative;
    background-color: #ffffff;
    width: 160px;
    height: 60px;
}
.footer_sponsor_logo_parts img{
    position: absolute;
    width: 90%;
    max-height: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
}
.footer_sponsor_logo_parts p{
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    text-align: center;
    margin: 0;
}
.footer_sponsor_logo_parts a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.footer_link_parts {
    margin-bottom: 15px;
}
.footer_link_parts a{
    color: #ffffff;
}
.footer_link_bbs{
    margin: 20px 0;
    color: #ffffff;
}
.footer_link_bbs a{
    position: relative;
    color: #ffffff;
}
.footer_link_bbs img {
    position: absolute;
    top: 3px;
    right: -30px;
    width: 20px;
    height: 20px;
}
.footer_jose{
    font-size: 14px;
    margin: 60px 0 20px 0;
    color: #ffffff;
}


.copyright {
    margin-top: 20px;
}
.copyright p{
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
}

@media(max-width: 1440px){
    .footer_logo {
        width: 240px;
    }
}
@media screen and (max-width: 1280px){
    .footer_contents {
        width: 94vw;
        padding: 4.7vw 0 3.125vw 0;
    }
    .footer_cta_sns {
        gap: 3.125vw;
        margin: 3.125vw 0 1.56vw 0;
    }
    .footer_sponsor {
        margin: 1.56vw auto 3.125vw auto;
    }
    .footer_sponsor_title {
        font-size: 1.25vw;
        margin-bottom: 0.78vw;
    }
    .footer_sponsor_logo {
        gap: 1.5625vw;
    }
    .footer_link_parts {
        margin-bottom: 1.171875vw;
        font-size: clamp(11px, 1.17vw, 15px);
    }
    .footer_link_bbs{
        font-size: clamp(11px, 1.17vw, 15px);
        margin: 1.5625vw 0;
    }
    .footer_link_bbs img {
        top: 0.234375vw;
        right: -2.34375vw;
        width: 1.5625vw;
        height: 1.5625vw;
    }
    .footer_jose{
        font-size: clamp(10px, 1vw, 14px);
        margin: 4.7vw 0 1.56vw 0;
    }

    .copyright {
        margin-top: 1.56vw;
    }
    .copyright p{
        font-size: clamp(9.5px, 0.9vw, 12px);
    }
}

@media screen and (max-width: 768px){
    .footer_contents {
        width: 90%;
        padding: 8rem 0 6rem 0;
    }
    .footer_logo {
        width: 240px;
        margin: 0 auto;
    }
    .footer_cta_sns {
        margin: 3rem 0 4rem 0;
        justify-content: center;
        gap: 20px;
    }
    .footer_cta_sns_icon img{
        width: 25px;
    }
    .footer_sponsor {
        margin: 4rem 0;
    }
    .footer_sponsor_title {
        font-size: 12px;
    }
    .footer_sponsor_logo {
        gap: 3rem;
    }
    .footer_jose{
        margin: 6rem 0 2rem 0;
    }
    .footer_link_bbs img {
        top: -3px;
        right: -25px;
        width: 14px;
        height: 14px;
    }
}