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

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

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

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

a img {
  border: none;
}

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

@font-face {
  font-family: "myFont";
  src: url("/contents/themes/bornelund/fonts/AxisStd-Medium.woff2") format("woff2"), url("/contents/themes/bornelund/fonts/AxisStd-Medium.woff") format("woff");
}
@font-face {
  font-family: "myFont_b";
  src: url("/contents/themes/bornelund/fonts/AxisStd-Bold.woff2") format("woff2"), url("/contents/themes/bornelund/fonts/AxisStd-Bold.woff") format("woff");
}
@font-face {
  font-family: "myFont_r";
  src: url("/contents/themes/bornelund/fonts/AxisStd-Regular.woff2") format("woff2"), url("/contents/themes/bornelund/fonts/AxisStd-Regular.woff") format("woff");
}
html,
body {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
  line-height: 1;
}

body {
  font-family: "myFont";
  color: #272727;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "myFont";
}

a {
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  text-decoration: none;
  font-family: "myFont_b";
}
a:link {
  color: #004c94;
}
a:visited {
  color: #004c94;
}
a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  zoom: 1;
  text-decoration: none;
}
a:active {
  color: #004c94;
}

/*----------------------------------------------------
	common
----------------------------------------------------*/
.clear:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.pc_disp {
  display: block;
}

.sp_disp {
  display: none;
}

/* opening */



/*----------------------------------------------------
	下層common
----------------------------------------------------*/
.page-child {
  overflow: auto !important;
}
.page-child .opening {
  display: none;
}
.page-child main {
  padding: 0 0 80px 200px;
}
.page-child main section {
  padding: 80px 56px 0;
}
.page-child main section h2 {
  color: #004c94;
  font-size: 60px;
  font-size: 6rem;
  font-family: "myFont_b";
  margin: 0 0 46px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page-child main section h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3;
  }
}
.page-child main section p {
  font-family: "myFont_r";
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  margin: 0 0 1em;
}
.page-child main section p.entry,
.page-child main section ul.entry li {
  text-align: center;
}
.page-child main section p.entry.close_entry,
.page-child main section ul.entry li.close_entry {
  font-family: "myFont_b";
  padding: 40px 0 0;
  color: #e26500;
  font-size: 20px;
  font-size: 2rem;
}
.page-child main section p.entry a,
.page-child main section ul.entry li a {
  color: #e26500;
  background-color: #e26500;
  font-family: "myFont_b";
  display: inline-block;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 8px 0;
  margin: 64px 0 0;
  width: 360px;
}
.page-child main section .entry_btn_area a {
  background-color: #e26500;
  font-family: "myFont_b";
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  border-radius: 50px;
  margin: 10px 10px 40px;
  padding: 15px 0;
  width: 380px;
  text-align: center;
}
.page-child main section .entry_btn_area a.blue_btn {
  background-color: #005ab3;
}
.page-child main section .entry_btn_box {
  text-align: center;
}

.time-schedule_area {
width: 550px;
margin: 0 auto;
border-collapse: separate;
border-spacing: 0px 10px;
font-size: 12px;
}

.time-schedule_area th,
.time-schedule_area td {
padding: 10px;
}

.time-schedule_area th {
background: #00498c;
vertical-align: middle;
text-align: left;
width: 100px;
overflow: visible;
position: relative;
color: #fff;
font-weight: normal;
font-size: 15px;
}

.time-schedule_area th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #00498c;
border-width: 10px;
margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
.time-schedule_area th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #295890 10px solid;
margin-top: -10px;
}
}

.time-schedule_area td {
  background: #f8f8f8;
  width: 360px;
  padding-left: 20px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .time-schedule_area {
    width: 100%;
  }
  .time-schedule_area th {
    width: 60px;
  }

}/* @media screen and (max-width: 768px) */




/*----------------------------------------------------
	aside
----------------------------------------------------*/
aside {
  background-color: #004c94;
  width: 200px;
  position: fixed;
  z-index: 2;
  left: 0;
  top: 0;
  height: 100%;
}
aside p.logo {
  padding: 42px 0;
  text-align: center;
}
aside p.logo img {
  margin: 0 auto;
}
aside p.logo + p {
  background-color: #fff;
  padding: 17px 0;
  text-align: center;
}
aside p.logo + p img {
  margin: 0 auto;
}
aside nav ul {
  display: block;
}
aside nav ul li {
  position: relative;
  border-bottom: 1px solid #004c94;
}
aside nav ul li a {
  font-family: "myFont_b";
  display: block;
  width: 100%;
  background-color: #005bad;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  padding: 18px 0;
  color: #fff !important;
}
aside nav ul li .child_menu {
  display: none;
  position: absolute;
  top: 0;
  right: -200px;
  background: #005bad;
  border-left: 1px solid #004c94;
  width: 100%;
}
aside nav ul li:nth-child(3) .child_menu {
  max-height: 300px;
  overflow: auto;
}
aside nav ul li .child_menu li a:hover {
  background: #004C94;
}
aside p.entry {
  background-color: #e26500;
  width: 200px;
  position: fixed;
  text-align: center;
  bottom: 200px;
  left: 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
}
aside p.entry a {
  font-family: "myFont_b";
  color: #fff;
  width: 100%;
  padding: 16px 0;
  display: block;
}
aside a.mynavi {
  position: fixed;
  bottom: 0;
  width: 200px;
}
aside a.mynavi img {
  width: 100%;
}
aside .rikunabi {
  position: fixed;
  bottom: 0;
  width: 200px;
}
aside .rikunabi img {
  width: 100%;
}

/*----------------------------------------------------
	TOP
----------------------------------------------------*/
.fc-red {
  color: #EE2424;
}
.newgrads .section8__content h2 + p.information20-04_area {
  margin-bottom: 50px;
  color: #EE2424;
  line-height: 2;
  text-align: left;
}

