@charset "UTF-8";

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

リセット

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

/* Reset Style */

html {

  height: 100%;

  outline: none;

  overflow-y: scroll;

}



body {

  line-height: 1;

  color: #4c4c4c;

  height: 100%;

}



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  outline: 0;

  font-size: 100%;

  vertical-align: baseline;

  background: transparent;

}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

  display: block;

}



nav ul {

  list-style: none;

}



blockquote, q {

  quotes: none;

}



blockquote:before, blockquote:after {

  content: '';

  content: none;

}



q:before, q:after {

  content: '';

  content: none;

}



a {

  margin: 0;

  padding: 0;

  font-size: 100%;

  vertical-align: baseline;

  background: transparent;

}



ins {

  background-color: #ff9;

  color: #000;

  text-decoration: none;

}



mark {

  background-color: #ff9;

  color: #000;

  font-style: italic;

  font-weight: bold;

}



del {

  text-decoration: line-through;

}



abbr[title], dfn[title] {

  border-bottom: 1px dotted;

  cursor: help;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #cccccc;

  margin: 1em 0;

  padding: 0;

}



input, select {

  vertical-align: middle;

}



body {

  font: 13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;

  *font-size: small;

  *font: x-small;

}



select, input, button, textarea {

  font: 99% arial,helvetica,clean,sans-serif;

}



table {

  font-size: inherit;

  font: 100%;

}



pre, code, kbd, samp, tt {

  font-family: monospace;

  *font-size: 108%;

  line-height: 100%;

}



* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -o-box-sizing: border-box;

  box-sizing: border-box;

}



.opacity {

  opacity: 0.4;

  -moz-opacity: 0.4;

  filter: alpha(opacity=40);

  -ms-filter: "alpha(opacity=40)";

}



header:after {

  display: block;

  visibility: hidden;

  clear: both;

  height: 0;

  content: ".";

}

header .header_nav ul li a.gotohome:before, header .header_nav ul li a.seminar:before, header .header_nav ul li a.contact:before, header .header_nav ul li a.series:before {

  content: "";

  vertical-align: middle;

  display: inline-block;

  width: 0;

  height: 100%;

}

header .header_nav ul li:before {

  content: "";

  vertical-align: middle;

  display: inline-block;

  width: 0;

  height: 100%;

}



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

共通

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

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

module

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

.mt15 {

  margin-top: 15px;

}



.mt30 {

  margin-top: 30px;

}



.mt60 {

  margin-top: 60px;

}



/*クリアフィックス*/

.cf:after {

  content: ".";

  display: block;

  height: 0;

  font-size: 0;

  clear: both;

  visibility: hidden;

}



/*リンク設定*/

a {

  outline: none;

}

a[href^="tel:"] {

  cursor: default;

}



.link_area:hover {

  cursor: pointer;

}



/*リストスタイル設定*/

li {

  list-style-type: none;

}



/*text-alignモジュール*/

.text_left {

  text-align: left;

}



.text_center {

  text-align: center;

}



/*リード文設定*/

.read, .sub_layout #voice .inner ul li span {

  line-height: 1.8;

  letter-spacing: 1.5px;

  font-size: 108%;

}



.read.center, .sub_layout #voice .inner ul li span.center {

  text-align: center;

}



/*displayモジュール*/

.db {

  display: block;

}



.dt {

  display: table;

}



.dib {

  display: inline-block;

}



.sub_layout #voice .inner ul li .fa, .sub_layout #voice .inner ul li span {

  display: inline-block;

}

.sub_layout #about .point li img.vat {

  vertical-align: top;

}



#mental-healthcare #about .point li img.vat {

  vertical-align: top;

}



/*横並びモジュール01*/

.align, .layout #contact .inner .series {

  text-align: center;

  font-size: 0px;

}



.align div, .layout #contact .inner .series div {

  vertical-align: top;

  display: inline-block;

  font-size: 14px;

}



/*横並びモジュール02*/

.align_table {

  display: table;

  table-layout: fixed;

}

.align_table div {

  display: table-cell;

  vertical-align: middle;

}



.alignTable {

  display: table;

}

.alignTable.fix {

  table-layout: fixed;

}

.alignTable.vam > div {

  vertical-align: middle;

}

.alignTable.vat > div {

  vertical-align: top;

}

.alignTable > div {

  display: table-cell;

}



/*セクション設定*/

section {

  margin: 60px auto 0;

}

section h2 {

  text-align: center;

  margin: 0px auto 30px;

  font-size: 308%;

  letter-spacing: 1.5px;

  line-height: 1.6;

  color: #4c4c4c;

}



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

[common]all

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

.wrapper {

  height: 100%;

}



.jusyo {

  position: fixed;

  right: 0;

  width: 57px;

  top: 20%;

  z-index: 9000;

}



/*header*/

header {

  position: fixed;

  z-index: 100;

  height: 60px;

  width: 100%;

  background-color: #fff;

  -webkit-box-shadow: 0px 1px 2px rgba(102, 102, 102, 0.8);

  -moz-box-shadow: 0px 1px 2px rgba(102, 102, 102, 0.8);

  box-shadow: 0px 1px 2px rgba(102, 102, 102, 0.8);

}

header h1 {

  float: left;

  height: 100%;

  padding-left: 25px;

  display: table;

}

header h1 a {

  width: 120px;

  height: 100%;

  display: table-cell;

  vertical-align: middle;

}

header h1 a img {

  width: 100%;

  height: auto;

}

header h1 span {

  height: 100%;

  display: table-cell;

  vertical-align: middle;

}

header .header_nav {

  height: 100%;

  float: right;

}

header .header_nav ul {

  height: 100%;

  text-align: right;

  font-size: 0;

}

header .header_nav ul li {

  height: 100%;

  display: inline-block;

  vertical-align: top;

  font-size: 13px;

}

header .header_nav ul li a {

  display: inline-block;

  vertical-align: middle;

}

header .header_nav ul li a.gotohome {

  margin-right: 20px;

  text-align: center;

  -webkit-transition: all .4s;

  transition: all .4s;

  font-size: 100%;

  color: #4c4c4c;

  text-decoration: none;

}

header .header_nav ul li a.logo {

  margin-right: 20px;

}

header .header_nav ul li a.seminar {

  margin-right: 5px;

  -webkit-transition: all .1s;

  transition: all .1s;

  background-color: #58be34;

  border-radius: 5px;

  box-shadow: 0 3px #459629;

  padding: 0 2em;

  height: 45px;

  text-align: center;

  color: #fff;

  font-weight: bold;

  text-decoration: none;

  font-size: 13px;

  margin-top: -3px;

}

header .header_nav ul li a.seminar span {

  display: inline-block;

  vertical-align: middle;

}

header .header_nav ul li a.seminar:hover {

  margin-top: 6px;

  box-shadow: 0 0px #459629;

}

header .header_nav ul li a.contact {

  margin-right: 5px;

  -webkit-transition: all .1s;

  transition: all .1s;

  background-color: #00aae8;

  border-radius: 5px;

  box-shadow: 0 3px #0085b5;

  padding: 0 2em;

  font-weight: bold;

  text-align: center;

  color: #fff;

  height: 45px;

  text-decoration: none;

  line-height: 1.6;

  font-size: 13px;

  margin-top: -3px;

}

header .header_nav ul li a.contact span {

  display: inline-block;

  vertical-align: middle;

}

header .header_nav ul li a.contact:hover {

  margin-top: 6px;

  box-shadow: 0 0px #0085b5;

}

header .header_nav ul li a.series {

  width: 100px;

  background-color: #4c4c4c;

  height: 100%;

  text-align: center;

  text-decoration: none;

  color: #fff;

}

header .header_nav ul li a.series span {

  display: inline-block;

  vertical-align: middle;

  font-size: 85%;

}

header .header_nav ul li a.series span .fa {

  font-size: 277%;

  display: block;

  margin-bottom: 5px;

}

header .header_nav ul li a.series span:hover {

  color: #daeb19;

}



@media only screen and (max-width: 1100px) {

  header h1 span {

    display: none;

  }

}

/*モーダル*/

#window {

  background-color: rgba(76, 76, 76, 0.8);

  width: 100%;

  height: 100%;

  overflow: auto;

  position: relative;

  display: none;

}

