@charset "UTF-8";
/* Scss Document */
.josefin {
  font-family: "Josefin Sans", sans-serif !important;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.roundList {
  background: #f3f1f0;
  border-radius: 10px;
  border: solid 2px #297fb8;
}
.roundList dt {
  position: relative;
  background: #297fb8;
  padding: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  text-align: center;
  color: #fff;
  border-radius: 5px 5px 0 0;
}
.roundList dt .number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #297fb8;
  position: absolute;
  top: -18px;
  right: 0;
  left: 0;
  margin: auto;
  font-size: 1.8rem;
  font-family: stix-two-math, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #fff;
  border-radius: 50%;
}
.roundList dd {
  padding: 10px 20px;
  font-size: 1.4rem;
  border-top: solid 2px #297fb8;
}
.roundList dd ul li {
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}
.roundList dd ul li span {
  font-size: 1.2rem;
}
.roundList dd p {
  font-size: 1.4rem;
}
@media (max-width: 480px) {
  .roundList {
    width: 100%;
  }
}
.roundList-wh {
  background: #f3f1f0;
  border-radius: 10px;
  border: solid 2px #297fb8;
  background: #f3f1f0;
  border: solid 2px #297fb8;
}
.roundList-wh dt {
  position: relative;
  background: #297fb8;
  padding: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  text-align: center;
  color: #fff;
  border-radius: 5px 5px 0 0;
}
.roundList-wh dt .number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #297fb8;
  position: absolute;
  top: -18px;
  right: 0;
  left: 0;
  margin: auto;
  font-size: 1.8rem;
  font-family: stix-two-math, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #fff;
  border-radius: 50%;
}
.roundList-wh dd {
  padding: 10px 20px;
  font-size: 1.4rem;
  border-top: solid 2px #297fb8;
}
.roundList-wh dd ul li {
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}
.roundList-wh dd ul li span {
  font-size: 1.2rem;
}
.roundList-wh dd p {
  font-size: 1.4rem;
}
@media (max-width: 480px) {
  .roundList-wh {
    width: 100%;
  }
}
.roundList-wh dt {
  background: #f3f1f0;
  padding: 5px 10px;
  border-radius: 10px 10px 0 0;
  font-size: 1.4rem;
  color: #297fb8;
  line-height: 1.4;
}
.roundList-wh dd {
  font-size: 1.2rem;
  line-height: 1.5;
  border-top: solid 2px #297fb8;
}
.roundList-wh dd p {
  font-size: 1.2rem;
}

.case_box_main {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.case_box_main_industry {
  background-color: #000;
  background-image: url(/t/common/img_2019/dot_black.gif);
  width: 140px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
}
@media (max-width: 480px) {
  .case_box_main_industry {
    margin: 0 auto 20px;
  }
}
.case_box_main_list {
  width: 620px;
}
.case_box_main_list_txt {
  margin-bottom: 10px;
}
.case_box_main_list_txt span {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
.case_box_main_list_point {
  font-size: 1.4rem;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.case_box_main_list_point_number {
  color: #34495e;
  border: 1px solid #34495e;
  width: 20px;
  height: 20px;
  margin-bottom: 6px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
.case_box_main_list_point_txt {
  width: calc(100% - 20px);
  padding-left: 10px;
  margin-bottom: 6px;
}

html {
  width: 100%;
  font-size: 62.5%;
}

body {
  line-height: 160%;
  font-size: 1.5rem;
  width: 100%;
}
@media (min-width: 896px) and (orientation: landscape) {
  body {
    min-width: 1024px;
  }
}
@media (max-width: 768px) {
  body {
    min-width: 1024px;
  }
}
@media (max-width: 896px) and (orientation: landscape) {
  body {
    min-width: 1024px;
  }
}
@media (max-width: 480px) {
  body {
    min-width: inherit;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h2.ttl {
  margin-bottom: 40px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3rem;
  text-align: center;
  line-height: 1.3;
}
@media (max-width: 480px) {
  h2.ttl {
    margin-bottom: 30px;
    font-size: 2.6rem;
  }
}

a {
  color: #000;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -o-transition: 0.2s linear;
}
a:hover {
  opacity: 0.8;
}
a img {
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -o-transition: 0.2s linear;
}
a img:hover {
  opacity: 0.8;
}

@media (min-width: 769px) {
  .notSp {
    display: block;
  }
}
@media (max-width: 896px) and (orientation: landscape) {
  .notSp {
    display: block;
  }
}
@media (max-width: 768px) {
  .notSp {
    display: block;
  }
}
@media (max-width: 480px) {
  .notSp {
    display: none;
  }
}

@media (min-width: 769px) {
  .pc, .sp_s {
    display: block;
  }
}
@media (max-width: 896px) and (orientation: landscape) {
  .pc, .sp_s {
    display: block;
  }
}
@media (max-width: 768px) {
  .pc, .sp_s {
    display: none;
  }
}
@media (max-width: 480px) {
  .pc, .sp_s {
    display: none;
  }
}

@media (min-width: 769px) {
  .tb {
    display: none;
  }
}
@media (max-width: 896px) and (orientation: landscape) {
  .tb {
    display: none;
  }
}
@media (max-width: 768px) {
  .tb {
    display: block;
  }
}

@media (min-width: 769px) {
  .sp {
    display: none;
  }
}
@media (max-width: 896px) and (orientation: landscape) {
  .sp {
    display: none;
  }
}
@media (max-width: 768px) {
  .sp {
    display: none;
  }
}
@media (max-width: 480px) {
  .sp {
    display: block;
  }
}

.arrow {
  position: relative;
  width: 0;
  height: 0;
  border: 16px solid transparent;
}
.arrow:after {
  position: absolute;
  content: '';
  background: #297fb8;
}
.arrow-up {
  border-bottom-color: #297fb8;
}
.arrow-up:after {
  top: 16px;
  left: -8px;
  width: 16px;
  height: 16px;
}
.arrow-down {
  border-top-color: #297fb8;
}
.arrow-down:after {
  top: -32px;
  left: -8px;
  width: 16px;
  height: 16px;
}
.arrow-left {
  border-right-color: #297fb8;
}
.arrow-left:after {
  top: -8px;
  left: 16px;
  width: 16px;
  height: 16px;
}
.arrow-right {
  border-left-color: #297fb8;
}
.arrow-right:after {
  top: -8px;
  left: -32px;
  width: 16px;
  height: 16px;
}

.js-smartPhoto {
  position: relative;
}

.zoom {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  border-radius: 50%;
  position: absolute;
  right: -10px;
  bottom: -10px;
  width: 26px !important;
  height: 26px !important;
  border: none !important;
  line-height: 1;
  text-align: center;
}
.zoom img {
  width: 15px;
  height: auto;
}
.zoom p {
  margin: 0 !important;
  font-size: 1rem;
  color: #fff;
  text-align: center;
}
.zoom_img {
  position: relative;
}
@media (max-width: 480px) {
  .zoom_img {
    margin: 0 auto;
  }
}
.zoom_img_box {
  position: relative;
  line-height: 0;
  font-size: 0;
}
.zoom_img p {
  margin: 10px auto 0;
  font-size: 1rem !important;
  text-align: center;
  line-height: 1;
}
.zoom_img .zoom {
  bottom: -10px;
}
@media (max-width: 480px) {
  .zoom {
    right: -10px;
    bottom: -10px;
    width: 55px !important;
    height: 55px !important;
  }
  .zoom img {
    width: 25px;
  }
}

@media (min-width: 769px) {
  .smartphoto {
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.7);
  }
}

.modal_btn, .smpledownload {
  cursor: pointer;
}

.anchor {
  position: relative;
  z-index: -1;
}

.accordion {
  position: relative;
  padding-bottom: 25px;
}
.accordion > dt {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: 120px;
  height: 25px;
  background: #000;
  border-radius: 13px;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accordion > dt:before {
  content: "もっと見る";
}
.accordion > dt.open:before {
  content: "× 閉じる";
}
.accordion > dd {
  display: none;
}

.dxserviceLink {
  position: relative;
  background: #aa0028;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  font-size: 18px;
  color: #fff;
  font-family: 'ヒラギノ角ゴ W6 JIS2004';
  font-weight: bold;
  text-decoration: none !important;
}
.dxserviceLink:before, .dxserviceLink:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 65px;
  height: 1px;
  background: #fff;
}
.dxserviceLink:before {
  width: 20px;
  transform: translate(30px, 0px);
}
.dxserviceLink:after {
  width: 10px;
  transform-origin: right center;
  transform: translate(30px, 0px) rotate(45deg);
}

.hr_information {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto 50px;
}
.hr_information img {
  vertical-align: middle;
}

#fcca .how, #juniorboard .how, #recruitment .how, #personnel .how, #group .how {
  padding-top: 0;
}
#fcca .contactBox, #juniorboard .contactBox, #recruitment .contactBox, #personnel .contactBox, #group .contactBox {
  padding-bottom: 55px;
}

.contents {
  width: 1024px;
  margin: 0 auto;
  padding: 50px 0 70px;
}
@media (max-width: 480px) {
  .contents {
    width: 100%;
    padding: 30px 15px 50px;
  }
}
.contents * {
  font-family: "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@font-face {
  .contents * {
    font-family: YuGothicM;
    font-weight: normal;
    src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  }
}
@font-face {
  .contents * {
    font-family: YuGothicM;
    font-weight: bold;
    src: local("YoGothic-Bold"), local("Yu Gothic");
  }
}
@media (max-width: 480px) {
  .contents .js-smartPhoto:hover {
    opacity: 1;
  }
  .contents .js-smartPhoto img:hover {
    opacity: 1;
  }
}

#main {
  background: #fff;
}

.contact {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 800px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  .contact {
    width: 100%;
  }
}
.contact.single_btn {
  justify-content: center;
}
.contact_li {
  background: #fff;
}
@media (max-width: 480px) {
  .contact_li {
    width: 85%;
    margin: 0 auto;
  }
  .contact_li + li {
    margin-top: 10px;
  }
}
.contact_li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 385px;
  height: 60px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.2rem;
}
@media (max-width: 480px) {
  .contact_li a {
    width: 100%;
    height: auto;
    padding: 15px;
    font-size: 1.8rem;
  }
}
.contact_li-01 a {
  background: #000;
  color: #fcc603;
}
.contact_li-02 a {
  background: #fcc603;
  color: #000;
}
.contactBox {
  padding: 30px 0 110px;
}
@media (max-width: 480px) {
  .contactBox {
    padding: 30px 0 50px;
  }
}

.main {
  background: url("img/bg_mian.jpg") center center no-repeat;
  background-size: cover;
  height: 550px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .main {
    height: auto;
  }
}
.mainLink {
  width: 100%;
  background: #fff;
}
@media (max-width: 480px) {
  .mainLink {
    order: 2;
  }
}
.mainLink_list {
  width: 1024px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .mainLink_list {
    width: 100%;
    height: auto;
  }
}
.mainLink_list li {
  position: relative;
  width: calc(100% / 3);
}
.mainLink_list li + li:before {
  position: absolute;
  content: "";
  background: #ccc;
  position: absolute;
  width: 1px;
  height: 75%;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@media (max-width: 480px) {
  .mainLink_list li + li:before {
    content: none;
  }
}
@media (max-width: 480px) {
  .mainLink_list li {
    width: calc(100% / 2) !important;
    height: auto;
    font-size: 1.2rem;
  }
  .mainLink_list li:nth-child(2n):before {
    position: absolute;
    content: "";
    background: #ccc;
    position: absolute;
    width: 1px;
    height: 75%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .mainLink_list li:nth-child(-n+2):after {
    position: absolute;
    content: "";
    background: #ccc;
    position: absolute;
    width: 90%;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}
.mainLink_list li a {
  position: relative;
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  line-height: 1.3;
}
@media (max-width: 480px) {
  .mainLink_list li a {
    padding: 10px 5px;
    line-height: 1.2;
  }
}
@media (max-width: 480px) {
  .mainLink_list li a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    width: 6px;
    height: 6px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: translateX(-50%) rotate(135deg);
  }
}
.main .ttl {
  margin: 0 auto;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3.6rem;
  text-align: center;
  line-height: 1.3;
  color: #fff;
  text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6), -5px -5px 10px rgba(0, 0, 0, 0.6), 5px -5px 10px rgba(0, 0, 0, 0.6), -5px 5px 10px rgba(0, 0, 0, 0.6);
}
@media (max-width: 480px) {
  .main .ttl {
    margin-bottom: 30px;
    font-size: 2.6rem;
  }
}
.main .ttl_box {
  display: inline-block;
  margin: 10px auto 0;
  padding: 0 40px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.8rem;
  line-height: 1.4;
  border: 1px solid #000;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.6), 0 0 10px rgba(255, 255, 255, 0.6) inset;
}
@media (max-width: 480px) {
  .main .ttl_box {
    font-size: 2.2rem;
  }
}
.main .ttl_catch-01 {
  display: block;
  margin-top: 30px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.8rem;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .main .ttl_catch-01 {
    margin-top: 20px;
    font-size: 2rem;
  }
}
.main .ttl_catch-02 {
  display: block;
  margin-top: 10px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.8rem;
  line-height: 1.6;
}
@media (max-width: 480px) {
  .main .ttl_catch-02 {
    margin-top: 10px;
    font-size: 1.6rem;
  }
}
.main .contents {
  position: relative;
  width: 100%;
  height: 500px;
  padding: 80px 0 0;
}
@media (max-width: 480px) {
  .main .contents {
    order: 1;
    height: auto;
    padding: 40px 0 35px;
  }
}
.main_logo {
  width: 120px;
  position: absolute;
  top: 30px;
  right: 10%;
}
@media (max-width: 480px) {
  .main_logo {
    width: 15%;
    top: 10px;
    right: 10px;
  }
}
.main .contact {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 75px;
  margin: auto;
}
@media (max-width: 480px) {
  .main .contact {
    position: inherit;
    bottom: inherit;
  }
}

.how {
  padding: 35px 0 70px;
}
@media (max-width: 480px) {
  .how {
    padding: 0;
  }
}
.how .contents {
  background: url("img/bg_how.jpg") center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0 70px;
}
@media (max-width: 480px) {
  .how .contents {
    background: url("img/bg_how-01.jpg") right top no-repeat, url("img/bg_how-02.jpg") left bottom no-repeat;
    background-size: 100%;
    padding: 30px 30px 50px;
  }
}
@media (max-width: 480px) {
  .how_arrow {
    margin: 20px 0;
  }
}
.how_list {
  width: 700px;
  margin: 0 auto 40px;
}
@media (max-width: 480px) {
  .how_list {
    width: 100%;
  }
}
.how_list li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.how_list li + li {
  margin-top: 15px;
}
@media (max-width: 480px) {
  .how_list li + li {
    margin-top: 20px;
  }
}
.how_list_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  width: 110px;
  height: 110px;
  margin-right: 30px;
  border-radius: 50%;
}
@media (max-width: 480px) {
  .how_list_ttl {
    width: 70px;
    height: 70px;
    margin-right: 15px;
  }
}
.how_list_ttl h3 {
  margin-top: -25px;
  font-size: 2.2rem;
  color: #fcc603;
  text-align: center;
  font-family: "ヒラギノ明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.2;
}
.how_list_ttl h3 span {
  display: block;
  font-size: 3.2rem;
  font-family: stix-two-text, serif !important;
  font-weight: 400 !important;
  font-style: italic !important;
}
.how_list_cnt {
  width: 560px;
}
@media (max-width: 480px) {
  .how_list_cnt {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.how_list_cnt dt h4 {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  .how_list_cnt dt h4 {
    margin: 0 auto 20px;
    text-align: left;
  }
}
.how_list_cnt dd {
  font-size: 1.6rem;
}
.how_list_cnt dd div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.how_list_cnt dd div + div {
  margin-top: 5px;
}
.how_list_cnt dd div h5 {
  width: 20%;
  padding: 0 5px;
  border: solid 2px #000;
  text-align: center;
}
.how_list_cnt dd div p {
  position: relative;
  width: 80%;
  padding-left: 2em;
}
.how_list_cnt dd div p:before {
  content: "…";
  display: block;
  position: absolute;
  left: .5em;
}
@media (max-width: 480px) {
  .how_list_cnt dd div {
    display: block;
  }
  .how_list_cnt dd div + div {
    margin-top: 20px;
  }
  .how_list_cnt dd div h5, .how_list_cnt dd div p {
    width: 100%;
  }
  .how_list_cnt dd div h5 {
    margin-bottom: 5px;
    padding: 5px;
  }
  .how_list_cnt dd div p {
    padding-left: 0;
  }
  .how_list_cnt dd div p:before {
    display: none;
  }
}
.how_ttl {
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
  padding: 10px;
  font-family: "ヒラギノ明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.8rem;
  color: #fcc603;
}
@media (max-width: 480px) {
  .how_ttl {
    text-align: center;
  }
}
.how_txt {
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 2;
}
@media (max-width: 480px) {
  .how_txt {
    width: 100%;
    margin: 0 auto;
    line-height: 1.8;
  }
}
.how_txt + p {
  margin-top: 30px;
}
@media (max-width: 480px) {
  .how_txt + p {
    margin-top: 20px;
  }
}
.how_txt span {
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  font-weight: bold;
}
.how_txt span.imp {
  background: #fcc603;
  font-size: 2rem;
}

.what {
  background-color: #000;
  background-image: url(/t/common/img_2019/dot_black.gif);
  text-align: center;
}
.what h2 {
  color: #fff;
}
.what_catch {
  margin-bottom: 20px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.4rem;
  color: #fff;
}
@media (max-width: 480px) {
  .what_catch {
    line-height: 1.4;
  }
}
.what_catch span {
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #ffff00;
}
.what_txt {
  color: #fff;
}
@media (max-width: 480px) {
  .what_txt {
    text-align: left;
  }
}
.what_img {
  position: relative;
  margin: 40px auto 60px;
  pointer-events: none;
}
.what_img .zoom {
  display: none;
}
@media (max-width: 480px) {
  .what_img {
    margin: 30px auto;
    pointer-events: inherit;
  }
  .what_img .zoom {
    display: flex;
  }
}
.whatList {
  position: relative;
  background: #fcc603;
  width: 960px;
  height: 452px;
  margin: 0 auto 60px;
  text-align: center;
}
@media (max-width: 480px) {
  .whatList {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
  }
}
.whatList_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 452px;
  margin: 0 30px;
  padding-top: 28px;
}
@media (max-width: 480px) {
  .whatList_list {
    height: auto;
    margin: 0 15px;
    padding: 30px 0;
  }
}
.whatList_list_li {
  position: relative;
  background: url("img/bg_cir_01.png") no-repeat top center;
  background-size: 100%;
  width: 280px;
  padding-top: 155px;
  font-size: 1.3rem;
  color: #fcc603;
  line-height: 1.8;
}
.whatList_list_li:nth-child(2) {
  background: url("img/bg_cir_02.png") no-repeat top center;
  background-size: 100%;
}
@media (max-width: 480px) {
  .whatList_list_li:nth-child(2) {
    background-size: 280px;
  }
}
.whatList_list_li:nth-child(3) {
  background: url("img/bg_cir_03.png") no-repeat top center;
  background-size: 100%;
}
@media (max-width: 480px) {
  .whatList_list_li:nth-child(3) {
    background-size: 280px;
  }
}
@media (max-width: 480px) {
  .whatList_list_li {
    background-size: 280px;
    width: 100%;
    padding-top: 140px;
  }
}
@media (max-width: 480px) {
  .whatList_list_li + li {
    margin-top: 30px;
  }
}
.whatList_list_li_txt {
  line-height: 1.5;
  position: relative;
  z-index: 4;
}
@media (max-width: 480px) {
  .whatList_list_li_txt {
    height: 140px;
    padding-top: 15px;
  }
}
.whatList_list_li_txt-02 {
  height: 120px;
  background: #fcc603;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding-top: 10px;
}
@media (max-width: 480px) {
  .whatList_list_li_txt-02 {
    height: auto;
    position: relative;
    bottom: inherit;
    padding: 30px 0 0;
  }
}
.whatList_list_li_txt-02 span {
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.6rem;
  color: #000;
  border-bottom: solid 3px #000;
  line-height: 1.4;
}
@media (max-width: 480px) {
  .whatList_list_li_txt-02 span {
    font-size: 2.2rem;
  }
}
.whatList_list_li img {
  width: 70px;
  position: absolute;
  left: 0;
  right: 0;
  top: 275px;
  margin: auto;
  z-index: 3;
}
@media (max-width: 480px) {
  .whatList_list_li img {
    width: 80px;
    top: 272px;
  }
}
.whatMap {
  background: rgba(255, 255, 255, 0.3);
  padding: 15px 60px 25px;
}
@media (max-width: 480px) {
  .whatMap {
    padding: 20px 15px;
  }
}
.whatMap_ttl {
  margin-bottom: 15px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.8rem;
  color: #fff;
}
.whatMap_img {
  position: relative;
  background: #fff;
  padding: 20px 45px;
}
@media (max-width: 480px) {
  .whatMap_img {
    padding: 10px;
  }
}

.case {
  background: #e9e9e9;
}
.caseWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 860px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  .caseWrap {
    width: 100%;
  }
}
.caseWrap + .caseWrap {
  margin-top: 30px;
  padding-top: 30px;
  border-top: solid 1px #ccc;
}
@media (max-width: 480px) {
  .caseWrap + .caseWrap {
    margin-top: 20px;
    padding-top: 20px;
  }
}
.caseWrap_img {
  width: 410px;
  height: 230px;
  background: #ccc;
}
@media (max-width: 480px) {
  .caseWrap_img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    order: 1;
  }
}
.caseWrap_list {
  width: 410px;
}
@media (max-width: 480px) {
  .caseWrap_list {
    width: 100%;
    order: 2;
  }
}
.caseWrap_list dt {
  margin-bottom: 20px;
  font-size: 2.2rem;
  line-height: 1.2;
}
@media (max-width: 480px) {
  .caseWrap_list dt {
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
}
.caseWrap_list dd {
  word-break: break-all;
}
.caseWrap_list dd .catch {
  margin-bottom: 15px;
  font-size: 1.8rem;
}
@media (max-width: 480px) {
  .caseWrap_list dd .catch {
    font-size: 1.6rem;
  }
}
.caseWrap_list dd .txt {
  font-size: 1.4rem;
}

.overall .contents {
  padding-bottom: 0;
  margin-bottom: 90px;
}
.overall .bkBox {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  width: 100%;
  padding: 10px;
  font-size: 1.3rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #fff;
  line-height: 1.2;
  border-radius: 0;
}
.overall .wtBox {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  width: 100%;
  padding: 10px;
  font-size: 1.3rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  line-height: 1.2;
  border-radius: 5px;
  border: solid 2px #297fb8;
}
.overallCnt {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 40px 49px;
}
.overallCnt-half .overallCnt {
  padding: 40px 30px 40px;
}
.overallCnt-half .overallCnt_wrap {
  padding: 0 16px;
}
@media (max-width: 480px) {
  .overallCnt {
    width: 100%;
    padding: 30px 15px;
  }
  .overallCnt-half .overallCnt {
    padding: 30px 10px;
  }
  .overallCnt-half .overallCnt_wrap {
    padding: 0;
  }
}
.overallCnt:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
}
.overallCnt_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.overallCnt_ttl {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 13px 0;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  .overallCnt_ttl {
    width: 100%;
    padding: 10px 0;
  }
}
.overallCnt_ttl-bl {
  background: #297fb8;
}
.overallCnt_ttl-rd {
  background: #e54253;
}
.overallCnt_ttl-gr {
  background: #29a6b6;
}
.overallCnt_ttl-bgr {
  background: #1FAECD;
}
.overallCnt_ttl-pbl {
  background: #699BD9;
}
.overallCnt_ttl-dbl {
  background: #355C8B;
}
.overallCnt_ttl-bag {
  background: #BE855C;
}
@media (max-width: 480px) {
  .overallCnt_cnt + .overallCnt_cnt {
    margin-top: 20px;
  }
}
.overallCnt_exs {
  background: #fff;
  padding: 10px 20px 20px;
  border-radius: 10px;
  border: solid 2px #69318f;
  text-align: center;
}
.overallCnt_exs h3 {
  margin-bottom: 10px;
  color: #69318f;
  font-size: 1.4rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
.overallCnt h4 {
  margin-bottom: 20px;
  padding: 2px 0;
  font-size: 1.6rem;
  text-align: center;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  border-radius: 30px;
}
@media (max-width: 480px) {
  .overallCnt h4 {
    margin-bottom: 15px;
  }
}
.overallCnt h5 {
  width: 100%;
  margin-bottom: 15px;
  font-size: 1.6rem;
  text-align: center;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
.overallCnt h5.lbl {
  color: #10a0c2;
}
.overallCnt h5.lgr {
  color: #41bb94;
}
@media (max-width: 480px) {
  .overallCnt h5 {
    line-height: 1.3;
    margin-bottom: 10px;
  }
}
.overallCnt p {
  font-size: 1.4rem;
  line-height: 1.5;
}
.overallCnt p.mincho {
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.overallCnt_flow {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
}
.overallCnt_flow li {
  width: 100%;
  height: 100%;
}
@media (max-width: 480px) {
  .overallCnt_flow li {
    display: flex;
    flex-wrap: wrap;
    height: auto;
  }
}
.overallCnt_flow li .ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 9px 0;
  font-size: 1.3rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  border-radius: 3px;
}
.overallCnt_flow li .ttl.bkBox {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  width: 100%;
  padding: 10px;
  font-size: 1.3rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #fff;
  line-height: 1.2;
  border-radius: 0;
}
@media (max-width: 480px) {
  .overallCnt_flow li .ttl {
    height: auto;
    text-align: left;
  }
}
.overallCnt_flow li .txt {
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.5;
}
.overallCnt_flow-hg li {
  height: auto;
  /*&+li{
      .ttl{
          margin-top: 5px;
          @include sp{
              margin-top: 8px;
          }
      }
  }*/
}
.overallCnt_flow-hg li + li .ttl {
  margin-top: 8px;
}
.overallCnt_flow-hg li:first-child .ttl {
  margin-top: 0;
}
.overallCnt_flow-hg li p.txt:nth-child(2) {
  margin-top: 15px;
}
@media (max-width: 480px) {
  .overallCnt_flow-hg li p.txt:nth-child(2) {
    margin-top: 10px;
  }
}
.overallCnt_flow-hg li p.txt:last-child {
  margin-bottom: 25px;
}
@media (max-width: 480px) {
  .overallCnt_flow-hg li p.txt:last-child {
    margin-bottom: 15px;
  }
}
.overallCnt_flow-hg li:last-child p:last-child {
  margin-bottom: 0;
}
.overallCnt_flow-hg li .ttl {
  justify-content: flex-start;
  padding-left: calc(15px + 1em);
  padding-right: 10px;
  text-indent: -1em;
  /*@include sp{
      justify-content: center;
      padding: 9px;
      text-indent: inherit;
  }*/
}
.overallCnt_flow-hg .ttl {
  padding-left: 2em;
  justify-content: flex-start;
  text-align: left;
  text-indent: -1em;
}
@media (max-width: 480px) {
  .overallCnt_flow-hg .ttl {
    padding: 9px 9px 9px 2em;
  }
}
.overallCnt_flow-lbl .ttl {
  background: #10a0c2;
}
.overallCnt_flow-bl .ttl {
  background: #297fb8;
}
.overallCnt_flow-ppl .ttl {
  background: #527cac;
}
.overallCnt_flow-rd .ttl {
  background: #e54253;
}
.overallCnt_flow-or .ttl {
  background: #eb6558;
}
.overallCnt_flow-lgr .ttl {
  background: #41bb94;
}
.overallCnt_flow-gr .ttl {
  background: #29a6b6;
}
.overallCnt_flow-bgr .ttl {
  background: #1FAECD;
}
.overallCnt_flow-pbl .ttl {
  background: #699BD9;
}
.overallCnt_flow-dbl .ttl {
  background: #355C8B;
}
.overallCnt_flow-bag .ttl {
  background: #BE855C;
}
.overallCnt-bl {
  background: #e5ebee;
}
.overallCnt-bl:before {
  border-top: 16px solid #297fb8;
}
.overallCnt-bl h4 {
  border: solid 2px #297fb8;
  color: #297fb8;
}
.overallCnt-bl h5 {
  color: #297fb8;
}
.overallCnt-rd {
  background: #fbe1de;
}
.overallCnt-rd:before {
  border-top: 16px solid #e54253;
}
.overallCnt-rd h4 {
  border: solid 2px #e54253;
  color: #e54253;
}
.overallCnt-rd h5 {
  color: #e54253;
}
.overallCnt-gr {
  background: #e9e9e9;
}
.overallCnt-gr:before {
  border-top: 16px solid #29a6b6;
}
.overallCnt-gr h4 {
  border: solid 2px #29a6b6;
  color: #29a6b6;
}
.overallCnt-gr h5 {
  color: #29a6b6;
}
.overallCnt-bgr {
  background: #f0f5fb;
}
.overallCnt-bgr:before {
  border-top: 16px solid #1FAECD;
}
.overallCnt-bgr h4 {
  border: solid 2px #1FAECD;
  color: #1FAECD;
}
.overallCnt-bgr h5 {
  color: #1FAECD;
}
.overallCnt-pbl {
  background: #e1ebf7;
}
.overallCnt-pbl:before {
  border-top: 16px solid #699BD9;
}
.overallCnt-pbl h4 {
  border: solid 2px #699BD9;
  color: #699BD9;
}
.overallCnt-pbl h5 {
  color: #699BD9;
}
.overallCnt-dbl {
  background: #eaeef3;
}
.overallCnt-dbl:before {
  border-top: 16px solid #355C8B;
}
.overallCnt-dbl h4 {
  border: solid 2px #355C8B;
  color: #355C8B;
}
.overallCnt-dbl h5 {
  color: #355C8B;
}
.overallCnt-bag {
  background: #f8f3ee;
}
.overallCnt-bag:before {
  border-top: 16px solid #BE855C;
}
.overallCnt-bag h4 {
  border: solid 2px #BE855C;
  color: #BE855C;
}
.overallCnt-bag h5 {
  color: #BE855C;
}
.overall .arrowBt {
  width: 68px;
  display: block;
  margin: 20px auto;
  text-align: center;
}
.overall .arrowBt-lg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -22px;
  margin: auto;
}
@media (max-width: 480px) {
  .overall .arrowBt-lg {
    bottom: -35px;
  }
}
@media (max-width: 480px) {
  .overall .arrowBt {
    width: 30%;
  }
}

.infoBnr {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  background: #fafafa;
  width: 960px;
  margin: 0px auto 60px;
  padding: 10px 10px 10px 10px;
  border: solid 1px #999999;
}
@media (max-width: 480px) {
  .infoBnr {
    width: calc(100% - 30px);
    margin: 40px 15px 20px;
    padding: 0;
  }
}
.infoBnr_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 50%;
  color: #fff;
}
@media (max-width: 480px) {
  .infoBnr_icon {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 10px;
    line-height: 1.4;
    border-radius: 0;
  }
}
.infoBnr_list {
  width: 555px;
  padding: 0 30px;
}
@media (max-width: 480px) {
  .infoBnr_list {
    width: 100%;
    padding: 0 15px;
  }
}
.infoBnr_list dt {
  margin: 10px 0 20px;
}
.infoBnr_list dt p {
  margin-bottom: 10px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.6rem;
}
@media (max-width: 480px) {
  .infoBnr_list dt p {
    margin-bottom: 15px;
  }
}
.infoBnr_list dt h3 {
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.6rem;
  line-height: 1.2;
}
.infoBnr_list dd {
  margin-bottom: 10px;
}
.infoBnr_list dd p {
  margin-bottom: 20px;
  font-size: 1.4rem;
}
.infoBnr_list dd a {
  display: block;
  color: #0071bc;
}
@media (max-width: 480px) {
  .infoBnr_list dd {
    margin-bottom: 0;
  }
}
.infoBnr_img {
  width: 270px;
}
@media (max-width: 480px) {
  .infoBnr_img {
    width: 100%;
    padding: 15px;
  }
}

.way {
  background-color: #000;
  background-image: url(/t/common/img_2019/dot_black.gif);
  text-align: center;
  color: #fff;
}
.way h2 {
  color: #fff;
}

#mTlVision .main .ttl {
  color: #000;
  text-shadow: 5px 5px 10px rgba(255, 255, 255, 0.6), -5px -5px 10px rgba(255, 255, 255, 0.6), 5px -5px 10px rgba(255, 255, 255, 0.6), -5px 5px 10px rgba(255, 255, 255, 0.6);
}
#mTlVision .how .contents {
  padding: 50px 52px 70px;
}
@media (max-width: 480px) {
  #mTlVision .how .contents {
    padding: 30px 30px 50px;
  }
}
#mTlVision .overall .contents {
  padding-bottom: 0;
}
#mTlVision .overallCnt_wrap {
  margin: 0 16px;
}
@media (max-width: 480px) {
  #mTlVision .overallCnt_wrap {
    width: 100%;
    margin: 0 auto;
  }
}
#mTlVision .overallCnt_wrap-bl01 {
  position: relative;
}
#mTlVision .overallCnt_wrap-bl01 .overallCnt_cnt {
  width: 636px;
}
@media (max-width: 480px) {
  #mTlVision .overallCnt_wrap-bl01 .overallCnt_cnt {
    width: 100%;
    margin-bottom: 20px;
  }
}
#mTlVision .overallCnt_wrap-bl01 .overallCnt_flow {
  width: 100%;
}
#mTlVision .overallCnt_wrap-bl01 .overallCnt_flow li {
  width: calc(calc(100% - 20px) / 3);
}
#mTlVision .overallCnt_wrap-bl01 .overallCnt_flow li:last-child {
  width: 100%;
  margin-top: 12px;
}
#mTlVision .overallCnt_wrap-bl01 .zoom_img {
  position: absolute;
  width: 155px;
  top: -30px;
  right: 0;
}
@media (max-width: 480px) {
  #mTlVision .overallCnt_wrap-bl01 .zoom_img {
    position: inherit;
    width: 100%;
    top: inherit;
    right: inherit;
  }
  #mTlVision .overallCnt_wrap-bl01 .zoom_img p {
    font-size: 1.2rem;
  }
}
#mTlVision .overallCnt_wrap-bl02 h5 {
  width: 100%;
}
#mTlVision .overallCnt_wrap-bl02 .overallCnt {
  width: 100%;
}
#mTlVision .overallCnt_wrap-bl02 .overallCnt_flow {
  width: 100%;
  margin-bottom: 25px;
}
@media (max-width: 480px) {
  #mTlVision .overallCnt_wrap-bl02 .overallCnt_flow {
    margin-bottom: 15px;
  }
}
#mTlVision .overallCnt_wrap-bl02 .overallCnt_flow li {
  width: calc(calc(100% - 25px) / 4);
}
@media (max-width: 480px) {
  #mTlVision .overallCnt_wrap-bl02 .overallCnt_flow li {
    width: calc(calc(100% - 10px) / 2);
  }
  #mTlVision .overallCnt_wrap-bl02 .overallCnt_flow li:nth-child(n+3) {
    margin-top: 10px;
  }
}
#mTlVision .overallCnt_wrap-bl02 .overallCnt_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #mTlVision .overallCnt_wrap-bl02 .overallCnt_cnt {
    display: block;
  }
}
#mTlVision .overallCnt_wrap-bl02 .overallCnt_cnt_box {
  width: 262px;
  margin-top: -5px;
}
#mTlVision .overallCnt_wrap-bl02 .overallCnt_cnt_box p {
  margin-bottom: 25px;
}
@media (max-width: 480px) {
  #mTlVision .overallCnt_wrap-bl02 .overallCnt_cnt_box {
    width: 100%;
  }
  #mTlVision .overallCnt_wrap-bl02 .overallCnt_cnt_box p {
    margin-bottom: 10px;
  }
}
#mTlVision .overallCnt_wrap-bl02 .overallCnt_cnt img {
  width: 512px;
}
@media (max-width: 480px) {
  #mTlVision .overallCnt_wrap-bl02 .overallCnt_cnt img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
}
#mTlVision .overallCnt_wrap-bl03 {
  position: relative;
}
#mTlVision .overallCnt_wrap-bl03 h5 {
  width: 100%;
}
#mTlVision .overallCnt_wrap-bl03 .overallCnt {
  width: 100%;
}
#mTlVision .overallCnt_wrap-bl03 .overallCnt_flow {
  width: 100%;
}
#mTlVision .overallCnt_wrap-bl03 .overallCnt_flow li {
  width: calc(calc(100% - 20px) / 3);
}
#mTlVision .overallCnt_wrap-bl03 .overallCnt_flow li:last-child {
  width: 100%;
  margin-top: 12px;
}
#mTlVision .overallCnt_wrap-bl03 .overallCnt_cnt {
  width: 610px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media (max-width: 480px) {
  #mTlVision .overallCnt_wrap-bl03 .overallCnt_cnt {
    width: 100%;
  }
}
#mTlVision .overallCnt_wrap-bl03 .overallCnt_cnt_box {
  width: 262px;
  margin-top: -5px;
}
#mTlVision .overallCnt_wrap-bl03 .overallCnt_cnt_box p {
  margin-bottom: 25px;
}
#mTlVision .overallCnt_wrap-bl03 .zoom_img {
  position: absolute;
  width: 188px;
  bottom: -20px;
  right: 0;
}
@media (max-width: 480px) {
  #mTlVision .overallCnt_wrap-bl03 .zoom_img {
    position: inherit;
    width: 100%;
    top: inherit;
    right: inherit;
  }
  #mTlVision .overallCnt_wrap-bl03 .zoom_img p {
    font-size: 1.2rem;
  }
}
#mTlVision .overallCnt-bl {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #mTlVision .overallCnt-bl {
    margin-bottom: 50px;
    padding: 30px 15px 55px;
  }
}
#mTlVision .overallCnt-rd .ttl-half h4 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  border: solid 2px #e54253;
  color: #e54253;
}
#mTlVision .overallCnt-rd .ttl-half h4:before, #mTlVision .overallCnt-rd .ttl-half h4:after {
  background: #e54253;
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
}
#mTlVision .overallCnt-rd .ttl-half h4:after {
  background: #fbe1de;
  width: 4px;
  height: 120%;
}
#mTlVision .overallCnt-rd .ttl-half h4 span {
  width: 50%;
  display: block;
  text-align: center;
  font-family: "ヒラギノ明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#mTlVision .overallCnt-rd .overallCnt_wrap {
  margin: 0 16px;
}
@media (max-width: 480px) {
  #mTlVision .overallCnt-rd .overallCnt_wrap {
    width: 100%;
    margin: 0 auto;
  }
}
#mTlVision .overallCnt-rd .overallCnt_wrap h5 {
  width: 100%;
}
#mTlVision .overallCnt-rd .overallCnt_flow {
  width: 100%;
  margin: 0 auto 30px;
}
@media (max-width: 480px) {
  #mTlVision .overallCnt-rd .overallCnt_flow {
    margin: 0 auto 20px;
  }
}
#mTlVision .overallCnt-rd .overallCnt_flow li {
  width: calc(calc(100% - 25px) / 4);
}
#mTlVision .overallCnt-rd .overallCnt_flow li .ttl {
  height: 100%;
}
@media (max-width: 480px) {
  #mTlVision .overallCnt-rd .overallCnt_flow li {
    width: calc(calc(100% - 10px) / 2);
  }
  #mTlVision .overallCnt-rd .overallCnt_flow li:nth-child(n+3) {
    margin-top: 10px;
  }
}
#mTlVision .overallCnt-rd .overallCnt_box {
  width: 400px;
  background: #fff;
  padding: 10px 20px;
  border: solid 1px #e54253;
  border-radius: 10px;
}
@media (max-width: 480px) {
  #mTlVision .overallCnt-rd .overallCnt_box {
    width: 100%;
    margin-bottom: 20px;
  }
}
#mTlVision .overallCnt-rd .overallCnt_box h5 {
  margin-bottom: 10px;
  font-size: 1.4rem;
}
#mTlVision .overallCnt-rd .overallCnt_box p {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 25px;
}
@media (max-width: 480px) {
  #mTlVision .overallCnt-rd .overallCnt_box p {
    margin-bottom: 10px;
  }
}
#mTlVision .overallCnt-rd .overallCnt .zoom_img p {
  font-size: 1.2rem;
}
#mTlVision .overallCnt-rd .overallCnt_cnt {
  position: relative;
  width: 400px;
}
@media (max-width: 480px) {
  #mTlVision .overallCnt-rd .overallCnt_cnt {
    width: 100%;
  }
}
#mTlVision .overallCnt-rd .overallCnt_cnt p {
  margin-top: 20px;
}
#mTlVision .overallCnt-rd .overallCnt_cnt .bkBox {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 480px) {
  #mTlVision .overallCnt-rd .overallCnt_cnt .bkBox {
    position: inherit;
    bottom: inherit;
    right: inherit;
    margin-top: 15px;
  }
}
#mTlVision .overallCnt_flow .ttl {
  justify-content: center;
  text-align: center;
}

#brand .main {
  background: url("img/bg_mian_brand.jpg") center center no-repeat;
  background-size: cover;
}
@media (max-width: 480px) {
  #brand .main {
    background: url("img/bg_mian_brand.jpg") center center no-repeat;
    background-size: cover;
  }
}
#brand .mainLink_list li {
  width: calc(100% / 4);
}
@media (max-width: 480px) {
  #brand .mainLink_list li:nth-child(2n):before {
    position: absolute;
    content: "";
    background: #ccc;
    position: absolute;
    width: 1px;
    height: 75%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  #brand .mainLink_list li:nth-child(-n+2):after {
    position: absolute;
    content: "";
    background: #ccc;
    position: absolute;
    width: 90%;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}
#brand .main .ttl {
  margin: 0 auto;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3.6rem;
  text-align: center;
  line-height: 1.3;
  /*span{
      display: block;
      margin-top: 30px;
      @include mincho;
      font-size: 2.8rem;
      @include sp{
          margin-top: 20px;
          font-size: 2rem;
      }
  }*/
}
@media (max-width: 480px) {
  #brand .main .ttl {
    margin-bottom: 30px;
    font-size: 2.6rem;
  }
}
#brand .how .contents {
  padding: 50px 50px 40px;
}
@media (max-width: 480px) {
  #brand .how .contents {
    padding: 30px 30px 50px;
  }
}
#brand .how_list_ttl-02 {
  width: 100%;
}
@media (max-width: 480px) {
  #brand .how_list_ttl h3 {
    margin-top: -10px;
  }
}
@media (max-width: 480px) {
  #brand .how_list_ttl-pc {
    display: none;
  }
}
#brand .how_list_ttl-sp {
  display: none;
}
@media (max-width: 480px) {
  #brand .how_list_ttl-sp {
    display: block;
  }
  #brand .how_list_ttl-sp h3 {
    margin-top: 10px;
  }
}
#brand .how_list_ttl-h3 {
  display: none;
}
@media (max-width: 480px) {
  #brand .how_list_ttl-h3 {
    width: 100%;
    background: #000;
    display: block;
    margin-bottom: 10px;
    padding: 5px;
    font-size: 2.2rem;
    color: #fcc603;
    text-align: center;
    font-family: "ヒラギノ明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 1.2;
  }
}
@media (max-width: 480px) {
  #brand .how_list_cnt dt {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 70px;
    position: relative;
    margin-bottom: 10px;
    padding-left: 90px;
  }
  #brand .how_list_cnt dt h4 {
    margin: 0;
  }
  #brand .how_list_cnt dd div + div {
    margin-top: 10px;
  }
  #brand .how_list_ttl {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  #brand .how_list_ttl.sp {
    display: flex;
  }
}
#brand .how_ttl {
  width: 600px;
  margin: 0 auto;
  padding: 15px;
  font-size: 2.6rem;
}
@media (max-width: 480px) {
  #brand .how_ttl {
    width: 100%;
    font-size: 2.2rem;
  }
}
#brand .whatList {
  margin: 0 auto 70px;
}
@media (max-width: 480px) {
  #brand .whatList {
    margin-bottom: 40px;
  }
}
#brand .whatProcess {
  width: 900px;
  margin: 40px auto 20px;
  padding: 30px;
  border: solid 2px #fff;
  border-radius: 10px;
}
@media (max-width: 480px) {
  #brand .whatProcess {
    width: 100%;
    padding: 30px 15px;
  }
}
#brand .whatProcess_ttl {
  margin-bottom: 30px;
  font-size: 2.6rem;
  color: #fff;
  font-family: "ヒラギノ明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.2;
}
#brand .whatProcess_arrow {
  width: 118px;
  margin-bottom: 10px;
}
@media (max-width: 480px) {
  #brand .whatProcess_arrow {
    width: 30%;
    margin-bottom: 20px;
  }
}
#brand .whatProcess_3list {
  width: 602px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #brand .whatProcess_3list {
    width: 100%;
  }
}
#brand .whatProcess_3list li {
  width: 186px;
  padding: 15px;
  border: solid 3px #fcc603;
  border-radius: 30px;
  font-size: 2.4rem;
  font-family: "ヒラギノ明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #fcc603;
}
@media (max-width: 480px) {
  #brand .whatProcess_3list li {
    width: 80%;
    margin: 0 auto;
    font-size: 2.2rem;
  }
  #brand .whatProcess_3list li + li {
    margin-top: 10px;
  }
}
#brand .whatProcess_txt {
  margin: 20px auto 30px;
  font-size: 1.6rem;
  color: #fcc603;
}
#brand .whatProcess_txt-02 {
  font-size: 3.6rem;
  color: #fff;
  font-family: "ヒラギノ明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#brand .whatProcess_7list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#brand .whatProcess_7list_dl {
  width: calc(calc(100% - 60px) / 7);
  padding: 15px 0;
  border-radius: 10px;
}
@media (max-width: 480px) {
  #brand .whatProcess_7list_dl {
    width: 100%;
    display: flex;
  }
  #brand .whatProcess_7list_dl + .whatProcess_7list_dl {
    margin-top: 10px;
  }
}
#brand .whatProcess_7list_dl dt {
  margin-bottom: 5px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  #brand .whatProcess_7list_dl dt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35%;
    margin-bottom: 0;
  }
}
#brand .whatProcess_7list_dl dd {
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.4;
}
@media (max-width: 480px) {
  #brand .whatProcess_7list_dl dd {
    display: flex;
    align-items: center;
    width: 65%;
    font-size: 1.5rem;
    text-align: left;
  }
}
#brand .whatProcess_7list_dl-bl {
  border: solid 3px #297fb8;
}
#brand .whatProcess_7list_dl-bl dt {
  color: #297fb8;
}
#brand .whatProcess_7list_dl-rd {
  border: solid 3px #e54253;
}
#brand .whatProcess_7list_dl-rd dt {
  color: #e54253;
}
#brand .whatProcess_7list_dl-gr {
  border: solid 3px #29a6b6;
}
#brand .whatProcess_7list_dl-gr dt {
  color: #29a6b6;
}
#brand .infoBnr {
  margin-bottom: 80px;
}
@media (max-width: 480px) {
  #brand .infoBnr {
    margin-bottom: 30px;
  }
}
#brand .infoBnr_img {
  width: 246px;
}
@media (max-width: 480px) {
  #brand .infoBnr_img {
    width: 100%;
    height: auto;
  }
}
#brand .way p {
  margin-bottom: 50px;
}
@media (max-width: 480px) {
  #brand .way p {
    margin-bottom: 20px;
    text-align: left;
  }
}
#brand .way a {
  pointer-events: none;
}
#brand .way a .zoom {
  display: none;
}
@media (max-width: 480px) {
  #brand .way a {
    pointer-events: inherit;
  }
  #brand .way a .zoom {
    display: flex;
  }
}
#brand .overallCnt-bl {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #brand .overallCnt-bl {
    margin-bottom: 50px;
  }
}
#brand .overallCnt-rd {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #brand .overallCnt-rd {
    margin-bottom: 50px;
  }
}
#brand .overallCnt_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#brand .overallCnt_cnt {
  width: 552px;
}
#brand .overallCnt_cnt-harf {
  width: 422px;
}
#brand .overallCnt_cnt-520 {
  width: 520px;
}
@media (max-width: 480px) {
  #brand .overallCnt_cnt-520 {
    margin-bottom: 20px;
  }
}
#brand .overallCnt_cnt_txt {
  margin-left: 16px;
  margin-right: 16px;
}
@media (max-width: 480px) {
  #brand .overallCnt_cnt_txt {
    margin: 0 0 20px 0;
  }
}
#brand .overallCnt_flow {
  margin: 0 16px 30px;
}
#brand .overallCnt_flow-rd {
  margin: 0 16px 20px;
}
#brand .overallCnt_flow-gr {
  margin: 0 16px 20px;
}
@media (max-width: 480px) {
  #brand .overallCnt_flow {
    margin: 0 0 20px;
  }
}
#brand .overallCnt_images {
  width: 246px;
}
@media (max-width: 480px) {
  #brand .overallCnt_images {
    width: 80%;
    margin: 0 auto;
  }
}
#brand .overallCnt .zoom_img {
  width: auto;
}
#brand .overallCnt .zoom_img + .zoom_img {
  margin-top: 25px;
}
#brand .overallCnt .zoom_img-gr {
  margin: 20px auto;
  text-align: center;
}
@media (max-width: 480px) {
  #brand .overallCnt .zoom_img-gr:last-child {
    margin: 0;
  }
}
#brand .overallCnt .zoom_img_box-gr {
  display: inline-block;
}
#brand .overallCnt .zoom_img p {
  margin: 10px auto 0;
}

#personnel .main {
  background: url("img/bg_mian_personnel.jpg") center center no-repeat;
  background-size: cover;
}
#personnel .how .contents {
  padding: 50px 82px 75px;
}
@media (max-width: 480px) {
  #personnel .how .contents {
    padding: 30px 30px 50px;
  }
}
#personnel .how_txt + * {
  margin-top: 30px;
}
#personnel .whatList {
  margin: 0 auto 70px;
}
#personnel .whatBuild {
  background: #fff;
  width: 960px;
  margin: 0 auto;
  padding: 35px 70px 60px;
}
@media (max-width: 480px) {
  #personnel .whatBuild {
    width: 100%;
    height: auto;
    padding: 30px 15px;
  }
}
#personnel .whatBuild * {
  color: #000;
}
#personnel .whatBuild .zoom_img {
  pointer-events: none;
}
@media (max-width: 480px) {
  #personnel .whatBuild .zoom_img {
    pointer-events: inherit;
  }
}
#personnel .whatBuild .zoom_img p {
  color: #fff;
}
#personnel .whatBuild .zoom_img a .zoom {
  display: none;
}
@media (max-width: 480px) {
  #personnel .whatBuild .zoom_img a .zoom {
    display: flex;
  }
}
#personnel .whatBuild .ttl {
  font-size: 2.2rem;
}
#personnel .whatBuild_list {
  background: #f3f1f0;
  border-radius: 10px;
  border: solid 2px #297fb8;
}
#personnel .whatBuild_list dt {
  position: relative;
  background: #297fb8;
  padding: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  text-align: center;
  color: #fff;
  border-radius: 5px 5px 0 0;
}
#personnel .whatBuild_list dt .number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #297fb8;
  position: absolute;
  top: -18px;
  right: 0;
  left: 0;
  margin: auto;
  font-size: 1.8rem;
  font-family: stix-two-math, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #fff;
  border-radius: 50%;
}
#personnel .whatBuild_list dd {
  padding: 10px 20px;
  font-size: 1.4rem;
  border-top: solid 2px #297fb8;
}
#personnel .whatBuild_list dd ul li {
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}
#personnel .whatBuild_list dd ul li span {
  font-size: 1.2rem;
}
#personnel .whatBuild_list dd p {
  font-size: 1.4rem;
}
@media (max-width: 480px) {
  #personnel .whatBuild_list {
    width: 100%;
  }
}
#personnel .whatBuild_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
#personnel .whatBuild_box-01 {
  width: 340px;
}
#personnel .whatBuild_box-01 .zoom_img {
  margin-top: 15px;
}
#personnel .whatBuild_box-02 {
  width: 94px;
}
#personnel .whatBuild_box-02 p {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 75px;
  background: #297fb8;
  margin-bottom: 20px;
  color: #fff;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#personnel .whatBuild_box-02 p:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -7px;
  border: 7px solid transparent;
  border-top: 14px solid #297fb8;
}
#personnel .whatBuild_box-02 .arrow {
  display: none;
}
@media (max-width: 480px) {
  #personnel .whatBuild_box-02 {
    width: 70%;
    margin: 0 auto;
  }
  #personnel .whatBuild_box-02 .arrow {
    display: block;
    margin: 0 auto;
  }
  #personnel .whatBuild_box-02 p {
    height: auto;
    margin: 15px auto;
    padding: 10px 20px;
  }
  #personnel .whatBuild_box-02 p:before {
    content: none;
  }
  #personnel .whatBuild_box-02 img {
    display: none;
  }
}
#personnel .whatBuild_box-03 {
  width: 340px;
}
#personnel .whatBuild_txt {
  margin: 40px 0 20px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  #personnel .whatBuild_txt {
    margin-top: 20px;
  }
}
#personnel .whatBuild_element .js-smartPhoto > img {
  border: solid 2px #ccc;
}
#personnel .overallCnt-bl {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #personnel .overallCnt-bl {
    margin-bottom: 50px;
    padding: 30px 15px;
  }
}
#personnel .overallCnt_wrap {
  margin: 0 16px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap {
    width: 100%;
    margin: 0 auto;
  }
}
#personnel .overallCnt_wrap-bl01 {
  position: relative;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl01 {
    width: 100%;
  }
}
#personnel .overallCnt_wrap-bl01 .overallCnt_cnt {
  width: 530px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl01 .overallCnt_cnt {
    width: 100%;
    margin-bottom: 20px;
  }
}
#personnel .overallCnt_wrap-bl01 .overallCnt_flow {
  width: 100%;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_flow li {
  width: 250px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl01 .overallCnt_flow li {
    width: 100%;
  }
  #personnel .overallCnt_wrap-bl01 .overallCnt_flow li + li {
    margin-top: 23px;
  }
}
#personnel .overallCnt_wrap-bl01 .overallCnt_flow .ttl {
  margin-bottom: 10px;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_flow .txt {
  width: 100%;
  padding-left: 1em;
  text-indent: -1em;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_flow-02 li {
  width: 100%;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_box {
  width: 290px;
  margin: 10px auto 0;
  text-align: center;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_box p {
  font-size: 1.5rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_box p span {
  display: block;
  font-size: 1rem;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl01 .overallCnt_box {
    width: 100%;
  }
  #personnel .overallCnt_wrap-bl01 .overallCnt_box p {
    position: relative;
    padding-top: 20px;
    border-top: solid 2px #297fb8;
  }
  #personnel .overallCnt_wrap-bl01 .overallCnt_box p:after {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    border-top-color: #297fb8;
    border-bottom-width: 0;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  #personnel .overallCnt_wrap-bl01 .overallCnt_box img {
    display: none;
  }
}
#personnel .overallCnt_wrap-bl01 .overallCnt_txt {
  width: 100%;
  margin: 15px 0;
  text-align: center;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_note {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  margin: 15px auto 0;
  padding-top: 25px;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_note p {
  display: inline-block;
  background: #69318f;
  padding: 2px 10px;
  font-size: 1.5rem;
  color: #fff;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl01 .overallCnt_note p {
    width: 100%;
    text-align: center;
  }
}
#personnel .overallCnt_wrap-bl01 .overallCnt_note div {
  display: inline-block;
  width: 15px;
  height: 20px;
  margin: 0 10px;
  border-top: solid 2px #69318f;
  border-bottom: solid 2px #69318f;
  border-left: solid 2px #69318f;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl01 .overallCnt_note div {
    display: none;
  }
}
#personnel .overallCnt_wrap-bl01 .overallCnt_note ul {
  display: inline-block;
  vertical-align: middle;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_note ul li {
  font-size: 1.3rem;
  color: #69318f;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  line-height: 1.4;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl01 .overallCnt_note ul {
    width: 100%;
    padding: 10px;
    border: solid 2px #69318f;
  }
  #personnel .overallCnt_wrap-bl01 .overallCnt_note ul li {
    padding-left: 1em;
    text-indent: -1em;
  }
}
#personnel .overallCnt_wrap-bl01 .overallCnt_note:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 33px solid transparent;
  border-right: 33px solid transparent;
  border-top: 15px solid #69318f;
}
#personnel .overallCnt_wrap-bl01 .roundList-wh {
  width: 400px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl01 .roundList-wh {
    width: 100%;
  }
  #personnel .overallCnt_wrap-bl01 .roundList-wh + .roundList-wh {
    margin-top: 10px;
  }
}
#personnel .overallCnt_wrap-bl02 .overallCnt {
  width: 100%;
}
#personnel .overallCnt_wrap-bl02 .overallCnt_cnt {
  width: 530px;
}
#personnel .overallCnt_wrap-bl02 .overallCnt_cnt h5 {
  margin: 0 auto 15px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl02 .overallCnt_cnt {
    width: 100%;
    margin-bottom: 20px;
  }
  #personnel .overallCnt_wrap-bl02 .overallCnt_cnt h5 {
    margin: 0 auto 10px;
  }
}
#personnel .overallCnt_wrap-bl02 .overallCnt_txt {
  width: 100%;
  margin: 15px 0 30px;
  text-align: center;
}
#personnel .overallCnt_wrap-bl02 .overallCnt_exs {
  margin: 20px auto 0;
}
@media (min-width: 769px) {
  #personnel .overallCnt_wrap-bl02 .overallCnt_exs .js-smartPhoto {
    pointer-events: none;
  }
  #personnel .overallCnt_wrap-bl02 .overallCnt_exs .zoom {
    display: none;
  }
}
#personnel .overallCnt_wrap-bl02 .roundList-wh {
  width: 263px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
}
#personnel .overallCnt_wrap-bl02 .roundList-wh dt {
  padding-top: 24px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl02 .roundList-wh {
    width: 100%;
  }
  #personnel .overallCnt_wrap-bl02 .roundList-wh + .roundList-wh {
    margin-top: 25px;
  }
}
#personnel .overallCnt_wrap-bl03 .overallCnt {
  width: 100%;
}
#personnel .overallCnt_wrap-bl03 .overallCnt_cnt {
  width: 420px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl03 .overallCnt_cnt {
    width: 100%;
    margin-bottom: 20px;
  }
}
#personnel .overallCnt_wrap-bl03 .overallCnt_txt {
  width: 100%;
  margin: 15px 0 30px;
  text-align: center;
}
#personnel .overallCnt_wrap-bl03 .overallCnt_exs {
  margin: 20px auto 0;
}
@media (min-width: 769px) {
  #personnel .overallCnt_wrap-bl03 .overallCnt_exs .js-smartPhoto {
    pointer-events: none;
  }
  #personnel .overallCnt_wrap-bl03 .overallCnt_exs .zoom {
    display: none;
  }
}
#personnel .overallCnt_wrap-bl03 .roundList-wh {
  width: 263px;
}
#personnel .overallCnt_wrap-bl03 .roundList-wh dt {
  padding-top: 24px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl03 .roundList-wh {
    width: 100%;
  }
  #personnel .overallCnt_wrap-bl03 .roundList-wh + .roundList-wh {
    margin-top: 25px;
  }
}
#personnel .overallCnt_wrap-bl04 .overallCnt {
  width: 100%;
}
#personnel .overallCnt_wrap-bl04 .overallCnt_flow {
  width: 100%;
  margin-bottom: 30px;
}
#personnel .overallCnt_wrap-bl04 .overallCnt_flow li {
  width: calc(calc(100% - 20px) /  3);
  height: auto;
}
#personnel .overallCnt_wrap-bl04 .overallCnt_flow li:nth-child(n+4) {
  margin-top: 8px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl04 .overallCnt_flow li {
    width: 100%;
  }
  #personnel .overallCnt_wrap-bl04 .overallCnt_flow li + li {
    margin-top: 8px;
  }
}
#personnel .overallCnt_wrap-bl04 .overallCnt_flow:after {
  content: "";
  display: block;
  width: calc(calc(100% - 20px) /  3);
}
#personnel .overallCnt_wrap-bl04 .overallCnt_flow .ttl {
  padding-left: 2em;
  justify-content: flex-start;
  text-align: left;
  text-indent: -1em;
}
#personnel .overallCnt_wrap-bl04 .overallCnt_box {
  position: relative;
  background: #fff;
  padding: 10px 20px 20px;
  border-radius: 10px;
  border: solid 2px #69318f;
  text-align: center;
  padding: 10px 15px;
}
#personnel .overallCnt_wrap-bl04 .overallCnt_box h3 {
  margin-bottom: 10px;
  color: #69318f;
  font-size: 1.4rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (min-width: 769px) {
  #personnel .overallCnt_wrap-bl04 .overallCnt_box .zoom_img, #personnel .overallCnt_wrap-bl04 .overallCnt_box .js-smartPhoto {
    pointer-events: none;
  }
  #personnel .overallCnt_wrap-bl04 .overallCnt_box .zoom {
    display: none;
  }
}
#personnel .overallCnt_wrap-bl04 .overallCnt_box-01 {
  width: 495px;
}
#personnel .overallCnt_wrap-bl04 .overallCnt_box-01 h3 {
  position: absolute;
  top: 10px;
  left: 15px;
  z-index: 2;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl04 .overallCnt_box-01 {
    width: 100%;
  }
  #personnel .overallCnt_wrap-bl04 .overallCnt_box-01 h3 {
    position: inherit;
    top: inherit;
    left: inherit;
  }
}
#personnel .overallCnt_wrap-bl04 .overallCnt_box-02 {
  background: #e5ebee;
  width: 307px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl04 .overallCnt_box-02 {
    width: 100%;
    margin-top: 10px;
  }
}
#personnel .overallCnt_wrap-bl05 .overallCnt {
  width: 100%;
}
#personnel .overallCnt_wrap-bl05 .overallCnt_flow {
  width: 100%;
}
#personnel .overallCnt_wrap-bl05 .overallCnt_flow li {
  width: calc(calc(100% - 20px) /  3);
  height: auto;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl05 .overallCnt_flow li {
    width: 100%;
  }
  #personnel .overallCnt_wrap-bl05 .overallCnt_flow li + li {
    margin-top: 8px;
  }
}
#personnel .overallCnt_wrap-bl05 .overallCnt_flow .ttl {
  padding-left: 2em;
  justify-content: flex-start;
  text-align: left;
  text-indent: -1em;
}
#personnel .overallCnt-rd .ttl-half h4 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 15px;
  border: solid 2px #e54253;
  color: #e54253;
}
#personnel .overallCnt-rd .ttl-half h4:before, #personnel .overallCnt-rd .ttl-half h4:after {
  background: #e54253;
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
}
#personnel .overallCnt-rd .ttl-half h4:after {
  background: #fbe1de;
  width: 4px;
  height: 120%;
}
#personnel .overallCnt-rd .ttl-half h4 span {
  width: 50%;
  display: block;
  text-align: center;
  font-family: "ヒラギノ明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#personnel .overallCnt-rd .overallCnt_wrap {
  width: 820px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #personnel .overallCnt-rd .overallCnt_wrap {
    width: 100%;
  }
}
#personnel .overallCnt-rd .overallCnt_wrap h5 {
  width: 100%;
}
#personnel .overallCnt-rd .overallCnt_flow {
  width: 100%;
  margin: 0 auto 30px;
}
@media (max-width: 480px) {
  #personnel .overallCnt-rd .overallCnt_flow {
    margin: 0 auto 20px;
  }
}
#personnel .overallCnt-rd .overallCnt_flow li {
  width: calc(calc(100% - 25px) / 4);
}
@media (max-width: 480px) {
  #personnel .overallCnt-rd .overallCnt_flow li {
    width: calc(calc(100% - 10px) / 2);
  }
  #personnel .overallCnt-rd .overallCnt_flow li:nth-child(n+3) {
    margin-top: 10px;
  }
}
#personnel .overallCnt-rd .overallCnt_box {
  width: 400px;
  background: #fff;
  padding: 10px 20px;
  border: solid 1px #e54253;
  border-radius: 10px;
}
@media (max-width: 480px) {
  #personnel .overallCnt-rd .overallCnt_box {
    width: 100%;
    margin-bottom: 20px;
  }
}
#personnel .overallCnt-rd .overallCnt_box h5 {
  margin-bottom: 10px;
  font-size: 1.4rem;
}
#personnel .overallCnt-rd .overallCnt_box p {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 25px;
}
@media (max-width: 480px) {
  #personnel .overallCnt-rd .overallCnt_box p {
    margin-bottom: 10px;
  }
}
#personnel .overallCnt-rd .overallCnt .zoom_img p {
  font-size: 1.2rem;
}
#personnel .overallCnt-rd .overallCnt_cnt {
  position: relative;
  width: 400px;
}
@media (max-width: 480px) {
  #personnel .overallCnt-rd .overallCnt_cnt {
    width: 100%;
  }
}
#personnel .overallCnt-rd .overallCnt_cnt p {
  margin-top: 20px;
}
#personnel .overallCnt-rd .overallCnt_cnt .bkBox {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 480px) {
  #personnel .overallCnt-rd .overallCnt_cnt .bkBox {
    position: inherit;
    bottom: inherit;
    right: inherit;
    margin-top: 15px;
  }
}

#juniorboard .main {
  background: url("img/bg_mian_juniorboard.jpg") center center no-repeat;
  background-size: cover;
}
#juniorboard .main .ttl {
  margin: 0 auto;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3.6rem;
  text-align: center;
  line-height: 1.3;
  /*span{
      display: block;
      margin-top: 30px;
      @include mincho;
      font-size: 2.8rem;
      @include sp{
          margin-top: 20px;
          font-size: 2rem;
      }
  }*/
}
@media (max-width: 480px) {
  #juniorboard .main .ttl {
    margin-bottom: 30px;
    font-size: 2.6rem;
  }
}
#juniorboard .how .contents {
  padding: 50px 50px 40px;
}
@media (max-width: 480px) {
  #juniorboard .how .contents {
    padding: 30px;
  }
}
#juniorboard .how_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#juniorboard .how_box {
  width: 505px;
}
@media (max-width: 480px) {
  #juniorboard .how_box {
    width: 100%;
    margin-bottom: 30px;
  }
}
#juniorboard .how_att {
  text-align: right;
}
#juniorboard .how .zoom_img {
  width: 380px;
}
@media (max-width: 480px) {
  #juniorboard .how .zoom_img {
    width: 100%;
  }
}
#juniorboard .how .arrowBt {
  display: block;
  margin: 30px auto;
}
#juniorboard .how_catch {
  font-size: 1.4rem;
  text-align: center;
}
#juniorboard .how_catch span {
  background: linear-gradient(transparent 80%, #f8b8bf 80%);
  font-family: "ヒラギノ明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.8rem;
  line-height: 1.5;
}
#juniorboard .what_txt span {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #fcc603;
  line-height: 1.8;
}
#juniorboard .whatList {
  margin: 50px auto;
}
@media (max-width: 480px) {
  #juniorboard .whatList {
    margin-top: 30px;
  }
}
#juniorboard .what_catch-02 {
  margin-top: 30px;
  font-family: "ヒラギノ明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 5rem;
  color: #fcc603;
  line-height: 1;
}
@media (max-width: 480px) {
  #juniorboard .what_catch-02 {
    font-size: 4rem;
  }
}
#juniorboard .overallCnt h4 {
  width: 100%;
}
#juniorboard .overallCnt-bl {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #juniorboard .overallCnt-bl {
    margin-bottom: 50px;
  }
}
#juniorboard .overallCnt-rd {
  margin-bottom: 30px;
}
#juniorboard .overallCnt-rd .arrowBt-lg {
  bottom: -18px;
}
@media (max-width: 480px) {
  #juniorboard .overallCnt-rd {
    margin-bottom: 50px;
  }
  #juniorboard .overallCnt-rd .arrowBt-lg {
    bottom: -35px;
  }
}
#juniorboard .overallCnt_cnt {
  width: 100%;
  margin: 0 16px;
}
#juniorboard .overallCnt_cnt_txt {
  margin-left: 16px;
  margin-right: 16px;
}
@media (max-width: 480px) {
  #juniorboard .overallCnt_cnt_txt {
    margin: 0 0 20px 0;
  }
}
@media (max-width: 480px) {
  #juniorboard .overallCnt_cnt {
    margin: 0;
  }
}
#juniorboard .overallCnt_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#juniorboard .overallCnt_wrap-bl .overallCnt_cnt h5 {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #juniorboard .overallCnt_wrap-bl .overallCnt_cnt h5 {
    margin-bottom: 20px;
  }
}
#juniorboard .overallCnt_wrap-bl .overallCnt_flow li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#juniorboard .overallCnt_wrap-bl .overallCnt_flow li + li {
  margin-top: 20px;
}
#juniorboard .overallCnt_wrap-bl .overallCnt_flow li:nth-child(2) {
  margin-top: 0;
}
#juniorboard .overallCnt_wrap-bl .overallCnt_flow li .ttl {
  width: 100%;
}
#juniorboard .overallCnt_wrap-bl .overallCnt_flow li .txt {
  width: 315px;
}
#juniorboard .overallCnt_wrap-bl .overallCnt_flow li:first-child .txt {
  width: 100%;
}
#juniorboard .overallCnt_wrap-bl .overallCnt_flow li:nth-child(2) .txt {
  width: 320px;
}
#juniorboard .overallCnt_wrap-bl .overallCnt_flow li:nth-child(3) .txt {
  width: 350px;
}
#juniorboard .overallCnt_wrap-bl .overallCnt_flow li:nth-child(4) .txt {
  width: 340px;
}
#juniorboard .overallCnt_wrap-bl .overallCnt_flow li:nth-child(4) .zoom_img {
  width: 216px;
}
#juniorboard .overallCnt_wrap-bl .overallCnt_flow li:nth-child(4) .zoom_img:last-child {
  width: 232px;
}
#juniorboard .overallCnt_wrap-bl .zoom_img {
  margin-top: 15px;
}
@media (max-width: 480px) {
  #juniorboard .overallCnt_wrap-bl .zoom_img {
    margin-top: 20px;
  }
}
#juniorboard .overallCnt_wrap-bl .arrowBt-lg {
  bottom: -18px;
}
@media (max-width: 480px) {
  #juniorboard .overallCnt_wrap-bl .arrowBt-lg {
    bottom: -30px;
  }
}
#juniorboard .overallCnt_wrap-rd01 .overallCnt_table {
  margin-bottom: 20px;
}
#juniorboard .overallCnt_wrap-rd01 .overallCnt_table tr th, #juniorboard .overallCnt_wrap-rd01 .overallCnt_table tr td {
  background: #fff;
  border: solid 2px #e6e6e6;
}
#juniorboard .overallCnt_wrap-rd01 .overallCnt_table tr th span, #juniorboard .overallCnt_wrap-rd01 .overallCnt_table tr td span {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#juniorboard .overallCnt_wrap-rd01 .overallCnt_table tr:nth-child(odd) th, #juniorboard .overallCnt_wrap-rd01 .overallCnt_table tr:nth-child(odd) td {
  background: #f2f2f2;
}
#juniorboard .overallCnt_wrap-rd01 .overallCnt_table tr:first-child th {
  background: #cccccc;
  text-align: center;
}
@media (max-width: 480px) {
  #juniorboard .overallCnt_wrap-rd01 .overallCnt_table tr {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #juniorboard .overallCnt_wrap-rd01 .overallCnt_table tr:first-child th {
    text-align: center;
    justify-content: center;
  }
}
#juniorboard .overallCnt_wrap-rd01 .overallCnt_table tr th, #juniorboard .overallCnt_wrap-rd01 .overallCnt_table tr td {
  padding: 5px 10px;
  font-size: 1.3rem;
  line-height: 1.5;
}
@media (max-width: 480px) {
  #juniorboard .overallCnt_wrap-rd01 .overallCnt_table tr th, #juniorboard .overallCnt_wrap-rd01 .overallCnt_table tr td {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 50%;
  }
}
#juniorboard .overallCnt_wrap-rd01 .overallCnt_table tr th {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  text-align: left;
}
@media (max-width: 480px) {
  #juniorboard .overallCnt_wrap-rd01 .overallCnt_table tr th:first-child {
    display: none;
  }
}
@media (max-width: 480px) {
  #juniorboard .overallCnt_wrap-rd01 .overallCnt_table tr td:before {
    display: block;
    width: 100%;
    content: attr(data-label);
    font-weight: bold;
  }
}
#juniorboard .overallCnt_wrap-rd01 .overallCnt_book {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 480px) {
  #juniorboard .overallCnt_wrap-rd01 .overallCnt_book {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #juniorboard .overallCnt_wrap-rd01 .overallCnt_book:after {
    content: "";
    display: block;
    width: calc(calc(100% - 20px) / 3);
  }
}
#juniorboard .overallCnt_wrap-rd01 .overallCnt_book li {
  width: 140px;
}
@media (max-width: 480px) {
  #juniorboard .overallCnt_wrap-rd01 .overallCnt_book li {
    width: calc(calc(100% - 20px) / 3);
  }
}
#juniorboard .overallCnt_wrap-rd01 .overallCnt_txt {
  margin: 10px 0 0 15px;
  font-size: 1.2rem;
}
@media (max-width: 480px) {
  #juniorboard .overallCnt_wrap-rd01 .overallCnt_txt {
    margin: 10px 0 0;
  }
}
#juniorboard .overallCnt_wrap-rd01 .arrowBt-lg {
  bottom: -18px;
}
@media (max-width: 480px) {
  #juniorboard .overallCnt_wrap-rd01 .arrowBt-lg {
    bottom: -35px;
  }
}
#juniorboard .overallCnt_wrap-rd02 .overallCnt_flow li, #juniorboard .overallCnt_wrap-rd03 .overallCnt_flow li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: calc(calc(100% - 40px) /  3);
}
#juniorboard .overallCnt_wrap-rd02 .overallCnt_flow li:nth-child(n+4), #juniorboard .overallCnt_wrap-rd03 .overallCnt_flow li:nth-child(n+4) {
  margin-top: 20px;
}
@media (max-width: 480px) {
  #juniorboard .overallCnt_wrap-rd02 .overallCnt_flow li, #juniorboard .overallCnt_wrap-rd03 .overallCnt_flow li {
    width: 100%;
  }
  #juniorboard .overallCnt_wrap-rd02 .overallCnt_flow li + li, #juniorboard .overallCnt_wrap-rd03 .overallCnt_flow li + li {
    margin-top: 23px;
  }
}
#juniorboard .overallCnt_wrap-rd02 .overallCnt_flow li .ttl, #juniorboard .overallCnt_wrap-rd03 .overallCnt_flow li .ttl {
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 2em;
}
#juniorboard .overallCnt_wrap-rd02 .overallCnt_flow li .txt, #juniorboard .overallCnt_wrap-rd03 .overallCnt_flow li .txt {
  margin-top: 15px;
}
@media (max-width: 480px) {
  #juniorboard .overallCnt_wrap-rd02 .overallCnt_flow li .txt, #juniorboard .overallCnt_wrap-rd03 .overallCnt_flow li .txt {
    margin-top: 10px;
  }
}
#juniorboard .overallCnt_wrap-rd02 .overallCnt_flow:after, #juniorboard .overallCnt_wrap-rd03 .overallCnt_flow:after {
  content: "";
  display: block;
  width: calc(calc(100% - 40px) /  3);
}
#juniorboard .overallCnt_wrap-rd02 .bkBox, #juniorboard .overallCnt_wrap-rd03 .bkBox {
  margin-top: 20px;
  text-align: center;
}
@media (max-width: 480px) {
  #juniorboard .overallCnt_wrap-rd02 .bkBox, #juniorboard .overallCnt_wrap-rd03 .bkBox {
    margin-bottom: 10px;
  }
}
#juniorboard .overallCnt_wrap-gr .overallCnt_cnt {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
#juniorboard .overallCnt_wrap-gr .overallCnt_flow {
  width: 554px;
  margin-bottom: 20px;
}
#juniorboard .overallCnt_wrap-gr .overallCnt_flow li .ttl {
  height: auto;
}
#juniorboard .overallCnt_wrap-gr .overallCnt_flow li .txt {
  width: 100%;
}
#juniorboard .overallCnt_wrap-gr .zoom_img {
  width: 240px;
  margin-bottom: 20px;
}
#juniorboard .feature {
  width: 820px;
  margin: 70px auto 0;
  padding: 20px 25px 25px;
  text-align: center;
  border: solid 1px #000;
  border-radius: 10px;
}
#juniorboard .feature h2 {
  margin-bottom: 20px;
  font-size: 2.8rem;
  font-family: "ヒラギノ明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#juniorboard .feature .zoom {
  display: none;
}
#juniorboard .feature .zoom_img {
  pointer-events: none;
}
@media (max-width: 480px) {
  #juniorboard .feature {
    width: 90%;
    margin: 40px auto 0;
    padding: 20px;
  }
  #juniorboard .feature .zoom {
    display: flex;
  }
  #juniorboard .feature .zoom_img {
    pointer-events: inherit;
  }
}

#proceeds .main {
  background: url("img/bg_mian_proceeds.jpg") center center no-repeat;
  background-size: cover;
}
#proceeds .main .ttl {
  color: #000;
  text-shadow: 5px 5px 10px rgba(255, 255, 255, 0.9), -5px -5px 10px rgba(255, 255, 255, 0.9), 5px -5px 10px rgba(255, 255, 255, 0.9), -5px 5px 10px rgba(255, 255, 255, 0.9);
}
#proceeds .mainLink_list li {
  width: calc(100% / 4);
}
@media (max-width: 480px) {
  #proceeds .mainLink_list li:nth-child(2n):before {
    position: absolute;
    content: "";
    background: #ccc;
    position: absolute;
    width: 1px;
    height: 75%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  #proceeds .mainLink_list li:nth-child(-n+2):after {
    position: absolute;
    content: "";
    background: #ccc;
    position: absolute;
    width: 90%;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}
#proceeds .how {
  padding: 35px 0 60px;
}
#proceeds .how .contents {
  padding: 50px 50px 70px;
}
@media (max-width: 480px) {
  #proceeds .how {
    padding: 0;
  }
  #proceeds .how .contents {
    padding: 30px 30px 50px;
  }
}
#proceeds .how_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  #proceeds .how_wrap {
    margin-bottom: 60px;
  }
}
#proceeds .how_list {
  margin: 0 auto 30px;
}
@media (max-width: 480px) {
  #proceeds .how_list {
    width: 100%;
    margin-bottom: 20px;
  }
}
#proceeds .how_list_ttl {
  width: 70px;
  height: 70px;
  margin-right: 20px;
}
#proceeds .how_list_ttl span {
  margin-top: -10px;
  font-size: 3.2rem;
  font-family: stix-two-text, serif !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: #fcc603;
}
#proceeds .how_list li + li {
  margin-top: 30px;
}
#proceeds .how_list_cnt {
  width: calc(100% - 70px);
}
#proceeds .how_list_cnt dt h4 {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #proceeds .how_list_cnt {
    width: calc(100% - 85px);
  }
  #proceeds .how_list_cnt dt, #proceeds .how_list_cnt dd {
    text-align: left;
  }
}
#proceeds .how_ttl {
  width: 600px;
  margin: 0 auto;
  padding: 15px;
  font-size: 2.6rem;
}
@media (max-width: 480px) {
  #proceeds .how_ttl {
    width: 100%;
    font-size: 2.2rem;
  }
}
#proceeds .how .zoom_img {
  width: 420px;
}
@media (max-width: 480px) {
  #proceeds .how .zoom_img {
    width: 100%;
  }
}
#proceeds .how .how_arrow {
  display: block;
  margin: 10px auto 30px;
}
@media (max-width: 480px) {
  #proceeds .how .how_arrow {
    width: 68px;
    height: auto;
  }
}
#proceeds .how h3.ttl {
  margin-bottom: 10px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.2rem;
  line-height: 1.3;
  text-align: center;
}
#proceeds .how_catch {
  font-size: 2rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  text-align: center;
  line-height: 1.5;
}
@media (max-width: 480px) {
  #proceeds .how_catch {
    font-size: 1.8rem;
    text-align: left;
    line-height: 1.4;
  }
}
#proceeds .how_table {
  width: 860px;
  margin: 0 auto;
}
#proceeds .how_table tr th, #proceeds .how_table tr td {
  background: #fff;
  border: solid 2px #e6e6e6;
}
#proceeds .how_table tr th span, #proceeds .how_table tr td span {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#proceeds .how_table tr:nth-child(odd) th, #proceeds .how_table tr:nth-child(odd) td {
  background: #f2f2f2;
}
#proceeds .how_table tr:first-child th {
  background: #cccccc;
  text-align: center;
}
#proceeds .how_table th, #proceeds .how_table td {
  padding: 10px 20px;
  font-size: 1.4rem;
}
#proceeds .how_table th span, #proceeds .how_table td span {
  font-size: 1.6rem;
}
#proceeds .how_table tr:first-child th {
  padding: 5px;
}
#proceeds .how_table th:first-child {
  width: 190px;
}
#proceeds .how_table td:first-child {
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 480px) {
  #proceeds .how_table {
    width: 100%;
  }
  #proceeds .how_table th:first-child {
    width: 22%;
  }
  #proceeds .how_table td {
    padding: 12px 0;
  }
  #proceeds .how_table td:nth-child(2) {
    padding: 12px 20px;
  }
}
#proceeds .what .contents {
  padding: 50px 0 90px;
}
@media (max-width: 480px) {
  #proceeds .what .contents {
    padding: 30px 15px 50px;
  }
}
#proceeds .what_txt span {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #fcc603;
  line-height: 1.8;
}
#proceeds .whatList {
  margin: 50px auto 60px;
}
@media (max-width: 480px) {
  #proceeds .whatList {
    margin: 30px auto 40px;
  }
}
#proceeds .whatList_list_li_txt-02 {
  letter-spacing: -.1em;
}
#proceeds .what_catch {
  margin-bottom: 30px;
}
#proceeds .what_catch-02 {
  margin-top: 30px;
  font-family: "ヒラギノ明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 5rem;
  color: #fcc603;
  line-height: 1;
}
@media (max-width: 480px) {
  #proceeds .what_catch-02 {
    font-size: 4rem;
  }
}
#proceeds .what .roundList-box {
  width: calc(calc(100% - 54px) / 4);
  background: #fff;
  border-radius: 10px;
}
@media (max-width: 480px) {
  #proceeds .what .roundList-box {
    width: 100%;
  }
  #proceeds .what .roundList-box + .roundList-box {
    margin-top: 15px;
  }
}
#proceeds .what .roundList-wh {
  position: relative;
  background: #16335F;
  min-height: 200px;
  margin-bottom: 20px;
  padding: 20px 20px 0 20px;
  border-radius: 5px 5px 0 0;
  border: none;
}
@media (max-width: 480px) {
  #proceeds .what .roundList-wh {
    min-height: inherit;
    margin-bottom: 0;
    padding-bottom: 10px;
  }
  #proceeds .what .roundList-wh:last-child {
    margin-bottom: 40px;
  }
}
#proceeds .what .roundList-wh:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-color: #16335F transparent transparent transparent;
  border-width: 25px 111px 0 111px;
  z-index: 1;
}
@media (max-width: 480px) {
  #proceeds .what .roundList-wh:after {
    border-width: 25px 45vw 0 45vw;
  }
}
#proceeds .what .roundList-wh dt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: calc(1.4em*3);
  padding: 0 0 20px;
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.4;
  border-radius: 0;
}
@media (max-width: 480px) {
  #proceeds .what .roundList-wh dt {
    display: block;
    height: auto;
    padding-bottom: 10px;
    font-size: 1.8rem;
  }
}
#proceeds .what .roundList-wh dt span {
  font-size: 1.1rem;
}
#proceeds .what .roundList-wh dd {
  padding: 10px 0 0;
  border-top: solid 1px #fff;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
}
@media (max-width: 480px) {
  #proceeds .what .roundList-wh dd {
    font-size: 1.6rem;
  }
}
#proceeds .what .roundList-wh dd ul {
  display: inline-block;
}
@media (max-width: 480px) {
  #proceeds .what .roundList-wh {
    width: 100%;
  }
  #proceeds .what .roundList-wh + .roundList-wh {
    margin-top: 30px;
  }
}
#proceeds .what .roundList-wh-child {
  padding: 20px;
}
@media (max-width: 480px) {
  #proceeds .what .roundList-wh-child {
    padding-top: 40px;
  }
}
#proceeds .what .roundList-wh-child li {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  text-align: left;
  padding-left: 1.3em;
}
#proceeds .what .roundList-wh-child li + li {
  margin-top: 10px;
}
@media (max-width: 480px) {
  #proceeds .what .roundList-wh-child li + li {
    margin-top: 5px;
  }
}
#proceeds .what .roundList-wh-child li i {
  position: absolute;
  top: 3px;
  left: 0;
}
#proceeds .what_roundList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 960px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #proceeds .what_roundList {
    width: 100%;
  }
}
#proceeds .what_roundList-01 {
  margin-bottom: 50px;
}
#proceeds .what_roundList-01 .roundList-box {
  border: solid 2px #16335F;
}
#proceeds .what_roundList-01 .roundList-wh {
  background: #16335F;
}
#proceeds .what_roundList-01 .roundList-wh dt {
  background: #16335F;
}
#proceeds .what_roundList-01 .roundList-wh-child li .fa-check {
  color: #16335F;
}
#proceeds .what_roundList-01 .roundList-wh-child li span {
  color: #16335F;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#proceeds .what_roundList-02 .roundList-box {
  border: solid 2px #8E0C24;
}
#proceeds .what_roundList-02 .roundList-wh {
  background: #8E0C24;
}
#proceeds .what_roundList-02 .roundList-wh dt {
  background: #8E0C24;
}
#proceeds .what_roundList-02 .roundList-wh:after {
  border-color: #8E0C24 transparent transparent transparent;
}
#proceeds .what_roundList-02 .roundList-wh-child li .fa-check {
  color: #8E0C24;
}
#proceeds .what_roundList-02 .roundList-wh-child li span {
  color: #8E0C24;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#proceeds .caseWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #fff;
  display: block;
  width: 860px;
  margin: 0 auto;
  padding: 40px;
  border: none;
}
@media (max-width: 480px) {
  #proceeds .caseWrap {
    width: 100%;
    padding: 40px 20px 50px;
  }
}
#proceeds .caseWrap + .caseWrap {
  margin-top: 40px;
}
#proceeds .caseWrap_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
#proceeds .caseWrap_case {
  margin-bottom: 30px;
}
#proceeds .caseWrap_case h4 {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#proceeds .caseWrap_note {
  width: 360px;
}
@media (max-width: 480px) {
  #proceeds .caseWrap_note {
    width: 100%;
  }
}
#proceeds .caseWrap_note dt {
  padding: 5px;
  font-size: 1.6rem;
  color: #fff;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  text-align: center;
}
#proceeds .caseWrap_note dd {
  display: block;
  background: #e9e9e9;
  padding: 20px 25px;
}
#proceeds .caseWrap_note dd h5 {
  margin: 20px 0 5px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#proceeds .caseWrap_note dd h5:first-child {
  margin-top: 0;
}
#proceeds .caseWrap_note dd li {
  text-indent: -1em;
  padding-left: 1em;
}
@media (max-width: 480px) {
  #proceeds .caseWrap_note dd {
    padding: 20px;
  }
}
#proceeds .caseWrap_note-01 dt {
  background: #34495e;
}
@media (max-width: 480px) {
  #proceeds .caseWrap_note-01 {
    margin-bottom: 40px;
  }
}
#proceeds .caseWrap_note-02 {
  position: relative;
  margin-bottom: 25px;
}
#proceeds .caseWrap_note-02 dt {
  background: #00896d;
}
#proceeds .caseWrap_note-02 dd p {
  margin-top: 20px;
  padding-left: 1em;
  text-indent: -1em;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#proceeds .caseWrap_note-02 dd p:first-child {
  margin-top: 0;
}
#proceeds .caseWrap_note-02 dd p span.bold {
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #ff0000;
}
#proceeds .caseWrap_note-02 dd div {
  display: inline-block;
  background: #fff;
  margin-left: 1em;
  padding: 0 10px;
  border: solid 2px #ccc;
  font-size: 1.3rem;
}
#proceeds .caseWrap_note-02 dd div p {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#proceeds .caseWrap_note-02 dd div span {
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #ff0000;
}
#proceeds .caseWrap_note-02 dd div span.arrow {
  display: block;
  margin-left: 65%;
  padding: 0;
  border-left: 7px solid transparent;
  border-bottom: none;
  border-top: 7px solid #000;
  border-right: 7px solid transparent;
  transform: inherit;
}
#proceeds .caseWrap_note-02 dd div span.arrow-02 {
  margin-left: 30%;
}
@media (max-width: 480px) {
  #proceeds .caseWrap_note-02 dd div span.arrow {
    margin: 5px auto;
  }
}
@media (max-width: 480px) {
  #proceeds .caseWrap_note-02 dd div {
    width: 100%;
    margin-left: 0;
    padding: 5px 0;
    text-align: center;
  }
}
#proceeds .caseWrap_note-02 dd > .arrow {
  background: transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -40px;
  width: 0;
  margin: auto;
  border-top: 10px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid #fcc603;
}
@media (max-width: 480px) {
  #proceeds .caseWrap_note-02 dd > .arrow {
    padding: 0;
    top: -30px;
    bottom: inherit;
    left: 0;
    right: 0;
    border-left: 10px solid transparent;
    border-bottom: none;
    border-top: 20px solid #fcc603;
    border-right: 10px solid transparent;
    transform: inherit;
  }
}
#proceeds .caseWrap-b {
  margin-top: 55px;
}
@media (max-width: 480px) {
  #proceeds .caseWrap-b {
    margin-top: 20px;
  }
}
#proceeds .caseWrap-b .caseWrap_note {
  width: 390px;
}
@media (max-width: 480px) {
  #proceeds .caseWrap-b .caseWrap_note {
    width: 100%;
  }
}
#proceeds .caseWrap-b .caseWrap_note-01 {
  margin-bottom: 60px;
}
#proceeds .caseWrap-b .caseWrap_note-02 {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #proceeds .caseWrap-b .caseWrap_note-02 {
    margin-bottom: 25px;
  }
}
#proceeds .caseWrap-b .caseWrap_note-02 dd > .arrow {
  top: -20px;
  right: 0;
  bottom: inherit;
  left: 0;
  transform: rotateZ(90deg);
}
@media (max-width: 480px) {
  #proceeds .caseWrap-b .caseWrap_note-02 dd > .arrow {
    top: -40px;
    transform: rotateZ(0deg);
  }
}
#proceeds .case_box_main {
  display: block;
  margin-bottom: 0;
}
#proceeds .case_box_main h4 {
  margin-bottom: 10px;
  font-size: 2.2rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#proceeds .case_box_main p {
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#proceeds .case_box_main .accordion {
  margin-top: 30px;
}
#proceeds .case_box_main .accordion dd {
  padding-bottom: 30px;
}
#proceeds .overall .ttl span {
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.6rem;
}
#proceeds .overall .arrowBt {
  margin: 15px auto 12px;
}
#proceeds .overall .arrowBt-lg {
  margin: 0 auto;
}
#proceeds .overallCnt h4 {
  width: 100%;
}
#proceeds .overallCnt-bl {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #proceeds .overallCnt-bl {
    margin-bottom: 50px;
  }
}
#proceeds .overallCnt-rd {
  margin-bottom: 60px;
}
#proceeds .overallCnt-rd .arrowBt-lg {
  bottom: -18px;
}
@media (max-width: 480px) {
  #proceeds .overallCnt-rd {
    margin-bottom: 50px;
  }
  #proceeds .overallCnt-rd .arrowBt-lg {
    bottom: -35px;
  }
}
#proceeds .overallCnt-rd .ttl-half h4 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  border: solid 2px #e54253;
  color: #e54253;
}
#proceeds .overallCnt-rd .ttl-half h4 span {
  position: relative;
  display: block;
  width: calc(100%/3);
  text-align: center;
  font-family: "ヒラギノ明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  #proceeds .overallCnt-rd .ttl-half h4 span {
    width: 27%;
  }
  #proceeds .overallCnt-rd .ttl-half h4 span:first-child {
    width: 46%;
  }
}
#proceeds .overallCnt-rd .ttl-half h4 span:first-child:before, #proceeds .overallCnt-rd .ttl-half h4 span:first-child:after, #proceeds .overallCnt-rd .ttl-half h4 span:nth-child(2):before, #proceeds .overallCnt-rd .ttl-half h4 span:nth-child(2):after {
  background: #e54253;
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 120%;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
}
#proceeds .overallCnt-rd .ttl-half h4 span:first-child:after, #proceeds .overallCnt-rd .ttl-half h4 span:nth-child(2):after {
  background: #fbe1de;
  width: 4px;
  height: 140%;
  right: 2px;
}
#proceeds .overallCnt_cnt {
  width: 100%;
}
#proceeds .overallCnt_cnt_txt {
  margin-left: 16px;
  margin-right: 16px;
}
@media (max-width: 480px) {
  #proceeds .overallCnt_cnt_txt {
    margin: 0 0 20px 0;
  }
}
@media (max-width: 480px) {
  #proceeds .overallCnt_cnt {
    margin: 0;
  }
}
#proceeds .overallCnt_flow .ttl {
  justify-content: center;
  text-align: center;
}
#proceeds .overallCnt_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 16px;
}
@media (max-width: 480px) {
  #proceeds .overallCnt_wrap {
    margin: 0;
  }
}
#proceeds .overallCnt_wrap-bl .overallCnt_cnt {
  width: 366px;
}
#proceeds .overallCnt_wrap-bl .overallCnt_cnt h5 {
  margin-bottom: 10px;
  font-size: 1.5rem;
}
@media (max-width: 480px) {
  #proceeds .overallCnt_wrap-bl .overallCnt_cnt h5 {
    margin-bottom: 10px;
  }
}
#proceeds .overallCnt_wrap-bl .overallCnt_flow {
  margin-bottom: 40px;
}
@media (max-width: 480px) {
  #proceeds .overallCnt_wrap-bl .overallCnt_flow {
    margin-bottom: 30px;
  }
}
#proceeds .overallCnt_wrap-bl .overallCnt_data {
  width: 330px;
  margin: 0 auto;
}
#proceeds .overallCnt_wrap-bl .overallCnt_data li {
  background: #fff;
  padding: 5px 10px;
  border: solid #297fb8 2px;
  border-radius: 8px;
  font-size: 1.3rem;
  color: #297fb8;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  line-height: 1.3;
}
#proceeds .overallCnt_wrap-bl .overallCnt_data li + li {
  margin-top: 3px;
}
@media (max-width: 480px) {
  #proceeds .overallCnt_wrap-bl .overallCnt_data {
    width: 100%;
  }
  #proceeds .overallCnt_wrap-bl .overallCnt_data li {
    text-align: center;
  }
}
#proceeds .overallCnt_wrap-bl .zoom_img {
  margin-bottom: 30px;
  text-align: center;
}
@media (max-width: 480px) {
  #proceeds .overallCnt_wrap-bl .zoom_img {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
#proceeds .overallCnt_wrap-rd .overallCnt_cnt h5 {
  margin-bottom: 10px;
  font-size: 1.5rem;
  line-height: 1.4;
}
#proceeds .overallCnt_wrap-rd .overallCnt_flow {
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  #proceeds .overallCnt_wrap-rd .overallCnt_flow {
    margin-bottom: 30px;
  }
}
#proceeds .overallCnt_wrap-rd .overallCnt_data {
  margin: 0 auto;
}
#proceeds .overallCnt_wrap-rd .overallCnt_data li {
  background: #fff;
  padding: 5px 10px;
  border: solid #e54253 2px;
  border-radius: 8px;
  font-size: 1.3rem;
  color: #e54253;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  line-height: 1.3;
}
#proceeds .overallCnt_wrap-rd .overallCnt_data li + li {
  margin-top: 3px;
}
@media (max-width: 480px) {
  #proceeds .overallCnt_wrap-rd .overallCnt_data {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #proceeds .overallCnt_wrap-rd01 {
    margin-bottom: 0;
  }
}
#proceeds .overallCnt_wrap-rd01 .overallCnt_cnt {
  width: 256px;
  margin: 0;
}
@media (max-width: 480px) {
  #proceeds .overallCnt_wrap-rd01 .overallCnt_cnt {
    width: 100%;
  }
}
#proceeds .overallCnt_wrap-rd01 .overallCnt_data {
  width: 210px;
}
@media (max-width: 480px) {
  #proceeds .overallCnt_wrap-rd01 .overallCnt_data {
    width: 100%;
  }
  #proceeds .overallCnt_wrap-rd01 .overallCnt_data li {
    text-align: center;
  }
}
@media (max-width: 480px) {
  #proceeds .overallCnt_wrap-rd01 .bkBox {
    margin-bottom: 30px;
  }
}
#proceeds .overallCnt_wrap-rd01 .arrowBt-lg {
  bottom: -18px;
}
@media (max-width: 480px) {
  #proceeds .overallCnt_wrap-rd01 .arrowBt-lg {
    bottom: -35px;
  }
}
#proceeds .overallCnt_wrap-rd02 .overallCnt_cnt {
  width: 356px;
}
#proceeds .overallCnt_wrap-rd02 .overallCnt_data {
  width: 320px;
}
@media (max-width: 480px) {
  #proceeds .overallCnt_wrap-rd02 .overallCnt_data {
    width: 100%;
  }
  #proceeds .overallCnt_wrap-rd02 .overallCnt_data li {
    text-align: center;
  }
}
#proceeds .overallCnt_wrap-rd02 .overallCnt_img {
  width: 432px;
  text-align: center;
}
#proceeds .overallCnt_wrap-rd02 .overallCnt_img > img {
  margin-bottom: 20px;
}
#proceeds .overallCnt_wrap-rd02 .bkBox {
  margin-top: 20px;
  text-align: center;
}
@media (max-width: 480px) {
  #proceeds .overallCnt_wrap-rd02 .bkBox {
    margin-bottom: 30px;
  }
}
#proceeds .overallCnt_box-wh {
  background: #fff;
  width: calc(50% - 8px);
  padding: 22px;
}
@media (max-width: 480px) {
  #proceeds .overallCnt_box-wh {
    width: 100%;
    padding: 15px;
  }
}
#proceeds .overallCnt_box-wh .overallCnt_flow .ttl {
  justify-content: flex-start;
  text-align: left;
}
#proceeds .overallCnt_box-wh .overallCnt_flow .txt {
  text-indent: -1em;
  padding-left: 1em;
}
#proceeds .overallCnt_box-wh .bkBox {
  display: block;
  margin-bottom: 30px;
  padding: 10px 10px 10px calc(10px + 1em);
}
#proceeds .overallCnt_box-wh .bkBox:last-child {
  margin-bottom: 0;
}
#proceeds .overallCnt_box-wh .bkBox p {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  padding-left: 1em;
  text-indent: -2em;
}
#proceeds .overallCnt_box-wh .bkBox p span {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #fcc603;
}
#proceeds .overallCnt_box {
  width: 540px;
  background: #fff;
  margin: 0 auto;
  padding: 20px;
  border: solid 1px #e54253;
  border-radius: 10px;
  text-align: center;
}
@media (max-width: 480px) {
  #proceeds .overallCnt_box {
    width: 100%;
    margin-bottom: 10px;
  }
}
#proceeds .overallCnt_box h5 {
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #e54253;
}
#proceeds .overallCnt_box img {
  margin: 15px 0;
}
#proceeds .overallCnt_box ul li {
  font-size: 1.3rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #e54253;
}
#proceeds .overallCnt_box p {
  font-size: 1.3rem;
  line-height: 1.6;
}
#proceeds .feature {
  width: 820px;
  margin: 70px auto 0;
  padding: 20px 25px 25px;
  text-align: center;
  border: solid 1px #000;
  border-radius: 10px;
}
#proceeds .feature h2 {
  margin-bottom: 20px;
  font-size: 2.8rem;
  font-family: "ヒラギノ明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#proceeds .feature .zoom {
  display: none;
}
#proceeds .feature .zoom_img {
  pointer-events: none;
}
@media (max-width: 480px) {
  #proceeds .feature {
    width: 90%;
    margin: 40px auto 0;
    padding: 20px;
  }
  #proceeds .feature .zoom {
    display: flex;
  }
  #proceeds .feature .zoom_img {
    pointer-events: inherit;
  }
}

#holding .main {
  background: url("img/bg_mian_holding.jpg") center center no-repeat;
  background-size: cover;
}
#holding .main .ttl {
  color: #000;
  text-shadow: 5px 5px 10px rgba(255, 255, 255, 0.9), -5px -5px 10px rgba(255, 255, 255, 0.9), 5px -5px 10px rgba(255, 255, 255, 0.9), -5px 5px 10px rgba(255, 255, 255, 0.9);
}
#holding .how_wrap {
  text-align: center;
}
#holding .how_att {
  margin: 30px 60px 0 0;
  font-size: 1.4rem;
  text-align: right;
}
@media (max-width: 480px) {
  #holding .how_att {
    margin-right: 0;
  }
}
#holding .how .zoom_img {
  pointer-events: none;
}
@media (max-width: 480px) {
  #holding .how .zoom_img {
    pointer-events: inherit;
  }
}
#holding .how .zoom_img p {
  color: #fff;
}
#holding .how .zoom_img a .zoom {
  display: none;
}
@media (max-width: 480px) {
  #holding .how .zoom_img a .zoom {
    display: flex;
  }
}
#holding .what_conditions {
  width: 800px;
  margin: 0 auto;
}
#holding .what_conditions_ttl.ttl {
  margin: 70px auto 50px;
}
#holding .what_conditions_ttl_sub {
  font-size: 2.2rem;
  color: #fff;
  margin-bottom: 30px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 480px) {
  #holding .what_conditions {
    width: 100%;
  }
}
#holding .what_conditions_li {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #holding .what_conditions_li {
    flex-direction: column;
  }
}
#holding .what_conditions_li:last-child {
  margin-bottom: 0;
}
#holding .what_conditions_li .number {
  width: 110px;
  height: 110px;
  margin-right: 40px;
  border: 1px solid #fcc603;
  border-radius: 50%;
  color: #fcc603;
  font-size: 3.8rem;
  padding-bottom: 14px;
  font-family: stix-two-text, serif !important;
  font-weight: 400 !important;
  font-style: italic !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #holding .what_conditions_li .number {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
#holding .what_conditions_li .txt {
  width: calc(100% - 150px);
  text-align: left;
}
@media (max-width: 480px) {
  #holding .what_conditions_li .txt {
    width: 90%;
  }
}
#holding .what_conditions_li .txt h3 {
  margin-bottom: 15px;
  font-size: 2.8rem;
  color: #fcc603;
  line-height: 1.3;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 480px) {
  #holding .what_conditions_li .txt h3 {
    text-align: center;
  }
}
#holding .what_conditions_li .txt p {
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.7;
}
#holding .what_conditions_li .txt p.bold {
  margin-top: 15px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.4rem;
  line-height: 1.4;
}
@media (max-width: 480px) {
  #holding .what_conditions_li .txt p.bold {
    text-align: center;
  }
}
@media (max-width: 480px) {
  #holding .what_conditions_li .number-pc {
    display: none;
  }
}
#holding .what_conditions_li .number-sp {
  display: none;
}
@media (max-width: 480px) {
  #holding .what_conditions_li .number-sp {
    display: flex;
    width: 70px;
    height: 70px;
    margin-right: 20px;
  }
}
@media (max-width: 480px) {
  #holding .what_conditions_li .txt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  #holding .what_conditions_li .txt h3 {
    width: calc(100% - 90px);
    text-align: left;
  }
  #holding .what_conditions_li .txt p {
    width: 100%;
  }
}
#holding .what_conditions_catch {
  font-size: 1.6rem;
  color: #fff;
}
#holding .what_conditions_catch span {
  font-size: 4rem;
  color: #fcc603;
  line-height: 1.5;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 480px) {
  #holding .what_conditions_catch span {
    font-size: 2.6rem;
  }
}
#holding .overall h2 span {
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.6rem;
}
#holding .overall .arrow_center {
  width: 100%;
}
#holding .overall .arrowBt {
  margin: 15px auto;
}
#holding .overallCnt {
  margin-bottom: 30px;
}
#holding .overallCnt_ttl_half {
  width: 960px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #holding .overallCnt_ttl_half {
    width: 100%;
  }
}
#holding .overallCnt_ttl_half h3 {
  width: 50%;
  position: relative;
}
#holding .overallCnt_ttl_half h3:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
  content: "";
  z-index: 3;
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
}
#holding .overallCnt_ttl_half h3.overallCnt_ttl-bl:before {
  border-top: 16px solid #297fb8;
}
#holding .overallCnt_ttl_half h3.overallCnt_ttl-rd:before {
  border-top: 16px solid #e54253;
}
#holding .overallCnt-half {
  background: linear-gradient(90deg, #fbe1de 0%, #fbe1de 50%, #e5ebee 50%, #e5ebee 100%);
  width: 960px;
  margin: 0 auto 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #holding .overallCnt-half {
    width: 100%;
  }
}
#holding .overallCnt-half .overallCnt-bl, #holding .overallCnt-half .overallCnt-rd {
  width: 50%;
  margin-bottom: 0;
  padding: 40px 30px 10px;
}
@media (max-width: 480px) {
  #holding .overallCnt-half .overallCnt-bl, #holding .overallCnt-half .overallCnt-rd {
    padding: 30px 10px 0;
  }
}
#holding .overallCnt-half .overallCnt-bl:before, #holding .overallCnt-half .overallCnt-rd:before {
  content: none;
}
#holding .overallCnt-half .overallCnt-bl:nth-child(5), #holding .overallCnt-half .overallCnt-bl:nth-child(6), #holding .overallCnt-half .overallCnt-rd:nth-child(5), #holding .overallCnt-half .overallCnt-rd:nth-child(6) {
  padding-top: 10px;
}
#holding .overallCnt_wrap h4 {
  width: 100%;
}
#holding .overallCnt_wrap_txt {
  font-size: 1.4rem;
  margin-bottom: 20px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#holding .overallCnt_flow li:last-child {
  margin-bottom: 0;
}
#holding .overallCnt_flow li:last-child p {
  margin-bottom: 0 !important;
}
#holding .overallCnt_flow li .zoom_img {
  margin: 20px auto 30px;
  text-align: center;
}
@media (max-width: 480px) {
  #holding .overallCnt_flow li .zoom_img {
    margin: 10px auto 23px;
  }
}
#holding .overallCnt_flow li .zoom_img-05 {
  margin-bottom: 20px;
  pointer-events: none;
}
@media (max-width: 480px) {
  #holding .overallCnt_flow li .zoom_img-05 {
    pointer-events: inherit;
  }
}
#holding .overallCnt_flow li .zoom_img-05 p {
  color: #fff;
}
#holding .overallCnt_flow li .zoom_img-05 a .zoom {
  display: none;
}
@media (max-width: 480px) {
  #holding .overallCnt_flow li .zoom_img-05 a .zoom {
    display: flex;
  }
}
#holding .overallCnt_flow .txt {
  text-indent: -1em;
  padding-left: 1em;
}
#holding .overallCnt_flow .overallCnt_box {
  width: 100%;
  background: #fff;
  padding: 20px;
  border: solid 1px #e54253;
  border-radius: 10px;
}
#holding .overallCnt_flow .overallCnt_box h5 {
  margin-bottom: 10px;
  font-size: 1.4rem;
  line-height: 1.2;
}
@media (max-width: 480px) {
  #holding .overallCnt_flow .overallCnt_box {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
  }
}
#holding .overallCnt_flow .overallCnt_box .zoom_img {
  pointer-events: none;
  margin: 0;
}
@media (max-width: 480px) {
  #holding .overallCnt_flow .overallCnt_box .zoom_img {
    pointer-events: inherit;
  }
}
#holding .overallCnt_flow .overallCnt_box .zoom_img p {
  color: #fff;
}
#holding .overallCnt_flow .overallCnt_box .zoom_img a .zoom {
  display: none;
}
@media (max-width: 480px) {
  #holding .overallCnt_flow .overallCnt_box .zoom_img a .zoom {
    display: flex;
  }
}
#holding .overall_img {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
#holding .overall_img p {
  font-size: 1rem;
}
#holding .overall .bkBox {
  flex-direction: column;
  margin: 0 30px;
  font-size: 1.3rem;
}
@media (max-width: 480px) {
  #holding .overall .bkBox {
    margin: 0 10px;
    padding: 10px 0;
    text-align: center;
  }
}
#holding .overall .bkBox span {
  font-size: 1.4rem;
  line-height: 1.5;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#holding .infoBnr + .infoBnr {
  margin-top: 20px;
}

#fcca .main {
  background: url("img/bg_main_fcca.jpg") center center no-repeat;
  background-size: cover;
}
#fcca .mainLink_list li {
  width: calc(100% / 4);
}
#fcca .how {
  text-align: center;
}
#fcca .how .contents {
  background: url("img/bg_how-01.jpg") right top no-repeat, url("img/bg_how-02.jpg") left bottom no-repeat;
}
@media (max-width: 480px) {
  #fcca .how .contents {
    background-size: 100%;
  }
}
#fcca .how_catch {
  font-size: 1.6rem;
  line-height: 34px;
}
#fcca .how_catch_big {
  font-size: 2.4rem;
  margin-bottom: 10px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#fcca .how_list {
  margin: 15px auto 0;
  display: flex;
  justify-content: center;
  /* @include sp{
  	width: 320px;
  	flex-wrap: wrap;
  } */
}
#fcca .how_list_li {
  justify-content: center;
  width: 178px;
  height: 178px;
  background: #fff200;
  border-radius: 50%;
}
@media (max-width: 480px) {
  #fcca .how_list_li {
    display: flex;
    align-items: center;
    width: 120px;
    height: 120px;
    /* &:nth-child(odd){
    	margin-left: 0;
    }
    &:nth-last-child(-n+2){
    	margin-top: -25px;
    }
    &:nth-child(1), &:nth-child(4){
    	background: #fff200 !important;
    }
    &:nth-child(2), &:nth-child(3){
    	background: #d7df23 !important;
    } */
  }
}
#fcca .how_list_li:nth-child(even) {
  background: #d7df23;
}
#fcca .how_list_li_txt {
  text-align: center;
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  font-family: "ヒラギノUD明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 480px) {
  #fcca .how_list_li_txt {
    font-size: 1.6rem;
  }
}
#fcca .how_list li {
  margin-left: -20px;
}
#fcca .how_list li:first-child {
  margin-left: 0;
}
#fcca .how_list li + li {
  margin-top: 0;
}
@media (max-width: 480px) {
  #fcca .how_list li {
    margin-left: -10px;
  }
}
#fcca .how_arrow {
  width: 68px;
  height: auto;
}
#fcca .how_learn {
  width: 557px;
  margin: 15px auto;
  border: 1px solid #999;
  border-radius: 10px;
  padding: 15px;
  position: relative;
}
@media (max-width: 480px) {
  #fcca .how_learn {
    width: 320px;
  }
}
#fcca .how_learn p {
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  font-size: 1.8rem;
}
#fcca .how_learn p span {
  padding: 0 25px;
  background: #fff;
}
#fcca .how_catchfcca {
  font-size: 1.8rem;
  line-height: 30px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#fcca .how_think {
  margin: 50px 0 30px;
}
#fcca .how_think_ttl {
  font-size: 22px;
  margin-bottom: 30px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#fcca .how_think_cnt {
  width: 900px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #fcca .how_think_cnt {
    width: 284px;
    flex-direction: column;
  }
}
#fcca .how_think_cnt_box {
  width: 284px;
  padding: 15px 7px 8px;
  background: #000;
}
@media (max-width: 480px) {
  #fcca .how_think_cnt_box {
    margin-bottom: 20px;
  }
}
#fcca .how_think_cnt_box_ttl {
  font-size: 20px;
  color: #fcc603;
  margin-bottom: 13px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#fcca .how_think_cnt_box_txt {
  background: #fff;
  height: 60px;
  line-height: 1.5;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fcca .how_txt {
  width: 900px;
  font-size: 1.6rem;
  text-align: left;
  line-height: 28px;
}
@media (max-width: 480px) {
  #fcca .how_txt {
    width: 100%;
  }
}
#fcca .what_learn {
  font-size: 18px;
  line-height: 1.5;
  color: #fff;
}
#fcca .what_merit {
  width: 780px;
  margin: 45px auto 70px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #fcca .what_merit {
    width: 100%;
  }
}
#fcca .what_merit_li {
  width: 332px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#fcca .what_merit_li:nth-last-child(-n+2) {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #fcca .what_merit_li:not(:last-child) {
    margin-bottom: 20px;
  }
}
#fcca .what_merit_li_number {
  width: 96px;
  height: 96px;
  border: 1px solid #fcc603;
  border-radius: 50%;
  color: #fcc603;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fcca .what_merit_li_number p {
  font-family: stix-two-text, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
#fcca .what_merit_li_number p span {
  font-size: 38px;
  font-family: stix-two-text, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
#fcca .what_merit_li_cnt {
  width: 215px;
  text-align: left;
  color: #fff;
}
#fcca .what_merit_li_cnt_ttl {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#fcca .what_system_catch {
  font-size: 22px;
  color: #fff;
  margin-bottom: 35px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#fcca .what_system_graph {
  width: 900px;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #fcca .what_system_graph {
    width: 100%;
  }
}
#fcca .what_system_graph img.system_graph {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: -129px auto 0;
}
#fcca .what_system_graph_box {
  width: 444px;
  border-radius: 4px;
}
@media (max-width: 480px) {
  #fcca .what_system_graph_box {
    width: 100%;
  }
}
#fcca .what_system_graph_box.keiei {
  background: #fbeeba;
  border: 1px solid #f39c11;
  padding: 20px 152px 20px 60px;
}
@media (max-width: 480px) {
  #fcca .what_system_graph_box.keiei {
    padding: 20px 10px;
    margin-bottom: 220px;
  }
}
#fcca .what_system_graph_box.jinzai {
  background: #aaeac5;
  border: 1px solid #27ae61;
  padding: 20px 60px 20px 152px;
}
@media (max-width: 480px) {
  #fcca .what_system_graph_box.jinzai {
    padding: 20px 10px;
  }
}
#fcca .what_system_graph h3 {
  font-size: 18px;
  color: #333;
  margin-bottom: 15px;
  position: relative;
  z-index: 0;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#fcca .what_system_graph h3:before {
  content: "";
  width: 9px;
  height: 250px;
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
#fcca .what_system_graph h3.keiei:before {
  background: #f39c11;
}
#fcca .what_system_graph h3.jinzai:before {
  background: #27ae61;
}
#fcca .what_system_graph h3:after {
  content: "";
  width: 0px;
  position: absolute;
  top: 320px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
}
#fcca .what_system_graph h3.keiei:after {
  border-top: 23px solid #f39c11;
}
#fcca .what_system_graph h3.jinzai:after {
  border-top: 23px solid #27ae61;
}
#fcca .what_system_graph_cnt {
  border: 1px solid #333;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.5);
  margin-bottom: 15px;
  position: relative;
}
#fcca .what_system_graph_cnt h4 {
  background: #333;
  border-radius: 6px 6px 0 0;
  color: #fff;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fcca .what_system_graph_cnt ul {
  padding: 10px;
}
#fcca .what_system_graph_cnt ul li {
  width: 200px;
  height: 26px;
  margin: 0 auto 5px;
  font-size: 14px;
  background: #fff;
  border: 1px solid #808080;
  border-radius: 13px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fcca .what_system_graph_cnt ul li.keiei {
  border-color: #f39c11;
  border-width: 2px;
}
#fcca .what_system_graph_cnt ul li.jinzai {
  border-color: #27ae61;
  border-width: 2px;
}
#fcca .what_system_graph_cnt ul li:last-child {
  margin-bottom: none;
}
#fcca .what_system_graph_goal {
  margin-top: 30px;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fcca .what_system_graph_goal.keiei {
  color: #f39c11;
}
#fcca .what_system_graph_goal.jinzai {
  color: #27ae61;
}
#fcca .what_system_graph_goal span {
  line-height: 1;
  margin-left: 10px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#fcca .what_system_graph_goal span.small {
  font-size: 1.6rem;
}
#fcca .what_movie {
  margin: 50px 0 80px;
}
#fcca .what_movie_catch {
  font-size: 2.2rem;
  color: #fff;
  margin-bottom: 15px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#fcca .what_movie_box {
  width: 960px;
  margin: 0 auto;
  background: #fff;
  padding: 30px 45px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #fcca .what_movie_box {
    width: 100%;
    padding: 5%;
  }
}
#fcca .what_movie_box_txt {
  width: 410px;
  text-align: left;
  margin-left: 10px;
}
@media (max-width: 480px) {
  #fcca .what_movie_box_txt {
    width: 100%;
    margin-left: 0;
  }
}
#fcca .what_movie_box_txt h3 {
  font-size: 2.2rem;
  margin-bottom: 20px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  #fcca .what_movie_box_txt h3 {
    text-align: center;
  }
}
#fcca .what_movie_box_txt p {
  font-size: 1.4rem;
}
@media (max-width: 480px) {
  #fcca .what_movie_box_txt p {
    margin-bottom: 20px;
  }
}
#fcca .what_movie_box_cnt img {
  width: 412px;
  height: auto;
}
#fcca .what_point {
  width: 960px;
  margin: 70px auto 0;
  padding: 35px 0 40px;
  background: #fff;
  position: relative;
}
@media (max-width: 480px) {
  #fcca .what_point {
    width: 100%;
  }
}
#fcca .what_point_number {
  position: absolute;
  top: -40px;
  left: -20px;
}
@media (max-width: 480px) {
  #fcca .what_point_number {
    top: -60px;
    left: -10px;
  }
}
#fcca .what_point_number_txt {
  color: #fff;
  line-height: 20px;
  font-size: 1.8rem;
  font-family: stix-two-text, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
#fcca .what_point_number_square {
  width: 60px;
  height: 60px;
  background: #fff;
  border: 1px solid #000;
  font-size: 3.8rem;
  padding-bottom: 15px;
  font-family: stix-two-text, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fcca .what_point_ttl {
  font-size: 2.2rem;
  margin-bottom: 20px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#fcca .what_point_cnt {
  width: 857px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #fcca .what_point_cnt {
    width: 90%;
  }
}
#fcca .what_point_cnt:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #999;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -2;
}
@media (max-width: 480px) {
  #fcca .what_point_cnt:before {
    width: 100%;
    height: 1px;
    top: 50%;
  }
}
#fcca .what_point_cnt_catch {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: -126px auto 0;
  background: #fcc603;
  width: 252px;
  height: 252px;
  border-radius: 50%;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #fcca .what_point_cnt_catch {
    top: 52%;
  }
}
#fcca .what_point_cnt_catch_txt {
  font-size: 2rem;
  line-height: 1.7;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#fcca .what_point_cnt_inner {
  width: 310px;
}
@media (max-width: 480px) {
  #fcca .what_point_cnt_inner {
    width: 100%;
  }
  #fcca .what_point_cnt_inner.sp_point_top {
    margin-bottom: 136px;
  }
  #fcca .what_point_cnt_inner.sp_point_bottom {
    margin-top: 136px;
  }
}
#fcca .what_point_cnt_inner_cat {
  background: #000;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  height: 30px;
  border-radius: 15px;
  margin-bottom: 30px;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fcca .what_point_cnt_inner_ttl {
  width: 340px;
  text-align: left;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 30px 0 10px;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#fcca .what_point_cnt_inner_txt {
  text-align: left;
  font-size: 1.4rem;
}
#fcca .what_point_step {
  margin: 40px auto;
  width: 830px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #fcca .what_point_step {
    width: 90%;
    justify-content: center;
  }
}
#fcca .what_point_step_cnt {
  width: 460px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #fcca .what_point_step_cnt {
    width: 100%;
  }
}
#fcca .what_point_step_cnt_list {
  width: 140px;
}
@media (max-width: 480px) {
  #fcca .what_point_step_cnt_list {
    width: 95px;
  }
}
#fcca .what_point_step_cnt_list_number {
  height: 140px;
  border-radius: 50%;
  padding-top: 25px;
  margin-bottom: 30px;
  position: relative;
}
@media (max-width: 480px) {
  #fcca .what_point_step_cnt_list_number {
    height: 95px;
    padding-top: 10px;
  }
}
#fcca .what_point_step_cnt_list_number.input {
  background: #75aeb1;
}
#fcca .what_point_step_cnt_list_number.input:before {
  background: #75aeb1;
}
#fcca .what_point_step_cnt_list_number.input:after {
  border-top-color: #75aeb1;
}
#fcca .what_point_step_cnt_list_number.experience {
  background: #d0bb8b;
}
#fcca .what_point_step_cnt_list_number.experience:before {
  background: #d0bb8b;
}
#fcca .what_point_step_cnt_list_number.experience:after {
  border-top-color: #d0bb8b;
}
#fcca .what_point_step_cnt_list_number.output {
  background: #658db7;
}
#fcca .what_point_step_cnt_list_number.output:before {
  background: #658db7;
}
#fcca .what_point_step_cnt_list_number.output:after {
  border-top-color: #658db7;
}
#fcca .what_point_step_cnt_list_number:before {
  content: "";
  width: 26px;
  height: 10px;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#fcca .what_point_step_cnt_list_number:after {
  content: "";
  width: 0;
  position: absolute;
  bottom: -22px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-top: 14px solid #ccc;
  border-left: 27px solid transparent;
  border-right: 27px solid transparent;
}
#fcca .what_point_step_cnt_list_number p {
  font-size: 1.8rem;
  color: #fff;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  #fcca .what_point_step_cnt_list_number p {
    font-size: 1.4rem;
  }
}
#fcca .what_point_step_cnt_list_number p span {
  font-size: 3.8rem;
  font-family: stix-two-text, serif !important;
  font-weight: 400 !important;
  font-style: italic !important;
}
@media (max-width: 480px) {
  #fcca .what_point_step_cnt_list_number p span {
    font-size: 2.4rem;
  }
}
#fcca .what_point_step_cnt_list_txt {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#fcca .what_point_step_cnt_list_txt span {
  font-weight: normal;
}
#fcca .what_point_steplearn {
  width: 880px;
  margin: 0 auto;
  padding: 15px 0 20px;
  border: 1px solid #000;
  position: relative;
}
@media (max-width: 480px) {
  #fcca .what_point_steplearn {
    width: 90%;
  }
}
#fcca .what_point_steplearn:before {
  content: "";
  width: 25px;
  height: 25px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  background: #fff;
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: rotate(45deg);
}
#fcca .what_point_steplearn_ttl {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#fcca .what_point_steplearn_txt {
  width: 800px;
  margin: 0 auto;
  font-size: 1.4rem;
  text-align: left;
}
@media (max-width: 480px) {
  #fcca .what_point_steplearn_txt {
    width: 90%;
  }
}
#fcca .what_point_img {
  width: 870px;
  margin: 0 auto 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #fcca .what_point_img {
    width: 100%;
    margin-bottom: 20px;
    flex-direction: column;
  }
  #fcca .what_point_img_cnt {
    margin-bottom: 20px;
  }
}
#fcca .what_point_img_cnt_box {
  margin-bottom: 10px;
}
#fcca .what_point_img_cnt p {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#fcca .what_point_imgtxt {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.7;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#fcca .case_wrap {
  width: 860px;
  background: #fff;
  margin: 0 auto 55px;
  padding: 40px 40px 50px;
}
@media (max-width: 480px) {
  #fcca .case_wrap {
    width: 100%;
    padding: 40px 20px;
  }
}
#fcca .case_wrap_main {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#fcca .case_wrap_main_img {
  width: 370px;
  height: auto;
  background: #ccc;
}
@media (max-width: 480px) {
  #fcca .case_wrap_main_img {
    margin-bottom: 20px;
  }
}
#fcca .case_wrap_main_list {
  width: 380px;
}
#fcca .case_wrap_main_list dt {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 10px;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#fcca .case_wrap_main_list dd p.catch {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 25px;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#fcca .case_wrap_main_list dd div.txt {
  font-size: 1.4rem;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#fcca .case_wrap_main_list dd div.txt p.cat {
  width: 65px;
}
#fcca .case_wrap_main_list dd div.txt p.val {
  width: calc(100% - 65px);
}
#fcca .case_wrap_ttl {
  width: 100%;
  height: 32px;
  background: #34495e;
  font-weight: bold;
  color: #fff;
  margin: 30px 0 20px;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fcca .case_wrap_txt {
  margin-bottom: 15px;
  padding: 0 10px;
}
#fcca .case_wrap_list {
  padding: 0 10px;
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#fcca .case_wrap_list p:nth-last-child {
  margin-bottom: 0;
}
#fcca .case_wrap_list_number {
  color: #fff;
  background: #fcc603;
  font-size: 1.6rem;
  width: 26px;
  height: 26px;
  margin-bottom: 6px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fcca .case_wrap_list_txt {
  width: calc(100% - 26px);
  padding-left: 15px;
  margin-bottom: 6px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#fcca .case_sub {
  width: 860px;
  margin: 0 auto;
  position: relative;
}
#fcca .case_sub_box.box2 {
  padding-top: 35px;
  border-top: 1px solid #b3b3b3;
}
@media (max-width: 480px) {
  #fcca .case_sub {
    width: 100%;
  }
}
#fcca .case_sub_cnt {
  margin-top: 35px;
  padding-bottom: 45px;
  border-bottom: 1px solid #b3b3b3;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #fcca .case_sub_cnt {
    position: relative;
  }
  #fcca .case_sub_cnt_pic {
    position: absolute;
    top: 0;
  }
}
#fcca .case_sub_cnt:first-child {
  margin-top: 0;
}
#fcca .case_sub_cnt:last-child {
  padding-bottom: 35px;
  border: none;
}
#fcca .case_sub_cnt_company {
  width: 410px;
}
@media (max-width: 480px) {
  #fcca .case_sub_cnt_company {
    width: 100%;
    margin-top: 210px;
  }
}
#fcca .case_sub_cnt_company_name {
  font-size: 2.2rem;
  margin-bottom: 15px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#fcca .case_sub_cnt_company_ttl {
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#fcca .case_sub_cnt_company_cat {
  margin-bottom: 20px;
}
#fcca .case_sub_cnt_company_txt {
  line-height: 22px;
}
#fcca .case_sub_btn {
  position: relative;
  z-index: 2;
  width: 120px;
  height: 28px;
  border-radius: 14px;
  background: #000;
  color: #fff;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fcca .overall .arrowBt {
  margin: 10px auto;
}
#fcca .overall .arrowBt-lg {
  bottom: -32px;
}
#fcca .overallCnt {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #fcca .overallCnt {
    padding-bottom: 50px;
  }
  #fcca .overallCnt:last-child {
    padding-bottom: 30px;
  }
}
#fcca .overallCnt_ttl span {
  position: absolute;
  right: 30px;
  width: 100px;
  height: 24px;
  border: 1px solid #fff;
  font-size: 1.4rem;
  top: 50%;
  margin-top: -12px;
}
@media (max-width: 480px) {
  #fcca .overallCnt_ttl span {
    right: 5px;
    width: 60px;
    font-size: 1.2rem;
  }
}
@media (max-width: 480px) {
  #fcca .overallCnt_flow.overallCnt_flow-bl {
    width: 100%;
  }
}
#fcca .overallCnt_flow.overallCnt_flow-bl li {
  width: calc(calc(100% - 25px) / 4);
}
@media (max-width: 480px) {
  #fcca .overallCnt_flow.overallCnt_flow-bl li {
    width: calc(calc(100% - 10px) / 2);
  }
  #fcca .overallCnt_flow.overallCnt_flow-bl li:nth-child(n+3) {
    margin-top: 10px;
  }
}
#fcca .overallCnt_flow.overallCnt_flow-bl li:last-child {
  width: 100%;
  margin-top: 10px;
}
#fcca .overallCnt_flow.overallCnt_flow-bl.min-flow li {
  width: 148px;
  height: 62px;
  position: relative;
}
@media (max-width: 480px) {
  #fcca .overallCnt_flow.overallCnt_flow-bl.min-flow li {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }
  #fcca .overallCnt_flow.overallCnt_flow-bl.min-flow li:first-child {
    margin-top: 0;
  }
}
#fcca .overallCnt_flow.overallCnt_flow-bl.min-flow li p {
  height: 100%;
}
#fcca .overallCnt_flow.overallCnt_flow-bl.min-flow li p.ttl {
  border-radius: 0;
}
#fcca .overallCnt_flow.overallCnt_flow-bl.min-flow li p.ttl_goal {
  background: #fbb03b;
}
#fcca .overallCnt_flow.overallCnt_flow-bl.min-flow li:last-child {
  width: 100%;
  height: auto;
}
#fcca .overallCnt_flow.overallCnt_flow-bl.min-flow li:last-child p {
  height: auto;
}
#fcca .overallCnt_flow.overallCnt_flow-bl.min-flow li:before {
  content: "";
  width: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #f15a24;
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -10px;
}
@media (max-width: 480px) {
  #fcca .overallCnt_flow.overallCnt_flow-bl.min-flow li:before {
    border-top: 10px solid #f15a24;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: 0;
    right: 0;
    top: auto;
    bottom: -25px;
    margin: 0 auto;
  }
}
#fcca .overallCnt_flow.overallCnt_flow-bl.min-flow li:nth-last-child(-n+2):before {
  content: none;
}
#fcca .overallCnt_wrap {
  width: 100%;
  padding: 0 16px;
}
@media (max-width: 480px) {
  #fcca .overallCnt_wrap {
    padding: 0;
  }
}
#fcca .overallCnt.overallCnt-rd .ttl-half h4 {
  position: relative;
  margin-bottom: 15px;
  border: solid 2px #e54253;
  color: #e54253;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#fcca .overallCnt.overallCnt-rd .ttl-half h4 span {
  width: 50%;
  display: block;
  text-align: center;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#fcca .overallCnt.overallCnt-rd .ttl-half h4:before, #fcca .overallCnt.overallCnt-rd .ttl-half h4:after {
  background: #e54253;
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
}
#fcca .overallCnt.overallCnt-rd .ttl-half h4:after {
  background: #fbe1de;
  width: 4px;
  height: 120%;
}
#fcca .overallCnt.overallCnt-rd .overallCnt_flow, #fcca .overallCnt.overallCnt-gr .overallCnt_flow {
  padding: 0 16px;
}
@media (max-width: 480px) {
  #fcca .overallCnt.overallCnt-rd .overallCnt_flow, #fcca .overallCnt.overallCnt-gr .overallCnt_flow {
    padding: 0;
  }
}

#productivityimp .main {
  background: url("img/bg_main_productivityimp.jpg") center center no-repeat;
  background-size: cover;
}
#productivityimp .main .ttl_box {
  border: 1px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6), 0 0 10px rgba(0, 0, 0, 0.6) inset;
}
#productivityimp .mainLink_list li {
  width: calc(100% / 4);
}
#productivityimp .how {
  text-align: center;
}
#productivityimp .how .contents {
  background: url("img/bg_how-01.jpg") right top no-repeat, url("img/bg_how-02.jpg") left bottom no-repeat;
}
@media (max-width: 480px) {
  #productivityimp .how .contents {
    background-size: 100%;
  }
}
#productivityimp .how_box {
  width: 900px;
  margin: 0 auto 50px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #productivityimp .how_box {
    width: 100%;
  }
}
#productivityimp .how_list {
  width: 470px;
  margin: 0;
}
@media (max-width: 480px) {
  #productivityimp .how_list {
    width: 320px;
    flex-wrap: wrap;
  }
}
#productivityimp .how_list_li {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}
#productivityimp .how_list_li:last-child {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #productivityimp .how_list_li {
    display: flex;
    align-items: center;
  }
  #productivityimp .how_list_li:last-child {
    margin-bottom: 20px;
  }
}
#productivityimp .how_list_li_ttl {
  font-size: 3.8rem;
  color: #fcc603;
  width: 70px;
  height: 70px;
  background: #000;
  border-radius: 50%;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#productivityimp .how_list_li_ttl span {
  padding-bottom: 14px;
  font-family: stix-two-text, serif !important;
  font-weight: 400 !important;
  font-style: italic !important;
}
#productivityimp .how_list_li_txt {
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (max-width: 480px) {
  #productivityimp .how_list_li_txt {
    width: calc(100% - 85px);
  }
}
#productivityimp .how_list_li_txt_ttl {
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#productivityimp .how_equation {
  font-size: 2.6rem;
  color: #fcc603;
  width: 600px;
  height: 60px;
  background: #000;
  margin: 0 auto 5px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #productivityimp .how_equation {
    width: 100%;
    font-size: 2.2rem;
  }
}
#productivityimp .how_arrow {
  width: 68px;
  height: auto;
}
#productivityimp .how_catch {
  font-size: 2rem;
  margin-bottom: 40px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#productivityimp .how_reason_ttl {
  font-size: 2.2rem;
  margin-bottom: 10px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#productivityimp .how_reason_table {
  width: 860px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #productivityimp .how_reason_table {
    width: 100%;
  }
}
#productivityimp .how_reason_table th {
  background: #ccc;
  border: 1px solid #ececec;
  height: 36px;
  vertical-align: middle;
  box-sizing: border-box;
}
#productivityimp .how_reason_table td {
  background: #fff;
  border: 1px solid #ececec;
  vertical-align: middle;
  padding: 12px 0;
}
#productivityimp .how_reason_table td.bg-gray {
  background: #f2f2f2;
}
#productivityimp .how_reason_table td:nth-child(2) {
  padding: 12px 20px;
  text-align: left;
}
#productivityimp .how_reason_str {
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#productivityimp .what_catch {
  font-size: 2.2rem;
  line-height: 31px;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #productivityimp .case .contents {
    padding-bottom: 40px;
  }
}
#productivityimp .case_box {
  width: 860px;
  background: #fff;
  margin: 0 auto 55px;
  padding: 40px 40px 50px;
}
@media (max-width: 480px) {
  #productivityimp .case_box {
    width: 100%;
    margin: 0 auto 40px;
    padding: 40px 20px 50px;
  }
}
#productivityimp .case_box_main {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#productivityimp .case_box_main_industry {
  width: 140px;
  height: 140px;
  background: url(/t/common/img_2019/dot_black.gif);
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #productivityimp .case_box_main_industry {
    margin: 0 auto 20px;
  }
}
#productivityimp .case_box_main_list {
  width: 620px;
}
#productivityimp .case_box_main_list_txt {
  margin-bottom: 10px;
}
#productivityimp .case_box_main_list_txt span {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#productivityimp .case_box_main_list_point {
  font-size: 1.4rem;
  line-height: 20px;
  align-items: center;
  display: flex;
  justify-content: center;
  align-items: inherit;
}
#productivityimp .case_box_main_list_point_number {
  color: #34495e;
  border: 1px solid #34495e;
  width: 20px;
  height: 20px;
  margin-bottom: 6px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#productivityimp .case_box_main_list_point_txt {
  width: calc(100% - 20px);
  padding-left: 10px;
  margin-bottom: 6px;
}
#productivityimp .case_box_cnt {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#productivityimp .case_box_cnt_wrap {
  width: 360px;
  background: #e9e9e9;
}
#productivityimp .case_box_cnt_wrap.case_arrow {
  position: relative;
}
@media (max-width: 480px) {
  #productivityimp .case_box_cnt_wrap.case_arrow {
    margin-bottom: 40px;
  }
}
#productivityimp .case_box_cnt_wrap.case_arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -50px;
  border-left: 20px solid #fcc603;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  transform: translate(-50%, -50%);
}
@media (max-width: 480px) {
  #productivityimp .case_box_cnt_wrap.case_arrow:before {
    top: inherit;
    right: 50%;
    bottom: -30px;
    border-left: 10px solid transparent;
    border-bottom: none;
    border-top: 20px solid #fcc603;
    border-right: 10px solid transparent;
    transform: inherit;
  }
}
#productivityimp .case_box_cnt_wrap_ttl {
  width: 100%;
  height: 32px;
  background: #34495e;
  color: #fff;
  margin-bottom: 20px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#productivityimp .case_box_cnt_wrap_ttl.ttl_green {
  background: #00896d;
}
#productivityimp .case_box_cnt_wrap_sub {
  padding: 0 20px 20px;
}
#productivityimp .case_box_cnt_wrap_sub_txt {
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 20px;
}
#productivityimp .case_box_cnt_wrap_sub_txt span {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#productivityimp .case_box_cnt_wrap_sub img {
  margin-top: 20px;
}
#productivityimp .case_box_ttl {
  width: 100%;
  height: 32px;
  background: #34495e;
  font-weight: bold;
  color: #fff;
  margin: 30px 0 20px;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#productivityimp .case_box_txt {
  margin-bottom: 15px;
  padding: 0 10px;
}
#productivityimp .case_box_list {
  padding: 0 10px;
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#productivityimp .case_box_list p:nth-last-child {
  margin-bottom: 0;
}
#productivityimp .case_box_list_number {
  color: #fff;
  background: #fcc603;
  font-size: 1.6rem;
  width: 26px;
  height: 26px;
  margin-bottom: 6px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#productivityimp .case_box_list_txt {
  width: calc(100% - 26px);
  padding-left: 15px;
  margin-bottom: 6px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#productivityimp .case_sub {
  width: 860px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 480px) {
  #productivityimp .case_sub {
    width: 100%;
  }
}
#productivityimp .case_sub label {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 35px;
  cursor: pointer;
  text-align: center;
  background: #e9e9e9;
}
#productivityimp .case_sub label:after {
  line-height: 25px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 50%;
  width: 120px;
  content: "もっと見る";
  transform: translate(-50%, 0);
  color: #fff;
  border-radius: 14px;
  background: #000;
}
#productivityimp .case_sub input {
  display: none;
}
#productivityimp .case_sub input:checked + label {
  background: inherit;
}
#productivityimp .case_sub input:checked + label:after {
  content: "× 閉じる";
}
#productivityimp .case_sub input:checked ~ .case_sub_box {
  height: auto;
  padding-bottom: 30px;
  transition: 0.5s all;
}
#productivityimp .case_sub_box {
  overflow: hidden;
  height: 885px;
  transition: 0.5s all;
}
#productivityimp .case_sub_cnt {
  margin-top: 35px;
  padding-bottom: 45px;
  border-bottom: 1px solid #b3b3b3;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #productivityimp .case_sub_cnt {
    position: relative;
  }
  #productivityimp .case_sub_cnt_pic {
    position: absolute;
    top: 0;
  }
}
#productivityimp .case_sub_cnt:first-child {
  margin-top: 0;
}
#productivityimp .case_sub_cnt:last-child {
  padding-bottom: 35px;
  border: none;
}
#productivityimp .case_sub_cnt_company {
  width: 410px;
}
@media (max-width: 480px) {
  #productivityimp .case_sub_cnt_company {
    width: 100%;
    margin-top: 210px;
  }
}
#productivityimp .case_sub_cnt_company_name {
  font-size: 2.2rem;
  margin-bottom: 15px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#productivityimp .case_sub_cnt_company_ttl {
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#productivityimp .case_sub_cnt_company_cat {
  margin-bottom: 20px;
}
#productivityimp .case_sub_cnt_company_txt {
  line-height: 22px;
}
#productivityimp .case_sub_btn {
  position: relative;
  z-index: 2;
  width: 120px;
  height: 28px;
  border-radius: 14px;
  background: #000;
  color: #fff;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#productivityimp .overall .arrowBt {
  margin: 5px auto;
}
#productivityimp .overall .arrowBt-lg {
  margin: 15px auto 0;
}
#productivityimp .overallCnt {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #productivityimp .overallCnt {
    margin-bottom: 50px;
  }
}
#productivityimp .overallCnt h4 {
  margin: 0 auto 20px;
}
@media (max-width: 480px) {
  #productivityimp .overallCnt h4 {
    width: 100%;
    margin: 0 auto 15px;
  }
}
@media (max-width: 480px) {
  #productivityimp .overallCnt h5 {
    margin: 20px auto 10px;
  }
}
#productivityimp .overallCnt_wrap {
  margin: 0 16px 30px;
}
@media (max-width: 480px) {
  #productivityimp .overallCnt_wrap {
    width: 100%;
    margin: 0 auto;
  }
}
#productivityimp .overallCnt_ttl span {
  position: absolute;
  right: 30px;
  width: 100px;
  height: 24px;
  border: 1px solid #fff;
  font-size: 1.4rem;
  top: 50%;
  margin-top: -12px;
}
@media (max-width: 480px) {
  #productivityimp .overallCnt_ttl span {
    right: 5px;
    width: 60px;
    font-size: 1.2rem;
  }
}
#productivityimp .overallCnt_flow.overallCnt_flow-bl {
  width: 386px;
  margin: 0;
}
@media (max-width: 480px) {
  #productivityimp .overallCnt_flow.overallCnt_flow-bl {
    width: 100%;
  }
}
#productivityimp .overallCnt_flow.overallCnt_flow-whbl {
  width: 780px;
  margin: 0 auto 10px;
}
@media (max-width: 480px) {
  #productivityimp .overallCnt_flow.overallCnt_flow-whbl {
    width: 100%;
  }
}
#productivityimp .overallCnt_flow.overallCnt_flow-whbl li {
  width: 248px;
  text-align: center;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #297fb8;
  padding: 8px 0;
}
#productivityimp .overallCnt_flow.overallCnt_flow-whbl li .ttl {
  padding: 0;
  color: #297fb8;
}
#productivityimp .overallCnt_flow.overallCnt_flow-whbl li .txt {
  font-size: 1.2rem;
  color: #297fb8;
  line-height: 1.2;
}
@media (max-width: 480px) {
  #productivityimp .overallCnt_flow.overallCnt_flow-whbl li {
    width: 100%;
  }
  #productivityimp .overallCnt_flow.overallCnt_flow-whbl li + li {
    margin-top: 3px;
  }
  #productivityimp .overallCnt_flow.overallCnt_flow-whbl li .txt {
    margin: 0 auto;
  }
}
#productivityimp .overallCnt_flow.overallCnt_flow-rd {
  width: 400px;
}
#productivityimp .overallCnt_flow.overallCnt_flow-rd li {
  height: auto;
  margin-bottom: 100px;
}
@media (max-width: 480px) {
  #productivityimp .overallCnt_flow.overallCnt_flow-rd li {
    margin-bottom: 10px;
  }
}
#productivityimp .overallCnt_flow.overallCnt_flow-rd li:last-child {
  margin-bottom: 0;
}
#productivityimp .overallCnt_flow.overallCnt_flow-rd li h5 {
  width: 100%;
  margin: 30px auto 10px;
  font-size: 1.6rem;
  text-align: center;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  #productivityimp .overallCnt_flow.overallCnt_flow-rd li h5 {
    margin: 20px auto 10px;
  }
}
#productivityimp .overallCnt_flow.overallCnt_flow-rd li .txt_list {
  font-size: 1.3rem;
  color: #e54253;
  line-height: 1.2;
  width: 100%;
  padding: 5px 15px;
  background: #fff;
  border: 1px solid #e54253;
  border-radius: 6px;
  margin-bottom: 3px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#productivityimp .overallCnt_flow.overallCnt_flow-rd li .flow_li_img {
  margin: 10px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#productivityimp .overallCnt_flow.overallCnt_flow-rd li .flow_li_img img {
  width: 68px;
  height: auto;
}
#productivityimp .overallCnt_flow_imgwrap {
  width: 400px;
}
#productivityimp .overallCnt_flow_imgwrap .img_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #productivityimp .overallCnt_flow_imgwrap .img_box {
    margin-top: 20px;
  }
  #productivityimp .overallCnt_flow_imgwrap .img_box img {
    width: 49%;
  }
}
#productivityimp .overallCnt_flow_imgwrap p {
  text-align: center;
  font-size: 1rem;
}
#productivityimp .overallCnt_flow_imgwrap .overall_img {
  margin-top: 30px;
}
#productivityimp .overallCnt_flow_imgwrap2 {
  width: 360px;
  text-align: center;
}
@media (max-width: 480px) {
  #productivityimp .overallCnt_flow_imgwrap2 {
    margin-top: 40px;
  }
}
#productivityimp .overallCnt_flow_imgwrap2 .overall_img {
  position: relative;
  margin: 18px 0 20px;
}
#productivityimp .overallCnt_flow_imgwrap2 .overall_img .sub_img {
  position: absolute;
  top: -18px;
  left: 0;
  z-index: 2;
}
#productivityimp .overallCnt_flow_imgwrap2 .overall_img .overall_img_cnt {
  margin-left: 50px;
}
#productivityimp .overallCnt_flow_imgwrap2 .overall_img p {
  margin-left: 50px;
  font-size: 1rem;
}
#productivityimp .overallCnt_txt_bk {
  width: 100%;
  height: 32px;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  background: #000;
  color: #fff;
  margin: 0 auto;
}
#productivityimp .overallCnt.overallCnt-rd .ttl-oneThird h4 {
  position: relative;
  margin-bottom: 20px;
  border: solid 2px #e54253;
  color: #e54253;
  padding: 0;
  height: 32px;
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #productivityimp .overallCnt.overallCnt-rd .ttl-oneThird h4 {
    margin-bottom: 15px;
  }
}
#productivityimp .overallCnt.overallCnt-rd .ttl-oneThird h4 span {
  position: relative;
  width: calc(100% / 3);
  height: 100%;
  text-align: center;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#productivityimp .overallCnt.overallCnt-rd .ttl-oneThird h4 span:before, #productivityimp .overallCnt.overallCnt-rd .ttl-oneThird h4 span:after {
  background: #e54253;
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
}
#productivityimp .overallCnt.overallCnt-rd .ttl-oneThird h4 span:after {
  background: #fbe1de;
  width: 4px;
  height: 120%;
  right: 2px;
}
#productivityimp .overallCnt.overallCnt-rd .ttl-oneThird h4 span:last-child:before, #productivityimp .overallCnt.overallCnt-rd .ttl-oneThird h4 span:last-child:after {
  content: none;
}

#recruitment .main {
  background: url("img/bg_main_recruitment.jpg") center center no-repeat;
  background-size: cover;
}
#recruitment .main h1 span.model {
  margin: 10px auto 0;
  width: 230px;
  height: 40px;
  border: 1px solid #000;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#recruitment .mainLink_list li {
  width: calc(100% / 4);
}
#recruitment .how .contents {
  background: url("img/bg_how-01.jpg") right top no-repeat, url("img/bg_how-02.jpg") left bottom no-repeat;
}
@media (max-width: 480px) {
  #recruitment .how .contents {
    background-size: 100%;
  }
}
#recruitment .how_txt {
  text-align: center;
  margin-bottom: 40px;
}
#recruitment .how_img {
  width: 800px;
  margin: 40px auto;
}
@media (max-width: 480px) {
  #recruitment .how_img {
    width: 100%;
  }
}
#recruitment .how_img p {
  margin-top: 20px;
  text-align: right;
}
#recruitment .how_catch {
  font-size: 2.2rem;
  text-align: center;
  line-height: 1.7;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#recruitment .how_box {
  width: 920px;
  margin: 40px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #recruitment .how_box {
    width: 100%;
  }
}
#recruitment .how_box_cnt {
  width: 290px;
}
@media (max-width: 480px) {
  #recruitment .how_box_cnt {
    width: 100%;
    margin-bottom: 30px;
  }
  #recruitment .how_box_cnt img {
    width: 100%;
  }
}
#recruitment .how_box_cnt .how_ttl {
  font-size: 2rem;
  margin-bottom: 20px;
}
#recruitment .how h2.ttl span {
  background: linear-gradient(0deg, #fcc603 10px, transparent 10px);
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#recruitment .how h2.ttl:last-child {
  margin-bottom: 0;
}
#recruitment .what_conditions {
  width: 700px;
  margin: 0 auto 60px;
}
#recruitment .what_conditions_ttl.ttl {
  margin: 70px auto 50px;
}
@media (max-width: 480px) {
  #recruitment .what_conditions_ttl.ttl {
    margin: 40px auto 30px;
  }
}
#recruitment .what_conditions_ttl_sub {
  font-size: 2.2rem;
  color: #fff;
  margin-bottom: 30px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 480px) {
  #recruitment .what_conditions {
    width: 100%;
    margin: 0 auto 50px;
  }
}
#recruitment .what_conditions_li {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #recruitment .what_conditions_li {
    flex-direction: column;
  }
}
#recruitment .what_conditions_li:last-child {
  margin-bottom: 0;
}
#recruitment .what_conditions_li .number {
  width: 110px;
  height: 110px;
  margin-right: 40px;
  border: 1px solid #fcc603;
  border-radius: 50%;
  color: #fcc603;
  font-size: 3.8rem;
  padding-bottom: 14px;
  font-family: stix-two-text, serif !important;
  font-weight: 400 !important;
  font-style: italic !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #recruitment .what_conditions_li .number {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
#recruitment .what_conditions_li .txt {
  width: calc(100% - 150px);
  text-align: left;
}
@media (max-width: 480px) {
  #recruitment .what_conditions_li .txt {
    width: 90%;
  }
}
#recruitment .what_conditions_li .txt h3 {
  font-size: 2.8rem;
  color: #fcc603;
  margin-bottom: 15px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 480px) {
  #recruitment .what_conditions_li .txt h3 {
    text-align: center;
  }
}
#recruitment .what_conditions_li .txt p {
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.7;
}
@media (max-width: 480px) {
  #recruitment .what_conditions_li .number-pc {
    display: none;
  }
}
#recruitment .what_conditions_li .number-sp {
  display: none;
}
@media (max-width: 480px) {
  #recruitment .what_conditions_li .number-sp {
    display: flex;
    width: 70px;
    height: 70px;
    margin-right: 20px;
  }
}
@media (max-width: 480px) {
  #recruitment .what_conditions_li .txt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  #recruitment .what_conditions_li .txt h3 {
    width: calc(100% - 90px);
    text-align: left;
  }
  #recruitment .what_conditions_li .txt p {
    width: 100%;
  }
}
#recruitment .what_conditions_catch {
  font-size: 1.6rem;
  color: #fff;
}
#recruitment .what_conditions_catch span {
  font-size: 4rem;
  color: #fcc603;
  line-height: 1.5;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 480px) {
  #recruitment .what_conditions_catch span {
    font-size: 3rem;
  }
}
#recruitment .case_box {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
@media (max-width: 480px) {
  #recruitment .case_box {
    width: 100%;
    flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  #recruitment .case_box_img {
    margin-bottom: 20px;
  }
}
#recruitment .case_box_cnt {
  margin-left: 35px;
}
@media (max-width: 480px) {
  #recruitment .case_box_cnt {
    margin: 0;
  }
}
#recruitment .case_box_cnt_ttl {
  font-size: 2.2rem;
  margin-bottom: 20px;
  line-height: 1.4;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#recruitment .case_box_cnt_listttl {
  font-size: 1.8rem;
  margin-bottom: 20px;
}
#recruitment .overall .arrowBt-lg {
  margin: 15px auto 0;
}
#recruitment .overallCnt {
  padding: 40px 49px 30px;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #recruitment .overallCnt {
    padding: 30px 15px;
    margin-bottom: 45px;
  }
}
#recruitment .overallCnt_wrap {
  margin: 0 16px 30px;
}
#recruitment .overallCnt_wrap.overallCnt_wrap-bl02 {
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_wrap {
    width: 100%;
    margin: 0 auto 20px;
  }
}
#recruitment .overallCnt_wrap-gr {
  margin-bottom: 0;
}
#recruitment .overallCnt_flow.overallCnt_flow-bl {
  width: 100%;
  margin: 0;
}
#recruitment .overallCnt_flow.overallCnt_flow-bl li {
  width: calc(100% /4 - 4px);
}
#recruitment .overallCnt_flow.overallCnt_flow-bl02 {
  width: 100%;
}
#recruitment .overallCnt_flow.overallCnt_flow-bl02 li {
  width: calc(100% / 3 - 4px);
  height: auto;
  background: #297fb8;
  border-radius: 3px;
}
#recruitment .overallCnt_flow.overallCnt_flow-bl02 li:first-child {
  height: 100%;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_flow.overallCnt_flow-bl02 li:first-child {
    height: auto;
  }
}
#recruitment .overallCnt_flow.overallCnt_flow-bl02 li:first-child p.ttl {
  height: auto;
}
#recruitment .overallCnt_flow.overallCnt_flow-bl02 li:first-child p.txt {
  background: #fff;
  border-radius: 0 0 3px 3px;
  line-height: 1.4;
  padding: 3px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#recruitment .overallCnt_flow.overallCnt_flow-rd {
  display: block;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_flow.overallCnt_flow-rd {
    margin-bottom: 30px;
  }
}
#recruitment .overallCnt_flow.overallCnt_flow-rd.red01 {
  width: 440px;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_flow.overallCnt_flow-rd.red01 {
    width: 100%;
  }
}
#recruitment .overallCnt_flow.overallCnt_flow-rd.red02 {
  width: 356px;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_flow.overallCnt_flow-rd.red02 {
    width: 100%;
  }
}
#recruitment .overallCnt_flow.overallCnt_flow-rd.red02 p.txt {
  margin-bottom: 20px;
}
#recruitment .overallCnt_flow.overallCnt_flow-rd.red02 .overallCnt_txt_bk:nth-last-child(2) {
  margin-bottom: 10px;
}
#recruitment .overallCnt_flow.overallCnt_flow-rd ul {
  width: 100%;
  margin-bottom: 20px;
}
#recruitment .overallCnt_flow.overallCnt_flow-rd ul li {
  height: auto;
  margin-bottom: 5px;
}
#recruitment .overallCnt_flow.overallCnt_flow-rd ul li:last-child {
  margin-bottom: 0;
}
#recruitment .overallCnt_flow.overallCnt_flow-rd ul li p.ttl {
  justify-content: flex-start;
  padding: 9px 0 9px 20px;
}
#recruitment .overallCnt_flow.overallCnt_flow-rd p.txt {
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#recruitment .overallCnt_flow.overallCnt_flow-rd .sub_flow_ttl {
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 1rem;
  height: 16px;
  border-radius: 8px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_flow.overallCnt_flow-rd .sub_flow_ttl {
    height: auto;
    padding: 5px 0;
    border-radius: 10px;
  }
}
#recruitment .overallCnt_flow.overallCnt_flow-rd .sub_flow ul {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_flow.overallCnt_flow-rd .sub_flow ul {
    margin-bottom: 20px;
  }
}
#recruitment .overallCnt_flow.overallCnt_flow-rd .sub_flow ul li {
  width: 70px;
  height: 62px;
  border-radius: 5px;
  font-size: 1.1rem;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_flow.overallCnt_flow-rd .sub_flow ul li {
    width: 100%;
    height: auto;
    padding: 10px 0;
    margin-bottom: 20px;
  }
}
#recruitment .overallCnt_flow.overallCnt_flow-rd .sub_flow ul li:nth-child(1) {
  background: #8dc63f;
}
#recruitment .overallCnt_flow.overallCnt_flow-rd .sub_flow ul li:nth-child(2) {
  background: #d7df23;
}
#recruitment .overallCnt_flow.overallCnt_flow-rd .sub_flow ul li:nth-child(3) {
  background: #ffcb04;
}
#recruitment .overallCnt_flow.overallCnt_flow-rd .sub_flow ul li:nth-child(4) {
  background: #ef4136;
}
#recruitment .overallCnt_flow.overallCnt_flow-rd .sub_flow ul li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #939598;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_flow.overallCnt_flow-rd .sub_flow ul li:after {
    top: auto;
    bottom: -25px;
    right: 50%;
    transform: translateX(50%);
    border-top-color: #939598;
    border-left-color: transparent;
    border-right: 10px solid transparent;
  }
}
@media (max-width: 480px) {
  #recruitment .overallCnt_flow.overallCnt_flow-rd .sub_flow ul li:last-child {
    margin-bottom: 0;
  }
}
#recruitment .overallCnt_flow.overallCnt_flow-rd .sub_flow ul li:last-child:after {
  content: none;
}
#recruitment .overallCnt_flow.overallCnt_flow-gr {
  width: 100%;
  margin-bottom: 20px;
}
#recruitment .overallCnt_flow.overallCnt_flow-gr.green01 li {
  width: calc(100% / 4 - 4px);
}
#recruitment .overallCnt_flow.overallCnt_flow-gr.green02 li {
  width: calc(100% / 3 - 4px);
}
#recruitment .overallCnt_flow.overallCnt_flow-gr li {
  height: auto;
}
#recruitment .overallCnt_flow li .ttl {
  height: 100%;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_flow li {
    width: 100% !important;
  }
  #recruitment .overallCnt_flow li + li {
    margin-top: 8px !important;
  }
}
#recruitment .overallCnt_flow_imgwrap table {
  width: 444px;
  font-size: 1.3rem;
  background: #fff;
  box-sizing: border-box;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_flow_imgwrap table {
    width: 100%;
  }
}
#recruitment .overallCnt_flow_imgwrap table tr:nth-child(odd) {
  background: #f2f2f2;
}
#recruitment .overallCnt_flow_imgwrap table th {
  background: #ccc;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#recruitment .overallCnt_flow_imgwrap table td {
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
}
#recruitment .overallCnt_flow_imgwrap table td:first-child {
  width: 120px;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_flow_imgwrap table td:first-child {
    width: 80px;
  }
}
#recruitment .overallCnt_flow_imgwrap table td:last-child {
  padding: 5px 0 5px 10px;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_flow_imgwrap table td:last-child {
    padding: 5px 10px;
  }
}
#recruitment .overallCnt_flow_imgwrap table td:last-child div.td_indent {
  line-height: 1.5;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
#recruitment .overallCnt_flow_imgwrap .overall_img_cnt {
  text-align: center;
}
#recruitment .overallCnt_flow_imgwrap_point {
  width: 444px;
  margin-top: 20px;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_flow_imgwrap_point {
    width: 100%;
  }
}
#recruitment .overallCnt_flow_imgwrap_point p.ttl {
  background: #e54253;
  color: #fff;
  padding-left: 20px;
  width: 325px;
  position: relative;
  height: 32px;
  display: flex;
  align-items: center;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_flow_imgwrap_point p.ttl {
    width: 95%;
  }
}
#recruitment .overallCnt_flow_imgwrap_point p.ttl:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-top: 32px solid #fbe1de;
  border-left: 22px solid transparent;
}
#recruitment .overallCnt_flow_imgwrap_point p.txt {
  padding: 10px 20px;
  background: #fff;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#recruitment .overallCnt_flow_imgwrap_point.point_gr {
  width: 100%;
  margin-top: 10px;
}
#recruitment .overallCnt_flow_imgwrap_point.point_gr p.ttl {
  width: 220px;
  background: #29a6b6;
}
#recruitment .overallCnt_flow_imgwrap_point.point_gr p:before {
  border-top-color: #e9e9e9;
}
#recruitment .overallCnt_flow_manual {
  width: 100%;
  margin-top: 20px;
  background: #fff;
  border: 1px solid #29a6b6;
  border-radius: 5px;
  padding: 20px;
}
#recruitment .overallCnt_flow_manual_ttl {
  color: #29a6b6;
  margin-bottom: 10px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#recruitment .overallCnt_flow_manual_txt {
  margin-bottom: 20px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#recruitment .overallCnt_flow_manual_cnt {
  background: #d5eded;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#recruitment .overallCnt_flow_manual_cnt .txt_cnt {
  width: 506px;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_flow_manual_cnt .txt_cnt {
    width: 100%;
    margin-bottom: 30px;
  }
}
#recruitment .overallCnt_flow_manual_cnt .txt_cnt_catch {
  color: #29a6b6;
  margin-bottom: 10px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#recruitment .overallCnt_flow_manual_cnt .txt_cnt table {
  background: #fff;
  font-size: 1.3rem;
}
#recruitment .overallCnt_flow_manual_cnt .txt_cnt table tr:nth-child(even) {
  background: #f2f2f2;
}
#recruitment .overallCnt_flow_manual_cnt .txt_cnt table td {
  border: 1px solid #e6e6e6;
}
#recruitment .overallCnt_flow_manual_cnt .txt_cnt table td:first-child {
  width: 70px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#recruitment .overallCnt_flow_manual_cnt .txt_cnt table td:last-child {
  padding: 3px 10px;
  line-height: 1.5;
}
#recruitment .overallCnt_flow_manual_cnt .txt_cnt table td:last-child span {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#recruitment .overallCnt_flow_manual_cnt .img_cnt {
  width: 200px;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_flow_manual_cnt .img_cnt {
    width: 100%;
    text-align: center;
  }
}
#recruitment .overallCnt_flow_manual_cnt .img_cnt_catch {
  font-size: 1rem;
  background: #000;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  height: 28px;
  border-radius: 14px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#recruitment .overallCnt_txt_bk {
  text-align: center;
  line-height: 20px;
  background: #000;
  color: #fff;
  margin: 0 16px;
  padding: 6px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #recruitment .overallCnt_txt_bk {
    margin: 0 auto;
  }
}
#recruitment .overall h3.overallCnt_ttl.overallCnt_ttl-cr {
  background: #ed1a25;
}
#recruitment .infoBnr_list {
  width: 480px;
}
@media (max-width: 480px) {
  #recruitment .infoBnr_list {
    width: 100%;
    margin-bottom: 20px;
  }
}
#recruitment .infoBnr_img {
  width: 320px;
  padding: 10px 20px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #recruitment .infoBnr_img {
    width: 90%;
    padding: 10px 20px 20px;
    margin: 0 auto 20px;
  }
}

#shokei .main {
  background: url("img/bg_main_shokei.jpg") center center no-repeat;
  background-size: cover;
}
#shokei .how .contents {
  background: url("img/bg_how-01.jpg") right top no-repeat, url("img/bg_how-02.jpg") left bottom no-repeat;
}
@media (max-width: 480px) {
  #shokei .how .contents {
    background-size: 100%;
  }
}
#shokei .how_ttl {
  width: 640px;
  font-size: 2.2rem;
  line-height: 1.4;
  text-align: center;
}
@media (max-width: 480px) {
  #shokei .how_ttl {
    width: 100%;
  }
}
#shokei .how_ttl:last-child {
  margin-bottom: 0;
}
#shokei .how_box {
  width: 640px;
  margin: 0 auto 60px;
  position: relative;
}
@media (max-width: 480px) {
  #shokei .how_box {
    width: 100%;
  }
}
#shokei .how_box:before {
  content: "";
  position: absolute;
  bottom: -38px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 18px solid #fcc603;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
}
#shokei .how_box h3.how_ttl {
  padding: 3px 20px;
  margin-top: 30px;
  text-align: left;
  justify-content: flex-start;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#shokei .how_box h3.how_ttl span {
  font-size: 1.4rem;
}
#shokei .how_box p.how_txt {
  font-size: 1.6rem;
  text-align: left;
  line-height: 1.4;
  padding-left: 20px;
}
@media (max-width: 480px) {
  #shokei .how_box p.how_txt {
    padding-left: 0;
  }
}
#shokei .how_box p.how_txt span {
  font-size: 1.8rem;
}
#shokei .what_point {
  width: 787px;
  margin: 70px auto 0;
}
@media (max-width: 480px) {
  #shokei .what_point {
    width: 100%;
  }
}
#shokei .what_point_li {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #shokei .what_point_li {
    flex-direction: column;
  }
}
#shokei .what_point_li .number {
  width: 110px;
  height: 110px;
  margin-right: 40px;
  border: 1px solid #fcc603;
  border-radius: 50%;
  color: #fcc603;
  font-size: 3.8rem;
  padding-bottom: 14px;
  font-family: stix-two-text, serif !important;
  font-weight: 400 !important;
  font-style: italic !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #shokei .what_point_li .number {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
#shokei .what_point_li .txt {
  width: calc(100% - 150px);
  text-align: left;
}
@media (max-width: 480px) {
  #shokei .what_point_li .txt {
    width: 90%;
  }
}
#shokei .what_point_li .txt h3 {
  font-size: 2.8rem;
  line-height: 1.3;
  color: #fcc603;
  margin-bottom: 15px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 480px) {
  #shokei .what_point_li .txt h3 {
    text-align: center;
  }
}
#shokei .what_point_li .txt p {
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.7;
}
@media (max-width: 480px) {
  #shokei .what_point_li .number-pc {
    display: none;
  }
}
#shokei .what_point_li .number-sp {
  display: none;
}
@media (max-width: 480px) {
  #shokei .what_point_li .number-sp {
    display: flex;
    width: 70px;
    height: 70px;
    margin-right: 20px;
  }
}
@media (max-width: 480px) {
  #shokei .what_point_li .txt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  #shokei .what_point_li .txt h3 {
    width: calc(100% - 90px);
    text-align: left;
  }
  #shokei .what_point_li .txt p {
    width: 100%;
  }
}
#shokei .overall .arrow_center {
  width: 100%;
}
#shokei .overall .arrowBt {
  margin: 0 auto;
}
@media (max-width: 480px) {
  #shokei .overall .arrowBt {
    margin: 10px auto;
  }
}
#shokei .overallCnt {
  padding: 40px 49px 30px;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #shokei .overallCnt {
    padding: 40px 15px 30px;
  }
}
#shokei .overallCnt_ttl_half {
  width: 960px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #shokei .overallCnt_ttl_half {
    width: 100%;
  }
}
#shokei .overallCnt_ttl_half h3 {
  width: 50%;
  position: relative;
}
#shokei .overallCnt_ttl_half h3:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
}
#shokei .overallCnt_ttl_half h3.overallCnt_ttl-bl:before {
  border-top: 16px solid #297fb8;
}
#shokei .overallCnt_ttl_half h3.overallCnt_ttl-rd:before {
  border-top: 16px solid #e54253;
}
#shokei .overallCnt-half {
  width: 960px;
  margin: 0 auto 20px;
  background: linear-gradient(90deg, #e5ebee 0%, #e5ebee 50%, #fbe1de 50%, #fbe1de 100%);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #shokei .overallCnt-half {
    width: 100%;
  }
}
#shokei .overallCnt-half .overallCnt-bl, #shokei .overallCnt-half .overallCnt-rd {
  background: none;
  width: 50%;
  padding: 40px 30px 30px;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #shokei .overallCnt-half .overallCnt-bl, #shokei .overallCnt-half .overallCnt-rd {
    padding: 30px 10px;
  }
}
#shokei .overallCnt-half .overallCnt-bl:before, #shokei .overallCnt-half .overallCnt-rd:before {
  content: none;
}
@media (max-width: 480px) {
  #shokei .overallCnt-half .overallCnt-bl:nth-child(4) {
    padding-top: 15px;
  }
  #shokei .overallCnt-half .overallCnt-rd:nth-child(2) {
    padding-bottom: 15px;
  }
  #shokei .overallCnt-half .overallCnt-rd:nth-child(5) {
    padding-top: 15px;
  }
}
#shokei .overallCnt_wrap_txt {
  font-size: 1.4rem;
  margin-bottom: 10px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#shokei .overallCnt_flow li {
  height: auto;
}
#shokei .overallCnt_flow li:last-child {
  margin-bottom: 0;
}
#shokei .overallCnt_flow li:last-child p {
  margin-bottom: 0 !important;
}
#shokei .overallCnt_flow .txt {
  text-indent: -1em;
  padding-left: 1em;
}
#shokei .overall_img {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
#shokei .overall_img p {
  font-size: 1rem;
}
@media (max-width: 480px) {
  #shokei .overall_img {
    margin-top: 10px;
  }
}
#shokei .overall .bkBox {
  flex-direction: column;
  font-size: 1.8rem;
}
@media (max-width: 480px) {
  #shokei .overall .bkBox {
    text-align: center;
    padding: 10px 0;
  }
}
#shokei .overall .bkBox span {
  font-size: 1.4rem;
  line-height: 1.5;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#shokei-bsp .main {
  background: url("img/bg_main_shokei_bsp.jpg") center center no-repeat;
  background-size: cover;
}
#shokei-bsp .mainLink_list li {
  width: calc(100% / 2);
}
#shokei-bsp .how .contents {
  background: url("img/bg_how-01.png") right top no-repeat, url("img/bg_how-02.png") left bottom no-repeat;
}
@media (max-width: 480px) {
  #shokei-bsp .how .contents {
    background-size: 100%;
  }
}
#shokei-bsp .how_main_txt {
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 480px) {
  #shokei-bsp .how_main_txt {
    font-size: 1.3rem;
  }
}
#shokei-bsp .how_ttl_sub {
  font-size: 2.2rem;
  line-height: 1.5;
  text-align: center;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  #shokei-bsp .how_ttl_sub {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
}
#shokei-bsp .how_ttl_sub:last-child {
  margin-bottom: 0;
}
#shokei-bsp .how_txt {
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #shokei-bsp .how_txt {
    font-size: 1.3rem;
    margin-bottom: 20px;
  }
}
#shokei-bsp .how_txt:last-child {
  margin-bottom: 0;
}
#shokei-bsp .how_ul {
  width: 800px;
  margin: 0 auto 60px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #shokei-bsp .how_ul {
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 40px;
  }
}
#shokei-bsp .how_li {
  font-size: 1.6rem;
  line-height: 1.5;
  width: calc(100% / 3 - 20px);
  text-align: center;
  padding: 15px;
  background: #fff;
  border: 2px solid #c00000;
  border-radius: 15px;
}
@media (max-width: 480px) {
  #shokei-bsp .how_li {
    font-size: 1.3rem;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
  }
  #shokei-bsp .how_li:last-child {
    margin-bottom: 0;
  }
}
#shokei-bsp .how_li span {
  font-family: stix-two-text, serif !important;
  font-weight: bold;
  font-size: 2rem;
  display: inline-block;
  margin-bottom: 10px;
}
@media (max-width: 480px) {
  #shokei-bsp .how_li span {
    font-size: 1.6rem;
    margin-bottom: 8px;
  }
}
#shokei-bsp .how_strategy {
  width: 750px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #shokei-bsp .how_strategy {
    width: 100%;
  }
}
#shokei-bsp .how_strategy_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100px;
  border-radius: 50px;
  margin-bottom: 34px;
}
@media (max-width: 480px) {
  #shokei-bsp .how_strategy_box {
    flex-direction: column;
    border-radius: 10px;
    position: relative;
    height: auto;
  }
  #shokei-bsp .how_strategy_box:before {
    content: "";
    position: absolute;
    top: calc(100% + 10px);
    border-top: 14px solid #6d6e71;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
  }
  #shokei-bsp .how_strategy_box:last-child:before {
    content: none;
  }
}
#shokei-bsp .how_strategy_box.business {
  background: linear-gradient(90deg, rgba(0, 176, 240, 0.7) 50px, transparent);
}
#shokei-bsp .how_strategy_box.business .how_strategy_ttl {
  background: #00b0f0;
}
#shokei-bsp .how_strategy_box.business .how_strategy_txt {
  color: #0070c0;
}
#shokei-bsp .how_strategy_box.organization {
  background: linear-gradient(90deg, rgba(155, 187, 89, 0.6) 50px, transparent);
}
#shokei-bsp .how_strategy_box.organization .how_strategy_ttl {
  background: #9bc13c;
}
#shokei-bsp .how_strategy_box.organization .how_strategy_txt {
  color: #009444;
}
#shokei-bsp .how_strategy_box.capital {
  background: linear-gradient(90deg, rgba(255, 192, 0, 0.7) 50px, transparent);
}
#shokei-bsp .how_strategy_box.capital .how_strategy_ttl {
  background: #ffc000;
}
#shokei-bsp .how_strategy_box.capital .how_strategy_txt {
  color: #e46c0a;
}
#shokei-bsp .how_strategy_ttl {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  position: relative;
}
#shokei-bsp .how_strategy_ttl:before {
  content: "";
  position: absolute;
  top: calc(100% + 10px);
  border-top: 14px solid #6d6e71;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
@media (max-width: 480px) {
  #shokei-bsp .how_strategy_ttl {
    width: 100%;
    height: 30px;
    border-radius: 10px 10px 0 0;
    font-size: 1.4rem;
  }
  #shokei-bsp .how_strategy_ttl:before {
    content: none;
  }
}
#shokei-bsp .how_strategy_txt {
  padding-left: 20px;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (max-width: 480px) {
  #shokei-bsp .how_strategy_txt {
    font-size: 1.3rem;
    padding: 10px 15px;
  }
}
#shokei-bsp .how_strategy_box:last-child {
  margin-bottom: 0;
}
#shokei-bsp .how_strategy_box:last-child .how_strategy_ttl:before {
  content: none;
}
#shokei-bsp .overall_img_cnt_b {
  width: 480px;
  margin: 0 auto 40px;
}
@media (max-width: 480px) {
  #shokei-bsp .overall_img_cnt_b {
    width: 100%;
    margin-bottom: 25px;
  }
}
#shokei-bsp .overall .arrowBt {
  margin: 0 auto;
}
@media (max-width: 480px) {
  #shokei-bsp .overall .arrowBt {
    margin: 10px auto;
  }
}
#shokei-bsp .overall_bsp_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}
@media (max-width: 480px) {
  #shokei-bsp .overall_bsp_box {
    position: relative;
    justify-content: center;
  }
  #shokei-bsp .overall_bsp_box:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%, -100%);
    border-top: 10px solid #eb974e;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
  }
}
#shokei-bsp .overall_bsp_box.phase2 {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #shokei-bsp .overall_bsp_box.phase2:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 100%);
    border-top: 10px solid #eb974e;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
  }
}
#shokei-bsp .overall_bsp_box.phase2 .overall_bsp_cnt:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, 100%);
  border-top: 10px solid #eb974e;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}
@media (max-width: 480px) {
  #shokei-bsp .overall_bsp_box.phase2 .overall_bsp_cnt:after {
    content: none;
  }
}
#shokei-bsp .overall_bsp_cnt {
  width: 210px;
  position: relative;
}
@media (max-width: 480px) {
  #shokei-bsp .overall_bsp_cnt {
    width: 100%;
    margin-bottom: 30px;
  }
  #shokei-bsp .overall_bsp_cnt:last-child {
    margin-bottom: 0;
  }
}
#shokei-bsp .overall_bsp_cnt.business .overall_bsp_ttl {
  color: #00b0f0;
  border: 2px solid #00b0f0;
}
#shokei-bsp .overall_bsp_cnt.business .overall_bsp_li {
  background: #00b0f0;
}
#shokei-bsp .overall_bsp_cnt.organization .overall_bsp_ttl {
  color: #9bbb59;
  border: 2px solid #9bbb59;
}
#shokei-bsp .overall_bsp_cnt.organization .overall_bsp_li {
  background: #9bbb59;
}
#shokei-bsp .overall_bsp_cnt.capital .overall_bsp_ttl {
  color: #ffc000;
  border: 2px solid #ffc000;
}
#shokei-bsp .overall_bsp_cnt.capital .overall_bsp_li {
  background: #ffc000;
}
#shokei-bsp .overall_bsp_cnt:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translate(-50%, -100%);
  border-top: 10px solid #eb974e;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}
@media (max-width: 480px) {
  #shokei-bsp .overall_bsp_cnt:before {
    content: none;
  }
}
#shokei-bsp .overall_bsp_ttl {
  box-sizing: border-box;
  background: #fff;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px;
}
#shokei-bsp .overall_bsp_li {
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: bold;
  text-indent: -1em;
  border-radius: 3px;
  color: #fff;
  margin: 0 5px 10px;
  padding: 3px 10px 3px 23px;
}
#shokei-bsp .overall_bsp_li:last-child {
  margin-bottom: 0;
}
#shokei-bsp .overallCnt-bl {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #shokei-bsp .overallCnt-bl {
    padding-bottom: 40px;
  }
}
@media (max-width: 480px) {
  #shokei-bsp .overallCnt-rd h5 {
    font-size: 1.3rem;
  }
}
#shokei-bsp .overallCnt_flow_imgwrap {
  width: 100%;
  margin: 40px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #shokei-bsp .overallCnt_flow_imgwrap {
    width: 100%;
    margin: 20px auto 0;
  }
}
#shokei-bsp .overall_img {
  width: 350px;
}
@media (max-width: 480px) {
  #shokei-bsp .overall_img {
    width: 100%;
  }
  #shokei-bsp .overall_img:nth-child(n+2) {
    margin-top: 30px;
  }
}
#shokei-bsp .overall_img_ttl {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 10px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 480px) {
  #shokei-bsp .overall_img_ttl {
    font-size: 1.4rem;
  }
}
#shokei-bsp .overall_img_note {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-top: 20px;
}
@media (max-width: 480px) {
  #shokei-bsp .overall_img_note {
    font-size: 1.2rem;
  }
}
#shokei-bsp .onestop {
  background: #f7f7f7;
  padding-bottom: 80px;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop {
    padding-bottom: 40px;
  }
}
#shokei-bsp .onestop_overall {
  width: 960px;
  margin: 0 auto 50px;
  padding-bottom: 30px;
  border-bottom: 1px solid #000;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_overall {
    width: 90%;
    padding-bottom: 10px;
    margin-bottom: 40px;
  }
}
#shokei-bsp .onestop_overall_catch {
  font-size: 2rem;
  text-align: center;
  line-height: 1.5;
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_overall_catch {
    font-size: 1.5rem;
  }
}
#shokei-bsp .onestop_overall_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}
#shokei-bsp .onestop_overall_box.box_main {
  padding: 50px 20px;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_overall_box {
    flex-wrap: wrap;
    padding: 20px 10px;
    text-align: center;
  }
  #shokei-bsp .onestop_overall_box.box_main {
    padding: 30px 10px;
  }
}
#shokei-bsp .onestop_overall_ttl {
  width: 480px;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_overall_ttl {
    width: 100%;
  }
}
#shokei-bsp .onestop_overall_ttl_main {
  font-size: 3.4rem;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_overall_ttl_main {
    font-size: 2.6rem;
  }
}
#shokei-bsp .onestop_overall_ttl_main span {
  font-family: "Oswald", sans-serif !important;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 34px;
  font-size: 2.8rem;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_overall_ttl_main span {
    font-size: 2rem;
    width: 20px;
  }
}
#shokei-bsp .onestop_overall_ttl_sub {
  padding-left: 34px;
  margin-top: 5px;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_overall_ttl_sub {
    padding-left: 0;
    margin-bottom: 20px;
    font-size: 1.3rem;
  }
}
#shokei-bsp .onestop_overall_cnt {
  width: 420px;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_overall_cnt {
    width: 100%;
  }
}
#shokei-bsp .onestop_overall_cnt_ttl {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_overall_cnt_ttl {
    font-size: 1.8rem;
    justify-content: center;
  }
}
#shokei-bsp .onestop_overall_cnt_ttl.style {
  width: 100%;
  padding-left: 50px;
  height: 100px;
  background: #ccc;
  position: relative;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -o-transition: 0.2s linear;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_overall_cnt_ttl.style {
    padding: 0;
    height: 80px;
  }
}
#shokei-bsp .onestop_overall_cnt_ttl.style:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-left: 20px solid #f7f7f7;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_overall_cnt_ttl.style:before {
    content: none;
  }
}
#shokei-bsp .onestop_overall_cnt_ttl.style.diagnose {
  background: #594c46;
  color: #fff;
}
#shokei-bsp .onestop_overall_cnt_ttl.style.interfamilial {
  background: #cf5b16;
  color: #fff;
}
#shokei-bsp .onestop_overall_cnt_ttl.style.holding {
  background: #eedb15;
}
#shokei-bsp .onestop_overall_cnt_ttl.style.ipo {
  background: #007557;
  color: #fff;
}
#shokei-bsp .onestop_overall_cnt_ttl.style.mbo {
  background: #008ac0;
  color: #fff;
}
#shokei-bsp .onestop_overall_cnt_ttl.style.manda {
  background: #1f2a68;
  color: #fff;
}
#shokei-bsp .onestop_overall_cnt_txt {
  margin-top: 5px;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_overall_cnt_txt {
    font-size: 1.3rem;
  }
}
#shokei-bsp .onestop_overall_cnt a:hover > p {
  opacity: 0.8;
}
#shokei-bsp .onestop_overall_note {
  font-size: 2rem;
  text-align: center;
  padding: 40px 0 30px;
  position: relative;
  border-top: 1px solid #000;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_overall_note {
    font-size: 1.5rem;
    padding: 30px 0 20px;
  }
}
#shokei-bsp .onestop_overall_note:before, #shokei-bsp .onestop_overall_note:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_overall_note:before, #shokei-bsp .onestop_overall_note:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
  }
}
#shokei-bsp .onestop_overall_note:before {
  top: 0;
  border-top: 15px solid #000;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_overall_note:before {
    border-top: 10px solid #000;
  }
}
#shokei-bsp .onestop_overall_note:after {
  top: -2px;
  border-top: 15px solid #f7f7f7;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_overall_note:after {
    border-top: 10px solid #f7f7f7;
  }
}
#shokei-bsp .onestop_ttl {
  text-align: center;
  padding: 40px 0;
  background: #14362E;
  margin-bottom: 40px;
}
#shokei-bsp .onestop_ttl_img {
  line-height: 1;
  margin: 0 auto 5px;
  text-align: center;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_ttl_img {
    width: 287px;
  }
}
#shokei-bsp .onestop_ttl_sub {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_ttl_sub {
    font-size: 1.5rem;
    margin-bottom: 15px;
  }
}
#shokei-bsp .onestop_main_txt {
  font-size: 1.6rem;
  color: #fff;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_main_txt {
    font-size: 1.3rem;
  }
}
#shokei-bsp .onestop_cnt {
  width: 960px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_cnt {
    width: 90%;
  }
}
#shokei-bsp .onestop_box {
  margin-bottom: 50px;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_box {
    margin-bottom: 30px;
  }
}
#shokei-bsp .onestop_box:last-child {
  margin-bottom: 0;
}
#shokei-bsp .onestop_box_ttlzone {
  padding: 30px 0;
  text-align: center;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_box_ttlzone {
    padding: 30px 15px;
  }
}
#shokei-bsp .onestop_box_subtxt {
  width: 800px;
  height: 48px;
  margin: 0 auto 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 10px;
  font-size: 1.6rem;
  position: relative;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_box_subtxt {
    width: 90%;
    padding: 10px 20px;
    font-size: 1.3rem;
    height: auto;
    line-height: 1.5;
  }
}
#shokei-bsp .onestop_box_subtxt:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 65%;
  transform: translateY(100%);
  border-top: 20px solid #fff;
  border-right: 30px solid transparent;
}
#shokei-bsp .onestop_box_ttl {
  line-height: 1;
  margin: 0 auto 5px;
  text-align: center;
}
#shokei-bsp .onestop_box_ttl_sub {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_box_ttl_sub {
    font-size: 1.5rem;
  }
}
#shokei-bsp .onestop_box_ttl_txt {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_box_ttl_txt {
    font-size: 1.3rem;
  }
}
#shokei-bsp .onestop_box_cntzone {
  position: relative;
  padding: 30px 0;
}
#shokei-bsp .onestop_box_cntzone:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 290px, #fff 390px);
}
#shokei-bsp .onestop_box_cntInner {
  background: #fff;
  width: 750px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_box_cntInner {
    width: 90%;
  }
}
#shokei-bsp .onestop_box_cntInner .overallCnt {
  width: 100%;
}
#shokei-bsp .onestop_box_cntInner .overallCnt_ttl {
  width: 100%;
}
#shokei-bsp .onestop_box_cntInner .overallCnt .arrowBt {
  width: 68px;
  display: block;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_box_cntInner .overallCnt .arrowBt {
    width: 30%;
    margin: 10px auto;
  }
}
#shokei-bsp .onestop_box_cntInner .overallCnt .arrowBt-lg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -22px;
  margin: auto;
}
#shokei-bsp .onestop_box_cnt_label {
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  color: #fff;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_box_cnt_label {
    height: 30px;
    font-size: 1.4rem;
  }
}
#shokei-bsp .onestop_box_cntBox {
  padding: 10px 15px 30px;
}
#shokei-bsp .onestop_box_cntBox_ttl {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_box_cntBox_ttl {
    font-size: 1.5rem;
  }
}
#shokei-bsp .onestop_box_cntBox_ttl span {
  font-size: 1.4rem;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_box_cntBox_ttl span {
    font-size: 1.2rem;
  }
}
#shokei-bsp .onestop_box_txt {
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0 10px 30px;
}
#shokei-bsp .onestop_box.diagnose .onestop_box_ttlzone {
  background: #594c46;
}
#shokei-bsp .onestop_box.diagnose .onestop_box_cntzone {
  background: url("img/bg_shokei_bsp_00.jpg") no-repeat top center;
}
#shokei-bsp .onestop_box.diagnose .onestop_box_cnt_label {
  background: #594c46;
}
#shokei-bsp .onestop_box.diagnose .onestop_box_ttl_txt {
  color: #fff;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_box.diagnose .onestop_box_ttl {
    width: 169px;
  }
}
#shokei-bsp .onestop_box.interfamilial .onestop_box_ttlzone {
  background: #cf5b16;
}
#shokei-bsp .onestop_box.interfamilial .onestop_box_cntzone {
  background: url("img/bg_shokei_bsp_01.jpg") no-repeat top center;
}
#shokei-bsp .onestop_box.interfamilial .onestop_box_cnt_label {
  background: #cf5b16;
}
#shokei-bsp .onestop_box.interfamilial .onestop_box_ttl_txt {
  color: #fff;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_box.interfamilial .onestop_box_ttl {
    width: 305px;
  }
}
#shokei-bsp .onestop_box.holding .onestop_box_ttlzone {
  background: #eedb15;
}
#shokei-bsp .onestop_box.holding .onestop_box_cntzone {
  background: url("img/bg_shokei_bsp_02.jpg") no-repeat top center;
}
#shokei-bsp .onestop_box.holding .onestop_box_cnt_label {
  background: #eedb15;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_box.holding .onestop_box_ttl {
    width: 96px;
  }
}
#shokei-bsp .onestop_box.ipo .onestop_box_ttlzone {
  background: #007557;
}
#shokei-bsp .onestop_box.ipo .onestop_box_cntzone {
  background: url("img/bg_shokei_bsp_03.jpg") no-repeat top center;
}
#shokei-bsp .onestop_box.ipo .onestop_box_cnt_label {
  background: #007557;
}
#shokei-bsp .onestop_box.ipo .onestop_box_ttl_txt {
  color: #fff;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_box.ipo .onestop_box_ttl {
    width: 43px;
  }
}
#shokei-bsp .onestop_box.mbo .onestop_box_ttlzone {
  background: #008ac0;
}
#shokei-bsp .onestop_box.mbo .onestop_box_cntzone {
  background: url("img/bg_shokei_bsp_04.jpg") no-repeat top center;
}
#shokei-bsp .onestop_box.mbo .onestop_box_cnt_label {
  background: #008ac0;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_box.mbo .onestop_box_ttl {
    width: 55px;
  }
}
#shokei-bsp .onestop_box.manda .onestop_box_ttlzone {
  background: #1f2a68;
}
#shokei-bsp .onestop_box.manda .onestop_box_cntzone {
  background: url("img/bg_shokei_bsp_05.jpg") no-repeat top center;
}
#shokei-bsp .onestop_box.manda .onestop_box_cnt_label {
  background: #1f2a68;
}
#shokei-bsp .onestop_box.manda .onestop_box_ttl_txt {
  color: #fff;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_box.manda .onestop_box_ttl {
    width: 55px;
  }
}
#shokei-bsp .onestop_img {
  text-align: center;
}
#shokei-bsp .onestop_point {
  margin: 0 auto;
  padding: 20px;
  border: 10px solid #dedcda;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_point {
    width: 100%;
    padding: 15px;
    border-width: 5px;
  }
}
#shokei-bsp .onestop_point_ttl {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_point_ttl {
    font-size: 1.5rem;
    margin-bottom: 15px;
  }
}
#shokei-bsp .onestop_point ul {
  padding: 0 20px;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_point ul {
    padding: 0 10px;
  }
}
#shokei-bsp .onestop_point_li {
  border-bottom: 1px dashed #dedcda;
  padding: 10px 0 10px 1em;
  font-size: 1.6rem;
  text-indent: -1em;
}
@media (max-width: 480px) {
  #shokei-bsp .onestop_point_li {
    font-size: 1.3rem;
    padding: 5px 0 5px 1em;
  }
}

#turnaround .main {
  background: url("img/bg_main_turnaround.jpg") center center no-repeat;
  background-size: cover;
}
#turnaround .main h1.ttl {
  text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.7), -4px -4px 8px rgba(0, 0, 0, 0.7), 4px -4px 8px rgba(0, 0, 0, 0.7), -4px 4px 8px rgba(0, 0, 0, 0.7);
}
#turnaround .main h1 span.sub {
  margin: 0 auto;
  text-align: center;
}
#turnaround .mainLink_list li {
  width: calc(100% / 4);
}
#turnaround .how {
  text-align: center;
}
#turnaround .how .contents {
  background: url("img/bg_how-01.png") right top no-repeat, url("img/bg_how-02.png") left bottom no-repeat;
}
@media (max-width: 480px) {
  #turnaround .how .contents {
    background-size: 100%;
  }
}
#turnaround .how_bktxt {
  font-size: 1.8rem;
  color: #fcc603;
  width: 860px;
  background: #000;
  padding: 8px 0;
  margin: 0 auto 20px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #turnaround .how_bktxt {
    font-size: 1.6rem;
    width: 100%;
  }
}
#turnaround .how_bktxt span {
  display: block;
  font-size: 1.4rem;
  color: #fff;
  margin-top: 5px;
  text-align: left;
}
@media (max-width: 480px) {
  #turnaround .how_bktxt span {
    padding: 0 5%;
  }
}
#turnaround .how_arrow {
  width: 81px;
  height: auto;
}
#turnaround .how_catch {
  font-size: 2.4rem;
  line-height: 1.5;
  margin-bottom: 40px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#turnaround .how_catch span.bg_bb {
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  font-weight: bold;
  background: linear-gradient(0deg, #fcc603 10px, transparent 10px);
}
#turnaround .how_catch_txt {
  font-size: 1.6rem;
  text-align: left;
  width: 800px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #turnaround .how_catch_txt {
    width: 100%;
  }
}
#turnaround .what_movie {
  margin: 50px 0 80px;
}
#turnaround .what_movie_catch {
  font-size: 2.2rem;
  color: #fff;
  margin-bottom: 15px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#turnaround .what_movie_box {
  width: 960px;
  margin: 0 auto 20px;
  background: #fff;
  padding: 30px 45px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#turnaround .what_movie_box:last-child {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #turnaround .what_movie_box {
    width: 100%;
    padding: 5%;
  }
}
#turnaround .what_movie_box_txt {
  width: 410px;
  text-align: left;
  margin-left: 10px;
}
@media (max-width: 480px) {
  #turnaround .what_movie_box_txt {
    width: 100%;
    margin-left: 0;
  }
}
#turnaround .what_movie_box_txt h3 {
  font-size: 2.2rem;
  line-height: 1.5;
  margin-bottom: 20px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  #turnaround .what_movie_box_txt h3 {
    text-align: center;
  }
}
#turnaround .what_movie_box_txt p {
  font-size: 1.4rem;
}
@media (max-width: 480px) {
  #turnaround .what_movie_box_txt p {
    margin-bottom: 20px;
  }
}
#turnaround .what_movie_box_cnt img {
  width: 412px;
  height: auto;
}
@media (max-width: 480px) {
  #turnaround .case .contents {
    padding-bottom: 40px;
  }
}
#turnaround .case_box {
  width: 860px;
  background: #fff;
  margin: 0 auto 55px;
  padding: 40px 40px 50px;
}
@media (max-width: 480px) {
  #turnaround .case_box {
    width: 100%;
    margin: 0 auto 40px;
    padding: 40px 20px 50px;
  }
}
#turnaround .case_box_main {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#turnaround .case_box_main_industry {
  width: 140px;
  height: 140px;
  background: url(/t/common/img_2019/dot_black.gif);
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #turnaround .case_box_main_industry {
    margin: 0 auto 20px;
  }
}
#turnaround .case_box_main_list {
  width: 620px;
}
#turnaround .case_box_main_list_txt {
  margin-bottom: 10px;
}
#turnaround .case_box_main_list_txt span {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#turnaround .case_box_main_list_point {
  font-size: 1.4rem;
  line-height: 20px;
  align-items: center;
  display: flex;
  justify-content: center;
  align-items: inherit;
}
#turnaround .case_box_main_list_point_number {
  color: #34495e;
  border: 1px solid #34495e;
  width: 20px;
  height: 20px;
  margin-bottom: 6px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#turnaround .case_box_main_list_point_txt {
  width: calc(100% - 20px);
  padding-left: 10px;
  margin-bottom: 6px;
}
#turnaround .case_box_cnt {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#turnaround .case_box_cnt_wrap {
  width: 360px;
  background: #e9e9e9;
}
#turnaround .case_box_cnt_wrap.case_arrow {
  position: relative;
}
@media (max-width: 480px) {
  #turnaround .case_box_cnt_wrap.case_arrow {
    margin-bottom: 40px;
  }
}
#turnaround .case_box_cnt_wrap.case_arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -50px;
  border-left: 20px solid #fcc603;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  transform: translate(-50%, -50%);
}
@media (max-width: 480px) {
  #turnaround .case_box_cnt_wrap.case_arrow:before {
    top: inherit;
    right: 50%;
    bottom: -30px;
    border-left: 10px solid transparent;
    border-bottom: none;
    border-top: 20px solid #fcc603;
    border-right: 10px solid transparent;
    transform: inherit;
  }
}
#turnaround .case_box_cnt_wrap_ttl {
  width: 100%;
  height: 32px;
  background: #34495e;
  color: #fff;
  margin-bottom: 20px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#turnaround .case_box_cnt_wrap_ttl.ttl_green {
  background: #00896d;
}
#turnaround .case_box_cnt_wrap_sub {
  padding: 0 20px 20px;
}
#turnaround .case_box_cnt_wrap_sub_txt {
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 20px;
}
#turnaround .case_box_cnt_wrap_sub_txt span {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#turnaround .case_box_cnt_wrap_sub_txt .sub_indent {
  padding-left: 1em;
}
#turnaround .case_box_cnt_wrap_sub img {
  margin-top: 20px;
}
#turnaround .case_box_ttl {
  width: 100%;
  height: 32px;
  background: #34495e;
  font-weight: bold;
  color: #fff;
  margin: 30px 0 20px;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#turnaround .case_box_txt {
  margin-bottom: 15px;
  padding: 0 10px;
}
#turnaround .case_box_list {
  padding: 0 10px;
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#turnaround .case_box_list p:nth-last-child {
  margin-bottom: 0;
}
#turnaround .case_box_list_number {
  color: #fff;
  background: #fcc603;
  font-size: 1.6rem;
  width: 26px;
  height: 26px;
  margin-bottom: 6px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#turnaround .case_box_list_txt {
  width: calc(100% - 26px);
  padding-left: 15px;
  margin-bottom: 6px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#turnaround .case_sub {
  width: 860px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 480px) {
  #turnaround .case_sub {
    width: 100%;
  }
}
#turnaround .case_sub label {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 35px;
  cursor: pointer;
  text-align: center;
  background: #e9e9e9;
}
#turnaround .case_sub label:after {
  line-height: 25px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 50%;
  width: 120px;
  content: "もっと見る";
  transform: translate(-50%, 0);
  color: #fff;
  border-radius: 14px;
  background: #000;
}
#turnaround .case_sub input {
  display: none;
}
#turnaround .case_sub input:checked + label {
  background: inherit;
}
#turnaround .case_sub input:checked + label:after {
  content: "× 閉じる";
}
#turnaround .case_sub input:checked ~ .case_sub_box {
  height: auto;
  padding-bottom: 30px;
  transition: 0.5s all;
}
#turnaround .case_sub_box {
  overflow: hidden;
  height: 885px;
  transition: 0.5s all;
}
#turnaround .case_sub_cnt {
  margin-top: 35px;
  padding-bottom: 45px;
  border-bottom: 1px solid #b3b3b3;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #turnaround .case_sub_cnt {
    position: relative;
  }
  #turnaround .case_sub_cnt_pic {
    position: absolute;
    top: 0;
  }
}
#turnaround .case_sub_cnt:first-child {
  margin-top: 0;
}
#turnaround .case_sub_cnt:last-child {
  padding-bottom: 35px;
  border: none;
}
#turnaround .case_sub_cnt_company {
  width: 410px;
}
@media (max-width: 480px) {
  #turnaround .case_sub_cnt_company {
    width: 100%;
    margin-top: 210px;
  }
}
#turnaround .case_sub_cnt_company_name {
  font-size: 2.2rem;
  margin-bottom: 15px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#turnaround .case_sub_cnt_company_ttl {
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#turnaround .case_sub_cnt_company_cat {
  margin-bottom: 20px;
}
#turnaround .case_sub_cnt_company_txt {
  line-height: 22px;
}
#turnaround .case_sub_btn {
  position: relative;
  z-index: 2;
  width: 120px;
  height: 28px;
  border-radius: 14px;
  background: #000;
  color: #fff;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#turnaround .overall .arrowBt {
  margin: 5px auto;
}
#turnaround .overall .arrowBt-lg {
  margin: 15px auto 0;
}
#turnaround .overall .arrowTB {
  width: 34px;
  height: auto;
  display: block;
  margin: 5px auto;
}
@media (max-width: 480px) {
  #turnaround .overall .arrowTB {
    width: 20%;
  }
}
#turnaround .overallCnt {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #turnaround .overallCnt {
    margin-bottom: 50px;
  }
}
#turnaround .overallCnt h4 {
  margin: 0 auto 20px;
}
@media (max-width: 480px) {
  #turnaround .overallCnt h4 {
    width: 100%;
    margin: 0 auto 15px;
  }
}
@media (max-width: 480px) {
  #turnaround .overallCnt h5 {
    margin: 20px auto 10px;
  }
}
#turnaround .overallCnt_wrap {
  margin: 0 16px 30px;
}
@media (max-width: 480px) {
  #turnaround .overallCnt_wrap {
    width: 100%;
    margin: 0 auto 40px;
  }
  #turnaround .overallCnt_wrap:nth-last-child(2) {
    margin-bottom: 0;
  }
}
#turnaround .overallCnt_ttl span {
  position: absolute;
  right: 30px;
  width: 100px;
  height: 24px;
  border: 1px solid #fff;
  font-size: 1.4rem;
  top: 50%;
  margin-top: -12px;
}
@media (max-width: 480px) {
  #turnaround .overallCnt_ttl span {
    right: 5px;
    width: 50px;
    font-size: 1rem;
  }
}
#turnaround .overallCnt_flow-hg li + li .ttl {
  margin-top: 0;
}
#turnaround .overallCnt_flow_single {
  margin-bottom: 45px;
}
#turnaround .overallCnt_flow.overallCnt_flow-bl {
  width: 386px;
  margin: 0;
}
@media (max-width: 480px) {
  #turnaround .overallCnt_flow.overallCnt_flow-bl {
    width: 100%;
  }
}
#turnaround .overallCnt_flow.overallCnt_flow-bl .innner {
  width: 330px;
  margin: 20px auto 0;
}
@media (max-width: 480px) {
  #turnaround .overallCnt_flow.overallCnt_flow-bl .innner {
    width: 100%;
  }
}
#turnaround .overallCnt_flow.overallCnt_flow-bl .innner_li {
  font-size: 1.3rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #297fb8;
  background: #fff;
  border: 1px solid #297fb8;
  border-radius: 3px;
  margin-bottom: 5px;
  padding-left: 15px;
}
#turnaround .overallCnt_flow.overallCnt_flow-bl .innner_li:last-child {
  margin-bottom: 0;
}
#turnaround .overallCnt_flow.overallCnt_flow-bl .ex_txt {
  width: 330px;
  margin: 0 auto;
  font-size: 1.1rem;
}
@media (max-width: 480px) {
  #turnaround .overallCnt_flow.overallCnt_flow-bl .ex_txt {
    width: 100%;
  }
}
#turnaround .overallCnt_flow.overallCnt_flow-bl .ex_txt.blue {
  color: #297fb8;
}
#turnaround .overallCnt_flow.overallCnt_flow-bl .bk_txt {
  font-size: 1.3rem;
  line-height: 1;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  padding: 9px;
  background: #000;
  color: #fff;
  text-align: center;
  width: 100%;
}
#turnaround .overallCnt_flow.overallCnt_flow-bl .blue_txt {
  font-size: 1.5rem;
  text-align: center;
  color: #297fb8;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  width: 100%;
}
#turnaround .overallCnt_flow_imgwrap {
  width: 400px;
}
@media (max-width: 480px) {
  #turnaround .overallCnt_flow_imgwrap {
    width: 100%;
    margin-top: 30px;
  }
}
#turnaround .overallCnt_flow_imgwrap .img_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #turnaround .overallCnt_flow_imgwrap .img_box {
    margin-top: 20px;
  }
  #turnaround .overallCnt_flow_imgwrap .img_box img {
    width: 49%;
  }
}
#turnaround .overallCnt_flow_imgwrap p {
  text-align: center;
  font-size: 1rem;
}
#turnaround .overallCnt_flow_imgwrap .overall_img {
  margin-top: 30px;
}
#turnaround .overallCnt_flow_imgwrap .overall_img:first-child {
  margin-top: 0;
}
#turnaround .overallCnt_flow_imgwrap2 {
  width: 360px;
  text-align: center;
}
@media (max-width: 480px) {
  #turnaround .overallCnt_flow_imgwrap2 {
    margin-top: 40px;
  }
}
#turnaround .overallCnt_flow_imgwrap2 .overall_img {
  position: relative;
  margin: 18px 0 20px;
}
#turnaround .overallCnt_flow_imgwrap2 .overall_img .sub_img {
  position: absolute;
  top: -18px;
  left: 0;
  z-index: 2;
}
#turnaround .overallCnt_flow_imgwrap2 .overall_img .overall_img_cnt {
  margin-left: 50px;
}
#turnaround .overallCnt_flow_imgwrap2 .overall_img p {
  margin-left: 50px;
  font-size: 1rem;
}
#turnaround .project {
  width: 900px;
  margin: 0 auto;
  border: 1px solid #000;
  border-radius: 8px;
  padding: 20px;
}
@media (max-width: 480px) {
  #turnaround .project {
    width: 90%;
    padding: 5%;
  }
}
#turnaround .project_ttl {
  margin: 0 auto 20px;
  text-align: center;
  font-size: 3rem;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#turnaround .project_catch {
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 10px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#turnaround .project img {
  margin: 0 auto 10px;
}
#turnaround .project ul {
  width: 810px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #turnaround .project ul {
    width: 100%;
  }
}
#turnaround .project ul li {
  font-size: 1.3rem;
  line-height: 1.5;
}
#turnaround .project .ex_txt {
  width: 810px;
  margin: 0 auto;
  font-size: 12px;
}
@media (max-width: 480px) {
  #turnaround .project .ex_txt {
    width: 100%;
  }
}

#group .main {
  background: url("img/bg_main_group.jpg") center center no-repeat;
  background-size: cover;
}
@media (max-width: 480px) {
  #group .main {
    background: url("img/bg_main_group.jpg") right center no-repeat;
  }
}
#group .main h1.ttl {
  text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.7), -4px -4px 8px rgba(0, 0, 0, 0.7), 4px -4px 8px rgba(0, 0, 0, 0.7), -4px 4px 8px rgba(0, 0, 0, 0.7);
}
#group .main h1 span.sub {
  margin: 0 auto;
  text-align: center;
}
#group .how {
  text-align: center;
}
#group .how .contents {
  background: url("img/bg_how-01.png") right top no-repeat, url("img/bg_how-02.png") left bottom no-repeat;
}
@media (max-width: 480px) {
  #group .how .contents {
    background-size: 100%;
  }
}
#group .how_arrow {
  width: 81px;
  height: auto;
}
#group .how_catch {
  font-size: 2.4rem;
  line-height: 1.5;
  margin-bottom: 40px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#group .how_catch span.bg_bb {
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  font-weight: bold;
  background: linear-gradient(0deg, #fcc603 10px, transparent 10px);
}
#group .how_catch_txt {
  font-size: 1.6rem;
  text-align: left;
  width: 800px;
  margin: 0 auto 10px;
}
@media (max-width: 480px) {
  #group .how_catch_txt {
    width: 100%;
  }
}
#group .how_initiative {
  width: 800px;
  margin: 0 auto;
  padding: 20px;
  background: #fff;
  border: 1px solid #b3b3b3;
}
@media (max-width: 480px) {
  #group .how_initiative {
    width: 100%;
  }
}
#group .how_initiative_ttl {
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#group .how_initiative_sub {
  font-size: 1.3rem;
  margin-bottom: 10px;
}
#group .how_initiative_img {
  position: relative;
  width: 410px;
  margin: 0 auto 15px;
}
@media (max-width: 480px) {
  #group .how_initiative_img {
    width: 100%;
  }
}
#group .how_initiative_img .speechbubble {
  position: absolute;
  width: 90px;
  height: 90px;
  background: url(img/img_how_group_02.png) no-repeat center center;
  font-size: 1.2rem;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  top: 0;
  right: -85px;
  z-index: 2;
}
@media (max-width: 480px) {
  #group .how_initiative_img .speechbubble {
    right: -5%;
  }
}
#group .how_initiative_txt {
  font-size: 1.2rem;
}
#group .what_catch {
  line-height: 1.5;
  margin-bottom: 30px;
}
#group .what_catch_img {
  margin-bottom: 60px;
}
#group .what_feature {
  width: 900px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #group .what_feature {
    width: 100%;
  }
}
#group .what_feature_li {
  background: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 20px;
  margin-bottom: 20px;
}
#group .what_feature_li:last-child {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #group .what_feature_li {
    padding: 8px 10px;
    flex-direction: column;
  }
}
#group .what_feature_li_number {
  width: 67px;
  height: 67px;
  background: #000;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  font-size: 1.5rem;
  flex-direction: column;
}
@media (max-width: 480px) {
  #group .what_feature_li_number {
    margin-bottom: 10px;
  }
}
#group .what_feature_li_number span {
  font-size: 1.8rem;
  margin-bottom: -5px;
}
#group .what_feature_li_cnt {
  margin-left: 20px;
}
@media (max-width: 480px) {
  #group .what_feature_li_cnt {
    margin: 0 20px;
  }
}
#group .what_feature_li_cnt_ttl {
  font-size: 2rem;
  text-align: left;
  margin-bottom: 3px;
  padding-top: 5px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 480px) {
  #group .what_feature_li_cnt_ttl {
    padding-top: 0;
  }
}
#group .what_feature_li_cnt_txt {
  text-align: left;
  font-size: 1.6rem;
}
#group .overall .arrowBt {
  margin: 10px auto;
}
#group .overall .arrowBt-lg {
  margin: 15px auto 0;
}
#group .overallCnt {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #group .overallCnt {
    margin-bottom: 50px;
  }
}
#group .overallCnt h4 {
  margin: 0 auto 20px;
}
@media (max-width: 480px) {
  #group .overallCnt h4 {
    width: 100%;
    margin: 0 auto 15px;
  }
}
@media (max-width: 480px) {
  #group .overallCnt h5 {
    margin: 20px auto 10px;
  }
}
#group .overallCnt_wrap {
  margin: 0 16px 30px;
}
@media (max-width: 480px) {
  #group .overallCnt_wrap {
    width: 100%;
    margin: 0 auto 40px;
  }
  #group .overallCnt_wrap:nth-last-child(2) {
    margin-bottom: 0;
  }
}
#group .overallCnt_ttl span {
  position: absolute;
  right: 30px;
  width: 100px;
  height: 24px;
  border: 1px solid #fff;
  font-size: 1.4rem;
  top: 50%;
  margin-top: -12px;
}
@media (max-width: 480px) {
  #group .overallCnt_ttl span {
    right: 5px;
    width: 50px;
    font-size: 1rem;
  }
}
#group .overallCnt_flow {
  width: 386px;
  margin: 0;
}
@media (max-width: 480px) {
  #group .overallCnt_flow {
    width: 100%;
  }
}
#group .overallCnt_flow li .txt.txt2 {
  margin-top: 15px;
}
#group .overallCnt_flow-hg li .ttl {
  padding-left: 30px;
  text-indent: 0;
  text-align: left;
}
#group .overallCnt_flow .bk_txt {
  font-size: 1.3rem;
  line-height: 1;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  padding: 9px;
  background: #000;
  color: #fff;
  text-align: center;
  width: 100%;
}
#group .overallCnt_flow .catch {
  font-size: 1.5rem;
  text-align: center;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  width: 100%;
  margin-bottom: 10px;
}
#group .overallCnt_flow .catch.rd {
  color: #e54253;
}
#group .overallCnt_flow .catch.gr {
  color: #29a6b6;
}
#group .overallCnt_flow-hg li + li .ttl {
  margin-top: 0;
}
#group .overallCnt_flow_single {
  margin-bottom: 45px;
}
#group .overallCnt_flow_imgwrap {
  width: 400px;
}
@media (max-width: 480px) {
  #group .overallCnt_flow_imgwrap {
    width: 100%;
    margin-top: 30px;
  }
}
#group .overallCnt_flow_imgwrap .img_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #group .overallCnt_flow_imgwrap .img_box {
    margin-top: 20px;
  }
  #group .overallCnt_flow_imgwrap .img_box img {
    width: 49%;
  }
}
#group .overallCnt_flow_imgwrap p {
  text-align: center;
  font-size: 1rem;
}
#group .overallCnt_flow_imgwrap .overall_img {
  margin-top: 30px;
}
#group .overallCnt_flow_imgwrap .overall_img:first-child {
  margin-top: 0;
}
#group .overallCnt_flow_imgwrap2 {
  width: 360px;
  text-align: center;
}
@media (max-width: 480px) {
  #group .overallCnt_flow_imgwrap2 {
    margin-top: 40px;
  }
}
#group .overallCnt_flow_imgwrap2 .overall_img {
  position: relative;
  margin: 18px 0 20px;
}
#group .overallCnt_flow_imgwrap2 .overall_img .sub_img {
  position: absolute;
  top: -18px;
  left: 0;
  z-index: 2;
}
#group .overallCnt_flow_imgwrap2 .overall_img .overall_img_cnt {
  margin-left: 50px;
}
#group .overallCnt_flow_imgwrap2 .overall_img p {
  margin-left: 50px;
  font-size: 1rem;
}
#group .overallCnt .attention {
  text-indent: -3rem;
  padding-left: 3rem;
}
#group .project {
  width: 900px;
  margin: 0 auto;
  border: 1px solid #000;
  border-radius: 8px;
  padding: 20px;
}
@media (max-width: 480px) {
  #group .project {
    width: 90%;
    padding: 5%;
  }
}
#group .project_ttl {
  margin: 0 auto 20px;
  text-align: center;
  font-size: 3rem;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#group .project_catch {
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 10px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#group .project img {
  margin: 0 auto 10px;
}
#group .project ul {
  width: 810px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #group .project ul {
    width: 100%;
  }
}
#group .project ul li {
  font-size: 1.3rem;
  line-height: 1.5;
}
#group .project .ex_txt {
  width: 810px;
  margin: 0 auto;
  font-size: 12px;
}

#group_system .main {
  background: url("img/bg_main_group_system.jpg") center center no-repeat;
  background-size: cover;
}
@media (max-width: 480px) {
  #group_system .main {
    background: url("img/bg_main_group_system.jpg") center bottom no-repeat;
  }
}
#group_system .main h1.ttl {
  text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.7), -4px -4px 8px rgba(0, 0, 0, 0.7), 4px -4px 8px rgba(0, 0, 0, 0.7), -4px 4px 8px rgba(0, 0, 0, 0.7);
}
#group_system .main h1 span.sub {
  margin: 0 auto;
  text-align: center;
}
#group_system .how {
  text-align: center;
}
#group_system .how .contents {
  background: url("img/bg_how-01.png") right top no-repeat, url("img/bg_how-02.png") left bottom no-repeat;
  padding: 50px 52px 70px;
}
@media (max-width: 480px) {
  #group_system .how .contents {
    background-size: 100%;
    padding: 30px 30px 50px;
  }
}
#group_system .how_arrow {
  width: 81px;
  height: auto;
}
#group_system .how_txt {
  text-align: left;
}
#group_system .how_catch {
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#group_system .how_catch span.bg_bb {
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  font-weight: bold;
  background: linear-gradient(0deg, #fcc603 10px, transparent 10px);
}
#group_system .how .whatMap_img {
  margin-bottom: 40px;
}
#group_system .whatList {
  height: 490px;
}
@media (max-width: 480px) {
  #group_system .whatList {
    height: auto;
  }
}
#group_system .what_movie {
  margin: 50px 0 80px;
}
#group_system .what_movie_catch {
  font-size: 2.2rem;
  color: #fff;
  margin-bottom: 15px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#group_system .what_movie_box {
  width: 960px;
  margin: 0 auto 20px;
  background: #fff;
  padding: 30px 45px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#group_system .what_movie_box:last-child {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #group_system .what_movie_box {
    width: 100%;
    padding: 5%;
  }
}
#group_system .what_movie_box_txt {
  width: 410px;
  text-align: left;
  margin-left: 10px;
}
@media (max-width: 480px) {
  #group_system .what_movie_box_txt {
    width: 100%;
    margin-left: 0;
  }
}
#group_system .what_movie_box_txt h3 {
  font-size: 2.2rem;
  line-height: 1.5;
  margin-bottom: 20px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  #group_system .what_movie_box_txt h3 {
    text-align: center;
  }
}
#group_system .what_movie_box_txt p {
  font-size: 1.4rem;
}
@media (max-width: 480px) {
  #group_system .what_movie_box_txt p {
    margin-bottom: 20px;
  }
}
#group_system .what_movie_box_cnt img {
  width: 412px;
  height: auto;
}
#group_system .whatMap {
  background: rgba(255, 255, 255, 0.1);
  padding: 0;
}
#group_system .whatMap .contents {
  padding-bottom: 40px;
}
@media (max-width: 480px) {
  #group_system .whatMap .contents {
    padding-bottom: 30px;
  }
}
#group_system .whatMap_img {
  background: transparent;
  position: relative;
  pointer-events: none;
  padding: 0;
}
#group_system .whatMap_img .zoom {
  display: none;
}
@media (max-width: 480px) {
  #group_system .whatMap_img {
    pointer-events: inherit;
  }
  #group_system .whatMap_img .zoom {
    display: flex;
  }
}
#group_system .whatGroup .what_txt {
  margin-bottom: 30px;
}
#group_system .whatGroup_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#group_system .whatGroup_box h4 {
  width: 100%;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#group_system .whatGroup_box h5 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30px;
  margin-bottom: 15px;
  border-radius: 30px;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #fff;
}
#group_system .whatGroup_box h5.bl {
  background: #0d6db5;
}
#group_system .whatGroup_box h5.gr {
  background: #0bb794;
}
#group_system .whatGroup_box .flex {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #fff;
  width: 670px;
  padding: 30px;
}
@media (max-width: 480px) {
  #group_system .whatGroup_box .flex {
    width: 100%;
    margin-bottom: 40px;
    padding: 20px;
  }
}
#group_system .whatGroup_box .flex h4 {
  margin-bottom: 20px;
}
#group_system .whatGroup_box_arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 68px;
  width: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@media (max-width: 480px) {
  #group_system .whatGroup_box_arrow {
    position: inherit;
    top: inherit;
    right: inherit;
    bottom: inherit;
    left: inherit;
    transform: rotate(90deg);
  }
}
#group_system .whatGroup_box_arrow-02 {
  right: -24px;
  left: inherit;
}
@media (max-width: 480px) {
  #group_system .whatGroup_box_arrow-02 {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -44px;
  }
}
#group_system .whatGroup_box_list {
  background: #fff;
  width: 260px;
}
@media (max-width: 480px) {
  #group_system .whatGroup_box_list {
    width: 100%;
  }
}
#group_system .whatGroup_box_list dd p {
  font-size: 1.3rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  text-align: left;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
}
#group_system .whatGroup_box_list dd p + p {
  margin-top: 5px;
}
#group_system .whatGroup_box_list-03 {
  width: 320px;
  padding: 30px;
}
@media (max-width: 480px) {
  #group_system .whatGroup_box_list-03 {
    width: 100%;
    padding: 20px;
  }
}
#group_system .whatGroup_box_list-03 h4 {
  margin-bottom: 40px;
}
@media (max-width: 480px) {
  #group_system .whatGroup_box_list-03 h4 {
    margin-bottom: 20px;
  }
}
#group_system .what_catch {
  line-height: 1.4;
  margin-bottom: 30px;
  color: #fcc603;
}
#group_system .what_catch_img {
  margin-bottom: 60px;
}
#group_system .what_feature {
  width: 900px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #group_system .what_feature {
    width: 100%;
  }
}
#group_system .what_feature_li {
  background: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 20px;
  margin-bottom: 20px;
}
#group_system .what_feature_li:last-child {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #group_system .what_feature_li {
    padding: 8px 10px;
    flex-direction: column;
  }
}
#group_system .what_feature_li_number {
  width: 67px;
  height: 67px;
  background: #000;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  font-size: 1.5rem;
  flex-direction: column;
}
@media (max-width: 480px) {
  #group_system .what_feature_li_number {
    margin-bottom: 10px;
  }
}
#group_system .what_feature_li_number span {
  font-size: 1.8rem;
  margin-bottom: -5px;
}
#group_system .what_feature_li_cnt {
  margin-left: 20px;
}
@media (max-width: 480px) {
  #group_system .what_feature_li_cnt {
    margin: 0 20px;
  }
}
#group_system .what_feature_li_cnt_ttl {
  font-size: 2rem;
  text-align: left;
  margin-bottom: 3px;
  padding-top: 5px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 480px) {
  #group_system .what_feature_li_cnt_ttl {
    padding-top: 0;
  }
}
#group_system .what_feature_li_cnt_txt {
  text-align: left;
  font-size: 1.6rem;
}
#group_system .overall .arrowBt {
  margin: 10px auto;
}
#group_system .overall .arrowBt-lg {
  margin: 15px auto 0;
}
#group_system .overall .contents > .bkBox {
  width: 960px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #group_system .overall .contents > .bkBox {
    width: 100%;
  }
}
#group_system .overallCnt {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #group_system .overallCnt {
    margin-bottom: 50px;
  }
}
#group_system .overallCnt-rd {
  margin-bottom: 40px;
}
@media (max-width: 480px) {
  #group_system .overallCnt-rd .scroll {
    width: 100%;
    height: 100%;
    overflow: auto;
    white-space: nowrap;
    padding-bottom: 70px;
  }
  #group_system .overallCnt-rd .scroll > * {
    width: 960px;
  }
  #group_system .overallCnt-rd .scroll .arrowBt {
    width: 68px;
  }
}
#group_system .overallCnt_wrap {
  display: block;
}
#group_system .overallCnt_wrap-bl .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
#group_system .overallCnt_wrap-bl .flex .overallCnt_flow-bl {
  display: block;
  width: 50%;
}
@media (max-width: 480px) {
  #group_system .overallCnt_wrap-bl .flex .overallCnt_flow-bl {
    width: 100%;
    margin-bottom: 10px;
  }
}
#group_system .overallCnt_wrap-bl .flex .overallCnt_flow-bl li {
  width: 100%;
}
#group_system .overallCnt_wrap-bl .flex .overallCnt_flow-bl li + li .ttl {
  margin-top: 8px;
}
@media (max-width: 480px) {
  #group_system .overallCnt_wrap-bl .flex .overallCnt_flow-bl li + li .ttl {
    margin-top: 0;
  }
}
#group_system .overallCnt_wrap-rd .whBox {
  position: relative;
  background: #fff;
  padding: 10px;
  border-radius: 3px;
}
#group_system .overallCnt_wrap-rd .whBox p {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #e54253;
  text-align: center;
}
#group_system .overallCnt_wrap-rd .whBox img {
  display: block;
  width: 68px;
  position: absolute;
  bottom: -31px;
  right: 0;
  left: 0;
  top: inherit;
}
#group_system .overallCnt_wrap-rd-02 {
  display: flex;
}
#group_system .overallCnt_wrap-rd-02 .box {
  width: calc(70% - 15px);
}
#group_system .overallCnt_wrap-rd-02 .box .ttl {
  text-align: center;
}
#group_system .overallCnt_wrap-rd-02 .whBox {
  width: 30%;
  height: 100%;
  margin-top: 40px;
}
#group_system .overallCnt_wrap-rd-02 .whBox:before {
  position: absolute;
  content: "";
  display: block;
  background: #eb974e;
  width: 33px;
  height: 30px;
  top: -30px;
  right: 0;
  left: 0;
  margin: auto;
}
#group_system .overallCnt_wrap-rd-03 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px;
}
#group_system .overallCnt_wrap-rd-03 .whBox {
  width: 30%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#group_system .overallCnt_wrap-rd-03 .whBox:before, #group_system .overallCnt_wrap-rd-03 .whBox:after {
  position: absolute;
  content: "";
  background: #eb974e;
  display: block;
  width: 35px;
  right: 0;
  left: 0;
  margin: auto;
}
#group_system .overallCnt_wrap-rd-03 .whBox:before {
  height: 40px;
  top: -40px;
}
#group_system .overallCnt_wrap-rd-03 .whBox:after {
  width: 35px;
  height: 52px;
  bottom: -52px;
}
#group_system .overallCnt_wrap-rd-03 .whBox img {
  position: absolute;
  display: block;
  width: 72px;
  right: 0;
  left: 0;
  top: inherit;
  bottom: -62px;
  margin-left: auto;
  margin-right: auto;
}
#group_system .overallCnt_wrap-rd-03 .whBox-02 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  width: calc(70% - 15px);
  background: #fff;
  padding: 20px;
}
#group_system .overallCnt_wrap-rd-03 .whBox-02:after {
  position: absolute;
  content: "";
  background: #eb974e;
  display: block;
  width: 35px;
  height: 52px;
  right: 0;
  left: 0;
  bottom: -52px;
  margin: auto;
}
#group_system .overallCnt_wrap-rd-03 .whBox-02 img {
  position: absolute;
  display: block;
  width: 71px;
  right: 0;
  left: 0;
  bottom: -62px;
  margin-left: auto;
  margin-right: auto;
}
#group_system .overallCnt_wrap-rd-03 .whBox-02 .inner {
  width: calc(50% - 20px);
  background: #fbe1de;
}
#group_system .overallCnt_wrap-rd-03 .whBox-02 .inner h5 {
  background: #fff;
  margin-bottom: 0;
  padding-bottom: 15px;
}
#group_system .overallCnt_wrap-rd-03 .whBox-02 .inner > div {
  padding: 15px;
}
#group_system .overallCnt_wrap-rd-03 .whBox-02 .inner > div h6 {
  margin-bottom: 15px;
  color: #e54253;
  text-align: center;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#group_system .overallCnt_wrap-rd-03 .whBox-02 .inner-arrow {
  width: 40px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#group_system .overallCnt_wrap-rd-03 .whBox-02 .inner-arrow img {
  position: absolute;
  display: block;
  width: 50px;
  height: 16px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(-90deg);
}
#group_system .overallCnt_wrap-rd-03 .whBox-02 .inner-02 li p {
  background: #fff;
  border: solid 1px #e54253;
  color: #e54253;
  justify-content: center;
}
#group_system .overallCnt_wrap-rd-03 .whBox-02 .inner-03 {
  position: relative;
  width: 100%;
  background: #fff;
  margin-top: 15px;
}
#group_system .overallCnt_wrap-rd-03 .whBox-02 .inner-03 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#group_system .overallCnt_wrap-rd-03 .whBox-02 .inner-03 ul li {
  width: calc(50% - 50px);
  margin: 0 15px;
}
#group_system .overallCnt_wrap-rd-03 .whBox-02 .inner-03 ul li .ttl {
  height: 100%;
  justify-content: center;
}
#group_system .overallCnt_wrap-rd-03 .whBox-02 .inner-03 ul li .ttl-02 {
  background: #fff;
  margin: 0 15px 0 0;
  border: solid 1px #e54253;
  color: #e54253;
  justify-content: center;
}
#group_system .overallCnt_wrap-rd-03 .whBox-02 .inner-03 img {
  transform: rotate(-90deg);
  display: block;
  top: 0;
  bottom: 0;
  width: 50px;
  height: 16px;
  margin: auto;
}
#group_system .overallCnt_wrap-gr {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#group_system .overallCnt_wrap-gr div {
  width: 100%;
  background: #fff;
  padding: 20px;
}
#group_system .overallCnt_wrap-gr .overallCnt_img-gr {
  position: relative;
  background: #e9e9e9;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 35%;
  margin-bottom: 25px;
  padding: 0;
  text-align: center;
}
@media (max-width: 480px) {
  #group_system .overallCnt_wrap-gr .overallCnt_img-gr {
    margin-bottom: 20px;
  }
}
#group_system .overallCnt_wrap-gr .overallCnt_img-gr:before {
  background: #eb974e;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  content: "";
  width: 32px;
  height: 90%;
  display: block;
  margin: auto;
}
@media (max-width: 480px) {
  #group_system .overallCnt_wrap-gr .overallCnt_img-gr:before {
    width: 34px;
    height: 95%;
  }
}
#group_system .overallCnt_wrap-gr .overallCnt_img-gr img {
  width: 68px;
}
@media (max-width: 480px) {
  #group_system .overallCnt_wrap-gr .overallCnt_img-gr img {
    width: 71px;
  }
}
#group_system .overallCnt_flow-bl.flex li, #group_system .overallCnt_flow-gr.flex li {
  width: 33%;
  width: calc(calc(100% / 3) - calc(16px / 3));
  height: auto;
}
@media (max-width: 480px) {
  #group_system .overallCnt_flow-bl.flex li, #group_system .overallCnt_flow-gr.flex li {
    width: 100%;
  }
  #group_system .overallCnt_flow-bl.flex li + li, #group_system .overallCnt_flow-gr.flex li + li {
    margin-top: 10px;
  }
}
#group_system .overallCnt_flow-bl.flex li p, #group_system .overallCnt_flow-gr.flex li p {
  flex-wrap: wrap;
  margin-top: 0;
}
#group_system .overallCnt_flow-bl.flex li p span, #group_system .overallCnt_flow-gr.flex li p span {
  display: block;
  width: 90%;
  text-align: right;
}
#group_system .overallCnt_flow-bl.flex li p {
  height: 100%;
}
#group_system .overallCnt_flow-rd .txt {
  background: #fff;
  border-radius: 0 0 3px 3px;
  line-height: 1.4;
  margin: 0;
  padding: 9px 10px;
  width: 100%;
  text-align: center;
}
#group_system .overallCnt_flow-rd .txt span {
  position: relative;
  background: #fbe1de;
  display: inline-block;
  padding: 8px 20px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #e54253;
  text-align: center;
  border-radius: 3px;
}
#group_system .overallCnt_flow-rd .txt span + span {
  margin-left: 20px;
}
#group_system .overallCnt_flow-rd .txt span + span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #e54253;
}
#group_system .overallCnt_flow-gr-02.flex {
  width: 65%;
  height: 100%;
  padding-top: 15px;
}
@media (max-width: 480px) {
  #group_system .overallCnt_flow-gr-02.flex {
    margin-bottom: 20px;
  }
}
#group_system .overallCnt_flow-gr-02.flex li {
  width: 49%;
  width: calc(calc(100% / 2) - 4px);
  height: 100% !important;
}
@media (max-width: 480px) {
  #group_system .overallCnt_flow-gr-02.flex li {
    width: 100%;
  }
}
#group_system .overallCnt_flow-gr-02.flex li .ttl {
  border-radius: 3px 3px 0 0;
}
#group_system .overallCnt_flow-gr-02.flex li .txt {
  background: #fff;
  border-radius: 0 0 3px 3px;
  line-height: 1.4;
  padding: 9px 10px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 480px) {
  #group_system .overallCnt_flow-gr-02.flex li .txt {
    margin-bottom: 0;
  }
}
#group_system .project {
  width: 900px;
  margin: 0 auto;
  border: 1px solid #000;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
}
@media (max-width: 480px) {
  #group_system .project {
    width: 90%;
    padding: 5%;
  }
}
#group_system .project + .project {
  margin-top: 40px;
}
#group_system .project_ttl {
  margin: 0 auto 20px;
  font-size: 3rem;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.2;
}
#group_system .project_catch {
  font-size: 1.6rem;
  margin-bottom: 10px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#group_system .project img {
  margin: 0 auto 10px;
}
#group_system .project ul {
  width: 810px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #group_system .project ul {
    width: 100%;
  }
}
#group_system .project ul li {
  font-size: 1.3rem;
  line-height: 1.5;
  text-align: left;
}
#group_system .project .ex_txt {
  width: 810px;
  margin: 0 auto;
  font-size: 1.2rem;
  text-align: left;
}
@media (max-width: 480px) {
  #group_system .project .ex_txt {
    width: 100%;
  }
}

#dxservice #breadcrumb {
  position: relative;
  background: #fff;
  z-index: 3;
}
#dxservice .main {
  background: #29A7E1;
  height: auto;
  padding-bottom: 30px;
}
@media (max-width: 480px) {
  #dxservice .main_sp {
    position: absolute;
    top: 90px;
    right: 0;
    width: 230px;
    z-index: 1;
  }
}
#dxservice .main .contents {
  background: #29A7E1;
  height: auto;
}
@media (max-width: 480px) {
  #dxservice .main .contents {
    order: 0;
    padding: 40px 0 0;
  }
}
#dxservice .main_logo {
  top: -20px;
  right: 50%;
}
@media (max-width: 480px) {
  #dxservice .main_logo {
    top: -30px;
    right: 5%;
  }
}
#dxservice .main_box {
  position: absolute;
  top: -60px;
  right: 45%;
  transform: translateX(100%);
  width: 730px;
  z-index: 1;
}
#dxservice .main_box_01 {
  width: 100%;
}
#dxservice .main_box_02 {
  position: absolute;
  top: 435px;
  right: 265px;
  width: 180px;
}
#dxservice .main_bg {
  position: absolute;
  top: -60px;
  right: -100px;
  width: 730px;
  z-index: 1;
}
@media (max-width: 480px) {
  #dxservice .main_bg {
    top: 90px;
    right: 0;
    width: 230px;
    z-index: 1;
  }
}
#dxservice .main_img {
  position: absolute;
  top: 370px;
  right: 170px;
  width: 179px;
  z-index: 2;
}
#dxservice .main .ttl {
  background: #fff;
  text-shadow: none;
  padding: 15px 0;
  position: relative;
  z-index: 0;
}
@media (max-width: 480px) {
  #dxservice .main .ttl {
    margin-bottom: 0;
  }
}
#dxservice .main .ttl span {
  display: block;
  margin: 0 auto;
  width: 1024px;
  text-align: left;
  font-size: 3.6rem;
  color: #00aeef;
  line-height: 1.3;
  font-family: "ヒラギノUD明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 480px) {
  #dxservice .main .ttl span {
    font-size: 2.8rem;
    padding: 0 5%;
    width: 100%;
  }
}
#dxservice .sub {
  width: 1024px;
  margin: 20px auto 10px;
}
@media (max-width: 480px) {
  #dxservice .sub {
    width: 90%;
    position: relative;
    z-index: 1;
  }
}
#dxservice .sub_txt {
  margin-bottom: 30px;
}
#dxservice .sub_txt p {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 10px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#dxservice .sub_txt p:last-child {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #dxservice .sub_txt p {
    text-shadow: 0 0 5px #000;
  }
}
#dxservice .sub_txt p span {
  font-size: 2rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  font-family: "ヒラギノUD明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 480px) {
  #dxservice .sub_txt p span {
    font-size: 1.8rem;
  }
}
#dxservice .sub_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#dxservice .sub_flex_box {
  width: calc(100% / 3 - 10px);
}
@media (max-width: 480px) {
  #dxservice .sub_flex_box {
    width: 100%;
    margin-bottom: 30px;
  }
  #dxservice .sub_flex_box:last-child {
    margin-bottom: 0;
  }
}
#dxservice .sub_flex_box .flex_ttl {
  background: #fff;
  padding: 15px 10px;
  font-size: 2.6rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #58595b;
  line-height: 1;
  border-bottom: 1px solid #56cbf2;
}
#dxservice .sub_flex_box .flex_cnt {
  background: #fff;
}
#dxservice .sub_flex_box .flex_cnt * {
  color: #58595B;
}
#dxservice .sub_flex_box .flex_cnt .note {
  padding: 10px 10px 0;
  font-size: 1.4rem;
}
#dxservice .sub_flex_box .flex_cnt .inner_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px;
  height: 116px;
}
@media (max-width: 480px) {
  #dxservice .sub_flex_box .flex_cnt .inner_flex {
    height: auto;
    padding-bottom: 20px;
  }
}
#dxservice .sub_flex_box .flex_cnt .inner_flex_ttl {
  width: 50px;
  height: 50px;
  background: #58595b;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#dxservice .sub_flex_box .flex_cnt .inner_flex_ttl span {
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.2;
}
#dxservice .sub_flex_box .flex_cnt .inner_flex_txt {
  width: calc(100% - 60px);
  padding-left: 1em;
}
#dxservice .sub_flex_box .flex_cnt .inner_flex_txt span {
  display: block;
  position: relative;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#dxservice .sub_flex_box .flex_cnt .inner_flex_txt span:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: #56cbf2;
  border-radius: 50%;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
}
#dxservice .sub_flex_box .flex_cnt .inner_flex.bg_sb {
  background: #eaf6fd;
  height: 276px;
}
@media (max-width: 480px) {
  #dxservice .sub_flex_box .flex_cnt .inner_flex.bg_sb {
    height: auto;
  }
}
#dxservice .sub_flex_box .flex_cnt .inner_flex_ul {
  width: calc(100% - 60px);
}
#dxservice .sub_flex_box .flex_cnt .inner_flex_ul li {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.4;
  margin-top: 5px;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  font-weight: bold;
}
#dxservice .sub_flex_box .flex_cnt .inner_flex_note {
  width: 100%;
  margin-top: 10px;
}
#dxservice .sub_flex_box .flex_cnt .inner_flex_note p {
  font-size: 1.3rem;
  line-height: 1.5;
}
#dxservice .sub .ex_text {
  margin-top: 5px;
  color: #fff;
}
#dxservice .contactBox {
  padding: 85px 0 0;
}
@media (max-width: 480px) {
  #dxservice .contactBox {
    padding: 60px 0;
  }
}
#dxservice .contactBox .request {
  width: 1024px;
  margin: 0 auto;
  padding: 40px 0;
  background: #fff2e7;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
@media (max-width: 480px) {
  #dxservice .contactBox .request {
    width: 100%;
  }
}
#dxservice .contactBox .request li {
  display: inline-block;
  margin: 0 10px;
}
#dxservice .contactBox .request .btn {
  display: table-cell;
  width: 390px;
  height: 94px;
  line-height: 1;
  font-size: 20px;
  border-bottom: 4px solid #e76905;
  border-radius: 5px;
  vertical-align: middle;
  margin: 0;
  padding: 6px 10px;
  color: #fff !important;
  background: #fe7d17;
  text-decoration: none !important;
  text-shadow: 0 0 !important;
}
#dxservice .contactBox .request .btn span {
  text-shadow: 0px -1px 1px #e76905, 0px 1px 1px #fe7d17;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
#dxservice .contactBox .request .caption1 {
  font-size: 14px;
}
#dxservice .contactBox .request .caption2 {
  font-size: 12px;
}
#dxservice .contactBox .request .number.nofc {
  padding-left: 0;
  background: none;
  margin: 2px 0;
  font-size: 32px;
  font-family: 'Arial','Tahoma',sans-serif;
}

#dxservice .pagetop {
  width: 1024px;
  text-align: right;
  margin: 20px auto 120px;
  font-size: 1.4rem;
}
#dxservice .pagetop a {
  color: #00a0e9;
}
#dxservice .pagetop a i {
  font-size: 2.4rem;
  vertical-align: -0.15em;
  margin-right: 5px;
}

#personnel .main {
  background: url("img/bg_mian_personnel.jpg") center center no-repeat;
  background-size: cover;
}
#personnel .how .contents {
  padding: 50px 82px 75px;
}
@media (max-width: 480px) {
  #personnel .how .contents {
    padding: 30px 30px 50px;
  }
}
#personnel .how_txt + * {
  margin-top: 30px;
}
#personnel .whatList {
  margin: 0 auto 70px;
}
#personnel .whatBuild {
  background: #fff;
  width: 960px;
  margin: 0 auto;
  padding: 35px 70px 60px;
}
@media (max-width: 480px) {
  #personnel .whatBuild {
    width: 100%;
    height: auto;
    padding: 30px 15px;
  }
}
#personnel .whatBuild * {
  color: #000;
}
#personnel .whatBuild .zoom_img {
  pointer-events: none;
}
@media (max-width: 480px) {
  #personnel .whatBuild .zoom_img {
    pointer-events: inherit;
  }
}
#personnel .whatBuild .zoom_img p {
  color: #fff;
}
#personnel .whatBuild .zoom_img a .zoom {
  display: none;
}
@media (max-width: 480px) {
  #personnel .whatBuild .zoom_img a .zoom {
    display: flex;
  }
}
#personnel .whatBuild .ttl {
  font-size: 2.2rem;
}
#personnel .whatBuild_list {
  background: #f3f1f0;
  border-radius: 10px;
  border: solid 2px #297fb8;
}
#personnel .whatBuild_list dt {
  position: relative;
  background: #297fb8;
  padding: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  text-align: center;
  color: #fff;
  border-radius: 5px 5px 0 0;
}
#personnel .whatBuild_list dt .number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #297fb8;
  position: absolute;
  top: -18px;
  right: 0;
  left: 0;
  margin: auto;
  font-size: 1.8rem;
  font-family: stix-two-math, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #fff;
  border-radius: 50%;
}
#personnel .whatBuild_list dd {
  padding: 10px 20px;
  font-size: 1.4rem;
  border-top: solid 2px #297fb8;
}
#personnel .whatBuild_list dd ul li {
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}
#personnel .whatBuild_list dd ul li span {
  font-size: 1.2rem;
}
#personnel .whatBuild_list dd p {
  font-size: 1.4rem;
}
@media (max-width: 480px) {
  #personnel .whatBuild_list {
    width: 100%;
  }
}
#personnel .whatBuild_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
#personnel .whatBuild_box-01 {
  width: 340px;
}
#personnel .whatBuild_box-01 .zoom_img {
  margin-top: 15px;
}
#personnel .whatBuild_box-02 {
  width: 94px;
}
#personnel .whatBuild_box-02 p {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 75px;
  background: #297fb8;
  margin-bottom: 20px;
  color: #fff;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#personnel .whatBuild_box-02 p:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -7px;
  border: 7px solid transparent;
  border-top: 14px solid #297fb8;
}
#personnel .whatBuild_box-02 .arrow {
  display: none;
}
@media (max-width: 480px) {
  #personnel .whatBuild_box-02 {
    width: 70%;
    margin: 0 auto;
  }
  #personnel .whatBuild_box-02 .arrow {
    display: block;
    margin: 0 auto;
  }
  #personnel .whatBuild_box-02 p {
    height: auto;
    margin: 15px auto;
    padding: 10px 20px;
  }
  #personnel .whatBuild_box-02 p:before {
    content: none;
  }
  #personnel .whatBuild_box-02 img {
    display: none;
  }
}
#personnel .whatBuild_box-03 {
  width: 340px;
}
#personnel .whatBuild_txt {
  margin: 40px 0 20px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  #personnel .whatBuild_txt {
    margin-top: 20px;
  }
}
#personnel .whatBuild_element .js-smartPhoto > img {
  border: solid 2px #ccc;
}
#personnel .overallCnt-bl {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #personnel .overallCnt-bl {
    margin-bottom: 50px;
    padding: 30px 15px;
  }
}
#personnel .overallCnt_wrap {
  margin: 0 16px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap {
    width: 100%;
    margin: 0 auto;
  }
}
#personnel .overallCnt_wrap-bl01 {
  position: relative;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl01 {
    width: 100%;
  }
}
#personnel .overallCnt_wrap-bl01 .overallCnt_cnt {
  width: 530px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl01 .overallCnt_cnt {
    width: 100%;
    margin-bottom: 20px;
  }
}
#personnel .overallCnt_wrap-bl01 .overallCnt_flow {
  width: 100%;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_flow li {
  width: 250px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl01 .overallCnt_flow li {
    width: 100%;
  }
  #personnel .overallCnt_wrap-bl01 .overallCnt_flow li + li {
    margin-top: 23px;
  }
}
#personnel .overallCnt_wrap-bl01 .overallCnt_flow .ttl {
  margin-bottom: 10px;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_flow .txt {
  width: 100%;
  padding-left: 1em;
  text-indent: -1em;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_flow-02 li {
  width: 100%;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_box {
  width: 290px;
  margin: 10px auto 0;
  text-align: center;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_box p {
  font-size: 1.5rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_box p span {
  display: block;
  font-size: 1rem;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl01 .overallCnt_box {
    width: 100%;
  }
  #personnel .overallCnt_wrap-bl01 .overallCnt_box p {
    position: relative;
    padding-top: 20px;
    border-top: solid 2px #297fb8;
  }
  #personnel .overallCnt_wrap-bl01 .overallCnt_box p:after {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    border-top-color: #297fb8;
    border-bottom-width: 0;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  #personnel .overallCnt_wrap-bl01 .overallCnt_box img {
    display: none;
  }
}
#personnel .overallCnt_wrap-bl01 .overallCnt_txt {
  width: 100%;
  margin: 15px 0;
  text-align: center;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_note {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  margin: 15px auto 0;
  padding-top: 25px;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_note p {
  display: inline-block;
  background: #69318f;
  padding: 2px 10px;
  font-size: 1.5rem;
  color: #fff;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl01 .overallCnt_note p {
    width: 100%;
    text-align: center;
  }
}
#personnel .overallCnt_wrap-bl01 .overallCnt_note div {
  display: inline-block;
  width: 15px;
  height: 20px;
  margin: 0 10px;
  border-top: solid 2px #69318f;
  border-bottom: solid 2px #69318f;
  border-left: solid 2px #69318f;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl01 .overallCnt_note div {
    display: none;
  }
}
#personnel .overallCnt_wrap-bl01 .overallCnt_note ul {
  display: inline-block;
  vertical-align: middle;
}
#personnel .overallCnt_wrap-bl01 .overallCnt_note ul li {
  font-size: 1.3rem;
  color: #69318f;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  line-height: 1.4;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl01 .overallCnt_note ul {
    width: 100%;
    padding: 10px;
    border: solid 2px #69318f;
  }
  #personnel .overallCnt_wrap-bl01 .overallCnt_note ul li {
    padding-left: 1em;
    text-indent: -1em;
  }
}
#personnel .overallCnt_wrap-bl01 .overallCnt_note:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 33px solid transparent;
  border-right: 33px solid transparent;
  border-top: 15px solid #69318f;
}
#personnel .overallCnt_wrap-bl01 .roundList-wh {
  width: 400px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl01 .roundList-wh {
    width: 100%;
  }
  #personnel .overallCnt_wrap-bl01 .roundList-wh + .roundList-wh {
    margin-top: 10px;
  }
}
#personnel .overallCnt_wrap-bl02 .overallCnt {
  width: 100%;
}
#personnel .overallCnt_wrap-bl02 .overallCnt_cnt {
  width: 530px;
}
#personnel .overallCnt_wrap-bl02 .overallCnt_cnt h5 {
  margin: 0 auto 15px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl02 .overallCnt_cnt {
    width: 100%;
    margin-bottom: 20px;
  }
  #personnel .overallCnt_wrap-bl02 .overallCnt_cnt h5 {
    margin: 0 auto 10px;
  }
}
#personnel .overallCnt_wrap-bl02 .overallCnt_txt {
  width: 100%;
  margin: 15px 0 30px;
  text-align: center;
}
#personnel .overallCnt_wrap-bl02 .overallCnt_exs {
  margin: 20px auto 0;
}
@media (min-width: 769px) {
  #personnel .overallCnt_wrap-bl02 .overallCnt_exs .js-smartPhoto {
    pointer-events: none;
  }
  #personnel .overallCnt_wrap-bl02 .overallCnt_exs .zoom {
    display: none;
  }
}
#personnel .overallCnt_wrap-bl02 .roundList-wh {
  width: 263px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
}
#personnel .overallCnt_wrap-bl02 .roundList-wh dt {
  padding-top: 24px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl02 .roundList-wh {
    width: 100%;
  }
  #personnel .overallCnt_wrap-bl02 .roundList-wh + .roundList-wh {
    margin-top: 25px;
  }
}
#personnel .overallCnt_wrap-bl03 .overallCnt {
  width: 100%;
}
#personnel .overallCnt_wrap-bl03 .overallCnt_cnt {
  width: 420px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl03 .overallCnt_cnt {
    width: 100%;
    margin-bottom: 20px;
  }
}
#personnel .overallCnt_wrap-bl03 .overallCnt_txt {
  width: 100%;
  margin: 15px 0 30px;
  text-align: center;
}
#personnel .overallCnt_wrap-bl03 .overallCnt_exs {
  margin: 20px auto 0;
}
@media (min-width: 769px) {
  #personnel .overallCnt_wrap-bl03 .overallCnt_exs .js-smartPhoto {
    pointer-events: none;
  }
  #personnel .overallCnt_wrap-bl03 .overallCnt_exs .zoom {
    display: none;
  }
}
#personnel .overallCnt_wrap-bl03 .roundList-wh {
  width: 263px;
}
#personnel .overallCnt_wrap-bl03 .roundList-wh dt {
  padding-top: 24px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl03 .roundList-wh {
    width: 100%;
  }
  #personnel .overallCnt_wrap-bl03 .roundList-wh + .roundList-wh {
    margin-top: 25px;
  }
}
#personnel .overallCnt_wrap-bl04 .overallCnt {
  width: 100%;
}
#personnel .overallCnt_wrap-bl04 .overallCnt_flow {
  width: 100%;
  margin-bottom: 30px;
}
#personnel .overallCnt_wrap-bl04 .overallCnt_flow li {
  width: calc(calc(100% - 20px) /  3);
  height: auto;
}
#personnel .overallCnt_wrap-bl04 .overallCnt_flow li:nth-child(n+4) {
  margin-top: 8px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl04 .overallCnt_flow li {
    width: 100%;
  }
  #personnel .overallCnt_wrap-bl04 .overallCnt_flow li + li {
    margin-top: 8px;
  }
}
#personnel .overallCnt_wrap-bl04 .overallCnt_flow:after {
  content: "";
  display: block;
  width: calc(calc(100% - 20px) /  3);
}
#personnel .overallCnt_wrap-bl04 .overallCnt_flow .ttl {
  padding-left: 2em;
  justify-content: flex-start;
  text-align: left;
  text-indent: -1em;
}
#personnel .overallCnt_wrap-bl04 .overallCnt_box {
  position: relative;
  background: #fff;
  padding: 10px 20px 20px;
  border-radius: 10px;
  border: solid 2px #69318f;
  text-align: center;
  padding: 10px 15px;
}
#personnel .overallCnt_wrap-bl04 .overallCnt_box h3 {
  margin-bottom: 10px;
  color: #69318f;
  font-size: 1.4rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (min-width: 769px) {
  #personnel .overallCnt_wrap-bl04 .overallCnt_box .zoom_img, #personnel .overallCnt_wrap-bl04 .overallCnt_box .js-smartPhoto {
    pointer-events: none;
  }
  #personnel .overallCnt_wrap-bl04 .overallCnt_box .zoom {
    display: none;
  }
}
#personnel .overallCnt_wrap-bl04 .overallCnt_box-01 {
  width: 495px;
}
#personnel .overallCnt_wrap-bl04 .overallCnt_box-01 h3 {
  position: absolute;
  top: 10px;
  left: 15px;
  z-index: 2;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl04 .overallCnt_box-01 {
    width: 100%;
  }
  #personnel .overallCnt_wrap-bl04 .overallCnt_box-01 h3 {
    position: inherit;
    top: inherit;
    left: inherit;
  }
}
#personnel .overallCnt_wrap-bl04 .overallCnt_box-02 {
  background: #e5ebee;
  width: 307px;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl04 .overallCnt_box-02 {
    width: 100%;
    margin-top: 10px;
  }
}
#personnel .overallCnt_wrap-bl05 .overallCnt {
  width: 100%;
}
#personnel .overallCnt_wrap-bl05 .overallCnt_flow {
  width: 100%;
}
#personnel .overallCnt_wrap-bl05 .overallCnt_flow li {
  width: calc(calc(100% - 20px) /  3);
  height: auto;
}
@media (max-width: 480px) {
  #personnel .overallCnt_wrap-bl05 .overallCnt_flow li {
    width: 100%;
  }
  #personnel .overallCnt_wrap-bl05 .overallCnt_flow li + li {
    margin-top: 8px;
  }
}
#personnel .overallCnt_wrap-bl05 .overallCnt_flow .ttl {
  padding-left: 2em;
  justify-content: flex-start;
  text-align: left;
  text-indent: -1em;
}
#personnel .overallCnt-rd .ttl-half h4 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 15px;
  border: solid 2px #e54253;
  color: #e54253;
}
#personnel .overallCnt-rd .ttl-half h4:before, #personnel .overallCnt-rd .ttl-half h4:after {
  background: #e54253;
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
}
#personnel .overallCnt-rd .ttl-half h4:after {
  background: #fbe1de;
  width: 4px;
  height: 120%;
}
#personnel .overallCnt-rd .ttl-half h4 span {
  width: 50%;
  display: block;
  text-align: center;
  font-family: "ヒラギノ明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#personnel .overallCnt-rd .overallCnt_wrap {
  width: 820px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #personnel .overallCnt-rd .overallCnt_wrap {
    width: 100%;
  }
}
#personnel .overallCnt-rd .overallCnt_wrap h5 {
  width: 100%;
}
#personnel .overallCnt-rd .overallCnt_flow {
  width: 100%;
  margin: 0 auto 30px;
}
@media (max-width: 480px) {
  #personnel .overallCnt-rd .overallCnt_flow {
    margin: 0 auto 20px;
  }
}
#personnel .overallCnt-rd .overallCnt_flow li {
  width: calc(calc(100% - 25px) / 4);
}
@media (max-width: 480px) {
  #personnel .overallCnt-rd .overallCnt_flow li {
    width: calc(calc(100% - 10px) / 2);
  }
  #personnel .overallCnt-rd .overallCnt_flow li:nth-child(n+3) {
    margin-top: 10px;
  }
}
#personnel .overallCnt-rd .overallCnt_box {
  width: 400px;
  background: #fff;
  padding: 10px 20px;
  border: solid 1px #e54253;
  border-radius: 10px;
}
@media (max-width: 480px) {
  #personnel .overallCnt-rd .overallCnt_box {
    width: 100%;
    margin-bottom: 20px;
  }
}
#personnel .overallCnt-rd .overallCnt_box h5 {
  margin-bottom: 10px;
  font-size: 1.4rem;
}
#personnel .overallCnt-rd .overallCnt_box p {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 25px;
}
@media (max-width: 480px) {
  #personnel .overallCnt-rd .overallCnt_box p {
    margin-bottom: 10px;
  }
}
#personnel .overallCnt-rd .overallCnt .zoom_img p {
  font-size: 1.2rem;
}
#personnel .overallCnt-rd .overallCnt_cnt {
  position: relative;
  width: 400px;
}
@media (max-width: 480px) {
  #personnel .overallCnt-rd .overallCnt_cnt {
    width: 100%;
  }
}
#personnel .overallCnt-rd .overallCnt_cnt p {
  margin-top: 20px;
}
#personnel .overallCnt-rd .overallCnt_cnt .bkBox {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 480px) {
  #personnel .overallCnt-rd .overallCnt_cnt .bkBox {
    position: inherit;
    bottom: inherit;
    right: inherit;
    margin-top: 15px;
  }
}

#brandpromo .main {
  background: url("img/bg_main_brandpromo.jpg") center center no-repeat;
  background-size: cover;
}
@media (max-width: 480px) {
  #brandpromo .main {
    background: url("img/bg_main_brandpromo.jpg") center center no-repeat;
    background-size: cover;
  }
}
#brandpromo .mainLink_list li {
  width: calc(100% / 4);
}
@media (max-width: 480px) {
  #brandpromo .mainLink_list li:nth-child(2n):before {
    position: absolute;
    content: "";
    background: #ccc;
    position: absolute;
    width: 1px;
    height: 75%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  #brandpromo .mainLink_list li:nth-child(-n+2):after {
    position: absolute;
    content: "";
    background: #ccc;
    position: absolute;
    width: 90%;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}
#brandpromo .main .ttl {
  margin: 0 auto;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3.6rem;
  text-align: center;
  line-height: 1.3;
  /*span{
      display: block;
      margin-top: 30px;
      @include mincho;
      font-size: 2.8rem;
      @include sp{
          margin-top: 20px;
          font-size: 2rem;
      }
  }*/
}
@media (max-width: 480px) {
  #brandpromo .main .ttl {
    margin-bottom: 30px;
    font-size: 2.6rem;
  }
}
#brandpromo .how .contents {
  padding: 50px 50px 40px;
}
@media (max-width: 480px) {
  #brandpromo .how .contents {
    padding: 30px 30px 50px;
  }
}
#brandpromo .how_catch {
  font-size: 1.8rem;
  line-height: 1.8;
  text-align: center;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#brandpromo .how_flex {
  width: 730px;
  margin: 30px auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #brandpromo .how_flex {
    width: 100%;
  }
}
#brandpromo .how_flex_cnt {
  width: 235px;
  height: 115px;
  position: relative;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  #brandpromo .how_flex_cnt {
    width: 155px;
    height: 75px;
    margin-bottom: 10px;
  }
}
#brandpromo .how_flex_cnt img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#brandpromo .how_flex_cnt span {
  position: relative;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
@media (max-width: 480px) {
  #brandpromo .how_flex_cnt span {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
#brandpromo .how_flex_cnt span:before {
  content: "";
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  box-sizing: border-box;
  border: 2px solid #fff;
}
#brandpromo .how_txt {
  font-size: 1.6rem;
  line-height: 1.8;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  text-align: center;
}
#brandpromo .whatList {
  height: 482px;
  margin: 0 auto 40px;
}
@media (max-width: 480px) {
  #brandpromo .whatList {
    height: auto;
    margin-bottom: 40px;
  }
}
#brandpromo .what_txt {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.8;
}
#brandpromo .what_promotion {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 682px;
  margin: 20px auto 0;
}
@media (max-width: 480px) {
  #brandpromo .what_promotion {
    width: 100%;
  }
}
#brandpromo .what_promotion * {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic;
  font-weight: bold;
}
#brandpromo .what_promotion_box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 480px) {
  #brandpromo .what_promotion_box {
    flex-direction: inherit;
    margin: 23px auto;
  }
}
#brandpromo .what_promotion_box.box_bl .what_promotion_ttl {
  background: #6DC8EB;
}
#brandpromo .what_promotion_box.box_bl .what_promotion_cnt {
  background: #B3E0F4;
  color: #3E3A39;
}
#brandpromo .what_promotion_box.box_gr .what_promotion_ttl {
  background: #78C497;
}
#brandpromo .what_promotion_box.box_gr .what_promotion_cnt {
  border: 1px dashed #00A29A;
  color: #00A29A;
  position: relative;
}
#brandpromo .what_promotion_box.box_gr .what_promotion_cnt span {
  font-size: 1.7rem;
  color: #fff;
  margin-top: 8px;
}
#brandpromo .what_promotion_box.box_gr .what_promotion_cnt:before, #brandpromo .what_promotion_box.box_gr .what_promotion_cnt:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 20px;
}
@media (max-width: 480px) {
  #brandpromo .what_promotion_box.box_gr .what_promotion_cnt:before, #brandpromo .what_promotion_box.box_gr .what_promotion_cnt:after {
    top: inherit;
    transform: inherit;
  }
}
#brandpromo .what_promotion_box.box_gr .what_promotion_cnt:before {
  background: url("img/arrow_what_brandpromo_l.png");
  background-size: contain;
  left: -46px;
}
@media (max-width: 480px) {
  #brandpromo .what_promotion_box.box_gr .what_promotion_cnt:before {
    left: 50%;
    top: -35px;
    transform: rotate(90deg) translateY(20px);
  }
}
#brandpromo .what_promotion_box.box_gr .what_promotion_cnt:after {
  background: url("img/arrow_what_brandpromo_r.png");
  background-size: contain;
  right: -46px;
}
@media (max-width: 480px) {
  #brandpromo .what_promotion_box.box_gr .what_promotion_cnt:after {
    right: 50%;
    bottom: -35px;
    transform: rotate(90deg) translateY(-20px);
  }
}
#brandpromo .what_promotion_box.box_pk .what_promotion_ttl {
  background: #F19EBC;
}
#brandpromo .what_promotion_box.box_pk .what_promotion_cnt {
  line-height: 1;
  background: #F9D3E0;
  color: #3E3A39;
}
#brandpromo .what_promotion_ttl {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  font-size: 1.7rem;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #fff;
}
@media (max-width: 480px) {
  #brandpromo .what_promotion_ttl {
    height: 100%;
    margin-bottom: 0;
    border-radius: 25px 0 0 25px;
  }
}
#brandpromo .what_promotion_cnt {
  width: 196px;
  height: 155px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 2.3rem;
  line-height: 1.2;
}
@media (max-width: 480px) {
  #brandpromo .what_promotion_cnt {
    border-radius: 0 25px 25px 0;
  }
}
@media (max-width: 480px) {
  #brandpromo .case .contents {
    padding-bottom: 40px;
  }
}
#brandpromo .case .ttl-02 {
  margin-top: 50px;
}
@media (max-width: 480px) {
  #brandpromo .case .ttl-02 {
    margin-top: 30px;
  }
}
#brandpromo .case_box {
  width: 860px;
  background: #fff;
  margin: 0 auto 55px;
  padding: 40px 40px 50px;
}
@media (max-width: 480px) {
  #brandpromo .case_box {
    width: 100%;
    margin: 0 auto 40px;
    padding: 40px 20px 50px;
  }
}
#brandpromo .case_box_main {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#brandpromo .case_box_main_industry {
  width: 140px;
  height: 140px;
  background: url(/t/common/img_2019/dot_black.gif);
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #brandpromo .case_box_main_industry {
    margin: 0 auto 20px;
    width: 40%;
    height: auto;
    min-height: 122px;
  }
}
#brandpromo .case_box_main_img {
  width: 210px;
  height: auto;
}
@media (max-width: 480px) {
  #brandpromo .case_box_main_img {
    width: 60%;
    height: auto;
    margin: 0 auto 20px;
  }
}
#brandpromo .case_box_main_list {
  width: 620px;
}
#brandpromo .case_box_main_list.list02 {
  width: 400px;
}
#brandpromo .case_box_main_list_txt {
  margin-bottom: 10px;
}
#brandpromo .case_box_main_list_txt span {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#brandpromo .case_box_main_list_point {
  font-size: 1.4rem;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#brandpromo .case_box_main_list_point_txt_single {
  width: 100%;
}
#brandpromo .case_box_cnt {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#brandpromo .case_box_cnt_wrap {
  width: 360px;
  background: #e9e9e9;
}
#brandpromo .case_box_cnt_wrap.case_arrow {
  position: relative;
}
@media (max-width: 480px) {
  #brandpromo .case_box_cnt_wrap.case_arrow {
    margin-bottom: 40px;
  }
}
#brandpromo .case_box_cnt_wrap.case_arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -50px;
  border-left: 20px solid #fcc603;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  transform: translate(-50%, -50%);
}
@media (max-width: 480px) {
  #brandpromo .case_box_cnt_wrap.case_arrow:before {
    top: inherit;
    right: 50%;
    bottom: -30px;
    border-left: 10px solid transparent;
    border-bottom: none;
    border-top: 20px solid #fcc603;
    border-right: 10px solid transparent;
    transform: inherit;
  }
}
#brandpromo .case_box_cnt_wrap_ttl {
  width: 100%;
  height: 32px;
  background: #34495e;
  color: #fff;
  margin-bottom: 20px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#brandpromo .case_box_cnt_wrap_ttl.ttl_green {
  background: #00896d;
}
#brandpromo .case_box_cnt_wrap_sub {
  padding: 0 20px 20px;
}
#brandpromo .case_box_cnt_wrap_sub_txt {
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 20px;
}
#brandpromo .case_box_cnt_wrap_sub_txt span {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#brandpromo .case_box_cnt_wrap_sub_txt .sub_indent {
  padding-left: 1em;
}
#brandpromo .case_box_cnt_wrap_sub_txt p {
  padding-left: 1em;
}
#brandpromo .case_box_cnt_wrap_sub img {
  margin-top: 20px;
}
#brandpromo .case_box_cnt_wrap_sub_box {
  margin-top: 30px;
  padding: 10px 20px;
  font-size: 1.4rem;
  line-height: 22px;
  background: #fff;
}
#brandpromo .case_box_ttl {
  width: 100%;
  height: 32px;
  background: #34495e;
  font-weight: bold;
  color: #fff;
  margin: 30px 0 20px;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#brandpromo .case_box_txt {
  margin-bottom: 15px;
  padding: 0 10px;
}
#brandpromo .case_box_list {
  padding: 0 10px;
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#brandpromo .case_box_list p:nth-last-child {
  margin-bottom: 0;
}
#brandpromo .case_box_list_number {
  color: #fff;
  background: #fcc603;
  font-size: 1.6rem;
  width: 26px;
  height: 26px;
  margin-bottom: 6px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
#brandpromo .case_box_list_txt {
  width: calc(100% - 26px);
  padding-left: 15px;
  margin-bottom: 6px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#brandpromo .caseBlog {
  width: 860px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #brandpromo .caseBlog {
    width: 100%;
  }
}
#brandpromo .case_sub {
  width: 860px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 480px) {
  #brandpromo .case_sub {
    width: 100%;
  }
}
#brandpromo .case_sub label {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 35px;
  cursor: pointer;
  text-align: center;
  background: #e9e9e9;
}
#brandpromo .case_sub label:after {
  line-height: 25px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 50%;
  width: 120px;
  content: "もっと見る";
  transform: translate(-50%, 0);
  color: #fff;
  border-radius: 14px;
  background: #000;
}
#brandpromo .case_sub input {
  display: none;
}
#brandpromo .case_sub input:checked + label {
  background: inherit;
}
#brandpromo .case_sub input:checked + label:after {
  content: "× 閉じる";
}
#brandpromo .case_sub input:checked ~ .case_sub_box {
  height: auto;
  padding-bottom: 30px;
  transition: 0.5s all;
}
#brandpromo .case_sub_box {
  overflow: hidden;
  height: 885px;
  transition: 0.5s all;
}
#brandpromo .case_sub_cnt {
  margin-top: 35px;
  padding-bottom: 45px;
  border-bottom: 1px solid #b3b3b3;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #brandpromo .case_sub_cnt {
    position: relative;
  }
  #brandpromo .case_sub_cnt_pic {
    position: absolute;
    top: 0;
  }
}
#brandpromo .case_sub_cnt:first-child {
  margin-top: 0;
}
#brandpromo .case_sub_cnt:last-child {
  padding-bottom: 35px;
  border: none;
}
#brandpromo .case_sub_cnt_company {
  width: 410px;
}
@media (max-width: 480px) {
  #brandpromo .case_sub_cnt_company {
    width: 100%;
    margin-top: 210px;
  }
}
#brandpromo .case_sub_cnt_company_name {
  font-size: 2.2rem;
  margin-bottom: 15px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#brandpromo .case_sub_cnt_company_ttl {
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#brandpromo .case_sub_cnt_company_cat {
  margin-bottom: 20px;
}
#brandpromo .case_sub_cnt_company_txt {
  line-height: 22px;
}
#brandpromo .case_sub_btn {
  position: relative;
  z-index: 2;
  width: 120px;
  height: 28px;
  border-radius: 14px;
  background: #000;
  color: #fff;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#brandpromo .overall .ttl span {
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.6rem;
}
#brandpromo .overall_image {
  border: 1px solid #999;
  padding: 20px 40px 10px;
  width: 960px;
  margin: 0 auto 50px;
}
@media (max-width: 480px) {
  #brandpromo .overall_image {
    width: 100%;
  }
}
#brandpromo .overall_image a {
  pointer-events: none;
}
#brandpromo .overall_image a .zoom {
  display: none;
}
@media (max-width: 480px) {
  #brandpromo .overall_image a {
    pointer-events: inherit;
  }
  #brandpromo .overall_image a .zoom {
    display: flex;
  }
}
#brandpromo .overall_image .overall_ttl {
  margin-bottom: 15px;
}
#brandpromo .overall_image .overall_subttl {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #brandpromo .overall_image .overall_subttl {
    margin-bottom: 20px;
  }
}
#brandpromo .overall_image_note {
  font-size: 1.2rem;
  margin-top: 10px;
}
#brandpromo .overall_ttl {
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.3;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 30px;
}
#brandpromo .overall_subttl {
  text-align: center;
  font-size: 1.6rem;
  line-height: 28px;
  margin-bottom: 30px;
}
#brandpromo .overall_subttl span {
  padding: 2px 30px;
  border: 1px solid #999;
}
#brandpromo .overallCnt-bl {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #brandpromo .overallCnt-bl {
    margin-bottom: 50px;
  }
}
#brandpromo .overallCnt-rd {
  margin-bottom: 70px;
}
@media (max-width: 480px) {
  #brandpromo .overallCnt-rd {
    margin-bottom: 50px;
  }
}
#brandpromo .overallCnt_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#brandpromo .overallCnt_cnt {
  width: 552px;
}
#brandpromo .overallCnt_cnt-harf {
  width: 422px;
}
#brandpromo .overallCnt_cnt-520 {
  width: 520px;
}
@media (max-width: 480px) {
  #brandpromo .overallCnt_cnt-520 {
    margin-bottom: 20px;
  }
}
#brandpromo .overallCnt_cnt_txt {
  margin-left: 16px;
  margin-right: 16px;
}
@media (max-width: 480px) {
  #brandpromo .overallCnt_cnt_txt {
    margin: 0 0 20px 0;
  }
}
#brandpromo .overallCnt_flow {
  margin: 0 16px 30px;
}
#brandpromo .overallCnt_flow-hg li p.txt:last-child {
  margin-bottom: 15px;
}
#brandpromo .overallCnt_flow-hg li p.txt:nth-child(2) {
  margin-top: 10px;
}
#brandpromo .overallCnt_flow-hg li p.txt span.small {
  display: block;
  font-size: 1.2rem;
  text-indent: -1em;
  padding-left: 1em;
}
#brandpromo .overallCnt_flow-hg li p.txt span.indent {
  display: block;
  padding-left: 2em;
}
#brandpromo .overallCnt_flow-rd {
  margin: 0 16px 20px;
}
@media (max-width: 480px) {
  #brandpromo .overallCnt_flow {
    margin: 0 0 20px;
  }
}
#brandpromo .overallCnt_images {
  width: 246px;
}
@media (max-width: 480px) {
  #brandpromo .overallCnt_images {
    width: 80%;
    margin: 0 auto;
  }
}
#brandpromo .overallCnt .zoom_img {
  width: auto;
}
#brandpromo .overallCnt .zoom_img + .zoom_img {
  margin-top: 25px;
}
#brandpromo .overallCnt .zoom_img p {
  margin: 10px auto 0;
}
#brandpromo .overallCnt_wrap2 {
  width: 830px;
  background: #fff;
  border: 1px solid #808080;
  border-radius: 10px;
  margin: 0 auto;
  padding: 20px 30px 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #brandpromo .overallCnt_wrap2 {
    width: 100%;
    margin-top: 30px;
    padding: 20px 20px 10px;
  }
}
#brandpromo .overallCnt_wrap2 * {
  font-size: 1.2rem;
  line-height: 1.8;
}
#brandpromo .overallCnt_wrap2_cnt {
  width: 360px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#brandpromo .overallCnt_wrap2_cnt_ttl {
  text-align: center;
  background: #C2E5E1;
  line-height: 20px;
  border-radius: 10px;
  width: 100%;
  height: 20px;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#brandpromo .overallCnt_wrap2_cnt ul {
  padding-left: 15px;
  margin-top: 5px;
}
#brandpromo .overallCnt_wrap2_cnt ul.half {
  width: 50%;
}
#brandpromo .overallCnt_wrap2_cnt ul.top {
  margin-bottom: 20px;
}
#brandpromo .overallCnt_wrap2_cnt_plus {
  padding: 3px 15px;
  border: 1px solid #A4D8D2;
  border-radius: 3px;
  margin-top: 2px;
}
@media (max-width: 480px) {
  #brandpromo .overallCnt_wrap2_cnt_plus {
    margin-bottom: 30px;
  }
}
#brandpromo .overallCnt_wrap2_cnt_note {
  width: 100%;
}
@media (max-width: 480px) {
  #brandpromo .overallCnt_wrap2_cnt_note {
    margin-top: 10px;
  }
}
#brandpromo .overallCnt_wrap2_cnt_flex {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#brandpromo .overallCnt_wrap2_cnt_flex p.ex_red {
  width: calc(100% - 120px);
  text-indent: -1em;
  padding-left: 1em;
  color: #f00;
  line-height: 16px;
  margin-top: 70px;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  #brandpromo .overallCnt_wrap2_cnt_flex p.ex_red {
    margin-top: 50px;
  }
}
#brandpromo .overallCnt_wrap3 {
  width: 830px;
  background: #fff;
  border: 1px solid #808080;
  border-radius: 10px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #brandpromo .overallCnt_wrap3 {
    width: 100%;
    margin-top: 30px;
  }
}
#brandpromo .overallCnt_wrap3_topcnt {
  padding: 20px 30px 18px;
  border-bottom: 1px dashed #808080;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #brandpromo .overallCnt_wrap3_topcnt {
    padding: 0 0 18px;
    flex-direction: column;
  }
}
#brandpromo .overallCnt_wrap3_topcnt_point {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #4d4d4d;
  margin-right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  line-height: 15px;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  #brandpromo .overallCnt_wrap3_topcnt_point {
    width: 100%;
    height: 40px;
    border-radius: 10px 10px 0 0;
    margin: 0 0 15px;
  }
}
#brandpromo .overallCnt_wrap3_topcnt_txt {
  width: calc(100% - 120px);
}
@media (max-width: 480px) {
  #brandpromo .overallCnt_wrap3_topcnt_txt {
    width: 90%;
    margin: 0 auto;
  }
}
#brandpromo .overallCnt_wrap3_topcnt_txt .maintxt {
  font-size: 1.6rem;
  line-height: 22px;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #29A6B6;
  margin-bottom: 5px;
}
#brandpromo .overallCnt_wrap3_topcnt_txt .subtxt {
  padding-left: 2em;
  text-indent: -1em;
  font-size: 1.4rem;
}
@media (max-width: 480px) {
  #brandpromo .overallCnt_wrap3_topcnt_txt .subtxt {
    padding-left: 1em;
  }
}
#brandpromo .overallCnt_wrap3_topcnt_txt img {
  display: block;
  width: 52px;
  height: auto;
  margin: 8px auto;
}
#brandpromo .overallCnt_wrap3_topcnt_txt .result {
  text-align: center;
  padding: 8px;
  border: 1px dashed #808080;
}
#brandpromo .overallCnt_wrap3_topcnt_txt .result_main {
  font-size: 1.6rem;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #29A6B6;
}
#brandpromo .overallCnt_wrap3_topcnt_txt .result_sub {
  font-size: 1.3rem;
  line-height: 17px;
}
#brandpromo .overallCnt_wrap3_bottomcnt {
  width: 100%;
  text-align: center;
  font-size: 2rem;
  padding: 10px;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #E54253;
}
#brandpromo .way .sub_ttl {
  font-size: 2.4rem;
  line-height: 1.3;
  color: #29A6B6;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 20px;
}
#brandpromo .way .way2 {
  margin-top: 80px;
}
#brandpromo .way p {
  font-size: 1.6rem;
  line-height: 1.9;
  margin-bottom: 50px;
}
@media (max-width: 480px) {
  #brandpromo .way p {
    margin-bottom: 20px;
    text-align: left;
  }
}
#brandpromo .way a {
  pointer-events: none;
}
#brandpromo .way a .zoom {
  display: none;
}
@media (max-width: 480px) {
  #brandpromo .way a {
    pointer-events: inherit;
  }
  #brandpromo .way a .zoom {
    display: flex;
  }
}
#brandpromo .infoBnr02 {
  margin-top: 20px;
}

#designpromo .main {
  background: url("img/bg_main_designpromo.jpg") center center no-repeat;
  background-size: cover;
}
@media (max-width: 480px) {
  #designpromo .main {
    background: url("img/bg_main_designpromo.jpg") center center no-repeat;
  }
  #designpromo .main .contents {
    padding-top: 60px;
  }
}
#designpromo .main h1.ttl {
  color: #333;
  text-shadow: 4px 4px 8px #fff, -4px -4px 8px #fff, 4px -4px 8px #fff, -4px 4px 8px #fff;
}
#designpromo .main h1 span.sub {
  margin: 0 auto;
  text-align: center;
}
#designpromo .mainLink_list li {
  width: calc(100% / 4);
}
@media (max-width: 480px) {
  #designpromo .mainLink_list li:nth-child(2n):before {
    position: absolute;
    content: "";
    background: #ccc;
    position: absolute;
    width: 1px;
    height: 75%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  #designpromo .mainLink_list li:nth-child(-n+2):after {
    position: absolute;
    content: "";
    background: #ccc;
    position: absolute;
    width: 90%;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}
#designpromo .how {
  text-align: center;
}
#designpromo .how .contents {
  background: url("img/bg_how-01.png") right top no-repeat, url("img/bg_how-02.png") left bottom no-repeat;
}
@media (max-width: 480px) {
  #designpromo .how .contents {
    background-size: 100%;
  }
}
#designpromo .how_arrow {
  width: 81px;
  height: auto;
}
#designpromo .how_catch_txt {
  font-size: 1.8rem;
  text-align: center;
  margin: 0 auto 45px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#designpromo .how_value {
  position: relative;
  height: 325px;
}
@media (max-width: 480px) {
  #designpromo .how_value {
    height: 270px;
  }
}
#designpromo .how_value_txt {
  position: absolute;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 112px;
  background: #717171;
  border-radius: 50%;
}
@media (max-width: 480px) {
  #designpromo .how_value_txt {
    font-size: 1rem;
    line-height: 1.3;
    width: 60px;
    height: 60px;
  }
}
#designpromo .how_value_txt.value01, #designpromo .how_value_txt.value06 {
  top: 110px;
}
@media (max-width: 480px) {
  #designpromo .how_value_txt.value01, #designpromo .how_value_txt.value06 {
    top: 100px;
  }
}
#designpromo .how_value_txt.value02, #designpromo .how_value_txt.value05 {
  top: 180px;
}
@media (max-width: 480px) {
  #designpromo .how_value_txt.value02, #designpromo .how_value_txt.value05 {
    top: 150px;
  }
}
#designpromo .how_value_txt.value03, #designpromo .how_value_txt.value04 {
  top: 210px;
}
@media (max-width: 480px) {
  #designpromo .how_value_txt.value03, #designpromo .how_value_txt.value04 {
    top: 175px;
  }
}
#designpromo .how_value_txt.value01 {
  left: 10%;
}
@media (max-width: 480px) {
  #designpromo .how_value_txt.value01 {
    left: -8%;
  }
}
#designpromo .how_value_txt.value02 {
  left: 23%;
}
@media (max-width: 480px) {
  #designpromo .how_value_txt.value02 {
    left: 7%;
  }
}
#designpromo .how_value_txt.value03 {
  left: 37%;
}
@media (max-width: 480px) {
  #designpromo .how_value_txt.value03 {
    left: 29%;
  }
}
#designpromo .how_value_txt.value04 {
  right: 37%;
}
@media (max-width: 480px) {
  #designpromo .how_value_txt.value04 {
    right: 29%;
  }
}
#designpromo .how_value_txt.value05 {
  right: 23%;
}
@media (max-width: 480px) {
  #designpromo .how_value_txt.value05 {
    right: 7%;
  }
}
#designpromo .how_value_txt.value06 {
  right: 10%;
}
@media (max-width: 480px) {
  #designpromo .how_value_txt.value06 {
    right: -8%;
  }
}
#designpromo .what_category {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 90px auto 40px;
}
#designpromo .what_category_cnt {
  width: 32%;
  margin-top: 30px;
}
@media (min-width: 769px) {
  #designpromo .what_category_cnt:nth-child(-n+3) {
    margin-top: 0;
  }
  #designpromo .what_category_cnt:nth-child(3n+1):last-child {
    margin-right: 68%;
  }
  #designpromo .what_category_cnt:nth-child(3n+2):last-child {
    margin-right: 34%;
  }
}
@media (max-width: 480px) {
  #designpromo .what_category_cnt {
    width: 49%;
  }
  #designpromo .what_category_cnt:nth-child(-n+2) {
    margin-top: 0;
  }
}
#designpromo .what_category_cnt_ttl {
  font-size: 1.6rem;
  color: #fff;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 10px;
}
#designpromo .what_catch {
  font-size: 1.9rem;
  line-height: 1.4;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #fff;
}
#designpromo .case_flex {
  width: 920px;
  margin: 0 auto 60px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #designpromo .case_flex {
    width: 100%;
    margin-bottom: 30px;
  }
}
#designpromo .case_cnt {
  width: 450px;
  background: #000;
  margin-top: 20px;
  padding: 20px 45px;
  text-align: center;
}
@media (min-width: 769px) {
  #designpromo .case_cnt:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  #designpromo .case_cnt {
    width: 100%;
    padding: 20px;
    margin-top: 30px;
  }
  #designpromo .case_cnt:first-child {
    margin-top: 0;
  }
}
#designpromo .case_cnt_ttl {
  font-size: 1.8rem;
  color: #fff;
  line-height: 1.4;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 20px;
}
#designpromo .case_cnt_ind {
  font-size: 1.3rem;
  color: #fff;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  line-height: 20px;
  background: #C0AC49;
  margin-bottom: 20px;
}
#designpromo .case_cnt_txt {
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.6;
  text-align: left;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 10px;
}
#designpromo .overall .inner_anchor {
  padding-top: 108px;
  margin-top: -108px;
  position: relative;
  z-index: 0;
}
@media (max-width: 480px) {
  #designpromo .overall .inner_anchor {
    padding-top: 100px;
    margin-top: -100px;
  }
}
#designpromo .overall_flow {
  background: #F3EFDC;
  padding: 40px;
  width: 960px;
  margin: 0 auto 65px;
}
@media (max-width: 480px) {
  #designpromo .overall_flow {
    width: 100%;
    padding: 40px 10px;
  }
}
#designpromo .overall_flow_box {
  position: relative;
  padding-top: 20px;
}
#designpromo .overall_flow_box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 190px;
  z-index: 1;
  width: 2px;
  height: 100%;
  background: #C1AD49;
}
@media (max-width: 480px) {
  #designpromo .overall_flow_box:before {
    width: 1px;
    left: 94px;
  }
}
#designpromo .overall_flow_box_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
#designpromo .overall_flow_box_flex_ttl {
  width: 167px;
  text-align: right;
  line-height: 48px;
  font-size: 1.6rem;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  margin-right: 10px;
}
@media (max-width: 480px) {
  #designpromo .overall_flow_box_flex_ttl {
    width: 80px;
    font-size: 1.1rem;
    margin-right: 5px;
  }
}
#designpromo .overall_flow_box_flex_ttl span {
  display: block;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  line-height: 24px;
}
#designpromo .overall_flow_box_flex_ttl span:first-child {
  margin-bottom: 24px;
}
@media (max-width: 480px) {
  #designpromo .overall_flow_box_flex_ttl span:first-child {
    margin-bottom: 6px;
    line-height: 1.2;
  }
}
#designpromo .overall_flow_box_flex_ttl span:last-child {
  margin-top: 24px;
}
@media (max-width: 480px) {
  #designpromo .overall_flow_box_flex_ttl span:last-child {
    margin-top: 6px;
  }
}
#designpromo .overall_flow_box_flex_img {
  width: 93px;
  height: 100%;
  position: relative;
  z-index: 2;
}
@media (max-width: 480px) {
  #designpromo .overall_flow_box_flex_img {
    width: 60px;
  }
}
#designpromo .overall_flow_box_flex_cnt {
  width: 610px;
  padding: 10px 30px 15px;
  background: #fff;
  border: 1px solid #C1AD49;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 10px;
}
@media (max-width: 480px) {
  #designpromo .overall_flow_box_flex_cnt {
    width: 180px;
    padding: 10px;
  }
  #designpromo .overall_flow_box_flex_cnt a {
    margin-top: 5px;
  }
  #designpromo .overall_flow_box_flex_cnt a:first-child {
    margin-top: 0;
  }
}
#designpromo .overall_flow_box_flex_cnt:first-child {
  margin-top: 0;
}
#designpromo .overall_flow_box_flex_cnt_tag {
  height: 22px;
  font-size: 1.5rem;
  padding: 0 15px;
  color: #C1AD49;
  border: 1px solid #C1AD49;
  border-radius: 11px;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #designpromo .overall_flow_box_flex_cnt_tag {
    font-size: 1.2rem;
    padding: 0 10px;
    margin: 0;
  }
}
#designpromo .overall_flow_box_flex_cnt_tag span {
  width: 12px;
  display: inline-block;
  height: 7px;
  margin-left: 7px;
  position: relative;
}
#designpromo .overall_flow_box_flex_cnt_tag span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-top: 7px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
#designpromo .overall_flow_box_flex_cnt_tag.tag_rd {
  background: #F85858;
  border: 1px solid #F85858;
  color: #fff;
}
#designpromo .overall_flow_box_flex_cnt_tag.tag_gr {
  background: #00A69C;
  border: 1px solid #00A69C;
  color: #fff;
}
#designpromo .overall_flow_box_flex_cnt_tag.tag_bl {
  background: #289AD6;
  border: 1px solid #289AD6;
  color: #fff;
}
#designpromo .overall_flow_box_flex_cnt_txt {
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.5;
  margin-top: 10px;
}
@media (max-width: 480px) {
  #designpromo .overall_flow_box_flex_cnt_txt {
    font-size: 1.2rem;
  }
}
#designpromo .overall_flow_catch {
  margin-top: 40px;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.6;
}
#designpromo .overall_flow_catch_bold {
  font-size: 2rem;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#designpromo .overallCnt {
  padding: 30px 49px;
  margin-bottom: 50px;
}
@media (max-width: 480px) {
  #designpromo .overallCnt {
    padding: 30px 5%;
  }
}
#designpromo .overallCnt:before {
  content: none;
}
#designpromo .overallCnt_ttl {
  font-size: 2.6rem;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 480px) {
  #designpromo .overallCnt_ttl {
    font-size: 2.4rem;
  }
}
#designpromo .overallCnt_ttl-rd {
  background: #F85858;
}
#designpromo .overallCnt_ttl-gr {
  background: #00A69C;
}
#designpromo .overallCnt_ttl-bl {
  background: #289AD6;
}
#designpromo .overallCnt-rd {
  background: #FDCDCD;
}
#designpromo .overallCnt-rd .overallCnt_txt {
  font-size: 1.8rem;
  line-height: 1.6;
  text-align: center;
}
#designpromo .overallCnt-rd .overallCnt_wrap {
  margin-top: 40px;
}
#designpromo .overallCnt-rd .overallCnt_wrap_box {
  position: relative;
  width: 180px;
}
@media (max-width: 480px) {
  #designpromo .overallCnt-rd .overallCnt_wrap_box {
    width: 70%;
    margin: 50px auto 0;
  }
  #designpromo .overallCnt-rd .overallCnt_wrap_box:first-child {
    margin-top: 0;
  }
}
#designpromo .overallCnt-rd .overallCnt_wrap_box:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -35px;
  transform: translateY(-50%);
  width: 23px;
  height: 22px;
  background: url("img/icon_arrow_r-rd.png") no-repeat;
  background-size: contain;
}
@media (max-width: 480px) {
  #designpromo .overallCnt-rd .overallCnt_wrap_box:before {
    top: inherit;
    bottom: -30px;
    right: 50%;
    transform: rotate(90deg) translateY(-50%);
  }
}
#designpromo .overallCnt-rd .overallCnt_wrap_box:last-child:before {
  content: none;
}
#designpromo .overallCnt-rd .overallCnt_wrap_box_ttl {
  width: 175px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -10px;
  left: -10px;
  font-size: 1.5rem;
  line-height: 1.3;
  color: #fff;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  #designpromo .overallCnt-rd .overallCnt_wrap_box_ttl {
    width: 95%;
  }
}
#designpromo .overallCnt-rd .overallCnt_wrap_box_ttl.ttl_light {
  background: #F85858;
}
#designpromo .overallCnt-rd .overallCnt_wrap_box_ttl.ttl_dark {
  background: #D14D4D;
}
#designpromo .overallCnt-rd .overallCnt_wrap_box_ttl:before, #designpromo .overallCnt-rd .overallCnt_wrap_box_ttl:after {
  content: "";
  position: absolute;
}
#designpromo .overallCnt-rd .overallCnt_wrap_box_ttl:before {
  bottom: -10px;
  left: 0;
  border-top: 10px solid rgba(0, 0, 0, 0.3);
  border-left: 10px solid transparent;
}
#designpromo .overallCnt-rd .overallCnt_wrap_box_ttl:after {
  top: 0;
  right: -3px;
  border-bottom: 3px solid rgba(0, 0, 0, 0.3);
  border-right: 3px solid transparent;
}
#designpromo .overallCnt-rd .overallCnt_wrap_box_ttl .box_shadow {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 7px);
  height: 100%;
  box-shadow: 3px 3px rgba(0, 0, 0, 0.3);
}
#designpromo .overallCnt-rd .overallCnt_wrap_box_cnt {
  padding-top: 55px;
  height: 350px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 480px) {
  #designpromo .overallCnt-rd .overallCnt_wrap_box_cnt {
    padding: 65px 0 20px;
    height: auto;
  }
}
#designpromo .overallCnt-rd .overallCnt_wrap_box_cnt * {
  color: #595757;
}
#designpromo .overallCnt-rd .overallCnt_wrap_box_cnt ul {
  width: 140px;
  height: 90px;
}
@media (max-width: 480px) {
  #designpromo .overallCnt-rd .overallCnt_wrap_box_cnt ul {
    width: 70%;
    height: auto;
    margin-bottom: 10px;
  }
}
#designpromo .overallCnt-rd .overallCnt_wrap_box_cnt ul li {
  font-size: 1.3rem;
  line-height: 1.4;
  margin: 0 0 5px 10px;
  position: relative;
}
#designpromo .overallCnt-rd .overallCnt_wrap_box_cnt ul li:last-child {
  margin-bottom: 0;
}
#designpromo .overallCnt-rd .overallCnt_wrap_box_cnt ul li:before {
  content: "";
  position: absolute;
  top: 6px;
  left: -10px;
  width: 7px;
  height: 7px;
  background: #F85858;
  border-radius: 50%;
}
#designpromo .overallCnt-rd .overallCnt_wrap_box_cnt .etc {
  text-align: center;
  line-height: 4px;
  height: 30px;
}
#designpromo .overallCnt-rd .overallCnt_wrap_box_cnt .etc span {
  display: block;
  margin-top: 5px;
}
#designpromo .overallCnt-rd .overallCnt_wrap_box_cnt .txt_box {
  width: 145px;
  height: 120px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.2;
  background: #FDD4D4;
  color: #B50B36;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 480px) {
  #designpromo .overallCnt-rd .overallCnt_wrap_box_cnt .txt_box {
    width: 80%;
  }
}
#designpromo .overallCnt-gr {
  background: #CCEDEA;
}
#designpromo .overallCnt-gr .overallCnt_ttl_sub {
  font-size: 1.8rem;
  text-align: center;
}
#designpromo .overallCnt-gr .overallCnt_ttl_sub span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 2px solid #00a69c;
  color: #595757;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#designpromo .overallCnt-gr .overallCnt_wrap {
  margin-top: 30px;
}
@media (max-width: 480px) {
  #designpromo .overallCnt-gr .overallCnt_wrap {
    justify-content: center;
  }
}
#designpromo .overallCnt-gr .overallCnt_wrap_box {
  width: 248px;
  text-align: center;
}
@media (max-width: 480px) {
  #designpromo .overallCnt-gr .overallCnt_wrap_box {
    margin-top: 30px;
  }
  #designpromo .overallCnt-gr .overallCnt_wrap_box:first-child {
    margin-top: 0;
  }
}
#designpromo .overallCnt-gr .overallCnt_wrap_box_ttl {
  margin-bottom: 10px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  color: #fff;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  background: linear-gradient(135deg, #007E84 9%, #00A69C 9%, #00A69C 91%, #007E84 91%);
}
#designpromo .overallCnt-gr .overallCnt_wrap_sales {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
  position: relative;
}
#designpromo .overallCnt-gr .overallCnt_wrap_sales_ttl {
  width: 140px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -10px;
  left: -10px;
  font-size: 1.3rem;
  color: #595757;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  background: #fff;
}
#designpromo .overallCnt-gr .overallCnt_wrap_sales_ttl:before, #designpromo .overallCnt-gr .overallCnt_wrap_sales_ttl:after {
  content: "";
  position: absolute;
}
#designpromo .overallCnt-gr .overallCnt_wrap_sales_ttl:before {
  bottom: -10px;
  left: 0;
  border-top: 10px solid rgba(0, 0, 0, 0.3);
  border-left: 10px solid transparent;
}
#designpromo .overallCnt-gr .overallCnt_wrap_sales_ttl:after {
  top: 0;
  right: -3px;
  border-bottom: 3px solid rgba(0, 0, 0, 0.3);
  border-right: 3px solid transparent;
}
#designpromo .overallCnt-gr .overallCnt_wrap_sales_ttl .box_shadow {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 7px);
  height: 100%;
  box-shadow: 3px 3px rgba(0, 0, 0, 0.3);
}
#designpromo .overallCnt-gr .overallCnt_wrap_sales_cnt {
  background: #DCF3F1;
  border: 1px solid #ABE2DD;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#designpromo .overallCnt-gr .overallCnt_wrap_sales_cnt_l {
  width: 475px;
  border-right: 1px solid #fff;
  padding: 30px 10px 10px;
}
@media (max-width: 480px) {
  #designpromo .overallCnt-gr .overallCnt_wrap_sales_cnt_l {
    width: 100%;
    padding: 30px 10px 20px;
    border-right: none;
    border-bottom: 1px solid #fff;
  }
}
#designpromo .overallCnt-gr .overallCnt_wrap_sales_cnt_r {
  width: 385px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 30px 10px 10px;
}
@media (max-width: 480px) {
  #designpromo .overallCnt-gr .overallCnt_wrap_sales_cnt_r {
    width: 100%;
    justify-content: center;
    padding: 20px 10px 20px;
  }
}
#designpromo .overallCnt-gr .overallCnt_wrap_sales_cnt_r .overallCnt_wrap_sales_cnt_txt {
  width: 230px;
}
@media (max-width: 480px) {
  #designpromo .overallCnt-gr .overallCnt_wrap_sales_cnt_r .overallCnt_wrap_sales_cnt_txt {
    width: 100%;
    margin-bottom: 10px;
  }
}
#designpromo .overallCnt-gr .overallCnt_wrap_sales_cnt_r img {
  height: 130px;
  width: auto;
}
#designpromo .overallCnt-gr .overallCnt_wrap_sales_cnt_txt {
  font-size: 1.3rem;
  line-height: 1.5;
}
#designpromo .overallCnt-gr .overallCnt_wrap_sales_cnt_txt span {
  display: block;
  margin-bottom: 2px;
  color: #00A69C;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#designpromo .overallCnt-bl {
  background: #BDE0F2;
}
#designpromo .overallCnt-bl a {
  pointer-events: none;
}
#designpromo .overallCnt-bl a .zoom {
  display: none;
}
@media (max-width: 480px) {
  #designpromo .overallCnt-bl a {
    pointer-events: inherit;
  }
  #designpromo .overallCnt-bl a .zoom {
    display: flex;
  }
}
#designpromo .overallCnt-bl .overallCnt_ttl_sub {
  font-size: 2.4rem;
  text-align: center;
  color: #595757;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 480px) {
  #designpromo .overallCnt-bl .overallCnt_ttl_sub {
    flex-direction: column;
  }
}
#designpromo .overallCnt-bl .overallCnt_ttl_sub span {
  font-size: 1.6rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 25px;
  border: 1px solid #595757;
  padding: 0 15px;
  margin-right: 15px;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  #designpromo .overallCnt-bl .overallCnt_ttl_sub span {
    margin: 0 0 10px;
  }
}
#designpromo .overallCnt-bl .overallCnt_txt {
  margin-top: 20px;
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: center;
}
#designpromo .overallCnt-bl .overallCnt_wrap {
  width: 710px;
  margin: 30px auto 0;
}
@media (max-width: 480px) {
  #designpromo .overallCnt-bl .overallCnt_wrap {
    width: 100%;
  }
}
#designpromo .overallCnt-bl .overallCnt_wrap_box {
  position: relative;
}
@media (max-width: 480px) {
  #designpromo .overallCnt-bl .overallCnt_wrap_box {
    margin-top: 20px;
  }
}
#designpromo .overallCnt-bl .overallCnt_wrap_box_ttl {
  position: absolute;
  top: -7px;
  left: -24px;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: #fff;
  border: 1px solid #595757;
  color: #595757;
  border-radius: 50%;
}
@media (max-width: 480px) {
  #designpromo .overallCnt-bl .overallCnt_wrap_box_ttl {
    top: -10px;
    left: -5px;
  }
}

#digitalshift .main {
  background: url("img/bg_main_digitalshift.jpg") center center no-repeat;
  background-size: cover;
}
@media (max-width: 480px) {
  #digitalshift .main {
    background-position: center right 35%;
  }
}
#digitalshift .main h1.ttl {
  color: #000;
  text-shadow: 4px 4px 8px rgba(255, 255, 255, 0.7), -4px -4px 8px rgba(255, 255, 255, 0.7), 4px -4px 8px rgba(255, 255, 255, 0.7), -4px 4px 8px rgba(255, 255, 255, 0.7);
}
#digitalshift .main h1 span.sub {
  margin: 0 auto;
  text-align: center;
}
#digitalshift .how {
  text-align: center;
}
#digitalshift .how .contents {
  background: url("img/bg_how-01.png") right top no-repeat, url("img/bg_how-02.png") left bottom no-repeat;
}
@media (max-width: 480px) {
  #digitalshift .how .contents {
    background-size: 100%;
  }
}
#digitalshift .how_arrow {
  width: 81px;
  height: auto;
  margin: 20px auto 15px;
}
#digitalshift .how_catch {
  font-size: 2.4rem;
  line-height: 1.5;
  margin-bottom: 40px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#digitalshift .how_catch span.bg_bb {
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  font-weight: bold;
  background: linear-gradient(0deg, #fcc603 10px, transparent 10px);
}
#digitalshift .how_catch_txt {
  font-size: 1.6rem;
  text-align: center;
  line-height: 2;
}
#digitalshift .how_catch_txt_bold {
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  font-weight: bold;
}
#digitalshift .how_flex {
  width: 700px;
  margin: 30px auto 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #digitalshift .how_flex {
    width: 100%;
  }
}
#digitalshift .how_flex:last-child {
  width: 800px;
}
@media (max-width: 480px) {
  #digitalshift .how_flex:last-child {
    width: 100%;
  }
}
#digitalshift .how_flex:last-child .how_flex_note {
  margin-top: 10px;
}
@media (max-width: 480px) {
  #digitalshift .how_flex_box {
    margin-top: 25px;
  }
  #digitalshift .how_flex_box:first-child {
    margin-top: 0;
  }
}
#digitalshift .how_flex_box_txt {
  font-size: 1.4rem;
  text-indent: -1em;
  padding-left: 1em;
  text-align: left;
  line-height: 1.4;
  margin-bottom: 10px;
}
#digitalshift .how_flex_box_txt_red {
  color: #c1272d;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#digitalshift .how_flex_note {
  width: 100%;
  font-size: 1.2rem;
  text-align: right;
}
#digitalshift .what_subttl {
  font-size: 2.4rem;
  color: #fff;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 30px;
}
#digitalshift .what_level {
  margin-top: 70px;
}
#digitalshift .what_level_flex {
  width: 960px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #digitalshift .what_level_flex {
    width: 100%;
  }
}
#digitalshift .what_level_flex_box.levelcheck {
  width: 320px;
}
@media (max-width: 480px) {
  #digitalshift .what_level_flex_box.levelcheck {
    width: 100%;
    margin-top: 40px;
  }
}
#digitalshift .what_level_flex_box_ttl {
  font-size: 1.6rem;
  background: #fff;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  font-weight: bold;
  padding: 2px 0;
  margin-bottom: 10px;
}
#digitalshift .what_level_flex_box_txt {
  font-size: 1.6rem;
  color: #fff;
  text-align: left;
  margin-top: 20px;
}
#digitalshift .what_change {
  margin-top: 70px;
}
#digitalshift .what_change_txt {
  font-size: 1.6rem;
  line-height: 2;
  color: #fff;
  margin-bottom: 50px;
}
#digitalshift .what_change_flex {
  width: 930px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto 20px;
}
@media (max-width: 480px) {
  #digitalshift .what_change_flex {
    width: 100%;
  }
}
#digitalshift .what_change_flex_box {
  width: 280px;
  margin-top: 20px;
}
@media (min-width: 769px) {
  #digitalshift .what_change_flex_box:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  #digitalshift .what_change_flex_box {
    margin: 40px auto 0;
  }
  #digitalshift .what_change_flex_box:first-child {
    margin-top: 0;
  }
}
#digitalshift .what_change_flex_box_ttl {
  font-size: 1.6rem;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #fff;
  margin-bottom: 10px;
}
#digitalshift .what_change_flex_box_img {
  height: 150px;
}
@media (max-width: 480px) {
  #digitalshift .what_change_flex_box_img {
    height: auto;
  }
}
#digitalshift .what_change_flex_box_img img {
  max-height: 150px;
}
#digitalshift .what_change_flex_box_txt {
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.5;
  text-align: left;
  margin-top: 10px;
}
#digitalshift .what_change_flex_box_txt_y {
  color: #fcc603;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  font-weight: bold;
}
#digitalshift .what_arrow {
  width: 81px;
  margin: 0 auto;
}
#digitalshift .what_catch {
  font-size: 2.6rem;
  line-height: 1.7;
  margin-bottom: 0;
}
#digitalshift .what_catch_sub {
  font-size: 2rem;
  color: #fff;
}
#digitalshift .overall .arrowBt {
  margin: 0 auto 20px;
}
#digitalshift .overall .arrowBt-lg {
  margin: 15px auto 0;
}
#digitalshift .overall .arrowTB {
  width: 34px;
  height: auto;
  display: block;
  margin: 5px auto;
}
@media (max-width: 480px) {
  #digitalshift .overall .arrowTB {
    width: 20%;
  }
}
#digitalshift .overall_project_ttl {
  text-align: center;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  font-size: 2.4rem;
  margin-bottom: 40px;
}
#digitalshift .overall_project_txt {
  width: 560px;
  height: 35px;
  margin: 0 auto 20px;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #digitalshift .overall_project_txt {
    width: 100%;
    height: 70px;
    flex-wrap: wrap;
  }
}
#digitalshift .overall_project_txt span + span {
  margin-left: 30px;
}
@media (max-width: 480px) {
  #digitalshift .overall_project_txt span + span {
    margin-left: 0;
  }
}
#digitalshift .overall_project_txt_company {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#digitalshift .overall_project_txt_company img {
  margin-right: 5px;
}
#digitalshift .overall_project_img {
  text-align: center;
  margin-bottom: 40px;
}
#digitalshift .overallCnt {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #digitalshift .overallCnt {
    margin-bottom: 50px;
  }
}
#digitalshift .overallCnt h4 {
  margin: 0 auto 20px;
}
@media (max-width: 480px) {
  #digitalshift .overallCnt h4 {
    width: 100%;
    margin: 0 auto 15px;
  }
}
@media (max-width: 480px) {
  #digitalshift .overallCnt h5 {
    margin: 20px auto 10px;
  }
}
#digitalshift .overallCnt_wrap {
  margin: 0 16px 30px;
}
@media (max-width: 480px) {
  #digitalshift .overallCnt_wrap {
    width: 100%;
    margin: 0 auto 40px;
  }
}
#digitalshift .overallCnt_wrap_box {
  width: calc(100% / 3 - 4px);
}
@media (max-width: 480px) {
  #digitalshift .overallCnt_wrap_box {
    width: 100%;
    position: relative;
    padding-top: 50px;
  }
  #digitalshift .overallCnt_wrap_box * {
    position: relative;
    z-index: 2;
  }
  #digitalshift .overallCnt_wrap_box .arrowBt {
    position: absolute;
    top: 0;
  }
  #digitalshift .overallCnt_wrap_box:first-child .arrowBt {
    left: 0;
  }
  #digitalshift .overallCnt_wrap_box:nth-child(2) .arrowBt {
    left: 50%;
    transform: translateX(-50%);
  }
  #digitalshift .overallCnt_wrap_box:last-child .arrowBt {
    right: 0;
  }
  #digitalshift .overallCnt_wrap_box:first-child:before, #digitalshift .overallCnt_wrap_box:first-child:after {
    content: "";
    position: absolute;
    top: 0;
    width: 30%;
    height: 105%;
    background: linear-gradient(90deg, transparent 25%, #eb974e 25%, #eb974e 75%, transparent 75%);
    z-index: 1;
  }
  #digitalshift .overallCnt_wrap_box:first-child:before {
    left: 50%;
    transform: translateX(-50%);
  }
  #digitalshift .overallCnt_wrap_box:first-child:after {
    right: 0;
  }
  #digitalshift .overallCnt_wrap_box:nth-child(2):before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    height: 105%;
    background: linear-gradient(90deg, transparent 25%, #eb974e 25%, #eb974e 75%, transparent 75%);
    z-index: 1;
  }
}
#digitalshift .overallCnt_ttl span {
  position: absolute;
  right: 30px;
  width: 100px;
  height: 24px;
  border: 1px solid #fff;
  font-size: 1.4rem;
  top: 50%;
  margin-top: -12px;
}
@media (max-width: 480px) {
  #digitalshift .overallCnt_ttl span {
    right: 5px;
    width: 50px;
    font-size: 1rem;
  }
}
#digitalshift .overallCnt_flow {
  width: 520px;
  margin: 0;
}
@media (max-width: 480px) {
  #digitalshift .overallCnt_flow {
    width: 100%;
  }
}
#digitalshift .overallCnt_flow li .ttl {
  text-align: center;
}
#digitalshift .overallCnt_flow.overallCnt_flow-rd .inner_li_square {
  color: #e54253;
  border: 1px solid #e54253;
}
#digitalshift .overallCnt_flow.overallCnt_flow-gr {
  width: 100%;
}
#digitalshift .overallCnt_flow.overallCnt_flow-gr .inner_li_square {
  color: #e54253;
  border: 1px solid #e54253;
}
#digitalshift .overallCnt_flow.wide_ul {
  width: 100%;
}
#digitalshift .overallCnt_flow .inner {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
#digitalshift .overallCnt_flow .inner.col2 li {
  width: calc(50% - 4px);
}
@media (min-width: 769px) {
  #digitalshift .overallCnt_flow .inner.col2 li.inner_li:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  #digitalshift .overallCnt_flow .inner.col2 li {
    width: 100%;
  }
  #digitalshift .overallCnt_flow .inner.col2 li.inner_li:first-child {
    margin-top: 0;
  }
}
#digitalshift .overallCnt_flow .inner.col3 li {
  width: calc(100% / 3 - 4px);
}
@media (min-width: 769px) {
  #digitalshift .overallCnt_flow .inner.col3 li.inner_li:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  #digitalshift .overallCnt_flow .inner.col3 li {
    width: 100%;
  }
  #digitalshift .overallCnt_flow .inner.col3 li.inner_li:first-child {
    margin-top: 0;
  }
}
#digitalshift .overallCnt_flow .inner_li {
  margin-top: 8px;
}
#digitalshift .overallCnt_flow .inner_li_square {
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #297fb8;
  background: #fff;
  border: 1px solid #297fb8;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  line-height: 1.4;
  width: 100%;
}
#digitalshift .overallCnt_flow .inner_li_square.row2 {
  height: 46px;
}
#digitalshift .overallCnt_flow .inner_li_txt {
  display: block;
  padding: 0 5px;
  line-height: 1.5;
  font-size: 1.3rem;
  margin-top: 5px;
}
#digitalshift .overallCnt_flow .note {
  margin-top: 20px;
  font-size: 1.3rem;
  color: #c1272d;
}
#digitalshift .overallCnt_flow_imgwrap {
  width: 245px;
}
@media (max-width: 480px) {
  #digitalshift .overallCnt_flow_imgwrap {
    width: 100%;
    margin-top: 30px;
  }
}
#digitalshift .overallCnt_flow_imgwrap p {
  text-align: center;
  font-size: 1rem;
}
#digitalshift .overallCnt_flow_imgwrap .overall_img {
  margin-top: 30px;
}
#digitalshift .overallCnt_flow_imgwrap .overall_img:first-child {
  margin-top: 0;
}
@media (max-width: 480px) {
  #digitalshift .overallCnt_flow_imgwrap .overall_img_cnt {
    text-align: center;
  }
}
#digitalshift .overall_box {
  width: 820px;
  margin: 0 auto;
  padding: 30px 20px;
  background: #fff;
  border: 1px solid #808080;
  border-radius: 9px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #digitalshift .overall_box {
    width: 100%;
  }
  #digitalshift .overall_box_img {
    margin-bottom: 30px;
  }
}
#digitalshift .overall_box_txt {
  width: 55%;
}
@media (max-width: 480px) {
  #digitalshift .overall_box_txt {
    width: 100%;
  }
}

/*.caseBlog{
    *{
        &+*{
            margin-top: 20px;
        }
        @include sp{
            width: 100%!important;
        }
    }
    p{
        font-size: 1.6rem;
        line-height: 1.6;
    }
    img{
        @include sp{
            max-width: 100%!important;
        }
    }
    .library_profile {
        margin-top:1em;
        padding:1em;
        background:#f0fff0;
        border:1px solid #ccc;
        margin-bottom: 20px;
        *{
            &+*{
                margin-top: 0;
            }
        }
    }
    .library_profile h3 {
        margin: 0 0 20px 0;
        padding: 2px 0 2px 8px;
        font-size: 16px;
        font-weight: bold;
        border-left: 8px solid #00a0e9;
    }
    .library_profile ul li {
        line-height: 1.5;
        margin-bottom: 5px;
    }
}*/
.caseStudy {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  margin-top: 40px;
}
.caseStudy:before {
  content: "";
  display: block;
  width: 23%;
  height: 0;
  order: 1;
}
.caseStudy:after {
  content: "";
  display: block;
  width: 23%;
  height: 0;
}
@media (max-width: 480px) {
  .caseStudy {
    margin-top: 20px;
  }
}
.caseStudy_link {
  display: block;
  width: 100%;
  height: 100%;
}
.caseStudy_li {
  position: relative;
  width: 23%;
  height: 420px;
  background: url("https://www.tanabekeiei.co.jp/sp/common/img/marketing/dot_black.gif");
  margin-bottom: 60px;
  transition: 0.3s;
}
.caseStudy_li.noLink:hover {
  opacity: 1;
}
.caseStudy_li.noLink a {
  pointer-events: none;
}
@media (max-width: 480px) {
  .caseStudy_li {
    width: 48%;
  }
}
.caseStudy_li:hover {
  opacity: 0.8;
}
.caseStudy_li a:hover, .caseStudy_li a img:hover {
  opacity: 1;
}
.caseStudy_li p {
  color: white;
  text-align: left;
  padding: 12px;
}
.caseStudy_li.brand a:not(.keyword)::after {
  content: 'More';
  position: absolute;
  bottom: -29px;
  right: 0;
  color: white;
  padding: 0px 15px;
  padding-bottom: 5px;
  font-size: 1.7rem;
  cursor: pointer;
  font-family: stix-two-text, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  background-color: #AA00AA;
}
.caseStudy_li.design a:not(.keyword)::after {
  content: 'More';
  position: absolute;
  bottom: -29px;
  right: 0;
  color: white;
  padding: 0px 15px;
  padding-bottom: 5px;
  font-size: 1.7rem;
  cursor: pointer;
  font-family: stix-two-text, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  background-color: #FF6B59;
}
.caseStudy_li.sales a:not(.keyword)::after {
  content: 'More';
  position: absolute;
  bottom: -29px;
  right: 0;
  color: white;
  padding: 0px 15px;
  padding-bottom: 5px;
  font-size: 1.7rem;
  cursor: pointer;
  font-family: stix-two-text, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  background-color: #FFA900;
  color: black;
}
.caseStudy_li.diary a:not(.keyword)::after {
  content: 'More';
  position: absolute;
  bottom: -29px;
  right: 0;
  color: white;
  padding: 0px 15px;
  padding-bottom: 5px;
  font-size: 1.7rem;
  cursor: pointer;
  font-family: stix-two-text, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  background-color: #00B2E7;
}
.caseStudy_subhead {
  font-family: "ヒラギノUD明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.caseStudy_compName {
  font-size: 1.4rem;
  position: absolute;
  bottom: 30px;
  margin-top: auto;
}
.caseStudy_more {
  display: none;
  width: 100%;
}
.caseStudy_more .caseStudy {
  margin-top: 0;
}
.caseStudy_open, .caseStudy_close {
  font-family: "ヒラギノUD明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  display: none;
  cursor: pointer;
  width: 20%;
  text-align: center;
  font-size: 1.7rem;
  border: solid 1px black;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: auto;
  position: relative;
}
.caseStudy_open img, .caseStudy_close img {
  position: absolute;
  top: 14px;
  right: 16px;
  width: 1em;
}
@media (max-width: 480px) {
  .caseStudy_open, .caseStudy_close {
    width: 60%;
    margin-top: 20px;
  }
}
.caseStudy_close img {
  top: 12px;
}
.caseStudy .active.caseStudy_open, .caseStudy .active.caseStudy_close {
  display: block;
}

#sdgsbusiness .bnr_sdgs {
  width: 840px;
  display: block;
  text-align: center;
}
@media (max-width: 480px) {
  #sdgsbusiness .bnr_sdgs {
    width: 95%;
  }
}
#sdgsbusiness .main {
  background: url(img/bg_mian_sdgs.jpg) center center no-repeat;
  background-size: cover;
  height: 550px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #sdgsbusiness .main {
    height: auto;
  }
}
#sdgsbusiness .how {
  padding: 35px 0 0;
}
@media (max-width: 480px) {
  #sdgsbusiness .how {
    padding: 0;
  }
}
#sdgsbusiness .how .contents {
  padding: 50px 50px 40px;
}
@media (max-width: 480px) {
  #sdgsbusiness .how .contents {
    padding: 30px;
  }
}
#sdgsbusiness .how .bnr_sdgs {
  margin: 0 auto 40px;
}
@media (max-width: 480px) {
  #sdgsbusiness .how .bnr_sdgs {
    margin: 20px auto;
  }
}
#sdgsbusiness .how_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 480px) {
  #sdgsbusiness .how_wrap img {
    display: block;
    margin: 0 auto;
  }
}
#sdgsbusiness .how_box {
  width: 545px;
}
@media (max-width: 480px) {
  #sdgsbusiness .how_box {
    width: 100%;
    margin-bottom: 30px;
  }
}
#sdgsbusiness .how_att {
  text-align: right;
}
#sdgsbusiness .how .zoom_img {
  width: 380px;
}
@media (max-width: 480px) {
  #sdgsbusiness .how .zoom_img {
    width: 100%;
  }
}
#sdgsbusiness .how .arrowBt {
  display: block;
  margin: 30px auto;
}
#sdgsbusiness .how_txt span {
  background: linear-gradient(transparent 80%, #f9ce99 80%);
}
#sdgsbusiness .how_txt span.bold {
  background: none;
  font-size: 2.2rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#sdgsbusiness .how_catch {
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.8rem;
  text-align: center;
  line-height: 1.5;
}
#sdgsbusiness .how_catch span {
  background: linear-gradient(transparent 80%, #f9ce99 80%);
  font-family: "ヒラギノ明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.8rem;
  line-height: 1.5;
}
#sdgsbusiness .how_catch_txt {
  width: 660px;
}
@media (max-width: 480px) {
  #sdgsbusiness .how_catch_txt {
    margin-bottom: 20px;
  }
}
#sdgsbusiness .how .overallCnt_flow_imgwrap {
  margin: 80px auto 110px;
}
@media (max-width: 480px) {
  #sdgsbusiness .how .overallCnt_flow_imgwrap {
    margin: 30px auto;
  }
}
#sdgsbusiness .how .overallCnt_flow_imgwrap img {
  max-width: inherit;
}
@media (max-width: 480px) {
  #sdgsbusiness .how .overallCnt_flow_imgwrap img {
    max-width: 100%;
  }
}
#sdgsbusiness .overallCnt h4 {
  width: 100%;
}
#sdgsbusiness .overallCnt-bl {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt-bl {
    margin-bottom: 50px;
  }
}
#sdgsbusiness .overallCnt-rd {
  margin-bottom: 30px;
}
#sdgsbusiness .overallCnt-rd .arrowBt-lg {
  bottom: -18px;
}
#sdgsbusiness .overallCnt-rd .bkBox {
  margin-top: 20px;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt-rd {
    margin-bottom: 50px;
  }
  #sdgsbusiness .overallCnt-rd .arrowBt-lg {
    bottom: -35px;
  }
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_cnt-bl03 {
    margin-top: 0;
  }
}
#sdgsbusiness .overallCnt_table {
  margin-bottom: 8px;
}
#sdgsbusiness .overallCnt_table tr th, #sdgsbusiness .overallCnt_table tr td {
  background: #fff;
  border: solid 2px #e6e6e6;
}
#sdgsbusiness .overallCnt_table tr th span, #sdgsbusiness .overallCnt_table tr td span {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#sdgsbusiness .overallCnt_table tr:nth-child(odd) th, #sdgsbusiness .overallCnt_table tr:nth-child(odd) td {
  background: #f2f2f2;
}
#sdgsbusiness .overallCnt_table tr:first-child th {
  background: #cccccc;
  text-align: center;
}
#sdgsbusiness .overallCnt_table tr th, #sdgsbusiness .overallCnt_table tr td {
  padding: 5px 10px;
  font-size: 1.3rem;
  line-height: 1.5;
  vertical-align: middle;
}
#sdgsbusiness .overallCnt_table tr th {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  text-align: left;
}
#sdgsbusiness .overallCnt_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#sdgsbusiness .overallCnt_wrap-bl .overallCnt_cnt {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 40px;
  padding: 0 25px;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-bl .overallCnt_cnt {
    display: block;
    margin-bottom: 30px;
    padding: 0;
  }
}
#sdgsbusiness .overallCnt_wrap-bl .overallCnt_cnt h5 {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-bl .overallCnt_cnt h5 {
    margin-bottom: 20px;
  }
}
#sdgsbusiness .overallCnt_wrap-bl .overallCnt_cnt-bl03 {
  width: 100%;
  margin-bottom: 0;
}
#sdgsbusiness .overallCnt_wrap-bl .overallCnt_cnt-bl03 .overallCnt_flow-hg {
  width: 458px;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-bl .overallCnt_cnt-bl03 .overallCnt_flow-hg {
    width: 100%;
  }
}
#sdgsbusiness .overallCnt_wrap-bl .overallCnt_box-01 {
  width: calc(100% - 265px);
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-bl .overallCnt_box-01 {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
}
#sdgsbusiness .overallCnt_wrap-bl .overallCnt_box-01 .overallCnt_txt {
  text-align: right;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-bl .overallCnt_box-01 .overallCnt_txt {
    text-align: left;
  }
}
#sdgsbusiness .overallCnt_wrap-bl .overallCnt_table {
  width: 100%;
}
#sdgsbusiness .overallCnt_wrap-bl .overallCnt_flow {
  width: 245px;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-bl .overallCnt_flow {
    display: block;
    width: 100%;
  }
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-bl .overallCnt_flow_imgwrap {
    margin: 20px auto 0;
  }
}
#sdgsbusiness .overallCnt_wrap-bl .overallCnt_flow li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: auto;
}
#sdgsbusiness .overallCnt_wrap-bl .overallCnt_flow li + li {
  margin-top: 8px;
}
#sdgsbusiness .overallCnt_wrap-bl .overallCnt_flow li .ttl {
  width: 100%;
}
#sdgsbusiness .overallCnt_wrap-bl .overallCnt_flow li .ttl-rd {
  background: #e54253;
}
#sdgsbusiness .overallCnt_wrap-bl .overallCnt_flow li .ttl-gr {
  background: #29a6b6;
}
#sdgsbusiness .overallCnt_wrap-bl .zoom_img {
  margin-top: 15px;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-bl .zoom_img {
    margin-top: 20px;
  }
}
#sdgsbusiness .overallCnt_wrap-bl .arrowBt-lg {
  bottom: -18px;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-bl .arrowBt-lg {
    bottom: -30px;
  }
}
#sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_cnt, #sdgsbusiness .overallCnt_wrap-rd02 .overallCnt_cnt, #sdgsbusiness .overallCnt_wrap-rd03 .overallCnt_cnt, #sdgsbusiness .overallCnt_wrap-rd04 .overallCnt_cnt {
  padding: 0 25px;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_cnt, #sdgsbusiness .overallCnt_wrap-rd02 .overallCnt_cnt, #sdgsbusiness .overallCnt_wrap-rd03 .overallCnt_cnt, #sdgsbusiness .overallCnt_wrap-rd04 .overallCnt_cnt {
    padding: 0;
  }
}
#sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_flow li .txt, #sdgsbusiness .overallCnt_wrap-rd02 .overallCnt_flow li .txt, #sdgsbusiness .overallCnt_wrap-rd03 .overallCnt_flow li .txt, #sdgsbusiness .overallCnt_wrap-rd04 .overallCnt_flow li .txt {
  font-family: "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_cnt, #sdgsbusiness .overallCnt_wrap-rd02 .overallCnt_cnt, #sdgsbusiness .overallCnt_wrap-rd03 .overallCnt_cnt {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_cnt, #sdgsbusiness .overallCnt_wrap-rd02 .overallCnt_cnt, #sdgsbusiness .overallCnt_wrap-rd03 .overallCnt_cnt {
    display: block;
  }
}
#sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_flow, #sdgsbusiness .overallCnt_wrap-rd02 .overallCnt_flow, #sdgsbusiness .overallCnt_wrap-rd03 .overallCnt_flow {
  width: calc(50% - 5px);
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_flow, #sdgsbusiness .overallCnt_wrap-rd02 .overallCnt_flow, #sdgsbusiness .overallCnt_wrap-rd03 .overallCnt_flow {
    width: 100%;
  }
  #sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_flow + img, #sdgsbusiness .overallCnt_wrap-rd02 .overallCnt_flow + img, #sdgsbusiness .overallCnt_wrap-rd03 .overallCnt_flow + img {
    margin-top: 20px;
  }
}
#sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_flow-hg li + li .ttl, #sdgsbusiness .overallCnt_wrap-rd02 .overallCnt_flow-hg li + li .ttl, #sdgsbusiness .overallCnt_wrap-rd03 .overallCnt_flow-hg li + li .ttl {
  margin-top: 0;
}
#sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_flow li, #sdgsbusiness .overallCnt_wrap-rd02 .overallCnt_flow li, #sdgsbusiness .overallCnt_wrap-rd03 .overallCnt_flow li {
  width: 100%;
}
#sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_flow li .txt, #sdgsbusiness .overallCnt_wrap-rd02 .overallCnt_flow li .txt, #sdgsbusiness .overallCnt_wrap-rd03 .overallCnt_flow li .txt {
  margin-bottom: 10px;
}
#sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_flow li .txt_list, #sdgsbusiness .overallCnt_wrap-rd02 .overallCnt_flow li .txt_list, #sdgsbusiness .overallCnt_wrap-rd03 .overallCnt_flow li .txt_list {
  font-size: 1.3rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  color: #e54253;
  background: #fff;
  border: 1px solid #e54253;
  border-radius: 3px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 30px;
  line-height: 1.4;
  width: 100%;
  padding-left: 5px;
}
#sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_flow li .txt_list + .txt_list, #sdgsbusiness .overallCnt_wrap-rd02 .overallCnt_flow li .txt_list + .txt_list, #sdgsbusiness .overallCnt_wrap-rd03 .overallCnt_flow li .txt_list + .txt_list {
  margin-top: 3px;
}
#sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_flow {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_flow {
    display: block;
  }
}
#sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_flow li {
  width: calc(50% - 5px);
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_flow li {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_flow li:nth-child(2) {
    margin-top: 20px;
  }
}
#sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_flow li:nth-child(3) {
  margin-top: 20px;
}
#sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_flow li:nth-child(4) {
  text-align: center;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-rd01 .overallCnt_flow li:nth-child(4) img {
    display: block;
    margin: 20px auto 0;
  }
}
#sdgsbusiness .overallCnt_wrap-rd02 .overallCnt_cnt, #sdgsbusiness .overallCnt_wrap-rd03 .overallCnt_cnt {
  align-items: flex-start;
}
#sdgsbusiness .overallCnt_wrap-rd02 .overallCnt_flow li + li, #sdgsbusiness .overallCnt_wrap-rd03 .overallCnt_flow li + li {
  margin-top: 20px;
}
#sdgsbusiness .overallCnt_wrap-rd02 .overallCnt .img, #sdgsbusiness .overallCnt_wrap-rd03 .overallCnt .img {
  display: block;
  margin: 20px auto 0;
}
#sdgsbusiness .overallCnt_wrap-rd04 {
  margin-top: 30px;
}
#sdgsbusiness .overallCnt_wrap-rd04 .overallCnt_flow {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-rd04 .overallCnt_flow {
    display: block;
  }
}
#sdgsbusiness .overallCnt_wrap-rd04 .overallCnt_flow li {
  background: #fff;
  height: auto;
  border-radius: 3px;
}
#sdgsbusiness .overallCnt_wrap-rd04 .overallCnt_flow li:nth-child(-n+3) {
  width: calc(calc(100% / 3) - 6px);
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-rd04 .overallCnt_flow li:nth-child(-n+3) {
    width: 100%;
  }
}
#sdgsbusiness .overallCnt_wrap-rd04 .overallCnt_flow li:nth-child(n+4) {
  width: calc(calc(100% / 2) - 5px);
  margin-top: 9px;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-rd04 .overallCnt_flow li:nth-child(n+4) {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-rd04 .overallCnt_flow li + li {
    margin-top: 9px;
  }
}
#sdgsbusiness .overallCnt_wrap-rd04 .overallCnt_flow li .ttl {
  text-align: center;
}
#sdgsbusiness .overallCnt_wrap-rd04 .overallCnt_flow li .txt {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 5px;
  text-align: center;
  border-radius: 3px;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-rd04 .overallCnt_flow li .txt {
    width: 100%;
  }
}
#sdgsbusiness .overallCnt_wrap-gr .overallCnt_cnt {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  padding: 0 25px;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-gr .overallCnt_cnt {
    display: block;
    padding: 0;
  }
}
#sdgsbusiness .overallCnt_wrap-gr .overallCnt_cnt .roundList-wh {
  width: calc(calc(100% / 3) - 6px);
  border: solid 2px #29a6b6;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-gr .overallCnt_cnt .roundList-wh {
    width: 100%;
    margin-top: 20px;
  }
}
#sdgsbusiness .overallCnt_wrap-gr .overallCnt_cnt .roundList-wh dt {
  padding-top: 25px;
  color: #29a6b6;
}
#sdgsbusiness .overallCnt_wrap-gr .overallCnt_cnt .roundList-wh dt .number {
  background: #29a6b6;
}
#sdgsbusiness .overallCnt_wrap-gr .overallCnt_cnt .roundList-wh dd {
  border-top: solid 2px #29a6b6;
}
#sdgsbusiness .overallCnt_wrap-gr .overallCnt_cnt .roundList-wh dd ul li {
  padding-left: 0;
  text-indent: inherit;
}
#sdgsbusiness .overallCnt_wrap-gr .overallCnt_flow {
  width: 554px;
  margin-bottom: 20px;
}
#sdgsbusiness .overallCnt_wrap-gr .overallCnt_flow li .ttl {
  height: auto;
}
#sdgsbusiness .overallCnt_wrap-gr .overallCnt_flow li .txt {
  width: 100%;
}
#sdgsbusiness .overallCnt_wrap-gr .zoom_img {
  width: 240px;
  margin-bottom: 20px;
}
#sdgsbusiness .overallCnt_wrap-gr .infoBnr {
  margin-top: 30px;
  padding: 10px 20px;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-gr .infoBnr {
    display: block;
  }
}
#sdgsbusiness .overallCnt_wrap-gr .infoBnr_list {
  width: calc(100% - 290px);
  padding: 0;
}
@media (max-width: 480px) {
  #sdgsbusiness .overallCnt_wrap-gr .infoBnr_list {
    width: 100%;
  }
}
#sdgsbusiness .contactBox .bnr_sdgs {
  margin: 80px auto 0;
}
@media (max-width: 480px) {
  #sdgsbusiness .contactBox .bnr_sdgs {
    margin: 30px auto 0;
  }
}

#managementsystem .main {
  background: url("img/bg_mian_managementsystem.jpg") center center no-repeat;
  background-size: cover;
}
#managementsystem .mainLink_list li {
  position: relative;
  width: calc(100% / 2);
}
#managementsystem .how {
  padding-bottom: 0;
}
#managementsystem .how .contents {
  padding: 50px 82px 75px;
}
@media (max-width: 480px) {
  #managementsystem .how .contents {
    padding: 30px 20px 50px;
  }
}
#managementsystem .how .img_arrow {
  display: block;
  margin: 0 auto;
}
#managementsystem .how_txt + * {
  margin-top: 30px;
}
#managementsystem .how table {
  width: 100%;
  margin: 20px auto 60px;
}
@media (max-width: 480px) {
  #managementsystem .how table {
    width: 100%;
  }
}
#managementsystem .how table.how_table-01 {
  margin: 20px auto;
}
#managementsystem .how table th {
  background: #ccc;
  border: 1px solid #ececec;
  padding: 10px 20px;
  vertical-align: middle;
  box-sizing: border-box;
  color: #fff;
}
@media (max-width: 480px) {
  #managementsystem .how table th {
    padding: 10px;
  }
}
#managementsystem .how table th.head-tbrl {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
#managementsystem .how table th.head-bk {
  background: #000;
}
#managementsystem .how table th.head-dgpr {
  background: #393e61;
}
#managementsystem .how table th.head-lgpr {
  background: #626681;
}
#managementsystem .how table th.head-dpr {
  background: #994991;
}
#managementsystem .how table th.head-lpr {
  background: #d8bad5;
  color: #051034;
}
#managementsystem .how table th.head-dyl {
  background: #d7b075;
}
#managementsystem .how table th.head-lyl {
  background: #f0e1cb;
  color: #051034;
}
#managementsystem .how table td {
  background: #fff;
  border: 1px solid #fff;
  vertical-align: middle;
  padding: 10px 20px;
}
@media (max-width: 480px) {
  #managementsystem .how table td {
    padding: 10px;
  }
}
#managementsystem .how table td.bg-gray {
  background: #f2f2f2;
}
#managementsystem .how table td.bg-lpr {
  background: #f2e8f1;
  color: #051034;
}
#managementsystem .how table td.bg-lpr span {
  color: #7f1b75;
}
#managementsystem .how table td.bg-lyl {
  background: #faf5ed;
  color: #051034;
}
#managementsystem .how table td.bg-lyl span {
  color: #cd9c53;
}
#managementsystem .how table td span {
  font-weight: bold;
}
#managementsystem .how .zoom {
  display: none;
}
@media (max-width: 480px) {
  #managementsystem .how .zoom {
    display: flex;
  }
}
#managementsystem .whatList {
  margin: 0 auto 70px;
}
#managementsystem .whatBuild {
  background: #fff;
  width: 960px;
  margin: 0 auto;
  padding: 35px 70px 60px;
}
@media (max-width: 480px) {
  #managementsystem .whatBuild {
    width: 100%;
    height: auto;
    padding: 30px 15px;
  }
}
#managementsystem .whatBuild * {
  color: #000;
}
#managementsystem .whatBuild .zoom_img {
  pointer-events: none;
}
@media (max-width: 480px) {
  #managementsystem .whatBuild .zoom_img {
    pointer-events: inherit;
  }
}
#managementsystem .whatBuild .zoom_img p {
  color: #fff;
}
#managementsystem .whatBuild .zoom_img a .zoom {
  display: none;
}
@media (max-width: 480px) {
  #managementsystem .whatBuild .zoom_img a .zoom {
    display: flex;
  }
}
#managementsystem .whatBuild .ttl {
  font-size: 2.2rem;
}
#managementsystem .whatBuild_list {
  background: #f3f1f0;
  border-radius: 10px;
  border: solid 2px #297fb8;
}
#managementsystem .whatBuild_list dt {
  position: relative;
  background: #297fb8;
  padding: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
  text-align: center;
  color: #fff;
  border-radius: 5px 5px 0 0;
}
#managementsystem .whatBuild_list dt .number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #297fb8;
  position: absolute;
  top: -18px;
  right: 0;
  left: 0;
  margin: auto;
  font-size: 1.8rem;
  font-family: stix-two-math, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #fff;
  border-radius: 50%;
}
#managementsystem .whatBuild_list dd {
  padding: 10px 20px;
  font-size: 1.4rem;
  border-top: solid 2px #297fb8;
}
#managementsystem .whatBuild_list dd ul li {
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}
#managementsystem .whatBuild_list dd ul li span {
  font-size: 1.2rem;
}
#managementsystem .whatBuild_list dd p {
  font-size: 1.4rem;
}
@media (max-width: 480px) {
  #managementsystem .whatBuild_list {
    width: 100%;
  }
}
#managementsystem .whatBuild_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
#managementsystem .whatBuild_box-01 {
  width: 340px;
}
#managementsystem .whatBuild_box-01 .zoom_img {
  margin-top: 15px;
}
#managementsystem .whatBuild_box-02 {
  width: 94px;
}
#managementsystem .whatBuild_box-02 p {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 75px;
  background: #297fb8;
  margin-bottom: 20px;
  color: #fff;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#managementsystem .whatBuild_box-02 p:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -7px;
  border: 7px solid transparent;
  border-top: 14px solid #297fb8;
}
#managementsystem .whatBuild_box-02 .arrow {
  display: none;
}
@media (max-width: 480px) {
  #managementsystem .whatBuild_box-02 {
    width: 70%;
    margin: 0 auto;
  }
  #managementsystem .whatBuild_box-02 .arrow {
    display: block;
    margin: 0 auto;
  }
  #managementsystem .whatBuild_box-02 p {
    height: auto;
    margin: 15px auto;
    padding: 10px 20px;
  }
  #managementsystem .whatBuild_box-02 p:before {
    content: none;
  }
  #managementsystem .whatBuild_box-02 img {
    display: none;
  }
}
#managementsystem .whatBuild_box-03 {
  width: 340px;
}
#managementsystem .whatBuild_txt {
  margin: 40px 0 20px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
@media (max-width: 480px) {
  #managementsystem .whatBuild_txt {
    margin-top: 20px;
  }
}
#managementsystem .whatBuild_element .js-smartPhoto > img {
  border: solid 2px #ccc;
}
#managementsystem .overallCnt .arrow-down {
  content: "";
  width: 0;
  margin: 10px auto;
  border-style: solid;
  border-color: #297fb8 transparent transparent transparent;
  border-width: 15px 34px 0 34px;
  z-index: 1;
}
#managementsystem .overallCnt-bl {
  position: relative;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #managementsystem .overallCnt-bl {
    margin-bottom: 50px;
    padding: 30px 15px;
  }
}
#managementsystem .overallCnt-bl .arrowBt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  margin: auto;
}
#managementsystem .overallCnt_wrap {
  margin: 0 16px;
}
@media (max-width: 480px) {
  #managementsystem .overallCnt_wrap {
    width: 100%;
    margin: 0 auto;
  }
}
#managementsystem .overallCnt_wrap .zoom_img {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
@media (max-width: 480px) {
  #managementsystem .overallCnt_wrap .zoom_img {
    display: block;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  #managementsystem .overallCnt_wrap .zoom_img > * {
    margin: 0 auto;
    text-align: center;
  }
}
#managementsystem .overallCnt_wrap .zoom_img > * + * {
  margin-left: 20px;
}
@media (max-width: 480px) {
  #managementsystem .overallCnt_wrap .zoom_img > * + * {
    margin: 20px auto 0;
  }
}
#managementsystem .overallCnt_wrap-bl01 {
  position: relative;
}
@media (max-width: 480px) {
  #managementsystem .overallCnt_wrap-bl01 {
    width: 100%;
  }
}
#managementsystem .overallCnt_wrap-bl01 .overallCnt_cnt {
  width: 100%;
}
@media (max-width: 480px) {
  #managementsystem .overallCnt_wrap-bl01 .overallCnt_cnt {
    width: 100%;
    margin-bottom: 20px;
  }
}
#managementsystem .overallCnt_wrap-bl01 .overallCnt_exs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
  padding: 10px 20px;
  border: solid 2px #297fb8;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
}
#managementsystem .overallCnt_wrap-bl01 .overallCnt_exs-01 {
  width: 290px;
  justify-content: center;
}
@media (max-width: 480px) {
  #managementsystem .overallCnt_wrap-bl01 .overallCnt_exs-01 {
    width: 100%;
  }
}
#managementsystem .overallCnt_wrap-bl01 .overallCnt_exs-02 {
  width: 532px;
}
@media (max-width: 480px) {
  #managementsystem .overallCnt_wrap-bl01 .overallCnt_exs-02 {
    width: 100%;
  }
}
#managementsystem .overallCnt_wrap-bl01 .overallCnt_flow {
  width: 100%;
}
@media (max-width: 480px) {
  #managementsystem .overallCnt_wrap-bl01 .overallCnt_flow li {
    width: 100%;
  }
  #managementsystem .overallCnt_wrap-bl01 .overallCnt_flow li + li {
    margin-top: 23px;
  }
}
#managementsystem .overallCnt_wrap-bl01 .overallCnt_flow .ttl {
  margin-bottom: 10px;
}
#managementsystem .overallCnt_wrap-bl01 .overallCnt_flow .txt {
  width: 100%;
  padding-left: 1em;
  text-indent: -1em;
}
#managementsystem .overallCnt_wrap-bl01 .overallCnt_flow-02 li {
  width: 100%;
}
#managementsystem .overallCnt_wrap-bl01 .overallCnt_txt {
  width: 100%;
  margin: 0 0 15px;
  text-align: center;
}
#managementsystem .overallCnt_wrap-bl01 h6 {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
#managementsystem .overallCnt_wrap-bl01 .roundList-wh {
  width: calc(calc(100%/2) - 4px);
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  #managementsystem .overallCnt_wrap-bl01 .roundList-wh {
    width: 100%;
  }
  #managementsystem .overallCnt_wrap-bl01 .roundList-wh + .roundList-wh {
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  #managementsystem .overallCnt_wrap-bl01 .roundList-wh-01 {
    margin-bottom: 0;
  }
}
#managementsystem .overallCnt_wrap-bl01 .roundList-wh-03 {
  width: 100%;
}
#managementsystem .overallCnt_wrap-bl01 .roundList-wh ul {
  padding-left: 1em;
  text-indent: -1em;
}
#managementsystem .overallCnt-rd .overallCnt_wrap {
  width: 820px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #managementsystem .overallCnt-rd .overallCnt_wrap {
    width: 100%;
  }
}
#managementsystem .overallCnt-rd .overallCnt_wrap .col-02 {
  display: flex;
}
@media (max-width: 480px) {
  #managementsystem .overallCnt-rd .overallCnt_wrap .col-02 {
    display: block;
  }
}
#managementsystem .overallCnt-rd .overallCnt_wrap h5 {
  width: 100%;
}
#managementsystem .overallCnt-rd .overallCnt_wrap .roundList-wh {
  width: 100%;
  border: solid 2px #e54253;
}
#managementsystem .overallCnt-rd .overallCnt_wrap .roundList-wh dt {
  color: #e54253;
}
#managementsystem .overallCnt-rd .overallCnt_wrap .roundList-wh dd {
  border-top: solid 2px #e54253;
}
#managementsystem .overallCnt-rd .overallCnt_wrap .roundList-wh dd .ttl {
  font-size: 1.4rem;
  margin-bottom: 10px;
}
#managementsystem .overallCnt-rd .overallCnt_wrap .roundList-wh + .roundList-wh {
  margin-top: 8px;
}
#managementsystem .overallCnt-rd .overallCnt_wrap .zoom_img {
  margin: 20px 0 0 0;
}
#managementsystem .overallCnt-rd .overallCnt_wrap .zoom_img p {
  font-size: 1.2rem;
}
#managementsystem .overallCnt-rd .overallCnt_flow {
  width: 100%;
  margin: 0 auto 20px;
}
@media (max-width: 480px) {
  #managementsystem .overallCnt-rd .overallCnt_flow {
    margin: 0 auto 20px;
  }
}
#managementsystem .overallCnt-rd .overallCnt_flow li {
  background: #fff;
  width: calc(calc(100% - 18px) / 3);
  border-radius: 3px;
}
@media (max-width: 480px) {
  #managementsystem .overallCnt-rd .overallCnt_flow li {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #managementsystem .overallCnt-rd .overallCnt_flow li + li {
    margin-top: 10px;
  }
}
#managementsystem .overallCnt-rd .overallCnt_flow li .ttl {
  background: #e54253;
}
#managementsystem .overallCnt-rd .overallCnt_flow li .txt {
  padding: 10px;
}
#managementsystem .project {
  width: 960px;
  margin: 60px auto 0;
  border: 1px solid #000;
  border-radius: 8px;
  padding: 20px;
}
@media (max-width: 480px) {
  #managementsystem .project {
    width: 90%;
    padding: 5%;
  }
}
#managementsystem .project_ttl {
  margin: 0 auto 20px;
  text-align: center;
  font-size: 3rem;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#managementsystem .project_txt {
  margin: 0 auto 20px;
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#managementsystem .project_phase {
  width: 90%;
  display: flex;
  margin: 0 auto 30px;
}
@media (max-width: 480px) {
  #managementsystem .project_phase {
    display: block;
    width: 100%;
  }
}
#managementsystem .project_phase dl {
  width: 50%;
}
@media (max-width: 480px) {
  #managementsystem .project_phase dl {
    width: 100%;
  }
}
#managementsystem .project_phase dt, #managementsystem .project_phase dd {
  position: relative;
}
#managementsystem .project_phase dt:before, #managementsystem .project_phase dd:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
@media (max-width: 480px) {
  #managementsystem .project_phase dt:before, #managementsystem .project_phase dd:before {
    content: none;
  }
}
#managementsystem .project_phase dt {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
@media (max-width: 480px) {
  #managementsystem .project_phase dt {
    height: auto;
  }
}
#managementsystem .project_phase dt:before {
  border-width: 17px 0 17px 15px;
}
#managementsystem .project_phase dd {
  height: 90px;
  padding: 5px 10px 5px 20px;
  background: #f2f2f2;
}
@media (max-width: 480px) {
  #managementsystem .project_phase dd {
    height: auto;
  }
}
#managementsystem .project_phase dd:before {
  border-width: 45px 0 45px 15px;
}
#managementsystem .project_phase dd p {
  background: url("img/icon_managementsystem_02.png") no-repeat left top 4px;
  padding-left: 20px;
  font-size: 1.4rem;
  line-height: 1.4;
}
#managementsystem .project_phase-01 dt {
  background: #297fb8;
}
#managementsystem .project_phase-01 dt:after {
  content: "";
  position: absolute;
  top: 0;
  right: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #297fb8;
  border-width: 17px 0 17px 15px;
  z-index: 3;
}
@media (max-width: 480px) {
  #managementsystem .project_phase-01 dt:after {
    content: none;
  }
}
#managementsystem .project_phase-01 dd:after {
  content: "";
  position: absolute;
  top: 0;
  right: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #f2f2f2;
  border-width: 43px 0 43px 15px;
  z-index: 3;
}
@media (max-width: 480px) {
  #managementsystem .project_phase-01 dd:after {
    content: none;
  }
}
#managementsystem .project_phase-02 {
  margin-left: 7px;
}
@media (max-width: 480px) {
  #managementsystem .project_phase-02 {
    margin: 10px 0 0 0;
  }
}
#managementsystem .project_phase-02 dt {
  background: #e54253;
}
#managementsystem .project_phase-02 dt:before {
  left: 0;
}
#managementsystem .project h4 {
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
#managementsystem .project img {
  display: block;
  margin: 0 auto;
}
#managementsystem .project .js-smartPhoto {
  position: initial;
}
#managementsystem .project .zoom {
  display: none;
}
@media (max-width: 480px) {
  #managementsystem .project .zoom {
    display: flex;
  }
}

#f-s .center {
  display: block;
  text-align: center;
  margin: auto;
}
#f-s .main {
  background: url("img/bg_mian_f-s.jpg") center center no-repeat;
  background-size: cover;
}
#f-s .mainLink_list li {
  position: relative;
  width: calc(100% / 2);
}
#f-s .how {
  padding: 35px 0 0;
}
@media (max-width: 480px) {
  #f-s .how {
    padding: 0;
  }
}
#f-s .how .contents {
  padding: 50px 50px 40px;
}
@media (max-width: 480px) {
  #f-s .how .contents {
    padding: 30px;
  }
}
#f-s .how_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 480px) {
  #f-s .how_wrap img {
    display: block;
    margin: 0 auto;
  }
}
#f-s .how_box {
  width: 545px;
}
@media (max-width: 480px) {
  #f-s .how_box {
    width: 100%;
    margin-bottom: 30px;
  }
}
#f-s .how_att {
  text-align: right;
}
#f-s .how .zoom_img {
  width: 380px;
}
@media (max-width: 480px) {
  #f-s .how .zoom_img {
    width: 100%;
  }
}
#f-s .how .arrowBt {
  display: block;
  margin: 30px auto;
}
#f-s .how_txt.mb30 {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #f-s .how_txt.mb30 {
    margin-bottom: 20px;
  }
}
#f-s .how_txt span {
  background: linear-gradient(transparent 80%, #f9ce99 80%);
}
#f-s .how_txt span.bold {
  background: none;
  font-size: 2.2rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ W6 JIS2004",sans-serif;
}
#f-s .how_list {
  width: 100%;
  margin: 0 auto 60px;
}
@media (max-width: 480px) {
  #f-s .how_list {
    margin: 0 auto 40px;
  }
}
#f-s .how_list_cnt {
  width: calc(100% - 140px);
}
@media (max-width: 480px) {
  #f-s .how_list_cnt {
    width: 100%;
  }
}
#f-s .how_list_cnt dt h4 {
  font-size: 2.2rem;
}
#f-s .how_list_smp {
  width: 600px;
  margin: 30px auto 60px;
}
@media (max-width: 480px) {
  #f-s .how_list_smp {
    width: 100%;
    margin: 30px auto;
  }
}
#f-s .how_list_smp li {
  font-size: 1.6rem;
  font-weight: bold;
}
@media (max-width: 480px) {
  #f-s .how_list_smp li {
    text-indent: -2.5em;
    padding-left: 1.5em;
  }
}
#f-s .how_list_smp li + li {
  margin-top: 10px;
}
#f-s .how_list_smp li span {
  display: inline-block;
  margin-right: 10px;
  background: #FCC603;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 26px;
  height: 26px;
}
@media (max-width: 480px) {
  #f-s .how_list_smp li span {
    text-indent: 0;
  }
}
@media (max-width: 480px) {
  #f-s .how_list_li {
    display: block;
  }
}
@media (max-width: 480px) {
  #f-s .how_list_ttl {
    margin: 0 auto 20px;
  }
}
#f-s .how_catch {
  font-family: "ヒラギノUD明朝 W4 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.8rem;
  text-align: center;
  line-height: 1.5;
}
#f-s .how_catch span {
  background: linear-gradient(transparent 80%, #f9ce99 80%);
  font-family: "ヒラギノ明朝 W6 JIS2004","Hiragino UD Serif W4 JIS2004","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.8rem;
  line-height: 1.5;
}
#f-s .how_catch_txt {
  width: 660px;
}
@media (max-width: 480px) {
  #f-s .how_catch_txt {
    margin-bottom: 20px;
  }
}
#f-s .how .overallCnt_flow_imgwrap {
  margin: 80px auto 110px;
}
@media (max-width: 480px) {
  #f-s .how .overallCnt_flow_imgwrap {
    margin: 30px auto;
  }
}
#f-s .how .overallCnt_flow_imgwrap img {
  max-width: inherit;
}
@media (max-width: 480px) {
  #f-s .how .overallCnt_flow_imgwrap img {
    max-width: 100%;
  }
}
#f-s .overallCnt .arrow-down {
  content: "";
  width: 0;
  margin: 10px auto;
  border-style: solid;
  border-color: #297fb8 transparent transparent transparent;
  border-width: 15px 34px 0 34px;
  z-index: 1;
}
#f-s .overallCnt h4 {
  width: 100%;
}
#f-s .overallCnt_ttl {
  margin-top: 40px;
}
#f-s .overallCnt_wrap {
  margin: 0 16px;
}
@media (max-width: 480px) {
  #f-s .overallCnt_wrap {
    width: 100%;
    margin: 0 auto;
  }
}
#f-s .overallCnt_wrap .zoom_img {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
@media (max-width: 480px) {
  #f-s .overallCnt_wrap .zoom_img {
    display: block;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  #f-s .overallCnt_wrap .zoom_img > * {
    margin: 0 auto;
    text-align: center;
  }
}
#f-s .overallCnt_wrap .zoom_img > * + * {
  margin-left: 20px;
}
@media (max-width: 480px) {
  #f-s .overallCnt_wrap .zoom_img > * + * {
    margin: 20px auto 0;
  }
}
#f-s .overallCnt_wrap-bgr .wtBox {
  border: solid 2px #1FAECD;
}
#f-s .overallCnt_wrap-bgr .arrow-down {
  border-color: #1FAECD transparent transparent transparent;
}
#f-s .overallCnt_wrap-bgr .overallCnt_flow {
  width: 100%;
  margin-bottom: 20px;
}
#f-s .overallCnt_wrap-bgr .overallCnt_flow li {
  width: calc(calc(100% / 3) - 8px);
}
@media (max-width: 480px) {
  #f-s .overallCnt_wrap-bgr .overallCnt_flow li {
    width: 100%;
  }
  #f-s .overallCnt_wrap-bgr .overallCnt_flow li + li {
    margin-top: 10px;
  }
}
#f-s .overallCnt_wrap-bgr .overallCnt_flow li .ttl {
  margin-bottom: 10px;
}
#f-s .overallCnt_wrap-bgr .overallCnt_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px 0 0;
}
#f-s .overallCnt_wrap-bgr .overallCnt_cnt .roundList-wh {
  width: calc(calc(100% / 3) - 8px);
  background: #e2ecf7;
  border: solid 2px #1FAECD;
}
@media (max-width: 480px) {
  #f-s .overallCnt_wrap-bgr .overallCnt_cnt .roundList-wh {
    width: 100%;
  }
  #f-s .overallCnt_wrap-bgr .overallCnt_cnt .roundList-wh + .roundList-wh {
    margin-top: 10px;
  }
}
#f-s .overallCnt_wrap-bgr .overallCnt_cnt .roundList-wh dt {
  background: #e2ecf7;
  color: #1FAECD;
}
#f-s .overallCnt_wrap-bgr .overallCnt_cnt .roundList-wh dd {
  border-top: solid 2px #1FAECD;
}
#f-s .overallCnt_wrap-pbl .overall_box {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 20px;
  padding: 15px 30px;
}
@media (max-width: 480px) {
  #f-s .overallCnt_wrap-pbl .overall_box {
    padding: 15px;
  }
}
#f-s .overallCnt_wrap-pbl .overall_box p {
  margin-left: 20px;
  padding-left: 20px;
  border-left: solid #ccc 1px;
}
@media (max-width: 480px) {
  #f-s .overallCnt_wrap-pbl .overall_box p {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    border: none;
    border-top: solid 1px #ccc;
  }
}
#f-s .overallCnt_wrap-pbl .overallCnt_flow {
  display: flex;
  justify-content: space-between;
}
#f-s .overallCnt_wrap-pbl .overallCnt_flow li {
  width: calc(calc(100% / 2) - 8px);
  margin-top: 0;
}
#f-s .overallCnt_wrap-pbl .overallCnt_flow li:nth-child(n+2) .ttl {
  margin-top: 0;
}
#f-s .overallCnt_wrap-pbl .overallCnt_flow li:nth-child(n+2) .txt {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #f-s .overallCnt_wrap-pbl .overallCnt_flow li {
    width: 100%;
  }
  #f-s .overallCnt_wrap-pbl .overallCnt_flow li + li {
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  #f-s .overallCnt_wrap-pbl .overallCnt_flow li .txt {
    margin-bottom: 0 !important;
  }
}
#f-s .overallCnt_wrap-dbl .overall_box {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding: 15px 30px;
}
#f-s .overallCnt_wrap-dbl .overall_box p {
  margin-left: 20px;
  padding-left: 20px;
  border-left: solid #ccc 1px;
}
#f-s .overallCnt_wrap-dbl .att {
  width: 100%;
  font-size: 1.2rem;
  text-align: right;
}
#f-s .overallCnt_wrap-dbl .overallCnt_cnt {
  width: 100%;
}
#f-s .overallCnt_wrap-dbl .overallCnt_flow_imgwrap {
  margin: 20px auto 40px;
}
#f-s .overallCnt_wrap-dbl .overallCnt_flow {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
#f-s .overallCnt_wrap-dbl .overallCnt_flow:after {
  content: "";
  display: block;
  width: calc(calc(100% / 3) - 8px);
  height: 0;
}
#f-s .overallCnt_wrap-dbl .overallCnt_flow li {
  width: calc(calc(100% / 3) - 8px);
  margin-top: 0;
}
#f-s .overallCnt_wrap-dbl .overallCnt_flow li .ttl {
  text-align: left !important;
}
@media (max-width: 480px) {
  #f-s .overallCnt_wrap-dbl .overallCnt_flow li .txt {
    margin-bottom: 0;
  }
}
#f-s .overallCnt_wrap-dbl .overallCnt_flow li + li .ttl {
  margin-top: 0;
}
#f-s .overallCnt_wrap-dbl .overallCnt_flow li:nth-child(n+3) .ttl {
  margin-top: 0;
}
#f-s .overallCnt_wrap-dbl .overallCnt_flow li:nth-child(n+3) .txt {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #f-s .overallCnt_wrap-dbl .overallCnt_flow li {
    width: 100%;
  }
  #f-s .overallCnt_wrap-dbl .overallCnt_flow li + li {
    margin-top: 10px;
  }
}
#f-s .overallCnt_wrap-bag .txt {
  margin: auto;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  #f-s .overallCnt_wrap-bag .txt {
    margin: 0;
  }
}
#f-s .overallCnt_wrap-bag .txt_list {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  height: 30px;
  margin: 10px 0;
  color: #BE855C;
  border: 1px solid #BE855C;
  text-align: center;
  border-radius: 3px;
}
@media (max-width: 480px) {
  #f-s .overallCnt_wrap-bag .txt_list {
    width: 100%;
  }
}
#f-s .overallCnt_wrap-bag .att {
  width: 100%;
  font-size: 1.2rem;
  text-align: right;
}
#f-s .overallCnt_wrap-bag .overallCnt_cnt {
  width: 100%;
}
#f-s .overallCnt_wrap-bag .overallCnt_flow_imgwrap {
  margin: 0 auto 20px;
}
#f-s .overallCnt_wrap-bag .overallCnt_flow {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
#f-s .overallCnt_wrap-bag .overallCnt_flow:after {
  content: "";
  display: block;
  width: calc(calc(100% / 3) - 8px);
  height: 0;
}
#f-s .overallCnt_wrap-bag .overallCnt_flow li {
  width: calc(calc(100% / 3) - 8px);
  margin-top: 0;
}
#f-s .overallCnt_wrap-bag .overallCnt_flow li .ttl {
  justify-content: center;
  text-align: center;
  border-radius: 3px;
}
#f-s .overallCnt_wrap-bag .overallCnt_flow li + li .ttl {
  margin-top: 0;
}
#f-s .overallCnt_wrap-bag .overallCnt_flow li:nth-child(n+3) .ttl {
  margin-top: 0;
}
#f-s .overallCnt_wrap-bag .overallCnt_flow li:nth-child(n+3) .txt {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  #f-s .overallCnt_wrap-bag .overallCnt_flow li {
    width: 100%;
  }
  #f-s .overallCnt_wrap-bag .overallCnt_flow li + li {
    margin-top: 10px;
  }
}