@charset "utf-8";

h4{border-bottom:1px dotted #003399; border-left:5px solid #003399; padding:8px 4px; margin:8px 0; clear:both;}
.red{color:#CC0000;}
ul.mrg{margin-left:18px; line-height:1.6em;}

#Main p{line-height:1.6em;}
#Main p.read{margin-top:20px; color:#FF6600; font-weight:700;}

#Main .banar{text-align:center; margin:20px 0;}


/*タブ*/
#Main ul.tab{margin:30px 0 0; padding:0; list-style:none; width:100%; line-height:1.6em;}
#Main ul.tab li{float:left; width:32%;}
#Main ul.tab li a {display: block; width:100%; background-color:#EEEEEE; border:1px solid #9EBEE4;	border-bottom:none;	color:#666666; text-align: center; padding:8px 0;}
#Main ul.tab li a:hover{background-color:#CCCCCC; color:#333333; text-decoration:none;}
#Main ul.tab li.active a{background-color:#5C91CB; color:#FFFFFF; border-left:1px solid #5C91CB; font-weight:700;}

#Main div.ttl{border-top:6px solid #5C91CB; clear:both;}

/*メリット*/
#Main dl.merrit dt{color:#003399; padding:0 4px; margin-bottom:12px; margin-right:12px; border-left:8px solid #003399; font-weight:700; float:left; clear:left;}
#Main dl.merrit dd{margin-left:12px; margin-bottom:20px;}

/*順番*/
#Main .flow .photo{float:left; margin-right:8px;}
#Main .flow .text{float:left; width:64%;}


/*先生*/
#Main div.photo{float:left; width:180px;}
#Main div.text{float:left;}

/*料金*/
#Main dl.prices{border:1px solid #003366; border-top:none; background-color:#E1E9FB;}
#Main dl.prices dt{border-top:1px solid #003366; padding:4px; float:left; clear:both; width:190px;}
#Main dl.prices dd{border-top:1px solid #003366; border-left:1px solid #003366; padding:4px; margin-left:190px; background-color:#FFFFFF; text-align:right;}


/**************/
/*とは？*/
/**************/
#Main .what{ margin-top:40px;}
#Main .what .ill{float:right;}
#Main .what .illtxt{float:left; width:74%;}

/*チェック*/
#Main dl.check{line-height:1.6em;}
#Main dl.check dt{color:#003399; padding:4px; margin-bottom:4px; margin-right:12px; border-left:8px solid #003399; font-weight:700; clear:both; background-color:#EEEEEE;}
#Main dl.check dd{margin-left:12px; margin-bottom:40px;}
#Main dl.check p.ill{float:left; width:110px; margin-bottom:40px;}
#Main dl.check p.illtxt{float:left; width:80%;}

#Main dl.checks dt{ width:47%; float:left; margin-right:2%; line-height:1.6em; height:180px;}
#Main dl.checks dt span{ color:#003399; border-left:8px solid #003399; font-weight:700; padding:8px 4px; background-color:#EEEEEE; display:block;}
#Main dl.checks dt img{margin-top:14px; margin-left:12px;}
#Main dl.checks dt.last{height:auto;}

/*QA*/
#Main .faq{ line-height:1.6em;}
#Main .faq dt{background:url(../images/affirm/q.jpg) no-repeat top left; padding:5px 0 12px 44px; color:#003399; font-weight:700;}
#Main .faq dd{background:url(../images/affirm/a.jpg) no-repeat top left; padding:5px 0 8px 44px; margin-bottom:20px;}


/**************/
/*再発*/
/**************/
#Main dl.price{border:1px solid #003366; border-bottom:none; background-color:#E1E9FB; margin-bottom:20px; line-height:1.6em; width:70%;}
#Main dl.price dt{border-bottom:1px solid #003366; padding:8px 4px; float:left; clear:both; width:170px;}
#Main dl.price dd{border-bottom:1px solid #003366; border-left:1px solid #003366; padding:8px 4px; margin-left:170px; background-color:#FFFFFF; text-align:right;}

@media screen and (max-width: 680px){
#Main .banar img{width:100%;}

#Main .wh img{width:100%;}

#Main ul.tab{font-size:0.9em;}
#Main ul.tab li a{ padding:6px 0;}
#Main ul.tab li span{display:block;}

#Main .flow .photo{float:none; margin-right:8px;}
#Main .flow .text{float:none; width:auto;}
#Main .what .illtxt{float:left; width:64%;}

/*料金*/
#Main dl.prices span{display:block;}

/**************/
/*とは？*/
/**************/
/*チェック*/
#Main dl.check p.illtxt{width:72%;}

#Main dl.checks dt{width:auto; float:none;}

#Main dl.checks dt img{margin-top:0; margin-left:12px;}
#Main dl.checks dt.last2{height:auto;}
#Main dl.checks dt.last, #Main dl.checks dt.last2{margin:20px 0;}

/*再発*/
#Main dl.price{width:auto;}
}

@media screen and (max-width: 480px){
/*メリット*/
#Main dl.merrit dt{float:none;}
#Main dl.merrit dd{float:none;}

#Main .what .ill{float:none; text-align:center; margin-top:12px;}
#Main .what .illtxt{float:none; width:auto;}

/*料金*/
#Main dl.prices span{display:inline;}
#Main dl.prices dt{float:none; width:auto;}
#Main dl.prices dd{float:none; width:auto; margin-left:0; border-left:none;}

/**************/
/*とは？*/
/**************/
/*チェック*/
#Main dl.check p.ill{float:none; width:auto; margin-bottom:0;}
#Main dl.check p.illtxt{float:none; width:auto;}


/*再発*/
#Main dl.price dt{ float:none; width:auto;}
#Main dl.price dd{margin-left:0; border-left:none;}
}