@charset "UTF-8";
/*----online----
@import url('//fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900&display=swap');
*/

:root {
    --color-text-h: #111;           /*--見出し--*/
    --color-text-p: #111;           /*--テキスト--*/
    --color-text-p-secondary: #666; /*--テキスト2--*/
    --color-text-white: #fff; /*--テキスト3--*/
    /*----color-text-a: #08A3A2;        テキストリンク--*/
    --color-text-a-hover: #08A3A2;  /*--テキストリンクhover--*/
    --color-text-a-visited: #096b6b;  /*--テキストリンク訪問済--*/

    --color-bg-00: #FFFFFF;
    --color-bg-01: #F5F2ED;
    --color-bg-02: #dad7d2;


    --color-category-01:#f50000;
    --color-category-02:#333333;
}


@font-face {
    font-family: 'Noto Sans CJK JP';
    src: url('webfonts/NotoSansJP-Regular.otf') format('opentype');
  }

/*=============common=============*/



body{
    /* support iOS */
    box-sizing : border-box;
    width: 100%;
    min-height: 100vh;
    margin: 0 auto;
    padding: 0;
    font-size: 13px;
    font-family: 'Noto Sans CJK JP';
    color: var(--color-text-p);
    position: relative;
    overflow-x: hidden;
}
section{
    max-width: 100vw;
}


.h1, h1,.h2, h2,.h3, h3,.h4, h4,.h5, h5,.h6, h6{
    font-feature-settings: "palt";
    font-weight: 600;
    margin-bottom: 1rem;
    padding: .5rem 0;
    letter-spacing: 0.1em;
}
/*
.h1, h1 {font-size: calc(1.6rem + .6vw);}*/
.h1, h1 {font-size: clamp(27px, 3vw, 40px);}
.h2, h2 {font-size: clamp(19px, 3vw, 32px);}
.h3, h3 {font-size: clamp(18px, 3vw, 20px); }
.h4, h4 {font-size: clamp(17px, 3vw, 19px); }

p{
    color: var(--color-text-p);
    word-break: break-all;
}

.container,
.container-fluid{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.main .container,
.main .container-fluid{
    padding-top: 2.6rem;
    padding-bottom: 2.6rem;
    margin: 0 auto;
    width: 100%;
    max-width:1200px;
}


ul{
    list-style: none;
    padding: 0;
}

p,
li{
    line-height: 1.75;
}

img{
    max-width: 100%;
    height: auto;
    image-rendering: crisp-edges;
}
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-device-pixel-ratio: 2) { 
    img { 
        width: 100%; 
        height: auto; 
        -webkit-transform: translateZ(0); 
        transform: translateZ(0); 
        -webkit-backface-visibility: hidden; 
        backface-visibility: hidden; 
    } 
}

a:link,
a:visited,
a:active{
    text-decoration: none;
}

.header-wrap{
    padding: 0;
    margin: 0;
    width: 100%;
    background-color: white;
    position: fixed;
    top:0;
    z-index: 999;
}
.header-container{
    width: 100%;
    max-width: 1800px;
    margin: 40px auto;
    padding: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    z-index: 999;
}
.header-logo{
    width: 210px;
    padding: 0;
    margin: 0 10px;
}
.header-logo img{
    width: 100%;
}
.header-logo a:hover{
    opacity: 0.6;
    transition: 0.3s;
}
.header-menu{
    width: calc(100% - 230px);
    max-width: 1322px;
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 0;
    padding-right: 0;
    z-index: 999;
}
.header-menu a{
    display: block;
    width: auto;
    margin: 0 calc((100% - 860px)/18);
    padding: 0;
    text-align: center;
    line-height: 44px;
    color: var(--color-text-p);
    font-size: 14px;
    font-weight: 500;
}
.header-menu .round-link{
    min-width: 206px;
    margin-right: 0;
}
.header-menu .round-link img{
    width: 1em;
}
.header-menu a:hover{
    color: var(--color-category-01);
    transition: 0.3s;
}
.header-btn{
    display: none;
}

.footer-cnt-wrap{
    position: absolute;
    width: 100%;
    padding: 0;
    margin: 0;
    top:100px;
    left: 0; 
}

.footer-cnt{
    width: 100%;
    max-width: 1320px;
    padding: 0;
    margin: 0 auto;
}
.footer-list-wrap{
    width: 100%;
    max-width: 1280px;
    margin: 50px auto;
    padding: 0;
    padding-bottom: 100px;
    display: flex;
    flex-wrap: wrap;
    

}
.footer-list{
    width:20%;
    padding:0 1em;
    font-size: 16px;
}
.footer-list li{
    margin: 5px auto;
}
.footer-list a{
    color: var(--color-text-p);
    font-weight: 500;
}
.footer-list li:first-child a,
.footer-list .text-red li a{
    font-size: 18px;
    color: var(--color-category-01);
}
.footer-list li:first-child{
    margin-bottom: 1em;
}
.footer-list:last-child li{
    font-size: 16px;
    margin: 5px auto;
}
.footer-list:last-child li a{
    color: var(--color-text-p);
}
.footer-list li a:hover{
    opacity: 0.5;
    transition: 0.3s;
}
.footer-bottom{
    width: 100%;
    position: absolute;
    bottom: 5px;
    left: 0;
    border-bottom: 5px solid var(--color-category-01);

}
#return-corporate{
    background-color: var(--color-category-01);
    border-radius: 0 40px 0 0;
    position: absolute;
    bottom: 0;
    left:0;
    width: 620px;
    height: 90px;
    text-align: center;
    color:white;
    font-weight: 500;
    font-size:18px;
    line-height: 90px;
}

#copyright{
    position: absolute;
    bottom: 20px;
    left: calc(100% - 620px);
    font-size: 14px;
}
#return-top{
    display: none;
    transition: 0.5s;
}
#return-top a{
    position: fixed;
    background-color: var(--color-category-01);
    width: 80px;
    height: 60px;
    bottom: 5%;
    right: 5%;
    border-radius: 10px;
    color: white;
    line-height: 22px;
    text-align: center;
    font-size: 20px;
    padding: 9px;
    z-index: 900;
}
#return-top a:hover{
    opacity: 0.6;
    transition: 0.5s;
}



