@charset "UTF-8";
/* CSS Document */
/*===============================================
●変数
===============================================*/
/*===============================================
●共通
===============================================*/
.recYellow {
  fill: #f9ff3d;
}

.recRed {
  fill: #c44747;
}

.arrowIcon {
  fill: #fff;
}

.sparrowIcon {
  fill: #D83E08;
}

.recBlue {
  fill: #005982;
}

.recOrange {
  fill: #f23f00;
}

.fontYellow {
  color: #fff000;
}

/* メインイメージ
------------------------------------------ */
.mainKv .mainImg {
  margin: 0 auto;
  max-width: 1920px;
}

.mainKv img {
  width: 100%;
}

/* お問合せ
------------------------------------------ */
.headingLv1 {
  /* font-family: "ゴシックMB101 DB"; */
  font-weight: 600;
  color: #D83E08;
  line-height: 1em;
  text-align: center;
  line-height: 1.3em;
}

#contactFlex #telArea a {
  margin-bottom: 1em;
}

.contactTel {
  margin: 0;
}

.contactFax {
  font-family: "Oswald", sans-serif;
  font-size: 2.86em;
  line-height: 1em;
  margin: 0;
  padding: 0;
}

.contactNote {
  /* font-family: "ゴシックMB101 DB"; */
  font-size: 1.14em; font-weight: 600;
  text-align: center;
}

#contactFlex .contactBox > div {
  border: 1px solid #3B4043;
  border-top: none;
}

#contactFlex #mailArea .btn a {
  position: relative;
  border-radius: 0;
  letter-spacing: 0;
}

/* 4つの理由
------------------------------------------ */
.reasonArea {
  background: #003567;
}

.reasonArea .reasonAreaBg {
  background: transparent url("../../img/dealer_wanted/reason_bg.png") no-repeat bottom/cover;
}

.reasonArea .reasonAreaBg .reasonHeading {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  text-align: center;
  color: #fff;
  line-height: 1em;
}

.reasonArea .reasonAreaBg .reasonIntroduction {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #fff;
  line-height: 2.125em;
  text-align: center;
}

.reasonArea .reasonInner .reasonImg .imgDesc {
  color: #fff;
  line-height: 1.57em;
  margin-top: 0.5em;
}

.reasonArea .reasonContent.-col .reasonHeadingLv3 {
  position: relative;
  /* font-family: "ゴシックMB101 DB"; */
  color: #fff000;
  border-bottom: #fff000 1px solid;
  font-size: 2em; font-weight: 600;
  padding: 1.2em 0;
}

.reasonArea .reasonContent.-col .reasonHeadingLv3:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 9em);
  height: 1px;
  background-color: #fff000;
}

.reasonArea .reasonContent .reasonHeadingLv3 {
  position: relative;
  /* font-family: "ゴシックMB101 DB"; */
  color: #fff000;
  border-bottom: #fff000 1px solid;
  font-size: 2em; font-weight: 600;
  padding: 1.2em 0;
}

.reasonArea .reasonContent .reasonHeadingLv3.-reason01:after {
  content: "";
  position: absolute;
  background: url("../../img/dealer_wanted/reason01.png") no-repeat center/contain;
}

.reasonArea .reasonContent .reasonHeadingLv3.-reason02:after {
  content: "";
  position: absolute;
  background: url("../../img/dealer_wanted/reason02.png") no-repeat center/contain;
}

.reasonArea .reasonContent .reasonHeadingLv3.-reason03:after {
  content: "";
  position: absolute;
  background: url("../../img/dealer_wanted/reason03.png") no-repeat center/contain;
}

.reasonArea .reasonContentDetail {
  color: #fff;
  line-height: 1.75em;
}

.reasonArea .reasonContent .fontEmphasis {
  color: #fff000;
  font-weight: bold;
}

.reasonArea .reasonContent .reasonSmall {
  margin-top: 2.28em;
  color: #fff;
  line-height: 1.7;
}

.reasonArea .primaryHeading .reasonContent {
  position: relative;
  text-align: center;
}

.reasonArea .primaryHeading .reasonContent:after {
  content: "";
  position: absolute;
  top: -7.5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("../../img/dealer_wanted/reason04.png") no-repeat center/contain;
  width: 16em;
  height: 11em;
}

.reasonArea .primaryHeading .reasonContent .reasonHeadingLv3 {
  position: relative;
  /* font-family: "ゴシックMB101 DB"; */
  color: #fff000;
  border-bottom: #fff000 1px solid;
  font-size: 2em; font-weight: 600;
  padding: 1.2em 0;
}

.reasonArea .primaryHeading .reasonContent .reasonHeadingLv3:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(50% - 4.5em);
  height: 1px;
  background-color: #fff000;
}