.newgrads .top_slider {
  display: block;
  padding: 0 0 0 200px;
}
.newgrads .ticker_wrap {
  margin: 0 0 0 200px;
  background-color: rgba(46, 101, 146, 0.8);
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
}
.newgrads .ticker_wrap div.ticker_area {
  width: 100%;
  height: 35px;
  position: relative;
  overflow: hidden;
}
.newgrads .ticker_wrap div.ticker_area p {
  background-color: #e26500;
  display: inline-block;
  line-height: 2;
  position: absolute;
  left: 0;
  z-index: 1;
  font-size: 18px;
  padding: 0 12px;
}
.newgrads .ticker_wrap div.ticker_area ul {
  height: auto;
  padding: 0 0 0 105px;
}
.newgrads .ticker_wrap div.ticker_area ul li {
  float: left;
  display: inline;
  clear: both;
  text-align: left;
  list-style-type: none;
  position: relative;
  line-height: 2em;
  margin-bottom: -2em;
  font-size: 16px;
}
.newgrads .ticker_wrap div.ticker_area ul li span {
  padding: 0 1em 0 0;
}
.newgrads .ticker_wrap div.ticker_area ul li a {
  color: #fff;
}
.newgrads .bg-holder {
  width: 100%;
  height: 100%;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.newgrads .content {
  padding: 0 32px 0 232px;
  text-align: center;
  position: relative;
}
.interview .content {
  text-align: center;
  position: relative;
}
.newgrads .btn-next {
  position: relative;
  text-align: center;
  width: 100%;
  padding: 0 0 24px 200px;
}
.newgrads .btn-back {
  display: block;
  position: absolute;
  top: 24px;
  z-index: 1;
  right: 24px;
}
.newgrads .section1__content {
  background-color: rgba(192, 192, 192, 0.6);
  padding-top: 45px;
  padding-bottom: 20px;
  position: static;
}
.newgrads .section1__content h1 {
  font-size: 60px;
  font-size: 6rem;
  color: #fff;
  font-family: "myFont_b";
  line-height: 1.5;
  margin: 0 0 24px;
}
.newgrads .section1__content h1 span {
  color: #004c94;
}
.newgrads .section1__content h1 span br {
  display: none;
}
.newgrads .section1__content p {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 36px;
  font-family: "myFont_b";
}
.newgrads .section1 .btn-next {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.newgrads .section2 {
  background-image: url(../images/newgrads/top_bg2.jpg);
}
.newgrads .section2__content {
  margin: 0 0 40px;
  padding: 40px 0 0 200px;
}
.newgrads .section2__content h2 {
  color: #004c94;
  font-size: 60px;
  font-size: 6rem;
  font-family: "myFont_b";
  margin: 0 0 46px;
  margin: 0;
  padding: 60px 0 40px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .newgrads .section2__content h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3;
  }
}
.newgrads .section2__content h2 br {
  display: none;
}
.newgrads .section2__content .fp-tableCell {
  height: 284px !important;
}
.newgrads .section2__content .fp-controlArrow {
  top: 63% !important;
}
.newgrads .section2__content .fp-controlArrow.fp-prev {
  padding: 0 0 0 200px;
}
.newgrads .section2__content .task-box {
  min-height: 1px;
  padding: 0 80px 20px;
}
.newgrads .section2__content .task-box:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.newgrads .section2__content .task-box dl {
  padding: 57px 30px 52px;
  letter-spacing: -1px;
  float: left;
  background-size: 100% 100% !important;
  width: 48% !important;
}
.newgrads .section2__content .task-box dl.task1 {
  background: url(../images/newgrads/top_section2_img01.png) no-repeat;
  width: 477px;
}
.newgrads .section2__content .task-box dl.task2 {
  background: url(../images/newgrads/top_section2_img02.png) no-repeat;
  width: 549px;
  float: right;
  margin: 0;
}
.newgrads .section2__content .task-box dl.task3 {
  background: url(../images/newgrads/top_section2_img03.png) no-repeat;
  width: 449px;
}
.newgrads .section2__content .task-box dl.task4 {
  background: url(../images/newgrads/top_section2_img04.png) no-repeat;
  width: 456px;
  float: right;
  margin: 0;
}
.newgrads .section2__content .task-box dl.task5 {
  background: url(../images/newgrads/top_section2_img05.png) no-repeat;
  width: 441px;
}
.newgrads .section2__content .task-box dl.task6 {
  background: url(../images/newgrads/top_section2_img06.png) no-repeat;
  width: 519px;
  float: right;
  margin: 0;
}
.newgrads .section2__content .task-box dl dt {
  font-size: 24px;
  font-size: 2.4rem;
  font-size: 1.8vw;
  margin: 0 0 32px;
  margin: 0 0 1.6vw;
}
.newgrads .section2__content .task-box dl dd {
  font-size: 18px;
  font-size: 1.8rem;
  font-size: 1.2vw;
  text-indent: -1em;
  text-align: left;
  margin: 0 0 16px 1em;
}
.newgrads .section2__content__inner {
  background-color: rgba(0, 76, 148, 0.7);
  padding-top: 20px;
  padding-bottom: 26px;
  display: none;
}
.newgrads .section2__content__inner h3 {
  color: #fff;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "myFont_b";
  margin: 0 0 20px;
  line-height: 1.5;
}
.newgrads .section2__content p.btn {
  text-align: center;
}
.newgrads .section2__content p.btn a {
  display: inline-block;
  background-color: #004c94;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 18px 0;
  color: #004c94;
  background-color: #fff;
  width: 360px;
}
@media screen and (max-height: 750px) and (min-width: 768px) {
  .newgrads .section2__content p.btn a {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 12px 0;
  }
}
.newgrads .section2 .btn-next {
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.newgrads .section3 {
  background-image: url(../images/newgrads/top_bg3.jpg);
}
.newgrads .section3__content {
  padding: 0 0 0 200px;
}
.newgrads .section3__content h2 {
  color: #004c94;
  font-size: 60px;
  font-size: 6rem;
  font-family: "myFont_b";
  margin: 0 0 46px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .newgrads .section3__content h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3;
  }
}
.newgrads .section3__content h2 + div {
  background-color: rgba(0, 76, 148, 0.7);
  padding: 40px 0;
  margin: 0 0 50px;
}
.newgrads .section3__content h2 + div p {
  font-family: "myFont_r";
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;
  color: #fff;
  line-height: 1.6;
  margin: 0 0 24px;
}
.newgrads .section3__content h2 + div p.more {
  margin: 0;
}
.newgrads .section3__content h2 + div p.more a {
  display: inline-block;
  background-color: #004c94;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 18px 0;
  background-color: #fff;
  color: #004c94;
  width: 360px;
  line-height: 1;
  font-family: "myFont_b";
}
@media screen and (max-height: 750px) and (min-width: 768px) {
  .newgrads .section3__content h2 + div p.more a {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 12px 0;
  }
}
.newgrads .section3 .btn-next {
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.newgrads .section4 {
  background-color: #fff;
}
.newgrads .section4__content h2 {
  color: #004c94;
  font-size: 60px;
  font-size: 6rem;
  font-family: "myFont_b";
  margin: 0 0 46px;
  margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
  .newgrads .section4__content h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3;
  }
}
.newgrads .section4__content h2 br {
  display: none;
}
.newgrads .section4__content h2 + p {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "myFont_b";
  margin: 0 0 40px;
  line-height: 2.0;
}
.newgrads .section4__content h2 + p br {
  display: none;
}
.newgrads .section4__content h3 {
  color: #004c94;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "myFont_b";
  margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
  .newgrads .section4__content h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3;
  }
}
.newgrads .section4__content__ceo {
  min-height: 1px;
  width: 560px;
  margin: 0 auto 40px;
}
.newgrads .section4__content__ceo:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.newgrads .section4__content__ceo p {
  float: left;
  width: 240px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
}
.newgrads .section4__content__ceo p img {
  margin: 0 0 8px;
}
.newgrads .section4__content__ceo p span {
  font-size: 16px;
  font-size: 1.6rem;
}
.newgrads .section4__content__ceo ul {
  float: right;
  width: 280px;
  padding: 50px 0 0;
}
.newgrads .section4__content__ceo ul li {
  margin: 0 0 24px;
}
.newgrads .section4__content__ceo ul li a {
  display: inline-block;
  background-color: #004c94;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 18px 0;
  width: 100%;
}
@media screen and (max-height: 750px) and (min-width: 768px) {
  .newgrads .section4__content__ceo ul li a {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 12px 0;
  }
}
.newgrads .section4 .btn-next {
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.newgrads .section5__content h2 {
  color: #004c94;
  font-size: 60px;
  font-size: 6rem;
  font-family: "myFont_b";
  margin: 0 0 46px;
  margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
  .newgrads .section5__content h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3;
  }
}
.newgrads .section5__content h2 br {
  display: none;
}
.newgrads .section5__content h2 + p {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "myFont_b";
  margin: 0 0 40px;
  line-height: 1.4;
}
.newgrads .section5__content h3 {
  color: #004c94;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "myFont_b";
  margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
  .newgrads .section5__content h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3;
  }
}
.newgrads .section5__content h3 br {
  display: none;
}
.section5__content ul.interview {
  width: 100%;
  margin: 0 auto 40px;
  font-size: 0;
  padding: 0 7px;
  text-align: center;
  max-width: 1040px;
}
.section5__content ul.interview li {
  width: 27%;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  padding: 0 7px;
  margin-bottom: 40px;
  line-height: 1.4;
  text-align: center;
}
.section5__content ul.interview li a {
  color: #272727;
  display: block;
}
.section5__content ul.interview li img {
  width: 100%;
  margin: 0 0 10px;
}
.section5__content ul.interview li p {
  font-size: 1vw;
  white-space: nowrap;
  line-height: 1.5;
}
.section5__content ul.interview li p span {
  font-size: 1.2vw;
}
.newgrads .section5 .btn-next {
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.newgrads .section6 {
  background-color: #fff;
}
.newgrads .section6__content {
  margin: 0 0 50px;
}
.newgrads .section6__content h2 {
  color: #004c94;
  font-size: 60px;
  font-size: 6rem;
  font-family: "myFont_b";
  margin: 0 0 46px;
  margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
  .newgrads .section6__content h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3;
  }
}
.newgrads .section6__content h2 br {
  display: none;
}
.newgrads .section6__content h2 + p {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "myFont_b";
  margin: 0 0 40px;
  line-height: 2.0;
}
.newgrads .section6__content h2 + p br {
  display: none;
}
.newgrads .section6__content p.btn {
  text-align: center;
}
.newgrads .section6__content p.btn a {
  display: inline-block;
  background-color: #004c94;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 18px 0;
  width: 360px;
}
@media screen and (max-height: 750px) and (min-width: 768px) {
  .newgrads .section6__content p.btn a {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 12px 0;
  }
}
.newgrads .section6 .btn-next {
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.newgrads .section7 {
  background-color: #fff;
}
.newgrads .section7__content h2 {
  color: #004c94;
  font-size: 60px;
  font-size: 6rem;
  font-family: "myFont_b";
  margin: 0 0 46px;
  margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
  .newgrads .section7__content h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3;
  }
}
.newgrads .section7__content h2 + p {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "myFont_b";
  margin: 0 0 40px;
  line-height: 2.0;
}
.newgrads .section7__content h2 + p br {
  display: none;
}
.newgrads .section7__content ul {
  font-size: 0;
  max-width: 800px;
  margin: 0 auto;
}
.newgrads .section7__content ul li {
  display: inline-block;
  margin: 0 20px 40px;
}
.newgrads .section7__content ul li a {
  display: inline-block;
  background-color: #004c94;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 18px 0;
  width: 360px;
}
@media screen and (max-height: 750px) and (min-width: 768px) {
  .newgrads .section7__content ul li a {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 12px 0;
  }
}
.newgrads .section7 .btn-next {
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.newgrads .section8 {
  background-color: #fff;
}
.newgrads .section8__content {
  padding: 0 80px 0 280px;
}
.newgrads .section8__content h2 {
  color: #004c94;
  font-size: 60px;
  font-size: 6rem;
  font-family: "myFont_b";
  margin: 0 0 46px;
  margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
  .newgrads .section8__content h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3;
  }
}
.newgrads .section8__content ul {
  border-top: 1px solid #d1deec;
  text-align: left;
  width: 100%;
  margin: 0 0 48px;
}
.newgrads .section8__content ul li {
  border-bottom: 1px solid #d1deec;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  padding: 20px 0 20px 105px;
  font-family: "myFont_r";
}
.newgrads .section8__content ul li a {
  color: #272727;
}
.newgrads .section8__content ul li span {
  position: absolute;
  top: 20px;
  left: 0;
  line-height: 1.5;
}
.newgrads .section8__content ul li p {
  line-height: 1.5;
}
.newgrads .section8__content ul + p a {
  display: inline-block;
  background-color: #004c94;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 18px 0;
  width: 360px;
}
@media screen and (max-height: 750px) and (min-width: 768px) {
  .newgrads .section8__content ul + p a {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 12px 0;
  }
}
@media screen and (max-width: 1060px) {
  .newgrads .section6 ul li {
    margin: 0 0 20px;
    display: block;
  }
}

