@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

video {
    vertical-align: bottom;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
}

.text_left {
    text-align: left !important;
}

q,
blockquote {
    quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none;
}

a img {
    border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

body {
    /* font-family: Meiryo,"メイリオ", "Hiragino Kaku Gothic ProN", sans-serif; */
    -webkit-text-size-adjust: 100%;
    background: #fff;
    color: #111;
    font-family: " MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /* font-family: Meiryo, "\30E1\30A4\30EA\30AA", "Hiragino Kaku Gothic ProN", sans-serif; */
    font-size: 12px;
    line-height: 1;
}

a {
    color: #2a8ac4;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

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

.loadwrapper {
    display: none;
}

.mgt0 {
    margin-top: 0px !important;
}

.pdt0 {
    padding-top: 0px !important;
}

.mgb30 {
    margin-bottom: 30px !important;
}

.index-wrapper {
    display: none;
}

.font12 {
    font-size: 12px !important;
}

.tablet-on {
    display: none !important;
}

.wrap {
    *zoom: 1;
    margin: 0 auto;
}

.wrap:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

.sp-header {
    display: none;
}

.pc-pn {
    display: block;
}

.sp-pn {
    display: none;
}

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

2018_top配下

------------------------------------------------------------*/
@font-face {
    src: url("fonFile.woff2") format("woff2");
    font-display: swap;
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
}
#top {
    width: 100%;
    font-family: Meiryo, "\30E1\30A4\30EA\30AA", "Hiragino Kaku Gothic ProN",
        sans-serif;
    font-size: 16px;
}

#people {
    width: 100%;
    font-family: Meiryo, "\30E1\30A4\30EA\30AA", "Hiragino Kaku Gothic ProN",
        sans-serif;
    font-size: 16px;
}

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

2019_internship

------------------------------------------------------------*/
.header--internship {
    font-family: Meiryo, "\30E1\30A4\30EA\30AA", "Hiragino Kaku Gothic ProN",
        sans-serif;
}

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

2020_internship

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

.internship__fnt {
    font-family: " MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

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

2019_concept

------------------------------------------------------------*/
.concept .header {
    font-family: Meiryo, "\30E1\30A4\30EA\30AA", "Hiragino Kaku Gothic ProN",
        sans-serif;
}

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

2018_header

------------------------------------------------------------*/
.wrapper {
    margin: 0 20px;
}

.header {
    position: relative;
    width: 100%;
    margin: 20px 0 0;
}

.header__logo {
    z-index: 300;
    position: absolute;
    top: -20px;
    width: 188px;
    height: 64px;
    padding: 22px 31px;
    background: #fff;
    text-align: center;
}

.header__logo img {
    width: 188px;
    height: 64px;
}

.header__logo img:hover {
    opacity: 0.5;
    transition: 0.5s;
}

.loginBox {
    position: absolute;
    top: -20px;
    right: 0;
}

.loginBox__mypage,
.loginBox__entry {
    display: inline-block;
    width: 180px;
    height: 54px;
    color: #fff;
    font-size: 14px;
    line-height: 54px;
    text-align: center;
}

.loginBox__mypage a,
.loginBox__entry a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

.loginBox__mypage {
    background: #61c4fc;
}

.loginBox__entry {
    background: #0072cf;
}

.loginBox__mypage:before,
.loginBox__entry:before {
    display: inline-block;
    width: 11px;
    height: 13px;
    margin: -4px 10px 0 0;
    background: url(../img/common/icon-person.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    content: "";
}

.loginBox__mypage:hover {
    background: #4e9dca;
    transition: 0.5s;
}

.loginBox__entry:hover {
    background: #005ba6;
    transition: 0.5s;
}

.loginBox__entry--career {
    width: 200px;
    background: #013855;
    transition: 0.5s;
}

.loginBox__entry--career:hover {
    background: #012d44;
    transition: 0.5s;
}

.loginBox__entry--career a:before {
    margin: -4px 6px 0 0;
}

.loginBox__entry--intern {
    background: #04bc4d;
    transition: 0.5s;
}

.loginBox__entry--intern:hover {
    background: #30954a;
    transition: 0.5s;
}

.loginBox__mypage--intern {
    background: #a0d924;
    transition: 0.5s;
}

.loginBox__mypage--intern:hover {
    background: #8cb236;
    transition: 0.5s;
}

.loginBox__entry--intern a,
.loginBox__mypage--intern a {
    line-height: 1.2;
    vertical-align: middle;
}
.loginBox__entry--intern .none,
.loginBox__mypage--intern .none {
    pointer-events: none;
}

.header nav {
    z-index: 300;
    position: absolute;
    top: 34px;
    right: 0;
    width: 750px;
    /* width: 859px; */
    /* width: 728px; */
    height: 54px;
    background: #fff;
    line-height: 54px;
    font-family: Meiryo, "\30E1\30A4\30EA\30AA", "Hiragino Kaku Gothic ProN",
        sans-serif;
}

.header nav ul li {
    box-sizing: border-box;
    padding: 0px 10px;
    float: none;
    border-right: 1px solid #ededed;
    font-size: 11px;
}
.header nav ul li a {
    display: block;
    height: 100%;
    color: #111;
    transition: 0.5s;
    text-decoration: none;
}
.header nav ul li a:hover {
    display: block;
    height: 100%;
    color: #fff;
    transition: 0.5s;
}

.header nav ul li:last-child {
    border-right: none;
}

.header nav ul li:hover {
    background: #0072cf;
    color: #fff;
    transition: 0.5s;
}
.header nav ul li.not-foucus:hover {
    background: #fff;
    color: #111;
}

.navList {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    align-items: center;
    justify-content: flex-end;
}

.current {
    background: #0072cf;
    color: #fff;
}

.megaMenu {
    z-index: 300;
    position: absolute;
    top: 88px;
    width: 100%;
    height: auto;
    background: #0072cf;
}

/* .megaMenu--2{
  top: 108px;
} */
#people .megaMenu {
    top: 108px;
}

.gnaviBox {
    display: none;
    width: 1000px;
    margin: 40px auto !important;
    overflow: hidden;
}

.gnaviBox.recruit {
    background: none !important;
}

.gnaviBox.business {
    width: 1000px !important;
}

.gnaviBox--l {
    float: left;
}

.gnaviBox--r {
    float: right;
}

.gnaviBox__title {
    margin: 0 0 30px;
    color: #fff;
    font-size: 30px;
    line-height: 1.2;
}

.gnaviBox__more {
    width: 180px;
    height: 44px;
    border: 1px solid #fff;
    line-height: 44px;
    text-align: center;
}

.gnaviBox__more a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    transition: 0.5s;
}

.gnaviBox__more a:hover {
    background: #fff;
    color: #0072cf;
    transition: 0.5s;
}

.hoverBox {
    /* 12/15 */
    width: 760px;
    overflow: hidden;
}

#internshipInfo {
    width: auto;
}

.pankuzuWrap {
    padding-top: 88px;
}

.newBg {
    background: #efefef;
}

.newBg--2 {
    /*background: #fff!important;*/
    background: #efefef !important;
}

.p-noLink {
    background: #fff !important;
}

.p-noLink:hover {
    color: #111 !important;
}

.p-bgWhite {
    background: #fff;
}

.p-bgWhite:hover {
    background: #fff;
}

.sp-slideMenu {
    display: none;
}

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

2018_header

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

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

2024_loginBox

------------------------------------------------------------*/
.loginBox {
    z-index: 301;
}
.loginBox__entry {
    font-size: 12px;
    position: relative;
    cursor: pointer;
}
.loginBox__choose {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    transition: all 0.6s;
    position: absolute;
    top: 55px;
    left: 0;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    display: flex;
}
.loginBox__thisYear {
    background-color: #208ce4;
    border-top: 1px solid #fff;
    width: 100%;
}
.loginBox__thisYear:hover {
    background: #197dce;
    transition: 0.5s;
}
.loginBox__nextYear {
    background-color: #3ea1f2;
    border-top: 1px solid #fff;
    width: 100%;
}
.loginBox__nextYear:hover {
    background: #4e9dca;
    transition: 0.5s;
}
/*------------------------------------------------------------

2024_loginBox

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

company

------------------------------------------------------------*/
.listBox {
    width: 226px;
    margin-bottom: 20px;
    padding-right: 32px;
    float: left;
    list-style: none;
}

.listBox--02 {
    width: calc(100% / 2);
    padding-right: 0;
}

.listBox--flo-off {
    float: none;
}

.listBox--clear {
    clear: both;
}

.corporate-list {
    display: flex;
}

.corporate__title {
    margin-top: 5px;
    color: #fff;
    /* 12/15 */
    font-size: 14px;
    margin-bottom: 15px;
}

.listBox a {
    color: #fff;
    text-decoration: none;
}

.listBox:nth-child(3n) {
    padding-right: 0;
}

.listBox.pr-on {
    padding-right: 32px;
}

.listBox.pr-off {
    padding-right: 0;
}

.listBox__image {
    margin-bottom: 10px;
}

.listBox__image--02 {
    width: 226px;
}

.listBox__image:hover {
    opacity: 0.5;
    transition: 0.5s;
}

.listBox__text {
    margin-bottom: 14px;
    font-size: 14px;
}
.listBox__title {
    margin-bottom: 14px;
    font-size: 14px;
}
.listBox__title--txt-only {
    padding-top: 25px;
}
.listBox__text span {
    font-size: 10px;
}

.listBox__text-area {
    margin-left: 10px;
}

.listBox__text--2 {
    padding-left: 1em;
    line-height: 1.4;
    text-indent: -0.9em;
}

.listBox__text--3 {
    margin: 10px 0 0 0;
}

.listBox__text a {
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
}

.listBox a:hover {
    text-decoration: underline;
    transition: 0.5s;
}

.listBox__text a:hover {
    text-decoration: underline;
    transition: 0.5s;
}

.listBox__text:before {
    display: inline-block;
    width: 5px;
    height: 10px;
    margin: -2px 4px 0 0;
    background: url(../img/common/arrow_min.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    content: " ";
}

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

company

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

business

----------------------------------------------*/
.businessBox {
    width: 720px;
    margin-bottom: 20px;
    overflow: hidden;
}

.businessBox__image {
    width: 140px;
    margin-right: 16px;
    float: left;
}

.businessBox__image--2 {
    width: auto;
    margin-right: 10px;
    float: left;
}

.businessBox__title {
    margin-bottom: 20px;
    color: #61c4fc;
    font-size: 16px;
}

.businessBox__list {
    width: 540px;
    float: left;
    list-style: none;
}

.businessBox__list--2 {
    width: 226px;
    margin-bottom: 20px;
    padding-right: 32px;
    float: left;
    list-style: none;
}

.businessBox__list--2:nth-child(3n + 1) {
    padding-right: 0;
}

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

business

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

newgraduates

----------------------------------------------*/
.newgraduates a {
    margin-bottom: 20px;
    color: #61c4fc;
    font-size: 16px;
}

.newgraduates:before {
    display: inline-block;
    width: 5px;
    height: 10px;
    margin: -2px 8px 0 0;
    background: url(../img/common/arrow_min.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    content: " ";
}

.p-newgraW {
    width: 170px;
}

.p-newgraW--2 {
    width: 570px;
}

.p-nopdr {
    padding-right: 0 !important;
}

.border_blue:hover {
    border-bottom: 1px solid #0075bf !important;
    text-decoration: none;
}

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

newgraduates

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

staff

----------------------------------------------*/
.staffBox {
    width: 226px;
    margin-bottom: 20px;
    overflow: hidden;
    list-style: none;
}

.staffBox a {
    color: #fff;
    text-decoration: none;
}

.staffBox__title {
    margin-bottom: 14px;
    color: #c9c9c9;
    font-size: 14px;
    line-height: 1.3;
}

.staffBox__list {
    width: auto;
    margin-bottom: 10px;
    padding-right: 32px;
    float: left;
    list-style: none;
}

.staffBox__list a {
    color: #fff;
}

.staffBox__borderb {
    margin-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #338ed9;
}

.staffBox__image img:hover {
    opacity: 1 !important;
}

.pc_float--l .linkBox__text:hover {
    opacity: 1 !important;
}

#staff > a {
    display: block;
    height: 100%;
    color: #111;
    transition: 0.5s;
}

#staff > a:hover {
    display: block;
    height: 100%;
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
}

#staff.current > a {
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
}

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

staff

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

career

----------------------------------------------*/
#career > a {
    display: block;
    height: 100%;
    color: #111;
    transition: 0.5s;
}

#career.current > a {
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
}

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

career

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

concept

----------------------------------------------*/
#concept > a {
    display: block;
    height: 100%;
    color: #111;
    transition: 0.5s;
}

#concept.current > a {
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
}

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

concept

----------------------------------------------*/
#internshipInfo > a {
    display: block;
    height: 100%;
    color: #111;
    transition: 0.5s;
}

#internshipInfo > a:hover {
    display: block;
    height: 100%;
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
}

#internshipInfo.current > a {
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
}

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

旧header

------------------------------------------------------------*/
/*.spslider__outer{
  display: none;
}
.pc-on{
  display: block;
}
.sp-on{
  display: none;
}
.header__btns{
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  z-index: 30;
}
.header__boxs--outer{
  background-color: #fff;
  overflow: hidden;
}
.header__boxs{
  float: right;
}
.header__mainlogo{
  float: left;
  display: block;
  width: 167px;
}

.header__btns li,
.header__boxs li{
  float: left;
  }*/
/*------------------------------------------------------------

旧header

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

top_slider

------------------------------------------------------------*/
/*.top_slider{
  position: relative;
  z-index: 20;
}

.top_slider .slider__message{
  position: absolute;
  font-weight: bold;
}

.slider__logo{
  position: absolute;
  top: 16px;
  left: 20px;
}

.top_slider .slider--1 .slider__message{
  top: 120px;
  left: 500px;
  color: #0f70b4;
  font-size: 48px;
  line-height: 1.5;
}
.top_slider .slider--2 .slider__message{
  top: 160px;
  left: 260px;
  color: #0f70b4;
  font-size: 42px;
}
.top_slider .slider--3 .slider__message--1{
  top: 110px;
  right: 90px;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
}
.top_slider .slider--3 .slider__message--2{
  top: 132px;
  right: 20px;
  color: #fff;
  line-height: 1.3;
  font-size: 36px;
}
.top_slider .slider--3 .slider__message--3{
  top: 282px;
  left: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}
.top_slider .slider__message a{
  color: #fff;
  text-decoration: none;
}
.top_slider .slider__message a:hover{
  text-decoration: none;
}
.top_slider .slider__message .slider_linkbtn img{
  display: inline;
  vertical-align: bottom;
  margin-left: 10px;
}
.top_slider .slider--4 .slider__message--1{
  top: 115px;
  left: 70px;
  color: #fff;
  font-size: 40px;
  line-height: 1.5;
}
.top_slider .slider--4 .slider__message--2{
  top: 245px;
  left: 70px;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}
.top_slider .slider--5 .slider__message{
  top: 130px;
  left: 70px;
  color: #000;
  font-size: 40px;
  line-height: 1.4;
}
.top_slider .slider--7 .slider__message{
  top: 100px;
  left: 23px;
  color: #000;
  font-size: 40px;
  line-height: 1.4;
  color:#fff;
}
*/
/*------------------------------------------------------------

top_slider

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

2018_keyvisual

------------------------------------------------------------*/
.video-wrap {
    position: relative;
    /*background: url(../img/index/keyvisual.png) no-repeat;
  background-size: cover;
  height: 680px;
  width: 100%;*/
}

.movie-block {
    position: relative;
}

.movie-click {
    z-index: 100;
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.movie-click img {
    width: 100%;
    height: 100%;
}

.titleArea {
    display: block;
    z-index: 110;
    position: absolute;
    top: 50%;
    left: 104px;
    transform: translateY(-50%);
    text-align: left;
    mix-blend-mode: overlay;
}

.titleArea__subtitle {
    margin-bottom: 16px;
    background-size: cover;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 36px;
    font-weight: normal;
    letter-spacing: 0.1em;
}

.titleArea__title {
    background-size: cover;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 58px;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.schrollArea {
    z-index: 110;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: none;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 10px;
    letter-spacing: 0.2em;
}

.schrollArea:after {
    display: block;
    width: 12px;
    height: 60px;
    margin: 6px 0 0 18px;
    background: url(../img/common/icon-schroll2.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    content: "";
}

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

2018_keyvisual

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

2018_maincontent

------------------------------------------------------------*/
.mainContents {
    margin-bottom: 20px;
}

.topwhatsnew {
    width: 960px;
    margin: 0 auto;
    padding: 30px 0;
    overflow: hidden;
    background-color: #fff;
}

.topwhatsnew__ttl {
    width: 15%;
    padding: 41px 0;
    /* padding: 32px 0; */
    float: left;
    background: #d2d2d2;
    color: #333;
    font-size: 12px;
    text-align: center;
    /* padding: 50px 0;
  padding: 59px 0; */
}

.topwhatsnew__list {
    width: 83%;
    padding: 20px 0 20px 2%;
    float: left;
    overflow: hidden;
    background: #efefef;
    font-size: 12px;
}

.topwhatsnew__list {
    padding: 29px 0 29px 2%;
}

.topwhatsnew__list dt {
    width: 10%;
    float: left;
    clear: both;
    /*2018*/
    line-height: 1.5;
}

.topwhatsnew__list dd {
    width: 90%;
    float: left;
    /*2018*/
    line-height: 1.5;
}

.internshipWrap {
    position: relative;
    height: 340px;
    margin: 0 0 60px;
    background: url(../img/index/recruit.png) no-repeat;
    background-size: cover;
    text-align: center;
}

.topInternship {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 182px;
    margin: auto;
}

.topInternship__title {
    margin-bottom: 30px;
    color: #0072cf;
    font-size: 28px;
}

.topInternship__text {
    margin-bottom: 40px;
    color: #333333;
    font-size: 16px;
}

.btn__more {
    width: 230px;
    height: 68px;
    margin: 0 auto;
    background: #0072cf;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 68px;
}

.btn__more--2 {
    width: 230px;
    height: 68px;
    background: #0072cf;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 68px;
    text-align: center;
}

.btn__more--2 a,
.btn__more a {
    display: block;
    width: 100%;
    height: 100%;
    box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.15);
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
}

.btn__more--2 a:hover,
.btn__more a:hover {
    background: #005ba6;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0);
    transition: 0.5s;
}

.companyWrap {
    margin: 0 0 40px;
}

.topCompany {
    display: table;
    width: 100%;
    margin-bottom: 40px;
}

.companyBox__image {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.companyBox__image img {
    width: 100%;
}

.companyBox {
    display: table-cell;
    width: 50%;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
}

.companyBox__inner {
    width: 65%;
    margin: 0 auto;
}

.companyBox__title {
    margin-bottom: 30px;
    color: #0072cf;
    font-size: 28px;
    letter-spacing: 0.1em;
    text-align: left;
}

.companyBox__text {
    margin-bottom: 30px;
    color: #333333;
    font-size: 16px;
    text-align: left;
}

.employeeWrap {
    position: relative;
    height: 420px;
    margin: 0 0 40px;
    background: url(../img/index/employee.png) no-repeat;
    background-size: cover;
    text-align: center;
}

.topEmployee {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 252px;
    margin: auto 0 auto 120px;
    line-height: 1.5;
}

.topEmployee__title {
    margin-bottom: 30px;
    color: #0072cf;
    font-size: 28px;
    text-align: left;
}

.topEmployee__text {
    margin-bottom: 40px;
    color: #333333;
    font-size: 16px;
    text-align: left;
}

.specialWrap {
    margin: 0;
}

.topSpecial__title {
    margin-bottom: 40px;
    color: #0072cf;
    font-family: "Lato", sans-serif;
    font-size: 28px;
    letter-spacing: 0.1em;
    text-align: center;
}

.topSpecial__inner {
    padding: 0 20px 20px;
    background: #efefef;
}

.topSpecial__delta {
    margin-bottom: 20px;
    text-align: center;
}

.topSpecial__subtitle {
    margin-bottom: 15px;
    color: #333;
    font-family: "Lato", sans-serif;
    font-size: 28px;
    letter-spacing: 0.1em;
    text-align: center;
}

.topSpecial__subtitle span {
    color: #333;
    font-family: "Lato", sans-serif;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.2em;
}

.topSpecial__cption {
    margin-bottom: 30px;
    color: #333;
    font-size: 16px;
    text-align: center;
}

.specialBox ul {
    /* display: table; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.specialBox ul li {
    box-sizing: border-box;
    position: relative;
    width: 20%;
    /* display: table-cell; */
    border-right: 1px solid #efefef;
    background: #fff;
}

.specialBox ul li:last-child {
    border-right: none;
}

.specialList {
    /* width: 20%; */
    position: relative;
}

.specialList__image img {
    width: 100%;
    vertical-align: top;
}

.specialList__image {
    position: relative;
    cursor: pointer;
}

.specialList__image:after {
    display: block;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    content: "";
    transition: all 0.5s ease-in;
}

.specialList__image:hover:after {
    display: block;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 114, 207, 0.5);
    content: "";
    transition: all 0.5s ease-out;
}

.specialList__image__icon:after {
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    transform: translate(-50%, -50%);
    background: url(../img/people/lower/icon-play.svg) center no-repeat;
    content: "";
    transition: all 0.5s ease-in;
}

.specialList__image:hover .specialList__image__icon:after {
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    transform: translate(-50%, -50%);
    background: url(../img/people/lower/icon-play_wh.svg) center no-repeat;
    content: "";
    transition: all 0.5s ease-out;
}

.contentBox {
    margin: 20px;
}

.contentBox__title {
    margin-bottom: 15px;
    font-size: 14px;
}

.contentBox__title span {
    margin-left: 10px;
    padding: 1px 6px;
    border: solid 2px #f73f3a;
    color: #f73f3a;
    font-size: 10px;
    vertical-align: middle;
}

.p-shortBorder {
    width: 30px;
    height: 2px;
    margin-bottom: 20px;
    background: #0072cf;
}

.contentBox__text {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.5;
}

.p-nomg {
    margin: 0;
}

.topBanner {
    margin: 0;
}

.topBanner img {
    width: 100%;
    vertical-align: bottom;
}

.topBanner ul {
    width: 100%;
    overflow: hidden;
}

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

.topBanner ul li a {
    text-decoration: none;
}

.bg-scale {
    position: relative;
    height: 350px;
    /*-js-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;*/
    overflow: hidden;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.bg-scale:after {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/index/globalnet.png) no-repeat center center;
    background-size: cover;
    content: "";
    transition: all 0.5s ease-out;
}

.bg-scale--2:after {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background: url(../img/index/worklife.png) no-repeat center center;
    background-size: cover;
}

.bg-scale--3:after {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background: url(../img/index/crosstalk.png) no-repeat center center;
    background-size: cover;
}

.bg-scale--4:after {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background: url(../img/index/fintech.png) no-repeat center center;
    background-size: cover;
}

.bg-scale--5:after {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background: url(../img/index/technology.png) no-repeat center center;
    background-size: cover;
}

.bg-scale--6:after {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background: url(../img/index/crosstalk2.png) no-repeat center center;
    background-size: cover;
}

.bg-scale:hover:after {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.bg-scale:hover:before {
    display: block;
    z-index: 60;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 114, 207, 0.5);
    content: "";
}

.bg-scale__inner {
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 70;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 0 20px;
    transform: translate(-50%, -50%);
}

.bg-scale__title {
    z-index: 70;
    margin-bottom: 40px;
    font-size: 28px;
}

.bg-scale__text {
    z-index: 70;
    font-size: 16px;
    line-height: 1.5;
}

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

/2018_maincontent

------------------------------------------------------------*/
/*container*/
#container {
    position: relative;
    /*overflow: hidden;*/
    width: 1070px;
    margin: 0px auto;
    /*padding-top: 88px;*/
}

/*.sidenav{
  width: 70px;
  position: fixed;
  height: 100%;
}
.sidenav__main{
  left: 0px;
  background-color: #404040;
  position: absolute;
  height: 100%;
  top: 72px;
  }*/
#container .wrapper {
    position: relative;
    width: 1000px;
    float: right;
    /*background: #E8E8E8;*/
    background: #efefef;
}

