@charset "UTF-8";
@import url("global.css");
.sec_title {
  text-align: center;
  margin-bottom: 40px;
  color: #77846E;
  line-height: 1.4;
  font-size: 32px;
  font-family: "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600; }
  .sec_title span {
    display: block;
    font-size: 20px; }

.sec_intro {
  margin-bottom: 90px; }
  .sec_intro .introtxt {
    text-align: center;
    line-height: 2; }
  .sec_intro .img_area {
    margin-top: 80px;
    padding-bottom: 80px; }
    .sec_intro .img_area .friend_list {
      width: 100%;
      display: flex;
      justify-content: space-around; }
      .sec_intro .img_area .friend_list li {
        width: 25%;
        padding: 0 15px;
        box-sizing: border-box;
        text-align: center; }
        .sec_intro .img_area .friend_list li:nth-of-type(even) {
          margin-top: 30px; }
        .sec_intro .img_area .friend_list li:nth-of-type(odd) .img {
          width: 90%; }
        .sec_intro .img_area .friend_list li:first-of-type {
          transition-delay: .2s; }
        .sec_intro .img_area .friend_list li:nth-of-type(2) {
          transition-delay: .4s; }
        .sec_intro .img_area .friend_list li:nth-of-type(3) {
          transition-delay: .6s; }
        .sec_intro .img_area .friend_list li:last-of-type {
          transition-delay: .8s; }
        .sec_intro .img_area .friend_list li p {
          margin-top: 10px;
          font-weight: bold; }
          .sec_intro .img_area .friend_list li p span {
            position: relative; }
        .sec_intro .img_area .friend_list li .img {
          margin: 0 auto;
          filter: drop-shadow(7px 7px 0 #daddd8); }

.sec_offer {
  margin-top: 80px;
  margin-bottom: 80px; }
  .sec_offer .introtxt {
    text-align: center;
    line-height: 2; }
  .sec_offer .offer {
    margin: 60px auto 0;
    max-width: 1400px;
    text-align: center; }
    .sec_offer .offer .f_inner {
      /*align-items: stretch;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;*/ }
    .sec_offer .offer .item {
      width: 100%;
      background-color: #F3F3F3;
      /*&.owner {
      	width: 65%;
      }
      &.friend {
      	width: 33%;
      	margin-left: 2%;
      }*/ }
      .sec_offer .offer .item + .item {
        margin-top: 30px; }
      .sec_offer .offer .item .head {
        background-color: #77846E;
        color: #fff;
        text-align: center;
        padding: 8px;
        font-size: 24px;
        font-weight: bold; }
        .sec_offer .offer .item .head span {
          font-size: 16px;
          margin-left: 5px; }
      .sec_offer .offer .item .body {
        padding: 40px;
        /*display: flex;*/ }
        .sec_offer .offer .item .body .item_inner {
          flex: 1;
          /*& + .item_inner {
          	margin-left: 4%;
          	padding-left: 4%;
          	border-left: 1px solid $gray;
          }*/ }
          .sec_offer .offer .item .body .item_inner + .item_inner {
            padding-top: 4%;
            margin-top: 4%;
            border-top: 1px solid #CCC; }
          .sec_offer .offer .item .body .item_inner .title {
            font-weight: bold;
            font-size: 20px;
            color: #77846E;
            position: relative;
            margin-bottom: 20px;
            padding-bottom: 20px; }
            .sec_offer .offer .item .body .item_inner .title span {
              font-size: 16px;
              display: block; }
            .sec_offer .offer .item .body .item_inner .title::before {
              content: "";
              width: 50px;
              height: 1px;
              background: #CCC;
              position: absolute;
              left: 0;
              right: 0;
              bottom: 0;
              margin: 0 auto; }
          .sec_offer .offer .item .body .item_inner .text {
            font-weight: bold; }
          .sec_offer .offer .item .body .item_inner .num {
            font-family: "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
            font-weight: bold;
            font-size: 20px;
            margin: 5px 0px 20px 0px;
            line-height: 1.4; }
            .sec_offer .offer .item .body .item_inner .num span {
              margin-right: 5px;
              font-size: 42px;
              color: #77846E; }
            .sec_offer .offer .item .body .item_inner .num i {
              font-size: 28px;
              color: #77846E; }
          .sec_offer .offer .item .body .item_inner .subtext {
            background-color: #E7EBE3;
            display: inline-block;
            padding: 3px 25px;
            border-radius: 99px;
            font-size: 14px;
            font-weight: bold; }
          .sec_offer .offer .item .body .item_inner .note {
            font-size: 13px;
            margin: 10px auto; }
          .sec_offer .offer .item .body .item_inner .goods {
            max-width: 1000px;
            padding-top: 70px;
            margin: 70px auto 0;
            display: flex;
            text-align: start;
            position: relative; }
            .sec_offer .offer .item .body .item_inner .goods::before {
              content: "";
              width: 80%;
              height: 1px;
              display: block;
              background-color: #CCC;
              position: absolute;
              top: 0;
              left: 50%;
              transform: translateX(-50%); }
            .sec_offer .offer .item .body .item_inner .goods .imgarea {
              width: 30%;
              margin: 0 auto; }
              .sec_offer .offer .item .body .item_inner .goods .imgarea .main_img {
                width: 76%;
                margin: 0 auto 15px; }
                .sec_offer .offer .item .body .item_inner .goods .imgarea .main_img img {
                  filter: drop-shadow(7px 7px 0 #daddd8); }
              .sec_offer .offer .item .body .item_inner .goods .imgarea .sub_img {
                display: flex; }
                .sec_offer .offer .item .body .item_inner .goods .imgarea .sub_img figure {
                  width: 33.3333333333%; }
                  .sec_offer .offer .item .body .item_inner .goods .imgarea .sub_img figure img {
                    filter: drop-shadow(4px 4px 0 #daddd8); }
                  .sec_offer .offer .item .body .item_inner .goods .imgarea .sub_img figure + figure {
                    margin-left: 8px; }
            .sec_offer .offer .item .body .item_inner .goods .textarea {
              width: 70%;
              padding-left: 5%; }
              .sec_offer .offer .item .body .item_inner .goods .textarea .catch {
                font-family: "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
                font-weight: bold; }
                .sec_offer .offer .item .body .item_inner .goods .textarea .catch br {
                  display: none; }
              .sec_offer .offer .item .body .item_inner .goods .textarea .name {
                font-family: "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
                font-weight: bold;
                font-size: 20px;
                margin: 10px 0px 20px 0px;
                line-height: 1.4; }
                .sec_offer .offer .item .body .item_inner .goods .textarea .name span {
                  margin-right: 5px;
                  font-size: 28px;
                  color: #77846E; }
              .sec_offer .offer .item .body .item_inner .goods .textarea .description {
                font-size: 15px; }
                .sec_offer .offer .item .body .item_inner .goods .textarea .description p + p {
                  margin-top: 1em; }

.sec_form {
  padding: 80px 0; }
  .sec_form .form_title {
    text-align: center;
    writing-mode: inherit;
    margin-bottom: 40px; }
    .sec_form .form_title .jp {
      letter-spacing: normal; }
    .sec_form .form_title .en {
      color: #77846E;
      margin-left: 0px; }
  .sec_form .form_text {
    text-align: center;
    margin-bottom: 60px;
    line-height: 2; }
  .sec_form .attention {
    font-size: 90%;
    margin-left: 10px; }

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 (1400px)

------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 1300px )

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1300px) {
  .sec_intro {
    margin-bottom: 60px; }
    .sec_intro .img_area {
      padding-bottom: 0; }
      .sec_intro .img_area .friend_list li {
        margin-bottom: 30px; }
        .sec_intro .img_area .friend_list li:nth-of-type(even) {
          margin-top: 30px; }

  .sec_offer {
    margin-bottom: 60px; }
    .sec_offer .offer .item .head {
      line-height: 1.4; }
      .sec_offer .offer .item .head span {
        margin-left: 0;
        display: block; } }
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 960px )

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  .sec_intro .img_area .friend_list {
    flex-wrap: wrap;
    justify-content: center; }
    .sec_intro .img_area .friend_list li {
      width: 40%;
      padding: 0;
      margin-bottom: 30px; }
      .sec_intro .img_area .friend_list li .img {
        filter: drop-shadow(4px 4px 0 #f3f3f3); }
      .sec_intro .img_area .friend_list li:nth-of-type(even) {
        margin-top: 30px; }
        .sec_intro .img_area .friend_list li:nth-of-type(even) .img, .sec_intro .img_area .friend_list li:nth-of-type(even) p {
          width: 80%; }
      .sec_intro .img_area .friend_list li:nth-of-type(odd) .img, .sec_intro .img_area .friend_list li:nth-of-type(odd) p {
        width: 80%; }
      .sec_intro .img_area .friend_list li:nth-of-type(1) .img, .sec_intro .img_area .friend_list li:nth-of-type(1) p, .sec_intro .img_area .friend_list li:nth-of-type(2) .img, .sec_intro .img_area .friend_list li:nth-of-type(2) p {
        margin: 10px auto 0 0; }
      .sec_intro .img_area .friend_list li:nth-of-type(3) .img, .sec_intro .img_area .friend_list li:nth-of-type(3) p, .sec_intro .img_area .friend_list li:nth-of-type(4) .img, .sec_intro .img_area .friend_list li:nth-of-type(4) p {
        margin: 10px 0 0 auto; }

  .sec_offer {
    margin-bottom: 30px; }
    .sec_offer .offer .f_inner {
      display: block; }
    .sec_offer .offer .item.owner, .sec_offer .offer .item.friend {
      width: auto; }
    .sec_offer .offer .item + .item {
      margin: 40px 0 0; }
    .sec_offer .offer .item .body {
      padding: 30px; }
      .sec_offer .offer .item .body .item_inner .title {
        margin-bottom: 10px; }
      .sec_offer .offer .item .body .item_inner .goods .textarea .catch br {
        display: inline; }
    .sec_offer .offer .item .head span {
      margin-left: 5px;
      display: inline-block; }

  .sec_form {
    padding: 60px 0; }
    .sec_form .form_title {
      margin-bottom: 40px; } }
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-4 ( 644px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  .sec_title {
    margin-bottom: 20px;
    letter-spacing: 0;
    line-height: 1.5;
    font-size: 22px; }
    .sec_title span {
      font-size: 16px; }

  .sec_intro {
    margin-bottom: 40px; }
    .sec_intro .introtxt {
      text-align: left;
      font-size: 90%;
      line-height: 1.6; }
    .sec_intro .img_area {
      margin-top: 40px; }
      .sec_intro .img_area .friend_list li {
        width: 50%;
        margin-bottom: 0; }
        .sec_intro .img_area .friend_list li:nth-of-type(even) .img, .sec_intro .img_area .friend_list li:nth-of-type(even) p {
          width: 85%; }
        .sec_intro .img_area .friend_list li:nth-of-type(odd) .img, .sec_intro .img_area .friend_list li:nth-of-type(odd) p {
          width: 85%; }
        .sec_intro .img_area .friend_list li p {
          font-size: 12px; }

  .sec_offer {
    margin-top: 70px; }
    .sec_offer .introtxt {
      font-size: 90%;
      line-height: 1.6; }
    .sec_offer .offer {
      margin-top: 30px; }
      .sec_offer .offer .item + .item {
        margin-top: 30px; }
      .sec_offer .offer .item .head {
        font-size: 16px;
        padding: 10px 5px; }
        .sec_offer .offer .item .head span {
          font-size: 12px; }
      .sec_offer .offer .item .body {
        display: block;
        padding: 20px; }
        .sec_offer .offer .item .body .item_inner + .item_inner {
          border-left: none;
          padding: 25px 0 0;
          margin: 25px 0 0;
          border-top: 1px solid #CCC; }
        .sec_offer .offer .item .body .item_inner .title {
          font-size: 16px;
          padding-bottom: 10px; }
        .sec_offer .offer .item .body .item_inner .num {
          font-size: 16px;
          margin: 0 0 10px; }
          .sec_offer .offer .item .body .item_inner .num span {
            font-size: 30px; }
          .sec_offer .offer .item .body .item_inner .num i {
            font-size: 16px; }
        .sec_offer .offer .item .body .item_inner .note {
          font-size: 12px; }
        .sec_offer .offer .item .body .item_inner .subtext {
          margin-top: 10px;
          padding: 2px 25px;
          font-size: 13px; }
        .sec_offer .offer .item .body .item_inner .goods {
          padding-top: 40px;
          margin: 40px auto 0;
          display: block; }
          .sec_offer .offer .item .body .item_inner .goods .imgarea {
            width: 100%;
            margin-bottom: 20px; }
            .sec_offer .offer .item .body .item_inner .goods .imgarea .main_img {
              width: 60%;
              margin: 15px auto; }
            .sec_offer .offer .item .body .item_inner .goods .imgarea .sub_img {
              width: 80%;
              margin: 0 auto; }
          .sec_offer .offer .item .body .item_inner .goods .textarea {
            width: 100%;
            padding-left: 0; }
            .sec_offer .offer .item .body .item_inner .goods .textarea .catch {
              text-align: center; }
            .sec_offer .offer .item .body .item_inner .goods .textarea .name {
              text-align: center;
              font-size: 16px; }
              .sec_offer .offer .item .body .item_inner .goods .textarea .name span {
                font-size: 22px; }
            .sec_offer .offer .item .body .item_inner .goods .textarea .description {
              font-size: 14px; }

  .sec_form {
    padding: 40px 0; }
    .sec_form .form_title {
      margin-bottom: 20px; }
    .sec_form .form_text {
      margin-bottom: 30px;
      line-height: 1.6;
      text-align: justify;
      font-size: 90%;
      padding: 0 5px; }
    .sec_form .attention {
      font-size: 13px;
      margin-left: 1px; }

  #mailformpro table.inputform th {
    padding: 15px 4px 7px; }
  #mailformpro table.inputform td {
    padding: 0 3px 15px; } }