@charset "utf-8";
/* モバイルレイアウト : 480 px およびそれ以下. */
.tabContents {
    border: solid 7px #036EB7;
}
.tabBox > a{
    display: inline-block;
    border-radius: 10px 10px 0 0 ;
    border-top: solid 1px #036EB7;
    border-left: solid 1px #036EB7;
    border-right: solid 1px #036EB7;
    background: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: rgba(3,110,183,0.5);
    width: calc(97% / 2) ;
    text-align: center;
    box-sizing: border-box;
    padding: 0.5em 0;
}
.tabBox > a:hover{
    opacity: 0.7;
}
.tabBox .separator{
    display: inline-block;
    width: 3%;
}
.activeTab{
    background: #036EB7!important;
    color:#fff!important;
}
.tabContent {
    width: 90%;
    margin: 50px auto;
    display: none;
}
.activeTabContent{
    display: block;
}
/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
.tabContents {
    border: solid 14px #036EB7;
}
.tabBox > a{
    font-size: 31px;
    width: calc(97% / 2) ;
}
.tabContent {
    width: 84%;
    margin: 50px auto;
}
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 768px) {
}