.sidenav__switch {
    display: block;
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    background-color: #fff;
}

.sidenav__switch-sp {
    display: none;
}

.pankuzu {
    *zoom: 1;
    margin-bottom: 40px;
    padding: 15px 20px 10px;
    background: #d8d8d8;
}

.pankuzu.pankuzu-intern {
    *zoom: 1;
    margin-bottom: 0;
    padding: 15px 20px 10px;
    background: #d8d8d8;
    font-family: Meiryo, "\30E1\30A4\30EA\30AA", "Hiragino Kaku Gothic ProN",
        sans-serif;
    font-size: 16px;
}

.pankuzu:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

.pankuzu li {
    margin-right: 6px;
    float: left;
    line-height: 20px;
    vertical-align: top;
}

.pankuzu li img {
    margin-right: 3px;
    vertical-align: top;
}

.pankuzu li a {
    margin-right: 6px;
    color: #000;
    text-decoration: underline;
}

.pagetop {
    padding: 20px;
    text-align: right;
}

/*---------------------------------------------
2018
----------------------------------------------*/
/*---------------------------------------------
modal
----------------------------------------------*/
/* .modal-bg {
  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 {
    display: none;
    z-index: 100;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
}
.modal-wrapper--black {
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-inner {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 200;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.modal-content {
    display: none;
    z-index: 200;
    width: 960px;
    height: 540px;
}

.modal-content--2 {
    display: none;
    position: relative;
    width: 640px;
    height: 360px;
}

/*.modal-content--2:after{
  content:" ";
  display:inline-block;
  width:20px;
  height:20px;
  background:url( ../img/people/lower/icon-play.svg) center center no-repeat;
  background-size:contain;
  vertical-align:middle;
  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 iframe {
    width: 100% !important;
    height: 100% !important;
}

.modal-close {
    margin-right: -30px;
    text-align: right;
}

.modal-close img {
    width: 30px;
}

.modal-trigger {
    cursor: pointer;
}

/*video{
  vertical-align: bottom;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}
iframe{
  width: 100%;
  }*/
/*---------------------------------------------
modal
----------------------------------------------*/
/*---------------------------------------------
footer
----------------------------------------------*/
.footer {
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
}

.pageTop__wrap {
    padding: 22px 0;
    background: #0072cf;
    transition: 0.5s;
    /*    display: flex;
      -js-display: flex;
      align-items: center;*/
}

.pageTop__wrap:hover {
    background: #005ba6;
    transition: 0.5s;
}

.pageTop__wrap a {
    text-decoration: none;
}

.pageTop__text {
    margin-bottom: 6px;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 10px;
    text-align: center;
}

.pageTop__arrow {
    text-align: center;
}

.siteMap {
    overflow: hidden;
    background: #013855;
}

.siteMap__inner {
    width: 1000px;
    margin: 0 auto;
}

.siteMap--l {
    margin: 20px 0 15px;
    float: left;
    text-align: left;
}

.siteMap--l ul li {
    width: auto;
    margin-right: 20px;
    margin-bottom: 23px;
    padding-right: 20px;
    float: left;
    border-right: 1px solid #fff;
    font-size: 12px;
}

.siteMap--l ul li a {
    color: #fff;
    text-decoration: none;
}

.siteMap--l ul li:last-child {
    border-right: none;
}

.siteMap--l ul li:after {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: -4px 0 0 4px;
    background: url(../img/common/icon-blank.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    content: "";
}

.copyRight {
    color: #fff;
    font-size: 10px;
}

.siteMap--r {
    margin: 15px 0;
    float: right;
    transition: 0.5s;
}

.siteMap--r img:hover {
    opacity: 0.5;
    transition: 0.5s;
}

/*---------------------------------------------
footer
----------------------------------------------*/
/*---------------------------------------------
2018
----------------------------------------------*/
/*------------------------------------------------------------

2018_prapoli

------------------------------------------------------------*/
.privacyPolicy {
    position: relative;
    /* background: url(../img/index/bg_policy_privacy.png) no-repeat;
  background-size: cover;*/
    height: 160px;
    /*margin-bottom: 60px;*/
}

.privacyPolicy__wrap {
    margin: 0 auto;
}

.privacyPolicy h1 {
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #000;
    font-size: 24px;
}

.prapoli__block {
    margin-bottom: 40px;
}

.prapoli__block > h2 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: solid 2px #007cc2;
    color: #000;
    font-size: 24px;
    font-weight: 400;
}

.prapoli__block p {
    margin-bottom: 20px;
    line-height: 1.5;
}

.list_decimal li {
    margin-bottom: 10px;
    padding-left: 2.6em;
    line-height: 1.5;
    text-indent: -2.6em;
}

.p-nomgb {
    margin-bottom: 0px;
}

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

2018_prapoli

------------------------------------------------------------*/
/*  .pageTop:after{
    margin:5px auto 0;
    content:" ";
    display: block;
    text-align: center;
    width:37px;
    height:19px;
    background:url( ../img/common/icon-top.svg) no-repeat;
    background-size:contain;
    vertical-align:middle;
    }*/
/*  footer {
    background: #000;
  }
  footer .wrapper {
    *zoom: 1;
    background: #0071C6 !important;
    width: 1000px;
    padding: 12px 0 50px;
  }
  footer .wrapper:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  footer .copyright {
    float: left;
    margin-left: 20px;
    font-size: 10px;
    color: #efefef;
  }
  footer .twitter {
    float: right;
    margin-right: 40px;
  }
  */
.hover-fade a:hover {
    text-decoration: none;
}

.togglenav {
    display: none;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

.mt0 {
    margin-top: 0px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 30px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml17 {
    margin-left: 17px !important;
}

.ml28 {
    margin-left: 28px !important;
}

.mr16 {
    margin-right: 16px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb14 {
    margin-bottom: 14px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.txt-c {
    text-align: center !important;
}

.fs_10 {
    font-size: 10px !important;
}

.fs_13 {
    font-size: 13px !important;
}

.fs_21 {
    font-size: 21px !important;
}

.fw_bold {
    font-weight: bold !important;
}

.overflow_h {
    overflow: hidden;
}

.sp-block {
    display: none;
}

.pc-block {
    display: block;
}

.p-mgtf {
    margin-top: 80px;
}

/*--------------------------------------
201803追加
---------------------------------------*/
.pc_float--l {
    float: left;
}

.pc_float--r {
    float: right;
}

.widthAuto {
    width: auto;
}

.p-mgr_rblue {
    margin-right: 40px;
    border-right: 1px solid #338ed9;
}

.p-no-border {
    border: none;
}

.p-lheight12 {
    line-height: 1.2;
}

.p-no-mg {
    margin: 0;
}

/*--------------------------------------
201803追加
---------------------------------------*/
.float_l {
    float: left !important;
}

.letter_s {
    letter-spacing: -1.4px;
}

#index #container .wrapper {
    width: 1000px;
}

#container .sitemap .wrapper {
    padding: 34px 0px;
    background: #bdbdbd;
}

.top_grid {
    padding: 15px;
}

.top_grid__inner {
    z-index: 20;
    width: 100%;
}

.top_grid__blick {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 3px;
    border: 1px solid #fff;
    background-color: #fff;
    color: #000;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.2;
    opacity: 0.5;
}

.top_grid__on {
    z-index: 30;
    position: absolute;
    top: 0;
}

.sankaku {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right: 10px solid #0f70b4;
    border-bottom: 10px solid #0f70b4;
    background: transparent;
}

.sankaku-2 {
    border-right: 10px solid #5fce9b;
    border-bottom: 10px solid #5fce9b;
}

.sankaku--close {
    opacity: 0.5;
}

.top_grid ul {
    overflow: hidden;
}

.top_grid ul li {
    position: relative;
    width: 33.33333%;
    float: left;
}

.top_grid ul li img {
    width: 100%;
    vertical-align: bottom;
}

.gridmain {
    position: absolute;
    bottom: 6px;
    width: 100%;
}

.gridmain__ttl {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
}

.gridmain__ttl--oneline {
    padding-bottom: 15px;
}

.gridmain__sentence {
    color: #fff;
    font-size: 13px;
    line-height: 2;
    text-align: center;
}

.top_grid__on .gridmain {
    bottom: 30%;
}

.sankaku__gridmain {
    display: none;
    bottom: 30%;
}

.top_grid__on {
    display: none;
}

#index .block {
    *zoom: 1;
    margin: 0 auto;
    padding: 0px 19px;
    background: #e8e8e8;
}

#index .block:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#index .block.green {
    padding-top: 5px;
    background: #60d2c9;
}

#index .block.blue {
    padding-top: 5px;
    background: #a3c6da;
}

#index .block .block-box {
    float: left;
}

#index .block .block-box img {
    width: 100%;
}

#index .block .block-box.whatsjri {
    margin-right: 7px;
    margin-bottom: 3px;
}

#index .block .block-box.globalnetwork {
    margin-right: 7px;
    margin-bottom: 3px;
}

#index .block .block-box.top-image {
    margin-bottom: 4px;
    text-align: center;
}

#index .block .block-box.row > div {
    margin-bottom: 5px;
}

#index .block .block-box.row > div:last-child {
    margin-bottom: 0px;
}

#index .block .block-box.col {
    *zoom: 1;
}

#index .block .block-box.col:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#index .block .block-box.col.col8 > div {
    margin-right: 8px;
}

#index .block .block-box.col.col6 > div {
    margin-right: 6px;
}

#index .block .block-box.col > div {
    margin-right: 8px;
    margin-bottom: 4px;
    float: left;
}

#index .block .block-box.col > div .project-case-block {
    margin-bottom: 2px;
}

#index .block .block-box.col > div.system {
    margin-right: 7px;
}

#index .block .block-box.col > div .schedule {
    margin-bottom: 4px;
}

#index .block .block-box.col > div.comingsoon img {
    opacity: 0.6;
}

#index .block .block-box.col > div.last {
    margin-right: 0px;
}

#index .block .block-box.col > div:last-child {
    margin-right: 0px;
}

#index .block .block-box.col.login-box {
    width: 418px;
    margin-right: 0;
    margin-bottom: 0px;
    float: none;
}

#index .block .block-box.col .entry {
    margin: 0 12px 0 5px;
}

#index .block .block-box.col .login {
    margin: 0 0px 0 0;
}

#index .block .block-box:last-child {
    margin-right: 0;
}

#index .block .block-box .smfgarea {
    margin-left: 7px;
}

#index .block .whatsnew {
    width: 382px;
    height: 153px;
    margin: 0 0px 1px 7px;
    margin-bottom: 3px !important;
    padding: 26px 18px 25px;
    background: #fff;
}

#index .block .whatsnew.large {
    height: 404px;
}

#index .block .whatsnew.large ul {
    height: 374px;
}

#index .block .whatsnew .title {
    margin-bottom: 22px;
}

#index .block .whatsnew .title img {
    width: 125px;
}

#index .block .whatsnew ul {
    height: 124px;
    overflow: scroll;
}

#index .block .whatsnew ul li {
    margin-bottom: 15px;
}

#index .block .whatsnew ul li .red {
    color: #f00;
}

#index .block .whatsnew ul li .orange {
    color: orange;
}

#index .block .whatsnew ul li .date {
    margin-bottom: 8px;
    font-weight: bold;
    line-height: 1;
}

#index .block .whatsnew ul li .text {
    overflow: hidden;
    line-height: 1.3;
}

#index .block .whatsnew ul li::after {
    display: block;
    width: 21px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #000;
    content: "";
}

#index .block .whatsnew ul li:last-child {
    margin-bottom: 0;
}

#index .block .worklifebalance-box {
    margin-left: 7px;
}

#index .block .block-box .facebook {
    width: 300px;
    height: 404px;
    padding: 25px 7px 26px;
    float: left;
    background: #fff;
}

/*.sitemap {
  position: relative;
  overflow: hidden;
}
.sitemap .wrapper {
  *zoom: 1;
  width: 962px;
  margin: 0 auto;
  letter-spacing: 1px;
  background-color: #fff;
}
.sitemap .wrapper:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.sitemap .sitemap-block {
  *zoom: 1;
  float: left;
  margin-right: 8px;
  margin-left: 20px;
}
.sitemap .sitemap-block:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.sitemap .sitemap-block.corporate-sitemap {
  width: 202px;
  margin-left: 21px;
}
.sitemap .sitemap-block.business-sitemap {
  width: 225px;
}
.sitemap .sitemap-block.business-sitemap-twocol {
  width: 638px;
  margin-right: 0px !important;
}
.sitemap .sitemap-block.recruit-sitemap {
  width: 252px;
}
.sitemap .sitemap-block.people-sitemap {
  clear: both;
  width: 420px;
}
.sitemap .sitemap-block.intern-sitemap {
  width: 260px;
}
.sitemap .sitemap-block.group-sitemap {
  width: 220px;
}
.sitemap .sitemap-block.last-child {
  margin-right: 0px;
}
.sitemap .sitemap-block-left {
  float: left;
  width: 225px;
  margin-right: 8px;
}
.sitemap .sitemap-block-right {
  *zoom: 1;
  float: left;
  width: 148px;
}
.sitemap .sitemap-block-right:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.sitemap .sitemap-block-right-left {
  float: left;
  width: 315px;
  margin-right: 8px;
}
.sitemap .sitemap-block-right-right {
  float: left;
  width: 315px;
}
.sitemap h3 {
  color: #363636;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 10px 8px 0px;
  margin-bottom: 1px;
  border-bottom: 1px solid #737373;
  margin-bottom: 10px;
}
.sitemap h3 a {
  color: #363636;
}
.sitemap h3 span {
  font-size: 12px;
}
.sitemap h3.sitemap-block_ttl01{
  width: 360px;
  float: left;
}
.sitemap h4 {
  font-weight: bold;
  color: #a6bac6;
  line-height: 1.8;
  font-size: 12px;
  margin: 0px 0 1px;
}
.sitemap h4.green {
  color: #3ba49b;
}
.sitemap h4.kon {
  color: #64879d;
}
.sitemap h4.col-1 {
  color: #64879d;
}
.sitemap .indent{
  padding-left: 20px;
}
.sitemap .col-1 a {
  padding-left: 20px;
  color: #64879d;
}
.sitemap .col-2 a {
  padding-left: 20px;
}
.sitemap ul {
  margin-bottom: 15px;
}
.sitemap ul li {
  font-size: 10px;
  margin-bottom: 1px;
  line-height: 1.8;
}
.sitemap ul li a {
  display: block;
  color: #000;
  font-size: 12px;
  padding: 5px 0 5px 10px;
  background: url(../img/common/footer_arrow.png) left 50% no-repeat;
}
.sitemap ul li span {
  display: block;
  color: #000;
  font-size: 12px;
  padding: 8px 0 8px 20px;
}


.sitemap ul li.kon a{
  color: #224c7f !important;
}

.sitemap-pagetop{
  position: absolute;
  bottom: 0;
  right: 20px;
  padding: 0px;
}

.sitemap-pagetop img{
  vertical-align: bottom;
  }*/
.link_close {
    text-decoration: none !important;
    cursor: text;
}

#corporate h1 {
    padding: 30px 0 17px 17px;
    background: #f4f4f4;
    color: #066666;
    font-size: 30px;
    font-weight: bold;
}

#corporate h1.large {
    margin: 0 20px;
    padding: 60px 0;
    border-bottom: 1px solid #d7dfe4;
    font-size: 60px;
    text-align: center;
}

#corporate h2 {
    margin-bottom: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

#corporate h3 {
    *zoom: 1;
    *zoom: 1;
    padding: 15px 0 15px 0px;
    background: #e0e0e0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    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);
    background-size: 100%;
    color: #666666;
    font-size: 20px;
    font-weight: bold;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFF4F4F4", endColorstr="#FFE0E0E0");
}

#corporate h3:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#corporate h3 span {
    padding-left: 25px;
    background: url(../img/common/ico_title.png) 12px 50% no-repeat;
}

#corporate h3 span.link {
    -ms-filter: none;
    margin-right: 20px;
    float: right;
    background: none;
    filter: none;
}

#corporate h3.left span {
    padding-left: 13px;
    background-position: 0 0;
}

#corporate .corporate {
    *zoom: 1;
    margin: 0 20px;
    padding-bottom: 17px;
    background: #f4f4f4;
}

#corporate .corporate:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#corporate .corporate.leftcol {
    width: 660px;
    float: left;
}

#corporate .sidebar {
    width: 260px;
    margin-right: 20px;
    float: right;
}

#corporate .sidebar h2 {
    margin-bottom: 18px;
    color: #000;
    line-height: 28px;
}

#corporate .sidebar h2 img {
    margin-right: 10px;
    vertical-align: top;
}

#corporate .sidebar ul {
    border-bottom: 1px solid #ffffff;
}

#corporate .sidebar ul li {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cccccc;
    font-size: 15px;
}

#corporate .sidebar ul li:first-child {
    border-top: none;
}

#corporate .sidebar ul li a {
    display: block;
    padding: 15px 0;
    background: url(../img/common/ico_arrow_right.png) right 50% no-repeat;
    color: #000;
}

#corporate .sidebar ul li.on a {
    color: #0075bf;
}

#corporate .corporate-dl {
    *zoom: 1;
    margin-left: 17px;
    background: #fff;
}

#corporate .corporate-dl:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#corporate .corporate-dl dt {
    width: 186px;
    padding: 12px;
    float: left;
    text-align: center;
}

#corporate .corporate-dl dd {
    width: 384px;
    padding: 12px 12px 12px 0;
    float: left;
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
}

#corporate .corporate-dl dd span {
    display: block;
    margin-bottom: 7px;
    font-size: 17px;
    font-weight: bold;
}

#corporate .corporate-table {
    margin: 0 0 17px 17px;
    border-bottom: 1px solid #fff;
}

#corporate .corporate-table li {
    *zoom: 1;
    padding: 15px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
}

#corporate .corporate-table li:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#corporate .corporate-table li:first-child {
    border-top: none;
}

#corporate .corporate-table li dl {
    line-height: 1.5;
}

#corporate .corporate-table li dl dt {
    width: 130px;
    float: left;
    font-weight: bold;
}

#corporate .corporate-table li dl dd {
    float: left;
}

#corporate .corporate-table li a {
    color: #0000ff;
    text-decoration: underline;
}

#corporate .year-table {
    margin: 0 0 17px 17px;
    border-bottom: 1px solid #fff;
}

#corporate .year-table li {
    *zoom: 1;
    padding: 8px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
}

#corporate .year-table li:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#corporate .year-table li:first-child {
    border-top: none;
}

#corporate .year-table li dl {
    line-height: 1.5;
}

#corporate .year-table li dl dt {
    width: 80px;
    float: left;
    font-weight: bold;
}

#corporate .year-table li dl dd {
    float: left;
}

#corporate .year-table li dl dd.month {
    width: 30px;
    margin-right: 20px;
    font-weight: bold;
    text-align: right;
}

#corporate .year-table li a {
    color: #0000ff;
    text-decoration: underline;
}

#corporate .note {
    margin: 17px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
}

#corporate .note.top-border {
    margin: 0 20px 35px 20px;
    padding-top: 35px;
    border-top: 1px solid #fff;
    font-size: 16px;
}

#corporate .note.left {
    margin-right: 20px;
    margin-left: 35px;
}

#corporate .image-block {
    margin-left: 25px;
}

#corporate .smfg-block {
    margin: 35px 20px 20px 35px;
    padding: 20px;
    background: #e9e9e9;
}

#corporate .smfg-block ul {
    *zoom: 1;
}

#corporate .smfg-block ul:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#corporate .smfg-block ul li {
    width: 274px;
    margin-right: 17px;
    margin-bottom: 15px;
    float: left;
}

#corporate .smfg-block ul li.wide {
    width: 565px;
    margin-right: 0;
    float: none;
}

#corporate .smfg-block ul li:nth-child(2n) {
    margin-right: 0px;
}

