.mv {
    background: url("../images/blog/blog_mv.png") no-repeat;
    background-size: 100% 240px;
    height: 240px;
}

.single-post .mv{
    background: url("../images/support-list/detail_bk.png") no-repeat;
    background-size: 100% 600px;
    height: 100%;
}



p,h1,h2,h3{
    line-height:2!important;
}

.mv .bk_white h3{
    color: #333333;
}


.bk_white{
    width: 1035px!important;
    padding: 30px 45px 40px!important;
    margin-top: 70px !important;
    margin-left: 105px !important;
    background: #FFFFFF;
    line-height: 1.8;
    border-radius: 7px;
}


.mv .txtWrapper {
    top: 115px;
}

.txtWrapper p{
    margin-bottom: 0;
}


#blogContentsWrapper{
    display: flex;
    justify-content:space-between;
}

#blogContents{
    max-width: 675px;
    margin-right: 30px;
}

.date{
    font-size: 12px;
    color: #808080;
}

.category_pick{
    display: inline-block;
    background: #e6f4ff;
    min-width: 80px;
    font-size: 12px;
    padding: 0 10px;
    color: #0090b9;
    text-align: center;
    border-radius: 5px;
}

.entry-content{
    float: inherit!important;
}

.entry-content h1{
    font-size: 30px!important;
    line-height: 1.6!important;
}

/*ブログブロック*/

.headline{
    line-height: 1.8!important;
    border-top: 1px solid #e6e6e6;
    padding-top: 25px!important;
    font-size: 20px!important;
    position: relative;
    margin-bottom: 0!important;
}

.headline::after{
    background-color: #0090b9;
    top: 0;
    left: 0;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 30px;
}

.middle-title{
    color: #0090b9!important;
    font-size: 15px!important;
    margin-top: 30px!important;
    margin-bottom: 0!important;
}

.middle-title p:before{
    content: '-';
    display: inline-block;
    padding-right: 5px;
}

.box_table table{
    border-collapse: collapse;
    border-radius: 5px;
    overflow: hidden;
}

.box_table tr {
    border-top: 1px solid #FFFFFF;
}

.box_table th{
    width: 150px;
    height: 40px;
    background: #e6f4ff;
    color: #0090b9;
}

.box_table td {
    max-width: 525px;
    background: #f2f2f2;
}

.box_table td p{
    margin-bottom: 0;
}

.profile{
    display: flex;
}

.photo{
    width: 150px;
}

.photo img {
    object-fit: cover!important;
    object-position: top!important;
    border-radius: 20px;
    height: 195px!important;
    width: 150px!important;
}

.career p:before{
    content: '–';
    display: inline-block;
    padding-right: 5px;
    color: #0090b9;
}
.career p{
font-size: 12px;
}

.profile .profileTxtWrapper{
    max-width: 465px;
    margin-left: 60px;
}

.profileTxtWrapper h2{
    font-size: 15px!important;
    margin-bottom: 0!important;
}

.profileTxtWrapper .romaji {
    font-size: 10px!important;
    font-weight: 700!important;
}

.career{
    margin: 30px 0 15px;
}

.profile_txt p{
    line-height: 1.5!important;
    font-size: 12px;
}

.wp-block-quote{
    font-size: 15px;
    color: #808080;
}

figcaption{
    text-align: center!important;
}

blockquote {
    border-left: 5px solid #e6e6e6!important;
}

.sns__container a{
    box-shadow: none!important;
}

.wp-block-image,.profile,.headline{
    margin-top: 60px!important;
}

.wp-block-quote,.point_list02,.point_list01,.box_table{
    margin-top: 40px!important;
}

#blogContents p{
    margin-top: 0;
}

.box_table table .no_tag p{
    margin-top: 0!important;
}


/*サイドバー*/

#blog-side{
    width: 225px;
}

.title_contents{
    font-size: 12px;
    color: #0090b9;
    font-weight: 700;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.title_contentsWrapper{
    border-bottom: 1px solid #e6e6e6;
}

.side_menu{
    padding-top: 50px;
}

.title_contentsWrapper ul li a,.mokujiInner li::marker{
    font-size: 12px;
    color: #808080!important;
}


.new_article{
    background: #f7f7f7;
    border-radius: 5px;
    margin: 30px 0;
}


.category_menu{
    background: #e6f4ff;
    border-radius: 5px;
}

.category_menu ul li,.new_article ul li{
    padding: 15px;
    border-top: 1px solid #FFFFFF;
    font-size: 12px;
}


#blog-side h3{
    font-size: 12px;
    padding: 15px;
    margin-bottom: 0;
}

.category-posts ul li a{
    display: flex;
}

.category-posts ul li a p img{
    width: 45px;
    height: 30px;
    object-fit: cover;
    border-radius: 5px;
    margin-right: 5px;
}

