.cf:before, .cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

/* reset */
html{margin:0;padding:0;}
body{margin:0;padding:0;}
h1,h2,h3,h4,p,ul,ol,li{margin:0;padding:0;list-style:none;}

/* set */
body *{line-height:120%;font-weight:normal;vertical-align:middle;font-size:12px;}
article{margin:0;width:100%;background:#000;}

/* header */
header{padding:0 10px;}
header h1{padding:20px 0 8px;text-align:center;font-size:250%;color:#fff;font-weight:bold;}
header p{padding:0 0 20px;text-align:center;color:#fff;font-size:150%;}

/* footer */
footer p{padding:50px 0 20px;text-align:center;font-size:85%;color:#aaa;}

/* group */
section.group{margin:0 auto;padding:30px 10px 15px;}
section.pulp_chamber{background:#63b146;}
section.pulp_chamber h2,section.pulp_chamber h3,section.pulp_chamber h4{color:#63b146;}
section.middle_third{background:#db7e12;}
section.middle_third h2,section.middle_third h3,section.middle_third h4{color:#db7e12;}
section.activation{background:#b31e23;}
section.activation h2,section.activation h3,section.activation h4{color:#b31e23;}
section.apical_surgery{background:#8d1e60;}
section.apical_surgery h2,section.apical_surgery h3,section.apical_surgery h4{color:#8d1e60;}
section.post_removal{background:#094e89;}
section.post_removal h2,section.post_removal h3,section.post_removal h4{color:#094e89;}
section.retreatment{background:#17a093;}
section.retreatment h2,section.retreatment h3,section.retreatment h4{color:#17a093;}

/* section */
section.group > section{position:relative;max-width:800px;margin:0 auto 30px;padding:0 0 30px;background:#fff;border-radius:10px;}
section.group > section:last-child{margin:0 auto 15px;}
section.group > section > section{margin:0 30px;padding:20px 0;border-bottom:1px solid #cccccc;}
section.group > section > section:last-child{padding-bottom:0px;border-bottom:none;}
section h4{margin-bottom:10px;font-size:120%;font-weight:bold;}
@media screen and (max-width:500px) {
	section.group > section > section{margin:0 15px;}
}
/* category_illust */
section.group > section:before{position:absolute;left:20px;top:20px;display:block;width:100px;height:100px;border-radius:50%;content:" ";background-size:cover;}
section.pulp_chamber > section:before{background-image:url(img/category_illust_01.png);background-color:#63b146;}
section.middle_third > section:before{background-image:url(img/category_illust_02.png);background-color:#db7e12;}
section.activation > section:before{background-image:url(img/category_illust_03.png);background-color:#b31e23;}
section.apical_surgery > section:before{background-image:url(img/category_illust_04.png);background-color:#8d1e60;}
section.post_removal > section:before{background-image:url(img/category_illust_05.png);background-color:#094e89;}
section.retreatment > section:before{background-image:url(img/category_illust_06.png);background-color:#17a093;}
@media screen and (max-width:500px) {
	section.group > section:before{left:10px;top:10px;width:50px;height:50px;}
}


/* section.intro */
section.intro{position:relative;}
section.intro div.close{position:absolute;right:-20px;top:10px;}
section.intro div.close a{display:block;width:40px;height:40px;line-height:40px;text-align:center;border:1px solid #ccc;border-radius:50%;cursor:pointer;font-size:200%;color:#ccc;}
section.intro div.close a:hover{background:#eee;}
section.intro h2
,section.intro h3{margin-left:100px;}
section.intro h2{padding:22px 0 5px;font-size:140%;}
section.intro h2 small{display:inline-block;margin-left:10px;font-size:80%;}
section.intro h3{padding:0 0 35px;font-size:250%;font-weight:bold;}
section.intro p{font-size:130%;line-height:140%;}
@media screen and (max-width:500px) {
	section.intro div.close{right:-5px;}
	section.intro h2{margin-left:50px;}
	section.intro h2{padding:0px 0 10px;font-size:140%;}
	section.intro h2 small{display:block;margin-left:0px;}
	section.intro h3{margin-left:0px;}
	section.intro h3{padding:0 0 20px;font-size:200%;}
}


/* section.step */
section.step{}
section.step > section{margin-bottom:20px;}
section.step > section:last-child{margin-bottom:0px;}
section.step > section > p{margin-bottom:5px;font-weight:bold;}
section.step ol li{margin:0 0 2px 20px;list-style:decimal;}
section.step ol li:last-child{margin-bottom:0px;}


/* section.illust */
section.illust{}
section.illust > section{margin-bottom:20px;}
section.illust > section:last-child{margin-bottom:0px;}
section.illust > section > p{margin-bottom:5px;font-weight:bold;}
section.illust ol{font-size:0px;}
section.illust ol li{display:inline-block;width:193px;vertical-align:top;margin-bottom:10px;}
section.illust ol li:last-child{width:160px;}
section.illust ol li p.img{position:relative;width:160px;margin-bottom:5px;}
section.illust ol li p.img img{width:100%;}
section.illust ol li p.img:after{position:absolute;right:-30px;top:calc(50% - 0.2em);content:"\025b6";font-size:30px;}
section.illust ol li:last-child p.img:after{display:none;content:" ";}
section.illust ol li p.text{width:160px;}
@media screen and (max-width:500px) {
	section.illust ol li{width:50%;}
	section.illust ol li:last-child{width:50%;}
	section.illust ol li p.img:after{}
	section.illust ol li p.img{width:calc(100% - 30px);margin-bottom:5px;}
	section.illust ol li p.text{width:calc(100% - 30px);}
}


/* section.caution */
section.caution{}
section.caution h4
,section.caution ul li{color:#cc0000;}
section.caution ul li{margin-bottom:4px;margin-left:1.5em;text-indent:-1.5em}
section.caution ul li:last-child{margin-bottom:0px;}
section.caution ul li:before{content:"※ ";}


/* section.clinical */
section.clinical{}
section.clinical ol{font-size:0px;}
section.clinical ol li{display:inline-block;width:193px;vertical-align:top;margin-bottom:10px;}
section.clinical ol li:last-child{width:160px;}
section.clinical ol li p.img{position:relative;width:160px;margin-bottom:5px;}
section.clinical ol li p.img img{width:100%;}
section.clinical ol li p.img:after{position:absolute;right:-30px;top:calc(50% - 0.2em);content:"\025b6";font-size:30px;}
section.clinical ol li:last-child p.img:after{display:none;content:" ";}
section.clinical ol li p.text{width:160px;}
@media screen and (max-width:500px) {
	section.clinical ol li{width:50%;}
	section.clinical ol li:last-child{width:50%;}
	section.clinical ol li p.img:after{}
	section.clinical ol li p.img{width:calc(100% - 30px);margin-bottom:5px;}
	section.clinical ol li p.text{width:calc(100% - 30px);}
}


/* power */
section.power section.intro{}
section.power section.intro h1{margin-bottom:10px;padding-right:50px;color:#f5b400;font-size:200%;font-weight:bold;}
section.power section.intro p{font-size:120%;}
section.power section.step{}
section.power section.step p{font-size:120%;margin-bottom:20px;}
section.power section.step p.img{margin-bottom:10px;}
section.power section.step p.img img{width:100%;}
section.power section.step ol{font-size:0;}
section.power section.step ol li{margin:0;list-style:none;display:inline-block;width:48%;vertical-align:top;}
section.power section.step ol li:nth-child(odd){margin-right:2%;}
section.power section.step ol li:nth-child(even){margin-left:2%;}
section.power section.movie{}
section.power section.movie h2{margin-bottom:5px;color:#f5b400;font-weight:bold;font-size:120%;}
section.power section.movie ol{font-size:0px;}
section.power section.movie ol li{display:inline-block;width:260px;vertical-align:top;margin-bottom:10px;}
section.power section.movie ol li:last-child{width:220px;}
section.power section.movie ol li p.img{position:relative;width:220px;margin-bottom:5px;}
/*section.power section.movie ol li p.img img{width:100%;}*/
section.power section.movie ol li p.img:after{position:absolute;right:-34px;top:calc(50% - 0.2em);content:"\025b6";font-size:30px;}
section.power section.movie ol li:last-child p.img:after{display:none;content:" ";}
section.power section.movie ol li p.text{width:220px;}
@media screen and (max-width:500px) {
}