@charset "utf-8";

.flex{ display: flex; justify-content: space-between; flex-wrap: wrap;}



.contents{  padding: 100px 0 90px ; background: #f5f5f5;}
.record .titBox{ padding-bottom: 30px;}

h2{ font-size: 5rem; font-weight: bold; max-width: 1200px; width: calc(100% - 50px); line-height: 1.5; margin:0 auto;}
h2 span{ display: block; font-size: clamp(1.6rem,1.5vw,1.8rem); }

.mv { position: relative;}
.mv figure img{ width: 100%;}
.mv .mv_txt{ position: absolute; max-width: 1200px; font-size: clamp(2rem,3.12vw,6rem); font-weight: normal; font-family: 'Noto Serif JP', serif; top: 47%; left: 18.75%; }

.record_table{ margin-top: 100px; }

table{ border-collapse: collapse;  max-width: 1017px; margin: 0 auto; background: #f5f5f5; display: block; }
td,th {  border:1px solid #000; font-size: 1.4rem; box-sizing: border-box; }
td{ padding: 0.5em;}
.tr_01{ background: #999;}
.tr_01 th{ padding: 0.5em;}
.tr_01 .num{ width: 45px;}
.tr_01 .name{ width: 268px;}
.tr_01 .place{ width: 205px;}
.tr_01 .structure{ width: 192x;}
.tr_01 .houses{ width: 208px;}
.tr_01 .year{ width: 102px;}
.tr_02 th,.tr_02 td:first-of-type{ background: #ccc;}

@media (max-width: 1400px){
  .contents{ padding-top:100px;}
  h2{ font-size: 4.5rem;}
  .record .titBox{ padding-bottom: 20px;}
  .record_table{ margin-top: 70px; overflow: hidden;}
  table{ overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; }
}

@media (max-width: 768px){
    .contents{ padding-top:70px;}
    h2{ font-size: clamp( 2rem , 6.5vw, 5rem); margin-bottom: 0;}

    .mv .mv_txt{ top: 47%; left: 50%; transform: translateX(-50%); font-size: clamp(20px,7vw,58px); width: 100%; top: 20.7%; text-align: center; font-feature-settings: "palt";}

    table{ max-width: 1017px; margin: 0 auto; border: 1px solid; background: #f5f5f5;}

}