@charset "utf-8";
/* PC向け*/
#main {
    padding-top: 6rem;
    background-color: white;
}
.abouttxt {
    line-height: 2rem;
    width: 75%;
    margin: 5% auto;
}
.txtbox {
    padding: 0 0 3% 0;
}
.profile {
    width: 70%;
    margin: 0 auto 10% auto;
}
.profilebox {
    display: grid;
    grid-template-columns: 30% 70%;
}
.left {
    place-content: center;
}
.left img {
    width: 100%;
}
.right {
    padding: 5% 0 5% 15%;
}
.name {
    margin: 0;
    font-size: 2rem;
}
.aname {
    margin: 0;
    font-size: .9rem;
    color: grey;
    padding: 0 3%;
}
.rekip {
    margin: 5% 3% 2% 5%;
    padding: 0.25em 0.5em;/*上下 左右の余白*/
    color: #494949;/*文字色*/
    background: transparent;/*背景透明に*/
    border-left: solid 5px #7db4e6;/*左線*/
    font-size: 1.2rem;
}
.tblkeireki {
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto;
}
.tblkeireki tr {
    border-bottom: dotted 0.5px #c2c1c1;
}
.tblkeireki th {
    border: none;
    font-weight: normal;
    text-align: right;
    width: 20%;
    min-width: 4em;
    vertical-align: text-top;
    padding: .2em 0;
}
.tblkeireki td {
    border: none;
    padding: .2em 1em .2em 3em;
}
.underlink {
    background: linear-gradient(transparent 70%, #a7d6ff 70%);
}
/* スマホ向け：961px～ */
@media only screen and (max-width: 500px) {
    .abouttxt {
        width: 80%;
        margin: 15% auto;
    }
    .profile {
        width: 90%;
        margin: 0 auto 10% auto;
    }
    .profilebox {
        grid-template-columns: 100%;
    }
    .left {
        width: 70%;
        margin: 0 auto;
    }
    .right {
        width: 90%;
        padding: 0;
        margin: 8% auto;
        text-align: center;
    }
    .keireki {
        text-align: left;
    }
    .tblkeireki {
        width: 95%;
        margin: 0 auto 10% auto;
    }
    .tblkeireki tr {
        display: block;
        margin-bottom: 0;
    }
    .tblkeireki th {
        font-size: 1rem;
        border: none;
        text-align: left;
        padding: 0;
    }
    .tblkeireki td {
        display: block;
        font-size: 1em;
        text-align: left;
        border: none;
        padding: .2em 0 .2em 1em;
    }
    .rekip {
        margin: 5% 0;
    }
}