@charset "UTF-8";

/*===================================
　PCここから
===================================*/
@media (min-width: 799px) {
    /*  base
    ===================================*/
    .page_detail_tit .memberLeftTit {
        float: left;
        width: 13%;
        height: 60%;
        margin-top: 2.9%;
        border-right: solid 1px #000;
        text-align: center;
        position: relative;
        box-sizing: border-box;;
    }
    .page_detail_tit .memberLeftTit .memberLeftTitCover {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 0;right: 0;
        margin:auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .page_detail_tit .memberLeftTit .leftTitInner1 {
        display: inline-block;
        max-width: 110px;
        font-size: 11px;
        font-weight: bold;
        margin-top: 0;
        text-align: center;
        padding: 0px 0px 0;
        margin-right: 0;
        line-height: 17px;
        color: #000000;
        word-break: break-all;
    }

    .page_detail_tit .memberLeftTit .leftTitInner2 {
        font-size: 10px;
        font-weight: bold;
        margin-top: 5px;
        color: #000000;
    }

    .page_detail_tit .memberCenterTit {
        width: 74%;
        float: left;
        height: 100%;
        text-align: center;
        padding-top: 51px;
    }

    .page_detail_tit .memberCenterTit .mbdTit1 {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 31px;
        letter-spacing: 12px;
        font-weight: bold;
    }

    .page_detail_tit .memberCenterTit .mbdTit2 {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 15px;
        line-height: 51px;
        letter-spacing: 1px;
        font-weight: bold;
    }

    .page_detail_tit .rightLogo {
        float: left;
        width: 13%;
        height: 60%;
        margin-top: 2.9%;
        border-left: solid 1px #000;
        text-align: right;
        position: relative;
        box-sizing: border-box;;
    }
    .page_detail_tit .rightLogo .logoTxt{
        display: inline-block;
        margin-top: 33px;
        padding-top: 85px;
        background: url(../img/ohkawa_logo.png) center no-repeat;
        background-size: 89px auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 2em;
    }


/*    .page_detail_tit .memberRightTit .rightTitInner {
        display: inline-block;
        font-size: 15px;
        letter-spacing: 0.5px;
        font-weight: bold;
        margin-top: 35px;
        padding: 5px 13px;
        margin-right: 5px;
        color: #000000;
    }*/

    .mainImage {
        clear: both;
        width: 110%;
        height: 530px;
        margin: 0 -56px;
        margin-bottom: 130px;
        background-color: #00aaaa;
    }

    .content {
        text-align: center;
        margin: 0 202px;
    }

    .content .contentTit {
        text-align: left;
        border-top: solid 1px #000;
        border-bottom: solid 1px #000;
        padding: 26px 0;
        font-size: 20px;
        margin-bottom: 32px;
        letter-spacing: 1px;
        font-weight: bold;
    }

    .content .contentBody {
        text-align: left;
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 10px;
        margin-bottom: 83px;
    }

    .content .subImage {
        width: 696px;
        height: 416px;
        margin-bottom: 83px;
        background-color: #000000;
    }

    .content .contentBody p {
        line-height: 40px;
    }

    .back {
        font-size: 12px;
        font-weight: bold;
    }

    .back::after {
        content: url("../img/okawa_arrow_bl.png");
        display: inline-block;
        vertical-align: middle;
        width: 70px;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    .member_mainImage {
        clear: both;
        position: relative;
        color:#fff;
        text-align: right;

    }
    .member_mainImage .catchTxt {
        position: absolute;
        right: 105px;
        width: 54%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .member_mainImage .catchTxt .catchEn > * {
        font-size: 33px;
        line-height: 1.3;
        letter-spacing: 1px;
    }

    .member_mainImage .catchTxt .catchEn p:before {
        content: "“";
    }

    .member_mainImage .catchTxt .catchEn p:after {
        content: "”";
        position: absolute;
    }

    .member_mainImage .catchTxt .catchJa > * {
        margin-top: 13px;
        line-height: 1.3;
        font-size: 18px;
    }

    .member_mainImage .catchTxt .catchJa p:before {
        content: "“";
    }

    .member_mainImage .catchTxt .catchJa p:after {
        content: "”";
        position: absolute;
    }

    .member_mainImage .catchTxt .txt > * {
        margin-top: 11px;
        font-size: 17px;
        letter-spacing: 1px;
        line-height: 1.8;
        margin-bottom:40px;
    }
    .member_mainImage .catchTxt .txt p:before {
        content: "";
        width: 40px;
        display: inline-block;
        margin-bottom: 5px;
        margin-right: 10px;
        height: 1px;
        background: #fff;
    }

    .member_mainImage .catchTxt .colors  {
         margin-top: 11px;
         font-size: 13px;
         line-height: 1.8;
         margin-bottom:40px;
     }
}
.colors .color{ width: 10px; height: 10px; border-radius: 5px; content: " "; display: inline-block; margin-left: 30px; margin-right: 4px;}
.colors .colorBorder{ width: 10px; height: 10px; border-radius: 5px; border: 1px solid #ffffff; content: " "; display: inline-block; margin-left: 30px; margin-right: 4px;}
.colors .color.cyan{ background: #00a3e8;}
.colors .color.magenta{ background: #f09bbe;}
.colors .color.yellow{ background: #fff028;}
.colors .colorBorder.black{ background: #141e22;}