@media screen and (max-width: 999px) {
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pc-on{
    display: none;
  }
  .tb-on{
    display: block;
  }
  .sp-on{
    display: block;
  }
  .spslider__outer,
  .internship__spmainvisual , .internship__spmainvisual--2, .internship__spmainvisual--3{
    display: block;
  }
  .internship__spmainvisual--2__img , .internship__spmainvisual--3__img{
    position: relative;
  }
  .tablet-on{
    display: block !important;
  }
  body {
    background: #fff;
    font-size: 12px;
    color: #111;
    line-height: 1.2;
    font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', sans-serif;
    -webkit-text-size-adjust: 100%;
  }
  video{
    vertical-align: bottom;
  }

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

slider

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

.spslider li img{
  width: 100%;
}
.sidenav{
  display: none;
}
.header .bx-wrapper{
  display: none;
}

.header__btns {
  position: relative;
  float: right;
}
.header__btns-top{
  visibility: visible;
}
.header__btns li{
  position: relative;
  width: 65px;
}
.header__btns-recruit{
  visibility: visible;
}
.header__splogo{
  width: 140px;
  display: block;
  position: absolute;
  left: 50px;
}
.sp-header{
  display: block;
  overflow: hidden;
  background-color: #fff;
  margin-bottom: 3px;
  position: relative;
}
.sp-header img{
  vertical-align: bottom;
}
.sitemap  .wrapper{
  padding-bottom: 60px;
}
.sidenav__switch{
  display: none;
  width: 50px;
  height: 50px;
}
.sidenav__switch-sp{
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
  width: 50px;
  height: 50px;
  background-color: #fff;
}
.sidenav__switch-sp img{
  width: 100%;
}
/*--------------------------------------------

slider

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


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

旧header

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



/*header {
  background: #000;
  margin-left: 0px;
  height: auto;
}
header .wrapper {
  *zoom: 1;
  background: #fff;
  width: 100%;
  margin: 0 auto;
}
header .wrapper:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
header .sp-on {
  display: block !important;
}
header .header-logo {
  float: left;
  line-height: 0;
}
header .header-logo .pc-logo {
  display: none;
}
header .header-logo .sp-logo {
  display: block;
}
header .header-logo .sp-logo img {
  width: 175px;
}
header .sub-logo {
  display: block;
  float: right;
}
header .sub-logo img {
  width: 134px;
  height: 21px;
}
header .login {
  float: right;
  margin-right: 0;
  margin-top: -10px;
}
header .login .login-onebtn li {
  width: 79px;
}
header .login li {
  float: left;
  display: block;
  width: auto;
}
header .login li img {
  width: 87px;
  margin-bottom: 10px;
  float: right;
}
header .login li.cs span {
  top: 43px;
}
header .login li:last-child {
  margin-right: 0;
}
header .sitemap-link {
  clear: both;
  text-align: right;
  padding-top: 0px;
}
header .sitemap-link a {
  font-size: 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(../img/common/ico_arrow_bottom.png) 7px 50% no-repeat;
  background-color: #F8F8F8;
  padding: 4px 7px 4px 18px;
}
header ul {
  *zoom: 1;
  float: none;
}
header ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
header ul li {
  float: left;
  line-height: 0;
}
header ul.global-navi {
  display: none;
}
header ul.global-navi-sp {
  display: -webkit-box;
  -webkit-box-align: center;
  clear: both;
  width: 100%;
  margin-top: 8px;
  margin-right: 6px;
  padding-top: 4px;
  padding-bottom: 3px;
}
header ul.global-navi-sp li {
  display: block;
  float: none;
  border-right: 1px solid #C0BBD6;
  -webkit-box-flex: 1;
  width: 25%;
}
header ul.global-navi-sp li.cs {
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
}
header ul.global-navi-sp li.cs span {
  font-size: 10px;
  color: #585858;
}
header ul.global-navi-sp li:first-child {
  border-left: none;
}
header ul.global-navi-sp li:last-child {
  border-right: none;
}
header ul.global-navi-sp li a {
  text-align: center;
  display: block;
  font-weight: bold;
  color: #000;
  line-height: 17px;
  padding: 15px 0px;
}
header ul.global-navi-sp li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
header ul.global-navi-sp li img {
  width: 100%;
}
header ul.global-navi-sp li:last-child {
  border-right: none;
  }*/
/*--------------------------------------------

旧header

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





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

2018

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

#top{
  width: 100%;
  min-width: 375px;
}
#people{
  width: 100%;
  min-width: 375px;
}
  /*------------------------------------------------------------

  2018_header

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

  .header{
    margin: 0;
    width: 100%;
  }
  .header__logo{
    position: relative;
    display: block;
    width : 100%;
    height: auto;
    padding: 10px;
    text-align: left;
    top: 0;
    z-index: 130;
  }
  .header__logo img{
    width: 141px;
  }
  .loginBox{
    position: relative;
    width: 100%;
    top: 0;
    display: block;
  }

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

2024_loginBox

------------------------------------------------------------*/
  .loginBox__entry{
    width: 100%!important;
    font-size: 12px!important;
  }
  .loginBox__thisYear,.loginBox__nextYear{
    width: 50%;
  }

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

2024_loginBox

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

  humberger-menu

  ------------------------------------------------------------*/
  .sp-toggleMenu{
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 130;
  }
  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }
  .menu-trigger {
    position: relative;
    width: 36px;
    height: 30px;
  }
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #0072cf;
    /*border-radius: 4px;*/
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu-trigger span:nth-of-type(2) {
    top: 14px;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
  .menu-trigger.active span:nth-of-type(2) {
    left: 50%;
    opacity: 0;
    -webkit-animation: active-menu-bar02 .8s forwards;
    animation: active-menu-bar02 .8s forwards;
  }
  @-webkit-keyframes active-menu-bar02 {
    100% {
      height: 0;
    }
  }
  @keyframes active-menu-bar02 {
    100% {
      height: 0;
    }
  }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-17px) rotate(45deg);
    transform: translateY(-17px) rotate(45deg);
  }


  .sp-menuwrap{
    position: relative;
  }
  .nav-close{
    display: none;
    position: fixed;
    z-index: 120;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #013855;
    opacity: 0.75;
    transition: .3s ease-in-out;
  }
  .sp-slideMenu{
    display: none;
    width: 250px;
    height: auto;
  }
  .sp-slideMenu__list{
    font-size: 14px;
  }
  .sp-slideMenu__list a{
    color: #fff;
    text-decoration:none;
    font-size: 14px;
    width: 100%;
  }
  .sp-slideTable{
    display: table;
    width: 100%;
    padding: 22px 14px 21px 36px;
    border-bottom: 1px solid #338ed9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .sp-slideTable__l{
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    text-indent: -20px;
  }
  .sp-slideTable__l:before{
    margin: -4px 2px 0 0;
    content: " ";
    display: inline-block;
    width: 11px;
    height: 14px;
    background: url(../img/common/arrow_big.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
  }
  .sp-slideTable__r{
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 27px;
    height: 16px;
    margin-right: 20px;
  }
  .sp-innerMenu{
    display: none;
  }
  .sp-innerMenu ul li{
    color: #fff;
    text-decoration: none;
    height: auto;
    text-indent: -1em;
    margin: 0 0 0 36px;
    padding: 5px 0 5px 1em;
    line-height: 2;
    font-size: 14px;
    border-bottom: 1px solid #338ed9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .sp-innerMenu ul li:before{
    margin: -4px 2px 0 0;
    content: "";
    display: inline-block;
    width: 10px;
    height: 12px;
    background: url(../img/common/arrow_min.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
  }
  .sp-newgra-arrow{
    padding-left: 24px;
    border-bottom: 1px solid #0072cf;
  }
  .sp-newgra-arrow:before{
    margin: -4px 2px 0 0;
    content: "";
    display: inline-block;
    width: 10px;
    height: 12px;
    background: url(../img/common/arrow_min.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
  }
  .sp-newgra-arrow a{
    color: #61c4fc;
  }
  .sp-innerMenu__title{
    background: #0067b7;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    color: #61c4fc;
  }
  .sp-innerMenu__title span{
    padding-left: 36px;
  }
  .sp-innerMenu__subtitle{
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    color: #e9e9e9!important;
  }
  .sp-innerMenu__subtitle:before{
    content: none!important;

  }
  .sp-slideMenu.sp-active{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    background: #0072cf;
    z-index: 120;
  }
  .sp-slideMenu.sp-slideMenu--top.sp-active{
    position: absolute;
    top: -54px;
    right: 0;
    z-index: 100;
    background: #0072cf;
    z-index: 120;
  }
  .sp-active{
    display: block;
  }
  .sp-role{
    transition: .5s;
    -moz-transform: rotateZ(-180deg);
    -webkit-transform: rotateZ(-180deg);
    -o-transform: rotateZ(-180deg);
    -ms-transform: rotateZ(-180deg);
  }
  .sp-role--l{
    transition: .5s;
    -moz-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
  }

  .p-colorWh{
    color: #fff;
  }

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

  /humberger-menu

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

  .loginBox__mypage,.loginBox__entry{
    color: #fff;
    width: 50%;
    height: 54px;
    font-size: 14px;
    line-height: 54px;
    text-align: center;
    display: inline-block;
  }
  .loginBox__entry--career{
    width: 100%;
  }
  .pankuzuWrap{
    padding-top: 20px;
  }





/*  .loginBox__mypage a,.loginBox__entry a{
    color: #fff;
    text-decoration: none;
  }
  .loginBox__mypage{
    background: #61c4fc;
  }
  .loginBox__entry{
    background: #0072cf;
  }
  .loginBox__mypage:before , .loginBox__entry:before{
    margin:-4px 10px 0 0;
    content:"";
    display:inline-block;
    width:11px;
    height:13px;
    background:url( ../img/common/icon-person.svg) no-repeat;
    background-size:contain;
    vertical-align:middle;
  }
 .loginBox__mypage:hover{
    background: #4e9dca;
    transition: .5s;
  }
  .loginBox__entry:hover{
    background: #005ba6;
    transition: .5s;
  }
  .header nav{
    position: absolute;
    width: 750px;
    right: 0;
    top: 34px;
    height: 54px;
    line-height: 54px;
    background: #fff;
    z-index: 10;
  }
  .header nav ul li{
    float: left;
    font-size: 12px;
    border-right: 1px solid #ededed;
    padding: 0 13px;
  }
  .header nav ul li:last-child{
    border-right: none;
  }
  .header nav ul li:hover{
    background: #0072cf;
    color: #fff;
    transition: .5s;
  }
  .current{
    background: #0072cf;
    color: #fff;
  }
  .megaMenu{
    position: absolute;
    top: 88px;
    width: 100%;
    background: #0072cf;
    z-index: 10;
    height: auto;
  }
  .gnaviBox{
    overflow: hidden;
    width: 1000px;
    margin: 40px auto;
    display: none;
  }
  .gnaviBox--l{
    float: left;
  }
  .gnaviBox--r{
    float: right;
  }
  .gnaviBox__title{
    font-size: 30px;
    color: #fff;
    margin: 0 0 30px;
  }
  .gnaviBox__more{
    width: 180px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #fff;
    text-align: center;
  }
  .gnaviBox__more a{
    display: block;
    font-size: 14px;
    width:100%;
    height:100%;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
  .gnaviBox__more a:hover{
    background: #fff;
    color: #0072cf;
    transition: .5s;
  }
  .hoverBox{
    overflow: hidden;
    width: 742px;
  }
  #internship{
    width: 130px;
  }
  .pankuzuWrap{
    padding-top: 88px;
  }
  .newBg{
    background: #efefef;
    }*/
  .newBg{
    background: #efefef;
  }
  /*------------------------------------------------------------

  2018_header

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

  2018_keyvisual

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

  .video-wrap {
    position: relative;
    height: auto;
    /*padding-top: 125.35%;
    background: url(../img/sp/index/sp-keyvisual.png) no-repeat;
    background-size: contain;*/
    
    width: 100%;
    margin: 0;
    max-height: 500px;
  }
  .video-wrap .movie-block iframe {
    vertical-align: bottom;
  }
  /*.video-wrap .movie-block > video{
    vertical-align: bottom!important;
  }*/
  .titleArea{
    display: block;
    position: absolute;
    top: 50%;
    text-align: left;
    transform: translateY(-50%);
    left: 10px;
  }
  .titleArea__subtitle{
    font-family: 'Lato', sans-serif;
    color: #fff;
    letter-spacing: 0.2em;
    font-size: 18px;
    mix-blend-mode: overlay;
    background-size: cover;
    font-weight: normal;
    margin-bottom: 8px;
    line-height: 1.0;
  }
  .titleArea__title{
    font-family: 'Lato', sans-serif;
    color: #fff;
    letter-spacing: .2em;
    font-size: 29px;
    mix-blend-mode: overlay;
    background-size: cover;
    font-weight: bold;
    line-height: 1.0;
  }
  .schrollArea{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform:translateX(-50%);
    background: none;
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 10px;
    letter-spacing: .2em;
  }
  .schrollArea:after{
    /*margin: 6px 0 0 23px;*/
    margin: 3px 0 0 18px;
    content: "";
    display: block;
    width: 11px;
    height: 56px;
    background: url(../img/common/icon-schroll2.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
  }

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

  2018_keyvisual

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

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

2018

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


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

2018_main

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


.topBanner ul li{
  float: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  height: 350px;
}

.internshipWrap{
  margin: 0px 0px 40px;
  background: url(../img/sp/index/sp-recruit.png) no-repeat;
  background-size: cover;
  height: 255px;
  text-align: center;
}
.topInternship{
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  width: 100%;
  height: auto;
}
.topInternship__title{
  font-size: 22px;
  color: #0072cf;
  margin-bottom: 20px;
}
.topInternship__text{
  font-size: 16px;
  margin: 0 20px 25px;
  line-height: 1.5;
}
.internship__mainvisual .inner{
  width: 100%;
}
.mainvisual__text{
  position: absolute;
  width: 42%;
  bottom: 40px;
  right: 10px;
}
.internship__mainvisual__cap{
  font-size: 2vw;
  color: #fff;
  text-align: left;
  margin-bottom: 15px;
}
.internship__mainvisual__ttl{
  font-size: 5.5vw;
  font-weight: bold;
  text-align: left;
  line-height: 1.35;
  color: #fff;
}

@media screen and (max-width: 500px) {
  .mainvisual__text{
    position: absolute;
    width: 61%;
    bottom: 40px;
    right: 10px;
  }
  .internship__mainvisual__cap{
    font-size: 3.5vw;
    color: #fff;
    text-align: left;
    margin-bottom: 15px;
  }
  .internship__mainvisual__ttl{
    font-size: 7.5vw;
    font-weight: bold;
    text-align: left;
    line-height: 1.35;
    color: #fff;
  }
}






.companyWrap{
  margin: 0 20px 40px;
}
.topCompany{
  display: block;
}
.companyBox__image{
  width: 100%;
  display: block;
  margin-bottom: 25px;
}
.companyBox__image img{
  width: 100%;
}
.companyBox{
  display: block;
  width: 100%;
}
.companyBox__inner{
  width: 100%;
  margin: 0 auto;
}
.companyBox__title{
  font-size: 22px;
  margin-bottom: 20px;
}
.companyBox__text{
  font-size: 16px;
  margin-bottom: 25px;
  text-align: left;
}

.employeeWrap{
  margin: 0px 0px 40px;
  background: url(../img/sp/index/sp-employee.png) no-repeat;
  background-size: cover;
  height: 265px;
  text-align: center;
  padding: 0 20px;
  width: 100%;
}
.topEmployee{
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  width: 100%;
  padding: 0 20px;
  height: auto;
  line-height: 1.5;
}
.topEmployee__title{
  font-size: 22px;
  margin-bottom: 20px;
  line-height: 1;
}
.topEmployee__text{
  font-size: 16px;
  margin-bottom: 25px;
}

.btn__more{
  width: 172px;
  height: 51px;
  line-height: 51px;
}
.btn__more--2{
  width: 172px;
  height: 51px;
  line-height: 51px;
}

.specialWrap{
  margin: 0;
}
.topSpecial__title{
  font-size: 22px;
}
.topSpecial__subtitle{
  font-size: 22px;
}
.topSpecial__subtitle span{
  font-size: 22px;
}
.topSpecial__cption{
  font-size: 14px;
  color: #333;
  margin-bottom: 30px;
  text-align: center;
}

.specialBox ul{
  width: 100%;
  display: table;
}
.specialBox ul li{
  width: 100%;
  display: block;
  border-right: none;
  position: relative;
  padding: 14px;
  border-bottom: 1px solid #efefef;
}
.specialBox ul li:last-child{
  border-bottom: none;
}
.specialList{
  display: table;
  width: 100%;
}
.specialList__image{
  display: table-cell;
  width: 40%;
  vertical-align: top;
}
.specialList__image img{
  width:100%;
  vertical-align: bottom;
}
.contentBox{
  display: table-cell;
  width: 55%;
  margin: 0;
  padding-left: 5%;
  vertical-align: top;
}
.contentBox__title{
  margin-bottom: 8px;
  font-size: 14px;
}
.p-shortBorder{
  margin-bottom: 10px;
}
.contentBox__text{
  margin-bottom: 0px;
  font-size: 14px;
}
.topBanner{
  margin: 0;
}
.topBanner ul li{
  float: none;
  width: 100%;
  height: 212px;
}
.bg-scale {
  height: 212px;
  text-decoration: none;
}
.bg-scale:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/sp/index/sp-globalnet.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  transition: all .5s ease-out;
}
.bg-scale--2:after {
  background: url(../img/sp/index/sp-worklife.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}
.bg-scale--3:after {
  background: url(../img/sp/index/sp-crosstalk.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}
.bg-scale--4:after {
  background: url(../img/sp/index/sp-fintech.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}
.bg-scale--5:after {
  background: url(../img/sp/index/sp-technology.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}
.bg-scale--6:after {
  background: url(../img/sp/index/sp-crosstalk2.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}
.bg-scale__inner{
  z-index: 70;
  padding: 0 20px;
}
.bg-scale__title{
  font-size: 22px;
  margin-bottom: 30px;
  z-index: 70;
}
.bg-scale__text{
  font-size: 16px;
  z-index: 70;
  line-height: 1.5;
}
.mainContents{
  margin: 0;
}
/*20180209*/
.footer{
  width: 100%;
  margin-top: 40px;
}
/*20180209*/
.pageTop__wrap{
  padding: 0;
  height: 80px;
}
.footer.concept{
  margin-top: 0;
}
.siteMap__inner{
  width: 100%;
}
.siteMap--l{
  float:none;
  margin: 30px 0;
}
.siteMap--l ul li{
  float: none;
  border-right: none;
  text-align: center;
  width: 100%;
  margin-right: 0px;
  padding-right: 0px;
  margin-bottom: 20px;
}
.copyRight{
  font-size: 10px;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
.siteMap--r{
  float: none;
  text-align: center;
}

/*---------------------------------------------
modal
----------------------------------------------*/
.modal-wrapper{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100;
  display: none;
}
.modal-wrapper--black{
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-inner{
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.modal-content{
  width: 320px;
  height: 180px;
  display: none;
}
.modal-content iframe{
  width: 100%!important;
  height: 100%!important;
}
.modal-close{
  text-align: right;
  margin-right: 0px;
}
.modal-close img{
  width: 25px;
}
.modal-content iframe{
  width: 320px!important;
  height: 180px!important;
}


.modal-trigger{
  cursor: pointer;
}

/*---------------------------------------------
modal
----------------------------------------------*/



/*---------------------------------------------
parts
----------------------------------------------*/




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

/2018_main

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

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

2018_prapoli

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

.privacyPolicy{
  margin-bottom: 0;
}
.privacyPolicy__wrap{
  padding: 20px;
  /*background: #efefef;*/
}
.p-mgnone{
  margin: 0;
}
.p-z-200{
  z-index: 200 !important;
}

.p-comming{
  font-size: 13px;
}
/*------------------------------------------------------------

2018_prapoli

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














.sitemap .indent{
  padding-left: 0px;
}
.sitemap .col-2 a{
  padding-left: 10px;
}

#container {
  width: 100%;
}
#container .wrapper {
  width: 100%;
  margin: 0 auto;
  background: #E8E8E8;
}

.wrapper {
  width: 100%;
  margin: 0 auto;
  min-width: 320px;
}

.top_grid ul li{
  width: 50%;
}

img {
  max-width: 100%;
  height: auto;
  width: auto;
}

.pankuzu {
  display: none;
}

footer {
  background: #000;
}
footer .wrapper {
  *zoom: 1;
  background: #0071C6;
  padding: 22px 0 20px;
  width: 100%;
  margin: 0 auto;
}
footer .wrapper:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
footer .twitter {
  float: none;
  text-align: center;
  margin-right: 0px;
  margin-bottom: 10px;
}
footer .copyright {
  text-align: center;
  float: none;
  margin-left: 0;
  font-size: 10px;
  color: #efefef;
}
.internship__ttl{
  font-size: 16px;
  padding: 20px 0px 10px;
}
.internship__note{
  font-size: 12px;
  padding: 0 10px 20px;
}
.internship__txt{
  font-size: 12px;
  padding: 0 10px 10px;
}
.internship__category{
  margin-bottom: 15px;
  font-size: 15px;
}
.internship__mainbtn.mainbtn-2{
  margin-top: 15px;
}
.internship__category span{
  width: 11px;
  height: 11px;
  margin-right: 5px;
}
.internship__mainbtn{
  height: 45px;
  width: auto;
  padding-left: 10px;
  font-size: 11px;
  line-height: 45px;
  margin: 32px auto 0;
  position: relative;
  background: url(../img/sp/internship/internttlbg.png) 0 0 no-repeat;
  background-size: cover;
}
.internship__mainbtn span{
  font-size: 11px;
}
.internship__mainbtn--blue{
  background: url(../img/sp/internship/internttlbg2.png) 0 0 no-repeat;
  background-size: cover;
}
.internship__mainbtn img{
  top: 12px;
  right: 15px;
  width: 23px;
}
.internship__mainttl{
  height: 45px;
  width: auto;
  padding-left: 20px;
  font-size: 15px;
  line-height: 45px;
  margin: 40px auto 0;
}
.internship__mainbox{
  background: url(../img/sp/internship/internshipbox.png) 0 0 repeat;
  width: auto;
  margin: 0px auto 35px;
}
.internship__mainbox__ttl{
  font-size: 18px;
  padding: 40px 0 20px;
}
#internopener-consul-target .internship__mainbox__ttl{
  padding: 30px 0 40px;
}

#internopener-consul-target .internship__chara__main, #economist-target .internship__chara__main{
  height: auto;
}
.internship__mainbox__catch{
  font-size: 10px;
  font-weight: normal;
  padding-bottom: 35px;
}
.internship__mainbox__subttl{
  font-size: 17px;
  border-bottom: 3px solid #004243;
  margin-bottom: 15px;
}
.internship__chara{
  width: auto;
  margin: 0 auto 30px;
}

.internship__chara li{
  float: none;
  width: auto;
  margin-right: 0;

}

.internship__apply--overlay{
  height: 386px;
}
.internship__apply--alert{
  font-size: 16px;
}

.internship__chara__ttl{
  font-size: 15px;
  line-height: 40px;
  height: 40px;
  padding-left: 20px;
  text-align: left;
}
.internship__chara__main{
  height: auto;
  padding-bottom: 35px;
  border-bottom: 2px solid #fff;
}
.internship__chara__subttl{
  font-size: 18px;
  height: auto;
}
.internship__chara__sentence{
  padding: 0 20px;
}
.internship__apply{
  width: auto;
  margin: 0 auto 15px;
}
.internship__apply th{
  width: 100px;
  padding: 12px;
  font-size: 11px;
}
.internship__apply td{
  padding: 12px;
  font-size: 10px;
}
.internship__entrycatch{
  font-size: 13px;
  width: auto;
  margin: 0 auto 30px;
  text-align: center;
}
.internship__entrycatch--strategy {
  padding-bottom: 0px;
}
.internship__participate{
  width: 300px;
  margin: 0 auto 30px;
}
.internship__participate.end{
  padding-bottom: 30px;
}
.internship__participate.first{
  margin: 0 auto 30px;
}
.internship__preentry{
  width: 300px;
  margin: 0px auto 50px;
}
.internship__participate p{
  font-size: 12px;
  font-weight: bold;
}
.internship__participate img{
  width: 100%;
}
.internship__preentry img{
  width: 100%;
}
.internship__recommend{
  padding: 25px 20px;
  font-size: 11px;
}

.internship__recommend__ttl{
  font-size: 15px;
  margin-bottom: 10px;
}

.internship__recommend__list{
  overflow: hidden;
  margin-top: 20px;
  font-size: 10px;
}

.internship__recommend__list li{
  float: left;
  margin-right: 0px;
  width: 49%;
  height: 200px;
  margin-bottom: 12px;
}
.internship__recommend__list li.right{
  float: right;
}
.internship__recommend__list li img{
  display: block;
  margin: 0px auto;
}
.internship__recommend__listmessage{
  padding: 3px 6px;
}
.internship__faq{
  margin: 0px auto 35px;
}
.internship__faq__ttl{
  width: auto;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  padding-left: 20px;
}
.internship__faq__ttl span{
  margin-left: 10px;
}
.internship__faq__icon{
  right: 16px;
  top: 16px;
  width:  20px;
}
.internship__faq__main{
  width: auto;
  padding: 10px;
}
.internship__contact{
  padding: 20px;
  width: auto;
  margin: 0px auto;
}

.internship__flow__outer{
  width: auto;
}

.internship__flow__num{
  width: 10%;
}

.internship__flow__ttl{
  width: 90%;
}

.internship__flow__main{
  padding: 15px 10px;
}


.internship__past__list{
  text-align: left;
  padding: 20px 20px 0;
}

.internship__faq__list dt{
  width: 100%;
  padding-bottom: 0px;
}
.internship__faq__list dd{
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  margin-top: 5px;
}

.internship__faq__ttl{
  font-size: 14px;
  padding-left: 10px;
}

.internship__faq__list{
  margin-bottom: 15px;
}

.p-internIndent , .p-internIndent--2{
  margin: 0;
  padding: 0;
}


.cross__main__bgtop{
  display: none;
}
.cross__main{
  background: #e8e8e7;
}

.cross__mainttl{
  font-size: 14px;
  padding: 20px 0;
}

.cross__peoples{
  width: 100%;
  margin: 130px auto 0;
}

.cross__peoples--two {
  margin: 0 auto;
}

.cross__peoples li{
  float: none;
  margin: 0 auto 25px !important;
}
.cross__peoples__top{
  padding: 0 10px 0 0;
  height: auto;
}
.cross__peoples__top img{
  vertical-align: bottom;
}

.cross__peoples__main{
  height: auto;
}
.cross__peoples__main__02{
  height: auto;
}

.cross__subttl{
  width: auto;
  padding-left: 38px;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
}

.cross__talks{
  width: auto;
  padding: 30px 10px;
}
.cross__talks__sentence,
.cross__talks__img{
  width: auto;
  float: none;
}

.cross__talks__img{
  text-align: center;
  padding-bottom: 30px;
}

.cross__talks__box{
  margin-bottom: 30px;
}
.cross__talks__txt{
  font-size: 16px;
}
.cross__talks__box:last-child{
  margin-bottom: 30px;
}



/*--------------------------------------------
201803追加
--------------------------------------------*/
.pc_float--l{
  float: none;
}
.pc_float--r{
  float: none;
}
.sp_mgb25{
  margin-bottom: 25px;
}
.sp_mgb35{
  margin: 0 0 35px 0;
}
.sp-block{
  display: block;
}
.pc-block{
  display: none;
}
.sp-none{
  display: none;
}
/*--------------------------------------------
201803追加
--------------------------------------------*/























}






@media screen and (max-width: 768px) {
  header .header-logo {
    width: 145px;
  }
  header .header-logo .pc-logo {
    display: none;
  }
  header .header-logo .sp-logo {
    display: block;
    width: 100%;
  }
  header .header-logo .sp-logo img {
    width: 175px;
  }
  .sp_textleft{
    text-align:left!important;
  }
  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 4px !important;
  }
  .bx-wrapper .bx-pager.bx-default-pager a{
    width: 32px !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
  }
}




@media screen and (max-width: 999px) {
  #index header .header-logo a .sp-logo img {
    width: 185px;
  }
  #index header .login {
    margin-right: 0px;
    margin-top: 0px;
  }
  .togglenav{
    display: block;
    background-color: #404040;
    position: fixed;
    height: 100%;
    top: 50px;
    z-index: 10000;
    width: 50px;
    left: -50px;
  }
  .topwhatsnew {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .topwhatsnew__ttl {
    font-size: 14px;
    width: auto;
    float: none;
    padding: 15px 0;
    margin-bottom: 0px;
    height: 45px;
    letter-spacing: .1em;
  }
  .topwhatsnew__list {
    width: 100%;
    float: none;
    font-size: 12px;
    padding: 20px;
    display: table;
  }
  
  /* news 一つの場合 */
  /* .topwhatsnew__list dt,
  .topwhatsnew__list dd{
    display: table-cell;
    width: auto;
    float: none;
  }
  .topwhatsnew__list dt{
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 14px;
  }
  .topwhatsnew__list dd{
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    padding-left: 1em;
    line-height: 1.5;
  } */
  /* news 一つの場合 */
  
  /* news更新 20190917 */
  .topwhatsnew__list dt{
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 14px;
    width: 30%;
    word-break: break-all;
  }
  .topwhatsnew__list dd{
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    /* padding-left: 1em; */
    line-height: 1.5;
    width: 70%;
    margin-bottom: 10px;
  }
  /* news更新 20190917 */




  #index .block .block-box.whatsjri {
    margin-right: auto;
    margin-bottom: 3px;
  }
  #index .block .block-box.col.login-box {
    width: auto;
  }
  #index .block .block-box.col .entry {
    margin: 0 0px 0 0 !important;
    padding-right: 5px;
    width: 50% !important;
    float: left;
  }
  #index .block .block-box.col .entry img {
    width: 100%;
  }
  #index .block .block-box.col .login {
    margin: 0 !important;
    width: 50% !important;
    float: left;
  }
  #index .block .block-box.col .login img {
    width: 100%;
  }
  #index .block .whatsnew {
    background: #fff;
    padding: 26px 18px;
    width: 316px;
    height: 362px;
    margin-bottom: 5px !important;
    text-align: left;
    margin-top: 0px;
  }
  #index .block .whatsnew .title {
    margin-bottom: 22px;
  }
  #index .block .whatsnew .title img {
    width: auto;
  }
  #index .block .whatsnew ul {
    height: 269px;
    overflow: scroll;
  }
  #index .block .whatsnew ul li {
    margin-bottom: 15px;
  }
  #index .block .whatsnew ul li .date {
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 1;
  }
  #index .block .whatsnew ul li .text {
    overflow: hidden;
  }
  #index .block .whatsnew ul li::after {
    display: block;
    width: 21px;
    border-bottom: 1px dotted #000;
    padding-bottom: 15px;
    content: "";
  }
  .sitemap .wrapper {
    width: auto;
  }
  #container .sitemap .sitemap-block {
    width: 96%;
    float: none;
    margin: 0 auto;
  }
  .sitemap h3.sitemap-block_ttl01{
    float: none;
  }
  .sitemap .sitemap-block-left,
  .sitemap .sitemap-block-right{
    width: 50%;
    margin: 0px;
  }
  .sitemap .corporate-sitemap .sitemap-block-left{
    width: 96%;
  }
  .sitemap .business-sitemap .sitemap-block-left{
    width: 96%;
  }
  #container .sitemap h3{
    width: auto;
  }
  #index .sp-display-none {
    display: none;
  }
}





