@charset "UTF-8";


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

.area-pagettl .hdg-wrap { -webkit-backdrop-filter: none; backdrop-filter: none; background-color: transparent; color: #fff; padding: 0; }

.area-pagettl .hdg-wrap .hdg-sub { font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: normal; margin-top: 30px; line-height: 1.8; text-shadow: 0 0 4px black; }

.sr-list { margin: 0 -16px; }

.sr-list .sr-item { align-content: flex-start; align-items: flex-start; border-bottom: 1px solid #ddd; display: flex; flex-flow: row nowrap; justify-content: flex-start; padding: 20px 15px; }

.sr-list .sr-item .sr-img { flex-shrink: 0; margin-right: 20px; width: 120px; }

.sr-list .sr-item .sr-content .ttl a { color: #333; }

@media all and (min-width: 768px) { .area-pagettl { min-height: 530px; }
  .area-pagettl::before { background-image: url(/sr/image/bg-pagettl-sr-pc.jpg); max-height: calc(530px + 84px); }
  .area-pagettl > .l-content .hdg-wrap { -webkit-backdrop-filter: none; backdrop-filter: none; background-color: transparent; padding: 0; width: 715px; }
  .area-pagettl > .l-content .hdg-wrap .hdg { font-size: 7rem; }
  .sr-list { align-content: flex-start; align-items: stretch; display: flex; flex-flow: row wrap; justify-content: flex-start; margin: 0 0 0 -40px; }
  .sr-list .sr-item { border-bottom: 1px solid #ddd; display: block; margin: 30px 0 0 40px; padding: 0 0 25px; width: calc((100% - 1px ) / 3 - 40px); }
  .sr-list .sr-item .sr-img { margin-right: 0; width: auto; }
  .sr-list .sr-item .sr-img a { color: #333; display: block; transition: opacity .2s ease; }
  .sr-list .sr-item .sr-img a:hover { opacity: .5; }
  .sr-list .sr-item .sr-img a .ttl { font-size: 2.2rem; margin-top: 20px; }
  .sr-list .sr-item .sr-img a .ttl .ttl-txt { display: block; padding-left: 50px; position: relative; }
  .sr-list .sr-item .sr-img a .ttl .ttl-txt::before { background: url(/shared/images/icn-link-sq-arr.svg) no-repeat center center transparent; background-size: contain; content: ''; display: block; left: 0; height: 30px; position: absolute; top: 0; width: 30px; }
  .sr-list .sr-item .sr-content .ttl { font-size: 2.2rem; margin-top: 20px; }
  .sr-list .sr-item .sr-content .ttl a { display: block; padding-left: 50px; position: relative; transition: opacity .2s ease; }
  .sr-list .sr-item .sr-content .ttl a:hover { opacity: .5; }
  .sr-list .sr-item .sr-content .ttl a::before { background: url(/shared/images/icn-link-sq-arr.svg) no-repeat center center transparent; background-size: contain; content: ''; display: block; left: 0; height: 30px; position: absolute; top: 0; width: 30px; } }