@media screen and (max-height: 793px) {
  aside p.logo {
    padding: 32px 0;
  }
}
/* 高さ 750px 以下対応 */
@media screen and (max-height: 750px) and (min-width: 768px) {
  aside p.logo {
    padding: 12px 0;
  }
  aside p.logo img {
    width: 55px;
  }
  aside p.logo + p img {
    width: 80px;
  }
  aside nav ul li a {
    padding: 15px 0;
  }
  aside p.entry a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 8px 0;
    line-height: 1.4;
  }

  .newgrads .btn-next {
    position: absolute;
    bottom: 0;
    padding: 0 0 0 200px;
  }
  .newgrads .btn-back {
    top: 0;
  }
  .newgrads .section1 {
    padding: 0;
  }
  .newgrads .section1__content h1 {
    font-size: 48px;
    font-size: 6.8rem;
  }
  .newgrads .section1__content p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.7;
  }
  .newgrads .section2__content {
    padding: 96px 0 0 200px;
  }
  .newgrads .section2__content h2 {
    font-size: 48px;
    font-size: 4.8rem;
    margin: 0 0 10px;
    padding: 10px 0 0;
  }
  .newgrads .section2__content .task-box dl dd {
    margin: 0 0 12px 1em !important;
  }
  .newgrads .section2__content__wrap {
    width: 95%;
    margin: 0 auto 20px;
    overflow: scroll;
  }
  .newgrads .section2__content__wrap__task {
    min-height: 1px;
    width: 2520px;
    overflow: scroll;
  }
  .newgrads .section2__content__wrap__task:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .newgrads .section2__content__wrap__task__detail {
    background-size: 100% 100% !important;
    float: left;
    padding: 47px 20px 42px;
    margin: 0 20px 0 0;
  }
  .newgrads .section2__content__wrap__task__detail dt {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .newgrads .section2__content__wrap__task__detail dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .newgrads .section2__content__wrap__task__detail.right {
    margin: 0 20px 0 0;
  }
  .newgrads .section2__content__wrap__task__detail.task1 {
    width: 387px;
  }
  .newgrads .section2__content__wrap__task__detail.task2 {
    width: 429px;
  }
  .newgrads .section2__content__wrap__task__detail.task3 {
    width: 359px;
  }
  .newgrads .section2__content__wrap__task__detail.task4 {
    width: 366px;
  }
  .newgrads .section2__content__wrap__task__detail.task5 {
    width: 351px;
  }
  .newgrads .section2__content__wrap__task__detail.task6 {
    width: 429px;
  }
  .newgrads .section2__content p.btn a {
    padding: 12px 0;
  }
  .newgrads .section2__content__inner {
    padding: 10px 0 18px;
    margin: -15px 0 0;
  }
  .newgrads .section2__content__inner h3 {
    font-size: 26px;
    font-size: 2.6rem;
    margin: 0 0 10px;
  }
  .newgrads .section2__content__inner h3 br {
    display: none;
  }
  .newgrads .section3__content h2 {
    font-size: 48px;
    font-size: 4.8rem;
    margin: 0 0 20px;
  }
  .newgrads .section3__content h2 + div p {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .newgrads .section4__content h2 {
    font-size: 48px;
    font-size: 4.8rem;
    margin: 0 0 20px;
  }
  .newgrads .section4__content h2 + p {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 20px;
  }
  .newgrads .section4__content h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .newgrads .section4__content__ceo {
    width: 520px;
  }
  .newgrads .section4__content__ceo p {
    width: 180px;
  }
  .newgrads .section4__content__ceo p img {
    width: 100%;
  }
  .newgrads .section4__content__ceo ul {
    padding: 28px 0 0;
  }
  .newgrads .section4__content__ceo ul li a {
    padding: 13px 0;
  }
  .section5__content h2 {
    font-size: 48px;
    font-size: 4.8rem;
    margin: 0 0 20px;
  }
  .section5__content h2 + p {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 20px;
  }
  .section5__content h3 {
    font-size: 26px;
    font-size: 2.6rem;
    margin: 0 0 24px;
  }
  .section5__content ul.interview {
    text-align: center;
  }
  .section5__content ul.interview li {
    width: 15%;
  }
  .section5__content ul.interview li a p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .section5__content ul.interview li a p span {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .newgrads .section6__content h2, .newgrads .section7__content h2, .newgrads .section8__content h2 {
    font-size: 48px;
    font-size: 4.8rem;
    margin: 0 0 20px;
  }
  .newgrads .section6__content h2 + p, .newgrads .section7__content h2 + p, .newgrads .section8__content h2 + p {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 35px;
  }
  .newgrads .section6__content ul li, .newgrads .section7__content ul li, .newgrads .section8__content ul li {
    margin: 0 20px 20px;
  }
}
/*----------------------------------------------------
	お知らせ
----------------------------------------------------*/
.newgrads_news section ul {
  border-top: 1px solid #d1deec;
  text-align: left;
  width: 100%;
  margin: 0 0 48px;
}
.newgrads_news section ul li {
  border-bottom: 1px solid #d1deec;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  padding: 20px 0 20px 105px;
  font-family: "myFont_r";
}
.newgrads_news section ul li a {
  color: #272727;
}
.newgrads_news section ul li span {
  position: absolute;
  top: 20px;
  left: 0;
  line-height: 1.5;
}
.newgrads_news section ul li p {
  line-height: 1.5;
  font-size: 14px;
  font-size: 1.4rem;
}

/*----------------------------------------------------
	あそびから未来を変える。
----------------------------------------------------*/
.future h2 {
  text-align: 0;
}
.future p.kv {
  text-align: center;
  margin: 0 0 35px;
}
.future p.kv img {
  margin: 0 auto;
}
.future .txt {
  width: 660px;
  margin: 0 auto;
}
.future .txt p {
  font-size: 1.6rem !important;
  font-size: 16px !important;
  line-height: 1.4;
  margin: 0 0 1.6em;
}
.future ul.contentslink {
  text-align: center;
  max-width: 880px;
  white-space: nowrap;
  margin: 64px auto 0;
}
.future ul.contentslink li {
  width: 21%;
  display: inline-block;
  margin: 0 2%;
}
.future ul.contentslink li img {
  width: 100%;
}

/*----------------------------------------------------
	代表メッセージ
----------------------------------------------------*/
.message p.kv {
  float: left;
  margin: 0 40px 10px 0;
}
.message .txt {
  padding: 0 0 0 320px;
}
.message .txt p {
  font-size: 1.6rem !important;
  font-size: 16px !important;
  line-height: 1.4;
  margin: 0 0 1.6em;
}
.message h3 {
  color: #004c94;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "myFont_b";
  margin: 0 0 40px;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  .message h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3;
  }
}
.message p.ceo {
  text-align: right;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "myFont_b";
  line-height: 30px;
}

/*----------------------------------------------------
	企業理念
----------------------------------------------------*/
.philosophy h2 {
  text-align: 0;
  }
  .philosophy p.kv {
    max-width: 640px;
    text-align: center;
    margin: 0 auto 35px;
  }
  .philosophy p.kv img {
    width: 100%;
  }
  .philosophy .txt {
    width: 100%;
    max-width: 890px;
    margin: 0 auto;
    padding: 30px 0 50px;
    text-align: center;
    border-bottom: 1px solid #c4c7c9;
  }
  .philosophy .txt:last-child {
    border-bottom: none;
  }
  .philosophy .txt h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 40px;
    border-radius: 10px;
    background: #004c94;
    font-size: 2rem !important;
    color: #fff;
  }
  .philosophy .txt .txt_philosophy {
    margin: 0;
    font-size: 4.5rem !important;
  }
  .philosophy .txt .txt_group_slogan,
  .philosophy .txt .txt_group_philosophy {
    font-size: 3rem !important;
  }
  .philosophy .txt p {
    font-size: 1.6rem !important;
    font-size: 16px !important;
    line-height: 1.4;
    text-align: left;
  }
  .philosophy .txt .txt_group_slogan + p,
  .philosophy .txt .txt_group_philosophy + p {
    line-height: 1.8;
  }
  .philosophy .txt .more {
    color: #fff;
    background-color: #e26500;
    font-family: "myFont_b";
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
    border-radius: 50px;
    padding: 15px 0;
    margin: 0 auto;
    width: 240px;
  }