@media screen and (max-width: 768px) {
  #index #container .wrapper {
    width: 100%;
  }
  #index .sp-max {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #index .block {
    *zoom: 1;
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }
  #index .block:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #index .block.blue {
    padding-bottom: 3px;
  }
  #index .block.green {
    padding-bottom: 3px;
  }
  #index .block .whatsjribox {
    width: 100% !important;
  }
  #index .block .block-box {
    float: none;
    width: 282px;
    margin: 0 auto 0;
    text-align: center;
    margin-bottom: 0;
  }
  #index .block .block-box img {
    width: 100%;
  }
  #index .block .block-box.whatsjri {
    width: 100%;
  }
  #index .block .block-box.top-image {
    margin-bottom: 2px;
    width: 100%;
  }
  #index .block .block-box.row > div {
    margin-bottom: 2px;
  }
  #index .block .block-box.row > div:last-child {
    margin-bottom: 2px;
  }
  #index .block .block-box.col {
    *zoom: 1;
  }
  #index .block .block-box.col:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #index .block .block-box.col.col8 > div {
    margin-right: 0px;
  }
  #index .block .block-box.col.col6 > div {
    margin-right: 0px;
  }
  #index .block .block-box.col > div {
    float: none;
    margin-right: 0px;
    margin-bottom: 2px;
  }
  #index .block .block-box.col > div .project-case-block {
    margin-bottom: 2px;
  }
  #index .block .block-box.col > div.system {
    margin-right: 0px;
  }
  #index .block .block-box.col > div .schedule {
    margin-bottom: 2px;
  }
  #index .block .block-box.col > div:last-child {
    margin-right: 0px;
    margin-bottom: 0px;
  }
  #index .block .block-box.col.login-box {
    width: auto;
  }
  #index .block .block-box.col .entry {
    margin: 0 0px 0 0 !important;
    padding-right: 5px;
    width: 50% !important;
    float: left;
  }
  #index .block .block-box.col .entry img {
    width: 100%;
  }
  #index .block .block-box.col .login {
    margin: 0 !important;
    width: 50% !important;
    float: left;
  }
  #index .block .block-box.col .login img {
    width: 100%;
  }
  #index .block .block-box:last-child {
    margin-right: auto;
  }
  #index .block .block-box .smfgarea {
    margin-left: 0px;
  }
  #index .block .whatsnew {
    background: #fff;
    padding: 26px 18px;
    width: 100%;
    height: 142px;
    margin-bottom: 5px !important;
    text-align: left;
    margin-left: 0px;
  }
  #index .block .whatsnew .title {
    margin-bottom: 22px;
  }
  #index .block .whatsnew .title img {
    width: auto;
  }
  #index .block .whatsnew ul {
    height: 64px;
    overflow: scroll;
  }
  #index .block .whatsnew ul li {
    margin-bottom: 15px;
  }
  #index .block .whatsnew ul li .date {
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 1;
  }
  #index .block .whatsnew ul li .text {
    overflow: hidden;
  }
  #index .block .whatsnew ul li::after {
    display: block;
    width: 21px;
    border-bottom: 1px dotted #000;
    padding-bottom: 15px;
    content: "";
  }
  #index .block .block-box .facebook {
    width: 100%;
    background: #fff;
    padding: 25px 7px 26px;
  }
  #index .block .block-box .facebook iframe {
    width: 100%;
    height: 354px !important;
  }

}























































