@charset "utf-8";
/*------------------------------*/
/* Reset */
/*------------------------------*/
ul {padding: 0;}

/*------------------------------*/
/* Color Theme */
/*------------------------------*/
.cBlue   {color: #165faa;}/*RGB:(22, 95, 170)*/
.clBlue  {color: #47b9ec;}/*RGB:(71, 185, 236)*/
.cOrange {color: #f4800d;}/*RGB:(244, 128, 13)*/
.cdGray  {color: #333333;}/*RGB:(51, 51, 51)*/

/*------------------------------*/
/* General */
/*------------------------------*/
html {
	height: 100%;
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	background: url("../../_img/recruit/highschool/_common/bg_recruit.png") center center repeat;
	position: relative;
	overflow-x: hidden;
	height: 0;
}
header {
	font-family: "Noto Sans JP";
	font-feature-settings: "palt";
}
header.active nav.navbar {
	position: fixed;
}
main {
	background-size: contain;
	padding-top: 60px;
    position: relative;
    z-index: -1;
}
main::before, main::after {
    content: "";
    bottom: 0;
    position: absolute;
    z-index: -1;
}
main::before {
    left: 0;
    background: url("../../_img/recruit/highschool/_common/bg_recruit_dirt_l.png") no-repeat left bottom;
    background-size: contain;
    width: 25%;
    height: 100%;
}
main::after {
    right: 0;
    background: url("../../_img/recruit/highschool/_common/bg_recruit_dirt_r.png") no-repeat right bottom;
    background-size: contain;
    width: 25%;
    height: 100%;
}
main * {
    color: #165faa;
}
footer {
	background: #165faa;
	color: #ffffff;
}
footer * {
	font-family: "Noto Sans JP";
	font-feature-settings: "palt";
	list-style: none;
}
footer h4 {
	font-size: 1.2rem;
}
footer .ctCopyright {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 0.6rem;
}
footer .ctFooterMenu {
	color: #165faa;
	background: #ffffff;
}
a {
	color: #333333;
}
a:hover, a:active {
	color: #333333;
	text-decoration: none;
}
ul, li, dl, dt, dd {
    list-style: none;
}
ol {
    padding: 0;
}
.lead {
    font-weight: 400;
}

/*------------------------------*/
/* Header */
/*------------------------------*/
header::after {
	content: "";
	background: rgba(125, 125, 125, 0);
	width: 100%;
	/*height: 100%;*/
	position: fixed;
	-webkit-transition: all 500ms;
	z-index: 0;
}
header.active::after {
    height: 100%;
}
header .navbar {
	position: relative;
	padding-top: 0;
	overflow-x: hidden;
}
header .navbar-nav {
	background: #ffffff;
}
.navbar-brand img {
	width: 24vw;
	height: auto;
}
#ctHeader b {
	display: block;
	font-weight: bold;
}
nav.navbar {
	position: absolute;
	top: 0;
	left: 0;
	/*z-index: 5;*/
	width: 100%;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
	align-content: flex-start;
}
header.active nav.navbar {
    z-index: 5;
}
nav.navbar.scrollDown {
	position: fixed;
	animation: slideDown .8s forwards ease-in;
}
nav.navbar.scrollUp {
	position: fixed;
	animation: slideUp .8s forwards ease-in;
}
header .brand-menu p.lead {
	display: inline-block;
	font-size: 0.8rem;
}
nav ul.navbar-nav a.nav-link {
	padding: 20px;
}
/* Header Menu + Animation */
.menu-trigger {
	background-color: #f4800d;
	cursor: pointer;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10;
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  /*position: relative;*/
  width: 60px;
  height: 60px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 60%;
  height: 4px;
  margin-left: 20%;
  background-color: #ffffff;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 25%;
}
.menu-trigger span:nth-of-type(2) {
  top: calc( 50% - 2px );
}
.menu-trigger span:nth-of-type(3) {
  bottom: 25%;
}

.menu-trigger.active {
  /*-webkit-transform: rotate(360deg);
  transform: rotate(360deg);*/
	-webkit-animation: menu-trigger-clicked 1000ms linear both;
	animation: menu-trigger-clicked 1000ms linear both;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-45deg);
  top: 14.5%;
}
.menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
  top: calc( 50% - 2px );
}
.menu-trigger.active span:nth-of-type(3) {
  opacity: 0;
}

@-webkit-keyframes menu-trigger-clicked { 
0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.297, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.297, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
17.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.125, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.125, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.183, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.183, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.205, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.205, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
49.9% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.201, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.201, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.201, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.201, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
53.8% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.63, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.63, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
55.71% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.79, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.79, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
57.56% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
59.46% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.982, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.982, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
61.36% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
65.12% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
75.13% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
85.14% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes menu-trigger-clicked { 
0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.297, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.297, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
17.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.125, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.125, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.183, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.183, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.205, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.205, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
49.9% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.201, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.201, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.201, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.201, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
53.8% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.63, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.63, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
55.71% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.79, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.79, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
57.56% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
59.46% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.982, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.982, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
61.36% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
65.12% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
75.13% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
85.14% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

.navbar::after {
	content: "";
	display: block;
	background: url("../../_img/recruit/highschool/_common/btn_humberger_takashi.png") right center no-repeat;
	background-size: contain;
	position: absolute;
	z-index: 9;
	top: 0;
	right: 0;
	-webkit-transform: translateX(0%);
	-webkit-transition: all 500ms ease-out 500ms;
	transform: translateX(0%);
	transition: all 500ms ease-out 500ms;
	opacity: 0;
}
.navbar-brand {
    padding-left: 0.5em;
}
.scrollDown.navbar::after {
	-webkit-transform: translateX(-200%);
	transform: translateX(-200%);
	opacity: 1;
}

#navbarSupportedContent {
	/*display: none;*/
	background: #ffffff;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 60px;
	right: 0;
	z-index: 10;
	-webkit-transform: translateX(100%);
	-webkit-transition: transform 500ms ease-out;
	transform: translateX(100%);
	transition: transform 500ms ease-out;
}
#navbarSupportedContent.active {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
header.active::after {
	background: rgba(125, 125, 125, 0.8);
	z-index: 2;
}

/*------------------------------*/
/* Footer */
/*------------------------------*/
footer .ctSNS a {
	color: #ffffff;
}
footer .ctFooterMenu {
	position: relative;
	z-index: 1;
}
footer .ctFooterMenu a {
	display: block;
	font-size: 1.12rem;
	padding: 0.3rem 0;
	position: relative;
}
/*footer .jump-to-corp a {
	background: url("../../_img/_common/img_corp_logo_dynax.svg") left center no-repeat;
	background-size: contain;
	padding-left: 25vw;
}*/
footer .jump-to-corp img {
	width: auto;
	height: 40px;
	margin-right: 0.75rem;
}

/*------------------------------*/
/* Content */
/*------------------------------*/
#ctTop {
	position: relative;
}
#ctTop h1 {
	font-family: "Noto Sans JP";
	font-size: 2.5rem;
	font-weight: 500;
	font-feature-settings: "palt";
	position: absolute;
	/*top: calc(50vh - (2.5rem * 5));*/
	top: calc(50% - (2.5rem * 5));
	left: 5vw;
	z-index: 1;
	text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
#ctTop #top-takashi {
	width: 60%;
	height: auto;
	margin: 0 20%;
}
#ctTop figcaption {
	margin: -1.0rem 0 0 5vw;
}
#ctTop .charaIntoro span {
	font-family: "Bebas Neue";
	font-weight: 400;
	font-size: 1.2rem;
}
#ctTop .charaIntoro dl * {
	font-family: "Noto Sans JP";
	font-feature-settings: "palt";
}
#ctTop .charaIntoro dt {
	font-size: 1.25rem;
}
#ctTop #chara-fukidashi {
	display: block;
	width: 90%;
	margin: auto 5%;
	position: absolute;
	/*top: 45vh;*/
	top: 45%;
}
#ctHistory h2 {
	font-family: "Bebas Neue";
	font-size: 1.8rem;
	text-align: center;
}
#ctHistory .card {
	background: #165faa;
	padding: 5px;
}
#ctHistory .card-body {
	height: 8em;
	overflow-y: scroll;
}
#ctHistory dl * {
	color: #ffffff;
	font-family: "Noto Sans JP";
	font-feature-settings: "palt";
}
#ctMenu {
	list-style: none;
	width: 100%;
	margin: auto;
	padding: 0;
}
#ctMenu * {
	font-feature-settings: "palt";
}
#ctMenu .card {
	border: #165faa 4px solid;
	border-radius: 20px;
	padding: 0;
	margin-bottom: 1.5rem;
	display: table;
}
#ctMenu a {
	padding: 20px;
	height: 100%;
	display: table-cell;
	vertical-align: bottom;
}
#ctMenu a.menu-company {
	background: url("../../_img/recruit/highschool/_common/img_takashi_company.png") center 10px no-repeat;
	background-size: 70% auto;
}
#ctMenu a.menu-works {
	background: url("../../_img/recruit/highschool/_common/img_takashi_works.png") center 10px no-repeat;
	background-size: 70% auto;
}
#ctMenu a.menu-interview {
	background: url("../../_img/recruit/highschool/_common/img_takashi_interview.png") center 10px no-repeat;
	background-size: 70% auto;
}
#ctMenu a.menu-schedule {
	background: url("../../_img/recruit/highschool/_common/img_takashi_schedule.png") center 10px no-repeat;
	background-size: 70% auto;
}
#ctMenu a.menu-qanda {
	background: url("../../_img/recruit/highschool/_common/img_takashi_qanda.png") center 10px no-repeat;
	background-size: 70% auto;
}
#ctMenu a.menu-recruit {
	background: url("../../_img/recruit/highschool/_common/img_takashi_recruit.png") center 10px no-repeat;
	background-size: 70% auto;
}
#ctMenu h3 {
	font-family: "Noto Sans JP";
}
#ctMenu h3, #ctMenu .card-subtitle {
	background: #ffffff;
	padding-right: 0.5rem;
}
#ctMenu .card-subtitle {
	font-family: "Bebas Neue";
	font-size: 1.25rem;
}
#ctMenu p {
	font-family: "Noto Sans JP";
}
#ctSub ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Page Header */
.page-header, .pageEyecatch {
    width: 100%;
    min-height: 30vh;
    position: absolute;
    left: 0;
}
.page-header + section, .pageEyecatch + .container {
    margin-top: calc(30vh + 7em);
}
.page-header::after, .pageEyecatch::after {
    content: "";
    top: -15%;
    width: 400px;
    height: 400px;
    position: absolute;
    left: 15%;
    box-sizing: border-box;
}
#interview.page-header::after,
#interview.pageEyecatch::after {
    left: 12%;
}
.page-header h1, .page-header p,
.pageEyecatch h1, .pageEyecatch p {
    position: absolute;
    left: calc(15% + 250px + 5rem);
}
.page-header h1, .pageEyecatch h1 {
    top: calc(50% + 0.1rem);
    font-size: 3.5rem;
}
.page-header p, .pageEyecatch p {
    bottom: calc(50% + 0.1rem);
}

/* Page Header -CORP- */
#corp.page-header, #corp.pageEyecatch {
    background: url("../../_img/recruit/highschool/corp/bg_eyecatch_corp.jpg") no-repeat center center;
    background-size: cover;
}
#corp.page-header::after, #corp.pageEyecatch::after {
    background: url("../../_img/recruit/highschool/_common/img_takashi_company.png") no-repeat center center;
    background-size: contain;
}

/* Page Header -WORK- */
#work.page-header, #work.pageEyecatch {
    background: url("../../_img/recruit/highschool/works/bg_eyecatch_works.jpg") no-repeat center center;
    background-size: cover;
}
#work.page-header::after, #work.pageEyecatch::after {
    background: url("../../_img/recruit/highschool/_common/img_takashi_works.png") no-repeat center center;
    background-size: contain;
}