/*=============main=============*/

.main{
    padding: 0 0 6rem;
    margin-top: 124px;
}
.container-1200{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2.6rem 1.5rem;
    position: relative;
}
.container-1280{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 60px auto;
    position: relative;
}
.container-1500{
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 60px auto;
    position: relative;
}
/*背景の設定*/
.bg-00{
    background-color: var(--color-bg-00);
  }
.bg-01{
    background-color: var(--color-bg-01);
  }
.bg-02{
    background-color: var(--color-bg-02);
  }
/*もこもこ背景*/
.circle-back-container{
    position: absolute;
    width: 100%;
    margin-top: 0px;
    top: -50px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
 /*もこもこ背景円の部分*/  
  .half-circle{
    width: 30vw;
    height: 30vw;
    border-radius: 50%;
    margin: 0 -5.625vw;
  }
  .bg-00 .half-circle{
    background-color: var(--color-bg-00);
  }
  .bg-01  .half-circle{
    background-color: var(--color-bg-01);
  }


/*赤い文字*/
.text-red,
.text-red a{
    color: var(--color-category-01);
}
/*テキストの下に赤いドットボーダー*/
.bottom-red-dot{
    border-bottom:0.2em dotted var(--color-category-01);
    display: inline-block;
}
/*文字下だけじゃなく全面*/
.bottom-red-dot-all{
    border-bottom:0.2em dotted var(--color-category-01);
    width: 100%;
}
.red-mark::before{
    content: '>';
    margin-right: 0.5em;
    color: var(--color-category-01);
    font-weight: bolder;
    width: 100%;  
}


/*====ホバーすると円が広がるボタン====*/
.round-link {
    position: relative;
    display: block;
    margin: 0.5em auto;
    padding: 27px 0;
    width: 100%;
    font-size: 120%;
    font-weight: 500;
    line-height: 1;
    border: none;
    border-radius: 50px;
    text-decoration: none;
    transition: background-color 0.6s ease;
    overflow: hidden;
}
/*円が下のバージョン*/
.round-link-bottom{
    position: relative;
    display: block;
    background-color: var(--color-bg-00);
    margin: 0.5em auto;
    padding-top: 2.5em;
    text-align: center;
    width: 90%;
    height:8em;
    font-weight: 900;
    line-height: 1em;
    border: 2px solid var(--color-category-01);
    border-radius: 30px;
    text-decoration: none;
    transition: background-color 0.6s ease;
    overflow: hidden;
    z-index: 10;
}
/*ホバー前の背景色*/
.round-link.btn-white{
    background-color: var(--color-bg-00);
}
.round-link.btn-gray{
    background-color: var(--color-bg-01);
}
.round-link.btn-red{
    background-color: var(--color-category-01);
}
.round-link.btn-dark{
    background-color: rgb(33,37,41);
    border: 1px solid rgb(33,37,41);
    width: calc(90% -2px);
}
/*円の設定*/
.round-link .circle {
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translate(0, -50%);
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background-color: var(--color-category-01);
    transition: all 0.5s ease;
}
.round-link.btn-text-black .circle{
    background-color:var(--color-category-02);
}
.round-link.btn-red .circle{
    background-color:var(--color-bg-00);
}
.round-link-bottom .circle{
    position: absolute;
    top:75%;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background-color: var(--color-category-01);
    transition: all 0.5s ease;
    z-index: -1;
}
/*ホバー時の設定*/
.round-link:hover .circle {
    width: 10em;
    height: 10em;
    right: 0;
}
.round-link-bottom:hover .circle {
    width: 20em;
    height: 20em;
    right: 50%;
    left: 50%;
}


/*ホバーした時の背景色設定*/
.round-link.btn-white:hover,
.round-link.btn-gray:hover{
    background-color: var(--color-category-01);
} 
.round-link.btn-text-black:hover{
    background-color: var(--color-category-02); 
}
.round-link.btn-red:hover{
    background-color: var(--color-bg-00); 
    box-shadow: 0 0 3px var(--color-category-01);
}
.round-link.bg-dark:hover {
    background-color: white;
}
.round-link-bottom:hover{
    background-color: var(--color-category-01);
}
.round-link.btn-dark:hover{
    background-color: white;
}

/*テキストカラー設定*/
.round-link .text {
    position: relative;
    z-index: 1;
    padding: 0 2em;
    margin: 0;
    color: var(--color-category-01);
 }
 .round-link.btn-text-black .text{
    color:var(--color-category-02);
}
.round-link.btn-red .text{
    color:var(--color-bg-00);
}
.round-link-bottom .text{
    color:var(--color-category-02);
}
.round-link.btn-dark .text{
    color: white;
}
/*ホバー時のテキスト設定*/
.round-link:hover .text {
    color:var(--color-bg-00);
    transition: 0.6s;
}

.round-link.btn-red:hover .text{
    color:var(--color-category-01);
}
.round-link-bottom:hover .text{
    color: var(--color-bg-00);
}
.round-link.btn-dark:hover .text{
    color: rgb(33,37,41);
}

.text img{
    height: 1em;
}
.round-link.btn-dark:hover img{
    filter: invert();
    transition: 0.6s;
}

/*写真の左下に赤い影がついてるやつ*/
.red-shadow-img{
    position: relative;
    border-radius: 60px;
    background-color: var(--color-bg-00);
    box-shadow: -10px 10px 0 var(--color-category-01);
    overflow: hidden;
}
/*見出しの下に赤い点*/
.red-dot-text{
    color: var(--color-category-01);
    position: relative;
    line-height: 200%;
    margin: 50px auto;
  }
  .red-dot-text::before{
    content: '';
    position: absolute;
    width: 0.2em;
    height: 0.2em;
    border-radius: 50%;
    bottom: 0;
    left: 50%;
    background-color: var(--color-category-01);
  }
  /*見出しの下に短い赤線*/
  
  .bottom-short-border{
    position: relative;
    text-align: center;
    font-weight: bold;
    font-size: 200%;
    margin: 40px auto;
  }
  
  .bottom-short-border::before{
    content: '';
    position: absolute;
    border-bottom: 2px solid var(--color-category-01);
    width: 2em;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
  }


  .text-start.bottom-short-border::before{
    left: 0;
    transform: translateX(0);
  }
  
  .round-corner-link{
    background-color: var(--color-bg-00);
    border-radius: 10px;
    border: 2px solid var(--color-category-01);
    color:var(--color-text-p);
    display: block;
    width: 100%;
    height: 4.2em;
    font-size:18px;
    margin: 0.3em auto;
    transition: 0.5s;
  }
  .round-corner-link .text{
    line-height: 4em;
  }
  .round-corner-link:hover{
    background-color: var(--color-category-01);
    color: var(--color-bg-00);
  }


/*--hero--*/
.home-hero{
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 100;
    background-color: transparent;
}

.home-hero-innner{
    height: 500px;
    width: 90%;
    max-width:1780px;
    background: url(img/index_hero.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:  bottom -200px right 0;
    margin: 0 auto;
    border-radius: 80px;
    overflow: hidden;
    position: relative;

}
.home-hero-innner::after{
    content: '';
    width: 100vw;
    height: 100%;
    background-color: rgba(245, 245, 245,0.5);
    position: absolute;
    top:0;
    left: 0;
    z-index: 0;
}
.home-hero .container{
    padding: 0 auto;
}
.home-hero-text{
    position: absolute;
    top: 35%;
    left: 0;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    z-index: 100;
    
}
.home-hero-text h1{
    color: var(--color-category-01);
    font-size: 42px;
    /*text-shadow: 0px 0px 80px #000;
    filter: blur(0) drop-shadow(0 0 0 rgba(0,0,0,0));*/
}

.stock-info{
    height: 430px;
    width: 391px;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 60px 0 0 0;
    font-weight: bolder;
    z-index: 20;
    box-shadow: 0 -5px 0 var(--color-category-01);
    padding: 2em;
}
.stock-info-text{
    width: 63.5%;
    min-width: 275px;
    margin: auto;
    font-size: 14px;
}
.stock-info-price{
    width: 100%;
    margin: 1em auto;
}
.index-top{
    border-top: 5px solid var(--color-category-01);
    margin-top: -100px;
    padding: 100px 0;
    position: relative;
    z-index: 10;

}
.top-nav{
    text-align: center;
    margin: 0 auto;
    width:100%;
}
.top-nav-btn{
    display: block;
    background-color: var(--color-bg-00);
    border-radius: 40px;
    width: 98%;
    height: 270px;
    margin: 18.5px 16.5px;
    overflow: hidden;
}
.top-nav-btn img{
    width: 100%;
    height: auto;
}
.top-nav-btn a{
    width: 100%;
    height: 100%;
    padding: 0;
}
.nav-icon{
    position: relative;
    z-index: 10;
}
.nav-icon img{
    width: 27%;
    max-width: 110px;
    margin: 17% auto 0 auto;
}
.nav-icon p{
    width: 100%;
    margin: 10% auto;
    font-size: 120%;
    font-weight: bold;
    line-height: 1em;
}
.nav-icon:hover{
   background-color: rgba(245, 0, 0,0.8); 
   transition: 0.5s;
}
.nav-icon:hover p{
    color: #fff;
    transition: 0.5s;
}
.nav-icon:hover img{
    filter: invert();
    transition: 0.5s;
}

#top_message{
    background-image: url('img/top_message.png');
    background-position: top;
    background-size: cover;
    position: relative;
}
#top_message p{
    position: absolute;
    top:0;
    font-size:215%;
    font-weight: bold;
    line-height: 270px;
    left: 2em;
}