/* ブレイクポイント1000px */
@media screen and (max-width: 999px) {
  #corporate .block {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ededed), color-stop(40%, #ffffff), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(left, #ededed, #ffffff 40%, #ffffff);
    background-image: -webkit-linear-gradient(left, #ededed, #ffffff 40%, #ffffff);
    background-image: linear-gradient(to right, #ededed, #ffffff 40%, #ffffff);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFEDEDED', endColorstr='#FFFFFFFF');
    margin: 5px 10px 17px;
    border: 1px solid #CECECE;
  }
  #corporate .block:last-child {
    margin-bottom: 0;
  }
  #corporate .block a {
    color: #000;
  }
  #corporate .block.small {
    width: auto;
    margin-right: 10px;
    margin-left: 10px;
    float: none;
  }
  #corporate .block.small:nth-child(2n) {
    margin-right: 10px;
    margin-left: 10px;
  }
  #corporate .block.small:last-child {
    margin-bottom: 0;
  }
  #corporate .block.small .block-p {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
  }
  #corporate .block.small .block-p.small {
    height: auto;
  }
  #corporate .block.small .block-p.middle {
    height: auto;
  }
  #corporate .corporate {
    *zoom: 1;
    margin: 0 20px;
    background: #F4F4F4;
    padding-bottom: 10px;
  }
  #corporate .corporate:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #corporate .corporate.leftcol {
    float: none;
    width: auto;
  }
  #corporate .sidebar {
    float: none;
    width: auto;
    margin-top: 40px;
    margin-left: 20px;
  }
  #corporate .sidebar h2 {
    color: #000;
    margin-bottom: 10px;
    line-height: 28px;
  }
  #corporate .sidebar h2 img {
    vertical-align: top;
    margin-right: 10px;
  }
  #corporate .sidebar ul {
    border-bottom: 1px solid #FFFFFF;
  }
  #corporate .sidebar ul li {
    font-size: 15px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #FFFFFF;
  }
  #corporate .sidebar ul li:first-child {
    border-top: none;
  }
  #corporate .sidebar ul li a {
    display: block;
    padding: 15px 0;
    color: #000;
    background: url(../img/common/ico_arrow_right.png) right 50% no-repeat;
  }
  #corporate .sidebar ul li.on a {
    color: #0075bf;
  }
  #corporate .globalnetwork_keyblock{
    background: url(../img/corporate/global_bg.png) no-repeat 0 0;
    background-size: 100%;
    margin: 0px auto 20px;
    width: 700px;
    height: 400px;
  }
  .globalnetwork_keyblock_img01{
    top: 74px;
    left: 150px;
  }
  .globalnetwork_keyblock_img02{
    top: 146px;
    left: 162px;
  }
  .globalnetwork_keyblock_img03{
    top: 182px;
    left: 500px;
  }
/* ブレイクポイント1000px */

.pankuzuWrap.pankuzuWrap-worklife{
  padding-top: 0;
}
.lowerpage .c-keyvisual {
  position: relative;
  overflow: hidden;
  background: #0072cf;
  width: 100%;
  /* height: 340px; */
  height: auto;
}
.lowerpage .c-keyvisual .c-keyvisual__image {
  float: none;
  width: 100%;
  height: 195px;
}
.lowerpage .c-keyvisual .c-keyvisual__image span{
  height: 195px;
}
.lowerpage .c-keyvisual .c-keyvisual__text {
  position: static;
  /* left: 12%; */
  left: 0;
  top: 0;
  transform: none;
  display: block;
}
.lowerpage .c-keyvisual .c-keyvisual__text .c-textArea .c-staffList__name.work-life-name{
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.lowerpage .c-keyvisual .c-keyvisual__text .c-textArea .c-textArea__title.work-life-title{
  font-size: 21px;
  margin-bottom: 0;
}
.lowerpage .c-keyvisual .c-keyvisual__text .c-textArea.textArea-2{
  padding: 30px 20px 30px;
}
.work-life-text{
  margin: 30px 20px 0;
  font-weight: bold;
  line-height: 1.5;
}
.inner{
  width: 100%;
  margin: 0 auto;
}
.sec.sec-sp{
  margin-bottom: 30px;
}
.sec-3{
  margin: 20px auto 30px;
}
.work-life-subject{
  flex-wrap: wrap;
  width: calc(100% - 40px);
  margin: 0 auto;
  justify-content: space-between;
}
.work-life-subject .work-life-box {
  width: calc(50% - 8px);
  border: solid 1px #0072cf;
  height: 60px;
  margin-right: 0;
}
.work-life-box:nth-child(1) {
  margin-bottom: 16px;
}
.work-life-box:nth-child(2) {
  margin-bottom: 16px;
}
.work-life-box-text{
  font-size: 10px;
  line-height: 1.4;
  text-align: center;
  margin-top: -4px;
  width: 100%;
}
.triangle{
  border-width: 4px 5px 0 5px;
  bottom: 6px;
}
.conent-title{
  font-size: 20px;
  line-height: 1.5;
  margin: 0 20px 40px;
}
.content-text{
  line-height: 1.5;
  margin: 0 20px 40px;
}
.content-img {
  width: 100%;
  display: block;
  margin: 0 auto;
}
.graph-img {
  margin: 0 20px 30px;
  width: calc(100% - 40px);
}
.graph-img.graimg-2{
  width: calc(100% - 40px);
}
.graph-img:last-child {
  margin-right: 20px;
}
.content-mark {
  width: calc(100% - 40px);
}
.mark-title {
  font-size: 16px;
}
.mark-text {
  line-height: 1.5;
}
.content-subtitle{
  margin: 0 auto;
  width: calc(100% - 40px);
  font-size: 16px;
  line-height: 2.8;
  margin-bottom: 30px;
}
.graph02-img {
  width: calc(100% - 40px);
}
.content-list {
  width: calc(100% - 40px);
  margin: 0 auto;
  display: block;
  border-top: solid 1px #efefef;
  padding: 20px 0;
}
.content-list-title {
  width: calc(100% - 40px);
  line-height: 1.6;
  margin-bottom: 20px;
}
.content-list-text {
  width: calc(100% - 40px);
  line-height: 1.5;
}
.content-secondtitle {
  font-size: 16px;
  line-height: 1;
  margin: 30px 20px;
}
.staff-voice {
  width: calc(100% - 40px);
  margin-right: 0;
  margin: 0 20px 30px;
  display: table;
}
.staff-voice .staffList {
  display: table-cell;
  width: 47%;
  margin-right: 6%;
  box-shadow: 8px 8px 6px 0px rgba(11, 3, 6, 0.1);
  height: auto;
  /* padding-bottom: 40px; */
  position: relative;
  height: 300px;
  margin-bottom: 20px;
}
.staff-voice .staffList:nth-child(2n) {
  margin-right: 0;
}
.staffList .textArea {
padding: 0 10px;
}
.staffList .textArea .textArea__cat li {
  display: inline-block;
  margin: 0 5px 5px 0;
}
.staffList .textArea .textArea__cat {
  display: block;
  /* padding-top: 28px; */
  margin: 0 0 10px 0;
}
.staffList .textArea--2{
  position: relative;
  /*background: #efefef;*/
  padding: 20px!important;
  height: initial;
  margin-top: 0;
  line-height: 1;
}
.staffList .staffList__name {
  position: absolute;
  left: 10px;
  bottom: 24px;
  font-size: 14px;
  color: #000;
}























}
@media screen and (max-width: 768px) {
  #corporate h1 {
    color: #066666;
    font-size: 17px;
    font-weight: bold;
    background: #F4F4F4;
    padding: 15px 0 10px 10px;
  }
  .newinternspan{
    font-size: 15px;
    padding-top: 0px;
    padding-bottom: 2px;
  }

  #corporate h1.large {
    font-size: 24px;
    text-align: center;
    padding: 30px 0;
    border-bottom: 1px solid #D7DFE4;
    margin: 0 20px;
  }
  #corporate h2 {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  #corporate h3 {
    *zoom: 1;
    background: #e0e0e0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #e0e0e0));
    background-image: -moz-linear-gradient(top, #f4f4f4, #e0e0e0);
    background-image: -webkit-linear-gradient(top, #f4f4f4, #e0e0e0);
    background-image: linear-gradient(to bottom, #f4f4f4, #e0e0e0);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF4F4F4', endColorstr='#FFE0E0E0');
    font-size: 20px;
    font-weight: bold;
    color: #666666;
    padding: 15px 0 15px 0px;
    font-size: 15px;
    padding: 7px 0 7px 0px;
  }
  #corporate h3:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #corporate h3 span {
    padding-left: 25px;
    background: url(../img/common/ico_title.png) 12px 50% no-repeat;
  }
  #corporate h3 span {
    display: block;
    padding-left: 18px;
    float: left;
    background-position: 10px 0;
  }
  #corporate h3 span.link {
    background: none;
    -ms-filter: none;
    filter: none;
    float: right;
    margin-right: 7px;
    padding-left: 0;
  }
  #corporate h3.left span {
    background-position: 0 0;
    padding-left: 13px;
  }
  #corporate h3.left span.link {
    padding-left: 0;
  }
  #corporate .corporate-dl {
    *zoom: 1;
    margin-left: 10px;
    margin-right: 10px;
  }
  #corporate .corporate-dl:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #corporate .corporate-dl dt {
    float: none;
    width: auto;
    background: #2988C5;
  }
  #corporate .corporate-dl dt img {
    height: 113px;
  }
  #corporate .corporate-dl dd {
    width: auto;
    background: #fff;
    height: auto;
    line-height: 1.5;
    float: none;
    padding: 10px;
  }
  #corporate .corporate-dl dd span {
    display: block;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 14px;
  }
  #corporate .corporate-table {
    margin: 0 10px 10px;
    border-bottom: 1px solid #fff;
  }
  #corporate .corporate-table li {
    *zoom: 1;
    padding: 15px 0;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #FFFFFF;
    font-size: 12px;
  }
  #corporate .corporate-table li:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #corporate .corporate-table li:first-child {
    border-top: none;
  }
  #corporate .corporate-table li dl {
    line-height: 1.5;
  }
  #corporate .corporate-table li dl dt {
    font-weight: bold;
    width: 130px;
    float: none;
  }
  #corporate .corporate-table li dl dd {
    float: none;
    margin-left: 1em;
  }
  #corporate .corporate-table li a {
    color: #0000ff;
    text-decoration: underline;
  }
  #corporate .year-table {
    margin: 0 10px 0px;
    border-bottom: 1px solid #fff;
  }
  #corporate .year-table li {
    *zoom: 1;
    padding: 8px 0;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #FFFFFF;
    font-size: 12px;
  }
  #corporate .year-table li:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #corporate .year-table li:first-child {
    border-top: none;
  }
  #corporate .year-table li dl {
    line-height: 1.5;
  }
  #corporate .year-table li dl dt {
    font-weight: bold;
    width: 50px;
    float: left;
  }
  #corporate .year-table li dl dd {
    margin-left: 1em;
    float: none;
    clear: both;
  }
  #corporate .year-table li dl dd.month {
    clear: none;
    width: 30px;
    float: left;
    text-align: left;
    font-weight: bold;
    margin-right: 20px;
  }
  #corporate .year-table li a {
    color: #0000ff;
    text-decoration: underline;
  }
  #corporate .note {
    margin: 10px;
    line-height: 1.5;
    font-size: 14px;
    font-weight: bold;
  }
  #corporate .note.top-border {
    margin: 0 10px 15px 10px;
    border-top: 1px solid #fff;
    font-size: 14px;
    padding-top: 20px;
  }
  #corporate .note.left {
    margin-left: 17px;
    margin-right: 17px;
  }
  #corporate .image-block {
    margin-left: 0px;
  }
  #corporate .smfg-block {
    padding: 10px;
    background: #E9E9E9;
    margin: 15px 10px 0px 10px;
  }
  #corporate .smfg-block ul {
    *zoom: 1;
  }
  #corporate .smfg-block ul:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #corporate .smfg-block ul li {
    float: none;
    width: auto;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  #corporate .smfg-block ul li.wide {
    width: auto;
  }
  #corporate .map-image img {
    width: 100%;
  }
  #corporate .map-dl {
    width: auto;
    margin-left: 0px;
    background: #D8EBF3;
  }
  #corporate .map-dl.long dt {
    vertical-align: middle;
  }
  #corporate .map-dl.long dd {
    vertical-align: top;
  }
  #corporate .map-dl dt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 1;
    background: #0088D3;
    color: #fff;
    padding: 6px 6px;
  }
  #corporate .map-dl dd {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 1.5;
    padding: 6px 6px;
  }
  #corporate .fukuri-icon {
    *zoom: 1;
    margin-top: 10px;
    padding: 10px;
    margin-bottom: 30px;
    background: #EEEEEE;
  }
  #corporate .fukuri-icon img {
    width: auto;
  }
  #corporate .fukuri-icon:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #corporate .fukuri-icon dt {
    float: none;
    width: auto;
    text-align: center;
    margin-right: 12px;
  }
  #corporate .fukuri-icon dd {
    float: none;
    font-size: 14px;
    width: auto;
    line-height: 1.5;
    margin-top: 14px;
  }
  #corporate .kiji-link {
    background: #E9E9E9;
    padding: 10px;
    margin: -10px 15px 28px 15px;
  }
  #corporate .kiji-link .kiji-link-title {
    margin-bottom: 2px;
  }
  #corporate .kiji-link ul {
    *zoom: 1;
  }
  #corporate .kiji-link ul:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #corporate .kiji-link ul li {
    float: left;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  #corporate .kiji-link ul li:last-child {
    margin-right: 0px;
    margin-bottom: 0px;
  }
  #corporate .ml28 {
    margin-left: 10px !important;
  }
  #corporate .block-dl {
    margin-bottom: 20px;
    line-height: 1.5;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 12px;
  }
  #corporate .block-dl dt {
    color: #777777;
    font-size: 15px;
    border-bottom: 1px solid #C9C9C9;
    padding-bottom: 5px;
    font-weight: bold;
  }
  #corporate .block-dl dd {
    padding: 10px 0 0 10px;
  }
  #corporate .block-dl dd .text-left {
    width: auto !important;
    float: none;
  }
  #corporate .block-dl dd .image {
    float: none;
    line-height: 1;
    margin-right: 0px;
    margin-top: 10px;
    text-align: center;
  }
  #corporate .block-dl dd .image.right {
    float: none;
    margin-right: 0px;
    margin-left: 0px;
  }
  #corporate .career-frame {
    *zoom: 1;
    border: 1px solid #1289C7;
    margin-bottom: 1px;
    background: #fff;
    height: auto;
    width: 100%;
    border-collapse: separate;
  }
  #corporate .career-frame:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #corporate .career-frame th {
    text-align: left;
    background: #1289C7;
    color: #fff;
    padding: 25px 10px 25px 10px;
    width: 40%;
    font-size: 12px;
  }
  #corporate .career-frame td {
    background: #fff;
    padding: 8px 10px;
    width: auto;
    font-size: 12px;
    text-align: left;
  }
  #corporate .career dt {
    font-size: 14px;
  }
  #corporate .cons-carer-pass ul {
    *zoom: 1;
  }
  #corporate .cons-carer-pass ul:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #corporate .cons-carer-pass li {
    float: none;
    text-align: center;
  }
  #corporate .cons-carer-pass .cons-carer-pass-title {
    color: #2489c8;
    width: auto;
    font-size: 19px;
    padding-right: 0px;
    background: url(../img/sp/corporate/ico_arrow_bottom.png) 50% bottom no-repeat;
    background-size: 41px 21px;
    padding-bottom: 30px;
    margin-bottom: 10px;
  }
  #corporate .cons-carer-pass .cons-carer-pass-title div {
    background-color: #E0E9EF;
    padding: 10px 0px;
    line-height: 1;
    width: auto;
  }
  #corporate .cons-carer-pass .cons-carer-pass-detail {
    padding-left: 0px;
    width: auto;
  }
  #corporate .cons-carer-pass .cons-carer-pass-detail ul {
    border: 1px solid #E9E9E9;
    background: #F6F7F8;
    padding: 16px 5px 7px;
  }
  #corporate .cons-carer-pass .cons-carer-pass-detail li {
    padding-right: 0px;
    width: auto;
    padding-left: 0px;
    padding-bottom: 30px;
    margin-bottom: 10px;
    background: url(../img/sp/corporate/ico_arrow_bottom.png) 50% bottom no-repeat;
    background-size: 41px 21px;
    font-size: 10px;
  }
  #corporate .cons-carer-pass .cons-carer-pass-detail li div {
    color: #2489c8;
    font-size: 18px;
  }
  #corporate .cons-carer-pass .cons-carer-pass-detail li.small {
    font-size: 12px;
    padding-top: 0px;
    width: auto;
  }
  #corporate .cons-carer-pass .cons-carer-pass-detail li.last {
    padding-right: 0px;
    background: none;
    margin-bottom: 0px;
    padding-bottom: 10px;
  }
  #corporate .block.whats-jri {
    margin: 0 10px;
    margin-bottom: 20px;
    border: none;
    background: none;
    -ms-filter: none;
    filter: none;
  }
  #corporate .block.whats-jri:last-child {
    margin-bottom: 0px;
  }
  #corporate .block.whats-jri .whats-jri-subject {
    background: #0071C6;
    font-size: 15px;
    color: #fff;
    padding: 10px 15px;
    font-weight: bold;
  }
  #corporate .block.whats-jri .whats-jri-title {
    position: relative;
    font-size: 15px;
    font-weight: bold;
    padding: 15px;
    background: #D7DFE4;
  }
  #corporate .block.whats-jri .whats-jri-title::after {
    position: absolute;
    bottom: -9px;
    left: 45px;
    content: url("../img/corporate/ico_arrow_bottom.png");
  }
  #corporate .block.whats-jri .whats-jri-detail {
    background: #fff;
    padding: 20px 15px;
    line-height: 2;
    font-size: 14px;
  }
  #corporate .block.no-border {
    border: none;
    background: none;
    -ms-filter: none;
    filter: none;
  }
  #corporate .block.no-border h3 {
    background: none;
    -ms-filter: none;
    filter: none;
  }
  #corporate .block .block-p {
    font-size: 12px;
    padding: 10px 10px 15px;
    font-weight: normal;
    line-height: 1.5;
  }
  #corporate .zoom {
    width: 100%;
    top: 975px;
    left: 0px;
    margin-left: 0;
  }
}







































