#corporate .smfg-block ul li a {
    display: block;
    padding-left: 8px;
    border: 1px solid #cecece;
    background: #fff;
    line-height: 1;
    text-align: center;
}

#corporate .map-dl {
    width: 483px;
    margin-left: 25px;
    background: #d8ebf3;
}

#corporate .map-dl.long dt {
    padding: 12px 6px;
    vertical-align: top;
}

#corporate .map-dl.long dd {
    padding: 4px 6px;
    line-height: 1.2;
    vertical-align: top;
}

#corporate .map-dl dt {
    *zoom: 1;
    display: inline-block;
    *display: inline;
    padding: 6px 6px;
    background: #0088d3;
    color: #fff;
    line-height: 1;
}

#corporate .map-dl dd {
    *zoom: 1;
    display: inline-block;
    *display: inline;
    padding: 6px 6px;
    line-height: 1;
}

#corporate .icon-tel {
    margin-right: 10px;
}

#corporate .icon-tel img {
    vertical-align: middle;
}

#corporate .icon-email {
    margin-right: 10px;
}

#corporate .icon-email img {
    vertical-align: middle;
}

#corporate .fukuri-icon {
    *zoom: 1;
    margin-top: 30px;
    margin-bottom: 50px;
    background: #eeeeee;
}

#corporate .fukuri-icon:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#corporate .fukuri-icon img {
    width: 100%;
}

#corporate .fukuri-icon dt {
    width: 102px;
    margin-right: 12px;
    float: left;
}

#corporate .fukuri-icon dd {
    width: 482px;
    margin-top: 14px;
    float: left;
    font-size: 14px;
    line-height: 1.5;
}

#corporate .kiji-link {
    margin-top: -10px;
    margin-bottom: 28px;
    margin-left: 24px;
    padding: 10px;
    background: #e9e9e9;
}

#corporate .kiji-link:last-child {
    margin-bottom: 0px;
}

#corporate .kiji-link .kiji-link-title {
    margin-bottom: 2px;
}

#corporate .kiji-link ul {
    *zoom: 1;
}

#corporate .kiji-link ul:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#corporate .kiji-link ul li {
    margin-right: 6px;
    float: left;
}

#corporate .kiji-link ul li:last-child {
    margin-right: 0px;
}

#corporate .block-dl {
    margin-bottom: 28px;
    margin-left: 15px;
    line-height: 1.5;
}

#corporate .block-dl dt {
    padding-bottom: 10px;
    border-bottom: 1px solid #c9c9c9;
    color: #777777;
    font-size: 20px;
    font-weight: bold;
}

#corporate .block-dl dd {
    *zoom: 1;
    padding: 18px 0 0 10px;
}

#corporate .block-dl dd:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#corporate .block-dl dd span {
    font-size: 14px;
    font-weight: bold;
}

#corporate .block-dl dd .clear {
    margin-top: 20px;
    clear: both;
}

#corporate .block-dl dd .text-left {
    width: 394px;
    float: left;
    text-align: justify;
}

#corporate .block-dl dd .image {
    margin-right: 17px;
    float: left;
    line-height: 1;
}

#corporate .block-dl dd .image .image-title {
    margin-bottom: 14px;
    color: #777777;
    font-size: 19px;
    font-weight: bold;
    font-weight: bold;
    text-align: center;
}

#corporate .block-dl dd .image.right {
    margin-right: 0px;
    margin-left: 17px;
    float: right;
}

#corporate .career {
    font-size: 16px;
}

#corporate .career-frame {
    *zoom: 1;
    margin-bottom: 2px;
    overflow: hidden;
    border: 1px solid #1289c7;
    border-collapse: separate;
}

#corporate .career-frame th {
    width: 240px;
    padding: 25px 10px 25px 10px;
    background: #1289c7;
    color: #fff;
    font-size: 16px;
    text-align: left;
}

#corporate .career-frame td {
    width: 328px;
    padding: 8px 10px;
    background: #fff;
    text-align: left;
}

#corporate .cons-carer-pass ul {
    *zoom: 1;
}

#corporate .cons-carer-pass ul:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#corporate .cons-carer-pass li {
    float: left;
    text-align: center;
}

#corporate .cons-carer-pass .cons-carer-pass-title {
    width: 76px;
    padding-right: 25px;
    background: url(../img/corporate/ico_arrow_right.png) right 50% no-repeat;
    color: #2489c8;
    font-size: 14px;
}

#corporate .cons-carer-pass .cons-carer-pass-title div {
    width: 56px;
    padding: 15px 10px;
    background-color: #e0e9ef;
}

#corporate .cons-carer-pass .cons-carer-pass-detail {
    width: 502px;
    padding-left: 8px;
}

#corporate .cons-carer-pass .cons-carer-pass-detail ul {
    padding: 6px 5px 7px;
    border: 1px solid #e9e9e9;
    background: #f6f7f8;
}

#corporate .cons-carer-pass .cons-carer-pass-detail li {
    width: 81px;
    padding-right: 19px;
    background: url(../img/corporate/ico_arrow_right.png) right 50% no-repeat;
    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 {
    width: 86px;
    padding-top: 12px;
    padding-left: 0;
    font-size: 12px;
}

#corporate .cons-carer-pass .cons-carer-pass-detail li.last {
    padding-right: 0px;
    background: none;
}

#corporate .block-dl-dl {
    margin-bottom: 20px;
}

#corporate .block-dl-dl dt {
    padding-bottom: 0;
    border: none;
    color: #000;
    font-size: 14px;
}

#corporate .block-dl-dl dd {
    padding-top: 10px;
}

#corporate .block {
    *zoom: 1;
    margin: 5px 17px 17px;
    border: 1px solid #cecece;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
    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);
    background-size: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr="#FFEDEDED", endColorstr="#FFFFFFFF");
}

#corporate .block a {
    color: #000;
}

#corporate .block.whats-jri {
    -ms-filter: none;
    margin: 0 20px;
    margin-bottom: 20px;
    border: none;
    background: none;
    filter: none;
}

#corporate .block.whats-jri:last-child {
    margin-bottom: 0px;
}

#corporate .block.whats-jri .whats-jri-subject {
    padding: 10px 15px;
    background: #0071c6;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}

#corporate .block.whats-jri .whats-jri-title {
    position: relative;
    padding: 15px;
    background: #d7dfe4;
    font-size: 28px;
    font-weight: bold;
}

#corporate .block.whats-jri .whats-jri-title::after {
    position: absolute;
    bottom: -10px;
    left: 45px;
    content: url("../img/corporate/ico_arrow_bottom.png");
}

#corporate .block.whats-jri .whats-jri-detail {
    padding: 20px 15px;
    background: #fff;
    font-size: 14px;
    line-height: 2;
}

#corporate .block.no-border {
    -ms-filter: none;
    border: none;
    background: none;
    filter: none;
}

#corporate .block.no-border h3 {
    -ms-filter: none;
    background: none;
    filter: none;
}

#corporate .block.small {
    width: 450px;
    margin-right: 22px;
    float: left;
}

#corporate .block.small:nth-child(2n) {
    margin-right: 0;
    margin-left: 0;
}

#corporate .block.small .block-p {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
}

#corporate .block.small .block-p.small {
    height: 24px;
}

#corporate .block.small .block-p.middle {
    height: 36px;
}

#corporate .block .block-p {
    padding: 20px 23px 30px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
}

#corporate .zoom {
    display: none;
    position: absolute;
    top: 580px;
    left: 50%;
    width: 960px;
    margin-left: -480px;
    text-align: center;
}

#corporate .zoom img {
    width: 100%;
    border: 2px solid #ccc;
    line-height: 1;
}

#corporate .bg-layer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

#corporate .zoom-btn {
    display: block;
    margin-top: 10px;
    text-align: center;
}

#corporate .zoom-btn a {
    display: inline-block;
    padding: 5px 25px;
    border: 1px solid #dfdfdf;
    background: #fff;
    color: #1072b4;
    font-size: 12px;
}

/*----------------globalnetwork-------------------*/
#corporate .globalnetwork_keyblock {
    position: relative;
    width: 641px;
    height: 326px;
    margin-bottom: 20px;
    background: url(../img/corporate/global_bg.png) no-repeat 0 0;
}

.globalnetwork_keyblock_img01 {
    position: absolute;
    top: 70px;
    left: 100px;
}

.globalnetwork_keyblock_img02 {
    position: absolute;
    top: 190px;
    left: 465px;
}

.globalnetwork_keyblock_img03 {
    position: absolute;
    top: 70px;
    left: 450px;
}

.globalnetwork_keyblock_img04 {
    position: absolute;
    top: 33px;
    left: 270px;
    /* width: 65px; */
}

#corporate .globalnetwork_text p {
    font-size: 14px;
    line-height: 1.6;
}

#corporate .globalnetwork_area h4 {
    *zoom: 1;
    *zoom: 1;
    padding: 15px 0 15px 0px;
    background: #e0e0e0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    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);
    background-size: 100%;
    color: #666666;
    color: #666666;
    font-size: 20px;
    font-size: 20px;
    font-weight: bold;
    font-weight: bold;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFF4F4F4", endColorstr="#FFE0E0E0");
}

#corporate .globalnetwork_area h4 span {
    padding-left: 20px;
    background: url(../img/common/ico_title.png) 12px 50% no-repeat;
}

#corporate .globalnetwork_link_box1 {
    padding: 20px 20px 20px 20px;
    background-color: #fff;
}

#corporate .globalnetwork_link_box2 {
    padding: 20px 20px 20px 20px;
    background-color: #fff;
}

#corporate .globalnetwork_photo {
    padding: 20px 0 20px 20px;
    background-color: #e9e9e9;
}

#corporate .globalnetwork_photo:hover {
    opacity: 0.7;
}

#corporate .globalnetwork_photo dl {
    overflow: hidden;
}

#corporate .globalnetwork_photo dt {
    width: 184px;
    float: left;
}

#corporate .globalnetwork_photo dd {
    width: 360px;
    margin-top: 10px;
    float: left;
}

#corporate .globalnetwork_photo dd:first-of-type {
    padding-left: 20px;
    color: #3488be;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
}

#corporate .globalnetwork_photo dd:nth-of-type(2) {
    margin: 10px 0 0 20px;
    font-size: 14px;
    line-height: 1.5;
}

#corporate .globalnetwork_border {
    margin-top: 30px;
    border: 1px solid #cecece;
}

.letter03 {
    letter-spacing: -0.3px;
}

#business h1 {
    padding: 30px 0 17px 17px;
    background: #f4f4f4;
    color: #066666;
    font-size: 30px;
    font-weight: bold;
}

#business h2 {
    margin-bottom: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

#business h2.large {
    margin-top: 20px;
    margin-left: 17px;
    padding: 15px 10px;
    border-left: 9px solid #00a99d;
    color: #383838;
    font-size: 23px;
}

#business h3 {
    *zoom: 1;
    *zoom: 1;
    padding: 15px 0 15px 0px;
    background: #e0e0e0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    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);
    background-size: 100%;
    color: #666666;
    font-size: 20px;
    font-weight: bold;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFF4F4F4", endColorstr="#FFE0E0E0");
}

#business h3:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#business h3 span {
    padding-left: 25px;
    background: url(../img/common/ico_title.png) 12px 50% no-repeat;
}

#business h3 span.link {
    -ms-filter: none;
    margin-right: 15px;
    padding-left: 0;
    float: right;
    background: none;
    filter: none;
}

#business h3 span span.small {
    padding-left: 0;
    background: none;
    font-size: 14px;
}

#business h3.no-bg {
    -ms-filter: none;
    margin-left: 8px;
    background: none;
    filter: none;
}

#business h3.left span {
    padding-left: 13px;
    background-position: 0 0;
}

#business h4 {
    padding-bottom: 15px;
    border-bottom: 1px solid #cccccc;
    background: none;
    color: #949494;
    font-size: 15px;
}

#business h4 span {
    padding-left: 8px;
    border-left: 2px solid #00b2a4;
}

#business .note {
    margin: 17px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
}

#business .note.left {
    margin-right: 20px;
    margin-left: 35px;
}

#business .article {
    margin-bottom: 40px;
    padding-bottom: 17px;
    background: #f4f4f4;
}

#business .article.project-case .project-case-top {
    position: relative;
}

#business .article.project-case .project-case-top-text {
    position: absolute;
    top: 25px;
    left: 30px;
    color: #fff;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.2;
}

#business .article.project-case h2 {
    margin-top: 30px;
    margin-left: 17px;
    padding-left: 35px;
    color: #407fa9;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5;
    text-indent: -35px;
}

#business .article.project-case h2.introduction {
    padding-left: 0px;
    text-indent: 0px;
}

#business .article.project-case h2 span {
    color: #000;
    font-size: 16px;
    font-weight: normal;
}

#business .article.project-case h2 span.number {
    margin-right: 5px;
    padding: 6px;
    background: #131313;
    color: #fff;
    vertical-align: middle;
}

#business .article.project-case .image {
    width: 200px;
}

#business .article.project-case .image .image-img {
    line-height: 1;
}

#business .article.project-case .image .image-img img {
    vertical-align: bottom;
}

#business .article.project-case .image .image-name {
    padding: 9px;
    background: #257bac;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.5;
}

#business .article.project-case .image .image-text {
    padding: 9px;
    background: #c6dbe9;
    font-size: 10px;
    line-height: 1.5;
}

#business .article .article-block-detail-alone {
    margin: 0 17px 30px;
    letter-spacing: 0.7px;
    line-height: 2.1;
}

#business .article .article-block-detail-alone span {
    font-size: 10px;
}

#business .project-case-list {
    padding: 17px;
    background: #e0eaf1;
}

#business .project-case-list h2 {
    color: #407fa9;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5;
}

#business .project-case-list .project-case-list-box {
    *zoom: 1;
    margin-bottom: 10px;
}

#business .project-case-list .project-case-list-box:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#business .project-case-list .project-case-list-box:last-child {
    margin-bottom: 0px;
}

#business .project-case-list .project-case-list-box-image {
    float: left;
}

#business .project-case-list .project-case-list-box-profile {
    width: 408px;
    height: 125px;
    padding: 10px;
    float: left;
    background: #257bac;
    color: #fff;
    line-height: 1.5;
}

#business .project-case-list .project-case-list-box-profile-name {
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
}

#business .project-case-list .project-case-list-box-profile-name span {
    font-size: 12px;
}

#business .project-case-list .project-case-list-box-detail {
    padding: 17px;
    clear: both;
    background: #fff;
    font-size: 12px;
    line-height: 2;
}

#business .article-block {
    *zoom: 1;
    margin: 0 17px 30px;
    letter-spacing: 0.7px;
    line-height: 2.1;
}

#business .article-block:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#business .article-block:last-child {
    margin-bottom: 0;
}

#business .article-block .image {
    margin-right: 17px;
    float: left;
    line-height: 1;
}

#business .article-block .image.right {
    margin-right: 0px;
    margin-left: 17px;
    float: right;
}

#business .article-footer {
    margin: 0 0px 0px;
    background: #ececec;
}

/*20180209*/
#business .article-footer .article-footer-title {
    margin: 0 17px 10px;
    padding-top: 10px;
    color: #333333;
    font-weight: bold;
}

/*20180209*/
#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;
    padding: 15px 0;
    padding-left: 17px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cccccc;
}

#business .article-footer .article-footer-detail ul:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#business .article-footer .article-footer-detail ul li {
    margin-right: 17px;
    float: left;
    line-height: 1;
}

#business .article-footer .article-footer-detail ul li a {
    padding-left: 7px;
    background: url(../img/common/ico_arrow_right_s.png) left 50% no-repeat;
    color: #000;
}

#business .sidebar {
    width: 260px;
    padding-left: 18px;
    float: left;
    border-left: 1px solid #fff;
}

#business .sidebar.project-case-sidenavi h2 {
    margin-bottom: 20px;
}

#business .sidebar.project-case-sidenavi ul {
    border: none;
}

#business .sidebar.project-case-sidenavi ul li {
    margin-bottom: 10px;
    border: none;
    line-height: 1;
}

#business .sidebar.project-case-sidenavi ul li a {
    padding: 0;
}

#business .sidebar h2 {
    margin-bottom: 35px;
    color: #000;
    line-height: 28px;
}

#business .sidebar h2 img {
    margin-right: 10px;
    vertical-align: top;
}

#business .sidebar ul {
    margin-bottom: 25px;
    border-bottom: 1px solid #ffffff;
}

#business .sidebar ul li {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cccccc;
    font-size: 15px;
    line-height: 1.5;
}

#business .sidebar ul li a {
    display: block;
    padding: 15px 0;
    background: url(../img/common/ico_arrow_right.png) right 50% no-repeat;
    color: #000;
}

#business .sidebar ul li span {
    font-size: 12px;
}

#business .sidebar ul li.on a {
    color: #0075bf;
}

#business .business {
    margin: 0 20px;
    margin-right: 0;
    padding-right: 20px;
}

#business .business.leftcol {
    width: 660px;
    float: left;
    border-right: 1px solid #cdcdcd;
}

#business .movie-block iframe {
    width: 100% !important;
    height: 360px !important;
}

#business .movie-block {
    width: 640px;
    margin: 0 auto 0;
}

#business .block {
    padding: 17px;
    background: #a3c6da;
}

#business .block.green {
    *zoom: 1;
    background: #60d2c9;
}

#business .block.green:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#business .block-box {
    *zoom: 1;
    margin: 5px 0px 17px;
    border: 1px solid #cecece;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
    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);
    background-size: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr="#FFEDEDED", endColorstr="#FFFFFFFF");
}

#business .block-box a {
    color: #000;
}

#business .block-box.no-border {
    -ms-filter: none;
    border: none;
    background: none;
    filter: none;
}

#business .block-box.no-border h3 {
    -ms-filter: none;
    background: none;
    filter: none;
}

#business .block-box.small {
    width: 450px;
    margin-right: 22px;
    float: left;
}

#business .block-box.small:nth-child(2n-1) {
    margin-right: 0;
    margin-left: 0;
}

#business .block-box.small .block-p {
    font-size: 12px;
    font-weight: normal;
}

#business .block-box.small .block-p.it-sol {
    height: 66px;
}

#business .block-box.small .block-p-image {
    margin-right: 20px;
    float: left;
}

#business .block-box.verysmall {
    width: 290px;
    margin-right: 0px;
    margin-bottom: 10px;
}

#business .block-box.verysmall .block-p {
    font-size: 12px;
    font-weight: normal;
}

#business .block-box .block-p {
    padding: 20px 23px 30px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
}

#business .block-box .block-p.light {
    margin-left: 12px;
    font-weight: normal;
}

#business .block-column {
    width: 292px;
    margin-right: 25px;
    float: left;
}

#business .block-column:last-child {
    margin-right: 0px;
}

#business .fact {
    margin: 17px 17px 17px 35px;
    padding: 17px;
    background: #e6e6e6;
}

#business .fact.large dt {
    margin-right: 5px;
    padding: 19px 6px;
}

#business .fact.large dd {
    float: none;
    line-height: 1.5;
}

#business .fact dl {
    *zoom: 1;
    margin-bottom: 10px;
    border: 1px solid #00a99d;
    background: #00a99d;
    line-height: 1;
}

#business .fact dl:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#business .fact dt {
    padding: 5px 6px;
    float: left;
    background: #fff;
    color: #00a99d;
}

#business .fact dd {
    padding: 4px 6px;
    float: left;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
}

#business .fact .fact-p {
    line-height: 2;
}

#business .itsol-top-block {
    margin: 20px 17px;
    padding: 7px 0;
    background: #e1e9ef;
}

#business .itsol-top {
    margin: 5px 12px 12px;
    padding: 15px;
    background: #d5e1e9;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
}

#business .itsol-top-p {
    margin: 0 17px 30px 32px;
    line-height: 2;
    text-align: justify;
}

#business .block-banner {
    margin: 0 17px 0 35px;
    padding: 10px;
    background: #e9e9e9;
}

#business .block-banner .icon {
    margin: 0 0 5px;
}

#business .block-dl {
    margin-right: 17px;
    margin-bottom: 28px;
    margin-left: 35px;
    line-height: 1.5;
}

#business .block-dl.itsol {
    margin-top: 15px;
}

#business .block-dl.itsol dt {
    padding: 15px;
    border: 1px solid #e2e2e2;
    background: #fff;
    font-size: 16px;
}

#business .block-dl.itsol dd {
    padding-left: 0;
}

#business .block-dl dt {
    padding-bottom: 10px;
    border-bottom: 1px solid #c9c9c9;
    color: #777777;
    font-size: 18px;
    font-weight: bold;
}

#business .block-dl dd {
    padding: 18px 0 0 10px;
    line-height: 2;
    text-align: justify;
}

#business .block-dl dd .bold {
    font-size: 14px;
    font-weight: bold;
}

#business .project-case-index {
    *zoom: 1;
    clear: both;
}

#business .project-case-index:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#business .project-case-index a {
    display: block;
    margin: 17px;
    float: left;
}

#business .project-case-index a:nth-child(2n) {
    margin-right: 0;
}

#business .project-case-index dt {
    margin-bottom: 10px;
}

#business .project-case-index dd {
    line-height: 1.5;
}

#business .project-case-index dd .title {
    font-weight: bold;
}

/*201809_people*/
/*header*/
#people .pc-on {
    display: block;
}

#people .sp-on {
    display: none;
}

#people header {
    margin: 0;
    padding-top: 20px;
    background: #efefef;
}

#people .pankuzuWrap {
    background: #efefef;
}

#people header .header__logo {
    z-index: 300;
    position: absolute;
    top: 0px;
    width: 188px;
    height: 64px;
    padding: 22px 31px;
    background: #fff;
    text-align: center;
}

#people header .loginBox {
    position: absolute;
    top: 0;
    right: 0;
}

#people header .megaWrap nav {
    z-index: 300;
    position: absolute;
    top: 54px;
    right: 0;
    /* width: 859px; */
    width: 750px;
    /* top: 34px; */
    height: 54px;
    background: #fff;
    line-height: 54px;
}

#people .pankuzuWrap .pankuzu {
    margin-bottom: 0;
}