#window button {

  display: block;

  margin: 60px auto 60px;

  width: 300px;

  height: 60px;

  border: 0px;

  text-align: center;

  background-color: #008ccf;

  cursor: pointer;

  color: #fff;

  font-size: 139%;

}

#window .inner {

  margin: 90px auto 0;

}

#window .inner h2 {

  font-size: 277%;

  color: #fff;

}

#window .inner #masonry {

  max-width: 1366px;

  margin: 0 auto;

}

#window .inner #masonry .grid {

  width: 21.875%;

  display: inline-block;

  background: #424242;

  margin: 1.0416666667%;

  vertical-align: top;

  color: #fff;

  min-height: 320px;

  position: relative;

}

#window .inner #masonry .grid img {

  width: 100%;

  height: auto;

}

#window .inner #masonry .grid dl {

  text-align: left;

  padding: 1em;

}

#window .inner #masonry .grid dl dt {

  font-size: 124%;

  margin-bottom: 0.5em;

  letter-spacing: 1.5px;

}

#window .inner #masonry .grid dl dd {

  font-size: 93%;

  letter-spacing: 1.5px;

  color: #c0c0c0;

  line-height: 1.6;

}

#window .inner #masonry .grid div {

  position: absolute;

  bottom: 0;

  width: 100%;

  text-align: right;

}

#window .inner #masonry .grid div a {

  display: inline-block;

  width: 100%;

  background-color: #008ccf;

  color: #fff;

  padding: 1em 0;

  text-align: center;

  text-decoration: none;

  font-size: 85%;

  letter-spacing: 1.5px;

}

#window .inner #masonry .grid div a .fa {

  margin-left: 1em;

}

#window .inner .bnr {

  text-align: center;

  padding-top: 60px;

  border-top: 1px solid #333333;

  margin: 60px auto 0;

  max-width: 1280px;

}

#window .inner .bnr img {

  width: 100%;

  height: auto;

}



/*navigation*/

nav {

  background-color: #4c4c4c;

  padding: 3px 0;

  z-index: 99;

}

nav ul {

  width: 960px;

  margin: 0 auto;

  display: table;

  table-layout: fixed;

}

nav ul li {

  display: table-cell;

  text-align: center;

  vertical-align: middle;

  border-right: 1px solid #3f3f3f;

}

nav ul li:first-child {

  border-left: 1px solid #3f3f3f;

}

nav ul li a {

  display: block;

  padding: .6em;

  text-decoration: none;

  color: #fff;

  font-size: 93%;

  font-weight: bold;

  letter-spacing: 2px;

  text-align: center;

}

nav ul li a .fa {

  margin-right: 0.5em;

}

nav ul li a:hover {

  background-color: #fff;

  color: #4c4c4c;

}



/*各ページ共通レイアウト*/

.layout #movie h2 {

  border-top: 1px dashed #ccc;

  width: 770px;

  margin: 0 auto;

  padding-top: 60px;

}

.layout #movie .mov {

  width: 770px;

  margin: 30px auto 0;

}

.layout #story, .layout #feature {

  background: url(../images/movication/featurebg.gif) repeat;

  padding-bottom: 60px;

}

.layout #story h2, .layout #feature h2 {

  padding-top: 60px;

}

.layout #story .inner, .layout #feature .inner {

  width: 960px;

  margin: 60px auto 0;

}

.layout #story .inner h3, .layout #feature .inner h3 {

  margin: 30px 0 20px;

}

.layout #story .inner .read, .layout #story .sub_layout #voice .inner ul li span {

  margin: 30px 0;

  line-height: 1.8;

  font-size: 108%;

  text-align: center;

}



.sub_layout #voice .layout #story .inner ul li span {

  margin: 30px 0;

  line-height: 1.8;

  font-size: 108%;

  text-align: center;

}



.layout #feature .inner .read, .layout #feature .sub_layout #voice .inner ul li span {

  margin: 30px 0;

  line-height: 1.8;

  font-size: 108%;

  text-align: center;

}



.sub_layout #voice .layout #feature .inner ul li span {

  margin: 30px 0;

  line-height: 1.8;

  font-size: 108%;

  text-align: center;

}



.layout #cvp div {

  padding: 2em 0;

  background: #4c4c4c;

}

.layout #cvp div a {

  display: block;

  text-indent: -9999px;

  width: 640px;

  height: 77px;

  margin: 0 auto;

  background: url(../images/btn_cv.png) 0 0 no-repeat;

}

.layout #cvp div a:hover {

  background-position: 0 100%;

}

.layout #contact {

  margin-top: 0;

  padding: 60px 0;

  background-color: #f3f3f3;

}

.layout #contact .inner .series {

  margin: 0px auto 0;

  background-color: #fff;

  -webkit-box-shadow: 0px 0px 3px #444;

  -moz-box-shadow: 0px 0px 3px #444;

  box-shadow: 0px 0px 3px #444;

  padding: 30px;

  width: 960px;

}

.layout #contact .inner .series div:first-child {

  width: 50%;

  margin-right: 3.3333333333%;

  text-align: left;

  background-color: #fff;

}

.layout #contact .inner .series div:first-child ul li {

  border-bottom: 1px solid #cccccc;

}

.layout #contact .inner .series div:first-child ul li a {

  display: block;

  text-decoration: none;

  color: #4c4c4c;

  background-color: #fff;

  width: 100%;

  padding-top: 1em;

  padding-bottom: 1em;

  padding-left: 0;

  padding-right: 0;

}

.layout #contact .inner .series div:first-child ul li a span {

  display: inline-block;

  width: 90%;

}

.layout #contact .inner .series div:first-child ul li a .fa {

  display: inline-block;

  width: 5%;

  text-align: right;

}

.layout #contact .inner .series div.adjst {

  width: 46.6666666667%;

  background-color: #4c4c4c;

  height: 320px;

}

.layout #contact .inner .series div.adjst a {

  display: block;

  text-align: left;

  text-decoration: none;

}

.layout #contact .inner .series div.adjst a dl {

  padding: 15px;

}

.layout #contact .inner .series div.adjst a dt {

  font-size: 124%;

  margin-bottom: 0.5em;

  letter-spacing: 1.5px;

  color: #fff;

}

.layout #contact .inner .series div.adjst a dd {

  font-size: 93%;

  letter-spacing: 1.5px;

  color: #c0c0c0;

  line-height: 1.6;

}

.layout #contact .inner .series div.adjst img {

  width: 100%;

  height: auto;

}

.layout #contact .inner .series h3 {

  font-size: 24px;

  margin-bottom: 20px;

}

.layout #contact .inner .series hr {

  margin: 30px 0;

}

.layout #contact .inner .series .bnr01 {

  max-width: 100%;

}

.layout #contact .inner .series .bnr01 a {

  display: block;

  max-width: 100%;

}

.layout #contact .inner .series .bnr01 a img {

  width: 100%;

  height: auto;

}

.layout #contact .inner .series + hr {

  margin: 60px 0;

}

.layout #contact .align, .layout #contact .inner .series {

  width: 960px;

  margin: 60px auto 0;

}

.layout #contact .align div, .layout #contact .inner .series div {

  width: 39.5833333333%;

}

.layout #contact .align div:first-child, .layout #contact .inner .series div:first-child {

  width: 45.8333333333%;

  margin-right: 6.25%;

}

.layout #contact .align div h3, .layout #contact .inner .series div h3 {

  font-size: 185%;

  color: #666;

  text-align: left;

  margin-bottom: 20px;

  font-weight: normal;

}

.layout #contact .align div h3 .fa, .layout #contact .inner .series div h3 .fa {

  margin-right: 0.5em;

}

.layout #contact .align div .tel, .layout #contact .inner .series div .tel {

  display: block;

  text-align: left;

  margin-bottom: 10px;

  width: 100%;

}

.layout #contact .align div .tel span, .layout #contact .inner .series div .tel span {

  display: inline-block;

  background-color: #666;

  padding: 0.2em 0.5em;

  color: #fff;

  font-weight: bold;

  vertical-align: middle;

}

.layout #contact .align div .tel > a, .layout #contact .inner .series div .tel > a {

  color: #666;

  text-decoration: none;

  margin-left: 0.5em;

  font-size: 154%;

  font-weight: bold;

  vertical-align: middle;

}

.layout #contact .align div .tel + h3, .layout #contact .inner .series div .tel + h3 {

  margin-top: 30px;

}

