@charset "utf-8";
/* -- COMMON PARTS -- */
.ta-r {
  text-align: right !important;
}
.ta-c {
  text-align: center !important;
}

.line-block {
  background-image: url(../../assets/img/top_case_line.png);
  background-repeat: repeat-x;
  height: 5px;
  border: none;
  margin: 30px 0;
}
.ttlblock-01 {
  padding: 0 10px 18px;
  margin-bottom: 20px;
  color: #796343;
  font-size: 24px;
  text-align: left;
  background-image: url(../../assets/img/top_case_line.png);
  background-repeat: repeat-x;
  background-position: bottom;
}
.ttlblock-02 {
  color: #eb622c;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: bold !important;
}
.ttlblock-02 .small {
  font-size: 14px;
}
.ttlblock-03 {
  font-size: 20px;
  margin: 20px 0 10px;
}
.ttlblock-04 {
  font-weight: bold;
  margin: 10px 0 0;
}

.link-text {
  display: block;
  text-decoration: none;
  color: #1c62b7;
  padding-left: 20px;
  background-image: url(../../assets/img/ico_link_img01.png);
  background-size: 15px auto;
  background-position: left 45%;
  background-repeat: no-repeat;
  word-wrap: break-word;
}
.txtlink-box {
  margin: 15px;
}

.link-text.arrow {
  background-image: url(../../assets/img/ico_link_img02.png);
  background-size: 5px auto;
  background-position: 5px 45%;
}
.sub-content .img-leading {
  max-width: 694px;
  margin: 0 auto;
}
.sub-content .img-leading .ttlbox {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
}
.sub-content .img-leading .imgbox {
  text-align: center;
  margin: 40px 0;
}
.sub-content .txtbox {
  padding: 20px 40px;
}
.career {
  display: inline-block;
  background-color: #5cd5c3;
  width: 235px;
  height: 42px;
  font-family: HiraKakuPro;
  color: #ffffff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  vertical-align: bottom;
  margin-right: 20px;
}
.list-mark {
  list-style-type: disc;
  padding-left: 1.5em;
  margin: 0.5em 0;
}
.position-remark {
  padding-left: 1em;
  text-indent: -1em;
}
.position-remark02 {
  padding-left: 2.5em;
  text-indent: -2.5em;
}

.position-remark03 {
  padding-left: 2.5em;
}

.remark03-margin {
  margin-bottom: 10px;
}

.anchor-offset {
  position: relative;
  width: 0;
  height: 0;
}
.anchor {
  position: absolute;
  top: -120px;
}

/* -- TOP DESIGN -- */
.top .main-block {
  margin: 0 auto;
}
.top .first-container {
  background-color: #defaff;
}
.top .first-container .main-logo {
  text-align: center;
  max-width: 295px;
  margin: 0 auto 40px;
  padding: 15px 55px;
  background: #fff;
  border-radius: 0 0 7px 7px;
  border-right: 1px solid #cef6fa;
}
.top .first-container .main-logo img {
  max-width: 100%;
  width: auto;
}
.top .first-container .main-ttlblock {
  font-size: 20px;
}
.top .first-container .main-lead {
  line-height: 1.9;
}
.top .main-linkbox {
  list-style-type: none;
}
.top .main-linkbox .call-link {
  display: block;
  color: #fff;
  font-size: 16px;
}

.top .main-linkset .baloon {
  position: absolute;
}

.top .main-linkset .video-link {
  position: absolute;
}
/* .top .main-linkset .video-link::before {
  content: '動画タイトルテキスト';
  display: inline-block;
  position: absolute;
  padding-top: 7px;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 0px 0px 3px #fff;
}
.top .main-linkset .video-link::after {
  content: 'ナレーター名';
  display: inline-block;
  position: absolute;
  padding-top: 7px;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 0px 0px 3px #fff;
} */
.top .main-linkset .video-link .video_name {
  display: block;
  /* max-width: 160px; */
  padding-top: 7px;
  font-size: 12px;
  font-weight: bold;
}
.top .main-linkset .video-link .video_narrator {
  display: block;
  max-width: 160px;
  padding-top: 0px;
  font-size: 10px;
  font-weight: bold;
  text-align: right;
}