.ir-newinfo h1{
    color:var(--color-category-01);
    letter-spacing: 0.1em;
}
.ir-news{
    margin-top: 1.8em;
}
.ir-news-cnt{
    width: 100%;
    padding: 0;
    margin: 60px 0 160px 0;
}
.ir-news-cnt li{
    border-bottom: 0.3em dotted var(--color-category-01);
    margin: 18px 0;
    flex-wrap: wrap;
}
.s_eirModule_date_time{
    color:#999999;
    background-color: transparent;
    border: none;
    font-size:120%;
    font-weight: bold;
    margin: 0 0 0.3rem 0;
}
.s_eirModule_category_icon{
    color:white;
    background-color: var(--color-category-01);
    border-radius: 15px;
    border: none;
    padding: 5px 22px;
}
.eirItem_title{
    width: 100vw;
    max-width: 1200px;
    font-size: 16px;
    padding: 5px 0;
    white-space: normal;
}
.ir-news-cnt .eirItem_title{
    max-width: 736px;
}
.s_eirModule_title_label{
    color: black;
    display: inline;
}

.s_eirList li {
    align-items: center;
}

.size{
    margin-left: 3em;
}
.ir-library{
    margin-top: 0;
    padding-left: 30px;
}
.ir-library-title p{
    letter-spacing: 0.5em;
    font-weight: bold;
}
.ir-library-menu{
    margin: 60px 0;
}
.ir-library-menu a{
    margin: 10px auto;
    font-size: 140%;
}
.ir-library-menu img{
    width: 1em;
}
.ir-library-menu .eirAttrTarget_zipDownloadUrl{
    font-size: 15px;

}
.eirAttrTarget_zipDownloadUrl{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.ir-detail{
    position: relative;
    padding-top: 100px;
    padding-bottom: 80px;
}
.ir-detail-cnt{
    padding-top: 200px;
}
.ir-detail h2{
    color: var(--color-category-01);
    margin: 30px auto;
}
.ir-detail-text{
    padding: 32px;
    min-height: 520px;
}
.ir-detail-text .red-shadow-img{
    height: 280px;
    background-size: cover;
    background-position: center;
}
#policy_img{
    background-image: url('img/management_1.jpeg');
}
#meeting_img{
    background-image: url('img/management_2.jpeg');
}
#aboutstock_img{
    background-image: url('img/management_3.jpeg');
}
.ir-detail-text p{
    font-size: 112%;
    line-height: 150%;
}
.ir-detail-text .round-link{
    margin-top: 1em auto;
    font-size: 135%;
}
.ir-calendar{
    padding: 120px 0;
    font-size: 135%;
}
.ir-calendar img{
    margin-bottom:50px;
}


