@charset "UTF-8";

/*=============================================================================
  NEWS 一覧用
=============================================================================*/
#news_all .kv {border-bottom:1px solid #e5e5e5;padding:110px 40px;font-size:40px;font-weight:bold;}

#news_all .newsbox {background: url(../img/news/bg_grid.png);background-repeat: repeat; padding:4rem 0;}
#news_all .newsbox-inner {width:1280px; margin: 0 auto; padding:0 2rem; display: flex;flex-wrap: wrap;justify-content: space-between;}
#news_all .news-item {width:24%; margin-bottom:3rem; padding-bottom: 2rem; background: #fff;}
#news_all .news-item a {display: block;}
#news_all .news-item .thumbs {display: block;}
#news_all .news-item .txtbox {display: block;padding:4%;}
#news_all .news-item .txtbox .date {font-size:1.6rem; color:#e41723; margin-bottom:1rem;}
#news_all .news-item .txtbox .cat {}
#news_all .news-item .txtbox .ttl {font-size:1.6rem;}

@media only screen and (max-width: 768px) {
  #news_all .kv {
    border-top: 1px solid #e5e5e5;
    padding: 60px 40px;
    margin: 0 0 50px 0;
  }
  #news_all .newsbox-inner {
    width: 100%;
    padding: 0 40px 60px 40px;
  }
  #news_all .news-item {width:48%; margin-bottom:3rem; padding-bottom: 2rem; background: #fff;}
}

@media only screen and (max-width: 480px) {
  #news_all .kv {
    padding: 60px 15px;
    font-size: 7vw;
  }
  #news_all .newsbox-inner {
    padding: 0 15px 60px 15px;
    width: 100%;
  }
  #news_all .news-item {width:48%; margin-bottom:3rem; padding-bottom: 2rem; background: #fff;}
  #news_all .news-item .txtbox .date {font-size:3.2vw;}
  #news_all .news-item .txtbox .cat {}
  #news_all .news-item .txtbox .ttl {font-size:3.2vw;}
}


/*=============================================================================
  NEWS 記事用
=============================================================================*/

#news_dtl {font-size:1.6rem;max-width:1280px;margin:0 auto;padding:60px 40px 60px 140px;}
/*#news_dtl p{padding:10px 0;}*/
#news_dtl h1{font-size:36px;padding:0 0 20px 0;font-weight:bold;color: #e50012;}
#news_dtl h2{font-size:28px;padding:0 0 3px 18px;font-weight:bold;}
#news_dtl .title h2{font-size:28px;padding:20px 10px 20px 10px;font-weight:bold;}
#news_dtl h3{font-size:24px;padding:0 0 4px 8px;font-weight:bold;margin-bottom:2rem;}
#news_dtl h4{font-size:22px;padding:0 0 20px 0;font-weight:bold;}
#news_dtl h5{font-size:20px;padding:0 0 20px 0;font-weight:bold;}
#news_dtl h6{font-size:18px;padding:0 0 20px 0;font-weight:bold;}

/*（仮）NEWS用スタイル移植 */
#news_dtl hr.border_03 {
  background-color: #000 !important;
  border: medium none !important;
  color: #000;
  height: 1px !important;
  margin: 30px 0 !important;
}
#news_dtl .minimax_content_area {
    margin: 0 0 16px 0 !important;
    width: 100% !important;
}



#news_dtl .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#news_dtl .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


.cta_red{
  display: flex;
  color:#fff;
  font-size: 120%;
  font-weight: bold;
  background: #e50012;
  width: 80%;
  padding: 1rem 3rem 1rem 2rem;
  margin: 4rem auto 0;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 0.25em;
}
.cta_red::after{
  content: "";
  width: 1rem;
  height: 1rem;
  display: block;
  border-right: #fff solid 2px;
  border-bottom: #fff solid 2px;
  rotate: -45deg;
  margin-left:1rem;
  position: absolute;
  right:2.5rem;
}

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

.cta_red{
  padding: 2rem 3rem 2rem 2rem;
  width:100%;
}
.cta_red::after{
  right: 2.5rem;
}
#news_dtl #ocguest-previous_events .moreButton a{
  width:100% !important;
}
}