.top .second-container {
  padding-top: 14%;
  background-image: url(../../assets/img/top_bg_img01.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
}
.top .case-block a {
  text-decoration: none;
}
.top .case-block a img {
  border: noen !important;
}
.top .case-block .case-imgbox {
  text-align: center;
  margin-bottom: 20px;
}
.top .case-block .case-lead {
  padding: 0 10px;
  color: #796343 !important;
}
.top .case-block .case-link {
  text-align: right;
  margin-top: 20px;
}
.top .case-block .case-link .link-text {
  display: inline-block;
}

.top .update-area {
  position: absolute;
}
.top .update-area .info-bird {
  position: absolute;
}
.top .update-area #update-info {
  cursor: pointer;
}
.top .update-area a {
  color: #796343;
  text-decoration: none;
}
.top .update-area a:hover {
  text-decoration: underline;
}
.top .update-area #update-cont {
  display: none;
  position: absolute;
  background: #fff;
  border: 2px solid #796343;
  border-radius: 15px;
  padding: 20px 20px 15px;
  z-index: 10;
  font-size: 13px;
}
.top .update-area #update-cont:before {
  content: '';
  display: block;
  position: absolute;
  background: url(../../assets/img/top_info_parts.png);
  width: 38px;
  height: 24px;
  top: -24px;
  left: 53px;
}
.top .update-area .update-inner {
  overflow: hidden;
}
.top .update-area .update-close {
  background: #796343;
  border-radius: 15px;
  display: block;
  position: absolute;
  top: -11px;
  right: -12px;
  width: 30px;
  height: 30px;
  overflow: hidden;
  text-indent: 105%;
  cursor: pointer;
}
.top .update-area .update-close:before,
.top .update-area .update-close:after {
  content: '';
  display: block;
  background: #fff;
  width: 14px;
  height: 2px;
  position: absolute;
  top: 14px;
  left: 8px;
}
.top .update-area .update-close:before {
  transform: rotate(-45deg);
}
.top .update-area .update-close:after {
  transform: rotate(45deg);
}

.top .update-area .update-list {
  max-height: 131px;
  overflow: hidden;
}
.top .update-area .update-list dt {
  width: 70px;
  height: 20px;
  line-height: 20px;
  color: #cc0000;
}
.top .update-area .update-list dd {
  padding-left: 80px;
  margin-top: -20px;
  line-height: 20px;
  margin-bottom: 5px;
}

/* -- HOW TO WORK -- */
.howtowork .ep-block {
  background: #fff;
  margin-top: 40px;
  padding: 40px 40px 70px;
  position: relative;
}
.howtowork .ep-block .ep-ttlblock {
  background-image: url(../../assets/img/ico_img_ep01.png);
  background-repeat: no-repeat;
  background-size: 90px auto;
  min-height: 90px;
  padding-left: 120px;
  margin-bottom: 20px;
  font-weight: bold;
}
.howtowork .ep-block .ep-ttl {
  color: #796343;
  font-size: 18px;
  line-height: 1.8;
}
.howtowork .ep-block .ep-contblock {
  overflow: hidden;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}