/* Page Header -INTERVIEW- */
#interview.page-header, #interview.pageEyecatch {
    background: url("../../_img/recruit/highschool/interview/bg_eyecatch_interview.jpg") no-repeat center center;
    background-size: cover;
}
#interview.page-header::after, #interview.pageEyecatch::after {
    background: url("../../_img/recruit/highschool/_common/img_takashi_interview.png") no-repeat center center;
    background-size: contain;
}

/* Page Header -SCHEDULE- */
#schedule.pageEyecatch {
    background: url("../../_img/recruit/highschool/schedule/bg_eyecatch_schedule.jpg") no-repeat center center;
    background-size: cover;
}
#schedule.pageEyecatch::after {
    background: url("../../_img/recruit/highschool/_common/img_takashi_schedule.png") no-repeat center center;
    background-size: contain;
}

/* Page Header -Q AND A- */
#qanda.pageEyecatch {
    background: url("../../_img/recruit/highschool/qanda/bg_eyecatch_qanda.jpg") no-repeat center center;
    background-size: cover;
}
#qanda.pageEyecatch::after {
    background: url("../../_img/recruit/highschool/_common/img_takashi_qanda.png") no-repeat center center;
    background-size: contain;
}

/* Page Header -RECRUIT- */
#recruit.pageEyecatch {
    background: url("../../_img/recruit/highschool/recruit/bg_eyecatch_recruit.jpg") no-repeat center center;
    background-size: cover;
}
#recruit.pageEyecatch::after {
    background: url("../../_img/recruit/highschool/_common/img_takashi_recruit.png") no-repeat center center;
    background-size: contain;
}

/* Corp Page */
.ctCorp-about, .ctCorp-works, .ctCorp-greetings {
    margin-bottom: 7rem;
}
.ctCorp-about > div {
    width: 100%;
    padding-left: 0;
    padding-right: 40%;
    box-sizing: border-box;
}
.ctCorp-about > div:nth-of-type(odd) {
    padding-left: 40%;
    padding-right: 0;
}
.ctCorp-about > div:nth-of-type(1) {
    background: url("../../_img/recruit/highschool/corp/img_corp_01.png") no-repeat left center;
    background-size: 40% auto;
}
.ctCorp-about > div:nth-of-type(2) {
    background: url("../../_img/recruit/highschool/corp/img_corp_02.png") no-repeat right center;
    background-size: 40% auto;
}
.ctCorp-about h3, .ctCorp-about p {
    line-height: 3.0rem;
}
.ctCorp-works {
    position: relative;
}
.ctCorp-works::before {
    content: "";
    position: absolute;
    background: url("../../_img/recruit/highschool/corp/bg_corp_works_01.png") no-repeat left center;
    background-size: contain;
    width: 250px;
    height: 250px;
    top: calc((250px / 3) * -1);
    left: 0;
    z-index: 1;
}
.ctCorp-works h2 {
    width: 75%;
    margin-left: 25%;
    padding-right: 0;
    box-sizing: border-box;
    text-align: left;
}
.ctCorp-greetings h3, .ctCorp-greetings p {
    line-height: 3.0rem;
}

/* Work Page */
.ctWorks-work, .ctWorks-parts, .ctWorks-section {
    margin-bottom: 7rem;
}
.ctWorks-parts dl {
    padding-left: 50%;
    background: url("../../_img/recruit/highschool/works/bg_works_parts_01.png") no-repeat left center;
    background-size: 45% auto;
    min-height: 350px;
}
.ctWorks-work {
    width: 100%;
    padding-left: 0;
    padding-right: 40%;
    box-sizing: border-box;
    background: url("../../_img/recruit/highschool/works/bg_works_work_01.png") no-repeat right center;
    background-size: 40% auto;
    min-height: 250px;
}
.ctWorks-section .section > li {
    padding-left: 35%;
    padding-top: 2rem;
    min-height: 250px;
    margin-bottom: 3rem;
}
.ctWorks-section li.hotforging {
    background: url("../../_img/recruit/highschool/works/img_work_section_hotforging.jpg") no-repeat left center;
    background-size: auto 100%;
}
.ctWorks-section li.coldforging {
    background: url("../../_img/recruit/highschool/works/img_work_section_coldforging.jpg") no-repeat left center;
    background-size: auto 100%;
}
.ctWorks-section li.precision {
    background: url("../../_img/recruit/highschool/works/img_work_section_precision.jpg") no-repeat left center;
    background-size: auto 100%;
}
.ctWorks-section li.rotational {
    background: url("../../_img/recruit/highschool/works/img_work_section_rotational.jpg") no-repeat left center;
    background-size: auto 100%;
}
.ctWorks-section li.qualitycontrol {
    background: url("../../_img/recruit/highschool/works/img_work_section_qualitycontrol.jpg") no-repeat left center;
    background-size: auto 100%;
}
.ctWorks-section li.technology {
    background: url("../../_img/recruit/highschool/works/img_work_section_technology.jpg") no-repeat left center;
    background-size: auto 100%;
}
.ctWorks-section li.hotforging, .ctWorks-section li.coldforging,
.ctWorks-section li.precision, .ctWorks-section li.rotational,
.ctWorks-section li.qualitycontrol, .ctWorks-section li.technology {
    position: relative;
}
.ctWorks-section li.hotforging::after, .ctWorks-section li.coldforging::after,
.ctWorks-section li.precision::after, .ctWorks-section li.rotational::after,
.ctWorks-section li.qualitycontrol::after, .ctWorks-section li.technology::after {
    content: "";
    position: absolute;
    background: url("../../_img/recruit/highschool/_common/img_parts09.png") no-repeat center center;
    background-size: contain;
    width: 5vw;
    height: 5vw;
    left: -1.0rem;
    bottom: -1.5rem;
}
.ctWorks-section li.coldforging::after {
    background: url("../../_img/recruit/highschool/_common/img_parts04.png") no-repeat center center;
    background-size: contain;
    left: -2.5rem;
}
.ctWorks-section li.precision::after {
    background: url("../../_img/recruit/highschool/_common/img_parts01.png") no-repeat center center;
    background-size: contain;
    left: -2.5rem;
}
.ctWorks-section li.rotational::after {
    background: url("../../_img/recruit/highschool/_common/img_parts02.png") no-repeat center center;
    background-size: contain;
    left: -2.0rem;
}
.ctWorks-section li.qualitycontrol::after {
    background: url("../../_img/recruit/highschool/_common/img_parts10.png") no-repeat center center;
    background-size: contain;
    left: -1.5rem;
}
.ctWorks-section li.technology::after {
    background: url("../../_img/recruit/highschool/_common/img_parts11.png") no-repeat center center;
    background-size: contain;
    left: -1.5rem;
}
/*.modal-body-head {
    position: relative;
}
.hotforging .modal-body-head::after, .coldforging .modal-body-head::after,
.precision .modal-body-head::after, .rotational .modal-body-head::after,
.qualitycontrol .modal-body-head::after, .technology .modal-body-head::after {
    content: "";
    position: absolute;
    background: url("../../_img/recruit/_common/img_parts09.png") no-repeat center center;
    background-size: contain;
    width: 5vw;
    height: 5vw;
    right: -3.0rem;
    top: 0.5rem;
}
.coldforging .modal-body-head::after {
    background: url("../../_img/recruit/_common/img_parts04.png") no-repeat center center;
    background-size: contain;
}
.precision .modal-body-head::after {
    background: url("../../_img/recruit/_common/img_parts01.png") no-repeat center center;
    background-size: contain;
    top: -1.5rem;
}
.rotational .modal-body-head::after {
    background: url("../../_img/recruit/_common/img_parts02.png") no-repeat center center;
    background-size: contain;
    top: -1.5rem;
    right: -3.5rem;
}
.qualitycontrol .modal-body-head::after {
    background: url("../../_img/recruit/_common/img_parts10.png") no-repeat center center;
    background-size: contain;
    top: -0.5rem;
    right: -2.5rem;
}
.technology .modal-body-head::after {
    background: url("../../_img/recruit/_common/img_parts11.png") no-repeat center center;
    background-size: contain;
    top: -0.5rem;
    right: 0rem;
}*/
.ctWorks-section h3 span {
    display: block;
    font-size: 1.0rem;
}
.ctWorks-section .modal-body-head dd {
    line-height: 1.5rem;
}
.operation-list li, .works-list li {
    list-style: disc;
    list-style-position: inside;
    text-indent: -1.5rem;
    padding-left: 1.5rem;
    margin: 0.5rem 0 0.5rem 1.5rem;
}
.ctWorks-section .employeeName {
    font-size: 2.2rem;
    font-weight: bold;
}
.ctWorks-section .employeeName span {
    font-size: 1.0rem;
    display: block;
}
.ctWorks-parts dt {
    display: table;
}
.ctWorks-parts dt figure {
    display: table-cell;
    vertical-align: baseline;
}
.ctWorks-parts dt figure img {
    width: 10%;
    filter: drop-shadow(5px 5px 3px rgba(0, 0, 0, 0.2));
}
.ctWorks-parts dd {
    padding-left: calc(10% + 1.0rem);
    margin-top: -0.5rem;
}

/* Interview Page */
.ctInterview-head {
    margin-bottom: 2rem;
}
.ctInterview-head {
    width: 100%;
    padding-left: 0;
    padding-right: 25%;
    box-sizing: border-box;
    background: url("../../_img/recruit/highschool/interview/img_interview_01.png") no-repeat right center;
    background-size: 25% auto;
    min-height: 250px;
}
nav.ctInterview p, nav.ctInterview p span
nav.ctInterview p b ,nav.ctInterview dd span,
.interviewHeader p, .interviewHeader p span,
.interviewHeader p b, .interviewHeader dd span,
.ctSchedule-flow p span, .ctSchedule-flow p b {
    font-family: "Bebas Neue";
}
nav.ctInterview p b, .interviewHeader p b,
.ctSchedule-flow p b {
    line-height: 3.0rem;
    font-weight: 600;
}
nav.ctInterview a[href^="#interviewContent"] {
    display: block;
}
nav.ctInterview a[href^="#interviewContent"] > p {
    position: absolute;
    top: -2.5rem;
    left: 1.5rem;
}
nav.ctInterview ol > li {
    position: relative;
}
#interviewContent1 .interviewHeader {
    position: relative;
}
.interviewHeader-body {
    background: url("../../_img/recruit/highschool/interview/bg_interview_01.jpg") no-repeat center center;
    background-size: cover;
    margin-left: calc((100vw - 100%) / 2 * -1);
    margin-right: calc((100vw - 100%) / 2 * -1);
    padding: 1.5rem calc((100vw - 100%) / 2) 0;
    height: 350px;
}
#interviewContent2 .interviewHeader-body {
    background: url("../../_img/recruit/highschool/interview/bg_interview_02.jpg") no-repeat center center;
}
.interviewHeader-body h3 {
    width: 50%;
}
.dailySchedule h4 {
    width: 60%;
    margin-left: 20%;
}
.interviewBody dl:nth-of-type(odd) {
    width: 100%;
    padding-right: 50%;
}
.interviewBody dl:nth-of-type(even) {
    width: 100%;
    padding-left: 50%;
}
.interviewBody dt {
    font-size: 1.2rem;
    font-weight: normal;
    text-indent: -1.0rem;
    margin-left: 1.0rem;
    margin-bottom: 0.5rem;
}
.interviewBody dd {
    margin-bottom: 3.5rem;
    margin-left: 1.0rem;
}
.interviewBody-content:nth-of-type(1) {
    background: url("../../_img/recruit/highschool/interview/img_interview_01_01.jpg") no-repeat right top;
    background-size: 45% auto;
}
.interviewBody-content:nth-of-type(2) {
    background: url("../../_img/recruit/highschool/interview/img_interview_01_02.jpg") no-repeat left top;
    background-size: 45% auto;
}
.interviewBody-content:nth-of-type(3) {
    background: url("../../_img/recruit/highschool/interview/img_interview_01_03.jpg") no-repeat right top;
    background-size: 45% auto;
}
#interviewContent2 .interviewBody-content:nth-of-type(1) {
    background: url("../../_img/recruit/highschool/interview/img_interview_02_01.jpg") no-repeat right bottom;
    background-size: auto 250px;
}
#interviewContent2 .interviewBody-content:nth-of-type(2) {
    background: url("../../_img/recruit/highschool/interview/img_interview_02_02.jpg") no-repeat left bottom;
    background-size: auto 250px;
}
#interviewContent2 .interviewBody-content:nth-of-type(3) {
    background: url("../../_img/recruit/highschool/interview/img_interview_02_03.jpg") no-repeat right bottom;
    background-size: auto 250px;
}
.dailySchedule .time-label, .dailySchedule .action-label {
    text-align: center;
}
.dailySchedule .time-label {
    font-family: "Bebas Neue";
    font-size: 1.5rem;
    line-height: 2.0rem;
}
.dailySchedule .action-label {
    writing-mode: vertical-lr;
    width: 1.5rem;
    margin: 0 calc((100% - 1.5rem) / 2);
}
.dailySchedule .material-icons {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2.0rem;
}
.dailySchedule-body {
    position: relative;
}
.dailySchedule-body::before {
    content: "";
    position: absolute;
    top: 3.0rem;
    border-top: #165faa 2px solid;
    width: 100%;
    height: 1px;
}