.layout #contact .align div .mail, .layout #contact .inner .series div .mail {

  display: block;

  color: #fff;

  text-decoration: none;

  background-color: #58be34;

  padding: 1em 0em;

  font-weight: bold;

  width: 75%;

}

.layout #contact .align div .mail:hover, .layout #contact .inner .series div .mail:hover {

  background-color: #75d055;

}

.layout #contact .align div .mail .fa, .layout #contact .inner .series div .mail .fa {

  margin-right: 0.5em;

}

.layout #contact .align div .read, .layout #contact .inner .series div .read, .layout #contact .align div .sub_layout #voice .inner ul li span {

  margin-top: 20px;

  text-align: left;

  color: #666666;

}



.sub_layout #voice .inner ul li .layout #contact .align div span, .layout #contact .sub_layout #voice .inner .series div ul li span, .sub_layout #voice .layout #contact .inner .series div ul li span, .layout #contact .sub_layout #voice .inner ul li .series div span, .sub_layout #voice .layout #contact .inner ul li .series div span {

  margin-top: 20px;

  text-align: left;

  color: #666666;

}



.layout #contact .align div .fb-page, .layout #contact .inner .series div .fb-page {

  width: 100%;

  margin-right: 0;

}

.layout #gohome {

  margin: 0px auto 0;

}

.layout #gohome a {

  display: block;

  width: 100%;

  text-align: center;

  padding: 2em 0;

  color: #fff;

  text-decoration: none;

  background-color: #00aae8;

}

.layout #gohome a .fa {

  margin-right: 1em;

}



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

共通フッター

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

#anchor {

  margin: 0px auto 0;

}

#anchor a {

  display: block;

  width: 100%;

  text-align: center;

  padding: 1em 0;

  color: #fff;

  text-decoration: none;

  background-color: #4c4c4c;

}

#anchor a:hover {

  background-color: #4d4d4d;

}

#anchor a .fa {

  margin-right: 0.5em;

}



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

/*  clearfix

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

.clearfix {

  display: inline-block;

}

.clearfix:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}



/* Hides from IE-mac \*/

* html .clearfix {

  height: 1%;

}



.clearfix {

  display: block;

}



/* End hide from IE-mac */

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

/*  フッター

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

#GlobalFooter {

  width: 1030px;

  margin: 15px auto 10px;

  padding-top: 8px;

  font-size: 12px;

  line-height: 1.5;

  border-top: solid 3px #2798e3;

}



#FooterLogo {

  width: 100px;

  float: left;

  padding-top: 30px;

  text-align: center;

}



#FooterService {

  width: 920px;

  float: left;

  margin-left: 10px;

  display: inline;

  /* dobble margin bugfix for ie6 */

}



#FooterServiceHead {

  margin-bottom: 8px;

}



#GlobalFooter .FooterTitle {

  width: 500px;

  float: left;

  font-size: 117%;

  font-weight: bold;

  color: #333;

}

#GlobalFooter #FooterServiceHead p.FooterHeadLink {

  text-align: right;

}

#GlobalFooter #FooterServiceHead p.FooterHeadLink a {

  float: right;

  padding-right: 20px;

  color: #09F !important;

}

#GlobalFooter #FooterServiceHead p.FooterHeadLink img {

  vertical-align: text-top;

}



#FooterServiceCont dl {

  padding: 1px 0 0;

  background: url(/movication/images/cmn/fline_blue.gif) repeat-y 100px;

}

#FooterServiceCont dl dt {

  width: 100px;

  float: left;

  padding-bottom: 5px;

  margin-right: 15px;

  color: #2798e3;

}

#FooterServiceCont dl dt.pl {

  padding-bottom: 10px;

}

#FooterServiceCont dl dt.pl::after {

  clear: both;

  content: ".";

  display: block;

  color: #fff;

}

#FooterServiceCont dl dd {

  float: left;

  margin: 0 10px 3px 0;

  padding: 0 9px 0 0;

  border-right: 1px solid #999;

  white-space: nowrap;

}

#FooterServiceCont dl dd a:hover {

  text-decoration: underline;

}

#FooterServiceCont dl dd.last {

  border-right: none;

}



#FooterCorp {

  clear: both;

}



#FooterCorpInfo {

  float: left;

  width: 940px;

  margin: 10px 0 0 0;

  padding-top: 5px;

  border-top: 1px solid #2798e3;

  display: inline;

  /* dobble margin bugfix for ie6 */

}



#FooterCorpId {

  width: 300px;

  float: left;

}



#FooterCorpName {

  width: 100px;

  float: left;

  margin-top: 2px;

}



#copyright {

  width: 190px;

  float: left;

  margin: 3px 0 0 10px;

  font-size: 81.6%;

  color: #333;

  line-height: 1.2;

}



#FooterCorpLink {

  float: left;

}

#FooterCorpLink ul li {

  float: left;

  margin: 0px 10px 7px 0;

  padding: 3px 9px 0px 0;

  border-right: 1px solid #999;

  font-size: 93.3%;

  line-height: 1.2;

}

#FooterCorpLink ul li.last {

  border-right: none;

  margin-right: 0;

  padding-right: 0;

}



#privacy {

  width: 50px;

  float: left;

  margin: -15px 0 10px 10px;

  display: inline;

  /* dobble margin bugfix for ie6 */

}



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

/*  フォント

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

#GlobalFooter a {

  color: #666666;

  text-decoration: none;

}

#GlobalFooter a:hover {

  color: #666666;

  text-decoration: underline;

}



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

トップページ

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

.load {

  width: 100%;

  height: 100%;

  background: #fff;

  position: fixed;

  z-index: 9999;

  top: 0;

  left: 0;

  text-align: center;

}

.load img {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  width: 429px;

  height: 261px;

}



#index #kv {

  position: relative;

  padding-top: 60px;

  margin: 0px auto 0;

  height: 100%;

}

#index #kv #arrows {

  position: absolute;

  /*height: 44.0740584667%;*/

  top: 250px;

  z-index: 98;

  width: 100%;

}

#index #kv #arrows .slick-prev {

  position: absolute;

  cursor: pointer;

  border: 0px;

  left: 24%;

  bottom: 0;

  width: 40px;

  height: 40px;

  background-color: rgba(76, 76, 76, 0.7);

}

#index #kv #arrows .slick-prev:before {

  content: "\f053";

  font-family: FontAwesome;

  color: #fff;

}

#index #kv #arrows .slick-next {

  position: absolute;

  cursor: pointer;

  width: 40px;

  height: 40px;

  border: 0px;

  right: 24%;

  bottom: 0;

  background-color: rgba(76, 76, 76, 0.7);

}

#index #kv #arrows .slick-next:before {

  content: "\f054";

  font-family: FontAwesome;

  color: #fff;

}

#index #kv .contentSlider {

  width: 100%;

}

#index #kv .contentSlider .slick-track {

  text-align: center;

}

#index #kv .contentSlider .slick-list {

  margin: 0 auto;

}

#index #kv .contentSlider .slick-slide {

  opacity: 0.5;

}

#index #kv .contentSlider .slick-slide.slick-active {

  opacity: 1;

}

#index #kv .contentSlider .slick-slide img {

  width: 100%;

  height: auto;

}

#index #kv .kvArea {

  position: relative;

}

#index #kv .kvArea .link_box {

  position: absolute;

  bottom: 0;

  width: 100%;

  background-color: rgba(76, 76, 76, 0.7);

  height: 13.6734693878%;

}

#index #kv .kvArea .align_table {

  width: 100%;

  table-layout: auto;

  height: 100%;

}

#index #kv .kvArea .align_table div {

  color: #fff;

  width: 19.7916666667%;

  height: 100%;

  vertical-align: middle;

}

#index #kv .kvArea .align_table div:first-child {

  padding-left: 3%;

  line-height: 1.6;

  font-size: 108%;

  letter-spacing: 1.8px;

  width: 80.2083333333%;

  text-align: left;

}

#index #kv .kvArea .align_table div a {

  background-color: #008ccf;

  text-decoration: none;

  color: #fff;

  height: 100%;

  display: table;

  width: 100%;

}

#index #kv .kvArea .align_table div a span {

  display: table-cell;

  vertical-align: middle;

  font-size: 124%;

  letter-spacing: 1.8px;

}

#index #kv .kvArea .align_table div a span .fa {

  margin-left: 1em;

}

