@charset "utf-8";
/*
 * style.css
 *
 *  version --- 1.0
 *  updated --- 2017/11/30
 */
a {
  color: #000;
  text-decoration: none;
  transition: all 0.5s !important;
  -moz-transition: all 0.5s !important; /* Firefox */
  -webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
a:hover {
  opacity: 0.6;
  transition: all 0.5s !important;
  -moz-transition: all 0.5s !important; /* Firefox */
  -webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
/* !Inline Align ------------------------------------------------------------ */
.taL {
  text-align: left !important;
}
.taC {
  text-align: center !important;
}
.taR {
  text-align: right !important;
}
.vaT {
  vertical-align: top !important;
}
.vaM {
  vertical-align: middle !important;
}
.vaB {
  vertical-align: bottom !important;
}
.blockC {
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}
* html .blockC {
  margin-right: 0;
  margin-left: 0;
}
.blockR {
  margin-left: auto;
  text-align: left;
}
* html .blockR {
  margin-left: 0;
}
.pc {
  display: block;
}
.sp {
  display: none;
}
/* !h(n)eading
---------------------------------------------------------- */
.hdL {
  text-align: center;
  font-size: 2.47rem;
  font-weight: bold;
  color: #1d2089;
}
.hdL span {
  display: inline-block;
  padding-bottom: 25px;
  position: relative;
}
.hdL span:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #1d2089;
  width: 100px;
  height: 2px;
  content: '';
}
.hdM {
  text-align: center;
  font-size: 3.5rem;
  font-weight: bold;
}
.hdM span {
  display: block;
  font-size: 2.3rem;
  font-weight: normal;
  color: #29a6dd;
}
.hdS {}
.hd01 {
  text-align: center;
  font-size: 2.1rem;
  color: #1d2089;
  font-weight: bold;
  background-color: #ededef;
  padding: 8px 0;
}
.errorMessage {
  color: #f00;
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
  position: relative;
}
#wrapper.menuOpen {
  top: 0 !important;
}
/* !header
---------------------------------------------------------- */
.headerMenu {
  padding: 17px 25px;
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
}
#headerLogo {
  float: left;
}
#headerLogo a {
  display: block;
}
.headOut {
  float: right;
  display: flex;
  align-items: center;
}
.headOut a {
  display: block;
  padding: 10px 15px;
  box-sizing: border-box;
}
.headSlick {
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 15px 0 0;
}
.headSlick .headDl {
  box-sizing: border-box;
  padding: 12px 25px;
}
.headSlick dl {
  display: table;
  width: 100%;
}
.headSlick dl dt, .headSlick dl dd {
  display: table-cell;
  font-weight: bold;
}
.headSlick dl dt {
  width: 70px;
  color: #29a6dd;
}
.headSlick dl dd a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  visibility: visible;
  -webkit-box-orient: vertical;
}
#header .slick-arrow {
  width: 12px;
  height: 20px;
  margin-top: -9px;
}
#header .slick-prev {
  background: url('../img/common/headLeft.png') center center no-repeat;
  background-size: 100%;
  left: 100%;
  margin-left: -35px;
}
#header .slick-next {
  background: url('../img/common/headRight.png') center center no-repeat;
  background-size: 100%;
  right: 0;
}
#headerLinks {
  position: fixed;
  top: 15.74vw;
  right: 0;
  z-index: 9999;
}
.lineMenu {
  writing-mode: vertical-lr;
  writing-mode: tb-lr;
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
  margin-top: 3px;
  display: block;
}
/*.btnItem{
	position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}*/
.btnItem .lineMenu span {
  display: none;
}
.btnItem .lineMenu.remove span {
  display: block;
}
.btnItem .lineMenu em {
  display: block;
  font-weight: bold;
}
.btnItem .lineMenu.remove em {
  display: none;
}
.btnMenu {
  width: 72px;
  height: 192px;
  padding-left: 15px;
  background: url(../img/common/circle.png)no-repeat right center;
  background-size: cover;
  cursor: pointer;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: center;
}
.btnMenu a {
  display: block;
  width: 26px;
  height: 36px;
  box-sizing: border-box;
  position: relative;
}
.btnMenu a span {
  display: block;
  background: #fff;
  width: 26px;
  height: 3px;
  position: absolute;
  left: 0;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}
.btnMenu a span:first-child {
  top: 7px;
}
.btnMenu a span:nth-child(2) {
  margin-top: -2px;
  top: 50%;
}
.btnMenu a span:last-child {
  bottom: 7px;
}
.btnMenu.active a span:first-child {
  -webkit-transform: translateY(8px) rotate(45deg);
  -moz-transform: translateY(8px) rotate(45deg);
  -ms-transform: translateY(8px) rotate(45deg);
  transform: translateY(8px) rotate(45deg);
}
.btnMenu.active a span:nth-child(2) {
  opacity: 0;
}
.btnMenu.active a span:last-child {
  -webkit-transform: translateY(-11px) rotate(-45deg);
  -moz-transform: translateY(-11px) rotate(-45deg);
  -ms-transform: translateY(-11px) rotate(-45deg);
  transform: translateY(-11px) rotate(-45deg);
}
.btnMenu a:hover {
  opacity: 1;
}
.btnMenu:hover {
  opacity: 0.85;
  transition: all 0.5s;
}
/* !gMenu
---------------------------------------------------------- */
#gMenu {
  position: fixed;
  right: 0;
  top: 0;
  max-width: 688px;
  width: 76vw;
  box-sizing: border-box;
  transform: translateX(100%);
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  z-index: 999;
  background-color: #fff;
}
#gMenu .gMenuIn {
  height: 100vh;
  box-sizing: border-box;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  position: relative;
}
#gMenu:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: url("../img/common/gmenu_top.png") center center repeat-x;
  background-size: auto 50px;
  content: '';
  width: 100%;
  height: 50px;
}
#gMenu:after {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: url("../img/common/gmenu_btm.png") left center repeat-x;
  background-size: auto 50px;
  content: '';
  width: 100%;
  height: 50px;
}
.isTablet #gMenu:after {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: url("../img/common/gmenu_btm.png") left top repeat-x #1dade5;
  background-size: auto 50px;
  content: '';
  width: 100%;
  height: 150px;
}
#gMenu .gMenuBody {
  padding: 100px 0;
}
.isTablet #gMenu .gMenuBody {
  padding: 100px 0 200px;
}
#gMenu.active {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
}
.overlay {
  background-color: rgba(0, 0, 0, 0.24);
  z-index: 998;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
#gMenu ul {
  margin-left: -30px;
  padding: 0 4vw;
  box-sizing: border-box;
}
#gMenu ul li {
  float: left;
  width: 50%;
  padding-left: 30px;
  box-sizing: border-box;
}
#gMenu ul li a {
  display: block;
  font-weight: bold;
  color: #1e2089;
  font-size: 2.2rem;
}
#gMenu .firstUl li:first-child {
  width: 100%;
}
#gMenu .firstUl li {
  padding-top: 15px;
  padding-bottom: 15px;
  box-sizing: border-box;
}
#gMenu .secondUl {
  margin-top: 30px;
}
#gMenu .secondUl li a {
  font-size: 1.8rem;
}
#gMenu .secondUl li:last-child {
  float: right;
}
#gMenu .secondUl li {
  padding-top: 5px;
  padding-bottom: 5px;
  box-sizing: border-box;
}
#gMenu .secondUl li:nth-child(5) {
  display: none;
}
.gImg {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  padding: 0 60px;
  box-sizing: border-box;
}
.gImg a {
  display: block;
}
.gImg a:last-child {
  margin-left: 25px;
}
.gMenuBtm {
  display: none;
}
/*** タブレット 768x ~ 959px***/
@media screen and (max-height: 768px) {
  .isTablet #gMenu .gMenuBody {
    padding: 70px 0 150px;
  }
  #gMenu ul li a {
    font-size: 1.8rem;
  }
  #gMenu .firstUl li {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #gMenu .secondUl {
    margin-top: 20px;
  }
  #gMenu .secondUl li a {
    font-size: 1.5rem;
  }
  .gImg {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    padding: 0 60px;
    box-sizing: border-box;
  }
}
/* !gNavi
---------------------------------------------------------- */
#gNavi {
  max-width: 1220px;
  padding: 0 10px 10px;
  box-sizing: border-box;
  margin: 10px auto 0;
  width: 100%;
}
#gNavi ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
#gNavi ul li {
  flex: 1;
  position: relative;
}
#gNavi ul li:before {
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100% - 8px);
  width: 1px;
  background: #dee5e6;
  content: '';
  z-index: 2;
}
#gNavi ul li:last-child:after {
  position: absolute;
  right: 0;
  top: 0;
  height: calc(100% - 8px);
  width: 1px;
  background: #dee5e6;
  content: '';
  z-index: 2;
}
#gNavi ul li a {
  display: block;
  padding: 40px 0 5px 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.9rem;
  font-weight: bold;
  border-bottom: 5px solid #29a6dd;
  background: url('../img/common/gnav01.png')no-repeat center top;
}
#gNavi ul li a.blue {
  border-bottom: 5px solid #1d2089;
  background: url('../img/common/gnav02.png')no-repeat center top;
}
#gNavi ul li a.proe {
  border-bottom: 5px solid #855bbc;
  background: url('../img/common/gnav03.png')no-repeat center top;
}
#gNavi ul li a.green {
  border-bottom: 5px solid #2ea072;
  background: url('../img/common/gnav04.png')no-repeat center top;
}
#gNavi ul li a.orange {
  border-bottom: 5px solid #f96b00;
  background: url('../img/common/gnav05.png')no-repeat center top;
}
#gNavi ul li a.pink {
  border-bottom: 5px solid #f777ab;
  background: url('../img/common/gnav06.png')no-repeat center top;
}
/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 1100px) {
  #gNavi ul li a {
    font-size: 1.6rem;
  }
}
/* !mainVisual
---------------------------------------------------------- */
#mainVisual {}
#mainVisual .mainBg {
  height: 605px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.2);
}
#mainVisual .mainBg:before {
  position: absolute;
  bottom: -73px;
  right: 140px;
  background: url('../img/top/fr_top.gif')no-repeat 0 0;
  width: 233px;
  height: 139px;
  content: '';
  z-index: 10;
}
.mainBox {
  position: relative;
  margin-top: 67px;
  margin-bottom: 40px;
}
.mainBox ul {
  margin-left: -15px;
}
.mainBox ul li {
  float: left;
  width: 25%;
  padding-left: 15px;
  box-sizing: border-box;
}
#mainVisual .slick-slide img {
  width: 100%;
}
#header #mainVisual .slick-arrow {
  width: 82px;
  height: 82px;
  margin-top: -20px;
}
#header #mainVisual .slick-prev {
  background: url('../img/top/arrow_left.png') center center no-repeat;
  background-size: 100%;
  right: unset;
  left: 13.5vw;
}
#header #mainVisual .slick-next {
  background: url('../img/top/arrow_right.png') center center no-repeat;
  background-size: 100%;
  right: 13.5vw;
}
/* !teaser
---------------------------------------------------------- */
#teaser {
  background: url('../img/contact/teaser.jpg') repeat-x center center;
  height: 210px;
  background-size: auto 100%;
  width: 100%;
  position: relative;
}
#teaser h2 {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-weight: bold;
  padding: 50px 0 0;
  color: #fff;
  box-sizing: border-box;
  font-size: 2.4rem;
  background: url('../img/contact/teaserTips.png')no-repeat center top;
}
#company #teaser {
  background: url('../img/company/teaser.jpg') repeat-x center center;
  background-size: auto 100%;
}
#company #teaser h2 {
  padding: 40px 0 0;
  background: url('../img/company/teaserTips.png')no-repeat center top;
}
#broadcast #teaser {
  background: url('../img/broadcast/teaser.jpg') repeat-x center center;
  background-size: auto 100%;
}
#broadcast #teaser h2 {
  padding: 40px 0 0;
  background: url('../img/broadcast/teaserTips.png')no-repeat center top;
}
#media #teaser {
  background: url('../img/media/teaser.jpg') repeat-x center center;
  background-size: auto 100%;
}
#media #teaser h2 {
  padding: 40px 0 0;
  background: url('../img/media/teaserTips.png')no-repeat center top;
}
#support #teaser {
  background: url('../img/support/teaser.jpg') repeat-x center center;
  background-size: auto 100%;
}
#support #teaser h2 {
  padding: 40px 0 0;
  background: url('../img/support/teaserTips.png')no-repeat center top;
}
#privacy #teaser {
  background: url('../img/privacy/teaser.jpg') repeat-x center center;
  background-size: auto 100%;
}
#privacy #teaser h2 {
  padding: 40px 0 0;
  background: url('../img/privacy/teaserTips.png')no-repeat center top;
}
#sitemap #teaser {
  background: url('../img/sitemap/teaser.jpg') repeat-x center center;
  background-size: auto 100%;
}
#sitemap #teaser h2 {
  padding: 40px 0 0;
  background: url('../img/sitemap/teaserTips.png')no-repeat center top;
}
#introduction #teaser {
  background: url('../img/introduction/teaser.jpg') repeat-x center center;
  background-size: auto 100%;
}
#introduction #teaser h2 {
  padding: 40px 0 0;
  background: url('../img/introduction/teaserTips.png')no-repeat center top;
}
#antisocial #teaser {
  background: url('../img/antisocial/teaser.jpg') repeat-x center center;
  background-size: auto 100%;
}
#antisocial #teaser h2 {
  padding: 40px 0 0;
  background: url('../img/antisocial/teaserTips.png')no-repeat center top;
}
#literacy #teaser {
  background: url('../img/literacy/teaser.jpg') repeat-x center center;
  background-size: auto 100%;
}
#literacy #teaser h2 {
  padding: 40px 0 0;
  background: url('../img/literacy/teaserTips.png')no-repeat center top;
}
#national #teaser {
  background: url('../img/national/teaser.jpg') repeat-x center center;
  background-size: auto 100%;
}
#national #teaser h2 {
  padding: 40px 0 0;
  background: url('../img/national/teaserTips.png')no-repeat center top;
}
#recruit #teaser {
  background: url('../img/recruit/teaser.jpg') repeat-x center center;
  background-size: auto 100%;
}
#recruit #teaser h2 {
  padding: 40px 0 0;
  background: url('../img/recruit/teaserTips.png')no-repeat center top;
}
#friends #teaser {
  background: url('../img/friends/teaser.jpg') repeat-x center center;
  background-size: auto 100%;
}
#friends #teaser h2 {
  padding: 40px 0 0;
  background: url('../img/friends/teaserTips.png')no-repeat center top;
}
#25th #teaser {
  background: url('../img/friends/teaser.jpg') repeat-x center center;
  background-size: auto 100%;
}
#25th #teaser h2 {
  padding: 40px 0 0;
  background: url('../img/friends/teaserTips.png')no-repeat center top;
}
#sns #teaser {
  background: url('../img/contact/teaser.jpg') repeat-x center center;
  background-size: auto 100%;
}
#sns #teaser h2 {
  padding: 40px 0 0;
  background: url('../eat/image/ico_sns.png')no-repeat center top;
  background-size: 40px auto;    
}