.category-posts ul li a .title{
    width: 140px;
    line-height: 1.4!important;
}

.categoryid-67 .category-posts ul li a .title {
    width: 100%;
}


/*関連する研修一覧*/

.categoryid-1 #related,.categoryid-1 .title_contentsWrapper{
    display: none;
}



#related{
    max-width: 1035px!important;
    margin-left: 105px ;
}

#related .title {
    position: relative;
    text-align: center;
    margin: 90px 0 65px;
    font-size: 18px!important;
}

#related .title::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: -25px;
    width: 45px;
    height: 1px;
    background-color: #0090b9;
}

/*#related .cardWrapper {*/
/*    justify-content: center;*/
/*}*/


#related .cardWrapper li {
    max-width: 510px;
    margin-bottom: 15px;
    border: 1px solid #d6e2f0;
    box-shadow: 3px 3px #d6e2f0;
    border-radius: 30px;
    background: #FFFFFF;
    padding: 45px;
    transform: translate(0,0);
    transition: all .2s cubic-bezier(.15,.62,.43,.8);
    margin-right: calc(15 / 1245 * 100%);
}

#related .cardWrapper li:nth-child( 2n ) {
    margin-right: 0;
}


#related .cardWrapper li:hover {
    box-shadow: none;
    cursor: pointer;
}

#related .cardWrapper li h2{
    font-size: 22px;
    line-height: 150%;
}


#related .cardWrapper li p{
    font-size: 15px;
}

#related .cardWrapper li p.color_pink{
    color: #ff3366!important;
    margin-bottom: 15px;
}


/*ブログ一覧*/


#categoryWrapper{
    margin: 60px 0 30px;
}

#categoryWrapper h3{
    font-size: 15px;
    margin-bottom: 15px;
}

#categoryWrapper ul{
    display: flex;
    flex-wrap: wrap;
}

#categoryWrapper ul li {
    text-align: center;
    margin-right: 5px;
    background: #e6f4ff;
    border-radius: 5px;
}

#categoryWrapper ul li a{
    display: block;
    padding: 10px 30px;
}

.category .mv .txtWrapper .title_jp {
    margin-bottom: 0;
}

#allBlogWrapper .cardWrapper_underDate li {
    width: 405px;
}

.category .cardWrapper_underDate li h1{
    font-weight: 500;
    line-height: 1.5!important;
    margin-top: 15px;
}

.category .arrow_r::after {
    display: none;
}

#allBlogWrapper .cardWrapper_underDate li:nth-child( 3n ) {
    margin-right: 0;
}

#allBlogWrapper .cardWrapper_underDate li .category_pick {
    margin:5px 0 10px;
}

#allBlogWrapper .cardWrapper_underDate li a img {
    border-radius: 15px;
    object-fit: cover;
    width: 345px;
    height: 195px;
}

.category .cardWrapper_underDate li h2{
    font-weight: 500;
    line-height: 1.5!important;
    margin-top: 10px;
}


/*NEWS*/


#allWrapper{
    display: flex;
    max-width: 1335px;
    margin-left: 110px;
}

#newsWrapper,#mediaWrapper,#contributionWrapper{
    margin: 60px 0;
    width: 825px;
}

#newsWrapper .news_list li{
    padding: 30px;
    border-top: 1px solid #e6e6e6;
}

#newsWrapper .news_list li:last-child{
    border-bottom: 1px solid #e6e6e6;
}

#newsWrapper .news_list li h2{
    font-weight: 500;
    font-size: 15px;
}

#mediaWrapper .cardWrapper_underDate li,#contributionWrapper .cardWrapper_underDate li{
    width: 405px;
    margin-right: 15px;
}

#mediaWrapper .cardWrapper_underDate li:nth-child( 2n ),#contributionWrapper .cardWrapper_underDate li:nth-child( 2n ) {
    margin-right: 0;
}


#mediaWrapper .cardWrapper_underDate li h2,#contributionWrapper .cardWrapper_underDate li h2,#book-listWrapper .cardWrapper_underDate li h2,#publicationWrapper .cardWrapper_underDate li h2{
    font-weight: 500;
    line-height: 1.6!important;
    margin: 15px 0;

}

#mediaWrapper .cardWrapper_underDate li img{
    border-radius: 10px;
    object-fit: cover;
    height: 195px;
    width: 345px;
}

.contents_thumbnail{
    text-align: center;
    margin: 30px 0;
}

.categoryid-77 .contents_thumbnail,.categoryid-67 .category-posts ul li a p img{
    display: none;
}

#blogContents a{
    color: #0090b9;
}

/*書籍、メディア取材*/

.category-book-list #allWrapper,.category-publication #allWrapper{
    margin-left: 0;
}

#book-listWrapper,#publicationWrapper{
    margin-top: 60px;
}

