@charset "UTF-8";
/* Scss Document */
/*utf-8ですよ*/
/****************************************************************/
p.mincho {
  font-size: 17px;
  font-family: 'Noto Serif JP','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
  font-weight: 300;
  line-height: 2.0em; }

p.Gothic {
  font-size: 17px;
  font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
  font-weight: 300;
  line-height: 2.0em; }

/****************************************************************/
.list_btn {
  max-width: 360px;
  width: calc(100% - 40px);
  margin: 0 auto;
  display: block;
  text-align: center;
  font: 17px/60px 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
  font-weight: 500;
  border-radius: 50px;
  border: #D92817 solid 2px;
  color: #D92817; }
  .list_btn:hover {
    position: relative;
    top: -10px;
    color: #D92817;
    border: #D92817 solid 2px; }

h2.block {
  max-width: 490px;
  width: calc(100% - 40px);
  margin: 0 auto 75px;
  font: 45px/80px 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
  font-weight: 500;
  height: 90px;
  border: #D92817 4px solid;
  color: #D92817;
  text-align: center; }

/*max-width:1280px*/
/*max-width:1024px*/
/*max-width:768px*/
@media (max-width: 480px) {
  h2.block {
    max-width: 490px;
    width: calc(100% - 80px);
    margin: 0 auto 75px;
    font: 28px/50px 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 500;
    height: 60px;
    border: #D92817 4px solid;
    color: #D92817;
    text-align: center; } }
/*max-width:480px*/
/****************************************************************/
.mv {
  position: relative;
  z-index: 10; }
  .mv p {
    background: url("../images/index_good/main_mv.png") center top no-repeat;
    background-size: contain;
    max-width: 1250px;
    width: calc(100% - 40px);
    height: auto;
    aspect-ratio: 1250/975;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .mv {
    position: relative;
    z-index: 10;
    padding: 6% 0 0 0; }
    .mv p {
      background: url("../images/index_good/main_mv-sp.png") center top no-repeat;
      background-size: contain;
      max-width: 750px;
      width: 100%;
      aspect-ratio: 750/970; } }
/*max-width:768px*/
/*max-width:480px*/
/****************************************************************/
.video {
  padding: 245px 0 70px;
  margin: -210px 0 0;
  background-color: #231815;
  color: #fff;
  position: relative; }
  .video:after {
    position: absolute;
    content: "";
    top: auto;
    left: 50%;
    bottom: -55px;
    -webkit-transform: translate(-50%, 0%);
    /* Safari用 */
    transform: translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 55px 60px 0 60px;
    border-color: #231815 transparent transparent transparent; }
  .video .video_bnr {
    max-width: 1214px;
    margin: 0 auto;
    width: calc(100% - 80px);
    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; }
  .video a {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: calc((100% - 20px)/2);
    max-width: 420px;
    position: relative;
    display: block;
    height: 100px;
    margin: 0 20px 0 0; }
  .video .youtube {
    position: relative;
    background: url("../images/index_good/bnr01.svg") center center no-repeat;
    background-size: contain; }
  .video .hiramaz {
    position: relative;
    background: url("../images/index_good/bnr02.svg") center center no-repeat;
    background-size: contain; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .video {
    padding: 70px 0 50px;
    margin: -10% 0 0;
    color: #fff; }
    .video .video_bnr {
      max-width: 1214px;
      margin: 0 auto;
      width: calc(100% - 40px);
      display: block; }
    .video a {
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      width: 100%;
      max-width: 420px;
      aspect-ratio: 420/100;
      position: relative;
      display: block;
      height: auto;
      margin: 0 auto 20px; }
    .video:after {
      bottom: -45px;
      border-width: 45px 45px 0 45px; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .video {
    padding: 40px 0 20px;
    margin: -10% 0 0; }
    .video .top {
      margin: 0 auto 15px; } }
/*max-width:480px*/
/****************************************************************/
.osusume {
  padding: 70px 0 20px;
  text-align: center;
  background: url("../images/index_good/osusume_bg.jpg") center top repeat-x; }
  .osusume h2 {
    font: 63px/1.4em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    text-align: center;
    color: #D92817;
    margin: 0 auto 50px; }
  .osusume img {
    width: 100%;
    max-width: 1000px; }
  .osusume 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;
    max-width: 1080px;
    width: 100%;
    margin: 0 auto 40px; }
  .osusume li {
    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;
    width: calc((100% - 60px)/4);
    max-width: 250px;
    color: #D92817;
    border: 5px solid #D92817;
    font: 22px/1.5em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    padding: 15px 10px;
    position: relative; }
    .osusume li:after {
      position: absolute;
      content: "";
      top: auto;
      bottom: -35px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%);
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 35px 35px 0 35px;
      border-color: #fff transparent transparent transparent; }
    .osusume li:before {
      position: absolute;
      content: "";
      top: auto;
      bottom: -41px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%);
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 41px 41px 0 41px;
      border-color: #D92817 transparent transparent transparent; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .osusume {
    padding: 65px 15px 20px;
    text-align: center;
    background: url("../images/index_good/osusume_bg.jpg") center top repeat-x; }
    .osusume h2 {
      font: 6.8vw/1.4em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      text-align: center;
      color: #D92817;
      margin: 0 auto 30px; }
    .osusume ul {
      max-width: 480px;
      width: 100%;
      margin: 0 auto 25px; }
    .osusume li {
      width: calc((100% - 15px)/2);
      max-width: 250px;
      color: #D92817;
      border: 5px solid #D92817;
      font: 3.0vw/1.5em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      padding: 15px 10px;
      position: relative;
      margin: 0 0 15px; }
      .osusume li:after, .osusume li:before {
        display: none; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .osusume ul {
    margin: 0 auto 30px; }
  .osusume li {
    font: 4.0vw/1.5em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700; } }
/*max-width:480px*/
/****************************************************************/
.merit {
  background-color: #D92817;
  padding: 80px 0 100px; }
  .merit h2.block {
    border: #fff 4px solid;
    color: #fff;
    margin: 0 auto 70px; }
  .merit ul {
    max-width: 1080px;
    width: calc(100% - 40px);
    margin: 0 auto;
    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; }
  .merit li {
    max-width: 310px;
    width: calc((100% - 60px)/3);
    color: #fff;
    padding: 140px 0 0;
    position: relative; }
    .merit li.merit01:before {
      position: absolute;
      content: "";
      width: 121px;
      height: 123px;
      background: url("../images/index_good/merit-01.svg") center center no-repeat;
      background-size: contain;
      display: block;
      top: 20px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%); }
    .merit li.merit02:before {
      position: absolute;
      content: "";
      width: 245px;
      height: 135px;
      background: url("../images/index_good/merit-02.svg") center center no-repeat;
      background-size: contain;
      display: block;
      top: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%); }
    .merit li.merit03:before {
      position: absolute;
      content: "";
      width: 250px;
      height: 125px;
      background: url("../images/index_good/merit-03.svg") center center no-repeat;
      background-size: contain;
      display: block;
      top: 10px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%); }
  .merit span {
    text-align: center;
    font: 36px/1.6em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    display: block;
    margin: 0 0 8px; }
  .merit p {
    font: 18px/1.6em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 400;
    text-align: justify;
    text-justify: inter-ideograph; }
    .merit p.comment {
      font: 15px/1.6em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 400;
      text-align: center;
      position: relative;
      margin: 10px 0 0;
      padding: 2px 0 3px 10px;
      border: 1px solid #fff;
      width: fit-content; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .merit {
    background-color: #D92817;
    padding: 80px 0 100px; }
    .merit h2.block {
      border: #fff 4px solid;
      color: #fff; }
    .merit ul {
      max-width: 480px;
      width: calc(100% - 40px);
      display: flex;
      flex-direction: column; }
    .merit li {
      max-width: 100%;
      width: 100%;
      color: #fff;
      padding: 0 0 0 170px;
      margin: 0 0 40px; }
      .merit li.merit01:before {
        width: 80px;
        height: 83px;
        top: 50%;
        left: 40px;
        -webkit-transform: translate(0%, -50%);
        /* Safari用 */
        transform: translate(0%, -50%); }
      .merit li.merit02:before {
        width: 147px;
        height: 80px;
        top: 50%;
        left: 5px;
        -webkit-transform: translate(0%, -50%);
        /* Safari用 */
        transform: translate(0%, -50%); }
      .merit li.merit03:before {
        width: 150px;
        height: 74px;
        top: 50%;
        left: 0%;
        -webkit-transform: translate(0%, -50%);
        /* Safari用 */
        transform: translate(0%, -50%); }
    .merit span {
      text-align: left;
      font: 30px/1.6em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      display: block;
      margin: 0 0 5px; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .merit {
    background-color: #D92817;
    padding: 60px 0 40px; }
    .merit h2.block {
      border: #fff 4px solid;
      color: #fff;
      margin: 0 auto 45px; }
    .merit ul {
      max-width: 480px;
      width: calc(100% - 40px);
      display: flex;
      flex-direction: column; }
    .merit li {
      max-width: 100%;
      width: 100%;
      color: #fff;
      padding: 0 0 0 110px;
      margin: 0 0 30px; }
      .merit li.merit01:before {
        width: 60px;
        height: 63px;
        top: 50%;
        left: 15px;
        -webkit-transform: translate(0%, -50%);
        /* Safari用 */
        transform: translate(0%, -50%); }
      .merit li.merit02:before {
        width: 88px;
        height: 47px;
        top: 50%;
        left: 5px;
        -webkit-transform: translate(0%, -50%);
        /* Safari用 */
        transform: translate(0%, -50%); }
      .merit li.merit03:before {
        width: 90px;
        height: 45px;
        top: 50%;
        left: 0%;
        -webkit-transform: translate(0%, -50%);
        /* Safari用 */
        transform: translate(0%, -50%); }
    .merit span {
      text-align: left;
      font: 22px/1.6em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      display: block;
      margin: 0 0 5px; }
    .merit 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: justify;
      text-justify: inter-ideograph; } }
/*max-width:480px*/
/****************************************************************/
.features {
  background: url("../images/index_good/features_bg.jpg") center center;
  padding: 80px 0 120px; }
  .features h2 {
    background-color: #fff;
    margin: 0 auto 130px; }
  .features .features_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;
    max-width: 1200px;
    width: calc(100% - 40px);
    margin: 0 auto 60px; }
  .features .box01 {
    padding: 0 40px; }
    .features .box01 .pic {
      width: 100%;
      max-width: 450px;
      height: auto;
      aspect-ratio: 450/540;
      position: relative;
      display: block; }
      .features .box01 .pic:before {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 450/540;
        border: 2px solid #D92817;
        top: -15px;
        left: -15px; }
    .features .box01 img {
      width: 100%; }
    .features .box01 .txt {
      max-width: 500px;
      width: 100%; }
  .features p {
    font: 26px/1.7em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    color: #D92817;
    position: relative; }
    .features p:before {
      position: absolute;
      font: 110px/1.0em 'Noto Serif JP','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
      font-weight: 400; }
    .features p.txt01 {
      padding: 0 0 0 90px;
      margin: 0 0 80px; }
      .features p.txt01:before {
        content: "1";
        top: -16px;
        left: 0; }
    .features p.txt02 {
      display: block;
      width: 455px;
      margin: 0 0 0 auto;
      padding: 0 0 0 90px; }
      .features p.txt02:before {
        content: "2";
        top: -20px;
        left: 0; }
    .features p.txt03 {
      display: block;
      padding: 0 20px 0 90px;
      margin: 0 0 55px; }
      .features p.txt03:before {
        content: "3";
        top: -20px;
        left: 0; }
    .features p.txt04 {
      display: block;
      padding: 0 20px 0 90px;
      margin: 0 0 100px; }
      .features p.txt04:before {
        content: "4";
        top: -30px;
        left: 0; }
      .features p.txt04 br {
        display: none; }
    .features p.txt05 {
      display: block;
      padding: 0 0 0 90px;
      margin: 0 0 0 30px; }
      .features p.txt05:before {
        content: "5";
        top: -40px;
        left: 0; }
    .features p span {
      background: linear-gradient(transparent 90%, #f8b62d 0%);
      display: inline; }
      .features p span.small {
        display: block;
        background: none;
        font: 16px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
        font-weight: 700;
        margin: 8px 0 0; }
  .features .box02 {
    padding: 0 40px;
    margin: 0 auto 60px; }
    .features .box02 .pic {
      width: 100%;
      max-width: 450px;
      height: auto;
      aspect-ratio: 450/300;
      position: relative;
      display: block; }
      .features .box02 .pic:before {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 450/300;
        border: 2px solid #D92817;
        top: -15px;
        left: -15px; }
    .features .box02 img {
      width: 100%; }
    .features .box02 .txt {
      max-width: 500px;
      width: 100%;
      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-end;
      justify-content: flex-end;
      align-items: flex-start; }
  .features .box03 {
    padding: 0 40px;
    margin: 0 auto; }
    .features .box03 .pic {
      width: 100%;
      max-width: 400px;
      height: auto;
      aspect-ratio: 400/300;
      position: relative;
      display: block; }
      .features .box03 .pic:before {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 400/300;
        border: 2px solid #D92817;
        top: 13px;
        right: -15px; }
    .features .box03 img {
      width: 100%; }
    .features .box03 .txt {
      max-width: 560px;
      width: 100%;
      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:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .features h2 {
    background-color: #fff;
    margin: 0 auto 60px; }
  .features .features_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: center;
    max-width: 480px;
    width: calc(100% - 40px);
    margin: 0 auto 70px; }
  .features .box01 {
    padding: 0; }
    .features .box01 .pic {
      width: 80%;
      position: relative;
      display: block;
      order: 2; }
      .features .box01 .pic:before {
        top: -10px;
        left: -10px; }
    .features .box01 img {
      width: 100%; }
    .features .box01 .txt {
      order: 1;
      max-width: 500px;
      width: 100%; }
  .features p {
    font: 26px/1.8em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700; }
    .features p:before {
      font: 80px/1.0em 'Noto Serif JP','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
      font-weight: 500; }
    .features p.txt01 {
      width: 100%;
      padding: 0 0 0 70px;
      margin: 0 0 40px; }
      .features p.txt01:before {
        top: 0px;
        left: 0; }
    .features p.txt02 {
      width: 100%;
      padding: 0 0 0 70px;
      margin: 0 0 50px; }
      .features p.txt02:before {
        top: 0px;
        left: 0; }
    .features p.txt03 {
      width: 100%;
      padding: 0 0 0 70px;
      margin: 0 0 40px; }
      .features p.txt03:before {
        top: 0px;
        left: 0; }
    .features p.txt04 {
      width: 100%;
      padding: 0 0 0 70px;
      margin: 0 0 40px; }
      .features p.txt04:before {
        top: 0px;
        left: 0; }
      .features p.txt04 br {
        display: block; }
    .features p.txt05 {
      width: 100%;
      padding: 20px 0 0 70px;
      margin: 0 0 40px; }
      .features p.txt05:before {
        top: 0px;
        left: 0; }
    .features p span.small {
      display: block;
      background: none;
      font-weight: 700;
      margin: 8px 0 0; }
  .features .box02 {
    padding: 0;
    margin: 0 auto 70px; }
    .features .box02 .pic {
      width: 80%; }
    .features .box02 img {
      width: 100%; }
    .features .box02 .txt {
      max-width: 500px;
      width: 100%;
      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; }
  .features .box03 {
    padding: 0;
    margin: 0 auto; }
    .features .box03 .pic {
      order: 2; }
    .features .box03 img {
      width: 100%;
      margin: 0;
      padding: 0; }
    .features .box03 .txt {
      order: 1;
      max-width: 560px;
      width: 100%;
      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:768px*/
@media (max-width: 480px) {
  .features {
    background-size: 45px;
    padding: 60px 0 100px;
    overflow: hidden; }
    .features h2 {
      background-color: #fff;
      margin: 0 auto 60px; }
    .features .features_box {
      max-width: 640px;
      width: calc(100% - 40px);
      margin: 0 auto 70px; }
    .features .box01 {
      padding: 0; }
      .features .box01 .txt {
        order: 1;
        max-width: 500px;
        width: 100%; }
    .features p {
      font: 20px/1.8em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700; }
      .features p:before {
        font: 60px/1.0em 'Noto Serif JP','ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
        font-weight: 500; }
      .features p.txt01 {
        padding: 0 0 0 55px;
        margin: 0 0 30px; }
        .features p.txt01:before {
          top: 0px;
          left: 0px; }
      .features p.txt02 {
        padding: 0 0 0 55px;
        margin: 0 0 40px; }
        .features p.txt02:before {
          top: 0px;
          left: 0px; }
      .features p.txt03 {
        padding: 0 0 0 55px;
        margin: 0 0 30px; }
        .features p.txt03:before {
          top: 0px;
          left: 0px; }
      .features p.txt04 {
        padding: 0 0 0 55px;
        margin: 0 0 30px; }
        .features p.txt04:before {
          top: 0px;
          left: 0px; }
      .features p.txt05 {
        padding: 15px 0 0 55px;
        margin: 0 0 40px; }
        .features p.txt05:before {
          top: 0px;
          left: 0; }
      .features p span.small {
        font: 15px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
        font-weight: 700;
        margin: 8px 0 0; }
    .features .box02 {
      padding: 0;
      margin: 0 auto 70px; }
    .features .box03 {
      padding: 0;
      margin: 0 auto; }
      .features .box03 .txt {
        order: 1;
        max-width: 560px;
        width: 100%; } }
/*max-width:480px*/
/****************************************************************/
.case {
  background-color: #D92817;
  padding: 100px 0 70px; }
  .case .list_btn {
    max-width: 360px;
    width: calc(100% - 40px);
    margin: 0 auto;
    display: block;
    text-align: center;
    font: 17px/60px 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 500;
    background-color: #fff;
    color: #D92817; }
    .case .list_btn:hover {
      color: #54c3f1;
      border: #54c3f1 solid 2px; }
  .case h2.block {
    border: #fff 4px solid;
    color: #fff; }
  .case 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: calc(100% - 40px);
    margin: 0 auto 20px; }
  .case li {
    width: calc((100% - 75px)/4);
    max-width: 280px;
    margin: 0 25px 40px 0; }
    .case li:nth-of-type(4n) {
      margin: 0 0 40px; }
    .case li a {
      color: #fff; }
      .case li a:hover {
        position: relative;
        top: -10px; }
    .case li.no_single {
      text-align: center;
      width: 100%;
      max-width: 100%;
      color: #fff;
      font: 20px/1.6em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 500; }
  .case .pic {
    width: 100%;
    height: 210px;
    position: relative;
    overflow: hidden;
    margin: 0 0 15px; }
    .case .pic img {
      width: auto;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      /* Safari用 */
      transform: translate(-50%, -50%); }
  .case span {
    display: inline-block;
    border: 1px solid  #fff;
    font: 15px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 400;
    padding: 5px 10px 7px; }
  .case p {
    margin: 7px 0 0;
    font: 17px/1.6em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 500; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .case {
    padding: 100px 0 70px; }
    .case .list_btn:hover {
      color: #D92817;
      border: #D92817 solid 2px; }
    .case ul {
      max-width: 540px;
      width: calc(100% - 40px); }
    .case li {
      width: calc((100% - 25px)/2);
      max-width: 280px;
      margin: 0 25px 40px 0; }
      .case li:nth-of-type(4n), .case li:nth-of-type(2n) {
        margin: 0 0 40px; }
      .case li a {
        color: #fff; }
        .case li a:hover {
          position: relative;
          top: 0px; }
    .case .pic {
      width: 100%;
      height: 0;
      padding: 75% 0 0 0;
      position: relative;
      overflow: hidden;
      margin: 0 0 15px; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .case {
    padding: 60px 0 70px; }
    .case .list_btn {
      max-width: 280px;
      font: 17px/50px 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 500; }
    .case li {
      width: calc((100% - 15px)/2);
      margin: 0 15px 20px 0; }
      .case li:nth-of-type(4n), .case li:nth-of-type(2n) {
        margin: 0 0 20px; }
    .case span {
      font: 14px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 400; }
    .case p {
      font: 15px/1.5em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 500; } }
/*max-width:480px*/
/****************************************************************/
.flow {
  max-width: 1980px;
  margin: 80px auto 0;
  padding: 165px 0 180px;
  position: relative; }
  .flow:before {
    position: absolute;
    content: "";
    display: block;
    max-width: 495px;
    width: calc(100% - 40px);
    height: 140px;
    background: url("../images/index_good/flow.svg") left bottom no-repeat;
    background-size: contain;
    left: 30px;
    top: 55px;
    z-index: -1; }

.flow_box {
  max-width: 1200px;
  width: calc(100% - 40px);
  margin: 0 auto; }
  .flow_box h2 {
    font: 45px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    margin: 0 0 50px;
    color: #D92817; }
  .flow_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%;
    margin: 0 auto 60px; }
  .flow_box li {
    width: calc((100% - 280px)/5);
    max-width: 180px;
    position: relative; }
    .flow_box li div {
      width: 180px;
      height: 180px;
      background-color: #ccc;
      border-radius: 50%;
      margin: 0 0 15px;
      text-align: center;
      font: 22px/1.3em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 500;
      padding: 105px 0 0;
      color: #D92817;
      position: relative; }
      .flow_box li div:before {
        position: absolute;
        content: "";
        display: block;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        /* Safari用 */
        transform: translate(-50%, -50%); }
      .flow_box li div.flow01 {
        background-color: #efefef; }
        .flow_box li div.flow01:before {
          background: url("../images/index_good/flow-01.svg") center center no-repeat;
          background-size: contain;
          width: 58px;
          height: 41px;
          top: 40%; }
      .flow_box li div.flow02 {
        background-color: #efefef; }
        .flow_box li div.flow02:before {
          background: url("../images/index_good/flow-02.svg") center center no-repeat;
          background-size: contain;
          width: 98px;
          height: 53px;
          top: 38%; }
      .flow_box li div.flow03 {
        background-color: #efefef;
        padding: 90px 0 0; }
        .flow_box li div.flow03:before {
          background: url("../images/index_good/flow-03.svg") center center no-repeat;
          background-size: contain;
          width: 43px;
          height: 54px;
          top: 30%; }
      .flow_box li div.flow04 {
        background-color: #efefef; }
        .flow_box li div.flow04:before {
          background: url("../images/index_good/flow-04.svg") center center no-repeat;
          background-size: contain;
          width: 82px;
          height: 44px;
          top: 40%; }
      .flow_box li div.flow05 {
        background-color: #efefef; }
        .flow_box li div.flow05:before {
          background: url("../images/index_good/flow-05.svg") center center no-repeat;
          background-size: contain;
          width: 45px;
          height: 80px;
          top: 33%; }
    .flow_box li:before {
      position: absolute;
      content: "";
      right: -55px;
      top: 70px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 20px 0 20px 30px;
      border-color: transparent transparent transparent #D92817; }
    .flow_box li:last-of-type:before {
      display: none; }
    .flow_box li span {
      display: block;
      margin: 5px auto 0;
      font: 15px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 400;
      padding: 5px 0;
      border: solid #ccc 1px;
      width: 100px;
      background-color: #fff; }

.flow_item {
  max-width: 935px;
  width: 100%;
  margin: 0 auto;
  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: center; }
  .flow_item p:nth-of-type(1) {
    font: 34px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    padding: 20px;
    border: 1px solid #D92817;
    color: #D92817; }
  .flow_item p:nth-of-type(2) {
    font: 23px/1.3em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 500;
    margin: 0 0 0 20px; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .flow {
    padding: 135px 0 80px;
    max-width: 640px; }
    .flow:before {
      display: none; }

  .flow_box {
    width: calc(100% - 40px); }
    .flow_box ul {
      margin: 0 auto 50px; }
    .flow_box li {
      width: 100%;
      max-width: 400px;
      position: relative;
      margin: 0 auto 70px; }
      .flow_box li div {
        width: 100%;
        height: auto;
        min-height: 100px;
        border-radius: 15px;
        margin: 0 0 15px;
        text-align: left;
        font: 24px/1.3em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
        font-weight: 500;
        padding: 0 0 5px 130px;
        position: relative;
        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; }
        .flow_box li div:before {
          -webkit-transform: translate(0%, -50%);
          /* Safari用 */
          transform: translate(0%, -50%); }
        .flow_box li div.flow01:before {
          top: 50%;
          left: 37px; }
        .flow_box li div.flow02:before {
          top: 50%;
          left: 15px; }
        .flow_box li div.flow03 {
          padding: 0 0 0 130px; }
          .flow_box li div.flow03:before {
            top: 50%;
            left: 42px; }
          .flow_box li div.flow03 br {
            display: none; }
        .flow_box li div.flow04:before {
          top: 50%;
          left: 20px; }
        .flow_box li div.flow05:before {
          top: 50%;
          left: 38px; }
      .flow_box li:before {
        position: absolute;
        content: "";
        top: auto;
        right: auto;
        left: 50%;
        bottom: -45px;
        -webkit-transform: translate(-50%, 0%);
        /* Safari用 */
        transform: translate(-50%, 0%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 30px 20px 0 20px;
        border-color: #D92817 transparent transparent transparent; }
      .flow_box li:last-of-type {
        margin-bottom: 0; }
        .flow_box li:last-of-type:before {
          display: none; }
      .flow_box li span {
        text-align: center;
        margin: 10px 0 0;
        width: 110px; }

  .flow_item {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    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: center;
    text-align: center; }
    .flow_item p:nth-of-type(1) {
      font: 26px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      padding: 20px;
      border: 1px solid #D92817;
      color: #D92817; }
    .flow_item p:nth-of-type(2) {
      font: 22px/1.4em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 500;
      margin: 30px auto 0;
      text-align: center; }
      .flow_item p:nth-of-type(2) br {
        display: none; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .flow {
    max-width: 1980px;
    margin: 0 auto;
    padding: 60px 0 50px;
    position: relative; }
    .flow .list_btn {
      max-width: 280px;
      font: 17px/50px 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 500; }

  .flow_box h2 {
    font: 30px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    margin: 0 0 50px;
    text-align: left; }
  .flow_box li {
    max-width: 320px;
    margin: 0 0 60px; }
    .flow_box li div {
      min-height: 80px;
      border-radius: 15px;
      margin: 0 0 15px;
      text-align: left;
      font: 22px/1.3em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 500;
      padding: 0 0 5px 100px; }
      .flow_box li div.flow01:before {
        width: 42px;
        height: 30px;
        top: 50%;
        left: 30px; }
      .flow_box li div.flow02:before {
        width: 76px;
        height: 35px;
        top: 50%;
        left: 15px; }
      .flow_box li div.flow03 {
        padding: 0 0 0 100px; }
        .flow_box li div.flow03:before {
          width: 38px;
          height: 40px;
          top: 50%;
          left: 30px; }
        .flow_box li div.flow03 br {
          display: none; }
      .flow_box li div.flow04:before {
        width: 69px;
        height: 32px;
        top: 50%;
        left: 15px; }
      .flow_box li div.flow05:before {
        width: 35px;
        height: 60px;
        top: 50%;
        left: 35px; }

  .flow_item {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    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: center;
    text-align: center; }
    .flow_item p:nth-of-type(1) {
      font: 24px/1.3em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      padding: 10px 20px;
      border: 1px solid #D92817;
      color: #D92817;
      display: block;
      max-width: 320px;
      width: 100%;
      margin: 0 auto; }
    .flow_item p:nth-of-type(2) {
      font: 20px/1.4em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 500;
      margin: 10px auto 0;
      text-align: center; }
      .flow_item p:nth-of-type(2) br {
        display: none; }
    .flow_item span {
      display: block; } }
/*max-width:480px*/
/****************************************************************/
.faq {
  max-width: 1980px;
  margin: 0 auto;
  padding: 110px 0 120px;
  position: relative; }
  .faq:before {
    position: absolute;
    content: "";
    display: block;
    max-width: 380px;
    width: calc(100% - 30px);
    height: 175px;
    background: url("../images/index_good/faq.svg") left bottom no-repeat;
    background-size: contain;
    left: 20px;
    top: 0;
    z-index: -1; }

.faq_box {
  max-width: 1200px;
  width: calc(100% - 40px);
  margin: 0 auto; }
  .faq_box h2 {
    font: 45px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    margin: 0 0 50px;
    color: #D92817; }
  .faq_box ul {
    width: 840px;
    margin: 0 auto 60px; }
  .faq_box li {
    margin: 0 0 20px;
    border: 2px solid #D92817;
    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;
    position: relative;
    overflow: hidden; }
    .faq_box li:before {
      position: absolute;
      content: "";
      width: 50px;
      height: auto;
      padding-top: 100%;
      background-color: #D92817;
      display: block; }
    .faq_box li:after {
      position: absolute;
      content: "Q";
      font: 30px/43px 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      left: 12px;
      top: 0;
      color: #fff; }
    .faq_box li:hover {
      top: -10px;
      position: relative; }
    .faq_box li a {
      font: 20px/1.5em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      color: #D92817;
      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;
      width: 100%;
      padding: 10px 20px 12px 70px; }
      .faq_box li a:hover {
        color: #D92817; }
    .faq_box li.no_single {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: center;
      justify-content: center;
      font: 20px/1.2em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      padding: 20px 0 20px;
      border: none;
      text-align: center;
      width: 100%; }
      .faq_box li.no_single:before, .faq_box li.no_single:after {
        display: none; }
      .faq_box li.no_single:hover {
        top: 0; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .faq {
    max-width: 1980px;
    margin: 0 auto;
    padding: 50px 0 120px;
    position: relative;
    overflow: hidden; }
    .faq:before {
      display: none; }

  .faq_box {
    max-width: 640px;
    width: calc(100% - 40px);
    margin: 0 auto; }
    .faq_box h2 {
      font: 40px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      margin: 0 0 50px;
      color: #D92817; }
    .faq_box ul {
      max-width: 840px;
      width: 100%;
      margin: 0 auto 60px; }
    .faq_box li {
      margin: 0 0 20px;
      border: 2px solid #D92817;
      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;
      position: relative;
      overflow: hidden; }
      .faq_box li:before {
        position: absolute;
        content: "";
        width: 50px;
        height: auto;
        padding-top: 100%;
        background-color: #D92817;
        display: block; }
      .faq_box li:hover {
        top: 0;
        position: relative; }
      .faq_box li a:hover {
        color: #D92817; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .faq {
    max-width: 1980px;
    margin: 0 auto;
    padding: 60px 0 120px;
    position: relative;
    overflow: hidden; }
    .faq .list_btn {
      max-width: 280px;
      font: 17px/50px 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 500; }

  .faq_box h2 {
    font: 30px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    margin: 0 0 30px; }
  .faq_box li:before {
    width: 40px; }
  .faq_box li:after {
    font: 20px/35px 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    left: 12px; }
  .faq_box li:hover {
    top: 0; }
  .faq_box li a {
    font: 18px/1.5em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    padding: 9px 15px 11px 50px; }
    .faq_box li a:hover {
      color: #D92817; }
  .faq_box li.no_single {
    font: 18px/1.2em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    padding: 20px 20px 20px 0;
    border: none; }
    .faq_box li.no_single:before, .faq_box li.no_single:after {
      display: none; }
    .faq_box li.no_single:hover {
      top: 0; } }
/*max-width:480px*/
/****************************************************************/
.spec {
  max-width: 1980px;
  margin: 0 auto;
  padding: 110px 0 120px;
  position: relative; }
  .spec:before {
    position: absolute;
    content: "";
    display: block;
    max-width: 1345px;
    width: calc(100% - 30px);
    height: auto;
    aspect-ratio: 1343/140;
    background: url("../images/index_good/spec.svg") left bottom no-repeat;
    background-size: contain;
    left: 20px;
    top: 0;
    z-index: -1; }

.spec_box {
  max-width: 1200px;
  width: calc(100% - 40px);
  margin: 0 auto; }
  .spec_box h2 {
    font: 45px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    margin: 0 0 50px;
    color: #D92817; }

.spec_item,
.spec_pic {
  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; }

.spec_item {
  margin: 0 auto 40px; }
  .spec_item img {
    max-width: 700px;
    width: calc(100% - 480px); }
  .spec_item ul {
    width: 460px;
    margin: 0 0 0 20px; }
  .spec_item li {
    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;
    font: 16px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 400;
    border-bottom: 2px dotted #8c97c5;
    padding: 14px 0; }
    .spec_item li span {
      width: 120px;
      padding: 0 10px; }
    .spec_item li p {
      width: calc(100% - 120px);
      padding: 0 15px 0 20px; }

.spec_pic {
  font: 16px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
  font-weight: 300;
  color: #D92817;
  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; }
  .spec_pic li {
    width: calc(100% / 4);
    max-width: 280px;
    margin: 0 0 20px; }
    .spec_pic li div {
      height: 555px;
      margin: 0 0 5px;
      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; }
      .spec_pic li div img {
        margin: 0 0 0; }
    .spec_pic li img {
      margin: 0 0 5px;
      width: 100%; }
    .spec_pic li p {
      padding: 0 10px; }
      .spec_pic li p br {
        display: none; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .spec {
    max-width: 640px;
    margin: 0 auto;
    padding: 110px 0 120px;
    position: relative; }
    .spec:before {
      display: none; }

  .spec_box {
    max-width: 1200px;
    width: calc(100% - 40px);
    margin: 0 auto; }
    .spec_box h2 {
      font: 45px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      margin: 0 0 50px;
      color: #D92817; }

  .spec_item,
  .spec_pic {
    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; }

  .spec_item {
    margin: 0 auto 40px; }
    .spec_item img {
      max-width: 450px;
      width: 100%;
      margin: 0 auto; }
    .spec_item ul {
      max-width: 460px;
      width: 100%;
      margin: 20px auto; }
    .spec_item li {
      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;
      font: 16px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 400;
      border-bottom: 2px dotted #8c97c5;
      padding: 15px 0; }
      .spec_item li span {
        width: 120px;
        padding: 0 10px;
        color: #D92817; }
      .spec_item li p {
        width: calc(100% - 120px);
        padding: 0 15px 0 20px; }

  .spec_pic {
    font: 15px/1.3em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 300;
    color: #D92817;
    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: 440px;
    margin: 0 auto; }
    .spec_pic li {
      width: calc((100% - 30px) / 4);
      max-width: 270px;
      margin: 0 0 20px; }
      .spec_pic li img {
        margin: 0 0;
        width: 100%; }
      .spec_pic li div {
        height: 203px; }
      .spec_pic li p {
        padding: 0 0px; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .spec {
    max-width: 1980px;
    margin: 0 auto;
    padding: 0 0 90px;
    position: relative;
    overflow: hidden; }
    .spec:before {
      display: none; }

  .spec_box {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto; }
    .spec_box h2 {
      font: 30px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      margin: 0 0 30px 20px;
      color: #D92817; }

  .spec_item,
  .spec_pic {
    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; }

  .spec_item {
    flex-direction: column;
    margin: 0 auto 40px; }
    .spec_item img {
      max-width: 700px;
      width: 75%;
      margin: 0 auto; }
    .spec_item ul {
      width: 100%;
      margin: 20px 0 20px;
      padding: 0 20px; }
    .spec_item li {
      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;
      font: 16px/1.5em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 400;
      border-bottom: 2px dotted #8c97c5;
      padding: 15px 0; }
      .spec_item li span {
        width: 100px;
        padding: 0;
        color: #D92817; }
      .spec_item li p {
        width: 100%;
        padding: 5px 0 0; }

  .spec_pic {
    color: #D92817;
    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: 375px;
    width: 100%; }
    .spec_pic li {
      width: calc((100% - 15px)/2);
      max-width: 280px;
      margin: 0 0 20px; }
      .spec_pic li img {
        width: 100%; }
      .spec_pic li div {
        height: 356px; }
      .spec_pic li p {
        padding: 0 10px; }
        .spec_pic li p span {
          display: block;
          margin: 0 0 0 -5px; } }
/*max-width:480px*/
/****************************************************************/
.about {
  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; }
  .about > div {
    width: 50%; }

.about_left {
  background-color: #D92817;
  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: center; }
  .about_left > div {
    max-width: 725px;
    width: calc(100% - 80px);
    padding: 50px 0 85px;
    color: #fff; }
    .about_left > div > p {
      font: 20px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 500;
      margin: 0 0 17px; }
    .about_left > div h2 {
      font: 28px/1.2em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      margin: 0 0 20px; }
    .about_left > div > div {
      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; }
      .about_left > div > div img {
        width: 50%; }
      .about_left > div > div .txt {
        width: 50%;
        padding: 0 0 0 30px; }
      .about_left > div > div p {
        text-align: justify;
        text-justify: inter-ideograph;
        font: 16px/1.8em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
        font-weight: 400;
        margin: 0 0 30px; }
  .about_left a {
    width: calc(100% - 30px);
    max-width: 300px;
    text-align: center;
    display: block;
    margin: 0 auto;
    font: 17px/47px 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    height: 50px; }

.about_right {
  background-color: #f7f8f8;
  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; }
  .about_right > div {
    max-width: 864px;
    width: 100%;
    padding: 0 40px; }
    .about_right > div > div {
      max-width: 410px;
      margin: 0 auto; }
  .about_right p {
    font: 22px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    margin: 0 0 55px;
    text-align: center; }
  .about_right .about_tel {
    font: 42px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    color: #D92817;
    position: relative;
    padding: 0 0 0 70px; }
    .about_right .about_tel:before {
      position: absolute;
      content: "";
      background: url("../images/index_good/about_tel.svg") center center no-repeat;
      display: block;
      width: 41px;
      height: 41px;
      left: 17px;
      top: 15px; }
    .about_right .about_tel span {
      display: block;
      font: 15px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 500;
      margin: 20px 0 30px;
      color: #000;
      padding: 0 0 0 75px; }
  .about_right .about_mail {
    font: 20px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    color: #D92817;
    position: relative;
    padding: 0 0 0 70px; }
    .about_right .about_mail:before {
      position: absolute;
      content: "";
      background: url("../images/index_good/about_mail.svg") center center no-repeat;
      display: block;
      width: 42px;
      height: 30px;
      left: 17px;
      top: 0px; }
    .about_right .about_mail br {
      display: none; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .about {
    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; }
    .about > div {
      width: 100%; }

  .about_left {
    background-color: #D92817;
    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-end; }
    .about_left > div {
      max-width: 540px;
      width: 100%;
      margin: 0 auto;
      padding: 55px 20px;
      color: #fff; }
      .about_left > div > p {
        font: 20px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
        font-weight: 500;
        margin: 0 0 17px; }
      .about_left > div h2 {
        font: 28px/1.5em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
        font-weight: 700;
        margin: 0 0 20px; }
      .about_left > div > div {
        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; }
        .about_left > div > div img {
          width: 100%;
          order: 2;
          margin: 0 auto; }
        .about_left > div > div .txt {
          width: 100%;
          order: 1;
          padding: 0 0 30px; }
        .about_left > div > div p {
          text-align: justify;
          text-justify: inter-ideograph;
          font: 16px/1.8em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
          font-weight: 400;
          margin: 0 0 30px; }
    .about_left a {
      width: calc(100% - 30px);
      max-width: 280px;
      text-align: center;
      display: block;
      margin: 0 auto;
      font: 17px/47px 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      color: #fff;
      border: 1px solid #fff;
      border-radius: 50px;
      height: 50px; }

  .about_right {
    background-color: #f7f8f8;
    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;
    text-align: center; }
    .about_right > div {
      max-width: 864px;
      width: 100%;
      padding: 50px 0px; }
      .about_right > div > div {
        max-width: 410px;
        margin: 0 auto; }
    .about_right p {
      font: 20px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      margin: 0 0 25px;
      text-align: center; }
    .about_right .about_tel {
      font: 35px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      color: #D92817;
      position: relative;
      padding: 0 0 0 25px;
      text-align: center; }
      .about_right .about_tel:before {
        position: absolute;
        content: "";
        background: url("../images/index_good/about_tel.svg") center center no-repeat;
        display: block;
        width: 41px;
        height: 41px;
        left: -25px;
        top: 8px; }
      .about_right .about_tel span {
        display: block;
        font: 15px/1.0em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
        font-weight: 500;
        margin: 20px 0 30px;
        color: #000;
        padding: 0 0 010px; }
    .about_right .about_mail {
      font: 20px/1.4em 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      color: #D92817;
      position: relative;
      padding: 0 0 0 65px;
      display: block;
      text-align: left;
      width: 325px;
      margin: 0 auto; }
      .about_right .about_mail:before {
        position: absolute;
        content: "";
        background: url("../images/index_good/about_mail.svg") center center no-repeat;
        display: block;
        width: 42px;
        height: 30px;
        left: 10px;
        top: 11px; }
      .about_right .about_mail br {
        display: block; } }
/*max-width:480px*/
/****************************************************************/
.sns {
  padding: 70px 0 150px;
  max-width: 1000px;
  width: calc(100% - 40px);
  margin: 0 auto; }
  .sns .btn {
    display: block;
    width: calc(100% - 40px);
    height: 50px;
    font: 17px/44px 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-weight: 700;
    border: 2px solid #D92817;
    margin: 0 auto;
    color: #D92817;
    text-align: center;
    border-radius: 50px; }
    .sns .btn:hover {
      border: 2px solid #D92817;
      color: #D92817;
      position: relative;
      top: -10px; }

.sns_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; }

.insta {
  margin: 0 auto 70px; }
  .insta p {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url("../images/index_good/sns_ttl-01.svg");
    width: 140px;
    height: 40px;
    background-size: contain;
    margin: 0 0 20px; }
  .insta .btn {
    max-width: 500px; }
  .insta #sb_instagram {
    margin: 0 auto 25px !important; }

.face_sns {
  width: 480px; }
  .face_sns p {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url("../images/index_good/sns_ttl-02.svg");
    width: 40px;
    height: 40px;
    background-size: contain;
    margin: 0 0 15px; }

.youtube_sns {
  max-width: 480px;
  width: calc(50% - 40px); }
  .youtube_sns .youtube_box {
    position: relative;
    width: 100%;
    height: 0;
    padding: 56.5% 0 0;
    margin: 0 0 40px; }
    .youtube_sns .youtube_box iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important; }
  .youtube_sns p {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url("../images/index_good/sns_ttl-03.svg") center top no-repeat;
    width: 125px;
    height: 30px;
    background-size: contain;
    margin: 5px 0 20px; }
  .youtube_sns .btn {
    max-width: 300px; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .sns {
    padding: 70px 0 120px;
    max-width: 480px;
    width: calc(100% - 40px);
    margin: 0 auto; }
    .sns .btn {
      display: block;
      width: calc(100% - 20px);
      height: 50px;
      font: 16px/44px 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
      font-weight: 700;
      border: 2px solid #D92817;
      margin: 0 auto;
      color: #D92817;
      text-align: center;
      border-radius: 50px; }
      .sns .btn:hover {
        border: 2px solid #D92817;
        color: #D92817;
        top: 0; }

  .sns_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; }

  .insta {
    margin: 0 auto 70px; }
    .insta p {
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      background: url("../images/index_good/sns_ttl-01.svg");
      width: 140px;
      height: 40px;
      background-size: contain;
      margin: 0 0 20px; }
    .insta .btn {
      max-width: 500px; }
    .insta #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item {
      width: 33.3% !important; }
    .insta #sb_instagram {
      margin: 0 auto 15px !important; }

  .face_sns {
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden; }
    .face_sns p {
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      background: url("../images/index_good/sns_ttl-02.svg");
      width: 40px;
      height: 40px;
      background-size: contain;
      margin: 0 0 20px; }
    .face_sns .fb-container {
      width: 99%;
      max-width: 480px; }

  .youtube_sns {
    max-width: 480px;
    width: 100%;
    margin: 0 auto 60px; }
    .youtube_sns p {
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      background: url("../images/index_good/sns_ttl-03.svg") center top no-repeat;
      width: 125px;
      height: 40px;
      background-size: contain;
      margin: 0 0 20px; }
    .youtube_sns .btn {
      max-width: 300px; } }
/*max-width:768px*/
/*max-width:480px*/