.bottom-nav{
    position: relative;
    padding-bottom: 150px;
}
.bottom-nav-top{
    background-image: url('img/top_img_1.jpeg');
    background-size: cover;
    background-position: center;
    height: auto;
    max-height: 500px;
    width: 100vw;
    padding: 80px 0;
}
.bottom-nav-down{
    position: relative;
}
#contact_img{
    width: 790px;
    height:600px;
    position: absolute;
    top:440px;
    right: 0;
    border-radius: 90px 0 0 90px;
    overflow: hidden;
    background-image: url('img/top_img_2.jpeg');
    background-position: center;
    background-size: cover;
    background-color: var(--color-bg-00);
    box-shadow: -10px 10px 0 var(--color-category-01);

}

.contact{
    margin: 120px auto;
    font-family: 'Noto Sans CJK JP';
}
.contact h1{
    letter-spacing: 0.1;
}
.contact p{
    font-size: 120%;
    line-height: 160%;
    margin: 30px auto;
    padding: 10px 0;
}
.contact a{
    font-size: 140%;
    margin: 15px 0;
    padding: 1.5em 0;
}



/*ナビゲーション設定*/
.hero-nav{
    text-align: center;
    height: 370px;
    width: 100vw;
    background-image: url('img/hero.jpeg');
    background-position: center;
    background-size: cover;
    overflow: hidden;
    
}

.hero-nav-inner{
    height: 100%;
    position: relative;
    z-index: 1;
    border-bottom: 5px solid var(--color-category-01);
    backdrop-filter: blur(0px);
    
}
.hero-nav-inner::after{
    content: '';
    width: 100vw;
    height: 100%;
    background-color: rgba(245, 245, 245,0.8);
    
    position: absolute;
    top:0;
    left: 0;
    z-index: -1;
}