/* Schedule Page */
.ctSchedule-flow figcaption p {
    font-size: 1.2rem;
}
.ctSchedule-flow ol li {
    position: relative;
    padding-bottom: 5.0rem;
}
.ctSchedule-flow ol li::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: calc((100% - 6.0rem) / 2);
    border-style: solid;
    border-width: 2.5rem 3.0rem 0 3.0rem;
    border-color: #f4800d transparent transparent transparent;
}
.ctSchedule-flow ol li:last-child::after {
    content: none;
}

/* Q and A Page */
.ctQanda-head, .ctQanda-footer {
    margin-bottom: 2rem;
}
.ctQanda-head, .ctQanda-footer {
    width: 100%;
    padding-right: 0;
    padding-left: 25%;
    box-sizing: border-box;
    background: url("../../_img/recruit/highschool/qanda/img_qanda_01.png") no-repeat left center;
    background-size: contain;
    min-height: 250px;
}
.ctQanda dt {
    font-size: 1.5rem;
}
.ctQanda dt i {
    font-style: normal;
}
.ctQanda dl {
    background: url("../../_img/recruit/highschool/qanda/img_qanda_02.png") no-repeat right bottom;
    background-size: auto 250px;
    min-height: 250px;
}
.ctQanda dd {
    background: #c9ebfd;
    padding: 1.5rem;
    margin: 1.0rem 25% 5.0rem 1.0rem;
    border-radius: 12px;
    position: relative;
    line-height: 1.8rem;
}
.ctQanda dd::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: calc((100% - 1.6rem) / 2);
    right: -1.6rem;
    border-style: solid;
    border-width: 0.8rem 0 0.8rem 1.6rem;
    border-color: transparent transparent transparent #c9ebfd;
}

/* Recruit Page */


/*------------------------------*/
/* Parts */
/*------------------------------*/
/* Title */
.arrowLine-title {
    padding: 0 2.5rem 1rem;
    border-bottom: #f4800d 2px solid;
    text-align: center;
    position: relative;
}
.arrowLine-title::after {
    content: "";
    background-color: #F8F8F8;
    position: absolute;
    bottom: -8px;
    left: calc(50% - 7px);
    width: 14px;
    height: 14px;
    border-top: 2px solid #f4800d;
    border-right: 2px solid #f4800d;
    transform: rotate(135deg);
}
/* Text */
.text-ruby {
    font-size: 0.5rem;
}

/* List */
.list-mark-disk li {
    list-style: disc;
    list-style-position: inside;
    text-indent: -1.0rem;
    margin-left: 1.0rem;
}

/* Modal Content */
.modal-content {
    border: #165faa 3px solid;
    border-radius: 1.0rem;
}

/* Button */
.btn {
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 60%;
    border-radius: 30px;
}
.btn-primary {
	background: #f4800d!important;
    border: none;
}
.btn-txt {
	display: block;
	font-family: "Noto Sans JP";
	font-size: 1.12rem;
	font-feature-settings: "palt";
	background: #ffffff;
	color: #f4800d;
	border: #f4800d 3px solid;
	border-radius: 45px;
	padding: 0.8rem;
}
#btn-pagetop {
	background: rgba(22, 95, 170, 0.8);
	position: fixed;
	right: 0;
	bottom: 5vh;
	width: 20vw;
	height: 20vw;
	z-index: 999;
}
#btn-pagetop a {
	display: block;
}
#btn-moyamoya {
	position: fixed;
	bottom: 15vh;
	right: -5vw;
	width: 40vw;
	height: auto;
    z-index: 3;
	-webkit-transform: translateX(100%);
	-webkit-transition: transform 500ms ease-out;
	transform: translateX(100%);
	transition: transform 500ms ease-out;
}
#btn-moyamoya.active {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
#btn-moyamoya img {
	width: 100%;
	height: auto;
	filter: drop-shadow(5px 5px 10px #aaa);
}
/* Modal Content Button */
.modal-content button.close {
    background-color: #165faa;
    width: 60px;
    line-height: 60px;
    border-radius: 50%;
    position: absolute;
    top: -0.8rem;
    right: -0.8rem;
    opacity: 1;
    z-index: 5;
}
.btn.readMore {
        width: 60%;
    }

/* Button Arrow */
.btn-arrow {
    position: relative;
}
.btn-arrow::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 17.3px;
	position: absolute;
	top: calc(50% - 10px);
	right: 5vw;
}
.btn-arrow-cBlue::after {
	border-color: transparent transparent transparent #165faa;
}
.btn-arrow-cOrange::after {
	border-color: transparent transparent transparent #f4800d;
}
.btn-arrow-cWhite::after {
	border-color: transparent transparent transparent #ffffff;
}

/* Border-Radius */
.rounded-large {
	border-radius: 20px!important;
}

/* Background Images */
span[class^="image-bg-"] {
	position: absolute;
}
span[class^="image-bg-"] img {
	width: 100%;
	height: auto;
}
.image-bg-dynamicfuture, .image-bg-car {display: none;}
.animate-fluffy01 {
	-webkit-animation: fluffy01 1200ms ease 200ms infinite alternate;
	animation: fluffy01 1200ms ease 200ms infinite alternate;
}
.animate-fluffy02 {
	-webkit-animation: fluffy02 2300ms ease 100ms infinite alternate;
	animation: fluffy02 1200ms ease 100ms infinite alternate;
}
.animate-fluffy03 {
	-webkit-animation: fluffy01 1600ms ease 500ms infinite alternate;
	animation: fluffy01 1500ms ease 500ms infinite alternate;
}

/* Charactor Image */
[class^="imgChara-"] {
    position: relative;
}
.imgChara-CEO::after {
    content: "";
    position: absolute;
    background: url("../../_img/recruit/highschool/_common/img_ceo_adachi_01.png") no-repeat center center;
    background-size: contain;
    width: 250px;
    min-height: 250px;
    bottom: 0;
    right: -80px;
}