#index #about h2 {

  font-size: 216%;

}

#index #about .align, #index #about .layout #contact .inner .series {

  width: 960px;

  margin: 30px auto 0;

}



@media only screen and (max-width: 1366px) {

  #index #kv #arrows .slick-prev {

    left: 16%;

  }

}

@media only screen and (max-width: 1366px) {

  #index #kv #arrows .slick-next {

    right: 16%;

  }

}

.layout #contact .inner #index #about .series {

  width: 960px;

  margin: 30px auto 0;

}



#index #about .align .item, #index #about .layout #contact .inner .series .item {

  width: 54.5833333333%;

}



.layout #contact .inner #index #about .series .item {

  width: 54.5833333333%;

}



#index #about .align .item:first-child, #index #about .layout #contact .inner .series .item:first-child {

  width: 42.2916666667%;

  margin-right: 3.125%;

}



.layout #contact .inner #index #about .series .item:first-child {

  width: 42.2916666667%;

  margin-right: 3.125%;

}



#index #about .align .item .read, #index #about .layout #contact .inner .series .item .read {

  text-align: left;

}



.layout #contact .inner #index #about .series .item .read, #index #about .align .item .sub_layout #voice .inner ul li span, .sub_layout #voice .inner ul li #index #about .align .item span, #index #about .layout #contact .sub_layout #voice .inner .series .item ul li span, .sub_layout #voice #index #about .layout #contact .inner .series .item ul li span, #index #about .layout #contact .sub_layout #voice .inner ul li .series .item span, .sub_layout #voice #index #about .layout #contact .inner ul li .series .item span, .layout #contact .sub_layout #voice .inner #index #about .series .item ul li span, .sub_layout #voice .layout #contact .inner #index #about .series .item ul li span, .layout #contact .sub_layout #voice .inner ul li #index #about .series .item span, .sub_layout #voice .layout #contact .inner ul li #index #about .series .item span {

  text-align: left;

}



#index #about .align .item .ctrl, #index #about .layout #contact .inner .series .item .ctrl {

  font-size: 0;

}



.layout #contact .inner #index #about .series .item .ctrl {

  font-size: 0;

}



#index #experiment {

  margin: 60px auto 0;

  padding-bottom: 60px;

  background: url(../images/movication/bg_experment.png) left top repeat;

}

#index #experiment h2 {

  padding-top: 60px;

}

#index #experiment h3 {

  text-align: center;

  font-size: 185%;

  font-weight: normal;

}

#index #experiment .align, #index #experiment .layout #contact .inner .series {

  width: 960px;

  background-color: #fff;

  -webkit-box-shadow: 0px 0px 3px #444;

  -moz-box-shadow: 0px 0px 3px #444;

  box-shadow: 0px 0px 3px #444;

  padding: 30px;

  margin: 30px auto 0;

  text-align: left;

}



.layout #contact .inner #index #experiment .series {

  width: 960px;

  background-color: #fff;

  -webkit-box-shadow: 0px 0px 3px #444;

  -moz-box-shadow: 0px 0px 3px #444;

  box-shadow: 0px 0px 3px #444;

  padding: 30px;

  margin: 30px auto 0;

  text-align: left;

}



#index #experiment .align div, #index #experiment .layout #contact .inner .series div {

  width: 37.5%;

}



.layout #contact .inner #index #experiment .series div {

  width: 37.5%;

}



#index #experiment .align div:first-child, #index #experiment .layout #contact .inner .series div:first-child {

  width: 54.8958333333%;

  margin-right: 3.125%;

}



.layout #contact .inner #index #experiment .series div:first-child {

  width: 54.8958333333%;

  margin-right: 3.125%;

}



#index #experiment .align div dt, #index #experiment .layout #contact .inner .series div dt {

  font-size: 185%;

  margin: 30px 0 20px;

}



.layout #contact .inner #index #experiment .series div dt {

  font-size: 185%;

  margin: 30px 0 20px;

}



#index #experiment .align div .read, #index #experiment .layout #contact .inner .series div .read {

  font-size: 93%;

}



.layout #contact .inner #index #experiment .series div .read, #index #experiment .align div .sub_layout #voice .inner ul li span, .sub_layout #voice .inner ul li #index #experiment .align div span, #index #experiment .layout #contact .sub_layout #voice .inner .series div ul li span, .sub_layout #voice #index #experiment .layout #contact .inner .series div ul li span, #index #experiment .layout #contact .sub_layout #voice .inner ul li .series div span, .sub_layout #voice #index #experiment .layout #contact .inner ul li .series div span, .layout #contact .sub_layout #voice .inner #index #experiment .series div ul li span, .sub_layout #voice .layout #contact .inner #index #experiment .series div ul li span, .layout #contact .sub_layout #voice .inner ul li #index #experiment .series div span, .sub_layout #voice .layout #contact .inner ul li #index #experiment .series div span {

  font-size: 93%;

}



#index #experiment .align div a, #index #experiment .layout #contact .inner .series div a {

  margin-top: 30px;

  display: block;

  width: 100%;

  background-color: #008ccf;

  padding: 1em 0;

  text-align: center;

  color: #fff;

  text-decoration: none;

}



.layout #contact .inner #index #experiment .series div a {

  margin-top: 30px;

  display: block;

  width: 100%;

  background-color: #008ccf;

  padding: 1em 0;

  text-align: center;

  color: #fff;

  text-decoration: none;

}



#index #experiment .align div a .fa, #index #experiment .layout #contact .inner .series div a .fa {

  margin-left: 1em;

}



.layout #contact .inner #index #experiment .series div a .fa {

  margin-left: 1em;

}



#index #feature {

  margin: 0px auto 0;

}

#index #feature .align_table {

  width: 860px;

  margin: 30px auto 0;

}

#index #feature:first-child {

  margin: 0 auto;

}

#index #advantage h2 {

  margin: 0px auto 60px;

}

#index #advantage h2 span {

  display: block;

  margin-top: 1em;

  font-weight: normal;

}

#index #advantage .box {

  height: 100%;

}

#index #advantage .box h3 {

  padding: 30px 0;

}

#index #advantage .box article {

  margin-top: 60px;

}

#index #advantage .box article .align, #index #advantage .box article .layout #contact .inner .series {

  margin: 0 0 30px;

}



.layout #contact .inner #index #advantage .box article .series {

  margin: 0 0 30px;

}



#index #advantage .box article .align div:first-child, #index #advantage .box article .layout #contact .inner .series div:first-child {

  margin: 0 20px 0 20px;

}



.layout #contact .inner #index #advantage .box article .series div:first-child {

  margin: 0 20px 0 20px;

}



#index #advantage .box article .align .mt_adjst, #index #advantage .box article .layout #contact .inner .series .mt_adjst {

  margin-top: 10px;

}



.layout #contact .inner #index #advantage .box article .series .mt_adjst {

  margin-top: 10px;

}



#index #advantage .box article .box {

  width: 84.8958333333%;

  background-color: #fff;

  border: 3px solid #e6ae16;

  padding: 20px;

  margin: 0 auto;

}

#index #advantage .box article .box .read, #index #advantage .box article .box .sub_layout #voice .inner ul li span {

  text-align: left;

}



.sub_layout #voice .inner ul li #index #advantage .box article .box span {

  text-align: left;

}



#index #advantage .box h3 + article {

  margin-top: 0;

}

#index #orange {

  background-color: #efe1b0;

  position: relative;

  height: 2260px;

}

#index #orange #gray {

  background-color: #e1e1e1;

  width: 50%;

  height: 100%;

}

#index #orange #gray .inner {

  width: 960px;

  height: 100%;

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  text-align: center;

}

#index #comment {

  padding-bottom: 60px;

}

#index #comment .align, #index #comment .layout #contact .inner .series {

  width: 801px;

  margin: 30px auto;

  text-align: left;

}



.layout #contact .inner #index #comment .series {

  width: 801px;

  margin: 30px auto;

  text-align: left;

}



#index #comment .align div, #index #comment .layout #contact .inner .series div {

  width: 78.6516853933%;

}



.layout #contact .inner #index #comment .series div {

  width: 78.6516853933%;

}



#index #comment .align div:first-child, #index #comment .layout #contact .inner .series div:first-child {

  width: 18.102372035%;

  margin-right: 2.4968789014%;

}