.hero-nav-title h1{
    color: var(--color-category-01);
    position: absolute;
    width: 100%;
    top:40%;
    left: 0;
}
/*パンくずリスト*/
.breadcrumb {
    list-style: none; 
    position: absolute;
    right: 6em;
    bottom: 0;
  }
  .breadcrumb li {
    display: inline-block; 
    letter-spacing: 0.1;
  }
  .breadcrumb li a{
    color: var(--color-category-02);
  }
  .breadcrumb li:before {
    content: ">";
    margin: 0 10px;
    color: var(--color-category-02);
  }
  .breadcrumb li:first-child a {
    color: var(--color-category-01);
  }
  .breadcrumb li:first-child::before{
    content: '';
  }
  
  
  .menu-link{
    margin: 0 auto;
    padding: 80px auto;
  }
  .menu-link .round-link{
    height: 70px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .menu-link .round-link .text{
    line-height: normal;
  }

  
  #plan-top-message{
    padding: 80px 0;
  }
  .greeting{
    font-size: 130%;
    margin: 80px auto;
  }
  .shiftup-img{
    background-color: var(--color-bg-01);
    padding: 44px 50px 10px 50px;
    border-radius: 80px;
  }
  .shiftup{
    font-family: din-condensed, sans-serif;
    margin: 60px auto;
  }
  .shiftup h1{
    font-size: 523%;
    letter-spacing: 0;
  }
  .goal-wrap{
    border-bottom: 2px dotted var(--color-category-01);
    margin: 0 70px;
    padding: 20px 0;
    letter-spacing: 0;
  }
  .goal-en{
    padding: 0;
    margin: 0;
    white-space: nowrap;
  }
  .goal-en::first-letter{
    color: var(--color-category-01);
  }
  .goal-ja{
    font-family: 'Noto Sans CJK JP';
    font-size:65%;
    margin-top: 0.4em;
  }
  .goal-ja::before{
    content: '：';
    margin: 0;
    padding-right: 1em;
  }

  .financialgoals-text{
    font-size: 123%;
    line-height: 1.6;
    letter-spacing: 0.1em;
    width: 100%;
    max-width: 1200px;
    margin: 50px auto;
  }
  .financialgoals-table{
    width: 100%;
    font-size: 120%;
  }
  .financialgoals-table th{
    border-bottom: 2px solid var(--color-category-01);
    padding-bottom: 1em;
    font-weight: bold;
    line-height: 20px;
  }
  .financialgoals-table td,
  .financialgoals-table th{
    border-right: 2px solid #AAA;
  }
  .financialgoals-table td:last-child,
  .financialgoals-table th:last-child{
    border-right: none;
  }
  .financialgoals-table td:first-child,
  .financialgoals-table th:first-child{
    border-right: 2px solid var(--color-category-01);
    font-weight: bold;
  }
  .financialgoals-table td{
    line-height: 3em;
  }


  

  #toho-about{
    padding-top: 100px;
    padding-bottom: 50px;
    height: 1200px;
  }
  #toho-about-left,
  #toho-about-right{
    position: relative;
    top:80px;
  }
  #toho-about-left span,
  #toho-about-right span{
    position: absolute;
  }
  .red-circle{
    background-color: #FFB1B1;
    border-radius: 50%;
  }
  .gray-circle{
    background-color: #F9F4F4;
    border-radius: 50%;
  }
 .about-text{
    letter-spacing: 0.1em;
    line-height: 2.16;
    position: absolute;
  }
  
  #about-left-circle1{
    width: 40px;
    height: 40px;
    top: 20px;
    right: 60px;
  }
  #about-left-circle2{
    width: 40px;
    height: 40px;
    top: 284px;
    right: 20px;
  }
  #about-left-circle3{
    width: 20px;
    height: 20px;
    top: 384px;
    left:0;
  }
  #about-left-circle4{
    width: 60px;
    height: 60px;
    top: 830px;
    right: 80px;
  }
  #about-left-circle5{
    width: 20px;
    height: 20px;
    top: 366px;
    right: 40px;
  }
  #about-left-circle6{
    width: 40px;
    height: 40px;
    top: 448px;
    left:5px;
  }
  #about-left-circle7{
    width: 40px;
    height: 40px;
    top: 728px;
    right: 0;
  }
  #about-left-circle8{
    width: 20px;
    height: 20px;
    top: 788px;
    left: 20px;
  }

  #about-left-circle9{
    top: 64px;
    left: 0;
    width: 100%;
  }
  #about-left-circle9>.about-img{
    width: 260px;
    height: 260px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background-image: url('img/img03.jpg');
    background-size: cover;
    background-position: right 20%;
  }
  #about-left-circle9>.about-text{
    width: 100%;
    top:280px;
    left: 0;
  }
   #about-left-circle10{
    top: 460px;
    right:40px;
    width: 230px;
  }
  #about-left-circle10>.about-img{
    width: 230px;
    height: 230px;
    top:0;
    left: 0;
    background-image: url('img/img04.jpg');
    background-size: cover;
    background-position: center;
  }
  #about-left-circle10>.about-text{
    width: 230px;
    top:250px;
    left: 0;
  }

  #about-right-circle1{
    width: 60px;
    height: 60px;
    left: 30px;
    top: 0;
  }
  #about-right-circle2{
    width: 20px;
    height: 20px;
    top: 60px;
    right: 10px;
  }
  #about-right-circle3{
    width: 40px;
    height: 40px;
    top: 350px;
    left: 50px;
  }
  #about-right-circle4{
    width: 20px;
    height: 20px;
    top: 410px;
    left: 40px;
  }
  #about-right-circle5{
    width: 60px;
    height: 60px;
    top: 420px;
    right: 50px;
  }
  #about-right-circle6{
    width: 40px;
    height: 40px;
    left: 0;
    top:739px;
  }
  #about-right-circle7{
    width: 20px;
    height: 20px;
    right: 20px;
    top:810px;
  }
  #about-right-circle8{
    width: 100%;
    left: 0;
    top:80px;
  }
  #about-right-circle8 .about-img{
    width: 230px;
    height: 230px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background-image: url('img/about_toho_1.jpg');
    background-size: cover;
    background-position: center;
  }
  #about-right-circle8 .about-text{
    top:250px;
    width: 100%;
  }
  #about-right-circle9{
    width: 260px;
    left: 40px;
    top:462px;
  }
  #about-right-circle9 .about-img{
    width: 260px;
    height: 260px;
    top: 0;
    left: 0;
    background-image: url('img/img05.jpg');
    background-size: cover;
    background-position: center;
  }
  #about-right-circle9 .about-text{
    top: 280px;
    left: 0;
    width: 260px;
  }
  .toho-about-main{
    margin-top: 0;
    padding: 0 25px;
    letter-spacing: 0.1em;
    line-height: 1.8;
  }

  .toho-about-main h2{
    margin-top: 0;
  }
  .toho-about-main .h1{
    font-size: 40px;
    letter-spacing: 0.01;
  }
  .toho-about-main .h2{
    font-size: 32px;
    letter-spacing: 0.01;

  }
  @-moz-document url-prefix() {
    .toho-about-main .h1{
        font-size: 38px;
    }
  }
  .toho-about-main p{
    width: 100%;
    padding: 0;
  }
  .about-sales-table{
    height: 128px;
    border-radius: 30px;
    border:  2px solid var(--color-bg-01);
    overflow: hidden;
    margin-bottom: 60px;
  }
  .about-sales-table .bg-01 p{
    padding-top: 1.5em;
  }
  .about-sales-table .bg-00 .text-red{
    font-size: 600%;
    font-family: din-condensed, sans-serif;
    margin: 0.2em;
  }
  .toho-about-main .round-link{
    font-size: 18px;
  }

  .history-line{
    width: 100%;
    max-width: 940px;
    height: 2120px;
    margin: 0 auto;
    position: relative;
   }
  .history-line p{
    width: 100%;
    margin: 20px auto;
    padding: 0 12px;
    font-size: 110%;
    line-height: 1.6;
    letter-spacing: 0.1em;
  }
  .history-circle{
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-color: var(--color-bg-00);
    border: 2px solid var(--color-category-01);
    color: var(--color-category-01);
    font-family: din-condensed, sans-serif;
    font-size: 215%;
    line-height: 85px;
    text-align: center;
    display: block;
    position: relative;
    margin: 80px auto;
}
.history-circle:nth-child(even)::after{
    content: '';
    position: absolute;
    border: 2px solid var(--color-category-01);
    background-color: var(--color-category-01);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    top:34.5px;
    right:-8px;
}
.history-circle:nth-child(odd)::before{
    content: '';
    position: absolute;
    border: 2px solid var(--color-category-01);
    background-color: var(--color-category-01);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    top:34.5px;
    left:-8px;
}
#y-1947{
    background-color: var(--color-category-01);
    color: #FFF;
    font-size:260%;
    width: 120px;
    height: 120px;
    line-height: 120px;
}
#y-1947::after{
    content: '';
    position: absolute;
    border: 2px solid var(--color-category-01);
    background-color: var(--color-bg-00);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    top:52px;
    right:-8px;
}
#y-1947::before{
    content: none;
}
#y-1983{
    margin-top: 145px;
}
#y-1994{
    margin-top: 140px;
}
.history-border{
    position: absolute;
    top: 120px;
    left: 50%;
    width: 2px;
    height: 1840px;
    background-color: var(--color-category-01);
}
.history-border::before{
    content: '';
    position: absolute;
    bottom: -20px;
    width: 2px;
    height: 10px;
    background-color: var(--color-category-01);
}
.history-border::after{
    content: '';
    position: absolute;
    bottom: -38px;
    width: 2px;
    height: 8px;
    background-color: var(--color-category-01);
}
.history-arrow{
    position: absolute;
    width: 40px;
    height: 40px;
    border-bottom: 2px solid var(--color-category-01);
    border-right: 2px solid var(--color-category-01);
    top: 1980px;
    left: 451px;
    transform: rotate(45deg);
}
#history-toho .round-link{
    margin-bottom: 100px;
}

