@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*utf-8ですよ*/
/**************************************************************************/
.card_box {
  display: none;
  width: 100%;
  padding: 0 50px;
  text-align: center; }
  .card_box .card_item {
    padding: 50px 200px 50px 0;
    max-width: 940px;
    width: 100%;
    margin: 0 auto;
    background: url("../images/card/bg.jpg") center right no-repeat;
    background-size: 190px; }
  .card_box .top {
    font: 30px/1.0em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    color: #00469B;
    margin-bottom: 15px; }
  .card_box .big {
    font: 55px/1.0em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
    color: #00469B;
    margin-bottom: 15px; }
    .card_box .big br {
      display: none; }
  .card_box a {
    display: inline-block;
    font: 22px/48px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    color: #fff;
    background-color: #00469B;
    font-weight: bold;
    width: 430px;
    padding: 3px 0 0;
    transition: .3s; }
    .card_box a:hover {
      background-color: #E60311; }

@media (max-width: 768px) {
  .card_box {
    width: 100%;
    padding: 0 15px;
    text-align: center; }
    .card_box .card_item {
      padding: 50px 0 50px 0;
      max-width: 480px;
      width: 100%;
      margin: 0 auto;
      background: none;
      background-size: 190px; }
    .card_box .top {
      font: 28px/1.0em  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      color: #00469B;
      margin-bottom: 10px; }
      .card_box .top span {
        display: none; }
    .card_box .big {
      font: 34px/1.3em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: bold;
      color: #00469B;
      padding: 0 0 220px;
      position: relative;
      margin-bottom: 20px; }
      .card_box .big br {
        display: block; }
      .card_box .big:before {
        position: absolute;
        content: "";
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        /* Safari用 */
        transform: translate(-50%, 0%);
        display: block;
        width: 340px;
        height: 206px;
        background: url("../images/card/anshin_blue.jpg") center top no-repeat;
        background-size: 340px; }
    .card_box a {
      display: inline-block;
      font: 20px/48px  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      color: #fff;
      background-color: #E60012;
      font-weight: bold;
      width: 100%;
      max-width: 340px;
      padding: 3px 0 0;
      transition: .3s; }
      .card_box a:hover {
        background-color: #E60012; } }
/**************************************************************************/
.list_btn {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  background-color: #898989;
  border: 3px solid #fff;
  display: block;
  color: #fff;
  text-align: center;
  font: 20px/53px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 700;
  border-radius: 15px;
  position: relative;
  transition: .3s; }
  .list_btn:before {
    position: absolute;
    content: "";
    right: 38px;
    top: 20px;
    width: 10px;
    height: 10px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: .3s; }
  .list_btn:hover {
    background-color: #fff;
    border: 3px solid #898989;
    display: block;
    color: #898989; }
    .list_btn:hover:before {
      border-top: 4px solid #898989;
      border-right: 4px solid #898989; }

.list_span {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  background-color: #ccc;
  border: 3px solid #fff;
  display: block;
  color: #fff;
  text-align: center;
  font: 20px/53px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 700;
  border-radius: 15px;
  position: relative;
  transition: .3s; }
  .list_span:before {
    position: absolute;
    content: "";
    right: 38px;
    top: 20px;
    width: 10px;
    height: 10px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: .3s; }

/**************************************************************************/
.mv {
  background-color: #3E3A39;
  margin: 0;
  padding: 0;
  line-height: 0;
  position: relative;
  z-index: 5; }
  .mv .slider {
    background-color: #3E3A39;
    margin: 0 auto;
    width: 100%;
    max-width: 1980px; }
  .mv .slider img {
    height: auto;
    width: 100%; }
  .mv .slick-slider {
    padding: 0 !important; }

/**************************************************************************/
.index_head {
  background-color: #3E3A39;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 40px 0 10px;
  overflow: hidden; }
  .index_head p {
    font: 80px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    background-color: none; }

@media (max-width: 1340px) {
  .index_head p {
    font: 73px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700; } }
@media (max-width: 768px) {
  .index_head {
    background-color: #3E3A39;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 20px 15px 25px; }
    .index_head p {
      font: 25px/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      margin: 0 auto; } }
/**************************************************************************/
.merit {
  position: relative;
  overflow: hidden; }
  .merit:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 60px 0 60px;
    border-color: #fff transparent transparent transparent;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    /* Safari用 */
    transform: translate(-50%, 0%); }
  .merit .box {
    background-color: #2E74B6;
    position: relative;
    padding: 120px 40px 30px;
    text-align: center; }
    .merit .box h2 {
      display: inline-block;
      color: #fff;
      background-color: #000;
      border-radius: 50px;
      font: 40px/65px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      padding: 5px 50px;
      margin-bottom: 60px; }
    .merit .box ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: center;
      justify-content: center;
      align-items: flex-start;
      margin: 0 auto;
      max-width: 1500px; }
    .merit .box li {
      margin-bottom: 70px;
      width: calc(100% / 3);
      max-width: 480px;
      color: #fff; }
      .merit .box li:nth-of-type(4), .merit .box li:nth-of-type(5) {
        margin-bottom: 70px;
        width: calc(100% / 2);
        max-width: 550px;
        color: #fff; }
    .merit .box h3 {
      font: 68px/83px Arial, Helvetica, "sans-serif";
      font-weight: 700;
      position: relative;
      margin: 0 auto 20px;
      color: #FFFFFF;
      width: 85px;
      height: 85px;
      z-index: 5; }
      .merit .box h3:before {
        position: absolute;
        content: "";
        background-color: #F08300;
        border: 1px solid #DCE2F1;
        width: 85px;
        height: 85px;
        top: -2px;
        left: 0;
        z-index: -1; }
      .merit .box h3:after {
        position: absolute;
        content: "";
        border: 1px solid #DCE2F1;
        width: 85px;
        height: 85px;
        z-index: -5;
        left: 5px;
        top: 3px; }
    .merit .box p {
      font: 28px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700; }
      .merit .box p strong {
        color: #FFF100;
        font: 35px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700; }

@media (max-width: 1340px) {
  .merit .box {
    background-color: #2E74B6;
    position: relative;
    padding: 120px 40px 30px;
    text-align: center; }
    .merit .box li {
      margin-bottom: 70px;
      width: calc(100% / 3);
      padding: 0 15px;
      color: #fff; }
      .merit .box li br {
        display: none; } }
@media (max-width: 768px) {
  .merit:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 45px 45px 0 45px;
    border-color: #fff transparent transparent transparent;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    /* Safari用 */
    transform: translate(-50%, 0%); }
  .merit .box {
    background-color: #2E74B6;
    position: relative;
    padding: 95px 15px 70px;
    text-align: center; }
    .merit .box h2 {
      display: inline-block;
      width: 100%;
      color: #fff;
      background-color: #000;
      border-radius: 50px;
      font: 24px/40px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      padding: 5px 15px;
      margin-bottom: 35px;
      max-width: 480px; }
    .merit .box ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: center;
      justify-content: center;
      align-items: flex-start;
      margin: 0 auto;
      max-width: 480px;
      width: 100%; }
    .merit .box li {
      max-width: 640px;
      width: 100%;
      margin: 0 auto;
      padding: 15px 0;
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      align-items: flex-start;
      border-bottom: 1px solid #fff; }
      .merit .box li:nth-of-type(4), .merit .box li:nth-of-type(5) {
        max-width: 640px;
        width: 100%;
        color: #fff;
        margin: 0 auto; }
    .merit .box h3 {
      font: 40px/53px Arial, Helvetica, "sans-serif";
      font-weight: 700;
      position: relative;
      margin: 5px 0 0;
      color: #FFFFFF;
      width: 55px;
      height: 55px;
      z-index: 5; }
      .merit .box h3:before {
        width: 55px;
        height: 55px;
        top: -2px;
        left: 0;
        z-index: -1; }
      .merit .box h3:after {
        width: 55px;
        height: 55px;
        z-index: -5;
        left: 5px;
        top: 3px; }
    .merit .box p {
      width: calc(100% - 80px);
      font: 20px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      text-align: left; }
      .merit .box p strong {
        color: #FFF100;
        font: 25px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700; } }
/*max-width:1024px*/
/**************************************************************************/
.settle {
  position: relative;
  padding: 150px 0 220px;
  text-align: center;
  overflow: hidden;
  z-index: 1; }
  .settle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 120px 100vw  0 0;
    border-color: #3E3A39 transparent transparent transparent; }
  .settle .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1200px;
    width: calc(100% - 80px);
    margin: 0 auto;
    text-align: left !important;
    position: relative; }
    .settle .box p {
      width: 100%;
      margin: 0 auto;
      text-align: center;
      font: 24px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: center;
      justify-content: center;
      align-items: center;
      height: 140px;
      background-color: #FFFABC;
      border: 3px solid #000;
      position: relative;
      margin-bottom: 25px; }
      .settle .box p:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        bottom: -30px;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        /* Safari用 */
        transform: translate(-50%, 0);
        border-style: solid;
        border-width: 30px 30px 0 30px;
        border-color: #FFFABC transparent transparent transparent;
        z-index: 5; }
      .settle .box p:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        bottom: -34px;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        /* Safari用 */
        transform: translate(-50%, 0);
        border-style: solid;
        border-width: 34px 34px 0 34px;
        border-color: #000 transparent transparent transparent;
        z-index: 1; }
  .settle .item {
    max-width: 340px;
    width: calc((100% - 60px) / 3); }
  .settle h2 {
    display: inline-block;
    color: #fff;
    background-color: #E60012;
    border-radius: 50px;
    font: 40px/65px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    padding: 5px 50px;
    margin-bottom: 65px; }
    .settle h2 strong {
      color: #FFF100; }
  .settle dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    font: 22px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    border: 2px solid #C9CACA;
    border-radius: 50px;
    width: 125px;
    margin-bottom: 15px; }
    .settle dt span {
      font: 32px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      color: #E60012; }
  .settle dd {
    color: #E60012;
    font: 40px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    margin-bottom: 15px; }
  .settle img {
    margin-bottom: 20px;
    width: 100%; }
  .settle .settle_span {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    background-color: #898989;
    border: 3px solid #fff;
    display: block;
    color: #fff;
    text-align: center;
    font: 20px/53px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    border-radius: 15px;
    position: relative;
    transition: .3s; }
    .settle .settle_span:before {
      position: absolute;
      content: "";
      right: 38px;
      top: 20px;
      width: 10px;
      height: 10px;
      border-top: 4px solid #fff;
      border-right: 4px solid #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      transition: .3s; }
  .settle .list_span {
    background-color: #ccc; }
  .settle a:hover {
    color: #000; }
    .settle a:hover .settle_span {
      background-color: #fff;
      border: 3px solid #898989;
      display: block;
      color: #898989; }
      .settle a:hover .settle_span:before {
        border-top: 4px solid #898989;
        border-right: 4px solid #898989; }

/*220118*/
.banner_catalogs {
  background: url("../images/index/banner_catalogs.png") center center no-repeat;
  background-size: contain;
  display: block;
  margin: 100px auto 0;
  width: 824px;
  height: 120px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  transition: .3s; }
  .banner_catalogs:hover {
    opacity: 0.5; }

@media (max-width: 768px) {
  .settle {
    position: relative;
    padding: 60px 15px 40px;
    text-align: center; }
    .settle:before {
      display: none; }
    .settle .item {
      max-width: 340px;
      width: 100%;
      margin: 0 auto 45px; }
    .settle .box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      align-items: flex-start;
      width: calc(100% - 30px); }
    .settle h2 {
      max-width: 480px;
      display: inline-block;
      color: #fff;
      background-color: #E60012;
      border-radius: 15px;
      font: 24px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      padding: 10px 15px;
      width: 100%;
      margin-bottom: 40px; }
      .settle h2 strong {
        color: #FFF100; }
    .settle dt {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: center;
      justify-content: center;
      align-items: center;
      font: 22px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      border: 2px solid #C9CACA;
      border-radius: 50px;
      width: 125px;
      margin-bottom: 15px; }
      .settle dt span {
        font: 32px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700;
        color: #E60012; }
    .settle dd {
      color: #E60012;
      font: 30px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      margin-bottom: 15px; }
    .settle p {
      width: 100%;
      margin: 0 auto;
      text-align: center;
      font: 20px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: center;
      justify-content: center;
      align-items: center;
      height: auto;
      background-color: #FFFABC;
      border: 3px solid #000;
      position: relative;
      padding: 15px 15px 20px;
      margin-bottom: 25px; }
      .settle p:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        bottom: -30px;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        border-style: solid;
        border-width: 30px 30px 0 30px;
        border-color: #FFFABC transparent transparent transparent;
        z-index: 5; }
      .settle p:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        bottom: -33px;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        bottom: -34px;
        border-style: solid;
        border-width: 34px 34px 0 34px;
        border-color: #000 transparent transparent transparent;
        z-index: 1; }
    .settle img {
      margin-bottom: 20px;
      width: 100%; }

  /*220118*/
  .banner_catalogs {
    background: url("../images/index/banner_catalogs.png") center center no-repeat;
    background-size: contain;
    display: block;
    margin: 0px auto 50px;
    max-width: 680px;
    width: 100%;
    height: 0;
    padding: 19% 0 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap; }
    .banner_catalogs:hover {
      opacity: 1; } }
/**************************************************************************/
.reports {
  text-align: center;
  background-color: #BAE3F9;
  padding: 120px 40px 120px;
  position: relative; }
  .reports:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 60px 0 60px;
    border-color: #2E74B6 transparent transparent transparent;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    /* Safari用 */
    transform: translate(-50%, 0%); }
  .reports:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 60px 0 60px;
    border-color: #BAE3F9 transparent transparent transparent;
    bottom: -60px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    /* Safari用 */
    transform: translate(-50%, 0%); }
  .reports h2 {
    display: inline-block;
    color: #fff;
    background-color: #2E74B6;
    border-radius: 50px;
    font: 40px/65px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    padding: 5px 50px;
    margin: 0 auto 90px; }
    .reports h2 strong {
      color: #FFF100; }
  .reports ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 40px; }
  .reports li {
    max-width: 210px;
    width: calc((100% - 150px)/5);
    margin: 0 37px 40px 0;
    font: 20px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    color: #2E74B6; }
    .reports li:nth-child(5n) {
      margin: 0 0 40px 0; }
    .reports li img {
      width: 100%;
      height: auto; }

@media (max-width: 768px) {
  .reports {
    padding: 95px 15px 50px; }
    .reports:before {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 45px 45px 0 45px;
      border-color: #2E74B6 transparent transparent transparent;
      top: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%); }
    .reports:after {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 45px 45px 0 45px;
      border-color: #BAE3F9 transparent transparent transparent;
      bottom: -45px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%); }
    .reports h2 {
      display: inline-block;
      color: #fff;
      background-color: #2E74B6;
      border-radius: 15px;
      font: 24px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      padding: 10px 15px;
      width: 100%;
      max-width: 480px;
      margin: 0  auto 40px; }
      .reports h2 strong {
        color: #FFF100;
        display: block; }
    .reports ul {
      -webkit-justify-content: space-between;
      justify-content: space-between;
      align-items: flex-start;
      width: 100%;
      margin: 0 auto;
      max-width: 480px; }
    .reports li {
      max-width: 210px;
      width: calc((100% - 20px) / 2);
      margin: 0 0 25px 0;
      font: 16px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      color: #2E74B6; }
      .reports li:nth-child(5n) {
        margin: 0 0 20px 0; } }
/**************************************************************************/
.system {
  padding: 130px 40px 110px;
  background-color: #2E74B6;
  text-align: center; }
  .system h2 {
    display: inline-block;
    color: #2E74B6;
    background-color: #FFF799;
    border-radius: 50px;
    font: 40px/65px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    padding: 5px 50px;
    margin: 0 auto 75px; }
  .system ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto 75px;
    width: 100%; }
  .system li {
    max-width: 300px;
    width: calc(100% / 4);
    background-color: #fff;
    border-right: #C9CACA 1px solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 99px 0px 40px; }
    .system li:nth-of-type(odd) {
      background-color: #F2F2F3; }
  .system h4 {
    font: 28px/1.3em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    width: 100%;
    color: #2E74B6;
    margin-bottom: 20px;
    min-height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    position: relative; }
    .system h4:before {
      position: absolute;
      content: "";
      background: url("../images/index/system_icon.svg") center center no-repeat;
      width: 45px;
      height: 45px;
      top: -60px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%); }
  .system p {
    font: 20px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 400;
    width: 100%; }

@media (max-width: 768px) {
  .system {
    padding: 95px 15px 60px;
    background-color: #2E74B6;
    text-align: center; }
    .system h2 {
      font: 24px/40px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      padding: 5px 40px;
      margin: 0 auto 40px; }
    .system ul {
      flex-direction: column;
      margin: 0 auto 40px;
      width: 100%;
      max-width: 480px; }
    .system li {
      max-width: 100%;
      width: 100%;
      background-color: #fff;
      border-right: #C9CACA 1px solid;
      flex-direction: row;
      align-items: center;
      padding: 15px 15px 15px 10px; }
    .system h4 {
      font: 18px/1.3em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      width: 50%;
      padding: 45px 15px 0 0;
      margin-bottom: 0;
      min-height: auto; }
      .system h4:before {
        background-size: contain;
        width: 35px;
        height: 35px;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        /* Safari用 */
        transform: translate(-50%, 0%); }
      .system h4.two:before {
        top: 0; }
    .system div {
      width: 50%; }
      .system div p {
        font: 16px/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 400;
        text-align: left;
        margin-bottom: 8px; }
        .system div p:last-of-type {
          margin-bottom: 0px; } }
/**************************************************************************/
.works {
  padding: 85px 40px 110px;
  margin: 0 0 80px;
  background-color: #3E3A39;
  text-align: center; }
  .works h2 {
    display: inline-block;
    color: #3E3A39;
    background-color: #FFF799;
    border-radius: 50px;
    font: 40px/65px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    padding: 5px 50px;
    margin: 0 auto 75px;
    max-width: 350px;
    width: 100%; }
  .works ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 990px;
    width: 100%;
    margin: 0 auto 85px; }
  .works li {
    max-width: 300px;
    width: calc((100% - 90px) / 3);
    text-align: left;
    font: 18px/2em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 500;
    color: #fff;
    position: relative; }
    .works li:nth-child(2) {
      margin: 0 45px; }
    .works li a {
      position: absolute;
      width: 100%;
      height: 100%;
      display: block;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      /* Safari用 */
      transform: translate(-50%, -50%);
      z-index: 5; }
    .works li:hover img {
      height: 110%; }
  .works h4 {
    margin-bottom: 15px; }
  .works .pic {
    border: 2px solid #fff;
    width: 100%;
    padding-top: 75%;
    overflow: hidden;
    position: relative;
    margin-bottom: 3px; }
    .works .pic img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      /* Safari用 */
      transform: translate(-50%, -50%);
      width: auto;
      height: 100%;
      transition: .3s; }
  .works .works_btn {
    display: block;
    width: 150px;
    margin: 0 auto;
    background: #898989;
    border: 2px solid #fff;
    text-align: center;
    border-radius: 10px;
    font: 16px/35px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 500;
    transition: .3s; }
  .works li:hover .works_btn {
    background: #fff;
    color: #898989;
    border: 2px solid #898989; }

@media (max-width: 768px) {
  .works {
    padding: 60px 15px 80px;
    margin: 0 0 50px;
    background-color: #3E3A39;
    text-align: center; }
    .works h2 {
      display: inline-block;
      color: #3E3A39;
      background-color: #FFF799;
      border-radius: 50px;
      font: 24px/40px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      padding: 5px 50px;
      margin: 0 auto 75px;
      max-width: 300px;
      width: 100%; }
    .works ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      align-items: flex-start;
      max-width: 300px;
      width: 100%;
      margin: 0 auto 85px; }
    .works li {
      max-width: 300px;
      width: 100%;
      margin: 0 auto 50px; }
      .works li:nth-child(2) {
        margin: 0 auto 50px; }
      .works li:nth-child(3) {
        margin: 0 auto; }
      .works li:hover img {
        height: 100%; } }
/**************************************************************************/
.pricing_box02 {
  width: calc(100% - 80px);
  max-width: 1200px;
  margin: 0 auto 170px;
  border: 5px solid #FFD900;
  border-radius: 15px;
  padding: 60px 60px; }
  .pricing_box02 .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 50px; }
  .pricing_box02 h2 {
    width: 100%;
    font: 42px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px; }
  .pricing_box02 .item {
    width: 460px;
    text-align: center; }
    .pricing_box02 .item p:nth-child(1) {
      font: 38px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700; }
      .pricing_box02 .item p:nth-child(1) span {
        font: 29px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700; }
    .pricing_box02 .item .price {
      color: #C30D23;
      font: 80px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      margin: 10px 0 25px; }
      .pricing_box02 .item .price span {
        color: #000;
        font: 25px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700;
        margin: 0 0 0 10px; }
    .pricing_box02 .item p:nth-child(3) {
      font: 20px/1.7em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      margin: 0 0 15px; }
    .pricing_box02 .item p:nth-child(4) {
      font: 16px/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 400; }
  .pricing_box02 .txt {
    text-align: justify;
    text-justify: inter-ideograph;
    width: calc(100% - 530px);
    max-width: 590px;
    font: 20px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 400; }
  .pricing_box02 a {
    display: block;
    margin: 0 auto;
    background: url("../images/index/banner_catalogs-02.png") center center no-repeat;
    background-size: contain;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 824px;
    height: 121px; }
    .pricing_box02 a:hover {
      opacity: 0.5; }

@media (max-width: 768px) {
  .pricing_box02 {
    width: calc(100% - 30px);
    max-width: 480px;
    margin: 0 auto 70px;
    padding: 30px 20px 40px; }
    .pricing_box02 .box {
      margin: 0 auto 20px; }
    .pricing_box02 h2 {
      width: 100%;
      font: 32px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700; }
    .pricing_box02 .item {
      width: 100%;
      text-align: center;
      /*p:nth-child(4){
          font:16px/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
          font-weight:400;
          margin-bottom: 25px;
      }*/ }
      .pricing_box02 .item p:nth-child(1) {
        font: 28px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700; }
        .pricing_box02 .item p:nth-child(1) span {
          font: 19px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
          font-weight: 700; }
      .pricing_box02 .item .price {
        color: #C30D23;
        font: 60px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700; }
        .pricing_box02 .item .price span {
          color: #000;
          font: 20px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
          font-weight: 700; }
      .pricing_box02 .item p:nth-child(3) {
        font: 18px/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700;
        margin-bottom: 15px; }
    .pricing_box02 .txt {
      width: 100%;
      font: 17px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 400; }
    .pricing_box02 a {
      display: block;
      margin: 0 auto;
      background: url("../images/index/banner_catalogs-02.png") center center no-repeat;
      background-size: contain;
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      width: 100%;
      height: 0;
      padding: 18% 0 0; }
      .pricing_box02 a:hover {
        opacity: 1; } }
/*max-width:480px*/
.pricing_box {
  width: calc(100% - 80px);
  max-width: 1200px;
  margin: 0 auto 170px;
  border: 5px solid #FFD900;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  padding: 60px; }
  .pricing_box h2 {
    width: 100%;
    font: 42px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    text-align: center;
    margin-bottom: 35px; }
  .pricing_box div {
    width: 400px;
    text-align: center; }
    .pricing_box div p:nth-child(1) {
      font: 38px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700; }
      .pricing_box div p:nth-child(1) span {
        font: 29px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700; }
    .pricing_box div .price {
      color: #C30D23;
      font: 80px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      margin: 10px 0 20px; }
      .pricing_box div .price span {
        color: #000;
        font: 25px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700;
        margin: 0 0 0 10px; }
    .pricing_box div p:nth-child(3) {
      font: 18px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700; }
  .pricing_box .txt {
    text-align: justify;
    text-justify: inter-ideograph;
    width: calc(100% - 420px);
    max-width: 590px;
    font: 20px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 400; }

@media (max-width: 768px) {
  .pricing_box {
    width: calc(100% - 30px);
    max-width: 480px;
    margin: 0 auto 70px;
    padding: 30px 25px; }
    .pricing_box h2 {
      width: 100%;
      font: 32px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700; }
    .pricing_box div {
      width: 100%;
      text-align: center; }
      .pricing_box div p:nth-child(1) {
        font: 28px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700; }
        .pricing_box div p:nth-child(1) span {
          font: 19px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
          font-weight: 700; }
      .pricing_box div .price {
        color: #C30D23;
        font: 60px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700; }
        .pricing_box div .price span {
          color: #000;
          font: 20px/1em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
          font-weight: 700; }
      .pricing_box div p:nth-child(3) {
        font: 16px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700;
        margin-bottom: 25px; }
    .pricing_box .txt {
      width: 100%;
      font: 17px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 400; } }
/*max-width:480px*/
/**************************************************************************/
.support_box {
  padding: 120px 0 0;
  background: linear-gradient(45deg, #FFEEA0 25%, #FFF8D9 25%, #FFF8D9 50%, #FFEEA0 50%, #FFEEA0 75%, #FFF8D9 75%, #FFF8D9);
  background-size: 18px 18px; }
  .support_box .item {
    max-width: 1200px;
    padding: 0 0 0 0;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: flex-end; }
    .support_box .item img {
      margin: 0 0 0 -140px; }
    .support_box .item span {
      display: block;
      max-width: 815px;
      width: calc(100% - 380px);
      margin: 0 0 100px auto;
      padding: 0 10px 0 0; }
  .support_box h2 {
    color: #EA5514;
    font: 58px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    margin-bottom: 10px; }
    .support_box h2 br {
      display: none; }
  .support_box .sub {
    font: 23px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    margin-bottom: 40px; }
  .support_box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%; }
  .support_box li {
    font: 20px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    text-align: center;
    position: relative;
    padding-top: 95px;
    margin: 0 15px 0 0; }
    .support_box li:before {
      position: absolute;
      content: "";
      width: 100px;
      height: 85px;
      display: block;
      top: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%); }
    .support_box li:nth-child(1):before {
      background: url("../images/lp01/box09/icon-01.svg") center top no-repeat;
      background-size: contain; }
    .support_box li:nth-child(2):before {
      background: url("../images/lp01/box09/icon-02.svg") center top no-repeat;
      background-size: contain; }
    .support_box li:nth-child(3):before {
      background: url("../images/lp01/box09/icon-03.svg") center top no-repeat;
      background-size: contain; }
    .support_box li:nth-child(4) {
      margin: 0; }
      .support_box li:nth-child(4):before {
        background: url("../images/lp01/box09/icon-04.svg") center top no-repeat;
        background-size: contain; }

@media (max-width: 1280px) {
  .support_box {
    padding: 100px 0 0; }
    .support_box .item {
      max-width: 768px;
      padding: 0 0 0 0;
      width: 100%;
      margin: 0 auto; }
      .support_box .item span {
        display: block;
        max-width: 768px;
        width: 100%;
        margin: 0 0 50px auto;
        padding: 0 15px 0; }
    .support_box img {
      display: none; }
    .support_box h2 {
      color: #EA5514;
      font: 50px/1.2em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      margin-bottom: 10px;
      max-width: auto;
      padding: 40px 0 0 220px;
      margin-bottom: 25px;
      text-align: left; }
    .support_box .sub {
      margin-bottom: 45px;
      max-width: 768px;
      padding: 0 0 0 220px;
      position: relative; }
      .support_box .sub:before {
        position: absolute;
        content: "";
        display: block;
        background: url("../images/lp01/box09/man.png") bottom center no-repeat;
        background-size: contain;
        width: 310px;
        height: 290px;
        left: -125px;
        bottom: -20px; }
    .support_box ul {
      width: 100%;
      max-width: 768px; }
    .support_box li {
      text-align: center;
      position: relative;
      padding-top: 95px;
      margin: 0 0 40px 0; } }
/*max-width:1280px*/
@media (max-width: 768px) {
  .support_box {
    padding: 50px 0 0; }
    .support_box .item {
      max-width: 375px;
      padding: 0 0 0 0;
      width: 100%;
      margin: 0 auto; }
      .support_box .item span {
        display: block;
        max-width: 768px;
        width: 100%;
        margin: 0 0 50px auto;
        padding: 0 15px 0; }
    .support_box img {
      display: none; }
    .support_box h2 {
      color: #EA5514;
      font: 32px/1.2em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      margin-bottom: 10px;
      max-width: auto;
      padding: 0 0 0;
      margin-bottom: 25px;
      text-align: center; }
    .support_box .sub {
      font: 18px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      margin-bottom: 45px;
      max-width: 768px;
      padding: 0 0 0 160px;
      position: relative; }
      .support_box .sub:before {
        position: absolute;
        content: "";
        display: block;
        background: url("../images/lp01/box09/man.png") bottom center no-repeat;
        background-size: contain;
        width: 180px;
        height: 205px;
        left: -40px;
        bottom: -15px; }
    .support_box ul {
      width: 100%;
      margin-bottom: 0; }
    .support_box li {
      font: 15px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      text-align: center;
      position: relative;
      padding-top: 95px;
      margin: 0 0 40px 0;
      width: calc((100% - 20px) / 2); } }
/*max-width:480px*/
.youtube_box {
  max-width: 640px;
  width: 100%;
  position: relative;
  height: 360px;
  margin: 0 auto; }

.youtube {
  width: 100%;
  padding: 50px 30px 60px;
  background-color: #CCE4FF; }

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .youtube_box {
    max-width: 640px;
    width: 100%;
    position: relative;
    height: auto;
    padding-top: 55.5%;
    margin: 0 auto; }

  .youtube {
    width: 100%;
    padding: 50px 15px 60px; }

  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important; } }
/*max-width:768px*/
/*max-width:480px*/