@charset "UTF-8";
/* CSS Document */
/*-------------------
商談renewal infomation
/emp/sell_dm/*.asp
-------------------*/
.sp-only {
  display: block; }

.pc-only {
  display: none; }

.sell_dm * {
  box-sizing: border-box;
  font-size: 16px;
  color: #333; }
  .sell_dm * i {
    font-style: normal; }
.sell_dm img {
  width: 100%; }
.sell_dm header, .sell_dm footer, .sell_dm #demand {
  width: 100%;
  min-width: 100%;
  margin-right: auto;
  margin-left: auto; }
.sell_dm header .glovalheader, .sell_dm header .empheader, .sell_dm footer .imfooter, .sell_dm #demand .contents, .sell_dm #scheme, .sell_dm #needs, .sell_dm #supports,
.sell_dm #recipemain .contents, .sell_dm #aboutrecipemart, .sell_dm #recommendrecipes .contents, .sell_dm #flowofrecipemart .contents, .sell_dm #matchingmain .contents,
.sell_dm #mailmag .contents,
.sell_dm #renewalmain .contents, .sell_dm #aboutverup .contents,
.sell_dm #expomain .contents, .sell_dm #expoexamples .contents, .sell_dm #webnegotiations .contents, .sell_dm #expopage .contents
 {
  width: 90% !important;
  margin-right: auto;
  margin-left: auto; }
.sell_dm header, .sell_dm #demand {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }
  .sell_dm header .cnv, .sell_dm #demand .cnv {
    width: 100%; }
.sell_dm main #needs .threeneeds, .sell_dm main #supports .foursupport,
.sell_dm main #aboutrecipemart, .sell_dm main #flowofrecipemart .flows,
.sell_dm main #matchingmain ul li, .sell_dm main #mailmag .mailmagflow,
.sell_dm main #renewalmain .flows, .sell_dm main #aboutverup .verup,
.sell_dm main #expomain .merits, .sell_dm main #webnegotiations .merits, .sell_dm main #expopage .expopageinfo {
  display: flex;
  flex-direction: column; }
.sell_dm main #supports .cnv_btn {
  width: 100%;
  max-width: 100%;
  margin-top: 1.5rem; }
  .sell_dm main #supports .cnv_btn a {
    width: 100%;
    margin: auto;
    background-color: #fff;
    border: solid 2px #CC665F;
    color: #CC665F;
    font-size: 1.25rem !important; }
.sell_dm main #supports .foursupport {
  flex-wrap: wrap; }
  .sell_dm main #supports .foursupport dl {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column; }
    .sell_dm main #supports .foursupport dl:first-child {
      margin-bottom: 1.5rem; }
    .sell_dm main #supports .foursupport dl dt {
      width: 100%;
      margin: 0 0 1rem 0;
      padding: 0.5rem 0 0.5rem 1rem;
      border-left: #CC665F 8px solid;
      border-bottom: #EBC2BF 2px solid;
      font-size: 1.5rem;
      font-weight: 700; }
    .sell_dm main #supports .foursupport dl dd {
      width: 100%;
      border-radius: 0 6px 0 0;
      position: relative;
      background-repeat: no-repeat;
      background-size: cover; }
      .sell_dm main #supports .foursupport dl dd a {
        display: inline-block;
        height: 100%;
        width: 100%; }
        .sell_dm main #supports .foursupport dl dd a:hover {
          opacity: 0.7; }
      .sell_dm main #supports .foursupport dl dd.menu {
        background-image: url(/web/jp/emp/sell_dm/images/bg_support01.png);
        margin-bottom: 1rem; }
      .sell_dm main #supports .foursupport dl dd.matching {
        background-image: url(/web/jp/emp/sell_dm/images/bg_support02.png); }
      .sell_dm main #supports .foursupport dl dd.renewal {
        background-image: url(/web/jp/emp/sell_dm/images/bg_newest01.png);
        margin-bottom: 1rem; }
      .sell_dm main #supports .foursupport dl dd.expo {
        background-image: url(/web/jp/emp/sell_dm/images/bg_newest02.png); }
      .sell_dm main #supports .foursupport dl dd h3 {
        margin: 1rem auto 0.25rem 1rem;
        font-size: 1.25rem;
        font-weight: 700;
        border-bottom: #EBC2BF 2px solid; }
      .sell_dm main #supports .foursupport dl dd p {
        margin: 0.25rem 1rem 1rem 1rem;
        font-size: 1rem; }
        .sell_dm main #supports .foursupport dl dd p.links {
          text-align: center;
          margin: 0;
          background-color: #CC665F;
          display: block;
          padding: 0.75rem 1rem 0.6rem 1rem;
          font-weight: 700;
          color: #fff; }
        .sell_dm main #supports .foursupport dl dd p.current {
          padding: 0.75rem 1rem 0.6rem 1rem;
          margin: 0;
          text-align: center;
          font-weight: 700;
          color: #CC665F; }
