@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Oswald:wght@700&family=Teko:wght@600&display=swap');
/* ---------------------------------------------
	スタイルリセット
--------------------------------------------- */
html, body, div,h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, li, dl, dt, dd, img, iframe, address {
    margin: 0; padding: 0; border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
ul, ol {list-style: none;}
img {border: none; vertical-align:bottom; }

html, body {height:100%; color:#000000;}
body { overflow-x: hidden; }
h1, h2, h3, h4, h5, h6, p, dt, dd, li{
	background:  url("../img/spacer.gif") repeat 0px 0px;
	max-height: 100%;
}
body{ -webkit-text-size-adjust:100% !important;}
/* ---------------------------------------------
	タイポグラフィー
--------------------------------------------- */
@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    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;
    font-display: swap;
    src: url("../font/YakuHanJP-Bold.woff2") format("woff2"), url("../font/YakuHanJP-Bold.woff") format("woff")
}
body {
    color: #000;
	font-family: "YakuHanJP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Sans", "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, "Lucida Grande", "Arial", "Avenir Next", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 16px;
    line-height: normal;
}

h1, h2, h3, h4, h5, h6 {font-size: 100%;}
@media screen and (max-width: 550px) {
    body { font-size: 3.8vw;}
}
/* ---------------------------------------------
	汎用クラス
--------------------------------------------- */
.clearfix:after,
.clearfix:before{
	content: "";
	display: block;
	clear: both;
}
.clearfix {display: block;}

.bold {font-weight:bold;}
.normal { font-weight: normal;}
.center{text-align:center;}

.narrow01{ letter-spacing: -0.1em;}
.narrow003{ letter-spacing: -0.03em;}
.narrow005{ letter-spacing: -0.05em;}

.clears{ clear:both;}
.fLeft{float: left;}
.fRight{float: right;}

.d_flex{ display: flex; flex-wrap: wrap;}
.d_flex > *{ flex-shrink: 0;}
.justify-c_space-between{ justify-content: space-between;}

.cx_smartphoneview .displaypc{ display: none;}
.displaysp{ display: none;}
.cx_smartphoneview .displaysp{ display: block;}
.of_hidden{ overflow: hidden;}

a:link { color:#333; text-decoration:none; font-weight:normal;}
a:visited { color:#333; text-decoration:none;}
a:hover { color:#333; text-decoration:none;}
a:active { color:#333; text-decoration:none;}

.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mt70{margin-top: 70px;}

.w50_pc{ width: 49%;}
.w50_pc:nth-of-type(2n+1){ margin-right: 2%;}

.w56_pc{ width: 56%;}
.w42_pc{ width: 42%;}
.w56_pc:nth-of-type(2n+1){ margin-right: 2%;}
@media screen and (max-width: 880px) {
    .w50_pc,
    .w56_pc,
    .w42_pc{ width: 100%;}
}

.displaysp{ display: none;}
@media screen and (max-width: 880px) {
    .displaypc{ display: none;}
    .displaysp{ display: block;}
    
}

.bg_announce{ background-color: #f07878;}
.bg_drama{ background-color: #ffa760;}
.bg_variety{ background-color: #c2e262;}
.bg_news{ background-color: #8ddd74;}
.bg_sports{ background-color: #6ae1c4;}
.bg_digital{ background-color: #7cc7ee;}
.bg_technique{ background-color: #8f8ae8;}
.bg_design{ background-color: #e78bdd;}

/* -------------- -------------- */
.opacityzoom_in{
    opacity: 0.0;
    overflow: hidden;
    border-radius: 50%;
    -ms-transform: scale(0.2) translate3d(0, 0, 0);
    -webkit-transform: scale(0.2) translate3d(0, 0px, 0);
    -moz-transform: scale(0.2) translate3d(0, 0px, 0);
    -webkit-transition: opacity 0.2s, border-radius 0.3s, -webkit-transform 0.2s ease-out;
    -ms-transition: opacity 0.2s, border-radius 0.3s, -ms-transform 0.2s ease-out;
    transition: opacity 0.2s, border-radius 0.3s, transform 0.2s ease-out;
}
.opacityzoom_fix{
    opacity: 1.0;
    border-radius: 0;
    -ms-transform: scale(1.0) translate3d(0, 0, 0);
    -webkit-transform: scale(1.0) translate3d(0, 0, 0);
    -moz-transform: scale(1.0) translate3d(0, 0, 0);
    -ms-transition: opacity 0.2s, border-radius 0.3s, -ms-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-transition: opacity 0.2s, border-radius 0.3s, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: opacity 0.2s, border-radius 0.3s, transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.opacityzoom_in02{
    opacity: 1.0;
    -ms-transform: scale(0.01,1.0) translate3d(0, 0, 0);
    -webkit-transform: scale(0.01,1.0) translate3d(0, 0px, 0);
    -moz-transform: scale(0.01,1.0) translate3d(0, 0px, 0);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s ease-out;
    -ms-transition: opacity 0.2s, -ms-transform 0.2s ease-out;
    transition: opacity 0.2s, transform 0.2s ease-out;
}
.opacityzoom_fix02{
    opacity: 1.0;
    -ms-transform: scale(1.0,1.0) translate3d(0, 0, 0);
    -webkit-transform: scale(1.0,1.0) translate3d(0, 0, 0);
    -moz-transform: scale(1.0,1.0) translate3d(0, 0, 0);
    -ms-transition: opacity 0.2s, -ms-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: opacity 0.2s, transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.move_in01{
    opacity: 0.0;
    -ms-transform: translate3d(1500px, 0, 0);
    -webkit-transform: translate3d(1500px, 0, 0);
    -moz-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s ease-out;
    -ms-transition: opacity 0.2s, -ms-transform 0.2s ease-out;
    transition: opacity 0.2s, transform 0.2s ease-out;
}
.move_fix01{
    opacity: 1.0;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transition: opacity 0.4s, -ms-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
    transition: opacity 0.4s, transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
}
.move_in02{
    opacity: 0.0;
    -ms-transform: translate3d(-1000px, 0, 0) skew(0,0);
    -webkit-transform: translate3d(-1000px, 0, 0) skew(0,0);
    -moz-transform: translate3d(-1000px, 0, 0) skew(0,0);
    transform: translate3d(-1000px, 0, 0) skew(0,0);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s ease-out;
    -ms-transition: opacity 0.2s, -ms-transform 0.2s ease-out;
    transition: opacity 0.2s, transform 0.2s ease-out;
}
.move_fix02{
    opacity: 1.0;
    -ms-transform: translate3d(0, 0, 0) skew(-10deg,0);
    -webkit-transform: translate3d(0, 0, 0) skew(-10deg,0);
    -moz-transform: translate3d(0, 0, 0) skew(-10deg,0);
    transform: translate3d(0, 0, 0) skew(-10deg,0);
    -ms-transition: opacity 0.4s, -ms-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
    transition: opacity 0.4s, transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
}
.move_in03{
    opacity: 0.0;
    -ms-transform: translate3d(30px, 20px, 0) skew(0,0);
    -webkit-transform: translate3d(30px, 20px, 0) skew(0,0);
    -moz-transform: translate3d(30px, 20px, 0) skew(0,0);
    transform: translate3d(30px, 20px, 0) skew(0,0);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s ease-out;
    -ms-transition: opacity 0.2s, -ms-transform 0.2s ease-out;
    transition: opacity 0.2s, transform 0.2s ease-out;
}

.move_in04{
    opacity: 0.0;
    -ms-transform: translate3d(0, -80px, 0);
    -webkit-transform: translate3d(0, -80px, 0);
    -moz-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s ease-out;
    -ms-transition: opacity 0.2s, -ms-transform 0.2s ease-out;
    transition: opacity 0.2s, transform 0.2s ease-out;
}
.move_fix04{
    opacity: 1.0;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transition: opacity 0.6s, -ms-transform 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-transition: opacity 0.6s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: opacity 0.6s, transform 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

/* --------------共通レイアウト-------------- */
#gbheader,
#cx_ui_header,
#cx_gbHeaderSp{ display: none !important;}
#fp-wrap{
    background-color: #fff;
    /*border-top: solid 1px #ccc;*/
    border-bottom: solid 1px #ccc;
    min-width: auto !important;
    overflow: hidden;
}
#cx_gbfooter{
    z-index: 3000 !important;
    background: #fff !important;
    position: relative !important;
}
.cx_smartphoneview #cx_gbfooter p.text,
.cx_smartphoneview #cx_gbfooter p.copy{ font-size: 75%;}
#contentsAllWrap{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
    position: relative;
}
#contentsMainWrap{
    padding-top: 80px;
}
@media screen and (max-width: 1000px){
    #contentsMainWrap{ padding-top: 64px;}
}
@media screen and (max-width: 450px){
    #contentsMainWrap{ padding-top: 54px;}
}

/*------------------ヘッダー------------------*/
#hdrWrap{
    width: 100%;
    background-color: #fff;
    padding: 8px 14px 6px 10px;
    position: relative;
    z-index: 99999;
    border-bottom: solid 2px #aaa;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    position: fixed;
}
/*#hdrWrap h1{ float: left;}*/

/* #hdrWrap #nav > li > a, */
.nav__item-sns a,
#hdrWrap #tw_sp a,
#hdrWrap #insta_sp a{
    display: block;
    background-image: url("../img/parts_common.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 171px;
    overflow: hidden;
    text-indent: -500%;
    white-space: nowrap;
}
#hdrWrap h1{ margin-left: 0.5em;}
#hdrWrap h1 a{
    display: block;
    /* background: url("../img/logo.png") no-repeat 0 0; */
    background: url("../img/logo.svg") no-repeat 0 center;
    /* width: 154px; */
    width: 146px;
    height: 64px;
    overflow: hidden;
    text-indent: -500%;
    white-space: nowrap;
    background-size: contain;
}
#hdrWrap #nav{
    display: flex;
    align-items: center;
}
#hdrWrap #nav.spView{ display: block;}
.nav__item{
    position: relative;
    margin: 0 30px 0 0;
}
#nav_twitter{ margin-right: 6px; margin-left: 6px;}
#nav_insta{ margin: 0 6px 0 0;}
#nav_line{ margin: 0 12px 0 0;}
.nav__item__label,
a.nav__item__label{
    font-weight: bold;
    color: #0065b5;
    /* color: #00a0e9; */
    position: relative;
    z-index: 1500;
    font-feature-settings: "palt";
}
.nav__item__label.now::after,
.nav__item__label.new::after,
.nav__item__label.now2::after{
    content: "募集中";
    width: 4em;
    font-size: 74%;
    font-weight: 500;
    line-height: 1.2;
    background-color: #ea297b;
    color: #fff;
    position: absolute;
    bottom: -1.4em;
    left: 0; right: 0;
    margin: 0 auto;
    display: inline-block;
    border-radius: 0.3em;
    padding: 0.2em 0.4em;
    text-align: center;
}
.nav__item__label.new::after{ content: "NEW";}
/* #hdrWrap #nav > li::after{
    line-height: 1.2;
    position: absolute;
    bottom: 0.2em;
    left: 0; right: 0;
    margin: 0 auto;
    font-size: 68%;
    color: #666;
    width: 100%;
    text-align: center;
} */
/* #hdrWrap #nav > li#nav_intern::after{
    content: "クリエイターズスクール(旧インターンシップ)";
    bottom: -0.8em;
    width: 11em;
} */
/* #hdrWrap #nav > li#nav_recruit::after{ content: "採用";}
#hdrWrap #nav > li#nav_newGraduate::after{ content: "新卒採用";}
#hdrWrap #nav > li#nav_midCareer::after{ content: "キャリア採用";}
#hdrWrap #nav > li#nav_works::after{ content: "仕事紹介";}
#hdrWrap #nav > li#nav_special::after{ content: "コンテンツ";}
#hdrWrap #nav > li#nav_special::after{ content: "社員インタビュー";}
#hdrWrap #nav > li#nav_movie::after{ content: "セミナー動画";}
#hdrWrap #nav > li#nav_data::after{ content: "新入社員アンケート";}
#hdrWrap #nav > li#nav_company::after{ content: "会社情報";}
#hdrWrap #nav > li#nav_qa::after{ content: "よくあるご質問";} */
/* #hdrWrap #nav > li.nav_mypage.displaypc{ margin: 0;} */

#nav_twitter > a{
    background-position: 0 -400px;
    width: 42px;
    height: 42px;
    /* background-color: #1da1f2; */
    background-color: #000;
    border-radius: 50%;
}
#nav_insta > a{
    background-position: 0 -665px;
    width: 42px;
    height: 42px;
    background-color: #c82f9d;
    border-radius: 50%;
}
#nav_line > a{
    background-image: url("../img/icn_line.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 68%;
    width: 42px;
    height: 42px;
    background-color: #00b900;
    border-radius: 50%;
}
#nav_twitter > a:hover{ background-color: #353535;}
#nav_insta > a:hover{ background-color: #ea32b6;}
#nav_line > a:hover{ background-color: #02d302;}


/* #hdrWrap #nav > li.nav_mypage > a{
    background-position: center -325px;
    width: 120px;
    height: 44px;
    background-color: #0065b4;
} */

.nav__item__sub{
    position: absolute;
    top: 51px;
    left: 0; right: 0;
    display: none;
    z-index: 1000;
    background-color: #fff;
    padding: 2em 1.5em;
    border: solid 5px #ffde48;
}
#nav_newGraduate .nav__item__sub{ width: 40em; margin-left: -18em;}
#nav_midCareer .nav__item__sub{ width: 16em; margin-left: -6em;}
#nav_special .nav__item__sub{ width: 10em; margin-left: -2em;}
#nav_company .nav__item__sub{ width: 6em; margin-left: -2em;}
#nav_data .nav__item__sub{ width: 18em; margin-left: -6em;}

.nav__item__sub__list,
.nav__item__sub > p{
    font-size: 88%;
    line-height: 1.4;
    color: #333;
    margin-bottom: 2.2em;
}
.nav__item__sub__list.mb1em{ margin-bottom: 1em;}
.nav__item__sub__list.border-bottom{
    border-bottom: solid 1px #ccc;
    padding-bottom: 2em;
}
.nav__item__sub__list.w56_pc > dl{ margin-bottom: 2.2em;}
.nav__item__sub__list.w56_pc > dl:nth-last-of-type(1){ margin-bottom: 0;}
.nav__item__sub__list__ttl,
.nav__item__sub__list dd{
    /*margin-bottom: 18px;*/
    margin-bottom: 1em;
}
.nav__item__sub__list dd{ color: #666;}
.nav__item__sub__list dd:nth-last-of-type(1){ margin-bottom: 0;}
.nav__item__sub__list__ttl{ font-weight: 700; color: #0065b5;}

.nav__item__sub__list:nth-last-of-type(1),
.nav__item__sub > p:nth-last-of-type(1){ margin-bottom: 0;}
.nav__item__sub__list a{
    display: inline-block;
    margin-left: 20px;
    position: relative;
}

.nav__item__sub__list a::before{
    content: "";
    display: block;
    float: left;
    width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 0 7px 9px;
	border-color: transparent transparent transparent #ffc279;
    margin: 1px 5px 0.3em -20px;
}
.nav__item__sub__list a.ex::before{
    content: "";
    display: block;
    float: left;
    background: url("../img/icn_exLink.svg") no-repeat 0 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin: 0 5px 0 -20px;
    border: none;
}

.recruit_pcview .nav__item__sub__list a::after,
.recruit_pcview #hdrWrap .direct::before{
  background: #ffde48;
  content: '';
  width: 100%;
  height: 0.3em;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 300ms;
}
.recruit_pcview .nav__item__sub__list a:hover::after,
.recruit_pcview #hdrWrap .direct:hover::before{
  transform-origin: left top;
  transform: scale(1, 1);
}
.nav__item__sub__list .comingsoon a:hover::after{ transform: scale(0, 1);}

.nav__item__sub__list .comingsoon{ opacity: 0.4;}
.nav__item__sub__list .now{
    display: inline-block;
    background-color: #ea297b;
    color: #fff;
    line-height: 1.0;
    padding: 0.3em 0.5em;
    margin-left: 0.5em;
    vertical-align: middle;
    margin-top: -0.2em;
    position: relative;
    border-radius: 0.3em;
    z-index: 555;
}
.nav__item__sub__list .now::after{
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0.3em 0.6em 0.3em 0;
    border-color: transparent #ea297b transparent transparent;
    top: 50%;
    left: -0.5em;
    margin: -0.3em 0 0;
}

/*---------クリエイターズスクール アイコン---------*/
#nav_newGraduate_intern a{
    display: flex;
    align-items: center;
    margin-left: 0;
}
#nav_newGraduate_intern a::before{
    content: "";
    display: block;
    background-image: url("../internship/img/icn_internship.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 25px;
    height: 25px;
    background-size: 25px;
    border-radius: 50%;
    margin: 0 6px 0 0;
    position: relative;
    z-index: 555;
    border: none;
}
#nav_newGraduate_intern .announce a::before{ background-color: #e66d6d;}
#nav_newGraduate_intern .drama a::before{
    background-color: #ef9b57;
    background-position: 0 -25px;
}
#nav_newGraduate_intern .variety a::before{
    background-color: #b4d25a;
    background-position: 0 -50px;
}
#nav_newGraduate_intern .news a::before{
    background-color: #82cf6a;
    background-position: 0 -75px;
}
#nav_newGraduate_intern .sports a::before{
    background-color: #61d0b5;
    background-position: 0 -100px;
}
#nav_newGraduate_intern .digital a::before{
    background-color: #73bce2;
    background-position: 0 -125px;
}
#nav_newGraduate_intern .technique a::before{
    background-color: #8580d9;
    background-position: 0 -150px;
}
#nav_newGraduate_intern .design a::before{
    background-color: #d980d0;
    background-position: 0 -175px;
}
#nav_newGraduate_intern .sales a::before{
    background-color: #d980d0;
    background-position: 0 -200px;
}

