body {
	font: 1.6rem / 2 "Noto Sans JP", sans-serif;
	font-weight: 500;
	color: #111;
	text-align: center;
}

a {
  	text-decoration: none !important;
}

a:hover{
	opacity:0.5;filter:alpha(opacity=50);cursor:pointer;
}

.mainImg {
  width: 740px;
  height: auto;
  margin: 0 auto 60px;
  /* margin: 50px auto 60px; */

}

.mainImg img {
  width: 100%;
	
}

#tracking{
	margin: 0 auto;
	max-width: 900px;
}

#tracking article{
	margin-bottom: 60px;
}

#tracking h3 {
	display: block;
	margin: 0 auto 30px;
	font-size: 26px;
	font-weight: 900;
}

#tracking ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

#tracking ul li {
	width: 48%;
	margin-bottom: 10px;
}

/* #tracking dl{
	background-color: #F9F1DE;
	width: 900px;
	display: flex;
	flex-wrap: wrap;
	border-radius: 20px;
	padding: 40px 0 30px 40px;
	box-sizing: border-box;
	margin: 60px auto 10px;
}

#tracking dt {
	background-color: #164F13;
	color: #fff;
	border-radius: 15px;
	width: 100px;
	height: 30px;
	margin-bottom: 40px;
	line-height: 30px;
}

#tracking dd {
	width: 650px;
	text-align: left;
	margin-left: 10px;
	line-height: 1.8em;
} */


#tracking dl {
	background-color: #F9F1DE;
	width: 100%;
	padding: 40px 60px;
	box-sizing: border-box;
	margin: 60px auto 10px;
	border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; 
}

#tracking dt {
	background-color: #164F13;
	color: #fff;
	border-radius: 15px;
	width: 100px;
	height: 30px;
    margin: 10px 0 10px 0;
	line-height: 30px;
    text-align: center;
    margin-right: 20px; 
}

#tracking dd {
  width: calc(100% - 100px - 20px); 
  margin-left: 0;  
  padding: 0; 
  margin: 10px 0; 
  text-align: left;
}

#tracking dd span {
	display: block;
	font-size: 12px;
	line-height: 1.6em;
}

/* dd内のリストの余白調整 */
#tracking dd ul {
    margin: 0;
    padding: 0 0 0 20px;
	
}

#tracking dd ul {
  display: block; 
  margin: 0 0 0 20px; 
  padding: 0;
}

#tracking dd ul li {
	list-style-type: disc !important; 
  display: list-item;
  margin-bottom: 5px;
  width: 100%;
line-height: 1.6;
}

#tracking a.linkUnderLine{text-decoration: underline !important; color: #164F13;}
#tracking a.linkUnderLine:hover{text-decoration: none !important;}


.yoyakubtn{ max-width: 500px;}


@media only screen and (min-width: 960px){
.pcNone{ display:none;}
}


.text12{ font-size: 12px;}
.pink{color: #FF75A9;}


.flow {
  max-width: 640px;
  margin: 0 auto 40px;
  padding: 0;
  list-style: none;
}

.flow li {
  display: flex;
  align-items: center; 
  gap: 15px;
  margin-bottom: 20px; 
  text-align: left;
}

/* 画像が入っている最初のdiv */
.flow li > div:first-child {
  flex: 0 0 60px;
}
/* テキストが入っている2番目のdiv */
.flow li > div:last-child {
  flex: 1; 
}

.flow li img {
  display: block;
  width: 100%;
  height: auto;
}

.marker {
	font-size: 22px;
	font-weight: 900;
	color: #164F13;
  display: inline;
  /* 背景（マーカー）の設定 */
  background-image: linear-gradient(#FFE800, #FFE800);
  background-repeat: no-repeat;
  background-size: 100% 12px;
  background-position: 0 90%; 
  line-height: 1.8;
}

.txtYoyaku{ font-size: 20px; font-weight: 900; color: #FF6326; margin-bottom: 20px;}


/*********************************************************************

tablet-Layout

**********************************************************************/
@media screen and (min-width:768px) and ( max-width:959px){
.tbNone{ display:none;}
}

@media only screen and (max-width:959px){
	
#tracking{
	max-width: 90%;
}
/* .mainImg {
	width: 100%;
} */
	
/* #tracking dl{
	width: 100%;
	padding: 40px 40px 20px 40px;
}

#tracking dt {
	color: #fff;
	border-radius: 15px;
	width: 20%;
	height: 30px;
	margin-bottom: 20px;
	line-height: 1.8em;
}

#tracking dd {
 	width: 75%;
	text-align: left;
	margin-left: 10px;
	line-height: 1.8em;
} */

/*#tracking dd span {
	display: inline;
}*/

.yoyakubtnDog{ max-width: 100%;}
	
}


/*********************************************************************

SP-Layout

**********************************************************************/
@media screen and (max-width: 767px) { 
.spNone{ display: none;}
	
#tracking{
	max-width: 90%;
}
	
.mainImg {
	width: 100%;
}

#tracking h3 {
	font-size: 22px;
	line-height: 1.6;
}
	
#tracking ul{
	display: block;
}

#tracking ul li {
	width: 100%;
	margin-bottom: 40px;
}
	
#tracking dl{
	width: 100%;
	display: flex;
	flex-wrap: block;
	/*padding: 40px 40px 20px 40px;*/
	padding: 30px 30px 20px 30px;
}
	
#tracking dt {
	width: 100%;
	height: auto;
	padding: 5px 0;
	border-radius: 20px;
	margin-bottom: 10px;
	}
	
#tracking dd {
	width: 100%;
	margin-bottom: 20px;
	margin-left: 0;
	text-align: center;
	}
	
#tracking dd span {
	display: block;
}


.yoyakubtn{ max-width: 100%;}

.txtYoyaku{ font-size: 20px; line-height: 1.6;}

.marker {font-size: 20px; line-height: 1.6;}

.leadTxt p {text-align: left;}

.flow li {
  display: block;
  gap: 15px;
  margin-bottom: 20px; 
  line-height: 1.7;
}

.flow li > div:first-child {
    width: 60px;       /* 親の幅を固定 */
    margin: 0 auto 10px; 
  }

  .flow li > div:first-child img {
    display: block;
    width: 100%;
    height: auto;
  }

#tracking dt{ margin-right: 0;}
#tracking dd{ text-align: left; line-height: 1.6;}

#tracking dd ul {
        margin: 0;
        padding-left: 1.5em;      /* 点のスペースを内側（内包）に作る */
        width: 100% !important;
        box-sizing: border-box !important;
        list-style-position: inside; /* リストの点を内側に入れる（確実な方法） */
    }

}