@charset "Shift_JIS";
/*======全般的なスタイル======*/
* {
  margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
  line-height:1.5em;	/*全要素の行の高さを1.5倍にする*/
  text-decoration: none;/*全要素リンク文字の下の線を消す*/
}

a:link {/*全要素リンク文字の色*/
  color: blue;
  text-decoration: none;
}

a:hover{
  color:#333;
  text-decoration: none;
}

body {
  background-color:#000;	/*ページ全体の背景色*/
  text-align:center;		/*IE6以下でセンタリングするための対策*/
}

@media screen and (max-width: 767px){/*------------------- max-width: 767px ----------------------*/
div#pagebody {
  width:375px; height:auto; margin:0 auto;	/*内容全体をセンタリング*/
  text-align:left;	/*テキストの配置を左揃えにする*/
  background-color:#fff;		/*内容全体の背景色*/
}

div#contents {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

 /* パン くず リスト */
.breadcrumb {
  padding: 5px 15px;
  list-style: none;
  background-color:#FFF;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-size:12px;
  font-weight: 600;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.3em;
  color: #333;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #333;/*色*/
}

.breadcrumb li a:hover {
  font-size:16px;
  color: purple;/*色*/
  text-decoration: none;
}

/*======= ヘッダ =====*/
div#header {
  width:100%;
  height:auto;	/*ヘッダーの高さ*/
  background-color:#FFC679;		/*ヘッダ部分の背景色*/
  text-align:left;	/*テキストの配置を左揃えにする*/
}

/* logo */
.car_sale_logo{display:flex; width:100%; border-top:solid 2px #FFC679;}
.car_sale_logo img {width: 50px; height: auto; padding:3px 10px;}

h1{color:#2060a0; padding-top:3px;}

div#pagebody.main {
  height: auto;
}

.main-contents {
  width: 100%;
}

#main{
  width: 97%;
  padding:0 10px;
}

.demonstration{/* 各部分の説明 */
  width: 97%;
  height;100px;
  font-size:18px;
  color:#222;;
  font-weight:700;
  text-align:left;
  padding:10px 20px 5px 0;
}

.Image_details{
  width: 97%;
  text-align:center;
}

.Image_details img{
  width:100%;
  margin-left:3px;
}

.substance{
  width: auto;
  padding:0;
}

.content_flow{
  font-size:120%;
  font-weight:500; 
  color: #000;              /* メニューの文字色*/
  padding-left:10px;
}

.chart{
  font-size:100%;
  font-weight:500; 
  color: #000;   
  padding:0 10px 10px 10px;
}

/*====== フッター ======*/
FOOTER {
  display:block;
  width: 100%;
  margin: 0 auto;
  border-top:solid 2px #333;
}
  FOOTER #EnjoyLifeCorporation {
    width: auto;
    margin: 5px auto;
    padding-bottom: 10px;
    text-align: center;
    font-size: 14px;
    font-weight:700;
    letter-spacing: 0px;
    font-stretch:ultra-condensed;
    font-family:Arial;
    color:#000;
  }
/*max-767px*/}

@media screen and (min-width:768px) and ( max-width:1199px) {/* ------------- (min-width:768px) and ( max-width:1199px) -------------- */
div#pagebody {
  width:600px; height:auto; margin:0 auto;	/*内容全体をセンタリング*/
  text-align:left;	/*テキストの配置を左揃えにする*/
  background-color:#fff;		/*内容全体の背景色*/
}

div#contents {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

 /* パン くず リスト */
.breadcrumb {
  padding: 5px 15px;
  list-style: none;
  background-color:#FFF;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-size:16px;
  font-weight: 600;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.3em;
  color: #333;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #333;/*色*/
}

.breadcrumb li a:hover {
  font-size:16px;
  color: purple;/*色*/
  text-decoration: none;
}

/*======= ヘッダ =====*/
div#header {
  width:100%;
  height:auto;	/*ヘッダーの高さ*/
  background-color:#FFC679;		/*ヘッダ部分の背景色*/
  text-align:left;	/*テキストの配置を左揃えにする*/
}