/*header*/
/*keyvisual*/
#people .keyvisual {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 394px;
    background: url(../img/people/top/people_top_key.png) center center
        no-repeat;
    background-size: cover;
    /*padding-top: 30.78%;*/
}

#people .keyvisual .keyvisual__text {
    position: absolute;
    top: 50%;
    left: 7%;
    transform: translateY(-50%);
}

#people .keyvisual .keyvisual__text h1 {
    margin-bottom: 30px;
    color: #0072cf;
    font-size: 28px;
}

#people .keyvisual .keyvisual__text p {
    color: #333;
    font-size: 16px;
    line-height: 1.7;
}

#people .keyvisual .serchArea {
    position: absolute;
    top: 0;
    right: 7%;
    width: 344px;
    height: 364px;
    padding: 20px 10px 10px;
    background: #0072cf;
}

#people .keyvisual .serchArea .serchArea__title {
    margin-bottom: 20px;
    color: #fff;
    font-size: 10px;
    text-align: center;
}

#people .keyvisual .serchArea .serchArea__title span {
    display: inline-block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 16px;
}

#people .keyvisual .serchArea .checkArea {
    padding: 20px 0 0;
    background: #fff;
}

#people .keyvisual .serchArea .checkArea .checkArea__wrap {
    display: table;
    width: 93.5%;
    margin: 0 3% 10px;
}

#people .keyvisual .serchArea .checkArea .checkArea__title {
    display: table-cell;
    width: 56px;
    color: #0072cf;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
}

#people .keyvisual .serchArea .checkArea .checkArea__remove {
    display: table-cell;
    width: 103px;
    color: #333;
    font-size: 10px;
    text-align: right;
    vertical-align: middle;
    cursor: pointer;
}

.itArea {
    margin: 0 10px;
}

.itArea .itArea__title {
    margin-bottom: 10px;
    font-size: 12px;
}

.itArea .itBox {
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 8px;
    border: 1px solid #efefef;
}

.itArea .itBox > div {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 12px;
}

/*.department{
  font-size: 12px;
  padding-bottom: 20px;
  margin: 0 10px;
  }*/
.department {
    position: relative;
    margin: 0 10px;
    margin: 0 10px;
    padding-bottom: 20px;
    font-size: 12px;
}

.department > div {
    margin-bottom: 8px;
}

.department:after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top-color: #fff;
    content: "";
}

.department > div {
    display: inline-block;
}

.staffArea {
    position: relative;
    padding: 20px 10px 14px;
    border-top: 1px solid #efefef;
    background: #c9eafd;
}

/*radio*/
#depRadio input[type="radio"],
#empRadio input[type="radio"] {
    display: none;
}

.radio + label {
    position: relative;
    margin-right: 8px;
    padding-left: 16px;
}

.radio + label.disabled {
    color: #999;
}

.radio + label::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #0072cf;
    border-radius: 50%;
    content: "";
}
.radio + label.disabled::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #999;
    border-radius: 50%;
    content: "";
}

.radio:checked + label {
    color: #0072cf;
}

.radio:checked + label::after {
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0072cf;
    content: "";
}
/*radio*/
.staffArea__overlayer {
    display: block;
    z-index: 0;
    z-index: 100;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    content: "";
    transition: all 0.5s ease-out;
}

.staffArea__overlayer.active {
    display: none;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    content: "";
    transition: all 0.5s ease-out;
}

.staffArea__outlayer {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 230px;
    transform: translate(-50%, -50%);
    color: #0072cf;
    font-size: 12px;
    text-align: center;
}

.staffArea__outlayer.active {
    display: none;
}

.staffArea__inlayer {
    display: inline-block;
    line-height: 1.7;
    vertical-align: middle;
}

.staffArea__outlayer:before {
    display: inline-block;
    width: 6px;
    height: 38px;
    margin: 0 10px 0 0;
    background: url(../img/people/top/square_bracket_l.svg) center left
        no-repeat;
    background-size: contain;
    vertical-align: middle;
    content: " ";
}

.staffArea__outlayer:after {
    display: inline-block;
    width: 6px;
    height: 38px;
    margin: 0 0 0 10px;
    background: url(../img/people/top/square_bracket_r.svg) center right
        no-repeat;
    background-size: contain;
    vertical-align: middle;
    content: " ";
}

.staffArea .staffWrap {
    overflow: initial;
}

.staffArea .staffWrap .staffCat {
    margin: 0 10px;
    font-size: 12px;
}

.staffArea .staffWrap .staffCat > div {
    display: inline-block;
}

/*keyvisual*/
/*contents*/
#people #container .wrapper {
    width: 1000px;
    margin: 40px auto 0;
    float: none;
    background: #fff;
}

.staffWrap {
    overflow: hidden;
}

.staffList {
    display: block;
    position: relative;
    width: 312px;
    height: 317px;
    margin-right: 32px;
    margin-bottom: 30px;
    float: left;
    background-color: #efefef;
    box-shadow: 12px 12px 8px 0px rgba(11, 3, 6, 0.1);
}

.staffList:nth-child(3n) {
    margin-right: 0;
}

.staffCat > div {
    margin-bottom: 8px;
}

.staffList.active {
    display: none;
}

.staffList.shown {
    display: block !important;
}

.staffList a {
    text-decoration: none;
}

.staffList a .staffList__image {
    position: relative;
    background-color: initial;
}

.staffList a .staffList__image:before {
    display: block;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: none;
    content: "";
    transition: all 0.5s ease-out;
}

.staffList a:hover .staffList__image:before {
    display: block;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 114, 207, 0.5) !important;
    content: "";
    transition: all 0.5s ease-out;
}

.staffList .staffList__image img {
    vertical-align: bottom;
    opacity: 1 !important;
}

.staffList .staffList__image img:hover {
    opacity: 1 !important;
}

.staffList .textArea {
    position: relative;
    height: 170px;
    margin-top: -10px;
    /*background: #efefef;*/
    padding: 0 20px;
}

.staffList .textArea--2 {
    position: relative;
    height: initial;
    margin-top: 0;
    /*background: #efefef;*/
    padding: 20px 20px 0;
    line-height: 1;
}

.staffList .textArea .textArea__dep {
    display: inline-block;
    margin-bottom: 8px;
    padding: 4px 8px;
    background: #0072cf;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    vertical-align: top;
}

.staffList .textArea .textArea__cat {
    /*padding-top: 15px;*/
}

.staffList .textArea .textArea__cat li {
    display: inline-block;
    margin: 0 10px 16px 0;
    padding: 2px 6px;
    border: 1px solid #0072cf;
    color: #0072cf;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    vertical-align: top;
}

.staffList a .textArea .textArea__text {
    position: relative;
    border-bottom: 1px solid #efefef;
    font-size: 15px;
    line-height: 1.45;
    /* display: inline; */
    transition: all 0.3s ease-in;
}

.staffList a:hover .textArea .textArea__text {
    border-bottom: 1px solid #0072cf;
    transition: all 0.3s ease-out;
}

.staffList .textArea .textArea--2__title {
    margin-bottom: 16px;
    color: #0072cf;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
}

.staffList .textArea .textArea--2__cap {
    color: #333;
    font-size: 15px;
    line-height: 1.5;
}

.staffList .staffList__name {
    position: absolute;
    /* bottom: 30px; */
    bottom: 25px;
    left: 20px;
    color: #000;
    font-size: 16px;
}

.staffList .staffList__name span {
    margin-left: 10px;
    padding: 1px 6px;
    border: solid 2px #f73f3a;
    color: #f73f3a;
    font-size: 10px;
    vertical-align: middle;
}

/*contents*/
/*lowerpage*/
.lowerpage {
    background: #fff;
}

.lowerpage .c-keyvisual {
    position: relative;
    width: 100%;
    /*height: 340px;*/
    height: 390px;
    overflow: hidden;
    background: #0072cf;
}

.lowerpage .c-keyvisual .c-keyvisual__image {
    width: 50%;
    height: 390px;
    float: right;
}

