/* CSS Document */


/*------------------------------------------------------
 共通
------------------------------------------------------*/
div.generalWrapper {
    margin: 20px 20px !important;
}

div.menu {
	height: 75px !important;
    background-size: 30px !important;
	background-position: center bottom 4px !important;
    top: -15px !important;
}

div.h1 h1 {
    font-size: 18px !important;
}

h2.second {
    margin: 100px auto 0 !important;
}

ul.footerEntry li {
    width: 23.5% !important;
    height: 55px !important;
}

div.h1 p.title {
    margin-top: 100px !important;
}

.scroll-hint.is-right-scrollable {
    background-color: none !important;
}
.scroll-hint.is-left-scrollable {
    background-color: none !important;
}

div.subMenu a.catlink {
    min-width: 160px;
}

/*------------------------------------------------------
 トップページ
------------------------------------------------------*/
div.mainVisual {
    padding-top: 20px !important;
}
div.mainVisual div.left p.first {
    margin-top: 28px !important;
}


div.mainVisual .Find {
    margin-left: -20px;
}
div.mainVisual .Find img {
    width: 210px;
}
div.mainVisual h1 {
    margin-left: 0 !important;
}


div.ceo div {
    margin: 4% !important;
}


div.envWorkWrapper div.envwork p.envwork {
    margin-top: 25px !important;
}
p.viewmore8 {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
    margin-top: 15px !important;
}
.careerWrapper2 div {
	margin-right: 4%;
	margin-left: 4%;
}
a.career p.desc {
	padding-bottom: 1em;
}
p.viewmore2 {
	font-size: 12px !important;
    right: 20px !important;
    bottom: 15px !important;
}

div.generalWrapper div.group_new {
    box-sizing: border-box;
    padding: 12px;
    border: 1px solid #ECF1F1;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: 100%;
}

div.group_new img {
    width: 102px !important;
    height: 59px !important;
    object-fit: cover;
    object-position: center;
    border-radius: 3.9px;
}
div.group_new div {
    width: 100%;
}
div.generalWrapper div.group_new h4 {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
div.group_new dl {
    display: flex;
    gap: 9px;
    align-items: baseline;
    margin-top: 18px;
}
div.group_new dl dt {
    color: #A0AFB7;
    font-size: 12px;
    width: 50px;
}
div.group_new dl dd span {
    font-size: 12px;
    color: #fff;
    padding: 5px 10px;
    line-height: 1em;
    background-color: #A0AFB7;
    border-radius: 20px;
}



/*------------------------------------------------------
 トップメッセージ
------------------------------------------------------*/
div.movie div.right div.youtube {
	margin-top: 2em;
	border-radius: 10px;
    background: none !important;

}
div.movie div.right div.youtube iframe {
	border-radius: 10px;
}


/*------------------------------------------------------
 MCCについて
------------------------------------------------------*/
h1.inner {
    font-size: 20px !important;
}

h2.mcc {
    margin-top: 160px !important;
}

.about-img {
	margin: 5em auto 0;
	text-align: center;
}
.about-img img {
	width: 100%;
}

h2.second.grouplist {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15em;
}


/*------------------------------------------------------
 歩みと歴史
------------------------------------------------------*/

div.historyWrapper {
    margin-top: 6em;
}

dl.history dd {
    margin-top: 20px !important;
}


div.history {
	margin-bottom: 3em;
}

div.progress h3 {
	margin-top: 1.2em;
	margin-bottom: 0.8em;
}

div.history div.date {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
    width: 100%;
    height: 10em !important;
	text-align: center;
}
div.history div.date p.year {
    font-size: 3em;
	margin-top: 0.75em;
}


/*------------------------------------------------------
 仕事紹介
------------------------------------------------------*/
section.gradation.second#jobcategory {
    padding-top: 30px !important;
}

a.toEmployee {
    margin: 0 auto 3em !important;
}

.Career-Illust .Illust-Town .Illust-MKCFCO:hover {
    top: -30% !important;
}
.Career-Illust .Illust-Town .Illust-MEGCFG:hover {
    top: 10px !important;
}
.Career-Illust .Illust-Town .Illust-MKG:hover {
    top: 10px !important;
}
.Career-Illust .Illust-Town .Illust-CFG:hover {
    top: 10px !important;
}
.Career-Illust .Illust-Town .Illust-MCCM:hover {
    top: 24% !important;
}

/* @group クリックアニメーション */
.JobContainer {
  position: relative;
  width: 18px;
  height: 18px;
  margin-top: -3em;
  margin-right: auto;
	margin-left: auto;
  text-align: center;
  padding-bottom: 10em;
}

