/* -----------------------------------------
 SPスタイル
------------------------------------------- */
@media screen and (max-width: 800px) {
html {
  font-size: calc(100vw/37);
}
body {
  font-size: 1.4rem;
}
/* -----------------------------------------
 レイアウト
------------------------------------------- */
.inner {
  width: auto;
  padding: 0 2rem;
}
.pcOnly {
  display: none;
}
.spOnly {
  display: inline-block;
}
a:hover {
  opacity: 1;
}
a:hover .scale img {
  transform: scale(1);
}
a.tel-call{
  pointer-events: auto;
}
.btn {
  padding: .5em .8em;
}
.btn.arrow {
  padding: .5em 1.8em;
}
.btn.medium {
  min-width: 26rem;
  padding: .6em 1em;
  font-size: 1.5rem;
}
.btn.large {
  padding: .7em 1em;
  font-size: 1.6rem;
}
.btn.large.mail > span {
  padding-left: 2.8rem;
}
.btn.large.mail > span::before {
  width: 2.2rem;
  height: 1.8rem;
}
.btn.blue {
  min-width: 15rem;
  font-size: 1.4rem;
}
.bottom-btn {
  margin-top: 3rem;
}
ul.disc li::before {
  top: .6em;
}
.mr100 {
  margin-right: auto !important;
}
.sp-left {
  text-align: left;
}
/* -----------------------------------------
 header
------------------------------------------- */
header {
  border-top-width: .4rem;
}
/*  ヘッダー固定 */
body.fixed {
  padding-top: 5.1rem;
}
header .inner {
  position: relative;
  padding: 0 1rem;
}
header .logo {
  float: none;
  text-align: center;
}
header .logo a {
  padding: .85em 1em .75em 2.8rem;
  font-size: 1.6rem;
}
header .logo a::before {
  width: 2rem;
  height: 2.5rem;
  top: 1.1rem;
  background-size: contain;
}
.gnavi {
  display: none;
}
header .inquiry {
  float: none;
  position: absolute;
  top: .7rem;
  right: 1rem;
  padding: 0 0 1.5rem;
  overflow: hidden;
}
header .inquiry .btn {
  display: block;
  position: relative;
  min-width: 4.7rem;
  padding: .7rem 0 .6rem;
  overflow: visible;
  font-size: 100%;
}
header .inquiry .btn::before {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.4rem;
  margin: 0 auto;
  background: url("../img/icon_mail.svg") 0 0 no-repeat;
  background-size: contain;
}
header .inquiry .btn span {
  position: absolute;
  bottom: -1.5rem;
  left: -.6rem;
  font-size: 1rem;
  white-space: nowrap;
  transform: scale(.8);
}
.menu-btn {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 4.5rem;
  height: 100%;
  padding: 1rem;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 102;
}
.menu-btn > span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 1.8rem;
  height: .2rem;
  background-color: #0E174B;
}
.menu-btn > span:nth-child(1) {
  top: -1.3rem;
}
.menu-btn > span:nth-child(2) {
  top: 0;
}
.menu-btn > span:nth-child(3) {
  top: 1.3rem;
}
.menu-open .menu-btn > span {
  background-color: #fff;
}
.menu-open .menu-btn > span:nth-child(1) {
  top: 0;
  width: 2.4rem;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.menu-open .menu-btn > span:nth-child(2) {
  opacity: 0;
}
.menu-open .menu-btn > span:nth-child(3) {
  top: 0;
  width: 2.4rem;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
/* -----------------------------------------
 main
------------------------------------------- */
/* heading */
.heading-a {
  margin-bottom: .6em;
  font-size: 2.0rem;
}
.heading-b {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  padding: .65em .8em .55em;
  font-size: 1.8rem;
}
.heading-b a.arrow::before{
  right: 0;
}
.heading-b.interview {
  padding-left: 2.2em;
}
.heading-b.interview::before {
  left: 1.4rem;
  width: 2rem;
  top:1.2em;
  bottom: inherit;
}
.heading-c {
  margin-bottom: .8em;
  font-size: 1.6rem;
}
.heading-d {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.heading-d-sub {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  line-height: 1.5;
}
p.heading-d-sub {
  line-height: 1.5;
}
/* breadcrumb */
.breadcrumb {
  overflow-x: scroll;
  white-space: nowrap;
  text-overflow: clip;
  -webkit-overflow-scrolling: touch;
  padding: .5rem 0;
}
.breadcrumb li {
  font-size: 1rem;
}
.breadcrumb li + li {
  margin-left: 0;
  padding-left: 1.4rem;
}
.breadcrumb li + li::before {
  width: .5rem;
  height: .5rem;
}
/* category-title */
.category-title.agent::before,
.category-title.enkaku::before{
  background-size: 130% auto;
}
.category-title.consulting::before{
  background-size: 135% auto;
}
.category-title.bab::before{
  background-size: 140% auto;
}
.category-title.conference::before{
  background-size: 140% auto;
}
.category-title.workis::before{
  background-size: 135% auto;
}
.category-title,
.category-title.service {
  padding: 1.5rem 0;
  box-sizing: border-box;
  min-height: 13rem;  
}
.category-title.news{
  padding: 1.5rem 0 0;
}
.category-title.short .breadcrumb {
  width: auto;
}
.category-title p {
  font-size: 1.4rem;
  padding-bottom: 0;
}
.category-title .en {
  margin-bottom: .2em;
  font-size: 4rem;
}
.category-title .category {
  font-size: 1.8rem;
  padding: 1rem 2rem;
  margin-bottom: 1rem;
}
.category-title .category span {
  font-size: 1.4rem;
}
.category-title.short {
  padding: 1rem 0 4.8rem;
}
.category-title.short .inner {
  display: block;
}
.category-title.short .breadcrumb {
  margin-bottom: 1.5rem;
}
.category-title.short .category {
  display: inline-block;
  margin-top: 0;
  vertical-align: middle;
  font-size: 1.8rem;
}
.category-title.short .en {
  display: inline-block;
  margin-top: 0;
  vertical-align: middle;
  font-size: 2.4rem;
}
.main-contents {
  margin-bottom: 3rem;
  padding: 2rem 0;
  box-sizing: border-box;
}
.main-contents p {
  line-height: 1.5;
}
.first-case {
  margin-bottom: 3rem;
}
.category-heading {
  margin-bottom: .8em;
  font-size: 2.4rem;
}
.category-nav {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.2rem;
}
.category-nav li {
  width: 32%;
  margin: 0 0 .8rem;
  padding: .4em 0;
  font-size: 1.4rem;
}
.category-nav li.current {
  color: #fff;
  background-color: #283895;
}
/* case-index */
.case-index {
  display: block;
  margin-bottom: 2rem;
}
.case-index .scale img{
  min-width: 100%;
}
.case-index .box {
  width: auto;
  margin-bottom: 0;
  padding: 0 1.5rem 1.5rem;
  border: none;
  border-bottom: solid .1rem #ccc;
}
.case-index .box:last-of-type{
 border: none;
}
.main-contents .case-index .box > p {
  margin-bottom: 1em;
  padding: 0;
  height: auto;
  min-height:inherit;
}
.case-index .used-service{
  border: none;
}

.case-index .box .caption {
  margin-bottom: 0;
  padding: 1.5rem 0 1rem;
}
.case-index .box .caption h2{
  font-size: 2.1rem;
}
.case-index .box .caption img {
  width: 7.2rem;
  margin-right: 1em;
}
.case-index .btn {
  min-width: 15rem;
  position: relative;
  bottom: inherit;
}
/* used-service */
.case-index .used-service {
  margin-top: 0;
  /*padding-left: 0;*/
  padding: 1.5rem 2rem;
}
.case-index .used-service dt {
  position: static;
}
.case-detail-ttl{
  background-color: #E0EFFA;
  max-width: 100rem;
  margin: 1.5rem auto 1rem;
  display: block;
}
.case-detail-txt{
  padding:1.5rem;
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.case-detail-txt h1{
  display: block;
  width: 100%;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}
.case-detail-img{
  width: 100%;
  height: 20rem;
  margin: auto;
  position: relative;
}
.case-detail-img:before {
    content: "";
    display: block;
    padding-top: 40%;
}
.case-detail-img iframe{
  position:absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.case-detail-company p{
  margin-bottom: 1rem;
}
.case-detail-company p:last-of-type{
  margin:0;
}
.case-detail-company .company-name{
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1rem;
}
.case-detail-sub-txt{
  display: block;
  width: 100%;
}
.case-detail-company{
  padding: 0;
  margin-bottom: 0;
}
.case-detail-logo{
  width: 16rem;
  margin:  1.5rem auto 0;
}
.case-detail-logo img{
 width: 16rem;
}
/* pickup */
  .pickup-box{
    padding: 2rem 0;
    height: 26rem;
    position: relative;
  }
.pickup {
  margin-bottom: 3rem;
}
.pickup h2 {
  font-size: 3.2rem;
}
.pickup-list {
  bottom: inherit;
  width: 100%;
}
  .home-mv-inner .inner{
    padding: 0;
  }
.pickup-list li {
}
.pickup-list li + li {
  padding-left: 0;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.pickup-list li a {
  width: inherit;
}
.pickup-list img {
  width: 100%
}
.pickup-list .caption {
  padding: 1.0rem 0;
  font-size: 1.2rem;
}
.pickup-list .label {

}
.pickup-list .label::before {
  border-right: 6.4rem solid transparent;
  border-top: 6.4rem solid #FFE100;
}
.pickup-list .label span {
  top: 1.4rem;
}
.pickup-list li a:hover .label span{
  background: transparent;
  color: #fff;
}
/* pager */
.pager {
  margin-bottom: 0;
}
.pager a {
  min-width: 12rem;
  font-size: 1.6rem;
}
.pager a + a {
  margin-left: 1.6rem;
}
/* movie */
.movie-img::after {
  width: 4.8rem;
  height: 4.8rem;
}
.movie .caption {
  font-size: 1.8rem;
}

/* -----------------------------------------
 footer
------------------------------------------- */
footer {
  padding: 0 0 5rem;
}
.ft-contents.inner {
  // display: none;
  padding: 0;
  margin-bottom: 0;
}
.ft-company {
  float: none;
  width: 100%;
  margin-bottom: 1rem;
  padding-left: 6.4rem;
}
.ft-company p {
  margin-bottom: .5rem;
}
.ft-name a::before {
  width: 3.8rem;
  height: 4.6rem;
  left: -5.2rem;
  top: -1rem;
}
.ft-name span {
  font-size: 1.6rem;
}
.ft-tel {
  margin-bottom: 1rem !important;
}
  .ft-facebook img {
    width: 9rem;
  }
.ft-menu {
  float: none;
  width: 100%;
  line-height: 1.7;
}
.ft-menu .index a {
  display: block;
  margin-bottom: 0;
  padding: 1rem 2rem;
}
.ft-site-menus {
  display: block;
  margin-bottom: 0;
}
.ft-site-menus ul {
  display: block;
  width: auto;
}
.ft-site-menus li {
  border-top: 1px solid #ccc;
}
.ft-site-menus li:not(.index) {
  display: none;
}
.ft-site-menus li a {
  position: relative;
}
.ft-site-menus li a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 1.3rem;
  bottom: 0;
  margin: auto;
  width: .8rem;
  height: .8rem;
  border-top: .2rem solid #1C2660;
  border-right: .2rem solid #1C2660;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ft-other-site {
  width: 100%;
}
.ft-other-site li {
  width: auto;
  float: none;
  border-top: 1px solid #ccc;
}
.ft-other-site li a {
  display: block;
  position: relative;
  padding: .8rem 2rem;
}
.ft-other-site li a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 1.3rem;
  bottom: 0;
  margin: auto;
  width: .8rem;
  height: .8rem;
  border-top: .2rem solid #1C2660;
  border-right: .2rem solid #1C2660;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ft-terms {
  padding-top: 2rem;
}
.ft-copyright {
  padding: 2rem 0 0 0;
  float: none;
  text-align: center;
}
.ft-copyright ul {
  margin-bottom: 1em;
}
.ft-copyright ul li {
  display: inline-block;
  padding: 0 1rem;
}
.ft-copyright ul li:first-child {
  padding-left: 0;
}
.ft-copyright ul li+li {
  border-left: 1px solid #ccc;
}
.ft-pmark {
  float: none;
}
.ft-pmark span {
  width: calc(100% - 4rem);
  padding: .3rem 1rem 0 0;
  line-height: 1.6;
}
.ft-pmark img {
  width: 4rem;
  height: 4rem;
  float: none;
}
/* btn-download-data */
.btn-download-data {
  display: none;
  top: 17rem;
  width: 4rem;
  padding: 4.2rem 1.0rem 1rem;
}
.btn-download-data::before {
  height: 3.4rem;
}
.btn-download-data::after {
  top: .6rem;
  left: .2rem;
  width: 2.6rem;
  height: 2.4rem;
}

/* ページトップ
-------------------------------------------------- */
#pagetop {
  width: 4rem;
  height: 4rem;
}
#pagetop:before {
  border-width: 1rem 1.2rem 1rem 1.2rem;
}
#pagetop:after {
  border-width: 1rem 1.2rem 1rem 1.2rem;
}
#pagetop:hover {
  opacity: 1;
}