.lowerpage .c-keyvisual .c-keyvisual__image span {
    display: inline-block;
    width: 100%;
    height: 390px;
    overflow: hidden;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.YOnodera {
    background: url(../img/people/lower/main_pc_YOnodera.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.AFujita {
    background: url(../img/people/lower/main_pc_AFujita.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.CNakagawa {
    background: url(../img/people/lower/main_pc_CNakagawa.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.MTakahashi {
    background: url(../img/people/lower/main_pc_MTakahashi.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.WUeda {
    background: url(../img/people/lower/main_pc_WUeda.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.MYamaoka {
    background: url(../img/people/lower/main_pc_MYamaoka.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.THasegawa {
    background: url(../img/people/lower/main_pc_THasegawa.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.SWakamiya {
    background: url(../img/people/lower/main_pc_SWakamiya‎‎.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.ANanasawa {
    background: url(../img/people/lower/main_pc_ANanasawa‎.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.MNishida {
    background: url(../img/people/lower/main_pc_MNishida.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.MOmori {
    background: url(../img/people/lower/main_pc_MOmori.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.SNozaki {
    background: url(../img/people/lower/main_pc_SNozaki.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.KHoriuchi {
    background: url(../img/people/lower/main_pc_KHoriuchi.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.YWada {
    background: url(../img/people/lower/main_pc_YWada.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.TIshikawa {
    background: url(../img/people/lower/main_pc_TIshikawa.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.KOgino {
    background: url(../img/people/lower/main_pc_KOgino‎‎‎.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.MIwasaki {
    background: url(../img/people/lower/main_pc_MIwasaki.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.YSasai {
    background: url(../img/people/lower/main_pc_YSasai.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.MAoki {
    background: url(../img/people/lower/main_pc_MAoki.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.MFujiyama‎ {
    background: url(../img/people/lower/main_pc_MFujiyama‎‎.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.YMatsuoka {
    background: url(../img/people/lower/main_pc_YMatsuoka‎.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.KDanno {
    background: url(../img/people/lower/main_pc_KDanno.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.YToyohara {
    background: url(../img/people/lower/main_pc_YToyohara.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.TOda {
    background: url(../img/people/lower/main_pc_TOda.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.HTakeda‎‎ {
    background: url(../img/people/lower/main_pc_HTakeda‎‎.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.MMuranaka {
    background: url(../img/people/lower/main_pc_MMuranaka.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.MTaguchi {
    background: url(../img/people/lower/main_pc_MTaguchi.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.MWashiyama‎‎ {
    background: url(../img/people/lower/main_pc_MWashiyama‎‎.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.YKuretake {
    background: url(../img/people/lower/main_pc_YKuretake.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.RAida {
    background: url(../img/people/lower/main_pc_RAida.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.KKusunoki {
    background: url(../img/people/lower/main_pc_KKusunoki.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.SNakanishi {
    background: url(../img/people/lower/main_pc_SNakanishi.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.CHonda {
    background: url(../img/people/lower/main_pc_CHonda.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.KKato {
    background: url(../img/people/lower/main_pc_KKato.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.kawaguchi {
    background: url(../img/people/lower/main_pc_kawaguchi.jpg) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.kitano {
    background: url(../img/people/lower/main_pc_kitano.jpg) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.masuda {
    background: url(../img/people/lower/main_pc_masuda.jpg) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.tate {
    background: url(../img/people/lower/main_pc_tate.jpg) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.yamada {
    background: url(../img/people/lower/main_pc_Yamada.jpg) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.EInoue {
    background: url(../img/people/lower/main_pc_EInoue.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.SOgura {
    background: url(../img/people/lower/main_pc_SOgura.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.AKan {
    background: url(../img/people/lower/main_pc_AKan.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.MSakai {
    background: url(../img/people/lower/main_pc_MSakai.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.HKondo {
    background: url(../img/people/lower/main_pc_HKondo.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.TMasui {
    background: url(../img/people/lower/main_pc_TMasui.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.TNumata {
    background: url(../img/people/lower/main_pc_TNumata.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.THanada {
    background: url(../img/people/lower/main_pc_THanada.png) center center
        no-repeat;
    background-size: cover;
}
.lowerpage .c-keyvisual .c-keyvisual__image span.YArai {
    background: url(../img/people/lower/main_pc_YArai.png) center center
        no-repeat;
    background-size: cover;
}
.lowerpage .c-keyvisual .c-keyvisual__image span.AOyagi {
    background: url(../img/people/lower/main_pc_AOyagi.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.YChigodo {
    background: url(../img/people/lower/main_pc_chigodo.png) center center
        no-repeat;
    background-size: cover;
}
.lowerpage .c-keyvisual .c-keyvisual__image span.MHamamoto {
    background: url(../img/people/lower/main_pc_hamamoto.png) center center
        no-repeat;
    background-size: cover;
}
.lowerpage .c-keyvisual .c-keyvisual__image span.RWatanabe {
    background: url(../img/people/lower/main_pc_watanabe.png) center center
        no-repeat;
    background-size: cover;
}
.lowerpage .c-keyvisual .c-keyvisual__image span.KMinami {
    background: url(../img/people/lower/main_pc_minami.png) center center
        no-repeat;
    background-size: cover;
}

.lowerpage .c-keyvisual .c-keyvisual__image span.work-life-manegiment {
    background: url(../img/corporate/worklife/worklife_key.png) center center
        no-repeat;
    background-size: cover;
}

/*.lowerpage .l-keyvisual .l-keyvisual__image img{
  position: absolute;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
*/
.lowerpage .c-keyvisual .c-keyvisual__text {
    position: absolute;
    top: 51%;
    /*left: 12%;*/
    left: 9%;
    transform: translateY(-50%);
}

.lowerpage .c-keyvisual .c-keyvisual__text h1 {
    margin-bottom: 30px;
    color: #0072cf;
    font-size: 28px;
}

.lowerpage .c-keyvisual .c-keyvisual__text p {
    color: #333;
    font-size: 16px;
    line-height: 1.7;
}

.lowerpage .c-keyvisual .c-keyvisual__text .c-textArea .c-textArea__title {
    width: 40vw;
    margin-bottom: 20px;
    color: #fff;
    /*font-size: 28px;*/
    font-size: 2vw;
    /*font-size: calc();*/
    line-height: 1.5;
}
.lowerpage .c-keyvisual .c-keyvisual__text .c-textArea .c-textArea__dep {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 10px;
    background: #fff;
    color: #0072cf;
    font-size: 12px;
    font-weight: bold;
}

.lowerpage .c-keyvisual .c-keyvisual__text .c-textArea .c-textArea__cat li {
    display: inline-block;
    /*margin: 0 10px 30px 0;*/
    margin: 0 10px 20px 0;
    /*padding: 5px 10px;*/
    padding: 3px 8px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.lowerpage .c-keyvisual .c-keyvisual__text .c-textArea .c-textArea__year {
    margin-bottom: 12px;
    color: #fff;
    font-size: 14px;
}

.lowerpage .c-keyvisual .c-keyvisual__text .c-textArea .c-staffList__name {
    margin-bottom: 20px;
    color: #fff;
    font-size: 20px;
}

.lowerpage .c-keyvisual .c-keyvisual__text .c-textArea .c-staffList__plofile {
    width: 40vw;
    color: #fff;
    /*font-size: 14px;*/
    font-size: 1.2vw;
    font-weight: normal;
    line-height: 1.5;
}
.lowerpage .c-keyvisual .c-keyvisual__btn a {
    z-index: 100;
    position: fixed;
    top: 173px;
    left: 0;
    padding: 16px 16px 16px 13px;
    border-radius: 0 50px 50px 0;
    background-color: #fff;
    box-shadow: 0px 5px 3px 0px rgba(11, 3, 6, 0.1);
    /*color: #0072cf;*/
    font-size: 13px;
    transition: all 0.5s ease-in;
}

.lowerpage .c-keyvisual .c-keyvisual__btn a:after {
    display: inline-block;
    width: 14px;
    height: 12px;
    margin: 0 0 0 10px;
    background: url(../img/people/lower/return_btn_off.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    content: " ";
    transition: 0.5s;
}

.lowerpage .c-keyvisual .c-keyvisual__btn a:hover {
    /*border-radius: initial;*/
    background-color: #0072cf;
    box-shadow: initial;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.5s ease-out;
}

.lowerpage .c-keyvisual .c-keyvisual__btn a:hover:after {
    display: inline-block;
    width: 14px;
    height: 12px;
    margin: 0 0 0 10px;
    background: url(../img/people/lower/return_btn_on.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    content: "";
    transition: 0.5s;
}

/*movieArea*/
.c-movieArea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 420px;
    background: url(../img/people/lower/movie_bg.png) center center no-repeat;
    background-size: cover;
}

.c-movieArea--2 {
    width: 50%;
    height: auto;
    background: none;
}

.c-movieArea .c-movieArea__title {
    padding: 40px 0;
    color: #0072cf;
    font-family: "Lato", sans-serif;
    font-size: 20px;
    text-align: center;
}

.c-movieArea .c-movieArea__image {
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.c-movieArea--2 .c-movieArea__image {
    position: static;
    width: 100%;
    transform: none;
}

.c-movieArea .c-movieArea__image:after {
    display: block;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    content: "";
    transition: all 0.5s ease-in;
}

.c-movieArea .c-movieArea__image:hover:after {
    display: block;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 114, 207, 0.5);
    content: "";
    transition: all 0.5s ease-out;
}

.c-movieArea .c-movieArea__image a:after {
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    transform: translate(-50%, -50%);
    background: url(../img/people/lower/icon-play.svg) center no-repeat;
    content: "";
    transition: all 0.5s ease-in;
}

.c-movieArea .c-movieArea__image:hover a:after {
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    transform: translate(-50%, -50%);
    background: url(../img/people/lower/icon-play_wh.svg) center no-repeat;
    content: "";
    transition: all 0.5s ease-out;
}

/*movieArea*/
/*lowerContent*/
.lowerContent {
    width: 1020px;
    margin: 60px auto 0;
    overflow: hidden;
}

.lowerContent .lowerContent__l {
    width: 656px;
    float: left;
}

.lowerContent .lowerContent__l .mainContent {
    letter-spacing: 0.05em;
}

.lowerContent .lowerContent__l .mainContent .mainContent__title {
    margin-bottom: 20px;
    color: #0072cf;
    font-size: 24px;
    line-height: 1.5;
}

.lowerContent .lowerContent__l .mainContent .mainContent__text {
    margin-bottom: 60px;
    font-size: 14px;
    line-height: 1.7;
}

.lowerContent .lowerContent__l .mainContent .mainContent__image {
    margin-bottom: 40px;
}

.lowerContent .lowerContent__r {
    width: 312px;
    margin-right: 20px;
    float: right;
}

.lowerContent .lowerContent__r .lowerSub__title {
    margin-bottom: 20px;
    color: #0072cf;
    font-size: 20px;
    text-align: center;
}

.lowerContent .lowerContent__r .staffList--2 {
    margin-bottom: 30px;
}

.lowerContent__topBtn {
    margin-bottom: 60px;
    text-align: center;
}

.lowerContent__topBtn a {
    display: inline-block;
    padding: 25px 70px;
    border-radius: 50px;
    background: #efefef;
    box-shadow: 0px 12px 8px 0px rgba(11, 3, 6, 0.1);
    /*color: #0072cf;*/
    font-size: 16px;
    text-decoration: none;
    transition: all 0.5s ease-in;
}

.lowerContent__topBtn a:after {
    display: inline-block;
    width: 18px;
    height: 16px;
    margin: 0 0 0 10px;
    background: url(../img/people/lower/return_btn_off.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    content: " ";
    transition: all 0.5s ease-in;
}

.lowerContent__topBtn a:hover {
    background: #0072cf;
    color: #fff;
    transition: all 0.5s ease-out;
    /*transition: all .5s ease-in;*/
}

.lowerContent__topBtn a:hover:after {
    display: inline-block;
    width: 18px;
    height: 16px;
    margin: 0 0 0 10px;
    background: url(../img/people/lower/return_btn_on.svg) no-repeat;
    background-size: contain;
    text-decoration: none;
    vertical-align: middle;
    content: " ";
    transition: all 0.5s ease-out;
}

/*lowerContent*/
/*lowerpage*/
/*201809_people*/
/*201809_people_kasou*/
/*201809_people_kasou*/
/*parts*/
.p-mgb10 {
    margin-bottom: 10px;
}

.p-isblock {
    display: inline-block;
}

.p-isindent {
    display: inline-block;
    width: 90%;
    padding-left: 10px;
    line-height: 1.5;
    vertical-align: top;
}

.p-internIndent {
    display: inline-block;
    padding-left: 12px;
    line-height: 1.5;
    vertical-align: top;
}

.p-internIndent--2 {
    display: inline-block;
    padding-left: 24px;
    line-height: 1.5;
    vertical-align: top;
}

.p-comming {
    font-size: 24px;
}
/*parts*/
/*maincontent*/
/*#people .keyvisual .serchArea .checkArea .checkArea__remove input[type="checkbox"]　{
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background: url(../image/checkbox.png) left top;
    margin-right: 10px;
}
#people .keyvisual .serchArea .checkArea .checkArea__remove input[type="checkbox"]:checked::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    background: url(../image/checkbox.png) left bottom;
    }*/
/*#people h1 {
  color: #066666;
  font-size: 30px;
  font-weight: bold;
  background: #F4F4F4;
  padding: 30px 0 17px 17px;
}
#people h2 {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
#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;
}
#people h3 span {
  padding-left: 25px;
  background: url(../img/common/ico_title.png) 12px 50% no-repeat;
}
#people .profile {
  background: #fff;
}
#people .profile.comingsoon img {
  opacity: 0.6;
}
#people .profile dt {
  margin-bottom: 5px;
  text-align: left;
}
#people .profile dd {
  margin-bottom: 20px;
}
#people .profile dd .title {
  font-size: 15px;
  margin-bottom: 8px;
  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 .profile dd .field {
  font-size: 11px;
  color: #000;
  line-height: 1.7;
}
#people .profile dd .mgt22 {
  margin-top: 22px;
}
#people .sidebar {
  float: left;
  width: 260px;
  padding-left: 18px;
  border-left: 1px solid #fff;
}
#people .sidebar h2 {
  color: #000;
  margin-bottom: 18px;
}
#people .sidebar h2 img {
  vertical-align: middle;
  margin-right: 10px;
}
#people .sidebar ul li {
  font-size: 15px;
  margin-bottom: 10px;
}
#people .sidebar ul li a {
  display: block;
  color: #000;
}
#people .sidebar ul li.comingsoon img {
  opacity: 0.6;
}
#people .sidebar ul li.on a {
  color: #0075bf;
}
#people .top-image {
  *zoom: 1;
  position: relative;
  margin-bottom: 45px;
}
#people .top-image:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#people .top-image .top-image-caption {
  position: absolute;
  top: 105px;
  left: 210px;
  color: #fff;
}
#people .top-image .top-image-caption.career3 {
  top: 95px;
  left: 250px;
}
#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: 10px;
}
#people .top-image .top-image-caption.career4 {
  top: 100px;
  left: 270px;
}
#people .top-image .top-image-caption.people1 {
  top: 60px;
  left: 290px;
}
#people .top-image .top-image-caption.people2 {
  top: 60px;
  left: 275px;
}
#people .top-image .top-image-caption.people3 {
  top: 75px;
  left: 298px;
}
#people .top-image .top-image-caption.people4 {
  top: 65px;
  left: 260px;
}
#people .top-image .top-image-caption.people5 {
  top: 60px;
  left: 270px;
}
#people .top-image .top-image-caption.people6 {
  top: 60px;
  left: 280px;
}
#people .top-image .top-image-caption.people12 {
  top: 60px;
  left: 290px;
}
#people .top-image .top-image-caption.people7 {
  top: 45px;
  left: 280px;
}
#people .top-image .top-image-caption.people7 .name.small {
  margin-left: 30px;
}
#people .top-image .top-image-caption.people8 {
  top: 60px;
  left: 290px;
}
#people .top-image .top-image-caption.people_g {
  top: 80px;
  left: 300px;
}
#people .top-image .top-image-caption.people_g .name.small{
  margin-top:5px;
  margin-left:5px;
}
#people .top-image .top-image-caption .subject {
  font-size: 28px;
  font-weight: bold;
  color: #acacac;
  margin-bottom: 10px;
  line-height: 1.2;
}
#people .top-image .top-image-caption .title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.4;
}
#people .top-image .top-image-caption.people_g .subject ,
#people .top-image .top-image-caption.people_g .title {
  font-size: 22px!important;
}

#people .top-image .top-image-caption .name {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 1.2;
}
#people .top-image .top-image-caption .name.small {
  margin-left: 30px;
  font-size: 18px;
}
#people .top-image .top-image-caption .career {
  font-size: 14px;
  line-height: 1.2;
}
#people .top-image .top-image-left {
  float: left;
  line-height: 1;
}
#people .top-image .top-image-right {
  float: left;
  background: #fff;
  height: 330px;
  width: 340px;
  line-height: 1.5;
}
#people .top-image .top-image-right .top {
  text-align: center;
  margin-top: 17px;
  margin-bottom: 17px;
}
#people .top-image .top-image-right .title {
  font-size: 38px;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 15px;
  line-height: 1.2;
}
#people .top-image .top-image-right .title.small {
  font-size: 26px;
}
#people .top-image .top-image-right .year {
  font-size: 14px;
  font-weight: bold;
  margin-left: 17px;
}
#people .top-image .top-image-right .type {
  font-size: 14px;
  font-weight: bold;
  margin-left: 17px;
}
#people .top-image .top-image-right .name {
  font-size: 21px;
  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: left;
  width: 363px;
}
#people .career .career-right {
  float: right;
  background: #fff;
  width: 246px;
  padding: 17px 17px;
}
#people .career .career-right dl {
  line-height: 1.6;
}
#people .career .career-right dl dt {
  font-weight: bold;
  font-size: 14px;
  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: 360px;
  height: 33px;
  line-height: 33px;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 24px;
}
#people .career .career-highlight .career-highlight-title {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 15px;
}
#people .career .career-highlight .career-highlight-detail {
  margin-bottom: 20px;
  font-size: 14px;
}
#people .career .article {
  margin-bottom: 40px;
}
#people .career .artice-image {
  margin-bottom: 40px;
}
#people .career .article-title {
  font-size: 23px;
  color: #0075bf;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 15px;
}
#people .career .article-block {
  *zoom: 1;
  line-height: 1.8;
  margin: 0;
  text-align: justify;
  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: left;
  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: 40px;
}
#people .article-subject {
  background: url(../img/people/ico_people_s.png) left center no-repeat;
  padding-left: 30px;
  color: #0075bf;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}
#people .article-title {
  font-size: 23px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 15px;
}
#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;
  font-size: 23px;
  font-weight: bold;
  color: #066666;
  line-height: 1.3;
  margin-bottom: 15px;
}
#people .article-people-title.large {
  background: url(../img/people/ico_line_l.png) left top no-repeat;
}
#people .article-block {
  *zoom: 1;
  line-height: 1.9;
  margin: 0;
  text-align: justify;
  letter-spacing: 0.7px;
  font-size: 14px;
}
#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: left;
  line-height: 1;
  margin-right: 12px;
}
#people .article-block .image.right {
  float: right;
  margin-right: 0;
  margin-left: 12px;
}
#people .jri-people-profile {
  *zoom: 1;
  background: #fff;
  padding: 17px;
  border: 1px solid #C4C4C4;
}
#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: left;
  width: 400px;
}
#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: left;
  margin-bottom: 7px;
}
#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;
}
#people .jri-people-profile .jri-people-profile-right {
  float: right;
}
#people .jri-people-profile .jri-people-profile-title {
  float: left;
  color: #666666;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 25px;
}
#people .people {
  margin-right: 0;
  margin: 20px;
}
#people .people.leftcol {
  float: left;
  width: 660px;
  border-right: 1px solid #CDCDCD;
}
#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 .whyjri {
  *zoom: 1;
  background: #fff;
  padding: 18px;
}
#people .whyjri:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#people .whyjri a {
  display: block;
  float: left;
  width: 435px;
  margin-right: 20px;
  margin-bottom:20px;
}
#people .whyjri a.last ,
#people .whyjri a:last-child {
  margin-right: 0px;
}
#people .whyjri a dl {
  *zoom: 1;
  background: #F8F8F8;
}
#people .whyjri a dl:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#people .whyjri a dt {
  float: left;
  margin-right: 5px;
  margin-bottom: 0;
}
#people .whyjri a dd {
  float: left;
  width: 255px;
  margin-bottom: 0;
  padding: 11px 5px 11px 0px;
}
#people .whyjri a dd .title {
  font-size: 21px;
  color: #000;
}
#people .whyjri a dd .year {
  font-size: 14px;
  font-weight: bold;
}
#people .whyjri a dd .name {
  font-size: 21px;
}
#people .jri-people {
  *zoom: 1;
  background: #fff;
  padding: 18px;
}
#people .jri-people:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#people .jri-people a, #people .jri-people .block-a {
  display: block;
  float: left;
  margin-right: 22px;
}
#people .jri-people a:nth-child(3), #people .jri-people .block-a:nth-child(3) {
  margin-right: 0px;
}
#people .jri-people a .title, #people .jri-people .block-a .title {
  width: 282px;
}
#people .jri-careerpass {
  *zoom: 1;
  background: #fff;
  padding: 18px;
}
#people .jri-careerpass:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#people .jri-careerpass a, #people .jri-careerpass .block-a {
  display: block;
  float: left;
  width: 211px;
  margin-right: 15px;
}
#people .jri-careerpass a:last-child, #people .jri-careerpass .block-a:last-child {
  margin-right: 0px;
}
#people .jri-careerpass a dt, #people .jri-careerpass .block-a dt {
  text-align: left;
}
#people .block-people {
  float: left;
  margin-right: 28px;
  margin-bottom:25px;
}
#people .block-people.last ,
#people .block-people:last-child {
  margin-right: 0px;
}
#people .block-people a {
  display: block;
  float: left;
}
#people .block-people dl {
  padding: 20px;
  margin-right: 0;
  height: 210px;
}
#people .block-people dl dd {
  margin: 0;
}
#people .block-people dl dd .title {
  width: 246px;
  }*/
/*201809_people*/
/*--------------------------------------------

2002_recruit

----------------------------------------------*/
#recruit > a {
    display: block;
    height: 100%;
    color: #111;
    transition: 0.5s;
}

#recruit.current > a {
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
}

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

2002_recruit

----------------------------------------------*/
#recruit h1 {
    padding: 30px 0 17px 17px;
    background: #f4f4f4;
    color: #066666;
    font-size: 30px;
    font-weight: bold;
}

#recruit h1.large {
    margin: 0 20px;
    padding: 60px 0;
    border-bottom: 1px solid #d7dfe4;
    font-size: 60px;
    text-align: center;
}

#recruit h2 {
    margin-bottom: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

#recruit h3 {
    *zoom: 1;
    *zoom: 1;
    padding: 15px 0 15px 0px;
    background: #e0e0e0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    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);
    background-size: 100%;
    color: #666666;
    font-size: 20px;
    font-weight: bold;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFF4F4F4", endColorstr="#FFE0E0E0");
}

#recruit h3:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#recruit h3 span {
    padding-left: 25px;
    background: url(../img/common/ico_title.png) 12px 50% no-repeat;
}

#recruit h3 span.link {
    -ms-filter: none;
    margin-right: 20px;
    float: right;
    background: none;
    filter: none;
}

#recruit h3.left span {
    padding-left: 13px;
    background-position: 0 0;
}

#recruit h3.left span.ttl-movie {
    padding-right: 25px;
    float: left;
}

#recruit .recruit {
    *zoom: 1;
    margin: 0 20px;
    padding-bottom: 17px;
    background: #f4f4f4;
}

#recruit .recruit:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#recruit .recruit.leftcol {
    width: 660px;
    float: left;
}

#recruit .sidebar {
    width: 260px;
    margin-right: 20px;
    float: right;
}

#recruit .sidebar h2 {
    margin-bottom: 18px;
    color: #000;
    line-height: 28px;
}

#recruit .sidebar h2 img {
    margin-right: 10px;
    vertical-align: top;
}

#recruit .sidebar ul {
    border-bottom: 1px solid #ffffff;
}

#recruit .sidebar ul li {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cccccc;
    font-size: 15px;
}

#recruit .sidebar ul li:first-child {
    border-top: none;
}

#recruit .sidebar ul li a {
    display: block;
    padding: 15px 0;
    background: url(../img/common/ico_arrow_right.png) right 50% no-repeat;
    color: #000;
}

#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 {
    padding-right: 3px;
    border-top: 1px solid #ededed;
    border-bottom: none;
    background-color: #e0e0e0;
}

#recruit .sidebar ul li .sidebar-sub li a {
    padding: 10px 0 10px 1em;
    background: url(../img/recruit/ico_arrow_right_navi.png) right 50% no-repeat;
    color: #000;
    font-size: 14px;
}

#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 .sidebar ul li .sidebar-sub li.sidebar-sub-ttl {
    padding: 10px 0 10px 1em;
    background-color: #c6d9f1;
}

#recruit .note {
    margin: 17px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
}

#recruit .note.top-border {
    margin: 0 20px 35px 20px;
    padding-top: 35px;
    border-top: 1px solid #fff;
    font-size: 16px;
}

#recruit .note.left {
    margin-right: 20px;
    margin-left: 35px;
}

#recruit .image-block {
    margin-left: 25px;
}

#recruit .block-dl {
    margin-bottom: 28px;
    margin-left: 15px;
    line-height: 1.5;
}

#recruit .block-dl dt {
    padding-bottom: 10px;
    border-bottom: 1px solid #c9c9c9;
    color: #777777;
    font-size: 18px;
    font-weight: bold;
}

#recruit .block-dl dd {
    *zoom: 1;
    padding: 18px 0 0 10px;
}

#recruit .block-dl dd:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#recruit .block-dl dd span {
    font-size: 14px;
    font-weight: bold;
}

#recruit .block-dl dd .text-left {
    width: 394px;
    float: left;
}

#recruit .block-dl dd .image {
    margin-right: 17px;
    float: left;
    line-height: 1;
}

#recruit .block-dl dd .image.right {
    margin-right: 0px;
    margin-left: 17px;
    float: right;
}

#recruit .block {
    *zoom: 1;
    margin: 5px 17px 17px;
    border: 1px solid #cecece;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
    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);
    background-size: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr="#FFEDEDED", endColorstr="#FFFFFFFF");
}

#recruit .block a {
    color: #000;
}

#recruit .block a.link_on {
    color: #0075bf;
    text-decoration: underline;
}

#recruit .block.no-border {
    -ms-filter: none;
    border: none;
    background: none;
    filter: none;
}

#recruit .block.no-border h3 {
    -ms-filter: none;
    background: none;
    filter: none;
}

#recruit .block.jri-seminar-date {
    margin-top: -10px;
}

#recruit .block.small {
    width: 450px;
    margin-right: 22px;
    float: left;
}

#recruit .block.small:nth-of-type(2n) {
    margin-right: 0;
    margin-left: 0;
}

#recruit .block.small .block-p {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
}

#recruit .block.small .block-p.small {
    height: 24px;
}

#recruit .block.small .block-p.middle {
    height: 36px;
}

#recruit .block .block-p {
    padding: 20px 23px 30px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
}

#recruit .faq-table {
    width: 100%;
    border: 1px solid #eaeaea;
}

#recruit .faq-table td {
    border: 1px solid #eaeaea;
}

#recruit .faq-table td.last {
    border: none;
}

#recruit .faq-table td dl {
    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 {
    *zoom: 1;
    display: inline-block;
    *display: inline;
    width: auto;
    margin-right: 10px;
    padding: 5px;
    background: #006dc0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

#recruit .faq-table td dd {
    *zoom: 1;
    display: inline-block;
    *display: inline;
    width: 556px;
    line-height: 1.5;
    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 {
    width: 118px;
    padding: 17px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #dfdfdf;
    font-weight: bold;
    vertical-align: middle;
}

#recruit .requirements-table td {
    padding: 17px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #dfdfdf;
    line-height: 1.5;
    vertical-align: middle;
}

#recruit .requirements-table td span {
    font-weight: bold;
}

#recruit .requirements-table td dl {
    *zoom: 1;
}

#recruit .requirements-table td dl:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#recruit .requirements-table td dl dt {
    width: 150px;
    float: left;
    clear: both;
}

#recruit .requirements-table td dl dd {
    float: left;
}

#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.bottom th,
#recruit .schedule-table tr.bottom td {
    border-bottom: none;
}

#recruit .schedule-table th {
    width: 118px;
    padding: 17px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #dfdfdf;
    font-weight: bold;
    vertical-align: middle;
}

#recruit .schedule-table td {
    padding: 17px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #dfdfdf;
    line-height: 1.5;
    vertical-align: middle;
}

#recruit .schedule-table td .schedule-table-title {
    font-size: 18px;
    font-weight: bold;
}

#recruit .schedule-table td span {
    color: #f10000;
}

#recruit .entry-table {
    width: 100%;
    margin-bottom: 10px;
    border-top: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4;
}

#recruit .entry-table th {
    padding: 12px;
    border-right: 1px solid #f4f4f4;
    background: #0071c6;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

#recruit .entry-table td {
    padding: 15px;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    background: #fff;
    line-height: 1.5;
    text-align: center;
}

#recruit .entry-table-p {
    padding-left: 1em;
    text-indent: -1em;
}

#recruit .event-block {
    margin-bottom: 40px;
}

#recruit .event-block a {
    display: block;
    color: #fff;
}

#recruit .event-block a.arrow_right_movie {
    display: inline-block;
    padding-left: 20px;
    background: url(../img/corporate/ico_arrow_right.png) left center no-repeat;
}

#recruit .event-dl {
    *zoom: 1;
    margin-bottom: 10px;
    margin-left: 15px;
}

#recruit .event-dl:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#recruit .event-dl dt {
    *zoom: 1;
    display: table-cell;
    *display: inline;
    width: 220px;
    padding: 0px 5px 0 20px;
    background: url(../img/recruit/ico_arrow_right.png) 10px 50% no-repeat;
    background-color: #0071c6;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    vertical-align: middle;
}

#recruit .event-dl dt span {
    color: #fff;
    font-size: 13px;
}

#recruit .event-dl dd {
    *zoom: 1;
    display: table-cell;
    *display: inline;
    width: 346px;
    padding: 10px;
    background: #fff;
    color: #000;
    font-size: 14px;
    line-height: 1.5;
}

#recruit .seminar-top {
    position: relative;
    margin: 30px 17px 20px;
    padding: 30px 0;
    border: 1px solid #d2d2d2;
    background: #fafafa;
}

#recruit .seminar-top .text {
    padding-top: 26px;
    font-size: 16px;
    text-align: center;
}

#recruit .seminar-top .title {
    font-size: 44px;
    text-align: center;
}

#recruit .seminar-top .title div {
    font-size: 16px;
    line-height: 2;
}

#recruit .seminar-top .title span {
    font-size: 30px;
}

#recruit .seminar-top .icon {
    position: absolute;
    right: 4px;
    bottom: 4px;
    padding: 5px;
    border: 1px solid #d9d9d9;
    background: #ececec;
    font-weight: bold;
}

#recruit .seminar-block {
    *zoom: 1;
    margin-top: 10px;
    margin-left: 15px;
    line-height: 1.5;
}

#recruit .seminar-block:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
    content: " ";
}

#recruit .seminar-block .seminar-block-text {
    font-size: 16px;
    line-height: 1.5;
}

#recruit .check-txt {
    margin: 10px 30px 20px;
    color: red;
    font-size: 14px;
    line-height: 1.3;
}

#recruit .seminar-block .seminar-block-text .image {
    float: right;
}

#recruit .seminar-block .seminar-block-text-left {
    width: 360px;
    float: left;
}

#recruit .seminar-block .seminar-block-text-list {
    *zoom: 1;
    margin-left: 1em;
    overflow: hidden;
    font-family: "MS Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: justify;
    text-justify: distribute;
}

#recruit .seminar-block .seminar-block-text-table {
    border-top: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4;
    background: #fff;
}

#recruit .seminar-block .seminar-block-text-table th {
    padding: 10px 20px;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}

#recruit .seminar-block .seminar-block-text-table td {
    padding: 10px 20px;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}

#recruit .seminar-block li {
    margin-bottom: 20px;
    padding-left: 1.5em;
    font-size: 14px;
    text-indent: -1.5em;
}

#recruit .seminar-block-left {
    float: left;
}

#recruit .seminar-block-image {
    margin-right: 20px;
    float: right;
}

#recruit .seminar-date-table {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px;
}

#recruit .seminar-date-table th {
    padding: 15px 20px;
    border-bottom: 1px solid #f4f4f4;
    background: #dfeaf8;
    font-size: 18px;
}

#recruit .seminar-date-table td {
    padding: 0 5px 0;
    background: #fff;
    font-size: 14px;
    text-align: center;
}

#recruit .seminar-date-table td.line {
    padding: 0 30px;
    border-bottom: 1px solid #f4f4f4;
}

#recruit .seminar-date-table td.line div {
    padding: 5px 30px;
    border: none;
}

#recruit .seminar-date-table td.line-s {
    padding: 0 14px;
    border-bottom: 1px solid #f4f4f4;
}

#recruit .seminar-date-table td.line-s div {
    padding: 5px 30px;
    border: none;
}

#recruit .seminar-date-table td.date {
    background: #fcfcfc;
}

#recruit .seminar-date-table td div {
    padding: 5px 30px;
    border-bottom: 1px solid #f4f4f4;
}

#recruit .seminar-date-table2 {
    width: 610px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px;
}

#recruit .seminar-date-table2 th {
    padding: 10px;
    border-bottom: 1px solid #f4f4f4;
    background: #dfeaf8;
    font-size: 14px;
}

#recruit .seminar-date-table2 td {
    padding: 5px 20px 0;
    border-bottom: 1px solid #f4f4f4;
    background: #fff;
    font-size: 14px;
    text-align: center;
}

#recruit .seminar-date-table2 td.date {
    background: #fcfcfc;
}

#recruit .seminar-date-table3 {
    width: 610px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px;
}

#recruit .seminar-date-table3 th {
    padding: 10px;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    background: #dfeaf8;
    font-size: 14px;
    text-align: center;
}

#recruit .seminar-date-table3 th.last {
    border-right: none;
}

#recruit .seminar-date-table3 td {
    padding: 10px;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    background: #fff;
    font-size: 14px;
    text-align: center;
}

#recruit .seminar-date-table3 td.consl {
    background: #c9ffff;
}

#recruit .seminar-date-table3 td.incu {
    background: #feffd1;
}

#recruit .seminar-date-table3 td.res {
    background: #d7d3ff;
}

#recruit .seminar-date-table3 td.last {
    border-right: none;
}

#recruit .seminar-date-table3 td.date {
    background: #fcfcfc;
}

#recruit .seminar-date-table4 {
    width: 610px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px;
}

#recruit .seminar-date-table4 th {
    padding: 10px;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    background: #dfeaf8;
    font-size: 14px;
    text-align: center;
}

#recruit .seminar-date-table4 th.last {
    border-right: none;
}

#recruit .seminar-date-table4 td {
    padding: 10px;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    background: #fff;
    font-size: 14px;
    text-align: left;
}

#recruit .seminar-date-table4 td.last {
    border-right: none;
}

#recruit .seminar-date-table4 td.date {
    background: #fcfcfc;
}

#recruit .seminar-date-table4 td.txt_cnt {
    text-align: center;
}

#recruit .seminar-date-table5 {
    width: 508px;
    margin-bottom: 10px;
}

#recruit .seminar-date-table5 th {
    width: 150px;
    padding: 10px;
    border-top: none;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    border-left: none;
    background: #dfeaf8;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
}

#recruit .seminar-date-table5 th.last {
    border-right: none;
}

#recruit .seminar-date-table5 td {
    padding: 10px;
    border-top: none;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    border-left: none;
    background: #fff;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
}

#recruit .seminar-date-table5 td.last {
    border-right: none;
}

#recruit .seminar-date-table5 td.date {
    background: #fcfcfc;
}