/*----------------------------------------------------
	キャリアパス
----------------------------------------------------*/
.career_paths section h2 + p {
  line-height: 1.4;
  font-size: 16px;
  font-size: 1.6rem;
}
.career_paths section .pc_tc {
  text-align: center;
}

/*----------------------------------------------------
	求める人物像
----------------------------------------------------*/
.career_paths main section .character_wrap {
  min-height: 1px;
  width: 888px;
  height: 287px;
  margin: 0 auto;
}
.career_paths main section .character_wrap:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.career_paths main section .character_wrap .character_detail {
  background-color: rgba(243, 245, 248, 0.8);
  padding: 40px;
  width: 434px;
  height: 100%;
  float: left;
}
.career_paths main section .character_wrap .character_detail.left {
  margin: 0 20px 0 0;
}
.career_paths main section .character_wrap .character_detail dl dt {
  background-color: #004c94;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  padding: 7px 0px;
  text-align: center;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin: 0 0 16px;
}
.career_paths main section .character_wrap .character_detail dl dd {
  font-size: 16px;
  font-size: 1.6rem;
  text-indent: -1em;
  margin: 0 0 0 1em;
  line-height: 1.6;
  margin: 0 0 16px 1em;
}
.career_paths main section .character_wrap .character_detail dl dd:last-child {
  margin: 0 0 0 1em;
}
.career_paths main section .character_wrap .character_detail dl dd br {
  display: none;
}


