@charset "UTF-8";
/* CSS Document */

p.title{width:100%; padding-top:0;}
#lp{border-bottom: 0px;}
.title_sub{width:70%; margin:5% auto;}
.banner img{width:80%;}
.staff{width:80%; margin:0 auto;}
.comment{margin:3% auto 8% auto; text-align:center;}
.comment p{width:600px; font-size:80%; line-height:200%; margin:0 auto; text-align:center;}
#link{width:100%; overflow:hidden; padding-bottom:5%; margin-bottom: 5%;}
#link .title_sub{padding-top: 5%;}
#review{width:90%; clear:both; margin:0 auto 3% auto; overflow:hidden;}
.left{width:40%; float:left;}
.right{width:50%; float:left; padding:1% 3%; text-align:left;}
.right p{font-size:90%; line-height: 200%; text-align:left;}
.right b{font-weight:bold;}
.review_link{width:220px; padding:2%; background-color:#FF5F00; border-radius:4px; display:block; text-align: center; font-size:80%; color:#fff;}
#review span{font-weight:bold; background-color:#FFF7C6; padding:2%;}

@media screen and (max-width: 768px) {

p.title{width: 100%;}
#lp{width:95%;}
.title_sub{width:100%;}
.banner img{width:100%;}
.ft_info{font-size:90%;}
.staff{width:100%;}
.comment p{width:100%; font-size:70%; line-height:200%; margin:2% auto;}
#review{width:100%; margin-bottom: 20%;}
.left{width:100%; clear:both;}
.right{width:100%; clear:both; padding:0; text-align: justify; text-justify: inter-ideograph;}

}