@media only screen and (max-width: 768px) {
  #news_dtl {padding:60px 15px;}

}

@media only screen and (max-width: 480px) {
  #news_dtl {padding:0px 15px 60px; }
  #news_dtl h1{font-size:6vw;}
  #news_dtl h2{font-size:5vw;}
  #news_dtl .title h2{font-size:5vw;}
  #news_dtl h3{font-size:4.5vw;}
  #news_dtl h4{font-size:4.2vw;}
  #news_dtl h5{font-size:4vw;}
  #news_dtl h6{font-size:3.5vw;}
  #news_dtl p{font-size:3.3vw;}




}



/*=============================================================================
  #senior 活躍する卒業生用
=============================================================================*/
@media only screen and (min-width: 768px){
#senior .f-r {float: right;}
#senior .f-l {float: left;}
}
#senior .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#senior {font-size:1.6rem;max-width:1280px;margin:0 auto;padding:0px 40px 60px 100px;}
#senior p{padding:10px 0;}
#senior h1{font-size:36px;padding:0 0 20px 0;font-weight:bold;}
#senior h2{font-size:28px;padding:0 0 20px 0;font-weight:bold;}
#senior h3{font-size:24px;padding:0 0 20px 0;font-weight:bold;}
#senior h4{font-size:22px;padding:0 0 20px 0;font-weight:bold;}
#senior h5{font-size:20px;padding:0 0 20px 0;font-weight:bold;}
#senior h6{font-size:18px;padding:0 0 20px 0;font-weight:bold;}

#senior .senior_list_out{padding:0 40px 40px;max-width:1280px;margin:0 auto;}
/*#senior .senior_list{margin:0 0 0 -40px;display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#senior .senior_list_in{width:50%;padding:0 0 40px 40px;}
#senior .senior_list_in img{width:100%;}
#senior .senior_list_in_in{background:#fff;padding:30px;}
#senior .senior_list_in_in h2{font-size:20px;font-weight:bold;line-height:1.5;}
#senior .senior_list_in_in h2 span{font-size:36px;display:block;}
#senior .senior_list_in_in p{font-size:16px;padding:10px 0 20px 0;}*/

#senior .btn1 {
    text-align: center;
    display: table;
    margin: 0 auto;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    padding: 1.5rem 6rem 1.5rem 4rem;
    color: #fff;
    background: #e60012;
    position: relative;
}

@media only screen and (max-width: 480px) {
  #senior {padding:0px 15px 60px;}
  #senior h1{font-size:6vw;}
  #senior h2{font-size:5vw;}
  #senior h3{font-size:4.5vw;}
  #senior h4{font-size:4.2vw;}
  #senior h5{font-size:4vw;}
  #senior h6{font-size:3.5vw;}
  #senior p{font-size:3.3vw;}

  #senior .senior_list_out {padding: 0 15px;}

}


/*旧サイトより移植*/
.senior_course_list .course {display: flex;flex-wrap: wrap; }
.senior_course_list .voice {background-image: url("/wp-content/themes/theme1/assets/img/senior/employ-support/voice.jpg"); }
.senior_course_list .animator {background-image: url("/wp-content/themes/theme1/assets/img/senior/employ-support/animator.jpg"); }
.senior_course_list .background {background-image: url("/wp-content/themes/theme1/assets/img/senior/employ-support/background.jpg"); }
.senior_course_list .director {background-image: url("/wp-content/themes/theme1/assets/img/senior/employ-support/director.jpg"); }
.senior_course_list .sound {background-image: url("/wp-content/themes/theme1/assets/img/senior/employ-support/sound.jpg"); }
.senior_course_list .manga {background-image: url("/wp-content/themes/theme1/assets/img/senior/employ-support/manga.jpg"); }
.senior_course_list .illust {background-image: url("/wp-content/themes/theme1/assets/img/senior/employ-support/illust.jpg"); }
.senior_course_list .figure {background-image: url("/wp-content/themes/theme1/assets/img/senior/employ-support/figure.jpg"); }

