@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url(/media_library/grhpcommon/css/ress.css);
#main h2, .cc #main h2, .tkcnf #main h2, .ao #main h2, .law #main h2, .cc #main #senkei h2 {
  border: none;
  background: none;
  padding-left: 0;
  margin: 0; }

#main ul, #main ol, #main p {
  margin: 0;
  padding: 0; }

#relationNavi {
  display: none; }

ul, li {
  list-style: none; }

a {
  text-decoration: none;
  cursor: pointer; }

*, *::before, *::after {
  box-sizing: border-box; }

ul, li {
  list-style: none; }

a {
  text-decoration: none;
  cursor: pointer; }

.ff_notosanscjkjp {
  font-family: "Noto Sans Japanese", sans-serif; }

html {
  position: relative;
  font-size: 62.5%; }

body {
  width: 100%;
  height: 100%;
  font-family: メイリオ,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; }
  @media print, screen and (min-width: 769px) {
    body {
      font-size: 1.5rem;
      line-height: 1.6;
      min-width: 1050px; } }
  @media only screen and (max-width: 768px) {
    body {
      font-size: 3.7333333333vw;
      line-height: 1.5; } }
  @media print, screen and (min-width: 769px) {
    body::before {
      content: '';
      display: block;
      height: 3px;
      background: #005eb8; } }

a {
  color: #202020;
  transition: all .3s; }
  a:visited {
    color: inherit; }
  a:hover {
    color: #3AB8EF; }

img {
  max-width: 100%;
  height: auto; }

ul#topicPath {
  box-sizing: content-box; }

.clearfix::after {
  content: '';
  display: block;
  height: 0;
  font-size: 0;
  clear: both; }

.main {
  display: block; }

#directryNaviWrap {
  clear: both;
  background: #3f5973;
  color: #fff; }

#directryNavi {
  margin: 0 auto;
  padding: 30px 0;
  width: 950px;
  color: #fff;
  text-align: left; }

#directryNaviFirst, #directryNaviSecond {
  padding-bottom: 30px; }

#directryNavi .directoryLink {
  float: left;
  padding-right: 30px;
  width: 200px; }

#directryNavi .longTitle {
  width: 250px;
  padding-right: 0; }

#directryNavi .directoryLink .website_name {
  margin-bottom: 10px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 0;
  line-height: 1.2;
  background-image: none; }

#directryNavi .directoryLink .directryName {
  margin-bottom: 10px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 0;
  line-height: 1.2;
  background-image: none; }

#directryNavi div.longTitle ul {
  float: left;
  width: 180px; }

#directryNavi .directoryLink ul li {
  display: block;
  margin: 0 0 2px 0;
  padding-left: 7px;
  font-size: 85%;
  background: url("/media_library/grhpcommon/images/icon_link_footergray.gif") 0 7px no-repeat; }

#directryNavi .directoryLink a {
  color: #fff;
  text-decoration: none; }

#directryNavi .directoryLink a:visited {
  color: #fff; }

#directryNavi .directoryLink a:hover {
  color: #8cc544;
  text-decoration: underline; }

#toPageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100; }

.l-wrapper {
  display: block; }
  .l-wrapper * {
    box-sizing: border-box; }
  @media screen and (max-width: 1024px) {
    .l-wrapper {
      padding: 0 4vw; } }
  @media print, screen and (min-width: 769px) {
    .l-wrapper .l-inner {
      padding: 70px 0; } }
  @media only screen and (max-width: 768px) {
    .l-wrapper .l-inner {
      padding: 2em 0;
      width: 95%; } }
  .l-wrapper .l-inner.btmpd0 {
    padding-bottom: 0; }
  .l-wrapper .l-inner.toppd0 {
    padding-top: 0; }

.l-inner {
  margin: 0 auto; }
  .l-inner.btmpd0 {
    padding-bottom: 0 !important; }
  .l-inner.toppd0 {
    padding-top: 0 !important; }
  @media print, screen and (min-width: 769px) {
    .l-inner {
      width: 1050px; } }
  @media screen and (max-width: 1024px) {
    .l-inner {
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .l-inner {
      width: 100%; } }

.l-image {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    .l-image {
      flex-direction: column;
      margin-bottom: 2em; } }
  .l-image__image {
    margin-bottom: 20px; }
  @media only screen and (max-width: 768px) {
    .l-image.sp-reverse {
      flex-direction: column-reverse; } }
  .l-image.sp-reverse .l-image__image {
    margin: 10px 0 20px; }

.l-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  .l-row--col-2 {
    width: calc(100%/2); }
  .l-row--col-3 {
    width: calc(100%/3);
    margin-bottom: 15px; }
    .l-row--col-3:nth-last-child(-n + 3) {
      margin-bottom: 0; }
  .l-row--col-4 {
    width: calc(100%/4);
    margin-bottom: 20px; }
    @media only screen and (max-width: 768px) {
      .l-row--col-4 {
        width: calc(100%/2);
        margin-bottom: 15px; } }
    @media print, screen and (min-width: 769px) {
      .l-row--col-4:nth-last-child(-n + 4) {
        margin-bottom: 0; } }
    @media only screen and (max-width: 768px) {
      .l-row--col-4:nth-last-child(-n + 2) {
        margin-bottom: 0; } }
  .l-row--col-5 {
    width: calc(100%/5);
    margin-bottom: 12px; }
    @media only screen and (max-width: 768px) {
      .l-row--col-5 {
        width: calc(100%/2); } }
    .l-row--col-5:nth-last-child(-n + 5) {
      margin-bottom: 0; }
  .l-row--col-6 {
    width: calc(100%/6); }
    @media only screen and (max-width: 768px) {
      .l-row--col-6 {
        margin-bottom: 12px;
        width: calc(100%/2); } }
  .l-row--margin .l-row--col-2 {
    width: calc(100%/2 - 0.8%);
    margin-right: 1.6%; }
    .l-row--margin .l-row--col-2:nth-child(2n) {
      margin-right: 0; }
  .l-row--margin .l-row--col-3 {
    width: calc(100%/3 - 20px/3); }
    @media print, screen and (min-width: 769px) {
      .l-row--margin .l-row--col-3 {
        margin-right: 10px; } }
    @media only screen and (max-width: 768px) {
      .l-row--margin .l-row--col-3 {
        width: calc(100%/2 - 6px);
        margin-right: 12px; } }
    @media only screen and (max-width: 768px) {
      .l-row--margin .l-row--col-3:nth-child(2n) {
        margin-right: 0; } }
    @media print, screen and (min-width: 769px) {
      .l-row--margin .l-row--col-3:nth-child(3n) {
        margin-right: 0; } }
  .l-row--margin .l-row--col-4 {
    width: calc(100%/4 - 3.6%/4);
    margin-right: 1.2%; }
    @media only screen and (max-width: 768px) {
      .l-row--margin .l-row--col-4 {
        width: calc(100%/2 - 6px);
        margin-right: 12px; } }
    @media print, screen and (min-width: 769px) {
      .l-row--margin .l-row--col-4:nth-child(4n) {
        margin-right: 0; } }
    @media only screen and (max-width: 768px) {
      .l-row--margin .l-row--col-4:nth-child(2n) {
        margin-right: 0; } }
  .l-row--margin .l-row--col-5 {
    width: calc(100%/5 - 4%/5);
    margin-right: 1%; }
    @media only screen and (max-width: 768px) {
      .l-row--margin .l-row--col-5 {
        width: calc(100%/2 - 1.6%);
        margin-bottom: 3.2vw;
        margin-right: 3.2%; } }
    @media print, screen and (min-width: 769px) {
      .l-row--margin .l-row--col-5:nth-child(5n) {
        margin-right: 0; } }
    @media only screen and (max-width: 768px) {
      .l-row--margin .l-row--col-5:nth-child(2n) {
        margin-right: 0; } }
  .l-row--margin .l-row--col-6 {
    width: calc(100%/6 - 5%/6);
    margin-right: 1%; }
    @media only screen and (max-width: 768px) {
      .l-row--margin .l-row--col-6 {
        width: calc(100%/2 - 1.6%); } }
    @media print, screen and (min-width: 769px) {
      .l-row--margin .l-row--col-6:nth-child(6n) {
        margin-right: 0; } }
    @media only screen and (max-width: 768px) {
      .l-row--margin .l-row--col-6:nth-child(2n) {
        margin-right: 0; } }

.l-banner * {
  box-sizing: border-box; }
.l-banner .l-inner {
  padding: 40px 0; }
  @media only screen and (max-width: 768px) {
    .l-banner .l-inner {
      padding: 20px 0; } }
.l-banner__link {
  width: 100%;
  height: 100%;
  display: block;
  border: #005eb8 1px solid;
  padding: 10px 5px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .l-banner__link {
      padding: 1.3333333333vw 0.8vw 1.3333333333vw 0vw; } }
  .l-banner__link:hover {
    opacity: .7;
    color: #202020; }
  .l-banner__link::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 38px 38px;
    background-repeat: no-repeat;
    background-position: 6px center; }
    @media only screen and (max-width: 768px) {
      .l-banner__link::before {
        background-size: 9.0666666667vw 9.0666666667vw; } }
  .l-banner__link--senkei::before {
    display: none; }
  .l-banner__link--jfc {
    border: #8DB842 1px solid; }
    .l-banner__link--jfc::before {
      background-image: url("/media_library/grhpcommon/images/img_jfc_logo.png"); }
  .l-banner__link--bast::before {
    background-image: url("/media_library/grhpcommon/images/img_bast-icon.png"); }
  .l-banner__link--keisandb::before {
    background-image: url("/media_library/grhpcommon/images/img_keisandb-icon.png"); }
  .l-banner__link--shisan::before {
    background-image: url("/media_library/grhpcommon/images/img_sisan-icon.png"); }
  .l-banner__link--zeimuqa::before {
    background-image: url("/media_library/grhpcommon/images/img_zeimuqa-icon.png"); }
  .l-banner__link--kigyoubouei::before {
    background-image: url("/media_library/grhpcommon/images/img_kigyoubouei-icon.png"); }
  .l-banner__link--fxcloud::before {
    background-image: url("/media_library/grhpcommon/images/img_fxcloud-icon.png"); }
  .l-banner__link--fxcloud .l-banner__text {
    padding-left: 42px !important; }
    @media only screen and (max-width: 768px) {
      .l-banner__link--fxcloud .l-banner__text {
        padding-left: 11.2vw !important; } }
.l-banner__text {
  font-weight: bold;
  padding-left: 46px !important; }
  @media only screen and (max-width: 768px) {
    .l-banner__text {
      padding-left: 11.7333333333vw !important; } }
  @media print, screen and (min-width: 769px) {
    .l-banner__text {
      font-size: 1.35rem; } }
  @media screen and (max-width: 1024px) {
    .l-banner__text {
      font-size: 1.15rem; } }
  @media only screen and (max-width: 768px) {
    .l-banner__text {
      font-size: 3.2vw; } }
  .l-banner__text img {
    line-height: 0; }

@media print, screen and (min-width: 769px) {
  .mb-regular, #main .mb-regular {
    margin-bottom: 40px; } }
@media only screen and (max-width: 768px) {
  .mb-regular, #main .mb-regular {
    margin-bottom: 2em; } }

a:hover .hover_img {
  opacity: .7;
  transition: all .4s; }

.txC {
  text-align: center; }

.txR {
  text-align: right; }

.txL {
  text-align: left; }

.mt0 {
  margin-top: 0 !important; }