.layout #contact .inner #index #comment .series div:first-child {

  width: 18.102372035%;

  margin-right: 2.4968789014%;

}



#index #comment .align div:first-child img, #index #comment .layout #contact .inner .series div:first-child img {

  width: 90%;

  height: auto;

}



.layout #contact .inner #index #comment .series div:first-child img {

  width: 90%;

  height: auto;

}



#index #comment .align .notice, #index #comment .layout #contact .inner .series .notice {

  margin-top: 5px;

  font-size: 77%;

  line-height: 1.6;

  color: #666;

  text-align: left;

}



.layout #contact .inner #index #comment .series .notice {

  margin-top: 5px;

  font-size: 77%;

  line-height: 1.6;

  color: #666;

  text-align: left;

}



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

下層ページ共通

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

.sub_layout #kv {

  background: url(../images/sub_bg_kv.png) center top repeat-x #f3f3f3;

  padding: 90px 0 30px;

  text-align: center;

  margin: 0px auto 0;

}

.sub_layout #about .point {

  width: 960px;

  margin: 0 auto;

  border: 1px dashed #69ceff;

  padding: 4em 2em 2em;

  position: relative;

}

.sub_layout #about .point h3 {

  position: absolute;

  top: -1em;

  padding: 0.5em 1em;

  font-weight: bold;

  font-size: 139%;

  background-color: #008ccf;

  color: #fff;

}

.sub_layout #about .point + h3 {

  text-align: center;

  margin: 30px 0;

}

.sub_layout #about .point li {

  margin-top: 0.8em;

  font-size: 108%;

}

.sub_layout #about .point li img {

  vertical-align: middle;

  margin-right: 1em;

}

.sub_layout #about .point li:first-child {

  margin-top: 0;

}

.sub_layout #about .point li span {

  display: inline-block;

  width: 90.0662251656%;

  line-height: 1.6;

}

.sub_layout #story .align_table {

  width: 100%;

  margin-top: 30px;

}

.sub_layout #story .align_table div {

  vertical-align: top;

  text-align: center;

  padding: 0 1em;

}

.sub_layout #story .align_table div p {

  margin: 0.5em 0 0;

  line-height: 1.6;

  font-size: 93%;

  text-align: center;

}

.sub_layout #story .image {

  text-align: center;

  margin-top: 30px;

}

.sub_layout #program .image {

  text-align: center;

  margin-top: 30px;

}

.sub_layout #program .programFlow {

  width: 960px;

  margin: 60px auto 130px;

  position: relative;

  background: url(../images/mission_line_01.png) center top repeat-y;

  padding: 0 40px;

  box-sizing: border-box;

}

.sub_layout #program .programFlow:after {

  content: "";

  position: absolute;

  bottom: -74px;

  display: block;

  width: 880px;

  margin: auto;

  background: url(../images/mission_line_end.png) center top no-repeat;

  height: 74px;

}

.sub_layout #program .programFlow article {

  position: absolute;

  width: 50%;

}

.sub_layout #program .programFlow article h3 {

  position: relative;

  width: 390px;

  font-size: 18px;

  font-weight: normal;

  border-radius: 30px;

  letter-spacing: .05em;

  box-sizing: border-box;

  padding: 0.7em 1em;

}

.sub_layout #program .programFlow article h3 span {

  display: inline-block;

  vertical-align: middle;

}

.sub_layout #program .programFlow article h3 span:first-child {

  font-size: 14px;

  margin-right: 1em;

}

.sub_layout #program .programFlow article h3.beta {

  background-color: #cd8080;

  color: #fff;

}

.sub_layout #program .programFlow article h3.nuki {

  background-color: #fff;

  color: #cd8080;

  border: 1px solid #cd8080;

}

.sub_layout #program .programFlow article h3:after {

  position: absolute;

  top: 21px;

  content: '';

  border-top: 1px solid #cd8080;

}

.sub_layout #program .programFlow article h3:before {

  position: absolute;

  top: 9px;

  content: '';

  width: 25px;

  height: 25px;

  border-radius: 50%;

  background-color: #cd8080;

}

.sub_layout #program .programFlow article h4 {

  font-size: 14px;

  color: #cd8080;

  margin-top: 20px;

  padding-left: 20px;

}

.sub_layout #program .programFlow article h4:before {

  content: "";

  margin-right: 8px;

  display: inline-block;

  vertical-align: top;

  width: 14px;

  height: 14px;

  background-color: #cd8080;

}

.sub_layout #program .programFlow article .read, .sub_layout #program .programFlow article #voice .inner ul li span {

  font-size: 13px;

  line-height: 1.84;

  letter-spacing: 0.075em;

  width: 390px;

  box-sizing: border-box;

  padding-left: 20px;

  margin-top: 10px;

}

.sub_layout #voice .inner ul li #program .programFlow article span {

  font-size: 13px;

  line-height: 1.84;

  letter-spacing: 0.075em;

  width: 390px;

  box-sizing: border-box;

  padding-left: 20px;

  margin-top: 10px;

}

.sub_layout #program .programFlow article .box {

  margin-top: 10px;

  margin-left: 20px;

  width: 370px;

  border: 1px solid #eebc0d;

  box-sizing: border-box;

  padding: 15px;

}

.sub_layout #program .programFlow article .box h4 {

  color: #eebc0d;

  margin-top: 0px;

  padding-left: 0px;

  margin-bottom: 10px;

}

.sub_layout #program .programFlow article .box h4:before {

  background-color: #eebc0d;

}

.sub_layout #program .programFlow article .box li {

  font-size: 12px;

  font-weight: bold;

  line-height: 2;

  letter-spacing: 0.075em;

}

.sub_layout #program .programFlow article .box li span {

  margin-right: .5em;

}

.sub_layout #program .programFlow article.leftside h3:after {

  right: -50px;

  width: 50px;

}

.sub_layout #program .programFlow article.leftside h3:before {

  right: -63px;

}

.sub_layout #program .programFlow article.rightside {

  right: 0;

  padding-left: 50px;

}

.sub_layout #program .programFlow article.rightside h3:after {

  left: -50px;

  width: 50px;

}

.sub_layout #program .programFlow article.rightside h3:before {

  left: -63px;

}

.sub_layout #program .programFlow article.l-01 {

  top: -20px;

}

.sub_layout #program .programFlow article.l-02 {

  top: 320px;

}

.sub_layout #program .programFlow article.l-03 {

  top: 690px;

}

.sub_layout #program .programFlow article.r-01 {

  top: 30px;

}

.sub_layout #program .programFlow article.r-02 {

  top: 400px;

}

.sub_layout #program .programFlow article.r-03 {

  top: 790px;

}

.sub_layout #program .inner {

  width: 960px;

  margin: 60px auto 0;

}

.sub_layout #program .inner .read {

  margin-top: 10px;

}

.sub_layout #program #voice .inner ul li span {

  margin-top: 10px;

}

.sub_layout #voice #program .inner ul li span {

  margin-top: 10px;

}

.sub_layout #program .inner .read span, .sub_layout #program #voice .inner ul li span span {

  font-weight: bold;

}

.sub_layout #voice #program .inner ul li span span {

  font-weight: bold;

}

.sub_layout #program .inner .align_table {

  width: 100%;

  margin-top: 30px;

}

.sub_layout #program .inner .align_table div {

  border-left: 1px solid #ccc;

  vertical-align: top;

  padding: 0 15px;

}

.sub_layout #program .inner .align_table div:first-child {

  border-left: 0px solid #ccc;

}

.sub_layout #program .inner .align_table div dt {

  background-color: #008ccf;

  text-align: center;

  color: #fff;

  font-weight: bold;

  padding: 1em 0;

  letter-spacing: 2px;

  margin-bottom: 15px;

}

.sub_layout #program .inner .align_table div ul {

  height: 30px;

}

.sub_layout #program .inner .align_table div ul li {

  padding-left: 1em;

  text-indent: -1em;

  line-height: 1.5;

}

.sub_layout #program .inner .align_table div dd.image + dd {

  margin-top: 15px;

  text-align: center;

  font-weight: bold;

  font-size: 154%;

  line-height: 1.5;

}

.sub_layout #text {

  background-color: #f3f3f3;

  padding-bottom: 60px;

}

.sub_layout #text h2 {

  padding-top: 60px;

}

.sub_layout #text .inner {

  width: 960px;

  margin: 0 auto;

}