/*---------MY PAGE---------*/
.nav__item__sub__mypage{
    border-top: solid 1px #ccc;
    margin-top: 2em;
    padding-top: 1.5em;
}
.nav__item__sub__mypage .nav__item__sub__list dl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.nav__item__sub__mypage .nav__item__sub__list__ttl{ width: 100%;}
.nav__item__sub__mypage .nav__item__sub__list dd{
    width: 48%;
    margin-bottom: 0;
}
.nav__item__sub__mypage .nav__item__sub__list a{
    display: block;
    width: 100%;
    margin-left: 0;
    border: solid 0.3em #ff7f18;
    text-align: center;
    padding: 0.8em 0;
    box-sizing: border-box;
}
.nav__item__sub__mypage .nav__item__sub__list a.login{
    background-color: #fff; color: #ff7f18;
}
.nav__item__sub__mypage .nav__item__sub__list a.register{
    background-color: #ff7f18; color: #fff;
}
.recruit_pcview .nav__item__sub__mypage .nav__item__sub__list a:hover{ border: solid 0.3em #ff9418;}
.recruit_pcview .nav__item__sub__mypage .nav__item__sub__list a.login:hover{ background-color: #fffbf2;}
.recruit_pcview .nav__item__sub__mypage .nav__item__sub__list a.register:hover{ background-color: #ff9418;}

.nav__item__sub__mypage .nav__item__sub__list a::before,
.nav__item__sub__mypage .nav__item__sub__list a::after{ display: none;}



#hdrWrap #btn_spWrap{
    display: flex;
    align-items: center;
}
#hdrWrap #tw_sp,
#hdrWrap #insta_sp,
#hdrWrap #line_sp{
    /*position: absolute;
    top: 8px;
    right: 160px;*/
    display: none;
    margin: 0 0.5em 0 0;
}
/*#hdrWrap #insta_sp{
    top: 8px;
    right: 90px;
}*/
#hdrWrap #tw_sp a,
#hdrWrap #insta_sp a{
    width: 42px;
    height: 42px;
    /*background-size: 171px;*/
    background-position: 0px -400px;
    /* background-color: #1da1f2; */
    background-color: #000;
    border-radius: 50%;
    text-indent: -500%;
    white-space: nowrap;
    overflow: hidden;
}
#hdrWrap #line_sp a{
    width: 42px;
    height: 42px;
    display: block;
    background-image: url("../img/icn_line.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 68%;
    background-color: #00b900;
    border-radius: 50%;
    text-indent: -500%;
    white-space: nowrap;
    overflow: hidden;
}
#hdrWrap #insta_sp a{
    background-color: #c82f9d;
    background-position: 0px -665px;
}
#hdrWrap #tw_sp a:hover{
    /* background-color: #0491e8; */
    background-color: #353535;
}
#hdrWrap #insta_sp a:hover{ background-color: #ea32b6;}
#hdrWrap #line_sp a:hover{ background-color: #02d302;}
@media screen and (max-width: 450px) {
    #hdrWrap #tw_sp a,
    #hdrWrap #insta_sp a{
        width: 38px;
        height: 38px;
        background-size: 162px;
        background-position: 0px -380px;
    }
    #hdrWrap #line_sp a{
        width: 38px;
        height: 38px;
    }
    #hdrWrap #insta_sp a{ background-position: 0px -631px;}
}