/* -----------------------------------------
 お問い合わせ
------------------------------------------- */
.contact {
  padding: 2rem 0 3rem;
}
.contact .heading {
  margin-bottom: .8em;
  font-size: 1.6rem;
}
.contact .heading em {
  margin-top: .1em;
  font-size: 2.4rem;
}
.contact p {
  font-size: 1.2rem;
}
.contact .inquiry {
  padding-top: 2rem;
}
.contact .inquiry a + a {
  margin-top: 2rem;
  margin-left: 0;
}
.contact .tel-call {
  padding-left: 3.2rem;
}
.contact .tel-call::before {
  top: .3rem;
  width: 2.4rem;
  height: 2.4rem;
}
.contact .tel-call .number {
  margin-bottom: .1em;
  font-size: 2.7rem;
}
.contact .tel-call span:not(.number) {
  font-size: 1.2rem;
}

/* -----------------------------------------
 記事
------------------------------------------- */
.category-label {
  left: 1rem;
  width: 12rem;
  padding: .5em 0;
  font-size: 1.4rem;
}
.category-label::before,
.category-label::after {
  position: absolute;
  bottom: -.7rem;
  border-top-width: .8rem;
}
.category-label::before {
  border-right-width: 6rem;
}
.category-label::after {
  border-left-width: 6rem;
}
/* editors-note */
.editors-note {
  margin-bottom: 3rem;
  padding: 2rem;
}
.editors-note .title {
  margin-bottom: .7em;
  font-size: 2.2rem;
}
.editors-note > p {
  margin-bottom: 2rem;
}
.advice {
  padding: 1.5rem;
}
.advice p {
  margin-bottom: 1em;
  font-size: 1.6rem;
}
/* txt-block */
.txt-block {
  padding-left: 0;
  padding-right: 0;
}
.txt-block + .heading-b {
  margin-top: 3rem;
}
.main-contents .txt-block:last-of-type {
  margin-bottom: 0;
}
.txt-block.img-left .w32,
.txt-block.img-right .w32 {
  width: 60%;
}
.img-right img {
  display: block;
  float: none;
  width: 100%;
  margin: 0 auto 2rem;
}
.img-left figure,
.img-right figure,
.img-left img {
  display: block;
  float: none;
  width: 100%;
  margin: 0 auto 2rem;
}
.img-center figure,
.img-center img {
  width: 100%;
  margin: 0 auto 2rem;
}
.case-title {
  margin-bottom: 2rem;
  padding-top: 1rem;
}
.case-title .logo-area {
  height: 8rem;
}
.case-title .title {
  margin-bottom: .5em;
  font-size: 2.1rem;
}
.case-title p {
  line-height: 1.5;
  /*font-size: 1.6rem;*/
}
.case-info {
  margin: 1rem auto 0;
  line-height: 1.5;
  text-align: left;
}
.case-info li {
  display: block;
  padding-left: 1em;
}
.case-info li + li {
  margin-top: .5em;
  margin-left: 0;
}
.case-info em {
  margin-left: -1em;
}