/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
  color: #808080;
  position: absolute;
  width: 100%;
  bottom: 30px;
  left: 0;
  font-size: 1.4rem;
  z-index: 9;
}
#breadcrumb .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
}
#breadcrumb ul li a {
  color: #1d2089;
}
#breadcrumb ul li:first-child a {
  text-transform: uppercase;
}
#breadcrumb ul li:nth-child(2) a,
#breadcrumb ul li:nth-child(3) a{
  color: #000;
}
#breadcrumb ul li {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  font-size: 1.4rem;
}
#breadcrumb ul li:before {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  content: "";
  margin-top: -2px;
  background: url('../img/common/breadcrumb.png')no-repeat;
  width: 9px;
  height: 9px;
  background-size: 100% auto;
}
#breadcrumb ul li:last-of-type {
  padding-right: 0;
}
#breadcrumb ul li:last-of-type:before {
  content: none;
}
/* !contents
---------------------------------------------------------- */
#contents {}
#main {}
.inner {
  max-width: 1220px;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
}
.inner_s {
  max-width: 1000px;
}
.inner_m {
  max-width: 1280px;
}
.inner_L {
  max-width: 990px;
}
/* !footer
---------------------------------------------------------- */
footer {
  position: relative;
  padding-top: 126px;
  box-sizing: border-box;
}
footer:before {
  position: absolute;
  z-index: 50;
  top: 0px;
  left: 0;
  right: 0;
  margin: auto;
  background: url('../img/common/footer_icon.png')no-repeat 0 0;
  width: 248px;
  height: 146px;
  content: '';
  background-size: 100% auto;
}
#footer {
  background: url('../img/common/footer.png')no-repeat 0 0;
  background-size: cover;
  min-height: 229px;
  position: relative;
}
#footer .footerIn {}
.footSub {
  text-align: center;
  padding: 65px 0 30px;
}
#footer .footerIn ul {
  text-align: center;
}
#footer .footerIn ul li {
  display: inline-block;
  padding: 0 20px;
  font-size: 1.4rem;
}
#footer .footerIn ul li a {
  color: #fff;
}
#footer .footerIn ul li a:hover {
  text-decoration: underline;
}
#copyright {
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  padding: 35px 0 15px;
}
/*
*contact-----page.css
*
*/
.contactWrap {
  margin: 40px 0 0;
}
.contTop {
  margin: 50px 0 0;
}
.contMess {
  text-align: center;
  line-height: 2.4;
  margin: 25px 0 75px;
}
.font01 {
  font-size: 1.7rem;
}
.font02 {
  font-size: 1.5rem;
  color: #ff0000;
  text-decoration: underline;
}
.font02 {
  font-size: 1.6rem;
}
.tel01 {
  pointer-events: none;
  padding: 5px 0;
  display: block;
}
.contTopBtn {
  text-align: center;
}
.contTopBtn a {
  color: #fff;
  font-weight: bold;
  background-color: #21a9dc;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.8rem;
  margin: 0 auto;
  max-width: 580px;
  height: 60px;
  border-radius: 4px;
}
.contItem02 {
  margin: 95px 0 0;
}
.contMiddle ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 35px auto 30px;
  max-width: 775px;
  width: 100%;
}
.contMiddle ul li {
  color: #000;
  background-color: #e6e6e6;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.6rem;
  margin: 0 auto;
  max-width: 244px;
  height: 50px;
}
.contMiddle ul li:nth-child(2) {
  margin: 0 20px;
}
.contMiddle ul li.active {
  color: #fff;
  background-color: #1d2089;
}
.conTab p.text01 {
  font-size: 1.6rem;
  line-height: 1.75;
  text-align: center;
  margin-bottom: 35px;
}
.contactArea {
  font-size: 1.5rem;
  line-height: 2.26;
}
.contactArea .contactForm {
  padding: 40px 0 26px;
}
.contactArea table, .contactArea table tbody, .contactArea table tr, .contactArea table th, .contactArea table td {
  width: 100% !important;
  display: block;
}
.contactArea table {
  width: 100%;
  border-left: 1px solid #575757;
  border-right: 1px solid #575757;
  border-bottom: 1px solid #575757;
  box-sizing: border-box;
}
.contactArea table td {
  padding: 20px;
  box-sizing: border-box;
}
.contactArea table th {
  box-sizing: border-box;
  font-size: 1.6rem;
  padding: 17px 10px 17px 20px;
  vertical-align: top;
  background-color: #f1f1f1;
  border-bottom: 1px solid #575757;
  border-top: 1px solid #575757;
}
.botBorder th {
  border-bottom: 0 !important;
}
.contactArea table th span {
  display: block;
}
.contactArea table th .must {
  padding: 0;
  float: right;
  width: 51px;
  height: 33px;
  background-color: #ec2028;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  line-height: 33px;
  border-radius: 4px;
}
.contactArea table th .none {
  background-color: #a0a0a0;
}
.contactArea table td .note {
  color: #575757;
  font-size: 1.4rem;
  margin-top: 10px;
}
.contactArea table td .notes {
  color: #000000;
  font-size: 1.4rem;
  margin: 5px 0;
}
.contactArea input[type=text], .contactArea input[type=tel], .contactArea input[type=email] {
  border: 1px solid #575757;
  box-sizing: border-box;
  background: #fafafa;
  width: 100%;
  height: 47px;
  font-size: 1.6rem;
  padding: 0 13px;
}
.contactArea textarea {
  border: 1px solid #575757;
  box-sizing: border-box;
  background: #fff;
  width: 100%;
  height: 342px;
  font-size: 1.6rem;
  padding: 10px;
  resize: none;
  overflow-x: hidden;
  overflow-y: scroll;
}
/*確認画面でもscrollを適用*/
.contactForm td.checkmessage{
  width: 100%;
  height: 342px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.contactArea label {
  display: block;
  font-size: 1.6rem;
}
.contactArea label input[type=checkbox], .contactArea label input[type=radio] {
  width: 24px;
  height: 24px;
  background: url('../img/common/bg_checkbox.png') center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}
.contactArea label input[type=checkbox]:checked, .contactArea label input[type=radio]:checked {
  background: url('../img/common/bg_checkbox_checked.png') center center no-repeat;
  background-size: 100%;
}
.contactAreaMar {
  margin-top: 95px;
}
.contactArea .agreeBtn label input[type=checkbox] {
  margin-right: 15px;
}
.contactArea .agreeBtn {
  background-color: #e6e6e6;
  padding: 10px 15px;
  box-sizing: border-box;
  margin-top: 15px;
  font-size: 1.4rem;
}
.contactArea .agreeBtn a {
  color: #0083b9;
}
.contactArea .submitBtn {
  text-align: center;
  margin: 80px auto 0;
}
.contactArea .submitBtn input {
  margin-bottom: 15px !important;
}
.contactArea .submitBtn input[type=submit], .contactArea .submitBtn input[type=button]:hover, .contactArea .submitBtn input[type=reset]:hover {
  box-sizing: border-box;
  width: 300px;
  height: 60px;
  border: 1px solid #1d2089;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  margin: 0 5px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  background: #1d2089;
  cursor: pointer;
  transition: all 0.5s;
}
.contactArea .submitBtn input[type=submit]:hover, .contactArea .submitBtn input[type=button], .contactArea .submitBtn input[type=reset] {
  box-sizing: border-box;
  width: 300px;
  height: 60px;
  border: 1px solid #1d2089;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  margin: 0 5px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #1d2089;
  background: #fff;
  cursor: pointer;
  transition: all 0.5s;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  background: red;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  background: red;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  background: red;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  background: red;
}
.contItem03 {
  margin: 75px auto 40px;
  padding: 0 50px;
  box-sizing: border-box;
}
.contItem03 h2 {
  text-align: center;
  border-bottom: 1px solid #acacac;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 1.7rem;
}
.contItem03 p {
  padding: 0 30px;
  box-sizing: border-box;
  font-size: 1.5rem;
  line-height: 1.8;
}
/*
*contact-----page.css
*
*/
/*
*company-----page.css
*
*/
.companyWrap {
  margin: 55px 0 30px;
}
.companyInner {
  max-width: 880px;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
}
.companyWrap ul {
  margin-left: -25px;
}
.companyWrap ul li {
  float: left;
  width: 50%;
  padding-left: 25px;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.companyWrap ul li a {
  border: 1px solid #8f8f8f;
  border-radius: 5px;
  padding: 0 50px 0 30px;
  box-sizing: border-box;
  font-size: 2.1rem;
  background: url('../img/company/arrow.png')no-repeat right 30px center;
  height: 94px;
  display: flex;
  font-weight: bold;
  align-items: center;
}
.companyWrap ul li a:hover {
  background-color: #ededef;
}
/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {
  .companyWrap ul li a {
    font-size: 1.75rem;
  }
}
/*
*company-----page.css
*
*/
/**index-----page.css**/
.home .headerMenu {
  background-color: rgba(255, 255, 255, 0.7);
}
.topicsWrap {
  margin: 40px 0;
}
.topicHdL {
  font-size: 5rem;
  color: #ff9400;
  font-weight: bold;
}
.topicsMenu {
  margin: 0 0 40px;
}
.topicsMenu p {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.topicsMenu p span {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 40px;
  text-align: center;
  padding: 5px 18px;
  color: #fff;
  margin: 0 5px;
}
.topicsMenu p span.gray {
  background-color: #ededed;
  color: #1d2089;
}
.pink {
  background-color: #ff8db6;
}
.orange {
  background-color: #f96b00;
}
.sky {
  background-color: #2bb5f9;
}
.green {
  background-color: #3ecc3e;
}
.blue {
  background-color: #094daf;
}
.purple {
  background-color: #855bbc;
}
.yellow {
  background-color: #FCBC00;
}
.topicsCont {
  position: relative;
}
.topicsCont:before {
  position: absolute;
  left: -5px;
  bottom: 0;
  background: url('../img/top/gradient.png')no-repeat left bottom;
  background-size: cover;
  width: calc(100% + 5px);
  height: 190px;
  z-index: 15;
  content: '';
}
.topicsCont:after {
  position: absolute;
  left: -65px;
  top: 150px;
  background: url('../img/top/fruit01.png')no-repeat left bottom;
  width: 48px;
  height: 93px;
  z-index: 15;
  content: '';
}
.fruitBox {
  position: relative;
}
.fruitBox:before {
  position: absolute;
  right: -75px;
  top: 320px;
  background: url('../img/top/fruit02.png')no-repeat left bottom;
  width: 63px;
  height: 88px;
  z-index: 15;
  content: '';
}
.fruitBox:after {
  position: absolute;
  left: -65px;
  bottom: 150px;
  background: url('../img/top/fruit03.png')no-repeat left bottom;
  width: 57px;
  height: 109px;
  z-index: 15;
  content: '';
}
.topicsCont ul {
  margin-left: -12px;
}
.topicsCont ul li {
  float: left;
  width: 33.33%;
  padding-left: 12px;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.topicsCont ul li a {
  display: block;
}
.topicsItem {
  border: 3px solid #f96b00;
  box-sizing: border-box;
}
.topicsItempurple, .b-announcer {
  border: 3px solid #855bbc;
}
.topicsItemblue, .b-ehimenews {
  border: 3px solid #094daf;
}
.topicsItemsky, .b-present {
  border: 3px solid #2bb5f9;
}
.topicImg {
  width: 100%;
  height: 100%;
  position: relative;
}
/*.topicImg:before{
	position: absolute;
	top: 0;
	left: 0;
	background: url('../img/top/topic01.png')no-repeat 0 0;
	width: 100%;
	height: 100%;
	content: '';
}
.topicImg02:before{
	background: url('../img/top/topic02.png')no-repeat 0 0;
}
.topicImg03:before{
	background: url('../img/top/topic03.png')no-repeat 0 0;
}
.topicImg04:before{
	background: url('../img/top/topic04.png')no-repeat 0 0;
}
.topicImg05:before{
	background: url('../img/top/topic05.png')no-repeat 0 0;
}
.topicImg06:before{
	background: url('../img/top/topic06.png')no-repeat 0 0;
}
.topicImg07:before{
	background: url('../img/top/topic07.png')no-repeat 0 0;
}
.topicImg08:before{
	background: url('../img/top/topic08.png')no-repeat 0 0;
}
.topicImg09:before{
	background: url('../img/top/topic09.png')no-repeat 0 0;
}
.topicImg10:before{
	background: url('../img/top/topic10.png')no-repeat 0 0;
}
.topicImg11:before{
	background: url('../img/top/topic11.png')no-repeat 0 0;
}
.topicImg12:before{
	background: url('../img/top/topic12.png')no-repeat 0 0;
}*/
.topicImg span {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff; /*
	background-color: #1d2089;*/
  font-size: 1.5rem;
  font-weight: bold;
  padding: 3px 15px;
  box-sizing: border-box;
}
.topicInfo {
  padding: 20px 15px;
  box-sizing: border-box;
  color: #000;
  font-size: 1.8rem;
  font-weight: bold;
  height: 130px;
  position: relative;
}
.topicTime {
  color: #8f8f8f;
  font-size: 1.5rem;
  display: block;
  font-weight: normal;
}
.topicflex {
  display: flex;
  align-items: center;
}
.topicImg span.oranColor {
  background-color: #f96b00;
}
.topicImg span.blueColor {
  background-color: #094daf;
}
.topicImg span.purpleColor {
  background-color: #855bbc;
}
.topicImg04 span {
  padding: 0;
}
.topicImg04 span em {
  font-weight: bold;
  display: inline-block;
  padding: 3px 15px;
  background-color: #2bb5f9;
}
.topicImg04 span em.yellow {
  background-color: #ffff00;
  color: #000;
}
.aslider .slick-arrow {
  width: 32px;
  height: 32px;
  margin-top: -9px;
  z-index: 99999;
}
.aslider .slick-prev {
  background: url('../img/top/alick.png') center center no-repeat;
  background-size: 100%;
  left: 10px;
}
.aslider .slick-next {
  background: url('../img/top/blick.png') center center no-repeat;
  background-size: 100%;
  right: 10px;
}
.skyBtn {
  margin: 0 auto;
  text-align: center;
}
.skyBtn a {
  max-width: 300px;
  margin: 0 auto;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  background-color: #21a9dc;
  border-radius: 3px;
  font-weight: bold;
  font-size: 1.8rem;
}
.tidingsWrap {
  padding: 40px 0;
}
.tidingsBox {}
.tidingsBox ul {
  margin-top: 20px;
  padding: 0 10px;
}
.tidingsBox ul li {
  float: left;
  width: 33.33%;
  padding: 20px 10px;
  box-sizing: border-box;
}
.tidingsBox ul li a {
  display: block;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.tidingsBox .slick-arrow {
  width: 82px;
  height: 82px;
  margin-top: -70px;
}
.tidingsBox .slick-prev {
  background: url('../img/top/arrow_left.png') center center no-repeat;
  background-size: 100%;
  left: 50%;
  margin-left: -320px;
}
.tidingsBox .slick-next {
  background: url('../img/top/arrow_right.png') center center no-repeat;
  background-size: 100%;
  right: 50%;
  margin-right: -320px;
}
.tidingsItem {
  position: relative;
}
.tidingsImg img {
  width: 100%;
}
.tidingsList {
  padding: 20px 20px 30px;
  box-sizing: border-box;
}
.tidingsTime {
  color: #8f8f8f;
  font-size: 1.5rem;
}
.tidingsInfo {
  font-size: 2rem;
  font-weight: bold;
  margin: 10px 0;
}
.tidingsLinks span:first-child {
  display: inline-block;
  margin-right: 15px;
}
.tidingsLinks {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
#bn_koukoku_wrap {
  width: 100%;
  margin: 60px auto;
  overflow: hidden;
  text-align: center;
}
.tvWrap {
  background: url('../img/top/tvBg.jpg')repeat 0 0;
  padding: 70px 0 80px;
  margin-bottom: 80px;
}
.tbSub {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.tbSub p {
  padding-left: 60px;
  box-sizing: border-box;
}
.tbSub a {
  max-width: 305px;
  margin: 0 auto;
  width: 100%;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #1d2089;
  background: url('../img/top/tvlink.png')no-repeat left 25px center;
  background-color: #fff;
  border: 2px solid #1d2089;
  border-radius: 5px;
  font-weight: bold;
  font-size: 1.8rem;
}
.tvBox .tbSub a {
  margin-right: 60px;
}
.tvBox ul {
  margin-left: -12px;
  margin-bottom: 23px;
  padding: 0 50px;
  box-sizing: border-box;
}
.tvBox ul li {
  float: left;
  width: 25%;
  padding-left: 12px;
  box-sizing: border-box;
  margin-bottom: 12px;
}
.tvBox ul li a {
  display: block;
  border: 1px solid #c8c8c8;
  box-sizing: border-box;
}
.tvBox ul li a img {
  width: 100%;
}
.onde_tit {
  margin: auto;
  text-align: center;
  margin-bottom: 50px;
}
.demandWrap {
  background: -webkit-linear-gradient(#fff 55%, #2ea072 30%, #2ea072 0%); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fff 55%, #2ea072 30%, #2ea072 0%); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fff 55%, #2ea072 30%, #2ea072 0%); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fff 55%, #2ea072 30%, #2ea072 0%);
  padding-bottom: 25px;
  margin-bottom: 70px;
}
.onde_btn {
  margin-top: -20px;
  margin-bottom: 70px;
}
.demandBox ul {
  position: relative;
  margin-left: -30px;
  padding: 0 50px;
  box-sizing: border-box;
  margin: auto;
}
.demandBox ul:before {
  position: absolute;
  bottom: -90px;
  left: 50px;
  background: url('../img/top/demandAge.png')no-repeat 0 0;
  background-size: 100% auto;
  width: 12.90vw;
  height: 6.148vw;
  content: '';
}
.demandBox ul li {
  float: left;
  width: 30%;
  padding-left: 30px;
  box-sizing: border-box;
}
.demandBox ul li:first-child {
  /*width: 20%;*/
  display: none;
}
.demandPic {
  padding-top: 25px;
  box-sizing: border-box;
}
.demandImg {
  position: relative;
}
.demandImg span {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 5px 10px;
  box-sizing: border-box;
  font-size: 1.2rem;
}
.demandInfo {
  padding: 15px 0 0;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
}
.demandMess {
  color: #fff;
  font-size: 1.3rem;
  margin-top: 5px;
}
/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {
  .demandBox ul {
    margin-left: -10px;
    padding: 0 20px;
  }
  .demandBox ul li:first-child {
    width: 25%;
  }
  .demandBox ul li {
    padding-left: 10px;
  }
  .demandInfo {
    padding: 10px 0 0;
    font-size: 1.3rem;
  }
  .demandMess {
    font-size: 1.1rem;
  }
  .tbSub p {
    padding-left: 20px;
  }
  .topicInfo {
    padding: 10px 10px;
    font-size: 1.5rem;
    height: 130px;
  }
}
.vrWrap {
  margin-bottom: 100px;
}
.vrSub {
  text-align: center;
  margin-bottom: 50px;
}
.vrSubItem {
  margin-bottom: 70px;
  padding: 0 170px;
  overflow: hidden;
}
.vrSubItem .bnlist {
  width: 55%;
  float: left;
  margin-top: 34px;
}
.vrSubItem .bnlist ul {}
.vrSubItem .bnlist ul li {
  list-style-type: none;
}
.vrSubItem .bnlist ul li:first-child {
  margin-bottom: 15px;
}
.vrSubItem .movie {
  width: 40%;
  float: right;
}
.vrSubItem .movie p {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.vrItem ul {
  margin-left: -40px;
}
.vrItem ul li {
  float: left;
  width: 33.33%;
  padding-left: 40px;
  box-sizing: border-box;
  text-align: center;
}
.vrList {
  padding: 0 0 0 40px;
  box-sizing: border-box;
  border-left: 1px solid #b5b5b5;
  overflow: hidden;
}
.vrItem ul li:last-child .vrList {
  border-right: 1px solid #b5b5b5;
}
.vrItem ul li:last-child .vrList #ctf{
  text-align: left;
        margin-right: 10px;
        margin-left: -20px;
	
}
.vrList h3 {
  margin-bottom: 45px;
}
.vrList p img {
  width: 100%;
}
.mationWrap {
  padding: 60px 0 25px;
  background: url(../img/top/tvBg.jpg)repeat 0 0;
  position: relative;
  margin-bottom: 40px;
}
.mationWrap:before {
  position: absolute;
  top: -70px;
  left: 0;
  right: 0;
  margin: auto;
  background: url('../img/top/mationTitle.png')no-repeat 0 0;
  width: 172px;
  height: 108px;
  content: '';
}
.mationInner {
  max-width: 880px;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
}
.mationHdL {
  text-align: center;
}
.mationHdL span {
  font-size: 3.5rem;
  color: #1d2089;
  font-weight: bold;
  padding-left: 45px;
  background: url('../img/top/mationEat.png')no-repeat left center;
  box-sizing: border-box;
}
.mationHdL em {
  display: block;
  font-size: 2.3rem;
  font-weight: normal;
  color: #1d2089;
}
.mationList {
  margin-bottom: 50px;
}
.mationList dl {
  display: table;
  width: 100%;
}
.mationList dl dt, .mationList dl dd {
  display: table-cell;
  padding: 12px 0;
}
.mationList dl dt {
  width: 240px;
}
.mationList dl dt span {
  color: #8f8f8f;
  font-size: 1.5rem;
  margin-right: 40px;
}
.mationList dl dt em {
  color: #1d2089;
  font-size: 1.3rem;
  border: 1px solid #1d2089;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #fff;
  padding: 3px 8px;
  min-width: 125px;
  text-align: center;
  display: inline-block;
}
.mationList dl dd {
  padding-left: 40px;
  box-sizing: border-box;
}
.mationList dl dd a {
  display: block;
  font-weight: bold;
  font-size: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.chopBox {
  margin: 120px auto 30px;
  max-width: 1200px;
  box-sizing: border-box;
}
.chopBox ul {
  overflow: hidden;
  text-align: center;
}
.chopBox ul li {
  float: left;
  width: 20.8%;
  box-sizing: border-box;
  overflow: hidden;
  margin-left: 1.6%;
  margin-right: 1.6%;
  margin-bottom: 1.6%;
}
.chopBox ul li a {
  text-align: center;
}
.chopBox ul li a img {
  width: 99%;
  /**/ height: 88.60px;
  box-sizing: border-box;
  border: 1px solid #bebebe;
}
.adtopbn {
  width: 100%;
  margin: 0;
  text-align: center;
}

#txt_advertisement{
    max-width: 1000px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto 80px;
}
#txt_advertisement ul{
    display: flex;
    flex-wrap: wrap;
    gap: 15px 30px;
}
#txt_advertisement ul li{
    width: calc( 100% / 2 - 15px);
    box-shadow: none !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
#txt_advertisement ul li dl{
    display: flex;
    align-items: baseline;
}
#txt_advertisement ul li dl dt{
    width: 8%;
    background-color: #21A9DC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
    color: #fff;
    text-align: center;
}
#txt_advertisement ul li dl dd{
    width: calc( 92% - 15px );
    padding-left: 15px;
}


/**index-----page.css**/
/**broadcast-----page.css**/
.broadcastWrap {
  margin: 55px 0;
}
.broadBox {
  margin-bottom: 20px;
}
.broadBtn {
  border: 1px solid #1d1f88;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 2.2rem;
  font-weight: bold;
  padding: 18px 30px;
  color: #1d1f88;
  background: url('../img/broadcast/arrow_bottom.png')no-repeat right 20px center;
  background-color: #eef8ff;
  cursor: pointer;
}
.broadBtn.active {
  background: url('../img/broadcast/arrow_top.png')no-repeat right 20px center;
  background-color: #eef8ff;
}
.broadCont {
  padding: 30px 0 80px;
  box-sizing: border-box;
  display: none;
}
.broadCont #datasign_privacy_notice__841e4ee9 {
  display: inline;
}
.broList {
  font-size: 1.6rem;
  line-height: 2;
}
.broItem {
  font-size: 1.6rem;
  line-height: 2;
}
.broItem p + p {
  margin-top: 25px;
}
.broList h3 {
  font-weight: bold;
  margin-top: 30px;
}
.broGray {
  text-align: center;
  background-color: #ededef;
  font-size: 2.1rem;
  color: #1d1f88;
  font-weight: bold;
  padding: 9px 10px;
  margin-bottom: 30px;
  box-sizing: border-box;
}
.broListEs {
  padding: 0 20px 40px;
  box-sizing: border-box;
  line-height: 1.75;
}
.broMar {
  padding: 0 0 20px;
}
.broPdf {}
.broPdf a {
  display: block;
  font-size: 1.6rem;
  color: #0083b9;
  margin-bottom: 25px;
}
.broPdf p {
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 25px;
}
.broMess {
  padding: 0 10px 20px 10px;
  box-sizing: border-box;
  font-size: 1.6rem;
  line-height: 2;
}
.broTable {
  max-width: 877px;
  margin: 0 auto;
  width: 100%;
}
.broTable table {
  width: 100%;
  border-left: 1px solid #9b9b9b;
  border-top: 1px solid #9b9b9b;
  border-right: 1px solid #9b9b9b;
}
.broTable table tr {}
.broTable table tr th, .broTable table tr td {
  font-size: 1.6rem;
  padding: 15px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #9b9b9b;
}
.broTable table tr th {
  background-color: #e5e5e5;
  font-weight: bold;
  padding-left: 20px;
  box-sizing: border-box;
}
.broTable table tr td {
  text-align: center;
}
.broTable table tr td:last-child {
  border-left: 1px solid #9b9b9b;
}
.width01 {
  width: 45%;
}
.width02 {
  width: 20%;
}
.width03 {
  width: 35%;
}
.othlinks {
  margin: 25px 0 0;
}
.othlinks p {
  font-size: 1.6rem;
  line-height: 1.75;
  color: #2400ff;
}
.othlinks a {
  font-size: 1.6rem;
  line-height: 1.75;
  color: #2400ff;
}
/**broadcast-----page.css**/
/**media-----page.css**/
.mediaWrap {
  margin: 35px 0;
}
.mediaSub {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  position: relative;
  padding-bottom: 20px;
  color: #1d2089;
}
.mediaSub:before {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100px;
  height: 4px;
  background-color: #1d2089;
  margin: auto;
  z-index: 2;
  content: '';
}
.madiaText {
  text-align: center;
  line-height: 2;
  font-size: 1.7rem;
  margin: 35px 0;
}
.mediaBox h3 {
  text-align: center;
  background-color: #ededef;
  font-size: 2.1rem;
  color: #1d1f88;
  font-weight: bold;
  padding: 8px 10px;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.mediaInfo {
  text-align: center;
  line-height: 2;
  font-size: 1.6rem;
  padding: 0 60px;
  box-sizing: border-box;
}
.mediaMaL {
  padding: 0 150px;
  box-sizing: border-box;
  text-align: left;
  margin-bottom: 40px;
}
.mediaInfo span {
  color: #ff9400;
}
.mediaItem {
  margin: 70px 0 90px;
}
.mediaTel {
  text-align: center;
  margin: -20px 0;
}
.mediaTel a {
  display: inline-block;
}
.mediaBox h3.hd01 {
  padding: 1px 10px;
  margin-bottom: 0;
}
#media .contactArea .contactForm {
  max-width: 770px;
  margin: 0 auto;
}
#media .contactAreaMar {
  margin-top: 30px;
}
#media .contactArea .agreeBtn {
  position: relative;
}
#media .contactArea .agreeBtn .must {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
  width: 51px;
  height: 33px;
  background-color: #ec2028;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  line-height: 33px;
  border-radius: 4px;
}
.aboutInfo {
  text-align: center;
  line-height: 2;
  font-size: 1.6rem;
  margin: 50px 60px -1em 60px;
  box-sizing: border-box;
}
.aboutInfo p {
  margin-bottom: 1em;
}
/**media-----page.css**/
/**support-----page.css**/
.supportWrap {
  margin: 40px 0 60px;
}
.supportList {
  margin: 40px 0 100px;
}
.supportBox dl {
  display: table;
  width: 100%;
  margin-bottom: 40px;
}
.supportBox dl dt, .supportBox dl dd {
  display: table-cell;
  vertical-align: top;
}
.supportBox dl dt {
  width: 200px;
}
.supportBox dl dt span {
  display: block;
  background-color: #ededef;
  color: #1d2089;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
  padding: 17px 10px;
  box-sizing: border-box;
}
.supportBox dl dd {
  padding-left: 30px;
  box-sizing: border-box;
}
.supportBox dl dd p {
  font-size: 1.7rem;
  line-height: 1.64;
}
.supportBox dl dd .suppItem p {
  margin-bottom: 20px;
}
.supportBox dl dd a {
  display: block;
  color: #fff;
  border-radius: 5px;
  padding: 18px 5px 18px 115px;
  box-sizing: border-box;
  background: url('../img/support/pdf.png')no-repeat left 45px center;
  background-color: #1d2089;
  margin-bottom: 10px;
}
.supportBox dl dd .exel a {
  display: block;
  color: #fff;
  border-radius: 5px;
  padding: 18px 5px 18px 115px;
  box-sizing: border-box;
  background: url('../img/support/xlsx.png')no-repeat left 45px center;
  background-color: #1d2089;
  margin-bottom: 10px;
}
.supportCont {
  text-align: center;
  font-size: 1.7rem;
  line-height: 1.647;
  margin-top: 50px;
}
.supportCont a {
  display: block;
  pointer-events: none;
}
/**support-----page.css**/
/**privacy-----page.css**/
.textind {
  margin: 20px 0;
  padding: 0 20px;
  box-sizing: border-box;
}
.textA {
  margin: 20px 0;
}
.textA a {
  display: block;
  color: #0083b9;
}
.textFox {
  margin-top: 20px;
}
.textFox span {
  padding-left: 35px;
  box-sizing: border-box;
}
.textFox .textFirst {
  padding-left: 0;
}
.textFox p {
  padding-left: 35px;
  box-sizing: border-box;
}
.textFox em {
  display: block;
  padding-left: 25px;
  box-sizing: border-box;
}
.pal15 {
  padding-top: 10px;
}
#privacy .broadCont {
  padding: 30px 0;
}
#privacy .contactArea .contactForm {
  max-width: 770px;
  margin: 0 auto;
}
#privacy .contactAreaMar {
  margin-top: 30px;
}
#privacy .contactArea .agreeBtn {
  position: relative;
}
#privacy .contactArea .agreeBtn .must {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
  width: 51px;
  height: 33px;
  background-color: #ec2028;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  line-height: 33px;
  border-radius: 4px;
}
.privacyBox {
  margin: 140px 0 0;
}
.privacyList {
  margin-top: 35px;
  padding: 0 10px 0 100px;
  box-sizing: border-box;
  font-size: 1.7rem;
  line-height: 1.64;
}
.privacyList p {
  font-weight: bold;
}
.privacyList span {
  display: inline-block;
  margin-right: 10px;
}
.privacyList a {
  pointer-events: none;
}
.privacyMess {
  margin-top: 40px;
  font-size: 1.7rem;
  line-height: 1.64;
  text-align: center;
}
.block_cookie a {
  color: #1d2089;
  font-weight: bold;
}