.sell_dm main h2 {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: #666; }
  .sell_dm main h2 + p {
    text-align: center;
    line-height: 1.8;
    font-size: 16px; }
.sell_dm main .contents {
  margin-bottom: 4rem; }
.sell_dm main .notice {
  font-size: 0.75rem;
  text-align: right;
  text-indent: -1em;
  padding-left: 2em;
  margin-left: -1em; }
.sell_dm main #needs .contents .threeneeds {
  margin-bottom: 1rem; }
  .sell_dm main #needs .contents .threeneeds .needsimg {
    text-align: center;
    margin-bottom: 1rem; }
    .sell_dm main #needs .contents .threeneeds .needsimg img {
      max-width: 304px;
      margin: auto; }
  .sell_dm main #needs .contents .threeneeds h3 {
    text-align: center;
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #CC665F; }
  .sell_dm main #needs .contents .threeneeds div {
    width: 100%;
    margin-bottom: 1.5rem; }
.sell_dm main #needs .cnv_btn {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: auto; }
  .sell_dm main #needs .cnv_btn a {
    width: 100%;
    margin: auto 0 auto auto;
    background-color: #fff;
    border: solid 2px #CC665F;
    color: #CC665F;
    font-size: 1.25rem !important; }
.sell_dm main #demand {
  overflow: hidden; }
  .sell_dm main #demand .contents {
    margin-bottom: 0;
    text-align: center; }
    .sell_dm main #demand .contents .cnv_read {
      margin: 3.25rem auto 1.5rem auto;
      font-size: 1.25rem;
      font-weight: 700; }
    .sell_dm main #demand .contents .cnv_btn {
      width: 100%;
      margin: auto auto 3.375rem auto; }
      .sell_dm main #demand .contents .cnv_btn a {
        line-height: 1;
        font-size: 1.25rem; }
.sell_dm#index header, .sell_dm#index #demand {
  background-image: url(/web/jp/emp/sell_dm/images/main_index_bg.png); }
.sell_dm#index #scheme .contents {
  background: url(/web/jp/emp/sell_dm/images/schemebg.png) no-repeat center 66px; }
  .sell_dm#index #scheme .contents .mainimg {
    margin-top: 1.5rem; }
.sell_dm#menu header, .sell_dm#menu #demand {
  background-image: url(/web/jp/emp/sell_dm/images/main_menu_bg.png); }
.sell_dm#menu #aboutrecipemart {
  margin-bottom: 4rem; }
  .sell_dm#menu #aboutrecipemart .contents {
    width: 100% x;
    margin-bottom: 0; }
    .sell_dm#menu #aboutrecipemart .contents h2 {
      text-align: left;
      margin-bottom: 1rem;
      padding: 0.5rem 0 0.5rem 1rem;
      border-left: 8px solid #CC665F;
      border-bottom: 2px solid #EBC2BF;
      font-size: 1.5rem;
      color: #333333; }
    .sell_dm#menu #aboutrecipemart .contents p {
      line-height: 1.8;
      text-align: left; }
.sell_dm#menu #recommendrecipes .mainimg {
  margin: 1.5rem auto 0.5rem auto; }
.sell_dm#menu #flowofrecipemart .contents h2 {
  margin-bottom: 1rem; }