.reasonArea .primaryHeading .reasonContent .reasonHeadingLv3:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50% - 4.5em);
  height: 1px;
  background-color: #fff000;
}

.reasonArea .primaryHeading .reasonContent .reasonContentDetail {
  text-align: center;
}

.moreDetail {
  margin: 0 auto;
  text-align: center;
}

a.linkBtn {
  position: relative;
  /* font-family: "ゴシックMB101 DB"; */
  font-weight: 600;
  display: inline-block;
  color: #fff;
  background: #D70111;
  text-decoration: none;
}

.arrowIcon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 2em;
  margin-left: 2em;
}

.arrowIcon svg {
  width: 9px;
  height: 14px;
}

.moreIntroduction {
  text-align: center;
}

.sceneList .sceneContent .sceneItem {
  position: relative;
  border: 2px solid #fff;
}

.sceneList .sceneContent .sceneItem.-medical {
  -webkit-box-shadow: 10px 10px #01409E;
          box-shadow: 10px 10px #01409E;
}

.sceneList .sceneContent .sceneItem.-donation {
  -webkit-box-shadow: 10px 10px #DA2F7B;
          box-shadow: 10px 10px #DA2F7B;
}

.sceneList .sceneContent .sceneItem.-school {
  -webkit-box-shadow: 10px 10px #C7000B;
          box-shadow: 10px 10px #C7000B;
}

.sceneList .sceneContent .sceneItem.-event {
  -webkit-box-shadow: 10px 10px #B36500;
          box-shadow: 10px 10px #B36500;
}

.sceneList .sceneContent .sceneItem.-company {
  -webkit-box-shadow: 10px 10px #006934;
          box-shadow: 10px 10px #006934;
}

.sceneList .sceneContent .sceneItem.-sportsteam {
  -webkit-box-shadow: 10px 10px #37019B;
          box-shadow: 10px 10px #37019B;
}

.sceneList .sceneContent .sceneItem.-festival {
  -webkit-box-shadow: 10px 10px #DD430E;
          box-shadow: 10px 10px #DD430E;
}

.sceneList .sceneContent .sceneItem.-municipality {
  -webkit-box-shadow: 10px 10px #FFF000;
          box-shadow: 10px 10px #FFF000;
}

.sceneList .sceneContent .sceneItem.-bbq {
  -webkit-box-shadow: 10px 10px #01628B;
          box-shadow: 10px 10px #01628B;
}

.sceneList .sceneContent .sceneItem .sceneBlock {
  position: absolute;
  display: table;
}