/**privacy-----page.css**/
/**sitemap-----page.css**/
.sitemapWrap {
  margin: 30px 0 35px;
}
.sitemapBox {
  padding: 0 35px;
  box-sizing: border-box;
}
.sitemapBox dl {}
.sitemapBox dl dt {
  margin-bottom: 15px;
  border-radius: 5px;
  border: 1px solid #21a9dc;
  font-weight: bold;
  font-size: 1.9rem;
  box-sizing: border-box;
}
.sitemapBox dl dt .sitemapItem {
  background: url('../img/sitemap/arrow.png')no-repeat left 28px center;
}
.sitemapBox dl dt a {
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
  padding: 17px 10px 17px 85px;
}
.sitemapBox dl dt ul {
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  width: 20%;
}
.sitemapBox dl dt .siteUlBig ul {
  width: 40%;
}
.sitemapBox dl dt .siteUlBig ul:nth-child(2) {
  width: 25%;
}
.sitemapBox dl dt .siteUlBig ul:nth-child(3) {
  width: 35%;
}
.sitemapBox dl dt .siteUl {
  margin-left: -30px;
  padding-left: 80px;
  box-sizing: border-box;
  padding-bottom: 20px;
  padding-top: 10px;
}
.sitemapBox dl dt .siteUlSmall ul {
  width: 100%;
}
.sitemapBox dl dt ul li a {
  background-image: none;
  font-size: 1.6rem;
  font-weight: normal;
  padding: 0;
  line-height: 2.25;
}
.sitemapRelated {
  margin-top: 30px;
  padding-left: 10px;
  box-sizing: border-box;
}
.sitemapRelated h2 {
  font-weight: bold;
  font-size: 1.6rem;
  color: #1d2087;
  margin-bottom: 10px;
}
.siteRelaBox {
  margin-left: -50px;
}
.siteRelaBox ul {
  float: left;
  box-sizing: border-box;
  padding-left: 50px;
}
.siteRelaBox ul li a {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.875;
}
/**sitemap-----page.css**/
/**error-----page.css**/
.errorWrap {
  margin: 160px 0 120px;
}
.errorBox {
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
}
.errorHdL {
  font-weight: bold;
  color: #21a9dc;
  font-size: 13.4rem;
  line-height: 1;
  padding-bottom: 70px;
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}
.errorHdL:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: url('../img/404/eat.png')no-repeat 0 0;
  width: 209px;
  height: 121px;
  content: '';
}
.errorInfo {
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
}
.errorMess {
  text-align: center;
  font-size: 1.7rem;
  margin: 10px 0 25px;
}
.errorBtn {
  text-align: center;
}
.errorBtn a {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  align-items: center;
  width: 100%;
  max-width: 416px;
  padding-left: 40px;
  box-sizing: border-box;
  height: 74px;
  border-radius: 5px;
  border: 1px solid #8f8f8f;
  font-size: 2.1rem;
  font-weight: bold;
  background: url('../img/404/arrow.png')no-repeat right 13px center;
  background-size: 33px auto;
}
/**error-----page.css**/
/**introduction-----page.css**/
.mediaBox .introText {
  margin-bottom: 40px;
  margin-top: 30px;
}
.introMess {
  padding: 0 8vw;
  box-sizing: border-box;
  font-size: 1.8rem;
  line-height: 2.33;
}
.introMessBox1 {
  padding: 0 15.5vw;
}
.introMessBox2 {
  padding: 0 11.48vw;
}
.introMess span {
	display: flex;
	gap: 0 0.5em;
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 10px 0;
}

