@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, menu, nav, section, summary {
  display: block;
}

/* CSS Document */
/* or 1000? */
/*$green:#6BC177;

$blue: #00bbe8;
$red: #e91908;
$yellow:#ffff00;
$brown:#3F1000;
$pink:#F28471;
$beige:#F7F1ED;
$orange:#ffad1b;*/
header .head .nissan a, header .head .site a, header .menu .entry a, .backtotop p a, footer .sitemap h3, footer .sitemap .entry a, #top-contents .whatsnew h2, #top-contents .entry .button, #top-contents .entry .button a, #top-contents .menu ul a, .about--index .intro h2, .about--index .flow h3, .about--index .message h3, .about--index .comment_text, .about--index .item h3, .about .about_button a, .about--lists .intro h2, .about--lists .maplists h2, .works--index .intro h2, .works--index .works_adviser h2, .works .works_button a, .training h2, .training .box h3, .training .nbc h2, .training .nbc h3, .careers--index .intro h2, .careers--index .intro h3, .careers--index .maplists h2, .careers--lists .intro h2,
.careers--lists .profile h2,
.careers--lists .graduate h2, .careers--lists .careers_entry a,
.banner_button01 a,
.banner_button02 a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

header, header .head__01__01 {
  position: relative;
  top: 0;
  left: 0;
}

header:after, header .head:after, header .head__01__01:after, header .head__02:after, .backtotop:after, footer:after, footer .sitemap ul:after, footer .bottom:after, footer .bottom ul:after, footer .copy:after, #top-contents .menu ul:after, .about--index .comment figure:after, .about--index .item .item01:after, .about--lists .maplists:after, .works--index .works_adviser__menu:after, .works--work .photo:after, .works--work--01 .works_adviser__menu:after, .works--work--02 .works_adviser__menu:after, .works--worker .interview:after, .works--worker .interview--photo-left:after, .works--worker .interview--photo-right:after, .training .photo--01:after, .training .photo--02:after, .training .photo--03:after, .training .photo--04:after, .careers--index .maplists:after, .careers--lists .intro .box:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '';
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-color-index: 0) {
  header:after, header .head:after, header .head__01__01:after, header .head__02:after, .backtotop:after, footer:after, footer .sitemap ul:after, footer .bottom:after, footer .bottom ul:after, footer .copy:after, #top-contents .menu ul:after, .about--index .comment figure:after, .about--index .item .item01:after, .about--lists .maplists:after, .works--index .works_adviser__menu:after, .works--work .photo:after, .works--work--01 .works_adviser__menu:after, .works--work--02 .works_adviser__menu:after, .works--worker .interview:after, .works--worker .interview--photo-left:after, .works--worker .interview--photo-right:after, .training .photo--01:after, .training .photo--02:after, .training .photo--03:after, .training .photo--04:after, .careers--index .maplists:after, .careers--lists .intro .box:after {
    content: ' ';
    color: #fff;
  }
}
body {
  -webkit-webkit-font-smoothing: antialiased;
  -moz-webkit-font-smoothing: antialiased;
  -ms-webkit-font-smoothing: antialiased;
  -o-webkit-font-smoothing: antialiased;
  webkit-font-smoothing: antialiased;
}

/*----------------------------------------
	common.scss
----------------------------------------*/
html,
body {
  height: 100%;
}

html {
  font-size: 62.5%;
}