#recruit .s-memo {
    margin-bottom: 10px;
    font-size: 14px;
}

#recruit .seminar-banner {
    margin-top: 30px;
    text-align: center;
}

#recruit h4 {
    margin-top: 20px;
    margin-left: 17px;
    font-size: 19px;
}

#recruit .zoom {
    display: none;
    position: absolute;
    top: 580px;
    left: 50%;
    width: 960px;
    margin-left: -480px;
    text-align: center;
}

#recruit .zoom img {
    width: 100%;
    border: 2px solid #ccc;
    line-height: 1;
}

#recruit .bg-layer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

#recruit .zoom-btn {
    display: none;
    margin-top: 10px;
    text-align: center;
}

#recruit .zoom-btn a {
    display: inline-block;
    padding: 5px 25px;
    border: 1px solid #dfdfdf;
    background: #fff;
    color: #1072b4;
    font-size: 12px;
}

/*20180202*/
.internship__mainvisual {
    /*width: 1000px;*/
    width: 100%;
    /*height: 558px;*/
    height: 520px;
    background: url(../img/internship/internship_main.png) 0 0 no-repeat;
    /*margin-top: -20px;*/
    background-size: cover;
}

.internship__mainvisual .inner {
    position: relative;
    width: 1000px;
    height: 100%;
    margin: 0 auto;
}

.mainvisual__text {
    position: absolute;
    right: 10px;
    bottom: 40px;
    width: 43%;
}

.internship__mainvisual__cap {
    margin-bottom: 15px;
    color: #fff;
    font-size: 18px;
    text-align: left;
}

.internship__mainvisual__ttl {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    line-height: 1.35;
    text-align: left;
}

.internship__ttl {
    padding: 50px 0px 20px;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

.internship__note {
    padding-bottom: 50px;
    color: red;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}

.internship__txt {
    color: red;
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}

.internship__category {
    width: 910px;
    margin: 0 auto 25px;
    font-size: 26px;
    font-weight: bold;
}

.internship__category.category-2 {
    margin-top: 50px;
}

.internship__category span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: #111;
}

.internship__mainbtn {
    display: block;
    position: relative;
    width: 880px;
    height: 85px;
    margin: 50px auto 0;
    padding-left: 30px;
    background: url(../img/internship/internttlbg.png) 0 0 no-repeat;
    color: #fff;
    font-size: 28px;
    line-height: 85px;
}

.internship__mainbtn.mainbtn-2 {
    margin-top: 25px;
}

.internship__mainbtn span {
    padding-left: 10px;
    font-size: 24px;
}

.internship__mainbtn--blue {
    background: url(../img/internship/internttlbg2.png) 0 0 no-repeat;
}

.internship__mainbtn img {
    position: absolute;
    top: 19px;
    right: 30px;
}

#internopener-it {
    margin-top: 0;
}

.internship__mainbtn:hover {
    text-decoration: none;
}

.internship__mainttl {
    width: 880px;
    height: 85px;
    /*margin: 100px auto 0;*/
    margin: 50px auto 0;
    padding-left: 30px;
    background-color: #006667;
    color: #fff;
    font-size: 32px;
    line-height: 85px;
}

.internship__mainbox {
    width: 910px;
    margin: 0px auto 100px;
    background: url(../img/internship/internshipbox.png) 0 0 repeat-y;
    line-height: 1.5;
    text-align: center;
}

.internship__mainbox--blue {
    background: url(../img/internship/internshipbox_b.png) 0 0 repeat-y;
}

#internopener-consul-target,
#internopener-it-target,
#financial-target,
#financial-ai-target,
#internopener-dx-target,
#economist-target {
    display: none;
}

.internship__mainbox__ttl {
    padding: 70px 0 50px;
    color: #004243;
    font-size: 36px;
    font-weight: bold;
}

#internopener-it-target .internship__mainbox__ttl {
    color: #015683;
}

#internopener-consul-target .internship__mainbox__ttl {
    padding: 70px 0 120px;
}

.internship__mainbox__catch {
    padding-bottom: 125px;
    font-size: 18px;
    font-weight: bold;
    line-height: 2.5;
}

.internship__mainbox__subttl {
    display: inline-block;
    margin-bottom: 40px;
    border-bottom: 3px solid #004243;
    color: #004243;
    font-size: 26px;
    font-weight: bold;
}

#internopener-it-target .internship__mainbox__subttl {
    border-bottom: 3px solid #015683;
    color: #015683;
}

.internship__chara {
    width: 760px;
    margin: 0 auto 100px;
    overflow: hidden;
}

.internship__chara--2 {
    width: 504px;
}

.internship__chara li {
    width: 244px;
    margin-right: 14px;
    float: left;
}

.internship__chara li.last {
    margin-right: 0;
}

.internship__chara__ttl {
    height: 47px;
    border-bottom: #75bddf solid 1px;
    /*background-color: #40ac9a;
  border-bottom: #aacdc4 solid 1px;*/
    background-color: #007ec0;
    color: #fff;
    font-size: 18px;
    line-height: 47px;
}

.internship__chara__ttl--2 {
    border-bottom: #aacdc4 solid 1px;
    background-color: #40ac9a;
}

#internopener-it-target .internship__chara__ttl {
    border-bottom: #75bddf solid 1px;
    background-color: #007ec0;
}

#internopener-it-target .internship__chara__main {
    background-color: #e4f6ff;
}

.internship__chara__main {
    height: 400px;
    border-top: #98d5cb solid 1px;
    /*background-color: #e7f5f3;*/
    background-color: #e4f6ff;
    text-align: left;
}

.internship__chara__main--2 {
    background-color: #e7f5f3;
}

.internship__chara__main--3 {
    height: 500px;
}

#internopener-consul-target .internship__chara__main,
#economist-target .internship__chara__main {
    height: 500px;
}

.internship__chara__subttl {
    height: 70px;
    padding: 20px;
    font-size: 16px;
    font-weight: bold;
}

.internship__chara__subttl.long {
    height: auto !important;
}

.internship__chara__sentence {
    padding: 0 20px;
}

.internship__apply {
    width: 760px;
    margin: 0 auto 25px;
    border-top: 1px solid #a0a0a0;
}

.internship__apply--outer {
    position: relative;
}

.internship__apply--overlay {
    position: absolute;
    top: 0;
    left: 50%;
    width: 760px;
    height: 480px;
    margin-left: -380px;
    background-color: #000;
    opacity: 0.6;
}

.internship__apply--alert {
    position: absolute;
    top: 0;
    left: 50%;
    width: 760px;
    margin-left: -380px;
    padding-top: 190px;
    color: red;
    font-size: 24px;
    text-align: center;
}

.internship__apply th {
    width: 100px;
    padding: 20px;
    border-bottom: 1px solid #a0a0a0;
    background-color: #f8f8f8;
    font-weight: bold;
}

.internship__apply th a {
    text-decoration: underline;
}

.internship__apply th a:hover {
    text-decoration: none;
}

.internship__apply td {
    padding: 20px;
    border-bottom: 1px solid #a0a0a0;
    background-color: #ffffff;
}

.internship__entrycatch {
    width: 760px;
    margin: 0 auto 40px;
    font-size: 24px;
    line-height: 18px;
    text-align: left;
}

.internship__entrycatch span {
    color: #004243;
    line-height: 36px;
}

.internship__participate {
    display: block;
    width: 760px;
    margin: 0px auto 100px;
}

.internship__participate.end {
    padding-bottom: 100px;
}

.internship__participate.first {
    margin: 0px auto 50px;
}

.internship__participate p {
    font-size: 16px;
    font-weight: bold;
}

.internship__preentry {
    display: block;
    width: 515px;
    margin: 0px auto 100px;
}

.internship__participate--box {
    padding-bottom: 1px;
}

.internship__recommend {
    padding: 45px 70px;
    background: url(../img/internship/recommend_bg.png) 0 0 repeat #000;
    color: #fff;
    text-align: left;
}

.internship__recommend__ttl {
    font-size: 22px;
    font-weight: bold;
}

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

.internship__recommend__list li {
    width: 188px;
    margin-right: 2px;
    float: left;
    background-color: #000;
}

.internship__recommend__list li.last {
    margin-right: 0;
}

.internship__recommend__imgcaption {
    padding: 5px 0px 0;
    text-align: center;
}

.internship__recommend__listmessage {
    height: 80px;
    padding: 6px;
    text-align: center;
}

.newinternspan {
    display: block;
    font-size: 18px;
    /* padding-top: 10px; */
    font-weight: bold;
}

.internship__faq {
    margin: 0px auto 50px;
}

.internship__faq__ttl {
    display: block;
    position: relative;
    width: 895px;
    height: 70px;
    margin: 1px auto 0;
    padding-left: 15px;
    background-color: #109e86;
    color: #fff;
    font-size: 22px;
    line-height: 70px;
}

.internship__faq__ttl span {
    margin-left: 20px;
    color: #b9faef;
}

.internship__faq__ttl:hover {
    text-decoration: none;
}

.internship__faq__icon {
    position: absolute;
    top: 17px;
    right: 37px;
}

.internship__faq__main {
    display: none;
    width: 870px;
    margin: 0px auto;
    padding: 20px;
    background-color: #fff;
}

.internship__contact {
    width: 840px;
    /*margin: 0px auto 50px;*/
    margin: 0px auto 80px;
    padding: 20px 35px;
    background-color: #ffffff;
    line-height: 1.5;
}

.internship__contact__sentence span {
    font-weight: bold;
}

.internship__spmainvisual,
.internship__spmainvisual--2,
.internship__spmainvisual--3 {
    display: none;
}

.internship__spmainvisual img,
.internship__spmainvisual--2 img,
.internship__spmainvisual--3 img {
    width: 100%;
}

.internship__flow__outer {
    width: 760px;
    margin: 0px auto 100px;
    background-color: #fff;
}

.internship__flow {
    color: #fff;
}

.internship__flow dl {
    overflow: hidden;
}

.internship__flow__num {
    width: 40px;
    height: 40px;
    float: left;
    background-color: #006667;
    font-size: 21px;
    font-weight: bold;
    line-height: 40px;
}

.internship__flow__ttl {
    width: 705px;
    height: 40px;
    padding-left: 15px;
    float: left;
    background-color: #40ac9a;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    text-align: left;
}

.internship__flow__main {
    padding: 30px 0px 25px 20px;
    background-color: #e7f5f3;
    color: #000;
    text-align: left;
}

.internship__flow__arrow {
    margin: 20px 0px;
}

.internship__past {
    margin-top: 40px;
    padding: 20px;
    background-color: #40ac9a;
    color: #fff;
}

.internship__past__ttl {
    padding: 0px 0px 12px;
    border-bottom: 2px solid #fff;
    font-size: 18px;
    font-weight: bold;
}

.internship__past__list {
    padding: 20px 0px 0px;
    font-size: 13px;
}

.internship__entrycatch--strategy {
    padding-bottom: 50px;
}

.internship__entrycatch--note {
    font-size: 12px;
    line-height: 18px !important;
}

.internship__faq__list {
    margin-bottom: 35px;
    overflow: hidden;
}

.internship__faq__list dt {
    width: 35px;
    padding-bottom: 10px;
    float: left;
    clear: both;
}

.internship__faq__list dd {
    width: 820px;
    padding-top: 9px;
    padding-left: 15px;
    float: left;
    overflow: hidden;
    line-height: 1.5;
}

.cross__mainvisual {
    text-align: center;
}

.cross__main {
    position: relative;
    overflow: hidden;
    background: url(../img/people/cross/bg.jpg) 0 113px repeat-y;
}

.cross__main__bgtop {
    z-index: 40;
    position: absolute;
    top: 0;
    left: 0;
}

.cross__mainttl {
    z-index: 20;
    position: relative;
    padding: 60px 0 50px;
    color: #044573;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

.cross__peoples {
    z-index: 20;
    position: relative;
    width: 900px;
    margin: 293px auto 33px;
    overflow: hidden;
}

.cross__peoples--two {
    width: 595px;
    margin: 30px auto 33px;
}

.cross__peoples li {
    width: 290px;
    margin-right: 15px;
    float: left;
}

.cross__peoples li.last {
    margin-right: 0px;
}

.cross__peoples__top {
    height: 110px;
    padding: 20px;
    overflow: hidden;
    background-color: #7b7b7b;
}

.cross__peoples__topimg {
    width: 116px;
    float: left;
}

.cross__peoples__topinfo {
    padding: 18px 0px 0px 18px;
    float: left;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
}

.cross__peoples__main {
    height: 240px;
    padding: 20px;
    background-color: #fff;
    line-height: 1.5;
}

.cross__peoples__main__02 {
    height: 170px;
    padding: 20px;
    background-color: #fff;
    line-height: 1.5;
}

.cross__subttl {
    width: 850px;
    height: 70px;
    margin: 0 auto;
    padding-left: 50px;
    border-bottom: #044573 4px solid;
    background-color: #0f70b4;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    line-height: 70px;
}

.cross__talks {
    width: 800px;
    margin: 0px auto 50px;
    padding: 50px;
    background-color: #fff;
    opacity: 0.9;
}

.cross__talks__box {
    display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.cross__talks__box:last-child {
    margin-bottom: 0px;
}

.cross__talks__txt {
    margin-left: 20px;
    color: #0072cf;
    font-size: 20px;
    font-weight: bold;
}

.cross__talksblock {
    margin-bottom: 35px;
    line-height: 1.8;
}

.cross__talks__sentence {
    width: 440px;
}

.cross__talksblock span {
    display: inline-block;
    margin-right: 14px;
    padding-left: 10px;
    font-weight: bold;
}

.cross__talksblock__oba {
    border-left: 4px solid #ffc71d;
}

.cross__talksblock__iwamoto {
    border-left: 4px solid #8dcf3f;
}

.cross__talksblock__shimizu {
    border-left: 4px solid #f98824;
}

.cross__talksblock__horie {
    border-left: 4px solid #33bfdb;
}

.cross__talksblock__horiguchi {
    border-left: 4px solid #ff5d7f;
}

.cross__talks__duble {
    overflow: hidden;
}

.cross__talks__left {
    float: left;
}

.cross__talks__right {
    float: right;
}

.cross__talks__img {
    width: 330px;
}

#internship .amikake {
    -moz-opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    color: #fff;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.sp-on {
    display: none !important;
}

.sp2-on {
    display: none;
}

#internship .sidebar {
    width: 260px;
    padding-left: 18px;
    float: left;
    border-left: 1px solid #fff;
}

#internship .sidebar ul {
    margin-bottom: 25px;
    border-bottom: 1px solid #ffffff;
}

#internship .sidebar ul .not-link:hover {
    text-decoration: none;
}

#internship .sidebar ul li {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cccccc;
    font-size: 15px;
    line-height: 1.5;
}

#internship .sidebar ul li a {
    display: block;
    padding: 15px 0;
    background: url(../img/common/ico_arrow_right.png) right 50% no-repeat;
    color: #000;
}

#internship .sidebar ul li span {
    display: block;
    padding: 15px 0;
    color: #000;
}

#internship #container .wrapper.internship-toppage {
    background: url(../img/internship/intern_bg.png) left top repeat;
}

#internship .sidebar-ttl {
    margin-bottom: 15px;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
}

#internship .wrap {
    width: 960px;
    margin: 0 auto;
}

#internship .leftcol {
    width: 660px;
    margin: 0 20px 0 0;
    margin-right: 0;
    padding-right: 20px;
    float: left;
    border-right: 1px solid #cdcdcd;
}

#internship .internship-top-bgw {
    background: #fff !important;
}

#internship .office-map-link {
    font-size: 12px;
}

#internship .internshiptop {
    margin-bottom: 20px;
    padding: 0px 30px 30px;
    background: #f7f7f7;
}

#internship .internshiptop h1 {
    padding: 50px 0px 30px;
}

#internship .internshiptop .internshiptop-mainimg {
    width: 100%;
}

#internship .internshiptop .internshiptop-mainvisual {
    width: 100%;
    margin-bottom: 10px;
}

#internship .internshiptop .intern-mainmessage {
    *zoom: 1;
    overflow: hidden;
}

#internship .internshiptop .intern-mainmessage .intern-mainmessage-detail {
    width: 510px;
    padding: 5px 0px 4px;
    font-size: 23px;
    line-height: 30px;
}

#internship .internshiptop .intern-mainmessage .intern-mainmessage-btns {
    *zoom: 1;
    padding: 10px 0px 32px;
    overflow: hidden;
}

#internship
    .internshiptop
    .intern-mainmessage
    .intern-mainmessage-btns
    .intern-mainmessage-btns-preentry {
    width: 47%;
    float: left;
}

#internship
    .internshiptop
    .intern-mainmessage
    .intern-mainmessage-btns
    .intern-mainmessage-btns-entry {
    width: 47%;
    float: right;
}

#internship .internshiptop .intern-mainmessage .intern-main-whatsnew {
    *zoom: 1;
    padding: 14px 0px;
    overflow: hidden;
    border-top: 2px solid #d7d7d7;
    border-bottom: 2px solid #d7d7d7;
}

#internship
    .internshiptop
    .intern-mainmessage
    .intern-main-whatsnew
    .intern-main-whatsnew-title {
    width: 77px;
    margin: 34px 0px;
    padding-left: 13px;
    float: left;
    font-size: 13px;
}

#internship .internshiptop .intern-mainmessage .intern-main-whatsnew ul {
    width: 390px;
    height: 79px;
    padding-left: 20px;
    float: right;
    overflow: scroll;
    border-left: 1px solid #d7d7d7;
}

#internship .internshiptop .intern-mainmessage .intern-main-whatsnew ul li {
    padding-bottom: 3px;
    line-height: 1.2;
}

#internship
    .internshiptop
    .intern-mainmessage
    .intern-main-whatsnew
    ul
    li
    span {
    color: #2488c8;
}

#internship .internshiptop .intern-mainmessage .intern-mainmessage-entrybtn {
    margin-bottom: 33px;
}

#internship .internshiptop .intern-mainmessage-left {
    width: 510px;
    float: left;
}

#internship .internshiptop .intern-mainmessage-right {
    width: 352px;
    float: right;
}

#internship
    .internshiptop
    .intern-mainmessage-right
    .intern-mainmessage-right-imgarea {
    padding-top: 10px;
}

#internship
    .internshiptop
    .intern-mainmessage-right
    .intern-mainmessage-right-moviearea {
    padding-top: 30px;
}

#internship .internshiptop .internship-detail-area {
    *zoom: 1;
    padding-top: 40px;
    overflow: hidden;
}

#internship .internshiptop .internship-detail-area h2 {
    padding: 2px 0px 5px 40px;
    background: url("../img/internship/intern_icon_detail.png") no-repeat 0 0;
    font-size: 30px;
    font-weight: bold;
}

#internship
    .internshiptop
    .internship-detail-area
    .intern-block-inner-explain-message {
    padding: 6px 0px 12px;
    font-size: 18px;
}

#internship .internshiptop .internship-detail-area .internship-detail-area-txt {
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 1.8em !important;
}

#internship .internshiptop .internship-detail-area .internship-detail-area-it {
    font-size: 18px;
}

#internship
    .internshiptop
    .internship-detail-area
    .internship-detail-area-it
    p {
    width: 382px;
    margin: 15px auto 15px;
    line-height: 24px;
}

#internship
    .internshiptop
    .internship-detail-area
    .internship-detail-area-it-mainimg {
    display: block;
    margin: 10px 20px 0 30px;
    float: left;
}

#internship
    .internshiptop
    .internship-detail-area
    .internship-detail-area-it-detail {
    *zoom: 1;
    overflow: hidden;
}

#internship
    .internshiptop
    .internship-detail-area
    .internship-detail-area-it-table {
    float: left;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#internship
    .internshiptop
    .internship-detail-area
    .internship-detail-area-it-table
    .area-it-column {
    padding: 7px 10px;
}

#internship
    .internshiptop
    .internship-detail-area
    .internship-detail-area-it-table
    .area-it-column.title {
    padding: 7px 0px 6px 21px;
    background: url("../img/internship/intern_about_bluethum.png") no-repeat 0
        8px;
    text-align: left;
}

#internship
    .internshiptop
    .internship-detail-area
    .internship-detail-area-it-table
    .area-it-column.bordered {
    border-top: 1px solid #2b8ac9;
}

#internship
    .internshiptop
    .internship-detail-area
    .internship-detail-area-it-table
    .area-it-column.close {
    color: #6b6b6b;
}

#internship
    .internshiptop
    .internship-detail-area
    .internship-detail-area-it-table
    .area-it-column.now {
    padding: 7px 0px;
}

#internship
    .internshiptop
    .internship-detail-area
    .internship-subblock-btn-outer {
    margin: 20px 0px;
    text-align: center;
}

#internship
    .internshiptop
    .internship-detail-area
    .internship-detail-area-consaru {
    margin-right: 0;
    font-size: 18px;
}

#internship
    .internshiptop
    .internship-detail-area
    .internship-detail-area-consaru
    p {
    width: 382px;
    margin: 15px auto 15px;
    line-height: 24px;
}

#internship
    .internshiptop
    .internship-detail-area
    .internship-detail-area-consaru
    .internship-detail-area-consaru-mainimg {
    display: block;
    margin: 10px auto;
}

#internship
    .internshiptop
    .internship-detail-area
    .internship-detail-area-consaru
    .internship-subblock-btn-outer {
    margin: 20px 0px;
    text-align: center;
}

#internship .internshiptop .internship-subblock {
    width: 434px;
    margin: 10px 28px 10px 0px;
    float: left;
    border: 1px solid #cecece;
}

#internship .internshiptop .internship-subblock h3 {
    height: 48px;
    padding-top: 27px;
    padding-left: 40px;
    background: url("../img/internship/intern_subtitle_bg.png") no-repeat 0 0;
    font-size: 22px;
    font-weight: bold;
}

#internship .internshiptop .internship-voice-area {
    *zoom: 1;
    padding-top: 40px;
    overflow: hidden;
}