.history-img{
    width: 380px;
    height: 240px;
    border-radius: 30px;
    background-color: var(--color-bg-00);
    background-size: cover;
    background-position: center;
}
#img-y-1947{
    margin-top: 30px;
    background-image: url('img/picture_1.jpg');
}
#img-y-1951{
    margin-top: 220px;
    background-image: url('img/picture_2.jpg');
}
#img-y-1953{
    background-image: url('img/picture_3.jpg');
}
#img-y-1983{
    margin-top: 60px;
    background-image: url('img/picture_4.jpg');
}
#img-y-1987{
    margin-top: 80px;
    background-image: url('img/picture_5.jpg');
}
#img-y-1994{
    margin-top: 40px;
    background-image: url('img/picture_6.jpg');
}
#img-y-2000{
    margin-top: 60px;
    background-image: url('img/picture_10.png');
    background-size: 80%;
    background-repeat: no-repeat;
}
#img-y-2008{
    background-image: url('img/picture_8.jpg');
}
#img-y-2015{
    background-image: url('img/picture_9.jpg');
}
#toho-history .round-link{
    margin-bottom: 100px;
}

.business-detail{
    padding: 0;
    margin: 50px auto;
    border-radius: 30px;
}

.business-detail.color-red{
    border: 2px solid var(--color-category-01);
    border-top: none;
}
.business-detail.color-orange{
    border: 2px solid #F58B00;
    border-top: none;
}
.business-detail.color-yellow{
    border: 2px solid #E8C92F;
    border-top: none;
}

.business-detail-innner{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.business-detail-1{
    width: 30%;
    margin: 0;
    font-weight: bold;
    font-size: 16px;
}
.business-detail-1 tr{
    border-right: 2px dotted ;
    border-bottom:  2px dotted;
}
.business-detail-1 tr:last-child{
    border-bottom: none;
}
.business-detail-2{
    width: 70%;
    margin: 0;
}

.color-red .business-detail-1 tr{
    border-color: var(--color-category-01);
}
.color-orange .business-detail-1 tr{
    border-color:  #F58B00;
}
.color-yellow .business-detail-1 tr{
    border-color: #E8C92F;
}
.business-detail-1 td{
    padding: 20px 0;
}


.business-detail-title{
    height: 80px;
    text-align: left;
    position: relative;
    border-radius: 28px 28px 0 0;
    padding-top: 10px;
    padding-left: 40px;
    margin: 0 auto;
    color: #FFF;
    border: none;
}

.business-detail-title::before{
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: white;
    left: -2px;
    top: 39px;
    z-index: 10;
}




.color-red .business-detail-title{
    background-color: var(--color-category-01);
}
.color-orange .business-detail-title{
    background-color: #F58B00;
}
.color-yellow .business-detail-title{
    background-color: #E8C92F;
}
.business-detail-price{
    width: 15%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    font-weight: bold;
}

.text-color{
    font-size:60px;
    font-family: din-condensed, sans-serif;
    margin: 0 0.2em;
    font-weight: normal;
}
.color-red .text-color{
    color: var(--color-category-01);
}
.color-orange .text-color{
    color: #F58B00;
}
.color-yellow .text-color{
    color: #E8C92F;
}

.business-detail-text{
    font-size: 16px;
    letter-spacing: 1;
    line-height: 26px;
    padding: 60px 40px 60px 0;
    text-align: left;
}
.business-detail-icon{
    width: 160px;
    vertical-align: middle;
    text-align: center;
}
.business-detail-icon img{
    opacity: 0.6;
    width: 100px;
}


.toho-strong-wrap{
    margin: 100px auto;
}
.toho-strong{
    width: 100%;
    max-width: 375px;
    height: 270px;
    margin: 35px auto;
    border-radius: 40px;
    position: relative;
}
.strong-icon{
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    top: -36px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.strong-icon img{
    padding-top: 30px;
    width: 85px;
    height: 85px;
    object-fit: contain;
}
.strong-text{
    position: absolute;
    width: 100%;
    max-width: 375px;
    top: 100px;
}
.strong-text ul{
    font-size:110%;
    list-style: disc;
    text-align: left;
    margin: 20px 60px;
}

.radius-back{
    position: relative;
    width: 100%;
    height: 460px;
    margin: 0px auto 60px auto;
}
.radius-back-img{
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    z-index: 15;
}
#radius-1{
    width: 36.8%;
    max-width: 357px;
    object-fit: cover;
}
#radius-2{
    width: 62%;
    max-width: 612px;
    object-fit: cover;
    margin-bottom: -40px;
}
.radius-back-innner{
    position: absolute; 
    bottom: 0;
    left: 0; 
    width: 100%;
    max-width: 1200px;
    height: 300px;
    border-radius: 80px;
    background-color: var(--color-bg-01); 
    z-index: 10;
}
#toho-strategy{
    position: relative;
}
.overseas{
    height: 660px;
}
.overseas-img{
    width:45vw;
    height: 440px;
    border-radius: 60px 0 0 60px;
    background-image: url('img/ind_img_7.jpeg');
    background-size: cover;
    background-position: center;
    position: absolute;
    bottom: 100px;
    right:0;
}
#toho-sustainability{
    padding-bottom: 100px;
}
.sustainability-img{
    width: 100%;
    max-width: 540px;
    height: 500px;
    margin: 0 auto 50px auto;
    background-color: var(--color-bg-00);
    border-radius: 30px;
    position: relative;
}
.sustainability-img h5{
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
}
.sustainability-img img{
    position: absolute;
    bottom: -20px;
    left: 0;
}
.top-message-cnt{
    font-size: 16px;
}
.top-message-cnt table{
    width:100%;
    max-width: 900px;
    margin: 50px auto;
    border: 1px solid black;
    font-size: 16px;
    font-weight: bold;
}
.top-message-cnt table th{
    background-color: var(--color-bg-01);
    padding: 0.5em;
    border: 1px solid black;
}
.top-message-cnt table tr:first-child td{
    background-color: var(--color-category-01);
    color: var(--color-bg-00);
    height: 4em;
    border-bottom: none;
}
.top-message-cnt table td{
    width:20%;
    height: 3em;
    padding: 0.5em;
    border: 1px solid black;
}


