@charset "UTF-8";


h1 { float: left; width: 100%; text-align: center; margin-top: -15px; }
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: #5e9e90; 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 #cee0d7; -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: 13px; text-align: left; padding: 6px 5%; }
#text p.memo { padding: 0 1%; margin-top: -14px; }

#site p { font-size: 12px; text-align: left; padding:  0px 1.2% 8px 1.5%; }
#site p a { text-decoration: underline; }

#about { background: #fff; border-top: #d8d3ce 1px solid; margin: 3px 0 10px 0; }
#about div { border-bottom: #d8d3ce 1px solid; padding: 0 0 4px 100px; }
#about div:nth-of-type(1) { background: url('/img/a01.jpg')repeat-y; background-position: left 0 top 0; background-size: 100px auto; }
#about div:nth-of-type(2) { background: url('/img/a02.jpg')repeat-y; background-position: left 0 top 0; background-size: 100px auto; }
#about div:nth-of-type(3) { background: url('/img/a03.jpg')repeat-y; background-position: left 0 top 0; background-size: 100px auto; }
#about div:nth-of-type(4) { background: url('/img/a04.jpg')repeat-y; background-position: left 0 top 0; background-size: 100px auto; }
#about div:nth-of-type(5) { background: url('/img/a05.jpg')repeat-y; background-position: left 0 top 0; background-size: 100px auto; }
#about div:nth-of-type(6) { background: url('/img/a06.jpg')repeat-y; background-position: left 0 top 0; background-size: 100px auto; }
#about div:nth-of-type(7) { background: url('/img/a07.jpg')repeat-y; background-position: left 0 top 0; background-size: 100px auto; }
#about div:nth-of-type(8) { background: url('/img/a08.jpg')repeat-y; background-position: left 0 top 0; background-size: 100px auto; }
#about div:nth-of-type(9) { background: url('/img/a09.jpg')repeat-y; background-position: left 0 top 0; background-size: 100px auto; }
#about div:nth-of-type(10) { background: url('/img/a10.jpg')repeat-y; background-position: left 0 top 0; background-size: 100px auto; }
#about div:nth-of-type(11) { background: url('/img/a11.jpg')repeat-y; background-position: left 0 top 0; background-size: 100px auto; }
#about div:nth-of-type(12) { background: url('/img/a12.jpg')repeat-y; background-position: left 0 top 0; background-size: 100px auto; }
#about div p { font-size: 14px; padding: 0 5px 6px 12px; }
#about h3 { position: relative; font-size: 18px; color: #5e9e90; text-shadow: 1px 1px 1px #fff; border-left: solid 8px #99c2b4; background: #fff; background-image: radial-gradient(#cee0d7 30%, transparent 0), radial-gradient(#cee0d7 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 #99c2b4; border-right: 3px solid #99c2b4; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#about h4 { font-size: 15px; padding-left: 12px; }

#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-left: 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; }