.sub_layout #text .inner .align div {

  margin-left: 30px;

}

.sub_layout #text .layout #contact .inner .series div {

  margin-left: 30px;

}



.layout #contact .sub_layout #text .inner .series div {

  margin-left: 30px;

}



.sub_layout #text .inner .align div:first-child, .sub_layout #text .layout #contact .inner .series div:first-child {

  margin-left: 0;

}



.layout #contact .sub_layout #text .inner .series div:first-child {

  margin-left: 0;

}



.sub_layout #text .inner .tool {

  background-color: #008ccf;

  padding: 15px;

}

.sub_layout #text .inner .tool p {

  margin-top: 10px;

  color: #fff;

}

.sub_layout #text .inner .align_table div {

  padding-left: 15px;

}

.sub_layout #text .inner .align_table div:first-child {

  padding-left: 0;

}

.sub_layout #text .inner .imgarea {

  margin-top: 30px;

}

.sub_layout #voice {

  margin: 0px auto 0;

  background-color: #efe1b0;

  padding-bottom: 60px;

}

.sub_layout #voice h2 {

  padding-top: 60px;

}

.sub_layout #voice h2 + .inner {

  margin-bottom: 30px;

}

.sub_layout #voice .inner {

  width: 960px;

  margin: 0 auto 0px;

}

.sub_layout #voice .inner h3 {

  background-color: #fff;

  text-align: center;

  font-weight: normal;

  font-size: 185%;

  padding: 0.5em 0;

  margin-bottom: 30px;

}

.sub_layout #voice .inner ul {

  width: 960px;

  padding-right: 19.2708333333%;

}

.sub_layout #voice .inner ul.bg_a {

  background: url(../images/img_voice01.png) right center no-repeat;

}

.sub_layout #voice .inner ul.bg_b {

  background: url(../images/img_voice02.png) right center no-repeat;

  padding-bottom: 10px;

}

.sub_layout #voice .inner ul li {

  margin-top: 15px;

}

.sub_layout #voice .inner ul li:first-child {

  margin-top: 0px;

}

.sub_layout #voice .inner ul li .fa {

  font-size: 277%;

  color: #f1a90e;

  width: 6%;

  vertical-align: top;

}

.sub_layout #voice .inner ul li span {

  width: 90%;

  vertical-align: top;

}

.sub_layout #training {

  margin: 0px auto 0;

}

.sub_layout #training .inner {

  padding: 60px 0;

  background: url(../images/training_bg.png) 0 0 repeat;

}

.sub_layout #training .inner h2 {

  font-size: 277%;

  font-weight: bold;

  color: #fff;

}

.sub_layout #training .inner .align {

  width: 1024px;

  margin: 0 auto;

}

.sub_layout #training .layout #contact .inner .series {

  width: 1024px;

  margin: 0 auto;

}



.layout #contact .sub_layout #training .inner .series {

  width: 1024px;

  margin: 0 auto;

}



.sub_layout #training .inner .align > div, .sub_layout #training .layout #contact .inner .series > div {

  text-align: center;

  padding: 0 15px;

}



.layout #contact .sub_layout #training .inner .series > div {

  text-align: center;

  padding: 0 15px;

}



.sub_layout #training .inner .align > div h3, .sub_layout #training .layout #contact .inner .series > div h3 {

  text-align: center;

  color: #fff;

  font-size: 277%;

  font-weight: normal;

  padding-bottom: 0.5em;

}



.layout #contact .sub_layout #training .inner .series > div h3 {

  text-align: center;

  color: #fff;

  font-size: 277%;

  font-weight: normal;

  padding-bottom: 0.5em;

}



.sub_layout #training .inner .align > div .btn, .sub_layout #training .layout #contact .inner .series > div .btn {

  margin-top: 15px;

  display: block;

  width: 459px;

  padding: 1.5em 0;

  background-color: #58be34;

  color: #fff;

  font-size: 108%;

  text-decoration: none;

  font-weight: bold;

  letter-spacing: 2px;

}



.layout #contact .sub_layout #training .inner .series > div .btn {

  margin-top: 15px;

  display: block;

  width: 459px;

  padding: 1.5em 0;

  background-color: #58be34;

  color: #fff;

  font-size: 108%;

  text-decoration: none;

  font-weight: bold;

  letter-spacing: 2px;

}



.sub_layout #training .inner .align > div .btn:hover, .sub_layout #training .layout #contact .inner .series > div .btn:hover {

  background-color: #75d055;

}



.layout #contact .sub_layout #training .inner .series > div .btn:hover {

  background-color: #75d055;

}



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

グローアップ研修

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

#growup .image {

  text-align: center;

  margin-top: 30px;

}

#growup #about .target {

  width: 960px;

  margin: 15px auto 0;

  background-color: #008ccf;

  padding: 5px;

}

#growup #about .target h4 {

  background-color: #fff;

  display: inline-block;

  vertical-align: middle;

  padding: 1.5em;

  color: #008ccf;

}

#growup #about .target p {

  display: inline-block;

  vertical-align: middle;

  color: #fff;

  font-size: 139%;

  font-weight: bold;

  margin-left: 15px;

  letter-spacing: 2px;

}

#growup #about .target p span {

  margin-left: 15px;

  font-size: 77%;

  font-weight: normal;

}

#growup #story .align_table {

  width: 80%;

  margin: 0 auto;

}

#growup #text .game {

  background-color: #fff;

  border: 1px solid #ddd;

  padding: 30px;

  width: 960px;

  margin: 30px auto 0;

}

#growup #text .game h3 {

  margin-left: -37px;

}

#growup #text .game h4 {

  margin: 30px 0 15px;

  border-left: 5px solid #008ccf;

  padding-left: 10px;

  font-size: 139%;

}

#growup #program .programFlow {

  height: 720px;

}



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

新入社員

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

#advance #about .align_table {

  width: 960px;

  margin: 0 auto;

  text-align: center;

}

#advance #program .programFlow {

  height: 1090px;

}



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

管理職

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

#management #about .align_table {

  width: 960px;

  margin: 0 auto;

  text-align: center;

}

#management #about .align_table div {

  width: 150px;

  height: 150px;

  background: url(../images/management/img_circle.png) center center no-repeat;

  color: #fff;

  font-size: 139%;

  letter-spacing: 1.5px;

}

#management #program .programFlow {

  height: 1090px;

}

#management #program .programFlow article.l-02 {

  top: 390px;

}

#management #program .programFlow article.l-03 {

  top: 740px;

}

#management #program .programFlow article.r-02 {

  top: 430px;

}



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

ojt

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

#ojt #about p.read {

  margin-bottom: 20px;

}

#ojt #about p.notice {

  width: 960px;

  margin: 0 auto;

  color: #666;

  font-size: 93%;

  margin-top: 10px;

  padding-left: 13.5em;

  text-indent: -13.5em;

  line-height: 1.6;

}

#ojt #about h3.adjst {

  text-align: center;

  margin-top: 60px;

  margin-bottom: 15px;

}

#ojt #about .align_table {

  width: 960px;

  margin: 0 auto;

}

#ojt #about .align_table div {

  vertical-align: top;

  border-left: 1px dashed #69ceff;

}

#ojt #about .align_table div:first-child {

  border-left: 0px dashed #008ccf;

}

#ojt #about .align_table div div {

  display: block;

  text-align: center;

  padding: 0 10px;

}

#ojt #about .align_table span {

  display: block;

  text-align: center;

}

#ojt #about .align_table span .fa {

  margin-top: 30px;

  font-size: 80px;

  color: #008ccf;

}

#ojt #about .align_table span:first-child {

  display: table-cell;

  width: 220px;

  color: #008ccf;

  font-weight: bold;

  vertical-align: middle;

  height: 50px;

  font-size: 139%;

}

#ojt #about .align_table span:first-child small {

  font-size: 62%;

  color: #666;

}

#ojt #story .align_table {

  width: 85%;

  margin: 0 auto;

  margin-bottom: 30px;

}

#ojt #program .programFlow {

  height: 1090px;

}

#ojt #program .programFlow article.l-02 {

  top: 350px;

}

#ojt #program .programFlow article.l-03 {

  top: 720px;

}

#ojt #program .programFlow article.r-02 {

  top: 400px;

}

#ojt #text .inner {

  width: 960px;

  margin: 0 auto;

}

#ojt #text .inner .align div {

  margin-left: 0px;

}

