/* ==================================

    Iistructor - インストラクター

================================== */

.top-name-box {
    clip-path: polygon(0 0, 45% 0, 80% 100%, 0% 100%);
    background-color: #551326;
    padding: 60px 0 16px 16px;
    margin-bottom: 32px;
}

.top-name-box p:nth-of-type(1) {
    color: #FFFFFF;
    font-size: 2.4rem;
    line-height: 1.5;
    text-align: left;
}

.top-name-box p:nth-of-type(2) {
    color: #FFFFFF;
    font-size: 1.2rem;
    text-align: left;
}


.text-box h1 {
    padding: 16px 0;
    font-size: 2.8rem;
    padding-right: 16px;
}

.rep-text {
    padding: 16px 0;
    font-size: 1.8rem;
}

.inst-bg-box {
    position: relative;
    max-width: 980px;
    margin: 0 auto;
    padding: 32px;
}

.bg-shapes {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 150px;
    height: 150px;
    background-color: #551326;
    z-index: -1;
}

.inst-img-box {
    max-width: 980px;
    margin: 0 auto;
}

.prof-box {
    max-width: 980px;
    width: calc(100% - 32px);
    margin: 32px auto;
}

.prof-box  p {
    margin-bottom: 8px;
}

.text-box {
    max-width: 980px;
    width: calc(100% - 32px);
    margin: 32px auto;
}

.text-box .flex-start {
    align-items: center
}

.text-box .flex-start a {
    width: 50px;
}

.text-line-right {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: bold;
}

.text-line-right:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    display: block;
}

.text-line-right:after {
    margin-left: .4em;
    background: #000000;
}

.text-box ul {
    margin-bottom: 48px;
}

.text-box ul li {
    font-size: 1.3rem;
    text-indent: -1em;
    padding-left: 1em;
}

.text-box ul.list li:before {
    content: '・';
}

.text-box ul li a:before {
    content: '>>';
    padding-right: 8px;
}

.next-inst-box {
    max-width: 980px;
    width: calc(100% - 32px);
    margin: 0 auto;
}

.next-inst-box a {
    transition: .4s;
    color: #000;
    font-size: 1.4rem;
}

.next-inst-box a:hover {
    transition: .4s;
    color: #551326;
}

.next-inst-box p {
    margin-bottom: 16px;
}

.next-inst-box a {
    font-size: 1.6rem;
    display: block;
}

.text-box ul li a {
    color: #000000;
    font-size: 1.8rem;
}

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

}