.stock table{
    font-size: 16px;
    margin-top: 50px;
    margin-bottom: 50px;
    min-width: 1200px;
}
.stock table th,
.stock table td{
    padding: 0.8em 1em;
}
.flash table{
    font-size: 16px;
}
.flash table th,
.flash table td{
    padding: 10px;
    width: auto;
    min-width: 100px;
}
.holder-table{
    width:100%;
    max-width: 1200px;
    min-width: 900px;
}


.faq-wrap{
    border: 2px solid var(--color-bg-01);
    margin: 30px auto;
    text-align: left;
    font-size: 16px;
}
.faq-wrap .col-1{
    font-size : 18px;
    text-align: center;
    border-right: 4px solid var(--color-bg-00);
    padding: 0.5em;
}


/*********************responsive PC-first*********************/


/*--1420px未満--*/
@media (max-width: 1419.98px) {
    .header-container{
        margin: 20px 0;      
    }
   .header-menu{
    width: 100%;
    max-width: none;
    justify-content: center;
    margin: 10px auto;
   }
   .main{
    margin-top: 148px;
   }
   
}

/*--!-1320px未満--*/
@media (max-width: 1319.98px) {
    .footer-cnt{
        left: 0;
    }
    #return-corporate{
        width: 50%;
    }
    #copyright{
        width: 50%;
        left: 50%;
        text-align: center;
    }
    
}

/*--xl-1200px未満--*/
@media (max-width: 1199.98px) {
    .main{
        margin-top: 64px;
       }
    .header-container{
        margin:0;
    }
    .header-logo{
        margin: 10px;
    }
    .header-menu{
        display: block;
        height: calc(100vh - 64px);
        margin-bottom: 0;
        padding-top: 30px;
        position: absolute;
        top:54px;
        right: -100%;
        transition: 0.5s;
        background-color: #FFF;
   }
    .header-menu a{
        width: 80%;
        margin:0 auto;
        padding: 0.5em 0;
    }
    .header-menu .round-link{
        width: 100%;
        max-width: 10em;
        margin: 0 auto;
    }
    .header-btn{
        display: block;
        position: absolute;
        width: 44px;
        height: 44px;
        top:10px;
        right: 5px;
        cursor: pointer;
    }
    #bar1,#bar2,#bar3{
        width: 38px;
        height: 3px;
        background-color: var(--color-category-01);
        display: block;
        position: absolute;
        left: 3px;
        transition: 0.5s;
    }
    #bar1{
        top:8px;
    }
    #bar2{
        top: 20.5px;
    }
    #bar3{
        top: 33px;
    }
    .header-menu.open{
        display: block;
        right: 0;
    }
    #bar1.open{
        transform: rotate(225deg);
        top:18px;
    }
    #bar2.open{
        opacity: 0;
    }
    #bar3.open{
        transform: rotate(-225deg);
        top:18px
    }

    .footer-list-wrap{
        margin: 25px auto;
    }
    .footer-list{
        width: 32%;
        margin: 10px 0.5%;
    }
    .flash-table{
        width: 100%;
        overflow-x: scroll;
    }

    #about-left-circle1{
        width: 30px;
        height: 30px;
      }
      #about-left-circle2{
        width: 30px;
        height: 30px;
      }
      #about-left-circle3{
        width: 15px;
        height: 15px;
      }
      #about-left-circle4{
        width: 40px;
        height: 40px;
      }
      #about-left-circle5{
        width: 15px;
        height: 15px;
      }
      #about-left-circle6{
        width: 30px;
        height: 30px;
      }
      #about-left-circle7{
        width: 30px;
        height: 30px;
      }
      #about-left-circle8{
        width: 15px;
        height: 15px;
      }
      #about-left-circle9{
        top: 64px;
      }
      #about-left-circle9>.about-img{
        width: 220px;
        height: 220px;
      }
      #about-left-circle9>.about-text{
        top:240px;
      }
       #about-left-circle10{
        width: 200px;
      }
      #about-left-circle10>.about-img{
        width: 180px;
        height: 180px;
        left: 20px;
      }
      #about-left-circle10>.about-text{
        width: 180px;
        top:200px;
        left: 20px;
      }
    
      #about-right-circle1{
        width: 40px;
        height: 40px;
      }
      #about-right-circle2{
        width: 12px;
        height: 12px;
      }
      #about-right-circle3{
        width: 30px;
        height: 30px;
      }
      #about-right-circle4{
        width: 15px;
        height: 15px;
      }
      #about-right-circle5{
        width: 40px;
        height: 40px;
      }
      #about-right-circle6{
        width: 30px;
        height: 30px;
      }
      #about-right-circle7{
        width: 15px;
        height: 15px;
      }
      #about-right-circle8{
        width: 100%;
        left: 0;
        top:80px;
      }
      #about-right-circle8 .about-img{
        width: 200px;
        height: 200px;
      }
      #about-right-circle8 .about-text{
        top:220px;
        width: 100%;
      }
      #about-right-circle9{
        width: 230px;
        left: 40px;
        top:462px;
      }
      #about-right-circle9 .about-img{
        width: 230px;
        height: 230px;
      }
      #about-right-circle9 .about-text{
        top: 250px;
        width: 230px;
      }
      .eirItem_title{
        white-space: normal;
        max-width: 100%;
    }
    
}


