/*
 * 【はじめに】
 * 最終的には可能な限り、コメントは削除してください。
 * ここに記載しているコメントもほぼ不要です(auPay start / ecd は必要)
 * 変数の使い方
 * $ec_dir ･･･ それぞれ各ECの絶対パス(現状)
 * $ec_id ･･･ それぞれ各ECのID(CSVで設定している分)
 *
 * 例：background-image: url($ec_dir + '/img/bn_main_background_sp.jpg');
 *
 * SCSSについて
 * 例：if制御
 *  @if $shop == 1 {
 * 		#pc_header.ac img {
 *			width: initial;
 *		}
 *	}
 *
 * 今分かっている問題
 * 1.rgb()について
 *   rgba()を利用してください。うまく変換されません
 */
/* auPayについては、figureタグ等利用できないタグがあり、変換して利用する事になる
 * その変換されたタグ用にCSSを設定する必要があるので、下記コメントタグを利用し、
 * 開始・終了で閉じる事
 * また、if制御を利用して切り替えると楽
 * @if $shop == 5 {
 *	.studless .recommend > h3 > img {
 *		width: 100%;
 *	}
 * } @else {
 *	.studless .recommend > div img {
 *		width: 100%;
 *	}
 * }
 */
/*common*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;700;900&display=swap');
/*レビューキャンペーン用*/
.davanti {
  background-color: #000;
  color: #fff;
  font-size: 16px; }

.davanti * {
  font-family: 'M PLUS 1p', sans-serif; }

.davanti figure {
  margin: 0; }

.davanti img {
  display: block;
  max-width: 100%;
  height: auto; }

.davanti .bestcar_link {
  position: relative;
  width: 96%;
  height: auto;
  z-index: 999;
  margin: 10px auto; }

.davanti .bestcar_link img {
  width: 100%; }

@media screen and (min-width: 768px) {
  .davanti .bestcar_link {
    width: 536px;
    margin: 20px auto; } }

