@charset "UTF-8";


*{margin:0; padding:0;}

body{
font-size: 1.0em;
margin:0 auto;
color: #4d4d4d;
font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
letter-spacing: 0.07rem;
}


/* font-family: 'Josefin Sans', sans-serif; */


/* テキストリンク */
a {text-decoration:none; color:#858585;}
a:hover {color:#12a095;}


/* 本文 */
p{padding: 0; margin: 0; line-height: 190%; word-wrap: normal; word-break: break-all;}
/* 画像 */
img{vertical-align:middle; border-style:none; max-width:100%;}


.matop50{margin-top: 50px;}
.matop30{margin-top: 30px;}


/* clear */
.cle:before, .cle:after {content: " "; display: table;}
.cle:after {clear: both;}
.cle {*zoom: 1;}


/* 文章 右 */
.txt_right{text-align: right;}



/* ロード */
#loader {
width: 300px;/* 202110 変更 */
display: none;
position: fixed;
z-index: 502;
left: 50%;
top: 50%;
transform: translateX(-50%)
translateY(-50%);
margin: auto;
}
/* モバイル幅 */
@media (max-width: 1000px) {
#loader {width: 40%;}
}


/* ロゴ */
#lottie{
}

/* 202110 追加 */
#loader p{
text-align: center;/* 202110 追加 */
background-color: #d16161;
font-feature-settings: "palt";
color: #fff;
display: block;
padding: 3px 10px;
box-sizing: border-box;
margin-top: 20px;
}

#fade {
width: 100%;
height: 100%;
display: none;
background-color: #FFFFFF;
position: fixed;
top: 0px;
left: 0px;
z-index: 501;
}





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

/*自動隙間　横並び　行替え　左寄せ*/
.flex_bet{
display: -moz-box;		/* Fx用 */
display: -webkit-box; 	/* Safari、スマホ用 */
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction:row;
flex-wrap:wrap;/*折り返しても*/
justify-content:space-between;
}






/* -------------------------- */
/* --------ボタン-------- */
/* -------------------------- */

