@charset "utf-8";
/* tab */
ul#tabs {
	position: relative; overflow: hidden; padding: 0; margin: 0; justify-content: space-between;
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex;
        -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
ul#tabs li { flex: 1; list-style: none; font-size: .9em; text-align: center; padding: 0; margin: 0; }
ul#tabs li a { display: block; color: #000; padding: .5em 0; }
ul#tabs li.open { font-weight: bold; border-bottom: 1px solid #c05a4b; }
/* tabsbox */
div.tabsbox { width: 100%; min-height: 200px; padding: 0; margin: 1em 0; }
div.tabsbox dl dt,
div.tabsbox dl dd { display: block; width: 100%; line-height: 1.5em; padding: 0; margin: 0; }
div.tabsbox dl dt { color: #000; font-weight: bold; margin-top: 1.5em; }
div.tabsbox dl dt span {
	display: inline-block; width: 80px; font-size: .8em; color: #c05a4b;
	font-weight: normal; text-align: center; border: 1px solid #c05a4b; margin-left: 1.5em; }
div.tabsbox dl dd { margin: .5em 0; }
div.tabsbox dl dd a.external:after { font-size: .8em; color: #666; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\a0\f35d"; }
@media print, screen and (min-width:768px) {
  div.tabsbox dl dt,
  div.tabsbox dl dd { display: inline-block; margin: 1em 0; }
  div.tabsbox dl dt { width: 220px; }
  div.tabsbox dl dd { width: calc(100% - 220px); }
  div.tabsbox dl dt span { width: 90px; }
}
@media print, screen and (min-width:1400px) {
  div.tabsbox dl dt { width: 250px; }
  div.tabsbox dl dd { width: calc(100% - 250px); }
  div.tabsbox dl dt span { width: 100px; }
}