.davanti .lineup_link {
  position: fixed;
  bottom: 75px;
  right: 10px;
  font-weight: 700;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #eb5c05;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  z-index: 999;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); }

.davanti .lineup_link a {
  color: #fff;
  display: block;
  text-align: center; }

.davanti .lineup_link span {
  width: 100%;
  display: block; }

.davanti .top_link {
  position: fixed;
  bottom: 5px;
  right: 10px;
  font-weight: 700;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #888;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  z-index: 999;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); }

.davanti .top_link a {
  color: #fff;
  display: block;
  text-align: center; }

.davanti .top_link span {
  width: 100%;
  display: block; }

.davanti .top_link .arrow {
  font-size: 16px;
  /**動画レスポンシブ**/ }

.davanti .video_size {
  margin: 0 20px; }

.davanti .video {
  margin-bottom: 10px;
  position: relative;
  padding-top: 56.25%;
  width: 100%; }

.davanti .video iframe, .davanti .video video {
  height: 100% !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100% !important;
  /*header*/ }

.davanti header .bread_crumb {
  font-size: 12px;
  padding: 0.5em; }

.davanti header .bread_crumb a {
  color: #fff;
  font-weight: 500;
  text-decoration: underline;
  margin-right: 0.5em; }

.davanti header .bread_crumb span {
  margin-right: 0.5em; }

.davanti h1 img {
  width: 100%; }

.davanti .aw_header {
  background-color: #000;
  display: block;
  height: 32px;
  padding: 20px 0 5px;
  text-align: center; }

.davanti .aw_header img {
  width: 160px;
  position: relative;
  z-index: 1;
  margin: 0 auto; }

.davanti header h1 {
  position: absolute;
  /* padding-top: 24%; キャンペーンアイコン用*/
  top: 0; }

.davanti header .video {
  /*82.25%　キャンペーンアイコン用*/
  padding-top: 67.25%; }

.davanti header .video > a.new_size {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 97%;
  margin: 0 auto;
  display: block;
  right: 0; }

.davanti header .video > a.new_size img {
  display: block;
  width: 100%; }

.davanti header .video nav {
  /* display: none; */
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1; }

.davanti header .video nav ul {
  display: flex;
  justify-content: center;
  /*IE10*/
  text-align: center;
  display: -ms-flexbox; }

.davanti header .video nav ul li {
  width: 33%; }

.davanti header .video nav ul li img {
  width: 90%;
  margin: 0 auto 5px;
  /*main*/ }

.davanti .figure img {
  width: 100%; }

.davanti section h2 {
  background-color: #eb5c05;
  text-align: center; }

.davanti section h2 img {
  margin: 0 auto; }

.davanti section > .figure {
  padding: 40px 15px;
  position: relative; }

.davanti section > p {
  background-color: #000;
  line-height: 1.8em;
  margin: 0 20px 20px;
  position: relative;
  z-index: 1;
  /**aboutus**/ }

.davanti .aboutus > p:nth-of-type(1) {
  font-weight: 700;
  margin: 20px 40px; }

.davanti .aboutus > .figure:nth-of-type(1):before {
  border: 1px solid #eb5c05;
  content: '';
  display: block;
  height: 97%;
  left: 0;
  margin: 0 40px;
  position: absolute;
  right: 0;
  top: 5px; }

.davanti .aboutus > .figure img {
  position: relative;
  z-index: 1;
  margin-bottom: 10px; }

.davanti .aboutus > section {
  margin: 80px 0;
  position: relative; }

.davanti .aboutus section h3 {
  font-size: 1.6em;
  text-align: center; }

.davanti .aboutus section h3 img {
  margin: 0 auto 30px; }

.davanti .aboutus section h3 span {
  display: block; }

.davanti .aboutus section:nth-of-type(1):before {
  border: 1px solid #eb5c05;
  content: '';
  display: block;
  height: 92%;
  left: 0;
  margin: 0 60px;
  position: absolute;
  right: 0;
  top: 90px; }

.davanti .aboutus section:nth-of-type(1) p {
  margin-bottom: 40px; }

.davanti .aboutus section:nth-of-type(1) img {
  margin-bottom: 10px; }

.davanti .aboutus section:nth-of-type(2):before {
  border: 1px solid #eb5c05;
  content: '';
  display: block;
  height: 104%;
  left: 0;
  margin: 0 60px;
  position: absolute;
  right: 0;
  top: -20px; }

.davanti .aboutus section:nth-of-type(2) h3 {
  position: relative; }

.davanti .aboutus section:nth-of-type(2) h3 img {
  width: 90%; }

.davanti .aboutus section:nth-of-type(2) .figure {
  padding: 30px 15px 10px; }

.davanti .aboutus section:nth-of-type(3):before {
  border: 1px solid #eb5c05;
  content: '';
  display: block;
  height: 108%;
  left: 0;
  margin: 0 60px;
  position: absolute;
  right: 0;
  top: -20px; }

.davanti .aboutus section:nth-of-type(4):before {
  border: 1px solid #eb5c05;
  content: '';
  display: block;
  height: 106%;
  left: 0;
  margin: 0 60px;
  position: absolute;
  right: 0;
  top: -20px; }

.davanti .aboutus section:nth-of-type(4) h3 img {
  position: relative;
  z-index: 1; }

.davanti .aboutus > a {
  color: #eb5c05;
  display: block;
  width: 12em;
  text-align: center;
  margin: 0 auto;
  border: 3px solid #eb5c05;
  font-weight: 700;
  padding: 0.5em 0;
  border-radius: 5px;
  font-size: 18px;
  /*technology*/ }

.davanti .aboutus .lineup_heading {
  border-bottom: 1px solid #eb5c05;
  font-size: 1.3em;
  text-align: center;
  margin: 50px 0;
  font-weight: 900; }

.davanti .aboutus .figure.inv {
  padding: 0 15px; }

.davanti .aboutus section:nth-of-type(5):before {
  border: 1px solid #eb5c05;
  content: '';
  display: block;
  height: 106%;
  left: 0;
  margin: 0 60px;
  position: absolute;
  right: 0;
  top: -20px; }

.davanti .aboutus .lineup_technology .figure {
  padding: 0px 15px 20px; }

.davanti .aboutus .lineup_technology .figure span img {
  width: inherit;
  margin: 0 auto;
  /*eco*/ }

.davanti .aboutus .eco {
  margin: 80px 15px;
  background: url("/asp/photo/auction/brand/davanti/img/bg_eco_sp.jpg") center / cover no-repeat;
  padding: 20px 15px; }

.davanti .aboutus .eco > div {
  background-color: rgba(0, 0, 0, 0.55);
  padding: 20px 15px; }

.davanti .aboutus .eco > div p {
  line-height: 1.8;
  /**partnership**/ }

.davanti .partnership section .figure {
  padding: 0px 15px; }

.davanti .partnership section h3 {
  text-align: center; }

.davanti .partnership section h3 img {
  position: relative;
  width: 90%;
  margin: 0 auto; }

.davanti .partnership > p {
  margin: 30px 20px; }

.davanti .partnership section {
  margin: 100px 0px 50px 0;
  position: relative; }

.davanti .partnership section:nth-of-type(1):before {
  border: 1px solid #eb5c05;
  content: '';
  display: block;
  height: 103%;
  left: 0;
  margin: 0 60px;
  position: absolute;
  right: 0;
  top: -40px; }

.davanti .partnership section:nth-of-type(1) p:nth-of-type(1) {
  font-size: 1.6em;
  text-align: center; }

.davanti .partnership section:nth-of-type(1) p:nth-of-type(2) {
  font-weight: bold; }

.davanti .partnership section:nth-of-type(1) p:nth-of-type(3) {
  margin-bottom: 40px; }

.davanti .partnership section:nth-of-type(1) .figure:nth-of-type(3) {
  text-align: center; }

.davanti .partnership section:nth-of-type(1) .figure:nth-of-type(3) img:first-of-type {
  width: auto;
  margin: 0 auto 30px; }

.davanti .partnership section:nth-of-type(2):before {
  border: 1px solid #eb5c05;
  content: '';
  display: block;
  height: 106%;
  left: 0;
  margin: 0 60px;
  position: absolute;
  right: 0;
  top: -20px;
  z-index: -1; }

.davanti .partnership section:nth-of-type(2) .figure {
  margin-bottom: 40px;
  /*３→２へ変更*/ }

.davanti .partnership section:nth-of-type(2) {
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 1; }

.davanti .partnership section:nth-of-type(2):before {
  border: 1px solid #eb5c05;
  content: '';
  display: block;
  height: 106%;
  left: 0;
  margin: 0 60px;
  position: absolute;
  right: 0;
  top: -40px; }

.davanti .partnership section:nth-of-type(2) div {
  display: flex;
  flex-direction: column; }

.davanti .partnership section:nth-of-type(2) .figure {
  padding: 10px 15px 40px;
  position: relative;
  text-align: center;
  z-index: 1;
  /*３→２へ変更ここまで*/ }

.davanti .partnership .figure.performancedriven {
  padding: 0;
  position: relative;
  margin-bottom: 30px; }

.davanti .partnership .figure.performancedriven img {
  margin: 0 auto;
  width: auto;
  /*フッターナビ*/ }

.davanti .foot_nav h4 {
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  color: #eb5c05; }

.davanti .foot_nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 95%;
  margin: 0 auto;
  padding-bottom: 30px; }

.davanti .foot_nav ul li {
  width: 100%;
  margin-bottom: 10px; }

.davanti .foot_nav ul li a {
  display: block;
  border: 2px solid #eb5c05;
  background-color: #1e1a1c;
  padding: 5px; }

.davanti .foot_nav ul li a img {
  margin: 0 auto;
  /*フッター*/ }

.davanti footer .partner {
  background-color: #1e1a1c;
  padding: 40px 0; }

.davanti footer .partner a, .davanti footer .partner span {
  display: block;
  text-align: center; }

.davanti footer .partner img {
  margin: 0 auto; }

.davanti footer .partner a:nth-of-type(1) img {
  width: 320px;
  text-align: center;
  margin: 0 auto; }

.davanti footer .partner span img {
  width: 70px;
  margin: 6vw auto; }

.davanti footer .partner a:nth-of-type(2) img {
  width: 240px; }

footer nav {
  background-color: #eb5c05;
  text-align: center;
  padding: 20px; }

footer nav a {
  color: #fff;
  text-decoration: none; }

footer nav li {
  display: inline-block;
  margin: 10px 20px; }

footer nav li:first-child {
  padding: 5px 10px;
  background-color: #555559;
  border-radius: 5px; }

footer small {
  display: block;
  background-color: #555559;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  /*レビューキャンペーン用*/ }

header {
  position: relative; }

.campaign_icon {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 100; }

.campaign_icon img {
  width: 27vw;
  max-width: 150px; }

#campaign .figure {
  padding: 0;
  margin: 40px 0; }

#campaign .about_campaign {
  max-width: 1030px;
  margin: 0 auto 10px;
  margin-bottom: 25px;
  padding: 0 11px; }

#campaign .about_campaign span {
  color: #eb5c05; }

#campaign h4 {
  font-size: 4vw;
  margin-bottom: 20px;
  transform: skewX(-7deg);
  padding: 0 11px;
  border-bottom: 3px solid #ff5200; }

#campaign ol {
  font-size: 4.1vw;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 0 11px; }

