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

.faq-list ul {border-top: 1px solid #333;}
.faq-list ul li {border-bottom: 1px solid #e5e5e5;}
.faq-list ul li .answer { height:0; overflow: hidden; padding:0; border:0; font-size: 1.3rem;  background:#fafafa; line-height: 1.8;	-webkit-transition: height .3s, padding .3s;	-moz-transition: height .3s, padding .3s;	-ms-transition: height .3s, padding .3s;	-o-transition: height .3s, padding .3s;	transition: height .3s, padding .3s;}
.faq-list ul li a {display: block; width: 100%; padding: 20px; font-size: 1.5rem; font-weight: 500; color: #7288a2; position: relative; padding-right: 60px;}
.faq-list ul li a:hover {background: #fbfcff; color: #153c6b;}
.faq-list ul li a img {width: 15px; transform: rotate(-90deg);}
.faq-list ul li a .icon {display: inline-block; position: absolute; top:18px; right: 0; width: 22px; height: 22px; border: 1px solid #586b8a; border-radius: 22px; right: 20px;}
.faq-list ul li a .icon:after { content: ''; position: absolute; display: block; top: 9px; left: 5px; width: 10px; height: 2px; background: #586b8a;}
.faq-list ul li a .icon:before { content: ''; position: absolute; display: block; top: 5px; left: 9px; width: 2px; height: 10px; background: #586b8a; 	-webkit-transform: rotate(0);	-moz-transform: rotate(0);	-ms-transform: rotate(0);	-o-transform: rotate(0);	transform: rotate(0);	-webkit-transition: transform .3s;	-moz-transition: transform .3s;	-ms-transition: transform .3s;	-o-transition: transform .3s;	transition: transform .3s;	 }
.faq-list ul li.on .answer { height:auto; padding: 20px; border-top:1px solid #e5e5e5;}
.faq-list ul li.on a .icon:before { transform: rotate(90deg); }

.tab-table {width: 100%; position: relative; margin-bottom: 20px;}
.tab-table table {width: 100%; text-align: center; border-top: 1px solid #dee3eb;}
.tab-table table tr td {border: 1px solid #dee3eb; border-top:0; border-right: 0; height: 40px; padding:10px ; width: 33.3%; cursor: pointer; font-size: 1.3rem;}
.tab-table table tr td:hover {background: #f8f8f8;}
.tab-table table tr td.select:hover,
.tab-table table tr td.select {background:#5496ff; color: #fff; }
.tab-table table tr td.emp:hover,
.tab-table table tr td.emp {background:#f3f3f3; cursor: unset; }
.tab-table table tr td:nth-of-type(3n) {border-right: 1px solid #dee3eb;}

@media all and (max-width: 650px) {
	.faq-list ul li a {font-size:1.4rem;}
}