#hdrWrap #navBtn_sp{
    position: relative;
    border-left: solid 2px #aaa;
    width: 60px;
    height: 60px;
    /*float: right;*/
    cursor: pointer;
    display: none;
}
#hdrWrap #navBtn_sp span{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 32px;
    height: 4px;
    background-color: #555;
    border-radius: 2px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    transition: all 200ms ease-out;
}
#hdrWrap #navBtn_sp span:nth-of-type(1){ top: 19px;}
#hdrWrap #navBtn_sp span:nth-of-type(2){ top: 29px;}
#hdrWrap #navBtn_sp span:nth-of-type(3){ top: 39px;}
#hdrWrap #navBtn_sp.on span:nth-of-type(1){
    transform: rotate(45deg) translate3d(4px, -2px, 0);
    -webkit-transform: rotate(45deg) translate3d(4px, -2px, 0);
	-moz-transform: rotate(45deg) translate3d(4px, -2px, 0);
	-ms-transform: rotate(45deg) translate3d(4px, -2px, 0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition: all 200ms ease-out;
}
#hdrWrap #navBtn_sp.on span:nth-of-type(3){
    transform: rotate(-45deg) translate3d(1px, 4px, 0);
    -webkit-transform: rotate(-45deg) translate3d(1px, 4px, 0);
	-moz-transform: rotate(-45deg) translate3d(1px, 4px, 0);
	-ms-transform: rotate(-45deg) translate3d(1px, 4px, 0);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    transition: all 200ms ease-out;
}
#hdrWrap #navBtn_sp.on span:nth-of-type(2){
    opacity: 0.0;
}
@media screen and (max-width: 450px) {
    #hdrWrap #navBtn_sp{
        width: 48px;
        height: 48px;
    }
    #hdrWrap #navBtn_sp span{ width: 28px;}
    #hdrWrap #navBtn_sp span:nth-of-type(1){ top: 13px;}
    #hdrWrap #navBtn_sp span:nth-of-type(2){ top: 23px;}
    #hdrWrap #navBtn_sp span:nth-of-type(3){ top: 33px;}
    #hdrWrap #navBtn_sp.on span:nth-of-type(1){
        transform: rotate(45deg) translate3d(6px, -2px, 0);
        -webkit-transform: rotate(45deg) translate3d(6px, -2px, 0);
        -moz-transform: rotate(45deg) translate3d(6px, -2px, 0);
        -ms-transform: rotate(45deg) translate3d(6px, -2px, 0);
    }
    #hdrWrap #navBtn_sp.on span:nth-of-type(3){
        transform: rotate(-45deg) translate3d(4px, 5px, 0);
        -webkit-transform: rotate(-45deg) translate3d(4px, 5px, 0);
        -moz-transform: rotate(-45deg) translate3d(4px, 5px, 0);
        -ms-transform: rotate(-45deg) translate3d(4px, 5px, 0);
    }
}