/*------------------------------*/
/* Media Query */
/*------------------------------*/
/* Smart phone */
@media screen and (max-width:575px){
    /*------------------------------*/
    /* General */
    /*------------------------------*/
    main .container {
        overflow-x: hidden;
    }
    
	/*------------------------------*/
	/* Header & Header Nav */
	/*------------------------------*/
	.navbar::after {
		width: 30px;
		height: 60px;
	}
    .brand-menu .navbar-brand {
        position: absolute;
        width: 25vw;
        top: 0;
        left: 0;
        margin: 0.5em;
        z-index: 9999;
    }
    .brand-menu .lead {
        position: absolute;
        margin-left: calc(25vw + 0.5em);
        top: 0;
        left: 0;
    }
    header nav.navbar {
        /*height: 100%;*/
        min-height: 60px;
        z-index: 999;
    }
    header.active nav.navbar {
        height: 100%;
    }
    #navbarSupportedContent {
        position: absolute;
    }
    .list-group {
        height: 100%;
        justify-content: flex-start;
    }
	/*------------------------------*/
	/* Contents */
	/*------------------------------*/
	/* Top Contents */
	#ctTop h1 {
		transform: translate3d(1200px, 0, 0);
	}
	#top-takashi {
		transform: translate3d(-1200px, 0, 0);
	}
	/* Background Images */
	.image-bg-dynamicfuture {
		width: 25vw;
		top: calc(50% - 2.5rem * 1.5);
		right: 5vw;
	}
	.image-bg-car {
		filter: drop-shadow(3px 3px 3px #aaaaaa);
		width: 20vw;
		top: calc(50% - 2.5rem);
		right: 5vw;
	}
	.image-bg-parts {
		width: 20vw;
	}
	.parts-image-01 {top: 12vh; left: 0vw;}
	.parts-image-02 {top: -2vh; right: 10vw;}
	.parts-image-03 {top: 10vh; right: 3vw;}
	.parts-image-r1, .parts-image-r2, .parts-image-l1, .parts-image-l2 {display: none;}
    
	/* Main Contents */
	#ctMenu .card {
		width: 92vw;
		height: 92vw;
	}
    h2 {
        font-size: 1.8rem;
    }
    
    /* Page Header */
    .page-header h1, .page-header p,
    .pageEyecatch h1, .pageEyecatch p {
        position: absolute;
        left: calc(25% + 5rem);
    }
    .page-header h1, .pageEyecatch h1 {
        top: calc(50% + 0.1rem);
        font-size: 1.5rem;
    }
    .page-header p, .pageEyecatch p {
        bottom: calc(50% + 0.1rem);
        font-size: 0.8rem;
    }
    #corp.pageEyecatch::after, #work.pageEyecatch::after,
    #interview.pageEyecatch::after, #schedule.pageEyecatch::after,
    #qanda.pageEyecatch::after, #recruit.pageEyecatch::after {
        top: 5%;
        width: 250px;
        height: 250px;
        left: -10%;
    }
    #interview.pageEyecatch::after {
        left: -20%;
    }
    
    /* Corp Page */
    .ctCorp-about > div, .ctCorp-about > div:nth-of-type(odd) {
        width: 100%;
        padding: 0 0 250px;
        box-sizing: border-box;
    }
    .ctCorp-about > div:nth-of-type(1) {
        background: url("../../_img/recruit/highschool/corp/img_corp_01.png") no-repeat center bottom;
        background-size: auto 250px;
    }
    .ctCorp-about > div:nth-of-type(2) {
        background: url("../../_img/recruit/highschool/corp/img_corp_02.png") no-repeat center bottom;
        background-size: auto 250px;
    }
    .ctCorp-about h3, .ctCorp-about p {
        line-height: 2.0rem;
    }
    .ctCorp-works {
        padding-bottom: 250px;
    }
    .ctCorp-works::before {
        background: url("../../_img/recruit/highschool/corp/bg_corp_works_01.png") no-repeat center bottom;
        background-size: contain;
        width: 100%;
        min-height: 250px;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .ctCorp-works h2 {
        width: 100%;
        margin: 0 0 250px;
    }
    .ctCorp-greetings h3, .ctCorp-greetings p {
        line-height: 1.5rem;
    }
    
    /* Work Page */
    .ctWorks-work {
        width: 100%;
        padding: 0 0 250px;
        box-sizing: border-box;
        background: url("../../_img/recruit/highschool/works/bg_works_work_01.png") no-repeat center bottom;
        background-size: auto 250px;
    }
    .ctWorks-parts dl {
        padding-left: 0;
        padding-bottom: 300px;
        background: url("../../_img/recruit/highschool/works/bg_works_parts_01.png") no-repeat center bottom;
        background-size: auto 350px;
        min-height: 350px;
    }
    .ctWorks-parts dt figure img {
        width: 15%;
    }
    .ctWorks-parts dd {
        padding-left: calc(15% + 1.0rem);
    }
    .ctWorks-section .section > li {
        padding-left: 0;
        padding-top: 280px;
        margin-bottom: 5rem;
    }
    .ctWorks-section .section > li {
        text-align: center;
    }
    .ctWorks-section li.hotforging,
    .ctWorks-section li.coldforging,
    .ctWorks-section li.precision,
    .ctWorks-section li.rotational,
    .ctWorks-section li.qualitycontrol,
    .ctWorks-section li.technology {
        background-position: center top;
        background-size: auto 280px;
    }
    .modal-content {
        padding-top: 1.5rem;
        text-align: left;
    }
    .ctWorks-section li.hotforging::after, .ctWorks-section li.coldforging::after, .ctWorks-section li.precision::after, .ctWorks-section li.rotational::after, .ctWorks-section li.qualitycontrol::after, .ctWorks-section li.technology::after {
        top: calc(280px - 25vw + 0.5rem);
        bottom: auto;
        width: 25vw;
        height: 25vw;
    }
    /*.hotforging .modal-body-head::after, .coldforging .modal-body-head::after, .precision .modal-body-head::after, .rotational .modal-body-head::after, .qualitycontrol .modal-body-head::after, .technology .modal-body-head::after {
        width: 15vw;
        height: 15vw;
        right: calc(50% - 15vw);
        top: 0.5rem;
    }
    .precision .modal-body-head::after, .rotational .modal-body-head::after {
        right: calc(50% - 15vw - 3.0rem);
    }*/
    
    /* Interview Page */
    .ctInterview-head {
        width: 100%;
        padding: 0 0 250px;
        box-sizing: border-box;
        background: url("../../_img/recruit/highschool/interview/img_interview_01.png") no-repeat center bottom;
        background-size: auto 250px;
    }
    .ctInterview.inPageMenu figure {
        width: 100%;
    }
    .ctInterview.inPageMenu figure img {
        width: 30%;
        border-radius: 6px 0 0 6px;
    }
    .ctInterview.inPageMenu figcaption {
        width: 70%;
        float: right;
        padding-left: 1.0rem;
    }
    nav.ctInterview a[href^="#interviewContent"] {
        background-color: #ffffff;
        border-radius: 6px;
        box-sizing: border-box;
        filter: drop-shadow(2px 2px 0px rgba(125,125,125,0.5));
    }
    nav.ctInterview a[href^="#interviewContent"] > p {
        top: auto;
        bottom: 0.5rem;
        right: 0.8rem;
        left: auto;
        opacity: 0.5;
    }
    .interviewHeader-body h3 {
        width: 70%;
    }
    .dailySchedule h4 {
        width: 100%;
        margin-left: 0;
    }
    .interviewBody dl {
        margin-bottom: 3.0rem;
    }
    .interviewBody dl:nth-of-type(odd),
    .interviewBody dl:nth-of-type(even) {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 220px;
    }
    .interviewBody-content:nth-of-type(1) {
        background: url("../../_img/recruit/highschool/interview/img_interview_01_01.jpg") no-repeat right bottom;
        background-size: auto 250px;
    }
.interviewBody-content:nth-of-type(2) {
        background: url("../../_img/recruit/highschool/interview/img_interview_01_02.jpg") no-repeat left bottom;
        background-size: auto 250px;
    }
    .interviewBody-content:nth-of-type(3) {
        background: url("../../_img/recruit/highschool/interview/img_interview_01_03.jpg") no-repeat right bottom;
        background-size: auto 250px;
    }
    .dailySchedule .time-label {
        display: inline-block;
        width: 4.0rem;
    }
    .dailySchedule .material-icons {
        width: 2.0rem;
    }
    .dailySchedule .action-label {
        writing-mode: horizontal-tb;
        line-height: 2.0rem;
        width: auto;
        margin: auto;
    }
    .dailySchedule-body li {
        line-height: 3.0rem;
    }
    .dailySchedule-body::before {
        border-top: none;
        border-left: #165faa 2px solid;
        width: 1px;
        height: 100%;
        top: 0;
        left: calc(15px + 5.0rem);
    }
	#recruit-interview #interviewContent1 ul:first-of-type,
	#recruit-interview #interviewContent2 ul:first-of-type{
		margin-bottom: 0;
	}
    
    /* Q and A Page */
    .ctQanda-head, .ctQanda-footer {
        width: 100%;
        padding: 0 0 250px;
        box-sizing: border-box;
        background: url("../../_img/recruit/highschool/qanda/img_qanda_01.png") no-repeat center bottom;
        background-size: auto 250px;
    }
    .ctQanda dd {
        margin: 1.0rem 1.0rem 5.0rem;
    }
    .ctQanda dd::after {
        width: 0;
        height: 0;
        top: auto;
        bottom: -1.6rem;
        left: calc((100% - 0.8rem) / 2);
        border-style: solid;
        border-width: 1.6rem 0.8rem 0 0.8rem;
        border-color: #c9ebfd transparent transparent transparent;
    }
    .ctQanda dl {
        background: url(../../_img/recruit/highschool/qanda/img_qanda_02.png) no-repeat center bottom;
        background-size: auto 250px;
        padding-bottom: 200px;
    }
    
    /* Recruit Page */
    #recruit-recruit th {
        width: 30%;
    }
    
    /*------------------------------*/
    /* Parts */
    /*------------------------------*/
    /* Title */
    .arrowLine-title {
        padding: 0 0rem 1rem;
    }
    
    /* Button */
    .btn {
        width: 100%;
    }
    .btn.readMore {
        width: 70%;
    }
    .btn-arrow {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    /* Modal Content Button */
    .modal-content button.close {
        width: 15vw;
        line-height: 15vw;
    }
}

/* Smart phone Large & Tablet device(iPad:portrait) */
@media screen and (min-width:576px) {
    /*------------------------------*/
    /* General */
    /*------------------------------*/
    main .container {
        overflow-x: hidden;
    }
    
	/*------------------------------*/
	/* Header & Header Nav */
	/*------------------------------*/
	/*nav.navbar {
		height: calc(100vh - 60px);
	}*/
	.navbar::after {
		width: 30px;
		height: 60px;
	}
	
	/*------------------------------*/
	/* Contents */
	/*------------------------------*/
	#ctTop h1 {
		transform: translate3d(1200px, 0, 0);
	}
	#top-takashi {
		transform: translate3d(-1200px, 0, 0);
	}
	/* Background Images */
	.image-bg-dynamicfuture {
		width: 25vw;
		top: calc(50% - 2.5rem * 1.5);
		right: 5vw;
	}
	.image-bg-car {
		filter: drop-shadow(3px 3px 3px #aaaaaa);
		width: 20vw;
		top: calc(50% - 2.5rem);
		right: 5vw;
	}
	.image-bg-parts {
		width: 12vw;
	}
	.parts-image-01 {top: 2vh; left: 0vw;}
	.parts-image-02 {top: -2vh; right: 10vw;}
	.parts-image-03 {top: 5vh; right: 3vw;}
	.parts-image-r1, .parts-image-r2, .parts-image-l1, .parts-image-l2 {display: none;}
	
	/* Main Contents */
	#ctMenu .card {
		/*width: 92vw;*/
		height: 92vw;
	}
    
    /* Page Header */
    .page-header h1, .page-header p,
    .pageEyecatch h1, .pageEyecatch p {
        position: absolute;
        left: calc(25% + 5rem);
    }
    .page-header h1, .pageEyecatch h1 {
        top: calc(50% + 0.1rem);
        font-size: 1.5rem;
    }
    .page-header p, .pageEyecatch p {
        bottom: calc(50% + 0.1rem);
        font-size: 0.8rem;
    }
    #corp.pageEyecatch::after, #work.pageEyecatch::after,
    #interview.pageEyecatch::after, #schedule.pageEyecatch::after,
    #qanda.pageEyecatch::after, #recruit.pageEyecatch::after {
        top: 5%;
        width: 250px;
        height: 250px;
        left: 0%;
    }
    #interview.pageEyecatch::after {
        left: -5%;
    }
    
    /* Corp Page */
    .ctCorp-about > div, .ctCorp-about > div:nth-of-type(odd) {
        width: 100%;
        padding: 0 0 250px;
        box-sizing: border-box;
    }
    .ctCorp-about > div:nth-of-type(1) {
        background: url("../../_img/recruit/highschool/corp/img_corp_01.png") no-repeat center bottom;
        background-size: auto 250px;
    }
    .ctCorp-about > div:nth-of-type(2) {
        background: url("../../_img/recruit/highschool/corp/img_corp_02.png") no-repeat center bottom;
        background-size: auto 250px;
    }
    .ctCorp-about h3, .ctCorp-about p {
        line-height: 2.0rem;
    }
    .ctCorp-works {
        padding-bottom: 250px;
    }
    .ctCorp-works::before {
        background: url("../../_img/recruit/highschool/corp/bg_corp_works_01.png") no-repeat center bottom;
        background-size: contain;
        width: 100%;
        min-height: 250px;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .ctCorp-works h2 {
        width: 100%;
        margin: 0 0 250px;
    }
    .ctCorp-greetings h3, .ctCorp-greetings p {
        line-height: 1.5rem;
    }
    
    /* Work Page */
    .ctWorks-work {
        width: 100%;
        padding: 0 0 250px;
        box-sizing: border-box;
        background: url("../../_img/recruit/highschool/works/bg_works_work_01.png") no-repeat center bottom;
        background-size: auto 250px;
    }
    .ctWorks-parts dl {
        padding-left: 0;
        padding-bottom: 300px;
        background: url("../../_img/recruit/highschool/works/bg_works_parts_01.png") no-repeat center bottom;
        background-size: auto 350px;
        min-height: 350px;
    }
    .ctWorks-section .section > li {
        padding-left: 50%;
        padding-top: 0px;
        margin-bottom: 5rem;
        min-height: inherit;
    }
    .ctWorks-section li.hotforging,
    .ctWorks-section li.coldforging,
    .ctWorks-section li.precision,
    .ctWorks-section li.rotational,
    .ctWorks-section li.qualitycontrol,
    .ctWorks-section li.technology {
        background-position: left center;
        background-size: 45% auto;
    }
    .ctWorks-section li.hotforging::after, .ctWorks-section li.coldforging::after, .ctWorks-section li.precision::after, .ctWorks-section li.rotational::after, .ctWorks-section li.qualitycontrol::after, .ctWorks-section li.technology::after {
        width: 12.5vw;
        height: 12.5vw;
    }
    .modal-content {
        padding-top: 1.5rem;
    }
    
    /* Interview Page */
    main#recruit-interview .container {
        overflow-x: visible;
    }
    .ctInterview-head {
        width: 100%;
        padding: 0 0 250px;
        box-sizing: border-box;
        background: url("../../_img/recruit/highschool/interview/img_interview_01.png") no-repeat center bottom;
        background-size: auto 250px;
    }
    .ctInterview.inPageMenu figure {
        width: 100%;
    }
    .ctInterview.inPageMenu figure img {
        width: 30%;
        border-radius: 6px 0 0 6px;
    }
    .ctInterview.inPageMenu figcaption {
        width: 70%;
        float: right;
        padding-left: 1.0rem;
    }
    nav.ctInterview a[href^="#interviewContent"] {
        background-color: #ffffff;
        border-radius: 6px;
        box-sizing: border-box;
        filter: drop-shadow(2px 2px 0px rgba(125,125,125,0.5));
    }
    nav.ctInterview a[href^="#interviewContent"] > p {
        top: auto;
        bottom: 0.5rem;
        right: 0.8rem;
        left: auto;
        opacity: 0.5;
    }
    .interviewHeader-body h3 {
        width: 70%;
    }
    .dailySchedule h4 {
        width: 100%;
        margin-left: 0;
    }
    .interviewBody dl {
        margin-bottom: 3.0rem;
    }
    .interviewBody dl:nth-of-type(odd),
    .interviewBody dl:nth-of-type(even) {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 220px;
    }
    .interviewBody-content:nth-of-type(1) {
        background: url("../../_img/recruit/highschool/interview/img_interview_01_01.jpg") no-repeat right bottom;
        background-size: auto 250px;
    }
    .interviewBody-content:nth-of-type(2) {
        background: url("../../_img/recruit/highschool/interview/img_interview_01_02.jpg") no-repeat left bottom;
        background-size: auto 250px;
    }
    .interviewBody-content:nth-of-type(3) {
        background: url("../../_img/recruit/highschool/interview/img_interview_01_03.jpg") no-repeat right bottom;
        background-size: auto 250px;
    }
    .dailySchedule .time-label {
        display: inline-block;
        width: 4.0rem;
    }
    .dailySchedule .material-icons {
        width: 2.0rem;
    }
    .dailySchedule .action-label {
        writing-mode: horizontal-tb;
        line-height: 2.0rem;
        width: auto;
        margin: auto;
    }
    .dailySchedule-body li {
        line-height: 3.0rem;
    }
    .dailySchedule-body::before {
        border-top: none;
        border-left: #165faa 2px solid;
        width: 1px;
        height: 100%;
        top: 0;
        left: calc(15px + 5.0rem);
    }
	#recruit-interview #interviewContent1 ul:first-of-type,
	#recruit-interview #interviewContent2 ul:first-of-type{
		margin-bottom: 0;
	}
    
    /* Q and A Page */
    .ctQanda-head, .ctQanda-footer {
        width: 100%;
        padding: 0 0 250px;
        box-sizing: border-box;
        background: url("../../_img/recruit/highschool/qanda/img_qanda_01.png") no-repeat center bottom;
        background-size: auto 250px;
    }
    .ctQanda dd {
        margin: 1.0rem 1.0rem 5.0rem;
    }
    .ctQanda dd::after {
        width: 0;
        height: 0;
        top: auto;
        bottom: -1.6rem;
        left: calc((100% - 0.8rem) / 2);
        border-style: solid;
        border-width: 1.6rem 0.8rem 0 0.8rem;
        border-color: #c9ebfd transparent transparent transparent;
    }
    .ctQanda dl {
        background: url(../../_img/recruit/highschool/qanda/img_qanda_02.png) no-repeat center bottom;
        background-size: auto 250px;
        padding-bottom: 200px;
    }
    
    /* Recruit Page */
    #recruit-recruit th {
        width: 30%;
    }
	
	/*------------------------------*/
	/* Parts */
	/*------------------------------*/
	/* Button */
	#btn-pagetop {
		width: 15vw;
		height: 15vw;
	}
	#btn-moyamoya {
		width: 25vw;
		bottom: 30vh;
	}
    .btn.readMore {
        width: 80%;
    }
    .btn-arrow::after {
        right: 10%;
    }
}

