/*パソコン画面*/

    /*トップ画像  Avenue画面*/

    .exp_explanationTopImgAra{
        width: 100%;
        height: 200px;
        background-image: url(../image/explanation_Img2.jpg);
        background-repeat: no-repeat;  /* 画像の繰り返しを指定  */              
        background-position: center; /* 画像の表示位置を指定  */
        background-size: cover;
        position: absolute;
        top: 100px;
    }

    .exp_explanationTopImgTxtAra{
        width: 100%;
        height: auto;
        text-align: center;
        position: relative;
        top: 50px;
    }

    .exp_explanationTopImgTitTxt{
        color: #f1efef;
        text-shadow: 2px 3px 1px #333333;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .exp_explanationTopImgTxt{
        color: #f1f1f1;
        text-shadow: 2px 3px 1px #333333;
        font-size: 1.5rem;
        font-weight: 800;
    }

    /*説明画面　Avenue画面*/

    .ind_contentAra{
        width: 100%;
        height: auto;
        padding-top: 15px;
        background: ghostwhite;
        position: absolute;
        top: 300px;
    }

    .ind_contentScrAra{
        width: 100%;
        max-width: 960px;
        height: auto;
        background: white;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .exp_explanationAra{
        padding: 15px;
    }

    /*サイト タイトル*/

    .exp_contentTitTxt{
        font-size: 1.6rem;
        color: #3d73e7;
        white-space: nowrap;
        text-align: center;
        font-weight: 1000;
    }

    .exp_introduceAra{
        padding-bottom: 20px;
        position: relative;
        top: 10px;
    }

    .exp_myNameImgAra{
        width: 20%;
        height: auto;
        margin: 0 auto;
        padding-top: 2.5%;
    }

    .exp_myNameImg{
        max-width: 100%;
        height: auto;
    }

    .exp_myNameTxt{
        font-size: 1.35em;
        font-weight: 1000;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 15px;
    }

    .exp_IntroduceTxt{
        padding-top: 40px;
        font-size: 16px;
        margin: 0 auto;
    }

    /*距離別のおすすめ宣伝効果の画像エリア*/

    .ind_topImgTxtAra{
        width: 100%;
        height: auto;
        text-align: center;
        position: absolute;
        bottom: 37px;
    }
    
    .ind_topImgTxt{
        display: block;
        width: 90%;
        max-width: 640px;
        padding: 10px;
        margin: 0 auto;
        font-weight: 600;
        font-size: 1.3em;
        color: #fff;
        box-sizing: border-box;
        background: rgba(0,0,0,0.4);
        text-shadow: 0px 0px 3px #000;
    }

    /*筆者について*/

    .exp_authorGroupAra{
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 40px;
        position: relative;
        top: 70px;
    }

    .exp_tableContentTitTxt{
        border-left: 5px solid blue;
        border-bottom:#a3c1d1 3px solid; /*下部の境界線の指定*/
        font-size: 1.3rem;
        padding-top: 12px;
        padding-bottom: 6px;
        font-weight: 1000;
        background: #ebf6fc;
    }

    /*目次*/

    .exp_tableContentTit{
        color: #008cff;
        font-size: 1.2rem;
        font-weight: 800;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .exp_tableContentAra{
        width: 75%;
        border-radius: 30px;
        border: 1px solid #73c5c5;
        background: white;
        margin: 0 auto;
        position: relative;
        top: 20px;
    }

    .exp_tableContentCaverAra{
        width: 90%;
        height: auto;
        padding-top: 2.5%;
        padding-bottom: 2.5%;
        margin: 0 auto;
    }

    .exp_tableContentTxt{
        width: 100%;
        height: auto;
    }

    .exp_worpBtnPairBigAra{
        width: 100%;
        height: auto;
        display: flex;
        padding-top: 2.5px;
        padding-bottom: 2.5px;
    }

    .exp_worpBtnPairAra{
        width: 100%;
        height: auto;
        display: flex;
        padding-top: 2.5px;
        padding-bottom: 2.5px;
    }

    .exp_worpBtnPairSpanAra{
        width: 100%;
        height: auto;
        display: flex;
        margin-left: 3%;
        padding-top: 2.5px;
        padding-bottom: 2.5px;
    }

    .exp_WorpBtn{
        margin-left: 10px;
        font-size: 14px;
        font-weight: 1000;
        color: #333333;
        cursor: pointer;
        position: relative;
        top: 3px;
    }

    .exp_WorpSubBtn{
        margin-left: 5px;
        font-size: 14px;
        line-height: 25px;
        font-weight: 1000;
        color: #333333;
        cursor: pointer;
    }

    .ind_worpTxt{
        font-size: 1.2rem;
        font-weight: 800;
        color: #008cff;
    }

    /*サイト 文章*/

    .ind_explanationBottomTxt{
        font-size: 16px;
        padding-top: 0px;
        padding-bottom: 0px;
        color: #333333;
    }

    /*説明文 タイトル*/

    .ind_explanationTitAra{
        border-left: 5px solid blue;
        border-bottom:#a3c1d1 3px solid; /*下部の境界線の指定*/
        padding-top: 12px;
        padding-bottom: 6px;
        background: #ebf6fc;
    }

    .ind_explanationTitTxt{
        font-size: 1.3rem;
        font-weight: 1000;
        background: #ebf6fc;
    }

    /*説明文 子要素  タイトル*/

    .ind_childTitTxt{
        border-bottom: 5px solid blue;
        font-size: 1.3rem;
        font-weight: 1000;
    }

    /*各説明画面*/

    .exp_thinkGroupAra{
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 50px;
        position: relative;
        top: 70px;
    }

    /*サイト 文章*/

    .ind_explanationBottomTxt{
        margin: 0 auto;
        font-size: 16px;
        padding-top: 0px;
        padding-bottom: 0px;
        color: #333333;
    }

    /*バナー*/

    .exp_bannerImgAra{
        width: 100%;
        height: auto;
        text-align: center;
        position: relative;
        top: 0px;
    }
    
    .exp_bannerImg{
        max-width: 100%;
        height: auto;
    }

    /*リンク*/

    .exp_linkTxt{
        font-size: 16px;
    }

    /*横並び　説明*/

    .ind_explanationTxtFlexAra{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ind_explanationFlexTxt{
        font-weight: 1000;
        padding-bottom: 30px;
        font-size: 1.3rem;
        color: #333333;
        width: 92%;
        margin: 0 auto;
    }

    .ind_explanationTxtFlexImgAra{
        width: calc( 40% - 10px );
        height: auto;
        text-align: center;
        padding-right: 10px;
    }
    
    .ind_explanationTxtFlexImg{
        max-width: 100%;
        height: auto;
    }
    
    .ind_explanationTxtFlexTxtAra{
        width: calc( 60% - 10px );
        height: auto;
        padding-left: 10px;
    }