@media screen and (max-width: 999px) {
  #business .project-case-index {
    *zoom: 1;
  }
  #business .project-case-index:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #business .project-case-index a {
    display: block;
    float: left;
    margin: 10px;
  }
  #business .project-case-index a:last-child {
    margin: 10px;
  }
  #business .project-case-index dt {
    margin-bottom: 0px;
  }
  #business .project-case-index dd {
    line-height: 1.5;
  }
  #business .project-case-index dd .title {
    font-weight: bold;
  }
  #business .block-box {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ededed), color-stop(40%, #ffffff), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(left, #ededed, #ffffff 40%, #ffffff);
    background-image: -webkit-linear-gradient(left, #ededed, #ffffff 40%, #ffffff);
    background-image: linear-gradient(to right, #ededed, #ffffff 40%, #ffffff);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFEDEDED', endColorstr='#FFFFFFFF');
    margin: 5px 0px 10px;
    border: 1px solid #CECECE;
  }
  #business .block-box.small {
    width: 100%;
    margin-right: 0px;
  }
  #business .block-box.small:nth-child(2n) {
    margin-right: 0;
    margin-left: 0;
  }
  #business .block-box.small .block-p {
    font-size: 12px;
    font-weight: normal;
  }
  #business .block-box.small .block-p-image {
    float: none;
    margin-right: 0px;
    text-align: center;
  }
  #business .block-box.verysmall {
    width: auto;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  #business .block-box.verysmall .block-p {
    font-size: 12px;
    font-weight: normal;
  }
  #business .business {
    margin: 0 20px;
    margin-right: 0;
    padding-right: 20px;
  }
  #business .business.leftcol {
    float: none;
    width: auto;
    border-right: none;
  }
  #business .sidebar {
    float: none;
    width: auto;
    margin: 20px;
    margin-right: 20px;
    padding-left: 0px;
    border-left: none;
  }
  #business .sidebar.project-case-sidenavi h2 {
    margin-bottom: 20px;
  }
  #business .sidebar.project-case-sidenavi ul {
    border: none;
  }
  #business .sidebar.project-case-sidenavi ul li {
    border: none;
    text-align: center;
    line-height: 1;
    margin-bottom: 10px;
  }
  #business .sidebar.project-case-sidenavi ul li a {
    padding: 0;
    background: none;
  }
  #business .sidebar h2 {
    color: #000;
    margin-bottom: 20px;
    line-height: 28px;
  }
  #business .sidebar h2 img {
    vertical-align: top;
    margin-right: 10px;
  }
  #business .sidebar ul {
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 25px;
  }
  #business .sidebar ul li {
    font-size: 15px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #FFFFFF;
    line-height: 1.5;
  }
  #business .sidebar ul li a {
    display: block;
    padding: 15px 0;
    color: #000;
    background: url(../img/common/ico_arrow_right.png) right 50% no-repeat;
  }
  #business .sidebar ul li span {
    font-size: 12px;
  }
  #business .sidebar ul li.on a {
    color: #0075bf;
  }
}
@media screen and (max-width: 768px) {
  .gridmain_regulation{
    position: absolute;
    bottom: -3px;
    width: 100%;
  }
  .gridmain__ttl{
    font-size: 13px;
    font-weight: normal;
  }
  .gridmain__sentence{
    font-size: 10px;
  }
  .top_grid__blick {
    line-height: 1.1;
    padding: 1px;
    font-size: 10px;
    top: 5px;
    left: 5px;
  }



  #business h1 {
    color: #066666;
    font-size: 17px;
    font-weight: bold;
    background: #F4F4F4;
    padding: 15px 0 10px 10px;
  }
  #business h2 {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #business h2.large {
    color: #383838;
    font-size: 15px;
    padding: 5px 5px;
    margin-left: 10px;
    margin-top: 20px;
    border-left: 4px solid #00A99D;
  }
  #business h3 {
    *zoom: 1;
    background: #e0e0e0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #e0e0e0));
    background-image: -moz-linear-gradient(top, #f4f4f4, #e0e0e0);
    background-image: -webkit-linear-gradient(top, #f4f4f4, #e0e0e0);
    background-image: linear-gradient(to bottom, #f4f4f4, #e0e0e0);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF4F4F4', endColorstr='#FFE0E0E0');
    font-size: 20px;
    font-weight: bold;
    color: #666666;
    padding: 15px 0 15px 0px;
    font-size: 15px;
    padding: 7px 0 7px 0px;
    display: -webkit-box;
    -webkit-box-pack: justify;
  }
  #business h3:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #business h3 span {
    padding-left: 25px;
    background: url(../img/common/ico_title.png) 12px 50% no-repeat;
  }
  #business h3 span {
    display: block;
    -webkit-box-flex: 1;
    padding-left: 18px;
    background-position: 10px 0;
  }
  #business h3 span.link {
    -webkit-box-flex: 0;
    background: none;
    -ms-filter: none;
    filter: none;
    float: none;
    margin-right: 10px;
  }
  #business h3 span span.small {
    font-size: 12px;
    background: none;
    padding-left: 0;
  }
  #business h3.no-bg {
    background: none;
    -ms-filter: none;
    filter: none;
    margin-left: 0px;
  }
  #business h3.left span {
    background-position: 0 0;
    padding-left: 13px;
  }
  #business h4 {
    background: none;
    font-size: 15px;
    color: #949494;
    padding-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
  }
  #business h4 span {
    border-left: 2px solid #00B2A4;
    padding-left: 8px;
  }
  #business .note {
    margin: 10px;
    line-height: 1.5;
    font-size: 14px;
    font-weight: bold;
  }
  #business .note.left {
    margin-left: 35px;
    margin-right: 20px;
  }
  #business .note.mb40 {
    margin-bottom: 20px !important;
  }
  #business .article {
    background: #F4F4F4;
    padding-bottom: 17px;
    margin-bottom: 30px;
  }
  #business .article.project-case .project-case-top {
    position: relative;
  }
  #business .article.project-case .project-case-top-text {
    position: absolute;
    top: 5px;
    left: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2;
  }
  #business .article.project-case h2 {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px;
    color: #407fa9;
    line-height: 1.5;
    font-weight: bold;
    text-indent: -25px;
    padding-left: 25px;
  }
  #business .article.project-case h2.introduction {
    text-indent: 0px;
    padding-left: 0px;
  }
  #business .article.project-case h2 span {
    font-size: 10px;
    font-weight: normal;
    color: #000;
  }
  #business .article.project-case h2 span.number {
    color: #fff;
    background: #131313;
    padding: 2px;
    margin-right: 5px;
    vertical-align: middle;
    font-size: 15px;
  }
  #business .article.project-case .image {
    width: auto;
    margin: 0 auto 10px;
  }
  #business .article.project-case .image .image-img {
    line-height: 1;
  }
  #business .article.project-case .image .image-img img {
    vertical-align: bottom;
    width: 100%;
    max-width: 260px;
  }
  #business .article.project-case .image .image-name {
    font-size: 11px;
    background: #257BAC;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
    padding: 9px;
    text-align: left;
  }
  #business .article.project-case .image .image-text {
    font-size: 10px;
    text-align: left;
    line-height: 1.5;
    background: #C6DBE9;
    padding: 9px;
  }
  #business .article.project-case .article-block-detail {
    float: left;
    width: auto;
  }
  #business .article .article-block-detail-alone {
    line-height: 2.1;
    margin: 0 17px 30px;
    letter-spacing: 0.7px;
  }
  #business .article .article-block-detail-alone span {
    font-size: 10px;
  }
  #business .project-case-list {
    padding: 10px;
    background: #E0EAF1;
  }
  #business .project-case-list h2 {
    font-size: 15px;
    color: #407fa9;
    line-height: 1.5;
    font-weight: bold;
  }
  #business .project-case-list .project-case-list-box {
    *zoom: 1;
    margin-bottom: 10px;
  }
  #business .project-case-list .project-case-list-box:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #business .project-case-list .project-case-list-box:last-child {
    margin-bottom: 0px;
  }
  #business .project-case-list .project-case-list-box-image {
    float: none;
    text-align: center;
  }
  #business .project-case-list .project-case-list-box-image img {
    width: 100%;
    max-width: 260px;
  }
  #business .project-case-list .project-case-list-box-profile {
    float: none;
    background: #257BAC;
    width: auto;
    line-height: 1.5;
    padding: 10px;
    color: #fff;
    height: auto;
  }
  #business .project-case-list .project-case-list-box-profile-name {
    line-height: 1.3;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    padding-bottom: 7px;
    margin-bottom: 7px;
  }
  #business .project-case-list .project-case-list-box-detail {
    clear: both;
    background: #fff;
    padding: 17px;
    line-height: 2;
    font-size: 12px;
  }
  #business .article-block {
    *zoom: 1;
    line-height: 2.1;
    margin: 10px 10px 15px;
    letter-spacing: 0.7px;
  }
  #business .article-block:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #business .article-block:last-child {
    margin-bottom: 0;
  }
  #business .article-block .image {
    float: none;
    line-height: 1;
    text-align: center;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  #business .article-block .image.right {
    float: none;
    margin-right: 0px;
    margin-left: 0px;
  }
  #business .article-footer {
    margin: 0 0px 30px;
    background: #ECECEC;
    padding: 0 10px;
  }
  #business .article-footer .article-footer-title {
    color: #333333;
    font-weight: bold;
    margin: 0 0px 10px;
    font-size: 15px;
  }
  #business .article-footer .article-footer-detail {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
  }
  #business .article-footer .article-footer-detail ul {
    *zoom: 1;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #FFFFFF;
    padding: 15px 0;
    padding-left: 0px;
  }
  #business .article-footer .article-footer-detail ul:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #business .article-footer .article-footer-detail ul li {
    line-height: 1;
    margin-right: 17px;
    float: left;
  }
  #business .article-footer .article-footer-detail ul li a {
    color: #000;
    background: url(../img/common/ico_arrow_right.png) left 50% no-repeat;
    padding-left: 11px;
  }
  #business .movie-block {
    margin: 0 auto 0;
    width: auto;
  }
  #business .movie-block iframe {
    width: 100%;
  }
  #business .block {
    padding: 10px;
    background: #A3C6DA;
  }
  #business .block.green {
    *zoom: 1;
    background: #60D2C9;
  }
  #business .block.green:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #business .block-box:last-child {
    margin-bottom: 0;
  }
  #business .block-box a {
    color: #000;
  }
  #business .block-box.no-border {
    border: none;
    background: none;
    -ms-filter: none;
    filter: none;
  }
  #business .block-box.no-border h3 {
    background: none;
    -ms-filter: none;
    filter: none;
  }
  #business .block-box .block-p {
    font-size: 14px;
    line-height: 1.5;
    padding: 10px 10px 10px;
    font-weight: bold;
  }
  #business .block-box .block-p.light {
    font-weight: normal;
    margin-left: 12px;
  }
  #business .block-column {
    float: none;
    width: auto;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  #business .block-column:last-child {
    margin-right: 0px;
    margin-bottom: 0px;
  }
  #business .fact {
    background: #E6E6E6;
    padding: 10px;
    margin: 0px 10px 5px 10px;
  }
  #business .fact:last-child {
    margin-bottom: 20px;
  }
  #business .fact.large dt {
    padding: 5px 6px;
    margin-right: 0px;
  }
  #business .fact.large dd {
    float: none;
    line-height: 1.2;
  }
  #business .fact dl {
    *zoom: 1;
    border: 1px solid #00A99D;
    background: #00A99D;
    line-height: 1.5;
    margin-bottom: 5px;
    display: -webkit-box;
  }
  #business .fact dl:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #business .fact dt {
    color: #00A99D;
    background: #fff;
    float: none;
    padding: 5px 6px;
  }
  #business .fact dd {
    float: none;
    color: #fff;
    width: 191px;
    padding: 4px 6px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
  }
  #business .fact .fact-p {
    line-height: 2;
  }
  #business .itsol-top {
    font-weight: bold;
    background: #D5E1E9;
    padding: 10px;
    font-size: 14px;
    text-align: justify;
    margin: 0 10px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  #business .itsol-top-p {
    margin: 0 20px 20px 20px;
    text-align: justify;
  }
  #business .block-dl {
    margin-left: 35px;
    margin-right: 17px;
    margin-bottom: 20px;
    line-height: 1.5;
  }
  #business .block-dl.itsol {
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
  }
  #business .block-dl.itsol dt {
    border: 1px solid #E2E2E2;
    background: #fff;
    padding: 15px;
    font-size: 16px;
  }
  #business .block-dl.itsol dd {
    padding-left: 0;
  }
  #business .block-dl dt {
    color: #777777;
    font-size: 18px;
    border-bottom: 1px solid #C9C9C9;
    padding-bottom: 10px;
    font-weight: bold;
  }
  #business .block-dl:last-child {
    margin-bottom: 0px;
  }
  #business .block-dl dt {
    color: #777777;
    font-size: 15px;
    border-bottom: 1px solid #C9C9C9;
    padding-bottom: 10px;
    font-weight: bold;
  }
  #business .block-dl dd {
    line-height: 2;
    padding: 10px 0 0 10px;
  }
  #business .block-dl dd .bold {
    font-weight: bold;
    font-size: 14px;
  }
}




