@charset "UTF-8";
div.mtl_box {
  padding: 100px 0 40px;
  position: relative; }
  div.mtl_box div.pankuzu {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto; }
  div.mtl_box h2 {
    text-align: center; }
    @media only screen and (max-width: 667px) {
      div.mtl_box h2 {
        padding: 0 4vw; } }
    div.mtl_box h2 div.icon {
      width: 94px;
      margin: 0 auto 20px; }
    div.mtl_box h2 span {
      display: block;
      font-size: 28px;
      color: #6B3D20; }
      @media only screen and (max-width: 667px) {
        div.mtl_box h2 span {
          font-size: 2rem; } }

.fost_comp {
  padding: 70px 0 100px !important; }
  @media only screen and (max-width: 667px) {
    .fost_comp h2 img {
      width: 60vw; } }
  .fost_comp p.comp_txt {
    font-size: 16px;
    color: #333333;
    line-height: 180%;
    margin: 50px 0 60px;
    text-align: center; }
    @media only screen and (max-width: 667px) {
      .fost_comp p.comp_txt {
        font-size: 1.35rem;
        padding: 0 4vw;
        text-align: left; } }
  .fost_comp div.bt {
    margin: 0 auto; }
    .fost_comp div.bt a {
      background: #C69C6D;
      border: 1px solid #C69C6D; }
      @media only screen and (min-width: 1025px) {
        .fost_comp div.bt a:hover {
          background: #fff;
          color: #C69C6D; } }

main.foster_form_main section.about_txt {
  padding: 0 0 60px;
  margin: 0 0 30px;
  border-bottom: 1px solid #6B3D20; }
  main.foster_form_main section.about_txt h3 {
    padding: 10px;
    margin: 0 0 30px;
    background: #F7F0EA; }
    main.foster_form_main section.about_txt h3 span {
      font-size: 20px;
      color: #6B3D20;
      display: block;
      padding: 0 0 0 28px;
      text-indent: -14px; }
      @media only screen and (max-width: 667px) {
        main.foster_form_main section.about_txt h3 span {
          font-size: 1.65rem; } }
    main.foster_form_main section.about_txt h3 i {
      margin: 0 10px 0 0; }
  main.foster_form_main section.about_txt ul li {
    color: #6B3D20;
    font-size: 16px;
    line-height: 180%;
    padding: 0 0 0 20px;
    text-indent: -10px; }
    @media only screen and (max-width: 667px) {
      main.foster_form_main section.about_txt ul li {
        font-size: 1.45rem;
        padding: 0 0 0 26px;
        text-indent: -13px; } }
    main.foster_form_main section.about_txt ul li:nth-child(n+2) {
      margin: 10px 0 0; }
    main.foster_form_main section.about_txt ul li i {
      margin: 0 10px 0 0; }
main.foster_form_main .tyu_txt {
  margin: 0 0 20px; }
main.foster_form_main section.form form table.com_form tbody tr td span.inp_txt {
  font-size: 15px;
  color: #333333;
  margin: 0 0 0 10px; }
main.foster_form_main section.form form table.com_form tbody tr td p {
  font-size: 15px; }
main.foster_form_main section.form form table.com_form tbody tr td p.m_t {
  margin: 10px 0 0; }
main.foster_form_main section.form form table.com_form tbody tr td p.m_b {
  margin: 0 0 10px; }
main.foster_form_main section.form form table.com_form tbody tr td div.img_wrap div.box {
  border: 1px solid #333333; }
main.foster_form_main section.form form button.cont_submit:hover {
  background: #fff; }

/*****************************************
掲載申し込み
****************************************/
.fost_post {
  background: #CBEDA4; }

main.foster_form_main.fost_post_main section.form form button.cont_submit {
  background: #51980B;
  border: 1px solid #51980B; }
  main.foster_form_main.fost_post_main section.form form button.cont_submit:hover {
    background: #fff;
    color: #51980B; }

/*****************************************
里親申し込み
****************************************/
.fost_requ {
  background: #FCBABA; }

.fost_requ_main section.about_txt h3 i {
  color: #FCBABA; }
.fost_requ_main section.form form button.cont_submit {
  background: #FC6577;
  border: 1px solid #FC6577; }
  .fost_requ_main section.form form button.cont_submit:hover {
    background: #fff;
    color: #FC6577; }

@media only screen and (max-width: 955px) {
  main.foster_main section.mv {
    display: block; } }
main.foster_main section.mv div.txt_box {
  background: #F7F0EA; }
  @media only screen and (max-width: 955px) {
    main.foster_main section.mv div.txt_box {
      width: 100%; } }
  main.foster_main section.mv div.txt_box h2 {
    text-align: left;
    padding: 70px 50px 50px calc((100vw - 1080px) / 2); }
    @media only screen and (max-width: 1170px) {
      main.foster_main section.mv div.txt_box h2 {
        padding: 70px 20px 50px 4vw; } }
    @media only screen and (max-width: 667px) {
      main.foster_main section.mv div.txt_box h2 {
        padding: 50px 4vw; } }
    main.foster_main section.mv div.txt_box h2 div.tl {
      color: #6B3D20; }
      main.foster_main section.mv div.txt_box h2 div.tl div.t_tl_txt {
        font-size: 38px;
        line-height: 70px;
        margin: 0 0 40px; }
        @media only screen and (max-width: 1060px) {
          main.foster_main section.mv div.txt_box h2 div.tl div.t_tl_txt {
            margin: 0 0 20px; } }
        @media only screen and (max-width: 500px) {
          main.foster_main section.mv div.txt_box h2 div.tl div.t_tl_txt {
            font-size: 2rem; } }
        main.foster_main section.mv div.txt_box h2 div.tl div.t_tl_txt span {
          margin: 0 10px 0 0;
          color: #fff;
          line-height: 38px;
          padding: 10px 15px;
          background: #6B3D20;
          display: inline-block;
          border-radius: 5px; }
      main.foster_main section.mv div.txt_box h2 div.tl div.tl_txt {
        font-size: 18px;
        line-height: 180%;
        font-weight: 500; }
        @media only screen and (max-width: 1060px) {
          main.foster_main section.mv div.txt_box h2 div.tl div.tl_txt {
            font-size: 16px; } }
        @media only screen and (max-width: 500px) {
          main.foster_main section.mv div.txt_box h2 div.tl div.tl_txt {
            font-size: 1.35rem; } }
main.foster_main section.mv div.img img {
  max-height: 696px !important; }
@media only screen and (max-width: 955px) {
  main.foster_main section.mv div.img {
    width: 100%; }
    main.foster_main section.mv div.img img {
      max-height: 350px !important; } }
main.foster_main .sort, main.foster_main .sp_sort {
  width: 100%; }
  main.foster_main .sort li:nth-child(n+2), main.foster_main .sp_sort li:nth-child(n+2) {
    margin: 0; }
main.foster_main .sec1,
main.foster_main .sec2,
main.foster_main .sec3 {
  max-width: 1080px;
  width: 92%;
  margin: 0 auto; }
  main.foster_main .sec1 h2,
  main.foster_main .sec2 h2,
  main.foster_main .sec3 h2 {
    margin: 0 0 40px; }
    main.foster_main .sec1 h2 div.icon,
    main.foster_main .sec2 h2 div.icon,
    main.foster_main .sec3 h2 div.icon {
      width: 94px;
      margin: 0 auto 30px; }
    main.foster_main .sec1 h2 span,
    main.foster_main .sec2 h2 span,
    main.foster_main .sec3 h2 span {
      display: block;
      text-align: center;
      font-size: 28px;
      color: #6B3D20; }
  main.foster_main .sec1 ul.foster_flow,
  main.foster_main .sec2 ul.foster_flow,
  main.foster_main .sec3 ul.foster_flow {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin: 0 0 50px; }
    main.foster_main .sec1 ul.foster_flow li,
    main.foster_main .sec2 ul.foster_flow li,
    main.foster_main .sec3 ul.foster_flow li {
      width: calc((100% - 150px) / 4);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: 20px;
      border-radius: 10px;
      gap: 10px; }
      @media only screen and (max-width: 900px) {
        main.foster_main .sec1 ul.foster_flow li,
        main.foster_main .sec2 ul.foster_flow li,
        main.foster_main .sec3 ul.foster_flow li {
          width: calc((50% - 25px)); } }
      @media only screen and (max-width: 500px) {
        main.foster_main .sec1 ul.foster_flow li,
        main.foster_main .sec2 ul.foster_flow li,
        main.foster_main .sec3 ul.foster_flow li {
          width: 100%; } }
      main.foster_main .sec1 ul.foster_flow li span.num,
      main.foster_main .sec2 ul.foster_flow li span.num,
      main.foster_main .sec3 ul.foster_flow li span.num {
        display: block;
        background: #fff;
        color: #6B3D20;
        width: 30px;
        height: 30px;
        font-size: 18px;
        border-radius: 50%;
        text-align: center;
        font-weight: 500; }
      main.foster_main .sec1 ul.foster_flow li div.txt,
      main.foster_main .sec2 ul.foster_flow li div.txt,
      main.foster_main .sec3 ul.foster_flow li div.txt {
        font-size: 18px;
        color: #6B3D20;
        font-weight: 500;
        line-height: 180%;
        width: calc(100% - 40px); }
        @media only screen and (max-width: 500px) {
          main.foster_main .sec1 ul.foster_flow li div.txt,
          main.foster_main .sec2 ul.foster_flow li div.txt,
          main.foster_main .sec3 ul.foster_flow li div.txt {
            font-size: 1.45rem; } }
        main.foster_main .sec1 ul.foster_flow li div.txt span,
        main.foster_main .sec2 ul.foster_flow li div.txt span,
        main.foster_main .sec3 ul.foster_flow li div.txt span {
          font-size: 14px;
          color: #333333;
          line-height: 150%;
          display: block; }
      main.foster_main .sec1 ul.foster_flow li:not(:last-child),
      main.foster_main .sec2 ul.foster_flow li:not(:last-child),
      main.foster_main .sec3 ul.foster_flow li:not(:last-child) {
        position: relative; }
        main.foster_main .sec1 ul.foster_flow li:not(:last-child)::before,
        main.foster_main .sec2 ul.foster_flow li:not(:last-child)::before,
        main.foster_main .sec3 ul.foster_flow li:not(:last-child)::before {
          position: absolute;
          top: 0;
          bottom: 0;
          right: -40px;
          margin: auto 0;
          content: "";
          width: 24px;
          height: 14px;
          background-image: url(../images/foster/arrow.svg);
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat; }
          @media only screen and (max-width: 500px) {
            main.foster_main .sec1 ul.foster_flow li:not(:last-child)::before,
            main.foster_main .sec2 ul.foster_flow li:not(:last-child)::before,
            main.foster_main .sec3 ul.foster_flow li:not(:last-child)::before {
              transform: rotate(90deg);
              margin: 0 auto;
              right: 0;
              left: 0;
              bottom: -30px;
              top: auto; } }
      @media only screen and (max-width: 900px) {
        main.foster_main .sec1 ul.foster_flow li:nth-child(2n),
        main.foster_main .sec2 ul.foster_flow li:nth-child(2n),
        main.foster_main .sec3 ul.foster_flow li:nth-child(2n) {
          position: relative; }
          main.foster_main .sec1 ul.foster_flow li:nth-child(2n)::before,
          main.foster_main .sec2 ul.foster_flow li:nth-child(2n)::before,
          main.foster_main .sec3 ul.foster_flow li:nth-child(2n)::before {
            position: absolute;
            width: 20px;
            height: 20px;
            background-image: url(../images/foster/arrow2.svg);
            background-repeat: no-repeat;
            background-size: contain;
            left: -35px;
            bottom: -160px;
            content: ""; } }
    @media only screen and (max-width: 900px) and (max-width: 500px) {
      main.foster_main .sec1 ul.foster_flow li:nth-child(2n)::before,
      main.foster_main .sec2 ul.foster_flow li:nth-child(2n)::before,
      main.foster_main .sec3 ul.foster_flow li:nth-child(2n)::before {
        background-image: url(../images/foster/arrow.svg);
        margin: 0 auto;
        right: 0;
        left: 0;
        bottom: -30px;
        top: auto;
        width: 24px;
        height: 14px; } }
      @media only screen and (max-width: 900px) {
        main.foster_main .sec1 ul.foster_flow li:last-child::before,
        main.foster_main .sec2 ul.foster_flow li:last-child::before,
        main.foster_main .sec3 ul.foster_flow li:last-child::before {
          display: none; } }
  main.foster_main .sec1 ul.foster_cont li.foster_cont_li,
  main.foster_main .sec2 ul.foster_cont li.foster_cont_li,
  main.foster_main .sec3 ul.foster_cont li.foster_cont_li {
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 500px) {
      main.foster_main .sec1 ul.foster_cont li.foster_cont_li,
      main.foster_main .sec2 ul.foster_cont li.foster_cont_li,
      main.foster_main .sec3 ul.foster_cont li.foster_cont_li {
        display: block; } }
    main.foster_main .sec1 ul.foster_cont li.foster_cont_li:nth-child(n + 2),
    main.foster_main .sec2 ul.foster_cont li.foster_cont_li:nth-child(n + 2),
    main.foster_main .sec3 ul.foster_cont li.foster_cont_li:nth-child(n + 2) {
      margin: 30px 0 0; }
    main.foster_main .sec1 ul.foster_cont li.foster_cont_li .tl,
    main.foster_main .sec2 ul.foster_cont li.foster_cont_li .tl,
    main.foster_main .sec3 ul.foster_cont li.foster_cont_li .tl {
      position: relative;
      display: inline-block;
      height: 40px;
      width: 230px;
      margin-right: 30px;
      padding: 10px;
      color: #6B3D20;
      background: #F7F0EA;
      font-size: 18px;
      line-height: 18px;
      font-weight: 500; }
    main.foster_main .sec1 ul.foster_cont li.foster_cont_li .tl:before,
    main.foster_main .sec2 ul.foster_cont li.foster_cont_li .tl:before,
    main.foster_main .sec3 ul.foster_cont li.foster_cont_li .tl:before {
      position: absolute;
      top: 0;
      right: -20px;
      content: "";
      border-width: 20px 0 20px 20px;
      border-style: solid;
      border-color: transparent transparent transparent #F7F0EA; }
    main.foster_main .sec1 ul.foster_cont li.foster_cont_li .txt,
    main.foster_main .sec1 ul.foster_cont li.foster_cont_li .box,
    main.foster_main .sec2 ul.foster_cont li.foster_cont_li .txt,
    main.foster_main .sec2 ul.foster_cont li.foster_cont_li .box,
    main.foster_main .sec3 ul.foster_cont li.foster_cont_li .txt,
    main.foster_main .sec3 ul.foster_cont li.foster_cont_li .box {
      width: calc(100% - 290px); }
      @media only screen and (max-width: 500px) {
        main.foster_main .sec1 ul.foster_cont li.foster_cont_li .txt,
        main.foster_main .sec1 ul.foster_cont li.foster_cont_li .box,
        main.foster_main .sec2 ul.foster_cont li.foster_cont_li .txt,
        main.foster_main .sec2 ul.foster_cont li.foster_cont_li .box,
        main.foster_main .sec3 ul.foster_cont li.foster_cont_li .txt,
        main.foster_main .sec3 ul.foster_cont li.foster_cont_li .box {
          width: 100%;
          margin: 20px 0 0; } }
    main.foster_main .sec1 ul.foster_cont li.foster_cont_li div.txt,
    main.foster_main .sec2 ul.foster_cont li.foster_cont_li div.txt,
    main.foster_main .sec3 ul.foster_cont li.foster_cont_li div.txt {
      font-size: 16px;
      color: #333333; }
      @media only screen and (max-width: 500px) {
        main.foster_main .sec1 ul.foster_cont li.foster_cont_li div.txt,
        main.foster_main .sec2 ul.foster_cont li.foster_cont_li div.txt,
        main.foster_main .sec3 ul.foster_cont li.foster_cont_li div.txt {
          font-size: 1.45rem; } }
    main.foster_main .sec1 ul.foster_cont li.foster_cont_li .box .ls_tl,
    main.foster_main .sec2 ul.foster_cont li.foster_cont_li .box .ls_tl,
    main.foster_main .sec3 ul.foster_cont li.foster_cont_li .box .ls_tl {
      font-size: 18px;
      padding: 0 0 20px;
      color: #6B3D20;
      border-bottom: 1px solid #6B3D20;
      margin: 0 0 20px; }
main.foster_main section.sec1 {
  padding: 60px 0 100px;
  border-bottom: 5px solid #CBEDA4; }
  main.foster_main section.sec1 div.list_wrap h3.com_h3 {
    padding: 0 0 10px 0;
    margin: 0 0 30px; }
  main.foster_main section.sec1 div.list_wrap ul.com_li_txt {
    margin: 0 0 40px; }
    main.foster_main section.sec1 div.list_wrap ul.com_li_txt li {
      color: #6B3D20; }
      main.foster_main section.sec1 div.list_wrap ul.com_li_txt li i.far.fa-check-square {
        color: #CBEDA4; }
  main.foster_main section.sec1 div.sectionbt_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media only screen and (max-width: 500px) {
      main.foster_main section.sec1 div.sectionbt_wrap {
        display: block; } }
    main.foster_main section.sec1 div.sectionbt_wrap div.sectionbt {
      width: calc(50% - 20px);
      border-radius: 10px;
      background-repeat: no-repeat;
      background-position: left 40px center;
      background-size: 62px; }
      @media only screen and (max-width: 500px) {
        main.foster_main section.sec1 div.sectionbt_wrap div.sectionbt {
          width: 100%; } }
      main.foster_main section.sec1 div.sectionbt_wrap div.sectionbt a {
        display: block;
        position: relative;
        padding: 40px 70px 40px 120px;
        color: #6B3D20;
        font-size: 28px;
        font-weight: 600; }
        @media only screen and (max-width: 500px) {
          main.foster_main section.sec1 div.sectionbt_wrap div.sectionbt a {
            font-size: 1.55rem; } }
        main.foster_main section.sec1 div.sectionbt_wrap div.sectionbt a i.fas.fa-chevron-circle-right {
          color: #fff;
          position: absolute;
          right: 30px;
          top: 0;
          bottom: 0;
          width: 30px;
          height: 30px;
          margin: auto 0; }
          @media only screen and (max-width: 500px) {
            main.foster_main section.sec1 div.sectionbt_wrap div.sectionbt a i.fas.fa-chevron-circle-right {
              width: 20px;
              height: 20px; } }
      main.foster_main section.sec1 div.sectionbt_wrap div.sectionbt:nth-child(1) {
        background-image: url(../images/foster/rec_icon.svg);
        background-color: #CBEDA4; }
      main.foster_main section.sec1 div.sectionbt_wrap div.sectionbt:nth-child(2) {
        background-image: url(../images/foster/kee_icon.svg);
        background-color: #FCBABA; }
        @media only screen and (max-width: 500px) {
          main.foster_main section.sec1 div.sectionbt_wrap div.sectionbt:nth-child(2) {
            margin: 20px 0 0; } }
main.foster_main .sec2,
main.foster_main .sec3 {
  padding: 194px 0 100px;
  margin: -134px auto 0; }
main.foster_main section.sec2 {
  border-bottom: 5px solid #FCBABA; }
  main.foster_main section.sec2 ul.foster_flow li {
    background: #CBEDA4; }
  main.foster_main section.sec2 ul.foster_cont {
    margin: 0 0 40px; }
  main.foster_main section.sec2 div.bt {
    margin: 0 auto; }
    main.foster_main section.sec2 div.bt a {
      background: #51980B;
      border: 1px solid #51980B; }
      main.foster_main section.sec2 div.bt a i.fas.fa-envelope {
        position: relative;
        margin: 0 10px 0 0;
        bottom: 0;
        right: 0; }
      @media only screen and (min-width: 1025px) {
        main.foster_main section.sec2 div.bt a:hover {
          background: #fff;
          color: #51980B; } }
main.foster_main section.sec3 div.bt a {
  background: #FC6577;
  border: 1px solid #FC6577; }
  main.foster_main section.sec3 div.bt a i.fas.fa-envelope {
    position: relative;
    margin: 0 10px 0 0;
    bottom: 0;
    right: 0; }
  @media only screen and (min-width: 1025px) {
    main.foster_main section.sec3 div.bt a:hover {
      background: #fff;
      color: #FC6577; } }
main.foster_main section.sec3 .foster_more {
  margin: 80px 0 0;
  padding: 80px 0 0;
  border-top: 2px solid #6B3D20; }
  main.foster_main section.sec3 .foster_more .bt {
    margin: 0 auto; }
    main.foster_main section.sec3 .foster_more .bt a {
      background: #C69C6D;
      border: 1px solid #C69C6D; }
      @media only screen and (min-width: 1025px) {
        main.foster_main section.sec3 .foster_more .bt a:hover {
          background: #fff;
          color: #C69C6D; } }
main.foster_main section.sec3 div.sec_in_ab {
  margin: 0 0 100px; }
  main.foster_main section.sec3 div.sec_in_ab ul.foster_flow li {
    background: #FCBABA; }
  main.foster_main section.sec3 div.sec_in_ab ul.foster_cont li.foster_cont_li div.box ul.com_li_txt li i {
    color: #FCBABA; }
main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li {
  padding: 30px 0 0; }
  main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li:nth-child(n + 2) {
    margin: 80px 0 0;
    border-top: 2px solid #6B3D20; }
  main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.tl_box {
    margin: 0 0 20px; }
    main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.tl_box div.tl {
      padding: 10px 0 10px 70px;
      background-image: url(../images/foster/rec_icon.svg);
      background-repeat: no-repeat;
      background-position: left 0 center;
      background-size: auto 48px;
      font-size: 28px;
      line-height: 28px;
      font-weight: 600;
      color: #6B3D20; }
      @media only screen and (max-width: 500px) {
        main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.tl_box div.tl {
          font-size: 2rem; } }
    main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.tl_box div.data {
      font-size: 16px;
      color: #333333;
      margin: 10px 0 0; }
  main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.cont_box {
    display: flex;
    flex-wrap: wrap;
    gap: 40px; }
    @media only screen and (max-width: 500px) {
      main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.cont_box {
        display: block; } }
    main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.cont_box .slider,
    main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.cont_box .detail {
      width: calc(50% - 20px); }
      @media only screen and (max-width: 500px) {
        main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.cont_box .slider,
        main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.cont_box .detail {
          width: 100%; } }
    @media only screen and (max-width: 500px) {
      main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.cont_box div.slider {
        margin: 0 0 30px; } }
    main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.cont_box div.slider div.gallery_wrap {
      display: block;
      margin: 0; }
      main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.cont_box div.slider div.gallery_wrap ul.gallery_ph {
        width: 100%;
        margin: 0 0 30px; }
        @media only screen and (max-width: 900px) {
          main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.cont_box div.slider div.gallery_wrap ul.gallery_ph li.slide-item img {
            height: 260px !important; } }
      main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.cont_box div.slider div.gallery_wrap ul.gallery_thumb {
        width: 100%; }
    main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.cont_box div.detail ul {
      border: 1px solid #333333;
      margin: 0 0 30px; }
      main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.cont_box div.detail ul li {
        display: flex;
        flex-wrap: wrap;
        font-size: 16px;
        color: #333333; }
        main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.cont_box div.detail ul li:nth-child(n + 2) {
          border-top: 1px solid #333333; }
        main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.cont_box div.detail ul li div.det_tl {
          width: 100px;
          padding: 15px 10px;
          background: #F7F0EA;
          font-weight: 500;
          text-align: center;
          border-right: 1px dashed #000; }
        main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.cont_box div.detail ul li div.txt {
          width: calc(100% - 100px);
          line-height: 180%;
          padding: 15px; }
    main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li div.cont_box div.detail div.cont_txt {
      font-size: 16px;
      line-height: 180%;
      color: #333333; }
  main.foster_main section.sec3 div.dog_latest ul.foster_dog li.foster_dog_li .bt {
    margin: 50px auto 0; }
main.foster_main section.sec3 .pagenation {
  margin: 100px 0 0;
  padding: 50px 0 0;
  border-top: 2px solid #6B3D20; }

main.benefits_main section.mv div.txt_box {
  background: #F7F0EA;
  padding: 70px 0 150px;
  max-height: 665px; }
  @media only screen and (max-width: 667px) {
    main.benefits_main section.mv div.txt_box {
      padding: 70px 0 30px; } }
  main.benefits_main section.mv div.txt_box h2 {
    text-align: left;
    padding: 0 50px 0 calc((100vw - 1080px) / 2); }
    @media only screen and (max-width: 1170px) {
      main.benefits_main section.mv div.txt_box h2 {
        padding: 0 20px 0 4vw; } }
    @media only screen and (max-width: 667px) {
      main.benefits_main section.mv div.txt_box h2 {
        padding: 0 4vw; } }
    main.benefits_main section.mv div.txt_box h2 div.tl div.tg {
      margin: 0 0 20px; }
      main.benefits_main section.mv div.txt_box h2 div.tl div.tg img {
        margin: 0; }
    main.benefits_main section.mv div.txt_box h2 div.tl div.t_tl_txt {
      font-size: 24px;
      color: #cbb19b;
      font-weight: 600;
      margin: 0 0 20px; }
      @media only screen and (max-width: 667px) {
        main.benefits_main section.mv div.txt_box h2 div.tl div.t_tl_txt {
          font-size: 2rem; } }
    main.benefits_main section.mv div.txt_box h2 div.tl .tl_main_txt {
      font-weight: 900;
      font-size: 46px;
      color: #6B3D20; }
      @media only screen and (max-width: 1000px) {
        main.benefits_main section.mv div.txt_box h2 div.tl .tl_main_txt {
          font-size: 30px; } }
      main.benefits_main section.mv div.txt_box h2 div.tl .tl_main_txt span {
        display: block;
        color: #FC6577; }
    main.benefits_main section.mv div.txt_box h2 div.tl div.tl_txt {
      color: #333333;
      font-size: 18px;
      line-height: 180%; }
      @media only screen and (max-width: 1060px) {
        main.benefits_main section.mv div.txt_box h2 div.tl div.tl_txt {
          font-size: 16px; } }
      @media only screen and (max-width: 667px) {
        main.benefits_main section.mv div.txt_box h2 div.tl div.tl_txt {
          font-size: 1.55rem; } }
main.benefits_main section.mv div.img {
  max-height: 665px; }
  @media only screen and (max-width: 667px) {
    main.benefits_main section.mv div.img {
      height: 350px; } }
  main.benefits_main section.mv div.img img {
    max-height: 100% !important; }
main.benefits_main section.about_sec {
  background: #F7F0EA;
  padding: 0 0 40px; }
  main.benefits_main section.about_sec div.box {
    background: #fff;
    max-width: 865px;
    width: 92%;
    margin: -90px 0 0 calc((100vw - 1080px) / 2);
    z-index: 1;
    padding: 20px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative; }
    @media only screen and (max-width: 1170px) {
      main.benefits_main section.about_sec div.box {
        margin: -50px 0 0 4vw; } }
    @media only screen and (max-width: 800px) {
      main.benefits_main section.about_sec div.box {
        display: block;
        margin: -50px auto 0; } }
    main.benefits_main section.about_sec div.box div.txt {
      color: #6B3D20;
      width: calc(100% - 436px);
      font-weight: 600;
      padding: 10px; }
      @media only screen and (max-width: 800px) {
        main.benefits_main section.about_sec div.box div.txt {
          width: 100%; } }
    main.benefits_main section.about_sec div.box div.detail {
      position: absolute;
      left: 20px;
      bottom: 25px; }
      @media only screen and (max-width: 800px) {
        main.benefits_main section.about_sec div.box div.detail {
          position: relative;
          left: auto;
          bottom: auto;
          margin: 10px 0 20px; } }
    main.benefits_main section.about_sec div.box div.img img {
      max-width: 416px;
      width: 100%; }
main.benefits_main .sec {
  max-width: 1080px;
  width: 92%;
  margin: 0 auto;
  padding: 50px 0 0; }
  main.benefits_main .sec h3.com_h3 {
    padding: 20px 0 20px 80px;
    background-image: url(../images/benefits/h3_icon2.svg);
    background-position: left 0 bottom 0;
    background-size: 74px;
    margin: 0 0 20px; }
main.benefits_main section.sec1 div.txt.cont_txt {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  margin: 0 0 50px; }
main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li:nth-child(n + 2) {
  margin: 40px 0 0; }
main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_tl {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0 0 20px; }
  @media only screen and (max-width: 667px) {
    main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_tl {
      align-items: flex-start; } }
  main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_tl span.num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #FC909D;
    color: #ffffff;
    font-size: 20px;
    border-radius: 50%; }
  main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_tl span.txt {
    font-size: 16px;
    color: #333333;
    width: calc(100% - 60px); }
main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_box {
  background: #ffffe0; }
  main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_box div.tl {
    background: #fdc3ca;
    color: #333333;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 20px; }
  main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_box div.txt_box {
    padding: 20px;
    display: flex;
    gap: 30px; }
    @media only screen and (max-width: 667px) {
      main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_box div.txt_box {
        display: block; } }
    main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_box div.txt_box div.txt, main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_box div.txt_box ul {
      width: calc(50% - 15px); }
      @media only screen and (max-width: 667px) {
        main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_box div.txt_box div.txt, main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_box div.txt_box ul {
          width: 100%; } }
    @media only screen and (max-width: 667px) {
      main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_box div.txt_box div.img {
        margin: 20px 0 0; } }
    main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_box div.txt_box div.img img {
      max-height: 130px; }
    main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_box div.txt_box ul li {
      font-size: 16px;
      padding: 0 0 0 18px;
      position: relative;
      line-height: 180%;
      color: #333333; }
      main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_box div.txt_box ul li::after {
        position: absolute;
        left: 0;
        top: 6px;
        background: #FC909D;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        content: ""; }
      main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_box div.txt_box ul li span.tyu {
        display: block;
        font-size: 14px; }
      main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.flow_box div.txt_box ul li span.pick {
        color: #F62C11;
        font-weight: 600; }
main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.in {
  display: flex;
  gap: 20px; }
  @media only screen and (max-width: 667px) {
    main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.in {
      display: block; } }
  main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.in div.bn,
  main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.in div.flow_box {
    width: calc(50% - 10px); }
    @media only screen and (max-width: 667px) {
      main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.in div.bn,
      main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.in div.flow_box {
        width: 100%; } }
  @media only screen and (max-width: 667px) {
    main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.in div.bn {
      margin: 0 0 20px; } }
  main.benefits_main section.sec1 ul.benefits_flow li.benefits_flow_li div.in div.flow_box ul {
    width: 100%; }
main.benefits_main div.toku_bn {
  margin: 50px auto 30px;
  max-width: 740px;
  width: 92%; }
main.benefits_main div.com_bt_wrap {
  width: 92%; }

main.warranty_main section.mv div.txt_box {
  background: #F7F0EA;
  padding: 70px 0;
  justify-content: flex-start; }
  @media only screen and (max-width: 667px) {
    main.warranty_main section.mv div.txt_box {
      padding: 50px 0 20px; } }
  main.warranty_main section.mv div.txt_box h2 {
    text-align: left;
    padding: 0 50px 0 calc((100vw - 1080px)/2); }
    @media only screen and (max-width: 1170px) {
      main.warranty_main section.mv div.txt_box h2 {
        padding: 0 20px 0 4vw; } }
    @media only screen and (max-width: 667px) {
      main.warranty_main section.mv div.txt_box h2 {
        padding: 0 4vw; } }
    main.warranty_main section.mv div.txt_box h2 div.tl div.tg {
      margin: 0 0 30px; }
      main.warranty_main section.mv div.txt_box h2 div.tl div.tg img {
        margin: 0 !important; }
    main.warranty_main section.mv div.txt_box h2 div.tl div.t_tl_txt {
      color: #6B3D20;
      font-size: 40px;
      line-height: 180%;
      margin: 0 0 30px; }
      @media only screen and (max-width: 1060px) {
        main.warranty_main section.mv div.txt_box h2 div.tl div.t_tl_txt {
          font-size: 20px; } }
      main.warranty_main section.mv div.txt_box h2 div.tl div.t_tl_txt span {
        font-size: 60px; }
        @media only screen and (max-width: 1060px) {
          main.warranty_main section.mv div.txt_box h2 div.tl div.t_tl_txt span {
            font-size: 30px; } }
    main.warranty_main section.mv div.txt_box h2 div.tl div.tl_txt {
      color: #333333;
      font-size: 18px;
      line-height: 180%; }
      @media only screen and (max-width: 1060px) {
        main.warranty_main section.mv div.txt_box h2 div.tl div.tl_txt {
          font-size: 16px; } }
main.warranty_main section.sec {
  max-width: 1080px;
  width: 92%;
  padding: 40px 0 0;
  margin: 0 auto; }
  main.warranty_main section.sec h3.com_h3 {
    padding: 20px 0 20px 100px;
    background-image: url(../images/warranty/h3_icon.svg);
    background-position: left 0 bottom 0;
    background-size: 73px;
    margin: 0 0 20px; }
  main.warranty_main section.sec a.link {
    font-size: 16px;
    color: #333333;
    margin: 10px 0 0;
    display: block; }
    main.warranty_main section.sec a.link i.fas.fa-chevron-circle-right {
      color: #B3E65C;
      margin: 0 10px 0 0; }
main.warranty_main section.sec1 div.txt {
  font-size: 16px; }
main.warranty_main section.sec2 ul.warra_li li:nth-child(n+2) {
  margin: 20px 0 0; }
main.warranty_main section.sec2 ul.warra_li li div.tl {
  background: #F7F0EA;
  color: #6B3D20;
  font-size: 20px;
  font-weight: 600;
  padding: 10px 20px;
  margin: 0 0 15px; }
  @media only screen and (max-width: 667px) {
    main.warranty_main section.sec2 ul.warra_li li div.tl {
      padding: 10px 4vw;
      font-size: 1.75rem; } }
main.warranty_main section.sec2 ul.warra_li li div.txt {
  font-size: 15px;
  line-height: 180%;
  color: #333333; }
main.warranty_main section.sec2 div.txt.info {
  margin: 40px 0 0;
  padding: 30px 0 0 40px;
  font-size: 16px;
  border-top: 1px solid #333333;
  text-indent: -20px; }
  @media only screen and (max-width: 667px) {
    main.warranty_main section.sec2 div.txt.info {
      font-size: 1.35rem; } }
  main.warranty_main section.sec2 div.txt.info i.fas.fa-bookmark {
    color: #6B3D20;
    font-size: 20px;
    margin: 0 10px 0 0; }
main.warranty_main div.toku_bn {
  margin: 50px auto 30px;
  max-width: 740px;
  width: 92%; }
  main.warranty_main div.toku_bn a {
    display: block; }
main.warranty_main div.com_bt_wrap {
  width: 92%; }

main.terms_main .comp_name {
  font-size: 16px;
  text-align: right;
  color: #333333; }

main.company_main {
  padding: 0 0 100px; }
  main.company_main .pankuzu {
    margin: 10px auto;
    width: 100%; }
  main.company_main h2.terms_h2 {
    margin: 0 0 40px; }
  main.company_main table.com_form tbody tr td.txt a {
    color: #3234A1; }

main.favorite_main h2.com2_h2 {
  margin: 0 0 30px; }
main.favorite_main div.txt {
  font-size: 16px;
  line-height: 180%; }
  @media only screen and (max-width: 667px) {
    main.favorite_main div.txt {
      font-size: 1.45rem; } }
main.favorite_main h3.com_h3 {
  margin: 0 0 20px; }
main.favorite_main section {
  padding: 50px 0 0; }
main.favorite_main section.sec1 h3.com_h3 {
  background-image: url(../images/favorite_guide/h3_icon1.svg); }
main.favorite_main section.sec1 div.txt {
  margin: 0 0 20px; }
main.favorite_main section.sec2 h3.com_h3 {
  background-image: url(../images/favorite_guide/h3_icon2.svg); }
main.favorite_main section.sec2 ul {
  margin: 0 0 20px; }
  main.favorite_main section.sec2 ul li {
    font-size: 16px;
    color: #333333; }
    main.favorite_main section.sec2 ul li:nth-child(n+2) {
      margin: 10px 0 0; }
    main.favorite_main section.sec2 ul li i {
      margin: 0 10px 0 0;
      color: #B3E65C; }
main.favorite_main section.sec2 div.img {
  margin: 20px 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  gap: 20px; }
  @media only screen and (max-width: 667px) {
    main.favorite_main section.sec2 div.img {
      display: block; } }
  main.favorite_main section.sec2 div.img img {
    margin: 0; }
    @media only screen and (max-width: 667px) {
      main.favorite_main section.sec2 div.img img:nth-child(n+2) {
        margin: 10px 0 0; } }
main.favorite_main section.sec3 h3.com_h3 {
  background-image: url(../images/favorite_guide/h3_icon3.svg); }
main.favorite_main section.sec3 div.cont_box {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 667px) {
    main.favorite_main section.sec3 div.cont_box {
      display: block; } }
  main.favorite_main section.sec3 div.cont_box .txt_box, main.favorite_main section.sec3 div.cont_box .img {
    width: calc(50% - 15px); }
    @media only screen and (max-width: 667px) {
      main.favorite_main section.sec3 div.cont_box .txt_box, main.favorite_main section.sec3 div.cont_box .img {
        width: 100%; } }
  main.favorite_main section.sec3 div.cont_box div.txt_box div.bg_txt {
    padding: 30px;
    background: #FFFFE0;
    font-size: 16px;
    color: #333333;
    line-height: 180%;
    margin: 30px 0 0; }
    @media only screen and (max-width: 667px) {
      main.favorite_main section.sec3 div.cont_box div.txt_box div.bg_txt {
        font-size: 1.45rem;
        padding: 20px 4vw; } }
  @media only screen and (max-width: 667px) {
    main.favorite_main section.sec3 div.cont_box div.img {
      margin: 20px 0 0; } }
main.favorite_main section.link {
  width: 100%; }

main.manual_main {
  /*============================
  共通
  ============================*/
  /*============================
  #1
  ============================*/
  /*============================
  #2
  ============================*/
  /*============================
  #3
  ============================*/ }
  main.manual_main section.mv {
    background: #FFBB6C; }
    main.manual_main section.mv div.txt_box h2 {
      text-align: left; }
  main.manual_main div.anchor {
    background-image: url(../images/common/stripe.gif);
    padding: 20px 0; }
    main.manual_main div.anchor ul {
      max-width: 1080px;
      width: 92%;
      margin: 0 auto;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-wrap: wrap;
      gap: 10px; }
      main.manual_main div.anchor ul li {
        background: #fff;
        width: calc((100% - 20px) / 3); }
        @media only screen and (max-width: 1000px) {
          main.manual_main div.anchor ul li {
            width: calc(50% - 5px);
            position: relative; }
            main.manual_main div.anchor ul li:after {
              position: absolute;
              content: '';
              right: 0;
              bottom: 0;
              width: 0;
              height: 0;
              border-left: 10px solid transparent;
              border-bottom: 10px solid #6B3D20; } }
        @media only screen and (max-width: 667px) {
          main.manual_main div.anchor ul li {
            width: 100%; } }
        main.manual_main div.anchor ul li a {
          display: -webkit-flex;
          display: -ms-flex;
          display: flex;
          align-items: center;
          padding: 20px; }
          @media only screen and (min-width: 1025px) {
            main.manual_main div.anchor ul li a:hover {
              opacity: 0.6; } }
          main.manual_main div.anchor ul li a span.ribon {
            position: relative;
            background: #6B3D20;
            display: block;
            font-size: 16px;
            line-height: 16px;
            color: #fff;
            padding: 8px 10px 8px 10px;
            margin: 0 30px 0 0;
            letter-spacing: 0.08em; }
            @media only screen and (max-width: 667px) {
              main.manual_main div.anchor ul li a span.ribon {
                font-size: 1.45rem; } }
            main.manual_main div.anchor ul li a span.ribon:after {
              position: absolute;
              top: 0;
              display: block;
              height: 0px;
              content: '';
              border: 16px solid #6B3D20;
              right: -23px;
              border-right-width: 10px;
              border-right-color: transparent; }
          main.manual_main div.anchor ul li a span.tl {
            font-size: 20px;
            font-weight: 600;
            color: #6B3D20; }
            @media only screen and (max-width: 667px) {
              main.manual_main div.anchor ul li a span.tl {
                font-size: 1.75rem; } }
  main.manual_main .sec_box {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    max-width: 1080px;
    width: 92%;
    margin: -137px auto 0;
    padding: 197px 0 0; }
    @media only screen and (max-width: 1000px) {
      main.manual_main .sec_box {
        display: block; } }
    main.manual_main .sec_box div.tl_sec {
      width: 320px; }
      @media only screen and (max-width: 1000px) {
        main.manual_main .sec_box div.tl_sec {
          margin: 0 auto 50px;
          width: 100%; } }
      main.manual_main .sec_box div.tl_sec .tl_sec_in {
        position: sticky;
        top: 137px; }
        main.manual_main .sec_box div.tl_sec .tl_sec_in h3.tl_box {
          background: #FFBB6C;
          height: 300px;
          padding: 40px 0 0;
          margin: 0 0 30px; }
          main.manual_main .sec_box div.tl_sec .tl_sec_in h3.tl_box div.tl {
            font-size: 32px;
            font-weight: 600;
            color: #fff;
            text-align: center;
            padding: 20px 0; }
            @media only screen and (max-width: 667px) {
              main.manual_main .sec_box div.tl_sec .tl_sec_in h3.tl_box div.tl {
                font-size: 2.15rem; } }
        main.manual_main .sec_box div.tl_sec .tl_sec_in ul li:nth-child(n+2) {
          margin: 10px 0 0; }
        main.manual_main .sec_box div.tl_sec .tl_sec_in ul li a {
          font-size: 18px;
          font-weight: 600;
          color: #333333; }
          @media only screen and (max-width: 667px) {
            main.manual_main .sec_box div.tl_sec .tl_sec_in ul li a {
              font-size: 1.55rem; } }
          @media only screen and (min-width: 1025px) {
            main.manual_main .sec_box div.tl_sec .tl_sec_in ul li a:hover {
              opacity: 0.6; } }
          main.manual_main .sec_box div.tl_sec .tl_sec_in ul li a i {
            color: #6B3D20;
            margin: 0 10px 0 0; }
    main.manual_main .sec_box div.cont_sec {
      width: calc(100% - 370px); }
      @media only screen and (max-width: 1000px) {
        main.manual_main .sec_box div.cont_sec {
          width: 100%; } }
      main.manual_main .sec_box div.cont_sec h4.poi_h4 {
        margin: 0 0 30px; }
      main.manual_main .sec_box div.cont_sec .sec_in {
        padding: 177px 0 40px;
        margin: -137px 0 0;
        border-bottom: 2px solid #6B3D20; }
        main.manual_main .sec_box div.cont_sec .sec_in:last-child {
          border-bottom: 0; }
      main.manual_main .sec_box div.cont_sec .txt {
        font-size: 16px;
        color: #333333; }
        @media only screen and (max-width: 667px) {
          main.manual_main .sec_box div.cont_sec .txt {
            font-size: 1.45rem; } }
      main.manual_main .sec_box div.cont_sec .tyu {
        font-size: 12px;
        display: block;
        color: #333333; }
      main.manual_main .sec_box div.cont_sec div.sec_in_txt {
        margin: 0 0 30px; }
      main.manual_main .sec_box div.cont_sec .sec_in_bg {
        height: 300px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
        @media only screen and (max-width: 667px) {
          main.manual_main .sec_box div.cont_sec .sec_in_bg {
            height: 160px; } }
      main.manual_main .sec_box div.cont_sec ul.mokuzi {
        background: #FFFFE0;
        padding: 20px;
        margin: 0 0 40px; }
        @media only screen and (max-width: 667px) {
          main.manual_main .sec_box div.cont_sec ul.mokuzi {
            padding: 20px 4vw; } }
        main.manual_main .sec_box div.cont_sec ul.mokuzi li {
          font-weight: 600;
          color: #333333;
          font-size: 18px; }
          @media only screen and (max-width: 667px) {
            main.manual_main .sec_box div.cont_sec ul.mokuzi li {
              font-size: 1.55rem; } }
          main.manual_main .sec_box div.cont_sec ul.mokuzi li:nth-child(n+2) {
            margin: 10px 0 0; }
            @media only screen and (max-width: 667px) {
              main.manual_main .sec_box div.cont_sec ul.mokuzi li:nth-child(n+2) {
                margin: 20px 0 0; } }
          main.manual_main .sec_box div.cont_sec ul.mokuzi li span {
            margin: 0 10px 0 0;
            color: #F77A1E;
            font-size: 16px; }
            @media only screen and (max-width: 667px) {
              main.manual_main .sec_box div.cont_sec ul.mokuzi li span {
                font-size: 1.45rem;
                display: block;
                margin: 0 0 10px; } }
            main.manual_main .sec_box div.cont_sec ul.mokuzi li span i {
              margin: 0 10px 0 0; }
      main.manual_main .sec_box div.cont_sec .balloon {
        border-radius: 15px;
        background-color: #E4F4FC;
        position: relative; }
        main.manual_main .sec_box div.cont_sec .balloon::after {
          position: absolute;
          content: '';
          background-color: #E4F4FC;
          width: 25px;
          height: 25px;
          transform: rotate(45deg);
          left: 0;
          right: 0;
          margin: 0 auto;
          bottom: -10px; }
      main.manual_main .sec_box div.cont_sec div.point_wrap div.point_box:nth-child(n+2) {
        margin: 40px 0 0; }
      main.manual_main .sec_box div.cont_sec div.point_wrap div.point_box h5 {
        font-size: 23px;
        font-weight: 600;
        letter-spacing: 0.06em;
        color: #333333;
        margin: 0 0 20px;
        text-indent: -150px;
        padding: 0 0 0 150px; }
        @media only screen and (max-width: 667px) {
          main.manual_main .sec_box div.cont_sec div.point_wrap div.point_box h5 {
            font-size: 1.75rem;
            text-indent: 0;
            padding: 0; } }
        main.manual_main .sec_box div.cont_sec div.point_wrap div.point_box h5 span {
          color: #fff;
          background: #F77A1E;
          position: relative;
          display: inline-block;
          height: 40px;
          margin: 0 30px 0 0;
          padding: 10px 15px;
          font-size: 16px;
          line-height: 16px;
          text-indent: 0; }
          @media only screen and (max-width: 667px) {
            main.manual_main .sec_box div.cont_sec div.point_wrap div.point_box h5 span {
              font-size: 1.45rem;
              display: table;
              margin: 0 0 10px; } }
          main.manual_main .sec_box div.cont_sec div.point_wrap div.point_box h5 span::before {
            position: absolute;
            top: 0;
            right: -14px;
            content: '';
            border-width: 20px 0px 20px 15px;
            border-style: solid;
            border-color: transparent transparent transparent #F77A1E; }
          main.manual_main .sec_box div.cont_sec div.point_wrap div.point_box h5 span i.far.fa-check-square {
            margin: 0 10px 0 0; }
      main.manual_main .sec_box div.cont_sec div.point_wrap div.point_box .border_list {
        padding: 30px;
        border: 1px solid #F77A1E; }
        @media only screen and (max-width: 667px) {
          main.manual_main .sec_box div.cont_sec div.point_wrap div.point_box .border_list {
            padding: 20px 4vw; } }
      main.manual_main .sec_box div.cont_sec div.point_wrap div.point_box ul.point_list {
        margin: 20px 0 0; }
        main.manual_main .sec_box div.cont_sec div.point_wrap div.point_box ul.point_list li:nth-child(n+2) {
          margin: 30px 0 0; }
        main.manual_main .sec_box div.cont_sec div.point_wrap div.point_box ul.point_list li div.tl {
          color: #F77A1E;
          font-size: 20px;
          margin: 0 0 10px;
          font-weight: 600; }
          @media only screen and (max-width: 667px) {
            main.manual_main .sec_box div.cont_sec div.point_wrap div.point_box ul.point_list li div.tl {
              font-size: 1.75rem; } }
          main.manual_main .sec_box div.cont_sec div.point_wrap div.point_box ul.point_list li div.tl i {
            margin: 0 10px 0 0; }
      main.manual_main .sec_box div.cont_sec ul.medical_list {
        padding: 20px;
        background: #F7F0EA; }
        main.manual_main .sec_box div.cont_sec ul.medical_list li {
          font-weight: 600;
          font-size: 18px;
          color: #333333;
          padding: 0 0 0 22px;
          text-indent: -14px; }
          @media only screen and (max-width: 667px) {
            main.manual_main .sec_box div.cont_sec ul.medical_list li {
              font-size: 1.55rem; } }
          main.manual_main .sec_box div.cont_sec ul.medical_list li:nth-child(n+2) {
            margin: 10px 0 0 !important; }
          main.manual_main .sec_box div.cont_sec ul.medical_list li i {
            color: #F77A1E;
            margin: 0 10px 0 0; }
  main.manual_main section.sec1 div.cont_sec {
    /*============================
    #sec_in2
    ============================*/
    /*============================
    #sec_in3
    ============================*/
    /*============================
    #sec_in4
    ============================*/
    /*============================
    #sec_in5
    ============================*/ }
    main.manual_main section.sec1 div.cont_sec div.sec_in1 {
      padding: 137px 0 40px;
      margin: -137px 0 0; }
      main.manual_main section.sec1 div.cont_sec div.sec_in1 div.sec_in_bg {
        background-image: url(../images/manual/sec1_bg_img1.jpg);
        margin: 0 0 40px; }
      main.manual_main section.sec1 div.cont_sec div.sec_in1 ul.merit_list {
        margin: 0 0 40px; }
        main.manual_main section.sec1 div.cont_sec div.sec_in1 ul.merit_list li {
          color: #333333;
          font-weight: 600;
          font-size: 18px; }
          @media only screen and (max-width: 667px) {
            main.manual_main section.sec1 div.cont_sec div.sec_in1 ul.merit_list li {
              font-size: 1.55rem; } }
          main.manual_main section.sec1 div.cont_sec div.sec_in1 ul.merit_list li:nth-child(n+2) {
            margin: 10px 0 0; }
            @media only screen and (max-width: 667px) {
              main.manual_main section.sec1 div.cont_sec div.sec_in1 ul.merit_list li:nth-child(n+2) {
                margin: 20px 0 0; } }
          main.manual_main section.sec1 div.cont_sec div.sec_in1 ul.merit_list li span {
            font-size: 15px;
            color: #fff;
            display: inline-block;
            padding: 5px 10px;
            margin: 0 10px 0 0;
            text-align: center;
            background: #F77A1E;
            border-radius: 100px;
            line-height: 15px; }
            @media only screen and (max-width: 667px) {
              main.manual_main section.sec1 div.cont_sec div.sec_in1 ul.merit_list li span {
                font-size: 1.35rem;
                display: table;
                margin: 0 0 10px; } }
      main.manual_main section.sec1 div.cont_sec div.sec_in1 ul.merit_txt_box li:nth-child(n+2) {
        margin: 20px 0 0; }
      main.manual_main section.sec1 div.cont_sec div.sec_in1 ul.merit_txt_box li div.tl {
        background: #FFBB6C;
        color: #fff;
        font-size: 23px;
        font-weight: 600;
        padding: 10px 20px; }
        @media only screen and (max-width: 667px) {
          main.manual_main section.sec1 div.cont_sec div.sec_in1 ul.merit_txt_box li div.tl {
            font-size: 1.75rem;
            padding: 10px 4vw; } }
        main.manual_main section.sec1 div.cont_sec div.sec_in1 ul.merit_txt_box li div.tl span {
          font-size: 15px;
          color: #F77A1E;
          display: inline-block;
          padding: 5px 10px;
          margin: 0 10px 0 0;
          text-align: center;
          background: #fff;
          border-radius: 100px;
          line-height: 15px; }
          @media only screen and (max-width: 667px) {
            main.manual_main section.sec1 div.cont_sec div.sec_in1 ul.merit_txt_box li div.tl span {
              font-size: 1.35rem;
              display: table;
              margin: 0 0 10px; } }
      main.manual_main section.sec1 div.cont_sec div.sec_in1 ul.merit_txt_box li div.txt_box {
        padding: 20px;
        color: #333333;
        line-height: 180%;
        font-size: 16px;
        background: #F7F0EA; }
        @media only screen and (max-width: 667px) {
          main.manual_main section.sec1 div.cont_sec div.sec_in1 ul.merit_txt_box li div.txt_box {
            font-size: 1.45rem;
            padding: 20px 4vw; } }
    main.manual_main section.sec1 div.cont_sec div.sec_in2.sec_in ul.mention {
      margin: 30px 0 0; }
      main.manual_main section.sec1 div.cont_sec div.sec_in2.sec_in ul.mention li.balloon {
        padding: 20px;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 0 50px; }
        @media only screen and (max-width: 667px) {
          main.manual_main section.sec1 div.cont_sec div.sec_in2.sec_in ul.mention li.balloon {
            display: block;
            padding: 20px 4vw; } }
        main.manual_main section.sec1 div.cont_sec div.sec_in2.sec_in ul.mention li.balloon div.num {
          width: 74px;
          height: 74px;
          background: #fff;
          padding: 30px 0 0;
          text-align: center;
          border-radius: 50%;
          font-size: 28px;
          color: #333333;
          font-weight: 600;
          line-height: 20px; }
          @media only screen and (max-width: 667px) {
            main.manual_main section.sec1 div.cont_sec div.sec_in2.sec_in ul.mention li.balloon div.num {
              margin: 0 auto 20px; } }
        main.manual_main section.sec1 div.cont_sec div.sec_in2.sec_in ul.mention li.balloon div.txt_box {
          width: calc(100% - 104px);
          color: #333333; }
          @media only screen and (max-width: 667px) {
            main.manual_main section.sec1 div.cont_sec div.sec_in2.sec_in ul.mention li.balloon div.txt_box {
              width: 100%; } }
          main.manual_main section.sec1 div.cont_sec div.sec_in2.sec_in ul.mention li.balloon div.txt_box div.tl {
            font-size: 20px;
            font-weight: 600;
            line-height: 180%;
            margin: 0 0 10px; }
            @media only screen and (max-width: 667px) {
              main.manual_main section.sec1 div.cont_sec div.sec_in2.sec_in ul.mention li.balloon div.txt_box div.tl {
                font-size: 1.75rem; } }
    main.manual_main section.sec1 div.cont_sec div.sec_in3 ul.item {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      margin: 0 0 50px; }
      @media only screen and (max-width: 667px) {
        main.manual_main section.sec1 div.cont_sec div.sec_in3 ul.item {
          display: block; } }
      main.manual_main section.sec1 div.cont_sec div.sec_in3 ul.item li {
        width: calc(50% - 15px); }
        @media only screen and (max-width: 667px) {
          main.manual_main section.sec1 div.cont_sec div.sec_in3 ul.item li {
            width: 100%; }
            main.manual_main section.sec1 div.cont_sec div.sec_in3 ul.item li:nth-child(n+2) {
              margin: 20px 0 0; } }
        main.manual_main section.sec1 div.cont_sec div.sec_in3 ul.item li div.img {
          position: relative;
          border-top: 2px solid #F77A1E; }
          main.manual_main section.sec1 div.cont_sec div.sec_in3 ul.item li div.img span {
            position: absolute;
            top: -1px;
            left: 20px;
            display: inline-block;
            width: 52px;
            height: 50px;
            text-align: center;
            z-index: 1;
            font-size: 12px;
            color: #fff;
            line-height: 17px;
            padding: 5px 0 0;
            letter-spacing: 0.08em;
            font-weight: 600; }
            main.manual_main section.sec1 div.cont_sec div.sec_in3 ul.item li div.img span:after {
              position: absolute;
              top: 0;
              display: block;
              height: 21px;
              content: '';
              border: 26px solid #F77A1E;
              right: 0px;
              border-bottom-width: 15px;
              border-bottom-color: transparent;
              z-index: -1; }
        main.manual_main section.sec1 div.cont_sec div.sec_in3 ul.item li div.txt_box {
          padding: 20px 0 0; }
          main.manual_main section.sec1 div.cont_sec div.sec_in3 ul.item li div.txt_box div.tl {
            font-size: 20px;
            font-weight: 600;
            color: #333333; }
            @media only screen and (max-width: 667px) {
              main.manual_main section.sec1 div.cont_sec div.sec_in3 ul.item li div.txt_box div.tl {
                font-size: 1.75rem; } }
    main.manual_main section.sec1 div.cont_sec div.sec_in3 div.other h5 {
      padding: 0 0 0 40px;
      margin: 0 0 20px;
      font-size: 20px;
      font-weight: 600;
      color: #333333;
      background-image: url(../images/manual/other_icon.svg);
      background-repeat: no-repeat;
      background-position: center left 0;
      background-size: contain; }
      @media only screen and (max-width: 667px) {
        main.manual_main section.sec1 div.cont_sec div.sec_in3 div.other h5 {
          font-size: 1.75rem; } }
    main.manual_main section.sec1 div.cont_sec div.sec_in4 div.sec_in_bg {
      background-image: url(../images/manual/sec1_bg_img2.jpg);
      margin: 0 0 40px; }
    main.manual_main section.sec1 div.cont_sec div.sec_in4 div.bg_txt {
      background: #F7F0EA;
      font-size: 16px;
      line-height: 180%;
      color: #333333;
      padding: 30px;
      margin: 30px 0 0; }
    main.manual_main section.sec1 div.cont_sec div.sec_in5 div.sec_in_bg {
      background-image: url(../images/manual/sec1_bg_img3.jpg);
      margin: 0 0 40px; }
  main.manual_main section.sec2 div.cont_sec {
    /*============================
    #sec2_in1
    ============================*/
    /*============================
    #sec2_in2
    ============================*/
    /*============================
    #sec2_in3
    ============================*/
    /*============================
    #sec2_in4
    ============================*/
    /*============================
    #sec2_in5
    ============================*/ }
    main.manual_main section.sec2 div.cont_sec .border_list {
      margin: 20px 0 0; }
    main.manual_main section.sec2 div.cont_sec ul.sec2_point_list li {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex; }
      main.manual_main section.sec2 div.cont_sec ul.sec2_point_list li:nth-child(n+2) {
        margin: 10px 0 0; }
      main.manual_main section.sec2 div.cont_sec ul.sec2_point_list li div.tg {
        color: #F77A1E;
        margin: 0 10px 0 0;
        font-size: 20px; }
    main.manual_main section.sec2 div.cont_sec div.sec2_in1 {
      padding: 137px 0 40px;
      margin: -137px 0 0; }
      main.manual_main section.sec2 div.cont_sec div.sec2_in1 div.sec_in_bg {
        background-image: url(../images/manual/sec2_bg_img1.jpg); }
    main.manual_main section.sec2 div.cont_sec div.sec2_in2 div.sec_in_bg {
      background-image: url(../images/manual/sec2_bg_img2.jpg); }
    main.manual_main section.sec2 div.cont_sec div.sec2_in2 div.point_wrap div.point_box ul.case_mokuzi li.case_tl {
      font-size: 18px;
      font-weight: 600;
      color: #333333; }
      @media only screen and (max-width: 667px) {
        main.manual_main section.sec2 div.cont_sec div.sec2_in2 div.point_wrap div.point_box ul.case_mokuzi li.case_tl {
          font-size: 1.55rem; } }
      main.manual_main section.sec2 div.cont_sec div.sec2_in2 div.point_wrap div.point_box ul.case_mokuzi li.case_tl:nth-child(n+2) {
        margin: 20px 0 0; }
      main.manual_main section.sec2 div.cont_sec div.sec2_in2 div.point_wrap div.point_box ul.case_mokuzi li.case_tl span.tl {
        display: inline-block;
        padding: 0 15px 0 30px;
        background: url(../images/manual/sec2_case_face.svg) no-repeat;
        background-position: center left 0;
        background-size: contain;
        color: #707070;
        margin: 0 15px 0 0;
        border-right: 1px solid #707070; }
        @media only screen and (max-width: 667px) {
          main.manual_main section.sec2 div.cont_sec div.sec2_in2 div.point_wrap div.point_box ul.case_mokuzi li.case_tl span.tl {
            display: block;
            border: none;
            margin: 0 0 10px; } }
    main.manual_main section.sec2 div.cont_sec div.sec2_in2 div.point_wrap div.point_box ul.case li.case_box:nth-child(n+2) {
      margin: 40px 0 0; }
    main.manual_main section.sec2 div.cont_sec div.sec2_in2 div.point_wrap div.point_box ul.case li.case_box div.tl {
      padding: 20px;
      font-size: 20px;
      font-weight: 600;
      color: #333333;
      margin: 0 0 30px; }
      @media only screen and (max-width: 667px) {
        main.manual_main section.sec2 div.cont_sec div.sec2_in2 div.point_wrap div.point_box ul.case li.case_box div.tl {
          padding: 20px 4vw;
          font-size: 1.75rem; } }
      main.manual_main section.sec2 div.cont_sec div.sec2_in2 div.point_wrap div.point_box ul.case li.case_box div.tl span {
        display: inline-block;
        text-align: center;
        margin: 0 10px 0 0;
        color: #707070;
        font-weight: 600;
        background: #fff;
        border-radius: 100px;
        padding: 5px 10px;
        line-height: 15px;
        font-size: 15px; }
        @media only screen and (max-width: 667px) {
          main.manual_main section.sec2 div.cont_sec div.sec2_in2 div.point_wrap div.point_box ul.case li.case_box div.tl span {
            display: table;
            margin: 0 0 10px; } }
    main.manual_main section.sec2 div.cont_sec div.sec2_in2 div.point_wrap div.point_box ul.case li.case_box ul.in_list {
      padding: 20px 0 0;
      margin: 20px 0 0;
      border-top: 1px dashed #333333; }
      main.manual_main section.sec2 div.cont_sec div.sec2_in2 div.point_wrap div.point_box ul.case li.case_box ul.in_list li.tl {
        font-weight: 600; }
      main.manual_main section.sec2 div.cont_sec div.sec2_in2 div.point_wrap div.point_box ul.case li.case_box ul.in_list li {
        color: #333333;
        font-size: 15px; }
        main.manual_main section.sec2 div.cont_sec div.sec2_in2 div.point_wrap div.point_box ul.case li.case_box ul.in_list li:nth-child(n+2) {
          margin: 10px 0 0; }
    main.manual_main section.sec2 div.cont_sec div.sec2_in3 div.sec_in_bg {
      background-image: url(../images/manual/sec2_bg_img3.jpg); }
    main.manual_main section.sec2 div.cont_sec div.sec2_in3 div.point_wrap div.point_box ul.bg_list li {
      background: #F7F0EA;
      padding: 20px; }
      @media only screen and (max-width: 667px) {
        main.manual_main section.sec2 div.cont_sec div.sec2_in3 div.point_wrap div.point_box ul.bg_list li {
          padding: 20px 4vw; } }
      main.manual_main section.sec2 div.cont_sec div.sec2_in3 div.point_wrap div.point_box ul.bg_list li:nth-child(n+2) {
        margin: 20px 0 0; }
      main.manual_main section.sec2 div.cont_sec div.sec2_in3 div.point_wrap div.point_box ul.bg_list li div.tl {
        font-size: 20px;
        font-weight: 600;
        margin: 0 0 20px; }
        @media only screen and (max-width: 667px) {
          main.manual_main section.sec2 div.cont_sec div.sec2_in3 div.point_wrap div.point_box ul.bg_list li div.tl {
            font-size: 1.75rem; } }
        main.manual_main section.sec2 div.cont_sec div.sec2_in3 div.point_wrap div.point_box ul.bg_list li div.tl span {
          color: #F77A1E;
          margin: 0 10px 0 0; }
      main.manual_main section.sec2 div.cont_sec div.sec2_in3 div.point_wrap div.point_box ul.bg_list li div.txt_box {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media only screen and (max-width: 667px) {
          main.manual_main section.sec2 div.cont_sec div.sec2_in3 div.point_wrap div.point_box ul.bg_list li div.txt_box {
            display: block; } }
        main.manual_main section.sec2 div.cont_sec div.sec2_in3 div.point_wrap div.point_box ul.bg_list li div.txt_box div.txt {
          width: calc(100% - 220px); }
          @media only screen and (max-width: 667px) {
            main.manual_main section.sec2 div.cont_sec div.sec2_in3 div.point_wrap div.point_box ul.bg_list li div.txt_box div.txt {
              width: 100%; } }
        main.manual_main section.sec2 div.cont_sec div.sec2_in3 div.point_wrap div.point_box ul.bg_list li div.txt_box div.img {
          width: 200px; }
          @media only screen and (max-width: 667px) {
            main.manual_main section.sec2 div.cont_sec div.sec2_in3 div.point_wrap div.point_box ul.bg_list li div.txt_box div.img {
              width: 100%;
              margin: 10px 0 0; } }
    main.manual_main section.sec2 div.cont_sec div.sec2_in4 div.sec_in_bg {
      background-image: url(../images/manual/sec2_bg_img4.jpg); }
    main.manual_main section.sec2 div.cont_sec div.sec2_in4 div.point_wrap div.point_box h5.sec2_step span {
      background: none;
      color: #F77A1E;
      padding: 0;
      height: auto;
      margin: 0 10px 0 0;
      font-weight: 600;
      font-size: 20px;
      line-height: 100%; }
      @media only screen and (max-width: 667px) {
        main.manual_main section.sec2 div.cont_sec div.sec2_in4 div.point_wrap div.point_box h5.sec2_step span {
          margin: 0 0 10px;
          font-size: 1.75rem; } }
      main.manual_main section.sec2 div.cont_sec div.sec2_in4 div.point_wrap div.point_box h5.sec2_step span:before {
        display: none; }
      main.manual_main section.sec2 div.cont_sec div.sec2_in4 div.point_wrap div.point_box h5.sec2_step span i.fas.fa-bookmark {
        margin: 0 10px 0 0; }
    main.manual_main section.sec2 div.cont_sec div.sec2_in5 div.sec_in_bg {
      background-image: url(../images/manual/sec2_bg_img5.jpg); }
  main.manual_main section.sec3 {
    padding: 197px 0 50px; }
    main.manual_main section.sec3 div.cont_sec {
      /*============================
      #sec3_in1
      ============================*/
      /*============================
      #sec3_in2
      ============================*/
      /*============================
      #sec3_in3
      ============================*/
      /*============================
      #sec3_in4
      ============================*/
      /*============================
      #sec3_in5
      ============================*/ }
      main.manual_main section.sec3 div.cont_sec div.sec3_in1 {
        padding: 137px 0 40px;
        margin: -137px 0 0; }
        main.manual_main section.sec3 div.cont_sec div.sec3_in1 div.sec_in_bg {
          background-image: url(../images/manual/sec3_bg_img1.jpg); }
        main.manual_main section.sec3 div.cont_sec div.sec3_in1 div.point_wrap div.point_box div.vaccine_img {
          margin: 30px 0 0; }
        main.manual_main section.sec3 div.cont_sec div.sec3_in1 div.point_wrap div.point_box ul.medical_list {
          margin: 20px 0; }
      main.manual_main section.sec3 div.cont_sec div.sec3_in3.sec_in div.sec_in_bg {
        background-image: url(../images/manual/sec3_bg_img2.jpg); }
      main.manual_main section.sec3 div.cont_sec div.sec3_in4.sec_in div.sec_in_bg {
        background-image: url(../images/manual/sec3_bg_img3.jpg); }
      main.manual_main section.sec3 div.cont_sec div.sec3_in4.sec_in div.point_wrap div.point_box div.merit2_txt_box div.merit_txt_in:nth-child(n+2) {
        margin: 30px 0 0; }
      main.manual_main section.sec3 div.cont_sec div.sec3_in4.sec_in div.point_wrap div.point_box div.merit2_txt_box div.merit_txt_in div.balloon.tl {
        font-size: 20px;
        font-weight: 600;
        color: #333333;
        padding: 20px;
        margin: 0 0 30px; }
        @media only screen and (max-width: 667px) {
          main.manual_main section.sec3 div.cont_sec div.sec3_in4.sec_in div.point_wrap div.point_box div.merit2_txt_box div.merit_txt_in div.balloon.tl {
            font-size: 1.75rem; } }
      main.manual_main section.sec3 div.cont_sec div.sec3_in4.sec_in div.point_wrap div.point_box div.merit2_txt_box div.merit_txt_in div.txt_box ul:nth-child(n+2) {
        margin: 20px 0 0; }
      main.manual_main section.sec3 div.cont_sec div.sec3_in4.sec_in div.point_wrap div.point_box div.merit2_txt_box div.merit_txt_in div.txt_box ul li.tl {
        font-size: 18px;
        font-weight: 600; }
        @media only screen and (max-width: 667px) {
          main.manual_main section.sec3 div.cont_sec div.sec3_in4.sec_in div.point_wrap div.point_box div.merit2_txt_box div.merit_txt_in div.txt_box ul li.tl {
            font-size: 1.55rem; } }
        main.manual_main section.sec3 div.cont_sec div.sec3_in4.sec_in div.point_wrap div.point_box div.merit2_txt_box div.merit_txt_in div.txt_box ul li.tl i {
          margin: 0 10px 0 0; }
      main.manual_main section.sec3 div.cont_sec div.sec3_in4.sec_in div.point_wrap div.point_box div.merit2_txt_box div.merit_txt_in div.txt_box ul li {
        font-size: 15px;
        color: #333333; }
        @media only screen and (max-width: 667px) {
          main.manual_main section.sec3 div.cont_sec div.sec3_in4.sec_in div.point_wrap div.point_box div.merit2_txt_box div.merit_txt_in div.txt_box ul li {
            font-size: 1.35rem; } }
        main.manual_main section.sec3 div.cont_sec div.sec3_in4.sec_in div.point_wrap div.point_box div.merit2_txt_box div.merit_txt_in div.txt_box ul li:nth-child(n+2) {
          margin: 10px 0 0; }
      main.manual_main section.sec3 div.cont_sec div.sec3_in4.sec_in div.point_wrap div.point_box div.merit2_txt_box div.merit_txt_in div.tyu {
        margin: 20px 0 0; }
      main.manual_main section.sec3 div.cont_sec div.sec3_in5 {
        padding: 177px 0 0px; }
        main.manual_main section.sec3 div.cont_sec div.sec3_in5 div.sec_in_bg {
          background-image: url(../images/manual/sec3_bg_img4.jpg); }
        main.manual_main section.sec3 div.cont_sec div.sec3_in5 div.point_wrap div.point_box ul.point_list li div.txt span.midashi {
          font-size: 15px;
          line-height: 15px;
          background: #F7F0EA;
          text-align: center;
          padding: 5px 15px;
          display: table;
          border-radius: 100px;
          font-weight: 600;
          margin: 10px 0; }

main.terms_main {
  max-width: 1080px;
  width: 92%;
  margin: 10px auto 0;
  padding: 0 0 100px; }
  main.terms_main h2.terms_h2 {
    margin: 0 0 50px; }
  main.terms_main h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 20px;
    color: #333333;
    padding: 140px 0 0;
    margin: -140px 0 20px; }
  main.terms_main .m_m {
    margin: 0 0 20px; }
  main.terms_main div.txt {
    margin: 0 0 40px;
    color: #333333;
    font-size: 16px;
    line-height: 180%; }
    @media only screen and (max-width: 667px) {
      main.terms_main div.txt {
        font-size: 1.35rem; } }
    main.terms_main div.txt ol li {
      padding: 0 0 0 1em;
      text-indent: -1em; }
      main.terms_main div.txt ol li:nth-child(n+2) {
        margin: 10px 0 0; }
  main.terms_main div.signature {
    font-size: 16px;
    line-height: 180%;
    color: #333333; }

main.b_recruiting_main {
  margin: 0 auto;
  max-width: 1080px;
  width: 92%;
  padding: 50px 0 100px; }
  main.b_recruiting_main section.sec1 h2.b_rec_h2 {
    font-size: 40px;
    color: #6B3D20;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 0 0 50px; }
    @media only screen and (max-width: 900px) {
      main.b_recruiting_main section.sec1 h2.b_rec_h2 {
        font-size: 3rem; } }
    @media only screen and (max-width: 667px) {
      main.b_recruiting_main section.sec1 h2.b_rec_h2 {
        font-size: 2.5rem; } }
    main.b_recruiting_main section.sec1 h2.b_rec_h2 div.tag_wrap {
      display: block; }
      main.b_recruiting_main section.sec1 h2.b_rec_h2 div.tag_wrap span {
        display: inline-block;
        padding: 10px 20px;
        background: #6B3D20;
        color: #fff;
        font-weight: bold;
        border-radius: 10px;
        font-size: 20px;
        line-height: 20px;
        text-align: center; }
        @media only screen and (max-width: 900px) {
          main.b_recruiting_main section.sec1 h2.b_rec_h2 div.tag_wrap span {
            font-size: 1.65rem; } }
        @media only screen and (max-width: 667px) {
          main.b_recruiting_main section.sec1 h2.b_rec_h2 div.tag_wrap span {
            font-size: 1.45rem; } }
        main.b_recruiting_main section.sec1 h2.b_rec_h2 div.tag_wrap span:nth-child(n+2) {
          margin: 0 0 0 10px; }
  main.b_recruiting_main section.sec1 div.main_cont {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between; }
    @media only screen and (max-width: 667px) {
      main.b_recruiting_main section.sec1 div.main_cont {
        display: block; } }
    main.b_recruiting_main section.sec1 div.main_cont div.img {
      width: 510px; }
      @media only screen and (max-width: 900px) {
        main.b_recruiting_main section.sec1 div.main_cont div.img {
          width: 300px; } }
      @media only screen and (max-width: 667px) {
        main.b_recruiting_main section.sec1 div.main_cont div.img {
          width: 100%;
          margin: 0 0 20px; } }
    main.b_recruiting_main section.sec1 div.main_cont div.txt {
      width: calc(100% - 560px);
      font-size: 16px;
      line-height: 180%;
      color: #333333; }
      @media only screen and (max-width: 900px) {
        main.b_recruiting_main section.sec1 div.main_cont div.txt {
          width: calc(100% - 350px); } }
      @media only screen and (max-width: 667px) {
        main.b_recruiting_main section.sec1 div.main_cont div.txt {
          width: 100%;
          font-size: 1.35rem; } }
  main.b_recruiting_main section h3.b_r_h3 {
    background: #B3E65C;
    color: #fff;
    font-size: 28px;
    padding: 10px;
    margin: 0 0 30px; }
    @media only screen and (max-width: 900px) {
      main.b_recruiting_main section h3.b_r_h3 {
        font-size: 2rem; } }
  main.b_recruiting_main section.sec2 {
    padding: 50px 0 0; }
    main.b_recruiting_main section.sec2 ul.b_r_cont_li li {
      background: #F7F0EA;
      padding: 30px;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 667px) {
        main.b_recruiting_main section.sec2 ul.b_r_cont_li li {
          display: block;
          padding: 30px 4vw; } }
      main.b_recruiting_main section.sec2 ul.b_r_cont_li li:nth-child(n+2) {
        margin: 15px 0 0; }
      main.b_recruiting_main section.sec2 ul.b_r_cont_li li div.icon {
        margin: 0 30px 0 0;
        width: 54px; }
        @media only screen and (max-width: 667px) {
          main.b_recruiting_main section.sec2 ul.b_r_cont_li li div.icon {
            margin: 0 auto 20px; } }
      main.b_recruiting_main section.sec2 ul.b_r_cont_li li div.txt {
        width: calc(100% - 84px);
        font-size: 20px;
        color: #333333;
        line-height: 180%;
        font-weight: bold; }
        @media only screen and (max-width: 667px) {
          main.b_recruiting_main section.sec2 ul.b_r_cont_li li div.txt {
            width: 100%;
            font-size: 1.65rem; } }
  main.b_recruiting_main section.sec3 {
    padding: 50px 0 0; }
    main.b_recruiting_main section.sec3 ul.merit {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      justify-content: space-between;
      margin: 0 0 50px; }
      @media only screen and (max-width: 667px) {
        main.b_recruiting_main section.sec3 ul.merit {
          display: block; } }
      main.b_recruiting_main section.sec3 ul.merit li {
        width: 322px;
        text-align: center;
        color: #333333; }
        @media only screen and (max-width: 1024px) {
          main.b_recruiting_main section.sec3 ul.merit li {
            width: calc((100% - 40px)/3); } }
        @media only screen and (max-width: 667px) {
          main.b_recruiting_main section.sec3 ul.merit li {
            width: 100%; }
            main.b_recruiting_main section.sec3 ul.merit li:nth-child(n+2) {
              margin: 30px 0 0; } }
        main.b_recruiting_main section.sec3 ul.merit li div.m_tag {
          display: table;
          margin: 20px auto;
          padding: 5px 10px;
          font-size: 15px;
          line-height: 15px;
          background: #6B3D20;
          color: #fff;
          border-radius: 100px; }
        main.b_recruiting_main section.sec3 ul.merit li div.txt {
          font-size: 18px;
          font-weight: bold; }
          @media only screen and (max-width: 667px) {
            main.b_recruiting_main section.sec3 ul.merit li div.txt {
              font-size: 1.45rem; } }
          main.b_recruiting_main section.sec3 ul.merit li div.txt span {
            background: linear-gradient(transparent 70%, #FFFF00 0%); }
        main.b_recruiting_main section.sec3 ul.merit li div.tyu_txt {
          font-size: 14px;
          margin: 10px 0 0; }
    main.b_recruiting_main section.sec3 div.txt_box {
      padding: 40px;
      border: 1px solid #333333;
      margin: 0 0 50px; }
      @media only screen and (max-width: 667px) {
        main.b_recruiting_main section.sec3 div.txt_box {
          padding: 40px 4vw; } }
      main.b_recruiting_main section.sec3 div.txt_box h4 {
        font-size: 28px;
        color: #333333;
        font-weight: bold;
        margin: 0 0 30px; }
        @media only screen and (max-width: 667px) {
          main.b_recruiting_main section.sec3 div.txt_box h4 {
            font-size: 2rem; } }
        main.b_recruiting_main section.sec3 div.txt_box h4 span {
          font-size: 20px;
          display: block; }
          @media only screen and (max-width: 667px) {
            main.b_recruiting_main section.sec3 div.txt_box h4 span {
              font-size: 1.25rem; } }
      main.b_recruiting_main section.sec3 div.txt_box div.txt {
        margin: 0 0 30px;
        font-size: 16px;
        color: #333333;
        line-height: 180%; }
        @media only screen and (max-width: 667px) {
          main.b_recruiting_main section.sec3 div.txt_box div.txt {
            font-size: 1.35rem; } }
      main.b_recruiting_main section.sec3 div.txt_box ul.com_li_txt {
        padding: 30px 0 0;
        border-top: 1px solid #333333;
        margin: 0 0 30px; }
        main.b_recruiting_main section.sec3 div.txt_box ul.com_li_txt li i.far.fa-check-square {
          color: #B3E65C; }
      main.b_recruiting_main section.sec3 div.txt_box div.tyu_txt {
        font-size: 14px;
        color: #333333;
        line-height: 180%;
        margin: 0 0 30px; }
        @media only screen and (max-width: 667px) {
          main.b_recruiting_main section.sec3 div.txt_box div.tyu_txt {
            font-size: 1.25rem; } }
      main.b_recruiting_main section.sec3 div.txt_box div.hosyo_txt {
        padding: 30px 0 0;
        border-top: 1px solid #333333; }
        main.b_recruiting_main section.sec3 div.txt_box div.hosyo_txt div.tl {
          font-size: 18px;
          font-weight: bold;
          margin: 0 0 10px;
          color: #333333; }
        main.b_recruiting_main section.sec3 div.txt_box div.hosyo_txt div.txt {
          color: #333333;
          font-size: 16px;
          line-height: 180%; }
        main.b_recruiting_main section.sec3 div.txt_box div.hosyo_txt div.name {
          margin: 20px 0 0;
          font-size: 16px;
          color: #333333; }

main.flow_main {
  max-width: 1080px;
  width: 92%;
  margin: 0 auto;
  padding: 0 0 100px; }
  main.flow_main .pankuzu {
    width: 100%;
    margin: 10px 0; }
  main.flow_main h2.flow_h2 {
    margin: 0 0 40px; }
    main.flow_main h2.flow_h2 span {
      display: block;
      color: #FC909D;
      margin: 0 0 20px;
      font-size: 18px; }
      @media only screen and (max-width: 667px) {
        main.flow_main h2.flow_h2 span {
          font-size: 1.45rem;
          margin: 0 0 10px; } }
  main.flow_main section.step_img {
    margin: 0 0 60px; }
  main.flow_main ul.step_box {
    margin: 0 0 70px; }
    main.flow_main ul.step_box li {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      position: relative; }
      @media only screen and (max-width: 667px) {
        main.flow_main ul.step_box li {
          display: block; } }
      main.flow_main ul.step_box li:nth-child(n+2) {
        margin: 100px 0 0; }
        main.flow_main ul.step_box li:nth-child(n+2)::after {
          position: absolute;
          width: 54px;
          height: 24px;
          content: '';
          background: url(../images/flow/arrow.svg);
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          top: -60px;
          left: 0;
          right: 0;
          margin: 0 auto; }
      main.flow_main ul.step_box li:nth-child(1) .com_h3 {
        background-image: url(../images/flow/h3_icon1.svg); }
      main.flow_main ul.step_box li:nth-child(2) .com_h3 {
        background-image: url(../images/flow/h3_icon2.svg); }
      main.flow_main ul.step_box li:nth-child(3) .com_h3 {
        background-image: url(../images/flow/h3_icon3.svg); }
      main.flow_main ul.step_box li:nth-child(4) .com_h3 {
        background-image: url(../images/flow/h3_icon4.svg); }
      main.flow_main ul.step_box li:nth-child(5) .com_h3 {
        background-image: url(../images/flow/h3_icon5.svg); }
      main.flow_main ul.step_box li div.img {
        width: 348px;
        position: relative; }
        @media only screen and (max-width: 667px) {
          main.flow_main ul.step_box li div.img {
            width: 100%; } }
        main.flow_main ul.step_box li div.img img.img_tag {
          position: absolute;
          top: 20px;
          right: 20px; }
      main.flow_main ul.step_box li div.txt_box {
        width: calc(100% - 388px); }
        @media only screen and (max-width: 667px) {
          main.flow_main ul.step_box li div.txt_box {
            width: 100%; } }
        main.flow_main ul.step_box li div.txt_box h3.com_h3 {
          margin: 0 0 20px; }
        main.flow_main ul.step_box li div.txt_box div.txt {
          font-size: 16px;
          line-height: 180%;
          color: #333333; }
          @media only screen and (max-width: 667px) {
            main.flow_main ul.step_box li div.txt_box div.txt {
              font-size: 1.25rem; } }
          main.flow_main ul.step_box li div.txt_box div.txt span {
            display: block;
            margin: 20px 0 0; }
            main.flow_main ul.step_box li div.txt_box div.txt span i.fas.fa-chevron-circle-right {
              color: #B3E65C;
              margin: 0 10px 0 0; }
        main.flow_main ul.step_box li div.txt_box div.point_box {
          margin: 20px 0 0;
          padding: 20px;
          border: 1px dashed #707070;
          font-size: 16px;
          line-height: 180%;
          color: #333333;
          position: relative;
          z-index: 1; }
          @media only screen and (max-width: 667px) {
            main.flow_main ul.step_box li div.txt_box div.point_box {
              font-size: 1.25rem;
              padding: 20px 4vw;
              border-top: 1px dashed #707070;
              border-right: 1px dashed #707070;
              border-bottom: 1px dashed #707070;
              border-left: 0; }
              main.flow_main ul.step_box li div.txt_box div.point_box::after {
                border-left: 1px dashed #707070;
                position: absolute;
                left: 0.5px;
                top: 0;
                height: 100%;
                width: 1px;
                content: ''; } }
          main.flow_main ul.step_box li div.txt_box div.point_box span {
            margin: 0 0 10px;
            color: #FC909D;
            display: block; }
            main.flow_main ul.step_box li div.txt_box div.point_box span i.far.fa-check-square {
              margin: 0 10px 0 0; }
  main.flow_main section.link {
    width: 100%; }

/*****************************************
ブリーダー評価
****************************************/
.review_main {
  /*****************************************
  ブリーダー評価確認
  ****************************************/
  /*****************************************
  ブリーダー評価完了
  ****************************************/ }
  .review_main .memfav_review_h2 {
    background-image: url(../images/mypage/h2_icon7.svg); }
  .review_main section.form form div.name_box {
    padding: 0 0 30px; }
    .review_main section.form form div.name_box div.tl {
      font-size: 20px;
      color: #333333;
      font-weight: bold;
      margin: 0 0 10px; }
      @media only screen and (max-width: 667px) {
        .review_main section.form form div.name_box div.tl {
          font-size: 1.65rem; } }
    .review_main section.form form div.name_box div.name {
      font-weight: bold;
      color: #333333;
      font-size: 28px; }
      @media only screen and (max-width: 667px) {
        .review_main section.form form div.name_box div.name {
          font-size: 2rem; } }
  .review_main section.form form div.in {
    padding: 30px 0;
    border-top: 1px dashed #333333;
    border-bottom: 1px dashed #333333;
    margin: 0 0 40px; }
    .review_main section.form form div.in div.box {
      position: relative;
      padding: 0 0 0 50px; }
      .review_main section.form form div.in div.box:nth-child(n+2) {
        margin: 30px 0 0; }
      .review_main section.form form div.in div.box div.tag {
        position: absolute;
        color: #fff;
        background: #CD2533;
        border-radius: 3px;
        text-align: center;
        left: 0;
        top: 0;
        font-size: 15px;
        padding: 5px;
        display: table;
        line-height: 16px; }
      .review_main section.form form div.in div.box div.tl {
        font-size: 20px;
        color: #333333;
        font-weight: bold;
        margin: 0 0 10px; }
        @media only screen and (max-width: 667px) {
          .review_main section.form form div.in div.box div.tl {
            font-size: 1.65rem; } }
      .review_main section.form form div.in div.box div.txt {
        font-size: 16px;
        color: #333333;
        margin: 0 0 10px; }
        @media only screen and (max-width: 667px) {
          .review_main section.form form div.in div.box div.txt {
            font-size: 1.45rem; } }
      .review_main section.form form div.in div.box textarea {
        width: 100%;
        height: 250px;
        border: 1px solid #333333;
        border-radius: 0;
        resize: vertical; }
      .review_main section.form form div.in div.box input#evalu_icon {
        display: none; }
      .review_main section.form form div.in div.box label {
        cursor: pointer;
        width: 77px;
        display: block; }
        .review_main section.form form div.in div.box label img.on {
          display: none; }
      .review_main section.form form div.in div.box input#evalu_icon:checked + label img.off {
        display: none; }
      .review_main section.form form div.in div.box input#evalu_icon:checked + label img.on {
        display: block !important; }
      .review_main section.form form div.in div.box .error {
        font-size: 1.25rem;
        color: #DB163D; }
  .review_main section.form form button.cont_submit {
    background: #CD2533;
    border: #CD2533 1px solid; }
    .review_main section.form form button.cont_submit:hover {
      background: #fff;
      color: #CD2533; }
  .review_main td .txt {
    margin: 0 !important; }
  .review_main td .img {
    width: 47px; }
  .review_main .comp_txt {
    font-size: 16px;
    text-align: center;
    margin: 0 0 50px;
    color: #333333; }

/*****************************************
ログイン
****************************************/
main.login_main h2.sec_h2 {
  background: #FC909D;
  margin: 0 0 30px; }
main.login_main section.form {
  margin: 0 0 30px; }
  main.login_main section.form form table.com_form tbody tr td input[type="password"] {
    max-width: 500px;
    width: 100%;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #333333;
    border-radius: 0; }
main.login_main div.pw_lost {
  font-size: 16px;
  line-height: 180%;
  text-align: center; }
  main.login_main div.pw_lost b {
    color: #FC6577; }
  main.login_main div.pw_lost a {
    color: #3234A1; }

/*****************************************
会員ページ共通部分
****************************************/
div.member_name {
  background: #FC909D; }
  div.member_name div.in {
    max-width: 1080px;
    width: 92%;
    margin: 0 auto;
    color: #333333;
    padding: 10px 0;
    font-size: 18px;
    font-weight: bold; }
    div.member_name div.in i {
      margin: 0 10px 0 0;
      color: #fff; }

.nav_name {
  font-size: 16px;
  color: #333333;
  font-weight: 500;
  padding: 10px 0;
  border-top: 1px solid #333333; }

nav.member_nav {
  margin: 0 0 40px; }
  nav.member_nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    nav.member_nav ul li {
      width: calc((100% - 20px)/3);
      background-size: 24px;
      background-position: left 10px center;
      background-repeat: no-repeat;
      background-color: #F7F0EA;
      transition: 0.6s; }
      @media only screen and (min-width: 901px) {
        nav.member_nav ul li:nth-child(n+4) {
          margin: 10px 0 0; } }
      @media only screen and (max-width: 900px) {
        nav.member_nav ul li {
          width: calc((100% - 10px)/2); }
          nav.member_nav ul li:nth-child(n+3) {
            margin: 10px 0 0; } }
      @media only screen and (max-width: 667px) {
        nav.member_nav ul li {
          width: 100%; }
          nav.member_nav ul li:nth-child(n+2) {
            margin: 10px 0 0; } }
      nav.member_nav ul li:nth-child(1) {
        background-image: url(../images/common/cust_icon1.svg); }
      nav.member_nav ul li:nth-child(2) {
        background-image: url(../images/common/cust_icon2.svg); }
      nav.member_nav ul li:nth-child(3) {
        background-image: url(../images/common/cust_icon3.svg); }
      nav.member_nav ul li:nth-child(4) {
        background-image: url(../images/common/cust_icon4.svg); }
      nav.member_nav ul li:nth-child(5) {
        background-image: url(../images/common/cust_icon5.svg); }
      nav.member_nav ul li:nth-child(6) {
        background-image: url(../images/common/cust_icon6.svg); }
      nav.member_nav ul li:nth-child(7) {
        background-image: url(../images/common/cust_icon7.svg); }
      nav.member_nav ul li a {
        display: block;
        padding: 15px 0 15px 40px;
        color: #6B3D20;
        border-left: 5px solid #6B3D20;
        font-size: 16px;
        line-height: 16px;
        font-weight: 500; }
      @media only screen and (min-width: 1025px) {
        nav.member_nav ul li:hover {
          background-color: #CBB19B; } }

main.member_main h3.com_h3 {
  border-bottom: 1px dashed #333333;
  margin: 0 0 30px; }
main.member_main div.mem_bt {
  display: table;
  min-width: 150px;
  margin: 0 auto; }
  main.member_main div.mem_bt a {
    display: block;
    background: #6B3D20;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #6B3D20; }
    @media only screen and (min-width: 1025px) {
      main.member_main div.mem_bt a:hover {
        color: #6B3D20;
        background: #fff; } }
main.member_main ul.mem_breeder_list {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  main.member_main ul.mem_breeder_list li.list {
    width: calc((100% - 45px)/4);
    border: 1px solid #333333;
    padding: 45px 10px 10px 10px;
    position: relative; }
    @media only screen and (min-width: 901px) {
      main.member_main ul.mem_breeder_list li.list {
        margin-right: 15px; }
        main.member_main ul.mem_breeder_list li.list:nth-child(4n) {
          margin-right: 0; }
        main.member_main ul.mem_breeder_list li.list:nth-child(n+5) {
          margin-top: 15px; } }
    @media only screen and (max-width: 900px) {
      main.member_main ul.mem_breeder_list li.list {
        width: calc((100% - 15px)/2); }
        main.member_main ul.mem_breeder_list li.list:nth-child(n+3) {
          margin-top: 15px; }
        main.member_main ul.mem_breeder_list li.list:nth-child(2n) {
          margin-left: 15px; } }
    @media only screen and (max-width: 667px) {
      main.member_main ul.mem_breeder_list li.list {
        width: 100%; }
        main.member_main ul.mem_breeder_list li.list:nth-child(n+2) {
          margin: 10px 0 0; } }
    main.member_main ul.mem_breeder_list li.list button.favorite_bt {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 12px;
      z-index: 2; }
      main.member_main ul.mem_breeder_list li.list button.favorite_bt i {
        color: #FC6577;
        margin: 0 0 0 10px;
        font-size: 18px; }
      main.member_main ul.mem_breeder_list li.list button.favorite_bt span.on {
        display: none; }
    main.member_main ul.mem_breeder_list li.list .favorite_bt_on span.on {
      display: inline-block !important; }
    main.member_main ul.mem_breeder_list li.list .favorite_bt_on span.off {
      display: none; }
    main.member_main ul.mem_breeder_list li.list a span {
      display: block; }
    main.member_main ul.mem_breeder_list li.list a span.img {
      margin: 0 0 10px;
      overflow: hidden; }
      main.member_main ul.mem_breeder_list li.list a span.img img {
        height: 100% !important;
        width: 100% !important;
        transition: 0.6s;
        object-fit: cover; }
    main.member_main ul.mem_breeder_list li.list a span.name {
      font-size: 18px;
      font-weight: 500;
      margin: 0 0 10px;
      color: #333333; }
    main.member_main ul.mem_breeder_list li.list a span.adress {
      font-size: 16px;
      color: #333333;
      margin: 0 0 10px; }
    main.member_main ul.mem_breeder_list li.list a span.evaluation {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      align-items: center;
      margin: 0 0 10px; }
      main.member_main ul.mem_breeder_list li.list a span.evaluation img {
        display: block;
        margin: 0 10px 0 0; }
      main.member_main ul.mem_breeder_list li.list a span.evaluation span.count {
        color: #FC6577;
        font-size: 16px;
        font-weight: 500; }
    main.member_main ul.mem_breeder_list li.list a .breed_bt {
      padding: 5px 0;
      font-size: 16px;
      color: #fff;
      background: #CBB19B;
      text-align: center;
      border-radius: 5px;
      border: 1px solid #CBB19B;
      transition: 0.6s; }
    @media only screen and (min-width: 1025px) {
      main.member_main ul.mem_breeder_list li.list:hover .img img {
        transform: scale(1.3); }
      main.member_main ul.mem_breeder_list li.list:hover .breed_bt {
        background: #fff;
        color: #CBB19B; } }

/*****************************************
会員ページトップ
****************************************/
main.member_main {
  /*****************************************
  お気に入り犬
  ****************************************/
  /*****************************************
  お気に入りブリーダー
  ****************************************/
  /*****************************************
  取引一覧
  ****************************************/
  /*****************************************
  会員情報編集
  ****************************************/
  /*****************************************
  退会手続き
  ****************************************/ }
  main.member_main .memtop_h2 {
    background-image: url(../images/mypage/h2_icon1.svg); }
  main.member_main h2.sec_h2 {
    text-align: left;
    padding: 10px 0 10px 70px;
    margin: 0 0 30px; }
  main.member_main h3.memb_h3 {
    background-size: 27px;
    background-position: left 0 center;
    background-repeat: no-repeat;
    padding: 10px 0 10px 30px;
    border-bottom: 5px solid #6B3D20;
    color: #6B3D20;
    margin: 0 0 20px;
    font-weight: 500;
    font-size: 16px; }
  main.member_main section.news {
    margin: 0 0 50px; }
    main.member_main section.news h3.memb_h3 {
      background-image: url(../images/mypage/h3_icon1.svg); }
    main.member_main section.news ul {
      padding: 15px;
      background: #F7F0EA; }
      main.member_main section.news ul:empty {
        display: none; }
      main.member_main section.news ul li {
        background: #fff; }
        main.member_main section.news ul li:nth-child(n+2) {
          margin: 10px 0 0; }
        main.member_main section.news ul li a {
          display: block;
          padding: 20px 170px 20px 15px;
          font-size: 16px;
          color: #333333;
          position: relative; }
          @media only screen and (max-width: 667px) {
            main.member_main section.news ul li a {
              padding: 15px;
              font-size: 1.45rem; } }
          main.member_main section.news ul li a span {
            position: absolute;
            right: 15px;
            top: 10px;
            font-size: 16px;
            font-weight: bold;
            color: #333333;
            border: 1px solid #333333;
            padding: 10px;
            border-radius: 5px; }
            @media only screen and (max-width: 667px) {
              main.member_main section.news ul li a span {
                position: relative;
                display: block;
                text-align: center;
                right: auto;
                top: auto;
                margin: 10px 0 0; } }
          @media only screen and (min-width: 1025px) {
            main.member_main section.news ul li a:hover {
              opacity: 0.6; } }
  main.member_main section.dog {
    margin: 0 0 50px; }
    main.member_main section.dog h3.memb_h3 {
      background-image: url(../images/common/cust_icon2.svg); }
    main.member_main section.dog ul {
      margin: 0 0 15px; }
  main.member_main section.breeder {
    margin: 0 0 50px; }
    main.member_main section.breeder h3.memb_h3 {
      background-image: url(../images/common/cust_icon3.svg); }
    main.member_main section.breeder ul {
      margin: 0 0 30px; }
  main.member_main section.profile {
    margin: 0 0 50px; }
    main.member_main section.profile h3.memb_h3 {
      background-image: url(../images/common/cust_icon6.svg); }
    main.member_main section.profile div.set_bt {
      max-width: 150px; }
      main.member_main section.profile div.set_bt a {
        text-align: center;
        display: block;
        font-size: 16px;
        color: #333333;
        border: 1px solid #333333;
        padding: 10px;
        font-weight: 500;
        border-radius: 5px; }
        @media only screen and (min-width: 1025px) {
          main.member_main section.profile div.set_bt a:hover {
            opacity: 0.6; } }
			
		main.member_main section.hokenlink {margin: 0 0 50px; }
		main.member_main section.hokenlink h3.memb_h3 {background-image: url(../images/common/cust_icon7.svg); }
		main.member_main section.hokenlink p.memb_text {font-size:16px;margin-bottom:20px;}
		main.member_main section.hokenlink div.set_bt {max-width: 280px; }
		main.member_main section.hokenlink div.set_bt a {text-align: center;display: block;font-size: 16px;color: #333333;border: 1px solid #333333;padding: 10px;font-weight: 500;border-radius: 5px; }
		@media only screen and (min-width: 1025px) {
			main.member_main section.profile div.set_bt a:hover {opacity: 0.6; }
		}
			
			
			
  main.member_main .memfav_dog_h2 {
    background-image: url(../images/mypage/h2_icon2.svg); }
  main.member_main .fav_dog_h3 {
    background-image: url(../images/mypage/h3_icon2.svg); }
  main.member_main .memfav_breeder_h2 {
    background-image: url(../images/mypage/h2_icon3.svg); }
  main.member_main .fav_bree_h3 {
    background-image: url(../images/mypage/h3_icon2.svg); }
  main.member_main .memfav_message_h2 {
    background-image: url(../images/mypage/h2_icon4.svg); }
  main.member_main .fav_mess_h3 {
    background-image: url(../images/common/cust_icon4.svg); }
  main.member_main p.mess_txt {
    font-size: 16px;
    line-height: 180%;
    color: #333333;
    margin: 0 0 20px; }
  main.member_main .memfav_prof_h2 {
    background-image: url(../images/mypage/h2_icon6.svg); }
  main.member_main div.taikai {
    border-top: 1px solid #333333;
    padding: 20px 0 0;
    margin: 50px 0 0; }
    main.member_main div.taikai a {
      color: #6B3D20;
      font-size: 16px;
      font-weight: 500; }
      main.member_main div.taikai a i {
        margin: 0 10px 0 0; }
  main.member_main div.txt {
    line-height: 180%;
    font-size: 16px;
    color: #333333;
    margin: 0 0 30px; }
    @media only screen and (max-width: 667px) {
      main.member_main div.txt {
        font-size: 1.45rem; } }
  main.member_main div.taikai_txt_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #FFFFE0;
    padding: 30px;
    margin: 0 0 50px; }
    @media only screen and (max-width: 667px) {
      main.member_main div.taikai_txt_box {
        display: block;
        padding: 30px 4vw; } }
    main.member_main div.taikai_txt_box div.img {
      width: 56px; }
      @media only screen and (max-width: 667px) {
        main.member_main div.taikai_txt_box div.img {
          margin: 0 auto 20px; } }
    main.member_main div.taikai_txt_box ul {
      width: calc(100% - 85px); }
      @media only screen and (max-width: 667px) {
        main.member_main div.taikai_txt_box ul {
          width: 100%; } }
      main.member_main div.taikai_txt_box ul li {
        color: #CD2533;
        line-height: 180%;
        font-size: 16px;
        padding: 0 0 0 10px;
        text-indent: -7px;
        font-weight: 500; }
        @media only screen and (max-width: 667px) {
          main.member_main div.taikai_txt_box ul li {
            font-size: 1.45rem; } }
        main.member_main div.taikai_txt_box ul li:nth-child(n+2) {
          margin: 10px 0 0; }
  main.member_main div.cont_bt_wrap.taikai_bt button.cont_submit {
    background: #CD2533;
    border: 1px solid #CD2533; }
    @media only screen and (min-width: 1025px) {
      main.member_main div.cont_bt_wrap.taikai_bt button.cont_submit:hover {
        color: #CD2533;
        background: #fff; } }
    @media only screen and (max-width: 667px) {
      main.member_main div.cont_bt_wrap.taikai_bt button.cont_submit {
        margin: 0 0 10px; } }
  @media only screen and (max-width: 667px) {
    main.member_main div.cont_bt_wrap.taikai_bt a.cont_back {
      margin: 0; } }

/*****************************************
退会完了
****************************************/
main.withd_comp_main div.txt {
  font-size: 16px;
  text-align: center;
  color: #333333;
  margin: 0 0 50px; }
main.withd_comp_main div.bt {
  margin: 0 auto; }

/*****************************************
メッセージ詳細
****************************************/
.mess_dog_list .link_bt {
  padding: 5px 0;
  font-size: 16px;
  color: #fff;
  background: #45C49D;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #45C49D;
  transition: 0.6s;
  margin: 10px 0 0; }
@media only screen and (min-width: 1025px) {
  .mess_dog_list li:hover .link_bt {
    color: #45C49D;
    background: #fff; } }

.message_single_main .syodan_txt {
  background: #DB163D;
  text-align: center;
  padding: 10px 0;
  font-size: 20px;
  color: #fff;
  margin: 0 0 30px; }
  @media only screen and (max-width: 667px) {
    .message_single_main .syodan_txt {
      padding: 10px 4vw;
      font-size: 1.55rem;
      text-align: left; } }
.message_single_main h3 .name {
  font-size: 20px;
  color: #333333;
  padding: 10px 0 10px 60px;
  background-image: url(../images/mypage/h3_icon3.svg);
  background-repeat: no-repeat;
  background-position: left 0 center;
  background-size: 42px;
  font-weight: bold; }
  @media only screen and (max-width: 667px) {
    .message_single_main h3 .name {
      font-size: 1.75rem;
      background-size: 30px; } }
.message_single_main h3 .dogname {
  padding: 10px 20px;
  background: #45C49D;
  color: #fff;
  font-weight: bold;
  font-size: 18px; }
  @media only screen and (max-width: 667px) {
    .message_single_main h3 .dogname {
      font-size: 1.55rem; } }
.message_single_main div.message_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 900px) {
    .message_single_main div.message_wrap {
      display: block; } }
  .message_single_main div.message_wrap div.dog_cont {
    width: 350px; }
    @media only screen and (max-width: 900px) {
      .message_single_main div.message_wrap div.dog_cont {
        width: 100%; } }
    .message_single_main div.message_wrap div.dog_cont .in {
      position: sticky;
      top: 137px;
      background: #E8FDF7;
      padding: 20px; }
      @media only screen and (max-width: 900px) {
        .message_single_main div.message_wrap div.dog_cont .in {
          position: relative;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          top: 0;
          padding: 20px 4vw; } }
      @media only screen and (max-width: 677px) {
        .message_single_main div.message_wrap div.dog_cont .in {
          display: block; } }
      .message_single_main div.message_wrap div.dog_cont .in div.img {
        height: 200px;
        position: relative;
        margin: 0 0 10px; }
        @media only screen and (max-width: 900px) {
          .message_single_main div.message_wrap div.dog_cont .in div.img {
            width: 250px; } }
        @media only screen and (max-width: 677px) {
          .message_single_main div.message_wrap div.dog_cont .in div.img {
            width: 100%;
            margin: 0 0 20px; } }
        .message_single_main div.message_wrap div.dog_cont .in div.img img {
          height: 100% !important;
          width: 100% !important;
          object-fit: cover; }
        .message_single_main div.message_wrap div.dog_cont .in div.img div.id {
          position: absolute;
          width: 100%;
          background: #fff;
          color: #333333;
          font-size: 15px;
          padding: 10px;
          bottom: 0;
          left: 0; }
      @media only screen and (max-width: 900px) {
        .message_single_main div.message_wrap div.dog_cont .in .txt_box {
          width: calc(100% - 270px); } }
      @media only screen and (max-width: 677px) {
        .message_single_main div.message_wrap div.dog_cont .in .txt_box {
          width: 100%; } }
      .message_single_main div.message_wrap div.dog_cont .in .txt_box ul {
        margin: 0 0 10px; }
        .message_single_main div.message_wrap div.dog_cont .in .txt_box ul li {
          border-bottom: 1px solid #333333;
          font-size: 16px;
          color: #333333;
          padding: 10px 0;
          display: -webkit-flex;
          display: -ms-flex;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          .message_single_main div.message_wrap div.dog_cont .in .txt_box ul li div.tl {
            width: 48px;
            font-weight: bold; }
          .message_single_main div.message_wrap div.dog_cont .in .txt_box ul li div.con {
            width: calc(100% - 68px); }
      .message_single_main div.message_wrap div.dog_cont .in .txt_box a.dog_link {
        font-size: 16px;
        color: #333333; }
        .message_single_main div.message_wrap div.dog_cont .in .txt_box a.dog_link i.fas.fa-caret-right {
          margin: 0 0 0 10px; }
      .message_single_main div.message_wrap div.dog_cont .in .seiyaku_bt {
        margin: 10px 0 20px;
        width: 100%;
        padding: 15px;
        display: block;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        position: relative;
        border-radius: 5px;
        background: #cf0003;
        border: 1px solid #cf0003;
        transition: 0.6s; }
        @media only screen and (max-width: 667px) {
          .message_single_main div.message_wrap div.dog_cont .in .seiyaku_bt {
            font-size: 1.35rem; } }
        @media only screen and (min-width: 1025px) {
          .message_single_main div.message_wrap div.dog_cont .in .seiyaku_bt:hover {
            color: #cf0003;
            background: #fff; } }
        .message_single_main div.message_wrap div.dog_cont .in .seiyaku_bt i {
          margin: 0 10px 0 0;
          font-size: 18px; }
          @media only screen and (max-width: 667px) {
            .message_single_main div.message_wrap div.dog_cont .in .seiyaku_bt i {
              font-size: 1.55rem; } }
        .message_single_main div.message_wrap div.dog_cont .in .seiyaku_bt span {
          font-weight: normal;
          font-size: 14px;
          display: block;
          margin: 10px 0 0; }
      .message_single_main div.message_wrap div.dog_cont .in .bt_txt {
        margin: 0; }
      @media only screen and (max-width: 677px) {
        .message_single_main div.message_wrap div.dog_cont .in .acd-check {
          display: none; }
        .message_single_main div.message_wrap div.dog_cont .in .acd-label {
          color: #45C49D;
          font-size: 16px;
          text-align: center;
          display: block;
          border: 1px solid #45C49D;
          padding: 10px;
          background: #fff; }
          .message_single_main div.message_wrap div.dog_cont .in .acd-label .on {
            display: none; }
        .message_single_main div.message_wrap div.dog_cont .in .acd-content {
          max-height: 0;
          opacity: 0;
          transition: .5s;
          visibility: hidden; }
        .message_single_main div.message_wrap div.dog_cont .in .acd-check:checked + .acd-label + .acd-content {
          max-height: 500px;
          opacity: 1;
          visibility: visible; }
        .message_single_main div.message_wrap div.dog_cont .in .acd-check:checked + .acd-label .off {
          display: none; }
        .message_single_main div.message_wrap div.dog_cont .in .acd-check:checked + .acd-label .on {
          display: block !important; } }
  .message_single_main div.message_wrap div.message {
    width: calc(100% - 390px); }
    @media only screen and (max-width: 900px) {
      .message_single_main div.message_wrap div.message {
        width: 100%; } }
    .message_single_main div.message_wrap div.message div.tl {
      padding: 20px 0 10px;
      font-size: 18px;
      color: #333333;
      font-weight: bold; }
      @media only screen and (max-width: 667px) {
        .message_single_main div.message_wrap div.message div.tl {
          font-size: 1.55rem; } }
    .message_single_main div.message_wrap div.message div.in {
      border-top: 1px dashed #333333;
      border-bottom: 1px dashed #333333;
      padding: 30px 0;
      height: 700px;
      overflow: scroll;
      margin: 0 0 30px; }
      @media only screen and (max-width: 667px) {
        .message_single_main div.message_wrap div.message div.in {
          max-height: 700px;
          height: auto; } }
      .message_single_main div.message_wrap div.message div.in ul li {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start; }
        .message_single_main div.message_wrap div.message div.in ul li:nth-child(n+2) {
          margin-top: 30px; }
        .message_single_main div.message_wrap div.message div.in ul li div.img {
          width: 80px;
          height: 80px; }
          @media only screen and (max-width: 677px) {
            .message_single_main div.message_wrap div.message div.in ul li div.img {
              width: 50px;
              height: 50px; } }
          .message_single_main div.message_wrap div.message div.in ul li div.img img {
            width: 100%;
            height: 100% !important;
            object-fit: cover; }
        .message_single_main div.message_wrap div.message div.in ul li div.txt_fuki {
          width: calc(100% - 100px);
          border-radius: 10px;
          font-size: 14px;
          line-height: 180%;
          padding: 20px;
          position: relative;
          color: #333333; }
          @media only screen and (max-width: 677px) {
            .message_single_main div.message_wrap div.message div.in ul li div.txt_fuki {
              width: calc(100% - 70px); } }
          .message_single_main div.message_wrap div.message div.in ul li div.txt_fuki .mess_tl {
            font-size: 16px;
            font-weight: bold;
            margin: 0 0 10px; }
            .message_single_main div.message_wrap div.message div.in ul li div.txt_fuki .mess_tl:empty {
              display: none; }
            .message_single_main div.message_wrap div.message div.in ul li div.txt_fuki .mess_tl i {
              margin: 0 10px 0 0; }
          .message_single_main div.message_wrap div.message div.in ul li div.txt_fuki::after {
            position: absolute;
            content: '';
            width: 15px;
            height: 15px;
            transform: rotate(45deg);
            top: 15px; }
      .message_single_main div.message_wrap div.message div.in ul li.talk_bree div.txt_fuki {
        background: #e5e5e9; }
        .message_single_main div.message_wrap div.message div.in ul li.talk_bree div.txt_fuki::after {
          background: #e5e5e9;
          left: -5px; }
      .message_single_main div.message_wrap div.message div.in ul li.talk_user {
        flex-direction: row-reverse;
        margin-right: 10px; }
        @media only screen and (max-width: 677px) {
          .message_single_main div.message_wrap div.message div.in ul li.talk_user .txt_fuki {
            width: 100%; } }
        .message_single_main div.message_wrap div.message div.in ul li.talk_user div.txt_fuki {
          background: #C9EAFF; }
          .message_single_main div.message_wrap div.message div.in ul li.talk_user div.txt_fuki::after {
            background: #C9EAFF;
            right: -5px; }
      .message_single_main div.message_wrap div.message div.in ul li.talk_master div.txt_fuki {
        background: #F7F0EA; }
        .message_single_main div.message_wrap div.message div.in ul li.talk_master div.txt_fuki::after {
          background: #F7F0EA;
          left: -5px; }
    .message_single_main div.message_wrap div.message div.txt_input textarea {
      width: 100%;
      height: 200px;
      border: 1px solid #333333;
      border-radius: 0;
      margin: 0 0 20px;
      resize: vertical;
      padding: 10px;
      font-size: 16px;
      line-height: 180%; }
    .message_single_main div.message_wrap div.message div.txt_input button {
      color: #fff;
      padding: 10px;
      background: #3AB0FA;
      font-size: 16px;
      margin: 0 0 0 auto;
      display: block; }
      .message_single_main div.message_wrap div.message div.txt_input button i.fas.fa-paper-plane {
        margin: 0 0 0 10px; }

/*****************************************
ブリーダー新規会員登録
****************************************/
main.bsignin_main h2.sec_h2 {
  background-color: #B3E65C !important; }
main.bsignin_main .d_ken {
  display: block;
  margin: 0 0 10px; }
main.bsignin_main .thanks_txt {
  font-size: 1.45rem;
  color: #333333;
  line-height: 180%;
  text-align: center;
  margin: 0 0 50px; }
main.bsignin_main td.birth {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px; }
  main.bsignin_main td.birth .year_box, main.bsignin_main td.birth .month_box, main.bsignin_main td.birth .day_box {
    position: relative; }
    main.bsignin_main td.birth .year_box .error, main.bsignin_main td.birth .month_box .error, main.bsignin_main td.birth .day_box .error {
      position: absolute;
      left: 0;
      bottom: -20px; }
  main.bsignin_main td.birth div.year_box {
    margin: 0 10px 0 0; }
    @media only screen and (max-width: 1024px) {
      main.bsignin_main td.birth div.year_box {
        width: 100%;
        margin: 0	0 20px; } }
    @media only screen and (max-width: 667px) {
      main.bsignin_main td.birth div.year_box select {
        max-width: 280px !important; } }
  main.bsignin_main td.birth div.month_box {
    margin: 0 10px 0 0; }
    @media only screen and (max-width: 667px) {
      main.bsignin_main td.birth div.month_box {
        margin: 0 0 20px; } }
    main.bsignin_main td.birth div.month_box select {
      width: 130px; }
  main.bsignin_main td.birth div.day_box select {
    width: 130px; }
main.bsignin_main .kiyaku {
  font-size: 16px;
  text-align: center;
  color: #333333;
  margin: 0 0 50px; }
  main.bsignin_main .kiyaku a {
    color: #3234A1; }
main.bsignin_main .cont_bt_wrap .cont_submit {
  margin: 0; }

/*****************************************
新規会員登録
****************************************/
main.signin_main h2.sec_h2 {
  background-color: #FC909D;
  background-image: url(../images/signin/h2_icon.svg);
  padding: 10px 0 10px 70px;
  text-align: left;
  margin: 0 0 20px; }
main.signin_main .tyu_txt {
  font-size: 16px;
  line-height: 180%;
  color: #333333;
  margin: 0 0 30px; }
main.signin_main section.form form table.com_form tbody tr td input[type="text"] {
  max-width: 500px;
  width: 100%;
  font-size: 16px;
  padding: 10px;
  border: 1px solid #333333;
  border-radius: 0; }
main.signin_main section.form form table.com_form tbody tr td p {
  font-size: 16px;
  color: #333333; }
main.signin_main section.form form table.com_form tbody tr td select {
  max-width: 200px; }
main.signin_main section.form form table.com_form tbody tr td div.img_wrap div.box {
  border: 1px solid #333333; }
main.signin_main section.form form a button.cont_submit {
  background: #F77A1E;
  border: 1px solid #F77A1E; }
  @media only screen and (min-width: 1025px) {
    main.signin_main section.form form a button.cont_submit:hover {
      background: #fff;
      color: #F77A1E; } }
main.signin_main .cont_submit {
  background: #F77A1E;
  border: 1px solid #F77A1E; }
  @media only screen and (min-width: 1025px) {
    main.signin_main .cont_submit:hover {
      background: #fff;
      color: #F77A1E; } }
main.signin_main div.comp_img {
  max-width: 360px;
  width: 70%;
  margin: 0 auto 50px; }
main.signin_main div.bt_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 730px;
  margin: 0 auto; }
  main.signin_main div.bt_wrap .bt {
    width: calc((100% - 30px) / 2); }
    @media only screen and (max-width: 667px) {
      main.signin_main div.bt_wrap .bt {
        width: 100%; } }
  @media only screen and (max-width: 667px) {
    main.signin_main div.bt_wrap div.bt.cor2_bt {
      margin: 0 0 10px; } }

/*****************************************
評価一覧(共通)
****************************************/
ul.evaluation_list {
  margin: 0 0 30px; }
  ul.evaluation_list li:nth-child(n+2) {
    margin: 30px 0 0; }
  ul.evaluation_list li div.tl_box {
    margin: 0 0 20px; }
    ul.evaluation_list li div.tl_box div.dog {
      padding: 10px;
      background: #F7F0EA;
      font-size: 16px; }
      @media only screen and (max-width: 667px) {
        ul.evaluation_list li div.tl_box div.dog {
          font-size: 1.45rem; } }
      ul.evaluation_list li div.tl_box div.dog span {
        font-weight: 500;
        color: #6B3D20; }
    ul.evaluation_list li div.tl_box div.cont {
      padding: 10px;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      align-items: center;
      font-size: 16px;
      color: #333333;
      background: #EDEDED; }
      @media only screen and (max-width: 667px) {
        ul.evaluation_list li div.tl_box div.cont {
          font-size: 1.45rem;
          display: block; } }
      ul.evaluation_list li div.tl_box div.cont div.icon {
        width: 20px;
        margin: 0 0 0 10px; }
        @media only screen and (max-width: 667px) {
          ul.evaluation_list li div.tl_box div.cont div.icon {
            font-size: 1.45rem;
            margin: 0 0 10px 0; } }
      ul.evaluation_list li div.tl_box div.cont span.name {
        margin: 0 10px 0 0; }
        @media only screen and (max-width: 667px) {
          ul.evaluation_list li div.tl_box div.cont span.name {
            display: block; } }
      @media only screen and (max-width: 667px) {
        ul.evaluation_list li div.tl_box div.cont span.data {
          display: block; } }
  ul.evaluation_list li div.txt {
    font-size: 16px;
    line-height: 180%;
    color: #333333; }
    @media only screen and (max-width: 667px) {
      ul.evaluation_list li div.txt {
        font-size: 1.45rem; } }
  ul.evaluation_list li div.reply {
    margin: 20px 0 0 30px;
    background: #F7F0EA;
    padding: 20px;
    position: relative; }
    ul.evaluation_list li div.reply::after {
      position: absolute;
      content: '';
      height: 1px;
      width: 20px;
      left: -30px;
      top: 10px;
      background: #333333; }
    ul.evaluation_list li div.reply div.ac {
      font-weight: bold;
      font-size: 16px;
      color: #333333;
      margin: 0 0 10px; }
    ul.evaluation_list li div.reply div.rep_txt {
      font-size: 16px;
      color: #333333;
      line-height: 180%; }

/*****************************************
ブリーダー評価一覧
****************************************/
main.evaluation_main h2.sec_h2 {
  margin: 0 0 30px;
  padding: 10px;
  text-align: left; }

/*****************************************
特徴
****************************************/
ul.temp_bt {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  ul.temp_bt li {
    width: calc((100% - 40px)/3); }
    @media only screen and (max-width: 900px) {
      ul.temp_bt li {
        width: calc((100% - 20px)/2); }
        ul.temp_bt li:nth-child(n+3) {
          margin: 20px 0 0; } }
    @media only screen and (max-width: 667px) {
      ul.temp_bt li {
        width: calc((100% - 10px)/2); } }
    @media only screen and (min-width: 900px) {
      ul.temp_bt li:nth-child(n+4) {
        margin: 20px 0 0; } }
    ul.temp_bt li a {
      display: block; }
      @media only screen and (min-width: 1025px) {
        ul.temp_bt li a:hover {
          opacity: 0.6; } }

.dog_temper_main ul.temp_bt {
  margin: 0 0 50px; }

.temp_tl {
  max-width: 1080px;
  width: 92%;
  margin: 20px auto; }

/*****************************************
under_h2
****************************************/
main.dog_type_main h3.com_h3 {
  background-image: url(../images/dog_type/h3_icon.svg);
  margin: 0 0 30px; }
main.dog_type_main div.type_in {
  margin: 0 0 50px; }
main.dog_type_main ul.other_type {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 50px; }
  main.dog_type_main ul.other_type li.other_typeli {
    width: calc((100% - 80px)/3);
    border-bottom: 1px dashed #333333;
    padding-left: 27px;
    text-indent: -14px; }
    @media only screen and (min-width: 668px) {
      main.dog_type_main ul.other_type li.other_typeli:nth-child(3n-1) {
        margin: 0 40px; } }
    @media only screen and (max-width: 667px) {
      main.dog_type_main ul.other_type li.other_typeli {
        width: calc((100% - 10px)/2); }
        main.dog_type_main ul.other_type li.other_typeli:nth-child(2n) {
          margin: 0 0 0 10px; } }
    main.dog_type_main ul.other_type li.other_typeli a {
      display: block;
      font-size: 16px;
      color: #333333;
      font-weight: 500;
      padding: 15px 0; }
      @media only screen and (min-width: 1025px) {
        main.dog_type_main ul.other_type li.other_typeli a:hover {
          opacity: 0.6; } }
      main.dog_type_main ul.other_type li.other_typeli a i.fas.fa-circle {
        margin: 0 10px 0 0; }

/*****************************************
ブリーダー評価
****************************************/
div.breeder_nametag {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end; }
  @media only screen and (max-width: 667px) {
    div.breeder_nametag {
      display: block; } }
  div.breeder_nametag div.img {
    width: 250px;
    height: 160px;
    border: 5px solid #F7F0EA; }
    @media only screen and (max-width: 667px) {
      div.breeder_nametag div.img {
        margin: 0 0 10px;
        width: 100%; } }
    div.breeder_nametag div.img img {
      height: 100% !important;
      width: 100% !important;
      object-fit: cover; }
  div.breeder_nametag div.name_box {
    width: calc(100% - 270px); }
    @media only screen and (max-width: 667px) {
      div.breeder_nametag div.name_box {
        width: 100%; } }
    div.breeder_nametag div.name_box div.name {
      font-size: 28px;
      font-weight: bold;
      color: #6B3D20;
      margin: 0 0 20px; }
      @media only screen and (max-width: 667px) {
        div.breeder_nametag div.name_box div.name {
          font-size: 2rem; } }
      div.breeder_nametag div.name_box div.name i {
        font-size: 18px;
        margin: 0 0 0 10px; }
    div.breeder_nametag div.name_box div.evaluation {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      align-items: center; }
      div.breeder_nametag div.name_box div.evaluation div.icon {
        margin: 0 10px 0 0; }
      div.breeder_nametag div.name_box div.evaluation div.txt {
        font-size: 15px; }
        div.breeder_nametag div.name_box div.evaluation div.txt span {
          font-weight: 500;
          color: #FC6577; }

/*****************************************
ブリーダー一覧
****************************************/
.breeder_main {
  padding: 0 0 100px; }
  .breeder_main .select_box {
    padding: 0 0 50px;
    border-bottom: 1px solid #333333;
    margin: 0 0 50px;
    justify-content: space-between; }
    .breeder_main .select_box .select input[type="text"] {
      height: 40px;
      width: 270px;
      border-radius: 0;
      border: 1px solid #333333; }
    .breeder_main .select_box .select .select_bt2 {
      width: 160px !important; }
  .breeder_main .sort .icon {
    width: 15px;
    margin: 0 10px 0 0; }
  .breeder_main section.content_b {
    max-width: 1080px;
    width: 92%;
    margin: 0 auto; }

/*****************************************
ブリーダー一覧(共通)
****************************************/
.breeder_list {
  max-width: 1080px;
  width: 92%;
  margin: 0 auto 50px; }
  .breeder_list .breeder_box {
    padding: 40px 0; }
    .breeder_list .breeder_box:nth-child(n+2) {
      border-top: 1px solid #333333; }
    .breeder_list .breeder_box .breeder_nametag {
      margin: 0 0 30px;
      align-items: center; }
      .breeder_list .breeder_box .breeder_nametag .name_box .name a {
        color: #6B3D20; }
        @media only screen and (min-width: 1025px) {
          .breeder_list .breeder_box .breeder_nametag .name_box .name a:hover {
            text-decoration: underline; } }
      .breeder_list .breeder_box .breeder_nametag .name_box .evaluation {
        margin: 0 0 20px; }
    .breeder_list .breeder_box .br_dog_list {
      margin: 0 0 30px; }
      .breeder_list .breeder_box .br_dog_list h3 {
        font-size: 16px;
        color: #333333;
        font-weight: bold;
        padding: 0 0 10px;
        border-bottom: dashed #333333 1px;
        margin: 0 0 20px; }
        @media only screen and (max-width: 667px) {
          .breeder_list .breeder_box .br_dog_list h3 {
            font-size: 1.45rem; } }
      .breeder_list .breeder_box .br_dog_list ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 30px; }
        .breeder_list .breeder_box .br_dog_list ul li {
          width: calc((100% - 30px) / 3);
          border: 1px solid #333333; }
          @media only screen and (min-width: 901px) {
            .breeder_list .breeder_box .br_dog_list ul li:nth-child(3n-1) {
              margin: 0 15px; } }
          @media only screen and (max-width: 900px) {
            .breeder_list .breeder_box .br_dog_list ul li {
              width: calc((100% - 15px)/2); }
              .breeder_list .breeder_box .br_dog_list ul li:nth-child(2n) {
                margin-left: 15px; }
              .breeder_list .breeder_box .br_dog_list ul li:nth-child(n+3) {
                margin-top: 15px; } }
          @media only screen and (max-width: 667px) {
            .breeder_list .breeder_box .br_dog_list ul li {
              width: 100%; }
              .breeder_list .breeder_box .br_dog_list ul li:nth-child(2n) {
                margin-left: 0; }
              .breeder_list .breeder_box .br_dog_list ul li:nth-child(n+2) {
                margin-top: 15px; } }
          .breeder_list .breeder_box .br_dog_list ul li a {
            display: block;
            padding: 10px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between; }
            .breeder_list .breeder_box .br_dog_list ul li a span {
              display: block;
              font-size: 14px; }
            .breeder_list .breeder_box .br_dog_list ul li a span.img {
              width: 140px;
              height: 110px;
              overflow: hidden; }
              .breeder_list .breeder_box .br_dog_list ul li a span.img img.dog_img {
                transition: 0.6s;
                height: 100% !important;
                width: 100% !important;
                object-fit: cover; }
            .breeder_list .breeder_box .br_dog_list ul li a span.txt_box {
              width: calc(100% - 150px); }
              .breeder_list .breeder_box .br_dog_list ul li a span.txt_box span.name {
                font-weight: 500; }
              .breeder_list .breeder_box .br_dog_list ul li a span.txt_box span.tag_box {
                display: -webkit-flex;
                display: -ms-flex;
                display: flex;
                margin: 10px 0; }
                .breeder_list .breeder_box .br_dog_list ul li a span.txt_box span.tag_box span.tag:nth-child(n+2) {
                  margin: 0 0 0 10px; }
              .breeder_list .breeder_box .br_dog_list ul li a span.txt_box span.box3 {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between; }
                .breeder_list .breeder_box .br_dog_list ul li a span.txt_box span.box3 span.tl {
                  width: 28px; }
                .breeder_list .breeder_box .br_dog_list ul li a span.txt_box span.box3 span.txt {
                  width: calc(100% - 38px); }
                  .breeder_list .breeder_box .br_dog_list ul li a span.txt_box span.box3 span.txt span.cost {
                    display: inline;
                    color: #FC6577;
                    font-weight: bold; }
            @media only screen and (min-width: 1026px) {
              .breeder_list .breeder_box .br_dog_list ul li a:hover {
                opacity: 0.8; }
                .breeder_list .breeder_box .br_dog_list ul li a:hover .img img.dog_img {
                  transform: scale(1.3); } }
      .breeder_list .breeder_box .br_dog_list .bt.cor3_bt {
        margin: 0 auto; }
    .breeder_list .breeder_box .kensya_txt {
      padding: 20px;
      background: #F7F0EA;
      color: #333333; }
      @media only screen and (max-width: 667px) {
        .breeder_list .breeder_box .kensya_txt {
          padding: 20px 4vw; } }
      .breeder_list .breeder_box .kensya_txt .tl {
        font-weight: bold;
        font-size: 16px; }
        @media only screen and (max-width: 667px) {
          .breeder_list .breeder_box .kensya_txt .tl {
            font-size: 1.45rem; } }
        .breeder_list .breeder_box .kensya_txt .tl i.ri-chat-smile-fill {
          margin: 0 10px 0 0; }
      .breeder_list .breeder_box .kensya_txt .txt {
        line-height: 180%;
        font-size: 16px; }
        @media only screen and (max-width: 667px) {
          .breeder_list .breeder_box .kensya_txt .txt {
            font-size: 1.45rem; } }
    .breeder_list .breeder_box .cont_box {
      margin: 0 0 30px; }
      .breeder_list .breeder_box .cont_box .box_in {
        background: #F7F0EA;
        padding: 10px; }
        @media only screen and (max-width: 667px) {
          .breeder_list .breeder_box .cont_box .box_in {
            width: 100%; }
            .breeder_list .breeder_box .cont_box .box_in:nth-child(2) {
              margin: 10px 0 0; } }
        .breeder_list .breeder_box .cont_box .box_in span.tl {
          display: block;
          font-size: 16px;
          font-weight: 500; }
          @media only screen and (max-width: 900px) {
            .breeder_list .breeder_box .cont_box .box_in span.tl {
              font-size: 15px; } }
          @media only screen and (max-width: 667px) {
            .breeder_list .breeder_box .cont_box .box_in span.tl {
              font-size: 1.45rem; } }
          .breeder_list .breeder_box .cont_box .box_in span.tl i {
            margin: 0 10px 0 0; }
        .breeder_list .breeder_box .cont_box .box_in span.txt {
          display: block;
          font-size: 16px; }
          @media only screen and (max-width: 900px) {
            .breeder_list .breeder_box .cont_box .box_in span.txt {
              font-size: 15px; } }
          @media only screen and (max-width: 667px) {
            .breeder_list .breeder_box .cont_box .box_in span.txt {
              font-size: 1.45rem; } }
  .breeder_list .pagenation {
    margin: 0 0 50px; }
  .breeder_list .bn {
    margin: 0 0 20px; }
  .breeder_list .bt.cor1_bt {
    margin: 0 auto; }

/*****************************************
ブリーダー詳細
****************************************/
.breeder_single_main .com_h3 {
  border-bottom: dashed #333333 1px;
  margin: 0 0 20px; }
.breeder_single_main #doglist {
  padding: 138px 0 0;
  margin: -138px 0 0; }
.breeder_single_main section.bre_detail {
  margin: 0 0 50px; }
  .breeder_single_main section.bre_detail div.name_wrap {
    margin: 0 0 30px; }
    .breeder_single_main section.bre_detail div.name_wrap div.name_box {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0 0 20px; }
      @media only screen and (max-width: 667px) {
        .breeder_single_main section.bre_detail div.name_wrap div.name_box {
          display: block; } }
      .breeder_single_main section.bre_detail div.name_wrap div.name_box div.name_box_in {
        width: calc(100% - 210px); }
        @media only screen and (max-width: 667px) {
          .breeder_single_main section.bre_detail div.name_wrap div.name_box div.name_box_in {
            width: 100%;
            margin: 0 0 20px; } }
        .breeder_single_main section.bre_detail div.name_wrap div.name_box div.name_box_in div.name {
          font-size: 28px;
          font-weight: bold;
          color: #6B3D20;
          margin: 0 0 20px; }
          @media only screen and (max-width: 667px) {
            .breeder_single_main section.bre_detail div.name_wrap div.name_box div.name_box_in div.name {
              font-size: 2rem; } }
        .breeder_single_main section.bre_detail div.name_wrap div.name_box div.name_box_in div.evaluation {
          display: -webkit-flex;
          display: -ms-flex;
          display: flex;
          align-items: center; }
          .breeder_single_main section.bre_detail div.name_wrap div.name_box div.name_box_in div.evaluation div.icon {
            margin: 0 10px 0 0; }
          .breeder_single_main section.bre_detail div.name_wrap div.name_box div.name_box_in div.evaluation div.txt {
            font-size: 15px; }
            .breeder_single_main section.bre_detail div.name_wrap div.name_box div.name_box_in div.evaluation div.txt span {
              font-weight: 500;
              color: #FC6577; }
      .breeder_single_main section.bre_detail div.name_wrap div.name_box div.bt_box {
        width: 200px; }
        @media only screen and (max-width: 667px) {
          .breeder_single_main section.bre_detail div.name_wrap div.name_box div.bt_box {
            width: 100%; } }
        .breeder_single_main section.bre_detail div.name_wrap div.name_box div.bt_box .favorite_bt {
          width: 100%;
          margin: 0 0 10px; }
        .breeder_single_main section.bre_detail div.name_wrap div.name_box div.bt_box div.dog_bt a {
          background: #6B3D20;
          text-align: center;
          display: block;
          padding: 10px;
          font-size: 16px;
          font-weight: bold;
          color: #fff; }
          .breeder_single_main section.bre_detail div.name_wrap div.name_box div.bt_box div.dog_bt a i.fas.fa-dog {
            margin: 0 10px 0 0; }
    .breeder_single_main section.bre_detail div.name_wrap ul {
      border: 1px solid #333333; }
      .breeder_single_main section.bre_detail div.name_wrap ul li {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media only screen and (max-width: 667px) {
          .breeder_single_main section.bre_detail div.name_wrap ul li {
            display: block; } }
        .breeder_single_main section.bre_detail div.name_wrap ul li:nth-child(n+2) {
          border-top: 1px solid #333333; }
        .breeder_single_main section.bre_detail div.name_wrap ul li div.tl {
          padding: 10px;
          background: #F7F0EA;
          width: 210px;
          font-size: 16px;
          font-weight: bold;
          color: #333333; }
          @media only screen and (max-width: 667px) {
            .breeder_single_main section.bre_detail div.name_wrap ul li div.tl {
              width: 100%;
              border-bottom: 1px solid #333333; } }
          .breeder_single_main section.bre_detail div.name_wrap ul li div.tl i {
            margin: 0 10px 0 0; }
        .breeder_single_main section.bre_detail div.name_wrap ul li div.txt {
          font-size: 16px;
          color: #333333;
          padding: 10px;
          width: calc(100% - 210px); }
          @media only screen and (max-width: 667px) {
            .breeder_single_main section.bre_detail div.name_wrap ul li div.txt {
              width: 100%; } }
  .breeder_single_main section.bre_detail div.usetype h3.com_h3 {
    background-image: url(../images/breeder/h3_icon1.svg); }
  .breeder_single_main section.bre_detail div.usetype ul {
    margin: -5px 0 0 -5px; }
    .breeder_single_main section.bre_detail div.usetype ul li {
      display: inline-block;
      background: #CBB19B;
      color: #fff;
      font-size: 16px;
      padding: 5px 10px;
      border-radius: 5px;
      margin: 5px; }
  .breeder_single_main section.bre_detail div.bre_img {
    /*============================
    #img_slider
    ============================*/ }
    .breeder_single_main section.bre_detail div.bre_img h3.com_h3 {
      background-image: url(../images/breeder/h3_icon2.svg); }
    .breeder_single_main section.bre_detail div.bre_img div#img_slider {
      /*============================
      #slider
      ============================*/
      /*============================
      #thumbnail-list
      ============================*/ }
  .breeder_single_main section.bre_detail div.kensya_cont h3.com_h3 {
    background-image: url(../images/breeder/h3_icon3.svg); }
  .breeder_single_main section.bre_detail div.kensya_cont div.txt {
    padding: 20px;
    background: #F7F0EA;
    color: #333333;
    line-height: 180%;
    font-size: 16px;
    margin: 0 0 20px; }
    @media only screen and (max-width: 667px) {
      .breeder_single_main section.bre_detail div.kensya_cont div.txt {
        font-size: 1.45rem;
        padding: 20px 4vw; } }
  .breeder_single_main section.bre_detail div.kensya_cont div.alert_tl {
    background: #3234A1;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    font-weight: 500;
    margin: 0 0 20px; }
    .breeder_single_main section.bre_detail div.kensya_cont div.alert_tl i {
      margin: 0 10px 0 0; }
  .breeder_single_main section.bre_detail div.kensya_cont div.alert_txt {
    font-size: 16px;
    color: #333333;
    line-height: 180%; }
.breeder_single_main section.bre_dog {
  padding: 50px 0 0; }
  .breeder_single_main section.bre_dog h3.sec_h2 {
    text-align: left;
    padding: 10px; }
  .breeder_single_main section.bre_dog form.dog_search {
    width: 100%; }
  .breeder_single_main section.bre_dog .sort {
    width: 100%; }
.breeder_single_main section.dog_evalu {
  padding: 50px 0 0;
  margin: 0 0 50px; }
  .breeder_single_main section.dog_evalu h3.sec_h2 {
    margin: 0 0 20px; }
  .breeder_single_main section.dog_evalu div.bt.cor3_bt {
    margin: 0 auto; }
.breeder_single_main div.bt.cor1_bt {
  margin: 50px auto; }
.breeder_single_main .dog_search .select_box {
  gap: 30px; }

/*****************************************
under_h2
****************************************/
.dog_h2 .tl {
  background-image: url(../images/dog/h2_icon1.svg); }

/*****************************************
犬一覧(共通)
****************************************/
ul.dog_list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 667px) {
    ul.dog_list {
      display: block; } }
  ul.dog_list li {
    width: calc((100% - 45px)/4);
    margin: 0 15px 15px 0;
    position: relative; }
    @media only screen and (max-width: 900px) {
      ul.dog_list li {
        width: calc((100% - 15px)/2); }
        ul.dog_list li:nth-child(2n) {
          margin: 0 0 15px 0; } }
    @media only screen and (min-width: 900px) {
      ul.dog_list li:nth-child(4n) {
        margin: 0 0 15px 0; } }
    @media only screen and (max-width: 667px) {
      ul.dog_list li {
        width: 100%; }
        ul.dog_list li:nth-child(n+2) {
          margin: 15px 0 0; } }
    ul.dog_list li button.favorite_bt {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 12px;
      z-index: 2; }
      ul.dog_list li button.favorite_bt i {
        color: #FC6577;
        margin: 0 0 0 10px;
        font-size: 18px; }
      ul.dog_list li button.favorite_bt span.on {
        display: none; }
    ul.dog_list li .favorite_bt_on span.on {
      display: inline-block !important; }
    ul.dog_list li .favorite_bt_on span.off {
      display: none; }
    ul.dog_list li a {
      display: block;
      background: #fff;
      padding: 50px 10px 10px 10px;
      height: 100%; }
      @media only screen and (min-width: 1026px) {
        ul.dog_list li a:hover {
          opacity: 0.8; }
          ul.dog_list li a:hover .img img.dog_img {
            transform: scale(1.3); } }
      @media only screen and (max-width: 667px) {
        ul.dog_list li a {
          display: -webkit-flex;
          display: -ms-flex;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; } }
      ul.dog_list li a span {
        display: block;
        color: #333333; }
      ul.dog_list li a span.ketto {
        position: absolute;
        top: 10px;
        left: 10px; }
        @media only screen and (max-width: 667px) {
          ul.dog_list li a span.ketto {
            width: 100%; } }
        ul.dog_list li a span.ketto img {
          margin: 0; }
      ul.dog_list li a span.img {
        margin: 0 0 10px;
        height: 150px;
        overflow: hidden; }
        @media only screen and (max-width: 667px) {
          ul.dog_list li a span.img {
            width: 150px; } }
        ul.dog_list li a span.img img.dog_img {
          transition: 0.6s;
          height: 100% !important;
          width: 100% !important;
          object-fit: cover; }
        ul.dog_list li a span.img .pick_tag, ul.dog_list li a span.img .seiyaku_tag, ul.dog_list li a span.img .syoudan_tag, ul.dog_list li a span.img .syoudan_on_tag, ul.dog_list li a span.img .seiyaku_on_tag {
          display: none; }
      @media only screen and (max-width: 667px) {
        ul.dog_list li a span.txt_box {
          width: calc(100% - 160px); } }
      ul.dog_list li a span.txt_box span.tag_box {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-wrap: wrap; }
        ul.dog_list li a span.txt_box span.tag_box span.tag {
          width: 50px;
          margin: 0 0 10px 5px; }
          ul.dog_list li a span.txt_box span.tag_box span.tag:first-child {
            margin: 0 0 10px 0; }
        ul.dog_list li a span.txt_box span.tag_box .new_tag {
          display: none; }
        ul.dog_list li a span.txt_box span.tag_box .new_tag {
          -webkit-animation: blink 1.5s ease-in-out infinite alternate;
          -moz-animation: blink 1.5s ease-in-out infinite alternate;
          animation: blink 1.5s ease-in-out infinite alternate; }
@-webkit-keyframes blink {
  0% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }
@-moz-keyframes blink {
  0% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }
@keyframes blink {
  0% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }
      ul.dog_list li a span.txt_box span.name {
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 10px; }
        @media only screen and (max-width: 667px) {
          ul.dog_list li a span.txt_box span.name {
            font-size: 1.45rem;
            margin: 0 0 5px; } }
      ul.dog_list li a span.txt_box span.data {
        font-size: 16px;
        margin: 0 0 10px; }
        @media only screen and (max-width: 667px) {
          ul.dog_list li a span.txt_box span.data {
            font-size: 1.25rem;
            margin: 0 0 5px; } }
      ul.dog_list li a span.txt_box span.address {
        font-size: 16px;
        margin: 0 0 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        @media only screen and (max-width: 667px) {
          ul.dog_list li a span.txt_box span.address {
            font-size: 1.25rem;
            margin: 0 0 5px; } }
      ul.dog_list li a span.txt_box span.box, ul.dog_list li a span.txt_box .box2, ul.dog_list li a span.txt_box .box3 {
        font-size: 16px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media only screen and (max-width: 667px) {
          ul.dog_list li a span.txt_box span.box, ul.dog_list li a span.txt_box .box2, ul.dog_list li a span.txt_box .box3 {
            font-size: 1.25rem; } }
        ul.dog_list li a span.txt_box span.box span.tl, ul.dog_list li a span.txt_box .box2 span.tl, ul.dog_list li a span.txt_box .box3 span.tl {
          font-weight: bold;
          width: 32px; }
        ul.dog_list li a span.txt_box span.box span.txt, ul.dog_list li a span.txt_box .box2 span.txt, ul.dog_list li a span.txt_box .box3 span.txt {
          width: calc(100% - 45px);
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2; }
          @media only screen and (max-width: 667px) {
            ul.dog_list li a span.txt_box span.box span.txt, ul.dog_list li a span.txt_box .box2 span.txt, ul.dog_list li a span.txt_box .box3 span.txt {
              width: calc(100% - 35px); } }
      ul.dog_list li a span.txt_box span.box {
        margin: 0 0 10px; }
      ul.dog_list li a span.txt_box span.box2 {
        margin: 0 0 10px; }
      ul.dog_list li a span.txt_box span.box3 span.txt span.cost {
        display: inline;
        color: #DB163D;
        font-weight: bold;
        font-size: 14px; }
        @media only screen and (max-width: 667px) {
          ul.dog_list li a span.txt_box span.box3 span.txt span.cost {
            font-size: 1.45rem; } }
        ul.dog_list li a span.txt_box span.box3 span.txt span.cost .cost {
          font-size: 18px; }
      ul.dog_list li a span.sp_pr {
        font-size: 1.45rem; }
        ul.dog_list li a span.sp_pr span.tl {
          font-weight: bold;
          display: block; }
  ul.dog_list .seiyakuzumi .img, ul.dog_list .syoudantyu .img, ul.dog_list .pickdog .img, ul.dog_list .syoudannow .img, ul.dog_list .seiyaku_you .img {
    position: relative; }
    ul.dog_list .seiyakuzumi .img .img_tag, ul.dog_list .syoudantyu .img .img_tag, ul.dog_list .pickdog .img .img_tag, ul.dog_list .syoudannow .img .img_tag, ul.dog_list .seiyaku_you .img .img_tag {
      position: absolute;
      bottom: 10px;
      right: 10px;
      z-index: 1; }
  ul.dog_list .seiyakuzumi .img, ul.dog_list .syoudantyu .img, ul.dog_list .syoudannow .img, ul.dog_list .seiyaku_you .img {
    position: relative; }
    ul.dog_list .seiyakuzumi .img::after, ul.dog_list .syoudantyu .img::after, ul.dog_list .syoudannow .img::after, ul.dog_list .seiyaku_you .img::after {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: '';
      background: #fff;
      opacity: 0.5; }
  ul.dog_list .seiyakuzumi .seiyaku_tag {
    display: block !important;
    width: 70px;
    height: 70px; }
  ul.dog_list .syoudantyu .syoudan_tag {
    display: block !important;
    width: 70px;
    height: 70px; }
  ul.dog_list .syoudannow .syoudan_on_tag {
    display: block !important;
    width: 70px;
    height: 70px; }
  ul.dog_list .seiyaku_you .seiyaku_on_tag {
    display: block !important;
    width: 70px;
    height: 70px; }
  ul.dog_list .pickdog .img {
    border: 8px solid rgba(253, 195, 202, 0.8); }
    ul.dog_list .pickdog .img .pick_tag {
      display: block !important; }

.normal_list li {
  border: 1px solid #333333; }

/*****************************************
dog_main以下
****************************************/
.dog_main {
  padding: 0 0 100px; }
  .dog_main .tyu {
    background: #FC909D;
    padding: 50px 0; }
    .dog_main .tyu h3 {
      max-width: 1080px;
      width: 92%;
      margin: 0 auto 20px;
      padding: 0 0 0 110px;
      background-image: url(../images/index/tyu_dec2.svg);
      background-repeat: no-repeat;
      background-position: left 0 top 0;
      background-size: 100px;
      font-size: 20px;
      font-weight: bold;
      color: #6B3D20; }
    .dog_main .tyu .tyu_list {
      width: 92%;
      max-width: 1080px;
      margin: 0 auto; }
  .dog_main .main_list {
    max-width: 1080px;
    width: 92%;
    margin: 0 auto;
    padding: 50px 0; }
    .dog_main .main_list .dog_list {
      margin: 0 0 35px; }
    .dog_main .main_list .pagenation {
      margin: 0 0 50px; }
    .dog_main .main_list .bn {
      margin: 0 0 30px; }
    .dog_main .main_list .bt {
      margin: 0 auto; }
  .dog_main .content_b {
    max-width: 1080px;
    width: 92%;
    margin: 0 auto; }
    .dog_main .content_b .bn_wrap {
      width: 92%;
      max-width: 900px;
      margin: 0 auto;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media only screen and (max-width: 667px) {
        .dog_main .content_b .bn_wrap {
          display: block; } }
      .dog_main .content_b .bn_wrap .bn {
        width: calc((100% - 20px)/2); }
        @media only screen and (max-width: 667px) {
          .dog_main .content_b .bn_wrap .bn {
            width: 100%; }
            .dog_main .content_b .bn_wrap .bn:nth-child(2) {
              margin: 20px 0 0; } }
  @media only screen and (min-width: 901px) {
    .dog_main .dog_search .select_box {
      justify-content: space-between; } }

/*****************************************
犬絞り込み
****************************************/
form.dog_search {
  padding: 30px 0 50px;
  max-width: 1080px;
  width: 92%;
  margin: 0 auto;
  display: block; }
  form.dog_search div.select_box {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 30px; }
    @media only screen and (max-width: 900px) {
      form.dog_search div.select_box div.select {
        width: calc((100% - 20px)/2); }
        form.dog_search div.select_box div.select:nth-child(n+3) {
          margin: 20px 0 0; } }
    @media only screen and (max-width: 667px) {
      form.dog_search div.select_box div.select {
        width: 100%; }
        form.dog_search div.select_box div.select:nth-child(n+2) {
          margin: 20px 0 0; } }
    form.dog_search div.select_box div.select div.select_bt_box {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      align-items: center; }
      form.dog_search div.select_box div.select div.select_bt_box .gender {
        border: 1px solid #333333;
        padding: 10px;
        position: relative;
        width: 160px;
        font-size: 16px;
        border-radius: 0; }
      form.dog_search div.select_box div.select div.select_bt_box div.name {
        font-size: 16px;
        font-weight: 500;
        color: #333333;
        margin: 0 20px 0 0; }
      form.dog_search div.select_box div.select div.select_bt_box div.select_bt1, form.dog_search div.select_box div.select div.select_bt_box .select_bt2 {
        border: 1px solid #333333;
        padding: 10px;
        position: relative;
        width: 270px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background: url(../images/dog/select_arrow.svg) no-repeat;
        background-position: right 5px center; }
        form.dog_search div.select_box div.select div.select_bt_box div.select_bt1 span, form.dog_search div.select_box div.select div.select_bt_box .select_bt2 span {
          font-size: 16px;
          line-height: 16px;
          color: #333333; }
          @media only screen and (max-width: 667px) {
            form.dog_search div.select_box div.select div.select_bt_box div.select_bt1 span, form.dog_search div.select_box div.select div.select_bt_box .select_bt2 span {
              font-size: 1.45rem; } }
        form.dog_search div.select_box div.select div.select_bt_box div.select_bt1 i, form.dog_search div.select_box div.select div.select_bt_box .select_bt2 i {
          color: #333333;
          font-size: 20px;
          position: absolute;
          right: 10px;
          top: 10px; }
    form.dog_search div.select_box div.select div.dog_type_select div.popup1 div.in div.dog_menu {
      padding: 20px 20px 0 20px; }
      @media only screen and (max-width: 667px) {
        form.dog_search div.select_box div.select div.dog_type_select div.popup1 div.in div.dog_menu {
          padding: 20px 4vw 0; } }
      form.dog_search div.select_box div.select div.dog_type_select div.popup1 div.in div.dog_menu input.acd-check {
        display: none; }
      form.dog_search div.select_box div.select div.dog_type_select div.popup1 div.in div.dog_menu label.acd-label {
        font-size: 18px;
        color: #333333;
        padding: 0 0 10px;
        border-bottom: 1px solid #333333;
        position: relative;
        display: block; }
        form.dog_search div.select_box div.select div.dog_type_select div.popup1 div.in div.dog_menu label.acd-label i.fas.fa-chevron-circle-down {
          color: #CBB19B;
          position: absolute;
          right: 0;
          top: 10px; }
      form.dog_search div.select_box div.select div.dog_type_select div.popup1 div.in div.dog_menu div.acd-content {
        max-height: 0;
        transition: 0.6s;
        visibility: hidden;
        margin: 0 0 20px;
        padding: 0 0 0 20px;
        overflow: hidden; }
        form.dog_search div.select_box div.select div.dog_type_select div.popup1 div.in div.dog_menu div.acd-content label.dog_type_check_label {
          display: block;
          color: #333333;
          font-size: 16px;
          padding: 10px 0;
          border-bottom: 1px dashed #333333; }
          form.dog_search div.select_box div.select div.dog_type_select div.popup1 div.in div.dog_menu div.acd-content label.dog_type_check_label input.dog_type_checks {
            margin: 0 10px 0 0; }
      form.dog_search div.select_box div.select div.dog_type_select div.popup1 div.in div.dog_menu .acd-check:checked + .acd-label + .acd-content {
        max-height: 2000px;
        visibility: visible; }
    form.dog_search div.select_box div.select div.dog_area_select div.popup2 div.in div.area_menu ul.ardress {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      border-bottom: 1px solid #333333; }
      form.dog_search div.select_box div.select div.dog_area_select div.popup2 div.in div.area_menu ul.ardress:last-child {
        border: none; }
      form.dog_search div.select_box div.select div.dog_area_select div.popup2 div.in div.area_menu ul.ardress li.ad_tl {
        width: 130px;
        background: #F7F0EA;
        padding: 20px 15px;
        font-size: 18px;
        color: #333333; }
        @media only screen and (max-width: 667px) {
          form.dog_search div.select_box div.select div.dog_area_select div.popup2 div.in div.area_menu ul.ardress li.ad_tl {
            width: 100px; } }
      form.dog_search div.select_box div.select div.dog_area_select div.popup2 div.in div.area_menu ul.ardress li.li_cont {
        width: calc(100% - 130px);
        padding: 15px; }
        @media only screen and (max-width: 667px) {
          form.dog_search div.select_box div.select div.dog_area_select div.popup2 div.in div.area_menu ul.ardress li.li_cont {
            width: calc(100% - 100px); } }
        form.dog_search div.select_box div.select div.dog_area_select div.popup2 div.in div.area_menu ul.ardress li.li_cont ul.map_adress_li_wrap li {
          display: inline-block;
          color: #333333;
          font-size: 16px;
          margin: 0 20px 0 0; }
  form.dog_search .kodawari_wrap {
    margin: 0 0 30px;
    border-bottom: 1px solid #333333; }
    form.dog_search .kodawari_wrap input.kodawari-check {
      display: none; }
    form.dog_search .kodawari_wrap label.kodawari-label {
      display: block;
      font-size: 16px;
      padding: 0 0 10px;
      color: #333333; }
      form.dog_search .kodawari_wrap label.kodawari-label i.fas.fa-caret-down {
        margin: 0 10px 0 0;
        color: #FC909D; }
    form.dog_search .kodawari_wrap div.kodawari-content {
      opacity: 0;
      transition: 0.6s;
      visibility: hidden;
      max-height: 0;
      padding: 0; }
      form.dog_search .kodawari_wrap div.kodawari-content div.kodawari_box {
        margin: 0 0 30px;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 10px 30px; }
        form.dog_search .kodawari_wrap div.kodawari-content div.kodawari_box div.kodawari_in {
          width: calc((100% - 60px)/3); }
          @media only screen and (min-width: 1026px) {
            form.dog_search .kodawari_wrap div.kodawari-content div.kodawari_box div.kodawari_in:nth-child(n+4) {
              margin: 10px 0 0; } }
          @media only screen and (max-width: 1025px) {
            form.dog_search .kodawari_wrap div.kodawari-content div.kodawari_box div.kodawari_in {
              width: calc(50% - 30px); }
              form.dog_search .kodawari_wrap div.kodawari-content div.kodawari_box div.kodawari_in:nth-child(n+3) {
                margin: 20px 0 0; } }
          @media only screen and (max-width: 667px) {
            form.dog_search .kodawari_wrap div.kodawari-content div.kodawari_box div.kodawari_in {
              width: 100%; }
              form.dog_search .kodawari_wrap div.kodawari-content div.kodawari_box div.kodawari_in:nth-child(n+2) {
                margin: 20px 0 0; } }
          form.dog_search .kodawari_wrap div.kodawari-content div.kodawari_box div.kodawari_in div.name {
            font-size: 16px;
            font-weight: 500;
            margin: 0 0 10px; }
          form.dog_search .kodawari_wrap div.kodawari-content div.kodawari_box div.kodawari_in select {
            border-radius: 0;
            width: 150px;
            height: 40px;
            border: 1px solid #333333;
            font-size: 16px;
            padding: 10px; }
            @media only screen and (max-width: 667px) {
              form.dog_search .kodawari_wrap div.kodawari-content div.kodawari_box div.kodawari_in select {
                line-height: 20px; } }
          form.dog_search .kodawari_wrap div.kodawari-content div.kodawari_box div.kodawari_in select.birthselector {
            width: 320px; }
            @media only screen and (max-width: 900px) {
              form.dog_search .kodawari_wrap div.kodawari-content div.kodawari_box div.kodawari_in select.birthselector {
                width: 100%; } }
      form.dog_search .kodawari_wrap div.kodawari-content ul.other_list {
        padding: 20px;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        background: #EDEDED; }
        @media only screen and (max-width: 667px) {
          form.dog_search .kodawari_wrap div.kodawari-content ul.other_list {
            display: block; } }
        form.dog_search .kodawari_wrap div.kodawari-content ul.other_list li:nth-child(n+2) {
          margin: 0 0 0 30px; }
          @media only screen and (max-width: 667px) {
            form.dog_search .kodawari_wrap div.kodawari-content ul.other_list li:nth-child(n+2) {
              margin: 20px 0 0; } }
        form.dog_search .kodawari_wrap div.kodawari-content ul.other_list li label {
          font-size: 16px;
          color: #333333; }
          form.dog_search .kodawari_wrap div.kodawari-content ul.other_list li label input {
            margin: 0 10px 0 0; }
    form.dog_search .kodawari_wrap .kodawari-check:checked + .kodawari-label + .kodawari-content {
      max-height: 700px;
      opacity: 1;
      visibility: visible;
      padding: 20px 0 30px; }
  form.dog_search button.bt.cor2_bt {
    display: block;
    margin: 0 auto; }
  form.dog_search .popup1, form.dog_search .popup2 {
    opacity: 0;
    transition: 0.6s;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10; }
    form.dog_search .popup1 div.in, form.dog_search .popup2 div.in {
      position: absolute;
      max-width: 620px;
      width: 92%;
      height: 670px;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      background: #fff;
      z-index: 1;
      border: 5px solid #FC909D;
      padding: 30px; }
      @media only screen and (max-width: 667px) {
        form.dog_search .popup1 div.in, form.dog_search .popup2 div.in {
          height: 440px;
          padding: 30px 4vw; } }
      form.dog_search .popup1 div.in div.tl, form.dog_search .popup2 div.in div.tl {
        font-size: 16px;
        font-weight: 500;
        color: #333333;
        margin: 0 0 20px; }
        form.dog_search .popup1 div.in div.tl i.fas.fa-caret-down, form.dog_search .popup2 div.in div.tl i.fas.fa-caret-down {
          color: #FC909D;
          margin: 0 10px 0 0; }
      form.dog_search .popup1 div.in div.count, form.dog_search .popup2 div.in div.count {
        font-size: 16px;
        color: #333333;
        margin: 20px 0; }
      form.dog_search .popup1 div.in .dog_menu, form.dog_search .popup1 div.in .area_menu, form.dog_search .popup2 div.in .dog_menu, form.dog_search .popup2 div.in .area_menu {
        height: 490px;
        overflow: scroll;
        border: 1px solid #333333;
        margin: 0 0 20px; }
        @media only screen and (max-width: 667px) {
          form.dog_search .popup1 div.in .dog_menu, form.dog_search .popup1 div.in .area_menu, form.dog_search .popup2 div.in .dog_menu, form.dog_search .popup2 div.in .area_menu {
            height: 240px; } }
      form.dog_search .popup1 div.in .select_bt_close1, form.dog_search .popup1 div.in .select_bt_close2, form.dog_search .popup2 div.in .select_bt_close1, form.dog_search .popup2 div.in .select_bt_close2 {
        background: #FC909D;
        color: #fff;
        display: table;
        margin: 0 auto;
        padding: 10px 15px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        border: 1px solid #FC909D;
        transition: 0.6s; }
        @media only screen and (min-width: 1025px) {
          form.dog_search .popup1 div.in .select_bt_close1:hover, form.dog_search .popup1 div.in .select_bt_close2:hover, form.dog_search .popup2 div.in .select_bt_close1:hover, form.dog_search .popup2 div.in .select_bt_close2:hover {
            color: #FC909D;
            background: #fff; } }
    form.dog_search .popup1 div.bg, form.dog_search .popup2 div.bg {
      background: #707070;
      width: 100vw;
      height: 100vh;
      opacity: 0.5; }
  form.dog_search .p_open {
    opacity: 1 !important;
    display: block !important; }

div.search_result {
  padding: 10px 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  background: #EDEDED;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333; }
  @media only screen and (max-width: 667px) {
    div.search_result {
      font-size: 1.25rem; } }
  div.search_result span {
    color: #FC6577;
    font-size: 32px; }
    @media only screen and (max-width: 667px) {
      div.search_result span {
        font-size: 1.55rem; } }

ul.sort {
  padding: 10px 0 30px;
  max-width: 1080px;
  width: 92%;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex; }
  ul.sort li {
    font-size: 14px; }
    ul.sort li:nth-child(n+2) {
      margin: 0 0 0 20px;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      align-items: center; }
    ul.sort li:first-child a {
      display: inline-block;
      padding: 3px;
      border: 1px solid #333333;
      border-radius: 2px;
      margin: 0; }
    ul.sort li:first-child i {
      margin: 0 10px;
      color: #333333; }
    ul.sort li i {
      color: #6B3D20;
      margin: 0 10px 0 0;
      font-size: 18px; }
    ul.sort li a {
      font-size: 14px;
      margin: 0 5px; }

select.sp_sort {
  width: 92%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
  font-size: 1.45rem;
  margin: 30px auto 30px;
  display: block;
  color: #333333;
  position: relative;
  padding: 10px 25px 10px 0;
  background: url(../images/dog/select_arrow.svg) no-repeat;
  background-position: right 2px center;
  border-bottom: 2px solid #333333;
  border-radius: 0; }

/*****************************************
犬詳細ページ
****************************************/
main.dog_single_main {
  max-width: 1080px;
  width: 92%;
  margin: 0 auto;
  padding: 50px 0 100px; }
  @media only screen and (max-width: 667px) {
    main.dog_single_main div.bt.cor4_bt a {
      line-height: 180%; }
      main.dog_single_main div.bt.cor4_bt a i {
        bottom: 30px; } }
  main.dog_single_main section.dog_info_wrap div.date {
    font-size: 16px;
    margin: 0 0 10px; }
    main.dog_single_main section.dog_info_wrap div.date span.day {
      margin: 0 10px 0 0; }
  main.dog_single_main section.dog_info_wrap div.tl_box {
    position: relative;
    margin: 0 0 20px; }
    main.dog_single_main section.dog_info_wrap div.tl_box div.tl {
      font-size: 28px;
      font-weight: bold;
      color: #6B3D20;
      padding: 0 200px 0 0; }
      @media only screen and (max-width: 667px) {
        main.dog_single_main section.dog_info_wrap div.tl_box div.tl {
          padding: 0;
          font-size: 2rem;
          margin: 0 0 10px; } }
    main.dog_single_main section.dog_info_wrap div.tl_box button.favorite_bt2 {
      position: absolute;
      top: 0;
      right: 0; }
      @media only screen and (max-width: 667px) {
        main.dog_single_main section.dog_info_wrap div.tl_box button.favorite_bt2 {
          position: relative; } }
  main.dog_single_main section.dog_info_wrap div.bt.cor4_bt {
    margin: 0 auto 30px; }
  main.dog_single_main section.dog_info_wrap .syoudan_now, main.dog_single_main section.dog_info_wrap .seiyaku_now {
    max-width: 360px;
    width: 80%;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto 30px;
    letter-spacing: 0.1em; }
    main.dog_single_main section.dog_info_wrap .syoudan_now i, main.dog_single_main section.dog_info_wrap .seiyaku_now i {
      margin: 0 0 0 10px;
      font-size: 1.65rem; }
    main.dog_single_main section.dog_info_wrap .syoudan_now span, main.dog_single_main section.dog_info_wrap .seiyaku_now span {
      display: block;
      font-size: 14px;
      margin: 10px 0 0;
      line-height: 14px; }
  main.dog_single_main section.dog_info_wrap .syoudan_now {
    background: #3234A1; }
  main.dog_single_main section.dog_info_wrap .seiyaku_now {
    background: #DB163D; }
  main.dog_single_main section.dog_info_wrap div.tel_txt {
    border: 1px solid #333333;
    padding: 10px 20px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 667px) {
      main.dog_single_main section.dog_info_wrap div.tel_txt {
        display: block; } }
    main.dog_single_main section.dog_info_wrap div.tel_txt div.icon {
      width: 35px; }
      @media only screen and (max-width: 667px) {
        main.dog_single_main section.dog_info_wrap div.tel_txt div.icon {
          margin: 0 auto 10px; } }
    main.dog_single_main section.dog_info_wrap div.tel_txt div.txt {
      width: calc(100% - 55px);
      font-size: 16px;
      color: #333333;
      line-height: 180%; }
      @media only screen and (max-width: 667px) {
        main.dog_single_main section.dog_info_wrap div.tel_txt div.txt {
          font-size: 1.45rem;
          width: 100%; } }
  main.dog_single_main section.img_wrap {
    padding: 50px 0 0; }
    main.dog_single_main section.img_wrap div.movie_wrap {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media only screen and (max-width: 900px) {
        main.dog_single_main section.img_wrap div.movie_wrap {
          display: block; } }
      main.dog_single_main section.img_wrap div.movie_wrap div.dog_movie {
        width: calc((100% - 50px)/2); }
        @media only screen and (max-width: 900px) {
          main.dog_single_main section.img_wrap div.movie_wrap div.dog_movie {
            width: 100%;
            max-width: 600px;
            margin: 0 auto; }
            main.dog_single_main section.img_wrap div.movie_wrap div.dog_movie:nth-child(n+2) {
              margin: 20px auto 0; } }
        main.dog_single_main section.img_wrap div.movie_wrap div.dog_movie iframe {
          width: 100%;
          height: 400px; }
          @media only screen and (max-width: 667px) {
            main.dog_single_main section.img_wrap div.movie_wrap div.dog_movie iframe {
              height: 250px; } }
        main.dog_single_main section.img_wrap div.movie_wrap div.dog_movie video {
          width: 100%;
          height: 400px;
          background: #000; }
          @media only screen and (max-width: 667px) {
            main.dog_single_main section.img_wrap div.movie_wrap div.dog_movie video {
              height: 250px; } }
  main.dog_single_main section.dog_cont {
    padding: 50px 0 0; }
    main.dog_single_main section.dog_cont div.box {
      border: 1px solid #333333; }
      main.dog_single_main section.dog_cont div.box div.tl {
        border-bottom: 1px solid #333333;
        padding: 10px 30px;
        font-size: 20px;
        font-weight: bold;
        color: #333333;
        background: #F7F0EA; }
        @media only screen and (max-width: 667px) {
          main.dog_single_main section.dog_cont div.box div.tl {
            padding: 10px 4vw; } }
      main.dog_single_main section.dog_cont div.box div.txt_box {
        padding: 30px; }
        @media only screen and (max-width: 667px) {
          main.dog_single_main section.dog_cont div.box div.txt_box {
            padding: 20px 4vw; } }
        main.dog_single_main section.dog_cont div.box div.txt_box div.content {
          color: #333333;
          font-size: 16px;
          line-height: 180%;
          margin: 0 0 30px; }
          @media only screen and (max-width: 667px) {
            main.dog_single_main section.dog_cont div.box div.txt_box div.content {
              font-size: 1.45rem; } }
    main.dog_single_main section.dog_cont div.bt.cor4_bt {
      margin: 50px auto 0; }
  main.dog_single_main section.cont_b {
    padding: 50px 0 0; }
    main.dog_single_main section.cont_b h3.sec_h2 {
      padding: 10px 20px;
      text-align: left;
      margin: 0 0 20px; }
    main.dog_single_main section.cont_b .in_sec2, main.dog_single_main section.cont_b .in_sec3, main.dog_single_main section.cont_b .in_sec4, main.dog_single_main section.cont_b .in_sec5 {
      padding: 50px 0 0; }
    main.dog_single_main section.cont_b div.in_sec0 div.parent_box h4.parent_tl {
      padding: 10px;
      font-size: 18px;
      font-weight: bold;
      margin: 0 0 20px; }
    main.dog_single_main section.cont_b div.in_sec0 div.parent_box .male {
      border-bottom: #0171bb solid 2px;
      color: #0171bb; }
    main.dog_single_main section.cont_b div.in_sec0 div.parent_box .female {
      border-bottom: #e8669d solid 2px;
      color: #e8669d; }
    main.dog_single_main section.cont_b div.in_sec0 div.parent_box div.img_wrap div.dog_movie {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      margin: 0 0 20px; }
      @media only screen and (max-width: 667px) {
        main.dog_single_main section.cont_b div.in_sec0 div.parent_box div.img_wrap div.dog_movie {
          display: block; } }
      main.dog_single_main section.cont_b div.in_sec0 div.parent_box div.img_wrap div.dog_movie .m_in {
        width: calc(50% - 20px);
        height: 300px; }
        @media only screen and (max-width: 667px) {
          main.dog_single_main section.cont_b div.in_sec0 div.parent_box div.img_wrap div.dog_movie .m_in {
            width: 100%; } }
        main.dog_single_main section.cont_b div.in_sec0 div.parent_box div.img_wrap div.dog_movie .m_in:nth-child(2) {
          margin: 0 0 0 40px; }
          @media only screen and (max-width: 667px) {
            main.dog_single_main section.cont_b div.in_sec0 div.parent_box div.img_wrap div.dog_movie .m_in:nth-child(2) {
              margin: 20px 0 0; } }
      main.dog_single_main section.cont_b div.in_sec0 div.parent_box div.img_wrap div.dog_movie video {
        width: 100% !important;
        height: 240px; }
      main.dog_single_main section.cont_b div.in_sec0 div.parent_box div.img_wrap div.dog_movie div.kettousyo_img {
        background: #ddd;
        overflow: hidden; }
        main.dog_single_main section.cont_b div.in_sec0 div.parent_box div.img_wrap div.dog_movie div.kettousyo_img a {
          transition: 0.6s;
          display: block;
          height: 100%; }
          main.dog_single_main section.cont_b div.in_sec0 div.parent_box div.img_wrap div.dog_movie div.kettousyo_img a img {
            object-fit: contain;
            height: 100% !important; }
          @media only screen and (min-width: 1024px) {
            main.dog_single_main section.cont_b div.in_sec0 div.parent_box div.img_wrap div.dog_movie div.kettousyo_img a:hover {
              transform: scale(1.3); } }
    main.dog_single_main section.cont_b div.in_sec2 table.com_ta {
      margin: 0 0 50px; }
      main.dog_single_main section.cont_b div.in_sec2 table.com_ta tbody.com_tb tr.com_tr td.com_td table {
        border: 1px solid #333333;
        width: 100%;
        margin: 0 0 10px; }
        main.dog_single_main section.cont_b div.in_sec2 table.com_ta tbody.com_tb tr.com_tr td.com_td table tbody tr:nth-child(n+2) {
          border-top: 1px solid #333333; }
        main.dog_single_main section.cont_b div.in_sec2 table.com_ta tbody.com_tb tr.com_tr td.com_td table tbody tr th {
          background: #F7F0EA;
          padding: 10px;
          text-align: left;
          color: #333333; }
          @media only screen and (max-width: 667px) {
            main.dog_single_main section.cont_b div.in_sec2 table.com_ta tbody.com_tb tr.com_tr td.com_td table tbody tr th {
              display: block; } }
          main.dog_single_main section.cont_b div.in_sec2 table.com_ta tbody.com_tb tr.com_tr td.com_td table tbody tr th:nth-child(n+2) {
            border-left: 1px solid #333333; }
            @media only screen and (max-width: 667px) {
              main.dog_single_main section.cont_b div.in_sec2 table.com_ta tbody.com_tb tr.com_tr td.com_td table tbody tr th:nth-child(n+2) {
                border-left: 0;
                border-top: 1px solid #333333;
                border-bottom: 1px solid #333333; } }
        main.dog_single_main section.cont_b div.in_sec2 table.com_ta tbody.com_tb tr.com_tr td.com_td table tbody tr td {
          padding: 10px;
          text-align: left;
          color: #333333;
          line-height: 180%; }
          @media only screen and (max-width: 667px) {
            main.dog_single_main section.cont_b div.in_sec2 table.com_ta tbody.com_tb tr.com_tr td.com_td table tbody tr td {
              display: block; } }
          main.dog_single_main section.cont_b div.in_sec2 table.com_ta tbody.com_tb tr.com_tr td.com_td table tbody tr td:nth-child(n+2) {
            border-left: 1px solid #333333; }
            @media only screen and (max-width: 667px) {
              main.dog_single_main section.cont_b div.in_sec2 table.com_ta tbody.com_tb tr.com_tr td.com_td table tbody tr td:nth-child(n+2) {
                border: 0; } }
    main.dog_single_main section.cont_b div.in_sec2 div.bt.cor4_bt {
      margin: 0 auto 50px; }
    main.dog_single_main section.cont_b div.in_sec2 div.alert_txt {
      border: 1px solid #333333;
      padding: 20px;
      font-size: 16px;
      line-height: 180%;
      color: #333333;
      text-align: center; }
      @media only screen and (max-width: 667px) {
        main.dog_single_main section.cont_b div.in_sec2 div.alert_txt {
          z-index: 1.45rem;
          text-align: left;
          padding: 20px 4vw; } }
    main.dog_single_main section.cont_b div.in_sec3 div.breeder_nametag {
      margin: 0 0 20px; }
    main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail {
      border: 1px solid #333333;
      margin: 0 0 20px; }
      main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media only screen and (max-width: 667px) {
          main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li {
            display: block; } }
        main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li:nth-child(n+2) {
          border-top: 1px solid #333333; }
        main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li div.tl {
          background: #F7F0EA;
          padding: 15px;
          font-size: 16px;
          font-weight: 500;
          color: #333333;
          width: 210px; }
          @media only screen and (max-width: 667px) {
            main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li div.tl {
              width: 100%; } }
          main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li div.tl i {
            margin: 0 10px 0 0; }
        main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li div.txt {
          padding: 15px;
          font-size: 16px;
          color: #333333;
          width: calc(100% - 210px); }
          @media only screen and (max-width: 667px) {
            main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li div.txt {
              width: 100%;
              font-size: 1.45rem;
              padding: 15px 4vw; } }
          @media only screen and (min-width: 668px) {
            main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li div.txt ul.busi_hou {
              display: -webkit-flex;
              display: -ms-flex;
              display: flex;
              flex-wrap: wrap;
              justify-content: space-between; } }
          main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li div.txt ul.busi_hou li.busi_hou_li {
            display: -webkit-flex;
            display: -ms-flex;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 10px 0; }
            @media only screen and (min-width: 668px) {
              main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li div.txt ul.busi_hou li.busi_hou_li {
                width: calc(50% - 10px); }
                main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li div.txt ul.busi_hou li.busi_hou_li:nth-child(2) {
                  padding: 0 0 10px; }
                main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li div.txt ul.busi_hou li.busi_hou_li:nth-last-child(2) {
                  border-bottom: dashed 1px #707070; }
                main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li div.txt ul.busi_hou li.busi_hou_li:nth-child(n+3) {
                  border-top: dashed 1px #707070; } }
            @media only screen and (max-width: 667px) {
              main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li div.txt ul.busi_hou li.busi_hou_li:nth-child(n+2) {
                border-top: dashed 1px #707070; } }
            main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li div.txt ul.busi_hou li.busi_hou_li:first-child {
              padding: 0 0 10px; }
            main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li div.txt ul.busi_hou li.busi_hou_li:last-child {
              padding: 10px 0 0; }
            main.dog_single_main section.cont_b div.in_sec3 ul.bree_detail li.bree_detail_li div.txt ul.busi_hou li.busi_hou_li div.time {
              width: calc(100% - 40px);
              word-break: break-all; }
    main.dog_single_main section.cont_b div.in_sec3 div.txt {
      font-size: 16px;
      color: #333333;
      line-height: 180%; }
      @media only screen and (max-width: 667px) {
        main.dog_single_main section.cont_b div.in_sec3 div.txt {
          font-size: 1.45rem; } }
    main.dog_single_main section.cont_b div.in_sec4 ul.dog_list.normal_list {
      margin: 0 0 15px; }
    main.dog_single_main section.cont_b div.in_sec4 div.bt.cor3_bt {
      margin: 0 auto; }
    main.dog_single_main section.cont_b div.in_sec5 {
      margin: 0 0 50px; }
      main.dog_single_main section.cont_b div.in_sec5 div.bt.cor3_bt {
        margin: 0 auto; }
    main.dog_single_main section.cont_b div.bt.cor1_bt {
      margin: 50px auto; }
  main.dog_single_main div.detail_wrap {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 0 30px; }
    @media only screen and (max-width: 667px) {
      main.dog_single_main div.detail_wrap {
        display: block; } }
    main.dog_single_main div.detail_wrap ul.box {
      width: calc((100% - 40px)/2);
      border: 1px solid #333333; }
      @media only screen and (max-width: 667px) {
        main.dog_single_main div.detail_wrap ul.box {
          width: 100%; }
          main.dog_single_main div.detail_wrap ul.box:nth-child(n+2) {
            margin: 10px 0 0; } }
      main.dog_single_main div.detail_wrap ul.box li {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        main.dog_single_main div.detail_wrap ul.box li:nth-child(n+2) {
          border-top: 1px solid #333333; }
        main.dog_single_main div.detail_wrap ul.box li div {
          padding: 10px; }
        main.dog_single_main div.detail_wrap ul.box li div.tl {
          width: 100px;
          background: #F7F0EA;
          font-size: 16px;
          font-weight: bold;
          color: #333333; }
          @media only screen and (max-width: 667px) {
            main.dog_single_main div.detail_wrap ul.box li div.tl {
              font-size: 1.45rem; } }
        main.dog_single_main div.detail_wrap ul.box li div.txt {
          width: calc(100% - 100px);
          color: #333333;
          font-size: 16px; }
          @media only screen and (max-width: 667px) {
            main.dog_single_main div.detail_wrap ul.box li div.txt {
              font-size: 1.45rem; } }
          main.dog_single_main div.detail_wrap ul.box li div.txt span {
            font-weight: bold;
            color: #FC6577; }
  main.dog_single_main .image_txt {
    background: #F7F0EA;
    padding: 10px;
    margin: 10px 0 0;
    color: #333333;
    font-size: 15px;
    line-height: 180%; }
    main.dog_single_main .image_txt:empty {
      display: none; }
    @media only screen and (max-width: 667px) {
      main.dog_single_main .image_txt {
        font-size: 1.35rem; } }

/*****************************************
犬お問い合わせ確認ページ
****************************************/
main.dog_inq_main h2.sec_h2 {
  background-image: url(../images/dog/h2_icon2.svg);
  padding: 10px 0 10px 70px;
  text-align: left; }
main.dog_inq_main a.back_link {
  text-align: right;
  margin: 10px 0 20px auto;
  display: table;
  font-size: 14px;
  color: #333333; }
  @media only screen and (min-width: 1025px) {
    main.dog_inq_main a.back_link:hover {
      opacity: 0.6; } }
main.dog_inq_main div.dog_detail {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 0 30px; }
  @media only screen and (max-width: 900px) {
    main.dog_inq_main div.dog_detail {
      display: block; } }
  main.dog_inq_main div.dog_detail div.img {
    max-width: 360px;
    width: 100%;
    height: 270px; }
    @media only screen and (max-width: 667px) {
      main.dog_inq_main div.dog_detail div.img {
        height: 180px;
        margin: 0 auto 20px; } }
    main.dog_inq_main div.dog_detail div.img img {
      height: 100% !important;
      width: 100% !important;
      object-fit: cover; }
  main.dog_inq_main div.dog_detail div.txt_box {
    width: calc(100% - 380px); }
    @media only screen and (max-width: 900px) {
      main.dog_inq_main div.dog_detail div.txt_box {
        width: 100%; } }
    main.dog_inq_main div.dog_detail div.txt_box div.b_name {
      font-size: 28px;
      font-weight: bold;
      color: #6B3D20;
      margin: 0 0 20px; }
      @media only screen and (max-width: 667px) {
        main.dog_inq_main div.dog_detail div.txt_box div.b_name {
          font-size: 2rem; } }
    main.dog_inq_main div.dog_detail div.txt_box div.id {
      font-size: 16px;
      color: #333333;
      font-weight: 500;
      margin: 0 0 10px; }
    main.dog_inq_main div.dog_detail div.txt_box table {
      width: 100%;
      border: 1px solid #333333; }
      @media only screen and (max-width: 667px) {
        main.dog_inq_main div.dog_detail div.txt_box table {
          display: block; } }
      @media only screen and (max-width: 667px) {
        main.dog_inq_main div.dog_detail div.txt_box table tbody {
          display: block; } }
      @media only screen and (max-width: 667px) {
        main.dog_inq_main div.dog_detail div.txt_box table tbody tr {
          display: block; } }
      main.dog_inq_main div.dog_detail div.txt_box table tbody tr:nth-child(n+2) {
        border-top: 1px solid #333333;
        width: 50%; }
        @media only screen and (max-width: 667px) {
          main.dog_inq_main div.dog_detail div.txt_box table tbody tr:nth-child(n+2) {
            width: 100%; }
            main.dog_inq_main div.dog_detail div.txt_box table tbody tr:nth-child(n+2) th:nth-child(3) {
              border-top: 1px solid #333333; } }
        main.dog_inq_main div.dog_detail div.txt_box table tbody tr:nth-child(n+2) td {
          width: calc(50% - 83px); }
          @media only screen and (max-width: 667px) {
            main.dog_inq_main div.dog_detail div.txt_box table tbody tr:nth-child(n+2) td {
              width: 100%;
              display: block; } }
      main.dog_inq_main div.dog_detail div.txt_box table tbody tr th {
        width: 83px;
        padding: 10px 15px;
        font-size: 16px;
        font-weight: 500;
        background: #F7F0EA;
        color: #333333; }
        @media only screen and (max-width: 667px) {
          main.dog_inq_main div.dog_detail div.txt_box table tbody tr th {
            width: 100%;
            display: block;
            border-bottom: 1px solid #333333; } }
      main.dog_inq_main div.dog_detail div.txt_box table tbody tr td {
        font-size: 16px;
        color: #333333;
        padding: 10px 15px;
        width: calc(100% - 83px); }
        @media only screen and (max-width: 667px) {
          main.dog_inq_main div.dog_detail div.txt_box table tbody tr td {
            width: 100%;
            display: block;
            padding: 10px 4vw; } }
        main.dog_inq_main div.dog_detail div.txt_box table tbody tr td span.price {
          color: #FC6577;
          font-weight: bold; }
main.dog_inq_main div.alert_txt {
  border: 1px solid #333333;
  padding: 20px; }
  @media only screen and (max-width: 667px) {
    main.dog_inq_main div.alert_txt {
      padding: 20px 4vw; } }
  main.dog_inq_main div.alert_txt ul {
    margin: 0 0 20px; }
    main.dog_inq_main div.alert_txt ul li {
      color: #333333;
      font-size: 16px;
      line-height: 180%; }
      @media only screen and (max-width: 667px) {
        main.dog_inq_main div.alert_txt ul li {
          font-size: 1.45rem; } }
      main.dog_inq_main div.alert_txt ul li:nth-child(n+2) {
        margin: 10px 0 0; }
      main.dog_inq_main div.alert_txt ul li span {
        color: #FC6577; }
  main.dog_inq_main div.alert_txt div.pi_txt {
    background: #EDEDED;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    line-height: 180%;
    color: #333333;
    text-align: center; }
    @media only screen and (max-width: 900px) {
      main.dog_inq_main div.alert_txt div.pi_txt {
        text-align: left; } }
    @media only screen and (max-width: 667px) {
      main.dog_inq_main div.alert_txt div.pi_txt {
        font-size: 1.55rem; } }
main.dog_inq_main div.guide_txt {
  margin: 50px 0;
  text-align: center;
  color: #333333;
  line-height: 180%;
  font-size: 16px; }
  @media only screen and (max-width: 667px) {
    main.dog_inq_main div.guide_txt {
      font-size: 1.45rem;
      text-align: left; } }
  main.dog_inq_main div.guide_txt b {
    font-size: 18px;
    margin: 0 0 10px; }
    @media only screen and (max-width: 667px) {
      main.dog_inq_main div.guide_txt b {
        font-size: 1.55rem; } }
main.dog_inq_main div.inq_bt {
  max-width: 450px;
  margin: 0 auto; }
  main.dog_inq_main div.inq_bt a {
    display: block;
    padding: 20px 0;
    text-align: center;
    color: #fff;
    background: #3234A1;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold; }
    @media only screen and (min-width: 1025px) {
      main.dog_inq_main div.inq_bt a:hover {
        opacity: 0.6; } }
    main.dog_inq_main div.inq_bt a span.img {
      display: block;
      margin: 0 0 10px; }

main.about_main {
  padding: 0 0 100px; }
  main.about_main section.mv {
    background: #FC909D; }
  main.about_main section.sec1 div.in {
    max-width: 1080px;
    width: 92%;
    margin: 0 auto;
    padding: 50px 0; }
    main.about_main section.sec1 div.in div.concept_txt {
      text-align: center; }
      @media only screen and (max-width: 667px) {
        main.about_main section.sec1 div.in div.concept_txt {
          text-align: left; } }
      main.about_main section.sec1 div.in div.concept_txt div.tl {
        font-size: 32px;
        line-height: 180%;
        font-weight: bold;
        color: #FC909D;
        margin: 0 0 20px; }
        @media only screen and (max-width: 667px) {
          main.about_main section.sec1 div.in div.concept_txt div.tl {
            font-size: 2rem; } }
      main.about_main section.sec1 div.in div.concept_txt div.txt {
        font-size: 18px;
        font-weight: 500;
        line-height: 180%;
        color: #333333;
        margin: 0 0 30px; }
        @media only screen and (max-width: 667px) {
          main.about_main section.sec1 div.in div.concept_txt div.txt {
            font-size: 1.55rem; } }
    main.about_main section.sec1 div.in div.txt_wrap {
      padding: 50px 0 0; }
      main.about_main section.sec1 div.in div.txt_wrap h3 {
        font-size: 26px;
        padding: 10px 30px;
        font-weight: 500;
        color: #fff;
        margin: 0 0 40px;
        background: #FC909D; }
      main.about_main section.sec1 div.in div.txt_wrap ul {
        margin: 0 0 50px; }
        main.about_main section.sec1 div.in div.txt_wrap ul li {
          display: -webkit-flex;
          display: -ms-flex;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          flex-direction: row-reverse; }
          @media only screen and (max-width: 667px) {
            main.about_main section.sec1 div.in div.txt_wrap ul li {
              display: block; } }
          main.about_main section.sec1 div.in div.txt_wrap ul li:nth-child(n+2) {
            margin: 30px 0 0; }
          main.about_main section.sec1 div.in div.txt_wrap ul li:nth-child(2n) {
            flex-direction: row; }
          main.about_main section.sec1 div.in div.txt_wrap ul li div.img {
            width: calc(50% - 35px); }
            @media only screen and (max-width: 900px) {
              main.about_main section.sec1 div.in div.txt_wrap ul li div.img {
                width: calc(50% - 15px); } }
            @media only screen and (max-width: 667px) {
              main.about_main section.sec1 div.in div.txt_wrap ul li div.img {
                width: 100%;
                margin: 0 0 20px; } }
          main.about_main section.sec1 div.in div.txt_wrap ul li div.txt {
            width: calc(50% - 35px);
            font-size: 16px;
            line-height: 200%;
            color: #333333; }
            @media only screen and (max-width: 900px) {
              main.about_main section.sec1 div.in div.txt_wrap ul li div.txt {
                width: calc(50% - 15px); } }
            @media only screen and (max-width: 667px) {
              main.about_main section.sec1 div.in div.txt_wrap ul li div.txt {
                width: 100%;
                font-size: 1.45rem; } }
      main.about_main section.sec1 div.in div.txt_wrap .bn_wrap {
        margin: 0 0 50px; }
      main.about_main section.sec1 div.in div.txt_wrap div.bt.cor1_bt {
        margin: 0 auto; }
  main.about_main section.sec2 div.tl_box {
    position: relative;
    height: 550px;
    background-image: url(../images/about/sec2_tl_img.jpg);
    background-size: cover;
    background-position: center; }
    @media only screen and (max-width: 667px) {
      main.about_main section.sec2 div.tl_box {
        height: 300px; } }
    main.about_main section.sec2 div.tl_box h3 {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: center;
      font-weight: 500;
      font-size: 32px;
      background: rgba(252, 144, 157, 0.8);
      padding: 20px 0;
      color: #fff; }
      @media only screen and (max-width: 667px) {
        main.about_main section.sec2 div.tl_box h3 {
          font-size: 1.45rem; } }
  main.about_main section.sec2 div.in {
    max-width: 1080px;
    width: 92%;
    margin: 0 auto; }
    main.about_main section.sec2 div.in .point_sec {
      padding: 50px 0; }
      main.about_main section.sec2 div.in .point_sec:nth-child(n+2) {
        border-top: 1px dashed #333333; }
      main.about_main section.sec2 div.in .point_sec h4.poi_h4 {
        margin: 0 0 30px; }
    main.about_main section.sec2 div.in div.point1 ul li:nth-child(n+2) {
      margin: 40px 0 0; }
    main.about_main section.sec2 div.in div.point1 ul li div.tl {
      padding: 10px 20px;
      background: #F7F0EA;
      color: #FC909D;
      font-weight: 500;
      font-size: 20px;
      margin: 0 0 20px; }
      @media only screen and (max-width: 667px) {
        main.about_main section.sec2 div.in div.point1 ul li div.tl {
          font-size: 1.65rem; } }
    main.about_main section.sec2 div.in div.point1 ul li div.txt {
      font-size: 16px;
      color: #333333;
      line-height: 180%; }
      @media only screen and (max-width: 667px) {
        main.about_main section.sec2 div.in div.point1 ul li div.txt {
          font-size: 1.45rem; } }
    main.about_main section.sec2 div.in div.point2 p.txt {
      font-size: 16px;
      color: #333333;
      line-height: 180%;
      margin: 0 0 30px; }
      @media only screen and (max-width: 667px) {
        main.about_main section.sec2 div.in div.point2 p.txt {
          font-size: 1.45rem; } }
    main.about_main section.sec2 div.in div.point2 div.cont_box {
      background: #F7F0EA;
      padding: 20px;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      flex-direction: row-reverse; }
      @media only screen and (max-width: 900px) {
        main.about_main section.sec2 div.in div.point2 div.cont_box {
          display: block; } }
      @media only screen and (max-width: 667px) {
        main.about_main section.sec2 div.in div.point2 div.cont_box {
          padding: 20px 4vw; } }
      main.about_main section.sec2 div.in div.point2 div.cont_box ul {
        width: calc(100% - 490px); }
        @media only screen and (max-width: 900px) {
          main.about_main section.sec2 div.in div.point2 div.cont_box ul {
            width: 100%; } }
        main.about_main section.sec2 div.in div.point2 div.cont_box ul li i.far.fa-check-square {
          color: #B3E65C; }
      main.about_main section.sec2 div.in div.point2 div.cont_box div.img {
        width: 430px; }
        @media only screen and (max-width: 900px) {
          main.about_main section.sec2 div.in div.point2 div.cont_box div.img {
            width: 100%;
            max-width: 430px;
            margin: 0 auto 20px; } }
    main.about_main section.sec2 div.in div.point3 p.txt {
      font-size: 16px;
      color: #333333;
      line-height: 180%;
      margin: 0 0 30px; }
      @media only screen and (max-width: 667px) {
        main.about_main section.sec2 div.in div.point3 p.txt {
          font-size: 1.45rem; } }
    main.about_main section.sec2 div.in div.point3 div.bn_wrap {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media only screen and (max-width: 900px) {
        main.about_main section.sec2 div.in div.point3 div.bn_wrap {
          display: block;
          margin: 0 auto;
          max-width: 526px; } }
      main.about_main section.sec2 div.in div.point3 div.bn_wrap div.bn {
        width: calc((100% - 30px)/2); }
        @media only screen and (max-width: 900px) {
          main.about_main section.sec2 div.in div.point3 div.bn_wrap div.bn {
            width: 100%; }
            main.about_main section.sec2 div.in div.point3 div.bn_wrap div.bn:nth-child(n+2) {
              margin: 20px 0 0; } }

/*****************************************
私たちのおもい
****************************************/
div.aboutus_tl {
  background-color: #F7F0EA;
  background-image: url(../images/aboutus/tl_dec_t.svg);
  background-repeat: no-repeat;
  background-position: bottom -2px center;
  border-bottom: 3px solid #FC909D; }
  div.aboutus_tl .pankuzu {
    width: 100%; }
  div.aboutus_tl div.in {
    max-width: 1080px;
    width: 92%;
    margin: 0 auto;
    padding: 10px 0 0; }
    div.aboutus_tl div.in h2 {
      padding: 40px 0 90px;
      color: #6B3D20;
      font-size: 28px;
      line-height: 180%; }
      @media only screen and (max-width: 667px) {
        div.aboutus_tl div.in h2 {
          font-size: 2rem; } }
      div.aboutus_tl div.in h2 span {
        display: block;
        font-size: 18px;
        color: #FC909D;
        margin: 0 0 30px; }
        @media only screen and (max-width: 667px) {
          div.aboutus_tl div.in h2 span {
            font-size: 1.55rem;
            margin: 0 0 20px; } }

main.aboutus_main {
  padding: 110px 0 100px;
  background-image: url(../images/aboutus/tl_dec_b.svg);
  background-repeat: no-repeat;
  background-position: top -2px center; }
  main.aboutus_main section.cont {
    margin: 0 0 50px; }
    main.aboutus_main section.cont div.cont_box {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row-reverse;
      justify-content: space-between; }
      @media only screen and (max-width: 900px) {
        main.aboutus_main section.cont div.cont_box {
          display: block; } }
      main.aboutus_main section.cont div.cont_box:nth-child(n+2) {
        margin: 50px 0 0; }
      main.aboutus_main section.cont div.cont_box:nth-child(2n) {
        flex-direction: row; }
        main.aboutus_main section.cont div.cont_box:nth-child(2n) div.img_box {
          margin: 0 60px 0 0; }
          @media only screen and (max-width: 900px) {
            main.aboutus_main section.cont div.cont_box:nth-child(2n) div.img_box {
              margin: 0 auto 20px; } }
          main.aboutus_main section.cont div.cont_box:nth-child(2n) div.img_box .sec_img2 {
            margin: 20px 0 0 auto; }
            @media only screen and (max-width: 900px) {
              main.aboutus_main section.cont div.cont_box:nth-child(2n) div.img_box .sec_img2 {
                margin: 20px auto 0; } }
          main.aboutus_main section.cont div.cont_box:nth-child(2n) div.img_box div.dec img {
            margin: 0 0 0 auto; }
        main.aboutus_main section.cont div.cont_box:nth-child(2n) div.txt_box {
          padding: 0 calc((100% - 1080px)/2) 0 0; }
          @media only screen and (max-width: 1150px) {
            main.aboutus_main section.cont div.cont_box:nth-child(2n) div.txt_box {
              padding: 0 4vw 0 0; } }
          main.aboutus_main section.cont div.cont_box:nth-child(2n) div.txt_box div.txt_dec img {
            margin: 70px auto 0 0; }
      main.aboutus_main section.cont div.cont_box div.img_box {
        width: 49vw;
        margin: 0 0 0 60px; }
        @media only screen and (max-width: 900px) {
          main.aboutus_main section.cont div.cont_box div.img_box {
            width: 100%;
            margin: 0 auto 20px; } }
        main.aboutus_main section.cont div.cont_box div.img_box img.sec_img {
          height: 450px !important;
          width: 100% !important;
          object-fit: cover; }
          @media only screen and (max-width: 667px) {
            main.aboutus_main section.cont div.cont_box div.img_box img.sec_img {
              height: 200px !important; } }
        main.aboutus_main section.cont div.cont_box div.img_box div.dec {
          margin: 150px 0 0; }
          @media only screen and (max-width: 900px) {
            main.aboutus_main section.cont div.cont_box div.img_box div.dec {
              display: none; } }
          main.aboutus_main section.cont div.cont_box div.img_box div.dec img {
            margin: 0 auto 0 0; }
      main.aboutus_main section.cont div.cont_box div.txt_box {
        width: calc(49vw - 60px);
        padding: 0 0 0 calc((100% - 1080px)/2); }
        @media only screen and (max-width: 1150px) {
          main.aboutus_main section.cont div.cont_box div.txt_box {
            padding: 0 0 0 4vw; } }
        @media only screen and (max-width: 900px) {
          main.aboutus_main section.cont div.cont_box div.txt_box {
            width: 92%;
            margin: 0 auto;
            padding: 0; } }
        main.aboutus_main section.cont div.cont_box div.txt_box h3 {
          color: #FC909D;
          font-size: 20px;
          line-height: 180%;
          padding: 0 0 20px;
          border-bottom: 1px dashed #333333;
          margin: 0 0 30px; }
          @media only screen and (max-width: 667px) {
            main.aboutus_main section.cont div.cont_box div.txt_box h3 {
              font-size: 1.75rem; } }
        main.aboutus_main section.cont div.cont_box div.txt_box div.txt {
          font-size: 16px;
          line-height: 180%;
          color: #333333; }
          @media only screen and (max-width: 667px) {
            main.aboutus_main section.cont div.cont_box div.txt_box div.txt {
              font-size: 1.45rem; } }
        main.aboutus_main section.cont div.cont_box div.txt_box div.txt_dec img {
          margin: 70px 0 0 auto; }

.faq_main .com_h2 {
  margin: 0 0 10px; }
.faq_main section {
  padding: 60px 0 0; }
  .faq_main section h3 {
    font-size: 20px;
    color: #333333;
    border-bottom: 1px solid #333333;
    font-weight: bold;
    padding: 0 0 20px;
    margin: 0 0 30px; }
    @media only screen and (max-width: 667px) {
      .faq_main section h3 {
        font-size: 1.75rem; } }
  .faq_main section ul.qa_wrap li.qa_box:nth-child(n+2) {
    margin: 30px 0 0; }
  .faq_main section ul.qa_wrap li.qa_box input {
    display: none; }
  .faq_main section ul.qa_wrap li.qa_box .faq_in {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px; }
    @media only screen and (max-width: 667px) {
      .faq_main section ul.qa_wrap li.qa_box .faq_in {
        display: block; } }
    .faq_main section ul.qa_wrap li.qa_box .faq_in .img {
      width: 40px;
      display: block; }
      @media only screen and (max-width: 667px) {
        .faq_main section ul.qa_wrap li.qa_box .faq_in .img {
          margin: 0 auto 20px; } }
    .faq_main section ul.qa_wrap li.qa_box .faq_in .txt_box {
      width: calc(100% - 60px); }
      @media only screen and (max-width: 667px) {
        .faq_main section ul.qa_wrap li.qa_box .faq_in .txt_box {
          width: 100%; } }
  .faq_main section ul.qa_wrap li.qa_box label.faq_q {
    background: #FDC3CA;
    align-items: center; }
    .faq_main section ul.qa_wrap li.qa_box label.faq_q span.tl {
      font-size: 18px;
      color: #333333;
      font-weight: bold;
      letter-spacing: 0.1em; }
      @media only screen and (max-width: 667px) {
        .faq_main section ul.qa_wrap li.qa_box label.faq_q span.tl {
          font-size: 1.55rem; } }
  .faq_main section ul.qa_wrap li.qa_box div.faq_a {
    background: #EDEDED;
    margin: 5px 0 0; }
    .faq_main section ul.qa_wrap li.qa_box div.faq_a div.txt_box div.txt {
      font-size: 16px;
      line-height: 180%;
      color: #333333; }
      @media only screen and (max-width: 667px) {
        .faq_main section ul.qa_wrap li.qa_box div.faq_a div.txt_box div.txt {
          font-size: 1.45rem; } }
      .faq_main section ul.qa_wrap li.qa_box div.faq_a div.txt_box div.txt a {
        color: #3234A1; }
    .faq_main section ul.qa_wrap li.qa_box div.faq_a div.txt_box ul li {
      font-size: 16px;
      line-height: 180%;
      color: #333333;
      padding-left: calc(1em + 10px);
      text-indent: calc(-1em - 10px); }
      .faq_main section ul.qa_wrap li.qa_box div.faq_a div.txt_box ul li:nth-child(n+2) {
        margin: 20px 0 0; }
      .faq_main section ul.qa_wrap li.qa_box div.faq_a div.txt_box ul li span {
        font-weight: bold;
        margin: 0 10px 0 0; }
.faq_main section.sec6 p.txt {
  font-size: 16px;
  line-height: 180%;
  color: #333333;
  text-align: center;
  margin: 0 0 30px; }
  @media only screen and (max-width: 667px) {
    .faq_main section.sec6 p.txt {
      font-size: 1.45rem;
      text-align: left; } }
.faq_main section.sec6 div.bt.cor4_bt {
  margin: 0 auto; }

/*****************************************
お問い合わせ
****************************************/
main.inq_main section.inq_txt {
  margin: 0 0 60px; }
  main.inq_main section.inq_txt div.tyu_txt {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    line-height: 180%;
    margin: 0 0 20px; }
    @media only screen and (max-width: 667px) {
      main.inq_main section.inq_txt div.tyu_txt {
        font-size: 1.56rem; } }
    main.inq_main section.inq_txt div.tyu_txt i.fas.fa-info-circle {
      color: #6B3D20;
      margin: 0 10px 0 0; }
  main.inq_main section.inq_txt div.dog_inq_txt {
    background: #F7F0EA;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    margin: 0 0 20px; }
    @media only screen and (max-width: 667px) {
      main.inq_main section.inq_txt div.dog_inq_txt {
        display: block;
        padding: 30px 4vw; } }
    main.inq_main section.inq_txt div.dog_inq_txt div.img {
      width: 55px; }
      @media only screen and (max-width: 667px) {
        main.inq_main section.inq_txt div.dog_inq_txt div.img {
          margin: 0 auto 20px; } }
    main.inq_main section.inq_txt div.dog_inq_txt div.txt_box {
      width: calc(100% - 75px);
      color: #333333; }
      @media only screen and (max-width: 667px) {
        main.inq_main section.inq_txt div.dog_inq_txt div.txt_box {
          width: 100%; } }
      main.inq_main section.inq_txt div.dog_inq_txt div.txt_box div.tl {
        font-size: 18px;
        font-weight: bold;
        line-height: 18px;
        margin: 0 0 10px; }
        @media only screen and (max-width: 667px) {
          main.inq_main section.inq_txt div.dog_inq_txt div.txt_box div.tl {
            line-height: 180%;
            font-size: 1.56rem; } }
      main.inq_main section.inq_txt div.dog_inq_txt div.txt_box div.txt {
        font-size: 16px;
        color: #333333; }
        @media only screen and (max-width: 667px) {
          main.inq_main section.inq_txt div.dog_inq_txt div.txt_box div.txt {
            font-size: 1.36rem; } }
  main.inq_main section.inq_txt div.qa_txt {
    padding: 30px;
    border: 1px #707070 dashed; }
    @media only screen and (max-width: 667px) {
      main.inq_main section.inq_txt div.qa_txt {
        padding: 30px 4vw; } }
    main.inq_main section.inq_txt div.qa_txt div.tl {
      font-size: 18px;
      font-weight: bold;
      line-height: 18px;
      margin: 0 0 20px; }
      @media only screen and (max-width: 667px) {
        main.inq_main section.inq_txt div.qa_txt div.tl {
          line-height: 180%;
          font-size: 1.55rem; } }
    main.inq_main section.inq_txt div.qa_txt div.bt {
      max-width: 200px;
      margin: 0 0 20px; }
    main.inq_main section.inq_txt div.qa_txt div.txt {
      color: #333333;
      font-size: 16px;
      line-height: 180%; }
      @media only screen and (max-width: 667px) {
        main.inq_main section.inq_txt div.qa_txt div.txt {
          font-size: 1.35rem; } }
      main.inq_main section.inq_txt div.qa_txt div.txt .tyu {
        color: #FC6577; }

/*****************************************
お問い合わせ確認
****************************************/
main.confirm_main div.tyu_txt {
  font-size: 16px;
  color: #333333;
  line-height: 180%;
  margin: 0 0 50px; }

/*****************************************
共通フォーム
****************************************/
table.com_form {
  width: 100%;
  table-layout: fixed;
  margin: 0 0 50px; }
  table.com_form tbody tr {
    border-top: 1px solid #333333; }
    table.com_form tbody tr:last-child {
      border-bottom: 1px solid #333333; }
    table.com_form tbody tr th {
      width: 255px;
      background: #EDEDED;
      padding: 20px 80px 20px 20px;
      position: relative;
      font-size: 16px;
      font-weight: bold;
      color: #333333;
      text-align: left;
      z-index: -1;
      box-sizing: border-box; }
      @media only screen and (max-width: 667px) {
        table.com_form tbody tr th {
          display: block;
          width: 100%;
          font-size: 1.45rem;
          border-bottom: 1px solid #333333; } }
    table.com_form tbody tr td {
      padding: 20px; }
      @media only screen and (max-width: 667px) {
        table.com_form tbody tr td {
          width: 100%;
          display: block;
          padding: 20px 0; } }
      table.com_form tbody tr td select {
        width: 375px;
        padding: 10px;
        border-radius: 0;
        border: 1px solid #333333;
        font-size: 16px;
        color: #333333; }
        @media only screen and (max-width: 667px) {
          table.com_form tbody tr td select {
            width: 100%;
            font-size: 1.45rem; } }
      table.com_form tbody tr td textarea {
        padding: 10px;
        border-radius: 0;
        border: 1px solid #333333;
        font-size: 16px;
        color: #333333;
        line-height: 180%;
        resize: vertical;
        width: 100%; }
        @media only screen and (max-width: 667px) {
          table.com_form tbody tr td textarea {
            font-size: 1.45rem; } }
      table.com_form tbody tr td label {
        font-size: 16px;
        color: #333333; }
        @media only screen and (max-width: 667px) {
          table.com_form tbody tr td label {
            font-size: 1.45rem;
            display: block; }
            table.com_form tbody tr td label:nth-child(n+2) {
              margin: 15px 0 0; } }
      table.com_form tbody tr td input[type="text"], table.com_form tbody tr td input[type="tel"], table.com_form tbody tr td input[type="email"] {
        max-width: 500px;
        width: 100%;
        font-size: 16px;
        padding: 10px;
        border: 1px solid #333333;
        border-radius: 0; }
      table.com_form tbody tr td input[name="age"] {
        width: calc(100% - 25px); }
      table.com_form tbody tr td .error {
        font-size: 1.25rem;
        color: #DB163D; }

.cont_submit {
  padding: 20px;
  color: #fff;
  background: #3234A1;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  width: 160px;
  margin: 0 auto;
  display: block;
  border-radius: 5px;
  border: 1px solid #3234A1;
  transition: 0.6s; }
  @media only screen and (min-width: 1025px) {
    .cont_submit:hover {
      background: #fff;
      color: #3234A1; } }

table.confirm_tb {
  max-width: 680px;
  width: 100%;
  margin: 0 auto 50px;
  table-layout: fixed; }
  table.confirm_tb tbody tr {
    border-top: 1px solid #333333; }
    table.confirm_tb tbody tr:nth-child(n+2) {
      border-bottom: 1px solid #333333; }
    table.confirm_tb tbody tr th {
      width: 200px;
      padding: 20px;
      text-align: left;
      font-weight: bold;
      font-size: 16px;
      color: #333333; }
      @media only screen and (max-width: 667px) {
        table.confirm_tb tbody tr th {
          background: #efefef;
          display: block;
          width: 100%;
          font-size: 1.45rem;
          border-bottom: 1px solid #333333;
          padding: 20px 4vw; } }
    @media only screen and (max-width: 667px) {
      table.confirm_tb tbody tr td {
        display: block;
        width: 100%; } }
    table.confirm_tb tbody tr td div.txt {
      padding: 20px;
      font-size: 16px;
      line-height: 180%;
      color: #333333; }
      @media only screen and (max-width: 667px) {
        table.confirm_tb tbody tr td div.txt {
          font-size: 1.45rem;
          padding: 20px 0; } }
    table.confirm_tb tbody tr td .img_wrap {
      padding: 20px; }
      @media only screen and (max-width: 667px) {
        table.confirm_tb tbody tr td .img_wrap {
          padding: 20px 0; } }

.cont_back {
  padding: 20px;
  border: 1px solid #333333;
  border-radius: 5px;
  color: #333333;
  transition: 0.6s;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  display: block; }
  @media only screen and (min-width: 1025px) {
    .cont_back:hover {
      opacity: 0.6; } }

div.cont_bt_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 377px;
  margin: 0 auto; }
  @media only screen and (max-width: 667px) {
    div.cont_bt_wrap {
      display: block;
      width: 50%; } }
  div.cont_bt_wrap a.cont_back {
    width: calc((100% - 20px)/2); }
    @media only screen and (max-width: 667px) {
      div.cont_bt_wrap a.cont_back {
        width: 100%;
        margin: 0 0 10px; } }
  div.cont_bt_wrap .cont_submit {
    width: calc((100% - 20px)/2) !important; }
    @media only screen and (max-width: 667px) {
      div.cont_bt_wrap .cont_submit {
        width: 100% !important; } }

/*****************************************
ssl化テキスト
****************************************/
.ssl_txt {
  padding: 10px 0 10px 80px;
  font-size: 16px;
  line-height: 180%;
  color: #333333;
  background-image: url(../images/contact/ssl_icon.svg);
  background-size: 70px;
  background-position: left center;
  background-repeat: no-repeat;
  margin: 50px 0 0; }
  @media only screen and (max-width: 667px) {
    .ssl_txt {
      font-size: 1.45rem; } }

main.index_main section.mv {
  position: relative; }
  main.index_main section.mv div.pick_txt a {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    padding: 10px 0;
    background: #f53a3a; }
    @media only screen and (max-width: 667px) {
      main.index_main section.mv div.pick_txt a {
        font-size: 14px; } }
    main.index_main section.mv div.pick_txt a span {
      display: inline-block;
      padding: 5px;
      color: #f53a3a;
      background: #ffffff;
      font-size: 14px;
      line-height: 14px;
      margin: 0 10px 0 0; }
      @media only screen and (max-width: 667px) {
        main.index_main section.mv div.pick_txt a span {
          font-size: 11px; } }
    @media only screen and (min-width: 1025px) {
      main.index_main section.mv div.pick_txt a:hover {
        opacity: 0.6; } }
  main.index_main section.mv div.mv_box {
    position: relative; }
    main.index_main section.mv div.mv_box div.img {
      position: relative;
      width: 100%;
      z-index: 0;
      overflow: hidden;
      height: calc(100vh - 135px);
      min-height: 680px; }
      @media only screen and (max-width: 800px) {
        main.index_main section.mv div.mv_box div.img {
          height: 530px;
          min-height: auto; } }
      main.index_main section.mv div.mv_box div.img img.mv_img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        transform: scale(1.5);
        transition: 0.6s;
        transition-delay: 0.2s;
        opacity: 0; }
      main.index_main section.mv div.mv_box div.img .mv_open {
        opacity: 1 !important;
        transform: scale(1) !important; }
      main.index_main section.mv div.mv_box div.img div.main_txt {
        max-width: 1080px;
        width: 92%;
        margin: 0 auto;
        position: absolute;
        bottom: 200px;
        left: 0;
        right: 0;
        z-index: 1; }
        @media only screen and (max-width: 800px) {
          main.index_main section.mv div.mv_box div.img div.main_txt {
            bottom: 20px;
            left: 0;
            margin: 0 0 0 4vw;
            right: auto;
            max-width: 300px;
            width: 50%; } }
        main.index_main section.mv div.mv_box div.img div.main_txt img {
          max-width: 415px;
          width: 92%;
          margin: 0 0 0 auto !important; }
          @media only screen and (max-width: 800px) {
            main.index_main section.mv div.mv_box div.img div.main_txt img {
              margin: 0 auto !important;
              width: 100%; } }
      main.index_main section.mv div.mv_box div.img .mv_bree_bn {
        max-width: 1080px;
        width: 92%;
        position: absolute;
        top: 30px;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 1; }
        @media only screen and (max-width: 800px) {
          main.index_main section.mv div.mv_box div.img .mv_bree_bn {
            bottom: 20px;
            top: auto;
            left: auto;
            right: 0;
            margin: 0 4vw 0 0;
            max-width: 270px;
            width: 40%; } }
        main.index_main section.mv div.mv_box div.img .mv_bree_bn .bree_bn_box {
          position: absolute;
          left: -80px; }
          @media only screen and (max-width: 1280px) {
            main.index_main section.mv div.mv_box div.img .mv_bree_bn .bree_bn_box {
              left: 0; } }
          @media only screen and (max-width: 800px) {
            main.index_main section.mv div.mv_box div.img .mv_bree_bn .bree_bn_box {
              left: auto;
              position: relative; } }
          main.index_main section.mv div.mv_box div.img .mv_bree_bn .bree_bn_box a {
            transition: 0.6s;
            display: inline-block; }
            @media only screen and (min-width: 1025px) {
              main.index_main section.mv div.mv_box div.img .mv_bree_bn .bree_bn_box a:hover {
                opacity: 0.6; } }
            main.index_main section.mv div.mv_box div.img .mv_bree_bn .bree_bn_box a img {
              width: 270px;
              margin: 0; }
              @media only screen and (max-width: 800px) {
                main.index_main section.mv div.mv_box div.img .mv_bree_bn .bree_bn_box a img {
                  width: 100%; } }
    @media only screen and (max-width: 800px) {
      main.index_main section.mv div.mv_box .sp_mv_txt_box {
        padding: 50px 0 0; } }
    main.index_main section.mv div.mv_box .sp_mv_txt_box div.mv_movie {
      margin: 0 0 20px;
      position: absolute;
      width: 92%;
      max-width: 1080px;
      margin: 0 auto;
      left: 0;
      right: 0;
      bottom: 165px; }
      @media only screen and (max-width: 800px) {
        main.index_main section.mv div.mv_box .sp_mv_txt_box div.mv_movie {
          bottom: auto;
          left: auto;
          right: auto;
          position: relative; } }
      main.index_main section.mv div.mv_box .sp_mv_txt_box div.mv_movie .mv_movie_box {
        width: 300px; }
        @media only screen and (max-width: 800px) {
          main.index_main section.mv div.mv_box .sp_mv_txt_box div.mv_movie .mv_movie_box {
            width: 100%;
            height: 0;
            padding: 60% 0 0; }
            main.index_main section.mv div.mv_box .sp_mv_txt_box div.mv_movie .mv_movie_box iframe {
              width: 100% !important;
              height: 100% !important;
              position: absolute;
              left: 0;
              top: 0; } }
        main.index_main section.mv div.mv_box .sp_mv_txt_box div.mv_movie .mv_movie_box .mv_movie_in {
          height: 170px;
          background-size: cover;
          background-position: center;
          display: -webkit-flex;
          display: -ms-flex;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer; }
          @media only screen and (max-width: 800px) {
            main.index_main section.mv div.mv_box .sp_mv_txt_box div.mv_movie .mv_movie_box .mv_movie_in {
              height: 100%; } }
          main.index_main section.mv div.mv_box .sp_mv_txt_box div.mv_movie .mv_movie_box .mv_movie_in h2 {
            font-size: 16px;
            text-align: center;
            color: #fff; }
            @media only screen and (max-width: 667px) {
              main.index_main section.mv div.mv_box .sp_mv_txt_box div.mv_movie .mv_movie_box .mv_movie_in h2 {
                font-size: 12px; } }
            main.index_main section.mv div.mv_box .sp_mv_txt_box div.mv_movie .mv_movie_box .mv_movie_in h2 i {
              margin: 0 10px 0 0; }
          main.index_main section.mv div.mv_box .sp_mv_txt_box div.mv_movie .mv_movie_box .mv_movie_in .play_img {
            margin: 0 0 10px; }
            main.index_main section.mv div.mv_box .sp_mv_txt_box div.mv_movie .mv_movie_box .mv_movie_in .play_img img {
              width: 50px; }
              @media only screen and (max-width: 800px) {
                main.index_main section.mv div.mv_box .sp_mv_txt_box div.mv_movie .mv_movie_box .mv_movie_in .play_img img {
                  width: 30px; } }
        main.index_main section.mv div.mv_box .sp_mv_txt_box div.mv_movie .mv_movie_box .movie_pop_open {
          margin: 10px 0 0;
          padding: 10px;
          text-align: center;
          cursor: pointer;
          background: #6B3D20;
          color: #fff;
          font-size: 14px;
          font-weight: 600;
          letter-spacing: 0.1em; }
          @media only screen and (max-width: 667px) {
            main.index_main section.mv div.mv_box .sp_mv_txt_box div.mv_movie .mv_movie_box .movie_pop_open {
              font-size: 11px; } }
        main.index_main section.mv div.mv_box .sp_mv_txt_box div.mv_movie .mv_movie_box #auto-play-video {
          width: 100%;
          height: 90px; }
    main.index_main section.mv div.mv_box .mv_txt {
      position: absolute;
      text-align: center;
      font-size: 18px;
      font-weight: 600;
      line-height: 180%;
      color: #6B3D20;
      bottom: 30px;
      left: 0;
      right: 0;
      margin: 0 auto;
      letter-spacing: 0.05em;
      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); }
      @media only screen and (max-width: 800px) {
        main.index_main section.mv div.mv_box .mv_txt {
          font-size: 1.55rem;
          width: 92%;
          bottom: auto;
          position: relative;
          padding: 30px 0 0;
          text-align: left;
          margin: 36px auto 0; } }
  main.index_main section.mv .bn {
    background: #FC909D;
    padding: 20px 0; }
    @media only screen and (max-width: 800px) {
      main.index_main section.mv .bn {
        background: #fff;
        padding: 20px 0 50px;
        position: relative;
        bottom: auto; } }
    main.index_main section.mv .bn ul {
      width: 92%;
      max-width: 1080px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      main.index_main section.mv .bn ul li {
        width: calc((100% - 30px) / 3); }
        main.index_main section.mv .bn ul li a {
          display: block; }
          @media only screen and (min-width: 1026px) {
            main.index_main section.mv .bn ul li a:hover {
              opacity: 0.6; } }
      @media only screen and (max-width: 800px) {
        main.index_main section.mv .bn ul li {
          width: calc((100% - 10px) / 2); }
          main.index_main section.mv .bn ul li:nth-child(n + 3) {
            width: 100%;
            margin: 10px 0 0; } }
    main.index_main section.mv .bn .mv_bn_100w {
      width: 92%;
      max-width: 1080px;
      margin: 15px auto 0; }
      @media only screen and (min-width: 1026px) {
        main.index_main section.mv .bn .mv_bn_100w a:hover {
          opacity: 0.6; } }
main.index_main section.sec1 {
  background: #FC909D;
  padding: 50px 0 35px; }
  main.index_main section.sec1 h2 {
    position: relative;
    padding: 0 0 0 180px;
    display: table;
    margin: 0 auto 50px;
    font-size: 32px;
    font-weight: bold;
    background: url(../images/index/tyu_dec2.svg) no-repeat;
    background-position: left 0 bottom 0;
    background-size: contain;
    color: #6B3D20; }
    @media only screen and (max-width: 667px) {
      main.index_main section.sec1 h2 {
        font-size: 2rem;
        width: 92%;
        font-size: 2rem;
        background-size: 100px;
        padding: 0 0 0 110px; } }
    main.index_main section.sec1 h2 .dec1,
    main.index_main section.sec1 h2 .dec2 {
      position: absolute;
      width: 160px;
      top: 50%;
      transform: translateY(-50%); }
    main.index_main section.sec1 h2 div.dec1 {
      left: -200px; }
    main.index_main section.sec1 h2 div.dec2 {
      right: -200px; }
  main.index_main section.sec1 ul.dog_list {
    max-width: 1080px;
    width: 92%;
    margin: 0 auto; }
main.index_main .sec2 {
  max-width: 1080px;
  width: 92%;
  margin: 0 auto;
  padding: 50px 0; }
  main.index_main .sec2 div.about_bn {
    position: relative;
    margin: 0 0 20px; }
    main.index_main .sec2 div.about_bn a {
      padding: 0 200px 0 0;
      display: block; }
      @media only screen and (max-width: 960px) {
        main.index_main .sec2 div.about_bn a {
          padding: 0; } }
      @media only screen and (min-width: 1026px) {
        main.index_main .sec2 div.about_bn a:hover {
          opacity: 0.6; }
          main.index_main .sec2 div.about_bn a:hover .img img {
            transform: scale(1.3); } }
      main.index_main .sec2 div.about_bn a span {
        display: block; }
      main.index_main .sec2 div.about_bn a span.tl_box {
        padding: 20px;
        background: #FC909D;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media only screen and (max-width: 960px) {
          main.index_main .sec2 div.about_bn a span.tl_box {
            display: block;
            padding: 20px calc(4vw + 150px) 20px 4vw;
            position: relative; } }
        @media only screen and (max-width: 667px) {
          main.index_main .sec2 div.about_bn a span.tl_box {
            padding: 10px calc(4vw + 100px) 10px 4vw; } }
        main.index_main .sec2 div.about_bn a span.tl_box span.tl {
          padding: 0 0 0 50px;
          font-size: 28px;
          font-weight: bold;
          color: #fff;
          background: url(../images/index/about_bn_tl.svg) no-repeat;
          background-position: left 0 bottom 0;
          background-size: contain; }
          @media only screen and (max-width: 960px) {
            main.index_main .sec2 div.about_bn a span.tl_box span.tl {
              margin: 0 0 10px; } }
          @media only screen and (max-width: 667px) {
            main.index_main .sec2 div.about_bn a span.tl_box span.tl {
              font-size: 2rem; } }
        main.index_main .sec2 div.about_bn a span.tl_box span.txt {
          display: table;
          padding: 10px 20px;
          background: #fff;
          color: #FC909D;
          font-size: 18px;
          font-weight: bold;
          line-height: 18px;
          border-radius: 100px; }
          @media only screen and (max-width: 960px) {
            main.index_main .sec2 div.about_bn a span.tl_box span.txt {
              font-size: 1.45rem;
              line-height: 1.45rem; } }
          @media only screen and (max-width: 667px) {
            main.index_main .sec2 div.about_bn a span.tl_box span.txt {
              font-size: 1.25rem;
              line-height: 140%; } }
        main.index_main .sec2 div.about_bn a span.tl_box span.img {
          position: absolute;
          right: 0;
          top: 0;
          height: 100%;
          overflow: hidden;
          width: 200px; }
          @media only screen and (max-width: 960px) {
            main.index_main .sec2 div.about_bn a span.tl_box span.img {
              width: 150px; } }
          @media only screen and (max-width: 667px) {
            main.index_main .sec2 div.about_bn a span.tl_box span.img {
              width: 100px; } }
          main.index_main .sec2 div.about_bn a span.tl_box span.img img {
            transition: 0.6s;
            height: 100% !important;
            width: 100% !important;
            object-fit: cover; }
      main.index_main .sec2 div.about_bn a span.txt_box {
        background: #F7F0EA;
        padding: 10px 20px;
        position: relative; }
        @media only screen and (max-width: 960px) {
          main.index_main .sec2 div.about_bn a span.txt_box {
            width: 100%;
            padding: 20px 4vw; } }
        @media only screen and (max-width: 667px) {
          main.index_main .sec2 div.about_bn a span.txt_box {
            padding: 20px 4vw 35px; } }
        main.index_main .sec2 div.about_bn a span.txt_box ul li {
          background: url(../images/index/about_bn_icon.svg) no-repeat;
          background-size: 24px;
          background-position: left 0 top 0;
          font-size: 16px;
          font-weight: bold;
          color: #333333;
          padding: 0 0 0 30px; }
          @media only screen and (max-width: 667px) {
            main.index_main .sec2 div.about_bn a span.txt_box ul li {
              font-size: 1.25rem; } }
          main.index_main .sec2 div.about_bn a span.txt_box ul li:nth-child(n + 2) {
            margin: 10px 0 0; }
        main.index_main .sec2 div.about_bn a span.txt_box span.next_txt {
          position: absolute;
          right: 20px;
          bottom: 20px; }
          @media only screen and (max-width: 960px) {
            main.index_main .sec2 div.about_bn a span.txt_box span.next_txt {
              right: 4vw; } }
          @media only screen and (max-width: 667px) {
            main.index_main .sec2 div.about_bn a span.txt_box span.next_txt {
              bottom: 5px; } }
  main.index_main .sec2 div.favor_use {
    border-radius: 10px;
    border: 1px solid #FC6577;
    margin: 0 0 40px; }
    main.index_main .sec2 div.favor_use a {
      display: block;
      padding: 20px;
      color: #FC6577;
      font-size: 24px;
      font-weight: bold;
      position: relative; }
      @media only screen and (min-width: 1025px) {
        main.index_main .sec2 div.favor_use a:hover {
          opacity: 0.6; } }
      @media only screen and (max-width: 667px) {
        main.index_main .sec2 div.favor_use a {
          padding: 15px 4vw;
          font-size: 1.45rem;
          text-align: center; } }
      main.index_main .sec2 div.favor_use a i {
        margin: 0 10px 0 0; }
      main.index_main .sec2 div.favor_use a span.next_txt {
        position: absolute;
        right: 20px;
        bottom: 25px;
        color: #FC6577; }
        @media only screen and (max-width: 667px) {
          main.index_main .sec2 div.favor_use a span.next_txt {
            position: relative;
            right: auto;
            bottom: auto;
            text-align: right; } }
  main.index_main .sec2 div.bt.cor1_bt {
    margin: 0 auto 50px; }
  main.index_main .sec2 .sec_h2 {
    margin: 0 0 30px; }
  main.index_main .sec2 .new_list .new_tag {
    display: block !important; }
  main.index_main .sec2 div.bt.cor2_bt {
    margin: 20px auto 40px; }
  main.index_main .sec2 div.bn_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 30px; }
    main.index_main .sec2 div.bn_box div.bn {
      width: calc((100% - 40px) / 2);
      overflow: hidden;
      position: relative; }
      main.index_main .sec2 div.bn_box div.bn img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover;
        transition: 0.6s; }
      main.index_main .sec2 div.bn_box div.bn:nth-child(1) a .txt {
        background: rgba(120, 191, 6, 0.8); }
        main.index_main .sec2 div.bn_box div.bn:nth-child(1) a .txt::after {
          background: url(../images/index/link_dec1.png) no-repeat;
          background-size: auto 100%;
          background-position: right; }
      main.index_main .sec2 div.bn_box div.bn:nth-child(2) a .txt {
        background: rgba(105, 190, 190, 0.8); }
        main.index_main .sec2 div.bn_box div.bn:nth-child(2) a .txt::after {
          background: url(../images/index/link_dec2.png) no-repeat;
          background-size: auto 100%;
          background-position: right; }
      @media only screen and (min-width: 1025px) {
        main.index_main .sec2 div.bn_box div.bn:hover img {
          transform: scale(1.3); } }
      main.index_main .sec2 div.bn_box div.bn a {
        display: block;
        height: 200px;
        position: relative; }
        main.index_main .sec2 div.bn_box div.bn a span.txt {
          position: absolute;
          left: 0;
          bottom: 0;
          font-size: 20px;
          color: #fff;
          font-weight: 500;
          padding: 10px 30px 10px 25px; }
          main.index_main .sec2 div.bn_box div.bn a span.txt::after {
            position: absolute;
            content: "";
            height: 100%;
            width: 8px;
            right: -8px;
            top: 0; }
          main.index_main .sec2 div.bn_box div.bn a span.txt span {
            font-size: 28px; }
  main.index_main .sec2 div.dty_bn {
    max-width: 600px;
    width: 100%;
    margin: 0 auto; }
    main.index_main .sec2 div.dty_bn a {
      display: block;
      padding: 30px 30px 30px 316px;
      border-radius: 10px;
      text-align: right;
      background-image: url(../images/common/link_dog.svg);
      background-repeat: no-repeat;
      background-color: #6B3D20;
      background-size: 258px;
      background-position: left 30px top 30px;
      transition: 0.6s; }
      @media only screen and (min-width: 1025px) {
        main.index_main .sec2 div.dty_bn a:hover {
          opacity: 0.6; } }
      main.index_main .sec2 div.dty_bn a span.txt {
        color: #fff;
        display: block;
        font-size: 28px;
        font-weight: 500;
        line-height: 28px;
        margin: 0 0 20px; }
      main.index_main .sec2 div.dty_bn a span.next_txt {
        color: #fff;
        background-image: url(../images/common/next_arrow2.svg) !important; }
  main.index_main .sec2 .dty_bn2 {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    transition: 0.6s; }
    @media only screen and (min-width: 1025px) {
      main.index_main .sec2 .dty_bn2:hover {
        opacity: 0.6; } }
main.index_main div.sec_bg {
  height: 440px;
  background-position: center;
  background-size: cover; }
  @media only screen and (max-width: 667px) {
    main.index_main div.sec_bg {
      height: 200px; } }
main.index_main div.sec_bg1 {
  background-image: url(../images/index/sec_bg1.jpg); }
main.index_main .sec_bg2 {
  background-image: url(../images/index/sec_bg2.jpg); }
main.index_main section.sec3 {
  padding: 50px 0;
  max-width: 1080px;
  width: 92%;
  margin: 0 auto; }
  main.index_main section.sec3 .sec_h2 {
    padding: 10px 0 10px 70px;
    text-align: left;
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-size: 36px; }
  main.index_main section.sec3 div.omu_bn a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media only screen and (max-width: 900px) {
      main.index_main section.sec3 div.omu_bn a {
        display: block; } }
    @media only screen and (min-width: 1025px) {
      main.index_main section.sec3 div.omu_bn a:hover {
        opacity: 0.6; } }
    main.index_main section.sec3 div.omu_bn a span {
      display: block; }
    main.index_main section.sec3 div.omu_bn a span.box_l {
      width: calc(100% - 200px);
      border: 1px solid #6B3D20; }
      @media only screen and (max-width: 900px) {
        main.index_main section.sec3 div.omu_bn a span.box_l {
          width: 100%; } }
      main.index_main section.sec3 div.omu_bn a span.box_l span.tl {
        padding: 15px 20px;
        position: relative;
        background: #F7F0EA;
        font-size: 28px;
        color: #6B3D20;
        font-weight: 500;
        line-height: 40px;
        margin: 0 0 7px; }
        @media only screen and (max-width: 667px) {
          main.index_main section.sec3 div.omu_bn a span.box_l span.tl {
            font-size: 1.75rem;
            text-align: center; } }
        main.index_main section.sec3 div.omu_bn a span.box_l span.tl::after {
          position: absolute;
          height: 7px;
          width: 100%;
          content: "";
          background: url(../images/common/omu_dec2.svg) repeat-x;
          left: 0;
          bottom: -7px; }
        main.index_main section.sec3 div.omu_bn a span.box_l span.tl span {
          display: inline;
          padding: 7px 15px;
          background: #6B3D20;
          text-align: center;
          color: #fff;
          margin: 0 10px 0 0;
          font-size: 16px;
          line-height: 16px;
          border-radius: 100px; }
          @media only screen and (max-width: 667px) {
            main.index_main section.sec3 div.omu_bn a span.box_l span.tl span {
              display: table;
              margin: 0 auto 10px;
              font-size: 1.25rem; } }
      main.index_main section.sec3 div.omu_bn a span.box_l span.txt_box {
        padding: 20px; }
        main.index_main section.sec3 div.omu_bn a span.box_l span.txt_box ul {
          display: flex;
          flex-wrap: wrap; }
          main.index_main section.sec3 div.omu_bn a span.box_l span.txt_box ul li {
            width: calc((100% - 60px) / 4);
            color: #333333;
            font-size: 18px;
            font-weight: 500; }
            main.index_main section.sec3 div.omu_bn a span.box_l span.txt_box ul li i.fas.fa-chevron-circle-right {
              color: #6B3D20;
              margin: 0 10px 0 0; }
            @media only screen and (min-width: 667px) {
              main.index_main section.sec3 div.omu_bn a span.box_l span.txt_box ul li:nth-child(n + 5) {
                margin: 10px 0 0; } }
            @media only screen and (max-width: 667px) {
              main.index_main section.sec3 div.omu_bn a span.box_l span.txt_box ul li {
                font-size: 1.35rem;
                width: calc((100% - 5px) / 2); }
                main.index_main section.sec3 div.omu_bn a span.box_l span.txt_box ul li:nth-child(n + 3) {
                  margin: 10px 0 0; } }
    main.index_main section.sec3 div.omu_bn a span.box_r {
      width: 200px;
      background: #6B3D20;
      padding: 35px 30px; }
      @media only screen and (max-width: 900px) {
        main.index_main section.sec3 div.omu_bn a span.box_r {
          width: 100%;
          padding: 15px 4vw; } }
      main.index_main section.sec3 div.omu_bn a span.box_r span.img {
        margin: 0 0 30px; }
        @media only screen and (max-width: 900px) {
          main.index_main section.sec3 div.omu_bn a span.box_r span.img {
            display: none; } }
      main.index_main section.sec3 div.omu_bn a span.box_r span.next_txt {
        background-image: url(../images/common/next_arrow2.svg) !important;
        color: #fff !important; }
  main.index_main section.sec3 div.flow_bn {
    max-width: 500px;
    width: 100%;
    text-align: center;
    margin: 30px auto 50px; }
    main.index_main section.sec3 div.flow_bn a {
      display: block;
      color: #fff;
      font-size: 28px;
      font-weight: 500;
      background: #65DECC;
      padding: 20px 0; }
      @media only screen and (min-width: 1025px) {
        main.index_main section.sec3 div.flow_bn a:hover {
          opacity: 0.6; } }
      @media only screen and (max-width: 667px) {
        main.index_main section.sec3 div.flow_bn a {
          font-size: 1.75rem; } }
      main.index_main section.sec3 div.flow_bn a i {
        margin: 0 10px 0 0; }
  main.index_main section.sec3 div.sec3_in3 h2.sec_h2 {
    background-image: url(../images/index/h2_icon3.svg);
    margin: 0 0 30px; }
  main.index_main section.sec3 div.sec3_in3 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 50px; }
    main.index_main section.sec3 div.sec3_in3 ul li {
      width: calc((100% - 45px) / 4); }
      @media only screen and (max-width: 1024px) {
        main.index_main section.sec3 div.sec3_in3 ul li {
          width: calc((100% - 15px) / 2); }
          main.index_main section.sec3 div.sec3_in3 ul li:nth-child(n + 3) {
            margin: 15px 0 0; } }
      main.index_main section.sec3 div.sec3_in3 ul li a {
        display: block;
        border-radius: 10px;
        border: 2px #6B3D20 dotted;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 15px 30px; }
        @media only screen and (min-width: 1025px) {
          main.index_main section.sec3 div.sec3_in3 ul li a:hover {
            opacity: 0.6; } }
        main.index_main section.sec3 div.sec3_in3 ul li a span.tl {
          display: block;
          width: calc(100% - 112px);
          font-size: 20px;
          color: #6B3D20;
          font-weight: 500; }
          @media only screen and (max-width: 667px) {
            main.index_main section.sec3 div.sec3_in3 ul li a span.tl {
              width: calc(100% - 42px);
              font-size: 1.25rem; } }
        main.index_main section.sec3 div.sec3_in3 ul li a span.img {
          display: block;
          width: 92px; }
          @media only screen and (max-width: 667px) {
            main.index_main section.sec3 div.sec3_in3 ul li a span.img {
              width: 42px; } }
  main.index_main section.sec3 div.sec3_in4 ul.temp_bt {
    margin: 0 0 50px; }
  main.index_main section.sec3 div.sec3_in4 h2.sec_h2 {
    background-image: url(../images/index/h2_icon4.svg);
    margin: 0 0 30px; }
  main.index_main section.sec3 div.sec3_in4 div.bt.cor3_bt {
    margin: 0px auto; }
main.index_main div.sec_bg.sec_bg2 div.in {
  max-width: 1080px;
  width: 92%;
  margin: 0 auto;
  position: relative;
  height: 100%; }
  main.index_main div.sec_bg.sec_bg2 div.in div.txt_box {
    position: absolute;
    bottom: 30px;
    right: 0;
    padding: 30px;
    background: rgba(255, 255, 255, 0.7); }
    main.index_main div.sec_bg.sec_bg2 div.in div.txt_box div.txt {
      font-size: 20px;
      line-height: 180%;
      color: #333333;
      margin: 0 0 20px; }
    main.index_main div.sec_bg.sec_bg2 div.in div.txt_box div.img {
      width: 280px; }
main.index_main section.sec4 {
  padding: 50px 0 0;
  max-width: 1080px;
  width: 92%;
  margin: 0 auto; }
  main.index_main section.sec4 ul {
    margin: 0 0 50px; }
    main.index_main section.sec4 ul li {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      flex-direction: row-reverse; }
      @media only screen and (max-width: 900px) {
        main.index_main section.sec4 ul li {
          display: block;
          max-width: 520px;
          margin: 40px auto 0; } }
      main.index_main section.sec4 ul li:nth-child(n + 2) {
        margin: 40px 0 0; }
        @media only screen and (max-width: 900px) {
          main.index_main section.sec4 ul li:nth-child(n + 2) {
            margin: 40px auto 0; } }
      main.index_main section.sec4 ul li div.img {
        width: 520px; }
        @media only screen and (max-width: 950px) {
          main.index_main section.sec4 ul li div.img {
            width: 100%; } }
      main.index_main section.sec4 ul li div.txt_box {
        width: calc(100% - 550px); }
        @media only screen and (max-width: 900px) {
          main.index_main section.sec4 ul li div.txt_box {
            width: 100%;
            margin: 20px 0 0; } }
        main.index_main section.sec4 ul li div.txt_box div.tl {
          padding: 0 0 0 50px;
          font-size: 28px;
          font-weight: 500;
          background-image: url(../images/index/sec3_icon.svg);
          background-repeat: no-repeat;
          background-position: left 0 top 0;
          background-size: 40px 40px;
          margin: 0 0 20px; }
          @media only screen and (max-width: 667px) {
            main.index_main section.sec4 ul li div.txt_box div.tl {
              font-size: 1.75rem;
              background-size: 25px 25px; } }
        main.index_main section.sec4 ul li div.txt_box div.txt {
          font-size: 16px;
          line-height: 180%;
          color: #333333; }
          @media only screen and (max-width: 667px) {
            main.index_main section.sec4 ul li div.txt_box div.txt {
              font-size: 1.45rem; } }
  main.index_main section.sec4 div.bn_wrap {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media only screen and (max-width: 950px) {
      main.index_main section.sec4 div.bn_wrap {
        display: block; } }
    main.index_main section.sec4 div.bn_wrap div.bn {
      width: 433px; }
      @media only screen and (max-width: 950px) {
        main.index_main section.sec4 div.bn_wrap div.bn {
          margin: 0 auto; }
          main.index_main section.sec4 div.bn_wrap div.bn:nth-child(n + 2) {
            margin: 20px auto 0; } }
      @media only screen and (max-width: 667px) {
        main.index_main section.sec4 div.bn_wrap div.bn {
          width: 100%; } }
      main.index_main section.sec4 div.bn_wrap div.bn a {
        display: block; }
        @media only screen and (min-width: 1025px) {
          main.index_main section.sec4 div.bn_wrap div.bn a:hover {
            opacity: 0.6; } }

div.open_movie {
  position: fixed;
  left: 0;
  top: 0;
  background: #F7F0EA;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  pointer-events: none;
  transition: 0.6s; }
  div.open_movie .m_popu_logo {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 410px; }
    @media only screen and (max-width: 667px) {
      div.open_movie .m_popu_logo {
        width: 40%;
        min-width: 200px; } }
  div.open_movie div.in {
    width: 92vw;
    max-width: 800px;
    height: 100%;
    margin: auto;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center; }
    div.open_movie div.in .movie {
      position: relative;
      padding-bottom: 56.25%;
      /*アスペクト比 16:9の場合の縦幅*/
      width: 100%; }
      div.open_movie div.in .movie iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  div.open_movie div.close_movie {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 100px;
    cursor: pointer; }
    @media only screen and (max-width: 800px) {
      div.open_movie div.close_movie {
        width: 70px; } }

.open_movie.open {
  opacity: 1 !important;
  pointer-events: auto !important; }

div.f_fix_bt_wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 6; }
  div.f_fix_bt_wrap input.f_fix_check {
    display: none; }
  div.f_fix_bt_wrap label.f_fix_label {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1.65rem;
    padding: 10px 4%;
    background: #6B3D20;
    width: 100%;
    color: #fff;
    text-align: center;
    z-index: 1; }
    div.f_fix_bt_wrap label.f_fix_label i.fas.fa-search {
      position: absolute;
      left: 4%;
      bottom: 10px; }
    div.f_fix_bt_wrap label.f_fix_label span {
      position: absolute;
      right: 4%;
      bottom: 10px; }
    div.f_fix_bt_wrap label.f_fix_label span.on {
      display: none; }
  div.f_fix_bt_wrap div.f_fix_cont {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.6s;
    background: #fff;
    z-index: -1;
    margin: 0 0 46px; }
    div.f_fix_bt_wrap div.f_fix_cont ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      div.f_fix_bt_wrap div.f_fix_cont ul li {
        width: calc((100% - 10px)/2);
        background: #fff;
        border-radius: 10px;
        transition: 0.6s;
        border: 2px solid #6B3D20; }
        @media only screen and (min-width: 1025px) {
          div.f_fix_bt_wrap div.f_fix_cont ul li:hover {
            opacity: 0.6; } }
        div.f_fix_bt_wrap div.f_fix_cont ul li:nth-child(n+3) {
          margin: 10px 0 0; }
        div.f_fix_bt_wrap div.f_fix_cont ul li a {
          text-align: center;
          display: block;
          padding: 20px 0;
          font-size: 14px;
          font-weight: bold;
          color: #6B3D20; }
          div.f_fix_bt_wrap div.f_fix_cont ul li a .img {
            display: block;
            width: 45px;
            margin: 0 auto 10px; }
  div.f_fix_bt_wrap .f_fix_check:checked + .f_fix_label .off {
    display: none; }
  div.f_fix_bt_wrap .f_fix_check:checked + .f_fix_label .on {
    display: block !important; }
  div.f_fix_bt_wrap .f_fix_check:checked + .f_fix_label + .f_fix_cont {
    max-height: 500px;
    opacity: 1;
    padding: 20px 4%;
    visibility: visible; }

/*****************************************
footer
****************************************/
footer {
  background: #F7F0EA;
  padding: 60px 0 30px; }
  @media only screen and (max-width: 667px) {
    footer {
      padding: 0 0 20px; } }
  footer div.in {
    width: 92%;
    max-width: 1080px;
    margin: 0 auto; }
    @media only screen and (max-width: 667px) {
      footer div.in {
        width: 100%; } }
    footer div.in .f_menu {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0 0 60px; }
      footer div.in .f_menu div.box {
        width: calc((100% - 120px)/3); }
        @media only screen and (max-width: 900px) {
          footer div.in .f_menu div.box {
            width: calc((100% - 90px)/3); } }
        footer div.in .f_menu div.box ul {
          margin: 0 0 40px; }
          footer div.in .f_menu div.box ul:last-child {
            margin: 0; }
          footer div.in .f_menu div.box ul li:nth-child(n+2) {
            margin: 20px 0 0; }
          footer div.in .f_menu div.box ul li a {
            font-size: 16px;
            color: #707070;
            line-height: 16px; }
            footer div.in .f_menu div.box ul li a i {
              margin: 0 10px 0 0; }
            @media only screen and (max-width: 900px) {
              footer div.in .f_menu div.box ul li a {
                font-size: 1.25rem;
                line-height: 160%; } }
            @media only screen and (min-width: 1025px) {
              footer div.in .f_menu div.box ul li a:hover {
                opacity: 0.6; } }
        footer div.in .f_menu div.box div.tl {
          font-size: 18px;
          font-weight: bold;
          color: #333333;
          line-height: 18px;
          padding: 0 0 15px;
          border-bottom: 1px solid #333333;
          margin: 0 0 20px; }
          @media only screen and (max-width: 900px) {
            footer div.in .f_menu div.box div.tl {
              font-size: 1.6rem; } }
    footer div.in div.sp_f div.page_top {
      background: #f1f1f1; }
      footer div.in div.sp_f div.page_top a {
        display: block;
        padding: 20px 0;
        text-align: center;
        font-size: 1.55rem; }
        footer div.in div.sp_f div.page_top a i.fas.fa-chevron-up {
          font-size: 20px;
          display: block;
          margin: 0 0 10px; }
    footer div.in div.sp_f ul {
      width: 92%;
      margin: 0 auto;
      padding: 50px 0; }
      footer div.in div.sp_f ul li:nth-child(n+2) {
        margin: 10px 0 0; }
      footer div.in div.sp_f ul li a {
        font-size: 1.45rem;
        color: #333333; }
    footer div.in div.logo {
      max-width: 400px;
      width: 60%; }
      @media only screen and (max-width: 667px) {
        footer div.in div.logo {
          margin: 0 auto 20px;
          width: 80%; } }
      footer div.in div.logo div.txt {
        font-size: 12px;
        line-height: 12px;
        margin: 0 0 10px;
        color: #707070;
        text-align: center;
        font-feature-settings: "palt" 1; }
        @media only screen and (max-width: 667px) {
          footer div.in div.logo div.txt {
            font-size: 11px;
            line-height: 160%; } }
    footer div.in p.copy {
      text-align: right;
      font-size: 12px;
      color: #333333; }
      @media only screen and (max-width: 667px) {
        footer div.in p.copy {
          text-align: center; } }

header {
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10; }
  header div.in {
    max-width: 1080px;
    width: 92%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0; }
    @media only screen and (max-width: 667px) {
      header div.in {
        padding: 20px 0; } }
    header div.in .h_box_l {
      width: 410px; }
      @media only screen and (max-width: 667px) {
        header div.in .h_box_l {
          width: 170px; } }
      header div.in .h_box_l h1 {
        margin: 0 0 10px; }
        header div.in .h_box_l h1 a span {
          display: block;
          font-size: 11px;
          line-height: 11px;
          color: #333333;
          margin: 0 0 10px;
          text-align: center; }
      header div.in .h_box_l div.h_log_bt_box {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex; }
        header div.in .h_box_l div.h_log_bt_box div.log_bt:nth-child(n+2), header div.in .h_box_l div.h_log_bt_box .login_bt:nth-child(n+2) {
          margin: 0 0 0 10px; }
        header div.in .h_box_l div.h_log_bt_box div.log_bt a, header div.in .h_box_l div.h_log_bt_box .login_bt a {
          font-size: 12px;
          line-height: 11px;
          padding: 8px 10px; }
        header div.in .h_box_l div.h_log_bt_box div.log_bt:nth-child(1), header div.in .h_box_l div.h_log_bt_box .login_bt:nth-child(1) {
          border: 1px solid #F77A1E; }
          @media only screen and (min-width: 1025px) {
            header div.in .h_box_l div.h_log_bt_box div.log_bt:nth-child(1):hover, header div.in .h_box_l div.h_log_bt_box .login_bt:nth-child(1):hover {
              background: #fff; }
              header div.in .h_box_l div.h_log_bt_box div.log_bt:nth-child(1):hover a, header div.in .h_box_l div.h_log_bt_box .login_bt:nth-child(1):hover a {
                color: #F77A1E; }
                header div.in .h_box_l div.h_log_bt_box div.log_bt:nth-child(1):hover a i, header div.in .h_box_l div.h_log_bt_box .login_bt:nth-child(1):hover a i {
                  color: #F77A1E !important; } }
        header div.in .h_box_l div.h_log_bt_box div.log_bt:nth-child(2) a i, header div.in .h_box_l div.h_log_bt_box .login_bt:nth-child(2) a i {
          color: #FC909D; }
        @media only screen and (min-width: 1025px) {
          header div.in .h_box_l div.h_log_bt_box div.log_bt:nth-child(2):hover, header div.in .h_box_l div.h_log_bt_box .login_bt:nth-child(2):hover {
            background: #FC909D; }
            header div.in .h_box_l div.h_log_bt_box div.log_bt:nth-child(2):hover a, header div.in .h_box_l div.h_log_bt_box .login_bt:nth-child(2):hover a {
              color: #fff; }
              header div.in .h_box_l div.h_log_bt_box div.log_bt:nth-child(2):hover a i, header div.in .h_box_l div.h_log_bt_box .login_bt:nth-child(2):hover a i {
                color: #fff; } }
        @media only screen and (min-width: 1025px) {
          header div.in .h_box_l div.h_log_bt_box div.log_bt:last-child:hover, header div.in .h_box_l div.h_log_bt_box .login_bt:last-child:hover {
            background: #B3E65C; } }
        header div.in .h_box_l div.h_log_bt_box div.log_bt:last-child a i, header div.in .h_box_l div.h_log_bt_box .login_bt:last-child a i {
          color: #B3E65C; }
        header div.in .h_box_l div.h_log_bt_box .sign_bt {
          background: #F77A1E; }
          header div.in .h_box_l div.h_log_bt_box .sign_bt a {
            color: #fff; }
            header div.in .h_box_l div.h_log_bt_box .sign_bt a i {
              margin: 0 0 0 10px;
              color: #fff; }
        header div.in .h_box_l div.h_log_bt_box .login_bt {
          display: none; }
    header div.in nav {
      width: calc(100% - 440px);
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      header div.in nav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%; }
        @media only screen and (max-width: 1292px) {
          header div.in nav ul {
            width: calc(100% - 85px); } }
        header div.in nav ul li {
          width: calc((100% - 30px)/4); }
          header div.in nav ul li a {
            display: block;
            padding: 10px;
            background: #F7F0EA;
            border-radius: 10px; }
            @media only screen and (min-width: 1025px) {
              header div.in nav ul li a:hover {
                background: #6B3D20; }
                header div.in nav ul li a:hover .on {
                  display: block !important; }
                header div.in nav ul li a:hover .off {
                  display: none; }
                header div.in nav ul li a:hover .txt {
                  color: #fff; } }
            header div.in nav ul li a span.img {
              display: block;
              width: 50px;
              margin: 0 auto 5px;
              transition: 0.6s; }
              header div.in nav ul li a span.img .on {
                display: none; }
            header div.in nav ul li a span.txt {
              text-align: center;
              font-weight: bold;
              display: block;
              font-size: 13px;
              color: #6B3D20; }
      header div.in nav div.h_menu_box {
        position: fixed;
        top: 22px;
        right: 30px;
        cursor: pointer; }
        @media only screen and (max-width: 1292px) {
          header div.in nav div.h_menu_box {
            position: relative;
            top: auto;
            right: auto;
            margin: 0 0 0 10px; } }
        @media only screen and (max-width: 1025px) {
          header div.in nav div.h_menu_box {
            position: fixed;
            top: 10px;
            right: 10px; } }
        header div.in nav div.h_menu_box div.h_menu {
          padding: 15px 10px;
          width: 75px;
          height: 88px;
          position: relative;
          border: 1px solid #FC6577;
          border-radius: 10px; }
          @media only screen and (max-width: 667px) {
            header div.in nav div.h_menu_box div.h_menu {
              height: 70px; } }
          header div.in nav div.h_menu_box div.h_menu span.h_m_line {
            height: 4px;
            width: 30px;
            background: #FC6577;
            display: block;
            transition: 0.3s;
            border-radius: 10px;
            margin: 10px auto; }
            header div.in nav div.h_menu_box div.h_menu span.h_m_line:first-child {
              margin: 0px auto; }
            header div.in nav div.h_menu_box div.h_menu span.h_m_line:nth-child(3) {
              margin: 0 auto 15px; }
              @media only screen and (max-width: 667px) {
                header div.in nav div.h_menu_box div.h_menu span.h_m_line:nth-child(3) {
                  display: none; } }
          header div.in nav div.h_menu_box div.h_menu span.h_m_txt {
            color: #FC6577;
            font-size: 13px;
            line-height: 10px;
            text-align: center;
            display: block;
            letter-spacing: -0.02em;
            width: 55px; }
            header div.in nav div.h_menu_box div.h_menu span.h_m_txt .open {
              display: none; }
        header div.in nav div.h_menu_box .h_menu.active span.h_m_line {
          position: absolute;
          left: 12px;
          top: 30px;
          transform: rotate(20deg);
          width: 50px; }
          @media only screen and (max-width: 667px) {
            header div.in nav div.h_menu_box .h_menu.active span.h_m_line {
              top: 25px; } }
          header div.in nav div.h_menu_box .h_menu.active span.h_m_line:nth-child(2) {
            transform: rotate(-20deg);
            margin: 0; }
          header div.in nav div.h_menu_box .h_menu.active span.h_m_line:nth-child(3) {
            display: none; }
        header div.in nav div.h_menu_box .h_menu.active span.h_m_txt {
          position: absolute;
          bottom: 10px;
          left: 10px; }
          header div.in nav div.h_menu_box .h_menu.active span.h_m_txt .close {
            display: none; }
          header div.in nav div.h_menu_box .h_menu.active span.h_m_txt .open {
            display: block !important; }
        @media only screen and (max-width: 667px) {
          header div.in nav div.h_menu_box {
            top: 10px;
            right: 10px; } }

div.h_menu_cont {
  position: fixed;
  height: calc(100% - 134px);
  width: 100%;
  bottom: 0;
  right: 0;
  z-index: 9;
  pointer-events: none; }
  @media only screen and (max-width: 1024px) {
    div.h_menu_cont {
      height: calc(100% - 102px); } }
  @media only screen and (max-width: 667px) {
    div.h_menu_cont {
      height: calc(100% - 91px); } }
  div.h_menu_cont .in {
    transform: translateX(100%);
    overflow: scroll;
    width: 423px;
    background: #fff;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 30px;
    transition: 0.6s;
    z-index: 2; }
    @media only screen and (max-width: 667px) {
      div.h_menu_cont .in {
        width: calc(100% - 50px);
        padding: 30px 4%; } }
    div.h_menu_cont .in div.customer_box {
      padding: 20px;
      background: #F7F0EA;
      margin: 0 0 30px; }
      div.h_menu_cont .in div.customer_box div.name {
        font-size: 18px;
        color: #333333;
        line-height: 18px;
        margin: 0 0 20px; }
        div.h_menu_cont .in div.customer_box div.name i {
          margin: 0 10px 0 0;
          color: #FC909D; }
      div.h_menu_cont .in div.customer_box ul.cust_list {
        margin: 0 0 20px; }
        div.h_menu_cont .in div.customer_box ul.cust_list li {
          background: #fff;
          background-size: auto 16px;
          background-position: left 20px center;
          background-repeat: no-repeat; }
          div.h_menu_cont .in div.customer_box ul.cust_list li:nth-child(1) {
            background-image: url(../images/common/cust_icon1.svg); }
          div.h_menu_cont .in div.customer_box ul.cust_list li:nth-child(2) {
            background-image: url(../images/common/cust_icon2.svg); }
          div.h_menu_cont .in div.customer_box ul.cust_list li:nth-child(3) {
            background-image: url(../images/common/cust_icon3.svg); }
          div.h_menu_cont .in div.customer_box ul.cust_list li:nth-child(4) {
            background-image: url(../images/common/cust_icon4.svg); }
          div.h_menu_cont .in div.customer_box ul.cust_list li:nth-child(5) {
            background-image: url(../images/common/cust_icon5.svg); }
          div.h_menu_cont .in div.customer_box ul.cust_list li:nth-child(6) {
            background-image: url(../images/common/cust_icon6.svg); }
          div.h_menu_cont .in div.customer_box ul.cust_list li:nth-child(7) {
            background-image: url(../images/common/cust_icon7.svg); }
          div.h_menu_cont .in div.customer_box ul.cust_list li:nth-child(n+2) {
            margin: 5px 0 0; }
          div.h_menu_cont .in div.customer_box ul.cust_list li a {
            display: block;
            padding: 10px 0 10px 40px;
            border-left: 5px solid #6B3D20;
            color: #6B3D20;
            line-height: 16px;
            font-size: 14px;
            font-weight: bold; }
            @media only screen and (min-width: 1025px) {
              div.h_menu_cont .in div.customer_box ul.cust_list li a:hover {
                opacity: 0.6; } }
      div.h_menu_cont .in div.customer_box div.log_bt {
        margin: 0; }
        div.h_menu_cont .in div.customer_box div.log_bt a {
          padding: 0px; }
          div.h_menu_cont .in div.customer_box div.log_bt a i.fas.fa-sign-out-alt {
            color: #FC6577; }
        @media only screen and (min-width: 1025px) {
          div.h_menu_cont .in div.customer_box div.log_bt:hover {
            opacity: 0.6; }
            div.h_menu_cont .in div.customer_box div.log_bt:hover a {
              color: #333333 !important; }
              div.h_menu_cont .in div.customer_box div.log_bt:hover a i {
                color: #FC6577 !important; } }
    div.h_menu_cont .in div.log_bt.cust_bt {
      margin: 0 0 10px; }
      div.h_menu_cont .in div.log_bt.cust_bt a i.fas.fa-sign-in-alt {
        color: #FC6577; }
      @media only screen and (min-width: 1025px) {
        div.h_menu_cont .in div.log_bt.cust_bt:hover {
          background: #FC909D; } }
    div.h_menu_cont .in div.log_bt.bree_bt {
      margin: 0 0 30px; }
      div.h_menu_cont .in div.log_bt.bree_bt a i.fas.fa-sign-in-alt {
        color: #B3E65C; }
      @media only screen and (min-width: 1025px) {
        div.h_menu_cont .in div.log_bt.bree_bt:hover {
          background: #B3E65C; } }
    div.h_menu_cont .in div.tl {
      font-size: 18px;
      font-weight: bold;
      color: #333333;
      line-height: 18px;
      padding: 0 0 15px;
      border-bottom: 1px solid #333333;
      margin: 0 0 20px; }
    div.h_menu_cont .in ul.search_li {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0 0 40px; }
      div.h_menu_cont .in ul.search_li li {
        width: calc((100% - 10px)/2);
        background: #F7F0EA;
        border-radius: 10px;
        transition: 0.6s; }
        @media only screen and (min-width: 1025px) {
          div.h_menu_cont .in ul.search_li li:hover {
            opacity: 0.6; } }
        div.h_menu_cont .in ul.search_li li:nth-child(n+3) {
          margin: 10px 0 0; }
        div.h_menu_cont .in ul.search_li li:nth-child(n+5) {
          width: 100%; }
          div.h_menu_cont .in ul.search_li li:nth-child(n+5) a {
            padding: 10px 0;
            line-height: 14px; }
        div.h_menu_cont .in ul.search_li li a {
          text-align: center;
          display: block;
          padding: 20px 0;
          font-size: 14px;
          font-weight: bold;
          color: #6B3D20; }
          div.h_menu_cont .in ul.search_li li a .img {
            display: block;
            width: 45px;
            margin: 0 auto 10px; }
    div.h_menu_cont .in ul.nav_link {
      margin: 0 0 40px; }
      div.h_menu_cont .in ul.nav_link li a {
        font-size: 16px;
        color: #333333;
        line-height: 16px;
        display: block;
        padding: 10px 0; }
        @media only screen and (min-width: 1025px) {
          div.h_menu_cont .in ul.nav_link li a:hover {
            opacity: 0.6; } }
    div.h_menu_cont .in .headhoken {margin-top:25px;display:block;}
    div.h_menu_cont .in .bt {
      max-width: 100%;
      width: 100%; }
  div.h_menu_cont div.menu_bg {
    width: 100%;
    height: 100%;
    background: #707070;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    pointer-events: none;
    transition: 0.6s; }

.menu_opne {
  pointer-events: auto !important; }
  .menu_opne .in {
    transform: translateX(0) !important; }
  .menu_opne .menu_bg {
    opacity: 0.7 !important;
    pointer-events: auto !important; }

html {
  font-size: 68.5%; }

body {
  margin: 0;
  position: relative;
  font-family: 'Noto Sans JP', sans-serif;
  opacity: 0;
  transition: 0.6s;
  padding: 135px 0 0; }
  @media only screen and (max-width: 1025px) {
    body {
      padding: 100px 0 46px; } }
  @media only screen and (max-width: 667px) {
    body {
      padding: 91px 0 46px; } }

.body_open {
  opacity: 1 !important; }

.body_none {
  overflow: hidden; }

@media only screen and (min-width: 1026px) {
  .under_body {
    padding: 126px 0 0; } }

h1, h2, h3, h4, h5 {
  margin: 0; }

p {
  margin: 0; }

a {
  color: #333333;
  transition: 0.6s;
  text-decoration: none; }

img {
  margin: 0 auto;
  max-width: 100%;
  display: block;
  height: auto !important; }

ul, ol {
  padding: 0;
  margin: 0;
  list-style-type: none; }

li {
  font-feature-settings: "palt" 1;
  line-height: 1.5;
  list-style-type: none; }

div, p, span, a, main, input, textarea, ul, li, label, section, h2, h3, h4, button, th, td {
  box-sizing: border-box; }

main {
  padding: 0 0 100px; }

.txt {
  line-height: 180%;
  letter-spacing: 0.06em;
  font-size: 16px;
  color: #333333; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box; }
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {
    display: none; }
  input[type="submit"]:focus,
  input[type="button"]:focus {
    outline-offset: -2px; }

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent; }

@media only screen and (max-width: 1366px) {
  .pc2 {
    display: none !important; } }
@media only screen and (max-width: 1024px) {
  .pc {
    display: none !important; } }
@media only screen and (max-width: 665px) {
  .pc_tab {
    display: none !important; } }
@media only screen and (min-width: 1025px) {
  .tab {
    display: none !important; } }
@media only screen and (min-width: 667px) {
  .sp {
    display: none !important; } }
/*****************************************
スクロールアニメーション
****************************************/
.u-fade-type-up {
  transform: translateY(50px);
  opacity: 0; }

/* トリガー発火でis-activeを付与 */
.u-fade-type-up.is-active {
  transition: .6s;
  transform: translateY(0);
  opacity: 1; }

.u-fade-type-up.is-active:nth-child(2) {
  transition-delay: .4s; }

.u-fade-type-up.is-active:nth-child(3) {
  transition-delay: .8s; }

.u-fade-type-up.is-active:nth-child(4) {
  transition-delay: 1.2s; }

.u-fade-type-up.is-active:nth-child(5) {
  transition-delay: 1.6s; }

.u-fade-type-up.is-active:nth-child(6) {
  transition-delay: 2s; }

@media screen and (min-width: 768px) {
  .multiple-item {
    width: 32%; }

  .multiple-item:nth-child(-n+3) {
    margin-top: 0; } }
/*****************************************
共通セレクトボタン
****************************************/
select {
  background: url(.images/dog/select_arrow.svg) no-repeat;
  background-position: right 5px center; }

/*****************************************
パンクズ
****************************************/
div.pankuzu {
  max-width: 1080px;
  width: 92%;
  margin: 10px auto 0;
  font-size: 14px;
  color: #707070; }
  div.pankuzu a {
    font-size: 14px;
    color: #707070; }

div.pankuzu ol li {
  display: inline-block; }
  div.pankuzu ol li a {
    color: #707070; }

/*****************************************
under_main
****************************************/
.under_main {
  max-width: 1080px;
  width: 92%;
  margin: 0 auto;
  padding: 70px 0 100px; }

/*****************************************
h2.com_h2
****************************************/
.com_h2 {
  font-size: 28px;
  font-weight: bold;
  color: #6B3D20;
  margin: 0 0 70px; }
  @media only screen and (max-width: 667px) {
    .com_h2 {
      font-size: 2rem; } }

.com2_h2 {
  padding: 40px 30px;
  background: #F7F0EA;
  color: #6B3D20;
  font-size: 28px;
  font-weight: bold; }
  @media only screen and (max-width: 667px) {
    .com2_h2 {
      font-size: 2rem;
      padding: 20px 4vw; } }

/*****************************************
h2.sec_h2
****************************************/
.sec_h2 {
  font-size: 28px;
  padding: 10px 0;
  background: #6B3D20;
  text-align: center;
  color: #fff;
  font-weight: 500;
  background-position: left 15px center;
  background-repeat: no-repeat;
  background-size: 36px; }
  @media only screen and (max-width: 667px) {
    .sec_h2 {
      font-size: 2rem; } }

/*****************************************
h2.under_h2
****************************************/
.under_h2 {
  background: #6B3D20; }
  .under_h2 div.tl {
    padding: 20px 0 20px 60px;
    max-width: 1080px;
    width: 92%;
    margin: 0 auto;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    background-size: 41px auto;
    background-position: top 16px left 0;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 667px) {
      .under_h2 div.tl {
        font-size: 2rem; } }

/*****************************************
h3.com_h3
****************************************/
.com_h3 {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  padding: 20px 0 20px 40px;
  border-bottom: 1px solid #333333;
  background-position: left 0 center;
  background-size: 30px;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 667px) {
    .com_h3 {
      font-size: 1.65rem; } }

/*****************************************
poi_h4
****************************************/
h4.poi_h4 {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 667px) {
    h4.poi_h4 {
      display: block; } }
  h4.poi_h4 div.tag {
    margin: 0 10px 0 0; }
    @media only screen and (max-width: 667px) {
      h4.poi_h4 div.tag {
        margin: 0 auto 10px;
        width: 60px; } }
  h4.poi_h4 div.tl_txt {
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    line-height: 180%; }
    @media only screen and (max-width: 667px) {
      h4.poi_h4 div.tl_txt {
        font-size: 1.85rem; } }

/*****************************************
.bt
****************************************/
.bt {
  max-width: 360px;
  width: 80%; }
  .bt a {
    padding: 15px;
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    border-radius: 5px; }
    @media only screen and (max-width: 667px) {
      .bt a {
        font-size: 1.35rem; } }
    .bt a i {
      position: absolute;
      right: 15px;
      bottom: 15px;
      font-size: 20px; }

.bt.cor1_bt a {
  background: #F77A1E;
  border: 1px solid #F77A1E; }
  @media only screen and (min-width: 1025px) {
    .bt.cor1_bt a:hover {
      background: #fff;
      color: #F77A1E; } }

.cor2_bt a {
  background: #FC6577;
  border: 1px solid #FC6577; }
  @media only screen and (min-width: 1025px) {
    .cor2_bt a:hover {
      background: #fff;
      color: #FC6577; } }

.cor3_bt a {
  background: #C69C6D;
  border: 1px solid #C69C6D; }
  @media only screen and (min-width: 1025px) {
    .cor3_bt a:hover {
      background: #fff;
      color: #C69C6D; } }

.cor4_bt a {
  background: #3234A1;
  border: 1px solid #3234A1; }
  @media only screen and (min-width: 1025px) {
    .cor4_bt a:hover {
      background: #fff;
      color: #3234A1; } }

.cor5_bt a {
  background: #B3E65C;
  border: 1px solid #B3E65C; }
  @media only screen and (min-width: 1025px) {
    .cor5_bt a:hover {
      background: #fff;
      color: #B3E65C; } }

button.bt {
  max-width: 360px;
  width: 80%;
  padding: 15px;
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  position: relative;
  border-radius: 5px;
  transition: 0.6s;
  text-align: left; }
  @media only screen and (max-width: 667px) {
    button.bt {
      font-size: 1.35rem; } }
  button.bt i {
    position: absolute;
    right: 15px;
    bottom: 15px;
    font-size: 20px; }

button.cor2_bt {
  background: #FC6577;
  border: 1px solid #FC6577; }
  @media only screen and (min-width: 1025px) {
    button.cor2_bt:hover {
      background: #fff;
      color: #FC6577; } }

button.cor3_bt {
  background: #C69C6D;
  border: 1px solid #C69C6D; }
  @media only screen and (min-width: 1025px) {
    button.cor3_bt:hover {
      background: #fff;
      color: #C69C6D; } }

/*****************************************
必須タグ
****************************************/
div.tag.must {
  position: absolute;
  width: 40px;
  height: 25px;
  text-align: center;
  font-size: 15px;
  line-height: 15px;
  padding: 5px;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  font-weight: normal;
  color: #fff;
  background: #DB163D; }

/*****************************************
ログインボタン
****************************************/
div.log_bt, .login_bt {
  background: #F7F0EA;
  transition: 0.6s; }
  div.log_bt a, .login_bt a {
    display: block;
    font-size: 14px;
    padding: 10px;
    font-weight: bold;
    color: #333333; }
    div.log_bt a i, .login_bt a i {
      margin: 0 10px 0 0;
      font-size: 14px;
      transition: 0.6s; }
    @media only screen and (min-width: 1025px) {
      div.log_bt a:hover, .login_bt a:hover {
        color: #fff; }
        div.log_bt a:hover i, .login_bt a:hover i {
          color: #fff !important; } }

/*****************************************
ページネーション
****************************************/
div.pagenation div.now_txt {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  margin: 0 0 30px; }
  @media only screen and (max-width: 667px) {
    div.pagenation div.now_txt {
      font-size: 1.25rem; } }
  div.pagenation div.now_txt span {
    font-size: 32px;
    color: #FC6577; }
    @media only screen and (max-width: 667px) {
      div.pagenation div.now_txt span {
        font-size: 1.55rem; } }
div.pagenation div.cont {
  max-width: 410px;
  width: 92%;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: flex-end;
  justify-content: center; }
  div.pagenation div.cont span {
    padding: 10px;
    color: #333333;
    border: 1px solid #333333;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    font-size: 16px;
    line-height: 16px; }
    div.pagenation div.cont span:nth-child(n+2) {
      margin: 0 0 0 10px; }
  div.pagenation div.cont span.active {
    background: #EDEDED;
    text-align: center; }
  div.pagenation div.cont span.pagelink a {
    display: block;
    font-size: 16px;
    line-height: 16px;
    text-align: center; }
  div.pagenation div.cont span.omit {
    border: none;
    padding: 0;
    height: auto;
    width: auto; }

/*****************************************
詳しく見るテキスト
****************************************/
.next_txt {
  font-size: 16px;
  color: #FC909D;
  font-weight: bold;
  padding: 0 70px 0 0;
  background-image: url(../images/common/next_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right 0 top 0; }

/*****************************************
都道府県から探す
****************************************/
div.map_in {
  padding: 137px 0 0;
  margin: -137px 0 0; }
  div.map_in h2.sec_h2 {
    background-image: url(../images/index/h2_icon1.svg);
    background-repeat: no-repeat;
    padding: 10px 0 10px 70px;
    text-align: left; }
  div.map_in p.txt {
    margin: 30px 0;
    color: #333333;
    font-size: 18px;
    font-weight: 500; }
    @media only screen and (max-width: 667px) {
      div.map_in p.txt {
        font-size: 1.45rem; } }
  @media only screen and (max-width: 667px) {
    div.map_in div.map_wrap .map_sctxt {
      display: none; } }
  div.map_in div.map_wrap ul.map_tag {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 40px; }
    @media only screen and (max-width: 667px) {
      div.map_in div.map_wrap ul.map_tag {
        display: block; } }
    div.map_in div.map_wrap ul.map_tag li.map_tag_bt {
      width: 50%;
      color: #fff;
      background-color: #CBC8C8;
      font-size: 20px;
      font-weight: 500;
      padding: 20px 0 20px 70px;
      line-height: 20px;
      cursor: pointer; }
      @media only screen and (max-width: 667px) {
        div.map_in div.map_wrap ul.map_tag li.map_tag_bt {
          width: 100%;
          font-size: 1.65rem; } }
      div.map_in div.map_wrap ul.map_tag li.map_tag_bt:nth-child(1), div.map_in div.map_wrap ul.map_tag li.map_tag_bt:nth-child(2) {
        background-position: left 20px bottom 10px;
        background-repeat: no-repeat;
        background-size: 35px; }
      div.map_in div.map_wrap ul.map_tag li.map_tag_bt:nth-child(1) {
        background-image: url(../images/common/map_tl_icon1_off.svg); }
      div.map_in div.map_wrap ul.map_tag li.map_tag_bt:nth-child(2) {
        background-image: url(../images/common/map_tl_icon2_off.svg); }
    div.map_in div.map_wrap ul.map_tag li.map_tag_bt.is-active:nth-child(1) {
      background-image: url(../images/common/map_tl_icon1.svg) !important;
      background-color: #FC909D !important; }
    div.map_in div.map_wrap ul.map_tag li.map_tag_bt.is-active:nth-child(2) {
      background-image: url(../images/common/map_tl_icon2.svg) !important;
      background-color: #B3E65C !important; }
  div.map_in div.map_wrap div.map_sctxt {
    font-size: 1.65rem;
    font-weight: bold;
    text-align: center;
    color: #333333;
    margin: 0 0 20px; }
    div.map_in div.map_wrap div.map_sctxt span {
      margin: 0 0 0 10px; }
    div.map_in div.map_wrap div.map_sctxt .fa-angle-double-left {
      margin: 0 10px 0 0; }
    div.map_in div.map_wrap div.map_sctxt .fa-angle-double-right {
      margin: 0 0 0 10px; }
  div.map_in div.map_wrap div.panel-group div.panel {
    display: none;
    padding: 0 0 50px; }
    @media only screen and (max-width: 1180px) {
      div.map_in div.map_wrap div.panel-group div.panel .in {
        overflow: scroll; } }
    div.map_in div.map_wrap div.panel-group div.panel .in div.map {
      width: 1080px;
      position: relative;
      padding: 17px 0 126px; }
      @media only screen and (max-width: 667px) {
        div.map_in div.map_wrap div.panel-group div.panel .in div.map {
          width: 100%;
          padding: 0; } }
      div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress {
        position: absolute;
        width: 206px; }
        @media only screen and (max-width: 667px) {
          div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress {
            width: 100%;
            position: relative; } }
        div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress li.tl {
          font-size: 20px;
          line-height: 20px;
          font-weight: 500;
          padding: 7px 15px 7px !important;
          color: #fff; }
          @media only screen and (max-width: 667px) {
            div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress li.tl {
              padding: 10px;
              overflow: hidden;
              max-height: 0;
              border: none;
              display: none;
              font-size: 1.65rem; } }
          div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress li.tl label {
            font-size: 20px;
            line-height: 20px;
            font-weight: 500;
            padding: 0;
            color: #fff;
            transition: 0.6s; }
            div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress li.tl label .fas.fa-caret-right {
              margin: 0 10px 0 0; }
            @media only screen and (min-width: 1025px) {
              div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress li.tl label:hover {
                opacity: 0.6; } }
            @media only screen and (max-width: 667px) {
              div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress li.tl label {
                font-size: 1.45rem !important;
                color: #333333 !important;
                font-weight: normal; } }
        div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress li:nth-child(n+2) {
          margin: 2px 0 0; }
          @media only screen and (max-width: 667px) {
            div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress li:nth-child(n+2) {
              margin: 0; } }
        @media only screen and (max-width: 667px) {
          div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress li {
            border-bottom: 1px solid #333333; }
            div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress li .map_adress label {
              padding: 10px; }
            div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress li .map_adress:last-child {
              border-bottom: 0; } }
        div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress li label {
          cursor: pointer;
          color: #fff;
          display: block;
          background: #F7F0EA;
          font-size: 14px;
          color: #333333;
          padding: 5px 10px;
          line-height: 14px; }
          @media only screen and (min-width: 1025px) {
            div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress li label:hover {
              background: #CBB19B;
              color: #fff; } }
          @media only screen and (max-width: 667px) {
            div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress li label {
              font-size: 1.45rem;
              padding: 10px 0;
              background: #fff; } }
        div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress li input[type="checkbox"]:checked + label {
          background: #CBB19B;
          color: #fff; }
        div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress li input {
          display: none; }
        @media only screen and (max-width: 667px) {
          div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress .li_cont {
            overflow: hidden;
            max-height: 0;
            border: none; } }
        div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress .sp_tl {
          position: relative; }
          div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress .sp_tl i {
            font-size: 20px;
            position: absolute;
            right: 0;
            top: 10px; }
          div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress .sp_tl .fa-minus-square {
            display: none; }
        div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress .sp_tl.active .fa-plus-square {
          display: none; }
        div.map_in div.map_wrap div.panel-group div.panel .in div.map .ardress .sp_tl.active .fa-minus-square {
          display: block !important; }
      div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress1 {
        top: 0;
        right: 0; }
        @media only screen and (max-width: 667px) {
          div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress1 {
            top: auto;
            right: auto;
            left: auto;
            bottom: auto; } }
      div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress2 {
        right: 0;
        top: 230px; }
        @media only screen and (max-width: 667px) {
          div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress2 {
            top: auto;
            right: auto;
            left: auto;
            bottom: auto; } }
      div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress3 {
        top: 0;
        left: 300px; }
        @media only screen and (max-width: 667px) {
          div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress3 {
            top: auto;
            right: auto;
            left: auto;
            bottom: auto; } }
      div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress4 {
        right: 0;
        bottom: 20px; }
        @media only screen and (max-width: 667px) {
          div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress4 {
            top: auto;
            right: auto;
            left: auto;
            bottom: auto; } }
      div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress5 {
        bottom: 0;
        right: 300px; }
        @media only screen and (max-width: 667px) {
          div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress5 {
            top: auto;
            right: auto;
            left: auto;
            bottom: auto; } }
      div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress6 {
        left: 0;
        top: 0; }
        @media only screen and (max-width: 667px) {
          div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress6 {
            top: auto;
            right: auto;
            left: auto;
            bottom: auto; } }
      div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress7 {
        top: 260px;
        left: 0; }
        @media only screen and (max-width: 667px) {
          div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress7 {
            top: auto;
            right: auto;
            left: auto;
            bottom: auto; } }
      div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress8 {
        left: 300px;
        bottom: 0; }
        @media only screen and (max-width: 667px) {
          div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress8 {
            top: auto;
            right: auto;
            left: auto;
            bottom: auto; } }
      div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress9 {
        left: 0;
        bottom: 20px; }
        @media only screen and (max-width: 667px) {
          div.map_in div.map_wrap div.panel-group div.panel .in div.map ul.ardress.ardress9 {
            top: auto;
            right: auto;
            left: auto;
            bottom: auto; } }
      @media only screen and (max-width: 667px) {
        div.map_in div.map_wrap div.panel-group div.panel .in div.map div.img {
          display: none; } }
    div.map_in div.map_wrap div.panel-group div.panel .bt {
      margin: 50px auto 0; }
  div.map_in div.map_wrap div.panel-group .map1 .ardress li.tl {
    background: #FC909D !important; }
    @media only screen and (max-width: 667px) {
      div.map_in div.map_wrap div.panel-group .map1 .ardress li.tl {
        background: none !important; } }
    div.map_in div.map_wrap div.panel-group .map1 .ardress li.tl label {
      background: none !important; }
  div.map_in div.map_wrap div.panel-group .map1 .sp_tl {
    position: relative; }
    div.map_in div.map_wrap div.panel-group .map1 .sp_tl i {
      color: #FC909D; }
  div.map_in div.map_wrap div.panel-group .map2 .ardress li.tl {
    background: #B3E65C !important; }
    @media only screen and (max-width: 667px) {
      div.map_in div.map_wrap div.panel-group .map2 .ardress li.tl {
        background: none !important; } }
    div.map_in div.map_wrap div.panel-group .map2 .ardress li.tl label {
      background: none !important; }
  div.map_in div.map_wrap div.panel-group .map2 .sp_tl i {
    color: #B3E65C; }
  div.map_in div.map_wrap div.panel-group div.panel.is-show {
    display: block !important; }
  @media only screen and (max-width: 667px) {
    div.map_in div.map_wrap .sp_tl {
      font-size: 1.45rem;
      padding: 10px 0;
      color: #333333; }
    div.map_in div.map_wrap .adress_open {
      max-height: 600px !important;
      border-bottom: 1px solid #333333 !important; }
    div.map_in div.map_wrap .tl.adress_open {
      display: block !important; } }
  div.map_in div.bt.cor1_bt {
    margin: 30px auto 50px; }

div.type_in h2.sec_h2 {
  background-image: url(../images/index/h2_icon2.svg);
  background-repeat: no-repeat;
  margin: 0 0 30px;
  padding: 10px 0 10px 70px;
  text-align: left; }
div.type_in ul {
  display: flex;
  flex-wrap: wrap; }
  div.type_in ul li {
    width: calc((100% - 120px)/5);
    margin-right: 30px; }
    @media only screen and (max-width: 900px) {
      div.type_in ul li {
        width: calc((100% - 40px)/5);
        margin-right: 10px; } }
    @media only screen and (max-width: 667px) {
      div.type_in ul li {
        width: calc((100% - 10px)/2); }
        div.type_in ul li:nth-child(2n) {
          margin-right: 0; }
        div.type_in ul li:nth-child(n+3) {
          margin-top: 30px; } }
    @media only screen and (min-width: 668px) {
      div.type_in ul li:nth-child(5n) {
        margin-right: 0; }
      div.type_in ul li:nth-child(n+6) {
        margin-top: 40px; } }
    div.type_in ul li a {
      display: block; }
      @media only screen and (min-width: 1025px) {
        div.type_in ul li a:hover {
          opacity: 0.6; } }
      div.type_in ul li a span.img {
        display: block;
        margin: 0 0 20px; }
      div.type_in ul li a span.txt {
        display: block;
        font-size: 16px;
        color: #333333;
        text-align: center; }
        @media only screen and (max-width: 667px) {
          div.type_in ul li a span.txt {
            font-size: 1.25rem; } }
div.type_in div.bt.cor3_bt {
  margin: 50px auto; }

/*****************************************
初めての子犬お迎えGUIDEバナー
****************************************/
div.omu_bn a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 900px) {
    div.omu_bn a {
      display: block; } }
  @media only screen and (min-width: 1025px) {
    div.omu_bn a:hover {
      opacity: 0.6; } }
  div.omu_bn a span {
    display: block; }
  div.omu_bn a span.box_l {
    width: calc(100% - 200px);
    border: 1px solid #6B3D20; }
    @media only screen and (max-width: 900px) {
      div.omu_bn a span.box_l {
        width: 100%; } }
    div.omu_bn a span.box_l span.tl {
      padding: 15px 20px;
      position: relative;
      background: #F7F0EA;
      font-size: 28px;
      color: #6B3D20;
      font-weight: 500;
      line-height: 40px;
      margin: 0 0 7px; }
      @media only screen and (max-width: 667px) {
        div.omu_bn a span.box_l span.tl {
          font-size: 1.75rem;
          text-align: center; } }
      div.omu_bn a span.box_l span.tl::after {
        position: absolute;
        height: 7px;
        width: 100%;
        content: '';
        background: url(.images/common/omu_dec2.svg) repeat-x;
        left: 0;
        bottom: -7px; }
      div.omu_bn a span.box_l span.tl span {
        display: inline;
        padding: 7px 15px;
        background: #6B3D20;
        text-align: center;
        color: #fff;
        margin: 0 10px 0 0;
        font-size: 16px;
        line-height: 16px;
        border-radius: 100px; }
        @media only screen and (max-width: 667px) {
          div.omu_bn a span.box_l span.tl span {
            display: table;
            margin: 0 auto 10px;
            font-size: 1.25rem; } }
    div.omu_bn a span.box_l span.txt_box {
      padding: 20px; }
      div.omu_bn a span.box_l span.txt_box ul {
        display: flex;
        flex-wrap: wrap; }
        div.omu_bn a span.box_l span.txt_box ul li {
          width: calc((100% - 60px)/4);
          color: #333333;
          font-size: 18px;
          font-weight: 500; }
          div.omu_bn a span.box_l span.txt_box ul li i.fas.fa-chevron-circle-right {
            color: #6B3D20;
            margin: 0 10px 0 0; }
          @media only screen and (min-width: 667px) {
            div.omu_bn a span.box_l span.txt_box ul li:nth-child(n+5) {
              margin: 10px 0 0; } }
          @media only screen and (max-width: 667px) {
            div.omu_bn a span.box_l span.txt_box ul li {
              font-size: 1.35rem;
              width: calc((100% - 5px)/2); }
              div.omu_bn a span.box_l span.txt_box ul li:nth-child(n+3) {
                margin: 10px 0 0; } }
  div.omu_bn a span.box_r {
    width: 200px;
    background: #6B3D20;
    padding: 35px 30px; }
    @media only screen and (max-width: 900px) {
      div.omu_bn a span.box_r {
        width: 100%;
        padding: 15px 4vw; } }
    div.omu_bn a span.box_r span.img {
      margin: 0 0 30px; }
      @media only screen and (max-width: 900px) {
        div.omu_bn a span.box_r span.img {
          display: none; } }
    div.omu_bn a span.box_r span.next_txt {
      background-image: url(.images/common/next_arrow2.svg) !important;
      color: #fff !important; }

/*****************************************
search_sec
****************************************/
div.search_sec {
  padding: 50px 0 0; }
  div.search_sec h4.search_h4 {
    padding: 10px 10px 10px 40px;
    background-image: url(.images/dog/h2_icon1.svg);
    background-repeat: no-repeat;
    background-position: left 10px top 10px;
    background-size: 20px;
    background-color: #6B3D20;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px; }
    @media only screen and (max-width: 667px) {
      div.search_sec h4.search_h4 {
        font-size: 1.45rem; } }
  div.search_sec ul {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media only screen and (max-width: 667px) {
      div.search_sec ul {
        display: block; } }
    div.search_sec ul li {
      width: calc((100% - 40px)/2);
      border-bottom: 1px solid #333333; }
      @media only screen and (max-width: 667px) {
        div.search_sec ul li {
          width: 100%; } }
      div.search_sec ul li a {
        display: block;
        padding: 10px 0;
        color: #333333;
        font-size: 16px; }
        @media only screen and (max-width: 667px) {
          div.search_sec ul li a {
            font-size: 1.45rem; } }
        @media only screen and (min-width: 1025px) {
          div.search_sec ul li a:hover {
            opacity: 0.6; } }

/*****************************************
2カラムバナー
****************************************/
.com_bn_wrap {
  width: 92%;
  max-width: 900px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 667px) {
    .com_bn_wrap {
      display: block; } }
  .com_bn_wrap .bn {
    width: calc((100% - 20px)/2);
    transition: 0.6s; }
    @media only screen and (max-width: 667px) {
      .com_bn_wrap .bn {
        width: 100%; }
        .com_bn_wrap .bn:nth-child(2) {
          margin: 20px 0 0; } }
    @media only screen and (min-width: 1025px) {
      .com_bn_wrap .bn:hover {
        opacity: 0.6; } }

/*****************************************
2カラムバナー2
****************************************/
div.com_bn2_wrap {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 900px) {
    div.com_bn2_wrap {
      display: block;
      max-width: 525px;
      margin: 0 auto; } }
	div.com_bn2_wrap .hokenbtn{width: 556px;max-width:100%;display:block;margin: 0 auto 30px; }
  div.com_bn2_wrap div.omu_bn {
    width: calc((100% - 30px)/2); }
    @media only screen and (max-width: 900px) {
      div.com_bn2_wrap div.omu_bn {width: 100%;margin: 0 0 20px; }
	}
	

	
    div.com_bn2_wrap div.omu_bn a span.box_l {
      width: 100%; }
      div.com_bn2_wrap div.omu_bn a span.box_l span.txt_box span.next_txt {
        text-align: right;
        background-image: url(.images/common/next_arrow3.svg);
        color: #6B3D20; }
  div.com_bn2_wrap div.flow_bn {
    width: calc((100% - 30px)/2); }
    @media only screen and (max-width: 900px) {
      div.com_bn2_wrap div.flow_bn {
        width: 100%; } }
    div.com_bn2_wrap div.flow_bn a {
      display: block;
      padding: 10px;
      background: #65DECC; }
      div.com_bn2_wrap div.flow_bn a span.in {
        display: block;
        padding: 36px;
        text-align: center;
        font-size: 28px;
        font-weight: bold;
        color: #fff;
        border: 1px dashed #fff; }
        div.com_bn2_wrap div.flow_bn a span.in i.fas.fa-store-alt {
          margin: 0 50px 0 0; }
          @media only screen and (max-width: 667px) {
            div.com_bn2_wrap div.flow_bn a span.in i.fas.fa-store-alt {
              margin: 0 20px 0 0; } }
        @media only screen and (max-width: 667px) {
          div.com_bn2_wrap div.flow_bn a span.in {
            font-size: 1.85rem; } }

/*****************************************
2カラムbt
****************************************/
div.com_bt_wrap {
  max-width: 740px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto; }
  @media only screen and (max-width: 667px) {
    div.com_bt_wrap {
      display: block;
      width: 70%; } }
  div.com_bt_wrap div.bt {
    width: calc((100% - 20px)/2); }
    @media only screen and (max-width: 667px) {
      div.com_bt_wrap div.bt {
        width: 100%;
        margin: 0 auto; }
        div.com_bt_wrap div.bt:nth-child(n+2) {
          margin: 10px auto 0; } }

/*****************************************
ご利用案リンク
****************************************/
section.link {
  max-width: 1080px;
  width: 92%;
  margin: 0 auto; }
  section.link div.link_box {
    background-image: url(.images/common/stripe.gif);
    margin: 0 0 50px;
    padding: 30px 20px; }
    @media only screen and (max-width: 667px) {
      section.link div.link_box {
        padding: 30px 4vw; } }
    section.link div.link_box div.tl {
      color: #6B3D20;
      font-size: 20px;
      margin: 0 0 20px;
      font-weight: 500; }
      section.link div.link_box div.tl i.fas.fa-info-circle {
        margin: 0 10px 0 0; }
      @media only screen and (max-width: 667px) {
        section.link div.link_box div.tl {
          font-size: 1.65rem; } }
    section.link div.link_box ul {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      section.link div.link_box ul li {
        width: calc((100% - 60px)/4); }
        @media only screen and (max-width: 900px) {
          section.link div.link_box ul li {
            width: calc((100% - 20px)/2); }
            section.link div.link_box ul li:nth-child(n+3) {
              margin: 10px 0 0; } }
        @media only screen and (max-width: 667px) {
          section.link div.link_box ul li {
            width: 100%; }
            section.link div.link_box ul li:nth-child(n+2) {
              margin: 10px 0 0; } }
      section.link div.link_box ul li.active {
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        background: #CBB19B;
        text-align: center;
        padding: 10px 0; }
        @media only screen and (max-width: 667px) {
          section.link div.link_box ul li.active {
            font-size: 1.45rem; } }
      section.link div.link_box ul li a {
        background: #fff;
        text-align: center;
        display: block;
        color: #6B3D20;
        font-size: 18px;
        font-weight: 500;
        padding: 10px 0; }
        @media only screen and (min-width: 1025px) {
          section.link div.link_box ul li a:hover {
            background: #6B3D20;
            color: #fff; } }
        @media only screen and (max-width: 667px) {
          section.link div.link_box ul li a {
            font-size: 1.45rem; } }
  section.link div.bt_wrap {
    max-width: 740px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto; }
    @media only screen and (max-width: 667px) {
      section.link div.bt_wrap {
        display: block; } }
    section.link div.bt_wrap div.bt {
      width: calc((100% - 30px)/2); }
      @media only screen and (max-width: 667px) {
        section.link div.bt_wrap div.bt {
          width: 100%; }
          section.link div.bt_wrap div.bt:nth-child(n+2) {
            margin: 20px 0 0; } }

/*****************************************
共通チェック項目
****************************************/
ul.com_li_txt li {
  font-size: 16px;
  color: #333333;
  line-height: 180%;
  padding-left: 2em;
  text-indent: -0.85em; }
  ul.com_li_txt li:nth-child(n+2) {
    margin: 10px 0 0; }
  ul.com_li_txt li i.far.fa-check-square {
    margin: 0 10px 0 0; }
  @media only screen and (max-width: 667px) {
    ul.com_li_txt li {
      font-size: 1.45rem; } }

/*****************************************
共通テーブル
****************************************/
.in_table_bm {
  margin: 0 0 10px; }

.in_table {
  overflow: scroll; }

table.com_ta {
  border-bottom: 1px solid #333333;
  width: 100%; }
  @media only screen and (max-width: 667px) {
    table.com_ta {
      display: block; } }
  @media only screen and (max-width: 667px) {
    table.com_ta tbody.com_tb {
      display: block; } }
  table.com_ta tbody.com_tb tr.com_tr {
    border-top: 1px solid #333333; }
    @media only screen and (max-width: 667px) {
      table.com_ta tbody.com_tb tr.com_tr {
        display: block; } }
    table.com_ta tbody.com_tb tr.com_tr th.com_th {
      width: 180px;
      padding: 20px 10px;
      font-size: 16px;
      color: #333333;
      font-weight: 500;
      text-align: left;
      background: #F7F0EA; }
      @media only screen and (max-width: 667px) {
        table.com_ta tbody.com_tb tr.com_tr th.com_th {
          display: block;
          width: 100%;
          font-size: 1.45rem;
          border-bottom: 1px solid #333333;
          padding: 20px 4vw; } }
    table.com_ta tbody.com_tb tr.com_tr td.com_td {
      width: calc(100% - 180px);
      padding: 20px;
      font-size: 16px;
      color: #333333;
      line-height: 180%; }
      @media only screen and (max-width: 667px) {
        table.com_ta tbody.com_tb tr.com_tr td.com_td {
          display: block;
          width: 100%;
          font-size: 1.45rem;
          padding: 20px 4vw; } }

/*****************************************
詳細スライダー
****************************************/
div#img_slider,
.gallery_wrap {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 0 30px; }
  @media only screen and (max-width: 900px) {
    div#img_slider,
    .gallery_wrap {
      display: block; } }
  div#img_slider ul#slider,
  div#img_slider .gallery_ph,
  .gallery_wrap ul#slider,
  .gallery_wrap .gallery_ph {
    width: 515px; }
    @media only screen and (max-width: 900px) {
      div#img_slider ul#slider,
      div#img_slider .gallery_ph,
      .gallery_wrap ul#slider,
      .gallery_wrap .gallery_ph {
        margin: 0 auto 20px;
        max-width: 515px;
        width: 100%; } }
    div#img_slider ul#slider li.slide-item,
    div#img_slider .gallery_ph li.slide-item,
    .gallery_wrap ul#slider li.slide-item,
    .gallery_wrap .gallery_ph li.slide-item {
      height: 0;
      padding: 25% 0 0;
      position: relative; }
      div#img_slider ul#slider li.slide-item img,
      div#img_slider .gallery_ph li.slide-item img,
      .gallery_wrap ul#slider li.slide-item img,
      .gallery_wrap .gallery_ph li.slide-item img {
        position: absolute;
        left: 0;
        top: 0;
        height: 100% !important;
        width: 100% !important;
        object-fit: cover; }
  div#img_slider ul#thumbnail-list,
  div#img_slider .gallery_thumb,
  .gallery_wrap ul#thumbnail-list,
  .gallery_wrap .gallery_thumb {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% - 565px); }
    @media only screen and (max-width: 900px) {
      div#img_slider ul#thumbnail-list,
      div#img_slider .gallery_thumb,
      .gallery_wrap ul#thumbnail-list,
      .gallery_wrap .gallery_thumb {
        margin: 0 auto;
        width: 100%;
        max-width: 515px; } }
    div#img_slider ul#thumbnail-list li.thumbnail-item,
    div#img_slider .gallery_thumb li.thumbnail-item,
    .gallery_wrap ul#thumbnail-list li.thumbnail-item,
    .gallery_wrap .gallery_thumb li.thumbnail-item {
      width: calc((100% - 10px) / 2);
      height: 0;
      padding: 35% 0 0;
      position: relative;
      cursor: pointer; }
      div#img_slider ul#thumbnail-list li.thumbnail-item:nth-child(n + 3),
      div#img_slider .gallery_thumb li.thumbnail-item:nth-child(n + 3),
      .gallery_wrap ul#thumbnail-list li.thumbnail-item:nth-child(n + 3),
      .gallery_wrap .gallery_thumb li.thumbnail-item:nth-child(n + 3) {
        margin: 10px 0 0; }
      div#img_slider ul#thumbnail-list li.thumbnail-item img,
      div#img_slider .gallery_thumb li.thumbnail-item img,
      .gallery_wrap ul#thumbnail-list li.thumbnail-item img,
      .gallery_wrap .gallery_thumb li.thumbnail-item img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0; }
    div#img_slider ul#thumbnail-list .thumbnail-current,
    div#img_slider .gallery_thumb .thumbnail-current,
    .gallery_wrap ul#thumbnail-list .thumbnail-current,
    .gallery_wrap .gallery_thumb .thumbnail-current {
      position: relative; }
      div#img_slider ul#thumbnail-list .thumbnail-current::after,
      div#img_slider .gallery_thumb .thumbnail-current::after,
      .gallery_wrap ul#thumbnail-list .thumbnail-current::after,
      .gallery_wrap .gallery_thumb .thumbnail-current::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        content: ""; }

/*****************************************
underお気に入りボタン
****************************************/
button.favorite_bt2 {
  border-radius: 5px;
  display: block;
  padding: 10px;
  font-size: 14px;
  line-height: 14px;
  border: 1px solid #FC6577;
  color: #FC6577;
  text-align: center; }
  @media only screen and (max-width: 667px) {
    button.favorite_bt2 {
      position: relative; } }
  button.favorite_bt2 span i {
    margin: 0 0 0 10px; }
  button.favorite_bt2 span.on {
    display: none; }

.favorite_bt2.favorite_bt_on {
  background: #FC6577;
  color: #fff !important; }
  .favorite_bt2.favorite_bt_on span.on {
    display: inline-block !important; }
  .favorite_bt2.favorite_bt_on .off {
    display: none; }

/*****************************************
page_main common
****************************************/
.page_main section.mv {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative; }
  @media only screen and (max-width: 667px) {
    .page_main section.mv {
      display: block; } }
  .page_main section.mv div.txt_box {
    width: 50%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 667px) {
      .page_main section.mv div.txt_box {
        width: 100%; } }
    .page_main section.mv div.txt_box div.pankuzu {
      margin: 0;
      padding: 0 0 0 calc((100vw - 1080px)/2);
      position: absolute;
      top: 10px;
      left: 0; }
      @media only screen and (max-width: 1170px) {
        .page_main section.mv div.txt_box div.pankuzu {
          padding: 0 0 0 4vw; } }
    .page_main section.mv div.txt_box h2 {
      text-align: center;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      @media only screen and (max-width: 667px) {
        .page_main section.mv div.txt_box h2 {
          padding: 60px 0 50px; } }
      .page_main section.mv div.txt_box h2 div.img {
        width: 48px;
        margin: 0 20px 0 0; }
      .page_main section.mv div.txt_box h2 div.tl {
        font-size: 40px;
        color: #fff;
        font-weight: bold; }
        @media only screen and (max-width: 667px) {
          .page_main section.mv div.txt_box h2 div.tl {
            font-size: 2.45rem; } }
  .page_main section.mv div.img {
    width: 50%; }
    @media only screen and (max-width: 667px) {
      .page_main section.mv div.img {
        width: 100%; } }
    .page_main section.mv div.img img {
      height: 100% !important;
      width: 100%;
      object-fit: cover;
      max-height: 600px; }
      @media only screen and (max-width: 667px) {
        .page_main section.mv div.img img {
          max-height: 350px; } }
      @media only screen and (max-width: 400px) {
        .page_main section.mv div.img img {
          max-height: 200px; } }

/*****************************************
プライバシーポリシー同意
****************************************/
.privacy_check {
  font-size: 16px;
  color: #333333;
  line-height: 180%;
  text-align: center;
  margin: 0 0 20px; }
  @media only screen and (max-width: 667px) {
    .privacy_check {
      font-size: 1.35rem; } }
  .privacy_check a {
    color: #3234A1; }

/*****************************************
pick_box
****************************************/
div.pick_box {
  background: #FFFFE0;
  padding: 20px;
  margin: 20px 0 0;
  font-size: 18px;
  font-weight: bold;
  color: #333333; }
  @media only screen and (max-width: 667px) {
    div.pick_box {
      font-size: 1.45rem;
      padding: 20px 4vw; } }
  div.pick_box span {
    display: table;
    padding: 5px 10px;
    font-size: 15px;
    margin: 0 0 10px;
    border-radius: 100px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffec00+0,ffc400+100 */
    background: #ffec00;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffec00 0%, #ffc400 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffec00 0%, #ffc400 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffec00 0%, #ffc400 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffec00', endColorstr='#ffc400',GradientType=0 );
    /* IE6-9 */ }

/*****************************************
フォーム共有
****************************************/
section.form div.img_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; }
  @media only screen and (max-width: 667px) {
    section.form div.img_wrap {
      display: block; } }
  section.form div.img_wrap div.box {
    width: calc(50% - 10px); }
    @media only screen and (max-width: 667px) {
      section.form div.img_wrap div.box {
        width: 100%; }
        section.form div.img_wrap div.box:nth-child(n+2) {
          margin: 10px 0 0; } }
    section.form div.img_wrap div.box h3 {
      position: relative;
      padding: 10px;
      background: #F7F0EA;
      font-size: 16px; }
      section.form div.img_wrap div.box h3 div.tag.must {
        margin: 0 0 0 10px;
        right: auto;
        top: auto;
        bottom: auto;
        position: relative;
        display: inline-block; }
    section.form div.img_wrap div.box .input_inclosure {
      padding: 15px; }
      section.form div.img_wrap div.box .input_inclosure input[type="file"] {
        width: 100%;
        padding: 10px;
        border: 1px solid #333333;
        margin: 0 0 10px; }
section.form p {
  font-size: 15px; }
section.form p.m_t {
  margin: 10px 0 0; }
section.form p.m_b {
  margin: 0 0 10px; }