#book-listWrapper .cardWrapper_underDate li,#publicationWrapper .cardWrapper_underDate li{
     width: 405px;
     margin-right: 15px;
 }

#book-listWrapper .cardWrapper_underDate li:nth-child( 3n ),#publicationWrapper .cardWrapper_underDate li:nth-child( 3n ) {
    margin-right: 0;
}




/*サイドメニューNEWSなど*/

#allWrapper .side_menuWrapper{
    width: 225px;
    margin-top: 60px;
}

#allWrapper .side-contents{
    display: block;
    position: -webkit-sticky;/*Safari*/
    position: sticky;
    /*固定したい位置*/
    top: 100px;}

#allWrapper .side-contents.fixed.none {
    opacity: 0;
    z-index: -1;
}

#allWrapper .side-contents ul .side_btn  a{
    font-size: 15px;
    font-weight: 500;
    padding-left: 10px;
}

#allWrapper .side-contents ul .side_btn.active a {
    color: #0090b9!important;
    border-left: 2px solid #ff3366;
}


#allWrapper .side-contents ul li {
    margin: 15px 0 0 7px;

}



/*会社概要*/

.page-id-603 .mv .txtWrapper {
    top: 135px;
}

.page-id-603 .side-contents {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 130px!important;
}

.page-id-603 .side_menu {
    position: relative;
    width: 180px;
}

.page-id-603 .side_menu h2 {
    font-size: 15px;
    font-weight: 500;
    color: #0090b9;
    line-height: 1.5!important;
}

.page-id-603 .side_menu h2::before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 15px;
    background-color: #ff3366;
    position: absolute;
    top: 10%;
    transform: translateY(-50%);
    left: -15px;
}

.page-id-603 .side-contents ul li{
    font-size: 12px;
    margin-top: 5px!important;
    margin-left: 0!important;
}

.wish_link{
    font-size: 15px!important;
    padding: 30px 0 0 0!important;
}

#companyInfo{
    max-width: 825px;
}

#companyInfo p{
    line-height: 1.8!important;
}

#companyInfo table{
    margin: 60px 0;
}

#companyInfo table tr,#companyHistory table tr  {
    vertical-align: baseline;
}

#companyInfo table tr th,#companyInfo table tr td{
    padding: 25px;
}

#companyInfo table tr th{
    width: 195px;
    border-top: 2px solid #0090b9;
}

#companyInfo table tr td{
    border-top: 2px solid #e6e6e6;
 }

#companyInfo table tr td iframe{
    margin-top: 30px;
}

#companyHistory{
    padding-top: 100px;
    margin-top: -100px;
}


#companyHistory table{
    margin: 30px 0;
}

#companyHistory table tr th{
    width: 195px;
    border-top: 1px solid #e6e6e6;
    border-left: 2px solid #e6e6e6;
}

#companyHistory table tr td{
    border-top: 1px solid #e6e6e6;
}

#companyHistory table {
    border-bottom: 1px solid #e6e6e6!important;
}



/*動画視聴プラットフォーム*/

.movieList{
    display: flex;
    flex-wrap: wrap;
    margin: 60px 0 30px;
}

.movieList a{
    max-width: 280px;
    margin-bottom: 30px;
    margin-right: 30px;
}

.movieList a img {
    object-fit: cover;
    object-position: center;
    max-width: 280px;
    height: 210px;
}

.movieList p{
    white-space:pre-wrap;
    line-height: 1.5!important;
    padding-top: 10px;
}


.single-video-viewing .mv{
    background: url(../images/support-list/detail_bk.png) no-repeat;
    background-size: 100% 600px;
    height: 100%;
}

.single-video-viewing .entry-title {
    font-size: 30px!important;
    line-height: 1.6!important;
}


