@charset "UTF-8";


h1 { float: left; width: 100%; text-align: center; margin-top: -16px; }
h1 span { font-size: 13px; color: #fff; border-radius: 0 0 4px 4px; background: #534f43; padding: 5px 12px; }

#text p:nth-of-type(1) { font-size: 18px; margin: 15px 0 5px 0; }
#text p:nth-of-type(1) span { float: left; display: flex; justify-content: center; width: 100%; text-align: center; }
#text p:nth-of-type(1) span::before, #text p:nth-of-type(1) span::after { width: 2px; height: 18px; background-color: #958056; content: ''; }
#text p:nth-of-type(1) span::before { transform: rotate(-35deg); margin-right: 12px; }
#text p:nth-of-type(1) span::after { transform: rotate(35deg); margin-left: 12px; }
#text p:nth-of-type(2) { font-size: 50px; color: rgba(0, 0, 0, 0); line-height: 1; text-shadow: 2px 3px 0 #dbd0b9; -webkit-text-stroke: 1px #534f43; text-stroke: 1px #534f43; }
#text p:nth-of-type(2) span { float: left; width: 100%; font-size: 43px; text-align: center; }
#text p:nth-of-type(3) { font-size: 12px; color: #8b806e; font-weight: bold; text-align: left; padding: 10px 3.5%; }
#text p.memo { text-align: left; padding: 0 1.5%; margin-top: 6px; }

#site p { font-size: 11px; color: #8b806e; font-weight: bold; text-align: left; padding: 0px 1.5% 3px 2%; }

#about { background: #fff; border-top: #d8d3ce 1px solid; margin: 3px 0 10px 0; }
#about div { border-bottom: #d8d3ce 1px solid; padding: 0 0 4px 40px; }
#about div:nth-of-type(1) { background: url('/img/a01.jpg')no-repeat; background-position: left 0 top 0; background-size: 40px auto; }
#about div:nth-of-type(2) { background: url('/img/a02.jpg')no-repeat; background-position: left 0 top 0; background-size: 40px auto; }
#about div:nth-of-type(3) { background: url('/img/a03.jpg')no-repeat; background-position: left 0 top 0; background-size: 40px auto; }
#about div:nth-of-type(4) { background: url('/img/a04.jpg')no-repeat; background-position: left 0 top 0; background-size: 40px auto; }
#about div:nth-of-type(5) { background: url('/img/a05.jpg')no-repeat; background-position: left 0 top 0; background-size: 40px auto; }
#about div:nth-of-type(6) { background: url('/img/a06.jpg')no-repeat; background-position: left 0 top 0; background-size: 40px auto; }
#about div:nth-of-type(7) { background: url('/img/a07.jpg')no-repeat; background-position: left 0 top 0; background-size: 40px auto; }
#about div:nth-of-type(8) { background: url('/img/a08.jpg')no-repeat; background-position: left 0 top 0; background-size: 40px auto; }
#about div:nth-of-type(9) { background: url('/img/a09.jpg')no-repeat; background-position: left 0 top 0; background-size: 40px auto; }
#about div:nth-of-type(10) { background: url('/img/a10.jpg')no-repeat; background-position: left 0 top 0; background-size: 40px auto; }
#about div:nth-of-type(11) { background: url('/img/a11.jpg')no-repeat; background-position: left 0 top 0; background-size: 40px auto; }
#about div:nth-of-type(12) { background: url('/img/a12.jpg')no-repeat; background-position: left 0 top 0; background-size: 40px auto; }
#about div p { font-size: 13px; padding: 0 8px 5px 0; }
#about h3 { position: relative; font-size: 18.5px; color: #958056; text-shadow: 1px 1px 1px #fff; border-left: solid 8px #b3a280; background: #fff; background-image: radial-gradient(#dbd0b9 30%, transparent 0), radial-gradient(#dbd0b9 30%, transparent 0); background-size: 3px 3px; padding: 8px 15px; margin-bottom: 8px; }
#about h3::after { position: absolute; top: 50%; right: 16px; display: block; content: ''; width: 6px; height: 6px; margin-top: -4px; border-top: 3px solid #b3a280; border-right: 3px solid #b3a280; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#about h4 { font-size: 15px; }

#scroll { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; }
#scroll table { display: inline-block; }
table { width: 555px; border-collapse: collapse; border: 1px solid #d8d3ce; text-align: center; margin: 0 0 6px 3.5%; }
table th { width: 40px; font-size: 10px; background: #d8d3ce; padding: 5px 0; }
table td { width: 40px; font-size: 12px; border: 1px solid #d8d3ce; background: #fff; padding: 5px 4px; }
table td:first-child { background: #f7f3ee; }
table th:nth-of-type(1), table td:nth-of-type(1) { width: 123px; }
table th:nth-of-type(2), table td:nth-of-type(2), table th:nth-of-type(3), table td:nth-of-type(3) { width: 155px; }
table td:nth-of-type(1), table td:nth-of-type(2) { text-align: left; }