.sceneList .sceneContent .sceneItem .sceneHeading {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  /* font-family: "ゴシックMB101 DB"; */
  font-weight: 600;
  color: #fff;
  padding: 0 1em;
  width: auto;
  height: 2.88em;
  text-align: center;
  line-height: 1.22em;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-medical {
  background-color: #01409E;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-donation {
  background-color: #DA2F7B;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-school {
  background-color: #C7000B;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-event {
  background-color: #B36500;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-company {
  background-color: #006934;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-sportsteam {
  background-color: #37019B;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-festival {
  background-color: #DD430E;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-municipality {
  background-color: #FFF000;
  color: #333;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-bbq {
  background-color: #01628B;
}

.sceneList .sceneContent .sceneItem .sceneHeading:after {
  position: absolute;
  top: 0;
  right: -10px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.88em 10px 0 0;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-medical:after {
  border-color: #01409E transparent transparent transparent;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-donation:after {
  border-color: #DA2F7B transparent transparent transparent;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-school:after {
  border-color: #C7000B transparent transparent transparent;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-event:after {
  border-color: #B36500 transparent transparent transparent;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-company:after {
  border-color: #006934 transparent transparent transparent;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-sportsteam:after {
  border-color: #37019B transparent transparent transparent;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-festival:after {
  border-color: #DD430E transparent transparent transparent;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-municipality:after {
  border-color: #FFF000 transparent transparent transparent;
}

.sceneList .sceneContent .sceneItem .sceneHeading.-bbq:after {
  border-color: #01628B transparent transparent transparent;
}

.sceneList .sceneContent .sceneItem .sceneCatch {
  position: absolute;
  font-weight: bold;
  padding: 0.2em 0.4em;
  background-color: rgba(255, 255, 255, 0.8);
}

.sceneList .sceneContent .sceneTit {
  font-weight: bold;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.7em;
}

.sceneList .sceneContent .sceneTit:before {
  content: "";
  background: url("../../img/dealer_wanted/object01.png") no-repeat center/cover;
  width: 14px;
  height: 14px;
}

.sceneList .sceneContent .sceneTit:after {
  content: "";
  background: url("../../img/dealer_wanted/object02.png") no-repeat center/cover;
  width: 14px;
  height: 14px;
}

.contractList .contractItem p {
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 83%;
  padding: 0.1em;
}

.contractList .contractItem .traderIcon {
  padding: 0.1em 0.2em;
  text-align: center;
  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;
}

.contractList .contractItem .traderIcon svg {
  width: 18px;
  height: 18px;
  vertical-align: -0.5em;
}

.contractList .contractItem.-medical {
  background-color: #01409E;
}

.contractList .contractItem.-medical .traderIcon {
  background-color: #CCD9EB;
}

.contractList .contractItem.-medical .iconMedical {
  fill: #01409E;
}

.contractList .contractItem.-donation {
  background-color: #DA2F7B;
}

.contractList .contractItem.-donation .traderIcon {
  background-color: #F3D5E4;
}

.contractList .contractItem.-donation .iconDonation {
  fill: #DA2F7B;
}

.contractList .contractItem.-school {
  background-color: #C7000B;
}

.contractList .contractItem.-school .traderIcon {
  background-color: #F0CDD0;
}

.contractList .contractItem.-school .iconschool {
  fill: #C7000B;
}

.contractList .contractItem.-event {
  background-color: #B36500;
}

.contractList .contractItem.-event .traderIcon {
  background-color: #F0CDD0;
}

.contractList .contractItem.-event .iconevent {
  fill: #B36500;
}

.contractList .contractItem.-company {
  background-color: #006934;
}

.contractList .contractItem.-company .traderIcon {
  background-color: #CCE0D7;
}

.contractList .contractItem.-company .iconcompany {
  fill: #006934;
}

.contractList .contractItem.-sportsteam {
  background-color: #37019B;
}

.contractList .contractItem.-sportsteam .traderIcon {
  background-color: #D6CDEA;
}

.contractList .contractItem.-sportsteam .iconsportsteam {
  fill: #37019B;
}

.contractList .contractItem.-festival {
  background-color: #DD430E;
}

.contractList .contractItem.-festival .traderIcon {
  background-color: #F4D9D1;
}

.contractList .contractItem.-festival .iconfestival {
  fill: #DD430E;
}

.contractList .contractItem.-municipality {
  background-color: #FFF000;
}

.contractList .contractItem.-municipality .traderIcon {
  background-color: #FAF8CE;
}

.contractList .contractItem.-municipality p {
  color: #333;
}

.contractList .contractItem.-bbq {
  background-color: #01628B;
}

.contractList .contractItem.-bbq .traderIcon {
  background-color: #CCDFE7;
}

.contractList .contractItem.-bbq .iconbbq {
  fill: #01628B;
}

/* 安心の販売サポート
------------------------------------------ */
.salesSupport .supportHeading {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  letter-spacing: 0.5em;
  line-height: 1em;
  text-align: center;
}

.salesSupport .supportHeading span {
  position: relative;
  display: inline-block;
  color: #C44747;
  border-top: 1px solid #C44747;
  letter-spacing: 0.1em;
}

.salesSupport .supportHeading span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-top: 13px solid #F09090;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.salesSupport .supportHeading span:after {
  content: "";
  position: absolute;
  top: -2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-top: 13px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.salesSupport .supportOuter {
  background: #FEEFEC;
}

.salesSupport .supportOuter .supportContent {
  position: relative;
  background: #fff;
  border: 1px solid #F09090;
  -webkit-box-shadow: 7px 7px rgba(229, 190, 182, 0.4);
          box-shadow: 7px 7px rgba(229, 190, 182, 0.4);
}

.salesSupport .supportOuter .supportContent .suportTit {
  position: absolute;
  top: -45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: "Teko", sans-serif;
  font-weight: 500;
  width: 90px;
  height: 90px;
  color: #C44747;
  border-radius: 50%;
  border: 1px solid #F09090;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.salesSupport .supportOuter .supportContent .suportTit:after {
  content: "";
  width: 1px;
  height: 24px;
  position: absolute;
  bottom: -12px;
  left: 50%;
  background: #F09090;
}

.salesSupport .supportOuter .supportContent .suportTit .supportNumber {
  line-height: 1em;
}

.salesSupport .supportOuter .supportContentHeading {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.5em;
  color: #C44747;
  display: inline;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #fff000));
  background: linear-gradient(transparent 70%, #fff000 70%);
}

.salesSupport .supportOuter .supportContent .supportDesc {
  line-height: 1.75em;
}

/* 代理店契約
------------------------------------------ */
.contract {
  background: #D0EEF8;
  position: relative;
}

.contract .contractTop {
  margin: 0 auto;
  text-align: center;
}

.contract .contractHeading {
  position: absolute;
  top: -0.5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
  background: #062B39;
  padding: 0.3em 1em;
  display: inline-block;
  text-align: center;
}

.contract .contractHeading:after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  border-top: 13px solid #062B39;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.contract .contractBox {
  position: relative;
  background: #EAF5FC;
}

.contract .contractBox .contractHead {
  position: absolute;
  top: -1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: "Teko", sans-serif;
  color: #062B39;
  line-height: 1em;
  white-space: nowrap;
}

.contract .contractContents {
  text-align: center;
}

.contract .contractContents .contractTit {
  position: relative;
  font-family: "Teko", sans-serif;
  color: #003567;
  font-weight: 600;
  border-bottom: 1px solid #003567;
  text-align: center;
  padding-bottom: 0.7em;
}

.contract .contractContents .contractTit:after {
  content: "";
  position: absolute;
  bottom: -2.5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2.5em;
  height: 5px;
  background: #003567;
}

.contract .contractContents .contractTit span {
  font-size: 1.5em;
  margin-left: 0.2em;
}

.contract .contractContents .contracticonArea {
  position: relative;
  background: #fff;
  border-radius: 50%;
  margin: 0 auto;
  width: 11.42em;
  height: 11.42em;
  margin-top: 2em;
}

.contract .contractContents .contracticonArea .contractIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.contract .contractContents .contracticonArea .contractIcon svg {
  width: 7.21em;
  height: 4.25em;
}

.contract .contractContents .contractHeadingLv3 {
  color: #fff;
  /* font-family: "ゴシックMB101 M"; */
  font-weight: 500;
  background: #FF7140;
  display: inline-block;
  padding: 0.35em 0.6em;
  border-radius: 17px;
}

.contract .contractContents .contractDesc {
  font-size: 1.14em;
  line-height: 1.62em;
  color: #003567;
}

/* よくある質問
------------------------------------------ */
.question .questionHeading {
  font-family: "Teko", sans-serif;
  color: #0E53A3;
  text-align: center;
  line-height: 1em;
}

.question .questionHeading span {
  margin: 0 0.1em;
}

.question .questionHeadingLv2 {
  max-width: 6.7em;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  background: #0E53A3;
  margin: 0 auto;
  text-align: center;
  padding: 0.3em 0.1em;
}

.question .qaList {
  border: 1px solid #0E53A3;
}

.question .qaList:not(:first-of-type) {
  margin-top: 1.5em;
}

.question .qaList dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0E53A3;
  font-weight: bold;
  padding: 1.35em 2em;
  line-height: 1.62em;
  border-bottom: 1px solid #0E53A3;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #DFF3FE), to(#F6FCFF));
  background: linear-gradient(to right, #DFF3FE 50%, #F6FCFF);
}

.question .qaList dt span {
  content: "Q";
  font-family: "Teko", sans-serif;
  margin-right: 1em;
  font-weight: 600;
}

.question .qaList dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0E53A3;
  line-height: 1.62em;
  padding: 1.35em 2em;
}

.question .qaList dd span {
  content: "A";
  font-family: "Teko", sans-serif;
  margin-right: 1em;
  font-weight: 600;
}

/* お問合せ
------------------------------------------ */
.contactArea {
  background: url("../../img/dealer_wanted/contact.jpg") no-repeat center/cover;
}

.contactArea .contactHeading {
  /* font-family: "ゴシックMB101 DB"; */
  font-weight: 600;
  line-height: 1.75em;
  color: #fff;
  text-align: center;
}

.contactArea .contactNote.-textColor {
  color: #fff;
}

/*===============================================
●画面の横幅が729px以下
===============================================*/
@media screen and (max-width: 729px) {
  /* お問合せ
	------------------------------------------ */
  .headingLv1 {
    font-size: 2em;
    margin-bottom: 1em;
  }
  .contactForm {
    padding: 3.5em 0 4em;
  }
  .contactTel {
    margin: 0;
  }
  .contactFax {
    font-size: 2.4em;
    margin: 0 0 0.5em;
  }
  .contactFax span {
    margin-left: 0.5em;
  }
  .btn a {
    font-size: 1em;
    padding: 0.5em 2em 0.5em 1em;
  }
  .btn span {
    position: absolute;
    top: 50%;
    right: 3%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .sparrowIcon {
    margin-left: 7%;
  }
  .sparrowIcon svg {
    width: 9px;
    height: 14px;
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
  }
  .contactNote {
    margin-top: 1.5em;
    font-size: 1em;
    text-align: left;
  }
  #contactFlex .btn svg {
    width: 9px;
  }
  #contactFlex #telArea > div {
    padding: 2em 5% 2%;
    background-color: #fff;
  }
  #contactFlex #mailArea .btn {
    max-width: 380px;
    margin: 0 auto 1.7em;
  }
  #contactFlex #mailArea > div {
    padding: 2em 5% 2.4%;
    background-color: #fff;
  }
  /* 4つの理由
	------------------------------------------ */
  .reasonArea .reasonAreaBg {
    padding: 3.28em 0 5.92em;
  }
  .reasonArea .reasonAreaBg .reasonHeading {
    width: 85%;
    margin: 0 auto;
  }
  .reasonArea .reasonAreaBg .reasonIntroduction {
    font-size: 1.14em;
    margin-top: 2em;
    text-align: left;
  }
  .reasonArea .reasonBox {
    padding: 1.3em 0 4em;
  }
  .reasonArea .reasonBox .reasonOuter {
    max-width: 1220px;
    padding: 0 10px;
    margin: 0 auto;
  }
  .reasonArea .reasonInner {
    padding: 0 5%;
  }
  .reasonArea .reasonInner:nth-of-type(odd) {
    margin-left: auto;
  }
  .reasonArea .reasonInner:not(:first-of-type) {
    margin-top: 2.7em;
  }
  .reasonArea .reasonInner .reasonContent .reasonHeadingLv3 {
    font-size: 1.3em;
    padding: 1em 0;
    line-height: 1.5em;
  }
  .reasonArea .reasonInner .reasonContent .reasonHeadingLv3:before {
    width: calc(100% - 7.5em);
  }
  .reasonArea .reasonInner .reasonContent .reasonHeadingLv3.-reason01:after {
    top: -3.5em;
    left: 0;
    width: 7em;
    height: 5em;
  }
  .reasonArea .reasonInner .reasonContent .reasonHeadingLv3.-reason02:after {
    top: -3.5em;
    left: 0;
    width: 7em;
    height: 5em;
  }
  .reasonArea .reasonInner .reasonContent .reasonHeadingLv3.-reason03:after {
    top: -3.5em;
    left: 0;
    width: 7em;
    height: 5em;
  }
  .reasonArea .reasonInner .reasonContent .reasonContentDetail {
    font-size: 1em;
    margin-top: 2.3em;
  }
  .reasonArea .reasonInner .reasonContent.-col {
    width: 100%;
    padding: 4.3em 0 0;
  }
  .reasonArea .reasonInner .reasonImg {
    width: 100%;
    height: 100%;
    margin-top: 2em;
    text-align: center;
  }
  .reasonArea .reasonInner .reasonImg .imgDesc {
    text-align: left;
    max-width: 520px;
    margin: 1em auto 0;
  }
  .reasonArea .reasonContent .reasonContentDetail {
    font-size: 1em;
    margin-top: 2.3em;
  }
  .reasonArea .primaryHeading .reasonContent {
    margin-top: 9.3em;
  }
  .reasonArea .primaryHeading .reasonContent .reasonHeadingLv3 {
    font-size: 1.3em;
    padding: 1em 0;
    line-height: 1.5em;
    text-align: left;
  }
  .reasonArea .primaryHeading .reasonContent .reasonHeadingLv3:before {
    width: calc(100% - 8.5em);
  }
  .reasonArea .primaryHeading .reasonContent .reasonHeadingLv3:after {
    content: none;
  }
  .reasonArea .primaryHeading .reasonContent:after {
    top: -5em;
    left: 0;
    width: 10em;
    height: 7em;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .reasonArea .primaryHeading .reasonContent .reasonContentDetail {
    text-align: left;
  }
  .reasonArea .primaryHeading .sceneList {
    margin-top: 3em;
  }
  .reasonArea .primaryHeading .sceneList .sceneTit:before {
    margin-right: 3%;
  }
  .reasonArea .primaryHeading .sceneList .sceneTit:after {
    margin-left: 3%;
  }
  .moreDetail {
    margin-top: 3em;
  }
  .linkBtn {
    font-size: 1em;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .caseBtn {
    padding: 1.2em 16% 1.2em 15%;
  }
  .arrowIcon {
    margin-left: 1em;
    right: 5%;
  }
  a.moreDetailBtn {
    padding: 1.2em 10% 1.2em 5%;
  }
  .moreIntroduction {
    margin-top: 3em;
  }
  .moreIntroduction a.linkBtn {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .moreIntroduction a.linkBtn .arrowIcon {
    margin-left: 7em;
  }
  .sceneItem .sceneItemImg img {
    width: 100%;
  }
  .sceneItem .sceneCatch {
    bottom: 1em;
    left: 0;
    padding: 0.2em;
  }
  .sceneItem .sceneBlock {
    top: -0.2em;
    left: -0.2em;
  }
  .sceneItem .sceneHeading {
    font-size: 1.14em;
  }
  .sceneList .sceneContent:not(:first-of-type) {
    margin-top: 3em;
  }
  .sceneList .sceneContent .contractList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 1em;
  }
  .sceneList .sceneContent .contractList .contractItem {
    width: calc(50% - 3px);
    border: 1px solid #fff;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sceneList .sceneContent .contractList .contractItem:nth-of-type(n+3) {
    margin-top: 6px;
  }
  .sceneList .sceneContent .contractList .contractItem:nth-of-type(even) {
    margin-left: 6px;
  }
  .sceneList .sceneContent .sceneTit {
    font-size: 1.14em;
    margin-top: 2em;
  }
  /* 安心の販売サポート
	------------------------------------------ */
  .salesSupport {
    padding: 3.14em 0 4.42em;
  }
  .salesSupport .supportHeading {
    font-size: 1em;
  }
  .salesSupport .supportHeading span {
    margin-top: 0.35em;
    padding-top: 0.7em;
    font-size: 2.2em;
    line-height: 1em;
  }
  .salesSupport .supportOuter {
    padding: 6.92em 10px 6.5em;
    margin: -1em auto 0;
  }
  .salesSupport .supportOuter .supportFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .salesSupport .supportContent {
    width: 100%;
    padding: 0 10% 2em;
  }
  .salesSupport .supportContent .supportNumber {
    font-size: 3.71em;
  }
  .salesSupport .supportContent .supportContentHeading {
    font-size: 2em;
  }
  .salesSupport .supportContent .supportDesc {
    font-size: 1.14em;
    margin-top: 1.25em;
  }
  .salesSupport .supportContent .supportFlexSp {
    margin-top: 6em;
    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;
    text-align: center;
  }
  .salesSupport .supportContent .supportFlexSp .supportIcon {
    display: block;
    margin-right: 2em;
  }
  .salesSupport .supportContent .supportFlexSp .supportIcon svg {
    width: 6.28em;
    height: 3.6em;
  }
  .salesSupport .supportContent:not(:first-of-type) {
    margin-top: 5em;
  }
  /* 代理店契約までの流れ
	------------------------------------------ */
  .contract {
    padding: 6em 0 1.85em;
  }
  .contract .contractHeading {
    font-size: 1.31em;
    width: 100%;
    max-width: 290px;
    padding: 0.3em 0.1em;
  }
  .contract .contractHead {
    font-size: 5.5em;
    margin-top: 0.5em;
  }
  .contract .contractBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 4.6em 1em 3.8em;
  }
  .contractContents {
    width: 80%;
    margin: 0 auto;
    position: relative;
  }
  .contractContents:not(:last-of-type):after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -64px;
    border-top: 30px solid #FF7140;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
  }
  .contractContents:not(:first-of-type) {
    margin-top: 8.5em;
  }
  .contractContents .contractTit {
    font-size: 2em;
  }
  .contractContents .contracticonArea .contractHeadingLv3 {
    font-size: 1.27em;
    margin-top: 7.56em;
  }
  .contractContents .contractDesc {
    margin-top: 1.5em;
  }
  /* よくある質問
	------------------------------------------ */
  .question {
    padding: 3em 10px 4em !important;
  }
  .question .questionHeading {
    font-size: 5.21em;
  }
  .question .questionHeading span {
    font-size: 0.5em;
  }
  .question .questionHeadingLv2 {
    font-size: 1.21em;
    margin-bottom: 2.28em;
  }
  .question .qaList {
    font-size: 1.28em;
  }
  .question .qaList span {
    font-size: 1.12em;
  }
  .question .qaList dt {
    padding: 0.55em 1.5em;
    line-height: 1.62em;
  }
  .question .qaList dt span {
    margin-right: 1em;
  }
  .question .qaList dt p {
    font-size: 0.8em;
    line-height: 1.3em;
  }
  .question .qaList dd {
    line-height: 1.62em;
    padding: 0.55em 1.5em;
  }
  .question .qaList dd span {
    margin-right: 1em;
  }
  .question .qaList dd p {
    font-size: 0.8em;
    line-height: 1.3em;
  }
  /* お問合せ
	------------------------------------------ */
  .contactArea {
    padding: 2.5em 0 3em;
  }
  .contactArea .contactHeading {
    font-size: 2em;
    margin-bottom: 1.5em;
    text-align: left;
  }
}