/*201809people*/
@media screen and (max-width: 999px) {
  /*top*/
  #people .pc-on {
    display: none;
  }
  #people .sp-on {
    display: block;
  }
  #people .header{
    margin: 0;
    width: 100%;
    padding-top: 0;
  }
  #people .header .loginBox{
    position: relative;
    width: 100%;
    top: 0;
    display: block;
  }
  #people .header .header__logo{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px;
    text-align: left;
    top: 0;
    z-index: 130;
  }
  #people .keyvisual .serchArea{
    top: 182px;
    z-index: 100;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 508px;
  }
  #people .keyvisual .serchArea .checkArea{
    padding: 16px 0 0;
  }
  #people .keyvisual .serchArea .checkArea .checkArea__title{
    font-size: 14px;
  }
  .itArea .itArea__title{
    margin-bottom: 18px;
  }
  .itArea {
    margin: 0 0 16px 0;
    padding: 0 10px;
  }
  .itArea .itBox {
    padding: 18px 10px 2px;
  }
  .itArea .itBox > div {
    margin: 0 10px 16px 0;
  }
  .checkArea .department > div{
    display: inline-block;
    margin: 0 10px 16px 0;
  }
  .staffArea{
    padding: 20px 10px 19px;
  }
  .staffArea .staffWrap .staffCat>div {
    display: inline-block;
    margin: 0 4px 12px 0;
  }
  #people #container .wrapper {
    width:100%;
    margin: 316px auto 0;
    background: #fff;
    float: none;
  }
  #people #container .wrapper .staffWrap{
    /*width: 100%;*/
    margin-right: 0;
    margin: 0 20px 30px;
    display: table;
  }
  #people .keyvisual .keyvisual__text {
    position: absolute;
    left: 50%;
    top: 0%;
    width: auto;
    width: 344px;
    margin: 0 auto;
    /* transform: translateY(-50%); */
    transform: translateX(-50%);
    margin-bottom: 30px;
  }
  #people .keyvisual .keyvisual__text h1 {
    padding-left: 0px;
    /*margin-bottom: 20px;*/
    padding-top: 30px;
    padding-bottom: 20px;
    left: 0;
  }
  #people .keyvisual .keyvisual__text h1{
    background: none;
    margin-bottom: 0px;
  }
  #people .keyvisual .keyvisual__text p {
    font-size: 14px;
  }
  #people #container .wrapper .staffWrap .staffList{
    display: table-cell;
    width: 47%;
    margin-right: 6%;
    box-shadow: 8px 8px 6px 0px rgba(11, 3, 6, 0.1);
    height: auto;
    /*padding-bottom: 40px;*/
    position: relative;
    height: 300px;
    margin-bottom: 20px;
  }
  #people #container .wrapper .staffWrap .staffList:nth-child(2n){
    margin-right: 0;
  }
  #people #container .wrapper .staffWrap .staffList .staffList__image img{
    width: 100%;
  }
  #people #container .wrapper .staffWrap .staffList .textArea{
    padding: 0 10px;
    /*position: initial;*/
  }
  #people #container .wrapper .staffWrap .staffList .textArea .textArea__dep {
    /*width: 90%;*/
    margin: 0;
    /*top: 66px;*/
    left: 0;
    font-size: 10px;
    margin-bottom: 5px;
  }
  #people #container .wrapper .staffWrap .staffList .textArea .textArea__cat {
    display:block;
    /*padding-top: 28px;*/
    margin: 0 0 10px 0;
  }
  #people #container .wrapper .staffWrap .staffList .textArea .textArea__cat--2 {
    display:block;
    /*padding-top: 28px;*/
    margin: 0 0 11px 0;
  }
  #people #container .wrapper .staffWrap .staffList .textArea .textArea__cat li {
    display: inline-block;
    margin: 0 5px 5px 0;
  }
  #people #container .wrapper .staffWrap .staffList .staffList__name {
    position: absolute;
    left: 10px;
    bottom: 24px;
    font-size: 14px;
    color: #000;
  }
  .p-noMgb{
    margin-bottom: 0px!important;
  }
  /*top*/




  /*lower*/
  #people .lowerpage .c-keyvisual{
    height: auto;
  }
  #people .lowerpage .c-keyvisual .c-keyvisual__image{
    float: none;
    width: 100%;
    height: 200px;
  }









  #people .lowerpage .c-keyvisual .c-keyvisual__image span {
    position: relative;
    display: block;
    background-size: 100%;
    height: 200px;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.YOnodera{
    background: url(../img/people/lower/main_sp_YOnodera.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.THasegawa{
    background: url(../img/people/lower/main_sp_THasegawa.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.SWakamiya{
    background: url(../img/people/lower/main_sp_SWakamiya‎‎.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.ANanasawa{
    background: url(../img/people/lower/main_sp_ANanasawa‎.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.MNishida{
    background: url(../img/people/lower/main_sp_MNishida.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.MOmori{
    background: url(../img/people/lower/main_sp_MOmori.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.SNozaki{
    background: url(../img/people/lower/main_sp_SNozaki.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.KHoriuchi{
    background: url(../img/people/lower/main_sp_KHoriuchi.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.YWada{
    background: url(../img/people/lower/main_sp_YWada.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.TIshikawa{
    background: url(../img/people/lower/main_sp_TIshikawa.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.KOgino{
    background: url(../img/people/lower/main_sp_KOgino‎‎‎.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.MIwasaki{
    background: url(../img/people/lower/main_sp_MIwasaki.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.YSasai{
    background: url(../img/people/lower/main_sp_YSasai.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.MAoki{
    background: url(../img/people/lower/main_sp_MAoki.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.MFujiyama‎{
    background: url(../img/people/lower/main_sp_MFujiyama‎‎.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.YMatsuoka{
    background: url(../img/people/lower/main_sp_YMatsuoka‎.png) center center no-repeat;
    background-size: 100%;
  }
   .lowerpage .c-keyvisual .c-keyvisual__image span.KDanno{
    background: url(../img/people/lower/main_sp_KDanno.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.YToyohara{
    background: url(../img/people/lower/main_sp_YToyohara.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.TOda‎‎‎{
    background: url(../img/people/lower/main_sp_TOda‎‎‎.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.HTakeda‎‎{
    background: url(../img/people/lower/main_sp_HTakeda‎‎.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.MMuranaka{
    background: url(../img/people/lower/main_sp_MMuranaka‎‎‎.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.MTaguchi{
    background: url(../img/people/lower/main_sp_MTaguchi.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.MWashiyama‎‎{
    background: url(../img/people/lower/main_sp_MWashiyama‎‎.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.YKuretake{
    background: url(../img/people/lower/main_sp_YKuretake.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.RAida{
    background: url(../img/people/lower/main_sp_RAida.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.KKusunoki{
    background: url(../img/people/lower/main_sp_KKusunoki.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.SNakanishi{
    background: url(../img/people/lower/main_sp_SNakanishi.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.CHonda{
    background: url(../img/people/lower/main_sp_CHonda.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.KKato{
    background: url(../img/people/lower/main_sp_KKato.png) center center no-repeat;
    background-size: cover;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.kawaguchi{
    background: url(../img/people/lower/main_sp_kawaguchi.jpg) center center no-repeat;
    background-size: cover;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.kitano{
    background: url(../img/people/lower/main_sp_kitano.jpg) center center no-repeat;
    background-size: cover;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.masuda{
    background: url(../img/people/lower/main_sp_masuda.jpg) center center no-repeat;
    background-size: cover;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.tate{
    background: url(../img/people/lower/main_sp_tate.jpg) center center no-repeat;
    background-size: cover;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.yamada{
    background: url(../img/people/lower/main_sp_yamada.jpg) center center no-repeat;
    background-size: cover;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.EInoue{
    background: url(../img/people/lower/main_sp_EInoue.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.SOgura{
    background: url(../img/people/lower/main_sp_SOgura.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.AKan{
    background: url(../img/people/lower/main_sp_AKan.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.MSakai{
    background: url(../img/people/lower/main_sp_MSakai.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.HKondo{
    background: url(../img/people/lower/main_sp_HKondo.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.TMasui{
    background: url(../img/people/lower/main_sp_TMasui.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.TNumata{
    background: url(../img/people/lower/main_sp_TNumata.png) center center no-repeat;
    background-size: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__image span.THanada{
    background: url(../img/people/lower/main_sp_THanada.png) center center no-repeat;
    background-size: 100%;
  }

  #people .lowerpage .c-keyvisual .c-keyvisual__text {
    position: relative;
    float: none;
    width: 100%;
    display: block;
    background: #0072cf;
    left: 0;
    top: 0;
    transform: initial;
  }
  .lowerpage .c-keyvisual .c-keyvisual__text .c-textArea{
    padding: 30px 20px 40px;
  }
  .lowerpage .c-keyvisual .c-keyvisual__text .c-textArea .c-textArea__title{
    font-size: 22px;
    margin-bottom: 20px;
    width: 100%;
  }
  .lowerpage .c-keyvisual .c-keyvisual__text .c-textArea .c-staffList__plofile{
    width: 100%;
    font-size: 14px;
  }
  .c-keyvisual .c-keyvisual__text .c-textArea .c-textArea__dep{
    font-size: 12px;
    margin-bottom: 10px;
  }
  .c-keyvisual .c-keyvisual__text .c-textArea .c-textArea__cat li{
    font-size: 12px;
    margin: 0 10px 15px 0!important;
  }
  .c-keyvisual .c-keyvisual__text .c-textArea .c-textArea__year{
    font-size: 14px;
    margin-bottom: 12px;
  }
  .c-keyvisual .c-keyvisual__text .c-textArea .c-staffList__name{
    font-size: 20px;
  }
  .c-movieArea {
    height: 240px;
  }
  .c-movieArea--2{
    width: 240px;
    height: auto;
  }
  .c-movieArea .c-movieArea__image a img{
    vertical-align: bottom;
  }
  .c-movieArea .c-movieArea__title {
    padding: 25px 0;
  }
  .c-movieArea .c-movieArea__image {
    width: 240px;
  }
  .lowerContent {
    width: 100%;
    margin: 40px 0 0;
  }
  .lowerContent .lowerContent__l{
    float: none;
    width: 100%;
  }
  .lowerContent .lowerContent__r{
    float: none;
    width: 100%;
  }
  .lowerContent .lowerContent__l .mainContent .mainContent__title {
    font-size: 20px!important;
    color: #0072cf!important;
    font-weight: normal!important;
    line-height: 1.5;
    margin: 0 20px 20px;
  }
  .lowerContent .lowerContent__l .mainContent .mainContent__text {
    margin: 0 20px 40px;
  }
  .lowerContent .lowerContent__l .mainContent .mainContent__text.mainContent__text--2 {
    margin: 0 20px 60px;
  }
  .lowerContent .lowerContent__l .mainContent .mainContent__image img{
    vertical-align: bottom;
  }
  .lowerContent .lowerContent__r{
    float: none;
    width: 100%;
  }
  .lowerContent .lowerContent__r ul{
    margin: 0 20px;
    display: table;
  }
  .lowerContent .lowerContent__r ul .staffList{
    display: table-cell;
    width: 47%;
    margin-right: 6%;
    box-shadow: 8px 8px 6px 0px rgba(11, 3, 6, 0.1);
    height: auto;
    padding-bottom: 40px;
    position: relative;
    height: 300px;
  }
  .lowerContent .lowerContent__r ul .staffList:nth-child(2n){
    margin-right: 0;
  }
  .lowerContent .lowerContent__r .lowerSub__title{
    font-size: 20px;
    margin-bottom: 30px;
  }
  .lowerContent .lowerContent__r .staffList .staffList__image img{
    width: 100%;
  }
  .lowerContent .lowerContent__r .staffList .textArea{
    padding: 0 10px;
    /*position: initial;*/
  }
  .lowerContent .lowerContent__r .staffList .textArea .textArea__dep {
    width: 100%;
    /*margin: 0 5%;*/
    /*top: 66px;*/
    left: 0;
    font-size: 10px;
  }
  .lowerContent .lowerContent__r .staffList .textArea .textArea__cat {
    display:block;
    /*padding-top: 28px;*/
    margin: 0 0 11px 0;
  }
  .lowerContent .lowerContent__r .staffList .textArea .textArea__cat li {
    display: inline-block;
    margin: 0 5px 5px 0;
  }
  .lowerContent .lowerContent__r .staffList .staffList__name {
    position: absolute;
    left: 10px;
    bottom: 24px;
    font-size: 14px;
    color: #000;
  }
  .lowerpage .lowerContent__topBtn{
    text-align: center;
    margin-bottom: 0;
  }
  .lowerpage .lowerContent__topBtn a{
    box-shadow: 10px 10px 16px 0px rgba(189, 186, 187, 0.8);
  }
  /*lower*/

/*201809people*/





  #people .jri-people {
    *zoom: 1;
    background: #fff;
    padding: 15px;
  }
  #people .jri-people:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #people .jri-people a, #people .jri-people span {
    display: block !important;
    float: none !important;
    margin-right: 0px !important;
  }
  #people .jri-people a:nth-child(3), #people .jri-people span:nth-child(3) {
    margin-right: 0px !important;
  }
  #people .jri-people a:last-child dd, #people .jri-people span:last-child dd {
    margin-bottom: 0 !important;
  }
  #people .jri-people a .title, #people .jri-people span .title {
    width: auto !important;
  }
  #people .jri-careerpass {
    *zoom: 1;
    background: #fff;
    padding: 15px;
  }
  #people .jri-careerpass:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #people .jri-careerpass a {
    display: block;
    float: none;
    width: auto;
    margin-right: 0px;
  }
  #people .jri-careerpass a:last-child {
    margin-right: 0px;
  }
  #people .jri-careerpass a:last-child dd {
    margin-bottom: 0;
  }
  #people .jri-careerpass a dt {
    text-align: center;
  }
  #people .whyjri {
    *zoom: 1;
    background: #fff;
    padding: 15px;
  }
  #people .whyjri:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #people .whyjri a {
    display: block;
    float: none;
    width: auto;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  #people .whyjri a:last-child {
    margin-right: 0px;
    margin-bottom: 0px;
  }
  #people .whyjri a dl {
    *zoom: 1;
    background: #F8F8F8;
    padding-top: 10px;
  }
  #people .whyjri a dl:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #people .whyjri a dt {
    float: none;
    margin-right: 10px;
    margin-bottom: 0;
    width: auto;
    text-align: center;
  }
  #people .whyjri a dd {
    float: none;
    width: auto;
    margin-bottom: 0;
    padding: 10px;
  }
  #people .whyjri a dd .title {
    font-size: 17px;
    color: #000;
  }
  #people .whyjri a dd .year {
    font-size: 13px;
    font-weight: bold;
  }
  #people .whyjri a dd .name {
    font-size: 15px;
  }
  #people .people {
    margin: 0 20px;
    margin-right: 0;
    padding-right: 20px;
  }
  #people .people.leftcol {
    float: none;
    width: auto;
    border-right: none;
  }
  #people .sidebar {
    float: none;
    width: auto;
    margin-right: 20px;
    padding-left: 20px;
    border-left: none;
  }
  #people .sidebar h2 {
    color: #000;
    margin-bottom: 10px;
  }
  #people .sidebar h2 img {
    vertical-align: middle;
    margin-right: 10px;
  }
  #people .sidebar ul li {
    font-size: 15px;
    margin-bottom: 10px;
    text-align: center;
  }
  #people .sidebar ul li a {
    display: block;
    color: #000;
  }
  #people .sidebar ul li.on a {
    color: #0075bf;
  }
}
@media screen and (max-width: 768px) {
  #people h1 {
    color: #066666;
    font-size: 17px;
    font-weight: bold;
    background: #F4F4F4;
    padding: 15px 0 10px 10px;
  }
  #people h2 {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #people h3 {
    background: #e0e0e0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #e0e0e0));
    background-image: -moz-linear-gradient(top, #f4f4f4, #e0e0e0);
    background-image: -webkit-linear-gradient(top, #f4f4f4, #e0e0e0);
    background-image: linear-gradient(to bottom, #f4f4f4, #e0e0e0);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF4F4F4', endColorstr='#FFE0E0E0');
    font-size: 20px;
    font-weight: bold;
    color: #666666;
    padding: 15px 0 15px 0px;
    font-size: 11px;
    padding: 7px 7px 7px 0px;
  }
  #people h3 span {
    padding-left: 25px;
    background: url(../img/common/ico_title.png) 12px 50% no-repeat;
  }
  #people h3 span {
    padding-left: 18px;
    background-position: 10px 0;
    display: block;
  }
  #people .profile {
    background: #fff;
  }
  #people .profile dt {
    margin-bottom: 5px;
    text-align: left;
  }
  #people .profile dd {
    margin-bottom: 20px;
  }
  #people .profile dd .title {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
  }
  #people .profile dd .year {
    font-size: 11px;
    color: #000;
  }
  #people .profile dd .name {
    font-size: 15px;
    color: #000;
    font-weight: bold;
  }
  #people .top-image {
    *zoom: 1;
    position: relative;
    margin: 0 auto 30px;
    width: 280px;
  }
  #people .top-image:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #people .top-image .top-image-top {
    line-height: 1;
  }
  #people .top-image .top-image-top img {
    max-width: 280px;
  }
  #people .top-image .top-image-caption {
    position: relative;
    top: 0px;
    left: 0px;
    color: #fff;
    width: 280px;
  }
  #people .top-image .top-image-caption.career2 .name {
    top: -90px;
    left: 130px;
  }
  #people .top-image .top-image-caption.career2 .career {
    top: -60px;
    left: 130px;
  }
  #people .top-image .top-image-caption.career3 {
    top: 0px;
    left: 0px;
  }
  #people .top-image .top-image-caption.career3 .title {
    margin-bottom: 10px;
    line-height: 1.2;
  }
  #people .top-image .top-image-caption.career3 .name {
    margin-bottom: 0px;
    top: -100px;
    left: 130px;
  }
  #people .top-image .top-image-caption.career3 .career {
    top: -72px;
    left: 130px;
  }
  #people .top-image .top-image-caption.career4 {
    top: 0px;
    left: 0px;
  }
  #people .top-image .top-image-caption.people1 {
    top: 0px;
    left: 0px;
  }
  #people .top-image .top-image-caption.people1 .name.small {
    top: -77px;
    left: 117px;
    font-size: 12px;
    margin-left: 0;
  }
  #people .top-image .top-image-caption.people2 {
    top: 0px;
    left: 0px;
  }
  #people .top-image .top-image-caption.people2 .name.small {
    top: -77px;
    left: 140px;
    font-size: 12px;
    margin-left: 0;
  }
  #people .top-image .top-image-caption.people3 {
    top: 0px;
    left: 0px;
  }
  #people .top-image .top-image-caption.people3 .name.small {
    top: -77px;
    left: 117px;
    font-size: 12px;
    margin-left: 0;
  }
  #people .top-image .top-image-caption.people4 {
    top: 0px;
    left: 0px;
  }
  #people .top-image .top-image-caption.people4 .name.small {
    top: -77px;
    left: 140px;
    font-size: 12px;
    margin-left: 0;
  }
  #people .top-image .top-image-caption.people5 {
    top: 0px;
    left: 0px;
  }
  #people .top-image .top-image-caption.people5 .name.small {
    top: -77px;
    left: 117px;
    font-size: 12px;
    margin-left: 0;
  }
  #people .top-image .top-image-caption.people6 {
    top: 0px;
    left: 0px;
  }
  #people .top-image .top-image-caption.people6 .subject {
    left: 130px;
  }
  #people .top-image .top-image-caption.people6 .name.small {
    top: -77px;
    left: 130px;
    font-size: 12px;
    margin-left: 0;
  }
  #people .top-image .top-image-caption.people7 {
    top: 0px;
    left: 0px;
  }
  #people .top-image .top-image-caption.people7 .subject {
    left: 130px;
  }
  #people .top-image .top-image-caption.people7 .name.small {
    top: -77px;
    left: 130px;
    font-size: 12px;
    margin-left: 0;
  }
  #people .top-image .top-image-caption.people8 {
    top: 0px;
    left: 0px;
  }
  #people .top-image .top-image-caption.people8 .subject {
    left: 130px;
  }
  #people .top-image .top-image-caption.people_g .title {
    font-size: 22px!important;
  }
  #people .top-image .top-image-caption.people_g .name.small {
    top: -67px!important;
    left: 130px;
    font-size: 12px;
    margin-left: 0;
  }
  #people .top-image .top-image-caption.people8 .name.small {
    top: -77px;
    left: 130px;
    font-size: 12px;
    margin-left: 0;
  }
  #people .top-image .top-image-caption.people12 {
    top: 0px;
    left: 0px;
  }
  #people .top-image .top-image-caption.people12 .subject {
    left: 130px;
  }
  #people .top-image .top-image-caption.people12 .name.small {
    top: -77px;
    left: 130px;
    font-size: 12px;
    margin-left: 0;
  }
  #people .top-image .top-image-caption.people_g .subject{
    font-size: 15px!important;
  }

  #people .top-image .top-image-caption .subject {
    position: absolute;
    top: -100px;
    left: 140px;
    font-size: 15px;
    font-weight: bold;
    color: #acacac;
    margin-bottom: 0px;
    line-height: 1.2;
  }
  #people .top-image .top-image-caption .title {
    position: relative;
    top: 0px;
    left: 0;
    padding: 10px;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.4;
    background: #fff;
    width: 100%;
    color: #000;
  }
  #people .top-image .top-image-caption .name {
    position: absolute;
    top: -90px;
    left: 130px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.2;
  }
  #people .top-image .top-image-caption .name.small {
    margin-left: 18px;
    font-size: 18px;
  }
  #people .top-image .top-image-caption .career {
    position: absolute;
    top: -55px;
    left: 130px;
    font-size: 11px;
    line-height: 1.2;
  }
  #people .top-image .top-image-left {
    float: none;
    line-height: 1;
  }
  #people .top-image .top-image-right {
    float: none;
    background: #fff;
    height: auto;
    width: auto;
    line-height: 1.5;
    padding-bottom: 10px;
  }
  #people .top-image .top-image-right .top {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 5px;
  }
  #people .top-image .top-image-right .top img {
    width: 60%;
  }
  #people .top-image .top-image-right .title {
    font-size: 30px;
    font-weight: bold;
    margin-left: 17px;
    margin-bottom: 15px;
    line-height: 1.2;
  }
  #people .top-image .top-image-right .title.small {
    font-size: 21px;
  }
  #people .top-image .top-image-right .year {
    font-size: 12px;
    font-weight: bold;
    margin-left: 17px;
  }
  #people .top-image .top-image-right .name {
    font-size: 15px;
    font-weight: bold;
    margin-left: 17px;
  }
  #people .career {
    *zoom: 1;
  }
  #people .career:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #people .career .career-left {
    float: none;
    width: auto;
  }
  #people .career .career-right {
    float: none;
    background: #fff;
    width: auto;
    padding: 17px 17px;
    margin-bottom: 30px;
  }
  #people .career .career-right dl {
    line-height: 1.6;
  }
  #people .career .career-right dl dt {
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 10px;
  }
  #people .career .career-right dl dt span {
    font-size: 18px;
  }
  #people .career .career-right .tri {
    margin: 10px 0;
    text-align: center;
  }
  #people .career .my_career_history {
    border-left: 9px solid #0071C6;
    padding: 5px 0 5px 10px;
    color: #0071C6;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 25px;
  }
  #people .career .career-highlight {
    line-height: 1.8;
  }
  #people .career .career-highlight .career-highlight-subject {
    background: url(../img/people/bg_career_highlight.png) left top no-repeat;
    text-align: center;
    width: 280px;
    background-size: 280px auto;
    height: auto;
    line-height: 25px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #people .career .career-highlight .career-highlight-title {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  #people .career .career-highlight .career-highlight-detail {
    margin-bottom: 20px;
  }
  #people .career .article {
    margin-bottom: 20px;
  }
  #people .career .artice-image {
    margin-bottom: 30px;
  }
  #people .career .article-title {
    font-size: 17px;
    color: #0075bf;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px;
  }
  #people .career .article-block {
    *zoom: 1;
    line-height: 1.8;
    margin: 0;
    letter-spacing: 0.7px;
  }
  #people .career .article-block:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #people .career .article-block:last-child {
    margin-bottom: 0;
  }
  #people .career .article-block .image {
    float: none;
    line-height: 1;
    margin-right: 17px;
  }
  #people .career .article-block .image.right {
    float: right;
    margin-right: 0px;
    margin-left: 17px;
  }
  #people .article-wrap {
    background: #F4F4F4;
    padding-bottom: 17px;
    margin-bottom: 20px;
  }
  #people .article {
    margin-bottom: 30px;
  }
  #people .article-subject {
    background: url(../img/people/ico_people_s.png) left 50% no-repeat;
    padding-left: 30px;
    color: #0075bf;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #people .article-title {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  #people .article-people {
    margin-left: 17px;
    margin-right: 17px;
  }
  #people .article-people-title {
    background: url(../img/people/ico_line.png) left top no-repeat;
    padding-left: 20px;
    height: auto;
    font-size: 15px;
    font-weight: bold;
    color: #066666;
    line-height: 1.3;
    margin-bottom: 15px;
  }
  #people .article-block {
    *zoom: 1;
    line-height: 1.9;
    margin: 0;
    letter-spacing: 0.7px;
  }
  #people .article-block:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #people .article-block:last-child {
    margin-bottom: 0;
  }
  #people .article-block .image {
    float: none;
    text-align: center;
    line-height: 1;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  #people .article-block .image.right {
    float: none;
    margin-right: 0;
    margin-left: 0px;
  }
  #people .jri-people-profile {
    *zoom: 1;
    background: #fff;
    padding: 17px;
    border: 1px solid #C4C4C4;
    margin-bottom: 30px;
  }
  #people .jri-people-profile:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #people .jri-people-profile .jri-people-profile-left {
    float: none;
    width: auto;
  }
  #people .jri-people-profile .jri-people-profile-left dl {
    line-height: 1.5;
  }
  #people .jri-people-profile .jri-people-profile-left dl dt {
    background: #769DB4;
    padding: 2px 8px;
    margin-right: 5px;
    color: #fff;
    clear: both;
    float: none;
    margin-bottom: 0px;
  }
  #people .jri-people-profile .jri-people-profile-left dl dt:nth-of-type(5) {
    margin-bottom: 0px;
  }
  #people .jri-people-profile .jri-people-profile-left dl dd {
    padding: 2px;
    margin-bottom: 7px;
  }
  #people .jri-people-profile .jri-people-profile-left dl dd.clear {
    clear: both;
    margin-bottom: 0;
  }
  #people .jri-people-profile .jri-people-profile-right {
    float: none;
    text-align: center;
    margin-bottom: 10px;
  }
  #people .jri-people-profile .jri-people-profile-title {
    float: none;
    color: #666666;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px;
  }
  #people .block {
    padding: 17px;
    background: #A3C6DA;
  }
  #people .block.green {
    *zoom: 1;
    background: #60D2C9;
  }
  #people .block.green:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #people .block-people {
    float: none;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  #people .block-people:last-child {
    margin-right: 0px;
    margin-bottom: 0px;
  }
  #people .block-people a {
    display: block;
    float: none;
  }
  #people .block-people dl {
    padding: 15px;
    margin-right: 0;
    height: auto;
  }
  #people .block-people dl dd {
    margin: 0;
  }
  #people .block-people dl dd .title {
    width: auto;
  }
}
/*people*/




