@media screen and (min-width: 769px){
    /* br{
        display: none;
    } */
    .mainvisual_catchcopy_pc_img img {
        display: none;
    }

    .mainvisual_name img {
        display: none;
    }

    #member .white_content{
        display: block;
        width: 80%;
        height: 55px;
        margin: -55px auto;
        background-color: #FFFFFF;

    }


    #member .main_visual_wrapper{
        display: block;
        width: 100%;
        height: auto;
    }

    #member .main_visual_wrapper .main_visual{
        display: block;
        width: 100%;
        height: 100%;
        padding: 8% 0;
        background-image: url(../img/download_title_image.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }

    #member .main_visual_wrapper .main_visual h2{
        display: block;
        width: 50%;
        height: 100%;
        margin: 0 auto;
        font-size: 3.3rem;
        color: #FFFFFF;
        text-align: center;
        font-weight: bold;
    }

    
    #member .explanatory_text{
        display: block;
        width: 80%;
        height: 100%;
        margin: 100px auto;
    }

    #member .explanatory_text p{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 1.6rem;
    }

    #member .title_wrapper{
        display: block;
        width: 100%;
        height: auto;
        /* margin: 10% 0 0 0; */
    }

    #member .title_wrapper .title_main{
        display: block;
        width: 100%;
        height: 100%;
        padding: 10%;
        background-color: #009680;
        border: 1px solid #FFFFFF;
    }

    #member .title_wrapper .title_main h3{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 1.2rem;
        text-align: center;
        color: #FFFFFF;
    }

    #member .title_wrapper .title_main h2{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 2.4rem;
        text-align: center;
        color: #FFFFFF;
        margin: -20px 0 0 0;
    }

    #member .title_wrapper .infomation_wrapper{
        display: block;
        width: 100%;
        height: 100%;
    }

    #member .title_wrapper .infomation_wrapper .infomation_wrapper_date{
        display: block;
        width: 100%;
        height: 100%;
        padding: 5%;
        background-color: #009680;
        border: 1px solid #FFFFFF;
    }

    #member .title_wrapper .infomation_wrapper .infomation_wrapper_date p{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 2.0rem;
        color: #FFFFFF;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main{
        display: block;
        width: 70%;
        height: 100%;
        margin: 100px auto 100px auto;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 2.2rem;
        color: #088776;
        font-weight: bold;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.download:before{
        content: "";
        display: block;
        background-image: url(../img/book_red_2.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.seminor:before{
        content: "";
        display: block;
        background-image: url(../img/net_seminor_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.qanda:before{
        content: "";
        display: block;
        background-image: url(../img/mike_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.symbol:before{
        content: "";
        display: block;
        background-image: url(../img/hato_icon_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.member:before{
        content: "";
        display: block;
        background-image: url(../img/member_logo_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.object_none{
        font-size: 1.8rem;
        text-align: center;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.object_none:before{
        display: none;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main p{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 1.6rem;
        padding: 5%;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul{
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 0 10% 0;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li{
        display: block;
        width: 100%;
        height: 100%;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_text{
        width: 98%;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title h3 {
        font-size: 2.6rem;
        color: #088776;
        font-weight: bold;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.download h3:before{
        content: "";
        display: block;
        background-image: url(../img/download_red.svg);
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.telephone h3:before{
        content: "";
        display: block;
        background-image: url(../img/q_and_a_red.svg);
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.system h3:before{
        content: "";
        display: block;
        background-image: url(../img/croud_red.svg);
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.kaihou h3:before{
        content: "";
        display: block;
        background-image: url(../img/book_red_1.svg);
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.owner h3:before{
        content: "";
        display: block;
        background-image: url(../img/pdf_red.svg);
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.fax_magagine h3:before{
        content: "";
        display: block;
        background-image: url(../img/copy_red.svg);
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.mail_magagine h3:before{
        content: "";
        display: block;
        background-image: url(../img/mail_red.svg);
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title p{
        font-size: 2.2rem;
        color: #088776;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.kyoju{
        width: 100%;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.jigyo{
        width: 100%;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.tochi{
        width: 100%;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.kyoju p:before{
        content: "";
        display: block;
        background-image: url(../img/download_kyoju.svg);
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.jigyo p:before{
        content: "";
        display: block;
        background-image: url(../img/download_jigyo.svg);
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.tochi p:before{
        content: "";
        display: block;
        background-image: url(../img/download_tochi.svg);
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title p span{
        /* display: block; */
        width: 100%;
        height: 65px;
        border-left: 1px solid #088776;
        margin: 0 10px;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_green{
        border: 2px solid #088776;
        border-radius: 50px;
        padding: 30px;
        float: left;
        margin: 0 10px 10px 0;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_green.float_unset{
        width: 100%;
        float: unset;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_green.float_unset a{
        width: 2 0%;
    }


    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_green a{
        display: block;
        width: 50%;
        height: 100%;
        font-size: 2.1rem;
        font-weight: bold;
        color: #088776;
        text-align: center;
        margin: 0 auto;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_red{
        border: 2px solid #E585A9;
        border-radius: 50px;
        padding: 30px;
        float: left;
        margin: 0 0 0 10px;
    }


    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_red a{
        display: block;
        width: 85%;
        height: 100%;
        font-size: 2.1rem;
        font-weight: bold;
        color: #E585A9;
        text-align: center;
        margin: 0 auto;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_red a:before{
        content: "";
        display: block;
        background-image: url(../img/download_dl_icon_red.svg);
        background-repeat: no-repeat;
        height: 30px;
        width: 30px;
        margin: -5px 0 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_text p{
        display: block;
        font-size: 1.6rem;
        color: #E71C24;
        text-align: right;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main p.text_red{
        color: #E71C24;
    }


    #member .title_wrapper .infomation_wrapper .infomation_main .infomation_main_content{
        display: block;
        width: 90%;
        height: 100%;
        margin: 0px auto 200px auto;
        padding: 55px;
        border: 1px solid #009380;
    }

    /*----------▼お知らせ▼----------*/
    #member .news_bg{
        width: 1010px;
        margin: 0 auto;
    }
    #member .news_wrapper_side {
        display: block;
        width: 154px;
        height: auto;
        float: left;
    }

    #member .news_wrapper_side h2{
        font-size: 2.0rem;
    }

    #member .news_wrapper_side h3{
        font-size: 1.2rem;
        color: #EA8AAE;
    }

    #member .news_main_wrapper{
        display: block;
        width: 80%;
        height: auto;
        margin: 200px auto;
        /* padding: 111px 0 0 84px; */
        background-color: #FFFFFF;
        overflow: hidden;
    }
    
    #member .news_main_wrapper .Readmore_wrapper{
        width: 100%;
        text-align: center;
    }
    #member .news_main_wrapper a {
        display: inline-block;
        /* width: 15%; */
        /* text-align: center; */
        margin: 100px auto 0;
        color: #009880;
        font-size: 1.4rem;
        border: 2px;
        border-style: solid;
        border-top: none;
        border-right: none;
        border-left: none;
        padding-bottom: 2px;
    }

    #member .news_title_wrapper{
        /*display: block;
        text-align: center;
        padding: 100px 0 50px 0;*/
        margin-bottom: 60px;
    }

    #member .news_title_wrapper ul li{
        /*width: 26%;*/
        display: inline-block;
        margin: 0 45px 0 45px;
        padding: 10px;
        font-size: 1.4rem;
    }

    #member .news_title_wrapper ul li:hover {
        /* width: 26%; */
        text-align: center;
        background-color: #E686AA;
        /* margin: 0 10px 0 10px; */
        /* padding: 10px; */
        border-radius: 36px;
        color: #FFFFFF;
    }

    #member .news_title_wrapper ul li.headquarters.active{
        /* width: 26%; */
        text-align: center;
        background-color: #E686AA;
        /* margin: 0 10px 0 10px; */
        /* padding: 10px; */
        border-radius: 36px;
        color: #FFFFFF;
    }



    #member .news_article_wrapper{
    /* margin-left: 10%;*/
    }

    #member .news_date {
        display: block;
        float: left;
        width: 24%;
        /* margin: 25px 0 0 0; */
    }
    #member .news_date ul li:first-child{
        display: inline;
        font-size: 1.0rem;
        color: #808080;
    }

    #member .news_date ul li{
        display: inline;
    }

    #member .news_date ul li:nth-child(2){
        width: 35%;
        margin: 0px 0 0 25px;
        padding: 5px 15px;
        border: 1px;
        border-style: solid;
        border-color: #009880;
        border-radius: 30px;
        font-size: 1.0rem;
        color: #009880;
        text-align: center;
    }
    #member .news_text{
        width: 76%;
        float: left;
    }
    #member .news_text ul li {
        float: left;
        /* line-height: 70px; 
        margin: 0px 50px 0 20px;*/
        /* width: 80%; */
        font-size: 1.4rem;
    }

    #member .about_image_wrapper{
        display: block;
        position: relative;
        width: 100%;
        height: auto;
    }

    /*----------▲お知らせ▲----------*/

}

@media screen and (max-width: 768px){
    br{
        display: none;
    }

    .mainvisual_catchcopy_sp_img img {
        display: none;
    }

    .mainvisual_name img {
        display: none;
    }

    #member .main_visual_wrapper{
        display: block;
        width: 100%;
        height: auto;
    }

    #member .main_visual_wrapper .main_visual{
        display: block;
        width: 100%;
        height: 100%;
        padding: 8% 0;
        background-image: url(../img/download_title_image.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }

    #member .main_visual_wrapper .main_visual h2{
        display: block;
        width: 50%;
        height: 100%;
        margin: 0 auto;
        font-size: 2.0rem;
        color: #FFFFFF;
        text-align: center;
        font-weight: bold;
    }

    #member .explanatory_text{
        display: block;
        width: 90%;
        height: 100%;
        margin: 0 auto;
    }

    #member .explanatory_text p{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 1.6rem;
    }

    #member .title_wrapper{
        display: block;
        width: 100%;
        height: auto;
        margin: 20% 0 0 0;
    }

    #member .title_wrapper .title_main{
        display: block;
        width: 100%;
        height: 100%;
        padding: 10%;
        background-color: #009680;
        border: 1px solid #FFFFFF;
    }

    #member .title_wrapper .title_main h3{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 1.2rem;
        text-align: center;
        color: #FFFFFF;
    }

    #member .title_wrapper .title_main h2{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 2.4rem;
        text-align: center;
        color: #FFFFFF;
    }

    #member .title_wrapper .infomation_wrapper{
        display: block;
        width: 90%;
        height: 100%;
        margin: 0 auto;
    }

    #member .title_wrapper .infomation_wrapper .infomation_wrapper_date{
        display: block;
        width: 100%;
        height: 100%;
        padding: 5%;
        background-color: #009680;
        border: 1px solid #FFFFFF;
    }

    #member .title_wrapper .infomation_wrapper .infomation_wrapper_date p{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 2.0rem;
        color: #FFFFFF;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main{
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFFFFF;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 2.2rem;
        color: #088776;
        font-weight: bold;
        margin: 10% 0;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.download:before{
        content: "";
        display: block;
        background-image: url(../img/book_red_2.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.seminor:before{
        content: "";
        display: block;
        background-image: url(../img/net_seminor_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.qanda:before{
        content: "";
        display: block;
        background-image: url(../img/mike_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.symbol:before{
        content: "";
        display: block;
        background-image: url(../img/hato_icon_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.member:before{
        content: "";
        display: block;
        background-image: url(../img/member_logo_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.object_none{
        font-size: 1.8rem;
        text-align: center;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.object_none:before{
        display: none;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main h3{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 1.6rem;
        padding: 5%;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main p{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 1.6rem;
        padding: 5%;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul{
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 0 10% 0;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li{
        display: block;
        width: 100%;
        height: 100%;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title h3{
        font-size: 2.6rem;
        color: #088776;
        font-weight: bold;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title p{
        font-size: 2.2rem;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.download h3:before{
        content: "";
        display: block;
        background-image: url(../img/download_red.svg);
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.telephone h3:before{
        content: "";
        display: block;
        background-image: url(../img/q_and_a_red.svg);
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.system h3:before{
        content: "";
        display: block;
        background-image: url(../img/croud_red.svg);
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.kaihou h3:before{
        content: "";
        display: block;
        background-image: url(../img/book_red_1.svg);
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.owner h3:before{
        content: "";
        display: block;
        background-image: url(../img/pdf_red.svg);
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.fax_magagine h3:before{
        content: "";
        display: block;
        background-image: url(../img/copy_red.svg);
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.mail_magagine h3:before{
        content: "";
        display: block;
        background-image: url(../img/mail_red.svg);
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title p span{
        /* display: block; */
        width: 100%;
        height: 65px;
        border-left: 1px solid #088776;
        margin: 0 5%;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_green{
        border: 2px solid #088776;
        border-radius: 50px;
        padding: 30px;

    }


    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_green a{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 1.5rem;
        font-weight: bold;
        color: #088776;
        text-align: center;
        margin: 0 auto;
    }


    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_red{
        border: 2px solid #E585A9;
        border-radius: 50px;
        padding: 30px;
        margin: 10% 0 0 0;
    }


    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_red a{
        display: block;
        width: 36%;
        height: 100%;
        font-size: 1.5rem;
        font-weight: bold;
        color: #E585A9;
        text-align: center;
        margin: 0 auto;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_red a:before{
        content: "";
        display: block;
        background-image: url(../img/download_dl_icon_red.svg);
        background-repeat: no-repeat;
        height: 30px;
        width: 30px;
        margin: -5px 0 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_text p{
        display: block;
        font-size: 1.6rem;
        color: #E71C24;
        text-align: right;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main p.text_red{
        color: #E71C24;
    }


    #member .title_wrapper .infomation_wrapper .infomation_main .infomation_main_content{
        display: block;
        width: 90%;
        height: 100%;
        margin: 0 auto 30% auto;
        border: 1px solid #009380;
    }

    .header_menubar.pc, 
    #member .member_servise_list_nav_sp div p, 
    #member .member_servise_list_nav_tops, 
    #member .member_servise_list_nav_bottoms, 
    #member .about_image_1_pc, 
    #member .about_image_background_1, 
    #member .about_image_background_1 img, 
    #member .about_image_background_2, 
    #member .member_servise_nav.pc, 
    .header_global_nav_wrapper.pc, 
    .header_global_nav_wrapper.pc.fixed, 
    .main_visual_nav, 
    #member .member_servise_list_nav_sp div:nth-child(4) nav ul li:nth-child(4) a:before {
        display: none;
    }
}

@media screen and (max-width: 375px){
    #member .main_visual_wrapper{
        display: block;
        width: 100%;
        height: auto;
    }

    #member .main_visual_wrapper .main_visual{
        display: block;
        width: 100%;
        height: 100%;
        padding: 8% 0;
        background-image: url(../img/download_title_image.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }

    #member .main_visual_wrapper .main_visual h2{
        display: block;
        width: 50%;
        height: 100%;
        margin: 0 auto;
        font-size: 2.0rem;
        color: #FFFFFF;
        text-align: center;
        font-weight: bold;
    }

    #member .title_wrapper{
        display: block;
        width: 100%;
        height: auto;
        margin: 30% 0 0 0;
    }

    #member .explanatory_text{
        display: block;
        width: 90%;
        height: 100%;
        margin: 0 auto;

    }

    #member .title_wrapper .title_main{
        display: block;
        width: 100%;
        height: 100%;
        padding: 10%;
        background-color: #009680;
        border: 1px solid #FFFFFF;
    }

    #member .title_wrapper .title_main h3{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 1.2rem;
        text-align: center;
        color: #FFFFFF;
    }

    #member .title_wrapper .title_main h2{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 2.4rem;
        text-align: center;
        color: #FFFFFF;
    }

    #member .title_wrapper .infomation_wrapper{
        display: block;
        width: 90%;
        height: 100%;
        margin: 0 auto;
    }

    #member .title_wrapper .infomation_wrapper .infomation_wrapper_date{
        display: block;
        width: 100%;
        height: 100%;
        padding: 5%;
        background-color: #009680;
        border: 1px solid #FFFFFF;
    }

    #member .title_wrapper .infomation_wrapper .infomation_wrapper_date p{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 2.0rem;
        color: #FFFFFF;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main{
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFFFFF;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main h3{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 1.6rem;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main p{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 1.6rem;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main p.text_red{
        color: #E71C24;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main{
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #FFFFFF;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 2.6rem;
        color: #088776;
        font-weight: bold;
        margin: 10% 0;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.object_none{
        font-size: 1.6rem;
        text-align: center;
    }


    #member .title_wrapper .infomation_wrapper .infomation_main h2.download:before{
        content: "";
        display: block;
        background-image: url(../img/book_red_2.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.seminor:before{
        content: "";
        display: block;
        background-image: url(../img/net_seminor_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.qanda:before{
        content: "";
        display: block;
        background-image: url(../img/mike_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.symbol:before{
        content: "";
        display: block;
        background-image: url(../img/hato_icon_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.member:before{
        content: "";
        display: block;
        background-image: url(../img/member_logo_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main h2.object_none:before{
        display: none;
    }


    #member .title_wrapper .infomation_wrapper .infomation_main ul{
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 0 10% 0;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li{
        display: block;
        width: 100%;
        height: 100%;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title h3{
        font-size: 2.3rem;
        color: #088776;
        font-weight: bold;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title p{
        font-size: 1.9rem;

    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.download h3:before{
        content: "";
        display: block;
        background-image: url(../img/download_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.telephone h3:before{
        content: "";
        display: block;
        background-image: url(../img/q_and_a_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.system h3:before{
        content: "";
        display: block;
        background-image: url(../img/croud_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;
    }


    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.kaihou h3:before{
        content: "";
        display: block;
        background-image: url(../img/book_red_1.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;
    }


    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.owner h3:before{
        content: "";
        display: block;
        background-image: url(../img/pdf_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.fax_magagine h3:before{
        content: "";
        display: block;
        background-image: url(../img/copy_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title.mail_magagine h3:before{
        content: "";
        display: block;
        background-image: url(../img/mail_red.svg);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.list_title p span{
        /* display: block; */
        width: 100%;
        height: 65px;
        border-left: 1px solid #088776;
        margin: 0 5%;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_green{
        border: 2px solid #088776;
        border-radius: 50px;
        padding: 30px;

    }


    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_green a{
        display: block;
        width: 100%;
        height: 100%;
        font-size: 1.5rem;
        font-weight: bold;
        color: #088776;
        text-align: center;
        margin: 0 auto;
    }


    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_red{
        border: 2px solid #E585A9;
        border-radius: 50px;
        padding: 30px;
        margin: 10% 0 0 0;
    }


    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_red a{
        display: block;
        width: 85%;
        height: 100%;
        font-size: 1.5rem;
        font-weight: bold;
        color: #E585A9;
        text-align: center;
        margin: 0 auto;
    }


    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_red a:before{
        content: "";
        display: block;
        background-image: url(../img/download_dl_icon_red.svg);
        background-repeat: no-repeat;
        height: 30px;
        width: 30px;
        margin: -5px 0 0 0;
        float: left;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main ul li.download_text p{
        display: block;
        font-size: 1.6rem;
        color: #E71C24;
        text-align: right;
    }

    #member .title_wrapper .infomation_wrapper .infomation_main .infomation_main_content{
        display: block;
        width: 90%;
        height: 100%;
        margin: 0 auto 30% auto;
        padding: 5%;
        border: 1px solid #009380;
    }

}


.pt70{
    padding-top: 70px!important;
}