@media only screen and (max-width:480px) {

    .mv {
        background: url("../images/blog/blog_mv_sp.png") no-repeat;
        background-size: 100% 120px;
        height: 120px;
    }

    .single-post .mv{
        background: url("../images/support-list/detail_bk_sp.png") no-repeat;
        background-size: 100% 300px;
        height: 100%;
    }

    .mv .txtWrapper {
        top: 25px;
    }

    #categoryWrapper{
        padding: 0 20px;
        margin: 30px 0;
    }

    #categoryWrapper h3{
        margin-top: 30px;
    }

    .under_title {
        margin: 30px 0 40px;
    }

    .category .cardWrapper_underDate li h2{
        margin-top: 0;
    }

    #categoryWrapper ul li a {
        font-size: 11px;
        padding: 10px 20px;
    }

    #allBlogWrapper{
        padding: 0 20px;
    }

    #allBlogWrapper .cardWrapper_underDate li a img {
        border-radius: 5px;
        width: 100%;
        height: 165px;
    }

    .category .cardWrapper_underDate li h2 {
        font-size: 12px;
    }

    #allBlogWrapper .cardWrapper_underDate li .category_pick {
        margin: 5px 0 10px;
        min-width: auto;
    }

    .date  {
        font-size: 10px!important;
    }


    .single-post .mv .bk_white {
        margin: 10px 20px 0!important;
        padding: 20px!important;
        height: 100%;
        width: 335px!important;
    }

    #blogContentsWrapper{
        display: inherit;
    }

    #blogContents{
        margin-right: 0;
    }


    .entry-content h1{
        font-size: 18px!important;
        line-height: 1.5!important;
    }

    .category_pick{
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .wp-block-image, .profile, .headline {
        margin-top: 40px!important;
    }

    .profile {
        display: inherit;
    }

    .photo {
        width: 120px;
        margin: 0 auto 15px;
    }

    .photo img {
        border-radius: 5px;
        height: 160px!important;
        width: 120px!important;
    }

    .profile .profileTxtWrapper {
        max-width: 465px;
        margin-left: 0;
    }

    .profileTxtWrapper p{
        font-size: 15px;
    }

    .profileTxtWrapper .romaji{
        font-size: 10px;
    }

    .career {
        margin: 20px 0 15px;
    }

    .career p,.profile_txt p{
        font-size: 11px;
    }

    .headline {
        padding-top: 15px!important;
        font-size: 15px!important;
    }

    .middle-title{
        margin-bottom: 30px!important;
        font-size: 12px!important;
    }

    .box_table{
        font-size: 11px;
    }

    .box_table th,.box_table td{
        padding: 10px 15px!important;
    }

    .box_table th {
        width: 75px;
        height: 40px;
    }

    .title_contents {
        font-size: 12px;
        color: #0090b9;
        font-weight: 700;
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    #blog-side {
        width: 100%;
    }

    .category-posts ul li,.category_menu ul li{
        margin-bottom: 0!important;
    }

    .category-posts ul li a .title {
        width: 100%;
        margin-left: 10px;
    }

    #related,#blog-side{
        padding: 0 20px!important;
        background: #FFFFFF;
        margin: 0 calc(50% - 50vw) !important;
        width: 100vw;
    }


    #related .title {
        margin: 30px 0 40px!important;
        font-size: 15px!important;
    }

    #related .title::after {
        bottom: -15px;
        width: 30px;
    }

    #blog-side{
        margin-bottom: 30px!important;
    }

    .side_menu{
        padding-top: 0;
    }

    /*NES*/

    #allWrapper .side_menuWrapper {
        margin-top: 30px;
    }

    #allWrapper{
        display: inherit;
        margin-left: 0;
        padding: 0 20px;
    }


    #newsWrapper,#mediaWrapper,#contributionWrapper{
        margin: 30px 0;
        width: 100%;
    }

    #newsWrapper .news_list li {
        padding: 20px;
    }

    #allWrapper .side-contents ul .side_btn a, #newsWrapper .news_list li h2 {
        line-height: 1.5;
        font-size: 12px;
    }

    #mediaWrapper .cardWrapper_underDate, #contributionWrapper .cardWrapper_underDate {
       display: flex;
    }

    #mediaWrapper .cardWrapper_underDate li, #contributionWrapper .cardWrapper_underDate li{
        width: 162px!important;
        margin-right: 10px;
    }

    #newsWrapper .arrow_r,#mediaWrapper .arrow_r,#contributionWrapper .arrow_r{
        background: url(../images/common/arrow_r.png) no-repeat right center!important;
        background-size: 5px!important;
    }





    /*会社概要*/

    .page-id-603 .mv .txtWrapper {
        top: 27px!important;
    }

    .page-id-603 #allWrapper{
        display: inherit;
        width: 100%;
    }

    #companyInfo{
        margin-bottom: 30px;
    }

    #companyInfo table {
        margin: 25px 0;
    }

    #companyInfo table tr th {
        width: 75px;
    }

    #companyInfo table tr th, #companyInfo table tr td {
        padding: 15px 7px;
        font-size: 12px;
    }
    #companyInfo table tr .listTxt p{
        padding-left: 1em;
        text-indent: -1em;
    }

    #companyInfo table tr td iframe {
        margin-top: 20px;
    }

/*動画視聴プラットフォーム*/

    .single-video-viewing .mv {
        background: url(../images/support-list/detail_bk_sp.png) no-repeat;
        background-size: 100% 300px;
        height: 100%;
    }

    .single-video-viewing .bk_white {
        margin: 10px 20px 0!important;
        padding: 20px!important;
        height: 100%;
        width: 335px!important;
    }

    .single-video-viewing .entry-title {
        font-size: 18px!important;
        line-height: 1.5!important;
        margin-bottom: 20px;
    }



}