@media screen and (max-width: 999px) {
  #recruit .block {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ededed), color-stop(40%, #ffffff), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(left, #ededed, #ffffff 40%, #ffffff);
    background-image: -webkit-linear-gradient(left, #ededed, #ffffff 40%, #ffffff);
    background-image: linear-gradient(to right, #ededed, #ffffff 40%, #ffffff);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFEDEDED', endColorstr='#FFFFFFFF');
    margin: 5px 10px 17px;
    border: 1px solid #CECECE;
  }
  #recruit .block.jri-seminar-date {
    margin-top: 0px;
  }
  #recruit .block.small {
    width: auto;
    margin: 5px 10px 17px;
    float: none;
  }
  #recruit .block.small:nth-of-type(2n) {
    margin: 5px 10px 17px;
  }
  #recruit .block.small:last-child {
    margin-bottom: 0;
  }
  #recruit .block.small .block-p {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
  }
  #recruit .block.small .block-p.small {
    height: auto;
  }
  #recruit .block.small .block-p.middle {
    height: auto;
  }
  #recruit .seminar-block-image {
    float: none;
    text-align: center;
  }
  #recruit .seminar-block-image img {
    max-width: 260px;
  }
  #recruit .recruit {
    *zoom: 1;
    margin: 0 20px;
    background: #F4F4F4;
    padding-bottom: 10px;
  }
  #recruit .recruit:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #recruit .recruit.leftcol {
    float: none;
    width: auto;
  }
  #recruit .sidebar {
    float: none;
    width: auto;
    margin-top: 40px;
    margin-left: 20px;
  }
  #recruit .sidebar h2 {
    color: #000;
    margin-bottom: 10px;
    line-height: 28px;
  }
  #recruit .sidebar h2 img {
    vertical-align: top;
    margin-right: 10px;
  }
  #recruit .sidebar ul {
    border-bottom: 1px solid #FFFFFF;
  }
  #recruit .sidebar ul li {
    font-size: 15px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #FFFFFF;
  }
  #recruit .sidebar ul li:first-child {
    border-top: none;
  }
  #recruit .sidebar ul li a {
    display: block;
    padding: 15px 0;
    color: #000;
    background: url(../img/common/ico_arrow_right.png) right 50% no-repeat;
  }
  #recruit .sidebar ul li.on a {
    color: #0075bf;
  }
  #recruit .sidebar ul li .sidebar-sub {
    border-top: 1px solid #CCCCCC;
    border-bottom: none;
  }
  #recruit .sidebar ul li .sidebar-sub li {
    background-color: #E0E0E0;
    padding-right: 3px;
    border-top: 1px solid #EDEDED;
    border-bottom: none;
  }
  #recruit .sidebar ul li .sidebar-sub li a {
    color: #000;
    font-size: 14px;
    background: url(../img/recruit/ico_arrow_right_navi.png) right 50% no-repeat;
    padding: 10px 0 10px 1em;
  }
  #recruit .sidebar ul li .sidebar-sub li.on {
    background-color: #D7E0E4;
  }
  #recruit .sidebar ul li .sidebar-sub li.on a {
    color: #0075bf;
  }
  #recruit .sidebar ul li .sidebar-sub li.first {
    border-top: 1px solid #EDEDED;
    border-bottom: none;
  }
  #recruit .sidebar ul li .sidebar-sub li.last {
    border-bottom: none;
  }
  #recruit .seminar-banner {
    margin-left: 15px;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  #recruit h1 {
    color: #066666;
    font-size: 17px;
    font-weight: bold;
    background: #F4F4F4;
    padding: 15px 0 10px 10px;
  }
  #recruit h1.large {
    font-size: 24px;
    text-align: center;
    padding: 30px 0;
    border-bottom: 1px solid #D7DFE4;
    margin: 0 20px;
  }
  #recruit h2 {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  #recruit h3 {
    *zoom: 1;
    background: #e0e0e0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #e0e0e0));
    background-image: -moz-linear-gradient(top, #f4f4f4, #e0e0e0);
    background-image: -webkit-linear-gradient(top, #f4f4f4, #e0e0e0);
    background-image: linear-gradient(to bottom, #f4f4f4, #e0e0e0);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF4F4F4', endColorstr='#FFE0E0E0');
    font-size: 20px;
    font-weight: bold;
    color: #666666;
    padding: 15px 0 15px 0px;
    font-size: 15px;
    padding: 7px 0 7px 0px;
  }
  #recruit h3:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #recruit h3 span {
    padding-left: 25px;
    background: url(../img/common/ico_title.png) 12px 50% no-repeat;
  }
  #recruit h3.pt0 {
    padding-top: 7px !important;
  }
  #recruit h3 span {
    display: block;
    float: left;
    padding-left: 18px;
    background-position: 10px 0;
  }
  #recruit h3 span.link {
    background: none;
    -ms-filter: none;
    filter: none;
    float: right;
    margin-right: 7px;
    padding-left: 0;
  }
  #recruit h3.left span {
    background-position: 0 0;
    padding-left: 13px;
  }
  #recruit h3.left span.link {
    padding-left: 0;
  }
  #recruit .note {
    margin: 17px;
    line-height: 1.5;
    font-size: 14px;
    font-weight: bold;
  }
  #recruit .note.top-border {
    margin: 0 20px 35px 20px;
    border-top: 1px solid #fff;
    font-size: 16px;
    padding-top: 35px;
  }
  #recruit .note.left {
    margin-left: 35px;
    margin-right: 20px;
  }
  #recruit .image-block {
    margin-left: 25px;
  }
  #recruit .block-dl {
    margin-left: 0px;
    margin-bottom: 28px;
    line-height: 1.5;
  }
  #recruit .block-dl dt {
    color: #777777;
    font-size: 18px;
    border-bottom: 1px solid #C9C9C9;
    padding-bottom: 10px;
    font-weight: bold;
  }
  #recruit .block-dl dd {
    *zoom: 1;
    padding: 18px 0 0 10px;
  }
  #recruit .block-dl dd:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #recruit .block-dl dd span {
    font-weight: bold;
    font-size: 14px;
  }
  #recruit .block-dl dd .text-left {
    width: auto;
    float: none;
  }
  #recruit .block-dl dd .image {
    float: none;
    line-height: 1;
    margin-right: 0px;
  }
  #recruit .block-dl dd .image.right {
    float: none;
    margin-right: 0px;
    margin-left: 17px;
  }
  #recruit .block a {
    color: #000;
  }
  #recruit .block.no-border {
    border: none;
    background: none;
    -ms-filter: none;
    filter: none;
  }
  #recruit .block.no-border h3 {
    background: none;
    -ms-filter: none;
    filter: none;
  }
  #recruit .block.no-border.mb0 {
    margin-bottom: 17px !important;
  }
  #recruit .block.jri-seminar-date {
    margin-top: 0px;
  }
  #recruit .block .block-p {
    font-size: 12px;
    padding: 10px 10px 15px;
    font-weight: normal;
    line-height: 1.5;
  }
  #recruit .faq-table {
    border: 1px solid #EAEAEA;
    width: auto;
  }
  #recruit .faq-table td {
    border: 1px solid #EAEAEA;
  }
  #recruit .faq-table td.last {
    border: none;
  }
  #recruit .faq-table td dl {
    display: -webkit-flex;
    display: flex;
    padding: 12px;
  }
  #recruit .faq-table td dl.faq-q {
    background: #fff;
    cursor: pointer;
  }
  #recruit .faq-table td dl.faq-a {
    display: none;
    background: #E8E8E8;
  }
  #recruit .faq-table td dl.faq-a dt {
    background: #00B8C3;
  }
  #recruit .faq-table td dt {
    background: #006DC0;
    width: auto;
    height: 30px;
    text-align: center;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    margin-right: 10px;
    display: block;
    vertical-align: middle;
  }
  #recruit .faq-table td dd {
    -webkit-flex: 1;
    flex: 1;
    width: 82%;
    line-height: 1.5;
    display: block;
    vertical-align: middle;
  }
  #recruit .requirements-table {
    border-collapse: separate;
  }
  #recruit .requirements-table tr.top th, #recruit .requirements-table tr.top td {
    border-top: none;
  }
  #recruit .requirements-table tr.bottom th, #recruit .requirements-table tr.bottom td {
    border-bottom: none;
  }
  #recruit .requirements-table th {
    display: block;
    border-top: none;
    border-bottom: none;
    font-weight: bold;
    width: 100%;
    font-size: 14px;
    vertical-align: top;
    padding: 17px 0 0;
  }
  #recruit .requirements-table td {
    display: block;
    border-top: none;
    border-bottom: none;
    padding: 10px 0;
    vertical-align: top;
    line-height: 1.5;
  }
  #recruit .requirements-table td span {
    font-weight: bold;
  }
  #recruit .requirements-table td dl {
    *zoom: 1;
  }
  #recruit .requirements-table td dl:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #recruit .requirements-table td dl dt {
    clear: both;
    width: auto;
    float: none;
  }
  #recruit .requirements-table td dl dd {
    float: none;
  }
  #recruit .schedule-table {
    border-collapse: separate;
  }
  #recruit .schedule-table tr.top th, #recruit .schedule-table tr.top td {
    border-top: none;
  }
  #recruit .schedule-table tr.top th {
    border-bottom: none;
  }
  #recruit .schedule-table tr.bottom th, #recruit .schedule-table tr.bottom td {
    border-bottom: none;
  }
  #recruit .schedule-table th {
    display: block;
    border-top: 1px solid #FFFFFF;
    border-bottom: none;
    font-weight: bold;
    width: 100%;
    text-align: center;
    vertical-align: top;
    padding: 17px 0;
  }
  #recruit .schedule-table td {
    display: block;
    border-top: none;
    border-bottom: 1px solid #DFDFDF;
    padding: 0px 0 17px;
    vertical-align: top;
    line-height: 1.5;
  }
  #recruit .schedule-table td .schedule-table-title {
    font-weight: bold;
    font-size: 18px;
  }
  #recruit .schedule-table td span {
    color: #f10000;
  }
  #recruit .entry-table {
    width: 100%;
    border-top: 1px solid #F4F4F4;
    border-left: 1px solid #F4F4F4;
    margin-bottom: 10px;
  }
  #recruit .entry-table th {
    background: #0071C6;
    color: #fff;
    padding: 5px;
    font-size: 12px;
    border-right: 1px solid #F4F4F4;
    text-align: center;
  }
  #recruit .entry-table td {
    text-align: center;
    padding: 5px;
    border-right: 1px solid #F4F4F4;
    background: #fff;
    line-height: 1.5;
    border-bottom: 1px solid #F4F4F4;
  }
  #recruit .entry-table-p {
    text-indent: -1em;
    padding-left: 1em;
  }
  #recruit .event-block {
    margin-bottom: 20px;
  }
  #recruit .event-block a {
    color: #fff;
    display: block;
  }
  #recruit .event-block h3 {
    margin-bottom: 10px;
  }
  #recruit .event-dl {
    *zoom: 1;
    margin-left: 0px;
    margin-bottom: 10px;
  }
  #recruit .event-dl:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  #recruit .event-dl dt {
    background: url(../img/recruit/ico_arrow_right.png) 10px 50% no-repeat;
    background-color: #0071C6;
    width: auto;
    color: #fff;
    display: block;
    vertical-align: middle;
    line-height: 1;
    padding: 10px 10px 10px 20px;
    font-size: 14px;
  }
  #recruit .event-dl dt span {
    font-size: 12px;
    color: #fff;
  }
  #recruit .event-dl dd {
    display: block;
    width: auto;
    color: #000;
    font-size: 12px;
    line-height: 1.5;
    padding: 10px;
    background: #fff;
  }
  #recruit .seminar-top {
    position: relative;
    height: auto;
    border: 1px solid #D2D2D2;
    background: #FAFAFA;
    margin: 0 10px 20px;
    padding: 10px 0;
    top: 10px;
  }
  #recruit .seminar-top .text {
    font-size: 12px;
    text-align: center;
    padding: 10px 5px 0;
  }
  #recruit .seminar-top .title {
    font-size: 24px;
    text-align: center;
    padding: 7px 5px 5px;
  }
  #recruit .seminar-top .title div {
    line-height: 1.3;
    font-size: 12px;
  }
  #recruit .seminar-top .title span {
    display: block;
    font-size: 14px;
  }
  #recruit .seminar-top .icon {
    text-align: right;
    position: relative;
    bottom: 0px;
    right: 0px;
    border: 1px solid #D9D9D9;
    background: #ECECEC;
    padding: 3px;
    font-weight: bold;
  }
  #recruit .seminar-block {
    *zoom: 1;
    margin-left: 0px;
    margin-top: 10px;
    line-height: 1.5;
  }
  #recruit .seminar-block:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }

  #recruit .check-txt {
    margin: 15px 10px;
  }

  #recruit .seminar-block .seminar-block-text {
    line-height: 1.5;
  }
  #recruit .seminar-block .seminar-block-text-left {
    float: none;
    width: auto;
    margin-bottom: 20px;
  }
  #recruit .seminar-block .seminar-block-text-table th, #recruit .seminar-block .seminar-block-text-table td {
    padding: 5px 10px;
    font-size: 14px;
  }
  #recruit .seminar-block .seminar-block-image {
    float: none;
    margin-right: 0px;
    text-align: center;
  }
  #recruit .seminar-block li {
    margin-bottom: 20px;
    text-indent: -1.5em;
    padding-left: 1.5em;
    font-size: 14px;
  }
  #recruit .seminar-date-table {
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
  }
  #recruit .seminar-date-table th {
    background: #DFEAF8;
    font-size: 14px;
    padding: 5px;
    border-bottom: 1px solid #F4F4F4;
  }
  #recruit .seminar-date-table td {
    text-align: center;
    font-size: 14px;
    background: #fff;
    padding: 0px 0px 0;
  }
  #recruit .seminar-date-table td.line {
    padding: 5px 0px;
    border-bottom: 1px solid #F4F4F4;
  }
  #recruit .seminar-date-table td.line div {
    border: none;
    padding: 0;
  }
  #recruit .seminar-date-table td div {
    padding: 5px 20px;
    border-bottom: 1px solid #F4F4F4;
  }
  #recruit .seminar-date-table2 {
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
  }
  #recruit .seminar-date-table2 th {
    background: #DFEAF8;
    font-size: 14px;
    padding: 5px;
    border-bottom: 1px solid #F4F4F4;
  }
  #recruit .seminar-date-table2 td {
    text-align: center;
    font-size: 12px;
    background: #fff;
    padding: 5px 5px 0;
    border-bottom: 1px solid #F4F4F4;
  }
  #recruit .seminar-date-table2 td.date {
    background: #FCFCFC;
  }
  #recruit .seminar-date-table3 {
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: auto;
  }
  #recruit .seminar-date-table3 th {
    background: #DFEAF8;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #F4F4F4;
    border-right: 1px solid #F4F4F4;
  }
  #recruit .seminar-date-table3 th.last {
    border-right: none;
  }
  #recruit .seminar-date-table3 td {
    text-align: center;
    font-size: 14px;
    background: #fff;
    padding: 10px;
    border-bottom: 1px solid #F4F4F4;
    border-right: 1px solid #F4F4F4;
  }
  #recruit .seminar-date-table3 td.last {
    border-right: none;
  }
  #recruit .seminar-date-table3 td.date {
    background: #FCFCFC;
  }
  #recruit .seminar-date-table4 {
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: auto;
  }
  #recruit .seminar-date-table4 th {
    background: #DFEAF8;
    font-size: 14px;
    text-align: center;
    padding: 5px;
    border-bottom: 1px solid #F4F4F4;
    border-right: 1px solid #F4F4F4;
  }
  #recruit .seminar-date-table4 th.last {
    border-right: none;
  }
  #recruit .seminar-date-table4 td {
    text-align: left;
    font-size: 14px;
    background: #fff;
    padding: 5px;
    border-bottom: 1px solid #F4F4F4;
    border-right: 1px solid #F4F4F4;
  }
  #recruit .seminar-date-table4 td.last {
    border-right: none;
  }
  #recruit .seminar-date-table4 td.date {
    background: #FCFCFC;
  }
  #recruit .seminar-date-table5 {
    margin-bottom: 10px;
    width: 100%;
  }
  #recruit .seminar-date-table5 th {
    background: #DFEAF8;
    font-size: 14px;
    text-align: left;
    padding: 10px;
    width: auto;
    display: block;
    border-bottom: 1px solid #F4F4F4;
    border-right: 1px solid #F4F4F4;
    border-top: none;
    border-left: none;
  }
  #recruit .seminar-date-table5 th.last {
    border-right: none;
  }
  #recruit .seminar-date-table5 td {
    text-align: left;
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    background: #fff;
    padding: 10px;
    border-bottom: 1px solid #F4F4F4;
    border-right: 1px solid #F4F4F4;
    border-top: none;
    border-left: none;
  }
  #recruit .seminar-date-table5 td.last {
    border-right: none;
  }
  #recruit .seminar-date-table5 td.date {
    background: #FCFCFC;
  }

  #recruit .seminar-banner {
    margin-top: 20px;
    margin-left: 0;
    text-align: center;
  }
  #recruit h4 {
    font-size: 14px;
    margin-left: 0px;
    margin-top: 20px;
  }
  #recruit .zoom {
    width: 100%;
    top: 1040px;
    left: 0px;
    margin-left: 0;
  }
  #recruit .bg-layer {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    height: 100%;
    display: none;
    width: 100%;
  }
  #recruit .zoom-btn {
    margin-top: 10px;
    display: block;
    text-align: center;
  }
  #recruit .zoom-btn a {
    display: inline-block;
    border: 1px solid #DFDFDF;
    font-size: 12px;
    color: #1072b4;
    background: #fff;
    padding: 5px 25px;
  }
}