#campaign ol li::before {
  content: '1';
  color: #fff;
  background-color: #ff5200;
  width: 5vw;
  height: 5vw;
  border-radius: 50%;
  margin-right: 1em;
  line-height: 5vw;
  display: inline-block;
  text-align: center;
  font-size: 0.8em;
  vertical-align: text-top; }

#campaign ol li:last-of-type:before {
  content: '2'; }

#campaign .period {
  margin-bottom: 30px;
  /*text-decoration: underline; 
  text-decoration-thickness: 0.1em; 
  text-decoration-color: #ff5200; 
  text-underline-offset: -0.1em;
  text-decoration-skip-ink: none;*/
  padding: 0 11px; }

#campaign .period dl {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 4.1vw;
  font-weight: bold;
  line-height: 2; }

#campaign .period dt {
  width: 9.5em;
  /*#campaign .period dd {
	text-align: center;
}*/
  /*#campaign .period dl dd::before {
	content: '：';
}*/ }

#campaign .annotation {
  font-size: 14px;
  margin-bottom: 20px;
  padding: 0 11px; }

#campaign + a {
  background-color: #ff5200;
  border-radius: 1em;
  padding: 0.5em 0;
  max-width: 550px;
  width: 90%;
  margin: 0 auto;
  color: #fff;
  display: block;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 4vw;
  text-decoration: none; }

