@charset "utf-8";
/* CSS Document */


.image {
    max-width: 100%;
    float: left;
    margin-right: 1em;
    width: 34%;
}
.text-body {
    overflow: hidden;
}
.title {
    margin: 0;
/*    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
}
.name {
    margin: 0 0 22px;
}
.tab-content > div {
    overflow: hidden;
}

@media screen and (max-width: 640px) {
.title {
    line-height: 1.2;
}
.name {
    margin-bottom: 44px;
}
.text-body {
    overflow: visible;
}
}
/* ↓↓↓↓ ここからサンプルコード ↓↓↓↓ */

.container {
    width: 100%;
    margin: 0 auto;
}
.tab-menu {
    display: table;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}
.tab-menu > li {
    cursor: pointer;
    display: table-cell;
    padding: 10px 0;
    background-color: #ccc;
    border-left: 1px solid #fff;
}
.tab-menu > li:first-child {
    border-left: 0;
}
.tab-menu > .active {
    cursor: default;
    background-color: #f5f5f5;
}
.tab-content > div {
    background-color: #f5f5f5;
    padding: 20px
}
.tab-content > div:nth-child(n+2) {
    display: none;
}