@charset "UTF-8";
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Master Style CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* ---------------------------------------------------------------------------
BEM記述方法のマニュアル的なもの
https://qiita.com/Takuan_Oishii/items/0f0d2c5dc33a9b2d9cb1

フォントサイズの単位は、pxではなく、remを使ってください。
--------------------------------------------------------------------------- */
/* CSS Import */
@import url("https://fonts.googleapis.com/css2?family=Oswald&family=Roboto:wght@100;300;400;500;700&display=swap");
/* Settings */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Variables CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* Variables - グローバル変数の定義
-------------------------------------------- */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

FUNCTIONS CSS function & mixin

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* Responsive
-------------------------------------------- */
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Common CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* Common
-------------------------------------------- */
.recruit-entry__link, .news-detail__btn, .service-ntroduction__link {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em; }

.recruit-entry__link, .news-detail__btn, .service-ntroduction__link {
  display: block;
  position: relative;
  width: 100%;
  max-width: 300px;
  color: #FFF;
  font-size: 14px;
  line-height: 1.2;
  font-weight: bold;
  padding: 15px 70px 15px 30px;
  margin: 0 auto;
  transition: background .3s ease-in-out; }
  @media (max-width: 600px) {
    .recruit-entry__link, .news-detail__btn, .service-ntroduction__link {
      width: 60vw;
      max-width: none;
      font-size: 13px; } }
  .recruit-entry__link::before, .news-detail__btn::before, .service-ntroduction__link::before, .recruit-entry__link::after, .news-detail__btn::after, .service-ntroduction__link::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 40px;
    height: 11px;
    margin: -6px 0 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
  .recruit-entry__link::after, .news-detail__btn::after, .service-ntroduction__link::after {
    right: 55px;
    width: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: right 0.3s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  .recruit-entry__link:hover, .news-detail__btn:hover, .service-ntroduction__link:hover {
    background: #4268D9; }
    .recruit-entry__link:hover::before, .news-detail__btn:hover::before, .service-ntroduction__link:hover::before {
      width: 0;
      transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .recruit-entry__link:hover::after, .news-detail__btn:hover::after, .service-ntroduction__link:hover::after {
      right: 15px;
      width: 40px;
      transition: right 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }

.news-detail__back-btn {
  display: block;
  position: relative;
  width: 100%;
  max-width: 240px;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  text-align: right;
  padding: 15px 30px 15px 70px;
  margin: 0 auto;
  background: #4268D9;
  transition: background .3s ease-in-out; }
  .news-detail__back-btn::before, .news-detail__back-btn::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 15px;
    width: 40px;
    height: 11px;
    margin: -6px 0 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transform: scaleX(-1);
    transition: width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
  .news-detail__back-btn::after {
    left: 55px;
    width: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: left 0.3s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  .news-detail__back-btn:hover {
    background: #4268D9; }
    .news-detail__back-btn:hover::before {
      width: 0;
      transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .news-detail__back-btn:hover::after {
      left: 15px;
      width: 40px;
      transition: left 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }

.recruit-entry__link {
  max-width: 220px;
  background: #4268D9; }
  .recruit-entry__link:hover {
    background: #4268D9;
    color: #FFF; }
  @media (max-width: 1270px) {
    .recruit-entry__link {
      min-height: 40px;
      max-width: 180px; } }
  @media (max-width: 600px) {
    .recruit-entry__link {
      max-width: 50%;
      min-height: 1px;
      padding: 15px 50px 15px 15px; }
      .recruit-entry__link::before {
        width: 20px; } }

.pagetop {
  display: inline-block;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 101; }
  .pagetop a {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4167D8;
    color: #fff;
    text-align: center; }

/*@import './settings/animation';*/
/* Plugin */
/* Pages */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

br CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media (max-width: 900px) {
  .br__pc {
    display: none; } }
@media (max-width: 600px) {
  .br__pc-tb {
    display: none; } }
@media (max-width: 900px) {
  .br__pc-sp {
    display: none; } }
@media (max-width: 600px) {
  .br__pc-sp {
    display: block; } }
.br__tb {
  display: none; }
  @media (max-width: 900px) {
    .br__tb {
      display: block; } }
  @media (max-width: 600px) {
    .br__tb {
      display: none; } }
.br__tb-sp {
  display: none; }
  @media (max-width: 900px) {
    .br__tb-sp {
      display: block; } }
.br__sp {
  display: none; }
  @media (max-width: 600px) {
    .br__sp {
      display: block; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

compliance CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.compliance-list__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 100px; }
  @media (max-width: 900px) {
    .compliance-list__inner {
      padding: 0 20px 10vw; } }
  @media (max-width: 600px) {
    .compliance-list__inner {
      padding: 0 15px 15vw; } }
.compliance-list__list {
  display: flex;
  flex-wrap: wrap; }
.compliance-list__item {
  width: calc(33.333% - 20px);
  margin: 0 30px 30px 0;
  border: solid 1px #CCC;
  position: relative; }
  .compliance-list__item::before {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    background: #4066D8;
    position: absolute;
    top: 0;
    left: 0; }
  .compliance-list__item:nth-child(3n) {
    margin-right: 0; }
  @media (max-width: 600px) {
    .compliance-list__item {
      width: 100%;
      margin-right: 0; } }
.compliance-list__link {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 25px 25px 50px;
  position: relative;
  transition: opacity .3s ease-in-out; }
  @media (max-width: 600px) {
    .compliance-list__link {
      padding: 15px 15px 40px; } }
  .compliance-list__link::before, .compliance-list__link::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 25px;
    right: 25px;
    width: 26px;
    height: 11px;
    margin: -6px 0 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
    @media (max-width: 600px) {
      .compliance-list__link::before, .compliance-list__link::after {
        bottom: 15px; } }
  .compliance-list__link::after {
    right: 41px;
    width: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: right 0.3s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  .compliance-list__link:hover {
    opacity: .7; }
    .compliance-list__link:hover::before {
      width: 0;
      transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .compliance-list__link:hover::after {
      right: 25px;
      width: 26px;
      transition: right 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
.compliance-list__ttl {
  font-size: 18px;
  font-weight: bold;
  margin: 27px 0 0; }
  @media (max-width: 600px) {
    .compliance-list__ttl {
      font-size: 16px; } }
.compliance-list__txt {
  font-size: 15px;
  margin: 20px 0 0; }
  @media (max-width: 600px) {
    .compliance-list__txt {
      font-size: 14px; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

case-study CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.contents-body-1370 {
  max-width: 1370px;
  margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    .contents-body-1370 {
      max-width: none;
      width: 90%; } }

.contents-lead-head {
  max-width: 1370px;
  margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    .contents-lead-head {
      max-width: none;
      width: 90%; } }
  .contents-lead-head__inner {
    padding: 0 0 70px;
    text-align: center; }
    @media only screen and (max-width: 414px) {
      .contents-lead-head__inner {
        padding: 0 0 35px; } }
  .contents-lead-head__ttl {
    font-size: 20px;
    font-weight: 500; }
    @media only screen and (max-width: 768px) {
      .contents-lead-head__ttl {
        font-size: 3vw; } }
    @media only screen and (max-width: 414px) {
      .contents-lead-head__ttl {
        font-size: 4vw;
        text-align: left; } }
  .contents-lead-head__sp-br-no {
    display: none; }
    @media only screen and (max-width: 768px) {
      .contents-lead-head__sp-br-no {
        display: block; } }
    @media only screen and (max-width: 414px) {
      .contents-lead-head__sp-br-no {
        display: none; } }
    .contents-lead-head__sp-br-no--disp {
      display: block; }
      @media only screen and (max-width: 414px) {
        .contents-lead-head__sp-br-no--disp {
          display: none; } }
  .contents-lead-head__main-txt-warp {
    max-width: 840px;
    padding: 0 20px;
    margin: 0 auto 50px; }
    @media (max-width: 600px) {
      .contents-lead-head__main-txt-warp {
        padding: 0; } }
    .contents-lead-head__main-txt-warp--top {
      max-width: 840px;
      padding: 0 20px;
      margin: 0 auto 50px; }
      @media (max-width: 600px) {
        .contents-lead-head__main-txt-warp--top {
          padding: 0 15px; } }
  .contents-lead-head__main-center-ttl {
    box-sizing: border-box;
    width: 100%;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding: 0 20px 9px; }
    @media (max-width: 900px) {
      .contents-lead-head__main-center-ttl {
        font-size: 28px; } }
    @media (max-width: 600px) {
      .contents-lead-head__main-center-ttl {
        font-size: 20px; } }
    .contents-lead-head__main-center-ttl--noline {
      width: 100%;
      font-size: 36px;
      font-weight: bold;
      text-align: center;
      margin: 100px auto 60px; }
      @media (max-width: 900px) {
        .contents-lead-head__main-center-ttl--noline {
          font-size: 28px;
          margin: 10vw auto 60px; } }
      @media (max-width: 600px) {
        .contents-lead-head__main-center-ttl--noline {
          font-size: 20px;
          margin: 15vw auto 50px; } }
  .contents-lead-head__main-center-ttl-line {
    display: table;
    border-bottom: solid 2px #476DB4;
    margin: 0 auto 50px; }

.case-study-search--bottom100 {
  margin-bottom: 100px; }
.case-study-search__lead {
  		/*margin: -60px auto 0;
      	padding-top: 100px;*/ }
  @media only screen and (max-width: 768px) {
    .case-study-search__lead {
      margin: -6vw auto 0;
      padding-top: 6vw; } }
  @media only screen and (max-width: 414px) {
    .case-study-search__lead {
      margin: -9vw auto 0;
      padding-top: 9vw; } }
  .case-study-search__lead#case {
    margin: -100px;
    padding: 100px; }
.case-study-search__lead-ttl {
  text-align: center;
  font-size: 30px;
  font-weight: bold; }
  @media only screen and (max-width: 768px) {
    .case-study-search__lead-ttl {
      font-size: 4.2vw; } }
.case-study-search__lead-txt {
  max-width: 800px;
  margin: 0 auto 30px;
  font-size: 14px;
  text-align: center;
  line-height: 1.8; }
  @media only screen and (max-width: 768px) {
    .case-study-search__lead-txt {
      margin-top: 30px; } }
  @media only screen and (max-width: 414px) {
    .case-study-search__lead-txt {
      text-align: left; } }
.case-study-search__block {
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: #888 solid 1px; }
  .case-study-search__block:last-child {
    margin-bottom: 0; }
  .case-study-search__block--noline {
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: none; }
    .case-study-search__block--noline:last-child {
      margin-bottom: 0; }
.case-study-search__ttl-outer {
  position: relative;
  padding: 0; }
.case-study-search__ttl {
  padding: 20px 0 20px 20px;
  margin-bottom: 20px;
  font-size: 36px;
  border-left: #00A3D9 3px solid;
  line-height: 1; }
  @media only screen and (max-width: 768px) {
    .case-study-search__ttl {
      font-size: 5vw; } }
  .case-study-search__ttl--case-g {
    padding: 20px 0 20px 20px;
    margin-bottom: 20px;
    font-size: 36px;
    border-left: #00B2B2 3px solid;
    line-height: 1; }
    @media only screen and (max-width: 768px) {
      .case-study-search__ttl--case-g {
        font-size: 5vw; } }
  .case-study-search__ttl--case-p {
    padding: 20px 0 20px 20px;
    margin-bottom: 20px;
    font-size: 36px;
    border-left: #8D3A8D 3px solid;
    line-height: 1; }
    @media only screen and (max-width: 768px) {
      .case-study-search__ttl--case-p {
        font-size: 5vw; } }

.case-study-search-list {
  /*display: flex;
  justify-content: space-between;
  flex-wrap: wrap;*/
  width: calc(100% + 10px);
  overflow: hidden;
  /*&:before,&:after {
      content: "";
      display: block;
      width: 16.058%;
      height: 0;
  }
  &:before {
      order: 1;
  }*/ }
  .case-study-search-list__item-input {
    display: none; }
  .case-study-search-list__item {
    width: calc(16.6666% - 10px);
    padding: 4.7% 0 0;
    margin-bottom: 20px;
    display: flex;
    float: left;
    margin-right: 10px; }
    @media only screen and (max-width: 768px) {
      .case-study-search-list__item {
        width: calc(33.3333% - 10px);
        padding: 55px 0 0; } }
    @media only screen and (max-width: 600px) {
      .case-study-search-list__item {
        width: calc(50% - 10px); } }
    @media only screen and (max-width: 414px) {
      .case-study-search-list__item {
        padding: 9vw 0 0;
        margin-bottom: 10px; } }
  .case-study-search-list__item-one {
    width: calc(16.6666% - 10px);
    padding: 4.7% 0 0;
    margin-bottom: 20px;
    display: flex;
    float: left;
    margin-right: 10px; }
    @media only screen and (max-width: 768px) {
      .case-study-search-list__item-one {
        width: calc(33.3333% - 10px);
        padding: 55px 0 0; } }
    @media only screen and (max-width: 600px) {
      .case-study-search-list__item-one {
        width: calc(50% - 10px); } }
    @media only screen and (max-width: 414px) {
      .case-study-search-list__item-one {
        padding: 10vw 0 0;
        margin-bottom: 10px; } }
  .case-study-search-list__item-label {
    width: 100%; }
  .case-study-search-list__item-link {
    width: 100%;
    display: block;
    border: #CCC solid 1px;
    position: relative;
    padding: 55px 0 5px; }
    @media only screen and (max-width: 414px) {
      .case-study-search-list__item-link {
        padding: 9.5vw 0 5px; } }
    @media only screen and (max-width: 350px) {
      .case-study-search-list__item-link {
        padding: 8vw 0 5px; } }
    .case-study-search-list__item-link:hover .case-study-search-list__btn::before {
      right: 10px; }
  .case-study-search-list__item-link-one {
    width: 100%;
    display: block;
    border: #CCC solid 1px;
    position: relative;
    padding: 55px 0 5px; }
    @media only screen and (max-width: 414px) {
      .case-study-search-list__item-link-one {
        padding: 9.5vw 0 5px; } }
    @media only screen and (max-width: 350px) {
      .case-study-search-list__item-link-one {
        padding: 10vw 0 5px; } }
    .case-study-search-list__item-link-one.on-click {
      background: #EEE; }
    .case-study-search-list__item-link-one:hover .case-study-search-list__btn::before {
      right: 10px; }
  .case-study-search-list__item-icon {
    width: 110px;
    height: auto;
    margin: 0 auto;
    display: block;
    position: absolute;
    left: calc(50% - 55px);
    top: -55px; }
    @media only screen and (max-width: 414px) {
      .case-study-search-list__item-icon {
        width: 18vw;
        left: 50%;
        top: -50%;
        transform: translate(-50%, 40%); } }
  .case-study-search-list__item-icon-one {
    width: 110px;
    height: auto;
    margin: 0 auto;
    display: block;
    position: absolute;
    left: calc(50% - 55px);
    top: -55px; }
    @media only screen and (max-width: 414px) {
      .case-study-search-list__item-icon-one {
        width: 18vw;
        left: 50%;
        top: -50%;
        transform: translate(-50%, 25%); } }
  .case-study-search-list__item-txt {
    padding: 15px 0;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    letter-spacing: -0.5px; }
    @media only screen and (max-width: 414px) {
      .case-study-search-list__item-txt {
        font-size: 12px;
        padding: 8px 0; } }
  .case-study-search-list__item-txt-sub {
    display: block;
    font-size: 13px; }
    @media only screen and (max-width: 414px) {
      .case-study-search-list__item-txt-sub {
        font-size: 10px; } }
  .case-study-search-list__btn {
    display: block;
    background: #888;
    color: #FFF;
    margin: 0 5px;
    padding: 10px 30px 10px 10px;
    position: relative;
    font-size: 13px;
    letter-spacing: -0.2px; }
    @media only screen and (max-width: 414px) {
      .case-study-search-list__btn {
        font-size: 10px;
        padding: 5px 30px 5px 5px; } }
  .case-study-search-list__btn::before {
    content: "";
    display: block;
    background: url(../img/business/case-study/icon_arrow.png) center center no-repeat;
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: right ease .3s; }

.case-study-search-result {
  position: relative;
  margin: 100px 0; }
  @media only screen and (max-width: 414px) {
    .case-study-search-result {
      margin: 30px 0; } }
  .case-study-search-result::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #888; }
    @media only screen and (max-width: 768px) {
      .case-study-search-result::before {
        top: 32%; } }
    @media only screen and (max-width: 768px) {
      .case-study-search-result::before {
        display: none; } }
  .case-study-search-result__outer {
    width: auto;
    display: table;
    margin: 0 auto;
    padding: 0 30px;
    background: #FFF;
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 768px) {
      .case-study-search-result__outer {
        padding: 0 25px;
        width: 80%; } }
    @media only screen and (max-width: 414px) {
      .case-study-search-result__outer {
        padding: 0;
        width: 100%; } }
  .case-study-search-result__inner {
    width: auto;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    position: relative;
    z-index: 1;
    flex-wrap: wrap; }
    @media only screen and (max-width: 768px) {
      .case-study-search-result__inner {
        flex-direction: column; } }
    @media only screen and (max-width: 414px) {
      .case-study-search-result__inner {
        display: block; } }
  .case-study-search-result__left-case {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center; }
  .case-study-search-result__left-case-img {
    width: 80px; }
    @media only screen and (max-width: 414px) {
      .case-study-search-result__left-case-img {
        width: 50px; } }
  .case-study-search-result__left-case-name {
    font-size: 16px;
    padding: 0 0 0 20px;
    font-weight: bold; }
    @media only screen and (max-width: 414px) {
      .case-study-search-result__left-case-name {
        font-size: 14px;
        padding: 0 0 0 10px; } }
  .case-study-search-result__center-img {
    display: block;
    width: 27px;
    margin: 0 20px; }
    @media only screen and (max-width: 414px) {
      .case-study-search-result__center-img {
        padding: 10px 0;
        margin: 0 auto;
        width: 13px; } }
  .case-study-search-result__right-case {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center; }
  .case-study-search-result__right-case-img {
    width: 80px; }
    @media only screen and (max-width: 414px) {
      .case-study-search-result__right-case-img {
        width: 50px; } }
  .case-study-search-result__right-case-name {
    font-size: 16px;
    padding: 0 20px;
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      .case-study-search-result__right-case-name {
        padding-right: 0; } }
    @media only screen and (max-width: 414px) {
      .case-study-search-result__right-case-name {
        padding: 0 0 0 10px;
        font-size: 14px; } }
  @media only screen and (max-width: 768px) {
    .case-study-search-result__search-results {
      width: 100%;
      text-align: center;
      margin-top: 10px; } }
  @media only screen and (max-width: 414px) {
    .case-study-search-result__search-results {
      font-size: 18px; } }

.case-study-search-result-list__inner {
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .case-study-search-result-list__inner::after {
    display: block;
    content: "";
    width: calc(33.3333% - 20px); }
.case-study-search-result-list__box-link {
  display: block;
  transition: all ease .3s;
  opacity: 1; }
  .case-study-search-result-list__box-link:hover {
    opacity: 0.6; }
.case-study-search-result-list__box {
  width: calc(33.3333% - 20px);
  display: block;
  flex-direction: row-reverse;
  margin-bottom: 30px;
  border: #DDD solid 1px; }
  @media only screen and (max-width: 768px) {
    .case-study-search-result-list__box {
      width: calc(50% - 10px); } }
  @media only screen and (max-width: 414px) {
    .case-study-search-result-list__box {
      width: 100%; } }
.case-study-search-result-list__box-image {
  width: 100%;
  padding-top: 25%;
  max-height: 160px;
  margin: auto 0 13px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .case-study-search-result-list__box-image {
      width: 100%;
      /*padding-top: 28%;*/
      margin: auto 0 13px; } }
.case-study-search-result-list__cont {
  width: 100%;
  padding: 15px 30px;
  display: flex;
  flex-direction: column; }
  @media only screen and (max-width: 414px) {
    .case-study-search-result-list__cont {
      padding: 10px; } }
  .case-study-search-result-list__cont--image {
    width: 100%;
    height: 100%;
    padding: 55% 30px 30px;
    display: flex;
    flex-direction: column; }
    @media only screen and (max-width: 768px) {
      .case-study-search-result-list__cont--image {
        padding: 65% 30px 30px; } }
    @media only screen and (max-width: 414px) {
      .case-study-search-result-list__cont--image {
        padding: 15px 10px 10px;
        height: auto; } }
.case-study-search-result-list__box-category {
  margin-bottom: 5px;
  display: flex; }
  .case-study-search-result-list__box-category + .case-study-search-result-list__box-category {
    margin-bottom: 10px; }
.case-study-search-result-list__box-cat-other {
  padding: 2px 5px;
  margin-right: 5px;
  background: #6A5BF0;
  color: #FFF;
  font-size: 12px; }
.case-study-search-result-list__box-cat1 {
  margin-right: 5px;
  padding: 2px 5px;
  background: #02b2b3;
  color: #FFF;
  font-size: 12px; }
  .case-study-search-result-list__box-cat1 + .case-study-search-result-list__box-cat1 {
    margin-left: 5px; }
.case-study-search-result-list__box-cat2 {
  margin-right: 5px;
  padding: 2px 5px;
  background: #8D3A8D;
  color: #FFF;
  font-size: 12px; }
.case-study-search-result-list__box-cat-gyotai-haken, .case-study-search-result-list__box-cat-gyotai-ukeoi {
  display: inline-block;
  padding: 2px 5px;
  color: #FFF;
  font-size: 12px; }
.case-study-search-result-list__box-cat-gyotai-haken {
  background: #00A3D9; }
.case-study-search-result-list__box-cat-gyotai-ukeoi {
  background: #0845F8; }
.case-study-search-result-list__box-ttl {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
  border-bottom: #ddd solid 1px;
  padding: 0 0 5px; }
  @media only screen and (max-width: 414px) {
    .case-study-search-result-list__box-ttl {
      font-size: 18px; } }
.case-study-search-result-list__box-customer {
  padding: 2px 5px;
  background: #1f2a68;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
  /*padding: 0 0 5px;*/ }
  .case-study-search-result-list__box-customer::before {
    content: "";
    display: block;
    background-color: #1f2a68;
    height: 100%;
    width: 14px;
    /* 横幅（→の長さ） */
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    /*width: 0;
    height: 0;
    border-style: solid;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 14px solid #1f2a68;
    border-right: 0;*/
    position: absolute;
    right: -13.5px;
    top: 50%;
    transform: translateY(-50%); }
.case-study-search-result-list__box-wrap {
  margin-bottom: 7px; }
  .case-study-search-result-list__box-wrap + .case-study-search-result-list__link {
    margin-top: auto !important; }
.case-study-search-result-list__box-txt {
  margin-bottom: 3px;
  font-size: 14px;
  position: relative; }
  .case-study-search-result-list__box-txt p {
    box-sizing: border-box;
    padding: 0 0 0 1em;
    text-indent: -1em; }
.case-study-search-result-list__accordion-txtbox {
  overflow: hidden;
  position: relative; }
  .case-study-search-result-list__accordion-txtbox.is-hide {
    height: 80px; }
  .case-study-search-result-list__accordion-txtbox::before {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
    bottom: 0;
    content: "";
    height: 60px;
    /* グラデーションで隠す高さ */
    position: absolute;
    width: 100%; }
.case-study-search-result-list__accordion-morebtn {
  width: fit-content;
  text-indent: inherit !important;
  font-weight: bold;
  margin: 5px 0 0;
  padding: 3px 5px !important;
  color: #FFF;
  background: #6495ed;
  transition: all .2s;
  z-index: 1;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  cursor: pointer; }
  .case-study-search-result-list__accordion-morebtn::before {
    content: "more";
    display: inline-block; }
  .case-study-search-result-list__accordion-morebtn.active {
    bottom: -3em; }
    .case-study-search-result-list__accordion-morebtn.active::before {
      content: "close"; }
    .case-study-search-result-list__accordion-morebtn.active + .case-study-search-result-list__accordion-txtbox::before {
      display: none; }
.case-study-search-result-list__link {
  position: relative;
  display: block;
  width: 100%;
  /*margin-top: auto !important;*/
  padding: 10px 70px 10px 10px;
  color: #FFF;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -0.2px;
  background: #1f2a68;
  transition: all ease .3s;
  opacity: 1; }
  @media only screen and (max-width: 600px) {
    .case-study-search-result-list__link {
      padding: 20px 35px 20px 10px;
      font-size: 3.2vw; } }
  .case-study-search-result-list__link::before {
    position: absolute;
    display: block;
    content: "";
    width: 28px;
    height: 6px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: right ease .3s;
    background: url("/shr/img/common/icon_arrow_01.png") center center no-repeat;
    background-size: 100% auto; }
    @media only screen and (max-width: 768px) {
      .case-study-search-result-list__link::before {
        width: 21px; } }
  .case-study-search-result-list__link:hover {
    opacity: 0.6; }
    .case-study-search-result-list__link:hover::before {
      right: 10px; }

.js_target {
  display: none; }

.js_target.js_selected {
  flex-wrap: wrap;
  display: flex;
  position: relative; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

news-list CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.news-list__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 100px; }
  @media (max-width: 900px) {
    .news-list__inner {
      padding: 0 20px 10vw; } }
  @media (max-width: 600px) {
    .news-list__inner {
      padding: 0 15px 15vw; } }
.news-list__archive-box {
  display: flex;
  justify-content: flex-end;
  margin: 0 auto 50px; }
.news-list__archive-inner {
  width: 300px; }
.news-list__archive-menu {
  width: 300px;
  display: block;
  background-color: #fff;
  position: relative;
  font-size: 14px;
  color: #474747;
  height: 100%; }
  .news-list__archive-menu:focus {
    outline: none; }
.news-list__archive-current {
  border: #ddd solid 1px;
  cursor: pointer;
  display: block;
  padding: 10px;
  position: relative; }
.news-list__archive-current::before {
  content: "";
  display: block;
  background: url(/shr/img/common/sp_icon_arrow_03_black.png) center center no-repeat;
  background-size: 100%;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%); }
.news-list__archive-menu:active {
  background-color: #f8f8f8; }
.news-list__archive-menu.js-active:hover, .news-list__archive-menu.js-active {
  background-color: #f8f8f8; }
.news-list__archive-current.js-active::before {
  background: url(/shr/img/common/sp_icon_arrow_02_black.png) center center no-repeat;
  background-size: 100%; }
.news-list__year-box {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 300px;
  border: #EEE 1px solid;
  border-top: none; }
.news-list__year-select {
  width: 100%;
  background: #FFF; }
.news-list__year-select li {
  border-top: #EEE 1px solid;
  cursor: pointer; }
  .news-list__year-select li a {
    display: block;
    width: 100%;
    padding: 10px; }
.news-list__year-select li:hover {
  background-color: #f2f2f2; }
.news-list__year-select li:active {
  background-color: #e2e2e2; }
.news-list__list {
  border-top: solid 1px #DDD; }
.news-list__item {
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-bottom: solid 1px #DDD; }
.news-list__link {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  box-sizing: border-box;
  width: 100%;
  padding: 30px 0;
  transition: opacity .3s ease-in-out; }
  .news-list__link:hover {
    opacity: .5; }
  @media (max-width: 600px) {
    .news-list__link {
      display: block; } }
.news-list__thumb {
  width: 350px;
  min-height: 232px; }
  @media (max-width: 900px) {
    .news-list__thumb {
      width: 200px;
      min-height: 133px; } }
  @media (max-width: 600px) {
    .news-list__thumb {
      width: 100%;
      min-height: auto;
      margin: 0 0 20px; } }
  .news-list__thumb img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important; }
.news-list__detail {
  width: calc(100% - 404px); }
  @media (max-width: 900px) {
    .news-list__detail {
      width: calc(100% - 220px); } }
  @media (max-width: 600px) {
    .news-list__detail {
      width: 100%; } }
.news-list__item-date {
  display: block;
  padding: 0 0 3px;
  font-size: 12px;
  color: #888; }
.news-list__item-category {
  display: block;
  width: 100%;
  margin: 0 0 22px; }
.news-list__item-icon {
  display: inline-block;
  margin: 0 14px 0 0;
  padding: 3px 4px;
  font-size: 12px;
  color: #FFF;
  background: #4268D9; }
  @media (max-width: 600px) {
    .news-list__item-icon {
      margin: 0 8px 8px 0;
      padding: 3px 4px;
      font-size: 10px; } }
.news-list__ttl {
  display: block;
  font-size: 18px;
  font-weight: bold; }
  @media (max-width: 600px) {
    .news-list__ttl {
      font-size: 16px; } }
.news-list__txt {
  font-size: 14px;
  margin: 20px 0 0; }
  @media (max-width: 600px) {
    .news-list__txt {
      font-size: 13px; } }
.news-list__pagination {
  margin: 50px auto 0; }
  .news-list__pagination .page-numbers {
    display: flex;
    justify-content: center; }
    .news-list__pagination .page-numbers li .page-numbers {
      display: block;
      width: 26px;
      margin: 0 10px;
      padding: 5px 0 4px;
      text-align: center;
      line-height: 1; }
      .news-list__pagination .page-numbers li .page-numbers.current {
        color: #FFF;
        background: #4268D9; }
      @media (max-width: 600px) {
        .news-list__pagination .page-numbers li .page-numbers {
          margin: 0 5px; } }
      .news-list__pagination .page-numbers li .page-numbers.prev, .news-list__pagination .page-numbers li .page-numbers.next {
        width: 40px; }
    .news-list__pagination .page-numbers li .page-numbers {
      transition: color 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
      .news-list__pagination .page-numbers li .page-numbers:hover {
        color: #4268D9; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

news-detail CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.news-detail {
  padding: 0 0 100px; }
  @media (max-width: 900px) {
    .news-detail {
      padding: 0 20px 10vw; } }
  @media (max-width: 600px) {
    .news-detail {
      padding: 0 15px 15vw; } }
  .news-detail__inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 44px 0 22px;
    border-top: solid 1px #DDD;
    border-bottom: solid 1px #DDD; }
  .news-detail__detail {
    width: 100%;
    max-width: 900px;
    margin: 0 auto; }
  .news-detail__thumb {
    width: 100%;
    margin: 0 0 26px; }
    .news-detail__thumb img {
      display: block;
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      margin: 0 auto; }
  .news-detail__date {
    display: block;
    padding: 0 0 3px;
    font-size: 12px;
    color: #888; }
  .news-detail__item-category {
    display: block;
    width: 100%;
    margin: 0 0 22px; }
  .news-detail__item-icon {
    display: inline-block;
    margin: 0 14px 0 0;
    padding: 3px 4px;
    font-size: 12px;
    color: #FFF;
    background: #4268D9; }
    @media (max-width: 600px) {
      .news-detail__item-icon {
        margin: 0 8px 8px 0;
        padding: 3px 4px;
        font-size: 10px; } }
  .news-detail__ttl {
    display: block;
    font-size: 28px;
    font-weight: bold;
    margin: 0 0 20px; }
    @media (max-width: 900px) {
      .news-detail__ttl {
        font-size: 22px; } }
    @media (max-width: 600px) {
      .news-detail__ttl {
        font-size: 18px; } }
  .news-detail__contents p {
    margin: 0 0 1.5em; }
    .news-detail__contents p a {
      text-decoration: underline;
      transition: opacity .3s ease-in-out; }
      .news-detail__contents p a:hover {
        opacity: .7; }
    .news-detail__contents p img {
      display: block;
      width: auto;
      max-width: 100% !important;
      height: auto !important;
      margin: 0 auto; }
  .news-detail__txt {
    font-size: 14px;
    margin: 26px 0 0; }
    @media (max-width: 600px) {
      .news-detail__txt {
        font-size: 13px; } }
  .news-detail__btn-area {
    display: flex;
    justify-content: center;
    padding: 40px 0 0; }
    @media (max-width: 900px) {
      .news-detail__btn-area {
        flex-direction: column;
        align-items: center; } }
  .news-detail__back-btn {
    margin: 0 10px;
    width: 260px !important;
    max-width: 260px !important; }
  .news-detail__btn {
    margin: 0 10px;
    width: 260px !important;
    max-width: 260px !important;
    background: #4268D9; }
    @media (max-width: 900px) {
      .news-detail__btn {
        margin-top: 20px; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

corporate-history CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.corporate-history__table-item, .corporate-history__table-item--def {
  position: relative;
  min-height: 115px; }
  .corporate-history__table-item::before, .corporate-history__table-item--def::before {
    position: absolute;
    content: "";
    left: calc(50% - 3px);
    top: 15px;
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background: #3F66D8;
    z-index: 2; }
    @media only screen and (max-width: 768px) {
      .corporate-history__table-item::before, .corporate-history__table-item--def::before {
        left: 0;
        top: 13px; } }
    @media only screen and (max-width: 414px) {
      .corporate-history__table-item::before, .corporate-history__table-item--def::before {
        top: 10px; } }
  .corporate-history__table-item::after, .corporate-history__table-item--def::after {
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background: #CCC;
    z-index: 1; }
    @media only screen and (max-width: 768px) {
      .corporate-history__table-item::after, .corporate-history__table-item--def::after {
        left: 3px; } }
  .corporate-history__table-item:first-child::after, .corporate-history__table-item--def:first-child::after {
    top: 15px;
    height: calc(100% - 15px); }
  .corporate-history__table-item:last-child::after, .corporate-history__table-item--def:last-child::after {
    top: 0;
    height: 15px; }
  @media only screen and (max-width: 414px) {
    .corporate-history__table-item, .corporate-history__table-item--def {
      min-height: inherit; } }

@media only screen and (max-width: 768px) {
  .corporate-history {
    width: 90%;
    margin: 0 auto; } }
.corporate-history__category {
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 768px) {
    .corporate-history__category {
      justify-content: space-between; } }
.corporate-history__category-list {
  display: inline-block;
  width: calc(50% - 40px);
  max-width: 277px;
  margin: 0 20px;
  padding: 5px 10px;
  color: #FFF;
  font-size: 15px;
  text-align: center;
  background: #3F66D8;
  border-radius: 20px;
  white-space: nowrap; }
  @media only screen and (max-width: 768px) {
    .corporate-history__category-list {
      width: calc(50% - 10px);
      max-width: inherit;
      margin: 0;
      font-size: 14px; } }
  @media only screen and (max-width: 414px) {
    .corporate-history__category-list {
      width: calc(50% - 5px);
      padding: 5px 0;
      font-size: 11px;
      letter-spacing: 0; } }
.corporate-history__table {
  margin-top: 30px;
  margin-bottom: 80px; }
  @media only screen and (max-width: 768px) {
    .corporate-history__table {
      margin-bottom: 8vw; } }
  @media only screen and (max-width: 414px) {
    .corporate-history__table {
      margin-bottom: 12vw; } }
.corporate-history__table-item--def .corporate-history__table-ttl {
  position: relative;
  margin-right: calc(50% + 35px); }
.corporate-history__table-item--def .corporate-history__table-txt {
  position: relative;
  margin-right: calc(50% + 35px);
  top: auto;
  margin-top: 8px;
  padding-bottom: 45px; }
  @media only screen and (max-width: 768px) {
    .corporate-history__table-item--def .corporate-history__table-txt {
      padding-bottom: 30px; } }
.corporate-history__table-ttl {
  position: absolute;
  width: calc(50% - 35px);
  top: 0;
  left: 0;
  font-size: 25px;
  text-align: right; }
  @media only screen and (max-width: 768px) {
    .corporate-history__table-ttl {
      position: relative;
      width: calc(100% - 20px);
      padding-left: 20px;
      font-size: 22px;
      text-align: left; } }
  @media only screen and (max-width: 414px) {
    .corporate-history__table-ttl {
      font-size: 18px; } }
.corporate-history__table-txt {
  position: absolute;
  width: calc(50% - 35px);
  top: 40px;
  left: 0;
  font-size: 15px;
  text-align: right; }
  @media only screen and (max-width: 768px) {
    .corporate-history__table-txt {
      position: relative;
      width: 100%;
      top: auto;
      margin-top: 8px;
      padding-left: 20px;
      font-size: 14px;
      text-align: left; } }
.corporate-history__table-imgwrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(50% - 35px);
  margin: 0 0 0 calc(50% + 35px); }
  @media only screen and (max-width: 768px) {
    .corporate-history__table-imgwrap {
      width: calc(100% - 20px);
      margin-left: 20px;
      padding: 20px 0px; } }
  .corporate-history__table-imgwrap::after {
    content: "";
    display: block;
    width: calc(33.33% - 20px); }
.corporate-history__table-imgbox {
  width: calc(33.33% - 20px);
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .corporate-history__table-imgbox {
      width: calc(33.33% - 8px); } }
  @media only screen and (max-width: 540px) {
    .corporate-history__table-imgbox {
      width: calc(50% - 5px); }
      .corporate-history__table-imgbox:nth-child(n+3) {
        margin-top: 15px; } }
.corporate-history__table-imgbox-img {
  border: 1px solid #DDD; }
.corporate-history__table-imgbox-txt {
  margin-top: 15px;
  font-size: 15px; }
  @media only screen and (max-width: 768px) {
    .corporate-history__table-imgbox-txt {
      font-size: 14px; } }
  @media only screen and (max-width: 414px) {
    .corporate-history__table-imgbox-txt {
      margin-top: 8px;
      font-size: 12px;
      letter-spacing: 0; } }
.corporate-history__table-imgbox-note {
  display: block;
  margin-top: 3px;
  font-size: 9px; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

form-contact CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.form-contact__privacy {
  text-align: center;
  margin-bottom: 30px;
  display: block; }
  @media (max-width: 600px) {
    .form-contact__privacy {
      text-align: left; } }
.form-contact__privacy-links {
  text-decoration: underline;
  transition: opacity .3s ease-in-out; }
  .form-contact__privacy-links:hover {
    opacity: .5; }
.form-contact__inner {
  max-width: 830px;
  margin: 0 auto;
  font-size: 15px; }
.form-contact__item-cont-inner {
  display: flex;
  justify-content: space-between; }
.form-contact__att {
  margin-bottom: 10px;
  color: #FF0004; }
.form-contact__item-point {
  color: #FF0004; }
.form-contact__item {
  display: flex;
  padding: 15px 0;
  border-bottom: #eee solid 1px;
  position: relative; }
  @media (max-width: 600px) {
    .form-contact__item {
      border-bottom: none;
      padding: 15px 0 0; } }
  .form-contact__item::after {
    content: "";
    width: 200px;
    height: 1px;
    background: #4268D9;
    position: absolute;
    bottom: -1px;
    left: 0; }
    @media (max-width: 600px) {
      .form-contact__item::after {
        display: none; } }
  .form-contact__item:first-child {
    border-top: #eee solid 1px; }
    .form-contact__item:first-child::before {
      content: "";
      width: 200px;
      height: 1px;
      background: #4268D9;
      position: absolute;
      top: -1px;
      left: 0; }
      @media (max-width: 600px) {
        .form-contact__item:first-child::before {
          display: none; } }
  @media (max-width: 600px) {
    .form-contact__item {
      display: block; } }
  .form-contact__item--wb {
    display: flex;
    padding: 15px 0;
    border-bottom: #eee solid 1px;
    position: relative; }
    @media (max-width: 600px) {
      .form-contact__item--wb {
        border-bottom: none;
        padding: 15px 0 0; } }
    .form-contact__item--wb::after {
      content: "";
      width: 300px;
      height: 1px;
      background: #4268D9;
      position: absolute;
      bottom: -1px;
      left: 0; }
      @media (max-width: 600px) {
        .form-contact__item--wb::after {
          display: none; } }
    .form-contact__item--wb:first-child {
      border-top: #eee solid 1px; }
      .form-contact__item--wb:first-child::before {
        content: "";
        width: 300px;
        height: 1px;
        background: #4268D9;
        position: absolute;
        top: -1px;
        left: 0; }
        @media (max-width: 600px) {
          .form-contact__item--wb:first-child::before {
            display: none; } }
    @media (max-width: 600px) {
      .form-contact__item--wb {
        display: block; } }
.form-contact__item-text {
  /*font-size: .13rem;*/
  margin: 10px 0 0; }
.form-contact__item-sub-ttl {
  /*font-size: .14rem;*/
  margin: 0 0 10px; }
.form-contact__item-full {
  display: block; }
.form-contact__sub {
  margin: 10px 0 0; }
.form-contact__sub-item {
  margin: 0 0 20px; }
  .form-contact__sub-item:last-child {
    margin: 0; }
.form-contact__item-name {
  width: 250px;
  padding: 8px 10px; }
  @media (max-width: 600px) {
    .form-contact__item-name {
      width: 100%;
      background: #eee;
      padding: 5px;
      margin-bottom: 10px; } }
  .form-contact__item-name--wb {
    width: 350px;
    padding: 8px 10px; }
    @media (max-width: 600px) {
      .form-contact__item-name--wb {
        width: 100%;
        background: #eee;
        padding: 5px;
        margin-bottom: 10px; } }
.form-contact__item-cont {
  width: calc(100% - 250px); }
  @media (max-width: 600px) {
    .form-contact__item-cont {
      width: 100%; } }
  .form-contact__item-cont--wb {
    width: calc(100% - 350px); }
    @media (max-width: 600px) {
      .form-contact__item-cont--wb {
        width: 100%; } }
.form-contact__item-cont-full {
  width: 100%; }
.form-contact__send {
  width: 250px;
  line-height: 60px;
  margin: 40px auto 80px;
  background: #000;
  color: #FFF;
  text-align: center;
  font-size: 15px; }
.form-contact__visit_privilege {
  margin-bottom: 30px; }
.form-contact__visit_privilege-ttl {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 10px; }
.form-contact__visit_privilege-inner {
  padding: 10px;
  border: #DDD solid 1px; }
.form-contact__benefits {
  padding-left: 20px;
  margin-bottom: 10px;
  position: relative; }
  .form-contact__benefits::after {
    content: "・";
    position: absolute;
    left: 0;
    top: 0; }
  .form-contact__benefits:last-child {
    margin-bottom: 0; }
.form-contact__btn-box {
  padding: 50px 0 0;
  text-align: center; }
  @media (max-width: 600px) {
    .form-contact__btn-box {
      padding: 25px 0 0; } }
.form-contact__btn-wrap {
  position: relative;
  display: inline-block;
  vertical-align: bottom; }
  .form-contact__btn-wrap.entry_back_btn {
    display: none; }
  .form-contact__btn-wrap.entry_back_btn.active {
    display: inline-block; }
.form-contact__entry-complete-message {
  text-align: center;
  margin-bottom: 20px; }
.form-contact__entry-complete-top {
  text-align: center;
  margin-top: 40px;
  display: block;
  opacity: 1;
  transition: opacity .3s ease-in-out; }
  .form-contact__entry-complete-top:hover {
    opacity: .5; }
.form-contact__notice {
  font-size: 14px; }
  @media (max-width: 600px) {
    .form-contact__notice {
      font-size: 12px; } }
.form-contact__item-link {
  text-decoration: underline;
  color: #071358; }
.form-contact__font-bold {
  font-weight: bold; }

input[type='submit'], button[type='submit'] {
  width: 100%;
  font-size: 13px;
  color: #FFF;
  border: none;
  padding: 15px 70px 15px 30px;
  background: none;
  cursor: pointer; }

input[type="text"],
input[type="email"] {
  width: 100%;
  padding: 10px;
  border: #CCC solid 1px; }

input[type="text"].input-half {
  width: 48%; }

select {
  display: inline-block;
  width: auto;
  outline: none;
  color: #333;
  text-overflow: '';
  vertical-align: middle;
  background-color: #FFF;
  padding: 10px 45px 10px 10px !important;
  border: #CCC solid 1px;
  background: get-selectbtn-svg(#333) no-repeat center right 10px; }
  @media (max-width: 600px) {
    select {
      background: get-selectbtn-svg(#333) no-repeat center right 5px; } }
  select option {
    color: #333; }
  select::-ms-expand {
    display: none; }
  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000; }

textarea {
  width: 100%;
  padding: 10px;
  border: #CCC solid 1px; }

.radio-area {
  display: flex;
  flex-wrap: wrap;
  padding-top: 8px; }

.radio-area-item {
  margin-right: 10px;
  display: block; }

.radio-area-button {
  opacity: 0;
  appearance: none;
  position: absolute; }

.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0 !important; }

.mw_wp_form .horizontal-item {
  margin-right: 10px; }

.mwform-radio-field-text {
  position: relative;
  display: flex;
  align-items: center; }

.radio-area-button:checked + .mwform-radio-field-text::after {
  content: '';
  position: absolute;
  left: calc(8px - 4px);
  display: block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #000; }

.mwform-radio-field-text::before {
  content: '';
  display: block;
  border-radius: 50%;
  border: 1px solid #ccc;
  width: 16px;
  height: 16px;
  margin-right: 5px; }

.form-check-area {
  display: flex;
  flex-wrap: wrap; }

.form-check-item {
  display: block;
  margin-right: 10px; }

.form-check-input {
  opacity: 0;
  appearance: none;
  position: absolute; }

.mwform-checkbox-field-text {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0 0 20px; }

.mwform-checkbox-field-text::before {
  position: absolute;
  left: 0;
  display: block;
  border: 1px solid #ccc;
  content: '';
  width: 16px;
  height: 16px; }

.form-check-input:checked + .mwform-checkbox-field-text::after {
  position: absolute;
  top: 4px;
  left: 6px;
  display: block;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  content: '';
  width: 5px;
  height: 10px;
  transform: rotate(45deg); }

.mw_wp_form_confirm .privacy-check,
.mw_wp_form_complete .privacy-check {
  display: none; }

.mw_wp_form_confirm .form-contact__item-cont {
  padding: 8px 0; }

#mw_wp_form_mw-wp-form-1070.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .form-contact__item-text,
#mw_wp_form_mw-wp-form-1070.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .form-contact__item-point,
#mw_wp_form_mw-wp-form-1070.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .form-contact__item-sup,
#mw_wp_form_mw-wp-form-448.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .form-contact__item-text,
#mw_wp_form_mw-wp-form-448.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .form-contact__item-point,
#mw_wp_form_mw-wp-form-448.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .form-contact__item-sup {
  display: none; }

.form-contact__item--wb .error {
  font-size: .16rem;
  color: #B70000;
  display: block;
  font-weight: bold; }

.form-contact__item-agree-text {
  margin-top: 10px; }
  .form-contact__item-agree-text .mwform-checkbox-field-text {
    font-weight: bold; }

.grecaptcha-badge {
  visibility: hidden; }

.grecaptcha-text {
  text-align: center;
  margin: 50px auto 0; }
  @media (max-width: 600px) {
    .grecaptcha-text {
      margin: 25px auto 0;
      text-align: left; } }

.grecaptcha-text a {
  text-decoration: underline; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

recruit-entry CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.recruit-entry__inner {
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto; }
  @media (max-width: 600px) {
    .recruit-entry__inner {
      display: block; } }
.recruit-entry__box {
  width: calc(50% - 15px);
  text-align: center; }
  .recruit-entry__box:first-child {
    padding-bottom: 30px; }
  @media (max-width: 600px) {
    .recruit-entry__box {
      width: 100%; } }
.recruit-entry__box-ttl {
  background: #4268D9;
  color: #fff;
  margin-bottom: 40px;
  font-size: 18px;
  padding: 10px 0; }
.recruit-entry__box-txt {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center; }
.recruit-entry__link {
  text-align: left; }
  @media (max-width: 600px) {
    .recruit-entry__link {
      width: 48%;
      max-width: none;
      font-size: 18px; } }
  .recruit-entry__link.entry_back_btn {
    background: #999; }

.entry_btn {
  margin: 0 auto;
  padding: 0; }

.entry_back_btn.active {
  display: inline-block; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

philosophy CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.philosophy-main {
  padding: 0; }
.philosophy__head {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 844px;
  background: url("/shr/img/philosophy/main_bg.jpg") no-repeat center top/cover;
  margin: 0 auto 100px; }
  @media (max-width: 1200px) {
    .philosophy__head {
      height: auto; } }
  @media (max-width: 900px) {
    .philosophy__head {
      margin: 0 auto 10vw;
      padding: 0 0 10vw; } }
  @media (max-width: 600px) {
    .philosophy__head {
      margin: 0 auto 15vw;
      padding: 0 0 15vw; } }
  .philosophy__head .contents-head-ttl h2, .philosophy__head .contents-head-ttl h2 span {
    color: #FFF !important; }
.philosophy__head-txt {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 10px;
  background: rgba(255, 255, 255, 0.9);
  font-size: 24px;
  font-weight: bold;
  text-align: center; }
  @media (max-width: 900px) {
    .philosophy__head-txt {
      font-size: 20px; } }
  @media (max-width: 600px) {
    .philosophy__head-txt {
      text-align: left;
      font-size: 16px; } }
.philosophy__cont {
  margin: 0 auto 100px;
  background: url("/shr/img/philosophy/cont_bg.jpg") no-repeat center top/cover;
  margin: 0 auto 100px; }
  @media (max-width: 900px) {
    .philosophy__cont {
      margin: 0 auto 10vw; } }
  @media (max-width: 600px) {
    .philosophy__cont {
      margin: 0 auto 15vw; } }
.philosophy__cont-img {
  display: block;
  max-width: 896px;
  margin: 0 auto; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

case-list CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.case-list__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 100px; }
  @media (max-width: 900px) {
    .case-list__inner {
      padding: 0 20px 10vw; } }
  @media (max-width: 600px) {
    .case-list__inner {
      padding: 0 15px 15vw; } }
.case-list__list {
  display: flex;
  flex-wrap: wrap; }
.case-list__item {
  width: 33.333%;
  margin: 0;
  border-right: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  position: relative; }
  .case-list__item:nth-child(3n) {
    border-right: none; }
  .case-list__item:nth-child(n+4) .case-list__link {
    padding: 27px 20px 22px; }
  .case-list__item:nth-child(n+7) {
    border-bottom: none; }
  @media (max-width: 900px) {
    .case-list__item {
      width: 50%; }
      .case-list__item:nth-child(3n) {
        border-right: solid 1px #CCC; }
      .case-list__item:nth-child(n+4) {
        border-bottom: solid 1px #CCC; }
      .case-list__item:nth-child(even) {
        border-right: none; }
      .case-list__item:nth-child(n+7) {
        border-bottom: none; }
      .case-list__item:nth-child(n+3) .case-list__link {
        padding: 27px 20px 22px; } }
  @media (max-width: 600px) {
    .case-list__item {
      width: 100%; }
      .case-list__item:nth-child(3n) {
        border-right: none; }
      .case-list__item:nth-child(n+5) {
        border-bottom: solid 1px #CCC; }
      .case-list__item:last-child {
        border-bottom: none; }
      .case-list__item:nth-child(n+2) .case-list__link {
        padding: 17px 10px 15px; } }
.case-list__link {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 20px 22px;
  position: relative;
  transition: opacity .3s ease-in-out; }
  @media (max-width: 600px) {
    .case-list__link {
      padding: 0 10px 15px; } }
  .case-list__link:hover {
    opacity: .7; }
.case-list__ttl {
  font-size: 24px;
  font-weight: bold;
  margin: 27px 0 0; }
  @media (max-width: 600px) {
    .case-list__ttl {
      font-size: 18px; } }
.case-list__sub-ttl {
  font-size: 17px;
  font-weight: bold;
  margin: 10px 0 0; }
  @media (max-width: 600px) {
    .case-list__sub-ttl {
      font-size: 15px; } }
.case-list__icon-list {
  display: flex;
  width: 100%;
  margin: 13px 0 0; }
.case-list__icon-item {
  display: inline-block;
  margin: 0 2px 2px 0;
  padding: 1px 2px;
  font-size: 10px;
  color: #FFF;
  background: #00B2B2; }
  .case-list__icon-item.product {
    background: #8D3A8D; }
.case-list__txt {
  font-size: 14px;
  margin: 25px 0 0; }
  @media (max-width: 600px) {
    .case-list__txt {
      font-size: 13px; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

case-detail CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.case-detail__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 0 100px; }
  @media (max-width: 900px) {
    .case-detail__inner {
      padding: 0 20px 10vw; } }
  @media (max-width: 600px) {
    .case-detail__inner {
      padding: 0 15px 15vw; } }
.case-detail__head {
  width: 100%;
  margin: 0 auto 30px;
  padding: 0 0 28px;
  border-bottom: solid 1px #CCC; }
.case-detail__ttl {
  font-size: 24px;
  font-weight: bold; }
  @media (max-width: 600px) {
    .case-detail__ttl {
      font-size: 18px; } }
.case-detail__sub-ttl {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 0; }
  @media (max-width: 600px) {
    .case-detail__sub-ttl {
      font-size: 15px; } }
.case-detail__icon-list {
  display: flex;
  width: 100%;
  margin: 13px 0 0; }
.case-detail__icon-item {
  display: inline-block;
  margin: 0 2px 2px 0;
  padding: 1px 2px;
  font-size: 10px;
  color: #FFF;
  background: #00B2B2; }
.case-detail__img-box {
  text-align: center; }
.case-detail__img {
  width: auto;
  max-width: 100%;
  margin: 0 auto; }
.case-detail__img-txt {
  font-size: 14px;
  margin: 1em 0 0; }
  @media (max-width: 600px) {
    .case-detail__img-txt {
      font-size: 13px; } }
.case-detail__txt {
  font-size: 14px;
  margin: 1.5em 0 0; }
  @media (max-width: 600px) {
    .case-detail__txt {
      font-size: 13px; } }
  .case-detail__txt + .case-detail__img-box {
    margin: 30px auto 50px; }
.case-detail__txt-link {
  text-decoration: underline; }
.case-detail__cont-ttl {
  font-size: 14px;
  margin: 1.5em 0 0; }
  @media (max-width: 600px) {
    .case-detail__cont-ttl {
      font-size: 13px; } }
.case-detail__detail-ttl {
  display: block;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 30px;
  padding: 2px 0 0 18px;
  position: relative; }
  .case-detail__detail-ttl::before {
    content: "";
    display: block;
    height: 100%;
    width: 2px;
    background: #071358;
    position: absolute;
    top: 0;
    left: 0; }
.case-detail__detail-txt + .case-detail__detail-subttl {
  margin-top: 50px; }
.case-detail__detail-link {
  display: inline-block;
  margin: 1em 0 0;
  text-decoration: underline;
  transition: opacity .3s ease-in-out; }
  .case-detail__detail-link:hover {
    opacity: .7; }
.case-detail__txt-list {
  font-size: 14px; }
  @media (max-width: 600px) {
    .case-detail__txt-list {
      font-size: 13px; } }
.case-detail__txt-item {
  box-sizing: border-box;
  margin: .5em 0 0;
  padding: 0 0 0 1em;
  text-indent: -1em; }
.case-detail__introduction-cont {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: flex-start;
  width: 100%; }
  @media (max-width: 600px) {
    .case-detail__introduction-cont {
      display: block; } }
  .case-detail__introduction-cont + .case-detail__detail-ttl {
    margin-top: 50px; }
.case-detail__introduction-cont-right {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin: 50px auto; }
  @media (max-width: 600px) {
    .case-detail__introduction-cont-right {
      display: block; } }
.case-detail__introduction-txtbox {
  width: 57%; }
  @media (max-width: 600px) {
    .case-detail__introduction-txtbox {
      width: 100%;
      margin: 20px 0 0; } }
.case-detail__introduction-txt {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%; }
  .case-detail__introduction-txt + .case-detail {
    margin: 50px 0 0; }
    @media (max-width: 600px) {
      .case-detail__introduction-txt + .case-detail {
        margin: 20px 0 0; } }
.case-detail__introduction-txtleft {
  display: block;
  width: calc(100% - 216px); }
  .case-detail__introduction-txtleft a {
    text-decoration: underline;
    transition: opacity ease .3s; }
    .case-detail__introduction-txtleft a:hover {
      opacity: .7; }
  @media (max-width: 600px) {
    .case-detail__introduction-txtleft {
      width: 100%; } }
.case-detail__introduction-logo {
  display: block;
  width: 180px;
  margin: 0 0 0 20px;
  border: solid 1px #CCC;
  transition: opacity ease .3s; }
  .case-detail__introduction-logo:hover {
    opacity: .7; }
  @media (max-width: 600px) {
    .case-detail__introduction-logo {
      margin: 20px auto 0; } }
.case-detail__introduction-img {
  width: calc(43% - 30px); }
  @media (max-width: 600px) {
    .case-detail__introduction-img {
      width: 100%; } }
.case-detail__request {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 30px auto 50px;
  padding: 25px 45px;
  background: #F7F7F7; }
  @media (max-width: 900px) {
    .case-detail__request {
      padding: 20px; } }
  @media (max-width: 600px) {
    .case-detail__request {
      padding: 20px 10px; } }
.case-detail__request-ttl {
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #071358; }
  @media (max-width: 600px) {
    .case-detail__request-ttl {
      font-size: 16px; } }
.case-detail__request-txt {
  padding: 16px 0 0; }
.case-detail__phase {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto 50px; }
.case-detail__phase-cont {
  box-sizing: border-box;
  width: 32%;
  max-width: 320px;
  margin: 0 6px;
  border: solid 1px #CCC; }
  @media (max-width: 600px) {
    .case-detail__phase-cont {
      width: 100%;
      max-width: inherit;
      margin: 20px auto 0; }
      .case-detail__phase-cont:first-child {
        margin: 0 auto; } }
  .case-detail__phase-cont:nth-child(even) .case-detail__phase-ttl {
    background: #8DA5CB; }
.case-detail__phase-ttl {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 20px;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  background: #4774AB; }
  @media (max-width: 600px) {
    .case-detail__phase-ttl {
      padding: 15px 10px;
      font-size: 16px; } }
  .case-detail__phase-ttl .case-detail__phase-ttlsmall {
    font-size: 16px; }
    @media (max-width: 600px) {
      .case-detail__phase-ttl .case-detail__phase-ttlsmall {
        font-size: 14px; } }
.case-detail__phase-inner {
  width: 100%;
  box-sizing: border-box;
  padding: 20px; }
  @media (max-width: 600px) {
    .case-detail__phase-inner {
      padding: 20px 10px; } }
.case-detail__phase-txt + .case-detail__phase-txt {
  margin: 1em 0 0; }
.case-detail__side-cont {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto 50px; }
  @media (max-width: 600px) {
    .case-detail__side-cont {
      display: block; } }
.case-detail__side-imgbox {
  width: 45%; }
  @media (max-width: 600px) {
    .case-detail__side-imgbox {
      width: 100%; } }
.case-detail__side-img-border {
  border: solid 1px #CCC; }
.case-detail__side-ttl {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 1em; }
  @media (max-width: 600px) {
    .case-detail__side-ttl {
      font-size: 16px; } }
.case-detail__side-txt {
  width: calc(55% - 40px); }
  @media (max-width: 900px) {
    .case-detail__side-txt {
      width: calc(55% - 20px); } }
  @media (max-width: 600px) {
    .case-detail__side-txt {
      width: 100%;
      margin: 20px 0 0; } }
.case-detail__wide-img {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 50px; }
.case-detail__detail-subttl {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 1em; }
  @media (max-width: 600px) {
    .case-detail__detail-subttl {
      font-size: 16px; } }
.case-detail__btn-area {
  padding: 60px 0 0; }
  @media (max-width: 600px) {
    .case-detail__btn-area {
      padding: 50px 0 0; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

home-hero CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
main {
  padding: 0; }

.home-hero {
  position: relative;
  width: 100%;
  height: 56.25vw;
  background: url("/shr/img/index/img-main.jpg") center center/cover; }
  @media only screen and (max-width: 414px) {
    .home-hero {
      height: 112.5vw;
      background: url("/shr/img/index/img-main_sp.jpg") center center/cover; } }
  .home-hero__ttl {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #FFF;
    font-style: italic;
    font-size: 52px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media only screen and (max-width: 768px) {
      .home-hero__ttl {
        font-size: 6.8vw; } }
    @media only screen and (max-width: 480px) {
      .home-hero__ttl {
        font-size: 8.8vw; } }
  .home-hero__ttl-sub {
    display: block;
    font-size: 27px;
    font-weight: normal; }
    @media only screen and (max-width: 768px) {
      .home-hero__ttl-sub {
        font-size: 3.4vw; } }
    @media only screen and (max-width: 480px) {
      .home-hero__ttl-sub {
        font-size: 4.4vw; } }

.home-news {
  position: relative; }
  .home-news__list {
    margin-bottom: 30px; }
  .home-news__list-item {
    border-bottom: 1px solid #EEE; }
  .home-news__list-link, .home-news__list-nolink {
    position: relative;
    display: block;
    width: calc(100% - 40px);
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 60px 20px 270px;
    font-size: 14px;
    transition: opacity ease .3s; }
    @media only screen and (max-width: 768px) {
      .home-news__list-link, .home-news__list-nolink {
        width: 90%; } }
    @media only screen and (max-width: 600px) {
      .home-news__list-link, .home-news__list-nolink {
        padding: 50px 40px 20px 0px; } }
    .home-news__list-link:hover, .home-news__list-nolink:hover {
      opacity: .6; }
    .home-news__list-link::before, .home-news__list-nolink::before {
      position: absolute;
      display: block;
      content: "";
      width: 28px;
      height: 6px;
      right: 20px;
      top: 50%;
      background: url("/shr/img/common/icon_arrow_02.png") center center no-repeat;
      background-size: 100% auto;
      transform: translateY(-50%);
      transition: right ease .3s; }
      @media only screen and (max-width: 768px) {
        .home-news__list-link::before, .home-news__list-nolink::before {
          width: 21px; } }
      @media only screen and (max-width: 600px) {
        .home-news__list-link::before, .home-news__list-nolink::before {
          right: 10px; } }
    .home-news__list-link:hover::before, .home-news__list-nolink:hover::before {
      right: 15px; }
      @media only screen and (max-width: 600px) {
        .home-news__list-link:hover::before, .home-news__list-nolink:hover::before {
          right: 5px; } }
  .home-news__list-nolink {
    opacity: 1 !important; }
    .home-news__list-nolink::before {
      content: none; }
  .home-news__list-icon {
    position: absolute;
    left: 0;
    top: 20px;
    width: 130px;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 21px;
    background: #4268D9; }
    @media (max-width: 600px) {
      .home-news__list-icon {
        width: 110px;
        font-size: 10px; } }
  .home-news__list-date {
    position: absolute;
    left: 150px;
    top: 20px; }
    @media (max-width: 600px) {
      .home-news__list-date {
        top: 23px;
        left: 120px;
        font-size: 10px; } }
  .home-news__btnarea {
    margin: 40px auto; }
    @media only screen and (max-width: 600px) {
      .home-news__btnarea {
        margin: 6vw auto; } }
  .home-news__btn {
    width: 220px;
    margin: 0 auto; }
  .home-news__btn-link {
    position: relative;
    display: block;
    padding: 10px 30px 10px 10px;
    color: #4268D9;
    font-size: 16px;
    letter-spacing: -0.2px;
    background: #FFF;
    border: 1px solid #4268D9;
    transition: all ease .3s; }
    @media only screen and (max-width: 480px) {
      .home-news__btn-link {
        font-size: 3.2vw; } }
    .home-news__btn-link::before {
      position: absolute;
      display: block;
      content: "";
      width: 28px;
      height: 6px;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      transition: right ease .3s;
      background: url("/shr/img/common/icon_arrow_03.png") center center no-repeat;
      background-size: 100% auto; }
      @media only screen and (max-width: 768px) {
        .home-news__btn-link::before {
          width: 21px; } }
    .home-news__btn-link:hover {
      color: #FFF;
      background: #4268D9; }
    .home-news__btn-link:hover::before {
      right: 10px;
      background: url("/shr/img/common/icon_arrow_01.png") center center no-repeat;
      background-size: 100% auto; }

.home-about {
  width: 100%;
  margin: 100px auto 0; }
  @media only screen and (max-width: 768px) {
    .home-about {
      margin-top: 10vw; } }
  @media only screen and (max-width: 414px) {
    .home-about {
      margin-top: 15vw; } }
  .home-about__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: url("/shr/img/index/img-about_bg.jpg") left top;
    background-size: 50% auto; }
    @media only screen and (max-width: 768px) {
      .home-about__header {
        background: url(/shr/img/index/img-about_bg.jpg) left bottom;
        background-size: auto 55%; } }
  .home-about__header-img {
    width: 50%; }
    @media only screen and (max-width: 768px) {
      .home-about__header-img {
        width: 100%; } }
  .home-about__header-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    color: #FFF; }
    @media only screen and (max-width: 768px) {
      .home-about__header-box {
        width: 100%; } }
  .home-about__header-box-inner {
    padding: 0 70px; }
    @media only screen and (max-width: 768px) {
      .home-about__header-box-inner {
        padding: 3vw 20px; } }
    @media only screen and (max-width: 600px) {
      .home-about__header-box-inner {
        padding: 6vw 10px 8vw; } }
  .home-about__header-ttl {
    font-size: 60px;
    line-height: 1.2; }
    @media only screen and (max-width: 600px) {
      .home-about__header-ttl {
        font-size: 10vw; } }
  .home-about__header-ttl-sub {
    display: block;
    font-size: 12px;
    font-weight: bold; }
  .home-about__header-subttl {
    display: block;
    margin-top: 20px;
    font-style: italic;
    font-size: 30px;
    font-weight: bold; }
    @media only screen and (max-width: 600px) {
      .home-about__header-subttl {
        font-size: 6vw; } }
  .home-about__header-lead {
    margin-top: 20px;
    font-style: italic;
    font-size: 22px;
    font-weight: bold; }
    @media only screen and (max-width: 600px) {
      .home-about__header-lead {
        font-size: 3.6vw; } }
  .home-about__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .home-about__list-item {
    width: 25%;
    padding: 30px 0 0;
    background: #071358; }
    @media only screen and (max-width: 768px) {
      .home-about__list-item {
        width: 50%;
        padding: 0; } }
  .home-about__list-link {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 20px 70px 20px 10px;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -0.2px;
    background: #071358;
    transition: all ease .3s; }
    @media only screen and (max-width: 600px) {
      .home-about__list-link {
        padding: 20px 35px 20px 10px;
        font-size: 3.2vw; } }
    .home-about__list-link::before {
      position: absolute;
      display: block;
      content: "";
      width: 28px;
      height: 6px;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      transition: right ease .3s;
      background: url("/shr/img/common/icon_arrow_01.png") center center no-repeat;
      background-size: 100% auto; }
      @media only screen and (max-width: 768px) {
        .home-about__list-link::before {
          width: 21px; } }
    .home-about__list-item:hover .home-about__list-link {
      background: #4268D9; }
    .home-about__list-item:hover .home-about__list-link::before {
      right: 15px; }

.home-service {
  width: calc(100% - 40px);
  max-width: 1380px;
  height: 600px;
  margin: 100px auto 0;
  background: url("/shr/img/index/img-service.jpg") center center/cover; }
  @media only screen and (max-width: 768px) {
    .home-service {
      margin-top: 10vw;
      width: 90%;
      height: 78vw; } }
  @media only screen and (max-width: 600px) {
    .home-service {
      height: 90vw; } }
  @media only screen and (max-width: 414px) {
    .home-service {
      margin-top: 15vw; } }
  .home-service__inner {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%; }
    .home-service__inner::after {
      position: absolute;
      content: "";
      width: 285px;
      height: 60px;
      right: 0;
      top: 0;
      background: #FFF; }
      @media only screen and (max-width: 768px) {
        .home-service__inner::after {
          width: 50%;
          height: 8vw; } }
  .home-service__box {
    position: relative;
    width: 100%;
    padding: 0 30px 30px;
    color: #FFF; }
    @media only screen and (max-width: 600px) {
      .home-service__box {
        padding: 0 10px 30px; } }
    @media only screen and (max-width: 480px) {
      .home-service__box {
        padding: 0 10px 20px; } }
    .home-service__box::after {
      position: absolute;
      display: block;
      content: "";
      width: 100%;
      height: calc(100% - 36px);
      left: 0;
      bottom: 0;
      background: rgba(16, 28, 97, 0.9);
      clip-path: polygon(0 0, 50% 0, 50% 60px, 100% 60px, 100% 100%, 0 100%); }
      @media only screen and (max-width: 600px) {
        .home-service__box::after {
          height: calc(100% - 8vw);
          clip-path: polygon(0 0, 80% 0, 80% 8vw, 100% 8vw, 100% 100%, 0 100%); } }
      @media only screen and (max-width: 480px) {
        .home-service__box::after {
          height: calc(100% - 6vw); } }
  .home-service__ttl {
    position: relative;
    font-size: 60px;
    line-height: 1.2;
    z-index: 1; }
    @media only screen and (max-width: 600px) {
      .home-service__ttl {
        font-size: 10vw; } }
  .home-service__ttl-sub {
    display: block;
    font-size: 12px;
    font-weight: bold; }
  .home-service__list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 40px;
    z-index: 1; }
    @media only screen and (max-width: 480px) {
      .home-service__list {
        margin-top: 30px; } }
  .home-service__list-item {
    margin-right: 30px; }
    .home-service__list-item:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 768px) {
      .home-service__list-item {
        margin-right: 15px; } }
    @media only screen and (max-width: 480px) {
      .home-service__list-item {
        margin-right: 10px; } }
  .home-service__list-link {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 10px 0 0;
    padding: 10px 50px 10px 10px;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.2px;
    transition: background ease .3s; }
    @media only screen and (max-width: 600px) {
      .home-service__list-link {
        font-size: 4.0vw; } }
    @media only screen and (max-width: 480px) {
      .home-service__list-link {
        font-size: 3.2vw;
        padding: 10px 50px 10px 0; } }
    .home-service__list-link::before {
      position: absolute;
      display: block;
      content: "";
      width: 28px;
      height: 6px;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      transition: right ease .3s;
      background: url("/shr/img/common/icon_arrow_01.png") center center no-repeat;
      background-size: 100% auto; }
      @media only screen and (max-width: 768px) {
        .home-service__list-link::before {
          width: 21px; } }
    .home-service__list-link:hover {
      background: rgba(255, 255, 255, 0.2); }
    .home-service__list-link:hover::before {
      right: 15px; }

.home-case {
  width: calc(100% - 40px);
  max-width: 1380px;
  height: 600px;
  margin: 100px auto 0;
  background: url("/shr/img/index/img-case.jpg") center center/cover; }
  @media only screen and (max-width: 768px) {
    .home-case {
      margin-top: 10vw;
      width: 90%;
      height: 78vw; } }
  @media only screen and (max-width: 600px) {
    .home-case {
      height: 90vw; } }
  @media only screen and (max-width: 414px) {
    .home-case {
      margin-top: 15vw; } }
  .home-case__lead {
    position: absolute;
    width: 100%;
    left: 0;
    top: 35%;
    color: #FFF;
    text-align: center;
    font-style: italic;
    font-size: 46px;
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      .home-case__lead {
        font-size: 36px;
        top: 30%; } }
    @media only screen and (max-width: 600px) {
      .home-case__lead {
        top: 30%;
        font-size: 5.6vw; } }
    @media only screen and (max-width: 414px) {
      .home-case__lead {
        top: 20%; } }
  .home-case__inner {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%; }
    .home-case__inner::after {
      position: absolute;
      content: "";
      width: 285px;
      height: 60px;
      right: 0;
      top: 0;
      background: #FFF; }
      @media only screen and (max-width: 768px) {
        .home-case__inner::after {
          width: 50%;
          height: 8vw; } }
  .home-case__box {
    position: relative;
    width: 100%;
    padding: 0 30px 30px;
    color: #FFF; }
    @media only screen and (max-width: 600px) {
      .home-case__box {
        padding: 0 10px 30px; } }
    .home-case__box::after {
      position: absolute;
      display: block;
      content: "";
      width: 100%;
      height: calc(100% - 36px);
      left: 0;
      bottom: 0;
      background: rgba(16, 28, 97, 0.9);
      clip-path: polygon(0 0, 50% 0, 50% 60px, 100% 60px, 100% 100%, 0 100%); }
      @media only screen and (max-width: 600px) {
        .home-case__box::after {
          height: calc(100% - 8vw);
          clip-path: polygon(0 0, 80% 0, 80% 8vw, 100% 8vw, 100% 100%, 0 100%); } }
      @media only screen and (max-width: 480px) {
        .home-case__box::after {
          height: calc(100% - 6vw); } }
  .home-case__ttl {
    position: relative;
    font-size: 60px;
    line-height: 1.2;
    z-index: 1; }
    @media only screen and (max-width: 600px) {
      .home-case__ttl {
        font-size: 10vw; } }
  .home-case__ttl-sub {
    display: block;
    font-size: 12px;
    font-weight: bold; }
  .home-case__list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 40px;
    z-index: 1; }
  .home-case__list-link, .home-dz__list-link {
    position: relative;
    display: block;
    width: 220px;
    margin: 0 auto;
    padding: 10px 30px 10px 10px;
    color: #FFF;
    font-size: 16px;
    letter-spacing: -0.2px;
    border: 1px solid #FFF;
    transition: all ease .3s; }
    @media only screen and (max-width: 768px) {
      .home-case__list-link, .home-dz__list-link {
        padding: 10px 40px 10px 10px;
        font-size: 3.2vw; } }
    .home-case__list-link::before, .home-dz__list-link::before {
      position: absolute;
      display: block;
      content: "";
      width: 28px;
      height: 6px;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      transition: right ease .3s;
      background: url("/shr/img/common/icon_arrow_01.png") center center no-repeat;
      background-size: 100% auto; }
      @media only screen and (max-width: 768px) {
        .home-case__list-link::before, .home-dz__list-link::before {
          width: 21px;
          right: 10px; } }
    .home-case__list-link:hover, .home-dz__list-link:hover {
      background: rgba(255, 255, 255, 0.2); }
    .home-case__list-link:hover::before, .home-dz__list-link:hover::before {
      right: 10px; }
      @media only screen and (max-width: 768px) {
        .home-case__list-link:hover::before, .home-dz__list-link:hover::before {
          right: 5px; } }

.home-dz__list-link {
  margin-top: 40px;
  margin-left: 0; }

.home-recruit {
  width: calc(100% - 40px);
  max-width: 1380px;
  margin: 100px auto; }
  @media only screen and (max-width: 768px) {
    .home-recruit {
      margin: 10vw auto;
      width: 90%; } }
  @media only screen and (max-width: 414px) {
    .home-recruit {
      margin: 15vw auto; } }
  .home-recruit__inner {
    position: relative;
    margin-top: 45px;
    background: url("/shr/img/index/img-recruit.jpg") left top no-repeat;
    background-size: 100% auto; }
    @media only screen and (max-width: 768px) {
      .home-recruit__inner {
        background-size: 125% auto; } }
    @media only screen and (max-width: 768px) {
      .home-recruit__inner {
        background: url("/shr/img/index/img-recruit.jpg") center top no-repeat;
        background-size: 166.66% auto; } }
  .home-recruit__ttl {
    color: #4167D8;
    text-align: center;
    font-size: 60px;
    line-height: 1.2; }
    @media only screen and (max-width: 600px) {
      .home-recruit__ttl {
        font-size: 10vw; } }
  .home-recruit__ttl-sub {
    display: block;
    color: #333;
    font-size: 12px;
    font-weight: bold; }
  .home-recruit__box {
    position: absolute;
    top: 230px;
    left: 50%;
    color: #FFF;
    transform: translateX(-50%);
    z-index: 5; }
    @media only screen and (max-width: 768px) {
      .home-recruit__box {
        top: 36vw; } }
    @media only screen and (max-width: 600px) {
      .home-recruit__box {
        top: 40vw; } }
  .home-recruit__box-ttl {
    display: inline;
    font-style: italic;
    font-size: 46px;
    line-height: 1.3;
    font-weight: bold;
    white-space: nowrap;
    background: linear-gradient(transparent 35%, #0A1B7C 0%); }
    @media only screen and (max-width: 768px) {
      .home-recruit__box-ttl {
        font-size: 5.4vw;
        background: linear-gradient(transparent 20%, #0A1B7C 0%); } }
    @media only screen and (max-width: 480px) {
      .home-recruit__box-ttl {
        background: linear-gradient(transparent 0, #0A1B7C 0%); } }
  .home-recruit__btnarea {
    margin-top: 50px; }
    @media only screen and (max-width: 768px) {
      .home-recruit__btnarea {
        margin-top: 5vw; } }
    @media only screen and (max-width: 600px) {
      .home-recruit__btnarea {
        margin-top: 8vw; } }
  .home-recruit__btn-link {
    position: relative;
    display: block;
    width: 220px;
    margin: 0 auto;
    padding: 10px 30px 10px 10px;
    color: #FFF;
    font-size: 16px;
    background: #4167D8;
    border: 1px solid #4167D8;
    letter-spacing: -0.2px;
    transition: all ease .3s; }
    @media only screen and (max-width: 600px) {
      .home-recruit__btn-link {
        font-size: 3.2vw; } }
    .home-recruit__btn-link::before {
      position: absolute;
      display: block;
      content: "";
      width: 28px;
      height: 6px;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      transition: right ease .3s;
      background: url("/shr/img/common/icon_arrow_01.png") center center no-repeat;
      background-size: 100% auto; }
      @media only screen and (max-width: 768px) {
        .home-recruit__btn-link::before {
          width: 21px; } }
    .home-recruit__btn-link:hover {
      color: #0A1B7C;
      background: #FFF; }
    .home-recruit__btn-link:hover::before {
      right: 10px;
      background: url("/shr/img/common/icon_arrow_03.png") center center no-repeat;
      background-size: 100% auto; }
  .home-recruit__persons {
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: 80px; }
  .home-recruit__persons-img {
    position: relative;
    margin: 0 -45px; }
    @media only screen and (max-width: 600px) {
      .home-recruit__persons-img {
        margin: 0 -6vw; } }
    @media only screen and (max-width: 768px) {
      .home-recruit__persons-img img {
        height: 58vw;
        width: auto; } }
    .home-recruit__persons-img.layer1 {
      z-index: 1; }
    .home-recruit__persons-img.layer2 {
      z-index: 2; }
    .home-recruit__persons-img.layer3 {
      z-index: 3; }
    .home-recruit__persons-img.layer4 {
      z-index: 4; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

reason CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.reason__contents, .reason__contents--right {
  width: 100%;
  display: flex;
  margin: 0 auto 100px;
  background: #EEE;
  position: relative; }
  @media (max-width: 900px) {
    .reason__contents, .reason__contents--right {
      display: block; } }

.reason__inner {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 100px; }
  @media (max-width: 900px) {
    .reason__inner {
      padding: 0 0 10vw; } }
  @media (max-width: 600px) {
    .reason__inner {
      padding: 0 0 15vw; } }
.reason__concept {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 25px 100px; }
  @media (max-width: 900px) {
    .reason__concept {
      padding: 0 20px 10vw; } }
  @media (max-width: 600px) {
    .reason__concept {
      padding: 0 15px 15vw; } }
.reason__concept-txt {
  margin: 0 0 55px;
  font-size: 24px;
  font-weight: bold; }
.reason__concept-item {
  font-size: 18px;
  margin: .5em 0 0; }
.reason__contents--right {
  justify-content: flex-end; }
.reason__img-box {
  width: 50%;
  position: relative;
  z-index: 0; }
  @media (max-width: 900px) {
    .reason__img-box {
      width: 100%; } }
.reason__txt-box {
  box-sizing: border-box;
  width: 53.333%;
  min-height: 300px;
  padding: 50px;
  background: #1F2A68;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1; }
  @media (max-width: 900px) {
    .reason__txt-box {
      width: 100%;
      min-height: none;
      padding: 50px 20px;
      position: relative; } }
  @media (max-width: 600px) {
    .reason__txt-box {
      padding: 30px 15px; } }
  .reason__contents--right .reason__txt-box {
    right: auto;
    left: 0; }
.reason__cont-ttl {
  margin: 0 0 13px;
  font-size: 24px;
  font-weight: bold;
  color: #FFF; }
  @media (max-width: 600px) {
    .reason__cont-ttl {
      font-size: 18px; } }
.reason__txt {
  color: #FFF; }
.reason__link-list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto; }
  @media (max-width: 900px) {
    .reason__link-list {
      display: block; } }
.reason__link-item {
  width: 49.123%;
  background: #EEE;
  position: relative; }
  @media (max-width: 900px) {
    .reason__link-item {
      width: 100%;
      margin: 0 0 10px; }
      .reason__link-item:last-child {
        margin: 0; } }
  .reason__link-item::before, .reason__link-item::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 20px;
    right: 25px;
    width: 26px;
    height: 11px;
    margin: -6px 0 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
    @media (max-width: 600px) {
      .reason__link-item::before, .reason__link-item::after {
        bottom: 10px; } }
  .reason__link-item::after {
    right: 41px;
    width: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: right 0.3s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  .reason__link-item:hover {
    opacity: .7; }
    .reason__link-item:hover::before {
      width: 0;
      transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .reason__link-item:hover::after {
      right: 25px;
      width: 26px;
      transition: right 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
.reason__cont-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; }
.reason__link-img {
  width: 160px; }
  @media (max-width: 600px) {
    .reason__link-img {
      width: 100px; } }
.reason__link-box {
  box-sizing: border-box;
  width: calc(100% - 188px);
  padding: 0 10px 0 0; }
  @media (max-width: 600px) {
    .reason__link-box {
      width: calc(100% - 128px); } }
.reason__link-txt {
  font-size: 14px; }
  @media (max-width: 600px) {
    .reason__link-txt {
      font-size: 12px; } }
.reason__link-txt span {
  margin-bottom: 12px;
  display: block;
  font-size: 40px;
  line-height: 1;
  color: #3f66d8; }
  @media (max-width: 900px) {
    .reason__link-txt span {
      font-size: 30px; } }
  @media (max-width: 600px) {
    .reason__link-txt span {
      font-size: 7vw; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

page-navi CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.page-navi__inner {
  width: 100%;
  max-width: 1200px;
  padding-bottom: 100px;
  margin: 0 auto; }
  @media (max-width: 900px) {
    .page-navi__inner {
      padding: 0 20px 10vw; } }
  @media (max-width: 600px) {
    .page-navi__inner {
      padding: 0 15px 15vw; } }
.page-navi__list {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  border: #ddd solid 1px;
  border-right: none;
  border-bottom: none; }
.page-navi__list-item {
  width: 25%;
  border-right: #ddd solid 1px;
  border-bottom: #ddd solid 1px; }
  @media only screen and (max-width: 768px) {
    .page-navi__list-item {
      width: 33.333%; } }
  @media (max-width: 600px) {
    .page-navi__list-item {
      width: 50%; } }
  .page-navi__list-item--wide {
    width: 33.333%;
    border-right: #ddd solid 1px;
    border-bottom: #ddd solid 1px;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 768px) {
      .page-navi__list-item--wide {
        width: 50%; } }
    @media (max-width: 600px) {
      .page-navi__list-item--wide {
        width: 100%; } }
.page-navi__list-item-link {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 20px 50px 20px 20px;
  font-size: 16px;
  position: relative;
  transition: all ease .3s; }
  @media only screen and (max-width: 768px) {
    .page-navi__list-item-link {
      font-size: 1.8vw; } }
  @media (max-width: 600px) {
    .page-navi__list-item-link {
      padding: 15px 40px 15px 10px;
      font-size: 3vw; } }
  .page-navi__list-item-link:hover {
    color: #FFF;
    background: #888; }
    .page-navi__list-item-link:hover::before {
      right: 15px;
      background: url("/shr/img/common/icon_arrow_01.png") center center no-repeat;
      background-size: 100% auto; }
      @media only screen and (max-width: 600px) {
        .page-navi__list-item-link:hover::before {
          right: 5px; } }
  .page-navi__list-item-link::before {
    position: absolute;
    display: block;
    content: "";
    width: 28px;
    height: 6px;
    right: 20px;
    top: 50%;
    background: url("/shr/img/common/icon_arrow_02.png") center center no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
    transition: right ease .3s; }
    @media only screen and (max-width: 768px) {
      .page-navi__list-item-link::before {
        width: 21px; } }
    @media only screen and (max-width: 600px) {
      .page-navi__list-item-link::before {
        right: 10px; } }
  .page-navi__list-item-link--wide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 20px 50px 20px 20px;
    font-size: 16px;
    position: relative;
    transition: all ease .3s; }
    @media only screen and (max-width: 768px) {
      .page-navi__list-item-link--wide {
        font-size: 1.8vw; } }
    @media (max-width: 600px) {
      .page-navi__list-item-link--wide {
        font-size: 3.6vw;
        padding: 15px 40px 15px 10px; } }
    .page-navi__list-item-link--wide:hover {
      color: #FFF;
      background: #888; }
      .page-navi__list-item-link--wide:hover::before {
        right: 15px;
        background: url("/shr/img/common/icon_arrow_01.png") center center no-repeat;
        background-size: 100% auto; }
        @media only screen and (max-width: 600px) {
          .page-navi__list-item-link--wide:hover::before {
            right: 5px; } }
    .page-navi__list-item-link--wide::before {
      position: absolute;
      display: block;
      content: "";
      width: 28px;
      height: 6px;
      right: 20px;
      top: 50%;
      background: url("/shr/img/common/icon_arrow_02.png") center center no-repeat;
      background-size: 100% auto;
      transform: translateY(-50%);
      transition: right ease .3s; }
      @media only screen and (max-width: 768px) {
        .page-navi__list-item-link--wide::before {
          width: 21px; } }
      @media only screen and (max-width: 600px) {
        .page-navi__list-item-link--wide::before {
          right: 10px; } }

.navi-top50 {
  margin-top: 50px; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

service-ntroduction CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.service-ntroduction {
 /*
&__concept-list {
	margin: 23px auto 32px;
	padding: 28px 0;
	border-top: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
}
&__concept-item {
	font-size: 16px;
	font-weight: bold;
	text-indent: -1em;
	margin: 0 0 .5em;
	padding: 0 0 0 1em;
	&:last-child {
		margin: 0;
	}
	@include sp {
		font-size: 14px;
	}
}*/ }
  .service-ntroduction__inner {
    padding: 100px 0; }
    @media (max-width: 900px) {
      .service-ntroduction__inner {
        padding: 10vw 0; } }
    @media (max-width: 600px) {
      .service-ntroduction__inner {
        padding: 15vw 0; } }
    .service-ntroduction__inner--gray {
      padding: 100px 0;
      background: #F6F6F6; }
      @media (max-width: 900px) {
        .service-ntroduction__inner--gray {
          padding: 10vw 0; } }
      @media (max-width: 600px) {
        .service-ntroduction__inner--gray {
          padding: 15vw 0; } }
    .service-ntroduction__inner--bottom {
      padding: 0 0 100px; }
      @media (max-width: 900px) {
        .service-ntroduction__inner--bottom {
          padding: 0 0 10vw; } }
      @media (max-width: 600px) {
        .service-ntroduction__inner--bottom {
          padding: 0 0 15vw; } }
  .service-ntroduction__txt-center {
    margin: 0 auto 100px;
    padding: 0 20px;
    text-align: center;
    font-size: 16px; }
    @media (max-width: 900px) {
      .service-ntroduction__txt-center {
        margin: 0 auto 10vw;
        padding: 0 20px; } }
    @media (max-width: 600px) {
      .service-ntroduction__txt-center {
        margin: 0 auto 15vw;
        text-align: left;
        padding: 0 15px; } }
  .service-ntroduction__concept-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
    @media (max-width: 900px) {
      .service-ntroduction__concept-box {
        display: block; } }
    .service-ntroduction__concept-box--right {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: row-reverse;
      width: 100%; }
      @media (max-width: 900px) {
        .service-ntroduction__concept-box--right {
          display: block; } }
  .service-ntroduction__concept-img-box {
    width: 50%;
    height: 50vw; }
    @media (max-width: 900px) {
      .service-ntroduction__concept-img-box {
        width: 100%;
        height: 66.5vw; } }
  .service-ntroduction__concept-txt-box {
    box-sizing: border-box;
    width: 50%;
    padding: 15px 50px; }
    @media (max-width: 900px) {
      .service-ntroduction__concept-txt-box {
        width: 100%;
        padding: 20px 20px 50px; } }
    @media (max-width: 600px) {
      .service-ntroduction__concept-txt-box {
        padding: 20px 15px 50px; } }
    @media (max-width: 900px) {
      .service-ntroduction__concept-txt-box.no-bottom {
        padding: 20px 20px 0; } }
    @media (max-width: 600px) {
      .service-ntroduction__concept-txt-box.no-bottom {
        width: 100%;
        padding: 20px 15px 0; } }
  .service-ntroduction__concept-ttl {
    display: block;
    width: 100%;
    font-size: 36px;
    font-weight: bold;
    margin: 0 0 42px;
    padding: 0 0 5px;
    border-bottom: solid 2px #476DB4; }
    @media (max-width: 900px) {
      .service-ntroduction__concept-ttl {
        font-size: 28px; } }
    @media (max-width: 600px) {
      .service-ntroduction__concept-ttl {
        font-size: 20px; } }
  .service-ntroduction__concept-subttl {
    margin: 30px 0 0;
    font-size: 16px;
    font-weight: bold; }
    @media (max-width: 600px) {
      .service-ntroduction__concept-subttl {
        margin: 20px 0 0;
        font-size: 14px; } }
  .service-ntroduction__concept-txt {
    font-size: 16px; }
    @media (max-width: 600px) {
      .service-ntroduction__concept-txt {
        font-size: 14px; } }
  .service-ntroduction__link {
    max-width: 375px;
    padding: 28px 65px 28px 20px;
    margin: 45px 0 0;
    font-size: 15px;
    color: #FFF;
    background: #476DB4;
    border: none;
    transition: background .3s ease-in-out; }
    @media (max-width: 600px) {
      .service-ntroduction__link {
        width: 80vw;
        max-width: none;
        font-size: 12px; } }
    .service-ntroduction__link::before, .service-ntroduction__link::after {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right; }
    .service-ntroduction__link::after {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right; }
  .service-ntroduction__main-txt-warp {
    max-width: 840px;
    padding: 0 20px;
    margin: 0 auto 50px; }
    @media (max-width: 600px) {
      .service-ntroduction__main-txt-warp {
        padding: 0; } }
    .service-ntroduction__main-txt-warp--top {
      max-width: 840px;
      padding: 0 20px;
      margin: 0 auto 50px; }
      @media (max-width: 600px) {
        .service-ntroduction__main-txt-warp--top {
          padding: 0 15px; } }
  .service-ntroduction__main-center-ttl {
    box-sizing: border-box;
    width: 100%;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding: 0 20px 9px; }
    @media (max-width: 900px) {
      .service-ntroduction__main-center-ttl {
        font-size: 28px; } }
    @media (max-width: 600px) {
      .service-ntroduction__main-center-ttl {
        font-size: 20px; } }
    .service-ntroduction__main-center-ttl--noline {
      width: 100%;
      font-size: 36px;
      font-weight: bold;
      text-align: center;
      margin: 100px auto 60px; }
      @media (max-width: 900px) {
        .service-ntroduction__main-center-ttl--noline {
          font-size: 28px;
          margin: 10vw auto 60px; } }
      @media (max-width: 600px) {
        .service-ntroduction__main-center-ttl--noline {
          font-size: 20px;
          margin: 15vw auto 50px; } }
  .service-ntroduction__main-center-ttl-line {
    display: table;
    border-bottom: solid 2px #476DB4;
    margin: 0 auto 50px; }
  .service-ntroduction__center-ttl {
    box-sizing: border-box;
    width: 100%;
    max-width: 300px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 50px;
    padding: 0 0 9px;
    border-bottom: solid 2px #476DB4; }
    @media (max-width: 900px) {
      .service-ntroduction__center-ttl {
        font-size: 28px; } }
    @media (max-width: 600px) {
      .service-ntroduction__center-ttl {
        font-size: 20px; } }
    .service-ntroduction__center-ttl--noline {
      width: 100%;
      font-size: 36px;
      font-weight: bold;
      text-align: center;
      margin: 100px auto 60px; }
      @media (max-width: 900px) {
        .service-ntroduction__center-ttl--noline {
          font-size: 28px;
          margin: 10vw auto 60px; } }
      @media (max-width: 600px) {
        .service-ntroduction__center-ttl--noline {
          font-size: 20px;
          margin: 15vw auto 50px; } }
  .service-ntroduction__main-txt-sub-ttl {
    display: block;
    font-weight: bold;
    margin-bottom: 30px; }
  .service-ntroduction__main-txt {
    width: 100%;
    font-size: 16px;
    margin: 0 auto 40px;
    padding: 0; }
    @media (max-width: 600px) {
      .service-ntroduction__main-txt {
        padding: 0;
        font-size: 14px; } }
  .service-ntroduction__strengths-list {
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 25px; }
    @media (max-width: 900px) {
      .service-ntroduction__strengths-list {
        padding: 0; } }
    @media (max-width: 600px) {
      .service-ntroduction__strengths-list {
        padding: 0; } }
  .service-ntroduction__strengths-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #476DB4;
    margin: 0 auto 20px; }
    .service-ntroduction__strengths-item:last-child {
      margin: 0 auto; }
    @media (max-width: 600px) {
      .service-ntroduction__strengths-item {
        display: block;
        margin: 0 auto; } }
  .service-ntroduction__strengths-img {
    width: 380px; }
    @media (max-width: 900px) {
      .service-ntroduction__strengths-img {
        width: 290px; } }
    @media (max-width: 600px) {
      .service-ntroduction__strengths-img {
        width: 100%; } }
  .service-ntroduction__strengths-txt-box {
    box-sizing: border-box;
    width: calc(100% - 380px);
    padding: 10px 50px 10px 38px; }
    @media (max-width: 900px) {
      .service-ntroduction__strengths-txt-box {
        width: calc(100% - 310px);
        padding: 15px 20px; } }
    @media (max-width: 600px) {
      .service-ntroduction__strengths-txt-box {
        width: 100%;
        padding: 20px 15px; } }
  .service-ntroduction__strengths-txt-num {
    font-size: 24px;
    color: #FFF; }
    @media (max-width: 600px) {
      .service-ntroduction__strengths-txt-num {
        font-size: 18px; } }
  .service-ntroduction__strengths-ttl {
    margin: 23px 0 0;
    font-size: 18px;
    font-weight: bold;
    color: #FFF; }
    @media (max-width: 600px) {
      .service-ntroduction__strengths-ttl {
        font-size: 16px; } }
  .service-ntroduction__strengths-txt {
    margin: 20px 0 0;
    font-size: 14px;
    color: #FFF; }
  .service-ntroduction__service-img {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 100px; }
    @media (max-width: 900px) {
      .service-ntroduction__service-img {
        margin: 0 auto 10vw; } }
    @media (max-width: 600px) {
      .service-ntroduction__service-img {
        margin: 0 auto 15vw; } }
  @media (max-width: 600px) {
    .service-ntroduction__img--pc {
      display: none; } }
  .service-ntroduction__img--sp {
    display: none; }
    @media (max-width: 600px) {
      .service-ntroduction__img--sp {
        display: block; } }
  .service-ntroduction__facility-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto; }
    @media (max-width: 600px) {
      .service-ntroduction__facility-list {
        display: block; } }
  .service-ntroduction__facility-item {
    width: 30%;
    max-width: 380px;
    background: #476DB4; }
    @media (max-width: 600px) {
      .service-ntroduction__facility-item {
        width: 100%;
        max-width: none; } }
  .service-ntroduction__facility-ttl {
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    padding: 40px 30px 22px; }
    @media (max-width: 900px) {
      .service-ntroduction__facility-ttl {
        padding: 40px 20px 22px; } }
    @media (max-width: 600px) {
      .service-ntroduction__facility-ttl {
        margin: 0 0 10px;
        padding: 20px 15px; } }
  .service-ntroduction__sub-list {
    padding: 0 30px 33px; }
    @media (max-width: 900px) {
      .service-ntroduction__sub-list {
        padding: 0 20px 22px; } }
    @media (max-width: 600px) {
      .service-ntroduction__sub-list {
        padding: 0 15px 22px; } }
  .service-ntroduction__sub-item {
    font-size: 14px;
    color: #FFF;
    text-indent: -1em;
    padding: 0 0 .5em 1em; }
    .service-ntroduction__sub-item:last-child {
      padding: 0 0 0 1em; }
  .service-ntroduction__concept-list-item {
    margin-bottom: 15px; }
    .service-ntroduction__concept-list-item:last-child {
      margin-bottom: 0; }
  .service-ntroduction__concept-list-ttl {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px; }
  .service-ntroduction__concept-list-txt a {
    text-decoration: underline; }
  .service-ntroduction__concept-glay-list {
    margin-top: 30px;
    background: #F6F6F6;
    padding: 20px; }
  .service-ntroduction__concept-glay-list-item {
    margin-bottom: 30px; }
    .service-ntroduction__concept-glay-list-item:last-child {
      margin-bottom: 0; }
  .service-ntroduction__concept-glay-list-ttl {
    font-weight: bold;
    display: inline-block; }
  .service-ntroduction__inner-block {
    max-width: 1040px;
    padding: 0 20px;
    margin: 0 auto 50px; }
  .service-ntroduction__facility-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    flex-flow: wrap;
    margin: 0 auto; }
    .service-ntroduction__facility-list::after {
      content: "";
      display: block;
      width: 30%;
      height: 0; }
    @media (max-width: 600px) {
      .service-ntroduction__facility-list {
        display: block; } }
  .service-ntroduction__facility-item {
    width: 30%;
    max-width: 380px;
    background: #476DB4; }
    @media (max-width: 600px) {
      .service-ntroduction__facility-item {
        width: 100%;
        max-width: none; } }
  .service-ntroduction__facility-ttl {
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    padding: 40px 30px 22px; }
    @media (max-width: 900px) {
      .service-ntroduction__facility-ttl {
        padding: 40px 20px 22px; } }
    @media (max-width: 600px) {
      .service-ntroduction__facility-ttl {
        margin: 0 0 10px;
        padding: 20px 15px; } }
  .service-ntroduction__sub-list {
    padding: 0 30px 33px; }
    @media (max-width: 900px) {
      .service-ntroduction__sub-list {
        padding: 0 20px 22px; } }
    @media (max-width: 600px) {
      .service-ntroduction__sub-list {
        padding: 0 15px 22px; } }
  .service-ntroduction__sub-item {
    font-size: 14px;
    color: #FFF;
    text-indent: -1em;
    padding: 0 0 .5em 1em; }
    .service-ntroduction__sub-item:last-child {
      padding: 0 0 0 1em; }
  .service-ntroduction__img {
    display: block;
    width: 100%;
    margin: 0 auto; }
  .service-ntroduction__banner-area {
    margin: 60px auto 0; }
    @media (max-width: 900px) {
      .service-ntroduction__banner-area {
        margin-top: 6vw; } }
    @media (max-width: 600px) {
      .service-ntroduction__banner-area {
        margin-top: 9vw; } }
    .service-ntroduction__banner-area + #service {
      margin-top: 60px; }
      @media (max-width: 900px) {
        .service-ntroduction__banner-area + #service {
          margin-top: 6vw; } }
      @media (max-width: 600px) {
        .service-ntroduction__banner-area + #service {
          margin-top: 9vw; } }
  .service-ntroduction__banner-link {
    display: block;
    width: 90vw;
    max-width: 600px;
    margin: 0 auto;
    transition: opacity .3s; }
    .service-ntroduction__banner-link:hover {
      opacity: .8; }
  .service-ntroduction__banner-area-btn {
    position: relative;
    display: block;
    width: 90vw;
    max-width: 500px;
    margin: 0 auto;
    padding: 35px 40px 35px 20px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    background: #1f2a68;
    border: 1px solid #FFF;
    letter-spacing: -0.2px;
    transition: all ease .3s; }
    @media only screen and (max-width: 600px) {
      .service-ntroduction__banner-area-btn {
        font-size: 3.2vw;
        padding: 4.2vw 40px 4.2vw 20px; } }
    .service-ntroduction__banner-area-btn::before {
      position: absolute;
      display: block;
      content: "";
      width: 28px;
      height: 6px;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      transition: right ease .3s;
      background: url("/shr/img/common/icon_arrow_01.png") center center no-repeat;
      background-size: 100% auto; }
      @media only screen and (max-width: 768px) {
        .service-ntroduction__banner-area-btn::before {
          width: 21px; } }
    .service-ntroduction__banner-area-btn:hover {
      color: #0A1B7C;
      background: #FFF;
      border: 1px solid #4167D8; }
    .service-ntroduction__banner-area-btn:hover::before {
      right: 10px;
      background: url("/shr/img/common/icon_arrow_03.png") center center no-repeat;
      background-size: 100% auto; }
    .service-ntroduction__banner-area-btn + .service-ntroduction__banner-area-btn {
      margin-top: 20px; }
      @media only screen and (max-width: 768px) {
        .service-ntroduction__banner-area-btn + .service-ntroduction__banner-area-btn {
          margin-top: 10px; } }
  .service-ntroduction__gray-block {
    max-width: 800px;
    margin: 0 auto 50px; }
    .service-ntroduction__gray-block:last-child {
      margin: 0 auto; }
  .service-ntroduction__gray-block-sub-ttl {
    display: block;
    font-weight: bold;
    margin-bottom: 30px; }
  .service-ntroduction__gray-block-main-img {
    display: block; }
  .service-ntroduction__gray-block-main-txt {
    width: 100%;
    font-size: 16px;
    margin: 0 auto 40px;
    padding: 0; }
    @media only screen and (max-width: 768px) {
      .service-ntroduction__gray-block-main-txt {
        padding: 0 20px;
        font-size: 14px; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

service CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.service-head {
  width: 100%;
  margin: 0 auto; }
  .service-head__inner {
    padding: 0 0 70px;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .service-head__inner {
        padding: 0 0 35px; } }
  .service-head__ttl {
    font-size: 20px;
    font-weight: 500; }
    @media only screen and (max-width: 768px) {
      .service-head__ttl {
        font-size: 3vw; } }
    @media only screen and (max-width: 414px) {
      .service-head__ttl {
        font-size: 4vw;
        text-align: left; } }
  .service-head__sp-br-no {
    display: none; }
    @media only screen and (max-width: 768px) {
      .service-head__sp-br-no {
        display: block; } }
    @media only screen and (max-width: 414px) {
      .service-head__sp-br-no {
        display: none; } }
    .service-head__sp-br-no--disp {
      display: block; }
      @media only screen and (max-width: 414px) {
        .service-head__sp-br-no--disp {
          display: none; } }
  .service-head__main-txt-warp {
    max-width: 1390px;
    padding: 50px 20px;
    margin: -100px  auto 0;
    background: #F6F6F6; }
    @media (max-width: 600px) {
      .service-head__main-txt-warp {
        padding: 30px 15px; } }
  .service-head__main-txt-inner {
    max-width: 840px;
    margin: 0 auto; }
  .service-head__main-visual-warp {
    width: 100%;
    max-height: 750px;
    display: block;
    overflow: hidden; }
  .service-head__main-visual {
    height: 100%;
    background: url("/shr/img/service/index/main_pc.jpg") top center/cover no-repeat;
    padding-top: 50%; }
    @media (max-width: 900px) {
      .service-head__main-visual {
        background: url("/shr/img/service/index/main_sp.jpg") top center/cover no-repeat;
        padding-top: 75%; } }
    @media (max-width: 600px) {
      .service-head__main-visual {
        padding-top: 100%; } }
  .service-head__main-txt {
    text-align: left; }
    @media (max-width: 600px) {
      .service-head__main-txt {
        font-size: 14px; } }
  .service-head__main-center-ttl {
    box-sizing: border-box;
    width: 100%;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding: 0 20px 9px; }
    @media (max-width: 900px) {
      .service-head__main-center-ttl {
        font-size: 24px; } }
    @media (max-width: 600px) {
      .service-head__main-center-ttl {
        font-size: 5.7vw; } }
    .service-head__main-center-ttl--noline {
      width: 100%;
      font-size: 36px;
      font-weight: bold;
      text-align: center;
      margin: 100px auto 60px; }
      @media (max-width: 900px) {
        .service-head__main-center-ttl--noline {
          font-size: 28px;
          margin: 10vw auto 60px; } }
      @media (max-width: 600px) {
        .service-head__main-center-ttl--noline {
          font-size: 20px;
          margin: 15vw auto 50px; } }
  .service-head__main-center-ttl-line {
    display: table;
    border-bottom: solid 2px #476DB4;
    margin: 0 auto 50px; }
    @media (max-width: 600px) {
      .service-head__main-center-ttl-line {
        margin: 0 auto 25px; } }
  .service-head__br-sp {
    display: none; }
    @media (max-width: 600px) {
      .service-head__br-sp {
        display: block; } }

.service-main__field {
  display: block;
  padding: 0;
  margin: 0 auto 100px; }
  @media only screen and (max-width: 768px) {
    .service-main__field {
      margin-bottom: 50px; } }
.service-main #service {
  margin-top: -120px;
  padding-top: 120px; }
  @media (max-width: 600px) {
    .service-main #service {
      margin-top: -10vw;
      padding-top: 10vw; } }
  @media (max-width: 600px) {
    .service-main #service {
      margin-top: -15vw;
      padding-top: 15vw; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

sitemap CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.sitemap {
  margin-bottom: 80px; }
  @media (max-width: 900px) {
    .sitemap {
      margin-bottom: 8vw; } }
  @media (max-width: 600px) {
    .sitemap {
      margin-bottom: 12vw; } }
  .sitemap__inner {
    display: flex;
    flex-wrap: wrap;
    margin: -50px -25px 0; }
    @media (max-width: 900px) {
      .sitemap__inner {
        margin: -5vw -20px 0; } }
    @media (max-width: 600px) {
      .sitemap__inner {
        margin: -7.5vw -15px 0; } }
  .sitemap__block {
    width: 33%;
    padding: 50px 25px 0; }
    @media (max-width: 900px) {
      .sitemap__block {
        width: 33.3333333333%;
        padding: 5vw 20px 0; } }
    @media (max-width: 600px) {
      .sitemap__block {
        width: 100%;
        padding: 7.5vw 15px 0; } }
  .sitemap__ttl {
    display: block; }
  .sitemap__txt, .sitemap__txt--news, .sitemap__txt--mg {
    display: block;
    color: #071358;
    font-size: 20px;
    font-weight: bold; }
    .sitemap__txt[href*="/"], .sitemap__txt--news[href*="/"], .sitemap__txt--mg[href*="/"] {
      transition: color .3s ease-in-out; }
      .sitemap__txt[href*="/"]:hover, .sitemap__txt--news[href*="/"]:hover, .sitemap__txt--mg[href*="/"]:hover {
        color: #4268D9; }
    @media (max-width: 900px) {
      .sitemap__txt, .sitemap__txt--news, .sitemap__txt--mg {
        font-size: 3vw; } }
    @media (max-width: 600px) {
      .sitemap__txt, .sitemap__txt--news, .sitemap__txt--mg {
        font-size: 4vw; } }
  .sitemap__txt--news {
    padding: 10px 0 0; }
    @media (max-width: 600px) {
      .sitemap__txt--news {
        padding: 7.5vw 0 0; } }
  .sitemap__txt--mg {
    padding: 40px 0 0; }
    @media (max-width: 600px) {
      .sitemap__txt--mg {
        padding: 7.5vw 0 0; } }
  .sitemap__list {
    padding: 10px 0 0; }
    @media (max-width: 900px) {
      .sitemap__list {
        padding: 1vw 0 0; } }
    @media (max-width: 600px) {
      .sitemap__list {
        padding: 1.5vw 0 0; } }
  .sitemap__item {
    width: 100%; }
  .sitemap__link {
    display: block;
    width: 100%;
    color: #444;
    margin: 10px 0 0;
    transition: color .3s ease-in-out; }
    .sitemap__link:hover {
      color: #000; }
    @media (max-width: 900px) {
      .sitemap__link {
        margin: 1vw 0 0; } }
    @media (max-width: 600px) {
      .sitemap__link {
        margin: 1.5vw 0 0; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

compliance CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.compliance__table-th-left, .compliance__table-th-center, .compliance__table-th-right {
  padding: 10px;
  background: #4268D9;
  border-left: #ddd solid 1px;
  border-bottom: #ddd solid 1px;
  color: #FFF;
  text-align: center; }

.compliance__table-warp {
  overflow-x: scroll; }
  .compliance__table-warp::-webkit-scrollbar {
    height: 10px; }
  .compliance__table-warp::-webkit-scrollbar-track {
    margin: 0;
    background: #ccc; }
  .compliance__table-warp::-webkit-scrollbar-thumb {
    background: #666; }

.compliance__cont {
  padding-bottom: 60px; }
  @media (max-width: 600px) {
    .compliance__cont {
      width: 90vw;
      padding-bottom: 30px; } }
.compliance__list-item {
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 5px; }
  .compliance__list-item:last-child {
    margin-bottom: 0; }
.compliance__table-warp {
  overflow: auto; }
.compliance__table {
  width: 100%;
  max-width: 900px;
  min-width: 800px;
  margin-top: 20px;
  border: #ddd solid 1px; }
.compliance__table-th-left {
  width: 300px; }
.compliance__table-th-center {
  max-width: calc(100% - 300px); }
.compliance__table-th-right {
  width: auto; }
.compliance__table-td {
  padding: 10px;
  border-left: #ddd solid 1px;
  border-bottom: #ddd solid 1px; }
.compliance__table-sup {
  font-size: .1rem;
  vertical-align: top;
  color: #FF0004; }
.compliance__att-list {
  margin-top: 10px; }