@charset "UTF-8";
/*! このCSSファイルは書き換えないで下さい。（クライアント様のほうで追記したい場合は、「custom.css」に追記してください。）*/
/*! */
/*! */#tab-wrap{margin:2.4rem 0 0}#tab-wrap #tab-menu{border-bottom:4px solid #003686;padding:16px 24px 0}@media screen and (max-width:984px){#tab-wrap #tab-menu{padding:16px 16px 0}}@media screen and (max-width:559px){#tab-wrap #tab-menu{padding:12px 12px 0}}#tab-wrap #tab-menu li{background:#fff;color:#252525;font-size:1.8rem;font-family:"Roboto",sans-serif;text-align:center;text-decoration:none;width:48%;margin:0 1%;float:left;display:block;cursor:pointer}@media screen and (max-width:984px){#tab-wrap #tab-menu li{font-size:1.7rem}}@media screen and (max-width:559px){#tab-wrap #tab-menu li{font-size:1.6rem}}#tab-wrap #tab-menu li .tab-menu--inner{border-top:3px solid #cfcfcf;border-left:3px solid #cfcfcf;border-right:3px solid #cfcfcf;line-height:64px;height:64px;opacity:0.5;display:block;border-radius:0.6rem 0.6rem 0 0}@media screen and (max-width:984px){#tab-wrap #tab-menu li .tab-menu--inner{line-height:53px;height:53px}}@media screen and (max-width:559px){#tab-wrap #tab-menu li .tab-menu--inner{line-height:49px;height:49px}}#tab-wrap #tab-menu li.tab--active .tab-menu--inner{border-color:#003686;background:#003686;color:#fff;line-height:80px;height:80px;margin:-16px 0 0;display:block;opacity:1}@media screen and (max-width:984px){#tab-wrap #tab-menu li.tab--active .tab-menu--inner{line-height:69px;height:69px;margin:-16px 0 0}}@media screen and (max-width:559px){#tab-wrap #tab-menu li.tab--active .tab-menu--inner{line-height:61px;height:61px;margin:-12px 0 0}}#tab-wrap .tab-ctt{display:none;position:relative;border-left:4px solid #003686;border-right:4px solid #003686;border-bottom:4px solid #003686}#tab-wrap .tab--show{display:block}