@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Vollkorn);


/*--------------------------------------------------
RESET CSS 
---------------------------------------------------*/
html, body, header, hgroup, nav, section, menu, article, aside, footer,
div, dl, dt, dd, p, ol, ul, li, iframe, img, figure, figcaption, audio, video, canvas, details, time, mark,
table, thead, tbody, tfoot, tr, th, td, caption, fieldset, form, label, legend, summary, 
em, span, object, blockquote, pre, abbr, address, cite, code, del, dfn, ins, kbd, q, samp, strong, sub, sup, var, b, i
{ margin:0; padding:0; border:0; outline:0; background:transparent; font-size:16px;
font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
line-height:1.5; color:#2d2d2d; letter-spacing:0; }
header, hgroup, nav, section, menu, article, aside, footer, figure, figcaption, details, form { display:block; }

html { width:100%; height:100%; overflow-y:scroll; }
body { width:100%; height:100%; -webkit-text-size-adjust:100%; min-width:1160px; box-sizing:border-box; -webkit-box-sizing:border-box; }
ul { list-style:none; padding:0; margin:0; }
li { list-style:none; padding:0; margin:0; }
img { vertical-align:bottom; }
em { font-style:normal; }
input,button { font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; }

h1, h2, h3, h4, h5, h6 { line-height:1.5; margin:0; padding:0; border:0; outline:0; background:transparent; font-size:16px; font-weight:normal;
font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; }
small { line-height:1.5; display:block; }

a { color:#212121; line-height:1.5; outline:0; text-decoration: none; transition: all 0.2s ease 0s; }
a:hover { color:#1070B9; text-decoration: none; }
span { transition: all 0.2s ease 0s;  }


/*--------------------------------------------------
COMMON
---------------------------------------------------*/
.bodyWrap { height:100%; margin:0 auto 0 auto; box-sizing:border-box; -webkit-box-sizing:border-box; min-width:1200px; }

.navigationWrap { margin:0 20px 0 0; padding:10px 0 0; }

header { background:#D4273A url(../img/bg.png) left top repeat-x; }

.topHeader { position:absolute; left:0; top:0; background:none; animation:initial; -webkit-animation:initial; z-index:9999; width:100%; }

.headerWrap { background:rgba(255,255,255,0.9); display:flex; display:-webkit-flex; box-sizing:border-box; -webkit-box-sizing:border-box; justify-content:space-between; -webkit-justify-content:space-between; }
.headerWrap h1 { padding:28px 0 0 30px; width:195px; }
.headerWrap > section { display:flex; display:-webkit-flex; box-sizing:border-box; -webkit-box-sizing:border-box; }
.headNav { display:flex; display:-webkit-flex; box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 0 15px; float:right; }
.headerWrap nav { clear:both; }
.headerWrap nav ul { display:flex; display:-webkit-flex; box-sizing:border-box; -webkit-box-sizing:border-box; }
.headerWrap nav ul li { margin:0 40px 0 0; }
.headerWrap nav ul li:last-child { margin:0; }
.headerWrap nav ul li a { color:#2D2D2D; font-weight:bold; display:block; text-align:center; letter-spacing:-1px; position:relative; }
.headerWrap nav ul li a span { transition: all 0.2s ease 0s; display:block; color:#2D2D2D; font-weight:normal; font-size:10px; text-align:center; padding:0 0 15px 0; }
.headerWrap nav ul li a:hover { color:#C82D39;}
.headerWrap nav ul li a:hover span { color:#C82D39;}
.mb80 { margin:0 0 80px !important; }
.mb100 { margin:0 0 150px !important; }

#topMes ul li:nth-child(2) a { color:#C82D39; }
#topMes ul li:nth-child(2) a span { color:#C82D39; }

#units ul li:nth-child(3) a { color:#C82D39; }
#units ul li:nth-child(3) a span { color:#C82D39; }

#staff ul li:nth-child(4) a { color:#C82D39; }
#staff ul li:nth-child(4) a span { color:#C82D39; }

#recruit ul li:nth-child(5) a { color:#C82D39; }
#recruit ul li:nth-child(5) a span { color:#C82D39; }

#toppage ul li:nth-child(1) a { color:#C82D39; }
#toppage ul li:nth-child(1) a span { color:#C82D39; }

#chibaTv .people p { text-align:center; }
#chibaTv .people a { text-decoration:underline; font-weight:bold; color:#C82D39; }
#chibaTv .people a:hover{ text-decoration:none; color:#1070B9; }

.manageNamed em { display:inline-block; margin:0 0 0 20px; }

.recSideMenu { position:fixed; top:30%; right:0; z-index:999; min-width:57px; }
.recSideMenu a { position:relative; }
.recSideMenu a span { transition: all 0.2s ease 0s; font-size:22px; padding:65px 0 0 13px; writing-mode:vertical-rl; -ms-writing-mode:tb-rl; -webkit-writing-mode:vertical-rl; display:block; color:#fff; font-weight:bold; }
.recSideMenu a:before { transition: all 0.2s ease 0s; color:#fff; font-size:22px; position:absolute; left:18px; top:22px; }
.recSideLink { height:190px; }
.recSideLink a { box-sizing:border-box; -webkit-box-sizing:border-box; height:190px; display:block; background:#1f1f1f; }
.recSideLink a:hover span { color:#FEDA16; }
.recSideLink a:hover:before { color:#FEDA16; }
.recSideLink a:after { content:""; transition: all 0.2s ease 0s; background:#C82D39 url(../img/recsideicon.png) center center no-repeat; display:block; position:absolute; left:0; bottom:-47px; width:100%; height:47px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.recSideLink a:hover:after { background-color:#AD2731; }

.twbtn { padding:0; margin:0 15px 0 0; }
.movieBtn { position:relative; display:inline-block; border:solid #C82D39; border-width:2px; background:#fff; color:#C82D39; font-weight:bold; font-size:13px; padding:4px 35px 4px 43px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.movieBtn:hover { color:#fff; background:#C82D39; }
.movieBtn:before { position:absolute; left:22px; top:5px; font-family:'icomoon'; content:"\ea98"; font-weight:normal; }

.wrap { width:1100px; margin:0 auto 0 auto; overflow:hidden; }
.logo { padding:15px 0 0; }

.comBtn { font-size:15px; display:block; padding:60px 20px 28px 20px; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; background:#2D2D2D; color:#fff; position:relative; }
.comBtn:before { color:#fff; position:absolute; left:42%; top:35px; transition: all 0.2s ease 0s; }
.comBtn span { color:#fff; font-size:16px; transition: all 0.2s ease 0s; }
.comBtn:hover { color:#fff; background:#c82d39; }
.comBtn:hover:before { color:#fff; }



.pageTitle { padding:50px 0; position:relative; text-align:center; letter-spacing:-1px; z-index:10; overflow:hidden; }
.pageTitle div { display:inline-block; border:solid #fff; border-width:1px; padding:20px 50px 15px 50px; }
.pageTitle div em { color:#fff; opacity:0; display:block; line-height:1; font-size:36px; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
.pageTitle div span { opacity:0; display:block; font-size:14px; font-family: 'Vollkorn', serif; padding:8px 0 0; color:#fff; font-weight:bold; }
.basicWrap { padding:60px 0; }
.basicWrap .basic { width:1100px; margin:0 auto 0 auto; }

.content p { margin:0 0 20px; line-height:170%; }
.column { display:flex; display:-webkit-flex; box-sizing:border-box; -webkit-box-sizing:border-box; }
.column > div { width:50%; padding:150px 50px 80px 50px; }



.pageNav { margin:0 0 22px; background:#fff; }
.pageNav ul { display:table; margin:0 auto 0 auto; border:solid #eee; border-width:1px 0 1px 0; }
.pageNav ul li { display:table-cell; border:solid #eee; border-width:0 1px 0 0; }
.pageNav ul li:first-child { border-width:0 1px 0 1px; }
.pageNav ul li a { display:block; padding:13px 30px; text-align:center; }
.pageNav ul li a:hover { background:#fafafa; color:#C82D39; }
.pageNav ul li p { padding:13px 30px; text-align:center; cursor:pointer; transition: all 0.2s ease 0s; }
.pageNav ul li p:hover { color:#1070B9; background:#fafafa; }


.subCopy { background-color:#2D2D2D; background-image:url(../img/topsub.jpg), url(../img/topsub2.jpg); background-position:left top, right top; background-repeat:no-repeat; padding:130px 0; z-index:899; position:relative; text-align:center; }

#chibaTv .topMenu { border-width:0; background:transparent url(../img/topnav_bg.jpg) center center no-repeat; background-size:cover; z-index:9999; position:absolute; left:0; bottom:0; width:100%; }

.fmin { font-size:20px; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
.fmin em { font-style:normal; font-size:32px; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }

.footLink { padding:23px 0 25px 0; border:solid #eee; border-width:1px 0 0;}
.footLink ul { width:1280px; margin:0 auto 0 auto; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; }
.footLink ul li { float:left; text-align:center; width:14.2%; box-sizing:border-box; -webkit-box-sizing:border-box; border:solid #ddd; border-width:0 1px 0 0; }
.footLink ul li a { font-size:12px; }
.footLink ul li:nth-child(1) { border-width:0 1px 0 1px; }

footer { background:#2D2D2D; padding:0 0 80px 0; }
footer small { display:inline-block; color:#fff; margin:0 0 0 20px; font-size:12px; }
footer .wrap { padding:42px 0 0; }
.pageTop { display:inline-block; background:#F6AB00; position:absolute; right:0; top:0; }
.pageTop img { vertical-align:middle; padding:16px 20px; }

.copy { display:table; width:100%; height:100%; width:100%; height:100%; position:absolute; z-index:9999; margin:-90px 0 0; }
.copy p { display:table-cell; vertical-align:middle; text-align:center; }


/*--------------------------------------------------
INDEX
---------------------------------------------------*/
.topContent { padding:60px 0; }
.topColumn { display:flex; display:-webkit-flex; box-sizing:border-box; -webkit-box-sizing:border-box; width:1120px; margin:0 auto 0 auto; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.topColumn a { display:block; width:250px; margin:0 40px 0 0; position:relative; }
.topColumn a:last-child { margin:0; }
.topColumn a dl { position:relative; }

.topColumn a dd { background:#2D2D2D; text-align:center; padding:17px 0 18px 0; }
.topColumn a:nth-child(1) dd span { font-weight:bold; font-size:20px; color:#F6AB00; }
.topColumn a:nth-child(2) dd span { font-weight:bold; font-size:20px; color:#22B7B3; }
.topColumn a:nth-child(3) dd span { font-weight:bold; font-size:20px; color:#C6CA1C; }
.topColumn a:nth-child(4) dd span { font-weight:bold; font-size:20px; color:#5AC3D7; }

.topColumn a:after { opacity:0; transition: all 0.2s ease 0s; content:""; position:absolute; border:solid #fff; border-width:5px; left:0; top:0; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.topColumn a:hover:after { opacity:0.3; border-width:10px; }

.topBtn { display:block; width:268px; margin:0 auto 0 auto; }
.topBtn dt { margin:0 0 30px; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; overflow:hidden; z-index:1; position:relative; }
.topBtn dd span { display:inline-block; font-size:23px; font-weight:bold; background:transparent url(../img/maker.jpg) 0 15px repeat-x; }
.topBtn img { transition: all 0.7s ease 0s; z-index:0; position:relative; width:268px }
.topBtn:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.topBtn:hover dd span { color:#1070B9; }

.btn { display:inline-block; -khtml-border-radius:0.4em; -webkit-border-radius:0.4em; -ms-border-radius:0.4em; border-radius:0.4em; padding:5px 13px 5px 25px; color:#fff; background:#1070B9; position:relative; border:solid #0c538a; border-width:0 0 2px; }
.btn:before { font-family: 'icomoon'; content: "\ea1c"; transform: rotate(0); color:#fff; position:absolute; left:11px; top:10px; font-size:9px; }
.btn:hover { color:#fff; background:#0c538a; }

.sideBanner { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; height:100%; }
.sideBanner li { height:50%; transition: all 1s ease 0s; position:relative; }
.sideBanner li a { display:block; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:100px 0; }
.sideBanner li a:before { margin:0 10px 0 0; color:#fff; font-size:27px;}
.sideBanner li a:hover span { color:#FFFF26; }
.sideBanner li a:hover:before { color:#FFFF26; }
.sideBanner li a span { font-size:23px; font-weight:bold; color:#fff; }
.sideBanner li:nth-child(1) { background:transparent url(../img/toplink3.jpg) left bottom no-repeat; background-size:cover; }
.sideBanner li:nth-child(2) { background:transparent url(../img/toplink4.jpg) left bottom no-repeat; background-size:cover; }
.sideBanner li a:after { opacity:0; transition: all 0.2s ease 0s; content:""; position:absolute; border:solid #fff; border-width:5px; left:0; top:0; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.sideBanner li a:hover:after { opacity:0.3; border-width:10px; }



/*--------------------------------------------------
TOPMES
---------------------------------------------------*/
.topMesContent { overflow:hidden; }
.topMesContent dt { width:425px; }
.topMesContent dd { width:630px; }
.topMesContent dd p:not(:last-child) { text-indent:1em; }
.topmesBg { position:relative; }
.topmesBgImg { position:absolute; left:20px; top:20px; z-index:-1; opacity:0.3; }

.spContent { display:none; margin:0 0 20px; }
.spContent div:first-child { width:30%; flex-basis:30%; -webkit-flex-basis:30%; }
.spContent div:first-child img { max-width:100%; flex-basis:70%; -webkit-flex-basis:70%; }
.spContent div:last-child { width:70%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 0 0 20px; }
.staffSk2 { width:100%; z-index:-1; }
.staffSk2 li { display:flex; display:-webkit-flex; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 0 2px; }
.staffSk2 li:last-child { margin:0; }
#chibaTv .staffSk2 li p { margin:0; letter-spacing:-1px; padding:0; text-align:left; font-size:15px; }
.staffSk2 li span { font-size:15px; width:40px; text-align:right; padding:0 20px 0 0; color:#F6AB00; }
.staffSk2 h5 { color:#F6AB00; font-weight:bold; margin:0 0 10px; font-size:22px; letter-spacing:-1px; text-align:left; }


/*--------------------------------------------------
STAFF
---------------------------------------------------*/
.staffContent { box-sizing:border-box; -webkit-box-sizing:border-box; border:solid #C0C0C0; border-width:0 0 1px; margin:0 0 50px; }
.staffInner { display:flex; display:-webkit-flex; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.staffInner .staffFace { width:45%; box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; position:relative; }
.staffInner .staffFace p { padding:30px 0 0 150px; margin:0; box-sizing:border-box; -webkit-box-sizing:border-box; }
.staffInner .staffBody { width:55%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:55px 30px 10px 30px; -webkit-flex-grow:1; flex-grow:1; }
.staffInner .staffBody p { text-align: justify;text-justify: inter-ideograph; font-size:15px; }
.staffArticle { box-sizing:border-box; -webkit-box-sizing:border-box; display:flex; display:-webkit-flex; }
.staffArticle div:first-child { box-sizing:border-box; -webkit-box-sizing:border-box; flex-basis:195px; -webkit-flex-basis:195px; max-width:195px; }
.staffArticle div:last-child { box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 0 0 40px; flex-basis:auto; -webkit-flex-basis:auto; max-width:570px; }

.staffInner h3 { margin:0 0 40px; }
.staffInner h4 { font-size:22px; color:#0067B7; font-weight:bold; margin:0 0 10px; }
.staffBg { position:absolute; left:0; top:50px; z-index:-1; }
.staffSk { width:210px; position:absolute; left:0; top:220px; z-index:-1; }
.staffSk li { display:flex; display:-webkit-flex; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 0 1px; }
.staffSk li:last-child { margin:0; }
#chibaTv .staffSk li p { margin:0; letter-spacing:-1px; padding:0; text-align:left; font-size:12px; }
.staffSk li span { font-size:12px; width:40px; text-align:right; padding:0 20px 0 0; color:#F6AB00; }
.staffSk h5 { color:#F6AB00; font-weight:bold; margin:0 0 10px; font-size:16px; letter-spacing:-1px; text-align:left; }

.staffunit { width:400px; }
.staffunit li { display:flex; display:-webkit-flex; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 0 2px; }
.staffunit li:last-child { margin:0; }
#chibaTv .staffunit li p { margin:0; letter-spacing:-1px; padding:0; text-align:left; font-size:15px; }
.staffunit li span { font-size:15px; width:40px; text-align:right; padding:0 20px 0 0; color:#F6AB00; }
.staffunit h5 { color:#F6AB00; font-weight:bold; margin:0 0 10px; font-size:22px; letter-spacing:-1px; text-align:left; }


.faceTalk { box-sizing:border-box; -webkit-box-sizing:border-box; padding:40px 0 0 0; background:transparent url(../img/sfback.jpg) left top no-repeat; background-size:100%; }
.faceTalk .newFace { width:1100px; box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 auto 0 auto; }
.newFace div { box-sizing:border-box; -webkit-box-sizing:border-box; }
.middleTitle { font-size:20px; text-align:center; margin:22px 0 0 ; }
.newFace div h6 { font-weight:bold; margin:0 0 14px; font-size:18px; padding:20px 0 0; }
.newFace div dl { display:flex; display:-webkit-flex; box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 0 15px; width:100%; }
.newFace div dl dt { width:60px; font-weight:bold; }
.newFace div dl dd { -webkit-flex-grow:1; flex-grow:1; width:500px; }

#chibaTv .skBlue h5 { color:#5AC3D7; }
#chibaTv .skBlue ul li span { color:#5AC3D7; }
#chibaTv .skPink h5 { color:#EC6D88; }
#chibaTv .skPink ul li span { color:#EC6D88; }

/*--------------------------------------------------
GRAPH
---------------------------------------------------*/
.basicTable { border-spacing:0; border-collapse:separate; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; border:solid #bbb; border-width:1px 0 0 1px; margin:0 0 20px; }
.basicTable th { background:#eee; border:solid #bbb; border-width:0 1px 1px 0; box-sizing:border-box; -webkit-box-sizing:border-box; padding:8px 13px; color:#000; font-weight:bold; text-align:left; width:20%; }
.basicTable td { border:solid #bbb; color:#000; border-width:0 1px 1px 0; box-sizing:border-box; -webkit-box-sizing:border-box; padding:8px 13px; }
.basicTable ul { padding:0 0 0 20px; }
.basicTable ul li { list-style:disc; }
.basicTable td table { border-width:0; width:100%; }
.basicTable td table td { border-width:0; padding:0; }
.basicTable td table th { border-width:0; background:none; font-weight:normal; padding:0; width:25%; }

.graphContent { overflow:hidden; margin:0 0 40px; }
.graphContent dl { margin:0 43px 0 0; -webkit-box-sizing:border-box; box-sizing:border-box; width:338px; float:left; background:#fff; cursor:pointer; }
.graphContent dl:last-child { margin:0; }
.graphContent dl dt { padding:14px 10px; cursor:pointer; background:#2d2d2d; -khtml-border-radius:0.2em; -webkit-border-radius:0.2em; -ms-border-radius:0.2em; border-radius:0.2em; transition: all 0.2s ease 0s; }
.graphContent dl dt span { background:transparent url(../img/icon_pw.png) right center no-repeat; display:block; color:#fff; font-size:17px; text-align:center; }
#chibaTv .graphContent dl dt span.active { background:transparent url(../img/icon_mw.png) right center no-repeat; }
#chibaTv .opengraph { background:#EC6D87; }
.op0 { opacity:0; }
#chibaTv .b0 { border-width:0; }

.graphContent dl:hover dt { background:#EC6D87; }
.graphContent dl dd { text-align:center; padding:38px 15px 15px 15px; display:none; background:#F4F1E7; }
.graphContent dl dd p { font-size:16px; line-height:160%; }
.graphContent dl dd p img { margin:0 0 40px; }
.graphContent dl dd p span { display:block; text-align:left; font-size:10px; color:#666; padding:8px 0 0; }
.graphContent .graphColumn { width:719px; }
.graphContent .graphColumn strong { color:#D4273A; font-size:18px; display:block; margin:0 0 10px; }
.graphContent .graphSc { width:100%; height:auto; }
.graphContent em { color:#E74572; }
.graphContent dl dt ul { display:table; table-layout:fixed; width:100%; }
.graphContent dl dt ul li { display:table-cell; text-align:center; border:solid #fff; border-width:0 1px 0 0; color:#fff; font-size:17px; padding:12px; vertical-align:middle; }
.graphContent dl dt ul li:last-child { border-width:0; }
.step { background:#fff; text-align:center; margin:0 0 70px; }
.qa section { width:800px; margin:0 auto 0 auto; }
.qa section div { border:solid #ddd; border-width:1px 1px 0 1px; padding:25px 30px; cursor:pointer; }
.qa section div:last-child { border-width:1px; }
.qa section div p { padding:4px 50px 4px 50px; }
.qa h3 { margin:0 0 40px; }
#chibaTv .qicon { background:transparent url(../img/icon_q.jpg) left top no-repeat; color:#0068B7; font-weight:bold; font-size:16px; margin:0; padding:4px 10px 4px 46px; }
.qicon span { color:#281e1d; font-weight:bold; background:transparent url(../img/icon_p.jpg) right center no-repeat; display:block; line-height:2; }
#chibaTv .active { background:transparent url(../img/icon_m.jpg) right center no-repeat; }
#chibaTv .aicon { background:transparent url(../img/icon_a.jpg) left top no-repeat; margin:20px 0 0; display:none; }
.qa { margin:0 0 100px; }

#chibaTv .heighter { min-height:310px; }
.navBottom { margin:0 0 30px; }


/*--------------------------------------------------
UNITS
---------------------------------------------------*/
.unitsTitle {  padding:140px 0; }
.unitsTitle span { font-size:40px; display:block; width:800px; margin:0 auto 0 auto; color:#fff; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
.unit1 { background:#F6AB00 url(../img/units1.jpg) left top no-repeat; }
.unit3 { background:#5AC3D7 url(../img/units3.jpg) right top no-repeat; }
.unit4 { background:#EC6D88 url(../img/units5.jpg) left top no-repeat; }
.unitContent { display:flex; display:-webkit-flex; background:#fafafa; }
.unitContent > div { width:33%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:40px 33px; -webkit-flex-grow:1; flex-grow:1; min-height:550px; }
.unitContent > div:nth-child(2) { background:#fff; }
.unitContent > figure { width:33%; -webkit-flex-grow:1; flex-grow:1; }
#chibaTv .hensei h4 { font-size:28px; color:#F6AB00; margin:0 0 20px; }
#chibaTv .eigyo h4 { font-size:28px; color:#5AC3D7; margin:0 0 20px; }
#chibaTv .soumu h4 { font-size:28px; color:#EC6D88; margin:0 0 20px; }
#chibaTv .eigyo .staffunit h5 { color:#5AC3D7; }
#chibaTv .eigyo .staffunit li span { color:#5AC3D7; }
#chibaTv .soumu .staffunit h5 { color:#EC6D88; }
#chibaTv .soumu .staffunit li span { color:#EC6D88; }

.unitContent h4 { font-size:28px; color:#2d2d2d; margin:0 0 20px; }
.unitContent section { min-height:170px; }
.unitContent figcaption { display:none; }

.uniIcon { display:inline-block; line-height:0; vertical-align:middle; margin:0 0 0 10px; border:solid #ddd; border-width:1px; }
.unit1 span { opacity:0;
animation-name: 'transup' ;
animation-duration: 1s;
animation-delay: 0.1s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-fill-mode:forwards;

-webkit-animation-name:transup;
-webkit-animation-duration: 1s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: ease;
-webkit-animation-iteration-count: 1;
-webkit-animation-fill-mode:forwards;

-moz-animation-name:transup;
-moz-animation-duration: 1s;
-moz-animation-delay: 0.1s;
-moz-animation-timing-function: ease;
-moz-animation-iteration-count: 1;
-moz-animation-fill-mode:forwards;

-o-animation-name:transup;
-o-animation-duration: 1s;
-o-animation-delay: 0.1s;
-o-animation-timing-function: ease;
-o-animation-iteration-count: 1;
-o-animation-fill-mode:forwards;

-ms-animation-name:transup;
-ms-animation-duration: 1s;
-ms-animation-delay:0.1s;
-ms-animation-timing-function: ease;
-ms-animation-iteration-count: 1;
-ms-animation-fill-mode:forwards;
}


/*--------------------------------------------------
PROPERTY
---------------------------------------------------*/
#chibaTv .tr { text-align:right; }
#chibaTv .tc { text-align:center; }
#chibaTv .tl { text-align:left; }
#chibaTv .mr { margin:0 10px 0 0; }
#chibaTv .br { background:#D60E41; border-color:#BA0C37; }
#chibaTv .br:hover { background:#BA0C37; }
#chibaTv .sfont { font-size:13px; }
#chibaTv .w100 img { width:100%; max-width:842px; }

.ab { position:absolute; right:0; top:-2px; }
.fl { float:left; }
.fr { float:right; }
.pr { position:relative; }
.bgw { background:#fafafa; }
.fixed { position:fixed; top:0; width:100%; z-index:999; border:solid #ddd; border-width:0 0 1px; }
.fixed #nav { border-width:0; }
.current a { background:#fafafa; color:#C82D39; }

.mb60 { margin:0 0 60px; }
#chibaTv .p0 { padding:0; }
#chibaTv .m0 { margin:0; }
#chibaTv .m60 { margin:0 0 60px; }
#chibaTv .mb10 { margin:0 0 10px; }
#chibaTv .mb20 { margin:0 0 20px; }
#chibaTv .mb30 { margin:0 0 30px; }
#chibaTv .mb40 { margin:0 0 40px; }
#chibaTv .mb50 { margin:0 0 50px; }
#chibaTv .mb150 { margin:0 0 150px; }
#chibaTv .pb0 { padding:60px 0 0; }



.pageTitle div em {
animation-name: 'transdown' ;
animation-duration: 1s;
animation-delay: 0.1s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-fill-mode:forwards;

-webkit-animation-name:transdown;
-webkit-animation-duration: 1s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: ease;
-webkit-animation-iteration-count: 1;
-webkit-animation-fill-mode:forwards;

-moz-animation-name:transdown;
-moz-animation-duration: 1s;
-moz-animation-delay: 0.1s;
-moz-animation-timing-function: ease;
-moz-animation-iteration-count: 1;
-moz-animation-fill-mode:forwards;

-o-animation-name:transdown;
-o-animation-duration: 1s;
-o-animation-delay: 0.1s;
-o-animation-timing-function: ease;
-o-animation-iteration-count: 1;
-o-animation-fill-mode:forwards;

-ms-animation-name:transdown;
-ms-animation-duration: 1s;
-ms-animation-delay:0.1s;
-ms-animation-timing-function: ease;
-ms-animation-iteration-count: 1;
-ms-animation-fill-mode:forwards;
}

.pageTitle div span {
animation-name: 'transup' ;
animation-duration: 1s;
animation-delay: 0.1s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-fill-mode:forwards;

-webkit-animation-name:transup;
-webkit-animation-duration: 1s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: ease;
-webkit-animation-iteration-count: 1;
-webkit-animation-fill-mode:forwards;

-moz-animation-name:transup;
-moz-animation-duration: 1s;
-moz-animation-delay: 0.1s;
-moz-animation-timing-function: ease;
-moz-animation-iteration-count: 1;
-moz-animation-fill-mode:forwards;

-o-animation-name:transup;
-o-animation-duration: 1s;
-o-animation-delay: 0.1s;
-o-animation-timing-function: ease;
-o-animation-iteration-count: 1;
-o-animation-fill-mode:forwards;

-ms-animation-name:transup;
-ms-animation-duration: 1s;
-ms-animation-delay:0.1s;
-ms-animation-timing-function: ease;
-ms-animation-iteration-count: 1;
-ms-animation-fill-mode:forwards;
}


/*--------------------------------------------------
ANIMATION
---------------------------------------------------*/
@keyframes transdown{
  0% { opacity:0; transform:translate(-10px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-moz-keyframes transdown{
  0% { opacity:0; transform:translate(-10px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-webkit-keyframes transdown {
  0% { opacity:0; transform:translate(-10px,0);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-o-keyframes transdown {
  0% { opacity:0; transform:translate(-10px,0);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-ms-keyframes transdown {
  0% { opacity:0; transform:translate(-10px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}

@keyframes transup{
  0% { opacity:0; transform:translate(10px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-moz-keyframes transup{
  0% { opacity:0; transform:translate(10px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-webkit-keyframes transup {
  0% { opacity:0; transform:translate(10px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-o-keyframes transup {
  0% { opacity:0; transform:translate(10px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-ms-keyframes transup {
  0% { opacity:0; transform:translate(10px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}

.invisible {
transition:opacity 1.5s ease;
opacity:0.0;
}

.visible {
transition:opacity 1.5s ease;
opacity:1.0;
}


/******************/
/******************/
/* Animations *****/

.fromTopIn {
transition:transform 1.0s ease, opacity 1.0s ease;
transform:translate(0,0);
opacity:1.0;
}

.fromTopOut {
transition:transform 1.0s ease, opacity 1.0s ease;
transform:translate(0,-10px);
opacity:0.0;
}

.fromBottomIn {
transition:transform 0.4s ease, opacity 0.5s ease;
transform:translate(0,0);
opacity:1.0;
}

.fromBottomOut {
transition:transform 0.4s ease, opacity 0.5s ease;
transform:translate(0,10px);
opacity:0.0;
}

.fromBottomIn2 {
transition:transform 0.8s ease, opacity 0.8s ease;
transform:translate(0,0);
opacity:1.0;
}

.fromBottomOut2 {
transition:transform 0.8s ease, opacity 0.8s ease;
transform:translate(0,10px);
opacity:0.0;
}

.fromBottomIn3 {
transition:transform 0.8s ease, opacity 1.0s ease;
transform:translate(0,0);
opacity:1.0;
}

.fromBottomOut3 {
transition:transform 0.8s ease, opacity 1.0s ease;
transform:translate(0,10px);
opacity:0.0;
}



.fromLeftIn {
transition:transform 0.5s ease, opacity 0.5s ease;
transform:translate(0,0);
opacity:1.0;
}

.fromLeftOut {
transition:transform 0.5s ease, opacity 0.5s ease;
transform:translate(-10px,0);
opacity:0.0;
}

.fromRightIn {
transition:transform 0.5s ease, opacity 0.5s ease;
transform:translate(0,0);
opacity:1.0;
}

.fromRightOut {
transition:transform 0.5s ease, opacity 0.5s ease;
transform:translate(10px, 0);
opacity:0.0;
}

.scaleUpIn {
transition:transform 1.0s ease, opacity 1.0s ease;
transform:scale(1.0,1.0);
opacity:1.0;
}

.scaleUpOut {
transition:transform 1.0s ease, opacity 1.0s ease;
transform:scale(1.3,1.3);
opacity:0.0;
}

.scaleDownIn {
transition:transform 1.0s ease, opacity 1.0s ease;
transform:scale(1.0,1.0);
opacity:1.0;
}

.scaleDownOut {
transition:transform 1.0s ease, opacity 1.0s ease;
transform:scale(0.7,0.7);
opacity:0.0;
}

/*--------------------------------------------------
SLIDER
---------------------------------------------------*/
.kvWrap { height:100%; min-height:600px;position:relative; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; background-size:cover; padding:20px; 
background: #fff100;
background: -moz-linear-gradient(-45deg,  #fff100 0%, #fff100 32%, #fff100 32%, #58c3e0 32%, #58c3e0 70%, #ea618e 70%, #ea618e 100%);
background: -webkit-linear-gradient(-45deg,  #fff100 0%,#fff100 32%,#fff100 32%,#58c3e0 32%,#58c3e0 70%,#ea618e 70%,#ea618e 100%);
background: linear-gradient(135deg,  #fff100 0%,#fff100 32%,#fff100 32%,#58c3e0 32%,#58c3e0 70%,#ea618e 70%,#ea618e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff100', endColorstr='#ea618e',GradientType=1 );
 }

.visualList { flex-basis:auto; -webtkit-flex-basis:auto; height:100%; width:65%; display:flex; display:-webkit-flex; box-sizing:border-box; -webkit-box-sizing:border-box; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.visualList li {  width:calc(100% / 2.001); width: -moz-calc(100% / 2); width: -webkit-calc(100% / 2); width: -ms-calc(100% / 2.001); height:50%; background-size:cover; background-position:top center; }
.visualList li span { display:none; }
.visualList li:nth-child(1) { background-image:url(../img/kv1.jpg); }
.visualList li:nth-child(2) { background-image:url(../img/kv2.jpg); }
.visualList li:nth-child(3) { background-image:url(../img/kv3.jpg); }
.visualList li:nth-child(4) { background-image:url(../img/kv4.jpg); }
.visualList li:nth-child(5) { background-image:url(../img/kv5.jpg); }
.visualList li:nth-child(6) { background-image:url(../img/kv6.jpg); }

.kvcopy { position:absolute; table-layout: fixed; right:0; top:0; height:100%; display:table; z-index:999; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; opacity:0;
animation-name: 'transdown' ;
animation-duration: 0.5s;
animation-delay: 0.1s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-fill-mode:forwards;

-webkit-animation-name:transdown;
-webkit-animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: ease;
-webkit-animation-iteration-count: 1;
-webkit-animation-fill-mode:forwards;

-moz-animation-name:transdown;
-moz-animation-duration: 0.5s;
-moz-animation-delay: 0.1s;
-moz-animation-timing-function: ease;
-moz-animation-iteration-count: 1;
-moz-animation-fill-mode:forwards;

-o-animation-name:transdown;
-o-animation-duration: 0.5s;
-o-animation-delay: 0.1s;
-o-animation-timing-function: ease;
-o-animation-iteration-count: 1;
-o-animation-fill-mode:forwards;

-ms-animation-name:transdown;
-ms-animation-duration: 0.5s;
-ms-animation-delay:0.1s;
-ms-animation-timing-function: ease;
-ms-animation-iteration-count: 1;
-ms-animation-fill-mode:forwards;
}
.kvcopy p { display:table-cell; height:100%; vertical-align:middle; width:100%; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; }
.kvcopy p em { display:inline-block; background:rgba(212,39,58,0.8); padding:15px 40px; }

.container {width: 100%; height:100%; position:relative; z-index:10; }
.slide_all {width:100%; height:100%; margin:0;  position: relative; box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden; }
.slide_wrap {width:100%; height:100%; background:#383838; }
.slide_body {width: 100%; height:100%; }
.slide {width:100%; height:100%; display:flex; display:-webkit-flex; box-sizing:border-box; -webkit-box-sizing:border-box; }
.slide p { width:35%; flex-basis:35%; -webtkit-flex-basis:35%; background:transparent url(../img/kvs.jpg) left top no-repeat; background-size:cover; background-position:left center; }
.slide p span { display:none; }
#chibaTv .bx-viewport { height:100% !important; overflow:initial !important; }
#chibaTv .bx-wrapper { height:100%; }

#chibaTv .bxslider, bxslider * {
 transition:initial;
}


@-webkit-keyframes bg-color {
  0% { background-color: #EC6D88; }
  20% { background-color: #F6AB00; }
  40% { background-color: #EBC801; }
  60% { background-color: #C6CA1C; }
  80% { background-color: #22B7B3; }
  100% { background-color: #EC6D88; }
}
@keyframes bg-color {
  0% { background-color: #EC6D88; }
  20% { background-color: #F6AB00; }
  40% { background-color: #EBC801; }
  60% { background-color: #C6CA1C; }
  80% { background-color: #22B7B3; }
  100% { background-color: #EC6D88; }
}

/*--------------------------------------------------
SP
---------------------------------------------------*/
.spMenu { display:none; }
.disPC { display:block; }
.disSP { display:none; }