@charset "UTF-8";
/* グラソフトCSS */

h3.h3-grasoft {color:#093c7b;font-size:16pt;border-bottom:2px #3A8DDE solid; border-left:10px #3A8DDE groove;padding:3px 0 3px 10px;margin:40px 0 20px 0;}
div.grasoft-about p {font-size:16px;line-height:1.6;}

h4.h4-grasoft{font-size:18px;margin:20px 0 5px;padding:10px 0 8px 12px;color:#fff;width:500px;}
div.grasoft-point p{font-size:16px;line-height:1.6;padding-left:20px;}

h4.grasoft-point1{background:#E61673;}
h4.grasoft-point2{background: #F39800;}
h4.grasoft-point3{background: #8FC31F;}
h4.grasoft-point4{background: #036EB8;}
h4.grasoft-point5{background: #920783;}

div.grasoft-character{display:flex;justify-content:space-between;flex-wrap:wrap;}
div.grasoft-character-box{width: 365px;border:2px solid #3A8DDE;display:table;margin-bottom:10px;border-bottom-right-radius:40px;}
div.grasoft-character-box h4{background:#3A8DDE;color:#fff;width:365px;height:60px;display:flex;align-items: center;padding-left:15px; font-size:16px;vertical-align: middle;line-height:1.4;}
div.grasoft-character-box p{height:140px;padding:10px;font-size:14px;line-height:1.7;}
div.grasoft-character-box p span.grasoft-em{color:#ff4700;}
p.grasoft-character-back01{background:url("material/chracter-box01.png");}

table.grasoft-comparison{width:100%;border:1px #222 solid;border-collapse:collapse;}
table.grasoft-comparison th,table.grasoft-comparison td{border:1px #222 solid;text-align:center;padding:2px 5px;font-size:14px;width:195px;}
table.grasoft-comparison th{background:#3A8DDE;color:#fff;}
table th.grasoft-comparison-main{background:#3A8DDE;}
table.grasoft-comparison td{background:#EDF2FB;}
table.grasoft-comparison td span.double-circle{font-size:17px;}
p.grasoft-comparison-caution{font-size:12px;}

table.grasoft-spec{width:100%;border:1px #222 solid;border-collapse:collapse;}
table.grasoft-spec th,table.grasoft-spec td{border:1px #222 solid;text-align:center;padding:5px 5px;font-size:15px;}
table.grasoft-spec th{background:#3A8DDE;color:#fff;}
table.grasoft-spec td{vertical-align:middle;}

a#grasoft-contact{width:500px;height:60px;display:block;background:url("material/bt_contact.jpg");margin:0 auto;}
a:hover#gramediacontact{background-position:0px 60px;}