/*! Writen  by SCSS */
body {
  background: #B9BC3A; }

.contents_wrap {
  padding-left: 0; }

.outline_cont {
  padding: 150px 0; }
  @media screen and (max-width: 480px) {
    .outline_cont {
      padding: 100px 0 80px; } }
  .outline_cont .sec_ttl_wrap {
    margin-bottom: clamp(40px, 8.572vw, 120px);
    align-items: center; }
    @media screen and (max-width: 480px) {
      .outline_cont .sec_ttl_wrap {
        margin-bottom: 40px; } }
    .outline_cont .sec_ttl_wrap .contact_sub {
      font-size: clamp(16px, 1.715vw, 24px);
      color: #FFF; }
  .outline_cont .outline_wrap {
    max-width: 860px;
    margin: 0 auto clamp(100px, 15.834vw, 190px); }
    @media screen and (max-width: 480px) {
      .outline_cont .outline_wrap {
        flex-direction: column; } }
    .outline_cont .outline_wrap .outline_in {
      width: 45.35%;
      display: flex;
      flex-direction: column;
      color: #FFF;
      row-gap: 30px; }
      @media screen and (max-width: 480px) {
        .outline_cont .outline_wrap .outline_in {
          width: 100%;
          row-gap: 25px; } }
      .outline_cont .outline_wrap .outline_in .outline_txt {
        font-size: clamp(10px, 1.334vw, 16px); }
        @media screen and (max-width: 768px) {
          .outline_cont .outline_wrap .outline_in .outline_txt {
            font-size: 14px; } }
        @media screen and (max-width: 480px) {
          .outline_cont .outline_wrap .outline_in .outline_txt {
            font-size: 13px; } }
  .outline_cont .contact_link {
    max-width: 340px;
    margin: 0 auto clamp(50px, 8.334vw, 100px);
    background: #FFFDE3;
    border-radius: 47px;
    line-height: 1;
    padding: 30px 5px;
    display: block;
    text-align: center;
    border: 1px solid #FFFDE3;
    transition: 0.3s all ease-in-out 0s; }
    .outline_cont .contact_link .contact_txt {
      font-size: clamp(18px, 2vw, 24px);
      color: #BABC39;
      transition: 0.3s all ease-in-out 0s; }
    body:not(.mobile) .outline_cont .contact_link:hover {
      background: #BABC39; }
      body:not(.mobile) .outline_cont .contact_link:hover .contact_txt {
        color: #FFF; }
  .outline_cont .top_back {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: clamp(18px, 2vw, 24px);
    color: #FFFDE3;
    text-decoration: underline; }
    body:not(.mobile) .outline_cont .top_back:hover {
      text-decoration: none; }

/*# sourceMappingURL=outline.css.map */