.JobChevron {
  position: absolute;
  width: 18px;
  height: 3px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.JobChevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.JobChevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.JobChevron:before,
.JobChevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #000;
}

.JobChevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.JobChevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(20px);
  }
  67% {
    opacity: 1;
    transform: translateY(30px);
  }
  100% {
    opacity: 0;
    transform: translateY(45px) scale3d(0.5, 0.5, 0.5);
  }
}

.JobText {
  display: block;
  margin-left: -250%;
  font: 1em "Montserrat", sans-serif;
  font-weight: 800;
  color: #000;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .25;
  animation: pulse 2s linear alternate infinite;
  padding-top: 50px;
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}


/* @end */



/*------------------------------------------------------
 社員インタビュー
------------------------------------------------------*/
img.bigStaff {
    aspect-ratio: 400 / 280 !important;
}

h1.bigTitle {
    font-size: 22px !important;
    margin: 0 25px 30px !important;
}

div.interview2 h2.summary, div.interviewNarrow h2.summary, div.mydayoff h2.summary {
    font-size: 18px !important;
}
p.comment {
	padding-right: 3%;
	padding-left: 3%;
}

div.mydayoff  img {
    height: 400px !important;
    object-position: top !important;
}

p.comment span.cmt {
    font-size: 18px !important;
}

/*------------------------------------------------------
 福利厚生と職場環境
------------------------------------------------------*/
div.welfare {
    width: 96% !important;
	text-align: center;
}
div.welfare img {
    width: 80%;
	margin: .5em auto 0;
}
div.welfare dt {
    font-size: 20px !important;
}
div.welfare dd {
    font-size: 16px !important;
	margin: 0 8% !important;
	text-align: left;
}
/*------------------------------------------------------
 研修制度
------------------------------------------------------*/

.training-program-speh3 {
	font-size: 2em;
	font-weight: bold;
	margin-top: 2em;
}

/*------------------------------------------------------
 限定勤務地制度
------------------------------------------------------*/
#work-location img {
	max-width: 1000px;
	width: 100%;
	margin: 40px auto 30px;
}

h3.ttlh3 {
	margin: 3em 0 0 !important;
}

table.workarea, table.workarea2 {
    margin: 2em auto 1em !important;
    font-size: 13px !important;
}
table.workarea{
	width: 170% !important;
}

p.ast {
    margin-left: 0 !important;
    position: relative;
}

/*------------------------------------------------------
 インターン
------------------------------------------------------*/
div.intern p.courceType {
    color: #7FB726;
    font-size: 20px;
    font-weight: bold;
	text-indent: -3.3em;
	padding-left: 3.3em;
}


/*------------------------------------------------------
 経験者採用研修
------------------------------------------------------*/
div#training{
	padding-top: 2em;
}


div#training img{
	padding-top: 2em;
	padding-bottom: 2em;
	width: 100%;
}

dl.process + p, dl.process2 + p {
    margin: auto auto 30px !important;
}

/*------------------------------------------------------
 アルムナイ
------------------------------------------------------*/

div.alumni {
    padding: 40px 20px !important;
}

a.interview.entry {
    margin-bottom: 0 !important;
	margin-top: 5em !important;
}

ul.alumni {
    color: #000 !important;
}

/*------------------------------------------------------
　採用比率テーブル
------------------------------------------------------*/

.Ratio-Table {
    width: 92%;
    border-top: none;
    border-right: none;
    margin-top: 50px;
	font-size: 16px;
}

.Ratio-Table th,
.Ratio-Table td {
    border-bottom: 1px solid #e6e6e6;
    border-left: none;
}

.Ratio-Table .thead {
    display: none;
}
.Ratio-Table th.Ratio-Bg,
.Ratio-Table td.Ratio-Bg {
    background-color: inherit;
}
.Ratio-Table th {
    text-align: center;
    padding: 20px;
    font-size: 1.0em;
    font-weight: 700;
}
.Ratio-Table tr {
    width: 100%;
}
.Ratio-Table td {
    display: block;
    font-size: 1.0em;
    width: 100%;
    padding: 20px 15px 15px 15px;
}

