@charset "UTF-8";
/*********************************************
 * 
 * Global
 *
**********************************************/
html,
body {
  overflow-x: hidden;
}

html {
  font-size: 100%;
}
@media (min-width: 680px) {
  html {
    font-size: 118%;
  }
}

body {
  font-family: "Noto Sans JP", serif;
  line-height: 1.7;
  color: #000000;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.mainWrap {
  margin: 0 auto;
  max-width: 810px;
  width: 90%;
}

.red {
  color: #B2000E;
}

.yellow {
  color: #F2D52F;
}

.green {
  color: #649F44;
}

.br-sp {
  display: block;
}

@media (min-width: 460px) {
  .br-sp {
    display: none;
  }
}
/*********************************************
 * 
 * サイトロゴ
 *
**********************************************/
.siteTitle {
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25rem;
}
@media (min-width: 680px) {
  .siteTitle {
    font-size: 2rem;
  }
}
.siteTitle span {
  color: #0065B2;
  letter-spacing: -3px;
}

.sectionTitle {
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.4rem, 3vw, 2rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.sectionTitle::before, .sectionTitle::after {
  content: "";
  display: inline-block;
  width: 2px;
  background-color: #000000;
}
.sectionTitle::before {
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
  margin-right: 16px;
}
.sectionTitle::after {
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  margin-left: 16px;
}

/*********************************************
 * 
 * header  
 *
**********************************************/
.header {
  background-image: url(../img/header-01.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.header-wrap {
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
}
.header-wrap > .siteTitle {
  padding-left: 3vw;
}
.header-list {
  padding: 6px 3vw 6px 0;
  text-align: right;
  font-size: 0.875rem;
}
.header-list-tel {
  font-weight: bold;
  letter-spacing: 0.05em;
}
.header-list-goContact {
  display: inline-block;
  margin-top: 8px;
  padding: 6px 8px;
  border: 2px solid #B2000E;
  border-radius: 16px;
  font-weight: bold;
  color: #B2000E;
}
@media (any-hover: hover) {
  .header-list-goContact:hover {
    opacity: 0.6;
  }
}
.header-concept {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  max-width: 810px;
  width: 90%;
  padding: 32px 0;
}
.header-concept li {
  background-image: url(../img/top-1.png);
  width: 20vw;
  height: 20vw;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  line-height: 20vw;
  font-size: clamp(1rem, 4vw, 2rem);
  font-weight: bold;
}
@media (max-width: 500px) {
  .header-concept li {
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
}

/*********************************************
 * 
 * footer  
 *
**********************************************/
.footer {
  padding: 120px 3vw 8px;
}
.footer-link {
  text-align: center;
  color: #0065B2;
  font-weight: bold;
  margin-bottom: 64px;
}
.footer-link > .current {
  color: #E5EAEB;
}
@media (any-hover: hover) {
  .footer-link a:hover {
    opacity: 0.6;
  }
}
.footer-add {
  margin-top: 16px;
  margin-bottom: 32px;
}
.footer-add dt {
  font-weight: normal;
}
.footer-add .company {
  font-weight: bold;
  color: #0065B2;
}
@media (any-hover: hover) {
  .footer-add .company:hover {
    opacity: 0.6;
  }
}

/* コピーライト
================================= */
.copyright {
  color: #0065B2;
  text-align: center;
}

/*********************************************
 * 
 * トップエリア  
 *
**********************************************/
.topArea {
  padding-top: 32px;
}
.topArea-lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media (max-width: 540px) {
  .topArea-lead {
    display: block;
  }
}
.topArea-lead-text {
  font-weight: bold;
}
@media (max-width: 540px) {
  .topArea-lead-text {
    text-align: center;
  }
}
.topArea-lead-text p {
  margin-top: 16px;
}
.topArea-lead-text p:first-child {
  font-size: clamp(1.4rem, 4vw, 2.5rem);
}
.topArea-lead-img {
  margin-right: 16px;
  width: 50%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right bottom;
     object-position: right bottom;
  position: relative;
}
@media (max-width: 540px) {
  .topArea-lead-img {
    margin: 32px auto 0;
  }
}
.topArea-obi {
  background-color: #0065B2;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  color: #fff;
  text-align: center;
  line-height: 60px;
  font-size: 1.4rem;
}
.topArea-bgImg {
  background-color: rgb(40, 40, 40);
  background-image: url(../img/top-3.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-blend-mode: overlay;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 10vw calc(50vw - 50%);
}
.topArea-bgImg p {
  font-size: clamp(1.4rem, 3vw, 2rem);
  color: #fff;
  text-align: center;
}
.topArea-bottom {
  padding-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 680px) {
  .topArea-bottom {
    margin: 0 auto;
    width: 80%;
    padding-top: 80px;
  }
}
.topArea-bottom p {
  font-size: 1.2rem;
  font-weight: bold;
}
.topArea-bottom img {
  width: 38%;
}

.marker {
  font-size: clamp(1.4rem, 3vw, 2rem);
  font-style: italic;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #F08300));
  background: linear-gradient(transparent 50%, #F08300 50%);
  display: inline;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  -webkit-transition: background-size 0.6s;
  transition: background-size 0.6s;
}

.on {
  background-size: 100% 100%;
}

/*********************************************
 * 
 * お問合せボタン
 *
**********************************************/
.inquiryLink {
  padding-top: 48px;
  text-align: center;
}
@media (min-width: 680px) {
  .inquiryLink {
    padding-top: 72px;
  }
}
.inquiryLink > a {
  display: inline-block;
  padding: 8px 6%;
  background-color: #F08300;
  color: #fff;
  font-weight: bold;
  font-size: clamp(1rem, 3vw, 1.6rem);
  border-radius: 26px;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 0 6px #F08300;
          box-shadow: 0 0 0 6px #F08300;
}
@media (any-hover: hover) {
  .inquiryLink > a:hover {
    opacity: 0.6;
  }
}

/*********************************************
 * 
 * 電話案内
 *
**********************************************/
.infoTel {
  margin-top: 48px;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 100%;
  border: 3px solid #0065B2;
  text-align: center;
}
@media (min-width: 460px) {
  .infoTel {
    margin: 48px auto 0;
    width: 70%;
  }
}
.infoTel > a {
  font-size: 1.5rem;
}

/*********************************************
 * 
 * お問合せフォームエリア
 *
**********************************************/
.contact {
  padding-top: 48px;
}
.contact-title {
  background-color: #0065B2;
  color: #fff;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  padding-top: 8px;
  padding-bottom: 8px;
}
.contact-title::before, .contact-title::after {
  display: none;
}
.contact-item > label {
  display: inline-block;
  margin-top: 32px;
  font-weight: bold;
}
.contact-item > span {
  margin-left: 8px;
  padding: 0 2px;
  background-color: #B2000E;
  color: #fff;
  font-size: 0.875rem;
}
.contact-item input[type=text],
.contact-item input[type=tel],
.contact-item input[type=email],
.contact-item textarea,
.contact-item select {
  width: 100%;
  padding: 8px;
  border: solid 1px #0065B2;
  border-radius: 5px;
}
.contact-btn {
  margin-top: 32px;
  text-align: center;
}
.contact-btn a {
  color: #0065B2;
  font-weight: bold;
}
@media (any-hover: hover) {
  .contact-btn a:hover {
    opacity: 0.6;
  }
}
.contact-btn input[type=submit] {
  margin-top: 16px;
  display: inline-block;
  padding: 16px 32px;
  border-radius: 5px;
  background-color: #0065B2;
  color: #fff;
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.125rem;
}
@media (min-width: 680px) {
  .contact-btn input[type=submit] {
    padding: 16px 72px;
  }
}
@media (any-hover: hover) {
  .contact-btn input[type=submit]:hover {
    opacity: 0.6;
  }
}

/*********************************************
 * 
 * 飲食店売却に強い３つの理由  
 *
**********************************************/
.points {
  padding-top: 48px;
}
@media (min-width: 680px) {
  .points {
    padding-top: 160px;
  }
}
.points-titleBox {
  position: relative;
}
.points-titleBox img {
  position: absolute;
  top: 17px;
  right: 0;
  width: 18%;
}
@media (min-width: 460px) {
  .points-list {
    margin: 0 auto;
    width: 70%;
  }
}
.points-item {
  margin-top: 32px;
  padding: 32px;
  background-color: #E5EAEB;
  border-radius: 16px;
}
@media (min-width: 680px) {
  .points-item {
    margin-top: 48px;
    padding: 48px;
  }
}
.points-item-title {
  position: relative;
  font-size: 1.125rem;
  font-weight: bold;
  color: #0065B2;
}
.points-item-title span {
  position: absolute;
  top: -78px;
  left: -38px;
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 4rem;
}
@media (min-width: 680px) {
  .points-item-title span {
    top: -108px;
  }
}

/*********************************************
 * 
 * 簡単３ステップ　お申し込みの流れ  
 *
**********************************************/
.step {
  padding-top: 48px;
}
@media (min-width: 680px) {
  .step {
    padding-top: 160px;
  }
}
.step-list {
  padding: 32px 10% 0;
  position: relative;
}
@media (min-width: 680px) {
  .step-list {
    padding-top: 80px;
  }
}
.step-list-item {
  background-repeat: no-repeat;
  background-size: 14%;
  padding-left: 20%;
  padding-bottom: 56px;
}
@media (min-width: 680px) {
  .step-list-item {
    padding-bottom: 80px;
  }
}
.step-list-item-title {
  font-weight: bold;
}
.step-list li:nth-of-type(1) {
  background-image: url(../img/step-1.svg);
}
.step-list li:nth-of-type(1)::before {
  position: absolute;
  top: 35px;
  left: 15.3%;
  z-index: -1;
  content: "";
  display: inline-block;
  background-color: #E5EAEB;
  width: 5px;
  height: 70%;
}
@media (min-width: 680px) {
  .step-list li:nth-of-type(1)::before {
    top: 95px;
  }
}
.step-list li:nth-of-type(2) {
  background-image: url(../img/step-2.svg);
}
.step-list li:nth-of-type(3) {
  background-image: url(../img/step-3.svg);
}
.step-bottom {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 460px) {
  .step-bottom {
    margin: 48px auto 0;
    width: 70%;
  }
}
.step-bottom img {
  width: 38%;
}

/*********************************************
 * 
 * サンクスページ  
 *
**********************************************/
.thanks {
  margin-top: 32px;
  text-align: center;
}
.thanks-title {
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.875rem;
  color: #0065B2;
  margin-bottom: 32px;
}
.thanks-goTop {
  margin-top: 32px;
}
.thanks-goTop > a {
  display: inline-block;
  padding: 16px 48px;
  background-color: #0065B2;
  color: #fff;
  font-weight: bold;
  border-radius: 16px;
}
.thanks > img {
  margin-top: 32px;
}

/*********************************************
 * 
 * プライバシーポリシー  
 *
**********************************************/
.privacyPolicy {
  margin: 0 auto;
  max-width: 610px;
  width: 90%;
  padding-top: 32px;
}
.privacyPolicy-title {
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.4rem, 3vw, 1.8rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
}
.privacyPolicy-subTitle {
  font-weight: bold;
  margin-top: 16px;
}/*# sourceMappingURL=style.css.map */