@media screen and (max-width: 1000px) {
    #fp-wrap header{ height: 76px;}
    #hdrWrap{
        padding: 0;
        width: 100%;
        position: fixed;
    }
    #hdrWrap h1{ padding: 5px 0 5px;}
    #hdrWrap h1 a{
        /* width: 168px; */
        width: 138px;
        height: 52px;
        /*background-size: 205px;*/
    }
    #hdrWrap #navBg_sp{
        display: none;
        position: fixed;
        background-color: rgba(255,255,255,1.0);
        width: 100%;
        height: 100vh;
        height: calc(100vh - 62px);
        z-index: 12000;
        top: 62px;
        border-top: solid 2px #aaa;
        padding: 3%;
        padding-top: 2em;
        box-sizing: border-box;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }
    #hdrWrap #nav{
        width: 100%;
        padding-bottom: 120px;
    }
    .nav__item{
        float: none;
        margin: 0;
    }
    /* #hdrWrap #nav > li::after{
        top: 18px;
        bottom: auto;
        text-align: left;
        width: auto;
        left: auto;
        right: 0;
    }
    #hdrWrap #nav > li#nav_intern::after{
        bottom: auto;
        top: 1.0em;
        text-align: right;
    } */
    .nav__item:nth-last-of-type(1){ margin-top: 50px;}
    .nav__item:nth-last-of-type(2){ margin-top: 30px;}
    .nav__item__sub{
        display: block;
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 25px;
        border-width: 3px;
        padding: 1.4em 1.2em;
        box-sizing: border-box;
    }
    #nav_newGraduate .nav__item__sub,
    #nav_midCareer .nav__item__sub,
    #nav_special .nav__item__sub,
    #nav_company .nav__item__sub,
    #nav_data .nav__item__sub{
        width: 100%;
        margin-left: 0;
    }
    .nav__item__sub > ul,
    .nav__item__sub > p{
        border: none;
        padding: 0;
        margin: 0;
        background: none;
    }
    .nav__item__sub__list dt{
        margin-top: 1.4em;
        margin-bottom: 0.8em;
    }
    .nav__item__sub__list:nth-of-type(1) dt{ margin-top: 0;}
    
    #hdrWrap #tw_sp a, #hdrWrap #insta_sp a{
        background-image: url("../img/parts_common_sp.png");
    }
    .nav__item__label,a.nav__item__label{
        border-bottom: solid 2px #ddd;
        margin-bottom: 10px;
        display: block;
    }
    .nav__item__label.now::after,
    .nav__item__label.new::after{ display: none;}


    .nav__item-sns#nav_twitter,
    .nav__item-sns#nav_insta,
    .nav__item-sns#nav_line{ display: none;}
    .nav__item__sub__list,
    .nav__item__sub > p{ font-size: 94%;}

    #hdrWrap #nav > li#nav_intern > div li.instagram a::before{
        background-position: 1px -770px;
        background-size: 198px;
    }
    
    .nav__item__sub__list a{
        padding: 0.2em 0;
        margin-left: 0.9em;
    }
    .nav__item__sub__list a::before{
        border-width: 0.5em 0 0.5em 0.7em;
        margin-top: 0.15em;
        margin-left: -0.9em;
    }
    .nav__item__sub__list a.ex::before{
        margin-top: 0.1em;
    }
    /* #hdrWrap #nav > li.nav_mypage.displaysp{ margin-bottom: 2em;}
    #hdrWrap #nav > li.nav_mypage > div li a.ex::before{ display:none;} */
    
    /* #hdrWrap #nav > li.nav_mypage > div > ul > li{
        float: left;
        width: 49%;
    }
    #hdrWrap #nav > li.nav_mypage > div > ul > li.w100{
        float: none;
        width: 100%;
    }
    #hdrWrap #nav > li.nav_mypage > div > ul > li:nth-of-type(1){ margin-right: 2%;}
    #hdrWrap #nav > li.nav_mypage > div li a{
        display: block;
        width: 100%;
        box-sizing: border-box;
        border: solid 5px #00aabe;
        text-align: center;
        line-height: 3.0;
        color: #00aabe;
        margin-left: 0;
    }
    #hdrWrap #nav > li.nav_mypage > div > ul > li:nth-of-type(1) a{ border: solid 5px #ff7f18; color: #ff7f18;}
    #hdrWrap #nav > li.nav_mypage > div li a::before{ display: none;}
    #hdrWrap #nav > li.nav_mypage > div dl{ border: none;}
    #hdrWrap #nav > li.nav_mypage > div dt{ text-align: center; color: #00aabe;}
    #hdrWrap #nav > li.nav_mypage.displaysp > div dt{ margin-top: 0;}
    #hdrWrap #nav > li.nav_mypage > div > ul > li:nth-of-type(1) dt{ color: #ff7f18;}
    #hdrWrap #nav > li.nav_mypage > div dd:nth-of-type(1){ margin-bottom: 0.5em;}
    #hdrWrap #nav > li.nav_mypage > div dd:nth-of-type(2) a{
        background-color: #00aabe;
        color: #fff;
    }  
    #hdrWrap #nav > li.nav_mypage > div > ul > li:nth-of-type(1) dd:nth-of-type(2) a{ background-color: #ff7f18; color: #fff;} */

    .nav__item__sub__mypage .nav__item__sub__list dd{
        width: 100%;
        margin-bottom: 0.5em;
    }
    .nav__item__sub__mypage .nav__item__sub__list dd:nth-last-of-type(1){ margin-bottom: 0;}
    .nav__item__sub__mypage .nav__item__sub__list a{
        padding: 1em 0;
    }


    .nav__item__sub__list,
    .nav__item__sub__list.border-bottom,
    .nav__item__sub > p{
        margin-bottom: 0.4em;
        border-bottom: solid 1px #ccc;
        padding-bottom: 1.6em;
    }
    .nav__item__sub__list:nth-last-of-type(1),
    .nav__item__sub__list.mb1em{ border-bottom: none; padding-bottom: 0;}
    .nav__item__sub__list.w56_pc > dl{
        margin-bottom: 1.8em;
        border-bottom: solid 1px #ccc;
        padding-bottom: 1.6em;
    }
    .nav__item__sub__list.w56_pc > dl:nth-last-of-type(1){
        margin-bottom: 0;
        border-bottom: none;
        padding-bottom: 0;
    }
    .nav__item__sub > p{ color: #999;}
    #hdrWrap #tw_sp,
    #hdrWrap #insta_sp,
    #hdrWrap #line_sp,
    #hdrWrap #navBtn_sp{ display: block;}
}
@media screen and (max-width: 450px) {
    #hdrWrap h1{ padding-left: 3px;}
    #hdrWrap h1 a{
        /* width: 168px; */
        width: 118px;
        height: 42px;
    }
    #hdrWrap #navBg_sp{
        height: calc(100vh - 52px);
        top: 52px;
    }
}

