.calendar01 {
  padding-bottom: 5rem;
}

.calendar02 {
  padding-bottom: 6.5rem;
}
.calendar02 .second_ttl {
  padding-bottom: 0;
}
.calendar02 .news_item {
  padding-top: 2rem;
  padding-bottom: 0.5rem;
}
.calendar02 .news_item:after {
  display: none;
}
.calendar02 .notice {
  font-size: 1.3rem;
  padding-top: 1.5rem;
}

.title{
width: 100%;
margin-bottom: 50px;
}

.title img{
width: 100%;
}

.top-message{
width: 100%;
}

.top-message-left{
width: 55%;
text-align: left;
float: left;
}

.top-message-left-end{
width: 100%;
text-align: right;
}

.top-message-right{
width: 45%;
text-align: right;
float: right;
}

.top-message-right img{
width: 80%;
margin-bottom: 10px;
float: right;
}

.report{
font-size: 2.2rem;
color: #0054a6;
letter-spacing: 0.011em;
padding-bottom: 2rem;
font-weight: bold;
}

.beyond{
width: 100%;
margin-bottom: 50px
}

.beyond-left{
width: 35%;
text-align: left;
float: left;
}

.beyond-left img{
width: 100%;
}

.beyond-right{
width: 65%;
text-align: right;
float: right;
}

.beyond-right img{
width: 100%;
}

.title-txt{
text-align: center;
border: 1px solid #666;
color: #000;
font-size: 1.8rem;
letter-spacing: 0.1em;
line-height: 1;
padding: 1%;
width: 100%;
margin: 0 auto;
}

.kpi{
width: 100%;
}

.kpi-cont{
width: 50%;
float:left;
text-align: center;
}

.kpi img{
width: 97%;
margin: 0 auto;
margin-bottom: 50px;
}

.fy{
width: 100%;
}

.fy img{
width: 100%;
margin: 0 auto;
margin-bottom: 50px;
}

.sml{
font-size: 1.2rem;
margin-top: 5px;
}

.g-back{
width: 100%;
padding: 2%;
}

.sell{
width: 100%;
}

.sell img{
width: 100%;
}

.sales{
width: 100%;
}

.sales-left{
width: 100%;
float: left;
margin-bottom: 2%;
}

.sales-right{
width: 100%;
float: right;
}

.sales-left2{
width: 49%;
float: left;
}

.sales-right2{
width: 49%;
float: right;
}

.sell-left img{
width: 100%;
margin-bottom: 15px;
}

.sell-right img{
width: 100%;
margin-bottom: 15px;
}

.sell-left2 img{
width: 100%;
margin-bottom: 15px;
}

.sell-right2 img{
width: 100%;
margin-bottom: 15px;
}

.tab-1 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.tab-1 > label {
    flex: 1 1;
    order: -1;
    min-width: 70px;
    padding: .7em 1em .5em;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0;
    background-color: #e9f0f6;
    color: #535353;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
}

.tab-1 > label:hover {
    opacity: .8;
}

.tab-1 input {
    display: none;
}

.tab-1 > div {
    display: none;
    width: 100%;
    background-color: #eaeaea;
}

.tab-1 label:has(:checked) {
    background-color: #eaeaea;
    border-color: #2589d0;
    border-style: solid;
    border-width: 4px 0 0;
    color: #000;
}

.tab-1 label:has(:checked) + div {
    display: block;
}

.pc{display: block}
.mb{display: none}


@media screen and (max-width: 767px) {
  .calendar02 .notice {
    font-size: 3.2vw;
  }
}

@media screen and (max-width: 500px) {
    
.pc{display: none}
.mb{display: block}
    
.kpi-cont{
width: 100%;
float:left;
text-align: center;
}

.kpi img{
width: 97%;
margin: 0 auto;
margin-bottom: 50px;
}

.sales-left2{
width: 100%;
float: left;
margin-bottom: 30px;
}

.sales-right2{
width: 100%;
float: left;
}
    
.top-message-right img{
width: 90%;
margin-bottom: 0;
float: right;
}
    
.beyond-left{
width: 100%;
text-align: left;
float: left;
margin-bottom: 20px;
}


.beyond-left img{
width: 100%;
}

.beyond-right{
width: 100%;
text-align: left;
float: left;
}

.beyond-right img{
width: 100%;
}

}