.introMess em {
  font-weight: bold;
  font-size: 2.3rem;
  color: #1d2089;
	position: relative;
	top: -0.25em;
}
.introMess dl {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.introMess dl dt, .introMess dl dd {
  display: table-cell;
  vertical-align: top;
}
.introMess dl dt {
  width: 50px;
}
.introMess dl dd {
  padding-left: 25px;
  box-sizing: border-box;
  font-size: 1.6rem;
  line-height: 1.56;
}
.anchorBox {
  background-color: #eefcff;
  border-radius: 40px;
  padding: 12px 10px;
  box-sizing: border-box;
  position: relative;
  margin-top: -10px;
  margin-bottom: 60px;
}
.anchorBox ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.anchorBox ul li a {
  font-size: 1.5rem;
  display: inline-block;
  padding: 0 10px;
  box-sizing: border-box;
  position: relative;
}
.anchorBox ul li a.active {
  font-weight: bold;
}
.anchorBox ul li a:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #000;
  width: 1px;
  height: 14px;
  content: '';
}
.anchorBox ul li:last-child a:before {
  display: none;
}
.introTable {
  padding: 40px 0 0;
  max-width: 877px;
  margin: 0 auto;
  width: 100%;
}
.introSetion {
  border-top: 1px solid #8f8f8f;
  border-right: 1px solid #8f8f8f;
  border-left: 1px solid #8f8f8f;
  margin: 25px 0 0;
}
.blueC {
  color: #0083b9;
}
.introTable dl {
  display: table;
  width: 100%;
}
.introTable dl dt, .introTable dl dd {
  display: table-cell;
  vertical-align: top;
  font-size: 1.6rem;
  border-bottom: 1px solid #8f8f8f;
  box-sizing: border-box;
  padding-top: 15px;
  padding-bottom: 15px;
}
.introTable dl dt {
  width: 150px;
  background-color: #e5e5e5;
  font-weight: bold;
  padding-left: 20px;
  box-sizing: border-box;
}
.introTable dl dd {
  padding-left: 35px;
  box-sizing: border-box;
}
.introTable dl dd a {
  display: block;
  pointer-events: none;
}
.introTable dl dd a.blueC {
  pointer-events: initial;
}
.introTable dl dd a.mapLink {
  pointer-events: initial;
  color: #0083b9;
}
.introAccess {
  padding: 55px 0 0;
}
.introAccess dl {
  display: table;
  width: 100%;
  margin-bottom: 25px;
}
.introAccess dl dt, .introAccess dl dd {
  display: table-cell;
  vertical-align: top;
}
.introAccess dl dt {
  width: 52%;
}
.introAccess dl dd {
  overflow: hidden;
}
.introAccess dl dd .introMap {
  width: 100%;
  height: 305px;
}
.introAccess dl dd .introMap iframe {
  width: 100%;
  height: 100%;
}
.introAccess dl dt h3 {
  font-size: 1.9rem;
  font-weight: bold;
  color: #1d2089;
  margin-bottom: 10px;
}