@media screen and (max-width: 999px) {
  #internship .wrapper {
    overflow: hidden;
  }
  #internship .pc-on {
    display: none;
  }
  #internship .leftcol {
    float: none;
    width: auto;
    margin: 0 10px;
    border: none;
    padding-right: 0;
  }
  #internship .wrap {
    width: auto;
  }
  #internship .internshiptop .intern-mainmessage .intern-mainmessage-detail {
    font-size: 18px;
    line-height: 30px;
    padding: 15px 0px;
    width: auto;
  }
  #internship .internshiptop .intern-mainmessage-left {
    float: none;
    width: auto;
  }
  #internship .internshiptop .intern-mainmessage-right {
    float: none;
    clear: both;
    width: auto;
  }
  #internship .internshiptop .intern-mainmessage-right div {
    width: 50%;
    padding-top: 10px;
    margin: 0px auto;
  }
  #internship .internshiptop .internship-detail-area .internship-detail-area-it-table .area-it-column {
    margin-left: 35px;
  }
  #internship .internshiptop .internship-subblock {
    width: 100%;
  }
  #internship .internshiptop .internship-subblock h3 {
    width: 100%;
    height: 76px;
  }
  #internship .internshiptop .internship-subblock .for-subttl-bg-area {
    background: url("../img/internship/intern_subtitle_bg_repeat.png") repeat-x 0 0;
  }
  #internship .internshiptop .internship-voice-area .internship-detail-voice-it .internship-detail-voice-it-text {
    width: 50%;
    margin: 20px 0px 0px 4%;
  }
  #internship .internshiptop .internship-voice-area .internship-detail-voice-it .internship-detail-voice-it-mainimg {
    float: right;
    margin: 20px 4% 0px 0px;
    width: 35%;
  }
  #internship .internshiptop .internship-voice-area .internship-detail-voice-it .internship-subblock-btn {
    margin: 30px auto 20px;
  }
  #internship .internshiptop .internship-voice-area .internship-detail-voice-it .internship-subblock-btn-outer2 {
    display: block;
    clear: both;
    text-align: center;
    width: 100%;
    margin: 0px;
  }
  #internship .internshiptop .internship-voice-area .internship-detail-voice-consaru .internship-subblock-btn-outer {
    display: block;
    clear: both;
    text-align: center;
    width: 100%;
    margin: 0px;
  }
  #internship .internshiptop .internship-voice-area .internship-detail-voice-consaru .internship-subblock-btn {
    margin: 10px auto 20px;
  }
  #internship .internshiptop .internship-faq-area .pc-btn-intern-faq li .pc-btn-intern-faq-main {
    width: 100%;
  }
  #internship .internship-solution .internship-strategy_voice-enquetearea ul .bottom-two {
    height: 360px;
  }
  #internship .internship-solution .internship-strategy_voice-enquetearea ul li {
    width: 48%;
    float: left;
    height: 390px;
    margin-bottom: 10px;
  }
  #internship .internship-solution .internship-strategy_voice-enquetearea ul li .strategy-voice-message-area-mainmsg {
    font-size: 12px;
    line-height: 19px;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  #internship .internship-solution.internship-solution-winter {
    padding: 0 10px;
    width: auto !important;
  }
  #internship .internship-solution.internship-solution-winter-flow {
    width: auto !important;
  }
  #internship .internship-solution .internship-solution-flow .internship-solution-flow-main .internship-solution-flow-arrow .arrow-img {
    height: auto !important;
  }
  #internship .internship-solution .internship-solution-flow .internship-solution-flow-main .internship-solution-flow-area-lastyear h4 {
    height: 60px;
    font-size: 18px !important;
  }
  #internship .internship-solution .internship-solution-flow .internship-solution-flow-main .internship-solution-flow-area-lastyear ul li {
    font-size: 18px !important;
  }
  #internship .internship-solution .internship-solution-flow .internship-solution-flow-main li .internship-solution-flow-area {
    width: 71%;
  }
  #internship .internship-solution .internship-solution-flow .internship-solution-flow-main li .internship-solution-flow-area .internship-solution-flow-area-ttl-twoline {
    padding-top: 22px;
  }
  #internship .internship-solution .internship-solution-flow .internship-solution-flow-main li .internship-solution-flow-area .internship-solution-flow-area-num {
    height: 60px;
    padding-top: 20px;
    font-size: 28px;
  }
  #internship .internship-solution .internship-solution-flow .internship-solution-flow-main li .internship-solution-flow-area .internship-solution-flow-area-ttl {
    height: 60px;
    font-size: 20px;
  }
  #internship .internship-solution .internship-solution-flow .internship-solution-flow-main li .internship-solution-flow-area-noimage .internship-solution-flow-area-num {
    height: 63px;
  }
  #internship .internship-solution .internship-solution-flow .internship-solution-flow-main li .internship-solution-flow-area-noimage .internship-solution-flow-area-ttl {
    height: 63px;
  }
  #internship .internship-solution .internship-solution-flow .internship-solution-flow-main li .internship-solution-flow-area-noimage-short .internship-solution-flow-area-num {
    height: 119px;
  }
  #internship .internship-solution .internship-solution-flow .internship-solution-flow-main li .internship-solution-flow-area-noimage-short .internship-solution-flow-area-ttl {
    height: 119px;
  }
  #internship .internship-solution .internship-solution-flow .internship-solution-flow-main li .internship-solution-flow-area-noimage-short .internship-solution-flow-area-ttl .two-line {
    padding-top: 8px !important;
  }
  #internship .sidebar {
    float: none;
    width: auto;
    margin-top: 40px;
    margin-left: 0px;
    margin-right: 20px;
    border-left: none;
  }
  .worklife_keyblock{
    text-align: center;
  }
}