/*----------------------------------------------------
	エントリーシートのダウンロード
----------------------------------------------------*/
.entry2026 main section dl {
  padding: 24px 12px 1px 12px;
  margin: 0 0 32px;
  background-color: #f3f5f8;
}
.entry2026 main section dl dt {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 0.5em 0;
}
.entry2026 main section dl dd {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  margin: 0 0 1.5em;
}
.entry2026 main section p.pc_disp {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0;
}
.entry2026 main ul.entry {
  overflow: hidden;
  width: 1120px;
  margin: 0 auto;
}
.entry2026 main ul.entry li {
  float: left;
  font-family: "myFont_r";
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  margin: 0 0 1em;
}
.entry2026 main ul.entry li + li {
  margin-left: 20px;
}
.entry2026 main .coming-soon_area {
  text-align: center;
}
.entry2026 main .coming-soon_title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}

/*----------------------------------------------------
	募集要項
----------------------------------------------------*/
.requirements main section h2 {
  margin: 0;
}
.requirements main section h3 {
  color: #004c94;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "myFont_b";
  margin: 0 0 40px;
  line-height: 40px;
  text-align: center;
}
.requirements main section h3 + p {
  line-height: 1.4;
  font-size: 16px;
  font-size: 1.6rem;
}
.requirements main section .small {
  font-size: 1.2rem !important;
}
.requirements main section .req_cont {
  padding-top: 80px;
}
.requirements main section .content02-step {
  padding: 10px 40px 40px;
  margin-top: 40px;
  background-color: #f3f5f8;
}
.requirements main section .content02-step dt {
  font-size: 20px;
  font-size: 2rem;
  font-family: "myFont_b";
  color: #004c94;
  line-height: 34px;
  margin-top: 30px;
}
.requirements main section .content02-step dt span {
  display: inline-block;
  background-color: #004c94;
  height: 34px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  padding: 0 20px;
  margin-right: 10px;
  border-radius: 17px;
  vertical-align: top;
  line-height: 34px;
}
.requirements main section .content02-step dd {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  margin-top: 15px;
}
.requirements main section .content02-step .commit {
  color: #e26500;
}
.requirements main section .content02-step .commit span {
  color: #fff;
  background-color: #e26500;
}
.requirements main section .content02-step .entry a {
  margin: 30px 0 0;
  width: 600px;
}
.requirements main section table {
  margin-top: 40px;
}
.requirements main section table .small {
  display: block;
  margin-top: 1em;
  line-height: 1.4;
}
.requirements main section table th, .requirements main section table td {
  padding: 20px;
  border-top: 1px solid #fff;
  line-height: 1.6;
}
.requirements main section table th {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "myFont_b";
  background-color: #d1deec;
  white-space: nowrap;
}
.requirements main section table td {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #f3f5f8;
}
.requirements main section .content03-list {
  padding: 40px;
  width: 48%;
  margin: 20px 1% 0;
  float: left;
  background-color: #f3f5f8;
}
.requirements main section .content03-list dt {
  font-size: 20px;
  font-size: 2rem;
  font-family: "myFont_b";
  line-height: 34px;
  background-color: #004c94;
  height: 34px;
  width: 100%;
  color: #fff;
  border-radius: 17px;
  text-align: center;
}
.requirements main section .content03-list dd {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  margin-top: 15px;
}
.requirements main section .content04-faq {
  margin-top: 40px;
}
.requirements main section .content04-faq dt {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "myFont_b";
  color: #004c94;
  line-height: 34px;
  margin-top: 40px;
}
.requirements main section .content04-faq dt span {
  display: inline-block;
  background-color: #004c94;
  width: 90px;
  height: 34px;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  margin-right: 10px;
  border-radius: 17px;
  vertical-align: top;
  text-indent: 0;
  line-height: 34px;
}
.requirements main section .content04-faq dd {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  margin-top: 15px;
  text-indent: -100px;
  padding-left: 100px;
}
.requirements main section .content04-faq dd span {
  display: inline-block;
  background-color: #e26500;
  height: 34px;
  width: 90px;
  color: #fff;
  font-family: "myFont_b";
  margin-right: 10px;
  border-radius: 17px;
  vertical-align: top;
  text-align: center;
  text-indent: 0;
  line-height: 34px;
}
.requirements main section .content04-faq dd div {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  margin-top: 15px;
  padding: 15px;
  background-color: #f3f5f8;
  text-indent: 0;
}

/*----------------------------------------------------
	インタビュー
----------------------------------------------------*/
.interview01 main section h3, .interview02 main section h3, .interview03 main section h3, .interview04 main section h3, .interview05 main section h3, .interview06 main section h3, .interview07 main section h3, .interview08 main section h3 {
  text-align: center;
  margin: 0 0 48px;
}
.interview01 main section h4, .interview02 main section h4, .interview03 main section h4, .interview04 main section h4, .interview05 main section h4, .interview06 main section h4, .interview07 main section h4, .interview08 main section h4 {
  color: #004c94;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "myFont_b";
  margin: 0 0 40px;
  margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
  .interview01 main section h4, .interview02 main section h4, .interview03 main section h4, .interview04 main section h4, .interview05 main section h4, .interview06 main section h4, .interview07 main section h4, .interview08 main section h4 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3;
  }
}
.interview01 main section div, .interview02 main section div, .interview03 main section div, .interview04 main section div, .interview05 main section div, .interview06 main section div, .interview07 main section div, .interview08 main section div {
  margin: 0 0 46px;
}
.interview01 main section div p + p, .interview02 main section div p + p, .interview03 main section div p + p, .interview04 main section div p + p, .interview05 main section div p + p, .interview06 main section div p + p, .interview07 main section div p + p, .interview08 main section div p + p {
  margin: 1em 0 0;
}
.interview01 main section div h4, .interview02 main section div h4, .interview03 main section div h4, .interview04 main section div h4, .interview05 main section div h4, .interview06 main section div h4, .interview07 main section div h4, .interview08 main section div h4 {
  line-height: 1.3;
}
.interview01 main section div.center h4, .interview02 main section div.center h4, .interview03 main section div.center h4, .interview04 main section div.center h4, .interview05 main section div.center h4, .interview06 main section div.center h4, .interview07 main section div.center h4, .interview08 main section div.center h4 {
  text-align: center;
}
.interview01 main section div.left, .interview02 main section div.left, .interview03 main section div.left, .interview04 main section div.left, .interview05 main section div.left .interview06 main section div.left, .interview07 main section div.left, .interview08 main section div.left {
  min-height: 1px;
}
.interview01 main section div.left:after, .interview02 main section div.left:after, .interview03 main section div.left:after, .interview04 main section div.left:after, .interview05 main section div.left:after, .interview06 main section div.left:after, .interview07 main section div.left:after, .interview08 main section div.left:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.interview01 main section div.left img, .interview02 main section div.left img, .interview03 main section div.left img, .interview04 main section div.left img, .interview05 main section div.left img, .interview06 main section div.left img, .interview07 main section div.left img, .interview08 main section div.left img {
  float: left;
  margin: 0 24px 0 0;
}
.interview01 main section div.right, .interview02 main section div.right, .interview03 main section div.right, .interview04 main section div.right, .interview05 main section div.right, .interview06 main section div.right, .interview07 main section div.right, .interview08 main section div.right {
  min-height: 1px;
}
.interview01 main section div.right:after, .interview02 main section div.right:after, .interview03 main section div.right:after, .interview04 main section div.right:after, .interview05 main section div.right:after, .interview06 main section div.right:after, .interview07 main section div.right:after, .interview08 main section div.right:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.interview01 main section div.right img, .interview02 main section div.right img, .interview03 main section div.right img, .interview04 main section div.right img, .interview05 main section div.right img, .interview06 main section div.right img, .interview07 main section div.right img, .interview08 main section div.right img {
  float: right;
  margin: 0 0 0 24px;
}
.interview01 main section p.back, .interview02 main section p.back, .interview03 main section p.back, .interview04 main section p.back, .interview05 main section p.back, .interview06 main section p.back, .interview07 main section p.back, .interview08 main section p.back {
  text-align: center;
}
.interview01 main section p.back a, .interview02 main section p.back a, .interview03 main section p.back a, .interview04 main section p.back a, .interview05 main section p.back a, .interview06 main section p.back a, .interview07 main section p.back a, .interview08 main section p.back a {
  display: inline-block;
  background-color: #004c94;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 18px 0;
  font-family: "myFont_b";
  line-height: 1;
  padding: 18px 26px;
}
@media screen and (max-height: 750px) and (min-width: 768px) {
  .interview01 main section p.back a, .interview02 main section p.back a, .interview03 main section p.back a, .interview04 main section p.back a, .interview05 main section p.back a, .interview06 main section p.back a, .interview07 main section p.back a, .interview08 main section p.back a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 12px;
  }
}

