.tabs {
    margin-top: 50px;
    padding-bottom: 40px;
    background-color: #fff;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
    width: 100%;
    margin: 0 auto;
}

.tab_item1, .tab_item2, .tab_item3 {
    width: 33.333%;
    height: 50px;
    border-bottom: 3px solid #005fa9;
    background-color: #eff3f9;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #333333;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
}

.tab_item1:hover, .tab_item2:hover, .tab_item3:hover {
    opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item1"], input[name="tab_item2"], input[name="tab_item3"] {
    display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
    display: none;
    padding: 15px 15px 0;
    clear: both;
    overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#takajyouen01:checked ~ #takajyouen01_content,
#takajyouen02:checked ~ #takajyouen02_content,
#takajyouen03:checked ~ #takajyouen03_content,
#higashikan01:checked ~ #higashikan01_content,
#higashikan02:checked ~ #higashikan02_content,
#higashikan03:checked ~ #higashikan03_content,
#dayservice01:checked ~ #dayservice01_content,
#dayservice02:checked ~ #dayservice02_content,
#dayservice03:checked ~ #dayservice03_content {
  display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item1,
.tabs input:checked + .tab_item2,
.tabs input:checked + .tab_item3 {
  background-color: #0174b3;
  color: #fff;
}