/* -----------------------------------------
 Seminar
------------------------------------------- */
.seminar-title {
}
.seminar-title + .heading-b {
  margin-top: 2rem;
}
.seminar-title .title {
  font-size: 2.4rem;
}
.seminar-title p {
  font-size: 1.4rem;
}
.seminar-title p.seminar-recept,
.seminar-title p.seminar-end{
 padding: 1rem;
 margin-bottom: .5rem;
}
/* outline-info */
.outline-info {
  line-height: 1.5;
}
.outline-info dt {
  width: 3em;
}
.outline-info dd {
  margin-left: 3em;
}
.outline-info dd.btn-center {
  margin-left: 0;
  text-align: center;
}
/* corporate-status */
.corporate-status {
  margin-top: 1em;
}
.corporate-status dt {
  float: none;
  width: auto;
}
.corporate-status dd {
  margin-left: 1em;
}
/* form */
.form {
  margin: 0 auto 2rem;
}
.form-field {
  padding-left: 4.5rem;
}
.form-field:not(:last-child) {
  margin-bottom: 1.5rem;
}
.form-field.required::before {
  top: 0;
  font-size: 1.2rem;
}
.form-field .form-title {
  margin-bottom: .3em;
  padding-top: 0;
}
.form-field .form-title.float {
  float: none;
  width: auto;
  margin-right: 0;
  margin-bottom: .3em;
}
.form-field .form-item {
  float: none;
  width: 100%;
}
.form-confirm {
  margin-bottom: 1em;
}
/* seminar-index */
.seminar-index {
  display: block;
  margin-bottom: 2rem;
}
.seminar-index .title{
  font-size: 1.6rem;
  padding: 1rem;
}
.seminar-index .summary-inner{
 padding: 1.5rem 1.5rem 0;
}
.seminar-index .box {
  width: auto;
  margin-bottom: 2rem;
  padding: 0;
  display: block;
}
.seminar-index-right{
  width: 100%;
}
.main-contents .seminar-index-right .speaker.img-left img{
  float: left;
}
.seminar-index-left .summary-box.seminar ul li .left-side{
  margin-left: 0;
  padding-left: 0;
}
.seminar-index-left .summary-box.seminar ul li .right-side{
  padding: 0;
}
.seminar-index .box .img-box {
  margin-bottom: 1.5rem;
}
.seminar-index .box .img-box .title {
  font-size: 1.4rem;
}
.seminar-index .box .img-box .thumb {
  margin-right: 1.5rem;
}
.seminar-index .outline-info {
  margin-bottom: 1.5rem;
}
.seminar-index .box:first-of-type .caption {
  padding: 3rem 1.5rem 1.5rem;
}
.seminar-index .box:first-of-type .caption .title {
  margin-bottom: .3em;
  font-size: 1.8rem;
}
.seminar-index .box:first-of-type .caption p {
  font-size: 1.4rem;
}
.seminar-index .box:first-of-type .img-box {
  margin-bottom: 0;
  padding-top: 18rem;
  padding-right: 0;
}
.seminar-index .box:first-of-type .img-box .thumb {
  top: -16rem;
  right: 0;
  bottom: auto;
  left: 0;
  width: 18rem;
  height: 18rem;
  margin-right: auto;
}
.seminar-index .box:first-of-type .img-box img {
  top: -10rem;
  right: 0;
  left: 0;
  margin: auto;
  width: 18rem;
}
.seminar-index .box:first-of-type .seminar-index-inner {
  padding: 1.5rem;
}
.seminar-index .box:first-of-type .outline-info {
  margin-bottom: 1.5rem;
  font-size: 1.4rem;
}
.seminar-index .box:first-of-type .btn {
  min-width: 16.5rem;
}

/* -----------------------------------------
 Service
------------------------------------------- */
.service-title {
  margin: -2rem -2rem 2rem;
}
.service-title.babnavi {
  background-image: url("../../res/service/mv_babnavi_sp.png");
}
.service-title.enkaku {
  background-image: none;
  background-color: #fff;
}
.service-title.bab-agent {
  background-image: url("../../res/service/mv_bab_agent_sp.png");
}
.service-title.bab-conference {
  background-image: none;
  background-color: #fff;
}
.service-title.workis {
  background-image: none;
  background-color: #fff;
}
.service-title.consulting {
  background-image: none;
  background-color: #fff;
}
.service-title .title {
  position: static;
  width: 100%;
}
.service-title::before {
  padding-top: 40%;
}
.service-title .title-logo {
  top: 10%;
  left: 22.5%;
  width: 63%;
}
.service-title.enkaku .title-logo {
  top: 24.26%;
  left: 20%;
  width: 60%;
}
.service-title.bab-agent .title-logo {
  top: 21.6%;
  left: 9%;
  width: 82%;
}
.service-title.bab-conference .title-logo {
  top: 10.2%;
  left: 27%;
  width: 46%;
}
.service-title.workis .title-logo {
  top: 14%;
  left: 26%;
  width: 48%;
}
.service-title.consulting .title-logo {
  top: 22.8%;
  left: 14%;
  width: 72%;
}
.service-title .title-copy {
  top: auto;
  right: 2rem;
  left: 2rem;
  bottom: 7%;
  width: auto;
  padding: .5em;
  font-size: 1.3rem;
}
.service-title.bab-agent .title-copy {
  top: auto;
  width: auto;
}
/*
.service-inner p.txt-center {
  text-align: left;
}
*/