/* Smart phone:landscape) */
@media screen and (min-width:576px) and (orientation:landscape) {
    /*------------------------------*/
    /* General */
    /*------------------------------*/
    main .container {
        overflow-x: hidden;
    }
    
	/*------------------------------*/
	/* Header & Header Nav */
	/*------------------------------*/
	header.active .navbar {
		overflow: visible;
	}
	#navbarSupportedContent {
		position: absolute;
		height: calc(100vh - 60px);
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
	#navbarSupportedContent > ul {
		padding-bottom: 60px;
	}

	/*------------------------------*/
	/* Contents */
	/*------------------------------*/
	/* Main Contents */
	#ctMenu .card {
		width: 100%;
		height: 70vw;
	}
}

/* Tablet device */
@media screen and (min-width:768px) {
    /*------------------------------*/
    /* General */
    /*------------------------------*/
    main .container {
        overflow-x: hidden;
    }
    
	/*------------------------------*/
	/* Header & Header Nav */
	/*------------------------------*/
	header .navbar-brand img {
		width: 20vw;
		height: auto;
	}
	.menu-trigger{
		height: 80px;
		width:  80px;
	}
	.navbar::after {
		width: 40px;
		height: 80px;
	}
	header .brand-menu p.lead {
		font-size: 1.2rem;
	}
	#navbarSupportedContent {
		top: 80px;
        width: 60vw;
	}
	.menu-trigger.active span:nth-of-type(1) {
		top: 22.5%;
	}
	
	/*------------------------------*/
	/* Contents */
	/*------------------------------*/
	main {
		padding-top: 80px;
	}
	#ctTop h1 {
		font-size: 4.8rem;
		top: calc(50% - 4.8rem * 3);
		-webkit-transform: translate3d(1200px, 0, 0);
		transform: translate3d(1200px, 0, 0);
	}
	#ctTop figure {
		position: relative;
	}
	#ctTop figcaption {
		position: absolute;
		bottom: 15vh;
	}
	#top-takashi {
		-webkit-transform: translate3d(-1200px, 0, 0);
		transform: translate3d(-1200px, 0, 0);
	}
	#ctTop #chara-fukidashi {
		width: 70%;
		top: calc(50% + 4.8rem);
	}
	/* Background Images */
	.image-bg-dynamicfuture {
		width: 20vw;
		top: calc(50% - 2.5rem * 1.5);
		right: 5vw;
	}
	.image-bg-car {
		filter: drop-shadow(3px 3px 3px #aaaaaa);
		width: 15vw;
		top: calc(50% - 2.5rem);
		right: 5vw;
	}
	.image-bg-parts {
		width: 20vw;
	}
	.parts-image-01 {top: 8vh; left: 0vw;}
	.parts-image-02 {top: 0vh; right: 10vw;}
	.parts-image-03 {top: 18vh; right: 3vw;}
	.parts-image-r1 {top: 22vh; right: -10vw;}
	.parts-image-r2 {top: 43vh; right: -18vw;}
	.menu-interview + .parts-image-r1 {top: 20vh; right: -20vw;}
	.parts-image-l1 {top: 10vh; left: -10vw;}
	.parts-image-l2 {top: 23vh; left: -18vw;}
	.menu-works + .parts-image-l1 {top: 22vh; left: -20vw;}
	.menu-works + .parts-image-l1 + .parts-image-l2 {top: 36vh; left: -12vw;}
	.menu-works + .parts-image-l1 + .parts-image-l2 img {transform: rotate(45deg);}
	
	/* Main Contents */
	#ctMenu .card {
		border: #165faa 8px solid;
		/*width: 70vw;*/
		height: 70vw;
	}
    
    #corp.pageEyecatch::after, #work.pageEyecatch::after, #interview.pageEyecatch::after, #schedule.pageEyecatch::after, #qanda.pageEyecatch::after, #recruit.pageEyecatch::after {
        top: -10%;
        width: 40vw;
        height: 40vw;
    }
    .pageEyecatch h1, .pageEyecatch p {
        left: calc(25% + 5rem);
        font-size: 3.0rem;
    }
    .pageEyecatch p {
        font-size: 1.0rem;
    }
    /* Page Header -CORP- */
    #corp.pageEyecatch::after {
        left: 0;
    }

    /* Page Header -WORK- */
    #work.pageEyecatch::after {
        left: -5%;
    }

    /* Page Header -INTERVIEW- */
    #interview.pageEyecatch::after {
        left: -10%;
    }

    /* Page Header -SCHEDULE- */
    #schedule.pageEyecatch::after {
        left: -5%;
    }

    /* Page Header -Q AND A- */
    #qanda.pageEyecatch::after {
        left: -5%;
    }

    /* Page Header -RECRUIT- */
    #recruit.pageEyecatch::after {
        left: 0;
    }
    
    /* Corp Page */
    .ctCorp-about, .ctCorp-works, .ctCorp-greetings {
        margin-bottom: 7rem;
    }
    .ctCorp-about > div {
        width: 100%;
        padding-left: 0;
        padding-right: 40%;
        box-sizing: border-box;
    }
    .ctCorp-about > div:nth-of-type(odd) {
        padding-left: 40%;
        padding-right: 0;
    }
    .ctCorp-about > div:nth-of-type(1) {
        background: url("../../_img/recruit/highschool/corp/img_corp_01.png") no-repeat left center;
        background-size: 40% auto;
        padding-bottom: 0;
    }
    .ctCorp-about > div:nth-of-type(2) {
        background: url("../../_img/recruit/highschool/corp/img_corp_02.png") no-repeat right center;
        background-size: 40% auto;
        padding-bottom: 0;
    }
    .ctCorp-about h3, .ctCorp-about p {
        line-height: 3.0rem;
    }
    .ctCorp-works {
        position: relative;
        padding-bottom: 0;
    }
    .ctCorp-works::before {
        content: "";
        position: absolute;
        background: url("../../_img/recruit/highschool/corp/bg_corp_works_01.png") no-repeat left center;
        background-size: contain;
        width: 250px;
        height: 250px;
        top: calc((250px / 3) * -1);
        left: 0;
        z-index: 1;
    }
    .ctCorp-works h2 {
        width: 75%;
        margin-left: 25%;
        padding-right: 0;
        box-sizing: border-box;
        text-align: left;
    }
    .ctCorp-greetings h3, .ctCorp-greetings p {
        line-height: 3.0rem;
    }

    /* Work Page */
    .ctWorks-work, .ctWorks-parts, .ctWorks-section {
        margin-bottom: 7rem;
    }
    .ctWorks-parts dl {
        padding-left: 40%;
        background: url("../../_img/recruit/highschool/works/bg_works_parts_01.png") no-repeat left center;
        background-size: 40% auto;
        min-height: 350px;
        padding-bottom: 0;
    }
    .ctWorks-work /*> div*/{
        width: 100%;
        padding-left: 0;
        padding-right: 35%;
        padding-bottom: 0;
        box-sizing: border-box;
        background: url("../../_img/recruit/highschool/works/bg_works_work_01.png") no-repeat right center;
        background-size: 40% auto;
        min-height: 250px;
    }
    .ctWorks-section .section > li {
        padding-left: 45%;
        padding-top: 2rem;
        min-height: 250px;
        margin-bottom: 3rem;
    }
    .ctWorks-section li.hotforging {
        background-size: 40% auto;
    }
    .ctWorks-section li.coldforging {
        background-size: 40% auto;
    }
    .ctWorks-section li.precision {
        background-size: 40% auto;
    }
    .ctWorks-section li.rotational {
        background-size: 40% auto;
    }
    .ctWorks-section li.qualitycontrol {
        background-size: 40% auto;
    }
    .ctWorks-section li.technology {
        background-size: 40% auto;
    }
    .ctWorks-section h3 span {
        display: block;
        font-size: 1.0rem;
    }
    .ctWorks-section .modal-body-head dd {
        line-height: 1.5rem;
    }
    .operation-list li, .works-list li {
        list-style: disc;
        list-style-position: inside;
        text-indent: -1.5rem;
        padding-left: 1.5rem;
        margin: 0.5rem 0 0.5rem 1.5rem;
    }
    .ctWorks-section .employeeName {
        font-size: 2.2rem;
        font-weight: bold;
    }
    .ctWorks-section .employeeName span {
        font-size: 1.0rem;
        display: block;
    }
    .modal-dialog {
        max-width: 640px;
    }

    /* Interview Page */
    main#recruit-interview .container {
        overflow-x: visible;
    }
    .ctInterview-head {
        margin-bottom: 2rem;
    }
    .ctInterview-head {
        width: 100%;
        padding-left: 0;
        padding-right: 35%;
        padding-bottom: 0;
        box-sizing: border-box;
        background: url("../../_img/recruit/highschool/interview/img_interview_01.png") no-repeat right center;
        background-size: 35% auto;
        min-height: 250px;
    }
    nav.ctInterview p, nav.ctInterview p span
    nav.ctInterview p b ,nav.ctInterview dd span,
    .interviewHeader p, .interviewHeader p span,
    .interviewHeader p b, .interviewHeader dd span,
    .ctSchedule-flow p span, .ctSchedule-flow p b {
        font-family: "Bebas Neue";
    }
    nav.ctInterview p b, .interviewHeader p b,
    .ctSchedule-flow p b {
        line-height: 3.0rem;
        font-weight: 600;
    }
    nav.ctInterview a[href^="#interviewContent"] {
        display: block;
        background-color: transparent;
        border-radius: 0;
        filter: none;
    }
    nav.ctInterview a[href^="#interviewContent"] > p {
        position: absolute;
        top: -2.5rem;
        right: 0;
        left: 1.5rem;
        opacity: 1;
    }
    nav.ctInterview ol > li {
        position: relative;
    }
    .ctInterview.inPageMenu figure img {
        width: auto;
        border-radius: 0;
    }
    .ctInterview.inPageMenu figcaption {
        width: auto;
        float: none;
        padding-left: 0;
    }
    #interviewContent1 .interviewHeader {
        position: relative;
    }
    .interviewHeader-body {
        background: url("../../_img/recruit/highschool/interview/bg_interview_01.jpg") no-repeat center center;
        background-size: cover;
        margin-left: calc((100vw - 100%) / 2 * -1);
        margin-right: calc((100vw - 100%) / 2 * -1);
        padding: 1.5rem calc((100vw - 100%) / 2) 0;
        height: 350px;
    }
    .interviewHeader-body h3 {
        width: 50%;
    }
    .dailySchedule h4 {
        width: 60%;
        margin-left: 20%;
    }
    .interviewBody dl:nth-of-type(odd) {
        width: 100%;
        padding-right: 50%;
        padding-bottom: 0;
    }
    .interviewBody dl:nth-of-type(even) {
        width: 100%;
        padding-left: 50%;
        padding-bottom: 0;
    }
    .interviewBody dt {
        font-size: 1.2rem;
        font-weight: normal;
        text-indent: -1.0rem;
        margin-left: 1.0rem;
        margin-bottom: 0.5rem;
    }
    .interviewBody dd {
        margin-bottom: 3.5rem;
        margin-left: 1.0rem;
    }
    .interviewBody-content:nth-of-type(1) {
        background: url("../../_img/recruit/highschool/interview/img_interview_01_01.jpg") no-repeat right top;
        background-size: 45% auto;
    }
    .interviewBody-content:nth-of-type(2) {
        background: url("../../_img/recruit/highschool/interview/img_interview_01_02.jpg") no-repeat left top;
        background-size: 45% auto;
    }
    .interviewBody-content:nth-of-type(3) {
        background: url("../../_img/recruit/highschool/interview/img_interview_01_03.jpg") no-repeat right top;
        background-size: 45% auto;
    }
	#interviewContent2 .interviewBody-content:nth-of-type(1) {
		background: url("../../_img/recruit/highschool/interview/img_interview_02_01.jpg") no-repeat right top;
		background-size: 45% auto;
	}
	#interviewContent2 .interviewBody-content:nth-of-type(2) {
		background: url("../../_img/recruit/highschool/interview/img_interview_02_02.jpg") no-repeat left top;
		background-size: 45% auto;
	}
	#interviewContent2 .interviewBody-content:nth-of-type(3) {
		background: url("../../_img/recruit/highschool/interview/img_interview_02_03.jpg") no-repeat right top;
		background-size: 45% auto;
	}
    .dailySchedule .time-label, .dailySchedule .action-label {
        text-align: center;
    }
    .dailySchedule .time-label {
        font-family: "Bebas Neue";
        font-size: 1.5rem;
        line-height: 2.0rem;
    }
    .dailySchedule .action-label {
        writing-mode: vertical-lr;
        width: 1.5rem;
        margin: 0 calc((100% - 1.5rem) / 2);
    }
    .dailySchedule .material-icons {
        width: 100%;
        text-align: center;
        font-size: 1.5rem;
        line-height: 2.0rem;
    }
    .dailySchedule-body {
        position: relative;
        /*min-height: 25rem;*/
    }
    .dailySchedule-body::before {
        content: "";
        position: absolute;
        top: 4.15rem;
        left: auto;
        border-top: #165faa 2px solid;
        width: 100%;
        height: 1px;
    }

    /* Schedule Page */
    .ctSchedule-flow figcaption p {
        font-size: 1.2rem;
    }
    .ctSchedule-flow ol li {
        position: relative;
        padding-bottom: 5.0rem;
    }
    .ctSchedule-flow ol li::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin-left: calc((100% - 6.0rem) / 2);
        border-style: solid;
        border-width: 2.5rem 3.0rem 0 3.0rem;
        border-color: #f4800d transparent transparent transparent;
    }
    .ctSchedule-flow ol li:last-child::after {
        content: none;
    }

    /* Q and A Page */
    .ctQanda-head, .ctQanda-footer {
        margin-bottom: 2rem;
    }
    .ctQanda-head, .ctQanda-footer {
        width: 100%;
        padding-right: 0;
        padding-left: 40%;
        padding-bottom: 0;
        box-sizing: border-box;
        background: url("../../_img/recruit/highschool/qanda/img_qanda_01.png") no-repeat left center;
        background-size: 40% auto;
        min-height: 250px;
    }
    .ctQanda-footer {
        background-size: contain;
    }
    .ctQanda dt {
        font-size: 1.5rem;
    }
    .ctQanda dt i {
        font-style: normal;
    }
    .ctQanda dl {
        background: url("../../_img/recruit/highschool/qanda/img_qanda_02.png") no-repeat right bottom;
        background-size: auto 250px;
        min-height: 250px;
        padding-bottom: 0;
        margin-bottom: 5.0rem;
    }
    .ctQanda dd {
        background: #c9ebfd;
        padding: 1.5rem;
        margin: 1.0rem 30% 5.0rem 1.0rem;
        border-radius: 12px;
        position: relative;
        line-height: 1.8rem;
    }
    .ctQanda dd::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: calc((100% - 1.6rem) / 2);
        right: -1.6rem;
        left: auto;
        border-style: solid;
        border-width: 0.8rem 0 0.8rem 1.6rem;
        border-color: transparent transparent transparent #c9ebfd;
    }
	
	/*------------------------------*/
	/* Parts */
	/*------------------------------*/
	/* Button */
	#btn-pagetop {
		width: 15vw;
		height: 15vw;
	}
	#btn-moyamoya {
		width: 30vw;
	}
}