/*------------------汎用ボタン------------------*/
.internship #btmBtn ul{
    width: 960px;
    margin: 0 auto;
}
.internship #btmBtn li{
    float: left;
    width: 474px;
}
.internship #btmBtn li:nth-of-type(1){ margin-right: 12px;}
.btn_def{
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: solid 5px #00aabe;
    text-align: center;
    line-height: 1;
    font-size: 110%;
    padding:  1em 0;
}

/*a.btn_def.login{ background-color: #fff; color: #00aabe;}
a.btn_def.register{ background-color: #00aabe; color: #fff;}
a.btn_def:hover{ border: solid 5px #00b4c9;}
a.btn_def.login:hover{ background-color: #f5fffb;}
a.btn_def.register:hover{ background-color: #00b4c9;}
a.btn_def p{
    text-align: center;
    line-height: 60px;
    font-size: 118%;
}*/


@media screen and (max-width: 960px) {
    .internship #btmBtn ul{ width: 94%;}
    .internship #btmBtn li{
        float: none;
        width: 100%;
    }
    .internship #btmBtn li:nth-of-type(1){ margin: 0 0 12px;}
    .internship #btmBtn li a p{ line-height: 72px;}
}
@media screen and (max-width: 500px) {
    .btn_def{
        font-size: 3vw;
    }
}


