@charset "utf-8";
#Main ul.flow{margin:20px 0 0 0; list-style:none;}
#Main ul.flow strong{color:#FF6600; font-size:1.1em;}
#Main ul.flow li{background-color:#FFFFFF; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; padding:16px; overflow:hidden; zoom:1; font-size:0.9em;}

#Main ul.flow li{display:table-cell; width:30%; vertical-align:top;}
#Main ul.flow li.move{display:block; width:auto;}
#Main ul.flow li.move img{float:left; padding-right:12px;}

#Main ul.flow li.arrow_r{background-color:#FFF7AA; width:12px; padding:0; margin:0; vertical-align:middle;}
#Main ul.flow li.arrow_r div{background-color:#FFF7AA; padding:0; margin:0 -30px 0 12px; width: 0px; height:0px; border:none; border:30px solid; border-color:transparent transparent transparent #FFCCCC;}

#Main ul.flow li.movie{width:auto; display:block;}
#Main ul.flow li.movie video{float:left; margin:0 2%;}

#Main ul.flow li.none{ display:block; background-color:#FFF7AA; padding:0; margin:20px auto 0;}

#Main ul.flow li.finish{width:48%;}

#Main ul.flow li.arrow{ display:block; background-color:#FFF7AA; padding:0; margin:20px auto 0; width: 0px; height:0px; border: 30px solid; border-color: #FFCCCC transparent transparent  transparent;}

#Main ul.flow:after{content:""; clear:both; display:block;}

p.cam strong{font-size:1.2em;}
p.cam{color:#CC0000;}
p.indent{margin-left:0; text-indent:-8px;}

/*アンケート公開リンク*/
/*アンケート公開リンク*/
p.link_thoughts01{margin:24px auto 40px; padding:0; width:680px;}
p.link_thoughts01 a{color:#006699; background-color:#EDF4FC; border:1px solid #006699; padding:3px 0 2px; display:inline-block; border-radius:4px;	-webkit-border-radius:4px; -moz-border-radius:4px; width:100%;}
p.link_thoughts01 a:after{ content:" >>"; padding-left:2px; position:relative; vertical-align:top;}
p.link_thoughts01 a:hover{background-color:#B9DDEE; text-decoration:none;}

p.link_thoughts{margin:60px auto 0; width:80%;}
p.link_thoughts a{color:#FF6600; background-color:#FFFAE6; border:1px solid #FF9966; padding:3px 6px 2px; display:inline-block; border-radius:4px;	-webkit-border-radius:4px; -moz-border-radius:4px; width:100%;}
p.link_thoughts a:after{ content:" >>"; padding-left:2px; position:relative; vertical-align:top;}
p.link_thoughts a:hover{background-color:#FFFFCC; text-decoration:none;}

/*ミラドライで再発した方の再治療についてリンク*/
p.link_retreatment{margin:24px auto 60px; padding:0; width:680px;}
p.link_retreatment a{color:#336600; background-color:#E4FEED; border:1px solid #336600; padding:3px 0 2px; display:inline-block; border-radius:4px;	-webkit-border-radius:4px; -moz-border-radius:4px; width:100%;}
p.link_retreatment a:after{ content:" >>"; padding-left:2px; position:relative; vertical-align:top;}
p.link_retreatment a:hover{background-color:#C1FDD7; text-decoration:none;}


@media screen and (max-width:980px){
#schedules p.photo img{width:100%;}

#Main ul.flow li{font-size:0.7em;}

}

@media screen and (max-width:920px){
#Main ul.flow li{display:block; vertical-align:top; width:auto;}
#Main ul.flow li.move{display:block;}
#Main ul.flow li.finish{width:auto;}

#Main ul.flow li.arrow_r{background-color:#FFF7AA; padding:0; margin:0; width:auto; vertical-align:middle;}
#Main ul.flow li.arrow_r div{display:block; background-color:#FFF7AA; padding:0; margin:20px auto 0; width: 0px; height:0px; border: 30px solid; border-color: #FFCCCC transparent transparent  transparent;}

p.link_thoughts01 a{text-align:center;}
p.link_retreatment a{text-align:center;}
}

@media screen and (max-width:830px){
#Main ul.flow li.movie{width:auto; display:block;}
#Main ul.flow li.movie video{float:none; width:80%;}


p.link_thoughts a{text-align:center;}
}

@media screen and (max-width:760px){
p.link_thoughts01, p.link_retreatment{ width:100%; text-align:center;}
#schedules p{float:none; width:auto;}
#schedules p.photo img{max-width:100%;}
#schedules p.photo{margin-top:auto; text-align:center;}
}

@media screen and (max-width:560px){
#Main ul.flow li.move img{float:none; display:block;}

p.link_thoughts{width:100%; text-align:center;}
p.link_thoughts a{width:auto; display:block;}
}

@media screen and (max-width:480px){
#Main ul.flow li{padding:8px;}
#Main ul.flow li.arrow{margin:12px 0;}
}