* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  padding: 0;
  margin: 0;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #484343;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p {
  padding: 0;
  margin: 0;
  font-weight: 400;
  color: #484343;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

picture {
  display: block;
  width: 100%;
  height: auto;
}

figure {
  margin: 0;
}

a {
  text-decoration: none;
  color: #484343;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:hover {
  cursor: pointer;
}

.pc-none {
  display: none;
}
@media screen and (max-width: 767px) {
  .pc-none {
    display: block;
  }
}

.sp-none {
  display: block;
}
@media screen and (max-width: 767px) {
  .sp-none {
    display: none;
  }
}

:root {
  --mv_mt: 78px;
}

a.link-opacity {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
a.link-opacity:hover {
  opacity: 0.5;
}

a[href*="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  a[href*="tel:"] {
    pointer-events: auto;
  }
}

/* ==================== mv ==================== */
.proposal-mv {
  background-color: #FFD800;
  height: var(--mv_mt);
  min-height: min(60.4166666667vw, 870px);
}
@media screen and (max-width: 767px) {
  .proposal-mv {
    min-height: min(177.8666666667vw, 667px);
  }
}

.proposal-mv-inner {
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding: 0 min(2.0833333333vw, 30px);
  display: -ms-grid;
  display: grid;
      grid-template-areas: "staff house" "copy copy";
  place-content: center;
  row-gap: min(5vw, 72px);
}
@media screen and (max-width: 767px) {
  .proposal-mv-inner {
        grid-template-areas: "staff" "copy" "house";
    row-gap: min(6.4vw, 24px);
    justify-items: center;
  }
}

.proposal-mv-staff {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: staff;
  width: min(37.5vw, 540px);
}
@media screen and (max-width: 767px) {
  .proposal-mv-staff {
    width: min(80vw, 300px);
  }
}

.proposal-mv-house {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: house;
  width: min(45.4861111111vw, 655px);
}
@media screen and (max-width: 767px) {
  .proposal-mv-house {
    width: min(58.9333333333vw, 221px);
  }
}

.proposal-mv-copy {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: copy;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: min(2.0833333333vw, 30px);
     -moz-column-gap: min(2.0833333333vw, 30px);
          column-gap: min(2.0833333333vw, 30px);
}