.sell_dm#menu #flowofrecipemart .contents .flows {
  background: url(/web/jp/emp/sell_dm/images/recipeflowarrow.png) no-repeat;
  background-position: center 172px; }
  .sell_dm#menu #flowofrecipemart .contents .flows div {
    width: 100%;
    margin-bottom: 1rem; }
  .sell_dm#menu #flowofrecipemart .contents .flows h3 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    border-bottom: 2px solid #CC665F;
    position: relative;
    font-weight: 700; }
    .sell_dm#menu #flowofrecipemart .contents .flows h3:after {
      content: "";
      border-right: 2px solid #CC665F;
      position: absolute;
      right: 7px;
      bottom: -6px;
      height: 20px;
      transform: rotate(-60deg); }
    .sell_dm#menu #flowofrecipemart .contents .flows h3 .steps {
      display: inline-block;
      margin-right: 0.5rem;
      font-size: 1rem;
      color: #CC665F; }
      .sell_dm#menu #flowofrecipemart .contents .flows h3 .steps i {
        font-family: HiraginoKaku W7,sans-serif;
        font-size: 1.75rem;
        color: #CC665F; }
    .sell_dm#menu #flowofrecipemart .contents .flows h3 + p {
      font-size: 1rem;
      line-height: 1.7;
      margin-bottom: 1rem; }
      .sell_dm#menu #flowofrecipemart .contents .flows h3 + p br {
        display: none; }
  .sell_dm#menu #flowofrecipemart .contents .flows .recipeflow {
    text-align: center; }
    .sell_dm#menu #flowofrecipemart .contents .flows .recipeflow img {
      max-width: 180px; }
.sell_dm#menu #flowofrecipemart .contents .punchlines {
  padding: 1rem;
  background: none;
  text-align: center;
  font-size: 1.125rem;
  border: 1px solid #71B024; }
.sell_dm#matching header, .sell_dm#matching #demand {
  background-image: url(/web/jp/emp/sell_dm/images/main_matching_bg.png); }
.sell_dm#matching h2 + p {
  margin-bottom: 1.5rem; }
.sell_dm#matching #matchingmain ul li {
  margin-bottom: 1.875rem; }
  .sell_dm#matching #matchingmain ul li:last-child {
    margin-bottom: 0; }
  .sell_dm#matching #matchingmain ul li .fromim {
    width: 322px;
    margin-right: 1.2rem; }
    .sell_dm#matching #matchingmain ul li .fromim h3 {
      font-size: 1.25rem;
      margin-bottom: 0.5rem;
      border-bottom: 2px solid #CC665F;
      position: relative;
      font-weight: 700; }
      .sell_dm#matching #matchingmain ul li .fromim h3:after {
        content: "";
        border-right: 2px solid #CC665F;
        position: absolute;
        right: 7px;
        bottom: -6px;
        height: 20px;
        transform: rotate(-60deg); }
      .sell_dm#matching #matchingmain ul li .fromim h3 .steps {
        display: inline-block;
        margin-right: 0.5rem;
        font-size: 1rem;
        color: #CC665F; }
        .sell_dm#matching #matchingmain ul li .fromim h3 .steps i {
          font-family: HiraginoKaku W7,sans-serif;
          font-size: 1.75rem;
          color: #CC665F; }
      .sell_dm#matching #matchingmain ul li .fromim h3 + p {
        font-size: 1rem;
        line-height: 1.7;
        margin-bottom: 1rem; }
  .sell_dm#matching #matchingmain ul li .toyou {
    width: 100%;
    padding: 1.25rem 1.25rem 1.25rem 0.625rem;
    background-color: #fdf7f7;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center; }
    .sell_dm#matching #matchingmain ul li .toyou img {
      width: auto; }
    .sell_dm#matching #matchingmain ul li .toyou .corp-l {
      margin-left: 64px;
      margin-right: 59px; }
    .sell_dm#matching #matchingmain ul li .toyou .right {
      text-align: right;
      margin-top: -1.5rem;
      display: block; }
    .sell_dm#matching #matchingmain ul li .toyou .matchingflowarrow .flowtx {
      margin-bottom: 0.25rem; }
    .sell_dm#matching #matchingmain ul li .toyou .matchingflowarrow .to-from {
      margin: 0.70rem 0; }
      .sell_dm#matching #matchingmain ul li .toyou .matchingflowarrow .to-from .sp-only {
        margin: auto; }
      .sell_dm#matching #matchingmain ul li .toyou .matchingflowarrow .to-from .to-from-tx {
        display: inline-block;
        margin-top: 0.70rem; }
    .sell_dm#matching #matchingmain ul li .toyou .matchingflowarrow .corp-r {
      margin-top: 26px; }
    .sell_dm#matching #matchingmain ul li .toyou .matchingflowarrow .matchinggoal {
      text-align: center;
      display: block;
      line-height: 1;
      font-size: 1.25rem;
      font-weight: 700;
      color: #db2065; }
