@charset "UTF-8";

.area-pagettl::before{
  background-image: url(/operation/image/bg-pagettl-sp.jpg);
  content: '';
}
  .area-pagettl > .l-content .hdg-wrap {
    background:transparent;
    padding-left: 0;
    padding-right: 0;
    }
  .area-pagettl { padding: 55px 0; min-height: 300px;}
  .hdg-wrap.lv1 > .hdg { font-size: 4.0rem; color:#fff;}
  .hdg-wrap.lv1 > .hdg-sub { font-size: 1.4rem; color:#fff; line-height: 1.8; margin-top: 30px; font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: normal; text-shadow: 0 0 4px black;}

  .link-thum-summary-list{
    margin-top: 0;
  }
  .link-thum-summary-list .link{
    padding: 15px;
  }
.link-thum-summary-list > .link-item > .link > .thum { width: 120px; }
.link-thum-summary-list > .link-item > .link > .summary { padding:0 0 0 15px; }
.link-thum-summary-list > .link-item > .link > .summary > .ttl { display: inline-block; font-size: 1.8rem;  position: relative; padding-left: 30px;}
.link-thum-summary-list > .link-item > .link > .summary > .ttl::before { background: url(/shared/images/icn-link-sq-arr.svg) no-repeat center center transparent; background-size: contain; content: ''; display: block; left: 0; height: 20px; position: absolute; top: 0.2em; width: 20px; }


.link-thum-summary-list > .link-item > .link > .summary > .cnt { font-size: 1.2rem; margin-top: 5px; }

@media all and (min-width: 768px) {
  .area-pagettl { min-height: 350px; }
  .area-pagettl::before { max-height: calc(350px + 84px); top: 84px; background-image: url(/operation/image/bg-pagettl-pc.jpg); min-height: 350px;}

  .hdg-wrap.lv1 > .hdg { font-size: 7.0rem;}
  .hdg-wrap.lv1 > .hdg-sub {  color:#fff;font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
  .l-content { margin-left: auto; margin-right: auto; max-width: 1240px; padding: 0 25px; }

  .link-thum-summary-list{
    margin-top:-10px;
  }
  .link-thum-summary-list .link{
    padding: 0;
  }
  .link-thum-summary-list > .link-item { border-top: none; margin-top: 30px; margin-left: 45px; width:calc(33.33333% - 45px); border-bottom: 1px solid #ddd; padding: 0 0 30px;}
  .link-thum-summary-list > .link-item > .link > .thum { width: 100%; }
  .link-thum-summary-list > .link-item > .link > .summary { padding:0; }
  .link-thum-summary-list > .link-item > .link > .summary > .ttl { font-size: 2.2rem;  position: relative; padding-left: 50px;}
  .link-thum-summary-list > .link-item > .link > .summary > .ttl::before {height: 30px; position: absolute; top: 0.2em; width: 30px; }
  .link-thum-summary-list > .link-item > .link > .summary::after { display: none;}
  .link-thum-summary-list > .link-item > .link > .summary > .cnt { font-size: 1.4rem; margin-top: 30px; line-height: 1.6; }
  .link-thum-summary-list > .link-item > .link.blank > .summary > .ttl > .ttl-txt { margin-right: 10px; }





}