#internship .internshiptop .internship-voice-area h2 {
    padding: 2px 0px 5px 40px;
    background: url("../img/internship/intern_icon_voice.png") no-repeat 0 0;
    font-size: 30px;
    font-weight: bold;
}

#internship .internshiptop .internship-voice-area .for-subttl-bg-area {
    width: 100% !important;
    margin: 0px !important;
    float: none !important;
}

#internship
    .internshiptop
    .internship-voice-area
    .internship-subblock-btn-outer {
    text-align: center;
}

#internship .internshiptop .internship-voice-area .internship-detail-voice-it {
    overflow: hidden;
}

#internship
    .internshiptop
    .internship-voice-area
    .internship-detail-voice-it
    div {
    width: 400px;
    margin: 22px 0px 0px 26px;
    float: left;
}

#internship
    .internshiptop
    .internship-voice-area
    .internship-detail-voice-it
    ul {
    width: 387px;
    margin: 25px auto 5px;
    font-size: 16px;
    line-height: 18px;
}

#internship
    .internshiptop
    .internship-voice-area
    .internship-detail-voice-it
    ul
    li {
    padding: 15px 0px 0px;
}

#internship
    .internshiptop
    .internship-voice-area
    .internship-detail-voice-it
    ul
    .internship-detail-voice-it-top {
    margin: 10px 0px;
    padding: 10px 0px 20px;
    border-bottom: dotted 1px #d7d7d7;
}

#internship
    .internshiptop
    .internship-voice-area
    .internship-detail-voice-it
    .internship-detail-voice-it-text {
    width: 215px;
    float: left;
}

#internship
    .internshiptop
    .internship-voice-area
    .internship-detail-voice-it
    .internship-detail-voice-it-ttl {
    margin: 0px auto;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}

#internship
    .internshiptop
    .internship-voice-area
    .internship-detail-voice-it
    .internship-detail-voice-it-message {
    margin: 15px auto 0px;
    line-height: 16px;
}

#internship
    .internshiptop
    .internship-voice-area
    .internship-detail-voice-it
    .internship-detail-voice-it-mainimg {
    margin: 25px 26px 53px 0px;
    float: right;
}

#internship
    .internshiptop
    .internship-voice-area
    .internship-detail-voice-it
    .internship-subblock-btn {
    margin: 10px 0px 20px 40px;
}

#internship
    .internshiptop
    .internship-voice-area
    .internship-detail-voice-it
    .internship-subblock-btn-outer2 {
    display: inline;
}

#internship
    .internshiptop
    .internship-voice-area
    .internship-detail-voice-consaru {
    margin-right: 0;
    font-size: 16px;
    line-height: 18px;
}

#internship
    .internshiptop
    .internship-voice-area
    .internship-detail-voice-consaru
    ul {
    width: 382px;
    margin: 40px auto 47px;
}

#internship
    .internshiptop
    .internship-voice-area
    .internship-detail-voice-consaru
    ul
    .internship-detail-voice-consaru-middle {
    margin: 10px 0px;
    padding: 10px 0px;
    border-top: dotted 1px #d7d7d7;
    border-bottom: dotted 1px #d7d7d7;
}

#internship
    .internshiptop
    .internship-voice-area
    .internship-detail-voice-consaru
    .internship-subblock-btn {
    margin: 10px 0 20px 0;
}

#internship .internshiptop .internship-youkou-area {
    padding-top: 40px;
}

#internship .internshiptop .internship-youkou-area h2 {
    padding: 2px 0px 10px 40px;
    background: url("../img/internship/intern_icon_youkou.png") no-repeat 0 0;
    font-size: 30px;
    font-weight: bold;
}

#internship .internshiptop .internship-youkou-area .youkou-area-table-pc {
    margin: 13px auto;
    line-height: 18px;
}

#internship .internshiptop .internship-youkou-area .youkou-area-table-pc tr {
    font-size: 15px;
}

#internship .internshiptop .internship-youkou-area .youkou-area-table-pc th {
    width: 16%;
    padding: 25px 0px 25px 0px;
    border: solid 1px #fff;
    font-weight: bold;
    text-align: center;
}

#internship .internshiptop .internship-youkou-area .youkou-area-table-pc th a {
    text-decoration: underline;
}

#internship
    .internshiptop
    .internship-youkou-area
    .youkou-area-table-pc
    th
    a:hover {
    text-decoration: none;
}

#internship .internshiptop .internship-youkou-area .youkou-area-table-pc td {
    position: relative;
    width: 38%;
    padding: 25px 1%;
    border: solid 1px #fff;
}

#internship
    .internshiptop
    .internship-youkou-area
    .youkou-area-table-pc
    td
    .font-col-red {
    color: red;
}

#internship
    .internshiptop
    .internship-youkou-area
    .youkou-area-table-pc
    td
    dl
    dt {
    width: 80px;
    float: left;
    clear: both;
}

#internship
    .internshiptop
    .internship-youkou-area
    .youkou-area-table-pc
    td
    dl
    dd {
    float: left;
}

#internship
    .internshiptop
    .internship-youkou-area
    .youkou-area-table-pc
    .youkou-area-table-green {
    background-color: #f5f9f2;
}

#internship
    .internshiptop
    .internship-youkou-area
    .youkou-area-table-pc
    .youkou-area-table-blue {
    background-color: #e0eef7;
}

#internship
    .internshiptop
    .internship-youkou-area
    .youkou-area-table-pc
    .youkou-area-table-lightgrey {
    background-color: #f0f0f0;
}

#internship
    .internshiptop
    .internship-youkou-area
    .youkou-area-table-pc
    .youkou-area-table-grey {
    background-color: #aeaeae;
}

#internship
    .internshiptop
    .internship-youkou-area
    .youkou-area-table-pc
    .youkou-area-table-center {
    font-weight: bold;
    text-align: center;
}

#internship .internshiptop .internship-youkou-area .youkou-area-table-sp {
    display: none;
    margin: 13px auto;
    line-height: 18px;
}

#internship .internshiptop .internship-youkou-area .youkou-area-table-sp tr {
    border-bottom: dotted 1px #d7d7d7;
    font-size: 15px;
}

#internship .internshiptop .internship-youkou-area .youkou-area-table-sp th {
    width: 125px;
    padding: 25px 0px 25px 20px;
    font-weight: bold;
}

#internship .internshiptop .internship-youkou-area .youkou-area-table-sp td {
    width: 625px;
    padding: 25px 0px;
}

#internship
    .internshiptop
    .internship-youkou-area
    .youkou-area-table-sp
    td
    .font-col-red {
    color: red;
}

#internship .internshiptop .internship-youkou-area .internship_entry_bigbanner {
    text-align: center;
}

#internship .internshiptop .internship-faq-area {
    padding-top: 40px;
}

#internship .internshiptop .internship-faq-area h2 {
    padding: 2px 0px 5px 40px;
    background: url("../img/internship/intern_icon_faq.png") no-repeat 0 0;
    font-size: 30px;
    font-weight: bold;
}

#internship .internshiptop .internship-faq-area .sp-btn-intern-faq {
    display: none;
}

#internship .internshiptop .internship-faq-area .faq-acordinon img {
    width: 100%;
}

#internship .internshiptop .internship-faq-area .pc-btn-intern-faq {
    margin-top: 20px;
}

#internship .internshiptop .internship-faq-area .pc-btn-intern-faq li {
    position: relative;
    width: 100%;
    margin-top: -3px;
}

#internship .internshiptop .internship-faq-area .pc-btn-intern-faq li p {
    position: absolute;
    top: 30px;
    left: 40px;
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

#internship
    .internshiptop
    .internship-faq-area
    .pc-btn-intern-faq
    li
    .pc-btn-intern-faq-main {
    *zoom: 1;
    display: none;
    width: 620px;
    padding: 10px;
    overflow: hidden;
    background-color: #f3f3f3;
    font-size: 16px;
    line-height: 24px;
}

#internship
    .internshiptop
    .internship-faq-area
    .pc-btn-intern-faq
    li
    .pc-btn-intern-faq-main
    dt {
    width: 5%;
    padding-bottom: 35px;
    float: left;
}

#internship
    .internshiptop
    .internship-faq-area
    .pc-btn-intern-faq
    li
    .pc-btn-intern-faq-main
    dd {
    width: 94%;
    padding-bottom: 35px;
    float: left;
}

#internship
    .internshiptop
    .internship-faq-area
    .pc-btn-intern-faq
    li
    .pc-btn-intern-faq-main
    .pc-btn-intern-faq-question-line {
    padding-bottom: 10px;
}

#internship
    .internshiptop
    .internship-faq-area
    .pc-btn-intern-faq
    li
    .pc-btn-intern-faq-main
    .pc-btn-intern-faq-question-color {
    color: #ff8c00;
    font-weight: bold;
}

#internship
    .internshiptop
    .internship-faq-area
    .pc-btn-intern-faq
    li
    .pc-btn-intern-faq-main
    .pc-btn-intern-faq-answer-color {
    color: #00f;
    font-weight: bold;
}

#internship .internshiptop .internship-question-area {
    padding-top: 40px;
}

#internship .internshiptop .internship-question-area h2 {
    margin-bottom: 20px;
    padding: 2px 0px 5px 40px;
    border-bottom: solid 2px #d7d7d7;
    background: url("../img/internship/intern_icon_question.png") no-repeat 0 0;
    font-size: 30px;
    font-weight: bold;
}

#internship
    .internshiptop
    .internship-question-area
    .internship-question-area-mainmessage {
    width: 900px;
    margin: 20px auto 14px;
    font-size: 18px;
}

#internship
    .internshiptop
    .internship-question-area
    .internship-question-area-submessage {
    width: 900px;
    margin: 3px auto;
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
}

#internship .internship-solution {
    margin-bottom: 20px;
    padding: 25px 10px 17px;
    overflow: hidden;
    background: #f7f7f7;
}

#internship .internship-solution--trans {
    background: transparent !important;
}

#internship .internship-solution .internship_entry_bigbanner {
    text-align: center;
}

#internship .internship-solution.internship-solution-winter {
    margin-bottom: 0;
    padding: 0 0 40px;
    background: #fff;
}

#internship .internship-solution.internship-solution-winter-flow {
    margin-bottom: 0;
    padding: 20px 20px 20px;
    background: #f7f7f7;
}

#internship .internship-solution .internship-solution-winter-bigttl {
    margin-bottom: 10px;
    padding: 27px 0px 10px 10px;
    color: #066666;
    font-size: 23px;
    font-weight: bold;
}

#internship .internship-solution .internship-strategy_voice-enquetearea {
    border: 2px solid #d7d7d7;
}

#internship .internship-solution .internship-strategy_voice-enquetearea ul {
    width: 95%;
    margin: 0px auto;
    padding-top: 25px;
    overflow: hidden;
    border-top: dotted 1px #d7d7d7;
}

#internship
    .internship-solution
    .internship-strategy_voice-enquetearea
    ul
    .bottom-two {
    /*height: 325px;*/
    height: auto;
}

#internship .internship-solution .internship-strategy_voice-enquetearea ul li {
    width: 44%;
    /*height: 360px;*/
    height: auto;
    margin: 1%;
    padding: 2%;
    float: left;
    background-color: #e1e3e5;
}

#internship
    .internship-solution
    .internship-strategy_voice-enquetearea
    ul
    li
    .strategy-voice-message-area-mainmsg {
    padding-top: 10px;
    padding-bottom: 30px;
    font-size: 12px;
    line-height: 19px;
}

#internship
    .internship-solution
    .internship-strategy_voice-enquetearea
    ul
    li
    .strategy-voice-message-area-human {
    overflow: hidden;
    text-align: center;
}

#internship
    .internship-solution
    .internship-strategy_voice-enquetearea
    ul
    li
    .strategy-voice-message-area-human
    img {
    width: 48%;
    margin: 0px auto;
    float: left;
}

#internship
    .internship-solution
    .internship-strategy_voice-enquetearea
    ul
    li
    .strategy-voice-message-area-human
    div {
    width: 48%;
    padding: 0px 0px 0px 4%;
    float: left;
    text-align: left;
}

#internship
    .internship-solution
    .internship-strategy_voice-enquetearea
    ul
    li
    .strategy-voice-message-area-human
    .strategy-voice-message-area-human-name {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 17px;
    font-weight: bold;
}

#internship
    .internship-solution
    .internship-strategy_voice-enquetearea
    ul
    li
    .strategy-voice-message-area-human
    .strategy-voice-message-area-human-major {
    font-size: 12px;
}

#internship
    .internship-solution
    .internship-strategy_voice-enquetearea
    ul
    li
    .strategy-voice-message-area-human
    .strategy-voice-message-area-human-year {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
    line-height: 16px;
}

#internship .internship-solution .internship-strategy_voice-enquetearea-ttl {
    padding: 30px 0px;
    color: #333;
    font-size: 28px;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
}

#internship .internship-solution .strategy-voice-mainarea {
    margin-bottom: 15px;
}

#internship
    .internship-solution
    .strategy-voice-mainarea
    .strategy-voice-mainarea-program {
    margin-bottom: 15px;
    padding: 20px;
    border: 3px solid #d7d7d7;
    background-color: #f1f4f5;
}

#internship
    .internship-solution
    .strategy-voice-mainarea
    .strategy-voice-mainarea-program
    .strategy-voice-mainarea-sub-ttl {
    width: 95%;
    margin: 0px auto;
    padding: 6px;
    background-color: #e0e1e1;
    color: #0075bf;
    font-size: 16px;
    text-align: center;
}

#internship
    .internship-solution
    .strategy-voice-mainarea
    .strategy-voice-mainarea-program
    .strategy-voice-mainarea-message {
    padding: 15px 0px;
    border-bottom: 1px solid #d7d7d7;
}

#internship
    .internship-solution
    .strategy-voice-mainarea
    .strategy-voice-mainarea-program
    .strategy-voice-mainarea-message-under {
    padding: 15px 0px;
}

#internship
    .internship-solution
    .strategy-voice-mainarea
    .strategy-voice-mainarea-staff {
    padding: 20px;
    border: 3px solid #d7d7d7;
    background-color: #f1f4f5;
}

#internship
    .internship-solution
    .strategy-voice-mainarea
    .strategy-voice-mainarea-staff
    .strategy-voice-mainarea-sub-ttl {
    width: 95%;
    margin: 0px auto;
    padding: 6px;
    background-color: #e0e1e1;
    color: #0075bf;
    font-size: 16px;
    text-align: center;
}

#internship
    .internship-solution
    .strategy-voice-mainarea
    .strategy-voice-mainarea-staff
    .strategy-voice-mainarea-message {
    padding: 15px 0px;
    border-bottom: 1px solid #d7d7d7;
}

#internship
    .internship-solution
    .strategy-voice-mainarea
    .strategy-voice-mainarea-staff
    .strategy-voice-mainarea-message-under {
    padding: 15px 0px;
}

#internship .internship-solution .strategy-voice-mainarea-others {
    padding: 20px;
    border: 3px solid #d7d7d7;
    background-color: #f1f4f5;
}

#internship
    .internship-solution
    .strategy-voice-mainarea-others
    .strategy-voice-mainarea-sub-ttl {
    width: 95%;
    margin: 0px auto;
    padding: 6px;
    background-color: #e0e1e1;
    color: #0075bf;
    font-size: 16px;
    text-align: center;
}

#internship
    .internship-solution
    .strategy-voice-mainarea-others
    .strategy-voice-mainarea-message {
    padding: 15px 0px;
    border-bottom: 1px solid #d7d7d7;
}

#internship
    .internship-solution
    .strategy-voice-mainarea-others
    .strategy-voice-mainarea-message-under {
    padding: 15px 0px;
}

#internship .internship-solution .solution-arrow {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cbcbcb;
    color: #777;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

#internship .internship-solution .winter-flow {
    margin-bottom: 20px;
    padding: 20px 0;
    border-top: 3px solid #c9c9c9;
    border-bottom: 3px solid #c9c9c9;
}

#internship .internship-solution .winter-entry-button {
    margin-bottom: 20px;
    text-align: center;
}

#internship .internship-solution .spring-flow {
    margin-bottom: 20px;
    padding: 20px 0;
    border-top: 3px solid #c9c9c9;
    border-bottom: 3px solid #c9c9c9;
}

#internship .internship-solution .internship-solution-flow h2 {
    font-size: 20px;
    font-weight: bold;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main {
    width: 95%;
    margin: 10px auto;
}

.internship-solution-flow-main--bgg {
    background-color: #f7f7f7;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    .flow-dl {
    *zoom: 1;
    overflow: hidden;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    .flow-dl
    dt {
    width: 227px;
    padding-left: 10px;
    float: left;
    color: #777;
    font-size: 22px;
    font-weight: bold;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    .flow-dl
    dt
    span {
    font-size: 14px;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    .flow-dl
    dd {
    float: left;
    font-size: 12px;
    line-height: 1.8;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    .flow-dd-image {
    margin-right: 30px;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    .internship-solution-flow-area-lastyear {
    width: 90%;
    margin: 10px auto;
    border: 2px solid #bccedc;
    background-color: #dae5ee;
    text-align: center;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    .internship-solution-flow-area-lastyear
    h4 {
    height: 30px;
    padding: 15px 0px 13px;
    background-color: #254e72;
    color: #fff;
    font-size: 28px;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    .internship-solution-flow-area-lastyear
    ul {
    padding: 15px 0px;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    .internship-solution-flow-area-lastyear
    ul
    li {
    padding: 10px 0px;
    color: #254e72;
    font-size: 22px;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    .internship-solution-flow-arrow {
    display: block;
    text-align: center;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    .internship-solution-flow-arrow
    img {
    display: block;
    width: 20%;
    margin: 0px auto;
    float: none;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li {
    clear: both;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area-noimage {
    width: 100%;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area-noimage
    .internship-solution-flow-area-num {
    width: 11%;
    height: 40px;
    padding-top: 20px;
    float: left;
    background-color: #4c7293;
    color: #fff;
    font-size: 28px;
    text-align: center;
    vertical-align: middle;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area-noimage
    .internship-solution-flow-area-ttl {
    width: 89%;
    height: 35px;
    padding-top: 25px;
    float: left;
    background-color: #6791b5;
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area-noimage
    .internship-solution-flow-area-ttl
    p {
    margin-left: 25px;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area-noimage
    .internship-solution-flow-area-meg {
    clear: both;
    background-color: #c9d7e3;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area-noimage
    .internship-solution-flow-area-meg
    li {
    padding: 20px;
    font-size: 16px;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area {
    width: 62%;
    float: left;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area
    .internship-solution-flow-area-num {
    width: 15%;
    height: 40px;
    padding-top: 20px;
    float: left;
    background-color: #4c7293;
    color: #fff;
    font-size: 28px;
    text-align: center;
    vertical-align: middle;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area
    .internship-solution-flow-area-ttl {
    width: 85%;
    height: 35px;
    padding-top: 25px;
    float: left;
    background-color: #6791b5;
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area
    .internship-solution-flow-area-ttl
    p {
    margin-left: 25px;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area
    .internship-solution-flow-area-ttl-twoline {
    height: 48px;
    padding-top: 12px;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area
    .internship-solution-flow-area-meg {
    height: 131px;
    clear: both;
    background-color: #c9d7e3;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area
    .internship-solution-flow-area-meg
    .mgrtop-solution {
    padding-top: 11px;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area
    .internship-solution-flow-area-meg
    li {
    padding: 5px 20px 0px 20px;
    font-size: 16px;
}

#internship .internship-solution .internship-solution-character h2 {
    margin-bottom: 10px;
    padding: 15px 0px 10px 20px;
    background: url("../img/internship/solution/left_line.png") no-repeat 0 0;
    font-size: 24px;
}

#internship .internship-solution .internship-solution-character ul {
    width: 95%;
    margin: 10px auto;
}

#internship .internship-solution .internship-solution-character ul li {
    padding: 25px 0px;
    border-bottom: 1px dotted #d7d7d7;
    font-size: 15px;
    line-height: 30px;
}

#internship .internship-solution .internship-solution-character ul li h3 {
    margin-bottom: 10px;
    padding: 11px 0px 20px 62px;
    font-size: 21px;
    font-weight: bold;
}

#internship
    .internship-solution
    .internship-solution-character
    ul
    li
    .internship-solution-character-num01 {
    background: url("../img/internship/solution/num_01.png") no-repeat 0 0;
}

#internship
    .internship-solution
    .internship-solution-character
    ul
    li
    .internship-solution-character-num02 {
    background: url("../img/internship/solution/num_02.png") no-repeat 0 0;
}

#internship
    .internship-solution
    .internship-solution-character
    ul
    li
    .internship-solution-character-num03 {
    padding-top: 2px;
    background: url("../img/internship/solution/num_03.png") no-repeat 0 0;
}

#internship .internship-solution .internship-solution-mainmsg {
    margin-top: 35px;
    color: #666666;
    font-size: 40px;
    font-weight: bold;
    line-height: 50px;
    line-height: 1.5;
    text-align: center;
}

#internship .internship-solution .internship-solution-mainmsg span {
    border-bottom: 2px solid #cecece;
}

#internship .internship-solution .internship-solution-submsg {
    margin-top: 35px;
    color: #666666;
    font-size: 17px;
    line-height: 30px;
    text-align: center;
}

#internship .internship-solution .internship-solution-submsg span {
    background: #cde3f1;
}

#internship .internship-solution .strategy-youkou-area-table-ttl {
    margin-top: 50px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 4px 0px 10px 41px;
    background: url("../img/internship/intern_icon_youkou.png") no-repeat 0 0;
    color: #666666;
    font-size: 24px;
    font-weight: bold;
}

#internship .internship-solution .strategy-youkou-area-table {
    margin: 13px auto;
    line-height: 18px;
}

#internship .internship-solution .strategy-youkou-area-table tr {
    border-bottom: dotted 1px #d7d7d7;
    font-size: 15px;
}

#internship .internship-solution .strategy-youkou-area-table th {
    width: 23%;
    padding: 25px 5% 25px 2%;
    font-weight: bold;
}

#internship .internship-solution .strategy-youkou-area-table td {
    width: 70%;
    padding: 25px 0px;
}

#internship .internship-solution .strategy-youkou-area-table td .font-col-red {
    color: red;
}

#internship .internship-solution .strategy-youkou-area-table td dl dt {
    width: 80px;
    float: left;
    clear: both;
}

#internship .internship-solution .strategy-youkou-area-table td dl dd {
    float: left;
}

#internship .internship-solution .internship-solution-strategy-bigimgarea {
    margin: 20px auto;
    text-align: center;
}

#internship .internship-solution .internship-solution-strategy-bigimgarea img {
    width: 100%;
}

#internship .internship-solution .winter-youkou-area-table-ttl {
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 4px 0px 10px 41px;
    background: url("../img/internship/intern_icon_youkou.png") no-repeat 0 0;
    color: #666666;
    font-size: 24px;
    font-weight: bold;
}

#internship .internship-solution .winter-youkou-area-table {
    margin: 13px auto;
    line-height: 18px;
}

#internship .internship-solution .winter-youkou-area-table tr {
    border-bottom: dotted 1px #d7d7d7;
    font-size: 15px;
}

#internship .internship-solution .winter-youkou-area-table th {
    width: 23%;
    padding: 25px 5% 25px 2%;
    font-weight: bold;
}

#internship .internship-solution .winter-youkou-area-table td {
    width: 70%;
    padding: 25px 0px;
}

#internship .internship-solution .winter-youkou-area-table td .font-col-red {
    color: red;
}

#internship .internship-solution .winter-youkou-area-table td dl dt {
    width: 80px;
    float: left;
    clear: both;
}