/* logo */
.car_sale_logo{display:flex; width:100%; border-top:solid 2px #FFC679;}
.car_sale_logo img {width: 50px; height: auto; padding:3px 10px;}

h1{color:#2060a0; padding-top:3px;}

div#pagebody.main {
  height: auto;
}

.main-contents {
  width: 100%;
}

#main{
  width: 97%;
  padding:0 20px;
}

.demonstration{/* 各部分の説明 */
  width: 97%;
  height;100px;
  font-size:22px;
  color:#222;;
  font-weight:700;
  text-align:left;
  padding:20px 20px 5px 0;
}

.Image_details{
  width: 97%;
  text-align:center;
}

.Image_details img{
  width:100%;
  margin-left:5px;
}

.substance{
  width: auto;
  padding:0;
}

.content_flow{
  font-size:120%;
  font-weight:500; 
  color: #000;              /* メニューの文字色*/
  padding-left:10px;
}

.chart{
  font-size:100%;
  font-weight:500; 
  color: #000;   
  padding:0 10px 10px 10px;
}

/*====== フッター ======*/
FOOTER {
  display:block;
  width: 100%;
  margin: 0 auto;
  border-top:solid 2px #333;
}
  FOOTER #EnjoyLifeCorporation {
    width: auto;
    margin: 5px auto;
    padding-bottom: 10px;
    text-align: center;
    font-size: 20px;
    font-weight:700;
    letter-spacing: 0px;
    font-stretch:ultra-condensed;
    font-family:Arial;
    color:#000;
  }
/* (min-width:768px) and ( max-width:1199px) */}

@media screen and (min-width: 1200px){   /* ------------------- min-width: 1200px --------------------- */
div#pagebody {
  width:1120px; height:auto; margin:0 auto;	/*内容全体をセンタリング*/
  text-align:left;	/*テキストの配置を左揃えにする*/
  background-color:#fff;		/*内容全体の背景色*/
}

div#contents {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

 /* パン くず リスト */
.breadcrumb {
  padding: 5px 15px;
  list-style: none;
  background-color:#FFF;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-size:16px;
  font-weight: 600;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.3em;
  color: #333;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #333;/*色*/
}

.breadcrumb li a:hover {
  font-size:16px;
  color: purple;/*色*/
  text-decoration: none;
}

/*======= ヘッダ =====*/
div#header {
  width:100%;
  height:auto;	/*ヘッダーの高さ*/
  background-color:#FFC679;		/*ヘッダ部分の背景色*/
  text-align:left;	/*テキストの配置を左揃えにする*/
}

/* logo */
.car_sale_logo{display:flex; width:100%; border-top:solid 2px #FFC679;}
.car_sale_logo img {width: 50px; height: auto; padding:3px 10px;}

h1{color:#2060a0; padding-top:3px;}

div#pagebody.main {
  height: auto;
}

.main-contents {
  width: 100%;
}

#main{
  width: 97%;
  padding:0 20px;
}

.demonstration{/* 各部分の説明 */
  width: 97%;
  height;100px;
  font-size:22px;
  color:#222;;
  font-weight:700;
  text-align:left;
  padding:20px 20px 5px 0;
}

.Image_details{
  width: 97%;
  text-align:center;
}

.Image_details img{
  width:100%;
  margin-left:20px;
}

.substance{
  width: auto;
  padding:0;
}

.content_flow{
  font-size:120%;
  font-weight:500; 
  color: #000;              /* メニューの文字色*/
  padding-left:10px;
}

.chart{
  font-size:100%;
  font-weight:500; 
  color: #000;   
  padding:0 10px 10px 10px;
}

/*====== フッター ======*/
FOOTER {
  display:block;
  width: 100%;
  margin: 0 auto;
  border-top:solid 2px #333;
}
  FOOTER #EnjoyLifeCorporation {
    width: auto;
    margin: 5px auto;
    padding-bottom: 10px;
    text-align: center;
    font-size: 20px;
    font-weight:700;
    letter-spacing: 0px;
    font-stretch:ultra-condensed;
    font-family:Arial;
    color:#000;
  }
/* min-1200px */}