.bt01 a{
display:inline;
padding: 10px 30px;
color: #fff;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
background: #29a1d8;
background: -moz-linear-gradient(left, #29a1d8 0%, #009f93 50%, #ff00aa 100%);
background: -webkit-linear-gradient(left, #29a1d8 0%,#009f93 50%,#ff00aa 100%);
background: linear-gradient(to right, #29a1d8 0%,#009f93 50%,#ff00aa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29a1d8', endColorstr='#ff00aa',GradientType=1 );
background-size: 300% 300%;
}
.bt01 a:hover{animation:anime_gra 0.5s ease forwards;}/*アニメ内容はnav.cssにある*/






/* -------------------------- */
/* --------  タイトル  ------- */
/* -------------------------- */

/* 英語と日本語 */
.title_01{text-align: center; font-size: 1.0em;}

.title_01 span{
color: #089ca0;
font-family: 'Josefin Sans', sans-serif;
font-weight: normal;
display: block;
font-size: 3.2em;
}


/* 文字の中心に線 */
.title_02 {
color: #089ca0;
position: relative;
text-align: center;
}
.title_02 span {
position: relative;
z-index: 2;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
background-color: #fff;
}
.title_02::before {
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 2px;
background: #009f93;
background: -moz-linear-gradient(left, #fff 0%, #009f93 50%, #fff 100%);
background: -webkit-linear-gradient(left, #fff 0%, #009f93 50%, #fff 100%);
background: linear-gradient(to right, #fff 0%, #009f93 50%, #fff 100%);
}


/* 各ページのタイトル */
.p_title{
text-align: center;
color: #fff;
width: 100%;
clear: both;
background-position:center,center;
background-size:auto,cover;
background-repeat: repeat,no-repeat;
}
.p_title span{display: block; font-size: 0.4em;}


.contact_pt{background-image: url(../img/common/overlays.png),url(../img/contact/p_t_b_contact.jpg);}
.about_pt{background-image:url(../img/common/overlays.png),url(../img/about/p_t_b_about.jpg);}
.privacy_pt{
background: #29a1d8;
background: -moz-linear-gradient(left, #29a1d8 0%, #009f93 100%);
background: -webkit-linear-gradient(left, #29a1d8 0%,#009f93 100%);
background: linear-gradient(to right, #29a1d8 0%,#009f93 100%);
}
.talent_pt{background-image: url(../img/common/overlays.png),url(../img/talent/p_t_b_talent.jpg);}
.model_pt{background-image: url(../img/common/overlays.png),url(../img/model/p_t_b_model.jpg);}
.ainu_pt{background-image: url(../img/common/overlays.png),url(../img/ainu/p_t_b_ainu.jpg);}
.filming_pt{background-image: url(../img/common/overlays.png),url(../img/filming/p_t_b_filming.jpg);}
.production_pt{background-image: url(../img/common/overlays.png),url(../img/production/p_t_b_production.jpg);}
.editing_pt{background-image: url(../img/common/overlays.png),url(../img/editing/p_t_b_editing.jpg);}
.stv_a-pro_pt{background-image: url(../img/common/overlays.png),url(../img/stv_a-pro/p_t_b_stv_a-pro.jpg);}
.equipment_pt{background-image: url(../img/common/overlays.png),url(../img/equipment/p_t_b_equipment.jpg);}
.works_pt{background-image: url(../img/common/overlays.png),url(../img/works/p_t_b_works.jpg);}



/* 横ライン見出し */
.title_03{
border-left: #089ca0 5px solid;
padding-left: 20px;
margin-bottom: 20px;
}


/* 数字の横にライン */
.title_04{
color: #089ca0;
font-size: 1.2em;
margin-bottom: 10px;
}
.title_04 span{
font-size: 2.0em;
border-right: 1px solid #089ca0;
font-family: 'Josefin Sans', sans-serif;
padding-right: 15px;
margin-right: 15px;
}


/* 丸囲み */
.title_05{
text-align: center;
padding: 10px 30px;
color: #fff;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
background-color: #089ca0;
display:table;
}


.title_05 span{
display: block;
font-size: 1.2rem;
color: #fffdb0;
}



/* タブ */
.title_06{border-bottom: 1px solid #089ca0;}
.title_06 span{
border: solid #089ca0;
border-width: 9px 1px 0 1px;
padding: 10px 40px 8px 40px;
margin: 0 0 0 0;
background-color: #fff;
}







/* -------------------------- */
/* --------  テーブル  ------- */
/* -------------------------- */

/* 下線のラインテーブル */
.table_01{border-collapse:collapse;}
.table_01 th{
text-align: left;
padding: 10px 20px 10px 0;
color: #089ca0;
border-bottom:1px solid #089ca0;
vertical-align:top;
}
.table_01 td{
line-height: 180%;
padding: 10px 0 10px 0;
border-bottom:1px solid #cccccc;
}


/* テーブル */
.table_02{border-collapse:collapse; box-sizing: border-box;}
.table_02 th{
background-color: #c9e2e1;
border: 1px solid #089ca0;
color: #089ca0;
box-sizing: border-box;
}
.table_02 td{
background-color: #fff;
border: 1px solid #089ca0;
box-sizing: border-box;
}


/* テーブル */
.table_03{border-collapse:collapse; box-sizing: border-box;}
.table_03 th{
background-color: #cfe5ff;
border: 1px solid #0071bc;
color: #0071bc;
box-sizing: border-box;
}
.table_03 td{
background-color: #fff;
border: 1px solid #0071bc;
box-sizing: border-box;
}















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

/*ページTOP*/
.p_t a{
display: block;
text-align: center;
padding: 10px 0;
background: #29a1d8;
background: -moz-linear-gradient(left, #29a1d8 0%, #009f93 100%);
background: -webkit-linear-gradient(left, #29a1d8 0%,#009f93 100%);
background: linear-gradient(to right, #29a1d8 0%,#009f93 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29a1d8', endColorstr='#009f93',GradientType=1 );
}

/*all rights*/
footer small{
background-color: #fff;
width: 100%;
display: block;
text-align: center;
padding: 10px 0;
margin-top: 40px;
}












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

main{overflow: hidden;}

/* 動画 */
.viede_box{
overflow: hidden;
position: relative;
}
.fitMovie{position: absolute;}

/* フォーカス */
.focus01,.focus02{
position: absolute;
width: 100%;
text-align: center;
z-index: 1;
}
.focus01 img,.focus02 img{
width: 90%;
animation:anime_bic 4s ease forwards;
}
@-webkit-keyframes anime_bic {
0% {width: 0%;}
60% {width: 70%;}
100% {width: 90%;}
}
@keyframes anime_bic {
0% {width: 0%;}
60% {width: 70%;}
100% {width: 90%;}
}


/* scrollアイコン */
.mov_scroll{
position: absolute;
width: 100%;
text-align: center;
z-index: 1;
bottom:5%;
}



/* 当社について */
#tousya{
width: 100%;
background-image: url(../img/top/tousya_back.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}

#tousya h1{
color: #fff;
text-align: center;
background: #29a1d8;
background: -moz-linear-gradient(left, #29a1d8 0%, #009f93 100%);
background: -webkit-linear-gradient(left, #29a1d8 0%,#009f93 100%);
background: linear-gradient(to right, #29a1d8 0%,#009f93 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29a1d8', endColorstr='#009f93',GradientType=1 );
}


/* 当社について 1つ */
.tousya_sub{
background-color: #fff;
position: relative;
border-top: 7px solid #165172;
padding: 70px 20px 20px 20px;
box-sizing: border-box;
box-shadow: 0 0 7px #b3b3b3;
-moz-box-shadow: 0 0 7px #b3b3b3;
-o-box-shadow: 0 0 7px #b3b3b3;
-ms-box-shadow: 0 0 7px #b3b3b3;
}

.tousya_sub img{
position: absolute;
width: 100px;
top:-30px;
left: 50%;
margin-left:-50px;
}

.tousya_sub h2{text-align: center; font-size: 1.3em;}
.tousya_sub h2 span{color: #089ca0;font-size: 1.2em;}
.tousya_sub h3{text-align: center; font-size: 1.0em; margin: 10px 0;}


/* 当社について ボタン */
.tousya_sub ul{list-style: none; margin-top: 10px;}
.tousya_sub ul li{
border: 1px solid #089ca0;
text-align: center;
background-image:url(../img/top/icon_tousya.png);
background-position: right;
background-repeat: no-repeat;
}

.tousya_sub ul li a{color: #089ca0; display: block;}




/* 業務内容 ボタン */
.tousya_sub ol{list-style: none;}
.tousya_sub ol li{width: 100%; margin-bottom: 5px;}
.tousya_sub ol li a{
padding: 5px 10px;
display: block;
text-align: center;
}

.tousya_sub ol li:nth-child(1) a{border: 1px solid #0071bc;background: #f3fbff; color: #0071bc;}
.tousya_sub ol li:nth-child(2) a{border: 1px solid #22b573;background: #edf7f2; color: #22b573;}
.tousya_sub ol li:nth-child(3) a{border: 1px solid #f7931e;background: #fbe8dd;color: #f7931e;}
.tousya_sub ol li:nth-child(4) a{border: 1px solid #FF1D25;background: #FFEBEB;color: #FF1D25;}
.tousya_sub ol li:nth-child(5) a{border: 1px solid #9e005d;background: #f2e0f3;color: #9e005d;}



/* クライアント */
.client ul{margin: 30px 0 0 0; list-style: none;}
.client ul li{
margin-top: 10px;
box-shadow: 0 0 4px #b3b3b3;
-moz-box-shadow: 0 0 4px #b3b3b3;
-o-box-shadow: 0 0 4px #b3b3b3;
-ms-box-shadow: 0 0 4px #b3b3b3;
}
.client p{text-align: right;}


/* 年賀状連絡 */
.notice_box{
text-align: right;
margin-top: 100px;
}
a.notice{
display: inline-block;
border: 1px solid;
padding:10px 20px;
margin: 20px 20px 0px 20px;
}









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

/* 沿革 */
.enkaku{
padding: 50px 0;
background-image: url(../img/about/enkaku_back.jpg);
background-repeat: no-repeat;
background-position: center;
background-size:cover;
background-attachment:fixed;
}

/* 沿革のタイトルは白く */
.enkaku .title_01,.enkaku .title_01 span{color: #fff;}

.enkaku table{
border-collapse:collapse;
color: #fff;
font-size: 14px;
}
.enkaku table th{
text-align:right;
padding: 20px 10px 3px 0;
border-right:1px solid #fff;
vertical-align:top;
}
.enkaku table td{
line-height: 180%;
padding: 20px 0 3px 10px;
}


/* マップ */
.map iframe{ margin-bottom: 20px;}
.map ul{list-style: none; margin: 20px 0;}
.map ul li{
background-color: #ededed;
padding: 5px 10px;
box-sizing: border-box;
margin-top: 5px;
font-size: 0.9em;
}






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

.policy_terms h3{
background-color: #e4f7f6;
color: #089ca0;
border: 1px solid #089ca0;
padding: 5px 20px;
margin: 40px 0 10px 0;
}

.policy_terms .title_02{margin-top: 70px;}

.policy_terms ul{margin-left: 20px; line-height: 180%;}
.policy_terms ul li{margin-top: 10px;}

.policy_terms ol{margin-left: 20px; line-height: 180%;}
.policy_terms ol li{margin-top: 10px;}

.policy_terms .copy_dl > div{
border-bottom: solid 1px;
padding-bottom: 20px;
}
@media screen and (max-width: 1000px) {
.policy_terms .copy_dl a{
display: block;
width: 70%;
text-align: center;
box-sizing: border-box;
margin: 10px 0 0 0;
}
}









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

/* flexboxの画像伸び解除 */
.talent_box .flex_bet_pc{align-items: flex-start;}

.talent_info h1{font-size: 1.6em;}
.talent_info h1 span{
margin-left: 20px;
color: #089ca0;
font-size: 0.7em;
font-weight: normal;
font-family: 'Josefin Sans', sans-serif;
}

.talent_info .table_01{margin: 20px 0;}
.talent_info p{background-color: #f2f2f2;padding: 25px;}









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

.model_box p{margin-bottom: 20px;}

.syohin ul{list-style: none;}
.syohin ul li{
text-align: center;
background-color: #e4f7f6;
color: #089ca0;
border: 1px solid #089ca0;
padding: 5px 20px;
margin: 10px 0 0 0;
box-sizing: border-box;
}

/* モデルケース */
.model_case{
margin: 100px 0 -100px 0;
padding: 50px 0;
background-color: #f7f1e8;
}

.case_box h1 span{
font-size: 1.6em;
color:#089ca0;
font-family: 'Josefin Sans', sans-serif;
display: block;
font-weight: normal;
}


/* 項目とお金 */
.m_koumoku{
background-color: #fff;
padding: 10px 20px;
box-sizing: border-box;
overflow: hidden;
}
.m_koumoku li{
list-style: none;
float: left;
margin-left: 10px;
}
.m_koumoku li::before{
content: "●";
color: #089ca0;
margin-right: 2px;
}
.m_price{
text-align: center;
background-color: #ef7070;
color: #fff;
padding: 0 20px;
display:inline-block;
}
.m_price span{font-size: 1.6em;}



/* ケース例 */
.table_model{clear: both; padding-top: 50px;}

.table_model td{padding: 0 0 40px 0;}

/* ライン */
.table_model th{vertical-align: top;}
.table_model .t_m_line{
background-image: url(../img/model/t_m_line.gif);
background-repeat: repeat-y;
background-position: center;
}
/* Step */
.table_model h3{
background-color: #fff;
border: 1px solid #089ca0;
padding: 0 7px;
font-size: 0.9em;
height: 40px;
box-sizing: border-box;
line-height: 40px;
margin-right: 5px;
}
/* タイトル */
.table_model h2{
background-color: #089ca0;
color: #fff;
padding: 0 10px;
height: 40px;
box-sizing: border-box;
line-height: 40px;
margin-bottom: 20px;
}

/* 中身 */
.m_hearing{margin: 0 0 20px 0;}

.m_hearing ol h4{color: #089ca0; text-align: center;}
.m_hearing ol{
background-color: #fff;
padding: 20px 30px;
margin: 10px 0;
box-sizing: border-box;
}
.m_hearing ol li{list-style: none; counter-increment: count;}
.m_hearing ol li::before{
content: counter(count)". ";
color: #089ca0;
}







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

.torikumi{background-color: #eaeff2; margin-bottom: 50px;}

.torikumi h1{
background-color: #089ca0;
text-align: center;
color: #fff;
padding: 7px;
}

/* 年代ごと */
.age input{
background-color: #ed807b;
border: none;
color: #fff;
cursor:pointer;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.age p{
padding: 20px;
margin-top: 10px;
background-color: #fff;
border: 1px solid #089ca0;
box-sizing: border-box;
}


/* ジャンルごと */
.genre ul{list-style: none;}
.genre ul li{margin-left: 15px;}
.genre ul li span{font-size: 80%;}
.genre ul li::before{
content: "●";
color: #089ca0;
margin-left: -15px;
}







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

.r_o{
background-image: url(../img/recruit/r_back.jpg);
background-position: center;
background-repeat: no-repeat;
color: #fff;
text-align: center;
background-size:cover;
background-attachment:fixed;
}

.r_o .title_01{color: #fff; margin-bottom: 5px;}
.r_o .title_01 span{color: #fff;}


/* インタビュー */
.r_interview ul{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}
.r_interview ul li{
list-style: none;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
transition: all .2s ease-out;
}

.r_interview ul li a{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column-reverse;
}

.r_interview ul li p{
text-align: center;
padding: 5px;
box-sizing: border-box;
color: #fff;
}



.r_interview ul li:nth-child(1) {background-image: url(../img/recruit/01.jpg);}
.r_interview ul li:nth-child(2) {background-image: url(../img/recruit/02.jpg);}
.r_interview ul li:nth-child(3) {background-image: url(../img/recruit/03.jpg);}
.r_interview ul li:nth-child(4) {background-image: url(../img/recruit/04.jpg);}
.r_interview ul li:nth-child(5) {background-image: url(../img/recruit/05.jpg);}
.r_interview ul li:nth-child(6) {background-image: url(../img/recruit/06.jpg);}

.r_interview ul li:nth-child(1) p{background-color: rgba( 0, 113, 118, 0.7 );}
.r_interview ul li:nth-child(2) p{background-color: rgba( 34, 181, 115, 0.7 );}
.r_interview ul li:nth-child(3) p{background-color: rgba( 247, 147, 30, 0.7 );}
.r_interview ul li:nth-child(4) p{background-color: rgba( 249, 83, 64, 0.7 );}
.r_interview ul li:nth-child(5) p{background-color: rgba( 247, 147, 30, 0.7 );}
.r_interview ul li:nth-child(6) p{background-color: rgba( 34, 181, 115, 0.7 );}










/* 応募要項 */
.r_youko .title_05{margin: 0 auto;}
.r_youko .table_01{margin: 30px 0;}
.r_youko .table_01 ul{margin-left: 20px;}



/* 応募方法 */
.r_koumoku{
padding: 20px;
box-sizing: border-box;
border: 1px solid #ff6c6c;
text-align: center;
}

.r_koumoku ul{list-style: none; margin-top: 10px;}
.r_koumoku ul li:nth-child(2n+1){
background-color: #fdeeed;
border: 1px solid #ff6c6c;
padding: 10px;
box-sizing: border-box;
}

/* 応募先 */
.r_saki h2{
background-color: #ff6c6c;
text-align: center;
color: #fff;
margin-bottom: 10px;
}
.r_saki h3{
border-style: solid;
border-width: 1px 0 1px 0;
border-color: #ff6c6c;
color: #ff6c6c;
text-align: center;
padding: 5px 0;
margin-top: 10px;
}





/* ------------------------------------ */
/* 4つの業種［撮影、編集、制作、STV］ 共通 */
/* ------------------------------------ */

/* 背景 */
.filming{background-image: url(../img/filming/filming_back.gif);}
.production{background-image: url(../img/production/production_back.gif);}
.editing{background-image: url(../img/editing/editing_back.gif);}
.stv_a-pro{background-image: url(../img/stv_a-pro/stv_a-pro_back.gif);}

/* タイトル */
.f_p_e_s_title{
color: #fff;
text-align: center;
-webkit-border-radius: 20px;/* for Safari and Chrome */
-moz-border-radius: 20px; /* for Firefox */
-o-border-radius: 20px; /* for opera */
border-radius: 20px;
padding: 5px 20px;
margin-bottom: 20px;
 /* ここから影 */
box-shadow:4px 4px 0px 0px #b3b3b3;
-moz-box-shadow:4px 4px 0px 0px #b3b3b3;
-webkit-box-shadow:4px 4px 0px 0px #b3b3b3;
}
/* 色 */
.filming .f_p_e_s_title{background-color: #0071bc;}
.production .f_p_e_s_title{background-color: #22b573;}
.editing .f_p_e_s_title{background-color: #f7931e;}
.stv_a-pro .f_p_e_s_title{background-color: #ff6c6c;}



/* 仕事内容リスト */
.f_p_e_s_li{margin: 50px 0 0 0;}

.f_p_e_s_li li{
position: relative;
list-style: none;
width: 470px;
background-color: #fff;
box-shadow: 0 0 5px #555;
-moz-box-shadow: 0 0 5px #555;
-o-box-shadow: 0 0 5px #555;
-ms-box-shadow: 0 0 5px #555;
}

.f_p_e_s_li li .f_p_e_s_icon{position: absolute; top:0; left: 0;}

.f_p_e_s_li li h2{
text-align: center;
margin: 15px 0;
}
/* 色 */
.filming .f_p_e_s_li li h2{color: #0071bc;}
.production .f_p_e_s_li li h2{color: #22b573;}
.editing .f_p_e_s_li li h2{color: #f7931e;}
.stv_a-pro .f_p_e_s_li li h2{color: #ff6c6c;}

.f_p_e_s_li li p{padding: 0 20px 20px 20px;}



/* リンクリスト */
.f_p_e_s_link li{
text-align: center;
list-style: none;
background-image: url(../img/common/f_p_e_s_icon_link.png);
background-position: right;
}
.f_p_e_s_link li a{
color: #fff;
display: block;
padding: 7px 20px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-border-radius: 20px;/* for Safari and Chrome */
-moz-border-radius: 20px; /* for Firefox */
-o-border-radius: 20px; /* for opera */
border-radius: 20px;
background-image: url(../img/common/f_p_e_s_icon_link.png);
background-position: right;
background-repeat: no-repeat;
}
/* 色 */
.filming .f_p_e_s_link li a{background-color: #0071bc;}
.production .f_p_e_s_link li a{background-color: #22b573;}
.editing .f_p_e_s_link li a{background-color: #f7931e;}
.stv_a-pro .f_p_e_s_link li a{background-color: #ff6c6c;}

.f_p_e_s_link li a:hover{background-color: #000000;}

.stv_a-pro .f_p_e_s_link li{margin: 0 auto;}




/* 先輩interview */
.int_title h2{margin: 5px 0 20px 0;}
.int_title h3 span{font-size: 0.7em; margin-left: 10px;}

.int_title h4{
background-color: #000000;
padding: 5px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
text-align: center;
}


/* 先輩interview吹き出しタイトル */
.interview_con h2 span{
font-size: 0.7em;
display: block;
margin-bottom: 5px;
}
/*色*/
.i_filming .interview_con h2 span{color: #0071bc;}
.i_production .interview_con h2 span{color: #22b573;}
.i_editing .interview_con h2 span{color: #f7931e;}
.i_stv_a-pro .interview_con h2 span{color: #ff6c6c;}

.interview_con h2 {
text-align: center;
position: relative;
display:table;
margin: 0 auto 40px auto;
padding: 12px 30px;
max-width: 100%;
background: #FFF;
box-sizing: border-box;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
/*色*/
.i_filming .interview_con h2{
border: solid 2px #0071bc;
box-shadow: 4px 4px 0 #0071bc;
-moz-box-shadow: 4px 4px 0 #0071bc;
-o-box-shadow: 4px 4px 0 #0071bc;
-ms-box-shadow: 4px 4px 0 #0071bc;
}
.i_production .interview_con h2{
border: solid 2px #22b573;
box-shadow: 4px 4px 0 #22b573;
-moz-box-shadow: 4px 4px 0 #22b573;
-o-box-shadow: 4px 4px 0 #22b573;
-ms-box-shadow: 4px 4px 0 #22b573;
}
.i_editing .interview_con h2{
border: solid 2px #f7931e;
box-shadow: 4px 4px 0 #f7931e;
-moz-box-shadow: 4px 4px 0 #f7931e;
-o-box-shadow: 4px 4px 0 #f7931e;
-ms-box-shadow: 4px 4px 0 #f7931e;
}
.i_stv_a-pro .interview_con h2{
border: solid 2px #ff6c6c;
box-shadow: 4px 4px 0 #ff6c6c;
-moz-box-shadow: 4px 4px 0 #ff6c6c;
-o-box-shadow: 4px 4px 0 #ff6c6c;
-ms-box-shadow: 4px 4px 0 #ff6c6c;
}


.interview_con h2:before{
content: "";
position: absolute;
bottom: -26px;
left: 50%;
margin-left: -17px;
border: 14px solid transparent;
border-top: 14px solid #FFF;
z-index: 2;
}
.interview_con h2:after{
content: "";
position: absolute;
bottom: -30px;
left: 50%;
margin-left: -17px;
border: 14px solid transparent;
z-index: 1;
}
/*色*/
.i_filming .interview_con h2:after{border-top: 14px solid #0071bc;}
.i_production .interview_con h2:after{border-top: 14px solid #22b573;}
.i_editing .interview_con h2:after{border-top: 14px solid #f7931e;}
.i_stv_a-pro .interview_con h2:after{border-top: 14px solid #ff6c6c;}

/* interview内容 */
/*色*/
.i_filming .interview_con h3{color: #0071bc;}
.i_production .interview_con h3{color: #22b573;}
.i_editing .interview_con h3{color: #f7931e;}
.i_stv_a-pro .interview_con h3{color: #ff6c6c;}










/* -------------------------- */
/* ---------撮影 共通--------- */
/* -------------------------- */


.filming_map ul dt::before{
content: "□ ";
color: #0071bc;
font-weight: bold;
}











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

/* 電話 */
.contact_tel{text-align: center;}
.contact_tel div a{
display: block;
color: #089ca0;
}
.contact_tel div img{vertical-align:middle; margin-right: 10px;}

/* エラー内容 */
.error_messe{color: #ed807b;}
/* エラー戻りボタン */
.error_r_bt{
display: block;
margin: 15px 10px 0 0;
text-align: center;
font-size: 1.0em;
padding: 10px 20px;
color: #FFF;
border: none;
text-transform:uppercase;
cursor:pointer;
background: #569eb2;
}



/* フォームの中身 */
.form_table {
border-collapse:collapse;
line-height: 180%;
width: 100%;
}


/* 共通 */
.form_table input[type="text"],
.form_table input[type="tel"],
.form_table input[type="email"],
.form_table textarea{
border: none;
font-size: 1.0em;
background-color: #f2f2f2;
}


/* 同意前の説明 */
.form_doui{text-align: center; margin: 0 auto;}

.form_doui p a{color: #00a99d;}
.form_doui p a:hover{color: #00a99d;}

/* 同意ボタン */
.doui{background: #569eb2; word-wrap: break-word; white-space: normal;}
.rese{background: #f08f71; word-wrap: break-word; white-space: normal;}
.doui:hover{background: #12a095;}
.rese:hover{background: #ed807b;}

.doui,.rese{
display: block;
text-align: center;
font-size: 1.2em;
padding: 10px 20px;
color: #FFF;
border: none;
text-transform:uppercase;
cursor:pointer;
}







/* -------------------------- */
/* --------機材ページ 共通-------- */
/* -------------------------- */

/* メニュー */
.equipment_menu ul{list-style: none;}

.equipment_menu ul li a{
text-align: center;
margin-bottom: 10px;
background-color: #089ca0;
color: #fff;
display: block;
padding: 10px 15px 25px 15px;
background-image: url(../img/equipment/equipment_icon.png);
background-repeat: no-repeat;
background-position: bottom center;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
/* 最後のボタンのみ、色違い */
.equipment_menu ul li:nth-child(7) a,
.equipment_menu ul li:nth-child(8) a{background-color: #0071bc;}

/* メニューマウスオーバー */
.equipment_menu ul li a:hover{
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
background-color: #29abe2;
color: #fff;
}





/* 各テーブルのタイトル */
.equipment_title{
box-sizing: border-box;
overflow: hidden;
color: #fff;
background: #29a1d8;
background: -moz-linear-gradient(left, #29a1d8 0%, #009f93 100%);
background: -webkit-linear-gradient(left, #29a1d8 0%,#009f93 100%);
background: linear-gradient(to right, #29a1d8 0%,#009f93 100%);
}
/* 中継車、ライブ */
.equipment_title_02{
box-sizing: border-box;
overflow: hidden;
color: #fff;
background: #29a1d8;
background: -moz-linear-gradient(left, #ac6fb9 0%, #0076aa 100%);
background: -webkit-linear-gradient(left, #ac6fb9 0%,#0076aa 100%);
background: linear-gradient(to right, #ac6fb9 0%,#0076aa 100%);
}








/* -------------------------- */
/* --------実績ページ-------- */
/* -------------------------- */

/* メニュー */
.works_menu ul{list-style: none;}

.works_menu ul li a{
text-align: center;
margin-bottom: 10px;
background-color: #089ca0;
color: #fff;
box-sizing: border-box;
display: block;
padding: 10px 20px 25px 20px;
background-image: url(../img/equipment/equipment_icon.png);
background-repeat: no-repeat;
background-position: bottom center;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}




/* 受賞 */
.w_award ul li div{
background-color: #089ca0;
border: #089ca0 solid 1px;
display: inline-block;
color: #fff;
padding: 5px 10px;
text-align: center;
box-sizing: border-box;
}
.w_award ul li span{
border: #089ca0 solid 1px;
display: inline-block;
color: #089ca0;
padding: 5px 10px;
text-align: center;
box-sizing: border-box;
}
.w_award ul li a,
.w_vp a,
.w_4k a,
.w_other a,
.w_cm a{color: #ff6c6c; margin-left: 10px;}

.w_award ul li a:hover,
.w_vp a:hover,
.w_4k a:hover,
.w_other a:hover,
.w_cm a:hover{text-decoration: underline;}




/* 番組 */
.w_program ul{list-style:none; font-size:0.9em;}
.w_program ul li{
border: 1px solid #b3b3b3;
position: relative;
margin-top: 20px;
}
.w_program ul li div{
padding: 10px;
}
.w_program ul li span{
position: absolute;
background: #089ca0;
color: #fff;
padding: 5px;
font-size: 0.8em;
}
.w_program ul li a{
border: 1px solid #ff6c6c;
color: #ff6c6c;
display: block;
text-align: center;
line-height: 0;
padding: 10px;
margin-top: 5px;
}
.w_program ul li a:hover{
border: 1px solid #089ca0;
color: #089ca0;
}
.w_program ul li h3{color: #089ca0; font-size: 1.0em;}
.w_program ul li img{display: block; margin: 5px auto;}
.w_program ul li p{font-size: 0.9em;}


/* 最後のあまり行を左寄せ */
.w_program .flex_bet::before{
content:"";
display: block;
width: 235px;
order:1;
}
.w_program .flex_bet::after{
content:"";
display: block;
width: 235px;
}





/* 作品リスト */
.work_li{list-style: none;}
.work_li li{margin-bottom: 7px; margin-left: 10px; line-height: 150%;}
.work_li li span{color: #089ca0;}
.work_li li:last-child{margin-bottom: 0px;}/* 最後の行 */
.work_li li::before{
content: "□";
margin-right: 5px;
color: #089ca0;
}

/* 作品リスト 発注元 */
.work_li li.w_moto{margin-left: -10px;}
.work_li li.w_moto::before{
content: "◼︎";
margin-right: 5px;
color: #089ca0;
font-size: 1.3em;
}




/* 動画コンテンツ */
.w_move ul{list-style:none; font-size:0.9em;}
.w_move ul li{
border: 1px solid #b3b3b3;
position: relative;
margin-top: 20px;
}
.w_move ul li div{padding: 10px;}
.w_move ul li span{
position: absolute;
background: #089ca0;
color: #fff;
padding: 5px;
font-size: 0.8em;
box-sizing: border-box;
}
.w_move ul li h3{color: #089ca0; font-size: 1.0em;}
.w_move ul li iframe{display: block; margin: 5px auto;}
.w_move ul li p{font-size: 0.9em;}

/* 最後のあまり行を左寄せ */
.w_move .flex_bet::after{
content:"";
display:block;
width: 30%;
height:0;
}














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

#admin_info{text-align:center; }

#admin_info h1{margin: 30px 0;}
#admin_info p{margin: 30px 0;}


/* リンクボタン */
#admin_info ul{
list-style:none;
text-align: center;
margin: 0 auto;
}
#admin_info ul li a{
display: block;
color: #fff;
padding: 20px;
font-size: 1.2em;
}
#admin_info ul li a::after{content: "　>";}
#admin_info ul li:nth-child(1) a{background-color: #0687DF;}
#admin_info ul li:nth-child(2) a{background-color: #FF5E5E;}
#admin_info ul li:nth-child(1) a:hover{background-color: #002981;}
#admin_info ul li:nth-child(2) a:hover{background-color: #9F1B1B;}


/* 説明書 */
#admin_info ol{
list-style: none;
margin: 20px auto;
}

#admin_info ol li a{
list-style: none;
display: block;
padding: 20px;
}

#admin_info ol li:nth-child(1) a{border: 1px solid #0687DF; color:#0687DF; }
#admin_info ol li:nth-child(2) a{border: 1px solid #FF5E5E; color: #FF5E5E;}





/* -------------------------- */
/* --------セクハラ撲滅宣言-------- */
/* -------------------------- */

.harassment h3{
font-size: 16px;
background-color: #e4f7f6;
color: #089ca0;
border: 1px solid #089ca0;
padding: 5px 20px;
margin: 30px 0 10px 0;
}

.list_01{
padding-left: 30px;
box-sizing: border-box;
}
.list_01 li{list-style: none; margin-bottom: 5px;}
.list_01 li::before{
content: "■ ";
margin-left: -20px;
color: #089ca0;
}