body {
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
  color: #4d4d4d;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 641px) {
  body {
    min-width: 100%;
    font-size: 16px;
  }
}
@media screen and (max-width: 640px) {
  body {
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

a {
  display: block;
  background-repeat: no-repeat !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:link {
  color: #4d4d4d;
  text-decoration: none;
}
a:visited {
  color: #4d4d4d;
  text-decoration: none;
}
a:hover {
  color: #4d4d4d;
  text-decoration: underline;
}
a:active {
  color: #4d4d4d;
  text-decoration: underline;
}

a.link01:link {/*171208*/
  color: #4d4d4d;
  text-decoration: underline;
}
a.link01:visited {/*171208*/
  color: #4d4d4d;
  text-decoration: underline;
}
a.link01:hover {/*171208*/
  color: #4d4d4d;
  text-decoration: none;
}
a.link01:active {/*171208*/
  color: #4d4d4d;
  text-decoration: none;
}

img {
  vertical-align: bottom;
}

.center01{text-align:center;}/*171206*/
.align-left01{text-align:left;}/*171206*/
.red01{color:#c3002f;}/*171216*/
.font01{font-size:109% !important;}/*190208*/
.font02{font-size:117% !important;}/*190208*/
.font03{font-size:125% !important;}/*190208*/
.underline01{text-decoration:underline !important;}/*190208*/

/*	wrapper
----------------------------------------*/
.wrapper {
  width: 100%;
  min-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .wrapper {
    min-width: 100%;
  }
}

#top-contents .contents {
  width: 944px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  #top-contents .contents {
    width: 100%;
    padding: 0 4.6875%;
    box-sizing: border-box;
  }
}

.contents {
  width: 860px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .contents {
    width: 100%;
    padding: 0 4.6875%;
    box-sizing: border-box;
  }
}
.contents--02 {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .contents--02 {
    width: 100%;
    padding: 0 4.6875%;
    box-sizing: border-box;
  }
}

/*	header
----------------------------------------*/
header {
  border-bottom: 1px solid #ccc;
  /*max-width: 944px;*/
  min-width: 1000px;
  width: 100%;
  height: 149px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  header {
    border-bottom: 0px solid #ccc;
    min-width: 100%;
    width: 100%;
    height: auto;
  }
}
header .head {
  height: 98px;
}
@media screen and (max-width: 640px) {
  header .head {
    height: auto;
    box-sizing: border-box;
  }
}
header .head .logo {
  position: absolute;
  top: 31px;
  left: 20px;
}
header .head .logo a {
  width: 97px;
  height: 36px;
  background: url(../IMAGES/header_logo01_pc.gif);
  background-size: contain;
}
@media screen and (max-width: 640px) {
  header .head .logo {
    float: left;
    width: 15.15625%;
    height: auto;
  }
}
header .head .nissan {
  position: absolute;
  top: 20px;
  right: 20px;
}
header .head .nissan a {
  width: 70px;
  height: 58px;
  background: url(../IMAGES/nissan_logo01_pc.png);
  background-size: contain;
}
@media screen and (max-width: 640px) {
  header .head .nissan {
    float: right;
    width: 9.3103%;
    height: auto;
    margin-top: 1.3793%;
  }
}
header .head .site {
  position: absolute;
  top: -58px;
  left: 147px;
  /*0*/
}
header .head .site a {
  width: 296px;
  height: 16px;
  background: url(../IMAGES/header_site01_pc.gif);
}
body.intern header .head .site a {
  width: 391px;
  height: 16px;
  background: url(../INTERNSHIP/IMAGES/header_site01_pc.gif);
}
@media screen and (max-width: 640px) {
  header .head .site {
    float: left;
    width: 85.9375%;
  }
  header .head .site a {
    width: 296px;
    height: 16px;
    background: url(../IMAGES/header_site01_pc.gif);
  }
}
header .head .logo img,
header .head .nissan img,
header .head .site img {
  display: none;
}
@media screen and (max-width: 640px) {
  header .head .logo,
  header .head .nissan,
  header .head .site {
    position: inherit;
    top: 0;
    left: 0;
    right: 0;
  }
  header .head .logo a,
  header .head .nissan a,
  header .head .site a,
  body.intern header .head .site a {
    width: 100%;
    height: auto;
    background: none;
  }
  header .head .logo img,
  header .head .nissan img,
  header .head .site img {
    display: block !important;
    width: 100%;
    height: auto;
  }
}
header .head__01 {
      /*height: 80px;
      border-bottom: 1px solid $gray;
      box-sizing: border-box;
      @extend %cf;
      @include MQ(sp){
        height: auto;
        border-bottom: 1px solid #ccc;
//        border-bottom: 2px solid #ccc;
        padding: 2.8125% 4.6875% 2.5% 4.0625%;
      }*/
  border-bottom: 1px solid #ccc;
}
header .head__01__01 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  height: 98px;
  box-sizing: border-box;
}
/* intern 191010 */
.head__01__02 {
  position: absolute;
  right: 110px;
  top: 0;
  display: flex;
  height: 98px;
  width: 330px;
  align-items: center;
  justify-content: space-between;/*internship on*/
  /*justify-content:flex-end;*//*internship off*/
/* 忘れずに403行目と953行目も修正すること */
}
/* non-intern 191010 */
/*.head__01__02 {
  position: absolute;
  right: 90px;
  top: 0;
  display: flex;
  height: 80px;
  width: 180px;
  align-items: center;
  justify-content: space-between;
}
*/
.head__01__02 .button {
  height: 34px;
  overflow: hidden;
}

/*.head__01__02 .button:first-child {display:none;}*//*internship on/off*/
/* 忘れずに383行目と953行目も修正すること */

.head__01__02 .button a {
  position: relative;
  display: block;
}
.head__01__02 .button a img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: .3s;
}
.head__01__02 .button a:hover img:last-child {
  opacity: 1;
}
@media screen and (max-width: 640px) {
  header .head__01__01 {
    height: auto;
    padding: 2.8125% 4.6875% 2.5% 4.0625%;
  }
  /* intern 191010 */
  .head__01__02 {
    width: 53.125%;
    top: 27%;
    right: 19.6875%;
    height: auto;
  }
  .head__01__02 .button {
    height: auto;
  }
  .head__01__02 .button:nth-child(1) {
    width: 52.941176471%;
    margin-right: auto;
  }
  .head__01__02 .button:nth-child(2) {
    width: 41.176470588%;
    float: right;
  }
  /* non-intern 191010 */
  /*
  .head__01__02 {
    width: 140px;
    top: 32%;
    right: 19.6875%;
    height: auto;
  }
  .head__01__02 .button {
    height: auto;
  }
  .head__01__02 .button:nth-child(1) {
    width: 50%;
    float: right;
    margin:auto 0 auto auto;
  }
  */
  .head__01__02 img {
    position: relative !important;
    opacity: 1 !important;
  }
}
header .head__02 {
  max-width: 1000px;
  width: 100%;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  header .head__02 {
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
  }
  header .head__02 .site {
    width: 40.4687%;
    padding: 4.0625% 0 3.75% 4.6875%;
  }
  header .head__02 .menu__icon {
    float: right;
    width: 14.0625%;
    border-left: 1px #ccc solid;
    cursor: pointer;
  }
  header .head__02 .menu__icon span {
    display: block;
    padding: 28.8888% 24.6666% 31.1111%;
  }
  header .head__02 .menu__icon img {
    display: block !important;
  }
}
@media screen and (min-width: 641px) {
  header .menu {
    position: relative;
    top: 0;
    left: 0;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  header .menu img {
    display: none;
  }
  header .menu__list > ul {
    position: absolute;
    top: 0;
    left: 6px;
    float: left;
    z-index:1;/* 171206 */
  }
  header .menu__list > ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '';
  }
  header .menu__list > ul > li {
    float: left;
    display: block;
    text-align: left;
  }
  header .menu__list > ul > li > a {
    height: 49px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  header .menu__list > ul > li > a:hover {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  header .menu__list > ul > li.active > a, header .menu__list > ul > li.current > a {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  header .menu__list > ul > li:first-child {
    background: url(../IMAGES/header_menu01_pc_on.gif) center center no-repeat;
  }
  header .menu__list > ul > li:first-child > a {
    width: 158px;
    background: url(../IMAGES/header_menu01_pc_off.gif) center center no-repeat;
  }
  header .menu__list > ul > li:nth-child(2) {
    background: url(../IMAGES/header_menu02_pc_on.gif) center center no-repeat;
  }
  header .menu__list > ul > li:nth-child(2) > a {
    width: 148px;
    background: url(../IMAGES/header_menu02_pc_off.gif) center center no-repeat;
  }
  header .menu__list > ul > li:nth-child(3) {
    background: url(../IMAGES/header_menu03_pc_on.gif) center center no-repeat;
  }
  header .menu__list > ul > li:nth-child(3) > a {
    width: 136px;
    background: url(../IMAGES/header_menu03_pc_off.gif) center center no-repeat;
  }
  header .menu__list > ul > li:nth-child(4) {
    background: url(../IMAGES/header_menu04_pc_on.gif) center center no-repeat;
  }
  header .menu__list > ul > li:nth-child(4) > a {
    width: 175px;
    background: url(../IMAGES/header_menu04_pc_off.gif) center center no-repeat;
  }
  header .menu__list > ul > li:nth-child(5) {
    background: url(../IMAGES/header_menu05_pc_on.gif) center center no-repeat;
  }
  header .menu__list > ul > li:nth-child(5) > a {
    width: 82px;
    background: url(../IMAGES/header_menu05_pc_off.gif) center center no-repeat;
  }
  header .menu__list > ul > li:nth-child(6) {
    background: url(../IMAGES/header_menu06_pc_on.gif) center center no-repeat;
  }
  header .menu__list > ul > li:nth-child(6) > a {
    width: 83px;
    background: url(../IMAGES/header_menu06_pc_off.gif) center center no-repeat;
  }
  header .menu__list > ul > li:nth-child(7) {
    background: url(../IMAGES/header_menu07_pc_on.gif) center center no-repeat;
  }
  header .menu__list > ul > li:nth-child(7) > a {
    width: 122px;
    background: url(../IMAGES/header_menu07_pc_off.gif) center center no-repeat;
  }
  header .menu__list > ul > li:nth-child(8) {
    background: url(../IMAGES/header_menu08_pc_on.gif) center center no-repeat;
  }
  header .menu__list > ul > li:nth-child(8) > a {
    width: 83px;
    background: url(../IMAGES/header_menu08_pc_off.gif) center center no-repeat;
  }
  header .menu__list > ul > li ul {
    display: none;
    position: absolute;
    min-width: 200px;
    padding: 18px 0;
    background: #ebebeb;
    border-top: 1px #ccc solid;
    box-sizing: border-box;
  }
  header .menu__list > ul > li ul li {
    font-size: 12px;
  }
  header .menu__list > ul > li ul li a {
    padding: 12px 20px;
    padding-right: 30px;
    box-sizing: border-box;
    background: url(../IMAGES/arrow01_pc.gif) calc(100% - 20px) center no-repeat;
  }
  header .menu__list > ul > li ul li a:hover, header .menu__list > ul > li ul li a.current {
    background: url(../IMAGES/arrow01_pc_on.gif) calc(100% - 20px) center no-repeat;
  }
}
@media screen and (max-width: 640px) {
  header .menu__list {
    position: relative;
    z-index: 1000;
  }
  header .menu__list > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    z-index: 100;
    background: #fff;
    border-bottom: 1px #ccc solid;
  }
  header .menu__list > ul > li {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px #ccc solid;
  }
  header .menu__list > ul > li.active > a, header .menu__list > ul > li.current > a {
    background: url(../IMAGES/arrow05_sp_on.gif) 93.125% center no-repeat;
    background-size: 2.65625% auto;
    text-decoration: underline;
  }
  header .menu__list > ul > li > a {
    padding: 4.375% 5.3125%;
    background: url(../IMAGES/arrow05_sp_off.gif) 93.125% center no-repeat;
    background-size: 2.65625% auto;
    text-decoration: none;
  }
  header .menu__list > ul > li > a:hover {
    background: url(../IMAGES/arrow05_sp_on.gif) 93.125% center no-repeat;
    background-size: 2.65625% auto;
    text-decoration: underline;
  }
  header .menu__list > ul > li ul {
    width: 100%;
    box-sizing: border-box;
  }
  header .menu__list > ul > li ul li {
    font-size: 11px;
    font-weight: normal;
  }
  header .menu__list > ul > li ul li.active > a, header .menu__list > ul > li ul li.current > a {
    text-decoration: underline;
    background: url(../IMAGES/arrow04_sp_on.gif) 96.3334% center no-repeat;
    background-size: 2.16667% auto;
  }
  header .menu__list > ul > li ul li a {
    margin: 0 3.125%;
    padding: 4.0625%  6.6667%;
    box-sizing: border-box;
    text-decoration: none;
    background: url(../IMAGES/arrow04_sp_off.gif) 96.3334% center no-repeat;
    background-size: 2.16667% auto;
    border-top: 1px #ebebeb solid;
  }
  header .menu__list > ul > li ul li a:hover {
    text-decoration: underline;
    background: url(../IMAGES/arrow04_sp_on.gif) 96.3334% center no-repeat;
    background-size: 2.16667% auto;
  }
  header .menu .button {
    height: auto;
    line-height: 12.0689%;
    margin: 4.6875%;
    background: #fff;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  header .menu .button span {
    display: block;
    background-color: #000;
  }
  header .menu .button a {
    width: 100%;
    height: auto;
    padding-bottom: 12.0689%;
    line-height: 12.0689%;
    background: #c3002f url(../IMAGES/top_button01_sp_off.gif) center center no-repeat;
    background-size: contain;
    box-sizing: border-box;
  }
  header .menu .intern a {
    background: #ffffff url(../IMAGES/header_button02_sp_off.png) center center no-repeat;
    background-size: contain;
  }
    /* header sticky */
    header.js-clone .menu__list {
        display: none;
    }
    /* end header sticky */
}
/* header sticky */
header.js-clone {
    position: fixed;
    top: 0;
    z-index: 1001;
    background: #ffffff;
    display: none;
}
header.is-sticky {
    display: block;
}
/* end header sticky */
header .menu .entry {
  position: absolute;
  top: 8px;
  right: 29px;
  background: url(../IMAGES/header_button01_pc_on.gif);
  /*0*/
}
header .menu .entry a {
  width: 160px;
  height: 34px;
  background: url(../IMAGES/header_button01_pc_off.gif);
}
header .menu .entry a:hover {
  opacity: 0;
  filter: alpha(opacity=0);
}

/*	backtotop
----------------------------------------*/
.backtotop {
  width: 944px;
  height: 12px;
  margin: 0 auto 40px auto;
  background: url(../IMAGES/backtotop01_pc_on.gif) right bottom no-repeat;
}
.backtotop p {
  background: url(../IMAGES/backtotop01_pc_on.gif) right bottom no-repeat;
}
.backtotop p a {
  width: 127px;
  height: 12px;
  float: right;
  background: url(../IMAGES/backtotop01_pc_off.gif);
}
.backtotop p a:hover {
  opacity: 0;
  filter: alpha(opacity=0);
}
@media screen and (max-width: 640px) {
  .backtotop {
    width: 100%;
    height: auto;
    margin: 10.9375% 0;
    padding: 0 5.1724%;
    box-sizing: border-box;
    background: none;
  }
  .backtotop p {
    width: 32.7586%;
    float: right;
    background: url(../IMAGES/backtotop01_sp_off.gif) right bottom no-repeat;
    background-size: contain;
  }
  .backtotop p a {
    width: 100%;
    height: 2.5%;
    background: none;
  }
}

/*	footer
----------------------------------------*/
footer {
  clear: both;
}
footer .sitemap {
  background: #ebebeb;
  padding: 40px 0 20px 0;
  border-bottom: 1px solid #d0d0d0;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  footer .sitemap {
    padding: 7.8125% 4.6875% 12.0689%;
    border-bottom: 1px solid #d0d0d0;
  }
}
footer .sitemap h3 {
  width: 98px;
  margin: 0px auto 45px auto;
  height: 22px;
  background: url(../IMAGES/footer_sitemap01_pc.gif);
  text-align: center;
}
@media screen and (max-width: 640px) {
  footer .sitemap h3 {
    width: 100%;
    height: auto;
    padding-bottom: 5.1562%;
    line-height: 5.1562%;
    margin: 0 auto 8.9062%;
    background: url(../IMAGES/footer_sitemap01_sp.gif) center top no-repeat;
    background-size: contain;
    box-sizing: border-box;
  }
}
footer .sitemap ul {
  width: 804px;
  margin: 0 auto;
  position:relative;
  z-index:2;
}
@media screen and (max-width: 640px) {
  footer .sitemap ul {
    width: 100%;
  }
}
footer .sitemap ul > li {
  text-align: left;
  width: 220px;
  float: left;
  font-size: 14px;
  font-weight: bold;
}
footer .sitemap ul > li:nth-child(4) {
  float: right;
  width: 130px;
  /*140*/
}
footer .sitemap ul > li > div {
  overflow: hidden;
}
footer .sitemap ul > li a {
  display: inline-block;
}
footer .sitemap ul > li ul {
  float: left;
  width: 210px;
  text-align: left;
  margin: 20px 0 0px 0;
}
footer .sitemap ul > li ul > li {
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 15px 0;
}
footer .sitemap ul > li ul > li:nth-child(4) {
  float: left;
  width: 210px;
}
@media screen and (max-width: 640px) {
  footer .sitemap ul > li {
    width: 100%;
    font-size: 12px;
  }
  footer .sitemap ul > li:nth-child(4) {
    width: 49%;
  }
  footer .sitemap ul > li:nth-child(odd) {
    float: left;
  }
  footer .sitemap ul > li:nth-child(even) {
    float: right;
  }
  footer .sitemap ul > li a {
    display: block;
  }
  footer .sitemap ul > li ul {
    float: left;
    width: 100%;
    margin: 9.3103% 0 20% 0;
    padding-right: 10.3448%;
  }
  footer .sitemap ul > li ul > li {
    float: none;
    width: 100%;
    font-size: 10px;
    line-height: 1.3;
    margin: 0 0 5.1724% 0;
  }
  footer .sitemap ul > li ul > li:nth-child(4) {
    /*float: none;
    width: 100%;*/
  }
  .sitemap_list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .sitemap_list > div {
    width: 49%;
  }
  .slitemap_list--column {
    width: 49% !important;
    float: left;
    margin-bottom: 0;
  }
  .slitemap_list--column > div {
    width: 100%;
  }
}
footer .sitemap ul .arrow {
  padding-left: 15px;
  background: url(../IMAGES/arrow01_pc.gif) left 1px no-repeat;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  footer .sitemap ul .arrow {
    padding-left: 9px;
    box-sizing: border-box;
    position: relative;
    background: none;
  }
  footer .sitemap ul .arrow:before {
    position: absolute;
    left: 0;
    top: 1px;
    display: block;
    content: ' ';
    width: 6px;
    height: 9px;
    margin-bottom: 6.8965%;
    background: url(../IMAGES/arrow01_sp.gif) left top no-repeat;
    background-size: contain;
  }
}
footer .sitemap .entry,
footer .sitemap .intern {
  width: 804px;
  margin: 0 auto;
  background: url(../IMAGES/footer_button01_pc_on.gif) right top no-repeat;
  position:relative;
  top: -20px;
}

/*footer .sitemap .intern {display:none;}*/ /*internship on/off*/
/* 忘れずに383行目と403行目も修正すること */

footer .sitemap .entry a,
footer .sitemap .intern a {
  width: 372px;
  margin: 0 0 10px auto;
  height: 44px;
  background: url(../IMAGES/footer_button01_pc_off.gif) right top no-repeat;
  position:relative;
  z-index:2;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}
footer .sitemap .intern {
  background-image: url(../IMAGES/footer_button02_pc_on.png);
}
footer .sitemap .intern a {
  background-image: url(../IMAGES/footer_button02_pc_off.png);
}
footer .sitemap .entry a:hover,
footer .sitemap .intern a:hover {
  opacity: 0;
  filter: alpha(opacity=0);
}
@media screen and (max-width: 640px) {
  footer .sitemap .entry,
  footer .sitemap .intern {
    width: 100%;
    height: auto;
    line-height: 12.0689%;
    background: none;
    background-color: #000;
    background-size: contain;
  top:0px;
  }
  footer .sitemap .entry a {
    width: 100%;
    height: auto;
    margin: 0;
    padding-bottom: 12.0689%;
    line-height: 12.0689%;
    background: #c3002f url(../IMAGES/header_button01_sp_off.gif) right top no-repeat;
    background-size: contain;
  }
  footer .sitemap .entry a:hover {
    opacity: 0.8;
  }
  footer .sitemap .intern {
    margin-bottom: 10px;
    background-color: transparent;
  }
  footer .sitemap .intern a {
    width: 100%;
    height: auto;
    margin: 0;
    padding-bottom: 12.0689%;
    line-height: 12.0689%;
    background: url(../IMAGES/header_button02_sp_off.png) right top no-repeat;
    background-size: contain;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  footer .sitemap .intern a:hover {
    opacity: 0.8;
  }
}
footer .bottom {
  max-width: 1000px;
  min-width: 1000px;
  width: 100%;
  margin: 0 auto 0 auto;
  text-align: right;
}
@media screen and (max-width: 640px) {
  footer .bottom {
    min-width: 100%;
    text-align: left;
  }
}
footer .bottom ul {
  padding: 25px 28px;
  float: right;
}
footer .bottom ul li {
  float: left;
  font-size: 12px;
}
footer .bottom ul li:nth-child(1) {
  padding-right: 15px;
  border-right: 1px solid #4d4d4d;
}
footer .bottom ul li:nth-child(2) {
  padding-left: 15px;
}
@media screen and (max-width: 640px) {
  footer .bottom ul {
    width: 100%;
    float: none;
    padding: 0;
  }
  footer .bottom ul li {
    float: none;
    font-size: 10px;
  }
  footer .bottom ul li:nth-child(1) {
    padding: 0;
    border-right: none;
    background: url(../IMAGES/footer_border_sp.gif) left bottom repeat-x;
  }
  footer .bottom ul li:nth-child(1) a {
    padding: 4.8275%;
  }
  footer .bottom ul li:nth-child(2) {
    padding: 0;
  }
  footer .bottom ul li:nth-child(2) a {
    padding: 4.8275%;
  }
}
footer .copy {
  text-align: right;
  font-size: 12px;
  width: 100%;
  max-width: 1000px;
  min-width: 1000px;
  margin: 0 auto 25px auto;
}
@media screen and (max-width: 640px) {
  footer .copy {
    min-width: 100%;
    text-align: center;
    padding: 25px 0;
    border-top: 1px solid #ebebeb;
  }
}

/*----------------------------------------
	module.scss
----------------------------------------*/
.content-left {
  float: left;
}

.content-right {
  float: right;
}

@media screen and (max-width: 640px) {
  .content-left,
  .content-right {
    float: none;
  }
}

.btn {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.btn a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/* mainvisual */
.mainvisual {
  overflow: hidden;
  clear: both;
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
  min-width: 1000px;
  /*border-top: 1px solid $gray;*/
}
.mainvisual img {
  width: 100%;
  vertical-align: top;
}
.mainvisual a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mainvisual__top-video {
  float: left;
  width: 78%;
  display: block;
  vertical-align: top;
}
.mainvisual__top-video {
  position: relative;
  cursor: pointer;
}
.mainvisual__top-video video {
  width: 100%;
}
.mainvisual__top-video-loading {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  background: url(../IMAGES/loading.gif) center no-repeat;
  z-index: 100;
  pointer-events: none;
}
.mainvisual__top-video-skip {
  width: auto;
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  cursor: pointer;
  display: none;
}
.mainvisual__entry {
  float: left;
  width: 22%;
  display: block;
}
@media screen and (max-width: 640px) {
  .mainvisual {
    min-width: 100%;
    height: auto;
    min-height: auto;
    background: none;
    border-top: none;
  }
  .mainvisual img {
    width: 100%;
    height: auto;
    vertical-align: top;
  }
  .mainvisual__top-video {
    float: none;
    width: 100%;
  }
  .mainvisual__top-video-skip {
    width: 16.875%;
    bottom: 10px;
    right: 10px;
  }
  .mainvisual__entry {
    float: none;
    width: auto;
    padding: 6.25% 0 4.6875%;
    margin-left: 4.6875%;
    margin-right: 4.6875%;
    box-sizing: border-box;
    border-bottom: 1px solid #eaeaea;
  }
  .mainvisual__entry img {
    width: 100%;
  }
}

/*----------------------------------------
	mediaquery.scss
----------------------------------------*/
.pc-only {
  display: inherit;
}
@media screen and (max-width: 640px) {
  .pc-only {
    display: none;
  }
}

.sp-only {
  display: none !important;
}
@media screen and (max-width: 640px) {
  .sp-only {
    display: inherit !important;
  }
}

@media screen and (max-width: 640px) {
  img {
    width: 100%;
  }
}

/*----------------------------------------
	index.scss
----------------------------------------*/
#top-contents .whatsnew {
  width: 100%;
  padding-bottom: 50px;
}
@media screen and (max-width: 640px) {
  #top-contents .whatsnew {
    padding-bottom: 5.1724%;
  }
}
#top-contents .whatsnew h2 {
  width: 141px;
  height: 18px;
  margin: 50px auto 15px auto;
  background: url(../IMAGES/top_whatsnew01_pc.gif);
  text-align: center;
}
@media screen and (max-width: 640px) {
  #top-contents .whatsnew h2 {
    width: 36.2068%;
    height: auto;
    margin: 4.6875% auto;
    padding-bottom: 4.8275%;
    line-height: 4.8275%;
    background: url(../IMAGES/top_whatsnew01_sp.gif) no-repeat;
    background-size: contain;
  }
}
#top-contents .whatsnew .news {
  width: 944px;
  margin: 0 auto;
  line-height: 1.4;
}
#top-contents .whatsnew .news p {
  margin-bottom: 1px;
  background: #ebebeb;
}
#top-contents .whatsnew .news a {
  padding: 15px 0;
  color: #4d4d4d;
  font-size: 14px;
}
#top-contents .whatsnew .news a .date {
  display: inline-block;
  margin: 0 20px 0 0;
}
#top-contents .whatsnew .news a .info {
  display: inline-block;
}
#top-contents .whatsnew .news a:hover {
  background: #d0d0d0;
}
@media screen and (max-width: 640px) {
  #top-contents .whatsnew .news {
    width: 100%;
    padding: 0 0 3.4482%;
    box-sizing: border-box;
  }
  #top-contents .whatsnew .news a {
    font-size: 10px;
    font-size: 3.2vmin;
  }
  #top-contents .whatsnew .news a .date {
    margin: 0 20px 0 0;
  }
}
#top-contents .menu {
  width: 944px;
  margin: 0 auto 20px auto;
}
#top-contents .menu ul a {
  display: block;
  width: 300px;
  height: 200px;
}
#top-contents .menu ul a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#top-contents .menu ul li {
  float: left;
  width: 300px;
  height: 200px;
  margin: 0 20px 20px 0;
}
#top-contents .menu ul li:nth-child(1) a {
  background: #ebebeb url(../IMAGES/top_menu01_pc_off.jpg);
}
#top-contents .menu ul li:nth-child(2) a {
  background: #ebebeb url(../IMAGES/top_menu02_pc_off.jpg);
}
#top-contents .menu ul li:nth-child(3) a {
  background: #ebebeb url(../IMAGES/top_menu03_pc_off.jpg);
}
#top-contents .menu ul li:nth-child(4) a {
  background: #ebebeb url(../IMAGES/top_menu04_pc_off.jpg);
}
#top-contents .menu ul li:nth-child(5) a {
  background: #ebebeb url(../IMAGES/top_menu05_pc_off.jpg);
}
#top-contents .menu ul li:nth-child(6) a {
  background: #ebebeb url(../IMAGES/top_menu06_pc_off.jpg);
}
#top-contents .menu ul li:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 640px) {
  #top-contents .menu {
    width: 100%;
    margin: 0 auto -3.4882%;
  }
  #top-contents .menu ul a {
    width: 100%;
    height: auto;
    padding-bottom: 66.7586%;
    line-height: 66.7586%;
    box-sizing: border-box;
    background-size: contain !important;
  }
  #top-contents .menu ul li {
    width: 50%;
    height: auto;
    font-size: 0;
    line-height: 0;
    margin: 0 0 3.4882%;
    box-sizing: border-box;
  }
  #top-contents .menu ul li:nth-child(1) a {
    background: url(../IMAGES/top_menu01_sp_off.jpg);
  }
  #top-contents .menu ul li:nth-child(2) a {
    background: url(../IMAGES/top_menu02_sp_off.jpg);
  }
  #top-contents .menu ul li:nth-child(3) a {
    background: url(../IMAGES/top_menu03_sp_off.jpg);
  }
  #top-contents .menu ul li:nth-child(4) a {
    background: url(../IMAGES/top_menu04_sp_off.jpg);
  }
  #top-contents .menu ul li:nth-child(5) a {
    background: url(../IMAGES/top_menu05_sp_off.jpg);
  }
  #top-contents .menu ul li:nth-child(6) a {
    background: url(../IMAGES/top_menu06_sp_off.jpg);
  }

  #top-contents .menu ul li:nth-child(odd) {
    float: left;
    padding-right: 1.7242%;
  }
  #top-contents .menu ul li:nth-child(even) {
    float: right;
    padding-left: 1.7242%;
  }
}