#ojt #text .layout #contact .inner .series div {

  margin-left: 0px;

}



.layout #contact #ojt #text .inner .series div {

  margin-left: 0px;

}



#ojt #text .inner .align div:first-child, #ojt #text .layout #contact .inner .series div:first-child {

  margin-right: 30px;

}



.layout #contact #ojt #text .inner .series div:first-child {

  margin-right: 30px;

}



#ojt #text .inner .align div.text_A, #ojt #text .layout #contact .inner .series div.text_A {

  width: 40%;

}



.layout #contact #ojt #text .inner .series div.text_A {

  width: 40%;

}



#ojt #text .inner .align div.text_C, #ojt #text .layout #contact .inner .series div.text_C {

  width: 37.3%;

}



.layout #contact #ojt #text .inner .series div.text_C {

  width: 37.3%;

}



#ojt #text .inner .align div img, #ojt #text .layout #contact .inner .series div img {

  width: 100%;

  height: auto;

}



.layout #contact #ojt #text .inner .series div img {

  width: 100%;

  height: auto;

}



#ojt #text .inner .align + p, #ojt #text .layout #contact .inner .series + p {

  text-align: center;

  margin-left: 30px;

}



.layout #contact #ojt #text .inner .series + p {

  text-align: center;

  margin-left: 30px;

}



#ojt #text .inner .text_B {

  margin: 30px auto 0;

  width: 80%;

  text-align: center;

}

#ojt #text .inner .text_B img {

  width: 100%;

  height: auto;

}



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

メンタルヘルス

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

#mental-healthcare #kv {

  background: url(../images/sub_bg_kv.png) center top repeat-x #fae5e5;

}

#mental-healthcare #about .point {

  border: 1px dashed #eb8e8e;

}

#mental-healthcare #about .point h3 {

  background-color: #eb8e8e;

}

#mental-healthcare #about .point + h3 {

  text-align: center;

  margin: 30px 0;

}

#mental-healthcare #about .point li {

  margin-top: 0.8em;

  font-size: 108%;

}

#mental-healthcare #about .point li img {

  vertical-align: middle;

  margin-right: 1em;

}

#mental-healthcare #about .point li:first-child {

  margin-top: 0;

}

#mental-healthcare #about .point li span {

  display: inline-block;

  width: 90.0662251656%;

  line-height: 1.6;

}

#mental-healthcare .circle {

  width: 960px;

  margin: 0 auto;

  text-align: center;

}

#mental-healthcare .circle div {

  display: inline-block;

  vertical-align: middle;

  width: 215px;

  height: 220px;

  background-color: #eb8e8e;

  text-align: center;

  border-radius: 50%;

  margin: 0 10px;

}

#mental-healthcare .circle div:before {

  display: inline-block;

  vertical-align: middle;

  width: 0;

  content: "";

  height: 100%;

}

#mental-healthcare .circle div span {

  display: inline-block;

  vertical-align: middle;

  text-align: center;

  font-size: 139%;

  line-height: 1.6;

  color: #fff;

}

#mental-healthcare #story {

  background: url(../images/mental-healthcare/featurebg.gif) repeat;

}

#mental-healthcare #story .alignTable p.read {

  width: 90%;

  margin: 0 auto;

}

#mental-healthcare #program .programFlow {

  height: 950px;

  background: url(../images/mental-healthcare/mission_line_01.png) center top repeat-y;

}

#mental-healthcare #program .programFlow:after {

  bottom: 0;

  height: 535px;

  background: url(../images/mental-healthcare/img_mission_bg02.png) center top no-repeat;

}

#mental-healthcare #program .programFlow article h3 {

  font-size: 16px;

}

#mental-healthcare #program .programFlow article h3.beta {

  background-color: #eb8e8e;

  color: #fff;

}

#mental-healthcare #program .programFlow article h3.nuki {

  background-color: #fff;

  color: #eb8e8e;

  border: 1px solid #eb8e8e;

}

#mental-healthcare #program .programFlow article h3:after {

  border-top: 1px solid #eb8e8e;

}

#mental-healthcare #program .programFlow article h3:before {

  background-color: #eb8e8e;

}

#mental-healthcare #program .programFlow article h4 {

  color: #eb8e8e;

}

#mental-healthcare #program .programFlow article h4:before {

  background-color: #eb8e8e;

}

#mental-healthcare #program .programFlow article.special-blue {

  z-index: 2;

  top: 510px;

  width: 42%;

  padding-left: 50px;

  box-sizing: border-box;

}

#mental-healthcare #program .programFlow article.special-blue h3 {

  padding: 0.2em 1em;

  width: 355px;

}

#mental-healthcare #program .programFlow article.special-blue h3:after {

  right: 0px;

  left: -50px;

  width: 50px;

  border-top: 1px solid #768de1;

}

#mental-healthcare #program .programFlow article.special-blue h3.beta {

  background-color: #768de1;

}

#mental-healthcare #program .programFlow article.special-blue h3:before {

  left: -63px;

  background-color: #768de1;

}

#mental-healthcare #program .programFlow article.special-blue h4 {

  color: #768de1;

}

#mental-healthcare #program .programFlow article.special-blue h4:before {

  background-color: #768de1;

}

#mental-healthcare #program .programFlow article.special-blue .read, #mental-healthcare #program .programFlow article.special-blue .sub_layout #voice .inner ul li span {

  width: 355px;

}



.sub_layout #voice .inner ul li #mental-healthcare #program .programFlow article.special-blue span {

  width: 355px;

}



#mental-healthcare #program .programFlow article.special-blue .box {

  width: 355px;

  border: 1px solid #768de1;

}

#mental-healthcare #program .programFlow article.special-green {

  z-index: 2;

  top: 510px;

  width: 42%;

  padding-left: 0px;

  padding-right: 50px;

  box-sizing: border-box;

  right: 50px;

}

#mental-healthcare #program .programFlow article.special-green h3 {

  width: 355px;

}

#mental-healthcare #program .programFlow article.special-green h3:after {

  right: -50px;

  left: auto;

  width: 50px;

  border-top: 1px solid #6bc45f;

}

#mental-healthcare #program .programFlow article.special-green h3.beta {

  background-color: #6bc45f;

}

#mental-healthcare #program .programFlow article.special-green h3:before {

  right: -71px;

  left: auto;

  background-color: #6bc45f;

}

#mental-healthcare #program .programFlow article.special-green h4 {

  color: #6bc45f;

}

#mental-healthcare #program .programFlow article.special-green h4:before {

  background-color: #6bc45f;

}

#mental-healthcare #program .programFlow article.special-green .read, #mental-healthcare #program .programFlow article.special-green .sub_layout #voice .inner ul li span {

  width: 355px;

}



.sub_layout #voice .inner ul li #mental-healthcare #program .programFlow article.special-green span {

  width: 355px;

}



#mental-healthcare #program .programFlow article.special-green .box {

  width: 365px;

  border: 1px solid #6bc45f;

}

#mental-healthcare #program .programFlow article .box {

  position: relative;

}

#mental-healthcare #program .programFlow article .box .image {

  position: absolute;

  top: -14px;

  left: 230px;

}

#mental-healthcare #program .programFlow .branch {

  top: 460px;

  left: 270px;

  display: block;

  position: absolute;

  width: 402px;

  text-align: center;

  z-index: 2;

}

#mental-healthcare #text {

  background-color: #f3f3f3;

}

#mental-healthcare #text .inner {

  width: 960px;

  margin: 0 auto;

}

#mental-healthcare #training .inner {

  background: url(../images/mental-healthcare/training_bg.png) 0 0 repeat;

}

#mental-healthcare #training .inner .align > div .btn {

  background-color: #db7e7e;

}

#mental-healthcare #training .layout #contact .inner .series > div .btn {

  background-color: #db7e7e;

}



.layout #contact #mental-healthcare #training .inner .series > div .btn {

  background-color: #db7e7e;

}



#mental-healthcare #training .inner .align > div .btn:hover, #mental-healthcare #training .layout #contact .inner .series > div .btn:hover {

  background-color: #e6a6a6;

}



.layout #contact #mental-healthcare #training .inner .series > div .btn:hover {

  background-color: #e6a6a6;

}



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

内定者

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

#naitei #consept .inner {

  width: 960px;

  margin: 0px auto 0;

}

