@charset "UTF-8";
#product02 p.pic,
#product03 p.pic{
width:90%;
margin:0 auto;
}
p.txt{
margin:20px auto 30px;
}

/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#product01.innerBox p.pic{
width:60%;
margin:0 auto 30px;
}
#product01.innerBox dl{
width:90%;
line-height: 180%;
text-align:left;
margin:0 auto;
}

#product01.innerBox dl dt{
padding:5px 10px;
color:#000;
background:#fff;
}
#product01.innerBox dl dd{
padding:10px;
padding-left:20px;
}
#product01.innerBox dl dd dl{
width:100%;
float: none;
line-height: 120%;
}
#product01.innerBox dl dd dl dt{
padding:0;
margin:0;
border:none;
background:none;
color:#fff;
}
#product01.innerBox dl dd dl dd{
padding-left:2rem;
}
#product02 p.pic,
#product02 p.txt,
#product03 p.pic,
#product03 p.txt{
width:80%;
margin:0 auto;
}
#product02 dl,
#product03 dl{
width:80%;
margin:20px auto 40px;
color:#fff;
border:1px solid #fff;
border-top:none;
text-align: center;
} 
#product02.innerBox dl dt,
#product03.innerBox dl dt{
padding:5px 10px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}
#product02.innerBox dl dd,
#product03.innerBox dl dd{
padding:10px;
padding-left:20px;
}
	
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
#product01.innerBox{
width:900px;
margin:0 auto 30px;
}
#product01.innerBox dl{
width:50%;
line-height: 180%;
float: left;
text-align: left;
}
#product01.innerBox p.pic{
width:46%;
float: right;
	margin-bottom:50px;
}
#product01.innerBox dl dt{
color:#000;
padding:5px 10px;
background:#fff;
}
#product01.innerBox dl dd{
padding:10px;
padding-left:20px;
}
#product01.innerBox dl dd dl{
width:100%;
float: none;
line-height: 120%;
}
#product01.innerBox dl dd dl dt{
padding:0;
margin:0;
border:none;
background:none;
color:#fff;
}
#product01.innerBox dl dd dl dd{
padding-left:2rem;
}
#product02 p.pic,
#product02 p.txt,
#product03 p.pic,
#product03 p.txt{
width:80%;
margin:0 auto 20px;
}
#product02 dl,
#product03 dl{
width:80%;
margin:0 auto;
color:#fff;
border:1px solid #fff;
border-top:none;
} 
#product02.innerBox dl dt,
#product03.innerBox dl dt{
padding:5px 10px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}
#product02.innerBox dl dd,
#product03.innerBox dl dd{
padding:10px;
padding-left:20px;
}
#product03{
	margin:0 auto 80px;
	}	
}