/*--lg-992px未満--*/
@media (max-width: 991.98px) {
    .half-circle{
        width: 40vw;
        height: 40vw;
    }
        
    #return-corporate{
        width: 100%;
        border-radius: 0;
        bottom: 2em;
    }
    #copyright{
        width: 100%;
        left: 0;
        bottom: 0;
    }
    .footer-bottom{
        bottom: 0;
        border: none;
    }
    .circle-back-container{
        top: -50px;
    }
    .home-hero-innner{
        width: 100%;
        border-radius: 0;
        margin: 0;
        background-position: center;
    }
    .home-hero-text{
        position: absolute;
        top:20%;
        left: 0;
    }
    .home-hero-text h1{
        font-size: 50px;
    }
    .stock-info{
        width: 100%;
        height: auto;
        position: relative;
        border-radius: 0;
        box-shadow: none;

    }
    .stock-info-text{
        width: 85%;

    }
    .stock-info-price{
        width: 60%;
        font-size: 140%;
        margin: 2em auto;
    }
    .stock-info-price tr td:first-child{
        width: 40%;
    }
    .ir-news{
        height: auto;
    }
    .ir-news-title .col-lg-3{
        margin: 0 0 0 auto;
    }
    .ir-news-cnt{
        margin: 60px auto;
    }
    .ir-news-cnt .size{
        margin: 0;
        padding: 0;
    }
    .ir-library{
        padding: 0;
        margin: 60px auto;
    }
    .ir-library-menu{
        width: 80%;
        text-align: center;
        margin: 80px auto;
    }
    .bottom-nav{
        padding-bottom: 150px;
    }
    .bottom-nav-top{
        padding: 0;
    }
   
    #contact_img{
        display: none;
    }

    .goal-wrap{
        font-size: 300%;
    }

    #toho-about-left,
    #toho-about-right{
        display: none;
    }
    #toho-about{
        height: auto;
        padding: 80px auto;
    }
    .history-circle{
        margin: 90px auto;
    }
    .history-img{
        width: 100%;
    }
    .history-arrow{
        display: none;
    }
    

    .radius-back{
        height: 300px;
    }
    .radius-back-innner{
        height: 150px;
    }
    .overseas{
        height: auto;
    }
    .overseas-img{
        display: none;
    }
    
}

/*--md-768px未満--*/
@media (max-width: 767.98px) {
    .footer-list-wrap{
        margin: 15px auto;
    }
    .footer-list{
        width: 100%;
        padding: 0 20px;
    }
    .breadcrumb {
        font-size: 80%;
    }
    .stock-info-text{
        width: 100%;

    }
    .stock-info-price{
        width: 90%;
        font-size: 140%;
        margin: 2em auto;
    }
    .top-nav-wrap{

        box-shadow: none;
    }
    .top-nav{
        width: 100%;
        padding: 0;
    }
    .top-nav-btn{
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
        margin: 1.5vw auto;
        font-size: 90%;
    }
   #top_message{
        aspect-ratio: auto;
        width: 100%;
        height: 220px;
    }
    .top-nav-btn#top_message p{
        line-height: 220px;
    }
    .nav-icon img{
        margin: 17% auto 12% auto;
    }
    #top_message p{
        line-height: 160px;
        left: 0.5em;
    }
    
    .ir-library-menu{
        width: 100%;

    }
    .breadcrumb{
        width: 100%;
        right: 0;
    }
    .goal-wrap{
        font-size: 200%;
        width: 100%;
        margin: 0 auto;
    }
    .financialgoals-table th,
    .financialgoals-table td:first-child{
        font-size: 75%;
    }
    .about-sales-table .bg-00{
        padding-top: 0;
    }
    .about-sales-table .bg-00 p{
        height: 100%;
    }
    .about-sales-table .bg-00 .text-red{
        font-size: 360%;
    }
    .toho-about-main .round-link .text{
        font-size: 75%;
    }
    .history-line{
        height: 3800px;
    }
    #history-line-left{
        order: 1;
        position: absolute;
        right: 0;
        top:260px;
    }
    #history-line-center{
        order: 0;
        padding: 0;
        position: absolute;
        left: 0;
        top: -180px;
    }
    #history-line-right{
        order: 2;
        position: absolute;
        right: 0;
        top:60px;
    }
    .history-border{
        display: none;
    }
    .history-circle{
        width: 100%;
        height: auto;
        border-radius: 0;
        background-color: var(--color-category-01);
        border: none;
        color: var(--color-bg-00);
        font-size: 220%;
        line-height: normal;
        text-align: center;
        display: block;
        position: relative;
        margin: 360px auto;
        padding: auto;
    }
    .history-circle::after{
        display: none;
    }
    .history-circle::before{
        display: none;
    }
    #y-1947::after{
        display: none;
    }
    #y-1947{
        width: 100%;
        height: auto;
        line-height: normal;
        font-size: 260%;
    }
    #img-y-1953{
        margin-top: 450px;
    }
    #y-1983{
        margin-top: auto;
    }
    #y-1987{
        margin-top: auto;
    }
    #y-1994{
        margin-top: auto;
    }
    .history-img{
        margin-top: 420px;!important
    }
    #img-y-1983{
        margin-top: 460px;
    }
    #img-y-1987{
        margin-top: 480px;
    }
    #img-y-1994{
        margin-top: 420px;
    }
    #img-y-2000{
        margin-top: 440px;
    }
    #img-y-2008{
        margin-top: 460px;
    }
    #img-y-2015{
        margin-top: 490px;
    }
    .business-detail{
        height: auto;
        margin: 20px 0;
    }
    .business-detail-1{
        width: 100%;
    }
    .business-detail-2{
        width: 100%;
    }
    .business-detail-1 tr{
        border-right: none;
    }
    .business-detail-1 tr:last-child{
        border-bottom: 2px dotted;
    }
    .color-red .business-detail-1 tr{
        border-color: var(--color-category-01);
    }
    .color-orange .business-detail-1 tr{
        border-color:  #F58B00;
    }
    .color-yellow .business-detail-1 tr{
        border-color: #E8C92F;
    }
    
    .sustainability-img{
        padding: 0;
        height: auto;
    }
    .sustainability-img h5{
        position: relative;
        width: 100%;
    }
    .sustainability-img img{
        position: relative;
    }
    .round-corner-link{
        font-size:15px;
    }

}