@charset "utf-8";

/* ---------------------------------------------------
   File: index.css
   Version: 1.0.0
   Update: 2024-08-27
   Author: https://flowlab.co.jp

   (c)2007-2024 Flowlab inc. All Rights Reserved.
--------------------------------------------------- */

/* ========================================================================================

   WIDE DESKTOP LAYOUT

======================================================================================== */

/* ===================================================
   Display
=================================================== */
.sp {
	display: none;
}
img {
	display: block;
}


/* ===================================================
   Page Layout
=================================================== */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-x: hidden;
}
.row {
	width: 100%;
	margin: 0 auto;
}


/* ===================================================
   Title-space
=================================================== */
#title-space {
	width: 100%;
  margin: 0;
  padding: 0;
}
.bgPink {
  background-color: #e3007f;
}
@media screen and (min-width: 1300px) {
  #title-space {
    /*margin: 0 calc(50% - 50vw);*/
    /*padding: 0 calc(50vw - 50%);*/
    /*width: 100vw;*/
  }
}
  

/* ===================================================
   Contents
=================================================== */
h1 {
  font-family: ryo-gothic-plusn, sans-serif;
  font-weight: 600;
  font-style: normal;
  padding: 30px 0;
  text-align: center;
  font-size: 2em;
  /*color: #fff;
  background-color: #9B003F;*/
  color: #e3007f;
  background-color: #fff;
  letter-spacing: 0.3rem;
}
.rwdImage {
  width: 1200px;
  margin: 0 auto;
}
img {
  width:100%;
  margin: 0 auto;
}


/* DealerList */
#dealerList {
  overflow: hidden;
  margin: 0 auto;
  background-color: #00adba;
}
#dealerList ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 30px 0;
  margin: 0 auto;
  height: auto;
  justify-content: space-between;
  width: 1120px;
  padding-left: 70px;
}
#dealerList li {
  width: 24%;
  margin-bottom: 30px;
}
/*#dealerList li:nth-of-type(1),
#dealerList li:nth-of-type(5),
#dealerList li:nth-of-type(9),
#dealerList li:nth-of-type(13),
#dealerList li:nth-of-type(17){
  width: 250px;
}*/
#dealerList li:nth-of-type(2),
#dealerList li:nth-of-type(6),
#dealerList li:nth-of-type(10),
#dealerList li:nth-of-type(14),
#dealerList li:nth-of-type(18){
  margin-right: 10px;
}
#dealerList li:nth-of-type(3),
#dealerList li:nth-of-type(7),
#dealerList li:nth-of-type(11),
#dealerList li:nth-of-type(15),
#dealerList li:nth-of-type(19){
  margin-right: 30px;
}
/*#dealerList li:nth-of-type(4),
#dealerList li:nth-of-type(8),
#dealerList li:nth-of-type(12),
#dealerList li:nth-of-type(16),
#dealerList li:nth-of-type(20) {
  width: 290px;
}*/
#dealerList li img {
	width: 100%;
	height: auto;
}

/* ===================================================
   Footer
=================================================== */
#footer {
  background-color: #fff;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 1300px) {
  #footer {
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
    /*width: 100vw;*/
  }
}
  
#footer p {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
#footer p img {
	width: 100%;
	height: auto;
}





/* ========================================================================================

   TABLET - LARGE

========================================================================================== */
@media screen and (min-width: 992px) and (max-width: 1299px) {
	
  /* ===================================================
     Page Layout
  =================================================== */
  .row {
    width: 100%;
  }

  /* ===================================================
     Contents
  =================================================== */
  .rwdImage {
    width: 100%;
  }
  /* DealerList */
  #dealerList {
    width: 100%;
  }
  #dealerList ul {
    width: 90%;
    padding-left: 40px;
  }
  #dealerList li  {
	width: 24%;
	height: auto;
}
  #dealerList li:nth-of-type(2),
  #dealerList li:nth-of-type(6),
  #dealerList li:nth-of-type(10),
  #dealerList li:nth-of-type(14),
  #dealerList li:nth-of-type(18) {
    margin-right: 0;
  }
  #dealerList li:nth-of-type(3),
  #dealerList li:nth-of-type(7),
  #dealerList li:nth-of-type(11),
  #dealerList li:nth-of-type(15),
  #dealerList li:nth-of-type(19) {
    margin-right: 0;
  }
  /* ===================================================
     Footer
  =================================================== */
  #footer p {
    width: 100%;
  }
  #footer {
    width: 100%;
  }
}




/* ========================================================================================

   TABLET

========================================================================================== */
@media screen and (min-width: 768px) and (max-width: 991px) {
	
  /* ===================================================
     Page Layout
  =================================================== */
  .row {
    width: 100%;
  }
	.rwdImage img {
		width: 100%;
		height: auto;
	}
	
  /* ===================================================
     Contents
  =================================================== */  
  .rwdImage {
    width: 100%;
  }
  /* DealerList */
  #dealerList {
    width: 100%;
  }
  #dealerList ul {
    width: 90%;
    padding-left: 24px;
  }
  #dealerList li {
    width: 44%;
    height: auto;
  }
    
  /* ===================================================
     Footer
  =================================================== */
  #footer p {
    width: 100%;
  }
  #footer {
    width: 100%;
  }
}

/* ========================================================================================

   MOBILE LAYOUT (PORTRAIT/320PX,LANDSCAPE/480PX) 

========================================================================================== */
@media screen and (max-width: 767px) {

  /* ===================================================
     Display
  =================================================== */
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }

  /* ===================================================
     Page Layout
  =================================================== */
  body {
    width: 100%!important;
  }
  .wrapper {
    width: 100%!important;
  }
  .row {
    width: 100%!important;
    margin: 0 auto;
  }
  img,
    #covid-19 .rwdImage img {
    width: 100%;
    height: auto;
  }
  
  /* ===================================================
     Contents
  =================================================== */
  h1 {
  padding: 20px 0;
  font-size: 1.5em;
  letter-spacing: 0.1rem;
}
  .rwdImage {
    width: 100%;
  }
  /* DealerList */
  #dealerList {
    width: 100%;
  }
  #dealerList ul {
    padding: 0;
    width: 100%;
  }
  #dealerList li {
    width: 100%;
    height: auto;
    padding: 0;
    margin-bottom: 0;
  }
    #dealerList li:nth-of-type(2),
    #dealerList li:nth-of-type(6),
    #dealerList li:nth-of-type(10),
    #dealerList li:nth-of-type(14),
    #dealerList li:nth-of-type(18) {
      margin-right: 0;
    }
    #dealerList li:nth-of-type(3),
    #dealerList li:nth-of-type(7),
    #dealerList li:nth-of-type(11),
    #dealerList li:nth-of-type(15),
    #dealerList li:nth-of-type(19) {
      margin-right: 0;
  }
  /*#dealerList ul li:nth-of-type(3n) {
    width: calc(70% * (380 / 430));
  }*/
	
/* ===================================================
   Footer
=================================================== */
	#footer {
		width: 100%;
	}
  #footer p {
    width: 100%;
  }
}