.sell_dm#matching #mailmag .contents {
  background: url(/web/jp/emp/sell_dm/images/mailmagbg.png) no-repeat center 42rem;
  background-size: contain;
  padding-top: 0; }
  .sell_dm#matching #mailmag .contents .mailmagflow {
    width: 100%;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: self-start; }
    .sell_dm#matching #mailmag .contents .mailmagflow .flow {
      margin: auto; }
    .sell_dm#matching #mailmag .contents .mailmagflow .mailmagarrow .sp-only {
      margin: -0.5rem auto 0.5rem auto;
      width: auto; }
    .sell_dm#matching #mailmag .contents .mailmagflow .flowtx {
      position: relative;
      margin-top: 1rem;
      padding-left: 76px;
      margin-bottom: 1.2rem;
      line-height: 1.5;
      font-size: 1.125rem;
      font-weight: 700;
      color: #71B024; }
      .sell_dm#matching #mailmag .contents .mailmagflow .flowtx:before {
        content: url(/web/jp/emp/sell_dm/images/mailmagimg-mail.png);
        position: absolute;
        left: 0;
        top: 20px; }
.sell_dm#expo header, .sell_dm#expo #demand {
  background-image: url(/web/jp/emp/sell_dm/images/main_expo_bg.jpg); }
.sell_dm#expo h2 + p {
  margin-bottom: 1.5rem; }
.sell_dm#expo h2 span {
  color: #CC665F;
  font-size: 1.5rem; }
.sell_dm#expo .contents .notice {
  margin-left: 470px; }
.sell_dm#expo .merits {
  margin-bottom: 0.5rem; }
  .sell_dm#expo .merits .doing {
    width: 100%;
    margin-bottom: 1rem; }
    .sell_dm#expo .merits .doing:last-child {
      margin-bottom: 0; }
    .sell_dm#expo .merits .doing .merit {
      padding: 0.5rem 0;
      position: relative;
      border-radius: 0.5rem 0.5rem 0 0;
      background-color: #CC514D;
      font-size: 1.25rem;
      color: #fff;
      text-align: center;
      font-weight: 700;
      line-height: 1; }
      .sell_dm#expo .merits .doing .merit i {
        padding-left: 0.25rem;
        font-family: HiraginoKaku W7,sans-serif;
        font-size: 2rem;
        color: #fff;
        font-weight: 400; }
      .sell_dm#expo .merits .doing .merit:after {
        top: 3rem;
        left: 50%;
        content: '';
        height: 0;
        width: 0;
        position: absolute;
        border-top-width: 8px;
        border-bottom-width: 1px;
        border-left-width: 5px;
        border-right-width: 5px;
        margin-left: -8px;
        border-top-color: #CC514D;
        border-style: solid;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent; }
    .sell_dm#expo .merits .doing .funcname {
      padding: 1rem 0 0.5rem 0;
      text-align: center;
      font-size: 1.5rem;
      font-weight: 700;
      background-color: #FDF7F7; }
    .sell_dm#expo .merits .doing .infotext {
      min-height: 97px;
      padding: 0 1rem 1rem 1rem;
      font-size: 1.125rem;
      background-color: #FDF7F7; }
.sell_dm#expo .notice {
  margin-left: 0 !important; }
.sell_dm#expo #expoexamples h2, .sell_dm#expo #expopage h2 {
  margin: 0 auto 1rem auto;
  padding: 0.5rem 0 0.5rem 1rem;
  text-align: left;
  border-left: #CC665F 8px solid;
  border-bottom: #EBC2BF 2px solid;
  font-weight: 700; }
  .sell_dm#expo #expoexamples h2 span, .sell_dm#expo #expopage h2 span {
    color: #333 !important; }
.sell_dm#expo #expoexamples .expoexamplesimg {
  margin-bottom: 0.875rem; }
.sell_dm#expo #expoexamples .expotx {
  margin-bottom: 4rem;
  border: solid 1px #CC665F;
  padding: 1.5rem 1rem 1.5rem 1.875rem;
  font-size: 1.25rem;
  color: #CC665F; }
.sell_dm#expo #expopage .expopageinfo {
  width: 100%;
  margin: 0 auto 1rem auto;
  background: none; }
  .sell_dm#expo #expopage .expopageinfo .funcname {
    margin-bottom: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 1.25rem;
    font-weight: 700;
    border-bottom: #CC665F solid 2px; }
.sell_dm#expo #expopage .expopageinfo .func-l, .sell_dm#expo #expopage .expopageinfo .func-r {
  width: 100%; }
.sell_dm#expo #expopage .expopageinfo .func1 {
  margin-top: 0; }