/* ---------------------------------------------
	NEW
--------------------------------------------- */
.new a::before{
    content: "NEW!";
    position: absolute;
    top: 1.5em;
    left: 1em;
    background-color: #f8388a;
    z-index: 8888;
    font-size: 90%;
    font-weight: bold;
    line-height: 1.0;
    color: #fff;
    padding: 0.6em 0.5em;
    transform: skew(-15deg,0);
    -webkit-transform: skew(-15deg,0);
	-moz-transform: skew(-15deg,0);
	-ms-transform: skew(-15deg,0);
    border-radius: 50%;
}
@media screen and (max-width: 500px) {
    .new a::before{ font-size: 2.6vw;}
}
/* ---------------------------------------------
	キャリア採用
--------------------------------------------- */
.career .special__main__list__photo{ position: relative;}
.career .special__main__list__photo::before{
    content: "キャリア採用";
    position: absolute;
    bottom: 0.2em;
    left: -0.3em;
    background-color: #ff7f18;
    z-index: 8888;
    font-size: 80%;
    letter-spacing: -0.03em;
    font-weight: bold;
    line-height: 1.0;
    color: #fff;
    padding: 0.3em 0.5em;
    /* transform: skew(-15deg,0);
    -webkit-transform: skew(-15deg,0);
	-moz-transform: skew(-15deg,0);
	-ms-transform: skew(-15deg,0); */
}
/* .new.career a dl::before{ top: 2em;} */
@media screen and (max-width: 500px) {
    .career .special__main__list__photo::before{ font-size: 2.4vw;}
}