.mt10 {
  margin-top: 10px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.pt0 {
  padding-top: 0 !important; }

.pt10 {
  padding-top: 10px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt50 {
  padding-top: 50px !important; }

.pt60 {
  padding-top: 60px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.flex-box {
  display: flex; }
  .flex-box.jcsb {
    justify-content: space-between; }
  .flex-box.jcc {
    justify-content: center; }
  .flex-box.jcsa {
    justify-content: space-around; }

.g-bg--gray, #main .g--gray, .cc #main .g-bg--gray,
.tkcnf #main .g-bg--gray, .ao #main .g-bg--gray, .law #main .g-bg--gray {
  background: #f0f0f0; }
.g-bg--green, #main .g--green, .cc #main .g-bg--green,
.tkcnf #main .g-bg--green, .ao #main .g-bg--green, .law #main .g-bg--green {
  background: #F6FFE9; }
.g-bg--blue, #main .g--blue, .cc #main .g-bg--blue,
.tkcnf #main .g-bg--blue, .ao #main .g-bg--blue, .law #main .g-bg--blue {
  background: #ebf3fa; }

.g-heading-wrap, #main .g-heading-wrap, .cc #main .g-heading-wrap,
.tkcnf #main .g-heading-wrap, .ao #main .g-heading-wrap, .law #main .g-heading-wrap {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between; }
  @media only screen and (max-width: 768px) {
    .g-heading-wrap, #main .g-heading-wrap, .cc #main .g-heading-wrap,
    .tkcnf #main .g-heading-wrap, .ao #main .g-heading-wrap, .law #main .g-heading-wrap {
      display: block; } }
  .g-heading-wrap--h2, #main .g-heading-wrap--h2, .cc #main .g-heading-wrap--h2,
  .tkcnf #main .g-heading-wrap--h2, .ao #main .g-heading-wrap--h2, .law #main .g-heading-wrap--h2 {
    margin-bottom: 20px;
    line-height: 1.6; }
    .g-heading-wrap--h2-bdr, #main .g-heading-wrap--h2-bdr, .cc #main .g-heading-wrap--h2-bdr,
    .tkcnf #main .g-heading-wrap--h2-bdr, .ao #main .g-heading-wrap--h2-bdr, .law #main .g-heading-wrap--h2-bdr {
      border-bottom: #e9e9e9 2px solid;
      position: relative;
      margin-bottom: 20px; }
      .g-heading-wrap--h2-bdr::after, #main .g-heading-wrap--h2-bdr::after, .cc #main .g-heading-wrap--h2-bdr::after,
      .tkcnf #main .g-heading-wrap--h2-bdr::after, .ao #main .g-heading-wrap--h2-bdr::after, .law #main .g-heading-wrap--h2-bdr::after {
        content: '';
        border-bottom: #005eb8 2px solid;
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100px;
        height: 2px; }
.g-heading--h2, #main .g-heading--h2, .cc #main .g-heading--h2,
.tkcnf #main .g-heading--h2, .ao #main .g-heading--h2, .law #main .g-heading--h2 {
  color: #202020;
  font-weight: normal;
  font-size: 2.8rem; }
  @media only screen and (max-width: 768px) {
    .g-heading--h2, #main .g-heading--h2, .cc #main .g-heading--h2,
    .tkcnf #main .g-heading--h2, .ao #main .g-heading--h2, .law #main .g-heading--h2 {
      font-size: 1.8rem; } }
.g-heading--h3, #main .g-heading--h3, .cc #main .g-heading--h3,
.tkcnf #main .g-heading--h3, .ao #main .g-heading--h3, .law #main .g-heading--h3 {
  font-size: 2rem;
  border-left: #005eb8 7px solid;
  color: #202020;
  font-weight: normal;
  line-height: 1;
  padding: 3px 0 3px 10px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 768px) {
    .g-heading--h3, #main .g-heading--h3, .cc #main .g-heading--h3,
    .tkcnf #main .g-heading--h3, .ao #main .g-heading--h3, .law #main .g-heading--h3 {
      font-size: 1.6rem; } }

.g-text, #main .g-text, .cc #main .g-text, .tkcnf #main .g-text, .ao #main .g-text, .law #main .g-text {
  margin-bottom: 20px; }

.g-link, #main .g-link, .cc #main .g-link, .tkcnf #main .g-link, .ao #main .g-link, .law #main .g-link {
  /*LINK BTN*/ }
  .g-link--text, #main .g-link--text, .cc #main .g-link--text, .tkcnf #main .g-link--text, .ao #main .g-link--text, .law #main .g-link--text {
    text-decoration: none;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='linkarrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cpath fill='%23005eb8' d='M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10s10-4.477,10-10S17.523,2,12,2z M10,18l-1.41-1.41L13.17,12 L8.59,7.41L10,6l6,6L10,18z'/%3E%3C/svg%3E");
    padding-left: 20px;
    background-position: left center;
    background-size: 16px 16px;
    background-repeat: no-repeat; }
  .g-link--ico-login::before, #main .g-link--ico-login::before, .cc #main .g-link--ico-login::before, .tkcnf #main .g-link--ico-login::before, .ao #main .g-link--ico-login::before, .law #main .g-link--ico-login::before {
    content: '';
    display: block;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='pass01' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10.921px' height='12.849px' viewBox='0 0 10.921 12.849' style='enable-background:new 0 0 10.921 12.849;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath id='login' transform='translate(-3 -2)' class='st0' d='M13.279,2H4.285v1.927h7.709v8.994H4.285v1.927h9.637V2H13.279z M7.5,11.636l3.212-3.212L7.5,5.212v1.927H3v2.573h4.5V11.636z'/%3E%3C/svg%3E%0A");
    background-size: contain;
    margin-right: 3px;
    width: 11px;
    height: 13px; }
  .g-link--ico-check::before, #main .g-link--ico-check::before, .cc #main .g-link--ico-check::before, .tkcnf #main .g-link--ico-check::before, .ao #main .g-link--ico-check::before, .law #main .g-link--ico-check::before {
    content: '';
    display: block;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='check01' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13.192px' height='12.056px' viewBox='0 0 13.192 12.056' enable-background='new 0 0 13.192 12.056' xml:space='preserve'%3E%3Cpath id='check' transform='translate(-3 -3)' fill='%23fff' d='M13.046,10.848v2.2H5.009V5.009h7.245l1.57-1.57l0.354-0.354 L14.264,3H3v12.056h12.056V8.839l-0.377,0.377L13.046,10.848z M15.056,4.671l-0.284-0.284L14.679,4.48l-1.632,1.636L12.67,6.493 L9.562,9.596L7.195,7.228L5.774,8.649l2.368,2.367l0.474,0.474l0.947,0.947l3.108-3.108l0.377-0.377l1.631-1.636l0.377-0.377 l1.137-1.132L15.056,4.671z'/%3E%3C/svg%3E%0A");
    background-size: contain;
    margin-right: 3px;
    width: 13px;
    height: 12px; }
  .g-link--bdr-dotted, .g-link-dotted:visited, #main .g-link--bdr-dotted, #main .g-link-dotted:visited, .cc #main .g-link--bdr-dotted, .cc #main .g-link-dotted:visited, .tkcnf #main .g-link--bdr-dotted, .tkcnf #main .g-link-dotted:visited, .ao #main .g-link--bdr-dotted, .ao #main .g-link-dotted:visited, .law #main .g-link--bdr-dotted, .law #main .g-link-dotted:visited {
    color: #202020;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    min-height: 32px;
    justify-content: center;
    padding: 5px 35px 5px 20px;
    position: relative; }
    @media print, screen and (min-width: 769px) {
      .g-link--bdr-dotted, .g-link-dotted:visited, #main .g-link--bdr-dotted, #main .g-link-dotted:visited, .cc #main .g-link--bdr-dotted, .cc #main .g-link-dotted:visited, .tkcnf #main .g-link--bdr-dotted, .tkcnf #main .g-link-dotted:visited, .ao #main .g-link--bdr-dotted, .ao #main .g-link-dotted:visited, .law #main .g-link--bdr-dotted, .law #main .g-link-dotted:visited {
        background: #fff;
        border: 1px dotted #cecece;
        font-size: 1.3rem;
        display: inline-flex; } }
    @media screen and (max-width: 1024px) {
      .g-link--bdr-dotted, .g-link-dotted:visited, #main .g-link--bdr-dotted, #main .g-link-dotted:visited, .cc #main .g-link--bdr-dotted, .cc #main .g-link-dotted:visited, .tkcnf #main .g-link--bdr-dotted, .tkcnf #main .g-link-dotted:visited, .ao #main .g-link--bdr-dotted, .ao #main .g-link-dotted:visited, .law #main .g-link--bdr-dotted, .law #main .g-link-dotted:visited {
        padding: 5px 26px 5px 10px; } }
    @media only screen and (max-width: 768px) {
      .g-link--bdr-dotted, .g-link-dotted:visited, #main .g-link--bdr-dotted, #main .g-link-dotted:visited, .cc #main .g-link--bdr-dotted, .cc #main .g-link-dotted:visited, .tkcnf #main .g-link--bdr-dotted, .tkcnf #main .g-link-dotted:visited, .ao #main .g-link--bdr-dotted, .ao #main .g-link-dotted:visited, .law #main .g-link--bdr-dotted, .law #main .g-link-dotted:visited {
        background-color: #005eb8;
        text-align: center;
        border: 1px solid transparent;
        color: #fff !important;
        border: none;
        font-size: 1.6rem;
        padding: 2.6666666667vw 8vw 2.6666666667vw 4vw;
        width: 80%;
        margin: 1em auto;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex; } }
    .g-link--bdr-dotted::after, .g-link-dotted:visited::after, #main .g-link--bdr-dotted::after, #main .g-link-dotted:visited::after, .cc #main .g-link--bdr-dotted::after, .cc #main .g-link-dotted:visited::after, .tkcnf #main .g-link--bdr-dotted::after, .tkcnf #main .g-link-dotted:visited::after, .ao #main .g-link--bdr-dotted::after, .ao #main .g-link-dotted:visited::after, .law #main .g-link--bdr-dotted::after, .law #main .g-link-dotted:visited::after {
      content: '';
      margin-left: 4px;
      position: absolute;
      right: 4%; }
      @media print, screen and (min-width: 769px) {
        .g-link--bdr-dotted::after, .g-link-dotted:visited::after, #main .g-link--bdr-dotted::after, #main .g-link-dotted:visited::after, .cc #main .g-link--bdr-dotted::after, .cc #main .g-link-dotted:visited::after, .tkcnf #main .g-link--bdr-dotted::after, .tkcnf #main .g-link-dotted:visited::after, .ao #main .g-link--bdr-dotted::after, .ao #main .g-link-dotted:visited::after, .law #main .g-link--bdr-dotted::after, .law #main .g-link-dotted:visited::after {
          width: 16px;
          height: 16px;
          background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='linkarrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cpath fill='%23005eb8' d='M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10s10-4.477,10-10S17.523,2,12,2z M10,18l-1.41-1.41L13.17,12 L8.59,7.41L10,6l6,6L10,18z'/%3E%3C/svg%3E");
          background-size: contain;
          top: calc(50% - 8px); } }
      @media only screen and (max-width: 768px) {
        .g-link--bdr-dotted::after, .g-link-dotted:visited::after, #main .g-link--bdr-dotted::after, #main .g-link-dotted:visited::after, .cc #main .g-link--bdr-dotted::after, .cc #main .g-link-dotted:visited::after, .tkcnf #main .g-link--bdr-dotted::after, .tkcnf #main .g-link-dotted:visited::after, .ao #main .g-link--bdr-dotted::after, .ao #main .g-link-dotted:visited::after, .law #main .g-link--bdr-dotted::after, .law #main .g-link-dotted:visited::after {
          background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='linkarrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10s10-4.477,10-10S17.523,2,12,2z M10,18l-1.41-1.41L13.17,12 L8.59,7.41L10,6l6,6L10,18z'/%3E%3C/svg%3E");
          background-size: contain;
          width: 4.2666666667vw;
          height: 4.2666666667vw; } }
    .g-link--bdr-dotted:hover, .g-link-dotted:visited:hover, #main .g-link--bdr-dotted:hover, #main .g-link-dotted:visited:hover, .cc #main .g-link--bdr-dotted:hover, .cc #main .g-link-dotted:visited:hover, .tkcnf #main .g-link--bdr-dotted:hover, .tkcnf #main .g-link-dotted:visited:hover, .ao #main .g-link--bdr-dotted:hover, .ao #main .g-link-dotted:visited:hover, .law #main .g-link--bdr-dotted:hover, .law #main .g-link-dotted:visited:hover {
      opacity: .7; }
      @media print, screen and (min-width: 769px) {
        .g-link--bdr-dotted:hover, .g-link-dotted:visited:hover, #main .g-link--bdr-dotted:hover, #main .g-link-dotted:visited:hover, .cc #main .g-link--bdr-dotted:hover, .cc #main .g-link-dotted:visited:hover, .tkcnf #main .g-link--bdr-dotted:hover, .tkcnf #main .g-link-dotted:visited:hover, .ao #main .g-link--bdr-dotted:hover, .ao #main .g-link-dotted:visited:hover, .law #main .g-link--bdr-dotted:hover, .law #main .g-link-dotted:visited:hover {
          color: #3AB8EF; } }
      @media only screen and (max-width: 768px) {
        .g-link--bdr-dotted:hover, .g-link-dotted:visited:hover, #main .g-link--bdr-dotted:hover, #main .g-link-dotted:visited:hover, .cc #main .g-link--bdr-dotted:hover, .cc #main .g-link-dotted:visited:hover, .tkcnf #main .g-link--bdr-dotted:hover, .tkcnf #main .g-link-dotted:visited:hover, .ao #main .g-link--bdr-dotted:hover, .ao #main .g-link-dotted:visited:hover, .law #main .g-link--bdr-dotted:hover, .law #main .g-link-dotted:visited:hover {
          color: #fff; } }
  .g-link__btn, #main .g-link__btn, .cc #main .g-link__btn, .tkcnf #main .g-link__btn, .ao #main .g-link__btn, .law #main .g-link__btn {
    text-align: center; }
    .g-link__btn-item, #main .g-link__btn-item, .cc #main .g-link__btn-item, .tkcnf #main .g-link__btn-item, .ao #main .g-link__btn-item, .law #main .g-link__btn-item {
      min-width: 270px;
      text-align: center;
      display: inline-block;
      border: 1px solid #005eb8;
      padding: 15px 60px 15px 50px;
      border-radius: 5px;
      color: #005eb8;
      font-size: 15px;
      text-decoration: none;
      background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.489' height='11.348' viewBox='0 0 6.489 11.348'%3E%3Cpath d='M4.53,5.67.22,1.37A.814.814,0,0,1,1.37.22L6.25,5.1a.8.8,0,0,1,.02,1.12L1.38,11.13A.814.814,0,0,1,.23,9.98Z' transform='translate(0.001 -0.002)' fill='%23005eb8'/%3E%3C/svg%3E%0A") center left 96% no-repeat; }
      @media only screen and (max-width: 768px) {
        .g-link__btn-item, #main .g-link__btn-item, .cc #main .g-link__btn-item, .tkcnf #main .g-link__btn-item, .ao #main .g-link__btn-item, .law #main .g-link__btn-item {
          padding: 3.4666666667vw 13.3333333333vw 3.4666666667vw 10.6666666667vw;
          min-width: 70%;
          font-size: 4vw; } }
      .g-link__btn-item:hover, #main .g-link__btn-item:hover, .cc #main .g-link__btn-item:hover, .tkcnf #main .g-link__btn-item:hover, .ao #main .g-link__btn-item:hover, .law #main .g-link__btn-item:hover {
        background-color: #F3F8FC;
        transition: background-color .4s;
        color: #005eb8; }
      .g-link__btn-item:visited, #main .g-link__btn-item:visited, .cc #main .g-link__btn-item:visited, .tkcnf #main .g-link__btn-item:visited, .ao #main .g-link__btn-item:visited, .law #main .g-link__btn-item:visited {
        color: #005eb8; }