/* 768の記述 */
@media screen and (max-width: 768px) {
  .sp-on {
    display: block;
  }
  .sp2-on {
    display: inline;
  }
  #internship .wrapper .internship-solution-flow-area-num-nextline {
    display: none;
  }
  #internship .wrapper .internshiptop {
    padding: 0px 10px 30px;
  }
  #internship .wrapper .internshiptop h2 {
    font-size: 20px !important;
    padding-bottom: 10px !important;
  }
  #internship .wrapper .internshiptop .internship-subblock-btn {
    width: 80% !important;
  }
  #internship .wrapper .internshiptop .intern-mainmessage .intern-mainmessage-right div {
    width: 100%;
    text-align: center;
  }
  #internship .wrapper .internshiptop .intern-mainmessage .intern-main-whatsnew {
    margin-bottom: 20px;
  }
  #internship .wrapper .internshiptop .intern-mainmessage .intern-main-whatsnew .intern-main-whatsnew-title {
    width: 15%;
    margin: 26px 0px 20px;
  }
  #internship .wrapper .internshiptop .intern-mainmessage .intern-main-whatsnew ul {
    width: 75%;
    padding-left: 5%;
  }
  #internship .wrapper .internshiptop .internship-subblock h3 {
    font-size: 17px;
  }
  #internship .wrapper .internshiptop .internship-detail-area .internship-detail-area-it-table .area-it-column {
    margin-left: 5%;
    width: 90%;
  }
  #internship .wrapper .internshiptop .internship-detail-area .internship-detail-area-it-mainimg {
    float: none;
  }
  #internship .wrapper .internshiptop .internship-detail-area .internship-detail-area-it-table {
    text-align: center;
    margin: 10px auto;
    float: none;
    clear: both;
  }
  #internship .wrapper .internshiptop .internship-detail-area .internship-detail-area-it p {
    width: 90%;
    font-size: 15px;
  }
  #internship .wrapper .internshiptop .internship-detail-area .internship-detail-area-it img {
    width: 80% !important;
  }
  #internship .wrapper .internshiptop .internship-detail-area .internship-detail-area-consaru p {
    width: 90%;
    font-size: 15px;
  }
  #internship .wrapper .internshiptop .internship-detail-area .internship-detail-area-consaru img {
    width: 80% !important;
  }
  #internship .wrapper .internshiptop .internship-voice-area .internship-detail-voice-consaru ul,
  #internship .wrapper .internshiptop .internship-voice-area .internship-detail-voice-it ul {
    width: 80%;
    font-size: 14px !important;
  }
  #internship .wrapper .internshiptop .internship-youkou-area .youkou-area-table-pc {
    display: none;
  }
  #internship .wrapper .internshiptop .internship-youkou-area .youkou-area-table-sp {
    display: block;
    border-top: dotted 1px #d7d7d7;
  }
  #internship .wrapper .internshiptop .internship-youkou-area .youkou-area-table-sp th {
    padding: 20px 0px;
    width: 23%;
    font-size: 14px;
    text-align: center;
  }
  #internship .wrapper .internshiptop .internship-youkou-area .youkou-area-table-sp td {
    padding: 20px 0px 20px 6%;
    width: 70%;
    font-size: 14px;
  }
  #internship .wrapper .internshiptop .internship-faq-area .sp-btn-intern-faq {
    display: block;
  }
  #internship .wrapper .internshiptop .internship-faq-area ul li .pc-on {
    display: none;
  }
  #internship .wrapper .internshiptop .internship-faq-area ul li .pc-btn-intern-faq-main dt {
    width: 100% !important;
    float: none !important;
    padding-bottom: 5px !important;
  }
  #internship .wrapper .internshiptop .internship-faq-area ul li .pc-btn-intern-faq-main dd {
    width: 100% !important;
    float: none !important;
  }
  #internship .wrapper .internshiptop .internship-question-area .internship-question-area-mainmessage {
    width: 90%;
    font-size: 16px;
  }
  #internship .wrapper .internshiptop .internship-question-area .internship-question-area-submessage {
    width: 90%;
    font-size: 17px;
    line-height: 23px;
  }
  #internship .wrapper .internship-solution .strategy-youkou-area-table th {
    width: 28%;
    padding: 25px 1%;
  }
  #internship .wrapper .internship-solution .internship-strategy_voice-enquetearea ul .bottom-two {
    height: auto;
  }
  #internship .wrapper .internship-solution .internship-strategy_voice-enquetearea ul li {
    width: 100%;
    float: none;
    height: auto;
    margin-bottom: 10px;
  }
  #internship .wrapper .internship-solution .internship-strategy_voice-enquetearea ul li .strategy-voice-message-area-human div .strategy-voice-message-area-human-year {
    font-size: 11px;
  }
  #internship .wrapper .internship-solution .internship-strategy_voice-enquetearea ul li .strategy-voice-message-area-mainmsg {
    font-size: 12px;
    line-height: 19px;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  #internship .wrapper .internship-solution .internship-solution-mainttl {
    font-size: 22px;
  }
  #internship .wrapper .internship-solution h1 img {
    width: 100%;
  }
  #internship .wrapper .internship-solution .internship-solution-winter-bigttl {
    padding-left: 7px;
    font-size: 18px;
  }
  #internship .wrapper .internship-solution .internship-it_voice-mainmsg {
    font-size: 24px !important;
  }
  #internship .wrapper .internship-solution .internship-solution-mainmsg {
    font-size: 24px;
    line-height: 34px;
  }
  #internship .wrapper .internship-solution .internship-solution-submsg {
    font-size: 12px;
    margin-top: 20px;
    line-height: 22px;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .flow-dl {
    overflow: hidden;
    *zoom: 1;
    text-align: center;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .flow-dl dt {
    float: none;
    font-size: 22px;
    color: #777;
    font-weight: bold;
    padding-left: 10px;
    width: 100%;
    margin-bottom: 10px;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .flow-dl dt span {
    font-size: 14px;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .flow-dl dd {
    float: none;
    font-size: 12px;
    line-height: 1.8;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .winter-youkou-area-table th {
    width: 28%;
    padding: 25px 1%;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .flow-dd-image {
    margin-right: 0px;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-main .internship-solution-flow-area-lastyear {
    width: 100%;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-main .internship-solution-flow-area-lastyear ul li {
    text-align: left;
    margin-left: 10px;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-main .internship-solution-flow-area-noimage .internship-solution-flow-area-num {
    height: 82px;
    width: 15%;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-main .internship-solution-flow-area-noimage .internship-solution-flow-area-ttl {
    height: 82px;
    width: 85%;
    font-size: 12px !important;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-main .internship-solution-flow-area-noimage .internship-solution-flow-area-ttl-doubleline {
    padding-top: 16px !important;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-main .internship-solution-flow-area {
    width: 100%;
    float: none;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-main .internship-solution-flow-area-ttl {
    height: 66px !important;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-main .internship-solution-flow-area-ttl p {
    font-size: 16px !important;
    line-height: 18px;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-main .internship-solution-flow-area-ttl p.newintern {
    font-size: 12px !important;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-main .internship-solution-flow-area-num {
    height: 66px !important;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-main .internship-solution-flow-area-num-solutiontype {
    height: auto !important;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-main .internship-solution-flow-area-ttl-solutiontype {
    height: auto !important;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-main li .internship-solution-flow-area-noimage-short .internship-solution-flow-area-num {
    height: auto;
    width: 100%;
    padding: 10px 0px 5px;
    font-size: 18px;
    float: none;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-main li .internship-solution-flow-area-noimage-short .internship-solution-flow-area-num--new{
    font-size: 14px;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-main li .internship-solution-flow-area-noimage-short .internship-solution-flow-area-ttl {
    height: auto;
    width: 100%;
    font-size: 12px;
    padding: 10px;
    float: none;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-main .internship-solution-flow-arrow img {
    width: 20%;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-main .internship-solution-flow-arrow .arrow_fivedays {
    width: 30%;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-imgarea li {
    float: none;
    width: 100%;
    text-align: center;
  }
  #internship .wrapper .internship-solution .internship-solution-flow .internship-solution-flow-imgarea li img {
    width: 75%;
    margin: 0px auto;
  }
  #internship .wrapper .internship-solution .internship-it_voice-humans {
    padding-top: 35px;
    margin-bottom: 20px;
  }
  #internship .wrapper .internship-solution .internship-it_voice-humans li {
    width: 100%;
    float: none;
    margin-right: 0px;
    margin-bottom: 30px;
  }
  #internship .wrapper .internship-solution .internship-it_voice-humans li img {
    width: 100%;
  }
  #internship .wrapper .internship-solution .internship-it_voice-humans li .internship-it_voice-humans-name {
    padding: 15px 0px 5px;
  }
  #internship .wrapper .internship-solution .internship-it_voice-main-area-img li img {
    width: 90% !important;
  }
  #corporate .globalnetwork_keyblock{
    width: 260px;
    height: 165px;
  }
  .globalnetwork_keyblock_img01 img,
  .globalnetwork_keyblock_img02 img,
  .globalnetwork_keyblock_img04 img{
    width: 50%;
  }
  .globalnetwork_keyblock_img03 img{
    width: 85%;
  }
  .globalnetwork_keyblock_img01{
    top: 31px;
    left: 25px;
  }
  .globalnetwork_keyblock_img02{
    top: 68px;
    left: 186px;
  }
  .globalnetwork_keyblock_img03{
    top: 28px;
    left: 185px;
  }
    .globalnetwork_keyblock_img04{
    top: 10px;
    left: 111px;
  }

  #corporate .globalnetwork_photo dl dt{
    float: none;
    width: auto;
    text-align: center;
    font-size: 14px;

  }
  #corporate .globalnetwork_photo dl dd{
    float: none;
    width: auto;
    font-size: 14px;
  }
  #corporate .globalnetwork_photo{
    padding: 15px;
  }
  #corporate .globalnetwork_photo dd:first-of-type {
    font-size: 13px;
    padding-left: 0px;
  }
  #corporate .globalnetwork_photo dd:nth-of-type(2) {
    font-size: 12px;
    margin-left: 0px;
  }
  #corporate .block a:hover{
    text-decoration: none;
  }
  #corporate .worklife_link p{
    margin-bottom: 4px;
  }
  #corporate .worklife_link ul{
    margin-top: 0px;
    margin-bottom: 0px;
  }
  #corporate .worklife_photo dl dt{
    float: none;
    width: auto;
    text-align: center;
    font-size: 14px;

  }
  #corporate .worklife_photo dl dd{
    float: none;
    width: auto;
    font-size: 14px;
  }
  #corporate .worklife_photo{
    padding: 15px;
  }
  #corporate .worklife_photo dd:first-of-type {
    font-size: 13px;
    padding-left: 0px;
    margin-left: 0px;
  }
  #corporate .worklife_photo dd:nth-of-type(2) {
    font-size: 12px;
    margin-left: 0px;
  }
  


























  .timeLimit{
    font-size: 14px;
  }
  .sp-header .header__btns{
    visibility: hidden;
  }
  .sp-header .header__btns__internship {
    visibility: visible;
  }
  .sp-header .header__btns-top{
    visibility: visible;
  }
  .sp-header.sp-internship-header .header__btns{
    visibility: visible;
  }
  .sp-header .header__btns-recruit{
    visibility: visible;
  }
  #internship .wrapper .internship__kasou__main{
    margin-top: 0;
    width: 100%;
  }
  #internship .wrapper .internship__kasou__main img{
    display: block;
    width: 100%;
  }
  #internship .wrapper .internship__kasou__block{
    width: 92%;
    margin: 0 4%;
  }
  #internship .wrapper .internship__kasou__lead{
    padding: 25px 0 10px 0;
  }
  #internship .internship__kasou__text{
    text-align: justify;
  }
  #internship .internship__kasou__photo{
    margin-top: 10px;
  }
  #internship .internship__kasou__nav{
    margin-top: 40px;
  }
  #internship .internship__kasou__navList{
    width: 100%;
    margin-bottom: 10px;
  }
  #internship .internship__kasou__navList li{
    width: 80%;
    margin: 0 auto 10px auto;
    float: none;
  }
  #internship .internship__kasou__navList li:first-child{
    margin-right: auto;
  }
  #internship .internship__kasou__navList li img{
    width: 100%;
  }
  #internship .internship__kasou__gotop{
    width: 60%;
    margin: 0 auto;
  }
  #internship .wrapper .internship__participant__btn{
    width: 100%;
    margin: 0 auto;
  }

  #business .block-box.no-border h3{
    position: static;
    padding-left: 13px;
    margin-bottom: 10px;
  }
  #business.career-recruit .simp-define{
    padding: 10px 0;
  }
  #internship .wrapper .internship__participant__btn li{
    margin-bottom: 10px;
    float: none;
    margin-right: 0;
  }
  #business.career-recruit .available-inner{
    width: auto;
    padding-left: 0;
    margin: 0 13px;
  }
  #business.career-recruit .two-col-define dt{
    display: block;
    width: 100%;
  }
  #business.career-recruit .two-col-define dd{
    width: 100%;
    display: block;
  }
  #business.career-recruit .three-col-define th{
    display: block;
    width: 100%;
    padding: 10px 10px;
  }
  #business.career-recruit .three-col-define tr td{
    display: block;
    width: 100%;
  }
  #business.career-recruit .three-col-define tr td:nth-of-type(1){
    width: 100%;
  }
  #business.career-recruit .three-col-define tr td:nth-of-type(2){
    width: 100%;
  }
  #business.career-recruit .available-inner--all{
    width: auto;
    padding-left: 0;
    margin: 0 13px;
  }
  #business.career-recruit .btn-career-entry{
    width: 90%;
    margin: 10px auto 0 auto;
  }
}






@media screen and (max-width: 768px) {
  #fintech .fintech-inner{
    padding: 30px 15px;
  }
  .fintech-sec{
    margin-bottom: 30px;
  }
  #fintech .fintech-sub-ttl{
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.7;
  }
  .fintech-talk{
    margin-bottom: 15px;
  }
  .fintech-talk-text{
    width: auto;
    float: none;
    display: inline;
  }
  .fintech-talk-lable{
    width: auto;
    float: none;
    display: inline-block;
    margin-right: 0.5em;
    margin-bottom: 4px;
    margin-top: 0;
  }
  .fintech-graph{
    width: auto;
    text-align: center;
    margin-bottom: 20px;
    margin-left: 0;
  }
  .fintech-graph-note{
    margin-left: 0;
  }
}



















/*----------------------------------------------------------
tablet
------------------------------------------------------------*/



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

  .titleArea{
    display: block;
    position: absolute;
    top: 50%;
    text-align: left;
    transform: translateY(-50%);
    left: 80px;
  }
  .titleArea__subtitle{
    font-family: 'Lato', sans-serif;
    color: #fff;
    letter-spacing: .2em;
    font-size: 30px;
    background-size: cover;
    font-weight: normal;
    margin-bottom: 22px;
  }
  /*.mix-blend{
    mix-blend-mode: overlay;
  }*/
  .titleArea__title{
    font-family: 'Lato', sans-serif;
    color: #fff;
    letter-spacing: .1em;
    font-size: 50px;
    background-size: cover;
    font-weight: bold;
  }

  .internship__spmainvisual--2__img ,.internship__spmainvisual--3__img{
    position: relative;
  }
  .internship__spmainvisual--2__cap{
    font-size: 18px;
    position: absolute;
    top: 240px;
    right: 56px;
    color: #fff;
  }
  .internship__spmainvisual--2__ttl{
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    top: 270px;
    right: 90px;
    line-height: 1.35;
    color: #fff;
  }
  .internship__spmainvisual--3__cap{
    font-size: 18px;
    position: absolute;
    top: 180px;
    right: 56px;
    color: #fff;
  }
  .internship__spmainvisual--3__ttl{
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    top: 200px;
    right: 50px;
    line-height: 1.35;
    color: #fff!important;
  }
  .internship__spmainvisual--3__ttl a{
    color:#fff;
  }
  /*.internship__spmainvisual--4__cap{
    font-size: 18px;
    position: absolute;
    top: 40%;
    left: 5%;
    color: #fff;
    }*/
    .internship__spmainvisual--4__ttl{
      font-size: 40px;
      font-weight: bold;
      position: absolute;
      top: 46%;
      left: 5%;
      line-height: 1.35;
      color: #fff!important;
    }
  }

  @media screen and (max-width: 767px) {
    .internship__spmainvisual--2, .internship__spmainvisual--3{
      min-width: 375px;
    }

    .internship__spmainvisual--2__img, .internship__spmainvisual--3__img{
      position: relative;
    }
    .internship__spmainvisual--2__cap{
      font-size: 10px;
      position: absolute;
      top: 85px;
      right: 10px;
      color: #fff;
    }
    .internship__spmainvisual--2__ttl {
      font-size: 18px;
      font-weight: bold;
      position: absolute;
      top: 100px;
      right: 56px;
      line-height: 1.35;
      color: #fff;
    }
    .internship__spmainvisual--3__cap{
      font-size: 10px;
      position: absolute;
      top: 90px;
      right: 10px;
      color: #fff;
    }
    .internship__spmainvisual--3__ttl{
      font-size: 16px;
      font-weight: bold;
      position: absolute;
      top: 102px;
      right: 48px;
      line-height: 1.35;
      color: #fff;
    }
    .internship__spmainvisual--3__ttl a{
      color:#fff;
    }
  /*.internship__spmainvisual--4__cap{
    font-size: 10px;
    position: absolute;
    top: 46%;
    left: 5%;
    color: #fff;
    }*/
    .internship__spmainvisual--4__ttl{
      font-size: 16px;
      font-weight: bold;
      position: absolute;
      top: 46%;
      left: 5%;
      line-height: 1.35;
      color: #fff!important;
    }
    .imgTable__image{
      display: table-cell;
      vertical-align: middle;
      padding: 4px 4px 0;
    }
  /*-------------------------------
  table
  --------------------------------*/
  .sp-on{
    display: block!important;
  }
  .pc-on{
    display: none!important;
  }

  .imgTable{
    display: table;
    margin: 0 auto;
    width: 100%;
  }

  .imgTable .test{
    width: 50%!important;
    display: table-cell!important;
    border-right: none!important;
  }

/*  .imgTable__image{
    display: table-cell!important;
    vertical-align: middle;
    padding-left: 20px;
    width: 50%;
    }*/
    .imgTable__image img{
      width: 100%;
    }
    .imgTable__image--3{
      display: block!important;
      vertical-align: middle;
      width: 100%;
      border-left: 1px solid #CECECE!important;
      padding-top: 0;
      padding: 11px 0 9px!important;

    }
    .imgTable__image--2{
      display: block!important;
      vertical-align: middle;
      width: 100%;
      border-right: 1px solid #CECECE!important;
      margin-bottom: 10px;
      padding-left: 0;

    }
    .imgTable__image--2 img, .imgTable__image--3 img{
      /*width: 100%;*/
    }

    .imgTable__image:first-child{
      padding-left: 0;
    }

  /*-------------------------------
  table
  --------------------------------*/


}