.jinken_wrap{
	margin: 75px 0 30px;
}

.phone01 {
  display: block;
  pointer-events: none;
  font-size: 1.6rem;
}
.smalInfos {
  margin-top: 25px;
}
.smalInfo {
  font-size: 1.6rem;
}
.introAccess dl dd {}
.introAccess dl dd a {
  display: block;
}
.mat50 {
  margin-top: 50px;
}
.checkpWrap {
  padding: 100px 0 0;
  max-width: 877px;
  margin: 0 auto 45px;
}
.checkpDl {
  margin-left: -35px;
  margin-top: 65px;
}
.checkItem {
  padding-left: 33px;
  width: 33.33%;
  float: left;
  box-sizing: border-box;
  border-right: 1px solid #8f8f8f;
}
.checkpDl dl {
  display: table;
  width: 100%;
}
.checkpDl dl dt, .checkpDl dl dd {
  display: table-cell;
  font-size: 1.6rem;
  border-bottom: 1px solid #8f8f8f;
  padding-top: 12px;
  padding-bottom: 12px;
}
.checkpDl dl:first-child dt, .checkpDl dl:first-child dd {
  border-top: 1px solid #8f8f8f;
}
.checkpDl dl dt {
  width: 150px;
  font-weight: bold;
  padding-left: 25px;
  box-sizing: border-box;
  border-left: 1px solid #8f8f8f;
  background-color: #e5e5e5;
}
.checkpDl dl dd {
  text-align: center;
}
.dn {
  visibility: hidden;
}
.checkpArea {
  max-width: 959px;
  margin: 0 auto;
  font-size: 1.6rem;
}
.checkpArea h2 {
  font-weight: bold;
}
.checkpArea h2 ~ h2 {
  margin-top: 20px;
}
.checkpArea a {
  color: #0083b9;
  display: inline-block;
}
.roundWrap {
  padding: 50px 0 65px;
}
.roundItem {}
.roundItem ul {
  margin-left: -45px;
}
.roundItem ul li {
  float: left;
  width: 33.33%;
  padding-left: 45px;
  box-sizing: border-box;
  margin-top: 40px;
}
.roundList {
  border: 4px solid #e5e5e5;
  box-sizing: border-box;
  padding: 20px 25px 20px;
}
.roundList h3 {
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 20px;
}
.roundList p {
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.roundList p span {
  display: inline-block;
  width: 60px;
}
.roundList p a {
  display: inline-block;
  color: #0083b9;
}
/**introduction-----page.css**/
/**antisocial-----page.css**/
#antisocial .broadCont {
  padding: 30px 0;
}
.antisocialWrap .broItem p {
  padding-left: 35px;
  box-sizing: border-box;
  position: relative;
}
.antisocialWrap .broItem p:before {
  position: absolute;
  top: 10px;
  left: 17px;
  width: 3px;
  height: 3px;
  background-color: #000;
  border-radius: 50%;
  content: '';
}
/**antisocial-----page.css**/
/**literacy-----page.css**/
.literacyWrap {
  margin: 60px 0 120px;
}
.literacyBox {}
.literacyBox ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 0 40px;
}
.literacyBox ul li {
  padding: 0 6px;
  box-sizing: border-box;
}
.literText {
  font-size: 1.6rem;
  line-height: 2.375;
  margin-bottom: 25px;
}
.literacyLeft {
  float: left;
  width: 55%;
  padding-right: 15px;
  box-sizing: border-box;
  font-size: 1.6rem;
  line-height: 2;
}
.literacyRight {
  overflow: hidden;
}
.literacyRight ul {
  display: block;
  margin: 0 0 -8px 0;
}
.literacyRight ul li {
  float: left;
  width: 50%;
  padding: 0 0 0 8px;
  box-sizing: border-box;
  margin-bottom: 8px;
}
.literacyRight ul li img {
  width: 100%;
}
.literacyFox {
  padding: 60px 0 0;
}
.literacyBank {
  padding: 30px 0 40px;
  background: url('../img/literacy/cube.png')repeat 0 0;
}
.literInfo {
  margin: 35px 0;
  font-size: 1.6rem;
  line-height: 2;
}
.literacyBank dl {
  display: table;
  width: 100%;
  margin-bottom: 50px;
}
.literacyBank dl dt, .literacyBank dl dd {
  display: table-cell;
  vertical-align: top;
}
.literacyBank dl dt {
  width: 200px;
}
.literacyBank dl dt img {
  width: 100%;
}
.literacyBank dl dd {
  padding-left: 35px;
  box-sizing: border-box;
  font-size: 1.6rem;
}
.literacyBank dl dd .literMes01 {
  margin-bottom: 20px;
}
.literacyEox {
  padding: 20px 0 0;
}
.literAreas {
  margin-top: 60px;
}
.literAreas a {
  pointer-events: none;
}
/**literacy-----page.css**/
#national .broadCont {
  padding: 30px 0 40px;
}
#national .broadcastWrap {
  margin: 55px 0 80px;
}
/**recruit-----page.css**/
.recruitBg {
  background: url('../img/recruit/img01_1.png')no-repeat 0 0;
  background-size: cover;
  min-height: 698px;
  position: relative;
}
.recruitBg_a {
  background: url('../img/recruit/recruit_a01.png')no-repeat 0 0;
  background-size: cover;
  min-height: 655px !important;
  position: relative;
}
.recruitBg_a .rec_txt01 {
  font-size: 7.6rem;
  color: #fff;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 900;
  font-style: normal;
  line-height: 143%;
  text-align: left;
  position: absolute;
  bottom: 73px;
  left: 20%;
}


.recruitBg p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.recruit_Sub {
	max-width: 1048px;
	font-family: "IBM Plex Sans JP", sans-serif;
	text-align: left;
	font-size: 3rem;
	font-weight: bold;;
	color: black;
	margin: 0 auto;
	padding: 0;
	padding-left: 50px;
    background-image: url("../img/recruit/recruit_Sub.svg");
	    background-size: 35px;
    background-position: left center;
    background-repeat: no-repeat;
}
.recruit_Sub::before{
	content: none;
	
}
.recruitMess .recruit_Sub,
.tokoroBox .recruit_Sub{
	/*margin-left: -59px;*/
}

.recruit_information {
	width: 100%;
}
.recruit_information .recruit_Sub{
	margin: 117px auto 0;
}
.recruit_information .recruit_Sub:first-of-type{
	margin: 60px auto 0;
}
.recruit_information #voicetop{
  display: flex;
  justify-content: center;
  position: relative;      
  overflow: visible;     
	margin-top: 30px;
}
.recruit_information .recruit_voice {
	display: flex;
	justify-content: space-between;
	gap:0 2px;
	position: relative;
}


.recruit_information .recruit_voice::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none; /* マスク自体がクリックを邪魔しないように */
	background: linear-gradient(90deg, rgba(41, 166, 221, 0.55), rgba(224, 232, 57, 0.55) 57%, rgba(255, 148, 0, 0.55));
  -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-image: linear-gradient(to top, rgba(0,0,0,1)14%, rgba(0,0,0,0)45%);
  mask-repeat: no-repeat;
  mask-size: cover;
	z-index: 2;
}
.recruit_information .recruit_voice a{
	width: min(11.14vw,165px);
	height:min(33.78vw,500px);
	position: relative;
	overflow: hidden;
}

.recruit_information .recruit_voice a:hover{
	opacity: 1;
}
.recruit_information .recruit_voice a span{
	color: white;
	writing-mode: vertical-rl;
	position: absolute;
	bottom: 30px;
	font-size: min(2.70vw,40px);
	font-weight: bold;
	transform: rotate( -3deg );
	z-index: 3;
	text-shadow: 0 0 10px rgba(79, 73, 70, 0.8);
	
}