.sell_dm#expo #expopage .expopageinfo .func2 .funcname,
.sell_dm#expo #expopage .expopageinfo .func-r .funcinfo {
  padding-left: 0; }
.sell_dm#expo #expopage .expopageinfo .func2,
.sell_dm#expo #expopage .expopageinfo .func3 {
  margin-top: 1.25rem;
  margin-bottom: 0; }
.sell_dm#renewal header, .sell_dm#renewal #demand {
  background-image: url(/web/jp/emp/sell_dm/images/main_renewal_bg.png); }
.sell_dm#renewal h2 span {
  font-size: 1.5rem;
  font-weight: 700;
  color: #CC665F; }
  .sell_dm#renewal h2 span i {
    font-size: 2.5rem; }
.sell_dm#renewal h2 + p {
  margin-bottom: 1.5rem; }
.sell_dm#renewal #renewalmain h2 span i {
  color: #CC665F; }
.sell_dm#renewal #renewalmain .flows div {
  width: 100%;
  margin-bottom: 1rem; }
.sell_dm#renewal #renewalmain .flows h3 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  border-bottom: 2px solid #CC665F;
  position: relative;
  font-weight: 700; }
  .sell_dm#renewal #renewalmain .flows h3:after {
    content: "";
    border-right: 2px solid #CC665F;
    position: absolute;
    right: 7px;
    bottom: -6px;
    height: 20px;
    transform: rotate(-60deg); }
  .sell_dm#renewal #renewalmain .flows h3 .steps {
    display: inline-block;
    margin-right: 0.5rem;
    font-size: 1rem;
    color: #CC665F; }
    .sell_dm#renewal #renewalmain .flows h3 .steps i {
      font-family: HiraginoKaku W7,sans-serif;
      font-size: 1.75rem;
      color: #CC665F; }
.sell_dm#renewal #aboutverup .doing {
  width: 100%;
  margin-bottom: 1rem; }
  .sell_dm#renewal #aboutverup .doing:last-child {
    margin-bottom: 0; }
  .sell_dm#renewal #aboutverup .doing h3 {
    padding: 0.5rem 0;
    position: relative;
    border-radius: 0.5rem 0.5rem 0 0;
    background-color: #CC514D;
    font-size: 1.25rem;
    color: #fff;
    text-align: center; }
    .sell_dm#renewal #aboutverup .doing h3:after {
      top: 2.85rem;
      left: 50%;
      content: '';
      height: 0;
      width: 0;
      position: absolute;
      border-top-width: 8px;
      border-bottom-width: 1px;
      border-left-width: 5px;
      border-right-width: 5px;
      margin-left: -8px;
      border-top-color: #CC514D;
      border-style: solid;
      border-bottom-color: transparent;
      border-left-color: transparent;
      border-right-color: transparent; }
  .sell_dm#renewal #aboutverup .doing .funcname {
    padding: 1rem 0 0.5rem 0;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    background-color: #FDF7F7; }
  .sell_dm#renewal #aboutverup .doing .infotext {
    padding: 0 1rem 1rem 1rem;
    font-size: 1.125rem;
    background-color: #FDF7F7; }
.sell_dm#renewal #aboutverup .note {
  margin-top: 1.5rem;
  margin-bottom: 4rem; }
  .sell_dm#renewal #aboutverup .note p {
    font-size: 1.25rem;
    margin-bottom: 0.5rem; }
    .sell_dm#renewal #aboutverup .note p.notice {
      margin-top: 0.5rem;
      font-size: 0.75rem; }