/* Tablet device & PC */
@media screen and (min-width:992px) {
    /*------------------------------*/
    /* General */
    /*------------------------------*/
    /* main .container {
        overflow-x: visible;
    } */
    
	/*------------------------------*/
	/* Header & Header Nav */
	/*------------------------------*/
	header .navbar-brand {
		padding: 0.75rem;
	}
	header .navbar-brand img {
		width: 20vw;
		height: auto;
	}
	header .brand-menu p.lead {
		font-size: 1.5rem;
	}
	.navbar::after {
		width: 40px;
		height: 80px;
	}
	.menu-trigger{
		height: 80px;
		width:  80px;
	}
	#navbarSupportedContent {
		width: 50%;
		top: 80px;
	}
	.menu-trigger.active span:nth-of-type(1) {
		top: 22.0%;
	}
	
	/*------------------------------*/
	/* Footer */
	/*------------------------------*/
	.ctSNS li img {
		max-width: 50%;
	}
	/*footer .jump-to-corp a {
		padding-left: 10vw;
	}*/
	
	/*------------------------------*/
	/* Contents */
	/*------------------------------*/
	main {
		padding-top: 80px;
	}
	#ctTop h1 {
		font-size: 4.5rem;
		top: calc(50% - 4.5rem * 3);
		left: 20vw;
		transform: translate3d(1200px, 0, 0);
	}
	#ctTop #top-takashi {
		width: 40%;
		margin: 0 30%;
		transform: translate3d(-1200px, 0, 0);
	}
	#ctTop #chara-fukidashi {
		width: 50%;
		top: calc(50% + 4.5rem);
	}
	#ctTop figure {
		position: relative;
	}
	#ctTop figcaption {
		position: absolute;
		top: calc(50% + 4.5rem);
		right: 10%;
	}
	/* Background Images */
	.image-bg-dynamicfuture {
		width: 20vw;
		top: calc(50% - 2.5rem * 1.5);
		right: 5vw;
	}
	.image-bg-car {
		filter: drop-shadow(3px 3px 3px #aaaaaa);
		width: 15vw;
		top: calc(50% - 2.5rem);
		right: 5vw;
	}
	.image-bg-parts {
		width: 15vw;
	}
	.parts-image-01 {top: 8vh; left: 0vw;}
	.parts-image-02 {top: -6vh; right: 10vw;}
	.parts-image-03 {top: 10vh; right: 3vw;}
	.parts-image-r1 {top: 22vh; right: -10vw;}
	.parts-image-r2 {top: 43vh; right: -18vw;}
	.menu-interview + .parts-image-r1 {top: 20vh; right: -20vw;}
	.parts-image-l1 {top: 22vh; left: -10vw;}
	.parts-image-l2 {top: 43vh; left: -18vw;}
	.menu-works + .parts-image-l1 {top: 22vh; left: -20vw;}
	.menu-works + .parts-image-l1 + .parts-image-l2 {top: 36vh; left: -12vw;}
	.menu-works + .parts-image-l1 + .parts-image-l2 img {transform: rotate(45deg);}
	
	/* Main Contents */
	#ctMenu .card {
		border: #165faa 8px solid;
		/*width: 70vw;*/
		height: 70vw;
		padding: 0.75rem;
	}
	#ctMenu .card-subtitle {
		font-size: 2.5rem;
	}
	#ctMenu h3 {
		font-size: 4.0rem;
	}
	#ctMenu p {
		font-size: 1.5rem;
	}
    
    #corp.pageEyecatch::after, #work.pageEyecatch::after, #interview.pageEyecatch::after, #schedule.pageEyecatch::after, #qanda.pageEyecatch::after, #recruit.pageEyecatch::after {
        top: -15%;
        width: 35vw;
        height: 35vw;
    }
    .pageEyecatch h1, .pageEyecatch p {
        left: calc(25% + 5rem);
    }
    /* Page Header -CORP- */
    #corp.pageEyecatch::after {
        left: 0;
    }

    /* Page Header -WORK- */
    #work.pageEyecatch::after {
        left: -5%;
    }

    /* Page Header -INTERVIEW- */
    #interview.pageEyecatch::after {
        left: -5%;
    }

    /* Page Header -SCHEDULE- */
    #schedule.pageEyecatch::after {
        left: 0;
    }

    /* Page Header -Q AND A- */
    #qanda.pageEyecatch::after {
        left: 0;
    }

    /* Page Header -RECRUIT- */
    #recruit.pageEyecatch::after {
        left: 0;
    }
    
    /* Corp Page */
    .ctCorp-about, .ctCorp-works, .ctCorp-greetings {
        margin-bottom: 7rem;
    }
    .ctCorp-about > div {
        width: 100%;
        padding-left: 0;
        padding-right: 40%;
        box-sizing: border-box;
    }
    .ctCorp-about > div:nth-of-type(odd) {
        padding-left: 40%;
        padding-right: 0;
    }
    .ctCorp-about > div:nth-of-type(1) {
        background: url("../../_img/recruit/highschool/corp/img_corp_01.png") no-repeat left center;
        background-size: contain;
        padding-bottom: 0;
    }
    .ctCorp-about > div:nth-of-type(2) {
        background: url("../../_img/recruit/highschool/corp/img_corp_02.png") no-repeat right center;
        background-size: contain;
        padding-bottom: 0;
    }
    .ctCorp-about h3, .ctCorp-about p {
        line-height: 3.0rem;
    }
    .ctCorp-works {
        position: relative;
        padding-bottom: 0;
    }
    .ctCorp-works::before {
        content: "";
        position: absolute;
        background: url("../../_img/recruit/highschool/corp/bg_corp_works_01.png") no-repeat left center;
        background-size: contain;
        width: 250px;
        height: 250px;
        top: calc((250px / 3) * -1);
        left: 0;
        z-index: 1;
    }
    .ctCorp-works h2 {
        width: 75%;
        margin-left: 25%;
        padding-right: 0;
        box-sizing: border-box;
        text-align: left;
    }
    .ctCorp-greetings h3, .ctCorp-greetings p {
        line-height: 3.0rem;
    }

    /* Work Page */
    .ctWorks-work, .ctWorks-parts, .ctWorks-section {
        margin-bottom: 7rem;
    }
    .ctWorks-parts dl {
        padding-left: 40%;
        background: url("../../_img/recruit/highschool/works/bg_works_parts_01.png") no-repeat left center;
        background-size: auto 350px;
        min-height: 350px;
        padding-bottom: 0;
    }
    .ctWorks-work /*> div*/{
        width: 100%;
        padding-left: 0;
        padding-right: 25%;
        padding-bottom: 0;
        box-sizing: border-box;
        background: url("../../_img/recruit/highschool/works/bg_works_work_01.png") no-repeat right center;
        background-size: auto 250px;
        min-height: 250px;
    }
    .ctWorks-section .section > li {
        padding-left: 40%;
        padding-top: 2rem;
        min-height: 250px;
        margin-bottom: 3rem;
    }
    .ctWorks-section li.hotforging {
        background: url("../../_img/recruit/highschool/works/img_work_section_hotforging.jpg") no-repeat left center;
        background-size: auto 100%;
    }
    .ctWorks-section li.coldforging {
        background: url("../../_img/recruit/highschool/works/img_work_section_coldforging.jpg") no-repeat left center;
        background-size: auto 100%;
    }
    .ctWorks-section li.precision {
        background: url("../../_img/recruit/highschool/works/img_work_section_precision.jpg") no-repeat left center;
        background-size: auto 100%;
    }
    .ctWorks-section li.rotational {
        background: url("../../_img/recruit/highschool/works/img_work_section_rotational.jpg") no-repeat left center;
        background-size: auto 100%;
    }
    .ctWorks-section li.qualitycontrol {
        background: url("../../_img/recruit/highschool/works/img_work_section_qualitycontrol.jpg") no-repeat left center;
        background-size: auto 100%;
    }
    .ctWorks-section li.technology {
        background: url("../../_img/recruit/highschool/works/img_work_section_technology.jpg") no-repeat left center;
        background-size: auto 100%;
    }
    .ctWorks-section h3 span {
        display: block;
        font-size: 1.0rem;
    }
    .ctWorks-section .modal-body-head dd {
        line-height: 1.5rem;
    }
    .operation-list li, .works-list li {
        list-style: disc;
        list-style-position: inside;
        text-indent: -1.5rem;
        padding-left: 1.5rem;
        margin: 0.5rem 0 0.5rem 1.5rem;
    }
    .ctWorks-section .employeeName {
        font-size: 2.2rem;
        font-weight: bold;
    }
    .ctWorks-section .employeeName span {
        font-size: 1.0rem;
        display: block;
    }
    .modal-dialog {
        max-width: 640px;
    }

    /* Interview Page */
    main#recruit-interview .container {
        overflow-x: visible;
    }
    .ctInterview-head {
        margin-bottom: 2rem;
    }
    .ctInterview-head {
        width: 100%;
        padding-left: 0;
        padding-right: 25%;
        padding-bottom: 0;
        box-sizing: border-box;
        background: url("../../_img/recruit/highschool/interview/img_interview_01.png") no-repeat right center;
        background-size: auto 250px;
        min-height: 250px;
    }
    nav.ctInterview p, nav.ctInterview p span
    nav.ctInterview p b ,nav.ctInterview dd span,
    .interviewHeader p, .interviewHeader p span,
    .interviewHeader p b, .interviewHeader dd span,
    .ctSchedule-flow p span, .ctSchedule-flow p b {
        font-family: "Bebas Neue";
    }
    nav.ctInterview p b, .interviewHeader p b,
    .ctSchedule-flow p b {
        line-height: 3.0rem;
        font-weight: 600;
    }
    nav.ctInterview a[href^="#interviewContent"] {
        display: block;
        background-color: transparent;
        border-radius: 0;
        filter: none;
    }
    nav.ctInterview a[href^="#interviewContent"] > p {
        position: absolute;
        top: -2.5rem;
        right: 0;
        left: 1.5rem;
        opacity: 1;
    }
    nav.ctInterview ol > li {
        position: relative;
    }
    .ctInterview.inPageMenu figure img {
        width: auto;
        border-radius: 0;
    }
    .ctInterview.inPageMenu figcaption {
        width: auto;
        float: none;
        padding-left: 0;
    }
    #interviewContent1 .interviewHeader {
        position: relative;
    }
    .interviewHeader-body {
        background: url("../../_img/recruit/highschool/interview/bg_interview_01.jpg") no-repeat center center;
        background-size: cover;
        margin-left: calc((100vw - 100%) / 2 * -1);
        margin-right: calc((100vw - 100%) / 2 * -1);
        padding: 1.5rem calc((100vw - 100%) / 2) 0;
        height: 350px;
    }
    .interviewHeader-body h3 {
        width: 50%;
    }
    .dailySchedule h4 {
        width: 60%;
        margin-left: 20%;
    }
    .interviewBody dl:nth-of-type(odd) {
        width: 100%;
        padding-right: 50%;
        padding-bottom: 0;
    }
    .interviewBody dl:nth-of-type(even) {
        width: 100%;
        padding-left: 50%;
        padding-bottom: 0;
    }
    .interviewBody dt {
        font-size: 1.2rem;
        font-weight: normal;
        text-indent: -1.0rem;
        margin-left: 1.0rem;
        margin-bottom: 0.5rem;
    }
    .interviewBody dd {
        margin-bottom: 3.5rem;
        margin-left: 1.0rem;
    }