.recruit_information .recruit_voice a img{
	color: red;
	writing-mode: vertical-rl;
	position: absolute;
	bottom: 0;
	z-index: 1;
	object-fit: cover;
	width: min(11.14vw,165px);
	height: min(33.78vw,500px);
	transition: all 0.5s;
}
.recruit_information .recruit_voice a.space{
display: none;
	
}

.recruit_information .recruit_voice a:hover img{
	transform: scale(1.2);
	transform-origin: center;
}
/*採用ポップアップ*/
.recruit_information .popup {
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,.25);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
}

.recruit_information .popup_container {
  width: 74.32%;/*1100*/
  max-height: 90vh;
  background: white;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 6.7rem 0;
	 overflow-y: auto;
	box-sizing: border-box;
}

.recruit_information .popup:target {
  opacity: 1;
  visibility: visible;
}

.recruit_information .popup_close {
  position: absolute;
  top: 5rem;
  right: 10rem;
  color: #1D2087;
  text-decoration: none;
  font-size: 4rem;
  line-height: 1rem;
  width: 70px;
  height: 70px;
  background-color: white;
  border: 1px solid #1d2087;
  border-radius: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}

.recruit_information .popup_container .recruit_Sub{
  margin: 90px auto 0;
}

.recruit_information .popup_container .prof{
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 0 min(4.05vw,60px);
  position: relative;
}
.recruit_information .popup_container .prof::before{
	content: "";
	/*width:100%;*/
	/*height: 62%;*/
	background: linear-gradient(60deg, rgba(41, 166, 221, 0.55), rgba(224, 232, 57, 0.55) 57%, rgba(255, 148, 0, 0.55));
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -1;
	/*background-position: left top min(4.72vw,70px);*/
	background-repeat: no-repeat;
	inset: 70px -6.7rem 40px -6.7rem;
}
.recruit_information .popup_container .prof img{
	width: 49.47%;
	max-width: 470px;
	height: 100%;
	flex: 1;
	margin-bottom: 30px;
}
.recruit_information .popup_container .prof .about{
	width: min(28.37vw,420px);
}

.recruit_information .popup_container .prof .about p{
background: white;
	font-size: 26px;
	text-align: center;
	padding: min(5.10vw,190px) 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	box-sizing: border-box;
	width: min(29.72vw,440px);
	margin-top: 35px;
}

.recruit_information .popup_container .prof .about p span{
	font-size:16px;
	display: block;
	text-align: right;
	position: absolute;
	bottom: min(1.89vw,28px);
	right: min(2.36vw,35px);
}

.recruit_information .popup_container .prof .about table{
	border-collapse: separate ;
	border-spacing: 12px 0;
	width: 105%;
	margin-top: min(3.37vw,50px);
	margin-left: max(-0.81vw,-12px);
	/*margin-bottom: 20px;*/
	padding-bottom: 80px;/*min(2.70vw,40px)*/
}
.recruit_information .popup_container .prof .about table tr th,
.recruit_information .popup_container .prof .about table tr td{
	border-bottom: 1px solid #1D2087;
	padding: 0.5em;
	text-align: justify;
}

.recruit_information .popup_container .prof .about table tr th{
	width: 23.67%;
}

.recruit_information .popup_container .prof .about table tr td{
	/*width: 342px;*/
	padding-left: 1em;
	        padding-right: 0;
}


.recruit_information .popup_container .mini{
	display: flex;
	gap: 0 30px;
	justify-content: center;
}

.recruit_information .popup_container .mini dl{
	/*width: min(48.62vw,460px);
	margin-top: 30px;*/
	flex:1;
}
.recruit_information .popup_container .mini dl dt{
	font-size: 18px;
	padding: 7.5px ;
	background: #21A9DC;
	border-radius: 21px;
	color: white;
	font-weight: 500;
	text-align: center;
}

.recruit_information .popup_container .mini dl dd{
	margin: 0 15px;
	margin-top: min(1.08vw,16px);
	text-align: justify;
}


.recruit_information .popup_container dl.qa{
	margin-top: min(5.40vw,80px);
}

.recruit_information .popup_container dl.qa dt{
	font-size:22px;
	color: #1D2087;
	background: rgba(33, 169, 220, 0.15);
	border-radius:5px;
	padding: 13.5px 30px;
	font-weight: bold;
}
.recruit_information .popup_container dl.qa dt span{
	font-size:18px;
	font-weight: 500;
	border-left: 1px solid #1D2087;
	padding-left: 24px; 
	margin-left: 24px;
}
.recruit_information .popup_container dl.qa dd{
margin-top: min(2.02vw,30px);
	text-align: justify;
}
.recruit_information .popup_container dl.qa dd span{
font-size: 20px;
		font-weight: bold;
	color: #21A9DC;
}
.recruit_information .popup_container dl.qa dd.photo-r,
.recruit_information .popup_container dl.qa dd.photo-l{
	position: relative;
	        display: flex;
	        gap: 50px;
	justify-content: left;
	/*width: min(64.18vw,950px);*/
	width: 100%;
	
}

.recruit_information .popup_container dl.qa dd.photo-r::after,
.recruit_information .popup_container dl.qa dd.photo-l::before{
content: "";
	        flex: 0 0 min(42.10%, 400px);
	height: min(17.56vw,260px);
	display: inline-block;
	        position: relative;
}
.recruit_information .popup_container dl.qa dd.photo-r::after{
        /*width: 53%;*/
}
.recruit_information .popup_container dl.qa dd.photo-l::before{
       /*width: 79%;*/
}
.recruit_information .popup#business .photo-r::after{
	background: url("../img/recruit/business-01.webp") no-repeat center/cover;
}
.recruit_information .popup#business .photo-l::before{
	background: url("../img/recruit/business-02.webp") no-repeat center/cover;
}

.recruit_information .popup#announcer .photo-r::after{
	background: url("../img/recruit/announcer-01.webp") no-repeat center/cover;
}
.recruit_information .popup#announcer .photo-l::before{
	background: url("../img/recruit/announcer-02.webp") no-repeat center/cover;
}
.recruit_information .popup#technical .photo-r::after{
	background: url("../img/recruit/technical-01.webp") no-repeat center/cover;
}
.recruit_information .popup#technical .photo-l::before{
	background: url("../img/recruit/technical-02.webp") no-repeat center/cover;
}
.recruit_information .popup#reporter .photo-r::after{
	background: url("../img/recruit/reporter-01.webp") no-repeat center/cover;
	height: min(29.25vw,433px);
}
.recruit_information .popup#reporter .photo-l::before{
	background: url("../img/recruit/reporter-02.webp") no-repeat center/cover;
}
.recruit_information .popup#program .photo-r::after{
	background: url("../img/recruit/program-01.webp") no-repeat center/cover;
}
.recruit_information .popup#program .photo-l::before{
	background: url("../img/recruit/program-02.webp") no-repeat center/cover;
}
.recruit_information .popup .friends{
	background: url("../img/recruit/friends.svg") no-repeat left min(38.51vw,570px) bottom min(8.58vw,127px);
padding-bottom: 12rem;
	        background-size: min(15.60vw,231px);

}
.recruit_information .popup .friends{
	background: url("../img/recruit/friends.svg") no-repeat left min(38.51vw,570px) bottom min(8.58vw,127px);
	        background-size: min(15.60vw,231px);

}
.recruit_information .popup#announcer .friends{
	    background-size: min(11.48vw,170px);

}
.recruit_information .popup#technical .friends{
	background-position: center;
padding-bottom: min(16.21vw,24rem);
	margin-bottom: min(4.05vw,6rem);

}
.recruit_information .popup_container dl.qa:last-of-type dd{
padding-bottom: 12rem;
	
}

.recruit_information .popup_container dl.qa dd.banner {
        margin-top: -10rem;
	padding-bottom: 12rem;
	        text-align: center;
}


.recruit_information .recruit_link {
	display: flex;
	justify-content: center;
	gap: 0 18px;
	position: relative;
	width: min(95vw, 1100px);
	margin: 30px auto;
}

.recruit_information .recruit_link a {

  /*bottom: -15px;
  left: 50%;
  transform: translateX(-50%);*/
  color: #fff;
  border-radius: 40px;
  background-color: #21a9dc;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 444px;
  /*height: 85px;*/
  font-weight: bold;
  font-size: 2.4rem;
  text-align: center;
  padding: 20px 0;
  position: relative;
}
.recruit_information .recruit_link a.tuunen::before{
	content: "\901A\5E74\53D7\4ED8\4E2D";
	color: #006BD6;
	width:142px;
	background: #FFF424;
	position: absolute;
	left: 0;
	right:0;
	margin: auto;
	border: 1px solid #006BD6;
	border-radius: 17px;
	font-size: 16px;
	padding: 5px 0;
	box-shadow: 3px 1px 0px 1px rgba(0, 0, 0, 0.3);
	top: -22px;
}


.recruitMess {
  margin-top: 117px;
}

