@charset "UTF-8";
/* CSS Document */

.section_title{ font-size: 196%; color: #6d7e8c; font-weight: 600; font-family: "Noto Serif JP", "serif";}
.text_copy{ color: #595757; font-weight: bold;}

.table_life{}
.table_life tr{ display: grid; grid-template-columns: 1fr auto;}
.table_life th{ margin: 0; padding: 0; display: flex;}
.table_life td{ margin: 0; padding: 0 0 0 1.0em; text-align: right;}
.table_life th[colspan="2"]{ color: #7cb4b8; font-weight: bold; font-size: 116%;}
.table_life th[colspan="2"] span{ font-weight: normal; font-size: 86%; padding-left: 0.5rem;}
.table_life th::after{ content: ''; background: #fff; height: 0.8em; flex-grow: 1; border-bottom: dotted 2px #a8a8a8; margin-left: 1.0rem; display: block;}
.table_life th[colspan="2"]::after{ display: none;}
@media screen and ( max-width: 480px ) {
  .location table.table_life:nth-child(2){ margin-top: 0;}
}


.locph{ display: grid; grid-template-columns: repeat(3,1fr); gap: 1.0em 2%;}
.locph article{ margin: 0;}
.locph figure{}
.locph img{ display: block;}
.locph dl{ display: grid; grid-template-columns: auto 1fr; font-size: 93%; margin: 0.5rem 0 0 0;}
.locph dl *{ margin: 0;}
.locph dd{ text-align: right;}
@media screen and ( max-width: 480px ) {
  .locph{ grid-template-columns: repeat(2,1fr);}
  .locph dl{ display: block;}
}