.Ratio-Table td span.Number-Large {
    font-size: 1.8em;
    font-weight: 900;
    padding-right: 2px;
}
.Ratio-Table td:first-child {
    font-size: 0.8em;
    font-weight: 500;
    color: #999999;
}
.Ratio-Table td:not(:first-child) {
    text-align: right;
}
.Ratio-Table td:first-child {
    background-image: linear-gradient(90deg, rgba(0, 139, 202, 0.07) 0%, rgba(0, 149, 149, 0.07) 17%, rgba(127, 171, 38, 0.07) 34%, rgba(228, 163, 61, 0.07) 50%, rgba(214, 85, 19, 0.07) 66%, rgba(203, 20, 120, 0.07) 83%, rgba(91, 51, 128, 0.07) 100%);
    color: #000000;
    text-align: left;
    margin-top: 18px;
}
.Ratio-Table td:first-child .Company-Logo {
    width: 100%;
    max-width: 250px;
    margin-bottom: 5px;
}
.Ratio-Table td:first-child .Company-Logo img {
    width: 100%;
    height: auto;
}
    
.Ratio-Table td:before {
    content: attr(data-label);
    float: left;
    padding-top: 5px;
}

/*------------------------------------------------------
　募集要項
------------------------------------------------------*/
.rmap ul li {
	margin-top: .8em;
}


/*------------------------------------------------------
　選考プロセス
------------------------------------------------------*/
dl.process dd div.left, dl.process2 dd div.left {
    font-size: 19px !important;
}


/* @group パディング */
.noPddT {padding-top:0 !important;}
.noPddB {padding-bottom:0 !important;}
.noPdd {padding:0 !important;}
.Pdd5 {padding:5px;}
.PddT5 {padding-top:5px;}
.PddR5 {padding-right:5px;}
.PddB5 {padding-bottom:5px;}
.PddL5 {padding-left:5px;}
.Pdd10 {padding:10px;}
.PddT10 {padding-top:10px;}
.PddR10 {padding-right:10px;}
.PddB10 {padding-bottom:10px;}
.PddL10 {padding-left:10px;}
.Pdd15 {padding:15px;}
.PddT15 {padding-top:15px;}
.PddR15 {padding-right:15px;}
.PddB15 {padding-bottom:15px;}
.PddL15 {padding-left:15px;}
.Pdd20 {padding:20px;}
.PddT20 {padding-top:20px;}
.PddR20 {padding-right:20px;}
.PddB20 {padding-bottom: 20px;}
.PddL20 {padding-left:20px;}
.Pdd25 {padding:25px;}
.PddT25 {padding-top:25px;}
.PddR25 {padding-right:25px;}
.PddB25 {padding-bottom: 25px;}
.PddL25 {padding-left:25px;}
.Pdd30 {padding: 30px;}
.PddT30 {padding-top: 30px;}
.PddB30 {padding-bottom:30px;}
.PddR30 {padding-right: 30px;}
.PddL30 {padding-left: 30px;}
.Pdd35 {padding: 35px;}
.PddT35 {padding-top: 35px;}
.PddB35 {padding-bottom:35px;}
.PddR35 {padding-right: 35px;}
.PddL35 {padding-left: 35px;}
.Pdd40 {padding: 40px;}
.PddT40 {padding-top: 40px;}
.PddB40 {padding-bottom:40px;}
.PddR40 {padding-right: 40px;}
.PddL40 {padding-left: 40px;}
.Pdd45 {padding: 45px;}
.PddT45 {padding-top: 45px;}
.PddB45 {padding-bottom:45px;}
.PddR45 {padding-right: 45px;}
.PddL45 {padding-left: 45px;}
.Pdd50 {padding: 50px;}
.PddT50 {padding-top: 50px;}
.PddB50 {padding-bottom:50px;}
.PddR50 {padding-right: 50px;}
.PddL50 {padding-left: 50px;}
.Pdd60 {padding: 60px;}
.PddT60 {padding-top: 60px;}
.PddB60 {padding-bottom:60px;}
.PddR60 {padding-right: 60px;}
.PddL60 {padding-left: 60px;}
.Pdd70 {padding: 70px;}
.PddT70 {padding-top: 70px;}
.PddB70 {padding-bottom:70px;}
.PddR70 {padding-right: 70px;}
.PddL70 {padding-left: 70px;}
.Pdd80 {padding: 80px;}
.PddT80 {padding-top: 80px;}
.PddB80 {padding-bottom:80px;}
.PddR80 {padding-right: 80px;}
.PddL80 {padding-left: 80px;}
.Pdd90 {padding: 90px;}
.PddT90 {padding-top: 90px;}
.PddB90 {padding-bottom:90px;}
.PddR90 {padding-right: 90px;}
.PddL90 {padding-left: 90px;}
.Pdd100 {padding: 100px;}
.PddT100 {padding-top: 100px;}
.PddB100 {padding-bottom:100px;}
.PddR100 {padding-right: 100px;}
.PddL100 {padding-left: 100px;}
.Pdd110 {padding: 110px;}
.PddT110 {padding-top: 110px;}
.PddB110 {padding-bottom:110px;}
.PddR110 {padding-right: 110px;}
.PddL110 {padding-left: 110px;}
.Pdd120 {padding: 120px;}
.PddT120 {padding-top: 120px;}
.PddB120 {padding-bottom:120px;}
.PddR120 {padding-right: 120px;}
.PddL120 {padding-left: 120px;}
.PddT130 {padding-top: 130px;}
.PddB130 {padding-bottom: 130px;}
.PddR130 {padding-right: 130px;}
.PddL130 {padding-left: 130px;}
.PddT140 {padding-top: 140px;}
.PddB140 {padding-bottom: 140px;}
.PddR140 {padding-right: 140px;}
.PddL140 {padding-left: 140px;}
.PddT150 {padding-top: 150px;}
.PddB150 {padding-bottom: 150px;}
.PddR150 {padding-right: 150px;}
.PddL150 {padding-left: 150px;}
.PddT160 {padding-top: 160px;}
.PddB160 {padding-bottom: 160px;}
.PddR160 {padding-right: 160px;}
.PddL160 {padding-left: 160px;}
.PddT170 {padding-top: 170px;}
.PddB170 {padding-bottom: 170px;}
.PddR170 {padding-right: 170px;}
.PddL170 {padding-left: 170px;}
.PddT180 {padding-top: 180px;}
.PddB180 {padding-bottom: 180px;}
.PddR180 {padding-right: 180px;}
.PddL180 {padding-left: 180px;}
.PddT190 {padding-top: 190px;}
.PddB190 {padding-bottom: 190px;}
.PddR190 {padding-right: 190px;}
.PddL190 {padding-left: 190px;}
.PddT200 {padding-top: 200px;}
.PddB200 {padding-bottom: 200px;}
.PddR200 {padding-right: 200px;}
.PddL200 {padding-left: 200px;}
/* @end */