.recruitText {
  text-align: center;
  font-size: 1.6rem;
  line-height: 2;
  margin: 30px 0 0;
}
.sceneBox {
  margin-top: 80px;
  position: relative;
}
.sceneBox:before {
  position: absolute;
  bottom: 30px;
  right: 25vw;
  background: url('../img/recruit/a.png')no-repeat 0 0;
  width: 109px;
  height: 112px;
  content: '';
  z-index: 5;
}
.sceneItem {
  background: url('../img/recruit/scenBg.png')repeat-x 0 0;
  background-size: auto 100%;
  margin: 40px 0 120px;
  padding-bottom: 100px;
  position: relative;
}
.sceneItem:before {
  position: absolute;
  top: -60px;
  left: 18.24vw;
  background: url('../img/recruit/e.png')no-repeat 0 0;
  width: 130px;
  height: 123px;
  content: '';
}
.sceneItem:after {
  position: absolute;
  top: -60px;
  right: 18.24vw;
  background: url('../img/recruit/t.png')no-repeat 0 0;
  width: 73px;
  height: 138px;
  content: '';
}
.sceneItem ul {
  margin-left: -20px;
  padding: 90px 0;
}
.sceneItem ul li {
  float: left;
  width: 25%;
  padding-left: 20px;
  box-sizing: border-box;
}
.sceneItem ul li a {
  display: block;
}
.sceneList {
  background-color: #fff;
}
.sceImg img {
  width: 100%;
  height: auto;
}
.sceneList .sceInfo {
  text-align: center;
  font-size: 2rem;
  padding: 25px 0;
  font-weight: bold;
}
.sceneBtn {
  text-align: center;
}
.sceneBtn a {
  color: #fff;
  border-radius: 40px;
  background-color: #f5ab18;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 445px;
  height: 85px;
  font-weight: bold;
  font-size: 2.4rem;
  margin: 0 auto;
}
.sceneItem .slick-arrow {
  width: 83px;
  height: 82px;
  margin-top: -40px;
}
.sceneItem .slick-prev {
  background: url(../img/recruit/left.png) center center no-repeat;
  background-size: 100%;
  left: 23vw;
}
.sceneItem .slick-next {
  background: url(../img/recruit/right.png) center center no-repeat;
  background-size: 100%;
  right: 22.5vw;
}
.tokoroBox {
	margin-top: 117px;
}
.tokoroBox ul {
  margin-left: -75px;
  margin-top: 30px;
  padding-bottom: 140px;
  position: relative;
margin-bottom: -23px;
}
.tokoroBox ul:before {
  position: absolute;
  /*bottom: 0;*/
  bottom: 200px;
  left: 200px;
  background: url('../img/recruit/eat.png')no-repeat 0 0;
  width: 181px;
  height: 106px;
  content: '';
  z-index: 5;
}
.tokoroBox ul li {
  float: left;
  width: 50%;
  padding-left: 75px;
  box-sizing: border-box;
  text-align: center;
}
.tokoImg img {
  width: 100%;
}
.toko01 {
  color: #1d2089;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 20px 0;
}
.toko02 {
  font-size: 1.7rem;
  line-height: 1.64;
}
.typeItem {
  margin: 10px 0 0;/**/
}
.typeBox {
  padding: 0px 0 95px;
	margin-top: 117px;
}
.typeList {
  background: url('../img/recruit/type01_new.png')no-repeat right center;
  min-height: 600px;
  background-size: 50% auto;
}
.typeList01 {
  background: url('../img/recruit/type02.jpg')no-repeat left center;
  min-height: 500px;
  background-size: 50% auto;
}
.typeList02 {
  background: url('../img/recruit/type03.jpg')no-repeat right center;
  min-height: 500px;
  background-size: 50% auto;
}
.typeList03 {
  background: url('../img/recruit/type04.jpg')no-repeat left center;
  min-height: 500px;
  background-size: 50% auto;
}
.typeLeft {
  padding: 0 48% 0 0;
  box-sizing: border-box;
  padding-top: 20px;
}
.typeRight {
  padding: 0 0 0 48%;
}
.type01 {
  font-weight: bold;
  font-size: 2.4rem;
  color: #1d2089;
  margin-bottom: 10px;
}
.type02 {
  font-weight: bold;
  font-size: 5.8rem;
  color: #f5ab18;
  margin-bottom: 10px;
}
.type03 {
  font-size: 1.7rem;
  line-height: 1.64;
  margin-bottom: 10px;
}
.type04 {
  border: 1px solid #21a9dc;
  font-weight: bold;
  color: #21a9dc;
  text-align: center;
  padding: 16px 10px;
  box-sizing: border-box;
  display: block;
  margin-bottom: 20px;
  background-color: #fff;
}
.typeFont {
  padding-right: 65px;
  box-sizing: border-box;
  padding-top: 20px;
}
.typeRight .typeFont {
  padding: 20px 0 0 65px;
}
.sneakBox {
  padding: 140px 0 0;
}
.sneakImg {
  margin: 45px 0 0;
  position: relative;
}
.sneakImg:before {
  position: absolute;
  bottom: -5px;
  left: 50px;
  background: url('../img/recruit/eatIcon.png')no-repeat 0 0;
  content: '';
  z-index: 10;
  width: 172px;
  height: 107px;
}
.sneakText {
  text-align: center;
  font-size: 1.7rem;
  line-height: 1.64;
  margin: 40px 0 85px;
}
.sneakFlex {
  display: flex;
  align-items: center;
  /**/
  background-color: #d9f4fc;
  padding: 30px 30px;
}
.sneakLeft {
  box-sizing: border-box;
  width: 37%;
}
.sneakRight {
  width: 61%;
  margin-left: 2%;
}
.sneakRight img {
  width: 100%;
  /*height: 100%;*/
  height: auto;
}
.sneakLeft h3 {
  font-weight: bold;
  font-size: 2.6rem;
}
.sneakLeft h3 span {
  display: inline-block;
  color: #21a9dc;
  font-size: 1.8rem;
  margin-right: 25px;
}
.sneakLeft p {
  line-height: 2;
  margin-top: 15px;
  font-size: 1.6rem;
}
.sneakUl {
  border-top: 1px solid #21a9dc;
  margin-top: 30px;
  padding-top: 30px;
}
.sneakUl ul {
  margin-left: -50px;
}
.sneakUl ul li {
  float: left;
  width: 50%;
  padding-left: 50px;
  box-sizing: border-box;
  position: relative;
}
.sneakUl ul li:first-child:before {
  position: absolute;
  top: 0;
  right: -35px;
  background: url('../img/recruit/arrow_icons.png')no-repeat right center;
  width: 17px;
  height: 34px;
  content: '';
  z-index: 9;
  bottom: 0;
  margin: auto;
}
.colorBox {
  background-color: #d9f4fc;
  padding: 20px 20px 15px;
  box-sizing: border-box;
}
.colorBox h4 {
  font-weight: bold;
  font-size: 2.1rem;
  margin-bottom: 15px;
}
.colorBox p {
  line-height: 1.75;
  font-size: 1.6rem;
}
.whiteBox h4 {
  font-weight: bold;
  font-size: 2.6rem;
}
.whiteBox h4 span {
  display: inline-block;
  color: #21a9dc;
  font-size: 1.8rem;
  margin-right: 25px;
}
.whiteBox p {
  line-height: 2;
  margin-top: 15px;
  font-size: 1.6rem;
}
.whiteImg img {
  width: 100%;
}
.sneakBorder {
  border-bottom: 1px solid #21a9dc;
  padding-bottom: 40px;
  margin-bottom: 35px;
  position: relative;
}
.sneakBorder:before {
  position: absolute;
  bottom: 20px;
  right: 5px;
  background: url('../img/recruit/icon_a.png')no-repeat 0 0;
  width: 75px;
  height: 99px;
  content: '';
}
.sneakIcon {
  position: relative;
}
.sneakIcon:before {
  position: absolute;
  bottom: -10px;
  left: 300px;
  background: url('../img/recruit/icon_e.png')no-repeat 0 0;
  width: 75px;
  height: 95px;
  content: '';
}
.sneakFlexs {
  border-bottom: 1px solid #21a9dc;
  padding-bottom: 40px;
  position: relative;
}
.sneakFlexs:before {
  position: absolute;
  /*
    bottom: 25px;
	left: 350px;
    */
  bottom: 2.5vw;
  right: 3.0vw;
  background: url('../img/recruit/icon_t.png')no-repeat 0 0;
  width: 82px;
  height: 106px;
  content: '';
}
.overBox {
  background-color: #d9f4fc;
  padding: 16px;
  box-sizing: border-box;
  margin-top: 35px;
}
.overItem {
  display: flex;
  align-items: center;
}
.overLeft {
  width: 72%;
  padding-left: 20px;
  box-sizing: border-box;
}
.overRight {
  width: 28%;
}
.overLeft p {
  font-size: 1.6rem;
}
.overHd {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 2.1rem;
}
.elementBox {
  margin: 95px 0 50px;
  text-align: center;
}
.mat20x {
  margin-top: 20px;
}
/**recruit-----page.css**/
/* !loading
---------------------------------------------------------- */
#loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 199999;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
#loading img {
  display: none;
}
#loading p + p {
  margin-top: 50px;
}
.maFlex {
  display: flex;
  align-items: center;
}
#headerIn { /*
	position: relative;*/
}
.home #headerIn::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 300px;
  width: 100%;
  background-color: white;
  z-index: 0;
}
#mainVisual .mainBg {
  background-color: rgba(0, 0, 0, 0);
}
#myVideo, #main_banner img {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: auto;
}
.tvBox ul li a img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.tvBox ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; /*
    height: 100%;*/
  background: white;
}
.tvBox ul {
  display: flex;
  flex-wrap: wrap;
}
.b-announcer, .b-announcer_blog {
  border: 3px solid #855bbc;
}
.b-ehimenews {
  border: 3px solid #094daf;
}
.b-present {
  border: 3px solid #2bb5f9;
}
.b-eiga {
  border: 3px solid #3ecc3e;
}
.b-program, .b-program_news {
  border: 3px solid #094daf;
}
.b-post {
  border: 3px solid #ff8db6;
}
.b-campaign {
  border: 3px solid #ef4726;
}
.b-event {
  border: 3px solid #f96b00;
}
.b-sns {
  border: 3px solid #FCBC00;
}
.c-post {
  background-color: #ff8db6;
}
.c-event {
  background-color: #f96b00;
}
.c-campaign {
  background-color: #ef4726;
}
.c-present {
  background-color: #2bb5f9;
}
.c-eiga {
  background-color: #3ecc3e;
}
.c-ehimenews {
  background-color: #094daf;
}
.c-announcer, .c-announcer_blog {
  background-color: #855bbc;
}
.c-program, .c-program_news {
  background-color: #094daf;
}
.c-sns {
  background-color: #FCBC00;
}
.demandPic {
  padding-top: 0;
}
.topicImg {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sitemapBox dl dt ul#loadsitemap {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sitemapBox dl dt ul#loadsitemap li {
  width: 33%;
}
.home #headerLogo a:before {
  width: 420px;
  height: 82px;
  content: '';
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
}
.home #headerLogo a img {
  position: relative;
}
.sneakBorder:before {
  z-index: 99;
}
/*
.mainBox{
	overflow-x: scroll;
}
.mainBox ul {
    margin-left: -15px;
    width: fit-content;
    display: flex;
}
.mainBox ul li{
	width: 25vw;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .mainBox ul {
	width: 150%;
	
	}
	.topicImg{
		overflow: hidden;
	}
	.lineMenu{
		height: 85px;
	}
}
*/
.toriatsukai dt {
  text-align: center;
  font-size: 140%;
  font-weight: bold;
}
.toriatsukai dd {
  text-align: right;
}
.neww {
  color: red;
  position: absolute;
  top: 0;
}
.tidingsList {
  position: relative;
}
.tidingsBox ul li a {
  box-shadow: none;
  box-shadow: auto;
  box-shadow: unset;
}
.home .tidingsItem {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.demandImg img {
  height: auto;
}
.tidingsBox ul li a img {
  flex-shrink: 0;
  height: auto;
}
.pc_hide {
  display: none;
}
.l-box {
  display: none;
}
#colorbox .l-box {
  display: block;
}
.hijo_midashi {
  max-width: 68rem;
  text-align: center;
  padding: 3.3rem 0;
  background-color: #c8000b;
  color: white;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 4.3rem;
  margin: auto;
}
.hijo_content {
  font-size: 2.8rem;
  max-width: 100rem;
  margin: 5.8rem auto 0;
  position: relative;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  margin-bottom: 4rem;
}
.hijo_content:after {
  content: '';
  width: 40rem;
  border-bottom: 1px solid #b5b5b5;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 6rem;
}
.hijo_text {
  font-size: 2.8rem;
  max-width: 100rem;
  margin: auto;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.hijo_wrap {
  height: 800px;
  max-width: 1000px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  align-content: center;
  width: 100%;
  padding-top: 10rem;
}
.no_jump:before {
  display: none;
}
@media (max-width:1366px) {
  #main_banner img {
    /*top: 0;*/
  }
}
body {
  overflow: hidden;
}
.topicImg img {
  width: 100%;
  height: auto;
}
.vrList iframe {
  width: 100%;
}
#header #mainVisual .slick-active img {
  border: 1px solid #1d2089;
  box-sizing: border-box;
} /*
#header #mainVisual .slick-current img,#header #mainVisual .prev_slide img{
	border: 1px solid #1d2089;
	box-sizing: border-box;
}*/
.headSlick .headDl {
  height: 45px;
}
.demandImg span.new {
  top: 0;
  bottom: auto;
  color: red;
  background-color: rgba(255, 255, 255, 0.8);
}
.msbox_in .m2 {
  position: relative;
}
.msbox_in img {
  width: 100vw;
}
.msbox_in .ablink {
  position: absolute;
  right: 30vw;
  bottom: 4vw;
  width: 20vw;
  height: 4.5vw;
}
.msbox_in .ablink3 {
  position: absolute;
  right: 30vw;
  bottom: 4vw;
  width: 20vw;
  height: 4.5vw;
}
.msbox_in .ablink4 {
  position: absolute;
  right: 30vw;
  bottom: 4vw;
  width: 20vw;
  height: 4.5vw;
}
.msbox_in .ablink202011 {
  position: absolute;
  right: 20.5vw;
  bottom: 8vw;
  width: 20vw;
  height: 4.5vw;
}
.msbox_in .ablink2202011 {
  position: absolute;
  right: 20.5vw;
  bottom: 3.5vw;
  width: 20vw;
  height: 4.5vw;
}
.msbox_in .ablink202012 {
  position: absolute;
  right: 20.5vw;
  bottom: 3.5vw;
  width: 20vw;
  height: 4.5vw;
}
/*秋・採用*/
.rec_block01 {
  background: #ffa700;
  overflow: hidden;
}
.rec_block01 .rec_inner {
  text-align: center;
  margin: 52px auto 55px;
  overflow: hidden;
}
/**/
.rec_block02 {
  background: #000;
  position: relative;
}
.rec_block02::after {
  content: '';
  display: inline-block;
  background: url("../img/recruit/rec02_bottom.png")no-repeat;
  background-size: cover;
  width: 100%;
  height: 59px;
  position: absolute;
  border: 0;
  left: 0;
}
.rec_block02 .rec_inner {
  width: 1000px;
  margin: 0 auto;
  padding: 55px 0 37px;
  overflow: hidden;
}
.rec_block02 .rec_inner .rec_video {
  margin-top: 35px;
  position: relative;
  text-align: center;
}
.rec_block02 .rec_inner .rec_video video, .rec_block02 .rec_inner .rec_video iframe {
  width: 721px;
  height: 425px;
  outline: none;
}
.rec_block02 .rec_inner .rec_video .rec_name {
  position: absolute;
  bottom: -70px;
  left: 95px;
}
.rec_block02 .rec_inner .rec_message {
  margin-top: 100px;
  margin-left: 95px;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 270%;
  color: #fff;
}
/**/
.rec_block03 {
  margin-top: 60px;
  overflow: hidden;
}
.rec_block03 .rec_inner {
  max-width: 1050px;
  margin: 75px auto 73px;
  overflow: hidden;
}
.rec_block03 .rec_inner h2 {
  margin-bottom: 80px;
}
.rec_block03 .rec_inner h2 span {
  float: right;
  margin-right: 100px;
  position: relative;
  top: 35px;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
}
.rec_block03 .rec_inner .one_person {
  margin-bottom: 74px;
  overflow: hidden;
}
.rec_block03 .rec_inner .one_person .left_col {
  float: left;
  width: 470px;
  margin-left: 25px;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 270%;
}
.rec_block03 .rec_inner .one_person .right_col {
  float: right;
  width: 520px;
  height: 362px;
  position: relative;
}
.rec_block03 .rec_inner .one_person .right_col video, .rec_block03 .rec_inner .one_person .right_col iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 501px;
  height: 282px;
  z-index: 2;
}
.rec_block03 .rec_inner .one_person .right_col .rec_name {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.rec_block03 .rec_inner .one_person:nth-child(odd) .left_col {
  float: right;
  margin-right: 20px;
}
.rec_block03 .rec_inner .one_person:nth-child(odd) .right_col {
  float: left;
}
/**/
.block04_head {
  background: url("../img/recruit/03head.png")no-repeat;
  background-size: cover;
  width: 100%;
  height: 44px;
  font-size: 0;
  line-height: 0;
}
.rec_block04 {
  background: #333333;
  overflow: hidden;
}
.rec_block04 .rec_inner {
  max-width: 1050px;
  margin: 75px auto 150px;
  overflow: hidden;
  color: #fff;
}
.rec_block04 .rec_inner h2 {
  margin-bottom: 80px;
}
.rec_block04 .rec_inner h2 span {
  float: right;
  margin-right: 100px;
  position: relative;
  top: 35px;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
}
.rec_block04 .rec_inner .one_person {
  margin-bottom: 74px;
  overflow: hidden;
}
.rec_block04 .rec_inner .one_person .left_col {
  float: left;
  width: 470px;
  margin-left: 25px;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 270%;
}
.rec_block04 .rec_inner .one_person .right_col {
  float: right;
  width: 520px;
  height: 362px;
  position: relative;
}
.rec_block04 .rec_inner .one_person .right_col video, .rec_block04 .rec_inner .one_person .right_col iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 501px;
  height: 282px;
  z-index: 2;
}
.rec_block04 .rec_inner .one_person .right_col .rec_name {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.rec_block04 .rec_inner .one_person:nth-child(odd) .left_col {
  float: right;
  margin-right: 20px;
}
.rec_block04 .rec_inner .one_person:nth-child(odd) .right_col {
  float: left;
}
/**/
.rec_block05 {
  background: #fff1d8;
  overflow: hidden;
}
.rec_block05 .rec_inner {
  max-width: 1000px;
  margin: 103px auto;
  overflow: hidden;
}
.rec_block05 .rec_inner h3 {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 3.73rem;
  font-weight: bold;
  margin-bottom: 60px;
}
.rec_block05 .rec_inner dl {
  display: table;
  margin-bottom: 20px;
}
.rec_block05 .rec_inner dl.ans {
  margin-bottom: 40px;
}
.rec_block05 .rec_inner dl dt {
  display: table-cell;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 2.4rem;
  font-weight: bold;
  padding-right: 10px;
}
.rec_block05 .rec_inner dl.ans dt {
  color: #00abe0;
}
.rec_block05 .rec_inner dl dd {
  display: table-cell;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.7rem;
  line-height: 169%;
}
.rec_block05 .rec_inner dl.que dd {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 2.4rem;
  font-weight: bold;
}
.rec_block05 .rec_inner dl dd a {
  color: #8e8e8e;
}
/**/
.rec_block06 {
  background: #000;
  overflow: hidden;
}
.rec_block06 .rec_inner {
  margin: 51px 0;
}
.rec_block06 .rec_inner .rec_btn01 {
  width: 444px;
  margin: 0 auto;
}
.rec_block06 .rec_inner .rec_btn01 a {
  display: block;
  width: 444px;
  line-height: 84px;
  border-radius: 42px;
  background: #00abe0;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
/**/
.rec_block07 {
  overflow: hidden;
}
.rec_block07 .rec_inner {
  margin: 75px auto 112px;
  overflow: hidden;
}
.rec_block07 .rec_inner .c_txt {
  text-align: center;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
}
.rec_block07 .rec_inner .c_img {
  text-align: center;
  margin: 39px auto 45px;
}
.rec_block07 .rec_inner .c_txt02 {
  text-align: center;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 5.82rem;
  letter-spacing: 0.34em;
  font-weight: bold;
}
.rec_block07 .rec_inner ul {
  margin: 66px auto 30px;
  text-align: center;
  line-height: 100%;
  font-size: 0;
}
.rec_block07 .rec_inner ul li {
  display: inline-block;
  margin: 0 15px;
}
.rec_block07 .rec_inner .c_txt03 {
  font-size: 1.7rem;
  line-height: 169%;
  text-align: center;
}

.recruit_information a.nlink {
  font-size: min(2vw,20px);
  flex-wrap: wrap;
}
.recruit_information a.nlink p {
  width: 100%;
}
.recruit_information a.nlink span {
  font-size: min(1.5vw,16px);
  display: block;
  width: 100%;
  text-align: center;
  font-weight: normal;
}
.recruit_information a.nlinkred{
	background-color: #d00000;
	/*↓ボタン4つの場合*/
	/*bottom: -120px;*/
	/*↓ボタン3つの場合
	bottom: -150px;*/
	/*↓ボタン2つの場合（下2つ非表示）*/
	/*bottom: -200px;*/
}

.recruit_information a.nlinkblue {
	/*left: calc(50% - 469px);*/
	background-color: #006cd5;
	/*bottom: -315px;*/
	/*bottom: -220px;*/
	/*ボタン3つの場合（下1つ非表示）
	bottom: -265px;
	padding: 10px 0;
	bottom: -260px;*/
}

.recruit_information a.nlinkblue:nth-of-type(3){
	/*bottom: -400px;*/
}
.recruit_information a.nlinkyellow {
	/*left: calc(50% - 469px);*/
	background-color: #fcbc00;
	/*bottom: -315px;
	bottom: -320px;*/
}

.recruit_information a.nlinkgreen {
  /*left: calc(50% + 469px);*/
  background-color: #00ac00;
	/*ボタン4つの場合*/
  /*bottom: -500px;*/
	/*↓ボタン3つの場合（間1つ非表示）
	bottom: -380px;*/
	/*↓ボタン2つの場合（間2つ非表示）*/
	/*bottom: -340px;*/
	/*↓ボタン1つの場合（間3つ非表示）*/
	/*bottom: -175px;
	
	        bottom: -520px;*/
}

.rec_block02 .rec_inner .rec_video video, .rec_block02 .rec_inner .rec_video iframe {
  position: relative;
  z-index: 99;
}
.recruitMess {
	/*margin-top: 500px;*/
	/*ボタン3つの場合
	margin-top: 450px;*/
	/*ボタン1つの場合*/
	/*margin-top: 250px;*/
}

.endwrap {
  color: red;
  margin: 20px auto;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}
/*-----------------------------------*/
/*テレビちゃｎ プライバシーポリシー*/
.policy_tvchan {
  font-size: 1.4rem;
  line-height: 1.6;
}
.policy_tvchan dl {
  margin-top: 25px;
}
.policy_tvchan dt {
  font-weight: bold;
}
/*-----------------------------------*/
/*上に戻るボタン*/
#page_top {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  background: #ff8c00;
  opacity: 1;
  line-height: 25px;
}
#page_top a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
/*フッター内TOPページへのリンク*/
#footer_link_top {
  display: block;
  width: 248px;
  height: 146px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -124px;
  z-index: 100;
}
#footer_link_top span {
  display: none;
}
/*---------------------------*/
.grecaptcha-badge {
  margin-bottom: 60px;
}
/*--------------------------*/
/*広告主募集ページ*/
#ad #teaser h2 {
  background-image: url(../eat/image/event_ico.png);
}
.aditemwrap {
  margin: 0 auto 75px;
}
.aditemwrap .martop100 {
  margin: 100px auto 0;
}
.aditemwrap .martop50 {
  margin: 50px auto 0;
}
.aditemwrap .martop30 {
  margin: 30px auto 0;
}
.aditemwrap .images {
  display: flex;
  justify-content: center;
  gap: 0 25px;
}
.aditemwrap .images dl dt {
  background-color: #1D1F88;
  color: #fff;
  padding: 5px 15px;
}
.aditemwrap .list ul {
  list-style-type: none;
}
.aditemwrap .list ul li {
  list-style-type: none;
  text-indent: 1em;
  margin-left: -1em;
}
.aditemwrap .list ul li span {
  color: #1D1F88;
  display: inline-block;
  margin-right: 0.5em;
}
.aditemwrap .list ul li:not(:last-of-type) {
  margin-bottom: 15px;
}
.aditemwrap .contact {
  text-align: center;
}
.aditemwrap .contact dl {}
.aditemwrap .contact dl dt {
  font-size: 2.0rem;
  font-weight: bold;
  color: #1D1F88;
}