.interviewBody-content:nth-of-type(1) {
        background: url("../../_img/recruit/highschool/interview/img_interview_01_01.jpg") no-repeat right top;
        background-size: 45% auto;
    }
    .interviewBody-content:nth-of-type(2) {
        background: url("../../_img/recruit/highschool/interview/img_interview_01_02.jpg") no-repeat left top;
        background-size: 45% auto;
    }
    .interviewBody-content:nth-of-type(3) {
        background: url("../../_img/recruit/highschool/interview/img_interview_01_03.jpg") no-repeat right top;
        background-size: 45% auto;
    }
	
    .dailySchedule .time-label, .dailySchedule .action-label {
        text-align: center;
    }
    .dailySchedule .time-label {
        font-family: "Bebas Neue";
        font-size: 1.5rem;
        line-height: 2.0rem;
    }
    .dailySchedule .action-label {
        writing-mode: vertical-lr;
        width: 1.5rem;
        margin: 0 calc((100% - 1.5rem) / 2);
    }
    .dailySchedule .material-icons {
        width: 100%;
        text-align: center;
        font-size: 1.5rem;
        line-height: 2.0rem;
    }
    .dailySchedule-body {
        position: relative;
    }
    .dailySchedule-body::before {
        content: "";
        position: absolute;
        top: 3.0rem;
        left: auto;
        border-top: #165faa 2px solid;
        width: 100%;
        height: 1px;
    }
	#recruit-interview #interviewContent1 ul:first-of-type,
	#recruit-interview #interviewContent2 ul:first-of-type{
		margin-bottom: 30px;
	}

    /* Schedule Page */
    .ctSchedule-flow figcaption p {
        font-size: 1.2rem;
    }
    .ctSchedule-flow ol li {
        position: relative;
        padding-bottom: 5.0rem;
    }
    .ctSchedule-flow ol li::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin-left: calc((100% - 6.0rem) / 2);
        border-style: solid;
        border-width: 2.5rem 3.0rem 0 3.0rem;
        border-color: #f4800d transparent transparent transparent;
    }
    .ctSchedule-flow ol li:last-child::after {
        content: none;
    }

    /* Q and A Page */
    .ctQanda-head, .ctQanda-footer {
        margin-bottom: 2rem;
    }
    .ctQanda-head, .ctQanda-footer {
        width: 100%;
        padding-right: 0;
        padding-left: 40%;
        padding-bottom: 0;
        box-sizing: border-box;
        background: url("../../_img/recruit/highschool/qanda/img_qanda_01.png") no-repeat left center;
        background-size: contain;
        min-height: 250px;
    }
    .ctQanda dt {
        font-size: 1.5rem;
    }
    .ctQanda dt i {
        font-style: normal;
    }
    .ctQanda dl {
        background: url("../../_img/recruit/highschool/qanda/img_qanda_02.png") no-repeat right bottom;
        background-size: auto 250px;
        min-height: 250px;
        padding-bottom: 0;
        margin-bottom: 5.0rem;
    }
    .ctQanda dd {
        background: #c9ebfd;
        padding: 1.5rem;
        margin: 1.0rem 30% 5.0rem 1.0rem;
        border-radius: 12px;
        position: relative;
        line-height: 1.8rem;
    }
    .ctQanda dd::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: calc((100% - 1.6rem) / 2);
        right: -1.6rem;
        left: auto;
        border-style: solid;
        border-width: 0.8rem 0 0.8rem 1.6rem;
        border-color: transparent transparent transparent #c9ebfd;
    }


	/*------------------------------*/
	/* Parts */
	/*------------------------------*/
	/* Button */
	#btn-pagetop {
		width: 12.5vw;
		height: 12.5vw;
	}
	#btn-moyamoya {
		width: 20vw;
		height: auto;
		right: 5vw;
		bottom: 25vh;
		-webkit-transform: translateX(150%);
		transform: translateX(150%);
	}
}

/* PC小以下全て */
@media screen and (max-width:1199px){
	header .navbar {/*PCでスクロールバーが表示されるのを防ぐ*/
		overflow: hidden;
        /*min-height: 80px;*/
        height: auto;
        z-index: 999;
	}
    header.active .navbar {
        height: 100vh;
    }
}