#internship .internship-solution .winter-youkou-area-table td dl dd {
    float: left;
}

#internship .internship-solution .internship-solution-flow h2 {
    margin-bottom: 10px;
    padding: 15px 0px 10px 20px;
    background: url("../img/internship/solution/left_line.png") no-repeat 0 0;
    color: #666666;
    font-size: 24px;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main {
    width: 95%;
    margin: 10px auto;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    .internship-solution-flow-arrow {
    text-align: center;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    .internship-solution-flow-arrow
    img {
    margin: 13px auto;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li {
    clear: both;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area-noimage-short {
    width: 100%;
    overflow: hidden;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area-noimage-short
    .internship-solution-flow-area-num {
    width: 20%;
    /* height: 79px; */
    height: 59px;
    padding-top: 37px;
    float: left;
    background-color: #7da5c8;
    color: #fff;
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
    vertical-align: middle;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area-noimage-short
    .internship-solution-flow-area-ttl {
    width: 80%;
    /* height: 96px; */
    height: 76px;
    padding-top: 20px;
    float: left;
    background-color: #d8e3ed;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    vertical-align: middle;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-main
    li
    .internship-solution-flow-area-noimage-short
    .internship-solution-flow-area-ttl
    p {
    margin-left: 25px;
    /* padding-top: 8px; */
    padding: 5px 24px 5px 0;
    padding-right: 24px;
    font-size: 12px;
}

#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: 17px;
}

#internship
    .internship-solution
    .internship-solution-flow
    .internship-solution-flow-imgarea {
    *zoom: 1;
    margin: 30px auto 10px;
    overflow: hidden;
    text-align: center;
}

#internship .internship-solution .internship-solution-mainttl {
    margin-bottom: 10px;
    padding: 2px 0px 10px 0px;
    color: #066666;
    font-size: 23px;
    font-weight: bold;
}

#internship .internship-solution .internship-solution-subttl {
    margin-bottom: 20px;
}

#internship .internship-solution .internship-it_voice-mainttl {
    margin-bottom: 10px;
    padding: 8px 0px 10px 20px;
    background: url("../img/internship/solution/left_line.png") no-repeat 0 0;
    font-size: 24px;
    font-weight: bold;
}

#internship .internship-solution .internship-it_voice-mainttl span {
    color: #0075bf;
}

#internship .internship-solution h1 img {
    width: 100%;
}

#internship .internship-solution .internship-it_voice-mainmsg {
    margin-top: 35px;
    color: #666666;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
}

#internship .internship-solution .internship-it_voice-humans {
    padding-top: 35px;
    overflow: hidden;
}

#internship .internship-solution .internship-it_voice-humans li {
    width: 45%;
    margin-right: 31px;
    float: left;
}

#internship .internship-solution .internship-it_voice-humans li img {
    width: 100%;
}

#internship
    .internship-solution
    .internship-it_voice-humans
    li
    .internship-it_voice-humans-name {
    padding: 15px 0px 20px;
    font-size: 15px;
    font-weight: bold;
}

#internship
    .internship-solution
    .internship-it_voice-humans
    li
    .internship-it_voice-humans-message {
    line-height: 18px;
}

#internship .internship-solution .internship-it_voice-humans .mgr0 {
    margin-right: 0px;
}

#internship .internship-solution .internship-it_voice-main-area {
    overflow: hidden;
}

#internship .internship-solution .internship-it_voice-main-area h4 {
    padding-bottom: 30px;
    clear: both;
    color: #0075bf;
    font-size: 18px;
}

#internship
    .internship-solution
    .internship-it_voice-main-area
    .internship-it_voice-main-area-message {
    padding: 0px 0px 5px;
}

#internship
    .internship-solution
    .internship-it_voice-main-area
    .internship-it_voice-main-area-message
    p {
    padding-bottom: 20px;
    line-height: 18px;
}

#internship
    .internship-solution
    .internship-it_voice-main-area
    .internship-it_voice-main-area-message
    p
    .font-bold {
    font-weight: bold;
}

#internship
    .internship-solution
    .internship-it_voice-main-area
    .internship-it_voice-main-area-img {
    margin-bottom: 60px;
}

#internship
    .internship-solution
    .internship-it_voice-main-area
    .internship-it_voice-main-area-img
    img {
    display: block;
    width: 50%;
    margin: 0px auto;
}

#internship .internship_entry_big_btn {
    text-align: center;
}

#internship .it_voice_comingsoon {
    width: 270px;
    margin: 30px auto;
}

.table6 th {
    font-size: 14px !important;
    vertical-align: top;
}

.table6 td {
    line-height: 1.5;
    text-align: left !important;
}

.timeLimit {
    font-size: 24px;
}

.header .header__boxs {
    visibility: hidden;
}

.header .header__boxs-recruit {
    visibility: visible;
}

.pc-internship-header .header__boxs {
    visibility: visible;
}

#internship .internship__participant__btn {
    width: 500px;
    margin: 0 auto 60px auto;
    overflow: hidden;
}

#internship .internship__participant__btn li {
    margin-right: 20px;
    float: left;
}

#internship .internship__participant__btn li:last-child {
    margin-right: 0;
}

#internship .internship__kasou__main {
    width: 910px;
    margin: 0 auto;
    margin-top: 40px;
}

#internship .internship__kasou__main img {
    width: 100%;
}

#internship .internship__kasou__block {
    width: 760px;
    margin: 0 auto;
}

#internship .internship__kasou__lead {
    padding: 60px 0 40px 0;
    text-align: center;
}

#internship .internship__kasou__lead img {
    width: 80%;
}

#internship .internship__kasou__text {
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}

#internship .internship__kasou__photo {
    margin-top: 40px;
}

#internship .internship__kasou__nav {
    margin-top: 80px;
}

#internship .internship__kasou__navList {
    width: 370px;
    margin: 0 auto;
    margin-bottom: 50px;
    overflow: hidden;
}

#internship .internship__kasou__navList li {
    width: 370px;
    margin-bottom: 0;
    float: left;
}

#internship .internship__kasou__navList li img {
    display: block;
}

#internship .internship__kasou__navList li:first-child {
    margin-right: 20px;
}

#internship .internship__kasou__gotop {
    width: auto;
    margin: 0;
    text-align: center;
}

/*0211*/
#business.career-recruit .business {
    width: 1000px;
    float: none;
    border-right: none;
}

#business.career-recruit .isolation-ttl {
    color: #0072cf;
    font-size: 18px;
    padding: 0 0 40px 0;
}

#business.career-recruit .available-inner {
    width: 890px;
    /* padding-left: 140px; */
}

#business.career-recruit .available-box {
    margin-bottom: 40px;
}
#business.career-recruit .available-box:last-child {
    margin-bottom: 0;
}
#business.career-recruit .available-box.active {
    margin-bottom: 0;
}

#business.career-recruit .available-box__ttl {
    position: relative;
    height: 40px;
    /* margin-bottom: 10px; */
    /* padding-bottom: 0; */
    padding: 23px 0 22px 40px;
    background-color: #1875b7;
    color: #fff;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 5px;
}

#business.career-recruit .available-box__ttl:hover {
    cursor: pointer;
}

#business.career-recruit .available-box__ttl:after {
    display: block;
    position: absolute;
    top: 30px;
    right: 40px;
    width: 25px;
    height: 25px;
    background: url(../img/career/btn_plus.png) no-repeat;
    background-size: 100%;
    content: "";
}

#business.career-recruit .available-box__ttl.active:after {
    display: block;
    position: absolute;
    top: 30px;
    right: 40px;
    width: 25px;
    height: 25px;
    background: url(../img/career/btn_minus.png) no-repeat;
    background-size: 100%;
    content: "";
}

#business.career-recruit .simp-define {
    display: table;
    width: 100%;
    padding: 40px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #cccccc;
}

#business.career-recruit .simp-define:first-child {
    padding-top: 60px;
    border-top: 0;
}

#business.career-recruit .simp-define:last-child {
    border-bottom: none;
}

#business.career-recruit .simp-define dt {
    display: table-cell;
    width: 10em;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.7;
    vertical-align: top;
    color: #0072cf;
}

#business.career-recruit .simp-define dd {
    display: table-cell;
    font-size: 14px;
    line-height: 1.7;
    vertical-align: top;
}

#business.career-recruit .also-box {
    padding-top: 15px;
    border-top: 1px solid #fff;
}

#business.career-recruit .also-ttl {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
}

#business.career-recruit .two-col-define {
    display: table;
    width: 100%;
}

#business.career-recruit .two-col-define:last-child dt {
    border-bottom: none;
}

#business.career-recruit .two-col-define dt {
    display: table-cell;
    width: 18em;
    padding: 10px;
    border-bottom: 1px solid #fff;
    background-color: #dfeaf9;
    font-size: 12px;
    line-height: 1.7;
}

#business.career-recruit .two-col-define dd {
    display: table-cell;
    padding: 10px;
    border-bottom: 1px solid #f4f4f4;
    background-color: #fff;
    font-size: 12px;
    line-height: 1.7;
}

/*20190121追加*/
#business.career-recruit .two-col-define dd p {
    padding-left: 1em;
    text-indent: -1em;
}

/*20190121追加*/
#business.career-recruit .two-col-define dd:last-child {
    border-bottom: none;
}

.three-col-define#business.career-recruit {
    width: 100%;
    border-collapse: collapse;
}

#business.career-recruit .three-col-define:first-of-type {
    margin-bottom: 15px;
}

#business.career-recruit .three-col-define th {
    width: 10%;
    padding: 0 5px;
    background-color: #6986ad;
    color: #fff;
    font-size: 12px;
    line-height: 1.7;
    vertical-align: middle;
}

#business.career-recruit .three-col-define tr td {
    padding: 10px;
    padding-left: 2em;
    font-size: 12px;
    line-height: 1.7;
    text-indent: -1em;
}

#business.career-recruit .three-col-define tr td:nth-of-type(1) {
    width: 40%;
    border-bottom: 1px solid #fff;
    background-color: #dfeaf9;
}

#business.career-recruit .three-col-define tr td:nth-of-type(2) {
    width: 40%;
    border-bottom: 1px solid #f4f4f4;
    background-color: #fff;
}

#business.career-recruit .available-inner--all {
    width: 890px;
    margin-bottom: 30px;
    /* padding-left: 20px; */
}

#business.career-recruit .btn-career-entry {
    display: block;
    width: 440px;
    margin: 0 auto;
    text-align: center;
}

#business.career-recruit .btn-career-entry img {
    width: 100%;
}

#business.career-recruit .available-toggle {
    display: none;
}

#business.career-recruit .available-box__ttl {
    margin-bottom: 0;
}

#business.career-recruit .simp-define dt {
    display: block;
}

#business.career-recruit .simp-define dd {
    display: block;
}

#fintech .fintech-inner {
    padding: 60px 50px 120px 50px;
    background-color: #fff;
}

.fintech-key img {
    width: 100%;
    height: auto;
}

.fintech-sec {
    margin-bottom: 60px;
}

#fintech .fintech-sub-ttl {
    margin-bottom: 40px;
    color: #333;
    font-family: "\30E1\30A4\30EA\30AA", Meiryo,
        "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro",
        sans-serif !important;
    font-size: 28px;
    font-weight: bold;
}

.fintech-talk {
    margin-bottom: 30px;
    clear: both;
    overflow: hidden;
}

.fintech-talk-text {
    width: 800px;
    float: right;
    font-family: "\30E1\30A4\30EA\30AA", Meiryo,
        "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro",
        sans-serif !important;
    font-size: 14px;
    line-height: 1.7;
    text-align: justify;
}

/*20180216*/
.fintech-talk-lable {
    width: auto;
    margin-top: 3px;
    padding: 3px;
    float: left;
    text-align: center;
}

/*20180216*/
.lable-isa {
    border: 1px solid #0cbab8;
    color: #0cbab8;
}

.lable-Hanari {
    border: 1px solid #0f70b4;
    color: #0f70b4;
}

.fintech-graph {
    width: 800px;
    margin-bottom: 50px;
    margin-left: 100px;
    text-align: right;
}

.fintech-graph img {
    width: 100%;
}

.fintech-graph-note {
    margin-bottom: 5px;
    text-align: left;
}

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

.imgTable__image {
    display: table-cell !important;
    width: 50%;
    padding-left: 20px;
    vertical-align: middle;
}

.imgTable__image img {
    width: 100%;
}

.imgTable__image--3 {
    display: table-cell !important;
    width: 50%;
    padding-top: 3px;
    border-left: none !important;
    vertical-align: middle;
}

.imgTable__image--2 {
    display: table-cell !important;
    width: 50%;
    padding-left: 10px;
    border-right: none !important;
    vertical-align: middle;
}

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

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

/*-------------------------------
table
--------------------------------*/
.p-width100 {
    width: 100% !important;
}

.p-font14 {
    font-size: 14px !important;
}

.p-mgb20 {
    margin-bottom: 20px;
}

.pb50 {
    padding-bottom: 50px;
}

/*-------------------------------------------------------------------
worklife
-------------------------------------------------------------------*/
.pankuzu.pankuzu-worklife {
    margin-bottom: 0;
}

.lowerpage
    .c-keyvisual
    .c-keyvisual__text
    .c-textArea
    .c-staffList__name.work-life-name {
    margin-bottom: 19px;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0.1em;
    line-height: 35px;
}

.lowerpage
    .c-keyvisual
    .c-keyvisual__text
    .c-textArea
    .c-textArea__title.work-life-title {
    top: 90px;
    /* left: 12%; */
    left: 9%;
    margin-bottom: 40px;
    /* transform: translateY(-50%); */
    color: #fff;
    font-size: 42px;
    letter-spacing: 0.1em;
    line-height: 1.5;
}

.sec {
    margin-bottom: 60px;
}

.sec-2 {
    margin-bottom: 50px;
}

.sec-3 {
    margin: 40px auto 30px;
}

.inner {
    width: 1000px;
    margin: 0 auto;
}

.work-life-text {
    margin-top: 40px;
    font-weight: bold;
    line-height: 28px;
}

.work-life-subject .work-life-box {
    /*線*/
    box-sizing: border-box;
    /*角の丸み*/
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 238px;
    height: 86px;
    margin-right: 16px;
    /*文字色*/
    border: solid 2px #0072cf;
    border-radius: 5px;
    background: #fff;
    color: #0072cf;
    font-weight: bold;
    cursor: pointer;
    transition: 0.5s;
}

.work-life-subject .work-life-box:last-child {
    margin-right: 0;
}

.work-life-subject .work-life-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #0072cf;
    transition: 0.5s;
}

.work-life-subject .work-life-box:hover {
    background: #0072cf;
    color: #fff;
    transition: 0.5s;
}

.work-life-box:hover a {
    color: #fff;
    transition: 0.5s;
}

.work-life-box-text {
    margin-top: -17px;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
}

/* .work-life-subject .work-life-box:last-child {
  margin-right: 0;
} */
.triangle {
    position: absolute;
    bottom: 13px;
    left: 50%;
    width: 0;
    height: 0;
    transform: translateX(-50%);
    border-width: 7px 8px 0 8px;
    border-style: solid;
    border-color: #0072cf transparent transparent transparent;
    transition: 0.5s;
}

.work-life-subject .work-life-box:hover .triangle {
    border-color: #fff transparent transparent transparent;
    transition: 0.5s;
}

.work-life-subject {
    display: flex;
}

.work-life-subject a {
    text-decoration: none;
}

.conent-title {
    position: relative;
    margin-bottom: 40px;
    padding-left: 20px;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.6;
}

.conent-title:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 100%;
    background: #0072cf;
    content: "";
}

.content-text {
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 1.7;
}

.content-img {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    width: 826px;
    margin: 0 auto;
}

.graph-img {
    width: calc((826px - 64px) / 3);
    margin-right: 32px;
}

.graph-img img {
    width: 100%;
}

.graph-img:last-child {
    margin-right: 0;
}

.content-mark {
    box-sizing: border-box;
    display: flex;
    width: 826px;
    margin: 0 auto;
    margin-top: 40px;
    padding: 25px;
    border: solid 6px #efefef;
}

.mark-img {
    max-width: 135px;
    margin-right: 25px;
}

.mark-title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
}

.mark-text {
    width: 78%;
    font-size: 14px;
    line-height: 1.7;
}

.content-subtitle {
    height: 40px;
    margin: 40px 0 30px 0;
    padding-left: 13px;
    background-color: #0072cf;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 2.5;
}

.graph01-img {
    margin: 0 auto;
    padding-bottom: 50px;
}

.graph02-img {
    width: 826px;
    margin: 0 auto;
    padding-bottom: 30px;
}

.content-list {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 30px 55px;
    border-top: solid 2px #efefef;
}

.content-list-title {
    width: 255px;
    font-size: 14px;
    font-weight: bold;
    line-height: 3.2;
}

.content-list-text {
    width: 635px;
    font-size: 14px;
    line-height: 1.7;
}

.content-list:last-child {
    box-sizing: border-box;
    border-bottom: solid 2px #efefef;
}

.content-secondtitle {
    position: relative;
    margin: 40px 0 30px 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 2.5;
}

.content-secondtitle span {
    color: #0072cf;
}

.content-img.conimg-2 {
    padding-top: 0;
}

.graph-img.graimg-2 {
    width: calc((826px - 32px) / 2);
}

.content-subtitle.sub-2 {
    margin: 0 0 30px 0;
}

.content-mark.mark-2 {
    margin-bottom: 30px;
}

.content-text.text-2 {
    margin-bottom: 40px;
}

/*-------------------------------------------------------------------
worklife
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
compornent
-------------------------------------------------------------------*/
.tabBox-color {
    background-color: #efefef;
}

.tabContent--1,
.tabContent--2 {
    display: none;
}

.tabContent--1.active,
.tabContent--2.active {
    display: block;
}

.tabBox {
    width: 1000px;
    margin: 0 auto;
    padding: 40px 0;
}

.tabBox .tabBox__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabBox .tabBox__list {
    box-sizing: border-box;
    width: 360px;
    /* margin-right: 10px; */
    margin-right: 30px;
    padding: 16px 0;
    border: 1px solid #0072cf;
    border-radius: 6px;
    background-color: #fff;
    color: #0072cf;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}

.tabBox .tabBox__inner .tabBox__list.active {
    position: relative;
    background: #0072cf;
    color: #fff;
    pointer-events: none;
}

.tabBox .tabBox__inner .tabBox__list:nth-child(2) {
    margin-right: 0;
}

.tabBox .tabBox__inner .tabBox__list.active:after {
    position: absolute;
    top: 48px;
    left: 50%;
    width: 0;
    height: 0;
    transform: translate(-50%);
    border: 10px solid transparent;
    border-top-color: #0072cf;
    content: "";
}
/*-------------------------------------------------------------------
/compornent
-------------------------------------------------------------------*/
@media all and (-ms-high-contrast: none) {
    *::-ms-backdrop,
    .radio + label::before {
        display: block;
        position: absolute;
        top: 3px;
        left: 0;
        width: 10px;
        height: 10px;
        border: 1px solid #0072cf;
        border-radius: 50%;
        content: "";
    }

    /* IE11 */
    *::-ms-backdrop,
    .radio:checked + label::after {
        display: block;
        position: absolute;
        top: 6px;
        left: 3px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #0072cf;
        content: "";
    }

    /* IE11 */
}
@media screen and (min-width: 1240px) {
    .lowerpage .c-keyvisual .c-keyvisual__text .c-textArea .c-textArea__title {
        font-size: 26px;
    }
    .lowerpage
        .c-keyvisual
        .c-keyvisual__text
        .c-textArea
        .c-staffList__plofile {
        font-size: 14px;
    }
}
@media screen and (max-width: 1000px) {
    .p-isindent {
        width: 85%;
    }
}
@media screen and (max-width: 999px) {
    .tabBox-color {
        padding-bottom: 25px;
    }

    .tabBox {
        width: 100%;
        padding: 20px 0 0;
    }

    .tabBox .tabBox__inner {
        margin: 0 20px;
    }

    .tabBox .tabBox__inner .tabBox__list {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48%;
        /* height: 60px; */
        height: 90px;
        margin-right: 4%;
        line-height: 1.5;
    }

    .tabBox .tabBox__inner .tabBox__list.active:after {
        /* top: 59px; */
        top: 89px;
    }
    .mark-img {
        max-width: 102px;
    }
}

.wrapper .bannerArea {
    text-align: center;
    margin: 20px 0 40px;

    .pc-on {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .sp-on {
        display: none;
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 999px) {
    .wrapper .bannerArea {
        margin: 20px 20px;

        .pc-on {
            display: none;
        }

        .sp-on {
            display: block;
        }
    }
}