/* ---------------------------------------------
	下部ログインボタン
--------------------------------------------- */
#btmBtn{
    background-color: rgba(255, 242, 183, 0.7);
    padding: 20px 0;
    position: relative;
    z-index: 500;
}
#btmBtn ul{
    width: 960px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
#btmBtn li{
    flex-shrink: 0;
    width: 49%;
}
#btmBtn li:nth-of-type(1){ margin-right: 2%;}
#btmBtn li a{
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: solid 5px #ff7f18;
}
#btmBtn li:nth-of-type(1) a{ background-color: #fff;}
#btmBtn li:nth-of-type(2) a{ background-color: #ff7f18;}
#btmBtn li a:hover{ border: solid 5px #ff9418;}
#btmBtn li:nth-of-type(1) a:hover{ background-color: #fffbf2;}
#btmBtn li:nth-of-type(2) a:hover{ background-color: #ff9418;}
#btmBtn li a p{
    text-align: center;
    line-height: 3em;
    font-size: 118%;
    -webkit-transform: skew(-15deg,0);
    -ms-transform: skew(-15deg,0);
    transform: skew(-15deg,0);
}
#btmBtn li:nth-of-type(1) a{ color: #ff7f18;}
#btmBtn li:nth-of-type(2) a{ color: #fff;}

