@charset "utf-8";
/*------------------------------------------------------------
	recruit
------------------------------------------------------------*/
.con{position:relative;width:100%;max-width:960px;margin:auto;padding:0 40px;text-align:left}

/*-----------------------------------------------------------*/
.page_section .news_list .news_article_area {border-top: none;margin-bottom: 50px;}
.news_article_area{font-size:15px}
.news_article_area .article-ttl{font-size:2rem;margin-bottom:30px;border-bottom:1px solid #999;display:flex;justify-content:space-between;align-items:center;padding-bottom:10px}
.news_article_area .article-ttl .title{width:calc(100% - 4.5em)}
.news_article_area .article-ttl .inn{width:4em;display:flex;align-items:center;justify-content:flex-end}
.news_article_area .article-ttl .inn .date1{margin-right:8px;font-size:2rem;font-weight:700}
.news_article_area .article-ttl .inn .date2{font-size:.8rem;line-height:1.2;color:#999}

.mb-0{margin-bottom:0!important}
.page_section .news_list{width:100%;margin-bottom: 30px;}
.paging-area .page-numbers.next,.paging-area .page-numbers.prev,.paging-detail-area .btn-detail.next,.paging-detail-area .btn-detail.prev{font-size:0}
.page_section.photo_list{padding-top:0}
.photo_list img{margin:0 auto 32px;display:block}
.photo_list .youtube{position:relative;height:0;padding:30px 0 56.25%;overflow:hidden}
.photo_list .youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.news_list li{border-top:1px solid #999}
.news_list li:last-child{border-bottom:1px solid #999}
.news_list a{display:flex;justify-content:flex-start;align-items:center;padding:20px 0;text-decoration:none;color:#000}
.news_list .thumb{width:70px;height:70px;margin-right:20px;background-position:center;background-size:cover;flex-shrink:0}
.news_list .date1{margin-right:8px;font-size:1.6rem;font-weight:700}
.news_list .date2{font-size:.6rem;line-height:1.2;color:#999}
.news_list .ttl{margin-left:25px;font-size:1.2rem;font-weight:700;line-height:1.4;flex-grow:1}
.news_article_area .youtube {text-align: center;margin: 20px 0;}
.paging-detail-area{margin:30px auto 50px;clear:both;position:relative;display:flex;justify-content:center;align-items:center}
.paging-detail-area .btn-detail{width:58px;height:58px;line-height:58px;position:relative}
.paging-detail-area .btn a{display:inline-block;min-width:240px;padding:20px 20px 20px 0;line-height:1;color:#e4007f;font-weight:700;border-bottom:2px solid #e4007f;position:relative;text-decoration:none}
.paging-detail-area .btn-detail.prev{position:absolute;left:0}
.paging-detail-area .btn-detail.next{position:absolute;right:0}
.paging-detail-area .btn a:before,.paging-detail-area .btn-detail:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-4px;border-top:solid 2px #d8007f;border-right:solid 2px #d8007f;transform:translate(-50%,-50%) rotate(45deg)}
.paging-detail-area .btn-detail.prev:before{transform:translate(-50%,-50%) rotate(225deg);margin-left:0}
.paging-detail-area .btn a:before{left:inherit;right:0;transform:translate(-50%,0) rotate(45deg)}

#main .article,#main .article .comTable td{font-size:15px;}
#main .article p{margin-bottom:1em;line-height:1.7em}
#main .article img{display:block;margin:20px auto}
#main .article h1{font-size:28px;margin:30px auto 20px;color: #dd006a}
#main .article h2{background:#dd006a;border-radius:4px;padding:12px 24px;font-size:18px;color:#fdf3f7;border:none;margin:30px auto 20px}
#main .article h3 {
    font-size: 16px;
    padding: 16px 16px 14px;
    position: relative;
    margin: 30px auto 20px;
    background: url(/img/common/ttl_bg_line.png) bottom left / auto repeat-x;
    line-height: 1.2;
}
#main .article h3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 1.5em;
    border-radius: 3px;
    background: #dd006a;
    transform: translateY(-50%);
}
#main .article h4,#main .article h5,#main .article h6{font-size:16px;font-weight:700;margin:30px auto 20px;text-align:justify}
#main .article ol,#main .article ul{margin:20px auto}
#main .article ul li{padding-left:1.25em;font-size:16px;position:relative}
#main .article ul li:before{content:"・";position:absolute;top:0;left:0;color:#d8007f}
#main .article .youtube{text-align:center;margin:20px 0}
#main .article .btn {
    display: block;
    max-width: 240px;
    background: #dd006a;
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 10px 20px;
    margin: 20px auto;
}

@media screen and (max-width:999px){
}


@media screen and (max-width:599px){
.con{padding:0 10px;}
.mv-area.news_mv{height:180px}
.news_mv .page_h1 .en{font-size:4rem}
.paging-area .page-numbers{width:20px}
.paging-area,.paging-detail-area{margin:40px auto}
.paging-detail-area .btn-detail{width:45px;height:45px;line-height:45px}
.paging-detail-area .btn a{min-width:160px}
.news_article_area .news_list .cat{top:inherit}
.news_article_area .article-ttl{font-size:2.8rem;margin-bottom:20px}
.article h2{font-size:2.4rem;margin:30px auto;padding-bottom:10px}
.article h3{font-size:2rem;margin:20px auto;padding:5px 10px}
.article h4{font-size:1.8rem;margin:20px auto}
.article p{font-size:1.4rem}
.news_list a{flex-wrap:wrap;position:relative;padding:15px 0}
.news_list .ttl{width:100%;margin:15px 0 0;font-size:1.5rem}
}