.howtowork .ep-block .date {
  color: #52beb9;
  font-size: 14px;
  margin-bottom: 5px;
}
.howtowork .ep-block .readmore {
  position: absolute;
  color: #1c62b7;
  font-size: 16px;
  height: 55px;
  padding-top: 45px;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
  cursor: pointer;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 25%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 25%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 25%,
    rgba(255, 255, 255, 1) 100%
  );
}
.howtowork .ep-block .readmore:before,
.howtowork .ep-block .readmore:after {
  content: '';
  display: block;
  height: 2px;
  width: 9px;
  background: #1c62b7;
  position: absolute;
  bottom: 20px;
}
.howtowork .ep-block .readmore:before {
  left: calc(50% - 2px);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.howtowork .ep-block .readmore:after {
  right: calc(50% - 2px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.howtowork .ep-block .readmore.open {
  background: none;
}

.howtowork .ep-block .readmore.open:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.howtowork .ep-block .readmore.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.place-de .timetable-list {
  margin-bottom: 15px;
}
.place-de .timetable-img {
  padding: 0 0 30px;
  position: relative;
}

.place-de .timetable-img.loading:after {
  content: '';
  display: block;
  position: absolute;
  width: 20px; /*ローディングアイコンの横サイズ*/
  height: 20px; /*ローディングアイコンの縦サイズ*/
  border-radius: 50%; /*CSS3で円を書く*/
  border: 5px solid #4bc0c0; /*円に○の白枠をつける*/
  border-right-color: transparent; /*円の右にC状の空きをつける*/
  animation: loading 1s linear infinite;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -10px;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
    opacity: 0.2;
  } /*0%の時は20％の透明度*/
  50% {
    transform: rotate(180deg);
    opacity: 1;
  } /*50%の時は透明度なし*/
  100% {
    transform: rotate(360deg);
    opacity: 0.2;
  } /*100%の時に20％の透明度に戻る*/
}

.place-de .timetable-list .tt-mark {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #000;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 18px;
}

.place-de .timetable-list .tt-time {
  padding-left: 45px;
  margin-top: -2em;
}

.place-de .timetable-list .tt-txt {
  padding-left: 180px;
  margin-top: -2em;
}

.place-de .timetable-list:nth-child(7n-6) .tt-mark {
  background: #ff6384;
}
.place-de .timetable-list:nth-child(7n-5) .tt-mark {
  background: #ff9f40;
}
.place-de .timetable-list:nth-child(7n-4) .tt-mark {
  background: #ffcd56;
}
.place-de .timetable-list:nth-child(7n-3) .tt-mark {
  background: #4bc0c0;
}
.place-de .timetable-list:nth-child(7n-2) .tt-mark {
  background: #36a2eb;
}
.place-de .timetable-list:nth-child(7n-1) .tt-mark {
  background: #9966ff;
}
.place-de .timetable-list:nth-child(7n) .tt-mark {
  background: #506ba2;
}
.place-de .pay {
  font-size: 24px;
  font-weight: bold;
}

/*-- REPORT --*/
.report .report-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.report .report-part {
  list-style-type: none;
  border: 2px solid #cccccc;
  position: relative;
  margin-bottom: 50px;
}
.report .report-part a {
  color: #796343;
}
.report .report-part .report-img > * {
  display: none;
}
.report .report-part .report-thumb,
.report .report-part .report-thumb img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
.report .report-part .report-ttl {
  position: absolute;
  line-height: 1.3;
  width: 100%;
  box-sizing: border-box;
  bottom: 0;
  text-align: center;
  font-size: 20px;
  padding: 10px;
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 1%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 1%,
    rgba(255, 255, 255, 1) 100%
  );
}

/*-- privacy --*/
.privacy {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px;
}
.privacy .privacy-sec {
  max-width: 694px;
  margin: 40px auto 0;
}
.privacy .privacy-sec-title {
  margin-top: 40px;
  font-size: 28px;
  text-align: center;
  font-weight: bold;
}
.privacy .privacy-sec-title02 {
  margin-top: 20px;
  padding: 12px 25px 10px;
  font-size: 20px;
  background: #58c1d3;
  color: #fff;
}
.privacy .privacy-name {
  margin-top: 20px;
  text-align: right;
}
.privacy .privacy-sec-text {
  margin-top: 20px;
}
.privacy .privacy-sec-day {
  margin-top: 30px;
  text-align: right;
}
.split-left .menu-list{
  list-style: none;
}
.split-left .line-block {
  margin: 10px 0;
}

/*PC only*/
@media only screen and (min-width: 750px) {
  .widesection .content-main {
    background-image: none;
  }
  .widesection .sec-block {
    max-width: 1200px;
  }
  .widesection .bread-list {
    max-width: 800px;
    margin: auto;
  }
  .ttlblock-01 + .ttlblock-03 {
    margin-top: 40px;
  }
  .floatbox {
    margin-top: 40px;
  }
  .floatbox .flbox-l {
    float: left;
  }
  .floatbox .flbox-r {
    float: right;
  }
  .floatbox img {
    max-width: 100%;
    height: auto;
  }
  .floatbox .fl-imgbox {
    width: 600px;
  }
  .floatbox .fl-imgbox-s {
    width: 160px;
    margin-left: 20px;
  }
  .floatbox .fl-imgbox-half {
    width: 300px;
  }
  .floatbox .fl-txtbox {
    width: calc(100% - 640px);
  }
  .floatbox .fl-txtbox-half {
    width: calc(100% - 340px);
  }
  .floatbox .fl-txtbox-l {
    width: calc(100% - 240px);
    margin-right: 20px;
  }
  .floatbox .fl-imgbox-c {
    position:relative;
    margin:20px;
    left:20%;
  }
  .floatbox .imgbox-profile{
    width: 200px;
    margin-left: 20px;
    margin-top: 20px;
    text-align: center;
  }
  .imgbox img.img-working{
    width:100%;
  }
  .imgbox-profile img{
    max-height: 200px;
  }
  /* -- TOP DESIGN -- */
  .top .container {
    min-width: 1200px;
  }
  .top .header-block {
    height: 0;
    border: none;
    overflow: hidden;
  }
  .top .header-block .nav-btnbox {
    position: fixed;
    top: 55px;
    right: 0;
  }
  .top .first-container {
    background-image: url(../../assets/img/top_bg_img02.png);
    background-repeat: no-repeat;
    background-position: center 120px;
    animation: cloudmove_pc 120s linear infinite;
    -webkit-animation: cloudmove_pc 120s linear infinite;
    -moz-animation: cloudmove_pc 120s linear infinite;
    padding-bottom: 30%;
    margin-bottom: -30%;
  }
  .top .first-container .main-catch {
    text-align: center;
  }
  .top .first-container .main-ttlblock {
    font-size: 20px;
    margin: 33px 0 30px;
  }
  .top .main-linkset {
    position: relative;
    min-height: 150px;
    width: 80%;
    margin: -18px auto 0;
    z-index: 3;
  }
  .top .main-linkbox {
    float: left;
    width: 15%;
    position: relative;
    height: 162px;
  }
  .top .main-linkbox .call-link {
    width: 140px;
    height: 150px;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
    position: relative;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px 10px 0;
  }
  .top .main-linkbox .call-link:after {
    content: ' ';
    display: block;
    width: 17px;
    height: 17px;
    background-image: url(../../assets/img/top_ico_search.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: 5px auto;
  }
  .top .main-linkset .baloon {
    right: -50px;
    top: -180px;
  }
  .top .main-linkbox .call-link:hover {
    width: 154px;
    height: 162px;
    -webkit-transform: translate(0, -25px);
    transform: translate(0, -25px);
    padding-top: 65px;
  }

  .top .main-linkset .video-link {
    right: -50px;
    top: 250px;
  }
  .top .main-linkset .video-link a {
  }
  .top .main-linkset .video-link img {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 210px;
  }
  .top .main-linkset .video-link img:hover {
  }
  .top .main-linkset .video-link img.pcOnly {
    display: '';
  }
  .top .main-linkset .video-link img.spOnly {
    display: none;
  }

  .video_wrap {
  }
  .video_wrap video {
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    border: #ccc 1px solid;
    display: block;
    margin: auto;
    width: 95%;
    max-width: 1200px;
  }

  .top .main-linkbox.link01 {
    margin-left: 7.3%;
    top: 85px;
  }
  .top .main-linkbox.link02 {
    margin-left: 1%;
    top: 55px;
  }
  .top .main-linkbox.link03 {
    margin-left: 1.5%;
    top: 65px;
  }
  .top .main-linkbox.link04 {
    top: 67px;
  }
  .top .main-linkbox.link05{
    top: 75px;
  }
  .top .main-linkbox.link01 .call-link {
    background-image: url(../../assets/img/top_link_call_img01.png);
  }
  .top .main-linkbox.link02 .call-link {
    background-image: url(../../assets/img/top_link_call_img02.png);
  }
  .top .main-linkbox.link03 .call-link {
    background-image: url(../../assets/img/top_link_call_img05.png);
  }
  .top .main-linkbox.link04 .call-link {
    background-image: url(../../assets/img/top_link_call_img04.png);
    font-size:15px;
  }
  .top .main-linkbox.link05 .call-link {
    background-image: url(../../assets/img/top_link_call_img03.png);
  }
  .top .case-container {
    background-image: url(../../assets/img/top_bg_img04.png);
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 2000px;
  }
  .top .second-startbtn {
    text-align: center;
    margin-bottom: -60px;
  }
  .top .second-startbtn #slide-start {
    cursor: pointer;
    position: relative;
    z-index: 4;
  }
  .top .second-pager {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -30px;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
    z-index: 10;
  }
  .top .second-pager.fixed {
    right: 30px !important;
  }
  .top .second-pager li {
    list-style-type: none;
    margin-top: 20px;
    width: 21px;
  }
  .top .second-pager .pagenation {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(28, 98, 183, 0.55);
    -webkit-box-shadow: 0px 0px 0px 1px #82a9d7;
    box-shadow: 0px 0px 0px 1px #82a9d7;
    text-indent: 105%;
    margin: 0 auto;
  }
  .top .second-pager .pagenation.current-mark {
    width: 15px;
    height: 15px;
    background: rgba(28, 98, 183, 1);
    border: 2px solid #fff;
  }

  .top .case-field {
    background-image: url(../../assets/img/top_bg_img03.png);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    min-height: 3600px;
  }
  .top .case-field .slide-sec {
    padding-top: 80px;
    visibility: hidden;
    opacity: 0;
  }
  .top .case-field .sec-block {
    position: absolute;
    z-index: 19;
  }
  .top .case-field .slide-sec.position_case04 {
    position: absolute;
    top: 1590px;
    padding-top: 80px;
    width: 100%;
  }
  .top .case-field .slide-sec.view,
  .top .case-field .sec-block.view {
    visibility: visible;
    opacity: 1;
  }
  .top .case-field .sec-block.case01 {
    top: 115px;
    left: 195px;
  }
  .top .case-field .sec-block.case02 {
    top: 550px;
    right: 185px;
    width: 400px;
  }
  .top .case-field .sec-block.case03 {
    top: 1190px;
    left: 200px;
  }
  .top .case-field .sec-block.case04 {
    top: 80px;
    left: 350px;
    width: 460px;
  }
  .top .case-field .sec-block.case05 {
    top: 95px;
    right: 178px;
    width: 435px;
  }
  .top .case-field .sec-block.case06 {
    top: 2440px;
    left: 205px;
  }
  .top .case-field .sec-block.case07 {
    top: 2925px;
    left: 165px;
  }

  .top .case-block.cols {
    width: 800px;
    position: relative;
  }
  .top .case-block.cols .case-imgbox {
    width: 300px;
  }
  .top .case-block.cols .case-textbox {
    width: 442px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .top .anm-partscont {
    top: 0px;
    width: 100%;
    position: absolute;
    overflow: hidden;
    height: 2000px;
    z-index: 1;
  }
  .top .anm-partscont .anmparts {
    position: absolute;
  }
  .top .anm-partscont .anmparts.inveted {
    transform: scale(-1, 1);
  }
  .top .anm-partscont .anmparts.anm01 {
    top: 280px;
    right: 5%;
  }
  .top .anm-partscont .anmparts.anm02 {
    top: 280px;
    right: 24%;
  }
  .top .anm-partscont .anmparts.anm03 {
    top: 240px;
    left: 21.5%;
  }
  .top .anm-partscont .anmparts.anm04 {
    top: 450px;
    right: 15.5%;
  }
  .top .anm-partscont .anmparts.anm05 {
    top: 400px;
    left: 6.5%;
  }
  .top .anm-partscont .anmparts.anm06 {
    top: 240px;
    left: 31%;
  }
  .top .update-area .info-bird {
    right: 21%;
  }
  .top .update-area {
    top: -97px;
    width: calc(50% - 260px);
  }
  .top .update-area #update-cont {
    width: 436px;
    right: calc(21% - 373px);
    top: 156px;
  }
  /*-- REPORT --*/
  .report .report-list {
    padding: 0 70px;
  }
  .report .report-cat ul {
    display: flex;
    justify-content: center;
    margin-bottom: 80px;
  }
  .report .report-cat ul li {
    list-style-type: none;
    border-bottom: 1px solid #796343;
  }
  .report .report-cat ul .cat-btn {
    cursor: pointer;
    display: block;
    text-align: center;
    width: 140px;
    font-size: 16px;
    line-height: 1;
    padding-top: 8px;
    padding-bottom: 6px;
  }
  .report .report-cat ul .cat-btn:hover,
  .report .report-cat ul .cat-current .cat-btn {
    font-weight: bold;
    border-bottom: 2px solid #796343;
    padding-bottom: 4px;
  }
  .report .report-content::after {
    content: '';
    display: block;
    width: 320px;
  }
  /* -- SPLIT DESIGN(PC) -- */
  .split-contents{
    display:table;
    position:relative;
    width:100%;
    max-width: 800px;
    margin:0 auto;
  }
  .split-left{/*全左側コンテンツ*/
    width: 30%; 
    display:table-cell;
    padding-left:10px;
    padding-right:10px;
  }
  .split-right{/*全右側コンテンツ*/
    width:70%;
    display:table-cell;
    padding-right:10px;
    padding-left:10px;
  }
  .sec-block-left{/*左側コンテンツ内メニュー*/
    text-align: center; 
  }
  .sec-block-right{/*右側コンテンツ内記事*/
    padding-top:40px;
  }
  .split-right .last-sec-block{
    padding-top:40px;
    padding-bottom:100px;
  }
  .split-left img.img-profile{
    width:100%;
  }
  .split-right img.img-working{
    width:90%;
  }
}

@media only screen and (max-width: 1199px) {
  /*-- REPORT --*/
  .report .report-part {
    width: calc(50% - 25px);
    margin-bottom: 50px;
  }
}

/*SP only*/
@media only screen and (max-width: 749px) {
  .link-text {
  }
  .top .case-block .case-link .link-text {
    background-position: left 2px;
  }
  /* -- COMMON PARTS -- */
  .spac-btn {
    cursor: pointer;
  }
  .spac-btn em {
    font-style: normal;
  }
  .spac-btn .link-text {
    background-image: url(../../assets/img/ico_link_img03.png);
  }
  .spac-btn.subview .link-text {
    background-image: url(../../assets/img/ico_link_img04.png);
  }
  .floatbox .flbox-l {
    margin-bottom: 20px;
  }

  .floatbox .fl-imgbox,
  .floatbox .fl-imgbox-s,
  .floatbox .fl-imgbox-c {
    text-align: center;
  }

  .ttlblock-01 {
    padding: 10px;
    margin-bottom: 10px;
    color: #796343;
    font-size: 18px;
  }
  .ttlblock-01.ta-c {
    text-align: left !important;
  }
  .ttlblock-03 {
    font-size: 18px;
    margin: 10px 0;
  }
  .sub-content .txtbox {
    padding: 10px 20px;
  }

  .footnv {
    margin-bottom: 40px;
  }
  .footnv .linkbox {
    display: block;
    color: #fff;
    padding: 15px;
    margin-bottom: 1px;
    text-decoration: none;
    background-image: url(../../assets/img/ico_arrow_img02.png);
    background-size: 10px auto;
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-color: #54cde2;
  }

  .sub-content .img-leading .imgbox {
    padding: 0 20%;
    margin: 20px 0;
  }

  .sub-content .img-leading .ttlbox {
    font-size: 22px;
  }

  .career {
    width: calc(50% - 30px);
    margin-right: 20px;
    margin-bottom: 10px;
    box-sizing: border-box;
  }

  /* -- TOP DESIGN -- */
  .top .first-container .main-logo {
    padding: 0;
    position: fixed;
    z-index: 20;
    width: 230px;
    max-width: 230px;
    top: 10px;
    right: 0;
    left: 0;
    margin: auto;
    border: none;
  }

  .top .container .main-block {
    padding-top: 80px;
  }
  .top .first-container {
    background-image: url(../../assets/img/top_bg_img02_sp.png);
    background-repeat: no-repeat;
    background-position: 10px 35%;
    background-size: 690px auto;
    animation: cloudmove_sp 15s linear infinite;
    -webkit-animation: cloudmove_sp 15s linear infinite;
    -moz-animation: cloudmove_sp 15s linear infinite;
  }
  .top .first-container .leading {
    background-image: url(../../assets/img/top_bg_img01_sp.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 520px;
  }

  .top .first-container .main-ttlblock {
    margin-bottom: 20px;
  }
  .top .first-container .main-catch {
    padding: 65px 20px 180px;
  }
  .top .first-container .main-lead {
    width: calc(100% - 120px);
  }
  .top .main-linkset .baloon {
    width: 108px;
    right: 10px;
    top: 120px;
  }
  .top .main-linkset .video-link {
    position: relative;
    top: auto;
    right: auto;
    background: #e1f7c7;
    text-align: center;
  }
  .top .main-linkset .video-link a {
    /* display: inline-block;
    text-align: center;
    padding: 4px;
    border-radius: 4px;
    background: #fff;
    border: #ccc 1px solid;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); */
  }
  .top .main-linkset .video-link img {
    display: block;
    margin: auto;
    padding: 10px 0 30px;
    width: 96%;
    max-width: 350px;
  }
  .top .main-linkset .video-link img.pcOnly {
    display: none;
  }
  .top .main-linkset .video-link img.spOnly {
    display: '';
  }
  .top .main-linkset .video-link .video_name {
    display: inline-block;
    max-width: inherit;
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .top .main-linkset .video-link .video_narrator {
    display: inline-block;
    max-width: inherit;
    padding-top: 0px;
    margin-left: 2em;
  }
  .top .leading {
    position: relative;
    -webkit-text-size-adjust: 100%;
  }
  .top .update-area {
    width: 100%;
    bottom: auto;
    box-sizing: border-box;
  }

  .top .update-area .info-bird {
    right: auto;
    left: 20px;
    width: 75px;
  }
  .top .update-area #update-cont {
    width: calc(100% - 30px);
    padding: 10px 15px 5px;
    box-sizing: border-box;
    left: 10px;
    top: 90px;
  }
  .top .update-area .update-inner {
    /*max-height: 90px;*/ /*スマホ3行*/
    max-height: 110px; /*スマホ4行*/
  }
  .top .update-area .update-inner dt,
  .top .update-area .update-inner dd {
    font-size: 12px;
    -webkit-text-size-adjust: 100%;
  }
  .top .update-area #update-cont:before {
    content: '';
    display: block;
    position: absolute;
    background: url(../../assets/img/top_info_parts.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 26px;
    height: 28px;
    top: -20px;
    left: 40px;
  }

  .video_wrap {
  }
  .video_wrap video {
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    border: #ccc 1px solid;
    display: block;
    margin: auto;
    width: 90%;
    max-width: 800px;
  }

  .top .main-linkbox .call-link {
    padding: 15px;
    margin-bottom: 1px;
    text-decoration: none;
    background-image: url(../../assets/img/top_ico_search.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
  }
  .top .main-linkbox.link01 .call-link {
    background-color: #23c3df;
  }
  .top .main-linkbox.link02 .call-link {
    background-color: #08cbcf;
  }
  .top .main-linkbox.link03 .call-link {
    background-color: #44e4ac;
  }
  .top .main-linkbox.link04 .call-link {
    background-color: #44c679;
  }
  .top .main-linkbox.link05 .call-link {
    background-color: #03bfa3;
  }
  .top .second-startbtn {
    text-align: center;
  }
  .top .case-block {
    margin: 65px 0 0;
    line-height: 1.5;
  }
  .top .case-block .case-imgbox {
    max-width: 150px;
    margin: 0 auto 0;
  }
  .top .second-container {
    background-color: #e3f9d2;
    padding-top: 30px;
    background-image: url(../../assets/img/top_bg_img03_sp.png);
    background-position: center 60px;
    background-repeat: no-repeat;
    background-size: 375px auto;
    min-height: 2820px;
  }
  .top .case-field {
    min-height: 0;
    max-width: 375px;
    margin: 0 auto;
  }

  .lifestage-ep .floatbox {
    margin-bottom: 20px;
    padding: 10px;
  }
  .lifestage-ep .spfloat {
    position: relative;
    padding: 15px 0 5px 110px;
    min-height: 90px;
  }
  .lifestage-ep .spfloat .imgbox {
    color: #796343;
    width: 90px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.5;
    font-size: 14px;
  }
  .fl-imgbox,
  .fl-imgbox-half,
  .fl-imgbox-s {
    text-align: center;
  }
  .imgbox-profile{
    width:120px;
    margin: 0 auto;
    text-align: center;
  }
  .cattop .fl-imgbox-half {
    max-width: 160px;
    margin: 0 auto;
  }
  .cattop .fl-imgbox {
    max-width: 300px;
    margin: 0 auto;
  }
  .sp-bdrlinks {
    margin-top: 20px;
    /* background-image: url(../../assets/img/top_case_line.png);
    background-position: center top;
    background-repeat: repeat-x; */
  }
  .sp-bdrlinks p {
    background-image: url(../../assets/img/top_case_line.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    padding-bottom: 10px;
  }
  .sp-bdrlinks .txtlink-box {
    background-image: url(../../assets/img/top_case_line.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    margin: 0;
  }
  .sp-bdrlinks .link-text {
    display: block;
    padding: 20px;
  }
  .place-de .timetable-img {
    margin: 15px auto 0;
  }

  .YtResizeTrgt {
    width: 100%;
    height: 100%;
    max-height: 150px !important;
  }
  .YtResizeTrgt iframe {
    width: 100%;
    height: auto;
    height: 211px;
  }
  .YtResizeTrgt iframe {
    width: 100%;
    max-width: 720px;
    max-height: 168px;
  }
  .lity-container {
    width: auto;
    position: relative;
    left: 0.7%;
    top: -6vh;
  }
   /* -- SPLIT DESIGN(SP) -- */
  .split-contents{
    padding:0px 20px;
  }
  .split-left{
    text-align:center;
  }
  .sec-block-right,
  .last-sec-block{
    padding-top:30px;
  }
  .split-left img.img-profile{
    width:60%;
  }
  

  /*-- REPORT --*/
  .report .report-cat {
    position: relative;
    width: 60%;
    min-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }
  .report .report-cat > ul {
    margin-bottom: 40px;
    text-align: center;
    border: 1px solid #796343;
    height: 34px;
    line-height: 34px;
    border-radius: 17px;
    font-weight: bold;
    cursor: pointer;
    list-style-type: none;
    background: url(../../assets/img/report_ico_cat.png) no-repeat;
    background-position: center right 15px;
    background-size: 12px auto;
  }
  .report .report-cat > ul li:not(.cat-current) {
    display: none;
  }
  .report .report-cat .sp-cat-select {
    position: absolute;
    background: #fff;
    top: 0;
    width: 100%;
    top: 38px;
    z-index: 10;
    list-style-type: none;
  }
  .report .report-cat .sp-cat-select .cat-btn {
    display: block;
    padding: 5px 15px;
    cursor: pointer;
  }
  .report .report-part .report-ttl {
    position: absolute;
    line-height: 1.1;
    font-size: 10px;
    padding: 10px;
  }
  .report .report-part {
    width: calc(50% - 13px);
    margin-bottom: 15px;
  }

  /*-- privacy --*/
  .privacy {
    margin: 0 auto;
    padding: 30px 10px 0;
  }
  .privacy .privacy-sec {
    margin: 20px auto 0;
  }
  .privacy .privacy-sec {
    margin-top: 0;
  }
  .privacy .privacy-sec-title {
    margin-top: 0;
    font-size: 22px;
  }
  .privacy .privacy-sec-title02 {
    margin-top: 20px;
    padding: 8px 15px 6px;
    font-size: 17px;
  }
  .privacy .privacy-name {
    margin-top: 20px;
    text-align: right;
  }
  .privacy .privacy-sec-text {
    margin-top: 20px;
    padding: 0 10px;
  }
  .privacy .privacy-sec-day {
    margin-top: 30px;
    text-align: right;
  }
}

@keyframes cloudmove_pc {
  0% {
    background-position: calc(100% + 1335px) 30px;
  }
  50% {
    background-position: 25% 30px;
  }
  100% {
    background-position: -1335px 30px;
  }
}
@-webkit-keyframes cloudmove_pc {
  0% {
    background-position: -1335px 30px;
  }
  50% {
    background-position: 25% 30px;
  }
  100% {
    background-position: calc(100% + 1335px) 30px;
  }
}
@-moz-keyframes cloudmov_pc {
  0% {
    background-position: -1335px 30px;
  }
  50% {
    background-position: 25% 30px;
  }
  100% {
    background-position: calc(100% + 1335px) 30px;
  }
}
@keyframes cloudmove_sp {
  0% {
    background-position: 0 10%;
  }
  25% {
    background-position: 25% 10%;
  }
  50% {
    background-position: 50% 10%;
  }
  75% {
    background-position: 75% 10%;
  }
  100% {
    background-position: 100% 10%;
  }
}
@-webkit-keyframes cloudmove_sp {
  0% {
    background-position: 0 10%;
  }
  25% {
    background-position: 25% 10%;
  }
  50% {
    background-position: 50% 10%;
  }
  75% {
    background-position: 75% 10%;
  }
  100% {
    background-position: 100% 10%;
  }
}
@-moz-keyframes cloudmove_sp {
  0% {
    background-position: 0 10%;
  }
  25% {
    background-position: 25% 10%;
  }
  50% {
    background-position: 50% 10%;
  }
  75% {
    background-position: 75% 10%;
  }
  100% {
    background-position: 100% 10%;
  }
}

/* -- Gcharts -- */
.place-de .google-visualization-tooltip {
  opacity: 0.9;
  padding: 0 !important;
  max-width: 80%;
  margin-top: 25px;
}
.place-de .google-visualization-tooltip-item-list {
  margin: 0 !important;
  padding: 10px !important;
}
.place-de .google-visualization-tooltip-item {
  margin: 0 !important;
  padding: 0 !important;
}
.place-de .timetable-img span.timeimg-first {
  position: absolute;
  top: 10px;
  left: 0;
}
.place-de .timetable-img span.timeimg-last {
  position: absolute;
  top: 10px;
  right: 0;
}