@media print, screen and (min-width: 769px) {
  .pc {
    display: block !important; } }
@media only screen and (max-width: 768px) {
  .pc {
    display: none !important; } }
@media print, screen and (min-width: 769px) {
  .pc--block {
    display: block !important; } }
@media only screen and (max-width: 768px) {
  .pc--block {
    display: none !important; } }
@media print, screen and (min-width: 769px) {
  .pc--flex {
    display: flex !important; } }
@media only screen and (max-width: 768px) {
  .pc--flex {
    display: none !important; } }
@media print, screen and (min-width: 769px) {
  .pc--inline {
    display: inline !important; } }
@media only screen and (max-width: 768px) {
  .pc--inline {
    display: none !important; } }

@media print, screen and (min-width: 769px) {
  .sp {
    display: none !important; } }
@media only screen and (max-width: 768px) {
  .sp {
    display: block !important; } }
@media print, screen and (min-width: 769px) {
  .sp--block {
    display: none !important; } }
@media only screen and (max-width: 768px) {
  .sp--block {
    display: block !important; } }
@media print, screen and (min-width: 769px) {
  .sp--flex {
    display: none !important; } }
@media only screen and (max-width: 768px) {
  .sp--flex {
    display: flex !important; } }

.flex-box * {
  box-sizing: border-box; }
.flex-box__list {
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between; }
.flex-box__link {
  display: block;
  border: #f0f0f0 1px solid;
  height: 100%;
  background: #fff url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='10px' viewBox='0 0 10 10' enable-background='new 0 0 10 10' xml:space='preserve'%3E%3Cpath fill='%23005eb8' d='M10,0v10H0L10,0z'/%3E%3C/svg%3E%0A") bottom 2px right 2px no-repeat;
  padding-bottom: 12px; }
  .flex-box__link:hover {
    opacity: .7; }
.flex-box__category {
  position: static;
  top: 0;
  left: 0;
  background: #202020;
  color: #fff;
  padding: 2px 5px;
  text-align: center; }
  @media print, screen and (min-width: 769px) {
    .flex-box__category {
      font-size: 1.05rem; } }
  @media only screen and (max-width: 768px) {
    .flex-box__category {
      position: relative;
      text-align: center;
      font-size: 2.6666666667vw; } }
.flex-box__thumb {
  line-height: 0; }
  @media only screen and (max-width: 768px) {
    .flex-box__thumb img {
      width: 100%;
      max-width: 100%;
      height: auto; } }
.flex-box__img {
  position: relative;
  overflow: hidden; }
.flex-box__tag {
  font-size: 1.2rem;
  color: #606060;
  background: #F6F6F6;
  border: #E5E5E5 1px solid;
  border-radius: 3px;
  padding: 0 5px;
  display: inline-block;
  margin-bottom: 10px; }
.flex-box__text {
  background: #fff;
  padding: 8px 10px; }
  @media print, screen and (min-width: 769px) {
    .flex-box__text {
      height: calc(100% - 122px); } }
.flex-box__name {
  font-weight: bold;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  line-height: 1.4;
  margin-bottom: 5px; }
  @media only screen and (max-width: 768px) {
    .flex-box__name {
      font-size: 3.4666666667vw; } }
  .flex-box__name::before {
    content: '';
    display: block;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='linkarrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cpath fill='%23005eb8' d='M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10s10-4.477,10-10S17.523,2,12,2z M10,18l-1.41-1.41L13.17,12 L8.59,7.41L10,6l6,6L10,18z'/%3E%3C/svg%3E");
    width: 15px;
    min-width: 15px;
    height: 15px;
    background-size: contain;
    margin-right: 3px; }
    @media print, screen and (min-width: 769px) {
      .flex-box__name::before {
        margin-top: 1px; } }
