@charset "utf-8";

/*================================================================

	採用情報
	
	[01] 基本・レイアウト
	[02] トップ
	[03] 先輩からのメッセージ
    [04] 内定者の声
    [05] ホンネ対談
    [06] 部署の紹介
    [07] 制作番組
    [08] 募集要項
    [09] よくある質問
	[99] メディアクエリ

===============================================================*/

/*------------------------------------------------

	[01] 基本・レイアウト

------------------------------------------------*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html { font-size: 62.5%; /*10px*/}
footer#common_foot section.sitemap_box { font-size: 160%; }
#wrapper{font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; width: 100%; padding: 0; background: #f7f7f7; /*background: url(/tva/saiyo/2028/images/bg.png) #f7f7f7 50% 50% / auto fixed;*/ font-size: 1.8rem; line-height: 1.8;}
.inr{width: 100%; /*max-width: 960px;*/ margin: 0 auto; color:#666666;}
.inr_wide{/*width: 100%;*/ margin: 0 2%;}
/*.dialog{padding: 40px 50px; border: 4px solid #fff; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.6);}
.dialog p{font-size: 1.8rem; color: #fff;}*/
.vpc{display: inherit;}
.vsp{display: none;}
/*.flb{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}*/


/*.btn_mp  {width: 16%; max-width: 120px; margin: 0 1% 0 0; font-size: 1.4rem; font-weight: 600; line-height: 1.3; text-align: center; border-radius: 4px; background: rgba(231,0,18,0.9); display: grid; place-items: center;}*/

.btn_mp a {width: 100%; display: flex; justify-content: center; align-items: center; height: 100%;}
a.no_link {color: #fff; text-decoration: none; background: rgba(184,184,184,0.9) !important; pointer-events: none; border-radius: 4px;}

.nav a.no_link {text-decoration: none; background: none !important; pointer-events: none; opacity: 0.5;}
.footNav a.no_link {text-decoration: none; background: none !important; pointer-events: none; opacity: 0.5;}

/* フッタ
---------------------------------*/

#footer_saiyo {padding: 2rem 0px; background: #e70012;}
#footer_saiyo p {width: 96%; max-width: 960px; margin: 0 auto; font-size: 1.2rem; color: #fff; text-align: center;}

.footNav {text-align: center;}
.footNav li {display: inline-block; margin-right: 30px; font-size: 1.3rem; position: relative; color: #3f3f3f;}
.footNav li a {color: #3f3f3f; text-decoration: none;}
.footNav li a:hover {color: #3f3f3f;}
.footNav li:after {content: ""; display: block; width: 1px; height: 14px; background: #3f3f3f; position: absolute; top: 5px; right: -17px; -webkit-transform: rotate(30deg); transform: rotate(30deg);}
.footNav li:last-child:after{content: unset;}

.bg_ntc .footNav { margin-bottom: 1rem; }
#footer_saiyo .footNav { margin-bottom: 0.5rem; }
.bg_ntc .footNav li, #footer_saiyo .footNav li { vertical-align: middle; color: #fff; }
.bg_ntc .footNav li a, #footer_saiyo .footNav li a { color: #fff; }
.bg_ntc .footNav li a:hover, #footer_saiyo .footNav li a:hover { color: #fff; }
.bg_ntc .footNav li:after, #footer_saiyo .footNav li:after { background: #fff; }

footer#common_foot { margin: 0; }



@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: normal;
    src: local("Noto Sans CJK JP Regular"),
    url('../font/NotoSans_Regular.woff2') format('woff2'),
    url('../font/NotoSans_regular.woff') format('woff'),
    url('../font/NotoSans_regular.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: bold;
    src: local("Noto Sans CJK JP Bold"),
    url('../font/NotoSans_Bold.woff2') format('woff2'),
    url('../font/NotoSans_bold.woff') format('woff'),
    url('../font/NotoSans_bold.otf') format('opentype');
}

@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: normal;
    src: url("../font/YakuHanJP-Regular.woff2") format("woff2"),
    url("../font/YakuHanJP-Regular.woff") format("woff");
}

@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: bold;
    src: url("../font/YakuHanJP-Bold.woff2") format("woff2"),
    url("../font/YakuHanJP-Bold.woff") format("woff");
}


body{font-family: 'YakuHanJP','Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.saiyo_main {border-left: 3px solid #e70012; border-right: 3px solid #e70012;}

.box_cnt {width: 92%; max-width: 1280px; margin: 0 auto;}
.flb {display: flex; flex-wrap: wrap;}


/* 見出し
----------------------------*/
.saiyo_main h3 {width: 100%; margin: 60px auto; text-align: center;}
.saiyo_main h3 img {width: 100%; max-width: 338px;}
h4 {width: 100%; margin: 0 0 3rem; padding: 0.8rem 0; font-size: 2.4rem; font-weight: 600; letter-spacing: 0.09em; line-height: 1.8; color: #3f3f3f; background-image: linear-gradient(90deg, #e70012 0 10%, #787878 10%); background-repeat: no-repeat; background-size: 100% 4%; background-position: bottom;}
/*h5 {margin: 0 0 20px; padding-left: 12px; font-size: 2.1rem; font-weight: 600; line-height: 1.5; color: #3f3f3f; border-left: 6px solid #3f3f3f;}*/
h5 {position: relative; margin: 0 0 20px; padding-left: 20px; font-size: 2.1rem; font-weight: 600; line-height: 1.3; color: #3f3f3f;}
h5:after {content: ""; display: inline-block; position: absolute; top: 0; left: 0; bottom: -7px; width: 6px; height: 100%; border-radius: 3px; background: #3f3f3f;}
#saiyo_message h5 {width: calc(100% - 20px); margin: 10px 0 20px;}
h6 {margin-bottom: 3rem; color: /*#faa716*/#00a6d2; font-size: 1.8rem; font-weight: 600;}


/* リンク
---------------------------------*/
a {-webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
a:link		{}
a:visited	{}
a:hover		{text-decoration:none; opacity:0.7;}
a:active	{text-decoration:none;}



/* フェードイン
---------------------------------*/
.fadeIn {animation-name: fadeInAnime; animation-duration: 1s; animation-fill-mode: forwards; opacity: 0;}
@keyframes fadeInAnime{from {opacity: 0;} to {opacity: 1;}}

.fadeUp {animation-name: fadeUpAnime; animation-duration: 1s; animation-fill-mode: forwards; opacity:0;}
@keyframes fadeUpAnime{from {opacity: 0; transform: translateY(30px);} to {opacity: 1; transform: translateY(0);}}


.delay-time02 {animation-delay: 0.2s;}
.delay-time04 {animation-delay: 0.4s;}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger {opacity: 0;}




/*------------------------------------------------

	[02] トップ

------------------------------------------------*/
.cmn_main {height: 100px; background: url(/tva/saiyo/2028/images/bg_cmn.png);}

/* 最新情報 */
.bg_ntc {width: 100%; padding: 20px 0; background: #e70012;}
.tit_news {width: 96%; max-width: 960px; margin: 20px auto 10px; padding: 0 0 6px; color: #fff; border-bottom: 1px solid #fff;}
#news-ticker-container {position: relative; overflow: hidden; height: 40px; display: flex; justify-content: space-between; align-items: center; width: 96%; max-width: 960px; margin: 0 auto; font-size: 1.3rem; letter-spacing: 0.02em;}
#news-ticker {position: absolute; transition: transform 0.8s ease-in-out; padding: 0 50px 0 0; color: #fff;}
#controls {position: absolute; right: 0; display: flex; align-items: center; justify-content: flex-end; gap: 10px;}
#controls .btn {height: 30px; line-height: 30px; display: flex; align-items: center; cursor: pointer;}
@keyframes slide-up {from {transform: translateY(100%);  /* アニメーション開始時、要素を下（Y軸方向）に100%移動 */} to {transform: translateY(0);  /* アニメーション終了時、要素の位置を初期状態（Y軸方向0%）に戻す */}}

.box_ud {margin :-60px auto 0; padding: 0px 0 40px;}
.bnr_seminar {width: 94%; max-width: 750px; margin: 20px auto;}
.bnr_seminar img {width: 100%; border-radius: 8px;} 
.bnr {width: 96%; max-width: 960px; margin: 40px auto; text-align: center;}
.bnr img {width: 100%; max-width: 234px;}


/* とある社員の一日 */
#box_mov{margin-bottom: 60px;}
#box_mov .flb{justify-content: center;}
#box_mov .flb > div {width :calc(100% / 2 - 20px); margin: 0 10px 2em;}

#box_mov {padding: 0px 0 60px;}
#box_mov .inr {max-width: 1200px; margin: 0 auto;}
#box_mov .inr p {margin: 0 auto 0; font-size: 1.4rem; text-align: center; letter-spacing: 0.09em;}
.youtube {position: relative; height: 0; margin-bottom: .75em; padding-bottom: 56.25%; overflow: hidden;}
.youtube iframe {position: absolute; top: 0; right: 0; width: 100%; height: 100%;}



/*------------------------------------------------

	[03] 先輩からのメッセージ

------------------------------------------------*/
#saiyo_message .box_cnt {/*margin-bottom: 100px;*/}

.list_message {justify-content: left; width: 100%; margin: 0;}
.list_message > div {display: flex; flex-direction: column; width: 49%; height: auto; margin: 0 .5% 2%;}
.list_message div.img_msg {width: 96%; text-align: center; padding: 0 2%;}
.list_message div.img_msg img {width: 100%; border-radius: 8px;}
.list_message div.txt_msg {width: 86%; padding: 0.5rem 7%;}
.list_message div.txt_msg p {width: 100%; margin: 0 0 30px; text-align: justify; font-size: 1.4rem; letter-spacing: 0.02em; line-height: 1.8;}
.list_message div.txt_msg p span {font-size: 1.1rem;}

.main_msg {margin-bottom: 40px;}
.main_msg img {width: 100%;}

.sec_rt div.txt_msg {width: 59%; margin: 0 1% 2% 0; font-size: 1.4rem; letter-spacing: 0.02em; line-height: 1.8; text-align: justify;}
.sec_rt div.img_msg {width: 39%; margin: 0 0 2% 1%;}
.sec_lt div.txt_msg {width: 59%; margin: 0 0 2% 1%; font-size: 1.4rem; letter-spacing: 0.02em; line-height: 1.8; order: 2; text-align: justify;}
.sec_lt div.img_msg {width: 39%; margin: 0 1% 2% 0; order: 1;}
.sec_ct div.txt_msg {width: 100%; margin: 0 0 2%; font-size: 1.4rem; letter-spacing: 0.02em; line-height: 1.8; text-align: justify;}


.snap_rt div.txt_msg {width: 59%; margin: 0 1% 2% 0; font-size: 1.4rem; letter-spacing: 0.02em; line-height: 1.8; text-align: justify;}
.snap_rt div.img_msg {width: 39%; margin: 0 0 2% 1%;}
.snap_lt div.txt_msg {width: 59%; margin: 0 0 2% 1%; font-size: 1.4rem; letter-spacing: 0.02em; line-height: 1.8; order: 2; text-align: justify;}
.snap_lt div.img_msg {width: 39%; margin: 0 1% 2% 0; order: 1;}
.snap_ct div.txt_msg {width: 100%; margin: 0 0 2%; font-size: 1.4rem; letter-spacing: 0.02em; line-height: 1.8; text-align: justify;}

.sec_rt div img, .sec_lt div img, .snap_rt div img, .snap_lt div img {width: 100%;}

.sec_rt div.txt_msg p, .sec_lt div.txt_msg p, .sec_ct div.txt_msg p,
.snap_rt div.txt_msg p, .snap_lt div.txt_msg p, .snap_ct div.txt_msg p {margin: 0 0 1em;}

 .flb_bnr {display: flex; flex-wrap: wrap;}
 .flb_bnr div:nth-child(1) {width: 40%;}
 .flb_bnr div:nth-child(1) img {width: 100%; margin: 0;}
 .flb_bnr div:nth-child(2) {width: 57%; margin: 0 0 0 3%;}
 .flb_bnr div:nth-child(2) p {font-size: 1.2rem; line-height: 1.6;}
 .flb_bnr div:nth-child(2) p span {margin: 0 0 5px; padding: 0 0 5px; font-weight: 600; border-bottom: 2px dotted #000; display: block;}
 

/*.txt_msg p {width: 100%; margin: 0 0 60px; text-align: justify; font-size: 1.4rem; letter-spacing: 0.02em; line-height: 1.8;}*/



:root {
      --easing: cubic-bezier(0.2, 1, 0.2, 1);
      --transition: 0.8s var(--easing);
      --color-base: #0c1210;
      --color-gray: #ddd;
      --color-theme: #b4e900;
      --color-theme-darken: #6e8f00;
      --color-text: #adbdb7;
      --box-shadow: 0.8rem 0.8rem 1.2rem rgba(0, 0, 0, 0.05),
        -0.8rem -0.8rem 1.2rem #fff;
      --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, 0.08),
        -1rem -1rem 1.5rem #fff;
      --box-shadow-inset: inset 0.8rem 0.8rem 1.2rem rgba(0, 0, 0, 0.05),
        inset -0.8rem -0.8rem 1.2rem #fff;
      --box-shadow-dark: 0.8rem 0.8rem 1.2rem rgba(0, 0, 0, 0.1),
        -0.8rem -0.8rem 1.2rem rgba(#fff, 0.2);
}
:focus:not(:focus-visible) {outline: 0; /* キーボード操作"以外"でフォーカスされた際はoutlineを消す */}

.l-wrapper {position: relative; z-index: 1; transform:translateZ(1px);}

main {display: block;}
.l-inner {position: relative; box-sizing: content-box; max-width: 1200px; margin: 0 auto; padding: 0 10rem;}
/*.l-section {border-top: 1px solid #eee;}*/
.l-section .l-inner {padding-top: 0rem; padding-bottom: 8rem;}

/* slider */
.slide-media, .thumb-media {position: relative; overflow: hidden;}
.slide-media img, .thumb-media img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.splide {z-index: 0; /*transform:translateZ(1px); z-index効かないモーダル対策*/}

/* 前へ / 次へボタン */
/*.splide__arrow--prev,
.splide__arrow--next {display: grid; place-content: center; width: 6.4rem; height: 6.4rem; cursor: pointer; transition: var(--transition); background-color: var(--color-theme-darken); border-radius: 50%;}
.splide__arrow--prev::after, .splide__arrow--next::after {width: 1.2rem; height: 1.2rem; content: ""; border: solid var(--color-gray); border-width: 3px 3px 0 0;}
.splide__arrow--prev::after {margin-left: 0.4rem; transform: rotate(-135deg);}
.splide__arrow--next::after {margin-right: 0.4rem; transform: rotate(45deg);}
.splide__arrow:disabled {pointer-events: none; opacity: 0;}
.splide__arrow:focus-visible {outline: 3px solid rgba(180, 233, 0, 0.8); outline-offset: 3px; z-index: 1; transition: none;}
.splide__pagination {font-size: 0;}
.splide__pagination__page:focus-visible {outline: 3px solid rgba(180, 233, 0, 0.8); outline-offset: 3px; z-index: 1; transition: none;}
.splide__slide:focus-visible {outline: 3px solid rgba(180, 233, 0, 0.8); outline-offset: 3px; z-index: 1; transition: none;}
.splide-wrapper {position: relative;}
.splide__arrow>svg {display: none;}*/
.gallery {/*margin-bottom: 16rem;*/ padding: 40px 0 0;}
.gallery .l-inner {padding-bottom: 0;}
.gallery .splide-wrapper {-webkit-transition-timing-function: linear !important; transition-timing-function: linear !important;}
.gallery .slide {width: var(--slide-width); -webkit-transition: var(--transition); transition: var(--transition); -webkit-backface-visibility: hidden; backface-visibility: hidden; --slide-width: 400px;}
/*.gallery .slide-media {height: var(--slide-width);}*/
.gallery .slide-media {height: 300px;}
.gallery .slide-content {position: absolute; right: 0; bottom: 0; left: 0; padding: 3.2rem 1.6rem 1.6rem; -webkit-transition: var(--transition); transition: var(--transition); opacity: 0; color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)),color-stop(50%, rgba(0, 0, 0, 0.3))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%);}
.gallery .slide-title {font-size: 1.4rem; line-height: 1.4; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gallery .slide-title span {font-size: 1.1rem;}
.gallery .slide:hover {width: calc(var(--slide-width) * 1.5);}
.gallery .slide:hover .slide-content {opacity: 1;}

@media only screen and (max-width: 1024px) {
html {-webkit-text-size-adjust: 100%;}
.l-inner {padding: 0 4rem;}
.pc {display: none !important;}
}

@media only screen and (max-width: 599px) {
/*html {font-size: 50%;}*/
.pc-tab {display: none !important;}
.gallery {margin-bottom: 8rem;}
.gallery .slide {--slide-width: 150px;}
}

@media only screen and (min-width: 1025px) {
.tab-sp {display: none !important;}
.splide__arrow--prev::before, .splide__arrow--next::before {transition: var(--transition);}
.splide__arrow--prev:hover::before, .splide__arrow--next:hover::before {transform: scale(1.2);}
}

@media only screen and (min-width: 600px) {
.sp {display: none !important;}
}


/*------------------------------------------------

	[04] 内定者の声

------------------------------------------------*/
.list_interview {justify-content: space-between; width: 100%; padding: 0 0 40px;}
.list_interview > div {width: 100%; margin: 0 0 2%; border-radius: 8px; background: #fff;}
.list_interview div.icn {width: 16%; text-align: center; padding: 26px 2%;}
.list_interview div.txt {width: 76%; padding: 20px 4% 20px 0%;}
.list_interview div.txt p {font-size: 1.4rem; letter-spacing: 0.09em; line-height: 1.8; text-align: justify;}





/*------------------------------------------------

	[05] ホンネ対談

------------------------------------------------*/
.main_cvs {margin-bottom: 40px;}
.main_cvs img{width: 100%;}
.sub_cvs, .txt_cvs {margin-bottom: 4%;}
.sub_cvs img {width: 96%; margin: 0 2%;}

.txt_cvs p {width: 96%; margin: 0 2% 1.5rem; text-align: justify; font-size: 1.4rem; letter-spacing: 0.02em;}
span.p01, span.p02, span.p03 {font-weight: 600;}


/*------------------------------------------------

	[06] 部署の紹介

------------------------------------------------*/
.accordionbox {width: 100%; margin: 0 auto; padding: 0 0 40px;}

.list_dep {width: 42%; margin: 2%; padding: 0 2%; border-radius: 8px; background: #fff;}

.list_btn {display: block; cursor: pointer; padding: 10px 0 0; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.list_btn:hover {background: rgb(255, 255, 255, .05);}
.name_dep {width: calc(100% - 30px); margin: 0 0 10px; padding: 0 30px 0 0; color: #3f3f3f; background-image: linear-gradient(90deg, #e70012 0 10%, #787878 10%); background-repeat: no-repeat; background-size: 100% 4%; background-position: bottom;}
.name_dep p {width: 100%; margin: 0 0 0.2rem; padding: 0.8rem 0; font-size: 2.4rem; font-weight: 600; letter-spacing: 0.09em; line-height: 1.8; color: #3f3f3f;}
.dep_cnt p.dep_und {font-size: 1.4rem; font-weight: 600; letter-spacing: 0.09em; line-height: 1.8;}
.dep_cnt p.und_txt {font-size: 1.4rem; letter-spacing: 0.09em; line-height: 1.8; text-align: justify;}

.dep_cnt {display: none; padding: 0 0 20px;}
.dep_cnt.active1 {display: inherit;}
.dep_cnt p {width: 100%; margin: 0; padding: 2px 0 4%; font-size: 1.4rem; line-height: 1.6; color: #3f3f3f;}
.accordion_icon, .accordion_icon span {display: inline-block; transition: all .4s; box-sizing: border-box;}
.accordion_icon {/*position: relative;*/ float: right; margin: -44px 10px 0 0; border-style: solid; border-width: 10px 7px 0 7px; border-color: #e70012 transparent transparent transparent; display: inline-block; width: 0; height: 0;}

/*＋、－切り替え*/
.accordion_icon.active {transform: rotate(180deg);}

p.link_msg a {color: #003e79; text-decoration: none; border-bottom: 1px dotted;}
p.link_msg span {display: inline-block; margin: 0 0 3px; padding: 2px 8px; font-size: 1.2rem; color: #fff; background: #3f3f3f;}



/*------------------------------------------------

	[07] 制作番組

------------------------------------------------*/
.list_reg, .list_sp {justify-content: left; width: 100%; padding: 0 0 40px;}
.list_reg > div, .list_sp > div {width: 24%; margin: 0 0.5% 2%;}
.list_reg div.img_reg, .list_sp div.img_sp {width: 96%; text-align: center; padding: 0 2% 2%;}
.list_reg div.img_reg img, .list_sp div.img_sp img {width: 100%;}
.list_reg div.tit_reg, .list_sp div.tit_sp {width: 94%; padding: 0 3%;}
.list_reg div.tit_reg p, .list_sp div.tit_sp p {font-size: 1.4rem; letter-spacing: 0.02em; line-height: 1.5; color: #3f3f3f;}



/*------------------------------------------------

	[08] 募集要項

------------------------------------------------*/
p.end_txt {width: 97%; margin: 0 1.5% 2rem; padding: 1.5% 0%; font-size: 2.1rem; font-weight: 600; color: #e70012; letter-spacing: 0.09em; /*background: #e70012;*/}
p.lead_txt {width: 97%; margin: 0 1.5% 5rem; font-size: 1.8rem; letter-spacing: 0.09em; line-height: 1.5; color: #3f3f3f; font-weight: 600;}
dl.list_entry {width: 97%; padding: 0 1.5% 2.5rem;}
dt.tit_entry {position: relative;width: calc(100% - 20px);  margin: 0 0 0.15em; padding-left: 20px; font-size: 2.1rem; font-weight: 600; line-height: 1.3; color: #3f3f3f;}
dt.tit_entry:after {content: ""; display: inline-block; position: absolute; top: 0; left: 0; bottom: -7px; width: 6px; height: 100%; border-radius: 3px; background: #3f3f3f;}
dl.list_entry p strong {display: inline-block; margin: 20px 0 0 0; font-weight: 600;}


dd.entry_txt {width: 96%; margin: 0 2%;}
dd.entry_txt p {font-size: 1.4rem;}
span.notice {font-size: /*1.2rem*/1.4rem;}
.btn_entry a {display: inline-block; margin: 2rem 0; padding: 12px 24px; font-weight: 600; color: #fff; text-decoration: none; border-radius: 6px; background: #e70012;}

div.btn_menu {width: 850px; margin: 20px auto;}
div.btn_menu ul {display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.btn_menu ul li {width: 48%;}
div.btn_menu ul li {text-align: center; background: #2373e6; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; border-radius: 4px; }
div.btn_menu ul li:hover {opacity: 0.8;}
div.btn_menu ul li img {width: 100%; height: auto;}
div.btn_menu ul li a {display: block; box-sizing: border-box; padding: 16px 0; font-size: 1.4rem; color: #fff; text-decoration: none; }
div.btn_menu ul li a:hover {text-decoration: none;}
div.btn_menu ul li.comingsoon_mypage,
div.btn_menu ul li.comingsoon_login {background: #ccc;}
div.btn_menu ul li.comingsoon_mypage:hover,
div.btn_menu ul li.comingsoon_login:hover {opacity: 1;}
div.btn_menu ul li.comingsoon_mypage a,
div.btn_menu ul li.comingsoon_login a {pointer-events: none;}


/*------------------------------------------------

	[09] よくある質問

------------------------------------------------*/
dl.list_faq {width: 97%; margin: 20px 1.5% 0; padding: 0 0 40px}
dt.faq_txt, dd.faq_txt {margin: 0 0 10px; padding: 15px 15px 15px 60px;}
dt.faq_txt {font-size: 1.6rem; font-weight: 600; letter-spacing: 0.09em; text-align: justify; color: #3f3f3f; background: url(/tva/saiyo/2028/faq/images/faq_mark_q.png) no-repeat 21px 21px #e4e4e4; -webkit-background-size: 22px; background-size: 22px;}
dd.faq_txt {font-size: 1.4rem; letter-spacing: 0.09em; text-align: justify; color: #3f3f3f; background: url(/tva/saiyo/2028/faq/images/faq_mark_a.png) no-repeat 21px 21px; -webkit-background-size: 22px; background-size: 22px;}


/*------------------------------------------------

	[99] メディアクエリ

------------------------------------------------*/

@media screen and (min-width: 1281px) {

/* [01] 基本・レイアウト
----------------------------*/
h5 {margin: 0 1.5% 20px;}

/* [04] 内定者の声
----------------------------*/
.list_interview > div {display: flex; flex-direction: column; width: calc(30.3% - 0px); height: auto; margin: 0 1.5% 2%;}
.list_interview div.icn {width: 86%; text-align: center; padding: 26px 7% 0;}
.list_interview div.txt {width: 86%; padding: 20px 7%;}
}


@media screen and (min-width: 769px) {

/* [01] 基本・レイアウト
----------------------------*/
div.box_nav {width: 100%; position: sticky; display: flex; margin:0; padding: 0; top: 0/*39px*/; z-index: 999;}
div.bg_nav {/*width: 92%; max-width: 960px;*/ margin: 0 auto; padding: 20px 0; border-radius: 4px;}
/*#fix_nav {z-index: 0;}*/
#fix_nav {position: inherit;}

.header {display: flex; width: 96%; max-width: 960px; margin: 0 auto;}
.box_h2 {display: flex; align-items: center; width: 100%;}
.box_h2 h2 {margin: 0 0 0 3%;}
.box_title {display: flex; width: 100%; margin: 0 1% 0 0; border-radius: 4px; background: rgba(255,255,255,0.9);}
.btn_sns {width: 60px; height: 60px; margin: 0 2% 0 0; display: grid; place-items: center;}
.btn_sns a {text-decoration: none;}
.btn_mp {width: 16%; max-width: 120px; margin: 0 1% 0 0; font-size: 1.4rem; font-weight: 300; line-height: 1.3; text-align: center; display: grid; place-items: center;}
.btn_mp a {color: #fff; text-decoration: none; border-radius: 4px; background: rgba(231,0,18,0.9);}

/* [02] メイン
----------------------------*/
.main {position: relative;}
.main div.bg_nav {position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.saiyo_main {position: relative;}
.saiyo_main div.bg_nav {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%;}

}


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

/* [01] 基本・レイアウト
----------------------------*/
#wrapper {padding: 8px 0 0;}
div.box_nav {width: 100%; position: sticky; display: flex; padding: 0; top: 0/*52px*/; z-index: 999;}
div.bg_nav {width: 96%; max-width: 960px; margin: 0 2%; padding: 12px 2%; border-radius: 4px;}
/*#fix_nav {z-index: 0;}*/
#fix_nav {position: relative;}

.header {display: flex; flex-wrap: wrap;}
.box_h2 {display: flex; align-items: center; width: 100%;}
.box_h2 h2 {margin: 0 0 0 5%; line-height: 1;}
.box_h2 h2 img {height: 24px;}
.box_title {order: 1; display: flex; width: calc(98% - 60px); margin: 0 2% 0 0; border-radius: 4px; background: rgba(255,255,255,0.9);}
.inr_nav {order: 2;}
.btn_mp {order: 3; /*width: 40%;*/}
.btn_sns {width: 30px; height: 60px; margin: 0 5% 0 0; display: grid; place-items: center;}
.btn_sns a {text-decoration: none; line-height: 1;}
.btn_sns a img {height: 24px;}
/*.btn_mp {width: 49%; height: 60px; font-size: 1.4rem; margin: 10px 0 0 1%; font-weight: 600; line-height: 1.3; text-align: center; border-radius: 4px; background: rgba(231,0,18,0.9); display: grid; place-items: center;}
.btn_mp:nth-child(2){margin: 10px 1% 0 0;}*/

.btn_mp {width: 46%; height: 60px; font-size: 1.4rem; font-weight: 600; line-height: 1.3; text-align: center; display: grid; place-items: center; }
.btn_mp.reg {position: fixed; bottom :0; left: 0; margin: 0 1% 10px 3%;}
.btn_mp.log {position: fixed; bottom :0; right: 0; margin: 0 3% 10px 1%;}
.btn_mp a {color: #fff; text-decoration: none; border-radius: 4px; background: rgba(231,0,18,0.9); box-sizing: border-box; border: 2px solid #fff;}

/* フッタ
---------------------------------*/
/*#foot_menu {border-bottom: none; width: 100%; margin: 0; padding: 0; max-width: none;}
#foot_menu li {display: block; width: 100%; height: 44px; margin: 0; padding: 0 20px; line-height: 44px;	text-align: left; border-bottom: 1px solid #ccc; background: #f0f0f0;}
#foot_menu li:first-child {border-top: 1px solid #ccc;}
#foot_menu a {display: block; font-size:1.5rem;}*/
/*.footNav {text-align: center;}
.footNav li {display: inline-block; margin-right: 30px; font-size: 1.4rem; position: relative; color: #3f3f3f;}
.footNav li a:hover {color: #3f3f3f;}
.footNav li:after {content: ""; display: block; width: 1px; height: 14px; background: #000; position: absolute; top: 5px; right: -17px; -webkit-transform: rotate(30deg); transform: rotate(30deg);}
.footNav li:last-child:after{content: unset;}*/


/* [02] トップ
----------------------------*/
.main {margin: -144px 0 0;}
.main img {width: 100%;}


/* 最新情報 */
#news-ticker-container {height: 60px; font-size: 1.2rem; letter-spacing: 0em;}


.cmn_main {height: 144px; margin: -144px 0 0;}


/* とある社員の一日 */
#box_mov .flb.clm2 {width: 90%; margin: 0 auto;}
#box_mov .flb.clm2 div {width: 100%; max-width: none; margin: 0 auto 20px;}




/* [03] 先輩からのメッセージ
----------------------------*/
.list_message > div {width: 97%;}
.list_message div.txt_msg p {margin: 0 0 20px;}

.sec_rt div.txt_msg {width: 97%; margin: 0 1.5% 2%;}
.sec_rt div.img_msg {width: 97%; margin: 0 1.5% 2%;}
.sec_lt div.txt_msg {width: 97%; margin: 0 1.5% 2%; order: 2;}
.sec_lt div.img_msg {width: 97%; margin: 0 1.5% 2%; order: 1;}


.snap_rt div.txt_msg {width: 97%; margin: 0 1.5% 2%;}
.snap_rt div.img_msg {width: 97%; margin: 0 1.5% 2%;}
.snap_lt div.txt_msg {width: 97%; margin: 0 1.5% 2%;}
.snap_lt div.img_msg {width: 97%; margin: 0 1.5% 2%;}



/* [04] 内定者の声
----------------------------*/

/* [05] ホンネ対談
----------------------------*/

/* [06] 部署の紹介
----------------------------*/
.list_dep {width: 92%;}



/* [07] 制作番組
----------------------------*/
.list_reg > div, .list_sp > div {width: calc(30.3% - 0px); margin: 0 1.5% 2%;}


/* [08] 募集要項
----------------------------*/
div.btn_menu {width:94%;}


/* [09] よくある質問
----------------------------*/


}


@media screen and (max-width: 480px) {
/*a.anchor {display: block; position: relative; top: -80px; visibility: hidden;}
#outline{display: block; padding-top: 140px; margin-top: -140px;}*/

/* [01] 基本・レイアウト
----------------------------*/

/* [02] トップ
----------------------------*/
/* 最新情報 */
#news-ticker-container {height: 70px;}


/* [03] 先輩からのメッセージ
----------------------------*/

/* [04] 内定者の声
----------------------------*/
.list_interview > div {display: flex; flex-direction: column; margin: 0 1.5% 2%;}
.list_interview div.icn {width: 86%; text-align: center; padding: 26px 7% 0;}
.list_interview div.txt {width: 86%; padding: 20px 7%;}


/* [05] ホンネ対談
----------------------------*/

/* [06] 部署の紹介
----------------------------*/

/* [07] 制作番組
----------------------------*/
.list_reg > div, .list_sp > div {width: 47%; margin: 0 1.5% 2%;}


/* [08] 募集要項
----------------------------*/

/* [09] よくある質問
----------------------------*/


}