@charset "UTF-8";
/* Scss Document */
.target {
  display: block;
  margin: -150px 0 0;
  padding: 150px 0 0; }

@media (max-width: 480px) {
  .target {
    display: block;
    margin: -100px 0 0;
    padding: 100px 0 0; } }
/*max-width:480px*/
/*****************************/
.link_box {
  border-radius: 25px;
  max-width: 1000px;
  width: calc(100% - 100px);
  margin: 65px auto 55px;
  background: linear-gradient(90deg, #fabe00, #fff100);
  padding: 80px 40px 50px; }
  .link_box h1 {
    color: #0c3e8c;
    text-align: center;
    font: 40px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    margin: 0 0 40px; }
    .link_box h1 br {
      display: none; }
  .link_box a {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 auto 30px;
    max-width: 760px;
    min-height: 160px;
    background-color: #fff;
    border: 3px solid #0c3e8c; }
    .link_box a:before {
      position: absolute;
      content: "";
      display: block;
      width: 40px;
      height: 40px;
      background: url("../images/common/arrow_big.svg") center center no-repeat #0c3e8c;
      background-size: 15px 15px;
      top: 50%;
      left: auto;
      right: 20px;
      transform: translate(0%, -50%);
      border-radius: 50%; }
    .link_box a img {
      width: 246px; }
    .link_box a span {
      color: #0c3e8c;
      display: block;
      width: calc(100% - 246px);
      padding: 0 30px; }
    .link_box a small {
      font: 18px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      display: block;
      margin: 0 0 5px; }
    .link_box a p {
      font: 27px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700; }
      .link_box a p br.num2 {
        display: none; }
    .link_box a:hover span {
      color: darkorange; }

/*min-width:1920px*/
/*max-width:1280px*/
@media (max-width: 1024px) {
  .link_box {
    width: calc(100% - 80px);
    margin: 65px auto 30px;
    padding: 80px 30px 50px; }
    .link_box a {
      max-width: 615px; }
      .link_box a:before {
        width: 40px;
        height: 40px;
        right: 15px;
        transform: translate(0%, -50%);
        border-radius: 50%; }
      .link_box a img {
        width: 246px; }
      .link_box a span {
        padding: 0 75px 0 20px;
        color: #0c3e8c;
        display: block;
        width: calc(100% - 246px); }
      .link_box a small {
        font: 18px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700;
        display: block;
        margin: 0 0 5px; }
      .link_box a p {
        font: 24px/1.4em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700; }
        .link_box a p br {
          display: none; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .link_box {
    width: calc(100% - 50px);
    margin: 55px auto 30px;
    padding: 50px 30px 50px; }
    .link_box h1 {
      font: 30px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      margin: 0 0 30px; }
      .link_box h1 br {
        display: block; }
    .link_box a {
      max-width: 480px; }
      .link_box a:before {
        display: none; }
      .link_box a img {
        width: 100%; }
      .link_box a span {
        color: #0c3e8c;
        display: block;
        width: 100%;
        padding: 20px 80px 20px 20px;
        position: relative;
        max-width: 375px;
        margin: 0 auto; }
        .link_box a span:before {
          position: absolute;
          content: "";
          display: block;
          width: 40px;
          height: 40px;
          background: url("../images/common/arrow_big.svg") center center no-repeat #0c3e8c;
          background-size: 15px 15px;
          top: 50%;
          left: auto;
          right: 20px;
          transform: translate(0%, -50%);
          border-radius: 50%;
          border-radius: 50px; }
      .link_box a small {
        font: 16px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700;
        display: block;
        margin: 0 0 5px; }
      .link_box a p {
        font: 24px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .link_box {
    width: calc(100% - 40px);
    margin: 30px auto 30px;
    padding: 40px 25px 20px; }
    .link_box h1 {
      font: 26px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      margin: 0 0 20px; }
    .link_box a span {
      color: #0c3e8c;
      display: block;
      width: 100%;
      padding: 20px 60px 20px 20px;
      position: relative;
      max-width: 375px;
      margin: 0 auto; }
      .link_box a span:before {
        width: 30px;
        height: 30px;
        background: url("../images/common/arrow_big.svg") center center no-repeat #0c3e8c;
        background-size: 10px 10px;
        right: 15px; }
    .link_box a small {
      font: 15px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      display: block;
      margin: 0 0 5px; }
    .link_box a p {
      font: 22px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700; }
      .link_box a p br.num2 {
        display: block; } }
/*max-width:480px*/
/******************************/
.manual_box {
  border-radius: 25px;
  max-width: 1000px;
  width: calc(100% - 100px);
  margin: 0 auto;
  padding: 60px 40px 35px;
  background: linear-gradient(90deg, #5eb7e8, #9fd9f6); }
  .manual_box h2 {
    font: 36px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    text-align: center;
    margin: 0 0 40px;
    color: #0c3e8c; }
  .manual_box a {
    color: #0c3e8c;
    font: 27px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    display: block;
    max-width: 760px;
    background-color: #fff;
    border: 3px solid #0c3e8c;
    position: relative;
    padding: 25px 130px 25px 30px;
    margin: 0 auto 30px;
    border-radius: 10px; }
    .manual_box a span {
      font: 22px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      padding: 0 0 0 15px; }
    .manual_box a br {
      display: none; }
    .manual_box a:before {
      position: absolute;
      content: "";
      display: block;
      width: 90px;
      height: 32px;
      background: url("../images/attempt/pdf.svg") center center no-repeat;
      background-size: contain;
      top: 50%;
      left: auto;
      right: 15px;
      transform: translate(0%, -50%); }
    .manual_box a:hover {
      color: darkorange; }

@media (max-width: 1024px) {
  .manual_box {
    width: calc(100% - 80px);
    margin: 0 auto;
    padding: 80px 30px 50px; }
    .manual_box h2 {
      font: 36px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      text-align: center;
      color: #0c3e8c; }
    .manual_box a {
      max-width: 640px;
      padding: 15px 130px 15px 30px; }
      .manual_box a span {
        padding: 0;
        display: block; }
      .manual_box a br {
        display: block; }
        .manual_box a br.num2 {
          display: none; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .manual_box {
    max-width: 640px;
    width: calc(100% - 50px);
    padding: 50px 30px 50px; }
    .manual_box h2 {
      font: 30px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      margin: 0 0 30px; }
    .manual_box a {
      font: 24px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      max-width: 480px;
      width: 100%;
      padding: 20px 20px 60px 20px; }
      .manual_box a span {
        font: 20px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700; }
      .manual_box a:before {
        width: 80px;
        height: 32px;
        right: auto;
        top: auto;
        bottom: 15px;
        left: 20px;
        transform: translate(0%, 0%); } }
/*max-width:768px*/
@media (max-width: 480px) {
  .manual_box {
    max-width: 355px;
    width: calc(100% - 40px);
    padding: 40px 25px 20px; }
    .manual_box h2 {
      font: 26px / 1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      margin: 0 0 20px; }
    .manual_box a {
      font: 22px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      max-width: 480px;
      width: 100%;
      /*&:before{
        width: 68px;
        height:25px;
        top: 15px;
        left:0;
        right: auto;
        transform: translate(0%, 0%);
      }*/ }
      .manual_box a span {
        font: 18px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700;
        padding: 5px 0 0; }
      .manual_box a br.num2 {
        display: block; } }
/*max-width:480px*/
/*****************************/
.attempt_all {
  padding: 0 0 200px; }

/*****************************/
.mv {
  width: 100%;
  margin: 0 auto 140px;
  position: relative;
  background: linear-gradient(90deg, #fabe00, #fff100); }
  .mv .mv_box {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    position: relative; }
  .mv:before {
    height: 840px;
    position: absolute;
    content: "";
    display: block;
    width: 45%;
    max-width: 1240px;
    right: 0;
    top: 0;
    background: url("../images/attempt/case01_mv04.png") left center no-repeat;
    background-size: auto 100%; }

.mv {
  /* width: 100%;
   margin: 0 auto 45px;
   position: relative;*/ }
  .mv.case01 .img {
    background: url("../images/attempt/case01_mv01.png") left center no-repeat;
    background-size: auto 100%; }
  .mv.case01 h1 {
    background: url("../images/attempt/case01_mv02.svg") center top no-repeat;
    background-size: contain; }
  .mv.case02 .img {
    background: url("../images/attempt/case02_mv01.png") left center no-repeat;
    background-size: auto 100%; }
  .mv.case02 h1 {
    background: url("../images/attempt/case02_mv02.svg") center top no-repeat;
    background-size: contain; }
  .mv .img {
    position: absolute;
    max-width: 1100px;
    width: calc(100% - 700px);
    height: 720px;
    top: 50%;
    right: 0;
    left: auto;
    transform: translate(0%, -50%); }
  .mv .txt {
    /*background: url("../images/attempt/case01_mv03.svg") right center no-repeat;
    background-size: cover;*/
    height: 840px;
    max-width: 1240px;
    width: calc(100% - 100px);
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    padding: 0 0 0 80px; }
    .mv .txt h1 {
      aspect-ratio: 800/545;
      width: 100%;
      max-width: 800px;
      height: auto;
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap; }

@media (min-width: 1920px) {
  .mv:before {
    width: 100%;
    max-width: 100%;
    background: url("../images/attempt/case01_mv04.png") right center no-repeat;
    background-size: 50% 100%; } }
/*min-width:1920px*/
@media (max-width: 1280px) {
  .mv:before {
    height: 700px; }
  .mv .img {
    position: absolute;
    max-width: 1100px;
    width: calc(100% - 524px);
    height: 600px;
    top: 50%;
    right: 0;
    left: auto;
    transform: translate(0%, -50%); }
  .mv .txt {
    height: 700px;
    max-width: 1240px;
    width: calc(100% - 100px);
    padding: 0 0 0 60px; }
    .mv .txt h1 {
      max-width: 600px; } }
/*max-width:1280px*/
@media (max-width: 1024px) {
  .attempt_all {
    padding: 0 0 100px; }

  .mv {
    width: 100%;
    margin: 0 auto 45px;
    position: relative; }
    .mv:before {
      width: 40%;
      height: 346px; }
    .mv .mv_box {
      margin: 0 auto; }
    .mv .img {
      width: calc(100% - 330px);
      aspect-ratio: 1100/720;
      max-width: 450px;
      height: auto;
      margin: 0 0 0 auto; }
    .mv .txt {
      height: 100%;
      max-width: 100%;
      width: calc(100% - 20px);
      position: relative;
      display: block;
      padding: 50px 40px 50px 60px; }
      .mv .txt h1 {
        width: calc(100% - 50px);
        max-width: 360px;
        height: auto; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .attempt_all {
    padding: 0 0 100px; }

  .mv {
    background: #fff; }
    .mv .img {
      position: relative;
      width: calc(100% - 30px);
      aspect-ratio: 1100/720;
      max-width: 600px;
      height: auto;
      top: auto;
      right: auto;
      left: auto;
      transform: translate(0%, 0%);
      margin: -30px 0 0 auto; }
    .mv .txt {
      background: url("../images/attempt/case01_mv03.svg") right center no-repeat;
      background-size: cover;
      height: auto;
      max-width: 100%;
      width: calc(100% - 20px);
      position: relative;
      display: block;
      padding: 50px 40px 70px; }
      .mv .txt h1 {
        width: calc(100% - 50px);
        max-width: 350px; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .attempt_all {
    padding: 0 0 100px; }

  .mv .img {
    width: calc(100% - 20px);
    aspect-ratio: 1100/720;
    max-width: 640px;
    margin: -35px 0 0 auto; }
  .mv .txt {
    max-width: 768px;
    width: calc(100% - 20px);
    position: relative;
    display: block;
    padding: 30px 30px 60px 30px; }
    .mv .txt h1 {
      width: calc(100% - 30px); } }
/*max-width:480px*/
/*****************************/
.case_box h2 {
  color: #0c3e8c;
  font: 47px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 700;
  text-align: center;
  margin: 0 auto 100px; }
  .case_box h2 span {
    font: 32px/52px "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    display: block;
    margin: 20px auto 0;
    width: fit-content;
    padding: 0 25px;
    height: 55px;
    border: 1px solid #0c3e8c; }
  .case_box h2 br {
    display: none; }

.case_item {
  max-width: 1090px;
  margin: 0 auto 100px;
  width: calc(100% - 100px); }
  .case_item.last_item {
    margin: 100px auto 200px; }
    .case_item.last_item ul {
      margin-bottom: 40px; }
  .case_item h3 {
    color: #0c3e8c;
    font: 22px/73px "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    height: 75px;
    margin: 0 0 40px;
    padding: 0 0 0 75px;
    position: relative; }
    .case_item h3 span {
      position: relative;
      z-index: 5;
      padding: 0 0 0 90px;
      width: 425px;
      display: block;
      background-color: #fdd22b; }
      .case_item h3 span:before {
        position: absolute;
        content: "";
        display: block;
        top: 50%;
        left: 20px;
        transform: translate(0%, -50%);
        aspect-ratio: 56/41;
        width: 100%;
        max-width: 56px;
        height: auto; }
      .case_item h3 span.num01::before {
        background: url("../images/attempt/number-01.svg") center center no-repeat;
        background-size: contain; }
      .case_item h3 span.num02::before {
        background: url("../images/attempt/number-02.svg") center center no-repeat;
        background-size: contain; }
      .case_item h3 span.num03::before {
        background: url("../images/attempt/number-03.svg") center center no-repeat;
        background-size: contain; }
      .case_item h3 span.num04::before {
        background: url("../images/attempt/number-04.svg") center center no-repeat;
        background-size: contain; }
    .case_item h3:before {
      position: absolute;
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      background-color: #0c3e8c;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      /* Safari用 */
      transform: translate(-50%, -50%); }
    .case_item h3:after {
      top: 0;
      left: 40px;
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0px 0px 37px 37px;
      border-color: transparent transparent #0c3e8c transparent; }
  .case_item p {
    font: 17px/1.8em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 400; }
  .case_item ul {
    margin-bottom: 40px; }
    .case_item ul.mb15 {
      margin-bottom: 15px; }
  .case_item li {
    font: 17px/1.8em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 400;
    position: relative;
    padding: 0 0 0 20px;
    margin: 0 0 5px;
    text-align: justify;
    text-justify: inter-ideograph; }
    .case_item li:before {
      position: absolute;
      content: "";
      left: 0;
      top: 8px;
      display: block;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background-color: #bdbcd9; }
  .case_item h4 {
    display: inline-flex;
    align-items: flex-start;
    width: fit-content;
    padding: 6px 20px 7px;
    font: 18px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    margin: 0 0 20px;
    border: 1px solid #b5b5b6; }
    .case_item h4 span {
      display: inline-block;
      width: 1.5em; }
  .case_item .pic_flex {
    margin: 0 auto 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; }
    .case_item .pic_flex > div {
      width: calc((100% - 30px)/2); }
    .case_item .pic_flex img {
      width: 100%;
      margin: 0 auto 5px; }
    .case_item .pic_flex p {
      font: 14px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 400; }
  .case_item .graph_flex {
    border-radius: 20px;
    width: 100%;
    padding: 50px;
    background-color: #fff5d7;
    margin: 0 auto; }
    .case_item .graph_flex div {
      max-width: 920px;
      margin: 0 auto;
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: stretch; }
    .case_item .graph_flex p {
      font: 22px/1em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      text-align: center;
      margin: 0 auto 55px; }
    .case_item .graph_flex .graph01,
    .case_item .graph_flex .graph02 {
      max-width: 380px;
      width: calc((100% - 80px)/2); }
  .case_item .case02_flex_item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    margin: 0 auto 45px; }
  .case_item .case02_item {
    margin: 0 auto 45px; }
  .case_item .txt_item {
    width: calc(100% - 555px); }
  .case_item .pic_item {
    width: 480px; }
    .case_item .pic_item img {
      width: 100%;
      margin: 0 auto 5px; }
    .case_item .pic_item p {
      font: 14px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 400; }
  .case_item .case02_graph {
    border-radius: 20px;
    width: 100%;
    max-width: 720px;
    padding: 50px;
    background-color: #fff5d7;
    margin: 0 auto; }
    .case_item .case02_graph p {
      font: 22px/1em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      text-align: center;
      margin: 0 auto 35px; }
    .case_item .case02_graph img {
      display: block;
      margin: 0 auto;
      max-width: 100%; }

@media (max-width: 1280px) {
  .case_box h2 br {
    display: block; }
    .case_box h2 br.num02 {
      display: none; } }
/*max-width:1280px*/
@media (max-width: 1024px) {
  .case_box h2 br {
    display: block; }
    .case_box h2 br.num02 {
      display: block; }

  .case_item {
    max-width: 1090px;
    margin: 0 auto 75px;
    width: calc(100% - 80px); }
    .case_item .case02_flex_item {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: stretch;
      margin: 0 auto 45px; }
    .case_item .case02_item {
      margin: 0 auto 45px; }
    .case_item .txt_item {
      width: calc(100% - 450px); }
    .case_item .pic_item {
      width: 400px; }
      .case_item .pic_item img {
        width: 100%;
        margin: 0 auto 5px; }
      .case_item .pic_item p {
        font: 14px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 400; }
    .case_item .case02_graph {
      border-radius: 20px;
      width: 100%;
      max-width: 720px;
      padding: 50px;
      background-color: #fff5d7;
      margin: 0 auto; }
      .case_item .case02_graph p {
        font: 22px/1em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700;
        text-align: center;
        margin: 0 auto 35px; }
      .case_item .case02_graph img {
        display: block;
        margin: 0 auto;
        max-width: 100%; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .case_box h2 {
    color: #0c3e8c;
    font: 32px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700; }
    .case_box h2 span {
      font: 25px/47px "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      margin: 15px auto 0;
      height: 50px; }

  .case_item {
    max-width: 480px;
    width: calc(100% - 50px); }
    .case_item .pic_flex > div {
      width: 100%;
      max-width: 480px;
      margin: 0 auto 25px; }
    .case_item h3 {
      font: 20px/63px "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      height: 65px;
      padding: 0 0 0 55px;
      position: relative; }
      .case_item h3 span {
        position: relative;
        z-index: 5;
        padding: 0 0 0 80px;
        max-width: 425px;
        width: calc(100% - 40px); }
        .case_item h3 span:before {
          top: 50%;
          left: 20px;
          transform: translate(0%, -50%);
          aspect-ratio: 56/41;
          width: 100%;
          max-width: 45px;
          height: auto; }
      .case_item h3:after {
        left: 20px;
        border-width: 0px 0px 34px 35px; }
    .case_item .graph_flex {
      max-width: 480px;
      margin: 0 auto;
      display: block; }
      .case_item .graph_flex p {
        margin-bottom: 35px; }
      .case_item .graph_flex .graph01,
      .case_item .graph_flex .graph02 {
        max-width: 380px;
        width: 100%;
        margin: 0 auto 10px; }
      .case_item .graph_flex .arrow {
        display: block;
        max-width: 55px;
        margin: 5px auto 15px;
        transform: rotate(90deg); }
    .case_item .case02_flex_item {
      display: block;
      margin: 0 auto 45px; }
    .case_item .case02_item {
      margin: 0 auto 45px; }
    .case_item .txt_item {
      width: 100%; }
      .case_item .txt_item ul {
        margin-bottom: 20px; }
    .case_item .pic_item {
      width: 400px; }
      .case_item .pic_item img {
        width: 100%;
        margin: 0 auto 5px; }
      .case_item .pic_item p {
        font: 14px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 400; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .case_box h2 {
    color: #0c3e8c;
    font: 25px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    margin: 0 auto 60px; }
    .case_box h2 span {
      height: 40px;
      font: 18px/38px "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700; }

  .case_item {
    width: calc(100% - 50px);
    margin: 0 auto 50px; }
    .case_item.last_item {
      margin: 80px auto 65px; }
      .case_item.last_item ul {
        margin-bottom: 35px; }
    .case_item h3 {
      font: 18px/53px "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      height: 55px;
      padding: 0 0 0 41px;
      position: relative;
      margin-bottom: 25px; }
      .case_item h3 span {
        position: relative;
        z-index: 5;
        padding: 0 0 0 60px;
        max-width: 425px;
        width: calc(100% - 30px); }
        .case_item h3 span:before {
          top: 50%;
          left: 15px;
          transform: translate(0%, -50%);
          aspect-ratio: 56/41;
          width: 100%;
          max-width: 30px;
          height: auto; }
      .case_item h3:after {
        left: 15px;
        border-width: 0px 0px 28px 26px; }
    .case_item li {
      font: 16px/1.8em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 400; }
    .case_item h4 {
      font: 16px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700; }
      .case_item h4 span {
        display: inline-block;
        width: 1.5em; }
    .case_item .graph_flex {
      padding: 40px 25px 30px; }
      .case_item .graph_flex p {
        font: 18px/1em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700;
        margin-bottom: 35px; }
      .case_item .graph_flex .arrow {
        max-width: 35px;
        margin: 5px auto 15px; }
    .case_item .case02_graph {
      padding: 40px 25px 30px; }
      .case_item .case02_graph p {
        font: 18px/1em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700;
        margin-bottom: 35px; }
    .case_item .pic_flex {
      margin: 35px auto 0; }
      .case_item .pic_flex > div {
        width: 100%;
        max-width: 375px;
        margin: 0 auto 25px; }
      .case_item .pic_flex img {
        width: 100%;
        margin: 0 auto 5px; }
      .case_item .pic_flex p {
        font: 14px/1.5em "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 400; } }
/*max-width:480px*/
/*****************************/
.btn {
  border: 4px solid #0c3e8c;
  display: block;
  width: calc(100% - 100px);
  max-width: 540px;
  height: 80px;
  text-align: center;
  border-radius: 50px;
  font: 18px/75px "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 700;
  margin: 0 auto;
  letter-spacing: 0.05em; }
  .btn:hover {
    color: darkorange; }

@media (max-width: 768px) {
  .btn {
    max-width: 400px;
    height: 70px;
    font: 18px/63px "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .btn {
    max-width: 300px;
    height: 60px;
    font: 16px/52px "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700; } }
/*max-width:480px*/