.flex-box__catch {
  color: #808080; }
  @media print, screen and (min-width: 769px) {
    .flex-box__catch {
      font-size: 12px; } }
  @media only screen and (max-width: 768px) {
    .flex-box__catch {
      font-size: 3.2vw; } }
.flex-box__sup {
  color: #808080;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: right;
  margin: 1em 0 .5em; }
.flex-box__btn {
  background-color: #005eb8;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.3rem; }

.lovlyPink {
  background: #ffecfa; }

.yellowOcher {
  background: #ffffe5; }

.lightBlue {
  background: #d9eeff; }

.violet {
  background: #eedcf7; }

.darkBlue {
  background: #c6dced; }

.appleGreen {
  background: #f0ffba; }

.youngGreen {
  background: #cdefbf; }

.lightRed {
  background: #f8d1d5; }

.lightOrange {
  background: #fff1c8; }

.clearGreen {
  background: #c5f7f0; }

.redPurple {
  background: #eee4e4; }

.darkOrange {
  background: #fff5e4; }

.flashGray {
  background: #e8e8e8; }

.info__category, .info .info-news dl dt.clearfix .category {
  color: #737373;
  background: #E5F6FF;
  padding: 2px 5px;
  display: flex;
  justify-content: center;
  align-content: center;
  border-radius: 3px;
  margin-right: 20px;
  text-align: center; }
  @media print, screen and (min-width: 769px) {
    .info__category, .info .info-news dl dt.clearfix .category {
      font-size: 1.2rem;
      width: 126px;
      min-width: 126px; } }
  @media only screen and (max-width: 768px) {
    .info__category, .info .info-news dl dt.clearfix .category {
      font-size: 3.2vw;
      width: 9em;
      margin-bottom: 5px; } }
  .info__category.lovlyPink, .info .info-news dl dt.clearfix .category.lovlyPink {
    background: #ffecfa; }
  .info__category.yellowOcher, .info .info-news dl dt.clearfix .category.yellowOcher {
    background: #ffffe5; }
  .info__category.lightBlue, .info .info-news dl dt.clearfix .category.lightBlue {
    background: #d9eeff; }
  .info__category.violet, .info .info-news dl dt.clearfix .category.violet {
    background: #eedcf7; }
  .info__category.darkBlue, .info .info-news dl dt.clearfix .category.darkBlue {
    background: #c6dced; }
  .info__category.appleGreen, .info .info-news dl dt.clearfix .category.appleGreen {
    background: #f0ffba; }
  .info__category.youngGreen, .info .info-news dl dt.clearfix .category.youngGreen {
    background: #cdefbf; }
  .info__category.lightRed, .info .info-news dl dt.clearfix .category.lightRed {
    background: #f8d1d5; }
  .info__category.lightOrange, .info .info-news dl dt.clearfix .category.lightOrange {
    background: #fff1c8; }
  .info__category.clearGreen, .info .info-news dl dt.clearfix .category.clearGreen {
    background: #c5f7f0; }
  .info__category.redPurple, .info .info-news dl dt.clearfix .category.redPurple {
    background: #eee4e4; }
  .info__category.darkOrange, .info .info-news dl dt.clearfix .category.darkOrange {
    background: #fff5e4; }
  .info__category.flashGray, .info .info-news dl dt.clearfix .category.flashGray {
    background: #e8e8e8; }
  .info__category.important, .info .info-news dl dt.clearfix .category.important {
    background: #ed1e79;
    color: #fff; }
@media only screen and (max-width: 768px) {
  .info__category {
    width: 12em; } }
.info__category--consolidate {
  background: #e5f9ff; }
.info__category--cc {
  background: #f0ebff; }
.info__category--ao {
  background: #e5ffec; }
.info__category--tkcnf {
  background: #eaefff; }
.info__category--lg {
  background: #f4ffe5; }
.info__category--law {
  background: #faebff; }

@media print, screen and (min-width: 769px) {
  .intro-movie {
    margin: 40px auto; } }
.intro-movie.top-movie {
  margin: 0 auto; }
@media print, screen and (min-width: 769px) {
  .intro-movie .l-inner.l-row, .intro-movie__inner {
    justify-content: space-between;
    width: 800px;
    margin: 0 auto;
    padding: 30px 0; } }
@media only screen and (max-width: 768px) {
  .intro-movie .l-inner.l-row, .intro-movie__inner {
    display: block;
    padding: 2em 0;
    width: 100%; } }
@media only screen and (max-width: 768px) {
  .intro-movie__thumb {
    margin-bottom: 20px;
    text-align: center; } }
.intro-movie__description {
  line-height: 1.8; }
.intro-movie__title {
  margin-bottom: 10px;
  font-weight: bold; }
  @media print, screen and (min-width: 769px) {
    .intro-movie__title {
      font-size: 1.8rem; } }
  @media only screen and (max-width: 768px) {
    .intro-movie__title {
      text-align: center; } }
  .intro-movie__title-main {
    font-size: 1.6rem; }
.intro-movie__text {
  margin-bottom: 10px; }
  @media print, screen and (min-width: 769px) {
    .intro-movie__text {
      font-size: 1.4rem; } }
  @media only screen and (max-width: 768px) {
    .intro-movie__text {
      font-size: 3.2vw; } }
.intro-movie .g-link--text {
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 1.4rem; }

@media print, screen and (min-width: 769px) {
  .intro-banner {
    margin: 40px auto 0; } }
@media print, screen and (min-width: 769px) {
  .intro-banner .l-inner.l-row, .intro-banner__inner {
    justify-content: space-between;
    align-items: center;
    width: 1050px;
    margin: 0 auto;
    padding: 30px 0;
    max-width: 100%; } }
@media only screen and (max-width: 768px) {
  .intro-banner .l-inner.l-row, .intro-banner__inner {
    display: block;
    padding: 2em 0;
    width: 100%; } }
.intro-banner__link {
  line-height: 0;
  display: block; }
  @media print, screen and (min-width: 769px) {
    .intro-banner__link {
      max-width: 48%; } }
  @media only screen and (max-width: 768px) {
    .intro-banner__link {
      margin-bottom: 20px;
      text-align: center; }
      .intro-banner__link:last-child {
        margin-bottom: 0; } }
.intro-banner__description {
  line-height: 1.8; }
.intro-banner__title {
  margin: 0 auto 20px;
  font-weight: normal;
  text-align: center; }
  @media print, screen and (min-width: 769px) {
    .intro-banner__title {
      font-size: 2.4rem; } }
  @media only screen and (max-width: 768px) {
    .intro-banner__title {
      font-size: 1.6rem;
      margin: 0 0 20px; }
      .intro-banner__title span {
        display: none; } }
  .intro-banner__title-main {
    font-size: 1.6rem; }
.intro-banner__text {
  margin-bottom: 10px; }
  @media print, screen and (min-width: 769px) {
    .intro-banner__text {
      font-size: 1.4rem; } }
  @media only screen and (max-width: 768px) {
    .intro-banner__text {
      font-size: 3.2vw; } }
.intro-banner .g-link--text {
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 1.4rem; }

@media print, screen and (min-width: 769px) {
  .info-seminar__banner {
    width: 1020px;
    margin: 10px auto 30px; } }
@media only screen and (max-width: 768px) {
  .info-seminar__banner {
    margin: 2.6666666667vw auto 8vw auto; } }
.info-seminar__banner-page {
  margin: 10px auto 0;
  text-align: center; }
  @media print, screen and (min-width: 769px) {
    .info-seminar__banner-page {
      width: 1020px; } }
  @media only screen and (max-width: 768px) {
    .info-seminar__banner-page {
      width: 87.4666666667vw; } }
  .info-seminar__banner-page .swiper-pagination-bullet {
    margin: 5px; }
.info-seminar__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    .info-seminar__list {
      margin-bottom: 8vw; } }
  .info-seminar__list-item {
    border-bottom: 1px solid #E5E5E5; }
    @media print, screen and (min-width: 769px) {
      .info-seminar__list-item {
        width: 49%; } }
.info-seminar__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px 3px 11px;
  margin: 3px 0;
  transition: all .4s;
  border-bottom: 4px solid transparent;
  position: relative; }
  .info-seminar__link:hover {
    color: #202020; }
    @media print, screen and (min-width: 769px) {
      .info-seminar__link:hover {
        border-bottom: 4px solid #3AB8EF; } }
  @media only screen and (max-width: 768px) {
    .info-seminar__link::after {
      content: '';
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.7' height='9.7' viewBox='0 0 9.7 9.7'%3E%3Cpath id='rightbottomarrow' data-name='rightbottomarrow' d='M9.7,0V9.7H0Z' fill='%23005eb8'/%3E%3C/svg%3E") right bottom no-repeat;
      position: absolute;
      width: 10px;
      height: 10px;
      right: 0;
      bottom: 0;
      display: block;
      background-size: contain; } }
@media print, screen and (min-width: 769px) {
  .info-seminar__heading {
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start; } }
.info-seminar__name {
  color: #202020;
  font-weight: bold; }
  @media print, screen and (min-width: 769px) {
    .info-seminar__name {
      font-size: 1.6rem; } }
.info-seminar__catch {
  color: #808080;
  margin-bottom: 2px; }
  @media print, screen and (min-width: 769px) {
    .info-seminar__catch {
      font-size: 1.3rem; } }
@media print, screen and (min-width: 769px) {
  .info-seminar__date {
    font-size: 1.4rem; } }
.info-seminar__date-def .g-link--text {
  color: #F36900; }
  @media print, screen and (min-width: 769px) {
    .info-seminar__date-def .g-link--text {
      font-size: 1.4rem; } }
.info-seminar__date-def::after {
  content: '';
  clear: both;
  display: block; }
.info-seminar__date-def-tit {
  float: left;
  color: #004680;
  font-weight: bold; }
.info-seminar__date-def-data {
  color: #202020;
  margin-right: 1em; }
  .info-seminar__date-def-data:last-child {
    margin-right: 0; }
  @media print, screen and (min-width: 769px) {
    .info-seminar__date-def-data {
      float: left; } }

.news-tab {
  display: flex; }
  .news-tab__btn {
    width: calc(100%/4);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #005eb8;
    color: #005eb8;
    margin: 10px 0 30px;
    padding: 10px;
    cursor: pointer; }
    @media only screen and (max-width: 768px) {
      .news-tab__btn {
        padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 2.6666666667vw;
        margin: 2.6666666667vw 0vw 5.3333333333vw 0vw; } }
    .news-tab__btn:not(:last-child) {
      border-right: none; }
    .news-tab__btn.active {
      background: #005eb8;
      color: #fff; }
  .news-tab__item {
    display: none; }
    .news-tab__item.active {
      display: block; }

.info-news .archiveList {
  line-height: 1.5;
  margin: 0 0 40px;
  padding: 0; }
  @media only screen and (max-width: 768px) {
    .info-news .archiveList {
      margin-bottom: 8vw; } }
  .info-news .archiveList li {
    border-bottom: 1px #E5E5E5 solid;
    margin: 10px 0 0 0;
    padding: 0 0 10px 0; }
    @media only screen and (max-width: 768px) {
      .info-news .archiveList li {
        padding-bottom: 4vw; } }
    .info-news .archiveList li span.date {
      font-size: 13px;
      font-weight: bold;
      margin-top: 5px;
      color: #808080;
      margin-right: 15px;
      box-sizing: border-box;
      vertical-align: top; }
      @media only screen and (max-width: 768px) {
        .info-news .archiveList li span.date {
          font-size: 3.4666666667vw; } }
    .info-news .archiveList li span.category {
      border-left: none;
      display: inline-flex;
      width: 126px;
      border-radius: 3px;
      margin-right: 30px;
      justify-content: center;
      vertical-align: top; }
      @media only screen and (max-width: 768px) {
        .info-news .archiveList li span.category {
          width: 33.6vw; } }
      .info-news .archiveList li span.category a {
        font-size: 12px;
        width: 100%;
        padding: 2px 5px;
        height: 100%;
        color: #737373;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          .info-news .archiveList li span.category a {
            font-size: 3.2vw; } }
      .info-news .archiveList li span.category.groupnews {
        background: #d9eeff; }
    .info-news .archiveList li span.txtLink {
      font-size: 15px;
      display: inline-block;
      background: none;
      padding-left: 0; }
      @media print, screen and (min-width: 769px) {
        .info-news .archiveList li span.txtLink {
          width: 780px; } }
      @media only screen and (max-width: 768px) {
        .info-news .archiveList li span.txtLink {
          font-size: 3.7333333333vw; } }
      .info-news .archiveList li span.txtLink a {
        padding-left: 0;
        background: none;
        text-decoration: none; }

.swiper-slide {
  background-size: cover;
  background-position: center; }

.mv {
  display: block; }
  @media print, screen and (min-width: 769px) {
    .mv {
      background: linear-gradient(#F8FCFE, #F2F2F2); } }
  .mv__inner {
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      .mv__inner {
        flex-wrap: wrap;
        width: 100%; } }
  .mv__left {
    width: 800px;
    background: #fff; }
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .mv__left {
    max-width: 76.19%; } }

    @media only screen and (max-width: 768px) {
      .mv__left {
        width: 100%;
        height: auto;
        max-width: none; } }
  .mv__main {
    height: 268px;
    width: 100%; }
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .mv__main {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 33.5%; } }

    @media only screen and (max-width: 768px) {
      .mv__main {
        height: 97.6vw;
        padding-top: 0; } }
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .mv__main .swiper-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; } }

    .mv__main .swiper-slide {
      width: 100%;
      height: 100%;
      background-size: cover;
      transition: all .3s; }
      .mv__main .swiper-slide a {
        display: block;
        width: 100%;
        height: 100%; }
      .mv__main .swiper-slide:hover {
        opacity: .7; }
      @media only screen and (max-width: 768px) {
        .mv__main .swiper-slide::after {
          content: '';
          display: none;
          background: none; } }
      @media print, screen and (min-width: 769px) {
        .mv__main .swiper-slide--01 {
          background-image: url("/media_library/grhpcommon/images/mv/top-mv_fxc.jpg"); } }
      @media only screen and (max-width: 768px) {
        .mv__main .swiper-slide--01 {
          background-image: url("/media_library/grhpcommon/images/mv/top-mv_fxc-sp.jpg"); } }
      @media print, screen and (min-width: 769px) {
        .mv__main .swiper-slide--02 {
          background-image: url("/media_library/grhpcommon/images/mv/top-mv_02.jpg"); } }
      @media only screen and (max-width: 768px) {
        .mv__main .swiper-slide--02 {
          background-image: url("/media_library/grhpcommon/images/mv/top-mv_02-sp.jpg"); } }
      @media print, screen and (min-width: 769px) {
        .mv__main .swiper-slide--03 {
          background-image: url("/media_library/grhpcommon/images/mv/top-mv_mis.jpg"); } }
      @media only screen and (max-width: 768px) {
        .mv__main .swiper-slide--03 {
          background-image: url("/media_library/grhpcommon/images/mv/top-mv_mis-sp.jpg"); } }
      @media print, screen and (min-width: 769px) {
        .mv__main .swiper-slide--04 {
          background-image: url("/media_library/grhpcommon/images/mv/top-mv_04.jpg"); } }
      @media only screen and (max-width: 768px) {
        .mv__main .swiper-slide--04 {
          background-image: url("/media_library/grhpcommon/images/mv/top-mv_04-sp.jpg"); } }
      @media print, screen and (min-width: 769px) {
        .mv__main .swiper-slide--mirai {
          background-image: url("/media_library/grhpcommon/images/mv/top-mv_mirai.jpg"); } }
      @media only screen and (max-width: 768px) {
        .mv__main .swiper-slide--mirai {
          background-image: url("/media_library/grhpcommon/images/mv/top-mv_mirai-sp.jpg"); } }
  .mv__thumbs {
    height: 90px;
    box-sizing: border-box;
    background: #fff;
    z-index: 4 !important;
    overflow: visible !important; }
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .mv__thumbs {
    height: auto;
    position: relative;
    width: 100%;
    padding-top: 11.25%; } }

    @media only screen and (max-width: 768px) {
      .mv__thumbs {
        height: auto;
        width: 100%;
        background: #e3f1fa;
        padding: .5em 1.5em; } }
    @media print, screen and (min-width: 769px) {
      .mv__thumbs-wrap {
        flex-wrap: nowrap; } }
    @media only screen and (max-width: 768px) {
      .mv__thumbs-wrap {
        flex-wrap: wrap; } }
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .mv__thumbs .swiper-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; } }

    .mv__thumbs .swiper-slide {
      width: 200px;
      max-width: calc(100%/4);
      height: 100%;
      position: relative;
      background-size: cover;
      cursor: pointer; }
      @media only screen and (max-width: 768px) {
        .mv__thumbs .swiper-slide {
          width: 48% !important;
          max-width: none;
          height: 19.2vw;
          margin: 1%; } }
      .mv__thumbs .swiper-slide.fxc {
        background-image: url(/media_library/grhpcommon/images/mv/top-thumb_fxc.jpg); }
      .mv__thumbs .swiper-slide.monthlybast {
        background-image: url(/media_library/grhpcommon/images/mv/top-thumb_02.jpg); }
      .mv__thumbs .swiper-slide.mis {
        background-image: url(/media_library/grhpcommon/images/mv/top-thumb_mis.jpg); }
      .mv__thumbs .swiper-slide.fx4c {
        background-image: url(/media_library/grhpcommon/images/mv/top-thumb_04.jpg); }
      .mv__thumbs .swiper-slide.ao-mirai {
        background-image: url(/media_library/grhpcommon/images/mv/top-thumb_mirai.jpg); }
    .mv__thumbs .swiper-slide-thumb-active {
      opacity: 1; }
      @media print, screen and (min-width: 769px) {
        .mv__thumbs .swiper-slide-thumb-active::before {
          content: '';
          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9'%3E%3Cpath id='mv-thumb-triangle' data-name='mv-thumb-triangle' d='M5,0l5,9H0Z' fill='%23005eb8'/%3E%3C/svg%3E%0A") center center;
          position: absolute;
          top: -9px;
          left: calc(50% - 4px);
          width: 10px;
          height: 9px;
          background-size: contain; } }
      .mv__thumbs .swiper-slide-thumb-active::after {
        content: '';
        display: block;
        position: absolute;
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        top: -2px;
        left: -2px;
        transition: all .4s;
        border: 4px solid #005eb8;
        background: rgba(0, 0, 0, 0.2);
        z-index: 4; }
  .mv__right {
    text-align: center;
    transition: all .4s; }
    @media print, screen and (min-width: 769px) {
      .mv__right {
        width: 240px;
        max-width: 22.857%; } }
    @media only screen and (max-width: 768px) {
      .mv__right {
        width: 100%;
        margin: 0 auto;
        background-size: cover;
        max-width: none;
        position: relative; } }

.mv-right__link {
  display: block;
  background: #fff;
  transition: all .4s;
  position: relative;
  z-index: 0; }
  @media print, screen and (min-width: 769px) {
    .mv-right__link {
      height: 100%; } }
  @media only screen and (max-width: 768px) {
    .mv-right__link {
      width: 90%;
      margin: 1em auto; } }
  @media print, screen and (min-width: 769px) {
    .mv-right__link .g-link--bdr-dotted {
      width: 200px;
      max-width: 95%;
      margin: 0 auto;
      padding: 8px 0;
      left: calc(50% - 100px);
      position: absolute;
      z-index: 1;
      bottom: 22px; } }
  @media only screen and (max-width: 768px) {
    .mv-right__link .g-link--bdr-dotted {
      margin: 0;
      width: 100%;
      transition: all .4s;
      border: none; } }
  .mv-right__link:hover {
    transition: all .4s;
    box-shadow: none;
    opacity: .7; }
    .mv-right__link:hover .g-link--bdr-dotted {
      transition: all .4s;
      opacity: 1; }
      @media print, screen and (min-width: 769px) {
        .mv-right__link:hover .g-link--bdr-dotted {
          color: #3AB8EF; } }
      @media only screen and (max-width: 768px) {
        .mv-right__link:hover .g-link--bdr-dotted {
          color: #fff; } }
.mv-right__image {
  position: absolute;
  top: 0;
  left: 0; }
.mv-right__heading {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #373737;
  font-size: 2rem;
  margin-bottom: 5px;
  font-weight: bold; }
  @media print, screen and (min-width: 769px) {
    .mv-right__heading {
      margin: 20px auto 10px; } }
  @media only screen and (max-width: 768px) {
    .mv-right__heading {
      font-size: 4.8vw; } }
.mv-right__logo {
  margin-bottom: 10px; }
  .mv-right__logo img {
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .mv-right__logo img {
        width: 70%; } }
.mv-right__catch {
  color: #202020;
  font-size: 1.3rem;
  margin-bottom: 10px; }
  @media only screen and (max-width: 768px) {
    .mv-right__catch {
      display: none; } }
.mv-right__btn {
  display: flex; }
  @media print, screen and (min-width: 769px) {
    .mv-right__btn {
      margin: 0 10px 10px; } }
  @media only screen and (max-width: 768px) {
    .mv-right__btn {
      display: none; } }

.cautionbox {
  margin: 40px auto; }
  @media only screen and (max-width: 768px) {
    .cautionbox {
      margin: 20px auto;
      padding: 0 4vw; } }
  .cautionbox .txtLinkbox {
    text-align: left;
    padding-left: 5px; }
    .cautionbox .txtLinkbox .txtLink {
      margin-bottom: 5px;
      display: block;
      padding: 0 0 0 10px;
      background: url(/media_library/common/images/icon_arrow_blue.png) no-repeat left 7px; }
      .cautionbox .txtLinkbox .txtLink:last-child {
        margin-bottom: 0; }
  .cautionbox .bdr-red {
    border: 3px double #f00;
    margin: 40px auto;
    padding: 7px 10px;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .cautionbox .bdr-red {
        width: 95%;
        margin: 20px auto; } }
    .cautionbox .bdr-red a {
      color: #000;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center; }
      .cautionbox .bdr-red a:hover {
        color: #000; }
      .cautionbox .bdr-red a::before {
        content: '';
        font-family: 'Material Icons';
        color: #005eb8;
        margin-right: 5px;
        display: block;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='linkarrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cpath fill='%23005eb8' d='M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10s10-4.477,10-10S17.523,2,12,2z M10,18l-1.41-1.41L13.17,12 L8.59,7.41L10,6l6,6L10,18z'/%3E%3C/svg%3E");
        background-size: contain; }
        @media print, screen and (min-width: 769px) {
          .cautionbox .bdr-red a::before {
            width: 16px;
            height: 16px; } }
        @media only screen and (max-width: 768px) {
          .cautionbox .bdr-red a::before {
            width: 4.2666666667vw;
            height: 4.2666666667vw; } }

.important-notice {
  background: #fff;
  padding: 10px 15px;
  border: 2px solid #005eb8;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start; }
  @media only screen and (max-width: 768px) {
    .important-notice {
      flex-direction: column; } }
  .important-notice__title {
    background: #ed1e79;
    padding: 0 5px;
    margin-right: 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px; }
  @media print, screen and (min-width: 769px) {
    .important-notice__list {
      width: calc(100% - 87px); } }
  .important-notice__list-item {
    margin-bottom: 5px; }
    .important-notice__list-item:last-child {
      margin-bottom: 0; }
  .important-notice__date {
    margin-right: 1em; }

.top-info .info__tab {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 2em; }
  .top-info .info__tab-item {
    position: relative;
    display: none;
    width: calc(50% - 1px);
    display: block;
    background: #d2d2d2;
    font-weight: bold;
    padding: 2.1333333333vw 1.3333333333vw 2.1333333333vw 1.3333333333vw;
    font-size: 4.2666666667vw;
    text-align: center;
    border-top: 3px solid #868686; }
    .top-info .info__tab-item::after {
      display: none; }
    @media only screen and (max-width: 768px) {
      .top-info .info__tab-item.active {
        background: #e3f1fa;
        display: block;
        border-top: 3px solid #005eb8; } }
    @media only screen and (max-width: 768px) {
      .top-info .info__tab-item.active::after {
        content: '';
        display: block;
        width: 24px;
        height: 9px;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='9' viewBox='0 0 24 9'%3E%3Cpath id='bottomarrow' data-name='bottomarrow' d='M12,0,24,9H0Z' transform='translate(24 9) rotate(180)' fill='%23e3f1fa'/%3E%3C/svg%3E%0A");
        border-bottom: none;
        position: absolute;
        left: calc(50% - 12px);
        bottom: -9px; } }
.top-info .important-news {
  border: 3px solid #005eb8;
  padding: 10px;
  margin-bottom: 30px; }
  .top-info .important-news .inbox {
    border: none;
    margin: 0;
    padding: 0; }
  .top-info .important-news dl {
    padding-bottom: 0;
    border: none; }
    .top-info .important-news dl:hover {
      border: none; }
    .top-info .important-news dl dd {
      font-weight: bold; }
.top-info .info__banner {
  width: 98%;
  margin: 0 auto 13px; }

.top-service .flex-box__link {
  border: none; }
@media print, screen and (min-width: 769px) {
  .top-service .l-row--col-4 {
    max-width: 250px;
    margin-right: calc((100% - 1001px)/3); } }

.user__list .l-row--col-5 {
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .user__list .l-row--col-5 {
      width: 90%;
      padding: 0 !important;
      margin: 0 auto 1em !important; } }
.user__list .l-row--col-4 {
  text-align: center; }
.user__link {
  display: block;
  width: 100%;
  height: 100%;
  border: #e5e5e5 1px solid;
  padding: 8px;
  border-radius: 5px;
  transition: all .4s; }
  @media only screen and (max-width: 768px) {
    .user__link {
      border: #E6E6E6 1px solid; } }
  .user__link:hover {
    opacity: .7; }
.user__thumb {
  line-height: 1.2; }
.user__btn {
  background: #005eb8;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center; }
  .user__btn::before {
    content: '';
    display: block;
    background-size: contain;
    margin-right: 3px; }

.top-seminar__list {
  margin: 0 0 40px;
  padding: 0; }
  @media only screen and (max-width: 768px) {
    .top-seminar__list {
      margin-bottom: 8vw; } }
  .top-seminar__list li {
    border-bottom: 1px #E5E5E5 solid;
    padding-bottom: 10px;
    margin-bottom: 10px; }
    .top-seminar__list li:first-child {
      margin-top: 0; }
    .top-seminar__list li .date {
      font-size: 1.4rem;
      font-weight: bold;
      margin-top: 5px;
      color: #808080;
      position: static;
      width: auto;
      margin-right: 15px;
      box-sizing: border-box; }
    .top-seminar__list li .category {
      border-left: none;
      float: none;
      display: inline-flex;
      width: 130px;
      border-radius: 3px;
      margin-right: 30px;
      justify-content: center;
      align-content: center;
      position: static;
      box-sizing: border-box;
      background: #c5f7f0; }
      .top-seminar__list li .category a {
        font-size: 1.3rem;
        width: 100%;
        padding: 2px 5px;
        height: 100%;
        color: #737373;
        text-align: center;
        box-sizing: border-box; }
    .top-seminar__list li .txtLink {
      display: inline-block;
      background: none;
      padding-left: 0;
      box-sizing: border-box; }
      @media print, screen and (min-width: 769px) {
        .top-seminar__list li .txtLink {
          width: 680px; } }
      @media only screen and (max-width: 768px) {
        .top-seminar__list li .txtLink {
          width: 100%; } }
.top-seminar__slider {
  position: relative;
  width: 100%; }
  .top-seminar__slider .swiper {
    width: 100%;
    overflow: hidden;
    position: relative; }
    .top-seminar__slider .swiper-wrapper.none-swipe {
      display: flex;
      justify-content: space-between;
      flex-wrap: nowrap; }
      @media only screen and (max-width: 768px) {
        .top-seminar__slider .swiper-wrapper.none-swipe {
          flex-wrap: wrap; } }
      .top-seminar__slider .swiper-wrapper.none-swipe .swiper-slide {
        flex-basis: 450px; }
        @media only screen and (max-width: 768px) {
          .top-seminar__slider .swiper-wrapper.none-swipe .swiper-slide {
            flex-basis: 100%; } }
    .top-seminar__slider .swiper-slide {
      width: 100%; }
      .top-seminar__slider .swiper-slide a:hover {
        opacity: .7;
        transition: opacity .4s; }
      .top-seminar__slider .swiper-slide img {
        height: auto;
        width: 100%; }
    .top-seminar__slider .swiper-button-prev {
      height: 63px;
      width: 63px;
      left: -35px;
      right: auto;
      background-image: url("data:image/svg+xml,%3Csvg width='63' height='63' viewBox='0 0 63 63' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cfilter id='circle' x='0' y='0' width='63' height='63' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='4' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='5' result='blur'/%3E%3CfeFlood flood-color='%230066c7' flood-opacity='0.122'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg id='swiper-button-prev' transform='translate(-65 -334)'%3E%3Cg transform='matrix(1, 0, 0, 1, 65, 334)' filter='url(%23circle)'%3E%3Ccircle id='circle-2' data-name='circle' cx='16.5' cy='16.5' r='16.5' transform='translate(15 11)' fill='%23fff'/%3E%3C/g%3E%3Cpath id='arrow' d='M-3156.539,3742.6l5.1,5.1,5.1-5.1' transform='translate(3840.647 3512.941) rotate(90)' fill='none' stroke='%233d98cc' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
      background-size: contain;
      margin-top: 0;
      transform: translateY(-50%); }
      @media only screen and (max-width: 768px) {
        .top-seminar__slider .swiper-button-prev {
          height: 13.3333333333vw; } }
      @media only screen and (max-width: 768px) {
        .top-seminar__slider .swiper-button-prev {
          width: 13.3333333333vw; } }
      @media only screen and (max-width: 768px) {
        .top-seminar__slider .swiper-button-prev {
          left: -3.5vw; } }
      .top-seminar__slider .swiper-button-prev.none-swipe {
        display: none; }
    .top-seminar__slider .swiper-button-next {
      height: 63px;
      width: 63px;
      right: -35px;
      left: auto;
      background-image: url("data:image/svg+xml,%3Csvg width='63' height='63' viewBox='0 0 63 63' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cfilter id='circle' x='0' y='0' width='63' height='63' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='4' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='5' result='blur'/%3E%3CfeFlood flood-color='%230066c7' flood-opacity='0.122'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg id='swiper-button-next' transform='translate(15 11)'%3E%3Cg transform='matrix(1, 0, 0, 1, -15, -11)' filter='url(%23circle)'%3E%3Ccircle id='circle-2' data-name='circle' cx='16.5' cy='16.5' r='16.5' transform='translate(15 11)' fill='%23fff'/%3E%3C/g%3E%3Cpath id='arrow' d='M0,5.1,5.1,0l5.1,5.1' transform='translate(20.048 11.403) rotate(90)' fill='none' stroke='%233d98cc' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
      background-size: contain;
      margin-top: 0;
      transform: translateY(-50%); }
      @media only screen and (max-width: 768px) {
        .top-seminar__slider .swiper-button-next {
          height: 13.3333333333vw; } }
      @media only screen and (max-width: 768px) {
        .top-seminar__slider .swiper-button-next {
          width: 13.3333333333vw; } }
      @media only screen and (max-width: 768px) {
        .top-seminar__slider .swiper-button-next {
          right: -3.5vw; } }
      .top-seminar__slider .swiper-button-next.none-swipe {
        display: none; }
    .top-seminar__slider .swiper-pagination {
      width: 100%;
      bottom: -35px; }
      .top-seminar__slider .swiper-pagination-bullet {
        margin: 0 5px; }

.pickup__list {
  gap: 40px; }
  @media only screen and (max-width: 768px) {
    .pickup__list {
      gap: 0; } }
.pickup__item {
  width: 455px; }
  @media only screen and (max-width: 768px) {
    .pickup__item {
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .pickup__item {
      margin-bottom: 20px !important; } }
  @media only screen and (max-width: 768px) {
    .pickup__item:last-child {
      margin-bottom: 0px !important; } }
  @media only screen and (max-width: 768px) {
    .pickup__item figure img {
      width: 100%; } }
  .pickup__item-box {
    padding: 15px 15px 3px; }
    @media only screen and (max-width: 768px) {
      .pickup__item-box {
        padding: 2.6666666667vw 2.6666666667vw 0.8vw 2.6666666667vw; } }
    .pickup__item-box p {
      color: #333; }
      @media only screen and (max-width: 768px) {
        .pickup__item-box p {
          font-size: 4vw; } }
  .pickup__item-title {
    font-size: 2.0rem;
    font-weight: bold;
    margin-bottom: 3px; }
    @media only screen and (max-width: 768px) {
      .pickup__item-title {
        font-size: 5.3333333333vw; } }

body.cc,
body.tkcnf,
body.ao,
body.law {
  width: 100%;
  height: 100%; }

.cc #contents, .tkcnf #contents, .ao #contents, .law #contents {
  width: 100%;
  margin-top: 0; }
  @media print, screen and (min-width: 769px) {
    .cc #contents .l-inner, .tkcnf #contents .l-inner, .ao #contents .l-inner, .law #contents .l-inner {
      width: 950px; } }
  @media only screen and (max-width: 768px) {
    .cc #contents .l-inner, .tkcnf #contents .l-inner, .ao #contents .l-inner, .law #contents .l-inner {
      width: 100%;
      min-width: 0; } }
.cc #heroArea, .tkcnf #heroArea, .ao #heroArea, .law #heroArea {
  height: auto;
  margin-bottom: 0;
  background: none;
  border-top: 1px solid #f0f0f0;
  min-width: 0; }
  @media print, screen and (min-width: 769px) {
    .cc #heroArea .l-inner, .tkcnf #heroArea .l-inner, .ao #heroArea .l-inner, .law #heroArea .l-inner {
      width: 950px;
      height: 250px; } }
  @media only screen and (max-width: 768px) {
    .cc #heroArea .l-inner, .tkcnf #heroArea .l-inner, .ao #heroArea .l-inner, .law #heroArea .l-inner {
      width: 100%; } }

#main {
  width: 100%;
  padding: 0;
  margin: 0; }

@media print, screen and (min-width: 769px) {
  .heroArea__inner {
    display: flex;
    justify-content: space-between; } }
.heroArea__left {
  width: 700px;
  position: relative;
  height: 100%; }
  @media only screen and (max-width: 768px) {
    .heroArea__left {
      width: 100%; } }
  .heroArea__left-link {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover; }
    @media only screen and (max-width: 768px) {
      .heroArea__left-link {
        background: none; } }
    .heroArea__left-link .g-link--bdr-dotted {
      min-width: 160px;
      padding: 4px 35px 4px 20px;
      font-size: 1.4rem; }
    .heroArea__left-link:hover {
      opacity: .7; }
      .heroArea__left-link:hover .g-link--bdr-dotted {
        opacity: 1;
        color: #3AB8EF; }
  .heroArea__left-btn {
    position: absolute;
    bottom: 20px;
    right: 20px; }
@media print, screen and (min-width: 769px) {
  .heroArea__right {
    width: 250px;
    height: 100%;
    position: relative; } }
@media only screen and (max-width: 768px) {
  .heroArea__right {
    width: 100%;
    padding: 4vw;
    line-height: 0; } }
.heroArea__right--row-2 {
  display: flex; }
  @media print, screen and (min-width: 769px) {
    .heroArea__right--row-2 {
      flex-direction: column; } }
  @media only screen and (max-width: 768px) {
    .heroArea__right--row-2 {
      justify-content: space-between;
      line-height: 0; } }
.heroArea__right-row {
  position: relative; }
  @media print, screen and (min-width: 769px) {
    .heroArea__right-row {
      height: 50%; } }
  @media only screen and (max-width: 768px) {
    .heroArea__right-row {
      width: 49%;
      line-height: 1; } }
  .heroArea__right-row .g-link--bdr-dotted {
    padding: 3px 20px; }
.heroArea__right-btn {
  position: absolute;
  box-sizing: border-box;
  bottom: 8px;
  width: 92%;
  left: 4%;
  box-sizing: border-box; }
.heroArea__right-link {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 0; }
  .heroArea__right-link:hover {
    opacity: .7; }
    .heroArea__right-link:hover .g-link--bdr-dotted {
      opacity: 1;
      color: #3AB8EF; }
.heroArea__circle {
  background: linear-gradient(#dbdbdb 0%, #fff 70%, #fff 100%);
  width: 190px;
  height: 190px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: "Noto Sans Japanese", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  font-size: 2.4rem;
  color: #004680;
  position: absolute;
  left: 25px;
  top: calc(50% - 95px); }
.heroArea__text {
  width: 470px;
  margin-bottom: 30px; }
.heroArea__catch {
  font-size: 2.5rem;
  margin-bottom: 10px; }
  .heroArea__catch--bg-blue {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #fff;
    background: #353475;
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 8px; }

.hero-sem__text {
  color: #fff;
  font-size: 14px;
  position: absolute;
  bottom: 10px;
  text-align: center; }

.cc .heroArea__left {
  height: auto; }
  .cc .heroArea__left-link {
    position: relative; }
    @media print, screen and (min-width: 769px) {
      .cc .heroArea__left-link {
        display: flex;
        align-items: center; } }
  .cc .heroArea__left-btn {
    bottom: 20px;
    right: 35px; }
.cc .heroArea__circle {
  box-shadow: 0 0 15px 3px rgba(104, 169, 168, 0.3); }
.cc .heroArea__text {
  margin-left: 250px; }
.cc .intro-movie {
  margin-bottom: 0; }
.cc .cc_theme .flex-box__link {
  background: none;
  padding-bottom: 0; }
.cc #main #senkei #senkeiArticleList, .cc #main #senkeiArticleList {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-right: 0; }
  @media only screen and (max-width: 768px) {
    .cc #main #senkei #senkeiArticleList, .cc #main #senkeiArticleList {
      flex-wrap: wrap; } }
  .cc #main #senkei #senkeiArticleList::after, .cc #main #senkeiArticleList::after {
    display: none; }
  .cc #main #senkei #senkeiArticleList .listBox, .cc #main #senkeiArticleList .listBox {
    width: calc(100%/4 - 45px/4);
    margin-right: 12px;
    float: none;
    margin-bottom: 20px; }
    @media only screen and (max-width: 768px) {
      .cc #main #senkei #senkeiArticleList .listBox, .cc #main #senkeiArticleList .listBox {
        width: calc(100%/2 - 6px); } }
    @media only screen and (max-width: 768px) {
      .cc #main #senkei #senkeiArticleList .listBox:nth-child(2n), .cc #main #senkeiArticleList .listBox:nth-child(2n) {
        margin-right: 0; } }
    .cc #main #senkei #senkeiArticleList .listBox:last-child, .cc #main #senkeiArticleList .listBox:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 768px) {
      .cc #main #senkei #senkeiArticleList .listBox:nth-last-child(-n + 2), .cc #main #senkeiArticleList .listBox:nth-last-child(-n + 2) {
        margin-bottom: 10px; } }
    .cc #main #senkei #senkeiArticleList .listBox a, .cc #main #senkeiArticleList .listBox a {
      padding: 0;
      border: 1px solid #EEEEEE;
      background: #fff;
      display: block;
      height: 100%; }
      .cc #main #senkei #senkeiArticleList .listBox a:hover, .cc #main #senkeiArticleList .listBox a:hover {
        background: #fff;
        opacity: .7;
        color: #3AB8EF; }
      .cc #main #senkei #senkeiArticleList .listBox a .thumbnail, .cc #main #senkeiArticleList .listBox a .thumbnail {
        display: block;
        margin-bottom: 9px; }
        .cc #main #senkei #senkeiArticleList .listBox a .thumbnail img, .cc #main #senkeiArticleList .listBox a .thumbnail img {
          width: 100%; }
      .cc #main #senkei #senkeiArticleList .listBox a .category, .cc #main #senkeiArticleList .listBox a .category {
        display: none; }
      .cc #main #senkei #senkeiArticleList .listBox a .ttl, .cc #main #senkeiArticleList .listBox a .ttl {
        font-size: 1.4rem;
        padding: 0 6px;
        display: block;
        font-weight: bold;
        line-height: 1.4;
        margin-bottom: 5px; }
      .cc #main #senkei #senkeiArticleList .listBox a .sub, .cc #main #senkeiArticleList .listBox a .sub {
        display: block;
        font-size: 1.3rem;
        padding: 0 6px;
        color: #808080;
        line-height: 1.4;
        margin-bottom: 6px; }
.cc #senkeiArticleList .flex-box__img img {
  width: 100%;
  height: auto; }
.cc #senkeiArticleList .flex-box__name::before {
  display: none; }
.cc #senkeiArticleList .g-link-wrap.sp {
  width: 100%; }
.cc .l-banner .l-banner__list {
  justify-content: center; }
.cc .l-banner .l-row--col-5:last-child {
  margin-right: 0; }

.senkei-rank {
  counter-reset: number; }
  @media print, screen and (min-width: 769px) {
    .senkei-rank {
      margin-bottom: 30px !important; } }
  @media only screen and (max-width: 768px) {
    .senkei-rank {
      margin-bottom: 1em !important; } }
  .senkei-rank .l-row--col-5 {
    position: relative;
    z-index: 0; }
    .senkei-rank .l-row--col-5::before {
      counter-increment: number;
      content: counter(number);
      display: block;
      position: absolute;
      background: #26A8FF;
      color: #fff;
      font-weight: bold;
      width: 1.5em;
      height: 1.5em;
      text-align: center;
      z-index: 1;
      top: 1px;
      left: 1px; }
    @media only screen and (max-width: 768px) {
      .senkei-rank .l-row--col-5:nth-child(5) {
        display: none; } }
  .senkei-rank .flex-box__link {
    padding-bottom: 45px;
    background: none; }
  .senkei-rank .flex-box__thumb {
    width: 100%;
    height: 150px;
    background-size: cover;
    background-position: center center;
    overflow: hidden; }
    .senkei-rank .flex-box__thumb.top {
      background-position: center top; }
    .senkei-rank .flex-box__thumb.bottom {
      background-position: center bottom; }
  .senkei-rank .flex-box__text {
    height: auto;
    padding: 10px 6px; }
  .senkei-rank .flex-box__tag {
    margin-bottom: 6px; }
  .senkei-rank .flex-box__name {
    font-size: 1.4rem;
    line-height: 1.5; }
    .senkei-rank .flex-box__name::before {
      display: none; }
  .senkei-rank .flex-box__catch {
    line-height: 1.5;
    margin-bottom: 1em; }
  .senkei-rank .flex-box__bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 0 4% 4%; }
  .senkei-rank .flex-box__btn {
    width: 100%;
    margin: 0 auto; }

/*.tkcnf  {
  #main {
    #topNews {
      width: auto;
      float: none;
    }
  }
  .heroArea__left {
    height: auto;
  }
  .hero-tkcnf {
    &__bg {
      height: 100%;
      overflow: hidden;
      position: relative;
      &::before {
        content: '';
        display: block;
        background: url("/media_library/tkcnf/images/tkcnf-top_mv-bg.png") 16% top no-repeat;
        mix-blend-mode: multiply;
        height: 100%;
        width: 100%;
        opacity: .9;
        position: absolute;
        top: 0;
        left: 0;
      }
    }
    &__text {
      position: relative;
      display: inline-block;
      z-index: 1;
      font-family: $fontMin;
      top: 40px;
      left: 110px;
      font-size: 1.9rem;
      font-weight: 400;
      color: #fff;
      &-sub {
        text-align: right;
        &--strong {
          color: #cbf4ff;
        }
      }
    }
    &__logo {
      position: relative;
      z-index: 1;
      margin-bottom: 25px;
    }
  }
  .l-banner .l-banner__list {
    justify-content: center;
  }
}
.hero-search {
  background: url("/media_library/tkcnf/images/tkcnf-top_search-bg.jpg") no-repeat;
  background-size: cover;
  height: 100%;
  text-align: center;
  &__catch {
    background: rgba($baseColor,.8);
    color: #fff;
    font-size: 1.3rem;
    padding: 10px 0;
    &::before {
      content: '\e8b6';
      font-family: 'Material Icons';
      color: #fff;
      line-height: 1;
      font-size: 3.6rem;
      display: block;
      padding: 3px 0;
    }
  }
  &__heading {
    font-size: 2.2rem;
    color: $accentColor;
    margin: 15px 0;
  }
  .g-link--bdr-dotted {
    margin-bottom: 8px;
    width: 220px;
    box-sizing: border-box;
  }
}*/
#main ul.archiveList {
  margin: 0;
  padding: 0; }
  #main ul.archiveList li {
    border-bottom: 1px #E5E5E5 solid;
    padding: 10px 0 10px; }
    #main ul.archiveList li:first-child {
      padding-top: 0; }
    #main ul.archiveList li:first-child {
      margin-top: 0; }
    #main ul.archiveList li span.date {
      font-size: 1.3rem;
      font-weight: bold;
      margin-top: 5px;
      color: #808080;
      position: static;
      width: auto;
      margin-right: 15px;
      box-sizing: border-box; }
    #main ul.archiveList li span.category {
      border-left: none;
      float: none;
      display: inline-flex;
      width: 126px;
      border-radius: 3px;
      margin-right: 30px;
      justify-content: center;
      align-content: center;
      position: static;
      box-sizing: border-box; }
      #main ul.archiveList li span.category a {
        font-size: 1.2rem;
        width: 100%;
        padding: 2px 5px;
        height: 100%;
        color: #737373;
        text-align: center;
        box-sizing: border-box; }
      #main ul.archiveList li span.category .interview {
        background-color: #e5ffec; }
      #main ul.archiveList li span.category .system {
        background-color: #e5ffec; }
      #main ul.archiveList li span.category .special {
        background-color: #e5ffec; }
      #main ul.archiveList li span.category .consult {
        background-color: #e5ffec; }
      #main ul.archiveList li span.category .lightBlue {
        background-color: #d9eeff; }
    #main ul.archiveList li span.txtLink {
      font-size: 1.5rem;
      display: inline-block;
      background: none;
      padding-left: 0;
      box-sizing: border-box; }
      @media print, screen and (min-width: 769px) {
        #main ul.archiveList li span.txtLink {
          width: 680px; } }
      @media only screen and (max-width: 768px) {
        #main ul.archiveList li span.txtLink {
          width: 100%; } }

/*
.kenkyukai__list {
  &-item {
    height: 120px;
  }
  &-link {
    width: 100%;
    height: 100%;
    display: flex;
    background-size: cover;
    align-items: center;
    position: relative;
    border: none;
    background-position: left top;
    &::before {
      content: '';
      transition: all .4s;
    }
    &:hover {
      opacity: .7;
    }
    &.kaigai {
      background-image: url(/media_library/grhpcommon/images/re_img01.jpg);
    }
    &.chudaiken {
      background-image: url(/media_library/grhpcommon/images/re_img02.jpg);
    }
    &.igyou {
      background-image: url(/media_library/grhpcommon/images/re_img03.jpg);
    }
    &.koueki {
      background-image: url(/media_library/grhpcommon/images/re_img04.jpg);
    }
    &.welfare {
      background-image: url(/media_library/grhpcommon/images/re_img05.jpg);
    }
    &.souzoku {
      background-image: url(/media_library/grhpcommon/images/re_img06.jpg);
    }
  }
  &-name {
    background: rgba($black,0.6);
    width: 100%;
    color: #fff;
    text-align: center;
    transition: all .4s;
    padding: 2px;
    font-size: 2.4rem;
    @include mq-down() {
      height: 60%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.4rem;
    }
  }
}*/
/*
.ao {
  .heroArea__left-btn {
    bottom: 10px;
  }
  #main {
    .voiceCntWrap {
      margin-bottom: 0;
      .voiceListWrap {
        padding: 0;
        display: flex;
        * {
          box-sizing: border-box;
        }
        &::after {
          display: none;
        }
        @include mq-down() {
          flex-wrap: wrap;
        }
      }
      .listBox {
        width: calc(100%/5 - 56px/5);
        height: auto;
        margin: 0 14px 0 0;
        display: flex;
        flex-direction: column;
        background: #fff;
        border: 1px solid $bordergray;
        padding: 0 0 35px;
        float: none;
        align-items: flex-start;
        @include mq-down() {
          width: calc(100%/2 - 1.5%);
          margin-right: 3%;
          margin-bottom: 3%;
        }
        &:last-child {
          margin-right: 0;
          @include mq-down() {
            display: none;//スマホの時は5つ目非表示
          }
        }
        &:nth-child(2n) {
          @include mq-down() {
            margin-right: 0;
          }
        }
        a {
          
          &:hover {
            opacity: .7;
          }
        }
        a.category {
          order: 2;
          -webkit-order: 2;
          position: relative;
          top: auto;
          left: auto;
          width: auto;
          min-width: 0;
          display: inline-block;
          color: #606060;
          background: $lightgray;
          border: $bordergray 1px solid;
          border-radius: 3px;
          font-size: 1.2rem;
          margin: 0 10px 10px;
          padding: 2px 5px;
        }
        p.voiceThumb {
          order: 1;
          -webkit-order: 1;
          position: relative;
          width: 100%;
          img {
            width: 100%;
            display: block;
          }
        }
        p.ttl {
          order: 3;
          -webkit-order: 3;
          position: relative;
          margin: 0 10px 10px;
          top: auto;
          left: auto;
          max-width: 96%;
          font-weight: normal;
          a {
            display: block;
          }
          a:hover {
            color: $hoverblue;
          }
        }
        p.date {
          order: 4;
          -webkit-order: 4;
          position: relative;
          margin: 0 10px 10px;
          top: auto;
          left: auto;
          font-size: 1.4rem;
          width: calc(100% - 25px);
          text-align: right;
        }
        p.readMore {
          order: 5;
          -webkit-order: 5;
          position: absolute;
          //margin: 0 auto 10px;
          bottom: 10px;
          width: 100%;
          a {
            position: relative;
            bottom: auto;
            background: $baseColor;
            color: #fff;
            font-weight: bold;
            border: none;
            width: calc(100% - 25px);
            margin: 0 auto;
            .iconBlue {
              background: none;
              padding: 0;
            }
          }
        }
      }
    }
  }
}
$aoColors: (
  'bast' :#1783A6,
  'zeimuqa' :#30915E,
);
@function aoColors($key) {
  @return map-get($aoColors, $key);
}

.service-box {
  &__wrap {
    .l-row--col-2 {
      @include mq-down(){
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        &:last-child {
          @include mq-down() {
            margin-bottom: 0;
          }
        }
      }
    }
  }
  background: #FBFBFB;
  border: 1px solid $lightgray;
  padding: 20px 15px;
  height: 100%;
  @include mq-down(){
    margin-bottom: 20px;
  }
  .bast {
    color: aoColors(bast);
  }
  .zeimuqa {
    color: aoColors(zeimuqa);
  }
  &__catch {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 10px;
  }
  &__main {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    @include mq-up() {
      height: 160px;
    }
    @include mq-down() {
      flex-wrap: wrap;
    }
  }
  &__left {
    height: 100%;
    display: flex;
    align-items: center;
    @include mq-up(){
      width: 130px;
    }
    @include mq-down(){
      width: 100%;
    }
    img {
      @include mq-down(){
        max-width: 40%;
        margin: 0 auto 10px;
      }
    }
  }
  &__right {
    @include mq-up(){
      width: calc(100% - 150px);
    }
    @include mq-down(){
      width: 100%;
    }
  }
  &__name {
    font-size: 1.9rem;
    margin-bottom: 5px;
    @include mq-down() {
      text-align: center;
    }
  }
  &__heading {
    font-size: 1.3rem;
    background: #fff;
    padding: 2px;
    text-align: center;
    margin-bottom: 8px;
    font-weight: bold;
    &.bast {
      border: 1px solid aoColors(bast);
    }
    &.zeimuqa {
      border: 1px solid aoColors(zeimuqa);
    }
  }
  &__caution {
    font-size: 1.2rem;
    text-align: right;
  }
  .g-link-wrap {
    @include mq-up() {
      display: flex;
      justify-content: center;
    }
  }
  .g-link--bdr-dotted {
    margin-right: 10px;
    @include mq-up(){
      min-width: 180px;
    }
    @include mq-down(){
      margin: 3vw auto 0 !important;
      width: 90% !important;
    }
    &:last-child {
      margin-right: 0;
    }
  }
}
.bast-num {
  width: 92%;
  margin: 0 auto !important;
  flex-wrap: nowrap;
  @include mq-down() {
    justify-content: center;    
  }
  .l-row--col-3 {
    border-right: 1px solid $bordergray;
    margin-right: 10px;
    box-sizing: border-box;
    margin-bottom: 3px;
    padding: 10px 10px 0 0;
    width: auto;
    &:nth-child(2) {
      @include mq-down() {
        margin-right: 10px;
      }
    }
    &:last-child {
      padding-right: 0;
      border-right: none;
      margin-right: 0;
    }
  }
  &__heading {
    font-weight: bold;
    font-size: 1.3rem;
    text-align: center;
  }
  &__num {
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    &--strong {
      font-size: 130%;
    }
  }
}
.zeimuqa-num {
  &__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    &-item {
      width: 49%;
      font-size: 1.3rem;
      line-height: 1.4;
    }
  }
  &__def {
    &-tit {
      &::before {
        content: '●';
        color: aoColors(zeimuqa);
      }
      width: 5em;
      clear: both;
      float: left;
    }
    &-data {
      &--strong  {
        font-size: 1.4rem;
        font-weight: bold;
      }
    }
  }
}*/
@media print, screen and (min-width: 769px) {
  .law-service .l-image__text {
    width: calc(100% - 460px); } }
@media print, screen and (min-width: 769px) {
  .law-service .l-image__image {
    width: 440px; } }
.law-service .flex-box__category {
  position: relative;
  text-align: center; }
@media print, screen and (min-width: 769px) {
  .law-service .flex-box__name {
    height: 4.6em; } }
.law-service .category-1 {
  background: #41b1d9; }
.law-service .category-2 {
  background: #4185da; }
.law-service .category-3 {
  background: #9d58d9; }
.law-service .category-4 {
  background: #d95c56; }
.law-service__text-link {
  font-size: 13px;
  display: flex;
  justify-content: flex-end; }
  .law-service__text-link:first-of-type {
    margin-top: 6px !important; }
  .law-service__text-link .g-link--text::before {
    width: 12px;
    height: 17px; }

.law-pickup .flex-box__link {
  background: #fff;
  padding-bottom: 0; }

.boxBlue {
  padding: 5px 10px;
  border: 1px solid #79bbde;
  background: #eef9ff;
  color: #545253;
  margin-top: 30px; }
  .boxBlue strong {
    font-size: 1.8rem; }
    @media only screen and (max-width: 768px) {
      .boxBlue strong {
        font-size: 1.5rem; } }

.errorMessage {
  margin: 20px 0;
  font-size: 1.5rem; }
  @media only screen and (max-width: 768px) {
    .errorMessage {
      font-size: 1.4rem; } }

.listStyleB {
  list-style: none;
  padding: 10px 15px;
  background: #f5f5f5;
  margin-bottom: 60px; }
  @media only screen and (max-width: 768px) {
    .listStyleB {
      padding: 10px;
      margin-bottom: 0; } }
  .listStyleB li {
    display: inline;
    padding-left: 13px;
    padding-right: 20px;
    background: url(/media_library/common/images/icon_link_orange.gif) 0 7px no-repeat; }
    @media only screen and (max-width: 768px) {
      .listStyleB li {
        display: inline-block; } }

@media only screen and (max-width: 768px) {
  .top-bast__list {
    flex-direction: column; } }
.top-bast__list-item {
  border: #e9e9e9 4px solid;
  display: flex;
  flex-direction: column; }
  @media only screen and (max-width: 768px) {
    .top-bast__list-item.l-row--col-2 {
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .top-bast__list-item.l-row--col-2:first-child {
      margin-bottom: 5.3333333333vw; } }
.top-bast__detail {
  padding: 40px 20px;
  text-align: center;
  display: flex;
  flex-direction: column; }
  @media only screen and (max-width: 768px) {
    .top-bast__detail {
      padding: 4vw 4vw 4vw 4vw; } }
.top-bast__catch {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: .1em;
  padding-left: .1em; }
  @media only screen and (max-width: 768px) {
    .top-bast__catch {
      font-size: 14px;
      margin-bottom: 2.6666666667vw; } }
.top-bast__title {
  color: #559558;
  font-size: 2.6rem;
  letter-spacing: .1em;
  padding-left: .1em;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media print, screen and (min-width: 769px) {
    .top-bast__title {
      height: 72px;
      margin: 20px 0; } }
  @media only screen and (max-width: 768px) {
    .top-bast__title {
      font-size: 18px; } }
  .top-bast__title.new::before {
    content: 'NEW';
    background: #FFCC00;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 4em;
    height: 4em;
    font-size: 18px;
    font-family: 'Arial', Gadget, 'sans-serif';
    border-radius: 50%;
    letter-spacing: .2em;
    padding-left: .2em;
    margin-right: 10px; }
    @media only screen and (max-width: 768px) {
      .top-bast__title.new::before {
        font-size: 13px;
        margin-right: .5em; } }
.top-bast .g-link-wrap {
  margin-top: auto; }
.top-bast .g-link--bdr-dotted {
  font-size: 1.5rem; }
  @media print, screen and (min-width: 769px) {
    .top-bast .g-link--bdr-dotted {
      width: 80%;
      padding: 15px 0; } }
  @media only screen and (max-width: 768px) {
    .top-bast .g-link--bdr-dotted {
      font-size: 14px;
      margin: 5px auto; } }
  .top-bast .g-link--bdr-dotted::after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px; }
.top-bast__link {
  background: #ebf4ec;
  padding: 30px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: auto; }
  @media only screen and (max-width: 768px) {
    .top-bast__link {
      padding: 4vw 4vw 4vw 4vw; } }
  .top-bast__link-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      .top-bast__link-wrap {
        flex-direction: column;
        margin-bottom: 2.6666666667vw; } }
@media print, screen and (min-width: 769px) {
  .top-bast__register {
    width: 48%; } }
.top-bast__register-btn {
  background: #005eb8;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #fff !important;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
  width: 100%; }
  @media print, screen and (min-width: 769px) {
    .top-bast__register-btn {
      height: 85px; } }
  @media only screen and (max-width: 768px) {
    .top-bast__register-btn {
      font-size: 15px;
      height: 12vw;
      margin-bottom: 2.6666666667vw;
      border-radius: 5px; } }
  .top-bast__register-btn:hover {
    background: #fff;
    color: #005eb8 !important; }
@media print, screen and (min-width: 769px) {
  .top-bast__login {
    width: 100%; } }
.top-bast__login-btn {
  background: #fff;
  color: #559558 !important;
  font-size: 2.0rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  height: 85px;
  line-height: 1;
  background: #fff center left 30px/21px 24px no-repeat;
  width: 100%;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='pass01' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10.921px' height='12.849px' viewBox='0 0 10.921 12.849' style='enable-background:new 0 0 10.921 12.849;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23559558;%7D%0A%3C/style%3E%3Cpath id='login' transform='translate(-3 -2)' class='st0' d='M13.279,2H4.285v1.927h7.709v8.994H4.285v1.927h9.637V2H13.279z M7.5,11.636l3.212-3.212L7.5,5.212v1.927H3v2.573h4.5V11.636z'/%3E%3C/svg%3E%0A");
  padding-left: 20px;
  transition: color .4s, background-color .4s; }
  @media only screen and (max-width: 768px) {
    .top-bast__login-btn {
      font-size: 15px;
      height: 14.6666666667vw;
      background-size: 4.5333333333vw 5.3333333333vw;
      background-position: center left 20px;
      border-radius: 5px; } }
  .top-bast__login-btn .note {
    font-size: 1.3rem;
    color: #858585;
    line-height: 1.4;
    text-align: center;
    transition: color .4s; }
    @media only screen and (max-width: 768px) {
      .top-bast__login-btn .note {
        font-size: 12px; } }
  .top-bast__login-btn:hover {
    background-color: #559558;
    color: #fff !important;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='pass01' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10.921px' height='12.849px' viewBox='0 0 10.921 12.849' style='enable-background:new 0 0 10.921 12.849;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath id='login' transform='translate(-3 -2)' class='st0' d='M13.279,2H4.285v1.927h7.709v8.994H4.285v1.927h9.637V2H13.279z M7.5,11.636l3.212-3.212L7.5,5.212v1.927H3v2.573h4.5V11.636z'/%3E%3C/svg%3E%0A"); }
    .top-bast__login-btn:hover .note {
      color: #fff; }
.top-bast__member {
  text-align: center;
  font-size: 1.6rem;
  display: inline-flex;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    .top-bast__member {
      font-size: 14px; } }
  .top-bast__member::before {
    background-size: 20px 20px;
    width: 20px;
    height: 20px; }
  .top-bast__member span {
    text-decoration: underline; }
  .top-bast__member:hover span {
    text-decoration: none; }
.top-bast .monthly .top-bast__title {
  color: #35A092; }
.top-bast .monthly .top-bast__link {
  background: #e7f7f5; }
@media print, screen and (min-width: 769px) {
  .top-bast .monthly .top-bast__login {
    width: 48%; } }
.top-bast .monthly .top-bast__login-btn {
  color: #35A092 !important;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='pass01' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10.921px' height='12.849px' viewBox='0 0 10.921 12.849' style='enable-background:new 0 0 10.921 12.849;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2335A092;%7D%0A%3C/style%3E%3Cpath id='login' transform='translate(-3 -2)' class='st0' d='M13.279,2H4.285v1.927h7.709v8.994H4.285v1.927h9.637V2H13.279z M7.5,11.636l3.212-3.212L7.5,5.212v1.927H3v2.573h4.5V11.636z'/%3E%3C/svg%3E%0A"); }
  @media only screen and (max-width: 768px) {
    .top-bast .monthly .top-bast__login-btn {
      height: 12vw; } }
  .top-bast .monthly .top-bast__login-btn:hover {
    background-color: #35A092;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='pass01' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10.921px' height='12.849px' viewBox='0 0 10.921 12.849' style='enable-background:new 0 0 10.921 12.849;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath id='login' transform='translate(-3 -2)' class='st0' d='M13.279,2H4.285v1.927h7.709v8.994H4.285v1.927h9.637V2H13.279z M7.5,11.636l3.212-3.212L7.5,5.212v1.927H3v2.573h4.5V11.636z'/%3E%3C/svg%3E%0A");
    color: #fff !important; }