.senior_course_list .course_item {
  width: calc(50% - 10px);
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
  background-size: cover; }
  .senior_course_list .course_item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.8rem; }
    @media screen and (max-width: 767px) {
      .senior_course_list .course {display: block;}
      .senior_course_list .course_item a {
        font-size: 1.6rem; } }
    @media screen and (max-width: 320px) {
      .senior_course_list .course_item a {
        font-size: 1.4rem; } }
  .senior_course_list .course_item:before {
    content: '';
    padding-top: 28%;
    display: block; }
  .senior_course_list .course_item:after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    right: 10px;
    top: calc(50% - 7px);
    transform: rotate(45deg);
    width: 8px; }
  @media screen and (max-width: 767px) {
    .senior_course_list .course_item {
      width: 100%; } }
  .senior_course_list .course_item:nth-of-type(2n) {
    margin-right: 0; }




#news_all .search-btn {margin: 0 auto 30px;width: 1280px;}
#news_all .search-btn .searchbox-inner {display:flex;flex-wrap: nowrap;justify-content: space-between;margin-left: auto;width: 660px;}
#news_all .search-btn .cat-btnlink {
	width:320px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background-color: #e60012;
	background-image: url(../img/news/cate_ico.png);
	background-repeat: no-repeat;
	background-position: left 15px center;
	padding: 2rem 0;
	text-align: center;
	display:table;margin:0 auto;cursor: pointer;
}
#news_all .search-btn .date-btnlink {
	width:320px;
	display: block;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background-color: #e60012;
	background-image: url(../img/news/year_ico.png);
	background-repeat: no-repeat;
	background-position: left 15px center;
	padding: 2rem 0;
	text-align: center;
	display:table;margin:0 auto;cursor: pointer;
}

.search_overlay {display:none;}
.search_overlay_year {display:none;}
.search_overlay.active {display:block;}
.search_overlay_year.active {display:block;}





#news_all .search-btn .cat-btnlink.active {background-color:rgba(255, 255, 255, 0)!important;background-image: url(../img/common/close_ico.png)!important;background-repeat: no-repeat!important;background-position: 0 0;text-indent:-9999px;background-size:36px;width:36px!important;height:41px;z-index : 99999;position:fixed;top:28px;right:28px;}
#news_all .search-btn .date-btnlink.active {background-color:rgba(255, 255, 255, 0)!important;background-image: url(../img/common/close_ico.png)!important;background-repeat: no-repeat!important;background-position: 0 0;text-indent:-9999px;background-size:36px;width:36px!important;height:41px;z-index : 99999;position:fixed;top:28px;right:28px;}