/*----------------------------------------
	about.scss
----------------------------------------*/
.about {
  /**/
  /*	lists
  ----------------------------------------*/
}
.about--index .link01 {
    display: inline-block;
    text-align: left;
    padding-left: 1em;
    position: relative;
    text-decoration: none !important;
}
.about--index .link01:before {
    position: absolute;
    left: 0;
    top: 0;
    content: url(../IMAGES/arrow01_pc_on.gif);
}
.about--index .text {
  font-size: 12px;
  line-height: 22px;
}
.about--index .text02 {/*171206*/
  font-size: 12px;
  line-height: 22px;
}
@media screen and (max-width: 640px) {
  .about--index .text {
    text-align: left;
    font-size: 13px;
    /*10*/
    font-weight: normal;
    line-height: 20px;
    /*16*/
  }
  .about--index .text02 {/*171206*/
    text-align: left;
    font-size: 13px;
    /*10*/
    font-weight: normal;
    line-height: 20px;
    /*16*/
  }
}
.about--index .intro h2 {
  width: 570px;
  height: 62px;
  margin: 80px auto 30px;
  background: url(../ABOUT/IMAGES/text01_pc.gif) no-repeat;
}
@media screen and (max-width: 640px) {
  .about--index .intro h2 {
    width: 100%;
    height: auto;
    padding-bottom: 11.5517%;
    line-height: 11.5517%;
    margin: 10.9375% auto 4.6875%;
    background: url(../ABOUT/IMAGES/text01_sp.gif) no-repeat;
    background-size: contain;
  }
}
.about--index .intro {
  margin-bottom: 50px;
}
.about--index .intro .text {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 24px;
}
@media screen and (max-width: 640px) {
  .about--index .intro .text {
    margin-bottom: 8.6206%;
    font-size: 13px;
    /*10*/
    line-height: 20px;
    /*16*/
  }
}
.about--index .flow {
  margin-bottom: 60px;
  /*80*/
  padding-bottom: 80px;
  border-bottom: 1px #ebebeb solid;
}
.about--index .flow .text {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 24px;
}
@media screen and (max-width: 640px) {
  .about--index .flow .text {
    margin-bottom: 8.6206%;
    font-size: 13px;
    /*10*/
    line-height: 20px;
    /*16*/
  }
}
.about--index .flow__text {
  padding-top: 1em;
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
  text-align: left;
  line-height: 18px;
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .about--index .flow {
    margin-bottom: 8.0689%;
    /*12.0689*/
    padding-bottom: 12.0689%;
  }
  .about--index .flow__text {
    font-size: 13px;
    line-height: 20px;
  }
}
.about--index .flow h3 {
  width: 364px;
  height: 24px;
  margin: 0 auto 30px;
  background: url(../ABOUT/IMAGES/title01_pc.gif) no-repeat;
}
@media screen and (max-width: 640px) {
  .about--index .flow h3 {
    width: 100%;
    height: auto;
    padding-bottom: 3.7931%;
    line-height: 10.4687%;
    margin: 0 auto 4.6875%;
    background: url(../ABOUT/IMAGES/title01_sp.gif) no-repeat;
    background-size: contain;
  }
}
.about--index .message {
  padding-top: 20px;
  /**/
  margin-bottom: 40px;
  /*60*/
  padding-bottom: 60px;
  border-bottom: 1px #ebebeb solid;
}
@media screen and (max-width: 640px) {
  .about--index .message {
    padding-top: 4.0689%;
    /**/
    margin-bottom: 8.0689%;
    /*12.0689*/
    padding-bottom: 12.0689%;
  }
}
.about--index .message h3 {
  width: 218px;
  height: 20px;
  margin: 0 auto 30px;
  background: url(../ABOUT/IMAGES/title02_pc.gif) no-repeat;
}
@media screen and (max-width: 640px) {
  .about--index .message h3 {
    width: 100%;
    height: auto;
    padding-bottom: 3.7931%;
    line-height: 10.4687%;
    margin: 0 auto 4.6875%;
    background: url(../ABOUT/IMAGES/title02_sp.gif) no-repeat;
    background-size: contain;
  }
}
.about--index .message_text {
  margin-top: 40px;
  margin-bottom: 60px;
}
.about--index .message_text .text + .text {
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .about--index .message_text {
    margin-top: 40px;
    margin-bottom: 60px;
  }
  .about--index .message_text .text + .text {
    margin-top: 6.0344%;
  }
}
.about--index .comment_text {
  width: 491px;
  height: 16px;
  margin: 40px auto 50px;
  background: url(../ABOUT/IMAGES/text02_pc.gif) no-repeat;
}
@media screen and (max-width: 640px) {
  .about--index .comment_text {
    width: 100%;
    height: auto;
    padding-bottom: 10.5173%;
    line-height: 10.5173%;
    margin: 0 auto 12.0689%;
    background: url(../ABOUT/IMAGES/text02_sp.gif) no-repeat;
    background-size: contain;
  }
}
.about--index .comment .position {
  font-size: 12px;
}
@media screen and (max-width: 640px) {
  .about--index .comment .position {
    font-size: 13px;
    /*10*/
  }
}
.about--index .comment .position .name {
  display: block;
  font-size: 16px;
}
@media screen and (max-width: 640px) {
  .about--index .comment .position .name {
    font-size: 13px;
    /*11*/
  }
}
.about--index .comment figure {
  display: table;
  width: 304px;
  margin: 20px auto 0px;
  /*60*/
}
@media screen and (max-width: 640px) {
  .about--index .comment figure {
    width: 100%;
    /*margin: 12.0689% 0; 160929*/
  }
}
.about--index .comment .name {
  display: table-cell;
  font-size: 16px;
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  .about--index .comment .name {
    width: 50%;
    /*50 160929*/
    padding-right: 3.7931%;
    text-align: right;
    /*right 160929*/
    font-size: 13px;
    /*11*/
  }
}
.about--index .comment .signature {
  display: table-cell;
  text-align: right;
}
@media screen and (max-width: 640px) {
  .about--index .comment .signature {
    width: 25.852%;
    text-align: left;
  }
  .about--index .comment .signature img {
    padding-left: 3.7931%;
  }
}
.about--index .item {
  padding-top: 20px;
  border-bottom: 1px #ebebeb solid;
}
.about--index .item + .item {
  padding-top: 60px;
  padding-bottom: 60px;
  margin-bottom: 60px;
}
@media screen and (max-width: 640px) {
  .about--index .item {
    padding-top: 4.0689%;
    /**/
  }
  .about--index .item + .item {
    padding-top: 14.0689%;
    padding-bottom: 14.0689%;
    margin-bottom: 14.0689%;
  }
}
.about--index .item h3 {
  width: 100%;
  height: 20px;
  margin: 0 auto 30px;
}
.about--index .item .title03 {
  background: url(../ABOUT/IMAGES/title03_pc.gif) center no-repeat;
  height:57px;
}
.about--index .item .title04 {
  background: url(../ABOUT/IMAGES/title04_pc.gif) center no-repeat;
  height:57px;
}
.about--index .item .title04-logo {
  padding-top: 10px;
  margin-top: 40px;
}
.about--index .item .title05 {
  background: url(../ABOUT/IMAGES/title05_pc.gif) center no-repeat;
  height:57px;
}
@media screen and (max-width: 640px) {
  .about--index .item h3 {
    width: 100%;
    height: auto;
    padding-bottom: 10%;
    line-height: 10%;
    margin: 0 auto 6.8965%;
    background-size: contain !important;
  }
  .about--index .item .title03 {
    background-image: url(../ABOUT/IMAGES/title03_sp.gif);
    height:auto;
  }
  .about--index .item .title04 {
    background-image: url(../ABOUT/IMAGES/title04_sp.gif);
    height:auto;
  }
  .about--index .item .title04-logo {
    padding-top: 0;
    margin-bottom: 25px;
  }
  .about--index .item .title04-logo img {
    height: 15.965517241vw;/*3.965517241vw*/
    width: auto;
  }
  .about--index .item .title05 {
    background-image: url(../ABOUT/IMAGES/title05_sp.gif);
    height:auto;
  }
}
.about--index .item .text {
  margin-bottom: 60px;
  font-size: 14px;
  line-height: 24px;
  font-feature-settings: 'palt';
}
.about--index .item .text02 {/* 171206 */
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 24px;
  font-feature-settings: 'palt';
}
.about--index .item .text sup {
  font-size: 10px;
  position: relative;
  top: -3px;
  padding-left: .25em;
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .about--index .item .text {
    margin-bottom: 8.6206%;
  }
  .about--index .item .text {
    font-size: 13px;
    /*10*/
    line-height: 20px;
    /*16*/
  }
  .about--index .item .text02 {/*171206*/
    margin-bottom: 8.6206%;
    font-size: 13px;
    /*10*/
    line-height: 20px;
    /*16*/
  }
}
.about--index .item .photo {
  margin-bottom: 40px;/*171206*/
}

@media screen and (max-width: 640px) {
  .about--index .item .photo {
    margin: 0 0 8.0689% !important;
  }
}
.about--index .item .item01 {
  width: 880px;
  overflow: hidden;
}
.about--index .item .item01 div {
  float: left;
  width: 200px;
  margin-right: 20px;
}
.about--index .item .item01 div img {
  width: 200px;
}
.about--index .item .item01 div p {
  padding-top: 5px;
  font-size: 12px;
}
@media screen and (max-width: 640px) {
  .about--index .item .item01 {
    width: 100%;
    overflow: hidden;
  }
  .about--index .item .item01 div {
    float: left;
    width: 50%;
    margin-right: 0;
  }
  .about--index .item .item01 div img {
    width: 100%;
  }
  .about--index .item .item01 div p {
    padding-top: 5px;
    font-size: 11px;
    padding-bottom: 20px;
  }
}
.about--index .section01 {
  max-width: 760px;/* 171206 */
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  padding-top: 40px;
  padding-left: 1em;
  padding-bottom:30px;/* 171206 */
}
.about--index .section01__title {
  font-weight: bold;
  text-indent: -1em;
  margin-bottom: .75em;
  color: #c3002f;
  font-size:120%;
}
.about--index .section01__text {
  margin-bottom: 2em;
}
.about--index .section01__list {
  font-size: 12px;
  color: #4d4d4d;
}
@media screen and (max-width: 640px) {
  .about--index .section01 {
    font-size: 13px;
    line-height: 20px;
    padding-top: 8%;
    padding-left: 0;
  }
  .about--index .section01__title {
    padding-left: 1em;
  }
  .about--index .section01__text {
    margin-bottom: 1.5em;
  }
  .about--index .section01__list {
    font-size: 11px;
    line-height: 1.5;
    /*text-indent: -2em;*//* 171206 */
    /*padding-left: 2em;*//* 171206 */
  }
}