.sell_dm footer {
  background-color: #333; }
  .sell_dm footer .imfooter {
    padding-top: 1.5rem;
    text-align: center; }
    .sell_dm footer .imfooter .imlogo {
      margin-bottom: 4px;
      line-height: 1; }
      .sell_dm footer .imfooter .imlogo img {
        width: 240px; }
    .sell_dm footer .imfooter .credit {
      padding-bottom: 1.5rem;
      font-size: 0.75rem;
      color: #fff; }
.sell_dm header {
  height: auto;
  margin-bottom: 2rem; }
  .sell_dm header .glovalheader {
    margin-bottom: 0;
    padding-top: 1rem;
    text-align: right; }
    .sell_dm header .glovalheader img {
      width: 232px;
      height: 38px; }
  .sell_dm header .empheader {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .sell_dm header .empheader h1 {
      width: 100%;
      font-weight: 700; }
      .sell_dm header .empheader h1 .readappname {
        font-size: 2rem;
        line-height: 1;
        display: flex;
        align-items: center; }
        .sell_dm header .empheader h1 .readappname img {
          max-width: 440px;
          width: 85%; }
      .sell_dm header .empheader h1 .readmain {
        font-size: 2rem;
        line-height: 1.2;
        display: block;
        color: #CC665F; }
      .sell_dm header .empheader h1 .readfuncname {
        display: inline-block;
        line-height: 1;
        font-size: 1rem;
        font-weight: 400; }
        .sell_dm header .empheader h1 .readfuncname .name {
          display: inline-block;
          background-color: #CC665F;
          padding: 0.5rem 1rem;
          color: #fff; }
        .sell_dm header .empheader h1 .readfuncname .readverupdate {
          display: inline-block;
          padding: 0.5rem 1rem;
          background: #fff;
          color: #CC665F;
          font-weight: 700; }
      .sell_dm header .empheader h1 .readfunccopy {
        display: block;
        margin: 0.5rem 1.543rem 0.5rem 0;
        border-bottom: 2px solid #EBC2BF;
        font-size: 2rem;
        line-height: 1.2; }
      .sell_dm header .empheader h1 .readfunccopysub {
        display: block;
        font-size: 1.5rem;
        line-height: 1.2; }
    .sell_dm header .empheader .cnv_btn {
      width: 100%;
      margin: 2rem auto; }
      .sell_dm header .empheader .cnv_btn a {
        width: 100%;
        font-size: 1.25rem !important; }

/*.sell_dm*/
/*RWD main*/
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width: 48em) {
  .sell_dm header .empheader h1 .readmain,
  .sell_dm header .empheader h1 .readfunccopy {
    font-size: 2.25rem; }

  .sell_dm header .empheader h1 .readappname img {
    max-width: 440px;
    width: unset; }

  .sell_dm main h2,
  .sell_dm#expo h2 span,
  .sell_dm#renewal h2 span {
    font-size: 1.75rem; }

  .sell_dm main h2,
  .sell_dm#expo #expoexamples h2,
  .sell_dm#expo #expopage h2,
  .sell_dm#menu #flowofrecipemart .contents h2 {
    margin-bottom: 1.5rem; }

  .sell_dm main #demand .contents .cnv_read {
    font-size: 1.75rem; }

  .sell_dm main #demand .contents .cnv_btn a {
    font-size: 1.5em; }

  .sell_dm main #needs .contents .threeneeds div {
    margin-bottom: 0; }

  .sell_dm main #needs .contents .threeneeds .needsimg {
    margin-bottom: 1.75rem; }

  .sell_dm#menu #flowofrecipemart .contents .flows {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between; }

  .sell_dm#menu #flowofrecipemart .contents .flows div {
    width: 46%; }

  .sell_dm#menu #flowofrecipemart .contents .flows .recipeflow img {
    width: 70%; }

  .sell_dm main #matchingmain ul li {
    flex-direction: row; }

  .sell_dm#matching #matchingmain ul li .fromim {
    width: 30%; }

  .sell_dm#matching #mailmag .contents {
    background: url(/web/jp/emp/sell_dm/images/mailmagbg.png) no-repeat center 64rem; }

  .sell_dm#matching #matchingmain ul li .toyou {
    width: 70%;
    flex-direction: column;
    align-items: center;
    text-align: left; }

  .sell_dm#matching #mailmag .contents {
    background: url(/web/jp/emp/sell_dm/images/mailmagbg.png) no-repeat center 63rem;
    background-size: contain;
    padding-top: 0; }

  .sell_dm#matching #matchingmain ul li .toyou .matchingflowarrow .to-from {
    margin: 0 0 0.25rem 0; }

  .sell_dm#matching #matchingmain ul li .toyou .matchingflowarrow .matchinggoal {
    text-align: right; }

  .sell_dm#matching #mailmag .contents .mailmagflow {
    flex-direction: column;
    align-items: center; }

  .sell_dm#matching #mailmag .contents .mailmagflow .flow {
    margin: 0; }

  .sell_dm#matching #matchingmain ul li .fromim h3 .steps {
    display: block; }

  .sell_dm#renewal #aboutverup .doing .funcname {
    font-size: 1.5rem; } }
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width: 64em) {
  img {
    width: auto; }

  .sell_dm main .notice {
    text-align: right; }

  .sell_dm#menu #flowofrecipemart .contents .flows .recipeflow img,
  .renewalimg img {
    width: auto; }

  .sell_dm header {
    height: 240px;
    margin-bottom: 4rem; }

  .sell_dm header .glovalheader {
    margin-bottom: 1.375rem; }

  .sell_dm header .empheader {
    min-height: 129px; }

  .sell_dm header .empheader h1 {
    width: 752px; }

  .sell_dm header .empheader h1 .readmain {
    line-height: 1; }

  .sell_dm header .empheader h1 .readfunccopy {
    border-bottom: 2px solid #EBC2BF;
    display: block;
    margin-bottom: 0.25rem;
    margin-right: 1.5rem;
    margin-top: 0;
    margin-left: 0;
    line-height: 1.5; }

  .sell_dm header .empheader h1 .readfunccopysub {
    line-height: 1.5; }

  .sell_dm header .empheader .cnv_btn {
    width: 272px; }

  .sell_dm header, .sell_dm footer, .sell_dm #demand {
    max-width: 1440px;
    min-width: 1024px; }

  .sell_dm main #demand .contents .cnv_btn {
    width: 30rem;
    margin: auto auto 3.375rem auto; }

  .sell_dm main #supports .cnv_btn a {
    width: 23.5rem; }

  .sell_dm header .cnv, .sell_dm #demand .cnv {
    width: auto; }

  .sell_dm main #demand .contents .cnv_read {
    font-size: 1.75rem; }

  .sell_dm footer .imfooter {
    text-align: right; }

  .buy_dm footer .imfooter .imlogo img {
    width: 240px; }

  .sell_dm header .glovalheader, .sell_dm header .empheader, .sell_dm footer .imfooter, .sell_dm #demand .contents, .sell_dm #scheme, .sell_dm #needs, .sell_dm #supports, .sell_dm #recipemain .contents, .sell_dm #aboutrecipemart, .sell_dm #recommendrecipes .contents, .sell_dm #flowofrecipemart .contents, .sell_dm #matchingmain .contents, .sell_dm #mailmag .contents, .sell_dm #renewalmain .contents, .sell_dm #aboutverup .contents, .sell_dm #expomain .contents, .sell_dm #expoexamples .contents, .sell_dm #webnegotiations .contents, .sell_dm #expopage .contents {
    width: 1024px !important;
    padding-right: 32px;
    padding-left: 32px; }

  .sell_dm header .empheader,
  .sell_dm main #needs .threeneeds, .sell_dm main #supports .foursupport, .sell_dm main #aboutrecipemart, .sell_dm main #flowofrecipemart .flows, .sell_dm main #matchingmain ul li, .sell_dm main #mailmag .mailmagflow, .sell_dm main #renewalmain .flows, .sell_dm main #aboutverup .verup, .sell_dm main #expomain .merits, .sell_dm main #webnegotiations .merits, .sell_dm main #expopage .expopageinfo {
    flex-direction: row !important;
    justify-content: space-between; }

  .sell_dm main #supports .foursupport dl:first-child {
    margin-bottom: 0 !important; }

  .sell_dm main #supports .foursupport dl dd p.current {
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
    width: 134px;
    margin: 0;
    border-radius: 0 6px 0 0;
    padding: 0.75rem 1rem 0.6rem 1rem;
    font-weight: 700;
    color: #CC665F; }

  /*index*/
  .sell_dm main #needs .contents .threeneeds div {
    width: 304px; }

  .sell_dm main #needs .contents .threeneeds h3 {
    text-align: left; }

  .sell_dm main #needs .cnv_btn {
    width: 100%;
    max-width: 100%; }

  .sell_dm main #needs .cnv_btn a {
    width: 23.5rem; }

  .sell_dm main #supports .foursupport dl {
    width: 464px; }

  .sell_dm main #supports .foursupport dl dd p.links {
    position: absolute;
    right: 0;
    top: 0;
    width: 134px;
    border-radius: 0 6px 0 0; }

  /*resipe*/
  .sell_dm#menu #aboutrecipemart .contents {
    width: 416px; }

  .sell_dm#menu #flowofrecipemart .contents .flows div {
    width: 240px; }

  .sell_dm#menu #flowofrecipemart .contents .flows h3 + p br {
    display: block; }

  .sell_dm#menu #flowofrecipemart .contents .punchlines {
    padding: 1.75rem 0;
    background: url(/web/jp/emp/sell_dm/images/recipearrow.png) no-repeat;
    border: none; }

  .sell_dm#matching #mailmag .contents .mailmagflow > img:first-child {
    display: block;
    width: 300px; }

  .sell_dm#matching #mailmag .contents .mailmagflow .flow + img {
    display: block;
    width: 248px; }

  /*maching*/
  .sell_dm#matching #matchingmain ul li .toyou {
    width: 622px;
    flex-direction: row;
    text-align: left; }

  .sell_dm#matching #mailmag .contents {
    background: url(/web/jp/emp/sell_dm/images/mailmagbg.png) no-repeat 414px 24px;
    background-size: unset;
    padding-top: 79px; }

  .sell_dm#matching #matchingmain ul li .toyou .matchingflowarrow .to-from {
    margin: 0 0 0.25rem 0; }

  .sell_dm#matching #matchingmain ul li .toyou .matchingflowarrow .matchinggoal {
    text-align: right; }

  .sell_dm#matching #mailmag .contents .mailmagflow {
    flex-direction: row;
    padding-bottom: 93px;
    width: 841px; }

  .sell_dm#matching #mailmag .contents .mailmagflow .flow {
    margin: 0; }

  /*verup*/
  .sell_dm#renewal #renewalmain .flows div {
    margin-bottom: 0.75rem; }
    .sell_dm#renewal #renewalmain .flows div:first-child, .sell_dm#renewal #renewalmain .flows div:nth-child(3) {
      width: 192px; }
    .sell_dm#renewal #renewalmain .flows div:nth-child(2) {
      width: 556px; }

  .sell_dm #aboutverup .doing,
  .sell_dm#expo .merits .doing {
    width: 304px !important;
    margin-bottom: 0 !important; }

  .sell_dm#renewal #aboutverup .note p.notice {
    text-align: right; }

  /*expo*/
  .sell_dm#expo #expopage .expopageinfo {
    width: 920px;
    margin: 0 auto 1rem auto;
    background: url(/web/jp/emp/sell_dm/images/expopage.png) no-repeat 219px top; }
    .sell_dm#expo #expopage .expopageinfo .contents .notice {
      margin-left: 470px; }
    .sell_dm#expo #expopage .expopageinfo .func-l, .sell_dm#expo #expopage .expopageinfo .func-r {
      width: 240px; }
      .sell_dm#expo #expopage .expopageinfo .func-l .funcinfo, .sell_dm#expo #expopage .expopageinfo .func-r .funcinfo {
        font-size: 1.125rem; }
    .sell_dm#expo #expopage .expopageinfo .func-l .funcinfo {
      margin: 0 auto 0 0;
      padding-right: 40px; }
    .sell_dm#expo #expopage .expopageinfo .func-r .funcname {
      padding-left: 40px; }
    .sell_dm#expo #expopage .expopageinfo .func-r .funcinfo {
      margin: 0 0 0 auto;
      padding-left: 40px; }
    .sell_dm#expo #expopage .expopageinfo .func1 {
      margin-top: 90px; }
    .sell_dm#expo #expopage .expopageinfo .func2 {
      margin-top: 20px; }
    .sell_dm#expo #expopage .expopageinfo .func3 {
      margin-top: 36px;
      margin-bottom: 12px; } }
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width: 75em) {
  .sell_dm header .empheader h1 .readappname img {
    max-width: 449px; }

  .sell_dm#matching #mailmag .contents {
    background: url(/web/jp/emp/sell_dm/images/mailmagbg.png) no-repeat 414px 24px; }

  .sell_dm#renewal #aboutverup .note p {
    margin-left: 90px; } }
/*RWD*/
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width: 48em) {
  .sp-only {
    display: block; }

  .pc-only {
    display: none; }

  .sell_dm#index header, .sell_dm#index main, .sell_dm#index footer {
    width: 100% !important; } }
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width: 64em) {
  html {
    overflow: auto; }

  body {
    overflow: hidden;
    min-width: 62em;
    position: relative; }

  .sp-only {
    display: none; }

  .pc-only {
    display: block; } }
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width: 75em) {
  .sp-only {
    display: none; }

  .pc-only {
    display: block; } }
/*CSS_browser_selectorによるMacFFのみのCSS*/
.gecko .sell_dm#renewal #aboutverup .doing h3:after {
  top: 2.5rem !important; }

.win.gecko .sell_dm#renewal #aboutverup .doing h3:after {
  top: 2.85rem !important; }