@charset "utf-8";
.T30{margin-top:30px;}
.T60{margin-top:60px;}

img.right{float:right; padding-bottom:12px;}

/***タイトル画像****/
h2#title_data img{height:390px;}
@media screen and (max-width:1200px) {
h2#title_data img{height:300px;}
}
@media screen and (max-width:960px) {
h2#title_data img{height:auto; object-fit: contain;}
}
/*******/

h4{margin:0; padding:0;}
h5{font-size:1em;}

/*リード文*/
.reads{margin:12px 0 12px auto;}
.reads strong{font-size:1.4em;}
.reads p{margin-top:12px;}

/*適応*/
div.adap{}
div.adap:after{content:""; display:block; clear:both;}
div.adapL{float:left; border:1px solid #999999; padding:12px; width:45%;}
div.adapR{float:right; width:50%; text-align:right;}
div.adap h4.adaptation{border:none; padding:0 4px; margin:0;}

div.adap ul{list-style:none; margin-top:4px;}
div.adap ul li{border-bottom:1px dotted #999999; padding:4px;}

p.explanation:after{content:""; clear:both; display:block;}

/*違い*/
table.comparison{border:1px solid #999999; border-collapse: collapse;}
table.comparison th, table.comparison td{padding:12px 6px; border:1px solid #999999;}
table.comparison th{background-color:#EEEEEE; color:#666600;}
table.comparison td{width:38%; vertical-align:top;}

table.comparison th span.bl{display:block;}
span.circle:after{content:"・";}

@media screen and (max-width:660px) {
div.adapL{float:none; border:1px solid #FF99CC; padding:12px; width:auto;}
div.adapR{float:none; width:auto; text-align:center;}

table.comparison th span{display:block;}
table.comparison th span.bl{display:inline;}
span.circle:after{content:"";}

img.right{float:none; display:block; padding-bottom:0px;}
}

@media screen and (max-width:500px) {
table.comparison{font-size:0.9em;}
}