@charset "utf-8";
p.pagetit_sp{display: block; font-size: 1.4em; font-weight: bold; color: var(--green); background-color: #fff; border: 2px solid var(--green); border-radius: 10px; padding: 15px 15px 15px 170px; width: 100%; position: relative; margin-bottom: 40px;}
p.pagetit_sp span{display:inline-block;}
p.pagetit_sp{display: none;}
.titimage{position: absolute; width: 200px; height: auto; bottom: -70px; left:-30px;}

@media print {
p.pagetit_sp{padding: 15px 15px 15px 190px;}
.titimage{left:0; bottom: -60px;}
p.pagetit_sp{display: block;}
}

.nicotine li{border-radius: 8px; padding: 0.5em 1em; text-align: center; width: 100%; margin-bottom: 60px; position: relative; border: 1px solid #ccc;}
.nicotine li:nth-child(1),.nicotine li:nth-child(5){background-color: #ffffcc;}
.nicotine li:nth-child(2),.nicotine li:nth-child(6){background-color: #d9e5ed;}
.nicotine li:nth-child(3),.nicotine li:nth-child(7){background-color: #d8efd9;}
.nicotine li:nth-child(4),.nicotine li:nth-child(8){background-color: #f4d9ec;}
.nicotine li:nth-child(8){margin-bottom: 0;}
.nicotine li::before{content: ""; margin: 0; position: absolute; left: calc(50% - 23px); bottom: -50px; width:46px; height:50px; background-image: url("../images/sleep/arrow.svg"); background-size: 46px 50px; background-repeat: no-repeat; background-position: top center; }
.nicotine li:nth-child(8)::before{display: none;}

.effect{display:flex; justify-content:flex-start; align-items:stretch; flex-wrap: wrap; border: 1px solid #999; font-size: 1rem;}
.effect dt{width: 7em; background-color: #ffffcc; border-bottom: 1px solid #999; text-align: center; padding: 0; font-weight: bold; display:flex; justify-content:center; align-items:center;}
.effect dd{width:calc(100% - 7em); border-bottom: 1px solid #999; border-left: 1px solid #999; padding: 0.2em 0.5em; }
.effect dt.last,.effect dd.last{border-bottom: none;}

.list01{display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap: wrap;}
.list01 li{width: 50%;}

#ac47 .rightimg{width: 220px;}
#ac49 .leftimg{width: 240px;}
#ac53 .rightimg{width: 180px; margin:20px;}

/***********************************/
/* タブレット縦 **********************/
@media screen and (max-width:840px)  {
p.pagetit_sp{display: block;}
#ac53 .rightimg{width: 180px; margin: 0 auto;}
#ac49 .leftimg{width: 300px;}
}

/***********************************/
/* スマホ縦 **********************/
@media screen and (max-width:440px) {
p.pagetit_sp{font-size: 1.4em; padding: 15px; text-align: center;}
.titimage{position: relative; width: 170px; display: block; margin: 0 auto; left:auto; bottom: auto;}	
		
.effect dt{width: 100%;}
.effect dd{width:100%; border-left: none;}
.list01 li{width:100%;}
}