.about .about_button {
  width: 640px;
  margin: 0 auto 60px;
}
.about .about_button a {
  width: 640px;
  height: 60px;
}
.about .about_button a:hover {
  opacity: 0;
  filter: alpha(opacity=0);
}
.about .about_button .gotolist {
  background: url(../ABOUT/IMAGES/button01_pc_on.gif) center top no-repeat;
}
.about .about_button .gotolist a {
  background: url(../ABOUT/IMAGES/button01_pc_off.gif) center top no-repeat;
}
@media screen and (max-width: 640px) {
  .about .about_button {
    margin: 0 4.6875%;
    width: auto;
    height: auto;
    line-height: 12.0689%;
  }
  .about .about_button a {
    width: 100%;
    height: 0;
    margin: 0;
    padding-bottom: 12.07%;
    line-height: 12.07%;
  }
  .about .about_button a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  .about .about_button .gotolist {
    background: none;
    /*background-color: #4d4d4d;*/
  }
  .about .about_button .gotolist a {
    background: url(../ABOUT/IMAGES/button01_sp_off.gif) center top no-repeat;
    background-size: contain;
  }
}
@media screen and (max-width: 640px) {
  .about--lists .intro {
    margin-bottom: 8.0689%;
    /*8.0689*/
    padding-bottom: 12.0689%;
  }
}
.about--lists .intro h2 {
  width: 750px;
  height: 20px;
  margin: 80px auto 30px;
  background: url(../ABOUT/LISTS/IMAGES/title01_pc.gif) no-repeat;
}
@media screen and (max-width: 640px) {
  .about--lists .intro h2 {
    width: 100%;
    height: auto;
    padding-bottom: 10%;
    line-height: 10%;
    margin: 12.0689% auto 6.8965%;
    background: url(../ABOUT/LISTS/IMAGES/title01_sp.gif) center no-repeat;
    background-size: contain;
  }
}
.about--lists .intro .text {
  margin-bottom: 60px;
  /*60*/
  font-size: 14px;
  line-height: 24px;
  font-feature-settings: 'pkna';
}
.about--lists .intro__detail {
  /*60*/
  font-size: 12px;
  line-height: 22px;
  font-feature-settings: 'pkna';
  margin-bottom: 80px;
}
.about--lists .intro__detail li,
.about--lists .intro__detail p {
  text-indent: -1em;
  padding-left: 1em;
  font-size:14px;
}
.about--lists .intro__detail-inner {
  text-align: left;
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .about--lists .intro .text {
    margin-bottom: 8.6206%;
    font-size: 13px;
    /*10*/
    line-height: 20px;
    /*16*/
    text-align: left;
  }
  .about--lists .intro {
    margin-bottom: 0;
  }
  .about--lists .intro__detail {
    margin-bottom: 0;
  }
  .about--lists .intro__detail-inner {
    text-align: left;
    display: inline-block;
  }
}
.about--lists .intro .text02 {
  text-align: left;
  width: 550px;
  margin: 0 auto;
  margin-bottom: 60px;
  font-size: 12px;
  line-height: 22px;
}
@media screen and (max-width: 640px) {
  .about--lists .intro .text02 {
    width: auto;
    margin-bottom: 8.6206%;
    font-size: 13px;
    /*10*/
    line-height: 20px;
    /*16*/
    text-align: left;
  }
}
.about--lists .maplists {
  margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
  .about--lists .maplists {
    padding-top: 4.0689%;
    /**/
    margin-bottom: 0;
  }
}
.about--lists .maplists__header ul {
  display: table;
  width: 100%;
  background-color: #666666;
  color: white;
  padding: 8px 18px;
  box-sizing: border-box;
  margin-bottom: 50px;
}
.about--lists .maplists__header li {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  border-right: 1px #fff solid;
  box-sizing: border-box;
  width: 10%;
}
.about--lists .maplists__header li:last-child {
  border-right: none;
}
.about--lists .maplists__header a {
  color: white;
  padding: .6em 0;
  line-height: 1;
}
@media screen and (max-width: 640px) {
  .about--lists .maplists__header ul {
    display: block;
    overflow: hidden;
    padding: 0;
    margin-bottom: 8%;
  }
  .about--lists .maplists__header li {
    display: block;
    width: 33.333%;
    float: left;
    border: none;
    border-bottom: 1px solid white;
    padding-top: .9em;
    padding-bottom: .9em;
    font-size: 3.8vmin;
  }
  .about--lists .maplists__header li a {
    border-right: 1px solid white;
    padding: 0;
    line-height: 1.5;
  }
  .about--lists .maplists__header li:nth-child(3n) a {
    border-right: none;
  }
  .about--lists .maplists__header li:nth-child(n+4) {
    border-bottom: none;
  }
}

.about--lists h2.maplists__title {
  position: relative;
  text-indent: 0;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  padding-left: 30px;
  line-height: 1;
  margin-bottom: 35px;
  overflow: visible;
}
.about--lists h2.maplists__title img {
  position: absolute;
  left: 0;
  top: -2px;
}
.about--lists h2.maplists__title span {
  display: block;
  padding: 10px;
  padding-left: 30px;
  border-bottom: 1px solid #cbcbcb;
}
@media screen and (max-width: 640px) {
  .about--lists h2.maplists__title img {
    width: 15.517241379%;
  }
  .about--lists h2.maplists__title span {
    padding-left: 22px;
  }
}

.about--lists .maplists__body {
  letter-spacing: -.34em;
  text-align: left;
  margin-bottom: 10px;
}
.about--lists .maplists__body li {
  letter-spacing: 0;
  display: inline-block;
  width: 33%;
  font-size: 14px;
  text-align: left;
  padding-left: 40px;
  box-sizing: border-box;
  background: url(../IMAGES/arrow01_pc_on.gif) 30px 4px no-repeat;/*30 8*/
  margin-bottom: 15px;
  vertical-align:top;
}
.about--lists .maplists__body li a:link, .about--lists .maplists__body li a:visited {
  text-decoration: underline;
}
.about--lists .maplists__body li a:hover, .about--lists .maplists__body li a:active {
  color: #c3002f;
}
.about--lists .maplists__body h3,
.about--lists .maplists__body p {
  display: block;
  box-sizing: border-box;
  line-height: 1.2;
  margin-bottom: .5em;
}
.about--lists .maplists__body h3 {
}
.about--lists .maplists__body .tel {
  border-right: none;
}
.about--lists .maplists__body .area {
  width: auto;
  padding-left: 20px;
  line-height: 16px;
}
@media screen and (max-width: 640px) {
  .about--lists .maplists__body li {
    width: 50%;
    font-size: 3vmin;
    box-sizing: border-box;
    padding-left: 9px;
    background-position: 0 2px;
    margin-bottom: 1em;
  }
}