@media screen and (min-width: 768px) {
  .davanti header {
    max-width: 980px;
    margin: 0 auto; }
    .davanti .aboutus > section {
      max-width: 980px;
      margin: 35px auto; }
    .davanti .partnership > section {
      max-width: 980px;
      margin: 80px auto;
      /*ヘッダー*/ }
    .davanti header .bread_crumb {
      font-size: 14px; }
    .davanti header h1 {
      padding-top: 2%; }
    .davanti header .video {
      padding-top: 62.25%; }
    .davanti header .video > a.new_size {
      top: auto;
      bottom: 150px;
      width: 71%;
      max-width: 600px; }
    .davanti header .video nav ul {
      background: url("/asp/photo/auction/brand/davanti/img/top_bg_line.png");
      justify-content: center; }
    .davanti header .video nav ul li {
      margin: 0 20px;
      width: inherit; }
    .davanti header .video nav ul li img {
      width: inherit;
      /**aboutus**/ }
    .davanti .aboutus {
      display: flex;
      flex-direction: column; }
    .davanti .aboutus > .figure img {
      width: 40%;
      display: inline;
      margin-bottom: 0; }
    .davanti .aboutus img {
      width: inherit; }
    .davanti .aboutus > h2 {
      order: 1; }
    .davanti .aboutus > p:nth-of-type(1) {
      align-self: center;
      font-size: 1.5em;
      margin-bottom: 40px;
      line-height: 1.5em;
      order: 2; }
    .davanti .aboutus > p:nth-of-type(1) > span {
      display: block; }
    .davanti .aboutus > .figure:nth-of-type(1) {
      align-self: center;
      max-width: 860px;
      width: 100%;
      order: 3;
      padding: 0;
      text-align: center; }
    .davanti .aboutus > .figure:nth-of-type(1):before {
      height: 160%;
      margin: 0 17%;
      top: -19px; }
    .davanti .aboutus > .video_size {
      align-self: center;
      order: 5;
      margin-top: 7%;
      width: 300px; }
    .davanti .aboutus > p:nth-of-type(2) {
      align-self: center;
      max-width: 700px;
      order: 4;
      width: 74%; }
    .davanti .aboutus > section:nth-of-type(1) {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      order: 9;
      width: 100%; }
    .davanti .aboutus > section:nth-of-type(1):before {
      height: 88%;
      margin: 0 20%;
      top: 55px; }
    .davanti .aboutus > section:nth-of-type(1) > h3 {
      width: 100%; }
    .davanti .aboutus > section:nth-of-type(1) > h3 > span {
      display: inline;
      padding-bottom: 40px; }
    .davanti .aboutus > section:nth-of-type(1) > .figure {
      flex-basis: 70%;
      max-width: 860px;
      padding-bottom: 0;
      text-align: center; }
    .davanti .aboutus > section:nth-of-type(1) > .figure > img {
      width: 49%;
      display: inline; }
    .davanti .aboutus > section:nth-of-type(1) > p {
      width: 40%; }
    .davanti .aboutus > section:nth-of-type(1) > .video_size {
      width: 300px; }
    .davanti .aboutus > section:nth-of-type(2) {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      order: 9;
      width: 100%; }
    .davanti .aboutus > section:nth-of-type(2):before {
      height: 110%;
      margin: 0 20%; }
    .davanti .aboutus > section:nth-of-type(2) > h3 {
      width: 100%; }
    .davanti .aboutus > section:nth-of-type(2) > h3 > img {
      width: 324px; }
    .davanti .aboutus > section:nth-of-type(2) > p {
      width: 40%; }
    .davanti .aboutus > section:nth-of-type(3) {
      display: flex;
      justify-content: center;
      margin-top: 80px;
      order: 11;
      width: 100%; }
    .davanti .aboutus > section:nth-of-type(3):before {
      height: 115%;
      margin: 0 20%; }
    .davanti .aboutus > section:nth-of-type(3) > h3 {
      left: 22%;
      position: absolute;
      top: -60px; }
    .davanti .aboutus > section:nth-of-type(3) > p {
      margin-top: 30px;
      width: 55%; }
    .davanti .aboutus > section:nth-of-type(4) {
      display: flex;
      flex-direction: row-reverse;
      justify-content: center;
      margin-bottom: 80px;
      order: 12;
      width: 100%; }
    .davanti .aboutus > section:nth-of-type(4) > p {
      width: 340px; }
    .davanti .aboutus > section:nth-of-type(4):before {
      height: 112%;
      margin: 0 20%; }
    .davanti .aboutus > .figure:nth-of-type(2) {
      order: 13; }
    .davanti .aboutus > a {
      transition: 0.3s; }
    .davanti .aboutus > a:hover {
      background-color: #eb5c05;
      color: #000; }
    .davanti .aboutus > a:first-of-type {
      order: 6;
      margin: 30px auto; }
    .davanti .aboutus > a:nth-of-type(2) {
      order: 10;
      margin: 30px auto; }
    .davanti .aboutus > a:last-of-type {
      order: 14;
      margin: 80px auto 0;
      /*technology*/ }
    .davanti .aboutus .lineup_heading {
      order: 7;
      border-bottom: inherit;
      font-size: 3em;
      line-height: 2em;
      position: relative;
      z-index: 1;
      max-width: 980px;
      margin: 50px auto;
      width: 100%; }
    .davanti .aboutus .lineup_heading:before {
      border-top: 1px solid #eb5c05;
      content: '';
      display: block;
      position: relative;
      top: 50px;
      z-index: -1; }
    .davanti .aboutus .figure.inv {
      order: 8;
      max-width: 980px;
      margin: 0 auto; }
    .davanti .aboutus .figure.inv img {
      width: 100%; }
    .davanti .aboutus .lineup_technology {
      order: 13; }
    .davanti .aboutus section:nth-of-type(5):before {
      height: 112%;
      margin: 0 20%; }
    .davanti .aboutus .lineup_technology > p {
      margin: 0 0 50px 8%;
      width: 62%; }
    .davanti .aboutus .lineup_technology .figure {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start; }
    .davanti .aboutus .lineup_technology .figure span img {
      position: absolute;
      left: 73%;
      top: -120px;
      background-color: #000; }
    .davanti .aboutus .lineup_technology .figure > img {
      width: 45%; }
    .davanti .aboutus .lineup_technology .video_size {
      width: 50%;
      margin: 0 auto;
      /*eco*/ }
    .davanti .aboutus .eco {
      order: 15;
      padding: 40px;
      max-width: 980px;
      width: calc(100% - 30px);
      margin: 80px auto;
      box-sizing: border-box; }
    .davanti .aboutus .eco > div {
      padding: 40px; }
    .davanti .aboutus .eco h3 {
      width: 90%;
      margin: 0 auto; }
    .davanti .aboutus .eco h3 img {
      max-width: 613px;
      /**partnership**/ }
    .davanti .partnership > p {
      margin: 30px 20%; }
    .davanti .partnership > section:nth-of-type(1) {
      display: flex;
      flex-direction: column; }
    .davanti .partnership > section:nth-of-type(1):before {
      margin: 0 20%; }
    .davanti .partnership > section:nth-of-type(1) > p:nth-of-type(1), .davanti .partnership > section:nth-of-type(1) > p:nth-of-type(2) {
      text-align: center; }
    .davanti .partnership > section:nth-of-type(1) > p:nth-of-type(3), .davanti .partnership > section:nth-of-type(1) > p:nth-of-type(4) {
      align-self: center;
      width: 55%; }
    .davanti .partnership > section:nth-of-type(1) > h3 > img {
      width: inherit; }
    .davanti .partnership > section:nth-of-type(1) > .video_size {
      align-self: center;
      width: 380px; }
    .davanti .partnership > section:nth-of-type(1) > .figure:nth-of-type(1) {
      text-align: center; }
    .davanti .partnership > section:nth-of-type(1) > .figure:nth-of-type(2) {
      height: 320px;
      text-align: center; }
    .davanti .partnership > section:nth-of-type(1) > .figure:nth-of-type(1) > img {
      width: inherit;
      margin: 0 auto; }
    .davanti .partnership > section:nth-of-type(1) > .video {
      align-self: center;
      border: 1px solid #333;
      height: 200px;
      padding-top: 0;
      width: 400px; }
    .davanti .partnership > section:nth-of-type(1) > .figure:nth-of-type(2) > img {
      width: 50%;
      margin: 0 auto;
      /**auPAY専用スタイル3**/ }
    .davanti .partnership > section:nth-of-type(1) > .aupay_class3 {
      height: 320px;
      text-align: center; }
    .davanti .partnership > section:nth-of-type(1) > .aupay_class3 > img {
      width: 50%;
      /**ここまで**/ }
    .davanti .partnership > section:nth-of-type(1) > .figure:nth-of-type(3) {
      display: flex;
      flex-direction: column;
      margin-top: 40px;
      /**auPAY専用スタイル4**/ }
    .davanti .partnership > section:nth-of-type(1) > .aupay_class4 {
      display: flex;
      flex-direction: column;
      margin-top: 40px; }
    .davanti .partnership > section:nth-of-type(1) > .aupay_class4 > img:nth-of-type(1) {
      align-self: center;
      -ms-flex-item-align: center; }
    .davanti .partnership > section:nth-of-type(1) > .aupay_class4 > img:nth-of-type(2) {
      width: 55%;
      align-self: center;
      margin-bottom: 10px;
      /**ここまで**/ }
    .davanti .partnership > section:nth-of-type(1) > .figure:nth-of-type(3) > img:nth-of-type(1) {
      align-self: center;
      margin-bottom: 10px; }
    .davanti .partnership > section:nth-of-type(1) > .figure:nth-of-type(3) > img:nth-of-type(2) {
      align-self: center;
      width: 55%; }
    .davanti .partnership > section:nth-of-type(2):before {
      margin: 0 20%; }
    .davanti .partnership > section:nth-of-type(2) > h3 > img {
      width: inherit;
      /*３→２へ変更に伴い削除*/
      /*.davanti .partnership > section:nth-of-type(2) > p {
		margin: 20px 23%;
	}*/
      /*３→２へ変更に伴い削除ここまで*/ }
    .davanti .partnership > section:nth-of-type(2) > .figure {
      text-align: center; }
    .davanti .partnership > section:nth-of-type(2) > .figure > img {
      width: inherit;
      /*３→２へ変更*/ }
    .davanti .partnership > section:nth-of-type(2) {
      align-items: flex-start;
      display: flex;
      justify-content: center;
      flex-direction: row;
      order: 8; }
    .davanti .partnership > section:nth-of-type(2):before {
      margin: 0 20%; }
    .davanti .partnership > section:nth-of-type(2) > div {
      position: relative; }
    .davanti .partnership > section:nth-of-type(2) > p {
      flex-basis: 300px;
      /*フッターナビ*/ }
    .davanti .foot_nav ul {
      max-width: 980px; }
    .davanti .foot_nav ul li {
      width: 300px;
      margin: 20px; }
    .davanti .foot_nav ul li a {
      padding: 20px;
      /*フッター*/ }
    .davanti #partner {
      padding: 20px 0; }
    .davanti footer .partner {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 30px 0 30px; }
    .davanti footer .partner img {
      margin: 0 auto; }
    .davanti footer .partner span img {
      margin: 20px 60px; }
    .davanti footer .partner a:nth-of-type(2) img {
      width: 240px; }
    .davanti #partner img:nth-child(2) {
      display: inline-block;
      margin: 0;
      height: 3em;
      /*レビューキャンペーン用*/ }
    .davanti .campaign_icon img {
      max-width: 200px; }
    .davanti #campaign .figure {
      padding: 0 15px;
      max-width: 1024px;
      margin: 40px auto; }
    .davanti #campaign .figure + a:hover {
      color: #eb5c05;
      text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff; }
    .davanti #campaign .about_campaign {
      margin-bottom: 50px; }
    .davanti #campaign h4 {
      font-size: 3vw; }
    .davanti #campaign ol {
      font-size: 3vw; }
    .davanti #campaign ol li::before {
      width: 4vw;
      height: 4vw;
      line-height: 4vw; }
    .davanti #campaign .period {
      /*text-underline-offset: -0.1em; */
      text-decoration-thickness: 0.2em; }
    .davanti #campaign .period dl {
      display: flex;
      width: 30em;
      font-size: 3vw; }
    .davanti #campaign .period dt {
      margin-right: 1em; }
    .davanti #campaign .annotation {
      font-size: 16px; }
    .davanti #campaign + a {
      text-decoration: none;
      transition: 0.1s;
      font-size: 3vw; }
    .davanti #campaign + a:hover {
      transform: translateY(3px); } }

@media screen and (min-width: 1024px) {
  .davanti .campaign_icon {
    right: calc(50% - 492px); }

  .davanti #campaign h4, .davanti #campaign ol, .davanti #campaign .period dl {
    font-size: 30px; }

  .davanti #campaign ol li::before {
    width: 40px;
    height: 40px;
    line-height: 40px; }

  .davanti #campaign + a {
    font-size: 30px;
    margin-bottom: 50px; } }