/* service-flow */
.service-flow {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
  padding: 1.5rem 1.5rem 0;
  display: block;
}
.service-flow li {
  -webkit-flex: 0;
  flex: 0;
  min-width: calc((100% - 1.5rem) / 2);
  margin-bottom: 1.5rem;
  padding: 3.8rem 1rem 1.5rem;
  box-sizing: border-box;
}
.service-flow li + li {
  margin-left: 1.5rem;
}
.service-flow.column3 li + li {
  margin-left: 1.5rem;
}
.service-flow li:nth-child(odd),
.service-flow.column3 li:nth-child(odd),
.service-flow.column6 li:nth-child(odd) {
  margin-left: 0;
}
.service-flow li::before {
  top: -.5rem;
  width: 3.2rem;
  font-size: 2.0rem;
}
.service-flow .title {
  margin-bottom: 1rem;
  font-size: 1.6rem;
}
.service-flow.column3 .title {
  font-size: 1.6rem;
}
.service-flow .title.row2 {
  padding: 0;
}
.service-flow p {
  font-size: 1.2rem;
}
.service-flow img {
  width: 72%;
  margin: 0 auto 1rem;
}
.service-flow.column3 img,
.service-flow.column6 img {
  width: 72%;
}
.service-flow .balloon {
  right: 0;
  bottom: -1.0rem;
  left: 0;
  margin: auto;
  width: 9rem;
  padding: .2em 0;
  font-size: 1.4rem;
}
.service-flow + p {
  font-size: 1.4rem;
  text-align: left;
}
/* di-solution */
.service-task {
  padding: 1.5rem;
}
.task-title {
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}
.di-solution {
  margin-bottom: 3rem;
  padding: 1.5rem;
}
.di-solution.event {
  padding: 1.5rem;
}
.di-solution::before {
  border-top-width: 1.6rem;
  border-right-width: 1.6rem;
  border-left-width: 1.6rem;
}
.di-solution .title {
  line-height: 1.4;
  font-size: 1.8rem;
  text-align: left;
}
.di-solution .title span {
  margin-bottom: 1.5rem;
  padding-left: 7rem;
}
.di-solution .title span::before {
  width: 5.6rem;
  height: 5.0rem;
  background-size: contain;
}
.solution-box {
  display: block;
}
.solution-box .solution {
  padding: 1.5rem;
  display: block;
}
.event .solution-box .solution {
  padding: 1.5rem;
}
.solution-box .solution + .solution {
  margin-top: 1.5rem;
  margin-left: 0;
}
.solution-box .solution .right-side,.event .solution-box .solution .right-side {
  padding-left: 0;
}
.solution-box .solution .heading {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  text-align: center;
}
.solution-box .solution p {
  font-size: 1.4rem;
  line-height: 1.5;
}
.solution-box .solution .heading.row2,
.solution-box .solution .heading.row3 {
  min-height: 0;
}
.solution-box .solution .left-side {
  display: block;
  width: auto;
}
.event .solution-box .solution .left-side {
  width: auto;
}
.solution-box .solution img {
  max-width: 13rem;
  margin: 0 auto 1rem;
}
.event .solution-box .solution img {
  width: auto;
  margin: 0 auto 1rem;
}
.solution .check-list li:not(:last-child) {
  margin-bottom: .4em;
}
/* service-flow */
.flow-box {
  padding: 3rem 1.5rem 1.5rem;
  margin-bottom: 3rem;
}
.flow-box ul {
  display: block;
}
.flow-box ul li {
  padding: 2rem 0 1.5rem;
}
.flow-box ul li + li {
  margin-left: auto;
  margin-top: 3rem;
}
.flow-box ul li::before {
  font-size: 1.2rem;
  padding: .2rem 0;
}
.flow-box.arrow li::after {
  border-left: none;
  border: solid .7rem transparent;
  border-top: solid .7rem #1D2B7C;
  right: 0;
  top: auto;
  bottom: -1.7em;
  left: 0;
  margin: auto;
  height: .5rem;
  width: .1rem;
}
/* agenda */
.agenda {
  display: block;
  margin: 0 0 1rem;
}
.agenda:last-of-type{
  margin: 0;
}
.agenda li {
  padding: 1.2rem 1rem 1.2rem 4.2rem;
  padding: 1rem 1rem 1rem 3.8rem;
  font-size: 1.4rem;
  line-height: 1.5;
}
.agenda li + li {
  margin-top: 1rem;
  margin-left: 0;
}
.agenda li::before {
  top: .8em;
  left: 1rem;
  width: 2.1rem;
  height: 1.8rem;
  background-size: contain;
}
.agenda li br {
  display: none;
}
/* service-img */
.service-img {
  margin-bottom: 1.5rem;
  padding: 1.5rem 1rem;
}
.service-img + p {
  margin-bottom: 3rem;
  font-size: 1.4rem;
  text-align: left;
}
.service-img-list {
  margin: -.8rem -.3rem;
}
.service-img-list li {
  width: 50%;
}
.service-img-list li .box {
  padding: 1rem;
}
.service-img-list li img {
  min-width: 7rem;
  width: 7rem;
  margin-bottom: .5rem;
}
.service-img-list li p {
  line-height: 1.3;
  font-size: 1.4rem;
}
/* service-feature */
.service-feature {
  margin-bottom: 3rem;
}
.service-feature ul {
  margin: 0 -.5rem 1.5rem;
}
.service-feature ul li {
  min-height: 0;
  padding-top: 3.8rem;
  padding-bottom: 1.3rem;
  line-height: 1.3;
  font-size: 1.2rem;
}
.service-feature ul li + li {
  margin-left: .2rem;
}
.service-feature ul li[class^="icon-"]::before {
  top: 0;
  width: 3.8rem;
  height: 3.8rem;
}
.service-feature ul li > div {
  transform: scale(.9);
}
.service-feature ul .f16 {
  font-size: 1.0rem;
}
.service-feature ul .f18 {
  font-size: 1.0rem;
}
.service-feature ul .f21 {
  font-size: 1.1rem;
}
.service-feature ul .f28 {
  font-size: 1.5rem;
}
/*.service-feature ul .large {
  font-size: 1.2rem;
}
.service-feature ul .f-red {
  font-size: 1.6rem;
}*/
.service-feature > p {
  font-size: 1.4rem;
  text-align: left;
}
/* service-info */
.service-info {
  padding: 0;
}
.service-info .left-side {
  float: none;
  width: auto;
  margin-bottom: 1.5rem;
  text-align: center;
}
.service-info .right-side {
  float: none;
  width: auto;
}
.service-info .clear {
  margin-top: 1.5rem;
}
.point-copy {
  font-size: 1.6rem;
}
.service-info .logo {
  width: 66%;
}
/* service-case */
.service-case {
  margin-bottom: 3rem;
}
.service-case h2 {
  margin-bottom: 1em;
  font-size: 2.2rem;
}
.company-list {
  margin-bottom: 1rem;
}
.service-slider {
  /*height: 225px;*/
}
.service-slider ul {
  padding: 0 1rem;
}
.loop_css2 li{
 width: inherit;
}
.service-slider li img{
  max-width: 18rem;
}