/*===============================================
●画面の横幅が730px以上
===============================================*/
@media screen and (min-width: 730px) {
  /* メインイメージ
	------------------------------------------ */
  .mainKv {
    max-width: 1920px;
    margin: 0 auto;
  }
  /* お問合せ
	------------------------------------------ */
  .headingLv1 {
    font-size: 2.42em;
    margin-bottom: 1.34em;
  }
  .contactForm {
    padding: 5.6em 0 7.4em;
  }
  .contactTel {
    margin: 0;
  }
  .contactFax {
    font-size: 2.86em;
    margin-bottom: 0.85em;
  }
  .contactFax span {
    margin-left: 0.7em;
  }
  .contactNote {
    margin-top: 1.5em;
  }
  .sparrowIcon {
    margin-left: 7%;
  }
  .sparrowIcon svg {
    width: 9px;
    height: 14px;
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
  }
  .btn span {
    position: absolute;
    top: 50%;
    right: 0.5em;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #contactFlex .btn svg {
    width: 9px;
  }
  #contactFlex #telArea > div {
    padding: 7.5% 5% 4.3%;
    background-color: #fff;
  }
  #contactFlex #mailArea .btn {
    max-width: 380px;
    margin: 0 auto 3.7em;
  }
  #contactFlex #mailArea > div {
    padding: 10.8% 5% 3.9%;
    background-color: #fff;
  }
  #contactFlex .contactBox h2 {
    padding: 0.55em 0.5em 0.3em;
  }
  #contactFlex #mailArea .btn a {
    padding: 0.54em 2em 0.54em 1em;
    font-size: 1.28em;
  }
  #contactFlex .contactBox p {
    padding: 0.34em 0 0.4em;
  }
  #contactFlex .contactIcon {
    margin-right: 0.5em;
  }
  /* 4つの理由
	------------------------------------------ */
  .reasonArea .reasonAreaBg {
    padding: 13% 17.1%;
  }
  .reasonArea .reasonAreaBg .reasonHeading {
    font-size: 2em;
  }
  .reasonArea .reasonAreaBg .reasonIntroduction {
    font-size: 1.14em;
    margin-top: 2em;
  }
  .reasonArea .reasonBox {
    padding: 8.3em 0 10em;
  }
  .reasonArea .reasonBox .reasonOuter {
    max-width: 1220px;
    padding: 0 10px;
    margin: 0 auto;
  }
  .reasonArea .reasonBox .reasonOuter .reasonMore {
    margin-top: 5.57em;
  }
  .reasonArea .reasonInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .reasonArea .reasonInner:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .reasonArea .reasonInner:nth-of-type(odd) .reasonImg {
    margin-left: 8%;
    text-align: right;
  }
  .reasonArea .reasonInner:nth-of-type(even) .reasonImg {
    margin-right: 8%;
  }
  .reasonArea .reasonInner:not(:first-of-type) {
    margin-top: 8.7em;
  }
  .reasonArea .reasonInner .reasonContent.-col {
    width: 46%;
    padding: 4.3em 0 0;
  }
  .reasonArea .reasonInner .reasonImg {
    width: 46%;
  }
  .reasonArea .reasonContent .reasonHeadingLv3 {
    font-size: 2em;
    padding: 1.2em 0;
    line-height: 1.77em;
  }
  .reasonArea .reasonContent .reasonHeadingLv3.-reason01:after {
    top: -4.2em;
    left: -0.1em;
    width: 8.5em;
    height: 6em;
  }
  .reasonArea .reasonContent .reasonHeadingLv3.-reason02:after {
    top: -4.1em;
    left: 0;
    width: 8.5em;
    height: 6em;
  }
  .reasonArea .reasonContent .reasonHeadingLv3.-reason03:after {
    top: -4em;
    left: 0;
    width: 8.5em;
    height: 6em;
  }
  .reasonArea .reasonContent .reasonContentDetail {
    font-size: 1.14em;
    margin-top: 2.3em;
  }
  .reasonArea .primaryHeading .reasonContent {
    margin-top: 16.3em;
  }
  .reasonArea .primaryHeading .sceneList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 4em;
  }
  .reasonArea .primaryHeading .sceneList .sceneTit:before {
    margin-right: 1em;
  }
  .reasonArea .primaryHeading .sceneList .sceneTit:after {
    margin-left: 1em;
  }
  .reasonArea .contractList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 1em;
  }
  .reasonArea .contractList .contractItem {
    width: calc(50% - 3px);
    border: 1px solid #fff;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .reasonArea .contractList .contractItem:nth-of-type(even) {
    margin-left: 6px;
  }
  .reasonArea .contractList .contractItem:nth-of-type(n+3) {
    margin-top: 6px;
  }
  .reasonArea .contractList .contractItem .traderIcon {
    width: 17%;
    height: 100%;
  }
  .moreDetail {
    margin-top: 10em;
  }
  .linkBtn {
    font-size: 1.28em;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .linkBtn:hover {
    opacity: 0.8;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .moreDetailBtn {
    padding: 1.2em 4em 1.2em 2em;
  }
  .caseBtn {
    padding: 1.2em 7em 1.2em 6em;
  }
  .moreIntroduction {
    margin-top: 7em;
  }
  .moreIntroduction a.linkBtn {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .moreIntroduction a.linkBtn:hover {
    opacity: 0.8;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .moreIntroduction a.linkBtn .arrowIcon {
    margin-left: 7em;
    right: 2.5em;
  }
  .sceneItem:not(:nth-of-type(3n)) {
    margin-right: 1.85%;
  }
  .sceneItem .sceneHeading {
    font-size: 1.28em;
  }
  .sceneItem .sceneCatch {
    bottom: 0.7em;
    left: 0;
    padding: 0.2em;
  }
  .sceneItem .sceneBlock {
    top: -0.8em;
    left: -1.3em;
  }
  .sceneItem img {
    width: 100%;
  }
  .sceneContent {
    width: calc(100% / 3 - 1.95em);
  }
  .sceneContent:not(:nth-of-type(3n+1)) {
    margin-left: 2.53em;
  }
  .sceneContent:nth-of-type(n+4) {
    margin-top: 5em;
  }
  /* 安心の販売サポート
	------------------------------------------ */
  .salesSupport {
    padding: 7.14em 0 11.42em;
  }
  .salesSupport .supportHeading {
    font-size: 1.85em;
  }
  .salesSupport .supportHeading span {
    margin-top: 0.5em;
    padding-top: 0.4em;
    font-size: 2.3em;
    line-height: 1em;
  }
  .salesSupport .supportOuter {
    max-width: 1120px;
    padding: 10.5em 10px 6.5em;
    width: 100%;
    margin: -2em auto 0;
  }
  .salesSupport .supportOuter .supportFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .salesSupport .supportContent {
    width: 31.3%;
    min-height: 527px;
    padding: 0 2.5em;
  }
  .salesSupport .supportContent .supportNumber {
    font-size: 3.71em;
  }
  .salesSupport .supportContent .supportIcon {
    margin: 6em 0 1em;
  }
  .salesSupport .supportContent:not(:first-of-type) {
    margin-left: 1.5em;
  }
  .salesSupport .supportContentHeading {
    font-size: 2.51em;
  }
  .salesSupport .supportContent .supportDesc {
    font-size: 1.14em;
    margin-top: 2.25em;
  }
  .salesSupport .supportContent .supportFlexSp {
    text-align: center;
  }
  .salesSupport .supportContent .supportFlexSp .supportIcon {
    display: block;
  }
  .salesSupport .supportContent .supportFlexSp .supportIcon svg {
    width: 6.28em;
    height: 3.6em;
  }
  /* 代理店契約までの流れ
	------------------------------------------ */
  .contract {
    padding: 7em 0 6.85em;
  }
  .contract .contractHeading {
    font-size: 1.71em;
  }
  .contract .contractHead {
    font-size: 7.5em;
    margin-top: 0.5em;
  }
  .contract .contractBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 8.6em 1em 6.8em;
  }
  .contractContents {
    width: 24.6%;
  }
  .contractContents:not(:last-of-type) {
    margin-right: 7em;
  }
  .contractContents:nth-of-type(3n) {
    margin-right: 0;
  }
  .contractContents:nth-of-type(n+4) {
    margin-top: 8.5em;
  }
  .contractContents .contractTit {
    font-size: 2em;
  }
  .contractContents .contracticonArea.-triangle {
    position: relative;
  }
  .contractContents .contracticonArea.-triangle:after {
    content: "";
    position: absolute;
    top: 43%;
    right: -7vw;
    border-left: 30px solid #FF7140;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
  }
  .contractContents .contracticonArea .contractHeadingLv3 {
    font-size: 1.57em;
    margin-top: 6.56em;
  }
  .contractContents .contractDesc {
    margin-top: 3em;
  }
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
  /* よくある質問
	------------------------------------------ */
  .question {
    padding: 6em 10px 8em !important;
  }
  .question .questionHeading {
    font-size: 8.21em;
  }
  .question .questionHeading span {
    font-size: 0.8em;
  }
  .question .questionHeadingLv2 {
    font-size: 1.71em;
    margin-bottom: 2.98em;
  }
  .question .qaList {
    font-size: 1.28em;
  }
  .question .qaList span {
    font-size: 2.12em;
  }
  /* お問合せ
	------------------------------------------ */
  .contactArea {
    padding: 8.5em 0 9em;
  }
  .contactArea .contactHeading {
    font-size: 2.85em;
    margin-bottom: 1.5em;
  }
}
/*# sourceMappingURL=dealer_wanted.css.map */