@charset "UTF-8";

/*-------------------------------------------------------------------
    toppage
-------------------------------------------------------------------*/
/*
.top .slick-prev,
.top .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.top .key {
  position: relative;
  background: #f1f1f1;
  margin-top: -80px;
}

@media print, screen and (min-width: 737px) {
  .top .key {
    margin-top: 0;
    overflow: hidden;
  }
  .top .key .inner {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
}

.top .keyBg img {
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (min-width: 737px) {
  .top .keyBg {
    height: 650px;
    margin-left: -150px;
    margin-right: -150px;
  }
}
*/

.top .key
{
  position: relative;
}

#new-slider
{
    max-width: 100%;
    height: 650px;

    background-color: #f1f1f1;

    transition-duration: 3s;
}
.view-experis #new-slider
{
    background-color: #22445a;
}

#new-slider .centerview
{
    margin: 0 auto;
    width: 1100px;
}

#new-slider .slider-full
{
    margin: 40px auto;
}

#new-slider .slider-wrap02
{
    margin-left: -150px;
    margin-right: -150px;
    width: 1400px;
}

#new-slider .slick-track
{
    overflow: hidden;
}

#new-slider .slick-slide img
{
    width: 100%;
    height: auto;
}

#new-slider .slick-arrow
{
    position: absolute;
    top: 50%;
    z-index: 100;
    padding: 4px 8px;
    background: #000;
    border: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    cursor: pointer;
}

#new-slider .slick-arrow:hover
{
    color: #fff;
    opacity: .6;
}

#new-slider .slick-prev,
#new-slider .slick-next
{
    font-size: 0;

    width: 16px;
    height: 26px;
}

#new-slider .slick-prev
{
    left: 120px;
    background: url(../img/top/slider_arrow01_left.png) 0% 0% / contain no-repeat;
}

#new-slider .slick-next
{
    right: 120px;
    background: url(../img/top/slider_arrow01_right.png) 0% 0% / contain no-repeat;
}

#new-slider .slick-prev:before,
#new-slider .slick-next:before
{
    display: none;
}

#new-slider .slick-dots
{
    position: absolute;
    left: 0;
    bottom: -36px;
    width: 100%;

    text-align: center;
    font-size: 0;
    list-style: none;
}

#new-slider .slick-dots li button:before
{
    display: none;
}

#new-slider .slick-dots li
{
    display: inline-block;
    margin: 0 8px;
}

#new-slider .slick-dots li button
{
    display: block;
    font-size: 0;
    line-height: 0;
    width: 12px;
    height: 12px;
    background: #aaa;
    border: 0;
    border-radius: 50%;
    color: transparent;
    cursor: pointer;
}

#new-slider .slick-dots .slick-active button,
#new-slider .slick-dots li button:hover
{
    background: #222;
}

/* TOPメイン画像のスライド時の拡大フェード
#new-slider #slick06 .slick-slide img
{
    transform: scale(1.2);
    transition: .8s cubic-bezier(.645, .045, .355, 1);
}
*/

#new-slider #slick06 .slick-current img
{
    transform: scale(1);
}


@media print, screen and (max-width: 737px)
{
    #new-slider
    {
        margin-top: -80px;
        height: inherit;
    }

    #new-slider .centerview
    {
        width: inherit;
    }

    #new-slider .slider-full
    {
        margin: 0 auto;
    }

    #new-slider .slider-wrap02
    {
        margin-left: inherit;
        margin-right: inherit;
        width: inherit;
    }

    #new-slider .slick-arrow
    {
        top: 50vw;
        padding: 0;
    }

    #new-slider .slick-prev,
    #new-slider .slick-next
    {
        width: 9.6px;
        height: 15.6px;

        background-size: 9.6px 15.6px;
    }

    #new-slider .slick-prev
    {
        left: 4px;
    }

    #new-slider .slick-next
    {
        right: 4px;
    }

    #new-slider .slick-dots
    {
        bottom: -32px;
    }

    #new-slider .slick-dots li
    {
        margin: 0 4px;
    }

    #new-slider .slick-dots li button
    {
        width: 8px;
        height: 8px;
    }

    #new-slider .slick-dotted.slick-slider
    {
        margin-bottom: inherit;
    }
}


.top .keyTypeLinks {
  position: absolute;
  bottom: 6px;
}

@media print, screen and (min-width: 737px) {
  .top .keyTypeLinks {
    bottom: 26px;
  }
}

.top .ktl01,
.top .ktl02,
.top .ktl03
{
  border: none;
}

.top .bnrerea .ktl01,
.top .bnrerea .ktl02,
.top .bnrerea .ktl03
{
  border: solid 1px #ddd;
}
/*
.top .importantNotices {
  margin-top: 36px;
  color: #fff;
  background-color: #da7f84;
  padding: 20px 5%;
}
*/
.top .importantNotices {
  margin-top: 36px;
  color: #404040;
  padding: 20px 5%;
  border: solid 1px #da7f84;
  border-radius: 10px;
}


.top .importantNotices p {
  position: relative;
  padding-left: 30px;
}

.top .importantNotices_inner {
  min-height: 30px;
  background-image: url(../img/top/top_ico01.png);
  background-repeat: no-repeat;
  background-position: left 5px top 5px;
  background-size: 20px;
  margin: 0 auto;
}

.top .importantNotices.active {
  display: block;
}

@media print, screen and (min-width: 737px) {
  .top .importantNotices {
    margin-top: 46px;
    padding: 24px 0;
    font-size: 16px;
  }
  .top .importantNotices p {
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
  }
  .top .importantNotices_inner {
    width: 1050px;
    padding-top: 4px;
    background-size: 20px;
  }
  .top .importantNotices.active {
    display: block;
  }
}

.top section[class^="sec"] .linkStyle01:before {
  width: 7px;
  height: 14px;
  margin-right: 7px;
}

.top section[class^="sec"] .contactLink {
  text-align: right;
  text-decoration: underline;
  margin-bottom: 18px;
  font-size: 12px;
}

@media print, screen and (min-width: 737px) {
  .top section[class^="sec"] .contactLink {
    margin-bottom: 0;
    font-size: 14px;
  }
}

.top .sec01 {
  padding-top: 52px !important;
  overflow: hidden;
}

.top .sec01 .btn1 {
  margin-bottom: 26px;
  margin-top: 24px;
}

.top .sec01 h2 {
  margin-bottom: 20px;
}

.top .sec01 .sc1image {
  margin-bottom: 24px;
}

.top .sc1Links {
  margin-left: -3%;
  margin-right: -3%;
}

.top .sc1Links li:first-child {
  margin-bottom: 10px;
}

.top .sc1Links a {
  display: block;
  width: 100%;
  font-size: 16px;
  padding: 14px 0;
  text-align: center;
  background: #f2f2f2;
}

.top .sc1Links a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 13px;
  background: url(../img/common/cmn_ico02_black.png) no-repeat;
  background-size: contain;
  margin-right: 7px;
}

.top .sec06
{
    margin-top: 80px;
}

.top .sec06 .box
{
    margin-top: 20px;
    padding: 32px 44px 44px;
    background-color: #f2f2f2;
}

.top .sec06 .box .item
{
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #d7d7d7;
}
.top .sec06 .box .item:first-child
{
    padding: 0 0 20px;
    border-top: inherit;
}

.top .sec06 .box .item .photo
{
    float: left;
    width: 160px;
}
.top .sec06 .box .item .photo img
{
    max-width: 100%;
}

.top .sec06 .box .item .info
{
    float: right;
    width: 816px;
}

.top .sec06 .box .item .info .first .type
{
    display: inline-block;
    padding: 3px 0;
    width: 100px;

    color: #fff;
    text-align: center;

    background-color: #8aa49a;
    border-radius: 3px;
}
.top .sec06 .box .item .info .first .type.investigation
{
    background-color: #81a4d2;
}
.top .sec06 .box .item .info .first .type.statistics
{
    background-color: #8aa49a;
}
.top .sec06 .box .item .info .first .type.publications
{
    background-color: #da7f84;
}

.top .sec06 .box .item .info .first .date
{
    display: inline-block;
    margin-left: 8px;

    color: #999999;
}

.top .sec06 .box .item .info .text
{
    margin-top: 20px;
}
.top .sec06 .box .item .info .text a
{
    color: #6390c6;
    text-decoration: underline;
}

.top .sec06 .btn1
{
    margin-top: 24px;
}

.top .sec06 .moreBtn {
    margin-top: 10px;
    margin-bottom: -10px;
}

@media print, screen and (min-width: 737px){
.top .sec06 .moreBtn {
    margin-right: -30px;
    margin-bottom: -30px;
    margin-top: 20px;
}

.top .sec06 .btn a {
    font-size: 14px;
    text-decoration: underline;
}
}

@media print, screen and (max-width: 737px) {
    .top .sec06 .box
    {
        margin-top: 12px;
        padding: 16px 8px 20px;
    }

    .top .sec06 .box .item
    {
        padding: 12px 0;
    }
    .top .sec06 .box .item:first-child
    {
        padding: 0 0 12px;
    }

    .top .sec06 .box .item .photo
    {
        width: 32%;
    }

    .top .sec06 .box .item .info
    {
        width: 64%;

        font-size: 14px;
    }

    .top .sec06 .box .item .info .text
    {
        margin-top: 10px;
    }

    .top .sec06 .box .item .info .first .type
    {
        margin-right: 2px;
        width: 80px;

        font-size: 12px;
    }

    .top .sec06 .box .item .info .first .date
    {
        margin-left: 0;

        font-size: 12px;
    }

    top .sec06 .box .item .info .text
    {
        margin-top: 12px;
    }

    .top .sec06 .btn1
    {
        margin-top: 12px;
    }
}

@media print, screen and (min-width: 737px) {
  .top .sec01 {
    margin-top: 50px;
  }
  .top .sec01 .btn1 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
    width: 200px;
  }
  .top .sc1image {
    width: 550px;
  }
  .top .sc1text {
    width: 528px;
  }
  .top .sc1text .ttl {
    margin-top: 10px;
    margin-bottom: 14px;
  }
  .top .sc1text .txt {
    padding-left: 28px;
    line-height: 2;
  }
  .top .sc1Links {
    margin: 17px 0 0;
  }
  .top .sc1Links:after {
    content: "";
    display: block;
    clear: both;
  }
  .top .sc1Links li {
    width: 260px;
    margin: 0 !important;
    float: left;
  }
  .top .sc1Links li + li {
    float: right;
  }
  .top .sc1Links a {
    font-size: 18px;
    padding: 14px 0;
    display: table-cell;
    width: 260px;
    height: 84px;
    vertical-align: middle;
    line-height: 1.4;
  }
  .top .sc1Links a span {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
  }
  .top .sc1Links a:before {
    width: 8px;
    height: 13px;
    margin-right: 14px;
  }
}

.top .sec02 {
  margin-top: 70px;
}

.top .sec02 .slick_container
{
    position: relative;
    margin-bottom: 20px;
    padding-left: 32px;
    padding-right: 32px;
    }

.top .sec02 h2 {
  margin-bottom: 18px;
}

.top .sec02 .slick-prev, .top .sec02 .slick-next {
  top: 13vw;
  transform: translateY(-50%);
  width: 16px;
  height: 26px;
  z-index: 888;
}

.top .sec02 .slick-prev:before, .top .sec02 .slick-next:before {
  content: normal;
}

.top .sec02 .slick-next {
  right: -20px;
  background: url(../img/top/arrow01_right.png) no-repeat;
  background-size: contain;
}

.top .sec02 .slick-prev {
  left: -20px;
  background: url(../img/top/arrow01_left.png) no-repeat;
  background-size: contain;
}

.top .sec02 .more {
  text-align: right;
  font-size: 16px;
  margin-right: 2.71%;
}

.top .sec02 .more:before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 11px;
  background: url(../img/common/cmn_ico03.png) no-repeat;
  background-size: 100%;
  margin: auto 3px -1px 0;
}

.top .sc2Slider li {
  padding: 0 5px;
}

.top .sc2Slider li a {
  display: block;
  text-decoration: none;
}

@media print, screen and (min-width: 737px) {
  .top .sc2Slider li a:hover h4 {
    color: #6390c6;
  }
}

.top .sc2Slider .image {
  position: relative;
  margin-bottom: 10px !important;
}

.top .sc2Slider .type {
  display: inline-block;
  min-width: 94px;
  font-weight: bold;
  line-height: 20px;
  font-size: 13px;
  padding: 0 7px;
  text-align: center;
  color: #fff;
  background: #eee;
  margin-bottom: 12px;
  border-radius: 2px;
}

.top .sc2Slider h4 {
  text-decoration: underline;
  margin-bottom: 10px;
}

.top .sc2Slider .blue {
  background: #94b2d2;
}

.top .sc2Slider .orange {
  background: #e77c22;
}

.top .sc2Slider .red {
  background: #da7f84;
}

.top .sc2Slider .green {
  background: #8aa49a;
}

.top .sc2Slider .gray {
  background: #a3a5aa;
}

.top .sc2Slider .date {
  color: #999;
}

.top .sc2Slider [class*="badge"]:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
}

.top .sc2Slider .badge01:after {
  background: url(../img/common/cmn_badge01.png) no-repeat;
  background-size: contain;
}

.top .sc2Slider .badge02:after {
  height: 60px;
  background: url(../img/common/cmn_badge02.png) no-repeat;
  background-size: contain;
  top: 0;
}

.top .sc2Slider .badge03:after {
  background: url(../img/common/cmn_badge03.png) no-repeat;
  background-size: contain;
}

@media print, screen and (min-width: 737px) {
  .top .sec02 {
    margin-top: 105px;
  }
    .top .sec02 .slick_container
    {
        margin-top: 27px;

        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
        width: 1100px;
        padding-left: 20px;
        padding-right: 20px;

        margin-bottom: 10px;
        overflow: hidden;
    }
    .top .sec02 .slick_container .slick-slider
    {
        margin-left: 0;
        margin-right: 0;
    }
  .top .sec02 .slick-prev, .top .sec02 .slick-next {
    top: 110px;
    width: 16px;
    height: 26px;
  }
  .top .sec02 .slick-next {
    right: -20px;
  }
  .top .sec02 .slick-prev {
    left: -20px;
  }
  .top .sec02 .more {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }
  .top .sec02 .more:before {
    width: 16px;
    height: 22px;
    vertical-align: middle;
    background: url(../img/common/cmn_ico03.png) no-repeat;
    background-size: contain;
  }
  .top .sc2Slider li {
    padding: 0 22px 0 30px;
  }
  .top .sc2Slider .image {
    position: relative;
    margin-bottom: 5px !important;
    margin-left: -8px;
  }
  .top .sc2Slider .type {
    min-width: 0;
    padding: 0 30px;
    line-height: 18px;
    font-size: 12px;
    margin-bottom: 8px;
  }
  .top .sc2Slider h4 {
    margin-bottom: 8px;
  }
  .top .sc2Slider [class*="badge"]:after {
    width: 57px;
    height: 57px;
  }
  .top .sc2Slider .badge02:after {
    height: 88px;
  }
}

.top .sec03 {
  margin-bottom: 56px;
  margin-top: 70px;
}

.top .sec03 h2 {
  margin-bottom: 19px;
}

.top .sec3Blocks {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.top .sec3Blocks > .item1, .top .sec3Blocks > .item2 {
  width: 48%;
  display: block;
  background: #f2f2f2;
}

.top .sec3Blocks > .item1:nth-child(n+3), .top .sec3Blocks > .item2:nth-child(n+3) {
  margin-top: 10px;
}

.top .sec3Blocks .item1 {
  padding-bottom: 25px;
}

.top .sec3Blocks .item1 .image {
  margin-bottom: 10px;
}

.top .sec3Blocks .item1 .ttl {
  padding-top: 41px;
  padding-bottom: 26px;
  position: relative;
}
.top .sec3Blocks .item1 .ttljob {
  padding-top: 15px;
  padding-bottom: 20px;
  position: relative;
}
.top .sec3Blocks .item1 .ttlcar {
  padding-top: 15px;
  padding-bottom: 20px;
  position: relative;
}
/*
.top .sec3Blocks .item1 .ttl.logoJobnet:before {
  content: '';
  display: block;
  background: url(../img/top/top_logo01.png) no-repeat;
  background-size: contain;
  width: 65px;
  height: 23px;
  position: absolute;
  top: 3px;
  left: 3%;
}
.top .sec3Blocks .item1 .ttl.logoCareecre:before {
  content: '';
  display: block;
  background: url(../img/top/top_logo00.png) no-repeat;
  background-size: contain;
  width: 65px;
  height: 23px;
  position: absolute;
  top: 3px;
  left: 3%;
}
*/
.top .sec3Blocks .item1 .logoJobnet {
  content: '';
  display: block;
  width: 80px;
  height: 31px;
}
.top .sec3Blocks .item1 .logoCareecre {
  content: '';
  display: block;
  width: 80px;
  height: 31px;
}

.top .sec3Blocks .item1 + .item2 {
  position: relative;
}

.top .sec3Blocks .item1 + .item2 .ttl {
  position: absolute;
  width: 100%;
  padding-top: 0;
  top: 24%;
  -webkit-transform: translateY(-14%);
  -moz-transform: translateY(-14%);
  transform: translateY(-14%);
  left: 0;
}

.top .sec3Blocks .item2 {
  padding: 0 3% 22px;
  position: relative;
  min-height: 125px;
}

.top .sec3Blocks .item2.it {
  padding: 0 3% 5px;
}

.top .sec3Blocks .item2:after {
  content: '';
  display: block;
  position: absolute;
  right: 3%;
  bottom: 10px;
  width: 11px;
  height: 10px;
  background: url(../img/common/cmn_ico05_black.png) no-repeat;
  background-size: contain;
}

@media print, screen and (max-width: 736px) {
.top .sec3Blocks .item2 .linkStyle04.icoLink:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  width: 11px;
  height: 10px;
  background: url(../img/common/cmn_ico05_black.png) no-repeat;
  background-size: contain;
  }
.linkStyle04:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 8px;
    background: url(../img/common/cmn_ico07.png) no-repeat center top;
    background-size: contain;
    margin: 0 5px -1px 0;
  }
.top .sec3Blocks .item1 + .item2 .ttl {
  position: absolute;
  top: 18%;
  }
}

.top .sec3Blocks .item2.it:after {
  background: none;
}

.top .sec3Blocks .item2.it {
  background: url(../img/top/top_sec03_bg01.jpg) no-repeat center center;
  background-size: cover;
}

.top .sec3Blocks .item2 .ttl {
  text-align: center;
  vertical-align: middle;
  height: 60px;
  display: table-cell;
  width: 400px;
}

.top .sec3Blocks .item2 .ttl span {
  display: inline-block;
  text-align: left;
  line-height: 1.3;
}

.top .sec3Blocks .item2 .ttlit {
  text-align: center;
  vertical-align: middle;
  height: 60px;
  display: table-cell;
  width: 400px;
}

.top .sec3Blocks .item2 .ttlit span {
  display: inline-block;
  text-align: left;
  line-height: 1.3;
}

.top .sec3Blocks .item2 .txt {
  margin-bottom: 0;
}

.top .sec3Blocks .item2 .txtfree {
  margin-bottom: 0;
  margin-top: 62px;
}

.top .sec3Blocks .item2 .txtit {
  margin-bottom: 0;
}

  .top .sec3Blocks .item2 .txt7 {
    margin-top: 10px;
  }

.top .sec3Blocks .item2 .logo {
  margin-bottom: 5px;
  padding-top: 5px;
}

.top .sec3Blocks .item2 .logo.w73 {
  width: 73px;
}

.top .sec3Blocks .item2 .logo.w82 {
  width: 82px;
}

.top .sec3Blocks .ttl {
  font-size: 14px;
  text-align: center;
}
.top .sec3Blocks .ttljob {
  font-size: 14px;
  text-align: center;
}
.top .sec3Blocks .ttlcar {
  font-size: 14px;
  text-align: center;
}
.top .sec3Blocks .txt {
  font-size: 11px;
}
.top .sec3Blocks .txtfree {
  font-size: 11px;
}
.top .sec3Blocks .txtit {
  font-size: 11px;
}

.top .sec3Blocks .linkStyle02 {
  margin: 0 auto;
  padding: 7px 10px 9px;
  font-size: 9px;
}

.top .sec3Blocks .blue {
  background: #436c9e;
}

.top .sec3Blocks .blue:after {
  background-color: #6390c6;
}

.top .sec3Blocks .orange {
  background: #bc5f11;
}

.top .sec3Blocks .orange:after {
  background-color: #e77c22;
}

.top .sec3Blocks a {
  text-decoration: none;
}

.top .sec3Blocks .txtit a {
  text-decoration: underline;
  margin-bottom: 10px;
}

@media print, screen and (min-width: 737px) {
  .top .sec3Blocks a:hover {
    opacity: 0.7;
  }
  .top .sec3Blocks .Jobnetlink a:hover {
    opacity: 1;
  }
  .top .sec3Blocks .Careecrelink a:hover {
    opacity: 1;
  }
}

@media print, screen and (min-width: 737px) {
  .top .sec03 {
    margin-top: 80px;
  }
  .top .sec3Blocks {
    margin-top: 27px;
    display: block;
  }
  .top .sec3Blocks:after {
    content: "";
    display: block;
    clear: both;
  }
  .top .sec3Blocks > .item1, .top .sec3Blocks > .item2 {
    width: 340px;
    display: block;
    float: left;
    margin-right: 40px;
    position: relative;
  }
  .top .sec3Blocks > .item1:nth-child(3), .top .sec3Blocks > .item1:nth-child(4), .top .sec3Blocks > .item1:nth-child(7), .top .sec3Blocks > .item2:nth-child(3), .top .sec3Blocks > .item2:nth-child(4), .top .sec3Blocks > .item2:nth-child(5), .top .sec3Blocks > .item2:nth-child(8) {
    float: right;
    margin-right: 0;
  }
  .top .sec3Blocks > .item1:nth-child(n+3), .top .sec3Blocks > .item2:nth-child(n+3) {
    margin-top: auto;
  }
  .top .sec3Blocks > .item1:nth-child(n+4):nth-child(-n+5), .top .sec3Blocks > .item2:nth-child(n+4):nth-child(-n+5) {
    margin-top: 20px;
  }
  .top .sec3Blocks > .item1:nth-child(n+6), .top .sec3Blocks > .item2:nth-child(n+6) {
    margin-top: 40px;
  }
  .top .sec3Blocks .item1 .ttl {
    font-size: 28px;
    padding-top: 62px;
    padding-bottom: 34px;
  }
  .top .sec3Blocks .item1 .ttljob {
    font-size: 28px;
    padding-top: 20px;
    padding-bottom: 31px;
  }
  .top .sec3Blocks .item1 .ttlcar {
    font-size: 28px;
    padding-top: 20px;
    padding-bottom: 31px;
  }
/*
  .top .sec3Blocks .item1 .ttl.logoJobnet:before {
    width: 129px;
    height: 45px;
    top: 6px;
    left: 15px;
  }
  .top .sec3Blocks .item1 .ttl.logoCareecre:before {
    width: 129px;
    height: 45px;
    top: 6px;
    left: 15px;
  }
*/
  .top .sec3Blocks .item1 .logoJobnet {
    width: 129px;
    height: 45px;
  }
  .top .sec3Blocks .item1 .Jobnetlink {
    position: absolute;
    top: 250px;
    right: 10px;
    text-decoration: underline;
  }
  .top .sec3Blocks .item1 .Careecrelink {
    position: absolute;
    top: 250px;
    right: 10px;
    text-decoration: underline;
  }
  .top .sec3Blocks .item1 .logoCareecre {
    width: 129px;
    height: 45px;
  }
  .top .sec3Blocks .item2 {
    padding: 0 !important;
    min-height: 141px;
  }
  .top .sec3Blocks .item2:after {
    right: 10px;
    bottom: 10px;
    width: 21px;
    height: 20px;
  }
  .top .sec3Blocks .item2.it {
    background: url(../img/top/top_sec03_bg01.jpg) no-repeat;
    background-size: cover;
  }
  .top .sec3Blocks .item2 .ttl {
    font-size: 28px;
    height: 120px;
  }
  .top .sec3Blocks .item2 .ttl4 {
    position: absolute;
    top: 12%;
    left: -8%;
  }
  .top .sec3Blocks .item2 .ttl5 {
    position: absolute;
    top: 8%;
    left: -8%;
  }
  .top .sec3Blocks .item2 .ttl7 {
    padding: 0px 17px 28px 17px;
  }
  .top .sec3Blocks .item2 .ttlit {
    font-size: 28px;
    height: 100px;
  }
  .top .sec3Blocks .item2 .txt {
    margin-bottom: 0;
    font-size: 15px;
    padding: 0 50px;
    margin-top: -20px;
  }
  .top .sec3Blocks .item2 .txtfree {
    margin-bottom: 0;
    font-size: 15px;
    padding: 0 0 0 38px;
    margin-top: 100px;
  }
  .top .sec3Blocks .item2 .txt4 {
    padding: 0 72px;
    margin-top: 78px;
  }
  .top .sec3Blocks .item2 .txt5 {
    padding: 0 72px;
    margin-top: 85px;
  }
  .top .sec3Blocks .item2 .txt7 {
    padding: 0 72px;
    margin-top: -30px;
    margin-bottom: 10px;
  }
  .top .sec3Blocks .item2 .txtit {
    margin-bottom: 0;
    font-size: 15px;
    padding: 0 12px 0px 32px;
    margin-top: -2px;
  }
  .top .sec3Blocks .item2 .txtit a{
    margin-bottom: 10px;
  }
  .top .sec3Blocks .item2 .logo {
    margin-bottom: 0;
    padding-top: 24px;
    padding-left: 20px;
  }
  .top .sec3Blocks .item2 .logo.w73 {
    width: 146px;
  }
  .top .sec3Blocks .item2 .logo.w82 {
    width: 164px;
  }
  .top .sec3Blocks .item2 .logo + .ttl {
    height: 136px;
  }
  .top .sec3Blocks .linkStyle02 {
    width: 237px;
    padding: 12px 0;
    font-size: 15px;
  }
}

.top .sec04 {
  margin-top: 70px;
}

.top .sec04 h2 {
  margin-bottom: 20px;
}

.top .sec04 .layout1 .image {
  margin-bottom: 20px;
}

.top .sec04 .layout1 .btn1 {
  margin-top: 30px;
}

@media print, screen and (min-width: 737px) {
  .top .sec04 {
    margin-top: 100px;
  }
  .top .layout1 .image {
    width: 550px;
  }
  .top .layout1 .text {
    width: 464px;
    padding-top: 10px;
  }
  .top .layout1 .text .txt {
    padding-left: 22px;
    margin-top: 50px;
    line-height: 2;
  }
  .top .layout1 .text .btn1 {
    padding-left: 22px;
    margin-top: 46px;
  }
}

.top .sec05 {
  margin-top: 70px;
}

.top .sec05 h2 {
  margin-bottom: 20px;
}

.top .sec05 .layout1 .image {
  margin-bottom: 20px;
}

.top .sec05 .layout1 .btn1 {
  margin-top: 30px;
}

@media print, screen and (min-width: 737px) {
  .top .sec05 {
    margin-top: 130px;
  }
}

.top .manpowerGroup50 {
  margin-top: 70px;
}

.top .manpowerGroup50 .inner {
  border: solid 1px #b5b5b5;
  background: url(../img/top/top_sec06_border01_sp.jpg) no-repeat;
  background-size: 100%;
  padding: 10px 10px 20px;
}

.top .manpowerGroup50 .ttl {
  font-size: 20px;
  text-align: center;
  margin-bottom: 14px;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.top .manpowerGroup50 .block {
    text-align: center;
}

.top .manpowerGroup50 .txt {
    margin-top: 20px;
    margin-bottom: 25px;
    text-align: left;
}

.top .manpowerGroup50 .btn + .btn {
    margin-top: 20px;
}

.top .manpowerGroup50 .linkStyle01 {
  display: block;
  width: 98.8%;
  margin: 0 auto;
  clear: both;
  border-radius: 0;
  background: #f2f2f2;
  text-align: left;
  white-space: normal;
  color: inherit;
}

.top .manpowerGroup50 .linkStyle01:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 13px;
    background: url(../img/common/cmn_ico02_black.png) no-repeat;
    background-size: contain;
    margin-right: 7px;
}

@media print, screen and (min-width: 737px) {
.top .manpowerGroup50 .linkStyle01:before {
    margin-left: 7px;
}
}

@media print, screen and (max-width: 362px) {
.top .manpowerGroup50 .linkStyle01 {
    padding-left: 2em;
    text-indent: -1em;
}
}
.top .manpowerGroup50 .ttl .text
{
    display: inline-block;
    margin-top: 12px;
}

.top .manpowerGroup50 .new-box
{
    margin: 36px auto 0;
    width: 776px;
}

.top .manpowerGroup50 .new-box .partition
{
    margin-top: 8px;
    overflow: hidden;
}

.top .manpowerGroup50 .new-box .partition .left
{
    float: left;
}

.top .manpowerGroup50 .new-box .partition .right
{
    float: right;
}

.top .manpowerGroup50 .new-box .btns
{
    margin-top: 20px;
}

.top .manpowerGroup50 .new-box .btns .btn
{
    display: block;
}
.top .manpowerGroup50 .new-box .btns .btn+.btn
{
    margin-left: 0;
    margin-top: 16px;
}

@media print, screen and (max-width: 737px) {
    .top .manpowerGroup50 .new-box
    {
        width: inherit;

        margin-top: 14px;
    }

    .top .manpowerGroup50 .new-box .partition .left
    {
        float: inherit;
    }

    .top .manpowerGroup50 .new-box .partition .right
    {
        float: inherit;
        margin-top: 16px;

        text-align: center;
    }

    .top .manpowerGroup50 .new-box .main-read
    {
        font-size: 14px;
    }

    .top .manpowerGroup50 .new-box .btns
    {
        margin-top: 8px;
    }
}

@media print, screen and (min-width: 737px) {
  .top .manpowerGroup50 {
    margin-top: 130px;
  }
  .top .manpowerGroup50 .inner {
    padding: 25px 100px 30px 105px;
  }
  .top .manpowerGroup50 .ttl {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .top .manpowerGroup50 .image img {
    width: 130px;
    margin-right: 10px;
  }
  .top .manpowerGroup50 .txtArea {
      font-size: 0;
  }
  .top .manpowerGroup50 .learnability {
      display: inline-block;
  }
  .top .manpowerGroup50 .txt {
    display: inline-block;
    margin-top: 0;
    margin-left: 20px;
    margin-bottom: 0;
    text-align: left;
    font-size: 14px;
  }
  .top .manpowerGroup50 .btnsArea {
      margin-top: 20px;
  }
  .top .manpowerGroup50 .btns {
      display: inline-block;
      font-size: 0;
  }
  .top .manpowerGroup50 .btn {
      display: inline-block;
  }
  .top .manpowerGroup50 .btn + .btn {
      margin-top: 0;
      margin-left: 20px;
  }
  .top .manpowerGroup50 .linkStyle01 {
    width: 370px;
    font-size: 14px;
  }
}

.top .experis {
  margin-top: 70px;
}

.top .news {
  margin-top: 70px;
}

.top .bnrerea {
  margin-top: 70px;
}


@media print, screen and (min-width: 737px) {
    .top .bnrerea {
    margin-top: 100px;
  }
  .top .news {
    margin-top: 95px;
  }
}

.top .news .nblock {
  width: 100%;
  padding: 14px 11px;
  float: left;
  background: #f2f2f2;
}

@media print, screen and (min-width: 737px) {
  .top .news .nblock {
    width: 540px;
    padding: 20px 20px 10px;
  }
}

.top .news .nblock + .nblock {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .top .news .nblock + .nblock {
    margin-top: 0;
  }
}

.top .news .nblock:nth-child(even) {
  float: right;
}

.top .news .nblock .ttl {
  font-size: 16px;
}

@media print, screen and (min-width: 737px) {
  .top .news .nblock .ttl {
    font-size: 20px;
  }
}

.top .news .nbLists {
  padding-top: 5px;
}

@media print, screen and (min-width: 737px) {
  .top .news .nbLists {
    padding-top: 0;
  }
}

.top .news .nbLists li {
  padding: 15px 0 10px;
}

.top .news .nbLists li + li {
  border-top: 1px solid #d7d7d7;
}

.top .news .nbLists .date {
  color: #999;
  font-size: 12px;
}

@media print, screen and (min-width: 737px) {
  .top .news .nbLists .date {
    margin-bottom: 7px;
    font-size: 14px;
    color: #404040;
  }
}

.top .news .nbLists .txt a {
  font-size: 12px;
  text-decoration: underline;
}

@media print, screen and (min-width: 737px) {
  .top .news .nbLists .txt a {
    font-size: 14px;
  }
}

.top .news .btn {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .top .news .btn {
    margin-right: -10px;
  }
}

.top .news .btn a {
  font-size: 14px;
  text-decoration: underline;
}

@media print, screen and (min-width: 737px) {
  .top .news .btn a {
    font-size: 14px;
    text-decoration: underline;
  }
}

.top .sec07
{
    margin-top: 64px;
}

.top .sec07 .new-content
{
    padding: 20px 24px;
}

.top .sec07 .new-content .list
{
    margin-top: 48px;
    overflow: hidden;

    text-align: center;
}

.top .sec07 .new-content .list .item
{
    display: inline-block;
    width: 272px;
}
.top .sec07 .new-content .list .item+.item
{
    margin-left: 64px;
}

.top .sec07 .new-content .list .item .text
{
    margin-top: 24px;
    text-align: left;
}

@media print, screen and (max-width: 737px) {
    .top .sec07 .new-content
    {
        padding: 0;
    }

    .top .sec07 .new-content .main-read
    {
        margin: 20px 12px 0;
    }

    .top .sec07 .new-content .list
    {
        margin: 24px auto 0;
        /*max-width: 280px;*/
    }

    .top .sec07 .new-content .list .item
    {
        display: block;
        width: inherit;
    }
    .top .sec07 .new-content .list .item+.item
    {
        margin-left: 0;
        margin-top: 32px;
    }

    .top .sec07 .new-content .list .item .text
    {
        margin-top: 16px;
        margin-left: 38px;
        margin-right: 38px;
    }

}

/*-------------------------------------------------------------------
    experis
-------------------------------------------------------------------*/
.experis .inner {
  background: #cbcbcb;
  padding: 20px 0;
}

.experis .ttl {
  width: 29.9%;
  margin: 0 auto 20px;
}

.experis .txt {
  margin: 0 2.71% 20px;
}

@media print, screen and (min-width: 737px) {
  .experis {
    margin-top: 104px;
  }
  .experis .inner {
    padding: 30px 30px 25px 50px;
  }
  .experis .inner:after {
    content: "";
    display: block;
    clear: both;
  }
  .experis .ttl {
    width: 190px;
    margin: 0;
    float: left;
  }
  .experis .txt {
    width: 500px;
    margin: 0 0 0 35px;
    float: left;
  }
  .experis .btn1 {
    margin-top: 20px;
    float: right;
  }
}

/*-------------------------------------------------------------------
    company
-------------------------------------------------------------------*/
[class*="company"] .secContact01 h2 {
  margin-bottom: 0;
}

[class*="company"] .secContact01 .contactBox {
  margin: 20px 0 0;
}

@media print, screen and (min-width: 737px) {
  [class*="company"] .secContact01 .contactBox {
    margin: 41px 0 0;
  }
}

[class*="company"] .layout01 {
  padding-bottom: 45px;
}

[class*="company"] .layout01 .ttl {
  color: #6390c6;
  font-size: 18px;
  font-weight: bold;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

[class*="company"] .layout01 .image {
  text-align: center;
  padding: 20px 0;
}

@media print, screen and (min-width: 737px) {
  [class*="company"] .layout01 {
    padding-bottom: 50px;
  }
  [class*="company"] .layout01 .ttl {
    font-size: 24px;
  }
}

/*-------------------------------------------------------------------
    company / top
-------------------------------------------------------------------*/
.company h1 {
  padding-bottom: 15px;
}

.company .mapLinks.outLinks {
  text-align: right;
  margin-bottom: 20px;
}

.company .mapLinks.outLinks a {
  color: #6390c6;
  padding-right: 23px;
  background: url(../img/common/cmn_ico05_black.png) no-repeat right 0 center;
  background-size: 17px;
}

.company .companyImages {
  letter-spacing: -0.4em;
}

.company .companyImages p {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
}

.company .companyImages img {
  height: 44px;
  width: auto;
  max-width: none;
}

.company .relationLinks a {
  background: none;
}

.company .arrow_none:before , .company-synergy .arrow_none:before {
  content: none;
}

@media print, screen and (min-width: 737px) {
  .company h1 {
    padding-bottom: 32px;
  }
  .company .leadText {
    margin-bottom: 10px;
    line-height: 1.75;
  }
  .company .sec01 {
    padding-top: 30px;
  }
  .company .tableStyle01 {
    border-collapse: collapse;
  }
  .company .tableStyle01 th, .company .tableStyle01 td {
    border-bottom: 0;
  }
  .company .tableStyle01 tr {
    border-bottom: solid 1px #ccc;
  }
  .company .sec02 h2, .company .sec03 h2 {
    margin-bottom: 40px;
  }
  .company .sc3Lists {
    padding-left: 20px;
  }
  .company .sc3Lists li {
    margin-bottom: 12px;
  }
  .company .sc3Lists li:last-child {
    margin-bottom: 0;
  }
  .company .sec03 {
    padding-top: 48px;
  }
  .company #footer {
    margin-top: 120px;
  }
  .company .companyImages img {
    height: auto;
  }
}

@media screen and (max-width: 736px) {
  .company .mapLinks.outLinks {
    margin-bottom: 8px;
  }
  .company .sec01 {
    padding-top: 25px;
  }
  .company .sec02 h2, .company .sec03 h2 {
    margin-bottom: 20px;
  }
  .company .sc3Lists {
    padding-left: 4px;
  }
  .company .sc3Lists a {
    display: block;
  }
  .company .sc3Lists li {
    margin-bottom: 2px;
  }
  .company .sc3Lists li:last-child {
    margin-bottom: 0;
  }
  .company .sec03 {
    padding-top: 40px;
  }
  .company .companyImages {
    text-align: center;
  }
  .company .relationLinks {
    padding-left: 4px;
  }
  .company .relationLinks a {
    padding-left: 0;
  }
  .company .relationLinks .outLink {
    padding-left: 0;
  }

}

/*-------------------------------------------------------------------
    company / philosophy
-------------------------------------------------------------------*/
.company-philosophy h2 {
  margin-bottom: 24px;
}

.company-philosophy [class^="sec"] {
  padding-bottom: 40px;
}

.company-philosophy .sec01 ul {
  margin: 7px 5% 15px;
}

.company-philosophy .textList {
  margin: 15px 0 20px;
  padding-left: 20px;
  font-size: 14px;
}

@media print, screen and (min-width: 737px) {
  .company-philosophy .textList {
    margin: 30px 0 40px;
  }
}

.company-philosophy .sec03 th {
  color: #e77c22;
}

.company-philosophy .sec04 th {
  color: #cd545b;
}

@media print, screen and (min-width: 737px) {
  .company-philosophy h1 {
    padding-bottom: 30px;
  }
  .company-philosophy h2 {
    margin-bottom: 14px;
  }
  .company-philosophy .sec01 {
    padding-bottom: 42px;
  }
  .company-philosophy .sec01 ul {
    margin: 17px 20px 30px;
  }
  .company-philosophy .sec01 p {
    line-height: 1.86;
  }
  .company-philosophy .sec02 {
    padding-bottom: 47px;
  }
  .company-philosophy .sec03 {
    padding-bottom: 45px;
  }
  .company-philosophy .sec03 h2 {
    margin-bottom: 0;
  }
  .company-philosophy .sec03 .companyPhilosophyMg {
    margin-top: 21px;
  }
  .company-philosophy .sec03 .companyPhilosophyMg td, .company-philosophy .sec03 .companyPhilosophyMg th {
    line-height: 1.85;
  }
  .company-philosophy .sec04 h2 {
    margin-bottom: 0;
  }
  .company-philosophy .sec04 .companyPhilosophyMg {
    margin-top: -7px;
  }
  .company-philosophy .sec04 .companyPhilosophyMg td, .company-philosophy .sec04 .companyPhilosophyMg th {
    line-height: 1.85;
  }
  .company-philosophy .tableStyle01 tr:last-child {
    border-bottom: none;
  }
}

@media print, screen and (min-width: 737px) {
  table.companyPhilosophyMg {
    margin-top: 21px;
  }
  table.companyPhilosophyMg td, table.companyPhilosophyMg th {
    line-height: 1.85;
  }
}

/*-------------------------------------------------------------------
    company / message
-------------------------------------------------------------------*/
.company-message h2 {
  margin-bottom: 24px;
}

.company-message .sec01 .image {
  text-align: center;
}

.company-message .sec01 .image p {
  font-size: 14px;
  margin: 10px 0 20px;
}

.company-message .sec01 .text {
  margin: 20px 0;
}

.company-message .sec01 .text + p {
  margin-bottom: 40px;
}

@media print, screen and (min-width: 737px) {
  .company-message .sec01 p {
    line-height: 1.86;
  }
  .company-message .sec01 .image {
    float: left;
    margin-top: 8px;
  }
  .company-message .sec01 .image p {
    font-size: 10px;
    text-align: left;
  }
  .company-message .sec01 .text {
    padding-left: 160px;
    margin: -8px 0 0;
  }
  .company-message .sec01 .text + p {
    clear: both;
    margin-top: 30px;
  }
}

/*-------------------------------------------------------------------
    company / synergy
-------------------------------------------------------------------*/
.company-synergy h2 {
  margin-bottom: 24px;
}

.company-synergy .sec01 {
  padding-bottom: 40px;
}

.company-synergy .sec01 .image {
  margin: 15px 0 25px;
  text-align: center;
}

.company-synergy .sec01 .image img {
  width: 60%;
  max-width: 180px;
}

@media print, screen and (min-width: 737px) {
  .company-synergy h1 {
    padding-bottom: 7px;
  }
  .company-synergy .sec01 {
    padding-bottom: 46px;
  }
  .company-synergy .sec01 .ttl01 {
    line-height: 1.42;
  }
  .company-synergy .sec01 .image {
    text-align: right;
    margin-top: 24px;
  }
  .company-synergy .sec01 .image + p {
    clear: both;
  }
  .company-synergy .sec03 .text {
    margin-bottom: 45px;
  }
  .company-synergy .sec04 .text {
    margin-bottom: 42px;
  }
  .company-synergy .sec05 .text {
    margin-bottom: 42px;
  }
}

/*-------------------------------------------------------------------
    company / guide
-------------------------------------------------------------------*/
.company-guideSec01 {
  margin-bottom: 30px;
  margin-top: -10px;
}

@media print, screen and (min-width: 737px) {
  .company-guideSec01 {
    margin-top: -15px;
    margin-bottom: 50px;
  }
}

/*-------------------------------------------------------------------
    company / guide / jobsupportpower
-------------------------------------------------------------------*/
.company-guide-jobsupportpower h2 {
  margin-bottom: 12px;
}

.company-guide-jobsupportpowerSec01 p {
  color: #3a3a3a;
}

.company-guide-jobsupportpowerSec01 .imageBox {
  text-align: center;
  margin: 20px 0 18px;
}

.company-guide-jobsupportpowerSec01 .imageBox img {
  width: 18%;
}

@media print, screen and (min-width: 737px) {
  .company-guide-jobsupportpowerSec01 .imageBox img {
    width: 100%;
  }
}

@media print, screen and (min-width: 737px) {
  .company-guide-jobsupportpowerSec01 .imageBox {
    margin: 68px;
  }
  .company-guide-jobsupportpowerSec01 .imageBox img {
    width: 100%;
  }
  .company-guide-jobsupportpowerSec01 .textBox {
    width: 540px;
    margin-right: 20px;
  }
}

.company-guide-jobsupportpowerSec01 .naviStyle02 {
  margin: 15px 0 10px;
}

@media print, screen and (min-width: 737px) {
  .company-guide-jobsupportpowerSec01 .naviStyle02 {
    margin: 36px 0 20px;
  }
}

.company-guide-jobsupportpowerSec02 {
  margin-bottom: 20px;
}

@media print, screen and (min-width: 737px) {
  .company-guide-jobsupportpowerSec02 {
    margin-bottom: 59px;
  }
}

.company-guide-jobsupportpowerSec02 a {
  font-size: 9px;
  padding-left: 10px;
  background-image: url("../img/common/cmn_ico11.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 6px;
}

.company-guide-jobsupportpowerSec02 ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: space-between;
}

.company-guide-jobsupportpowerSec02 li:last-child a {
  background-image: url("../img/common/cmn_sns04.png");
  background-size: 12px;
  padding-left: 14px;
}

@media print, screen and (min-width: 737px) {
  .company-guide-jobsupportpowerSec02 {
    margin-bottom: 59px;
  }
  .company-guide-jobsupportpowerSec02 ul {
    width: 497px;
    margin-left: auto;
  }
  .company-guide-jobsupportpowerSec02 a {
    font-size: 14px;
    background-size: 10px;
    background-position: left top 4px;
    padding-left: 14px;
  }
  .company-guide-jobsupportpowerSec02 li:last-child a {
    background-position: 0 3px;
    background-size: 15px;
    padding-left: 19px;
  }
}

.company-guide-jobsupportpower .sc1layout01 {
  margin-bottom: 10px;
}

.company-guide-jobsupportpower .sc1layout01 .image {
  margin: 18px 0;
}

.company-guide-jobsupportpower .sec01 {
  padding-bottom: 24px;
}

.company-guide-jobsupportpower .sc1layout02 .lead {
  margin-top: 13px;
  margin-bottom: 10px;
}

.company-guide-jobsupportpower .sc1layout02 .lead + ul {
  margin-bottom: 15px;
}

.company-guide-jobsupportpower .sc1layout02 dt {
  font-size: 16px;
  font-weight: bold;
  color: #3a3a3a;
  margin-bottom: 8px;
}

.company-guide-jobsupportpower .sc1layout02 li {
  color: #3a3a3a;
}

@media print, screen and (min-width: 737px) {
  .company-guide-jobsupportpower .sc1layout02 .lead {
    margin: 24px 0 15px;
  }
}

.company-guide-jobsupportpower .sc1layout02 {
  margin-bottom: 10px;
}

.company-guide-jobsupportpower .sc1layout03 {
  margin-bottom: 10px;
}

.company-guide-jobsupportpower .sc1layout03 > .inner {
  padding-top: 10px;
  padding-bottom: 10px;
}

.company-guide-jobsupportpower .sc1layout04 > .inner {
  padding-top: 10px;
  padding-bottom: 10px;
}

.company-guide-jobsupportpower .sc1block1 {
  margin-bottom: 15px;
}

@media print, screen and (min-width: 737px) {
  .company-guide-jobsupportpower .sc1block1 {
    margin-bottom: 20px;
  }
}

.company-guide-jobsupportpower .sc1block2 {
  margin-bottom: 15px;
}

.company-guide-jobsupportpower .sc1layout03 p:not(.ttl) {
  margin-bottom: 10px;
}

.company-guide-jobsupportpower .sc1layout04 p:not(.ttl) {
  margin-bottom: 10px;
}

@media print, screen and (min-width: 737px) {
  .company-guide-jobsupportpower .sc1block1list1 dt {
    padding-left: 18px;
    margin-bottom: 20px;
  }
  .company-guide-jobsupportpower .sc1block1list2 {
    margin-bottom: 19px;
  }
  .company-guide-jobsupportpower .sc1block1list3 {
    margin-bottom: 26px;
  }
  .company-guide-jobsupportpower .sc1block2 {
    margin-bottom: 20px;
  }
  .company-guide-jobsupportpower .sc1block2 + p {
    padding: 0 10px;
  }
  .company-guide-jobsupportpower .sc1block2image {
    text-align: center;
    margin: 40px 0 14px;
  }
  .company-guide-jobsupportpower .sc1block2list2 dt {
    padding-left: 18px;
    margin-bottom: 20px;
  }
  .company-guide-jobsupportpower .sc1block2list2 {
    margin-bottom: 18px;
  }
  .company-guide-jobsupportpower .sc1layout02 {
    margin-bottom: 26px;
  }
  .company-guide-jobsupportpower .sc1layout02 > .inner {
    padding-bottom: 26px;
  }
  .company-guide-jobsupportpower .sc1layout03 {
    margin-bottom: 20px;
  }
  .company-guide-jobsupportpower .sc1layout03 .inner {
    padding-bottom: 21px;
  }
  .company-guide-jobsupportpower .sc1layout03 p:not(.ttl) {
    margin-bottom: 25px;
  }
  .company-guide-jobsupportpower .sc1layout04 {
    margin-bottom: 36px;
  }
  .company-guide-jobsupportpower .sc1layout04 .inner {
    padding-bottom: 21px;
  }
  .company-guide-jobsupportpower .sc1layout04 p:not(.ttl) {
    margin-bottom: 20px;
  }
}

.company-guide-jobsupportpower .sec02 p {
  color: #3a3a3a;
}

.company-guide-jobsupportpower .sec02 .catch {
  color: #466ea5;
  margin-bottom: 10px;
}

.company-guide-jobsupportpower .sec02 .catch + .lead {
  margin-bottom: 40px;
}

.company-guide-jobsupportpower .sec02 h3 {
  margin-bottom: 17px;
}

@media print, screen and (min-width: 737px) {
  .company-guide-jobsupportpower .sec02 .catch {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 30px;
  }
  .company-guide-jobsupportpower .sec02 .sc2ttl01 {
    margin-bottom: 40px;
  }
  .company-guide-jobsupportpower .sec02 h3 {
    margin-bottom: 19px;
  }
  .company-guide-jobsupportpower .sec02 .sc2list1 {
    margin-bottom: 36px;
  }
  .company-guide-jobsupportpower .sec02 .sc2list2 {
    margin-bottom: 48px;
  }
}

.company-guide-jobsupportpower .sec03 {
  margin-bottom: 42px;
}

.company-guide-jobsupportpower .sc45 p {
  color: #3a3a3a;
}

.company-guide-jobsupportpower .sc45 .image {
  text-align: center;
}

.company-guide-jobsupportpower .sc45 .image img {
  width: 36%;
}

@media print, screen and (min-width: 737px) {
  .company-guide-jobsupportpower .sc45 .image img {
    width: auto;
  }
}

@media print, screen and (min-width: 737px) {
  .company-guide-jobsupportpower .sec04 .sc4ttl1 {
    margin-bottom: 24px;
  }
  .company-guide-jobsupportpower .sec04 .image {
    float: left;
    text-align: left;
    margin-left: -30px;
    margin-bottom: 39px;
  }
  .company-guide-jobsupportpower .sec04 .image img {
    width: auto;
  }
  .company-guide-jobsupportpower .sec04 .image + p {
    padding-left: 140px;
  }
  .company-guide-jobsupportpower .sec04 .sc4ttl01 {
    clear: both;
  }
  .company-guide-jobsupportpower .sec04 .sc4ttl01 + p {
    margin-bottom: 57px;
  }
}

.company-guide-jobsupportpower .sec05 {
  margin-bottom: 10px;
}

.company-guide-jobsupportpower .sec05 > .inner > h3 {
  margin-bottom: 12px;
}

@media print, screen and (min-width: 737px) {
  .company-guide-jobsupportpower .sec05 {
    overflow: hidden;
    margin-bottom: 80px;
  }
  .company-guide-jobsupportpower .sec05 .sc5ttl1 {
    margin-bottom: 30px;
  }
  .company-guide-jobsupportpower .sec05 .sc5block1ttl1 {
    padding-top: 39px;
  }
  .company-guide-jobsupportpower .sec05 .sc5block1 .image {
    float: left;
  }
  .company-guide-jobsupportpower .sec05 .sc5block1ttl1 + p + div {
    margin-left: 17px;
  }
  .company-guide-jobsupportpower .sec05 .sc5block1dl1,
  .company-guide-jobsupportpower .sec05 .sc5block1dl2 {
    padding-left: 257px;
  }
  .company-guide-jobsupportpower .sec05 .sc5block1dl1 dd {
    margin-bottom: 50px;
  }
  .company-guide-jobsupportpower .sec05 .sc5block1dl2 dd {
    margin-bottom: 60px;
  }
  .company-guide-jobsupportpower .sec05 .sc5block1ttl2 + p {
    margin-bottom: 25px;
  }
  .company-guide-jobsupportpower .sec05 .sc5block1dl3, .company-guide-jobsupportpower .sec05 .sc5block1dl4 {
    padding-left: 257px;
  }
  .company-guide-jobsupportpower .sec05 .sc5block1dl4 dd {
    margin-bottom: 32px;
  }
  .company-guide-jobsupportpower .sec05 .sc5block1 {
    margin-bottom: 20px;
  }
  .company-guide-jobsupportpower .sec05 .sc5block2ttl1 {
    padding-top: 39px;
  }
  .company-guide-jobsupportpower .sec05 .sc5block2 .image {
    float: left;
  }
  .company-guide-jobsupportpower .sec05 .sc5block2 .sc5block2dl1, .company-guide-jobsupportpower .sec05 .sc5block2 .sc5block2dl2, .company-guide-jobsupportpower .sec05 .sc5block2 .sc5block2dl3, .company-guide-jobsupportpower .sec05 .sc5block2 .sc5block2dl4 {
    padding-left: 257px;
  }
  .company-guide-jobsupportpower .sec05 .sc5block2 .sc5block2dl2 dd {
    margin-bottom: 57px;
  }
  .company-guide-jobsupportpower .sec05 .sc5block2ttl1 + p {
    margin-bottom: 43px;
  }
  .company-guide-jobsupportpower .sec05 .sc5block2ttl2 + p {
    margin-bottom: 47px;
  }
  .company-guide-jobsupportpower .sec05 .sc5block2dl4 dd {
    margin-bottom: 47px;
  }
  .company-guide-jobsupportpower .sec05 .sc5outlinks {
    display: inline-block;
    float: right;
  }
  .company-guide-jobsupportpower .sec05 .sc5outlinks li:last-child {
    margin-right: 0;
  }
}

@media print, screen and (min-width: 737px) {
  .company-guide-jobsupportpower h1 {
    padding-bottom: 38px;
  }
  .company-guide-jobsupportpower .sec01 h2 {
    margin-bottom: 17px;
  }
  .company-guide-jobsupportpower .sc1layout01 {
    margin-top: 26px;
    margin-bottom: 20px;
  }
  .company-guide-jobsupportpower .sc1layout01 .inner .image {
    margin: 18px 0 40px;
    text-align: center;
  }
  .company-guide-jobsupportpower .sc1linkList01 {
    margin-bottom: 34px;
    padding-left: 10px;
  }
}

/*-------------------------------------------------------------------
    company / guide jobsupportpower staff
-------------------------------------------------------------------*/
.company-guide-jobsupportpower_staffSec + .company-guide-jobsupportpower_staffSec {
  margin-top: 45px;
}

.company-guide-jobsupportpower_staffSec .ttl {
  margin-bottom: 20px;
}

.company-guide-jobsupportpower_staffSec .details {
  margin-bottom: 26px;
}

.company-guide-jobsupportpower_staffSec .sttl {
  margin-bottom: 20px;
}

.company-guide-jobsupportpower_staffSec .box1 + .sttl {
  margin-top: 30px;
}

.company-guide-jobsupportpower_staffSec p + .sttl {
  margin-top: 30px;
}

.company-guide-jobsupportpower_staffSec p + .box2 {
  margin-top: 30px;
}

.company-guide-jobsupportpower_staffSec + .secContact01 {
  margin-top: 45px;
}

.company-guide-jobsupportpower_staffSec .btn1 {
  margin-top: 30px;
}

.company-guide-jobsupportpower_staffSec .btn1 a:before {
  display: inline-block;
  margin-right: 5px;
}

/*-------------------------------------------------------------------
    company / guide / jobsupportpower_security
-------------------------------------------------------------------*/
.company-guide-jobsupportpower_securitySec01 p + ol {
  margin-top: 3em;
}

.company-guide-jobsupportpower_securitySec01 .signature {
  margin-top: 20px;
}

.company-guide-jobsupportpower_securitySec02 {
  margin-top: 30px;
}

.company-guide-jobsupportpower_securitySec02 .ttl {
  margin-bottom: 16px;
}

.company-guide-jobsupportpower_securitySec03 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.company-guide-jobsupportpower_securitySec03 .ttl {
  margin-bottom: 20px;
}

/*-------------------------------------------------------------------
    company / history
-------------------------------------------------------------------*/
.company-historySec01 {
  margin-bottom: 40px;
  margin-top: -20px;
}

@media print, screen and (min-width: 737px) {
  .company-historySec01 {
    margin-bottom: 60px;
    margin-top: -50px;
  }
}

/*-------------------------------------------------------------------
    company / csr
-------------------------------------------------------------------*/
.company-csrSec .image {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

.company-csrSec .txt {
  margin-top: 20px;
}

.company-csrSec span.orange {
  color:#e77c22;
  font-weight: bold;
}

.company-csrSec span.blue {
  color:#466ea5;
  font-weight: bold;
}

.company-csrSec span.green {
  color:#6e8f82;
  font-weight: bold;
}

.company-csrSec span.small {
  font-size: 15px;
}

.company-csrSec span.small2{
  font-size: 8px;
}

.company-csrSec span.small3{
font-size: 10px;
}

.company-csrSec .movie {
  text-align: center;
  margin-top: 26px;
}

.company-csrSec .box1 {
  margin-top: 30px;
}

.company-csrSec .box1 .sttl {
  margin-bottom: 10px;
  font-size: 15px;
}

.company-csrSec .box1 .list1 {
  margin-bottom: 15px;
}

.company-csrSec + .company-csrSec {
  margin-top: 45px;
}

.company-csrSec .btn1 {
  margin-top: 15px;
  text-align: right;
}

.company-csrSec .ttl1 {
  margin-top: 60px;
  margin-bottom: 20px;
}
.company-csrSec + .secContact01 {
  margin-top: 50px;
}

.company-csrSec .planblock {
	border: solid 1px #b5b5b5;
	border-radius: 5px;
	margin-top: 20px;
	padding: 10px;
        display: block ;
}
.company-csrSec .planblock .title {
	font-size: 16px;
	font-weight: bold;
}
.company-csrSec .planblock .subtitle {
	font-size: 15px;
	font-weight: bold;
	color: #466ea5 ;
	margin-bottom: 10px;
}
.company-csrSec .planblock p>span {
	display: block;
	text-indent: 1em;
	word-break: break-all;
}
.company-csrSec .planblock .proimg {
	text-align: center;
}

.company-csrSec .batsu {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: relative;
  top: 40px;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.company-csrSec .batsu span::before,
.company-csrSec .batsu span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 16%;
  margin: -8% 0 0 -42%;
  background: #b5b5b5 ;
}
.company-csrSec .batsu span::before {
  transform: rotate(-45deg);
}
.company-csrSec .batsu span::after {
  transform: rotate(45deg);
}
.company-csrSec .listStyle12{
  margin-top: 30px;
}
.company-csrSec .block .image img {
  display: inline-block;
  margin: 0 5px 0 0;
  text-align: left;
}
.company-csrSec .listStyle12 .listStyle12Inner{
  padding: 0 15px ;
  height: auto;
}
.listStyle12 .listStyle12Inner {
  border: solid 1px #e8e8e8;
}
.listStyle12 .ttl{
  margin-bottom: 0;
}
.company-csrSec .block .image {
  text-align: center;
}
.company-csrSec .block .image_bottom {
  text-align: right;
  margin-bottom: 15px;
} 
.company-csrSec .listStyle12 .listStyle12Inner p.txt {
  margin: 10px 0;
}
.company-csrSec .block .image_bottom img {
  width:13%;
  max-width: 50px;
}


@media print, screen and (min-width: 737px) {
	.company-csrSec .planblock {
        	display: flex ;
		padding: 10px;
	}
	.company-csrSec .planblock .philosophy{
        	width: 360px ;
	}
	.company-csrSec .planblock .batsu {
		margin: 0 20px;
		top: 86px ;
		left: 0;
		-webkit-transform: none ;
		transform: none ;
	}
	.company-csrSec .planblock .proimg {
    margin-left: 38px;
  }

  .company-csrSec .listStyle12{
    margin-top: 30px;
    
  }
  .company-csrSec .listStyle12 .listStyle12Inner{
    overflow: hidden;
    padding: 20px 25px ;
    height: auto;
  }
  .company-csrSec .block .image img {
    display: block;
    }
    .company-csrSec .block .image_bottom {
      text-align: right;
    }
    .company-csrSec .block .image_bottom img{
      width:7%;
    }
  .company-csrSec .block .listStyle12Inner .txt {
    padding-left: 180px;
  }

}


/*-------------------------------------------------------------------
    company / csr pfi
-------------------------------------------------------------------*/
.company-csr_pfiSec01 {
  margin-top: 40px;
}

.company-csr_pfiSec02 {
  margin-top: 40px;
}

.company-csr_pfiSec02 .ttl {
  margin-bottom: 20px;
}

.company-csr_pfiSec02 .ttl2 {
  margin-top: 20px;
  margin-bottom: 20px;
}

/*-------------------------------------------------------------------
    company / code
-------------------------------------------------------------------*/
.company-code li {
  margin-left: 18px;
  margin-bottom: 5px;
}

.company-code li span{
  margin-left: 28px;
}

@media screen and (max-width: 736px) {
    .company-code li {
      margin-left: auto;
      margin-bottom: 20px;
}

    .company-code li span{
      margin: 0 10px;
}
    .company-code li span a{
      margin: 0 20px;
}
}

/*-------------------------------------------------------------------
    company / compliance
-------------------------------------------------------------------*/
.company-complianceSec01 .ttl {
  margin-bottom: 10px;
}

@media screen and (max-width: 736px) {
  .company-complianceSec01 .rImg {
    width: 100px;
  }
}

.company-complianceSec02 {
  margin-top: 20px;
}

.company-complianceSec02 .ttl {
  margin-bottom: 14px;
}

.company-complianceSec02 .ttl2 {
  margin-top: 44px;
  margin-bottom: 14px;
}

.company-complianceSec03 {
  margin-top: 44px;
}

.company-complianceSec03 .ttl {
  margin-bottom: 14px;
}

.company-complianceSec03 .ttl2 {
  margin-top: 40px;
  margin-bottom: 14px;
}

@media screen and (max-width: 736px) {
  .company-complianceSec03 .lImg {
    width: 100px;
  }
}

.company-complianceSec04 {
  margin-top: 48px;
  margin-bottom: 56px;
}

.company-complianceSec04 .ttl {
  margin-bottom: 14px;
}

.company-complianceSec04 .ttl2 {
  margin-top: 40px;
  margin-bottom: 14px;
}

.company-complianceSec04 .lead {
  margin-bottom: 34px;
}

@media screen and (max-width: 736px) {
  .company-complianceSec04 .lImg {
    width: 100px;
  }
}
.company-complianceSec05 {
  margin-top: 20px;
  margin-bottom: 60px;
}

.company-complianceSec05 .ttl {
  margin-bottom: 14px;
}

/*-------------------------------------------------------------------
    company / news release
-------------------------------------------------------------------*/
.company-release .articleLists {
  border-top: 3px solid #6390c6;
}

.company-release .leadText {
  margin-top: 20px;
  margin-bottom: 11px;
}

.company-release article {
  padding: 18px 0 12px;
  border-bottom: 1px solid #e2e2e2;
}

.company-release article .date {
  color: #282a32;
  margin-bottom: 4px;
  line-height: 1;
}

.company-release article .ttl {
  color: #6390c6;
  text-decoration: underline;
}

.company-release .pager {
  padding: 100px 0 0;
}

@media print, screen and (min-width: 737px) {
  .company-release h1 {
    padding-bottom: 40px;
  }
  .company-release .leadText {
    margin-top: 0;
    margin-bottom: 13px;
  }
  .company-release .articleLists {
    padding-top: 29px;
  }
  .company-release article {
    padding: 18px 0 18px 21px;
  }
  .company-release article .date {
    margin-bottom: 12px;
  }
  .company-release article .ttl a {
    display: inline-block;
    padding-bottom: 1px;
    text-decoration: none;
  }
  .company-release article .ttl a:hover {
    text-decoration: underline;
  }
  .company-release article:first-child {
    padding-top: 0;
  }
  .company-release .pager {
    padding: 101px 0 0;
  }
  .company-release #footer {
    margin-top: 132px;
  }
}

/*-------------------------------------------------------------------
    company / single
-------------------------------------------------------------------*/
.company-single h1 {
  padding-bottom: 27px;
}

.company-single .articleHeader {
  margin-bottom: 20px;
}

.company-single .articleHeader dd {
  margin-top: 24px;
}

.company-single .image {
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.company-single h2 {
  margin-bottom: 20px;
  margin-top: 25px;
}

@media print, screen and (min-width: 737px) {
  .company-single h2 {
    margin-top: 35px;
  }
}

.company-single .infomationBox {
  margin-top: 30px;
}

.company-single .infomationBox .bold {
  line-height: 1.3;
  margin-bottom: 5px;
}

@media print, screen and (min-width: 737px) {
  .company-single .articleHeader {
    margin-bottom: 10px;
    margin-top: 24px;
  }
  .company-single .articleHeader dt {
    margin-bottom: 30px;
  }
  .company-single [class^="sec"] {
    padding-top: 63px;
  }
  .company-single .infomationBox {
    margin-top: 64px;
  }
  .company-single .image {
    width: auto;
  }
  .company-single .sec01 {
    margin-top: 14px;
  }
}

/*-------------------------------------------------------------------
    company / disclosure
-------------------------------------------------------------------*/
.disclosureSec01 .ttl {
  margin-bottom: 15px;
}

.disclosureSec01 .ttl2 {
  margin-top: 44px;
  margin-bottom: 14px;
}

.disclosureSec01 .lead {
  margin-bottom: 33px;
}

.disclosureSec01 table + .ttlStyle05 {
  margin-top: 40px;
}

.disclosureSec01 .ttlStyle05 + table {
  margin-top: 16px;
}

.disclosureSec02 {
  margin-top: 40px;
  margin-bottom: 50px;
}

.disclosureSec02 .ttl1 {
  font-size: 20px;
  margin-top: 28px;
  margin-bottom: 5px;
}

.disclosureSec02 .num {
  margin-bottom: 30px;
  line-height: 1.7;
}

.disclosureSec02 .num > * {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.disclosureSec02 .num > * + * {
  margin-left: 0.3em;
}

.disclosureSec02 .num > * + * span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.3em;
}

.disclosureSec02 .num .border {
  border-bottom: 1px solid #282a32;
  margin-bottom: 2px;
}

@media screen and (max-width: 736px) {
  .disclosureSec02 .num {
    font-size: 14px;
  }
  .disclosureSec02 .num > * + * {
    margin-left: 0;
    display: block;
  }
  .disclosureSec02 .num > * + * span {
    display: block !important;
  }
  .disclosureSec02 .num span {
    display: block;
  }
  .disclosureSec02 .num > p {
    text-align: center;
    display: block !important;
  }
}

/*-------------------------------------------------------------------
    company / company-activity
-------------------------------------------------------------------*/
.company-activitySec01 {
  margin-top: 10px;
}

.company-activitySec02 {
  margin-top: 24px;
}

.company-activitySec02 .ttl {
  margin-bottom: 5px;
}

.company-activitySec03 {
  margin-top: 40px;
}

.company-activitySec03 .ttl {
  margin-bottom: 5px;
}

@media print, screen and (min-width: 737px) {
  .company-activitySec01 {
    margin-top: 0;
  }
  .company-activitySec02 {
    margin-top: 70px;
  }
  .company-activitySec02 .ttl {
    margin-bottom: 35px;
  }
  .company-activitySec03 {
    margin-top: 60px;
  }
  .company-activitySec03 .ttl {
    margin-bottom: 30px;
  }
}

/*-------------------------------------------------------------------
    company / company-activity single
-------------------------------------------------------------------*/
.company-activity-singleLead1 {
  margin-top: 14px;
}

.company-activity-singleLead1 + .company-activity-singleSec {
  margin-top: 28px;
}

.company-activity-singleSec .ttl {
  margin-bottom: 18px;
}

.company-activity-singleSec .image {
  width: 95%;
  margin-left: auto;
  margin: 20px auto 0;
  text-align: center;
}

.company-activity-singleSec .image + p {
  margin-top: 30px;
}

.company-activity-singleSec .image2 {
  text-align: center;
}

.company-activity-singleSec .image2 img.blk {
  margin-left: auto;
  margin-right: auto;
}

.company-activity-singleSec .image2 img.blk + img.blk {
  margin-top: 10px;
}

.company-activity-singleSec .image2 figcaption {
  margin-top: 5px;
}

@media screen and (max-width: 736px) {
  .company-activity-singleSec .image2 {
    float: none;
    margin: 0 0 20px 0;
  }
}

.company-activity-singleSec + .company-activity-singleSec {
  margin-top: 40px;
}

.company-activity-singleSec .imgSec + p {
  margin-top: 1.5em;
}

.company-activity-singleSec p + p {
  margin-top: 1.5em;
}

.company-activity-singleSec .box1 P + p {
  margin-top: 0;
}

.company-activity-singleSec .box1 + p {
  margin-top: 30px;
}

.company-activity-singleSec .box1 + .box1 {
  margin-top: 30px;
}

.company-activity-singleSec .btnArea {
  margin-top: 45px;
  text-align: center;
}

@media print, screen and (min-width: 737px) {
  .company-activity-singleLead1 {
    margin-top: 12px;
  }
  .company-activity-singleLead1 + .company-activity-singleSec {
    margin-top: 38px;
  }
  .company-activity-singleSec .ttl {
    margin-bottom: 18px;
  }
  .company-activity-singleSec .image {
    width: auto;
    margin-top: 30px;
  }
  .company-activity-singleSec + .company-activity-singleSec {
    margin-top: 50px;
  }
  .company-activity-singleSec .imgSec + p {
    margin-top: 1.8em;
  }
  .company-activity-singleSec p + p {
    margin-top: 1.8em;
  }
  .company-activity-singleSec .btnArea {
    margin-top: 70px;
  }
}

/*-------------------------------------------------------------------
    company / company-branch-map
-------------------------------------------------------------------*/
.company-branch-map h1 {
  margin-bottom: 10px;
}

.companyBranchMap-txt01 {
  margin-bottom: 26px;
}

.companyBranchMap-contact01 {
  margin-bottom: 0;
}

@media print, screen and (min-width: 737px) {
  .company-branch-map #main {
    position: relative;
  }
  .company-branch-map h1 {
    padding-bottom: 59px;
  }
  .companyBranchMap-map01 {
    position: relative;
    top: -45px;
    right: -110px;
  }
  .companyBranchMap-contact01 {
    margin: 60px 0 10px;
  }
}

@media screen and (max-width: 559px) {
  .printBtn {
    display: none !important;
  }
}

/*-------------------------------------------------------------------
    company / r_center
-------------------------------------------------------------------*/
.company-rCenter h2 + p {
  color: #3a3a3a;
}

.company-rCenter .company-rCenterSec {
  margin: 0 0 30px;
}

@media print, screen and (min-width: 737px) {
  .company-rCenter .company-rCenterSec {
    margin: 10px 0 80px;
  }
  .company-rCenter .company-rCenterSec .txt {
    width: 445px;
  }
}

.company-rCenter .company-rCenterSec .txt .ttl {
  margin-bottom: 15px;
  float: none;
  color: #6390c6;
  font-size: 16px;
}

@media print, screen and (min-width: 737px) {
  .company-rCenter .company-rCenterSec .txt .ttl {
    font-size: 24px;
    color: #466ea5;
  }
}

@media screen and (max-width: 736px) {
  .company-rCenter .company-rCenterSec .image {
    margin-top: 15px;
    padding: 0 30px;
  }
}

.company-rCenter .linkArea01 {
  margin-bottom: 40px;
}

@media print, screen and (min-width: 737px) {
  .company-rCenter .linkArea01 {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 736px) {
  .company-rCenter .list01 li + li {
    margin-top: 40px;
  }
}

@media print, screen and (min-width: 737px) {
  .company-rCenter .list01 li {
    width: 360px;
    margin-left: 40px;
    position: relative;
    float: left;
  }
}

.company-rCenter .list01 li > a {
  display: block;
  font-weight: bold;
  line-height: 1.3;
  border: solid 2px #464040;
  position: relative;
  color: #282a32;
  text-decoration: none;
}

@media print, screen and (min-width: 737px) {
  .company-rCenter .list01 li > a {
    padding: 18px 20px 18px 0;
  }
  .company-rCenter .list01 li > a:hover {
    text-decoration: none;
    opacity: 0.7;
  }
}

.company-rCenter .list01 li > a:before {
  content: '';
  display: block;
  width: 45px;
  height: 54px;
  position: absolute;
  top: 15px;
  left: 10px;
}

@media print, screen and (min-width: 737px) {
  .company-rCenter .list01 li > a:before {
    width: 91px;
    height: 107px;
    top: -39px;
    left: -35px;
  }
}

@media screen and (max-width: 736px) {
  .company-rCenter .list01 li:first-child > a {
    padding: 18px 10px 18px 80px;
  }
}

@media print, screen and (min-width: 737px) {
  .company-rCenter .list01 li:first-child > a {
    padding-left: 80px;
  }
}

.company-rCenter .list01 li:first-child > a:before {
  background: url(/_asset/img/company/company_rcenter_img02.png) no-repeat;
}

@media screen and (max-width: 736px) {
  .company-rCenter .list01 li:first-child > a:before {
    background-size: contain;
  }
}

@media screen and (max-width: 736px) {
  .company-rCenter .list01 li:last-child > a {
    padding: 25px 10px 25px 80px;
  }
}

@media print, screen and (min-width: 737px) {
  .company-rCenter .list01 li:last-child > a {
    padding-left: 90px;
  }
}

.company-rCenter .list01 li:last-child > a:before {
  background: url(/_asset/img/company/company_rcenter_img03.png) no-repeat;
}

@media screen and (max-width: 736px) {
  .company-rCenter .list01 li:last-child > a:before {
    background-size: contain;
  }
}

.company-rCenter .list01 li > a > .arrow {
  font-size: 16px;
  position: relative;
}

.company-rCenter .list01 li > a > .arrow:before {
  content: '';
  display: block;
  width: 8px;
  height: 15px;
  position: absolute;
  top: 3px;
  left: -15px;
  background: url(/_asset/img/common/cmn_ico02_black.png) no-repeat;
  background-size: 100%;
}

.company-rCenter .list01 li > a > .en {
  display: block;
}

@media print, screen and (min-width: 737px) {
  .company-rCenter .list01 li > a > .en {
    font-size: 10px;
  }
}

.company-rCenter .list01 li > a + p {
  margin-top: 5px;
}

@media screen and (max-width: 736px) {
  .company-rCenter .list01 li > a + p {
    padding-left: 20px;
    text-align: center;
  }
}

/*-------------------------------------------------------------------
    company / r_center / e_survey
-------------------------------------------------------------------*/
.company-eSurvey .txt01 {
  margin-bottom: 40px;
  color: #3a3a3a;
}

.company-eSurvey .note01 {
  margin-bottom: 10px;
  color: #3a3a3a;
}
.company-eSurvey .note02 {
  margin-bottom: 40px;
  font-size:12px;
  color: #3a3a3a;
}

@media screen and (max-width: 736px) {
  .company-eSurvey .txt01 {
    margin-top: 10px;
  }
  .company-eSurvey .note01 {
    margin-top: 10px;
  }
  .company-eSurvey .note02 {
    margin-top: 10px;
    font-size:14px;
  }
}

@media print, screen and (min-width: 737px) {
  .company-eSurvey .company-eSurveySec h2 {
    color: #282a32;
  }
}

.company-eSurvey .company-eSurveySec + .company-eSurveySec {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .company-eSurvey .company-eSurveySec + .company-eSurveySec {
    margin-top: 40px;
  }
}

.company-eSurvey .company-eSurveySec .box01 {
  padding: 20px 5px 15px;
  overflow: hidden;
}

@media print, screen and (min-width: 737px) {
  .company-eSurvey .company-eSurveySec .box01 {
    padding: 35px 5px 25px;
  }
}

.company-eSurvey .company-eSurveySec .box01 + .box01 {
  border-top: solid 1px #e2e2e2;
}

@media print, screen and (min-width: 737px) {
  .company-eSurvey .company-eSurveySec .box01 .txtBox {
    width: 580px;
  }
  .company-eSurvey .company-eSurveySec .box01 .list01 li {
    line-height: 1.857142857142857;
  }
}

@media screen and (max-width: 736px) {
  .company-eSurvey .company-eSurveySec .box01 .imageBox {
    margin-top: 10px;
  }
  .company-eSurvey .company-eSurveySec .box01 .imageBox > p {
    display: inline-block;
  }
  .company-eSurvey .company-eSurveySec .box01 .imageBox > p.image {
    width: 20%;
    padding: 0 3%;
  }
  .company-eSurvey .company-eSurveySec .box01 .imageBox > p.image + p {
    width: 78%;
    text-align: left;
  }
  .company-eSurvey .company-eSurveySec .box01 .imageBox > p.image + p .bold {
    font-weight: normal;
  }
}

@media print, screen and (min-width: 737px) {
  .company-eSurvey .company-eSurveySec .box01 .imageBox .image {
    margin-bottom: 10px;
  }
}

.company-eSurvey .company-eSurveySec .sttl {
  margin-bottom: 10px;
  color: #6390c6;
  text-decoration: none;
}

@media print, screen and (min-width: 737px) {
  .company-eSurvey .company-eSurveySec .sttl {
    margin-bottom: 5px;
    font-weight: bold;
    text-decoration: none;
  }
}

.company-eSurvey .pager {
  padding-top: 40px;
}

@media print, screen and (min-width: 737px) {
  .company-eSurvey .pager {
    padding: 70px 0 0;
  }
}

.company-eSurvey .secContact01 {
  margin-bottom: 28px;
}
.company-eSurvey a.hoverStyle02.icoPdf:before {
  display: inline-block;
  margin-right: 5px;
}

/*-------------------------------------------------------------------
    company / r_center / about
-------------------------------------------------------------------*/
.company-rCabout .box01 {
  margin-top: 10px;
}

.company-rCabout .box01 .txt {
  margin-bottom: 15px;
  color: #3a3a3a;
}

@media print, screen and (min-width: 737px) {
  .company-rCabout .box01 .txt {
    width: 470px;
  }
  .company-rCabout .box01 .image {
    margin-right: 20px;
  }
}

.company-rCabout .company-rCaboutSec {
  margin: 40px 0;
}

.company-rCabout .company-rCaboutSec .ttl {
  margin-bottom: 20px;
}

.company-rCabout .company-rCaboutSec .list01 {
  margin-left: .8em;
}

.company-rCabout .company-rCaboutSec .list01 li + li {
  margin-top: 0;
}

.company-rCabout .company-rCaboutSec .table01 {
  color: #3a3a3a;
}

@media print, screen and (min-width: 737px) {
  .company-rCabout .company-rCaboutSec {
    margin: 35px 0 100px;
  }
  .company-rCabout .company-rCaboutSec .ttl {
    margin-left: -20px;
  }
  .company-rCabout .company-rCaboutSec .table01 {
    width: 800px;
  }
  .company-rCabout .company-rCaboutSec .table01 th {
    width: 190px;
  }
}

.column-template .keyTypeLinks {
  margin-bottom: 30px;
  padding: 0;
}

.column-template .keyTypeLinks li {
  width: 100%;
  margin-bottom: 10px;
}
/*
.column-template .keyTypeLinks .linkStyle01 {
  max-width: 160px;
}
*/
.column-template .ktlTtl {
  color: #282a32;
}

@media print, screen and (min-width: 737px) {
  .column-template .keyTypeLinks {
    margin-bottom: 54px;
    padding: 0;
  }
  .column-template .keyTypeLinks li {
    width: 380px;
    margin-bottom: 10px;
  }
  .column-template .keyTypeLinks .linkStyle01 {
    max-width: none;
    width: 217px;
  }
  .column-template .keyTypeLinks .already a {
    display: inline-block;
    font-size: 12px;
  }
}

.column h1 {
  padding-bottom: 28px;
}

.column .ttlStyle03 {
  font-size: 14px;
}

.column .ttlStyle03 .linkStyle01 {
  font-size: 9px;
  top: 11px;
  padding: 3px 10px 2px;
  text-decoration: none;
}

.column .columnList a {
  font-size: 14px;
  text-decoration: underline;
}

.column .columnList + .keyTypeLinks {
  padding-top: 19px;
}

@media print, screen and (min-width: 737px) {
  .column h1 {
    padding-bottom: 43px;
  }
  .column .ttlStyle03 {
    font-size: 20px;
  }
  .column .ttlStyle03 .linkStyle01 {
    font-size: 14px;
    top: 20px;
    padding: 5px 10px 4px;
  }
  .column .columnList + .keyTypeLinks {
    padding-top: 62px;
  }
}

.column-employee .keyTypeLinks {
  margin-bottom: 18px;
}

.column-employee .columnDetailList .title a {
  font-size: 14px;
}

.column-employee .columnDetailList .text {
  font-size: 12px;
}

.column-employee .pager {
  padding-top: 50px;
}

@media print, screen and (min-width: 737px) {
  .column-employee h1 {
    padding-bottom: 54px;
  }
  .column-employee .keyTypeLinks {
    margin-bottom: 41px;
  }
  .column-employee .keyTypeLinks li {
    margin-bottom: 0;
  }
  .column-employee .pager {
    padding: 80px 0 89px;
  }
  .column-employee #footer {
    margin-top: 173px;
  }
  .column-employee .pager + .keyTypeLinks {
    margin-bottom: 0;
  }
}

.column-single .articlePageHeadTxt {
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 23px;
  margin-bottom: 15px;
}

@media print, screen and (min-width: 737px) {
  .column-single .articlePageHeadTxt {
    width: 850px;
    margin-bottom: 44px;
    font-size: 32px;
    padding: 0 0 25px;
    letter-spacing: 0.1em;
    margin-left: -20px;
  }
}

.column-single .articleParagraphImg {
  width: 64%;
  margin: 0 auto;
  margin-bottom: 25px;
}

@media print, screen and (min-width: 737px) {
  .column-single .articleParagraphImg {
    margin-bottom: 39px;
  }
}

@media print, screen and (min-width: 737px) {
  .column-single .articlePageWrap {
    padding-bottom: 20px;
  }
}

.column-single .articlePageWrap p + .articleParagraphHead,
.column-single .articlePageWrap p + .articleSubHead {
  margin-top: 22px;
}

.column-single .articlePageWrap .articleParagraphHead,
.column-single .articlePageWrap .articleSubHead {
  margin-bottom: 18px;
}

.column-single .articlePageWrap + .keyTypeLinks {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .column-single .articlePageWrap + .keyTypeLinks {
    margin-top: 0;
  }
}

.column-single .articlePageWrap .articleSubHead {
  margin-top: 22px;
}

.column-single .keyImage, .column-single .articleText img {
  display: block;
  width: 61.1%;
  margin: 0 auto;
}

.column-single p + .articleParagraphImg {
  margin-top: 18px;
}

.column-single .keyImage {
  margin-bottom: 34px;
}

.column-single .articleText p {
  font-size: 14px;
  margin-bottom: 21px;
}

.column-single .articleText .textLead {
  font-size: 14px;
  margin-bottom: 24px;
}

.column-single .keyTypeLinks {
  margin-bottom: 6px;
}

.column-single .socialLinks {
  text-align: center;
  margin-bottom: 30px;
}

.column-single .socialLinks li {
  display: inline-block;
  width: 10.2%;
}

.column-single .socialLinks li + li {
  margin-left: 14px;
}

@media print, screen and (min-width: 737px) {
  .column-single .keyImage {
    margin-bottom: 39px;
  }
  .column-single p {
    color: #3a3a3a;
  }
  .column-single .articleText .textLead {
    margin-bottom: 39px;
  }
  .column-single .articleText p {
    margin-bottom: 26px;
  }
  .column-single .pointList dd {
    color: #3a3a3a;
    font-size: 14px;
  }
  .column-single .keyTypeLinks {
    margin-bottom: 18px;
  }
  .column-single .keyTypeLinks li {
    margin-bottom: 0;
  }
  .column-single .socialLinks {
    width: 780px;
    text-align: right;
    margin: 0 auto 40px;
  }
  .column-single .socialLinks li {
    width: 41px;
  }
  .column-single .socialLinks li + li {
    margin-left: 11px;
  }
}

/*-------------------------------------------------------------------
    staff / top
-------------------------------------------------------------------*/
@media screen and (max-width: 736px) {
  .staff h1 {
    padding-bottom: 0;
  }
}

.staffSec01 .catch {
  margin-bottom: 10px;
}

.staffSec02 {
  margin-top: 28px;
}

.staffSec02 .m1 {
  margin-top: 22px;
}

.staffSec02 .note {
  margin-top: 12px;
}

@media print, screen and (min-width: 737px) {
  .staffSec01 {
    margin-top: -14px;
  }
  .staffSec01 .catch {
    margin-bottom: 30px;
  }
  .staffSec02 {
    margin-top: 47px;
  }
  .staffSec02 .m1 {
    margin-top: 42px;
  }
  .staffSec02 .m2 {
    margin-top: 30px !important;
  }
  .staffSec02 .note {
    margin-top: 12px;
  }
}

/*-------------------------------------------------------------------
    staff 2018 03 修正
-------------------------------------------------------------------*/
#content.staff .catch-text
{
    margin-top: 8px;

    font-size: 24px;
    line-height: 1.6em;
}

#content.staff .section-02
{
    margin-top: 32px;
}


#content.staff .new-box
{
    margin-top: 24px;
    padding: 20px;

    background-color: #EDEDED;
    border: 2px solid #E78F47;
}

#content.staff .new-box .partition
{
    overflow: hidden;
    margin-top: 8px;
}

#content.staff .new-box .partition .left
{
    float: left;
    width: 323px;
}

#content.staff .new-box .partition .right
{
    float: right;
    width: 388px;
}

#content.staff .new-box .reserve-link
{
    margin-top: 12px;

    text-align: center;
    text-decoration: underline;
}

#content.staff .new-box .button-link
{
    margin-top: 32px;
    text-align: center;
}

#content.staff .new-box .button-link a:before
{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 15px;
    background: url(../img/common/cmn_ico01_white.png) no-repeat;
    background-size: contain;
    margin-right: 3px;
}

#content.staff .new-box .button-link a
{
    color: #fff;
    font-size: 24px;
    padding: 8px 0 6px;
    border-radius: 25px;
    white-space: nowrap;
    text-align: center;

    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 310px;

    background: #e77c22;
    box-shadow: 0 -2px 0 0 #bc5f11 inset;
    text-decoration: none;
}
#content.staff .new-box .button-link a:hover
{
    opacity: 0.7;
}

#content.staff .item .link a:hover
{
    opacity: 0.7;
}

@media print, screen and (min-width: 737px)
{
    #content.staff .new-box .button-link a:before
    {
        width: 9px;
        height: 17px;
        margin-right: 10px;
    }
}

#content.staff .new-box .title
{
    font-size: 24px;
    letter-spacing: 0.06em;
        font-weight: bold;
}

#content.staff .new-box .text
{
    margin-top: 16px;
}

#content.staff .new-box .logo
{
    margin-top: 12px;
}



#content.staff .service-list
{
    margin-top: 20px;
}

#content.staff .service-list .item
{
    overflow: hidden;
    padding: 16px 24px 32px;

    border-bottom: 1px solid #DCDCDC;
}

#content.staff .service-list .item .image
{
    float: left;
    width: 256px;
}

#content.staff .service-list .item .data
{
    float: right;
    width: 454px;
}

#content.staff .service-list .item .title
{
    font-weight: bold;
    font-size: 16px;
}

#content.staff .service-list .item .link
{
    color: #6390c6;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
}

#content.staff .partition .link
{
    color: #6390c6;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
}

#content.staff .service-list .item .text
{
    margin-top: 8px;
}



@media print, screen and (max-width: 737px)
{
    #content.staff .catch-text
    {
        margin-top: 16px;

        font-size: 16px;
    }

    #content.staff .new-box .title
    {
        font-size: 16px;
    }

    #content.staff .new-box .partition .left
    {
        width: 100%;
    }

    #content.staff .new-box .partition .right
    {
        width: 100%;
        box-sizing: border-box;
        padding-top: 10px;
    }

    #content.staff .new-box .logo
    {
        margin-top: 21%;
    }

    #content.staff .new-box .button-link
    {
        margin-top: 20px;
    }

    #content.staff .new-box .button-link a
    {
        font-size: 18px;
        max-width: 220px;
    }

    #content.staff .new-box .reserve-link
    {
        font-size: 11px;
    }



    #content.staff .service-list
    {
        margin-top: 4vw;
    }

    #content.staff .service-list .item
    {
        padding: 6vw 4px 8vw;

        border-bottom: 1px solid #DCDCDC;
    }

    #content.staff .service-list .item .image
    {
        float: inherit;
        width: inherit;
        margin-top: 16px;
    }

    #content.staff .service-list .item .image img
    {
        max-width: 256px;
    }

    #content.staff .service-list .item .data
    {
        float: inherit;
        width: inherit;
    }

    #content.staff .service-list .item .text
    {
        margin-top: 16px;
    }

    #content.staff .new-box .button-link a
    {
        padding: 8px 0 8px;
    }

}


/*-------------------------------------------------------------------
    staff / mystyle / index
-------------------------------------------------------------------*/
.staff-mystyle .keyvisual01-ttl {
  color: #466ea5;
}

.staff-mystyle .keyvisual-txt {
  color: #404040;
}

.staff-mystyle .keyvisual-right {
  width: 216px;
  margin: 12px auto 0;
}

.staffMystyle-sec01 .ttl02 {
  margin: 28px 0 20px;
}

.staffMystyle-sec01 .keyTypeLinks {
  margin-bottom: 30px;
}

.staffMystyle-sec01 .block01 {
  flex-wrap: wrap;
}

.staffMystyle-sec01 .block01 span {
  display: block;
}

.staffMystyle-sec01 .block01 a {
  text-decoration: none;
}

.staffMystyle-sec01 .block01 a:hover .item-ttlArea {
  opacity: .7;
}

.staffMystyle-sec01 .block01 .item-ttlArea {
  display: table;
  width: 100%;
  min-height: 60px;
}

.staffMystyle-sec01 .block01 .item-ttlArea:after {
  content: "";
  display: table-cell;
  width: 10%;
  background: url("../img/common/cmn_ico02_black.png") no-repeat center;
  background-size: 9px;
}

.staffMystyle-sec01 .block01 .ttl03 {
  display: table-cell;
  color: #2f2f2f;
  font-weight: bold;
  font-size: 16px;
}

.staffMystyle-sec01 .block01 .ttl03 span {
  font-size: 15px;
}

.staffMystyle-sec01 .block01 .image01 {
  width: 122px;
  margin: 0 auto 18px;
}

.staffMystyle-sec01 .block01 .txt01 {
  color: #3a3a3a;
}

.staffMystyle-sec01 .block01 .item-contentArea {
  padding-bottom: 21px;
}

.staffMystyle-sec01 .block01 .item {
  margin-bottom: 20px;
}

.staffMystyle-sec01 .block02 .ttl03 {
  width: 100%;
  height: 60px;
  background: #f3f3f3;
  color: #2f2f2f;
  font-size: 16px;
  font-weight: bold;
  line-height: 60px;
  padding-left: 12px;
}

.staffMystyle-sec01 .block02 .image01 {
  width: 122px;
  margin: 0 auto 18px;
}

.staffMystyle-sec01 .block02 .txt01 {
  color: #3a3a3a;
}

.staffMystyle-sec01 .block02 .btnArea01 {
  text-align: center;
  margin-top: 28px;
}

.staffMystyle-sec01 .block02 .link01 {
  width: 212px;
  color: #282a32;
}

@media print, screen and (min-width: 737px) {
  .staffMystyle-sec01 .block02 .link01 {
    color: #404040;
  }
}

.staffMystyle-sec01 .block02-inner {
  padding: 15px 13px 27px;
  border: solid 1px #e8e8e8;
}

.staffMystyle-sec02 .ttl02 {
  margin: 31px 0 20px;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle #main {
    width: 100%;
  }
  .staff-mystyle h1 {
    padding-bottom: 71px;
  }
  .staff-mystyle .keyvisual01 {
    width: 980px;
    margin: 0 auto;
    position: relative;
  }
  .staff-mystyle .keyvisual01-left {
    width: 654px;
  }
  .staff-mystyle .keyvisual-right {
    position: absolute;
    width: auto;
    margin: 0;
    top: 0;
    right: 0;
  }
  .staff-mystyle .keyTypeLinks {
    margin-bottom: 62px;
  }
  .staffMystyle-sec01 .ttl02 {
    margin: 153px 0 29px;
  }
  .staffMystyle-sec01 .block01 .item {
    width: 329px;
  }
  .staffMystyle-sec01 .block01 .item-ttlArea {
    height: 90px;
    padding: 0 22px;
  }
  .staffMystyle-sec01 .block01 .item-ttlArea:after {
    background-size: 11px;
  }
  .staffMystyle-sec01 .block01 .ttl03 {
    font-size: 20px;
    line-height: 1.3;
  }
  .staffMystyle-sec01 .block01 .ttl03 span {
    font-size: 14px;
    font-weight: normal;
  }
}

@media print, screen and (min-width: 737px) and (min-width: 737px) {
  .staffMystyle-sec01 .block01 .ttl03 span {
    color: #3a3a3a;
  }
}

@media print, screen and (min-width: 737px) {
  .staffMystyle-sec01 .block01 .image01 {
    width: 245px;
  }
  .staffMystyle-sec01 .block01 .item-contentArea {
    height: 310px;
    padding: 20px 15px 30px;
  }
  .staffMystyle-sec01 .block02 .image01, .staffMystyle-sec01 .block02 .txtArea, .staffMystyle-sec01 .block02 .btnArea01 {
    float: left;
  }
  .staffMystyle-sec01 .block02 .image01 {
    width: 245px;
    margin: 0 40px 0 0;
  }
  .staffMystyle-sec01 .block02 .ttl04 {
    color: #2f2f2f;
    font-size: 20px;
    font-weight: bold;
  }
  .staffMystyle-sec01 .block02 .txtArea {
    width: 465px;
    margin: 16px 30px 0 0;
  }
  .staffMystyle-sec01 .block02 .btnArea01 {
    margin-top: 58px;
  }
  .staffMystyle-sec01 .block02 .link01 {
    font-size: 14px;
    width: 180px;
  }
  .staffMystyle-sec01 .block02-inner {
    overflow: hidden;
    padding: 21px 0 24px 47px;
  }
  .staffMystyle-sec02 .ttl02 {
    margin: 83px 0 29px;
  }
}

/*-------------------------------------------------------------------
    staff / mystyle / careercounseling
-------------------------------------------------------------------*/
.staff-mystyle-careercounseling .keyvisual01-ttl {
  color: #466ea5;
}

.staff-mystyle-careercounseling .keyvisual-label span {
  display: inline-block;
  min-width: 78px;
  text-align: center;
  padding: 5px 19px;
  color: #fff;
  font-size: 13px;
  border-radius: 3px;
  margin-right: 8px;
}

.staff-mystyle-careercounseling .keyvisual-label .blue {
  background: #81a4d2;
}

.staff-mystyle-careercounseling .keyvisual-label .red {
  background: #da7f84;
}

.staff-mystyle-careercounseling .keyvisual-right {
  width: 163px;
  margin: 26px auto 0;
}

.staff-mystyle-careercounseling .keyvisual-txt {
  color: #404040;
}

.staffMystyleCareercounseling-sec01 .ttl02 {
  margin: 30px 0 23px;
}

.staffMystyleCareercounseling-sec01 .number {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #81a4d2;
  color: #fff;
  padding-top: 14px;
}

.staffMystyleCareercounseling-sec01 .number span {
  display: block;
  text-align: center;
}

.staffMystyleCareercounseling-sec01 .number .point {
  font-size: 8px;
}

.staffMystyleCareercounseling-sec01 .number .int {
  font-size: 13px;
}

.staffMystyleCareercounseling-sec01 .block01 li + li {
  margin-top: 25px;
}

.staffMystyleCareercounseling-sec01 .txtArea {
  padding-left: 68px;
}

.staffMystyleCareercounseling-sec01 .txtArea .ttl01 {
  font-weight: bold;
  padding-top: 10px;
  margin-bottom: 6px;
}

.staffMystyleCareercounseling-sec01 .block02 {
  margin: 26px 0;
  padding: 18px 8px 26px;
  border: solid 1px #ddd;
}

.staffMystyleCareercounseling-sec01 .block02 .profile {
  overflow: hidden;
}

.staffMystyleCareercounseling-sec01 .block02 .image01 {
  width: 90px;
  margin-right: 15px;
  float: left;
}

.staffMystyleCareercounseling-sec01 .block02 .image01 + p {
  padding-top: 17px;
}

.staffMystyleCareercounseling-sec01 .block02 .txt01 {
  margin: 26px 0 0;
}

.staffMystyleCareercounseling-sec02 .ttl02 {
  margin: 40px 0 23px;
}

.staffMystyleCareercounseling-sec02 .none {
  display: none;
}

.staffMystyleCareercounseling-sec02 dt {
  padding: 10px 5px;
  background: #89acd3;
}

.staffMystyleCareercounseling-sec02 dd {
  padding: 15px 5px;
}

.staffMystyleCareercounseling-sec02 dl dd:last-child {
  padding: 17px 0 41px;
  text-align: center;
}

.staffMystyleCareercounseling-sec02 .link01:before {
  margin-top: -3px;
  margin-left: -8px;
}

.staffMystyleCareercounseling-sec02 .block03 dd:last-child {
  text-align: left;
  padding: 0 5px;
}

.staffMystyleCareercounseling-sec02 .btnArea01 {
  margin: 31px 0 0;
  text-align: center;
}

.staffMystyleCareercounseling-sec02 .link02 {
  width: 267px;
}

.staffMystyleCareercounseling-sec02 .link02:before {
  margin-top: -3px;
}

.staffMystyleCareercounseling-sec03 .ttl02 {
  margin: 48px 0 20px;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-careercounseling h1 {
    padding-bottom: 73px;
  }
  .staff-mystyle-careercounseling #main {
    width: 100%;
  }
  .staff-mystyle-careercounseling .keyvisual01 {
    position: relative;
    width: 980px;
    margin: 0 auto;
  }
  .staff-mystyle-careercounseling .keyvisual01-left {
    width: 654px;
  }
  .staff-mystyle-careercounseling .keyvisual-right {
    position: absolute;
    top: 0;
    right: 48px;
    width: 327px;
    margin: 0;
  }
  .staff-mystyle-careercounseling .keyvisual-txt {
    margin-bottom: 20px;
  }
  .staff-mystyle-careercounseling .keyvisual-label span {
    font-size: 14px;
    padding: 2px 19px;
  }
  .staffMystyleCareercounseling-sec01 .ttl02 {
    margin: 69px 0 27px;
  }
  .staffMystyleCareercounseling-sec01 .number {
    display: table-cell;
    width: 117px;
    height: 117px;
    padding-top: 32px;
  }
  .staffMystyleCareercounseling-sec01 .number span {
    line-height: 1;
  }
  .staffMystyleCareercounseling-sec01 .number .point {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .staffMystyleCareercounseling-sec01 .number .int {
    font-size: 26px;
  }
  .staffMystyleCareercounseling-sec01 .txtArea {
    display: table-cell;
    padding-left: 18px;
  }
  .staffMystyleCareercounseling-sec01 .txtArea .ttl01 {
    font-size: 16px;
    padding: 0;
    margin: 0;
  }
  .staffMystyleCareercounseling-sec01 .block01 li {
    display: table;
  }
  .staffMystyleCareercounseling-sec01 .block02 {
    margin-top: 59px;
    padding: 23px 20px 50px;
  }
  .staffMystyleCareercounseling-sec01 .block02 .image01 {
    width: 180px;
    float: none;
  }
  .staffMystyleCareercounseling-sec01 .block02 .image01 + p {
    display: inline-block;
    text-align: left;
  }
  .staffMystyleCareercounseling-sec01 .block02 .profile {
    text-align: center;
    float: left;
  }
  .staffMystyleCareercounseling-sec01 .block02 .txt01 {
    width: 770px;
    padding-left: 203px;
    box-sizing: content-box;
    margin: 10px 0 0;
  }
  .staffMystyleCareercounseling-sec02 .ttl02 {
    margin: 61px 0 13px;
  }
  .staffMystyleCareercounseling-sec02 .ttl01 {
    padding: 0;
  }
  .staffMystyleCareercounseling-sec02 .ttl01 span {
    display: block;
    background: #89acd3;
    width: 255px;
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
    padding: 10px 0 10px 20px;
  }
  .staffMystyleCareercounseling-sec02 .ttl01 span:last-child {
    border-right: solid 1px #ddd;
  }
  .staffMystyleCareercounseling-sec02 .block01, .staffMystyleCareercounseling-sec02 .block02, .staffMystyleCareercounseling-sec02 .block03 {
    display: table;
    width: 100%;
  }
  .staffMystyleCareercounseling-sec02 .block01 dd, .staffMystyleCareercounseling-sec02 .block02 dd, .staffMystyleCareercounseling-sec02 .block03 dd {
    display: table-cell;
    width: 255px;
    height: 93px;
    padding: 0 0 0 20px;
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
  }
  .staffMystyleCareercounseling-sec02 .block01 dd:last-child, .staffMystyleCareercounseling-sec02 .block02 dd:last-child, .staffMystyleCareercounseling-sec02 .block03 dd:last-child {
    border-right: solid 1px #ddd;
    padding: 0;
  }
  .staffMystyleCareercounseling-sec02 .block03 dd {
    border-bottom: solid 1px #ddd;
  }
  .staffMystyleCareercounseling-sec02 .block03 dd:last-child {
    padding-left: 40px;
  }
  .staffMystyleCareercounseling-sec02 .btnArea01 {
    margin: 32px 0 0;
  }
  .staffMystyleCareercounseling-sec02 .link01 {
    font-size: 12px;
    width: 67px;
    line-height: 2;
    font-weight: bold;
    color: #282a32;
  }
  .staffMystyleCareercounseling-sec02 .link02 {
    width: 398px;
    font-size: 16px;
    font-weight: bold;
  }
  .staffMystyleCareercounseling-sec03 .ttl02 {
    margin: 85px 0 29px;
  }
  .staffMystyleCareercounseling-sec03 .keyTypeLinks {
    margin-bottom: 77px;
  }
}

/*-------------------------------------------------------------------
    staff / mystyle / careersupport
-------------------------------------------------------------------*/
.staff-mystyle-careersupport .keyvisual-right {
  width: 135px;
  margin: 0 auto;
}

.staff-mystyle-careersupport .keyvisual01-ttl {
  color: #466ea5;
}

.staff-mystyle-careersupport .keyvisual-txt {
  color: #404040;
}

.staffMystyleCareersupport-sec01 .ttl02 {
  margin: 40px 0 20px;
}

.staffMystyleCareersupport-sec01 .lead01 {
  margin-bottom: 30px;
}

.staffMystyleCareersupport-sec01 .ttl03 {
  margin: 30px 0 15px;
}

.staffMystyleCareersupport-sec02 .ttl02 {
  margin: 60px 0 20px;
}

.staffMystyleCareersupport-sec02 a {
  display: block;
  padding: 10px;
  text-decoration: none;
  overflow: hidden;
}

.staffMystyleCareersupport-sec02 .ttl03 {
  font-weight: bold;
  display: inline-block;
  float: left;
}

.staffMystyleCareersupport-sec02 .ttl03:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("../img/common/cmn_ico02_black.png") no-repeat center;
  background-size: contain;
  margin-bottom: -1px;
}

.staffMystyleCareersupport-sec02 .txt01 {
  font-size: 8px;
  color: #fff;
  display: inline-block;
  background: #81a4d2;
  padding: 2px 10px;
  float: right;
  margin-top: 6px;
}

.staffMystyleCareersupport-sec02 .block01-ttlArea {
  padding: 0;
}

.staffMystyleCareersupport-sec02 .block01-contentArea {
  padding: 15px 15px 30px;
}

.staffMystyleCareersupport-sec02 .lead01 {
  padding-bottom: 20px;
  border-bottom: solid 1px #d1d1d1;
  margin-bottom: 25px;
}

.staffMystyleCareersupport-sec02 .block01 .item + .item {
  margin-top: 20px;
}

.staffMystyleCareersupport-sec02 .block01 .image01 {
  float: left;
}

.staffMystyleCareersupport-sec02 .block01 .txt02 {
  padding-left: 74px;
}

.staffMystyleCareersupport-sec02 .block02 {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.staffMystyleCareersupport-sec02 .block02 .item {
  margin-top: 20px;
}

.staffMystyleCareersupport-sec03 .ttl02 {
  margin: 60px 0 20px;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-careersupport #main {
    width: 100%;
  }
  .staff-mystyle-careersupport h1 {
    padding-bottom: 71px;
  }
  .staff-mystyle-careersupport .ttl02 {
    letter-spacing: .1em;
  }
  .staff-mystyle-careersupport .keyvisual01 {
    position: relative;
    width: 980px;
    margin: 0 auto;
  }
  .staff-mystyle-careersupport .keyvisual-right {
    position: absolute;
    top: -20px;
    right: 79px;
    width: auto;
  }
  .staff-mystyle-careersupport .keyvisual01-left {
    width: 654px;
  }
  .staffMystyleCareersupport-sec01 .ttl02 {
    margin: 96px 0 37px;
  }
  .staffMystyleCareersupport-sec01 .lead01 {
    margin-bottom: 0;
  }
  .staffMystyleCareersupport-sec01 .ttl03 {
    margin: 32px 0 22px;
  }
  .staffMystyleCareersupport-sec02 .ttl02 {
    margin: 80px 0 42px;
  }
  .staffMystyleCareersupport-sec02 .ttl03 {
    font-size: 20px;
    padding-bottom: 1px;
  }
  .staffMystyleCareersupport-sec02 .ttl03:before {
    width: 20px;
    height: 20px;
    margin-right: 2px;
  }
  .staffMystyleCareersupport-sec02 .txt01 {
    font-size: 14px;
    padding: 0 30px;
    margin-top: 4px;
  }
  .staffMystyleCareersupport-sec02 a:hover .ttl03 {
    text-decoration: underline;
  }
  .staffMystyleCareersupport-sec02 .block01 a {
    padding: 16px 20px;
  }
  .staffMystyleCareersupport-sec02 .block01 .bottom {
    overflow: hidden;
    padding: 0 20px;
  }
  .staffMystyleCareersupport-sec02 .block01 .item {
    width: 435px;
  }
  .staffMystyleCareersupport-sec02 .block01 .item + .item {
    margin-top: 0;
  }
  .staffMystyleCareersupport-sec02 .block01 .txt02 {
    padding-left: 80px;
  }
  .staffMystyleCareersupport-sec02 .block01-contentArea {
    padding: 20px 20px 48px;
  }
  .staffMystyleCareersupport-sec02 .block02 .item {
    width: 500px;
    margin-top: 37px;
  }
  .staffMystyleCareersupport-sec02 .block02 .item-contentArea {
    height: 187px;
  }
  .staffMystyleCareersupport-sec02 .block02 .item-ttlArea {
    padding: 0;
  }
  .staffMystyleCareersupport-sec02 .block02 a {
    padding: 16px 20px;
  }
  .staffMystyleCareersupport-sec03 {
    margin-bottom: 77px;
  }
  .staffMystyleCareersupport-sec03 .ttl02 {
    margin: 62px 0 29px;
  }
}

/*-------------------------------------------------------------------
    staff / mystyle / interview
-------------------------------------------------------------------*/
.staff-mystyle-interview .keyvisual-right {
  width: 200px;
  margin: 20px auto 0;
}

.staff-mystyle-interview .keyvisual-txt {
  color: #404040;
}

.staffMystyleInterview-sec01 .ttl02 {
  margin: 40px 0 20px;
}

.staffMystyleInterview-sec01 .block01 {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.staffMystyleInterview-sec01 .block01 a {
  text-decoration: none;
}

.staffMystyleInterview-sec01 .block01 .image01 {
  text-align: center;
  margin: 0 0 30px;
}

.staffMystyleInterview-sec01 .ttl03:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("../img/common/cmn_ico02_black.png") no-repeat center;
  background-size: contain;
  margin-bottom: -3px;
  margin-right: 4px;
}

.staffMystyleInterview-sec01 .ttl04 {
  margin: 25px 0 10px;
}

.staffMystyleInterview-sec01 .item-contentArea {
  padding: 15px 15px 25px;
}

.staffMystyleInterview-sec01 .item {
  width: 100%;
}

.staffMystyleInterview-sec01 .item + .item {
  margin-top: 20px;
}

.staffMystyleInterview-sec02 .ttl02 {
  margin: 60px 0 20px;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-interview #main {
    width: 100%;
  }
  .staff-mystyle-interview h1 {
    padding-bottom: 82px;
  }
  .staff-mystyle-interview .keyvisual01 {
    position: relative;
    width: 980px;
    margin: 0 auto;
  }
  .staff-mystyle-interview .keyvisual-right {
    position: absolute;
    top: -65px;
    right: 75px;
    width: auto;
  }
  .staff-mystyle-interview .keyvisual01-left {
    width: 682px;
  }
  .staffMystyleInterview-sec01 .ttl02 {
    margin: 93px 0 23px;
  }
  .staffMystyleInterview-sec01 .item {
    width: 500px;
    margin-bottom: 20px;
  }
  .staffMystyleInterview-sec01 .item + .item {
    margin-top: 0;
  }
  .staffMystyleInterview-sec01 .item-ttlArea {
    padding: 0;
  }
  .staffMystyleInterview-sec01 .item-contentArea {
    height: calc(100% - 68px);
    padding: 30px 20px 33px;
  }
  .staffMystyleInterview-sec01 .block01 a {
    display: block;
    padding: 16px 20px;
  }
  .staffMystyleInterview-sec01 .block01 a:hover {
    opacity: .7;
  }
  .staffMystyleInterview-sec01 .block01 a:hover .ttl03 {
    text-decoration: none;
  }
  .staffMystyleInterview-sec01 .ttl03 {
    font-size: 20px;
  }
  .staffMystyleInterview-sec01 .ttl03:before {
    width: 20px;
    height: 20px;
    margin-right: 2px;
  }
  .staffMystyleInterview-sec01 .txtArea01 {
    width: 309px;
  }
  .staffMystyleInterview-sec01 .ttl04 {
    margin: 0 0 10px;
  }
  .staffMystyleInterview-sec01 .block01 .image01 {
    margin-bottom: 0;
  }
  .staffMystyleInterview-sec01 .lead01 {
    margin-bottom: 18px;
  }
  .staffMystyleInterview-sec02 {
    margin-bottom: 92px;
  }
  .staffMystyleInterview-sec02 .ttl02 {
    margin: 9px 0 29px;
  }
}

/*-------------------------------------------------------------------
    staff / mystyle / interview / vol
-------------------------------------------------------------------*/
.staff-mystyle-interview-vol .image01 {
  text-align: center;
}

.staff-mystyle-interview-vol .ttl02 {
  margin: 40px 0 16px;
}

.staff-mystyle-interview-vol .profile .name, .staff-mystyle-interview-vol .profile .name + p {
  color: #3a3a3a;
}

.staff-mystyle-interview-vol .profile .name {
  margin: 30px 0 15px;
}

.staff-mystyle-interview-vol .image02 {
  width: 100%;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-order: -1;
  -o-order: -1;
  order: -1;
  text-align: center;
  margin-bottom: 20px;
}

.staff-mystyle-interview-vol .schedule {
  width: 100%;
}

.staff-mystyle-interview-vol .schedule th, .staff-mystyle-interview-vol .schedule td {
  width: 100%;
  display: block;
  padding: 10px 15px;
}

.staff-mystyle-interview-vol .schedule th {
  color: #89acd3;
  background: #f3f3f3;
}

.staff-mystyle-interview-vol .schedule td {
  padding-bottom: 30px;
}

.staffMystyleInterviewVol-article p {
  color: #3a3a3a;
  flex-basis: 100%;
}

.staffMystyleInterviewVol-article .contentArea01 {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.staff-mystyle-interview-vol .commentArea {
  margin: 40px 0 0;
}

.staff-mystyle-interview-vol .commentArea .ttl03 {
  font-weight: bold;
}

.staff-mystyle-interview-vol .coment-ttlArea {
  padding: 15px;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-interview-vol h1 {
    padding-bottom: 31px;
  }
  .staff-mystyle-interview-vol .image01 {
    float: left;
  }
  .staff-mystyle-interview-vol .txtArea01 {
    padding-left: 167px;
  }
  .staff-mystyle-interview-vol .profile .name {
    margin-top: 0;
    padding-top: 7px;
    font-size: 16px;
  }
  .staff-mystyle-interview-vol .profile .name span {
    font-size: 14px;
  }
  .staffMystyleInterviewVol-sec01 .ttl02 {
    margin: 49px 0 38px;
  }
  .staffMystyleInterviewVol-article .image02 {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -o-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-order: 0;
    -o-order: 0;
    order: 0;
    width: auto;
  }
  .staffMystyleInterviewVol-article .ttl02 {
    margin: 40px 0 34px;
    letter-spacing: 0.05em;
  }
  .staffMystyleInterviewVol-article .contentArea01 {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .staffMystyleInterviewVol-article .imageArea01 p {
    flex-basis: 70%;
  }
  .staffMystyleInterviewVol-article .imageArea01 .image01 {
    flex-basis: 30%;
  }
  .staffMystyleInterviewVol-article p + .image02 {
    margin-left: 20px;
    flex-basis: 30%;
  }
  .staffMystyleInterviewVol-article .image02 + p {
    margin-left: 20px;
    flex-basis: 70%;
  }
  .staff-mystyle-interview-vol .schedule {
    border-collapse: collapse;
    vertical-align: middle;
  }
  .staff-mystyle-interview-vol .schedule th, .staff-mystyle-interview-vol .schedule td {
    width: auto;
    display: table-cell;
    border: solid 1px #ddd;
  }
  .staff-mystyle-interview-vol .schedule th {
    width: 145px;
    text-align: center;
    font-weight: bold;
  }
  .staff-mystyle-interview-vol .schedule td {
    padding: 0 0 0 20px;
    height: 63px;
  }
  .staff-mystyle-interview-vol .commentArea {
    margin: 40px 0 0;
  }
  .staff-mystyle-interview-vol .commentArea .ttl03 {
    font-size: 20px;
  }
  .staff-mystyle-interview-vol .commentArea .comment-ttlArea {
    padding: 16px 20px;
  }
  .staff-mystyle-interview-vol .commentArea .comment-contentArea {
    padding: 38px 24px 32px;
  }
  .staffMystyleInterview-last {
    margin-bottom: 76px;
  }
  .staffMystyleInterview-last .ttl02 {
    margin: 70px 0 29px;
  }
}

/*-------------------------------------------------------------------
    staff / mystyle / preparation
-------------------------------------------------------------------*/
.staff-mystyle-preparation .keyvisual-right {
  width: 215px;
  margin: 30px auto;
}

.staff-mystyle-preparation .keyvisual-txt {
  color: #404040;
}

.staffMystylePreparation-sec01 {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.staffMystylePreparation-sec01 .block01 {
  width: 100%;
  margin-bottom: 20px;
}

.staffMystylePreparation-sec01 .block01-ttlArea {
  padding: 0;
}

.staffMystylePreparation-sec01 .block01-ttlArea a {
  padding: 10px;
  display: block;
  text-decoration: none;
}

.staffMystylePreparation-sec01 .block01-contentArea {
  overflow: hidden;
}

.staffMystylePreparation-sec01 .ttl03 {
  font-weight: bold;
}

.staffMystylePreparation-sec01 .ttl03:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("../img/common/cmn_ico02_black.png") no-repeat center;
  background-size: contain;
  margin-bottom: -1px;
  margin-right: 4px;
}

.staffMystylePreparation-sec01 .image01 {
  width: 70px;
}

.staffMystylePreparation-sec01 .list01 {
  padding-left: 80px;
}

.staffMystylePreparation-sec01 .list01 li + li {
  margin-top: 10px;
}

.staffMystylePreparation-sec01 .list01 a {
  font-weight: bold;
}

.staffMystylePreparation-sec02 .ttl02 {
  margin: 40px 0 20px;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-preparation #main {
    width: 100%;
  }
  .staff-mystyle-preparation h1 {
    padding-bottom: 90px;
  }
  .staff-mystyle-preparation .keyvisual01 {
    position: relative;
    width: 980px;
    margin: 0 auto;
  }
  .staff-mystyle-preparation .keyvisual-txt {
    font-size: 18px;
    margin-bottom: 112px;
  }
  .staff-mystyle-preparation .keyvisual01-left {
    width: 680px;
  }
  .staff-mystyle-preparation .keyvisual-right {
    position: absolute;
    top: -49px;
    right: 69px;
    width: auto;
    margin: 0;
  }
  .staffMystylePreparation-sec01 {
    padding: 0 20px;
  }
  .staffMystylePreparation-sec01 .block01 {
    width: 500px;
  }
  .staffMystylePreparation-sec01 .block01-contentArea {
    height: 187px;
  }
  .staffMystylePreparation-sec01 .ttl03 {
    font-size: 20px;
  }
  .staffMystylePreparation-sec01 .ttl03:before {
    width: 20px;
    height: 20px;
  }
  .staffMystylePreparation-sec01 .block01-ttlArea a {
    padding: 16px 20px;
  }
  .staffMystylePreparation-sec01 .block01-ttlArea a:hover {
    opacity: 0.7;
  }
  .staffMystylePreparation-sec01 .block01-contentArea {
    padding: 30px 0 30px 20px;
  }
  .staffMystylePreparation-sec01 .image01 {
    width: auto;
  }
  .staffMystylePreparation-sec01 .list01 {
    padding-left: 140px;
  }
  .staffMystylePreparation-sec01 .list01 a {
    letter-spacing: 0;
  }
  .staffMystylePreparation-sec01 .list01 a:before {
    width: 7px;
  }
  .staffMystylePreparation-sec01 .list01 li + li {
    margin-top: 3px;
  }
  .staffMystylePreparation-sec02 {
    margin-bottom: 92px;
  }
  .staffMystylePreparation-sec02 .ttl02 {
    margin: 59px 0 29px;
  }
}

/*-------------------------------------------------------------------
    staff / mystyle / preparation / vol
-------------------------------------------------------------------*/
.staff-mystyle-preparation-vol .ttl02 {
  margin: 40px 0 20px;
}

.staff-mystyle-preparation-vol .keyvisual-right {
  width: 215px;
  margin: 20px auto;
}

.staff-mystyle-preparation-vol .staffMystylePrepararionVol-article .image01 {
  -webkit-order: -1;
  -moz-order: -1;
  -ms-order: -1;
  -o-order: -1;
  order: -1;
  max-width: 180px;
  margin: 0 auto 20px;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-preparation-vol .staffMystylePrepararionVol-article .image01 {
    -webkit-order: 0;
    -moz-order: 0;
    -ms-order: 0;
    -o-order: 0;
    order: 0;
    -ms-flex-basis: 30%;
    -webkit-flex-basis: 30%;
    flex-basis: 30%;
  }
}

.staff-mystyle-preparation-vol .staffMystylePrepararionVol-article .column2 {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-preparation-vol #main {
    width: 100%;
  }
  .staff-mystyle-preparation-vol h1 {
    padding-bottom: 70px;
  }
  .staff-mystyle-preparation-vol .keyvisual01 {
    position: relative;
    margin: 0 auto 92px;
  }
  .staff-mystyle-preparation-vol .keyvisual-txt {
    font-size: 18px;
    width: 680px;
    margin: -10px 0 0 -20px;
  }
  .staff-mystyle-preparation-vol .keyvisual-right {
    position: absolute;
    top: -36px;
    right: 42px;
    width: auto;
    margin: 0;
  }
  .staff-mystyle-preparation-vol .staffMystylePrepararionVol-article .ttl02 {
    margin: 55px 0 25px;
  }
  .staff-mystyle-preparation-vol .staffMystylePrepararionVol-article .column2 {
    width: 100%;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 40px;
  }
  .staff-mystyle-preparation-vol .staffMystylePrepararionVol-article .column2 .txt01 {
    width: 100%;
    flex-basis: 70%;
  }
  .staff-mystyle-preparation-vol .staffMystylePrepararionVol-article .column2 .image01 {
    max-width: none;
    text-align: center;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-order: 0;
    -o-order: 0;
    order: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -o-flex-shrink: 0;
    flex-shrink: 0;
  }
}

/*-------------------------------------------------------------------
    staff / mystyle / preparation / nursery
-------------------------------------------------------------------*/
.staffMystylePreparationNursery-sec02 .lead01 {
  margin-bottom: 20px;
}

.staffMystylePreparationNursery-sec02 .block01 {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.staffMystylePreparationNursery-sec02 .block01 .item + .item {
  margin-top: 20px;
}

.staffMystylePreparationNursery-sec02 .block01 .ttlArea {
  color: #fff;
  padding: 10px 15px;
}

.staffMystylePreparationNursery-sec02 .block01 .ttlArea.blue {
  background: #81a4d2;
}

.staffMystylePreparationNursery-sec02 .block01 .ttlArea.red {
  background: #da7f84;
}

.staffMystylePreparationNursery-sec02 .block01 .contentArea {
  border: solid 1px #e8e8e8;
  padding: 15px;
}

.staffMystylePreparationNursery-sec02 .block01 .ttl03 {
  font-size: 18px;
  margin-bottom: 10px;
}

.staffMystylePreparationNursery-sec02 .block01 .lead02 {
  font-size: 12px;
}

.staffMystylePreparationNursery-sec02 .block01 .list01 li + li {
  margin-top: 15px;
}

.staffMystylePreparationNursery-sec02 .block01 .list01 span {
  display: block;
  color: #fff;
  width: 91px;
  text-align: center;
  font-size: 14px;
  margin-bottom: 5px;
}

.staffMystylePreparationNursery-sec02 .block01 .list01.blue span {
  background: #81a4d2;
}

.staffMystylePreparationNursery-sec02 .block01 .list01.red span {
  background: #da7f84;
}

.staffMystylePreparationNursery-sec02 .block01 .top {
  padding-bottom: 20px;
  border-bottom: solid 1px #d1d1d1;
}

.staffMystylePreparationNursery-sec02 .block01 .bottom {
  padding-top: 20px;
}

.staffMystylePreparationNursery-sec02 .block02 {
  padding-top: 30px;
}

.staffMystylePreparationNursery-sec02 .block02 dt {
  margin-bottom: 10px;
}

.staffMystylePreparationNursery-sec03 .lead01, .staffMystylePreparationNursery-sec04 .lead01 {
  margin-bottom: 30px;
}

.staffMystylePreparationNursery-sec03 .block01, .staffMystylePreparationNursery-sec04 .block01 {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.staffMystylePreparationNursery-sec03 .item, .staffMystylePreparationNursery-sec04 .item {
  width: 100%;
}

.staffMystylePreparationNursery-sec03 .item + .item, .staffMystylePreparationNursery-sec04 .item + .item {
  margin-top: 20px;
}

.staffMystylePreparationNursery-sec03 .item-ttlArea, .staffMystylePreparationNursery-sec04 .item-ttlArea {
  display: table;
  width: 100%;
}

.staffMystylePreparationNursery-sec03 .item-ttlArea .int, .staffMystylePreparationNursery-sec04 .item-ttlArea .int {
  display: table-cell;
  width: 40px;
  height: 40px;
  background: #81a4d2;
  color: #fff;
  text-align: center;
  padding-top: 2px;
  font-size: 16px;
  font-weight: bold;
}

.staffMystylePreparationNursery-sec03 .ttl03, .staffMystylePreparationNursery-sec04 .ttl03 {
  display: table-cell;
  font-weight: bold;
  font-size: 16px;
  padding-left: 10px;
  color: #2f2f2f;
}

.staffMystylePreparationNursery-sec03 .item-contentArea, .staffMystylePreparationNursery-sec04 .item-contentArea {
  padding: 15px 15px 35px;
  color: #3a3a3a;
}

@media print, screen and (min-width: 737px) {
  .staffMystylePreparationNursery-sec02 .ttl02 {
    margin: 55px 0 26px;
  }
  .staffMystylePreparationNursery-sec02 .lead01 {
    margin-bottom: 20px;
  }
  .staffMystylePreparationNursery-sec02 .block01 .item {
    width: 500px;
  }
  .staffMystylePreparationNursery-sec02 .block01 .item + .item {
    margin-top: 0;
  }
  .staffMystylePreparationNursery-sec02 .block01 .ttl03 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 18px;
    line-height: 1;
  }
  .staffMystylePreparationNursery-sec02 .block01 .lead02 {
    font-size: 14px;
  }
  .staffMystylePreparationNursery-sec02 .block01 .ttlArea {
    padding: 20px 35px;
  }
  .staffMystylePreparationNursery-sec02 .block01 .contentArea {
    height: 458px;
    padding: 30px 20px 20px;
  }
  .staffMystylePreparationNursery-sec02 .block01 .list01 li {
    text-indent: -101px;
    margin-left: 101px;
  }
  .staffMystylePreparationNursery-sec02 .block01 .list01 li + li {
    margin-top: 20px;
  }
  .staffMystylePreparationNursery-sec02 .block01 .list01 span {
    display: inline-block;
    text-indent: 0;
    margin: 0 10px 0 0;
  }
  .staffMystylePreparationNursery-sec02 .block02 {
    padding-top: 37px;
  }
  .staffMystylePreparationNursery-sec03 .ttl02 {
    margin: 66px 0 27px;
  }
  .staffMystylePreparationNursery-sec03 .item, .staffMystylePreparationNursery-sec04 .item {
    width: 329px;
    margin-bottom: 20px;
  }
  .staffMystylePreparationNursery-sec03 .item + .item, .staffMystylePreparationNursery-sec04 .item + .item {
    margin-top: 0;
  }
  .staffMystylePreparationNursery-sec03 .item-contentArea, .staffMystylePreparationNursery-sec04 .item-contentArea {
    height: 165px;
    padding: 20px 15px 0;
  }
  .staffMystylePreparationNursery-sec03 .item-ttlArea, .staffMystylePreparationNursery-sec04 .item-ttlArea {
    height: 96px;
    vertical-align: middle;
  }
  .staffMystylePreparationNursery-sec03 .item-ttlArea .int, .staffMystylePreparationNursery-sec04 .item-ttlArea .int {
    height: 40px;
    display: inline-block;
    margin-top: 20px;
    padding-top: 7px;
  }
  .staffMystylePreparationNursery-sec03 .ttl03, .staffMystylePreparationNursery-sec04 .ttl03 {
    width: 100%;
    margin-bottom: -4px;
    font-size: 20px;
    padding-top: 5px;
  }
  .staffMystylePreparationNursery-sec04 .ttl02 {
    margin: 31px 0 28px;
  }
  .staffMystylePreparationNursery-sec05 .ttl02 {
    margin: 25px 0 27px;
  }
  .staffMystylePreparationNursery-sec06 {
    margin-bottom: 92px;
  }
  .staffMystylePreparationNursery-sec06 .ttl02 {
    margin: 45px 0 29px;
  }
}

/*-------------------------------------------------------------------
    staff / mystyle / qa
-------------------------------------------------------------------*/
.staff-mystyle-qa .keyvisual-right {
  width: 215px;
  margin: 20px auto;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-qa .keyvisual-right {
    position: absolute;
    top: -101px;
    right: 35px;
    margin: 0;
  }
}

.staff-mystyle-qa .keyvisual-txt {
  color: #404040;
}

.staff-mystyle-qa .ttl02 {
  margin: 40px 0 20px;
}

.staff-mystyle-qa .ttl03 {
  margin: 30px 0 15px;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-qa .ttl03 {
    margin: 40px 0 18px;
  }
}

.staff-mystyle-qa ol {
  text-indent: -2em;
  margin-left: 2em;
}

.staff-mystyle-qa li + li {
  margin-top: 10px;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-qa li + li {
    margin: 0;
  }
}

.staff-mystyle-qa .link01 {
  color: #729ec6;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-qa #main {
    width: 100%;
  }
  .staff-mystyle-qa h1 {
    padding-bottom: 119px;
  }
  .staff-mystyle-qa .keyvisual01 {
    width: 980px;
    margin: 0 auto 109px;
    position: relative;
  }
  .staff-mystyle-qa .keyvisual01-left {
    width: 680px;
  }
  .staff-mystyle-qa .keyvisual-txt {
    font-size: 18px;
    margin: 0;
  }
}

@media print, screen and (min-width: 737px) {
  .staffMystyleQa-sec01 .ttl02 {
    margin: 0 0 34px;
  }
  .staffMystyleQa-sec02 .ttl02 {
    margin: 70px 0 34px;
  }
  .staffMystyleQa-sec03 {
    margin-bottom: 92px;
  }
  .staffMystyleQa-sec03 .ttl02 {
    margin: 70px 0 29px;
  }
}

/*-------------------------------------------------------------------
    staff / mystyle / elderly_care
-------------------------------------------------------------------*/
.staff-mystyle-elderly .keyvisual-txt {
  color: #404040;
}

.staff-mystyle-elderly .keyvisual-right {
  width: 215px;
  margin: 0 auto;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-elderly .keyvisual-right {
    position: absolute;
    width: auto;
    margin: 0;
    top: -40px;
    right: 20px;
  }
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-elderly #main {
    width: 100%;
  }
  .staff-mystyle-elderly .keyvisual01 {
    position: relative;
  }
  .staff-mystyle-elderly .keyvisual-txt {
    line-height: 1.85;
    margin: 0;
  }
  .staff-mystyle-elderly .keyvisual01-left {
    width: 680px;
  }
  .staff-mystyle-elderly h1 {
    padding-bottom: 72px;
  }
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderly-sec01 a:hover {
    text-decoration: none;
  }
  .staffMystyleElderly-sec01 a:hover .item-ttlArea {
    opacity: 0.7;
  }
}

.staffMystyleElderly-sec01 a {
  text-decoration: none;
}

.staffMystyleElderly-sec01 .block01 {
  margin: 40px 0;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderly-sec01 .block01 {
    margin: 100px 0 64px;
  }
}

.staffMystyleElderly-sec01 .item {
  width: 100%;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderly-sec01 .item {
    width: 329px;
  }
}

.staffMystyleElderly-sec01 .item + .item {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderly-sec01 .item + .item {
    margin-top: 0;
  }
}

.staffMystyleElderly-sec01 .item-ttlArea, .staffMystyleElderly-sec01 .item-contentArea {
  display: block;
}

.staffMystyleElderly-sec01 .ttl02 {
  font-weight: bold;
  color: #2f2f2f;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderly-sec01 .ttl02 {
    display: table-cell;
    font-size: 20px;
    line-height: 1.3;
  }
}

.staffMystyleElderly-sec01 .item-ttlArea {
  position: relative;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderly-sec01 .item-ttlArea {
    display: table;
    width: 100%;
    height: 95px;
  }
}

.staffMystyleElderly-sec01 .item-ttlArea:after {
  content: "";
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
  margin: auto 0;
  background: url("../img/common/cmn_ico02_black.png") no-repeat center;
  background-size: contain;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderly-sec01 .item-ttlArea:after {
    display: table-cell;
  }
}

.staffMystyleElderly-sec01 .item-contentArea {
  text-align: center;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderly-sec01 .item-contentArea {
    height: 195px;
  }
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderly-sec02 {
    margin-bottom: 90px;
  }
}

.staffMystyleElderly-sec02 .ttl02 {
  margin: 40px 0 20px;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderly-sec02 .ttl02 {
    margin-bottom: 29px;
  }
}

/*-------------------------------------------------------------------
    staff / mystyle / elderly_care / preparation
-------------------------------------------------------------------*/
.staff-mystyle-elderly-preparation .keyvisual-right {
  position: relative;
  width: 215px;
  margin: 0 auto;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-elderly-preparation .keyvisual-right {
    position: absolute;
    width: auto;
    margin: 0;
    top: -69px;
    right: 123px;
  }
}

.staff-mystyle-elderly-preparation .keyvisual-txt {
  color: #404040;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-elderly-preparation .keyvisual-txt {
    font-size: 18px;
    line-height: 1.67;
    margin: 0;
  }
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-elderly-preparation #main {
    width: 100%;
  }
  .staff-mystyle-elderly-preparation h1 {
    padding-bottom: 115px;
  }
  .staff-mystyle-elderly-preparation .keyvisual01 {
    position: relative;
    margin-bottom: 79px;
  }
  .staff-mystyle-elderly-preparation .keyvisual01-left {
    width: 680px;
  }
}

.staffMystyleElderlyPreparation-sec01 .ttl02 {
  margin: 40px 0 20px;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderlyPreparation-sec01 .ttl02 {
    margin-bottom: 34px;
  }
}

.staffMystyleElderlyPreparation-sec01 .image01 {
  text-align: center;
  margin: 20px 0;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderlyPreparation-sec01 .image01 {
    margin: 0;
  }
}

.staffMystyleElderlyPreparation-sec01 .block01 + .ttl03 {
  margin: 40px 0 0;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderlyPreparation-sec01 .block01 + .ttl03 {
    margin: 47px 0 20px 0;
  }
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderlyPreparation-sec01 .txt01 {
    width: 770px;
  }
  .staffMystyleElderlyPreparation-sec01 .ttl03 {
    margin: 0 0 20px 0;
  }
  .staffMystyleElderlyPreparation-sec01 .block01 {
    padding: 0 20px;
  }
}

.staffMystyleElderlyPreparation-sec02 .ttl02 {
  margin: 40px 0 20px;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderlyPreparation-sec02 .ttl02 {
    margin: 94px 0 24px;
  }
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderlyPreparation-sec02 {
    margin-bottom: 92px;
  }
}

/*-------------------------------------------------------------------
    staff / mystyle / elderly_care / start
-------------------------------------------------------------------*/
.staff-mystyle-elderly-start .keyvisual-right {
  width: 215px;
  margin: 0 auto;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-elderly-start .keyvisual-right {
    position: absolute;
    top: -21px;
    right: 77px;
    width: auto;
    margin: 0;
  }
}

.staff-mystyle-elderly-start .keyvisual-txt {
  line-height: 1.66;
  color: #404040;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-elderly-start .keyvisual-txt {
    font-size: 18px;
    margin: 0;
  }
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-elderly-start #main {
    width: 100%;
  }
  .staff-mystyle-elderly-start h1 {
    padding-bottom: 64px;
  }
  .staff-mystyle-elderly-start .keyvisual01 {
    position: relative;
  }
  .staff-mystyle-elderly-start .keyvisual01-left {
    width: 680px;
  }
}

.staffMystyleElderlyStart-sec01 .ttl02, .staffMystyleElderlyStart-sec02 .ttl02, .staffMystyleElderlyStart-sec03 .ttl02, .staffMystyleElderlyStart-sec04 .ttl02 {
  margin: 40px 0 20px;
}

.staffMystyleElderlyStart-sec01 .ttl03 {
  margin: 35px 0 10px;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderlyStart-sec01 .ttl03 {
    margin: 40px 0 20px;
  }
}

.staffMystyleElderlyStart-sec01 .btnArea01 {
  margin: 30px 0;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderlyStart-sec01 .btnArea01 {
    margin: 18px 0;
  }
}

.staffMystyleElderlyStart-sec01 table {
  border-collapse: collapse;
  width: 100%;
}

.staffMystyleElderlyStart-sec01 th, .staffMystyleElderlyStart-sec01 td {
  border: solid 1px #ddd;
}

.staffMystyleElderlyStart-sec01 th {
  background: #f3f3f3;
  font-weight: bold;
  width: 63px;
  text-align: left;
  padding: 16px 0 16px 26px;
}

.staffMystyleElderlyStart-sec01 th:first-child {
  width: 205px;
}

.staffMystyleElderlyStart-sec01 th:nth-child(2) {
  width: 575px;
}

.staffMystyleElderlyStart-sec01 th:last-child {
  width: 241px;
}

.staffMystyleElderlyStart-sec01 td {
  padding: 25px 26px;
}

.staffMystyleElderlyStart-sec01 .block01 .item + .item {
  margin-top: 50px;
}

.staffMystyleElderlyStart-sec01 .block01 dt {
  background: #f3f3f3;
  padding: 10px;
  font-weight: bold;
  margin: 20px 0 0;
}

.staffMystyleElderlyStart-sec01 .block01 dd {
  padding: 10px;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderlyStart-sec01 .ttl02 {
    margin: 73px 0 35px;
  }
}

.staffMystyleElderlyStart-sec02 .ttl03 {
  margin: 30px 0 15px;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderlyStart-sec02 .ttl03 {
    margin: 33px 0 23px;
  }
}

.staffMystyleElderlyStart-sec02 .image01 {
  margin-bottom: 20px;
  text-align: center;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderlyStart-sec02 .image01 {
    margin-bottom: 30px;
  }
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderlyStart-sec02 .ttl02 {
    margin: 70px 0 35px;
  }
}

.staffMystyleElderlyStart-sec03 .lead02 {
  color: #6390c6;
  margin: 25px 0;
}

.staffMystyleElderlyStart-sec03 .ttl03 {
  margin: 30px 0 15px;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderlyStart-sec03 .ttl03 {
    margin: 42px 0 22px;
  }
}

.staffMystyleElderlyStart-sec03 .image01 {
  text-align: center;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderlyStart-sec03 .ttl02 {
    margin: 55px 0 35px;
  }
}

@media print, screen and (min-width: 737px) {
  .staffMystyleElderlyStart-sec04 {
    margin-bottom: 92px;
  }
  .staffMystyleElderlyStart-sec04 .ttl02 {
    margin: 154px 0 29px;
  }
}

/*-------------------------------------------------------------------
    staff / mystyle / ourstyle
-------------------------------------------------------------------*/
.staff-mystyle-ourstyle .keyvisual-right {
  width: 215px;
  margin: 0 auto 40px;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-ourstyle .keyvisual-right {
    position: absolute;
    width: auto;
    margin: 0;
    top: -16px;
    right: 60px;
  }
}

.staff-mystyle-ourstyle .keyvisual-txt {
  color: #404040;
  line-height: 1.6;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-ourstyle .keyvisual-txt {
    font-size: 18px;
    margin: 0;
  }
}

.staff-mystyle-ourstyle .item-ttlArea, .staff-mystyle-ourstyle .item-contentArea {
  display: block;
}

.staff-mystyle-ourstyle .item-ttlArea {
  display: table;
  width: 100%;
  padding: 10px 20px;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-ourstyle .item-ttlArea {
    padding: 17px 20px;
  }
}

.staff-mystyle-ourstyle .item-ttlArea:before {
  position: relative;
  content: "";
  display: table-cell;
  width: 10px;
  background: url("../img/common/cmn_ico02_black.png") no-repeat center;
  background-size: contain;
  top: 0px;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-ourstyle .item-ttlArea:before {
    top: -2px;
  }
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-ourstyle .item-contentArea {
    padding: 28px 20px 30px;
  }
}

.staff-mystyle-ourstyle .ttl03 {
  display: table-cell;
  padding-left: 5px;
  font-weight: bold;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-ourstyle .ttl03 {
    padding-left: 10px;
    font-size: 20px;
    text-decoration: none;
  }
}

.staff-mystyle-ourstyle .image01 {
  width: 30%;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-ourstyle .image01 {
    width: 133px;
  }
}

.staff-mystyle-ourstyle .image01 img {
  width: 100%;
  max-width: none;
}

.staff-mystyle-ourstyle .item {
  width: 100%;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-ourstyle .item {
    width: 500px;
    margin-bottom: 20px;
  }
}

.staff-mystyle-ourstyle .item a {
  text-decoration: none;
  display: block;
}

.staff-mystyle-ourstyle .item a:hover {
  opacity: 0.7;
}

.staff-mystyle-ourstyle .item + .item {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-ourstyle .item + .item {
    margin: 0;
  }
}

.staff-mystyle-ourstyle .txtArea {
  width: 65%;
}

.staff-mystyle-ourstyle .txtArea .name {
  display: block;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-ourstyle .txtArea .name {
    margin-bottom: 15px;
  }
}

.staff-mystyle-ourstyle .txtArea .txt01 {
  font-size: 13px;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-ourstyle .txtArea .txt01 {
    font-size: 14px;
  }
}

.staff-mystyle-ourstyle .mystyleList {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media print, screen and (min-width: 737px) {
  .staff-mystyle-ourstyle #main {
    width: 100%;
  }
  .staff-mystyle-ourstyle h1 {
    padding-bottom: 51px;
  }
  .staff-mystyle-ourstyle .keyvisual01 {
    position: relative;
    background: #f1f1f1;
    padding: 76px 40px 74px;
    margin-bottom: 100px;
  }
  .staff-mystyle-ourstyle .keyvisual01-left {
    width: 680px;
  }
}

@media print, screen and (min-width: 737px) {
  .staffMystyleOurstyle-sec01 {
    margin-bottom: 92px;
  }
}

.staffMystyleOurstyle-sec01 .ttl02 {
  margin: 40px 20px;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleOurstyle-sec01 .ttl02 {
    margin: 69px 0 29px;
  }
}

/*-------------------------------------------------------------------
    staff / mystyle / ourstyle / vol
-------------------------------------------------------------------*/
.staffMystyleOurstyleVol-profile {
  margin: 20px 0;
}

.staffMystyleOurstyleVol-profile .image01 {
  width: 40%;
  float: left;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleOurstyleVol-profile .image01 {
    max-width: 148px;
  }
}

.staffMystyleOurstyleVol-profile .image01 img {
  width: 100%;
}

.staffMystyleOurstyleVol-profile .mystyleOstlIntroName {
  float: right;
  font-size: 16px;
  font-weight: bold;
  display: block;
  width: 55%;
  color: #3a3a3a;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleOurstyleVol-profile .mystyleOstlIntroName {
    width: 645px;
  }
}

.staffMystyleOurstyleVol-profile .mystyleOstlIntroPref {
  font-weight: normal;
  font-size: 14px;
  border-top: solid 2px #ddd;
  display: block;
  padding-top: 5px;
}

.staffMystyleOurstyleVol-profile .block01 {
  margin-bottom: 20px;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleOurStyleVol-last {
    margin-bottom: 72px;
  }
}

.staffMystyleOurStyleVol-last .ttl02 {
  margin: 40px 0 20px;
}

@media print, screen and (min-width: 737px) {
  .staffMystyleOurStyleVol-last .ttl02 {
    margin: 76px 0 29px;
  }
}

/*-------------------------------------------------------------------
    english / common
-------------------------------------------------------------------*/
[class*="english"] {
  text-align: left;
}

/*-------------------------------------------------------------------
    english
-------------------------------------------------------------------*/
.englishTopCatch {
  margin-top: -80px;
  background: #DFDFDF;
}

.englishTopNavi {
  margin-top: 20px;
}

.experis.en {
  margin-top: 20px;
}

.experis.en .txt {
  text-align: center;
}

.experis.en .btn1 {
  text-align: center;
}

@media print, screen and (min-width: 737px) {
  .englishTopCatch {
    margin-top: 0;
  }
  .experis.en .txt {
    text-align: left;
    margin-top: 28px;
  }
  .experis.en .btn1 {
    margin-top: 14px;
    margin-right: 9px;
  }
}

/*-------------------------------------------------------------------
    english / english-client-lead01
-------------------------------------------------------------------*/

.english-client-lead01 {
  margin: 20px 0 30px;
}

.english-client-lead01 .image {
  width: 27.8%;
  margin-left: 1%;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.english-client-lead01 .txt {
  padding: 5px 0 0 37.4%;
  font-weight: bold;  
}


@media print, screen and (min-width: 737px) {
  .english-client-lead01 .image {
    width: 155px;
    margin-top: -23px;
    margin-bottom: 30px;
  }
  .english-client-lead01 .txt {
    padding-top: 30px;
    padding-left: 173px;
    font-size: 18px;
  }
}

/*-------------------------------------------------------------------
    english / contact01e
-------------------------------------------------------------------*/

[class*="company"] .secContact01e h2 {
  margin-bottom: 0;
}

[class*="company"] .secContact01e .contactBox {
  margin: 20px 0 0;
}

@media print, screen and (min-width: 737px) {
  [class*="company"] .secContact01e .contactBox {
    margin: 41px 0 0;
  }
}

.company-guide-jobsupportpower_staffSec + .secContact01e {
  margin-top: 45px;
}

.company-csrSec + .secContact01e {
  margin-top: 50px;
}

.company-eSurvey .secContact01e {
  margin-bottom: 28px;
}

.clientJinjiTemplate .secContact01e .contactBox {
  margin: 0 0 33px;
}

@media print, screen and (min-width: 737px) {
  .clientJinjiTemplate .secContact01e .contactBox {
    margin: 0 0 79px;
  }
}

.clientJinjiTemplate .secContact01e .contactBox01 {
  margin: 32px 0 30px;
}

@media print, screen and (min-width: 737px) {
  .clientJinjiTemplate .secContact01e .contactBox01 {
    margin: 65px 0 60px;
  }
}

.client-serve-global .secContact01e .ttl02 {
  margin: 32px 0 20px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-global .secContact01e .ttl02 {
    margin: 56px 0 41px;
  }
}

.client-download .secContact01e {
    margin-top: 60px;
  }

.english-client .contactBox ,
.english-temporary .contactBox ,
.english-ttp .contactBox ,
.english-permanent .contactBox ,
.english-compliance-related .contactBox {
    padding: 4px 10px 20px 10px;
}

.english-client .secContact01e .ttl ,
.english-temporary .secContact01e .ttl ,
.english-ttp .secContact01e .ttl ,
.english-permanent .secContact01e .ttl ,
.english-compliance-related .secContact01e .ttl {
    margin-top: 10px;
    margin-bottom: 10px;
 }

.english-client .secContact01e .contactBox .linkStyle03 ,
.english-temporary .secContact01e .contactBox .linkStyle03 ,
.english-ttp .secContact01e .contactBox .linkStyle03 ,
.english-permanent  .secContact01e .contactBox .linkStyle03 ,
.english-compliance-related .secContact01e .contactBox .linkStyle03 {
    margin-bottom: 0px;
    padding: 10px 0;
    width: 90.086206%;
    max-width: 300px;
}

@media print, screen and (min-width: 737px){

.english-client .contactBox ,
.english-temporary .contactBox ,
.english-ttp .contactBox ,
.english-permanent .contactBox ,
.english-compliance-related .contactBox {
    padding: 10px 13px 10px;
}

.english-client .secContact01e .ttl ,
.english-temporary .secContact01e .ttl ,
.english-ttp .secContact01e .ttl ,
.english-permanent .secContact01e .ttl ,
.english-compliance-related .secContact01e .ttl {
    font-size: 17px;
    margin-bottom: 20px;
 }

.english-client .secContact01e .contactBox .linkStyle03 ,
.english-temporary .secContact01e .contactBox .linkStyle03 ,
.english-ttp .secContact01e .contactBox .linkStyle03 ,
.english-permanent .secContact01e .contactBox .linkStyle03 ,
.english-compliance-related .secContact01e .contactBox .linkStyle03 {
    margin-bottom: 20px;
 }

.english-client .secContact01e .contactBox .linkStyle03 ,
.english-temporary .secContact01e .contactBox .linkStyle03 ,
.english-ttp .secContact01e .contactBox .linkStyle03 ,
.english-permanent .secContact01e .contactBox .linkStyle03 ,
.english-compliance-related .secContact01e .contactBox .linkStyle03 {
    margin-bottom: 20px;
    padding: 10px 0;
    width: 90.086206%;
}
}


/*-------------------------------------------------------------------
    english / nomal-link
-------------------------------------------------------------------*/

.english-client .nomal-link ,
.english-temporary .nomal-link ,
.english-ttp .nomal-link ,
.english-permanent .nomal-link ,
.english-compliance-related .nomal-link {
margin-top: 20px;
margin-left: 10px;
font-style: italic;
}

.english-client .nomal-link  a,
.english-temporary .nomal-link  a,
.english-ttp .nomal-link  a,
.english-permanent .nomal-link  a,
.english-compliance-related .nomal-link  a{
display:inline !important;
color: #6390c6;
}

.english-client .nomal-link  a :hover,
.english-temporary .nomal-link  a :hover,
.english-ttp .nomal-link  a :hover,
.english-permanent .nomal-link  a :hover,
.english-compliance-related .nomal-link  a :hover{
opacity: 0.7;
text-decoration: underline;
}


/*-------------------------------------------------------------------
    english / client
-------------------------------------------------------------------*/
.english-clientSec {
  margin-top: 30px;
}

.english-clientSec .ttl {
  margin-bottom: 10px;
}

@media print, screen and (min-width: 737px) {
  .english-clientSec {
    margin-top: 50px;
  }
  .english-clientSec .ttl {
    margin-bottom: 10px;
  }
  .english-clientSec:first-of-type {
    margin-top: 25px;
  }
}

.english-client_list{
margin-bottom: 20px;
}


.english-client .clientlist{
margin-top: 40px;
}

.english-client .clientlist a{
display:block ;
}

.english-client .clientlist .ttl2 {
background-size: 9px;
text-decoration: none;
background-color: #f3f3f3;
padding-top: 10px;
padding-left: 16px;
padding-bottom: 10px;
padding-right: 26px;
font-weight: bold;
font-size: 16px;
}

.english-client .clientlist .txt01 {
margin-top: 10px;
margin-bottom: 10px;
}

@media screen and (max-width: 736px) {
.english-client .clientlist dt,
.english-client .clientlist dd,
.english-client .clientlist ul,
.english-client .clientlist p{
padding: 10px;
}

.english-client .clientlist .ttl2 a{
text-decoration: none;
}
}

@media screen and (min-width: 736px) {
.english-client .clientlist .ttl2 {
font-size: 26px;
}
.english-client .clientlist .ttl2 a:hover {
opacity: 0.7;
text-decoration: none;
 }
}

@media screen and (min-width: 736px) {
.english-temporary .clientlist .ttl2 {
font-size: 26px;
}
.english-temporary .clientlist .ttl2 a:hover {
opacity: 0.7;
text-decoration: none;
 }
}

.link_arrow{
  background: url("../img/common/cmn_ico02_black.png") no-repeat right 10px center;
}

.temporarylist_t {
  padding: 10px !important;
}


/*-------------------------------------------------------------------
    english / staff
-------------------------------------------------------------------*/
.english-StaffSec01 .list {
  margin-top: 40px;
}

/*-------------------------------------------------------------------
    english / client / point
-------------------------------------------------------------------*/
@media print, screen and (min-width: 737px) {
  .english-point .english-pointSec:last-child {
    margin-bottom: 50px;
  }
}

.english-point .ttlStyle02 + .txt01 {
  color: #3a3a3a;
}

.english-point .english-pointSec + .english-pointSec {
  margin-top: 30px;
}

@media print, screen and (min-width: 737px) {
  .english-point .english-pointSec + .english-pointSec {
    margin-top: 50px;
  }
}

.english-point .english-pointSec .ttl01 {
  margin-bottom: 20px;
}

.english-point .english-pointSec .ttl02 {
  margin: 20px 0 15px;
}

.english-point .english-pointSec .txt01 + .inner {
  padding-right: 0;
}

.english-point .english-pointSec .txt01 + .txt01 {
  margin-top: 15px;
}

.english-point .english-pointSec .img01 {
  margin: 25px 0 30px;
}

.english-point .english-pointSec .img02 {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .english-point .english-pointSec .box01 .txt {
    width: 640px;
  }
}

@media screen and (max-width: 736px) {
  .english-point .english-pointSec .box01 .image {
    margin-top: 10px;
  }
}



/*-------------------------------------------------------------------
    english / client / temporary
-------------------------------------------------------------------*/

@media print, screen and (min-width: 737px) {
  .english-temporary .english-temporarySec:last-child {
    margin-bottom: 50px;
  }
}

.english-temporary .ttlStyle02 + .txt01 {
  color: #3a3a3a;
}

.english-temporary .english-temporarySec + .english-temporarySec {
  margin-top: 30px;
}

@media print, screen and (min-width: 737px) {
  .english-temporary .english-temporarySec + .english-temporarySec {
    margin-top: 50px;
  }
}

.english-temporary .english-temporarySec .ttl01 {
  margin-bottom: 20px;
}

.english-temporary .english-temporarySec .ttl02 {
  margin: 20px 0 15px;
}

.english-temporary .english-temporarySec .txt01 + .inner {
  padding-right: 0;
}

.english-temporary .english-temporarySec .txt01 + .txt01 {
  margin-top: 15px;
}

.english-temporary .english-temporarySec .img01 {
  margin: 25px 0 30px;
}

.english-temporary .english-temporarySec .img02 {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .english-temporary .english-temporarySec .box01 .txt {
    width: 640px;
  }
}

@media screen and (max-width: 736px) {
  .english-temporary .english-temporarySec .box01 .image {
    margin-top: 10px;
  }
}

@media print, screen and (max-width: 737px) {
.image-r{
display: flex;
justify-content: center;
padding-bottom: 30px;
}
}

@media screen and (min-width: 736px) {
.image-r{
float: right;
padding-left: 20px;
padding-bottom: 30px;
}
}

.temp_txt{
margin-bottom: 10px;
}

.english-temporary .temporarylist{
margin-top: 40px;
}

.english-temporary .temporarylist .ttl2 {
background-size: 9px;
text-decoration: none;
background-color: #f3f3f3;
padding-top: 10px;
padding-left: 16px;
padding-bottom: 10px;
padding-right: 26px;
font-weight: bold;
font-size: 16px;
}

.english-temporary .temporarylist .txt01 {
padding: 10px;
}
@media screen and (max-width: 736px) {
.english-temporary .temporarylist dt,
.english-temporary .temporarylist dd,
.english-temporary .temporarylist ul,
.english-temporary .temporarylist p{
padding: 10px;
}
.english-temporary .temporarylist .ttl2 a{
text-decoration: none;
}
}

.english-temporary .nomark{
margin-top: 5px;
}
.english-temporary .nomark li{
padding-top: 5px;
padding-bottom: 5px;
margin-left: 5px;
}
.english-temporary .nomark li:before{
content: "・";
margin-right: -2px;
}

@media screen and (max-width: 736px) {
.english-temporary .nomark li:before{
content: "・";
margin-left: -10px;
}
}



.english-temporary .temporary_table{
box-sizing: border-box;
width: 100%;
margin-top: 20px;
}
.english-temporary .temporary_table tr{
}
.english-temporary .temporary_table th{
width: 115px;
border: #cccccc 1px solid;
padding: 10px;
word-wrap: break-word;
background: #6390c6;
color: #fff;
}
.english-temporary .temporary_table td{
border-top: #cccccc 1px solid;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
padding: 10px;
word-wrap: break-word;
}

@media print, screen and (min-width: 737px) {
.english-temporary .temporary_table th{
width: 180px;
 }
}

.mt10{
margin-top: 10px;
}

/*-------------------------------------------------------------------
    english / client / ttp
-------------------------------------------------------------------*/

@media print, screen and (min-width: 737px) {
  .english-ttp .english-ttpSec:last-child {
    margin-bottom: 50px;
  }
}

.english-ttp .ttlStyle02 + .txt01 {
  color: #3a3a3a;
}

.english-ttp .english-ttpSec + .english-ttpSec {
  margin-top: 30px;
}

@media print, screen and (min-width: 737px) {
  .english-ttp .english-ttpSec + .english-ttpSec {
    margin-top: 50px;
  }
}

.english-ttp .english-ttpSec .ttl01 {
  margin-bottom: 20px;
}

.english-ttp .english-ttpSec .ttl02 {
  margin: 20px 0 15px;
}

.english-ttp .english-ttpSec .txt01 + .inner {
  padding-right: 0;
}

.english-ttp .english-ttpSec .txt01 + .txt01 {
  margin-top: 15px;
}

.english-ttp .english-ttpSec .img01 {
  margin: 25px 0 30px;
}

.english-ttp .english-ttpSec .img02 {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .english-ttp .english-ttpSec .box01 .txt {
    width: 640px;
  }
}

@media screen and (max-width: 736px) {
  .english-ttp .english-ttpSec .box01 .image {
    margin-top: 10px;
  }
}


.english-ttp .ttplist{
margin-top: 40px;
}

.english-ttp .ttplist .ttl2 {
background-size: 9px;
text-decoration: none;
background-color: #f3f3f3;
padding-top: 10px;
padding-left: 16px;
padding-bottom: 10px;
padding-right: 26px;
font-weight: bold;
font-size: 16px;
}

.english-ttp .ttplist .txt01 {
padding: 10px;
}
@media screen and (max-width: 736px) {
.english-ttp .ttplist dt,
.english-ttp .ttplist dd,
.english-ttp .ttplist ul,
.english-ttp .ttplist p{
padding: 10px;
}
.english-ttp .ttplist .ttl2 a{
text-decoration: none;
}
}

.english-ttp .gaiyouTable .rtd{
background: #6390c6;
color: #fff;
}



/* temp-to-perm process */

.english-clientTtp-ttl03 {
margin: 40px 0 20px;
}

.english-clientTtp-sec01-lead01 {
margin: 20px 0;
}

.english-clientTtp-sec01-h3 {
margin-bottom: 15px;
}

.english-clientTtp-sec01-list01 {
margin-bottom: 40px;
}

.english-clientTtp-sec01-list01 .type01 .listStyle13e-ttl {
background: #718fb9;
height: auto;
}

.english-clientTtp-sec01-list01 .type02 .listStyle13e-ttl {
background: #83a7c9;
height: auto;
}

.english-clientTtp-sec01-list01 .type03 .listStyle13e-ttl {
background: #97afa5;
height: auto;
}

.english-clientTtp-sec01-list01 .type04 .listStyle13e-ttl {
background: #ec9e5e;
height: auto;
}

.english-clientTtp-sec01-list01 .type05 .listStyle13e-ttl {
background: #bb656e;
height: auto;
}

.english-clientTtp-sec01-block01 {
border: solid 1px #6390c6;
}

.english-clientTtp-sec01-block01 .ttl {
font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #fff;
font-size: 18px;
background: #6390c6;
padding: 10px 15px;
}

.english-clientTtp-sec01-block01 li {
text-indent: -1.5em;
margin-left: 1.5em;
}

.english-clientTtp-sec01-block01 li:before {
content: "\0025ef";
color: #6390c6;
margin-right: 0.5em;
}

.english-clientTtp-sec01-block01 li + li {
margin-top: 10px;
}

.english-clientTtp-sec01-block01 .btnArea {
margin: 20px 0;
}

.english-clientTtp-sec01-block01-inner {
padding: 20px 15px;
}

.english-clientTtp-sec01-link01 {
font-size: 14px;
}

.english-clientTtp-sec02-list01 .type01 {
background: #e98736;
}

.english-clientTtp-sec02-list01 .type02 {
background: #739586;
}

.english-clientTtp-sec02-list01 .type03 {
background: #6390c6;
}

@media print, screen and (min-width: 737px) {
.english-clientTtp-sec01-lead01 {
margin-bottom: 50px;
}
.english-clientTtp-sec01-h3 {
margin-bottom: 30px;
}
.english-clientTtp-sec01-list01 {
margin-bottom: 35px;
}
.english-clientTtp-sec01-list01 .type01 {
border-color: #718fb9;
}
.english-clientTtp-sec01-list01 .type01:after {
border-left-color: #718fb9;
}
.english-clientTtp-sec01-list01 .type02 {
border-color: #83a7c9;
}
.english-clientTtp-sec01-list01 .type02:after {
border-left-color: #83a7c9;
}
.english-clientTtp-sec01-list01 .type03 {
border-color: #97afa5;
}
.english-clientTtp-sec01-list01 .type03:after {
border-left-color: #97afa5;
}
.english-clientTtp-sec01-list01 .type04 {
border-color: #ec9e5e;
}
.english-clientTtp-sec01-list01 .type04:after {
border-left-color: #ec9e5e;
}
.english-clientTtp-sec01-list01 .type05 {
border-color: #bb656e;
}
.english-clientTtp-sec01-list01 .type05:after {
border-left-color: #bb656e;
}
.english-clientTtp-sec01-block01 .ttl {
padding: 20px 37px;
font-size: 21px;
line-height: 1;
}
.english-clientTtp-sec01-block01 li {
line-height: 1;
}
.english-clientTtp-sec01-block01 li + li {
margin-top: 22px;
}
.english-clientTtp-sec01-block01 .btnArea {
margin: 23px 0 16px;
}
.english-clientTtp-sec01-block01-inner {
padding: 30px 55px 0;
}
.english-clientTtp-sec01-link01 {
width: 317px;
margin: 0 auto;
}
.english-clientTtp-sec01-list01 .type01 .listStyle13e-ttl {
background: #718fb9;
height: 100px;
}

.english-clientTtp-sec01-list01 .type02 .listStyle13e-ttl {
background: #83a7c9;
height: 100px;
}

.english-clientTtp-sec01-list01 .type03 .listStyle13e-ttl {
background: #97afa5;
height: 100px;
}

.english-clientTtp-sec01-list01 .type04 .listStyle13e-ttl {
background: #ec9e5e;
height: 100px;
}

.english-clientTtp-sec01-list01 .type05 .listStyle13e-ttl {
background: #bb656e;
height: 100px;
}
}

.listStyle13e li {
position: relative;
margin-bottom: 30px;
}

.listStyle13e li:after {
content: "";
display: block;
position: absolute;
bottom: -50px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 0;
border: 25px solid transparent;
border-top: 15px solid #c4c4c4;
}

.listStyle13e li + li {
margin-top: 40px;
}

.listStyle13e li:last-child {
margin-bottom: 0;
}

.listStyle13e li:last-child:after {
display: none;
}

.listStyle13e-ttl {
background: #404040;
color: #fff;
padding: 10px;
margin-bottom: 10px;
}

.listStyle13e-ttl .stxt, .listStyle13-ttl .ttl {
display: inline-block;
}

.listStyle13e-ttl .stxt {
margin-right: 15px;
margin-bottom: -10px;
}

.listStyle13e-ttl .ttl {
font-size: 18px;
}

@media print, screen and (min-width: 737px) {
.listStyle13e ol {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
}
.listStyle13e ol li {
width: 140px;
margin: 0;
border: solid 1px #404040;
}
.listStyle13e ol li:after {
left: auto;
bottom: auto;
top: 0;
right: -106px;
border: 50px solid transparent;
border-left: 20px solid #c4c4c4;
}
.listStyle13e-ttl {
height: 71px;
padding: 9px 14px 0 14px;
}
.listStyle13e-ttl .stxt, .listStyle13-ttl .ttl {
display: block;
}
.listStyle13e-ttl .stxt {
font-size: 14px;
margin-bottom: 0;
}
.listStyle13e-ttl .ttl {
font-size: 15px;
}
.listStyle13e-ttl .ttl span:first-child {
margin-right: -5px;
}
.listStyle13e-ttl .ttl span:last-child {
margin-left: -9px;
}
.listStyle13e-txt {
padding: 0 14px 14px;
}
}

.pr0{
padding-right: 0;
}

.english-ttp .ttptable{
margin: 10px 0px 40px 0px;
width: 100%;
}

.english-ttp .ttptable td{
padding: 10px;
font-size:14px;
}

.english-ttp .ttptable .rtd{
width: 110px;
}


@media print, screen and (min-width: 737px) {
.fs13{
font-size: 14px;
}
.english-ttp .ttptable .rtd{
width: 180px;
}
}


/*-------------------------------------------------------------------
english / client / permanent
-------------------------------------------------------------------*/

@media print, screen and (min-width: 737px) {
  .english-permanent .english-permanentSec:last-child {
    margin-bottom: 50px;
  }
}

.english-permanent .ttlStyle02 + .txt01 {
  color: #3a3a3a;
}

.english-permanent .english-permanentSec + .english-permanentSec {
  margin-top: 30px;
}

@media print, screen and (min-width: 737px) {
  .english-permanent .english-permanentSec + .english-permanentSec {
    margin-top: 50px;
  }
}

.english-permanent .english-permanentSec .ttl01 {
  margin-bottom: 20px;
}

.english-permanent .english-permanentSec .ttl02 {
  margin: 32px 0 15px;
}

.english-permanent .english-permanentSec .txt01 + .inner {
  padding-right: 0;
}

.english-permanent .english-permanentSec .txt01 + .txt01 {
  margin-top: 15px;
}

.english-permanent .english-permanentSec .img01 {
  margin: 25px 0 30px;
}

.english-permanent .english-permanentSec .img02 {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .english-permanent .english-permanentSec .box01 .txt {
    width: 640px;
  }
}

@media screen and (max-width: 736px) {
  .english-permanent .english-permanentSec .box01 .image {
    margin-top: 10px;
  }
}

.english-permanent .gaiyouTable .rtd{
background: #6390c6;
color: #fff;
}

.pp_dtitle{
font-size: 16px;
font-weight: bold;
padding-left: 10px;
border-bottom: #6390c6 3px solid;
}
.pp_dlist{
width: 100%;
-moz-box-sizing: border-box;
box-sizing:border-box;
}
.pp_dlist dt{
-moz-box-sizing: inherit;
box-sizing: inherit;
min-width: 100px;
padding: 10px;
font-size: 14px;
word-wrap: break-word;
}
.pp_dlist dd{
-moz-box-sizing: inherit;
box-sizing: inherit;
border-left: #f2f2f2 2px solid;
padding: 10px;
font-size: 14px;
word-wrap: break-word;
box-sizing:border-box;
}

@media screen and (max-width: 736px) {
.pp_dlist dt{
flex-basis: 300px;
}
.pp_dlist dd{
padding: 10px;
}
}


.english-testimonial-comment{
}

.english-testimonial-by{
text-align: right;
padding-bottom: 40px;
}

.english-permanent .ttptable{
margin: 10px 0px 40px 0px;
width: 100%;
}

.english-permanent .ttptable td{
padding: 10px;
font-size:14px;
}

.english-permanent .ttptable .rtd{
width: 100px;
}


@media print, screen and (min-width: 737px) {
.english-permanent .ttptable .rtd{
width: 110px;
}
}


/*-------------------------------------------------------------------
english / client / compliance-related
-------------------------------------------------------------------*/

@media print, screen and (min-width: 737px) {
  .english-compliance-related .english-compliance-relatedSec:last-child {
    margin-bottom: 50px;
  }
}

.english-compliance-related .ttlStyle02 + .txt01 {
  color: #3a3a3a;
}

.english-compliance-related .english-compliance-relatedSec + .english-compliance-relatedSec {
  margin-top: 30px;
}

@media print, screen and (min-width: 737px) {
  .english-compliance-related .english-compliance-relatedSec + .english-compliance-relatedSec {
    margin-top: 50px;
  }
}

.english-compliance-related .english-compliance-relatedSec .ttl01 {
  margin-bottom: 20px;
}

.english-compliance-related .english-compliance-relatedSec .ttl02 {
  margin: 45px 0 15px;
}

.english-compliance-related .english-compliance-relatedSec .txt01 + .inner {
  padding-right: 0;
}

.english-compliance-related .english-compliance-relatedSec .txt01 + .txt01 {
  margin-top: 15px;
}

.english-compliance-related .english-compliance-relatedSec .img01 {
  margin: 25px 0 30px;
}

.english-compliance-related .english-compliance-relatedSec .img02 {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .english-compliance-related .english-compliance-relatedSec .box01 .txt {
    width: 640px;
  }
}

@media screen and (max-width: 736px) {
  .english-compliance-related .english-compliance-relatedSec .box01 .image {
    margin-top: 10px;
  }
}

.english-compliance-related .listStyle04 .bold{
font-weight: bold;
}

.english-compliance-related .listStyle04 .listfirst{
font-size: 120% ;
}

.english-compliance-related .listStyle04 .listchild{
padding-left: 10px !important;
}

.english-compliance-related .english-compliance-relatedSec h4{
font-weight: bold;
}


/*-------------------------------------------------------------------
    english / company / guide / data
-------------------------------------------------------------------*/
.english-data .english-dataSec > .english-dataSec {
  margin-top: 30px;
}

@media print, screen and (min-width: 737px) {
  .english-data .english-dataSec > .english-dataSec {
    margin-top: 50px;
  }
}

.english-data h1 + p {
  color: #3a3a3a;
}

.english-data .english-dataSec .ttl01 {
  margin-bottom: 20px;
}

.english-data .english-dataSec .img01 {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .english-data .english-dataSec .table01 {
    margin-top: 0;
  }
}

.english-data .english-dataSec .table01 th {
  font-weight: bold;
  color: #282a32;
}

@media print, screen and (min-width: 737px) {
  .english-data .english-dataSec .table01 th {
    width: 210px;
  }
}

@media screen and (max-width: 736px) {
  .english-data .english-dataSec .table01 th.fz13 {
    font-size: 16px;
  }
}

.english-data .english-dataSec .table01 td {
  color: #3a3a3a;
  vertical-align: middle;
}

@media print, screen and (min-width: 737px) {
  .english-data .english-dataSec .table01 td {
    width: 570px;
  }
}

.english-data .english-dataSec .list01 {
  padding-left: 0;
}

@media screen and (max-width: 736px) {
  .english-data .english-dataSec .list01 li + li {
    margin-top: 5px;
  }
}

.english-data .english-dataSec .list01 a {
  padding-left: 0;
  background: none;
}

.english-data .english-dataSec .list01 .txt {
  color: #3a3a3a;
  padding-left: 0.92em;
}

.english-data .english-dataSec .list02 {
  color: #3a3a3a;
}

@media screen and (max-width: 736px) {
  .english-data .english-dataSec .list02 li + li {
    margin-top: 10px;
  }
}

/*-------------------------------------------------------------------
    english / company / guide / professional-search
-------------------------------------------------------------------*/
.english-professional .english-professionalSec .txt01 {
  margin-bottom: 25px;
  color: #3a3a3a;
}

.english-professional .english-professionalSec .inner {
  padding-right: 0;
}

.english-professional .english-professionalSec .list01 {
  padding-left: 0;
}

@media screen and (max-width: 736px) {
  .english-professional .english-professionalSec .list01 li + li {
    margin-top: 5px;
  }
}

.english-professional .english-professionalSec .list01 a {
  padding-left: 0;
  background: none;
}

.english-professional .english-professionalSec .list01 .txt {
  padding-left: 0.92em;
  color: #3a3a3a;
}

/*-------------------------------------------------------------------
    english / company / guide / vision
-------------------------------------------------------------------*/
.english-vision .english-visionSec > .english-visionSec {
  margin-top: 30px;
}

@media print, screen and (min-width: 737px) {
  .english-vision .english-visionSec > .english-visionSec {
    margin-top: 50px;
  }
}

@media print, screen and (min-width: 737px) {
  .english-vision .english-visionSec:last-child {
    margin-bottom: 60px;
  }
}

.english-vision .english-visionSec .ttl01 {
  margin-bottom: 15px;
}

.english-vision .english-visionSec .inner {
  padding: 0 20px 0 5px;
}

.english-vision .english-visionSec .inner .txt01 {
  color: #3a3a3a;
}

.english-vision .english-visionSec .inner .txt01 + .txt01 {
  margin-top: 15px;
}

.english-vision .english-visionSec .inner .txt02 {
  color: #3a3a3a;
}

.english-vision .english-visionSec .inner .list01 {
  margin: 15px 0;
  color: #3a3a3a;
}

@media print, screen and (min-width: 737px) {
  .english-vision .english-visionSec .table01 {
    margin-top: 0;
  }
}

.english-vision .english-visionSec .table01 th {
  font-weight: bold;
}

@media print, screen and (min-width: 737px) {
  .english-vision .english-visionSec .table01 th {
    width: 200px;
    text-align: left;
  }
}

.english-vision .english-visionSec .table01 td {
  color: #3a3a3a;
}

@media print, screen and (min-width: 737px) {
  .english-vision .english-visionSec .table01 td {
    width: 580px;
  }
}

.english-vision .english-visionSec .table01 .bl01 {
  color: #5f81aa;
}

.english-vision .english-visionSec .table01 .bl02 {
  color: #6698c2;
}

.english-vision .english-visionSec .table01 .gr01 {
  color: #7ea190;
}

.english-vision .english-visionSec .table01 .re01 {
  color: #d3504f;
}

.english-vision .english-visionSec .table01 .or01 {
  color: #d47c18;
}

/*-------------------------------------------------------------------
    english / company / guide / compliance
-------------------------------------------------------------------*/
.english-compliance .english-complianceSec + .english-complianceSec {
  margin-top: 30px;
}

@media print, screen and (min-width: 737px) {
  .english-compliance .english-complianceSec + .english-complianceSec {
    margin-top: 50px;
  }
}

@media print, screen and (min-width: 737px) {
  .english-compliance .english-complianceSec:last-child {
    margin-bottom: 54px;
  }
}

.english-compliance .english-complianceSec h1 {
  margin-bottom: 10px;
}

@media print, screen and (min-width: 737px) {
  .english-compliance .english-complianceSec h1 {
    margin-bottom: 25px;
  }
}

.english-compliance .english-complianceSec .ttl02 {
  margin-bottom: 20px;
}

.english-compliance .english-complianceSec .ttl03 {
  margin-bottom: 10px;
}

.english-compliance .english-complianceSec .inner.box01 {
  padding-left: 5px;
}

.english-compliance .english-complianceSec .box01 .image {
  margin-top: 15px;
}

.english-compliance .english-complianceSec .box01 .txt02 {
  color: #3a3a3a;
}

.english-compliance .english-complianceSec .box01 .txt {
  color: #3a3a3a;
}

.english-compliance .english-complianceSec .box02 .txt {
  color: #3a3a3a;
}

@media print, screen and (min-width: 737px) {
  .english-compliance .english-complianceSec .box01 .txt {
    width: 725px;
  }
  .english-compliance .english-complianceSec .box02 .txt {
    width: 680px;
  }
}

@media screen and (max-width: 736px) {
  .english-compliance .english-complianceSec .box02 .image {
    margin-top: 10px;
  }
}

.english-compliance .english-complianceSec .box03 {
  padding-right: 0;
}

.english-compliance .english-complianceSec .box04 {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .english-compliance .english-complianceSec .box04 {
    padding-right: 40px;
  }
}

/*-------------------------------------------------------------------
    english / info / about
-------------------------------------------------------------------*/
.english-about .english-aboutSec + .english-aboutSec {
  margin-top: 30px;
}

@media print, screen and (min-width: 737px) {
  .english-about .english-aboutSec + .english-aboutSec {
    margin-top: 50px;
  }
}

.english-about h1 {
  margin-bottom: 10px;
}

@media print, screen and (min-width: 737px) {
  .english-about h1 {
    margin-bottom: 25px;
  }
}

@media print, screen and (min-width: 737px) {
  .english-about .english-aboutSec:last-child {
    margin-bottom: 50px;
  }
}

.english-about .english-aboutSec .ttl {
  margin-bottom: 15px;
}

.english-about .english-aboutSec .hoverStyle02 {
  margin-right: 0;
}

.english-about .english-aboutSec p {
  color: #3a3a3a;
}

/*-------------------------------------------------------------------
    english / info / privacypolicy
-------------------------------------------------------------------*/
.english-privacypolicy h1 + p {
  color: #3a3a3a;
}

.english-privacypolicy .list01 {
  margin: 20px 0;
  color: #3a3a3a;
}

.english-privacypolicy .list01 li + li {
  margin-top: 15px;
}

@media print, screen and (min-width: 737px) {
  .english-privacypolicy .list01 {
    margin: 15px 0 40px;
    padding-left: 35px;
  }
  .english-privacypolicy .list01 li:before {
    left: -1.3em;
  }
}

.english-privacypolicy .img01 {
  margin-bottom: 25px;
}

.english-privacypolicy .box01 {
  color: #3a3a3a;
}

.english-privacypolicy .box01.inner {
  margin-bottom: 40px;
}

.english-privacypolicy .box01 .txt01 + .txt01 {
  margin-top: 15px;
}

@media print, screen and (min-width: 737px) {
  .english-privacypolicy .box01 .txt01 + .txt01 {
    margin-top: 30px;
  }
}

.english-privacypolicy .english-privacypolicySec {
  padding: 15px 2.71%;
  border: solid 1px #3a3a3a;
  overflow: hidden;
}

@media print, screen and (min-width: 737px) {
  .english-privacypolicy .english-privacypolicySec {
    padding: 15px 40px;
  }
}

.english-privacypolicy .english-privacypolicySec .ttl {
  margin-bottom: 20px;
}

.english-privacypolicy .english-privacypolicySec .txt02,
.english-privacypolicy .english-privacypolicySec .txt03,
.english-privacypolicy .english-privacypolicySec .list01 {
  margin-bottom: 25px;
  color: #3a3a3a;
}

@media print, screen and (min-width: 737px) {
  .english-privacypolicy .english-privacypolicySec .txt03 {
    margin-left: 35px;
  }
}

/*-------------------------------------------------------------------
    english / info / personal_information
-------------------------------------------------------------------*/
.english-personalinfo .english-personalinfoSec .ttl, .english-personalinfo .english-personalinfoSec .txt, .english-personalinfo .english-personalinfoSec .list01, .english-personalinfo .english-personalinfoSec .list02 {
  color: #3a3a3a;
}

.english-personalinfo .english-personalinfoSec .list01 {
  margin-bottom: 30px;
}

.english-personalinfo .english-personalinfoSec .list01 > li + li {
  margin-top: 25px;
}

@media print, screen and (min-width: 737px) {
  .english-personalinfo .english-personalinfoSec .list01 {
    padding: 0 30px;
  }
  .english-personalinfo .english-personalinfoSec .list01 > li:before {
    left: -1.3em;
  }
}

@media screen and (max-width: 736px) {
  .english-personalinfo .english-personalinfoSec .list01 > li > .ttl {
    display: inline;
  }
}

.english-personalinfo .english-personalinfoSec .list02,
.english-personalinfo .english-personalinfoSec .list02 > li + li,
.english-personalinfo .english-personalinfoSec .list03,
.english-personalinfo .english-personalinfoSec .list03 > li + li {
  margin-top: 20px;
}

.english-personalinfo .english-personalinfoSec .list03 {
  padding: 0;
}

@media screen and (max-width: 736px) {
  .english-personalinfo .english-personalinfoSec .list03 {
    margin: 20px 1.4em 0;
  }
}

.english-personalinfo .english-personalinfoSec .list03 > li .ttl {
  text-indent: 2em;
}

.english-personalinfo .english-personalinfoSec .list03 > li:before {
  left: 0;
}

@media screen and (max-width: 736px) {
  .english-personalinfo .english-personalinfoSec .ttl + .txt {
    margin-top: 10px;
  }
}

/*-------------------------------------------------------------------
    english / info / privacy
-------------------------------------------------------------------*/
@media print, screen and (min-width: 737px) {
  .english-privacy .box01 {
    padding: 0 20px 0 40px;
  }
}

.english-privacy .txt, .english-privacy .list03 {
  color: #3a3a3a;
}

.english-privacy .txt + .txt {
  margin-top: 20px;
}

.english-privacy .txt + .txt.mt10 {
  margin-top: 10px;
}

.english-privacy ul[class*="list0"] {
  margin-top: 20px;
}

.english-privacy ul[class*="list0"].mt10 {
  margin-top: 10px;
}

.english-privacy .list01 > li + li {
  margin-top: 10px;
}

.english-privacy .english-privacySec {
  margin-top: 30px;
}

@media print, screen and (min-width: 737px) {
  .english-privacy .english-privacySec {
    margin-top: 50px;
  }
}

.english-privacy .english-privacySec > .inner {
  padding-right: 0;
}

.english-privacy .english-privacySec .ttl01 {
  margin-bottom: 15px;
}

.english-privacy .english-privacySec .list02 {
  margin-bottom: 10px;
}

@media print, screen and (min-width: 737px) {
  .english-privacy .english-privacySec .list02 {
    padding: 0 20px;
  }
}

.english-privacy .english-privacySec .list02 li {
  padding-left: 1em;
  text-indent: -1em;
}

.english-privacy .english-privacySec .list02 li + li {
  margin-top: 0;
}

/*-------------------------------------------------------------------
    english / inquiry
-------------------------------------------------------------------*/
.english-inquiry .box01 {
  margin-top: 10px;
}

@media print, screen and (min-width: 737px) {
  .english-inquiry .box01 {
    padding: 0 40px;
  }
}

.english-inquiry .list01 {
  margin: 25px 0 0;
}

.english-inquiry .list01 > li + li {
  margin-top: 10px;
}

/*-------------------------------------------------------------------
    english / order
-------------------------------------------------------------------*/
@media print, screen and (min-width: 737px) {
  .english-order #main {
    width: 100%;
  }
}

.english-order .ttl02 {
  margin: 40px 0 20px;
}

@media print, screen and (min-width: 737px) {
  .english-order h1 {
    padding-bottom: 34px;
    margin-top: 22px;
  }
}

.english-order .lead01 {
  color: #3a3a3a;
}

.english-order .btnArea01 {
  margin: 20px 0;
  text-align: center;
}

@media print, screen and (min-width: 737px) {
  .english-order .btnArea01 {
    position: relative;
  }
}

.english-order .btnArea01 button {
  width: auto;
  margin-bottom: 10px;
}

@media print, screen and (min-width: 737px) {
  .english-order .btnArea01 button {
    margin: 77px 0 83px;
    line-height: 1;
    font-size: 17px;
    padding: 11px 46px;
  }
}

.english-order .lead03 span {
  margin-left: 16px;
}

@media print, screen and (min-width: 737px) {
  .englishOrder-sec01 .ttl02 {
    margin: 47px 0 23px;
  }
}

.englishOrder-sec01 .lead02 {
  color: #3a3a3a;
}

@media print, screen and (min-width: 737px) {
  .englishOrder-sec01 .lead02 {
    float: left;
  }
}

.englishOrder-sec01 .btnArea03 {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .englishOrder-sec01 .btnArea03 {
    margin-top: 0;
  }
}

.englishOrder-sec01 .btnArea03 .link01 {
  color: #282a32;
  font-size: 13px;
  width: auto;
  line-height: 1;
  padding: 7px 27px 6px;
  margin: -3px 0 0 15px;
}

@media print, screen and (min-width: 737px) {
  .englishOrder-sec02 .order-table01 th {
    width: 285px;
  }
}

@media print, screen and (min-width: 737px) {
  .englishOrder-sec02 .order-table01 td {
    width: 740px;
  }
}

@media print, screen and (min-width: 737px) {
  .englishOrder-sec02 .ttl02 {
    margin: 61px 0 26px;
  }
}

.englishOrder-sec02 .lead02 {
  color: #3a3a3a;
}

.englishOrder-sec02 .required01 {
  display: inline-block;
  color: #fff;
  font-size: 11px;
  padding: 2px 6px 1px;
  margin-top: -1px;
  font-weight: normal;
  text-align: center;
  background: #cd545c;
  margin-right: 6px;
}

@media print, screen and (min-width: 737px) {
  .englishOrder-sec02 .required01 {
    width: 44px;
    height: 23px;
    margin: auto 0;
    margin-right: 6px;
    font-size: 14px;
    padding: 0 8px;
  }
}

.englishOrder-sec02 .required {
  text-align: center;
}

@media print, screen and (min-width: 737px) {
  .englishOrder-sec02 .ttl03 {
    width: 200px;
  }
}

.englishOrder-sec02 .block01 .englishtitle01 {
  margin-top: 30px;
}

@media print, screen and (min-width: 737px) {
  .englishOrder-sec02 .block01 .englishtitle01 {
    margin: 30px 0 17px;
  }
}

@media print, screen and (min-width: 737px) {
  .englishOrder-sec02 .block02 .englishtitle01 {
    margin: 85px 0 10px;
  }
}

@media print, screen and (min-width: 737px) {
  .englishOrder-sec02 .block03 .englishtitle01 {
    margin: 74px 0 10px;
  }
}

@media print, screen and (min-width: 737px) {
  .englishOrder-sec02 .block04 .englishtitle01 {
    margin: 71px 0 33px;
  }
}

@media print, screen and (min-width: 737px) {
  .englishOrder-sec02 .block04 th {
    padding-right: 48px;
  }
}

@media print, screen and (min-width: 737px) {
  .englishOrder-sec02 .block04 textarea {
    height: 75px;
  }
}

/*-------------------------------------------------------------------
    english / order / confirm
-------------------------------------------------------------------*/
.english-order-confirm h1 {
  padding-bottom: 27px;
}

@media print, screen and (min-width: 737px) {
  .english-order-confirm h1 {
    padding-bottom: 20px;
  }
}

.english-order-confirm #main {
  width: 100%;
}

.english-order-confirm .ttl02 {
  margin: 40px 0 20px;
}

@media print, screen and (min-width: 737px) {
  .english-order-confirm .ttl02 {
    margin: 0 0 10px 20px;
  }
}

@media print, screen and (min-width: 737px) {
  .english-order-confirm .table02 p {
    width: 640px;
  }
}

.english-order-confirm .closebtn {
  margin-top: 30px;
  text-align: center;
  text-indent: -1em;
}

@media print, screen and (min-width: 737px) {
  .english-order-confirm .closebtn {
    margin-top: 0;
    top: 15px;
    text-indent: 0;
    text-align: left;
  }
}

.enclishOrderConfirm-sec01 .ttl02 {
  margin-top: 0;
}

@media print, screen and (min-width: 737px) {
  .enclishOrderConfirm-sec01 .ttl02 {
    margin-top: 40px;
  }
}

@media print, screen and (min-width: 737px) {
  .englishOrderConfirm-sec02 .ttl02 {
    margin-top: 85px;
  }
}

@media print, screen and (min-width: 737px) {
  .englishOrderConfirm-sec03 .ttl02 {
    margin-top: 50px;
  }
}

@media print, screen and (min-width: 737px) {
  .englishOrderConfirm-sec04 .ttl02 {
    margin-top: 70px;
  }
}

/*-------------------------------------------------------------------
    english / order / thanks
-------------------------------------------------------------------*/
.english-order-thanks #main {
  width: 100%;
}

.english-order-thanks #main h1 {
  margin-bottom: 10px;
}

@media print, screen and (min-width: 737px) {
  .english-order-thanks #main h1 {
    font-size: 32px;
    margin-bottom: 30px;
  }
}

.english-order-thanks .txt01 {
  color: #3a3a3a;
}

/*-------------------------------------------------------------------
    english / order / kiyaku
-------------------------------------------------------------------*/
@media print, screen and (min-width: 737px) {
  .english-order-kiyaku dd {
    padding-left: 1em;
  }
}

.english.window-w1020 .headerIn {
  width: 1020px;
}

.english.window-w1020 .contentIn {
  width: 1020px;
}

/*-------------------------------------------------------------------
    client / index
-------------------------------------------------------------------*/
.client-lead01 {
  margin: 20px 0 30px;
}

.client-lead01 .image {
  width: 27.8%;
  margin-left: 1%;
  float: left;
}

.client-lead01 .txt {
  padding: 5px 0 0 37.4%;
}

.client-contact01 {
  margin-bottom: 29px;
}

.client-sec01-ttl01,
.client-sec02-ttl01,
.client-sec03-ttl01,
.client-sec05-ttl01,
.client-sec06-ttl01 {
  margin-bottom: 20px;
}

.client-sec01-lead01 {
  margin-bottom: 15px;
}

.client-sec01-block01 .image {
  margin-bottom: 24px;
}

.client-sec01-list01 .c01:before {
  background: #b96767;
}

.client-sec01-list01 .c02:before {
  background: #6887b6;
}

.client-sec01-list01 .c03:before {
  background: #6e8f82;
}

.client-sec01-list01 .c04:before {
  background: #ed9d59;
}

.client-sec01-list01 .c05:before {
  background: #81a4d2;
}

.client-sec01-list01 .c06:before {
  background: #7f7f7f;
}

.client-sec01-list01 dt {
  position: relative;
  font-weight: bold;
  padding: 6px 0 6px 14px;
  margin-bottom: 15px;
}

.client-sec01-list01 dt:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
}

.client-sec01-list01 dd {
  margin-bottom: 26px;
}

.client-link01 {
  width: auto;
  padding: 0 14px;
}

.client .btnArea {
  text-align: center;
}

.client-sec01 .btnArea {
  padding-top: 20px;
}

.client-sec01 .client-link01 {
  margin-bottom: 55px;
}

.client-sec02-lead01 {
  margin-bottom: 20px;
}

.client-sec02-list01 {
  margin-bottom: 42px;
}

.client-sec02 .btnArea {
  margin-bottom: 49px;
}

.client-sec02 .btnArea .client-link01 {
  padding: 0;
  min-width: 296px;
  max-width: 340px;
  width: 100%;
}

.client-sec03-lead01 {
  margin-bottom: 25px;
}

.client-sec03-lead01 dt {
  font-weight: bold;
}

.client-sec03 .btnArea {
  margin: 30px 0 44px;
}

.client-sec03 .client-link01 {
  padding: 0;
  min-width: 296px;
  max-width: 340px;
  width: 100%;
}

.client-sec03-ttl02 {
  margin-bottom: 5px;
}

.client-sec03-lead02 .image {
  margin: 8px 0 22px;
}

.client-sec03-lead02 + .btnArea {
  text-align: right;
  margin-bottom: 33px;
}

.client-sec04-ttl01 {
  margin-bottom: 20px;
}

.client-sec04 .image {
  width: 12.8%;
  margin: 0 auto 14px;
}

.client-sec04 .btnArea {
  text-align: right;
  margin-bottom: 48px;
}

.client-sec04 .client-link01 {
  padding: 0;
}

.client-sec05 .btnArea {
  text-align: right;
  margin: 25px 0 40px;
}

.client-sec05 .client-link01 {
  padding: 0;
}

.client-sec06 .btnArea {
  margin: 23px 0 45px;
  text-align: right;
}

.client-contact02 {
/*  margin-bottom: 0; */
}

@media print, screen and (min-width: 737px) {
  .client h1 {
    padding-bottom: 39px;
  }
  .linkStyle10.client-link01 {
    font-size: 16px;
  }
  .client-ttl02 {
    float: right;
    margin: 0 -25px 18px 0;
  }
  .client-lead01 .image {
    width: 155px;
    margin-top: -23px;
  }
  .client-lead01 .txt {
    padding-left: 173px;
  }
  .client-contact01 {
    margin: 38px 0 42px;
  }
  .client-sec01-ttl01,
  .client-sec02-ttl01,
  .client-sec03-ttl01,
  .client-sec05-ttl01,
  .client-sec06-ttl01 {
    margin-bottom: 26px;
  }
  .client-sec01-lead01 {
    margin-bottom: 40px;
  }
  .client-sec01-block01 .image {
    float: left;
  }
  .client-sec01-list01 {
    width: 431px;
    float: right;
  }
  .client-sec01-list01 dt {
    margin-bottom: 10px;
    padding: 1px 0 6px 14px;
  }
  .client-sec01-list01 dd {
    margin-bottom: 20px;
    padding-left: 15px;
  }
  .client-sec01-list01 dd:last-child {
    margin-bottom: 38px;
  }
  .client-sec01 .btnArea {
    padding: 0;
  }
  .client-sec01 .client-link01 {
    margin-bottom: 77px;
  }
  .client-sec02-list01 {
    margin-bottom: 53px;
  }
  .client-sec02 .btnArea {
    margin-bottom: 71px;
  }
  .client-sec02 .btnArea .client-link01 {
    width: auto;
    min-width: 0;
    max-width: none;
    padding: 0 14px;
  }
  .client-sec03-lead01 {
    margin-bottom: 34px;
  }
  .client-sec03-image01 {
    text-align: center;
  }
  .client-sec03-image01 + .btnArea {
    margin: 35px 0 40px;
  }
  .client-sec03-image01 + .btnArea .client-link01 {
    width: auto;
    min-width: 0;
    max-width: none;
    padding: 0 14px;
  }
  .client-sec03-lead02 .txt {
    width: 378px;
    float: left;
  }
  .client-sec03-lead02 .image {
    float: right;
    margin: 0;
  }
  .client-sec03-ttl02 {
    margin-bottom: 20px;
  }
  .client-sec03 .btnArea {
    margin: 35px 0 40px;
  }
  .client-sec03-lead02 + .btnArea {
    margin: -20px 0 60px;
  }
  .client-sec04-lead01 {
    width: 664px;
    float: left;
  }
  .client-sec04 .image {
    float: right;
  }
  .client-sec04 .btnArea {
    clear: both;
  }
  .client-sec06 .btnArea {
    margin: 34px 0 55px;
  }
  .client-sec07 .btnArea {
    margin: 25px 0 67px;
  }
  .client-contact02 {
    margin: 40px 0 82px;
  }
}

/*-------------------------------------------------------------------
    client / subject
-------------------------------------------------------------------*/
.clientSubject-sec01-ttl01 {
  margin-bottom: 20px;
}

.clientSubject-sec01 .ttl {
  background: #f0f0f0;
  font-weight: bold;
  padding: 13px 5px;
  color: #282a32;
}

.clientSubject-sec01-list01 {
  margin: 20px 0;
}

.clientSubject-sec01-list01 li {
  text-indent: -1em;
  margin: 0 1em;
}

.clientSubject-sec01-list02 {
  margin-bottom: 40px;
  position: relative;
  padding-top: 75px;
}

.clientSubject-sec01-list02:before {
  content: "\0089e3\006c7a\003078";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  color: #fff;
  width: 1em;
  line-height: 1;
  z-index: 2;
}

@media screen and (max-width: 736px) {
  .clientSubject-sec01-list02:before {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}

.clientSubject-sec01-list02:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #fff;
  width: 75px;
  height: 60px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: url("../img/client/client_subject_arrow01.png") no-repeat center;
  z-index: 1;
}

.clientSubject-sec01-list02 li + li {
  margin-top: 10px;
}

.clientSubject-sec01-list02 .clientSubject-link01 {
  width: 100%;
}

.clientSubject-sec01-txt01 {
  font-size: 14px;
}

.clientSubject-sec01-txt01 + .btnArea {
  text-align: right;
  margin: 20px 0;
}

.clientSubject-link02 {
  font-size: 14px;
}

@media print, screen and (min-width: 737px) {
  .client-subject .client-contact01 {
    margin-bottom: 28px;
  }
  .client-subject h1 {
    padding-bottom: 59px;
  }
  .clientSubject-lead01 {
    margin-top: 16px;
  }
  .clientSubject-lead01 .image {
    top: 16px;
    right: 37px;
  }
  .clientSubject-sec01 .block {
    overflow: hidden;
  }
  .clientSubject-sec01 .block + .block {
    border-top: solid 1px #e2e2e2;
  }
  .clientSubject-sec01 .block.last {
    border-bottom: solid 1px #e2e2e2;
  }
  .clientSubject-sec01 .ttl {
    display: table-cell;
    width: 131px;
    height: 100%;
    background: #fff;
    padding: 0;
    font-size: 16px;
    line-height: 1.25;
  }
  .clientSubject-sec01 .clientSubject-link01 {
    position: relative;
    width: 147px;
    font-size: 12px;
    line-height: 1;
    padding: 5px 0;
    text-align: left;
    padding-left: 20px;
  }
  .clientSubject-sec01 .clientSubject-link01:before {
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -5px;
  }
  .clientSubject-sec01-list01 {
    display: table-cell;
    width: 508px;
    padding: 26px 0;
  }
  .clientSubject-sec01-list01 li {
    line-height: 2;
  }
  .clientSubject-sec01-list02 {
    display: table-cell;
    padding: 26px 0;
  }
  .clientSubject-sec01-list02:before {
    content: "\0089e3\006c7a\003078";
    bottom: 0;
    left: -80px;
    right: auto;
    margin: auto 0;
    width: 75px;
    height: 60px;
    padding-top: 23px;
    text-align: center;
    background: url("../img/client/client_subject_arrow01.png") no-repeat center;
  }
  .clientSubject-sec01-list02:after {
    content: normal;
  }
  .clientSubject-sec01-list02 .fz10 {
    font-size: 10px;
  }
  .clientSubject-sec01-list02 .clientSubject-link01 {
    padding: 8px 0 8px 20px;
    font-weight: bold;
  }
  .clientSubject-sec01-txt01 {
    margin: 27px 0 20px;
  }
  .clientSubject-sec01-txt01 + .btnArea {
    margin: 0 0 57px;
  }
}

/*-------------------------------------------------------------------
    client / jinji / surveydata
-------------------------------------------------------------------*/
.jinjiPageWrap p {
  margin-bottom: 14px;
}

.jinjiPageWrap img {
  margin-bottom: 25px;
  text-align: center;
}

.summaryBox {
  font-size: 7px;
  border: solid 1px #d6d6d6;
}

.summaryBox p {
  padding: 0 4px;
}

.summaryTitle {
  font-size: 10px;
  background: url("../img/client/summaryTitle_bg01.gif");
  padding: 2px;
  color: #6390c6;
  font-weight: bold;
}

.jinjiPageWrap .summaryTitle {
  margin-bottom: 6px;
}

.jinjiPageWrap p {
  margin-bottom: 1em;
}

.summaryDataList {
  padding: 0 4px;
  overflow: hidden;
  margin-bottom: 8px;
}

.summaryDataList dt {
  background: #6390c6;
  color: #fff;
  font-size: 7px;
  float: left;
  padding: 2px;
  clear: both;
  border-radius: 2px;
  margin-right: 3px;
}

.summaryDataList dd + dt {
  margin-top: 3px;
}

.summaryDataList dd {
  padding-top: 4px;
  font-size: 7px;
}

.articleHead {
  margin: 25px 0;
  border-left: solid 6px #b5b5b5;
  padding-left: 8px;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
}

@media print, screen and (min-width: 737px) {
  .jinjiPageWrap {
    text-align: center;
  }
  .jinjiPageWrap p {
    text-align: left;
  }
  .summaryBox {
    width: 680px;
    border-width: 3px;
    margin: 0 auto;
  }
  .summaryBox .summaryTitle {
    padding: 5px 10px;
    font-size: 16px;
    margin: 0 0 10px;
  }
  .summaryBox p {
    font-size: 12px;
    padding: 0 15px;
  }
  .summaryDataList {
    padding: 0 15px;
  }
  .summaryDataList dt {
    font-size: 12px;
    padding: 2px 10px;
    margin: 0 10px 4px 0;
  }
  .summaryDataList dd {
    padding-top: 2px;
    font-size: 14px;
    margin-bottom: 4px;
    text-align: left;
  }
  .articleHead {
    margin: 35px -20px;
    text-align: left;
    font-size: 26px;
    border-left-width: 8px;
    letter-spacing: .1em;
  }
}

/*-------------------------------------------------------------------
    client / serve
-------------------------------------------------------------------*/
.clientServe-sec01-ttl01, .clientServe-sec02-ttl01, .clientServe-sec03-ttl01 {
  margin: 30px 0 20px;
}

.clientServe-sec01-lead01, .clientServe-sec02-lead01, .clientServe-sec03-lead01 {
  background: #f9dec8;
  overflow: hidden;
  padding: 10px;
  margin-bottom: 10px;
}

.clientServe-sec01-lead01 span:first-child, .clientServe-sec02-lead01 span:first-child, .clientServe-sec03-lead01 span:first-child {
  color: #e77c22;
  display: table-cell;
  width: 45px;
}

.clientServe-sec01-lead01 span + span, .clientServe-sec02-lead01 span + span, .clientServe-sec03-lead01 span + span {
  width: calc(100% - 45px);
  color: #3a3a3a;
  display: table-cell;
  font-size: 14px;
}

.client-serve .btnArea {
  margin: 10px 0 20px;
  text-align: right;
}

@media print, screen and (min-width: 737px) {
  .clientServe-sec01-ttl01, .clientServe-sec02-ttl01, .clientServe-sec03-ttl01 {
    margin: 20px 0;
  }
  .clientServe-sec01-lead01, .clientServe-sec02-lead01, .clientServe-sec03-lead01 {
    padding: 6px 24px;
    margin-bottom: 20px;
  }
  .clientServe-sec01-lead01 span:first-child, .clientServe-sec02-lead01 span:first-child, .clientServe-sec03-lead01 span:first-child {
    font-size: 16px;
    font-weight: bold;
  }
  .clientServe-sec01-lead01 span + span, .clientServe-sec02-lead01 span + span, .clientServe-sec03-lead01 span + span {
    font-size: 14px;
  }
  .client-serve .btnArea {
    margin-top: 0;
  }
}

/*-------------------------------------------------------------------
    client / serve / temporary
-------------------------------------------------------------------*/
.clientSrveTemporary-sec01-ttl01, .clientSrveTemporary-sec02-ttl01, .clientSrveTemporary-sec03-ttl01, .clientSrveTemporary-sec04-ttl01, .clientSrveTemporary-sec05-ttl01 {
  margin: 40px 0 20px;
}

.client-serve-temporary .image {
  text-align: center;
}

.clientServeTemporary-sec01 .txt, .clientServeTemporary-sec02 .txt {
  margin: 20px 0;
}

.cardStyle03List + p {
  font-size: 12px;
  margin: 20px 0 0;
}

.clientSrveTemporary-sec01-lead01 {
  border: solid 1px #c2c0c0;
  padding: 15px 15px 25px;
}

.clientSrveTemporary-sec01-lead01 .ttl {
  color: #6887b6;
  margin-bottom: 10px;
}

.clientSrveTemporary-sec01-lead01 .txt {
  font-size: 14px;
}

.clientSrveTemporary-sec04 dt {
  font-weight: bold;
  border-bottom: solid 2px #ddd;
  color: #3a3a3a;
  margin-bottom: 10px;
}

.clientSrveTemporary-sec04 dd {
  font-size: 14px;
  margin-bottom: 20px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-temporary h1 {
    padding-bottom: 54px;
  }
  .client-serve-temporary .image {
    text-align: left;
  }
  .clientServeTemporary-sec01 .image {
    float: right;
  }
  .clientServeTemporary-sec01 .txt {
    width: 487px;
    margin: 0;
    float: left;
  }
  .clientSrveTemporary-sec02-ttl01 {
    margin-top: 68px;
  }
  .clientServeTemporary-sec02 .image {
    text-align: center;
  }
  .cardStyle03List + p {
    font-size: 12px;
    margin: 0 0 0 2em;
  }
  .clientServeTemporary-sec03 .clientServeTemporary-sec03-block03 {
    margin-bottom: 15px;
  }
  .clientServeTemporary-sec03 .clientServeTemporary-sec03-block03 .cardStyle03-content {
    padding: 20px 20px 0;
  }
  .clientSrveTemporary-sec01-lead01 {
    padding: 30px 22px;
  }
  .clientSrveTemporary-sec01-lead01 .ttl {
    font-weight: bold;
    margin-bottom: 16px;
  }
  .clientSrveTemporary-sec01-lead01 .txt {
    width: 595px;
  }
  .clientSrveTemporary-sec04 dt {
    margin-bottom: 14px;
  }
  .clientSrveTemporary-sec04 dd {
    margin-bottom: 28px;
  }
  .clientSrveTemporary-sec04-ttl01 {
    margin-bottom: 42px;
  }
  .clientSrveTemporary-sec05-ttl01 {
    margin-top: 60px;
  }
}

/*-------------------------------------------------------------------
    client / serve / ttp
-------------------------------------------------------------------*/
.clientServeTtp-ttl03 {
  margin: 40px 0 20px;
}

.clientServeTtp-sec01-lead01 {
  margin: 20px 0;
}

.clientServeTtp-sec01-h3 {
  margin-bottom: 15px;
}

.clientServeTtp-sec01-list01 {
  margin-bottom: 40px;
}

.clientServeTtp-sec01-list01 .type01 .listStyle13-ttl {
  background: #718fb9;
}

.clientServeTtp-sec01-list01 .type02 .listStyle13-ttl {
  background: #83a7c9;
}

.clientServeTtp-sec01-list01 .type03 .listStyle13-ttl {
  background: #97afa5;
}

.clientServeTtp-sec01-list01 .type04 .listStyle13-ttl {
  background: #ec9e5e;
}

.clientServeTtp-sec01-list01 .type05 .listStyle13-ttl {
  background: #bb656e;
}

.clientServeTtp-sec01-block01 {
  border: solid 1px #6390c6;
}

.clientServeTtp-sec01-block01 .ttl {
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
  font-size: 18px;
  background: #6390c6;
  padding: 10px 15px;
}

.clientServeTtp-sec01-block01 li {
  text-indent: -1.5em;
  margin-left: 1.5em;
}

.clientServeTtp-sec01-block01 li:before {
  content: "\0025ef";
  color: #6390c6;
  margin-right: 0.5em;
}

.clientServeTtp-sec01-block01 li + li {
  margin-top: 10px;
}

.clientServeTtp-sec01-block01 .btnArea {
  margin: 20px 0;
}

.clientServeTtp-sec01-block01-inner {
  padding: 20px 15px;
}

.clientServeTtp-sec01-link01 {
  font-size: 14px;
}

.clientServeTtp-sec02-list01 .type01 {
  background: #e98736;
}

.clientServeTtp-sec02-list01 .type02 {
  background: #739586;
}

.clientServeTtp-sec02-list01 .type03 {
  background: #6390c6;
}

@media print, screen and (min-width: 737px) {
  .clientServeTtp-sec01-lead01 {
    margin-bottom: 50px;
  }
  .clientServeTtp-sec01-h3 {
    margin-bottom: 30px;
  }
  .clientServeTtp-sec01-list01 {
    margin-bottom: 35px;
  }
  .clientServeTtp-sec01-list01 .type01 {
    border-color: #718fb9;
  }
  .clientServeTtp-sec01-list01 .type01:after {
    border-left-color: #718fb9;
  }
  .clientServeTtp-sec01-list01 .type02 {
    border-color: #83a7c9;
  }
  .clientServeTtp-sec01-list01 .type02:after {
    border-left-color: #83a7c9;
  }
  .clientServeTtp-sec01-list01 .type03 {
    border-color: #97afa5;
  }
  .clientServeTtp-sec01-list01 .type03:after {
    border-left-color: #97afa5;
  }
  .clientServeTtp-sec01-list01 .type04 {
    border-color: #ec9e5e;
  }
  .clientServeTtp-sec01-list01 .type04:after {
    border-left-color: #ec9e5e;
  }
  .clientServeTtp-sec01-list01 .type05 {
    border-color: #bb656e;
  }
  .clientServeTtp-sec01-list01 .type05:after {
    border-left-color: #bb656e;
  }
  .clientServeTtp-sec01-block01 .ttl {
    padding: 20px 37px;
    font-size: 21px;
    line-height: 1;
  }
  .clientServeTtp-sec01-block01 li {
    line-height: 1;
  }
  .clientServeTtp-sec01-block01 li + li {
    margin-top: 22px;
  }
  .clientServeTtp-sec01-block01 .btnArea {
    margin: 23px 0 16px;
  }
  .clientServeTtp-sec01-block01-inner {
    padding: 30px 55px 0;
  }
  .clientServeTtp-sec01-link01 {
    width: 317px;
    margin: 0 auto;
  }
}

/*-------------------------------------------------------------------
    client / serve / permanent
-------------------------------------------------------------------*/
.clientServePermanent-ttl03 {
  margin: 40px 0 20px;
}

.clientServePermanent-sec01 {
  margin-bottom: 20px;
}

.clientServePermanent-sec01-block01 > .ttl {
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 18px;
  color: #fff;
  background: #6390c6;
  padding: 10px 15px;
}

.clientServePermanent-sec01-block01 > .ttl .stxt {
  font-size: 10px;
  display: block;
}

.clientServePermanent-sec01-list01 {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  text-align: center;
}

.clientServePermanent-sec01-list01 li {
  margin-top: 20px;
}

.clientServePermanent-sec01-list01 .txt01 {
  position: relative;
  font-size: 11px;
  background: #e2e2e2;
  padding: 10px;
  line-height: 1;
  margin-bottom: 20px;
}

.clientServePermanent-sec01-list01 .txt01:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -19px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border: solid 9px transparent;
  border-top: solid 10px #e2e2e2;
}

.clientServePermanent-sec01-list01 .txt02 {
  display: table-cell;
  background: #404040;
  color: #fff;
  width: 148px;
  height: 148px;
  border-radius: 50%;
  font-size: 14px;
}

.clientServePermanent-sec01-list01 .type01 {
  background: #ed9d59;
}

.clientServePermanent-sec01-list01 .type02 {
  background: #85b9e1;
}

.clientServePermanent-sec01-list01 .type03 {
  background: #6887b6;
}

.clientServePermanent-sec01-list01 .type04 {
  background: #d88282;
}

.clientServePermanent-sec01-list02 {
  background: #f7f7f7;
}

.clientServePermanent-sec01-list02 > .ttl {
  font-size: 16px;
  color: #fff;
  background: #6390c6;
  padding: 10px 15px;
  margin: 20px 0 0;
}

.clientServePermanent-sec01-list02 .list {
  padding: 15px 15px 0;
}

.clientServePermanent-sec01-list02 li {
  text-indent: -1.5em;
  margin-left: 24px;
}

.clientServePermanent-sec01-list02 li:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/common/cmn_ico14.gif") no-repeat center;
  background-size: 100%;
  margin-right: .5em;
}

.clientServePermanent-sec01-list02 li + li {
  margin-top: 10px;
  line-height: 1.64;
}

.clientServePermanent-sec01-list02 .cation {
  font-size: 12px;
  padding: 10px 15px 20px;
}

.clientServePermanent-sec03 .image {
  text-align: center;
}

.clientServePermanent-sec03 .image + .image {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .clientServePermanent-sec01 .clientServePermanent-ttl03 {
    margin: 70px 0 30px;
  }
  .clientServePermanent-sec01 {
    margin-bottom: 40px;
  }
  .clientServePermanent-sec01-block01 {
    line-height: 1;
    text-align: center;
  }
  .clientServePermanent-sec01-block01 > .ttl {
    font-size: 23px;
    padding: 21px 0 25px;
  }
  .clientServePermanent-sec01-block01 > .ttl .stxt {
    font-size: 14px;
    margin-bottom: 14px;
  }
  .clientServePermanent-sec01-list01 li {
    margin-top: 40px;
  }
  .clientServePermanent-sec01-list01 .txt01 {
    font-size: 14px;
    padding: 7px 0;
    margin-bottom: 10px;
  }
  .clientServePermanent-sec01-list01 .txt02 {
    width: 170px;
    height: 170px;
    line-height: 1.64;
  }
  .clientServePermanent-sec01-list02 {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    margin: 50px 0 0;
  }
  .clientServePermanent-sec01-list02 .ttl {
    margin: 0;
    width: 260px;
    text-align: left;
    font-size: 22px;
    line-height: 1.2;
    padding: 124px 0 0 52px;
  }
  .clientServePermanent-sec01-list02 .ttl + div {
    padding: 25px;
    width: 520px;
  }
  .clientServePermanent-sec01-list02 .list {
    padding: 0;
  }
  .clientServePermanent-sec01-list02 li {
    text-align: left;
  }
  .clientServePermanent-sec01-list02 .cation {
    text-align: left;
    padding: 30px 0 5px;
  }
  .clientServePermanent-sec02 .clientServePermanent-ttl03 {
    margin: 60px 0 43px;
  }
  .clientServePermanent-sec03 .clientServePermanent-ttl03 {
    margin: 50px 0 45px;
  }
  .clientServePermanent-sec03 .image + .image {
    margin-top: 50px;
  }
  .clientServePermanent-sec04 .clientServePermanent-ttl03 {
    margin: 55px 0 30px;
  }
}

/*-------------------------------------------------------------------
    client / serve / outsurcing
-------------------------------------------------------------------*/
.client-serve-outsourcing .clientServeOutsourcing-ttl03 {
  margin: 40px 0 20px;
}

.clientServeOutsourcing-sec01 .image, .clientServeOutsourcing-sec01 .ttl {
  text-align: center;
}

.clientServeOutsourcing-sec01 .type01 {
  color: #e67b21;
}

.clientServeOutsourcing-sec01 .type02 {
  color: #6d8e81;
}

.clientServeOutsourcing-sec01 .type03 {
  color: #6390c5;
}

.clientServeOutsourcing-sec01 .ttl {
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 18px;
  margin: 20px;
}

.clientServeOutsourcing-sec01 .txt {
  margin-bottom: 30px;
}

.clientServeOutsourcing-sec02 .block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}

.clientServeOutsourcing-sec02 .block + .block {
  margin-top: 10px;
}

.clientServeOutsourcing-sec02 .int {
  position: relative;
  width: 20%;
  background: #6390c5;
  color: #fff;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clientServeOutsourcing-sec02 .int span {
  position: absolute;
  display: block;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.clientServeOutsourcing-sec02 .txtArea {
  width: 75%;
  padding: 10px 0;
}

.clientServeOutsourcing-sec02 .txtArea .ttl {
  color: #6390c5;
  font-weight: bold;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clientServeOutsourcing-sec03 .ttl {
  color: #fff;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: #6390c6;
  padding: 10px;
}

.clientServeOutsourcing-sec03 .ttl span {
  display: inline-block;
  margin: -5px 5px auto 0;
}

.clientServeOutsourcing-sec03 .txt {
  margin: 10px 0 20px;
}

.clientServeOutsourcing-sec04 {
  margin-bottom: 40px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-outsourcing .layoutStyle05 + .client-contact02 {
    margin-bottom: 50px;
  }
  .clientServeOutsourcing-sec01 li {
    width: 225px;
    float: left;
  }
  .clientServeOutsourcing-sec01 li + li {
    margin-left: 52px;
  }
  .clientServeOutsourcing-sec01 .ttl {
    font-size: 19px;
    line-height: 1;
    margin: 20px 0 30px;
  }
  .clientServeOutsourcing-sec01 .txt {
    margin: 0;
  }
  .clientServeOutsourcing-sec02 .clientServeOutsourcing-ttl03 {
    margin: 49px 0 25px;
  }
  .clientServeOutsourcing-sec02 .block {
    background: #f7f7f7;
  }
  .clientServeOutsourcing-sec02 .block + .block {
    margin-top: 25px;
  }
  .clientServeOutsourcing-sec02 .int {
    width: 160px;
    height: 160px;
    font-size: 22px;
  }
  .clientServeOutsourcing-sec02 .txtArea {
    width: 596px;
    padding: 25px 25px 0 0;
  }
  .clientServeOutsourcing-sec02 .txtArea .ttl {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 25px;
  }
  .clientServeOutsourcing-sec03 .clientServeOutsourcing-ttl03 {
    margin: 50px 0 25px;
  }
  .clientServeOutsourcing-sec03 .block {
    width: 377px;
    float: left;
  }
  .clientServeOutsourcing-sec03 .block:nth-child(even) {
    margin-left: 26px;
  }
  .clientServeOutsourcing-sec03 .ttl {
    padding: 10px 15px;
    font-size: 18px;
  }
  .clientServeOutsourcing-sec03 .ttl span {
    margin: -10px 10px 0 0;
  }
  .clientServeOutsourcing-sec03 .txt {
    margin: 15px 0 25px;
  }
  .clientServeOutsourcing-sec04 .clientServeOutsourcing-ttl03 {
    margin: 28px 0 25px;
  }
  .clientServeOutsourcing-sec04 {
    margin-bottom: 50px;
  }
}

/*-------------------------------------------------------------------
    client / serve / employ
-------------------------------------------------------------------*/
.clientServeEmploy-style01 {
  margin-bottom: 40px;
}

.clientServeEmploy-style01 .block {
  padding: 20px 34px;
}

.clientServeEmploy-style01 .block + .block {
  margin-top: 10px;
}

.clientServeEmploy-style01 .ttl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

.clientServeEmploy-style01 .ttl:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 40px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 10px -11px 0;
}

.clientServeEmploy-style01 li {
  padding-left: 2.5em;
  position: relative;
  line-height: 1.4;
}

.clientServeEmploy-style01 li:before {
  content: "";
  display: block;
  position: absolute;
  width: 31px;
  height: 31px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.clientServeEmploy-style01 .left {
  background: #fceee2;
}

.clientServeEmploy-style01 .left .ttl:before {
  background-image: url("../img/common/cmn_ico15.png");
}

.clientServeEmploy-style01 .left li:before {
  background-image: url("../img/client/client_serve_employ_ico01.png");
}

.clientServeEmploy-style01 .right {
  background: #eaeff7;
}

.clientServeEmploy-style01 .right .ttl:before {
  background-image: url("../img/common/cmn_ico16.png");
}

.clientServeEmploy-style01 .right li:before {
  background-image: url("../img/client/client_serve_employ_ico02.png");
}

.clientServeEmploy-lead02 {
  margin: 20px 0;
}

.clientServeEmploy-ttl03 {
  margin: 40px 0 20px;
}

.clientServeEmploy-sec01 .block + .block {
  border-top: solid 1px #d1d1d1;
}

.clientServeEmploy-sec01 .image {
  width: 80px;
  height: 80px;
  border: solid 1px #ccc;
  border-radius: 10px;
  text-align: center;
  padding-top: 16px;
  margin: 25px auto 20px;
}

.clientServeEmploy-sec01 .ttl {
  font-size: 16px;
  font-weight: bold;
}

.clientServeEmploy-sec01 .txt {
  margin: 10px 0 25px;
}

.clientServeEmploy-sec02-dl dt {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 15px;
}

.clientServeEmploy-sec02-dl dd {
  margin: 10px 0 20px;
}

.clientServeEmploy-sec02-dl01 dt {
  background: #94b2d2;
}

.clientServeEmploy-sec02-dl02 dt {
  background: #ed9d59;
}

.clientServeEmploy-sec02-dl02 .ttl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.clientServeEmploy-sec03-lead01 {
  margin-bottom: 20px;
}

.clientServeEmploy-sec04 .image {
  text-align: center;
}

.clientServeEmploy-sec04 .txt {
  margin: 20px 0;
}

.clientServeEmploy-sec04 .btnArea {
  background: #f6f6f6;
  padding: 11px 17px;
  margin-bottom: 40px;
}

.clientServeEmploy-sec04 .btnArea a {
  color: #6887b6;
}

.clientServeEmploy-sec04 .btnArea a:before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 17px;
  background: url("../img/common/cmn_ico07.png") no-repeat center;
  background-size: 100%;
  margin: 0 4px -2px 0;
}

@media screen and (max-width: 736px) {
  .clientServeEmploy-style01 li + li {
    margin-top: 15px;
  }
}

@media print, screen and (min-width: 737px) {
  .clientServeEmploy-lead01 {
    width: 524px;
    margin-bottom: 90px;
  }
  .clientServeEmploy-lead01 .txt {
    width: 100%;
  }
  .clientServeEmploy-style01 {
    margin: 0 -10px 40px;
  }
  .clientServeEmploy-style01 .block {
    width: 390px;
    padding-bottom: 30px;
    float: left;
  }
  .clientServeEmploy-style01 .block + .block {
    margin: 0 0 0 20px;
  }
  .clientServeEmploy-style01 .ttl {
    margin-bottom: 30px;
  }
  .clientServeEmploy-style01 ul {
    padding-left: 5px;
    min-height: 130px;
  }
  .clientServeEmploy-style01 li + li {
    margin-top: 20px;
  }
  .clientServeEmploy-ttl04 {
    float: none;
    letter-spacing: 0;
  }
  .clientServeEmploy-lead02 {
    margin: 18px -27px 0 -10px;
  }
  .clientServeEmploy-lead02 + .client-contact02 {
    margin-bottom: 54px;
  }
  .clientServeEmploy-sec01 .clientServeEmploy-ttl03 {
    margin-bottom: 6px;
  }
  .clientServeEmploy-sec01 .block {
    padding-top: 30px;
  }
  .clientServeEmploy-sec01 .image {
    float: left;
    margin: 0;
  }
  .clientServeEmploy-sec01 .txtArea {
    padding-left: 100px;
  }
  .clientServeEmploy-sec01 .txt {
    margin: 8px 0 30px;
  }
  .clientServeEmploy-sec02 .clientServeEmploy-ttl03 {
    margin: 60px 0 30px;
  }
  .clientServeEmploy-sec02-dl dt {
    width: 120px;
    height: 60px;
    text-align: center;
    padding-top: 17px;
    float: left;
  }
  .clientServeEmploy-sec02-dl dd {
    padding-left: 160px;
  }
  .clientServeEmploy-sec02-inner01 {
    padding: 30px 20px;
  }
  .clientServeEmploy-sec02-dl01 {
    padding-bottom: 30px;
    border-bottom: solid 1px #d1d1d1;
  }
  .clientServeEmploy-sec02-dl01 dd {
    padding-top: 5px;
    margin: 0;
  }
  .clientServeEmploy-sec02-dl02 dd {
    margin: 30px 0 0;
  }
  .clientServeEmploy-sec03 .clientServeEmploy-ttl03 {
    margin: 35px 0 30px;
  }
  .clientServeEmploy-sec03-lead01 {
    margin-bottom: 30px;
  }
  .clientServeEmploy-sec04 .clientServeEmploy-ttl03 {
    margin: 74px 0 30px;
  }
  .clientServeEmploy-sec04 .image {
    float: left;
  }
  .clientServeEmploy-sec04 .txtArea {
    padding-left: 175px;
  }
  .clientServeEmploy-sec04 .txt {
    margin-bottom: 50px;
  }
  .clientServeEmploy-sec04 .btnArea {
    padding: 3px 17px;
    margin-bottom: 58px;
  }
}

/*-------------------------------------------------------------------
    client / serve / employ / hint
-------------------------------------------------------------------*/
.clientServeEmployHint-layout01 {
  margin: 20px 0 20px;
}

.clientServeEmployHint-layout01 > .block {
  width: 49%;
}

.clientServeEmployHint-block01 {
  background: #fceee2;
}

.clientServeEmployHint-block01 a {
  background-image: url("../img/common/cmn_ico15.png");
}

.clientServeEmployHint-block02 {
  background: #eaeff7;
}

.clientServeEmployHint-block02 a {
  background-image: url("../img/common/cmn_ico16.png");
}

.clientServeEmployHint-link01 a {
  display: block;
  position: relative;
  width: 100%;
  text-decoration: none;
  padding: 10px 20px 10px 40px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 10px center;
  font-weight: bold;
}

@media print, screen and (min-width: 737px) {
  .clientServeEmployHint-link01 a:hover {
    opacity: 0.7;
  }
}

.clientServeEmployHint-link01 a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
  width: 8px;
  height: 15px;
  background: url("../img/common/cmn_ico02_black.png") no-repeat center;
  background-size: 100%;
}

.clientServeEmployHint-list01-block {
  border-top: solid 1px #d1d1d1;
}

.clientServeEmployHint-list01-block a {
  text-decoration: none;
}

.clientServeEmployHint-list01-block .image {
  text-align: center;
}

.clientServeEmployHint-list01-block .type01, .clientServeEmployHint-list01-block .type02 {
  display: inline-block;
  width: 72px;
  padding: 5px;
  line-height: 1;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 5px;
  margin-right: 6px;
}

.clientServeEmployHint-list01-block .type01 {
  background: #eb9555;
}

.clientServeEmployHint-list01-block .type02 {
  background: #6390c6;
}

.clientServeEmployHint-list01-block .ttl {
  margin: 20px 0 10px;
}

.clientServeEmployHint-list01-block .ttl .ttl02 {
  clear: both;
  display: block;
  color: #6390c6;
  font-weight: bold;
  margin-top: 5px;
}

.clientServeEmployHint-bnr01 {
  margin-bottom: 20px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-employ-hint h1 {
    padding-bottom: 60px;
  }
  .clientServeEmployHint-layout01 {
    margin: 8px 0 20px;
  }
  .clientServeEmployHint-layout01 > .block {
    width: 400px;
  }
  .clientServeEmployHint-link01 a {
    padding: 17px 0 17px 74px;
    font-size: 20px;
    background-size: 30px;
    background-position: left 34px center;
  }
  .clientServeEmployHint-list01-block a:hover {
    opacity: 0.7;
  }
  .clientServeEmployHint-list01-block a:hover .ttl02 {
    text-decoration: underline;
  }
  .clientServeEmployHint-list01-block .txtArea {
    width: 625px;
  }
  .clientServeEmployHint-list01-block .ttl {
    margin: 0 0 10px;
  }
  .clientServeEmployHint-list01-block .ttl .ttl02 {
    display: inline-block;
    font-size: 16px;
  }
  .clientServeEmployHint-list01-block .type01, .clientServeEmployHint-list01-block .type02 {
    margin-right: 9px;
  }
  .clientServeEmployHint-pager01 {
    padding: 130px 0 77px;
  }
  .clientServeEmployHint-bnr01 {
    margin-bottom: 40px;
  }
}

/*-------------------------------------------------------------------
    client / serve / employ / hint
-------------------------------------------------------------------*/
.clientServeExperis-sec01-list01-link01:before {
  background-image: url("../img/common/cmn_ico12.png");
}

.clientServeExperis-sec01-list01 li:last-child {
  border-bottom: 0;
}

.clientServeExperis-ttl02 {
  margin: 40px 0 20px;
}

.clientServeExperis-sec01 .clientServeExperis-ttl02 {
  margin-top: 0;
}

.clientServeExperis-sec01-bnr01 {
  text-align: center;
  margin: 20px 0;
}

.clientServeExperis-sec01-bnr01 a {
  display: inline-block;
  border: solid 1px #c2c0c0;
}

.clientServeExperis-sec02-ttl02 {
  color: #6390c6;
  font-weight: bold;
  margin-bottom: 10px;
}

.clientServeExperis-sec02-ttl02:before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 19px;
  background: url("../img/common/cmn_ico12.png") no-repeat center;
  background-size: 100%;
  background-position: left 0 center;
  margin: 0 4px -2px 0;
}

.clientServeExperis-sec02-block01 {
  padding: 10px;
  border: solid 2px #464040;
  margin: 20px 0;
}

.clientServeExperis-sec02-block01 .txtArea {
  width: calc(100% - 90px);
}

.clientServeExperis-sec02-block01 .ttl {
  font-size: 16px;
  color: #6390c6;
  font-weight: bold;
}

.clientServeExperis-sec02-block01 .ttl:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 23px;
  background: url("../img/client/client_serve_experis_ico01.png") no-repeat center;
  background-size: 100%;
  margin: 0 4px -6px 0;
}

.clientServeExperis-sec02-block01-link01:before {
  background-image: url("../img/common/cmn_ico12.png");
}

@media screen and (max-width: 736px) {
  .clientServeExperis-sec02-block01-link01 {
    font-size: 12px;
  }
}

@media print, screen and (min-width: 737px) {
  .clientServeExperis-sec01 .clientServeExperis-ttl02 {
    margin-bottom: 35px;
  }
  .clientServeExperis-sec01-list01 .link + p {
    margin-left: -1em;
    margin-top: 10px;
  }
  .clientServeExperis-sec01-list01-link01 {
    font-size: 18px;
    font-weight: bold;
  }
  .clientServeExperis-sec01-list01-link01:before {
    top: 2px;
  }
  .clientServeExperis-sec01-list01 + .client-contact02 {
    margin-bottom: 50px;
  }
  .clientServeExperis-sec02 .clientServeExperis-ttl02 {
    margin: 59px 0 30px;
  }
  .clientServeExperis-sec02-ttl02 {
    font-size: 18px;
  }
  .clientServeExperis-sec02-block01 {
    width: 426px;
    padding: 15px 27px;
    margin: 37px auto 80px;
  }
  .clientServeExperis-sec02-block01-link01 {
    font-size: 14px;
    text-align: left;
  }
}

/*-------------------------------------------------------------------
    client / serve / experis / landed-model
-------------------------------------------------------------------*/
.clientServeExperisLandedmodel-layout01 {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.clientServeExperisLandedmodel-layout01 .block {
  width: 49%;
  margin-bottom: 10px;
}

.clientServeExperisLandedmodel-ttl03 {
  margin: 40px 0 20px;
}

.clientServeExperisLandedmodel-layout01-link01 {
  display: block;
  text-decoration: none;
  font-size: 13px;
  line-height: 1;
  color: #fff;
  padding: 15px 0 30px;
  text-align: center;
  background-color: #b5b5b5;
  background-image: url("../img/client/client_serve_experis_landedModel_arrow01.png");
  background-repeat: no-repeat;
  background-position: center bottom 11px;
}

.clientServeExperisLandedmodel-sec01-layout01 {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.clientServeExperisLandedmodel-sec01-layout01 .block + .block {
  margin-top: 10px;
}

.clientServeExperisLandedmodel-sec01-layout01 .int {
  display: inline-block;
  width: 28px;
  height: 27px;
  background: #6390c6;
  color: #fff;
  text-align: center;
  margin-right: 6px;
}

.clientServeExperisLandedmodel-sec01-layout01 .ttl {
  display: inline-block;
  width: calc(100% - 34px);
  padding-right: 20px;
  background: url("../img/common/cmn_ico02_black.png") no-repeat right 6px center;
  background-size: 11px;
  font-weight: bold;
}

.clientServeExperisLandedmodel-sec01-layout01 li {
  text-indent: -12px;
  margin-left: 12px;
}

.clientServeExperisLandedmodel-sec01-layout01 li:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #6390c6;
  margin: 0 6px 3px 0;
}

@media screen and (max-width: 736px) {
  .clientServeExperisLandedmodel-sec01-layout01 {
    display: block;
  }
}

.clientServeExperisLandedmodel-sec02-block-ttl {
  font-weight: bold;
  padding: 5px;
}

.clientServeExperisLandedmodel-sec02-block {
  margin-bottom: 10px;
}

.clientServeExperisLandedmodel-sec02-block .lead {
  margin-bottom: 20px;
}

.clientServeExperisLandedmodel-sec02-block .imageList {
  text-align: center;
}

.clientServeExperisLandedmodel-sec02-block .imageList li {
  margin-top: 20px;
}

.clientServeExperisLandedmodel-sec02-block .imageList .sttl {
  margin-bottom: 15px;
}

.clientServeExperisLandedmodel-sec02-block-sttl {
  margin: 20px 0 10px;
}

.clientServeExperisLandedmodel-sec02-block-layout01 {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.clientServeExperisLandedmodel-sec02-block-layout01 .block {
  position: relative;
  width: 49%;
  height: 60px;
  background: #a4bcdd;
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-bottom: 5px;
}

.clientServeExperisLandedmodel-sec02-block-layout01 .block p {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.clientServeExperisLandedmodel-sec03-top .txtArea {
  width: calc(100% - 166px);
}

.clientServeExperisLandedmodel-sec03-top .name {
  font-weight: bold;
  border-bottom: solid 1px #ddd;
  margin-bottom: 6px;
}

.clientServeExperisLandedmodel-sec03-bottom {
  margin: 20px 0;
}

.clientServeExperisLandedmodel-sec03-bottom .ttl {
  font-weight: bold;
}

.clientServeExperisLandedmodel-sec03-bottom .ttl:before {
  content: "Q";
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 16px;
  color: #fff;
  background: #6887b6;
  text-align: center;
  padding-top: 3px;
  margin: 0 6px 10px 0;
}

@media print, screen and (min-width: 737px) {
  .clientServeExperisLandedmodel-lead01 {
    margin-bottom: 54px;
  }
  .clientServeExperisLandedmodel-layout01 .block {
    width: 177px;
    margin-bottom: 0;
  }
  .clientServeExperisLandedmodel-layout01-link01:hover {
    text-decoration: none;
    opacity: .75;
  }
  .client-serve-experis-landedModel .client-contact02 {
    margin: 52px 0 53px;
  }
  .clientServeExperisLandedmodel-sec01-layout01 .block {
    width: 246px;
  }
  .clientServeExperisLandedmodel-sec01-layout01 .block + .block {
    margin: 0;
  }
  .clientServeExperisLandedmodel-sec01-layout01 .clientServeExperisLandedmodel-sec01-layout01-content {
    height: calc(100% - 66px);
    padding: 20px 25px;
  }
  .clientServeExperisLandedmodel-sec01-layout01 .clientServeExperisLandedmodel-sec01-layout01-content li {
    margin-bottom: 29px;
  }
  .clientServeExperisLandedmodel-sec01-layout01 .clientServeExperisLandedmodel-sec01-layout01-content li:last-child {
    margin-bottom: 0;
  }
  .clientServeExperisLandedmodel-sec01-layout01 .clientServeExperisLandedmodel-sec01-layout01-ttl {
    display: table-cell;
    width: 246px;
    height: 66px;
    padding: 10px;
  }
  .clientServeExperisLandedmodel-sec01-layout01 .clientServeExperisLandedmodel-sec01-layout01-ttl .int {
    margin: 0 10px 0 6px;
  }
  .clientServeExperisLandedmodel-sec01-layout01 .clientServeExperisLandedmodel-sec01-layout01-ttl .ttl {
    width: calc(100% - 44px);
    line-height: 1.2;
  }
  #clientServeExperisLandedmodel-sec01 .clientServeExperisLandedmodel-ttl03 {
    margin-bottom: 30px;
  }
  #clientServeExperisLandedmodel-sec02 .clientServeExperisLandedmodel-ttl03 {
    margin: 50px 0 40px;
  }
  .clientServeExperisLandedmodel-sec02-block-sttl {
    margin: 20px 0 30px;
  }
  .clientServeExperisLandedmodel-sec02-block .image {
    margin-bottom: 40px;
  }
  .clientServeExperisLandedmodel-sec02-block .imageList {
    letter-spacing: -0.4em;
    margin: 0 -20px;
  }
  .clientServeExperisLandedmodel-sec02-block .imageList li {
    margin-top: 0;
    vertical-align: top;
    display: inline-block;
    letter-spacing: normal;
    font-size: 16px;
  }
  .clientServeExperisLandedmodel-sec02-block .imageList li + li {
    margin-left: 20px;
  }
  .clientServeExperisLandedmodel-sec02-block + .clientServeExperisLandedmodel-sec02-block {
    margin-top: 40px;
  }
  .clientServeExperisLandedmodel-sec02-block02 .lead {
    margin-bottom: 30px;
  }
  .clientServeExperisLandedmodel-sec02-block02 .image {
    margin-bottom: 10px;
  }
  .clientServeExperisLandedmodel-sec02-block03-ttlArea {
    position: relative;
    height: 104px;
  }
  .clientServeExperisLandedmodel-sec02-block03-ttl {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25px;
  }
  .clientServeExperisLandedmodel-sec02-block-ttl {
    font-size: 20px;
  }
  .clientServeExperisLandedmodel-sec02-block03 .clientServeExperisLandedmodel-sec02-block-sttl {
    margin-bottom: 10px;
  }
  .clientServeExperisLandedmodel-sec02-block-layout01 .block {
    width: 177px;
    height: 65px;
    margin-bottom: 10px;
  }
  #clientServeExperisLandedmodel-sec03 .clientServeExperisLandedmodel-ttl03 {
    margin: 67px 0 30px;
  }
  .clientServeExperisLandedmodel-sec03-top .txtArea {
    width: 584px;
  }
  .clientServeExperisLandedmodel-sec03-bottom {
    margin-top: 25px;
  }
  .clientServeExperisLandedmodel-sec03-bottom .ttl {
    font-size: 16px;
  }
  .clientServeExperisLandedmodel-sec03-bottom .ttl:before {
    padding-top: 1px;
  }
  #clientServeExperisLandedmodel-contact {
    margin: 80px 0 110px;
  }
}

/*-------------------------------------------------------------------
    client / serve / experis / business-partner
-------------------------------------------------------------------*/
.clientServeExperisBusinesspartner-ttl02 {
  margin: 40px 0 20px;
}

.clientServeExperisBusinesspartner-block01 {
  border: solid 1px #d8d8d8;
  padding: 25px 15px;
}

.clientServeExperisBusinesspartner-block01 .image {
  text-align: center;
}

.clientServeExperisBusinesspartner-block01 .ttl {
  margin: 20px 0 10px;
}

.clientServeExperisBusinesspartner-block01 .ttl + p {
  text-indent: -1em;
  margin-left: 1em;
  font-size: 14px;
}

.clientServeExperisBusinesspartner-lead02 {
  margin-bottom: 20px;
}

.clientServeExperisBusinesspartner-link01 {
  border-width: 2px;
  color: #282a32;
  font-weight: bold;
  width: 100%;
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .clientServeExperisBusinesspartner-lead02 {
    margin-bottom: 50px;
  }
  .clientServeExperisBusinesspartner-block01 {
    padding: 25px 20px;
  }
  .clientServeExperisBusinesspartner-block01 .image, .clientServeExperisBusinesspartner-block01 .txtArea, .clientServeExperisBusinesspartner-block01 .btnArea {
    float: left;
  }
  .clientServeExperisBusinesspartner-block01 .image {
    margin-right: 30px;
  }
  .clientServeExperisBusinesspartner-block01 .clientServeExperisBusinesspartner-link01 {
    padding: 0 25px;
    margin-top: 45px;
    font-size: 16px;
  }
}

/*-------------------------------------------------------------------
    client / case
-------------------------------------------------------------------*/
.client-case .client-case-sec01 {
  margin-bottom: 50px;
}

.client-case .tableStyle04 tbody th {
  width: 28%;
}

@media print, screen and (min-width: 737px) {
  .client-case .tableStyle04 tbody th {
    width: 175px;
  }
}

.client-case .tableStyle04 tbody th ul li + li {
  margin-top: 5px;
}

@media print, screen and (min-width: 737px) {
  .client-case .tableStyle04 tbody th ul li + li {
    margin-top: 11px;
  }
}

.client-case .tableStyle04 tbody th span {
  display: block;
  width: auto;
  padding: 3px 0 2px;
  color: #fff;
  line-height: 1.384615384615385;
  border-radius: 5px;
}

@media print, screen and (min-width: 737px) {
  .client-case .tableStyle04 tbody th span {
    width: 142px;
    padding: 7px 0 4px;
    font-size: 13px;
    border-radius: 10px;
  }
}

.client-case .tableStyle04 tbody th span.blue01 {
  background-color: #6390c6;
}

.client-case .tableStyle04 tbody th span.blue02 {
  background-color: #2e65a7;
}

.client-case .tableStyle04 tbody th span.orange01 {
  background-color: #e77c22;
}

.client-case .tableStyle04 tbody th span.green01 {
  background-color: #6e8f82;
}

.client-case .tableStyle04 tbody th span.gray01 {
  background-color: #959595;
}

.client-case .tableStyle04 tbody th span.red01 {
  background-color: #b75858;
}

@media screen and (max-width: 736px) {
  .client-case .tableStyle04 tbody td:last-of-type .linkStyle04:before {
    width: 5px;
    height: 11px;
  }
}

@media print, screen and (min-width: 737px) {
  .client-case .tableStyle04 tbody td:first-of-type {
    width: 298px;
  }
  .client-case .tableStyle04 tbody td:nth-of-type(2) {
    width: 346px;
  }
}

/*-------------------------------------------------------------------
    client / serve / oversea
-------------------------------------------------------------------*/
@media screen and (max-width: 736px) {
  .client-serve-oversea .box01 .image {
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 737px) {
  .client-serve-oversea .box01 .image {
    margin-left: 40px;
  }
}

.client-serve-oversea .ttl01 {
  margin-bottom: 20px;
}

.client-serve-oversea section[class^="client-serve-oversea-sec"] {
  margin-bottom: 50px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-oversea .client-serve-oversea-sec01 .ttl01 {
    font-size: 22px;
  }
}

.client-serve-oversea .client-serve-oversea-sec01 .lead01 {
  margin-bottom: 20px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-oversea .client-serve-oversea-sec01 .lead01 {
    margin-bottom: 60px;
  }
}

@media print, screen and (min-width: 737px) {
  .client-serve-oversea .client-serve-oversea-sec01 .list01 {
    padding: 0 15px;
  }
}

@media screen and (max-width: 736px) {
  .client-serve-oversea .client-serve-oversea-sec01 .list01 .block + .block {
    margin-top: 10px;
  }
}

@media print, screen and (min-width: 737px) {
  .client-serve-oversea .client-serve-oversea-sec01 .list01 .block {
    width: 365px;
    margin-bottom: 0;
    float: left;
  }
  .client-serve-oversea .client-serve-oversea-sec01 .list01 .block + .block {
    margin-left: 20px;
  }
}

.client-serve-oversea .client-serve-oversea-sec01 .list01 .block > .ttl {
  margin-bottom: 0;
  padding: 9px 8px;
  font-weight: normal;
  border: solid 1px #e8e8e8;
  border-bottom: none;
}

@media print, screen and (min-width: 737px) {
  .client-serve-oversea .client-serve-oversea-sec01 .list01 .block > .ttl {
    padding: 9px 12px;
  }
}

.client-serve-oversea .client-serve-oversea-sec01 .list01 .block > .ttl > .int {
  display: inline-block;
  width: 30px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  vertical-align: middle;
  background-color: #6390c6;
}

@media print, screen and (min-width: 737px) {
  .client-serve-oversea .client-serve-oversea-sec01 .list01 .block > .ttl > .int {
    width: 40px;
    line-height: 40px;
  }
}

.client-serve-oversea .client-serve-oversea-sec01 .list01 .block > .ttl > .txt {
  display: inline-block;
  width: 85%;
  margin: 0 0 0 8px;
  padding: 0;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.3;
}

@media print, screen and (min-width: 737px) {
  .client-serve-oversea .client-serve-oversea-sec01 .list01 .block > .ttl > .txt {
    width: 290px;
    font-size: 18px;
  }
}

.client-serve-oversea .client-serve-oversea-sec01 .list01 .block > .listStyle12Inner {
  padding: 10px;
  border: solid 1px #e8e8e8;
}

@media print, screen and (min-width: 737px) {
  .client-serve-oversea .client-serve-oversea-sec01 .list01 .block > .listStyle12Inner {
    padding: 15px 20px;
  }
}

.client-serve-oversea .client-serve-oversea-sec02 .image {
  margin-bottom: 20px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-oversea .client-serve-oversea-sec02 .ttl01 {
    font-size: 23px;
  }
  .client-serve-oversea .client-serve-oversea-sec02 .image {
    margin: 20px 0 0 45px;
  }
}

.client-serve-oversea .client-serve-oversea-sec02 .list02 > li + li {
  margin-top: 20px;
}

.client-serve-oversea .client-serve-oversea-sec02 .list02 .ttl02 {
  margin-bottom: 5px;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media print, screen and (min-width: 737px) {
  .client-serve-oversea .client-serve-oversea-sec02 .list02 .ttl02 {
    font-size: 18px;
  }
}

.client-serve-oversea .client-serve-oversea-sec02 .list02 .ttl02 > .int {
  display: inline-block;
  width: 25px;
  margin-right: 5px;
  color: #fff;
  text-align: center;
  line-height: 25px;
  vertical-align: baseline;
  background-color: #6390c6;
}

.client-serve-oversea .client-serve-oversea-sec03 .list03 li > .ttl {
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
}

@media print, screen and (min-width: 737px) {
  .client-serve-oversea .client-serve-oversea-sec03 .list03 li > .ttl {
    font-size: 18px;
    border: solid 1px #e8e8e8;
    border-bottom: none;
  }
}

/*-------------------------------------------------------------------
    client / serve / visual
-------------------------------------------------------------------*/
.client-serve-visual .ttl02 {
  margin: 0 0 20px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .ttl02 {
    font-size: 23px;
  }
}

.client-serve-visual section[class^="client-serve-visual-sec"] {
  margin-bottom: 50px;
}

.client-serve-visual .list01 {
  padding-bottom: 40px;
  overflow: hidden;
  position: relative;
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .list01 {
    padding-bottom: 82px;
  }
}

.client-serve-visual .list01:after {
  content: '';
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 20px 25px 0 25px;
  border-color: #a4bcdd transparent transparent transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .list01:after {
    border-width: 40px 50px 0 50px;
    bottom: 22px;
  }
}

@media screen and (max-width: 736px) {
  .client-serve-visual .list01 > li + li {
    margin-top: 10px;
  }
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .list01 > li {
    width: 360px;
    float: left;
  }
  .client-serve-visual .list01 > li + li {
    margin-left: 60px;
  }
}

.client-serve-visual .list01 > li > .ttl {
  color: #fff;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .list01 > li > .ttl {
    font-size: 25px;
  }
}

.client-serve-visual .list01 > li > .ttl > span {
  display: inline-block;
  width: 30px;
  margin-right: 10px;
  padding: 2px 0;
  text-align: center;
  font-size: 18px;
  vertical-align: top;
  background-color: #fff;
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .list01 > li > .ttl > span {
    width: 40px;
    font-size: 23px;
  }
}

.client-serve-visual .list01 > li > .inner {
  padding: 10px 5px 5px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .list01 > li > .inner {
    padding: 20px 5px 0 10px;
  }
}

.client-serve-visual .list01 > li > .inner .listStyle03 {
  margin-bottom: 5px;
}

.client-serve-visual .list01 > li > .inner .listStyle03 li {
  margin-top: 0;
  font-size: 16px;
}

.client-serve-visual .list01 > li.common {
  border: solid 7px #da7f84;
}

.client-serve-visual .list01 > li.common > .ttl {
  border-bottom: solid 7px #da7f84;
  background-color: #da7f84;
}

.client-serve-visual .list01 > li.common > .ttl > span {
  color: #da7f84;
}

.client-serve-visual .list01 > li.tv {
  border: solid 7px #eb9555;
}

.client-serve-visual .list01 > li.tv > .ttl {
  border-bottom: solid 7px #eb9555;
  background-color: #eb9555;
}

.client-serve-visual .list01 > li.tv > .ttl > span {
  color: #eb9555;
}

.client-serve-visual .list02 {
  counter-reset: list02;
  padding: 10px 10px 6px;
  border: solid 1px #6390c6;
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .list02 {
    padding: 10px 20px 6px;
  }
}

.client-serve-visual .list02 > li {
  padding: 8px 0;
}

.client-serve-visual .list02 > li + li {
  border-top: dotted 1px #6390c6;
}

.client-serve-visual .list02 > li > .em {
  color: #6390c6;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}

.client-serve-visual .list02 > li:before {
  counter-increment: list02;
  content: counter(list02);
  display: inline-block;
  width: 22px;
  margin-right: 8px;
  color: #fff;
  text-align: center;
  line-height: 22px;
  border-radius: 100%;
  background-color: #6390c6;
}

.client-serve-visual .list03 {
  overflow: hidden;
}

.client-serve-visual .list03 > li {
  border: solid 1px #eaeaea;
  border-top: none;
}

@media screen and (max-width: 736px) {
  .client-serve-visual .list03 > li + li {
    margin-top: 10px;
  }
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .list03 > li {
    width: 260px;
    float: left;
  }
  .client-serve-visual .list03 > li + li {
    border-left: none;
  }
}

.client-serve-visual .list03 > li > .ttl {
  padding: 10px 0;
  color: #fff;
  text-align: center;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .list03 > li > .ttl {
    padding: 20px 0;
  }
}

.client-serve-visual .list03 > li > .inner {
  padding: 15px 10px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .list03 > li > .inner {
    padding: 15px 20px 30px;
  }
}

.client-serve-visual .list03 > li > .inner .lead01 {
  margin-bottom: 20px;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: .1em;
  font-size: 14px;
}

.client-serve-visual .list03 > li > .inner .lead01 .em {
  color: #6390c6;
  font-size: 18px;
  vertical-align: baseline;
}

.client-serve-visual .list03 > li > .inner p:nth-child(n+2) {
  margin-top: 10px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .list03 > li > .inner p:nth-child(n+2) {
    letter-spacing: .15em;
  }
}

.client-serve-visual .list03 > li.creative .ttl {
  background-color: #da7f84;
}

.client-serve-visual .list03 > li.footwork .ttl {
  background-color: #eb9555;
}

.client-serve-visual .list03 > li.rely .ttl {
  background-color: #97b09e;
}

.client-serve-visual .box01 {
  margin-bottom: 30px;
  border: solid 1px #eaeaea;
  overflow: hidden;
}

.client-serve-visual .box01 > .ttl {
  padding: 8px 10px;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 18px;
  background-color: #f3f3f3;
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .box01 > .ttl {
    padding: 16px 20px;
  }
}

.client-serve-visual .box01 > .inner {
  padding: 15px 10px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .box01 > .inner {
    padding: 30px 20px;
  }
}

.client-serve-visual .box01 > .inner > .list04 {
  margin-bottom: 30px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .box01 > .inner > .list04 > li {
    letter-spacing: .1em;
  }
}

.client-serve-visual .box01 > .inner > .list04 > li > p {
  margin-top: 5px;
}

.client-serve-visual .box01 > .inner > .list04 > li + li {
  margin-top: 20px;
}

.client-serve-visual .box02 {
  overflow: hidden;
}

.client-serve-visual .box02 > .ttl {
  margin-bottom: 10px;
  padding: 4px 5px;
  font-size: 16px;
  background-color: #e5e5e5;
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .box02 > .ttl {
    margin-bottom: 22px;
  }
}

@media screen and (max-width: 736px) {
  .client-serve-visual .box02 > .image {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .box02 > .txt {
    width: 530px;
    padding-right: 15px;
    letter-spacing: .15em;
  }
  .client-serve-visual .box02 > .txt > .listStyle06 li + li {
    margin-top: 22px;
  }
}

@media print, screen and (min-width: 737px) {
  .client-serve-visual .client-serve-visual-sec04 {
    margin-bottom: 80px !important;
    letter-spacing: .15em;
  }
}

.client-serve-visual .client-serve-visual-sec04 p + p {
  margin-top: 10px;
}

@media screen and (max-width: 736px) {
  .client-serve-visual .client-serve-visual-sec04 .list05 li:first-child {
    padding-top: 0;
  }
}

.client-serve-visual .client-serve-visual-sec04 .list05 li:last-child {
  border-bottom: none;
}

/*-------------------------------------------------------------------
    client / point
-------------------------------------------------------------------*/
.client-point .client-point-lead01 {
  margin-bottom: 25px;
}

@media print, screen and (min-width: 737px) {
  .client-point .client-point-lead01 {
    margin-bottom: 55px;
  }
  .client-point .client-point-lead01 + p {
    margin-bottom: 85px;
  }
}

.client-point section[class^="client-point-sec"] {
  margin-bottom: 25px;
}

@media print, screen and (min-width: 737px) {
  .client-point section[class^="client-point-sec"] {
    margin-bottom: 50px;
  }
}

.client-point .client-point-ttl01,
.client-point .client-point-lead02 {
  margin-bottom: 20px;
}

@media screen and (max-width: 736px) {
  .client-point .listStyle12 .block + .block {
    margin-top: 20px;
  }
}

.client-point .listStyle12 .ttl {
  margin-bottom: 0;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
}

@media print, screen and (min-width: 737px) {
  .client-point .listStyle12 .ttl {
    padding: 11px 20px;
    border: solid 1px #e8e8e8;
    border-bottom: none;
  }
}

.client-point .listStyle12 .listStyle12Inner {
  padding: 10px 0;
  overflow: hidden;
}

@media print, screen and (min-width: 737px) {
  .client-point .listStyle12 .listStyle12Inner {
    padding: 22px 20px;
  }
}

@media screen and (max-width: 736px) {
  .client-point .listStyle12 .client-point-link01 {
    margin-top: 10px;
  }
}

@media print, screen and (min-width: 737px) {
  .client-point .listStyle12 .client-point-link01 {
    margin-bottom: -15px;
  }
}

.client-point .client-point-sec02 .listStyle03 {
  margin: 15px 0;
}

@media print, screen and (min-width: 737px) {
  .client-point .client-point-sec02 .listStyle03 {
    margin: 30px 0 20px;
  }
}

.client-point .client-point-sec02 .listStyle03 li + li {
  margin-top: 0;
}

@media screen and (max-width: 736px) {
  .client-point .client-point-sec05 .listStyle12 .listStyle12Inner .txt,
  .client-point .client-point-sec06 .listStyle12 .listStyle12Inner .txt {
    margin: 0 0 10px;
    padding: 0;
  }
}

@media print, screen and (min-width: 737px) {
  .client-point .client-point-sec05 .listStyle12 .listStyle12Inner .txt,
  .client-point .client-point-sec06 .listStyle12 .listStyle12Inner .txt {
    padding: 0;
    float: left;
  }
  .client-point .client-point-sec05 .listStyle12 .listStyle12Inner .image,
  .client-point .client-point-sec06 .listStyle12 .listStyle12Inner .image {
    float: right;
  }
  .client-point .client-point-sec05 .listStyle12 .listStyle12Inner .txt {
    width: 630px;
  }
  .client-point .client-point-sec06 .listStyle12 .listStyle12Inner .txt {
    width: 550px;
  }
  .client-point .client-point-sec06 .listStyle12 .listStyle12Inner .image {
    margin-bottom: 10px;
  }
}

/*-------------------------------------------------------------------
    client / leading
-------------------------------------------------------------------*/
.client-leading .client-leading-lead01 {
  margin-bottom: 18px;
}

.client-leading .client-leading-sec01-lead01 {
  margin: 18px 0;
}

.client-leading .client-leading-sec01-lead02 {
  margin-bottom: 42px;
}

.client-leading .client-leading-sec01-lead03 {
  margin-bottom: 5px;
}

@media print, screen and (min-width: 737px) {
  .client-leading .client-leading-sec01-lead03 {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 736px) {
  .client-leading .client-leading-sec01-block01 {
    position: relative;
    padding-top: 56.25%;
  }
}

.client-leading .client-leading-sec01-block01 iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 736px) {
  .client-leading .client-leading-sec01-block01 iframe {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media print, screen and (min-width: 737px) {
  .client-leading .client-leading-sec01-block01 iframe {
    height: 438.75px;
  }
}

/*-------------------------------------------------------------------
    client / jinji
-------------------------------------------------------------------*/
.client-jinji .listStyle11 {
  margin-top: 0;
}

.client-jinji .listStyle11 .ttlStyle01.client-sec01-ttl01 {
  margin: 0 0 19px;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .listStyle11 .ttlStyle01.client-sec01-ttl01 {
    margin: 0 0 30px;
  }
}

.client-jinji .listStyle11 .topicsEntryList {
  margin-bottom: 28px;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .listStyle11 .topicsEntryList {
    margin-bottom: 13px;
  }
}

.client-jinji .listStyle11 .topicsEntryList .entryIconItem {
  font-weight: bold;
}

.client-jinji .investigation,
.client-jinji .statistics,
.client-jinji .publications {
  color: #fff;
  display: block;
  text-align: center;
  border-radius: 2px;
  font-weight: bold;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .investigation,
  .client-jinji .statistics,
  .client-jinji .publications {
    width: 85px;
    border-radius: 3px;
  }
}

.client-jinji .investigation {
  background-color: #81a4d2;
}

.client-jinji .statistics {
  background-color: #8aa49a;
}

.client-jinji .publications {
  background-color: #da7f84;
}

.client-jinji .categoryTitle {
  padding: 10px 1.149425287356322%;
  font-size: 10px;
  font-weight: bold;
  background-color: #f3f3f3;
  overflow: hidden;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .categoryTitle {
    width: 780px;
    margin: 0 auto;
    padding: 15px 16px;
    font-size: 18px;
  }
}

.client-jinji .categoryTitle p {
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .categoryTitle p {
    margin-right: 15px;
    font-size: 18px;
  }
}

.client-jinji .categoryTitle ul {
  display: inline-block;
  width: 78%;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .categoryTitle ul {
    width: 423px;
  }
}

.client-jinji .categoryTitle ul li {
  width: 31.79295915582644%;
  max-width: 134px;
  font-size: 12px;
  float: left;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .categoryTitle ul li {
    width: auto;
    max-width: none;
    font-size: 12px;
  }
}

.client-jinji .categoryTitle ul li + li {
  margin-left: 2.183207495679068%;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .categoryTitle ul li + li {
    margin-left: 9px;
  }
}

.client-jinji .categoryTitle ul li a {
  padding: 5px 0;
  font-size: 11px;
  position: relative;
  text-decoration: none;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .categoryTitle ul li a {
    width: 135px;
    padding: 0;
    font-size: 17px;
  }
  .client-jinji .categoryTitle ul li a:hover {
    opacity: 0.7;
  }
}

.client-jinji .categoryTitle ul li a:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 11px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 4%;
  bottom: 0;
  background: url(../img/common/cmn_ico01_white.png) no-repeat;
  background-size: 100%;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .categoryTitle ul li a:before {
    width: 7px;
    height: 14px;
    left: 12px;
  }
}

.client-jinji .categoryTitle ul li a.current {
  color: #404040;
  background-color: #d6d6d6;
}

.client-jinji .categoryTitle ul li a.current:before {
  background: url(../img/common/cmn_ico02_black.png) no-repeat;
  background-size: 100%;
}

.client-jinji .client-sec02 .inner {
  overflow: hidden;
}

.client-jinji .client-sec02 .inner #articleList {
  overflow: hidden;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .client-sec02 .inner #articleList li {
    float: left;
  }
}

.client-jinji .client-sec02 .inner #articleList li + li {
  margin-top: 10px;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .client-sec02 .inner #articleList li + li {
    margin-top: 0;
  }
}

@media print, screen and (min-width: 737px) {
  .client-jinji .client-sec02 .inner #articleList li:nth-child(n+3) {
    margin-top: 20px;
  }
}

.client-jinji .client-sec02 .inner #articleList li span {
  display: block;
}

.client-jinji .client-sec02 .inner #articleList li img {
  display: block;
  margin: 0 auto;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .client-sec02 .inner #articleList li:nth-child(odd) {
    margin-right: 20px;
  }
}

.client-jinji .client-sec02 .inner #articleList li a {
  width: auto;
  padding: 10px 11px;
  border: 1px solid #ddd;
  display: block;
  text-decoration: none;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .client-sec02 .inner #articleList li a {
    width: 380px;
    padding: 20px;
    font-size: 14px;
  }
}

.client-jinji .client-sec02 .inner #articleList li a .date {
  margin-bottom: 5px;
  display: block;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .client-sec02 .inner #articleList li a .date {
    margin-bottom: 10px;
  }
}

.client-jinji .client-sec02 .inner #articleList li a .date span {
  width: 23.23529411764706%;
  max-width: 158px;
  margin-right: 8px;
  padding: 2px 0;
  font-size: 12px;
  float: left;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .client-sec02 .inner #articleList li a .date span {
    width: 85px;
    max-width: none;
    padding: 0;
    font-size: 13px;
  }
}

.client-jinji .client-sec02 .inner #articleList li a .title {
  margin-bottom: 5px;
  color: #6390c6;
  text-align: left;
  display: block;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .client-sec02 .inner #articleList li a .title {
    margin-bottom: 25px;
  }
}

.client-jinji .client-sec02 .inner #articleList li a img {
  margin-bottom: 10px;
  max-width: 298px;
  max-height: 148px;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .client-sec02 .inner #articleList li a img {
    margin-bottom: 15px;
  }
}

.client-jinji .client-sec02 .inner #articleList li a:hover {
  text-decoration: none;
}

@media print, screen and (min-width: 737px) {
  .client-jinji .client-sec02 .inner #articleList li a:hover .title {
    text-decoration: underline;
  }
}

@media screen and (max-width: 736px) {
  .client-jinji .client-sec02 .inner .pager {
    padding: 32px 0 0;
  }
}

.jinjiDataArticleLeadBox {
  background: #e7e7e7;
  padding: 15px;
  line-height: 1.8;
  margin-bottom: 1.3em;
  text-align: left;
}

/*-------------------------------------------------------------------
    client / serve / experis / it-outsourcing
-------------------------------------------------------------------*/
.clientServeExperisOutsourcing-ttl03 {
  margin: 40px 0 20px;
}

.clientServeExperisOutsourcing-h3 {
  margin: 30px 0 10px;
}

.clientServeExperisOutsourcing-h3 + p {
  color: #3a3a3a;
}

.clientServeExperisOutsourcing-sec01 .project, .clientServeExperisOutsourcing-sec02 .global01, .clientServeExperisOutsourcing-sec02 .training {
  background: #6390c6;
}

.clientServeExperisOutsourcing-sec01 .project > p, .clientServeExperisOutsourcing-sec02 .global01 > p, .clientServeExperisOutsourcing-sec02 .training > p {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1;
  margin-bottom: 14px;
}

.clientServeExperisOutsourcing-sec01 .project li, .clientServeExperisOutsourcing-sec02 .global01 li, .clientServeExperisOutsourcing-sec02 .training li {
  background: #fff;
  line-height: 1.85;
  text-align: center;
  padding: 10px 0;
  font-size: 14px;
}

.clientServeExperisOutsourcing-sec01 .project {
  background: #6390c6;
  padding: 15px 5px 5px;
  margin: 15px 0 0;
}

.clientServeExperisOutsourcing-sec01 .project li {
  padding: 14px;
  width: 49%;
  color: #3a3a3a;
  text-align: center;
  margin-bottom: 5px;
  font-size: 14px;
  padding: 14px 0;
}

.clientServeExperisOutsourcing-sec01 .solutionArea > p + p {
  margin: 20px 0;
}

.clientServeExperisOutsourcing-sec01 .solutionArea .ttl {
  background: #6390c6;
  color: #fff;
  font-size: 16px;
  padding: 10px 15px;
  text-align: center;
  font-weight: bold;
}

.clientServeExperisOutsourcing-sec01-layout01 {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.clientServeExperisOutsourcing-sec02 .engineerArea > p + p {
  margin: 20px 0 20px;
}

.clientServeExperisOutsourcing-sec02 .global p {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin-bottom: 14px;
}

.clientServeExperisOutsourcing-sec02 .global01 {
  width: 100%;
  padding: 15px 10px 10px;
}

.clientServeExperisOutsourcing-sec02 .global01 li + li {
  margin-top: 10px;
}

.clientServeExperisOutsourcing-sec02 .global02 {
  margin-top: 20px;
  text-align: center;
}

.clientServeExperisOutsourcing-sec02 .global02 > p {
  background: #6390c6;
  padding: 15px 10px 10px;
}

.clientServeExperisOutsourcing-sec02 .solutionArea > p {
  margin-bottom: 20px;
}

.clientServeExperisOutsourcing-sec02 .training {
  padding: 15px 10px;
}

.clientServeExperisOutsourcing-sec02 .training li + li {
  margin-top: 10px;
}

.clientServeExperisOutsourcing-sec03 {
  margin-bottom: 40px;
}

.clientServeExperisOutsourcing-sec03 table {
  table-layout: fixed;
  font-size: 13px;
  border-collapse: collapse;
}

.clientServeExperisOutsourcing-sec03 th, .clientServeExperisOutsourcing-sec03 td {
  width: 33%;
  border: solid 1px #ddd;
}

.clientServeExperisOutsourcing-sec03 th {
  padding: 10px;
  background: #89acd3;
}

.clientServeExperisOutsourcing-sec03 td {
  color: #3a3a3a;
  padding: 10px;
}

@media print, screen and (min-width: 737px) {
  .clientServeExperisOutsourcing-ttl03 {
    margin: 69px 0 39px;
  }
  .clientServeExperisOutsourcing-h3 {
    margin: 0 0 14px;
  }
  .clientServeExperisOutsourcing-sec01 .project {
    margin-bottom: 42px;
    padding: 20px 10px;
  }
  .clientServeExperisOutsourcing-sec01 .project li {
    width: 177px;
    padding: 26px 0;
    line-height: 1;
  }
  .clientServeExperisOutsourcing-sec01 .solutionArea .ttl {
    margin: 30px 0;
  }
  .clientServeExperisOutsourcing-sec02 .clientServeExperisOutsourcing-ttl03 {
    margin-top: 74px;
  }
  .clientServeExperisOutsourcing-sec02 .global {
    margin: 30px 0 63px;
  }
  .clientServeExperisOutsourcing-sec02 .global01 {
    width: 390px;
    padding: 20px 10px 15px;
  }
  .clientServeExperisOutsourcing-sec02 .global02 {
    margin-top: 0;
  }
  .clientServeExperisOutsourcing-sec02 .training {
    margin-top: -10px;
  }
  .clientServeExperisOutsourcing-sec02 .training li {
    width: 370px;
  }
  .clientServeExperisOutsourcing-sec02 .training li + li {
    margin-top: 0;
  }
  .clientServeExperisOutsourcing-sec03 {
    margin-bottom: 74px;
  }
  .clientServeExperisOutsourcing-sec03 .clientServeExperisOutsourcing-ttl03 {
    margin-bottom: 31px;
  }
  .clientServeExperisOutsourcing-sec03 th, .clientServeExperisOutsourcing-sec03 td {
    padding: 10px 16px;
  }
  .clientServeExperisOutsourcing-sec03 th {
    background: #89acd3;
  }
}

/*-------------------------------------------------------------------
    client / serve / experis / nearshore-offshore
-------------------------------------------------------------------*/
.clientServeExperisNearshoreoffshore-ttl03 {
  margin: 40px 0 20px;
}

.client-serve-experis-nearshoreOffshore .description p {
  margin-bottom: 35px;
}

.clientServeExperisNearshoreoffshore-h3_01 {
  margin-bottom: 10px;
}

@media print, screen and (min-width: 737px) {
  .clientServeExperisNearshoreoffshore-lead01 {
    margin-bottom: 46px;
  }
  .clientServeExperisNearshoreoffshore-ttl03 {
    margin: 59px 0 50px;
  }
  .clientServeExperisNearshoreoffshore-h3_01 {
    margin-bottom: 5px;
  }
  .clientServeExperisNearshoreoffshore-sec02 {
    margin-bottom: 86px;
  }
}

/*-------------------------------------------------------------------
    client / serve / experis / it-engineer-temporary
-------------------------------------------------------------------*/
.clientServeExperisItenginnertemporary-ttl03 {
  margin: 40px 0 20px;
}

.clientServeExperisItenginnertemporary-list01 {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.clientServeExperisItenginnertemporary-list01 li {
  background: #6390c6;
  width: 100%;
  padding: 25px 0;
  text-align: center;
  color: #fff;
  font-size: 18px;
}

.clientServeExperisItenginnertemporary-list01 li:nth-child(even) {
  background: #466ea5;
}

.clientServeExperisItenginnertemporary-list01 li + li {
  position: relative;
}

.clientServeExperisItenginnertemporary-list01 li + li:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -24%;
  width: 35px;
  height: 35px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("../img/client/client_it-engineer-temporary_ico01.png") no-repeat center;
  background-size: 100%;
}

@media screen and (max-width: 736px) {
  .clientServeExperisItenginnertemporary-list01 li + li {
    margin-top: 10px;
  }
}

.clientServeExperisItenginnertemporary-lead01, .clientServeExperisItenginnertemporary-sec01 p, .clientServeExperisItenginnertemporary-sec02 .lead, .clientServeExperisItenginnertemporary-sec02 li, .clientServeExperisItenginnertemporary-sec03 p, .clientServeExperisItenginnertemporary-sec04 p {
  color: #3a3a3a;
}

.clientServeExperisItenginnertemporary-sec02 .occupation img {
  display: block;
  margin: 0 auto;
}

.clientServeExperisItenginnertemporary-ttl04 {
  margin: 20px 0 10px;
  text-align: center;
  font-size: 16px;
}

.clientServeExperisItenginnertemporary-sec02-list {
  width: 100%;
}

.clientServeExperisItenginnertemporary-sec02-list li {
  background: #a4bcdd;
  color: #3a3a3a;
  font-size: 12px;
  padding: 15px 0;
  text-align: center;
  margin-bottom: 10px;
}

.clientServeExperisItenginnertemporary-sec02-list01 {
  margin: 25px 0 0;
}

.clientServeExperisItenginnertemporary-sec03 p {
  margin-bottom: 20px;
}

.clientServeExperisItenginnertemporary-sec03-small {
  font-size: 12px;
}

.clientServeExperisItenginnertemporary-sec04 p {
  padding-bottom: 20px;
}

@media print, screen and (min-width: 737px) {
  .clientServeExperisItenginnertemporary-lead01 {
    margin-bottom: 55px;
  }
  .clientServeExperisItenginnertemporary-list01 {
    margin-bottom: 57px;
  }
  .clientServeExperisItenginnertemporary-list01 li {
    width: 182px;
    padding: 18px 0;
  }
  .clientServeExperisItenginnertemporary-list01 li + li:before {
    content: "";
    display: block;
    top: 50%;
    left: -26px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .clientServeExperisItenginnertemporary-sec01 .clientServeExperisItenginnertemporary-ttl03 {
    margin: 59px 0 30px;
  }
  .clientServeExperisItenginnertemporary-sec02 .clientServeExperisItenginnertemporary-ttl03 {
    margin: 50px 0 30px;
  }
  .clientServeExperisItenginnertemporary-sec02 .occupation .clientServeExperisItenginnertemporary-ttl04 {
    margin: 25px 0;
  }
  .clientServeExperisItenginnertemporary-sec02 .occupationLists {
    width: 555px;
    margin: 25px auto 0;
  }
  .clientServeExperisItenginnertemporary-sec02 .distribution {
    text-align: center;
  }
  .clientServeExperisItenginnertemporary-sec02 .distribution .clientServeExperisItenginnertemporary-ttl04 {
    margin: 44px 0 43px;
  }
  .clientServeExperisItenginnertemporary-sec02-list {
    width: auto;
  }
  .clientServeExperisItenginnertemporary-sec02-list li {
    width: 267px;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
  }
  .clientServeExperisItenginnertemporary-sec02-list01 {
    margin: 0;
  }
  .clientServeExperisItenginnertemporary-sec03 .clientServeExperisItenginnertemporary-ttl03 {
    margin: 77px 0 30px;
  }
  .clientServeExperisItenginnertemporary-sec04 .clientServeExperisItenginnertemporary-ttl03 {
    margin: 60px 0 30px;
  }
  .clientServeExperisItenginnertemporary-sec04 p + p {
    padding: 0;
    margin-bottom: 73px;
  }
}

/*-------------------------------------------------------------------
    client / serve / experis / it-consulting
-------------------------------------------------------------------*/
.clientServeItconsulting-ttl03 {
  margin: 40px 0 20px;
}

.clientServeItconsulting-sec01 .txt {
  margin: 0 0 20px;
}

.clientServeItconsulting-sec01 .triangle {
  display: block;
  position: relative;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top: 10px solid #e3e3e3;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.clientServeItconsulting-sec01 .box8 li {
  text-indent: -20px;
  margin: 0 0 10px 20px;
}

.clientServeItconsulting-sec01 .box8 li:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/common/cmn_ico17.gif") no-repeat center;
  background-size: 100%;
  margin: 0 6px -2px 0;
}

.clientServeItconsulting-sec01 .box8 li span {
  color: #6390c6;
}

.clientServeItconsulting-sec01 .box8 {
  margin-bottom: 10px;
}

.clientServeItconsulting-sec01 .box8-ttl {
  font-size: 19px;
  color: #6390c6;
  width: 100%;
  text-align: center;
  padding: 15px 0;
  border: solid 1px #6390c6;
  border-radius: 10px 10px 0 0;
}

.clientServeItconsulting-sec01 .box8-list {
  padding: 15px;
  width: 100%;
  border-left: solid 1px #ededed;
  border-right: solid 1px #ededed;
  border-bottom: solid 1px #ededed;
  border-radius: 0 0 10px 10px;
}

.clientServeItconsulting-sec01-ttl01 {
  background: #6390c6;
  color: #fff;
  font-size: 19px;
  padding: 15px 0;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 20px;
}

.clientServeItconsulting-sec02 .txt {
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 30px;
}

.clientServeItconsulting-sec02 .featuresTitle {
  background: #6390c6;
  color: #fff;
  padding: 10px 15px;
  margin: 30px 0 20px;
}

.clientServeItconsulting-sec02 .featuresTitle .ttl {
  font-size: 18px;
  font-weight: bold;
}

.clientServeItconsulting-sec02 .featuresTitle .link {
  display: block;
  text-align: right;
}

.clientServeItconsulting-sec02 .featuresTitle .link:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 10px;
  background: url("../img/common/cmn_ico18.gif") no-repeat center;
  background-size: 100%;
  margin-right: 4px;
}

.clientServeItconsulting-sec02 .lead {
  margin: 20px 0;
}

.clientServeItconsulting-sec02 .merit {
  margin-bottom: 20px;
}

.clientServeItconsulting-sec02 .merit > p {
  margin-bottom: 5px;
  font-size: 18px;
}

.clientServeItconsulting-sec02 .merit > p:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #6390c6;
  margin: 0 4px -3px 0;
}

.clientServeItconsulting-sec02 .merit ul {
  padding: 0 15px;
}

.clientServeItconsulting-sec02 .merit li {
  text-indent: -18px;
  margin: 0 0 10px 18px;
}

.clientServeItconsulting-sec02 .merit li:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 10px;
  background: url("../img/common/cmn_ico19.gif") no-repeat center;
  background-size: 100%;
  margin-right: 4px;
}

.clientServeItconsulting-sec02 .strength p:first-child {
  margin-bottom: 5px;
  font-size: 18px;
}

.clientServeItconsulting-sec02 .strength p:first-child:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #e77d24;
  margin: 0 4px -3px 0;
}

.clientServeItconsulting-sec02 .strength p:last-child {
  padding: 0 15px;
}

@media print, screen and (min-width: 737px) {
  .clientServeItconsulting-ttl03 {
    margin: 50px 0 25px;
  }
  .clientServeItconsulting-sec01 .txt {
    margin-bottom: 25px;
  }
  .clientServeItconsulting-sec01 .triangle {
    border-width: 60px;
    border-top-width: 25px;
  }
  .clientServeItconsulting-sec01-ttl01 {
    margin: -25px 0 35px;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  .clientServeItconsulting-sec01 .box8 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 740px;
    margin: 0 auto 25px;
  }
  .clientServeItconsulting-sec01 .box8 li {
    line-height: 1;
    margin-bottom: 15px;
  }
  .clientServeItconsulting-sec01 .box8 li:last-child {
    margin-bottom: 0;
  }
  .clientServeItconsulting-sec01 .box8-ttl {
    position: relative;
    width: 180px;
    border-radius: 10px 0 0 10px;
  }
  .clientServeItconsulting-sec01 .box8-ttl span {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
  }
  .clientServeItconsulting-sec01 .box8-list {
    width: calc(100% - 180px);
    border-radius: 0 10px 10px 0;
    border-top: solid 1px #ededed;
    border-right: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
    border-left: 0;
    padding: 25px 25px 30px;
  }
  .clientServeItconsulting-sec02 .txt {
    text-align: center;
    letter-spacing: .1em;
    line-height: 1;
  }
  .clientServeItconsulting-sec02 .featuresTitle {
    padding: 15px 25px;
    margin: 30px -20px 20px;
  }
  .clientServeItconsulting-sec02 .featuresTitle .ttl {
    display: inline-block;
    font-size: 26px;
    width: calc(100% - 130px);
    line-height: 1;
  }
  .clientServeItconsulting-sec02 .featuresTitle .link {
    display: inline-block;
    font-size: 16px;
  }
  .clientServeItconsulting-sec02 .merit {
    margin-bottom: 30px;
  }
  .clientServeItconsulting-sec02 .merit > p:before {
    margin-right: 10px;
  }
  .clientServeItconsulting-sec02 .merit ul {
    padding-left: 28px;
  }
  .clientServeItconsulting-sec02 .strength {
    margin-bottom: 40px;
  }
  .clientServeItconsulting-sec02 .strength p:first-child:before {
    margin-right: 10px;
  }
  .clientServeItconsulting-sec02 .strength p:last-child {
    padding: 0 0 0 23px;
  }
  .clientServeItconsulting-sec02 .lead {
    margin: 30px 0;
  }
  .clientServeItconsulting-sec02 .box9 {
    width: 740px;
    margin: 0 auto;
  }
  .clientServe-sec03-list01 {
    margin-bottom: 50px;
  }
}

/*-------------------------------------------------------------------
    client / serve / experis / re-employ-assistance
-------------------------------------------------------------------*/
.clientServeReemployassistance-ttl03 {
  margin: 40px 0 20px;
}

.clientServeReemployassistance-sec01 .txt {
  margin-bottom: 20px;
}

.clientServeReemployassistance-sec02 .txt {
  margin-bottom: 20px;
}

.clientServeReemployassistance-sec02 .box6-ttl {
  width: 70px;
  height: 70px;
  background: #6390c6;
  color: #fff;
  padding: 16px 0 0;
}

.clientServeReemployassistance-sec02 .box6-ttl span {
  display: block;
  line-height: 1;
  text-align: center;
}

.clientServeReemployassistance-sec02 .box6-ttl .point {
  font-size: 10px;
}

.clientServeReemployassistance-sec02 .box6-ttl .int {
  font-size: 30px;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clientServeReemployassistance-sec02 .box6-content {
  width: calc(100% - 80px);
}

.clientServeReemployassistance-sec02 .needsTitle {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

.clientServeReemployassistance-sec02 .needsTitle + p {
  margin-bottom: 30px;
}

.clientServeReemployassistance-sec02 .box6:last-child .needsTitle + p {
  margin-bottom: 0;
}

.clientServeReemployassistance-sec04 .txt {
  margin-bottom: 20px;
}

.clientServeReemployassistance-sec04 .box7 {
  border: solid 1px #ededed;
}

.clientServeReemployassistance-sec04 .box7 .item {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  margin: -1px;
}

.clientServeReemployassistance-sec04 .box7 .item01 {
  background: #6390c6;
}

.clientServeReemployassistance-sec04 .box7 .item02 {
  background: #e77c22;
}

.clientServeReemployassistance-sec04 .box7 + .box7 {
  margin-top: 20px;
}

.clientServeReemployassistance-sec04 .box7-inner {
  padding: 20px 15px 35px;
}

.clientServeReemployassistance-sec04 .exampleTitle {
  font-weight: bold;
  margin-bottom: 10px;
}

.clientServeReemployassistance-sec04 .box7-link01 {
  margin-top: 20px;
  text-align: right;
}

.clientServeReemployassistance-sec04 .lead {
  background: #ededed;
  padding: 25px;
  margin: 40px 0 0;
}

@media screen and (max-width: 736px) {
  .clientServeReemployassistance-sec03 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .clientServeReemployassistance-sec03 img + img {
    margin-top: 30px;
  }
}

@media print, screen and (min-width: 737px) {
  .client-serve-reEmployAssistance h1 {
    padding-bottom: 34px;
  }
  .clientServeReemployassistance-ttl03 {
    margin: 50px 0 25px;
  }
  .clientServeReemployassistance-sec01 img {
    display: block;
    margin: 0 auto;
  }
  .clientServeReemployassistance-sec01 .txt {
    margin-bottom: 45px;
  }
  .clientServeReemployassistance-sec02 .txt {
    margin-bottom: 35px;
  }
  .clientServeReemployassistance-sec02 .box6-ttl {
    width: 91px;
    height: 91px;
    padding-top: 24px;
  }
  .clientServeReemployassistance-sec02 .box6-ttl .int {
    font-size: 34px;
  }
  .clientServeReemployassistance-sec02 .box6-content {
    width: 670px;
  }
  .clientServeReemployassistance-sec02 .needsTitle + p {
    margin-bottom: 40px;
  }
  .clientServeReemployassistance-sec04 .txt {
    margin-bottom: 58px;
  }
  .clientServeReemployassistance-sec04 .clientServeReemployassistance-ttl03 {
    margin: 80px 0 25px;
  }
  .clientServeReemployassistance-sec04 .box7-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  .clientServeReemployassistance-sec04 .box7 {
    width: 360px;
  }
  .clientServeReemployassistance-sec04 .box7 .item {
    padding: 4px 0;
  }
  .clientServeReemployassistance-sec04 .box7 + .box7 {
    margin: 0;
  }
  .clientServeReemployassistance-sec04 .box7-inner {
    padding: 20px;
  }
  .clientServeReemployassistance-sec04 .clientServeReemployassistance-sec04 .box7 .item .lead {
    padding: 20px 25px 25px;
  }
  .clientServeReemployassistance-sec05 .infoTitle {
    margin-bottom: 20px;
  }
  .clientServeReemployassistance-sec05 {
    margin-bottom: 50px;
  }
}

/*-------------------------------------------------------------------
    client / serve / experis / hr-consulting
-------------------------------------------------------------------*/
.clientServeHrconsulting-contact01 {
  display: inline-block;
}

.clientServeHrconsulting-contact01 span {
  display: block;
  text-align: right;
  line-height: 1;
}

.clientServeHrconsulting-contact01 span:last-child {
  margin-right: -0.7em;
}

.clientServeHrconsulting-ttl03 {
  margin: 40px 0 20px;
}

.clientServeHrconsulting-sec01 .txt01 {
  margin-bottom: 20px;
}

.clientServeHrconsulting-sec01 .arrow {
  width: 100px;
  margin: 0 auto;
}

.clientServeHrconsulting-sec01 .txt02 {
  font-weight: bold;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  margin-bottom: 20px;
}

.clientServeHrconsulting-sec01-list01 .block, .clientServeHrconsulting-sec01-list02 .block {
  position: relative;
  font-size: 13px;
  padding: 10px 0;
}

.clientServeHrconsulting-sec01-list01 span, .clientServeHrconsulting-sec01-list02 span {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  color: #fff;
}

.clientServeHrconsulting-sec01-list01 {
  margin-bottom: 10px;
}

.clientServeHrconsulting-sec01-list01 .block {
  font-weight: bold;
  background: #6390c6;
  width: 32%;
  min-height: 56px;
}

.clientServeHrconsulting-sec01-list02 {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.clientServeHrconsulting-sec01-list02 .block {
  width: 49%;
  background: #9ab6da;
  margin-bottom: 5px;
  min-height: 56px;
}

.clientServeHrconsulting-sec01-list02 span {
  font-size: 12px;
}

.clientServeHrconsulting-sec01 .box5-ttl {
  font-weight: bold;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clientServeHrconsulting-sec01 .box5 .txt span {
  display: block;
  text-indent: -1em;
  margin-left: 1em;
}

.clientServeHrconsulting-sec01 .box5 .txt span + span {
  margin-top: 6px;
}

.clientServeHrconsulting-sec02-h3 {
  margin-bottom: 6px;
}

.clientServeHrconsulting-sec02-h3 + p {
  margin-bottom: 20px;
}

.clientServeHrconsulting-sec03 .box6-int {
  width: 60px;
  height: 60px;
  background: #466da4;
  padding: 2px 2px 0;
}

.clientServeHrconsulting-sec03 .box6-int span {
  color: #fff;
  display: block;
  width: 100%;
  text-align: center;
}

.clientServeHrconsulting-sec03 .box6-int .int {
  line-height: 1;
  font-size: 22px;
  border-bottom: solid 1px #fff;
  padding-bottom: 5px;
}

.clientServeHrconsulting-sec03 .box6-int .txt {
  line-height: 1.4;
  font-size: 8px;
}

.clientServeHrconsulting-sec03 .box6-content {
  width: calc(100% - 70px);
}

.clientServeHrconsulting-sec03 .needsTitle {
  font-weight: bold;
  margin-bottom: 10px;
}

.clientServeHrconsulting-sec03 .needsTitle + p {
  margin-bottom: 30px;
}

.clientServeHrconsulting-sec04-txt01 {
  color: #000;
}

@media print, screen and (min-width: 737px) {
  .clientServeHrconsulting-ttl03 {
    margin: 60px 0 30px;
  }
  .clientServeHrconsulting-lead01 {
    margin: 30px 0 35px;
  }
  .clientServeHrconsulting-sec01 .clientServeHrconsulting-ttl03 {
    margin: 50px 0 20px;
  }
  .clientServeHrconsulting-sec01 .txt01 {
    margin-bottom: 30px;
  }
  .clientServeHrconsulting-sec01 .arrow {
    width: 184px;
  }
  .clientServeHrconsulting-sec01 .txt02 {
    font-size: 17px;
    letter-spacing: 0.1em;
    margin: 25px 0 28px;
  }
  .clientServeHrconsulting-sec01 .box5 .box5-ttlArea {
    padding: 14px 20px;
  }
  .clientServeHrconsulting-sec01 .box5-contentArea {
    padding: 20px 20px 35px;
  }
  .clientServeHrconsulting-sec01-list01 {
    margin-bottom: 20px;
  }
  .clientServeHrconsulting-sec01-list01 .block {
    min-height: 0;
    width: 230px;
    height: 110px;
  }
  .clientServeHrconsulting-sec01-list01 span {
    font-size: 20px;
    line-height: 1;
  }
  .clientServeHrconsulting-sec01-list02 {
    margin-bottom: 45px;
  }
  .clientServeHrconsulting-sec01-list02 .block {
    width: 92px;
    min-height: 0;
    height: 52px;
    margin-bottom: 0;
  }
  .clientServeHrconsulting-sec01-list02 span {
    font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .clientServeHrconsulting-sec02-h3 {
    margin-bottom: 20px;
  }
  .clientServeHrconsulting-sec02-h3 + p {
    margin-bottom: 30px;
  }
  .clientServeHrconsulting-sec03 .clientServeHrconsulting-ttl03 {
    margin: 75px 0 40px;
  }
  .clientServeHrconsulting-sec03 .box6 {
    padding: 40px 30px 30px 0;
    margin-right: -30px;
  }
  .clientServeHrconsulting-sec03 .box6 + .box6 {
    border-top: solid 1px #dddddd;
  }
  .clientServeHrconsulting-sec03 .box6-int {
    width: 100px;
    height: 100px;
    padding: 10px 8px 0;
  }
  .clientServeHrconsulting-sec03 .box6-int .int {
    font-size: 32px;
    margin-bottom: 10px;
  }
  .clientServeHrconsulting-sec03 .box6-int .txt {
    font-size: 12px;
  }
  .clientServeHrconsulting-sec03 .box6-content {
    width: 650px;
  }
  .clientServeHrconsulting-sec03 .needsTitle {
    font-size: 18px;
    margin-bottom: 2px;
  }
  .clientServeHrconsulting-sec03 .needsTitle + p {
    margin-bottom: 0;
  }
  .clientServeHrconsulting-sec04 .clientServeHrconsulting-ttl03 {
    margin: 30px 0 30px;
  }
  .clientServeHrconsulting-sec05 .clientServeHrconsulting-ttl03 {
    margin: 60px 0 25px;
  }
  .clientServeHrconsulting-sec05 {
    margin-bottom: 80px;
  }
  .clientServeHrconsulting-sec04-ttl01 {
    letter-spacing: .1em;
  }
}

/*-------------------------------------------------------------------
    client / serve / support
-------------------------------------------------------------------*/
.clientServeSupport-ttl03 {
  margin: 40px 0 20px;
}

.clientServeSupport-sec01 .clientServeSupport-lead02 {
  margin-bottom: 20px;
}

.clientServeSupport-sec01 .clientServeSupport-ttl04 {
  position: relative;
  margin: 20px 0 78px;
  background: #fff;
}

.clientServeSupport-sec01 .clientServeSupport-ttl04:before {
  content: "";
  display: block;
  position: absolute;
  top: -28px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 400px;
  background: url("../img/client/client_support_arrow01.png") no-repeat center top 0;
  z-index: -10;
}

.clientServeSupport-sec01 .flow {
  margin-bottom: 60px;
}

.clientServeSupport-sec01 .box3 {
  margin-bottom: 40px;
}

.clientServeSupport-sec01 .box3-1-ttlArea01 .int, .clientServeSupport-sec01 .box3-ttlArea .int {
  display: inline-block;
  text-align: center;
  color: #fff;
}

.clientServeSupport-sec01 .box3-1-ttlArea01 .ttl, .clientServeSupport-sec01 .box3-ttlArea .ttl {
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clientServeSupport-sec01 .box3-ttlArea .int {
  width: 30px;
  height: 30px;
  background: #a4bcdd;
  font-size: 14px;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding-top: 4px;
  margin-right: 9px;
}

.clientServeSupport-sec01 .box3-contentArea {
  border: 0;
  padding: 0 0 25px;
  border: solid 1px #eaeaea;
}

.clientServeSupport-sec01 .box3-contentArea ul {
  padding: 15px;
}

.clientServeSupport-sec01 .result {
  background: #6290c6;
  color: #fff;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  text-align: center;
  position: relative;
  margin-top: 40px;
  padding: 15px 10px;
}

.clientServeSupport-sec01 .result:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 40px transparent;
  border-top: solid 20px #6290c6;
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.clientServeSupport-sec01 .box3-1-ttlArea01 {
  overflow: hidden;
}

.clientServeSupport-sec01 .box3-1-ttlArea01 .int {
  float: left;
  width: 40px;
  height: 40px;
  background: #6390c6;
  padding-top: 1px;
  font-size: 28px;
}

.clientServeSupport-sec01 .box3-1-ttlArea01 .ttl {
  display: block;
  padding: 7px 0 0 50px;
}

.clientServeSupport-sec01 .box3-1 li {
  text-indent: -1em;
  margin-left: 1em;
}

.clientServeSupport-sec01 .box3-1 li + li {
  margin-top: 20px;
}

.clientServeSupport-sec01 .box3-1 li:before {
  content: "・";
}

.clientServeSupport-sec01 .box3-1 + .box3-1 {
  margin-top: 10px;
}

.clientServeSupport-sec01 .box3-1-contentArea, .clientServeSupport-sec01 .box3-3_02-contentArea, .clientServeSupport-sec01 .box3-1_04-contentArea {
  padding: 15px 15px 25px;
}

.clientServeSupport-sec01 .box3-3_02-contentArea .box3-1-right {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.clientServeSupport-sec01 .box3-1-ttlArea02 {
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clientServeSupport-sec01 .box3-1-ttlArea02 .link {
  display: block;
  text-align: right;
  font-size: 14px;
}

.clientServeSupport-sec01 .box3-1_04-contentArea .box3-1-left {
  margin-bottom: 20px;
  text-align: center;
}

@media screen and (max-width: 736px) {
  .clientServeSupport-sec01 .box3-1_04-contentArea .box3-1-left {
    float: none;
  }
}

@media print, screen and (min-width: 737px) {
  .client-serve-support h1 {
    padding-bottom: 55px;
  }
  .clientServeSupport-ttl03 {
    margin: 60px 0 30px;
  }
  .clientServeSupport-sec01 .clientServeSupport-ttl04 {
    margin: 34px auto 85px;
    width: 568px;
    padding: 12px 0;
  }
  .clientServeSupport-sec01 .clientServeSupport-ttl04:before {
    top: -36px;
  }
  .clientServeSupport-sec01 .flow {
    margin-bottom: 50px;
  }
  .clientServeSupport-sec01 .box3 {
    width: 251px;
    margin-bottom: 0;
  }
  .clientServeSupport-sec01 .box3-ttlArea {
    padding: 13px 10px;
  }
  .clientServeSupport-sec01 .box3-contentArea {
    height: 296px;
  }
  .clientServeSupport-sec01 .result {
    width: 249px;
    height: 73px;
    text-align: center;
    margin-top: 58px;
    padding: 7px 10px;
  }
  .clientServeSupport-sec01 .result:before {
    border: solid 50px transparent;
    border-top: solid 38px #6290c6;
    top: -46px;
  }
  .clientServeSupport-sec01 .result span {
    display: inline-block;
    text-align: left;
  }
  .clientServeSupport-sec01 .box3-1-ttlArea01 .int {
    padding: 0;
    line-height: 40px;
  }
  .clientServeSupport-sec01 .box3-1-ttlArea01 .ttl {
    padding-top: 4px;
  }
  .clientServeSupport-sec01 .box3-1-ttlArea01 {
    padding: 10px 15px;
  }
  .clientServeSupport-sec01 .box3-1 + .box3-1 {
    margin-top: 20px;
  }
  .clientServeSupport-sec01 .box3-1-contentArea {
    padding: 20px;
  }
  .clientServeSupport-sec01 .box3-3_02-contentArea .box3-1-left {
    width: 494px;
  }
  .clientServeSupport-sec01 .box3-3_02-contentArea .box3-1-right {
    width: calc(100% - 494px);
    text-align: right;
    margin: 0;
  }
  .clientServeSupport-sec01 .box3-1-ttlArea02 .link {
    padding-top: 3px;
    display: inline-block;
    float: right;
  }
  .clientServeSupport-sec01 .box3-1-ttlArea02 .link-style:before {
    width: 11px;
    height: 12px;
    margin: -2px 4px 0 0;
  }
  .clientServeSupport-sec01 .box3-1_04-contentArea .box3-1-left {
    width: 345px;
    margin-top: 10px;
  }
  .clientServeSupport-sec01 .box3-1_04-contentArea .box3-1-right {
    width: 380px;
  }
  .clientServeSupport-sec02 {
    margin-bottom: 50px;
  }
  .clientServeSupport-sec02 .clientServeSupport-ttl03 {
    margin-top: 50px;
  }
  .clientServeSupport-sec02 .block-list-ttl {
    padding: 16px 18px;
  }
}

/*-------------------------------------------------------------------
    client / serve / support
-------------------------------------------------------------------*/
.client-serve-projectExpert .blackBlock-ttl {
  background: #404040;
  color: #fff;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 10px 15px;
  margin: 30px 0 20px;
}

.client-serve-projectExpert .blackBlock-lead01 {
  background: #f7f7f7;
  padding: 15px;
}

.clientServeProjectexpert-ttl03 {
  margin: 40px 0 20px;
}

.clientServeProjectexpert-sec01 .lead01 {
  margin-bottom: 20px;
}

.clientServeProjectexpert-sec01 .blackBlock-lead01 {
  margin-bottom: 20px;
}

.clientServeProjectexpert-sec01 .contentArea01-left {
  margin: 30px 0 20px;
}

.clientServeProjectexpert-sec01 .movie {
  position: relative;
  padding-top: 56.25%;
  margin-bottom: 10px;
}

.clientServeProjectexpert-sec01 .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.clientServeProjectexpert-sec01 .contentArea01-right .image {
  margin-bottom: 10px;
  text-align: center;
}

.clientServeProjectexpert-sec02 .blackBlock01 .image {
  margin: 20px 0 30px;
  text-align: center;
}

.clientServeProjectexpert-sec02 .blackBlock02 .image {
  margin: 20px 0;
  text-align: center;
  max-width: 361px;
}

.clientServeProjectexpert-sec03 .lead01 {
  margin-bottom: 20px;
}

.clientServeProjectexpert-sec03 .block {
  background: #f7f7f7;
}

.clientServeProjectexpert-sec03 .block-blue .ttlArea {
  background: #6390c6;
}

.clientServeProjectexpert-sec03 .block + .block {
  margin-top: 25px;
}

@media print, screen and (min-width: 737px) {
  .clientServeProjectexpert-sec03 .block:last-child .ttlArea:before {
    display: none;
  }
}

.clientServeProjectexpert-sec03 .ttlArea {
  display: table;
  position: relative;
  width: 100%;
  background: #404040;
  color: #fff;
  padding: 10px 15px;
}

@media print, screen and (min-width: 737px) {
  .clientServeProjectexpert-sec03 .ttlArea:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    border: solid 20px transparent;
    border-top: solid 20px #404040;
  }
}

.clientServeProjectexpert-sec03 .ttlArea .int, .clientServeProjectexpert-sec03 .ttlArea .ttl {
  line-height: 1;
  display: table-cell;
}

.clientServeProjectexpert-sec03 .ttlArea .int {
  position: relative;
  top: -2px;
  font-size: 32px;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clientServeProjectexpert-sec03 .ttlArea .ttl {
  font-size: 16px;
  font-weight: bold;
}

.clientServeProjectexpert-sec03 .contentArea {
  padding: 20px;
}

.clientServeProjectexpert-sec04 .lead01 span {
  color: #d47c18;
}

.clientServeProjectexpert-sec04 .blackBlock01-inner-ttl + p {
  margin: 10px 0 30px;
}

.clientServeProjectexpert-sec04 .blackBlock01-inner-ttl + .image {
  margin: 20px 0;
  text-align: center;
}

.clientServeProjectexpert-sec04 .blackBlock01 {
  padding-bottom: 130px;
  background: url("../img/client/client_serve_project-expert_img07.png") no-repeat center bottom 0;
}

.clientServeProjectexpert-sec04 .blackBlock03 .block {
  display: table;
}

.clientServeProjectexpert-sec04 .blackBlock03 .block + .block {
  margin-top: 20px;
}

.clientServeProjectexpert-sec04 .blackBlock03 .ttl {
  display: block;
  width: 60px;
  height: 60px;
  background: #404040;
  color: #fff;
  padding-top: 10px;
  margin-right: 10px;
}

.clientServeProjectexpert-sec04 .blackBlock03 .ttl span {
  display: block;
  text-align: center;
  line-height: 1;
}

.clientServeProjectexpert-sec04 .blackBlock03 .ttl .int {
  font-size: 30px;
}

.clientServeProjectexpert-sec04 .blackBlock03 .ttl .txt {
  font-size: 11px;
}

.clientServeProjectexpert-sec04 .blackBlock03 .ttl + p {
  display: table-cell;
  vertical-align: top;
}

.clientServeProjectexpert-sec05 .image {
  text-align: center;
  margin-bottom: 60px;
}

.clientServeProjectexpert-sec05 .commentView .block-image {
  text-align: center;
  margin: 30px 0;
}

.clientServeProjectexpert-sec05 .commentView .commentView-ttl {
  font-size: 15px;
  font-weight: bold;
  background: url(../img/client/client_commentView_bg.jpg);
  padding: 12px 15px 11px;
  margin-bottom: 20px;
}

.clientServeProjectexpert-sec05 .commentView .comment {
  background: #ededed;
  padding: 20px;
  position: relative;
  margin: 30px 0 20px;
}

.clientServeProjectexpert-sec05 .commentView .comment:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -35px;
  left: 40px;
  border: solid 20px transparent;
  border-bottom: solid 15px #ededed;
}

.clientServeProjectexpert-sec05 .commentView .description {
  border: solid 1px #ededed;
  padding: 15px;
}

.clientServeProjectexpert-sec05 .commentView .description-image {
  float: left;
}

.clientServeProjectexpert-sec05 .commentView .description-image + p {
  padding-left: 115px;
}

.clientServeProjectexpert-sec05 .case-ttl {
  font-size: 18px;
  margin: 40px 0 10px;
}

.clientServeProjectexpert-sec05 .case-ttl:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #6390c6;
  margin-bottom: -2px;
  margin-right: 5px;
}

.clientServeProjectexpert-sec05 .case .block + .block {
  margin-top: 20px;
}

.clientServeProjectexpert-sec05 .case .ttl {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: #ededed;
  color: #404040;
  padding-top: 10px;
  margin-right: 10px;
  vertical-align: top;
}

.clientServeProjectexpert-sec05 .case .ttl span {
  display: block;
  text-align: center;
  line-height: 1;
}

.clientServeProjectexpert-sec05 .case .ttl .int {
  font-size: 30px;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clientServeProjectexpert-sec05 .case .ttl .txt {
  font-size: 11px;
}

.clientServeProjectexpert-sec05 .case .ttl + p {
  display: inline-block;
  width: calc(100% - 80px);
}

.clientServeProjectexpert-sec06 .image {
  display: inline-block;
  vertical-align: top;
}

.clientServeProjectexpert-sec06 .image + p {
  display: inline-block;
  width: calc(100% - 100px);
  margin-left: 10px;
}

.clientServeProjectexpert-sec06 li:last-child {
  border-bottom: 0;
  margin-bottom: 40px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-projectExpert .blackBlock-ttl {
    font-size: 19px;
    padding: 15px 25px;
  }
  .client-serve-projectExpert .blackBlock-lead01 {
    padding: 20px 35px;
  }
  .client-serve-projectExpert .blackBlock-inner {
    margin: 0 20px;
  }
  .clientServeProjectexpert-lead01 {
    margin-bottom: 110px;
  }
  .clientServeProjectexpert-ttl03 {
    margin: 50px 0 25px;
  }
  .clientServeProjectexpert-sec01 .image {
    margin-bottom: 40px;
    text-align: center;
  }
  .clientServeProjectexpert-sec01 .blackBlock-lead01 {
    margin-bottom: 25px;
  }
  .clientServeProjectexpert-sec01 .contentArea01-left {
    width: 370px;
  }
  .clientServeProjectexpert-sec01 .contentArea01-right {
    width: 298px;
  }
  .clientServeProjectexpert-sec01 .movie {
    margin: 0 0 20px;
  }
  .clientServeProjectexpert-sec01 .contentArea01 {
    margin: 45px 0;
  }
  .clientServeProjectexpert-sec01 .contentArea01-left {
    margin: 0;
  }
  .clientServeProjectexpert-sec01 .contentArea01-right .image {
    margin-bottom: 20px;
  }
  .clientServeProjectexpert-sec02 .blackBlock01 .image {
    margin: 25px 0 40px;
  }
  .clientServeProjectexpert-sec02 .blackBlock02 .blackBlock-ttl {
    margin: 40px 0 25px;
  }
  .clientServeProjectexpert-sec02 .blackBlock02 .image {
    margin: 25px auto 50px;
  }
  .clientServeProjectexpert-sec03 .block {
    width: 100%;
    display: table;
    vertical-align: middle;
  }
  .clientServeProjectexpert-sec03 .ttlArea {
    display: table-cell;
    width: 240px;
    height: 100%;
    vertical-align: middle;
    padding: 30px 20px;
    text-align: left;
  }
  .clientServeProjectexpert-sec03 .ttlArea .int {
    display: inline-block;
    margin-right: 10px;
  }
  .clientServeProjectexpert-sec03 .ttlArea .ttl {
    display: inline-block;
  }
  .clientServeProjectexpert-sec03 .contentArea {
    display: table-cell;
    padding: 0 20px 0 20px;
  }
  .clientServeProjectexpert-sec04 .blackBlock01 .blackBlock-ttl {
    margin-bottom: 25px;
  }
  .clientServeProjectexpert-sec04 .blackBlock01-left, .clientServeProjectexpert-sec04 .blackBlock-right {
    width: 360px;
  }
  .clientServeProjectexpert-sec04 .blackBlock01-inner-ttl {
    margin: 0 0 25px;
  }
  .clientServeProjectexpert-sec04 .blackBlock02 .blackBlock-ttl {
    margin: 40px 0 25px;
  }
  .clientServeProjectexpert-sec04 .blackBlock03 .blackBlock-ttl {
    margin: 40px 0 25px;
  }
  .clientServeProjectexpert-sec04 .blackBlock03 .ttl {
    margin-right: 20px;
  }
  .clientServeProjectexpert-sec04 .blackBlock03 .ttl + p {
    vertical-align: middle;
  }
  .clientServeProjectexpert-sec05 .commentView .block + .block {
    margin-top: 30px;
  }
  .clientServeProjectexpert-sec05 .commentView .block-image {
    width: 210px;
    margin: 0;
    float: left;
  }
  .clientServeProjectexpert-sec05 .commentView .comment {
    width: 493px;
    margin: 0;
    float: right;
  }
  .clientServeProjectexpert-sec05 .commentView .comment:before {
    top: 50%;
    left: -40px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 20px transparent;
    border-right: 20px solid #ededed;
  }
  .clientServeProjectexpert-sec05 .commentView .description {
    clear: both;
  }
  .clientServeProjectexpert-sec05 .case .block {
    display: table;
  }
  .clientServeProjectexpert-sec05 .case .block + .block {
    margin-top: 20px;
  }
  .clientServeProjectexpert-sec05 .case .ttl {
    display: table-cell;
    width: 130px;
    height: 90px;
    padding-top: 19px;
  }
  .clientServeProjectexpert-sec05 .case .ttl .int {
    font-size: 35px;
  }
  .clientServeProjectexpert-sec05 .case .ttl .txt {
    font-size: 15px;
  }
  .clientServeProjectexpert-sec05 .case .ttl + p {
    display: table-cell;
    padding-left: 20px;
  }
  .clientServeProjectexpert-sec05 .case-ttl {
    margin: 45px 0 23px;
  }
  .clientServeProjectexpert-sec06 .ttl01 {
    margin-bottom: 0;
  }
  .clientServeProjectexpert-sec06 li {
    padding: 25px 40px;
  }
  .clientServeProjectexpert-sec06 li:last-child {
    margin-bottom: 27px;
  }
  .clientServeProjectexpert-sec06 .image {
    margin-right: 40px;
  }
  .clientServeProjectexpert-sec06 .image + p {
    width: calc(100% - 130px);
    margin: 0;
  }
}

/*-------------------------------------------------------------------
    client-branch-pref
-------------------------------------------------------------------*/
.client-branch-pref .urllist {
  font-size: 13px;
  margin-bottom: 6px;
  text-align: right;
}

.client-branch-pref .list01 {
  margin: 0;
  margin-bottom: 20px;
  padding: 11px 20px;
  border: solid 1px #b5b5b5;
  overflow: hidden;
}

@media print, screen and (min-width: 737px) {
  .client-branch-pref .list01 {
    margin-bottom: 45px;
    padding: 23px 12px;
  }
}

.client-branch-pref .list01 li {
  font-size: 13px;
}

@media screen and (max-width: 736px) {
  .client-branch-pref .list01 li + li {
    margin-top: 12px;
  }
}

@media print, screen and (min-width: 737px) {
  .client-branch-pref .list01 li {
    line-height: 1;
    float: left;
  }
  .client-branch-pref .list01 li:nth-child(3n+1) {
    width: 260px;
  }
  .client-branch-pref .list01 li:nth-child(3n+2) {
    width: 250px;
  }
  .client-branch-pref .list01 li:nth-child(3n) {
    width: 280px;
  }
  .client-branch-pref .list01 li:nth-child(n+4) {
    margin-top: 23px;
  }
}

.client-branch-pref [class^="tag"] {
  display: inline-block;
  margin-right: 5px;
  padding: 0 18px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  border-radius: 3px;
  text-decoration: none;
}

@media print, screen and (min-width: 737px) {
  .client-branch-pref [class^="tag"] {
    margin-right: 10px;
    font-size: 12px;
    line-height: 18px;
  }
  .client-branch-pref [class^="tag"]:hover {
    opacity: 0.7;
  }
}

.client-branch-pref .tag01 {
  background-color: #ed9d59;
}

.client-branch-pref .tag02 {
  background-color: #94b2d2;
}

.client-branch-pref .tag03 {
  background-color: #8aa49a;
}

.client-branch-pref .tag04 {
  background-color: #b96767;
}

.client-branch-pref .tag05 {
  background-color: #466ea5;
}

.client-branch-pref .tag06 {
  background-color: #7f7f7f;
}

.client-branch-pref .navi01 {
  background: none;
}

.client-branch-pref .navi01 .naviStyle03-level01 {
  margin-bottom: 35px;
}

@media print, screen and (min-width: 737px) {
  .client-branch-pref .navi01 .naviStyle03-level01 > li {
    position: static;
    margin-bottom: 0;
  }
  .client-branch-pref .navi01 .naviStyle03-level01 > li > a,
  .client-branch-pref .navi01 .naviStyle03-level01 > li > a + button {
    display: none;
  }
  .client-branch-pref .navi01 .naviStyle03-level01 > li:nth-child(n+2) .naviStyle03-level02 {
    margin-top: 60px;
  }
  .client-branch-pref .navi01 .naviStyle03-level01 > li:last-child .naviStyle03-level02 {
    margin-bottom: 50px;
  }
  .client-branch-pref .navi01 .naviStyle03-level02 {
    max-height: none;
  }
}

@media screen and (max-width: 736px) {
  .client-branch-pref .naviStyle03-level02 .logo {
    margin: 10px 0;
  }
  .client-branch-pref .naviStyle03-level02 .table01 {
    width: 100%;
  }
  .client-branch-pref .naviStyle03-level02 .table01 th {
    display: block;
    padding: 9px 2%;
    background-color: #f0f0f0;
  }
  .client-branch-pref .naviStyle03-level02 .table01 td {
    display: block;
    padding: 20px 5px;
  }
  .client-branch-pref .naviStyle03-level02 .table01 td .link01 {
    width: 132px;
    margin-top: 10px;
    padding: 0;
    font-size: 12px;
    line-height: 30px;
  }
  .client-branch-pref .naviStyle03-level02 .table01 tr:last-child td {
    padding: 12px 0;
  }
}

@media print, screen and (min-width: 737px) {
  .client-branch-pref .naviStyle03-level02 .table01 {
    width: 780px;
    margin: 0 auto;
  }
  .client-branch-pref .naviStyle03-level02 .table01 tr {
    border-bottom: solid 1px #e4e4e4;
  }
  .client-branch-pref .naviStyle03-level02 .table01 th {
    width: 180px;
    padding: 0 15px;
  }
  .client-branch-pref .naviStyle03-level02 .table01 td {
    padding: 20px 15px;
  }
  .client-branch-pref .naviStyle03-level02 .table01 td .link01 {
    width: 58px;
    padding: 0;
    font-size: 11px;
    line-height: 23px;
  }
}

@media screen and (max-width: 736px) {
  .client-branch-pref .link02 {
    width: 206px;
    margin-top: 30px;
  }
}

@media print, screen and (min-width: 737px) {
  .client-branch-pref .link02 {
    width: 238px;
    margin-top: 60px;
  }
}

.client-branch-pref .btnArea01 {
  text-align: center;
  margin: 35px 0 30px;
}

@media print, screen and (min-width: 737px) {
  .client-branch-pref .btnArea01 {
    margin: 70px 0 60px;
  }
}

.client-branch-pref .btnArea01 .link {
  padding-left: 25px;
  padding-right: 25px;
  width: auto;
  font-size: 16px;
}

/*-------------------------------------------------------------------
    client-serve-support-seminar
-------------------------------------------------------------------*/
.client-serve-support-seminar .noSeminarBox {
  background: #f3f3f3;
  padding: 28px 20px 27px;
  font-size: 14px;
}

/*-------------------------------------------------------------------
    client-seminar
-------------------------------------------------------------------*/
.client-seminar h1 {
  padding-bottom: 20px;
}

@media print, screen and (min-width: 737px) {
  .client-seminar h1 {
    padding-bottom: 47px;
  }
}

.client-seminar .btnArea01 {
  margin-bottom: 30px;
}

@media print, screen and (min-width: 737px) {
  .client-seminar .btnArea01 {
    margin-bottom: 75px;
  }
}

/*-------------------------------------------------------------------
    client / serve / employ / hint / vol1
-------------------------------------------------------------------*/
.client-serve-employ-hint-vol h1 {
  margin: 0;
  padding-bottom: 39px;
}

.imgCenter {
  display: block;
  margin: 0 auto;
}

.client-serve-employ-hint-vol p + p {
  margin-top: 20px;
}

.hintArticleMainImg {
  margin-bottom: 20px;
}

@media print, screen and (min-width: 737px) {
  .hintArticleMainImg {
    margin-bottom: 35px;
  }
}

.hintArticleTxtBox {
  margin: 40px 0 35px;
}

.hintArticleHead {
  margin-bottom: 20px;
  margin-top: 35px;
}

.hintFooterBorderBox {
  margin-bottom: 40px;
  padding: 30px 20px 20px;
  border: solid 1px #dfdfdf;
}

.hintFooterBorderBox p + p {
  margin-top: 15px;
}

@media print, screen and (min-width: 737px) {
  .hintFooterBorderBox p + p {
    margin-top: 25px;
  }
}

.hintFooterBorderBox a {
  color: #6390c6;
}

.blueHeadBorderBox {
  margin: 0 auto;
}

@media print, screen and (min-width: 737px) {
  .blueHeadBorderBox {
    width: 660px;
  }
}

.blueHeadBorderBox + .blueHeadBorderBox {
  margin-top: 20px;
}

.borderHeadaer {
  color: #fff;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
  background-color: #6390c6;
  overflow: hidden;
}

.borderTitle {
  padding: 4px 10px;
  font-weight: bold;
  background-color: #466EA5;
  margin-bottom: 0 !important;
}

@media print, screen and (min-width: 737px) {
  .borderTitle {
    width: 190px;
    padding: 8px 10px 7px;
    position: relative;
    float: left;
  }
  .borderTitle:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: -6px;
    border-style: solid;
    border-width: 20px 0 20px 6px;
    border-color: transparent transparent transparent #466EA5;
  }
}

.borderSubTitle {
  padding: 4px 10px;
}

@media print, screen and (min-width: 737px) {
  .borderSubTitle {
    padding: 8px 15px 7px;
    float: left;
  }
}

.borderBody {
  padding: 10px;
  border: solid 1px #6390c6;
  clear: both;
}

@media print, screen and (min-width: 737px) {
  .borderBody {
    padding: 15px 20px;
  }
}

/*-------------------------------------------------------------------
    client / serve / re-employ-assistance
-------------------------------------------------------------------*/
.reEmploymentSupport01-iamge {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.reEmploymentSupport01-iamge img {
  width: 40%;
}

@media print, screen and (min-width: 737px) {
  .reEmploymentSupport01-iamge {
    width: 200px;
    margin: 0;
    border: solid 1px #ededed;
  }
  .reEmploymentSupport01-iamge img {
    width: 100%;
  }
}

.reEmploymentSupport01-content .infoTitle {
  font-size: 19px;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 10px;
  letter-spacing: .1em;
}

.reEmploymentSupport01-link {
  border: solid 2px #6390c6;
  padding: 12px 0;
  margin: 20px 0 40px;
}

.reEmploymentSupport01-link a {
  text-decoration: none;
}

.reEmploymentSupport01-link span {
  display: block;
  text-align: center;
}

.reEmploymentSupport01-link .bottom {
  font-size: 19px;
  font-weight: bold;
  color: #6390c6;
}

.reEmploymentSupport01-link .bottom:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 15px;
  background: url("../img/common/cmn_ico05_black.png") no-repeat center;
  background-size: 100%;
  margin-right: 6px;
}

@media print, screen and (min-width: 737px) {
  .reEmploymentSupport01-link {
    width: 380px;
    padding: 6px 0;
    margin-top: 30px;
  }
  .reEmploymentSupport01-link a {
    display: block;
  }
  .reEmploymentSupport01-link a:hover {
    opacity: .75;
  }
}

@media print, screen and (min-width: 737px) {
  .reEmploymentSupport01-content {
    width: 520px;
  }
}

/*-------------------------------------------------------------------
    client / jinji / template
-------------------------------------------------------------------*/
.clientJinjiTemplate h1 {
  padding-bottom: 20px;
}

@media print, screen and (min-width: 737px) {
  .clientJinjiTemplate h1 {
    padding-bottom: 40px;
  }
}

.clientJinjiTemplate .list01 li {
  padding: 12px 0 11px;
}

.clientJinjiTemplate .list01 li:last-child {
  border-bottom: 0;
}

.clientJinjiTemplate .olStyle02 li {
  margin: 0;
}

.clientJinjiTemplate .listStyle03 li {
  margin: 0;
}

.clientJinjiTemplate .ttl01 {
  margin: 40px 0 20px;
}

@media print, screen and (min-width: 737px) {
  .clientJinjiTemplate .ttl01 {
    margin: 55px 0 25px;
  }
}

.clientJinjiTemplate .ttl02 {
  margin-bottom: 5px;
}

.clientJinjiTemplate .txt {
  line-height: 1.8;
}

.clientJinjiTemplate .list04 li {
  margin: 0;
}

.clientJinjiTemplate .list04 .txt {
  margin: 2px 0 18px;
}

.clientJinjiTemplate .list04 .image {
  margin: 0 0 40px;
}

.clientJinjiTemplate .list05 {
  width: 100%;
}

.clientJinjiTemplate .list05 thead {
  display: none;
}

@media print, screen and (min-width: 737px) {
  .clientJinjiTemplate .list05 thead {
    display: table-header-group;
  }
}

.clientJinjiTemplate .list05 td, .clientJinjiTemplate .list05 th {
  width: 100%;
  font-size: 16px;
  line-height: 1.2;
}

@media print, screen and (min-width: 737px) {
  .clientJinjiTemplate .list05 td, .clientJinjiTemplate .list05 th {
    width: 88px;
    height: 53px;
    font-size: 12px;
    padding: 10px 0 10px 5px;
  }
}

.clientJinjiTemplate .list05 td {
  padding: 5px 10px;
}

.clientJinjiTemplate .list05 td:before {
  content: attr(aria-label);
  margin-right: 10px;
}

@media print, screen and (min-width: 737px) {
  .clientJinjiTemplate .list05 td:before {
    display: none;
  }
}

.clientJinjiTemplate .list05 th + td {
  padding-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .clientJinjiTemplate .list05 th + td {
    padding: 10px 0 10px 5px;
  }
}

.clientJinjiTemplate .secContact01 .contactBox {
  margin: 0 0 33px;
}

@media print, screen and (min-width: 737px) {
  .clientJinjiTemplate .secContact01 .contactBox {
    margin: 0 0 79px;
  }
}

.clientJinjiTemplate .secContact01 .contactBox01 {
  margin: 32px 0 30px;
}

@media print, screen and (min-width: 737px) {
  .clientJinjiTemplate .secContact01 .contactBox01 {
    margin: 65px 0 60px;
  }
}

.clientJinjiTemplate .image01 {
  text-align: center;
}

.clientJinjiTemplate .client-hakenhouSec .txtStyle03 {
  margin-bottom: 20px;
}

/*-------------------------------------------------------------------
    client / serve / global
-------------------------------------------------------------------*/
@media print, screen and (min-width: 737px) {
  .client-serve-global h1 {
    padding-bottom: 50px;
  }
}

.client-serve-global .contactBox01 {
  margin: 25px 0 30px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-global .contactBox01 {
    margin: 40px 0 40px;
  }
}

.client-serve-global .secContact01 .ttl02 {
  margin: 32px 0 20px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-global .secContact01 .ttl02 {
    margin: 56px 0 41px;
  }
}

.client-serve-global .contactBox02 {
  margin: 0;
}

@media print, screen and (min-width: 737px) {
  .client-serve-global .contactBox02 {
    margin-bottom: 91px;
  }
}

.clientServeGlobal-sec01 .ttl02 {
  margin-bottom: 20px;
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec01 .ttl02 {
    margin-bottom: 18px;
  }
}

.clientServeGlobal-sec01 .block01 .txt01 {
  margin-bottom: 20px;
}

.clientServeGlobal-sec01 .block01 .image01 {
  margin: 20px 0 23px;
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec01 .block01 .image01 {
    margin: 38px 0 36px;
  }
}

.clientServeGlobal-sec01 .block02 .ttl03 {
  font-size: 16px;
  font-weight: bold;
  color: #2f2f2f;
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec01 .block02 .ttl03 {
    font-size: 20px;
    color: #404040;
  }
}

.clientServeGlobal-sec01 .block02 .txt01 {
  color: #3a3a3a;
  margin-bottom: 10px;
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec01 .block02 .txt01 {
    margin-bottom: 28px;
  }
}

.clientServeGlobal-sec01 .block02 li {
  border: 0;
  padding: 0;
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec01 .block02 li + li {
    border-top: solid 1px #d1d1d1;
  }
}

.clientServeGlobal-sec01 .block02 .int, .clientServeGlobal-sec01 .block02 .txt02 {
  display: block;
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec01 .block02 .int, .clientServeGlobal-sec01 .block02 .txt02 {
    display: inline-block;
  }
}

.clientServeGlobal-sec01 .block02 .int {
  background: #f0f0f0;
  padding: 15px 11px;
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec01 .block02 .int {
    width: 143px;
    background: none;
    padding: 0;
  }
}

.clientServeGlobal-sec01 .block02 .txt02 {
  padding: 20px 11px 18px;
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec01 .block02 .txt02 {
    padding: 17px 0;
  }
}

.clientServeGlobal-sec01 .block02-ttlArea {
  padding: 13px 12px 12px;
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec01 .block02-ttlArea {
    padding: 15px 24px 14px;
  }
}

.clientServeGlobal-sec01 .block02-contentArea {
  padding: 15px 11px;
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec01 .block02-contentArea {
    padding: 16px 24px 18px;
  }
}

.clientServeGlobal-sec02 .ttl02 {
  margin: 30px 0 12px;
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec02 .ttl02 {
    margin: 67px 0 23px;
  }
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec02 .image01 {
    text-align: center;
  }
}

.clientServeGlobal-sec03 .ttl02 {
  margin: 30px 0 22px;
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec03 .ttl02 {
    margin: 67px 0 41px;
  }
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec03 .list01 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
}

.clientServeGlobal-sec03 .list01 li {
  padding: 14px 0 13px;
  text-align: center;
  background: #6390c6;
  color: #fff;
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec03 .list01 li {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    width: 177px;
    height: 95px;
    padding: 0;
    font-size: 14px;
    vertical-align: middle;
    line-height: 1.2;
    font-weight: bold;
  }
}

.clientServeGlobal-sec03 .list01 li + li {
  position: relative;
  margin-top: 25px;
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec03 .list01 li + li {
    margin: 0;
  }
}

.clientServeGlobal-sec03 .list01 li + li:before {
  content: "";
  display: block;
  width: 10px;
  height: 18px;
  -webkit-transform: translateX(-50%) rotate(90deg);
  -moz-transform: translateX(-50%) rotate(90deg);
  -ms-transform: translateX(-50%) rotate(90deg);
  -o-transform: translateX(-50%) rotate(90deg);
  transform: translateX(-50%) rotate(90deg);
  position: absolute;
  top: -20px;
  left: 50%;
  background: url("../img/common/cmn_ico07.png") no-repeat center;
  background-size: contain;
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec03 .list01 li + li:before {
    top: 50%;
    left: -18px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.clientServeGlobal-sec03 .list01 .last {
  background: #da7f84;
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec03 .list01 .last {
    font-size: 22px;
  }
}

.clientServeGlobal-sec03 .txt01 {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .clientServeGlobal-sec03 .txt01 {
    margin-top: 30px;
  }
}

/*-------------------------------------------------------------------
    client / faq
-------------------------------------------------------------------*/
.client-faq .lead01 {
  color: #3a3a3a;
}

.client-faq .ttl02 {
  counter-reset: ol2;
}

.client-faq .contactBox01 {
  margin: 70px 0 0;
}

@media print, screen and (min-width: 737px) {
  .client-faq .contactBox01 {
    margin: 60px 0 30px;
  }
}

@media print, screen and (min-width: 737px) {
  .client-faq h1 {
    padding-bottom: 43px;
  }
}

.clientFaq-sec01 .ttl02, .clientFaq-sec02 .ttl02 {
  margin: 30px 0 15px;
}

@media print, screen and (min-width: 737px) and (min-width: 737px) {
  .clientFaq-sec01 .ttl02 {
    margin: 36px 0 27px;
  }
}

@media print, screen and (min-width: 737px) and (min-width: 737px) {
  .clientFaq-sec02 .ttl02 {
    margin: 60px 0 27px;
  }
}

/*-------------------------------------------------------------------
    client / order
-------------------------------------------------------------------*/
@media print, screen and (min-width: 737px) {
  .client-order #main {
    width: 100%;
  }
  .client-order h1 {
    margin-top: 15px;
    padding-bottom: 15px;
  }
}

.client-order .lead01 {
  color: #3a3a3a;
  width: 60%;
}

.client-order .btnArea01 {
  text-align: center;
  margin: 24px 0 26px;
}

@media print, screen and (min-width: 737px) {
  .client-order .btnArea01 {
    margin: 30px 0 20px;
  }
}

.client-order button {
  color: #fff;
  font-size: 15px;
  width: 80%;
  max-width: 360px;
  padding: 8px 48px;
  background: #E87F06;
  border: none;
  line-height: 22px;
}

.client-order .linkStyle10:before {
  display: none;
}

@media print, screen and (min-width: 737px) {
  .client-order button {
    font-size: 16px;
    padding: 10px 32px;
    width: 360px;
  }
}

.client-order button:before {
  margin-top: -3px;
}

.client-order .lead03 {
  color: #282a32;
}

@media print, screen and (min-width: 737px) {
  .client-order .lead03 {
    margin-bottom: 0px;
    color: #404040;
  }
}

.client-order .lead03 span {
  display: block;
  max-width: 175px;
  width: 25.2%;
}

@media print, screen and (min-width: 737px) {
  .client-order .lead03 span {
    display: inline-block;
  }
}

.clientOrder-sec01 .ttl02 {
  margin: 21px 0 18px;
}

@media print, screen and (min-width: 737px) {
  .clientOrder-sec01 .ttl02 {
    margin: 47px 0 24px;
  }
}

.clientOrder-sec01 .lead02 {
  color: #3a3a3a;
}

.clientOrder-sec01 .table01 {
  margin: 12px 0 0;
}

@media print, screen and (min-width: 737px) {
  .clientOrder-sec01 .table01 {
    margin: 15px 0 0;
  }
}

.clientOrder-sec02 .ttl02 {
  margin: 26px 0 22px;
}

@media print, screen and (min-width: 737px) {
  .clientOrder-sec02 .ttl02 {
    margin: 63px 0 11px;
  }
}

.clientOrder-sec02 .lead02 {
  color: #3a3a3a;
}

.clientOrder-sec02 .table01 {
  margin: 12px 0 0;
}

@media print, screen and (min-width: 737px) {
  .clientOrder-sec03 {
    margin: 63px 0 2px;
  }
}

.clientOrder-sec03 .table01 {
  margin-top: 11px;
}

@media print, screen and (min-width: 737px) {
  .clientOrder-sec04 .table01 textarea {
    height: 75px;
  }
}

.clientOrder-sec04 .ttl02 {
  margin: 30px 0 0;
}

@media print, screen and (min-width: 737px) {
  .clientOrder-sec04 .ttl02 {
    margin: 59px 0 2px;
  }
}

.clientOrder-sec04 .table01 {
  margin-top: 16px;
}

/*-------------------------------------------------------------------
    client / order / 2018/8/1 orderページ改修
-------------------------------------------------------------------*/

.client-order .accolist01 dt {
    position: relative;
    background: #fff;
    color: #404040;
    padding: 18px 30px 18px 30px;
    border: solid 2px #B5B5B5;
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
}

.client-order .accolist01 dt:before {
  display: none;
}

.client-order .accolist01 dt:after {
    border-bottom: 3px solid #404040;
    border-right: 3px solid #404040;
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 5%;
    top: 32%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.client-order .accolist01 dt.active:after {
    border-top: 3px solid #404040;
    border-left: 3px solid #404040;
    border-bottom: none;
    border-right: none;
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 5%;
    top: 44%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.client-order .accolist01 dd {
  padding: 0px;
}

.client-order .accolist01 li + li{
  margin-top: 0px;
}

.client-order .accolist01 dt span {
  display: none;
}

.client-order .accolist01 dt.active span {
  display: contents;
}
.client-order .accolist01 dt.active p {
  display: none;
}
.client-order .accolist01 dt span:before , .client-order .accolist01 dt span:after {
  display: none;
}

.client-order .agreeBox .txt02 {
  padding: 0px 20px;
  text-align: left;
  display: block;
}

@media print, screen and (min-width: 737px){
.client-order .accolist01 dd {
  padding: 22px 16px 30px;
}

.client-order .accolist01 dt {
    cursor: pointer;
}

.client-order .accolist01 dt:after {
    right: 30%;
}

.client-order .accolist01 dt.active:after {
    right: 30%;
}
.client-order .agreeBox .txt02 {
  text-align: center;
  display: inline;
}
}

/*-------------------------------------------------------------------
    client / order / 2018/9/10 orderページ改修
-------------------------------------------------------------------*/

.client-order .personal-info {
    margin: 50px 5% 0px 5%;
}

.client-order .personal-info p {
    font-size: 14px;
    font-weight: bold;
}

.client-order .personal-info iframe {
margin: 0;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

@media print, screen and (min-width: 737px){
.client-order .personal-info {
    margin: 20px 60px 0px 60px;
}
}

/*-------------------------------------------------------------------
    client / order / 2019/11/20 orderページ改修
-------------------------------------------------------------------*/
  .j-order .order-table01 input[type="text"], .j-order .order-table01 select {
    background-color: #E8F0FE;
  }
  .j-order .order-table01 textarea {
    background-color: #fff;
    line-height: 20px;
    font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

@media screen and (max-width: 736px) {
  .j-order #header {
    top: -53px;
  }
  .j-order .selectStyle01 {
    width: 100%;
  }
}

@media print, screen and (min-width: 737px) {
  .j-order #header {
    padding-bottom: 10px;
  }
  .j-order .hLogo {
    margin-top: 20px;
  }
  .j-order .order-table01 tr:last-child {
    border-bottom: solid 1px #e2e2e2;
  }
  .j-order .table02 tr:last-child  {
    border-bottom: solid 1px #e2e2e2;
  }
  .j-order .order-table01 th {
    padding: 10px 0 10px 20px;
  }
  .j-order .order-table01 td {
    padding: 10px 20px 10px 37px;
  }
  .j-order .order-table01 textarea {
    height: 75px;
  }
  .j-order .agreeBox {
    margin-top: 20px;
  }
  .client-order .btnArea01 {
    margin: 0px 0 0px;
  }
  .j-order .selectStyle01 {
    width: 272.13px;
  }


}


/*-------------------------------------------------------------------
    client / order / placeholder
-------------------------------------------------------------------*/
textarea::placeholder {
  color: #6390c6;
}

/* IE */
textarea:-ms-input-placeholder {
  color: #6390c6;
}

/* Edge */
textarea::-ms-input-placeholder {
  color: #6390c6;
}

@media screen and (max-width: 600px) {
.client-order :placeholder-shown {
    color: #404040;
    font-size: 14px;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
.client-order ::-webkit-input-placeholder {
    font-size: 14px;
}

/* Firefox 18- */
.client-order :-moz-placeholder {
    font-size: 14px;
    opacity: 1;
}

/* Firefox 19+ */
.client-order ::-moz-placeholder {
    font-size: 14px;
    opacity: 1;
}

/* IE 10+ */
.client-order :-ms-input-placeholder {
    font-size: 14px;
}
}

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

.client-order :placeholder-shown {
    font-size: 12px;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
.client-order ::-webkit-input-placeholder {
    font-size: 12px;
}

/* Firefox 18- */
.client-order :-moz-placeholder {
    font-size: 12px;
    opacity: 1;
}

/* Firefox 19+ */
.client-order ::-moz-placeholder {
    font-size: 12px;
    opacity: 1;
}

/* IE 10+ */
.client-order :-ms-input-placeholder {
    font-size: 12px;
}
}

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

.client-order :placeholder-shown {
    font-size: 11px;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
.client-order ::-webkit-input-placeholder {
    font-size: 11px;
}

/* Firefox 18- */
.client-order :-moz-placeholder {
    font-size: 11px;
    opacity: 1;
}

/* Firefox 19+ */
.client-order ::-moz-placeholder {
    font-size: 11px;
    opacity: 1;
}

/* IE 10+ */
.client-order :-ms-input-placeholder {
    font-size: 11px;
}
}

/*-------------------------------------------------------------------
    client / order / confirm
-------------------------------------------------------------------*/
@media print, screen and (min-width: 737px) {
  .client-order-confirm #main {
    width: 100%;
  }
}

.client-order-confirm h1 {
  padding-bottom: 20px;
}

@media print, screen and (min-width: 737px) {
  .client-order-confirm h1 {
    margin-top: 15px;
    padding-bottom: 15px;
  }
}

.client-order-confirm .ttl02 {
  margin: 40px 0 0;
}

.clientOrderConfirm-sec01 .ttl02 {
  margin-top: 0;
}

@media print, screen and (min-width: 737px) {
  .clientOrderConfirm-sec01 .ttl02 {
    margin: 0 0 3px;
  }
}

@media print, screen and (min-width: 737px) {
  .clientOrderConfirm-sec02 .ttl02 {
    margin: 72px 0 2px;
  }
}

@media print, screen and (min-width: 737px) {
  .clientOrderConfirm-sec03 .ttl02 {
    margin: 48px 0 2px;
  }
}

@media print, screen and (min-width: 737px) {
  .clientOrderConfirm-sec04 .ttl02 {
    margin: 59px 0 2px;
  }
}

.order-btnArea01 .loading {
    display: none;
    text-align: center;
    margin-bottom: 28px;
}
@media print, screen and (min-width: 737px) {
.order-btnArea01 .loading {
    padding-top: 13px;
}
}

@media print, screen and (min-width: 737px) {
.j-order .table02 th {
    padding: 23px 0 23px 18px;
}
.j-order .table02 td {
    padding: 23px 0;
}
}

/*-------------------------------------------------------------------
    client / order / thanks
-------------------------------------------------------------------*/
.client-order-thanks #main {
  width: 100%;
}

.client-order-thanks h1 {
  padding-bottom: 27px;
}

@media print, screen and (min-width: 737px) {
  .client-order-thanks h1 {
    padding-bottom: 54px;
  }
}

/*-------------------------------------------------------------------
    client / other
-------------------------------------------------------------------*/
.hintinterBorderBox {
  margin: 10px 10px 10px;
  padding: 20px 20px 15px;
  border: #D3D3D3 solid 2px;
}

.hintinterBorderBox.column2 {
  width: 320px;
  float: left;
  margin-left: 10px;
}

.commonList li {
  margin: 0 0 5px;
  padding: 0 0 0 10px;
  background: url(/_asset/img/common/icon_disc_gray.png) no-repeat 0 10px;
}

.commonList.indent {
  padding-left: 10px;
}

.hinttable {
  width: 100%;
  margin: 0 0 10px 0;
  border-collapse: collapse !important;
}

.hinttable th {
  padding: 6px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #D3D3D3;
  background: #F5F5F5;
}

.hinttable td {
  padding: 6px;
  background-color: #fff;
  border: 1px solid #D3D3D3;
}

.hintVol9tableHalf {
  padding-left: 15px;
  margin-top: 1em;
}

@media print, screen and (min-width: 737px) {
  .hintVol9tableHalf .hinttable {
    float: left;
    margin-right: 20px;
    width: 300px;
  }
}

.hintVol9tableHalf .hinttable th {
  width: 100px;
}

.subHead {
  margin-top: 20px;
}

.hintCaseBox {
  margin: 0 0 20px;
  padding: 20px 20px 10px;
  background: #f5f5f5;
  overflow: hidden;
}

.hintCaseBox .borderHead {
  font-weight: bold;
}

.borderHead {
  margin: 0 0 1em;
  padding: 0 0 0 10px;
  line-height: 1.5;
  border-left: #466da5 solid 2px;
}

.hintArticleTable {
  margin: 0 0 30px;
}

.hintArticleTable {
  border: 1px dotted #C9C9C9;
  border-collapse: collapse;
  border-collapse: collapse !important;
  width: 100%;
  max-width: 690px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.hintArticleTable th,
.hintArticleTable td {
  padding: 10px 15px;
  text-align: left;
  border-bottom: 1px dotted #C9C9C9;
}

.hintArticleTable th {
  font-weight: bold;
  vertical-align: middle;
  white-space: nowrap;
  background: #F7F7F7;
  border-right: 1px dotted #C9C9C9;
}

.hintArticleTable th a {
  font-weight: bold;
}

.hintArticleTable td {
  background: #fff;
}

.hintArticleTable td ul li {
  padding-top: 5px;
}

.hintArticleTable td ul li:fisrt-child {
  padding-top: 0;
}

.hintArticleTablee td img {
  padding: 5px 25px 0 0;
}

/*-------------------------------------------------------------------
    client / jinji / journal
-------------------------------------------------------------------*/
@media screen and (max-width: 736px) {
  .issue201317Box03 h2 + .imgRight {
    display: block;
    max-width: 100%;
    float: none;
    margin: 0 auto;
  }
}

@media screen and (max-width: 736px) {
  .issue201317Box04 h2 + .imgRight {
    display: block;
    max-width: 100%;
    float: none;
    margin: 0 auto;
  }
}

.issue201317Box01 {
  background: #D74852;
  margin: 20px 0;
  overflow: hidden;
}

.issue201317Box01 .issue201317Box01Title01 {
  float: left;
  padding: 10px;
  border: 0;
}

.issue201317Box01 .issue201317Box01Title01 img {
  margin: 0;
}

.issue201317Box01 p {
  margin: 0;
  padding: 10px 15px 0 124px;
  color: #fff;
  line-height: 1.6;
}

@media print, screen and (min-width: 737px) {
  .issue201317Box01 p {
    padding: 10px 15px 0 0;
  }
}

.entryArea .issue201405Ttile01 {
  color: #EA7D24;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 0 10px 0;
  text-align: left;
  border: 0;
}

.entryArea .issue201405Box01 {
  margin: 10px;
  border: solid 1px #7EB69C;
  overflow: hidden;
  padding: 15px 0;
}

.entryArea .issue201405Box01 li {
  color: #7EB69C;
  float: left;
  padding: 2px 3px;
  margin: 0 0 0 5%;
  font-size: 12px;
  width: 95%;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201405Box01 li {
    width: 45%;
  }
}

.entryArea .issue201405Box01 p {
  color: #7EB69C;
  font-size: 10px;
  text-align: right;
  clear: both;
  padding-right: 10px;
}

.entryArea .issue201317List01 {
  text-align: left;
  margin-bottom: 20px;
}

.entryArea .issue201317List01 dt {
  font-weight: bold;
  text-indent: -1.6em;
  margin-left: 2em;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201317List01 dt {
    margin-left: 0;
    text-indent: 0;
  }
}

.entryArea .issue201317List01 dt img {
  width: 16px;
  height: 16px;
  padding-right: 0;
  margin-right: 10px;
}

.entryArea .issue201317List01 dd {
  padding-left: 31px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: solid 1px #ddd;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201317List01 dd {
    padding-left: 16px;
  }
}

.entryArea .issue201317List01 img {
  margin: 0;
  padding-right: 10px;
}

.entryArea .issue201317Box02 {
  margin-bottom: 10px;
  border: solid 1px #5FA8D6;
}

.entryArea .issue201317Box02 img {
  margin: 0;
}

.entryArea .issue201317Box02 h3 {
  float: left;
  padding: 5px;
  border: 0;
}

.entryArea .issue201317Box02 h4 {
  text-align: left;
}

.entryArea .issue201317Box02 ul {
  padding: 4px 0 7px 5px;
  overflow: hidden;
}

.entryArea .issue201317Box02 li {
  float: left;
  padding: 0 10px 0 0;
  word-break: keep-all;
}

.entryArea .issue201309Box01 {
  text-align: center;
  margin-bottom: 20px;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201309Box01 {
    text-align: left;
    float: right;
    padding-left: 20px;
    margin: 0;
  }
}

.entryArea .issue201309Box01 > img {
  margin: 0;
}

.entryArea .issue201309Box01 dl {
  padding: 4px;
  background: #A4A5A8;
  margin: 30px 0 0;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201309Box01 dl {
    width: 362px;
    margin: 30px 0 0 10px;
  }
}

.entryArea .issue201309Box01 dt {
  padding: 5px 0;
  color: #A4A5A8;
  font-size: 106%;
  font-weight: bold;
  text-align: center;
  background: #fff;
}

.entryArea .issue201309Box01 dd {
  padding: 5px 8px;
  color: #fff;
  font-size: 85%;
}

.entryArea .issue201309Title01 {
  margin: 0 0 10px;
  padding-top: 30px;
}

@media screen and (max-width: 736px) {
  .entryArea .issue201309Box07 h2 + .imgRight {
    display: block;
    max-width: 100%;
    margin: 0 auto 20px;
    float: none;
  }
}

.entryArea .issue201309Box02 {
  margin-bottom: 40px;
}

.entryArea .issue201309Box02 dl {
  padding: 8px 8px 0;
  background: #E87F06;
  overflow: hidden;
}

.entryArea .issue201309Box02 dt {
  width: 100%;
  clear: both;
  padding: 15px;
  color: #fff;
  line-height: 1.4;
  font-size: 106%;
  font-weight: bold;
  text-align: center;
  background: #F0AF51;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201309Box02 dt {
    width: 255px;
    line-height: 45px;
    padding: 0 72px 0 0;
    float: left;
    box-sizing: content-box;
    margin: 0 0 8px;
    background: url(../../img/client/journal/201309/img02.png) no-repeat;
  }
}

.entryArea .issue201309Box02 dd {
  width: 100%;
  background: #fff;
  font-size: 85%;
  padding: 15px 10px;
  margin-bottom: 10px;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201309Box02 dd {
    width: auto;
    box-sizing: content-box;
    height: 35px;
    margin: 0 0 8px 327px;
    padding: 5px 10px;
    letter-spacing: 0;
    text-align: left;
  }
}

.entryArea .issue201309Box03 {
  padding: 10px 0 0;
  overflow: hidden;
}

.entryArea .issue201309Box03 table {
  width: 100%;
  border: solid 1px #ddd;
  border-collapse: collapse;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201309Box03 table {
    width: 49%;
    float: left;
  }
}

.entryArea .issue201309Box03 table + table {
  margin-top: 10px;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201309Box03 table + table {
    margin: 0;
    float: right;
  }
}

.entryArea .issue201309Box03 th {
  padding: 5px 10px;
  font-size: 106%;
  font-weight: bold;
  text-align: left;
  border-bottom: solid 1px #ddd;
}

.entryArea .issue201309Box03 th img {
  margin: 0 10px 0 0;
}

.entryArea .issue201309Box03 td {
  padding: 5px 10px;
  text-align: right;
  border-bottom: solid 1px #ddd;
}

.entryArea .issue201309Box03 p {
  clear: both;
  text-align: right;
  font-size: 85%;
  padding: 5px 0 0;
  margin-bottom: 20px;
}

.entryArea .issue201309NoticeBox01 h5 {
  padding: 10px 15px;
  color: #fff;
  font-weight: bold;
  background: #D74854;
  text-align: left;
}

.entryArea .issue201309NoticeBox01 ul {
  padding: 10px 15px;
  background: #FDF6F6;
}

.entryArea .issue201309NoticeBox01 li {
  margin: 0 0 5px;
}

.entryArea .issue201309Box04 {
  margin: 20px 0 35px;
  overflow: hidden;
  border: solid 1px #7EB69C;
}

.entryArea .issue201309Box04 h3 {
  padding: 10px 0;
  color: #fff;
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  background: #7EB69C;
  border: 0;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201309Box04 h3 {
    width: 115px;
    float: left;
  }
}

.entryArea .issue201309Box04 p {
  float: left;
  padding: 7px 10px;
  color: #6D8E81;
  margin-bottom: 0;
}

.entryArea .issue201309Box05 {
  margin-bottom: 25px;
  overflow: hidden;
}

.entryArea .issue201309Box05 .issue201309Box05Left {
  text-align: center;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201309Box05 .issue201309Box05Left {
    float: left;
    width: 49%;
    text-align: left;
  }
}

.entryArea .issue201309Box05 .issue201309Box05Right {
  text-align: center;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201309Box05 .issue201309Box05Right {
    float: right;
    width: 49%;
    text-align: left;
  }
}

.entryArea .issue201309Box05 .issue201309Box05Right dl {
  color: #6D8E81;
  border: solid 2px #7EB69C;
  letter-spacing: 0;
  text-align: left;
}

.entryArea .issue201309Box05 .issue201309Box05Right dt {
  padding: 4px 6px;
  border-bottom: solid 1px #7EB69C;
  line-height: 1.2;
}

.entryArea .issue201309Box05 .issue201309Box05Right .issue201309TxtStrong02 {
  clear: both;
  padding: 0 10px 0;
  margin-bottom: 5px;
  font-size: 116%;
  font-weight: bold;
  border-left: solid 5px #7EB69C;
  text-align: left;
}

.entryArea .issue201309Box05 .issue201309Box05Right dd {
  padding: 5px 10px;
  font-weight: bold;
  line-height: 1.2;
}

.entryArea .issue201309Box05 .issue201309Box05Right dd span {
  font-size: 85%;
  font-weight: normal;
}

.entryArea .issue201309Box06 {
  padding: 15px 20px 10px;
  color: #fff;
  background: #7EB69C;
}

.entryArea .issue201311Title01 {
  width: 100%;
  margin: 20px 0 10px;
  padding: 10px;
  color: #E77C22;
  font-weight: bold;
  text-align: center;
  border: solid 1px #E77C22;
  clear: none;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201311Title01 {
    width: 350px;
    font-size: 116%;
  }
}

.entryArea .issue201311Box01 dl {
  margin: 0 0 10px;
  border: solid 1px #D74854;
  background: #D74854;
  text-align: left;
}

.entryArea .issue201311Box01 dt {
  padding: 15px;
  color: #fff;
  font-weight: bold;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201311Box01 dt {
    width: 220px;
    float: left;
    padding: 10px 0 10px 35px;
    background: url(/img/client/journal/201311/img03.png) no-repeat 5px 50%;
  }
}

.entryArea .issue201311Box01 dd {
  padding: 10px 15px;
  background: #fff;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201311Box01 dd {
    height: 95px;
    margin: 0 0 0 225px;
  }
}

.entryArea .issue201311Title02 {
  margin: 30px 0 10px;
}

.entryArea .issue201311Box02 {
  text-align: center;
}

.entryArea .issue201311Box02 p {
  text-align: center;
}

.entryArea .issue201311Box02 .issue201311Box02LeftBox {
  display: block;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201311Box02 .issue201311Box02LeftBox {
    display: inline-block;
  }
}

.entryArea .issue201311Box02 .issue201311Box02RightBox {
  display: block;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201311Box02 .issue201311Box02RightBox {
    display: inline-block;
  }
}

@media screen and (max-width: 736px) {
  .entryArea .issue201311Box03 .imgRight {
    display: block;
    float: none;
    margin: 0 auto 15px;
    max-width: 100%;
  }
}

@media screen and (max-width: 736px) {
  .entryArea .issue201401Img02 {
    display: block;
    margin: 0 auto 15px;
    padding-bottom: 0 !important;
    max-width: 100%;
    float: none;
  }
}

.entryArea .issue201401IntroBox01 {
  margin: 0 0 15px;
  padding: 10px 15px 1px;
  background: #EFEFEF;
}

.entryArea .issue201401Box01 {
  text-align: center;
  margin: 10px 0 20px;
  padding: 15px 10px;
  border: solid 1px #E77C22;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201401Box01 {
    padding: 0;
    text-align: left;
  }
}

.entryArea .issue201401Box01 img {
  margin: 0 0 15px;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201401Box01 img {
    float: left;
    margin: 15px 10px 0 10px;
  }
}

.entryArea .issue201401Box01 p {
  text-align: left;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201401Box01 p {
    padding: 10px 10px 5px 165px;
    width: 100%;
  }
}

@media screen and (max-width: 736px) {
  .entryArea .issue201401img01 {
    max-width: 100%;
    display: block;
    margin: 0 auto 15px;
    float: none;
  }
}

.entryArea .issue201401Box02 img {
  margin-bottom: 0;
}

.entryArea .issue201401Box03 {
  margin: 10px 0;
  padding: 15px 10px;
  border: solid 1px #7EB69C;
  overflow: hidden;
}

.entryArea .issue201401Box03 img {
  padding-top: 5px !important;
  max-width: 100%;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201401Box03 img {
    padding-top: 30px !important;
    float: right;
  }
}

.entryArea .issue201401Box03 .title01 {
  color: #7EB69C;
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 5px;
}

@media screen and (max-width: 736px) {
  .entryArea .issue201401Box04 .imgLeft {
    display: block;
    margin: 0 auto 15px;
    max-width: 100%;
    float: none;
  }
}

.entryArea .issue201401TxtSmall {
  font-size: 93%;
}

.entryArea .issue201407QAWrapper {
  width: 100%;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  overflow: hidden;
}

.entryArea .issue201407QAWrapper .issue201407QABox {
  width: 100%;
  padding: 15px;
  float: left;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201407QAWrapper .issue201407QABox {
    width: 50%;
    height: 410px;
  }
}

.entryArea .issue201407IconQ {
  float: left;
  padding: 7px 8px 0 0;
}

.entryArea .issue201407HeadQ {
  padding: 0 0 10px;
  color: #E77C22;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.4;
  border: 0;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201407HeadQ {
    font-size: 123.1%;
  }
}

.entryArea .issue201407HeadQ img {
  margin-bottom: 0;
}

.entryArea .issue201407QABox p img {
  margin-bottom: 0;
}

.entryArea .issue201407SeekersBox {
  margin: 0 10px;
  padding: 10px 15px 5px;
  border: solid 1px #ccc;
}

.entryArea .issue201407SeekersBox > p {
  margin-bottom: 10px;
}

.entryArea .issue201407SeekersBox .issue201407SeekersList {
  margin: 0 0 10px;
  color: #5FA8D6;
  border-bottom: solid 3px #5FA8D6;
  overflow: hidden;
}

.entryArea .issue201407SeekersBox .issue201407SeekersList li {
  float: left;
  padding: 0 20px 5px 0;
  line-height: 1;
}

.entryArea .issue201407SeekersBox .issue201407SeekersList img {
  margin: 0;
}

.entryArea .issue201407RankingBox {
  text-align: center;
}

@media screen and (max-width: 736px) {
  .entryArea .issue201411img01 {
    display: block;
    max-width: 100%;
    margin: 0 auto 15px;
    float: none;
  }
}

.entryArea .issue201411Box01 {
  margin: 0 0 15px 10px;
  padding: 10px 0 10px 10px;
  color: #72AF97;
  border: solid 1px #72AF97;
  overflow: hidden;
  zoom: 1;
}

.entryArea .issue201411Box01 h4 {
  padding: 0 0 5px;
  color: #72AF97;
  text-align: left;
}

.entryArea .issue201411Box01 ul {
  float: left;
}

@media screen and (max-width: 736px) {
  .entryArea .issue201411Box01 ul + ul {
    padding-left: 0 !important;
  }
}

.entryArea .issue201411Box01 ul li {
  padding: 0 0 0 13px;
  font-size: 108%;
  background: url(/img/client/journal/201411/img02.png) no-repeat 0 50%;
}

.entryArea .issue201411Box02 {
  overflow: hidden;
}

.entryArea .issue201411Box02 .issue201411Box02Item {
  width: 100%;
  float: left;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201411Box02 .issue201411Box02Item {
    width: 48%;
    margin: 0 0 0 4%;
  }
}

.entryArea .issue201411Box02 .issue201411Box02Item:first-child {
  margin-left: 0;
}

.entryArea .issue201411Box02 h4 {
  color: #EA7D24;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 0 10px 0;
  text-align: left;
}

.entryArea .issue201411Box02 p {
  margin-bottom: 10px;
}

.entryArea .issue201411Box03 h4 {
  font-size: 100%;
  color: #EA7D24;
  font-weight: bold;
  padding: 20px 0 10px 0;
  text-align: left;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201411Box03 h4 {
    font-size: 160%;
  }
}

.entryArea .issue201411Box04 h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 15px;
  padding: 5px 0 10px;
  color: #5AA7D3;
  position: relative;
  border-bottom: solid 1px #ddd;
  text-align: left;
  z-index: 10;
}

.entryArea .issue201411Box04 ul li + li {
  margin-top: 10px;
}

.entryArea .issue201411Box04 ul img {
  margin: 0;
  margin-right: 10px;
}

.entryArea .issue201411Box04 .issue201411Box04Item {
  margin-bottom: 20px;
}

.entryArea .issue201411Box05 {
  padding-top: 5px;
  font-size: 85%;
  border-top: solid 2px #ccc;
}

.entryArea .issue201411Box06 h4 {
  padding-top: 30px;
  color: #5AA7D3;
}

@media screen and (max-width: 736px) {
  .entryArea .issue201411Box06 h4 {
    font-size: 100%;
  }
}

.entryArea .issue201411Box06 .issue201411Box03HeadSub {
  font-size: 85%;
}

.entryArea .issue201411Box07 {
  margin-top: 20px;
  padding: 10px 10px 7px;
  border: solid 1px #5AA7D3;
}

.entryArea .issue201411Box07 h5 {
  padding-bottom: 5px;
  color: #5AA7D3;
  font-size: 100%;
  font-weight: bold;
  text-align: left;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201411Box07 h5 {
    font-size: 123%;
  }
}

.entryArea .issue201411Box07 p {
  margin-bottom: 3px;
}

.entryArea .issue201501Box01 {
  margin: 0 10px;
  padding: 10px 10px 0;
  font-size: 93%;
  border: solid 1px #ccc;
}

.entryArea .issue201501Box01 h4 {
  padding: 0 0 5px;
  color: #282a32;
  font-size: 100%;
  text-align: left;
}

.entryArea .issue201501Box02 h4 {
  padding: 10px 0 10px;
  color: #5aa7d3;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}

.entryArea .issue201501Box02 img {
  padding-bottom: 0 !important;
}

.entryArea .issue201501Box03 {
  padding: 10px 10px 0;
  border: solid 1px #ccc;
  overflow: hidden;
  z-index: 1;
}

.entryArea .issue201501Box03 .issue201501Box03Item {
  width: 100%;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201501Box03 .issue201501Box03Item {
    width: 350px;
    float: right;
  }
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201501Box03 .issue201501Box03Item:first-child {
    width: 420px;
    float: left;
  }
}

.entryArea .issue201501Box03 h4 {
  padding: 5px 0 10px;
  color: #5aa7d3;
  font-size: 100%;
  text-align: left;
  font-weight: bold;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201501Box03 h4 {
    font-size: 116%;
  }
}

.entryArea .issue201501Box03 dl dt {
  padding: 0 0 10px;
  font-size: 100%;
  font-weight: bold;
  text-align: left;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201501Box03 dl dt {
    font-size: 116%;
  }
}

.entryArea .issue201501Box03 dl dd {
  margin: 0 0 5px;
  padding: 0 45px 0 5px;
  border-left: solid 10px #5aa7d3;
  line-height: 1;
  position: relative;
  text-align: left;
}

.entryArea .issue201501Box03 .issue201501PercentTxt {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 736px) {
  .entryArea .issue201501Img01 {
    display: block;
    max-width: 100%;
    margin: 0 auto 15px;
    float: none;
  }
}

.entryArea .issue201503Box01 h4 {
  color: #EA7D24;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0 10px;
  text-align: left;
}

@media screen and (max-width: 736px) {
  .entryArea .issue201503Box01 img {
    display: block;
    margin: 0 auto 15px;
    max-width: 100%;
    float: none;
  }
}

.entryArea .issue201503Box02 {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201503Box02 {
    display: table;
  }
}

.entryArea .issue201503Box02 .issue201503Box02Title {
  display: block;
  padding: 15px 0;
  width: 100%;
  color: #fff;
  text-align: center;
  background: #60A8D6;
  border: 0;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201503Box02 .issue201503Box02Title {
    display: table-cell;
    width: 28%;
    vertical-align: middle;
    padding: 0;
  }
}

.entryArea .issue201503Box02 .issue201503Box02List {
  display: block;
  width: 100%;
  padding: 10px 10px 5px;
  border: solid 1px #cdcdcd;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201503Box02 .issue201503Box02List {
    display: table-cell;
    width: 70%;
  }
}

.entryArea .issue201503Box02 .issue201503Box02List li {
  text-indent: -1.5em;
  padding: 0 0 5px 20px;
}

.entryArea .issue201503Img01 {
  display: block;
  max-width: 100%;
  margin: 0 auto 15px;
  float: none;
}

.entryArea .issue201503Box02Num {
  padding: 0 0.2em 0 0;
  color: #60A8D6;
  font-weight: bold;
}

.entryArea .issue201501Box02 h3 {
  margin-bottom: 10px;
}

@media screen and (max-width: 736px) {
  .entryArea .issue201501Box02 img {
    display: block;
    margin: 0 auto 15px;
    max-width: 100%;
    float: none;
  }
}

.entryArea .issue201507Box {
  text-align: center;
  margin-bottom: 30px;
}

.entryArea .issue201507Box .issue201507Box01, .entryArea .issue201507Box .issue201507Box02 {
  width: 100%;
  padding: 10px 20px 5px;
  border: solid 1px #ccc;
  height: auto;
  display: inline-block;
  text-align: left;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201507Box .issue201507Box01, .entryArea .issue201507Box .issue201507Box02 {
    width: 270px;
  }
}

.entryArea .issue201507Box .issue201507Box02 {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201507Box .issue201507Box02 {
    margin-top: 0;
  }
}

.entryArea .issue201507Box .issue201507BoxTxt {
  font-weight: bold;
  font-size: 14px;
  color: #e77c22;
  background: url(../img/client/icon_cube_orange.png) no-repeat scroll 0 7px;
  display: inline-block;
  margin: 0 0 5px;
  width: 270px;
}

.entryArea .issue201507NoteTxt {
  color: #888;
  display: block;
  font-size: 90%;
  line-height: 1.3;
  margin-top: 10px;
}

.entryArea .issue201507Box03 {
  padding: 10px 20px 10px 20px;
  border: solid 1px #cdcdcd;
  margin: 0 10px 20px 10px;
}

.entryArea .issue201507Box03 .issue201507BoxDd {
  padding: 0 0 10px;
  text-align: left;
}

.entryArea .issue201507Box03 .issue201507Box03Num {
  color: #60a8d6;
  font-weight: bold;
  padding: 0 0.2em 0 0;
  font-size: 14px;
  clear: both;
}

.entryArea .issue201507Box03 .issue201507BoxMoji01 {
  color: #60a8d6;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: left;
}

.entryArea .issue201507Box03 .issue201507BoxMoji02 {
  color: #222;
  font-weight: 600;
  font-size: 14px;
  display: block;
}

.entryArea .issue201507Box04 {
  margin: 25px 10px 0 10px;
  padding: 10px 20px 10px 20px;
  border: solid 1px #cdcdcd;
}

.entryArea .issue201507Box04 .issue201507BoxMoji04 {
  color: #6e8f82;
  font-weight: bold;
  font-size: 14px;
  padding: 0 0 10px 0;
  text-align: left;
}

.entryArea .issue201507Box04 .issue201507BoxDd {
  padding: 0 0 10px;
  text-align: left;
}

.entryArea .issue201507Box04 .issue201507Box04Num {
  color: #6e8f82;
  font-weight: bold;
  padding: 0 0.2em 0 0;
  font-size: 14px;
}

.entryArea .issue201510Table01 {
  width: 100%;
  margin-bottom: 10px;
  border: solid 1px #999;
  border-collapse: collapse;
}

.entryArea .issue201510Table01 th {
  display: block;
  width: 100%;
  padding: 15px 10px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background: #E77C22;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201510Table01 th {
    display: table-cell;
    width: auto;
    padding: 0 10px;
  }
}

.entryArea .issue201510Table01 td {
  display: block;
  width: 100%;
  text-align: left;
  padding: 5px 0 0 25px;
  background: url(../../img/client/journal/icon_cube_orange.png) no-repeat 10px 11px;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201510Table01 td {
    display: table-cell;
    width: auto;
  }
}

.entryArea .issue201510Table01 tr:last-child td {
  padding-bottom: 5px;
}

.entryArea .issue201510TableTitle {
  margin: 20px 0 10px;
  font-weight: bold;
  text-align: left;
}

.entryArea .issue201510Table02 {
  border-collapse: collapse;
  margin-bottom: 30px;
}

.entryArea .issue201510Table02 th {
  width: 33%;
  padding: 5px 0;
  color: #fff;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background: #E77C22;
  border: solid 1px #999;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201510Table02 th {
    width: auto;
  }
}

.entryArea .issue201510Table02 th:first-child {
  width: 33%;
  background: #939598;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201510Table02 th:first-child {
    width: 150px;
  }
}

.entryArea .issue201510Table02 td {
  width: 33%;
  padding: 5px;
  text-align: left;
  vertical-align: middle;
  border: solid 1px #999;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201510Table02 td {
    width: auto;
  }
}

.entryArea .issue201510Box01 {
  padding: 10px 20px;
  border: solid 1px #ccc;
  overflow: hidden;
}

.entryArea .issue201510Box01 h4 {
  color: #5aa7d3;
  padding: 10px 0 10px;
  font-weight: bold;
}

.entryArea .issue201601Box01 {
  clear: both;
  display: block;
  margin: 0 10px 10px;
  padding: 10px;
  border: solid 1px #ccc;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201601Box01 {
    width: 280px;
    float: right;
  }
}

.entryArea .issue201601List01 li {
  padding: 0 0 5px 15px;
  background: url(../../img/client/journal/icon_cube_orange.png) no-repeat 0 6px;
}

.entryArea .issue201601Box02 {
  margin: 0 10px 30px;
  background: url(../img/client/201601_img03.png) no-repeat 50% 50%;
  overflow: hidden;
  text-align: center;
}

.entryArea .issue201601Box02 .issue201601Box02Inner {
  display: inline-block;
  width: 100%;
  border: solid 1px #6E8F82;
  margin-top: 15px;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201601Box02 .issue201601Box02Inner {
    width: 305px;
    margin-top: 0;
  }
}

.entryArea .issue201601Box02 .issue201601Box02Inner:first-child {
  margin-top: 0;
  border: solid 1px #E77C22;
}

.entryArea .issue201601Box02 .issue201601Box02Inner:first-child .issue201601Box02Title {
  background: #E77C22;
}

.entryArea .issue201601Box02 .issue201601Box02Inner:first-child .issue201601Box02List {
  padding: 10px 15px 5px;
  color: #E77C22;
}

.entryArea .issue201601Box02 .issue201601Box02Inner .issue201601Box02Title {
  background: #6E8F82;
  color: #fff;
  text-align: center;
  font-size: 116%;
  line-height: 30px;
  border: 0;
}

.entryArea .issue201601Box02 .issue201601Box02List {
  padding: 10px 15px 5px;
  color: #6E8F82;
}

.entryArea .issue201601Box02 .issue201601Box02List li {
  padding: 0 0 5px 10px;
  background: url(../img/client/icon_disc_gray.png) no-repeat 0 10px;
}

.entryArea .issue201601List02 dt {
  clear: both;
  color: #5AA7D3;
  font-weight: bold;
  text-align: left;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201601List02 dt {
    font-size: 125%;
  }
}

.entryArea .issue201601List02 .issue201501NoIcon {
  padding: 0 10px 0 0;
  float: left;
  position: relative;
  top: 5px;
  left: 0;
}

.entryArea .issue201601List02 dd {
  margin: 0 0 5px 40px;
  text-align: left;
}

.entryArea .issue201601List02 .noteTxt {
  color: #888;
}

.entryArea .issue201601Box03 {
  margin: 0 10px 10px;
  padding: 5px;
  border-radius: 5px;
  background: #5AA7D3;
}

.entryArea .issue201601Box03 p {
  margin: 0;
  border-radius: 5px;
  color: #fff;
  font-size: 95%;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0;
  background: #5AA7D3;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201601Box03 p {
    font-size: 125%;
  }
}

.entryArea .issue201601Box03 a {
  display: block;
  padding: 0 0 0 20px;
  color: #fff;
  background: url(../img/client/201601/img07.jpg) no-repeat 5px 50%;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201601Box03 a {
    display: inline-block;
  }
}

.entryArea .issue201503Box01 h3 {
  margin-bottom: 10px;
}

.entryArea .issue201604Box01 {
  border: solid 1px #ccc;
  background: #E77C22;
  overflow: hidden;
}

.entryArea .issue201604Box01 .issue201604Box01Title {
  width: 100%;
  padding: 15px 0;
  color: #fff;
  text-align: center;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201604Box01 .issue201604Box01Title {
    width: 20%;
    float: left;
    padding: 24px 0 0;
  }
}

.entryArea .issue201604Box01 .issue201604Box01List {
  width: 100%;
  padding: 10px 0;
  background: #fff;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201604Box01 .issue201604Box01List {
    width: 80%;
    float: left;
  }
}

.entryArea .issue201604Box01 .issue201604Box01List li {
  padding: 0 0 0 30px;
  background: url(../../img/client/journal/icon_cube_orange.png) no-repeat 15px 5px;
}

.entryArea .issue201604Box03 {
  border: solid 1px #ccc;
  overflow: hidden;
}

.entryArea .issue201604Box03 .issue201604Box03InnerBox {
  float: left;
  padding: 10px 10px 0;
}

.entryArea .issue201604Box03 .issue201604Box03Title {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #60a8d6;
  font-size: 16px;
  font-weight: bold;
}

.entryArea .issue201604Box03 .issue201604Box03Img {
  padding-top: 10px;
}

.entryArea .issue201604Box02List {
  border-bottom: solid 1px #ccc;
}

.entryArea .issue201604Box02List li {
  overflow: hidden;
  border-top: solid 1px #ccc;
}

.entryArea .issue201604Box02InnerBox {
  width: 100%;
  padding: 10px 10px 10px 60px;
  position: relative;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201604Box02InnerBox {
    display: table-cell;
    width: 50%;
  }
}

.entryArea .issue201604Box02Img {
  position: absolute;
  top: 10px;
  left: 0;
}

.entryArea .colorRed {
  color: #d74854 !important;
}

.entryArea .colorLightBlue {
  color: #60a8d6 !important;
}

.entryArea .issue201607List01 {
  text-align: left;
}

.entryArea .issue201607List01 li {
  padding: 0 0 0 15px;
  background: url(../../img/client/journal/icon_cube_orange.png) no-repeat 0 5px;
}

.entryArea .issue201607Box03 {
  margin: 0 10px;
  padding: 10px 10px 0;
  border: solid 1px #888;
}

.entryArea .issue201607Box03 .issue201607Box03Title {
  margin: 0 0 10px;
  padding: 0 0 10px;
  font-weight: bold;
  font-size: 16px;
  border-bottom: solid 1px #5AA7D3;
}

.entryArea .issue201607Box03 .issue201607List02SubTxt {
  text-align: right;
}

.entryArea .issue201607Box03 .issue201607List02 li {
  padding: 0 0 0 15px;
  background: url(../../img/client/journal/icon_cube_blue.png) no-repeat 0 5px;
}

.entryArea .issue201607Title01 {
  margin: 20px 10px 10px;
  padding: 0 0 10px;
  font-size: 18px;
  font-weight: bold;
}

.entryArea .issue201607Title01 + p {
  text-align: center;
}

.entryArea .issue201607Box05 {
  margin: 10px 0 20px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #5AA7D3;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201607Box05 {
    font-size: 125%;
  }
}

.entryArea .issue201607Box05 p {
  padding: 15px;
  text-align: center;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201607Box05 p {
    padding: 0;
  }
}

.entryArea .issue201607Box05 a {
  color: #fff;
  text-decoration: underline;
}

.entryArea .issue201409Box01 {
  margin: 0 0 10px;
  padding: 0 20px 5px;
  border: solid 1px #ccc;
}

.entryArea .issue201409Box01 h4 {
  color: #6390C6;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 0 10px 0;
  text-align: left;
}

.entryArea .issue201409Box01 .issue201409Box01Dl {
  margin-top: 15px;
  padding-top: 15px;
  border-top: solid 1px #ccc;
  text-align: left;
}

.entryArea .issue201409Box01 .issue201409Box01Dl dt {
  margin-bottom: 5px;
  color: #6390C6;
  font-weight: bold;
}

.entryArea .issue201409Box01 .issue201409Box01Dl dd {
  margin-bottom: 5px;
  padding-left: 15px;
  background: url(../../img/client/journal/icon_cube_blue.png) no-repeat 0 7px;
}

.entryArea .issue201409NoteTxt {
  color: #888;
  font-size: 85%;
}

.entryArea .issue201409Box02 h4 {
  color: #EA7D24;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding: 20px 0 10px;
}

.entryArea .issue201409Box02GraphBoxDl {
  width: 100%;
  float: right;
  margin: 10px 0 20px;
  padding: 8px 15px 10px;
  text-align: left;
  border: solid 1px #6390C6;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201409Box02GraphBoxDl {
    width: 340px;
  }
}

.entryArea .issue201409Box02GraphBoxDl dt {
  color: #6390C6;
  font-weight: bold;
}

.entryArea .issue201409Box02GraphBoxDl dd {
  padding-left: 10px;
  background: url(../../img/client/journal/icon_disc_gray.png) no-repeat 0 10px;
}

.entryArea .issue201409Box03 {
  margin: 0 10px;
  padding: 10px 15px 0;
  border: solid 1px #6E8F82;
  font-size: 85%;
  overflow: hidden;
  position: relative;
}

.entryArea .issue201409Box03 h4 {
  width: 100%;
  margin-bottom: 5px;
  padding-bottom: 5px;
  color: #6E8F82;
  font-weight: bold;
  border-bottom: solid 1px #6E8F82;
  font-size: 16px;
  text-align: left;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201409Box03 h4 {
    width: 395px;
  }
}

.entryArea .issue201409Box03 p {
  width: 100%;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201409Box03 p {
    width: 395px;
  }
}

.entryArea .issue201409Box03 p + h4 {
  border: 0;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201409Box03 img {
    position: absolute;
    top: 26px;
    right: 15px;
  }
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201604Box04 {
    padding-left: 94px;
  }
}

.entryArea .issue201604Box04 img {
  width: 30%;
  float: left;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201604Box04 img {
    width: auto;
  }
}

.entryArea .issue201604Box04 img + img {
  width: 68%;
  margin-left: 2%;
}

@media print, screen and (min-width: 737px) {
  .entryArea .issue201604Box04 img + img {
    width: auto;
    margin-left: 10px;
  }
}

.entryArea .issue201612Img01 {
  padding-bottom: 0 !important;
}

/*-------------------------------------------------------------------
    beginner / index - 492
-------------------------------------------------------------------*/
.beginner .keyvisual01 {
  margin-bottom: 27px;
}

.beginner .keyvisual01-ttl {
  color: #466ea5;
}

.beginner .keyvisual-right img {
  width: 47.9%;
}

.beginner-sec01 .ttl02 {
  margin: 40px 0 15px;
}

.beginner-sec01-image01 {
  text-align: center;
}

.beginner-sec01-image01 img {
  width: 18.5%;
}

.beginner-sec01-txt01, .beginner-sec01-txt02 {
  color: #3a3a3a;
}

.beginner-sec01-txt01 {
  margin: 17px 0;
}

.beginner-sec01-txt02 {
  margin-bottom: 10px;
}

.beginner-sec01-txt02 span {
  color: #6390c6;
}

.beginner-sec02 .ttl02 {
  margin: 27px 0 20px;
}

.beginner-sec02 .block01 .point {
  display: block;
  width: 62px;
  height: 20px;
  color: #fff;
  font-size: 12px;
  background: #6390c6;
  text-align: center;
  float: left;
}

.beginner-sec02 .block01 .point .int {
  margin-left: 4px;
}

.beginner-sec02 .block01 .ttl {
  color: #2f2f2f;
  font-weight: bold;
  padding-left: 70px;
  font-size: 16px;
}

.beginner-sec02 .block01 .ttl span {
  display: block;
}

.beginner-sec02 .item-contentArea {
  padding-bottom: 23px;
}

.beginner-sec02 .item + .item {
  margin-top: 20px;
}

.beginner-sec02 .ttl03 {
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  margin: 12px 0 20px;
}

.beginner-sec03 .ttl02 {
  margin: 30px 0 18px;
}

.beginner-sec03 .lead01 {
  color: #3a3a3a;
}

.beginner-sec03 .movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-top: 15px;
}

.beginner-sec03 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.beginner-sec04 .ttl02 {
  margin: 32px 0 8px;
}

.beginner-sec04 .image01 {
  text-align: center;
}

.beginner-sec04 .image01 img {
  width: 32.6%;
}

.beginner-sec04 .txt01 {
  margin: 21px 0;
  color: #3a3a3a;
}

.beginner-sec04 .txt02 {
  color: #3a3a3a;
}

.beginner-sec05 .ttl02 {
  margin: 31px 0 13px;
}

.beginner-sec05 .image01 {
  text-align: center;
}

.beginner-sec05 .image01 img {
  width: 30.7%;
}

.beginner-sec05 .txt01 {
  margin: 22px 0 28px;
  color: #3a3a3a;
}

.beginner-sec06 .ttl02 {
  margin: 32px 0 21px;
}

.beginner-sec06 .block01 li {
  padding: 20px 0;
  margin: 0 10px;
}

.beginner-sec06 .block01 .image01 {
  width: 13.7%;
}

.beginner-sec06 .block01 .txt01 {
  color: #3a3a3a;
  width: 82.7%;
  font-size: 16px;
}

@media print, screen and (min-width: 737px) {
  .beginner-sec06 .block01 .txt01 {
    font-size: 14px;
  }
}

.beginner-sec07 .ttl02 {
  margin: 37px 0 15px;
}

.beginner-sec07 .lead01 {
  margin-bottom: 12px;
  color: #3a3a3a;
}

.beginner-sec07 .ttlArea .int {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: #6390c6;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  margin: -3px 6px 0 0;
}

.beginner-sec07 .ttlArea .ttl {
  color: #2f2f2f;
  font-weight: bold;
  font-size: 16px;
}

.beginner-sec07 .txt01 {
  color: #3a3a3a;
}

.beginner-sec07 .contentArea {
  padding: 12px 10px 17px;
}

.beginner-sec07 .image01, .beginner-sec07 .image02, .beginner-sec07 .image03 {
  text-align: center;
  margin-top: 7px;
}

.beginner-sec07 .image01 img {
  width: 17.2%;
}

.beginner-sec07 .image02 img {
  width: 21.7%;
}

.beginner-sec07 .image03 img {
  width: 19.4%;
}

.beginner-sec07 .item + .item {
  margin-top: 20px;
}

.beginner-sec07 .link01 {
  width: auto;
  padding: 0 20px;
  font-weight: bold;
}

.beginner-sec07 .link01:before {
  margin-top: -4px;
}

.beginner-sec07 .link01:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/common/cmn_ico05_black.png") no-repeat center;
  background-size: contain;
  margin: 0 0 -1px 2px;
}

.beginner-sec07 .btnArea01 {
  text-align: center;
  margin-top: 22px;
}

.beginner-sec08 .ttl02 {
  margin: 39px 0 16px;
}

.beginner-sec08 .lead01 {
  color: #3a3a3a;
  margin-bottom: 16px;
}

.beginner-sec08 .ttl01 {
  padding: 9px 15px;
  background: #f0f0f0;
}

.beginner-sec08 li {
  border: 0;
  padding: 0;
}

.beginner-sec08 .link01:before {
  margin-top: -2px;
  width: 7px;
}

.beginner-sec08 .txt01 {
  margin: 16px 0 13px;
  color: #3a3a3a;
}

.beginner-sec09 .ttl02 {
  margin: 31px 0 15px;
}

.beginner-sec09 .lead01 {
  color: #3a3a3a;
  margin-bottom: 39px;
}

.beginner-sec09 .ttl01 {
  padding: 9px 15px;
  background: #f0f0f0;
}

.beginner-sec09 li {
  border: 0;
  padding: 0;
}

.beginner-sec09 .txt01 {
  margin: 16px 0 13px;
}

.beginner-sec09 .ktl01_only {
  margin: 32px 0 0;
}

.beginner-sec09 .btnArea01 {
  overflow: hidden;
  margin: 16px 0 0;
}

.beginner-sec09 .btnArea01 a {
  display: block;
  float: left;
  clear: both;
}

.beginner-sec10 .ttl02 {
  margin: 30px 0 15px;
}

.beginner-sec10 .lead01 {
  color: #3a3a3a;
  margin-bottom: 17px;
}

.beginner-sec10 .block01 {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.beginner-sec10 li {
  width: 49%;
  overflow: hidden;
  background: #f3f3f3;
  margin-bottom: 7px;
}

.beginner-sec10 label {
  display: table;
  width: 100%;
  height: 100%;
  padding: 10px 5px;
  min-height: 65px;
  vertical-align: middle;
}

.beginner-sec10 .image01 {
  display: table-cell;
  width: 27px;
}

.beginner-sec10 .radio01 {
  display: table-cell;
}

.beginner-sec10 .radio01 input {
  display: none;
}

.beginner-sec10 .radio01 input + span {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url("../img/beginner/beginner_ico10.gif") no-repeat center;
  background-size: contain;
  margin: 0 4px;
}

.beginner-sec10 .radio01 input:checked + span {
  background-image: url("../img/beginner/beginner_ico11.gif");
}

.beginner-sec10 .txt01 {
  font-size: 11px;
  display: table-cell;
  width: 67%;
  text-align: left;
}

.beginner-sec10 .btnArea01 {
  text-align: center;
  margin: 29px 0 24px;
}

.beginner-sec10 .btnArea01 a {
  outline: 0;
  border: 0;
  font-size: 17px;
  padding: 8px 15px;
  background: #e77c22;
  box-shadow: 0 -2px 0 0 #bc5f11 inset;
}

@media print, screen and (min-width: 737px) {
  .beginner h1 {
    padding-bottom: 50px;
    letter-spacing: 0.13em;
  }
  .beginner .keyvisual-right {
    width: 212px;
    margin-right: 35px;
  }
  .beginner .keyvisual-right img {
    width: 100%;
  }
  .beginner .keyvisual01-ttl {
    letter-spacing: 0.08em;
    line-height: 1.5;
    margin-bottom: 23px;
  }
  .beginner .keyvisual01 {
    margin-bottom: 76px;
  }
  .beginner-sec01 .ttl02 {
    margin: 79px 0 35px;
  }
  .beginner-sec01 .block02 {
    margin: 0 -20px;
  }
  .beginner-sec01-image01 img {
    width: auto;
  }
  .beginner-sec01-txt01, .beginner-sec01-txt02 {
    width: 625px;
    margin: 0;
  }
  .beginner-sec01-txt02 {
    margin: 20px 0 16px;
  }
  .beginner-sec02 .ttl02 {
    margin: 62px 0 38px;
  }
  .beginner-sec02 .item {
    margin: 0;
    width: 247px;
  }
  .beginner-sec02 .item + .item {
    margin: 0;
  }
  .beginner-sec02 .item-ttlArea {
    height: 110px;
    padding: 12px 16px;
  }
  .beginner-sec02 .item-contentArea {
    height: 204px;
    padding: 26px 19px;
  }
  .beginner-sec02 .block01 .point {
    float: none;
    width: 98px;
    height: 27px;
    padding-top: 4px;
  }
  .beginner-sec02 .block01 .point span {
    font-weight: bold;
    line-height: 1;
  }
  .beginner-sec02 .block01 .point .txt {
    font-size: 18px;
  }
  .beginner-sec02 .block01 .point .int {
    font-size: 20px;
    margin-left: 11px;
  }
  .beginner-sec02 .block01 .ttl {
    padding-left: 0;
    font-size: 20px;
    line-height: 1.2;
    margin-top: 15px;
    color: #404040;
  }
  .beginner-sec02 .block01 .ttl span {
    font-size: 16px;
  }
  .beginner-sec02 .ttl03 {
    font-size: 24px;
    letter-spacing: 0.15em;
    margin: 53px 0 47px;
  }
  .beginner-sec03 .ttl02 {
    margin: 80px 0 24px;
  }
  .beginner-sec03 .movie {
    width: 640px;
    height: 360px;
    padding-top: 0;
    margin: 25px auto;
  }
  .beginner-sec04 .ttl02 {
    margin: 72px 0 24px;
  }
  .beginner-sec04 .image01 img {
    width: auto;
  }
  .beginner-sec04 .txt01 {
    width: 531px;
    margin: 0 0 40px;
  }
  .beginner-sec05 .ttl02 {
    margin: 59px 0 34px;
  }
  .beginner-sec05 .image01 {
    margin: 0 0 58px 20px;
  }
  .beginner-sec05 .image01 img {
    width: auto;
  }
  .beginner-sec05 .txt01 {
    width: 531px;
    margin: 56px auto;
  }
  .beginner-sec06 .ttl02 {
    margin: 85px 0 6px;
  }
  .beginner-sec06 .block01 {
    padding: 0 20px;
  }
  .beginner-sec06 .block01 li {
    display: table;
    padding: 23px 0;
    vertical-align: middle;
  }
  .beginner-sec06 .block01 .image01 {
    display: table-cell;
    width: auto;
    float: none;
  }
  .beginner-sec06 .block01 .txt01 {
    display: table-cell;
    float: none;
  }
  .beginner-sec07 .ttl02 {
    margin: 65px 0 24px;
  }
  .beginner-sec07 .lead01 {
    margin-bottom: 25px;
  }
  .beginner-sec07 .image01 img, .beginner-sec07 .image02 img, .beginner-sec07 .image03 img {
    width: auto;
  }
  .beginner-sec07 .ttlArea {
    padding: 16px 20px;
  }
  .beginner-sec07 .ttlArea .int {
    font-size: 20px;
    width: 35px;
    height: 35px;
    margin-right: 11px;
  }
  .beginner-sec07 .ttlArea .ttl {
    font-size: 20px;
  }
  .beginner-sec07 .txt01 {
    width: 569px;
  }
  .beginner-sec07 .item-contentArea {
    padding: 25px 24px;
    height: 168px;
  }
  .beginner-sec07 .image01 {
    margin-top: -10px;
  }
  .beginner-sec07 .btnArea01 {
    margin-top: 50px;
  }
  .beginner-sec07 .link01 {
    font-size: 16px;
    padding: 0 27px;
    color: #282a32;
  }
  .beginner-sec08 .ttl02 {
    margin: 77px 0 24px;
  }
  .beginner-sec08 li {
    display: table;
    width: 100%;
    padding: 27px 20px;
    overflow: hidden;
    border-bottom: solid 1px #e8e8e8;
  }
  .beginner-sec08 li:last-child {
    border: none;
  }
  .beginner-sec08 .ttl01 {
    display: table-cell;
    width: 204px;
    background: none;
    padding: 0;
    float: none;
    letter-spacing: 0;
  }
  .beginner-sec08 .txt01 {
    display: table-cell;
    margin: 0;
    float: none;
  }
  .beginner-sec08 .ktl02_only {
    margin: 49px auto 0;
  }
  .beginner-sec09 .ttl02 {
    margin: 74px 0 34px;
  }
  .beginner-sec09 .lead01 {
    margin-bottom: 20px;
  }
  .beginner-sec09 li {
    display: table;
    width: 100%;
    padding: 27px 20px;
    overflow: hidden;
    border-bottom: solid 1px #e8e8e8;
  }
  .beginner-sec09 li:last-child {
    border: none;
  }
  .beginner-sec09 .ttl01 {
    display: table-cell;
    width: 204px;
    background: none;
    padding: 0;
    float: none;
    letter-spacing: 0;
  }
  .beginner-sec09 .txt01 {
    display: table-cell;
    margin: 0;
    float: none;
    color: #3a3a3a;
  }
  .beginner-sec09 .ktl01_only {
    margin: 40px auto 15px;
  }
  .beginner-sec09 .btnArea01 {
    text-align: center;
  }
  .beginner-sec09 .btnArea01 a {
    display: inline-block;
    float: none;
    clear: none;
  }
  .beginner-sec09 .btnArea01 a + a {
    margin-left: 20px;
  }
  .beginner-sec10 {
    margin: 100px 0 24px;
  }
  .beginner-sec10 .block01 {
    width: 680px;
    margin: 0 auto;
  }
  .beginner-sec10 li {
    width: 220px;
    margin-bottom: 10px;
  }
  .beginner-sec10 .txt01 {
    width: 130px;
    font-size: 16px;
    font-weight: bold;
  }
  .beginner-sec10 .image01 {
    display: block;
    width: 40px;
    margin-top: 10px;
  }
  .beginner-sec10 label {
    padding: 10px 9px;
  }
  .beginner-sec10 .radio01 {
    text-align: center;
  }
  .beginner-sec10 .radio01 input + span {
    margin-top: -4px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
  }
  .beginner-sec10 .btnArea01 {
    margin-bottom: 122px;
  }
}

/*-------------------------------------------------------------------
    beginner / haken - 655
-------------------------------------------------------------------*/
.beginner-haken .lead01 {
  color: #3a3a3a;
  margin-bottom: 29px;
}

.beginnerHaken-sec01 .ttl02 {
  margin: 30px 0 18px;
}

.beginnerHaken-sec01 .lead02 {
  color: #3a3a3a;
  margin-bottom: 18px;
}

.beginnerHaken-sec01 .image01 {
  width: 66.6%;
  margin: 0 auto;
}

.beginnerHaken-sec02 .lead02, .beginnerHaken-sec02 .lead03, .beginnerHaken-sec03 .lead02, .beginnerHaken-sec03 .lead03 {
  color: #3a3a3a;
}

.beginnerHaken-sec02 .btnArea01, .beginnerHaken-sec02 .btnArea02, .beginnerHaken-sec03 .btnArea01, .beginnerHaken-sec03 .btnArea02 {
  text-align: center;
  margin: 22px 0 44px;
}

.beginnerHaken-sec02 .btnArea01 .link01, .beginnerHaken-sec02 .btnArea02 .link01, .beginnerHaken-sec03 .btnArea01 .link01, .beginnerHaken-sec03 .btnArea02 .link01 {
  width: 84.2%;
}

.beginnerHaken-sec02 .btnArea01 .link01:before, .beginnerHaken-sec02 .btnArea02 .link01:before, .beginnerHaken-sec03 .btnArea01 .link01:before, .beginnerHaken-sec03 .btnArea02 .link01:before {
  width: 8px;
  height: 8px;
  margin-top: -2px;
}

.beginnerHaken-sec02 .btnArea01 .link01:after, .beginnerHaken-sec02 .btnArea02 .link01:after, .beginnerHaken-sec03 .btnArea01 .link01:after, .beginnerHaken-sec03 .btnArea02 .link01:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 14px;
  background: url("../img/common/cmn_ico05_black.png") no-repeat center;
  background-size: contain;
  margin: 0 0 -1px 4px;
}

.beginnerHaken-sec02 .ttl02 {
  margin: 47px 0 22px;
}

.beginnerHaken-sec02 .btnArea02 {
  margin-bottom: 32px;
}

.beginnerHaken-sec02 .ttl03 {
  color: #2f2f2f;
  font-size: 16px;
  font-weight: bold;
}

.beginnerHaken-sec02 .block01-ttlArea {
  padding: 13px 12px;
}

.beginnerHaken-sec02 .block01-contentArea {
  padding: 0 13px 11px;
}

.beginnerHaken-sec02 .list01 li {
  padding: 14px 5px;
}

.beginnerHaken-sec02 .list01 li:last-child {
  border: none;
}

.beginnerHaken-sec02 .list01 .int {
  display: block;
  width: 16px;
  height: 16px;
  background: #6390c6;
  color: #fff;
  line-height: 1;
  text-align: center;
  padding-top: 3px;
  font-size: 10px;
  float: left;
}

.beginnerHaken-sec02 .list01 .int + span {
  margin-top: -1px;
  display: block;
  padding-left: 28px;
  color: #3a3a3a;
}

.beginnerHaken-sec03 .ttl02 {
  margin: 30px 0 16px;
}

.beginnerHaken-sec03 .btnArea02 .link01:before {
  margin-right: 2px;
}

.beginnerHaken-sec04 .ttl02 {
  margin: 28px 0 16px;
}

.beginnerHaken-sec04 .lead02 {
  color: #3a3a3a;
}

.beginnerHaken-sec05 .ttl02 {
  margin: 28px 0 16px;
}

.beginnerHaken-sec05 .lead02 {
  margin-bottom: 21px;
  color: #3a3a3a;
}

@media print, screen and (min-width: 737px) {
  .beginner-haken h1 {
    padding-bottom: 50px;
  }
  .beginner-haken .ktl02_only {
    margin: 36px auto 61px;
  }
  .beginnerHaken-sec02 .btnArea01 .link01, .beginnerHaken-sec02 .btnArea02 .link01, .beginnerHaken-sec03 .btnArea01 .link01, .beginnerHaken-sec03 .btnArea02 .link01 {
    width: 360px;
    font-weight: bold;
    font-size: 16px;
    color: #282a32;
  }
  .beginnerHaken-sec02 .btnArea01 .link01:before, .beginnerHaken-sec02 .btnArea02 .link01:before, .beginnerHaken-sec03 .btnArea01 .link01:before, .beginnerHaken-sec03 .btnArea02 .link01:before {
    width: 10px;
    height: 10px;
  }
  .beginnerHaken-sec02 .btnArea01 .link01:after, .beginnerHaken-sec02 .btnArea02 .link01:after, .beginnerHaken-sec03 .btnArea01 .link01:after, .beginnerHaken-sec03 .btnArea02 .link01:after {
    width: 16px;
  }
  .beginnerHaken-sec01 .ttl02 {
    margin-bottom: 35px;
  }
  .beginnerHaken-sec01 .lead02 {
    margin-bottom: 25px;
  }
  .beginnerHaken-sec01 .image01 {
    width: auto;
    text-align: center;
  }
  .beginnerHaken-sec02 .ttl02 {
    margin: 102px 0 35px;
  }
  .beginnerHaken-sec02 .lead02 {
    margin-bottom: 25px;
  }
  .beginnerHaken-sec02 .image01 {
    width: auto;
    text-align: center;
  }
  .beginnerHaken-sec02 .btnArea01 {
    margin: 53px 0 66px;
  }
  .beginnerHaken-sec02 .btnArea02 {
    margin: 48px 0 69px;
  }
  .beginnerHaken-sec02 .block01-ttlArea {
    padding: 13px 25px;
  }
  .beginnerHaken-sec02 .ttl03 {
    font-size: 20px;
  }
  .beginnerHaken-sec02 .list01 li {
    padding: 20px 10px;
  }
  .beginnerHaken-sec02 .list01 .int {
    width: 35px;
    height: 35px;
    font-size: 20px;
    font-weight: bold;
    padding-top: 8px;
  }
  .beginnerHaken-sec02 .list01 .int + span {
    margin: 6px 0 0 16px;
  }
  .beginnerHaken-sec02 .block01-contentArea {
    padding: 8px 20px 18px;
  }
  .beginnerHaken-sec03 .ttl02 {
    margin: 84px 0 35px;
  }
  .beginnerHaken-sec03 .btnArea01 {
    margin: 47px 0 62px;
  }
  .beginnerHaken-sec03 .btnArea02 {
    margin-top: 50px;
  }
  .beginnerHaken-sec03 .btnArea02 .link01:before {
    margin-right: .5em;
  }
  .beginnerHaken-sec04 .ttl02 {
    margin: 69px 0 35px;
  }
  .beginnerHaken-sec05 .ttl02 {
    margin: 65px 0 35px;
  }
  .beginnerHaken-sec05 .ktl02_only {
    margin: 59px auto 201px;
  }
}

/*-------------------------------------------------------------------
    beginner / tenshoku - 739
-------------------------------------------------------------------*/
.beginner-tenshoku .lead01 {
  margin-bottom: 19px;
  color: #3a3a3a;
}

.beginner-tenshoku .ktlTtl {
  color: #232323;
}

.beginnerTenshoku-sec01 .ttl02 {
  margin: 30px 0 15px;
}

.beginnerTenshoku-sec01 .lead02 {
  color: #3a3a3a;
}

.beginnerTenshoku-sec01 .btnArea01 {
  text-align: center;
  margin: 15px 0 34px;
}

.beginnerTenshoku-sec01 .link01 {
  width: 87.6%;
  line-height: 1.3;
  padding: 10px 0;
}

.beginnerTenshoku-sec01 .link01 .txt {
  display: inline-block;
  text-align: left;
}

.beginnerTenshoku-sec01 .link01:before, .beginnerTenshoku-sec01 .link01:after {
  display: inline-block;
}

.beginnerTenshoku-sec01 .link01:before {
  margin-top: -3px;
}

.beginnerTenshoku-sec01 .link01:after {
  content: "";
  width: 14px;
  height: 14px;
  background: url("../img/common/cmn_ico05_black.png") no-repeat center;
  background-size: contain;
  margin-top: 10px;
}

.beginnerTenshoku-sec02 .ttl02 {
  margin: 0 0 16px;
}

.beginnerTenshoku-sec02 .lead02 {
  color: #3a3a3a;
}

.beginnerTenshoku-sec02 .ktl01_only {
  margin: 31px 0 16px;
}

.beginnerTenshoku-sec02 .btnArea01 {
  overflow: hidden;
  margin-bottom: 55px;
}

.beginnerTenshoku-sec02 .btnArea01 a {
  display: inline-block;
  float: left;
  clear: both;
}

@media print, screen and (min-width: 737px) {
  .beginner-tenshoku h1 {
    padding-bottom: 53px;
  }
  .beginner-tenshoku .lead01 {
    margin-bottom: 19px;
    color: #3a3a3a;
  }
  .beginner-tenshoku .ktlTtl {
    color: #282a32;
    font-size: 32px;
  }
  .beginner-tenshoku .ktl01_only {
    margin: 36px auto 61px;
  }
  .beginnerTenshoku-sec01 .ttl02 {
    margin-bottom: 35px;
  }
  .beginnerTenshoku-sec01 .lead02 {
    margin-bottom: 44px;
  }
  .beginnerTenshoku-sec01 .link01 {
    width: 360px;
    font-size: 16px;
    font-weight: bold;
  }
  .beginnerTenshoku-sec01 .link01:before {
    margin-right: 10px;
    width: 11px;
    height: 11px;
  }
  .beginnerTenshoku-sec02 .ttl02 {
    margin: 72px 0 35px;
  }
  .beginnerTenshoku-sec02 .ktl01_only {
    margin: 43px auto 15px;
  }
  .beginnerTenshoku-sec02 .btnArea01 {
    text-align: center;
    margin-bottom: 84px;
  }
  .beginnerTenshoku-sec02 .btnArea01 .link02 {
    float: none;
  }
  .beginnerTenshoku-sec02 .btnArea01 .link02 + .link02 {
    margin-left: 20px;
  }
}

/*-------------------------------------------------------------------
    news /
-------------------------------------------------------------------*/
.news #main {
  width: 100%;
}

@media print, screen and (min-width: 737px) {
  .news h1 {
    padding-bottom: 35px;
  }
}

@media print, screen and (min-width: 737px) {
  .news .newsArticleList {
    margin-bottom: 62px;
  }
}

.news .newsArticleList .date {
  display: block;
  color: #999;
}

@media print, screen and (min-width: 737px) {
  .news .newsArticleList .date {
    display: table-cell;
    padding-right: 16px;
    width: 130px;
  }
}

.news .newsArticleList li {
  padding: 15px 5px;
}

@media print, screen and (min-width: 737px) {
  .news .newsArticleList li {
    display: table;
    width: 100%;
    padding: 16px 0;
  }
}

.news .newsArticleList li + li {
  border-top: solid 1px #d7d7d7;
}

.news .newsArticleList .link01 {
  color: #404040;
}

@media print, screen and (min-width: 737px) {
  .news .newsArticleList .link01 {
    text-decoration: underline;
  }
  .news .newsArticleList .link01:hover {
    color: #6390c6;
  }
}

@media print, screen and (min-width: 737px) {
  .news .newsArticleList .btn01 {
    display: table-cell;
  }
}

/*-------------------------------------------------------------------
    about
-------------------------------------------------------------------*/
.about #main {
  width: 100%;
}

.about .aboutSec .inner {
  padding-top: 10px;
}

.about .aboutSec + .aboutSec {
  margin-top: 40px;
}

/*-------------------------------------------------------------------
    personal
-------------------------------------------------------------------*/
.personal #main {
  width: 100%;
}

@media screen and (max-width: 736px) {
  .personal .ttl + .txt {
    margin-top: 10px;
  }
}

.personal .list01 > li + li {
  margin-top: 25px;
}

@media print, screen and (min-width: 737px) {
  .personal .list01 {
    padding: 0 20px;
  }
  .personal .list01 > li:before {
    left: -1.3em;
  }
}

@media screen and (max-width: 736px) {
  .personal .list01 > li > .ttl {
    display: inline;
  }
}

.personal .list02 {
  margin-top: 10px;
}

@media print, screen and (min-width: 737px) {
  .personal .list02 {
    margin-top: 0;
  }
}

.personal .list02 > li {
  margin-top: 0;
}

.personal .list03 {
  margin: 0;
}

@media screen and (max-width: 736px) {
  .personal .list03 {
    margin: 10px 1.4em 0;
  }
}

.personal .list03 > li + li {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .personal .link01 {
    margin-left: 1em;
  }
}

/*-------------------------------------------------------------------
    security
-------------------------------------------------------------------*/
.security #main {
  width: 100%;
  color: #3a3a3a;
}

.security .list01 {
  margin: 20px 0;
}

.security .list01 li + li {
  margin-top: 25px;
}

@media print, screen and (min-width: 737px) {
  .security .list01 {
    margin: 25px 0 40px;
    padding-left: 35px;
  }
  .security .list01 li:before {
    left: -1.3em;
  }
}

.security .box01 {
  width: auto;
  margin: 15px 0 25px;
}

@media print, screen and (min-width: 737px) {
  .security .box01 {
    width: 190px;
    margin-bottom: 50px;
  }
}

.security .box01 .txt01 + .txt01 {
  margin-top: 15px;
}

@media print, screen and (min-width: 737px) {
  .security .box01 .txt01 + .txt01 {
    margin-top: 30px;
  }
}

@media screen and (max-width: 736px) {
  .security .hoverStyle03 + span {
    margin-left: 1em;
  }
}

.security .securitySec {
  padding: 15px 2.71%;
  border: solid 1px #3a3a3a;
  overflow: hidden;
}

@media print, screen and (min-width: 737px) {
  .security .securitySec {
    padding: 30px 20px;
  }
}

.security .securitySec .ttl {
  margin-bottom: 20px;
  font-size: 16px;
}

.security .securitySec .txt02 {
  margin-bottom: 30px;
}

@media print, screen and (min-width: 737px) {
  .security .securitySec .txt03 {
    margin: 0 0 50px 35px;
  }
}

/*-------------------------------------------------------------------
    inquiry
-------------------------------------------------------------------*/
@media print, screen and (min-width: 737px) {
  .inquiry #main {
    width: 100%;
  }
}

@media print, screen and (min-width: 737px) {
  .inquiry h1 {
    padding-bottom: 40px;
  }
}

.inquiry .ttl02 {
  margin: 40px 0 20px;
}

@media print, screen and (min-width: 737px) {
  .inquiry .ttl02 {
    margin-bottom: 37px;
  }
}

.inquiry .list01 {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media print, screen and (min-width: 737px) {
  .inquiry .list01 {
    display: block;
  }
}

.inquiry .list01 > li {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

@media print, screen and (min-width: 737px) {
  .inquiry .list01 > li {
    width: auto;
    margin: 0;
  }
}

@media print, screen and (min-width: 737px) {
  .inquiry .list01 > li + li {
    margin-left: 20px;
  }
}

.inquiry .list01 .link01 {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  color: #282a32;
  line-height: 1.2;
  font-weight: bold;
  width: 100%;
  padding: 15px 10px 15px 20px;
}

@media print, screen and (min-width: 737px) {
  .inquiry .list01 .link01 {
    width: 313px;
    height: 74px;
    padding: 0;
    font-size: 16px;
  }
}

.inquiry .list01 .link01:before {
  position: absolute;
  top: auto;
  left: 5px;
  width: 12px;
  height: 12px;
}

@media print, screen and (min-width: 737px) {
  .inquiry .list01 .link01:before {
    left: 18px;
  }
}

.inquiry .outLink01 {
  padding: 5px 18px 6px;
  background: #e89f95;
  margin: 15px 0 0;
}

@media print, screen and (min-width: 737px) {
  .inquiry .outLink01 {
    margin-top: 20px;
  }
}

.inquiry .outLink01 .link02:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  width: 10px;
  height: 10px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.inquiry-sec01 .ttl02 {
  margin-top: 20px;
}

@media print, screen and (min-width: 737px) {
  .inquiry-sec01 .ttl02 {
    margin-top: 42px;
  }
}

@media print, screen and (min-width: 737px) {
  .inquiry-sec02 .ttl02 {
    margin-top: 66px;
  }
}

.inquiry-sec02 .link02:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 13px;
  background: url("../img/common/cmn_ico05_black.png") no-repeat center;
  background-size: contain;
  margin-left: 6px;
}

@media print, screen and (min-width: 737px) {
  .inquiry-sec03 {
    margin-bottom: 80px;
  }
}

@media print, screen and (min-width: 737px) {
  .inquiry-sec03 .ttl02 {
    margin-top: 64px;
  }
}

.inquiry-sec03 .list01 > li {
  width: 100%;
}

@media print, screen and (min-width: 737px) {
  .inquiry-sec03 .list01 > li {
    width: auto;
  }
}

.inquiry-sec03 .link01:after {
  content: "";
  display: inline-block;
  position: absolute;
  margin-top: -18px;
  right: 18px;
  width: 14px;
  height: 13px;
  background: url("../img/common/cmn_ico05_black.png") no-repeat center;
  background-size: contain;
  margin-left: 6px;
}

/*-------------------------------------------------------------------
    glossary / index
-------------------------------------------------------------------*/
@media print, screen and (min-width: 737px) {
  .glossary #main {
    width: 100%;
  }
  .glossary h1 {
    padding-bottom: 40px;
  }
}

.glossary .lead01 {
  color: #3a3a3a;
}

.glossary .navigator01 {
  background: #f0f0f0;
  border: solid 1px #d7d7d7;
  padding: 10px 0;
  margin: 15px 0;
}

@media print, screen and (min-width: 737px) {
  .glossary .navigator01 {
    padding: 6px 16px;
    margin: 22px 0 0;
  }
}

.glossary .navigator01:after {
  content: "";
  display: block;
  clear: both;
}

.glossary .navigator01 .gray {
  color: #a6abb0;
}

.glossary .navigator01 > ul {
  text-align: center;
}

@media print, screen and (min-width: 737px) {
  .glossary .navigator01 > ul {
    float: left;
  }
}

.glossary .navigator01 > ul > li {
  display: inline-block;
  position: relative;
  padding: 0 10px;
}

.glossary .navigator01 > ul > li:nth-child(5n):after {
  display: none;
}

@media print, screen and (min-width: 737px) {
  .glossary .navigator01 > ul > li:nth-child(5n):after {
    display: block;
  }
}

@media print, screen and (min-width: 737px) {
  .glossary .navigator01 > ul > li:last-child:after {
    display: none;
  }
}

.glossary .navigator01 > ul > li:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  right: 0;
  width: 1px;
  height: 14px;
  background: #2f2f2f;
}

@media print, screen and (min-width: 737px) {
  .glossary .navigator01 > ul > li:after {
    top: 6px;
  }
}

.glossary .navigator01 .link02, .glossary .navigator01 .gray {
  margin-left: -.5em;
}

.glossary .accolist01 dt {
  padding-left: 16px;
}

.glossary .accolist01 dt:before {
  display: none;
}

.glossary .accolist01 dd {
  padding: 22px 16px 30px;
}

.glossary .ttl02 {
  margin: 25px 0 15px;
}

@media print, screen and (min-width: 737px) {
  .glossary .ttl02 {
    margin: 45px 0 27px;
  }
}

.glossary .contactBox01 {
  max-width: 780px;
}

@media print, screen and (min-width: 737px) {
  .glossary .contactBox01 {
    margin: 130px auto 40px;
  }
}

/*-------------------------------------------------------------------
    sitemap
-------------------------------------------------------------------*/
.sitemap #main {
  width: 100%;
}

.sitemap .ttl {
  padding: 0;
}

.sitemap .ttl a, .sitemap .ttl .ttlInner {
  position: relative;
  display: block;
  color: #2f2f2f;
  padding: 10px 15px;
  text-decoration: none;
}

@media print, screen and (min-width: 737px) {
  .sitemap .ttl a, .sitemap .ttl .ttlInner {
    padding: 16px 24px;
  }
  .sitemap .ttl a:before, .sitemap .ttl .ttlInner:before {
    display: none;
  }
}

.sitemap .ttl a:before, .sitemap .ttl .ttlInner:before {
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 22px;
  background: url("../img/common/cmn_ico02_black.png") no-repeat center;
  background-size: contain;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media print, screen and (min-width: 737px) {
  .sitemap .ttl a:before, .sitemap .ttl .ttlInner:before {
    display: none;
  }
}

@media print, screen and (min-width: 737px) {
  .sitemap .ttl a:hover {
    text-decoration: none;
    opacity: 0.7;
  }
}

.sitemap .box01 {
  padding: 0 1em 30px;
}

@media print, screen and (min-width: 737px) {
  .sitemap .box01 {
    padding: 30px 20px;
  }
}

.sitemap .list02 {
  overflow: hidden;
}

.sitemap .list02 > li + li {
  margin-top: 15px;
}

@media print, screen and (min-width: 737px) {
  .sitemap .list02 > li {
    float: left;
  }
  .sitemap .list02 > li:first-child {
    width: 388px;
  }
  .sitemap .list02 > li:nth-child(2) {
    width: 350px;
  }
  .sitemap .list02 > li:last-child {
    width: 280px;
  }
  .sitemap .list02 > li + li {
    margin-top: 0;
  }
}

.sitemap .list03 {
  overflow: hidden;
}

.sitemap .list03 li + li {
  margin-top: 15px;
}

@media print, screen and (min-width: 737px) {
  .sitemap .list03 li + li {
    margin-top: 25px;
  }
}

.sitemap .list03 > li > ul {
  margin: 15px 0 0 1em;
}

.sitemap .list03 li.subList  {
  margin: 15px 0 0 1em;
}


@media print, screen and (min-width: 737px) {
  .sitemap .list03 > li > ul {
    margin: 25px 0 0 1em;
  }
  .sitemap .list03 li.subList  {
    margin: 25px 0 0 1em;
  }
}

.sitemap .list04 > dt {
  margin-bottom: 15px;
}

.sitemap .list04 > dd {
  text-align: center;
}

.sitemap .list04 > dd:first-of-type {
  width: 42px;
}

.sitemap .list04 > dd:last-of-type {
  width: 34px;
  margin-left: 13px;
  padding: 4px 0;
}

/*-------------------------------------------------------------------
    404
-------------------------------------------------------------------*/
.notfound #main {
  width: 100%;
  color: #3a3a3a;
}

@media print, screen and (min-width: 737px) {
  .notfound #main {
    margin-bottom: 60px;
  }
}

@media print, screen and (min-width: 737px) {
  .notfound .inner {
    padding-right: 40px;
  }
}

.notfound .box01 {
  margin-bottom: 20px;
  padding: 90px 4.31% 10px;
  border: solid 4px #e7e7e7;
  background: url(/_asset/img/common/cmn_ico23.png) top 10px center no-repeat;
}

@media print, screen and (min-width: 737px) {
  .notfound .box01 {
    margin-bottom: 40px;
    padding: 30px 16px;
    background: url(/_asset/img/common/cmn_ico23.png) left 15px center no-repeat;
  }
  .notfound .box01 .txt01 {
    margin-left: 80px;
  }
}

@media print, screen and (min-width: 737px) {
  .notfound .box02 {
    width: 480px;
  }
}

@media print, screen and (min-width: 737px) {
  .notfound .box02 .sec01 {
    min-height: 76px;
  }
  .notfound .box02 .sec01 + .sec01 {
    margin-top: 25px;
  }
}

.notfound .box02 .sec01 .ttl01 {
  padding: 18px 1em;
  background-color: #f1f1f1;
}

@media print, screen and (min-width: 737px) {
  .notfound .box02 .sec01 .ttl01 {
    padding: 0;
    background: none;
  }
}

.notfound .box02 .sec01 .txt02 {
  padding: 1em;
}

@media print, screen and (min-width: 737px) {
  .notfound .box02 .sec01 .txt02 {
    padding: 0;
  }
}

/*-------------------------------------------------------------------
    search
-------------------------------------------------------------------*/
.search #main {
  width: 100%;
}

.search .searchInputBox {
  width: 205px;
  height: 33px;
  margin-left: 20px;
  padding: 0;
  font-size: 12px;
  background: none;
  border-radius: 4px;
  border: 1px solid #cecece;
  overflow: hidden;
  position: relative;
}

.search .searchInputBox .gsc-search-box {
  margin-bottom: 0 !important;
}

.search .searchInputBox .gsc-search-box td,
.search .searchInputBox .gsc-search-box input {
  margin: 0 !important;
  vertical-align: top !important;
}

.search .searchInputBox td.gsc-input {
  padding: 0 !important;
}

.search .searchInputBox .gsc-input-box {
  height: 33px !important;
  border: none !important;
}

.search .searchInputBox .gsib_a {
  border: none !important;
  width: 108px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.search .searchInputBox .gsib_b {
  width: 0 !important;
  background: #fff !important;
}

.search .searchInputBox div.gsst_b {
  padding: 0 !important;
}

.search .searchInputBox .gsib_b a {
  display: none;
}

.search .searchInputBox .gsc-search-box input[type="text"] {
  width: 173px !important;
  height: 33px !important;
  padding: 0 4px !important;
  font-size: 100% !important;
  line-height: 33px !important;
  border: none !important;
}

.search .searchInputBox table.gsc-search-box input[type="text"]:focus {
  outline: 0;
}

.search .searchInputBox .gsc-search-button {
  width: 30px;
  height: 33px;
  background: #fff url(../img/common/cmn_ico06.png) no-repeat center center !important;
  background-size: 15px 15px !important;
}

.search .searchInputBox input.gsc-search-button {
  padding: 0 !important;
  width: 30px;
  height: 33px;
  opacity: 0;
}

.search .searchInputBox .gsc-search-box input[type="text"]::-webkit-input-placeholder {
  color: #fff;
}

.search .searchInputBox .gsc-search-box input[type="text"]:-ms-input-placeholder {
  color: #fff;
}

.search .searchInputBox .gsc-search-box input[type="text"]::-moz-placeholder {
  color: #fff;
}

.search .gsc-above-wrapper-area {
  padding: 10px 0;
}

@media print, screen and (min-width: 737px) {
  .search .gsc-above-wrapper-area {
    padding: 15px 20px;
  }
}

.search .gsc-selected-option-container {
  max-width: none;
  height: 35px;
  font-size: 14px;
  line-height: 35px;
}

@media print, screen and (min-width: 737px) {
  .search .gsc-selected-option-container.gsc-inline-block {
    width: 135px;
  }
}

.search .gsc-control-cse .gsc-option-selector {
  margin-top: 0;
}

.search .gsc-selected-option {
  padding: 0 10px;
  text-align: left;
}

.search .gsc-result .gs-title {
  height: auto;
}

.search .gs-webResult.gs-result a.gs-title:visited,
.search .gs-webResult.gs-result a.gs-title:visited b,
.search .gs-imageResult a.gs-title:visited,
.search .gs-imageResult a.gs-title:visited b,
.search .gs-webResult.gs-result a.gs-title:link,
.search .gs-webResult.gs-result a.gs-title:link b,
.search .gs-imageResult a.gs-title:link,
.search .gs-imageResult a.gs-title:link b {
  color: #6390c6;
}

.search .gs-webResult div.gs-visibleUrl,
.search .gs-imageResult div.gs-visibleUrl {
  color: #6e8f82;
}

.search .gs-webResult .gs-snippet, .search .gs-imageResult .gs-snippet, .search .gs-fileFormatType {
  color: #3a3a3a;
}

.search .gsc-table-result,
.search .gsc-thumbnail-inside,
.search .gsc-url-top {
  padding: 0;
}

.search .gsc-webResult.gsc-result {
  padding: 10px 0;
}

@media print, screen and (min-width: 737px) {
  .search .gsc-webResult.gsc-result {
    padding: 10px 40px 30px;
  }
}

.search .gsc-cursor-box {
  margin: 20px 0 !important;
  text-align: center;
}

.search .gsc-results .gsc-cursor-box .gsc-cursor-page {
  display: inline-block;
  width: 32px;
  line-height: 30px;
  color: #6390c6;
  font-size: 15px;
  margin: 0 1px;
}

.search .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  background: #fff;
  color: #282a32;
  border: 2px solid #464040;
  line-height: 26px;
}

/*-------------------------------------------------------------------
    client / rpa
-------------------------------------------------------------------*/
.client-rpa .ttlStyle02{
  letter-spacing: 0.05em;
}

.client-rpa-sec01-list01{
  margin: 20px auto 70px;
  padding: 160px 0 0 15px;
  width: 662px;
  height: 224px;
  font-weight: bold;
  background: url(../img/client/client_rpa_about_pic01.png) no-repeat left top;
  font-size: 18px;
}

.client-rpa-sec01-list01 li{
  line-height: 1.2em;
}

.rpa-sec02-ttl01{
  padding: 22px 50px 22px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  background-color: #466ea5;
}

.rpa-sec02-ttl02{
  background-color: #5a90c6;
}

.rpa-sec02-ttl03{
  background-color: #6e8f82;
}

.rpa-sec02-ttl04{
  background-color: #ab404b;
}

.rpa-sec02-ttl05{
  background-color: #c46d24;
}

.rpa-sec02-content01{
  padding: 15px 44px;
  border: 1px solid #e8e8e8;
}

.rpa-sec02-content01-list01{
  margin-right: 40px;
  float: left;
  font-size: 14px;
}

.rpa-sec02-content01-list01:last-child{
  margin-right: 0;
}

.rpa-sec02-content01-wrapper01{
  margin-top: 20px;
  margin-bottom: 60px;
}

.rpa-sec02-content01-inner01{
  margin-right: 12px;
  float: left;
  width: 186px;
}

.rpa-sec02-content01-inner01:last-child{
  margin-right: 0;
}

.rpa-sec02-content01-inner01 .rpa-sec02-content01-list01{
  margin-right: 0;
  padding: 15px 15px 20px 20px;
  float: none;
  border: 1px solid #e8e8e8;
}

.rpa-sec02-content02-list-node{
    float: left;
    width: 136px;
}

.rpa-sec02-content02-list-node-ttl,
.rpa-sec02-content02-list-node-txt{
  display: table;
  width: 100%;
  padding: 10px 18px;
  text-align: center;
  color: #fff;
  background-color: #6390c6;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
}

.rpa-sec02-content02-list-node-txt{
  padding: 15px 18px;
  color: #3a3a3a;
  text-align: left;
  background-color: #fff;
}

.rpa-sec02-content02-list-node:nth-child(3){
    width: 176px;
}

.rpa-sec02-content02-list-node:nth-child(4),
.rpa-sec02-content02-list-node:nth-child(5){
    width: 166px;
}

.rpa-sec02-content02-list-node:last-child{
    border-right: 1px solid #e4e4e4;
}

.rpa-sec02-content02-list-wrapper .rpa-sec02-content02-list-node-ttl{
    display: none;
}

.rpa-sec02-content02-list-wrapper{
    margin-top: -1px;
    border-bottom: 1px solid #e4e4e4;
}

.rpa-sec02-content02-list-wrapper-top{
    margin-top: 0;
}

.rpa-sec02-content02-list-wrapper-top .rpa-sec02-content02-list-node-ttl{
    display: table;
}

.rpa-sec02-content02-list-node-txt span{
    display: table-cell;
    vertical-align: middle;
}

.rpa-sec02-content03{
    margin-top: 40px;
}

.rpa-content03-list-wrapper{
    margin-bottom: 80px;
}

.rpa-content03-list-node{
    margin-right: 10px;
    float: left;
    width: 253px;
}

.rpa-content03-list-node:last-child{
    margin-right: 0;
}

.rpa-content03-list-node-ttl{
    position: relative;
    padding-left: 20px;
    line-height: 80px;
    height: 80px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background-color: #81a4d2;
}

.rpa-content03-list-node-ttl:before{
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 80px;
    background: url(../img/client/client_rpa_content03_bg01.png) no-repeat left top;
}

.rpa-content03-list-node:nth-child(2) .rpa-content03-list-node-ttl{
    background-color: #466ea5;
}

.rpa-content03-list-node:nth-child(2) .rpa-content03-list-node-ttl:before{
    background-image: url(../img/client/client_rpa_content03_bg02.png);
}

.rpa-content03-list-node:nth-child(3) .rpa-content03-list-node-ttl{
    background-color: #c46d24;
}

.rpa-content03-list-node:nth-child(3) .rpa-content03-list-node-ttl:before{
    background-image: url(../img/client/client_rpa_content03_bg03.png);
}

.rpa-content03-list-node-list{
    margin-top: 15px;
    padding-left: 20px;
    font-size: 14px;
}

.rpa-content04-logo01{
    padding-top: 5px;
    float: left;
}

.rpa-content04-desclist{
    margin-left: 40px;
    float: left;
}

.rpa-content04-listStyle{
    margin-top: 40px;
}

.rpa-content04-listStyle .block .ttl{
    font-weight: normal;
    font-size: 18px;
}

.rpa-content04-listStyle .block .txt{
    padding-left: 0;
    float: left;
    width: 430px;
}

.rpa-content04-listStyle .block .txt span{
    font-weight: bold;
}

.rpa-content04-listStyle .block .txt a{
    text-decoration: underline;
}

.rpa-content04-listStyle .block .image{
    float: right;
}

.client-rpa .linkblock01{
  margin: 40px 0 60px 0;
}

.client-rpa .linkblock02{
  margin: 50px 0 40px 0;
}

.client-rpa .linkblock01 li , .client-rpa .linkblock02 li {
  padding-bottom: 6px;
}

@media print, screen and (min-width: 737px) {
.rpa-content04-listStyle .block .ttl{
    border: solid 1px #e8e8e8;
    border-bottom: solid 0px #e8e8e8;
    }
}



@media print, screen and (max-width: 736px) {
.client-sec03-ttl02{
    margin-bottom: 20px;
}

.client-rpa-sec01-list01{
  position: relative;
  margin: 20px 0 40px 0;
  padding: 28% 0 98% 18%;
  width: 100%;
  background: none;
}

.client-rpa-sec01-list01:before{
  display: block;
  position: absolute;
  content: '';
  top: 0;
  left: 23%;
  padding: 10% 0 160%;
  width: 58%;
  background: url(../img/client/client_rpa_about_pic01_sp.png) no-repeat center top;
  background-size: 100% auto;-moz-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -o-background-size: 100% auto;
  -ms-background-size: 100% auto;
}

.rpa-sec02-ttl01{
  padding: 6px 27px 6px;
  font-size: 20px;
}

.rpa-sec02-content01{
  padding: 13px 12px;
  border: 1px solid #e8e8e8;
}

.rpa-content04-listStyle .block{
    border: solid 1px #e8e8e8;
}

.rpa-sec02-content01-list01{
  margin-right: 1%;
  font-size: 16px;
  width: 48%;
}

.rpa-sec02-content01-list01:last-child{
  margin-right: 0;
}

.rpa-sec02-content01-wrapper01{
  margin-top: 0;
  margin-bottom: 50px;
}

.rpa-sec02-content01-inner01{
  margin-top: 10px;
  margin-right: 2%;
  float: left;
  width: 49%;
}

.rpa-sec02-content01-inner01:nth-child(even){
  margin-right: 0;
}

.rpa-sec02-content01-inner01 .rpa-sec02-ttl01{
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.rpa-sec02-content01-inner01 .rpa-sec02-content01-list01{
  margin-right: 0;
  padding: 10px;
  width: 100%;
  float: none;
}

.rpa-sec02-content02-list-node-ttl,
.rpa-sec02-content02-list-node-txt{
  display: table;
  width: 100%;
  padding: 7px 1%;
  font-size: 16px;
}

.rpa-sec02-content02-list-node-txt{
  padding: 10px 2%;
  text-align: left;
}

.rpa-sec02-content02-list-node:nth-child(1){
    width: 28%;
}

.rpa-sec02-content02-list-node:nth-child(1) .rpa-sec02-content02-list-node-txt{
    text-align: center;
}

.rpa-sec02-content02-list-node:nth-child(2){
    width: 30%;
}

.rpa-sec02-content02-list-node:nth-child(3) {
    width: 41.9%;
    border-right: 1px solid #e4e4e4;
}

.rpa-sec02-content02-list-node:nth-child(4),
.rpa-sec02-content02-list-node:nth-child(5){
    width: 50%;
}

.rpa-sec02-content02-list-node-txt span{
    font-weight: normal;
}

.rpa-sec02-content02-list-wrapper{
    margin-top: 20px;
}

.rpa-sec02-content02-list-wrapper .rpa-sec02-content02-list-node-ttl{
    display: table;
}

.rpa-sec02-content03-lead01{
    margin-bottom: 45px;
}

.client-rpa .client-sec03-ttl02{
    margin-top: 35px;
}


.rpa-content03-list-wrapper{
    margin-bottom: 45px;
}

.rpa-content03-list-node{
    margin-right: 2%;
    float: left;
    width: 32%;
}

.rpa-content03-list-node:last-child{
    margin-right: 0;
}

.rpa-content03-list-node-ttl{
    padding-top: 10px;
    padding-left: 3%;
    padding-right: 0;
    line-height: 1;
    height: 55px;
    font-size: 14px;
}

.rpa-content03-list-node-ttl:before{
    width: 10px;
    height: 55px;
    background: url(../img/client/client_rpa_content03_bg01_sp.png) no-repeat left top;
    background-size: 100% auto;-moz-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -o-background-size: 100% auto;
  -ms-background-size: 100% auto;
}

.rpa-content03-list-node:nth-child(2) .rpa-content03-list-node-ttl:before{
    background-image: url(../img/client/client_rpa_content03_bg02_sp.png);
}

.rpa-content03-list-node:nth-child(3) .rpa-content03-list-node-ttl:before{
    background-image: url(../img/client/client_rpa_content03_bg03_sp.png);
}

.rpa-content03-list-node-list{
    margin-top: 10px;
    padding-left: 0;
    padding-right: 1%;
}

.rpa-content03-list-node-list li{
    padding-left: 1em;
    text-indent: -1em;
}

.rpa-content04-logo01{
    margin: 0 auto;
    padding-top: 0;
    float: none;
    width: 47%;
}

.rpa-content04-desclist{
    margin-top: 24px;
    margin-left: 0;
    float: none;
}

.rpa-content04-desclist li{
    padding-left: 1em;
    text-indent: -1em;
}

.rpa-content04-listStyle{
    margin-top: 25px;
    margin-bottom: 40px;
}

.rpa-content04-listStyle .block .ttl{
    font-size: 16px;
    border-bottom: solid 1px #e8e8e8;
}

.rpa-content04-listStyle .block .txt{
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 11px;
    float: none;
    width: 100%;
}

.rpa-content04-listStyle .block .txt a{
  display: inline-block;
  margin-top: -3px;
}

.rpa-content04-listStyle .block .image{
    margin: 0 auto 50px;
    width: 34%;
    float: none;
}
}

/*-------------------------------------------------------------------
    client / seminar
-------------------------------------------------------------------*/
.boxTbl01 {
    margin: 60px 0 130px;
}
.seminarTbl01 {
    box-sizing: content-box;
}
.seminarTbl01 a{
    color: #6887b6;
}
.seminarTbl01 thead {

}
.seminarTbl01 thead tr {
    border-bottom: 1px solid #e4e4e4;
    font-weight: bold;
}
.seminarTbl01 thead th {
    width: 30%;
    padding: 0 0 25px 10px;
    text-align: left;
}
.seminarTbl01 {
    vertical-align: top;
    width: 820px;
}
.seminarTbl01 tbody tr {
    border-bottom: 1px solid #e4e4e4;
}
.seminarTbl01 tbody th {
    display: none;
}
.seminarTbl01 tbody td {
    padding: 30px 12px 15px;
    vertical-align: top;
}
.seminarTbl01 tbody tr td:first-of-type {
/*    font-weight: bold;*/
/*    padding-bottom: 70px;*/
}
.btnDetail01 {
    width: 75px;
    border: 2px solid #464040;
    margin: 8px 0 0 auto;
    text-align: center;
    background: #fff;
}
.btnDetail01 a {
    display: block;
    padding: 5px;
    position: relative;
    color: #404040;
}
.btnDetail01 a:hover {
    text-decoration: none;
    opacity: 0.7;
}
.btnDetail01 a span {
    position: relative;
    padding-left: 0.5em;
}
.btnDetail01 a span::before {
    width: 12px;
    height: 17px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url(../img/common/cmn_ico02_black.png) center center / 50% no-repeat;
    position: absolute;
    top: 5%;
    left: -10%;
}

@media print, screen and (max-width: 736px) {
    .boxTbl01 {
        margin: 5% 0 10%;
    }
    .seminarTbl01 {
        width: 100%;
    }
    .seminarTbl01 thead {
        display: none;
    }
    .seminarTbl01 tbody tr + tr {
        display: block;
        margin-top: 8.5%;
    }
    .seminarTbl01 tbody tr + tr {
        margin-top: 5%;
    }
    .seminarTbl01 tbody th {
        padding: 3%;
        display: block;
        background: #d7d7d7;
    }
    .seminarTbl01 tbody td {
        padding: 5% 3%;
        display: block;
        background: #f0f0f0;
    }
    .seminarTbl01 tbody tr td:first-of-type {
        font-weight: normal;
    }
    .btnDetail01 {
        width: 46%;
        margin: 10% auto;
        text-align: center;
        background: #fff;
    }
    .btnDetail01 a {
        text-decoration: none;
    }
    .btnDetail01 a span::before {
        top: 0%;
    }

}

/*-------------------------------------------------------------------
    news / line
-------------------------------------------------------------------*/

.line-card{
    border: 5px solid #01b901;
    border-radius: 50px;
    margin: 30px 0px 30px 0px;
    padding: 15px 20px;
    width: 100%;
}

.line-add-heading{
    color: #01b901;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.4;
    margin-top: 15px;
    margin-bottom: 30px;
    text-align: center;
}

.line-add-heading-jobnet{
    color: #000;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.4;
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: center;
}

.line-card-label{
    background-color: #01b901;
    border-radius: 5px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.8;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
    width: 7em;
}

.line-card-qr{
    text-align: center;
    margin-bottom: 10px;
}

.line-card-qr img {
    width: 120px;
}

.line-card-note{
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: left;
}

.line-card-account {
    color: #01b901;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.line-card .keyTypeLinks.sp1col li {
    padding-top: 0px;
    padding-bottom: 10px;
}

.line-card .keyTypeLinks li {
    padding: 0px 2% 5px;
}

@media print, screen and (min-width: 737px) {
.line-card{
    width: 800px;
}

.line-card .keyTypeLinks {
    width: 600px;
}
.line-card .keyTypeLinks li {
    width: 300px;
}
.line-card-account {
    margin-top: 58px;
}
.line-add-heading-jobnet{
    margin-bottom: 20px;
}
.line-caption {
    margin-left: 44px;
}

}

/*-------------------------------------------------------------------
    company / voice
-------------------------------------------------------------------*/
.company-voice .cardStyle03-content
{
    padding: 20px;
}

.company-voice .cardStyle03Item-dl
{
    padding: 20px 0;
}
.company-voice .cardStyle03Item-dl:first-child
{
    padding: 0 0 20px;
}
.company-voice .cardStyle03Item-dl:last-child
{
    padding: 20px 0 0;
}

.company-voice .lead02.mar
{
    margin-top: 40px;
}

.company-voice .voice-list .open-list
{
    margin-top: -20px;
}

.company-voice .voice-list .item
{
    margin-top: 16px;
}

.company-voice .voice-list .item .caption
{
    width: 212px;

    text-align: center;
    color: #fff;
    background-color: #5A8FC4;
}
.company-voice .voice-list .item .content.answer .caption
{
    background-color: #E67B27;
}

.company-voice .voice-list .item .content
{
    padding: 20px;
}
.company-voice .voice-list .item .content.answer
{
    background-color: #F7F7F7;
}

.company-voice .voice-list .item .text
{
    margin-top: 12px;
}
.company-voice .voice-list .item .text+.text
{
    margin-top: 24px;
}
.company-voice .voice-list .item .content.staff .text
{
    color: #6390c6;
}

.company-voice .voice-list .ia
{
    color: #5a90c6;
    text-decoration: underline;
}

.company-voice .voice-list .item a
{
    color: #5a90c6;
    text-decoration: underline;
}

.company-voice .voice-list #voice-list-continue
{
    display: none;
}

.company-voice .voice-list .voice-list-switch
{
    display: block;
    width: 50%;
    margin: 0 auto;
    margin-top: 24px;
    padding: 10px 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #494b54;
    border-radius: 40px;
    white-space: nowrap;
}

.company-voice .voice-list .voice-list-switch .label
{
    display: inline-block;
    padding-right: 20px;

    background-image: url(../../_asset/img/company/voice/switch_open.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.company-voice .voice-list .voice-list-switch.is-open .label
{
    background-image: url(../../_asset/img/company/voice/switch_close.png);
}

.company-voice .ktl02_only {
    margin: 36px auto 61px;
    padding: 20px 20px 20px;
}

.company-voice .ktl02_only .linkStyle01 {
    max-width: none;
    width: 240px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.company-voice .icoLink:after {
    content: '';
    width: 14px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.2em;
    background: url(../img/common/cmn_ico05_black.png) no-repeat left top;
    background-size: contain;
}

@media print, screen and (min-width: 737px) {
.company-voice .ktl02_only {
    width: 400px;
    }
}

@media screen and (max-width: 737px)
{
    .company-voice .voice-list .item .caption
    {
        padding: 2px 8px;

        text-align: left;
    }

    .company-voice .voice-list .item
    {
        font-size: 14px;
    }

    .company-voice .cardStyle03Item-dl dt
    {
        font-weight: bold;
    }

/*    .company-voice .voice-list .voice-list-switch .label
    {
        font-weight: bold;
    }*/
}

/*-------------------------------------------------------------------
    security-policy
-------------------------------------------------------------------*/
.security-policy #main {
    width: 100%;
}

.security-policy h2 {
    font-size: 20px;
}

.security-policy .list01 {
    padding: 30px 0px;
  }

.security-policy .list01 > li + li {
    margin-top: 30px;
}

.security-policy .list02 {
    margin-top: 5px;
}

.security-policy .list02 li {
    padding: 0.4em 0.1em;
}

.security-policy .list03 {
    margin-top: 5px;
}

.security-policy .list03 li {
    padding: 0.4em 0.1em;
}

.security-policy .bluetxt {
    color: #6390c6;
}

.security-policy .txt01 {
    margin-top: 30px;
}

.security-policy .txt02 {
    margin-top: 10px;
}

@media print, screen and (min-width: 737px) {
.security-policy .list02 li {
    padding: 0.4em 2em;
}
.security-policy .list03 li {
    padding: 0.4em 2em;
}
}

/*-------------------------------------------------------------------
    entryArea table width
-------------------------------------------------------------------*/
@media print, screen and (min-width: 737px) {
.entryArea .w125px th {
    width: 125px;
}
.entryArea .w100px th{
    width: 100px;
}
}

/*-------------------------------------------------------------------
    experis bnr
-------------------------------------------------------------------*/
.experis_bnr  {
    margin-top: 30px;
    margin-bottom: 60px;
}

.experis_bnr .txt {
    margin-bottom: 10px;
    font-size:14px;
}

.experis_bnr .image {

}

@media print, screen and (min-width: 737px) {
.experis_bnr .txt {
    font-size:100%;
}

}

/*-------------------------------------------------------------------
    client / serve / Tapfin
-------------------------------------------------------------------*/
  .client-serve-tapfin .catchStyle01 img{
    text-align: center;
    display: block;
    margin: auto;
    margin-top: 30px;
  }
  .clientServeTapfin-sec {
    margin-bottom: 20px;
  }
  .clientServeTapfin-sec h2 {
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .clientServeTapfin-sec h3 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
.clientServeTapfin-block01 {
    border: solid 1px #6390c6;
    margin-bottom: 10px;
    word-break: break-all;
}
  .clientServeTapfin-block01 .ttl {
    font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #fff;
    background: #6390c6;
    padding: 10px 10px;
    line-height: 1.6;
}
  .clientServeTapfin-block01 .txt {
    padding: 10px 10px;
    line-height: 1.6;
}
.clientServeTapfin-sec .bold {
    font-weight: bold;
  }
.clientServeTapfin-sec .mb10 {
    margin-bottom: 10px;
  }

@media print, screen and (min-width: 737px) {
  .client-serve-tapfin .catchStyle01 img{
    margin: 20px auto;
    margin-top: 40px;
  }
  .clientServeTapfin-sec {
    margin-bottom: 40px;
  }
  .clientServeTapfin-sec h2 {
    margin-top: 60px;
    margin-bottom: 30px;
  }
  .clientServeTapfin-sec h3 {
    font-size: 1.1em;
    margin-top: 30px;
    margin-bottom: 10px;
  }

.clientServeTapfin-sec .bold {
    font-size: 1.1em;
  }
}
}

/*-------------------------------------------------------------------
    client / download
-------------------------------------------------------------------*/
.client-download .listStyle11 .topicsEntryList .entryIconItem {
  font-weight: bold;
}

.client-download .tag-blue,
.client-download .tag-green,
.client-download .tag-red,
.client-download .tag-orange,
.client-download .tag-gray {
  color: #fff;
  display: block;
  text-align: center;
  border-radius: 2px;
  font-weight: bold;
}

@media print, screen and (min-width: 737px) {
  .client-download .tag-blue,
  .client-download .tag-green,
  .client-download .tag-red,
  .client-download .tag-orange,
  .client-download .tag-gray {
    width: auto;
    border-radius: 3px;
  }
}

.client-download .tag-blue {
  background-color: #81a4d2;
}

.client-download .tag-green {
  background-color: #8aa49a;
}

.client-download .tag-red {
  background-color: #da7f84;
}

.client-download .tag-orange {
  background-color: #ed9d59;
}

.client-download .tag-gray {
  background-color: #a3a5aa;
}

.client-download .categoryTitle {
  margin: 20px auto 40px;
  padding: 10px 1% 10px 3%;
  font-size: 10px;
  font-weight: bold;
  background-color: #f3f3f3;
  overflow: hidden;
}

@media print, screen and (min-width: 737px) {
  .client-download .categoryTitle {
    width: 780px;
    margin: 20px auto 40px;
    padding: 20px 16px;
    font-size: 18px;
  }
}

.client-download .categoryTitle p {
  display: block;
  font-size: 12px;
  font-weight: bold;
}

@media print, screen and (min-width: 737px) {
  .client-download .categoryTitle p {
    margin-right: 15px;
    font-size: 18px;
  }
}

.client-download .categoryTitle ul {
  display: inline-block;
  width: 100%;
}

.client-download .categoryTitle ul li {
  width: auto;
  max-width: none;
  font-size: 12px;
  float: left;
  margin: 6px 6px 2px 0px;
}

@media print, screen and (min-width: 737px) {
  .client-download .categoryTitle ul li {
    width: auto;
    max-width: none;
    font-size: 12px;
    margin: 6px 6px 2px 0px;
  }
}

.client-download .categoryTitle ul li a {
  padding: 5px 5px 5px 14px;
  font-size: 11px;
  position: relative;
  text-decoration: none;
}

@media print, screen and (min-width: 737px) {
  .client-download .categoryTitle ul li a {
    width: auto;
    padding: 0 6px 0 24px;
    font-size: 16px;
  }
  .client-download .categoryTitle ul li a:hover {
    opacity: 0.7;
  }
}

.client-download .categoryTitle ul li a:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 11px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 5px;
  bottom: 0;
  background: url(../img/common/cmn_ico01_white.png) no-repeat;
  background-size: 100%;
}

@media print, screen and (min-width: 737px) {
  .client-download .categoryTitle ul li a:before {
    width: 7px;
    height: 14px;
    left: 12px;
  }
}

.client-download .categoryTitle ul li a.current {
  color: #404040;
  background-color: #d6d6d6;
}

.client-download .categoryTitle ul li a.current:before {
  background: url(../img/common/cmn_ico02_black.png) no-repeat;
  background-size: 100%;
}

.client-download .client-sec02 .inner {
  overflow: hidden;
}

.client-download .client-sec02 .inner #articleList {
  overflow: hidden;
}

@media print, screen and (min-width: 737px) {
  .client-download .client-sec02 .inner #articleList li {
    float: left;
  }
}

.client-download .client-sec02 .inner #articleList li + li {
  margin-top: 10px;
}

@media print, screen and (min-width: 737px) {
  .client-download .client-sec02 .inner #articleList li + li {
    margin-top: 0;
  }
}

@media print, screen and (min-width: 737px) {
  .client-download .client-sec02 .inner #articleList li:nth-child(n+3) {
    margin-top: 20px;
  }
}

.client-download .client-sec02 .inner #articleList li span {
  display: inline-block;
  margin-right: 2%;
  margin-bottom: 2%;
  font-size: 12px;
  padding: 0.5vw 2vw;
}

@media print, screen and (min-width: 737px) {
.client-download .client-sec02 .inner #articleList li span {
  padding: 0 5px;
}
}

.client-download .client-sec02 .inner #articleList li img {
  display: block;
  margin: 0 auto;
}

@media print, screen and (min-width: 737px) {
  .client-download .client-sec02 .inner #articleList li:nth-child(odd) {
    margin-right: 20px;
  }
}

.client-download .client-sec02 .inner #articleList li {
  width: auto;
  padding: 10px 11px;
  border: 1px solid #ddd;
  display: block;
  text-decoration: none;
}

@media print, screen and (min-width: 737px) {
  .client-download .client-sec02 .inner #articleList li {
    width: 380px;
    padding: 20px 20px;
    font-size: 14px;
  }
}

.client-download .client-sec02 .inner #articleList li .date {
  margin-bottom: 5px;
  display: block;
}

@media print, screen and (min-width: 737px) {
  .client-download .client-sec02 .inner #articleList li .date {
    margin-bottom: 5px;
    color: #9d9d9d;
  }
}

.client-download .client-sec02 .inner #articleList li .date span {
  width: 23.23529411764706%;
  max-width: 158px;
  margin-right: 8px;
  padding: 2px 0;
  font-size: 12px;
  float: left;
}

@media print, screen and (min-width: 737px) {
  .client-download .client-sec02 .inner #articleList li .date span {
    width: 85px;
    max-width: none;
    padding: 0;
    font-size: 13px;
  }
}

.client-download .client-sec02 .inner #articleList li .title {
  margin-bottom: 5px;
  text-align: left;
  display: block;
  font-weight: bold;
}

@media print, screen and (min-width: 737px) {
  .client-download .client-sec02 .inner #articleList li .title {
    margin-bottom: 15px;
  }
}

.client-download .client-sec02 .inner #articleList li img {
  margin-bottom: 10px;
  width: 368px;
}

@media print, screen and (min-width: 737px) {
  .client-download .client-sec02 .inner #articleList li img {
    margin-bottom: 15px;
    max-width: 340px;
  }
}

.client-download .client-sec02 .inner #articleList li a {
  margin: 20px auto 10px;
  display: block;
  padding: 5px 10px;
  width: 180px;
  text-align: center;
  border: 1px solid;
  font-weight: bold;
  text-decoration: none;
}

.client-download .client-sec02 .inner #articleList li a:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.6em;
    margin-bottom: 0.2em;
    width: 9px;
    height: 9px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.client-download .client-sec02 .inner #articleList li a:hover {
  text-decoration: none;
  opacity: 0.7;
}

@media print, screen and (min-width: 737px) {
  .client-download .client-sec02 .inner #articleList li a:hover .title {
    text-decoration: underline;
  }
}

@media screen and (max-width: 736px) {
  .client-download .client-sec02 .inner .pager {
    padding: 32px 0 0;
  }
}

.client-download .secContact01 {
    margin-top: 60px;
  }

/*-------------------------------------------------------------------
    client / hoiku
-------------------------------------------------------------------*/
.client-hoiku .bnrlink {
    margin: 30px auto 40px;
}

.client-hoiku .link {
    color: #fff;
    width: 260px;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    background: #6390c6;
    padding: 12px 20px;
    border-radius: 40px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
}

.client-hoiku .icoLink:after {
    content: '';
    width: 14px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.2em;
    background: url(../img/common/cmn_ico05_black.png) no-repeat left top;
    background-size: contain;
}

.client-hoiku .block {
    margin-bottom: 40px;
}

.client-hoiku .listStyle12 .listStyle12Inner {
    padding: 20px 20px 26px;
    border: solid 1px #e8e8e8;
}

.client-hoiku .listStyle12 .ttl {
    margin-bottom: 0;
}

@media print, screen and (min-width: 737px) {
.client-hoiku .bnrlink {
    margin: 40px auto 50px;
}
.client-hoiku .link {
    width: 300px;
    padding: 12px;
  }
.client-hoiku .listStyle12 .listStyle12Inner {
    padding: 22px 20px 26px;
    border: solid 1px #e8e8e8;
  }
.client-hoiku .bnrlink a:hover {
  text-decoration: none;
  opacity: 0.7;
}
}

/*-------------------------------------------------------------------
    client / kaigo
-------------------------------------------------------------------*/

.clientServeKigo-sec01 .clientServeKigo-ttl01 , .clientServeKigo-sec02 .clientServeKigo-ttl02 , .clientServeKigo-sec03 .clientServeKigo-ttl03 {
    margin: 40px 0 25px;
}

.client-serve-kaigo .clientServeKigo-sec04 .ttlStyle01{
    margin: 40px 0 25px;
}

.clientServeKigo-sec01 .block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}

.clientServeKigo-sec01 .block + .block {
  margin-top: 10px;
}

.clientServeKigo-sec01 .int {
  position: relative;
  width: 20%;
  background: #6390c5;
  color: #fff;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clientServeKigo-sec01 .int span {
  position: absolute;
  display: block;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.clientServeKigo-sec01 .txtArea {
  width: 75%;
  padding: 10px 0;
}

.clientServeKigo-sec01 .txtArea .ttl {
  color: #6390c5;
  font-weight: bold;
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.clientServeKigo-sec02-list01 {
  margin-bottom: 40px;
}

.clientServeKigo-sec02-list01 .type01 .listStyle13-ttl {
  background: #718fb9;
}

.clientServeKigo-sec02-list01 .type02 .listStyle13-ttl {
  background: #83a7c9;
}

.clientServeKigo-sec02-list01 .type03 .listStyle13-ttl {
  background: #97afa5;
}

.clientServeKigo-sec02-list01 .type04 .listStyle13-ttl {
  background: #ec9e5e;
}

.clientServeKigo-sec02-list01 .type05 .listStyle13-ttl {
  background: #bb656e;
}
.clientServeKigo-sec03 .box3-1-ttlArea01 .int, .clientServeKigo-sec03 .box3-ttlArea .int {
  display: inline-block;
  text-align: center;
  color: #fff;
}

.clientServeKigo-sec03 .box3-1-ttlArea01 .ttl, .clientServeKigo-sec03 .box3-ttlArea .ttl {
  font-family: 'Arial','Verdana','Helvetica','Helvetica Neue', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clientServeKigo-sec03 .box3-1-ttlArea01 {
  overflow: hidden;
}

.clientServeKigo-sec03 .box3-1-ttlArea01 .int {
  float: left;
  width: 40px;
  height: 40px;
  background: #6390c6;
  padding-top: 1px;
  font-size: 28px;
}

.clientServeKigo-sec03 .box3-1-ttlArea01 .ttl {
  display: block;
  padding: 7px 0 0 50px;
}

.clientServeKigo-sec03 .box3-1 li {
  text-indent: -1em;
  margin-left: 1em;
  margin-top: 6px;
}

.clientServeKigo-sec03 .box3-1 li:before {
  content: "・";
}

.clientServeKigo-sec03 .box3-1 + .box3-1 {
  margin-top: 10px;
}

.clientServeKigo-sec03 .box3-1-contentArea, .clientServeKigo-sec03 .box3-3_02-contentArea, .clientServeKigo-sec03 .box3-1_04-contentArea {
  padding: 20px 10px 20px;
}

@media print, screen and (min-width: 737px) {
.clientServeKigo-sec01 .clientServeKigo-ttl01 , .clientServeKigo-sec02 .clientServeKigo-ttl02 , .clientServeKigo-sec03 .clientServeKigo-ttl03 {
    margin: 60px 0 40px;
  }
  .client-serve-kaigo .clientServeKigo-sec04 .ttlStyle01{
    margin: 60px 0 40px;
  }
  .clientServeKigo-sec01 .block {
    background: #f7f7f7;
  }
  .clientServeKigo-sec01 .block + .block {
    margin-top: 25px;
  }
  .clientServeKigo-sec01 .int {
    width: 160px;
    height: 160px;
    font-size: 22px;
  }
  .clientServeKigo-sec01 .txtArea {
    width: 596px;
    padding: 25px 25px 0 0;
  }
  .clientServeKigo-sec01 .txtArea .ttl {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 25px;
  }
  .clientServeKigo-sec02-list01 {
    margin-bottom: 35px;
  }
  .clientServeKigo-sec02-list01 .type01 {
    border-color: #718fb9;
  }
  .clientServeKigo-sec02-list01 .type01:after {
    border-left-color: #718fb9;
  }
  .clientServeKigo-sec02-list01 .type02 {
    border-color: #83a7c9;
  }
  .clientServeKigo-sec02-list01 .type02:after {
    border-left-color: #83a7c9;
  }
  .clientServeKigo-sec02-list01 .type03 {
    border-color: #97afa5;
  }
  .clientServeKigo-sec02-list01 .type03:after {
    border-left-color: #97afa5;
  }
  .clientServeKigo-sec02-list01 .type04 {
    border-color: #ec9e5e;
  }
  .clientServeKigo-sec02-list01 .type04:after {
    border-left-color: #ec9e5e;
  }
  .clientServeKigo-sec02-list01 .type05 {
    border-color: #bb656e;
  }
  .clientServeKigo-sec02-list01 .type05:after {
    border-left-color: #bb656e;
  }
  .clientServeKigo-sec02-block01 .ttl {
    padding: 20px 37px;
    font-size: 21px;
    line-height: 1;
  }
  .client-serve-kaigo .listStyle13 ol li {
    width: 180px;
  }
  .clientServeKigo-sec03 .box3-1-ttlArea01 .int {
    padding: 0;
    line-height: 40px;
  }
  .clientServeKigo-sec03 .box3-1-ttlArea01 .ttl {
    padding-top: 4px;
  }
  .clientServeKigo-sec03 .box3-1-ttlArea01 {
    padding: 10px 15px;
  }
  .clientServeKigo-sec03 .box3-1 + .box3-1 {
    margin-top: 20px;
  }
  .clientServeKigo-sec03 .box3-1-contentArea {
    padding: 20px;
  }
  .clientServeKigo-sec03 .box3-1 li {
    text-indent: -1em;
    margin-left: 1.5em;
  }
}

/*-------------------------------------------------------------------
    client / serve / sdgs
-------------------------------------------------------------------*/
.client-serve-sdgs .sdgs-main  {
	margin: 20px auto 20px;
	text-align: center;
}
.client-serve-sdgs .sdgs-logo  {
	margin: 20px auto 20px;
	text-align: center;
}
.client-serve-sdgs .period  {
	margin-top: 10px;
}
.clientServeSdgs-ttl03 {
	margin: 60px 0 30px;
}

.clientServeSdgs-sec01 .lineup-txt{
	text-align: center;
	font-size: 12px;
}
.clientServeSdgs-sec01 table{
	margin: 30px 0 10px 0 ;
}
.clientServeSdgs-sec01 th{
	padding-bottom: 6px;
	font-size: 17px;
	color: #6390c6;
	border: none;
}
.clientServeSdgs-sec01 td{
	padding: 5px;
	font-size: 12px;
	word-break: break-all;
}

.clientServeSdgs-sec01 td.step{
	width: 72px;
	background-color: #a1bcdd;
	color: #fff;
}
.clientServeSdgs-sec01 td.event{
	width: 38%;
}
.clientServeSdgs-sec01 .event p{
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}
.clientServeSdgs-sec01 td.contents{
	width: 38%;
	position: relative;
}
.clientServeSdgs-sec01 .contents p{
	padding-left: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}
.clientServeSdgs-sec01 .contents p:before{
    display: block;
    content: '';
    position: absolute;
    top: auto;
    left: 5px;
    width: 10px;
    height: 6px;
    border-left: 1px solid #404040;
    border-bottom: 1px solid #404040;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 4px;
}

.clientServeSdgs-sec02 .linkStyle03:hover {
    opacity: 1;
}

@media print, screen and (min-width: 737px) {
	.client-serve-sdgs .sdgs-main  {
		margin: 20px auto 40px;
		text-align: center;
	}
	.clientServeSdgs-sec01 table{
		margin: 30px 0 10px 0 ;
	}
	.clientServeSdgs-sec01 td{
		padding: 10px;
		font-size: 13px;
	}
	.clientServeSdgs-sec01 td.step{
		width: 12%;
		background-color: #a1bcdd;
		color: #fff;
	}
	.clientServeSdgs-sec01 td.event{
		width: 41%;
	}
	.clientServeSdgs-sec01 td.contents{
		width: 41%;
	}
	.clientServeSdgs-sec01 .contents p:before{
		left: 10px;
	}
	.clientServeSdgs-sec01 .lineup-txt{
		font-size: 13px;
	}
}

/*-------------------------------------------------------------------
    client / serve / sdgs / jobmaps
-------------------------------------------------------------------*/
.client-serve-sdgs-jobmaps .jobmaps-main  {
	text-align: center;
	margin: 10px auto 20px;
}


.client-serve-sdgs-jobmaps .SdgsJobmaps-sec p {
	margin-bottom: 16px;
}

.client-serve-sdgs-jobmaps .nav {
	text-align: center;
}

.client-serve-sdgs-jobmaps .nav a {
    text-decoration: none;
}

.client-serve-sdgs-jobmaps .nav .block {
	display: inline-flex;
	width: 100%;
	margin: 4px 0;
}

.client-serve-sdgs-jobmaps .nav .block .sdgsnav {
	width: 100%;
	height: 50px;
	font-size: 16px;
	color:#fff;
	line-height: 1.4;
	text-align: center;
	background: #6390C6;
	position: relative;
}

.client-serve-sdgs-jobmaps .nav .block .ttl {
	width: 100%;
	height: 50px;
	display: block;
	font-size: 16px;
	color:#fff;
	line-height: 1.4;
	text-align: center;
}

.client-serve-sdgs-jobmaps .nav .block .spt16 {
	padding-top:16px;
}
.client-serve-sdgs-jobmaps .nav .block .spt5 {
	padding-top:5px;
}

.client-serve-sdgs-jobmaps .nav .block .ttl span {
	display: block;
	font-size: 12px;
}

.client-serve-sdgs-jobmaps .nav .block a:hover {
	text-decoration: none;
	opacity:1;
}
.client-serve-sdgs-jobmaps .nav .block a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 14px;
    background: url(../img/common/cmn_ico01_white.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 20px;
    right: 10px;
}

.client-serve-sdgs-jobmaps .news .nblock {
	width: 100%;
	padding: 20px 20px 10px 20px;
	background: #f2f2f2;
	margin-top: 40px;
}
.client-serve-sdgs-jobmaps .news .nblock .ttl {
	font-size: 20px;
}
.client-serve-sdgs-jobmaps .news .nbLists {
	padding-top: 0;
}
.client-serve-sdgs-jobmaps .news .nbLists li {
	padding: 15px 0 10px;
	}
.client-serve-sdgs-jobmaps .news .nbLists .date {
	margin-bottom: 2px;
	font-size: 12px;
	color: #404040;
}
.client-serve-sdgs-jobmaps .news .nbLists .txt {
	font-size: 14px;
}
.client-serve-sdgs-jobmaps .news .btn {
	margin-right: -10px;
}
.client-serve-sdgs-jobmaps .news .moreBtn a  {
	font-size: 14px;
}

.client-serve-sdgs-jobmaps .sec02 h2 {
    margin-top: 60px;
    margin-bottom: 18px;
}
.client-serve-sdgs-jobmaps .sec02 .icon {
    overflow: hidden;
}
.client-serve-sdgs-jobmaps .sec02 .icon img {
    float: left;
    margin-bottom: 1px;
    margin-right: 1.5px;
    margin-left: 1.5px;
}
.client-serve-sdgs-jobmaps .tworows {
	text-align: center;
	margin: 25px 0 25px;
}
.client-serve-sdgs-jobmaps .tworows img {
	padding: 5px 0;
	width: 90%;
	max-width: 324px;
}
.client-serve-sdgs-jobmaps .onerow {
	text-align: center;
	margin-top: 25px;
}

.client-serve-sdgs-jobmaps .gaiyouTable {
	margin-top: 10px;
}
.client-serve-sdgs-jobmaps td.title {
	width: 35%;
	background-color: #a1bcdd;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 14px;
}
.client-serve-sdgs-jobmaps td.contents {
	width: 65%;
	padding: 10px;
	font-size: 14px;
}
.client-serve-sdgs-jobmaps .SdgsJobmaps-sec a {
	color: #6390c6;
}
.client-serve-sdgs-jobmaps .sdgs-main {
	margin: 20px auto 40px;
	text-align: center;
}
.client-serve-sdgs-jobmaps .SdgsJobmaps-sec .professor , .sdgs-column-single .professor {
	border: solid 2px #8ea3c8;
	border-radius: 20px;
	padding: 10px 10px 0px 10px;
}
.client-serve-sdgs-jobmaps .SdgsJobmaps-sec .professor .name , .sdgs-column-single .professor .name {
	font-size: 20px;
	font-weight: bold;
	color: #8ea3c8;
	line-height: 30px;
	display: block;
}
.client-serve-sdgs-jobmaps .SdgsJobmaps-sec .professor .hicon , .sdgs-column-single .professor .hicon {
	margin-left: auto;
	right: 180px;
	width: 180px;
	margin-top: 10px;
}
.client-serve-sdgs-jobmaps .SdgsJobmaps-sec .professor .proimg , .sdgs-column-single .professor .proimg {
	padding: 10px 0px 0 0px;
	text-align: center;
}
.client-serve-sdgs-jobmaps .SdgsJobmaps-sec .professor .txt , .sdgs-column-single .professor .txt {
	margin-top:10px;
}
.client-serve-sdgs-jobmaps .SdgsJobmaps-sec .instructor , .sdgs-column-single .instructor {
	border: solid 2px #ed9d59;
	border-radius: 20px;
	padding: 10px 10px 0px 10px;
}
.client-serve-sdgs-jobmaps .SdgsJobmaps-sec .instructor .name , .sdgs-column-single .instructor .name {
	font-size: 20px;
	font-weight: bold;
	color: #ed9d59;
	line-height: 30px;
	display: block;
}
.client-serve-sdgs-jobmaps .SdgsJobmaps-sec .instructor .proimg , .sdgs-column-single .instructor .proimg {
	padding: 10px 0px 0 0px;
	text-align: center;
}
.client-serve-sdgs-jobmaps .SdgsJobmaps-sec .instructor .txt , .sdgs-column-single .instructor .txt {
	margin-top:10px;
}
.client-serve-sdgs-jobmaps .SdgsJobmaps-sec .overview {
	padding: 20px;
}
.client-serve-sdgs-jobmaps .secContact01 a {
    color: #fff;
}

@media print, screen and (min-width: 737px) {
	.client-serve-sdgs-jobmaps .nav .block {
		display: inline-flex;
		width: 31.9%;
		margin: 0 4px;
	}
	.client-serve-sdgs-jobmaps .nav .block .sdgsnav {
		width: 100%;
		height: 80px;
	}
	.client-serve-sdgs-jobmaps .nav .block .ttl {
		width: 270px;
		height: 80px;
		display: table-cell;
		font-size: 20px;
	}
	.client-serve-sdgs-jobmaps .nav .block .spt16 {
		padding-top:0px;
	}
	.client-serve-sdgs-jobmaps .nav .block .spt5 {
		padding-top:0px;
	}
	.client-serve-sdgs-jobmaps .nav .block .ttl span {
		font-size: 14px;
	}
	.client-serve-sdgs-jobmaps .nav .block a:hover {
		text-decoration: none;
		opacity:0.7;
	}
	.client-serve-sdgs-jobmaps .nav .block a:after {
		position: absolute;
		top: 30px;
		right: 15px;
	}
	.client-serve-sdgs-jobmaps .nav .block a:after {
		width: 8px;
		height: 15px;
	}
	.client-serve-sdgs-jobmaps .news .nblock {
		width: 810px;
		margin-left: 5px;
	}
	.client-serve-sdgs-jobmaps .news .nblock .ttl {
		font-size: 24px;
	}
	.client-serve-sdgs-jobmaps .news .nbLists .date {
		font-size: 14px;
	}
	.client-serve-sdgs-jobmaps .news .btn {
		margin-right: -10px;
	}
	.client-serve-sdgs-jobmaps .sec02 .icon img {
		float: left;
		margin-bottom: 1px;
		margin-right: 1.8px;
		margin-left: 1.8px;
	}
	.client-serve-sdgs-jobmaps .tworows img {
		margin: 0 10px;
		padding: 15px 0;
		width: 324px;
	}
	.client-serve-sdgs-jobmaps td.title {
		width: 200px;
	}
	.client-serve-sdgs-jobmaps td.contents {
		width: 580px;
		padding: 0 20px;
	}
	.client-serve-sdgs-jobmaps .sdgs-main {
		margin: 20px auto 40px;
	}
	.client-serve-sdgs-jobmaps .SdgsJobmaps-sec .professor , .sdgs-column-single .professor {
		padding: 10px 20px 0px 20px;
		overflow: hidden;
	}
	.client-serve-sdgs-jobmaps .SdgsJobmaps-sec .professor .name , .sdgs-column-single .professor .name {
		display: flex;
	}
	.client-serve-sdgs-jobmaps .SdgsJobmaps-sec .professor .proimg , .sdgs-column-single .professor .proimg {
		float: right;
		padding: 18px 0px 0 10px;
	}
	.client-serve-sdgs-jobmaps .SdgsJobmaps-sec .instructor , .sdgs-column-single .instructor {
		padding: 10px 20px 0px 20px;
		overflow: hidden;
	}
	.client-serve-sdgs-jobmaps .SdgsJobmaps-sec .instructor .proimg , .sdgs-column-single .instructor .proimg {
		float: left;
		padding: 40px 10px 20px 0px;
	}
}

/*-------------------------------------------------------------------
    client / serve / sdgs / jobmaps / slick
-------------------------------------------------------------------*/
.client-serve-sdgs-jobmaps .sec02 .slick_container
{
    position: relative;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    }

.client-serve-sdgs-jobmaps .sec02 h2 {
  margin-bottom: 18px;
}

.client-serve-sdgs-jobmaps .sec02 .slick-prev, .client-serve-sdgs-jobmaps .sec02 .slick-next {
  top: 13vw;
  transform: translateY(-50%);
  width: 12px;
  height: 26px;
  z-index: 888;
}

.client-serve-sdgs-jobmaps .sec02 .slick-prev:before, .client-serve-sdgs-jobmaps .sec02 .slick-next:before {
  content: normal;
}

.client-serve-sdgs-jobmaps .sec02 .slick-next {
  right: -20px;
  background: url(../img/top/arrow01_right.png) no-repeat;
  background-size: contain;
}

.client-serve-sdgs-jobmaps .sec02 .slick-prev {
  left: -20px;
  background: url(../img/top/arrow01_left.png) no-repeat;
  background-size: contain;
}

.client-serve-sdgs-jobmaps .sec02 .more {
  text-align: right;
  font-size: 16px;
  margin-right: 2.71%;
}

.client-serve-sdgs-jobmaps .sec02 .more:before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 11px;
  background: url(../img/common/cmn_ico03.png) no-repeat;
  background-size: 100%;
  margin: auto 3px -1px 0;
}

.client-serve-sdgs-jobmaps .sc2Slider li {
  padding: 0 5px;
}

.client-serve-sdgs-jobmaps .sc2Slider li a {
  display: block;
  text-decoration: none;
}
.client-serve-sdgs-jobmaps .slick-slide .icon img {
    display: inline;
    margin-top: 3px;
}

@media print, screen and (min-width: 737px) {
  .client-serve-sdgs-jobmaps .sc2Slider li a:hover h4 {
    color: #6390c6;
  }
}

.client-serve-sdgs-jobmaps .sc2Slider .image {
  position: relative;
  margin-bottom: 5px !important;
}

.client-serve-sdgs-jobmaps .sc2Slider h4 {
  text-decoration: underline;
  margin-bottom: 10px;
    margin-top: 10px;
    font-size: 14px;
}

.client-serve-sdgs-jobmaps .sc2Slider .date {
  color: #999;
    font-size: 12px;
}

.client-serve-sdgs-jobmaps .sc2Slider [class*="badge"]:after {
  content: "";
  display: block;
  position: absolute;
 .client-serve-sdgs-jobmaps: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
}

.client-serve-sdgs-jobmaps .sc2Slider .badge01:after {
  background: url(../img/common/cmn_badge01.png) no-repeat;
  background-size: contain;
}

.client-serve-sdgs-jobmaps .sc2Slider .badge02:after {
  height: 60px;
  background: url(../img/common/cmn_badge02.png) no-repeat;
  background-size: contain;
  top: 0;
}

.client-serve-sdgs-jobmaps .sc2Slider .badge03:after {
  background: url(../img/common/cmn_badge03.png) no-repeat;
  background-size: contain;
}

@media print, screen and (min-width: 737px) {
  .client-serve-sdgs-jobmaps .sec02 {
    margin-top: 60px;
  }
    .client-serve-sdgs-jobmaps .sec02 .slick_container
    {
        margin-top: 27px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
        width: 810px;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 10px;
        overflow: hidden;
    }
    .client-serve-sdgs-jobmaps .sec02 .slick_container .slick-slider
    {
        margin-left: 0;
        margin-right: 0;
    }
  .client-serve-sdgs-jobmaps .sec02 .slick-prev, .client-serve-sdgs-jobmaps .sec02 .slick-next {
    top: 110px;
    width: 12px;
    height: 26px;
  }
  .client-serve-sdgs-jobmaps .sec02 .slick-next {
    right: -20px;
  }
  .client-serve-sdgs-jobmaps .sec02 .slick-prev {
    left: -20px;
  }
  .client-serve-sdgs-jobmaps .sec02 .more {
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }
  .client-serve-sdgs-jobmaps .sec02 .more:before {
    width: 16px;
    height: 22px;
    vertical-align: middle;
    background: url(../img/common/cmn_ico03.png) no-repeat;
    background-size: contain;
  }
  .client-serve-sdgs-jobmaps .sc2Slider li {
    padding: 0 10px 0 10px;
  }
  .client-serve-sdgs-jobmaps .sc2Slider .image {
    position: relative;
    margin-bottom: 5px !important;
  }
  .client-serve-sdgs-jobmaps .sc2Slider h4 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .client-serve-sdgs-jobmaps .sc2Slider [class*="badge"]:after {
    width: 57px;
    height: 57px;
  }
  .client-serve-sdgs-jobmaps .sc2Slider .badge02:after {
    height: 88px;
  }
}

/*-------------------------------------------------------------------
    sdgs / news-list
-------------------------------------------------------------------*/
.sdgs-news-list .articleLists {
  border-top: 3px solid #6390c6;
}

.sdgs-news-list .leadText {
  margin-top: 20px;
  margin-bottom: 11px;
}

.sdgs-news-list article {
  padding: 18px 0 12px;
  border-bottom: 1px solid #e2e2e2;
}

.sdgs-news-list article .date {
  color: #282a32;
  margin-bottom: 4px;
  line-height: 1;
}

.sdgs-news-list article .ttl {
  color: #6390c6;
  text-decoration: underline;
}

.sdgs-news-list .pager {
  padding: 100px 0 0;
}

.sdgs-news-list .year {
  margin: 40px 0 0;
}

.sdgs-news-list .year ul {
    overflow: hidden;
    text-align: left;
}
.sdgs-news-list .year li {
    float: left;
    width: 45vw;
    margin:0 2vw 10px 1vw;
    padding: 5px 0px;
    text-align: center;
    color: #FFF;
    border: 2px solid #6390c6;
    background: #6390c6;
}

.sdgs-news-list .year li:nth-child(2n) {
    margin-right: 0vw;
}
.sdgs-news-list .year .current {
    color: #6390c6;
    border: 2px solid #6390c6;
    background: #FFF;
}
.sdgs-news-list .year li a {
   display: block;
   text-decoration: none;
}

@media print, screen and (min-width: 737px) {
  .sdgs-news-list h1 {
    padding-bottom: 40px;
  }
  .sdgs-news-list .leadText {
    margin-top: 0;
    margin-bottom: 13px;
  }
  .sdgs-news-list .articleLists {
    padding-top: 29px;
  }
  .sdgs-news-list article {
    padding: 18px 0 18px 21px;
  }
  .sdgs-news-list article .date {
    margin-bottom: 12px;
  }
  .sdgs-news-list article .ttl a {
    display: inline-block;
    padding-bottom: 1px;
    text-decoration: none;
  }
  .sdgs-news-list article .ttl a:hover {
    text-decoration: underline;
  }
  .sdgs-news-list article:first-child {
    padding-top: 0;
  }
  .sdgs-news-list .pager {
    padding: 60px 0 0;
  }
  .sdgs-news-list #footer {
    margin-top: 132px;
  }
  .sdgs-news-list .year li {
    display: inline-block;
    float: none;
    width: 154px;
    margin:0 8px 10px 0;
    padding: 0;
    text-align: center;
    border: none;
    background: none;
  }
.sdgs-news-list .year li:nth-child(2n) {
    margin-right: 8px;
}
.sdgs-news-list .year li:nth-child(5n) {
    margin-right: 0vw;
}
  .sdgs-news-list .year li a {
    width: 156px;
    padding: 5px 0px;
    color: #FFF;
    border: 2px solid #6390c6;
    background: #6390c6;
  }
  .sdgs-news-list .year .current {
    border: none;
    background: none;
  }
  .sdgs-news-list .year .current a {
    color: #6390c6;
    border: 2px solid #6390c6;
    background: #FFF;
  }
  .sdgs-news-list .year li a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

/*-------------------------------------------------------------------
    sdgs / news / single
-------------------------------------------------------------------*/
.sdgs-news-single h1 {
  padding-bottom: 27px;
}

.sdgs-news-single .newsSubTitle {
  font-size: 20px;
  color: #e77c22;
}

.sdgs-news-single .articleHeader {
  margin-bottom: 20px;
}

.sdgs-news-single .articleHeader dd {
  margin-top: 24px;
}

.sdgs-news-single .image {
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.sdgs-news-single h2 {
  margin-top: 40px;
  margin-bottom: 20px;
}

@media print, screen and (min-width: 737px) {
  .sdgs-news-single h2 {
    margin-top: 20px;
  }
}

.sdgs-news-single .infomationBox {
  margin-top: 30px;
}

.sdgs-news-single .infomationBox .bold {
  line-height: 1.3;
  margin-bottom: 5px;
}
.sdgs-news-single .secContact01 a {
    color: #fff;
}
.sdgs-news-single .news-list {
    display: block;
    margin: 40px auto 40px;
}

.sdgs-news-single .news-list a {
    width: auto;
    padding: 5px 0px;
    color: #FFF;
    border: 2px solid #6390c6;
    background: #6390c6;
}

.sdgs-news-single .news-list a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 14px;
    background: url(../img/common/cmn_ico01_white.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 10px;
    right: 10px;
}

@media print, screen and (min-width: 737px) {
  .sdgs-news-single .newsSubTitle {
    font-size: 26px;
  }
  .sdgs-news-single .articleHeader {
    margin-bottom: 10px;
    margin-top: 24px;
  }
  .sdgs-news-single .articleHeader dt {
    margin-bottom: 30px;
  }
  .sdgs-news-single [class^="sec"] {
    padding-top: 40px;
  }
  .sdgs-news-single .infomationBox {
    margin-top: 64px;
  }
  .sdgs-news-single .image {
    width: auto;
  }
  .sdgs-news-single .sec01 {
    margin-top: 14px;
  }
  .sdgs-news-single .news-list {
      margin: 40px auto 0;
  }
  .sdgs-news-single .news-list a {
      width: 160px;
  }
  .sdgs-news-single .news-list a:after {
      width: 8px;
      height: 15px;
  }
}

/*-------------------------------------------------------------------
    sdgs / column-list
-------------------------------------------------------------------*/
.sdgs-column-list .categoryList .categoryTitle {
	padding: 10px 10px;
	background: #6390C6;
	color: #fff;
	text-align: left;
	font-size: 18px;
	position: relative;

}
.sdgs-column-list .categoryList .categoryTitle span {
	position: absolute;
	right: 10px;
}

.sdgs-column-list .categoryList .categoryTitle .all {
	display: block;
	font-size: 14px;
	background: #fff;
	color: #6390C6;
	padding: 2px 10px;
	border-radius: 5px;
	text-decoration: none;
}

.sdgs-column-list .categoryList .goals {
	padding: 10px 10px;
	border: solid 1px #6390C6;
	text-align: left;
}

.sdgs-column-list .categoryList .goals li {
	display: inline-block;
	margin: 5px 2px;
}

.sdgs-column-list .categoryList .goals img {
	width: 15.7vw;
	max-width: 68px;
}

@media print, screen and (max-width: 374px) {
.sdgs-column-list .categoryList .goals img {
	width: 15.1vw;
  }
}

.sdgs-column-list .SdgsColumnList-sec .clientServeSdgs-ttl03 {
    margin: 60px 0 10px;
}

.sdgs-column-list .SdgsColumnList-sec .count{
	text-align: right;
	margin-bottom: 5px;
	margin-right: 2px;
}

.sdgs-column-list .SdgsColumnList-sec #articleList {
	text-align: left;
}

.sdgs-column-list .SdgsColumnList-sec #articleList li {
	display: inline-block;
	margin-right: 0px;
	margin-bottom: 10px;
	border: solid 1px #707070;
	position: relative;
}

.sdgs-column-list .SdgsColumnList-sec #articleList li a{
	width: 100%;
	padding: 10px;
	display: block;
	text-decoration: none;
}

.sdgs-column-list .SdgsColumnList-sec #articleList li a .title{
    margin-bottom: 5px;
    color: #6390c6;
    text-align: left;
    display: block;
}

.sdgs-column-list .SdgsColumnList-sec #articleList li .img{
    text-align: center;
    margin-bottom: 5px;
}

.sdgs-column-list .SdgsColumnList-sec #articleList li .icon {
    overflow: hidden;
}

.sdgs-column-list .SdgsColumnList-sec #articleList li .icon img {
    float: left;
    margin-bottom: 4px;
    margin-right: 2px;
    margin-left: 2px;
}

.sdgs-column-list .SdgsColumnList-sec #articleList li .txt {
    line-height: 22px;
    margin: 5px 0 40px;
}

.sdgs-column-list .SdgsColumnList-sec #articleList li .date {
    position: absolute;
    right: 10px;
    bottom: 5px;
}

.sdgs-column-list .SdgsColumnList-sec #articleList li a:hover {
  text-decoration: none;
}

@media print, screen and (min-width: 737px) {
	.sdgs-column-list .categoryList .categoryTitle {
		text-align: center;
	}
	.sdgs-column-list .categoryList .categoryTitle span a:hover {
		color: #89B4E6;
	}
	.sdgs-column-list .categoryList .goals li {
		width: auto;
		margin: 5px 4px;
	}
	.sdgs-column-list .SdgsColumnList-sec #articleList li a:hover .title {
		text-decoration: underline;
	}
	.sdgs-column-list .SdgsColumnList-sec #articleList li {
		margin-right: 7px;
	}
	.sdgs-column-list .SdgsColumnList-sec #articleList li:nth-child(3n) {
		margin-right: 0px;
	}
	.sdgs-column-list .SdgsColumnList-sec #articleList li a{
		width: 264px;
		padding: 10px;
	}
	.sdgs-column-list .SdgsColumnList-sec #articleList li .txt {
		margin: 5px 0 25px;
	}
}

/*-------------------------------------------------------------------
    sdgs / column / single
-------------------------------------------------------------------*/
.sdgs-column-single h1 {
  padding-bottom: 27px;
}

.sdgs-column-single .CategoryIcon {
  margin-bottom: 20px;
}

.sdgs-column-single .CategoryIcon img {
  margin-bottom: 5px;
  width: 55px;
}

.sdgs-column-single .newsSubTitle {
  font-size: 20px;
  color: #e77c22;
}

.sdgs-column-single .articleHeader {
  margin-bottom: 20px;
}

.sdgs-column-single .articleHeader dd {
  margin-top: 24px;
}

.sdgs-column-single .image {
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.sdgs-column-single h2 {
  margin-top: 40px;
  margin-bottom: 20px;
}

.sdgs-column-single .secContact01 h2 {
  margin-top: 40px;
  margin-bottom: 20px;
}

.sdgs-column-single .sdgsInquiries {
	margin: 20px 0;
	padding: 15px;
	border: #01aeef solid 2px;
}

.sdgs-column-single .sdgsInquiries span{
	display: block;
}

.sdgs-column-single .one {
    color: #eb1b2b;
    font-weight: bold;
}
.sdgs-column-single .two {
    color: #d19f28;
    font-weight: bold;
}
.sdgs-column-single .three {
    color: #259b47;
    font-weight: bold;
}
.sdgs-column-single .four {
    color: #c21f32;
    font-weight: bold;
}
.sdgs-column-single .five {
    color: #ef3e29;
    font-weight: bold;
}
.sdgs-column-single .six {
    color: #00add9;
    font-weight: bold;
}
.sdgs-column-single .seven {
    color: #fcb615;
    font-weight: bold;
}
.sdgs-column-single .eight {
    color: #a21942;
    font-weight: bold;
}
.sdgs-column-single .nine {
    color: #fd6925;
    font-weight: bold;
}
.sdgs-column-single .ten {
    color: #e11484;
    font-weight: bold;
}
.sdgs-column-single .eleven {
    color: #fd9d24;
    font-weight: bold;
}
.sdgs-column-single .twelve {
    color: #cf8d29;
    font-weight: bold;
}
.sdgs-column-single .thirteen {
    color: #46763b;
    font-weight: bold;
}
.sdgs-column-single .fourteen {
    color: #007cbb;
    font-weight: bold;
}
.sdgs-column-single .fifteen {
    color: #3eaf49;
    font-weight: bold;
}
.sdgs-column-single .sixteen {
    color: #01558a;
    font-weight: bold;
}
.sdgs-column-single .seventeen {
    color: #183567;
    font-weight: bold;
}

.sdgs-column-single .feature {
    
}

.sdgs-column-single .feature ul {
    display: block;
}

.sdgs-column-single .feature li {
    width: 100%;
    margin: 10px 0px;
    border: solid 1px #b5b5b5;
    border-radius: 5px;
}

.sdgs-column-single .feature li p {
    text-align: center;
    padding: 10px 0;
    background: #6390c6;
    color: #fff;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.2em;
}

.sdgs-column-single .feature li span {
    display: block;
    padding: 10px 10px ;
}

@media print, screen and (min-width: 737px) {
  .sdgs-column-single h2 {
    margin-top: 50px;
  }
  .sdgs-column-single .CategoryIcon img {
    width: auto;
  }
  .sdgs-column-single .sdgsInquiries span{
  	display: inline;
	margin-left:10px;
  }

.sdgs-column-single .feature {
    
}

.sdgs-column-single .feature ul {
    display: flex;
}

.sdgs-column-single .feature li {
    width: 20%;
    margin: 20px 5px;
    border: solid 1px #b5b5b5;
    border-radius: 5px;
}

.sdgs-column-single .feature li p {
    text-align: center;
    padding: 10px 0;
    background: #6390c6;
    color: #fff;
    margin-bottom: 0;
}

.sdgs-column-single .feature li span {
    display: block;
    padding: 10px 10px ;
}

}

.sdgs-column-single .infomationBox {
  margin-top: 30px;
}

.sdgs-column-single .infomationBox .bold {
  line-height: 1.3;
  margin-bottom: 5px;
}
.sdgs-column-single .secContact01 a {
    color: #fff;
}
.sdgs-column-single .column-list {
    display: block;
    margin: 40px auto 40px;
}

.sdgs-column-single .column-list a {
    width: auto;
    padding: 5px 0px;
    color: #FFF;
    border: 2px solid #6390c6;
    background: #6390c6;
}

.sdgs-column-single .column-list a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 14px;
    background: url(../img/common/cmn_ico01_white.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 10px;
    right: 10px;
}

@media print, screen and (min-width: 737px) {
  .sdgs-column-single .newsSubTitle {
    font-size: 26px;
  }
  .sdgs-column-single .articleHeader {
    margin-bottom: 10px;
    margin-top: 24px;
  }
  .sdgs-column-single .articleHeader dt {
    margin-bottom: 30px;
  }
  .sdgs-column-single [class^="sec"] {
    padding-top: 40px;
  }
  .sdgs-column-single .infomationBox {
    margin-top: 64px;
  }
  .sdgs-column-single .image {
    width: auto;
  }
  .sdgs-column-single .sec01 {
    margin-top: 14px;
  }
  .sdgs-column-single .column-list {
      margin: 40px auto 0;
  }
  .sdgs-column-single .column-list a {
      width: 160px;
  }
  .sdgs-column-single .column-list a:after {
      width: 8px;
      height: 15px;
  }
}

/*-------------------------------------------------------------------
    sdgs / column / chart
-------------------------------------------------------------------*/
.client-serve-sdgs-chart .lead01 {
  margin-top: 20px;
}
.client-serve-sdgs-chart .chart-main {
  margin-top: 40px;
}

.client-serve-sdgs-chart area{
  border:none;
  outline:none;
}

.client-serve-sdgs-chart .SdgsChart-sec .block {
  margin-top: 20px;
  padding: 20px;
  border: solid 3px #6390c6;
}

.client-serve-sdgs-chart .SdgsChart-sec .block .caption {
    position: relative;
}

.client-serve-sdgs-chart .SdgsChart-sec .block .img {
    position: absolute;
    right: 0;
    top: 42%;
}

.client-serve-sdgs-chart .SdgsChart-sec .block .title {
    width: 100%;
    padding: 8px 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #6390c6;
    border-radius: 5px;
}

.client-serve-sdgs-chart .SdgsChart-sec .block .lead {
    margin: 10px 0 25px;
    padding-right: 95px;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .lead_e {
    margin: 10px 0 25px;
    padding-right: 0px;
}
.client-serve-sdgs-chart .SdgsChart-sec .block li {
    margin-bottom: 20px;
    overflow: hidden;
}

.client-serve-sdgs-chart .SdgsChart-sec .block .iconimg {
    float: left;
    margin: 5px 10px 6px 0px;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .one {
    color: #eb1b2b;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .two {
    color: #d19f28;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .three {
    color: #259b47;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .four {
    color: #c21f32;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .five {
    color: #ef3e29;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .six {
    color: #00add9;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .seven {
    color: #fcb615;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .eight {
    color: #a21942;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .nine {
    color: #fd6925;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .ten {
    color: #e11484;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .eleven {
    color: #fd9d24;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .twelve {
    color: #cf8d29;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .thirteen {
    color: #46763b;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .fourteen {
    color: #007cbb;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .fifteen {
    color: #3eaf49;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .sixteen {
    color: #01558a;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .seventeen {
    color: #183567;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .all {
    color: #6390c6;
    font-weight: bold;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .txt {
	clear: both;
	margin-top: 6px;
}

.client-serve-sdgs-chart .SdgsChart-sec .block .button {
    position: relative;
}

.client-serve-sdgs-chart .SdgsChart-sec .block .button a {
	width: 160px;
	padding: 4px 0;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #6390c6;
	border-radius: 10px;
	display: block;
	margin: auto;
	text-decoration: none;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .button a span {
	font-size: 24px;
}

.client-serve-sdgs-chart .SdgsChart-sec .block .img_e {
	text-align: center;
	margin: 20px 0;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .note {
	margin: 20px 0;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .button .jobmapslink {
	width: 80%;
	padding: 18px 0;
	font-size: 16px;
	border-radius: 0;
}

.client-serve-sdgs-chart .SdgsChart-sec .block .button .jobmapslink:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 14px;
    background: url(../img/common/cmn_ico01_white.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 40%;
    right: 20%;
}

@media print, screen and (min-width: 737px) {
.client-serve-sdgs-chart .SdgsChart-sec .block {
  margin-top: 40px;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .title {
	width: 360px;
	font-size: 18px;
	}
.client-serve-sdgs-chart .SdgsChart-sec .block .img {
    top: 12px;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .iconimg {
    float: left;
    margin: 5px 10px 80px 0px;
}

.client-serve-sdgs-chart .SdgsChart-sec .block .iconfifteen {
    margin: 5px 10px 105px 0px;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .iconall {
    margin: 5px 10px 50px 0px;
}

.client-serve-sdgs-chart .SdgsChart-sec .block .txt {
	clear: none;
	margin-top: 0px;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .button a:hover {
	opacity: 0.7;
	text-decoration: none;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .button .jobmapslink {
	width: 260px;
	padding: 18px 0;
	font-size: 16px;
	border-radius: 0;
}
.client-serve-sdgs-chart .SdgsChart-sec .block .button .jobmapslink:after {
    width: 8px;
    height: 15px;
    position: absolute;
    top: 24px;
    right: 254px;
}
}