.search_overlay {position: fixed;z-index : 99;top  : 0;left : 0;color: #000;background: rgba(255,255,255,1);border-bottom:1px solid #e6e6e6;text-align: center;width: 100%;max-height:0;opacity:0;overflow:hidden;transition: opacity .2s;font-size:14px;}
.search_overlay.active {max-height:2000px;/*min-height:790px;*/height:100vh;opacity:1;display:flex!important;align-items: center;}


.search_overlay .ttl{font-size:34px;font-weight:bold;border-bottom:2px solid #000;display:table;margin:0 auto 60px auto;}
.search_wrap{text-align:left;position:relative;max-width:900px;margin:0 auto;}


.search_overlay .btn_list {display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin:0 0 0 -3%;}
.search_overlay .btn_list label {width:22%;margin:0 0 2% 3%;cursor: pointer;text-align:center;}
.search_overlay .btn_list label input {display: none;}
.search_overlay .btn_list label span {border: 2px solid #e6e6e6;border-radius: 5px;padding: 10px 10px;display:block;}
.search_overlay .btn_list label input:checked + span {color: #FFF;background: #e41723;border: 2px solid #e41723;}

.search_overlay #modal_search{display:table;margin:0 auto;padding:60px 0 0 0;}
.search_overlay #modal_search button{background:#e41723;color:#fff;text-align:center;padding:15px 60px;border:none;cursor: pointer;font-weight:bold;font-family:'Noto Sans JP', sans-serif, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:18px;}


.search_overlay_year h4 {font-size:18px;font-weight:bold;padding:10px 0 10px 0;}
.search_overlay_year .inner_in {padding:0 15px;overflow-y:auto;height:550px;}
.search_overlay_year .btn_list {display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin:0 0 0 -3%;}
.search_overlay_year .btn_list label {width:22%;margin:0 0 2% 3%;cursor: pointer;text-align:center;}
.search_overlay_year .btn_list label input {display: none;}
.search_overlay_year .btn_list label span {border: 2px solid #e6e6e6;border-radius: 5px;padding: 10px 10px;display:block;}
.search_overlay_year .btn_list label input:checked + span {color: #FFF;background: #e41723;border: 2px solid #e41723;}

.search_overlay_year #modal_search{display:table;margin:0 auto;padding:60px 0 0 0;}
.search_overlay_year #modal_search button{background:#e41723;color:#fff;text-align:center;padding:15px 60px;border:none;cursor: pointer;font-weight:bold;font-family:'Noto Sans JP', sans-serif, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:18px;}

.search_overlay_year {position: fixed;z-index : 99;top  : 0;left : 0;color: #000;background: rgba(255,255,255,1);border-bottom:1px solid #e6e6e6;text-align: center;width: 100%;max-height:0;opacity:0;overflow:hidden;transition: opacity .2s;font-size:14px;}
.search_overlay_year.active {max-height:2000px;/*min-height:790px;*/height:100vh;opacity:1;display:flex!important;align-items: center;}

.search_overlay_year .ttl{font-size:34px;font-weight:bold;border-bottom:2px solid #000;display:table;margin:0 auto 60px auto;}
.search_wrap_year{text-align:left;position:relative;max-width:900px;margin:0 auto;}

.date-btnlink {display:table;margin:0 auto;cursor: pointer;}
.date-btnlink.active {background-color:rgba(255, 255, 255, 0)!important;background-image: url(../img/common/close_ico.png)!important;background-repeat: no-repeat!important;text-indent:-9999px;background-size:36px;width:36px!important;height:41px;z-index : 99999;position:fixed;top:28px;right:28px;}



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

	#news_all .search-btn {width: 100%;}
	#news_all .search-btn .searchbox-inner {width: 103%;padding:0 15px;margin:0 0 0 -3%;}
	#news_all .search-btn .cat-btnlink {width:47%;font-size: 3.5vw;padding: 20px 0 20px 30px;margin:0 0 0 3%;background-size:24px;}
	#news_all .search-btn .date-btnlink {width:47%;font-size: 3.5vw;padding: 20px 0 20px 30px;margin:0 0 0 3%;background-size:24px;}



	.search_overlay .ttl{font-size:24px;margin:0 auto 40px auto;}
	.search_overlay .inner {padding:0 15px;}
	.search_wrap{max-width:100%;}


	.search_overlay .btn_list {margin:0 0 0 -3.3%;}
	.search_overlay .btn_list label {width:30%;margin:0 0 2% 3.3%;font-size:3.3vw;}
	.search_overlay .btn_list label span {padding: 8px 5px;}

	.search_overlay #modal_search{padding:40px 0 0 0;}
	.search_overlay #modal_search button{padding:12px 40px;font-size:4vw;}


	.search_overlay_year h4 {font-size:4vw;}
	.search_overlay_year .inner {padding:0 15px;}
	.search_overlay_year .inner_in {padding:0 15px;height:400px;}
	.search_overlay_year .btn_list {margin:0 0 0 -3.3%;}
	.search_overlay_year .btn_list label {width:30%;margin:0 0 2% 3.3%;font-size:3.3vw;}
	.search_overlay_year .btn_list label span {padding: 8px 5px;}


	.search_overlay_year #modal_search{padding:40px 0 0 0;}
	.search_overlay_year #modal_search button{padding:12px 40px;font-size:4vw;}


	.search_overlay_year .ttl{font-size:24px;margin:0 auto 40px auto;}
	.search_wrap_year{max-width:100%;}

  #senior {padding:0px 20px 60px 20px;}

｝