@charset "utf-8";
/*tabの形状*/
.tab{
	display: flex;
    gap: 0 2px;
    margin-top: 40px;
}
.tab li {
    width: calc(100% / 2);
}
.tab li a {
	display: block;
    text-align: center;
	padding:10px 0;
    border-radius: 20px 20px 0 0;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
.tab li br {
    display: none;
}
.area {
	display: none;
	opacity: 0;
	background: #fff;
}
#reportInner .area .tab_title {
    margin-bottom: 20px;
    margin-top: 0;
    padding: 20px 0;
}
#reportInner .area .tab_title > span {
    border-bottom: none;
    padding-bottom: 0;
}
.area.is-active {
    display: block;
    animation-name: displayAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
@keyframes displayAnime{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.tab li:nth-child(1) a {
    background-color: #ffcec2;
}
.tab li:nth-child(2) a {
    background-color: #ffef52;
}
.area#initial {
    border-top: 4px solid #ffcec2;
}
.area#mid {
    border-top: 4px solid #ffef52;
}
#reportInner .area#initial .tab_title {
    background-color: #ffcec2;
}
#reportInner .area#mid .tab_title {
    background-color: #ffef52;
}
.mame26 .tab li:nth-child(1) a {
    background-color: #c8e5d4;
}
.mame26 .tab li:nth-child(2) a {
    background-color: #c8c9e5;
}
.area#late {
    border-top: 4px solid #c8e5d4;
}
.area#completion {
    border-top: 4px solid #c8c9e5;
}
#reportInner .area#late .tab_title {
    background-color: #c8e5d4;
}
#reportInner .area#completion .tab_title {
    background-color: #c8c9e5;
}




@media screen and (max-width: 767px){
    .tab li br {
        display: inline;
    }
    .tab li a {
        line-height: 1.5;
    }
}