/* PC小 */
@media screen and (min-width:1200px){
	/*------------------------------*/
	/* General */
	/*------------------------------*/
	a {
		color: #165faa;
	}
	a:hover {
		color: #47b9ec;
	}
	
	/*------------------------------*/
	/* Header & Header Nav */
	/*------------------------------*/
	.navbar {
		padding-left: 0;
		padding-right: 0;
	}
	.navbar a.menu-trigger {
		display: none;
	}
    header .brand-menu {
        width: 30vw;
    }
	header .navbar::after {
		display: none;
	}
	header .navbar-nav {
		background: none;
	}
	header .navbar-brand {
		width: 50%;
		padding: 1.25rem;
		margin-right: 0;
	}
	header .navbar-brand img {
		width: 100%;
		height: auto;
	}
    nav.navbar {
        margin-left: 30vw;
    }
	header .brand-menu p.lead {
		font-size: 1.0rem;
		width: 100%;
	}
	#navbarSupportedContent {
		background: none;
		display: block;
		position: relative;
		width: 70vw;
		height: auto;
		top: auto;
		transform: none;
		overflow: hidden;
	}
	.navbar-expand-lg .navbar-nav {
		flex-flow: nowrap;
		justify-content: space-around;
	}
	.navbar-nav li.nav-item {
		width: calc(100% / 6);
		box-sizing: border-box;
		padding: 10px 1.5%;
	}
	.navbar-nav li.nav-item a {
		text-align: left;
	}
	.list-group-item {
		background: none;
		width: calc(100% / 6);
		padding: 0.75rem 0.5rem 0.75rem 0.5rem;
		border: none;
	}
	
	/*------------------------------*/
	/* Footer */
	/*------------------------------*/
	.ctSNS li img {
		max-width: 50%;
	}
	
	/*------------------------------*/
	/* Contents */
	/*------------------------------*/
	#opSVG {
		width: 70%;
		margin: 0 15%;
		left: 0;
	}
	.charaIntoro {
		margin-top: 5.0rem;
		text-align: center;
	}
	#ctTop #top-takashi {
		width: 50%;
		max-width: 480px;
		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1200, 0, 0, 1);
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1200, 0, 0, 1);
	}
	#ctTop h1 {
		font-size: 5.0rem;
		top: calc(50% - 5.0rem * 3);
		left: 25%;
		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1200, 0, 0, 1);
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1200, 0, 0, 1);
	}
	.charaIntoro figure {
		position: relative;
	}
	.charaIntoro figcaption {
		position: absolute;
		top: calc(50% + 5.0rem);
		right: 10%;
		text-align: left;
	}
	#ctTop #chara-fukidashi {
		text-align: left;
		top: calc(50% + 5.0rem);
		bottom: 25vh;
	}
	#ctTop .charaIntoro span {
		font-size: 2.2rem;
	}
	#ctTop .charaIntoro dt {
		font-size: 1.5rem;
	}
	#ctTop .charaIntoro dd {
		font-size: 1.2rem;
	}
	/* Background Images */
	.image-bg-dynamicfuture {
		width: 20vw;
		top: calc(50% - 2.5rem * 2.0);
		right: 5vw;
	}
	.image-bg-car {
		filter: drop-shadow(3px 3px 3px #aaaaaa);
		width: 15vw;
		top: calc(50% - 2.5rem);
		right: 5vw;
	}
	.image-bg-parts {
		width: 15vw;
	}
	.parts-image-01 {top: 8vh; left: 0vw;}
	.parts-image-02 {top: -6vh; right: 10vw;}
	.parts-image-03 {top: 10vh; right: 3vw;}
	.parts-image-r1 {top: 22vh; right: -10vw;}
	.parts-image-r2 {top: 43vh; right: -15vw;}
	.menu-interview + .parts-image-r1 {top: 20vh; right: -8vw;}
	.parts-image-l1 {top: 22vh; left: -10vw;}
	.parts-image-l2 {top: 43vh; left: -16vw;}
	.menu-works + .parts-image-l1 {top: 22vh; left: -18vw;}
	.menu-works + .parts-image-l1 + .parts-image-l2 {top: 36vh; left: -12vw;}
	.menu-works + .parts-image-l1 + .parts-image-l2 img {transform: rotate(45deg);}
	
	/* Main Contents */
	#ctMenu .card {
		border: #165faa 10px solid;
		/*width: 70vw;*/
		height: 70vw;
	}
	#ctMenu a {
		padding: 3.0rem;
	}
	#ctMenu .card-subtitle {
		font-size: 2.5rem;
	}
	#ctMenu h3 {
		font-size: 4.5rem;
	}
	#ctMenu p {
		font-size: 1.15rem;
	}
	#ctHistory dl {
		padding: 0.5rem;
		margin: 0;
	}
    
    /* Page Header */
    #corp.pageEyecatch::after, #work.pageEyecatch::after, #interview.pageEyecatch::after, #schedule.pageEyecatch::after, #qanda.pageEyecatch::after, #recruit.pageEyecatch::after {
        top: -20%;
        width: 25vw;
        height: 25vw;
        left: 5%;
    }
    
    /* Interview Page */
    #interview.pageEyecatch::after {
        left: 2.5%;
    }
    
    /* Works Page */
    .ctWorks-section li.hotforging::after, .ctWorks-section li.coldforging::after, .ctWorks-section li.precision::after, .ctWorks-section li.rotational::after, .ctWorks-section li.qualitycontrol::after, .ctWorks-section li.technology::after {
        width: calc(5vw + 1.0rem);
        height: calc(5vw + 1.0rem);
    }
    
    /* Q and A Page */
    .ctQanda-head, .ctQanda-footer {
        margin-bottom: 2rem;
    }
    .ctQanda-head, .ctQanda-footer {
        width: 100%;
        padding: 0 0 0 25%;
        box-sizing: border-box;
        background: url("../../_img/recruit/highschool/qanda/img_qanda_01.png") no-repeat left center;
        background-size: contain;
        min-height: 250px;
    }
    .ctQanda dt {
        font-size: 1.5rem;
    }
    .ctQanda dt i {
        font-style: normal;
    }
    .ctQanda dl {
        background: url("../../_img/recruit/highschool/qanda/img_qanda_02.png") no-repeat right bottom;
        background-size: auto 250px;
        min-height: 250px;
        padding-bottom: 0;
        margin-bottom: 5rem;
    }
    .ctQanda dd {
        background: #c9ebfd;
        padding: 1.5rem;
        margin: 1.0rem 25% 5.0rem 1.0rem;
        border-radius: 12px;
        position: relative;
        line-height: 1.8rem;
    }
    .ctQanda dd::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: calc((100% - 1.6rem) / 2);
        right: -1.6rem;
        bottom: auto;
        left: auto;
        border-style: solid;
        border-width: 0.8rem 0 0.8rem 1.6rem;
        border-color: transparent transparent transparent #c9ebfd;
    }
	
	/*------------------------------*/
	/* Parts */
	/*------------------------------*/
	/* Button */
	a.btn-primary:hover {
		opacity: 0.8;
	}
	#btn-pagetop {
		width: 7vw;
		height: 7vw;
	}
	#btn-moyamoya {
		width: 15vw;
		right: 5vw;
		bottom: 20vh;
		-webkit-transform: translateX(150%);
		transform: translateX(150%);
	}
	#ctHistory .btn-primary {
		display: block;
		width: 25%;
		/*max-height: 2.5rem;*/
	}
    .btn.readMore {
        width: 50%;
    }
}

/* PC小 */
@media screen and (min-width:1300px){
	#ctMenu .card {
		/*width: 60vw;*/
		height: 60vw;
	}
}

/* PC小 */
@media screen and (min-width:1500px){
	#ctMenu .card {
		/*width: 40vw;*/
		height: 40vw;
	}
}

/* PC大 */
@media screen and (min-width:1800px){
	/* Background Images */
	.image-bg-dynamicfuture {
		width: 15vw;
	}
	.image-bg-car {
		width: 10vw;
	}
	.image-bg-parts {
		width: 10vw;
	}
	
	/* Main Contents */
	#ctMenu .card {
		/*width: 40vw;*/
		height: 40vw;
	}
}


/*------------------------------*/
/* Top OPENING Animation */
/*------------------------------*/
.st0{fill:#165FAA;}
.st1{fill:none;stroke:#ffffff;stroke-width:14;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
#opSVG {
	width: 85%;
	height: auto;
	margin: 0 5%;
	position: absolute;
	top: 40vh;
}
/* #top-takashi {
	opacity: 0;
} */
.opAnime-slideIn-L {
	-webkit-animation: topAnime-slideIn-L 1000ms linear 0.5s both;
	animation: topAnime-slideIn-L 1000ms linear 0.5s both;
}
@-webkit-keyframes topAnime-slideIn-L {
0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1200, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1200, 0, 0, 1); }
4.1% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 503.649, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 503.649, 0, 0, 1); }
8.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 126.589, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 126.589, 0, 0, 1); }
12.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -22.121, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -22.121, 0, 0, 1); }
16.12% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -52.027, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -52.027, 0, 0, 1); }
27.23% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -9.406, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -9.406, 0, 0, 1); }
38.34% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.244, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.244, 0, 0, 1); }
60.56% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.03, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.03, 0, 0, 1); }
82.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1); }
100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}
@keyframes topAnime-slideIn-L {
0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1200, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1200, 0, 0, 1); }
4.1% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 503.649, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 503.649, 0, 0, 1); }
8.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 126.589, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 126.589, 0, 0, 1); }
12.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -22.121, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -22.121, 0, 0, 1); }
16.12% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -52.027, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -52.027, 0, 0, 1); }
27.23% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -9.406, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -9.406, 0, 0, 1); }
38.34% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.244, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.244, 0, 0, 1); }
60.56% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.03, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.03, 0, 0, 1); }
82.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1); }
100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

.opAnime-slideIn-R {
	-webkit-animation: topAnime-slideIn-R 1000ms linear 1.0s both;
	animation: topAnime-slideIn-R 1000ms linear 1.0s both;
}
@-webkit-keyframes topAnime-slideIn-R {
0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1200, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1200, 0, 0, 1); }
4.1% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -503.649, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -503.649, 0, 0, 1); }
8.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -126.589, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -126.589, 0, 0, 1); }
12.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 22.121, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 22.121, 0, 0, 1); }
16.12% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 52.027, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 52.027, 0, 0, 1); }
27.23% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 9.406, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 9.406, 0, 0, 1); }
38.34% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.244, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.244, 0, 0, 1); }
60.56% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.03, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.03, 0, 0, 1); }
82.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); }
100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}
@keyframes topAnime-slideIn-R {
0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1200, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1200, 0, 0, 1); }
4.1% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -503.649, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -503.649, 0, 0, 1); }
8.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -126.589, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -126.589, 0, 0, 1); }
12.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 22.121, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 22.121, 0, 0, 1); }
16.12% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 52.027, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 52.027, 0, 0, 1); }
27.23% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 9.406, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 9.406, 0, 0, 1); }
38.34% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.244, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.244, 0, 0, 1); }
60.56% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.03, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.03, 0, 0, 1); }
82.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); }
100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

#chara-fukidashi {
	-webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
.jellyBounce {
	-webkit-animation: jellyBounce 1000ms linear 1.5s both;
	animation: jellyBounce 1000ms linear 1.5s both;
}
@-webkit-keyframes jellyBounce { 
0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
3.4% { -webkit-transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
4.7% { -webkit-transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
6.81% { -webkit-transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
9.41% { -webkit-transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
10.21% { -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
13.61% { -webkit-transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
14.11% { -webkit-transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
17.52% { -webkit-transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
18.72% { -webkit-transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
21.32% { -webkit-transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
24.32% { -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
25.23% { -webkit-transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
29.03% { -webkit-transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
29.93% { -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
35.54% { -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
36.74% { -webkit-transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
41.04% { -webkit-transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
44.44% { -webkit-transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
52.15% { -webkit-transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
59.86% { -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
63.26% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
75.28% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
90.69% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes jellyBounce { 
0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
3.4% { -webkit-transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
4.7% { -webkit-transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
6.81% { -webkit-transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
9.41% { -webkit-transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
10.21% { -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
13.61% { -webkit-transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
14.11% { -webkit-transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
17.52% { -webkit-transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
18.72% { -webkit-transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
21.32% { -webkit-transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
24.32% { -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
25.23% { -webkit-transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
29.03% { -webkit-transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
29.93% { -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
35.54% { -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
36.74% { -webkit-transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
41.04% { -webkit-transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
44.44% { -webkit-transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
52.15% { -webkit-transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
59.86% { -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
63.26% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
75.28% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
90.69% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

/*------------------------------*/
/* Common Animation & Keyframes */
/*------------------------------*/
@keyframes fluffy01 {
	0% {transform: translate(0, 0px);}
	100% {transform: translate(0, -25px);}
}

@keyframes fluffy02 {
	0% {transform: translate(0, 0px);}
	100% {transform: translate(0, 16px);}
}

@keyframes slideDown {
	0% {
		visibility: visible;
		transform: translate3d(0, -100%, 0);
	}
	to {
		transform: translateZ(0);
	}
}

@keyframes slideUp {
	0% {
		visibility: visible;
		transform: translateZ(0);
	}
	to {
		transform: translate3d(0, -100%, 0);
	}
}

.animate-flip.animate {
    animation: flip-in .8s forwards ease-out;
}
@keyframes flip-in {
    0% {
        opacity: 0;
        transform: rotateY(0deg);
    }
    50% {
        opacity: 1;
        transform: rotateY(180deg);
    }
    100% {
        opacity: 1;
        transform: rotateY(360deg);
    }
}