@charset "UTF-8";

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

/*-----------------------------------------------------*/
/*------------------ページタイトル--------------------*/
/*-----------------------------------------------------*/
.p_title{
background-image: url(../img/page_title_img.webp);
background-size: cover;
}



/*-----------------------------------------------------*/
/*------------------award--------------------*/
/*-----------------------------------------------------*/

.award-inner{
background-color: var(--color-blue);
color: var(--color-white);
padding: 30px 30px 30px 40px;
}
@media screen and (max-width: 768px) {
.award-inner{
padding: 25px;
}
}

.award .title02 .txt-ja{
color: var(--color-yellow);
margin-bottom: -10px;
}
@media screen and (max-width: 860px) {
.award .title02{
margin-bottom: 0px;
}
}

/* タイトル */
.award_title{
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 20px;
position: relative;
}
@media screen and (max-width: 860px) {
.award_title{
display:block;
}
}

.award_title .img{
position: absolute;
bottom: 40px;
right: 0;
width: min(30vw, 500px);
}
@media screen and (max-width: 860px) {
.award_title .img{
position:initial;
margin-bottom: 20px;
}
}
@media screen and (max-width: 768px) {
.award_title .img{
width: 70%;
}
}



.award-box{
margin-bottom: 50px;
}

/* 年 */
.award-box .year{
font-size: var(--s30);
position: relative;
height: 40px;
margin-bottom: -15px;
}
@media screen and (max-width: 768px) {
.award-box .year{
font-size: var(--s24);
}
}

.award-box .year span{
background-color: var(--color-blue);
border-right: 1px solid var(--color-white);
padding-right: 15px;
position: absolute;
z-index: 1;
}
.award-box .year::after{
content: "";
display: block;
width: 100%;
height: 1px;
background-color: var(--color-white);
position: absolute;
top:50%;
}

/*受賞名 */
.award-box .title{
font-size: var(--s24);
margin: 40px 0 20px 0;
}
@media screen and (max-width: 768px) {
.award-box .title{
font-size: var(--s20);
margin: 30px 0 10px 0;
}
}

/* 作品 */
.award-box .winning_work{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px 20px;
}
@media screen and (max-width: 1000px) {
.award-box .winning_work{
display:block;
}
}

.award-box .winning_work .table04 {
border: 3px var(--color-blue) solid;
}
@media screen and (max-width: 1000px) {
.award-box .winning_work .table04 {
width: 100%;
margin-bottom: 10px;
}
}

.award-box .winning_work .table04 th {
border: 3px var(--color-blue) solid;
}
.award-box .winning_work .table04 td {
border: 3px var(--color-blue) solid;
color: var(--color-black);
}
.award-box .winning_work .table04 tr.emphasis td {
color: var(--color-blue);
font-size: var(--s20);
}



/*-----------------------------------------------------*/
/*------------------共通--------------------*/
/*-----------------------------------------------------*/

.ac-box{
margin: 40px 0;
}
.ac-list{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
column-gap: 60px;
column-rule: 1px solid var(--color-gray-light);
}
@media screen and (max-width: 1200px) {
.ac-list{
column-count: 1;
}
}

.ac-box.maskLeft{display: block;}

.ac-list dl{
break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;

display: grid;
grid-template-columns: 120px 1fr;
column-gap: 20px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid var(--color-gray-light);
}
.ac-list dt{
color: var(--color-blue);
text-align: right;
}
.ac-list dd{
}

@media screen and (max-width: 1200px) {
.ac-list dl{
display:block;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid var(--color-gray-light);
}
.ac-list dt{
color: var(--color-blue);
text-align:left;
}
}




/*-----------------------------------------------------*/
/*------------------FILMING SUPPORT--------------------*/
/*-----------------------------------------------------*/
.support{
margin-top: 100px;
}



/*-----------------------------------------------------*/
/*------------------CM--------------------*/
/*-----------------------------------------------------*/
.cm{
margin-top: 100px;
}



/*-----------------------------------------------------*/
/*------------------VP・PROGRAM--------------------*/
/*-----------------------------------------------------*/
.vp_program{
margin-top: 100px;
}


/*-----------------------------------------------------*/
/*------------------DISTRIBUTION--------------------*/
/*-----------------------------------------------------*/
.distribution{
margin-top: 100px;
}




/*-----------------------------------------------------*/
/*------------------program--------------------*/
/*-----------------------------------------------------*/
.program{
margin-top: 100px;
}

.program-wrap .program-list{
display: grid;
grid-template-columns: repeat(3, auto);
gap: 0;
margin-top: 40px;
}
@media screen and (max-width: 1000px) {
.program-wrap .program-list{
grid-template-columns: repeat(2, auto);
}
}
@media screen and (max-width: 400px) {
.program-wrap .program-list{
grid-template-columns: repeat(1, auto);
}
}

.program-wrap .program-list .item{
border: 1px solid var(--color-blue);
padding: 7%;

  margin-top: -1px;
  margin-left: -1px;
  width: calc(100% + 1px);
}
/*画像 */
.program-wrap .program-list .item .img{
margin-bottom: 10px;
}
/* 種類 */
.program-wrap .program-list .item .type{
background-color: var(--color-blue);
display: inline-block;
padding: 3px 7px;
color: var(--color-white);
font-size: var(--s14);
}
/* 番組名 */
.program-wrap .program-list .item .title{
margin: 10px 0;
padding-bottom: 7px;
border-bottom: 1px solid var(--color-blue);
font-weight: 500;
}
/* 詳細 */
.program-wrap .program-list .item .details dl{
display: grid;
grid-template-columns: 70px 1fr;
column-gap: 10px;
font-size: var(--s14);
margin-bottom: 10px;
color: var(--color-gray);
}
/* リンク */
.program-wrap .program-list .item .link{
text-align: right;
}



/*-----------------------------------------------------*/
/*------------------video--------------------*/
/*-----------------------------------------------------*/
.video{
margin-top: 100px;
}

.video .video-list{
display: grid;
grid-template-columns: repeat(2, auto);
gap: 1.5vw;
margin-top: 40px;
}
@media screen and (max-width: 950px) {
.video .video-list{
display:block;
}
}

.video .video-list .item{
border: 1px solid var(--color-blue);
}
@media screen and (max-width: 950px) {
.video .video-list .item{
margin-bottom: 20px;
}
}

.video .video-list .item .info{
padding: 5%;
}

/*動画 */
.video .video-list .item iframe{
width: 100%;
height: 20vw;
}
@media screen and (max-width: 950px) {
.video .video-list .item iframe{
height: 40vw;
}
}

/* 種類 */
.video .video-list .item .type{
background-color: var(--color-blue);
display: inline-block;
padding: 3px 7px;
color: var(--color-white);
font-size: var(--s14);
}
/* 番組名 */
.video .video-list .item .title{
margin: 10px 0;
padding-bottom: 7px;
border-bottom: 1px solid var(--color-blue);
font-weight: 500;
}
/* 詳細 */
.video .video-list .item .details dl{
display: grid;
grid-template-columns: 80px 1fr;
column-gap: 10px;
font-size: var(--s14);
margin-bottom: 10px;
color: var(--color-gray);
}