@charset "UTF-8";


/* sass */
.area-pagettl { height: 104vw; padding-top: 30px; }

.area-pagettl::before { background-image: url(/members/image/bg-pagettl-members-sp.jpg); content: ''; }

.area-pagettl .hdg-wrap { background-color: transparent; margin: 0; padding: 0; }

.area-pagettl .hdg-wrap .hdg { font-size: 3.6rem; }

.area-pagettl .hdg-wrap .hdg-sub { font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1.2rem; margin-top: 20px; }

.area-support { background-color: #DCD8D2; padding-bottom: 60px; }

.area-support .box-areattl { background: url(/members/image/bg-areattl-support-sp.jpg) no-repeat center center transparent; background-size: cover; padding: 40px 0; }

.area-support .box-areattl .hdg { color: #fff; font-size: 2.6rem; font-weight: normal; }

.area-support .box-support { background-color: #fff; margin-top: 40px; padding: 30px 24px 40px 20px; }

.area-support .box-support .box-ttl { display: flex; justify-content: flex-start; }

.area-support .box-support .box-ttl .box-ttl-txt { flex-grow: 0; flex-shrink: 0; font-size: 5rem; font-weight: normal; margin-left: 28px; }

.area-support .box-support .box-ttl .box-ttl-txt > span { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }

.area-support .box-support .box-ttl .box-ttl-img { border-left: 1px solid #ddd; margin-left: 20px; padding: 45px 12px 0 32px; text-align: center; width: calc(100% - 123px); }

.area-support .box-support .box-cnt .hdg-wrap { padding: 7px 20px; }

.area-support .box-support .box-cnt .hdg-wrap.lv4 { margin-left: 0; margin-right: 0; }

.area-support .box-support .box-cnt .support-list { margin-top: 20px; }

.area-support .box-support .box-cnt .support-list .support-item { margin-top: 14px; }

.area-support .box-support .box-cnt .support-list .support-item .support-link { align-content: flex-start; align-items: center; color: #333; display: flex; }

.area-support .box-support .box-cnt .support-list .support-item .support-link .support-thum { flex-grow: 0; flex-shrink: 0; width: 42px; }

.area-support .box-support .box-cnt .support-list .support-item .support-link .support-cnt { margin-left: 18px; }

.area-support .box-support .box-cnt .support-list .support-item .support-link.icn-pdf .support-cnt::after { background: url(/shared/images/icn-pdf.svg) no-repeat center center transparent; background-size: contain; content: ''; display: inline-block; height: 15px; margin-left: 8px; margin-right: 8px; vertical-align: middle; width: 12px; }

.area-support .box-support .box-cnt .support-list .support-item .support-link.icn-blank .support-cnt::after { background: url(/shared/images/icn-blank.svg) no-repeat center center transparent; background-size: 10px 10px; content: ''; display: inline-block; height: 10px; margin-left: 8px; margin-right: 8px; vertical-align: middle; width: 10px; }

.area-support .box-support .box-cnt .support-rel-info { margin-top: 40px; }

.area-support .box-support .box-cnt .support-rel-info .ttl { border-left: 4px solid #E60012; line-height: 1.2; padding-left: 17px; }

.area-publish { background-color: #DCD8D2; padding-bottom: 50px; }

.area-publish .box-areattl { background: url(/members/image/bg-areattl-publish-sp.jpg) no-repeat center center transparent; background-size: cover; padding: 40px 0; }

.area-publish .box-areattl .hdg { color: #fff; font-size: 2.6rem; font-weight: normal; }

.area-publish .publish-list { align-content: flex-start; align-items: stretch; display: flex; flex-flow: row wrap; justify-content: flex-end; margin: 20px 0 0 -16px; }

.area-publish .publish-list .publish-item { background-color: #fff; margin: 20px 0 0 16px; padding: 8px 8px 25px; width: calc(50% - 16px); }

.area-publish .publish-list .publish-item .publish-link { color: #333; display: block; }

.area-publish .publish-list .publish-item .publish-link .publish-thum { padding-top: 141.2%; position: relative; }

.area-publish .publish-list .publish-item .publish-link .publish-thum > img { bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; }

.area-publish .publish-list .publish-item .publish-link .publish-cnt { margin-top: 10px; }

.area-publish .publish-list .publish-item .publish-link.icn-blank .publish-cnt::after { background: url(/shared/images/icn-blank.svg) no-repeat center center transparent; background-size: 10px 10px; content: ''; display: inline-block; height: 10px; margin-left: 8px; margin-right: 8px; vertical-align: middle; width: 10px; }

.area-publish .publish-list .publish-item .icn-fb::before, .area-publish .publish-list .publish-item .icn-tw::before { display: inline-block; margin-right: 10px; position: static; transition: opacity .2s ease; vertical-align: middle; }

.area-publish .publish-list .publish-item .icn-fb { color: #1877F2; display: inline-block; font-size: 1.1rem; padding: 10px; }

.area-publish .publish-list .publish-item .icn-fb::before { background: url(/shared/images/icn-fb.svg) no-repeat center center transparent; background-size: contain; content: ''; display: inline-block; height: 24px; margin-right: 10px; transition: opacity .2s ease; width: 24px; }

@media all and (max-width: 767px) { .area-publish .publish-list .publish-item .icn-fb:not(.disabeld):active { border-color: #1877F2; opacity: .5; }
  .area-publish .publish-list .publish-item .icn-fb:not(.disabeld):active > .btn-txt { color: #1877F2; } }

.area-publish .publish-list .publish-item .icn-tw { color: #1DA1F2; border-color: #1DA1F2; font-size: 1.1rem; padding: 10px; }

.area-publish .publish-list .publish-item .icn-tw::before { background: url(/shared/images/icn-tw.svg) no-repeat center center transparent; background-size: contain; content: ''; display: inline-block; height: 22px; margin-right: 10px; width: 22px; }

@media all and (max-width: 767px) { .area-publish .publish-list .publish-item .icn-tw:not(.disabeld):active { border-color: #1DA1F2; opacity: .5; }
  .area-publish .publish-list .publish-item .icn-tw:not(.disabeld):active > .btn-txt { color: #1DA1F2; } }

@media all and (min-width: 768px) { .area-pagettl { height: 390px; }
  .area-pagettl::before { background-image: url(/members/image/bg-pagettl-members-pc.jpg); max-height: calc(390px + 84px); }
  .area-pagettl > .l-content .hdg-wrap { align-self: flex-start; background-color: transparent; margin-top: 30px; }
  .area-news .news-tgl { align-content: flex-start; align-items: flex-start; display: flex; flex-flow: row nowrap; justify-content: space-between; padding: 0 50px; }
  .area-news .news-tgl .news-notice, .area-news .news-tgl .news-prefhq { flex-shrink: 0; padding: 0 25px; width: 50%; }
  .area-news .news-tgl .news-notice .hdg-wrap, .area-news .news-tgl .news-prefhq .hdg-wrap { margin-top: 0; }
  .area-news .news-tgl .news-notice .hdg-wrap.lv5 .hdg, .area-news .news-tgl .news-prefhq .hdg-wrap.lv5 .hdg { font-size: 2rem; }
  .area-news .news-tgl .news-notice .tab-btn-list, .area-news .news-tgl .news-prefhq .tab-btn-list { align-items: stretch; flex-wrap: nowrap; justify-content: center; margin-left: 0; margin-right: 0; }
  .area-news .news-tgl .news-notice .tab-btn-list .tab-btn-item, .area-news .news-tgl .news-prefhq .tab-btn-list .tab-btn-item { flex-shrink: 1; margin: 0 10px; min-width: auto; width: 50%; }
  .area-news .news-tgl .news-notice .btn-box .btn.more, .area-news .news-tgl .news-prefhq .btn-box .btn.more { border-width: 0 0 1px; min-width: auto; padding: 5px; }
  .area-news .news-tgl .news-notice .btn-box .btn.more .btn-txt, .area-news .news-tgl .news-prefhq .btn-box .btn.more .btn-txt { font-size: 1.1rem; font-weight: bold; padding: 0 12px; }
  .area-support { background-color: #DCD8D2; }
  .area-support .box-areattl { background: url(/members/image/bg-areattl-support-pc.jpg) no-repeat center center transparent; background-size: cover; margin: 0 auto; padding: 105px 0 115px; }
  .area-support .box-areattl .hdg { font-size: 4rem; }
  .area-support .box-support { align-content: flex-start; align-items: stretch; display: flex; justify-content: flex-end; margin-top: 60px; padding: 50px 70px 50px 30px; }
  .area-support .box-support .box-ttl { align-content: flex-start; align-items: center; flex-flow: column nowrap; flex-grow: 0; flex-shrink: 0; justify-content: flex-start; width: 180px; }
  .area-support .box-support .box-ttl .box-ttl-txt { display: block; margin: 0 auto; }
  .area-support .box-support .box-ttl .box-ttl-img { border-left: none; display: block; margin: 50px auto 0; padding: 0; max-width: 80%; }
  .area-support .box-support .box-ttl .box-ttl-img img { width: auto; }
  .area-support .box-support .box-cnt { border-left: 1px solid #ddd; padding-left: 60px; width: calc(100% - 180px); }
  .area-support .box-support .box-cnt > section:first-child .hdg-wrap { margin-top: 0; }
  .area-support .box-support .box-cnt > .support-list:first-child { margin-top: -15px; }
  .area-support .box-support .box-cnt .support-list { display: flex; flex-flow: row wrap; justify-content: space-between; margin-top: 5px; }
  .area-support .box-support .box-cnt .support-list .support-item { margin-top: 15px; width: calc(50% - 15px); }
  .area-support .box-support .box-cnt .support-list .support-item .support-link { align-content: flex-start; align-items: center; color: #333; display: flex; }
  .area-support .box-support .box-cnt .support-list .support-item .support-link:hover .support-cnt { color: #E60012; }
  .area-support .box-support .box-cnt .support-list .support-item .support-link:hover .support-cnt .ft-note { color: #E60012; }
  .area-support .box-support .box-cnt .support-list .support-item .support-link .support-thum { flex-grow: 0; flex-shrink: 0; width: 42px; }
  .area-support .box-support .box-cnt .support-list .support-item .support-link .support-cnt { margin-left: 18px; transition: color .2s ease; }
  .area-support .box-support .box-cnt .support-list .support-item .support-link .support-cnt .ft-note { transition: color .2s ease; }
  .area-support .box-support .box-cnt .support-rel-info { margin-top: 40px; }
  .area-support .box-support .box-cnt .support-rel-info .ttl { border-left: 4px solid #E60012; line-height: 1.2; padding-left: 17px; }
  .area-publish { background: url(/members/image/bg-area-publish-pc.jpg) no-repeat center center transparent; background-size: cover; padding: 40px 60px; }
  .area-publish .box-areattl { background: none; padding: 0; }
  .area-publish .box-areattl .hdg { color: #fff; font-size: 4rem; font-weight: normal; }
  .area-publish .box-publish-list { margin: 0 auto; max-width: 848px; }
  .area-publish .box-publish-list .publish-list { align-content: flex-start; align-items: stretch; display: flex; flex-flow: row wrap; justify-content: flex-end; margin: 20px 0 0 -20px; }
  .area-publish .box-publish-list .publish-list .publish-item { background-color: #fff; margin: 35px 0 0 20px; padding: 8px; width: calc(25% - 20px); }
  .area-publish .box-publish-list .publish-list .publish-item .publish-link { color: #333; display: block; transition: opacity .2s ease; }
  .area-publish .box-publish-list .publish-list .publish-item .publish-link:hover { opacity: .5; }
  .area-publish .box-publish-list .publish-list .publish-item .publish-link .publish-cnt { margin-top: 10px; }
  .area-publish .box-publish-list .publish-list .publish-item .btn-box > .btn { border: none; padding: 0; }
  .area-publish .box-publish-list .publish-list .publish-item .btn-box > .btn.icn-fb::before, .area-publish .box-publish-list .publish-list .publish-item .btn-box > .btn.icn-tw::before { display: inline-block; margin-right: 10px; position: static; vertical-align: middle; }
  .area-publish .box-publish-list .publish-list .publish-item .icn-fb, .area-publish .box-publish-list .publish-list .publish-item .icn-tw { transition: opacity .2s ease; }
  .area-publish .box-publish-list .publish-list .publish-item .icn-fb:hover, .area-publish .box-publish-list .publish-list .publish-item .icn-tw:hover { opacity: .5; } }