.aditemwrap .contact dd{
  line-height:200%;
  padding:10px;
}

.aditemwrap .contact a {
  color: #1D1F88;
  text-decoration: underline;
}

/*--------------------------*/
/*オンラインプライバシー通知ページ*/
.onlineprivacyWrap {
  margin: 30px 0 35px;
}

.onlineprivacyWrap .service-block{
  margin: 30px 0 70px;
}

.onlineprivacyWrap .privacytxt{
	margin-top: 30px;
}

.onlineprivacyWrap .privacylist-group{
  margin: 20px 0 0;
}
.onlineprivacyWrap .privacylist{
  padding: 5px 20px;
  margin-bottom: 3px;
}

.onlineprivacyWrap .service-block a{
	text-decoration: underline;
}

.onlineprivacyWrap .service-block table {
  width: 100%;
  box-sizing: border-box;
}
.onlineprivacyWrap .service-block table td {
  padding: 10px;
  box-sizing: border-box;
}
.onlineprivacyWrap .service-block table th{
  box-sizing: border-box;
  font-size: 1.6rem;
  padding: 17px 10px 17px 20px;
  vertical-align: top;
  background-color: #f1f1f1;
}

.onlineprivacyWrap .service-block table td,
.onlineprivacyWrap .service-block table th{
 border:1px solid #575757;
}


.onlineprivacyWrap .list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 3px;
  border: none;
}

.onlineprivacyWrap .list-group span{
	margin-left: 15px;
}

.onlineprivacyWrap .list-group span:before {
	content:'● ';
	position: absolute;
	font-size: 20px;
	top: 0;
	left: 0;
}

.onlineprivacyWrap .list-group span.ad:before{
	color: #FF1C6A;
}

.onlineprivacyWrap .list-group span.analysis:before{
	color: #FF8103;
}

.onlineprivacyWrap .list-group span.web:before{
	color: #FBDD49;
}

.onlineprivacyWrap .list-group span.tag:before{
	color: #9B04DB;
}

.onlineprivacyWrap .list-group span.sns:before{
	color: #E200A3;
}