@charset "utf-8";
/* --------------------------------
共通（コンテンツ内のタブ）
-------------------------------- */

.tab-box{
    width: 100%;
    border-bottom: 1px solid #263A58;
    padding:50px 8px 0 8px;
    padding:50px 2.5% 0 2.5%;
    overflow: hidden;
}
.tab-inbox{
    display: table;
    width: 100%;
    height: 61px;/*60+20*/
    position: relative;
    top:2px;
}

.tab-inbox.t-btn-4{
    display: grid;
	grid-template-columns: repeat(2, 1fr);
    column-gap: 8px;
    row-gap: 8px;
    justify-items: stretch;
    width: 100%;
    height: auto;
    position: relative;
    top:-25px;
}

.tab-btn,
.t-sp{
    display: table-cell;
}

.tab-inbox.t-btn-4 .t-sp{
	display: none;
}

a.tab-btn{
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    line-height: 1.4em;
    border: 1px solid #263A58; 
}
a.tab-btn.tb-on{
    background: #263A58;
}
.t-sp{
    width: 2%;
}
.t-btn-2 .tab-btn{
    width: 49%;
}
.t-btn-3 .tab-btn{
    width: 32%;
}
.t-btn-4 .tab-btn{
	width: 100%;
	padding: 10px 0px;
}
a.tab-btn .tab-txt-s{
    color: #929CAB;
    font-style: italic;
    font-size: 12px;
    display: block;
}
a.tab-btn .tab-txt-l{
    color: #263958;
    font-size: 16px;
    font-weight: 500;
    display: block;
}
a.tab-btn.tb-on .tab-txt-s{
    color: #939DAC;
}
a.tab-btn.tb-on .tab-txt-l{
    color: #FFFFFF;
}




@media (min-width: 460px) {
.tab-box{
    padding:50px 20px 0 20px;
    padding:50px 4% 0 4%;
}
}/*end min-width: 460px*/

@media (min-width: 670px) {
.tab-inbox.t-btn-4{
    display: table;
    width: 90%;
    width: calc( 60vw + 230px );
    height: 61px;/*60+20*/
    position: relative;
    top:2px;
    margin-left:auto;
    margin-right: auto;
}
.tab-inbox.t-btn-4 .t-sp{
	display: table-cell;
}
.t-btn-4 .tab-btn{
	width: 18.4%;
	padding: 0px;
}
}/*end min-width: 670px*/


@media (min-width: 960px) {
    .tab-box {
    padding: 60px 0px 0 0px;
}
.tab-inbox {
    width: 90%;
    width: calc( 60vw + 230px );
    margin-left:auto;
    margin-right: auto;
}
.t-sp {
    width: 2.6%;
}
.t-btn-2 .tab-btn {
    width: 48.7%;
}
.t-btn-3 .tab-btn {
    width: 31.6%;
}
.t-btn-4 .tab-btn{
	width: 17.9%;
}

}/*end min-width: 960px*/



@media (min-width: 1300px) {

}/*end min-width: 1300px*/



@media (min-width: 1700px) {
}/*end min-width: 1700px*/