/* @group マージン */

.noMrg {margin:0;}
.MrgSideAuto  {margin: 0 auto;}
.noMrgT {margin-top:0 !important;}
.noMrgB {margin-bottom:0 !important;}
.MrgL3 {margin-left:3px;}
.Mrg5 {margin:5px;}
.MrgT5 {margin-top:5px;}
.MrgR5 {margin-right:5px;}
.MrgB5 {margin-bottom:5px;}
.MrgL5 {margin-left:5px;}
.Mrg10 {margin:10px;}
.MrgT10 {margin-top:10px;}
.MrgR10 {margin-right:10px;}
.MrgB10 {margin-bottom:10px;}
.MrgL10 {margin-left:10px;}
.Mrg15 {margin:15px;}
.MrgT15 {margin-top:15px;}
.MrgR15 {margin-right:15px;}
.MrgB15 {margin-bottom:15px;}
.MrgL15 {margin-left:15px;}
.Mrg20 {margin:20px;}
.MrgT20 {margin-top:20px;}
.MrgR20 {margin-right:20px;}
.MrgB20 {margin-bottom:20px;}
.MrgL20 {margin-left:20px;}
.Mrg25 {margin:25px;}
.MrgT25 {margin-top:25px;}
.MrgR25 {margin-right:25px;}
.MrgB25 {margin-bottom:25px;}
.MrgL25 {margin-left:25px;}
.Mrg30 {margin:30px;}
.MrgT30 {margin-top:30px;}
.MrgR30 {margin-right:30px;}
.MrgB30 {margin-bottom:30px;}
.MrgL30 {margin-left:30px;}
.Mrg35 {margin:35px;}
.MrgT35 {margin-top:35px;}
.MrgR35 {margin-right:35px;}
.MrgB35 {margin-bottom:35px;}
.MrgL35 {margin-left:35px;}
.Mrg40 {margin:40px;}
.MrgT40 {margin-top:40px;}
.MrgR40 {margin-right:40px;}
.MrgB40 {margin-bottom:40px;}
.MrgL40 {margin-left:40px;}
.Mrg45 {margin:45px;}
.MrgT45 {margin-top:45px;}
.MrgR45 {margin-right:45px;}
.MrgB45 {margin-bottom:45px;}
.MrgL45 {margin-left:45px;}
.Mrg50 {margin:50px;}
.MrgT50 {margin-top:50px;}
.MrgR50 {margin-right:50px;}
.MrgB50 {margin-bottom:50px;}
.MrgL50 {margin-left:50px;}
.Mrg55 {margin:55px;}
.MrgT55 {margin-top:55px;}
.MrgR55 {margin-right:55px;}
.MrgB55 {margin-bottom:55px;}
.MrgL55 {margin-left:55px;}
.Mrg60 {margin:60px;}
.MrgT60 {margin-top:60px;}
.MrgR60 {margin-right:60px;}
.MrgB60 {margin-bottom:60px;}
.MrgL60 {margin-left:60px;}
.Mrg65 {margin:65px;}
.MrgT65 {margin-top:65px;}
.MrgR65 {margin-right:65px;}
.MrgB65 {margin-bottom:65px;}
.MrgL65 {margin-left:65px;}
.Mrg70 {margin:70px;}
.MrgT70 {margin-top:70px;}
.MrgR70 {margin-right:70px;}
.MrgB70 {margin-bottom:70px;}
.MrgL70 {margin-left:70px;}
.Mrg75 {margin:75px;}
.MrgT75 {margin-top:75px;}
.MrgR75 {margin-right:75px;}
.MrgB75 {margin-bottom:75px;}
.MrgL75 {margin-left:75px;}
.Mrg80 {margin:80px;}
.MrgT80 {margin-top:80px;}
.MrgR80 {margin-right:80px;}
.MrgB80 {margin-bottom:80px;}
.MrgL80 {margin-left:80px;}
.Mrg85 {margin:85px;}
.MrgT85 {margin-top:85px;}
.MrgR85 {margin-right:85px;}
.MrgB85 {margin-bottom:85px;}
.MrgL85 {margin-left:85px;}
.Mrg90 {margin:90px;}
.MrgT90 {margin-top:90px;}
.MrgR90 {margin-right:90px;}
.MrgB90 {margin-bottom:90px;}
.MrgL90 {margin-left:90px;}
.Mrg95 {margin:95px;}
.MrgT95 {margin-top:95px;}
.MrgR95 {margin-right:95px;}
.MrgB95 {margin-bottom:95px;}
.MrgL95 {margin-left:95px;}
.Mrg100 {margin:100px;}
.MrgT100 {margin-top:100px;}
.MrgR100 {margin-right:100px;}
.MrgB100 {margin-bottom:100px;}
.MrgL100 {margin-left:100px;}
.Mrg110 {margin:110px;}
.MrgT110 {margin-top:110px;}
.MrgR110 {margin-right:110px;}
.MrgB110 {margin-bottom:110px;}
.MrgL110 {margin-left:110px;}
.Mrg120 {margin:120px;}
.MrgT120 {margin-top:120px;}
.MrgR120 {margin-right:120px;}
.MrgB120 {margin-bottom:120px;}
.MrgL120 {margin-left:120px;}
.Mrg130 {margin:130px;}
.MrgT130 {margin-top:130px;}
.MrgR130 {margin-right:130px;}
.MrgB130 {margin-bottom:130px;}
.MrgL130 {margin-left:130px;}
.Mrg140 {margin:140px;}
.MrgT140 {margin-top:140px;}
.MrgR140 {margin-right:140px;}
.MrgB140 {margin-bottom:140px;}
.MrgL140 {margin-left:140px;}
.Mrg150 {margin:150px;}
.MrgT150 {margin-top:150px;}
.MrgR150 {margin-right:150px;}
.MrgB150 {margin-bottom:150px;}
.MrgL150 {margin-left:150px;}
.Mrg160 {margin:160px;}
.MrgT160 {margin-top:160px;}
.MrgR160 {margin-right:160px;}
.MrgB160 {margin-bottom:160px;}
.MrgL160 {margin-left:160px;}
.Mrg170 {margin:170px;}
.MrgT170 {margin-top:170px;}
.MrgR170 {margin-right:170px;}
.MrgB170 {margin-bottom:170px;}
.MrgL170 {margin-left:170px;}
.Mrg180 {margin:180px;}
.MrgT180 {margin-top:180px;}
.MrgR180 {margin-right:180px;}
.MrgB180 {margin-bottom:180px;}
.MrgL180 {margin-left:180px;}
.Mrg190 {margin:190px;}
.MrgT190 {margin-top:190px;}
.MrgR190 {margin-right:190px;}
.MrgB190 {margin-bottom:190px;}
.MrgL190 {margin-left:190px;}
.Mrg200 {margin:200px;}
.MrgT200 {margin-top:200px;}
.MrgR200 {margin-right:200px;}
.MrgB200 {margin-bottom:200px;}
.MrgL200 {margin-left:200px;}
/* @end */