@media screen and (max-width: 960px) {
    #btmBtn ul{ width: 94%;}
    #btmBtn li{
        width: 100%;
    }
    #btmBtn li:nth-of-type(1){ margin: 0 0 12px;}
}

/* ---------------------------------------------
	フジテレビフッター
--------------------------------------------- */
#ftrWrap{
    /*border-top: solid 1px #ccc;*/
    background-color: #fff;
    position: relative;
    z-index: 8888;
}
/* #ftrWrap > div{
    width: 1000px;
    margin: 0 auto;
    padding: 1em ;
    box-sizing: border-box;
} */
.footer_inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    border-top: solid 1px #ccc;
}
/* #ftrWrap p{
    color: #333;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
} */
.footer_caution{
    width: 50%;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    padding: 1em;
    box-sizing: border-box;
    color: #333;
}
.footer_caution:nth-of-type(1){ border-right: solid 1px #ccc;}
.footer_caution a{ color: #06c;}
.footer_copyright{
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    padding: 1.5em;
    border-top: solid 1px #ccc;
    color: #333;
}
@media screen and (max-width: 1000px) {
    .footer_caution{
        width: 100%;
    }
    .footer_caution:nth-of-type(1){ border-bottom: solid 1px #ccc;}
}
@media screen and (max-width: 680px) {
    #ftrWrap p{ font-size: 2.0vw;}
}
@media screen and (max-width: 450px) {
    #ftrWrap p{ font-size: 2.6vw;}
    .footer_caution{ text-align: left;}
    .pc{ display: none;}
}

/* ---------------------------------------------
	ページトップボタン
--------------------------------------------- */
@media screen and (max-width: 450px) {
    #cx_commonPageTopBtn{
        width: 52px !important;
        height: 52px !important;
    }
    #cx_commonPageTopBtn a{
        width: 52px !important;
        height: 52px !important;
        line-height: 52px !important;
        font-size: 22px !important;
    }
}