@charset "UTF-8";

/*====================================

  ----------------------------------
  ユーザー編集用
  ----------------------------------

====================================*/






/*-- CUSTOM COLOR ---------------------------------------------------------------------------*/

/*------------------------------**
  カスタムカラーを淡い色に
  変更する場合は編集
**------------------------------*/
a.mainColor--back {
 color: #fff;
}



/*------------------------------**
  カラー編集
**------------------------------*/
.mainColor--back,
#mv::before,
.secSchedule ul li .left::before,
#secEntry::before,
.ttl1::before,
.ttl2::before,
.ttl3 {
 background-color: #268cb6;
}
a,
.mainColor--font,
.ttl2,
#secQandA .tableCon tr p:first-child::before,
#secFlow ol li::before {
 color: #268cb6;
}
.mainColor--border {
 border-color: #268cb6;
}
#mv .innerCon::before,
#secEntry .innerCon::before {
 background: linear-gradient(180deg,#263c46,transparent);
}
#mv .innerCon::after,
#secEntry .innerCon::after {
 background: linear-gradient(0deg,#263c46,transparent);
}






/*------------------------------**
  画像背景
  上に乗せるカラーの濃さ
**------------------------------*/

#mv::before {
 /*MV全体　カスタムカラー*/
 opacity: .2;
 mix-blend-mode: multiply;
}
#mv .innerCon::before,
#secEntry .innerCon::before,
#mv .innerCon::after,
#secEntry .innerCon::after {
 /*MV全体　カスタムカラー2*/
 opacity: .15;
}
#secEntry::before {
 /*エントリーボタン背景　カスタムカラー*/
 mix-blend-mode: multiply;
 opacity: .2;
}
#secEntry::after {
 /*エントリーボタン背景　ブラック*/
 mix-blend-mode: multiply;
 opacity: .5;
}






/*-- FONT SIZE ---------------------------------------------------------------------------*/

/*------------------------------**
  ベースフォントサイズ
**------------------------------*/
body {
 font-size: 1.4rem;
}



/*------------------------------**
  フォントサイズ編集
**------------------------------*/

header nav ul li a .bottom {
 font-size: 1.1rem;
}
#secInterview ul .name .right,
footer #footerTop .right ul p,
footer #footerBottom .copyright small {
 font-size: 1.2rem;
}
header .left p
#secInterview ul .ttl2 {
 font-size: 1.4rem;
}
header #hLogo,
.secSchedule ul li .textBox .titleBox,
.secAccess .titleBox,
footer #fLogo {
 font-size: 2.0rem;
}
.secPhilosophy .conBox .dlBox dt p,
#secTalent .conBox .dlBox dt p {
 font-size: 2.1rem;
}
#secQandA .tableCon tr th > p:first-child::before,
#secFlow ol li::before {
 font-size: 3.0rem;
}
@media screen and (min-width:768px) {
p,
header nav ul li a {
 font-size: 1.6rem;
}
.mvScroll,
.ttl1 .bottom,
#secInterview ul .name {
 font-size: 1.8rem;
}
#mv p:not([class]),
#secService ul li .titleBox {
 font-size: 2.1rem;
}
#secEntry .entryBtn {
 font-size: 2.4rem;
}
.secSchedule ul li .time {
 font-size: 3.0rem;
}
#secService ul li .titleBox::before {
 font-size: 4.8rem;
}
.ttl1 {
 font-size: 3.4rem;
}
#mv h1 {
 font-size: 5rem;
 line-height: 9rem;
}
}
@media screen and (max-width:767px) {
p,
header nav ul li a {
 font-size: 1.4rem;
}
.mvScroll,
.ttl1 .bottom,
#secInterview ul .name {
 font-size: 1.6rem;
}
#mv p:not([class]),
#secService ul li .titleBox {
 font-size: 1.8rem;
}
.secSchedule ul li .time,
#secEntry .entryBtn {
 font-size: 2.0rem;
}
.ttl1,
#secService ul li .titleBox::before {
 font-size: 3.0rem;
}
#mv h1 {
 font-size: 4.0rem;
}
}