.company-list li {
  width: 33.33%;
  padding: .2rem;
}
.img-left-block {
  /*padding: 1.5rem;*/
}
.img-left-block > img {
  float: none;
  width: auto;
  margin-bottom: 1.5rem;
}
.img-left-block > .box {
  float: none;
  width: auto;
  padding: 0;
  text-align: center;
}
.img-left-block .heading {
  font-size: 1.6rem;
  margin: 0 0 1rem;
  text-align: left;
}
.img-left-block p {
  margin-bottom: 1.5rem;
  text-align: left;
}
.sub-copy {
  font-size: 1.6rem;
}
/* conference-graph */
.conference-graph {
  margin-bottom: 3rem;
}
.conference-graph .image-box img {
  width: 100%;
}
.detail-info {
  margin-bottom: 1.5rem;
  text-align: left;
}
/* service-slider */ 
.service-slider li {
  padding: 1rem;
}
.service-slider li + li {
  margin-left: auto;
  /*padding-top: 0;*/
  padding-left: 0;
}
/* consulting-case */
.consulting-case {
  display: block;
}
.consulting-case li {
}
.consulting-case li + li {
  margin-top: 1rem;
  margin-left: 0;
}
.consulting-case .title {
  padding: .7em 0;
}
.consulting-case .box {
  padding: 1.5rem;
}
/* consul-example */
.consul-example-list li {
  margin-bottom: 1.5rem;
}
.consul-example-list li .top-side {
  display: block;
  padding: 1.5rem;
}
.consul-example-list li .top-side .left-side {
  font-size: 1.6rem;
}
.consul-example-list li .top-side .left-side, .consul-example-list li .bottom-side .left-side {
  width: auto;
  text-align: center;
  margin-bottom: 1rem;
}
.consul-example-list li .top-side .right-side {
  line-height: 1.5;
}
.consul-example-list li .bottom-side {
  padding: 2rem 1.5rem 1.5rem;
  display: block;
}
.consul-example-btm {
  padding: 1.5rem;
}
/* case-slider */
.case-slider .item {
  margin: 0 3rem;
  padding: 0;
}
.case-slider .item .item::before {
  border-right: 3rem solid transparent;
  border-top: 3rem solid #FFE100;
}
.case-slider .left-side {
  float: none;
  width: auto;
  padding: 2rem 1em 4rem;
}
.case-slider .right-side {
  float: none;
  width: auto;
}
.case-slider .used-service {
  padding: .6rem 1rem .6rem 8em;
  font-size: 1.2rem;
}
.case-slider .title {
  font-size: 1.6rem;
}
.case-slider .logo-area {
  height: 4rem;
  margin-bottom: 1rem;
}
.case-slider p:not(:last-child) {
  margin-bottom: 1rem;
}
.case-slider .slick-next {
  right: 0;
}
.case-slider .slick-prev {
  left: 0;
}
.case-slider .slick-prev, .case-slider .slick-next {
  width: 3rem;
  height: 8rem;
}
.case-slider .slick-prev:before, .case-slider .slick-next:before {
  width: 1.6rem;
  height: 1.6rem;
}
.case-slider .slick-prev:before {
  left: 1.1rem;
}
.case-slider .slick-next:before {
  right: 1.1rem;
}
/*  */
.agent-about ul {
  display: block;
}
.agent-about ul li {
  width: 100%;
  margin-bottom: 2rem;
}
.agent-about-ttl {
  font-size: 1.6rem;
}
.form.service .form-select, .form.service .form-txt {
  display: block;
  margin-bottom: 2rem;
}
.service .form-field {
  width: 100%;
  box-sizing: border-box;
}
.service .form-field:not(:last-child) {
  margin-bottom: 1rem;
}
.form-txt .form-field.required .form-title {
  padding-right: 5rem;
}
.form-txt .form-field.required .form-title::before {
  font-size: 1.2rem;
  top: 0;
}
p.service-case-title {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
p.service-case-title span {
  font-size: 1.4rem;
}
.service-case-box {
  display: block;
  margin-bottom: 3rem;
}
.service-case-box.enkaku {
  margin-bottom: 2rem;
}
.service-case-box .left-side,.service-case-box.enkaku .left-side {
  width: auto;
  text-align: center;
}
.service-case-box .left-side img {
  width: 40%;
}
.service-case-box .right-side span {
  font-size: 1.4rem;
}
.service-case-box ul li {
  font-size: 1.8rem;
  line-height: 1.5;
  padding-left: 2rem;
}
.service-case-box ul li::before {
  height: .7rem;
  width: .7rem;
}
.service-flow {
  padding-bottom: 1rem;
  padding-top: 2rem;
}
.service-flow.column6 img {
  width: 35%;
}
.service-flow.column6 img,.service-flow.column4 img,.service-flow.column4 li:nth-of-type(2) img {
  width: 7rem;
  height: auto;
}
.service-flow.column4 li:nth-of-type(3) img {
  width: 8rem;
}
.service-flow.column4 img {
  min-height: auto;
}
.service-flow.column6 .title {
  font-size: 1.4rem;
}
.service-flow.column4 .title {
  font-size: 1.4rem;
  margin-bottom: 1rem;
}
.service-flow.column4 p {
  font-size: 1.4rem;
}
.service-flow.column6.arrow li::after {
  right: 0;
  left:0;
  bottom: 1em;
  top: auto;
  margin: auto;
  transform: rotate(135deg);
}
.service-flow.arrow.column4 li::after {
  right: 0;
  left: 0;
  top: auto;
  bottom: 1.5em;
  transform: rotate(135deg);
  margin: auto;
}
.service-flow.column4 li {
  padding: 4rem 1rem;
}
.service-flow.column4 li + li {
  margin-left: auto;
}
.service-flow li {
  padding-bottom: 3rem;
}
.service-flow li:last-child {
  padding-bottom: 2rem;
}
.image-box.money img {
  width: 90%;
}
.heading-b.sub-txt span {
  font-size: 1.4rem;
}
.image-box.di-search {
  margin-bottom: 1rem;
}
.img-left-block.interview > .box {
  width: auto;
}
.image-box.di-search img {
  width: 70%;
}
.img-left-block.interview > img {
  width: 100%;
}
.service-top-inner .image-box.enkaku {
  margin-bottom: 1rem;
}
.service-top-inner .image-box.enkaku img {
  width: 100%;
}
.company-logo {
  margin-bottom: 1rem;
}
.img-left-block.interview .company-logo p {
  padding-left: 1rem;
  margin-bottom: 0;
  font-size: 1.4rem;
  padding-top: 1rem;
}
.img-left-block.interview .service-sub-title {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  padding-left: 0;
  padding-top: 0;
}
.interview .company-logo img{
  float: none;
  text-align: center;
}
  
  /* enkaku */
.di-enkaku {
  padding: 1.5rem;
}
.di-enkaku .enkaku-box {
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
.enkaku-box-ttl {
  font-size: 1.8rem;
  line-height: 1.5;
}
.image-box.cloud {
  margin-bottom: 2rem;
}
.image-box.cloud img {
  width: 100%;
}
.cloud-box > div {
  padding: 1.5rem 1rem;
}
.cloud-box .cloud-ttl {
  font-size: 1.6rem;
}
.cloud-box.qanda .cloud-ttl.question {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  padding-left: 3rem;
}
.cloud-box.qanda .cloud-ttl.question::before {
  font-size: 1.6rem;
}
.cloud-box.qanda p.answer {
  padding-left: 3rem;
}
.cloud-box.qanda p.answer::before {
  font-size: 1.6rem;
}
.example-box h3 {
  font-size: 1.8rem;
  margin-bottom: 2rem;
}
.example-list {
  display: block;
}
.example-list li {
  width: 100%;
  margin-bottom: 1.5rem;
}
.example-list li .top-side {
  padding: 1.5rem 1rem 1rem;
}
.example-list li .top-side .left-side {
  margin-right: 2rem;
}
.example-list li .top-side .right-side {
  padding-top: .5em;
}
.example-list li .top-side .right-side span {
  width: 35%;
}
.example-list li .bottom-side {
  padding: 1rem;
  min-height: auto;
}
.di-enkaku .enkaku-box .left-side {
  margin: 0 auto;
  padding-right: 0;
  text-align: center;
  width: auto;
}
.di-enkaku .enkaku-box .left-side img {
  width: 40%;
}
.di-enkaku .enkaku-box .right-side {
  padding-top: 1rem;
}
.img-left-block.interview > .box.pl3 {
  padding-left: 0;
}
.img-left-block.interview > .box.pl3 p {
  margin-bottom: auto;
}
.di-solution.enkaku {
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
.enkaku .solution-box .solution .right-side {
  width: auto;
  padding: 1rem;
  margin: 0 0 1.5rem;
}
.enkaku .solution-box .solution .heading{
  text-align: left;
}
.enkaku .solution-box .solution .right-side:last-of-type{
  margin: 0;
}
.enkaku .solution-box .solution .right-side.top {
  margin-left: auto;
}

/* work_support */
.image-box.wksp {
  margin-bottom: 1rem;
}
.image-box.wksp img {
  width: 100%;
}
.use-table {
  width: auto;
  margin-bottom: 2rem;
}
.use-table td {
  height: auto;
  padding: 1rem .5rem;
  font-size: 1.2rem;
}
.di-solution.arrow {
  margin-bottom: 6rem;
}
.wksp-flow-box.arrow {
  margin-bottom: 2rem;
}
.di-solution.arrow::before,.wksp-flow-box.arrow::before,.image-box.arrow-double::before {
  border: solid 1.5rem transparent;
  border-top: solid 2rem #1D2B7C;
  bottom: -4.7em;
}
.di-solution.arrow::after,.wksp-flow-box.arrow::after,.image-box.arrow-double::after {
  width: 1.7rem;
  height: 2rem;
  bottom: -2.3em;
}
.wksp-flow-box.arrow::before {
  left: 0;
  bottom: -3.4em;
}
.wksp-flow-box.arrow::after {
  left: 0;
  bottom: -1em;
}
.solution-btm {
  font-size: 1.6rem;
  padding: 1rem 1.5rem;
}
.wksp-flow-box {
  padding: 1.5rem 0;
}
.wksp-flow-box .wksp-flow-ttl {
  font-size: 1.8rem;
}
.image-box.arrow-double img {
  width: 100%;
}
.image-box.arrow-double::before {
  right: 5em;
  bottom: -3.8em;
}
.image-box.arrow-double::after {
  right: 5.5em;
  bottom: -1.4em;
}
.wksp-flow-box.arrow-double::before {
  border: solid 1.5rem transparent;
  border-bottom: solid 2rem #1D2B7C;
  left: 4.5em;
  top: -2.9em;
}
.wksp-flow-box.arrow-double::after {
  width: 1.7rem;
  height: 2rem;
  left: 4.95em;
  top: -.5em;
}

/* workis */
.workis-about {
  display: block;
}
.workis-about .left-side {
  width: 100%;
}
.workis-about .right-side {
  max-width: 40%;
  margin: 0 auto;
  padding-left: 0;
}
.workis-feature ul {
  display: block;
}
.workis-feature ul li {
  width: auto;
  margin-bottom: 2rem;
}
.workis-feature-ttl {
  font-size: 1.8rem;
  padding-bottom: .5rem;
}
.workis-feature-sub, .workis-feature-txt {
  padding-left: 1.7em;
}
.workis-feature-sub p {
  padding-bottom: .5rem;
  font-size: 1.6rem;
}
.workis-feature ul li::before {
  width: 100%;
  height: .2rem;
  backgroun1: #ccc;
  right: 0;
  top: auto;
  bottom: -.7em;
  margin: auto;
}
.workis-type {
  display: block;
  margin-bottom: 2rem;
}
.type-box {
  width: auto;
  margin-bottom: 2rem;
}
.type-box:last-child {
  margin-bottom: auto;
}
.type-box.right {
  margin-left: auto;
}
.type-box .type-box-ttl {
  font-size: 1.7rem;
  padding: 1rem 0;
}
.type-box-conts {
  padding: 1rem 3rem;
}
.type-box-btm {
  padding: 2rem 0;
}
.type-box-btm ul {
  float: none;
}
.type-box-btm ul + ul {
  padding-left: 0;
  margin-top: 1rem;
}
.rehabilitation-box {
  padding: 1.5rem;
}
.rehabilitation-example {
  padding-left: 0;
}
.rehabilitation-example .right-side {
  padding: 1rem 0 0 2rem;
}
.rehabilitation-example-ttl {
  font-size: 1.5rem;
  padding: 1rem;
  margin-bottom: 3rem;
}
.rehabilitation-example-ttl::before {
  border: solid 1rem transparent;
  border-top: solid 1.4rem #1C2660;
  bottom: -2.1em;
}
.solution-btm.rehabili {
  font-size: 1.7rem;
  padding: 1rem 2rem;
  margin-bottom: 2rem;
}
.solution-btm.rehabili span {
  padding: .5rem 1rem;
  margin-right: 1rem;
}
.rehabilitation-flow {
  display: block;
  margin-bottom: 1.5rem;
}
.rehabilitation-flow .left-side {
  display: block;
  width: 100%;
  font-size: 1.7rem;
  padding: 1rem 0;
}
.rehabilitation-flow .right-side {
  display: block;
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
.rehabilitation-flow .right-side ul li {
  line-height: 1.5;
}
.service-flow.column5 {
  padding: 3rem 1.5rem 1.5rem;
}
.service-flow.column5 li {
  width: 100%;
}
.service-flow.column5 li + li {
  margin-left: auto;
}
.service-flow li::before {
  font-size: 1.6rem;
}
.service-flow.arrow li::after {
  transform: rotate(135deg);
  right: 0;
  left: 0;
  margin: auto;
  top: auto;
  bottom: .9em;
}
.service-flow.column5 li:nth-of-type(4), .service-flow.column5 li:last-child {
  margin-top: auto;
}
.service-flow img {
  width: 80%;
}
.workis-payment-top {
  padding: 1.5rem;
  margin-bottom: 2rem;
}
.workis-payment-top tr .bold {
  font-size: 1.6rem;
  width: 27%;
}
.workis-payment-btm {
  margin-bottom: 1rem;
}
.workis-payment-btm tr td {
  padding: 1rem .5rem;
  vertical-align: middle;
}
.workis-payment-btm tr .pl30 {
  padding-left: 1rem;
}
.workis-payment-btm .bg_g,.workis-payment-btm .bg_y {
  width: 20%;
}
.img-left-block.interview.workis > img {
  width: 100%;
}
.img-left-block.interview > .box {
  padding-left: 0;
}
.sub-title {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.img-left-block.workis {
  padding: 0;
}
.img-left-block.workis p {
  margin-bottom: auto;
}
.img-left .speakers,
.img-right .speakers{
  width: 25%;
}
/* terakoyakids */
.img-right-block .left-box {
  float: none;
  width: auto;
}
.img-right-block > img {
  float: none;
  padding-left: 0;
  text-align: center;
  margin: 0 auto;
  display: block;
  width: 80%;
}
.terakoya-case {
  display: block;
}
.terakoya-case li {
  border-right: none;
  border-bottom: solid .2rem #ccc;
  width: 100%;
}
.terakoya-case li:last-child {
  border-bottom: none;
}
.terakoya-case li img {
  width: 90%;
}
.terakoya-teachers li {
  display: block;
  text-align: center;
  width: 90%;
  margin: 0 auto;
}
.terakoya-teachers li + li {
  margin-left: auto;
  margin-top: 1rem;
}
.cloud-box.terakoya .cloud-ttl {
  font-size: 1.8rem;
}
.cloud-box.terakoya > div {
  padding: 1.5rem 0;
}
.terakoya_payment tr td {
  padding: 1rem .5rem;
}
.terakoya_info {
  margin-bottom: 1rem;
}
.terakoya_info tr td {
  padding: 1rem .5rem;
}
.terakoya_detail {
  margin-left: auto;
}

/* satelite */

.satelite-case {
  display: block;
}
.satelite-case li {
  border-right: none;
  border-bottom: solid .2rem #ccc;
  width: 100%;
}
.satelite-case li:last-child {
  border-bottom: none;
}
.satelite-case li img {
  width: 90%;
}
.satelite-teachers li {
  display: block;
  text-align: center;
  width: 90%;
  margin: 0 auto;
}
.satelite-teachers li + li {
  margin-left: auto;
  margin-top: 1rem;
}
.cloud-box.satelite .cloud-ttl {
  font-size: 1.8rem;
}
.cloud-box.satelite > div {
  padding: 1.5rem 0;
}
.satelite_payment tr td {
  padding: 1rem .5rem;
}
.satelite_info {
  margin-bottom: 1rem;
}
.satelite_info tr td {
  padding: 1rem .5rem;
}
.satelite_detail {
  margin-left: auto;
}

ul.satelite-case.feature li img {
   max-height: none;
}
/* END satelite */

/* -----------------------------------------
 Top
------------------------------------------- */
.home-mv {
  overflow: hidden;
  position: relative;
}
.home-mv-out{
 min-height: inherit;
}
.home-mv-out .mv{
  width: 100%;
  min-height: 35rem;
  background-size: 150% auto;
  background-position: center 0;
}
.home-mv-out .mv#mainvisual{
}
.home-mv-out .mv#agent{
  background-size: 120% auto;
}
.home-mv-out .mv#enkaku{
  background-size: 120% auto;
}
.home-mv-out .mv#enkakucloud {
    background-size: 120% auto;
}
.home-mv-out .mv#consulting{
  background-size: 130% auto;
}
.home-mv-out .mv#terakoyakids{
  background-size: 120% auto;
}
  .home-mv-inner{
    padding-bottom: 0;
    min-height: inherit;
  }
  .home-mv-inner:before{
    display: block;
    content: "";
    height: 12.5rem;
  }
  .home-mv img {
  /*width: 30rem;
  max-width: 130%;
  margin-left: -15%;*/
}
.heading-t {
  font-size: 2.1rem;
  margin-bottom: 1rem;
  line-height: 1.5;
}
.top-heading {
  padding: 1.5rem 0;
}
.top-heading.no-top {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.top-heading .title {
  font-size: 1.8rem;
}
.top-heading.no-top .title {
  padding: .5em .8em .4em;
  font-size: 1.8rem;
}
.top-heading p.mb20 {
  margin-bottom: 1rem !important;
}
.top-heading .en {
  margin-bottom: .1em;
  font-size: 3.6rem;
}
.top-copy {
  margin-top: .5rem;
  margin-bottom: 2rem;
  line-height: 1.7;
  font-size: 1.4rem;
  text-align: left;
}
.top-copy.large {
  font-size: 1.4rem;
}
.top-copy.xlarge {
  font-size: 1.4rem;
}
.top-contents-block {
  padding: 1.5rem 0 1.5rem;
}
.top-contents-block:last-of-type {
  padding-bottom: 1.5rem;
}
.top-contents-block .pickup-list {
  margin-bottom: 2rem;
}
.news-index {
  display: block;
}
.news-index .left-side {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: baseline;
  align-items: baseline;
  width: auto;
  margin-right: 0;
  padding-right: 1rem;
}
.news-index .right-side {
  -webkit-flex: 1;
  flex: 1;
}
.news-index .en {
  margin-bottom: 1rem;
  font-size: 2.8rem;
}
.news-index .txt-arrow {
  font-size: 1.2rem;
}

/* problem-list */
.problem-list {
  margin: -.5rem -.5rem 0;
}
.problem-list > li {
  width: 50%;
  padding: 0;
  margin: 0;
  background-color: #fff;
  font-size: 1.4rem;
  box-sizing:border-box;
  border: .1rem #C3CCE8 solid;
}
.problem-list > li{
  border-top: none;
}
.problem-list > li:nth-child(1){
  border-bottom: none;
}
.problem-list > li:nth-child(1),
.problem-list > li:nth-child(2) {
  border-top: .1rem #C3CCE8 solid;
}
.problem-list > li:nth-child(2n) {
  border-left: none;
}
.problem-list > li::before {
  font-size: 1.2rem;
  left: 0;
  right: 0;
  bottom: 1rem;
  margin: auto;
  padding: .2rem .5rem;
  width: 60%;
}
.problem-list > li:hover {
  box-shadow: none;
}
.problem-list > li > div {
  padding: 1rem .5rem 4rem;
  min-height: auto;
}
.problem-list > li > div .front {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin-bottom: 1rem;
  cursor: pointer;
}
.problem-list > li > div:hover .front {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.problem-list > li > div .front.row2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.problem-list > li > div:hover .front {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: visible;
}
.problem-list > li > div .back {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  font-size: 1.4rem;
  display: none;
}
  .problem-list > li > div .back a{
    display: block;
    padding: .5rem 0;
    
  }
.problem-list > li > div:hover .back,
  .problem-list > li > div .back.row1,
  .problem-list > li > div:hover .back.row1,
  .problem-list > li > div:hover .back.row2,
  .problem-list > li > div .back.row3,
  .problem-list > li > div:hover .back.row3,
  .problem-list > li > div .back.row4,
  .problem-list > li > div:hover .back.row4 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.problem-list > li > div.arrow::before {
  display: none;
}
.service-list li {
  width: 50%;
  border: solid .1rem #C3CCE8;
  box-sizing: border-box;
  border-top: none;
}
.service-list li:nth-child(1),
.service-list li:nth-child(2),
.service-list li:nth-child(3),
.service-list li:nth-child(4){
  border: solid .1rem #C3CCE8;
}
.service-list li:nth-child(1),
.service-list li:nth-child(2){
  border-top: solid .1rem #C3CCE8;
  border-bottom: none;
}
.service-list li:nth-child(2n){
  border-left: none;
}
.service-list li:hover {
  box-shadow: none;
}
.service-list li a {
  padding: 1rem;
}
.service-list .service-list-img {
  margin-bottom: auto;
}
.service-list .service-list-ttl {
  font-size: 1.6rem;
  padding: 0;
  margin-bottom: .5rem;
}
.service-list li:hover .service-list-ttl {
  color: #1C2660;
}
.service-list li .service-list-ttl::before,.service-list li .service-list-ttl.arrow::after {
  display: none;
}
.service-list .service-list-txt {
  font-size: 1.2rem;
}
.event-list {
  display: block;
}
.event-list li {
  width: auto;
  margin-bottom: 1.5rem;
}
.event-list li:hover {
  box-shadow: none;
}
.event-list li:nth-of-type(1), .event-list li:nth-of-type(2) {
  margin-bottom: 1.5rem;
}
.event-list li:last-of-type{
  margin-bottom: 0;
}
.event-list li:nth-of-type(even) {
  margin-left: auto;
}
.event-list li a {
  padding: 1.5rem;
  display: block;
}
.event-list li a .left-side {
  margin-bottom: 1rem;
  text-align: left;
}
.event-list li a .right-side {
  padding-left: 0;
}
.event-list li a .right-side .event-list-ttl {
  font-size: 1.6rem;
  margin-bottom: .5rem;
}
.event-list li a .left-side .f-rob .f-large {
  font-size: 2.8rem;
  margin-left: 1rem;
}
.event-list li a:hover .left-side .held {
  border: solid .1rem #283895;
  background: transparent;
  color: #283895;
}
.event-list li a .right-side .event-list-ttl.arrow {
  padding: 0;
}
.event-list li a .right-side .event-list-ttl.arrow::before {
  display: none;
}

/* service-head */
.service-head {
  padding: 1.5rem;
}
.service-category {
  position: static;
  margin-bottom: 1.5rem;
  padding: .7rem 1rem;
  font-size: 1.4rem;
  text-align: center;
}
.service-category br {
  display: none;
}
.service-head img {
  width: 60%;
}
/* service-pickup */
.service-pickup {
  margin-bottom: 2rem;
  padding: 1.5rem 1.5rem 2rem;
}
.service-pickup p {
  margin: 0 0 1rem;
  font-size: 1.4rem;
  text-align: left;
}
.service-pickup img {
  margin-bottom: 2rem;
}
/* service-index */
.service-index {
  margin: -.5rem;
}
.service-index li {
  width: calc(50% - 1rem);
  margin: .5rem;
}
.service-index li a {
  padding: 1.5rem 1rem;
  font-size: 1.4rem;
}
.service-index li a::before {
  border-top-width: 1.8rem;
  border-right-width: 1.8rem;
}
.service-index li a::after {
  right: 1rem;
  width: .8rem;
  height: .8rem;
}
/* top-corporate-info */
.top-corporate-info {
  display: block;
}
.top-corporate-info .left-side {
  width: auto;
  padding-top: 30%;
}
.top-corporate-info .right-side {
  padding: 1.5rem;
}
.top-corporate-info .logo {
  margin-bottom: 2rem;
  padding-left: 4.8rem;
  font-size: 1.2rem;
}
.top-corporate-info .logo::before {
  top: -.4rem;
  width: 3.8rem;
  height: 4.8rem;
}
.top-corporate-info .logo em {
  font-size: 1.8rem;
}
.top-corporate-info .info-box .box {
  float: none;
  width: auto;
}
.top-corporate-info .info-box h4 {
  margin-top: 1em;
  margin-bottom: .3em;
}
.top-corporate-info .info-box p + p {
  margin-top: 0;
}
/* seminar-slider */
.seminar-slider .item {
  margin: 0 3rem;
}
.seminar-slider .caption {
  padding: 1.5rem;
}
.seminar-slider .caption .title {
  margin-bottom: .2em;
  font-size: 1.4rem;
}
.seminar-slider .caption p {
  font-size: 1.2rem;
}
.seminar-slider .img-box {
  padding-top: 12rem;
  padding-right: 0;
}
.seminar-slider .img-box .thumb {
  top: -11rem;
  right: 0;
  bottom: auto;
  left: 0;
  margin: auto;
  width: 12rem;
  height: 12rem;
}
.seminar-slider .seminar-index-inner {
  padding: 1.5rem;
}
.seminar-slider .outline-info {
  font-size: 1.2rem;
}
.seminar-slider .slick-track {
  display: -webkit-flex;
  display: flex;
}
.seminar-slider .slick-track::after {
  display: none;
}
.seminar-slider .slick-slide {
  float: none;
  -webkit-align-self: stretch;
  align-self: stretch;
  height: auto;
}
.seminar-slider .slick-next {
  right: 0;
}
.seminar-slider .slick-prev {
  left: 0;
}
.seminar-slider .slick-prev, .seminar-slider .slick-next {
  width: 3rem;
  height: 8rem;
}
.seminar-slider .slick-prev:before, .seminar-slider .slick-next:before {
  width: 1.6rem;
  height: 1.6rem;
}
.seminar-slider .slick-prev:before {
  left: 1.1rem;
}
.seminar-slider .slick-next:before {
  right: 1.1rem;
}
.top-gmap #googleMapArea {
  min-height: 300px;
}

}


/* END @media screen and (max-width: 800px) */

/* -----------------------------------------
 タブレット調整
------------------------------------------- */
@media screen and (min-width: 641px) and (max-width: 800px) {
html {
  font-size: calc(100vw/56);
}
body {
  font-size: 1.6rem;
}
.seminar-form-iframe{ /*2020.02追加*/
  height: 110rem;
}
}
/* END @media screen and (min-width: 641px) and (max-width: 800px) */

/* -----------------------------------------
 スマホ調整
------------------------------------------- */
@media screen and (max-width: 599px) {
.inner {
  padding: 0 1.5rem;
}
.main-contents {
  padding: 0;
}
.editors-note {
  padding: 2rem 1.5rem;
}
.service-title {
  margin: -2rem -1.5rem 2rem;
}
/*.service-title .title-copy {
  top: 35%;
}*/
.form-iframe{ /*2020.02追加*/
  /*height: 145rem;*/
}
}
@media screen and (max-width: 359px) {
.form-iframe{ /*2020.02追加*/
  /*height: 170rem;*/
}
}