/*----------------------------------------
	works.scss
----------------------------------------*/
.works .box {
  width: 1000px;
  margin: 0 auto;
}
.works .box--work {
  margin-bottom: 40px;
}
.works .title03{/*171208*/
	border-top:1px solid #ccc;
	padding-top:50px;
}
@media screen and (max-width: 640px) {
  .works .box {
    width: 100%;
  }
.works .title03{/*171208*/
	border-top:0px solid #ccc;
	padding-top:0px;
	padding-bottom:50px;
}
}
.works .interview {
  margin-bottom: 54px;
  text-align: left;
}
@media screen and (max-width: 640px) {
  .works .interview {
    margin-bottom: 10.3448%;
  }
}
.works .interview h2 {
  position: relative;
  margin-bottom: 20px;
  padding-left: 26px;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
}
.works .interview h2:before {
  position: absolute;
  left: 0;
  top: 3px;
  display: block;
  content: ' ';
  width: 18px;
  height: 14px;
  background: url(../WORKS/IMAGES/q01_pc.gif) left center no-repeat;
}
@media screen and (max-width: 640px) {
  .works .interview h2 {
    margin-bottom: 3.8965%;
    font-size: 13px;
    /*11*/
    padding-left: 27px;
    line-height: 20px;
    /*18*/
    white-space: normal;
  }
  .works .interview h2:before {
    top: 2px;
    width: 18px;
    height: 14px;
    background: url(../WORKS/IMAGES/q01_pc.gif) left center no-repeat;
  }
}
.works .interview .text {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  padding-left: 26px;
  box-sizing: border-box;
}
.works .interview .text:before {
  position: absolute;
  left: 0;
  top: 5px;
  display: block;
  content: ' ';
  width: 18px;
  height: 14px;
  background: url(../WORKS/IMAGES/a01_pc.gif) left center no-repeat;
}
@media screen and (max-width: 640px) {
  .works .interview .text {
    font-size: 13px;
    /*10*/
    line-height: 20px;
    /*18*/
    padding-left: 27px;
  }
  .works .interview .text:before {
    top: 2px;
    width: 18px;
    height: 14px;
    background: url(../WORKS/IMAGES/a01_pc.gif) left center no-repeat;
  }
}
.works--index .intro h2 {
  width: 860px;
  height: 20px;
  margin: 80px auto 30px;
  background: url(../WORKS/IMAGES/title01_pc.gif) no-repeat;
}
@media screen and (max-width: 640px) {
  .works--index .intro h2 {
    width: 100%;
/*    height: auto; */
    padding-bottom: 3.4482%;
    line-height: 3.4482%;
    margin: 12.0689% auto 4.6875%;
    background: url(../WORKS/IMAGES/title01_sp.gif) center center no-repeat;
    background-size: contain;
  }
}
.works--index .intro .text {
  margin-bottom: 60px;
  font-size: 14px;
  line-height: 24px;
}
@media screen and (max-width: 640px) {
  .works--index .intro .text {
    margin-bottom: 12.0689%;
    text-align: left;
    font-size: 13px;
    /*10*/
    line-height: 20px;
    /*18*/
  }
}
.works--index .works_menu img {
  width: 100%;
  height: auto;
}
.works--index .works_menu a {
  width: 100%;
  height: auto;
  background-color: #ebebeb;
}
.works--index .works_menu a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
@media screen and (max-width: 640px) {
  .works--index .works_menu {
    width: 100%;
  }
  .works--index .works_menu li a {
    min-width: 100%;
  }
}
.works--index .works_adviser h2 {
  width: 447px;
  height: 20px;
  margin: 80px auto 30px;
  background: url(../WORKS/IMAGES/title02_pc.gif) no-repeat;
}
@media screen and (max-width: 640px) {
  .works--index .works_adviser h2 {
    width: 100%;
    height: auto;
    margin: 12.0689% auto 4.6875%;
    padding-bottom: 3.4482%;
    line-height: 3.4482%;
    background: url(../WORKS/IMAGES/title02_sp.gif) center center no-repeat;
    background-size: contain;
  }
}
.works--index .works_adviser .text {
  margin-bottom: 60px;
  font-size: 14px;
  line-height: 24px;
}
@media screen and (max-width: 640px) {
  .works--index .works_adviser .text {
    margin-bottom: 12.0689%;
    text-align: left;
    font-size: 13px;
    /*10*/
    line-height: 20px;
    /*18*/
  }
}
.works--index .works_adviser__menu {
  width: 100%;
  margin-bottom: 40px;
}
.works--index .works_adviser__menu li {
  float: left;
  width: 50%;
}
.works--index .works_adviser__menu li img {
  width: 100%;
}
.works--index .works_adviser__menu a {
  width: 100%;
  height: auto;
  background-color: #ebebeb;
}
.works--index .works_adviser__menu a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
@media screen and (max-width: 640px) {
  .works--index .works_adviser__menu {
    min-width: 100%;
  }
  .works--index .works_adviser__menu li {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  .works--index .works_adviser__menu li a {
    min-width: 100%;
    height: 0;
    padding-bottom: 68.75%;
  }
  .works--index .works_adviser__menu li:nth-child(1) a {
    background: #ebebeb url(../WORKS/IMAGES/image02-05_sp_off.jpg);
    background-size: contain;
  }
  .works--index .works_adviser__menu li:nth-child(2) a {
      background: #ebebeb url(../WORKS/IMAGES/image02-07_sp_off.jpg);
    background-size: contain;
  }
  .works--index .works_adviser__menu li:nth-child(3) a {
      background: #ebebeb url(../WORKS/IMAGES/image02-06_sp_off.jpg);
    background-size: contain;
  }
  .works--index .works_adviser__menu li:nth-child(4) a {
    background: #ebebeb url(../WORKS/IMAGES/image02-08_sp_off.jpg);
    background-size: contain;
  }
  .works--index .works_adviser__menu li:nth-child(5) a {
    background: #ebebeb url(../WORKS/IMAGES/image02-01_sp_off.jpg);
    background-size: contain;
  }
  .works--index .works_adviser__menu li:nth-child(6) a {
      background: #ebebeb url(../WORKS/IMAGES/image02-03_sp_off.jpg);
    background-size: contain;
  }
  .works--index .works_adviser__menu li:nth-child(7) a {
      background: #ebebeb url(../WORKS/IMAGES/image02-02_sp_off.jpg);
    background-size: contain;
  }
  .works--index .works_adviser__menu li:nth-child(8) a {
    background: #ebebeb url(../WORKS/IMAGES/image02-04_sp_off.jpg);
    background-size: contain;
  }
}
.works-list {
  display: flex;
  justify-content: space-between;
  padding: 30px;
  box-sizing: border-box;
  /*margin-bottom: 100px !important;*/
  margin-bottom: 50px !important;
}
.works-list__wrapper {
  background: #ebebeb;
}
.works-list > div {
  width: 49.206349206%;
}
.works-list__column {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.works-list__title {
  font-weight: bold;
  color: white;
  background-image: -moz-linear-gradient( 15deg, rgb(156,202,227) 0%, rgb(92,152,198) 100%);
  background-image: -webkit-linear-gradient( 15deg, rgb(156,202,227) 0%, rgb(92,152,198) 100%);
  background-image: linear-gradient( 15deg, rgb(156,202,227) 0%, rgb(92,152,198) 100%);
  /*padding: .5em;*/
  font-size: 18px;
  margin-bottom: .75em;
}
.works-list__title--02 {
  background-image: -moz-linear-gradient( 15deg, rgb(171,216,176) 0%, rgb(133,188,139) 100%);
  background-image: -webkit-linear-gradient( 15deg, rgb(171,216,176) 0%, rgb(133,188,139) 100%);
  background-image: linear-gradient( 15deg, rgb(171,216,176) 0%, rgb(133,188,139) 100%);
}
.works-list__item {
  position: relative;
  width: 48.387096774%;
  background: #ffffff;
  margin-bottom: 3.225806452%;
  text-align: left;
  padding: 15px;
  box-sizing: border-box;
}
.works-list__item a:hover {
  text-decoration: none;
  /*opacity: .7;*/
}
.works-list__item a:hover .works-list__photo img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.works-list__photo {
  margin: -15px -15px 15px;
  overflow: hidden;
}
.works-list__photo img {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
.works-list__type {
  font-size: 11px;
  margin-bottom: .5em;
}
.works-list__name {
  font-size: 18px;
  margin-bottom: .5em;
  line-height: 1.5;
}
.works-list__name--2line {
  height: 62px;
}
.works-list__name span {
  font-size: 11px;
}
.works-list__text {
  position: relative;
  font-size: 12px;
  padding-top: 1em;
  margin-top: 1em;
  border-top: 1px solid #ebebeb;
  line-height: 1.5;
  z-index: 1;
  font-feature-settings: 'palt';
  letter-spacing: .03em;
}
.works-list__text span {
  display: block;
  text-align: center;
  padding-right: 5em;
}
.works-list__icon {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
  color: white;
  background: url(../WORKS/IMAGES/icon_works_list.png) no-repeat;
  width: 71px;
  height: 71px;
  box-sizing: border-box;
  z-index: 0;
  text-align: right;
  padding-top: 44px;
  font-weight: bold;
  padding-right: 8px;
}
@media screen and (max-width: 640px) {
  .works-list {
    display: flex;
    justify-content: space-between;
    padding: 4.6875%;
    box-sizing: border-box;
    /*margin-bottom: 100px !important;*/
    margin-bottom: 50px !important;
  }
  .works-list > div {
    width: 48.275862069%;
  }
  .works-list__column {
    display: block;
  }
  .works-list__title {
    padding: 0;
    font-size: 11px;
    margin-bottom: 1em;
  }
  .works-list__item {
    width: 100%;
    margin-bottom: 1.5em;
    padding: 2.8vw;
  }
  .works-list__photo {
    margin: -2.8vw -2.8vw 2.8vw;
  }
  .works-list__item a:hover {
    text-decoration: none;
    opacity: 1;
  }
  .works-list__type {
    font-size: 2.3vw;
    margin-bottom: .5em;
  }
  .works-list__name {
    font-size: 3.9vw;
  }
  .works-list__name--2line {
    height: auto;
  }
  .works-list__name span {
    font-size: 2.3vw;
  }
  .works-list__text {
    font-size: calc(2.35vw - .05vw);
/*    height: 4.366em;*/
  }
  .works-list__text--sp-3line {
    height: 4.35em;
  }
  .works-list__icon {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 2.8vw;
    color: white;
    background: url(../WORKS/IMAGES/icon_works_list.png) right bottom no-repeat;
    -webkit-background-size: 14vw;
    background-size: 14vw;
    width: 14vw;
    height: 14vw;
    box-sizing: border-box;
    z-index: 0;
    text-align: right;
    padding-top: 8.8vw;
    font-weight: bold;
    padding-right: 2vw;
  }
}
.works--work {
  /*	work01-03
  //----------------------------------------*/
}
.works--work .intro {
  margin: 80px 0;
}
.works--work .intro .text {
  font-size: 14px;
  line-height: 24px;
}
@media screen and (max-width: 640px) {
  .works--work .intro {
    margin: 12.0689% 0;
  }
  .works--work .intro .text {
    font-size: 13px;
    /*10*/
    line-height: 20px;
    /*16*/
    text-align: left;
  }
}
.works--work .photo {
  margin-bottom: 60px;
}
.works--work .photo p {
  float: left;
  width: 50%;
}
.works--work .photo p img {
  width: 100%;
}
@media screen and (max-width: 640px) {
  .works--work .photo {
    margin-bottom: 12.0689%;
  }
  .works--work .photo p img {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 56.9%;
  }
}
.works--work .oneday {
  margin-bottom: 59px;
}
@media screen and (max-width: 640px) {
  .works--work .oneday {
    margin-bottom: 12.0689%;
  }
  .works--work .oneday p img {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 184.3103%;
  }
}
@media screen and (max-width: 640px) {
  .works--work--01 .photo--01 p:nth-child(1) img {
    background: url(../WORKS/WORK01/IMAGES/image01-01_pc.jpg) no-repeat;
    background-size: contain;
  }
  .works--work--01 .photo--01 p:nth-child(2) img {
    background: url(../WORKS/WORK01/IMAGES/image02-01_pc.jpg) no-repeat;
    background-size: contain;
  }
  .works--work--01 .photo--02 p:nth-child(1) img {
    background: url(../WORKS/WORK01/IMAGES/image01-02_pc.jpg) no-repeat;
    background-size: contain;
  }
  .works--work--01 .photo--02 p:nth-child(2) img {
    background: url(../WORKS/WORK01/IMAGES/image02-02_pc.jpg) no-repeat;
    background-size: contain;
  }
}
@media screen and (max-width: 640px) {
  .works--work--01 .oneday p img {
    background: url(../WORKS/WORK01/IMAGES/flow01_sp.gif) no-repeat;
    background-size: contain;
  }
}
.works--work--01 .works_adviser__menu {
  border-top: 0px solid #ccc;/*171208*/
  border-bottom: 1px solid #ccc;
  padding: 50px 0;
  width: 100%;
  margin-bottom: 50px;
}
.works--work--01 .works_adviser__menu li {
  float: left;
  width: 50%;
}
.works--work--01 .works_adviser__menu li img {
  width: 100%;
}
.works--work--01 .works_adviser__menu a {
  width: 100%;
  height: auto;
  background-color: #ebebeb;
}
.works--work--01 .works_adviser__menu a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
@media screen and (max-width: 640px) {
  .works--work--01 .works_adviser__menu {
    min-width: 100%;
      border-top: none;
      border-bottom: none;
      padding: 10px 0 0;
      width: 100%;
      margin-bottom: 30px;
  }
  .works--work--01 .works_adviser__menu li {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  .works--work--01 .works_adviser__menu li a {
    min-width: 100%;
    height: 0;
    padding-bottom: 68.75%;
  }
  .works--work--01 .works_adviser__menu li:nth-child(1) a {
    background: #ebebeb url(../WORKS/IMAGES/image02-12_sp_off.jpg);
    background-size: contain;
  }
  .works--work--01 .works_adviser__menu li:nth-child(2) a {
    background: #ebebeb url(../WORKS/IMAGES/image02-09_sp_off.jpg);
    background-size: contain;
  }
  .works--work--01 .works_adviser__menu li:nth-child(3) a {
    background: #ebebeb url(../WORKS/IMAGES/image02-05_sp_off.jpg);
    background-size: contain;
  }
  .works--work--01 .works_adviser__menu li:nth-child(4) a {
    background: #ebebeb url(../WORKS/IMAGES/image02-06_sp_off.jpg);
    background-size: contain;
  }
  .works--work--01 .works_adviser__menu li:nth-child(5) a {
    background: #ebebeb url(../WORKS/IMAGES/image02-01_sp_off.jpg);
    background-size: contain;
  }
  .works--work--01 .works_adviser__menu li:nth-child(6) a {
    background: #ebebeb url(../WORKS/IMAGES/image02-02_sp_off.jpg);
    background-size: contain;
  }
}
@media screen and (max-width: 640px) {
  .works--work--02 .photo--01 p:nth-child(1) img {
    background: url(../WORKS/WORK02/IMAGES/image01-01_pc.jpg) no-repeat;
    background-size: contain;
  }
  .works--work--02 .photo--01 p:nth-child(2) img {
    background: url(../WORKS/WORK02/IMAGES/image01-02_pc.jpg) no-repeat;
    background-size: contain;
  }
  .works--work--02 .photo--02 p:nth-child(1) img {
    background: url(../WORKS/WORK02/IMAGES/image02-01_pc.jpg) no-repeat;
    background-size: contain;
  }
  .works--work--02 .photo--02 p:nth-child(2) img {
    background: url(../WORKS/WORK02/IMAGES/image02-02_pc.jpg) no-repeat;
    background-size: contain;
  }
}
@media screen and (max-width: 640px) {
  .works--work--02 .oneday p img {
    background: url(../WORKS/WORK02/IMAGES/flow01_sp.gif) no-repeat;
    background-size: contain;
  }
}
.works--work--02 .works_adviser__menu {
  border-top: 0px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 50px 0;
  width: 100%;
  margin-bottom: 50px;
}
.works--work--02 .works_adviser__menu li {
  float: left;
  width: 50%;
}
.works--work--02 .works_adviser__menu li img {
  width: 100%;
}
.works--work--02 .works_adviser__menu a {
  width: 100%;
  height: auto;
  background-color: #ebebeb;
}
.works--work--02 .works_adviser__menu a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
@media screen and (max-width: 640px) {
  .works--work--02 .works_adviser__menu {
    min-width: 100%;
      border-top: none;
      border-bottom: none;
      padding: 10px 0 0;
      margin-bottom: 25px;
  }
  .works--work--02 .works_adviser__menu li {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  .works--work--02 .works_adviser__menu li a {
    min-width: 100%;
    height: 0;
    padding-bottom: 68.75%;
  }
  .works--work--02 .works_adviser__menu li:nth-child(1) a {
    background: #ebebeb url(../WORKS/IMAGES/image02-11_sp_off.jpg);
    background-size: contain;
  }
  .works--work--02 .works_adviser__menu li:nth-child(2) a {
    background: #ebebeb url(../WORKS/IMAGES/image02-10_sp_off.jpg);
    background-size: contain;
  }
  .works--work--02 .works_adviser__menu li:nth-child(3) a {
    background: #ebebeb url(../WORKS/IMAGES/image02-07_sp_off.jpg);
    background-size: contain;
  }
  .works--work--02 .works_adviser__menu li:nth-child(4) a {
    background: #ebebeb url(../WORKS/IMAGES/image02-08_sp_off.jpg);
    background-size: contain;
  }
  .works--work--02 .works_adviser__menu li:nth-child(5) a {
    background: #ebebeb url(../WORKS/IMAGES/image02-03_sp_off.jpg);
    background-size: contain;
  }
  .works--work--02 .works_adviser__menu li:nth-child(6) a {
    background: #ebebeb url(../WORKS/IMAGES/image02-04_sp_off.jpg);
    background-size: contain;
  }
}
@media screen and (max-width: 640px) {
  .works--work--03 .photo--01 p:nth-child(1) img {
    background: url(../WORKS/WORK03/IMAGES/image01-01_pc.jpg) no-repeat;
    background-size: contain;
  }
  .works--work--03 .photo--01 p:nth-child(2) img {
    background: url(../WORKS/WORK03/IMAGES/image01-02_pc.jpg) no-repeat;
    background-size: contain;
  }
  .works--work--03 .photo--02 p:nth-child(1) img {
    background: url(../WORKS/WORK03/IMAGES/image02-01_pc.jpg) no-repeat;
    background-size: contain;
  }
  .works--work--03 .photo--02 p:nth-child(2) img {
    background: url(../WORKS/WORK03/IMAGES/image02-02_pc.jpg) no-repeat;
    background-size: contain;
  }
    .works--work--03 .oneday p img {
        background: url(../WORKS/WORK03/IMAGES/flow01_sp.gif) no-repeat;
        background-size: contain;
    }
}
.works--worker {
  /*	worker01-04
  //----------------------------------------*/
}
.works--worker .interview {
  margin-top: 60px;
  text-align: left;
}
.works--worker .interview dt {
  clear: left;
    float: left;
    width: 6em;
}
.works--worker .interview dt.blue {
    color: #3399cc;
}
.works--worker .interview dt.red {
    color: #cc3366;
}
.works--worker .interview dd {
    float: left;
    width: calc(100% - 6em);
    padding-left: .25em;
    box-sizing: border-box;
    margin-bottom: 2em;
}
.works--worker .interview dd:last-child {
    margin-bottom: 0;
}
.works--worker .interview dd .exp {
  font-size: 12px;
}
@media screen and (max-width: 640px) {
  .works--worker .interview {
    margin-top: 12.0689%;
    margin-bottom: 1em;
  }
  .works--worker .interview .text {
    margin-bottom: 8.6206%;
  }
  .works--worker .interview dl {
      overflow: hidden;
      margin-bottom: 1em;
      line-height: 1.5;
      font-size: 13px;
  }
  .works--worker .interview dd {
    margin-bottom: 1em;
  }
}
.works--worker .interview__text {
    font-size: 14px;
    line-height: 1.7;
    box-sizing: border-box;
}
.works--worker .interview__text02 {
    font-size: 14px;
    line-height: 1.7;
    box-sizing: border-box;
}
.works--worker .interview__text03 {
    font-size: 14px;
    line-height: 1.7;
    box-sizing: border-box;
}
.works--worker .interview__text-catch {
    font-size: 15px;
    line-height: 1.7;
    box-sizing: border-box;
    font-weight: bold;
  margin-bottom: 1.5em;
}
.works--worker .interview--photo-left .interview__text {
  float: right;
  width: 480px;
  padding: 46px 50px 0 33px;
}
.works--worker .interview--photo-left .interview__text02 {
  float: right;
  width: 480px;
  padding: 26px 50px 0 33px;
}
.works--worker .interview--photo-left .interview__text03 {
  float: right;
  width: 480px;
  padding: 10px 50px 0 33px;
}
.works--worker .interview--photo-left .interview__photo {
  float: left;
  width: 520px;
}
@media screen and (max-width: 640px) {
  .works--worker .interview__text-catch {
    font-size: 13px;
  }
  .works--worker .interview--photo-left .interview__text {
    float: none;
    width: 100%;
    padding: 0;
  }
  .works--worker .interview--photo-left .interview__text02 {
    float: none;
    width: 100%;
    padding: 0;
  }
  .works--worker .interview--photo-left .interview__text03 {
    float: none;
    width: 100%;
    padding: 0;
  }
  .works--worker .interview--photo-left .interview__photo {
    float: none;
    width: 100%;
  }
}
.works--worker .interview--photo-right .interview__text {
  float: left;
  width: 480px;
  padding: 46px 33px 0 50px;
}
.works--worker .interview--photo-right .interview__text02 {
  float: left;
  width: 480px;
  padding: 26px 33px 0 50px;
}
.works--worker .interview--photo-right .interview__text03 {
  float: left;
  width: 480px;
  padding: 10px 33px 0 50px;
}
.works--worker .interview--photo-right .interview__photo {
  float: right;
}
@media screen and (max-width: 640px) {
  .works--worker .interview--photo-right .interview__text {
    float: none;
    width: 100%;
    padding: 0;
    font-size: 13px;
    /*10*/
    line-height: 20px;
    /*16*/
    box-sizing: border-box;
  }
  .works--worker .interview--photo-right .interview__text02 {
    float: none;
    width: 100%;
    padding: 0;
    font-size: 13px;
    /*10*/
    line-height: 20px;
    /*16*/
    box-sizing: border-box;
  }
  .works--worker .interview--photo-right .interview__text03 {
    float: none;
    width: 100%;
    padding: 0;
    font-size: 13px;
    /*10*/
    line-height: 20px;
    /*16*/
    box-sizing: border-box;
  }
  .works--worker .interview--photo-right .interview__photo {
    float: none;
  }
}
.interview--intro {
    width: 1000px;
    margin: 0 auto;
    padding: 0 50px;
    box-sizing: border-box;
    text-align: center;
}
.interview--intro .interview__text {
    text-align: center;
}
.interview--intro .interview__text02 {
    text-align: center;
}
.interview--intro .interview__text03 {
    text-align: center;
}
.interview--full {
    width: 1000px;
    margin: 0 auto;
    padding: 0 50px;
    box-sizing: border-box;
}
@media screen and (max-width: 640px) {
    .interview--intro {
        width: 100%;
        padding: 0;
    }
    .interview--intro .interview__text {
      text-align: left;
    }
    .interview--intro .interview__text02 {
      text-align: left;
    }
    .interview--intro .interview__text03 {
      text-align: left;
    }
    .interview--full {
        width: 100%;
        padding: 0 4.6875%;
    }
    .contents--02 .interview--full {
      padding: 0;
    }
    .works--worker .interview--full {
      margin-top: 0;
    }
}
.works--worker .photo {
  margin-top: 60px;
}
.works--worker .photo img {
  width: 100%;
}
@media screen and (max-width: 640px) {
  .works--worker .photo {
    margin-top: 8.6206%;
  }
  .works--worker .photo p img {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    background-size: contain;
  }
}
@media screen and (max-width: 640px) {
  .works--worker--01 .photo p img {
    background: url(../WORKS/WORKER01/IMAGES/main02_pc.jpg) no-repeat;
    background-size: contain;
  }
}
@media screen and (max-width: 640px) {
  .works--worker--02 .photo p img {
    background: url(../WORKS/WORKER02/IMAGES/main02_pc.jpg) no-repeat;
    background-size: contain;
  }
}
@media screen and (max-width: 640px) {
  .works--worker--03 .photo p img {
    background: url(../WORKS/WORKER03/IMAGES/main02_pc.jpg) no-repeat;
    background-size: contain;
  }
}
@media screen and (max-width: 640px) {
  .works--worker--04 .photo p img {
    background: url(../WORKS/WORKER04/IMAGES/main02_pc.jpg) no-repeat;
    background-size: contain;
  }
}
@media screen and (max-width: 640px) {
  .works--worker--05 .photo p img,
  .works--worker--06 .photo p img,
  .works--worker--07 .photo p img,
  .works--worker--08 .photo p img {
    text-indent: 0;
    height: 50vw;
    object-fit: cover;
    padding-bottom: 0;
  }
  .works--worker--05 .photo p img {
    object-position: 8% 50%;
  }
  .works--worker--07 .photo p img {
    object-position: 10% 50%;
  }
}
.works .works_button {
  width: 640px;
  margin: 0 auto 60px;
}
.works .works_button a {
  width: 640px;
  height: 60px;
}
.works .works_button a:hover {
  opacity: 0;
  filter: alpha(opacity=0);
}
.works .works_button .backtolist {
  background: url(../WORKS/IMAGES/button01_pc_on.gif) center top no-repeat;
}
.works .works_button .backtolist a {
  background: url(../WORKS/IMAGES/button01_pc_off.gif) center top no-repeat;
}
.works--work .works_button .backtolist {
  background: url(../WORKS/IMAGES/button02_pc_on.gif) center top no-repeat;
}
.works--work .works_button .backtolist a {
  background: url(../WORKS/IMAGES/button02_pc_off.gif) center top no-repeat;
}
@media screen and (max-width: 640px) {
  .works .works_button {
    margin: 0 4.6875%;
    width: auto;
    height: auto;
    line-height: 12.0689%;
  }
  .works .works_button a {
    width: 100%;
    height: 0;
    margin: 0;
    padding-bottom: 12.07%;
    line-height: 12.07%;
  }
  .works .works_button a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  .works .works_button .backtolist {
    background: none;
    /*background-color: #4d4d4d;*/
  }
  .works .works_button .backtolist a {
    background: url(../WORKS/IMAGES/button01_sp_off.gif) center top no-repeat;
    background-size: contain;
  }
  .works--work .works_button .backtolist a {
    background: url(../WORKS/IMAGES/button02_sp_off.gif) center top no-repeat;
    background-size: contain;
  }
}

/* internship */
.banner_button01 {
  width: 640px;
  margin: 0px auto 50px;
}
.banner_button01 a {
  width: 640px;
  height: 80px;
}
.banner_button01 a:hover {
  opacity: 0;
  filter: alpha(opacity=0);
}
.banner_button01 .banner_button01-01 {
  background: url(../IMAGES/internship_pc_on.png) center top no-repeat;
}
.banner_button01 .banner_button01-01 a {
  background: url(../IMAGES/internship_pc_off.png) center top no-repeat;
}

@media screen and (max-width: 640px) {
  .banner_button01 {
    margin: 30px 4.6875%;
    width: auto;
    height: auto;
    line-height: 12.0689%;
  }
  .banner_button01 a {
    width: 100%;
    height: 0;
    margin: 0;
    padding-bottom: 14.07%;
    line-height: 14.07%;
  }
  .banner_button01 a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  .banner_button01 .banner_button01-01 {
    background: none;
    /*background-color: #4d4d4d;*/
  }
  .banner_button01 .banner_button01-01 a {
    background: url(../IMAGES/internship_sp_off.png) center top no-repeat;
    background-size: contain;
  }
}

.banner_button02 {
  width: 640px;
  margin: 0px auto 0px;
}
.banner_button02 a {
  width: 640px;
  height: 80px;
}
.banner_button02 a:hover {
  opacity: 0;
  filter: alpha(opacity=0);
}
.banner_button02 .banner_button01-01 {
  background: url(../IMAGES/internship_pc_on.png) center top no-repeat;
}
.banner_button02 .banner_button01-01 a {
  background: url(../IMAGES/internship_pc_off.png) center top no-repeat;
}

@media screen and (max-width: 640px) {
  .banner_button02 {
    margin: 0px 4.6875%;
    width: auto;
    height: auto;
    line-height: 12.0689%;
  }
  .banner_button02 a {
    width: 100%;
    height: 0;
    margin: 0;
    padding-bottom: 14.07%;
    line-height: 14.07%;
  }
  .banner_button02 a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  .banner_button02 .banner_button01-01 {
    background: none;
    /*background-color: #4d4d4d;*/
  }
  .banner_button02 .banner_button01-01 a {
    background: url(../IMAGES/internship_sp_off.png) center top no-repeat;
    background-size: contain;
  }
}
/*----------------------------------------
	training.scss
----------------------------------------*/
.training {
  /*	module
  ----------------------------------------*/
}
.training h2 {
  margin: 80px auto 30px;
}
@media screen and (max-width: 640px) {
  .training h2 {
    width: 100% !important;
    height: auto;
    margin: 12.0689% auto 6.8965%;
  }
}
.training .box {
  width: 860px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .training .box {
    width: 100%;
    padding: 0 4.6875%;
    box-sizing: border-box;
  }
}
.training .box h3 {
  margin: 0 auto 30px;
}
@media screen and (max-width: 640px) {
  .training .box h3 {
    width: 100% !important;
    height: auto;
    margin: 0 auto 6.8965%;
    padding-top: 12.0689%;
    padding-bottom: 10%;
    line-height: 10%;
    border-top: 2px #ebebeb solid;
    box-sizing: border-box;
  }
}
.training .box .text {
  margin-bottom: 60px;
  font-size: 14px;
  line-height: 24px;
}
@media screen and (max-width: 640px) {
  .training .box .text {
    margin-bottom: 8.6206%;
    text-align: left;
    font-size: 13px;
    /*10*/
    line-height: 20px;
    /*16*/
  }
}
.training .photo--01, .training .photo--02, .training .photo--03, .training .photo--04 {
  width: 860px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .training .photo--01, .training .photo--02, .training .photo--03, .training .photo--04 {
    width: 100%;
  }
}
.training .photo--01 p, .training .photo--02 div, .training .photo--03 div, .training .photo--04 div {
  width: 50%;
}
.training .photo--01 p:nth-child(1), .training .photo--02 div:nth-child(odd), .training .photo--03 div:nth-child(1), .training .photo--04 div:nth-child(1) {
  float: left;
}
.training .photo--01 p:nth-child(2), .training .photo--02 div:nth-child(even), .training .photo--03 div:nth-child(2), .training .photo--04 div:nth-child(2) {
  float: right;
}
.training .photo--01 p img, .training .photo--02 div img, .training .photo--03 div img, .training .photo--04 div img {
  width: 100%;
}
.training .photo--01 {
  margin-bottom: 40px;
  /*60*/
}
@media screen and (max-width: 640px) {
  .training .photo--01 {
    margin-bottom: 8.0689%;
    /*12.0689*/
  }
}
.training .photo--02 {
  margin-bottom: 40px;
  /*60*/
  padding-bottom: 35px;
  border-bottom: 1px #ebebeb solid;
}
.training .photo--02 figcaption {
  margin-top: 9px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .training .photo--02 {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .training .photo--02 figcaption {
    margin-top: 2.8125%;
    padding-left: 9.375%;
    font-size: 11px;
    /*10*/
    font-weight: normal;
  }
}
.training .photo--03 {
  margin-bottom: 20px;
  /*60*/
  padding-bottom: 0px;
  border-bottom: 0px #ebebeb solid;
}
@media screen and (max-width: 640px) {
  .training .photo--03 {
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: none;
  }
}
.training .photo--03 figcaption {
  margin-top: 9px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .training .photo--03 figcaption {
    margin-top: 2.8125%;
    padding-left: 9.375%;
    font-size: 11px;
    /*10*/
    font-weight: normal;
  }
}
.training .photo--04 {
  margin-bottom: 40px;
  /*60*/
  padding-bottom: 60px;
  border-bottom: 1px #ebebeb solid;
}
@media screen and (max-width: 640px) {
  .training .photo--04 {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}
.training .photo--04 figcaption {
  margin-top: 9px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .training .photo--04 figcaption {
    margin-top: 2.8125%;
    padding-left: 9.375%;
    font-size: 11px;
    /*10*/
    font-weight: normal;
  }
}
.training .intro {
  margin-bottom: 40px;
  /*60*/
  padding-bottom: 80px;
  border-bottom: 1px #ebebeb solid;
}
@media screen and (max-width: 640px) {
  .training .intro {
    margin-bottom: 8.0689%;
    /*12.0689*/
    padding-bottom: 12.0689%;
    border-bottom: 2px #ebebeb solid;
  }
}
.training .intro h2 {
  width: 362px;
  height: 64px;
  background: url(../TRAINING/IMAGES/text01_pc.gif) no-repeat;
}
@media screen and (max-width: 640px) {
  .training .intro h2 {
    line-height: 11.5517%;
    background: url(../TRAINING/IMAGES/text01_sp.gif) center center no-repeat;
    background-size: contain;
  }
}
.training .intro .text {
  font-size: 14px;
  line-height: 24px;
}
@media screen and (max-width: 640px) {
  .training .intro .text {
    text-align: left;
    font-size: 13px;
    /*10*/
    line-height: 20px;
    /*16*/
  }
}
.training .nbc {
  padding-top: 20px;
  /**/
}
@media screen and (max-width: 640px) {
  .training .nbc {
    padding-top: 4.0689%;
    /**/
  }
}
.training .nbc h2 {
  width: 516px;
  height: 57px;
  margin: 0 auto 30px;
  background: url(../TRAINING/IMAGES/title01_pc.gif) no-repeat;
}
@media screen and (max-width: 640px) {
  .training .nbc h2 {
    width: 100%;
    height: auto;
    padding-bottom: 10%;
    line-height: 10%;
    margin: 0.0689% auto 6.8965%;
    /*12.0689*/
    background: url(../TRAINING/IMAGES/title01_sp.gif) center center no-repeat;
    background-size: contain;
  }
}
.training .nbc h3 {
  margin-top: 60px;
  width: 656px;
  height: 20px;
  background: url(../TRAINING/IMAGES/title02_pc.gif) no-repeat;
}
@media screen and (max-width: 640px) {
  .training .nbc h3 {
    background: url(../TRAINING/IMAGES/title02_sp.gif) center bottom no-repeat;
    background-size: auto 50%;
  }
}
@media screen and (max-width: 640px) {
  /*.training .nbc .photo--01 p:nth-child(1) img {
    background: url(../TRAINING/IMAGES/image01-01_sp.jpg) no-repeat;
    background-size: contain;
  }
  .training .nbc .photo--01 p:nth-child(2) img {
    background: url(../TRAINING/IMAGES/image01-02_sp.jpg) no-repeat;
    background-size: contain;
  }
  .training .nbc .photo--01 p img {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 0;
    padding-bottom: 61.0625%;
  }*/
}
.training .nbc .system__photo {
  overflow: hidden;
  margin-bottom: 30px;
}
.training .nbc .system .table01__text {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 60px;
  text-align: left;
  padding-top: .75em;
  font-size: 14px;
  line-height: 18px;
}
@media screen and (max-width: 640px) {
  .training .nbc .system .figure {
    width: 100%;
    height: auto;
    padding-bottom: 124.8448%;/*192.8448*/
    background: url(../TRAINING/IMAGES/table01_sp.gif) center top no-repeat;
    background-size: contain;
  }
  .training .nbc .system .table01__text {
    margin-bottom: 8.6206%;
    font-size: 13px;
    padding-top: .25em;
  }
  .training .nbc .system .figure img {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 0;
  }
}
.training .skill {
  padding-top: 20px;
  /**/
}
@media screen and (max-width: 640px) {
  .training .skill {
    padding-top: 0;
    /**/
  }
}
.training .skill h3 {
  width: 405px;
  height: 57px;
  margin: 0 auto 30px;
  background: url(../TRAINING/IMAGES/title03_pc.gif) center center no-repeat;
}
@media screen and (max-width: 640px) {
  .training .skill h3 {
    padding-top: 12.0689%;
    /**/
    padding-bottom: 10%;
    line-height: 10%;
    margin: 5% auto 6.8965%;
    /*12.0689*/
    background: url(../TRAINING/IMAGES/title03_sp.gif) center bottom no-repeat;
    background-size: contain;
  }
}
.training .nwc {
  padding-top: 20px;
  /**/
  padding-bottom: 60px;
}
.training .nwc:after {
  display: block;
  content: ' ';
  width: 860px;
  height: 1px;
  margin: 0 auto;
  border-bottom: 1px #ebebeb solid;
}
@media screen and (max-width: 640px) {
  .training .nwc {
    padding-top: 0;
    /**/
    /*margin-top:8.0689%;*/
    padding-bottom: 0;
  }
  .training .nwc:after {
    width: 90.625%;
    height: 1px;
    margin: 0 auto;
    border-bottom: 1px #ebebeb solid;
  }
}
.training .nwc h3 {
  width: 383px;
  height: 57px;
  margin: 0 auto 30px;
  background: url(../TRAINING/IMAGES/title04_pc.gif) center center no-repeat;
}
@media screen and (max-width: 640px) {
  .training .nwc h3 {
    padding-top: 12.0689%;
    /**/
    padding-bottom: 10%;
    line-height: 10%;
    margin: 12.0689% auto 6.8965%;
    /*12.0689*/
    background: url(../TRAINING/IMAGES/title04_sp.gif) center bottom no-repeat;
    background-size: contain;
  }
}

/*----------------------------------------
	careers.scss
----------------------------------------*/
.careers {
  /*	common
  ----------------------------------------*/
  /*	index
  ----------------------------------------*/
  /*	lists
  ----------------------------------------*/
}
.careers .border-left01 {
  border-left: 1px solid #ebebeb;
}
.careers #contents {
  /*border-top: 1px $gray solid;*/
}
@media screen and (max-width: 640px) {
  .careers #contents {
    border-top: none;
  }
}
.careers__table {
  width: 100%;
  margin-bottom: 60px;
  border-collapse: collapse;
  border-bottom: 1px #ebebeb solid;
  background: #f4f4f4;
}
@media screen and (max-width: 640px) {
  .careers__table {
    margin-bottom: 12.0689%;
  }
}
.careers__table th,
.careers__table td {
  padding: 19px 0 19px 30px;
  font-size: 13px;
  line-height: 18px;
  border-top: 1px #ebebeb solid;
}
@media screen and (max-width: 640px) {
  .careers__table th,
  .careers__table td {
    padding: 3.2758% 0 3.2758% 5.1724%;
    font-size: 13px;
    /*11*/
  }
}
.careers__table th a,
.careers__table td a {
  display: inline;
}
.careers__table th {
  position: relative;
  width: 240px;
}
.careers__table th:before, .careers__table th:after {
  position: absolute;
  left: 0;
  display: block;
  content: ' ';
  width: 100%;
  border-top: 1px #fff solid;
}
.careers__table th:before {
  top: 0;
}
.careers__table th:after {
  bottom: 0;
}
.careers__table th span {
  padding: 1px 0;
  display: block;
}
@media screen and (max-width: 640px) {
  .careers__table th {
    width: 34%;
  }
}
.careers__table td {
  padding-left: 30px;
  background: #fff;
}
@media screen and (max-width: 640px) {
  .careers__table td {
    padding-left: 5.1724%;
  }
}
.careers--index .intro {
  padding-top: 20px;
  /**/
  margin-top: 60px;
  /**/
  margin-bottom: 40px;
  /*60*/
  border-bottom: 1px #ebebeb solid;
}
@media screen and (max-width: 640px) {
  .careers--index .intro {
    padding-top: 4.0689%;
    /**/
    margin-top: 8.0689%;
    /**/
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.careers--index .intro h2 {
  width: 115px;
  height: 18px;
  margin: 0px auto 30px;
  /*80*/
  background: url(../CAREERS/IMAGES/title01_pc.gif) no-repeat;
}
@media screen and (max-width: 640px) {
  .careers--index .intro h2 {
    width: 100%;
    height: auto;
    padding-bottom: 3.7931%;
    line-height: 3.7931%;
    margin: 0.0689% auto 5.1724%;
    /*12.0689*/
    background: url(../CAREERS/IMAGES/title01_sp.gif) no-repeat;
    background-size: contain;
  }
}
.careers--index .intro h3 {
  width: 582px;
  height: 24px;
  margin: 0 auto 60px;
  background: url(../CAREERS/IMAGES/text01_pc.gif) no-repeat;
}
@media screen and (max-width: 640px) {
  .careers--index .intro h3 {
    width: 100%;
    height: auto;
    padding-bottom: 11.7241%;
    line-height: 11.7241%;
    margin: 0 auto 6.8965%;
    background: url(../CAREERS/IMAGES/text01_sp.gif) no-repeat;
    background-size: contain;
  }
}
.careers--index .intro__text {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 24px;
}
.careers--index .intro__text .text {
  font-feature-settings: 'pkna';
}
@media screen and (max-width: 640px) {
  .careers--index .intro__text {
    margin-bottom: 12.0689% !important;
    margin-bottom: 0;
  }
  .careers--index .intro__text .text {
    font-size: 13px;
    line-height: 20px;
    text-align: left;
  }
}
.careers--index .intro__text ol {
  display: inline-block;
  margin: 36px auto;
  text-align: left;
}
.careers--index .intro__text ol li {
  list-style: decimal inside;
}
@media screen and (max-width: 640px) {
  .careers--index .intro__text ol {
    width: auto;
    margin: 7.7586% 0;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
  }
}


.careers--index .guide .guide__text{
  margin-bottom: 80px;
  font-size: 18px;
}
.careers--index .guide .guide__link{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.careers--index .guide .guide__link .item{
  position: relative;
}
.careers--index .guide .guide__link a{
  display: block;
}
.careers--index .guide .guide__link a:hover{
  opacity: 0.7;
}
.careers--index .guide .guide__link .figcaption{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
}
@media screen and (max-width: 640px) {
  .careers--index .guide .guide__text{
    margin-bottom: 8.4375%;
    font-size: 14px;
    text-align: left;
    line-height: 1.5;
  }
  .careers--index .guide .guide__link{
    display: block;
    margin-bottom: 12.5%;
  }
  .careers--index .guide .guide__link .item{
    width: 75%;
    margin: 0 auto 3.125%;
  }
  .careers--index .guide .guide__link .item:last-child{
    margin-bottom: 0;
  }
  .careers--index .guide .guide__link a::after{
    content: none;
  }
}

/**/
.careers--index h2.maplists__title {
  position: relative;
  text-indent: 0;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  padding-left: 30px;
  line-height: 1;
  margin-bottom: 35px;
  overflow: visible;
}
.careers--index h2.maplists__title img {
  position: absolute;
  left: 0;
  top: -2px;
}
.careers--index h2.maplists__title span {
  display: block;
  padding: 10px;
  padding-left: 30px;
  border-bottom: 1px solid #cbcbcb;
}
@media screen and (max-width: 640px) {
  .careers--index h2.maplists__title img {
    width: 15.517241379%;
  }
  .careers--index h2.maplists__title span {
    padding-left: 22px;
  }
}


.careers--index .maplists {
  padding-top: 20px;
  margin-bottom: 80px;
}
.careers--index .maplists .title {
  width: 196px;
  height: 20px;
  margin: 0 auto 20px;
  background: url(../CAREERS/IMAGES/title02_pc.gif) no-repeat;
}
.careers--index .maplists .wanted {
  letter-spacing: .1em;
  font-size: 14px;
  margin-bottom: 30px;
}


/**/
@media screen and (max-width: 640px) {
  .careers--index .maplists {
    padding-top: 4.0689%;
    margin-top: 8.0689%;
    margin-bottom: 0;
  }
  .careers--index .maplists .title {
    width: 100%;
    height: auto;
    padding-bottom: 4.4827%;
    line-height: 4.4827%;
    margin: 0 auto 6.8965%;
    background: url(../CAREERS/IMAGES/title02_sp.gif) no-repeat;
    background-size: contain;
  }
  .careers--index .maplists .wanted img {
      width: auto;
  }

  .careers--index .maplists__header ul {
    margin-bottom: 8%;
    width: 100%;
    color: white;
    overflow: hidden;
    background-color: #666666;
  }
  .careers--index .maplists__header li {
    width: 33.333%;
    float: left;
    padding-top: .9em;
    padding-bottom: .9em;
    font-size: 3.8vmin;
    border-bottom: 1px solid white;
    box-sizing: border-box;
  }
  .careers--index .maplists__header li a {
    border-right: 1px solid white;
    padding: 0;
    color: white;
    line-height: 1.5;
  }
  .careers--index .maplists__header li:nth-child(3n) a {
    border-right: none;
  }
  .careers--index .maplists__header li:nth-child(n+4) {
    border-bottom: none;
  }

  .careers--index .maplists__body li:before {
    content: '募集中';
    display: inline-block;
    background: #c3002f;
    text-align: left;
    color: white;
    padding: .25em .5em;
    margin-bottom: .5em;
    margin-left: -1em;
    visibility: hidden;
  }
  .careers--index .maplists__body .is-wanted:before {
    visibility: visible;
  }
  .careers--index .maplists__body {
    letter-spacing: -.34em;
    text-align: left;
    margin-bottom: 10px;
  }
  .careers--index .maplists__body li {
    letter-spacing: 0;
    display: inline-block;
    width: 33%;
    font-size: 14px;
    text-align: left;
    padding-left: 40px;
    box-sizing: border-box;
    margin-bottom: 15px;
    vertical-align:top;
  }
  .careers--index .maplists__body li a:link, .careers--index .maplists__body li a:visited {
    text-decoration: underline;
  }
  .careers--index .maplists__body li a:hover, .careers--index .maplists__body li a:active {
    color: #c3002f;
  }
  .careers--index .maplists__body h3 {
    position: relative;
    margin-bottom: 6px;
/*    font-weight: bold;*/
/*    font-size: 12px;*/
    font-size: 3vmin;
    line-height: 15px !important;
  }
  .careers--index .maplists__body h3:after {
    content: '';
    position: absolute;
    left: -10px;
    top: 3px;
    width: 7px;
    height: 10px;
    background-image: url(../IMAGES/arrow01_pc_on.gif);
    background-size: contain;
  }
  .careers--index .maplists__body h3,
  .careers--index .maplists__body p {
    display: block;
    box-sizing: border-box;
    line-height: 1.2;
  }
  .careers--index .maplists__body p {
    margin-bottom: .1em;
  }
  .careers--index .maplists__body .tel {
    border-right: none;
  }
  .careers--index .maplists__body li {
    width: 50%;
    font-size: 3vmin;
    box-sizing: border-box;
    padding-left: 9px;
    background-position: 0 2px;
    margin-bottom: 1em;
  }
}
/**/

.careers--lists .intro h1 {
  width: 860px;
  margin: 40px 0 60px;
  padding: 19px 0;
  background: #ebebeb;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .careers--lists .intro h1 {
    width: 100%;
    height: auto;
    margin: 6.8965% 0;
    padding: 4.4827%;
  }
}
.careers--lists .intro .box {
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 1px #ebebeb solid;
}
@media screen and (max-width: 640px) {
  .careers--lists .intro .box {
    margin-bottom: 12.0689%;
    padding-bottom: 12.0689%;
    border-bottom: 1px #ebebeb solid;
  }
}
.careers--lists .intro .box .photo {
  float: left;
  width: 450px;
}
.careers--lists .intro .box .text {
  float: right;
  width: 410px;
  text-align: left;
  padding: 19px 0 0 34px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 24px;
}
@media screen and (max-width: 640px) {
  .careers--lists .intro .box .text {
    width: 100%;
    padding: 0;
    font-size: 13px;
    /*10*/
    line-height: 20px;
    /*16*/
  }
}
@media screen and (max-width: 640px) {
  .careers--lists .intro .box .photo,
  .careers--lists .intro .box .text {
    float: none;
    width: 100%;
  }
}
.careers--lists .intro .photo-none h2 {
  margin: 0 auto 14px !important;
}
.careers--lists .intro .photo-none .text {
  float: none;
  width: 100%;
  padding: 19px 30px 0 30px;
}
@media screen and (max-width: 640px) {
  .careers--lists .intro .photo-none h2 {
    margin: 12.0689% auto 6.8965%;
  }
  .careers--lists .intro .photo-none .text {
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  .careers--lists .intro h2,
  .careers--lists .profile h2,
  .careers--lists .graduate h2 {
    width: 100% !important;
    height: auto !important;
    padding-bottom: 3.7931%;
    line-height: 3.7931%;
    margin: 12.0689% auto 6.8965%;
    background-size: contain;
  }
}
.careers--lists .intro h2 {
  width: 70px;
  height: 16px;
  margin-bottom: 14px;
  background: url(../CAREERS/IMAGES/title03_pc.gif) center top no-repeat;
}
@media screen and (max-width: 640px) {
  .careers--lists .intro h2 {
    margin: 6.8965% auto 5.1724%;
    background: url(../CAREERS/IMAGES/title03_sp.gif) center top no-repeat;
    background-size: contain;
  }
}
.careers--lists .profile h2 {
  width: 86px;
  height: 20px;
  margin: 0 auto 40px;
  background: url(../CAREERS/IMAGES/title04_pc.gif) center top no-repeat;
}
@media screen and (max-width: 640px) {
  .careers--lists .profile h2 {
    margin: 12.0689% auto 6.8965%;
    background: url(../CAREERS/IMAGES/title04_sp.gif) center top no-repeat;
    background-size: contain;
  }
}
.careers--lists .graduate h2 {
  width: 86px;
  height: 20px;
  margin: 0 auto 40px;
  background: url(../CAREERS/IMAGES/title05_pc.gif) center top no-repeat;
}
@media screen and (max-width: 640px) {
  .careers--lists .graduate h2 {
    margin: 12.0689% auto 6.8965%;
    background: url(../CAREERS/IMAGES/title05_sp.gif) center top no-repeat;
    background-size: contain;
  }
}
.careers--lists .careers_entry {
  width: 640px;
  margin: 0 auto 60px;
}
.careers--lists .careers_entry a {
  display: block;
  width: 640px;
  height: 60px;
}

.careers--lists .careers_entry .entry,
.careers--lists .careers_entry .entry_okinawa {
  margin-bottom: 20px;
}
.careers--lists .careers_entry .entry a {
  height: 82px;
  background: url(../CAREERS/IMAGES/button_entry_pc.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry_okinawa a {
  height: 82px;
  background: url(../CAREERS/IMAGES/button_entry_okinawa_pc.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry a:hover {
  opacity: 0.7;
}

.careers--lists .careers_entry .backtolist {
  background: url(../CAREERS/IMAGES/button02_pc_on.gif) center top no-repeat;
}
.careers--lists .careers_entry .backtolist a {
  background: url(../CAREERS/IMAGES/button02_pc_off.gif) center top no-repeat;
}
.careers--lists .careers_entry .backtolist a:hover {
  opacity: 0;
}

/*
.careers--lists .careers_entry a:hover {
  opacity: 0;
  filter: alpha(opacity=0);
}
.careers--lists .careers_entry .entry {
  margin-bottom: 20px;
  background: url(../CAREERS/IMAGES/button01_pc_on.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry a {
  background: url(../CAREERS/IMAGES/button01_pc_off.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry01 {
  margin-bottom: 20px;
  background: url(../CAREERS/IMAGES/button03_pc_on.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry01 a {
  background: url(../CAREERS/IMAGES/button03_pc_off.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry02 {
  margin-bottom: 20px;
  background: url(../CAREERS/IMAGES/button04_pc_on.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry02 a {
  background: url(../CAREERS/IMAGES/button04_pc_off.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry03 {
  margin-bottom: 20px;
  background: url(../CAREERS/IMAGES/button05_pc_on.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry03 a {
  background: url(../CAREERS/IMAGES/button05_pc_off.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry04 {
  margin-bottom: 20px;
  background: url(../CAREERS/IMAGES/button01_08_pc_on.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry04 a {
  background: url(../CAREERS/IMAGES/button01_08_pc_off.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry05 {
  margin-bottom: 20px;
  background: url(../CAREERS/IMAGES/button03_08_pc_on.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry05 a {
  background: url(../CAREERS/IMAGES/button03_08_pc_off.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry05-02 {
  margin-bottom: 20px;
  background: url(../CAREERS/IMAGES/button03_08_02_pc_on.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry05-02 a {
  background: url(../CAREERS/IMAGES/button03_08_02_pc_off.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry06 {
  margin-bottom: 20px;
  background: url(../CAREERS/IMAGES/button04_08_pc_on.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry06 a {
  background: url(../CAREERS/IMAGES/button04_08_pc_off.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry07 {
  margin-bottom: 20px;
  background: url(../CAREERS/IMAGES/button05_08_pc_on.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry07 a {
  background: url(../CAREERS/IMAGES/button05_08_pc_off.gif) center top no-repeat;
}

.careers--lists .careers_entry .entry08 {
  margin-bottom: 20px;
  background: url(../CAREERS/IMAGES/button01_09_pc_on.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry08 a {
  background: url(../CAREERS/IMAGES/button01_09_pc_off.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry09 {
  margin-bottom: 20px;
  background: url(../CAREERS/IMAGES/button03_09_pc_on.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry09 a {
  background: url(../CAREERS/IMAGES/button03_09_pc_off.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry10 {
  margin-bottom: 20px;
  background: url(../CAREERS/IMAGES/button07_09_pc_on.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry10 a {
  background: url(../CAREERS/IMAGES/button07_09_pc_off.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry11 {
  margin-bottom: 20px;
  background: url(../CAREERS/IMAGES/button04_09_pc_on.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry11 a {
  background: url(../CAREERS/IMAGES/button04_09_pc_off.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry12 {
  margin-bottom: 20px;
  background: url(../CAREERS/IMAGES/button06_09_pc_on.gif) center top no-repeat;
}
.careers--lists .careers_entry .entry12 a {
  background: url(../CAREERS/IMAGES/button06_09_pc_off.gif) center top no-repeat;
}
*/


@media screen and (max-width: 640px) {
  .careers--lists .careers_entry {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .careers--lists .careers_entry a {
    width: 100%;
    height: auto;
  }
  .careers--lists .careers_entry .entry {
    margin-bottom: 2.06896%;
  }
  .careers--lists .careers_entry .entry a {
    height: auto;
    padding-bottom: 14.137931%;
    line-height: 14.137931%;
    background: url(../CAREERS/IMAGES/button_entry_sp.gif) center top no-repeat;
    background-size: contain;
  }
  .careers--lists .careers_entry .entry_okinawa a {
    height: auto;
    padding-bottom: 14.137931%;
    line-height: 14.137931%;
    background: url(../CAREERS/IMAGES/button_entry_okinawa_sp.gif) center top no-repeat;
    background-size: contain;
  }
  .careers--lists .careers_entry .backtolist {
    background: none;
  }
  .careers--lists .careers_entry .backtolist a {
    padding-bottom: 12.068966%;
    line-height: 12.068966%;
    background: url(../CAREERS/IMAGES/button02_sp_off.gif) center top no-repeat;
    background-size: contain;
  }
/*
  .careers--lists .careers_entry {
    width: 100%;
    height: auto;
    line-height: 12.0689%;
  }
  .careers--lists .careers_entry a {
    width: 100%;
    height: 0;
    margin: 0;
    padding-bottom: 12.07%;
    line-height: 12.07%;
  }
  .careers--lists .careers_entry a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  .careers--lists .careers_entry .entry {
    margin-bottom: 2.06896%;
    background: none;
  }
  .careers--lists .careers_entry .entry a {
    background: url(../CAREERS/IMAGES/button01_sp_off.gif) center top no-repeat;
    background-size: contain;
  }
  .careers--lists .careers_entry .entry01 {
    margin-bottom: 2.06896%;
    background: none;
  }
  .careers--lists .careers_entry .entry01 a {
    background: url(../CAREERS/IMAGES/button03_sp_off.gif) center top no-repeat;
    background-size: contain;
  }
  .careers--lists .careers_entry .entry02 {
    margin-bottom: 2.06896%;
    background: none;
  }
  .careers--lists .careers_entry .entry02 a {
    background: url(../CAREERS/IMAGES/button04_sp_off.gif) center top no-repeat;
    background-size: contain;
  }
  .careers--lists .careers_entry .entry03 {
    margin-bottom: 2.06896%;
    background: none;
  }
  .careers--lists .careers_entry .entry03 a {
    background: url(../CAREERS/IMAGES/button05_sp_off.gif) center top no-repeat;
    background-size: contain;
  }
  .careers--lists .careers_entry .entry04 {
    margin-bottom: 2.06896%;
    background: none;
  }
  .careers--lists .careers_entry .entry04 a {
    background: url(../CAREERS/IMAGES/button01_08_sp_off.gif) center top no-repeat;
    background-size: contain;
  }
  .careers--lists .careers_entry .entry05 {
    margin-bottom: 2.06896%;
    background: none;
  }
  .careers--lists .careers_entry .entry05 a {
    background: url(../CAREERS/IMAGES/button03_08_sp_off.gif) center top no-repeat;
    background-size: contain;
  }
  .careers--lists .careers_entry .entry05-02 {
    margin-bottom: 2.06896%;
    background: none;
  }
  .careers--lists .careers_entry .entry05-02 a {
    background: url(../CAREERS/IMAGES/button03_08_02_sp_off.gif) center top no-repeat;
    background-size: contain;
  }
  .careers--lists .careers_entry .entry06 {
    margin-bottom: 2.06896%;
    background: none;
  }
  .careers--lists .careers_entry .entry06 a {
    background: url(../CAREERS/IMAGES/button04_08_sp_off.gif) center top no-repeat;
    background-size: contain;
  }
  .careers--lists .careers_entry .entry07 {
    margin-bottom: 2.06896%;
    background: none;
  }
  .careers--lists .careers_entry .entry07 a {
    background: url(../CAREERS/IMAGES/button05_08_sp_off.gif) center top no-repeat;
    background-size: contain;
  }

  .careers--lists .careers_entry .entry08 {
    margin-bottom: 2.06896%;
    background: none;
  }
  .careers--lists .careers_entry .entry08 a {
    background: url(../CAREERS/IMAGES/button01_09_sp_off.gif) center top no-repeat;
    background-size: contain;
  }
  .careers--lists .careers_entry .entry09 {
    margin-bottom: 2.06896%;
    background: none;
  }
  .careers--lists .careers_entry .entry09 a {
    background: url(../CAREERS/IMAGES/button03_09_sp_off.gif) center top no-repeat;
    background-size: contain;
  }
  .careers--lists .careers_entry .entry10 {
    margin-bottom: 2.06896%;
    background: none;
  }
  .careers--lists .careers_entry .entry10 a {
    background: url(../CAREERS/IMAGES/button07_09_sp_off.gif) center top no-repeat;
    background-size: contain;
  }
  .careers--lists .careers_entry .entry11 {
    margin-bottom: 2.06896%;
    background: none;
  }
  .careers--lists .careers_entry .entry11 a {
    background: url(../CAREERS/IMAGES/button04_09_sp_off.gif) center top no-repeat;
    background-size: contain;
  }
  .careers--lists .careers_entry .entry12 {
    margin-bottom: 2.06896%;
    background: none;
  }
  .careers--lists .careers_entry .entry12 a {
    background: url(../CAREERS/IMAGES/button06_09_sp_off.gif) center top no-repeat;
    background-size: contain;
  }
*/
}
table.session_table{
  margin-bottom:10px;
}

table.session_table td{
  border-top:none;
  padding:5px 10px 5px 5px;
  vertical-align:top;
}

/* ATTRACTION */
.attraction {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    margin-top: 60px;
    text-align: left;
}
@media screen and (max-width: 640px) {
    .attraction {
        margin-top: 8.0689%;
    }
}
.attraction--intro {
    width: 1000px;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.attraction--intro h2 {
    font-size: 20px;
    margin-bottom: 1.5em;
    font-weight: bold;
    line-height: 1.8;
}
.attraction--intro p {
    line-height: 1.7;
    font-size: 15px;
    font-weight:bold;
}
.attraction__text {
    font-size: 13px;
    line-height: 1.84;
    box-sizing: border-box;
    width: 480px;
    padding: 0 33px;
}
.attraction__text.left {
    font-size: 13px;
    line-height: 1.84;
    box-sizing: border-box;
    width: 480px;
    padding: 0 0 0 20px;
}
.attraction__text.right {
    font-size: 13px;
    line-height: 1.84;
    box-sizing: border-box;
    width: 480px;
    padding: 0 0 0 35px;
}
.attraction__text h2 {
    font-size: 18px;
    margin-bottom:1.0em;
    font-weight: bold;
    line-height: 1.33;
    font-feature-settings: 'palt';
    letter-spacing: .05em;
}
.attraction__photo {
    width: 520px;
}
.attraction--photo-right {
    flex-direction: row-reverse;
}
.attraction--photo-left .attraction__text {
    /*padding-right: 50px;*/
}
.attraction--photo-right .attraction__text {
    /*padding-left: 50px;*/
}

@media screen and (max-width: 640px) {
    .attraction {
        display: block;
    }
    .attraction--intro {
        margin-top: 30px;
        width: 100%;
        padding: 0 4.6875%;
        box-sizing: border-box;
    }
    .attraction--intro h2 {
        font-size: 16px;
        margin-bottom: 1em;
        font-weight: bold;
        line-height: 1.6;
    }
    .attraction--intro p {
        line-height: 1.7;
        font-size: 13px;
        text-align: left;
    }
    .attraction__text {
        font-size: 14px;
        line-height: 2;
        box-sizing: border-box;
    }
    .attraction__text h2 {
        font-size: 14px;
        margin-bottom: 1.0em;
        line-height: 1.63;
    }
    .attraction__text p {
        font-size: 13px;
        margin-bottom: .5em;
        line-height: 1.33;
    }

    .attraction__text {
        width: 100%;
        padding: 0 !important;
    }
    .attraction__text.left {
        width: 100%;
        padding: 0 !important;
    }
    .attraction__text.right {
        width: 100%;
        padding: 0 !important;
    }
    .attraction__photo {
        width: 100% !important;
        margin-bottom: 5.6206%;
    }
    .attraction--photo-right .attraction__text {
        float: none;
        width: 100%;
        padding: 0;
        font-size: 13px;
        /*10*/
        line-height: 20px;
        /*16*/
        box-sizing: border-box;
    }
    .attraction--photo-right .attraction__photo {
        float: none;
    }
}
.attraction--full {
    width: 1000px;
    margin: 0 auto;
    padding: 0 50px;
    box-sizing: border-box;
}
@media screen and (max-width: 640px) {
    .attraction--full {
        width: 100%;
        padding: 0 4.6875%;
    }
}
.attraction .photo {
    margin-top: 60px;
}
.attraction .photo img {
    width: 100%;
}
.attraction--last {
    margin-bottom: 60px;
}
@media screen and (max-width: 640px) {
    .attraction--last {
        width: auto;
        margin-left: -4.6875%;
        margin-right: -4.6875%;
    }
}

/* ロゴ変更 */

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

  header .head .logo {
    float: inherit;
    width: 25.866667%;
    height: auto;
  }
  header .head .nissan {
    float: inherit;
    width: 32%;
    height: auto;
    margin-top: 0;
  }
  header .head__01__01 {
    padding: 0;
  }
  .head .head__01 .head__01__01__inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding-top: 5.866667%;
    padding-right: 8.8%;
    padding-bottom: 5.866667%;
    padding-left: 4.6875%;
    border-bottom: 1px solid #ccc;
  }
  .head__01__02 {
    width: 100%;
    position: relative;
    top: inherit;
    right: inherit;    
    box-sizing: border-box;
    padding-top: 2.5%;
    padding-right: 4.6875%;
    padding-bottom: 2.8125%;
    padding-left: 4.6875%;
  }
  .head__01__02__inner {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .head__01__02__inner .button:nth-child(1) {
    float: inherit;
    width: 31.0344%;
    margin-right: 3.125%;
  }
  .head__01__02__inner .button:nth-child(2) {
    float: inherit;
    width: 24.1379%;
  }
} 


/* 教育研修　注意書き追加 */
.tranning_note {
  font-size: 0.8em;
  text-align: right;
}


/* 社会貢献tab */
#tab-01 {
  display: block;
  margin-top: 30px;
}

#tab-02 {
  display: none;
  margin-top: 30px;
}

#tab-03 {
  display: none;
  margin-top: 30px;
}

.tab-link-01 {
/*  color: #999; 初期グレー表示*/
  opacity: 0.3; /*初期グレー表示*/
}

.tab-link-01,
.tab-link-02,
.tab-link-03 {
  padding: 0 20px 10px 10px;
}

.tab-link-01:hover,
.tab-link-02:hover,
.tab-link-03:hover {
  cursor: pointer;
}