/* Slider */
.slick-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-slider div {
  width: 100%;
  height: 100%;
  background: center center no-repeat;
  background-size: cover;
}

.slick-list {
  position: relative;
  height: 100% !important;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}


.col-2 {
  display: flex;
}
.career_paths_img {
  justify-content: space-between;
  margin-bottom: 30px;
}
.career_paths_text_area {
  width: -webkit-calc(100% - 400px);
  width: calc(100% - 400px);
  max-width: 100%;
}
.career_paths_img_area img {
  width: 384px;
  max-width: 100%;
}
@media screen and (max-width: 768px) {


  /*----------------------------------------------------
  	common
  ----------------------------------------------------*/
  .pc_disp {
    display: none;
  }

  .sp_disp {
    display: block;
  }

  p.sp_disp.sp_entry {
    display: block;
    text-align: center;
    position: fixed;
    width: 180px;
    line-height: 1.3;
    right: 12px;
    bottom: 105px;
    z-index: 2;
  }
  p.sp_disp.sp_entry a {
    background-color: #e26500;
    font-family: "myFont_b";
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 15px 0;
    width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }


  aside .recruit_banner {
  position: fixed;
  bottom: 0;
   display: flex;
  }
  
  aside a.mynavi {
    position: relative;
    bottom: 0;
    width: 100%;
  }

  aside a.rikunabi {
    position: relative;
    bottom: 0;
    width: 50%;
	background: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: center;
  }
  
    aside a.rikunabi img {
  }
  

  /* #contents {
    padding: 0 0 100px;
  } */

  main {
    position: relative;
    top: 80px;
  }

  /* section, .fp-tableCell {
    height: auto !important;
  } */

  .fp-scrollable {
    overflow: visible !important;
    height: auto !important;
  }

  .slimScrollBar {
    display: none !important;
  }

  .slimScrollDiv {
    overflow: visible !important;
    height: auto !important;
  }

  /* opening */
  .opening .inner {
    height: 320px;
    width: 100%;
    padding: 0 20px;
  }
  .opening .inner p {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.4;
  }
  .opening .inner img {
    padding: 0 20px;
    width: 100%;
  }
  .opening .inner ul {
    padding: 0 48px;
  }
  .opening .inner ul li {
    width: 100%;
    margin: 0 0 24px;
  }
  .opening .inner ul li a {
    width: 100%;
  }
  .opening__yes {
    height: 300px;
    padding: 0 20px;
  }
  .opening__yes p {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.4;
  }
  .opening__yes ul {
    padding: 0 24px;
  }
  .opening__yes ul li {
    width: 100%;
    margin: 0 0 24px;
  }
  .opening__yes ul li a {
    width: 100%;
  }
  .opening__no {
    padding: 0 20px;
  }
  .opening__no p {
    font-size: 24px;
    font-size: 2.4rem;
  }

  /*----------------------------------------------------
  	下層common
  ----------------------------------------------------*/
  .page-child main {
    padding: 0 20px 60px;
  }
  .page-child main section {
    padding: 40px 0;
  }
  .page-child main section h2 {
    margin: 0 0 32px;
  }
  .page-child main section p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .page-child main section p.entry {
    display: none;
  }

  /*----------------------------------------------------
  	aside
  ----------------------------------------------------*/
  aside {
    background-color: #fff;
    width: 100%;
    height: 80px;
    position: fixed;
  }
  aside p.logo {
    background-color: #004c94;
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    padding: 13px;
  }
  aside p.logo img {
    margin: 1px auto 0;
  }
  aside p.logo + p {
    padding: 22px 0;
  }
  aside nav {
    cursor: pointer;
    background: url(../images/recruit_common/sp/menu.png) center center no-repeat #c8d8e8;
    width: 80px;
    height: 80px;
    position: absolute;
    right: 0;
    top: 0;
  }
  aside nav ul {
    display: none;
    position: absolute;
    right: 0;
    top: 80px;
    width: 200px;
    background: #005bad;
  }
  aside nav ul li {
    border-bottom: 1px solid #004c94;
  }
  aside nav ul li a {
    background-color: #005bad;
  }
  aside p.entry {
    display: none;
  }

  /*----------------------------------------------------
  	TOP
  ----------------------------------------------------*/
  .newgrads .top_slider {
    display: none;
  }
  .newgrads .btn-back {
    display: none;
  }
  .newgrads .bg-holder {
    background-position: 0% 0%;
  }
  .newgrads .content {
    padding: 0;
    text-align: center;
    position: relative;
  }
  .newgrads .content h2 {
    padding: 0 20px;
  }
  .newgrads .content h2 + p {
    padding: 0 20px;
    line-height: 1.5;
  }
  .newgrads .btn-next {
    display: none;
  }
  .newgrads section {
    background-color: #fff;
  }
  .newgrads .section1 {
    height: 644px;
    background-image: url(../images/newgrads/sp/top_bg1-1.jpg);
  }
  .newgrads .section1__content {
    top: 20%;
    padding: 42px 0;
  }
  .newgrads .section1__content h1 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 44px;
    margin: 0 0 18px;
  }
  .newgrads .section1__content h1 span {
    font-size: 32px;
    font-size: 3.2rem;
  }
  .newgrads .section1__content h1 span br {
    display: block;
  }
  .newgrads .section1__content p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .newgrads .section1 .ticker_wrap {
    position: relative;
    top: 20%;
    margin: 0;
  }
  .newgrads .ticker_wrap div.ticker_area {
    height: 75px;
  }
  .newgrads .section1 .ticker_wrap div.ticker_area p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .newgrads .section1 .ticker_wrap div.ticker_area ul {
    padding: 0 0 0 88px;
  }
  .newgrads .section1 .ticker_wrap div.ticker_area ul li {
    font-size: 12px;
    font-size: 1.2rem;
    white-space: normal;
  }
  .newgrads .section1 .ticker_wrap div.ticker_area ul li span {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .newgrads .section1 .ticker_wrap div.ticker_area ul li a {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .newgrads .section2 {
    background-image: url(../images/newgrads/sp/top_bg2.jpg);
  }
  .newgrads .section2__content {
    padding: 56px 0 0;
    margin: 0;
  }
  .newgrads .section2__content h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 44px;
    margin: 0 0 16px;
  }
  .newgrads .section2__content h2 br {
    display: block;
  }
  .newgrads .section2__content .fp-slides, .newgrads .section2__content .fp-controlArrow {
    display: none;
  }
  .newgrads .section2__content__task {
    padding: 0 10px 40px;
  }
  .newgrads .section2__content__task__detail {
    background-size: contain !important;
    width: 298px !important;
    margin: 0;
    padding: 29px 12px 0;
  }
  .newgrads .section2__content__task__detail.task1 {
    background: url(../images/newgrads/sp/top_section2_img01.png) no-repeat;
    height: 238px;
  }
  .newgrads .section2__content__task__detail.task2 {
    background: url(../images/newgrads/sp/top_section2_img02.png) no-repeat;
    height: 261px;
    margin-left: auto;
  }
  .newgrads .section2__content__task__detail.task3 {
    background: url(../images/newgrads/sp/top_section2_img03.png) no-repeat;
    height: 238px;
  }
  .newgrads .section2__content__task__detail.task4 {
    background: url(../images/newgrads/sp/top_section2_img04.png) no-repeat;
    height: 238px;
    margin-left: auto;
  }
  .newgrads .section2__content__task__detail.task5 {
    background: url(../images/newgrads/sp/top_section2_img05.png) no-repeat;
    height: 217px;
  }
  .newgrads .section2__content__task__detail.task6 {
    background: url(../images/newgrads/sp/top_section2_img06.png) no-repeat;
    height: 282px;
    margin-left: auto;
  }
  .newgrads .section2__content__task__detail dt {
    font-size: 20px;
    font-size: 2rem;
    font-size: 5vw;
    margin: 0 0 8px;
  }
  .newgrads .section2__content__task__detail dd {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2;
    margin: 0 0 8px;
    text-align: left;
  }
  .newgrads .section2__content__inner {
    display: none;
  }
  .newgrads .section2__content__inner h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3;
    padding: 0 20px;
  }
  .newgrads .section2__content__inner p.btn a {
    width: 280px;
  }
  .newgrads .section3 {
    background-image: url(../images/newgrads/sp/top_bg3.jpg);
  }
  .newgrads .section3 h2 {
    background-color: rgba(0, 76, 148, 0.7);
    padding: 0 20px 64px;
    margin: 0;
    display: none;
  }
  .newgrads .section3 h2 + div {
    padding: 40px 20px 80px;
  }
  .newgrads .section3 h2 + div p {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: left;
    font-family: "myFont_b";
  }
  .newgrads .section3 h2 + div p.more {
    text-align: center;
  }
  .newgrads .section3 h2 + div p.more a {
    width: 280px;
  }
  .newgrads .section4 {
    padding: 0;
  }
  .newgrads .section4__content h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3;
    margin: 48px 0 20px;
  }
  .newgrads .section4__content h2 br {
    display: block;
  }
  .newgrads .section4__content h2 + p {
    line-height: 1.6;
    margin: 0 0 24px;
  }
  .newgrads .section4__content h2 + p br {
    display: block;
  }
  .newgrads .section4__content h3 {
    margin: 0 0 24px;
    padding: 0 20px;
  }
  .newgrads .section4__content__ceo {
    width: 100%;
    margin: 0 auto;
  }
  .newgrads .section4__content__ceo p {
    float: none;
    width: 320px;
    margin: 0 auto;
    padding: 0 20px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .newgrads .section4__content__ceo p span {
    font-size: 20px;
    font-size: 2rem;
  }
  .newgrads .section4__content__ceo p img {
    width: 100%;
  }
  .newgrads .section4__content__ceo ul {
    float: none;
    margin: 0 auto;
    padding: 40px 0 0;
  }
  .newgrads .section4__content__ceo ul li {
    margin: 0 0 16px;
  }
  .section5 {
    padding-top: 75px;
  }
  .section5__content h2 {
    margin: 0 0 20px;
  }
  .section5__content h2 br {
    display: block;
  }
  .section5__content h2 + p {
    line-height: 1.5;
    margin: 0 0 24px;
  }
  .section5__content h3 {
    margin: 0 0 24px;
  }
  .section5__content h3 br {
    display: block;
  }
  .section5__content ul.interview {
    margin: 0 auto 40px;
    text-align: left;
  }
  .section5__content ul.interview li {
    width: 50%;
    margin: 0 0 14px;
  }
  .section5__content ul.interview li a p {
    font-size: 4vw;
  }
  .section5__content ul.interview li a p span {
    font-size: 4.5vw;
  }
  .newgrads .section6 {
    padding: 0 0 45px;
  }
  .newgrads .section6__content h2 {
    margin: 0 0 20px;
  }
  .newgrads .section6__content h2 br {
    display: block;
  }
  .newgrads .section6__content h2 + p {
    margin: 0 0 20px;
  }
  .newgrads .section6__content h2 + p br {
    display: block;
  }
  .newgrads .section6__content p.btn a {
    width: 280px;
  }
  .newgrads .section7 {
    padding: 0 0 80px;
  }
  .newgrads .section7__content h2 {
    margin: 0 0 20px;
  }
  .newgrads .section7__content h2 + p br {
    display: block;
  }
  .newgrads .section7__content ul li {
    display: block;
    margin: 0 0 16px;
  }
  .newgrads .section7__content ul li a {
    width: 280px;
  }
  .newgrads .section8__content {
    padding: 0 20px;
  }
  .newgrads .section8__content ul li {
    padding: 20px 0;
  }
  .newgrads .section8__content ul li span {
    position: static;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 0.5em;
    display: inline-block;
  }
  .newgrads .section8__content ul li p {
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .newgrads .section8__content ul + p a {
    width: 280px;
  }

  /*----------------------------------------------------
  	お知らせ
  ----------------------------------------------------*/
  .newgrads_news section ul li {
    padding: 20px 0;
  }
  .newgrads_news section ul li span {
    position: static;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 0.5em;
    display: inline-block;
  }
  .newgrads_news section ul li p {
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .newgrads_news section ul + p a {
    width: 280px;
  }

  /*----------------------------------------------------
  	あそびから未来を変える。
  ----------------------------------------------------*/
  .future h2 {
    text-indent: -1em;
  }
  .future p.kv img {
    width: 100%;
  }
  .future .txt {
    width: 100%;
  }
  .future .txt p {
    font-size: 1.8rem !important;
    font-size: 18px !important;
    line-height: 2;
  }
  .future ul.contentslink {
    width: 100%;
    white-space: normal;
  }
  .future ul.contentslink li {
    width: 40%;
    display: inline-block;
    margin: 0 1% 2%;
  }

  /*----------------------------------------------------
  	代表メッセージ
  ----------------------------------------------------*/
  .message p.kv {
    float: none;
    margin: 0 0 32px;
  }
  .message p.kv img {
    width: 100%;
  }
  .message .txt {
    width: 100%;
    padding: 0;
  }
  .message .txt p {
    font-size: 1.8rem !important;
    font-size: 18px !important;
    line-height: 2;
  }
  .message h3 {
    text-align: center;
    margin: 0 0 16px;
  }

  /*----------------------------------------------------
  企業理念
  ----------------------------------------------------*/
  @media screen and (max-width: 768px) {
    .philosophy p.kv img {
      width: 100%;
    }
  }

  /*----------------------------------------------------
  キャリアパス
  ----------------------------------------------------*/
  .career_paths section .pc_tc {
    text-align: left;
  }

  /*----------------------------------------------------
  	求める人物像
  ----------------------------------------------------*/
  .career_paths main section .character_wrap {
    width: 100%;
    height: auto;
  }
  .career_paths main section .character_wrap .character_detail {
    float: none;
    width: 100%;
    height: auto;
    padding: 24px 12px;
    margin: 0 0 20px;
  }
  .career_paths main section .character_wrap .character_detail.left {
    margin: 0 0 20px;
  }
  .career_paths main section .character_wrap .character_detail.right dl dt {
    letter-spacing: -1px;
  }

  /*----------------------------------------------------
  	エントリーシートのダウンロード
  ----------------------------------------------------*/
  .entry2026 .sp_disp.sp_entry {
    display: none;
  }
  .entry2026 main section dl {
    margin: 0 0 14px;
  }
  .entry2026 main section p.entry {
    display: block;
  }
  .entry2026 main section p.entry a {
    padding: 18px 0;
  }
  .entry2026 main section .form {
    padding: 10px 12px 0;
  }
  .entry2026 main section .form input[type="email"] {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 11px 8px;
    border: 1px solid #d8d9dc;
    width: 100%;
  }
  .entry2026 main section .form input[type="submit"] {
    -webkit-appearance: none;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-color: #e26500;
    font-family: "myFont_b";
    display: inline-block;
    color: #fff;
    font-size: 17px;
    font-size: 1.7rem;
    padding: 18px 0;
    margin: 16px 0 0;
    width: 100%;
    border: none;
  }
  .entry2026 main section .form p.notes {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 30px;
    text-indent: -1em;
    margin: 0 0 24px 1em;
  }
  .entry2026 main section .form p.notes + div {
    background-color: #f3f5f8;
    padding: 12px;
  }
  .entry2026 main section .form p.notes + div p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .entry2026 main section .form p.notes + div a {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-color: #e26500;
    font-family: "myFont_b";
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: 17px;
    font-size: 1.7rem;
    padding: 15px 0;
    width: 92%;
    border: none;
    text-align: center;
  }
  .entry2026 main section ul.entry {
    width: auto;
  }
  .entry2026 main section ul.entry li {
    float: none;
  }
  .entry2026 main section ul.entry li + li {
    margin-left: 0;
  }
  .entry2026 main section ul.entry li a {
    margin: 15px 0 0 0;
    width: 100%;
    padding: 10px 0px;
    line-height: 1.2;
  }
  .entry2026 main p.pc_disp.entry {
    display: none;
  }
  .page-child main section .entry_btn_area a {
    background-color: #e26500;
    font-family: "myFont_b";
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    border-radius: 50px;
    margin: 10px 10px 20px;
    padding: 15px 0;
    width: 90%;
    text-align: center;
  }
  .page-child main section .entry_btn_area a.blue_btn {
    background-color: #005ab3;
  }
  .entry_btn_box {
    text-align: center;
  }

  /*----------------------------------------------------
  	募集要項
  ----------------------------------------------------*/
  .requirements main section h2 {
    margin: 0;
  }
  .requirements main section h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .requirements main section #content01 {
    margin: -40px 0 0;
  }
  .requirements main section #content02 .flow {
    text-align: center;
  }
  .requirements main section #content02 .flow__img {
    display: inline;
  }
  .requirements main section table th, .requirements main section table td {
    display: block;
  }
  .requirements main section table th {
    text-align: center;
    padding: 10px 20px;
  }
  .requirements main section .content02-step {
    padding: 10px 20px 20px;
  }
  .requirements main section .content03-list {
    width: 100%;
    margin: 20px 0 0;
    padding: 20px;
  }
  .requirements main section .content04-faq dt {
    font-size: 2.0rem;
    text-indent: -80px;
    padding-left: 80px;
  }
  .requirements main section .content04-faq dt span {
    width: 70px;
  }
  .requirements main section .content04-faq dd {
    font-size: 1.6rem;
    text-indent: -80px;
    padding-left: 80px;
  }
  .requirements main section .content04-faq dd span {
    width: 70px;
  }

  /*----------------------------------------------------
  	インタビュー
  ----------------------------------------------------*/
  .interview01 main section h3, .interview02 main section h3, .interview03 main section h3, .interview04 main section h3, .interview05 main section h3, .interview06 main section h3 {
    margin: 0px 0 32px;
  }
  .interview01 main section h3 img, .interview02 main section h3 img, .interview03 main section h3 img, .interview04 main section h3 img, .interview05 main section h3 img, .interview06 main section h3 img {
    width: 100%;
  }
  .interview01 main section h4, .interview02 main section h4, .interview03 main section h4, .interview04 main section h4, .interview05 main section h4, .interview06 main section h4 {
    text-align: center !important;
  }
  .interview01 main section div img, .interview02 main section div img, .interview03 main section div img, .interview04 main section div img, .interview05 main section div img, .interview06 main section div img {
    width: 100%;
    float: none !important;
    margin: 0 0 24px 0 !important;
  }
}

.interview-img_area {
  display: flex;
  justify-content: center;
}
.interview-img_area img {
  margin: 0 5px;
  width: 250px;
  height: 167px;
}
.interview-img_text {
  text-align: center;
}


@media screen and (max-width: 768px) {
  .interview-img_area {
    display: block;
  }
  .interview-img_area img {
    width: 100%;
    height: 100%;
  }
  .career_paths_img {
  flex-wrap: wrap;
  margin-bottom: 30px;
  }
  .career_paths_text_area {
    width: 100%;
  }
  .page-child main section p.career_paths_img_area {
    width: 100%;
    margin: 0 auto;
  }
  .career_paths_img_area img {
    width:100%;
  }
}/* @media screen and (max-width: 768px) */