#naitei #program .inner {

  width: 960px;

  margin: 30px auto 0;

}

#naitei #consept .read, #naitei #consept .sub_layout #voice .inner ul li span {

  margin-bottom: 30px;

}



.sub_layout #voice .inner ul li #naitei #consept span {

  margin-bottom: 30px;

}



#naitei #consept h2 + .read, #naitei #consept .sub_layout #voice .inner ul li h2 + span {

  font-size: 28px;

}



.sub_layout #voice .inner ul li #naitei #consept h2 + span {

  font-size: 28px;

}



#naitei #about .circle {

  width: 960px;

  margin: 0 auto;

  text-align: center;

}

#naitei #about .circle div {

  display: inline-block;

  vertical-align: middle;

  width: 135px;

  height: 125px;

  background-color: #008ccf;

  text-align: center;

  border-radius: 50%;

  margin: 0 10px;

}

#naitei #about .circle div:before {

  display: inline-block;

  vertical-align: middle;

  width: 0;

  content: "";

  height: 100%;

}

#naitei #about .circle div span {

  display: inline-block;

  vertical-align: middle;

  text-align: center;

  font-size: 124%;

  line-height: 1.6;

  color: #fff;

}

#naitei #about .circle div span strong {

  color: #daeb19;

}

#naitei #tabs {

  position: relative;

}

#naitei #tabs ul {

  position: absolute;

  z-index: 98;

  left: -100px;

}

#naitei #tabs ul li.ttl {

  width: 100px;

  text-align: center;

  padding: 1.5em 0em;

  color: #4c4c4c;

  font-weight: bold;

  background-color: #f3f3f3;

  border-bottom: 1px solid #333333;

}

#naitei #tabs ul li a {

  width: 100px;

  padding: 1.5em 1em;

  color: #fff;

  background-color: #4c4c4c;

  display: table;

  text-decoration: none;

  -webkit-transition: all .4s;

  transition: all .4s;

  border-top: 1px solid #333333;

}

#naitei #tabs ul li a span, #naitei #tabs ul li a .fa {

  display: table-cell;

  vertical-align: middle;

}

#naitei #tabs ul li a span {

  width: 90%;

}

#naitei #tabs ul li a:hover .fa {

  padding-left: 5%;

}

#naitei #tabs ul li a.tabulous_active {

  background-color: #008ccf;

  color: #fff;

}

#naitei #tabs ul li a.tabulous_active .fa {

  padding-left: 5%;

}

#naitei #tabs ul li:first-child a {

  border-top: 0px solid #191919;

}

#naitei #tabs #tabs_container {

  box-shadow: 0 0 5px #ccc;

  padding-top: 30px;

}

#naitei #tabs #tabs_container .mission {

  margin-top: 30px;

  position: relative;

  width: 100%;

  height: 1200px;

  background: url(../images/naitei/img_mission_line.png) center center no-repeat #fff;

}

#naitei #tabs #tabs_container .mission .item {

  position: absolute;

}

#naitei #tabs #tabs_container .mission .item.item00 {

  top: 0px;

  left: 44px;

}

#naitei #tabs #tabs_container .mission .item.item01 {

  top: 140px;

  left: 44px;

}

#naitei #tabs #tabs_container .mission .item.item02 {

  top: 190px;

  right: 44px;

}

#naitei #tabs #tabs_container .mission .item.item03 {

  top: 480px;

  left: 44px;

}

#naitei #tabs #tabs_container .mission .item.item04 {

  top: 540px;

  right: 44px;

}

#naitei #tabs #tabs_container .mission .item.item05 {

  top: 840px;

  left: 44px;

}



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

中堅社員

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

#chuken #about p.read {

  margin-bottom: 20px;

}

#chuken #about p.notice {

  width: 960px;

  margin: 0 auto;

  color: #666;

  font-size: 93%;

  margin-top: 10px;

  padding-left: 13.5em;

  text-indent: -13.5em;

  line-height: 1.6;

}

#chuken #about h3.adjst {

  text-align: center;

  margin-top: 60px;

  margin-bottom: 15px;

}

#chuken #about .image {

  margin-top: 30px;

  width: 100%;

  text-align: center;

}

#chuken #story .align_table {

  width: 85%;

  margin: 0 auto;

  margin-bottom: 30px;

}

#chuken #program .programFlow {

  height: 1140px;

}

#chuken #program .programFlow article.l-02 {

  top: 400px;

}

#chuken #program .programFlow article.l-03 {

  top: 840px;

}

#chuken #program .programFlow article.r-02 {

  top: 470px;

}

#chuken #text .inner {

  width: 960px;

  margin: 0 auto;

}

#chuken #text .inner .align {

  text-align: center;

}

#chuken #text .layout #contact .inner .series {

  text-align: center;

}



.layout #contact #chuken #text .inner .series {

  text-align: center;

}



#chuken #text .inner .align div, #chuken #text .layout #contact .inner .series div {

  margin-left: 0px;

}



.layout #contact #chuken #text .inner .series div {

  margin-left: 0px;

}



#chuken #text .inner .align div.text_A, #chuken #text .layout #contact .inner .series div.text_A {

  width: 30%;

  margin-right: 20px;

}



.layout #contact #chuken #text .inner .series div.text_A {

  width: 30%;

  margin-right: 20px;

}



#chuken #text .inner .align div.text_B, #chuken #text .layout #contact .inner .series div.text_B {

  width: 30%;

  margin-right: 20px;

}



.layout #contact #chuken #text .inner .series div.text_B {

  width: 30%;

  margin-right: 20px;

}



#chuken #text .inner .align div.text_C, #chuken #text .layout #contact .inner .series div.text_C {

  width: 30%;

}



.layout #contact #chuken #text .inner .series div.text_C {

  width: 30%;

}



#chuken #text .inner .align div img, #chuken #text .layout #contact .inner .series div img {

  width: 100%;

  height: auto;

}



.layout #contact #chuken #text .inner .series div img {

  width: 100%;

  height: auto;

}



#chuken #text .inner .align + p, #chuken #text .layout #contact .inner .series + p {

  text-align: center;

  margin-left: 0px;

}



.layout #contact #chuken #text .inner .series + p {

  text-align: center;

  margin-left: 0px;

}



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

評価者

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

#hyouka #about .point li span {

  display: inline-block;

  vertical-align: top;

}

#hyouka #about .read, #hyouka #about .sub_layout #voice .inner ul li span {

  font-size: 14px;

  margin-bottom: 20px;

}



.sub_layout #voice .inner ul li #hyouka #about span {

  font-size: 14px;

  margin-bottom: 20px;

}



#hyouka #about .align_table {

  width: 960px;

  margin: 0 auto;

  text-align: center;

}

#hyouka #about .circle div {

  display: inline-block;

  vertical-align: middle;

  width: 175px;

  height: 165px;

  background-color: #008ccf;

  text-align: center;

  border-radius: 50%;

  margin: 0 10px;

  color: #FFF;

  line-height: 1.5;

  padding-top: 55px;

  font-size: 20px;

  font-weight: bold;

}

#hyouka #program .programFlow {

  height: 1000px;

}

#hyouka #text .inner .align + p, #hyouka #text .layout #contact .inner .series + p {

  text-align: center;

  margin-left: 0px;

}



.layout #contact #hyouka #text .inner .series + p {

  text-align: center;

  margin-left: 0px;

}



#hyouka.sub_layout #program .programFlow article.l-03 {

  top: 750px;

}



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

スリックスライダー

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

.slick-slider {

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;

}



.slick-list {

  position: relative;

  overflow: hidden;

  display: block;

  margin: 0;

  padding: 0;

}

.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;

  left: 0;

  top: 0;

  display: block;

  text-align: center;

}

.slick-track:before {

  content: "";

  display: table;

}

.slick-track:after {

  content: "";

  display: table;

  clear: both;

}



.slick-loading .slick-track {

  visibility: hidden;

}



.slick-slide {

  height: 100%;

  min-height: 1px;

  display: none;

}



[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: inline-block;

  vertical-align: top;

}



.slick-loading .slick-slide {

  visibility: hidden;

}



.slick-vertical .slick-slide {

  display: block;

  height: auto;

  border: 1px solid transparent;

}



.slick-arrow.slick-hidden {

  display: none;

}



/*# sourceMappingURL=style.css.map */



/*# sourceMappingURL=style.css.map */