@media screen and (max-width: 767px) {
  .proposal-mv-staff {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .proposal-mv-house {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .proposal-mv-copy {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media screen and (max-width: 767px) {
  .proposal-mv-copy {
    display: block;
  }
}
.proposal-mv-copy .txt1 {
  width: min(37.0833333333vw, 534px);
}
@media screen and (max-width: 767px) {
  .proposal-mv-copy .txt1 {
    width: min(72.2666666667vw, 271px);
  }
}
.proposal-mv-copy .txt2 {
  width: min(37.5vw, 540px);
}
@media screen and (max-width: 767px) {
  .proposal-mv-copy .txt2 {
    margin-top: min(2.1333333333vw, 8px);
    width: min(73.0666666667vw, 274px);
  }
}

/* ==================== lead ==================== */
.proposal-lead {
  margin-top: min(14.2361111111vw, 205px);
}

.proposal-lead .ttl {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .proposal-lead .ttl {
    padding: 0 min(4vw, 15px);
  }
}
.proposal-lead .ttl .txt1 {
  width: min(55.0694444444vw, 793px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .proposal-lead .ttl .txt1 {
    width: 100%;
  }
}
.proposal-lead .ttl .txt2 {
  width: min(42.2916666667vw, 609px);
  margin: 0 auto;
  margin-top: min(1.6666666667vw, 24px);
}
@media screen and (max-width: 767px) {
  .proposal-lead .ttl .txt2 {
    width: 100%;
    margin-top: min(4vw, 15px);
  }
}

.proposal-lead-container {
  background-color: #FFD800;
  padding: min(11.4583333333vw, 165px) min(6.25vw, 90px);
  margin-top: min(4.8611111111vw, 70px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .proposal-lead-container {
    padding: min(21.3333333333vw, 80px) min(4vw, 15px);
  }
}
.proposal-lead-container .container {
  position: relative;
  max-width: 1260px;
}
@media screen and (max-width: 767px) {
  .proposal-lead-container .container {
    padding: 0;
  }
}
.proposal-lead-container .container::before {
  content: "";
  width: min(16.0416666667vw, 231px);
  height: min(19.6527777778vw, 283px);
  position: absolute;
  bottom: calc(100% + min(5.6944444444vw, 82px));
  left: max(-3.8888888889vw, -56px);
  background: url(../../img/proposal/proposal-lead-illust01.webp) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .proposal-lead-container .container::before {
    display: none;
  }
}
.proposal-lead-container .container::after {
  content: "";
  width: min(17.9861111111vw, 259px);
  height: min(19.7916666667vw, 285px);
  position: absolute;
  bottom: calc(100% + min(5.7638888889vw, 83px));
  right: max(-3.9583333333vw, -57px);
  background: url(../../img/proposal/proposal-lead-illust02.webp) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .proposal-lead-container .container::after {
    display: none;
  }
}

.proposal-lead-copy {
  width: calc(100% - min(6.6666666667vw, 96px));
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .proposal-lead-copy {
    width: min(88.8vw, 333px);
  }
}

.proposal-lead-list {
  margin-top: min(6.5972222222vw, 95px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: min(3.4722222222vw, 50px) min(4.1666666667vw, 60px);
}
@media screen and (max-width: 767px) {
  .proposal-lead-list {
    margin-top: min(12vw, 45px);
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: min(6.6666666667vw, 25px);
  }
}
.proposal-lead-list .item {
  width: calc(50% - min(4.1666666667vw, 60px) / 2);
  border: solid 3px #000000;
  border-radius: 30px;
  background-color: #ffffff;
  padding: min(2.0833333333vw, 30px);
  -webkit-filter: drop-shadow(4.33px 4.33px 0px rgba(250, 190, 0, 0.75));
          filter: drop-shadow(4.33px 4.33px 0px rgba(250, 190, 0, 0.75));
}
@media screen and (max-width: 767px) {
  .proposal-lead-list .item {
    width: 100%;
    min-height: min(72vw, 270px);
    padding: min(6.6666666667vw, 25px) min(5.3333333333vw, 20px);
  }
}
.proposal-lead-list .sttl {
  padding-bottom: min(0.8333333333vw, 12px);
  margin-top: min(1.1111111111vw, 16px);
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .proposal-lead-list .sttl {
    padding-bottom: min(2.9333333333vw, 11px);
  }
}
.proposal-lead-list .sttl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: min(21.1805555556vw, 305px);
  height: 3px;
  background-color: #000000;
}
@media screen and (max-width: 767px) {
  .proposal-lead-list .sttl::after {
    width: min(81.3333333333vw, 305px);
  }
}
.proposal-lead-list .sttl.t1 {
  width: min(16.3194444444vw, 235px);
}
@media screen and (max-width: 767px) {
  .proposal-lead-list .sttl.t1 {
    width: min(45.3333333333vw, 170px);
  }
}
.proposal-lead-list .sttl.t2 {
  width: min(11.3888888889vw, 164px);
}
@media screen and (max-width: 767px) {
  .proposal-lead-list .sttl.t2 {
    width: min(32vw, 120px);
  }
}
.proposal-lead-list .sttl.t3 {
  width: min(13.6111111111vw, 196px);
}
@media screen and (max-width: 767px) {
  .proposal-lead-list .sttl.t3 {
    width: min(36.8vw, 138px);
  }
}
.proposal-lead-list .sttl.t4 {
  width: min(11.5972222222vw, 167px);
}
@media screen and (max-width: 767px) {
  .proposal-lead-list .sttl.t4 {
    width: min(33.6vw, 126px);
  }
}
.proposal-lead-list .txt:first-of-type {
  margin-top: min(1.1111111111vw, 16px);
}
@media screen and (max-width: 767px) {
  .proposal-lead-list .txt:first-of-type {
    margin-top: min(4vw, 15px);
  }
}
.proposal-lead-list .txt:not(:first-of-type) {
  margin-top: min(2.0833333333vw, 30px);
}
@media screen and (max-width: 767px) {
  .proposal-lead-list .txt:not(:first-of-type) {
    margin-top: min(4vw, 15px);
  }
}

/* ==================== case ==================== */
.proposal-case {
  margin-top: min(9.0277777778vw, 130px);
}

.proposal-case .ttl {
  margin: 0 auto;
  width: min(54.4444444444vw, 784px);
}
@media screen and (max-width: 767px) {
  .proposal-case .ttl {
    width: 100%;
    padding: 0 min(4vw, 15px);
  }
}

.proposal-case-container {
  margin-top: min(4.8611111111vw, 70px);
  background-color: #FFD800;
  padding: min(9.0277777778vw, 130px) 0 min(11.4583333333vw, 165px);
}
@media screen and (max-width: 767px) {
  .proposal-case-container .container {
    padding-inline: min(4vw, 15px);
  }
}

.proposal-case-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(3.125vw, 45px);
     -moz-column-gap: min(3.125vw, 45px);
          column-gap: min(3.125vw, 45px);
}
@media screen and (max-width: 767px) {
  .proposal-case-copy {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .proposal-case-copy .logo {
    width: min(44vw, 165px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .proposal-case-copy .copy {
    margin-top: min(8vw, 30px);
  }
}
.proposal-case-copy .txt1 {
  width: 84.48%;
}
@media screen and (max-width: 767px) {
  .proposal-case-copy .txt1 {
    margin: 0 auto;
    width: min(77.6vw, 291px);
  }
}
.proposal-case-copy .txt2 {
  margin-top: min(1.3888888889vw, 20px);
}
@media screen and (max-width: 767px) {
  .proposal-case-copy .txt2 {
    margin: min(1.8666666667vw, 7px) auto 0;
    width: min(91.4666666667vw, 343px);
  }
}

.voice-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(0.6944444444vw, 10px);
     -moz-column-gap: min(0.6944444444vw, 10px);
          column-gap: min(0.6944444444vw, 10px);
  margin-top: min(1.7361111111vw, 25px);
}
@media screen and (max-width: 767px) {
  .voice-wrap {
    display: block;
    margin-top: min(5.3333333333vw, 20px);
  }
}
.voice-wrap .logo {
  width: min(8.9583333333vw, 129px);
}
@media screen and (max-width: 767px) {
  .voice-wrap .logo {
    width: min(34.4vw, 129px);
    margin: 0 auto;
  }
}
.voice-wrap .txt {
  width: min(53.9583333333vw, 777px);
}
@media screen and (max-width: 767px) {
  .voice-wrap .txt {
    margin: min(5.3333333333vw, 20px) auto 0;
    width: min(92vw, 345px);
  }
}

.proposal-case-list {
  margin-top: min(6.9444444444vw, 100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: min(3.4722222222vw, 50px) min(4.1666666667vw, 60px);
}
@media screen and (max-width: 767px) {
  .proposal-case-list {
    display: block;
    margin-top: min(13.3333333333vw, 50px);
  }
}
.proposal-case-list .item {
  width: calc(50% - min(4.1666666667vw, 60px) / 2);
}
@media screen and (max-width: 767px) {
  .proposal-case-list .item {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .proposal-case-list .item:not(:first-of-type) {
    margin-top: min(12vw, 45px);
  }
}

.case-block {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
}
.case-block .wrap {
  padding: min(2.7777777778vw, 40px) min(2.4305555556vw, 35px);
}
@media screen and (max-width: 767px) {
  .case-block .wrap {
    padding: min(6.6666666667vw, 25px) min(4vw, 15px);
  }
}
.case-block .sttl {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .case-block .sttl {
    width: 90% !important;
  }
}
.case-block .sttl.t1 {
  width: min(32.0833333333vw, 462px);
}
.case-block .sttl.t2 {
  width: min(32.3611111111vw, 466px);
}
.case-block .sttl.t3 {
  width: min(32.4305555556vw, 467px);
}
.case-block .sttl.t4 {
  width: min(22.4305555556vw, 323px);
}
.case-block .txt {
  margin-top: min(1.875vw, 27px);
}
@media screen and (max-width: 767px) {
  .case-block .txt {
    margin-top: min(5.3333333333vw, 20px);
  }
}

.voice-block::before {
  content: "";
  display: block;
  margin: min(2.4305555556vw, 35px) auto 0;
  width: min(10.0694444444vw, 145px);
  height: min(5.9027777778vw, 85px);
  background: url(../../img/proposal/proposal-case-arrow.webp) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .voice-block::before {
    margin-top: min(6.6666666667vw, 25px);
    width: min(26.6666666667vw, 100px);
    height: min(15.4666666667vw, 58px);
  }
}
.voice-block .ttl {
  position: relative;
  margin-top: min(1.5277777778vw, 22px);
}
@media screen and (max-width: 767px) {
  .voice-block .ttl {
    margin-top: min(5.3333333333vw, 20px);
    width: 100% !important;
  }
}
.voice-block .ttl::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  translate: -50% 0;
  width: min(31.25vw, 450px);
  height: 6px;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .voice-block .ttl::after {
    width: min(92vw, 345px);
  }
}
.voice-block .ttl.t1 {
  width: min(28.3333333333vw, 408px);
}
.voice-block .ttl.t2 {
  width: min(22.4305555556vw, 323px);
}
.voice-block .ttl.t3 {
  width: min(30.0694444444vw, 433px);
}
.voice-block .ttl.t4 {
  width: min(27.3611111111vw, 394px);
}
.voice-block .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: min(2.7777777778vw, 40px);
     -moz-column-gap: min(2.7777777778vw, 40px);
          column-gap: min(2.7777777778vw, 40px);
  margin-top: min(3.8888888889vw, 56px);
}
@media screen and (max-width: 767px) {
  .voice-block .wrap {
    margin-top: min(9.0666666667vw, 34px);
    display: block;
  }
}
.voice-block .wrap .img {
  width: min(13.8888888889vw, 200px);
}
@media screen and (max-width: 767px) {
  .voice-block .wrap .img {
    width: min(53.3333333333vw, 200px);
    margin: 0 auto min(5.3333333333vw, 20px);
  }
}

.proposal-case-bottom {
  margin-top: min(6.9444444444vw, 100px);
}
@media screen and (max-width: 767px) {
  .proposal-case-bottom {
    margin-top: min(16vw, 60px);
  }
}
.proposal-case-bottom .enough-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: min(1.3888888889vw, 20px);
     -moz-column-gap: min(1.3888888889vw, 20px);
          column-gap: min(1.3888888889vw, 20px);
}
@media screen and (max-width: 767px) {
  .proposal-case-bottom .enough-wrap {
    display: block;
  }
}
.proposal-case-bottom .enough-wrap .txt1 {
  width: min(26.875vw, 387px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .proposal-case-bottom .enough-wrap .txt1 {
    width: min(90.4vw, 339px);
    margin: 0 auto;
  }
}
.proposal-case-bottom .enough-wrap .txt1::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  translate: 80% -50%;
  display: block;
  width: min(0.6944444444vw, 10px);
  height: min(0.6944444444vw, 10px);
  background-color: #000000;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width: 767px) {
  .proposal-case-bottom .enough-wrap .txt1::after {
    width: min(2.6666666667vw, 10px);
    height: min(2.6666666667vw, 10px);
    right: auto;
    left: 50%;
    top: auto;
    bottom: 0;
    translate: -50% 80%;
    rotate: 90deg;
  }
}
.proposal-case-bottom .enough-wrap .txt2 {
  width: min(42.9166666667vw, 618px);
}
@media screen and (max-width: 767px) {
  .proposal-case-bottom .enough-wrap .txt2 {
    width: min(92vw, 345px);
    margin: min(8vw, 30px) auto 0;
  }
}
.proposal-case-bottom .txt-wrap {
  margin-top: min(2.0833333333vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: min(2.0833333333vw, 30px);
     -moz-column-gap: min(2.0833333333vw, 30px);
          column-gap: min(2.0833333333vw, 30px);
}
@media screen and (max-width: 767px) {
  .proposal-case-bottom .txt-wrap {
    display: block;
    margin-top: min(8vw, 30px);
  }
}
.proposal-case-bottom .txt-wrap .txt {
  width: min(54.375vw, 783px);
  font-size: min(1.25vw, 18px);
  font-weight: 500;
  line-height: 1.67;
}
@media screen and (max-width: 767px) {
  .proposal-case-bottom .txt-wrap .txt {
    width: 100%;
    font-size: min(4.2666666667vw, 16px);
  }
}
.proposal-case-bottom .txt-wrap .contact-btn {
  width: min(23.9583333333vw, 345px);
}
@media screen and (max-width: 767px) {
  .proposal-case-bottom .txt-wrap .contact-btn {
    width: 100%;
    margin-top: min(16vw, 60px);
  }
}

/* ==================== staff ==================== */
.proposal-staff {
  margin-top: min(9.0277777778vw, 130px);
}
@media screen and (max-width: 767px) {
  .proposal-staff {
    margin-top: min(26.6666666667vw, 100px);
  }
}
@media screen and (max-width: 767px) {
  .proposal-staff .container {
    padding: 0 min(4vw, 15px);
  }
}
.proposal-staff .wrap {
  border-radius: 10px;
  border: solid 2px #000000;
  background-color: #FFD800;
  display: -ms-grid;
  display: grid;
  place-content: center;
  position: relative;
  padding: min(2.7777777778vw, 40px) 0;
}
@media screen and (max-width: 767px) {
  .proposal-staff .wrap {
    padding: min(17.6vw, 66px) min(8vw, 30px) min(10.9333333333vw, 41px);
  }
}
.proposal-staff .wrap .blowing {
  width: min(15.8333333333vw, 228px);
  position: absolute;
  left: min(18.8194444444vw, 271px);
  top: -28px;
}
@media screen and (max-width: 767px) {
  .proposal-staff .wrap .blowing {
    top: 0;
    left: 50%;
    translate: -50% -50%;
    width: min(38.1333333333vw, 143px);
  }
}
.proposal-staff .wrap .ttl {
  margin-left: min(15.8333333333vw, 228px);
  width: min(27.1527777778vw, 391px);
}
@media screen and (max-width: 767px) {
  .proposal-staff .wrap .ttl {
    width: 100%;
    margin-left: 0;
  }
}

.staff-profile {
  margin-top: min(3.6805555556vw, 53px);
}
@media screen and (max-width: 767px) {
  .staff-profile {
    margin-top: min(8vw, 30px);
  }
}
.staff-profile .staff-profile-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: min(4.8611111111vw, 70px);
     -moz-column-gap: min(4.8611111111vw, 70px);
          column-gap: min(4.8611111111vw, 70px);
}
@media screen and (max-width: 767px) {
  .staff-profile .staff-profile-wrap {
    display: block;
  }
}
.staff-profile .staff-profile-wrap .img {
  width: min(24.0972222222vw, 347px);
  height: min(27.0833333333vw, 390px);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  border: solid 1px #d9d9d9;
}
@media screen and (max-width: 767px) {
  .staff-profile .staff-profile-wrap .img {
    width: 100%;
    height: auto;
  }
}
.staff-profile .txt-wrap {
  font-size: min(1.25vw, 18px);
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .staff-profile .txt-wrap {
    margin-top: min(10.6666666667vw, 40px);
    font-size: min(4.2666666667vw, 16px);
  }
}
.staff-profile .txt-wrap p:not(:first-child) {
  margin-top: 20px;
}
.staff-profile .txt-wrap p.role {
  margin-top: min(2.4305555556vw, 35px);
  font-weight: 700;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .staff-profile .txt-wrap p.role {
    margin-top: min(10.6666666667vw, 40px);
  }
}
.staff-profile .txt-wrap p.role span {
  margin-left: min(1.3888888889vw, 20px);
}
@media screen and (max-width: 767px) {
  .staff-profile .txt-wrap p.role span {
    margin-left: calcMinSP(10);
  }
}

/* ==================== contact ==================== */
.proposal-contact {
  margin-top: min(11.1111111111vw, 160px);
}
.proposal-contact .proposal-contact-wrap {
  margin-top: min(6.25vw, 90px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .proposal-contact .proposal-contact-wrap {
    display: block;
    margin-top: min(9.3333333333vw, 35px);
  }
}
.proposal-contact .ttl {
  position: relative;
}
.proposal-contact .ttl::before {
  content: "";
  height: 2px;
  width: 100%;
  z-index: -1;
  position: absolute;
  background-color: #000000;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}
.proposal-contact .ttl .img {
  width: min(17.3611111111vw, 250px);
  padding: 0 min(1.7361111111vw, 25px);
  margin: 0 auto;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .proposal-contact .ttl .img {
    width: min(53.3333333333vw, 200px);
    padding: 0 min(8vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .proposal-contact .container {
    padding: 0 min(4vw, 15px);
  }
}

.contact-info .company {
  width: min(31.25vw, 450px);
}
@media screen and (max-width: 767px) {
  .contact-info .company {
    margin: 0 auto;
    width: min(80vw, 300px);
  }
}
.contact-info .addr {
  width: min(34.7222222222vw, 500px);
  margin-top: min(2.5694444444vw, 37px);
}
@media screen and (max-width: 767px) {
  .contact-info .addr {
    width: min(26.6666666667vw, 100px);
    width: 100%;
    margin-top: min(8vw, 30px);
  }
}
.contact-info .tel {
  margin-top: min(3.4722222222vw, 50px);
  width: min(45.1388888889vw, 650px);
}
@media screen and (max-width: 767px) {
  .contact-info .tel {
    width: min(26.6666666667vw, 100px);
    width: 100%;
    margin-top: min(12vw, 45px);
  }
}

.sns-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: min(1.7361111111vw, 25px);
     -moz-column-gap: min(1.7361111111vw, 25px);
          column-gap: min(1.7361111111vw, 25px);
}
@media screen and (max-width: 767px) {
  .sns-wrap {
    margin-top: min(13.3333333333vw, 50px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: min(5.3333333333vw, 20px);
  }
}
.sns-wrap .sns-link {
  display: -ms-grid;
  display: grid;
  place-content: center;
  justify-items: center;
  row-gap: min(1.0416666667vw, 15px);
  border-radius: 10px;
  background-color: #FFD800;
  width: min(12.9166666667vw, 186px);
  height: min(12.9166666667vw, 186px);
}
@media screen and (max-width: 767px) {
  .sns-wrap .sns-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: min(4vw, 15px);
       -moz-column-gap: min(4vw, 15px);
            column-gap: min(4vw, 15px);
    width: 100%;
    width: 80%;
    height: min(21.3333333333vw, 80px);
  }
}
.sns-wrap .sns-link .icon {
  width: min(4.7916666667vw, 69px);
  height: min(4.7916666667vw, 69px);
}
@media screen and (max-width: 767px) {
  .sns-wrap .sns-link .icon {
    width: min(10.6666666667vw, 40px);
    height: min(10.6666666667vw, 40px);
  }
}
.sns-wrap .sns-link.instagram .icon-txt {
  width: min(9.0277777778vw, 130px);
}
@media screen and (max-width: 767px) {
  .sns-wrap .sns-link.instagram .icon-txt {
    width: min(46.1333333333vw, 173px);
    width: 50%;
  }
}
.sns-wrap .sns-link.youtube .icon-txt {
  width: min(7.6388888889vw, 110px);
}
@media screen and (max-width: 767px) {
  .sns-wrap .sns-link.youtube .icon-txt {
    width: min(40vw, 150px);
    width: 50%;
  }
}

/* ==================== header ==================== */
header a {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 1;
}
header a:hover {
  opacity: 0.5;
}

/* ==================== footer ==================== */
.proposal-footer {
  padding: min(8.3333333333vw, 120px) 0;
  margin-top: min(9.7222222222vw, 140px);
}
.proposal-footer .footer__logo {
  width: min(13.8888888889vw, 200px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .proposal-footer .footer__logo {
    width: min(32vw, 120px);
  }
}
.proposal-footer .footer-sns-wrap {
  margin-top: min(3.125vw, 45px);
}
.proposal-footer .footer-copy {
  margin-top: min(4.1666666667vw, 60px);
}
.proposal-footer .sns__link {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.proposal-footer .sns__link:hover {
  opacity: 0.5;
}

/* ==================== common ==================== */